import { Host, h } from "@stencil/core";
export class DgaSecondNavHeader {
    constructor() {
        this.variant = 'primary';
    }
    componentWillLoad() {
        this.el.childNodes.forEach((item) => {
            const el = item;
            if (el.tagName === 'DGA-SECOND-NAV-HEADER-CONTENT' && this.hideContent === true) {
                el.style.display = 'none';
            }
            if (el.tagName === 'DGA-SECOND-NAV-HEADER-ACTIONS' && this.hideActions === true) {
                el.style.display = 'none';
            }
            if (el.tagName === 'DGA-SECOND-NAV-HEADER-CONTENT' && el.attributes.getNamedItem('slot') === null) {
                el.setAttribute('slot', 'content');
            }
            if (el.tagName === 'DGA-SECOND-NAV-HEADER-ACTIONS' && el.attributes.getNamedItem('slot') === null) {
                el.setAttribute('slot', 'actions');
            }
        });
    }
    render() {
        return (h(Host, { key: '97c98d0412b928e7690a34db9b858d065ed1a1a5' }, h("div", { key: '7311349c4fcde2f18cd6bf0f87305e0a60d5a4c2', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'f77d3a91f40b5f401b68381da4bff897b854a84a', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '90657750cdf05e52811c8394f84aca53b92a2e6c', class: `content` }, h("slot", { key: '3ef6c602e27d5092bfeac1fbc013e9f7664f3951', name: "content" })), h("div", { key: '288904638f4e47678ed852fcb58ff2e6e70d9d13', class: `actions` }, h("slot", { key: '1cbf8daedb8ade075c19e1f623ba03c7ac5d25d0', name: "actions" }))))));
    }
    static get is() { return "dga-second-nav-header"; }
    static get encapsulation() { return "scoped"; }
    static get properties() {
        return {
            "variant": {
                "type": "string",
                "attribute": "variant",
                "mutable": false,
                "complexType": {
                    "original": "'primary' | 'gray'",
                    "resolved": "\"gray\" | \"primary\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "'primary'"
            },
            "hideDivider": {
                "type": "boolean",
                "attribute": "hide-divider",
                "mutable": true,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "hideActions": {
                "type": "boolean",
                "attribute": "hide-actions",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "hideContent": {
                "type": "boolean",
                "attribute": "hide-content",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            }
        };
    }
    static get elementRef() { return "el"; }
}
