@utrecht/web-component-library-stencil 1.0.0-alpha.27 → 1.0.0-alpha.270

package/dist/esm/utrecht-pagination.entry.js

@@ -0,0 +1,34 @@
+import { r as registerInstance, h } from './index-31022c39.js';
+import { c as clsx } from './clsx.m-25174a58.js';
+
+const indexCss = ".utrecht-pagination__page-link:focus,.utrecht-pagination__relative-link:focus{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-pagination__page-link:focus:not(:focus-visible),.utrecht-pagination__relative-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-pagination{font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family))}.utrecht-pagination--distanced{margin-block-end:var(--utrecht-pagination-margin-block-end);margin-block-start:var(--utrecht-pagination-margin-block-start)}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color));color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__page-link{background-color:var(--utrecht-pagination-page-link-background-color);border-color:var(--utrecht-pagination-page-link-border-color, 0);border-radius:var(--utrecht-pagination-page-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-page-link-border-width);color:var(--utrecht-pagination-page-link-color);display:inline-block;font-weight:var(--utrecht-pagination-page-link-font-weight);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{--utrecht-pagination-page-link-background-color:var(--utrecht-pagination-page-link-current-background-color);--utrecht-pagination-page-link-border-color:var(--utrecht-pagination-page-link-current-border-color);--utrecht-pagination-page-link-color:var(--utrecht-pagination-page-link-current-color)}.utrecht-pagination__page-link--distanced,.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:hover{background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color))}.utrecht-pagination__page-link:focus,.utrecht-pagination__relative-link:focus{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-pagination__page-link:focus:not(:focus-visible),.utrecht-pagination__relative-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
+
+const Pagination = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    const { currentIndex } = this;
+    const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;
+    const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;
+    const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;
+    const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) => disabled ? (h("span", { class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), "aria-label": title || null }, textContent)) : (h("a", { href: href, class: clsx('utrecht-pagination__relative-link', disabled && 'utrecht-pagination__relative-link--disabled', rel === 'next' && 'utrecht-pagination__relative-link--next', rel === 'prev' && 'utrecht-pagination__relative-link--prev'), rel: rel, "aria-label": title || null }, textContent));
+    const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (h("a", { class: clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current'), href: href, "aria-current": current ? 'true' : null, rel: rel }, textContent));
+    return (h("nav", { class: "utrecht-pagination" }, h("span", { class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: 'prev', textContent: 'Vorige' })) : ''), h("span", { role: "group", class: "utrecht-pagination__pages" }, links
+      .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))
+      .map((link, arrayIndex) => {
+      const index = typeof link.index === 'number' ? link.index : arrayIndex;
+      return Object.assign({ index, current: typeof currentIndex === 'number' && index === currentIndex, rel: typeof currentIndex === 'number'
+          ? index === currentIndex + 1
+            ? 'next'
+            : index === currentIndex - 1
+              ? 'prev'
+              : null
+          : null, textContent: link.index || index }, link);
+    })
+      .map((link) => PageLink(link))), h("span", { class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: 'next', textContent: 'Volgende' })) : '')));
+  }
+};
+Pagination.style = indexCss;
+
+export { Pagination as utrecht_pagination };

package/dist/esm/utrecht-separator.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-73546a7d.js';
+import { r as registerInstance, h } from './index-31022c39.js';
 
-const bemCss = ".utrecht-separator{border-style:solid;border-color:var(--utrecht-separator-color);border-width:0 0 var(--utrecht-separator-width) 0;margin-block-start:var(--utrecht-separator-margin-block-start);margin-block-end:var(--utrecht-separator-margin-block-end)}";
+const indexCss = ".utrecht-separator{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0}.utrecht-separator--distanced{margin-block-end:var(--utrecht-separator-margin-block-end);margin-block-start:var(--utrecht-separator-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
 
 const Separator = class {
   constructor(hostRef) {
@@ -10,6 +10,6 @@ const Separator = class {
     return h("hr", { class: "utrecht-separator" });
   }
 };
-Separator.style = bemCss;
+Separator.style = indexCss;
 
 export { Separator as utrecht_separator };

package/dist/esm/utrecht-sidenav.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-73546a7d.js';
-import { c as clsx } from './clsx.m-071989db.js';
+import { r as registerInstance, h } from './index-31022c39.js';
+import { c as clsx } from './clsx.m-25174a58.js';
 
-const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{padding-block-start:0;padding-block-end:0;margin-block-start:0;margin-block-end:0;width:13rem;border-block-start:1px solid var(--utrecht-color-grey-80);border-block-end:1px solid var(--utrecht-color-grey-80)}.utrecht-sidenav__list{padding-block-start:0;padding-block-end:0;margin-block-start:0.2rem;margin-block-end:0;padding-inline-start:0}.utrecht-sidenav__list ul{padding-block-start:0;padding-block-end:0;margin-block-end:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;position:relative;margin-inline-start:0}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){display:block;border-block-end:1px solid var(--utrecht-color-grey-80);margin-inline-start:var(--utrecht-space-inline-sm)}.utrecht-sidenav__item .utrecht-sidenav__link--has-children{padding-block-end:0}.utrecht-sidenav__child__item{list-style:none}.utrecht-sidenav__link,.utrecht-sidenav__link--sibling{display:block;color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));padding-block-start:var(--utrecht-space-block-xs);padding-block-end:var(--utrecht-space-block-xs);padding-inline-start:var(--utrecht-space-inline-lg);padding-inline-end:var(--utrecht-space-inline-3xs);margin-inline-start:0;text-decoration:none}.utrecht-sidenav__link--child,.utrecht-sidenav__link--child--current{display:block;color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));text-decoration:none;padding-block-start:var(--utrecht-space-block-2xs);padding-block-end:var(--utrecht-space-block-2xs);padding-inline-start:var(--utrecht-space-inline-lg);padding-inline-end:var(--utrecht-space-inline-3xs);margin-block-start:0;margin-block-end:0}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before,.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before{overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(-2.5ch);content:\"\";width:8px;height:8px;border-radius:100%;z-index:10;box-shadow:0 0 2px 2px #fff;}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before{background-color:var(--utrecht-sidenav-item-marker-color)}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before{left:26px}.utrecht-sidenav__link--current::before{left:27px}.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link--sibling:hover::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__item a:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__link::after,.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after{display:block;content:\"\";overflow:hidden;width:3px;background:var(--utrecht-sidenav-item-marker-color);position:absolute;left:3px;top:-22px;bottom:0;z-index:5}.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,.utrecht-sidenav__link--current::after,.utrecht-sidenav__item--has-children a::after{min-height:38px;height:calc(38px + 2px)}.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after{content:\"\";display:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--child--current{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__list--child{margin-block-start:0;margin-block-end:0;padding-block-start:0;padding-block-end:0;padding-inline-start:1.4rem;padding-inline-end:0}.utrecht-sidenav__item--child{list-style:none;position:relative;border:none}.utrecht-sidenav__item--child:last-child{border:none}.utrecht-sidenav__link--child::before,.utrecht-sidenav__link--child--current::before{overflow:hidden;position:absolute;top:16px;left:1.2rem;transform:translateY(-50%) translateX(-19.5px);content:\"\";width:4px;height:4px;border-radius:100%;border:2px solid var(--utrecht-sidenav-link-color);z-index:10}.utrecht-sidenav__link--child::before{background-color:transparent}.utrecht-sidenav__link--current::before,.utrecht-sidenav__link--child--current::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__link--child:hover::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__item--child:first-child .utrecht-sidenav__link--child--current::after,.utrecht-sidenav__link--child::after,.utrecht-sidenav__item .utrecht-sidenav__item--child .utrecht-sidenav__link--child::after,.utrecht-sidenav__item .utrecht-sidenav__link--sibling::after,.utrecht-sidenav__item--sibling:last-child .utrecht-sidenav__link--sibling::after{display:none}.utrecht-sidenav__link:focus,.utrecht-sidenav__link--focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}";
+const indexCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:19rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__link:focus{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-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling):not(.utrecht-sidenav__link--parent):not(.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);bottom:0;content:\"\";display:block;height:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));left:3px;overflow:hidden;position:absolute;top:calc(var(--utrecht-sidenav-marker-offset));width:var(--utrecht-sidenav-connection-inline-size);z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);border-radius:100%;content:\"\";height:var(--utrecht-sidenav-marker-height);left:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));width:8px;z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;border:2px solid var(--utrecht-sidenav-link-color);height:4px;left:1.2rem;top:16px;transform:translateY(-50%) translateX(-19.5px);width:4px}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:none}";
 
 const Sidenav = class {
   constructor(hostRef) {
@@ -9,9 +9,9 @@ const Sidenav = class {
   }
   render() {
     const items = JSON.parse(this.json);
-    return (h("nav", { class: "utrecht-sidenav" }, h("ul", { class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }) => (h("li", { key: href, class: clsx("utrecht-sidenav__item", sibling && "utrecht-sidenav__item--sibling", haschildren && "utrecht-sidenav__item--has-children") }, h("a", { class: clsx("utrecht-sidenav__link", current && "utrecht-sidenav__link--current", focus && "utrecht-sidenav__link--focus", sibling && "utrecht-sidenav__link--sibling", haschildren && "utrecht-sidenav__link--has-children"), href: href }, title), h("span", null), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx("utrecht-sidenav__link utrecht-sidenav__link--child", current && "utrecht-sidenav__link--current utrecht-sidenav__link--child--current", focus && "utrecht-sidenav__link--focus"), href: href }, title)))))) : ("")))))));
+    return (h("nav", { class: "utrecht-sidenav" }, h("ul", { class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
   }
 };
-Sidenav.style = bemCss;
+Sidenav.style = indexCss;
 
 export { Sidenav as utrecht_sidenav };

package/dist/esm/utrecht-table-body.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-31022c39.js';
+
+const tableBodyCss = ":host{vertical-align:baseline;display:table-row-group}";
+
+const TableBody = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+};
+TableBody.style = tableBodyCss;
+
+export { TableBody as utrecht_table_body };

package/dist/esm/utrecht-table-caption.entry.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h } from './index-31022c39.js';
+
+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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
+    return h("slot", null);
+  }
+};
+TableCaption.style = tableCaptionCss;
+
+export { TableCaption as utrecht_table_caption };

package/dist/esm/utrecht-table-cell.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-31022c39.js';
+
+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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "cell" }, h("slot", null)));
+  }
+};
+TableCell.style = tableCellCss;
+
+export { TableCell as utrecht_table_cell };

package/dist/esm/utrecht-table-footer.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-31022c39.js';
+
+const tableFooterCss = ":host{display:table-footer-group}";
+
+const TableFooter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+};
+TableFooter.style = tableFooterCss;
+
+export { TableFooter as utrecht_table_footer };

package/dist/esm/utrecht-table-header-cell.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-31022c39.js';
+
+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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, h("slot", null)));
+  }
+};
+TableHeaderCell.style = tableHeaderCellCss;
+
+export { TableHeaderCell as utrecht_table_header_cell };

package/dist/esm/utrecht-table-header.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-31022c39.js';
+
+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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+};
+TableHeader.style = tableHeaderCss;
+
+export { TableHeader as utrecht_table_header };

package/dist/esm/utrecht-table-row.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-31022c39.js';
+
+const tableRowCss = ":host{display:table-row}";
+
+const TableRow = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "row" }, h("slot", null)));
+  }
+};
+TableRow.style = tableRowCss;
+
+export { TableRow as utrecht_table_row };

package/dist/esm/utrecht-table.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-31022c39.js';
+
+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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "table" }, h("slot", null)));
+  }
+};
+Table.style = tableCss;
+
+export { Table as utrecht_table };

package/dist/esm/utrecht-textbox.entry.js

@@ -0,0 +1,35 @@
+import { r as registerInstance, c as createEvent, h } from './index-31022c39.js';
+import { c as clsx } from './clsx.m-25174a58.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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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);
+      } }));
+  }
+};
+Textbox.style = indexCss;
+
+export { Textbox as utrecht_textbox };

package/dist/esm/utrecht.js

@@ -1,7 +1,7 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-73546a7d.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-31022c39.js';
 
 /*
- Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.17.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["utrecht-article",[[1,"utrecht-article"]]],["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-button",[[1,"utrecht-button",{"disabled":[4]}]]],["utrecht-document",[[1,"utrecht-document"]]],["utrecht-heading",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-html-content",[[4,"utrecht-html-content"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["utrecht-paragraph",[[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-separator",[[1,"utrecht-separator"]]],["utrecht-sidenav",[[1,"utrecht-sidenav",{"json":[1]}]]]], options);
+  return bootstrapLazy(JSON.parse("[[\"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-afspraak-maken\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-scheiden\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen\",[[1,\"utrecht-icon-alleen\"]]],[\"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-blad\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-college-b-w\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container-bio\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-cross\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-duurzaam\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-energie-vergoeding\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"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-gebruiker-centraal\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"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-huishoudelijk-geweld\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpverlening\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"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-kerstbomen\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon\",[[1,\"utrecht-icon-kroon\"]]],[\"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-menselijk\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-milieu-ontheffing\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-natuur\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nummerbord\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-omgeving\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-openingstijden\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-panden\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park\",[[1,\"utrecht-icon-park\"]]],[\"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-participatie-campagne\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-paspoort\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-rijbewijs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rolstoel\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-shoppen\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-sport\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-stookverbod\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strooien\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie-gezin\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-toeslag\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-vaccinatie\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergoeding\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkiezingen\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuurwerk\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok\",[[1,\"utrecht-icon-wandelstok\"]]],[\"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-zelfstandig-wonen\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoomin\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"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\"]]],[\"utrecht-icon-container\",[[1,\"utrecht-icon-container\"]]]]"), options);
 });

package/dist/packages/web-component-library-stencil/dist/components/index.d.ts

@@ -0,0 +1,184 @@
+/* utrecht custom elements */
+export { Article as UtrechtArticle } from '../types/article/web-component/index.stencil';
+export { Backdrop as UtrechtBackdrop } from '../types/backdrop/web-component/index.stencil';
+export { BadgeCounter as UtrechtBadgeCounter } from '../types/badge-counter/web-component/index.stencil';
+export { BadgeData as UtrechtBadgeData } from '../types/badge-data/web-component/index.stencil';
+export { BadgeStatus as UtrechtBadgeStatus } from '../types/badge-status/web-component/index.stencil';
+export { Breadcrumb as UtrechtBreadcrumb } from '../types/breadcrumb/web-component/index.stencil';
+export { Button as UtrechtButton } from '../types/button/web-component/index.stencil';
+export { Checkbox as UtrechtCheckbox } from '../types/checkbox/web-component/index.stencil';
+export { ContactCardTemplate as UtrechtContactCardTemplate } from '../types/templates/contact-card-template/web-component/index.stencil';
+export { CustomCheckbox as UtrechtCustomCheckbox } from '../types/custom-checkbox/web-component/index.stencil';
+export { DigidButton as UtrechtDigidButton } from '../types/digid-button/web-component/index.stencil';
+export { DigidLogo as UtrechtDigidLogo } from '../types/digid-logo/web-component/index.stencil';
+export { Document as UtrechtDocument } from '../types/document/web-component/index.stencil';
+export { EherkenningLogo as UtrechtEherkenningLogo } from '../types/eherkenning-logo/web-component/index.stencil';
+export { EidasLogo as UtrechtEidasLogo } from '../types/eidas-logo/web-component/index.stencil';
+export { FormFieldCheckbox as UtrechtFormFieldCheckbox } from '../types/form-field-checkbox/web-component/index.stencil';
+export { FormFieldDescription as UtrechtFormFieldDescription } from '../types/form-field-description/web-component/index.stencil';
+export { FormFieldTextarea as UtrechtFormFieldTextarea } from '../types/form-field-textarea/web-component/index.stencil';
+export { FormFieldTextbox as UtrechtFormFieldTextbox } from '../types/form-field-textbox/web-component/index.stencil';
+export { FormToggle as UtrechtFormToggle } from '../types/form-toggle/web-component/index.stencil';
+export { Heading as UtrechtHeading } from '../types/heading/web-component/index.stencil';
+export { Heading1 as UtrechtHeading1 } from '../types/heading-1/web-component/index.stencil';
+export { Heading2 as UtrechtHeading2 } from '../types/heading-2/web-component/index.stencil';
+export { Heading3 as UtrechtHeading3 } from '../types/heading-3/web-component/index.stencil';
+export { Heading4 as UtrechtHeading4 } from '../types/heading-4/web-component/index.stencil';
+export { Heading5 as UtrechtHeading5 } from '../types/heading-5/web-component/index.stencil';
+export { Heading6 as UtrechtHeading6 } from '../types/heading-6/web-component/index.stencil';
+export { HTMLContent as UtrechtHtmlContent } from '../types/html-content/web-component/index.stencil';
+export { UtrechtIconAfspraakMaken as UtrechtIconAfspraakMaken } from '../types/icon/tmp/components/utrecht-icon-afspraak-maken/utrecht-icon-afspraak-maken.stencil';
+export { UtrechtIconAfval as UtrechtIconAfval } from '../types/icon/tmp/components/utrecht-icon-afval/utrecht-icon-afval.stencil';
+export { UtrechtIconAfvalContainer as UtrechtIconAfvalContainer } from '../types/icon/tmp/components/utrecht-icon-afval-container/utrecht-icon-afval-container.stencil';
+export { UtrechtIconAfvalContainerpas as UtrechtIconAfvalContainerpas } from '../types/icon/tmp/components/utrecht-icon-afval-containerpas/utrecht-icon-afval-containerpas.stencil';
+export { UtrechtIconAfvalKalender as UtrechtIconAfvalKalender } from '../types/icon/tmp/components/utrecht-icon-afval-kalender/utrecht-icon-afval-kalender.stencil';
+export { UtrechtIconAfvalScheiden as UtrechtIconAfvalScheiden } from '../types/icon/tmp/components/utrecht-icon-afval-scheiden/utrecht-icon-afval-scheiden.stencil';
+export { UtrechtIconAfvalkalender as UtrechtIconAfvalkalender } from '../types/icon/tmp/components/utrecht-icon-afvalkalender/utrecht-icon-afvalkalender.stencil';
+export { UtrechtIconAlleen as UtrechtIconAlleen } from '../types/icon/tmp/components/utrecht-icon-alleen/utrecht-icon-alleen.stencil';
+export { UtrechtIconArrow as UtrechtIconArrow } from '../types/icon/tmp/components/utrecht-icon-arrow/utrecht-icon-arrow.stencil';
+export { UtrechtIconBestemmingsplan as UtrechtIconBestemmingsplan } from '../types/icon/tmp/components/utrecht-icon-bestemmingsplan/utrecht-icon-bestemmingsplan.stencil';
+export { UtrechtIconBetaaldatum as UtrechtIconBetaaldatum } from '../types/icon/tmp/components/utrecht-icon-betaaldatum/utrecht-icon-betaaldatum.stencil';
+export { UtrechtIconBewijsstukken as UtrechtIconBewijsstukken } from '../types/icon/tmp/components/utrecht-icon-bewijsstukken/utrecht-icon-bewijsstukken.stencil';
+export { UtrechtIconBijstand as UtrechtIconBijstand } from '../types/icon/tmp/components/utrecht-icon-bijstand/utrecht-icon-bijstand.stencil';
+export { UtrechtIconBlad as UtrechtIconBlad } from '../types/icon/tmp/components/utrecht-icon-blad/utrecht-icon-blad.stencil';
+export { UtrechtIconBouwproject as UtrechtIconBouwproject } from '../types/icon/tmp/components/utrecht-icon-bouwproject/utrecht-icon-bouwproject.stencil';
+export { UtrechtIconBrandgevaar as UtrechtIconBrandgevaar } from '../types/icon/tmp/components/utrecht-icon-brandgevaar/utrecht-icon-brandgevaar.stencil';
+export { UtrechtIconCheckmark as UtrechtIconCheckmark } from '../types/icon/tmp/components/utrecht-icon-checkmark/utrecht-icon-checkmark.stencil';
+export { UtrechtIconCollegeBW as UtrechtIconCollegeBW } from '../types/icon/tmp/components/utrecht-icon-college-b-w/utrecht-icon-college-b-w.stencil';
+export { UtrechtIconContainer as UtrechtIconContainer } from '../types/icon/tmp/components/utrecht-icon-container/utrecht-icon-container.stencil';
+export { UtrechtIconContainerBio as UtrechtIconContainerBio } from '../types/icon/tmp/components/utrecht-icon-container-bio/utrecht-icon-container-bio.stencil';
+export { UtrechtIconCross as UtrechtIconCross } from '../types/icon/tmp/components/utrecht-icon-cross/utrecht-icon-cross.stencil';
+export { UtrechtIconDakloos as UtrechtIconDakloos } from '../types/icon/tmp/components/utrecht-icon-dakloos/utrecht-icon-dakloos.stencil';
+export { UtrechtIconDementie as UtrechtIconDementie } from '../types/icon/tmp/components/utrecht-icon-dementie/utrecht-icon-dementie.stencil';
+export { UtrechtIconDuurzaam as UtrechtIconDuurzaam } from '../types/icon/tmp/components/utrecht-icon-duurzaam/utrecht-icon-duurzaam.stencil';
+export { UtrechtIconEenzaamheid as UtrechtIconEenzaamheid } from '../types/icon/tmp/components/utrecht-icon-eenzaamheid/utrecht-icon-eenzaamheid.stencil';
+export { UtrechtIconEikenprocessie as UtrechtIconEikenprocessie } from '../types/icon/tmp/components/utrecht-icon-eikenprocessie/utrecht-icon-eikenprocessie.stencil';
+export { UtrechtIconEnergieVergoeding as UtrechtIconEnergieVergoeding } from '../types/icon/tmp/components/utrecht-icon-energie-vergoeding/utrecht-icon-energie-vergoeding.stencil';
+export { UtrechtIconEnergietransitie as UtrechtIconEnergietransitie } from '../types/icon/tmp/components/utrecht-icon-energietransitie/utrecht-icon-energietransitie.stencil';
+export { UtrechtIconError as UtrechtIconError } from '../types/icon/tmp/components/utrecht-icon-error/utrecht-icon-error.stencil';
+export { UtrechtIconEvenementen as UtrechtIconEvenementen } from '../types/icon/tmp/components/utrecht-icon-evenementen/utrecht-icon-evenementen.stencil';
+export { UtrechtIconFacebook as UtrechtIconFacebook } from '../types/icon/tmp/components/utrecht-icon-facebook/utrecht-icon-facebook.stencil';
+export { UtrechtIconFiets as UtrechtIconFiets } from '../types/icon/tmp/components/utrecht-icon-fiets/utrecht-icon-fiets.stencil';
+export { UtrechtIconFilter as UtrechtIconFilter } from '../types/icon/tmp/components/utrecht-icon-filter/utrecht-icon-filter.stencil';
+export { UtrechtIconGebruikerCentraal as UtrechtIconGebruikerCentraal } from '../types/icon/tmp/components/utrecht-icon-gebruiker-centraal/utrecht-icon-gebruiker-centraal.stencil';
+export { UtrechtIconGegevenswoordenboek as UtrechtIconGegevenswoordenboek } from '../types/icon/tmp/components/utrecht-icon-gegevenswoordenboek/utrecht-icon-gegevenswoordenboek.stencil';
+export { UtrechtIconGemeenteraad as UtrechtIconGemeenteraad } from '../types/icon/tmp/components/utrecht-icon-gemeenteraad/utrecht-icon-gemeenteraad.stencil';
+export { UtrechtIconGrofvuil as UtrechtIconGrofvuil } from '../types/icon/tmp/components/utrecht-icon-grofvuil/utrecht-icon-grofvuil.stencil';
+export { UtrechtIconHoreca as UtrechtIconHoreca } from '../types/icon/tmp/components/utrecht-icon-horeca/utrecht-icon-horeca.stencil';
+export { UtrechtIconHuishoudelijkGeweld as UtrechtIconHuishoudelijkGeweld } from '../types/icon/tmp/components/utrecht-icon-huishoudelijk-geweld/utrecht-icon-huishoudelijk-geweld.stencil';
+export { UtrechtIconHulpHuishouden as UtrechtIconHulpHuishouden } from '../types/icon/tmp/components/utrecht-icon-hulp-huishouden/utrecht-icon-hulp-huishouden.stencil';
+export { UtrechtIconHulpVervoer as UtrechtIconHulpVervoer } from '../types/icon/tmp/components/utrecht-icon-hulp-vervoer/utrecht-icon-hulp-vervoer.stencil';
+export { UtrechtIconHulpZorg as UtrechtIconHulpZorg } from '../types/icon/tmp/components/utrecht-icon-hulp-zorg/utrecht-icon-hulp-zorg.stencil';
+export { UtrechtIconHulpverlening as UtrechtIconHulpverlening } from '../types/icon/tmp/components/utrecht-icon-hulpverlening/utrecht-icon-hulpverlening.stencil';
+export { UtrechtIconInformation as UtrechtIconInformation } from '../types/icon/tmp/components/utrecht-icon-information/utrecht-icon-information.stencil';
+export { UtrechtIconInnovatie as UtrechtIconInnovatie } from '../types/icon/tmp/components/utrecht-icon-innovatie/utrecht-icon-innovatie.stencil';
+export { UtrechtIconInstagram as UtrechtIconInstagram } from '../types/icon/tmp/components/utrecht-icon-instagram/utrecht-icon-instagram.stencil';
+export { UtrechtIconKalender as UtrechtIconKalender } from '../types/icon/tmp/components/utrecht-icon-kalender/utrecht-icon-kalender.stencil';
+export { UtrechtIconKerstbomen as UtrechtIconKerstbomen } from '../types/icon/tmp/components/utrecht-icon-kerstbomen/utrecht-icon-kerstbomen.stencil';
+export { UtrechtIconKlachten as UtrechtIconKlachten } from '../types/icon/tmp/components/utrecht-icon-klachten/utrecht-icon-klachten.stencil';
+export { UtrechtIconKroon as UtrechtIconKroon } from '../types/icon/tmp/components/utrecht-icon-kroon/utrecht-icon-kroon.stencil';
+export { UtrechtIconLaadpaal as UtrechtIconLaadpaal } from '../types/icon/tmp/components/utrecht-icon-laadpaal/utrecht-icon-laadpaal.stencil';
+export { UtrechtIconLantaarnpaal as UtrechtIconLantaarnpaal } from '../types/icon/tmp/components/utrecht-icon-lantaarnpaal/utrecht-icon-lantaarnpaal.stencil';
+export { UtrechtIconLeren as UtrechtIconLeren } from '../types/icon/tmp/components/utrecht-icon-leren/utrecht-icon-leren.stencil';
+export { UtrechtIconLetOp as UtrechtIconLetOp } from '../types/icon/tmp/components/utrecht-icon-let-op/utrecht-icon-let-op.stencil';
+export { UtrechtIconLinkedin as UtrechtIconLinkedin } from '../types/icon/tmp/components/utrecht-icon-linkedin/utrecht-icon-linkedin.stencil';
+export { UtrechtIconList as UtrechtIconList } from '../types/icon/tmp/components/utrecht-icon-list/utrecht-icon-list.stencil';
+export { UtrechtIconLoupe as UtrechtIconLoupe } from '../types/icon/tmp/components/utrecht-icon-loupe/utrecht-icon-loupe.stencil';
+export { UtrechtIconMarkt as UtrechtIconMarkt } from '../types/icon/tmp/components/utrecht-icon-markt/utrecht-icon-markt.stencil';
+export { UtrechtIconMelding as UtrechtIconMelding } from '../types/icon/tmp/components/utrecht-icon-melding/utrecht-icon-melding.stencil';
+export { UtrechtIconMeldingKlacht as UtrechtIconMeldingKlacht } from '../types/icon/tmp/components/utrecht-icon-melding-klacht/utrecht-icon-melding-klacht.stencil';
+export { UtrechtIconMenselijk as UtrechtIconMenselijk } from '../types/icon/tmp/components/utrecht-icon-menselijk/utrecht-icon-menselijk.stencil';
+export { UtrechtIconMilieuOntheffing as UtrechtIconMilieuOntheffing } from '../types/icon/tmp/components/utrecht-icon-milieu-ontheffing/utrecht-icon-milieu-ontheffing.stencil';
+export { UtrechtIconNatuur as UtrechtIconNatuur } from '../types/icon/tmp/components/utrecht-icon-natuur/utrecht-icon-natuur.stencil';
+export { UtrechtIconNieuwHuis as UtrechtIconNieuwHuis } from '../types/icon/tmp/components/utrecht-icon-nieuw-huis/utrecht-icon-nieuw-huis.stencil';
+export { UtrechtIconNummerbord as UtrechtIconNummerbord } from '../types/icon/tmp/components/utrecht-icon-nummerbord/utrecht-icon-nummerbord.stencil';
+export { UtrechtIconOmgeving as UtrechtIconOmgeving } from '../types/icon/tmp/components/utrecht-icon-omgeving/utrecht-icon-omgeving.stencil';
+export { UtrechtIconOmgevingsvisie as UtrechtIconOmgevingsvisie } from '../types/icon/tmp/components/utrecht-icon-omgevingsvisie/utrecht-icon-omgevingsvisie.stencil';
+export { UtrechtIconOmgevingswet as UtrechtIconOmgevingswet } from '../types/icon/tmp/components/utrecht-icon-omgevingswet/utrecht-icon-omgevingswet.stencil';
+export { UtrechtIconOnderhoud as UtrechtIconOnderhoud } from '../types/icon/tmp/components/utrecht-icon-onderhoud/utrecht-icon-onderhoud.stencil';
+export { UtrechtIconOpeningstijden as UtrechtIconOpeningstijden } from '../types/icon/tmp/components/utrecht-icon-openingstijden/utrecht-icon-openingstijden.stencil';
+export { UtrechtIconPanden as UtrechtIconPanden } from '../types/icon/tmp/components/utrecht-icon-panden/utrecht-icon-panden.stencil';
+export { UtrechtIconPark as UtrechtIconPark } from '../types/icon/tmp/components/utrecht-icon-park/utrecht-icon-park.stencil';
+export { UtrechtIconParkeerkaart as UtrechtIconParkeerkaart } from '../types/icon/tmp/components/utrecht-icon-parkeerkaart/utrecht-icon-parkeerkaart.stencil';
+export { UtrechtIconParkeervergunning as UtrechtIconParkeervergunning } from '../types/icon/tmp/components/utrecht-icon-parkeervergunning/utrecht-icon-parkeervergunning.stencil';
+export { UtrechtIconParken as UtrechtIconParken } from '../types/icon/tmp/components/utrecht-icon-parken/utrecht-icon-parken.stencil';
+export { UtrechtIconParkerenBedrijven as UtrechtIconParkerenBedrijven } from '../types/icon/tmp/components/utrecht-icon-parkeren-bedrijven/utrecht-icon-parkeren-bedrijven.stencil';
+export { UtrechtIconParkerenBetalen as UtrechtIconParkerenBetalen } from '../types/icon/tmp/components/utrecht-icon-parkeren-betalen/utrecht-icon-parkeren-betalen.stencil';
+export { UtrechtIconParticipatieCampagne as UtrechtIconParticipatieCampagne } from '../types/icon/tmp/components/utrecht-icon-participatie-campagne/utrecht-icon-participatie-campagne.stencil';
+export { UtrechtIconPaspoort as UtrechtIconPaspoort } from '../types/icon/tmp/components/utrecht-icon-paspoort/utrecht-icon-paspoort.stencil';
+export { UtrechtIconRijbewijs as UtrechtIconRijbewijs } from '../types/icon/tmp/components/utrecht-icon-rijbewijs/utrecht-icon-rijbewijs.stencil';
+export { UtrechtIconRolstoel as UtrechtIconRolstoel } from '../types/icon/tmp/components/utrecht-icon-rolstoel/utrecht-icon-rolstoel.stencil';
+export { UtrechtIconShoppen as UtrechtIconShoppen } from '../types/icon/tmp/components/utrecht-icon-shoppen/utrecht-icon-shoppen.stencil';
+export { UtrechtIconSinterklaas as UtrechtIconSinterklaas } from '../types/icon/tmp/components/utrecht-icon-sinterklaas/utrecht-icon-sinterklaas.stencil';
+export { UtrechtIconSport as UtrechtIconSport } from '../types/icon/tmp/components/utrecht-icon-sport/utrecht-icon-sport.stencil';
+export { UtrechtIconStookverbod as UtrechtIconStookverbod } from '../types/icon/tmp/components/utrecht-icon-stookverbod/utrecht-icon-stookverbod.stencil';
+export { UtrechtIconStrooien as UtrechtIconStrooien } from '../types/icon/tmp/components/utrecht-icon-strooien/utrecht-icon-strooien.stencil';
+export { UtrechtIconSubsidieGezin as UtrechtIconSubsidieGezin } from '../types/icon/tmp/components/utrecht-icon-subsidie-gezin/utrecht-icon-subsidie-gezin.stencil';
+export { UtrechtIconToeslag as UtrechtIconToeslag } from '../types/icon/tmp/components/utrecht-icon-toeslag/utrecht-icon-toeslag.stencil';
+export { UtrechtIconTrein as UtrechtIconTrein } from '../types/icon/tmp/components/utrecht-icon-trein/utrecht-icon-trein.stencil';
+export { UtrechtIconTrouwen as UtrechtIconTrouwen } from '../types/icon/tmp/components/utrecht-icon-trouwen/utrecht-icon-trouwen.stencil';
+export { UtrechtIconTwitter as UtrechtIconTwitter } from '../types/icon/tmp/components/utrecht-icon-twitter/utrecht-icon-twitter.stencil';
+export { UtrechtIconVaccinatie as UtrechtIconVaccinatie } from '../types/icon/tmp/components/utrecht-icon-vaccinatie/utrecht-icon-vaccinatie.stencil';
+export { UtrechtIconVeiligeWijk as UtrechtIconVeiligeWijk } from '../types/icon/tmp/components/utrecht-icon-veilige-wijk/utrecht-icon-veilige-wijk.stencil';
+export { UtrechtIconVergoeding as UtrechtIconVergoeding } from '../types/icon/tmp/components/utrecht-icon-vergoeding/utrecht-icon-vergoeding.stencil';
+export { UtrechtIconVerhuizen as UtrechtIconVerhuizen } from '../types/icon/tmp/components/utrecht-icon-verhuizen/utrecht-icon-verhuizen.stencil';
+export { UtrechtIconVerkiezingen as UtrechtIconVerkiezingen } from '../types/icon/tmp/components/utrecht-icon-verkiezingen/utrecht-icon-verkiezingen.stencil';
+export { UtrechtIconVerslaving as UtrechtIconVerslaving } from '../types/icon/tmp/components/utrecht-icon-verslaving/utrecht-icon-verslaving.stencil';
+export { UtrechtIconVervoersvoorziening as UtrechtIconVervoersvoorziening } from '../types/icon/tmp/components/utrecht-icon-vervoersvoorziening/utrecht-icon-vervoersvoorziening.stencil';
+export { UtrechtIconVirus as UtrechtIconVirus } from '../types/icon/tmp/components/utrecht-icon-virus/utrecht-icon-virus.stencil';
+export { UtrechtIconVluchtelingen as UtrechtIconVluchtelingen } from '../types/icon/tmp/components/utrecht-icon-vluchtelingen/utrecht-icon-vluchtelingen.stencil';
+export { UtrechtIconVoorzieningenVervoer as UtrechtIconVoorzieningenVervoer } from '../types/icon/tmp/components/utrecht-icon-voorzieningen-vervoer/utrecht-icon-voorzieningen-vervoer.stencil';
+export { UtrechtIconVrijwilligerswerk as UtrechtIconVrijwilligerswerk } from '../types/icon/tmp/components/utrecht-icon-vrijwilligerswerk/utrecht-icon-vrijwilligerswerk.stencil';
+export { UtrechtIconVuurwerk as UtrechtIconVuurwerk } from '../types/icon/tmp/components/utrecht-icon-vuurwerk/utrecht-icon-vuurwerk.stencil';
+export { UtrechtIconWandelstok as UtrechtIconWandelstok } from '../types/icon/tmp/components/utrecht-icon-wandelstok/utrecht-icon-wandelstok.stencil';
+export { UtrechtIconWarm as UtrechtIconWarm } from '../types/icon/tmp/components/utrecht-icon-warm/utrecht-icon-warm.stencil';
+export { UtrechtIconWarning as UtrechtIconWarning } from '../types/icon/tmp/components/utrecht-icon-warning/utrecht-icon-warning.stencil';
+export { UtrechtIconWerken as UtrechtIconWerken } from '../types/icon/tmp/components/utrecht-icon-werken/utrecht-icon-werken.stencil';
+export { UtrechtIconWerkzaamheden as UtrechtIconWerkzaamheden } from '../types/icon/tmp/components/utrecht-icon-werkzaamheden/utrecht-icon-werkzaamheden.stencil';
+export { UtrechtIconWhatsapp as UtrechtIconWhatsapp } from '../types/icon/tmp/components/utrecht-icon-whatsapp/utrecht-icon-whatsapp.stencil';
+export { UtrechtIconWonenKosten as UtrechtIconWonenKosten } from '../types/icon/tmp/components/utrecht-icon-wonen-kosten/utrecht-icon-wonen-kosten.stencil';
+export { UtrechtIconWoningZoeken as UtrechtIconWoningZoeken } from '../types/icon/tmp/components/utrecht-icon-woning-zoeken/utrecht-icon-woning-zoeken.stencil';
+export { UtrechtIconZelfstandigWonen as UtrechtIconZelfstandigWonen } from '../types/icon/tmp/components/utrecht-icon-zelfstandig-wonen/utrecht-icon-zelfstandig-wonen.stencil';
+export { UtrechtIconZoomin as UtrechtIconZoomin } from '../types/icon/tmp/components/utrecht-icon-zoomin/utrecht-icon-zoomin.stencil';
+export { UtrechtIconZoomout as UtrechtIconZoomout } from '../types/icon/tmp/components/utrecht-icon-zoomout/utrecht-icon-zoomout.stencil';
+export { UtrechtIconZorgHuis as UtrechtIconZorgHuis } from '../types/icon/tmp/components/utrecht-icon-zorg-huis/utrecht-icon-zorg-huis.stencil';
+export { UtrechtIconZwemmen as UtrechtIconZwemmen } from '../types/icon/tmp/components/utrecht-icon-zwemmen/utrecht-icon-zwemmen.stencil';
+export { Logo as UtrechtLogo } from '../types/logo/web-component/index.stencil';
+export { DigidButton as UtrechtLogoButton } from '../types/logo-button/web-component/index.stencil';
+export { Page as UtrechtPage } from '../types/page/web-component/index.stencil';
+export { Page as UtrechtPageContent } from '../types/page-content/web-component/index.stencil';
+export { PageFooter as UtrechtPageFooter } from '../types/page-footer/web-component/index.stencil';
+export { PageHeader as UtrechtPageHeader } from '../types/page-header/web-component/stencil';
+export { Pagination as UtrechtPagination } from '../types/pagination/web-component/index.stencil';
+export { Paragraph as UtrechtParagraph } from '../types/paragraph/web-component/index.stencil';
+export { Separator as UtrechtSeparator } from '../types/separator/web-component/index.stencil';
+export { Sidenav as UtrechtSidenav } from '../types/navigatie sidenav/web-component/index.stencil';
+export { Table as UtrechtTable } from '../types/table/web-component/table.stencil';
+export { TableBody as UtrechtTableBody } from '../types/table/web-component/table-body.stencil';
+export { TableCaption as UtrechtTableCaption } from '../types/table/web-component/table-caption.stencil';
+export { TableCell as UtrechtTableCell } from '../types/table/web-component/table-cell.stencil';
+export { TableFooter as UtrechtTableFooter } from '../types/table/web-component/table-footer.stencil';
+export { TableHeader as UtrechtTableHeader } from '../types/table/web-component/table-header.stencil';
+export { TableHeaderCell as UtrechtTableHeaderCell } from '../types/table/web-component/table-header-cell.stencil';
+export { TableRow as UtrechtTableRow } from '../types/table/web-component/table-row.stencil';
+export { Textbox as UtrechtTextbox } from '../types/textbox/web-component/index.stencil';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types/components';

package/dist/packages/web-component-library-stencil/dist/components/utrecht-article.d.ts

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

package/dist/packages/web-component-library-stencil/dist/components/utrecht-backdrop.d.ts

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