@utrecht/web-component-library-stencil 1.0.0-alpha.102 → 1.0.0-alpha.106

package/dist/esm/loader.js

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

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-26eb3bc0.js';
 import { c as clsx } from './clsx.m-071989db.js';
 
-const stencilCss = ".utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc( var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size) )}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline)}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link:focus,.utrecht-link--focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link--telephone{white-space:nowrap}:host{display:block}:host([hidden]){display:none !important}";
+const stencilCss = ".utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline)}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link:focus,.utrecht-link--focus{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link--telephone{white-space:nowrap}:host{display:block}:host([hidden]){display:none !important}";
 
 const Breadcrumb = class {
   constructor(hostRef) {

package/dist/esm/utrecht-custom-checkbox.entry.js

@@ -0,0 +1,48 @@
+import { r as registerInstance, c as createEvent, h } from './index-26eb3bc0.js';
+import { c as clsx } from './clsx.m-071989db.js';
+
+const stencilCss = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-checkbox{--utrecht-icon-size:var(--utrecht-custom-checkbox-icon-size, calc(0.75 * var(--utrecht-custom-checkbox-size)));display:inline-block;height:var(--utrecht-custom-checkbox-size);position:relative;width:var(--utrecht-custom-checkbox-size)}.utrecht-custom-checkbox__input,.utrecht-custom-checkbox__box{left:0;position:absolute;top:0}.utrecht-custom-checkbox__input{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;height:var(--utrecht-custom-checkbox-size);opacity:0%;width:var(--utrecht-custom-checkbox-size);z-index:10}.utrecht-custom-checkbox__box{align-items:center;background-color:var(--utrecht-custom-checkbox-background-color);border-color:var(--utrecht-custom-checkbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-custom-checkbox-border-radius, var(--utrecht-form-input-border-radius));border-style:solid;border-width:var(--utrecht-custom-checkbox-border-width, var(--utrecht-form-input-border-width));box-sizing:border-box;color:var(--utrecht-custom-checkbox-color);display:flex;height:var(--utrecht-custom-checkbox-size);justify-content:center;pointer-events:none;width:var(--utrecht-custom-checkbox-size);z-index:1000}.utrecht-custom-checkbox__box--checked{background-color:var(--utrecht-custom-checkbox-checked-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-checked-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-checked-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-checked-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--disabled{background-color:var(--utrecht-custom-checkbox-disabled-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-disabled-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-disabled-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-disabled-color, var(--utrecht-custom-checkbox-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-checkbox__box--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box{color:var(--utrecht-custom-checkbox-indeterminate-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--invalid{background-color:var(--utrecht-custom-checkbox-invalid-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-invalid-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-invalid-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-invalid-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--active{background-color:var(--utrecht-custom-checkbox-active-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-active-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-active-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-active-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus,.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{background-color:var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-focus-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-focus-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus-visible,.utrecht-custom-checkbox__input:focus-visible~.utrecht-custom-checkbox__box{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__icon--checked,.utrecht-custom-checkbox__icon--indeterminate{display:none}.utrecht-custom-checkbox__box--checked .utrecht-custom-checkbox__icon--checked{display:block}.utrecht-custom-checkbox__box--indeterminate .utrecht-custom-checkbox__icon--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box .utrecht-custom-checkbox__icon--indeterminate{display:block}:host{display:block}:host([hidden]){display:none !important}";
+
+const CustomCheckbox = 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.disabled = false;
+    this.checked = false;
+    this.indeterminate = false;
+    this.invalid = false;
+    this.required = false;
+  }
+  render() {
+    const { checked, disabled, indeterminate, invalid, required } = this;
+    const active = false;
+    const toggleInteraction = () => {
+      if (!this.disabled) {
+        this.checked = !this.checked;
+        this.utrechtInput.emit(this);
+        this.utrechtChange.emit(this);
+      }
+    };
+    const handleClick = () => {
+      toggleInteraction();
+    };
+    const handleKeyPress = (evt) => {
+      if (evt.code === "Space" || evt.key === " ") {
+        // Do not scroll the page using Space when the toggle is focussed
+        evt.preventDefault();
+      }
+    };
+    const handleKeyUp = (evt) => {
+      if (evt.code === "Space" || evt.key === " ") {
+        toggleInteraction();
+      }
+    };
+    return (h("div", { class: "utrecht-custom-checkbox", role: "checkbox", tabIndex: disabled ? null : 0, "aria-checked": indeterminate ? "mixed" : checked ? "true" : "false", "aria-disabled": disabled ? "true" : null, "aria-invalid": invalid ? "true" : null, "aria-required": required ? "true" : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, h("div", { class: clsx("utrecht-custom-checkbox__box", active , checked && "utrecht-custom-checkbox__box--checked", !checked && "utrecht-custom-checkbox__box--not-checked", disabled && "utrecht-custom-checkbox__box--disabled", invalid && "utrecht-custom-checkbox__box--invalid", indeterminate && "utrecht-custom-checkbox__box--indeterminate") }, checked && h("utrecht-icon-checkmark", { class: "utrecht-custom-checkbox__icon" }, "\u2714"), indeterminate && (h("utrecht-icon-indeterminate", { class: "utrecht-custom-checkbox__icon" }, "\u25A0")))));
+  }
+};
+CustomCheckbox.style = stencilCss;
+
+export { CustomCheckbox as utrecht_custom_checkbox };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-26eb3bc0.js';
 
-const stencilCss = ".utrecht-document{background-color:var(--utrecht-document-background-color, inherit);color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0 !important}:host{display:block}:host([hidden]){display:none !important}";
+const stencilCss = ".utrecht-document{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0 !important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}:host{display:block}:host([hidden]){display:none !important}";
 
 const Document = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-26eb3bc0.js';
 
-const stencilCss = ".utrecht-logo{max-height:var(--utrecht-logo-max-height);max-width:var(--utrecht-logo-max-width)}.utrecht-logo__decoration-1{fill:var(--utrecht-logo-decoration-1-color, #fff)}.utrecht-logo__decoration-2{fill:var(--utrecht-logo-decoration-2-color, #c00)}.utrecht-logo__decoration-3{fill:var(--utrecht-logo-decoration-3-color, #ffb70b)}:host{display:inline}:host([hidden]){display:none !important}";
+const stencilCss = ".utrecht-logo{max-height:var(--utrecht-logo-max-height, 192px);max-width:var(--utrecht-logo-max-width, 96px)}.utrecht-logo__decoration-1{fill:var(--utrecht-logo-decoration-1-color, #fff)}.utrecht-logo__decoration-2{fill:var(--utrecht-logo-decoration-2-color, #c00)}.utrecht-logo__decoration-3{fill:var(--utrecht-logo-decoration-3-color, #ffb70b)}:host{display:inline}:host([hidden]){display:none !important}";
 
 const Logo = class {
   constructor(hostRef) {

package/dist/esm/utrecht-page-content.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-26eb3bc0.js';
+
+const stencilCss = ".utrecht-page-content{padding-block-end:var(--utrecht-page-content-padding-block-end);padding-block-start:var(--utrecht-page-content-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-content__main{grid-area:main}.utrecht-page-content__aside{grid-area:aside}:host{display:block}:host([hidden]){display:none !important}";
+
+const Page = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("div", { class: "utrecht-page-content" }, h("main", { class: "utrecht-page-content__main" }, h("slot", null))));
+  }
+};
+Page.style = stencilCss;
+
+export { Page as utrecht_page_content };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-26eb3bc0.js';
+
+const stencilCss = ".utrecht-page-header{background-color:var(--utrecht-page-header-background-color);color:var(--utrecht-page-header-color);grid-area:\"utrecht-header\";padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{max-inline-size:var(--utrecht-page-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
+
+const PageHeader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("header", { class: "utrecht-page-header" }, h("div", { class: "utrecht-page-header__content" }, h("slot", null))));
+  }
+};
+PageHeader.style = stencilCss;
+
+export { PageHeader as utrecht_page_header };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-26eb3bc0.js';
+
+const stencilCss = ".utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
+
+const Page = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("div", { class: "utrecht-page" }, h("div", { class: "utrecht-page__content" }, h("slot", null))));
+  }
+};
+Page.style = stencilCss;
+
+export { Page as utrecht_page };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-26eb3bc0.js';
 import { c as clsx } from './clsx.m-071989db.js';
 
-const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{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:13rem}.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 ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.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){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;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{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--child,.utrecht-sidenav__link--child--current{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;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::before,.utrecht-sidenav__link--sibling::before{background-color:var(--utrecht-sidenav-item-marker-color);left:26px}.utrecht-sidenav__link--current::before{background-color:var(--utrecht-sidenav-link-hover-color);left:27px}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before,.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before{border-radius:100%;box-shadow:0 0 2px 2px #fff;content:\"\";height:8px;overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(-2.5ch);width:8px;z-index:10}.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{background:var(--utrecht-sidenav-item-marker-color);bottom:0;content:\"\";display:block;left:3px;overflow:hidden;position:absolute;top:-22px;width:3px;z-index:5}.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,.utrecht-sidenav__link--current::after,.utrecht-sidenav__item--has-children a::after{height:calc(38px + 2px);min-height:38px}.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-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item--child{border:none;list-style:none;position:relative}.utrecht-sidenav__item--child:last-child{border:none}.utrecht-sidenav__link--child::before,.utrecht-sidenav__link--child--current::before{background-color:transparent;border:2px solid var(--utrecht-sidenav-link-color);border-radius:100%;content:\"\";height:4px;left:1.2rem;overflow:hidden;position:absolute;top:16px;transform:translateY(-50%) translateX(-19.5px);width:4px;z-index:10}.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{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}";
+const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{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:13rem}.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 ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.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){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;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{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--child,.utrecht-sidenav__link--child--current{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;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::before,.utrecht-sidenav__link--sibling::before{background-color:var(--utrecht-sidenav-item-marker-color);left:26px}.utrecht-sidenav__link--current::before{background-color:var(--utrecht-sidenav-link-hover-color);left:27px}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before,.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before{border-radius:100%;box-shadow:0 0 2px 2px #fff;content:\"\";height:8px;overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(-2.5ch);width:8px;z-index:10}.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{background:var(--utrecht-sidenav-item-marker-color);bottom:0;content:\"\";display:block;left:3px;overflow:hidden;position:absolute;top:-22px;width:3px;z-index:5}.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,.utrecht-sidenav__link--current::after,.utrecht-sidenav__item--has-children a::after{height:40px;min-height:38px}.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-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item--child{border:none;list-style:none;position:relative}.utrecht-sidenav__item--child:last-child{border:none}.utrecht-sidenav__link--child::before,.utrecht-sidenav__link--child--current::before{background-color:transparent;border:2px solid var(--utrecht-sidenav-link-color);border-radius:100%;content:\"\";height:4px;left:1.2rem;overflow:hidden;position:absolute;top:16px;transform:translateY(-50%) translateX(-19.5px);width:4px;z-index:10}.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{background-color:var(--utrecht-focus-background-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);color:var(--utrecht-focus-color, inherit);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}";
 
 const Sidenav = class {
   constructor(hostRef) {

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-digid-button",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button",[[1,"utrecht-logo-button",{"type":[1]}]]],["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-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox",[[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-form-toggle",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1",[[1,"utrecht-heading-1"]]],["utrecht-heading-4",[[1,"utrecht-heading-4"]]],["utrecht-heading-5",[[1,"utrecht-heading-5"]]],["utrecht-heading-6",[[1,"utrecht-heading-6"]]],["utrecht-html-content",[[4,"utrecht-html-content"]]],["utrecht-icon-arrow",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-checkmark",[[1,"utrecht-icon-checkmark"]]],["utrecht-icon-cross",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information",[[1,"utrecht-icon-information"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-warning",[[1,"utrecht-icon-warning"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page-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]}]]],["utrecht-button_2",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
+  return bootstrapLazy([["utrecht-contact-card-template",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-custom-checkbox",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["utrecht-article",[[1,"utrecht-article"]]],["utrecht-badge-counter",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data",[[1,"utrecht-badge-data"]]],["utrecht-badge-status",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo",[[1,"utrecht-eidas-logo"]]],["utrecht-form-field-checkbox",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textarea",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["utrecht-form-field-textbox",[[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["utrecht-form-toggle",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["utrecht-heading",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1",[[1,"utrecht-heading-1"]]],["utrecht-heading-4",[[1,"utrecht-heading-4"]]],["utrecht-heading-5",[[1,"utrecht-heading-5"]]],["utrecht-heading-6",[[1,"utrecht-heading-6"]]],["utrecht-html-content",[[4,"utrecht-html-content"]]],["utrecht-icon-arrow",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information",[[1,"utrecht-icon-information"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-list",[[1,"utrecht-icon-list"]]],["utrecht-icon-loupe",[[1,"utrecht-icon-loupe"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-warning",[[1,"utrecht-icon-warning"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-icon-zoomin",[[1,"utrecht-icon-zoomin"]]],["utrecht-icon-zoomout",[[1,"utrecht-icon-zoomout"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page",[[1,"utrecht-page"]]],["utrecht-page-content",[[1,"utrecht-page-content"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["utrecht-page-header",[[1,"utrecht-page-header"]]],["utrecht-pagination",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-separator",[[1,"utrecht-separator"]]],["utrecht-sidenav",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-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",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
 });

package/dist/page/stencil.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+export declare class Page {
+    render(): any;
+}

package/dist/page/stencil.js

@@ -0,0 +1,26 @@
+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";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+let Page = class Page {
+    render() {
+        return (h("div", { class: "utrecht-page" },
+            h("div", { class: "utrecht-page__content" },
+                h("slot", null))));
+    }
+};
+Page = __decorate([
+    Component({
+        tag: "utrecht-page",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], Page);
+export { Page };

package/dist/page-content/stencil.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+export declare class Page {
+    render(): any;
+}

package/dist/page-content/stencil.js

@@ -0,0 +1,26 @@
+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";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+let Page = class Page {
+    render() {
+        return (h("div", { class: "utrecht-page-content" },
+            h("main", { class: "utrecht-page-content__main" },
+                h("slot", null))));
+    }
+};
+Page = __decorate([
+    Component({
+        tag: "utrecht-page-content",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], Page);
+export { Page };

package/dist/page-header/stencil.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+export declare class PageHeader {
+    render(): any;
+}

package/dist/page-header/stencil.js

@@ -0,0 +1,26 @@
+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";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+let PageHeader = class PageHeader {
+    render() {
+        return (h("header", { class: "utrecht-page-header" },
+            h("div", { class: "utrecht-page-header__content" },
+                h("slot", null))));
+    }
+};
+PageHeader = __decorate([
+    Component({
+        tag: "utrecht-page-header",
+        styleUrl: "stencil.scss",
+        shadow: true,
+    })
+], PageHeader);
+export { PageHeader };

package/dist/types/components.d.ts

@@ -35,6 +35,13 @@ export namespace Components {
     }
     interface UtrechtContactCardTemplate {
     }
+    interface UtrechtCustomCheckbox {
+        "checked": boolean;
+        "disabled": boolean;
+        "indeterminate": boolean;
+        "invalid": boolean;
+        "required": boolean;
+    }
     interface UtrechtDigidButton {
         "type": string;
     }
@@ -138,8 +145,14 @@ export namespace Components {
     interface UtrechtLogoButton {
         "type": string;
     }
+    interface UtrechtPage {
+    }
+    interface UtrechtPageContent {
+    }
     interface UtrechtPageFooter {
     }
+    interface UtrechtPageHeader {
+    }
     interface UtrechtPagination {
         "currentIndex": number;
         "links": string;
@@ -220,6 +233,12 @@ declare global {
         prototype: HTMLUtrechtContactCardTemplateElement;
         new (): HTMLUtrechtContactCardTemplateElement;
     };
+    interface HTMLUtrechtCustomCheckboxElement extends Components.UtrechtCustomCheckbox, HTMLStencilElement {
+    }
+    var HTMLUtrechtCustomCheckboxElement: {
+        prototype: HTMLUtrechtCustomCheckboxElement;
+        new (): HTMLUtrechtCustomCheckboxElement;
+    };
     interface HTMLUtrechtDigidButtonElement extends Components.UtrechtDigidButton, HTMLStencilElement {
     }
     var HTMLUtrechtDigidButtonElement: {
@@ -436,12 +455,30 @@ declare global {
         prototype: HTMLUtrechtLogoButtonElement;
         new (): HTMLUtrechtLogoButtonElement;
     };
+    interface HTMLUtrechtPageElement extends Components.UtrechtPage, HTMLStencilElement {
+    }
+    var HTMLUtrechtPageElement: {
+        prototype: HTMLUtrechtPageElement;
+        new (): HTMLUtrechtPageElement;
+    };
+    interface HTMLUtrechtPageContentElement extends Components.UtrechtPageContent, HTMLStencilElement {
+    }
+    var HTMLUtrechtPageContentElement: {
+        prototype: HTMLUtrechtPageContentElement;
+        new (): HTMLUtrechtPageContentElement;
+    };
     interface HTMLUtrechtPageFooterElement extends Components.UtrechtPageFooter, HTMLStencilElement {
     }
     var HTMLUtrechtPageFooterElement: {
         prototype: HTMLUtrechtPageFooterElement;
         new (): HTMLUtrechtPageFooterElement;
     };
+    interface HTMLUtrechtPageHeaderElement extends Components.UtrechtPageHeader, HTMLStencilElement {
+    }
+    var HTMLUtrechtPageHeaderElement: {
+        prototype: HTMLUtrechtPageHeaderElement;
+        new (): HTMLUtrechtPageHeaderElement;
+    };
     interface HTMLUtrechtPaginationElement extends Components.UtrechtPagination, HTMLStencilElement {
     }
     var HTMLUtrechtPaginationElement: {
@@ -481,6 +518,7 @@ declare global {
         "utrecht-button": HTMLUtrechtButtonElement;
         "utrecht-checkbox": HTMLUtrechtCheckboxElement;
         "utrecht-contact-card-template": HTMLUtrechtContactCardTemplateElement;
+        "utrecht-custom-checkbox": HTMLUtrechtCustomCheckboxElement;
         "utrecht-digid-button": HTMLUtrechtDigidButtonElement;
         "utrecht-digid-logo": HTMLUtrechtDigidLogoElement;
         "utrecht-document": HTMLUtrechtDocumentElement;
@@ -517,7 +555,10 @@ declare global {
         "utrecht-icon-zoomout": HTMLUtrechtIconZoomoutElement;
         "utrecht-logo": HTMLUtrechtLogoElement;
         "utrecht-logo-button": HTMLUtrechtLogoButtonElement;
+        "utrecht-page": HTMLUtrechtPageElement;
+        "utrecht-page-content": HTMLUtrechtPageContentElement;
         "utrecht-page-footer": HTMLUtrechtPageFooterElement;
+        "utrecht-page-header": HTMLUtrechtPageHeaderElement;
         "utrecht-pagination": HTMLUtrechtPaginationElement;
         "utrecht-paragraph": HTMLUtrechtParagraphElement;
         "utrecht-separator": HTMLUtrechtSeparatorElement;
@@ -561,6 +602,17 @@ declare namespace LocalJSX {
     }
     interface UtrechtContactCardTemplate {
     }
+    interface UtrechtCustomCheckbox {
+        "checked"?: boolean;
+        "disabled"?: boolean;
+        "indeterminate"?: boolean;
+        "invalid"?: boolean;
+        "onUtrechtBlur"?: (event: CustomEvent<any>) => void;
+        "onUtrechtChange"?: (event: CustomEvent<any>) => void;
+        "onUtrechtFocus"?: (event: CustomEvent<any>) => void;
+        "onUtrechtInput"?: (event: CustomEvent<any>) => void;
+        "required"?: boolean;
+    }
     interface UtrechtDigidButton {
         "type"?: string;
     }
@@ -680,8 +732,14 @@ declare namespace LocalJSX {
     interface UtrechtLogoButton {
         "type"?: string;
     }
+    interface UtrechtPage {
+    }
+    interface UtrechtPageContent {
+    }
     interface UtrechtPageFooter {
     }
+    interface UtrechtPageHeader {
+    }
     interface UtrechtPagination {
         "currentIndex"?: number;
         "links"?: string;
@@ -725,6 +783,7 @@ declare namespace LocalJSX {
         "utrecht-button": UtrechtButton;
         "utrecht-checkbox": UtrechtCheckbox;
         "utrecht-contact-card-template": UtrechtContactCardTemplate;
+        "utrecht-custom-checkbox": UtrechtCustomCheckbox;
         "utrecht-digid-button": UtrechtDigidButton;
         "utrecht-digid-logo": UtrechtDigidLogo;
         "utrecht-document": UtrechtDocument;
@@ -761,7 +820,10 @@ declare namespace LocalJSX {
         "utrecht-icon-zoomout": UtrechtIconZoomout;
         "utrecht-logo": UtrechtLogo;
         "utrecht-logo-button": UtrechtLogoButton;
+        "utrecht-page": UtrechtPage;
+        "utrecht-page-content": UtrechtPageContent;
         "utrecht-page-footer": UtrechtPageFooter;
+        "utrecht-page-header": UtrechtPageHeader;
         "utrecht-pagination": UtrechtPagination;
         "utrecht-paragraph": UtrechtParagraph;
         "utrecht-separator": UtrechtSeparator;
@@ -781,6 +843,7 @@ declare module "@stencil/core" {
             "utrecht-button": LocalJSX.UtrechtButton & JSXBase.HTMLAttributes<HTMLUtrechtButtonElement>;
             "utrecht-checkbox": LocalJSX.UtrechtCheckbox & JSXBase.HTMLAttributes<HTMLUtrechtCheckboxElement>;
             "utrecht-contact-card-template": LocalJSX.UtrechtContactCardTemplate & JSXBase.HTMLAttributes<HTMLUtrechtContactCardTemplateElement>;
+            "utrecht-custom-checkbox": LocalJSX.UtrechtCustomCheckbox & JSXBase.HTMLAttributes<HTMLUtrechtCustomCheckboxElement>;
             "utrecht-digid-button": LocalJSX.UtrechtDigidButton & JSXBase.HTMLAttributes<HTMLUtrechtDigidButtonElement>;
             "utrecht-digid-logo": LocalJSX.UtrechtDigidLogo & JSXBase.HTMLAttributes<HTMLUtrechtDigidLogoElement>;
             "utrecht-document": LocalJSX.UtrechtDocument & JSXBase.HTMLAttributes<HTMLUtrechtDocumentElement>;
@@ -817,7 +880,10 @@ declare module "@stencil/core" {
             "utrecht-icon-zoomout": LocalJSX.UtrechtIconZoomout & JSXBase.HTMLAttributes<HTMLUtrechtIconZoomoutElement>;
             "utrecht-logo": LocalJSX.UtrechtLogo & JSXBase.HTMLAttributes<HTMLUtrechtLogoElement>;
             "utrecht-logo-button": LocalJSX.UtrechtLogoButton & JSXBase.HTMLAttributes<HTMLUtrechtLogoButtonElement>;
+            "utrecht-page": LocalJSX.UtrechtPage & JSXBase.HTMLAttributes<HTMLUtrechtPageElement>;
+            "utrecht-page-content": LocalJSX.UtrechtPageContent & JSXBase.HTMLAttributes<HTMLUtrechtPageContentElement>;
             "utrecht-page-footer": LocalJSX.UtrechtPageFooter & JSXBase.HTMLAttributes<HTMLUtrechtPageFooterElement>;
+            "utrecht-page-header": LocalJSX.UtrechtPageHeader & JSXBase.HTMLAttributes<HTMLUtrechtPageHeaderElement>;
             "utrecht-pagination": LocalJSX.UtrechtPagination & JSXBase.HTMLAttributes<HTMLUtrechtPaginationElement>;
             "utrecht-paragraph": LocalJSX.UtrechtParagraph & JSXBase.HTMLAttributes<HTMLUtrechtParagraphElement>;
             "utrecht-separator": LocalJSX.UtrechtSeparator & JSXBase.HTMLAttributes<HTMLUtrechtSeparatorElement>;

package/dist/types/custom-checkbox/stencil.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { EventEmitter } from "../stencil-public-runtime";
+export declare class CustomCheckbox {
+  disabled: boolean;
+  checked: boolean;
+  indeterminate: boolean;
+  invalid: boolean;
+  required: boolean;
+  utrechtBlur: EventEmitter;
+  utrechtChange: EventEmitter;
+  utrechtFocus: EventEmitter;
+  utrechtInput: EventEmitter;
+  render(): any;
+}

package/dist/types/page/stencil.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+export declare class Page {
+  render(): any;
+}

package/dist/types/page-content/stencil.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+export declare class Page {
+  render(): any;
+}

package/dist/types/page-header/stencil.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */
+export declare class PageHeader {
+  render(): any;
+}

package/dist/utrecht/p-3aa64b31.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-17bfa2b7.js";const a=class{constructor(t){e(this,t)}render(){return t("div",{class:"utrecht-page"},t("div",{class:"utrecht-page__content"},t("slot",null)))}};a.style=".utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";export{a as utrecht_page}