import { h, } from "@stencil/core";
export class BreadcrumbItemLabel {
    /** Icon displayed inside the breadcrumb item. */
    icon;
    /** URL the breadcrumb item links to. */
    href;
    /** Where to open the link. */
    target = "_self";
    el;
    /** Fires with the icon wrapper element when it's ready. */
    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: 'daa6bbd525d8be74fc6f149e5a519b30c4916d2f', href: this.href, target: this.target, class: "breadcrumb-item-label-container", role: "link" }, h("ifx-icon", { key: '318d4c19a2957b745cd44bddfaa342b9a802dfca', icon: this.icon, "aria-hidden": "true" }), h("span", { key: 'fc3b1f00e20a32ace825120064bce618f40e3144', class: "label-wrapper" }, h("slot", { key: 'fd08e37a24ee8a93e19d6af8a5d29bb46c41929e' })), h("span", { key: '6087da6ad9e230797ec1d36aae1d0e05eb78a24c', class: "menu-icon-wrapper", "aria-hiden": "true" }, h("ifx-icon", { key: '749cf690aa7fe8334d8d4c398728814059beee8c', icon: "chevron-down-16" }))));
    }
    static get is() { return "ifx-breadcrumb-item-label"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["breadcrumb-item-label.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["breadcrumb-item-label.css"]
        };
    }
    static get properties() {
        return {
            "icon": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Icon displayed inside the breadcrumb item."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "icon"
            },
            "href": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "URL the breadcrumb item links to."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "href"
            },
            "target": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Where to open the link."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "target",
                "defaultValue": "\"_self\""
            }
        };
    }
    static get events() {
        return [{
                "method": "breadcrumbMenuIconWrapper",
                "name": "breadcrumbMenuIconWrapper",
                "bubbles": true,
                "cancelable": true,
                "composed": true,
                "docs": {
                    "tags": [],
                    "text": "Fires with the icon wrapper element when it's ready."
                },
                "complexType": {
                    "original": "HTMLElement",
                    "resolved": "HTMLElement",
                    "references": {
                        "HTMLElement": {
                            "location": "global",
                            "id": "global::HTMLElement"
                        }
                    }
                }
            }];
    }
    static get elementRef() { return "el"; }
}
