import { h } from "@stencil/core";
export class DgaNavHeaderLink {
    constructor() {
        this.iconProps = {};
        this.active = false;
        this.subMenuBackground = 'Brand';
        this.subMenuFullWidth = true;
        this.handleClick = (event) => {
            event.preventDefault();
            this.linkClicked.emit();
        };
    }
    render() {
        return (h("li", { key: '4b3b13062ddd98356ec9b101e48f6402e0c1e80b' }, h("a", { key: '1ebf012e8082418aeb2d302bb420733382b8b195', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: '4886f6efb78c354e4a83698734ec24c823bcdc53', class: "header-menu__item-label" }, this.label), h("span", { key: 'dbc45de1700773f837aefb30f54bc3eb30397e9d', class: "header-menu__item-arrow" }, h("dga-icon", Object.assign({ key: '19421abfad077540719b936b5d7ffadc154d14da', icon: this.icon }, this.iconProps)))), this.active && (h("dga-nav-header-sub-menu", { key: 'f1b4d97dac7ccf4702de719d663e514b8b611412', active: this.active, "sub-menu-full-width": this.subMenuFullWidth, background: this.subMenuBackground }, h("slot", { key: 'eba8938408e3b4eaf3f47df81c1ac9cc09dca08a' })))));
    }
    static get is() { return "dga-nav-header-link"; }
    static get properties() {
        return {
            "label": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "label",
                "reflect": false
            },
            "icon": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "icon",
                "reflect": false
            },
            "iconProps": {
                "type": "unknown",
                "mutable": false,
                "complexType": {
                    "original": "{\n    size?: number;\n    color?: string;\n    variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';\n    type?: 'rounded' | 'sharp' | 'standard';\n  }",
                    "resolved": "{ size?: number; color?: string; variant?: \"stroke\" | \"solid\" | \"duotone\" | \"twotone\" | \"bulk\"; type?: \"rounded\" | \"sharp\" | \"standard\"; }",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "defaultValue": "{}"
            },
            "active": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "active",
                "reflect": false,
                "defaultValue": "false"
            },
            "subMenuBackground": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'Brand' | string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "sub-menu-background",
                "reflect": false,
                "defaultValue": "'Brand'"
            },
            "subMenuFullWidth": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "sub-menu-full-width",
                "reflect": false,
                "defaultValue": "true"
            }
        };
    }
    static get events() {
        return [{
                "method": "linkClicked",
                "name": "linkClicked",
                "bubbles": true,
                "cancelable": true,
                "composed": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "complexType": {
                    "original": "void",
                    "resolved": "void",
                    "references": {}
                }
            }];
    }
}
//# sourceMappingURL=dga-nav-header-link.js.map
