@utrecht/web-component-library-stencil/dist/components/utrecht-surface.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 surfaceCss = ".utrecht-surface{background-color:var(--utrecht-surface-background-color, inherit);color:var(--utrecht-surface-color, inherit)}.utrecht-surface--html-body{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtSurfaceStyle0 = surfaceCss;

const Surface = /*@__PURE__*/ proxyCustomElement(class Surface extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        return (h("div", { key: 'b70c485e2a9494fd543390b2756c23797da0aee9', class: "utrecht-surface" }, h("slot", { key: '079b3943ef0c514bc34dfd1fc70b304bb584cfea' })));
    }
    static get style() { return UtrechtSurfaceStyle0; }
}, [1, "utrecht-surface"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["utrecht-surface"];
    components.forEach(tagName => { switch (tagName) {
        case "utrecht-surface":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, Surface);
            }
            break;
    } });
}

const UtrechtSurface = Surface;
const defineCustomElement = defineCustomElement$1;

export { UtrechtSurface, defineCustomElement };

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