@utrecht/web-component-library-stencil 4.2.0 → 5.0.0

package/dist/components/utrecht-contact-card.js

@@ -0,0 +1,67 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-169bb78d.js';
+
+const contactCardCss = ":host{display:block}:host([hidden]){display:none !important}.utrecht-contact-card{--utrecht-space-around:1;--utrecht-separator-color:var(--utrecht-contact-card-separator-color, var(--utrecht-separator-color));background-color:var(--utrecht-contact-card-background-color);background-image:var(--utrecht-contact-card-background-image);background-position:center center;background-size:var(--utrecht-contact-card-background-size);border-radius:var(--utrecht-contact-card-border-radius);box-shadow:var(--utrecht-contact-card-box-shadow);color:var(--utrecht-contact-card-color);padding-block-end:var(--utrecht-contact-card-padding-block-end, var(--utrecht-space-block-md));padding-block-start:var(--utrecht-contact-card-padding-block-start, var(--utrecht-space-block-md));padding-inline-end:var(--utrecht-contact-card-padding-inline-end, var(--utrecht-space-block-md));padding-inline-start:var(--utrecht-contact-card-padding-inline-start, var(--utrecht-space-block-md))}@media (forced-colors: active){.utrecht-contact-card{border-color:LinkText;border-width:1px;outline-color:LinkText;outline-width:3px}.utrecht-contact-card:focus-within{border-color:Highlight;outline-color:Highlight}}.utrecht-contact-card__title{--utrecht-heading-2-margin-block-start:0;--utrecht-heading-2-margin-block-end:var(\n    --utrecht-contact-card-title-margin-block-end,\n    var(--utrecht-space-block-lg)\n  )}.utrecht-contact-card__grid{--utrecht-grid-spacing-md:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md));align-items:var(--_utrecht-grid-align-items, initial);display:var(--_utrecht-grid-display, flex);flex-direction:var(--_utrecht-grid-flex-direction, row);flex-wrap:var(--_utrecht-grid-flex-wrap, wrap);justify-content:var(--_utrecht-grid-justify-content, initial)}.utrecht-contact-card__grid--cols-1{--_utrecht-grid-columns-total:1;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-2{--_utrecht-grid-columns-total:2;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-3{--_utrecht-grid-columns-total:3;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-4{--_utrecht-grid-columns-total:4;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-5{--_utrecht-grid-columns-total:5;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-6{--_utrecht-grid-columns-total:6;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-7{--_utrecht-grid-columns-total:7;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-8{--_utrecht-grid-columns-total:8;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-9{--_utrecht-grid-columns-total:9;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-10{--_utrecht-grid-columns-total:10;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-11{--_utrecht-grid-columns-total:11;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-12{--_utrecht-grid-columns-total:12;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid{margin-block:calc(-1 * var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px)));margin-inline:calc(-1 * var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px)))}slot{display:contents}.utrecht-contact-card__grid-cell{--_utrecht-grid-display:block;align-items:var(--_utrecht-grid-align-items, initial);box-sizing:var(--_utrecht-grid-box-sizing, border-box);display:var(--_utrecht-grid-display, block);flex:var(--_utrecht-grid-flex, 0 0 auto);inline-size:calc(var(--_utrecht-columns, var(--_utrecht-grid-columns-default, 4)) / var(--_utrecht-grid-columns-total, 12) * 100%);justify-content:var(--_utrecht-grid-justify-content, initial);order:var(--_utrecht-grid-order, initial);--_utrecht-columns:12;padding-block:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));padding-inline:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px))}@media screen and (width >= 600px){.utrecht-contact-card__grid-cell{--_utrecht-columns:var(--_utrecht-contact-card-sm-cols, 12)}}@media screen and (width >= 960px){.utrecht-contact-card__grid-cell{--_utrecht-columns:var(--_utrecht-contact-card-md-cols, 12)}}.utrecht-contact-card__grid-cell--tel a[href^=\"tel:\"]{font-size:var(--utrecht-contact-card-tel-font-size, inherit)}.utrecht-contact-card__subtitle{font-weight:var(--utrecht-contact-card-subtitle-font-weight)}.utrecht-contact-card__subtitle::before{content:\" \" var(--utrecht-contact-card-subtitle-separator) \" \"}.utrecht-contact-card__socials-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--utrecht-contact-card-socials-links-gap, var(--utrecht-space-inline-sm));margin-block-start:var(--utrecht-contact-card-socials-margin-block-start, var(--utrecht-space-block-md))}.utrecht-contact-card__social-link{display:inline-flex;text-decoration:none}::slotted(.utrecht-contact-card__grid-cell){align-items:var(--_utrecht-grid-align-items, initial);box-sizing:var(--_utrecht-grid-box-sizing, border-box);display:var(--_utrecht-grid-display, block);flex:var(--_utrecht-grid-flex, 0 0 auto);inline-size:calc(var(--_utrecht-columns, var(--_utrecht-grid-columns-default, 4)) / var(--_utrecht-grid-columns-total, 12) * 100%);justify-content:var(--_utrecht-grid-justify-content, initial);order:var(--_utrecht-grid-order, initial);--_utrecht-columns:12;padding-block:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));padding-inline:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px))}@media screen and (width >= 600px){::slotted(.utrecht-contact-card__grid-cell){--_utrecht-columns:var(--_utrecht-contact-card-sm-cols, 12)}}@media screen and (width >= 960px){::slotted(.utrecht-contact-card__grid-cell){--_utrecht-columns:var(--_utrecht-contact-card-md-cols, 12)}}::slotted(.utrecht-contact-card__grid-cell--tel){--utrecht-link-font-size:var(--utrecht-contact-card-tel-font-size, inherit)}";
+const UtrechtContactCardStyle0 = contactCardCss;
+
+const ContactCard = /*@__PURE__*/ proxyCustomElement(class ContactCard extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.heading = undefined;
+        this.subtitle = undefined;
+        this.socialLinks = undefined;
+        this.socialLinksHeading = undefined;
+        this.sectionCount = undefined;
+    }
+    render() {
+        var _a;
+        const socialLinks = this.socialLinks
+            ? JSON.parse(this.socialLinks)
+            : [];
+        const sectionCount = (_a = this.sectionCount) !== null && _a !== void 0 ? _a : 0;
+        const hasSocialLinksColumn = socialLinks.length > 0 && sectionCount <= 1;
+        const effectiveCount = hasSocialLinksColumn ? sectionCount + 1 : sectionCount;
+        const mdCols = effectiveCount <= 1 ? 12 : effectiveCount === 2 ? 6 : 4;
+        const smCols = effectiveCount >= 3 ? 6 : mdCols;
+        const socialLinksContent = socialLinks.length > 0 && [
+            this.socialLinksHeading && (h("h3", { key: "heading", class: "utrecht-heading-3" }, this.socialLinksHeading)),
+            h("div", { key: "links", class: "utrecht-contact-card__socials-links" }, socialLinks.map(({ icon, href, label }) => {
+                const IconTag = `utrecht-icon-${icon}`;
+                return (h("a", { key: href, href: href, "aria-label": label, class: "utrecht-contact-card__social-link" }, h(IconTag, null)));
+            })),
+        ];
+        return (h(Host, { style: {
+                '--_utrecht-contact-card-sm-cols': String(smCols),
+                '--_utrecht-contact-card-md-cols': String(mdCols),
+            } }, h("div", { class: "utrecht-contact-card" }, (this.heading || this.subtitle) && (h("div", { class: "utrecht-contact-card__title" }, h("h2", { class: "utrecht-heading-2" }, this.heading, this.subtitle && h("span", { class: "utrecht-contact-card__subtitle" }, this.subtitle)))), h("div", { class: "utrecht-contact-card__grid" }, h("slot", null), socialLinksContent &&
+            (hasSocialLinksColumn ? (h("div", { class: "utrecht-contact-card__grid-cell" }, socialLinksContent)) : (socialLinksContent))), h("div", { class: "utrecht-contact-card__body" }, h("slot", { name: "content" })))));
+    }
+    static get style() { return UtrechtContactCardStyle0; }
+}, [1, "utrecht-contact-card", {
+        "heading": [1],
+        "subtitle": [1],
+        "socialLinks": [1, "social-links"],
+        "socialLinksHeading": [1, "social-links-heading"],
+        "sectionCount": [2, "section-count"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["utrecht-contact-card"];
+    components.forEach(tagName => { switch (tagName) {
+        case "utrecht-contact-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ContactCard);
+            }
+            break;
+    } });
+}
+
+const UtrechtContactCard = ContactCard;
+const defineCustomElement = defineCustomElement$1;
+
+export { UtrechtContactCard, defineCustomElement };
+
+//# sourceMappingURL=utrecht-contact-card.js.map

package/dist/components/utrecht-contact-card.js.map

@@ -0,0 +1 @@
+{"file":"utrecht-contact-card.js","mappings":";;AAAA,MAAM,cAAc,GAAG,q1LAAq1L,CAAC;AAC72L,iCAAe,cAAc;;MCMhB,WAAW;;;;;;;;;;;IAOtB,MAAM;;QACJ,MAAM,WAAW,GAAqD,IAAI,CAAC,WAAW;cAClF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;cAC5B,EAAE,CAAC;QACP,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAI,CAAC,CAAC;QAC5C,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,IAAI,CAAC,CAAC;QACzE,MAAM,cAAc,GAAG,oBAAoB,GAAG,YAAY,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9E,MAAM,MAAM,GAAG,cAAc,IAAI,CAAC,GAAG,EAAE,GAAG,cAAc,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACvE,MAAM,MAAM,GAAG,cAAc,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;QAEhD,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI;YACnD,IAAI,CAAC,kBAAkB,KACrB,UAAI,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,mBAAmB,IACxC,IAAI,CAAC,kBAAkB,CACrB,CACN;YACD,WAAK,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,qCAAqC,IACzD,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;gBACrC,MAAM,OAAO,GAAG,gBAAgB,IAAI,EAAE,CAAC;gBACvC,QACE,SAAG,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,gBAAc,KAAK,EAAE,KAAK,EAAC,mCAAmC,IACpF,EAAC,OAAO,OAAG,CACT,EACJ;aACH,CAAC,CACE;SACP,CAAC;QAEF,QACE,EAAC,IAAI,IACH,KAAK,EACH;gBACE,iCAAiC,EAAE,MAAM,CAAC,MAAM,CAAC;gBACjD,iCAAiC,EAAE,MAAM,CAAC,MAAM,CAAC;aAC3C,IAGV,WAAK,KAAK,EAAC,sBAAsB,IAC9B,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,MAC7B,WAAK,KAAK,EAAC,6BAA6B,IACtC,UAAI,KAAK,EAAC,mBAAmB,IAC1B,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,QAAQ,IAAI,YAAM,KAAK,EAAC,gCAAgC,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAClF,CACD,CACP,EACD,WAAK,KAAK,EAAC,4BAA4B,IACrC,eAAQ,EACP,kBAAkB;aAChB,oBAAoB,IACnB,WAAK,KAAK,EAAC,iCAAiC,IAAE,kBAAkB,CAAO,KAEvE,kBAAkB,CACnB,CAAC,CACA,EACN,WAAK,KAAK,EAAC,4BAA4B,IACrC,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/contact-card.scss?tag=utrecht-contact-card&encapsulation=shadow","src/components/contact-card.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2026 Frameless B.V.\n * Copyright (c) 2021-2026 Gemeente Utrecht\n */\n\n@use \"~@utrecht/contact-card-css/src/mixin\" as *;\n@use \"~@utrecht/grid-css/src/mixin\" as *;\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n\n.utrecht-contact-card {\n  @include utrecht-contact-card;\n  @include utrecht-contact-card--media-query-forced-colors;\n}\n\n.utrecht-contact-card__title {\n  @include utrecht-contact-card__title;\n}\n\n.utrecht-contact-card__grid {\n  @include utrecht-contact-card__grid;\n  @include utrecht-grid-container;\n\n  margin-block: calc(-1 * var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px)));\n  margin-inline: calc(-1 * var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px)));\n}\n\nslot {\n  display: contents;\n}\n\n.utrecht-contact-card__grid-cell {\n  @include utrecht-contact-card__grid-cell;\n  @include utrecht-grid-cell;\n\n  --_utrecht-columns: 12;\n\n  padding-block: var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));\n  padding-inline: var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));\n}\n\n@media screen and (width >= 600px) {\n  .utrecht-contact-card__grid-cell {\n    --_utrecht-columns: var(--_utrecht-contact-card-sm-cols, 12);\n  }\n}\n\n@media screen and (width >= 960px) {\n  .utrecht-contact-card__grid-cell {\n    --_utrecht-columns: var(--_utrecht-contact-card-md-cols, 12);\n  }\n}\n\n.utrecht-contact-card__grid-cell--tel {\n  @include utrecht-contact-card__grid-cell--tel;\n}\n\n.utrecht-contact-card__subtitle {\n  @include utrecht-contact-card__subtitle;\n}\n\n.utrecht-contact-card__socials-links {\n  @include utrecht-contact-card__socials-links;\n}\n\n.utrecht-contact-card__social-link {\n  @include utrecht-contact-card__social-link;\n}\n\n::slotted(.utrecht-contact-card__grid-cell) {\n  @include utrecht-grid-cell;\n\n  --_utrecht-columns: 12;\n\n  padding-block: var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));\n  padding-inline: var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));\n}\n\n@media screen and (width >= 600px) {\n  ::slotted(.utrecht-contact-card__grid-cell) {\n    --_utrecht-columns: var(--_utrecht-contact-card-sm-cols, 12);\n  }\n}\n\n@media screen and (width >= 960px) {\n  ::slotted(.utrecht-contact-card__grid-cell) {\n    --_utrecht-columns: var(--_utrecht-contact-card-md-cols, 12);\n  }\n}\n\n::slotted(.utrecht-contact-card__grid-cell--tel) {\n  --utrecht-link-font-size: var(--utrecht-contact-card-tel-font-size, inherit);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-contact-card',\n  styleUrl: 'contact-card.scss',\n  shadow: true,\n})\nexport class ContactCard {\n  @Prop() heading!: string;\n  @Prop() subtitle?: string;\n  @Prop() socialLinks?: string;\n  @Prop() socialLinksHeading?: string;\n  @Prop() sectionCount?: number;\n\n  render() {\n    const socialLinks: { icon: string; href: string; label?: string }[] = this.socialLinks\n      ? JSON.parse(this.socialLinks)\n      : [];\n    const sectionCount = this.sectionCount ?? 0;\n    const hasSocialLinksColumn = socialLinks.length > 0 && sectionCount <= 1;\n    const effectiveCount = hasSocialLinksColumn ? sectionCount + 1 : sectionCount;\n    const mdCols = effectiveCount <= 1 ? 12 : effectiveCount === 2 ? 6 : 4;\n    const smCols = effectiveCount >= 3 ? 6 : mdCols;\n\n    const socialLinksContent = socialLinks.length > 0 && [\n      this.socialLinksHeading && (\n        <h3 key=\"heading\" class=\"utrecht-heading-3\">\n          {this.socialLinksHeading}\n        </h3>\n      ),\n      <div key=\"links\" class=\"utrecht-contact-card__socials-links\">\n        {socialLinks.map(({ icon, href, label }) => {\n          const IconTag = `utrecht-icon-${icon}`;\n          return (\n            <a key={href} href={href} aria-label={label} class=\"utrecht-contact-card__social-link\">\n              <IconTag />\n            </a>\n          );\n        })}\n      </div>,\n    ];\n\n    return (\n      <Host\n        style={\n          {\n            '--_utrecht-contact-card-sm-cols': String(smCols),\n            '--_utrecht-contact-card-md-cols': String(mdCols),\n          } as any\n        }\n      >\n        <div class=\"utrecht-contact-card\">\n          {(this.heading || this.subtitle) && (\n            <div class=\"utrecht-contact-card__title\">\n              <h2 class=\"utrecht-heading-2\">\n                {this.heading}\n                {this.subtitle && <span class=\"utrecht-contact-card__subtitle\">{this.subtitle}</span>}\n              </h2>\n            </div>\n          )}\n          <div class=\"utrecht-contact-card__grid\">\n            <slot />\n            {socialLinksContent &&\n              (hasSocialLinksColumn ? (\n                <div class=\"utrecht-contact-card__grid-cell\">{socialLinksContent}</div>\n              ) : (\n                socialLinksContent\n              ))}\n          </div>\n          <div class=\"utrecht-contact-card__body\">\n            <slot name=\"content\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 
-const customCheckboxCss = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius, 0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}";
+const customCheckboxCss = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius, 0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-checked-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--checked-hover,.utrecht-custom-checkbox--checked-hover{background-color:var(--utrecht-checkbox-checked-hover-background-color, var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color)));border-color:var(--utrecht-checkbox-checked-hover-border-color, var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color)));border-width:var(--utrecht-checkbox-checked-hover-border-width, var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width)));color:var(--utrecht-checkbox-checked-hover-color, var(--utrecht-checkbox-checked-color, var(--utrecht-checkbox-color)))}.utrecht-checkbox--custom.utrecht-checkbox--checked-active,.utrecht-custom-checkbox--checked-active{background-color:var(--utrecht-checkbox-checked-active-background-color, var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color)));border-color:var(--utrecht-checkbox-checked-active-border-color, var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color)));border-width:var(--utrecht-checkbox-checked-active-border-width, var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width)));color:var(--utrecht-checkbox-checked-active-color, var(--utrecht-checkbox-checked-color, var(--utrecht-checkbox-color)))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate-hover,.utrecht-custom-checkbox--indeterminate-hover{background-color:var(--utrecht-checkbox-indeterminate-hover-background-color, var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color)));border-color:var(--utrecht-checkbox-indeterminate-hover-border-color, var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color)));border-width:var(--utrecht-checkbox-indeterminate-hover-border-width, var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width)));color:var(--utrecht-checkbox-indeterminate-hover-color, var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color)))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate-active,.utrecht-custom-checkbox--indeterminate-active{background-color:var(--utrecht-checkbox-indeterminate-active-background-color, var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color)));border-color:var(--utrecht-checkbox-indeterminate-active-border-color, var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color)));border-width:var(--utrecht-checkbox-indeterminate-active-border-width, var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width)));color:var(--utrecht-checkbox-indeterminate-active-color, var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color)))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover:not(:where(:checked,:indeterminate,.utrecht-checkbox--checked,.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--checked,.utrecht-custom-checkbox--indeterminate,[aria-disabled=true],:disabled)),.utrecht-custom-checkbox--html-input:hover:not(:where(:checked,:indeterminate,.utrecht-checkbox--checked,.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--checked,.utrecht-custom-checkbox--indeterminate,[aria-disabled=true],:disabled)){background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active:not(:where(:checked,:indeterminate,.utrecht-checkbox--checked,.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--checked,.utrecht-custom-checkbox--indeterminate,[aria-disabled=true],:disabled)),.utrecht-custom-checkbox--html-input:active:not(:where(:checked,:indeterminate,.utrecht-checkbox--checked,.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--checked,.utrecht-custom-checkbox--indeterminate,[aria-disabled=true],:disabled)){background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-checked-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input,.utrecht-custom-checkbox--html-input{}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:hover:not([aria-disabled=true],:disabled),.utrecht-custom-checkbox--html-input:checked:hover:not([aria-disabled=true],:disabled){background-color:var(--utrecht-checkbox-checked-hover-background-color, var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color)));border-color:var(--utrecht-checkbox-checked-hover-border-color, var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color)));border-width:var(--utrecht-checkbox-checked-hover-border-width, var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width)));color:var(--utrecht-checkbox-checked-hover-color, var(--utrecht-checkbox-checked-color, var(--utrecht-checkbox-color)))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:active:not([aria-disabled=true],:disabled),.utrecht-custom-checkbox--html-input:checked:active:not([aria-disabled=true],:disabled){background-color:var(--utrecht-checkbox-checked-active-background-color, var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color)));border-color:var(--utrecht-checkbox-checked-active-border-color, var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color)));border-width:var(--utrecht-checkbox-checked-active-border-width, var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width)));color:var(--utrecht-checkbox-checked-active-color, var(--utrecht-checkbox-checked-color, var(--utrecht-checkbox-color)))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate:hover:not([aria-disabled=true],:disabled),.utrecht-custom-checkbox--html-input:indeterminate:hover:not([aria-disabled=true],:disabled){background-color:var(--utrecht-checkbox-indeterminate-hover-background-color, var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color)));border-color:var(--utrecht-checkbox-indeterminate-hover-border-color, var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color)));border-width:var(--utrecht-checkbox-indeterminate-hover-border-width, var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width)));color:var(--utrecht-checkbox-indeterminate-hover-color, var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color)))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate:active:not([aria-disabled=true],:disabled),.utrecht-custom-checkbox--html-input:indeterminate:active:not([aria-disabled=true],:disabled){background-color:var(--utrecht-checkbox-indeterminate-active-background-color, var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color)));border-color:var(--utrecht-checkbox-indeterminate-active-border-color, var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color)));border-width:var(--utrecht-checkbox-indeterminate-active-border-width, var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width)));color:var(--utrecht-checkbox-indeterminate-active-color, var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color)))}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtCustomCheckboxStyle0 = customCheckboxCss;
 
 const CustomCheckbox = /*@__PURE__*/ proxyCustomElement(class CustomCheckbox extends H {
@@ -17,7 +17,7 @@ const CustomCheckbox = /*@__PURE__*/ proxyCustomElement(class CustomCheckbox ext
     }
     render() {
         const { checked, required, disabled, indeterminate, invalid } = this;
-        return (h("input", { key: '6c3ec0d96df57817493a66f6a93b19727af86206', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
+        return (h("input", { key: '23971565906011851aeed908323f137f1c6d3dba', "aria-invalid": invalid ? 'true' : null, class: clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
     }
     static get style() { return UtrechtCustomCheckboxStyle0; }
 }, [1, "utrecht-custom-checkbox", {

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

@@ -1 +1 @@
-{"file":"utrecht-custom-checkbox.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,y8SAAy8S,CAAC;AACp+S,oCAAe,iBAAiB;;MCanB,cAAc;;;;;;;;;;;IAMzB,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,QACE,8EACgB,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/custom-checkbox.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","src/components/custom-checkbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/custom-checkbox-css/src\" as *;\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-custom-checkbox',\n  styleUrl: 'custom-checkbox.scss',\n  shadow: true,\n})\nexport class CustomCheckbox {\n  @Prop() disabled?: boolean;\n  @Prop() checked?: boolean;\n  @Prop() indeterminate?: boolean;\n  @Prop() invalid?: boolean;\n  @Prop() required?: boolean;\n  render() {\n    const { checked, required, disabled, indeterminate, invalid } = this;\n    return (\n      <input\n        aria-invalid={invalid ? 'true' : null}\n        class={clsx(\n          'utrecht-custom-checkbox',\n          'utrecht-custom-checkbox--html-input',\n          invalid && 'utrecht-custom-checkbox__box--invalid',\n        )}\n        type=\"checkbox\"\n        checked={checked}\n        required={required}\n        indeterminate={indeterminate}\n        disabled={disabled}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-custom-checkbox.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,o5gBAAo5gB,CAAC;AAC/6gB,oCAAe,iBAAiB;;MCanB,cAAc;;;;;;;;;;;IAMzB,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,QACE,8EACgB,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/custom-checkbox.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","src/components/custom-checkbox.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/custom-checkbox-css/src\" as *;\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-custom-checkbox',\n  styleUrl: 'custom-checkbox.scss',\n  shadow: true,\n})\nexport class CustomCheckbox {\n  @Prop() disabled?: boolean;\n  @Prop() checked?: boolean;\n  @Prop() indeterminate?: boolean;\n  @Prop() invalid?: boolean;\n  @Prop() required?: boolean;\n  render() {\n    const { checked, required, disabled, indeterminate, invalid } = this;\n    return (\n      <input\n        aria-invalid={invalid ? 'true' : null}\n        class={clsx(\n          'utrecht-custom-checkbox',\n          'utrecht-custom-checkbox--html-input',\n          invalid && 'utrecht-custom-checkbox__box--invalid',\n        )}\n        type=\"checkbox\"\n        checked={checked}\n        required={required}\n        indeterminate={indeterminate}\n        disabled={disabled}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-data-badge.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const dataBadgeCss = ".utrecht-badge-data,.utrecht-data-badge{background-color:var(--utrecht-data-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-data-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));border-width:var(--utrecht-data-badge-border-width, 0);color:var(--utrecht-data-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-data-badge-font-family, var(--utrecht-document-font-family, sans-serif));font-size:var(--utrecht-data-badge-font-size, var(--utrecht-badge-font-size, inherit));font-weight:var(--utrecht-data-badge-font-weight, var(--utrecht-badge-font-weight, bold));line-height:var(--utrecht-data-badge-line-height, var(--utrecht-badge-line-height, 1em));max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-data-badge-min-block-size, 1em);min-inline-size:var(--utrecht-data-badge-min-inline-size, 1em);padding-block-end:var(--utrecht-data-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-data-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-data-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-data-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-decoration:none;}:host{display:inline-block}:host([hidden]){display:none !important}";
 const UtrechtDataBadgeStyle0 = dataBadgeCss;
@@ -10,7 +10,7 @@ const DataBadge = /*@__PURE__*/ proxyCustomElement(class DataBadge extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '81b64e4ce6a3822179b23d5101f7c86ddb6c873f', class: "utrecht-data-badge" }, h("slot", { key: '58c5fa9f697b39b3b00b128bf138e5ff2cbdd8c7' })));
+        return (h("div", { key: '49e132135fde3587b45740c7ec0a1a1047c5b494', class: "utrecht-data-badge" }, h("slot", { key: 'f64c01f33f6716698e5d7bcd5208af1394359a4e' })));
     }
     static get style() { return UtrechtDataBadgeStyle0; }
 }, [1, "utrecht-data-badge"]);

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const dataListActionsCss = ":host{display:contents}dd{margin-inline-start:0;align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}:host([hidden]){display:none !important}";
 const UtrechtDataListActionsStyle0 = dataListActionsCss;
@@ -10,7 +10,7 @@ const DataListActions = /*@__PURE__*/ proxyCustomElement(class DataListActions e
         this.__attachShadow();
     }
     render() {
-        return (h("dd", { key: 'd01659ba29e577320cb664113a91d3bd046a44cf' }, h("slot", { key: 'cea8ab97d11ae9c14c74f81407974a4ab479da0b' })));
+        return (h("dd", { key: '7c637d313085fe4904d354be4d25773ed99d382e' }, h("slot", { key: 'c59307ee3572bbccdb382508ad44b0fd8377fda6' })));
     }
     static get style() { return UtrechtDataListActionsStyle0; }
 }, [1, "utrecht-data-list-actions"]);

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const dataListItemCss = ":host{display:contents}div{break-inside:avoid-page;--_utrecht-minmax:max(\n    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),\n    var(--utrecht-data-list-rows-column-inline-size, 80%)\n  );--_utrecht-auto-col:minmax(var(--_utrecht-minmax), max-content);border-block-end-color:var(--utrecht-data-list-rows-border-bottom-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-data-list-rows-border-bottom-width, 0);column-gap:var(--utrecht-data-list-rows-gap);display:grid;grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit, var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start);padding-block-end:var(--utrecht-data-list-rows-item-padding-block-end);padding-block-start:var(--utrecht-data-list-rows-item-padding-block-start);row-gap:0}:host([hidden]){display:none !important}";
 const UtrechtDataListItemStyle0 = dataListItemCss;
@@ -10,7 +10,7 @@ const DataListItem = /*@__PURE__*/ proxyCustomElement(class DataListItem extends
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '5b01eea70ee32dbc8b7647e09e151b6e08358a47' }, h("slot", { key: '52b10b374dc85fbcb3fea571a28923d730978a44' })));
+        return (h("div", { key: '08a0f1672de612c92e164a5dcc3a3091e7de9cd3' }, h("slot", { key: 'f12aef40f4b2791f4352e1ecfab9eb8b2aca46ff' })));
     }
     static get style() { return UtrechtDataListItemStyle0; }
 }, [1, "utrecht-data-list-item"]);

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const dataListKeyCss = ":host{display:contents}dt{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}:host([hidden]){display:none !important}";
 const UtrechtDataListKeyStyle0 = dataListKeyCss;
@@ -10,7 +10,7 @@ const DataListKey = /*@__PURE__*/ proxyCustomElement(class DataListKey extends H
         this.__attachShadow();
     }
     render() {
-        return (h("dt", { key: '493aabfb8a11ce574797fa0463d5b41b6dbbd122' }, h("slot", { key: '9d1ed04864df3c2ff6fe8fbed29f83cc9dbedcef' })));
+        return (h("dt", { key: '9bc41a8aed6277443232824250b080e39dbc0a82' }, h("slot", { key: '3359bd9f32c7728f87fa2b858c75aa23edcc94cc' })));
     }
     static get style() { return UtrechtDataListKeyStyle0; }
 }, [1, "utrecht-data-list-key"]);

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const dataListValueCss = ":host{display:contents}dd{color:var(--utrecht-data-list-item-value-color);font-size:var(--utrecht-data-list-item-value-font-size);font-weight:var(--utrecht-data-list-item-value-font-weight);line-height:var(--utrecht-data-list-item-value-line-height);min-block-size:calc(var(--utrecht-data-list-item-value-line-height) * 1rem);margin-inline-start:0;margin-block-start:var(--utrecht-data-list-rows-item-value-margin-block-start)}:host([hidden]){display:none !important}";
 const UtrechtDataListValueStyle0 = dataListValueCss;
@@ -10,7 +10,7 @@ const DataListValue = /*@__PURE__*/ proxyCustomElement(class DataListValue exten
         this.__attachShadow();
     }
     render() {
-        return (h("dd", { key: '5755547f0e607afed2b044c377086c6e96d68f53' }, h("slot", { key: 'e22f9d6ace1b30e1fdb8f2d137b9358fc878ee41' })));
+        return (h("dd", { key: '5d91f90fae8a123a3dc82e4400c3fb6f1a4c2d61' }, h("slot", { key: 'eae7ed4721e441a2631aab4c12751bc5acd74591' })));
     }
     static get style() { return UtrechtDataListValueStyle0; }
 }, [1, "utrecht-data-list-value"]);

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const dataListCss = ":host{display:contents}dl{display:block;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-data-list-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-data-list-margin-block-start, 0))}:host([hidden]){display:none !important}";
 const UtrechtDataListStyle0 = dataListCss;
@@ -10,7 +10,7 @@ const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("dl", { key: '513d3b6edadcddd86bb7cb0571c8eed33ea1b61a' }, h("slot", { key: 'b5d8164f5d5a8288e1162dd38c76a59c8bf868b5' })));
+        return (h("dl", { key: 'a2869e7dcb580a0cf64de5db85017d3e89816cd0' }, h("slot", { key: 'defcb9358fd6a8c806c325e29d89378b19770b65' })));
     }
     static get style() { return UtrechtDataListStyle0; }
 }, [1, "utrecht-data-list"]);

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

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
-import { d as defineCustomElement$2 } from './p-f8fc7c2a.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
+import { d as defineCustomElement$2 } from './p-8962b927.js';
 
 const digidButtonCss = ".utrecht-digid-button{--utrecht-button-min-block-size:var(--utrecht-digid-button-block-size, 44px);--utrecht-logo-max-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-inline-size:var(--utrecht-digid-button-block-size, 50px);block-size:var(--utrecht-digid-button-block-size, 50px);display:inline-flex;gap:var(--utrecht-space-inline-sm)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtDigidButtonStyle0 = digidButtonCss;
@@ -12,7 +12,7 @@ const DigidButton = /*@__PURE__*/ proxyCustomElement(class DigidButton extends H
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'f1212d9f2e58b416ad10adbf9be0f7f13c5ab691', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '422595d281253ee157ea2acd7e5ae014e1ffcf9d', class: "utrecht-digid-button__logo" }), h("slot", { key: '665ad8db0714b47d0565d21f586ad1e8d78d1d72' })));
+        return (h("div", { key: 'c3bd1eb07720323f00f4e3512868d8cd97790412', class: "utrecht-digid-button" }, h("utrecht-digid-logo", { key: '285dee8f9e8774a2f71bd98b62bc262e0504e375', class: "utrecht-digid-button__logo" }), h("slot", { key: 'b3202688e6384a02b9ef930326f468d4b6ce4766' })));
     }
     static get style() { return UtrechtDigidButtonStyle0; }
 }, [1, "utrecht-digid-button", {

package/dist/components/utrecht-digid-logo.js

@@ -1,4 +1,4 @@
-import { D as DigidLogo, d as defineCustomElement$1 } from './p-f8fc7c2a.js';
+import { D as DigidLogo, d as defineCustomElement$1 } from './p-8962b927.js';
 
 const UtrechtDigidLogo = DigidLogo;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/utrecht-document.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const documentCss = ".utrecht-document{-webkit-font-smoothing:auto !important;-moz-osx-font-smoothing:auto !important;color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.utrecht-document :lang(ar){letter-spacing:0 !important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtDocumentStyle0 = documentCss;
@@ -10,7 +10,7 @@ const Document = /*@__PURE__*/ proxyCustomElement(class Document extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'f808c23ddaa5f7d6d0234c06d3d0ba77ae97b870', class: "utrecht-document" }, h("slot", { key: '63499ba27483d49518259076575bc04a0f72d2d1' })));
+        return (h("div", { key: '7c3971ed2f5094a9c5fabf6702d85870ff075fd7', class: "utrecht-document" }, h("slot", { key: '35eeb2fb782984e6d50bf5801415524814d787c5' })));
     }
     static get style() { return UtrechtDocumentStyle0; }
 }, [1, "utrecht-document"]);

package/dist/components/utrecht-drawer.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 
-const drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:contents}:host([hidden]){display:none !important}";
+const drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}.utrecht-drawer__header{border-block-end-color:var(--utrecht-drawer-header-border-color, currentColor);border-block-end-style:solid;border-block-end-width:var(--utrecht-drawer-header-border-block-end-width, 0);box-sizing:border-box;display:flex;padding-block-end:var(--utrecht-drawer-header-padding-block-end);padding-block-start:var(--utrecht-drawer-header-padding-block-start);padding-inline-end:var(--utrecht-drawer-header-padding-inline-end);padding-inline-start:var(--utrecht-drawer-header-padding-inline-start)}.utrecht-drawer__body{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;padding-block-end:var(--utrecht-drawer-body-padding-block-end);padding-block-start:var(--utrecht-drawer-body-padding-block-start);padding-inline-end:var(--utrecht-drawer-body-padding-inline-end);padding-inline-start:var(--utrecht-drawer-body-padding-inline-start);row-gap:var(--utrecht-drawer-body-row-gap)}.utrecht-drawer__footer{border-block-start-color:var(--utrecht-drawer-footer-border-color, currentColor);border-block-start-style:solid;border-block-start-width:var(--utrecht-drawer-footer-border-block-start-width, 0);box-sizing:border-box;padding-block-end:var(--utrecht-drawer-footer-padding-block-end);padding-block-start:var(--utrecht-drawer-footer-padding-block-start);padding-inline-end:var(--utrecht-drawer-footer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-footer-padding-inline-start)}.utrecht-drawer__header-actions{flex-shrink:0;margin-inline-start:auto}.utrecht-drawer--open,.utrecht-drawer:not(dialog:not([open]),[hidden]){display:flex;flex-direction:column}:host{display:contents}:host([hidden]){display:none !important}";
 const UtrechtDrawerStyle0 = drawerCss;
 
 const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends H {
@@ -14,12 +14,12 @@ const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends H {
     }
     render() {
         const { align, open } = this;
-        return (h("dialog", { key: '74c0651d9d67f1aecc51e60ef7d9921349a2481a', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
+        return (h("dialog", { key: '979ef3616c33a848dc90ad274d7ce518111de53b', ref: (el) => (this.dialogElement = el), class: clsx('utrecht-drawer', {
                 'utrecht-drawer--block-end': align === 'block-end',
                 'utrecht-drawer--block-start': align === 'block-start',
                 'utrecht-drawer--inline-end': align === 'inline-end' || !align,
                 'utrecht-drawer--inline-start': align === 'inline-start',
-            }), open: open }, h("slot", { key: 'f492b473e63c570e4a0f3f802a1c8b453c6b1a30' })));
+            }), open: open }, h("slot", { key: '0ca2cbf6b9e2869303ad6521886617c437f4dc61' })));
     }
     async close() {
         var _a;

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

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

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

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

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

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

package/dist/components/utrecht-emphasis.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const emphasisCss = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}:host{display:inline}:host([hidden]){display:none !important}";
 const UtrechtEmphasisStyle0 = emphasisCss;
@@ -10,7 +10,7 @@ const Emphasis = /*@__PURE__*/ proxyCustomElement(class Emphasis extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("em", { key: 'c22073e4a9412dad95a173fcad56872622c47b7c', class: "utrecht-emphasis" }, h("slot", { key: '74887e5669e145bb51ad89f4b0b137ca03c96695' })));
+        return (h("em", { key: 'dac1c3b2f5018f8e3465c2946520a33dbbf2622d', class: "utrecht-emphasis" }, h("slot", { key: '5e8116a72f4b2affec6032be37ecd6a511bb5eb9' })));
     }
     static get style() { return UtrechtEmphasisStyle0; }
 }, [1, "utrecht-emphasis"]);

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 
 const flexWrapFallbackCss = ":host{display:block}:host([hidden]){display:none !important}.utrecht-flex-wrap-fallback__content--hidden,.utrecht-flex-wrap-fallback__fallback--hidden{block-size:0;opacity:0%;outline:0;overflow:hidden;pointer-events:none;position:relative;user-select:none}";
 const UtrechtFlexWrapFallbackStyle0 = flexWrapFallbackCss;
@@ -46,7 +46,7 @@ const FlexWrapFallback = /*@__PURE__*/ proxyCustomElement(class FlexWrapFallback
     }
     render() {
         const { contentWraps } = this;
-        return (h("div", { key: '83c37023b9eecc8342d773fb0721770818958a94' }, h("div", { key: 'd185afc26a559f452471e6183a3aa9c4302e16f7', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: '2d52827e5edea6a076c3846235ade554bf619cb9' })), h("div", { key: 'c0e3c32a24784bdd64063d28098a3865fc36af88', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: '3eecdfa3acc7a69c0bdf2fde8a9539c746689392', name: "fallback" }))));
+        return (h("div", { key: '7b20252afeb38bb7931d3d14bd5282b57b2ed6cb' }, h("div", { key: 'e5620bb3c9f5f36a8b76cef66e06ff5813613777', id: "wrap", class: `utrecht-flex-wrap-fallback__content ${contentWraps ? 'utrecht-flex-wrap-fallback__content--hidden' : ''}`, "data-inert": contentWraps, "aria-hidden": contentWraps }, h("slot", { key: 'a05782749befda28fcafd4961251d0611037f9bb' })), h("div", { key: '905dbdbd8bab79c73f6f52e6c8174a2b4bcdce2b', id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${contentWraps ? '' : 'utrecht-flex-wrap-fallback__fallback--hidden'}`, "data-inert": !contentWraps, hidden: !contentWraps }, h("slot", { key: 'f841a40bafd4f203d35a0ca23347cb5c6f6ce953', name: "fallback" }))));
     }
     get hostElement() { return this; }
     static get style() { return UtrechtFlexWrapFallbackStyle0; }