import { p as proxyCustomElement, H, h } from './p-a53686b3.js';

const headerNavigationItemCss = ".sc-digi-header-navigation-item-h{--digi--header-navigation-item--font-family:var(--digi--global--typography--font-family--default);--digi--header-navigation-item--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-navigation-item--color:var(--digi--color--text--interactive--tertiary);--digi--header-navigation-item--color-hover:var(--digi--color--text--interactive--primary);--digi--header-navigation-item--color-active:var(--digi--color--text--interactive--primary);--digi--header-navigation-item-indicator--inactive--color:var(--digi--color--background--secondary-muted);--digi--header-navigation-item-indicator--inactive-hover--color:var(--digi--color--background--interactive--hover--quarternary);--digi--header-navigation-item-indicator--active--color:var(--digi--color--marking--navigation--selected);display:block;--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a{display:block;text-decoration:none;padding:var(--digi--padding--medium);color:var(--digi--header-navigation-item--color);font-family:var(--digi--header-navigation-item--font-family);font-size:var(--digi--header-navigation-item--font-size)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{background-color:var(--digi--header-navigation-item-indicator--inactive-hover--color);color:var(--digi--header-navigation-item--color-hover);text-decoration:underline}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive-hover--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-header-navigation-item-indicator.sc-digi-header-navigation-item{height:0.25rem;width:100%;background-color:var(--INDICATOR-COLOR)}.digi-header-navigation-item-indicator--active.sc-digi-header-navigation-item{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.digi-header-navigation-item--active.sc-digi-header-navigation-item-s>a,.digi-header-navigation-item--active .sc-digi-header-navigation-item-s>a{font-weight:bold}";
const DigiHeaderNavigationItemStyle0 = headerNavigationItemCss;

const HeaderNavigationItem = /*@__PURE__*/ proxyCustomElement(class HeaderNavigationItem extends H {
    constructor() {
        super();
        this.__registerHost();
        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 style() { return DigiHeaderNavigationItemStyle0; }
}, [6, "digi-header-navigation-item", {
        "afCurrentPage": [4, "af-current-page"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["digi-header-navigation-item"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-header-navigation-item":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, HeaderNavigationItem);
            }
            break;
    } });
}

const DigiHeaderNavigationItem = HeaderNavigationItem;
const defineCustomElement = defineCustomElement$1;

export { DigiHeaderNavigationItem, defineCustomElement };
