@utrecht/web-component-library-stencil 3.5.1 → 3.6.1

package/dist/collection/components/article.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Article {
     render() {
-        return (h("article", { key: '3f0a3f46582dab43ef7f07ccfc2293d59256d1ed', class: "utrecht-article" }, h("slot", { key: '7f4f738fb6f54d983782e5e4ff9321f9e8830dcc' })));
+        return (h("article", { key: 'c2dcd83843a8553522222af540aef384c6eb5906', class: "utrecht-article" }, h("slot", { key: '8844230455bd93ead62a67f52eb3839b38d0b08e' })));
     }
     static get is() { return "utrecht-article"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/backdrop.css

@@ -8,11 +8,6 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 .utrecht-backdrop {
   --_utrecht-backdrop-opacity: var(--utrecht-backdrop-opacity);
   --_utrecht-backdrop-fade-in-animation-duration: var(--utrecht-backdrop-fade-in-animation-duration, 0);
@@ -63,6 +58,11 @@
   position: fixed;
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: block;
 }

package/dist/collection/components/backdrop.js

@@ -11,7 +11,7 @@ export class Backdrop {
     }
     render() {
         const { viewport } = this;
-        return (h("div", { key: 'd07d4784d5580dd3efa7657bf959999cd01c17b3', class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", { key: '8c0ce6f7e70c30bb6f0c4a865287cc5d96852f68' })));
+        return (h("div", { key: 'a6164e33edca910e3e4723583ade6cfee616cbdc', class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", { key: 'f46cad65a192d1bd5e319eb69e5fb2347205129f' })));
     }
     static get is() { return "utrecht-backdrop"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/badge-counter.css

@@ -13,11 +13,6 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 .utrecht-badge-counter {
   /* Limit size to `max-content`, so the badge will not be stretched out of proportion inside a flexbox */
   background-color: var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));
@@ -50,6 +45,11 @@
   }
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: inline-block;
 }

package/dist/collection/components/badge-counter.js

@@ -15,7 +15,7 @@ export class BadgeCounter {
         const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
         const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
         const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
-        return h("div", { key: '73eea27761e246eb570a68ff2ea8d0d724339f75', class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
+        return h("div", { key: '69feb190325dd2c5ab694f708493b6bfcae9808f', class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
     }
     static get is() { return "utrecht-badge-counter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,11 +8,6 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 .utrecht-badge-list {
   column-gap: var(--utrecht-badge-list-column-gap);
   display: flex;
@@ -20,6 +15,11 @@
   row-gap: var(--utrecht-badge-list-row-gap);
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: block;
 }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class BadgeList {
     render() {
-        return (h("div", { key: 'd430080404acee08b104adf1af3ed61beac50721', class: "utrecht-badge-list" }, h("slot", { key: 'c98b8da783a3b4206f6bbd598e6110de544309f4' })));
+        return (h("div", { key: '3fa401a69e43641200a07d4d60645f0f019a2d07', class: "utrecht-badge-list" }, h("slot", { key: 'b2a1f4d19cde761235baea702921f15ce62c968e' })));
     }
     static get is() { return "utrecht-badge-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/badge-status.css

@@ -13,11 +13,6 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 .utrecht-badge-status {
   /*
    * `line-height` has a default value, so `line-height` can be used on a parent element to add vertical space between badges
@@ -106,6 +101,11 @@
   color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white));
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: inline-block;
 }

package/dist/collection/components/badge-status.js

@@ -9,7 +9,7 @@ export class BadgeStatus {
         this.status = undefined;
     }
     render() {
-        return (h("div", { key: 'bd7e3a74504284b1d164a35b186b9f52cbb32d71', class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", { key: '7ae0608e27d2c7aa459ab55b8112a594654839a0' })));
+        return (h("div", { key: '5dfffe4daf322d409ae4bb97d6bcd8ebec3bc53a', class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", { key: 'eb37db7126f4476f8b7a74a924f1f628d0459f44' })));
     }
     static get is() { return "utrecht-badge-status"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/body.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Root {
     render() {
-        return h("slot", { key: '3ce9d330f587ae850baee2d58c1d48185814525a' });
+        return h("slot", { key: '8be556f599be77b890bf7cfb6584a412846a9df7' });
     }
     static get is() { return "utrecht-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumb-nav.css

@@ -3,17 +3,12 @@
  * 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) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/* stylelint-disable-next-line block-no-empty */
 .utrecht-breadcrumb-nav {
   --utrecht-focus-background-color: var(--utrecht-breadcrumb-nav-link-focus-background-color);
   --utrecht-link-background-color: var(--utrecht-breadcrumb-nav-link-background-color);
@@ -195,12 +190,6 @@
   margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
 }
 
-/**
- * @license EUPL-1.2
- * 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) 2020-2024 Frameless B.V.
@@ -213,12 +202,6 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /* stylelint-disable scss/no-global-function-names */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/* stylelint-disable-next-line block-no-empty */
 /*
 
 # CSS implementation
@@ -286,6 +269,12 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * 
  * Changing `display: inline` to `inline-block` ensures the focus outline is rendered around the entire box.
  */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+/* stylelint-disable scss/no-global-function-names */
 .utrecht-link {
   --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
   color: var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)));
@@ -456,6 +445,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-link-placeholder-color: GrayText;
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: block;
 }

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

@@ -13,7 +13,7 @@ export class BreadcrumbNav {
     render() {
         const { json, variant } = this;
         const items = json ? JSON.parse(json) : [];
-        return (h("nav", { key: 'd399bf3ea101cc6663bedaa0aed2d8e89c8cb83a', class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { key: 'a191549267d47ff72187ba9806b4ca01f428472e', 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: '9247d75630245821984286a941063b6b0ec414f5', class: clsx('utrecht-breadcrumb-nav', variant === 'arrows' && 'utrecht-breadcrumb-nav--arrows') }, h("ol", { key: '545f4bfa78bfe3a4f831666642e29dfd85870941', 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/button-group.css

@@ -1,8 +1,3 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2022 Frameless B.V.
@@ -41,6 +36,11 @@
   gap: var(--utrecht-button-group-block-gap, 1em);
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: block;
 }

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

@@ -11,10 +11,10 @@ export class ButtonGroup {
     }
     render() {
         const { direction } = this;
-        return (h("div", { key: 'fc776927bb834f6cac1e5c743d2360f1a08513ff', class: clsx('utrecht-button-group', {
+        return (h("div", { key: '258c21fc35ddbf114a92037b6fd7cc9c4c9f2945', class: clsx('utrecht-button-group', {
                 'utrecht-button-group--column': direction === 'column',
                 'utrecht-button-group--row': direction === 'row',
-            }) }, h("slot", { key: 'e8b0574988548ec62b311f961f318613a541133c' })));
+            }) }, h("slot", { key: '9a0570f8b24822702be5d0b74ab8cc5b315d41bc' })));
     }
     static get is() { return "utrecht-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,30 +1,15 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 /**
  * @license EUPL-1.2
  * 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) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/* stylelint-disable-next-line block-no-empty */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
@@ -35,8 +20,6 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/* stylelint-disable-next-line block-no-empty */
-/* stylelint-disable-next-line block-no-empty */
 .utrecht-button-link {
   /*
   `--_utrecht-button-hint` is the internal prefix for the applied optional hint, it is not an API.
@@ -442,6 +425,11 @@
   --_utrecht-button-appearance-pressed-color: var(--utrecht-button-subtle-pressed-color);
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: inline-flex;
 }

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

@@ -15,7 +15,7 @@ export class ButtonLink {
         this.target = undefined;
     }
     render() {
-        return (h("a", { key: 'acf9dc165fd6e4906a5c94e5d7b1c53a90e29491', 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: '48ca66293f8e887d97b8e62886cee423c4ee2117' })));
+        return (h("a", { key: '9088201480e0e0bf8cdc08978548c0a37613ecac', 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: '241921f4402dfdbe651f7d5b3bf1c566fa26b943' })));
     }
     static get is() { return "utrecht-button-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/button.css

@@ -1,13 +1,3 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
@@ -19,13 +9,12 @@
  * 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) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/* stylelint-disable-next-line block-no-empty */
-/* stylelint-disable-next-line block-no-empty */
 .utrecht-button {
   /*
   `--_utrecht-button-hint` is the internal prefix for the applied optional hint, it is not an API.
@@ -669,6 +658,11 @@
   --_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-warning-pressed-color);
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: inline-block;
 }

package/dist/collection/components/button.js

@@ -93,7 +93,7 @@ export class Button {
             button.style.display = 'none';
             button.value = value || '';
         }
-        return (h("button", { key: 'f9a03c6eb1802e4c95f586b904d81efab6192bc4', 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: '60bbb545abd7474e87801bce05c50be6b44b3b34', name: "icon" }), h("span", { key: 'd6d6ccb23d86b266b0885104a5355f7a89d0c727', class: "utrecht-button__label" }, h("slot", { key: '0940dbf409384db621f3d7bb895e7f3546da9a19' }))));
+        return (h("button", { key: 'e53b68b8f6462b2019b57ed32581148a0b608d34', 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: 'c8e4d7ebd37d72d8036ca7bb4e1711180c35a5ef', name: "icon" }), h("span", { key: '7a354c554407b63c5d998a234c2afa461fb0a749', class: "utrecht-button__label" }, h("slot", { key: '6dfc3fbc16797c31ee103991fef164e512b76113' }))));
     }
     static get is() { return "utrecht-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkbox.css

@@ -1,13 +1,3 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
@@ -19,13 +9,12 @@
  * 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) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/* stylelint-disable-next-line block-no-empty */
-/* stylelint-disable-next-line block-no-empty */
 .utrecht-checkbox {
   margin-block-end: 0; /* reset native margin for input[type="checkbox"] */
   margin-block-start: 0;
@@ -74,6 +63,11 @@
   z-index: 1;
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: block;
 }

package/dist/collection/components/checkbox.js

@@ -14,7 +14,7 @@ export class Checkbox {
     }
     render() {
         const { checked, disabled, value } = this;
-        return (h("input", { key: '237941bf96815e3a5f4934d79c081c0771f63348', 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: 'd58f170d3755f4d8839e7ce3272cdf5ed6b4f757', 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/code-block.css

@@ -13,11 +13,6 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * 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 */
   /* Use `inherit` as font-size, to override interfering CSS such as: `code { font-size: 16px }` */
@@ -53,6 +48,11 @@
   font-size: inherit;
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: block;
 }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class CodeBlock {
     render() {
-        return (h("pre", { key: '43942ffdbee95c11991d47070dcda45140cd793d', class: "utrecht-code-block" }, h("slot", { key: '89a40704f2ef9fc7a139c317941838d5127f77f5' })));
+        return (h("pre", { key: 'db2425092076ff42efa7af7903ca28cf1cbcb529', class: "utrecht-code-block" }, h("slot", { key: 'c0c8474924c94e2fa36d92899282d705dc67a685' })));
     }
     static get is() { return "utrecht-code-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/code.css

@@ -8,11 +8,6 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * 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 */
   /* Use `inherit` as font-size, to override interfering CSS such as: `code { font-size: 16px }` */
@@ -24,6 +19,11 @@
   line-height: var(--utrecht-code-line-height);
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: inline;
 }

package/dist/collection/components/code.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Code {
     render() {
-        return (h("code", { key: '4553c6a4ef5cc0afbf7a6bc6fe56209e8d8f8afe', class: "utrecht-code" }, h("slot", { key: '7125ff0ab1d0377ed3c122c22f676cde609cd7a7' })));
+        return (h("code", { key: '1f2c84dc035a2c692e74507d6c9ee57adf95df41', class: "utrecht-code" }, h("slot", { key: 'a62a04d4a87408a0aa4e77c64cfc2757cfb86493' })));
     }
     static get is() { return "utrecht-code"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class ColorSample {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '996c17e787a1a1213dc988f2243a799f69b2a27e', style: { color: this.color } }, h("data", { key: '9d6f867cbca4ff2e20f885d1eb7afbae11be0a84', value: this.color }, h("slot", { key: 'b1bd84878c217a6a072aa4a804d04a6c25ae0c92' }))));
+        return (h(Host, { key: '1be5d2ec082a4709e72f61a806268cc2c915adf6', style: { color: this.color } }, h("data", { key: '5f7c042b6cd3726b44d96ae02031ff22f589b85a', value: this.color }, h("slot", { key: 'd4b0cc6466d524e232281b628533650316d25923' }))));
     }
     static get is() { return "utrecht-color-sample"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/column-layout.js

@@ -9,7 +9,7 @@ export class ColumnLayout {
         this.rule = false;
     }
     render() {
-        return h("slot", { key: '563688d8babe895046cc3acbdc1876814af54d2c' });
+        return h("slot", { key: 'da5c58cbafaacd01784941569311aa328e236fa4' });
     }
     static get is() { return "utrecht-column-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/contact-card-template.css

@@ -1,14 +1,3 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/**
- * @license EUPL-1.2
- * 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) 2020-2024 Frameless B.V.
@@ -21,12 +10,6 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 /* stylelint-disable scss/no-global-function-names */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/* stylelint-disable-next-line block-no-empty */
 /*
 
 # CSS implementation
@@ -94,6 +77,12 @@ however browsers don't seem to have implemented great looking supixel tweening y
  * 
  * Changing `display: inline` to `inline-block` ensures the focus outline is rendered around the entire box.
  */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+/* stylelint-disable scss/no-global-function-names */
 .utrecht-link {
   --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
   color: var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)));
@@ -304,4 +293,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
 
 .utrecht-contact-card__telephone {
   --utrecht-paragraph-font-size: var(--utrecht-typography-scale-2xl-font-size);
-}
+}
+
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */

package/dist/collection/components/contact-card-template.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ContactCardTemplate {
     render() {
-        return (h("div", { key: 'ddba69b87f6e4b1c1f09d07d127d2a9be21d1093', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: '88174a2d59052ceb1de4a3f5e3fd35ffa1f8bcfd' }, "Hulp en contact"), h("div", { key: '003884e6c5ae69eb527eb4ea22c32d455528793f', class: "utrecht-contact-card__content" }, h("div", { key: 'f03e083317fd5868bc4ce2185ef4b5ac5c5e3dfa', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'c953b684d30b00ef4539ce2ceef4d03e1855c789' }, "Telefoon"), h("utrecht-paragraph", { key: '5d26aa2f124cf30d9fc3ea2b416eb80e8a94ceb3', class: "utrecht-contact-card__telephone" }, h("a", { key: '58b021c1064f5648a5a385e7af13bd1debdfacc1', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: '02ab1e5f5ca2c2e16e3f2c4c4aa5f2527f9e1821' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: '3512df567a94b6a7e2f3fcf99d35faa79fb3adb7', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'f1e2a2cb6a6d492cbb4d0122c24b14253ab00b99' }, "E-mail"), h("utrecht-paragraph", { key: '89c825f5b80531a8d1405d54f9b680f6b3a393c3' }, h("a", { key: '880c9f5136506317ec575975eb1573c433497dc9', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
+        return (h("div", { key: '43bf685a55f58c0817d8bfcf9f82d8253d1eba2b', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: 'bd9071c5742da91400d4085629f227d33fc8220f' }, "Hulp en contact"), h("div", { key: 'e3378fa777f9d29a9c8023840bc00506feff0b10', class: "utrecht-contact-card__content" }, h("div", { key: '17a3a8d5ad51cdc2a45c13c8602ff2f0d1d954c9', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: '214eddf61b9b74fdc36a570fc6bfd5c7e4689866' }, "Telefoon"), h("utrecht-paragraph", { key: 'e62d633093d37dc0441628177bbf19193b4a50df', class: "utrecht-contact-card__telephone" }, h("a", { key: '31fdd12c40db0e2a367f5c31958a5925581c7319', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: '45a1bde0e64802a0133db47d2bb7c59a9542ef5c' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: '1e97502b30234bbc6f334f0af23163df9a89a2ba', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: '7702b2be761af951e9f8e6b305346e939988937d' }, "E-mail"), h("utrecht-paragraph", { key: 'cbb25518abcf11c8e3a0b1059a72197f3bf3dffa' }, h("a", { key: '8e8f7d67be626337fb1f9b52a2d6d4966bf0e05a', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
     }
     static get is() { return "utrecht-contact-card-template"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/custom-checkbox.css

@@ -3,6 +3,7 @@
  * 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) 2020-2024 Frameless B.V.
@@ -13,12 +14,6 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/* stylelint-disable-next-line block-no-empty */
 .utrecht-checkbox--custom,
 .utrecht-custom-checkbox {
   /*
@@ -195,6 +190,11 @@
   color: var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color));
 }
 
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
 :host {
   display: block;
 }

package/dist/collection/components/custom-checkbox.js

@@ -15,7 +15,7 @@ export class CustomCheckbox {
     }
     render() {
         const { checked, required, disabled, indeterminate, invalid } = this;
-        return (h("input", { key: '6c3ec0d96df57817493a66f6a93b19727af86206', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
+        return (h("input", { key: 'd6f63117bab9a32fa9abb9352f6096aa2b0fbdb4', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
     }
     static get is() { return "utrecht-custom-checkbox"; }
     static get encapsulation() { return "shadow"; }