import { p as proxyCustomElement, H, d as createEvent, h } from './p-604af0ee.js';
import { d as defineCustomElement$2 } from './p-888b8e69.js';
import { d as defineCustomElement$1 } from './p-09b411c7.js';

const DgaNavHeaderLink = /*@__PURE__*/ proxyCustomElement(class DgaNavHeaderLink extends H {
    constructor() {
        super();
        this.__registerHost();
        this.linkClicked = createEvent(this, "linkClicked", 7);
        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' })))));
    }
}, [4, "dga-nav-header-link", {
        "label": [1],
        "icon": [1],
        "iconProps": [16],
        "active": [4],
        "subMenuBackground": [1, "sub-menu-background"],
        "subMenuFullWidth": [4, "sub-menu-full-width"]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-nav-header-link", "dga-icon", "dga-nav-header-sub-menu"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-nav-header-link":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaNavHeaderLink);
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
        case "dga-nav-header-sub-menu":
            if (!customElements.get(tagName)) {
                defineCustomElement$1();
            }
            break;
    } });
}

export { DgaNavHeaderLink as D, defineCustomElement as d };

//# sourceMappingURL=p-5c46b3a5.js.map