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: '09574618b951d57f256a5bcb74c456e4c6c51b43', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: '4aa00a54099d93b9428f5106aa0d53e5e49e26a5' }), h("div", { key: '5b74e7195dbc0810252dadd334c8f1f4804e9b36', 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
            }
        };
    }
}
