@utrecht/web-component-library-stencil 3.2.0 → 3.4.0

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

@@ -0,0 +1,97 @@
+/**
+ * @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 */
+utrecht-table-container {
+  display: block;
+  overflow: auto;
+  background-attachment: local, local, scroll, scroll;
+  background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
+  background-position: left center, right center, left center, right center;
+  background-repeat: no-repeat;
+  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
+}
+
+utrecht-table-container table {
+  /* stylelint-disable no-descending-specificity */
+  /* stylelint-enable no-descending-specificity */
+}
+utrecht-table-container table > caption {
+  break-inside: avoid;
+  color: var(--utrecht-table-caption-color);
+  font-family: var(--utrecht-table-caption-font-family);
+  font-size: var(--utrecht-table-caption-font-size);
+  font-weight: var(--utrecht-table-caption-font-weight);
+  line-height: var(--utrecht-table-caption-line-height);
+  margin-block-end: var(--utrecht-table-caption-margin-block-end);
+  page-break-after: avoid;
+  text-align: var(--utrecht-table-caption-text-align, center);
+}
+utrecht-table-container table > thead {
+  --_utrecht-table-header-cell-vertical-align: bottom;
+  --_utrecht-table-header-cell-z-index: 8;
+  background-color: var(--utrecht-table-header-background-color, transparent);
+  break-inside: avoid;
+  color: var(--utrecht-table-header-color);
+  font-weight: var(--utrecht-table-header-font-weight);
+  page-break-inside: avoid;
+  text-transform: var(--utrecht-table-header-text-transform);
+}
+utrecht-table-container table > tbody {
+  --_utrecht-table-header-cell-z-index: 2;
+}
+utrecht-table-container table > tr, utrecht-table-container table > thead > tr, utrecht-table-container table > tbody > tr, utrecht-table-container table > tfoot > tr {
+  break-inside: avoid;
+  page-break-inside: avoid;
+}
+utrecht-table-container table > thead > tr:last-of-type {
+  border-block-end-color: var(--utrecht-table-header-border-block-end-color, transparent);
+  border-block-end-style: solid;
+  border-block-end-width: var(--utrecht-table-header-border-block-end-width, 0);
+}
+utrecht-table-container table > tr > th, utrecht-table-container table > thead > tr > th, utrecht-table-container table > tbody > tr > th, utrecht-table-container table > tfoot > tr > th {
+  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
+  /* In tables `block-size` acts as `min-block-size`, but `min-block-size` is a clearer name for the design token */
+  block-size: var(--utrecht-table-cell-line-height, 1em);
+  line-height: var(--utrecht-table-cell-line-height, inherit);
+  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
+  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
+  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
+  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
+  text-align: start;
+  color: var(--utrecht-table-header-cell-color);
+  font-size: var(--utrecht-table-header-cell-font-size);
+  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
+  text-transform: var(--utrecht-table-header-cell-text-transform);
+  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
+  z-index: var(--_utrecht-table-header-cell-z-index);
+}
+utrecht-table-container table > tr > td, utrecht-table-container table > thead > tr > td, utrecht-table-container table > tbody > tr > td, utrecht-table-container table > tfoot > tr > td {
+  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
+  /* In tables `block-size` acts as `min-block-size`, but `min-block-size` is a clearer name for the design token */
+  block-size: var(--utrecht-table-cell-line-height, 1em);
+  line-height: var(--utrecht-table-cell-line-height, inherit);
+  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
+  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
+  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
+  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
+  text-align: start;
+  border-block-end-color: var(--utrecht-table-row-border-block-end-color, transparent);
+  border-block-end-style: solid;
+  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
+  vertical-align: top;
+}
+utrecht-table-container table > tr > td:last-child, utrecht-table-container table > thead > tr > td:last-child, utrecht-table-container table > tbody > tr > td:last-child, utrecht-table-container table > tfoot > tr > td:last-child {
+  padding-inline-end: var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0));
+}
+utrecht-table-container table > tr > td:first-child, utrecht-table-container table > thead > tr > td:first-child, utrecht-table-container table > tbody > tr > td:first-child, utrecht-table-container table > tfoot > tr > td:first-child {
+  padding-inline-start: var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0));
+}

package/dist/collection/components/table-container.js

@@ -0,0 +1,18 @@
+import { h } from "@stencil/core";
+export class TableContainer {
+    render() {
+        return h("slot", { key: 'd96a786a828ae3a1503ea8ecd07f0fcf05da4203' });
+    }
+    static get is() { return "utrecht-table-container"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["table-container.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["table-container.css"]
+        };
+    }
+}
+//# sourceMappingURL=table-container.js.map

package/dist/collection/components/table-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-container.js","sourceRoot":"","sources":["../../src/components/table-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,cAAc;IACzB,MAAM;QACJ,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-container',\n  styleUrl: 'table-container.scss',\n  shadow: false,\n})\nexport class TableContainer {\n  render() {\n    return <slot></slot>;\n  }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableFooter {
     render() {
-        return (h(Host, { key: 'c3d76e48e96e3102b0c7fd920b73b876a84cd984', role: "rowgroup" }, h("slot", { key: '903bd18ccb7eca8f97d79d5750a2b159bb5f7b70' })));
+        return (h(Host, { key: '024dc1106eb2413d649d9fed0fe656722bab870f', role: "rowgroup" }, h("slot", { key: 'b7d9b6ddeb265b7b21f6aa084f4c96eac773c185' })));
     }
     static get is() { return "utrecht-table-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class TableHeaderCell {
         this.scope = undefined;
     }
     render() {
-        return (h(Host, { key: '906fcaa47081fe84b96c8596d27699398c9474b7', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", { key: '3c9a362405f264a4a388420a3e63d3b3155f9076' })));
+        return (h(Host, { key: '1625c9dda888bb2d13bd61a4f8c435b3d7272cca', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", { key: '7a762a39e4d7b66407a39fee8c7e861dbeac48e0' })));
     }
     static get is() { return "utrecht-table-header-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableHeader {
     render() {
-        return (h(Host, { key: '469478fa45676b4e90eec4863416323634709b2b', role: "rowgroup" }, h("slot", { key: 'cf9a264db4c777f302187b8c0630cbe2dd998da5' })));
+        return (h(Host, { key: '404a8707098627156bd41922a1c93892225485f2', role: "rowgroup" }, h("slot", { key: 'e288498cd539f001409c8e3cc7be88c37b739760' })));
     }
     static get is() { return "utrecht-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableRow {
     render() {
-        return (h(Host, { key: 'dc4e5db1ef63df3a4d075708fc7896f577725d90', role: "row" }, h("slot", { key: 'ad76b8dfb88630a146d6c9b9873f06285ec61a60' })));
+        return (h(Host, { key: '2549a7162397aa0ee06ce69c35a39af2f9700632', role: "row" }, h("slot", { key: 'd9d10eb4ef268e425f8d627602e6dcba7d9a7386' })));
     }
     static get is() { return "utrecht-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class Table {
     render() {
-        return (h(Host, { key: 'f133cbfd47027076bba6754dfbfc652bae0e0449', role: "table" }, h("slot", { key: '4176b8333e6de103676f3fd1aa788bb90ef1b159' })));
+        return (h(Host, { key: '83c8a6bf6d3647f087ec16a3024f808941041c38', role: "table" }, h("slot", { key: '9980467fdbf32e20f484e833c83a74721a8c89d7' })));
     }
     static get is() { return "utrecht-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea.js

@@ -32,10 +32,10 @@ export class Textarea {
     }
     render() {
         const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
-        return (h("textarea", { key: '060d9cbe26c291b867e4ee55704b5632398bb790', 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: 'a8d3de7b999f2821d39fe36f1be38e02ab2f5fbf', 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: 'c0606e3313c09143175655e544b5e77de5b63c8b' })));
+            } }, h("slot", { key: 'b637306a6910010803832204ab9c2b6ea60765d1' })));
     }
     static get is() { return "utrecht-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textbox.js

@@ -21,7 +21,7 @@ export class Textbox {
     }
     render() {
         const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
-        return (h("input", { key: '093c828ab9edafef4f357346d5f9fe63b750c386', class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, 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: 'e76bb81a446d201b78f12ec31f95b4a1309741eb', class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, 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);
             } }));

package/dist/collection/components/top-task-link.css

@@ -0,0 +1,80 @@
+/**
+ * @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 */
+.utrecht-toptask-link {
+  --utrecht-icon-color: currentColor;
+  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
+  background-color: var(--utrecht-toptask-link-background-color);
+  color: var(--utrecht-toptask-link-color);
+  display: flex;
+  flex-direction: column;
+  font-size: var(--utrecht-toptask-link-font-size);
+  line-height: var(--utrecht-toptask-link-line-height);
+  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
+  min-block-size: var(--utrecht-toptask-link-min-block-size);
+  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
+  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
+  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
+  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
+  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
+  text-decoration: none;
+}
+
+.utrecht-toptask-link--hover,
+.utrecht-toptask-link:hover {
+  background-color: var(--utrecht-toptask-link-hover-background-color, var(--utrecht-toptask-link-background-color));
+  color: var(--utrecht-toptask-link-hover-color, var(--utrecht-toptask-link-color));
+  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
+}
+
+.utrecht-toptask-link--focus-visible, .utrecht-toptask-link:focus-visible {
+  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
+  /* - The browser default focus ring should apply when these CSS custom properties are not set.
+   * - Make the `box-shadow` value available, so components that have their own `box-shadow`
+   *   can combine it with the focus ring box shadow.
+   */
+  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
+    var(--utrecht-focus-inverse-outline-color, transparent);
+  box-shadow: var(--_utrecht-focus-ring-box-shadow);
+  outline-color: var(--utrecht-focus-outline-color, revert);
+  outline-offset: var(--utrecht-focus-outline-offset, revert);
+  outline-style: var(--utrecht-focus-outline-style, revert);
+  outline-width: var(--utrecht-focus-outline-width, revert);
+  z-index: 1;
+}
+
+.utrecht-toptask-link--focus, .utrecht-toptask-link:focus {
+  background-color: var(--utrecht-toptask-link-focus-background-color, var(--utrecht-toptask-link-background-color));
+  color: var(--utrecht-toptask-link-focus-color, var(--utrecht-toptask-link-color));
+}
+
+.utrecht-toptask-link__title {
+  display: block;
+}
+
+.utrecht-toptask-link__icon {
+  display: block;
+  padding-block-end: var(--utrecht-space-block-xs);
+  padding-inline-end: var(--utrecht-space-inline-md);
+}
+
+:host {
+  display: block;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

package/dist/collection/components/top-task-link.js

@@ -0,0 +1,84 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+import { h } from "@stencil/core";
+export class TopTaskLink {
+    constructor() {
+        this.external = undefined;
+        this.href = undefined;
+        this.target = undefined;
+    }
+    render() {
+        return (h("a", { key: '619957207adb698a69072f17ca15c0d68f91b5e7', class: "utrecht-toptask-link", href: this.href, rel: this.external ? 'external noopener noreferrer' : undefined, target: this.target }, h("span", { key: '0dc2d50eeb85cbce291df0242c5cd186561e2f0d', class: "utrecht-toptask-link__icon" }, h("slot", { key: '0a4622ddb6c0d3144ecac7064647226628dd6e3a', name: "icon" })), h("span", { key: '8d01a36aaaa6c9f30922c02f2664a0033c3f47e7', class: "utrecht-toptask-link__title" }, h("slot", { key: 'cdb677480512877fbd7430b09aea03057b060c98' }))));
+    }
+    static get is() { return "utrecht-top-task-link"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["top-task-link.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["top-task-link.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "external": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "external",
+                "reflect": false
+            },
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "href",
+                "reflect": false
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "target",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=top-task-link.js.map

package/dist/collection/components/top-task-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-task-link.js","sourceRoot":"","sources":["../../src/components/top-task-link.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;;;;;;IAItB,MAAM;QACJ,OAAO,CACL,0DACE,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,EAC/D,MAAM,EAAE,IAAI,CAAC,MAAM;YAEnB,6DAAM,KAAK,EAAC,4BAA4B;gBACtC,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACpB;YACP,6DAAM,KAAK,EAAC,6BAA6B;gBACvC,8DAAa,CACR,CACL,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-top-task-link',\n  styleUrl: 'top-task-link.scss',\n  shadow: true,\n})\nexport class TopTaskLink {\n  @Prop() external?: boolean;\n  @Prop() href: string;\n  @Prop() target?: string;\n  render() {\n    return (\n      <a\n        class=\"utrecht-toptask-link\"\n        href={this.href}\n        rel={this.external ? 'external noopener noreferrer' : undefined}\n        target={this.target}\n      >\n        <span class=\"utrecht-toptask-link__icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span class=\"utrecht-toptask-link__title\">\n          <slot></slot>\n        </span>\n      </a>\n    );\n  }\n}\n"]}

package/dist/collection/components/top-task-nav.css

@@ -0,0 +1,29 @@
+/**
+ * @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
+ */
+.utrecht-toptask-nav {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  gap: var(--utrecht-toptask-nav-gap);
+}
+
+.utrecht-toptask-nav--grid {
+  --utrecht-toptask-link-max-inline-size: var(--utrecht-toptask-nav-link-grid-max-inline-size);
+  flex-direction: row;
+}
+
+:host {
+  display: block;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

package/dist/collection/components/top-task-nav.js

@@ -0,0 +1,26 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
+ */
+import { h } from "@stencil/core";
+export class TopTaskNav {
+    render() {
+        // TODO: Add accessible name for navigation landmark,
+        // using `aria-labelledby` and a heading.
+        return (h("nav", { key: '2d428955c48b93b6b482c4d97e833e35c350d15c', class: "utrecht-toptask-nav utrecht-toptask-nav--grid" }, h("slot", { key: 'e24944cd1ac1649af580b9af0bb4b69350a3b5ec' })));
+    }
+    static get is() { return "utrecht-top-task-nav"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["top-task-nav.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["top-task-nav.css"]
+        };
+    }
+}
+//# sourceMappingURL=top-task-nav.js.map

package/dist/collection/components/top-task-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-task-nav.js","sourceRoot":"","sources":["../../src/components/top-task-nav.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,qDAAqD;QACrD,yCAAyC;QACzC,OAAO,CACL,4DAAK,KAAK,EAAC,+CAA+C;YACxD,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-top-task-nav',\n  styleUrl: 'top-task-nav.scss',\n  shadow: true,\n})\nexport class TopTaskNav {\n  render() {\n    // TODO: Add accessible name for navigation landmark,\n    // using `aria-labelledby` and a heading.\n    return (\n      <nav class=\"utrecht-toptask-nav utrecht-toptask-nav--grid\">\n        <slot></slot>\n      </nav>\n    );\n  }\n}\n"]}

package/dist/collection/components/url-data.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class URLData {
     render() {
-        return (h("span", { key: '58c52defdfeeb2aef47c2c751fa552b527eeb210', class: "utrecht-url-data" }, h("slot", { key: '0c149a500a344ecd6c3b33f299962bbf61b844a2' })));
+        return (h("span", { key: 'b5eae6c2843a401b1d8bacdd1d43f9a4829ddf60', class: "utrecht-url-data" }, h("slot", { key: 'aca53f589cf9da7ccd1da3f1dea2ce4af78390db' })));
     }
     static get is() { return "utrecht-url-data"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index.js

@@ -275,6 +275,7 @@ import { UtrechtPageLayout } from './utrecht-page-layout.js';
 import { UtrechtPagination } from './utrecht-pagination.js';
 import { UtrechtParagraph } from './utrecht-paragraph.js';
 import { UtrechtPreHeading } from './utrecht-pre-heading.js';
+import { UtrechtPreserveData } from './utrecht-preserve-data.js';
 import { UtrechtProgressList } from './utrecht-progress-list.js';
 import { UtrechtProgressListItem } from './utrecht-progress-list-item.js';
 import { UtrechtProgressSublistItem } from './utrecht-progress-sublist-item.js';
@@ -288,12 +289,15 @@ import { UtrechtTable } from './utrecht-table.js';
 import { UtrechtTableBody } from './utrecht-table-body.js';
 import { UtrechtTableCaption } from './utrecht-table-caption.js';
 import { UtrechtTableCell } from './utrecht-table-cell.js';
+import { UtrechtTableContainer } from './utrecht-table-container.js';
 import { UtrechtTableFooter } from './utrecht-table-footer.js';
 import { UtrechtTableHeader } from './utrecht-table-header.js';
 import { UtrechtTableHeaderCell } from './utrecht-table-header-cell.js';
 import { UtrechtTableRow } from './utrecht-table-row.js';
 import { UtrechtTextarea } from './utrecht-textarea.js';
 import { UtrechtTextbox } from './utrecht-textbox.js';
+import { UtrechtTopTaskLink } from './utrecht-top-task-link.js';
+import { UtrechtTopTaskNav } from './utrecht-top-task-nav.js';
 import { UtrechtUrlData } from './utrecht-url-data.js';
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 
@@ -577,6 +581,7 @@ const defineCustomElements = (opts) => {
             UtrechtPagination,
             UtrechtParagraph,
             UtrechtPreHeading,
+            UtrechtPreserveData,
             UtrechtProgressList,
             UtrechtProgressListItem,
             UtrechtProgressSublistItem,
@@ -590,12 +595,15 @@ const defineCustomElements = (opts) => {
             UtrechtTableBody,
             UtrechtTableCaption,
             UtrechtTableCell,
+            UtrechtTableContainer,
             UtrechtTableFooter,
             UtrechtTableHeader,
             UtrechtTableHeaderCell,
             UtrechtTableRow,
             UtrechtTextarea,
             UtrechtTextbox,
+            UtrechtTopTaskLink,
+            UtrechtTopTaskNav,
             UtrechtUrlData,
         ].forEach(cmp => {
             if (!customElements.get(cmp.is)) {

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/utrecht-icon-afspraak-maken.js

@@ -10,7 +10,7 @@ const UtrechtIconAfspraakMaken$1 = /*@__PURE__*/ proxyCustomElement(class Utrech
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: 'd4488a1047f091d8af3522167b326b0e2bd1cfd1', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '2222152ddc660803e10c88e48de7e6de71ec1c2f', d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0M18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16" }), h("path", { key: 'd02b81a5692c102a9a81914e7caf8fe31b4c9154', d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4m9 19.49c-.27.48-.88.66-1.36.39l-8.13-4.51a.992.992 0 0 1-.51-.87V7.49c0-.55.45-1 1-1s1 .45 1 1V17.9l7.61 4.23c.48.27.66.88.39 1.36" })));
+        return (h("svg", { key: '984a8258e25c1dcecef5f2184de2a4cf06e587cc', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'd61ee43ba2bab7c114caa4d238e37bf615a53415', d: "M17.98 0C8.05 0 0 8.06 0 18s8.05 18 17.98 18S36 27.94 36 18 27.94 0 17.98 0M18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16" }), h("path", { key: 'c39ea907d0341814f7c2b79a62d98aae523dd93d', d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4m9 19.49c-.27.48-.88.66-1.36.39l-8.13-4.51a.992.992 0 0 1-.51-.87V7.49c0-.55.45-1 1-1s1 .45 1 1V17.9l7.61 4.23c.48.27.66.88.39 1.36" })));
     }
     static get style() { return UtrechtIconAfspraakMakenStyle0; }
 }, [1, "utrecht-icon-afspraak-maken"]);

package/dist/components/utrecht-icon-afval-container.js

@@ -10,7 +10,7 @@ const UtrechtIconAfvalContainer$1 = /*@__PURE__*/ proxyCustomElement(class Utrec
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '98396e76f8ee665ca1901e71e5d8c56d0de6935c', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'dbab8eb06d62c926db308e6b74a8d273a3ea105a', d: "M36 35c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1h34c.55 0 1-.45 1-1M24 10H11V7h13zm0 10H11v-8h13zm6-11v22H5V9c0-1.1.9-2 2-2h2v14c0 .55.45 1 1 1h15c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2m-3-8c0 .55-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1" })));
+        return (h("svg", { key: 'c9017d494df2cfaf3db312e83ee3c0cb9da2602e', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'ff8bc9faaf74bb0806d2ddc4fb3574a37acd103e', d: "M36 35c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1h34c.55 0 1-.45 1-1M24 10H11V7h13zm0 10H11v-8h13zm6-11v22H5V9c0-1.1.9-2 2-2h2v14c0 .55.45 1 1 1h15c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2m-3-8c0 .55-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1" })));
     }
     static get style() { return UtrechtIconAfvalContainerStyle0; }
 }, [1, "utrecht-icon-afval-container"]);

package/dist/components/utrecht-icon-afval-containerpas.js

@@ -10,7 +10,7 @@ const UtrechtIconAfvalContainerpas$1 = /*@__PURE__*/ proxyCustomElement(class Ut
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '9b63a9c758e4677221b236b3b94437cb1c960ad9', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '109188d74389aec5a5f4ed13e011d02e408534af', d: "M20.53 22H1.47C.66 22 0 22.66 0 23.47v11.06C0 35.34.66 36 1.47 36h18.52a2 2 0 0 0 2-2V23.47c0-.81-.66-1.47-1.47-1.47ZM7.51 25.07c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75-1.74-.78-1.74-1.75.78-1.75 1.74-1.75M10 32H5c-.53 0-.95-.41-.99-.93.08-1.12 2.34-1.69 3.49-1.69s3.41.57 3.49 1.69c-.04.52-.46.93-.99.93m7-1c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1m1-4c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1s.45-1 1-1h3c.55 0 1 .45 1 1m9-18H16V7h11zm9 22c0 .55-.45 1-1 1H24v-2h11c.55 0 1 .45 1 1M22 1c0-.55.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1m5 15H16v-5h11zm-3 7c0-1.66-1.34-3-3-3H10V9c0-1.1.9-2 2-2h2v10c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2v19h-9z" })));
+        return (h("svg", { key: '63495a8e562fd03f2dbc9c8aacfa3f5dc23bdce5', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '06e89c0e64303c466bce875dcda56acf6d60981c', d: "M20.53 22H1.47C.66 22 0 22.66 0 23.47v11.06C0 35.34.66 36 1.47 36h18.52a2 2 0 0 0 2-2V23.47c0-.81-.66-1.47-1.47-1.47ZM7.51 25.07c.96 0 1.74.78 1.74 1.75s-.78 1.75-1.74 1.75-1.74-.78-1.74-1.75.78-1.75 1.74-1.75M10 32H5c-.53 0-.95-.41-.99-.93.08-1.12 2.34-1.69 3.49-1.69s3.41.57 3.49 1.69c-.04.52-.46.93-.99.93m7-1c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1m1-4c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1s.45-1 1-1h3c.55 0 1 .45 1 1m9-18H16V7h11zm9 22c0 .55-.45 1-1 1H24v-2h11c.55 0 1 .45 1 1M22 1c0-.55.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1h-2v3h-2V2h-2c-.55 0-1-.45-1-1m5 15H16v-5h11zm-3 7c0-1.66-1.34-3-3-3H10V9c0-1.1.9-2 2-2h2v10c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V7h2c1.1 0 2 .9 2 2v19h-9z" })));
     }
     static get style() { return UtrechtIconAfvalContainerpasStyle0; }
 }, [1, "utrecht-icon-afval-containerpas"]);

package/dist/components/utrecht-icon-afval-kalender.js

@@ -10,7 +10,7 @@ const UtrechtIconAfvalKalender$1 = /*@__PURE__*/ proxyCustomElement(class Utrech
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '3d7169355663e01f5d256a048b26e2a8e15b6e1d', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a95c866ab9fe076b3195a0f72398afafac569e05', d: "M32 4v5H4V3.98c0-.55.45-1 1-1h4v2.03c0 .55.44.99.99.99.54 0 .99-.44.99-.99L11 .99c0-.55.45-1 1-1s1 .45 1 1v1.98l9 .02V5c0 .55.44.99.99.99h.02c.55 0 .99-.44.99-.99V1c0-.55.45-1 1-1s1 .45 1 1v2h5c.55 0 1 .45 1 1M4 11h28v20c0 3.21-1.79 5-4 5H8c-2.21 0-4-1.79-4-4zm12 19.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5M23.01 19h-9.99L13 27.97c.69-.44 1.57-.62 2.5-.33.88.27 1.6.97 1.91 1.83.34.94.18 1.82-.23 2.53h2.98c.78 0 1.43-.6 1.49-1.38zM12 16c0 .55.45 1 1 1l11.02-.02c.54 0 .98-.44.98-.99s-.44-.99-.99-.99h-.95c0-.55-.45-1-1-1h-8.03c-.56 0-1.03.44-1.03 1-.55 0-1 .45-1 1" })));
+        return (h("svg", { key: 'eb13f9d9e9656b5a81bb93f7ef8e31f8e3cf828d', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '07ed146e8fac8a10b2e07efdfd402cc22e21da71', d: "M32 4v5H4V3.98c0-.55.45-1 1-1h4v2.03c0 .55.44.99.99.99.54 0 .99-.44.99-.99L11 .99c0-.55.45-1 1-1s1 .45 1 1v1.98l9 .02V5c0 .55.44.99.99.99h.02c.55 0 .99-.44.99-.99V1c0-.55.45-1 1-1s1 .45 1 1v2h5c.55 0 1 .45 1 1M4 11h28v20c0 3.21-1.79 5-4 5H8c-2.21 0-4-1.79-4-4zm12 19.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5M23.01 19h-9.99L13 27.97c.69-.44 1.57-.62 2.5-.33.88.27 1.6.97 1.91 1.83.34.94.18 1.82-.23 2.53h2.98c.78 0 1.43-.6 1.49-1.38zM12 16c0 .55.45 1 1 1l11.02-.02c.54 0 .98-.44.98-.99s-.44-.99-.99-.99h-.95c0-.55-.45-1-1-1h-8.03c-.56 0-1.03.44-1.03 1-.55 0-1 .45-1 1" })));
     }
     static get style() { return UtrechtIconAfvalKalenderStyle0; }
 }, [1, "utrecht-icon-afval-kalender"]);

package/dist/components/utrecht-icon-afval-pmd.js

@@ -10,7 +10,7 @@ const UtrechtIconAfvalPmd$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIcon
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '80919304c6ae3532107ba2da5d121bcfb7749421', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '53546512da5e0f350c9d62750ea07bef036431ea', d: "m19.91 19.96 1.1 1.83V33L20 35h-8l-1-2V21.93l1.1-1.94 7.8-.03ZM7.01 2.98h-2c-.54.01-.98.45-.99.99 0 .55-.02 1-.02 1h4v-1c0-.55-.45-.99-1-.99ZM33 2c0-.55-.45-1-1-1h-8c-.56 0-1.01.45-1.01 1.01V3l-3 3.94h10l3.03-3.97-.03-.97Zm.99 2.94L32 7.95V33l3.24-.79c.45-.11.76-.51.76-.97V7.35a1 1 0 0 0-.3-.71l-1.71-1.71Zm-22 9.05h.02s-.04-.08-.05-.12c-.02-.32-.13-.63-.37-.88 0 0-3.21-3.88-3.5-4.97l-.06-.4s-.02-.09-.02-.14v-.49h-4v.08c0 .05-.01.1-.02.15l-.06.43c-.29 1.17-3.5 5.33-3.5 5.33-.24.24-.35.56-.37.88-.02.04-.04.08-.05.12.01.33.14.66.39.92.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.56.56.57 1.46.04 2.03-.26.27-.44.61-.44 1v5.06c0 1.66 1.34 3 3 3h6.01V21.96c0-.34.09-.68.26-.98l1.1-1.94c.33-.58.94-.95 1.6-.99.03-.38-.09-.77-.38-1.06-.28-.28-.43-.64-.43-1.04s.15-.76.43-1.04c.25-.25.38-.58.39-.92Zm11.02 7.81V33h7V8.94h-10V18c.66.03 1.26.38 1.61.95l1.1 1.82c.19.31.29.67.29 1.03" })));
+        return (h("svg", { key: 'e6103d9a3548787716328fdd0c1c8c0cc30a06ad', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a8192c47a7cfee46985ba0b638dc986d1216c874', d: "m19.91 19.96 1.1 1.83V33L20 35h-8l-1-2V21.93l1.1-1.94 7.8-.03ZM7.01 2.98h-2c-.54.01-.98.45-.99.99 0 .55-.02 1-.02 1h4v-1c0-.55-.45-.99-1-.99ZM33 2c0-.55-.45-1-1-1h-8c-.56 0-1.01.45-1.01 1.01V3l-3 3.94h10l3.03-3.97-.03-.97Zm.99 2.94L32 7.95V33l3.24-.79c.45-.11.76-.51.76-.97V7.35a1 1 0 0 0-.3-.71l-1.71-1.71Zm-22 9.05h.02s-.04-.08-.05-.12c-.02-.32-.13-.63-.37-.88 0 0-3.21-3.88-3.5-4.97l-.06-.4s-.02-.09-.02-.14v-.49h-4v.08c0 .05-.01.1-.02.15l-.06.43c-.29 1.17-3.5 5.33-3.5 5.33-.24.24-.35.56-.37.88-.02.04-.04.08-.05.12.01.33.14.66.39.92.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.28.28.43.64.43 1.04s-.15.76-.43 1.04c-.53.53-.53 1.4 0 1.93.56.56.57 1.46.04 2.03-.26.27-.44.61-.44 1v5.06c0 1.66 1.34 3 3 3h6.01V21.96c0-.34.09-.68.26-.98l1.1-1.94c.33-.58.94-.95 1.6-.99.03-.38-.09-.77-.38-1.06-.28-.28-.43-.64-.43-1.04s.15-.76.43-1.04c.25-.25.38-.58.39-.92Zm11.02 7.81V33h7V8.94h-10V18c.66.03 1.26.38 1.61.95l1.1 1.82c.19.31.29.67.29 1.03" })));
     }
     static get style() { return UtrechtIconAfvalPmdStyle0; }
 }, [1, "utrecht-icon-afval-pmd"]);

package/dist/components/utrecht-icon-afval-scheiden.js

@@ -10,7 +10,7 @@ const UtrechtIconAfvalScheiden$1 = /*@__PURE__*/ proxyCustomElement(class Utrech
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '4301cbb91fe4c02c5faa54a94d787aa8d62c9096', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'a3788b25260930981950ba1995d9a37f58bc7cf6', d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5M9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85m12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85m11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86zM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12z" })));
+        return (h("svg", { key: 'a9fa51707ba49977c2a2a8e88b816d92e0474b5f', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '9b760768601e460680f664b02cdb2069714eba0f', d: "M14.89 3.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S20.32 7 18.39 7s-3.5-1.57-3.5-3.5M9.14 36.02H3L2 23v-2h10l-.87 13.17a1.99 1.99 0 0 1-1.99 1.85m12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17a2.004 2.004 0 0 1-1.99 1.85m11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16a2.017 2.017 0 0 1-2.01 1.86zM1.73 20.95l-1.73-1 4-6.93c.55-.96 1.78-1.28 2.73-.73zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92l-3.75 8.08h3.18l2.82-5.67v3.67h10l-.02-5.12z" })));
     }
     static get style() { return UtrechtIconAfvalScheidenStyle0; }
 }, [1, "utrecht-icon-afval-scheiden"]);

package/dist/components/utrecht-icon-afval.js

@@ -10,7 +10,7 @@ const UtrechtIconAfval$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconAfv
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: 'f0d8f6184c27eeee2d42e725ab6dd722c2d8d024', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("circle", { key: 'edbe05ef98e6b308b8f59d09225c29963f9fb4f4', cx: "10.08", cy: "33", r: "3" }), h("path", { key: '32788cc3d0d2c09feb0b30301ab08b1743130469', d: "M30.08 2h-3c0-1.1-.9-2-2-2H9.03C7.95 0 7.07.88 7.07 1.96V2h-1c-.55 0-1 .45-1 1v3h26V3c0-.55-.45-1-1-1Zm-23 27 .06-.03c.83-.6 1.84-.97 2.94-.97 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h7.34c1.53 0 2.81-1.15 2.98-2.67L27.08 8H7.07v21Z" })));
+        return (h("svg", { key: '30476933001cd775ebb4c107ba934248a0442b46', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("circle", { key: '78f42563a3c4845eb2b2f55394fa25d3e285465c', cx: "10.08", cy: "33", r: "3" }), h("path", { key: '2c362e997fc4ed8a3cc4205d22a4ca5b6511e71a', d: "M30.08 2h-3c0-1.1-.9-2-2-2H9.03C7.95 0 7.07.88 7.07 1.96V2h-1c-.55 0-1 .45-1 1v3h26V3c0-.55-.45-1-1-1Zm-23 27 .06-.03c.83-.6 1.84-.97 2.94-.97 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h7.34c1.53 0 2.81-1.15 2.98-2.67L27.08 8H7.07v21Z" })));
     }
     static get style() { return UtrechtIconAfvalStyle0; }
 }, [1, "utrecht-icon-afval"]);

package/dist/components/utrecht-icon-afvalkalender.js

@@ -10,7 +10,7 @@ const UtrechtIconAfvalkalender$1 = /*@__PURE__*/ proxyCustomElement(class Utrech
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: 'a9982ece9dc19851bd78cad2adc354e87d3088e3', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '68d695a5d6590f9475fdad000726b8057b309459', d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22z" })));
+        return (h("svg", { key: 'b55a7c93bb83cbd36331d53eef03dec46d501389', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '1534648eff076978b6545b7c11a09ab07eb19f02', d: "M25.99 3V0h-2v6h-1V3l-11-.02V0h-2l-.02 6h-.98V3l-5-.02-.02 28.51c0 2.48 2.02 4.51 4.51 4.51l19.02.04c2.48 0 4.5-2.02 4.5-4.5V3zm-11.1 26.94c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m7.05-1.31c-.06.78-.71 1.38-1.49 1.38h-2.97c.41-.71.57-1.58.23-2.53a2.95 2.95 0 0 0-1.91-1.83c-.93-.29-1.81-.11-2.5.33l-.28-9.93h9.99l-1.06 12.58Zm3.05-14.61-13 .03V12l.99.02c0-.55.45-1 1-1h7.79c.55 0 1 .45 1 1h2.22z" })));
     }
     static get style() { return UtrechtIconAfvalkalenderStyle0; }
 }, [1, "utrecht-icon-afvalkalender"]);

package/dist/components/utrecht-icon-alleen.js

@@ -10,7 +10,7 @@ const UtrechtIconAlleen$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconAl
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '1baa3c3f939b04c2fba1ff6a235f282264db4a3f', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '70a326a3eecdfaa77ec4872a287e74a883c3bcd5', d: "m14.2 5.29.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23C26.8 1.96 24.05-.08 21-.08s-5.97 2.16-6.77 5.25l-.03.11Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Zm16.96 13.64.03 9.98c0 .54-.44.99-.98 1l-2.04.04-.04 2.93c0 .55-.44 1-.99 1l-11.91.07c-.55 0-1-.45-1-1V20h-.61c-4.52 0-7.42-3.74-7.42-8v-.93c0-.56.46-1.01 1.01-1l2 .03c.55 0 .99.45.99 1v.9c0 2.09 1.07 4 3.42 4H26c2.81 0 4.99 2.19 4.99 5ZM7.53 8H9c.55 0 1-.45 1-1V1c0-.55-.44-1-1-1S8 .45 8 1l-.02 2H7.5a2.5 2.5 0 0 0 0 5h.04Z" })));
+        return (h("svg", { key: 'dbbfb9860dc548baf4b54bd09a78426885456d45', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: 'f32df1e8443b132d1b3e55de9347f27ad576773b', d: "m14.2 5.29.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23C26.8 1.96 24.05-.08 21-.08s-5.97 2.16-6.77 5.25l-.03.11Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Zm16.96 13.64.03 9.98c0 .54-.44.99-.98 1l-2.04.04-.04 2.93c0 .55-.44 1-.99 1l-11.91.07c-.55 0-1-.45-1-1V20h-.61c-4.52 0-7.42-3.74-7.42-8v-.93c0-.56.46-1.01 1.01-1l2 .03c.55 0 .99.45.99 1v.9c0 2.09 1.07 4 3.42 4H26c2.81 0 4.99 2.19 4.99 5ZM7.53 8H9c.55 0 1-.45 1-1V1c0-.55-.44-1-1-1S8 .45 8 1l-.02 2H7.5a2.5 2.5 0 0 0 0 5h.04Z" })));
     }
     static get style() { return UtrechtIconAlleenStyle0; }
 }, [1, "utrecht-icon-alleen"]);