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

package/dist/collection/components/breadcrumb-nav.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
  */
 /* stylelint-disable-next-line block-no-empty */
 .utrecht-breadcrumb-nav {
@@ -190,26 +193,26 @@
 
 /**
  * @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
  */
 /* stylelint-disable scss/no-global-function-names */
 /**
  * @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 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
  */
 /* stylelint-disable scss/no-global-function-names */
 /**
  * @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 */
 /*
@@ -335,6 +338,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   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;
   /*
    * The following tokens are deprecated, but we keep them for backwards compatibility for now:
    * 
@@ -370,6 +374,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
   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;
   /*
    * The following tokens are deprecated, but we keep them for backwards compatibility for now:
    * 

package/dist/collection/components/breadcrumb-nav.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";
@@ -12,7 +13,7 @@ export class BreadcrumbNav {
     render() {
         const { json, variant } = this;
         const items = json ? JSON.parse(json) : [];
-        return (h("nav", { key: '9a21f2dbc8428ea775b6a8219139bfab454f529f', class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { key: 'd4c0bedcdb66b9c1036983730dec76967768efb7', class: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol", itemscope: true, itemtype: "https://schema.org/BreadcrumbList" }, items.map(({ href, title, current }, index) => (h("li", { key: href, class: "utrecht-breadcrumb-nav__item", itemscope: true, itemtype: "https://schema.org/ListItem", itemprop: "itemListElement" }, h("a", { class: clsx('utrecht-breadcrumb-nav__link', 'utrecht-link', 'utrecht-link--html-a', current && 'utrecht-link--current'), href: href, "aria-current": current ? 'location' : null, itemprop: "item" }, h("span", { class: "utrecht-breadcrumb-nav__text", itemprop: "name" }, title), h("meta", { itemprop: "position", content: index + 1 }))))))));
+        return (h("nav", { key: '6238c3f2f0ca446f186a07dd95b448be1686cb91', class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { key: 'e74586ef6515f38d23b1f92e99111419a6e4b4e6', class: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol", itemscope: true, itemtype: "https://schema.org/BreadcrumbList" }, items.map(({ href, title, current }, index) => (h("li", { key: href, class: "utrecht-breadcrumb-nav__item", itemscope: true, itemtype: "https://schema.org/ListItem", itemprop: "itemListElement" }, h("a", { class: clsx('utrecht-breadcrumb-nav__link', 'utrecht-link', 'utrecht-link--html-a', current && 'utrecht-link--current'), href: href, "aria-current": current ? 'location' : null, itemprop: "item" }, h("span", { class: "utrecht-breadcrumb-nav__text", itemprop: "name" }, title), h("meta", { itemprop: "position", content: index + 1 }))))))));
     }
     static get is() { return "utrecht-breadcrumb-nav"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumb-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-nav.js","sourceRoot":"","sources":["../../src/components/breadcrumb-nav.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,aAAa;;;;;IAIxB,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE3C,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,OAAO,KAAK,QAAQ,IAAI,gCAAgC,CAAC;YAClG,2DACE,KAAK,EAAC,oEAAoE,EAC1E,SAAS,QACT,QAAQ,EAAC,mCAAmC,IAE3C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,8BAA8B,EACpC,SAAS,QACT,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,iBAAiB;gBAE1B,SACE,KAAK,EAAE,IAAI,CACT,8BAA8B,EAC9B,cAAc,EACd,sBAAsB,EACtB,OAAO,IAAI,uBAAuB,CACnC,EACD,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EACzC,QAAQ,EAAC,MAAM;oBAEf,YAAM,KAAK,EAAC,8BAA8B,EAAC,QAAQ,EAAC,MAAM,IACvD,KAAK,CACD;oBACP,YAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,GAAG,CAAC,GAAI,CAC9C,CACD,CACN,CAAC,CACC,CACD,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-breadcrumb-nav',\n  styleUrl: 'breadcrumb-nav.scss',\n  shadow: true,\n})\nexport class BreadcrumbNav {\n  @Prop() json: string;\n  @Prop() variant: string;\n\n  render() {\n    const { json, variant } = this;\n\n    const items = json ? JSON.parse(json) : [];\n\n    return (\n      <nav class={clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows')}>\n        <ol\n          class=\"utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol\"\n          itemscope\n          itemtype=\"https://schema.org/BreadcrumbList\"\n        >\n          {items.map(({ href, title, current }, index) => (\n            <li\n              key={href}\n              class=\"utrecht-breadcrumb-nav__item\"\n              itemscope\n              itemtype=\"https://schema.org/ListItem\"\n              itemprop=\"itemListElement\"\n            >\n              <a\n                class={clsx(\n                  'utrecht-breadcrumb-nav__link',\n                  'utrecht-link',\n                  'utrecht-link--html-a',\n                  current && 'utrecht-link--current',\n                )}\n                href={href}\n                aria-current={current ? 'location' : null}\n                itemprop=\"item\"\n              >\n                <span class=\"utrecht-breadcrumb-nav__text\" itemprop=\"name\">\n                  {title}\n                </span>\n                <meta itemprop=\"position\" content={index + 1} />\n              </a>\n            </li>\n          ))}\n        </ol>\n      </nav>\n    );\n  }\n}\n"]}
+{"version":3,"file":"breadcrumb-nav.js","sourceRoot":"","sources":["../../src/components/breadcrumb-nav.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,aAAa;;;;;IAIxB,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE3C,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,OAAO,KAAK,QAAQ,IAAI,gCAAgC,CAAC;YAClG,2DACE,KAAK,EAAC,oEAAoE,EAC1E,SAAS,QACT,QAAQ,EAAC,mCAAmC,IAE3C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,8BAA8B,EACpC,SAAS,QACT,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,iBAAiB;gBAE1B,SACE,KAAK,EAAE,IAAI,CACT,8BAA8B,EAC9B,cAAc,EACd,sBAAsB,EACtB,OAAO,IAAI,uBAAuB,CACnC,EACD,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EACzC,QAAQ,EAAC,MAAM;oBAEf,YAAM,KAAK,EAAC,8BAA8B,EAAC,QAAQ,EAAC,MAAM,IACvD,KAAK,CACD;oBACP,YAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,GAAG,CAAC,GAAI,CAC9C,CACD,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 */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-breadcrumb-nav',\n  styleUrl: 'breadcrumb-nav.scss',\n  shadow: true,\n})\nexport class BreadcrumbNav {\n  @Prop() json: string;\n  @Prop() variant: string;\n\n  render() {\n    const { json, variant } = this;\n\n    const items = json ? JSON.parse(json) : [];\n\n    return (\n      <nav class={clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows')}>\n        <ol\n          class=\"utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol\"\n          itemscope\n          itemtype=\"https://schema.org/BreadcrumbList\"\n        >\n          {items.map(({ href, title, current }, index) => (\n            <li\n              key={href}\n              class=\"utrecht-breadcrumb-nav__item\"\n              itemscope\n              itemtype=\"https://schema.org/ListItem\"\n              itemprop=\"itemListElement\"\n            >\n              <a\n                class={clsx(\n                  'utrecht-breadcrumb-nav__link',\n                  'utrecht-link',\n                  'utrecht-link--html-a',\n                  current && 'utrecht-link--current',\n                )}\n                href={href}\n                aria-current={current ? 'location' : null}\n                itemprop=\"item\"\n              >\n                <span class=\"utrecht-breadcrumb-nav__text\" itemprop=\"name\">\n                  {title}\n                </span>\n                <meta itemprop=\"position\" content={index + 1} />\n              </a>\n            </li>\n          ))}\n        </ol>\n      </nav>\n    );\n  }\n}\n"]}

package/dist/collection/components/button-group.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
  */
 /**
  * @license EUPL-1.2
@@ -14,6 +14,7 @@
 .utrecht-button-group {
   align-items: baseline;
   background-color: var(--utrecht-button-group-background-color);
+  break-inside: avoid;
   display: flex;
   flex-wrap: wrap;
   gap: var(--utrecht-button-group-inline-gap, 1em);

package/dist/collection/components/button-group.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,10 +11,10 @@ export class ButtonGroup {
     }
     render() {
         const { direction } = this;
-        return (h("div", { key: '51e761abef67b9ddb7f8f69dd32d4309bb2fc16d', class: clsx('utrecht-button-group', {
+        return (h("div", { key: '197becd43eb035069fca6da2ff6e6ff20efd7642', class: clsx('utrecht-button-group', {
                 'utrecht-button-group--column': direction === 'column',
                 'utrecht-button-group--row': direction === 'row',
-            }) }, h("slot", { key: 'b545d2255920482a527e9cbcd08bae0c526263e6' })));
+            }) }, h("slot", { key: 'f15f0015ff2b269669f88c2f076aa0d15090ef3f' })));
     }
     static get is() { return "utrecht-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../src/components/button-group.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,WAAW;;;;IAEtB,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC3B,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE;gBAClC,8BAA8B,EAAE,SAAS,KAAK,QAAQ;gBACtD,2BAA2B,EAAE,SAAS,KAAK,KAAK;aACjD,CAAC;YAEF,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-button-group',\n  styleUrl: 'button-group.scss',\n  shadow: true,\n})\nexport class ButtonGroup {\n  @Prop() direction: string | 'column' | 'row';\n  render() {\n    const { direction } = this;\n    return (\n      <div\n        class={clsx('utrecht-button-group', {\n          'utrecht-button-group--column': direction === 'column',\n          'utrecht-button-group--row': direction === 'row',\n        })}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../src/components/button-group.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,WAAW;;;;IAEtB,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC3B,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE;gBAClC,8BAA8B,EAAE,SAAS,KAAK,QAAQ;gBACtD,2BAA2B,EAAE,SAAS,KAAK,KAAK;aACjD,CAAC;YAEF,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-button-group',\n  styleUrl: 'button-group.scss',\n  shadow: true,\n})\nexport class ButtonGroup {\n  @Prop() direction: string | 'column' | 'row';\n  render() {\n    const { direction } = this;\n    return (\n      <div\n        class={clsx('utrecht-button-group', {\n          'utrecht-button-group--column': direction === 'column',\n          'utrecht-button-group--row': direction === 'row',\n        })}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,39 +1,39 @@
 /**
  * @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 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 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 */
 /* stylelint-disable-next-line block-no-empty */
 /**
  * @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 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 */
 /* stylelint-disable-next-line block-no-empty */
@@ -324,6 +324,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-button-link--placeholder {
@@ -352,6 +353,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-button-link--html-a:hover {
   background-color: var(--_utrecht-button-hover-background-color);

package/dist/collection/components/button-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";
 import clsx from "clsx";
@@ -15,7 +15,7 @@ export class ButtonLink {
         this.target = undefined;
     }
     render() {
-        return (h("a", { key: 'a78e3c9a91c8418495dd8ffbac1eefff4f6082b3', href: typeof this.href === 'string' && !this.placeholder ? this.href : undefined, class: clsx('utrecht-button-link', 'utrecht-button-link--html-a', this.external && 'utrecht-button-link--external', this.placeholder && 'utrecht-button-link--placeholder', this.appearance === 'primary-action-button' && 'utrecht-button-link--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button-link--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button-link--subtle'), "aria-disabled": this.placeholder ? 'true' : undefined, download: typeof this.download === 'string' ? this.download : undefined, rel: this.external ? 'external noopener noreferrer' : undefined, role: this.placeholder ? 'link' : undefined, target: typeof this.target === 'string' ? this.target : undefined }, h("slot", { key: '3fa53aa80e318500f42f15a5dc5ae92640aac077' })));
+        return (h("a", { key: 'd1724d4065a2a6b5be00d6f88894afb68d7d305e', href: typeof this.href === 'string' && !this.placeholder ? this.href : undefined, class: clsx('utrecht-button-link', 'utrecht-button-link--html-a', this.external && 'utrecht-button-link--external', this.placeholder && 'utrecht-button-link--placeholder', this.appearance === 'primary-action-button' && 'utrecht-button-link--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button-link--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button-link--subtle'), "aria-disabled": this.placeholder ? 'true' : undefined, download: typeof this.download === 'string' ? this.download : undefined, rel: this.external ? 'external noopener noreferrer' : undefined, role: this.placeholder ? 'link' : undefined, target: typeof this.target === 'string' ? this.target : undefined }, h("slot", { key: 'e8e6c196a91c312e83e4c8d98c2c9974e56a6c82' })));
     }
     static get is() { return "utrecht-button-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"button-link.js","sourceRoot":"","sources":["../../src/components/button-link.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,UAAU;;;;;;;;;IAOrB,MAAM;QACJ,OAAO,CACL,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAChF,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,6BAA6B,EAC7B,IAAI,CAAC,QAAQ,IAAI,+BAA+B,EAChD,IAAI,CAAC,WAAW,IAAI,kCAAkC,EACtD,IAAI,CAAC,UAAU,KAAK,uBAAuB,IAAI,qCAAqC,EACpF,IAAI,CAAC,UAAU,KAAK,yBAAyB,IAAI,uCAAuC,EACxF,IAAI,CAAC,UAAU,KAAK,eAAe,IAAI,6BAA6B,CACrE,mBACc,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACpD,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,EAC/D,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,MAAM,EAAE,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAEjE,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';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-button-link',\n  styleUrl: 'button-link.scss',\n  shadow: true,\n})\nexport class ButtonLink {\n  @Prop() appearance: string;\n  @Prop() download?: string;\n  @Prop() external: boolean;\n  @Prop() href: string;\n  @Prop() placeholder: boolean;\n  @Prop() target?: string;\n  render() {\n    return (\n      <a\n        href={typeof this.href === 'string' && !this.placeholder ? this.href : undefined}\n        class={clsx(\n          'utrecht-button-link',\n          'utrecht-button-link--html-a',\n          this.external && 'utrecht-button-link--external',\n          this.placeholder && 'utrecht-button-link--placeholder',\n          this.appearance === 'primary-action-button' && 'utrecht-button-link--primary-action',\n          this.appearance === 'secondary-action-button' && 'utrecht-button-link--secondary-action',\n          this.appearance === 'subtle-button' && 'utrecht-button-link--subtle',\n        )}\n        aria-disabled={this.placeholder ? 'true' : undefined}\n        download={typeof this.download === 'string' ? this.download : undefined}\n        rel={this.external ? 'external noopener noreferrer' : undefined}\n        role={this.placeholder ? 'link' : undefined}\n        target={typeof this.target === 'string' ? this.target : undefined}\n      >\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"]}
+{"version":3,"file":"button-link.js","sourceRoot":"","sources":["../../src/components/button-link.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,UAAU;;;;;;;;;IAOrB,MAAM;QACJ,OAAO,CACL,0DACE,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAChF,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,6BAA6B,EAC7B,IAAI,CAAC,QAAQ,IAAI,+BAA+B,EAChD,IAAI,CAAC,WAAW,IAAI,kCAAkC,EACtD,IAAI,CAAC,UAAU,KAAK,uBAAuB,IAAI,qCAAqC,EACpF,IAAI,CAAC,UAAU,KAAK,yBAAyB,IAAI,uCAAuC,EACxF,IAAI,CAAC,UAAU,KAAK,eAAe,IAAI,6BAA6B,CACrE,mBACc,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACpD,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,EAC/D,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,MAAM,EAAE,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAEjE,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';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-button-link',\n  styleUrl: 'button-link.scss',\n  shadow: true,\n})\nexport class ButtonLink {\n  @Prop() appearance: string;\n  @Prop() download?: string;\n  @Prop() external: boolean;\n  @Prop() href: string;\n  @Prop() placeholder: boolean;\n  @Prop() target?: string;\n  render() {\n    return (\n      <a\n        href={typeof this.href === 'string' && !this.placeholder ? this.href : undefined}\n        class={clsx(\n          'utrecht-button-link',\n          'utrecht-button-link--html-a',\n          this.external && 'utrecht-button-link--external',\n          this.placeholder && 'utrecht-button-link--placeholder',\n          this.appearance === 'primary-action-button' && 'utrecht-button-link--primary-action',\n          this.appearance === 'secondary-action-button' && 'utrecht-button-link--secondary-action',\n          this.appearance === 'subtle-button' && 'utrecht-button-link--subtle',\n        )}\n        aria-disabled={this.placeholder ? 'true' : undefined}\n        download={typeof this.download === 'string' ? this.download : undefined}\n        rel={this.external ? 'external noopener noreferrer' : undefined}\n        role={this.placeholder ? 'link' : undefined}\n        target={typeof this.target === 'string' ? this.target : undefined}\n      >\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"]}

package/dist/collection/components/button.css

@@ -1,27 +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 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 */
 /**
  * @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 */
 /* stylelint-disable-next-line block-no-empty */
@@ -320,6 +321,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-button--focus:not(.utrecht-button--disabled) {
@@ -342,6 +344,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-button:focus:not(:disabled, [aria-disabled=true], .utrecht-button--disabled) {

package/dist/collection/components/button.js

@@ -93,7 +93,7 @@ export class Button {
             button.style.display = 'none';
             button.value = value || '';
         }
-        return (h("button", { key: 'e78d33b1dafbbddba31342770dbc0216408e2131', class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', pressed && 'utrecht-button--pressed', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, "aria-expanded": typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null, "aria-pressed": typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", { key: '603c44d0ebe954a46fdb88ad6b03def6c793a752', name: "icon" }), h("span", { key: 'ba4564d335913d09b8bd68ca95dc593c8b17eb7f', class: "utrecht-button__label" }, h("slot", { key: '67fcc424d483f18177eb7ec90ca9a57e957dd070' }))));
+        return (h("button", { key: '9db8124b0e24de7e68c53cea02f47050467d0a4a', class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', pressed && 'utrecht-button--pressed', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, "aria-expanded": typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null, "aria-pressed": typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", { key: '528191be0778905222069db3b73b249e4d3f6a0d', name: "icon" }), h("span", { key: 'e143a8ba99070282db775ed78de6f574465dc208', class: "utrecht-button__label" }, h("slot", { key: '0c0c0800ad7df7377e95839d5e61358dffc0892b' }))));
     }
     static get is() { return "utrecht-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkbox.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 */
 /* stylelint-disable-next-line block-no-empty */
@@ -50,6 +53,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-checkbox--html-input:disabled {
@@ -67,6 +71,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;
 }
 
 :host {

package/dist/collection/components/checkbox.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";
@@ -13,7 +14,7 @@ export class Checkbox {
     }
     render() {
         const { checked, disabled, value } = this;
-        return (h("input", { key: '0c2f28068acfea29dbf802d9eb457e6de02755b8', class: clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("input", { key: 'a89783617f21f10894db81c77cc00eabe46da049', class: clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.checked = evt.target.checked;
                 this.utrechtInput.emit(evt);
             } }));

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.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;AAOxB,MAAM,OAAO,QAAQ;;wBAC0B,KAAK;wBACkB,KAAK;uBAC9C,KAAK;qBACR,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE1C,OAAO,CACL,8DACE,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAC/B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,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,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;gBACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC9B,CAAC,GACD,CACH,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@Component({\n  tag: 'utrecht-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n})\nexport class Checkbox {\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop() checked: boolean = false;\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 { checked, disabled, value } = this;\n\n    return (\n      <input\n        class={clsx('utrecht-checkbox')}\n        type=\"checkbox\"\n        checked={checked}\n        disabled={disabled}\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.checked = (evt.target as HTMLInputElement).checked;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.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;AAOxB,MAAM,OAAO,QAAQ;;wBAC0B,KAAK;wBACkB,KAAK;uBAC9C,KAAK;qBACR,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE1C,OAAO,CACL,8DACE,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAC/B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,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,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;gBACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC9B,CAAC,GACD,CACH,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@Component({\n  tag: 'utrecht-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n})\nexport class Checkbox {\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop() checked: boolean = false;\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 { checked, disabled, value } = this;\n\n    return (\n      <input\n        class={clsx('utrecht-checkbox')}\n        type=\"checkbox\"\n        checked={checked}\n        disabled={disabled}\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.checked = (evt.target as HTMLInputElement).checked;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"]}

package/dist/collection/components/code-block.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) 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-code-block {
   /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */

package/dist/collection/components/code-block.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 CodeBlock {
     render() {
-        return (h("pre", { key: '7e92ea080864495c912eb0315f917927deac67e7', class: "utrecht-code-block" }, h("slot", { key: '89d5a06c36c5084d7d7877d0223ed3d2e33dfdb3' })));
+        return (h("pre", { key: 'e89f809b627d423556f89c6e57edeec35b04e9eb', class: "utrecht-code-block" }, h("slot", { key: 'c793059638068858d5d02e5a57c2975cf09a09ee' })));
     }
     static get is() { return "utrecht-code-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,SAAS;IACpB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,oBAAoB;YAC7B,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-code-block',\n  styleUrl: 'code-block.scss',\n  shadow: true,\n})\nexport class CodeBlock {\n  render() {\n    return (\n      <pre class=\"utrecht-code-block\">\n        <slot></slot>\n      </pre>\n    );\n  }\n}\n"]}
+{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,SAAS;IACpB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,oBAAoB;YAC7B,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-code-block',\n  styleUrl: 'code-block.scss',\n  shadow: true,\n})\nexport class CodeBlock {\n  render() {\n    return (\n      <pre class=\"utrecht-code-block\">\n        <slot></slot>\n      </pre>\n    );\n  }\n}\n"]}

package/dist/collection/components/code.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-code {
   /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */

package/dist/collection/components/code.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 Code {
     render() {
-        return (h("code", { key: '0f32464d706df14e7722ec8de05d26d46fd90cfe', class: "utrecht-code" }, h("slot", { key: 'd39a008057bcc4509ad32d6b76f0dce3ba4eb16a' })));
+        return (h("code", { key: '84962fdea5f2b563196295dc6b24529359ab3666', class: "utrecht-code" }, h("slot", { key: '1ac8c25a7d20b505eeafbbc3b1eea51c489e692d' })));
     }
     static get is() { return "utrecht-code"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"code.js","sourceRoot":"","sources":["../../src/components/code.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,6DAAM,KAAK,EAAC,cAAc;YACxB,8DAAa,CACR,CACR,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-code',\n  styleUrl: 'code.scss',\n  shadow: true,\n})\nexport class Code {\n  render() {\n    return (\n      <code class=\"utrecht-code\">\n        <slot></slot>\n      </code>\n    );\n  }\n}\n"]}
+{"version":3,"file":"code.js","sourceRoot":"","sources":["../../src/components/code.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,IAAI;IACf,MAAM;QACJ,OAAO,CACL,6DAAM,KAAK,EAAC,cAAc;YACxB,8DAAa,CACR,CACR,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-code',\n  styleUrl: 'code.scss',\n  shadow: true,\n})\nexport class Code {\n  render() {\n    return (\n      <code class=\"utrecht-code\">\n        <slot></slot>\n      </code>\n    );\n  }\n}\n"]}

package/dist/collection/components/color-sample.css

@@ -1,11 +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-2022 Gemeente Utrecht
- * Copyright (c) 2021-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 :host {
   background-color: var(--utrecht-color-sample-background-color, currentColor);

package/dist/collection/components/color-sample.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, Host } from "@stencil/core";
 export class ColorSample {
@@ -9,7 +9,7 @@ export class ColorSample {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: 'e64fe08bd1400741e85bf242ae5364df238ba6ca', style: { color: this.color } }, h("data", { key: '1c6c495de85cb45424a7d9e23f0cd6a2842bbb3f', value: this.color }, h("slot", { key: 'df1c432a9c73d968efdd406e2fdaa4a9b4979acf' }))));
+        return (h(Host, { key: '92b4c5bb77854043d02f0967817660762c92e6f0', style: { color: this.color } }, h("data", { key: 'c53f9a922b4a7246e18e58ab0e581731e6d97461', value: this.color }, h("slot", { key: 'b7c3499e66249019ea59933a7ded709990db459f' }))));
     }
     static get is() { return "utrecht-color-sample"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/color-sample.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-sample.js","sourceRoot":"","sources":["../../src/components/color-sample.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,WAAW;;;;IAEtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAChC,6DAAM,KAAK,EAAE,IAAI,CAAC,KAAK;gBACrB,8DAAa,CACR,CACF,CACR,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, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-color-sample',\n  styleUrl: 'color-sample.scss',\n  shadow: true,\n})\nexport class ColorSample {\n  @Prop() color: string;\n  render() {\n    return (\n      <Host style={{ color: this.color }}>\n        <data value={this.color}>\n          <slot></slot>\n        </data>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"color-sample.js","sourceRoot":"","sources":["../../src/components/color-sample.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,WAAW;;;;IAEtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAChC,6DAAM,KAAK,EAAE,IAAI,CAAC,KAAK;gBACrB,8DAAa,CACR,CACF,CACR,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, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-color-sample',\n  styleUrl: 'color-sample.scss',\n  shadow: true,\n})\nexport class ColorSample {\n  @Prop() color: string;\n  render() {\n    return (\n      <Host style={{ color: this.color }}>\n        <data value={this.color}>\n          <slot></slot>\n        </data>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/column-layout.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) 2020-2022 Gemeente Utrecht
- * Copyright (c) 2020-2022 Frameless B.V.
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 :host {
   column-gap: var(--utrecht-column-layout-gap, 2em);

package/dist/collection/components/column-layout.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 ColumnLayout {
@@ -9,7 +9,7 @@ export class ColumnLayout {
         this.rule = false;
     }
     render() {
-        return h("slot", { key: 'fa064a352436439efd0e7464080a72885657b031' });
+        return h("slot", { key: '3c7303a54624fe137e2624fa0619c14545ced78e' });
     }
     static get is() { return "utrecht-column-layout"; }
     static get encapsulation() { return "shadow"; }