@utrecht/web-component-library-stencil 1.0.0-alpha.125 → 1.0.0-alpha.129

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-digid-button.cjs",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button.cjs",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-custom-checkbox.cjs",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["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-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo.cjs",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo.cjs",[[1,"utrecht-eidas-logo"]]],["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-afval.cjs",[[1,"utrecht-icon-afval"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error.cjs",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information.cjs",[[1,"utrecht-icon-information"]]],["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-melding.cjs",[[1,"utrecht-icon-melding"]]],["utrecht-icon-paspoort.cjs",[[1,"utrecht-icon-paspoort"]]],["utrecht-icon-rijbewijs.cjs",[[1,"utrecht-icon-rijbewijs"]]],["utrecht-icon-toeslag.cjs",[[1,"utrecht-icon-toeslag"]]],["utrecht-icon-trouwen.cjs",[[1,"utrecht-icon-trouwen"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-verhuizen.cjs",[[1,"utrecht-icon-verhuizen"]]],["utrecht-icon-warning.cjs",[[1,"utrecht-icon-warning"]]],["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.cjs",[[1,"utrecht-page"]]],["utrecht-page-content.cjs",[[1,"utrecht-page-content"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-page-header.cjs",[[1,"utrecht-page-header"]]],["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-icon-checkmark.cjs",[[1,"utrecht-icon-checkmark"]]],["utrecht-heading-2_3.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2.cjs",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
+  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button.cjs",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button.cjs",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-custom-checkbox.cjs",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-backdrop.cjs",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["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-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo.cjs",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo.cjs",[[1,"utrecht-eidas-logo"]]],["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-afval.cjs",[[1,"utrecht-icon-afval"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error.cjs",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information.cjs",[[1,"utrecht-icon-information"]]],["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-melding.cjs",[[1,"utrecht-icon-melding"]]],["utrecht-icon-paspoort.cjs",[[1,"utrecht-icon-paspoort"]]],["utrecht-icon-rijbewijs.cjs",[[1,"utrecht-icon-rijbewijs"]]],["utrecht-icon-toeslag.cjs",[[1,"utrecht-icon-toeslag"]]],["utrecht-icon-trouwen.cjs",[[1,"utrecht-icon-trouwen"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-verhuizen.cjs",[[1,"utrecht-icon-verhuizen"]]],["utrecht-icon-warning.cjs",[[1,"utrecht-icon-warning"]]],["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.cjs",[[1,"utrecht-page"]]],["utrecht-page-content.cjs",[[1,"utrecht-page-content"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-page-header.cjs",[[1,"utrecht-page-header"]]],["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-icon-checkmark.cjs",[[1,"utrecht-icon-checkmark"]]],["utrecht-heading-2_3.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2.cjs",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
   });
 };
 

package/dist/cjs/utrecht-backdrop.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8cef21e1.js');
+const clsx_m = require('./clsx.m-b00fa5e1.js');
+
+const stencilCss = ".utrecht-backdrop{background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
+
+let Backdrop = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    const { viewport } = this;
+    return (index.h("div", { class: clsx_m.clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, index.h("slot", null)));
+  }
+};
+Backdrop.style = stencilCss;
+
+exports.utrecht_backdrop = Backdrop;

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-digid-button.cjs",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button.cjs",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-custom-checkbox.cjs",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["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-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo.cjs",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo.cjs",[[1,"utrecht-eidas-logo"]]],["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-afval.cjs",[[1,"utrecht-icon-afval"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error.cjs",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information.cjs",[[1,"utrecht-icon-information"]]],["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-melding.cjs",[[1,"utrecht-icon-melding"]]],["utrecht-icon-paspoort.cjs",[[1,"utrecht-icon-paspoort"]]],["utrecht-icon-rijbewijs.cjs",[[1,"utrecht-icon-rijbewijs"]]],["utrecht-icon-toeslag.cjs",[[1,"utrecht-icon-toeslag"]]],["utrecht-icon-trouwen.cjs",[[1,"utrecht-icon-trouwen"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-verhuizen.cjs",[[1,"utrecht-icon-verhuizen"]]],["utrecht-icon-warning.cjs",[[1,"utrecht-icon-warning"]]],["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.cjs",[[1,"utrecht-page"]]],["utrecht-page-content.cjs",[[1,"utrecht-page-content"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-page-header.cjs",[[1,"utrecht-page-header"]]],["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-icon-checkmark.cjs",[[1,"utrecht-icon-checkmark"]]],["utrecht-heading-2_3.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2.cjs",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
+  return index.bootstrapLazy([["utrecht-contact-card-template.cjs",[[1,"utrecht-contact-card-template"]]],["utrecht-digid-button.cjs",[[1,"utrecht-digid-button",{"type":[1]}]]],["utrecht-logo-button.cjs",[[1,"utrecht-logo-button",{"type":[1]}]]],["utrecht-custom-checkbox.cjs",[[1,"utrecht-custom-checkbox",{"disabled":[516],"checked":[516],"indeterminate":[516],"invalid":[516],"required":[516]}]]],["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-backdrop.cjs",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["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-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-eherkenning-logo.cjs",[[1,"utrecht-eherkenning-logo"]]],["utrecht-eidas-logo.cjs",[[1,"utrecht-eidas-logo"]]],["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-afval.cjs",[[1,"utrecht-icon-afval"]]],["utrecht-icon-arrow.cjs",[[1,"utrecht-icon-arrow"]]],["utrecht-icon-cross.cjs",[[1,"utrecht-icon-cross"]]],["utrecht-icon-error.cjs",[[1,"utrecht-icon-error"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-filter.cjs",[[1,"utrecht-icon-filter"]]],["utrecht-icon-information.cjs",[[1,"utrecht-icon-information"]]],["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-melding.cjs",[[1,"utrecht-icon-melding"]]],["utrecht-icon-paspoort.cjs",[[1,"utrecht-icon-paspoort"]]],["utrecht-icon-rijbewijs.cjs",[[1,"utrecht-icon-rijbewijs"]]],["utrecht-icon-toeslag.cjs",[[1,"utrecht-icon-toeslag"]]],["utrecht-icon-trouwen.cjs",[[1,"utrecht-icon-trouwen"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-verhuizen.cjs",[[1,"utrecht-icon-verhuizen"]]],["utrecht-icon-warning.cjs",[[1,"utrecht-icon-warning"]]],["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.cjs",[[1,"utrecht-page"]]],["utrecht-page-content.cjs",[[1,"utrecht-page-content"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-page-header.cjs",[[1,"utrecht-page-header"]]],["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-icon-checkmark.cjs",[[1,"utrecht-icon-checkmark"]]],["utrecht-heading-2_3.cjs",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-button_2.cjs",[[1,"utrecht-button",{"busy":[4],"disabled":[4],"type":[1]}],[1,"utrecht-digid-logo"]]]], options);
 });

package/dist/collection/backdrop/bem.js

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+
+export const defaultArgs = {
+  viewport: false,
+};
+
+export const Backdrop = ({ viewport = false }) =>
+  `<div class="${clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport')}"></div>`;

package/dist/collection/backdrop/checkerboard.js

@@ -0,0 +1,20 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+
+export const checkerboard = (story) =>
+  `<div style="
+      --checkerboard-color-1: #000000;
+      --checkerboard-color-2: #ffffff;
+      --checkerboard-size: 16px;
+      background-color: var(--checkerboard-color-2);
+      background-image: linear-gradient(45deg, var(--checkerboard-color-1) 25%, transparent 25%, transparent 75%, var(--checkerboard-color-1) 75%,var(--checkerboard-color-1)), linear-gradient(45deg, var(--checkerboard-color-1) 25%, transparent 25%, transparent 75%, var(--checkerboard-color-1) 75%, var(--checkerboard-color-1));
+      background-position: 0 0, var(--checkerboard-size) var(--checkerboard-size);
+      background-size: calc(var(--checkerboard-size) * 2) calc(var(--checkerboard-size) * 2);
+      height: 100%;
+      min-height: calc(40 * var(--checkerboard-size));
+      min-width: calc(40 * var(--checkerboard-size));
+      position: relative;
+      width: 100%;
+">${story()}</div>`;

package/dist/collection/backdrop/stencil.css

@@ -0,0 +1,33 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+.utrecht-backdrop {
+  background-color: var(--utrecht-backdrop-background-color);
+  bottom: 0;
+  color: var(--utrecht-backdrop-color);
+  display: block;
+  left: 0;
+  opacity: var(--utrecht-backdrop-opacity);
+  position: absolute;
+  right: 0;
+  top: 0;
+  user-select: none;
+  z-index: var(--utrecht-backdrop-z-index);
+}
+
+.utrecht-backdrop--viewport {
+  position: fixed;
+}
+
+:host {
+  display: block;
+}
+
+:host([hidden]) {
+  display: none !important;
+}

package/dist/collection/backdrop/stencil.js

@@ -0,0 +1,40 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { Component, h, Prop } from '@stencil/core';
+import clsx from 'clsx';
+export class Backdrop {
+  render() {
+    const { viewport } = this;
+    return (h("div", { class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') },
+      h("slot", null)));
+  }
+  static get is() { return "utrecht-backdrop"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["stencil.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["stencil.css"]
+  }; }
+  static get properties() { return {
+    "viewport": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "viewport",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/collection-manifest.json

@@ -1,6 +1,7 @@
 {
   "entries": [
     "./article/stencil.js",
+    "./backdrop/stencil.js",
     "./badge-counter/stencil.js",
     "./badge-data/stencil.js",
     "./badge-status/stencil.js",

package/dist/custom-elements/index.d.ts

@@ -8,6 +8,12 @@ export const UtrechtArticle: {
   new (): UtrechtArticle;
 };
 
+interface UtrechtBackdrop extends Components.UtrechtBackdrop, HTMLElement {}
+export const UtrechtBackdrop: {
+  prototype: UtrechtBackdrop;
+  new (): UtrechtBackdrop;
+};
+
 interface UtrechtBadgeCounter extends Components.UtrechtBadgeCounter, HTMLElement {}
 export const UtrechtBadgeCounter: {
   prototype: UtrechtBadgeCounter;

package/dist/custom-elements/index.js

@@ -1,7 +1,7 @@
 import { h, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
 
-const stencilCss$X = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
+const stencilCss$Y = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
 
 let Article = class extends HTMLElement {
   constructor() {
@@ -12,6 +12,62 @@ let Article = class extends HTMLElement {
   render() {
     return (h("article", { class: "utrecht-article" }, h("slot", null)));
   }
+  static get style() { return stencilCss$Y; }
+};
+
+function toVal(mix) {
+	var k, y, str='';
+
+	if (typeof mix === 'string' || typeof mix === 'number') {
+		str += mix;
+	} else if (typeof mix === 'object') {
+		if (Array.isArray(mix)) {
+			for (k=0; k < mix.length; k++) {
+				if (mix[k]) {
+					if (y = toVal(mix[k])) {
+						str && (str += ' ');
+						str += y;
+					}
+				}
+			}
+		} else {
+			for (k in mix) {
+				if (mix[k]) {
+					str && (str += ' ');
+					str += k;
+				}
+			}
+		}
+	}
+
+	return str;
+}
+
+function clsx () {
+	var i=0, tmp, x, str='';
+	while (i < arguments.length) {
+		if (tmp = arguments[i++]) {
+			if (x = toVal(tmp)) {
+				str && (str += ' ');
+				str += x;
+			}
+		}
+	}
+	return str;
+}
+
+const stencilCss$X = ".utrecht-backdrop{background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
+
+let Backdrop = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    const { viewport } = this;
+    return (h("div", { class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", null)));
+  }
   static get style() { return stencilCss$X; }
 };
 
@@ -61,47 +117,6 @@ let BadgeStatus = class extends HTMLElement {
   static get style() { return stencilCss$U; }
 };
 
-function toVal(mix) {
-	var k, y, str='';
-
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
 const stencilCss$T = ".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,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.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);text-decoration-skip-ink:all;text-underline-offset:var(--utrecht-link-text-underline-offset)}.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{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--focus-visible,.utrecht-link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}:host{display:block}:host([hidden]){display:none !important}";
 
 let Breadcrumb = class extends HTMLElement {
@@ -1107,6 +1122,7 @@ let Textbox = class extends HTMLElement {
 };
 
 const UtrechtArticle = /*@__PURE__*/proxyCustomElement(Article, [1,"utrecht-article"]);
+const UtrechtBackdrop = /*@__PURE__*/proxyCustomElement(Backdrop, [1,"utrecht-backdrop",{"viewport":[4]}]);
 const UtrechtBadgeCounter = /*@__PURE__*/proxyCustomElement(BadgeCounter, [1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]);
 const UtrechtBadgeData = /*@__PURE__*/proxyCustomElement(BadgeData, [1,"utrecht-badge-data"]);
 const UtrechtBadgeStatus = /*@__PURE__*/proxyCustomElement(BadgeStatus, [1,"utrecht-badge-status",{"status":[1]}]);
@@ -1171,6 +1187,7 @@ const defineCustomElements = (opts) => {
   if (typeof customElements !== 'undefined') {
     [
       UtrechtArticle,
+  UtrechtBackdrop,
   UtrechtBadgeCounter,
   UtrechtBadgeData,
   UtrechtBadgeStatus,
@@ -1239,4 +1256,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { UtrechtArticle, UtrechtBadgeCounter, UtrechtBadgeData, UtrechtBadgeStatus, UtrechtBreadcrumb, UtrechtButton, UtrechtCheckbox, UtrechtContactCardTemplate, UtrechtCustomCheckbox, UtrechtDigidButton, UtrechtDigidLogo, UtrechtDocument, UtrechtEherkenningLogo, UtrechtEidasLogo, UtrechtFormFieldCheckbox, UtrechtFormFieldDescription, UtrechtFormFieldTextarea, UtrechtFormFieldTextbox, UtrechtFormToggle, UtrechtHeading, UtrechtHeading1, UtrechtHeading2, UtrechtHeading3, UtrechtHeading4, UtrechtHeading5, UtrechtHeading6, UtrechtHtmlContent, UtrechtIconAfval, UtrechtIconArrow, UtrechtIconCheckmark, UtrechtIconCross, UtrechtIconError, UtrechtIconFacebook, UtrechtIconFilter, UtrechtIconInformation, UtrechtIconInstagram, UtrechtIconLinkedin, UtrechtIconList, UtrechtIconLoupe, UtrechtIconMelding, UtrechtIconPaspoort, UtrechtIconRijbewijs, UtrechtIconToeslag, UtrechtIconTrouwen, UtrechtIconTwitter, UtrechtIconVerhuizen, UtrechtIconWarning, UtrechtIconWhatsapp, UtrechtIconZoomin, UtrechtIconZoomout, UtrechtLogo, UtrechtLogoButton, UtrechtPage, UtrechtPageContent, UtrechtPageFooter, UtrechtPageHeader, UtrechtPagination, UtrechtParagraph, UtrechtSeparator, UtrechtSidenav, UtrechtTextbox, defineCustomElements };
+export { UtrechtArticle, UtrechtBackdrop, UtrechtBadgeCounter, UtrechtBadgeData, UtrechtBadgeStatus, UtrechtBreadcrumb, UtrechtButton, UtrechtCheckbox, UtrechtContactCardTemplate, UtrechtCustomCheckbox, UtrechtDigidButton, UtrechtDigidLogo, UtrechtDocument, UtrechtEherkenningLogo, UtrechtEidasLogo, UtrechtFormFieldCheckbox, UtrechtFormFieldDescription, UtrechtFormFieldTextarea, UtrechtFormFieldTextbox, UtrechtFormToggle, UtrechtHeading, UtrechtHeading1, UtrechtHeading2, UtrechtHeading3, UtrechtHeading4, UtrechtHeading5, UtrechtHeading6, UtrechtHtmlContent, UtrechtIconAfval, UtrechtIconArrow, UtrechtIconCheckmark, UtrechtIconCross, UtrechtIconError, UtrechtIconFacebook, UtrechtIconFilter, UtrechtIconInformation, UtrechtIconInstagram, UtrechtIconLinkedin, UtrechtIconList, UtrechtIconLoupe, UtrechtIconMelding, UtrechtIconPaspoort, UtrechtIconRijbewijs, UtrechtIconToeslag, UtrechtIconTrouwen, UtrechtIconTwitter, UtrechtIconVerhuizen, UtrechtIconWarning, UtrechtIconWhatsapp, UtrechtIconZoomin, UtrechtIconZoomout, UtrechtLogo, UtrechtLogoButton, UtrechtPage, UtrechtPageContent, UtrechtPageFooter, UtrechtPageHeader, UtrechtPagination, UtrechtParagraph, UtrechtSeparator, UtrechtSidenav, UtrechtTextbox, defineCustomElements };

package/dist/esm/loader.js

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h } from './index-dbad55a3.js';
+import { c as clsx } from './clsx.m-071989db.js';
+
+const stencilCss = ".utrecht-backdrop{background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
+
+let Backdrop = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    const { viewport } = this;
+    return (h("div", { class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", null)));
+  }
+};
+Backdrop.style = stencilCss;
+
+export { Backdrop as utrecht_backdrop };

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

@@ -0,0 +1,4 @@
+export declare class Backdrop {
+  viewport: boolean;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -8,6 +8,9 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface UtrechtArticle {
     }
+    interface UtrechtBackdrop {
+        "viewport": boolean;
+    }
     interface UtrechtBadgeCounter {
         "locale": string;
         "max": number;
@@ -205,6 +208,12 @@ declare global {
         prototype: HTMLUtrechtArticleElement;
         new (): HTMLUtrechtArticleElement;
     };
+    interface HTMLUtrechtBackdropElement extends Components.UtrechtBackdrop, HTMLStencilElement {
+    }
+    var HTMLUtrechtBackdropElement: {
+        prototype: HTMLUtrechtBackdropElement;
+        new (): HTMLUtrechtBackdropElement;
+    };
     interface HTMLUtrechtBadgeCounterElement extends Components.UtrechtBadgeCounter, HTMLStencilElement {
     }
     var HTMLUtrechtBadgeCounterElement: {
@@ -567,6 +576,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "utrecht-article": HTMLUtrechtArticleElement;
+        "utrecht-backdrop": HTMLUtrechtBackdropElement;
         "utrecht-badge-counter": HTMLUtrechtBadgeCounterElement;
         "utrecht-badge-data": HTMLUtrechtBadgeDataElement;
         "utrecht-badge-status": HTMLUtrechtBadgeStatusElement;
@@ -632,6 +642,9 @@ declare global {
 declare namespace LocalJSX {
     interface UtrechtArticle {
     }
+    interface UtrechtBackdrop {
+        "viewport"?: boolean;
+    }
     interface UtrechtBadgeCounter {
         "locale"?: string;
         "max"?: number;
@@ -853,6 +866,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "utrecht-article": UtrechtArticle;
+        "utrecht-backdrop": UtrechtBackdrop;
         "utrecht-badge-counter": UtrechtBadgeCounter;
         "utrecht-badge-data": UtrechtBadgeData;
         "utrecht-badge-status": UtrechtBadgeStatus;
@@ -920,6 +934,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "utrecht-article": LocalJSX.UtrechtArticle & JSXBase.HTMLAttributes<HTMLUtrechtArticleElement>;
+            "utrecht-backdrop": LocalJSX.UtrechtBackdrop & JSXBase.HTMLAttributes<HTMLUtrechtBackdropElement>;
             "utrecht-badge-counter": LocalJSX.UtrechtBadgeCounter & JSXBase.HTMLAttributes<HTMLUtrechtBadgeCounterElement>;
             "utrecht-badge-data": LocalJSX.UtrechtBadgeData & JSXBase.HTMLAttributes<HTMLUtrechtBadgeDataElement>;
             "utrecht-badge-status": LocalJSX.UtrechtBadgeStatus & JSXBase.HTMLAttributes<HTMLUtrechtBadgeStatusElement>;

package/dist/utrecht/p-f9337bd7.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t}from"./p-a41d30a7.js";import{c as r}from"./p-4070c1e5.js";let c=class{constructor(t){o(this,t)}render(){const{viewport:o}=this;return t("div",{class:r("utrecht-backdrop",o&&"utrecht-backdrop--viewport")},t("slot",null))}};c.style=".utrecht-backdrop{background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";export{c as utrecht_backdrop}

package/dist/utrecht/utrecht.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-a41d30a7.js";(()=>{const t=import.meta.url,c={};return""!==t&&(c.resourcesUrl=new URL(".",t).href),e(c)})().then((e=>t([["p-29a17a39",[[1,"utrecht-contact-card-template"]]],["p-88e09f6e",[[1,"utrecht-digid-button",{type:[1]}]]],["p-06d4e8da",[[1,"utrecht-logo-button",{type:[1]}]]],["p-21b832ea",[[1,"utrecht-custom-checkbox",{disabled:[516],checked:[516],indeterminate:[516],invalid:[516],required:[516]}]]],["p-ccd0835e",[[1,"utrecht-article"]]],["p-585963b2",[[1,"utrecht-badge-counter",{value:[2],max:[2],locale:[1]}]]],["p-e9ae2a68",[[1,"utrecht-badge-data"]]],["p-3bda190e",[[1,"utrecht-badge-status",{status:[1]}]]],["p-b0860b62",[[1,"utrecht-breadcrumb",{json:[1],variant:[1]}]]],["p-2038f779",[[1,"utrecht-checkbox",{disabled:[516],readOnly:[516,"readonly"],checked:[4],value:[1]}]]],["p-9bde6988",[[1,"utrecht-document"]]],["p-2ff6bfbb",[[1,"utrecht-eherkenning-logo"]]],["p-49a2e309",[[1,"utrecht-eidas-logo"]]],["p-401d2b63",[[1,"utrecht-form-field-checkbox",{label:[4],disabled:[516],checked:[516],invalid:[516],required:[516],value:[32]}]]],["p-c948bdeb",[[1,"utrecht-form-field-description",{status:[513]}]]],["p-c7f7af31",[[1,"utrecht-form-field-textarea",{disabled:[516],invalid:[516],readOnly:[516,"readonly"],placeholder:[1],required:[516],value:[1]}]]],["p-84481a4b",[[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]}]]],["p-f2792d17",[[1,"utrecht-form-toggle",{disabled:[516],checked:[516]}]]],["p-19bb7aea",[[1,"utrecht-heading",{level:[2]}]]],["p-6922d6e5",[[1,"utrecht-heading-1"]]],["p-e1ab41a2",[[1,"utrecht-heading-4"]]],["p-e094341c",[[1,"utrecht-heading-5"]]],["p-bedc995b",[[1,"utrecht-heading-6"]]],["p-f0cea495",[[4,"utrecht-html-content"]]],["p-2be490d7",[[1,"utrecht-icon-afval"]]],["p-e8f6c846",[[1,"utrecht-icon-arrow"]]],["p-ea6f5e30",[[1,"utrecht-icon-cross"]]],["p-99d68ed5",[[1,"utrecht-icon-error"]]],["p-180ccec7",[[1,"utrecht-icon-facebook"]]],["p-6aec0d5e",[[1,"utrecht-icon-filter"]]],["p-7468ce00",[[1,"utrecht-icon-information"]]],["p-12d3555b",[[1,"utrecht-icon-instagram"]]],["p-5eec66c0",[[1,"utrecht-icon-linkedin"]]],["p-d21af965",[[1,"utrecht-icon-list"]]],["p-d24e72f1",[[1,"utrecht-icon-loupe"]]],["p-9a7712ee",[[1,"utrecht-icon-melding"]]],["p-0e908b3b",[[1,"utrecht-icon-paspoort"]]],["p-72670926",[[1,"utrecht-icon-rijbewijs"]]],["p-60321853",[[1,"utrecht-icon-toeslag"]]],["p-c314b6c1",[[1,"utrecht-icon-trouwen"]]],["p-45db7b13",[[1,"utrecht-icon-twitter"]]],["p-5f114e24",[[1,"utrecht-icon-verhuizen"]]],["p-b3aa468d",[[1,"utrecht-icon-warning"]]],["p-f1f0a2c6",[[1,"utrecht-icon-whatsapp"]]],["p-8856bd84",[[1,"utrecht-icon-zoomin"]]],["p-673512bf",[[1,"utrecht-icon-zoomout"]]],["p-a62dbf0b",[[1,"utrecht-logo"]]],["p-e8d0b7bf",[[1,"utrecht-page"]]],["p-1b369d6f",[[1,"utrecht-page-content"]]],["p-d5cec830",[[1,"utrecht-page-footer"]]],["p-f47ed55e",[[1,"utrecht-page-header"]]],["p-c22f500b",[[1,"utrecht-pagination",{links:[1],next:[1],prev:[1],currentIndex:[2,"current-index"]}]]],["p-6a07112a",[[1,"utrecht-separator"]]],["p-8075a496",[[1,"utrecht-sidenav",{json:[1]}]]],["p-19697551",[[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]}]]],["p-3672cbd0",[[1,"utrecht-icon-checkmark"]]],["p-a82cf768",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{lead:[4]}]]],["p-fb80f09f",[[1,"utrecht-button",{busy:[4],disabled:[4],type:[1]}],[1,"utrecht-digid-logo"]]]],e)));
+import{p as e,b as t}from"./p-a41d30a7.js";(()=>{const t=import.meta.url,c={};return""!==t&&(c.resourcesUrl=new URL(".",t).href),e(c)})().then((e=>t([["p-29a17a39",[[1,"utrecht-contact-card-template"]]],["p-88e09f6e",[[1,"utrecht-digid-button",{type:[1]}]]],["p-06d4e8da",[[1,"utrecht-logo-button",{type:[1]}]]],["p-21b832ea",[[1,"utrecht-custom-checkbox",{disabled:[516],checked:[516],indeterminate:[516],invalid:[516],required:[516]}]]],["p-ccd0835e",[[1,"utrecht-article"]]],["p-f9337bd7",[[1,"utrecht-backdrop",{viewport:[4]}]]],["p-585963b2",[[1,"utrecht-badge-counter",{value:[2],max:[2],locale:[1]}]]],["p-e9ae2a68",[[1,"utrecht-badge-data"]]],["p-3bda190e",[[1,"utrecht-badge-status",{status:[1]}]]],["p-b0860b62",[[1,"utrecht-breadcrumb",{json:[1],variant:[1]}]]],["p-2038f779",[[1,"utrecht-checkbox",{disabled:[516],readOnly:[516,"readonly"],checked:[4],value:[1]}]]],["p-9bde6988",[[1,"utrecht-document"]]],["p-2ff6bfbb",[[1,"utrecht-eherkenning-logo"]]],["p-49a2e309",[[1,"utrecht-eidas-logo"]]],["p-401d2b63",[[1,"utrecht-form-field-checkbox",{label:[4],disabled:[516],checked:[516],invalid:[516],required:[516],value:[32]}]]],["p-c948bdeb",[[1,"utrecht-form-field-description",{status:[513]}]]],["p-c7f7af31",[[1,"utrecht-form-field-textarea",{disabled:[516],invalid:[516],readOnly:[516,"readonly"],placeholder:[1],required:[516],value:[1]}]]],["p-84481a4b",[[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]}]]],["p-f2792d17",[[1,"utrecht-form-toggle",{disabled:[516],checked:[516]}]]],["p-19bb7aea",[[1,"utrecht-heading",{level:[2]}]]],["p-6922d6e5",[[1,"utrecht-heading-1"]]],["p-e1ab41a2",[[1,"utrecht-heading-4"]]],["p-e094341c",[[1,"utrecht-heading-5"]]],["p-bedc995b",[[1,"utrecht-heading-6"]]],["p-f0cea495",[[4,"utrecht-html-content"]]],["p-2be490d7",[[1,"utrecht-icon-afval"]]],["p-e8f6c846",[[1,"utrecht-icon-arrow"]]],["p-ea6f5e30",[[1,"utrecht-icon-cross"]]],["p-99d68ed5",[[1,"utrecht-icon-error"]]],["p-180ccec7",[[1,"utrecht-icon-facebook"]]],["p-6aec0d5e",[[1,"utrecht-icon-filter"]]],["p-7468ce00",[[1,"utrecht-icon-information"]]],["p-12d3555b",[[1,"utrecht-icon-instagram"]]],["p-5eec66c0",[[1,"utrecht-icon-linkedin"]]],["p-d21af965",[[1,"utrecht-icon-list"]]],["p-d24e72f1",[[1,"utrecht-icon-loupe"]]],["p-9a7712ee",[[1,"utrecht-icon-melding"]]],["p-0e908b3b",[[1,"utrecht-icon-paspoort"]]],["p-72670926",[[1,"utrecht-icon-rijbewijs"]]],["p-60321853",[[1,"utrecht-icon-toeslag"]]],["p-c314b6c1",[[1,"utrecht-icon-trouwen"]]],["p-45db7b13",[[1,"utrecht-icon-twitter"]]],["p-5f114e24",[[1,"utrecht-icon-verhuizen"]]],["p-b3aa468d",[[1,"utrecht-icon-warning"]]],["p-f1f0a2c6",[[1,"utrecht-icon-whatsapp"]]],["p-8856bd84",[[1,"utrecht-icon-zoomin"]]],["p-673512bf",[[1,"utrecht-icon-zoomout"]]],["p-a62dbf0b",[[1,"utrecht-logo"]]],["p-e8d0b7bf",[[1,"utrecht-page"]]],["p-1b369d6f",[[1,"utrecht-page-content"]]],["p-d5cec830",[[1,"utrecht-page-footer"]]],["p-f47ed55e",[[1,"utrecht-page-header"]]],["p-c22f500b",[[1,"utrecht-pagination",{links:[1],next:[1],prev:[1],currentIndex:[2,"current-index"]}]]],["p-6a07112a",[[1,"utrecht-separator"]]],["p-8075a496",[[1,"utrecht-sidenav",{json:[1]}]]],["p-19697551",[[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]}]]],["p-3672cbd0",[[1,"utrecht-icon-checkmark"]]],["p-a82cf768",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{lead:[4]}]]],["p-fb80f09f",[[1,"utrecht-button",{busy:[4],disabled:[4],type:[1]}],[1,"utrecht-digid-logo"]]]],e)));

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.125",
+  "version": "1.0.0-alpha.129",
   "author": "Community for NL Design System",
   "description": "Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -55,5 +55,5 @@
     "watch:stencil": "chokidar --follow-symlinks --initial --command \"npm run build:stencil\" \"../../components/**/*.(js|jsx|ts|tsx)\"",
     "generate": "stencil generate"
   },
-  "gitHead": "5c8c02cbbfdf3f86bef631ba92bc2477b511295f"
+  "gitHead": "70d9882efe72bc9a11cdaaed3addd169da5310b6"
 }