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

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,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 StepProgressList {

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";

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/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 {
@@ -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 */

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";

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,22 +1,22 @@
 /**
  * @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 */
@@ -92,6 +92,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;
   /* `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));
 }
@@ -109,6 +110,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;
   /* `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));
 }

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 {

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));

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";

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"]}

package/dist/collection/components/surface.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 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 .utrecht-surface {
   background-color: var(--utrecht-surface-background-color, inherit);

package/dist/collection/components/surface.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 Code {

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

@@ -1 +1 @@
-{"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/components/surface.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-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,"file":"surface.js","sourceRoot":"","sources":["../../src/components/surface.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB;YAC1B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-surface',\n  styleUrl: 'surface.scss',\n  shadow: true,\n})\nexport class Code {\n  render() {\n    return (\n      <div class=\"utrecht-surface\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/table-body.css

@@ -1,10 +1,12 @@
 /**
  * @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 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 */

package/dist/collection/components/table-caption.css

@@ -1,10 +1,12 @@
 /**
  * @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 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 */

package/dist/collection/components/table-cell.css

@@ -1,10 +1,12 @@
 /**
  * @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 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 */

package/dist/collection/components/table-footer.css

@@ -1,10 +1,12 @@
 /**
  * @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 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 */

package/dist/collection/components/table-header-cell.css

@@ -1,10 +1,12 @@
 /**
  * @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 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 */

package/dist/collection/components/table-header.css

@@ -1,10 +1,12 @@
 /**
  * @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 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 */

package/dist/collection/components/table-row.css

@@ -1,10 +1,12 @@
 /**
  * @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 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 */

package/dist/collection/components/table.css

@@ -1,10 +1,12 @@
 /**
  * @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 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 */

package/dist/collection/components/textarea.css

@@ -1,25 +1,28 @@
 /**
  * @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 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) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /* stylelint-disable-next-line block-no-empty */
 /**
  * @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) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /* stylelint-disable-next-line block-no-empty */
 /* TODO: Enable ordering properties when the plugin supports logical CSS properties
@@ -92,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;
 }
 
 .utrecht-textarea--read-only {
@@ -131,6 +135,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;
 }
 .utrecht-textarea--html-textarea:invalid, .utrecht-textarea--html-textarea[aria-invalid=true] {
   --_utrecht-textarea-border-width: var(

package/dist/collection/components/textarea.js

@@ -1,6 +1,7 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { h } from "@stencil/core";
 import clsx from "clsx";
@@ -31,10 +32,10 @@ export class Textarea {
     }
     render() {
         const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
-        return (h("textarea", { key: '70ca302a0586da5c18138aaae6254fa610df27d2', autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("textarea", { key: 'b8749757c7dfe27176fb2636135b1ba3bd96d31d', autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
-            } }, h("slot", { key: 'd8903c29142abaeab63836348c9db2dbd2e55a79' })));
+            } }, h("slot", { key: '21937a40aa7063716458d452df6348dac59a5d73' })));
     }
     static get is() { return "utrecht-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB;;;;;;;;;GASG;AACH,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAO5B,MAAM,OAAO,QAAQ;;4BACY,EAAE;oBACV,iBAAiB;0BACV,KAAK;wBACU,KAAK;uBACN,KAAK;2BACnB,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBAC3B,iBAAiB;qBAChB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEjH,OAAO,CACL,iEACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAE,IAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,IAAI,EAAE,IAAI,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC9C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,IAAI,EAAE,IAAI,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;gBACf,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;gBACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC9B,CAAC;YAED,8DAAQ,CACC,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n *\n * Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n *\n * As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n  tag: 'utrecht-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n})\nexport class Textarea {\n  @Prop() autocomplete: string = '';\n  @Prop() cols: number = HTML_DEFAULT_COLS;\n  @Prop() spellcheck: boolean = false;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop() rows: number = HTML_DEFAULT_ROWS;\n  @Prop() value: string = '';\n  @Event() utrechtBlur: EventEmitter;\n  @Event() utrechtChange: EventEmitter;\n  @Event() utrechtFocus: EventEmitter;\n  @Event() utrechtInput: EventEmitter;\n\n  render() {\n    const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n    return (\n      <textarea\n        autoComplete={autocomplete || null}\n        class={clsx(\n          'utrecht-textarea',\n          'utrecht-textarea--html-textarea',\n          disabled && 'utrecht-textarea--disabled',\n          invalid && 'utrecht-textarea--invalid',\n          readOnly && 'utrecht-textarea--readonly',\n        )}\n        cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n        disabled={disabled}\n        dir=\"auto\"\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\n        spellcheck={spellcheck || null}\n        rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\n        value={value}\n        onBlur={(evt) => this.utrechtBlur.emit(evt)}\n        onChange={(evt) => this.utrechtChange.emit(evt)}\n        onFocus={(evt) => this.utrechtFocus.emit(evt)}\n        onInput={(evt) => {\n          this.value = (evt.target as HTMLTextAreaElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      >\n        <slot />\n      </textarea>\n    );\n  }\n}\n"]}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB;;;;;;;;;GASG;AACH,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAO5B,MAAM,OAAO,QAAQ;;4BACY,EAAE;oBACV,iBAAiB;0BACV,KAAK;wBACU,KAAK;uBACN,KAAK;2BACnB,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBAC3B,iBAAiB;qBAChB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEjH,OAAO,CACL,iEACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAE,IAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,IAAI,EAAE,IAAI,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC9C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,IAAI,EAAE,IAAI,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;gBACf,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;gBACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC9B,CAAC;YAED,8DAAQ,CACC,CACZ,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, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n *\n * Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n *\n * As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n  tag: 'utrecht-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n})\nexport class Textarea {\n  @Prop() autocomplete: string = '';\n  @Prop() cols: number = HTML_DEFAULT_COLS;\n  @Prop() spellcheck: boolean = false;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop() rows: number = HTML_DEFAULT_ROWS;\n  @Prop() value: string = '';\n  @Event() utrechtBlur: EventEmitter;\n  @Event() utrechtChange: EventEmitter;\n  @Event() utrechtFocus: EventEmitter;\n  @Event() utrechtInput: EventEmitter;\n\n  render() {\n    const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n    return (\n      <textarea\n        autoComplete={autocomplete || null}\n        class={clsx(\n          'utrecht-textarea',\n          'utrecht-textarea--html-textarea',\n          disabled && 'utrecht-textarea--disabled',\n          invalid && 'utrecht-textarea--invalid',\n          readOnly && 'utrecht-textarea--readonly',\n        )}\n        cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n        disabled={disabled}\n        dir=\"auto\"\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\n        spellcheck={spellcheck || null}\n        rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\n        value={value}\n        onBlur={(evt) => this.utrechtBlur.emit(evt)}\n        onChange={(evt) => this.utrechtChange.emit(evt)}\n        onFocus={(evt) => this.utrechtFocus.emit(evt)}\n        onInput={(evt) => {\n          this.value = (evt.target as HTMLTextAreaElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      >\n        <slot />\n      </textarea>\n    );\n  }\n}\n"]}