@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.67 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const logoButtonCss = ".utrecht-logo-button{--utrecht-icon-size:var(--utrecht-logo-button-icon, 50px);--utrecht-button-min-block-size:var(--utrecht-logo-button-block-size, 50px);--utrecht-logo-max-block-size:var(--utrecht-logo-button-block-size, 50px);--utrecht-logo-max-inline-size:var(--utrecht-logo-button-block-size, 50px);align-items:flex-start;display:inline-flex;gap:var(--utrecht-space-inline-sm)}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtLogoButtonStyle0 = logoButtonCss;
const LogoButton = /*@__PURE__*/ proxyCustomElement(class LogoButton extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h("div", { key: '22a06e9cbc9e59321a3b9186b662e9b81ace6462', class: "utrecht-logo-button" }, h("slot", { key: '95431bae06b35d5b7077365d5721e94020cdcffa' })));
}
static get style() { return UtrechtLogoButtonStyle0; }
}, [1, "utrecht-logo-button"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-logo-button"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-logo-button":
if (!customElements.get(tagName)) {
customElements.define(tagName, LogoButton);
}
break;
} });
}
const UtrechtLogoButton = LogoButton;
const defineCustomElement = defineCustomElement$1;
export { UtrechtLogoButton, defineCustomElement };
//# sourceMappingURL=utrecht-logo-button.js.map