npm - @utrecht/web-component-library-stencil - Versions diffs - 3.5.1 → 3.6.1 - Mend

@utrecht/web-component-library-stencil 3.5.1 → 3.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3028) hide show

package/dist/components/utrecht-data-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list-item.js","mappings":";;AAAA,MAAM,eAAe,GAAG,02BAA02B,CAAC;AACn4B,kCAAe,eAAe;;MCYjB,YAAY;;;;;;IACvB,MAAM;QACJ,QACE,8DACE,8DAAQ,CACJ,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-item.scss?tag=utrecht-data-list-item&encapsulation=shadow","src/components/data-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndiv {\n @include utrecht-data-list__item;\n @include utrecht-data-list__item--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-item',\n styleUrl: 'data-list-item.scss',\n shadow: true,\n})\nexport class DataListItem {\n render() {\n return (\n <div>\n <slot />\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list-item.js","mappings":";;AAAA,MAAM,eAAe,GAAG,02BAA02B,CAAC;AACn4B,kCAAe,eAAe;;MCYjB,YAAY;;;;;;IACvB,MAAM;QACJ,QACE,8DACE,8DAAQ,CACJ,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-item.scss?tag=utrecht-data-list-item&encapsulation=shadow","src/components/data-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndiv {\n @include utrecht-data-list__item;\n @include utrecht-data-list__item--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-item',\n styleUrl: 'data-list-item.scss',\n shadow: true,\n})\nexport class DataListItem {\n render() {\n return (\n <div>\n <slot />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-data-list-key.js CHANGED Viewed

@@ -10,7 +10,7 @@ const DataListKey = /*@__PURE__*/ proxyCustomElement(class DataListKey extends H
         this.__attachShadow();
     }
     render() {
-        return (h("dt", { key: '493aabfb8a11ce574797fa0463d5b41b6dbbd122' }, h("slot", { key: '9d1ed04864df3c2ff6fe8fbed29f83cc9dbedcef' })));
+        return (h("dt", { key: '96ae99262fb61a9edcb5446480e933ac74ab4d8b' }, h("slot", { key: '0809fb5b27f2b8d18783ea3e701559ba332f2a01' })));
     }
     static get style() { return UtrechtDataListKeyStyle0; }
 }, [1, "utrecht-data-list-key"]);

package/dist/components/utrecht-data-list-key.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list-key.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,WAAW;;;;;;IACtB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-key.scss?tag=utrecht-data-list-key&encapsulation=shadow","src/components/data-list-key.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndt {\n @include utrecht-data-list__item-key;\n @include utrecht-data-list__item-key--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-key',\n styleUrl: 'data-list-key.scss',\n shadow: true,\n})\nexport class DataListKey {\n render() {\n return (\n <dt>\n <slot></slot>\n </dt>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list-key.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,WAAW;;;;;;IACtB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-key.scss?tag=utrecht-data-list-key&encapsulation=shadow","src/components/data-list-key.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndt {\n @include utrecht-data-list__item-key;\n @include utrecht-data-list__item-key--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-key',\n styleUrl: 'data-list-key.scss',\n shadow: true,\n})\nexport class DataListKey {\n render() {\n return (\n <dt>\n <slot></slot>\n </dt>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-data-list-value.js CHANGED Viewed

@@ -10,7 +10,7 @@ const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue exten
         this.__attachShadow();
     }
     render() {
-        return (h("dd", { key: '5755547f0e607afed2b044c377086c6e96d68f53' }, h("slot", { key: 'e22f9d6ace1b30e1fdb8f2d137b9358fc878ee41' })));
+        return (h("dd", { key: '1ef5882aa510bef369b06a4d1ade2a130b36fc51' }, h("slot", { key: '912b4beee7c270683b433b2bfdf165c4f69f8665' })));
     }
     static get style() { return UtrechtDataListValueStyle0; }
 }, [1, "utrecht-data-list-value"]);

package/dist/components/utrecht-data-list-value.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list-value.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,qdAAqd,CAAC;AAC/e,mCAAe,gBAAgB;;MCYlB,aAAa;;;;;;IACxB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-value.scss?tag=utrecht-data-list-value&encapsulation=shadow","src/components/data-list-value.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndd {\n @include utrecht-data-list__item-value;\n @include utrecht-data-list__item-value--html-dd;\n @include utrecht-data-list__item-value--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-value',\n styleUrl: 'data-list-value.scss',\n shadow: true,\n})\nexport class DataListValue {\n render() {\n return (\n <dd>\n <slot></slot>\n </dd>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list-value.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,qdAAqd,CAAC;AAC/e,mCAAe,gBAAgB;;MCYlB,aAAa;;;;;;IACxB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-value.scss?tag=utrecht-data-list-value&encapsulation=shadow","src/components/data-list-value.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndd {\n @include utrecht-data-list__item-value;\n @include utrecht-data-list__item-value--html-dd;\n @include utrecht-data-list__item-value--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-value',\n styleUrl: 'data-list-value.scss',\n shadow: true,\n})\nexport class DataListValue {\n render() {\n return (\n <dd>\n <slot></slot>\n </dd>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-data-list.js CHANGED Viewed

@@ -10,7 +10,7 @@ const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("dl", { key: '513d3b6edadcddd86bb7cb0571c8eed33ea1b61a' }, h("slot", { key: 'b5d8164f5d5a8288e1162dd38c76a59c8bf868b5' })));
+        return (h("dl", { key: '4c29ee7ebdd6b36d4bc80a8a2cff306283cb8e3e' }, h("slot", { key: 'cb8365c1d961e6d831ba673248941109ddb132ac' })));
     }
     static get style() { return UtrechtDataListStyle0; }
 }, [1, "utrecht-data-list"]);

package/dist/components/utrecht-data-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gSAAgS,CAAC;AACrT,8BAAe,WAAW;;MCYb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list.scss?tag=utrecht-data-list&encapsulation=shadow","src/components/data-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndl {\n @include utrecht-data-list;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list',\n styleUrl: 'data-list.scss',\n shadow: true,\n})\nexport class DataList {\n render() {\n return (\n <dl>\n <slot></slot>\n </dl>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gSAAgS,CAAC;AACrT,8BAAe,WAAW;;MCYb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list.scss?tag=utrecht-data-list&encapsulation=shadow","src/components/data-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndl {\n @include utrecht-data-list;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list',\n styleUrl: 'data-list.scss',\n shadow: true,\n})\nexport class DataList {\n render() {\n return (\n <dl>\n <slot></slot>\n </dl>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-digid-button.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DigidButton = /*@__PURE__*/ proxyCustomElement(class DigidButton extends H
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'f1212d9f2e58b416ad10adbf9be0f7f13c5ab691', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '422595d281253ee157ea2acd7e5ae014e1ffcf9d', class: "utrecht-digid-button__logo" }), h("slot", { key: '665ad8db0714b47d0565d21f586ad1e8d78d1d72' })));
+        return (h("div", { key: '442b5726839d512e1680666704c019d0af00ac2f', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '65ae43b4cf1d7767e5a27d899e2e32b67cf490af', class: "utrecht-digid-button__logo" }), h("slot", { key: '2541cbfe7a949d209f6f938c32c3465c1d111d91' })));
     }
     static get style() { return UtrechtDigidButtonStyle0; }
 }, [1, "utrecht-digid-button", {

package/dist/components/utrecht-digid-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-digid-button.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,uaAAua,CAAC;AAC/b,iCAAe,cAAc;;MCahB,WAAW;;;;;;;IAEtB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,2EAAoB,KAAK,EAAC,4BAA4B,GAAG,EACzD,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/digid-button.scss?tag=utrecht-digid-button&encapsulation=shadow","src/components/digid-button.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/digid-button-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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-digid-button',\n styleUrl: 'digid-button.scss',\n shadow: true,\n})\nexport class DigidButton {\n @Prop() type: string;\n render() {\n return (\n <div class=\"utrecht-digid-button\">\n <utrecht-digid-logo class=\"utrecht-digid-button__logo\" />\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-digid-button.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,uaAAua,CAAC;AAC/b,iCAAe,cAAc;;MCahB,WAAW;;;;;;;IAEtB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,2EAAoB,KAAK,EAAC,4BAA4B,GAAG,EACzD,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/digid-button.scss?tag=utrecht-digid-button&encapsulation=shadow","src/components/digid-button.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/digid-button-css/src\" as ;\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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-digid-button',\n styleUrl: 'digid-button.scss',\n shadow: true,\n})\nexport class DigidButton {\n @Prop() type: string;\n render() {\n return (\n <div class=\"utrecht-digid-button\">\n <utrecht-digid-logo class=\"utrecht-digid-button__logo\" />\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-document.js CHANGED Viewed

@@ -10,7 +10,7 @@ const Document = /*@__PURE__*/ proxyCustomElement(class Document extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'f808c23ddaa5f7d6d0234c06d3d0ba77ae97b870', class: "utrecht-document" }, h("slot", { key: '63499ba27483d49518259076575bc04a0f72d2d1' })));
+        return (h("div", { key: 'ea16e5aa850d77cb705220441ea7957382024c25', class: "utrecht-document" }, h("slot", { key: 'b59c21fe04ae7e92c27f31898ccf760f8112d31a' })));
     }
     static get style() { return UtrechtDocumentStyle0; }
 }, [1, "utrecht-document"]);

package/dist/components/utrecht-document.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-document.js","mappings":";;AAAA,MAAM,WAAW,GAAG,mrBAAmrB,CAAC;AACxsB,8BAAe,WAAW;;MCMb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/document.scss?tag=utrecht-document&encapsulation=shadow","src/components/document.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@~~import~~ \"~@utrecht/document-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-document',\n styleUrl: 'document.scss',\n shadow: true,\n})\nexport class Document {\n render() {\n return (\n <div class=\"utrecht-document\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-document.js","mappings":";;AAAA,MAAM,WAAW,GAAG,mrBAAmrB,CAAC;AACxsB,8BAAe,WAAW;;MCMb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/document.scss?tag=utrecht-document&encapsulation=shadow","src/components/document.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/document-css/src\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-document',\n styleUrl: 'document.scss',\n shadow: true,\n})\nexport class Document {\n render() {\n return (\n <div class=\"utrecht-document\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-drawer.js CHANGED Viewed

@@ -14,12 +14,12 @@ const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends HTMLElement
     }
     render() {
         const { align, open } = this;
-        return (h("dialog", { key: '74c0651d9d67f1aecc51e60ef7d9921349a2481a', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
+        return (h("dialog", { key: '70b60bf25a815634c39f6e65e78d7d4f35d905d3', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
                 'utrecht-drawer--block-end': align === 'block-end',
                 'utrecht-drawer--block-start': align === 'block-start',
                 'utrecht-drawer--inline-end': align === 'inline-end' || !align,
                 'utrecht-drawer--inline-start': align === 'inline-start',
-            }), open: open }, h("slot", { key: 'f492b473e63c570e4a0f3f802a1c8b453c6b1a30' })));
+            }), open: open }, h("slot", { key: 'b5e6dc87a5fb5139922898e8b615b295febc9323' })));
     }
     async close() {
         var _a;

package/dist/components/utrecht-drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-drawer.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,kvHAAkvH,CAAC;AACrwH,4BAAe,SAAS;;MCaX,MAAM;;;;;;oBAEO,KAAK;;IAI7B,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAC7B,QACE,+DACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,EAC3D,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE;gBAC5B,2BAA2B,EAAE,KAAK,KAAK,WAAW;gBAClD,6BAA6B,EAAE,KAAK,KAAK,aAAa;gBACtD,4BAA4B,EAAE,KAAK,KAAK,YAAY,IAAI,CAAC,KAAK;gBAC9D,8BAA8B,EAAE,KAAK,KAAK,cAAc;aACzD,CAAC,EACF,IAAI,EAAE,IAAI,IAEV,8DAAa,CACN,EACT;KACH;IAGD,MAAM,KAAK;;QACT,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;KAC7B;IAGD,MAAM,SAAS;;;;;;QAKb,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;QAC5B,MAAA,IAAI,CAAC,aAAa,0CAAE,SAAS,EAAE,CAAC;KACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/drawer.scss?tag=utrecht-drawer&encapsulation=shadow","src/components/drawer.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/drawer-css/src\";\n\n:host {\n / Display `contents`: is necessary for the `<dialog>` element to render full height /\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-drawer',\n styleUrl: 'drawer.scss',\n shadow: true,\n})\nexport class Drawer {\n @Prop() align: string;\n @Prop() open: boolean = false;\n\n dialogElement!: HTMLDialogElement;\n\n render() {\n const { align, open } = this;\n return (\n <dialog\n ref={(el) => (this.dialogElement = el as HTMLDialogElement)}\n class={clsx('utrecht-drawer', {\n 'utrecht-drawer--block-end': align === 'block-end',\n 'utrecht-drawer--block-start': align === 'block-start',\n 'utrecht-drawer--inline-end': align === 'inline-end' \|\| !align,\n 'utrecht-drawer--inline-start': align === 'inline-start',\n })}\n open={open}\n >\n <slot></slot>\n </dialog>\n );\n }\n\n @Method()\n async close() {\n this.dialogElement?.close();\n }\n\n @Method()\n async showModal() {\n // Dialog must not be `open` initially, prevent the following error:\n // \"Cannot call showModal() on an open non-modal dialog\"\n // Close the dialog first, to transition from non-modal to modal.\n // Ideally we would't `close()` the dialog when we know the dialog is already modal.\n this.dialogElement?.close();\n this.dialogElement?.showModal();\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-drawer.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,kvHAAkvH,CAAC;AACrwH,4BAAe,SAAS;;MCaX,MAAM;;;;;;oBAEO,KAAK;;IAI7B,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAC7B,QACE,+DACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,EAC3D,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE;gBAC5B,2BAA2B,EAAE,KAAK,KAAK,WAAW;gBAClD,6BAA6B,EAAE,KAAK,KAAK,aAAa;gBACtD,4BAA4B,EAAE,KAAK,KAAK,YAAY,IAAI,CAAC,KAAK;gBAC9D,8BAA8B,EAAE,KAAK,KAAK,cAAc;aACzD,CAAC,EACF,IAAI,EAAE,IAAI,IAEV,8DAAa,CACN,EACT;KACH;IAGD,MAAM,KAAK;;QACT,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;KAC7B;IAGD,MAAM,SAAS;;;;;;QAKb,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;QAC5B,MAAA,IAAI,CAAC,aAAa,0CAAE,SAAS,EAAE,CAAC;KACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/drawer.scss?tag=utrecht-drawer&encapsulation=shadow","src/components/drawer.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/drawer-css/src\" as ;\n\n:host {\n /* Display `contents`: is necessary for the `<dialog>` element to render full height /\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-drawer',\n styleUrl: 'drawer.scss',\n shadow: true,\n})\nexport class Drawer {\n @Prop() align: string;\n @Prop() open: boolean = false;\n\n dialogElement!: HTMLDialogElement;\n\n render() {\n const { align, open } = this;\n return (\n <dialog\n ref={(el) => (this.dialogElement = el as HTMLDialogElement)}\n class={clsx('utrecht-drawer', {\n 'utrecht-drawer--block-end': align === 'block-end',\n 'utrecht-drawer--block-start': align === 'block-start',\n 'utrecht-drawer--inline-end': align === 'inline-end' \|\| !align,\n 'utrecht-drawer--inline-start': align === 'inline-start',\n })}\n open={open}\n >\n <slot></slot>\n </dialog>\n );\n }\n\n @Method()\n async close() {\n this.dialogElement?.close();\n }\n\n @Method()\n async showModal() {\n // Dialog must not be `open` initially, prevent the following error:\n // \"Cannot call showModal() on an open non-modal dialog\"\n // Close the dialog first, to transition from non-modal to modal.\n // Ideally we would't `close()` the dialog when we know the dialog is already modal.\n this.dialogElement?.close();\n this.dialogElement?.showModal();\n }\n}\n"],"version":3}

package/dist/components/utrecht-eherkenning-logo.js CHANGED Viewed

@@ -10,7 +10,7 @@ const EherkenningLogo = /*@__PURE__*/ proxyCustomElement(class EherkenningLogo e
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '8d691c5cf13111a34bb7e7a399c55dd704e73c16', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: '8d92a311fc6240d3ebbc6bf7737755f5e0c113d8', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: '58e9c80d4ecd7916f546ad2d54c6aa271f25e6c1', "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0  c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475  c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064  c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833  c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0  C31.145,23.178,34.26,23.178,37.363,23.178z" }), h("path", { key: '9674cbcb299f2c8e8f48ab84c3aa5e8eeb8646e0', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592  c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), h("path", { key: 'eafda654a6f9f376b741f01be955a554affeef82', "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393  c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76  c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), h("path", { key: '5cc14259666374bf81d26f035dbbcc0663285b9f', "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824  c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), h("path", { key: 'ff4bdb9f2c62b9ff1d52392bb542305634b7983b', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977  c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
+        return (h("svg", { key: '18fef284c9fd0764a852d6b0ca04cf14ab89ab94', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: '2edbab8e0fbe3eeebfe8ae9bdd0298d05da6cf96', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: 'beb44da1c401b109fc153018aef268b0f4d0606e', "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0  c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475  c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064  c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833  c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0  C31.145,23.178,34.26,23.178,37.363,23.178z" }), h("path", { key: '7babfc6b59cd2b2eaa1520490c8f90608ee1f24c', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592  c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), h("path", { key: 'e194e8d05a2631f77e2c22b28a4853309c89ca45', "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393  c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76  c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), h("path", { key: '267b2cfaf0b59b1581856647d206ddb99a5a77e2', "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824  c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), h("path", { key: '79475cef8470cfe7e9aa641ce1fb1344c413d578', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977  c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
     }
     static get style() { return UtrechtEherkenningLogoStyle0; }
 }, [1, "utrecht-eherkenning-logo"]);

package/dist/components/utrecht-eherkenning-logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-eherkenning-logo.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,wXAAwX,CAAC;AACpZ,qCAAe,kBAAkB;;MCapB,eAAe;;;;;;IAC1B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,IAC7F,6DAAM,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EAC9C,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,ykBAAykB,GAC3kB,EACF,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,8JAA8J,GAChK,EACF,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,4RAA4R,GAC9R,EACF,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wKAAwK,GAC1K,EACF,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,0JAA0J,GAC5J,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/eherkenning-logo.scss?tag=utrecht-eherkenning-logo&encapsulation=shadow","src/components/eherkenning-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/icon-css/src\";\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-eherkenning-logo',\n styleUrl: 'eherkenning-logo.scss',\n shadow: true,\n})\nexport class EherkenningLogo {\n render() {\n return (\n <svg class=\"utrecht-icon\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"-1 0 81 80\">\n <rect fill=\"#E0E0E0\" width=\"80\" height=\"80\" />\n <path\n fill-rule=\"evenodd\"\n fill=\"#00328C\"\n d=\"M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0 c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475 c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064 c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833 c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0 C31.145,23.178,34.26,23.178,37.363,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592 c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393 c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76 c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#00328C\"\n d=\"M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824 c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977 c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-eherkenning-logo.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,wXAAwX,CAAC;AACpZ,qCAAe,kBAAkB;;MCapB,eAAe;;;;;;IAC1B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,IAC7F,6DAAM,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EAC9C,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,ykBAAykB,GAC3kB,EACF,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,8JAA8J,GAChK,EACF,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,4RAA4R,GAC9R,EACF,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wKAAwK,GAC1K,EACF,0EACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,0JAA0J,GAC5J,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/eherkenning-logo.scss?tag=utrecht-eherkenning-logo&encapsulation=shadow","src/components/eherkenning-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/icon-css/src\" as ;\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-eherkenning-logo',\n styleUrl: 'eherkenning-logo.scss',\n shadow: true,\n})\nexport class EherkenningLogo {\n render() {\n return (\n <svg class=\"utrecht-icon\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"-1 0 81 80\">\n <rect fill=\"#E0E0E0\" width=\"80\" height=\"80\" />\n <path\n fill-rule=\"evenodd\"\n fill=\"#00328C\"\n d=\"M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0 c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475 c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064 c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833 c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0 C31.145,23.178,34.26,23.178,37.363,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592 c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393 c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76 c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#00328C\"\n d=\"M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824 c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977 c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-eidas-logo.js CHANGED Viewed

@@ -10,7 +10,7 @@ const EidasLogo = /*@__PURE__*/ proxyCustomElement(class EidasLogo extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { key: '67e8d7430415a2aae8fe2ebe9654eec5e25dc8c1', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '747af75fc88be759f117ee9ce49737781abec7c0', d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), h("path", { key: 'ac3b2ecc305bb53778339f425a2f9a3a098d1d40', d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), h("path", { key: 'cc8ec7746402b7837a65cce8a14871c01e7db7d1', d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), h("path", { key: '6a52812343b47cf547a6c0617814f23078e2dd99', d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), h("path", { key: 'e245eddf54cb347da61b89edf6cd101bc2f91580', d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), h("path", { key: '767ed560235cae384ff3ad61b4641b05ccb240e5', d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), h("path", { key: 'f70b59c20fb038ad6fc9c83e87e8d3abffd8058f', d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), h("path", { key: 'e78df8515d8dacac5c41adceb54b48486ba965ac', d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), h("path", { key: '0efe8f4fca329ead9663e221d07f0b641f1db86a', d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
+        return (h("svg", { key: '032d4829370d36a9d61831d83b4f3fd6b1cea8b9', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '235f2e2aa16d74a0d39253ca030c87fd981cc3b2', d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), h("path", { key: 'de9cec32780a8ae8245acb4024c62ef8cfee9b80', d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), h("path", { key: '9ce90bf64f669dc4e62f5d625514e9afb822b333', d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), h("path", { key: '1258d530abc7c869d89e22db646067c7885b690a', d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), h("path", { key: '3e2ea4c0b7c35e09bd4fd8d4d268b7276527511e', d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), h("path", { key: '537f3d87dc40bc0d0cd6cd5dc5065c1befb295ef', d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), h("path", { key: '51f31f19075a8eb1be192acc16bc8f1fb0540200', d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), h("path", { key: '1f3af090677bd810e195a63be7c11961b19380b3', d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), h("path", { key: '305b2f63d29fbbb2873371eb4b78795fca9f1c96', d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
     }
     static get style() { return UtrechtEidasLogoStyle0; }
 }, [1, "utrecht-eidas-logo"]);

package/dist/components/utrecht-eidas-logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-eidas-logo.js","mappings":";;AAAA,MAAM,YAAY,GAAG,wXAAwX,CAAC;AAC9Y,+BAAe,YAAY;;MCad,SAAS;;;;;;IACpB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,6DACE,CAAC,EAAC,6LAA6L,EAC/L,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,OAAO,GACZ,EACF,6DACE,CAAC,EAAC,0hCAA0hC,EAC5hC,IAAI,EAAC,OAAO,GACZ,EACF,6DACE,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/eidas-logo.scss?tag=utrecht-eidas-logo&encapsulation=shadow","src/components/eidas-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/icon-css/src\";\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-eidas-logo',\n styleUrl: 'eidas-logo.scss',\n shadow: true,\n})\nexport class EidasLogo {\n render() {\n return (\n <svg class=\"utrecht-icon\" viewBox=\"0 0 21 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z\"\n fill=\"#2C4375\"\n />\n <path\n d=\"M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984\"\n fill=\"white\"\n />\n <path\n d=\"M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z\"\n fill=\"white\"\n />\n <path\n d=\"M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z\"\n fill=\"#F2CD23\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-eidas-logo.js","mappings":";;AAAA,MAAM,YAAY,GAAG,wXAAwX,CAAC;AAC9Y,+BAAe,YAAY;;MCad,SAAS;;;;;;IACpB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,6DACE,CAAC,EAAC,6LAA6L,EAC/L,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,OAAO,GACZ,EACF,6DACE,CAAC,EAAC,0hCAA0hC,EAC5hC,IAAI,EAAC,OAAO,GACZ,EACF,6DACE,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,6DACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/eidas-logo.scss?tag=utrecht-eidas-logo&encapsulation=shadow","src/components/eidas-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/icon-css/src\" as ;\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-eidas-logo',\n styleUrl: 'eidas-logo.scss',\n shadow: true,\n})\nexport class EidasLogo {\n render() {\n return (\n <svg class=\"utrecht-icon\" viewBox=\"0 0 21 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z\"\n fill=\"#2C4375\"\n />\n <path\n d=\"M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984\"\n fill=\"white\"\n />\n <path\n d=\"M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z\"\n fill=\"white\"\n />\n <path\n d=\"M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z\"\n fill=\"#F2CD23\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-emphasis.js CHANGED Viewed

@@ -10,7 +10,7 @@ const Emphasis = /*@__PURE__*/ proxyCustomElement(class Emphasis extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("em", { key: 'c22073e4a9412dad95a173fcad56872622c47b7c', class: "utrecht-emphasis" }, h("slot", { key: '74887e5669e145bb51ad89f4b0b137ca03c96695' })));
+        return (h("em", { key: '2c3157e48f6842270ee50989cc89c395452828b1', class: "utrecht-emphasis" }, h("slot", { key: '2795f10be01d50b04b91ef969e3230d6d6060e80' })));
     }
     static get style() { return UtrechtEmphasisStyle0; }
 }, [1, "utrecht-emphasis"]);

package/dist/components/utrecht-emphasis.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-emphasis.js","mappings":";;AAAA,MAAM,WAAW,GAAG,iPAAiP,CAAC;AACtQ,8BAAe,WAAW;;MCYb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,2DAAI,KAAK,EAAC,kBAAkB,IAC1B,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/emphasis.scss?tag=utrecht-emphasis&encapsulation=shadow","src/components/emphasis.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/emphasis-css/src\";\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-emphasis',\n styleUrl: 'emphasis.scss',\n shadow: true,\n})\nexport class Emphasis {\n render() {\n return (\n <em class=\"utrecht-emphasis\">\n <slot></slot>\n </em>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-emphasis.js","mappings":";;AAAA,MAAM,WAAW,GAAG,iPAAiP,CAAC;AACtQ,8BAAe,WAAW;;MCYb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,2DAAI,KAAK,EAAC,kBAAkB,IAC1B,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/emphasis.scss?tag=utrecht-emphasis&encapsulation=shadow","src/components/emphasis.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/emphasis-css/src\" as ;\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-emphasis',\n styleUrl: 'emphasis.scss',\n shadow: true,\n})\nexport class Emphasis {\n render() {\n return (\n <em class=\"utrecht-emphasis\">\n <slot></slot>\n </em>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-flex-wrap-fallback.js CHANGED Viewed

@@ -46,7 +46,7 @@ const FlexWrapFallback = /*@__PURE__*/ proxyCustomElement(class FlexWrapFallback
     }
     render() {
         const { contentWraps } = this;
-        return (h("div", { key: '83c37023b9eecc8342d773fb0721770818958a94' }, h("div", { key: 'd185afc26a559f452471e6183a3aa9c4302e16f7', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: '2d52827e5edea6a076c3846235ade554bf619cb9' })), h("div", { key: 'c0e3c32a24784bdd64063d28098a3865fc36af88', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '3eecdfa3acc7a69c0bdf2fde8a9539c746689392', name: "fallback" }))));
+        return (h("div", { key: '577c4f9e8b28f4878c480e3234ab791831dcc61d' }, h("div", { key: 'f481fed7980112b39feaf44c79addf7ef40f0041', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: '50d1597c126923c5a30b3cfa7b2f0d9f142abe04' })), h("div", { key: 'dbba68f67687f9f6c8352165b801abd9299b453e', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '78285632591599445aaca7bed5fe8c896c9105a9', name: "fallback" }))));
     }
     get hostElement() { return this; }
     static get style() { return UtrechtFlexWrapFallbackStyle0; }

package/dist/components/utrecht-form-field-checkbox.js CHANGED Viewed

@@ -37,18 +37,18 @@ const FormFieldCheckbox = /*@__PURE__*/ proxyCustomElement(class FormFieldCheckb
             input.name = name;
             input.value = checked ? value || '' : '';
         }
-        return (h("div", { key: '7265518f80f0130af29119b1ab263bad6972d57d', class: clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {
+        return (h("div", { key: '533fab62d44c2f6eafd1e58aee2e21bd59c4694c', class: clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: 'f0e5dafe658a41a7b46a32274a5fcd3041af6d47', class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, h("label", { key: 'e064334dbcf1f4ec998d12faf365936b5aba9d42', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: '86a5b59fff355fc1472962983c762f6e150c0f19', class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, h("label", { key: '40efc651c8e5b2c3737afd94310137845edfe2d3', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, h("input", { key: '15b4f5e5217fe962298cfeea1e31c693c1552c8b', id: "input", type: "checkbox", class: clsx('utrecht-form-field__input', 'utrecht-checkbox', 'utrecht-checkbox--custom', 'utrecht-checkbox--html-input', {
+            }), htmlFor: "input" }, h("input", { key: 'ae6f73ea9081bb118b6ba2f4da7dd85d35a4e9de', id: "input", type: "checkbox", class: clsx('utrecht-form-field__input', 'utrecht-checkbox', 'utrecht-checkbox--custom', 'utrecht-checkbox--html-input', {
                 'utrecht-checkbox--disabled': disabled,
                 'utrecht-checkbox--invalid': invalid,
                 'utrecht-checkbox--required': required,
             }), "aria-invalid": invalid || undefined, disabled: disabled, required: required, checked: checked, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.checked = evt.target.checked;
                 this.utrechtInput.emit(evt);
-            } }), ' ', label, h("slot", { key: '71619a76ec68689e8b4ac06bf36495383764bb80', name: "label" })), invalid && (h("utrecht-form-field-description", { key: '94319c88090ae3d2c7b9b39889304c7897b4824e', status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, h("slot", { key: 'fbc66084c8d5d258189aa9bff7161d9f5cd9ddbf', name: "error-message" })))), h("utrecht-form-field-description", { key: 'a72db09134635683fd1637aafdc97bcd056c5901', class: "utrecht-form-field__description", id: "description" }, h("slot", { key: 'fb6e2a4ae14b820aa5ed87f2bd684ac63fa57f17', name: "description" })), h("div", { key: '30338d3eebee35ec2bb4570297cd91960630074d', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '7b418c8102f32e432ef2f1d46738340c10b79914', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '775a5a6596ccad32aa32ce7b371a3d980ce8da55', name: "status" })))));
+            } }), ' ', label, h("slot", { key: '9b05fe03cb63b6ae3d04d6b99f50f53bfeb33adf', name: "label" })), invalid && (h("utrecht-form-field-description", { key: '2f58f75feb0c92b85b25e095c059fefc7735a55a', status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, h("slot", { key: '231dedf69badd07a6cf6caa60a3bfc093295ccea', name: "error-message" })))), h("utrecht-form-field-description", { key: '41236e6517bbfbbde0e48fa51bfa79f078e16ef5', class: "utrecht-form-field__description", id: "description" }, h("slot", { key: 'a013a2e14d3275d27ffc05d7ece756f155ccbe93', name: "description" })), h("div", { key: '179a304955920a66edffce334bbfcf15aa129a43', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '72ec000e2491b2b2b7f4e8c9b5726295a316ba62', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '56159cee9a380eca4a5cc84021cddf6fb39b5f41', name: "status" })))));
     }
     get hostElement() { return this; }
     static get style() { return UtrechtFormFieldCheckboxStyle0; }

package/dist/components/utrecht-form-field-checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-form-field-checkbox.js","mappings":"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","names":[],"sources":["src/components/form-field-checkbox.scss?tag=utrecht-form-field-checkbox&encapsulation=shadow","src/components/form-field-checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/form-field-css/src\";\n@~~import~~ \"~@utrecht/form-label-css/src\";\n@~~import~~ \"~@utrecht/form-field-description-css/src\";\n@~~import~~ \"~@utrecht/checkbox-css/src\";\n@~~import~~ \"~@utrecht/custom-checkbox-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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-field-checkbox',\n styleUrl: 'form-field-checkbox.scss',\n shadow: true,\n})\nexport class FormFieldCheckbox {\n @Element() hostElement!: HTMLElement;\n\n @Prop() label: string = '';\n @Prop({ attribute: 'disabled', reflect: true }) disabled: boolean = false;\n @Prop({ attribute: 'checked', reflect: true }) checked: boolean = false;\n @Prop({ attribute: 'invalid', reflect: true }) invalid: boolean = false;\n @Prop({ attribute: 'required', reflect: true }) required: boolean = false;\n @Prop() name: 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 { checked, disabled, hostElement, label, name, invalid, required, value } = this;\n\n let input = hostElement.querySelector('input[type=\"hidden\"]') as HTMLInputElement \| null;\n\n if (input && !name) {\n input.parentNode.removeChild(input);\n }\n\n if (!input && name) {\n input = hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n hostElement.appendChild(input);\n }\n\n if (input && name) {\n input.name = name;\n input.value = checked ? value \|\| '' : '';\n }\n\n return (\n <div\n class={clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {\n 'utrecht-form-field--invalid': invalid,\n })}\n >\n <p class=\"utrecht-form-field__label utrecht-form-field__label--checkbox\">\n <label\n class={clsx('utrecht-form-label', {\n 'utrecht-form-label--disabled': disabled,\n })}\n htmlFor=\"input\"\n >\n <input\n id=\"input\"\n type=\"checkbox\"\n class={clsx(\n 'utrecht-form-field__input',\n 'utrecht-checkbox',\n 'utrecht-checkbox--custom',\n 'utrecht-checkbox--html-input',\n {\n 'utrecht-checkbox--disabled': disabled,\n 'utrecht-checkbox--invalid': invalid,\n 'utrecht-checkbox--required': required,\n },\n )}\n aria-invalid={invalid \|\| undefined}\n disabled={disabled}\n required={required}\n checked={checked}\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.checked = (evt.target as HTMLInputElement).checked;\n this.utrechtInput.emit(evt);\n }}\n />{' '}\n {label}\n <slot name=\"label\"></slot>\n </label>\n {invalid && (\n <utrecht-form-field-description\n status=\"invalid\"\n class=\"utrecht-form-field__description utrecht-form-field__description--invalid\"\n id=\"error-message\"\n >\n <slot name=\"error-message\"></slot>\n </utrecht-form-field-description>\n )}\n </p>\n <utrecht-form-field-description class=\"utrecht-form-field__description\" id=\"description\">\n <slot name=\"description\"></slot>\n </utrecht-form-field-description>\n <div class=\"utrecht-form-field__status\" id=\"status\">\n <div class=\"utrecht-form-field-description utrecht-form-field-description--status\">\n <slot name=\"status\"></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-form-field-checkbox.js","mappings":"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","names":[],"sources":["src/components/form-field-checkbox.scss?tag=utrecht-form-field-checkbox&encapsulation=shadow","src/components/form-field-checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/form-field-css/src\" as ;\n@use \"~@utrecht/form-label-css/src\" as ;\n@use \"~@utrecht/form-field-description-css/src\" as ;\n@use \"~@utrecht/checkbox-css/src\" as ;\n@use \"~@utrecht/custom-checkbox-css/src\" as ;\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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-field-checkbox',\n styleUrl: 'form-field-checkbox.scss',\n shadow: true,\n})\nexport class FormFieldCheckbox {\n @Element() hostElement!: HTMLElement;\n\n @Prop() label: string = '';\n @Prop({ attribute: 'disabled', reflect: true }) disabled: boolean = false;\n @Prop({ attribute: 'checked', reflect: true }) checked: boolean = false;\n @Prop({ attribute: 'invalid', reflect: true }) invalid: boolean = false;\n @Prop({ attribute: 'required', reflect: true }) required: boolean = false;\n @Prop() name: 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 { checked, disabled, hostElement, label, name, invalid, required, value } = this;\n\n let input = hostElement.querySelector('input[type=\"hidden\"]') as HTMLInputElement \| null;\n\n if (input && !name) {\n input.parentNode.removeChild(input);\n }\n\n if (!input && name) {\n input = hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n hostElement.appendChild(input);\n }\n\n if (input && name) {\n input.name = name;\n input.value = checked ? value \|\| '' : '';\n }\n\n return (\n <div\n class={clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {\n 'utrecht-form-field--invalid': invalid,\n })}\n >\n <p class=\"utrecht-form-field__label utrecht-form-field__label--checkbox\">\n <label\n class={clsx('utrecht-form-label', {\n 'utrecht-form-label--disabled': disabled,\n })}\n htmlFor=\"input\"\n >\n <input\n id=\"input\"\n type=\"checkbox\"\n class={clsx(\n 'utrecht-form-field__input',\n 'utrecht-checkbox',\n 'utrecht-checkbox--custom',\n 'utrecht-checkbox--html-input',\n {\n 'utrecht-checkbox--disabled': disabled,\n 'utrecht-checkbox--invalid': invalid,\n 'utrecht-checkbox--required': required,\n },\n )}\n aria-invalid={invalid \|\| undefined}\n disabled={disabled}\n required={required}\n checked={checked}\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.checked = (evt.target as HTMLInputElement).checked;\n this.utrechtInput.emit(evt);\n }}\n />{' '}\n {label}\n <slot name=\"label\"></slot>\n </label>\n {invalid && (\n <utrecht-form-field-description\n status=\"invalid\"\n class=\"utrecht-form-field__description utrecht-form-field__description--invalid\"\n id=\"error-message\"\n >\n <slot name=\"error-message\"></slot>\n </utrecht-form-field-description>\n )}\n </p>\n <utrecht-form-field-description class=\"utrecht-form-field__description\" id=\"description\">\n <slot name=\"description\"></slot>\n </utrecht-form-field-description>\n <div class=\"utrecht-form-field__status\" id=\"status\">\n <div class=\"utrecht-form-field-description utrecht-form-field-description--status\">\n <slot name=\"status\"></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-form-field-error-message.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const formFieldErrorMessageCss = ".utrecht-form-field-error-message{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-error-message-font-size, inherit);font-style:var(--utrecht-form-field-error-message-font-style);line-height:var(--utrecht-form-field-error-message-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}.utrecht-form-field-error-message>*{--utrecht-space-around:1}:host{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-error-message-font-size, inherit);font-style:var(--utrecht-form-field-error-message-font-style);line-height:var(--utrecht-form-field-error-message-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}:host>*{--utrecht-space-around:1}:host([hidden]){display:none !important}";
+const formFieldErrorMessageCss = ":host{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-error-message-font-size, inherit);font-style:var(--utrecht-form-field-error-message-font-style);line-height:var(--utrecht-form-field-error-message-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}:host>*{--utrecht-space-around:1}:host([hidden]){display:none !important}";
 const UtrechtFormFieldErrorMessageStyle0 = formFieldErrorMessageCss;
 const FormFieldErrorMessage = /*@__PURE__*/ proxyCustomElement(class FormFieldErrorMessage extends HTMLElement {
@@ -10,7 +10,7 @@ const FormFieldErrorMessage = /*@__PURE__*/ proxyCustomElement(class FormFieldEr
         this.__attachShadow();
     }
     render() {
-        return h("slot", { key: '7642cbacd380b3e3a0c10cc9164cd421d607118a' });
+        return h("slot", { key: '931cdc46e1006e689b3cf0bab4764d7da323c427' });
     }
     static get style() { return UtrechtFormFieldErrorMessageStyle0; }
 }, [1, "utrecht-form-field-error-message"]);

package/dist/components/utrecht-form-field-error-message.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-form-field-error-message.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,~~4wEAA4wE,~~CAAC;~~AAC9yE~~,2CAAe,wBAAwB;;MCY1B,qBAAqB;;;;;;IAChC,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form-field-error-message.scss?tag=utrecht-form-field-error-message&encapsulation=shadow","src/components/form-field-error-message.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/form-field-error-message-css/src\";\n\n:host {\n @include utrecht-form-field-error-message;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-form-field-error-message',\n styleUrl: 'form-field-error-message.scss',\n shadow: true,\n})\nexport class FormFieldErrorMessage {\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-form-field-error-message.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,+nCAA+nC,CAAC;AACjqC,2CAAe,wBAAwB;;MCY1B,qBAAqB;;;;;;IAChC,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form-field-error-message.scss?tag=utrecht-form-field-error-message&encapsulation=shadow","src/components/form-field-error-message.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/form-field-error-message-css/src/mixin\" as ;\n\n:host {\n @include utrecht-form-field-error-message;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-form-field-error-message',\n styleUrl: 'form-field-error-message.scss',\n shadow: true,\n})\nexport class FormFieldErrorMessage {\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}

package/dist/components/utrecht-form-field-textarea.js CHANGED Viewed

@@ -42,14 +42,14 @@ const FormFieldTextarea = /*@__PURE__*/ proxyCustomElement(class FormFieldTextar
             input.name = name;
             input.value = value || '';
         }
-        return (h("div", { key: 'cec777de54ce322910d51996873422fbbdca96ca', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
+        return (h("div", { key: '0aefc582b69bb0cb3b7e6d0eea0f94ca0050a321', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: 'a3d6405682b62db03c9b199e0e61b746c47ed9f3', class: "utrecht-form-field__label" }, h("label", { key: 'a07ac189672740a83a793a098164f69ea42dcd4a', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: '2bc7157432ea8019b0f7866e380515be6ee92a44', class: "utrecht-form-field__label" }, h("label", { key: 'b2a60329ce4b25cdff1229459096fa7c61292a99', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, label, h("slot", { key: '428b90a47576af81a35ae8d66b6fead6e9901f60', name: "label" }))), h("utrecht-form-field-description", { key: '64a99f6b92e22f7a603ae51fbbfd07928844ef34', id: "description" }, h("slot", { key: 'b13960601fd3d3d9dd6d9cfed6db7d31504c8220', name: "description" })), invalid && (h("utrecht-form-field-description", { key: 'bc9701b6db720c1b233b86de6693f0c55f1cc08f', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: '9f1fac2834ba2bb1bc6a0012b41d05293d7a0417', name: "error-message" }))), h("p", { key: 'e44c3e6317d0fcf562088403c301443c71893fec', class: "utrecht-form-field__input" }, h("textarea", { key: '39cfc14c30125954f77312c4b229780cf89fa5b8', id: "input", class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), "aria-invalid": invalid, cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+            }), htmlFor: "input" }, label, h("slot", { key: '35ea8b5a5ea04a1bd82e65830b4af3c32dfe7cdc', name: "label" }))), h("utrecht-form-field-description", { key: '4697805115647dace329a5aa0fbb8179e216f82f', id: "description" }, h("slot", { key: '2c11a583da7975d8a7ca8bc6a0a3c245aa1aa6fa', name: "description" })), invalid && (h("utrecht-form-field-description", { key: '98f528a112b8635e028c22ea57b23e3169a1af1b', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: 'cf182799df175eec1049903f676d1aa739915463', name: "error-message" }))), h("p", { key: '20c01213288e0b6b894467fc1266055973f03f10', class: "utrecht-form-field__input" }, h("textarea", { key: 'af0ca7715be3c58ab0e3a2563169cf816864990e', id: "input", class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), "aria-invalid": invalid, cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, 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);
-            } }, value)), h("div", { key: '9ba58f2acefdbaaaa776a3b243ba120df6819044', class: "utrecht-form-field__status", id: "status" }, h("div", { key: 'ea134ff87175685e16b444f4229262efc555ddde', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '4eeb7d0d33c6d51288cbcb334e5b0642789dabab', name: "status" })))));
+            } }, value)), h("div", { key: '8125423c6b88bd57a67b74a3a6e754630d62df16', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '6c47a0db5a2b4ec330996d6c1822f9423b3da01c', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: 'a7dfe5d03b69de42b116f3db207d826e4049728b', name: "status" })))));
     }
     get hostElement() { return this; }
     static get style() { return UtrechtFormFieldTextareaStyle0; }

package/dist/components/utrecht-form-field-textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-form-field-textarea.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,6kcAA6kc,CAAC;AAC3mc,uCAAe,oBAAoB;;ACQnC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,iBAAiB,GAAG,CAAC,CAAC;MAOf,iBAAiB;;;;;;;;;oBAEL,iBAAiB;wBACK,KAAK;uBACN,KAAK;qBACzB,EAAE;oBACH,EAAE;wBAC2C,KAAK;2BAC3C,EAAE;wBACa,KAAK;oBAC3B,iBAAiB;qBAChB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEjH,IAAI,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,sBAAsB,CAA4B,CAAC;QAEzF,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;YAClB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACrC;QAED,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE;YAClB,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACzD,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC;YACtB,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAChC;QAED,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;YAClB,KAAK,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;SAC3B;QAED,QACE,4DACE,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,6BAA6B,EAAE;gBAC/D,6BAA6B,EAAE,OAAO;aACvC,CAAC,IAEF,0DAAG,KAAK,EAAC,2BAA2B,IAClC,8DACE,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE;gBAChC,8BAA8B,EAAE,QAAQ;aACzC,CAAC,EACF,OAAO,EAAC,OAAO,IAEd,KAAK,EACN,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACpB,CACN,EACJ,uFAAgC,EAAE,EAAC,aAAa,IAC9C,6DAAM,IAAI,EAAC,aAAa,GAAQ,CACD,EAChC,OAAO,KACN,uFAAgC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,mCAAmC,EAAC,EAAE,EAAC,eAAe,IAC3G,6DAAM,IAAI,EAAC,eAAe,GAAQ,CACH,CAClC,EACD,0DAAG,KAAK,EAAC,2BAA2B,IAClC,iEACE,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,IAAI,CACT,kBAAkB,EAClB,iCAAiC,EACjC,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,2BAA2B,EACtC,QAAQ,IAAI,4BAA4B,CACzC,kBACa,OAAO,EACrB,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,IAAI,EAAE,IAAI,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,EAC9C,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,IAEA,KAAK,CACG,CACT,EACJ,4DAAK,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAC,QAAQ,IACjD,4DAAK,KAAK,EAAC,uEAAuE,IAChF,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form-field-textarea.scss?tag=utrecht-form-field-textarea&encapsulation=shadow","src/components/form-field-textarea.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/form-field-css/src\";\n@~~import~~ \"~@utrecht/form-label-css/src\";\n@~~import~~ \"~@utrecht/form-field-description-css/src\";\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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n tag: 'utrecht-form-field-textarea',\n styleUrl: 'form-field-textarea.scss',\n shadow: true,\n})\nexport class FormFieldTextarea {\n @Element() hostElement!: HTMLElement;\n @Prop() cols: number = HTML_DEFAULT_COLS;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() label: string = '';\n @Prop() name: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop() placeholder: string = '';\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 { cols, disabled, hostElement, invalid, label, name, placeholder, readOnly, required, rows, value } = this;\n\n let input = hostElement.querySelector('input[type=\"hidden\"]') as HTMLInputElement \| null;\n\n if (input && !name) {\n input.parentNode.removeChild(input);\n }\n\n if (!input && name) {\n input = hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n hostElement.appendChild(input);\n }\n\n if (input && name) {\n input.name = name;\n input.value = value \|\| '';\n }\n\n return (\n <div\n class={clsx('utrecht-form-field', 'utrecht-form-field--textbox', {\n 'utrecht-form-field--invalid': invalid,\n })}\n >\n <p class=\"utrecht-form-field__label\">\n <label\n class={clsx('utrecht-form-label', {\n 'utrecht-form-label--disabled': disabled,\n })}\n htmlFor=\"input\"\n >\n {label}\n <slot name=\"label\"></slot>\n </label>\n </p>\n <utrecht-form-field-description id=\"description\">\n <slot name=\"description\"></slot>\n </utrecht-form-field-description>\n {invalid && (\n <utrecht-form-field-description status=\"invalid\" class=\"utrecht-form-field__error-message\" id=\"error-message\">\n <slot name=\"error-message\"></slot>\n </utrecht-form-field-description>\n )}\n <p class=\"utrecht-form-field__input\">\n <textarea\n id=\"input\"\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 aria-invalid={invalid}\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 rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\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 {value}\n </textarea>\n </p>\n <div class=\"utrecht-form-field__status\" id=\"status\">\n <div class=\"utrecht-form-field-description utrecht-form-field-description--status\">\n <slot name=\"status\"></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-form-field-textarea.js","mappings":"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","names":[],"sources":["src/components/form-field-textarea.scss?tag=utrecht-form-field-textarea&encapsulation=shadow","src/components/form-field-textarea.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/form-field-css/src\" as ;\n@use \"~@utrecht/form-label-css/src\" as ;\n@use \"~@utrecht/form-field-description-css/src\" as ;\n@use \"~@utrecht/textarea-css/src\" as ;\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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n tag: 'utrecht-form-field-textarea',\n styleUrl: 'form-field-textarea.scss',\n shadow: true,\n})\nexport class FormFieldTextarea {\n @Element() hostElement!: HTMLElement;\n @Prop() cols: number = HTML_DEFAULT_COLS;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() label: string = '';\n @Prop() name: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop() placeholder: string = '';\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 { cols, disabled, hostElement, invalid, label, name, placeholder, readOnly, required, rows, value } = this;\n\n let input = hostElement.querySelector('input[type=\"hidden\"]') as HTMLInputElement \| null;\n\n if (input && !name) {\n input.parentNode.removeChild(input);\n }\n\n if (!input && name) {\n input = hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n hostElement.appendChild(input);\n }\n\n if (input && name) {\n input.name = name;\n input.value = value \|\| '';\n }\n\n return (\n <div\n class={clsx('utrecht-form-field', 'utrecht-form-field--textbox', {\n 'utrecht-form-field--invalid': invalid,\n })}\n >\n <p class=\"utrecht-form-field__label\">\n <label\n class={clsx('utrecht-form-label', {\n 'utrecht-form-label--disabled': disabled,\n })}\n htmlFor=\"input\"\n >\n {label}\n <slot name=\"label\"></slot>\n </label>\n </p>\n <utrecht-form-field-description id=\"description\">\n <slot name=\"description\"></slot>\n </utrecht-form-field-description>\n {invalid && (\n <utrecht-form-field-description status=\"invalid\" class=\"utrecht-form-field__error-message\" id=\"error-message\">\n <slot name=\"error-message\"></slot>\n </utrecht-form-field-description>\n )}\n <p class=\"utrecht-form-field__input\">\n <textarea\n id=\"input\"\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 aria-invalid={invalid}\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 rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\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 {value}\n </textarea>\n </p>\n <div class=\"utrecht-form-field__status\" id=\"status\">\n <div class=\"utrecht-form-field-description utrecht-form-field-description--status\">\n <slot name=\"status\"></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-form-field-textbox.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { c as clsx } from './clsx.js';
 import { d as defineCustomElement$2 } from './form-field-description.js';
-const formFieldTextboxCss = ".utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width, 0);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end, 12px);grid-template-areas:\"input label\" \"input description\" \"input error-message\";grid-template-columns:var(--utrecht-checkbox-size) 100fr;}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px)))}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-checkbox-margin-inline-end, 12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-radio-button-margin-inline-end, 12px);grid-template-areas:\"input label\" \"input description\" \"input error-message\";grid-template-columns:var(--utrecht-radio-button-size) 100fr;}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-radio-button-size) + var(--utrecht-radio-button-margin-inline-end, 12px)))}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-radio-button-margin-inline-end, 12px)}.utrecht-form-field__input{margin-block-end:0;margin-block-start:0;grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:error-message;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}.utrecht-form-field__error-message{grid-area:error-message;order:3}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{color:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style);line-height:var(--utrecht-form-field-description-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--distanced{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}.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);z-index:1}.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-textbox--html-input: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);z-index:1}.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 formFieldTextboxCss = ".utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width, 0);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end, 12px);grid-template-areas:\"input label\" \"input description\" \"input error-message\";grid-template-columns:var(--utrecht-checkbox-size) 100fr;}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px)))}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-checkbox-margin-inline-end, 12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-radio-button-margin-inline-end, 12px);grid-template-areas:\"input label\" \"input description\" \"input error-message\";grid-template-columns:var(--utrecht-radio-button-size) 100fr;}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-radio-button-size) + var(--utrecht-radio-button-margin-inline-end, 12px)))}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-radio-button-margin-inline-end, 12px)}.utrecht-form-field__input{margin-block-end:0;margin-block-start:0;grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:error-message;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}.utrecht-form-field__error-message{grid-area:error-message;order:3}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{color:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style);line-height:var(--utrecht-form-field-description-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--distanced{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}.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);z-index:1}.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-textbox--html-input: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);z-index:1}.utrecht-textbox--html-input:user-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 UtrechtFormFieldTextboxStyle0 = formFieldTextboxCss;
 const FormFieldTextbox = /*@__PURE__*/ proxyCustomElement(class FormFieldTextbox extends HTMLElement {
@@ -44,14 +44,14 @@ const FormFieldTextbox = /*@__PURE__*/ proxyCustomElement(class FormFieldTextbox
             input.name = name;
             input.value = value || '';
         }
-        return (h("div", { key: 'c090a869092abec0630e756ee19fcd30e335d2c8', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
+        return (h("div", { key: '61d070cc71d0725fcc563fbf6928240551840fd3', class: clsx('utrecht-form-field', 'utrecht-form-field--textbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: 'f274897a079478facb3acacb371ba3332f60e7dc', class: "utrecht-form-field__label" }, h("label", { key: 'f68cfd0cc55585dae91bce92a13de711430961a9', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: '860e11803b61bb792e4a30fd4e811c350fabf5b6', class: "utrecht-form-field__label" }, h("label", { key: 'c15362821db15eceab4bc33be3edf3bcd519969d', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, label, h("slot", { key: '08aa7d40ef4d2c3b1b677fb520592a4d0af5529f', name: "label" }))), h("utrecht-form-field-description", { key: '08ab3afb09b3163d2ea8a48a8c7a13f2458b6582', id: "description" }, h("slot", { key: '60338c41dc3ce7856346a22bf0e09d252a5efbdc', name: "description" })), invalid && (h("utrecht-form-field-description", { key: '3570c86b8c3ba92dd7fbb9f32d0121b04911d17a', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: '6e2ac0a358e860556a368cff07d1687765538c2b', name: "error-message" }))), h("p", { key: 'f8dea2c3a9b9ac8611c9276f18623e89cb36b1f8', class: "utrecht-form-field__input" }, h("input", { key: '587a0be0dec1c9de86234e2b1f6898b6d9406843', id: "input", class: clsx('utrecht-form-field__input', '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, "aria-describedby": clsx('description', 'status', { 'error-message': invalid }), "aria-invalid": invalid, dir: "auto", disabled: disabled, 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) => {
+            }), htmlFor: "input" }, label, h("slot", { key: 'e1d693725e5102860daeb5c50600041cbdf84663', name: "label" }))), h("utrecht-form-field-description", { key: '9f6b5de8e8b2142837c98f675e3c50e24ae57311', id: "description" }, h("slot", { key: '30038c6a7ed9fd343a251bd027c73b305b82a06c', name: "description" })), invalid && (h("utrecht-form-field-description", { key: '10f864c03eafde621b4a415e5013b6e7096c042b', status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, h("slot", { key: '6fb399393bb89b5c5587fb23485767265d758ee9', name: "error-message" }))), h("p", { key: '24e1f3264747fbe8bb4ec39d9241a2d1d72ad3f2', class: "utrecht-form-field__input" }, h("input", { key: '3d62616f92c5661ccd45a5557e5f9efae63b8e91', id: "input", class: clsx('utrecht-form-field__input', '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, "aria-describedby": clsx('description', 'status', { 'error-message': invalid }), "aria-invalid": invalid, dir: "auto", disabled: disabled, 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);
-            } })), h("div", { key: 'd2dcb3f4dd9b36ccf1537f451e0a87e7bbf701d9', class: "utrecht-form-field__status", id: "status" }, h("div", { key: 'bf895ff5118e0ed6f9390ab1f8664df1484fa9a3', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '50f0129c9ef48476bbd69549ae017012ca05023e', name: "status" })))));
+            } })), h("div", { key: '6bc77d8ffb26dfd91e5ab15bf05181a437c6eae0', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '96024de38b130e3b17f56975faba1e7966222d83', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '54da1e5b6c8ca69d61795881d0d8676713da5c0e', name: "status" })))));
     }
     get hostElement() { return this; }
     static get style() { return UtrechtFormFieldTextboxStyle0; }