@utrecht/web-component-library-stencil 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/utrecht-alert_46.cjs.entry.js +7 -7
- package/dist/cjs/utrecht-alert_46.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-data-list-actions.cjs.entry.js +4 -4
- package/dist/cjs/utrecht-data-list-actions.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-data-list-key.cjs.entry.js +4 -4
- package/dist/cjs/utrecht-data-list-key.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-logo-button.cjs.entry.js +4 -4
- package/dist/cjs/utrecht-logo-button.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-number-badge.cjs.entry.js +4 -4
- package/dist/cjs/utrecht-number-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-surface.cjs.entry.js +4 -4
- package/dist/cjs/utrecht-surface.cjs.entry.js.map +1 -1
- package/dist/collection/components/data-list-actions.js +2 -2
- package/dist/collection/components/data-list-actions.js.map +1 -1
- package/dist/collection/components/data-list-key.js +2 -2
- package/dist/collection/components/data-list-key.js.map +1 -1
- package/dist/collection/components/logo-button.js +2 -2
- package/dist/collection/components/logo-button.js.map +1 -1
- package/dist/collection/components/number-badge.js +2 -2
- package/dist/collection/components/number-badge.js.map +1 -1
- package/dist/collection/components/page-content.js +2 -2
- package/dist/collection/components/page-content.js.map +1 -1
- package/dist/collection/components/surface.js +2 -2
- package/dist/collection/components/surface.js.map +1 -1
- package/dist/components/utrecht-data-list-actions.js +4 -4
- package/dist/components/utrecht-data-list-actions.js.map +1 -1
- package/dist/components/utrecht-data-list-key.js +4 -4
- package/dist/components/utrecht-data-list-key.js.map +1 -1
- package/dist/components/utrecht-logo-button.js +4 -4
- package/dist/components/utrecht-logo-button.js.map +1 -1
- package/dist/components/utrecht-number-badge.js +4 -4
- package/dist/components/utrecht-number-badge.js.map +1 -1
- package/dist/components/utrecht-page-content.js +4 -4
- package/dist/components/utrecht-page-content.js.map +1 -1
- package/dist/components/utrecht-surface.js +4 -4
- package/dist/components/utrecht-surface.js.map +1 -1
- package/dist/esm/utrecht-alert_46.entry.js +6 -6
- package/dist/esm/utrecht-alert_46.entry.js.map +1 -1
- package/dist/esm/utrecht-data-list-actions.entry.js +4 -4
- package/dist/esm/utrecht-data-list-actions.entry.js.map +1 -1
- package/dist/esm/utrecht-data-list-key.entry.js +4 -4
- package/dist/esm/utrecht-data-list-key.entry.js.map +1 -1
- package/dist/esm/utrecht-logo-button.entry.js +4 -4
- package/dist/esm/utrecht-logo-button.entry.js.map +1 -1
- package/dist/esm/utrecht-number-badge.entry.js +4 -4
- package/dist/esm/utrecht-number-badge.entry.js.map +1 -1
- package/dist/esm/utrecht-surface.entry.js +4 -4
- package/dist/esm/utrecht-surface.entry.js.map +1 -1
- package/dist/types/components/data-list-actions.d.ts +1 -1
- package/dist/types/components/data-list-key.d.ts +1 -1
- package/dist/types/components/logo-button.d.ts +1 -1
- package/dist/types/components/number-badge.d.ts +1 -1
- package/dist/types/components/page-content.d.ts +1 -1
- package/dist/types/components/surface.d.ts +1 -1
- package/dist/utrecht/{p-670dd272.entry.js → p-1b6f3600.entry.js} +2 -2
- package/dist/utrecht/p-1b6f3600.entry.js.map +1 -0
- package/dist/utrecht/p-3370465a.entry.js +2 -0
- package/dist/utrecht/p-3370465a.entry.js.map +1 -0
- package/dist/utrecht/{p-95928e82.entry.js → p-3bb764bf.entry.js} +2 -2
- package/dist/utrecht/p-3bb764bf.entry.js.map +1 -0
- package/dist/utrecht/p-9679a76d.entry.js +2 -0
- package/dist/utrecht/p-9679a76d.entry.js.map +1 -0
- package/dist/utrecht/p-c4c1b37c.entry.js +2 -0
- package/dist/utrecht/p-c4c1b37c.entry.js.map +1 -0
- package/dist/utrecht/{p-49c985e5.entry.js → p-db58084e.entry.js} +2 -2
- package/dist/utrecht/p-db58084e.entry.js.map +1 -0
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +17 -17
- package/dist/utrecht/p-10f7a9ff.entry.js +0 -2
- package/dist/utrecht/p-10f7a9ff.entry.js.map +0 -1
- package/dist/utrecht/p-11dae5a7.entry.js +0 -2
- package/dist/utrecht/p-11dae5a7.entry.js.map +0 -1
- package/dist/utrecht/p-49c985e5.entry.js.map +0 -1
- package/dist/utrecht/p-670dd272.entry.js.map +0 -1
- package/dist/utrecht/p-95928e82.entry.js.map +0 -1
- package/dist/utrecht/p-b96899e2.entry.js +0 -2
- package/dist/utrecht/p-b96899e2.entry.js.map +0 -1
|
@@ -3,16 +3,16 @@ import { r as registerInstance, h } from './index-593361c2.js';
|
|
|
3
3
|
const dataListActionsCss = ":host{display:contents}dd{margin-inline-start:0;align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}:host([hidden]){display:none !important}";
|
|
4
4
|
const UtrechtDataListActionsStyle0 = dataListActionsCss;
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const DataListActions = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("dd", { key: '
|
|
11
|
+
return (h("dd", { key: '71e53bcab1c43e7d863de4dba88c8bd94e7626f9' }, h("slot", { key: '714227d8b3889201c50e6dd514702aa89d83ec8f' })));
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
DataListActions.style = UtrechtDataListActionsStyle0;
|
|
15
15
|
|
|
16
|
-
export {
|
|
16
|
+
export { DataListActions as utrecht_data_list_actions };
|
|
17
17
|
|
|
18
18
|
//# sourceMappingURL=utrecht-data-list-actions.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-data-list-actions.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,
|
|
1
|
+
{"file":"utrecht-data-list-actions.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,eAAe;;;;IAC1B,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;","names":[],"sources":["src/components/data-list-actions.scss?tag=utrecht-data-list-actions&encapsulation=shadow","src/components/data-list-actions.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndd {\n @include utrecht-data-list__actions;\n @include utrecht-data-list__actions--html-dd;\n @include utrecht-data-list__actions--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-actions',\n styleUrl: 'data-list-actions.scss',\n shadow: true,\n})\nexport class DataListActions {\n render() {\n return (\n <dd>\n <slot></slot>\n </dd>\n );\n }\n}\n"],"version":3}
|
|
@@ -3,16 +3,16 @@ import { r as registerInstance, h } from './index-593361c2.js';
|
|
|
3
3
|
const dataListKeyCss = ":host{display:contents}dt{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}:host([hidden]){display:none !important}";
|
|
4
4
|
const UtrechtDataListKeyStyle0 = dataListKeyCss;
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const DataListKey = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("dt", { key: '
|
|
11
|
+
return (h("dt", { key: 'b12f59c08538b72655429f0debf24022737cb050' }, h("slot", { key: 'da0a0be491760b552387b9389fb01becbdc59957' })));
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
DataListKey.style = UtrechtDataListKeyStyle0;
|
|
15
15
|
|
|
16
|
-
export {
|
|
16
|
+
export { DataListKey as utrecht_data_list_key };
|
|
17
17
|
|
|
18
18
|
//# sourceMappingURL=utrecht-data-list-key.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-data-list-key.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,
|
|
1
|
+
{"file":"utrecht-data-list-key.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,WAAW;;;;IACtB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;","names":[],"sources":["src/components/data-list-key.scss?tag=utrecht-data-list-key&encapsulation=shadow","src/components/data-list-key.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndt {\n @include utrecht-data-list__item-key;\n @include utrecht-data-list__item-key--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-key',\n styleUrl: 'data-list-key.scss',\n shadow: true,\n})\nexport class DataListKey {\n render() {\n return (\n <dt>\n <slot></slot>\n </dt>\n );\n }\n}\n"],"version":3}
|
|
@@ -3,16 +3,16 @@ import { r as registerInstance, h } from './index-593361c2.js';
|
|
|
3
3
|
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}";
|
|
4
4
|
const UtrechtLogoButtonStyle0 = logoButtonCss;
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const LogoButton = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '9ea9e62d35af051b50c73cecc38b93ffb92c040e', class: "utrecht-logo-button" }, h("slot", { key: '276c053734fcf8d5553c39c22272e6f1a6565414' })));
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
LogoButton.style = UtrechtLogoButtonStyle0;
|
|
15
15
|
|
|
16
|
-
export {
|
|
16
|
+
export { LogoButton as utrecht_logo_button };
|
|
17
17
|
|
|
18
18
|
//# sourceMappingURL=utrecht-logo-button.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-logo-button.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,4bAA4b,CAAC;AACnd,gCAAe,aAAa;;MCaf,
|
|
1
|
+
{"file":"utrecht-logo-button.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,4bAA4b,CAAC;AACnd,gCAAe,aAAa;;MCaf,UAAU;;;;IACrB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/logo-button.scss?tag=utrecht-logo-button&encapsulation=shadow","src/components/logo-button.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/logo-button-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-logo-button',\n styleUrl: 'logo-button.scss',\n shadow: true,\n})\nexport class LogoButton {\n render() {\n return (\n <div class=\"utrecht-logo-button\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -3,7 +3,7 @@ import { r as registerInstance, h } from './index-593361c2.js';
|
|
|
3
3
|
const numberBadgeCss = ".utrecht-number-badge{background-color:var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-color:var(--utrecht-number-badge-border-color, var(--utrecht-badge-border-color));border-radius:var(--utrecht-number-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));border-style:solid;border-width:max(var(--utrecht-number-badge-border-width, var(--utrecht-badge-border-width, 0)), var(--_utrecht-number-badge-min-border-width, 0));color:var(--utrecht-number-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-number-badge-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-number-badge-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-number-badge-font-style, normal);font-weight:var(--utrecht-number-badge-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-number-badge-min-block-size, var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em)));min-inline-size:var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em));padding-block-end:var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (forced-colors: active){.utrecht-number-badge{--_utrecht-number-badge-min-border-width:1px;border-color:currentColor}}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
4
4
|
const UtrechtNumberBadgeStyle0 = numberBadgeCss;
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const NumberBadge = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
this.value = undefined;
|
|
@@ -15,11 +15,11 @@ const BadgeCounter = class {
|
|
|
15
15
|
const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
|
|
16
16
|
const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
|
|
17
17
|
const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
|
|
18
|
-
return h("div", { key: '
|
|
18
|
+
return h("div", { key: 'c814c7590339d0fcfb78263a786e2df16273d124', class: "utrecht-number-badge" }, textContent ? textContent : h("slot", null));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
|
|
21
|
+
NumberBadge.style = UtrechtNumberBadgeStyle0;
|
|
22
22
|
|
|
23
|
-
export {
|
|
23
|
+
export { NumberBadge as utrecht_number_badge };
|
|
24
24
|
|
|
25
25
|
//# sourceMappingURL=utrecht-number-badge.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-number-badge.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,g7DAAg7D,CAAC;AACx8D,iCAAe,cAAc;;MCYhB,
|
|
1
|
+
{"file":"utrecht-number-badge.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,g7DAAg7D,CAAC;AACx8D,iCAAe,cAAc;;MCYhB,WAAW;;;;;;;IAKtB,MAAM;QACJ,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEpC,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACpG,MAAM,YAAY,GAAG,CAAC,CAAS,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/F,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QAE7G,OAAO,4DAAK,KAAK,EAAC,sBAAsB,IAAE,WAAW,GAAG,WAAW,GAAG,eAAa,CAAO,CAAC;KAC5F;;;;;;","names":[],"sources":["src/components/number-badge.scss?tag=utrecht-number-badge&encapsulation=shadow","src/components/number-badge.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/number-badge-css/src\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-number-badge',\n styleUrl: 'number-badge.scss',\n shadow: true,\n})\nexport class NumberBadge {\n @Prop() value: number;\n @Prop() max: number;\n @Prop() locale: string;\n\n render() {\n const { locale, max, value } = this;\n\n const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n return <div class=\"utrecht-number-badge\">{textContent ? textContent : <slot></slot>}</div>;\n }\n}\n"],"version":3}
|
|
@@ -3,16 +3,16 @@ import { r as registerInstance, h } from './index-593361c2.js';
|
|
|
3
3
|
const surfaceCss = ".utrecht-surface{background-color:var(--utrecht-surface-background-color, inherit);color:var(--utrecht-surface-color, inherit)}.utrecht-surface--html-body{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
const UtrechtSurfaceStyle0 = surfaceCss;
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const Surface = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '1349005552bce741660c6482792e6bd1d68a290c', class: "utrecht-surface" }, h("slot", { key: '507eb3a655e6361d454e1441d97463fe847be6eb' })));
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
Surface.style = UtrechtSurfaceStyle0;
|
|
15
15
|
|
|
16
|
-
export {
|
|
16
|
+
export { Surface as utrecht_surface };
|
|
17
17
|
|
|
18
18
|
//# sourceMappingURL=utrecht-surface.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-surface.entry.js","mappings":";;AAAA,MAAM,UAAU,GAAG,2SAA2S,CAAC;AAC/T,6BAAe,UAAU;;MCYZ,
|
|
1
|
+
{"file":"utrecht-surface.entry.js","mappings":";;AAAA,MAAM,UAAU,GAAG,2SAA2S,CAAC;AAC/T,6BAAe,UAAU;;MCYZ,OAAO;;;;IAClB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/surface.scss?tag=utrecht-surface&encapsulation=shadow","src/components/surface.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/surface-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-surface',\n styleUrl: 'surface.scss',\n shadow: true,\n})\nexport class Surface {\n render() {\n return (\n <div class=\"utrecht-surface\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as r}from"./p-5002d233.js";const t=".utrecht-number-badge{background-color:var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-color:var(--utrecht-number-badge-border-color, var(--utrecht-badge-border-color));border-radius:var(--utrecht-number-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));border-style:solid;border-width:max(var(--utrecht-number-badge-border-width, var(--utrecht-badge-border-width, 0)), var(--_utrecht-number-badge-min-border-width, 0));color:var(--utrecht-number-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-number-badge-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-number-badge-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-number-badge-font-style, normal);font-weight:var(--utrecht-number-badge-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-number-badge-min-block-size, var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em)));min-inline-size:var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em));padding-block-end:var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (forced-colors: active){.utrecht-number-badge{--_utrecht-number-badge-min-border-width:1px;border-color:currentColor}}:host{display:inline-block}:host([hidden]){display:none !important}";const n=t;const a=class{constructor(r){e(this,r);this.value=undefined;this.max=undefined;this.locale=undefined}render(){const{locale:e,max:t,value:n}=this;const a=typeof t==="number"&&typeof n==="number"&&Number(n)>Number(t);const d=r=>e?Intl.NumberFormat(e).format(r):String(r);const i=a?`${d(t)}+`:typeof n==="number"?d(n):"";return r("div",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as r}from"./p-5002d233.js";const t=".utrecht-number-badge{background-color:var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-color:var(--utrecht-number-badge-border-color, var(--utrecht-badge-border-color));border-radius:var(--utrecht-number-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));border-style:solid;border-width:max(var(--utrecht-number-badge-border-width, var(--utrecht-badge-border-width, 0)), var(--_utrecht-number-badge-min-border-width, 0));color:var(--utrecht-number-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-number-badge-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-number-badge-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-number-badge-font-style, normal);font-weight:var(--utrecht-number-badge-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-number-badge-min-block-size, var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em)));min-inline-size:var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em));padding-block-end:var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (forced-colors: active){.utrecht-number-badge{--_utrecht-number-badge-min-border-width:1px;border-color:currentColor}}:host{display:inline-block}:host([hidden]){display:none !important}";const n=t;const a=class{constructor(r){e(this,r);this.value=undefined;this.max=undefined;this.locale=undefined}render(){const{locale:e,max:t,value:n}=this;const a=typeof t==="number"&&typeof n==="number"&&Number(n)>Number(t);const d=r=>e?Intl.NumberFormat(e).format(r):String(r);const i=a?`${d(t)}+`:typeof n==="number"?d(n):"";return r("div",{key:"c814c7590339d0fcfb78263a786e2df16273d124",class:"utrecht-number-badge"},i?i:r("slot",null))}};a.style=n;export{a as utrecht_number_badge};
|
|
2
|
+
//# sourceMappingURL=p-1b6f3600.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["numberBadgeCss","UtrechtNumberBadgeStyle0","NumberBadge","render","locale","max","value","this","limited","Number","formatNumber","n","Intl","NumberFormat","format","String","textContent","h","key","class"],"sources":["src/components/number-badge.scss?tag=utrecht-number-badge&encapsulation=shadow","src/components/number-badge.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/number-badge-css/src\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-number-badge',\n styleUrl: 'number-badge.scss',\n shadow: true,\n})\nexport class NumberBadge {\n @Prop() value: number;\n @Prop() max: number;\n @Prop() locale: string;\n\n render() {\n const { locale, max, value } = this;\n\n const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);\n const formatNumber = (n: number) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));\n const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';\n\n return <div class=\"utrecht-number-badge\">{textContent ? textContent : <slot></slot>}</div>;\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAiB,i7DACvB,MAAAC,EAAeD,E,MCYFE,EAAW,M,uFAKtB,MAAAC,GACE,MAAMC,OAAEA,EAAMC,IAAEA,EAAGC,MAAEA,GAAUC,KAE/B,MAAMC,SAAiBH,IAAQ,iBAAmBC,IAAU,UAAYG,OAAOH,GAASG,OAAOJ,GAC/F,MAAMK,EAAgBC,GAAeP,EAASQ,KAAKC,aAAaT,GAAQU,OAAOH,GAAKI,OAAOJ,GAC3F,MAAMK,EAAcR,EAAU,GAAGE,EAAaL,aAAiBC,IAAU,SAAWI,EAAaJ,GAAS,GAE1G,OAAOW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBAAwBH,EAAcA,EAAcC,EAAA,a","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r,h as e}from"./p-5002d233.js";const t=".utrecht-surface{background-color:var(--utrecht-surface-background-color, inherit);color:var(--utrecht-surface-color, inherit)}.utrecht-surface--html-body{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}:host{display:block}:host([hidden]){display:none !important}";const c=t;const o=class{constructor(e){r(this,e)}render(){return e("div",{key:"1349005552bce741660c6482792e6bd1d68a290c",class:"utrecht-surface"},e("slot",{key:"507eb3a655e6361d454e1441d97463fe847be6eb"}))}};o.style=c;export{o as utrecht_surface};
|
|
2
|
+
//# sourceMappingURL=p-3370465a.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["surfaceCss","UtrechtSurfaceStyle0","Surface","render","h","key","class"],"sources":["src/components/surface.scss?tag=utrecht-surface&encapsulation=shadow","src/components/surface.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/surface-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-surface',\n styleUrl: 'surface.scss',\n shadow: true,\n})\nexport class Surface {\n render() {\n return (\n <div class=\"utrecht-surface\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"mappings":"sCAAA,MAAMA,EAAa,4SACnB,MAAAC,EAAeD,E,MCYFE,EAAO,M,yBAClB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
|