@utrecht/web-component-library-stencil 1.0.0-alpha.44 → 1.0.0-alpha.441

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-e61b4b29.js';
+
+const tableHeaderCss = ":host{background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom;display:table-header-group}";
+
+const TableHeader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+};
+TableHeader.style = tableHeaderCss;
+
+export { TableHeader as utrecht_table_header };

package/dist/esm/utrecht-table-row.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-e61b4b29.js';
+
+const tableRowCss = ":host{page-break-inside:avoid;display:table-row}";
+
+const TableRow = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "row" }, h("slot", null)));
+  }
+};
+TableRow.style = tableRowCss;
+
+export { TableRow as utrecht_table_row };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-e61b4b29.js';
+
+const tableCss = ":host{border-collapse:collapse;border-color:var(--utrecht-table-border-color, 0);border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);line-height:var(--utrecht-table-line-height, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0));width:100%;display:table}";
+
+const Table = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "table" }, h("slot", null)));
+  }
+};
+Table.style = tableCss;
+
+export { Table as utrecht_table };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-e7ed25c1.js';
-import { c as clsx } from './clsx.m-071989db.js';
+import { r as registerInstance, c as createEvent, h } from './index-e61b4b29.js';
+import { c as clsx } from './clsx.m-9f200cc0.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-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));font-weight:initial;height:initial;line-height:initial;max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start, initial));width:100%}.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-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{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-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-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-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]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-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) {
@@ -10,20 +10,26 @@ const Textbox = class {
     this.utrechtChange = createEvent(this, "utrechtChange", 7);
     this.utrechtFocus = createEvent(this, "utrechtFocus", 7);
     this.utrechtInput = 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 (h("input", { class: 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 (h("input", { class: 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;
 
 export { Textbox as utrecht_textbox };

package/dist/esm/utrecht.js

@@ -1,7 +1,7 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-e7ed25c1.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e61b4b29.js';
 
 /*
- Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["utrecht-article",[[1,"utrecht-article"]]],["utrecht-badge-counter",[[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]]],["utrecht-badge-data",[[1,"utrecht-badge-data"]]],["utrecht-badge-status",[[1,"utrecht-badge-status",{"status":[1]}]]],["utrecht-breadcrumb",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["utrecht-button",[[1,"utrecht-button",{"disabled":[4]}]]],["utrecht-checkbox",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[32],"value":[32]}]]],["utrecht-document",[[1,"utrecht-document"]]],["utrecht-form-field-checkbox",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"readOnly":[516,"readonly"],"checked":[32],"value":[32]}]]],["utrecht-form-field-textbox",[[1,"utrecht-form-field-textbox",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"value":[32]}]]],["utrecht-heading",[[1,"utrecht-heading",{"level":[2]}]]],["utrecht-heading-1",[[1,"utrecht-heading-1"]]],["utrecht-heading-2",[[1,"utrecht-heading-2"]]],["utrecht-heading-3",[[1,"utrecht-heading-3"]]],["utrecht-heading-4",[[1,"utrecht-heading-4"]]],["utrecht-heading-5",[[1,"utrecht-heading-5"]]],["utrecht-heading-6",[[1,"utrecht-heading-6"]]],["utrecht-html-content",[[4,"utrecht-html-content"]]],["utrecht-icon-facebook",[[1,"utrecht-icon-facebook"]]],["utrecht-icon-instagram",[[1,"utrecht-icon-instagram"]]],["utrecht-icon-linkedin",[[1,"utrecht-icon-linkedin"]]],["utrecht-icon-twitter",[[1,"utrecht-icon-twitter"]]],["utrecht-icon-whatsapp",[[1,"utrecht-icon-whatsapp"]]],["utrecht-logo",[[1,"utrecht-logo"]]],["utrecht-page-footer",[[1,"utrecht-page-footer"]]],["utrecht-pagination",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["utrecht-paragraph",[[1,"utrecht-paragraph",{"lead":[4]}]]],["utrecht-separator",[[1,"utrecht-separator"]]],["utrecht-sidenav",[[1,"utrecht-sidenav",{"json":[1]}]]],["utrecht-textbox",[[1,"utrecht-textbox",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"value":[32]}]]]], options);
+  return bootstrapLazy(JSON.parse("[[\"utrecht-contact-card-template\",[[1,\"utrecht-contact-card-template\"]]],[\"utrecht-logo-button\",[[1,\"utrecht-logo-button\",{\"type\":[1]}]]],[\"utrecht-digid-button\",[[1,\"utrecht-digid-button\",{\"type\":[1]}]]],[\"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-custom-checkbox\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"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\",[[1,\"utrecht-icon\"]]],[\"utrecht-icon-afspraak-maken\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-scheiden\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen\",[[1,\"utrecht-icon-alleen\"]]],[\"utrecht-icon-arrow\",[[1,\"utrecht-icon-arrow\"]]],[\"utrecht-icon-bestemmingsplan\",[[1,\"utrecht-icon-bestemmingsplan\"]]],[\"utrecht-icon-betaaldatum\",[[1,\"utrecht-icon-betaaldatum\"]]],[\"utrecht-icon-bewijsstukken\",[[1,\"utrecht-icon-bewijsstukken\"]]],[\"utrecht-icon-bijstand\",[[1,\"utrecht-icon-bijstand\"]]],[\"utrecht-icon-blad\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-brief-betalen\",[[1,\"utrecht-icon-brief-betalen\"]]],[\"utrecht-icon-checkmark\",[[1,\"utrecht-icon-checkmark\"]]],[\"utrecht-icon-college-b-w\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container\",[[1,\"utrecht-icon-container\"]]],[\"utrecht-icon-container-bio\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-container-glas\",[[1,\"utrecht-icon-container-glas\"]]],[\"utrecht-icon-container-papier\",[[1,\"utrecht-icon-container-papier\"]]],[\"utrecht-icon-container-restafval\",[[1,\"utrecht-icon-container-restafval\"]]],[\"utrecht-icon-container-textiel\",[[1,\"utrecht-icon-container-textiel\"]]],[\"utrecht-icon-cross\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-documenten\",[[1,\"utrecht-icon-documenten\"]]],[\"utrecht-icon-duurzaam\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-elektrisch-rijden\",[[1,\"utrecht-icon-elektrisch-rijden\"]]],[\"utrecht-icon-energie-vergoeding\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"utrecht-icon-energietransitie\",[[1,\"utrecht-icon-energietransitie\"]]],[\"utrecht-icon-error\",[[1,\"utrecht-icon-error\"]]],[\"utrecht-icon-evenementen\",[[1,\"utrecht-icon-evenementen\"]]],[\"utrecht-icon-facebook\",[[1,\"utrecht-icon-facebook\"]]],[\"utrecht-icon-fiets\",[[1,\"utrecht-icon-fiets\"]]],[\"utrecht-icon-filter\",[[1,\"utrecht-icon-filter\"]]],[\"utrecht-icon-gebruiker-centraal\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"utrecht-icon-gebruiker-ingelogd\",[[1,\"utrecht-icon-gebruiker-ingelogd\"]]],[\"utrecht-icon-gegevenswoordenboek\",[[1,\"utrecht-icon-gegevenswoordenboek\"]]],[\"utrecht-icon-geluid\",[[1,\"utrecht-icon-geluid\"]]],[\"utrecht-icon-gemeente-locatie\",[[1,\"utrecht-icon-gemeente-locatie\"]]],[\"utrecht-icon-gemeenteraad\",[[1,\"utrecht-icon-gemeenteraad\"]]],[\"utrecht-icon-gezicht\",[[1,\"utrecht-icon-gezicht\"]]],[\"utrecht-icon-glas-afval\",[[1,\"utrecht-icon-glas-afval\"]]],[\"utrecht-icon-glijbaan\",[[1,\"utrecht-icon-glijbaan\"]]],[\"utrecht-icon-grafiek\",[[1,\"utrecht-icon-grafiek\"]]],[\"utrecht-icon-grofvuil\",[[1,\"utrecht-icon-grofvuil\"]]],[\"utrecht-icon-grofvuil-ophalen\",[[1,\"utrecht-icon-grofvuil-ophalen\"]]],[\"utrecht-icon-herdenking\",[[1,\"utrecht-icon-herdenking\"]]],[\"utrecht-icon-hondenbelasting\",[[1,\"utrecht-icon-hondenbelasting\"]]],[\"utrecht-icon-horeca\",[[1,\"utrecht-icon-horeca\"]]],[\"utrecht-icon-horecavergunning\",[[1,\"utrecht-icon-horecavergunning\"]]],[\"utrecht-icon-huishoudelijk-geweld\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpmiddelen-gezin\",[[1,\"utrecht-icon-hulpmiddelen-gezin\"]]],[\"utrecht-icon-hulpverlening\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"utrecht-icon-idee\",[[1,\"utrecht-icon-idee\"]]],[\"utrecht-icon-information\",[[1,\"utrecht-icon-information\"]]],[\"utrecht-icon-innovatie\",[[1,\"utrecht-icon-innovatie\"]]],[\"utrecht-icon-inspraak-inwoners\",[[1,\"utrecht-icon-inspraak-inwoners\"]]],[\"utrecht-icon-instagram\",[[1,\"utrecht-icon-instagram\"]]],[\"utrecht-icon-kalender\",[[1,\"utrecht-icon-kalender\"]]],[\"utrecht-icon-kennis\",[[1,\"utrecht-icon-kennis\"]]],[\"utrecht-icon-kerstbomen\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon\",[[1,\"utrecht-icon-kroon\"]]],[\"utrecht-icon-laadpaal\",[[1,\"utrecht-icon-laadpaal\"]]],[\"utrecht-icon-lantaarnpaal\",[[1,\"utrecht-icon-lantaarnpaal\"]]],[\"utrecht-icon-lantaarnpaal-oud\",[[1,\"utrecht-icon-lantaarnpaal-oud\"]]],[\"utrecht-icon-leren\",[[1,\"utrecht-icon-leren\"]]],[\"utrecht-icon-let-op\",[[1,\"utrecht-icon-let-op\"]]],[\"utrecht-icon-linkedin\",[[1,\"utrecht-icon-linkedin\"]]],[\"utrecht-icon-list\",[[1,\"utrecht-icon-list\"]]],[\"utrecht-icon-loupe\",[[1,\"utrecht-icon-loupe\"]]],[\"utrecht-icon-markt\",[[1,\"utrecht-icon-markt\"]]],[\"utrecht-icon-melding\",[[1,\"utrecht-icon-melding\"]]],[\"utrecht-icon-melding-boom\",[[1,\"utrecht-icon-melding-boom\"]]],[\"utrecht-icon-melding-klacht\",[[1,\"utrecht-icon-melding-klacht\"]]],[\"utrecht-icon-melding-openbareruimte\",[[1,\"utrecht-icon-melding-openbareruimte\"]]],[\"utrecht-icon-melding-verlichting\",[[1,\"utrecht-icon-melding-verlichting\"]]],[\"utrecht-icon-menselijk\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-milieu-ontheffing\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-natuur\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nummerbord\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-om-het-huis\",[[1,\"utrecht-icon-om-het-huis\"]]],[\"utrecht-icon-omgeving\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-ondernemen\",[[1,\"utrecht-icon-ondernemen\"]]],[\"utrecht-icon-openingstijden\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-over-de-stad\",[[1,\"utrecht-icon-over-de-stad\"]]],[\"utrecht-icon-overlijden\",[[1,\"utrecht-icon-overlijden\"]]],[\"utrecht-icon-panden\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park\",[[1,\"utrecht-icon-park\"]]],[\"utrecht-icon-parkeerkaart\",[[1,\"utrecht-icon-parkeerkaart\"]]],[\"utrecht-icon-parkeervergunning\",[[1,\"utrecht-icon-parkeervergunning\"]]],[\"utrecht-icon-parken\",[[1,\"utrecht-icon-parken\"]]],[\"utrecht-icon-parkeren-bedrijven\",[[1,\"utrecht-icon-parkeren-bedrijven\"]]],[\"utrecht-icon-parkeren-betaalautomaat\",[[1,\"utrecht-icon-parkeren-betaalautomaat\"]]],[\"utrecht-icon-parkeren-betalen\",[[1,\"utrecht-icon-parkeren-betalen\"]]],[\"utrecht-icon-participatie-campagne\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-participatie-like\",[[1,\"utrecht-icon-participatie-like\"]]],[\"utrecht-icon-participatie-pitch\",[[1,\"utrecht-icon-participatie-pitch\"]]],[\"utrecht-icon-paspoort\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-rijbewijs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rolstoel\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-schild-gemeente-utrecht\",[[1,\"utrecht-icon-schild-gemeente-utrecht\"]]],[\"utrecht-icon-shoppen\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-slechtziende-hoordende\",[[1,\"utrecht-icon-slechtziende-hoordende\"]]],[\"utrecht-icon-sport\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-sport-en-cultuur\",[[1,\"utrecht-icon-sport-en-cultuur\"]]],[\"utrecht-icon-stookverbod\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strand\",[[1,\"utrecht-icon-strand\"]]],[\"utrecht-icon-strooien\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie\",[[1,\"utrecht-icon-subsidie\"]]],[\"utrecht-icon-subsidie-gezin\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-t-shirt\",[[1,\"utrecht-icon-t-shirt\"]]],[\"utrecht-icon-toeslag\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-uw-wijk\",[[1,\"utrecht-icon-uw-wijk\"]]],[\"utrecht-icon-vaccinatie\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergaderen\",[[1,\"utrecht-icon-vergaderen\"]]],[\"utrecht-icon-vergoeding\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkeerslicht\",[[1,\"utrecht-icon-verkeerslicht\"]]],[\"utrecht-icon-verkiezingen\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuilnisbak\",[[1,\"utrecht-icon-vuilnisbak\"]]],[\"utrecht-icon-vuilniszak\",[[1,\"utrecht-icon-vuilniszak\"]]],[\"utrecht-icon-vuurwerk\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok\",[[1,\"utrecht-icon-wandelstok\"]]],[\"utrecht-icon-warm\",[[1,\"utrecht-icon-warm\"]]],[\"utrecht-icon-warning\",[[1,\"utrecht-icon-warning\"]]],[\"utrecht-icon-werken\",[[1,\"utrecht-icon-werken\"]]],[\"utrecht-icon-werkzaamheden\",[[1,\"utrecht-icon-werkzaamheden\"]]],[\"utrecht-icon-whatsapp\",[[1,\"utrecht-icon-whatsapp\"]]],[\"utrecht-icon-wonen-kosten\",[[1,\"utrecht-icon-wonen-kosten\"]]],[\"utrecht-icon-woning-zoeken\",[[1,\"utrecht-icon-woning-zoeken\"]]],[\"utrecht-icon-youtube\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoomin\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"utrecht-icon-zweefpaal\",[[1,\"utrecht-icon-zweefpaal\"]]],[\"utrecht-icon-zwemmen\",[[1,\"utrecht-icon-zwemmen\"]]],[\"utrecht-logo\",[[1,\"utrecht-logo\"]]],[\"utrecht-map-marker\",[[1,\"utrecht-map-marker\"]]],[\"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-table\",[[1,\"utrecht-table\"]]],[\"utrecht-table-body\",[[1,\"utrecht-table-body\"]]],[\"utrecht-table-caption\",[[1,\"utrecht-table-caption\"]]],[\"utrecht-table-cell\",[[1,\"utrecht-table-cell\"]]],[\"utrecht-table-footer\",[[1,\"utrecht-table-footer\"]]],[\"utrecht-table-header\",[[1,\"utrecht-table-header\"]]],[\"utrecht-table-header-cell\",[[1,\"utrecht-table-header-cell\",{\"scope\":[1]}]]],[\"utrecht-table-row\",[[1,\"utrecht-table-row\"]]],[\"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-button\",[[1,\"utrecht-button\",{\"appearance\":[1],\"busy\":[4],\"disabled\":[4],\"type\":[1]}]]],[\"utrecht-digid-logo\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-heading-2_3\",[[1,\"utrecht-heading-2\"],[1,\"utrecht-heading-3\"],[1,\"utrecht-paragraph\",{\"lead\":[4]}]]]]"), options);
 });

package/dist/stencil.config.js

@@ -0,0 +1,75 @@
+import { angularOutputTarget } from '@stencil/angular-output-target';
+import { reactOutputTarget } from '@stencil/react-output-target';
+import { sass } from '@stencil/sass';
+import { vueOutputTarget } from '@stencil/vue-output-target';
+const valueAccessorConfigs = [
+  {
+    elementSelectors: [
+      'utrecht-textarea',
+      'utrecht-textbox',
+      'utrecht-form-field-textarea',
+      'utrecht-form-field-textbox',
+    ],
+    event: 'utrechtInput',
+    targetAttr: 'value',
+    type: 'text',
+  },
+  {
+    elementSelectors: ['utrecht-number-input'],
+    event: 'utrechtInput',
+    targetAttr: 'value',
+    type: 'number',
+  },
+  {
+    elementSelectors: [
+      'utrecht-checkbox',
+      'utrecht-custom-checkbox',
+      'utrecht-form-field-checkbox',
+      'utrecht-form-toggle',
+    ],
+    event: 'utrechtInput',
+    targetAttr: 'checked',
+    type: 'boolean',
+  },
+  {
+    elementSelectors: ['utrecht-radio-group', 'utrecht-form-field-radio-group'],
+    event: 'utrechtInput',
+    targetAttr: 'value',
+    type: 'select',
+  },
+];
+const vueComponentModels = valueAccessorConfigs.map(({ elementSelectors, event, targetAttr }) => ({
+  elements: elementSelectors,
+  event,
+  targetAttr,
+}));
+export const config = {
+  namespace: 'utrecht',
+  srcDir: 'src/',
+  outputTargets: [
+    {
+      type: 'dist',
+      esmLoaderPath: '../loader',
+    },
+    {
+      type: 'dist-custom-elements',
+    },
+    reactOutputTarget({
+      componentCorePackage: '@utrecht/web-component-library-stencil',
+      proxiesFile: '../web-component-library-react/src/components.ts',
+      includeDefineCustomElements: true,
+    }),
+    angularOutputTarget({
+      componentCorePackage: '@utrecht/web-component-library-stencil',
+      directivesProxyFile: '../web-component-library-angular/src/directives/proxies.ts',
+      directivesArrayFile: '../web-component-library-angular/src/directives/index.ts',
+      valueAccessorConfigs: valueAccessorConfigs,
+    }),
+    vueOutputTarget({
+      componentCorePackage: '@utrecht/web-component-library-stencil',
+      proxiesFile: '../web-component-library-vue/src/components.ts',
+      componentModels: vueComponentModels,
+    }),
+  ],
+  plugins: [sass()],
+};

package/dist/types/article/index.stencil.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+export declare class Article {
+  render(): any;
+}

package/dist/types/backdrop/index.stencil.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+export declare class Backdrop {
+  viewport: boolean;
+  render(): any;
+}

package/dist/types/badge-counter/index.stencil.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+export declare class BadgeCounter {
+  value: number;
+  max: number;
+  locale: string;
+  render(): any;
+}

package/dist/types/badge-data/index.stencil.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+export declare class BadgeData {
+  render(): any;
+}

package/dist/types/badge-status/index.stencil.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2022 Gemeente Utrecht
+ * Copyright (c) 2020-2022 Frameless B.V.
+ */
+export declare class BadgeStatus {
+  status: string;
+  render(): any;
+}

package/dist/types/button/index.stencil.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '../stencil-public-runtime';
+export declare class Button {
+  appearance: string;
+  busy: boolean;
+  disabled: boolean;
+  utrechtRequestReset: EventEmitter;
+  utrechtRequestSubmit: EventEmitter;
+  host: HTMLElement;
+  type: string;
+  render(): any;
+}

package/dist/types/checkbox/index.stencil.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { EventEmitter } from '../stencil-public-runtime';
+export declare class Checkbox {
+  disabled: boolean;
+  readOnly: boolean;
+  checked: boolean;
+  value: string;
+  utrechtBlur: EventEmitter;
+  utrechtChange: EventEmitter;
+  utrechtFocus: EventEmitter;
+  utrechtInput: EventEmitter;
+  render(): any;
+}