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

package/dist/collection/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\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,"file":"pagination.js","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\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"]}

package/dist/collection/components/paragraph.css

@@ -1,14 +1,17 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 .utrecht-paragraph {
   color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));

package/dist/collection/components/paragraph.js

@@ -5,7 +5,7 @@ export class Paragraph {
         this.lead = undefined;
     }
     render() {
-        return (h("div", { key: '9f7a470a47fea1d3b6a1c63836e20b6c41ba3dea', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: 'c1eff882fe3b57ebdedb31be94d0639d79ddef86' })));
+        return (h("div", { key: '6579a2078187f6268ee34b5a9176cd97ef0c80a9', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: 'e1421f8d6b599bee4348011f3fd720e38926c125' })));
     }
     static get is() { return "utrecht-paragraph"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pre-heading.css

@@ -1,12 +1,12 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 :host {
   display: contents;

package/dist/collection/components/pre-heading.js

@@ -1,12 +1,12 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { h } from "@stencil/core";
 export class PreHeading {
     render() {
-        return (h("p", { key: '8af29d6e69170a4a1a3bbfc0fdf8412cd96ae7e2' }, h("slot", { key: 'ec231765eb7e96a4a63a94cd3ee8ed225f9193a8' })));
+        return (h("p", { key: '04b0db048536cfbcf1086dd0a99ddf881d9e3fbb' }, h("slot", { key: '8f63d041aeb3ccd3b06a05c09ab6db8369bad694' })));
     }
     static get is() { return "utrecht-pre-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pre-heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"pre-heading.js","sourceRoot":"","sources":["../../src/components/pre-heading.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-pre-heading',\n  styleUrl: 'pre-heading.scss',\n  shadow: true,\n})\nexport class PreHeading {\n  render() {\n    return (\n      <p>\n        <slot></slot>\n      </p>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pre-heading.js","sourceRoot":"","sources":["../../src/components/pre-heading.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-pre-heading',\n  styleUrl: 'pre-heading.scss',\n  shadow: true,\n})\nexport class PreHeading {\n  render() {\n    return (\n      <p>\n        <slot></slot>\n      </p>\n    );\n  }\n}\n"]}

package/dist/collection/components/progress-list-item.js

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

package/dist/collection/components/progress-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-list-item.js","sourceRoot":"","sources":["../../src/components/progress-list-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,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,OAAO,CACL,2DACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC;YAEF,4DAAK,KAAK,EAAC,oCAAoC;gBAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;wBACjC,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACL,OAAO,CAAC,CAAC,CAAC,CACT,sBACE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;4BACjD,8CAA8C,EAAE,OAAO;yBACxD,CAAC;wBAEF,eAAQ,CACN,CACW,CAClB,CAAC,CAAC,CAAC,CACF,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;wBACjD,8CAA8C,EAAE,OAAO;qBACxD,CAAC;oBAEF,eAAQ,CACN,CACL,CACG;YACN,4DAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC;gBAClD,4DACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI;gBACP,4DAAK,KAAK,EAAC,kCAAkC;oBAC3C,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;YACN,4DACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC;gBAE3G,6DAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\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,"file":"progress-list-item.js","sourceRoot":"","sources":["../../src/components/progress-list-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,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,OAAO,CACL,2DACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC;YAEF,4DAAK,KAAK,EAAC,oCAAoC;gBAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;wBACjC,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACL,OAAO,CAAC,CAAC,CAAC,CACT,sBACE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;4BACjD,8CAA8C,EAAE,OAAO;yBACxD,CAAC;wBAEF,eAAQ,CACN,CACW,CAClB,CAAC,CAAC,CAAC,CACF,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;wBACjD,8CAA8C,EAAE,OAAO;qBACxD,CAAC;oBAEF,eAAQ,CACN,CACL,CACG;YACN,4DAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC;gBAClD,4DACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI;gBACP,4DAAK,KAAK,EAAC,kCAAkC;oBAC3C,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;YACN,4DACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC;gBAE3G,6DAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, 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"]}

package/dist/collection/components/progress-list.css

@@ -1,7 +1,7 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 .denhaag-process-steps__step {
   position: relative;

package/dist/collection/components/progress-list.js

@@ -1,12 +1,12 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { h } from "@stencil/core";
 export class StepProgressList {
     render() {
-        return (h("ol", { key: '8c034e96d6fbb03947e38de50ade902b3db90fdd', class: "denhaag-process-steps" }, h("slot", { key: 'c7fee3769f6e26029b35d3eb2741df32099428f2' })));
+        return (h("ol", { key: '1667bbfc8e7a803502bbe413ed57fa7a8f39183c', class: "denhaag-process-steps" }, h("slot", { key: '6b117a7dcfb73dd4a1869d400d6788a501336c00' })));
     }
     static get is() { return "utrecht-progress-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-list.js","sourceRoot":"","sources":["../../src/components/progress-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,gBAAgB;IAC3B,MAAM;QACJ,OAAO,CACL,2DAAI,KAAK,EAAC,uBAAuB;YAC/B,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\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,"file":"progress-list.js","sourceRoot":"","sources":["../../src/components/progress-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,gBAAgB;IAC3B,MAAM;QACJ,OAAO,CACL,2DAAI,KAAK,EAAC,uBAAuB;YAC/B,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-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"]}

package/dist/collection/components/progress-sublist-item.js

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

package/dist/collection/components/progress-sublist-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-sublist-item.js","sourceRoot":"","sources":["../../src/components/progress-sublist-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,uBAAuB;;;uBAEN,KAAK;;IACjC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrC,OAAO,CACL,2DAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC;YAClG,4DAAK,KAAK,EAAC,oCAAoC;gBAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;wBAChE,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACN,0DACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;wBACrD,kDAAkD,EAAE,OAAO;qBAC5D,CAAC;oBAEF,8DAAQ,CACN,CACA,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\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,"file":"progress-sublist-item.js","sourceRoot":"","sources":["../../src/components/progress-sublist-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,uBAAuB;;;uBAEN,KAAK;;IACjC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrC,OAAO,CACL,2DAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC;YAClG,4DAAK,KAAK,EAAC,oCAAoC;gBAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;wBAChE,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACN,0DACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;wBACrD,kDAAkD,EAAE,OAAO;qBAC5D,CAAC;oBAEF,8DAAQ,CACN,CACA,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, 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"]}

package/dist/collection/components/separator.css

@@ -1,18 +1,17 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 .utrecht-separator {
   border-color: var(--utrecht-separator-color);

package/dist/collection/components/separator.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Separator {
     render() {
-        return h("hr", { key: '51aa319c22fc4320041dab4fc00648275ee6a1bf', class: "utrecht-separator" });
+        return h("hr", { key: '4ca69fff24b1378b6084fa55eff5c95d8c68d2a2', class: "utrecht-separator" });
     }
     static get is() { return "utrecht-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidenav.css

@@ -1,16 +1,17 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /* stylelint-disable-next-line block-no-empty */
 .utrecht-sidenav {
@@ -82,7 +83,7 @@
   text-decoration: underline;
 }
 
-.utrecht-sidenav__link--focus-visible, .utrecht-sidenav__link:focus {
+.utrecht-sidenav__link--focus-visible, .utrecht-sidenav__link:focus-visible {
   /* - The browser default focus ring should apply when these CSS custom properties are not set.
    * - Make the `box-shadow` value available, so components that have their own `box-shadow`
    *   can combine it with the focus ring box shadow.
@@ -94,6 +95,7 @@
   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;
 }
 
 /* Remove bottom padding form first item in list with children */
@@ -191,10 +193,4 @@
 }
 .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after {
   display: none;
-}
-
-.utrecht-sidenav__link:focus:not(:focus-visible) {
-  /* undo focus ring */
-  box-shadow: none;
-  outline-style: revert;
 }

package/dist/collection/components/sidenav.js

@@ -1,7 +1,7 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { h } from "@stencil/core";
 import clsx from "clsx";
@@ -11,7 +11,7 @@ export class Sidenav {
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { key: 'e48eec1d5144b488f9eda3bd8f231de26e7886ea', class: "utrecht-sidenav" }, h("ul", { key: 'b51cc2fb8f33173d8778b171cbab8d8c772815c3', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (h("nav", { key: '6bfceb00700dbdb72e7ad653e0e76f573637128c', class: "utrecht-sidenav" }, h("ul", { key: '028906ed07a3f6ff5b1bc5e2ae6b5e2710618d6e', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
     static get is() { return "utrecht-sidenav"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sidenav.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidenav.js","sourceRoot":"","sources":["../../src/components/sidenav.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,OAAO;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5F,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C;gBAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI;oBAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ;oBAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI;oBACN,KAAK,CACJ;gBACH,QAAQ,CAAC,CAAC,CAAC,CACV,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACjD,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD;oBACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI;wBAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI;wBACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,CACN,CAAC,CAAC,CAAC,CACF,EAAE,CACH;gBACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\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,"file":"sidenav.js","sourceRoot":"","sources":["../../src/components/sidenav.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,OAAO;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5F,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C;gBAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI;oBAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ;oBAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI;oBACN,KAAK,CACJ;gBACH,QAAQ,CAAC,CAAC,CAAC,CACV,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACjD,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD;oBACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI;wBAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI;wBACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,CACN,CAAC,CAAC,CAAC,CACF,EAAE,CACH;gBACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, 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"]}

package/dist/collection/components/skip-link.css

@@ -1,24 +1,25 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
 .utrecht-skip-link {
   /* Use `ButtonFace` as default `background-color`
    * to ensure the skip link is not transparent and unreadable
@@ -76,8 +77,27 @@
   z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
 }
 
-.utrecht-skip-link--focus,
-.utrecht-skip-link:focus,
+/*
+ * @deprecated `utrecht-skip-link--focus` is deprecated, use `utrecht-skip-link--focus-visible` instead.
+ */
+.utrecht-skip-link--focus {
+  /* - The browser default focus ring should apply when these CSS custom properties are not set.
+   * - Make the `box-shadow` value available, so components that have their own `box-shadow`
+   *   can combine it with the focus ring box shadow.
+   */
+  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
+    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;
+  /* `var(--utrecht-skip-link-focus-text-decoration)` is deprecated, but for now we keep it for backwards compatibility */
+  text-decoration: var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration));
+}
+
+.utrecht-skip-link--focus-visible,
 .utrecht-skip-link:focus-visible {
   /* - The browser default focus ring should apply when these CSS custom properties are not set.
    * - Make the `box-shadow` value available, so components that have their own `box-shadow`
@@ -90,7 +110,9 @@
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
-  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
+  z-index: 1;
+  /* `var(--utrecht-skip-link-focus-text-decoration)` is deprecated, but for now we keep it for backwards compatibility */
+  text-decoration: var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration));
 }
 
 :host {

package/dist/collection/components/skip-link.js

@@ -1,7 +1,7 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { h } from "@stencil/core";
 export class SkipLink {
@@ -9,7 +9,7 @@ export class SkipLink {
         this.href = undefined;
     }
     render() {
-        return (h("a", { key: '2134a1d0969fe5b94308268ab5a3af5bd01c56e7', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '80af80da89a98c1e9698521ea7d3eec29a01d53d' })));
+        return (h("a", { key: 'f5a5ca5050fa229d8ba1514716c01f7d1bff7b60', href: typeof this.href === 'string' ? this.href : undefined, class: "utrecht-skip-link utrecht-skip-link--visible-on-focus" }, h("slot", { key: '0de88cdb23e5f1c09ed93cf9f7a7e3dfc0e188a8' })));
     }
     static get is() { return "utrecht-skip-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/skip-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"skip-link.js","sourceRoot":"","sources":["../../src/components/skip-link.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;;;;IAEnB,MAAM;QACJ,OAAO,CACL,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC3D,KAAK,EAAC,uDAAuD;YAE7D,8DAAa,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-skip-link',\n  styleUrl: 'skip-link.scss',\n  shadow: true,\n})\nexport class SkipLink {\n  @Prop() href: string;\n  render() {\n    return (\n      <a\n        href={typeof this.href === 'string' ? this.href : undefined}\n        class=\"utrecht-skip-link utrecht-skip-link--visible-on-focus\"\n      >\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"]}
+{"version":3,"file":"skip-link.js","sourceRoot":"","sources":["../../src/components/skip-link.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;;;;IAEnB,MAAM;QACJ,OAAO,CACL,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC3D,KAAK,EAAC,uDAAuD;YAE7D,8DAAa,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-skip-link',\n  styleUrl: 'skip-link.scss',\n  shadow: true,\n})\nexport class SkipLink {\n  @Prop() href: string;\n  render() {\n    return (\n      <a\n        href={typeof this.href === 'string' ? this.href : undefined}\n        class=\"utrecht-skip-link utrecht-skip-link--visible-on-focus\"\n      >\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"]}

package/dist/collection/components/spotlight-section.css

@@ -1,17 +1,17 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 .utrecht-spotlight-section {
   background-color: var(--_utrecht-spotlight-section-background-color, var(--utrecht-spotlight-section-background-color));
@@ -43,6 +43,22 @@
   --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-warning-color);
 }
 
+.utrecht-spotlight-section--error {
+  --_utrecht-spotlight-section-icon-color: var(--utrecht-spotlight-section-icon-error-color);
+  --_utrecht-spotlight-section-background-color: var(--utrecht-spotlight-section-error-background-color);
+  --_utrecht-spotlight-section-border-color: var(--utrecht-spotlight-section-error-border-color);
+  --_utrecht-spotlight-section-border-width: var(--utrecht-spotlight-section-error-border-width);
+  --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-error-color);
+}
+
+.utrecht-spotlight-section--ok {
+  --_utrecht-spotlight-section-icon-color: var(--utrecht-spotlight-section-icon-ok-color);
+  --_utrecht-spotlight-section-background-color: var(--utrecht-spotlight-section-ok-background-color);
+  --_utrecht-spotlight-section-border-color: var(--utrecht-spotlight-section-ok-border-color);
+  --_utrecht-spotlight-section-border-width: var(--utrecht-spotlight-section-ok-border-width);
+  --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-ok-color);
+}
+
 :host {
   display: block;
 }

package/dist/collection/components/spotlight-section.js

@@ -1,7 +1,7 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { h } from "@stencil/core";
 import clsx from "clsx";
@@ -10,7 +10,7 @@ export class SpotlightSection {
         this.appearance = undefined;
     }
     render() {
-        return (h("div", { key: 'd09db75894c10fff01e68c7bc664f0472081003a', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: 'c73fee651dafcc18c8a3cbe4c7d49107f44e6a0f' })));
+        return (h("div", { key: '985252f6182a681d1bbf8b02dc011c2e36cd5dde', class: clsx('utrecht-spotlight-section', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '09aa53cd2158784c37f8d0d7eea059459455e065' })));
     }
     static get is() { return "utrecht-spotlight-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spotlight-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight-section.js","sourceRoot":"","sources":["../../src/components/spotlight-section.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,gBAAgB;;;;IAE3B,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CACT,2BAA2B,EAC3B,IAAI,CAAC,UAAU,KAAK,MAAM,IAAI,iCAAiC,EAC/D,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,oCAAoC,CACtE;YAED,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\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-spotlight-section',\n  styleUrl: 'spotlight-section.scss',\n  shadow: true,\n})\nexport class SpotlightSection {\n  @Prop() appearance: string;\n  render() {\n    return (\n      <div\n        class={clsx(\n          'utrecht-spotlight-section',\n          this.appearance === 'info' && 'utrecht-spotlight-section--info',\n          this.appearance === 'warning' && 'utrecht-spotlight-section--warning',\n        )}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spotlight-section.js","sourceRoot":"","sources":["../../src/components/spotlight-section.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,gBAAgB;;;;IAE3B,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CACT,2BAA2B,EAC3B,IAAI,CAAC,UAAU,KAAK,MAAM,IAAI,iCAAiC,EAC/D,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,oCAAoC,CACtE;YAED,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-spotlight-section',\n  styleUrl: 'spotlight-section.scss',\n  shadow: true,\n})\nexport class SpotlightSection {\n  @Prop() appearance: string;\n  render() {\n    return (\n      <div\n        class={clsx(\n          'utrecht-spotlight-section',\n          this.appearance === 'info' && 'utrecht-spotlight-section--info',\n          this.appearance === 'warning' && 'utrecht-spotlight-section--warning',\n        )}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}