@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
36 lines (31 loc) • 1.75 kB
JavaScript
import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
const pageCss = ".utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtPageStyle0 = pageCss;
const Page = /*@__PURE__*/ proxyCustomElement(class Page extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h("div", { key: '21d6522d3896609531ba68d8a6b0c1781f4fca1d', class: "utrecht-page" }, h("div", { key: 'e3140b9289085db0c28ee0059754124705d72964', class: "utrecht-page__content" }, h("slot", { key: '03e0eaf1058993e0707551553dfeb78ac1149faa' }))));
}
static get style() { return UtrechtPageStyle0; }
}, [1, "utrecht-page"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-page"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-page":
if (!customElements.get(tagName)) {
customElements.define(tagName, Page);
}
break;
} });
}
const UtrechtPage = Page;
const defineCustomElement = defineCustomElement$1;
export { UtrechtPage, defineCustomElement };
//# sourceMappingURL=utrecht-page.js.map