@utrecht/web-component-library-stencil/dist/components/utrecht-heading-group.js

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

import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

const headingGroupCss = ":host{display:contents}hgroup{--utrecht-pre-heading-order:-1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-start, 0))}hgroup>*{--utrecht-space-around:0}:host([hidden]){display:none !important}";
const UtrechtHeadingGroupStyle0 = headingGroupCss;

const HeadingGroup = /*@__PURE__*/ proxyCustomElement(class HeadingGroup extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        return (h("hgroup", { key: '4e8b6db926485544976a6a8cc2ddf7de20946d1d' }, h("slot", { key: '94272c82ab0a0fba056c22fb396fedf897f0a0c9' })));
    }
    static get style() { return UtrechtHeadingGroupStyle0; }
}, [1, "utrecht-heading-group"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["utrecht-heading-group"];
    components.forEach(tagName => { switch (tagName) {
        case "utrecht-heading-group":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, HeadingGroup);
            }
            break;
    } });
}

const UtrechtHeadingGroup = HeadingGroup;
const defineCustomElement = defineCustomElement$1;

export { UtrechtHeadingGroup, defineCustomElement };

//# sourceMappingURL=utrecht-heading-group.js.map