npm - @utrecht/web-component-library-stencil - Versions diffs - 2.1.0 → 3.0.0 - Mend

@utrecht/web-component-library-stencil 2.1.0 → 3.0.0

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.

Files changed (3019) hide show

package/dist/components/utrecht-multiline-data.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-multiline-data.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,0RAA0R,CAAC;AACpT,mCAAe,gBAAgB;;MCYlB,aAAa;;;;;;IACxB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,yDAAyD,IAClE,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/multiline-data.scss?tag=utrecht-multiline-data&encapsulation=shadow","src/components/multiline-data.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\n@import \"~@utrecht/multiline-data-css/src\";\n\n:host {\n @include utrecht-multiline-data;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-multiline-data',\n styleUrl: 'multiline-data.scss',\n shadow: true,\n})\nexport class MultilineData {\n render() {\n return (\n <pre class=\"utrecht-multiline-data utrecht-multiline-data--html-pre\">\n <slot></slot>\n </pre>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-multiline-data.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,0RAA0R,CAAC;AACpT,mCAAe,gBAAgB;;MCYlB,aAAa;;;;;;IACxB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,yDAAyD,IAClE,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/multiline-data.scss?tag=utrecht-multiline-data&encapsulation=shadow","src/components/multiline-data.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/multiline-data-css/src\";\n\n:host {\n @include utrecht-multiline-data;\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-multiline-data',\n styleUrl: 'multiline-data.scss',\n shadow: true,\n})\nexport class MultilineData {\n render() {\n return (\n <pre class=\"utrecht-multiline-data utrecht-multiline-data--html-pre\">\n <slot></slot>\n </pre>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-number-badge.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const numberBadgeCss = ".utrecht-number-badge{background-color:var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-number-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));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 (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-number-badge{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}";
+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}";
 const UtrechtNumberBadgeStyle0 = numberBadgeCss;
 const BadgeCounter = /*@__PURE__*/ proxyCustomElement(class BadgeCounter extends HTMLElement {
@@ -17,7 +17,7 @@ const BadgeCounter = /*@__PURE__*/ proxyCustomElement(class BadgeCounter extends
         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: '9d8ab3e9cdf83a24184f5ff7a7da1b2da2178b1e', class: "utrecht-number-badge" }, textContent ? textContent : h("slot", null));
+        return h("div", { key: '9bd15dfece2a2a00145a56473cc20ff91b859345', class: "utrecht-number-badge" }, textContent ? textContent : h("slot", null));
     }
     static get style() { return UtrechtNumberBadgeStyle0; }
 }, [1, "utrecht-number-badge", {

package/dist/components/utrecht-number-badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-number-badge.js","mappings":";;AAAA,MAAM,cAAc,GAAG,~~gtDAAgtD~~,CAAC;~~AACxuD~~,iCAAe,cAAc;;MCYhB,YAAY;;;;;;;;;IAKvB,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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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 BadgeCounter {\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}
1	+ {"file":"utrecht-number-badge.js","mappings":";;AAAA,MAAM,cAAc,GAAG,g7DAAg7D,CAAC;AACx8D,iCAAe,cAAc;;MCYhB,YAAY;;;;;;;;;IAKvB,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 BadgeCounter {\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}

package/dist/components/utrecht-number-data.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-number-data.js","mappings":";;AAAA,MAAM,aAAa,GAAG,gSAAgS,CAAC;AACvT,gCAAe,aAAa;;MCYf,UAAU;;;;;;;IAErB,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;;QAE3D,0BAAkB,MAAM,CAAC,KAAK,CAAC,IAC7B,eAAa,CACR,KAEP,gBACE,eAAa,CACR,CACR,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/number-data.scss?tag=utrecht-number-data&encapsulation=shadow","src/components/number-data.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\n@import \"~@utrecht/number-data-css/src\";\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-number-data',\n styleUrl: 'number-data.scss',\n shadow: true,\n})\nexport class NumberData {\n @Prop() value: number \| string;\n render() {\n const { value } = this;\n return typeof value === 'number' \|\| typeof value === 'string' ? (\n // <data value={String(value)}>\n <data data-value={String(value)}>\n <slot></slot>\n </data>\n ) : (\n <span>\n <slot></slot>\n </span>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-number-data.js","mappings":";;AAAA,MAAM,aAAa,GAAG,gSAAgS,CAAC;AACvT,gCAAe,aAAa;;MCYf,UAAU;;;;;;;IAErB,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;;QAE3D,0BAAkB,MAAM,CAAC,KAAK,CAAC,IAC7B,eAAa,CACR,KAEP,gBACE,eAAa,CACR,CACR,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/number-data.scss?tag=utrecht-number-data&encapsulation=shadow","src/components/number-data.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-data-css/src\";\n\n:host {\n display: inline;\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-data',\n styleUrl: 'number-data.scss',\n shadow: true,\n})\nexport class NumberData {\n @Prop() value: number \| string;\n render() {\n const { value } = this;\n return typeof value === 'number' \|\| typeof value === 'string' ? (\n // <data value={String(value)}>\n <data data-value={String(value)}>\n <slot></slot>\n </data>\n ) : (\n <span>\n <slot></slot>\n </span>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-page-content.js CHANGED Viewed

@@ -10,7 +10,7 @@ const Page = /*@__PURE__*/ proxyCustomElement(class Page extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'd0e25d9080ec1427b8f906cc4a5277bad1dc4146', class: "utrecht-page-content" }, h("main", { key: '004c2412e241f5bfbcbb9af8ad43953d5df561cf', class: "utrecht-page-content__main" }, h("slot", { key: 'a765682e10a4b0f7d884bb7891df4786fce08ff2' }))));
+        return (h("div", { key: '717df40b21670a11a119b545b985c26a095c6d30', class: "utrecht-page-content" }, h("main", { key: '07db129004f80496374832f8d778eb8f7aeba947', class: "utrecht-page-content__main" }, h("slot", { key: 'c285aa9b2a51bf91d363ab0579f66999e0e1ce9e' }))));
     }
     static get style() { return UtrechtPageContentStyle0; }
 }, [1, "utrecht-page-content"]);

package/dist/components/utrecht-page-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-page-content.js","mappings":";;AAAA,MAAM,cAAc,GAAG,waAAwa,CAAC;AAChc,iCAAe,cAAc;;~~MCWhB~~,IAAI;;;;;;IACf,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) 2021 ~~Robbert~~ ~~Broersma~~\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) 2021 Gemeente Utrecht\n */\n\n@Component({\n tag: 'utrecht-page-content',\n styleUrl: 'page-content.scss',\n shadow: true,\n})\nexport class Page {\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}
1	+ {"file":"utrecht-page-content.js","mappings":";;AAAA,MAAM,cAAc,GAAG,waAAwa,CAAC;AAChc,iCAAe,cAAc;;MCYhB,IAAI;;;;;;IACf,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 Page {\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}

package/dist/components/utrecht-page-footer.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const pageFooterCss = ".utrecht-page-footer{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);color:var(--utrecht-page-footer-color);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}.utrecht-page-footer__address--reset-address{font-style:inherit;margin-block-end:0;margin-block-start:0}:host{display:block}:host([hidden]){display:none !important}";
+const pageFooterCss = ".utrecht-page-footer{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);box-sizing:border-box;color:var(--utrecht-page-footer-color);display:grid;font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);inline-size:100%;padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}.utrecht-page-footer__content{background-color:var(--utrecht-page-footer-content-background-color);box-sizing:border-box;color:var(--utrecht-page-footer-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-footer-content-max-inline-size);padding-block-end:var(--utrecht-page-footer-content-padding-block-end);padding-block-start:var(--utrecht-page-footer-content-padding-block-start);padding-inline:var(--utrecht-page-footer-content-padding-inline)}.utrecht-page-footer__address--reset-address{font-style:inherit;margin-block-end:0;margin-block-start:0}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtPageFooterStyle0 = pageFooterCss;
 const PageFooter = /*@__PURE__*/ proxyCustomElement(class PageFooter extends HTMLElement {
@@ -10,7 +10,7 @@ const PageFooter = /*@__PURE__*/ proxyCustomElement(class PageFooter extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("footer", { key: '47125488c91317def040617ccaaa448cb68a2098', class: "utrecht-page-footer" }, h("slot", { key: 'cc7f599e2e25e035d5550e7ae3a3242347380052' })));
+        return (h("footer", { key: 'a6a7bb8ba700b46b37a40598ba3fc4a813ec3f46', class: "utrecht-page-footer" }, h("slot", { key: '0014d07451570c5fc5ecf0cff4ca7d908ed99e2f' })));
     }
     static get style() { return UtrechtPageFooterStyle0; }
 }, [1, "utrecht-page-footer"]);

package/dist/components/utrecht-page-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-page-footer.js","mappings":";;AAAA,MAAM,aAAa,GAAG,~~g9BAAg9B~~,CAAC;~~AACv+B~~,gCAAe,aAAa;;~~MCWf~~,UAAU;;;;;;IACrB,MAAM;QACJ,QACE,+DAAQ,KAAK,EAAC,qBAAqB,IACjC,8DAAa,CACN,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page-footer.scss?tag=utrecht-page-footer&encapsulation=shadow","src/components/page-footer.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/page-footer-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) 2021 Gemeente Utrecht\n */\n\n@Component({\n tag: 'utrecht-page-footer',\n styleUrl: 'page-footer.scss',\n shadow: true,\n})\nexport class PageFooter {\n render() {\n return (\n <footer class=\"utrecht-page-footer\">\n <slot></slot>\n </footer>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-page-footer.js","mappings":";;AAAA,MAAM,aAAa,GAAG,u+CAAu+C,CAAC;AAC9/C,gCAAe,aAAa;;MCYf,UAAU;;;;;;IACrB,MAAM;QACJ,QACE,+DAAQ,KAAK,EAAC,qBAAqB,IACjC,8DAAa,CACN,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page-footer.scss?tag=utrecht-page-footer&encapsulation=shadow","src/components/page-footer.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-footer-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-footer',\n styleUrl: 'page-footer.scss',\n shadow: true,\n})\nexport class PageFooter {\n render() {\n return (\n <footer class=\"utrecht-page-footer\">\n <slot></slot>\n </footer>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-page-header.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const pageHeaderCss = ".utrecht-page-header{background-color:var(--utrecht-page-header-background-color);color:var(--utrecht-page-header-color);grid-area:\"utrecht-header\";padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{max-inline-size:var(--utrecht-page-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
+const pageHeaderCss = ".utrecht-page-header{background-color:var(--utrecht-page-header-background-color);border-block-end-color:var(--utrecht-page-header-border-block-end-color, currentColor);border-block-end-style:solid;border-block-end-width:var(--utrecht-page-header-border-block-end-width, 0);box-sizing:border-box;color:var(--utrecht-page-header-color);display:grid;grid-area:\"utrecht-header\";inline-size:100%;padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{background-color:var(--utrecht-page-header-content-background-color);box-sizing:border-box;color:var(--utrecht-page-header-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-header-content-max-inline-size);padding-block-end:var(--utrecht-page-header-content-padding-block-end);padding-block-start:var(--utrecht-page-header-content-padding-block-start);padding-inline:var(--utrecht-page-header-content-padding-inline)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtPageHeaderStyle0 = pageHeaderCss;
 const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTMLElement {
@@ -10,7 +10,7 @@ const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("header", { key: 'b26e46fbb4b775cef3e3b854aebcb7f283363420', class: "utrecht-page-header" }, h("div", { key: 'ef2e46914fd2f255bcd0abb2093e11678193ac3a', class: "utrecht-page-header__content" }, h("slot", { key: 'e5f1ab5815cfb556f440271e5af57c017ca0f764' }))));
+        return (h("header", { key: 'b850a8740065aac4aa5911ca74dd510ad6ac57fb', class: "utrecht-page-header" }, h("div", { key: 'ca061a599843606a1cec5c31e8a88380f4182306', class: "utrecht-page-header__content" }, h("slot", { key: '0faa6eafc7184921ee4331fdc09af3232fc8bb33' }))));
     }
     static get style() { return UtrechtPageHeaderStyle0; }
 }, [1, "utrecht-page-header"]);

package/dist/components/utrecht-page-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-page-header.js","mappings":";;AAAA,MAAM,aAAa,GAAG,~~giBAAgiB~~,CAAC;~~AACvjB~~,gCAAe,aAAa;;~~MCWf~~,UAAU;;;;;;IACrB,MAAM;QACJ,QACE,+DAAQ,KAAK,EAAC,qBAAqB,IACjC,4DAAK,KAAK,EAAC,8BAA8B,IACvC,8DAAa,CACT,CACC,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page-header.scss?tag=utrecht-page-header&encapsulation=shadow","src/components/page-header.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/page-header-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) 2021 Gemeente Utrecht\n */\n\n@Component({\n tag: 'utrecht-page-header',\n styleUrl: 'page-header.scss',\n shadow: true,\n})\nexport class PageHeader {\n render() {\n return (\n <header class=\"utrecht-page-header\">\n <div class=\"utrecht-page-header__content\">\n <slot></slot>\n </div>\n </header>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-page-header.js","mappings":";;AAAA,MAAM,aAAa,GAAG,qqCAAqqC,CAAC;AAC5rC,gCAAe,aAAa;;MCYf,UAAU;;;;;;IACrB,MAAM;QACJ,QACE,+DAAQ,KAAK,EAAC,qBAAqB,IACjC,4DAAK,KAAK,EAAC,8BAA8B,IACvC,8DAAa,CACT,CACC,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page-header.scss?tag=utrecht-page-header&encapsulation=shadow","src/components/page-header.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-header-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-header',\n styleUrl: 'page-header.scss',\n shadow: true,\n})\nexport class PageHeader {\n render() {\n return (\n <header class=\"utrecht-page-header\">\n <div class=\"utrecht-page-header__content\">\n <slot></slot>\n </div>\n </header>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-page.js CHANGED Viewed

@@ -10,7 +10,7 @@ const Page = /*@__PURE__*/ proxyCustomElement(class Page extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '31dd5c8a3fb3ce60d47a77cdd2d7e5657ba5cd1d', class: "utrecht-page" }, h("div", { key: 'eb1a86e7f305faaef5a0d8b81fd23f3168ad23ba', class: "utrecht-page__content" }, h("slot", { key: '718a6bbf68466047d2965d07b944728e129824b5' }))));
+        return (h("div", { key: 'dfd6b04d6292b02ab73a79a91690cf52a332ed89', class: "utrecht-page" }, h("div", { key: 'b68d106357699b60205197cfd6ea572c2bc50bee', class: "utrecht-page__content" }, h("slot", { key: '80c728be91f04ee533398ef6c3a24f52ffa61459' }))));
     }
     static get style() { return UtrechtPageStyle0; }
 }, [1, "utrecht-page"]);

package/dist/components/utrecht-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-page.js","mappings":";;AAAA,MAAM,OAAO,GAAG,yiBAAyiB,CAAC;AAC1jB,0BAAe,OAAO;;~~MCWT~~,IAAI;;;;;;IACf,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,uBAAuB,IAChC,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page.scss?tag=utrecht-page&encapsulation=shadow","src/components/page.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/page-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) 2021 Gemeente Utrecht\n */\n\n@Component({\n tag: 'utrecht-page',\n styleUrl: 'page.scss',\n shadow: true,\n})\nexport class Page {\n render() {\n return (\n <div class=\"utrecht-page\">\n <div class=\"utrecht-page__content\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-page.js","mappings":";;AAAA,MAAM,OAAO,GAAG,yiBAAyiB,CAAC;AAC1jB,0BAAe,OAAO;;MCYT,IAAI;;;;;;IACf,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,uBAAuB,IAChC,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/page.scss?tag=utrecht-page&encapsulation=shadow","src/components/page.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-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',\n styleUrl: 'page.scss',\n shadow: true,\n})\nexport class Page {\n render() {\n return (\n <div class=\"utrecht-page\">\n <div class=\"utrecht-page__content\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-pagination.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
-const paginationCss = ".utrecht-pagination__page-link:focus,.utrecht-pagination__relative-link:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-pagination__page-link:focus:not(:focus-visible),.utrecht-pagination__relative-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-pagination{font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0))}.utrecht-pagination--distanced{--utrecht-space-around:1}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color));color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__page-link{background-color:var(--utrecht-pagination-page-link-background-color);border-color:var(--utrecht-pagination-page-link-border-color, 0);border-radius:var(--utrecht-pagination-page-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-page-link-border-width);color:var(--utrecht-pagination-page-link-color);display:inline-block;font-weight:var(--utrecht-pagination-page-link-font-weight);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{--utrecht-pagination-page-link-background-color:var(--utrecht-pagination-page-link-current-background-color);--utrecht-pagination-page-link-border-color:var(--utrecht-pagination-page-link-current-border-color);--utrecht-pagination-page-link-color:var(--utrecht-pagination-page-link-current-color)}.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:hover{background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color))}.utrecht-pagination__page-link:focus,.utrecht-pagination__relative-link:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-pagination__page-link:focus:not(:focus-visible),.utrecht-pagination__relative-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}:host{display:block}:host([hidden]){display:none !important}";
+const paginationCss = ".utrecht-pagination__page-link:focus-visible,.utrecht-pagination__relative-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-pagination{font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0))}.utrecht-pagination--distanced{--utrecht-space-around:1}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color));color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__page-link{background-color:var(--utrecht-pagination-page-link-background-color);border-color:var(--utrecht-pagination-page-link-border-color, 0);border-radius:var(--utrecht-pagination-page-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-page-link-border-width);color:var(--utrecht-pagination-page-link-color);display:inline-block;font-weight:var(--utrecht-pagination-page-link-font-weight);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{--utrecht-pagination-page-link-background-color:var(--utrecht-pagination-page-link-current-background-color);--utrecht-pagination-page-link-border-color:var(--utrecht-pagination-page-link-current-border-color);--utrecht-pagination-page-link-color:var(--utrecht-pagination-page-link-current-color)}.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:hover{background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color))}.utrecht-pagination__page-link:focus-visible,.utrecht-pagination__relative-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtPaginationStyle0 = paginationCss;
 const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTMLElement {
@@ -20,8 +20,8 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;
         const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;
         const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) => disabled ? (h("span", { class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), "aria-label": title || null }, textContent)) : (h("a", { href: href, class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), rel: rel, "aria-label": title || null }, textContent));
-        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: '63b5b3067b1e12503452605b911d498694409ad7', class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
-        return (h("nav", { key: 'd3d98e4b21057fa9524ff312f4067eec055f2662', class: "utrecht-pagination" }, h("span", { key: 'df10e0ecfe671b48ac9bfb706ef2c9398d5f72e7', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: '2a23b50676cce24159c9759889e1dcbbf6bd09c5', role: "group", class: "utrecht-pagination__pages" }, links
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { key: 'c854d21859190a4dc0184bca5f79294b62db9247', class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
+        return (h("nav", { key: 'a2be3cdb6dad2e1e5c68d11f83764426f3266770', class: "utrecht-pagination" }, h("span", { key: '8adb1c5a2a6d773dbc0465d5150bdd5c3f3fac12', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { key: '1c4c7642c40385b212ce80125fb925a03c87f5f8', role: "group", class: "utrecht-pagination__pages" }, links
             .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))
             .map((link, arrayIndex) => {
             const index = typeof link.index === 'number' ? link.index : arrayIndex;
@@ -33,7 +33,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
                             : null
                     : null, textContent: link.index || index }, link);
         })
-            .map((link) => PageLink(link))), h("span", { key: '0c363b7ad9014019d1197b78c4d007a01f53ad83', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), h("span", { key: '3484a2527d62be3a62f7fe3a6c7e0df8af2f0912', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
     }
     static get style() { return UtrechtPaginationStyle0; }
 }, [1, "utrecht-pagination", {

package/dist/components/utrecht-pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-pagination.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,~~m1KAAm1K~~,CAAC;~~AAC12K~~,gCAAe,aAAa;;~~MCYf~~,UAAU;;;;;;;;;;IAMrB,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;QAC7E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAC1E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAE1E,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAC7F,QAAQ,IACN,YACE,KAAK,EAAE,IAAI,CACT,mCAAmC,EACnC,QAAQ,IAAI,6CAA6C,EACzD,GAAG,KAAK,MAAM,IAAI,yCAAyC,EAC3D,GAAG,KAAK,MAAM,IAAI,yCAAyC,CAC5D,gBACW,KAAK,IAAI,IAAI,IAExB,WAAW,CACP,KAEP,SACE,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CACT,mCAAmC,EACnC,QAAQ,IAAI,6CAA6C,EACzD,GAAG,KAAK,MAAM,IAAI,yCAAyC,EAC3D,GAAG,KAAK,MAAM,IAAI,yCAAyC,CAC5D,EACD,GAAG,EAAE,GAAG,gBACI,KAAK,IAAI,IAAI,IAExB,WAAW,CACV,CACL,CAAC;QAEJ,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,MAC5E,0DACE,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,OAAO,IAAI,wCAAwC,CAAC,EACjG,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,GAAG,EAAE,GAAG,IAEP,WAAW,CACV,CACL,CAAC;QAEF,QACE,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,IAAG,GAAG,EAAE,CACrE,EACP,6DAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,2BAA2B,IACjD,KAAK;aACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACtE,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU;YACpB,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;YACvE,uBACE,KAAK,EACL,OAAO,EAAE,OAAO,YAAY,KAAK,QAAQ,IAAI,KAAK,KAAK,YAAY,EACnE,GAAG,EACD,OAAO,YAAY,KAAK,QAAQ;sBAC5B,KAAK,KAAK,YAAY,GAAG,CAAC;0BACxB,MAAM;0BACN,KAAK,KAAK,YAAY,GAAG,CAAC;8BAC1B,MAAM;8BACN,IAAI;sBACN,IAAI,EACV,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,IAC7B,IAAI,EACP;SACH,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC3B,EACP,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,IAAG,GAAG,EAAE,CACvE,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pagination.scss?tag=utrecht-pagination&encapsulation=shadow","src/components/pagination.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/pagination-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) 2021 ~~Robbert~~ ~~Broersma~~\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-pagination',\n styleUrl: 'pagination.scss',\n shadow: true,\n})\nexport class Pagination {\n @Prop() links: string;\n @Prop() next: string;\n @Prop() prev: string;\n @Prop({ attribute: 'current-index' }) currentIndex: number;\n\n render() {\n const { currentIndex } = this;\n const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;\n const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;\n const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;\n\n const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) =>\n disabled ? (\n <span\n class={clsx(\n 'utrecht-pagination__relative-link',\n disabled && 'utrecht-pagination__relative-link--disabled',\n rel === 'next' && 'utrecht-pagination__relative-link--next',\n rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n )}\n aria-label={title \|\| null}\n >\n {textContent}\n </span>\n ) : (\n <a\n href={href}\n class={clsx(\n 'utrecht-pagination__relative-link',\n disabled && 'utrecht-pagination__relative-link--disabled',\n rel === 'next' && 'utrecht-pagination__relative-link--next',\n rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n )}\n rel={rel}\n aria-label={title \|\| null}\n >\n {textContent}\n </a>\n );\n\n const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (\n <a\n class={clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current')}\n href={href}\n aria-current={current ? 'true' : null}\n rel={rel}\n >\n {textContent}\n </a>\n );\n\n return (\n <nav class=\"utrecht-pagination\">\n <span class=\"utrecht-pagination__before\">\n {prev ? RelativeLink({ ...prev, rel: 'prev', textContent: 'Vorige' }) : ''}\n </span>\n <span role=\"group\" class=\"utrecht-pagination__pages\">\n {links\n .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))\n .map((link, arrayIndex) => {\n const index = typeof link.index === 'number' ? link.index : arrayIndex;\n return {\n index,\n current: typeof currentIndex === 'number' && index === currentIndex,\n rel:\n typeof currentIndex === 'number'\n ? index === currentIndex + 1\n ? 'next'\n : index === currentIndex - 1\n ? 'prev'\n : null\n : null,\n textContent: link.index \|\| index,\n ...link,\n };\n })\n .map((link) => PageLink(link))}\n </span>\n <span class=\"utrecht-pagination__before\">\n {next ? RelativeLink({ ...next, rel: 'next', textContent: 'Volgende' }) : ''}\n </span>\n </nav>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-pagination.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,ilKAAilK,CAAC;AACxmK,gCAAe,aAAa;;MCaf,UAAU;;;;;;;;;;IAMrB,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;QAC7E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAC1E,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAE1E,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAC7F,QAAQ,IACN,YACE,KAAK,EAAE,IAAI,CACT,mCAAmC,EACnC,QAAQ,IAAI,6CAA6C,EACzD,GAAG,KAAK,MAAM,IAAI,yCAAyC,EAC3D,GAAG,KAAK,MAAM,IAAI,yCAAyC,CAC5D,gBACW,KAAK,IAAI,IAAI,IAExB,WAAW,CACP,KAEP,SACE,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CACT,mCAAmC,EACnC,QAAQ,IAAI,6CAA6C,EACzD,GAAG,KAAK,MAAM,IAAI,yCAAyC,EAC3D,GAAG,KAAK,MAAM,IAAI,yCAAyC,CAC5D,EACD,GAAG,EAAE,GAAG,gBACI,KAAK,IAAI,IAAI,IAExB,WAAW,CACV,CACL,CAAC;QAEJ,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,MAC5E,0DACE,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,OAAO,IAAI,wCAAwC,CAAC,EACjG,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,GAAG,EAAE,GAAG,IAEP,WAAW,CACV,CACL,CAAC;QAEF,QACE,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,IAAG,GAAG,EAAE,CACrE,EACP,6DAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,2BAA2B,IACjD,KAAK;aACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACtE,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU;YACpB,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;YACvE,uBACE,KAAK,EACL,OAAO,EAAE,OAAO,YAAY,KAAK,QAAQ,IAAI,KAAK,KAAK,YAAY,EACnE,GAAG,EACD,OAAO,YAAY,KAAK,QAAQ;sBAC5B,KAAK,KAAK,YAAY,GAAG,CAAC;0BACxB,MAAM;0BACN,KAAK,KAAK,YAAY,GAAG,CAAC;8BAC1B,MAAM;8BACN,IAAI;sBACN,IAAI,EACV,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,IAC7B,IAAI,EACP;SACH,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAC3B,EACP,6DAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,IAAG,GAAG,EAAE,CACvE,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pagination.scss?tag=utrecht-pagination&encapsulation=shadow","src/components/pagination.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/pagination-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, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-pagination',\n styleUrl: 'pagination.scss',\n shadow: true,\n})\nexport class Pagination {\n @Prop() links: string;\n @Prop() next: string;\n @Prop() prev: string;\n @Prop({ attribute: 'current-index' }) currentIndex: number;\n\n render() {\n const { currentIndex } = this;\n const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;\n const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;\n const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;\n\n const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) =>\n disabled ? (\n <span\n class={clsx(\n 'utrecht-pagination__relative-link',\n disabled && 'utrecht-pagination__relative-link--disabled',\n rel === 'next' && 'utrecht-pagination__relative-link--next',\n rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n )}\n aria-label={title \|\| null}\n >\n {textContent}\n </span>\n ) : (\n <a\n href={href}\n class={clsx(\n 'utrecht-pagination__relative-link',\n disabled && 'utrecht-pagination__relative-link--disabled',\n rel === 'next' && 'utrecht-pagination__relative-link--next',\n rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n )}\n rel={rel}\n aria-label={title \|\| null}\n >\n {textContent}\n </a>\n );\n\n const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (\n <a\n class={clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current')}\n href={href}\n aria-current={current ? 'true' : null}\n rel={rel}\n >\n {textContent}\n </a>\n );\n\n return (\n <nav class=\"utrecht-pagination\">\n <span class=\"utrecht-pagination__before\">\n {prev ? RelativeLink({ ...prev, rel: 'prev', textContent: 'Vorige' }) : ''}\n </span>\n <span role=\"group\" class=\"utrecht-pagination__pages\">\n {links\n .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))\n .map((link, arrayIndex) => {\n const index = typeof link.index === 'number' ? link.index : arrayIndex;\n return {\n index,\n current: typeof currentIndex === 'number' && index === currentIndex,\n rel:\n typeof currentIndex === 'number'\n ? index === currentIndex + 1\n ? 'next'\n : index === currentIndex - 1\n ? 'prev'\n : null\n : null,\n textContent: link.index \|\| index,\n ...link,\n };\n })\n .map((link) => PageLink(link))}\n </span>\n <span class=\"utrecht-pagination__before\">\n {next ? RelativeLink({ ...next, rel: 'next', textContent: 'Volgende' }) : ''}\n </span>\n </nav>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-pre-heading.js CHANGED Viewed

@@ -10,7 +10,7 @@ const PreHeading = /*@__PURE__*/ proxyCustomElement(class PreHeading extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("p", { key: '8af29d6e69170a4a1a3bbfc0fdf8412cd96ae7e2' }, h("slot", { key: 'ec231765eb7e96a4a63a94cd3ee8ed225f9193a8' })));
+        return (h("p", { key: '04b0db048536cfbcf1086dd0a99ddf881d9e3fbb' }, h("slot", { key: '8f63d041aeb3ccd3b06a05c09ab6db8369bad694' })));
     }
     static get style() { return UtrechtPreHeadingStyle0; }
 }, [1, "utrecht-pre-heading"]);

package/dist/components/utrecht-pre-heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-pre-heading.js","mappings":";;AAAA,MAAM,aAAa,GAAG,uuBAAuuB,CAAC;AAC9vB,gCAAe,aAAa;;MCYf,UAAU;;;;;;IACrB,MAAM;QACJ,QACE,4DACE,8DAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pre-heading.scss?tag=utrecht-pre-heading&encapsulation=shadow","src/components/pre-heading.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\n@import \"~@utrecht/pre-heading-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\np {\n @include utrecht-pre-heading;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-pre-heading',\n styleUrl: 'pre-heading.scss',\n shadow: true,\n})\nexport class PreHeading {\n render() {\n return (\n <p>\n <slot></slot>\n </p>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-pre-heading.js","mappings":";;AAAA,MAAM,aAAa,GAAG,uuBAAuuB,CAAC;AAC9vB,gCAAe,aAAa;;MCYf,UAAU;;;;;;IACrB,MAAM;QACJ,QACE,4DACE,8DAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pre-heading.scss?tag=utrecht-pre-heading&encapsulation=shadow","src/components/pre-heading.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/pre-heading-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\np {\n @include utrecht-pre-heading;\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-pre-heading',\n styleUrl: 'pre-heading.scss',\n shadow: true,\n})\nexport class PreHeading {\n render() {\n return (\n <p>\n <slot></slot>\n </p>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-progress-list-item.js CHANGED Viewed

@@ -19,17 +19,17 @@ const StepProgressListItem = /*@__PURE__*/ proxyCustomElement(class StepProgress
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (h("li", { key: '1df0d1c96b6f7220bb5db6194cd96ec3b43279d1', class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: 'a762e5f47d90aff388519f8affe8a8fe0ec49d2e', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { key: 'a2873c80d2a7d3ef0ce3daca3caa5fe7670ff9d6', class: "denhaag-process-steps__step-header" }, h("div", { key: 'e0b7f096a1f365aeebba8b099064d101950a7b9d', class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: 'b4c711fc3a5353404d64403256dc07cbed2e8974', class: "denhaag-process-steps__step-header" }, h("div", { key: '45e2d001e0c905cd6b509f05fea642353438ad0b', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: 'f5f355c55ad2a6d8e6afbac7cf8244e95bcb8576', name: "marker" }), checked && (h("svg", { key: 'ecbfb7df96fb10549c70062c36773bc562de8cde', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: 'dbbf0082a1d2b4f07f48ade36ed9f0ba1f1b2d76', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
+            }) }, h("slot", { key: '4209dc685ce035baa04dfbe5667b40ebd7bbd093', name: "marker" }), checked && (h("svg", { key: '8e828233ff1d36af1606861e76b723f5aa63b3f6', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '97f4494e7bc5872e7190b4c082b9527f25a4d3be', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
             }) }, h("slot", null)))) : (h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
-            }) }, h("slot", null)))), h("div", { key: '5162992103ef5e0ebf8100420be9e427fcdf5e0b', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: 'b8b2d438f59344734f6ca23d0b37608ad7fdde68', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: 'c6d9f7383e1a6dd5d4b582ae92b3a6266c0575ca', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'b6004e409f07a8f736ef1162a4995f9423d1edef', name: "body" }))), h("div", { key: 'd51cf40f7579c4adbc6b45e49b34a40cf199a711', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '4b305b0b37fbba6ae887681c93dff25a9d7bc903', name: "details" }))));
+            }) }, h("slot", null)))), h("div", { key: '40861807fabd4cf0377a206248d3bb1b5b7231b4', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '048c0bc686cc7e60168c3a8e4204edda37d77261', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '710ba2d37f81aa37157e929ec35438dbdaffebeb', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'c97cc0615865aa4f4553c24d760c2290304e3ad6', name: "body" }))), h("div", { key: 'dd4163b9308ff175479915b8b151de07ec7b0adc', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '7910693f702edb37989d7452d1afb066959bd190', name: "details" }))));
     }
     static get style() { return UtrechtProgressListItemStyle0; }
 }, [1, "utrecht-progress-list-item", {

package/dist/components/utrecht-progress-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-list-item.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,sCAAe,eAAe;;MCajB,oBAAoB;;;;;uBACJ,KAAK;;;;uBAIJ,KAAK;qBACN,KAAK;;IAChC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QAC/D,QACE,2DACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC,IAEF,4DAAK,KAAK,EAAC,oCAAoC,IAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;gBACjC,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACL,OAAO,IACN,sBACE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,GAAG,MAAM,GAAG,OAAO,IAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;gBACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC,IAEF,eAAQ,CACN,CACW,KAEjB,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;gBACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC,IAEF,eAAQ,CACN,CACL,CACG,EACN,4DAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC,IAClD,4DACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI,EACP,4DAAK,KAAK,EAAC,kCAAkC,IAC3C,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF,EACN,4DACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC,IAE3G,6DAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list-item&encapsulation=shadow","src/components/progress-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-list-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressListItem {\n @Prop() checked: boolean = false;\n @Prop() from?: string;\n @Prop() to?: string;\n @Prop() appearance?: string;\n @Prop() details?: boolean = false;\n @State() _open?: boolean = false;\n render() {\n const { appearance, checked, details, from, _open, to } = this;\n return (\n <li\n class={clsx('denhaag-process-steps__step', {\n 'denhaag-process-steps__step--checked': checked,\n 'denhaag-process-steps__step--not-checked': !checked,\n })}\n >\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n {details ? (\n <utrecht-button\n onClick={() => (this._open = !this._open)}\n appearance=\"subtle-button\"\n class=\"denhaag-process-steps__step-header-toggle\"\n aria-controls=\"details\"\n aria-expanded={_open ? 'true' : 'false'}\n >\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </utrecht-button>\n ) : (\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n )}\n </div>\n <div class={clsx('denhaag-process-steps__step-body')}>\n <div\n class={clsx(\n 'denhaag-step-marker__connector',\n `denhaag-step-marker__connector--${appearance}`,\n `denhaag-step-marker__connector--${from}-to-${to}`,\n )}\n ></div>\n <div class=\"denhaag-process-steps__step-meta\">\n <slot name=\"body\" />\n </div>\n </div>\n <div\n id=\"details\"\n class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n >\n <slot name=\"details\" />\n </div>\n </li>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-progress-list-item.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,sCAAe,eAAe;;MCajB,oBAAoB;;;;;uBACJ,KAAK;;;;uBAIJ,KAAK;qBACN,KAAK;;IAChC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QAC/D,QACE,2DACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC,IAEF,4DAAK,KAAK,EAAC,oCAAoC,IAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;gBACjC,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACL,OAAO,IACN,sBACE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,GAAG,MAAM,GAAG,OAAO,IAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;gBACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC,IAEF,eAAQ,CACN,CACW,KAEjB,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;gBACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC,IAEF,eAAQ,CACN,CACL,CACG,EACN,4DAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC,IAClD,4DACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI,EACP,4DAAK,KAAK,EAAC,kCAAkC,IAC3C,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF,EACN,4DACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC,IAE3G,6DAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list-item&encapsulation=shadow","src/components/progress-list-item.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 \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\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, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-list-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressListItem {\n @Prop() checked: boolean = false;\n @Prop() from?: string;\n @Prop() to?: string;\n @Prop() appearance?: string;\n @Prop() details?: boolean = false;\n @State() _open?: boolean = false;\n render() {\n const { appearance, checked, details, from, _open, to } = this;\n return (\n <li\n class={clsx('denhaag-process-steps__step', {\n 'denhaag-process-steps__step--checked': checked,\n 'denhaag-process-steps__step--not-checked': !checked,\n })}\n >\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n {details ? (\n <utrecht-button\n onClick={() => (this._open = !this._open)}\n appearance=\"subtle-button\"\n class=\"denhaag-process-steps__step-header-toggle\"\n aria-controls=\"details\"\n aria-expanded={_open ? 'true' : 'false'}\n >\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </utrecht-button>\n ) : (\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n )}\n </div>\n <div class={clsx('denhaag-process-steps__step-body')}>\n <div\n class={clsx(\n 'denhaag-step-marker__connector',\n `denhaag-step-marker__connector--${appearance}`,\n `denhaag-step-marker__connector--${from}-to-${to}`,\n )}\n ></div>\n <div class=\"denhaag-process-steps__step-meta\">\n <slot name=\"body\" />\n </div>\n </div>\n <div\n id=\"details\"\n class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n >\n <slot name=\"details\" />\n </div>\n </li>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-progress-list.js CHANGED Viewed

@@ -10,7 +10,7 @@ const StepProgressList = /*@__PURE__*/ proxyCustomElement(class StepProgressList
         this.__attachShadow();
     }
     render() {
-        return (h("ol", { key: '8c034e96d6fbb03947e38de50ade902b3db90fdd', class: "denhaag-process-steps" }, h("slot", { key: 'c7fee3769f6e26029b35d3eb2741df32099428f2' })));
+        return (h("ol", { key: '1667bbfc8e7a803502bbe413ed57fa7a8f39183c', class: "denhaag-process-steps" }, h("slot", { key: '6b117a7dcfb73dd4a1869d400d6788a501336c00' })));
     }
     static get style() { return UtrechtProgressListStyle0; }
 }, [1, "utrecht-progress-list"]);

package/dist/components/utrecht-progress-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-list.js","mappings":";;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,kCAAe,eAAe;;MCYjB,gBAAgB;;;;;;IAC3B,MAAM;QACJ,QACE,2DAAI,KAAK,EAAC,uBAAuB,IAC/B,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list&encapsulation=shadow","src/components/progress-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-progress-list',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressList {\n render() {\n return (\n <ol class=\"denhaag-process-steps\">\n <slot></slot>\n </ol>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-progress-list.js","mappings":";;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,kCAAe,eAAe;;MCYjB,gBAAgB;;;;;;IAC3B,MAAM;QACJ,QACE,2DAAI,KAAK,EAAC,uBAAuB,IAC/B,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list&encapsulation=shadow","src/components/progress-list.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 \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\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-progress-list',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressList {\n render() {\n return (\n <ol class=\"denhaag-process-steps\">\n <slot></slot>\n </ol>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-progress-sublist-item.js CHANGED Viewed

@@ -14,12 +14,12 @@ const StepProgressSublistItem = /*@__PURE__*/ proxyCustomElement(class StepProgr
     }
     render() {
         const { appearance, checked } = this;
-        return (h("li", { key: 'e052860a31e65832147f0617aa0effc01c6bd3ef', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '0280170f242e6861df21ef9c5e0a97592054113c', class: "denhaag-process-steps__step-header" }, h("div", { key: '09143ef9725004c085aefd2cf1ccc64dd63062cd', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (h("li", { key: '448ab0aece6cf9e1c8a2c26b0bbe01fcf09e37bc', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: 'bfaa8f2514e74b7d4982a429256c40ebde3314e0', class: "denhaag-process-steps__step-header" }, h("div", { key: '092b004dfeadd42f23a1b39c80febbcd8c9b31fe', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: 'cdd9e80b0ee216f1e04f18ff976d0eb4f59de717', name: "marker" }), checked && (h("svg", { key: 'ca6ca9ac2ea8249717984b9b64b40355f696f86b', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '6a965440d2e88bf21832682ebc6baafd9b20a3c6', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: 'e626819dfc904b1de22dc3d92e720a037c3a1af4', class: clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, h("slot", { key: 'ab372b9987eadd856d94297edf1a726d0c43be14', name: "marker" }), checked && (h("svg", { key: 'c4aac0454293a7ca2d2a014c4063b7b887c96e8b', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '5eec1dbbdcc5c84916ef8b81958569bec5f4b170', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: 'eefc45beb4339450ff7ca2376c38c2d8c7e7bfc5', class: clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, h("slot", { key: '955d80448f70f776c9f41ffdc09c813201062b2f' })))));
+            }) }, h("slot", { key: 'b2664652b68382dd0f69612004e65cb8dac087b1' })))));
     }
     static get style() { return UtrechtProgressSublistItemStyle0; }
 }, [1, "utrecht-progress-sublist-item", {

package/dist/components/utrecht-progress-sublist-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-sublist-item.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,yCAAe,eAAe;;MCajB,uBAAuB;;;;;;uBAEN,KAAK;;IACjC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrC,QACE,2DAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC,IAClG,4DAAK,KAAK,EAAC,oCAAoC,IAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;gBAChE,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACN,0DACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;gBACrD,kDAAkD,EAAE,OAAO;aAC5D,CAAC,IAEF,8DAAQ,CACN,CACA,CACH,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-sublist-item&encapsulation=shadow","src/components/progress-sublist-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-sublist-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressSublistItem {\n @Prop() appearance?: string;\n @Prop() checked?: boolean = false;\n render() {\n const { appearance, checked } = this;\n return (\n <li class={clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`)}>\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n <p\n class={clsx('denhaag-process-steps__sub-step-heading', {\n 'denhaag-process-steps__sub-step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </div>\n </li>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-progress-sublist-item.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,yCAAe,eAAe;;MCajB,uBAAuB;;;;;;uBAEN,KAAK;;IACjC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrC,QACE,2DAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC,IAClG,4DAAK,KAAK,EAAC,oCAAoC,IAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;gBAChE,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACN,0DACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;gBACrD,kDAAkD,EAAE,OAAO;aAC5D,CAAC,IAEF,8DAAQ,CACN,CACA,CACH,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-sublist-item&encapsulation=shadow","src/components/progress-sublist-item.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 \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\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';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-sublist-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressSublistItem {\n @Prop() appearance?: string;\n @Prop() checked?: boolean = false;\n render() {\n const { appearance, checked } = this;\n return (\n <li class={clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`)}>\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n <p\n class={clsx('denhaag-process-steps__sub-step-heading', {\n 'denhaag-process-steps__sub-step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </div>\n </li>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-separator.js CHANGED Viewed

@@ -10,7 +10,7 @@ const Separator = /*@__PURE__*/ proxyCustomElement(class Separator extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return h("hr", { key: '51aa319c22fc4320041dab4fc00648275ee6a1bf', class: "utrecht-separator" });
+        return h("hr", { key: '4ca69fff24b1378b6084fa55eff5c95d8c68d2a2', class: "utrecht-separator" });
     }
     static get style() { return UtrechtSeparatorStyle0; }
 }, [1, "utrecht-separator"]);

package/dist/components/utrecht-separator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-separator.js","mappings":";;AAAA,MAAM,YAAY,GAAG,4cAA4c,CAAC;AACle,+BAAe,YAAY;;MCMd,SAAS;;;;;;IACpB,MAAM;QACJ,OAAO,2DAAI,KAAK,EAAC,mBAAmB,GAAG,CAAC;KACzC;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/separator.scss?tag=utrecht-separator&encapsulation=shadow","src/components/separator.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n */\n\n@import \"~@utrecht/separator-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@Component({\n tag: 'utrecht-separator',\n styleUrl: 'separator.scss',\n shadow: true,\n})\nexport class Separator {\n render() {\n return <hr class=\"utrecht-separator\" />;\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-separator.js","mappings":";;AAAA,MAAM,YAAY,GAAG,4cAA4c,CAAC;AACle,+BAAe,YAAY;;MCMd,SAAS;;;;;;IACpB,MAAM;QACJ,OAAO,2DAAI,KAAK,EAAC,mBAAmB,GAAG,CAAC;KACzC;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/separator.scss?tag=utrecht-separator&encapsulation=shadow","src/components/separator.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/separator-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@Component({\n tag: 'utrecht-separator',\n styleUrl: 'separator.scss',\n shadow: true,\n})\nexport class Separator {\n render() {\n return <hr class=\"utrecht-separator\" />;\n }\n}\n"],"version":3}

package/dist/components/utrecht-sidenav.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
-const sidenavCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__link:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:\"\";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:\"\";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
+const sidenavCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:\"\";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:\"\";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}";
 const UtrechtSidenavStyle0 = sidenavCss;
 const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLElement {
@@ -13,7 +13,7 @@ const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLEleme
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { key: 'e48eec1d5144b488f9eda3bd8f231de26e7886ea', class: "utrecht-sidenav" }, h("ul", { key: 'b51cc2fb8f33173d8778b171cbab8d8c772815c3', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (h("nav", { key: '6bfceb00700dbdb72e7ad653e0e76f573637128c', class: "utrecht-sidenav" }, h("ul", { key: '028906ed07a3f6ff5b1bc5e2ae6b5e2710618d6e', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
     static get style() { return UtrechtSidenavStyle0; }
 }, [1, "utrecht-sidenav", {

package/dist/components/utrecht-sidenav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-sidenav.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,~~m5MAAm5M,~~CAAC;~~AACv6M~~,6BAAe,UAAU;;MCaZ,OAAO;;;;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,MACvF,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,IAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI,IAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI,EACN,KAAK,CACJ,EACH,QAAQ,IACP,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5C,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI,IAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sidenav.scss?tag=utrecht-sidenav&encapsulation=shadow","src/components/sidenav.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~~~@utrecht/~~components/navigatie sidenav/src\";\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-sidenav',\n styleUrl: 'sidenav.scss',\n shadow: true,\n})\nexport class Sidenav {\n @Prop() json: string;\n\n render() {\n const items = JSON.parse(this.json);\n\n return (\n <nav class=\"utrecht-sidenav\">\n <ul class=\"utrecht-sidenav__list\">\n {items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (\n <li\n key={href}\n class={clsx(\n 'utrecht-sidenav__item',\n index + 1 === array.length && 'utrecht-sidenav__item--last',\n sibling && 'utrecht-sidenav__item--sibling',\n haschildren && 'utrecht-sidenav__item--parent',\n )}\n >\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n current && 'utrecht-sidenav__link--current',\n focus && 'utrecht-sidenav__link--focus',\n sibling && 'utrecht-sidenav__link--sibling',\n haschildren && 'utrecht-sidenav__link--parent',\n )}\n href={href}\n >\n <div class={clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current')}></div>\n <div\n class={clsx(\n 'utrecht-sidenav__connection',\n haschildren && 'utrecht-sidenav__connection--parent',\n sibling && 'utrecht-sidenav__connection--sibling',\n index + 1 === array.length && 'utrecht-sidenav__connection--last',\n )}\n ></div>\n {title}\n </a>\n {children ? (\n <ul class=\"utrecht-sidenav__list utrecht-sidenav__list--child\">\n {children.map(({ href, title, current, focus }) => (\n <li key={href} class=\"utrecht-sidenav__item utrecht-sidenav__item--child\">\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n 'utrecht-sidenav__link--child',\n current && 'utrecht-sidenav__link--current',\n current && 'utrecht-sidenav__link--current-child',\n focus && 'utrecht-sidenav__link--focus',\n )}\n href={href}\n >\n <div\n class={clsx(\n 'utrecht-sidenav__marker',\n 'utrecht-sidenav__marker--child',\n current && 'utrecht-sidenav__marker--current',\n current && 'utrecht-sidenav__marker--current-child',\n )}\n ></div>\n {title}\n </a>\n </li>\n ))}\n </ul>\n ) : (\n ''\n )}\n <div class=\"utrecht-sidenav__item-separator\"></div>\n </li>\n ))}\n </ul>\n </nav>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-sidenav.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,+0MAA+0M,CAAC;AACn2M,6BAAe,UAAU;;MCaZ,OAAO;;;;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,MACvF,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,IAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI,IAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI,EACN,KAAK,CACJ,EACH,QAAQ,IACP,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5C,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI,IAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sidenav.scss?tag=utrecht-sidenav&encapsulation=shadow","src/components/sidenav.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 \"../../../../components/navigatie sidenav/src\";\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';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-sidenav',\n styleUrl: 'sidenav.scss',\n shadow: true,\n})\nexport class Sidenav {\n @Prop() json: string;\n\n render() {\n const items = JSON.parse(this.json);\n\n return (\n <nav class=\"utrecht-sidenav\">\n <ul class=\"utrecht-sidenav__list\">\n {items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (\n <li\n key={href}\n class={clsx(\n 'utrecht-sidenav__item',\n index + 1 === array.length && 'utrecht-sidenav__item--last',\n sibling && 'utrecht-sidenav__item--sibling',\n haschildren && 'utrecht-sidenav__item--parent',\n )}\n >\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n current && 'utrecht-sidenav__link--current',\n focus && 'utrecht-sidenav__link--focus',\n sibling && 'utrecht-sidenav__link--sibling',\n haschildren && 'utrecht-sidenav__link--parent',\n )}\n href={href}\n >\n <div class={clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current')}></div>\n <div\n class={clsx(\n 'utrecht-sidenav__connection',\n haschildren && 'utrecht-sidenav__connection--parent',\n sibling && 'utrecht-sidenav__connection--sibling',\n index + 1 === array.length && 'utrecht-sidenav__connection--last',\n )}\n ></div>\n {title}\n </a>\n {children ? (\n <ul class=\"utrecht-sidenav__list utrecht-sidenav__list--child\">\n {children.map(({ href, title, current, focus }) => (\n <li key={href} class=\"utrecht-sidenav__item utrecht-sidenav__item--child\">\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n 'utrecht-sidenav__link--child',\n current && 'utrecht-sidenav__link--current',\n current && 'utrecht-sidenav__link--current-child',\n focus && 'utrecht-sidenav__link--focus',\n )}\n href={href}\n >\n <div\n class={clsx(\n 'utrecht-sidenav__marker',\n 'utrecht-sidenav__marker--child',\n current && 'utrecht-sidenav__marker--current',\n current && 'utrecht-sidenav__marker--current-child',\n )}\n ></div>\n {title}\n </a>\n </li>\n ))}\n </ul>\n ) : (\n ''\n )}\n <div class=\"utrecht-sidenav__item-separator\"></div>\n </li>\n ))}\n </ul>\n </nav>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-skip-link.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const skipLinkCss = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color, ButtonFace);box-sizing:border-box;color:var(--utrecht-skip-link-color, ButtonText);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size, 44px);min-inline-size:var(--utrecht-skip-link-min-inline-size, 44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--visible{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus,.utrecht-skip-link:focus,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);text-decoration:var(--utrecht-skip-link-focus-text-decoration)}:host{display:inline-flex}:host([hidden]){display:none !important}";
+const skipLinkCss = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color, ButtonFace);box-sizing:border-box;color:var(--utrecht-skip-link-color, ButtonText);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size, 44px);min-inline-size:var(--utrecht-skip-link-min-inline-size, 44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--visible{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}.utrecht-skip-link--focus-visible,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}:host{display:inline-flex}:host([hidden]){display:none !important}";
 const UtrechtSkipLinkStyle0 = skipLinkCss;
 const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends HTMLElement {
@@ -11,7 +11,7 @@ const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends HTMLEle
         this.href = undefined;
     }
     render() {
-        return (h("a", { key: '2134a1d0969fe5b94308268ab5a3af5bd01c56e7', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '80af80da89a98c1e9698521ea7d3eec29a01d53d' })));
+        return (h("a", { key: 'f5a5ca5050fa229d8ba1514716c01f7d1bff7b60', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '0de88cdb23e5f1c09ed93cf9f7a7e3dfc0e188a8' })));
     }
     static get style() { return UtrechtSkipLinkStyle0; }
 }, [1, "utrecht-skip-link", {

package/dist/components/utrecht-skip-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-skip-link.js","mappings":";;AAAA,MAAM,WAAW,GAAG,~~ulEAAulE~~,CAAC;~~AAC5mE~~,8BAAe,WAAW;;MCYb,QAAQ;;;;;;;IAEnB,MAAM;QACJ,QACE,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC3D,KAAK,EAAC,uDAAuD,IAE7D,8DAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/skip-link.scss?tag=utrecht-skip-link&encapsulation=shadow","src/components/skip-link.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\n@import \"~@utrecht/skip-link-css/src\";\n\n:host {\n display: inline-flex;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-skip-link',\n styleUrl: 'skip-link.scss',\n shadow: true,\n})\nexport class SkipLink {\n @Prop() href: string;\n render() {\n return (\n <a\n href={typeof this.href === 'string' ? this.href : undefined}\n class=\"utrecht-skip-link utrecht-skip-link--visible-on-focus\"\n >\n <slot></slot>\n </a>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-skip-link.js","mappings":";;AAAA,MAAM,WAAW,GAAG,osFAAosF,CAAC;AACztF,8BAAe,WAAW;;MCYb,QAAQ;;;;;;;IAEnB,MAAM;QACJ,QACE,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC3D,KAAK,EAAC,uDAAuD,IAE7D,8DAAa,CACX,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/skip-link.scss?tag=utrecht-skip-link&encapsulation=shadow","src/components/skip-link.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/skip-link-css/src\";\n\n:host {\n display: inline-flex;\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-skip-link',\n styleUrl: 'skip-link.scss',\n shadow: true,\n})\nexport class SkipLink {\n @Prop() href: string;\n render() {\n return (\n <a\n href={typeof this.href === 'string' ? this.href : undefined}\n class=\"utrecht-skip-link utrecht-skip-link--visible-on-focus\"\n >\n <slot></slot>\n </a>\n );\n }\n}\n"],"version":3}