npm - @dso-toolkit/core - Versions diffs - 98.0.0 → 99.1.0 - Mend

@dso-toolkit/core 98.0.0 → 99.1.0

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

Files changed (529) hide show

package/dist/bundle/dso-mark-bar.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
-import { d as defineCustomElement$3 } from './p-BFzVw-DT.js';
-import { d as defineCustomElement$2 } from './p-D1Oc-tJz.js';
+import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$2 } from './p-BVpypRBU.js';
 const markBarCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}`;
@@ -55,7 +55,7 @@ const MarkBar = /*@__PURE__*/ proxyCustomElement(class MarkBar extends H {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: '9c96b955f02eb00d3791811d3add922fd3aefc03', class: "dso-mark-bar" }, h("div", { key: '8dcde94d1b4f0acb5b91ce09354aaf11214627c1', class: "dso-mark-bar-input" }, h("input", { key: 'b283f660e45f54009720d383a2fd40a295ebef07', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'ad5ba2c4f461834456c25f127f66fc89a4386ba8', htmlFor: "search-input" }, h("dso-icon", { key: '8e795ec94b869ead2a0ccabe7cc2dbfec62cd57c', class: "dso-search-icon", icon: "search" }), h("span", { key: 'f9deaecaf01d88e1bcb470b1dcc629ed808e0fcc', class: "label-text" }, this.label)), h("dso-icon-button", { key: '5be26ffcc5868c98ad723f9489741c7f25500073', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '31d5f290c23b7e7dbb9aacb0e895d3832bf8d7e5', class: "dso-button-container" }, h("span", { key: '14bc4372fd205910486f3b46435f87e82455014f', class: "divider" }), h("dso-icon-button", { key: 'ffa2b803d116ee33244ecc1a6350e0b84bcbd2fc', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'b306c04e74f1c808b9b4b57f65e94faf6f4d3828', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '803288a8a611bb5d46a2cdea22806712c8500370', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: 'e14eec6ad6de8fa15819ab39fb1830eb49a55b38', class: "dso-mark-bar" }, h("div", { key: 'e1d4c20bc0b5d73596ce9daa35eb271e1b812498', class: "dso-mark-bar-input" }, h("input", { key: '349d818a4be946b75177c7652de4de810e1ada46', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'c62c0fe8c75261d764cc9d82942f38b040dd4db6', htmlFor: "search-input" }, h("dso-icon", { key: '4baa4aa80cf1f28cc244883b39c1302e99930ae3', class: "dso-search-icon", icon: "search" }), h("span", { key: '888e55f0beb7a0c7aa7d75ccd81b21d0894d315f', class: "label-text" }, this.label)), h("dso-icon-button", { key: '29a349369cce850b7383262722e1912901d8c2e4', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'af99215c7547c8c56941775b94d6491e2ff322a2', class: "dso-button-container" }, h("span", { key: '7f9a71a536f903628d9108d1df3a5086efa0ec47', class: "divider" }), h("dso-icon-button", { key: '9319ba0b23ae0a15c195cb4e9f787528e0fbb706', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'f2b4107a4f482406348532a94a61d23b21f8a29a', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '70b698aeedf87fbd9ffa1fe4a8143703a99fbd63', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
     static get style() { return markBarCss(); }
 }, [1, "dso-mark-bar", {

package/dist/bundle/dso-modal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { M as Modal, d as defineCustomElement$1 } from './p-Bk1uG4K2.js';
+import { M as Modal, d as defineCustomElement$1 } from './p-CWNtCf83.js';
 const DsoModal = Modal;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-onboarding-tip.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host, t as transformTag } from './p-Di7uBIhp.js';
-import { p as positionTooltip } from './p-ByYAhz9G.js';
-import { d as defineCustomElement$3 } from './p-BFzVw-DT.js';
-import { d as defineCustomElement$2 } from './p-D1Oc-tJz.js';
+import { p as positionTooltip } from './p-CIKsNci_.js';
+import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$2 } from './p-BVpypRBU.js';
-const onboardingTipCss = () => `*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.onboarding-tip-inner{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
+const onboardingTipCss = () => `*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:0.875rem;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--_dso-link-color:#fff;--_dso-link-hover-color:#b2b2b2;--_dso-link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
 const OnboardingTip = /*@__PURE__*/ proxyCustomElement(class OnboardingTip extends H {
     constructor(registerHost) {
@@ -76,7 +76,7 @@ const OnboardingTip = /*@__PURE__*/ proxyCustomElement(class OnboardingTip exten
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (h(Host, { key: '5aeb7a79e1c840fdcd1581629bab565cb6195964', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'f682ffef067d416abcdfb92de076157ef4635a96', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '1685336bd7d365432a4e1605ca5de9884a77b9f1', class: "onboarding-tip-inner" }, h("div", { key: '7e84de56317eb1c0db3228f1500548660d267a42', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '112ffe14ba781117c47f1fa8e550c0873bfb12ae', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '465c334685797cfb597f95a18fed3672b74f71e0', icon: "light-bulb" }), h("slot", { key: 'c9f66333ec1e3b85f9e65ed4e36cab9c54aad992', name: "heading" }))), h("dso-icon-button", { key: '5f9fd3edb275bb51b80b231deaa2f4ca33a01a20', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'bd647429e4acbfc9101aa42f2d9429e153071bba' }))), h("div", { key: '9b79d4a9b9b93bc3260137854ddbe8c491cdd393', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'dd28aba6c94e69bce7dd91e8c3bef5327d8f84dd', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '5db73647f2c75eda6bfabda1c5c850c7fbc025ea', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'e694e750218315308f99e58c8ff00ac2a65529da', class: "onboarding-tip-inner" }, h("div", { key: 'a36d26c91664b584496c2d6a02bd8a3b5782d7f6', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '594b2fe2727c65e0c8f8b4148e5271d40e57df72', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'a682d1907a1f699c768a9663827f350d82391591', icon: "light-bulb" }), h("slot", { key: 'c968e81733173c04d8eda1fdbd94cba1c5ef4dcc', name: "heading" }))), h("dso-icon-button", { key: 'd584bee8fdb9f9d36d2fd30f453c4184f79223ba', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b9c2fe589a242f41db9df0a55dfa105a7b32c941' }))), h("div", { key: '22b2b1623a525cc7ebf6d6873fdd623afdfedd22', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/bundle/dso-ozon-content-toggletip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { O as OzonContentToggletip, d as defineCustomElement$1 } from './p-CxCyh-ue.js';
+import { O as OzonContentToggletip, d as defineCustomElement$1 } from './p-Q0QoAbtJ.js';
 const DsoOzonContentToggletip = OzonContentToggletip;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-ozon-content.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { O as OzonContent, d as defineCustomElement$1 } from './p-BlVogjOP.js';
+import { O as OzonContent, d as defineCustomElement$1 } from './p-Cj4wP5c0.js';
 const DsoOzonContent = OzonContent;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-pagination.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$3 } from './p-BFzVw-DT.js';
-import { d as defineCustomElement$2 } from './p-B94z5NjB.js';
+import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$2 } from './p-C4ybibNA.js';
 const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
@@ -51,7 +51,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
         const availablePositions = this.availablePositions;
         const currentPage = this.currentPage ?? 0;
         const pages = this.getPages(currentPage, this.availablePositions, this.totalPages);
-        return (h("dso-responsive-element", { ref: (element) => (this.responsiveElement = element) }, h("nav", { class: "pagination", "aria-label": "Paginering" }, h("ul", null, h("li", { class: currentPage <= 1 || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage - 1), "aria-label": "Vorige", onClick: (e) => currentPage && this.clickHandler(e, currentPage - 1) }, h("dso-icon", { icon: "chevron-left" }))), pages.map((page) => (h(Fragment, null, this.showEllipsisBeforeLast(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), h("li", { key: page, class: currentPage === page ? "active" : undefined }, currentPage === page ? (h("span", { "aria-current": "page" }, page)) : (h("a", { href: this.formatHref(page), onClick: (e) => this.clickHandler(e, page) }, page)), page === this.totalPages ? h("span", { class: "sr-only" }, " (laatste pagina)") : null), this.showEllipsisAfterFirst(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), this.showEllipsisLastWithoutTotal(pages, page, this.totalPages) && (h("li", null, h("span", null, "...")))))), h("li", { class: (this.totalPages && currentPage >= this.totalPages) || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage + 1), "aria-label": "Volgende", onClick: (e) => currentPage && this.clickHandler(e, currentPage + 1) }, h("dso-icon", { icon: "chevron-right" })))))));
+        return (h("dso-responsive-element", { ref: (element) => (this.responsiveElement = element) }, h("nav", { class: "pagination", "aria-label": "Paginering" }, h("ul", null, h("li", { class: currentPage <= 1 || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage - 1), "aria-label": "Vorige pagina", onClick: (e) => currentPage && this.clickHandler(e, currentPage - 1) }, h("dso-icon", { icon: "chevron-left" }))), pages.map((page) => (h(Fragment, null, this.showEllipsisBeforeLast(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), h("li", { key: page, class: currentPage === page ? "active" : undefined }, currentPage === page ? (h("span", { "aria-current": "page" }, h("span", { class: "sr-only" }, "Pagina"), " ", page)) : (h("a", { href: this.formatHref(page), onClick: (e) => this.clickHandler(e, page) }, h("span", { class: "sr-only" }, "Pagina"), " ", page)), page === this.totalPages ? h("span", { class: "sr-only" }, " (laatste pagina)") : null), this.showEllipsisAfterFirst(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), this.showEllipsisLastWithoutTotal(pages, page, this.totalPages) && (h("li", null, h("span", null, "...")))))), h("li", { class: (this.totalPages && currentPage >= this.totalPages) || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage + 1), "aria-label": "Volgende pagina", onClick: (e) => currentPage && this.clickHandler(e, currentPage + 1) }, h("dso-icon", { icon: "chevron-right" })))))));
     }
     getAvailablePositions(sizePositions) {
         if (sizePositions % 2 === 0) {

package/dist/bundle/dso-panel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as Panel, d as defineCustomElement$1 } from './p-CH7Qz1nD.js';
+import { P as Panel, d as defineCustomElement$1 } from './p-DP30G93t.js';
 const DsoPanel = Panel;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-plekinfo-card.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, c as Host, t as transformTag } from './p-Di7uBIhp.js';
 import { W as WrapWijzigactie } from './p-BO8XMsvv.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-BFzVw-DT.js';
+import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
-const plekinfoCardCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}ins{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}del{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none;white-space:nowrap}.heading-anchor .heading-content{white-space:normal}.heading-anchor dso-icon{margin-inline-start:4px}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
+const plekinfoCardCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none;white-space:nowrap}.heading-anchor .heading-content{white-space:normal}.heading-anchor dso-icon{margin-inline-start:4px}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
 const PlekinfoCard = /*@__PURE__*/ proxyCustomElement(class PlekinfoCard extends H {
     constructor(registerHost) {
@@ -43,7 +43,7 @@ const PlekinfoCard = /*@__PURE__*/ proxyCustomElement(class PlekinfoCard extends
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '543306e79eb7e5d709dfd1f2eec6c1a829cf1c54', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'c9e4b926a41bff86987373106cf99e32f55816d2', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'f48a44794417a5e56fbaa43825166482d456cd28', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '706e4705ebef26811d2c9004f7842ab3efbf5529', name: "symbol" })), h("div", { key: '9167fb31f2e96ad0fd7522213b2a84b508e452db', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'e9ca6107f6f3b103600e2d89441b1769c826519b', name: "meta" }), this.interaction !== null && h("slot", { key: 'cc9c24fe1dd78bfbb38bd2c37b068699beeb8cef', name: "interaction" })), h("div", { key: '3b163daa99df5d10dfe326c85f514109635a7a36', class: "dso-plekinfo-card-content" }, h("slot", { key: '78ea1257b86f1a17634ab5084595911bf8c2b299', name: "content" })))));
+        return (h(Host, { key: 'a75c69064b86d78983450a7d2292ac0853c4320e', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'e1f0132df6901123050343bd69afaf426bc39db6', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: '52034db203768490b772ab2df50506bf25f06033', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'bd23225ec33b0a93380299dc1a91c34862b83b79', name: "symbol" })), h("div", { key: '4908e9208fd6939cbb1dc7f7255cdca3e0ed5e01', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '6000a878476bfcf2dd592cfa09defb077f1d4d0b', name: "meta" }), this.interaction !== null && h("slot", { key: '595030bbbc74ee345ef866fd5949cc80ae880644', name: "interaction" })), h("div", { key: '17b61edfcc78c8af0c438512704d780d850a837a', class: "dso-plekinfo-card-content" }, h("slot", { key: '4d7b8bb3cec6fc0405d58901c2bb64c03aeed8b1', name: "content" })))));
     }
     get host() { return this; }
     static get style() { return plekinfoCardCss(); }

package/dist/bundle/dso-progress-indicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as Progressindicator, d as defineCustomElement$1 } from './p-BHpXZF8A.js';
+import { P as Progressindicator, d as defineCustomElement$1 } from './p-B985IZ5E.js';
 const DsoProgressIndicator = Progressindicator;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-project-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
-import { d as defineCustomElement$4 } from './p-BFzVw-DT.js';
-import { d as defineCustomElement$3 } from './p-D1Oc-tJz.js';
-import { d as defineCustomElement$2 } from './p-BXiN5sX-.js';
+import { d as defineCustomElement$4 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$3 } from './p-BVpypRBU.js';
+import { d as defineCustomElement$2 } from './p-CXcA4DEL.js';
 const projectItemCss = () => `:host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}`;
@@ -14,7 +14,7 @@ const ProjectItem = /*@__PURE__*/ proxyCustomElement(class ProjectItem extends H
         this.__attachShadow();
     }
     render() {
-        return (h(Fragment, { key: '5eb61bb4cd7964ffe57e386f1a1bfa3cc31c8515' }, h("div", { key: '1e025506f88f85360c48f220d5d1d829f9f4379a', class: "project-item-header" }, h("div", { key: '1f1301ef9ceb8595a66894faab1de8851bcadf01', class: "project-item-title" }, h("slot", { key: 'f4d80d37815fbca27409758b17311c99e1a66440', name: "title" }), this.label && (h("dso-label", { key: '9e281c06a16aea32417cfcfcd5e36e17c48c8ac5', status: "error", compact: true }, this.label))), h("div", { key: '44ef55c6fffec6bdce31bf2b66915f0e98c627b5', class: "project-item-actions" }, h("slot", { key: '89984eb6b1fcaf201100eff912437e731c80cf94', name: "actions" }))), h("div", { key: 'b5657113edc72b288236ef32498b2f93163c4652', class: "project-item-info" }, h("div", { key: '480c9417d3dca88bfb7c6c399c40476dfe8476b7', class: "project-item-progress" }, h("slot", { key: '19007788a2a5fdc79c0f9e9a345d737c289f2959', name: "progress" })), h("div", { key: '4fb6f580e032d809627e25c1472e48f01bf191a3', class: "project-item-status" }, h("slot", { key: '00c5a2fb2dd637bb32b03b9d1219b4c00ee31190', name: "status" })))));
+        return (h(Fragment, { key: '447c6d9887401b305eac7c56e2056413b6a7b375' }, h("div", { key: '959949635e952831c815162bb096055ec5d84389', class: "project-item-header" }, h("div", { key: 'b7b829516001abee5de3da5566ad08eca169c98b', class: "project-item-title" }, h("slot", { key: '7f5958491e6a929d3ebdb5df48debab82df24f83', name: "title" }), this.label && (h("dso-label", { key: '9f3546615ab8d5efd12aa0bfeaa771a6cd8ba851', status: "error", compact: true }, this.label))), h("div", { key: 'e44a29b7356e5ee1483727161d163930de5cb9cb', class: "project-item-actions" }, h("slot", { key: '984bd922fc47d18518159a5322e31998edbcf2ca', name: "actions" }))), h("div", { key: '4067852a2ecf49b32806d613db5dd5cca95e4691', class: "project-item-info" }, h("div", { key: '12ac2875146a554dfbdc0923830c8538afb739f5', class: "project-item-progress" }, h("slot", { key: '409dea9404ddc4db683040a0cc1dbcb68cb1f401', name: "progress" })), h("div", { key: 'ed7d7028099bd637539b73b8db834fa37702eb50', class: "project-item-status" }, h("slot", { key: 'a0246bd1d806c19578e9faa1e249b4dcedb9b8ac', name: "status" })))));
     }
     static get style() { return projectItemCss(); }
 }, [257, "dso-project-item", {

package/dist/bundle/dso-renvooi.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as Renvooi, d as defineCustomElement$1 } from './p-DTmh2fpe.js';
+import { R as Renvooi, d as defineCustomElement$1 } from './p-DTsQJazx.js';
 const DsoRenvooi = Renvooi;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-responsive-element.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as ResponsiveElement, d as defineCustomElement$1 } from './p-B94z5NjB.js';
+import { R as ResponsiveElement, d as defineCustomElement$1 } from './p-C4ybibNA.js';
 const DsoResponsiveElement = ResponsiveElement;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-scrollable.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as Scrollable, d as defineCustomElement$1 } from './p-DFS4M3wz.js';
+import { S as Scrollable, d as defineCustomElement$1 } from './p-CjzslTc7.js';
 const DsoScrollable = Scrollable;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-segmented-button.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
-const segmentedButtonCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:16px;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}`;
+const segmentedButtonCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:1rem;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}`;
 const SegmentedButton = /*@__PURE__*/ proxyCustomElement(class SegmentedButton extends H {
     constructor(registerHost) {
@@ -26,7 +26,7 @@ const SegmentedButton = /*@__PURE__*/ proxyCustomElement(class SegmentedButton e
         });
     }
     render() {
-        return (h("div", { key: '5b2ffd8b3df72bd51dc5feca2a9bbf118dbcdbdc', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (h("div", { key: '97f901e92ff416f68bf272804a877bb571eeb97e', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
             return (h("label", null, h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), h("span", { class: "segment-label" }, option.label)));
         })));
     }

package/dist/bundle/dso-selectable.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as Selectable, d as defineCustomElement$1 } from './p-C2TaY3C1.js';
+import { S as Selectable, d as defineCustomElement$1 } from './p-D3Aw2q6j.js';
 const DsoSelectable = Selectable;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-skiplink.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-BFzVw-DT.js';
+import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
-const skiplinkCss = () => `:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;
+const skiplinkCss = () => `:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--_dso-link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;
 const Skiplink = /*@__PURE__*/ proxyCustomElement(class Skiplink extends H {
     constructor(registerHost) {
@@ -20,7 +20,7 @@ const Skiplink = /*@__PURE__*/ proxyCustomElement(class Skiplink extends H {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: '346217a7f45ef757960c491fff7bfc6cc243e2d4', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'abfe7c977b2bac13751670e72cacbb682a75d210', icon: "chevron-right" })));
+        return (h("a", { key: '99088e9ff4a1eb24a73acd28a71631a492489e40', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '9c7bcee7a86e7b996172a69fd87755a867ffdac6', icon: "chevron-right" })));
     }
     static get style() { return skiplinkCss(); }
 }, [1, "dso-skiplink", {

package/dist/bundle/dso-slide-toggle.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SlideToggle, d as defineCustomElement$1 } from './p-D-E3DKqU.js';
+import { S as SlideToggle, d as defineCustomElement$1 } from './p-CaqgkKJr.js';
 const DsoSlideToggle = SlideToggle;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-survey-rating.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
-import { d as defineCustomElement$4 } from './p-BFzVw-DT.js';
-import { d as defineCustomElement$3 } from './p-D1Oc-tJz.js';
-import { d as defineCustomElement$2 } from './p-CH7Qz1nD.js';
+import { d as defineCustomElement$4 } from './p-Du2uEAur.js';
+import { d as defineCustomElement$3 } from './p-BVpypRBU.js';
+import { d as defineCustomElement$2 } from './p-DP30G93t.js';
-const surveyRatingCss = () => `:host {   display: block;   position: fixed;   inset-block-end: 16px;   inset-inline-start: 16px;   inline-size: 370px;   background-color: #fff;   box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);   border-radius: 4px;   z-index: 1000; } @media screen and (max-width: 480px) {   :host {     inline-size: 320px;     inset-block-end: 0;     inset-inline-start: 0;     --panel-heading-padding-inline-start: 8px;     --panel-body-padding-inline: 8px;   } }  *, *::after, *::before {   box-sizing: border-box; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .visual-rating-labels {   display: flex;   justify-content: space-between;   margin-block: 8px; }  input[type=radio] {   appearance: none;   cursor: pointer;   position: absolute;   margin-inline: 0;   margin-block: 0;   inset-block: 8px 0;   inset-inline: 0;   z-index: 1; }  label {   position: relative;   display: inline-flex;   align-items: center;   justify-content: center;   inline-size: 48px;   block-size: 48px;   border: 1px solid #ccc;   border-inline-end-width: 0;   padding-block-start: 8px; } @media screen and (max-width: 480px) {   label {     inline-size: 43px;     block-size: 43px;   } } label:hover {   background-color: #f2f2f2; } label:active {   background-color: #e5e5e5; } label:first-of-type {   border-radius: 4px 0 0 4px; } label:first-of-type::before {   border-radius: 3px 0 0; } label:last-of-type {   border-inline-end-width: 1px;   border-radius: 0 4px 4px 0; } label:last-of-type::before {   border-radius: 0 3px 0 0; } label::before {   content: "";   display: block;   position: absolute;   inset-block-start: 0;   block-size: 8px;   inline-size: 100%;   border-block-end: 1px solid #ccc; } label:has(input:checked) {   font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } label.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } label.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } label.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } label.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit")); } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) {   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #b62f41;   color: #fff;   border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } label.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } label.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } label.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } label.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit")); } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) {   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #ce3f51;   color: #fff;   border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } label.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } label.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } label.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } label.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) {   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #e17000;   color: #191919;   border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } label.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } label.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } label.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } label.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) {   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #dcd400;   color: #191919;   border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } label.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } label.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } label.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } label.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) {   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #79b929;   color: #191919;   border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } label.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } label.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } label.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } label.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit")); } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) {   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #39870c;   color: #fff;   border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } label.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } label.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } label.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } label.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit")); } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) {   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #275937;   color: #fff;   border-color: #ccc; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; } button.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible {   outline-offset: 2px; } button.dso-secondary:active {   outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after {   content: "";   display: inline-block; } button.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small {   line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } button.dso-secondary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } button {   margin-block-start: 16px; }`;
+const surveyRatingCss = () => `:host {   display: block;   position: fixed;   inset-block-end: 16px;   inset-inline-start: 16px;   inline-size: 370px;   background-color: #fff;   box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);   border-radius: 4px;   z-index: 1000; } @media screen and (max-width: 480px) {   :host {     inline-size: 320px;     inset-block-end: 0;     inset-inline-start: 0;     --panel-heading-padding-inline-start: 8px;     --panel-body-padding-inline: 8px;   } }  *, *::after, *::before {   box-sizing: border-box; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .visual-rating-labels {   display: flex;   justify-content: space-between;   margin-block: 8px; }  input[type=radio] {   appearance: none;   cursor: pointer;   position: absolute;   margin-inline: 0;   margin-block: 0;   inset-block: 8px 0;   inset-inline: 0;   z-index: 1; }  label {   position: relative;   display: inline-flex;   align-items: center;   justify-content: center;   inline-size: 48px;   block-size: 48px;   border: 1px solid #ccc;   border-inline-end-width: 0;   padding-block-start: 8px; } @media screen and (max-width: 480px) {   label {     inline-size: 43px;     block-size: 43px;   } } label:hover {   background-color: #f2f2f2; } label:active {   background-color: #e5e5e5; } label:first-of-type {   border-radius: 4px 0 0 4px; } label:first-of-type::before {   border-radius: 3px 0 0; } label:last-of-type {   border-inline-end-width: 1px;   border-radius: 0 4px 4px 0; } label:last-of-type::before {   border-radius: 0 3px 0 0; } label::before {   content: "";   display: block;   position: absolute;   inset-block-start: 0;   block-size: 8px;   inline-size: 100%;   border-block-end: 1px solid #ccc; } label:has(input:checked) {   font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #b62f41;   color: #fff;   border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #ce3f51;   color: #fff;   border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #e17000;   color: #191919;   border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #dcd400;   color: #191919;   border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #79b929;   color: #191919;   border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #39870c;   color: #fff;   border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #275937;   color: #fff;   border-color: #ccc; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; } button.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible {   outline-offset: 2px; } button.dso-secondary:active {   outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after {   content: "";   display: inline-block; } button.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small {   line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } button.dso-secondary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } button {   margin-block-start: 16px; }`;
 const SurveyRating = /*@__PURE__*/ proxyCustomElement(class SurveyRating extends H {
     constructor(registerHost) {
@@ -33,10 +33,10 @@ const SurveyRating = /*@__PURE__*/ proxyCustomElement(class SurveyRating extends
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: '5d37cadebe4a30b60a333ae312a8ec599e9dd689', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '105f896f31081bd20293985ace6d7757cf354858', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '08b870e41e17967458a1630ce47ce054471f8fe2' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '639198b670fa1e4a986b6a3d476e026c1d50b806', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '591d6e78de80f2c71b50002d9abbfbbd33c962dd', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'f9937a42a32019e48a7511d9237059242537babb' }, "Heel moeilijk"), h("span", { key: '2e0952f21cfe980b3151ea4aa78a1ef34eccf5ae' }, "Heel makkelijk")), h("div", { key: '9bac6c3b0167721de3a386db6cbeff88f122d646', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: '5a4099fc5d6ce14b20b587d8e62bfc11918b6d86', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'f03325417ab807016ccefcfa24a4da835f4dbb68', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '6ef7c26ffde99057fcf886ef0316788127d420d2' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'eb8514e4cc4e89bc55c49d0976a9c3ecf653efa7', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '68fea48419eac3912dc30ef73949aaa832c1a871', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'fca067c067668615de7808598625480acb9b2eaf' }, "Heel moeilijk"), h("span", { key: '51a76e96cba6667434b244244a02c5534b8d4f03' }, "Heel makkelijk")), h("div", { key: '9d6477945ef3676a2b5b083546aa896c59c9bac6', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: '3cd0c53fbe1fcf6c6b77ec04365c0bec421ecf04', type: "submit", class: "dso-secondary" }, h("span", { key: 'cd5e598cfec32413f22cb6f9216637fe1c67d7ca' }, "Antwoord verzenden")))));
+        })), h("button", { key: '659e0df5fee571799ec9bf0a56dff2ea909b871c', type: "submit", class: "dso-secondary" }, h("span", { key: '4062e16418955a900706e9d98fc653b1fbc70dd8' }, "Antwoord verzenden")))));
     }
     static get style() { return surveyRatingCss(); }
 }, [1, "dso-survey-rating"]);

package/dist/bundle/dso-table.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { T as Table, d as defineCustomElement$1 } from './p-CaARHb7c.js';
+import { T as Table, d as defineCustomElement$1 } from './p-BUP7ETj9.js';
 const DsoTable = Table;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-tabs.js CHANGED Viewed

@@ -64,7 +64,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: '69cdc0bd5753cc65ff546ba1c2969c3b9ac6482c' }, h("div", { key: '4171b7b417ecfb7c3b9d69cd50b2fef583b51081', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'ad50f36cc2b02bd54c7646e6a36d475a76695f94' })), h("div", { key: 'b9fe37167164089894407c8d1788a749d820503c', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'ea6204b048ae528b8f82b08bd4f73c0f3ada7ee0', name: "panel" }))));
+        return (h(Host, { key: '4a44a3f5b4183fba668eb37e9083bb71866aef9a' }, h("div", { key: 'cbf2e18cc35725d846549d557bead0d8133a278b', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'cafbccebd54d9ec8002b5595fc02b0d3a11a5471' })), h("div", { key: 'a86c75fc090ae36b4fcae2b8ff9cb4433cbca18b', role: "tabpanel", tabindex: "0" }, h("slot", { key: '83ed8f4078f347d8a43682cbeca57a52a996be9c', name: "panel" }))));
     }
     get host() { return this; }
     static get style() { return tabsCss(); }

package/dist/bundle/dso-tijdreis-banner.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
-import { d as defineCustomElement$2 } from './p-BFzVw-DT.js';
+import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
-const tijdreisBannerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}:host{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff;display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}`;
+const tijdreisBannerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff;display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}`;
 const TijdreisBanner = /*@__PURE__*/ proxyCustomElement(class TijdreisBanner extends H {
     constructor(registerHost) {
@@ -12,7 +12,7 @@ const TijdreisBanner = /*@__PURE__*/ proxyCustomElement(class TijdreisBanner ext
         this.__attachShadow();
     }
     render() {
-        return (h(Fragment, { key: 'a20b08110a3df8900f6de701bcb3bc6b4d485984' }, h("dso-icon", { key: '778139814e1dc3de82f955047319acb38efc4b0c', icon: "clock-outline" }), h("slot", { key: '45e6529857a046f7bbec4fd0098689e7dddffa02' }), h("slot", { key: '251d8dd8f53477b8b7053b417f0d2f5a3d9739e1', name: "button" })));
+        return (h(Fragment, { key: 'ef5f6d647c3998d1bd562a904470710e1bbb1177' }, h("dso-icon", { key: 'af96dc3009774785a74fe60fe71271f3d30b4c6d', icon: "clock-outline" }), h("slot", { key: '92be636223afd77de6f5ec34ff2b9761961a18c6' }), h("slot", { key: '6113c5ba3be8f56779da8548e8153dbdd0f70e59', name: "button" })));
     }
     static get style() { return tijdreisBannerCss(); }
 }, [257, "dso-tijdreis-banner"]);