@utrecht/web-component-library-stencil 1.0.0-alpha.82 → 1.0.0-alpha.86

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-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],"type":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["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-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["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-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-heading-2_3",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]]], options);
+  return bootstrapLazy([["utrecht-contact-card-template",[[1,"utrecht-contact-card-template"]]],["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],"type":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["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-arrow",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross",[[1,"utrecht-icon-cross"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter",[[1,"utrecht-icon-filter"]]],["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-twitter",[[1,"utrecht-icon-twitter"]]],["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-footer",[[1,"utrecht-page-footer"]]],["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-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-heading-2_3",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]]], options);
   });
 };
 

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-1f406333.js';
+
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconArrow = 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" }))));
+  }
+};
+IconArrow.style = stencilCss;
+
+export { IconArrow as utrecht_icon_arrow };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-1f406333.js';
+
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconCross = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -3 24 24" }, h("title", null, "Arrow"), h("g", null, h("path", { fill: "currentColor", d: "M0.292897 1.37868C-0.0976322 1.76921 -0.0976324 2.40238 0.292897 2.7929L6.28364 8.7836C6.66684 9.17256 6.66701 9.79731 6.28415 10.1865L0.292896 16.1777C-0.0976317 16.5682 -0.0976317 17.2014 0.292894 17.5919L1.37868 18.6777C1.54958 18.8486 1.76695 18.9447 1.99011 18.966C2.0399 18.9708 2.08998 18.9718 2.1399 18.9691C2.37756 18.9564 2.61153 18.8592 2.79307 18.6777L8.7843 12.6864C9.17359 12.3036 9.79842 12.304 10.1873 12.6874L16.1775 18.6777C16.3556 18.8558 16.5842 18.9527 16.8172 18.9683C17.0952 18.987 17.3794 18.8901 17.5919 18.6777L18.6777 17.5919C19.0682 17.2014 19.0682 16.5682 18.6777 16.1777L12.6869 10.187C12.3037 9.79801 12.3036 9.17323 12.6865 8.78406L18.6777 2.7929C19.0682 2.40238 19.0682 1.76921 18.6777 1.37868L17.5919 0.292897C17.4019 0.102952 17.1546 0.00539363 16.9057 0.000220857C16.6428 -0.00528831 16.3781 0.0922701 16.1775 0.292896L10.1863 6.28416C9.79701 6.66694 9.17217 6.66662 8.78329 6.28318L2.79307 0.292907C2.61496 0.114795 2.38638 0.0179162 2.15336 0.00227038C1.87542 -0.0164342 1.59116 0.0804386 1.3787 0.292889L0.292897 1.37868Z" }))));
+  }
+};
+IconCross.style = stencilCss;
+
+export { IconCross as utrecht_icon_cross };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-1f406333.js';
 
-const stencilCss = ":host{display:inline-block}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
 
 const IconFacebook = class {
   constructor(hostRef) {

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-1f406333.js';
+
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconFilter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -1 24 24" }, h("title", null, "Filter"), h("rect", { x: "2", y: "6", width: "17", height: "2", rx: "0.5", fill: "currentColor" }), h("rect", { x: "4", y: "11", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), h("rect", { x: "6", y: "16", width: "9", height: "2", rx: "0.5", fill: "currentColor" })));
+  }
+};
+IconFilter.style = stencilCss;
+
+export { IconFilter as utrecht_icon_filter };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-1f406333.js';
 
-const stencilCss = ":host{display:inline-block}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
 
 const IconInstagram = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-1f406333.js';
 
-const stencilCss = ":host{display:inline-block}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
 
 const IconLinkedin = class {
   constructor(hostRef) {

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-1f406333.js';
+
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" }, h("title", null, "List"), h("rect", { x: "6", y: "18", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), h("rect", { x: "6", y: "12", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), h("rect", { x: "6", y: "6", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), h("circle", { cx: "3", cy: "7", r: "1", fill: "currentColor" }), h("circle", { cx: "3", cy: "13", r: "1", fill: "currentColor" }), h("circle", { cx: "3", cy: "19", r: "1", fill: "currentColor" })));
+  }
+};
+IconList.style = stencilCss;
+
+export { IconList as utrecht_icon_list };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-1f406333.js';
+
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconLoupe = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 -1 24 24" }, h("title", null, "Loupe"), h("g", null, h("path", { fill: "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.5028 16.2982C11.5839 18.3961 7.51217 18.1416 4.90662 15.5261C2.00474 12.613 2.02036 7.87451 4.94151 4.94223C7.86266 2.00995 12.5832 1.99433 15.485 4.90734C18.0906 7.52288 18.3441 11.6102 16.2541 14.5402C16.2813 14.5597 16.3073 14.5818 16.3317 14.6063L21.1481 19.4412C21.39 19.6839 21.3887 20.0788 21.1452 20.3232L20.2637 21.2081C20.0203 21.4524 19.6269 21.4537 19.3851 21.211L14.5686 16.3761C14.5442 16.3515 14.5223 16.3255 14.5028 16.2982ZM13.6987 13.733C11.7513 15.6879 8.60428 15.6983 6.66969 13.7563C4.7351 11.8143 4.74552 8.65523 6.69295 6.70038C8.64039 4.74553 11.7874 4.73512 13.722 6.67712C15.6566 8.61913 15.6461 11.7782 13.6987 13.733Z" }))));
+  }
+};
+IconLoupe.style = stencilCss;
+
+export { IconLoupe as utrecht_icon_loupe };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-1f406333.js';
 
-const stencilCss = ":host{display:inline-block}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
 
 const IconTwitter = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-1f406333.js';
 
-const stencilCss = ":host{display:inline-block}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
 
 const IconWhatsapp = class {
   constructor(hostRef) {

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-1f406333.js';
+
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconZoomin = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -2 24 24" }, h("title", null, "zoomout"), h("g", null, h("path", { fill: "currentColor", d: "M11.6 5C11.9314 5 12.2 5.26863 12.2 5.6L12.2 16.4C12.2 16.7314 11.9314 17 11.6 17H10.4C10.0686 17 9.8 16.7314 9.8 16.4L9.8 5.6C9.8 5.26863 10.0686 5 10.4 5L11.6 5Z" }), h("path", { fill: "currentColor", d: "M5 10.4C5 10.0686 5.26863 9.8 5.6 9.8H16.4C16.7314 9.8 17 10.0686 17 10.4V11.6C17 11.9314 16.7314 12.2 16.4 12.2H5.6C5.26863 12.2 5 11.9314 5 11.6V10.4Z" }))));
+  }
+};
+IconZoomin.style = stencilCss;
+
+export { IconZoomin as utrecht_icon_zoomin };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-1f406333.js';
+
+const stencilCss = ":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, var(--utrecht-document-color, currentColor));height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
+
+const IconZoomOut = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -11 24 24" }, h("title", null, "zoomin"), h("g", null, h("path", { fill: "currentColor", d: "M0 0.5C0 0.223858 0.223858 0 0.5 0H11.5C11.7761 0 12 0.223858 12 0.5V1.5C12 1.77614 11.7761 2 11.5 2H0.5C0.223858 2 0 1.77614 0 1.5V0.5Z" }))));
+  }
+};
+IconZoomOut.style = stencilCss;
+
+export { IconZoomOut as utrecht_icon_zoomout };

package/dist/esm/utrecht.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["utrecht-contact-card-template",[[1,"utrecht-contact-card-template"]]],["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],"type":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["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-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["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-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-heading-2_3",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]]], options);
+  return bootstrapLazy([["utrecht-contact-card-template",[[1,"utrecht-contact-card-template"]]],["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],"type":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["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-arrow",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross",[[1,"utrecht-icon-cross"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter",[[1,"utrecht-icon-filter"]]],["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-twitter",[[1,"utrecht-icon-twitter"]]],["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-footer",[[1,"utrecht-page-footer"]]],["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-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-heading-2_3",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]]], options);
 });

package/dist/icon/arrow.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconArrow {
+    render(): any;
+}

package/dist/icon/arrow.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconArrow = class IconArrow {
+    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" }))));
+    }
+};
+IconArrow = __decorate([
+    Component({
+        tag: "utrecht-icon-arrow",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconArrow);
+export { IconArrow };

package/dist/icon/cross.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconCross {
+    render(): any;
+}

package/dist/icon/cross.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconCross = class IconCross {
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -3 24 24" },
+            h("title", null, "Arrow"),
+            h("g", null,
+                h("path", { fill: "currentColor", d: "M0.292897 1.37868C-0.0976322 1.76921 -0.0976324 2.40238 0.292897 2.7929L6.28364 8.7836C6.66684 9.17256 6.66701 9.79731 6.28415 10.1865L0.292896 16.1777C-0.0976317 16.5682 -0.0976317 17.2014 0.292894 17.5919L1.37868 18.6777C1.54958 18.8486 1.76695 18.9447 1.99011 18.966C2.0399 18.9708 2.08998 18.9718 2.1399 18.9691C2.37756 18.9564 2.61153 18.8592 2.79307 18.6777L8.7843 12.6864C9.17359 12.3036 9.79842 12.304 10.1873 12.6874L16.1775 18.6777C16.3556 18.8558 16.5842 18.9527 16.8172 18.9683C17.0952 18.987 17.3794 18.8901 17.5919 18.6777L18.6777 17.5919C19.0682 17.2014 19.0682 16.5682 18.6777 16.1777L12.6869 10.187C12.3037 9.79801 12.3036 9.17323 12.6865 8.78406L18.6777 2.7929C19.0682 2.40238 19.0682 1.76921 18.6777 1.37868L17.5919 0.292897C17.4019 0.102952 17.1546 0.00539363 16.9057 0.000220857C16.6428 -0.00528831 16.3781 0.0922701 16.1775 0.292896L10.1863 6.28416C9.79701 6.66694 9.17217 6.66662 8.78329 6.28318L2.79307 0.292907C2.61496 0.114795 2.38638 0.0179162 2.15336 0.00227038C1.87542 -0.0164342 1.59116 0.0804386 1.3787 0.292889L0.292897 1.37868Z" }))));
+    }
+};
+IconCross = __decorate([
+    Component({
+        tag: "utrecht-icon-cross",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconCross);
+export { IconCross };

package/dist/icon/filter.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconFilter {
+    render(): any;
+}

package/dist/icon/filter.stencil.js

@@ -0,0 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconFilter = class IconFilter {
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -1 24 24" },
+            h("title", null, "Filter"),
+            h("rect", { x: "2", y: "6", width: "17", height: "2", rx: "0.5", fill: "currentColor" }),
+            h("rect", { x: "4", y: "11", width: "13", height: "2", rx: "0.5", fill: "currentColor" }),
+            h("rect", { x: "6", y: "16", width: "9", height: "2", rx: "0.5", fill: "currentColor" })));
+    }
+};
+IconFilter = __decorate([
+    Component({
+        tag: "utrecht-icon-filter",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconFilter);
+export { IconFilter };

package/dist/icon/list.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconList {
+    render(): any;
+}

package/dist/icon/list.stencil.js

@@ -0,0 +1,27 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconList = class IconList {
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" },
+            h("title", null, "List"),
+            h("rect", { x: "6", y: "18", width: "13", height: "2", rx: "0.5", fill: "currentColor" }),
+            h("rect", { x: "6", y: "12", width: "13", height: "2", rx: "0.5", fill: "currentColor" }),
+            h("rect", { x: "6", y: "6", width: "13", height: "2", rx: "0.5", fill: "currentColor" }),
+            h("circle", { cx: "3", cy: "7", r: "1", fill: "currentColor" }),
+            h("circle", { cx: "3", cy: "13", r: "1", fill: "currentColor" }),
+            h("circle", { cx: "3", cy: "19", r: "1", fill: "currentColor" })));
+    }
+};
+IconList = __decorate([
+    Component({
+        tag: "utrecht-icon-list",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconList);
+export { IconList };

package/dist/icon/loupe.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconLoupe {
+    render(): any;
+}

package/dist/icon/loupe.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconLoupe = class IconLoupe {
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 -1 24 24" },
+            h("title", null, "Loupe"),
+            h("g", null,
+                h("path", { fill: "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.5028 16.2982C11.5839 18.3961 7.51217 18.1416 4.90662 15.5261C2.00474 12.613 2.02036 7.87451 4.94151 4.94223C7.86266 2.00995 12.5832 1.99433 15.485 4.90734C18.0906 7.52288 18.3441 11.6102 16.2541 14.5402C16.2813 14.5597 16.3073 14.5818 16.3317 14.6063L21.1481 19.4412C21.39 19.6839 21.3887 20.0788 21.1452 20.3232L20.2637 21.2081C20.0203 21.4524 19.6269 21.4537 19.3851 21.211L14.5686 16.3761C14.5442 16.3515 14.5223 16.3255 14.5028 16.2982ZM13.6987 13.733C11.7513 15.6879 8.60428 15.6983 6.66969 13.7563C4.7351 11.8143 4.74552 8.65523 6.69295 6.70038C8.64039 4.74553 11.7874 4.73512 13.722 6.67712C15.6566 8.61913 15.6461 11.7782 13.6987 13.733Z" }))));
+    }
+};
+IconLoupe = __decorate([
+    Component({
+        tag: "utrecht-icon-loupe",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconLoupe);
+export { IconLoupe };

package/dist/icon/zoomin.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconZoomin {
+    render(): any;
+}

package/dist/icon/zoomin.stencil.js

@@ -0,0 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconZoomin = class IconZoomin {
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -2 24 24" },
+            h("title", null, "zoomout"),
+            h("g", null,
+                h("path", { fill: "currentColor", d: "M11.6 5C11.9314 5 12.2 5.26863 12.2 5.6L12.2 16.4C12.2 16.7314 11.9314 17 11.6 17H10.4C10.0686 17 9.8 16.7314 9.8 16.4L9.8 5.6C9.8 5.26863 10.0686 5 10.4 5L11.6 5Z" }),
+                h("path", { fill: "currentColor", d: "M5 10.4C5 10.0686 5.26863 9.8 5.6 9.8H16.4C16.7314 9.8 17 10.0686 17 10.4V11.6C17 11.9314 16.7314 12.2 16.4 12.2H5.6C5.26863 12.2 5 11.9314 5 11.6V10.4Z" }))));
+    }
+};
+IconZoomin = __decorate([
+    Component({
+        tag: "utrecht-icon-zoomin",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconZoomin);
+export { IconZoomin };

package/dist/icon/zoomout.stencil.d.ts

@@ -0,0 +1,3 @@
+export declare class IconZoomOut {
+    render(): any;
+}

package/dist/icon/zoomout.stencil.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h } from "@stencil/core";
+let IconZoomOut = class IconZoomOut {
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -11 24 24" },
+            h("title", null, "zoomin"),
+            h("g", null,
+                h("path", { fill: "currentColor", d: "M0 0.5C0 0.223858 0.223858 0 0.5 0H11.5C11.7761 0 12 0.223858 12 0.5V1.5C12 1.77614 11.7761 2 11.5 2H0.5C0.223858 2 0 1.77614 0 1.5V0.5Z" }))));
+    }
+};
+IconZoomOut = __decorate([
+    Component({
+        tag: "utrecht-icon-zoomout",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], IconZoomOut);
+export { IconZoomOut };

package/dist/types/components.d.ts

@@ -91,16 +91,30 @@ export namespace Components {
     }
     interface UtrechtHtmlContent {
     }
+    interface UtrechtIconArrow {
+    }
+    interface UtrechtIconCross {
+    }
     interface UtrechtIconFacebook {
     }
+    interface UtrechtIconFilter {
+    }
     interface UtrechtIconInstagram {
     }
     interface UtrechtIconLinkedin {
     }
+    interface UtrechtIconList {
+    }
+    interface UtrechtIconLoupe {
+    }
     interface UtrechtIconTwitter {
     }
     interface UtrechtIconWhatsapp {
     }
+    interface UtrechtIconZoomin {
+    }
+    interface UtrechtIconZoomout {
+    }
     interface UtrechtLogo {
     }
     interface UtrechtPageFooter {
@@ -269,12 +283,30 @@ declare global {
         prototype: HTMLUtrechtHtmlContentElement;
         new (): HTMLUtrechtHtmlContentElement;
     };
+    interface HTMLUtrechtIconArrowElement extends Components.UtrechtIconArrow, HTMLStencilElement {
+    }
+    var HTMLUtrechtIconArrowElement: {
+        prototype: HTMLUtrechtIconArrowElement;
+        new (): HTMLUtrechtIconArrowElement;
+    };
+    interface HTMLUtrechtIconCrossElement extends Components.UtrechtIconCross, HTMLStencilElement {
+    }
+    var HTMLUtrechtIconCrossElement: {
+        prototype: HTMLUtrechtIconCrossElement;
+        new (): HTMLUtrechtIconCrossElement;
+    };
     interface HTMLUtrechtIconFacebookElement extends Components.UtrechtIconFacebook, HTMLStencilElement {
     }
     var HTMLUtrechtIconFacebookElement: {
         prototype: HTMLUtrechtIconFacebookElement;
         new (): HTMLUtrechtIconFacebookElement;
     };
+    interface HTMLUtrechtIconFilterElement extends Components.UtrechtIconFilter, HTMLStencilElement {
+    }
+    var HTMLUtrechtIconFilterElement: {
+        prototype: HTMLUtrechtIconFilterElement;
+        new (): HTMLUtrechtIconFilterElement;
+    };
     interface HTMLUtrechtIconInstagramElement extends Components.UtrechtIconInstagram, HTMLStencilElement {
     }
     var HTMLUtrechtIconInstagramElement: {
@@ -287,6 +319,18 @@ declare global {
         prototype: HTMLUtrechtIconLinkedinElement;
         new (): HTMLUtrechtIconLinkedinElement;
     };
+    interface HTMLUtrechtIconListElement extends Components.UtrechtIconList, HTMLStencilElement {
+    }
+    var HTMLUtrechtIconListElement: {
+        prototype: HTMLUtrechtIconListElement;
+        new (): HTMLUtrechtIconListElement;
+    };
+    interface HTMLUtrechtIconLoupeElement extends Components.UtrechtIconLoupe, HTMLStencilElement {
+    }
+    var HTMLUtrechtIconLoupeElement: {
+        prototype: HTMLUtrechtIconLoupeElement;
+        new (): HTMLUtrechtIconLoupeElement;
+    };
     interface HTMLUtrechtIconTwitterElement extends Components.UtrechtIconTwitter, HTMLStencilElement {
     }
     var HTMLUtrechtIconTwitterElement: {
@@ -299,6 +343,18 @@ declare global {
         prototype: HTMLUtrechtIconWhatsappElement;
         new (): HTMLUtrechtIconWhatsappElement;
     };
+    interface HTMLUtrechtIconZoominElement extends Components.UtrechtIconZoomin, HTMLStencilElement {
+    }
+    var HTMLUtrechtIconZoominElement: {
+        prototype: HTMLUtrechtIconZoominElement;
+        new (): HTMLUtrechtIconZoominElement;
+    };
+    interface HTMLUtrechtIconZoomoutElement extends Components.UtrechtIconZoomout, HTMLStencilElement {
+    }
+    var HTMLUtrechtIconZoomoutElement: {
+        prototype: HTMLUtrechtIconZoomoutElement;
+        new (): HTMLUtrechtIconZoomoutElement;
+    };
     interface HTMLUtrechtLogoElement extends Components.UtrechtLogo, HTMLStencilElement {
     }
     var HTMLUtrechtLogoElement: {
@@ -364,11 +420,18 @@ declare global {
         "utrecht-heading-5": HTMLUtrechtHeading5Element;
         "utrecht-heading-6": HTMLUtrechtHeading6Element;
         "utrecht-html-content": HTMLUtrechtHtmlContentElement;
+        "utrecht-icon-arrow": HTMLUtrechtIconArrowElement;
+        "utrecht-icon-cross": HTMLUtrechtIconCrossElement;
         "utrecht-icon-facebook": HTMLUtrechtIconFacebookElement;
+        "utrecht-icon-filter": HTMLUtrechtIconFilterElement;
         "utrecht-icon-instagram": HTMLUtrechtIconInstagramElement;
         "utrecht-icon-linkedin": HTMLUtrechtIconLinkedinElement;
+        "utrecht-icon-list": HTMLUtrechtIconListElement;
+        "utrecht-icon-loupe": HTMLUtrechtIconLoupeElement;
         "utrecht-icon-twitter": HTMLUtrechtIconTwitterElement;
         "utrecht-icon-whatsapp": HTMLUtrechtIconWhatsappElement;
+        "utrecht-icon-zoomin": HTMLUtrechtIconZoominElement;
+        "utrecht-icon-zoomout": HTMLUtrechtIconZoomoutElement;
         "utrecht-logo": HTMLUtrechtLogoElement;
         "utrecht-page-footer": HTMLUtrechtPageFooterElement;
         "utrecht-pagination": HTMLUtrechtPaginationElement;
@@ -486,16 +549,30 @@ declare namespace LocalJSX {
     }
     interface UtrechtHtmlContent {
     }
+    interface UtrechtIconArrow {
+    }
+    interface UtrechtIconCross {
+    }
     interface UtrechtIconFacebook {
     }
+    interface UtrechtIconFilter {
+    }
     interface UtrechtIconInstagram {
     }
     interface UtrechtIconLinkedin {
     }
+    interface UtrechtIconList {
+    }
+    interface UtrechtIconLoupe {
+    }
     interface UtrechtIconTwitter {
     }
     interface UtrechtIconWhatsapp {
     }
+    interface UtrechtIconZoomin {
+    }
+    interface UtrechtIconZoomout {
+    }
     interface UtrechtLogo {
     }
     interface UtrechtPageFooter {
@@ -557,11 +634,18 @@ declare namespace LocalJSX {
         "utrecht-heading-5": UtrechtHeading5;
         "utrecht-heading-6": UtrechtHeading6;
         "utrecht-html-content": UtrechtHtmlContent;
+        "utrecht-icon-arrow": UtrechtIconArrow;
+        "utrecht-icon-cross": UtrechtIconCross;
         "utrecht-icon-facebook": UtrechtIconFacebook;
+        "utrecht-icon-filter": UtrechtIconFilter;
         "utrecht-icon-instagram": UtrechtIconInstagram;
         "utrecht-icon-linkedin": UtrechtIconLinkedin;
+        "utrecht-icon-list": UtrechtIconList;
+        "utrecht-icon-loupe": UtrechtIconLoupe;
         "utrecht-icon-twitter": UtrechtIconTwitter;
         "utrecht-icon-whatsapp": UtrechtIconWhatsapp;
+        "utrecht-icon-zoomin": UtrechtIconZoomin;
+        "utrecht-icon-zoomout": UtrechtIconZoomout;
         "utrecht-logo": UtrechtLogo;
         "utrecht-page-footer": UtrechtPageFooter;
         "utrecht-pagination": UtrechtPagination;
@@ -597,11 +681,18 @@ declare module "@stencil/core" {
             "utrecht-heading-5": LocalJSX.UtrechtHeading5 & JSXBase.HTMLAttributes<HTMLUtrechtHeading5Element>;
             "utrecht-heading-6": LocalJSX.UtrechtHeading6 & JSXBase.HTMLAttributes<HTMLUtrechtHeading6Element>;
             "utrecht-html-content": LocalJSX.UtrechtHtmlContent & JSXBase.HTMLAttributes<HTMLUtrechtHtmlContentElement>;
+            "utrecht-icon-arrow": LocalJSX.UtrechtIconArrow & JSXBase.HTMLAttributes<HTMLUtrechtIconArrowElement>;
+            "utrecht-icon-cross": LocalJSX.UtrechtIconCross & JSXBase.HTMLAttributes<HTMLUtrechtIconCrossElement>;
             "utrecht-icon-facebook": LocalJSX.UtrechtIconFacebook & JSXBase.HTMLAttributes<HTMLUtrechtIconFacebookElement>;
+            "utrecht-icon-filter": LocalJSX.UtrechtIconFilter & JSXBase.HTMLAttributes<HTMLUtrechtIconFilterElement>;
             "utrecht-icon-instagram": LocalJSX.UtrechtIconInstagram & JSXBase.HTMLAttributes<HTMLUtrechtIconInstagramElement>;
             "utrecht-icon-linkedin": LocalJSX.UtrechtIconLinkedin & JSXBase.HTMLAttributes<HTMLUtrechtIconLinkedinElement>;
+            "utrecht-icon-list": LocalJSX.UtrechtIconList & JSXBase.HTMLAttributes<HTMLUtrechtIconListElement>;
+            "utrecht-icon-loupe": LocalJSX.UtrechtIconLoupe & JSXBase.HTMLAttributes<HTMLUtrechtIconLoupeElement>;
             "utrecht-icon-twitter": LocalJSX.UtrechtIconTwitter & JSXBase.HTMLAttributes<HTMLUtrechtIconTwitterElement>;
             "utrecht-icon-whatsapp": LocalJSX.UtrechtIconWhatsapp & JSXBase.HTMLAttributes<HTMLUtrechtIconWhatsappElement>;
+            "utrecht-icon-zoomin": LocalJSX.UtrechtIconZoomin & JSXBase.HTMLAttributes<HTMLUtrechtIconZoominElement>;
+            "utrecht-icon-zoomout": LocalJSX.UtrechtIconZoomout & JSXBase.HTMLAttributes<HTMLUtrechtIconZoomoutElement>;
             "utrecht-logo": LocalJSX.UtrechtLogo & JSXBase.HTMLAttributes<HTMLUtrechtLogoElement>;
             "utrecht-page-footer": LocalJSX.UtrechtPageFooter & JSXBase.HTMLAttributes<HTMLUtrechtPageFooterElement>;
             "utrecht-pagination": LocalJSX.UtrechtPagination & JSXBase.HTMLAttributes<HTMLUtrechtPaginationElement>;