@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) • 2.77 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const codeBlockCss = ".utrecht-code-block{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family, monospace), monospace;font-size:var(--utrecht-code-font-size, inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);--utrecht-code-color:var(--utrecht-code-block-color, inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color, inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight, inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size, inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family, monospace);background-color:var(--utrecht-code-block-background-color);display:block;font-size:var(--utrecht-code-block-font-size, var(--utrecht-code-font-size, inherit));line-height:var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-code-block__content{font-family:inherit;font-size:inherit}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtCodeBlockStyle0 = codeBlockCss;
const CodeBlock = /*@__PURE__*/ proxyCustomElement(class CodeBlock extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h("pre", { key: '43942ffdbee95c11991d47070dcda45140cd793d', class: "utrecht-code-block" }, h("slot", { key: '89a40704f2ef9fc7a139c317941838d5127f77f5' })));
}
static get style() { return UtrechtCodeBlockStyle0; }
}, [1, "utrecht-code-block"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-code-block"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-code-block":
if (!customElements.get(tagName)) {
customElements.define(tagName, CodeBlock);
}
break;
} });
}
const UtrechtCodeBlock = CodeBlock;
const defineCustomElement = defineCustomElement$1;
export { UtrechtCodeBlock, defineCustomElement };
//# sourceMappingURL=utrecht-code-block.js.map