@utrecht/web-component-library-stencil/dist/components/utrecht-separator.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 separatorCss = ".utrecht-separator{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-start, 0))}.utrecht-separator--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtSeparatorStyle0 = separatorCss;

const Separator = /*@__PURE__*/ proxyCustomElement(class Separator extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        return h("hr", { key: '077dfa670fe007926503495186d6a336c1fe4326', class: "utrecht-separator" });
    }
    static get style() { return UtrechtSeparatorStyle0; }
}, [1, "utrecht-separator"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["utrecht-separator"];
    components.forEach(tagName => { switch (tagName) {
        case "utrecht-separator":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, Separator);
            }
            break;
    } });
}

const UtrechtSeparator = Separator;
const defineCustomElement = defineCustomElement$1;

export { UtrechtSeparator, defineCustomElement };

//# sourceMappingURL=utrecht-separator.js.map