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

const DgaNavHeaderMain = /*@__PURE__*/ proxyCustomElement(class DgaNavHeaderMain extends H {
    constructor() {
        super();
        this.__registerHost();
        this.toggleCollapsed = createEvent(this, "toggleCollapsed", 7);
        this.collapsed = false;
        this.handleToggle = () => {
            this.toggleCollapsed.emit(!this.collapsed);
        };
    }
    render() {
        return (h("div", { key: 'aa3782138401de094b45222a48168b94871dfdda', class: "header-nav__main" }, h("button", { key: '0a201a855682cc4545bdc8ad97111b42d6685f11', type: "button", onClick: this.handleToggle, class: "header-menu__btn" }, h("span", { key: '75061c26af6527c02bfbc0e9498a28a27c538b1d', class: "btn-icon header-menu__btn-icon" }, h("dga-icon", { key: '8f6ae11a9d54ea6ccc7f4b3b7e04a243a8d5888e', icon: this.collapsed ? 'menu01' : 'cancel01' }))), h("slot", { key: '893cc7b8ed6337a11e6b23196bc90967563e5e40' })));
    }
}, [4, "dga-nav-header-main", {
        "collapsed": [4]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-nav-header-main", "dga-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-nav-header-main":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaNavHeaderMain);
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$1();
            }
            break;
    } });
}

export { DgaNavHeaderMain as D, defineCustomElement as d };

//# sourceMappingURL=p-d45eca6c.js.map