npm - @utrecht/web-component-library-stencil - Versions diffs - 2.2.0 → 3.0.1 - Mend

@utrecht/web-component-library-stencil 2.2.0 → 3.0.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 (1455) hide show

package/dist/components/utrecht-data-badge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"utrecht-data-badge.js","mappings":";;AAAA,MAAM,YAAY,GAAG,q7CAAq7C,CAAC;AAC38C,+BAAe,YAAY;;MCYd,SAAS;;;;;;IACpB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-badge.scss?tag=utrecht-data-badge&encapsulation=shadow","src/components/data-badge.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-badge-css/src/index\";\n\n:host {\n display: inline-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, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-badge',\n styleUrl: 'data-badge.scss',\n shadow: true,\n})\nexport class DataBadge {\n render() {\n return (\n <div class=\"utrecht-data-badge\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -3,14 +3,14 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const dataListActionsCss = ":host{display:contents}dd{margin-inline-start:0;align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}:host([hidden]){display:none !important}";
 const UtrechtDataListActionsStyle0 = dataListActionsCss;
-const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue extends HTMLElement {
+const DataListActions = /*@__PURE__*/ proxyCustomElement(class DataListActions extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
     }
     render() {
-        return (h("dd", { key: 'e44c9b8b5310a92b7fa9dba628eecdb69c3d053b' }, h("slot", { key: 'c535c25d9b16724e7a9d04fee94c6e3d9cd515b3' })));
+        return (h("dd", { key: '71e53bcab1c43e7d863de4dba88c8bd94e7626f9' }, h("slot", { key: '714227d8b3889201c50e6dd514702aa89d83ec8f' })));
     }
     static get style() { return UtrechtDataListActionsStyle0; }
 }, [1, "utrecht-data-list-actions"]);
@@ -22,13 +22,13 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "utrecht-data-list-actions":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, DataListValue);
+                customElements.define(tagName, DataListActions);
             }
             break;
     } });
 }
-const UtrechtDataListActions = DataListValue;
+const UtrechtDataListActions = DataListActions;
 const defineCustomElement = defineCustomElement$1;
 export { UtrechtDataListActions, defineCustomElement };

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

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list-actions.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,~~aAAa~~;;;;;;~~IACxB~~,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-actions.scss?tag=utrecht-data-list-actions&encapsulation=shadow","src/components/data-list-actions.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndd {\n @include utrecht-data-list__actions;\n @include utrecht-data-list__actions--html-dd;\n @include utrecht-data-list__actions--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-actions',\n styleUrl: 'data-list-actions.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-actions.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,eAAe;;;;;;IAC1B,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/data-list-actions.scss?tag=utrecht-data-list-actions&encapsulation=shadow","src/components/data-list-actions.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__actions;\n @include utrecht-data-list__actions--html-dd;\n @include utrecht-data-list__actions--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-actions',\n styleUrl: 'data-list-actions.scss',\n shadow: true,\n})\nexport class DataListActions {\n render() {\n return (\n <dd>\n <slot></slot>\n </dd>\n );\n }\n}\n"],"version":3}

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) 2021 ~~Robbert~~ ~~Broersma~~\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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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@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}

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

@@ -3,14 +3,14 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const dataListKeyCss = ":host{display:contents}dt{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}:host([hidden]){display:none !important}";
 const UtrechtDataListKeyStyle0 = dataListKeyCss;
-const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue extends HTMLElement {
+const DataListKey = /*@__PURE__*/ proxyCustomElement(class DataListKey extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
     }
     render() {
-        return (h("dt", { key: '77b30edc6063d09aeddc15a98f053967bf1fac48' }, h("slot", { key: '2b380dcdb0e79e99ddc88cf921f4927b28f12edf' })));
+        return (h("dt", { key: 'b12f59c08538b72655429f0debf24022737cb050' }, h("slot", { key: 'da0a0be491760b552387b9389fb01becbdc59957' })));
     }
     static get style() { return UtrechtDataListKeyStyle0; }
 }, [1, "utrecht-data-list-key"]);
@@ -22,13 +22,13 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "utrecht-data-list-key":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, DataListValue);
+                customElements.define(tagName, DataListKey);
             }
             break;
     } });
 }
-const UtrechtDataListKey = DataListValue;
+const UtrechtDataListKey = DataListKey;
 const defineCustomElement = defineCustomElement$1;
 export { UtrechtDataListKey, defineCustomElement };

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,~~aAAa~~;;;;;;~~IACxB~~,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) 2021 ~~Robbert~~ ~~Broersma~~\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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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 ~~DataListValue~~ {\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@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}

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) 2021 ~~Robbert~~ ~~Broersma~~\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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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@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}

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) 2021 ~~Robbert~~ ~~Broersma~~\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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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@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}

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: 'ddb035f2a001d3196853bdbb8196e5fca2d7b078', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: 'eab0c827e672602fce12318bfe8d330a982d6212', class: "utrecht-digid-button__logo" }), h("slot", { key: 'f6e0ab5a148ec779fbd9e2e8855e683290381403' })));
+        return (h("div", { key: 'e7d1dc537e61280200d578eb38f5420b4619ec77', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '63478652d22ff3f9e99987182578f8a335143860', class: "utrecht-digid-button__logo" }), h("slot", { key: '8af7bb8d870f149e0f44ea3e440490a15ac4e2ae' })));
     }
     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;;~~MCYhB~~,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) 2021 ~~Robbert~~ ~~Broersma~~\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) 2021 ~~Rijksoverheid~~\n * Copyright (c) 2021 ~~Robbert Broersma~~\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@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}

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) 2021 ~~Robbert~~ ~~Broersma~~\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@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}

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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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@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}

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: '76e9ab6db62f64b6557d4ac5b204cdf1bc5c5395', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: 'd48e6c46f99eab91eceeff4ecf94fbaabfd54263', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: '69fa1925294335f77f618dca3728dfebfee59aa2', "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: 'b9f2d0ecbafafca9a4395c164bb199cfe51815c6', "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: 'f04734ef6004a3b6045da1686e1fb65a26510731', "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: 'c2d3aa6bd768330e955365604e7220c306af3e8c', "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: '538b27eb32f91fa04287a89f89e6f7e024ada4de', "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: '7d0ba9b4c9e90dd29a0397fefff4bc5921175d7a', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: 'be90b3bb7cf8195dcc20f8f9cfa456e795c1a8d7', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: 'b52376096afcb3f9c62c8918d5dd7eaf920e0423', "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: '4a32a52d2ae8fcb35be8308af4ca5a5f704b1706', "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: '0c6c7d3cb7a506c4f968ab22a73d291d463405bc', "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: 'b710a173a067bf0c6eccaae330aee2aba5708aa9', "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: 'e72f2992594601ea10262c6e188aabf7a5651a44', "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;;~~MCYpB~~,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) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/icon/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) 2021 ~~Rijksoverheid~~\n * Copyright (c) 2021 ~~Robbert Broersma~~\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@import \"~@utrecht/icon/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}

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: '8b27862d7a1dc7cfd756a2449a8e70ff17229019', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ffec2ad23f699797d61032e7f78342635ccd6313', 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: '9d1ae1a4d5d4c1369f7fcbddfb3958dd39b94be1', 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: '0e91aaa716496525e621aa5ccbc57a717b423737', 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: '25f5268bee2ea885cc2099e6ec8e8222ccffc739', 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: '1d3d7c7ea74212b9d3d1cfaff5036cbdb96ac8fc', 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: '7e80b44e96e959ff97411e692dc68ce77622de79', 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: 'a468f734dd083257ab43d12c7e0428448c077f1d', 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: 'dc575c2a2ecc1aab72d6d678f03fdeb046933314', 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: '2fdf972329eab3008b0c680fddf069027dfacfd2', 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: '6dd367336aaa0f277ac983cd313ef9481bc07158', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cc88cfaf7103b73df56a662802901913961d24e5', 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: 'ea068c17dcb1e87528eeaf4fd386120d4590b017', 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: 'fe2a7a43254448d4b4a92c90622658e15cdc7514', 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: '7e8d49786fe2db280121a31124fd6ad4a850d1ec', 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: '890b7c986e6152266a7e3ba4df98f41088df794f', 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: 'a801c282db9daeecf41fa66e86ed469dd1e53507', 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: '8c7951b8c4a435408ff6a0ed0d77cc349df9d820', 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: '7638ce28f9d6193b2616ad21bf5e56fc71501035', 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: '34c8fdf12bd10a28dad1590f7732d86ebc65ae00', 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;;~~MCYd~~,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) 2021 ~~Robbert~~ ~~Broersma~~\n /\n\n@import \"~@utrecht/icon/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) 2021 ~~Rijksoverheid~~\n * Copyright (c) 2021 ~~Robbert Broersma~~\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@import \"~@utrecht/icon/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}

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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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@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}

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

	@@ -1 +1 @@
1	- {"file":"utrecht-flex-wrap-fallback.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,kQAAkQ,CAAC;AAC/R,sCAAe,mBAAmB;;ACOlC;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAW;;IACjC,MAAM,GAAG,GAAG,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,aAAa,0CAAE,WAAW,CAAC;IAE3C,MAAM,KAAK,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAExC,IAAI,KAAK,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAK,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,MAAM,EAAE;;QAE3G,OAAO,EAAE,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;KAC7G;SAAM;QACL,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC;MAOW,gBAAgB;;;;;;;;;IAQ3B,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC;;;gBAGvC,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,IAAI,CAAC,UAAU,EAAE,GAAG,cAAc,CAAC;gBAC7E,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;gBACjE,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;gBACvC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC;aACpE,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC/C;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,cAAc,0CAAE,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAClD;IACD,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,QACE,8DACE,4DACE,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,uCACL,YAAY,GAAG,6CAA6C,GAAG,EACjE,EAAE,gBACU,YAAY,iBACX,YAAY,IAEzB,8DAAa,CACT,EACN,4DACE,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,wCACL,YAAY,GAAG,EAAE,GAAG,8CACtB,EAAE,gBACU,CAAC,YAAY,EACzB,MAAM,EAAE,CAAC,YAAY,IAErB,6DAAM,IAAI,EAAC,UAAU,GAAQ,CACzB,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/flex-wrap-fallback.scss?tag=utrecht-flex-wrap-fallback&encapsulation=shadow","src/components/flex-wrap-fallback.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-flex-wrap-fallback__content--hidden,\n.utrecht-flex-wrap-fallback__fallback--hidden {\n block-size: 0;\n opacity: 0%;\n outline: 0;\n overflow: hidden;\n pointer-events: none;\n position: relative;\n user-select: none;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~n /\n\nimport { Component, Element, h, Prop, State } from '@stencil/core';\n\n/\n Checks if an element has `flex-wrap: wrap` and the content wraps over multiple lines\n /\nconst hasFlexboxWrap = (el: Element) => {\n const win = el?.ownerDocument?.defaultView;\n\n const style = win?.getComputedStyle(el);\n\n if (style && style.getPropertyValue('flex-wrap') === 'wrap' && style.getPropertyValue('display') === 'flex') {\n // TODO: Account for writing-mode vertical\n return el.firstElementChild.getBoundingClientRect().top !== el.lastElementChild.getBoundingClientRect().top;\n } else {\n return false;\n }\n};\n\n@Component({\n tag: 'utrecht-flex-wrap-fallback',\n styleUrl: 'flex-wrap-fallback.scss',\n shadow: true,\n})\nexport class FlexWrapFallback {\n @Element() hostElement: HTMLElement;\n\n / ID reference for element with `display: flex;` or `display: inline-flex` and `flex-wrap: wrap` */\n @Prop({ attribute: 'flextarget', reflect: true }) flexTarget?: string;\n @State() resizeObserver: ResizeObserver;\n @State() contentWraps: boolean;\n\n connectedCallback() {\n if (!this.resizeObserver) {\n this.resizeObserver = new ResizeObserver(() => {\n // TODO: Support updating `flextarget` attribute, switch ResizeObserver to match\n // TODO: Escape ID selector CSS query\n const cssSelector = this.flexTarget ? `#${this.flexTarget}` : ':not([slot])';\n const flexTargetEl = this.hostElement.querySelector(cssSelector);\n console.log(cssSelector, flexTargetEl);\n this.contentWraps = !!flexTargetEl && hasFlexboxWrap(flexTargetEl);\n });\n }\n\n this.resizeObserver.observe(this.hostElement);\n }\n\n disconnectedCallback() {\n this.resizeObserver?.unobserve(this.hostElement);\n }\n render() {\n const { contentWraps } = this;\n return (\n <div>\n <div\n id=\"wrap\"\n class={`utrecht-flex-wrap-fallback__content ${\n contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''\n }`}\n data-inert={contentWraps}\n aria-hidden={contentWraps}\n >\n <slot></slot>\n </div>\n <div\n id=\"nowrap\"\n class={`utrecht-flex-wrap-fallback__fallback ${\n contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'\n }`}\n data-inert={!contentWraps}\n hidden={!contentWraps}\n >\n <slot name=\"fallback\"></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-flex-wrap-fallback.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,kQAAkQ,CAAC;AAC/R,sCAAe,mBAAmB;;ACOlC;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAW;;IACjC,MAAM,GAAG,GAAG,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,aAAa,0CAAE,WAAW,CAAC;IAE3C,MAAM,KAAK,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAExC,IAAI,KAAK,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAK,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,MAAM,EAAE;;QAE3G,OAAO,EAAE,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;KAC7G;SAAM;QACL,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC;MAOW,gBAAgB;;;;;;;;;IAQ3B,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC;;;gBAGvC,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,IAAI,CAAC,UAAU,EAAE,GAAG,cAAc,CAAC;gBAC7E,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;gBACjE,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;gBACvC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC;aACpE,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC/C;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,cAAc,0CAAE,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAClD;IACD,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,QACE,8DACE,4DACE,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,uCACL,YAAY,GAAG,6CAA6C,GAAG,EACjE,EAAE,gBACU,YAAY,iBACX,YAAY,IAEzB,8DAAa,CACT,EACN,4DACE,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,wCACL,YAAY,GAAG,EAAE,GAAG,8CACtB,EAAE,gBACU,CAAC,YAAY,EACzB,MAAM,EAAE,CAAC,YAAY,IAErB,6DAAM,IAAI,EAAC,UAAU,GAAQ,CACzB,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/flex-wrap-fallback.scss?tag=utrecht-flex-wrap-fallback&encapsulation=shadow","src/components/flex-wrap-fallback.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:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-flex-wrap-fallback__content--hidden,\n.utrecht-flex-wrap-fallback__fallback--hidden {\n block-size: 0;\n opacity: 0%;\n outline: 0;\n overflow: hidden;\n pointer-events: none;\n position: relative;\n user-select: none;\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, h, Prop, State } from '@stencil/core';\n\n/\n Checks if an element has `flex-wrap: wrap` and the content wraps over multiple lines\n /\nconst hasFlexboxWrap = (el: Element) => {\n const win = el?.ownerDocument?.defaultView;\n\n const style = win?.getComputedStyle(el);\n\n if (style && style.getPropertyValue('flex-wrap') === 'wrap' && style.getPropertyValue('display') === 'flex') {\n // TODO: Account for writing-mode vertical\n return el.firstElementChild.getBoundingClientRect().top !== el.lastElementChild.getBoundingClientRect().top;\n } else {\n return false;\n }\n};\n\n@Component({\n tag: 'utrecht-flex-wrap-fallback',\n styleUrl: 'flex-wrap-fallback.scss',\n shadow: true,\n})\nexport class FlexWrapFallback {\n @Element() hostElement: HTMLElement;\n\n / ID reference for element with `display: flex;` or `display: inline-flex` and `flex-wrap: wrap` */\n @Prop({ attribute: 'flextarget', reflect: true }) flexTarget?: string;\n @State() resizeObserver: ResizeObserver;\n @State() contentWraps: boolean;\n\n connectedCallback() {\n if (!this.resizeObserver) {\n this.resizeObserver = new ResizeObserver(() => {\n // TODO: Support updating `flextarget` attribute, switch ResizeObserver to match\n // TODO: Escape ID selector CSS query\n const cssSelector = this.flexTarget ? `#${this.flexTarget}` : ':not([slot])';\n const flexTargetEl = this.hostElement.querySelector(cssSelector);\n console.log(cssSelector, flexTargetEl);\n this.contentWraps = !!flexTargetEl && hasFlexboxWrap(flexTargetEl);\n });\n }\n\n this.resizeObserver.observe(this.hostElement);\n }\n\n disconnectedCallback() {\n this.resizeObserver?.unobserve(this.hostElement);\n }\n render() {\n const { contentWraps } = this;\n return (\n <div>\n <div\n id=\"wrap\"\n class={`utrecht-flex-wrap-fallback__content ${\n contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''\n }`}\n data-inert={contentWraps}\n aria-hidden={contentWraps}\n >\n <slot></slot>\n </div>\n <div\n id=\"nowrap\"\n class={`utrecht-flex-wrap-fallback__fallback ${\n contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'\n }`}\n data-inert={!contentWraps}\n hidden={!contentWraps}\n >\n <slot name=\"fallback\"></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-form-field-checkbox.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 formFieldCheckboxCss = ".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 description-invalid\";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 description-invalid\";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:description-invalid;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-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-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert);-webkit-user-select:none;user-select:none}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--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)}.utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius, 0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--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)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}";
+const formFieldCheckboxCss = ".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-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert);-webkit-user-select:none;user-select:none}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--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-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--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-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius, 0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--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-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--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-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtFormFieldCheckboxStyle0 = formFieldCheckboxCss;
 const FormFieldCheckbox = /*@__PURE__*/ proxyCustomElement(class FormFieldCheckbox extends HTMLElement {
@@ -37,18 +37,18 @@ const FormFieldCheckbox = /*@__PURE__*/ proxyCustomElement(class FormFieldCheckb
             input.name = name;
             input.value = checked ? value || '' : '';
         }
-        return (h("div", { key: '255edb363025b65fa34adccdeaeb997f2f7fc5e2', class: clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {
+        return (h("div", { key: '5c52f3cf9cdd58dbc576ff731f1a8fa0fc09a9b0', class: clsx('utrecht-form-field', 'utrecht-form-field--checkbox', {
                 'utrecht-form-field--invalid': invalid,
-            }) }, h("p", { key: '088554968fcd160899fd6a60ff0059d8551903fd', class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, h("label", { key: 'ae5a7a77df04a396504fe29f522d36981a4f19d1', class: clsx('utrecht-form-label', {
+            }) }, h("p", { key: '9fdacb28d94d70a083a24279ed19038cd94f3ed5', class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, h("label", { key: '9065bf22f99385698063967910fb8d0e8de2bbe2', class: clsx('utrecht-form-label', {
                 'utrecht-form-label--disabled': disabled,
-            }), htmlFor: "input" }, h("input", { key: '9d9872f101688ca90a18690566f5e1c1a82ab7ee', id: "input", type: "checkbox", class: clsx('utrecht-form-field__input', 'utrecht-checkbox', 'utrecht-checkbox--custom', 'utrecht-checkbox--html-input', {
+            }), htmlFor: "input" }, h("input", { key: '8bfd91c2891fc760d78507d132f3523892158673', 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: '83102abf922ead5fc31698454cc02cb55dff1601', name: "label" })), invalid && (h("utrecht-form-field-description", { key: '983c265bbcc6029d39435ff475fed1c7d85b1912', status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, h("slot", { key: 'b193bc1205e22b76870b2b9cce16b4da32234f75', name: "error-message" })))), h("utrecht-form-field-description", { key: '29ab21d84ace365e4b35835ded53f79fbad553fc', class: "utrecht-form-field__description", id: "description" }, h("slot", { key: 'df1e535f2c1f22f1bd19774a7b863cff2607c4e8', name: "description" })), h("div", { key: '81fe696e5ff1af23ec7e4a353b3629d41209528c', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '0270696c8d9ef8450ce17a97efb7c8d3f233e788', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '3f04db3c43d1671fd65a60cffd4d8a3768f045da', name: "status" })))));
+            } }), ' ', label, h("slot", { key: '5b314917ca1a22f716835e233090d55d8efa5823', name: "label" })), invalid && (h("utrecht-form-field-description", { key: '3eccd7b718c96222f7994e8a8fd18576b385fefc', status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, h("slot", { key: 'cc943efca11de4fa8f0e9922998ec1732e472fdb', name: "error-message" })))), h("utrecht-form-field-description", { key: 'd6ecfffd5a884edb5d5e51a6aae268611f47701e', class: "utrecht-form-field__description", id: "description" }, h("slot", { key: '7eabecc360f0f57be76627b4ee7de4dc045c2fe3', name: "description" })), h("div", { key: '8029a4f260348aef4a4a796fc986b5ee11daa9be', class: "utrecht-form-field__status", id: "status" }, h("div", { key: '73a688219b34fd548bcf271114cb317f83038d78', class: "utrecht-form-field-description utrecht-form-field-description--status" }, h("slot", { key: '02926cc52d99cc163383db20ecec35aa18e6aaea', 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":";;;;AAAA,MAAM,oBAAoB,GAAG,~~6/gBAA6/gB~~,CAAC;~~AAC3hhB~~,uCAAe,oBAAoB;;~~MCYtB~~,iBAAiB;;;;;;;;;qBAGJ,EAAE;wBAC0C,KAAK;uBACP,KAAK;uBACL,KAAK;wBACH,KAAK;oBAClD,EAAE;qBACD,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEvF,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,OAAO,GAAG,KAAK,IAAI,EAAE,GAAG,EAAE,CAAC;SAC1C;QAED,QACE,4DACE,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,8BAA8B,EAAE;gBAChE,6BAA6B,EAAE,OAAO;aACvC,CAAC,IAEF,0DAAG,KAAK,EAAC,+DAA+D,IACtE,8DACE,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE;gBAChC,8BAA8B,EAAE,QAAQ;aACzC,CAAC,EACF,OAAO,EAAC,OAAO,IAEf,8DACE,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CACT,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,8BAA8B,EAC9B;gBACE,4BAA4B,EAAE,QAAQ;gBACtC,2BAA2B,EAAE,OAAO;gBACpC,4BAA4B,EAAE,QAAQ;aACvC,CACF,kBACa,OAAO,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;gBACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EAAC,GAAG,EACL,KAAK,EACN,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACpB,EACP,OAAO,KACN,uFACE,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,0EAA0E,EAChF,EAAE,EAAC,eAAe,IAElB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CACH,CAClC,CACC,EACJ,uFAAgC,KAAK,EAAC,iCAAiC,EAAC,EAAE,EAAC,aAAa,IACtF,6DAAM,IAAI,EAAC,aAAa,GAAQ,CACD,EACjC,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-checkbox.scss?tag=utrecht-form-field-checkbox&encapsulation=shadow","src/components/form-field-checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 ~~Robbert~~ ~~Broersma~~\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) 2021 ~~Robbert~~ ~~Broersma~~\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":";;;;AAAA,MAAM,oBAAoB,GAAG,slhBAAslhB,CAAC;AACpnhB,uCAAe,oBAAoB;;MCatB,iBAAiB;;;;;;;;;qBAGJ,EAAE;wBAC0C,KAAK;uBACP,KAAK;uBACL,KAAK;wBACH,KAAK;oBAClD,EAAE;qBACD,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEvF,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,OAAO,GAAG,KAAK,IAAI,EAAE,GAAG,EAAE,CAAC;SAC1C;QAED,QACE,4DACE,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,8BAA8B,EAAE;gBAChE,6BAA6B,EAAE,OAAO;aACvC,CAAC,IAEF,0DAAG,KAAK,EAAC,+DAA+D,IACtE,8DACE,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE;gBAChC,8BAA8B,EAAE,QAAQ;aACzC,CAAC,EACF,OAAO,EAAC,OAAO,IAEf,8DACE,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CACT,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,8BAA8B,EAC9B;gBACE,4BAA4B,EAAE,QAAQ;gBACtC,2BAA2B,EAAE,OAAO;gBACpC,4BAA4B,EAAE,QAAQ;aACvC,CACF,kBACa,OAAO,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;gBACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EAAC,GAAG,EACL,KAAK,EACN,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACpB,EACP,OAAO,KACN,uFACE,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,0EAA0E,EAChF,EAAE,EAAC,eAAe,IAElB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CACH,CAClC,CACC,EACJ,uFAAgC,KAAK,EAAC,iCAAiC,EAAC,EAAE,EAAC,aAAa,IACtF,6DAAM,IAAI,EAAC,aAAa,GAAQ,CACD,EACjC,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-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}

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

@@ -10,7 +10,7 @@ const FormFieldErrorMessage = /*@__PURE__*/ proxyCustomElement(class FormFieldEr
         this.__attachShadow();
     }
     render() {
-        return h("slot", { key: 'ec32be975f0c1e38014af8419c615b68c5b734c5' });
+        return h("slot", { key: 'c7c3252a520e82ab2bbae93335ca3deb8035e36f' });
     }
     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;;~~MCW1B~~,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-~~2022~~ ~~Gemeente~~ ~~Utrecht\~~n * Copyright (c) ~~2020~~-~~2022~~ ~~Frameless~~ ~~B.V.\~~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) 2021 ~~Robbert~~ ~~Broersma~~\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,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}