@utrecht/web-component-library-stencil/dist/components/utrecht-top-task-nav.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 topTaskNavCss = ".utrecht-toptask-nav{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--utrecht-toptask-nav-gap)}.utrecht-toptask-nav--grid{--utrecht-toptask-link-max-inline-size:var(--utrecht-toptask-nav-link-grid-max-inline-size);flex-direction:row}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtTopTaskNavStyle0 = topTaskNavCss;

const TopTaskNav = /*@__PURE__*/ proxyCustomElement(class TopTaskNav extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        // TODO: Add accessible name for navigation landmark,
        // using `aria-labelledby` and a heading.
        return (h("nav", { key: '391c9049974b3d7940ba47714901ae7d2a316f31', class: "utrecht-toptask-nav utrecht-toptask-nav--grid" }, h("slot", { key: 'eb47564782acd7bd3080a34bbd0fb5b7e5129e88' })));
    }
    static get style() { return UtrechtTopTaskNavStyle0; }
}, [1, "utrecht-top-task-nav"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["utrecht-top-task-nav"];
    components.forEach(tagName => { switch (tagName) {
        case "utrecht-top-task-nav":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, TopTaskNav);
            }
            break;
    } });
}

const UtrechtTopTaskNav = TopTaskNav;
const defineCustomElement = defineCustomElement$1;

export { UtrechtTopTaskNav, defineCustomElement };

//# sourceMappingURL=utrecht-top-task-nav.js.map