npm - @utrecht/web-component-library-stencil - Versions diffs - 1.2.1 → 1.3.0 - Mend

@utrecht/web-component-library-stencil 1.2.1 → 1.3.0

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 (3160) hide show

package/dist/components/utrecht-custom-checkbox.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.m.js';
+import { c as clsx } from './clsx.js';
 const customCheckboxCss = ".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 UtrechtCustomCheckboxStyle0 = customCheckboxCss;
 const CustomCheckbox = /*@__PURE__*/ proxyCustomElement(class CustomCheckbox extends HTMLElement {
     constructor() {
@@ -16,9 +17,9 @@ const CustomCheckbox = /*@__PURE__*/ proxyCustomElement(class CustomCheckbox ext
     }
     render() {
         const { checked, required, disabled, indeterminate, invalid } = this;
-        return (h("input", { "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
+        return (h("input", { key: 'c790e5d1fdeb20885145825cc86ca10b48cac44e', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
     }
-    static get style() { return customCheckboxCss; }
+    static get style() { return UtrechtCustomCheckboxStyle0; }
 }, [1, "utrecht-custom-checkbox", {
         "disabled": [4],
         "checked": [4],

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

	@@ -1 +1 @@
1	- {"file":"utrecht-custom-checkbox.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,y3UAAy3U;;~~MCat4U~~,cAAc;;;;;;;;;;;IAMzB,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,QACE,~~6BACgB~~,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/custom-checkbox.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","src/components/custom-checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\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, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-custom-checkbox',\n styleUrl: 'custom-checkbox.scss',\n shadow: true,\n})\nexport class CustomCheckbox {\n @Prop() disabled?: boolean;\n @Prop() checked?: boolean;\n @Prop() indeterminate?: boolean;\n @Prop() invalid?: boolean;\n @Prop() required?: boolean;\n render() {\n const { checked, required, disabled, indeterminate, invalid } = this;\n return (\n <input\n aria-invalid={invalid ? 'true' : null}\n class={clsx(\n 'utrecht-custom-checkbox',\n 'utrecht-custom-checkbox--html-input',\n invalid && 'utrecht-custom-checkbox__box--invalid',\n )}\n type=\"checkbox\"\n checked={checked}\n required={required}\n indeterminate={indeterminate}\n disabled={disabled}\n />\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-custom-checkbox.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,y3UAAy3U,CAAC;AACp5U,oCAAe,iBAAiB;;MCYnB,cAAc;;;;;;;;;;;IAMzB,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,QACE,8EACgB,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/custom-checkbox.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","src/components/custom-checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n /\n\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, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-custom-checkbox',\n styleUrl: 'custom-checkbox.scss',\n shadow: true,\n})\nexport class CustomCheckbox {\n @Prop() disabled?: boolean;\n @Prop() checked?: boolean;\n @Prop() indeterminate?: boolean;\n @Prop() invalid?: boolean;\n @Prop() required?: boolean;\n render() {\n const { checked, required, disabled, indeterminate, invalid } = this;\n return (\n <input\n aria-invalid={invalid ? 'true' : null}\n class={clsx(\n 'utrecht-custom-checkbox',\n 'utrecht-custom-checkbox--html-input',\n invalid && 'utrecht-custom-checkbox__box--invalid',\n )}\n type=\"checkbox\"\n checked={checked}\n required={required}\n indeterminate={indeterminate}\n disabled={disabled}\n />\n );\n }\n}\n"],"version":3}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 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 {
     constructor() {
@@ -9,9 +10,9 @@ const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue exten
         this.__attachShadow();
     }
     render() {
-        return (h("dd", null, h("slot", null)));
+        return (h("dd", { key: '68f2211773e0d435b80554b1be3bcceda5d2eec8' }, h("slot", { key: 'ee0c986fa01377c3dd9f3b270d4c8af1f327e066' })));
     }
-    static get style() { return dataListActionsCss; }
+    static get style() { return UtrechtDataListActionsStyle0; }
 }, [1, "utrecht-data-list-actions"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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;;~~MCa7L~~,aAAa;;;;;;IACxB,MAAM;QACJ,QACE,~~cACE~~,~~eAAa~~,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,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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 const dataListItemCss = ":host{display:contents}div{page-break-inside:avoid;--_utrecht-minmax:max(\n    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),\n    var(--utrecht-data-list-rows-column-inline-size, 80%)\n  );--_utrecht-auto-col:minmax(var(--_utrecht-minmax), max-content);border-block-end-color:var(--utrecht-data-list-rows-border-bottom-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-data-list-rows-border-bottom-width, 0);column-gap:var(--utrecht-data-list-rows-gap);display:grid;grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit, var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start);padding-block-end:var(--utrecht-data-list-rows-item-padding-block-end);padding-block-start:var(--utrecht-data-list-rows-item-padding-block-start);row-gap:0}:host([hidden]){display:none !important}";
+const UtrechtDataListItemStyle0 = dataListItemCss;
 const DataListItem = /*@__PURE__*/ proxyCustomElement(class DataListItem extends HTMLElement {
     constructor() {
@@ -9,9 +10,9 @@ const DataListItem = /*@__PURE__*/ proxyCustomElement(class DataListItem extends
         this.__attachShadow();
     }
     render() {
-        return (h("div", null, h("slot", null)));
+        return (h("div", { key: 'ee144632c959aeb0d297d917717c24ab5a507e26' }, h("slot", { key: '6773c9d5c424a991005766510c88ed008bd081ee' })));
     }
-    static get style() { return dataListItemCss; }
+    static get style() { return UtrechtDataListItemStyle0; }
 }, [1, "utrecht-data-list-item"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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;;~~MCar3B~~,YAAY;;;;;;IACvB,MAAM;QACJ,QACE,~~eACE~~,~~eAAQ~~,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) 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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 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 {
     constructor() {
@@ -9,9 +10,9 @@ const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue exten
         this.__attachShadow();
     }
     render() {
-        return (h("dt", null, h("slot", null)));
+        return (h("dt", { key: '90757070a61fd82137461bb83175d46972d61f9d' }, h("slot", { key: 'e92e2e4868186eef4d1e1882c7ab2d7f9f11143c' })));
     }
-    static get style() { return dataListKeyCss; }
+    static get style() { return UtrechtDataListKeyStyle0; }
 }, [1, "utrecht-data-list-key"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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;;~~MCatS~~,aAAa;;;;;;IACxB,MAAM;QACJ,QACE,~~cACE~~,~~eAAa~~,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,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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 const dataListValueCss = ":host{display:contents}dd{color:var(--utrecht-data-list-item-value-color);font-size:var(--utrecht-data-list-item-value-font-size);font-weight:var(--utrecht-data-list-item-value-font-weight);line-height:var(--utrecht-data-list-item-value-line-height);min-block-size:calc(var(--utrecht-data-list-item-value-line-height) * 1rem);margin-inline-start:0;margin-block-start:var(--utrecht-data-list-rows-item-value-margin-block-start)}:host([hidden]){display:none !important}";
+const UtrechtDataListValueStyle0 = dataListValueCss;
 const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue extends HTMLElement {
     constructor() {
@@ -9,9 +10,9 @@ const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue exten
         this.__attachShadow();
     }
     render() {
-        return (h("dd", null, h("slot", null)));
+        return (h("dd", { key: 'a13f3052668e36aae749bf738b0dd555770b1d0e' }, h("slot", { key: '3669dcdd49f012746ab05066f93edbcde15970ae' })));
     }
-    static get style() { return dataListValueCss; }
+    static get style() { return UtrechtDataListValueStyle0; }
 }, [1, "utrecht-data-list-value"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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;;~~MCaje~~,aAAa;;;;;;IACxB,MAAM;QACJ,QACE,~~cACE~~,~~eAAa~~,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) 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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 const dataListCss = ":host{display:contents}dl{display:block;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-data-list-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-data-list-margin-block-start, 0))}:host([hidden]){display:none !important}";
+const UtrechtDataListStyle0 = dataListCss;
 const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLElement {
     constructor() {
@@ -9,9 +10,9 @@ const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("dl", null, h("slot", null)));
+        return (h("dl", { key: 'f223645b581a5c8d6b194b8e9ca69877383112e8' }, h("slot", { key: '20780396477a4347dd916249fca5b45eb6ddd8c6' })));
     }
-    static get style() { return dataListCss; }
+    static get style() { return UtrechtDataListStyle0; }
 }, [1, "utrecht-data-list"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gSAAgS;;~~MCavS~~,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,~~cACE~~,~~eAAa~~,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) 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}

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

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { d as defineCustomElement$2 } from './digid-logo.js';
 const digidButtonCss = ".utrecht-digid-button{--utrecht-button-min-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-inline-size:var(--utrecht-digid-button-block-size, 50px);block-size:var(--utrecht-digid-button-block-size, 50px);display:inline-flex;gap:var(--utrecht-space-inline-sm)}:host{display:block}:host([hidden]){display:none !important}";
+const UtrechtDigidButtonStyle0 = digidButtonCss;
 const DigidButton = /*@__PURE__*/ proxyCustomElement(class DigidButton extends HTMLElement {
     constructor() {
@@ -11,9 +12,9 @@ const DigidButton = /*@__PURE__*/ proxyCustomElement(class DigidButton extends H
         this.type = undefined;
     }
     render() {
-        return (h("div", { class: "utrecht-digid-button" }, h("utrecht-digid-logo", { class: "utrecht-digid-button__logo" }), h("slot", null)));
+        return (h("div", { key: 'ecfb79329b3f94db24eef1385a1b9d1b15611217', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: 'f15212932bd7d86d173b91ea3afa63fbec73c141', class: "utrecht-digid-button__logo" }), h("slot", { key: 'ced08d49c2d267b28be5a1f4168d2f8c3ee9d579' })));
     }
-    static get style() { return digidButtonCss; }
+    static get style() { return UtrechtDigidButtonStyle0; }
 }, [1, "utrecht-digid-button", {
         "type": [1]
     }]);

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

	@@ -1 +1 @@
1	- {"file":"utrecht-digid-button.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,uaAAua;;~~MCajb~~,WAAW;;;;;;;IAEtB,MAAM;QACJ,QACE,~~WAAK~~,KAAK,EAAC,sBAAsB,IAC/B,~~0BAAoB~~,KAAK,EAAC,4BAA4B,GAAG,EACzD,~~eAAa~~,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;;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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 const documentCss = ".utrecht-document{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.utrecht-document :lang(ar){letter-spacing:0 !important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}:host{display:block}:host([hidden]){display:none !important}";
+const UtrechtDocumentStyle0 = documentCss;
 const Document = /*@__PURE__*/ proxyCustomElement(class Document extends HTMLElement {
     constructor() {
@@ -9,9 +10,9 @@ const Document = /*@__PURE__*/ proxyCustomElement(class Document extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("div", { class: "utrecht-document" }, h("slot", null)));
+        return (h("div", { key: 'be18a2c99bc791af1137423662c75c84d8169267', class: "utrecht-document" }, h("slot", { key: '76f35358437a46b7de48f27b54545e033870b38b' })));
     }
-    static get style() { return documentCss; }
+    static get style() { return UtrechtDocumentStyle0; }
 }, [1, "utrecht-document"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

	@@ -1 +1 @@
1	- {"file":"utrecht-document.js","mappings":";;AAAA,MAAM,WAAW,GAAG,omBAAomB;;~~MCO3mB~~,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,~~WAAK~~,KAAK,EAAC,kBAAkB,IAC3B,~~eAAa~~,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,omBAAomB,CAAC;AACznB,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}

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

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.m.js';
+import { c as clsx } from './clsx.js';
 const drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:contents}:host([hidden]){display:none !important}";
+const UtrechtDrawerStyle0 = drawerCss;
 const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends HTMLElement {
     constructor() {
@@ -13,12 +14,12 @@ const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends HTMLElement
     }
     render() {
         const { align, open } = this;
-        return (h("dialog", { ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
+        return (h("dialog", { key: '6767d8b4cb212e56257eb1ecd9be0df88476fbd7', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
                 'utrecht-drawer--block-end': align === 'block-end',
                 'utrecht-drawer--block-start': align === 'block-start',
                 'utrecht-drawer--inline-end': align === 'inline-end' || !align,
                 'utrecht-drawer--inline-start': align === 'inline-start',
-            }), open: open }, h("slot", null)));
+            }), open: open }, h("slot", { key: '2dea76a210acfcb5bc0de8126d29ab77999ea306' })));
     }
     async close() {
         var _a;
@@ -33,7 +34,7 @@ const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends HTMLElement
         (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.close();
         (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.showModal();
     }
-    static get style() { return drawerCss; }
+    static get style() { return UtrechtDrawerStyle0; }
 }, [1, "utrecht-drawer", {
         "align": [1],
         "open": [4],

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

	@@ -1 +1 @@
1	- {"file":"utrecht-drawer.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,kvHAAkvH;;~~MCcvvH~~,MAAM;;;;;;oBAEO,KAAK;;IAI7B,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAC7B,QACE,~~cACE,~~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,~~eAAa~~,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-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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 const eherkenningLogoCss = ".utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}:host{display:inline}:host([hidden]){display:none !important}";
+const UtrechtEherkenningLogoStyle0 = eherkenningLogoCss;
 const EherkenningLogo = /*@__PURE__*/ proxyCustomElement(class EherkenningLogo extends HTMLElement {
     constructor() {
@@ -9,9 +10,9 @@ const EherkenningLogo = /*@__PURE__*/ proxyCustomElement(class EherkenningLogo e
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { fill: "#E0E0E0", width: "80", height: "80" }), h("path", { "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", { "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", { "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", { "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", { "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: '9cdc853752f5e66f8561517c1a8fa04e4b3f4692', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("rect", { key: '5f8462b4f0b0b83e928a7cc6e210060123123846', fill: "#E0E0E0", width: "80", height: "80" }), h("path", { key: '9bb70d897578c604e65f96d10f250f5fa5238ebb', "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: '5d0b37410a40be16f15f1a6ddff369c00a981012', "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: '1a906a59e48a01c4d14fbbf1a40ba9ab67e61fda', "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: '2f71bf5483c1b2844bc664d0744bd411b5f7a07f', "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: '12c182a3e75fdd797146bb1ba5928b6032b3c887', "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 eherkenningLogoCss; }
+    static get style() { return UtrechtEherkenningLogoStyle0; }
 }, [1, "utrecht-eherkenning-logo"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

	@@ -1 +1 @@
1	- {"file":"utrecht-eherkenning-logo.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,wXAAwX;;~~MCatY~~,eAAe;;;;;;IAC1B,MAAM;QACJ,QACE,~~WAAK~~,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,IAC7F,~~YAAM~~,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EAC9C,~~yBACY~~,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,ykBAAykB,GAC3kB,EACF,~~yBACY~~,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,8JAA8J,GAChK,EACF,~~yBACY~~,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,4RAA4R,GAC9R,EACF,~~yBACY~~,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wKAAwK,GAC1K,EACF,~~yBACY~~,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;;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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 const eidasLogoCss = ".utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}:host{display:inline}:host([hidden]){display:none !important}";
+const UtrechtEidasLogoStyle0 = eidasLogoCss;
 const EidasLogo = /*@__PURE__*/ proxyCustomElement(class EidasLogo extends HTMLElement {
     constructor() {
@@ -9,9 +10,9 @@ const EidasLogo = /*@__PURE__*/ proxyCustomElement(class EidasLogo extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h("svg", { class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { 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", { 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", { 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", { 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", { 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", { 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", { 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", { 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", { 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: 'a49b768c09a7428c31e92ec68ee575529a1e9c97', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '28c920cc9483649ba7de128e6484010dfbdb9523', 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: '9434289a3c6908f27ceae9c18ebfc4a9edb209ca', 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: '0123e4e1d68f20e26081e6d7d97fb56ace315a6d', 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: '601a63054af8d162e80d11b957dc3d27697ef218', 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: 'cbd04bc4118f8ea855f9e5c3359d394a3cd84f0a', 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: '8d47f699d6ba6500b9e996801fbf87e36a517312', 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: '465a761fd6f26a6d7c97b742bb81cd762d7aad4c', 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: '363f8c14883800fbb8d82734a07c37f2df737a0d', 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: '68cfbbbd069f4db233f7a70c0fc9ebf66e359e67', 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 eidasLogoCss; }
+    static get style() { return UtrechtEidasLogoStyle0; }
 }, [1, "utrecht-eidas-logo"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

	@@ -1 +1 @@
1	- {"file":"utrecht-eidas-logo.js","mappings":";;AAAA,MAAM,YAAY,GAAG,wXAAwX;;~~MCahY~~,SAAS;;;;;;IACpB,MAAM;QACJ,QACE,~~WAAK~~,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,~~YACE~~,CAAC,EAAC,6LAA6L,EAC/L,IAAI,EAAC,SAAS,GACd,EACF,~~YACE~~,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,OAAO,GACZ,EACF,~~YACE~~,CAAC,EAAC,0hCAA0hC,EAC5hC,IAAI,EAAC,OAAO,GACZ,EACF,~~YACE~~,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GACd,EACF,~~YACE~~,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,~~YACE~~,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,SAAS,GACd,EACF,~~YACE~~,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,~~YACE~~,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,~~YACE~~,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;;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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 const emphasisCss = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}:host{display:inline}:host([hidden]){display:none !important}";
+const UtrechtEmphasisStyle0 = emphasisCss;
 const Emphasis = /*@__PURE__*/ proxyCustomElement(class Emphasis extends HTMLElement {
     constructor() {
@@ -9,9 +10,9 @@ const Emphasis = /*@__PURE__*/ proxyCustomElement(class Emphasis extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("em", { class: "utrecht-emphasis" }, h("slot", null)));
+        return (h("em", { key: '483636635d74fcf9e64ac1a3eea65a3f64185200', class: "utrecht-emphasis" }, h("slot", { key: '63468a0a7e120aa8ea13a949e137a1d18e797747' })));
     }
-    static get style() { return emphasisCss; }
+    static get style() { return UtrechtEmphasisStyle0; }
 }, [1, "utrecht-emphasis"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

	@@ -1 +1 @@
1	- {"file":"utrecht-emphasis.js","mappings":";;AAAA,MAAM,WAAW,GAAG,iPAAiP;;~~MCaxP~~,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,~~UAAI~~,KAAK,EAAC,kBAAkB,IAC1B,~~eAAa~~,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-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}

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 const flexWrapFallbackCss = ":host{display:block}:host([hidden]){display:none !important}.utrecht-flex-wrap-fallback__content--hidden,.utrecht-flex-wrap-fallback__fallback--hidden{block-size:0;opacity:0%;outline:0;overflow:hidden;pointer-events:none;position:relative;user-select:none}";
+const UtrechtFlexWrapFallbackStyle0 = flexWrapFallbackCss;
 /**
  * Checks if an element has `flex-wrap: wrap` and the content wraps over multiple lines
@@ -45,10 +46,10 @@ const FlexWrapFallback = /*@__PURE__*/ proxyCustomElement(class FlexWrapFallback
     }
     render() {
         const { contentWraps } = this;
-        return (h("div", null, h("div", { id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", null)), h("div", { id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { name: "fallback" }))));
+        return (h("div", { key: '62ea3994b527fac3e69a2f4c99476383948e6d7a' }, h("div", { key: 'd59010b979e90700cccaf4deb2772844d50a4dec', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: 'eff4ddc9ccc424d861dfda7479be5f6686f95f4e' })), h("div", { key: 'c9e0cf29b7858976a67eb4d6a1e12d2e352c9b80', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '93d05078e717c77db89ac3c0bf14e8ee88549a4d', name: "fallback" }))));
     }
     get hostElement() { return this; }
-    static get style() { return flexWrapFallbackCss; }
+    static get style() { return UtrechtFlexWrapFallbackStyle0; }
 }, [1, "utrecht-flex-wrap-fallback", {
         "flexTarget": [513, "flextarget"],
         "resizeObserver": [32],

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;;~~ACQ9R~~;;;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,~~eACE~~,~~WACE~~,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,uCACL,YAAY,GAAG,6CAA6C,GAAG,EACjE,EAAE,gBACU,YAAY,iBACX,YAAY,IAEzB,~~eAAa~~,CACT,EACN,~~WACE~~,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,wCACL,YAAY,GAAG,EAAE,GAAG,8CACtB,EAAE,gBACU,CAAC,YAAY,EACzB,MAAM,EAAE,CAAC,YAAY,IAErB,~~YAAM~~,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-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}