@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
39 lines (34 loc) • 1.56 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const columnLayoutCss = ":host{column-gap:var(--utrecht-column-layout-gap, 2em);column-width:var(--utrecht-column-layout-column-width, 40ch);display:block}:host([rule]){column-rule-color:var(--utrecht-column-layout-column-rule-color);column-rule-style:solid;column-rule-width:var(--utrecht-column-layout-column-rule-width, 0)}:host([hidden]){display:none !important}";
const UtrechtColumnLayoutStyle0 = columnLayoutCss;
const ColumnLayout = /*@__PURE__*/ proxyCustomElement(class ColumnLayout extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.rule = false;
}
render() {
return h("slot", { key: '563688d8babe895046cc3acbdc1876814af54d2c' });
}
static get style() { return UtrechtColumnLayoutStyle0; }
}, [1, "utrecht-column-layout", {
"rule": [516]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-column-layout"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-column-layout":
if (!customElements.get(tagName)) {
customElements.define(tagName, ColumnLayout);
}
break;
} });
}
const UtrechtColumnLayout = ColumnLayout;
const defineCustomElement = defineCustomElement$1;
export { UtrechtColumnLayout, defineCustomElement };
//# sourceMappingURL=utrecht-column-layout.js.map