import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
import { d as defineCustomElement$2 } from './p-Bm-eGlq5.js';

const breadcrumbItemLabelCss = ":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.breadcrumb-item-label-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1D1D1D}.breadcrumb-item-label-container.margin{margin-left:16px}.breadcrumb-item-label-container ifx-icon:empty{display:none}.breadcrumb-item-label-container .label-icon-wrapper{display:inline-flex}.breadcrumb-item-label-container .menu-icon-wrapper{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.breadcrumb-item-label-container .menu-icon-wrapper.hide{display:none}.breadcrumb-item-label-container .menu-icon-wrapper ifx-icon{transition:0.3s}.breadcrumb-item-label-container .menu-icon-wrapper.show ifx-icon{transition:0.3s;transform:rotate(180deg)}";

const BreadcrumbItemLabel = /*@__PURE__*/ proxyCustomElement(class BreadcrumbItemLabel extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.breadcrumbMenuIconWrapper = createEvent(this, "breadcrumbMenuIconWrapper", 7);
        this.target = "_self";
    }
    componentDidLoad() {
        const container = this.el.shadowRoot.querySelector('.breadcrumb-item-label-container');
        const menuWrapper = container.querySelector('.menu-icon-wrapper');
        this.breadcrumbMenuIconWrapper.emit(menuWrapper);
    }
    render() {
        return (h("a", { key: '7e5dbe02aa52451f7a5d972635efe4a43ecb1f6c', href: this.href, target: this.target, class: "breadcrumb-item-label-container", role: 'link' }, h("ifx-icon", { key: 'f441ce13b8c16b94511f75d18de8296e7c6b468e', icon: this.icon, "aria-hidden": "true" }), h("span", { key: 'cbeb92d41edb4ba9d7a2c44b1d024eb41f6344e8', class: "label-wrapper" }, h("slot", { key: '8e5d86e84c1005ec8cf4ec1066d4c33a72f848e2' })), h("span", { key: 'b2f401a1ee8c6a5f792c42a06f3a5534773c8158', class: "menu-icon-wrapper", "aria-hiden": "true" }, h("ifx-icon", { key: 'e93b04e4fa9f8b916eb11be53f613668808dce5f', icon: "chevron-down-16" }))));
    }
    get el() { return this; }
    static get style() { return breadcrumbItemLabelCss; }
}, [257, "ifx-breadcrumb-item-label", {
        "icon": [1],
        "href": [1],
        "target": [1]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["ifx-breadcrumb-item-label", "ifx-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "ifx-breadcrumb-item-label":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, BreadcrumbItemLabel);
            }
            break;
        case "ifx-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const IfxBreadcrumbItemLabel = BreadcrumbItemLabel;
const defineCustomElement = defineCustomElement$1;

export { IfxBreadcrumbItemLabel, defineCustomElement };
//# sourceMappingURL=ifx-breadcrumb-item-label.js.map

//# sourceMappingURL=ifx-breadcrumb-item-label.js.map