@utrecht/web-component-library-stencil/dist/components/utrecht-nav-bar.js

Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture

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

const navBarCss = ":host{background-color:var(--utrecht-nav-bar-background-color);color:var(--utrecht-nav-bar-color);display:grid;inline-size:100%}div{align-items:stretch;background-color:var(--utrecht-nav-bar-content-background-color);color:var(--utrecht-nav-bar-content-color);display:flex;flex-direction:row;flex-wrap:wrap;inline-size:100%;justify-content:space-between;justify-self:center;max-inline-size:var(--utrecht-nav-bar-content-max-inline-size)}:host([hidden]){display:none !important}:host([sticky]){background-color:var(--utrecht-nav-bar-background-color, Canvas);color:var(--utrecht-nav-bar-color, CanvasText);inset-block-start:0;position:sticky;z-index:var(--utrecht-nav-bar-sticky-z-index, 1)}";
const UtrechtNavBarStyle0 = navBarCss;

const NavBar = /*@__PURE__*/ proxyCustomElement(class NavBar extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.sticky = false;
    }
    render() {
        return (h("div", { key: '77525d5333f5b21f82d6fe12c05e8aa3d7630d4c' }, h("slot", { key: '0eee79b3ce4c2a7b786b55aa7dbbb6fb0687e915' })));
    }
    static get style() { return UtrechtNavBarStyle0; }
}, [1, "utrecht-nav-bar", {
        "sticky": [4]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["utrecht-nav-bar"];
    components.forEach(tagName => { switch (tagName) {
        case "utrecht-nav-bar":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, NavBar);
            }
            break;
    } });
}

const UtrechtNavBar = NavBar;
const defineCustomElement = defineCustomElement$1;

export { UtrechtNavBar, defineCustomElement };

//# sourceMappingURL=utrecht-nav-bar.js.map