import { h } from "@stencil/core";
export class BreadcrumbItemLabel {
    constructor() {
        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" }))));
    }
    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",
                "attribute": "icon",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "href": {
                "type": "string",
                "attribute": "href",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "target": {
                "type": "string",
                "attribute": "target",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "\"_self\""
            }
        };
    }
    static get events() {
        return [{
                "method": "breadcrumbMenuIconWrapper",
                "name": "breadcrumbMenuIconWrapper",
                "bubbles": true,
                "cancelable": true,
                "composed": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "complexType": {
                    "original": "CustomEvent",
                    "resolved": "CustomEvent<any>",
                    "references": {
                        "CustomEvent": {
                            "location": "global",
                            "id": "global::CustomEvent"
                        }
                    }
                }
            }];
    }
    static get elementRef() { return "el"; }
}
//# sourceMappingURL=breadcrumb-item-label.js.map
