UNPKG

@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.64 kB
import { p as proxyCustomElement, H, h } from './p-2f0ff193.js'; const dataBadgeCss = ".utrecht-badge-data,.utrecht-data-badge{background-color:var(--utrecht-data-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-data-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));border-width:var(--utrecht-data-badge-border-width, 0);color:var(--utrecht-data-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-data-badge-font-family, var(--utrecht-document-font-family, sans-serif));font-size:var(--utrecht-data-badge-font-size, var(--utrecht-badge-font-size, inherit));font-weight:var(--utrecht-data-badge-font-weight, var(--utrecht-badge-font-weight, bold));line-height:var(--utrecht-data-badge-line-height, var(--utrecht-badge-line-height, 1em));max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-data-badge-min-block-size, 1em);min-inline-size:var(--utrecht-data-badge-min-inline-size, 1em);padding-block-end:var(--utrecht-data-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-data-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-data-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-data-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-decoration:none;}:host{display:inline-block}:host([hidden]){display:none !important}"; const UtrechtDataBadgeStyle0 = dataBadgeCss; const DataBadge = /*@__PURE__*/ proxyCustomElement(class DataBadge extends H { constructor() { super(); this.__registerHost(); this.__attachShadow(); } render() { return (h("div", { key: '81b64e4ce6a3822179b23d5101f7c86ddb6c873f', class: "utrecht-data-badge" }, h("slot", { key: '58c5fa9f697b39b3b00b128bf138e5ff2cbdd8c7' }))); } static get style() { return UtrechtDataBadgeStyle0; } }, [1, "utrecht-data-badge"]); function defineCustomElement$1() { if (typeof customElements === "undefined") { return; } const components = ["utrecht-data-badge"]; components.forEach(tagName => { switch (tagName) { case "utrecht-data-badge": if (!customElements.get(tagName)) { customElements.define(tagName, DataBadge); } break; } }); } const UtrechtDataBadge = DataBadge; const defineCustomElement = defineCustomElement$1; export { UtrechtDataBadge, defineCustomElement }; //# sourceMappingURL=utrecht-data-badge.js.map