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/cjs/utrecht-icon-zwemmen.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UtrechtIconZwemmen = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '1770c1c2336b60ac2ca70e1dc080e088492be659', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '3ded24f8a6bdb6dc198b24b1ea541b30132de6d8', d: "M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z" })));
+        return (index.h("svg", { key: '99328a6cb403bcf1aa4c1ebdde98ab658920ac24', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, index.h("path", { key: '7f3045485cf8b4d10d9e0f37440d8d73ff56f3a7', d: "M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z" })));
     }
 };
 UtrechtIconZwemmen.style = UtrechtIconZwemmenStyle0;

package/dist/cjs/utrecht-icon-zwemmen.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-icon-zwemmen.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,qSAAqS,CAAC;AAC3T,iCAAe,YAAY;;MCMd,kBAAkB;;;;IAE7B,MAAM;QACJ,QACEA,kEAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAC5GA,mEAAM,CAAC,EAAC,q7DAAq7D,GAAE,CAC37D,EAEA;KACH;;;;;;","names":["h"],"sources":["src/components/icon/generated.scss?tag=utrecht-icon-zwemmen&encapsulation=shadow","src/components/generated/utrecht-icon-zwemmen/utrecht-icon-zwemmen.stencil.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) ~~2021~~-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) 2021-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\n@import \"~@utrecht/icon/src/mixin\";\n\n:host {\n @include utrecht-icon;\n}\n\nsvg {\n @include utrecht-icon__svg;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-icon-zwemmen',\n styleUrl: \"../../icon/generated.scss\",\n shadow: true,\n})\nexport class UtrechtIconZwemmen {\n\n render() {\n return (\n <svg viewBox=\"0 0 36 36\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" height=\"1em\" width=\"1em\">\n <path d=\"M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z\"/>\n</svg>\n\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-icon-zwemmen.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,qSAAqS,CAAC;AAC3T,iCAAe,YAAY;;MCMd,kBAAkB;;;;IAE7B,MAAM;QACJ,QACEA,kEAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAC5GA,mEAAM,CAAC,EAAC,q7DAAq7D,GAAE,CAC37D,EAEA;KACH;;;;;;","names":["h"],"sources":["src/components/icon/generated.scss?tag=utrecht-icon-zwemmen&encapsulation=shadow","src/components/generated/utrecht-icon-zwemmen/utrecht-icon-zwemmen.stencil.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/icon/src/mixin\";\n\n:host {\n @include utrecht-icon;\n}\n\nsvg {\n @include utrecht-icon__svg;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-icon-zwemmen',\n styleUrl: \"../../icon/generated.scss\",\n shadow: true,\n})\nexport class UtrechtIconZwemmen {\n\n render() {\n return (\n <svg viewBox=\"0 0 36 36\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" height=\"1em\" width=\"1em\">\n <path d=\"M26.4 15.13a3.521 3.521 0 0 1 1.49-4.74 3.49 3.49 0 0 1 4.72 1.49c.89 1.72.23 3.84-1.49 4.74-1.71.9-3.83.23-4.72-1.49m5.76 4.52c-1.53 0-3.06.43-4.47 1.18-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.07c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73Zm-4.47 5.61c-.88.47-1.8.74-2.74.74-.57 0-1.14-.1-1.72-.31-1.23-.45-2.25-1.19-3.57-1.48a7.72 7.72 0 0 0-1.65-.18c-1.24 0-2.48.3-3.62.84-1.13.54-2.14 1.15-3.43 1.15h-.25c-1.36-.08-2.35-.83-3.55-1.33-1.02-.43-2.1-.65-3.18-.65-.73 0-1.46.1-2.18.3-.44.13-.86.29-1.26.48-.35.16-.56.52-.56.9v.14c0 .72.74 1.21 1.4.92.91-.4 1.81-.74 2.81-.74.56 0 1.15.11 1.8.38 1.08.45 2 1.07 3.17 1.35.6.14 1.2.21 1.81.21 1.09 0 2.18-.23 3.2-.66 1.12-.47 2.04-1.15 3.29-1.31.17-.02.33-.03.49-.03 1.02 0 2.01.36 2.89.86 1.31.75 2.66 1.09 4.01 1.09 1.52 0 3.03-.43 4.46-1.21.87-.47 1.77-.72 2.69-.72.63 0 1.27.12 1.91.37.23.09.45.19.67.29.65.3 1.39-.2 1.39-.92v-.06c0-.38-.2-.73-.54-.9a7.69 7.69 0 0 0-3.3-.73c-1.53 0-3.06.43-4.47 1.18Zm-13.6-14.41-7.62 3.82c-.46.23-.65.79-.42 1.25l.06.13c.23.46.78.65 1.24.42l5.86-2.89 1.17-.58c.99-.49 2.19-.08 2.68.91l-8.65 4.11c.29.13.42.23.69.36.68.34 1.21.61 1.76.64h.13c.6 0 1.16-.27 2.04-.7.17-.09.35-.17.53-.26 1.42-.68 2.97-1.04 4.48-1.04.7 0 1.4.08 2.08.23 1.02.23 1.87.64 2.61 1.01.42.21.82.4 1.21.55.35.13.78.21.78.21s.57.03.78-.33c.21-.35-.06-.78-.06-.78l-.72-1.28c-1.07-2.17-3.1-3.99-4.81-5.24a5.725 5.725 0 0 0-5.82-.56Z\"/>\n</svg>\n\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-logo-button.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DigidButton = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'e2a357b9b6a819e67310ceb89b4fa3dee69b9b2f', class: "utrecht-logo-button" }, index.h("slot", { key: '7d76821bfa58b392694dbea3d917b50edb94401f' })));
+        return (index.h("div", { key: 'd58fbb7af0f22e92f175450b031585914cb19962', class: "utrecht-logo-button" }, index.h("slot", { key: 'f9d249a871a371c60d2ee709aa8cd24a3feffdfd' })));
     }
 };
 DigidButton.style = UtrechtLogoButtonStyle0;

package/dist/cjs/utrecht-logo-button.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-logo-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,4bAA4b,CAAC;AACnd,gCAAe,aAAa;;~~MCYf~~,WAAW;;;;IACtB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,qBAAqB,IAC9BA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/logo-button.scss?tag=utrecht-logo-button&encapsulation=shadow","src/components/logo-button.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/logo-button-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Rijksoverheid~~\n * Copyright (c) 2021 ~~Robbert Broersma~~\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-logo-button',\n styleUrl: 'logo-button.scss',\n shadow: true,\n})\nexport class DigidButton {\n render() {\n return (\n <div class=\"utrecht-logo-button\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-logo-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,4bAA4b,CAAC;AACnd,gCAAe,aAAa;;MCaf,WAAW;;;;IACtB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,qBAAqB,IAC9BA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/logo-button.scss?tag=utrecht-logo-button&encapsulation=shadow","src/components/logo-button.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@import \"~@utrecht/logo-button-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-logo-button',\n styleUrl: 'logo-button.scss',\n shadow: true,\n})\nexport class DigidButton {\n render() {\n return (\n <div class=\"utrecht-logo-button\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-map-marker.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const MapMarker = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '7d20f03a7d1c712aa295ffb0200edbdc3c857102' });
+        return index.h("slot", { key: 'c67c56089486edafd2edc40b11cfb33e4f97ce19' });
     }
 };
 MapMarker.style = UtrechtMapMarkerStyle0;

package/dist/cjs/utrecht-map-marker.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-map-marker.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,mgBAAmgB,CAAC;AACzhB,+BAAe,YAAY;;MCMd,SAAS;;;;IACpB,MAAM;QACJ,OAAOA,oEAAa,CAAC;KACtB;;;;;;","names":["h"],"sources":["src/components/map-marker.scss?tag=utrecht-map-marker&encapsulation=shadow","src/components/map-marker.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) ~~2021~~-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) 2021-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\n@import \"~@utrecht/map-marker-css/src/mixin\";\n\n:host {\n @include utrecht-map-marker;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-map-marker',\n styleUrl: './map-marker.scss',\n shadow: true,\n})\nexport class MapMarker {\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-map-marker.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,mgBAAmgB,CAAC;AACzhB,+BAAe,YAAY;;MCMd,SAAS;;;;IACpB,MAAM;QACJ,OAAOA,oEAAa,CAAC;KACtB;;;;;;","names":["h"],"sources":["src/components/map-marker.scss?tag=utrecht-map-marker&encapsulation=shadow","src/components/map-marker.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/map-marker-css/src/mixin\";\n\n:host {\n @include utrecht-map-marker;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-map-marker',\n styleUrl: './map-marker.scss',\n shadow: true,\n})\nexport class MapMarker {\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-multiline-data.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const MultilineData = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("pre", { key: '431cb18c6e7c59c2dee7c3e724284bd9249260ba', class: "utrecht-multiline-data utrecht-multiline-data--html-pre" }, index.h("slot", { key: '8a1464265d9b4af3242ed7247d97fed3a35cba17' })));
+        return (index.h("pre", { key: '6447be9fd764259ecd1e56a2f6c2f39e559f9970', class: "utrecht-multiline-data utrecht-multiline-data--html-pre" }, index.h("slot", { key: 'ebaec7676fe88d8f6595c69d0d87f8b3dddc7256' })));
     }
 };
 MultilineData.style = UtrechtMultilineDataStyle0;

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

	@@ -1 +1 @@
1	- {"file":"utrecht-multiline-data.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,0RAA0R,CAAC;AACpT,mCAAe,gBAAgB;;MCYlB,aAAa;;;;IACxB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,yDAAyD,IAClEA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"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.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,0RAA0R,CAAC;AACpT,mCAAe,gBAAgB;;MCYlB,aAAa;;;;IACxB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,yDAAyD,IAClEA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"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/cjs/utrecht-number-badge.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
-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 = class {
@@ -19,7 +19,7 @@ const BadgeCounter = class {
         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 index.h("div", { key: '9d8ab3e9cdf83a24184f5ff7a7da1b2da2178b1e', class: "utrecht-number-badge" }, textContent ? textContent : index.h("slot", null));
+        return index.h("div", { key: '9bd15dfece2a2a00145a56473cc20ff91b859345', class: "utrecht-number-badge" }, textContent ? textContent : index.h("slot", null));
     }
 };
 BadgeCounter.style = UtrechtNumberBadgeStyle0;

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

	@@ -1 +1 @@
1	- {"file":"utrecht-number-badge.entry.cjs.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,OAAOA,kEAAK,KAAK,EAAC,sBAAsB,IAAE,WAAW,GAAG,WAAW,GAAGA,qBAAa,CAAO,CAAC;KAC5F;;;;;;","names":["h"],"sources":["src/components/number-badge.scss?tag=utrecht-number-badge&encapsulation=shadow","src/components/number-badge.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~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.entry.cjs.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,OAAOA,kEAAK,KAAK,EAAC,sBAAsB,IAAE,WAAW,GAAG,WAAW,GAAGA,qBAAa,CAAO,CAAC;KAC5F;;;;;;","names":["h"],"sources":["src/components/number-badge.scss?tag=utrecht-number-badge&encapsulation=shadow","src/components/number-badge.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@import \"~@utrecht/number-badge-css/src\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-number-badge',\n styleUrl: 'number-badge.scss',\n shadow: true,\n})\nexport class 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/cjs/utrecht-page-footer.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
-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 = class {
@@ -12,7 +12,7 @@ const PageFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("footer", { key: '47125488c91317def040617ccaaa448cb68a2098', class: "utrecht-page-footer" }, index.h("slot", { key: 'cc7f599e2e25e035d5550e7ae3a3242347380052' })));
+        return (index.h("footer", { key: 'a6a7bb8ba700b46b37a40598ba3fc4a813ec3f46', class: "utrecht-page-footer" }, index.h("slot", { key: '0014d07451570c5fc5ecf0cff4ca7d908ed99e2f' })));
     }
 };
 PageFooter.style = UtrechtPageFooterStyle0;

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

	@@ -1 +1 @@
1	- {"file":"utrecht-page-footer.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,~~g9BAAg9B~~,CAAC;~~AACv+B~~,gCAAe,aAAa;;~~MCWf~~,UAAU;;;;IACrB,MAAM;QACJ,QACEA,qEAAQ,KAAK,EAAC,qBAAqB,IACjCA,oEAAa,CACN,EACT;KACH;;;;;;","names":["h"],"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.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,u+CAAu+C,CAAC;AAC9/C,gCAAe,aAAa;;MCYf,UAAU;;;;IACrB,MAAM;QACJ,QACEA,qEAAQ,KAAK,EAAC,qBAAqB,IACjCA,oEAAa,CACN,EACT;KACH;;;;;;","names":["h"],"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/cjs/utrecht-pagination.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
 const clsx = require('./clsx-708f7fb1.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 = class {
@@ -22,8 +22,8 @@ const Pagination = class {
         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 ? (index.h("span", { class: clsx.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)) : (index.h("a", { href: href, class: clsx.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 = '' }) => (index.h("a", { key: '63b5b3067b1e12503452605b911d498694409ad7', class: clsx.clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
-        return (index.h("nav", { key: 'd3d98e4b21057fa9524ff312f4067eec055f2662', class: "utrecht-pagination" }, index.h("span", { key: 'df10e0ecfe671b48ac9bfb706ef2c9398d5f72e7', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), index.h("span", { key: '2a23b50676cce24159c9759889e1dcbbf6bd09c5', role: "group", class: "utrecht-pagination__pages" }, links
+        const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (index.h("a", { key: 'c854d21859190a4dc0184bca5f79294b62db9247', class: clsx.clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
+        return (index.h("nav", { key: 'a2be3cdb6dad2e1e5c68d11f83764426f3266770', class: "utrecht-pagination" }, index.h("span", { key: '8adb1c5a2a6d773dbc0465d5150bdd5c3f3fac12', class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), index.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;
@@ -35,7 +35,7 @@ const Pagination = class {
                             : null
                     : null, textContent: link.index || index }, link);
         })
-            .map((link) => PageLink(link))), index.h("span", { key: '0c363b7ad9014019d1197b78c4d007a01f53ad83', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+            .map((link) => PageLink(link))), index.h("span", { key: '3484a2527d62be3a62f7fe3a6c7e0df8af2f0912', class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
     }
 };
 Pagination.style = UtrechtPaginationStyle0;

package/dist/cjs/utrecht-pagination.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-pagination.entry.cjs.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,IACNA,kBACE,KAAK,EAAEC,SAAI,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,KAEPD,eACE,IAAI,EAAE,IAAI,EACV,KAAK,EAAEC,SAAI,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,MAC5ED,gEACE,KAAK,EAAEC,SAAI,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,QACED,kEAAK,KAAK,EAAC,oBAAoB,IAC7BA,mEAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,IAAG,GAAG,EAAE,CACrE,EACPA,mEAAM,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,EACPA,mEAAM,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":["h","clsx"],"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.entry.cjs.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,IACNA,kBACE,KAAK,EAAEC,SAAI,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,KAEPD,eACE,IAAI,EAAE,IAAI,EACV,KAAK,EAAEC,SAAI,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,MAC5ED,gEACE,KAAK,EAAEC,SAAI,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,QACED,kEAAK,KAAK,EAAC,oBAAoB,IAC7BA,mEAAM,KAAK,EAAC,4BAA4B,IACrC,IAAI,GAAG,YAAY,iCAAM,IAAI,KAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,IAAG,GAAG,EAAE,CACrE,EACPA,mEAAM,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,EACPA,mEAAM,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":["h","clsx"],"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/cjs/utrecht-progress-list-item.cjs.entry.js CHANGED Viewed

@@ -20,17 +20,17 @@ const StepProgressListItem = class {
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (index.h("li", { key: '1df0d1c96b6f7220bb5db6194cd96ec3b43279d1', class: clsx.clsx('denhaag-process-steps__step', {
+        return (index.h("li", { key: 'a762e5f47d90aff388519f8affe8a8fe0ec49d2e', class: clsx.clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, index.h("div", { key: 'a2873c80d2a7d3ef0ce3daca3caa5fe7670ff9d6', class: "denhaag-process-steps__step-header" }, index.h("div", { key: 'e0b7f096a1f365aeebba8b099064d101950a7b9d', class: clsx.clsx('denhaag-step-marker', {
+            }) }, index.h("div", { key: 'b4c711fc3a5353404d64403256dc07cbed2e8974', class: "denhaag-process-steps__step-header" }, index.h("div", { key: '45e2d001e0c905cd6b509f05fea642353438ad0b', class: clsx.clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, index.h("slot", { key: 'f5f355c55ad2a6d8e6afbac7cf8244e95bcb8576', name: "marker" }), checked && (index.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" }, index.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 ? (index.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' }, index.h("p", { class: clsx.clsx('denhaag-process-steps__step-heading', {
+            }) }, index.h("slot", { key: '4209dc685ce035baa04dfbe5667b40ebd7bbd093', name: "marker" }), checked && (index.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" }, index.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 ? (index.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' }, index.h("p", { class: clsx.clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
             }) }, index.h("slot", null)))) : (index.h("p", { class: clsx.clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
-            }) }, index.h("slot", null)))), index.h("div", { key: '5162992103ef5e0ebf8100420be9e427fcdf5e0b', class: clsx.clsx('denhaag-process-steps__step-body') }, index.h("div", { key: 'b8b2d438f59344734f6ca23d0b37608ad7fdde68', class: clsx.clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), index.h("div", { key: 'c6d9f7383e1a6dd5d4b582ae92b3a6266c0575ca', class: "denhaag-process-steps__step-meta" }, index.h("slot", { key: 'b6004e409f07a8f736ef1162a4995f9423d1edef', name: "body" }))), index.h("div", { key: 'd51cf40f7579c4adbc6b45e49b34a40cf199a711', id: "details", class: clsx.clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, index.h("slot", { key: '4b305b0b37fbba6ae887681c93dff25a9d7bc903', name: "details" }))));
+            }) }, index.h("slot", null)))), index.h("div", { key: '40861807fabd4cf0377a206248d3bb1b5b7231b4', class: clsx.clsx('denhaag-process-steps__step-body') }, index.h("div", { key: '048c0bc686cc7e60168c3a8e4204edda37d77261', class: clsx.clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), index.h("div", { key: '710ba2d37f81aa37157e929ec35438dbdaffebeb', class: "denhaag-process-steps__step-meta" }, index.h("slot", { key: 'c97cc0615865aa4f4553c24d760c2290304e3ad6', name: "body" }))), index.h("div", { key: 'dd4163b9308ff175479915b8b151de07ec7b0adc', id: "details", class: clsx.clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, index.h("slot", { key: '7910693f702edb37989d7452d1afb066959bd190', name: "details" }))));
     }
 };
 StepProgressListItem.style = UtrechtProgressListItemStyle0;

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

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-list-item.entry.cjs.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,QACEA,iEACE,KAAK,EAAEC,SAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC,IAEFD,kEAAK,KAAK,EAAC,oCAAoC,IAC7CA,kEACE,KAAK,EAAEC,SAAI,CAAC,qBAAqB,EAAE;gBACjC,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEFD,mEAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACNA,kEACE,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,IAEtBA,mEACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACL,OAAO,IACNA,4BACE,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,IAEvCA,eACE,KAAK,EAAEC,SAAI,CAAC,qCAAqC,EAAE;gBACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC,IAEFD,qBAAQ,CACN,CACW,KAEjBA,eACE,KAAK,EAAEC,SAAI,CAAC,qCAAqC,EAAE;gBACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC,IAEFD,qBAAQ,CACN,CACL,CACG,EACNA,kEAAK,KAAK,EAAEC,SAAI,CAAC,kCAAkC,CAAC,IAClDD,kEACE,KAAK,EAAEC,SAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI,EACPD,kEAAK,KAAK,EAAC,kCAAkC,IAC3CA,mEAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF,EACNA,kEACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAEC,SAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC,IAE3GD,mEAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,EACL;KACH;;;;;;","names":["h","clsx"],"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.entry.cjs.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,QACEA,iEACE,KAAK,EAAEC,SAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC,IAEFD,kEAAK,KAAK,EAAC,oCAAoC,IAC7CA,kEACE,KAAK,EAAEC,SAAI,CAAC,qBAAqB,EAAE;gBACjC,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEFD,mEAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACNA,kEACE,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,IAEtBA,mEACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACL,OAAO,IACNA,4BACE,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,IAEvCA,eACE,KAAK,EAAEC,SAAI,CAAC,qCAAqC,EAAE;gBACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC,IAEFD,qBAAQ,CACN,CACW,KAEjBA,eACE,KAAK,EAAEC,SAAI,CAAC,qCAAqC,EAAE;gBACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC,IAEFD,qBAAQ,CACN,CACL,CACG,EACNA,kEAAK,KAAK,EAAEC,SAAI,CAAC,kCAAkC,CAAC,IAClDD,kEACE,KAAK,EAAEC,SAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI,EACPD,kEAAK,KAAK,EAAC,kCAAkC,IAC3CA,mEAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF,EACNA,kEACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAEC,SAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC,IAE3GD,mEAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,EACL;KACH;;;;;;","names":["h","clsx"],"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/cjs/utrecht-progress-list.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const StepProgressList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("ol", { key: '8c034e96d6fbb03947e38de50ade902b3db90fdd', class: "denhaag-process-steps" }, index.h("slot", { key: 'c7fee3769f6e26029b35d3eb2741df32099428f2' })));
+        return (index.h("ol", { key: '1667bbfc8e7a803502bbe413ed57fa7a8f39183c', class: "denhaag-process-steps" }, index.h("slot", { key: '6b117a7dcfb73dd4a1869d400d6788a501336c00' })));
     }
 };
 StepProgressList.style = UtrechtProgressListStyle0;

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

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-list.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,kCAAe,eAAe;;MCYjB,gBAAgB;;;;IAC3B,MAAM;QACJ,QACEA,iEAAI,KAAK,EAAC,uBAAuB,IAC/BA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"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.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,kCAAe,eAAe;;MCYjB,gBAAgB;;;;IAC3B,MAAM;QACJ,QACEA,iEAAI,KAAK,EAAC,uBAAuB,IAC/BA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"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/cjs/utrecht-progress-sublist-item.cjs.entry.js CHANGED Viewed

@@ -16,12 +16,12 @@ const StepProgressSublistItem = class {
     }
     render() {
         const { appearance, checked } = this;
-        return (index.h("li", { key: 'e052860a31e65832147f0617aa0effc01c6bd3ef', class: clsx.clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, index.h("div", { key: '0280170f242e6861df21ef9c5e0a97592054113c', class: "denhaag-process-steps__step-header" }, index.h("div", { key: '09143ef9725004c085aefd2cf1ccc64dd63062cd', class: clsx.clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (index.h("li", { key: '448ab0aece6cf9e1c8a2c26b0bbe01fcf09e37bc', class: clsx.clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, index.h("div", { key: 'bfaa8f2514e74b7d4982a429256c40ebde3314e0', class: "denhaag-process-steps__step-header" }, index.h("div", { key: '092b004dfeadd42f23a1b39c80febbcd8c9b31fe', class: clsx.clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, index.h("slot", { key: 'cdd9e80b0ee216f1e04f18ff976d0eb4f59de717', name: "marker" }), checked && (index.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" }, index.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" })))), index.h("p", { key: 'e626819dfc904b1de22dc3d92e720a037c3a1af4', class: clsx.clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, index.h("slot", { key: 'ab372b9987eadd856d94297edf1a726d0c43be14', name: "marker" }), checked && (index.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" }, index.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" })))), index.h("p", { key: 'eefc45beb4339450ff7ca2376c38c2d8c7e7bfc5', class: clsx.clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, index.h("slot", { key: '955d80448f70f776c9f41ffdc09c813201062b2f' })))));
+            }) }, index.h("slot", { key: 'b2664652b68382dd0f69612004e65cb8dac087b1' })))));
     }
 };
 StepProgressSublistItem.style = UtrechtProgressSublistItemStyle0;

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

	@@ -1 +1 @@
1	- {"file":"utrecht-progress-sublist-item.entry.cjs.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,QACEA,iEAAI,KAAK,EAAEC,SAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC,IAClGD,kEAAK,KAAK,EAAC,oCAAoC,IAC7CA,kEACE,KAAK,EAAEC,SAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;gBAChE,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEFD,mEAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACNA,kEACE,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,IAEtBA,mEACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACNA,gEACE,KAAK,EAAEC,SAAI,CAAC,yCAAyC,EAAE;gBACrD,kDAAkD,EAAE,OAAO;aAC5D,CAAC,IAEFD,oEAAQ,CACN,CACA,CACH,EACL;KACH;;;;;;","names":["h","clsx"],"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.entry.cjs.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,QACEA,iEAAI,KAAK,EAAEC,SAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC,IAClGD,kEAAK,KAAK,EAAC,oCAAoC,IAC7CA,kEACE,KAAK,EAAEC,SAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;gBAChE,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEFD,mEAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACNA,kEACE,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,IAEtBA,mEACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACNA,gEACE,KAAK,EAAEC,SAAI,CAAC,yCAAyC,EAAE;gBACrD,kDAAkD,EAAE,OAAO;aAC5D,CAAC,IAEFD,oEAAQ,CACN,CACA,CACH,EACL;KACH;;;;;;","names":["h","clsx"],"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/cjs/utrecht-sidenav.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
 const clsx = require('./clsx-708f7fb1.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 = class {
@@ -15,7 +15,7 @@ const Sidenav = class {
     }
     render() {
         const items = JSON.parse(this.json);
-        return (index.h("nav", { key: 'e48eec1d5144b488f9eda3bd8f231de26e7886ea', class: "utrecht-sidenav" }, index.h("ul", { key: 'b51cc2fb8f33173d8778b171cbab8d8c772815c3', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index$1, array) => (index.h("li", { key: href, class: clsx.clsx('utrecht-sidenav__item', index$1 + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, index.h("a", { class: clsx.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 }, index.h("div", { class: clsx.clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), index.h("div", { class: clsx.clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index$1 + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (index.h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (index.h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, index.h("a", { class: clsx.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 }, index.h("div", { class: clsx.clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), index.h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (index.h("nav", { key: '6bfceb00700dbdb72e7ad653e0e76f573637128c', class: "utrecht-sidenav" }, index.h("ul", { key: '028906ed07a3f6ff5b1bc5e2ae6b5e2710618d6e', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index$1, array) => (index.h("li", { key: href, class: clsx.clsx('utrecht-sidenav__item', index$1 + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, index.h("a", { class: clsx.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 }, index.h("div", { class: clsx.clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), index.h("div", { class: clsx.clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index$1 + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (index.h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (index.h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, index.h("a", { class: clsx.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 }, index.h("div", { class: clsx.clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), index.h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
 };
 Sidenav.style = UtrechtSidenavStyle0;

package/dist/cjs/utrecht-sidenav.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-sidenav.entry.cjs.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,QACEA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,iEAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAEC,OAAK,EAAE,KAAK,MACvFD,gBACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAEE,SAAI,CACT,uBAAuB,EACvBD,OAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,IAEDD,eACE,KAAK,EAAEE,SAAI,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,IAEVF,iBAAK,KAAK,EAAEE,SAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClGF,iBACE,KAAK,EAAEE,SAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjDD,OAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI,EACN,KAAK,CACJ,EACH,QAAQ,IACPD,gBAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5CA,gBAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvEA,eACE,KAAK,EAAEE,SAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI,IAEVF,iBACE,KAAK,EAAEE,SAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACDF,iBAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;","names":["h","index","clsx"],"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.entry.cjs.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,QACEA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,iEAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAEC,OAAK,EAAE,KAAK,MACvFD,gBACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAEE,SAAI,CACT,uBAAuB,EACvBD,OAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,IAEDD,eACE,KAAK,EAAEE,SAAI,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,IAEVF,iBAAK,KAAK,EAAEE,SAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClGF,iBACE,KAAK,EAAEE,SAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjDD,OAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI,EACN,KAAK,CACJ,EACH,QAAQ,IACPD,gBAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5CA,gBAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvEA,eACE,KAAK,EAAEE,SAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI,IAEVF,iBACE,KAAK,EAAEE,SAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACDF,iBAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;","names":["h","index","clsx"],"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/cjs/utrecht-surface.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const Code = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd11fb23e7ebcbf940d1a4e84da68f5c61a743da6', class: "utrecht-surface" }, index.h("slot", { key: '04ea4528e0d94f1d5fbdbe0cc39ab58553edec7e' })));
+        return (index.h("div", { key: 'a15d68260e954c6682b50baeb35b004f8ec6eb63', class: "utrecht-surface" }, index.h("slot", { key: '793d959f1210a1bba7fac2a3c14a3f97a1818c45' })));
     }
 };
 Code.style = UtrechtSurfaceStyle0;

package/dist/cjs/utrecht-surface.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-surface.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,2SAA2S,CAAC;AAC/T,6BAAe,UAAU;;MCYZ,IAAI;;;;IACf,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/surface.scss?tag=utrecht-surface&encapsulation=shadow","src/components/surface.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/surface-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~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-surface',\n styleUrl: 'surface.scss',\n shadow: true,\n})\nexport class Code {\n render() {\n return (\n <div class=\"utrecht-surface\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-surface.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,2SAA2S,CAAC;AAC/T,6BAAe,UAAU;;MCYZ,IAAI;;;;IACf,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/surface.scss?tag=utrecht-surface&encapsulation=shadow","src/components/surface.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@import \"~@utrecht/surface-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-surface',\n styleUrl: 'surface.scss',\n shadow: true,\n})\nexport class Code {\n render() {\n return (\n <div class=\"utrecht-surface\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-table-body.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'b1d99c6ac8c97bc8b04098cf4beef8a5409f3f68', role: "rowgroup" }, index.h("slot", { key: '5c679ed57831886abb3a7b81eec3cc948de13150' })));
+        return (index.h(index.Host, { key: 'b509102a3b36f83648e6e3f8bc07f70f5c88005f', role: "rowgroup" }, index.h("slot", { key: '9a0b9ff0cdb4156d8de19c4d3fead0f977afc5c3' })));
     }
 };
 TableBody.style = UtrechtTableBodyStyle0;

package/dist/cjs/utrecht-table-body.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-table-body.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,uEAAuE,CAAC;AAC7F,+BAAe,YAAY;;MCMd,SAAS;;;;IACpB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table-body.scss?tag=utrecht-table-body&encapsulation=shadow","src/components/table-body.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n */\n\n@import \"~@utrecht/table-css/src/mixin\";\n\n:host {\n @include utrecht-table__body;\n\n display: table-row-group;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-body',\n styleUrl: 'table-body.scss',\n shadow: true,\n})\nexport class TableBody {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-table-body.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,uEAAuE,CAAC;AAC7F,+BAAe,YAAY;;MCMd,SAAS;;;;IACpB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table-body.scss?tag=utrecht-table-body&encapsulation=shadow","src/components/table-body.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/table-css/src/mixin\";\n\n:host {\n @include utrecht-table__body;\n\n display: table-row-group;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-body',\n styleUrl: 'table-body.scss',\n shadow: true,\n})\nexport class TableBody {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-table-caption.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const TableCaption = class {
     }
     render() {
         // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
-        return index.h("slot", { key: 'aa181dabc74d728f1391c9c30d436d8b842a0b01' });
+        return index.h("slot", { key: '93833cfd804b7494d1466c5c622b216ea3c47d69' });
     }
 };
 TableCaption.style = UtrechtTableCaptionStyle0;

package/dist/cjs/utrecht-table-caption.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-table-caption.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,0eAA0e,CAAC;AACngB,kCAAe,eAAe;;MCMjB,YAAY;;;;IACvB,MAAM;;QAEJ,OAAOA,oEAAa,CAAC;KACtB;;;;;;","names":["h"],"sources":["src/components/table-caption.scss?tag=utrecht-table-caption&encapsulation=shadow","src/components/table-caption.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n */\n\n@import \"~@utrecht/table-css/src/mixin\";\n\n:host {\n @include utrecht-table__caption;\n\n display: table-caption;\n page-break-after: avoid;\n page-break-inside: avoid;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-caption',\n styleUrl: 'table-caption.scss',\n shadow: true,\n})\nexport class TableCaption {\n render() {\n // TODO: Associate with parent <utrecht-table> aria-labelledby attribute\n return <slot></slot>;\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-table-caption.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,0eAA0e,CAAC;AACngB,kCAAe,eAAe;;MCMjB,YAAY;;;;IACvB,MAAM;;QAEJ,OAAOA,oEAAa,CAAC;KACtB;;;;;;","names":["h"],"sources":["src/components/table-caption.scss?tag=utrecht-table-caption&encapsulation=shadow","src/components/table-caption.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/table-css/src/mixin\";\n\n:host {\n @include utrecht-table__caption;\n\n display: table-caption;\n page-break-after: avoid;\n page-break-inside: avoid;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-caption',\n styleUrl: 'table-caption.scss',\n shadow: true,\n})\nexport class TableCaption {\n render() {\n // TODO: Associate with parent <utrecht-table> aria-labelledby attribute\n return <slot></slot>;\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-table-cell.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'feb3f61e4b5578d1e3fd23f890fa6abcf7e2eb97', role: "cell" }, index.h("slot", { key: '4fe6593e4e187d77cd853fd4ed309223c54d45d4' })));
+        return (index.h(index.Host, { key: '57343ed9980fed14c08776aec20fcdec7765ab64', role: "cell" }, index.h("slot", { key: 'fab427d6eea62bd190d2b5c2d30e8993592ba4cf' })));
     }
 };
 TableCell.style = UtrechtTableCellStyle0;

package/dist/cjs/utrecht-table-cell.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-table-cell.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,mrBAAmrB,CAAC;AACzsB,+BAAe,YAAY;;MCMd,SAAS;;;;IACpB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,MAAM,IACfD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table-cell.scss?tag=utrecht-table-cell&encapsulation=shadow","src/components/table-cell.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n */\n\n@import \"~@utrecht/table-css/src/mixin\";\n\n:host {\n @include utrecht-table__cell;\n\n display: table-cell;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-cell',\n styleUrl: 'table-cell.scss',\n shadow: true,\n})\nexport class TableCell {\n render() {\n return (\n <Host role=\"cell\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-table-cell.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,mrBAAmrB,CAAC;AACzsB,+BAAe,YAAY;;MCMd,SAAS;;;;IACpB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,MAAM,IACfD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table-cell.scss?tag=utrecht-table-cell&encapsulation=shadow","src/components/table-cell.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/table-css/src/mixin\";\n\n:host {\n @include utrecht-table__cell;\n\n display: table-cell;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-cell',\n styleUrl: 'table-cell.scss',\n shadow: true,\n})\nexport class TableCell {\n render() {\n return (\n <Host role=\"cell\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-table-footer.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TableFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '6f43a15ee1511ee7c3d9a139fb5e85a8bfd14103', role: "rowgroup" }, index.h("slot", { key: 'bed31aca3d9524f2af77ba1da8da2225a2a3f458' })));
+        return (index.h(index.Host, { key: 'fa791312cca733bfc05c69ad2f2530acb3c2db3f', role: "rowgroup" }, index.h("slot", { key: 'c6b754ee6b2a01f1823e6108e113e6362f6fafff' })));
     }
 };
 TableFooter.style = UtrechtTableFooterStyle0;