import { h } from "@stencil/core";
/**
 *
 *
 * @swedishName Sidhuvud-menyval
 */
export class HeaderNavigationItem {
    constructor() {
        this.afCurrentPage = undefined;
    }
    get cssModifiers() {
        return {
            'digi-header-navigation-item--active': this.afCurrentPage,
            'digi-header-navigation-item-indicator--active': this.afCurrentPage
        };
    }
    render() {
        return (h("div", { key: '36bef41cd9174f120643146eca6033c435240747', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: '2b9a054a7a852a1ac6c48cfb8ce79564fc39236f' }), h("div", { key: '2d3600551c948df806486ddaa1326137cf40b74a', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
    }
    static get is() { return "digi-header-navigation-item"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["header-navigation-item.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["header-navigation-item.css"]
        };
    }
    static get properties() {
        return {
            "afCurrentPage": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "en",
                            "text": "Sets what page is currently active"
                        }],
                    "text": "S\u00E4tter vilken sida som \u00E4r active"
                },
                "getter": false,
                "setter": false,
                "attribute": "af-current-page",
                "reflect": false
            }
        };
    }
}
