@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
47 lines (42 loc) • 3.5 kB
JavaScript
import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
const badgeCounterCss = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-badge-counter-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-badge-counter-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-block-size, var(--utrecht-badge-counter-min-inline-size, var(--utrecht-badge-counter-min-size, 1em)));min-inline-size:var(--utrecht-badge-counter-min-inline-size, var(--utrecht-badge-counter-min-size, 1em));padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-counter{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}";
const UtrechtBadgeCounterStyle0 = badgeCounterCss;
const BadgeCounter = /*@__PURE__*/ proxyCustomElement(class BadgeCounter extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.value = undefined;
this.max = undefined;
this.locale = undefined;
}
render() {
const { locale, max, value } = this;
const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
return h("div", { key: '69feb190325dd2c5ab694f708493b6bfcae9808f', class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
}
static get style() { return UtrechtBadgeCounterStyle0; }
}, [1, "utrecht-badge-counter", {
"value": [2],
"max": [2],
"locale": [1]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-badge-counter"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-badge-counter":
if (!customElements.get(tagName)) {
customElements.define(tagName, BadgeCounter);
}
break;
} });
}
const UtrechtBadgeCounter = BadgeCounter;
const defineCustomElement = defineCustomElement$1;
export { UtrechtBadgeCounter, defineCustomElement };
//# sourceMappingURL=utrecht-badge-counter.js.map