/* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
import { c as customElement } from "../../chunks/runtime.js";
import { css, html } from "lit";
import { LitElement, nothing } from "@arcgis/lumina";
import { g as getIconUrl } from "../../chunks/getItemIcon.js";
const styles = css`/** @license
 * Copyright 2025 Esri
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.item-type-icon {
  @apply block
    h-4
    pointer-events-none;
  margin-top: 0.15em !important;
  min-width: 16px;
  fill: currentColor;
  transform: rotate(360deg);
}

.item-type-icon-margin {
  @apply m-inline-end-1.5;
}`;
class SolutionItemIcon extends LitElement {
  constructor() {
    super(...arguments);
    this.isPortal = false;
    this.type = "";
    this.typeKeywords = [];
  }
  static {
    this.properties = { isPortal: [5, {}, { type: Boolean }], type: 1, typeKeywords: [0, {}, { attribute: false }] };
  }
  static {
    this.styles = styles;
  }
  render() {
    return html`<div title=${this.type ?? nothing}><img class="item-type-icon item-type-icon-margin" height=16 role=presentation src=${getIconUrl(this.type, this.typeKeywords) ?? nothing} width=16></div>`;
  }
}
customElement("solution-item-icon", SolutionItemIcon);
export {
  SolutionItemIcon
};
