@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
|
@@ -7,16 +7,16 @@ const index = require('./index-cdb0df7a.js');
|
|
|
7
7
|
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}";
|
|
8
8
|
const UtrechtDataListActionsStyle0 = dataListActionsCss;
|
|
9
9
|
|
|
10
|
-
const
|
|
10
|
+
const DataListActions = class {
|
|
11
11
|
constructor(hostRef) {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h("dd", { key: '
|
|
15
|
+
return (index.h("dd", { key: '71e53bcab1c43e7d863de4dba88c8bd94e7626f9' }, index.h("slot", { key: '714227d8b3889201c50e6dd514702aa89d83ec8f' })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
DataListActions.style = UtrechtDataListActionsStyle0;
|
|
19
19
|
|
|
20
|
-
exports.utrecht_data_list_actions =
|
|
20
|
+
exports.utrecht_data_list_actions = DataListActions;
|
|
21
21
|
|
|
22
22
|
//# sourceMappingURL=utrecht-data-list-actions.cjs.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-data-list-actions.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,
|
|
1
|
+
{"file":"utrecht-data-list-actions.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,eAAe;;;;IAC1B,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"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}
|
|
@@ -7,16 +7,16 @@ const index = require('./index-cdb0df7a.js');
|
|
|
7
7
|
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}";
|
|
8
8
|
const UtrechtDataListKeyStyle0 = dataListKeyCss;
|
|
9
9
|
|
|
10
|
-
const
|
|
10
|
+
const DataListKey = class {
|
|
11
11
|
constructor(hostRef) {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h("dt", { key: '
|
|
15
|
+
return (index.h("dt", { key: 'b12f59c08538b72655429f0debf24022737cb050' }, index.h("slot", { key: 'da0a0be491760b552387b9389fb01becbdc59957' })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
DataListKey.style = UtrechtDataListKeyStyle0;
|
|
19
19
|
|
|
20
|
-
exports.utrecht_data_list_key =
|
|
20
|
+
exports.utrecht_data_list_key = DataListKey;
|
|
21
21
|
|
|
22
22
|
//# sourceMappingURL=utrecht-data-list-key.cjs.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-data-list-key.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,
|
|
1
|
+
{"file":"utrecht-data-list-key.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"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}
|
|
@@ -7,16 +7,16 @@ const index = require('./index-cdb0df7a.js');
|
|
|
7
7
|
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}";
|
|
8
8
|
const UtrechtLogoButtonStyle0 = logoButtonCss;
|
|
9
9
|
|
|
10
|
-
const
|
|
10
|
+
const LogoButton = class {
|
|
11
11
|
constructor(hostRef) {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h("div", { key: '
|
|
15
|
+
return (index.h("div", { key: '9ea9e62d35af051b50c73cecc38b93ffb92c040e', class: "utrecht-logo-button" }, index.h("slot", { key: '276c053734fcf8d5553c39c22272e6f1a6565414' })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
LogoButton.style = UtrechtLogoButtonStyle0;
|
|
19
19
|
|
|
20
|
-
exports.utrecht_logo_button =
|
|
20
|
+
exports.utrecht_logo_button = LogoButton;
|
|
21
21
|
|
|
22
22
|
//# sourceMappingURL=utrecht-logo-button.cjs.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-logo-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,4bAA4b,CAAC;AACnd,gCAAe,aAAa;;MCaf,
|
|
1
|
+
{"file":"utrecht-logo-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,4bAA4b,CAAC;AACnd,gCAAe,aAAa;;MCaf,UAAU;;;;IACrB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,qBAAqB,IAC9BA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"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}
|
|
@@ -7,7 +7,7 @@ const index = require('./index-cdb0df7a.js');
|
|
|
7
7
|
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}";
|
|
8
8
|
const UtrechtNumberBadgeStyle0 = numberBadgeCss;
|
|
9
9
|
|
|
10
|
-
const
|
|
10
|
+
const NumberBadge = class {
|
|
11
11
|
constructor(hostRef) {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
this.value = undefined;
|
|
@@ -19,11 +19,11 @@ const BadgeCounter = class {
|
|
|
19
19
|
const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
|
|
20
20
|
const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
|
|
21
21
|
const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
|
|
22
|
-
return index.h("div", { key: '
|
|
22
|
+
return index.h("div", { key: 'c814c7590339d0fcfb78263a786e2df16273d124', class: "utrecht-number-badge" }, textContent ? textContent : index.h("slot", null));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
|
|
25
|
+
NumberBadge.style = UtrechtNumberBadgeStyle0;
|
|
26
26
|
|
|
27
|
-
exports.utrecht_number_badge =
|
|
27
|
+
exports.utrecht_number_badge = NumberBadge;
|
|
28
28
|
|
|
29
29
|
//# sourceMappingURL=utrecht-number-badge.cjs.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-number-badge.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,g7DAAg7D,CAAC;AACx8D,iCAAe,cAAc;;MCYhB,
|
|
1
|
+
{"file":"utrecht-number-badge.entry.cjs.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,OAAOA,kEAAK,KAAK,EAAC,sBAAsB,IAAE,WAAW,GAAG,WAAW,GAAGA,qBAAa,CAAO,CAAC;KAC5F;;;;;;","names":["h"],"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}
|
|
@@ -7,16 +7,16 @@ const index = require('./index-cdb0df7a.js');
|
|
|
7
7
|
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}";
|
|
8
8
|
const UtrechtSurfaceStyle0 = surfaceCss;
|
|
9
9
|
|
|
10
|
-
const
|
|
10
|
+
const Surface = class {
|
|
11
11
|
constructor(hostRef) {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h("div", { key: '
|
|
15
|
+
return (index.h("div", { key: '1349005552bce741660c6482792e6bd1d68a290c', class: "utrecht-surface" }, index.h("slot", { key: '507eb3a655e6361d454e1441d97463fe847be6eb' })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
Surface.style = UtrechtSurfaceStyle0;
|
|
19
19
|
|
|
20
|
-
exports.utrecht_surface =
|
|
20
|
+
exports.utrecht_surface = Surface;
|
|
21
21
|
|
|
22
22
|
//# sourceMappingURL=utrecht-surface.cjs.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-surface.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,2SAA2S,CAAC;AAC/T,6BAAe,UAAU;;MCYZ,
|
|
1
|
+
{"file":"utrecht-surface.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,2SAA2S,CAAC;AAC/T,6BAAe,UAAU;;MCYZ,OAAO;;;;IAClB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"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}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
5
5
|
*/
|
|
6
6
|
import { h } from "@stencil/core";
|
|
7
|
-
export class
|
|
7
|
+
export class DataListActions {
|
|
8
8
|
render() {
|
|
9
|
-
return (h("dd", { key: '
|
|
9
|
+
return (h("dd", { key: '71e53bcab1c43e7d863de4dba88c8bd94e7626f9' }, h("slot", { key: '714227d8b3889201c50e6dd514702aa89d83ec8f' })));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "utrecht-data-list-actions"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-list-actions.js","sourceRoot":"","sources":["../../src/components/data-list-actions.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"data-list-actions.js","sourceRoot":"","sources":["../../src/components/data-list-actions.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,eAAe;IAC1B,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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"]}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
5
5
|
*/
|
|
6
6
|
import { h } from "@stencil/core";
|
|
7
|
-
export class
|
|
7
|
+
export class DataListKey {
|
|
8
8
|
render() {
|
|
9
|
-
return (h("dt", { key: '
|
|
9
|
+
return (h("dt", { key: 'b12f59c08538b72655429f0debf24022737cb050' }, h("slot", { key: 'da0a0be491760b552387b9389fb01becbdc59957' })));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "utrecht-data-list-key"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-list-key.js","sourceRoot":"","sources":["../../src/components/data-list-key.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"data-list-key.js","sourceRoot":"","sources":["../../src/components/data-list-key.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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"]}
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
* Copyright (c) 2021 Rijksoverheid
|
|
6
6
|
*/
|
|
7
7
|
import { h } from "@stencil/core";
|
|
8
|
-
export class
|
|
8
|
+
export class LogoButton {
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '9ea9e62d35af051b50c73cecc38b93ffb92c040e', class: "utrecht-logo-button" }, h("slot", { key: '276c053734fcf8d5553c39c22272e6f1a6565414' })));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "utrecht-logo-button"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo-button.js","sourceRoot":"","sources":["../../src/components/logo-button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"logo-button.js","sourceRoot":"","sources":["../../src/components/logo-button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,qBAAqB;YAC9B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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"]}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
5
5
|
*/
|
|
6
6
|
import { h } from "@stencil/core";
|
|
7
|
-
export class
|
|
7
|
+
export class NumberBadge {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.value = undefined;
|
|
10
10
|
this.max = undefined;
|
|
@@ -15,7 +15,7 @@ export class BadgeCounter {
|
|
|
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
|
static get is() { return "utrecht-number-badge"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-badge.js","sourceRoot":"","sources":["../../src/components/number-badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"number-badge.js","sourceRoot":"","sources":["../../src/components/number-badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,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,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/F,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7G,OAAO,4DAAK,KAAK,EAAC,sBAAsB,IAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAa,CAAO,CAAC;IAC7F,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\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"]}
|
|
@@ -4,9 +4,9 @@ import { h } from "@stencil/core";
|
|
|
4
4
|
* Copyright (c) 2020-2024 Frameless B.V.
|
|
5
5
|
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
6
6
|
*/
|
|
7
|
-
export class
|
|
7
|
+
export class PageContent {
|
|
8
8
|
render() {
|
|
9
|
-
return (h("div", { key: '
|
|
9
|
+
return (h("div", { key: '1a544340314ac03c06d0ddc9176363b93a79bbce', class: "utrecht-page-content" }, h("main", { key: '7aab3888c2eb26cc865e2d27712f91be92df7838', class: "utrecht-page-content__main" }, h("slot", { key: '4449e35db0f5b2fc1af025c99a2842110bf390b5' }))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "utrecht-page-content"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-content.js","sourceRoot":"","sources":["../../src/components/page-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"page-content.js","sourceRoot":"","sources":["../../src/components/page-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AAOH,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB;YAC/B,6DAAM,KAAK,EAAC,4BAA4B;gBACtC,8DAAa,CACR,CACH,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n tag: 'utrecht-page-content',\n styleUrl: 'page-content.scss',\n shadow: true,\n})\nexport class PageContent {\n render() {\n return (\n <div class=\"utrecht-page-content\">\n <main class=\"utrecht-page-content__main\">\n <slot></slot>\n </main>\n </div>\n );\n }\n}\n"]}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
5
5
|
*/
|
|
6
6
|
import { h } from "@stencil/core";
|
|
7
|
-
export class
|
|
7
|
+
export class Surface {
|
|
8
8
|
render() {
|
|
9
|
-
return (h("div", { key: '
|
|
9
|
+
return (h("div", { key: '1349005552bce741660c6482792e6bd1d68a290c', class: "utrecht-surface" }, h("slot", { key: '507eb3a655e6361d454e1441d97463fe847be6eb' })));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "utrecht-surface"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/components/surface.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/components/surface.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,OAAO;IAClB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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"]}
|
|
@@ -3,14 +3,14 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
|
|
|
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 = /*@__PURE__*/ proxyCustomElement(class DataListActions extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("dd", { key: '
|
|
13
|
+
return (h("dd", { key: '71e53bcab1c43e7d863de4dba88c8bd94e7626f9' }, h("slot", { key: '714227d8b3889201c50e6dd514702aa89d83ec8f' })));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return UtrechtDataListActionsStyle0; }
|
|
16
16
|
}, [1, "utrecht-data-list-actions"]);
|
|
@@ -22,13 +22,13 @@ function defineCustomElement$1() {
|
|
|
22
22
|
components.forEach(tagName => { switch (tagName) {
|
|
23
23
|
case "utrecht-data-list-actions":
|
|
24
24
|
if (!customElements.get(tagName)) {
|
|
25
|
-
customElements.define(tagName,
|
|
25
|
+
customElements.define(tagName, DataListActions);
|
|
26
26
|
}
|
|
27
27
|
break;
|
|
28
28
|
} });
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
const UtrechtDataListActions =
|
|
31
|
+
const UtrechtDataListActions = DataListActions;
|
|
32
32
|
const defineCustomElement = defineCustomElement$1;
|
|
33
33
|
|
|
34
34
|
export { UtrechtDataListActions, defineCustomElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-data-list-actions.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,
|
|
1
|
+
{"file":"utrecht-data-list-actions.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,14 +3,14 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
|
|
|
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 = /*@__PURE__*/ proxyCustomElement(class DataListKey extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("dt", { key: '
|
|
13
|
+
return (h("dt", { key: 'b12f59c08538b72655429f0debf24022737cb050' }, h("slot", { key: 'da0a0be491760b552387b9389fb01becbdc59957' })));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return UtrechtDataListKeyStyle0; }
|
|
16
16
|
}, [1, "utrecht-data-list-key"]);
|
|
@@ -22,13 +22,13 @@ function defineCustomElement$1() {
|
|
|
22
22
|
components.forEach(tagName => { switch (tagName) {
|
|
23
23
|
case "utrecht-data-list-key":
|
|
24
24
|
if (!customElements.get(tagName)) {
|
|
25
|
-
customElements.define(tagName,
|
|
25
|
+
customElements.define(tagName, DataListKey);
|
|
26
26
|
}
|
|
27
27
|
break;
|
|
28
28
|
} });
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
const UtrechtDataListKey =
|
|
31
|
+
const UtrechtDataListKey = DataListKey;
|
|
32
32
|
const defineCustomElement = defineCustomElement$1;
|
|
33
33
|
|
|
34
34
|
export { UtrechtDataListKey, defineCustomElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-data-list-key.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,
|
|
1
|
+
{"file":"utrecht-data-list-key.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,14 +3,14 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
|
|
|
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 = /*@__PURE__*/ proxyCustomElement(class LogoButton extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: '9ea9e62d35af051b50c73cecc38b93ffb92c040e', class: "utrecht-logo-button" }, h("slot", { key: '276c053734fcf8d5553c39c22272e6f1a6565414' })));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return UtrechtLogoButtonStyle0; }
|
|
16
16
|
}, [1, "utrecht-logo-button"]);
|
|
@@ -22,13 +22,13 @@ function defineCustomElement$1() {
|
|
|
22
22
|
components.forEach(tagName => { switch (tagName) {
|
|
23
23
|
case "utrecht-logo-button":
|
|
24
24
|
if (!customElements.get(tagName)) {
|
|
25
|
-
customElements.define(tagName,
|
|
25
|
+
customElements.define(tagName, LogoButton);
|
|
26
26
|
}
|
|
27
27
|
break;
|
|
28
28
|
} });
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
const UtrechtLogoButton =
|
|
31
|
+
const UtrechtLogoButton = LogoButton;
|
|
32
32
|
const defineCustomElement = defineCustomElement$1;
|
|
33
33
|
|
|
34
34
|
export { UtrechtLogoButton, defineCustomElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-logo-button.js","mappings":";;AAAA,MAAM,aAAa,GAAG,4bAA4b,CAAC;AACnd,gCAAe,aAAa;;MCaf,
|
|
1
|
+
{"file":"utrecht-logo-button.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 { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
|
|
|
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 = /*@__PURE__*/ proxyCustomElement(class NumberBadge extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
this.__registerHost();
|
|
@@ -17,7 +17,7 @@ const BadgeCounter = /*@__PURE__*/ proxyCustomElement(class BadgeCounter extends
|
|
|
17
17
|
const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
|
|
18
18
|
const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
|
|
19
19
|
const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
|
|
20
|
-
return h("div", { key: '
|
|
20
|
+
return h("div", { key: 'c814c7590339d0fcfb78263a786e2df16273d124', class: "utrecht-number-badge" }, textContent ? textContent : h("slot", null));
|
|
21
21
|
}
|
|
22
22
|
static get style() { return UtrechtNumberBadgeStyle0; }
|
|
23
23
|
}, [1, "utrecht-number-badge", {
|
|
@@ -33,13 +33,13 @@ function defineCustomElement$1() {
|
|
|
33
33
|
components.forEach(tagName => { switch (tagName) {
|
|
34
34
|
case "utrecht-number-badge":
|
|
35
35
|
if (!customElements.get(tagName)) {
|
|
36
|
-
customElements.define(tagName,
|
|
36
|
+
customElements.define(tagName, NumberBadge);
|
|
37
37
|
}
|
|
38
38
|
break;
|
|
39
39
|
} });
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
const UtrechtNumberBadge =
|
|
42
|
+
const UtrechtNumberBadge = NumberBadge;
|
|
43
43
|
const defineCustomElement = defineCustomElement$1;
|
|
44
44
|
|
|
45
45
|
export { UtrechtNumberBadge, defineCustomElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-number-badge.js","mappings":";;AAAA,MAAM,cAAc,GAAG,g7DAAg7D,CAAC;AACx8D,iCAAe,cAAc;;MCYhB,
|
|
1
|
+
{"file":"utrecht-number-badge.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,14 +3,14 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
|
|
|
3
3
|
const pageContentCss = ".utrecht-page-content{padding-block-end:var(--utrecht-page-content-padding-block-end);padding-block-start:var(--utrecht-page-content-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-content__main{grid-area:main}.utrecht-page-content__aside{grid-area:aside}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
const UtrechtPageContentStyle0 = pageContentCss;
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const PageContent = /*@__PURE__*/ proxyCustomElement(class PageContent extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: '1a544340314ac03c06d0ddc9176363b93a79bbce', class: "utrecht-page-content" }, h("main", { key: '7aab3888c2eb26cc865e2d27712f91be92df7838', class: "utrecht-page-content__main" }, h("slot", { key: '4449e35db0f5b2fc1af025c99a2842110bf390b5' }))));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return UtrechtPageContentStyle0; }
|
|
16
16
|
}, [1, "utrecht-page-content"]);
|
|
@@ -22,13 +22,13 @@ function defineCustomElement$1() {
|
|
|
22
22
|
components.forEach(tagName => { switch (tagName) {
|
|
23
23
|
case "utrecht-page-content":
|
|
24
24
|
if (!customElements.get(tagName)) {
|
|
25
|
-
customElements.define(tagName,
|
|
25
|
+
customElements.define(tagName, PageContent);
|
|
26
26
|
}
|
|
27
27
|
break;
|
|
28
28
|
} });
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
const UtrechtPageContent =
|
|
31
|
+
const UtrechtPageContent = PageContent;
|
|
32
32
|
const defineCustomElement = defineCustomElement$1;
|
|
33
33
|
|
|
34
34
|
export { UtrechtPageContent, defineCustomElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-page-content.js","mappings":";;AAAA,MAAM,cAAc,GAAG,waAAwa,CAAC;AAChc,iCAAe,cAAc;;MCYhB,
|
|
1
|
+
{"file":"utrecht-page-content.js","mappings":";;AAAA,MAAM,cAAc,GAAG,waAAwa,CAAC;AAChc,iCAAe,cAAc;;MCYhB,WAAW;;;;;;IACtB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,6DAAM,KAAK,EAAC,4BAA4B,IACtC,8DAAa,CACR,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page-content.scss?tag=utrecht-page-content&encapsulation=shadow","src/components/page-content.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/page-content-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@Component({\n tag: 'utrecht-page-content',\n styleUrl: 'page-content.scss',\n shadow: true,\n})\nexport class PageContent {\n render() {\n return (\n <div class=\"utrecht-page-content\">\n <main class=\"utrecht-page-content__main\">\n <slot></slot>\n </main>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -3,14 +3,14 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
|
|
|
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 = /*@__PURE__*/ proxyCustomElement(class Surface extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: '1349005552bce741660c6482792e6bd1d68a290c', class: "utrecht-surface" }, h("slot", { key: '507eb3a655e6361d454e1441d97463fe847be6eb' })));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return UtrechtSurfaceStyle0; }
|
|
16
16
|
}, [1, "utrecht-surface"]);
|
|
@@ -22,13 +22,13 @@ function defineCustomElement$1() {
|
|
|
22
22
|
components.forEach(tagName => { switch (tagName) {
|
|
23
23
|
case "utrecht-surface":
|
|
24
24
|
if (!customElements.get(tagName)) {
|
|
25
|
-
customElements.define(tagName,
|
|
25
|
+
customElements.define(tagName, Surface);
|
|
26
26
|
}
|
|
27
27
|
break;
|
|
28
28
|
} });
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
const UtrechtSurface =
|
|
31
|
+
const UtrechtSurface = Surface;
|
|
32
32
|
const defineCustomElement = defineCustomElement$1;
|
|
33
33
|
|
|
34
34
|
export { UtrechtSurface, defineCustomElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-surface.js","mappings":";;AAAA,MAAM,UAAU,GAAG,2SAA2S,CAAC;AAC/T,6BAAe,UAAU;;MCYZ,
|
|
1
|
+
{"file":"utrecht-surface.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}
|