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

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-button.cjs",[[1,"utrecht-button",{"disabled":[4],"type":[1]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea.cjs",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox.cjs",[[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.cjs",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[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.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]]], options);
+  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-button.cjs",[[1,"utrecht-button",{"disabled":[4],"type":[1]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea.cjs",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox.cjs",[[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.cjs",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list.cjs",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe.cjs",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin.cjs",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout.cjs",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[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.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]]], options);
   });
 };
 

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-faf30303.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) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -3 24 24" }, index.h("title", null, "Arrow"), index.h("g", null, index.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;
+
+exports.utrecht_icon_arrow = IconArrow;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-faf30303.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) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -3 24 24" }, index.h("title", null, "Arrow"), index.h("g", null, index.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;
+
+exports.utrecht_icon_cross = IconCross;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-faf30303.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/cjs/utrecht-icon-filter.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-faf30303.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) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -1 24 24" }, index.h("title", null, "Filter"), index.h("rect", { x: "2", y: "6", width: "17", height: "2", rx: "0.5", fill: "currentColor" }), index.h("rect", { x: "4", y: "11", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), index.h("rect", { x: "6", y: "16", width: "9", height: "2", rx: "0.5", fill: "currentColor" })));
+  }
+};
+IconFilter.style = stencilCss;
+
+exports.utrecht_icon_filter = IconFilter;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-faf30303.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/cjs/utrecht-icon-linkedin.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-faf30303.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/cjs/utrecht-icon-list.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-faf30303.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) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" }, index.h("title", null, "List"), index.h("rect", { x: "6", y: "18", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), index.h("rect", { x: "6", y: "12", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), index.h("rect", { x: "6", y: "6", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), index.h("circle", { cx: "3", cy: "7", r: "1", fill: "currentColor" }), index.h("circle", { cx: "3", cy: "13", r: "1", fill: "currentColor" }), index.h("circle", { cx: "3", cy: "19", r: "1", fill: "currentColor" })));
+  }
+};
+IconList.style = stencilCss;
+
+exports.utrecht_icon_list = IconList;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-faf30303.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) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 -1 24 24" }, index.h("title", null, "Loupe"), index.h("g", null, index.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;
+
+exports.utrecht_icon_loupe = IconLoupe;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-faf30303.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/cjs/utrecht-icon-whatsapp.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-faf30303.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/cjs/utrecht-icon-zoomin.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-faf30303.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) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -2 24 24" }, index.h("title", null, "zoomout"), index.h("g", null, index.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" }), index.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;
+
+exports.utrecht_icon_zoomin = IconZoomin;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-faf30303.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) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -11 24 24" }, index.h("title", null, "zoomin"), index.h("g", null, index.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;
+
+exports.utrecht_icon_zoomout = IconZoomOut;

package/dist/cjs/utrecht.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-button.cjs",[[1,"utrecht-button",{"disabled":[4],"type":[1]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea.cjs",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox.cjs",[[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.cjs",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[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.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]]], options);
+  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-button.cjs",[[1,"utrecht-button",{"disabled":[4],"type":[1]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea.cjs",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox.cjs",[[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.cjs",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list.cjs",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe.cjs",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin.cjs",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout.cjs",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[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.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]]], options);
 });

package/dist/collection/alternate-lang-link/bem.js

@@ -0,0 +1,21 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import clsx from 'clsx';
+
+export const defaultArgs = {
+  current: false,
+  hreflang: '',
+  lang: '',
+  textContent: '',
+  title: '',
+};
+
+export const AlternateLangLink = ({ textContent = '', title = '', current = false, lang = '', hreflang = '' }) =>
+  `<a href="https://example.com/${lang}/" class="${clsx('utrecht-link', 'utrecht-link--alternate-lang', {
+    'utrecht-link--current-lang': current,
+  })}"${current ? ' aria-current="page"' : ''}${title ? ` title="${title}"` : ''}${
+    hreflang ? ` hreflang="${hreflang}"` : ''
+  }${lang ? ` lang="${lang}"` : ''}${!current ? ' rel="alternate"' : ''}>${textContent}</a>`;

package/dist/collection/alternate-lang-nav/bem.js

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import { AlternateLangLink } from '../alternate-lang-link/bem';
+
+export const AlternateLangNav = ({ languages }) =>
+  `<div class="utrecht-alternate-lang-nav">
+${languages.map(AlternateLangLink).join('\n<span aria-hidden="true"> | </span>\n')}
+</div>`;

package/dist/collection/article/bem.js

@@ -0,0 +1,6 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+export const Article = ({ content }) => `<div class="utrecht-article">${content}</div>`;

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

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+export const BadgeCounter = ({ textContent = '' }) =>
+  `<span class="utrecht-badge-counter"><span class="utrecht-badge-counter__text">${textContent}</span></span>`;

package/dist/collection/badge-data/bem.js

@@ -0,0 +1,6 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+export const BadgeData = ({ textContent = '' }) => `<div class="utrecht-badge-data">${textContent}</div>`;

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

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+export const BadgeStatus = ({ status = '', textContent = '' }) =>
+  `<div class="utrecht-badge-status utrecht-badge-status--${status ? status : 'neutral'}">${textContent}</div>`;

package/dist/collection/blockquote/bem.js

@@ -0,0 +1,24 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import clsx from 'clsx';
+
+export const defaultArgs = {
+  textContent: '',
+  attribution: null,
+  distanced: false,
+};
+
+export const Blockquote = ({ textContent = '', attribution = null, distanced = false }) =>
+  `<blockquote class="${clsx('utrecht-blockquote', { 'utrecht-blockquote--distanced': distanced })}">
+  <div class="utrecht-blockquote__content">
+    <p>${textContent}</p>${
+    attribution
+      ? `
+    <div class="utrecht-blockquote__attribution">${attribution}</div>`
+      : ''
+  }
+  </div>
+</blockquote>`;

package/dist/collection/breadcrumb/bem.js

@@ -0,0 +1,34 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import clsx from 'clsx';
+
+export const Breadcrumb = ({ items, microdata, variant }) => `<nav class="${clsx(
+  'utrecht-breadcrumb',
+  variant === 'arrows' && 'utrecht-breadcrumb--arrows',
+)}">
+  <ol class="utrecht-breadcrumb__list"${
+    microdata ? ' itemscope itemtype="https://schema.org/BreadcrumbList"' : ''
+  }>${items
+  .map(
+    ({ href, title, current, focus }, index) => `
+    <li class="utrecht-breadcrumb__item"${
+      microdata ? ' itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"' : ''
+    }>
+      <a class="${clsx(
+        'utrecht-breadcrumb__link',
+        focus && 'utrecht-breadcrumb__link--focus',
+        'utrecht-link',
+        current && 'utrecht-link--current',
+        focus && 'utrecht-link--focus',
+      )}" href="${href}"${current ? ' aria-current="location"' : ''}${microdata ? ' itemprop="item"' : ''}>
+      <span class="utrecht-breadcrumb__text"${microdata ? ' itemprop="name"' : ''}>${title}</span>
+      ${microdata ? `<meta itemprop="position" content="${index + 1}" />` : ''}
+    </a>
+      </li>`,
+  )
+  .join('\n')}
+  </ol>
+</nav>`;

package/dist/collection/button/bem.js

@@ -0,0 +1,21 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import clsx from 'clsx';
+
+export const defaultArgs = {
+  disabled: false,
+  focus: false,
+  hover: false,
+  textContent: '',
+};
+
+export const Button = ({ textContent = '', focus = false, hover = false, disabled = false }) =>
+  `<button class="${clsx('utrecht-button', {
+    'utrecht-button--hover': hover,
+    'utrecht-button--focus': focus,
+    'utrecht-button--disabled': disabled,
+  })}"${disabled ? ' aria-disabled="true"' : ''}>${textContent}</button>`;

package/dist/collection/collection-manifest.json

@@ -21,11 +21,18 @@
     "./heading-5/stencil.js",
     "./heading-6/stencil.js",
     "./html-content/stencil.js",
+    "./icon/arrow.stencil.js",
+    "./icon/cross.stencil.js",
     "./icon/facebook.stencil.js",
+    "./icon/filter.stencil.js",
     "./icon/instagram.stencil.js",
     "./icon/linkedin.stencil.js",
+    "./icon/list.stencil.js",
+    "./icon/loupe.stencil.js",
     "./icon/twitter.stencil.js",
     "./icon/whatsapp.stencil.js",
+    "./icon/zoomin.stencil.js",
+    "./icon/zoomout.stencil.js",
     "./logo/stencil.js",
     "./navigatie sidenav/stencil.js",
     "./page-footer/stencil.js",

package/dist/collection/emphasis/bem.js

@@ -0,0 +1,19 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+import clsx from 'clsx';
+
+export const defaultArgs = {
+  stressed: false,
+  strong: false,
+  textContent: '',
+};
+
+export const Emphasis = ({ textContent = '', stressed = false, strong = false }) =>
+  `<span class="${clsx(
+    'utrecht-emphasis',
+    stressed && 'utrecht-emphasis--stressed',
+    strong && 'utrecht-emphasis--strong',
+  )}">${textContent}</span>`;

package/dist/collection/form-field-checkbox/bem.js

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+export const FormFieldCheckbox = ({ label = '' }) =>
+  `<div class="utrecht-form-field utrecht-form-field--checkbox utrecht-form-field--distanced">
+    <input type="checkbox" class="utrecht-form-field__input utrecht-checkbox" id="id-ce0239e2">
+  <label class="utrecht-form-field__label utrecht-form-field__label--checkbox utrecht-form-label utrecht-form-label--checkbox" for="id-ce0239e2">${label}</label>
+</div>`;

package/dist/collection/form-field-checkbox-group/bem.js

@@ -0,0 +1,33 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+export const FormFieldCheckboxGroup = ({
+  label,
+  options,
+  groupLabelId = 'group-label',
+}) => `<div class="utrecht-form-field-checkbox-group utrecht-form-field-checkbox-group--distanced" role="group" aria-labelledby="${groupLabelId}">
+  <div class="utrecht-form-field-checkbox-group__label utrecht-form-label" id="${groupLabelId}">${label}</div>
+  ${options
+    .map((option, index) => ({
+      ...option,
+      id: options.id || `option-${index}`,
+    }))
+    .map(
+      ({
+        id,
+        label,
+        name,
+        value,
+        checked,
+      }) => `<div class="utrecht-form-field utrecht-form-field--checkbox utrecht-form-field--distanced">
+    <input type="checkbox" class="utrecht-form-field__input utrecht-checkbox" id="${id}" value="${value}"${
+        checked ? ' checked' : ''
+      } name="${name}">
+    <label class="utrecht-form-field__label utrecht-form-field__label--checkbox utrecht-form-label utrecht-form-label--checkbox" for="${id}">${label}</label>
+  </div>`,
+    )
+    .join('\n')}
+  </div>`;