import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Cby2wKoI.js';

const breadcrumbItemLabelCss = () => `.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 = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.breadcrumbMenuIconWrapper = createEvent(this, "breadcrumbMenuIconWrapper", 7);
    }
    icon;
    href;
    target = "_self";
    get el() { return getElement(this); }
    breadcrumbMenuIconWrapper;
    componentDidLoad() {
        const container = this.el.shadowRoot.querySelector(".breadcrumb-item-label-container");
        const menuWrapper = container?.querySelector(".menu-icon-wrapper");
        if (menuWrapper) {
            this.breadcrumbMenuIconWrapper.emit(menuWrapper);
        }
    }
    render() {
        return (h("a", { key: '6571ff2efff0c585a2932583d914df7684630db0', href: this.href, target: this.target, class: "breadcrumb-item-label-container", role: "link" }, h("ifx-icon", { key: '75aa1ea3bc21203154fcdd2b6bfa15189f16c065', icon: this.icon, "aria-hidden": "true" }), h("span", { key: '1163f1bc60267f26dc8b838058278ac2367c9ca8', class: "label-wrapper" }, h("slot", { key: '30d1672a6aa9a9380d8934663a215a3ef0014be4' })), h("span", { key: 'c131a318510e99b33086d8fd660a78a68a6f8a86', class: "menu-icon-wrapper", "aria-hiden": "true" }, h("ifx-icon", { key: '9f0dbe849a587e7d395388afbc782136969e6025', icon: "chevron-down-16" }))));
    }
};
BreadcrumbItemLabel.style = breadcrumbItemLabelCss();

export { BreadcrumbItemLabel as ifx_breadcrumb_item_label };
//# sourceMappingURL=ifx-breadcrumb-item-label.entry.js.map

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