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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-593361c2.js';
 import { c as clsx } from './clsx-eca3fadc.js';
 
-const sidenavCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__link:focus{--_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-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:\"\";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:\"\";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
+const sidenavCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__link: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-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:\"\";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:\"\";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}";
 const UtrechtSidenavStyle0 = sidenavCss;
 
 const Sidenav = class {
@@ -11,7 +11,7 @@ const Sidenav = class {
     }
     render() {
         const items = JSON.parse(this.json);
-        return (h("nav", { key: 'e48eec1d5144b488f9eda3bd8f231de26e7886ea', class: "utrecht-sidenav" }, h("ul", { key: 'b51cc2fb8f33173d8778b171cbab8d8c772815c3', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
+        return (h("nav", { key: '6bfceb00700dbdb72e7ad653e0e76f573637128c', class: "utrecht-sidenav" }, h("ul", { key: '028906ed07a3f6ff5b1bc5e2ae6b5e2710618d6e', class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (h("li", { key: href, class: clsx('utrecht-sidenav__item', index + 1 === array.length && 'utrecht-sidenav__item--last', sibling && 'utrecht-sidenav__item--sibling', haschildren && 'utrecht-sidenav__item--parent') }, h("a", { class: clsx('utrecht-sidenav__link', current && 'utrecht-sidenav__link--current', focus && 'utrecht-sidenav__link--focus', sibling && 'utrecht-sidenav__link--sibling', haschildren && 'utrecht-sidenav__link--parent'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current') }), h("div", { class: clsx('utrecht-sidenav__connection', haschildren && 'utrecht-sidenav__connection--parent', sibling && 'utrecht-sidenav__connection--sibling', index + 1 === array.length && 'utrecht-sidenav__connection--last') }), title), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx('utrecht-sidenav__link', 'utrecht-sidenav__link--child', current && 'utrecht-sidenav__link--current', current && 'utrecht-sidenav__link--current-child', focus && 'utrecht-sidenav__link--focus'), href: href }, h("div", { class: clsx('utrecht-sidenav__marker', 'utrecht-sidenav__marker--child', current && 'utrecht-sidenav__marker--current', current && 'utrecht-sidenav__marker--current-child') }), title)))))) : (''), h("div", { class: "utrecht-sidenav__item-separator" })))))));
     }
 };
 Sidenav.style = UtrechtSidenavStyle0;

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

@@ -1 +1 @@
-{"file":"utrecht-sidenav.entry.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,m5MAAm5M,CAAC;AACv6M,6BAAe,UAAU;;MCaZ,OAAO;;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,MACvF,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,IAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI,IAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI,EACN,KAAK,CACJ,EACH,QAAQ,IACP,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5C,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI,IAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;","names":[],"sources":["src/components/sidenav.scss?tag=utrecht-sidenav&encapsulation=shadow","src/components/sidenav.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/navigatie sidenav/src\";\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, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-sidenav',\n  styleUrl: 'sidenav.scss',\n  shadow: true,\n})\nexport class Sidenav {\n  @Prop() json: string;\n\n  render() {\n    const items = JSON.parse(this.json);\n\n    return (\n      <nav class=\"utrecht-sidenav\">\n        <ul class=\"utrecht-sidenav__list\">\n          {items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (\n            <li\n              key={href}\n              class={clsx(\n                'utrecht-sidenav__item',\n                index + 1 === array.length && 'utrecht-sidenav__item--last',\n                sibling && 'utrecht-sidenav__item--sibling',\n                haschildren && 'utrecht-sidenav__item--parent',\n              )}\n            >\n              <a\n                class={clsx(\n                  'utrecht-sidenav__link',\n                  current && 'utrecht-sidenav__link--current',\n                  focus && 'utrecht-sidenav__link--focus',\n                  sibling && 'utrecht-sidenav__link--sibling',\n                  haschildren && 'utrecht-sidenav__link--parent',\n                )}\n                href={href}\n              >\n                <div class={clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current')}></div>\n                <div\n                  class={clsx(\n                    'utrecht-sidenav__connection',\n                    haschildren && 'utrecht-sidenav__connection--parent',\n                    sibling && 'utrecht-sidenav__connection--sibling',\n                    index + 1 === array.length && 'utrecht-sidenav__connection--last',\n                  )}\n                ></div>\n                {title}\n              </a>\n              {children ? (\n                <ul class=\"utrecht-sidenav__list utrecht-sidenav__list--child\">\n                  {children.map(({ href, title, current, focus }) => (\n                    <li key={href} class=\"utrecht-sidenav__item utrecht-sidenav__item--child\">\n                      <a\n                        class={clsx(\n                          'utrecht-sidenav__link',\n                          'utrecht-sidenav__link--child',\n                          current && 'utrecht-sidenav__link--current',\n                          current && 'utrecht-sidenav__link--current-child',\n                          focus && 'utrecht-sidenav__link--focus',\n                        )}\n                        href={href}\n                      >\n                        <div\n                          class={clsx(\n                            'utrecht-sidenav__marker',\n                            'utrecht-sidenav__marker--child',\n                            current && 'utrecht-sidenav__marker--current',\n                            current && 'utrecht-sidenav__marker--current-child',\n                          )}\n                        ></div>\n                        {title}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              ) : (\n                ''\n              )}\n              <div class=\"utrecht-sidenav__item-separator\"></div>\n            </li>\n          ))}\n        </ul>\n      </nav>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-sidenav.entry.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,q0MAAq0M,CAAC;AACz1M,6BAAe,UAAU;;MCaZ,OAAO;;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,MACvF,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,IAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI,IAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI,EACN,KAAK,CACJ,EACH,QAAQ,IACP,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5C,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI,IAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;","names":[],"sources":["src/components/sidenav.scss?tag=utrecht-sidenav&encapsulation=shadow","src/components/sidenav.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/navigatie sidenav/src\";\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, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-sidenav',\n  styleUrl: 'sidenav.scss',\n  shadow: true,\n})\nexport class Sidenav {\n  @Prop() json: string;\n\n  render() {\n    const items = JSON.parse(this.json);\n\n    return (\n      <nav class=\"utrecht-sidenav\">\n        <ul class=\"utrecht-sidenav__list\">\n          {items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (\n            <li\n              key={href}\n              class={clsx(\n                'utrecht-sidenav__item',\n                index + 1 === array.length && 'utrecht-sidenav__item--last',\n                sibling && 'utrecht-sidenav__item--sibling',\n                haschildren && 'utrecht-sidenav__item--parent',\n              )}\n            >\n              <a\n                class={clsx(\n                  'utrecht-sidenav__link',\n                  current && 'utrecht-sidenav__link--current',\n                  focus && 'utrecht-sidenav__link--focus',\n                  sibling && 'utrecht-sidenav__link--sibling',\n                  haschildren && 'utrecht-sidenav__link--parent',\n                )}\n                href={href}\n              >\n                <div class={clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current')}></div>\n                <div\n                  class={clsx(\n                    'utrecht-sidenav__connection',\n                    haschildren && 'utrecht-sidenav__connection--parent',\n                    sibling && 'utrecht-sidenav__connection--sibling',\n                    index + 1 === array.length && 'utrecht-sidenav__connection--last',\n                  )}\n                ></div>\n                {title}\n              </a>\n              {children ? (\n                <ul class=\"utrecht-sidenav__list utrecht-sidenav__list--child\">\n                  {children.map(({ href, title, current, focus }) => (\n                    <li key={href} class=\"utrecht-sidenav__item utrecht-sidenav__item--child\">\n                      <a\n                        class={clsx(\n                          'utrecht-sidenav__link',\n                          'utrecht-sidenav__link--child',\n                          current && 'utrecht-sidenav__link--current',\n                          current && 'utrecht-sidenav__link--current-child',\n                          focus && 'utrecht-sidenav__link--focus',\n                        )}\n                        href={href}\n                      >\n                        <div\n                          class={clsx(\n                            'utrecht-sidenav__marker',\n                            'utrecht-sidenav__marker--child',\n                            current && 'utrecht-sidenav__marker--current',\n                            current && 'utrecht-sidenav__marker--current-child',\n                          )}\n                        ></div>\n                        {title}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              ) : (\n                ''\n              )}\n              <div class=\"utrecht-sidenav__item-separator\"></div>\n            </li>\n          ))}\n        </ul>\n      </nav>\n    );\n  }\n}\n"],"version":3}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -8,7 +8,7 @@ const TableHeader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a3afaf40d9a6f8613b0ec7fe6176c19c645a3eaf', role: "rowgroup" }, h("slot", { key: 'e41fa337bf8edf696f4db78c8052a81a86a1ea83' })));
+        return (h(Host, { key: 'c3d76e48e96e3102b0c7fd920b73b876a84cd984', role: "rowgroup" }, h("slot", { key: '903bd18ccb7eca8f97d79d5750a2b159bb5f7b70' })));
     }
 };
 TableHeader.style = UtrechtTableHeaderStyle0;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-593361c2.js';
 import { c as clsx } from './clsx-eca3fadc.js';
 
-const textareaCss = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
+const textareaCss = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtTextareaStyle0 = textareaCss;
 
 /**
@@ -36,10 +36,10 @@ const Textarea = class {
     }
     render() {
         const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;
-        return (h("textarea", { key: 'ecbb953f52def943bd2c1f48abd487b0b492bd56', autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("textarea", { key: '70ca302a0586da5c18138aaae6254fa610df27d2', autoComplete: autocomplete || null, class: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly'), cols: cols !== HTML_DEFAULT_COLS ? cols : null, disabled: disabled, dir: "auto", placeholder: placeholder || null, readonly: readOnly, required: required, spellcheck: spellcheck || null, rows: rows !== HTML_DEFAULT_ROWS ? rows : null, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
-            } }, h("slot", { key: '7e585eee731e3adb46a23bb91501f3901c938dcb' })));
+            } }, h("slot", { key: 'd8903c29142abaeab63836348c9db2dbd2e55a79' })));
     }
 };
 Textarea.style = UtrechtTextareaStyle0;

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

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

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-593361c2.js';
 import { c as clsx } from './clsx-eca3fadc.js';
 
-const textboxCss = ".utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(\n    calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +\n      var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +\n      var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +\n      var(--utrecht-textbox-autocomplete-ui-size, 44px)\n  );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}";
+const textboxCss = ".utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(\n    calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +\n      var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +\n      var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +\n      var(--utrecht-textbox-autocomplete-ui-size, 44px)\n  );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(\n    --utrecht-textbox-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtTextboxStyle0 = textboxCss;
 
 const Textbox = class {
@@ -25,7 +25,7 @@ const Textbox = class {
     }
     render() {
         const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;
-        return (h("input", { key: 'dbf482bf20605e291828578461031ce19ddc4233', class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("input", { key: 'beee9d66d1a2168c840b74a516559b939deb8f28', class: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly'), type: type || 'text', autoComplete: autoComplete ? autoComplete : null, disabled: disabled, dir: "auto", min: typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null, max: typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null, pattern: pattern ? pattern : null, placeholder: placeholder || null, readonly: readOnly, required: required, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.value = evt.target.value;
                 this.utrechtInput.emit(evt);
             } }));

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

@@ -1 +1 @@
-{"file":"utrecht-textbox.entry.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,22WAA22W,CAAC;AAC/3W,6BAAe,UAAU;;MCYZ,OAAO;;;;;;;4BACyD,EAAE;wBAChC,KAAK;uBACN,KAAK;mBAClB,EAAE;mBACF,EAAE;uBACP,EAAE;2BACE,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBACV,EAAE;qBAClB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAElH,QACE,8DACE,KAAK,EAAE,IAAI,CACT,iBAAiB,EACjB,6BAA6B,EAC7B,QAAQ,IAAI,2BAA2B,EACvC,OAAO,IAAI,0BAA0B,EACrC,QAAQ,IAAI,2BAA2B,CACxC,EACD,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,IAAI,EAChD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;gBACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;","names":[],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/textbox-css/src\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-textbox',\n  styleUrl: 'textbox.scss',\n  shadow: true,\n})\nexport class Textbox {\n  @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() min: number | string = '';\n  @Prop() max: number | string = '';\n  @Prop() pattern: string = '';\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop({ reflect: true }) type: string = '';\n  @Prop() value: string = '';\n  @Event() utrechtBlur: EventEmitter;\n  @Event() utrechtChange: EventEmitter;\n  @Event() utrechtFocus: EventEmitter;\n  @Event() utrechtInput: EventEmitter;\n\n  render() {\n    const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n    return (\n      <input\n        class={clsx(\n          'utrecht-textbox',\n          'utrecht-textbox--html-input',\n          disabled && 'utrecht-textbox--disabled',\n          invalid && 'utrecht-textbox--invalid',\n          readOnly && 'utrecht-textbox--readonly',\n        )}\n        type={type || 'text'}\n        autoComplete={autoComplete ? autoComplete : null}\n        disabled={disabled}\n        dir=\"auto\"\n        min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n        max={typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null}\n        pattern={pattern ? pattern : null}\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\n        value={value}\n        onBlur={(evt) => this.utrechtBlur.emit(evt)}\n        onChange={(evt) => this.utrechtChange.emit(evt)}\n        onFocus={(evt) => this.utrechtFocus.emit(evt)}\n        onInput={(evt) => {\n          this.value = (evt.target as HTMLInputElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-textbox.entry.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,0zWAA0zW,CAAC;AAC90W,6BAAe,UAAU;;MCYZ,OAAO;;;;;;;4BACyD,EAAE;wBAChC,KAAK;uBACN,KAAK;mBAClB,EAAE;mBACF,EAAE;uBACP,EAAE;2BACE,EAAE;wBACoC,KAAK;wBAC5B,KAAK;oBACV,EAAE;qBAClB,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAElH,QACE,8DACE,KAAK,EAAE,IAAI,CACT,iBAAiB,EACjB,6BAA6B,EAC7B,QAAQ,IAAI,2BAA2B,EACvC,OAAO,IAAI,0BAA0B,EACrC,QAAQ,IAAI,2BAA2B,CACxC,EACD,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,IAAI,EAChD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,MAAM,EACV,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,IAAI,EACjF,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,KAAK,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;gBACpD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;","names":[],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/textbox-css/src\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-textbox',\n  styleUrl: 'textbox.scss',\n  shadow: true,\n})\nexport class Textbox {\n  @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() min: number | string = '';\n  @Prop() max: number | string = '';\n  @Prop() pattern: string = '';\n  @Prop() placeholder: string = '';\n  @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop({ reflect: true }) type: string = '';\n  @Prop() value: string = '';\n  @Event() utrechtBlur: EventEmitter;\n  @Event() utrechtChange: EventEmitter;\n  @Event() utrechtFocus: EventEmitter;\n  @Event() utrechtInput: EventEmitter;\n\n  render() {\n    const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n    return (\n      <input\n        class={clsx(\n          'utrecht-textbox',\n          'utrecht-textbox--html-input',\n          disabled && 'utrecht-textbox--disabled',\n          invalid && 'utrecht-textbox--invalid',\n          readOnly && 'utrecht-textbox--readonly',\n        )}\n        type={type || 'text'}\n        autoComplete={autoComplete ? autoComplete : null}\n        disabled={disabled}\n        dir=\"auto\"\n        min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n        max={typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null}\n        pattern={pattern ? pattern : null}\n        placeholder={placeholder || null}\n        readonly={readOnly}\n        required={required}\n        value={value}\n        onBlur={(evt) => this.utrechtBlur.emit(evt)}\n        onChange={(evt) => this.utrechtChange.emit(evt)}\n        onFocus={(evt) => this.utrechtFocus.emit(evt)}\n        onInput={(evt) => {\n          this.value = (evt.target as HTMLInputElement).value;\n          this.utrechtInput.emit(evt);\n        }}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/utrecht/{p-6802532e.entry.js → p-0286a7ce.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as c}from"./p-5002d233.js";const t=":host{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}svg{height:100%;pointer-events:none;width:100%}";const i=t;const r=class{constructor(c){e(this,c)}render(){return c("svg",{key:"3b41627b0968fb4187770a07cde4fc9e3a00fa50",viewBox:"0 0 18 14",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},c("defs",{key:"b43b2259160010b2944973781a9ce00138bae61d"},c("clipPath",{key:"0e3223d77826974f38b1b57e27364ae9f32482ca",id:"a"},c("path",{key:"e12f140cbbc530efc83f1e75e7a424235f5c5b94","stroke-width":"0",d:"M0 0h18v14H0z"}))),c("g",{key:"a22d64cbb1ec9b8ddd10dc07edc3b140f091a21c","clip-path":"url(#a)"},c("path",{key:"e22ae531bc250a66b6be8cce0b567c604a1d901e","fill-rule":"evenodd",d:"M0 1c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1m0 6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1m0 6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1"})))}};r.style=i;export{r as utrecht_icon_hamburger_menu};
-//# sourceMappingURL=p-6802532e.entry.js.map
+import{r as e,h as c}from"./p-5002d233.js";const t=":host{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}svg{height:100%;pointer-events:none;width:100%}";const i=t;const r=class{constructor(c){e(this,c)}render(){return c("svg",{key:"579d96373d68af0d5e344246db636c7fb38ab1d4",viewBox:"0 0 18 14",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},c("defs",{key:"b7066e2c77111438717d84c706ed50b805ebbb1d"},c("clipPath",{key:"1612b0658a8c3e7adf7fd60c6a32139ff36d6c29",id:"a"},c("path",{key:"a1244ac653f02b9e89df519ed6c2ef6af4b478a9","stroke-width":"0",d:"M0 0h18v14H0z"}))),c("g",{key:"9d2ca2d463c506bdedfdb196c31aa4c8949b0d7a","clip-path":"url(#a)"},c("path",{key:"296f54c62bfd2250432219c738eed32f53b65acd","fill-rule":"evenodd",d:"M0 1c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1m0 6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1m0 6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1"})))}};r.style=i;export{r as utrecht_icon_hamburger_menu};
+//# sourceMappingURL=p-0286a7ce.entry.js.map

package/dist/utrecht/{p-b83dd1e2.entry.js → p-02f428b8.entry.js}

@@ -1,2 +1,2 @@
-import{r as c,h as t}from"./p-5002d233.js";const e=":host{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}svg{height:100%;pointer-events:none;width:100%}";const s=e;const o=class{constructor(t){c(this,t)}render(){return t("svg",{key:"6b8e431823f2a2f940d6d95d1a94f51812663cfa",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},t("path",{key:"43903fc8deb56c3bf771895710aa0ca64193a947",d:"m0 27 3 1h11c0-1.11.19-2.18.53-3.18L3.59 19.59 0 27.01Zm24-7c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8m.96 6.99c.55 0 1 .45 1 1s-.45 1-1 1h-2.57c.25.62.71 1.13 1.35 1.36.48.18 1.01.18 1.49 0 .52-.19 1.09.07 1.29.58.2.52-.07 1.09-.58 1.29-.47.18-.96.26-1.45.26s-.98-.09-1.45-.26c-1.42-.54-2.39-1.79-2.71-3.23h-.36c-.55 0-1-.45-1-1s.45-1 1-1h.37c.04-.16.06-.32.11-.48.39-1.17 1.2-2.1 2.28-2.61 1.02-.49 2.16-.53 3.22-.14.52.2.78.77.58 1.29-.2.52-.77.78-1.29.58-.54-.2-1.13-.18-1.65.07-.53.25-.94.71-1.17 1.29h2.56Z"}),t("path",{key:"43914e2124f8bbf42471d99c75b9f84731a8d2a2",d:"M35.73 6.72c-.24-.38-.68-.72-1.74-.72h-7l-1.05-3.58c-.55-1.37-2.1-2.41-3.6-2.41h-7.53c-.77-.01-1.66.57-2.01 1.31L7.09 12.68l5.35 2.62c.74.35 1.56.3 2.26-.14.42-.26.88-.8.71-1.88l-1.28-5.89 1.52-3.04 1.91 9.11v.24c0 .98-.23 1.85-.62 2.39-.77 1.06-1.81 1.57-3.18 1.57-.51 0-1.2-.18-1.84-.49l-5.66-2.8-1.72 3.43 6.39 3.15 4.42 2.07c1.73-2.99 4.95-5 8.65-5 .33 0 .65.02.97.05l.63-2.06h1.93c2.68 0 5.11-1.05 6.25-3.46l1.94-3.67c.37-.77.37-1.58.01-2.14Zm-14.2.22c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5"}))}};o.style=s;export{o as utrecht_icon_hondenbelasting};
-//# sourceMappingURL=p-b83dd1e2.entry.js.map
+import{r as c,h as e}from"./p-5002d233.js";const t=":host{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}svg{height:100%;pointer-events:none;width:100%}";const s=t;const o=class{constructor(e){c(this,e)}render(){return e("svg",{key:"6c80de3522365bde48f0c69acd32a3eb15518b1a",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},e("path",{key:"6ea86d26ae12cd3c62cdcefc2f9a2f9eabadcc53",d:"m0 27 3 1h11c0-1.11.19-2.18.53-3.18L3.59 19.59 0 27.01Zm24-7c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8m.96 6.99c.55 0 1 .45 1 1s-.45 1-1 1h-2.57c.25.62.71 1.13 1.35 1.36.48.18 1.01.18 1.49 0 .52-.19 1.09.07 1.29.58.2.52-.07 1.09-.58 1.29-.47.18-.96.26-1.45.26s-.98-.09-1.45-.26c-1.42-.54-2.39-1.79-2.71-3.23h-.36c-.55 0-1-.45-1-1s.45-1 1-1h.37c.04-.16.06-.32.11-.48.39-1.17 1.2-2.1 2.28-2.61 1.02-.49 2.16-.53 3.22-.14.52.2.78.77.58 1.29-.2.52-.77.78-1.29.58-.54-.2-1.13-.18-1.65.07-.53.25-.94.71-1.17 1.29h2.56Z"}),e("path",{key:"26ff858ee9a305650335588a85412dce6c6db70b",d:"M35.73 6.72c-.24-.38-.68-.72-1.74-.72h-7l-1.05-3.58c-.55-1.37-2.1-2.41-3.6-2.41h-7.53c-.77-.01-1.66.57-2.01 1.31L7.09 12.68l5.35 2.62c.74.35 1.56.3 2.26-.14.42-.26.88-.8.71-1.88l-1.28-5.89 1.52-3.04 1.91 9.11v.24c0 .98-.23 1.85-.62 2.39-.77 1.06-1.81 1.57-3.18 1.57-.51 0-1.2-.18-1.84-.49l-5.66-2.8-1.72 3.43 6.39 3.15 4.42 2.07c1.73-2.99 4.95-5 8.65-5 .33 0 .65.02.97.05l.63-2.06h1.93c2.68 0 5.11-1.05 6.25-3.46l1.94-3.67c.37-.77.37-1.58.01-2.14Zm-14.2.22c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5"}))}};o.style=s;export{o as utrecht_icon_hondenbelasting};
+//# sourceMappingURL=p-02f428b8.entry.js.map

package/dist/utrecht/{p-9a6e8c64.entry.js → p-04d97643.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./p-5002d233.js";const c=":host{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}svg{height:100%;pointer-events:none;width:100%}";const o=c;const r=class{constructor(e){t(this,e)}render(){return e("svg",{key:"96e4c633134903c4a923868929e462c95cdfa470",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},e("path",{key:"6cf0e3c359442587a08d989bc86ddc1526d57075",d:"M9.66 27h3.15a6.483 6.483 0 0 1-7.43 4.94C2.73 31.49.58 29.35.13 26.7A6.494 6.494 0 0 1 5 19.27v3.17a3.479 3.479 0 0 0-1.88 3.92 3.46 3.46 0 0 0 2.59 2.58c1.73.39 3.3-.53 3.95-1.95Zm-.15-13.5c1.38 0 2.51-1.12 2.51-2.51S10.9 8.48 9.51 8.48 7 9.6 7 10.99s1.12 2.51 2.51 2.51m5.82 8.5H12v-4.18c0-1.17-.74-2.28-1.88-2.55-1.65-.4-3.12.85-3.12 2.43v4.79C7 23.87 8.13 25 9.51 25H15v7h3v-7.33C18 23.2 16.8 22 15.33 22M33 20h3v-9.91l-1.99-6.03c-.44-1.23-1.64-2.06-3-2.06h-8.96c-1.36 0-2.56.83-3 2.08l-2.04 6.01V20h3v-3h13v3ZM21.74 5h9.47l1.23 4H20.5zm.26 8h-2v-2h2zm11 0h-2v-2h2z"}))}};r.style=o;export{r as utrecht_icon_vervoersvoorziening};
-//# sourceMappingURL=p-9a6e8c64.entry.js.map
+import{r as e,h as t}from"./p-5002d233.js";const o=":host{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}svg{height:100%;pointer-events:none;width:100%}";const r=o;const i=class{constructor(t){e(this,t)}render(){return t("svg",{key:"5768752b5213b7f16a3d1efb8225473aff497ffa",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},t("path",{key:"7dc0d76549e8aa412d687bfebe5f82cd4b1ef30f",d:"M9.66 27h3.15a6.483 6.483 0 0 1-7.43 4.94C2.73 31.49.58 29.35.13 26.7A6.494 6.494 0 0 1 5 19.27v3.17a3.479 3.479 0 0 0-1.88 3.92 3.46 3.46 0 0 0 2.59 2.58c1.73.39 3.3-.53 3.95-1.95Zm-.15-13.5c1.38 0 2.51-1.12 2.51-2.51S10.9 8.48 9.51 8.48 7 9.6 7 10.99s1.12 2.51 2.51 2.51m5.82 8.5H12v-4.18c0-1.17-.74-2.28-1.88-2.55-1.65-.4-3.12.85-3.12 2.43v4.79C7 23.87 8.13 25 9.51 25H15v7h3v-7.33C18 23.2 16.8 22 15.33 22M33 20h3v-9.91l-1.99-6.03c-.44-1.23-1.64-2.06-3-2.06h-8.96c-1.36 0-2.56.83-3 2.08l-2.04 6.01V20h3v-3h13v3ZM21.74 5h9.47l1.23 4H20.5zm.26 8h-2v-2h2zm11 0h-2v-2h2z"}))}};i.style=r;export{i as utrecht_icon_vervoersvoorziening};
+//# sourceMappingURL=p-04d97643.entry.js.map

package/dist/utrecht/{p-c84fbd78.entry.js → p-07b1d7e0.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as L}from"./p-5002d233.js";const t=".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 i=t;const c=class{constructor(L){e(this,L)}render(){return L("svg",{key:"ae6444e1c0ff762bfed850042d19e095a981ed2f",class:"utrecht-icon",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},L("path",{key:"1a6620f67f6b00221bd732913f5590b772079d31",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"}),L("path",{key:"d28fa3f2011c4155e6b8ee50d88b0d73bce61b3f",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"}),L("path",{key:"8f8fbb98c425d693ae75b32085872319a7384453",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"}),L("path",{key:"c47983543b6b3130fabc16436d2d165ad92912ca",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"}),L("path",{key:"e945b0090a5e083319091bc66b9d525cfb48d0de",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"}),L("path",{key:"6c65636790da7b1d4c7e637281bc5a17b05ac711",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"}),L("path",{key:"30241a8a0f08623399d4bb16757ba6ca6836bcfd",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"}),L("path",{key:"99bd9e6269faf78451be4e66b1d6d788289ac631",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"}),L("path",{key:"74113e0db0056193ef22352ed10dffc5412ef066",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"}))}};c.style=i;export{c as utrecht_eidas_logo};
-//# sourceMappingURL=p-c84fbd78.entry.js.map
+import{r as e,h as c}from"./p-5002d233.js";const L=".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 t=L;const d=class{constructor(c){e(this,c)}render(){return c("svg",{key:"8b27862d7a1dc7cfd756a2449a8e70ff17229019",class:"utrecht-icon",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c("path",{key:"ffec2ad23f699797d61032e7f78342635ccd6313",d:"M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z",fill:"#2C4375"}),c("path",{key:"9d1ae1a4d5d4c1369f7fcbddfb3958dd39b94be1",d:"M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984",fill:"white"}),c("path",{key:"0e91aaa716496525e621aa5ccbc57a717b423737",d:"M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z",fill:"white"}),c("path",{key:"25f5268bee2ea885cc2099e6ec8e8222ccffc739",d:"M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z",fill:"#F2CD23"}),c("path",{key:"1d3d7c7ea74212b9d3d1cfaff5036cbdb96ac8fc",d:"M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z",fill:"#F2CD23"}),c("path",{key:"7e80b44e96e959ff97411e692dc68ce77622de79",d:"M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z",fill:"#F2CD23"}),c("path",{key:"a468f734dd083257ab43d12c7e0428448c077f1d",d:"M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z",fill:"#F2CD23"}),c("path",{key:"dc575c2a2ecc1aab72d6d678f03fdeb046933314",d:"M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z",fill:"#F2CD23"}),c("path",{key:"2fdf972329eab3008b0c680fddf069027dfacfd2",d:"M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z",fill:"#F2CD23"}))}};d.style=t;export{d as utrecht_eidas_logo};
+//# sourceMappingURL=p-07b1d7e0.entry.js.map

package/dist/utrecht/{p-6265cc64.entry.js → p-092adee0.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as c}from"./p-5002d233.js";const t=":host{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}svg{height:100%;pointer-events:none;width:100%}";const o=t;const i=class{constructor(c){e(this,c)}render(){return c("svg",{key:"9bb6cd2db0409959b66503e5fe13c0460de3f499",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},c("path",{key:"f0c6e9014a50731a75819dc9e2479fdd2388d1e0",d:"M21.98 0 .68 22.18l.83.82 5.99-6.24c1.26.35 2.6.55 4 .55 5.08 0 9.46-2.5 11.5-6.12-1.17-2.07-3.11-3.77-5.5-4.85L22.8.82zM11.5 5.07c-5.08 0-9.46 2.51-11.5 6.12 1.16 2.07 3.1 3.76 5.48 4.84l2.53-2.63c-.4-.64-.62-1.4-.62-2.21 0-2.3 1.85-4.17 4.11-4.17.76 0 1.47.21 2.08.58l1.91-1.98a14.79 14.79 0 0 0-3.99-.55m0 3.06c-1.67 0-3.02 1.36-3.02 3.06 0 .5.13.97.33 1.38l3.98-4.14c-.39-.19-.83-.3-1.29-.3m3.47.84c.4.64.63 1.4.63 2.22 0 2.3-1.84 4.17-4.1 4.17-.76 0-1.48-.22-2.09-.59l.78-.82c.4.19.84.3 1.31.3 1.67 0 3.01-1.36 3.01-3.06 0-.5-.12-.97-.33-1.39zm12.49 11.42c.78 0 1.51.22 2.15.58l1.02-1.02c-.92-.59-2-.95-3.18-.95-3.24 0-5.87 2.64-5.87 5.88h1.4c0-2.47 2.01-4.48 4.48-4.48Zm3.29 1.46c.73.8 1.19 1.85 1.19 3.01s-1.48 3.46-2.29 4.68c-.14.21-.26.4-.37.56-.3.47-.33 1.13-.36 1.82-.03.79-.07 1.68-.5 1.99-.31.22-.91.22-1.73 0l-.37 1.35c.54.15 1.02.22 1.45.22.59 0 1.09-.14 1.48-.43.97-.71 1.03-2.01 1.07-3.06.02-.39.04-.98.14-1.12.11-.17.23-.35.36-.55 1.01-1.53 2.52-3.85 2.52-5.45 0-1.55-.61-2.95-1.6-4l-.99.99Z"}),c("path",{key:"569e0c36fed1c594ff78ce7677813f74c9166bfe",d:"m16.993 34.985 17.989-17.989 1.011 1.012-17.989 17.988zM27.46 21.98c.3 0 .59.06.86.15l.83-.83c-.51-.24-1.08-.39-1.69-.39a3.97 3.97 0 0 0-3.96 3.96h1.07c0-1.59 1.3-2.89 2.89-2.89"}),c("path",{key:"36cf9472e81f93afc07d375817e4e895db53fc62",d:"m30.33 22.15-.76.76a2.874 2.874 0 0 1 .53 3.14l.97.46a3.91 3.91 0 0 0-.74-4.36"}))}};i.style=o;export{i as utrecht_icon_slechtziende_hoordende};
-//# sourceMappingURL=p-6265cc64.entry.js.map
+import{r as e,h as c}from"./p-5002d233.js";const t=":host{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}svg{height:100%;pointer-events:none;width:100%}";const o=t;const i=class{constructor(c){e(this,c)}render(){return c("svg",{key:"36a7f4471086e5eb26d279fb7a8c48cedbe7915d",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},c("path",{key:"3b3c53066dcc577dd4ec72ee8b8fe0f79ad385b4",d:"M21.98 0 .68 22.18l.83.82 5.99-6.24c1.26.35 2.6.55 4 .55 5.08 0 9.46-2.5 11.5-6.12-1.17-2.07-3.11-3.77-5.5-4.85L22.8.82zM11.5 5.07c-5.08 0-9.46 2.51-11.5 6.12 1.16 2.07 3.1 3.76 5.48 4.84l2.53-2.63c-.4-.64-.62-1.4-.62-2.21 0-2.3 1.85-4.17 4.11-4.17.76 0 1.47.21 2.08.58l1.91-1.98a14.79 14.79 0 0 0-3.99-.55m0 3.06c-1.67 0-3.02 1.36-3.02 3.06 0 .5.13.97.33 1.38l3.98-4.14c-.39-.19-.83-.3-1.29-.3m3.47.84c.4.64.63 1.4.63 2.22 0 2.3-1.84 4.17-4.1 4.17-.76 0-1.48-.22-2.09-.59l.78-.82c.4.19.84.3 1.31.3 1.67 0 3.01-1.36 3.01-3.06 0-.5-.12-.97-.33-1.39zm12.49 11.42c.78 0 1.51.22 2.15.58l1.02-1.02c-.92-.59-2-.95-3.18-.95-3.24 0-5.87 2.64-5.87 5.88h1.4c0-2.47 2.01-4.48 4.48-4.48Zm3.29 1.46c.73.8 1.19 1.85 1.19 3.01s-1.48 3.46-2.29 4.68c-.14.21-.26.4-.37.56-.3.47-.33 1.13-.36 1.82-.03.79-.07 1.68-.5 1.99-.31.22-.91.22-1.73 0l-.37 1.35c.54.15 1.02.22 1.45.22.59 0 1.09-.14 1.48-.43.97-.71 1.03-2.01 1.07-3.06.02-.39.04-.98.14-1.12.11-.17.23-.35.36-.55 1.01-1.53 2.52-3.85 2.52-5.45 0-1.55-.61-2.95-1.6-4l-.99.99Z"}),c("path",{key:"66752102ae985fe21968935212db0b9352c57a59",d:"m16.993 34.985 17.989-17.989 1.011 1.012-17.989 17.988zM27.46 21.98c.3 0 .59.06.86.15l.83-.83c-.51-.24-1.08-.39-1.69-.39a3.97 3.97 0 0 0-3.96 3.96h1.07c0-1.59 1.3-2.89 2.89-2.89"}),c("path",{key:"1415e789264790afe351e166c78dbd7b32e283ab",d:"m30.33 22.15-.76.76a2.874 2.874 0 0 1 .53 3.14l.97.46a3.91 3.91 0 0 0-.74-4.36"}))}};i.style=o;export{i as utrecht_icon_slechtziende_hoordende};
+//# sourceMappingURL=p-092adee0.entry.js.map

package/dist/utrecht/{p-1109e4f6.entry.js → p-0b3aff39.entry.js}

@@ -1,2 +1,2 @@
-import{r as c,h as e}from"./p-5002d233.js";const t=":host{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}svg{height:100%;pointer-events:none;width:100%}";const s=t;const i=class{constructor(e){c(this,e)}render(){return e("svg",{key:"98ea7cd6cb9ef3bf0694524085e07591f2bb3484",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},e("defs",{key:"b2a4a7ea17edf7cc16e8fa163757bed47a276c3f"},e("clipPath",{key:"287af668ac03c72e4005f30fb117cc2ec0c69604",id:"a"},e("path",{key:"6bcaa25f67d569fa7571e05080c1e2fba28e9ece","stroke-width":"0",d:"M0 0h18v18H0z"}))),e("g",{key:"97bc71d3bb136ac7b2e5952c5dc7c1658cd20ce9","clip-path":"url(#a)"},e("path",{key:"09b61cccee0a0b93d7c3da7cb77eb171f29d299c","fill-rule":"evenodd",d:"M3.38.08C3.75.23 4 .6 4 1v6c0 .55-.45 1-1 1s-1-.45-1-1V3.41l-.29.29A.996.996 0 1 1 .3 2.29l1.99-2c.29-.29.72-.37 1.09-.21M7 3c0-.55.45-1 1-1h9c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1m0 6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1m-7 4c0-1.66 1.34-3 3-3s3 1.34 3 3c0 .6-.26 1.07-.53 1.4-.19.24-.44.48-.63.67l-.14.14c-.02.02-.04.04-.07.06l-.88.73h1.24c.55 0 1 .45 1 1s-.45 1-1 1H1c-.42 0-.8-.26-.94-.66-.14-.39-.02-.84.3-1.11l2.97-2.47.15-.15c.06-.07.12-.12.17-.18.11-.11.19-.19.24-.27.06-.07.08-.12.09-.14V13c0-.55-.45-1-1-1s-1 .45-1 1-.45 1-1 1S0 13.55 0 13m8 2c0-.55.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1H9c-.55 0-1-.45-1-1"})))}};i.style=s;export{i as utrecht_icon_list_number};
-//# sourceMappingURL=p-1109e4f6.entry.js.map
+import{r as c,h as e}from"./p-5002d233.js";const t=":host{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}svg{height:100%;pointer-events:none;width:100%}";const s=t;const a=class{constructor(e){c(this,e)}render(){return e("svg",{key:"809e02335f50de8a902570b8196703fbc9f7a44f",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},e("defs",{key:"d70fd0147758a6897a22f64638cd0bea97a99769"},e("clipPath",{key:"62584042da322129d3a6b4e772d5f25eb3ac646d",id:"a"},e("path",{key:"0f2b90ac3f5d10d3dafa94fec43966a8922f70ab","stroke-width":"0",d:"M0 0h18v18H0z"}))),e("g",{key:"9066e01533bc36fc256c58eaac083379de37906f","clip-path":"url(#a)"},e("path",{key:"c5daf73224f867016e0020b82ad617c97b34d3a8","fill-rule":"evenodd",d:"M3.38.08C3.75.23 4 .6 4 1v6c0 .55-.45 1-1 1s-1-.45-1-1V3.41l-.29.29A.996.996 0 1 1 .3 2.29l1.99-2c.29-.29.72-.37 1.09-.21M7 3c0-.55.45-1 1-1h9c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1m0 6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1m-7 4c0-1.66 1.34-3 3-3s3 1.34 3 3c0 .6-.26 1.07-.53 1.4-.19.24-.44.48-.63.67l-.14.14c-.02.02-.04.04-.07.06l-.88.73h1.24c.55 0 1 .45 1 1s-.45 1-1 1H1c-.42 0-.8-.26-.94-.66-.14-.39-.02-.84.3-1.11l2.97-2.47.15-.15c.06-.07.12-.12.17-.18.11-.11.19-.19.24-.27.06-.07.08-.12.09-.14V13c0-.55-.45-1-1-1s-1 .45-1 1-.45 1-1 1S0 13.55 0 13m8 2c0-.55.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1H9c-.55 0-1-.45-1-1"})))}};a.style=s;export{a as utrecht_icon_list_number};
+//# sourceMappingURL=p-0b3aff39.entry.js.map

package/dist/utrecht/{p-e7c01bce.entry.js → p-0b4907c7.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as c}from"./p-5002d233.js";const t=":host{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}svg{height:100%;pointer-events:none;width:100%}";const i=t;const o=class{constructor(c){e(this,c)}render(){return c("svg",{key:"a72873dc6b4aba70a351af541a8e60ec70c17ff5",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},c("path",{key:"678ae378dc17dbf3c9fce840d25706f1e622ebea",d:"M32 26.02v2.99H12v-2.99h16v-7.1l-3.58-3.93c-.14.03-.28.05-.42.05a2 2 0 1 1 2-2c0 .21-.04.41-.1.6l4.1 4.5v7.87h2Zm-5 4.99h-9c-.55 0-1 .45-1 1V36h10zm-17-1v-4.99c0-.55.45-1 1-1h13v-3c0-2.76-2.24-4.99-5-4.99H9c-2.76 0-5 2.23-5 4.99V32c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1h6.95v-4.99H11c-.55 0-1-.45-1-1M7.35 5.37l.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23C19.96 2.04 17.2 0 14.16 0S8.19 2.16 7.39 5.25l-.03.11h-.01Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Z"}))}};o.style=i;export{o as utrecht_icon_presentatie};
-//# sourceMappingURL=p-e7c01bce.entry.js.map
+import{r as e,h as t}from"./p-5002d233.js";const c=":host{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}svg{height:100%;pointer-events:none;width:100%}";const i=c;const o=class{constructor(t){e(this,t)}render(){return t("svg",{key:"8a8840a3515fca468b534e42ae47e2e9d7ce0aa3",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},t("path",{key:"cb62209073272fa3a91d6070863a81f2c06ea103",d:"M32 26.02v2.99H12v-2.99h16v-7.1l-3.58-3.93c-.14.03-.28.05-.42.05a2 2 0 1 1 2-2c0 .21-.04.41-.1.6l4.1 4.5v7.87h2Zm-5 4.99h-9c-.55 0-1 .45-1 1V36h10zm-17-1v-4.99c0-.55.45-1 1-1h13v-3c0-2.76-2.24-4.99-5-4.99H9c-2.76 0-5 2.23-5 4.99V32c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1h6.95v-4.99H11c-.55 0-1-.45-1-1M7.35 5.37l.12.03c.56.13 1.12.2 1.66.2 2.07 0 4.08-.86 5.53-2.36l1.6-1.58 1.37 1.36a7.68 7.68 0 0 0 3.07 2.09l.22.08-.07-.23C19.96 2.04 17.2 0 14.16 0S8.19 2.16 7.39 5.25l-.03.11h-.01Zm-.18 2.06v.16c.31 3.6 3.38 6.41 6.98 6.41s6.76-2.89 6.98-6.58v-.1l-.65-.13a9.545 9.545 0 0 1-4.15-2.77l-.09-.1-.09.1c-1.79 2.06-4.36 3.24-7.03 3.24-.59 0-1.19-.07-1.8-.19l-.15-.03Z"}))}};o.style=i;export{o as utrecht_icon_presentatie};
+//# sourceMappingURL=p-0b4907c7.entry.js.map

package/dist/utrecht/{p-0a56b7e6.entry.js → p-0ba6b16b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-5002d233.js";const c=":host{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}svg{height:100%;pointer-events:none;width:100%}";const i=c;const o=class{constructor(t){e(this,t)}render(){return t("svg",{key:"810cff628e6224ba5ba00a7411037a5cfa02b705",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},t("path",{key:"5e96147d4ec00a9f2480d1a64ceb514e2234563e",d:"M19.04 11.6c.98-1.84.96-3.95-.1-5.48-.85-1.24-2.25-1.95-3.84-1.95-.4 0-.8.04-1.2.13-1.2-1.38-2.83-2.18-4.46-2.18-1.04 0-2.02.33-2.82.96a4.85 4.85 0 0 0-1.47 2.01c-2.92.3-5.16 2.85-5.16 5.99 0 1.76.74 3.42 1.99 4.56a4.97 4.97 0 0 0-.26 1.57c0 2.68 2.08 4.85 4.64 4.85.51 0 1.27-.02 1.69-.06l-.02 2.96-2.06-.92-.94 2.44 3.02 1.38-.06 8.12 3.98.02V21.84c.53.1.97.21 1.92.21 3.47 0 6.3-2.97 6.3-6.62 0-1.69-.58-2.98-1.17-3.84h.02Zm2.68-2.15.28.37 1.04-.94v4.06c5.92 0 9.97 1.37 9.97 1.37V8.95l1.03.9 1.82-2.38-2.85-2.44V.96h-2.99v1.68L27.93.81l-6.59 5.62c.35.95.47 1.97.38 3.01ZM26 6.99h4v3h-4zm10 11.44c-6.49-3.46-11.92-3.56-13.82-3.46 0 .19.03.37.03.56 0 .6-.05 1.18-.14 1.75 1.5-.09 7.24-.12 13.93 3.71zm-2.13 17.56h2.1C32.68 25.1 24.73 21.54 20.68 20.43a8.59 8.59 0 0 1-1.5 1.68c2.99.62 11.23 3.29 14.69 13.88"}))}};o.style=i;export{o as utrecht_icon_omgevingsvisie};
-//# sourceMappingURL=p-0a56b7e6.entry.js.map
+import{r as e,h as t}from"./p-5002d233.js";const c=":host{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}svg{height:100%;pointer-events:none;width:100%}";const i=c;const o=class{constructor(t){e(this,t)}render(){return t("svg",{key:"234e7f49c6e8019d0375dd95adffb35eb3809b66",viewBox:"0 0 36 36",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",height:"1em",width:"1em"},t("path",{key:"8feb2c6329129c68490f02ea73c4941512ccb996",d:"M19.04 11.6c.98-1.84.96-3.95-.1-5.48-.85-1.24-2.25-1.95-3.84-1.95-.4 0-.8.04-1.2.13-1.2-1.38-2.83-2.18-4.46-2.18-1.04 0-2.02.33-2.82.96a4.85 4.85 0 0 0-1.47 2.01c-2.92.3-5.16 2.85-5.16 5.99 0 1.76.74 3.42 1.99 4.56a4.97 4.97 0 0 0-.26 1.57c0 2.68 2.08 4.85 4.64 4.85.51 0 1.27-.02 1.69-.06l-.02 2.96-2.06-.92-.94 2.44 3.02 1.38-.06 8.12 3.98.02V21.84c.53.1.97.21 1.92.21 3.47 0 6.3-2.97 6.3-6.62 0-1.69-.58-2.98-1.17-3.84h.02Zm2.68-2.15.28.37 1.04-.94v4.06c5.92 0 9.97 1.37 9.97 1.37V8.95l1.03.9 1.82-2.38-2.85-2.44V.96h-2.99v1.68L27.93.81l-6.59 5.62c.35.95.47 1.97.38 3.01ZM26 6.99h4v3h-4zm10 11.44c-6.49-3.46-11.92-3.56-13.82-3.46 0 .19.03.37.03.56 0 .6-.05 1.18-.14 1.75 1.5-.09 7.24-.12 13.93 3.71zm-2.13 17.56h2.1C32.68 25.1 24.73 21.54 20.68 20.43a8.59 8.59 0 0 1-1.5 1.68c2.99.62 11.23 3.29 14.69 13.88"}))}};o.style=i;export{o as utrecht_icon_omgevingsvisie};
+//# sourceMappingURL=p-0ba6b16b.entry.js.map