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

package/dist/esm/utrecht-progress-list-item.entry.js

@@ -16,17 +16,17 @@ const StepProgressListItem = class {
     }
     render() {
         const { appearance, checked, details, from, _open, to } = this;
-        return (h("li", { key: '8fd54a57c5629a2a3bccd437b8f141b3c3412daa', class: clsx('denhaag-process-steps__step', {
+        return (h("li", { key: '1df0d1c96b6f7220bb5db6194cd96ec3b43279d1', class: clsx('denhaag-process-steps__step', {
                 'denhaag-process-steps__step--checked': checked,
                 'denhaag-process-steps__step--not-checked': !checked,
-            }) }, h("div", { key: '0d3e0e159691874b4a1f41d5970947ba167d1c3d', class: "denhaag-process-steps__step-header" }, h("div", { key: 'a4d29eb0831fbc677578e572680253579707d56d', class: clsx('denhaag-step-marker', {
+            }) }, h("div", { key: 'a2873c80d2a7d3ef0ce3daca3caa5fe7670ff9d6', class: "denhaag-process-steps__step-header" }, h("div", { key: 'e0b7f096a1f365aeebba8b099064d101950a7b9d', class: clsx('denhaag-step-marker', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: '5328b6432344308f9f5d4aa91fd15332855a5ad1', name: "marker" }), checked && (h("svg", { key: 'a5ef38ab877a196c8c5c52ef49c87fa02c2df2b2', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: 'f94df167c0c6b61e4754abc6f4c0af3837f4d24a', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
+            }) }, h("slot", { key: 'f5f355c55ad2a6d8e6afbac7cf8244e95bcb8576', name: "marker" }), checked && (h("svg", { key: 'ecbfb7df96fb10549c70062c36773bc562de8cde', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: 'dbbf0082a1d2b4f07f48ade36ed9f0ba1f1b2d76', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
             }) }, h("slot", null)))) : (h("p", { class: clsx('denhaag-process-steps__step-heading', {
                 'denhaag-process-steps__step-heading--checked': checked,
-            }) }, h("slot", null)))), h("div", { key: '3c2c8ca1892249e1a0ac4e87297d2522687cc316', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: '8a21eae42bdda94edac000d45a0158d9e6496afb', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: '194ad4644559407f1b1e20d99538841a73974b3b', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'c024630ee7d65e2c4b6337f617b96b2920af422f', name: "body" }))), h("div", { key: '518f583bdcd5fc68049daf184f7f4e821ce4cd07', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '4ff2c41abc4853e85849e1fae5739081e9bdb40e', name: "details" }))));
+            }) }, h("slot", null)))), h("div", { key: '5162992103ef5e0ebf8100420be9e427fcdf5e0b', class: clsx('denhaag-process-steps__step-body') }, h("div", { key: 'b8b2d438f59344734f6ca23d0b37608ad7fdde68', class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { key: 'c6d9f7383e1a6dd5d4b582ae92b3a6266c0575ca', class: "denhaag-process-steps__step-meta" }, h("slot", { key: 'b6004e409f07a8f736ef1162a4995f9423d1edef', name: "body" }))), h("div", { key: 'd51cf40f7579c4adbc6b45e49b34a40cf199a711', id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { key: '4b305b0b37fbba6ae887681c93dff25a9d7bc903', name: "details" }))));
     }
 };
 StepProgressListItem.style = UtrechtProgressListItemStyle0;

package/dist/esm/utrecht-progress-list.entry.js

@@ -8,7 +8,7 @@ const StepProgressList = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("ol", { key: 'f048c469bbe928f7b78f556bfcf81161e88a6b2e', class: "denhaag-process-steps" }, h("slot", { key: '1adb5842a40ade8caae8a8821ec485fcd5ca0d52' })));
+        return (h("ol", { key: '8c034e96d6fbb03947e38de50ade902b3db90fdd', class: "denhaag-process-steps" }, h("slot", { key: 'c7fee3769f6e26029b35d3eb2741df32099428f2' })));
     }
 };
 StepProgressList.style = UtrechtProgressListStyle0;

package/dist/esm/utrecht-progress-sublist-item.entry.js

@@ -12,12 +12,12 @@ const StepProgressSublistItem = class {
     }
     render() {
         const { appearance, checked } = this;
-        return (h("li", { key: 'db9347f5997274161fe2382092f3ecc05244974c', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: 'dd48d4f57cd284e70e0a14a56174299268d1c0a4', class: "denhaag-process-steps__step-header" }, h("div", { key: '236abc0a5085a2722922d41d51c4958ad2db9d37', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
+        return (h("li", { key: 'e052860a31e65832147f0617aa0effc01c6bd3ef', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '0280170f242e6861df21ef9c5e0a97592054113c', class: "denhaag-process-steps__step-header" }, h("div", { key: '09143ef9725004c085aefd2cf1ccc64dd63062cd', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
                 'denhaag-step-marker--checked': checked,
                 'denhaag-step-marker--not-checked': !checked,
-            }) }, h("slot", { key: '23fdda129ae72607ee31f26481db1f2db07804e8', name: "marker" }), checked && (h("svg", { key: 'f469a3938faf412c964e971b93ea9df6b880ed34', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '4df65f0aed2c62a45a8154df69b4915831c01d78', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: '2cae512b5e578d091538329b873183f28508f79a', class: clsx('denhaag-process-steps__sub-step-heading', {
+            }) }, h("slot", { key: 'cdd9e80b0ee216f1e04f18ff976d0eb4f59de717', name: "marker" }), checked && (h("svg", { key: 'ca6ca9ac2ea8249717984b9b64b40355f696f86b', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '6a965440d2e88bf21832682ebc6baafd9b20a3c6', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: 'e626819dfc904b1de22dc3d92e720a037c3a1af4', class: clsx('denhaag-process-steps__sub-step-heading', {
                 'denhaag-process-steps__sub-step-heading--checked': checked,
-            }) }, h("slot", { key: '32bf24d56eef5ca588c75cf2a99eca1049961e47' })))));
+            }) }, h("slot", { key: '955d80448f70f776c9f41ffdc09c813201062b2f' })))));
     }
 };
 StepProgressSublistItem.style = UtrechtProgressSublistItemStyle0;

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

@@ -11,7 +11,7 @@ const Sidenav = class {
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { key: '031717439b435c4b59cbc5bb1597d8b2a207fd01', class: "utrecht-sidenav" }, h("ul", { key: 'e72ce943438cc2ec36f3b81bd1dd92b9c127350b', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (h("nav", { key: 'e48eec1d5144b488f9eda3bd8f231de26e7886ea', class: "utrecht-sidenav" }, h("ul", { key: 'b51cc2fb8f33173d8778b171cbab8d8c772815c3', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
 };
 Sidenav.style = UtrechtSidenavStyle0;

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

@@ -8,7 +8,7 @@ const Code = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '277425cc055171cd0d7e4f930fe823e1507866f4', class: "utrecht-surface" }, h("slot", { key: '31bf752c8a4b9c02b98886d8e1d49551048638a6' })));
+        return (h("div", { key: 'd11fb23e7ebcbf940d1a4e84da68f5c61a743da6', class: "utrecht-surface" }, h("slot", { key: '04ea4528e0d94f1d5fbdbe0cc39ab58553edec7e' })));
     }
 };
 Code.style = UtrechtSurfaceStyle0;

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

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

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

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

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

@@ -8,7 +8,7 @@ const TableCell = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '4e767b96a4b53b518faeb7f844348dce84ba0838', role: "cell" }, h("slot", { key: '3f80f7d277742f0e4b0a38c4b6943977b47b5239' })));
+        return (h(Host, { key: 'feb3f61e4b5578d1e3fd23f890fa6abcf7e2eb97', role: "cell" }, h("slot", { key: '4fe6593e4e187d77cd853fd4ed309223c54d45d4' })));
     }
 };
 TableCell.style = UtrechtTableCellStyle0;

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

@@ -8,7 +8,7 @@ const TableFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '855be65d73601d5d7b5c132e14f1fe83079e4d2a', role: "rowgroup" }, h("slot", { key: 'c2fe8cd14d2fd075c62fce82f1a83d43b2979e51' })));
+        return (h(Host, { key: '6f43a15ee1511ee7c3d9a139fb5e85a8bfd14103', role: "rowgroup" }, h("slot", { key: 'bed31aca3d9524f2af77ba1da8da2225a2a3f458' })));
     }
 };
 TableFooter.style = UtrechtTableFooterStyle0;

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

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

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-593361c2.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 {
@@ -8,7 +8,7 @@ const TableHeader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '6e1525e030fafb086d755b6e47d84a297e2be5e9', role: "rowgroup" }, h("slot", { key: '7bc58e2ff45dd263cf38d8cba7a0d054e0d4d01f' })));
+        return (h(Host, { key: 'a3afaf40d9a6f8613b0ec7fe6176c19c645a3eaf', role: "rowgroup" }, h("slot", { key: 'e41fa337bf8edf696f4db78c8052a81a86a1ea83' })));
     }
 };
 TableHeader.style = UtrechtTableHeaderStyle0;

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

@@ -1 +1 @@
-{"file":"utrecht-table-header.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4XAA4X,CAAC;AACpZ,iCAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"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.js","mappings":";;AAAA,MAAM,cAAc,GAAG,yYAAyY,CAAC;AACja,iCAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"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/esm/utrecht-table-row.entry.js

@@ -8,7 +8,7 @@ const TableRow = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '349f0a4767e4cc13c2bb8cb6feb88a0efd684cd1', role: "row" }, h("slot", { key: '562b52eef521e0d8d04440fd1637c440919d1559' })));
+        return (h(Host, { key: 'fc8a3e131bde6f8d908f749b6b541f79cc7c8b67', role: "row" }, h("slot", { key: 'f16d1d97a91992593faa87c1c089eabb34b24396' })));
     }
 };
 TableRow.style = UtrechtTableRowStyle0;

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

@@ -8,7 +8,7 @@ const Table = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '66b4c7e5518a82a338a39ee496d7067e6f31e407', role: "table" }, h("slot", { key: 'dbc648d919d67b58f5f5d0cb0b2371df9f4e297e' })));
+        return (h(Host, { key: '2fec1e86a16421adf2797f840065a6776f42aa91', role: "table" }, h("slot", { key: 'eda9de106f8c6cf11b442cb6b02ec553a664fc91' })));
     }
 };
 Table.style = UtrechtTableStyle0;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-593361c2.js';
 import { c as clsx } from './clsx-eca3fadc.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;
 
 /**
@@ -36,10 +36,10 @@ const Textarea = class {
     }
     render() {
         const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
-        return (h("textarea", { key: 'a903504d367d5561dcf1a78f9ec88ce8d0700580', autoComplete: autocomplete || null, class: 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 (h("textarea", { key: 'ecbb953f52def943bd2c1f48abd487b0b492bd56', autoComplete: autocomplete || null, class: 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);
-            } }, h("slot", { key: '5bd18a597748f4b94bcabb32ab56d0bdd40f5fac' })));
+            } }, h("slot", { key: '7e585eee731e3adb46a23bb91501f3901c938dcb' })));
     }
 };
 Textarea.style = UtrechtTextareaStyle0;

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

@@ -1 +1 @@
-{"file":"utrecht-textarea.entry.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,QACE,iEACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAE,IAAI,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,IAED,8DAAQ,CACC,EACX;KACH;;;;;;","names":[],"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.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,QACE,iEACE,YAAY,EAAE,YAAY,IAAI,IAAI,EAClC,KAAK,EAAE,IAAI,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,IAED,8DAAQ,CACC,EACX;KACH;;;;;;","names":[],"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/esm/utrecht-textbox.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-593361c2.js';
 import { c as clsx } from './clsx-eca3fadc.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 {
@@ -25,7 +25,7 @@ const Textbox = class {
     }
     render() {
         const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
-        return (h("input", { key: '621aec2146c668769751a5edc34501473abaae78', class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, 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 (h("input", { key: 'dbf482bf20605e291828578461031ce19ddc4233', class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, 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/esm/utrecht-textbox.entry.js.map

@@ -1 +1 @@
-{"file":"utrecht-textbox.entry.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,QACE,8DACE,KAAK,EAAE,IAAI,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":[],"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.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,QACE,8DACE,KAAK,EAAE,IAAI,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":[],"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/esm/utrecht.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"utrecht-contact-card-template\",[[1,\"utrecht-contact-card-template\"]]],[\"utrecht-digid-button\",[[1,\"utrecht-digid-button\",{\"type\":[1]}]]],[\"utrecht-progress-list-item\",[[1,\"utrecht-progress-list-item\",{\"checked\":[4],\"from\":[1],\"to\":[1],\"appearance\":[1],\"details\":[4],\"_open\":[32]}]]],[\"utrecht-backdrop\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"utrecht-breadcrumb-nav\",[[1,\"utrecht-breadcrumb-nav\",{\"json\":[1],\"variant\":[1]}]]],[\"utrecht-checkbox\",[[1,\"utrecht-checkbox\",{\"disabled\":[516],\"readOnly\":[516,\"readonly\"],\"checked\":[4],\"value\":[1]}]]],[\"utrecht-column-layout\",[[1,\"utrecht-column-layout\",{\"rule\":[516]}]]],[\"utrecht-custom-checkbox\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"utrecht-data-list\",[[1,\"utrecht-data-list\"]]],[\"utrecht-data-list-actions\",[[1,\"utrecht-data-list-actions\"]]],[\"utrecht-data-list-item\",[[1,\"utrecht-data-list-item\"]]],[\"utrecht-data-list-key\",[[1,\"utrecht-data-list-key\"]]],[\"utrecht-data-list-value\",[[1,\"utrecht-data-list-value\"]]],[\"utrecht-eherkenning-logo\",[[1,\"utrecht-eherkenning-logo\"]]],[\"utrecht-eidas-logo\",[[1,\"utrecht-eidas-logo\"]]],[\"utrecht-form-field-error-message\",[[1,\"utrecht-form-field-error-message\"]]],[\"utrecht-form-toggle\",[[1,\"utrecht-form-toggle\",{\"disabled\":[516],\"checked\":[516]}]]],[\"utrecht-html-content\",[[4,\"utrecht-html-content\"]]],[\"utrecht-icon-afspraak-maken\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-pmd\",[[1,\"utrecht-icon-afval-pmd\"]]],[\"utrecht-icon-afval-scheiden\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen\",[[1,\"utrecht-icon-alleen\"]]],[\"utrecht-icon-arrow\",[[1,\"utrecht-icon-arrow\"]]],[\"utrecht-icon-auto\",[[1,\"utrecht-icon-auto\"]]],[\"utrecht-icon-begroting\",[[1,\"utrecht-icon-begroting\"]]],[\"utrecht-icon-bestemmingsplan\",[[1,\"utrecht-icon-bestemmingsplan\"]]],[\"utrecht-icon-betaaldatum\",[[1,\"utrecht-icon-betaaldatum\"]]],[\"utrecht-icon-bewijsstukken\",[[1,\"utrecht-icon-bewijsstukken\"]]],[\"utrecht-icon-bijstand\",[[1,\"utrecht-icon-bijstand\"]]],[\"utrecht-icon-blad\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-brief-betalen\",[[1,\"utrecht-icon-brief-betalen\"]]],[\"utrecht-icon-checkmark\",[[1,\"utrecht-icon-checkmark\"]]],[\"utrecht-icon-chevron-down\",[[1,\"utrecht-icon-chevron-down\"]]],[\"utrecht-icon-chevron-left\",[[1,\"utrecht-icon-chevron-left\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-right\",[[1,\"utrecht-icon-chevron-right\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-up\",[[1,\"utrecht-icon-chevron-up\"]]],[\"utrecht-icon-close\",[[1,\"utrecht-icon-close\"]]],[\"utrecht-icon-college-b-w\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container\",[[1,\"utrecht-icon-container\"]]],[\"utrecht-icon-container-bio\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-container-glas\",[[1,\"utrecht-icon-container-glas\"]]],[\"utrecht-icon-container-groenafval\",[[1,\"utrecht-icon-container-groenafval\"]]],[\"utrecht-icon-container-met-zak\",[[1,\"utrecht-icon-container-met-zak\"]]],[\"utrecht-icon-container-papier\",[[1,\"utrecht-icon-container-papier\"]]],[\"utrecht-icon-container-pmd\",[[1,\"utrecht-icon-container-pmd\"]]],[\"utrecht-icon-container-restafval\",[[1,\"utrecht-icon-container-restafval\"]]],[\"utrecht-icon-container-textiel\",[[1,\"utrecht-icon-container-textiel\"]]],[\"utrecht-icon-cross\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-documenten\",[[1,\"utrecht-icon-documenten\"]]],[\"utrecht-icon-duurzaam\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-elektrisch-rijden\",[[1,\"utrecht-icon-elektrisch-rijden\"]]],[\"utrecht-icon-energie-vergoeding\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"utrecht-icon-energietransitie\",[[1,\"utrecht-icon-energietransitie\"]]],[\"utrecht-icon-error\",[[1,\"utrecht-icon-error\"]]],[\"utrecht-icon-evenementen\",[[1,\"utrecht-icon-evenementen\"]]],[\"utrecht-icon-facebook\",[[1,\"utrecht-icon-facebook\"]]],[\"utrecht-icon-fiets\",[[1,\"utrecht-icon-fiets\"]]],[\"utrecht-icon-filter\",[[1,\"utrecht-icon-filter\"]]],[\"utrecht-icon-geboorte\",[[1,\"utrecht-icon-geboorte\"]]],[\"utrecht-icon-gebruiker-centraal\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"utrecht-icon-gebruiker-ingelogd\",[[1,\"utrecht-icon-gebruiker-ingelogd\"]]],[\"utrecht-icon-gegevenswoordenboek\",[[1,\"utrecht-icon-gegevenswoordenboek\"]]],[\"utrecht-icon-geluid\",[[1,\"utrecht-icon-geluid\"]]],[\"utrecht-icon-gemeente-locatie\",[[1,\"utrecht-icon-gemeente-locatie\"]]],[\"utrecht-icon-gemeenteraad\",[[1,\"utrecht-icon-gemeenteraad\"]]],[\"utrecht-icon-gereedschap\",[[1,\"utrecht-icon-gereedschap\"]]],[\"utrecht-icon-gezicht\",[[1,\"utrecht-icon-gezicht\"]]],[\"utrecht-icon-gezin\",[[1,\"utrecht-icon-gezin\"]]],[\"utrecht-icon-glas-afval\",[[1,\"utrecht-icon-glas-afval\"]]],[\"utrecht-icon-glijbaan\",[[1,\"utrecht-icon-glijbaan\"]]],[\"utrecht-icon-grafiek\",[[1,\"utrecht-icon-grafiek\"]]],[\"utrecht-icon-grofvuil\",[[1,\"utrecht-icon-grofvuil\"]]],[\"utrecht-icon-grofvuil-ophalen\",[[1,\"utrecht-icon-grofvuil-ophalen\"]]],[\"utrecht-icon-hamburger-menu\",[[1,\"utrecht-icon-hamburger-menu\"]]],[\"utrecht-icon-herdenking\",[[1,\"utrecht-icon-herdenking\"]]],[\"utrecht-icon-hondenbelasting\",[[1,\"utrecht-icon-hondenbelasting\"]]],[\"utrecht-icon-horeca\",[[1,\"utrecht-icon-horeca\"]]],[\"utrecht-icon-horecavergunning\",[[1,\"utrecht-icon-horecavergunning\"]]],[\"utrecht-icon-huis\",[[1,\"utrecht-icon-huis\"]]],[\"utrecht-icon-huis-en-omgeving\",[[1,\"utrecht-icon-huis-en-omgeving\"]]],[\"utrecht-icon-huishoudelijk-geweld\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpmiddelen-gezin\",[[1,\"utrecht-icon-hulpmiddelen-gezin\"]]],[\"utrecht-icon-hulpverlening\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"utrecht-icon-idee\",[[1,\"utrecht-icon-idee\"]]],[\"utrecht-icon-informatie\",[[1,\"utrecht-icon-informatie\"]]],[\"utrecht-icon-information\",[[1,\"utrecht-icon-information\"]]],[\"utrecht-icon-innovatie\",[[1,\"utrecht-icon-innovatie\"]]],[\"utrecht-icon-inspraak-inwoners\",[[1,\"utrecht-icon-inspraak-inwoners\"]]],[\"utrecht-icon-instagram\",[[1,\"utrecht-icon-instagram\"]]],[\"utrecht-icon-kalender\",[[1,\"utrecht-icon-kalender\"]]],[\"utrecht-icon-kennis\",[[1,\"utrecht-icon-kennis\"]]],[\"utrecht-icon-kerstbomen\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon\",[[1,\"utrecht-icon-kroon\"]]],[\"utrecht-icon-laadpaal\",[[1,\"utrecht-icon-laadpaal\"]]],[\"utrecht-icon-language\",[[1,\"utrecht-icon-language\"]]],[\"utrecht-icon-lantaarnpaal\",[[1,\"utrecht-icon-lantaarnpaal\"]]],[\"utrecht-icon-lantaarnpaal-oud\",[[1,\"utrecht-icon-lantaarnpaal-oud\"]]],[\"utrecht-icon-leren\",[[1,\"utrecht-icon-leren\"]]],[\"utrecht-icon-let-op\",[[1,\"utrecht-icon-let-op\"]]],[\"utrecht-icon-linkedin\",[[1,\"utrecht-icon-linkedin\"]]],[\"utrecht-icon-list\",[[1,\"utrecht-icon-list\"]]],[\"utrecht-icon-list-check\",[[1,\"utrecht-icon-list-check\"]]],[\"utrecht-icon-list-number\",[[1,\"utrecht-icon-list-number\"]]],[\"utrecht-icon-loupe\",[[1,\"utrecht-icon-loupe\"]]],[\"utrecht-icon-markt\",[[1,\"utrecht-icon-markt\"]]],[\"utrecht-icon-melding\",[[1,\"utrecht-icon-melding\"]]],[\"utrecht-icon-melding-boom\",[[1,\"utrecht-icon-melding-boom\"]]],[\"utrecht-icon-melding-klacht\",[[1,\"utrecht-icon-melding-klacht\"]]],[\"utrecht-icon-melding-openbareruimte\",[[1,\"utrecht-icon-melding-openbareruimte\"]]],[\"utrecht-icon-melding-verlichting\",[[1,\"utrecht-icon-melding-verlichting\"]]],[\"utrecht-icon-menselijk\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-menu-dot\",[[1,\"utrecht-icon-menu-dot\"]]],[\"utrecht-icon-menu-dot-open\",[[1,\"utrecht-icon-menu-dot-open\"]]],[\"utrecht-icon-meterkast\",[[1,\"utrecht-icon-meterkast\"]]],[\"utrecht-icon-milieu-ontheffing\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-milieu-zone\",[[1,\"utrecht-icon-milieu-zone\"]]],[\"utrecht-icon-minus\",[[1,\"utrecht-icon-minus\"]]],[\"utrecht-icon-minus-vertical\",[[1,\"utrecht-icon-minus-vertical\"]]],[\"utrecht-icon-mobiliteit\",[[1,\"utrecht-icon-mobiliteit\"]]],[\"utrecht-icon-natuur\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nieuwsbrief\",[[1,\"utrecht-icon-nieuwsbrief\"]]],[\"utrecht-icon-nummerbord\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-om-het-huis\",[[1,\"utrecht-icon-om-het-huis\"]]],[\"utrecht-icon-omgeving\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-ondernemen\",[[1,\"utrecht-icon-ondernemen\"]]],[\"utrecht-icon-openingstijden\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-over-de-stad\",[[1,\"utrecht-icon-over-de-stad\"]]],[\"utrecht-icon-overlijden\",[[1,\"utrecht-icon-overlijden\"]]],[\"utrecht-icon-panden\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park\",[[1,\"utrecht-icon-park\"]]],[\"utrecht-icon-parkeerkaart\",[[1,\"utrecht-icon-parkeerkaart\"]]],[\"utrecht-icon-parkeervergunning\",[[1,\"utrecht-icon-parkeervergunning\"]]],[\"utrecht-icon-parken\",[[1,\"utrecht-icon-parken\"]]],[\"utrecht-icon-parkeren\",[[1,\"utrecht-icon-parkeren\"]]],[\"utrecht-icon-parkeren-bedrijven\",[[1,\"utrecht-icon-parkeren-bedrijven\"]]],[\"utrecht-icon-parkeren-betaalautomaat\",[[1,\"utrecht-icon-parkeren-betaalautomaat\"]]],[\"utrecht-icon-parkeren-betalen\",[[1,\"utrecht-icon-parkeren-betalen\"]]],[\"utrecht-icon-participatie-campagne\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-participatie-like\",[[1,\"utrecht-icon-participatie-like\"]]],[\"utrecht-icon-participatie-pitch\",[[1,\"utrecht-icon-participatie-pitch\"]]],[\"utrecht-icon-paspoort\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-presentatie\",[[1,\"utrecht-icon-presentatie\"]]],[\"utrecht-icon-prijskaartje\",[[1,\"utrecht-icon-prijskaartje\"]]],[\"utrecht-icon-read-aloud\",[[1,\"utrecht-icon-read-aloud\"]]],[\"utrecht-icon-rijbewijs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rioolheffing\",[[1,\"utrecht-icon-rioolheffing\"]]],[\"utrecht-icon-rolstoel\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-schild-gemeente-utrecht\",[[1,\"utrecht-icon-schild-gemeente-utrecht\"]]],[\"utrecht-icon-search\",[[1,\"utrecht-icon-search\"]]],[\"utrecht-icon-shoppen\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-slechtziende-hoordende\",[[1,\"utrecht-icon-slechtziende-hoordende\"]]],[\"utrecht-icon-sport\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-sport-en-cultuur\",[[1,\"utrecht-icon-sport-en-cultuur\"]]],[\"utrecht-icon-sport-voetbal\",[[1,\"utrecht-icon-sport-voetbal\"]]],[\"utrecht-icon-stookverbod\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strand\",[[1,\"utrecht-icon-strand\"]]],[\"utrecht-icon-strooien\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie\",[[1,\"utrecht-icon-subsidie\"]]],[\"utrecht-icon-subsidie-gezin\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-t-shirt\",[[1,\"utrecht-icon-t-shirt\"]]],[\"utrecht-icon-thuiswerken\",[[1,\"utrecht-icon-thuiswerken\"]]],[\"utrecht-icon-toeslag\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-user\",[[1,\"utrecht-icon-user\"]]],[\"utrecht-icon-uw-wijk\",[[1,\"utrecht-icon-uw-wijk\"]]],[\"utrecht-icon-vaccinatie\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergaderen\",[[1,\"utrecht-icon-vergaderen\"]]],[\"utrecht-icon-vergaderendigitaal\",[[1,\"utrecht-icon-vergaderendigitaal\"]]],[\"utrecht-icon-vergoeding\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkeerslicht\",[[1,\"utrecht-icon-verkeerslicht\"]]],[\"utrecht-icon-verkiezingen\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuilnisbak\",[[1,\"utrecht-icon-vuilnisbak\"]]],[\"utrecht-icon-vuilniszak\",[[1,\"utrecht-icon-vuilniszak\"]]],[\"utrecht-icon-vuurwerk\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok\",[[1,\"utrecht-icon-wandelstok\"]]],[\"utrecht-icon-warm\",[[1,\"utrecht-icon-warm\"]]],[\"utrecht-icon-warning\",[[1,\"utrecht-icon-warning\"]]],[\"utrecht-icon-werken\",[[1,\"utrecht-icon-werken\"]]],[\"utrecht-icon-werkzaamheden\",[[1,\"utrecht-icon-werkzaamheden\"]]],[\"utrecht-icon-whatsapp\",[[1,\"utrecht-icon-whatsapp\"]]],[\"utrecht-icon-wonen-kosten\",[[1,\"utrecht-icon-wonen-kosten\"]]],[\"utrecht-icon-woning-zoeken\",[[1,\"utrecht-icon-woning-zoeken\"]]],[\"utrecht-icon-x\",[[1,\"utrecht-icon-x\"]]],[\"utrecht-icon-youtube\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoom-minus\",[[1,\"utrecht-icon-zoom-minus\"]]],[\"utrecht-icon-zoom-plus\",[[1,\"utrecht-icon-zoom-plus\"]]],[\"utrecht-icon-zoomin\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"utrecht-icon-zweefpaal\",[[1,\"utrecht-icon-zweefpaal\"]]],[\"utrecht-icon-zwemmen\",[[1,\"utrecht-icon-zwemmen\"]]],[\"utrecht-logo-button\",[[1,\"utrecht-logo-button\"]]],[\"utrecht-map-marker\",[[1,\"utrecht-map-marker\"]]],[\"utrecht-multiline-data\",[[1,\"utrecht-multiline-data\"]]],[\"utrecht-page-footer\",[[1,\"utrecht-page-footer\"]]],[\"utrecht-pagination\",[[1,\"utrecht-pagination\",{\"links\":[1],\"next\":[1],\"prev\":[1],\"currentIndex\":[2,\"current-index\"]}]]],[\"utrecht-progress-list\",[[1,\"utrecht-progress-list\"]]],[\"utrecht-progress-sublist-item\",[[1,\"utrecht-progress-sublist-item\",{\"appearance\":[1],\"checked\":[4]}]]],[\"utrecht-sidenav\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-surface\",[[1,\"utrecht-surface\"]]],[\"utrecht-table\",[[1,\"utrecht-table\"]]],[\"utrecht-table-body\",[[1,\"utrecht-table-body\"]]],[\"utrecht-table-caption\",[[1,\"utrecht-table-caption\"]]],[\"utrecht-table-cell\",[[1,\"utrecht-table-cell\"]]],[\"utrecht-table-footer\",[[1,\"utrecht-table-footer\"]]],[\"utrecht-table-header\",[[1,\"utrecht-table-header\"]]],[\"utrecht-table-header-cell\",[[1,\"utrecht-table-header-cell\",{\"scope\":[1]}]]],[\"utrecht-table-row\",[[1,\"utrecht-table-row\"]]],[\"utrecht-textarea\",[[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\",[[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\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_46\",[[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 bootstrapLazy(JSON.parse("[[\"utrecht-contact-card-template\",[[1,\"utrecht-contact-card-template\"]]],[\"utrecht-digid-button\",[[1,\"utrecht-digid-button\",{\"type\":[1]}]]],[\"utrecht-progress-list-item\",[[1,\"utrecht-progress-list-item\",{\"checked\":[4],\"from\":[1],\"to\":[1],\"appearance\":[1],\"details\":[4],\"_open\":[32]}]]],[\"utrecht-backdrop\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"utrecht-breadcrumb-nav\",[[1,\"utrecht-breadcrumb-nav\",{\"json\":[1],\"variant\":[1]}]]],[\"utrecht-checkbox\",[[1,\"utrecht-checkbox\",{\"disabled\":[516],\"readOnly\":[516,\"readonly\"],\"checked\":[4],\"value\":[1]}]]],[\"utrecht-column-layout\",[[1,\"utrecht-column-layout\",{\"rule\":[516]}]]],[\"utrecht-custom-checkbox\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"utrecht-data-list\",[[1,\"utrecht-data-list\"]]],[\"utrecht-data-list-actions\",[[1,\"utrecht-data-list-actions\"]]],[\"utrecht-data-list-item\",[[1,\"utrecht-data-list-item\"]]],[\"utrecht-data-list-key\",[[1,\"utrecht-data-list-key\"]]],[\"utrecht-data-list-value\",[[1,\"utrecht-data-list-value\"]]],[\"utrecht-eherkenning-logo\",[[1,\"utrecht-eherkenning-logo\"]]],[\"utrecht-eidas-logo\",[[1,\"utrecht-eidas-logo\"]]],[\"utrecht-form-field-error-message\",[[1,\"utrecht-form-field-error-message\"]]],[\"utrecht-form-toggle\",[[1,\"utrecht-form-toggle\",{\"disabled\":[516],\"checked\":[516]}]]],[\"utrecht-html-content\",[[4,\"utrecht-html-content\"]]],[\"utrecht-icon-afspraak-maken\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-pmd\",[[1,\"utrecht-icon-afval-pmd\"]]],[\"utrecht-icon-afval-scheiden\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen\",[[1,\"utrecht-icon-alleen\"]]],[\"utrecht-icon-arrow\",[[1,\"utrecht-icon-arrow\"]]],[\"utrecht-icon-auto\",[[1,\"utrecht-icon-auto\"]]],[\"utrecht-icon-begroting\",[[1,\"utrecht-icon-begroting\"]]],[\"utrecht-icon-bestemmingsplan\",[[1,\"utrecht-icon-bestemmingsplan\"]]],[\"utrecht-icon-betaaldatum\",[[1,\"utrecht-icon-betaaldatum\"]]],[\"utrecht-icon-bewijsstukken\",[[1,\"utrecht-icon-bewijsstukken\"]]],[\"utrecht-icon-bijstand\",[[1,\"utrecht-icon-bijstand\"]]],[\"utrecht-icon-blad\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-brief-betalen\",[[1,\"utrecht-icon-brief-betalen\"]]],[\"utrecht-icon-checkmark\",[[1,\"utrecht-icon-checkmark\"]]],[\"utrecht-icon-chevron-down\",[[1,\"utrecht-icon-chevron-down\"]]],[\"utrecht-icon-chevron-left\",[[1,\"utrecht-icon-chevron-left\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-right\",[[1,\"utrecht-icon-chevron-right\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-up\",[[1,\"utrecht-icon-chevron-up\"]]],[\"utrecht-icon-close\",[[1,\"utrecht-icon-close\"]]],[\"utrecht-icon-college-b-w\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container\",[[1,\"utrecht-icon-container\"]]],[\"utrecht-icon-container-bio\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-container-glas\",[[1,\"utrecht-icon-container-glas\"]]],[\"utrecht-icon-container-groenafval\",[[1,\"utrecht-icon-container-groenafval\"]]],[\"utrecht-icon-container-met-zak\",[[1,\"utrecht-icon-container-met-zak\"]]],[\"utrecht-icon-container-papier\",[[1,\"utrecht-icon-container-papier\"]]],[\"utrecht-icon-container-pmd\",[[1,\"utrecht-icon-container-pmd\"]]],[\"utrecht-icon-container-restafval\",[[1,\"utrecht-icon-container-restafval\"]]],[\"utrecht-icon-container-textiel\",[[1,\"utrecht-icon-container-textiel\"]]],[\"utrecht-icon-cross\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-documenten\",[[1,\"utrecht-icon-documenten\"]]],[\"utrecht-icon-duurzaam\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-elektrisch-rijden\",[[1,\"utrecht-icon-elektrisch-rijden\"]]],[\"utrecht-icon-energie-vergoeding\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"utrecht-icon-energietransitie\",[[1,\"utrecht-icon-energietransitie\"]]],[\"utrecht-icon-error\",[[1,\"utrecht-icon-error\"]]],[\"utrecht-icon-evenementen\",[[1,\"utrecht-icon-evenementen\"]]],[\"utrecht-icon-facebook\",[[1,\"utrecht-icon-facebook\"]]],[\"utrecht-icon-fiets\",[[1,\"utrecht-icon-fiets\"]]],[\"utrecht-icon-filter\",[[1,\"utrecht-icon-filter\"]]],[\"utrecht-icon-geboorte\",[[1,\"utrecht-icon-geboorte\"]]],[\"utrecht-icon-gebruiker-centraal\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"utrecht-icon-gebruiker-ingelogd\",[[1,\"utrecht-icon-gebruiker-ingelogd\"]]],[\"utrecht-icon-gegevenswoordenboek\",[[1,\"utrecht-icon-gegevenswoordenboek\"]]],[\"utrecht-icon-geluid\",[[1,\"utrecht-icon-geluid\"]]],[\"utrecht-icon-gemeente-locatie\",[[1,\"utrecht-icon-gemeente-locatie\"]]],[\"utrecht-icon-gemeenteraad\",[[1,\"utrecht-icon-gemeenteraad\"]]],[\"utrecht-icon-gereedschap\",[[1,\"utrecht-icon-gereedschap\"]]],[\"utrecht-icon-gezicht\",[[1,\"utrecht-icon-gezicht\"]]],[\"utrecht-icon-gezin\",[[1,\"utrecht-icon-gezin\"]]],[\"utrecht-icon-glas-afval\",[[1,\"utrecht-icon-glas-afval\"]]],[\"utrecht-icon-glijbaan\",[[1,\"utrecht-icon-glijbaan\"]]],[\"utrecht-icon-grafiek\",[[1,\"utrecht-icon-grafiek\"]]],[\"utrecht-icon-grofvuil\",[[1,\"utrecht-icon-grofvuil\"]]],[\"utrecht-icon-grofvuil-ophalen\",[[1,\"utrecht-icon-grofvuil-ophalen\"]]],[\"utrecht-icon-hamburger-menu\",[[1,\"utrecht-icon-hamburger-menu\"]]],[\"utrecht-icon-herdenking\",[[1,\"utrecht-icon-herdenking\"]]],[\"utrecht-icon-hondenbelasting\",[[1,\"utrecht-icon-hondenbelasting\"]]],[\"utrecht-icon-horeca\",[[1,\"utrecht-icon-horeca\"]]],[\"utrecht-icon-horecavergunning\",[[1,\"utrecht-icon-horecavergunning\"]]],[\"utrecht-icon-huis\",[[1,\"utrecht-icon-huis\"]]],[\"utrecht-icon-huis-en-omgeving\",[[1,\"utrecht-icon-huis-en-omgeving\"]]],[\"utrecht-icon-huishoudelijk-geweld\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpmiddelen-gezin\",[[1,\"utrecht-icon-hulpmiddelen-gezin\"]]],[\"utrecht-icon-hulpverlening\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"utrecht-icon-idee\",[[1,\"utrecht-icon-idee\"]]],[\"utrecht-icon-informatie\",[[1,\"utrecht-icon-informatie\"]]],[\"utrecht-icon-information\",[[1,\"utrecht-icon-information\"]]],[\"utrecht-icon-innovatie\",[[1,\"utrecht-icon-innovatie\"]]],[\"utrecht-icon-inspraak-inwoners\",[[1,\"utrecht-icon-inspraak-inwoners\"]]],[\"utrecht-icon-instagram\",[[1,\"utrecht-icon-instagram\"]]],[\"utrecht-icon-kalender\",[[1,\"utrecht-icon-kalender\"]]],[\"utrecht-icon-kennis\",[[1,\"utrecht-icon-kennis\"]]],[\"utrecht-icon-kerstbomen\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon\",[[1,\"utrecht-icon-kroon\"]]],[\"utrecht-icon-laadpaal\",[[1,\"utrecht-icon-laadpaal\"]]],[\"utrecht-icon-language\",[[1,\"utrecht-icon-language\"]]],[\"utrecht-icon-lantaarnpaal\",[[1,\"utrecht-icon-lantaarnpaal\"]]],[\"utrecht-icon-lantaarnpaal-oud\",[[1,\"utrecht-icon-lantaarnpaal-oud\"]]],[\"utrecht-icon-leren\",[[1,\"utrecht-icon-leren\"]]],[\"utrecht-icon-let-op\",[[1,\"utrecht-icon-let-op\"]]],[\"utrecht-icon-linkedin\",[[1,\"utrecht-icon-linkedin\"]]],[\"utrecht-icon-list\",[[1,\"utrecht-icon-list\"]]],[\"utrecht-icon-list-check\",[[1,\"utrecht-icon-list-check\"]]],[\"utrecht-icon-list-number\",[[1,\"utrecht-icon-list-number\"]]],[\"utrecht-icon-loupe\",[[1,\"utrecht-icon-loupe\"]]],[\"utrecht-icon-markt\",[[1,\"utrecht-icon-markt\"]]],[\"utrecht-icon-melding\",[[1,\"utrecht-icon-melding\"]]],[\"utrecht-icon-melding-boom\",[[1,\"utrecht-icon-melding-boom\"]]],[\"utrecht-icon-melding-klacht\",[[1,\"utrecht-icon-melding-klacht\"]]],[\"utrecht-icon-melding-openbareruimte\",[[1,\"utrecht-icon-melding-openbareruimte\"]]],[\"utrecht-icon-melding-verlichting\",[[1,\"utrecht-icon-melding-verlichting\"]]],[\"utrecht-icon-menselijk\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-menu-dot\",[[1,\"utrecht-icon-menu-dot\"]]],[\"utrecht-icon-menu-dot-open\",[[1,\"utrecht-icon-menu-dot-open\"]]],[\"utrecht-icon-meterkast\",[[1,\"utrecht-icon-meterkast\"]]],[\"utrecht-icon-milieu-ontheffing\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-milieu-zone\",[[1,\"utrecht-icon-milieu-zone\"]]],[\"utrecht-icon-minus\",[[1,\"utrecht-icon-minus\"]]],[\"utrecht-icon-minus-vertical\",[[1,\"utrecht-icon-minus-vertical\"]]],[\"utrecht-icon-mobiliteit\",[[1,\"utrecht-icon-mobiliteit\"]]],[\"utrecht-icon-natuur\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nieuwsbrief\",[[1,\"utrecht-icon-nieuwsbrief\"]]],[\"utrecht-icon-nummerbord\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-om-het-huis\",[[1,\"utrecht-icon-om-het-huis\"]]],[\"utrecht-icon-omgeving\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-ondernemen\",[[1,\"utrecht-icon-ondernemen\"]]],[\"utrecht-icon-openingstijden\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-over-de-stad\",[[1,\"utrecht-icon-over-de-stad\"]]],[\"utrecht-icon-overlijden\",[[1,\"utrecht-icon-overlijden\"]]],[\"utrecht-icon-panden\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park\",[[1,\"utrecht-icon-park\"]]],[\"utrecht-icon-parkeerkaart\",[[1,\"utrecht-icon-parkeerkaart\"]]],[\"utrecht-icon-parkeervergunning\",[[1,\"utrecht-icon-parkeervergunning\"]]],[\"utrecht-icon-parken\",[[1,\"utrecht-icon-parken\"]]],[\"utrecht-icon-parkeren\",[[1,\"utrecht-icon-parkeren\"]]],[\"utrecht-icon-parkeren-bedrijven\",[[1,\"utrecht-icon-parkeren-bedrijven\"]]],[\"utrecht-icon-parkeren-betaalautomaat\",[[1,\"utrecht-icon-parkeren-betaalautomaat\"]]],[\"utrecht-icon-parkeren-betalen\",[[1,\"utrecht-icon-parkeren-betalen\"]]],[\"utrecht-icon-participatie-campagne\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-participatie-like\",[[1,\"utrecht-icon-participatie-like\"]]],[\"utrecht-icon-participatie-pitch\",[[1,\"utrecht-icon-participatie-pitch\"]]],[\"utrecht-icon-paspoort\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-presentatie\",[[1,\"utrecht-icon-presentatie\"]]],[\"utrecht-icon-prijskaartje\",[[1,\"utrecht-icon-prijskaartje\"]]],[\"utrecht-icon-read-aloud\",[[1,\"utrecht-icon-read-aloud\"]]],[\"utrecht-icon-rijbewijs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rioolheffing\",[[1,\"utrecht-icon-rioolheffing\"]]],[\"utrecht-icon-rolstoel\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-schild-gemeente-utrecht\",[[1,\"utrecht-icon-schild-gemeente-utrecht\"]]],[\"utrecht-icon-search\",[[1,\"utrecht-icon-search\"]]],[\"utrecht-icon-shoppen\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-slechtziende-hoordende\",[[1,\"utrecht-icon-slechtziende-hoordende\"]]],[\"utrecht-icon-sport\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-sport-en-cultuur\",[[1,\"utrecht-icon-sport-en-cultuur\"]]],[\"utrecht-icon-sport-voetbal\",[[1,\"utrecht-icon-sport-voetbal\"]]],[\"utrecht-icon-stookverbod\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strand\",[[1,\"utrecht-icon-strand\"]]],[\"utrecht-icon-strooien\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie\",[[1,\"utrecht-icon-subsidie\"]]],[\"utrecht-icon-subsidie-gezin\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-t-shirt\",[[1,\"utrecht-icon-t-shirt\"]]],[\"utrecht-icon-thuiswerken\",[[1,\"utrecht-icon-thuiswerken\"]]],[\"utrecht-icon-toeslag\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-user\",[[1,\"utrecht-icon-user\"]]],[\"utrecht-icon-uw-wijk\",[[1,\"utrecht-icon-uw-wijk\"]]],[\"utrecht-icon-vaccinatie\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergaderen\",[[1,\"utrecht-icon-vergaderen\"]]],[\"utrecht-icon-vergaderendigitaal\",[[1,\"utrecht-icon-vergaderendigitaal\"]]],[\"utrecht-icon-vergoeding\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkeerslicht\",[[1,\"utrecht-icon-verkeerslicht\"]]],[\"utrecht-icon-verkiezingen\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuilnisbak\",[[1,\"utrecht-icon-vuilnisbak\"]]],[\"utrecht-icon-vuilniszak\",[[1,\"utrecht-icon-vuilniszak\"]]],[\"utrecht-icon-vuurwerk\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok\",[[1,\"utrecht-icon-wandelstok\"]]],[\"utrecht-icon-warm\",[[1,\"utrecht-icon-warm\"]]],[\"utrecht-icon-warning\",[[1,\"utrecht-icon-warning\"]]],[\"utrecht-icon-werken\",[[1,\"utrecht-icon-werken\"]]],[\"utrecht-icon-werkzaamheden\",[[1,\"utrecht-icon-werkzaamheden\"]]],[\"utrecht-icon-whatsapp\",[[1,\"utrecht-icon-whatsapp\"]]],[\"utrecht-icon-wonen-kosten\",[[1,\"utrecht-icon-wonen-kosten\"]]],[\"utrecht-icon-woning-zoeken\",[[1,\"utrecht-icon-woning-zoeken\"]]],[\"utrecht-icon-x\",[[1,\"utrecht-icon-x\"]]],[\"utrecht-icon-youtube\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoom-minus\",[[1,\"utrecht-icon-zoom-minus\"]]],[\"utrecht-icon-zoom-plus\",[[1,\"utrecht-icon-zoom-plus\"]]],[\"utrecht-icon-zoomin\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"utrecht-icon-zweefpaal\",[[1,\"utrecht-icon-zweefpaal\"]]],[\"utrecht-icon-zwemmen\",[[1,\"utrecht-icon-zwemmen\"]]],[\"utrecht-logo-button\",[[1,\"utrecht-logo-button\"]]],[\"utrecht-map-marker\",[[1,\"utrecht-map-marker\"]]],[\"utrecht-multiline-data\",[[1,\"utrecht-multiline-data\"]]],[\"utrecht-number-badge\",[[1,\"utrecht-number-badge\",{\"value\":[2],\"max\":[2],\"locale\":[1]}]]],[\"utrecht-page-footer\",[[1,\"utrecht-page-footer\"]]],[\"utrecht-pagination\",[[1,\"utrecht-pagination\",{\"links\":[1],\"next\":[1],\"prev\":[1],\"currentIndex\":[2,\"current-index\"]}]]],[\"utrecht-progress-list\",[[1,\"utrecht-progress-list\"]]],[\"utrecht-progress-sublist-item\",[[1,\"utrecht-progress-sublist-item\",{\"appearance\":[1],\"checked\":[4]}]]],[\"utrecht-sidenav\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-surface\",[[1,\"utrecht-surface\"]]],[\"utrecht-table\",[[1,\"utrecht-table\"]]],[\"utrecht-table-body\",[[1,\"utrecht-table-body\"]]],[\"utrecht-table-caption\",[[1,\"utrecht-table-caption\"]]],[\"utrecht-table-cell\",[[1,\"utrecht-table-cell\"]]],[\"utrecht-table-footer\",[[1,\"utrecht-table-footer\"]]],[\"utrecht-table-header\",[[1,\"utrecht-table-header\"]]],[\"utrecht-table-header-cell\",[[1,\"utrecht-table-header-cell\",{\"scope\":[1]}]]],[\"utrecht-table-row\",[[1,\"utrecht-table-row\"]]],[\"utrecht-textarea\",[[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\",[[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\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_46\",[[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);
 });
 
 //# sourceMappingURL=utrecht.js.map

package/dist/types/components/number-badge.d.ts

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

package/dist/types/components.d.ts

@@ -639,6 +639,11 @@ export namespace Components {
     }
     interface UtrechtMultilineData {
     }
+    interface UtrechtNumberBadge {
+        "locale": string;
+        "max": number;
+        "value": number;
+    }
     interface UtrechtNumberData {
         "value": number | string;
     }
@@ -2432,6 +2437,12 @@ declare global {
         prototype: HTMLUtrechtMultilineDataElement;
         new (): HTMLUtrechtMultilineDataElement;
     };
+    interface HTMLUtrechtNumberBadgeElement extends Components.UtrechtNumberBadge, HTMLStencilElement {
+    }
+    var HTMLUtrechtNumberBadgeElement: {
+        prototype: HTMLUtrechtNumberBadgeElement;
+        new (): HTMLUtrechtNumberBadgeElement;
+    };
     interface HTMLUtrechtNumberDataElement extends Components.UtrechtNumberData, HTMLStencilElement {
     }
     var HTMLUtrechtNumberDataElement: {
@@ -2900,6 +2911,7 @@ declare global {
         "utrecht-map-marker": HTMLUtrechtMapMarkerElement;
         "utrecht-mark": HTMLUtrechtMarkElement;
         "utrecht-multiline-data": HTMLUtrechtMultilineDataElement;
+        "utrecht-number-badge": HTMLUtrechtNumberBadgeElement;
         "utrecht-number-data": HTMLUtrechtNumberDataElement;
         "utrecht-page": HTMLUtrechtPageElement;
         "utrecht-page-content": HTMLUtrechtPageContentElement;
@@ -3583,6 +3595,11 @@ declare namespace LocalJSX {
     }
     interface UtrechtMultilineData {
     }
+    interface UtrechtNumberBadge {
+        "locale"?: string;
+        "max"?: number;
+        "value"?: number;
+    }
     interface UtrechtNumberData {
         "value"?: number | string;
     }
@@ -3964,6 +3981,7 @@ declare namespace LocalJSX {
         "utrecht-map-marker": UtrechtMapMarker;
         "utrecht-mark": UtrechtMark;
         "utrecht-multiline-data": UtrechtMultilineData;
+        "utrecht-number-badge": UtrechtNumberBadge;
         "utrecht-number-data": UtrechtNumberData;
         "utrecht-page": UtrechtPage;
         "utrecht-page-content": UtrechtPageContent;
@@ -4258,6 +4276,7 @@ declare module "@stencil/core" {
             "utrecht-map-marker": LocalJSX.UtrechtMapMarker & JSXBase.HTMLAttributes<HTMLUtrechtMapMarkerElement>;
             "utrecht-mark": LocalJSX.UtrechtMark & JSXBase.HTMLAttributes<HTMLUtrechtMarkElement>;
             "utrecht-multiline-data": LocalJSX.UtrechtMultilineData & JSXBase.HTMLAttributes<HTMLUtrechtMultilineDataElement>;
+            "utrecht-number-badge": LocalJSX.UtrechtNumberBadge & JSXBase.HTMLAttributes<HTMLUtrechtNumberBadgeElement>;
             "utrecht-number-data": LocalJSX.UtrechtNumberData & JSXBase.HTMLAttributes<HTMLUtrechtNumberDataElement>;
             /**
              * @license EUPL-1.2

package/dist/utrecht/p-0004e6fc.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as c,H as r}from"./p-5002d233.js";const t=":host{--_utrecht-table-header-cell-z-index:2;display:table-row-group}";const o=t;const s=class{constructor(c){e(this,c)}render(){return c(r,{key:"b1d99c6ac8c97bc8b04098cf4beef8a5409f3f68",role:"rowgroup"},c("slot",{key:"5c679ed57831886abb3a7b81eec3cc948de13150"}))}};s.style=o;export{s as utrecht_table_body};
+//# sourceMappingURL=p-0004e6fc.entry.js.map