@utrecht/web-component-library-stencil 1.0.0-alpha.233 → 1.0.0-alpha.236

package/dist/components/utrecht-table-body.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tableBodyCss = ":host{vertical-align:baseline;display:table-row-group}";
+
+const TableBody = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+  static get style() { return tableBodyCss; }
+}, [1, "utrecht-table-body"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-table-body"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-table-body":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableBody);
+      }
+      break;
+  } });
+}
+
+const UtrechtTableBody = TableBody;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTableBody, defineCustomElement };

package/dist/components/utrecht-table-caption.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTableCaption extends Components.UtrechtTableCaption, HTMLElement {}
+export const UtrechtTableCaption: {
+  prototype: UtrechtTableCaption;
+  new (): UtrechtTableCaption;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/utrecht-table-caption.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const tableCaptionCss = ":host{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);text-align:var(--utrecht-table-caption-text-align, center);display:table-caption;page-break-after:avoid;page-break-inside:avoid}";
+
+const TableCaption = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
+    return h("slot", null);
+  }
+  static get style() { return tableCaptionCss; }
+}, [1, "utrecht-table-caption"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-table-caption"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-table-caption":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableCaption);
+      }
+      break;
+  } });
+}
+
+const UtrechtTableCaption = TableCaption;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTableCaption, defineCustomElement };

package/dist/components/utrecht-table-cell.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTableCell extends Components.UtrechtTableCell, HTMLElement {}
+export const UtrechtTableCell: {
+  prototype: UtrechtTableCell;
+  new (): UtrechtTableCell;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/utrecht-table-cell.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tableCellCss = ":host{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);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;display:table-cell}";
+
+const TableCell = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "cell" }, h("slot", null)));
+  }
+  static get style() { return tableCellCss; }
+}, [1, "utrecht-table-cell"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-table-cell"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-table-cell":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableCell);
+      }
+      break;
+  } });
+}
+
+const UtrechtTableCell = TableCell;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTableCell, defineCustomElement };

package/dist/components/utrecht-table-footer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTableFooter extends Components.UtrechtTableFooter, HTMLElement {}
+export const UtrechtTableFooter: {
+  prototype: UtrechtTableFooter;
+  new (): UtrechtTableFooter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tableFooterCss = ":host{display:table-footer-group}";
+
+const TableFooter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+  static get style() { return tableFooterCss; }
+}, [1, "utrecht-table-footer"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-table-footer"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-table-footer":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableFooter);
+      }
+      break;
+  } });
+}
+
+const UtrechtTableFooter = TableFooter;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTableFooter, defineCustomElement };

package/dist/components/utrecht-table-header-cell.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTableHeaderCell extends Components.UtrechtTableHeaderCell, HTMLElement {}
+export const UtrechtTableHeaderCell: {
+  prototype: UtrechtTableHeaderCell;
+  new (): UtrechtTableHeaderCell;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tableHeaderCellCss = ":host{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);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform);display:table-cell}";
+
+const TableHeaderCell = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", null)));
+  }
+  static get style() { return tableHeaderCellCss; }
+}, [1, "utrecht-table-header-cell", {
+    "scope": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-table-header-cell"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-table-header-cell":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableHeaderCell);
+      }
+      break;
+  } });
+}
+
+const UtrechtTableHeaderCell = TableHeaderCell;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTableHeaderCell, defineCustomElement };

package/dist/components/utrecht-table-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTableHeader extends Components.UtrechtTableHeader, HTMLElement {}
+export const UtrechtTableHeader: {
+  prototype: UtrechtTableHeader;
+  new (): UtrechtTableHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tableHeaderCss = ":host{background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom;display:table-header-group}";
+
+const TableHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+  static get style() { return tableHeaderCss; }
+}, [1, "utrecht-table-header"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-table-header"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-table-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableHeader);
+      }
+      break;
+  } });
+}
+
+const UtrechtTableHeader = TableHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTableHeader, defineCustomElement };

package/dist/components/utrecht-table-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTableRow extends Components.UtrechtTableRow, HTMLElement {}
+export const UtrechtTableRow: {
+  prototype: UtrechtTableRow;
+  new (): UtrechtTableRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tableRowCss = ":host{display:table-row}";
+
+const TableRow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "row" }, h("slot", null)));
+  }
+  static get style() { return tableRowCss; }
+}, [1, "utrecht-table-row"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-table-row"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-table-row":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TableRow);
+      }
+      break;
+  } });
+}
+
+const UtrechtTableRow = TableRow;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTableRow, defineCustomElement };

package/dist/components/utrecht-table.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTable extends Components.UtrechtTable, HTMLElement {}
+export const UtrechtTable: {
+  prototype: UtrechtTable;
+  new (): UtrechtTable;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/utrecht-table.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const tableCss = ":host{border-collapse:collapse;border-color:var(--utrecht-table-border-color, 0);border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);width:100%;display:table}";
+
+const Table = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { role: "table" }, h("slot", null)));
+  }
+  static get style() { return tableCss; }
+}, [1, "utrecht-table"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-table"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-table":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Table);
+      }
+      break;
+  } });
+}
+
+const UtrechtTable = Table;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTable, defineCustomElement };

package/dist/components/utrecht-textbox.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UtrechtTextbox extends Components.UtrechtTextbox, HTMLElement {}
+export const UtrechtTextbox: {
+  prototype: UtrechtTextbox;
+  new (): UtrechtTextbox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/utrecht-textbox.js

@@ -0,0 +1,65 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as clsx } from './clsx.m.js';
+
+const indexCss = ".utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
+
+const Textbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.utrechtBlur = createEvent(this, "utrechtBlur", 7);
+    this.utrechtChange = createEvent(this, "utrechtChange", 7);
+    this.utrechtFocus = createEvent(this, "utrechtFocus", 7);
+    this.utrechtInput = createEvent(this, "utrechtInput", 7);
+    this.autoComplete = '';
+    this.disabled = false;
+    this.invalid = false;
+    this.min = '';
+    this.max = '';
+    this.pattern = '';
+    this.placeholder = '';
+    this.readOnly = false;
+    this.required = false;
+    this.type = '';
+    this.value = '';
+  }
+  render() {
+    const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
+    return (h("input", { 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, min: min ? min : null, max: max ? 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);
+      } }));
+  }
+  static get style() { return indexCss; }
+}, [1, "utrecht-textbox", {
+    "autoComplete": [513, "autocomplete"],
+    "disabled": [516],
+    "invalid": [516],
+    "min": [1],
+    "max": [1],
+    "pattern": [1],
+    "placeholder": [1],
+    "readOnly": [516, "readonly"],
+    "required": [516],
+    "type": [513],
+    "value": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["utrecht-textbox"];
+  components.forEach(tagName => { switch (tagName) {
+    case "utrecht-textbox":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Textbox);
+      }
+      break;
+  } });
+}
+
+const UtrechtTextbox = Textbox;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtTextbox, defineCustomElement };

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["utrecht-contact-card-template",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-custom-checkbox",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["utrecht-article",[[1,"utrecht-article"]]],["utrecht-backdrop",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["utrecht-badge-counter",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data",[[1,"utrecht-badge-data"]]],["utrecht-badge-status",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox",[[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-form-toggle",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1",[[1,"utrecht-heading-1"]]],["utrecht-heading-4",[[1,"utrecht-heading-4"]]],["utrecht-heading-5",[[1,"utrecht-heading-5"]]],["utrecht-heading-6",[[1,"utrecht-heading-6"]]],["utrecht-html-content",[[4,"utrecht-html-content"]]],["utrecht-icon-afval",[[1,"utrecht-icon-afval"]]],["utrecht-icon-arrow",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information",[[1,"utrecht-icon-information"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-melding",[[1,"utrecht-icon-melding"]]],["utrecht-icon-paspoort",[[1,"utrecht-icon-paspoort"]]],["utrecht-icon-rijbewijs",[[1,"utrecht-icon-rijbewijs"]]],["utrecht-icon-toeslag",[[1,"utrecht-icon-toeslag"]]],["utrecht-icon-trouwen",[[1,"utrecht-icon-trouwen"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-verhuizen",[[1,"utrecht-icon-verhuizen"]]],["utrecht-icon-warning",[[1,"utrecht-icon-warning"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page",[[1,"utrecht-page"]]],["utrecht-page-content",[[1,"utrecht-page-content"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["utrecht-page-header",[[1,"utrecht-page-header"]]],["utrecht-pagination",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator",[[1,"utrecht-separator"]]],["utrecht-sidenav",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-table",[[1,"utrecht-table"]]],["utrecht-table-body",[[1,"utrecht-table-body"]]],["utrecht-table-caption",[[1,"utrecht-table-caption"]]],["utrecht-table-cell",[[1,"utrecht-table-cell"]]],["utrecht-table-footer",[[1,"utrecht-table-footer"]]],["utrecht-table-header",[[1,"utrecht-table-header"]]],["utrecht-table-header-cell",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["utrecht-table-row",[[1,"utrecht-table-row"]]],["utrecht-textbox",[[1,"utrecht-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-icon-checkmark",[[1,"utrecht-icon-checkmark"]]],["utrecht-heading-2_3",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2",[[1,"utrecht-button",{"appearance":[1],"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
+  return bootstrapLazy([["utrecht-contact-card-template",[[1,"utrecht-contact-card-template"]]],["utrecht-custom-checkbox",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["utrecht-digid-button",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-icon-container",[[1,"utrecht-icon-container"]]],["utrecht-icon-afspraak-maken",[[1,"utrecht-icon-afspraak-maken"]]],["utrecht-icon-afval",[[1,"utrecht-icon-afval"]]],["utrecht-icon-afval-scheiden",[[1,"utrecht-icon-afval-scheiden"]]],["utrecht-icon-afvalkalender",[[1,"utrecht-icon-afvalkalender"]]],["utrecht-icon-arrow",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-bestemmingsplan",[[1,"utrecht-icon-bestemmingsplan"]]],["utrecht-icon-betaaldatum",[[1,"utrecht-icon-betaaldatum"]]],["utrecht-icon-bewijsstukken",[[1,"utrecht-icon-bewijsstukken"]]],["utrecht-icon-bijstand",[[1,"utrecht-icon-bijstand"]]],["utrecht-icon-college-b-w",[[1,"utrecht-icon-college-b-w"]]],["utrecht-icon-cross",[[1,"utrecht-icon-cross"]]],["utrecht-icon-eikenprocessie",[[1,"utrecht-icon-eikenprocessie"]]],["utrecht-icon-energietransitie",[[1,"utrecht-icon-energietransitie"]]],["utrecht-icon-error",[[1,"utrecht-icon-error"]]],["utrecht-icon-evenementen",[[1,"utrecht-icon-evenementen"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-fiets",[[1,"utrecht-icon-fiets"]]],["utrecht-icon-filter",[[1,"utrecht-icon-filter"]]],["utrecht-icon-gegevenswoordenboek",[[1,"utrecht-icon-gegevenswoordenboek"]]],["utrecht-icon-gemeenteraad",[[1,"utrecht-icon-gemeenteraad"]]],["utrecht-icon-grofvuil",[[1,"utrecht-icon-grofvuil"]]],["utrecht-icon-horeca",[[1,"utrecht-icon-horeca"]]],["utrecht-icon-hulp-huishouden",[[1,"utrecht-icon-hulp-huishouden"]]],["utrecht-icon-hulp-vervoer",[[1,"utrecht-icon-hulp-vervoer"]]],["utrecht-icon-information",[[1,"utrecht-icon-information"]]],["utrecht-icon-innovatie",[[1,"utrecht-icon-innovatie"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-kalender",[[1,"utrecht-icon-kalender"]]],["utrecht-icon-klachten",[[1,"utrecht-icon-klachten"]]],["utrecht-icon-laadpaal",[[1,"utrecht-icon-laadpaal"]]],["utrecht-icon-lantaarnpaal",[[1,"utrecht-icon-lantaarnpaal"]]],["utrecht-icon-leren",[[1,"utrecht-icon-leren"]]],["utrecht-icon-let-op",[[1,"utrecht-icon-let-op"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-markt",[[1,"utrecht-icon-markt"]]],["utrecht-icon-melding",[[1,"utrecht-icon-melding"]]],["utrecht-icon-melding-klacht",[[1,"utrecht-icon-melding-klacht"]]],["utrecht-icon-milieu-ontheffing",[[1,"utrecht-icon-milieu-ontheffing"]]],["utrecht-icon-nieuw-huis",[[1,"utrecht-icon-nieuw-huis"]]],["utrecht-icon-nummerbord",[[1,"utrecht-icon-nummerbord"]]],["utrecht-icon-openingstijden",[[1,"utrecht-icon-openingstijden"]]],["utrecht-icon-panden",[[1,"utrecht-icon-panden"]]],["utrecht-icon-parkeerkaart",[[1,"utrecht-icon-parkeerkaart"]]],["utrecht-icon-parkeervergunning",[[1,"utrecht-icon-parkeervergunning"]]],["utrecht-icon-parken",[[1,"utrecht-icon-parken"]]],["utrecht-icon-parkeren-bedrijven",[[1,"utrecht-icon-parkeren-bedrijven"]]],["utrecht-icon-parkeren-betalen",[[1,"utrecht-icon-parkeren-betalen"]]],["utrecht-icon-paspoort",[[1,"utrecht-icon-paspoort"]]],["utrecht-icon-rijbewijs",[[1,"utrecht-icon-rijbewijs"]]],["utrecht-icon-shoppen",[[1,"utrecht-icon-shoppen"]]],["utrecht-icon-sport",[[1,"utrecht-icon-sport"]]],["utrecht-icon-toeslag",[[1,"utrecht-icon-toeslag"]]],["utrecht-icon-trouwen",[[1,"utrecht-icon-trouwen"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-vergoeding",[[1,"utrecht-icon-vergoeding"]]],["utrecht-icon-verhuizen",[[1,"utrecht-icon-verhuizen"]]],["utrecht-icon-vervoersvoorziening",[[1,"utrecht-icon-vervoersvoorziening"]]],["utrecht-icon-virus",[[1,"utrecht-icon-virus"]]],["utrecht-icon-vluchtelingen",[[1,"utrecht-icon-vluchtelingen"]]],["utrecht-icon-warm",[[1,"utrecht-icon-warm"]]],["utrecht-icon-warning",[[1,"utrecht-icon-warning"]]],["utrecht-icon-werken",[[1,"utrecht-icon-werken"]]],["utrecht-icon-werkzaamheden",[[1,"utrecht-icon-werkzaamheden"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-wonen-kosten",[[1,"utrecht-icon-wonen-kosten"]]],["utrecht-icon-woning-zoeken",[[1,"utrecht-icon-woning-zoeken"]]],["utrecht-icon-zoomin",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout",[[1,"utrecht-icon-zoomout"]]],["utrecht-icon-zwemmen",[[1,"utrecht-icon-zwemmen"]]],["utrecht-article",[[1,"utrecht-article"]]],["utrecht-backdrop",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["utrecht-badge-counter",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data",[[1,"utrecht-badge-data"]]],["utrecht-badge-status",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox",[[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-form-toggle",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1",[[1,"utrecht-heading-1"]]],["utrecht-heading-4",[[1,"utrecht-heading-4"]]],["utrecht-heading-5",[[1,"utrecht-heading-5"]]],["utrecht-heading-6",[[1,"utrecht-heading-6"]]],["utrecht-html-content",[[4,"utrecht-html-content"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page",[[1,"utrecht-page"]]],["utrecht-page-content",[[1,"utrecht-page-content"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["utrecht-page-header",[[1,"utrecht-page-header"]]],["utrecht-pagination",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator",[[1,"utrecht-separator"]]],["utrecht-sidenav",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-table",[[1,"utrecht-table"]]],["utrecht-table-body",[[1,"utrecht-table-body"]]],["utrecht-table-caption",[[1,"utrecht-table-caption"]]],["utrecht-table-cell",[[1,"utrecht-table-cell"]]],["utrecht-table-footer",[[1,"utrecht-table-footer"]]],["utrecht-table-header",[[1,"utrecht-table-header"]]],["utrecht-table-header-cell",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["utrecht-table-row",[[1,"utrecht-table-row"]]],["utrecht-textbox",[[1,"utrecht-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-icon-checkmark",[[1,"utrecht-icon-checkmark"]]],["utrecht-heading-2_3",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2",[[1,"utrecht-button",{"appearance":[1],"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
   });
 };
 

package/dist/esm/utrecht-icon-afspraak-maken.entry.js

@@ -0,0 +1,12 @@
+import { r as registerInstance, h } from './index-b6f2699c.js';
+
+const UtrechtIconAfspraakMaken = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M18 4C10.28 4 4 10.28 4 18s6.28 14 14 14 14-6.28 14-14S25.72 4 18 4Zm2 15.05L10.09 25l-1.42-2.32 8.5-5.04V7.72H20v11.33Z" }), h("path", { 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 0ZM18 34C9.18 34 2 26.82 2 18S9.18 2 18 2s16 7.18 16 16-7.18 16-16 16Z" }))));
+  }
+};
+
+export { UtrechtIconAfspraakMaken as utrecht_icon_afspraak_maken };

package/dist/esm/utrecht-icon-afval-scheiden.entry.js

@@ -0,0 +1,12 @@
+import { r as registerInstance, h } from './index-b6f2699c.js';
+
+const UtrechtIconAfvalScheiden = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M15.89 3.48c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5-3.5-1.57-3.5-3.5ZM10.14 36H4L3 22.98v-2h10l-.87 13.17A1.99 1.99 0 0 1 10.14 36Zm12 0h-6.15l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.17A2.004 2.004 0 0 1 22.14 36Zm11.99 0h-6.14l-1-13.02v-4h8c1.1 0 2 .9 2 2l-.86 13.16A2.017 2.017 0 0 1 34.12 36h.01ZM2.73 20.93l-1.73-1L5 13c.55-.96 1.78-1.28 2.73-.73l-5 8.66Zm22.25-9.05c0-1.59-1.3-2.88-2.89-2.88h-6.1c-1.41 0-2.6.64-3.25 1.92L8.99 19h3.18l2.82-5.67V17h10l-.02-5.12h.01Z" }))));
+  }
+};
+
+export { UtrechtIconAfvalScheiden as utrecht_icon_afval_scheiden };

package/dist/esm/utrecht-icon-afval.entry.js

@@ -1,15 +1,12 @@
 import { r as registerInstance, h } from './index-b6f2699c.js';
 
-const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
-
-const IconAfval = class {
+const UtrechtIconAfval = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h("svg", { width: "38", height: "27", viewBox: "0 0 38 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.000253331 4.00088L0.864407 22.4411C0.86744 22.5131 0.897882 22.5812 0.949373 22.6311C1.00086 22.681 1.06944 22.7088 1.14073 22.7088H2.21654C2.86845 22.7994 3.46585 23.1259 3.89817 23.6279C4.33049 24.1298 4.56846 24.7733 4.56802 25.4391C4.57095 25.4926 4.57095 25.5462 4.56802 25.5997V25.5997V26.028C4.56802 26.1021 4.59712 26.1733 4.64894 26.2257C4.70075 26.2781 4.77103 26.3076 4.84431 26.3076H11.4931C11.5615 26.3063 11.627 26.2795 11.6769 26.2323C11.7269 26.185 11.7578 26.1207 11.7636 26.0518L13.4801 4.01279C13.4834 3.97413 13.4787 3.93521 13.4663 3.8985C13.4538 3.86178 13.434 3.82806 13.408 3.79953C13.382 3.77099 13.3505 3.74824 13.3153 3.73272C13.2801 3.71721 13.2422 3.70927 13.2039 3.70941H0.270687C0.233889 3.71017 0.197604 3.71838 0.163978 3.73352C0.130351 3.74866 0.10004 3.77045 0.0748495 3.7976C0.0496587 3.82475 0.0300722 3.85672 0.0172608 3.89164C0.00444947 3.92655 -0.00132048 3.96367 0.000253331 4.00088V4.00088Z", fill: "currentColor" }), h("path", { d: "M13.1396 0.979083L0.406326 3.3882C0.369648 3.39413 0.33215 3.39267 0.296029 3.38391C0.259907 3.37515 0.225853 3.35926 0.195814 3.33715C0.165774 3.31504 0.140365 3.28717 0.121002 3.2551C0.101639 3.22302 0.0887298 3.18738 0.0830044 3.15024L0.00657829 2.72197C-0.00583682 2.6473 0.0103503 2.57066 0.0518599 2.50766C0.0933694 2.44465 0.157078 2.40003 0.229972 2.38291L12.9691 0.00352876C13.0055 -0.00236476 13.0426 -0.000867878 13.0784 0.00795815C13.1141 0.0167842 13.1477 0.0327745 13.1773 0.0549387C13.2069 0.0771029 13.2318 0.104994 13.2505 0.137028C13.2693 0.169061 13.2816 0.204592 13.2866 0.241481L13.363 0.669752C13.3703 0.740158 13.3515 0.810792 13.3102 0.867949C13.2689 0.925105 13.2081 0.964719 13.1396 0.979083V0.979083Z", fill: "currentColor" }), h("path", { d: "M2.06368 26.9619C3.05068 26.9619 3.85081 26.1523 3.85081 25.1535C3.85081 24.1548 3.05068 23.3452 2.06368 23.3452C1.07667 23.3452 0.27655 24.1548 0.27655 25.1535C0.27655 26.1523 1.07667 26.9619 2.06368 26.9619Z", fill: "currentColor" }), h("path", { d: "M33.5383 11.0319L36.607 9.24739C36.6329 9.23388 36.6546 9.21343 36.6698 9.18825C36.685 9.16306 36.693 9.13412 36.693 9.10463C36.693 9.07514 36.685 9.04624 36.6698 9.02105C36.6546 8.99587 36.6329 8.97539 36.607 8.96187L30.5284 6.18396C30.5036 6.17273 30.4764 6.16811 30.4494 6.17056C30.4223 6.17302 30.3963 6.18246 30.3739 6.19798C30.3515 6.21349 30.3334 6.23457 30.3213 6.25919C30.3093 6.28381 30.3036 6.31118 30.305 6.33863L30.4167 9.71734C30.4194 9.75744 30.4364 9.79518 30.4645 9.82361C30.4926 9.85203 30.5299 9.86923 30.5696 9.872C31.5963 9.95065 32.5747 10.345 33.3737 11.0022C33.3953 11.0228 33.4224 11.0366 33.4516 11.0419C33.4808 11.0472 33.511 11.0437 33.5383 11.0319V11.0319Z", fill: "currentColor" }), h("path", { d: "M37.9767 25.4272C37.9767 25.4272 36.8715 24.9216 35.0903 21.9355C34.4383 20.7059 34.0008 19.3717 33.797 17.9916C33.7994 17.9301 33.8134 17.8695 33.8381 17.8132L34.7846 15.7907C34.7871 15.763 34.7871 15.7352 34.7846 15.7074C34.8991 15.3838 34.9354 15.037 34.8904 14.6962C34.4436 11.609 32.4272 10.2111 29.1528 10.1456C27.5032 10.1781 25.9234 10.8245 24.7152 11.9614C23.5071 13.0983 22.7554 14.6458 22.6039 16.3082V16.3082C22.4645 17.7854 22.2407 19.2531 21.9337 20.7041C21.5105 22.4887 20.3759 25.4272 20.3759 25.4272C20.3112 25.5759 20.3759 25.7663 20.5169 25.7663H37.818C37.9591 25.7663 38.0414 25.5759 37.9767 25.4272Z", fill: "currentColor" })));
+    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M28.91 2.04h-21c0-1.09 1.35-1.98 3-1.98h15c1.65 0 3 .89 3 1.98ZM3.89 4.06c-.55 0-1 .45-1 1s.45 1 1 1h4l1.5 22.25c.48-.15.97-.25 1.5-.25 2.76 0 5 2.24 5 5 0 1.13-.39 2.16-1.02 3h8.02c1.47 0 2.79-1.54 3-3l3-27h2v-2h-27Zm7 26c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z" }))));
   }
 };
-IconAfval.style = indexCss;
 
-export { IconAfval as utrecht_icon_afval };
+export { UtrechtIconAfval as utrecht_icon_afval };

package/dist/esm/utrecht-icon-afvalkalender.entry.js

@@ -0,0 +1,12 @@
+import { r as registerInstance, h } from './index-b6f2699c.js';
+
+const UtrechtIconAfvalkalender = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { 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.5V3h-6.01Zm-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.5Zm7.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.22v2Z" }))));
+  }
+};
+
+export { UtrechtIconAfvalkalender as utrecht_icon_afvalkalender };

package/dist/esm/utrecht-icon-arrow.entry.js

@@ -1,15 +1,12 @@
 import { r as registerInstance, h } from './index-b6f2699c.js';
 
-const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
-
-const IconArrow = class {
+const UtrechtIconArrow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -3 24 24" }, h("title", null, "Arrow"), h("g", null, h("path", { fill: "currentColor", d: "M1.79289 19.0919C2.18341 19.4824 2.81659 19.4824 3.20711 19.0919L11.6923 10.6066C12.0828 10.2161 12.0828 9.58293 11.6923 9.1924L3.20711 0.707113C2.81658 0.316586 2.18342 0.316585 1.79289 0.707111L0.707104 1.7929C0.316581 2.18342 0.316579 2.81658 0.707099 3.20711L6.69232 9.1924C7.08284 9.58293 7.08284 10.2161 6.69232 10.6066L0.707097 16.5919C0.316577 16.9824 0.316577 17.6156 0.707096 18.0061L1.79289 19.0919Z" }))));
+    return (h("utrecht-icon-container", null, h("svg", { viewBox: "-6 -3 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "M1.793 19.092a1 1 0 0 0 1.414 0l8.485-8.485a1 1 0 0 0 0-1.415L3.207.707a1 1 0 0 0-1.414 0L.707 1.793a1 1 0 0 0 0 1.414l5.985 5.985a1 1 0 0 1 0 1.415L.707 16.592a1 1 0 0 0 0 1.414l1.086 1.086Z" }))));
   }
 };
-IconArrow.style = indexCss;
 
-export { IconArrow as utrecht_icon_arrow };
+export { UtrechtIconArrow as utrecht_icon_arrow };

package/dist/esm/utrecht-icon-bestemmingsplan.entry.js

@@ -0,0 +1,12 @@
+import { r as registerInstance, h } from './index-b6f2699c.js';
+
+const UtrechtIconBestemmingsplan = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("utrecht-icon-container", null, h("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "CurrentColor" }, h("path", { d: "m19.58 25.11-1.56 1.92-1.56-1.92c-.16-.2-2.67-3.32-4.72-7.05H6L0 33h30.02L36 18.06H24.3c-2.05 3.73-4.56 6.85-4.72 7.05Z" }), h("path", { d: "M11.15 11.1c.03.17.06.33.1.49 1.11 5.28 6.77 12.27 6.77 12.27s5.67-6.98 6.77-12.27c.04-.16.07-.32.1-.49 0-.06.02-.12.03-.18.04-.32.07-.64.07-.96 0-3.83-3.13-6.95-6.98-6.95s-6.98 3.12-6.98 6.95c0 .33.03.65.08.96 0 .06.02.12.03.18Zm6.87-4.15c1.66 0 3 1.34 3 2.99s-1.34 2.99-3 2.99-3-1.34-3-2.99 1.34-2.99 3-2.99Z" }))));
+  }
+};
+
+export { UtrechtIconBestemmingsplan as utrecht_icon_bestemmingsplan };