@utrecht/web-component-library-stencil 1.4.0 → 2.1.0

package/dist/cjs/utrecht-table-body.cjs.entry.js

@@ -12,7 +12,7 @@ const TableBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7b18589eb2b2aba26446263f48cd71bb9dc3e753', role: "rowgroup" }, index.h("slot", { key: '1e2dd49b0679afd45bd76b18ea73de785c2c56e9' })));
+        return (index.h(index.Host, { key: 'b1d99c6ac8c97bc8b04098cf4beef8a5409f3f68', role: "rowgroup" }, index.h("slot", { key: '5c679ed57831886abb3a7b81eec3cc948de13150' })));
     }
 };
 TableBody.style = UtrechtTableBodyStyle0;

package/dist/cjs/utrecht-table-caption.cjs.entry.js

@@ -13,7 +13,7 @@ const TableCaption = class {
     }
     render() {
         // TODO: Associate with parent <utrecht-table> aria-labelledby attribute
-        return index.h("slot", { key: 'e1c15fd4b73110ff854aab44ead67afc01c4c022' });
+        return index.h("slot", { key: 'aa181dabc74d728f1391c9c30d436d8b842a0b01' });
     }
 };
 TableCaption.style = UtrechtTableCaptionStyle0;

package/dist/cjs/utrecht-table-cell.cjs.entry.js

@@ -12,7 +12,7 @@ const TableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7268be4e9d77f3c0fb49afcf34757e4018148119', role: "cell" }, index.h("slot", { key: 'd7bf3ad646c2bc4fb49ff65cf8fd5b7bcf60a84d' })));
+        return (index.h(index.Host, { key: 'feb3f61e4b5578d1e3fd23f890fa6abcf7e2eb97', role: "cell" }, index.h("slot", { key: '4fe6593e4e187d77cd853fd4ed309223c54d45d4' })));
     }
 };
 TableCell.style = UtrechtTableCellStyle0;

package/dist/cjs/utrecht-table-footer.cjs.entry.js

@@ -12,7 +12,7 @@ const TableFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '0cc28ea65af92e75219add19cb62f7c72398f575', role: "rowgroup" }, index.h("slot", { key: '687509c611164fdb85081b36360b909a0e637906' })));
+        return (index.h(index.Host, { key: '6f43a15ee1511ee7c3d9a139fb5e85a8bfd14103', role: "rowgroup" }, index.h("slot", { key: 'bed31aca3d9524f2af77ba1da8da2225a2a3f458' })));
     }
 };
 TableFooter.style = UtrechtTableFooterStyle0;

package/dist/cjs/utrecht-table-header-cell.cjs.entry.js

@@ -13,7 +13,7 @@ const TableHeaderCell = class {
         this.scope = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '7acc0fede04e4eb026fbd8fa3eaf0c8e8e916f2e', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, index.h("slot", { key: '03d891a51809f2b4b1f52a8de217e0efacf7e6fe' })));
+        return (index.h(index.Host, { key: '7ddf4c6c94619f9a87cfb5bdeaed45bbd3244af1', role: this.scope === 'col' ? 'columnheader' : this.scope === 'row' ? 'rowheader' : 'cell' }, index.h("slot", { key: 'b00f90c586bf124732fe0a7572eff443fedc51d7' })));
     }
 };
 TableHeaderCell.style = UtrechtTableHeaderCellStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cdb0df7a.js');
 
-const tableHeaderCss = ":host{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color);break-inside:avoid;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);display:table-header-group}";
+const tableHeaderCss = ":host{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color, transparent);break-inside:avoid;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);display:table-header-group}";
 const UtrechtTableHeaderStyle0 = tableHeaderCss;
 
 const TableHeader = class {
@@ -12,7 +12,7 @@ const TableHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'fa791312cca733bfc05c69ad2f2530acb3c2db3f', role: "rowgroup" }, index.h("slot", { key: 'c6b754ee6b2a01f1823e6108e113e6362f6fafff' })));
+        return (index.h(index.Host, { key: 'a3afaf40d9a6f8613b0ec7fe6176c19c645a3eaf', role: "rowgroup" }, index.h("slot", { key: 'e41fa337bf8edf696f4db78c8052a81a86a1ea83' })));
     }
 };
 TableHeader.style = UtrechtTableHeaderStyle0;

package/dist/cjs/utrecht-table-header.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-table-header.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,4XAA4X,CAAC;AACpZ,iCAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table-header.scss?tag=utrecht-table-header&encapsulation=shadow","src/components/table-header.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/table-css/src/mixin\";\n\n:host {\n  @include utrecht-table__header;\n\n  display: table-header-group;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-header',\n  styleUrl: 'table-header.scss',\n  shadow: true,\n})\nexport class TableHeader {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-table-header.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,yYAAyY,CAAC;AACja,iCAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table-header.scss?tag=utrecht-table-header&encapsulation=shadow","src/components/table-header.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/table-css/src/mixin\";\n\n:host {\n  @include utrecht-table__header;\n\n  display: table-header-group;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-header',\n  styleUrl: 'table-header.scss',\n  shadow: true,\n})\nexport class TableHeader {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -12,7 +12,7 @@ const TableRow = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f5619495813881f2ca2acf9d3f6d14bdcd223e5e', role: "row" }, index.h("slot", { key: 'bc55df4b147642e20768182f7bd3aac9bde01acd' })));
+        return (index.h(index.Host, { key: 'fc8a3e131bde6f8d908f749b6b541f79cc7c8b67', role: "row" }, index.h("slot", { key: 'f16d1d97a91992593faa87c1c089eabb34b24396' })));
     }
 };
 TableRow.style = UtrechtTableRowStyle0;

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

@@ -12,7 +12,7 @@ const Table = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '880bab57645d8048140e6fd3dc0292f00380d114', role: "table" }, index.h("slot", { key: '12755588903fdd0ec77598c81ae4b1c8f8792974' })));
+        return (index.h(index.Host, { key: '2fec1e86a16421adf2797f840065a6776f42aa91', role: "table" }, index.h("slot", { key: 'eda9de106f8c6cf11b442cb6b02ec553a664fc91' })));
     }
 };
 Table.style = UtrechtTableStyle0;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
 const clsx = require('./clsx-708f7fb1.js');
 
-const textareaCss = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:initial;inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-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-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-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-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--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-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-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-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-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-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-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-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
+const textareaCss = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-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-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-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-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--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-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-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-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-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-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-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-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtTextareaStyle0 = textareaCss;
 
 /**
@@ -40,10 +40,10 @@ const Textarea = class {
     }
     render() {
         const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
-        return (index.h("textarea", { key: 'dd85e3cd9b2af2d3c9033de9dbab80677e36793f', autoComplete: autocomplete || null, class: clsx.clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (index.h("textarea", { key: 'ecbb953f52def943bd2c1f48abd487b0b492bd56', autoComplete: autocomplete || null, class: clsx.clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, 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);
-            } }, index.h("slot", { key: '021a7dba13030b4822b819a15364ff54529f116b' })));
+            } }, index.h("slot", { key: '7e585eee731e3adb46a23bb91501f3901c938dcb' })));
     }
 };
 Textarea.style = UtrechtTextareaStyle0;

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

@@ -1 +1 @@
-{"file":"utrecht-textarea.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,4gSAA4gS,CAAC;AACjiS,8BAAe,WAAW;;ACO1B;;;;;;;;;;AAUA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;MAOf,QAAQ;;;;;;;4BACY,EAAE;oBACV,iBAAiB;0BACV,KAAK;wBACU,KAAK;uBACN,KAAK;2BACnB,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBAC3B,iBAAiB;qBAChB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEjH,QACEA,uEACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAEC,SAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,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;gBACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;gBACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,IAEDD,oEAAQ,CACC,EACX;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","src/components/textarea.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/textarea-css/src\";\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/**\n * I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n *\n * Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n *\n * As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n  tag: 'utrecht-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n})\nexport class Textarea {\n  @Prop() autocomplete: string = '';\n  @Prop() cols: number = HTML_DEFAULT_COLS;\n  @Prop() spellcheck: boolean = false;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop() rows: number = HTML_DEFAULT_ROWS;\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, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n    return (\n      <textarea\n        autoComplete={autocomplete || null}\n        class={clsx(\n          'utrecht-textarea',\n          'utrecht-textarea--html-textarea',\n          disabled && 'utrecht-textarea--disabled',\n          invalid && 'utrecht-textarea--invalid',\n          readOnly && 'utrecht-textarea--readonly',\n        )}\n        cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n        disabled={disabled}\n        dir=\"auto\"\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\n        spellcheck={spellcheck || null}\n        rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\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 HTMLTextAreaElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      >\n        <slot />\n      </textarea>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-textarea.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,qnSAAqnS,CAAC;AAC1oS,8BAAe,WAAW;;ACO1B;;;;;;;;;;AAUA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;MAOf,QAAQ;;;;;;;4BACY,EAAE;oBACV,iBAAiB;0BACV,KAAK;wBACU,KAAK;uBACN,KAAK;2BACnB,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBAC3B,iBAAiB;qBAChB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEjH,QACEA,uEACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAEC,SAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,EACD,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,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;gBACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;gBACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,IAEDD,oEAAQ,CACC,EACX;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","src/components/textarea.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/textarea-css/src\";\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/**\n * I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n *\n * Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n *\n * As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n  tag: 'utrecht-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n})\nexport class Textarea {\n  @Prop() autocomplete: string = '';\n  @Prop() cols: number = HTML_DEFAULT_COLS;\n  @Prop() spellcheck: boolean = false;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop() rows: number = HTML_DEFAULT_ROWS;\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, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n    return (\n      <textarea\n        autoComplete={autocomplete || null}\n        class={clsx(\n          'utrecht-textarea',\n          'utrecht-textarea--html-textarea',\n          disabled && 'utrecht-textarea--disabled',\n          invalid && 'utrecht-textarea--invalid',\n          readOnly && 'utrecht-textarea--readonly',\n        )}\n        cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n        disabled={disabled}\n        dir=\"auto\"\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\n        spellcheck={spellcheck || null}\n        rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\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 HTMLTextAreaElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      >\n        <slot />\n      </textarea>\n    );\n  }\n}\n"],"version":3}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
 const clsx = require('./clsx-708f7fb1.js');
 
-const textboxCss = ".utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(\n    calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +\n      var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +\n      var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +\n      var(--utrecht-textbox-autocomplete-ui-size, 44px)\n  );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-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, inherit));font-weight:initial;inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%), 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))}.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-width:var(--_utrecht-textbox-border-width);border-block-end-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)))));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))));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-textbox-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-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-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-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-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--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-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-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-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-width:var(--_utrecht-textbox-border-width);border-block-end-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)))));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))));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:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-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-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.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 textboxCss = ".utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(\n    calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +\n      var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +\n      var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +\n      var(--utrecht-textbox-autocomplete-ui-size, 44px)\n  );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-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, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%), 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))}.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-width:var(--_utrecht-textbox-border-width);border-block-end-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)))));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))));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-textbox-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-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-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-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-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--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-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-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-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-width:var(--_utrecht-textbox-border-width);border-block-end-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)))));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))));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:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-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-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.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 UtrechtTextboxStyle0 = textboxCss;
 
 const Textbox = class {
@@ -29,7 +29,7 @@ const Textbox = class {
     }
     render() {
         const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
-        return (index.h("input", { key: '8d9a4f29e17fa812373d1164e2e660736a9f73dd', class: clsx.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, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? 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) => {
+        return (index.h("input", { key: 'dbf482bf20605e291828578461031ce19ddc4233', class: clsx.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, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? 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);
             } }));

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

@@ -1 +1 @@
-{"file":"utrecht-textbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,8xWAA8xW,CAAC;AAClzW,6BAAe,UAAU;;MCYZ,OAAO;;;;;;;4BACyD,EAAE;wBAChC,KAAK;uBACN,KAAK;mBAClB,EAAE;mBACF,EAAE;uBACP,EAAE;2BACE,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBACV,EAAE;qBAClB,EAAE;;IAM1B,MAAM;QACJ,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;QAElH,QACEA,oEACE,KAAK,EAAEC,SAAI,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,EAAC,MAAM,EACV,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,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;gBACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;gBACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/textbox-css/src\";\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: 'textbox.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: number | string = '';\n  @Prop() max: number | 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        dir=\"auto\"\n        min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n        max={typeof max === 'number' ? String(max) : typeof max === 'string' ? 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}
+{"file":"utrecht-textbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,22WAA22W,CAAC;AAC/3W,6BAAe,UAAU;;MCYZ,OAAO;;;;;;;4BACyD,EAAE;wBAChC,KAAK;uBACN,KAAK;mBAClB,EAAE;mBACF,EAAE;uBACP,EAAE;2BACE,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBACV,EAAE;qBAClB,EAAE;;IAM1B,MAAM;QACJ,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;QAElH,QACEA,oEACE,KAAK,EAAEC,SAAI,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,EAAC,MAAM,EACV,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,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;gBACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;gBACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/textbox-css/src\";\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: 'textbox.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: number | string = '';\n  @Prop() max: number | 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        dir=\"auto\"\n        min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n        max={typeof max === 'number' ? String(max) : typeof max === 'string' ? 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

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  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-progress-list-item.cjs\",[[1,\"utrecht-progress-list-item\",{\"checked\":[4],\"from\":[1],\"to\":[1],\"appearance\":[1],\"details\":[4],\"_open\":[32]}]]],[\"utrecht-backdrop.cjs\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"utrecht-breadcrumb-nav.cjs\",[[1,\"utrecht-breadcrumb-nav\",{\"json\":[1],\"variant\":[1]}]]],[\"utrecht-checkbox.cjs\",[[1,\"utrecht-checkbox\",{\"disabled\":[516],\"readOnly\":[516,\"readonly\"],\"checked\":[4],\"value\":[1]}]]],[\"utrecht-column-layout.cjs\",[[1,\"utrecht-column-layout\",{\"rule\":[516]}]]],[\"utrecht-custom-checkbox.cjs\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"utrecht-data-list.cjs\",[[1,\"utrecht-data-list\"]]],[\"utrecht-data-list-actions.cjs\",[[1,\"utrecht-data-list-actions\"]]],[\"utrecht-data-list-item.cjs\",[[1,\"utrecht-data-list-item\"]]],[\"utrecht-data-list-key.cjs\",[[1,\"utrecht-data-list-key\"]]],[\"utrecht-data-list-value.cjs\",[[1,\"utrecht-data-list-value\"]]],[\"utrecht-eherkenning-logo.cjs\",[[1,\"utrecht-eherkenning-logo\"]]],[\"utrecht-eidas-logo.cjs\",[[1,\"utrecht-eidas-logo\"]]],[\"utrecht-form-field-error-message.cjs\",[[1,\"utrecht-form-field-error-message\"]]],[\"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-chevron-down.cjs\",[[1,\"utrecht-icon-chevron-down\"]]],[\"utrecht-icon-chevron-left.cjs\",[[1,\"utrecht-icon-chevron-left\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-right.cjs\",[[1,\"utrecht-icon-chevron-right\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-up.cjs\",[[1,\"utrecht-icon-chevron-up\"]]],[\"utrecht-icon-close.cjs\",[[1,\"utrecht-icon-close\"]]],[\"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-hamburger-menu.cjs\",[[1,\"utrecht-icon-hamburger-menu\"]]],[\"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-language.cjs\",[[1,\"utrecht-icon-language\"]]],[\"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-list-check.cjs\",[[1,\"utrecht-icon-list-check\"]]],[\"utrecht-icon-list-number.cjs\",[[1,\"utrecht-icon-list-number\"]]],[\"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-menu-dot.cjs\",[[1,\"utrecht-icon-menu-dot\"]]],[\"utrecht-icon-menu-dot-open.cjs\",[[1,\"utrecht-icon-menu-dot-open\"]]],[\"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-minus.cjs\",[[1,\"utrecht-icon-minus\"]]],[\"utrecht-icon-minus-vertical.cjs\",[[1,\"utrecht-icon-minus-vertical\"]]],[\"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-nieuwsbrief.cjs\",[[1,\"utrecht-icon-nieuwsbrief\"]]],[\"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-read-aloud.cjs\",[[1,\"utrecht-icon-read-aloud\"]]],[\"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-search.cjs\",[[1,\"utrecht-icon-search\"]]],[\"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-user.cjs\",[[1,\"utrecht-icon-user\"]]],[\"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-x.cjs\",[[1,\"utrecht-icon-x\"]]],[\"utrecht-icon-youtube.cjs\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen.cjs\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoom-minus.cjs\",[[1,\"utrecht-icon-zoom-minus\"]]],[\"utrecht-icon-zoom-plus.cjs\",[[1,\"utrecht-icon-zoom-plus\"]]],[\"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-multiline-data.cjs\",[[1,\"utrecht-multiline-data\"]]],[\"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-progress-list.cjs\",[[1,\"utrecht-progress-list\"]]],[\"utrecht-progress-sublist-item.cjs\",[[1,\"utrecht-progress-sublist-item\",{\"appearance\":[1],\"checked\":[4]}]]],[\"utrecht-sidenav.cjs\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-surface.cjs\",[[1,\"utrecht-surface\"]]],[\"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-textarea.cjs\",[[1,\"utrecht-textarea\",{\"autocomplete\":[1],\"cols\":[2],\"spellcheck\":[4],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"rows\":[2],\"value\":[1]}]]],[\"utrecht-textbox.cjs\",[[1,\"utrecht-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"min\":[8],\"max\":[8],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}]]],[\"utrecht-digid-logo.cjs\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_46.cjs\",[[1,\"utrecht-form-field-checkbox\",{\"label\":[1],\"disabled\":[516],\"checked\":[516],\"invalid\":[516],\"required\":[516],\"name\":[1],\"value\":[1]}],[1,\"utrecht-form-field-textarea\",{\"cols\":[2],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"name\":[1],\"readOnly\":[516,\"readonly\"],\"placeholder\":[1],\"required\":[516],\"rows\":[2],\"value\":[1]}],[1,\"utrecht-form-field-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"min\":[8],\"max\":[8],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}],[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-list\"],[1,\"utrecht-badge-status\",{\"status\":[1]}],[1,\"utrecht-button-group\",{\"direction\":[1]}],[1,\"utrecht-button-link\",{\"appearance\":[1],\"download\":[1],\"external\":[4],\"href\":[1],\"placeholder\":[4],\"target\":[1]}],[1,\"utrecht-code\"],[1,\"utrecht-code-block\"],[1,\"utrecht-color-sample\",{\"color\":[1]}],[1,\"utrecht-document\"],[1,\"utrecht-drawer\",{\"align\":[1],\"open\":[4],\"close\":[64],\"showModal\":[64]}],[1,\"utrecht-emphasis\"],[1,\"utrecht-flex-wrap-fallback\",{\"flexTarget\":[513,\"flextarget\"],\"resizeObserver\":[32],\"contentWraps\":[32]}],[4,\"utrecht-form\",{\"action\":[1],\"autocomplete\":[1],\"enctype\":[1],\"method\":[1],\"noValidate\":[1,\"novalidate\"],\"target\":[1]}],[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-iban-data\",{\"value\":[1]}],[1,\"utrecht-icon\"],[1,\"utrecht-link\",{\"download\":[1],\"href\":[1],\"target\":[1]}],[1,\"utrecht-link-button\",{\"disabled\":[4],\"type\":[1],\"inline\":[4],\"pressed\":[4],\"form\":[513],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1]}],[1,\"utrecht-logo\"],[1,\"utrecht-logo-image\"],[1,\"utrecht-mark\"],[1,\"utrecht-number-data\",{\"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-data\"],[1,\"utrecht-button\",{\"appearance\":[1],\"busy\":[4],\"disabled\":[4],\"expanded\":[8],\"pressed\":[8],\"form\":[513,\"readonly\"],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1],\"type\":[1]}],[1,\"utrecht-heading-2\"],[1,\"utrecht-heading-3\"],[1,\"utrecht-paragraph\",{\"lead\":[4]}],[1,\"utrecht-form-field-description\",{\"status\":[513]}]]]]"), 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-progress-list-item.cjs\",[[1,\"utrecht-progress-list-item\",{\"checked\":[4],\"from\":[1],\"to\":[1],\"appearance\":[1],\"details\":[4],\"_open\":[32]}]]],[\"utrecht-backdrop.cjs\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"utrecht-breadcrumb-nav.cjs\",[[1,\"utrecht-breadcrumb-nav\",{\"json\":[1],\"variant\":[1]}]]],[\"utrecht-checkbox.cjs\",[[1,\"utrecht-checkbox\",{\"disabled\":[516],\"readOnly\":[516,\"readonly\"],\"checked\":[4],\"value\":[1]}]]],[\"utrecht-column-layout.cjs\",[[1,\"utrecht-column-layout\",{\"rule\":[516]}]]],[\"utrecht-custom-checkbox.cjs\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"utrecht-data-list.cjs\",[[1,\"utrecht-data-list\"]]],[\"utrecht-data-list-actions.cjs\",[[1,\"utrecht-data-list-actions\"]]],[\"utrecht-data-list-item.cjs\",[[1,\"utrecht-data-list-item\"]]],[\"utrecht-data-list-key.cjs\",[[1,\"utrecht-data-list-key\"]]],[\"utrecht-data-list-value.cjs\",[[1,\"utrecht-data-list-value\"]]],[\"utrecht-eherkenning-logo.cjs\",[[1,\"utrecht-eherkenning-logo\"]]],[\"utrecht-eidas-logo.cjs\",[[1,\"utrecht-eidas-logo\"]]],[\"utrecht-form-field-error-message.cjs\",[[1,\"utrecht-form-field-error-message\"]]],[\"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-chevron-down.cjs\",[[1,\"utrecht-icon-chevron-down\"]]],[\"utrecht-icon-chevron-left.cjs\",[[1,\"utrecht-icon-chevron-left\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-right.cjs\",[[1,\"utrecht-icon-chevron-right\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-up.cjs\",[[1,\"utrecht-icon-chevron-up\"]]],[\"utrecht-icon-close.cjs\",[[1,\"utrecht-icon-close\"]]],[\"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-hamburger-menu.cjs\",[[1,\"utrecht-icon-hamburger-menu\"]]],[\"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-language.cjs\",[[1,\"utrecht-icon-language\"]]],[\"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-list-check.cjs\",[[1,\"utrecht-icon-list-check\"]]],[\"utrecht-icon-list-number.cjs\",[[1,\"utrecht-icon-list-number\"]]],[\"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-menu-dot.cjs\",[[1,\"utrecht-icon-menu-dot\"]]],[\"utrecht-icon-menu-dot-open.cjs\",[[1,\"utrecht-icon-menu-dot-open\"]]],[\"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-minus.cjs\",[[1,\"utrecht-icon-minus\"]]],[\"utrecht-icon-minus-vertical.cjs\",[[1,\"utrecht-icon-minus-vertical\"]]],[\"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-nieuwsbrief.cjs\",[[1,\"utrecht-icon-nieuwsbrief\"]]],[\"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-read-aloud.cjs\",[[1,\"utrecht-icon-read-aloud\"]]],[\"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-search.cjs\",[[1,\"utrecht-icon-search\"]]],[\"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-user.cjs\",[[1,\"utrecht-icon-user\"]]],[\"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-x.cjs\",[[1,\"utrecht-icon-x\"]]],[\"utrecht-icon-youtube.cjs\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen.cjs\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoom-minus.cjs\",[[1,\"utrecht-icon-zoom-minus\"]]],[\"utrecht-icon-zoom-plus.cjs\",[[1,\"utrecht-icon-zoom-plus\"]]],[\"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-multiline-data.cjs\",[[1,\"utrecht-multiline-data\"]]],[\"utrecht-number-badge.cjs\",[[1,\"utrecht-number-badge\",{\"value\":[2],\"max\":[2],\"locale\":[1]}]]],[\"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-progress-list.cjs\",[[1,\"utrecht-progress-list\"]]],[\"utrecht-progress-sublist-item.cjs\",[[1,\"utrecht-progress-sublist-item\",{\"appearance\":[1],\"checked\":[4]}]]],[\"utrecht-sidenav.cjs\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-surface.cjs\",[[1,\"utrecht-surface\"]]],[\"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-textarea.cjs\",[[1,\"utrecht-textarea\",{\"autocomplete\":[1],\"cols\":[2],\"spellcheck\":[4],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"rows\":[2],\"value\":[1]}]]],[\"utrecht-textbox.cjs\",[[1,\"utrecht-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"min\":[8],\"max\":[8],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}]]],[\"utrecht-digid-logo.cjs\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_46.cjs\",[[1,\"utrecht-form-field-checkbox\",{\"label\":[1],\"disabled\":[516],\"checked\":[516],\"invalid\":[516],\"required\":[516],\"name\":[1],\"value\":[1]}],[1,\"utrecht-form-field-textarea\",{\"cols\":[2],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"name\":[1],\"readOnly\":[516,\"readonly\"],\"placeholder\":[1],\"required\":[516],\"rows\":[2],\"value\":[1]}],[1,\"utrecht-form-field-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"min\":[8],\"max\":[8],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}],[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-list\"],[1,\"utrecht-badge-status\",{\"status\":[1]}],[1,\"utrecht-button-group\",{\"direction\":[1]}],[1,\"utrecht-button-link\",{\"appearance\":[1],\"download\":[1],\"external\":[4],\"href\":[1],\"placeholder\":[4],\"target\":[1]}],[1,\"utrecht-code\"],[1,\"utrecht-code-block\"],[1,\"utrecht-color-sample\",{\"color\":[1]}],[1,\"utrecht-document\"],[1,\"utrecht-drawer\",{\"align\":[1],\"open\":[4],\"close\":[64],\"showModal\":[64]}],[1,\"utrecht-emphasis\"],[1,\"utrecht-flex-wrap-fallback\",{\"flexTarget\":[513,\"flextarget\"],\"resizeObserver\":[32],\"contentWraps\":[32]}],[4,\"utrecht-form\",{\"action\":[1],\"autocomplete\":[1],\"enctype\":[1],\"method\":[1],\"noValidate\":[1,\"novalidate\"],\"target\":[1]}],[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-iban-data\",{\"value\":[1]}],[1,\"utrecht-icon\"],[1,\"utrecht-link\",{\"download\":[1],\"href\":[1],\"target\":[1]}],[1,\"utrecht-link-button\",{\"disabled\":[4],\"type\":[1],\"inline\":[4],\"pressed\":[4],\"form\":[513],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1]}],[1,\"utrecht-logo\"],[1,\"utrecht-logo-image\"],[1,\"utrecht-mark\"],[1,\"utrecht-number-data\",{\"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-data\"],[1,\"utrecht-button\",{\"appearance\":[1],\"busy\":[4],\"disabled\":[4],\"expanded\":[8],\"pressed\":[8],\"form\":[513,\"readonly\"],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1],\"type\":[1]}],[1,\"utrecht-heading-2\"],[1,\"utrecht-heading-3\"],[1,\"utrecht-paragraph\",{\"lead\":[4]}],[1,\"utrecht-form-field-description\",{\"status\":[513]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -57,6 +57,7 @@
     "components/map-marker.js",
     "components/mark.js",
     "components/multiline-data.js",
+    "components/number-badge.js",
     "components/number-data.js",
     "components/page-content.js",
     "components/page-footer.js",

package/dist/collection/components/alert.css

@@ -13,6 +13,7 @@
  * Copyright (c) 2020-2022 Gemeente Utrecht
  * Copyright (c) 2020-2022 Frameless B.V.
  */
+/* stylelint-disable-next-line block-no-empty */
 .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));
@@ -20,10 +21,9 @@
   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;
+  column-gap: var(--utrecht-alert-column-gap);
+  display: flex;
+  flex-direction: row;
   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);
@@ -34,11 +34,16 @@
 
 .utrecht-alert__icon {
   --utrecht-icon-color: var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));
-  grid-area: icon;
+  --utrecht-icon-size: var(--utrecht-alert-icon-size);
+  --utrecht-icon-inset-block-start: var(--utrecht-alert-icon-inset-block-start);
+}
+
+.utrecht-alert__content {
+  row-gap: var(--utrecht-alert-content-row-gap);
 }
 
 .utrecht-alert__message {
-  grid-area: message;
+  row-gap: var(--utrecht-alert-message-row-gap);
 }
 
 .utrecht-alert--info {

package/dist/collection/components/alert.js

@@ -15,7 +15,7 @@ export class Alert {
                 'utrecht-alert--info': this.type === 'info',
                 'utrecht-alert--ok': this.type === 'ok',
                 'utrecht-alert--warning': this.type === 'warning',
-            }) }, h("div", { key: '6b8903209d8fd1af7dd1afc07643c68eadef2b32', class: "utrecht-alert__icon" }, h("slot", { key: 'af87cbe9fe9f5b9cb103bb3bb945c1e833011c72', name: "icon" })), h("div", { key: 'e0c879cb63e2cbb57172398cbc7d87f1a9d4f0ee', class: "utrecht-alert__message" }, h("slot", { key: '1ad84ced058884114ce67cca80228d23dbd0dd16' }))));
+            }) }, h("div", { key: '6b8903209d8fd1af7dd1afc07643c68eadef2b32', class: "utrecht-alert__icon" }, h("slot", { key: 'af87cbe9fe9f5b9cb103bb3bb945c1e833011c72', name: "icon" })), h("div", { key: 'e0c879cb63e2cbb57172398cbc7d87f1a9d4f0ee', class: "utrecht-alert__content" }, h("div", { key: '3ae08b0ce5774d7c1a83fc024c545b3579b5e14b', class: "utrecht-alert__message" }, h("slot", { key: 'd1c4aae09513dcabcbb311ca097f2d5d8a838de4' })))));
     }
     static get is() { return "utrecht-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,KAAK;;;;IAGhB,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;gBAC3B,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBAC7C,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;gBAC3C,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBACvC,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;aAClD,CAAC;YAEF,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB;YACN,4DAAK,KAAK,EAAC,wBAAwB;gBACjC,8DAAa,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert {\n  @Prop() type: string;\n\n  render() {\n    return (\n      <div\n        class={clsx('utrecht-alert', {\n          'utrecht-alert--error': this.type === 'error',\n          'utrecht-alert--info': this.type === 'info',\n          'utrecht-alert--ok': this.type === 'ok',\n          'utrecht-alert--warning': this.type === 'warning',\n        })}\n      >\n        <div class=\"utrecht-alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"utrecht-alert__message\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,KAAK;;;;IAGhB,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;gBAC3B,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBAC7C,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;gBAC3C,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;gBACvC,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;aAClD,CAAC;YAEF,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB;YACN,4DAAK,KAAK,EAAC,wBAAwB;gBACjC,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,8DAAa,CACT,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert {\n  @Prop() type: string;\n\n  render() {\n    return (\n      <div\n        class={clsx('utrecht-alert', {\n          'utrecht-alert--error': this.type === 'error',\n          'utrecht-alert--info': this.type === 'info',\n          'utrecht-alert--ok': this.type === 'ok',\n          'utrecht-alert--warning': this.type === 'warning',\n        })}\n      >\n        <div class=\"utrecht-alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"utrecht-alert__content\">\n          <div class=\"utrecht-alert__message\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/article.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Article {
     render() {
-        return (h("article", { key: 'faa58eea62b2af9e0f44556c2d8f04b2ab0acf04', class: "utrecht-article" }, h("slot", { key: '3e22d2a34165e160210fadf3a4b826123bb0f3f2' })));
+        return (h("article", { key: '3f0a3f46582dab43ef7f07ccfc2293d59256d1ed', class: "utrecht-article" }, h("slot", { key: '7f4f738fb6f54d983782e5e4ff9321f9e8830dcc' })));
     }
     static get is() { return "utrecht-article"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/backdrop.js

@@ -11,7 +11,7 @@ export class Backdrop {
     }
     render() {
         const { viewport } = this;
-        return (h("div", { key: '975b9ab5ac84c138731aafa73e8b207b896d4786', class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", { key: '99f7705d41d1e685baf5ba7e6b19b8ec58e2c64e' })));
+        return (h("div", { key: 'd07d4784d5580dd3efa7657bf959999cd01c17b3', class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", { key: '8c0ce6f7e70c30bb6f0c4a865287cc5d96852f68' })));
     }
     static get is() { return "utrecht-backdrop"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class BadgeCounter {
         const limited = typeof max === 'number' && typeof value === 'number' && Number(value) > Number(max);
         const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
         const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
-        return h("div", { key: '1aefde156fdb3797a9ebbd88d09ea43a5de2e532', class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
+        return h("div", { key: '73eea27761e246eb570a68ff2ea8d0d724339f75', class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
     }
     static get is() { return "utrecht-badge-counter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class BadgeData {
     render() {
-        return (h("div", { key: '3e579bc6032d9aee0f2bd9271c7cdab546e227ae', class: "utrecht-badge-data" }, h("slot", { key: '4576f1093c9787a5d6c0e3eaeb777d116915a834' })));
+        return (h("div", { key: 'd430080404acee08b104adf1af3ed61beac50721', class: "utrecht-badge-data" }, h("slot", { key: 'c98b8da783a3b4206f6bbd598e6110de544309f4' })));
     }
     static get is() { return "utrecht-badge-data"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/badge-list.css

@@ -14,9 +14,10 @@
  * Copyright (c) 2020-2022 Frameless B.V.
  */
 .utrecht-badge-list {
+  column-gap: var(--utrecht-badge-list-column-gap);
   display: flex;
   flex-wrap: wrap;
-  gap: var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline);
+  row-gap: var(--utrecht-badge-list-row-gap);
 }
 
 :host {

package/dist/collection/components/badge-list.js

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class BadgeList {
     render() {
-        return (h("div", { key: '35b06b7b37a4fedfa2b441602c57065eec7bd53b', class: "utrecht-badge-list" }, h("slot", { key: '7bebe64c668c06a1f9ca7dd7b1f9f75e27ebfea4' })));
+        return (h("div", { key: '3fa401a69e43641200a07d4d60645f0f019a2d07', class: "utrecht-badge-list" }, h("slot", { key: 'b2a1f4d19cde761235baea702921f15ce62c968e' })));
     }
     static get is() { return "utrecht-badge-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class BadgeStatus {
         this.status = undefined;
     }
     render() {
-        return (h("div", { key: '22838295803c0347513b8c128955ff7bb0c4907a', class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", { key: '41300489a39602df6fc1af267a6b0119486c10cb' })));
+        return (h("div", { key: '5dfffe4daf322d409ae4bb97d6bcd8ebec3bc53a', class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", { key: 'eb37db7126f4476f8b7a74a924f1f628d0459f44' })));
     }
     static get is() { return "utrecht-badge-status"; }
     static get encapsulation() { return "shadow"; }