@utrecht/web-component-library-stencil 1.0.0-alpha.49 → 1.0.0-alpha.491

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-94a45638.js');
-const clsx_m = require('./clsx.m-b00fa5e1.js');
+const index = require('./index-acd98a8d.js');
+const clsx_m = require('./clsx.m-b21b5592.js');
 
-const bemCss = ".utrecht-textbox{border-width:var(--utrecht-textbox-border-width);border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width));border-color:var(--utrecht-textbox-border-color);border-radius:var(--utrecht-textbox-border-radius, 0);border-style:solid;color:var(--utrecht-textbox-color);font-family:var(--utrecht-textbox-font-family);font-size:var(--utrecht-textbox-font-size, 1em);max-width:var(--utrecht-textbox-max-width);padding-block-end:var(--utrecht-textbox-padding-block-end);padding-block-start:var(--utrecht-textbox-padding-block-start);padding-inline-end:var(--utrecht-textbox-padding-inline-end);padding-inline-start:var(--utrecht-textbox-padding-inline-start);box-sizing:border-box;width:100%}.utrecht-textbox--invalid,.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{border-color:var(--utrecht-textbox-invalid-border-color);border-width:var(--utrecht-textbox-invalid-border-width)}.utrecht-textbox--disabled,.utrecht-textbox--html-input:disabled{border-color:var(--utrecht-textbox-disabled-border-color);color:var(--utrecht-textbox-disabled-color)}.utrecht-textbox--focus,.utrecht-textbox--html-input:focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-textbox--read-only,.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color);color:var(--utrecht-textbox-read-only-color)}";
+const indexCss = ".utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, 1em));font-weight:initial;height:initial;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));width:100%}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));border-width:var(--_utrecht-textbox-border-width);border-bottom-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));border-width:var(--_utrecht-textbox-border-width);border-bottom-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}";
 
 const Textbox = class {
   constructor(hostRef) {
@@ -14,20 +14,28 @@ const Textbox = class {
     this.utrechtChange = index.createEvent(this, "utrechtChange", 7);
     this.utrechtFocus = index.createEvent(this, "utrechtFocus", 7);
     this.utrechtInput = index.createEvent(this, "utrechtInput", 7);
+    this.autoComplete = '';
     this.disabled = false;
     this.invalid = false;
+    this.min = '';
+    this.max = '';
+    this.pattern = '';
+    this.placeholder = '';
     this.readOnly = false;
-    this.placeholder = "";
-    this.value = "";
+    this.required = false;
+    this.type = '';
+    this.value = '';
   }
   render() {
-    const { disabled, invalid, placeholder, readOnly, value } = this;
-    return (index.h("input", { class: clsx_m.clsx("utrecht-textbox", disabled && "utrecht-textbox--disabled", invalid && "utrecht-textbox--invalid", readOnly && "utrecht-textbox--readonly"), type: "text", disabled: disabled, placeholder: placeholder || null, readOnly: readOnly, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+    const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
+    return (index.h("input", { class: clsx_m.clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, min: min ? min : null, max: max ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
         this.value = evt.target.value;
         this.utrechtInput.emit(evt);
       } }));
   }
 };
-Textbox.style = bemCss;
+Textbox.style = indexCss;
 
 exports.utrecht_textbox = Textbox;
+
+//# sourceMappingURL=utrecht-textbox.cjs.entry.js.map

package/dist/cjs/utrecht-textbox.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-textbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,orTAAorT;;MCaxrT,OAAO;;;;;;;wBACyD,EAAE;oBAChC,KAAK;mBACN,KAAK;eAC3B,EAAE;eACF,EAAE;mBACE,EAAE;uBACE,EAAE;oBACoC,KAAK;oBAC5B,KAAK;gBACV,EAAE;iBAClB,EAAE;;EAM1B,MAAM;IACJ,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAElH,QACEA,mBACE,KAAK,EAAEC,WAAI,CACT,iBAAiB,EACjB,6BAA6B,EAC7B,QAAQ,IAAI,2BAA2B,EACvC,OAAO,IAAI,0BAA0B,EACrC,QAAQ,IAAI,2BAA2B,CACxC,EACD,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,IAAI,EAChD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,EACrB,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,EACrB,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;QACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;QACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;OAC7B,GACD,EACF;GACH;;;;;;","names":["h","clsx"],"sources":["./src/components/textbox/index.scss?tag=utrecht-textbox&encapsulation=shadow","./src/components/textbox/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/textbox/css\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-textbox',\n  styleUrl: 'index.scss',\n  shadow: true,\n})\nexport class Textbox {\n  @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() min: string = '';\n  @Prop() max: string = '';\n  @Prop() pattern: string = '';\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop({ reflect: true }) type: string = '';\n  @Prop() value: string = '';\n  @Event() utrechtBlur: EventEmitter;\n  @Event() utrechtChange: EventEmitter;\n  @Event() utrechtFocus: EventEmitter;\n  @Event() utrechtInput: EventEmitter;\n\n  render() {\n    const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n    return (\n      <input\n        class={clsx(\n          'utrecht-textbox',\n          'utrecht-textbox--html-input',\n          disabled && 'utrecht-textbox--disabled',\n          invalid && 'utrecht-textbox--invalid',\n          readOnly && 'utrecht-textbox--readonly',\n        )}\n        type={type || 'text'}\n        autoComplete={autoComplete ? autoComplete : null}\n        disabled={disabled}\n        min={min ? min : null}\n        max={max ? max : null}\n        pattern={pattern ? pattern : null}\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\n        value={value}\n        onBlur={(evt) => this.utrechtBlur.emit(evt)}\n        onChange={(evt) => this.utrechtChange.emit(evt)}\n        onFocus={(evt) => this.utrechtFocus.emit(evt)}\n        onInput={(evt) => {\n          this.value = (evt.target as HTMLInputElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/utrecht.cjs.js

@@ -1,19 +1,28 @@
 'use strict';
 
-const index = require('./index-94a45638.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-acd98a8d.js');
 
 /*
- Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v3.2.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('utrecht.cjs.js', document.baseURI).href));
     const opts = {};
+    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
+        // TODO(STENCIL-661): Remove code related to the dynamic import shim
+        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     }
     return index.promiseResolve(opts);
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["utrecht-article.cjs",[[1,"utrecht-article"]]],["utrecht-badge-counter.cjs",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data.cjs",[[1,"utrecht-badge-data"]]],["utrecht-badge-status.cjs",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb.cjs",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-button.cjs",[[1,"utrecht-button",{"disabled":[4]}]]],["utrecht-checkbox.cjs",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[32],"value":[32]}]]],["utrecht-document.cjs",[[1,"utrecht-document"]]],["utrecht-form-field-checkbox.cjs",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["utrecht-form-field-description.cjs",[[1,"utrecht-form-field-description",{"status":[513]}]]],["utrecht-form-field-textbox.cjs",[[1,"utrecht-form-field-textbox",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"value":[32]}]]],["utrecht-heading.cjs",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1.cjs",[[1,"utrecht-heading-1"]]],["utrecht-heading-2.cjs",[[1,"utrecht-heading-2"]]],["utrecht-heading-3.cjs",[[1,"utrecht-heading-3"]]],["utrecht-heading-4.cjs",[[1,"utrecht-heading-4"]]],["utrecht-heading-5.cjs",[[1,"utrecht-heading-5"]]],["utrecht-heading-6.cjs",[[1,"utrecht-heading-6"]]],["utrecht-html-content.cjs",[[4,"utrecht-html-content"]]],["utrecht-icon-facebook.cjs",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-instagram.cjs",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin.cjs",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-twitter.cjs",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp.cjs",[[1,"utrecht-icon-whatsapp"]]],["utrecht-logo.cjs",[[1,"utrecht-logo"]]],["utrecht-page-footer.cjs",[[1,"utrecht-page-footer"]]],["utrecht-pagination.cjs",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-paragraph.cjs",[[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-separator.cjs",[[1,"utrecht-separator"]]],["utrecht-sidenav.cjs",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox.cjs",[[1,"utrecht-textbox",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"value":[32]}]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"utrecht-contact-card-template.cjs\",[[1,\"utrecht-contact-card-template\"]]],[\"utrecht-digid-button.cjs\",[[1,\"utrecht-digid-button\",{\"type\":[1]}]]],[\"utrecht-backdrop.cjs\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"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-custom-checkbox.cjs\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"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-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-html-content.cjs\",[[4,\"utrecht-html-content\"]]],[\"utrecht-icon-afspraak-maken.cjs\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval.cjs\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container.cjs\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas.cjs\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender.cjs\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-pmd.cjs\",[[1,\"utrecht-icon-afval-pmd\"]]],[\"utrecht-icon-afval-scheiden.cjs\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender.cjs\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen.cjs\",[[1,\"utrecht-icon-alleen\"]]],[\"utrecht-icon-arrow.cjs\",[[1,\"utrecht-icon-arrow\"]]],[\"utrecht-icon-auto.cjs\",[[1,\"utrecht-icon-auto\"]]],[\"utrecht-icon-begroting.cjs\",[[1,\"utrecht-icon-begroting\"]]],[\"utrecht-icon-bestemmingsplan.cjs\",[[1,\"utrecht-icon-bestemmingsplan\"]]],[\"utrecht-icon-betaaldatum.cjs\",[[1,\"utrecht-icon-betaaldatum\"]]],[\"utrecht-icon-bewijsstukken.cjs\",[[1,\"utrecht-icon-bewijsstukken\"]]],[\"utrecht-icon-bijstand.cjs\",[[1,\"utrecht-icon-bijstand\"]]],[\"utrecht-icon-blad.cjs\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject.cjs\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar.cjs\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-brief-betalen.cjs\",[[1,\"utrecht-icon-brief-betalen\"]]],[\"utrecht-icon-checkmark.cjs\",[[1,\"utrecht-icon-checkmark\"]]],[\"utrecht-icon-college-b-w.cjs\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container.cjs\",[[1,\"utrecht-icon-container\"]]],[\"utrecht-icon-container-bio.cjs\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-container-glas.cjs\",[[1,\"utrecht-icon-container-glas\"]]],[\"utrecht-icon-container-groenafval.cjs\",[[1,\"utrecht-icon-container-groenafval\"]]],[\"utrecht-icon-container-met-zak.cjs\",[[1,\"utrecht-icon-container-met-zak\"]]],[\"utrecht-icon-container-papier.cjs\",[[1,\"utrecht-icon-container-papier\"]]],[\"utrecht-icon-container-pmd.cjs\",[[1,\"utrecht-icon-container-pmd\"]]],[\"utrecht-icon-container-restafval.cjs\",[[1,\"utrecht-icon-container-restafval\"]]],[\"utrecht-icon-container-textiel.cjs\",[[1,\"utrecht-icon-container-textiel\"]]],[\"utrecht-icon-cross.cjs\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos.cjs\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie.cjs\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-documenten.cjs\",[[1,\"utrecht-icon-documenten\"]]],[\"utrecht-icon-duurzaam.cjs\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid.cjs\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie.cjs\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-elektrisch-rijden.cjs\",[[1,\"utrecht-icon-elektrisch-rijden\"]]],[\"utrecht-icon-energie-vergoeding.cjs\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"utrecht-icon-energietransitie.cjs\",[[1,\"utrecht-icon-energietransitie\"]]],[\"utrecht-icon-error.cjs\",[[1,\"utrecht-icon-error\"]]],[\"utrecht-icon-evenementen.cjs\",[[1,\"utrecht-icon-evenementen\"]]],[\"utrecht-icon-facebook.cjs\",[[1,\"utrecht-icon-facebook\"]]],[\"utrecht-icon-fiets.cjs\",[[1,\"utrecht-icon-fiets\"]]],[\"utrecht-icon-filter.cjs\",[[1,\"utrecht-icon-filter\"]]],[\"utrecht-icon-geboorte.cjs\",[[1,\"utrecht-icon-geboorte\"]]],[\"utrecht-icon-gebruiker-centraal.cjs\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"utrecht-icon-gebruiker-ingelogd.cjs\",[[1,\"utrecht-icon-gebruiker-ingelogd\"]]],[\"utrecht-icon-gegevenswoordenboek.cjs\",[[1,\"utrecht-icon-gegevenswoordenboek\"]]],[\"utrecht-icon-geluid.cjs\",[[1,\"utrecht-icon-geluid\"]]],[\"utrecht-icon-gemeente-locatie.cjs\",[[1,\"utrecht-icon-gemeente-locatie\"]]],[\"utrecht-icon-gemeenteraad.cjs\",[[1,\"utrecht-icon-gemeenteraad\"]]],[\"utrecht-icon-gereedschap.cjs\",[[1,\"utrecht-icon-gereedschap\"]]],[\"utrecht-icon-gezicht.cjs\",[[1,\"utrecht-icon-gezicht\"]]],[\"utrecht-icon-gezin.cjs\",[[1,\"utrecht-icon-gezin\"]]],[\"utrecht-icon-glas-afval.cjs\",[[1,\"utrecht-icon-glas-afval\"]]],[\"utrecht-icon-glijbaan.cjs\",[[1,\"utrecht-icon-glijbaan\"]]],[\"utrecht-icon-grafiek.cjs\",[[1,\"utrecht-icon-grafiek\"]]],[\"utrecht-icon-grofvuil.cjs\",[[1,\"utrecht-icon-grofvuil\"]]],[\"utrecht-icon-grofvuil-ophalen.cjs\",[[1,\"utrecht-icon-grofvuil-ophalen\"]]],[\"utrecht-icon-herdenking.cjs\",[[1,\"utrecht-icon-herdenking\"]]],[\"utrecht-icon-hondenbelasting.cjs\",[[1,\"utrecht-icon-hondenbelasting\"]]],[\"utrecht-icon-horeca.cjs\",[[1,\"utrecht-icon-horeca\"]]],[\"utrecht-icon-horecavergunning.cjs\",[[1,\"utrecht-icon-horecavergunning\"]]],[\"utrecht-icon-huis.cjs\",[[1,\"utrecht-icon-huis\"]]],[\"utrecht-icon-huis-en-omgeving.cjs\",[[1,\"utrecht-icon-huis-en-omgeving\"]]],[\"utrecht-icon-huishoudelijk-geweld.cjs\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden.cjs\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer.cjs\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg.cjs\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpmiddelen-gezin.cjs\",[[1,\"utrecht-icon-hulpmiddelen-gezin\"]]],[\"utrecht-icon-hulpverlening.cjs\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"utrecht-icon-idee.cjs\",[[1,\"utrecht-icon-idee\"]]],[\"utrecht-icon-informatie.cjs\",[[1,\"utrecht-icon-informatie\"]]],[\"utrecht-icon-information.cjs\",[[1,\"utrecht-icon-information\"]]],[\"utrecht-icon-innovatie.cjs\",[[1,\"utrecht-icon-innovatie\"]]],[\"utrecht-icon-inspraak-inwoners.cjs\",[[1,\"utrecht-icon-inspraak-inwoners\"]]],[\"utrecht-icon-instagram.cjs\",[[1,\"utrecht-icon-instagram\"]]],[\"utrecht-icon-kalender.cjs\",[[1,\"utrecht-icon-kalender\"]]],[\"utrecht-icon-kennis.cjs\",[[1,\"utrecht-icon-kennis\"]]],[\"utrecht-icon-kerstbomen.cjs\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten.cjs\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon.cjs\",[[1,\"utrecht-icon-kroon\"]]],[\"utrecht-icon-laadpaal.cjs\",[[1,\"utrecht-icon-laadpaal\"]]],[\"utrecht-icon-lantaarnpaal.cjs\",[[1,\"utrecht-icon-lantaarnpaal\"]]],[\"utrecht-icon-lantaarnpaal-oud.cjs\",[[1,\"utrecht-icon-lantaarnpaal-oud\"]]],[\"utrecht-icon-leren.cjs\",[[1,\"utrecht-icon-leren\"]]],[\"utrecht-icon-let-op.cjs\",[[1,\"utrecht-icon-let-op\"]]],[\"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-markt.cjs\",[[1,\"utrecht-icon-markt\"]]],[\"utrecht-icon-melding.cjs\",[[1,\"utrecht-icon-melding\"]]],[\"utrecht-icon-melding-boom.cjs\",[[1,\"utrecht-icon-melding-boom\"]]],[\"utrecht-icon-melding-klacht.cjs\",[[1,\"utrecht-icon-melding-klacht\"]]],[\"utrecht-icon-melding-openbareruimte.cjs\",[[1,\"utrecht-icon-melding-openbareruimte\"]]],[\"utrecht-icon-melding-verlichting.cjs\",[[1,\"utrecht-icon-melding-verlichting\"]]],[\"utrecht-icon-menselijk.cjs\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-meterkast.cjs\",[[1,\"utrecht-icon-meterkast\"]]],[\"utrecht-icon-milieu-ontheffing.cjs\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-milieu-zone.cjs\",[[1,\"utrecht-icon-milieu-zone\"]]],[\"utrecht-icon-mobiliteit.cjs\",[[1,\"utrecht-icon-mobiliteit\"]]],[\"utrecht-icon-natuur.cjs\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis.cjs\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nummerbord.cjs\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-om-het-huis.cjs\",[[1,\"utrecht-icon-om-het-huis\"]]],[\"utrecht-icon-omgeving.cjs\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie.cjs\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet.cjs\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud.cjs\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-ondernemen.cjs\",[[1,\"utrecht-icon-ondernemen\"]]],[\"utrecht-icon-openingstijden.cjs\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-over-de-stad.cjs\",[[1,\"utrecht-icon-over-de-stad\"]]],[\"utrecht-icon-overlijden.cjs\",[[1,\"utrecht-icon-overlijden\"]]],[\"utrecht-icon-panden.cjs\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park.cjs\",[[1,\"utrecht-icon-park\"]]],[\"utrecht-icon-parkeerkaart.cjs\",[[1,\"utrecht-icon-parkeerkaart\"]]],[\"utrecht-icon-parkeervergunning.cjs\",[[1,\"utrecht-icon-parkeervergunning\"]]],[\"utrecht-icon-parken.cjs\",[[1,\"utrecht-icon-parken\"]]],[\"utrecht-icon-parkeren.cjs\",[[1,\"utrecht-icon-parkeren\"]]],[\"utrecht-icon-parkeren-bedrijven.cjs\",[[1,\"utrecht-icon-parkeren-bedrijven\"]]],[\"utrecht-icon-parkeren-betaalautomaat.cjs\",[[1,\"utrecht-icon-parkeren-betaalautomaat\"]]],[\"utrecht-icon-parkeren-betalen.cjs\",[[1,\"utrecht-icon-parkeren-betalen\"]]],[\"utrecht-icon-participatie-campagne.cjs\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-participatie-like.cjs\",[[1,\"utrecht-icon-participatie-like\"]]],[\"utrecht-icon-participatie-pitch.cjs\",[[1,\"utrecht-icon-participatie-pitch\"]]],[\"utrecht-icon-paspoort.cjs\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-presentatie.cjs\",[[1,\"utrecht-icon-presentatie\"]]],[\"utrecht-icon-prijskaartje.cjs\",[[1,\"utrecht-icon-prijskaartje\"]]],[\"utrecht-icon-rijbewijs.cjs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rioolheffing.cjs\",[[1,\"utrecht-icon-rioolheffing\"]]],[\"utrecht-icon-rolstoel.cjs\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-schild-gemeente-utrecht.cjs\",[[1,\"utrecht-icon-schild-gemeente-utrecht\"]]],[\"utrecht-icon-shoppen.cjs\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas.cjs\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-slechtziende-hoordende.cjs\",[[1,\"utrecht-icon-slechtziende-hoordende\"]]],[\"utrecht-icon-sport.cjs\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-sport-en-cultuur.cjs\",[[1,\"utrecht-icon-sport-en-cultuur\"]]],[\"utrecht-icon-sport-voetbal.cjs\",[[1,\"utrecht-icon-sport-voetbal\"]]],[\"utrecht-icon-stookverbod.cjs\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strand.cjs\",[[1,\"utrecht-icon-strand\"]]],[\"utrecht-icon-strooien.cjs\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie.cjs\",[[1,\"utrecht-icon-subsidie\"]]],[\"utrecht-icon-subsidie-gezin.cjs\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-t-shirt.cjs\",[[1,\"utrecht-icon-t-shirt\"]]],[\"utrecht-icon-thuiswerken.cjs\",[[1,\"utrecht-icon-thuiswerken\"]]],[\"utrecht-icon-toeslag.cjs\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein.cjs\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen.cjs\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter.cjs\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-uw-wijk.cjs\",[[1,\"utrecht-icon-uw-wijk\"]]],[\"utrecht-icon-vaccinatie.cjs\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk.cjs\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergaderen.cjs\",[[1,\"utrecht-icon-vergaderen\"]]],[\"utrecht-icon-vergaderendigitaal.cjs\",[[1,\"utrecht-icon-vergaderendigitaal\"]]],[\"utrecht-icon-vergoeding.cjs\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen.cjs\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkeerslicht.cjs\",[[1,\"utrecht-icon-verkeerslicht\"]]],[\"utrecht-icon-verkiezingen.cjs\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving.cjs\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening.cjs\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus.cjs\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen.cjs\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer.cjs\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk.cjs\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuilnisbak.cjs\",[[1,\"utrecht-icon-vuilnisbak\"]]],[\"utrecht-icon-vuilniszak.cjs\",[[1,\"utrecht-icon-vuilniszak\"]]],[\"utrecht-icon-vuurwerk.cjs\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok.cjs\",[[1,\"utrecht-icon-wandelstok\"]]],[\"utrecht-icon-warm.cjs\",[[1,\"utrecht-icon-warm\"]]],[\"utrecht-icon-warning.cjs\",[[1,\"utrecht-icon-warning\"]]],[\"utrecht-icon-werken.cjs\",[[1,\"utrecht-icon-werken\"]]],[\"utrecht-icon-werkzaamheden.cjs\",[[1,\"utrecht-icon-werkzaamheden\"]]],[\"utrecht-icon-whatsapp.cjs\",[[1,\"utrecht-icon-whatsapp\"]]],[\"utrecht-icon-wonen-kosten.cjs\",[[1,\"utrecht-icon-wonen-kosten\"]]],[\"utrecht-icon-woning-zoeken.cjs\",[[1,\"utrecht-icon-woning-zoeken\"]]],[\"utrecht-icon-youtube.cjs\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen.cjs\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoomin.cjs\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout.cjs\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis.cjs\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"utrecht-icon-zweefpaal.cjs\",[[1,\"utrecht-icon-zweefpaal\"]]],[\"utrecht-icon-zwemmen.cjs\",[[1,\"utrecht-icon-zwemmen\"]]],[\"utrecht-logo-button.cjs\",[[1,\"utrecht-logo-button\"]]],[\"utrecht-map-marker.cjs\",[[1,\"utrecht-map-marker\"]]],[\"utrecht-page-footer.cjs\",[[1,\"utrecht-page-footer\"]]],[\"utrecht-pagination.cjs\",[[1,\"utrecht-pagination\",{\"links\":[1],\"next\":[1],\"prev\":[1],\"currentIndex\":[2,\"current-index\"]}]]],[\"utrecht-sidenav.cjs\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-table.cjs\",[[1,\"utrecht-table\"]]],[\"utrecht-table-body.cjs\",[[1,\"utrecht-table-body\"]]],[\"utrecht-table-caption.cjs\",[[1,\"utrecht-table-caption\"]]],[\"utrecht-table-cell.cjs\",[[1,\"utrecht-table-cell\"]]],[\"utrecht-table-footer.cjs\",[[1,\"utrecht-table-footer\"]]],[\"utrecht-table-header.cjs\",[[1,\"utrecht-table-header\"]]],[\"utrecht-table-header-cell.cjs\",[[1,\"utrecht-table-header-cell\",{\"scope\":[1]}]]],[\"utrecht-table-row.cjs\",[[1,\"utrecht-table-row\"]]],[\"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-digid-logo.cjs\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_36.cjs\",[[1,\"utrecht-alert\",{\"type\":[1]}],[1,\"utrecht-article\"],[1,\"utrecht-badge-counter\",{\"value\":[2],\"max\":[2],\"locale\":[1]}],[1,\"utrecht-badge-data\"],[1,\"utrecht-badge-status\",{\"status\":[1]}],[1,\"utrecht-button\",{\"appearance\":[1],\"busy\":[4],\"disabled\":[4],\"type\":[1]}],[1,\"utrecht-button-group\"],[1,\"utrecht-button-link\",{\"appearance\":[1],\"external\":[4],\"href\":[1],\"placeholder\":[4]}],[1,\"utrecht-code\"],[1,\"utrecht-code-block\"],[1,\"utrecht-document\"],[1,\"utrecht-emphasis\"],[1,\"utrecht-form-field-description\",{\"status\":[513]}],[1,\"utrecht-heading\",{\"level\":[2]}],[1,\"utrecht-heading-1\"],[1,\"utrecht-heading-4\"],[1,\"utrecht-heading-5\"],[1,\"utrecht-heading-6\"],[1,\"utrecht-heading-group\"],[1,\"utrecht-icon\"],[1,\"utrecht-link\",{\"href\":[1]}],[1,\"utrecht-link-button\",{\"disabled\":[4],\"type\":[1],\"inline\":[4],\"pressed\":[4]}],[1,\"utrecht-logo\"],[1,\"utrecht-mark\"],[1,\"utrecht-number-value\",{\"value\":[8]}],[1,\"utrecht-page\"],[1,\"utrecht-page-content\"],[1,\"utrecht-page-header\"],[1,\"utrecht-pre-heading\"],[1,\"utrecht-separator\"],[1,\"utrecht-skip-link\",{\"href\":[1]}],[1,\"utrecht-spotlight-section\",{\"appearance\":[1]}],[1,\"utrecht-url\"],[1,\"utrecht-heading-2\"],[1,\"utrecht-heading-3\"],[1,\"utrecht-paragraph\",{\"lead\":[4]}]]]]"), options);
 });
+
+exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=utrecht.cjs.js.map

package/dist/cjs/utrecht.cjs.js.map

@@ -0,0 +1 @@
+{"file":"utrecht.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,yMAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAgBlF;AACA,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D;AACA;AACA,KAaK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["../../node_modules/.pnpm/@stencil+core@3.2.2/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -1,41 +1,258 @@
 {
   "entries": [
-    "./article/stencil.js",
-    "./badge-counter/stencil.js",
-    "./badge-data/stencil.js",
-    "./badge-status/stencil.js",
-    "./breadcrumb/stencil.js",
-    "./button/stencil.js",
-    "./checkbox/stencil.js",
-    "./document/stencil.js",
-    "./form-field-checkbox/stencil.js",
-    "./form-field-description/stencil.js",
-    "./form-field-textbox/stencil.js",
-    "./heading/stencil.js",
-    "./heading-1/stencil.js",
-    "./heading-2/stencil.js",
-    "./heading-3/stencil.js",
-    "./heading-4/stencil.js",
-    "./heading-5/stencil.js",
-    "./heading-6/stencil.js",
-    "./html-content/stencil.js",
-    "./icon/facebook.stencil.js",
-    "./icon/instagram.stencil.js",
-    "./icon/linkedin.stencil.js",
-    "./icon/twitter.stencil.js",
-    "./icon/whatsapp.stencil.js",
-    "./logo/stencil.js",
-    "./navigatie sidenav/stencil.js",
-    "./page-footer/stencil.js",
-    "./pagination/stencil.js",
-    "./paragraph/stencil.js",
-    "./separator/stencil.js",
-    "./textbox/stencil.js"
+    "./components/alert.stencil.js",
+    "./components/button-group.js",
+    "./components/button-link.js",
+    "./components/code-block.js",
+    "./components/code.js",
+    "./components/emphasis.js",
+    "./components/heading-group.js",
+    "./components/link-button.js",
+    "./components/link.js",
+    "./components/mark.js",
+    "./components/number-value.js",
+    "./components/pre-heading.js",
+    "./components/skip-link.js",
+    "./components/spotlight-section.js",
+    "./components/url-value.js",
+    "./components/article/index.stencil.js",
+    "./components/backdrop/index.stencil.js",
+    "./components/badge-counter/index.stencil.js",
+    "./components/badge-data/index.stencil.js",
+    "./components/badge-status/index.stencil.js",
+    "./components/breadcrumb/index.stencil.js",
+    "./components/button/index.stencil.js",
+    "./components/checkbox/index.stencil.js",
+    "./components/contact-card-template/index.stencil.js",
+    "./components/custom-checkbox/index.stencil.js",
+    "./components/digid-button/index.stencil.js",
+    "./components/digid-logo/index.stencil.js",
+    "./components/document/index.stencil.js",
+    "./components/eherkenning-logo/index.stencil.js",
+    "./components/eidas-logo/index.stencil.js",
+    "./components/form-field-checkbox/index.stencil.js",
+    "./components/form-field-description/index.stencil.js",
+    "./components/form-field-textarea/index.stencil.js",
+    "./components/form-field-textbox/index.stencil.js",
+    "./components/form-toggle/index.stencil.js",
+    "./components/generated/utrecht-icon-afspraak-maken/utrecht-icon-afspraak-maken.stencil.js",
+    "./components/generated/utrecht-icon-afval/utrecht-icon-afval.stencil.js",
+    "./components/generated/utrecht-icon-afval-container/utrecht-icon-afval-container.stencil.js",
+    "./components/generated/utrecht-icon-afval-containerpas/utrecht-icon-afval-containerpas.stencil.js",
+    "./components/generated/utrecht-icon-afval-kalender/utrecht-icon-afval-kalender.stencil.js",
+    "./components/generated/utrecht-icon-afval-pmd/utrecht-icon-afval-pmd.stencil.js",
+    "./components/generated/utrecht-icon-afval-scheiden/utrecht-icon-afval-scheiden.stencil.js",
+    "./components/generated/utrecht-icon-afvalkalender/utrecht-icon-afvalkalender.stencil.js",
+    "./components/generated/utrecht-icon-alleen/utrecht-icon-alleen.stencil.js",
+    "./components/generated/utrecht-icon-arrow/utrecht-icon-arrow.stencil.js",
+    "./components/generated/utrecht-icon-auto/utrecht-icon-auto.stencil.js",
+    "./components/generated/utrecht-icon-begroting/utrecht-icon-begroting.stencil.js",
+    "./components/generated/utrecht-icon-bestemmingsplan/utrecht-icon-bestemmingsplan.stencil.js",
+    "./components/generated/utrecht-icon-betaaldatum/utrecht-icon-betaaldatum.stencil.js",
+    "./components/generated/utrecht-icon-bewijsstukken/utrecht-icon-bewijsstukken.stencil.js",
+    "./components/generated/utrecht-icon-bijstand/utrecht-icon-bijstand.stencil.js",
+    "./components/generated/utrecht-icon-blad/utrecht-icon-blad.stencil.js",
+    "./components/generated/utrecht-icon-bouwproject/utrecht-icon-bouwproject.stencil.js",
+    "./components/generated/utrecht-icon-brandgevaar/utrecht-icon-brandgevaar.stencil.js",
+    "./components/generated/utrecht-icon-brief-betalen/utrecht-icon-brief-betalen.stencil.js",
+    "./components/generated/utrecht-icon-checkmark/utrecht-icon-checkmark.stencil.js",
+    "./components/generated/utrecht-icon-college-b-w/utrecht-icon-college-b-w.stencil.js",
+    "./components/generated/utrecht-icon-container/utrecht-icon-container.stencil.js",
+    "./components/generated/utrecht-icon-container-bio/utrecht-icon-container-bio.stencil.js",
+    "./components/generated/utrecht-icon-container-glas/utrecht-icon-container-glas.stencil.js",
+    "./components/generated/utrecht-icon-container-groenafval/utrecht-icon-container-groenafval.stencil.js",
+    "./components/generated/utrecht-icon-container-met-zak/utrecht-icon-container-met-zak.stencil.js",
+    "./components/generated/utrecht-icon-container-papier/utrecht-icon-container-papier.stencil.js",
+    "./components/generated/utrecht-icon-container-pmd/utrecht-icon-container-pmd.stencil.js",
+    "./components/generated/utrecht-icon-container-restafval/utrecht-icon-container-restafval.stencil.js",
+    "./components/generated/utrecht-icon-container-textiel/utrecht-icon-container-textiel.stencil.js",
+    "./components/generated/utrecht-icon-cross/utrecht-icon-cross.stencil.js",
+    "./components/generated/utrecht-icon-dakloos/utrecht-icon-dakloos.stencil.js",
+    "./components/generated/utrecht-icon-dementie/utrecht-icon-dementie.stencil.js",
+    "./components/generated/utrecht-icon-documenten/utrecht-icon-documenten.stencil.js",
+    "./components/generated/utrecht-icon-duurzaam/utrecht-icon-duurzaam.stencil.js",
+    "./components/generated/utrecht-icon-eenzaamheid/utrecht-icon-eenzaamheid.stencil.js",
+    "./components/generated/utrecht-icon-eikenprocessie/utrecht-icon-eikenprocessie.stencil.js",
+    "./components/generated/utrecht-icon-elektrisch-rijden/utrecht-icon-elektrisch-rijden.stencil.js",
+    "./components/generated/utrecht-icon-energie-vergoeding/utrecht-icon-energie-vergoeding.stencil.js",
+    "./components/generated/utrecht-icon-energietransitie/utrecht-icon-energietransitie.stencil.js",
+    "./components/generated/utrecht-icon-error/utrecht-icon-error.stencil.js",
+    "./components/generated/utrecht-icon-evenementen/utrecht-icon-evenementen.stencil.js",
+    "./components/generated/utrecht-icon-facebook/utrecht-icon-facebook.stencil.js",
+    "./components/generated/utrecht-icon-fiets/utrecht-icon-fiets.stencil.js",
+    "./components/generated/utrecht-icon-filter/utrecht-icon-filter.stencil.js",
+    "./components/generated/utrecht-icon-geboorte/utrecht-icon-geboorte.stencil.js",
+    "./components/generated/utrecht-icon-gebruiker-centraal/utrecht-icon-gebruiker-centraal.stencil.js",
+    "./components/generated/utrecht-icon-gebruiker-ingelogd/utrecht-icon-gebruiker-ingelogd.stencil.js",
+    "./components/generated/utrecht-icon-gegevenswoordenboek/utrecht-icon-gegevenswoordenboek.stencil.js",
+    "./components/generated/utrecht-icon-geluid/utrecht-icon-geluid.stencil.js",
+    "./components/generated/utrecht-icon-gemeente-locatie/utrecht-icon-gemeente-locatie.stencil.js",
+    "./components/generated/utrecht-icon-gemeenteraad/utrecht-icon-gemeenteraad.stencil.js",
+    "./components/generated/utrecht-icon-gereedschap/utrecht-icon-gereedschap.stencil.js",
+    "./components/generated/utrecht-icon-gezicht/utrecht-icon-gezicht.stencil.js",
+    "./components/generated/utrecht-icon-gezin/utrecht-icon-gezin.stencil.js",
+    "./components/generated/utrecht-icon-glas-afval/utrecht-icon-glas-afval.stencil.js",
+    "./components/generated/utrecht-icon-glijbaan/utrecht-icon-glijbaan.stencil.js",
+    "./components/generated/utrecht-icon-grafiek/utrecht-icon-grafiek.stencil.js",
+    "./components/generated/utrecht-icon-grofvuil/utrecht-icon-grofvuil.stencil.js",
+    "./components/generated/utrecht-icon-grofvuil-ophalen/utrecht-icon-grofvuil-ophalen.stencil.js",
+    "./components/generated/utrecht-icon-herdenking/utrecht-icon-herdenking.stencil.js",
+    "./components/generated/utrecht-icon-hondenbelasting/utrecht-icon-hondenbelasting.stencil.js",
+    "./components/generated/utrecht-icon-horeca/utrecht-icon-horeca.stencil.js",
+    "./components/generated/utrecht-icon-horecavergunning/utrecht-icon-horecavergunning.stencil.js",
+    "./components/generated/utrecht-icon-huis/utrecht-icon-huis.stencil.js",
+    "./components/generated/utrecht-icon-huis-en-omgeving/utrecht-icon-huis-en-omgeving.stencil.js",
+    "./components/generated/utrecht-icon-huishoudelijk-geweld/utrecht-icon-huishoudelijk-geweld.stencil.js",
+    "./components/generated/utrecht-icon-hulp-huishouden/utrecht-icon-hulp-huishouden.stencil.js",
+    "./components/generated/utrecht-icon-hulp-vervoer/utrecht-icon-hulp-vervoer.stencil.js",
+    "./components/generated/utrecht-icon-hulp-zorg/utrecht-icon-hulp-zorg.stencil.js",
+    "./components/generated/utrecht-icon-hulpmiddelen-gezin/utrecht-icon-hulpmiddelen-gezin.stencil.js",
+    "./components/generated/utrecht-icon-hulpverlening/utrecht-icon-hulpverlening.stencil.js",
+    "./components/generated/utrecht-icon-idee/utrecht-icon-idee.stencil.js",
+    "./components/generated/utrecht-icon-informatie/utrecht-icon-informatie.stencil.js",
+    "./components/generated/utrecht-icon-information/utrecht-icon-information.stencil.js",
+    "./components/generated/utrecht-icon-innovatie/utrecht-icon-innovatie.stencil.js",
+    "./components/generated/utrecht-icon-inspraak-inwoners/utrecht-icon-inspraak-inwoners.stencil.js",
+    "./components/generated/utrecht-icon-instagram/utrecht-icon-instagram.stencil.js",
+    "./components/generated/utrecht-icon-kalender/utrecht-icon-kalender.stencil.js",
+    "./components/generated/utrecht-icon-kennis/utrecht-icon-kennis.stencil.js",
+    "./components/generated/utrecht-icon-kerstbomen/utrecht-icon-kerstbomen.stencil.js",
+    "./components/generated/utrecht-icon-klachten/utrecht-icon-klachten.stencil.js",
+    "./components/generated/utrecht-icon-kroon/utrecht-icon-kroon.stencil.js",
+    "./components/generated/utrecht-icon-laadpaal/utrecht-icon-laadpaal.stencil.js",
+    "./components/generated/utrecht-icon-lantaarnpaal/utrecht-icon-lantaarnpaal.stencil.js",
+    "./components/generated/utrecht-icon-lantaarnpaal-oud/utrecht-icon-lantaarnpaal-oud.stencil.js",
+    "./components/generated/utrecht-icon-leren/utrecht-icon-leren.stencil.js",
+    "./components/generated/utrecht-icon-let-op/utrecht-icon-let-op.stencil.js",
+    "./components/generated/utrecht-icon-linkedin/utrecht-icon-linkedin.stencil.js",
+    "./components/generated/utrecht-icon-list/utrecht-icon-list.stencil.js",
+    "./components/generated/utrecht-icon-loupe/utrecht-icon-loupe.stencil.js",
+    "./components/generated/utrecht-icon-markt/utrecht-icon-markt.stencil.js",
+    "./components/generated/utrecht-icon-melding/utrecht-icon-melding.stencil.js",
+    "./components/generated/utrecht-icon-melding-boom/utrecht-icon-melding-boom.stencil.js",
+    "./components/generated/utrecht-icon-melding-klacht/utrecht-icon-melding-klacht.stencil.js",
+    "./components/generated/utrecht-icon-melding-openbareruimte/utrecht-icon-melding-openbareruimte.stencil.js",
+    "./components/generated/utrecht-icon-melding-verlichting/utrecht-icon-melding-verlichting.stencil.js",
+    "./components/generated/utrecht-icon-menselijk/utrecht-icon-menselijk.stencil.js",
+    "./components/generated/utrecht-icon-meterkast/utrecht-icon-meterkast.stencil.js",
+    "./components/generated/utrecht-icon-milieu-ontheffing/utrecht-icon-milieu-ontheffing.stencil.js",
+    "./components/generated/utrecht-icon-milieu-zone/utrecht-icon-milieu-zone.stencil.js",
+    "./components/generated/utrecht-icon-mobiliteit/utrecht-icon-mobiliteit.stencil.js",
+    "./components/generated/utrecht-icon-natuur/utrecht-icon-natuur.stencil.js",
+    "./components/generated/utrecht-icon-nieuw-huis/utrecht-icon-nieuw-huis.stencil.js",
+    "./components/generated/utrecht-icon-nummerbord/utrecht-icon-nummerbord.stencil.js",
+    "./components/generated/utrecht-icon-om-het-huis/utrecht-icon-om-het-huis.stencil.js",
+    "./components/generated/utrecht-icon-omgeving/utrecht-icon-omgeving.stencil.js",
+    "./components/generated/utrecht-icon-omgevingsvisie/utrecht-icon-omgevingsvisie.stencil.js",
+    "./components/generated/utrecht-icon-omgevingswet/utrecht-icon-omgevingswet.stencil.js",
+    "./components/generated/utrecht-icon-onderhoud/utrecht-icon-onderhoud.stencil.js",
+    "./components/generated/utrecht-icon-ondernemen/utrecht-icon-ondernemen.stencil.js",
+    "./components/generated/utrecht-icon-openingstijden/utrecht-icon-openingstijden.stencil.js",
+    "./components/generated/utrecht-icon-over-de-stad/utrecht-icon-over-de-stad.stencil.js",
+    "./components/generated/utrecht-icon-overlijden/utrecht-icon-overlijden.stencil.js",
+    "./components/generated/utrecht-icon-panden/utrecht-icon-panden.stencil.js",
+    "./components/generated/utrecht-icon-park/utrecht-icon-park.stencil.js",
+    "./components/generated/utrecht-icon-parkeerkaart/utrecht-icon-parkeerkaart.stencil.js",
+    "./components/generated/utrecht-icon-parkeervergunning/utrecht-icon-parkeervergunning.stencil.js",
+    "./components/generated/utrecht-icon-parken/utrecht-icon-parken.stencil.js",
+    "./components/generated/utrecht-icon-parkeren/utrecht-icon-parkeren.stencil.js",
+    "./components/generated/utrecht-icon-parkeren-bedrijven/utrecht-icon-parkeren-bedrijven.stencil.js",
+    "./components/generated/utrecht-icon-parkeren-betaalautomaat/utrecht-icon-parkeren-betaalautomaat.stencil.js",
+    "./components/generated/utrecht-icon-parkeren-betalen/utrecht-icon-parkeren-betalen.stencil.js",
+    "./components/generated/utrecht-icon-participatie-campagne/utrecht-icon-participatie-campagne.stencil.js",
+    "./components/generated/utrecht-icon-participatie-like/utrecht-icon-participatie-like.stencil.js",
+    "./components/generated/utrecht-icon-participatie-pitch/utrecht-icon-participatie-pitch.stencil.js",
+    "./components/generated/utrecht-icon-paspoort/utrecht-icon-paspoort.stencil.js",
+    "./components/generated/utrecht-icon-presentatie/utrecht-icon-presentatie.stencil.js",
+    "./components/generated/utrecht-icon-prijskaartje/utrecht-icon-prijskaartje.stencil.js",
+    "./components/generated/utrecht-icon-rijbewijs/utrecht-icon-rijbewijs.stencil.js",
+    "./components/generated/utrecht-icon-rioolheffing/utrecht-icon-rioolheffing.stencil.js",
+    "./components/generated/utrecht-icon-rolstoel/utrecht-icon-rolstoel.stencil.js",
+    "./components/generated/utrecht-icon-schild-gemeente-utrecht/utrecht-icon-schild-gemeente-utrecht.stencil.js",
+    "./components/generated/utrecht-icon-shoppen/utrecht-icon-shoppen.stencil.js",
+    "./components/generated/utrecht-icon-sinterklaas/utrecht-icon-sinterklaas.stencil.js",
+    "./components/generated/utrecht-icon-slechtziende-hoordende/utrecht-icon-slechtziende-hoordende.stencil.js",
+    "./components/generated/utrecht-icon-sport/utrecht-icon-sport.stencil.js",
+    "./components/generated/utrecht-icon-sport-en-cultuur/utrecht-icon-sport-en-cultuur.stencil.js",
+    "./components/generated/utrecht-icon-sport-voetbal/utrecht-icon-sport-voetbal.stencil.js",
+    "./components/generated/utrecht-icon-stookverbod/utrecht-icon-stookverbod.stencil.js",
+    "./components/generated/utrecht-icon-strand/utrecht-icon-strand.stencil.js",
+    "./components/generated/utrecht-icon-strooien/utrecht-icon-strooien.stencil.js",
+    "./components/generated/utrecht-icon-subsidie/utrecht-icon-subsidie.stencil.js",
+    "./components/generated/utrecht-icon-subsidie-gezin/utrecht-icon-subsidie-gezin.stencil.js",
+    "./components/generated/utrecht-icon-t-shirt/utrecht-icon-t-shirt.stencil.js",
+    "./components/generated/utrecht-icon-thuiswerken/utrecht-icon-thuiswerken.stencil.js",
+    "./components/generated/utrecht-icon-toeslag/utrecht-icon-toeslag.stencil.js",
+    "./components/generated/utrecht-icon-trein/utrecht-icon-trein.stencil.js",
+    "./components/generated/utrecht-icon-trouwen/utrecht-icon-trouwen.stencil.js",
+    "./components/generated/utrecht-icon-twitter/utrecht-icon-twitter.stencil.js",
+    "./components/generated/utrecht-icon-uw-wijk/utrecht-icon-uw-wijk.stencil.js",
+    "./components/generated/utrecht-icon-vaccinatie/utrecht-icon-vaccinatie.stencil.js",
+    "./components/generated/utrecht-icon-veilige-wijk/utrecht-icon-veilige-wijk.stencil.js",
+    "./components/generated/utrecht-icon-vergaderen/utrecht-icon-vergaderen.stencil.js",
+    "./components/generated/utrecht-icon-vergaderendigitaal/utrecht-icon-vergaderendigitaal.stencil.js",
+    "./components/generated/utrecht-icon-vergoeding/utrecht-icon-vergoeding.stencil.js",
+    "./components/generated/utrecht-icon-verhuizen/utrecht-icon-verhuizen.stencil.js",
+    "./components/generated/utrecht-icon-verkeerslicht/utrecht-icon-verkeerslicht.stencil.js",
+    "./components/generated/utrecht-icon-verkiezingen/utrecht-icon-verkiezingen.stencil.js",
+    "./components/generated/utrecht-icon-verslaving/utrecht-icon-verslaving.stencil.js",
+    "./components/generated/utrecht-icon-vervoersvoorziening/utrecht-icon-vervoersvoorziening.stencil.js",
+    "./components/generated/utrecht-icon-virus/utrecht-icon-virus.stencil.js",
+    "./components/generated/utrecht-icon-vluchtelingen/utrecht-icon-vluchtelingen.stencil.js",
+    "./components/generated/utrecht-icon-voorzieningen-vervoer/utrecht-icon-voorzieningen-vervoer.stencil.js",
+    "./components/generated/utrecht-icon-vrijwilligerswerk/utrecht-icon-vrijwilligerswerk.stencil.js",
+    "./components/generated/utrecht-icon-vuilnisbak/utrecht-icon-vuilnisbak.stencil.js",
+    "./components/generated/utrecht-icon-vuilniszak/utrecht-icon-vuilniszak.stencil.js",
+    "./components/generated/utrecht-icon-vuurwerk/utrecht-icon-vuurwerk.stencil.js",
+    "./components/generated/utrecht-icon-wandelstok/utrecht-icon-wandelstok.stencil.js",
+    "./components/generated/utrecht-icon-warm/utrecht-icon-warm.stencil.js",
+    "./components/generated/utrecht-icon-warning/utrecht-icon-warning.stencil.js",
+    "./components/generated/utrecht-icon-werken/utrecht-icon-werken.stencil.js",
+    "./components/generated/utrecht-icon-werkzaamheden/utrecht-icon-werkzaamheden.stencil.js",
+    "./components/generated/utrecht-icon-whatsapp/utrecht-icon-whatsapp.stencil.js",
+    "./components/generated/utrecht-icon-wonen-kosten/utrecht-icon-wonen-kosten.stencil.js",
+    "./components/generated/utrecht-icon-woning-zoeken/utrecht-icon-woning-zoeken.stencil.js",
+    "./components/generated/utrecht-icon-youtube/utrecht-icon-youtube.stencil.js",
+    "./components/generated/utrecht-icon-zelfstandig-wonen/utrecht-icon-zelfstandig-wonen.stencil.js",
+    "./components/generated/utrecht-icon-zoomin/utrecht-icon-zoomin.stencil.js",
+    "./components/generated/utrecht-icon-zoomout/utrecht-icon-zoomout.stencil.js",
+    "./components/generated/utrecht-icon-zorg-huis/utrecht-icon-zorg-huis.stencil.js",
+    "./components/generated/utrecht-icon-zweefpaal/utrecht-icon-zweefpaal.stencil.js",
+    "./components/generated/utrecht-icon-zwemmen/utrecht-icon-zwemmen.stencil.js",
+    "./components/heading/index.stencil.js",
+    "./components/heading-1/index.stencil.js",
+    "./components/heading-2/index.stencil.js",
+    "./components/heading-3/index.stencil.js",
+    "./components/heading-4/index.stencil.js",
+    "./components/heading-5/index.stencil.js",
+    "./components/heading-6/index.stencil.js",
+    "./components/html-content/index.stencil.js",
+    "./components/icon/index.stencil.js",
+    "./components/logo/index.stencil.js",
+    "./components/logo-button/index.stencil.js",
+    "./components/map-marker/index.stencil.js",
+    "./components/navigatie sidenav/index.stencil.js",
+    "./components/page/index.stencil.js",
+    "./components/page-content/index.stencil.js",
+    "./components/page-footer/index.stencil.js",
+    "./components/page-header/stencil.js",
+    "./components/pagination/index.stencil.js",
+    "./components/paragraph/index.stencil.js",
+    "./components/separator/index.stencil.js",
+    "./components/table/table-body.stencil.js",
+    "./components/table/table-caption.stencil.js",
+    "./components/table/table-cell.stencil.js",
+    "./components/table/table-footer.stencil.js",
+    "./components/table/table-header-cell.stencil.js",
+    "./components/table/table-header.stencil.js",
+    "./components/table/table-row.stencil.js",
+    "./components/table/table.stencil.js",
+    "./components/textbox/index.stencil.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.6.0",
-    "typescriptVersion": "4.2.3"
+    "version": "3.2.2",
+    "typescriptVersion": "4.9.5"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/alert.css

@@ -0,0 +1,81 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+.utrecht-alert {
+  background-color: var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));
+  border-color: var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));
+  border-style: solid;
+  border-width: var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));
+  color: var(--_utrecht-alert-color, var(--utrecht-alert-color));
+  display: grid;
+  gap: var(--utrecht-alert-icon-gap);
+  grid-template-areas: "icon message";
+  grid-template-columns: 0fr 100fr;
+  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));
+  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));
+  padding-block-end: var(--utrecht-alert-padding-block-end);
+  padding-block-start: var(--utrecht-alert-padding-block-start);
+  padding-inline-end: var(--utrecht-alert-padding-inline-end);
+  padding-inline-start: var(--utrecht-alert-padding-inline-start);
+}
+
+.utrecht-alert__icon {
+  --utrecht-icon-color: var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));
+  grid-area: icon;
+}
+
+.utrecht-alert__message {
+  grid-area: message;
+}
+
+.utrecht-alert--info {
+  --_utrecht-alert-icon-color: var(--utrecht-alert-icon-info-color);
+  --_utrecht-alert-background-color: var(--utrecht-alert-info-background-color);
+  --_utrecht-alert-border-color: var(--utrecht-alert-info-border-color);
+  --_utrecht-alert-border-width: var(--utrecht-alert-info-border-width);
+  --_utrecht-alert-color: var(--utrecht-alert-info-color);
+}
+
+.utrecht-alert--ok {
+  --_utrecht-alert-icon-color: var(--utrecht-alert-icon-ok-color);
+  --_utrecht-alert-background-color: var(--utrecht-alert-ok-background-color);
+  --_utrecht-alert-border-color: var(--utrecht-alert-ok-border-color);
+  --_utrecht-alert-border-width: var(--utrecht-alert-ok-border-width);
+  --_utrecht-alert-color: var(--utrecht-alert-ok-color);
+}
+
+.utrecht-alert--warning {
+  --_utrecht-alert-icon-color: var(--utrecht-alert-icon-warning-color);
+  --_utrecht-alert-background-color: var(--utrecht-alert-warning-background-color);
+  --_utrecht-alert-border-color: var(--utrecht-alert-warning-border-color);
+  --_utrecht-alert-border-width: var(--utrecht-alert-warning-border-width);
+  --_utrecht-alert-color: var(--utrecht-alert-warning-color);
+}
+
+.utrecht-alert--error {
+  --_utrecht-alert-icon-color: var(--utrecht-alert-icon-error-color);
+  --_utrecht-alert-background-color: var(--utrecht-alert-error-background-color);
+  --_utrecht-alert-border-color: var(--utrecht-alert-error-border-color);
+  --_utrecht-alert-border-width: var(--utrecht-alert-error-border-width);
+  --_utrecht-alert-color: var(--utrecht-alert-error-color);
+}
+
+:host {
+  display: block;
+}
+
+:host([hidden]) {
+  display: none !important;
+}