@dso-toolkit/core 87.0.0 → 88.1.0

package/dist/dso-toolkit/p-e66785fd.entry.js

@@ -0,0 +1,2 @@
+import{r as n,d as o,h as e,F as r,g as a,a as t}from"./p-Dx5skKSq.js";import{A as s}from"./p-DsSLzkr9.js";import{w as i,A as d,a as l}from"./p-DhlPEFYa.js";import{p as c,a as b,M as p}from"./p-CTkMTWyv.js";import{i as m}from"./p-Hgv-pDpy.js";const f=()=>`a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a dso-icon+span,a span+dso-icon{margin-inline-start:8px}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#email-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#email-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_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([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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"))}:host([wijzigactie=voegtoe]) 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#email-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_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:colors.$zwart}:host([wijzigactie=verwijder]){--_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([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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"))}:host([wijzigactie=verwijder]) 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#email-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_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:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}`;const g=class{constructor(e){n(this,e);this.dsoActiveChange=o(this,"dsoActiveChange",7);this.watcher=i(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const n=this.watcher.hasSymbool();return e(s,{key:"f73c4480e55cea90ca7774c1d53fe9132c2af190",symbol:n?e(l,null):undefined,active:this.active,dsoActiveChange:this.dsoActiveChange,title:e(r,null,e("span",{class:"content"},e("dso-renvooi",{value:this.locatieNoemer})),this.gewijzigdeLocatie&&e(d,null))})}get host(){return a(this)}};g.style=f();var y=undefined&&undefined.__rest||function(n,o){var e={};for(var r in n)if(Object.prototype.hasOwnProperty.call(n,r)&&o.indexOf(r)<0)e[r]=n[r];if(n!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,r=Object.getOwnPropertySymbols(n);a<r.length;a++){if(o.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(n,r[a]))e[r[a]]=n[r[a]]}return e};const h=(n,o)=>{var{heading:r,mode:a,href:t,onClick:s}=n,i=y(n,["heading","mode","href","onClick"]);let d;switch(r){default:case"h2":d=e("h2",Object.assign({},i,{onClick:a==="document"?s:undefined}),o);break;case"h3":d=e("h3",Object.assign({},i,{onClick:a==="document"?s:undefined}),o);break;case"h4":d=e("h4",Object.assign({},i,{onClick:a==="document"?s:undefined}),o);break;case"h5":d=e("h5",Object.assign({},i,{onClick:a==="document"?s:undefined}),o);break;case"h6":d=e("h6",Object.assign({},i,{onClick:a==="document"?s:undefined}),o)}if(a==="table-of-contents"&&t){return e("a",{href:t,onClick:s,class:"heading-anchor"},d)}return d};const u=()=>`button {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n  background-clip: padding-box;\n}\na.dso-primary:focus, a.dso-primary:focus-visible,\nbutton.dso-primary:focus,\nbutton.dso-primary:focus-visible,\nlabel.dso-primary:focus,\nlabel.dso-primary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  outline: 0;\n}\na.dso-primary.extern::after, a.dso-primary.download::after,\nbutton.dso-primary.extern::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.extern::after,\nlabel.dso-primary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  background-color: var(--_dso-button-primary-background-color, #39870c);\n  border-color: var(--_dso-button-primary-border-color, #39870c);\n  color: var(--_dso-button-primary-color, #fff);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\na.dso-primary:hover,\nbutton.dso-primary:hover,\nlabel.dso-primary:hover {\n  background-color: var(--_dso-button-primary-hover-background-color, #275937);\n  border-color: var(--_dso-button-primary-hover-border-color, #275937);\n  color: var(--_dso-button-primary-hover-color, #fff);\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  background-color: var(--_dso-button-primary-active-background-color, #173521);\n  border-color: var(--_dso-button-primary-active-border-color, #173521);\n  color: var(--_dso-button-primary-active-color, #fff);\n}\na.dso-primary[disabled], a.dso-primary[disabled]:hover,\nbutton.dso-primary[disabled],\nbutton.dso-primary[disabled]:hover,\nlabel.dso-primary[disabled],\nlabel.dso-primary[disabled]:hover {\n  background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);\n  border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-primary-disabled-color, #fff);\n}\na.dso-primary.dso-small,\nbutton.dso-primary.dso-small,\nlabel.dso-primary.dso-small {\n  line-height: 1rem;\n}\na.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,\nbutton.dso-primary.dso-small dso-icon,\nbutton.dso-primary.dso-small.extern::after,\nbutton.dso-primary.dso-small.download::after,\nbutton.dso-primary.dso-small.dso-spinner::before,\nlabel.dso-primary.dso-small dso-icon,\nlabel.dso-primary.dso-small.extern::after,\nlabel.dso-primary.dso-small.download::after,\nlabel.dso-primary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-primary.dso-small.dso-spinner-left::before,\nbutton.dso-primary.dso-small.dso-spinner-left::before,\nlabel.dso-primary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-primary.dso-small.dso-spinner-right::after,\nbutton.dso-primary.dso-small.dso-spinner-right::after,\nlabel.dso-primary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-primary.dso-extra-small,\nbutton.dso-primary.dso-extra-small,\nlabel.dso-primary.dso-extra-small {\n  line-height: 1rem;\n}\na.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before,\nbutton.dso-primary.dso-extra-small dso-icon,\nbutton.dso-primary.dso-extra-small.extern::after,\nbutton.dso-primary.dso-extra-small.download::after,\nbutton.dso-primary.dso-extra-small.dso-spinner::before,\nlabel.dso-primary.dso-extra-small dso-icon,\nlabel.dso-primary.dso-extra-small.extern::after,\nlabel.dso-primary.dso-extra-small.download::after,\nlabel.dso-primary.dso-extra-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-primary.dso-extra-small.dso-spinner-left::before,\nbutton.dso-primary.dso-extra-small.dso-spinner-left::before,\nlabel.dso-primary.dso-extra-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-primary.dso-extra-small.dso-spinner-right::after,\nbutton.dso-primary.dso-extra-small.dso-spinner-right::after,\nlabel.dso-primary.dso-extra-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-primary.dso-extra-small,\nbutton.dso-primary.dso-extra-small,\nlabel.dso-primary.dso-extra-small {\n  padding-block: 9px;\n}\na.dso-primary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-primary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-primary dso-icon:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\na.dso-primary span:not(.sr-only) + dso-icon,\nbutton.dso-primary span:not(.sr-only) + dso-icon,\nlabel.dso-primary span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\na.dso-primary dso-icon + span:not(.sr-only),\nbutton.dso-primary dso-icon + span:not(.sr-only),\nlabel.dso-primary dso-icon + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\na.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],\nbutton.dso-primary.dso-spinner-left[disabled],\nbutton.dso-primary.dso-spinner-right[disabled],\nlabel.dso-primary.dso-spinner-left[disabled],\nlabel.dso-primary.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-primary.dso-spinner-left::before,\nbutton.dso-primary.dso-spinner-left::before,\nlabel.dso-primary.dso-spinner-left::before {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-primary.dso-spinner-right::after,\nbutton.dso-primary.dso-spinner-right::after,\nlabel.dso-primary.dso-spinner-right::after {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-primary.download::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.download::after {\n  background: url("./di.svg#download-wit") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-primary.extern::after,\nbutton.dso-primary.extern::after,\nlabel.dso-primary.extern::after {\n  background: url("./di.svg#external-link-wit") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n  background-clip: padding-box;\n}\na.dso-secondary:focus, a.dso-secondary:focus-visible,\nbutton.dso-secondary:focus,\nbutton.dso-secondary:focus-visible,\nlabel.dso-secondary:focus,\nlabel.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  outline: 0;\n}\na.dso-secondary.extern::after, a.dso-secondary.download::after,\nbutton.dso-secondary.extern::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.extern::after,\nlabel.dso-secondary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  background-color: var(--_dso-button-secondary-background-color, #fff);\n  border-color: var(--_dso-button-secondary-border-color, #39870c);\n  color: var(--_dso-button-secondary-color, #39870c);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\na.dso-secondary:hover,\nbutton.dso-secondary:hover,\nlabel.dso-secondary:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n  color: var(--_dso-button-secondary-hover-color, #275937);\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #275937);\n  border-color: var(--_dso-button-secondary-active-border-color, #275937);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\na.dso-secondary[disabled], a.dso-secondary[disabled]:hover,\nbutton.dso-secondary[disabled],\nbutton.dso-secondary[disabled]:hover,\nlabel.dso-secondary[disabled],\nlabel.dso-secondary[disabled]:hover {\n  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\na.dso-secondary.dso-small,\nbutton.dso-secondary.dso-small,\nlabel.dso-secondary.dso-small {\n  line-height: 1rem;\n}\na.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small.extern::after,\nbutton.dso-secondary.dso-small.download::after,\nbutton.dso-secondary.dso-small.dso-spinner::before,\nlabel.dso-secondary.dso-small dso-icon,\nlabel.dso-secondary.dso-small.extern::after,\nlabel.dso-secondary.dso-small.download::after,\nlabel.dso-secondary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-secondary.dso-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.dso-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.dso-extra-small,\nbutton.dso-secondary.dso-extra-small,\nlabel.dso-secondary.dso-extra-small {\n  line-height: 1rem;\n}\na.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before,\nbutton.dso-secondary.dso-extra-small dso-icon,\nbutton.dso-secondary.dso-extra-small.extern::after,\nbutton.dso-secondary.dso-extra-small.download::after,\nbutton.dso-secondary.dso-extra-small.dso-spinner::before,\nlabel.dso-secondary.dso-extra-small dso-icon,\nlabel.dso-secondary.dso-extra-small.extern::after,\nlabel.dso-secondary.dso-extra-small.download::after,\nlabel.dso-secondary.dso-extra-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-secondary.dso-extra-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-extra-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-extra-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.dso-extra-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-extra-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-extra-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.dso-extra-small,\nbutton.dso-secondary.dso-extra-small,\nlabel.dso-secondary.dso-extra-small {\n  padding-block: 9px;\n}\na.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-secondary dso-icon:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\na.dso-secondary span:not(.sr-only) + dso-icon,\nbutton.dso-secondary span:not(.sr-only) + dso-icon,\nlabel.dso-secondary span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\na.dso-secondary dso-icon + span:not(.sr-only),\nbutton.dso-secondary dso-icon + span:not(.sr-only),\nlabel.dso-secondary dso-icon + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],\nbutton.dso-secondary.dso-spinner-left[disabled],\nbutton.dso-secondary.dso-spinner-right[disabled],\nlabel.dso-secondary.dso-spinner-left[disabled],\nlabel.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\na.dso-secondary.dso-spinner-left::before,\nbutton.dso-secondary.dso-spinner-left::before,\nlabel.dso-secondary.dso-spinner-left::before {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.dso-spinner-right::after,\nbutton.dso-secondary.dso-spinner-right::after,\nlabel.dso-secondary.dso-spinner-right::after {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.download::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.download::after {\n  background: url("./di.svg#download") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-secondary.download:hover::after,\nbutton.dso-secondary.download:hover::after,\nlabel.dso-secondary.download:hover::after {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\na.dso-secondary.download[disabled]::after,\nbutton.dso-secondary.download[disabled]::after,\nlabel.dso-secondary.download[disabled]::after {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));\n}\na.dso-secondary.extern::after,\nbutton.dso-secondary.extern::after,\nlabel.dso-secondary.extern::after {\n  background: url("./di.svg#external-link") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-secondary.extern:hover::after,\nbutton.dso-secondary.extern:hover::after,\nlabel.dso-secondary.extern:hover::after {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\na.dso-secondary.extern[disabled]::after,\nbutton.dso-secondary.extern[disabled]::after,\nlabel.dso-secondary.extern[disabled]::after {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n  background-clip: padding-box;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n  outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n  background-clip: padding-box;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n  outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  background-color: var(--_dso-button-tertiary-background-color, );\n  border-color: var(--_dso-button-tertiary-border-color, );\n  color: var(--_dso-button-tertiary-color, #39870c);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\na.dso-tertiary:hover,\nbutton.dso-tertiary:hover,\nlabel.dso-tertiary:hover {\n  background-color: var(--_dso-button-tertiary-hover-background-color, );\n  border-color: var(--_dso-button-tertiary-hover-border-color, );\n  color: var(--_dso-button-tertiary-hover-color, #275937);\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n  background-color: var(--_dso-button-tertiary-active-background-color, );\n  border-color: var(--_dso-button-tertiary-active-border-color, );\n  color: var(--_dso-button-tertiary-active-color, #173521);\n}\na.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover,\nbutton.dso-tertiary[disabled],\nbutton.dso-tertiary[disabled]:hover,\nlabel.dso-tertiary[disabled],\nlabel.dso-tertiary[disabled]:hover {\n  background-color: var(--_dso-button-tertiary-disabled-background-color, );\n  border-color: var(--_dso-button-tertiary-disabled-border-color, );\n  color: var(--_dso-button-tertiary-disabled-color, #afcf9d);\n}\na.dso-tertiary.dso-small,\nbutton.dso-tertiary.dso-small,\nlabel.dso-tertiary.dso-small {\n  line-height: 1rem;\n}\na.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before,\nbutton.dso-tertiary.dso-small dso-icon,\nbutton.dso-tertiary.dso-small.extern::after,\nbutton.dso-tertiary.dso-small.download::after,\nbutton.dso-tertiary.dso-small.dso-spinner::before,\nlabel.dso-tertiary.dso-small dso-icon,\nlabel.dso-tertiary.dso-small.extern::after,\nlabel.dso-tertiary.dso-small.download::after,\nlabel.dso-tertiary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-tertiary.dso-small.dso-spinner-left::before,\nbutton.dso-tertiary.dso-small.dso-spinner-left::before,\nlabel.dso-tertiary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-tertiary.dso-small.dso-spinner-right::after,\nbutton.dso-tertiary.dso-small.dso-spinner-right::after,\nlabel.dso-tertiary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-tertiary.dso-extra-small,\nbutton.dso-tertiary.dso-extra-small,\nlabel.dso-tertiary.dso-extra-small {\n  line-height: 1rem;\n}\na.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before,\nbutton.dso-tertiary.dso-extra-small dso-icon,\nbutton.dso-tertiary.dso-extra-small.extern::after,\nbutton.dso-tertiary.dso-extra-small.download::after,\nbutton.dso-tertiary.dso-extra-small.dso-spinner::before,\nlabel.dso-tertiary.dso-extra-small dso-icon,\nlabel.dso-tertiary.dso-extra-small.extern::after,\nlabel.dso-tertiary.dso-extra-small.download::after,\nlabel.dso-tertiary.dso-extra-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-tertiary.dso-extra-small.dso-spinner-left::before,\nbutton.dso-tertiary.dso-extra-small.dso-spinner-left::before,\nlabel.dso-tertiary.dso-extra-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-tertiary.dso-extra-small.dso-spinner-right::after,\nbutton.dso-tertiary.dso-extra-small.dso-spinner-right::after,\nlabel.dso-tertiary.dso-extra-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-tertiary.dso-extra-small,\nbutton.dso-tertiary.dso-extra-small,\nlabel.dso-tertiary.dso-extra-small {\n  padding-block: 9px;\n}\na.dso-tertiary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-tertiary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\na.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary dso-icon + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  border: 0;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\na.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,\nbutton.dso-tertiary[disabled].dso-spinner-left,\nbutton.dso-tertiary[disabled].dso-spinner-right,\nlabel.dso-tertiary[disabled].dso-spinner-left,\nlabel.dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\na.dso-tertiary:not([disabled]):hover,\nbutton.dso-tertiary:not([disabled]):hover,\nlabel.dso-tertiary:not([disabled]):hover {\n  text-decoration: underline;\n  text-underline-position: under;\n}\na.dso-tertiary.dso-align,\nbutton.dso-tertiary.dso-align,\nlabel.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\na.dso-tertiary.dso-truncate,\nbutton.dso-tertiary.dso-truncate,\nlabel.dso-tertiary.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\na.dso-tertiary.dso-spinner-left::before,\nbutton.dso-tertiary.dso-spinner-left::before,\nlabel.dso-tertiary.dso-spinner-left::before {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-tertiary.dso-spinner-right::after,\nbutton.dso-tertiary.dso-spinner-right::after,\nlabel.dso-tertiary.dso-spinner-right::after {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n}\na.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\na.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nbutton.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nlabel.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nlabel.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-inline-start: 0;\n}\na.dso-tertiary dso-icon,\na.dso-tertiary span,\nbutton.dso-tertiary dso-icon,\nbutton.dso-tertiary span,\nlabel.dso-tertiary dso-icon,\nlabel.dso-tertiary span {\n  vertical-align: middle;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  position: relative;\n  inset-block-start: -2px;\n}\na.dso-tertiary.download::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.download::after {\n  background: url("./di.svg#download") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-tertiary.download[disabled]::after,\nbutton.dso-tertiary.download[disabled]::after,\nlabel.dso-tertiary.download[disabled]::after {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));\n}\na.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,\nbutton.dso-tertiary.download:not([disabled]):hover::after,\nbutton.dso-tertiary.download:not([disabled]):active::after,\nlabel.dso-tertiary.download:not([disabled]):hover::after,\nlabel.dso-tertiary.download:not([disabled]):active::after {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen"));\n}\na.dso-tertiary.extern::after,\nbutton.dso-tertiary.extern::after,\nlabel.dso-tertiary.extern::after {\n  background: url("./di.svg#external-link") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-tertiary.extern[disabled]::after,\nbutton.dso-tertiary.extern[disabled]::after,\nlabel.dso-tertiary.extern[disabled]::after {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));\n}\na.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,\nbutton.dso-tertiary.extern:not([disabled]):hover::after,\nbutton.dso-tertiary.extern:not([disabled]):active::after,\nlabel.dso-tertiary.extern:not([disabled]):hover::after,\nlabel.dso-tertiary.extern:not([disabled]):active::after {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen"));\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n  background-clip: padding-box;\n}\na.dso-map:focus, a.dso-map:focus-visible,\nbutton.dso-map:focus,\nbutton.dso-map:focus-visible,\nlabel.dso-map:focus,\nlabel.dso-map:focus-visible {\n  outline-offset: 2px;\n}\na.dso-map:active,\nbutton.dso-map:active,\nlabel.dso-map:active {\n  outline: 0;\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n  background-color: var(--_dso-button-secondary-background-color, #fff);\n  border-color: var(--_dso-button-secondary-border-color, #39870c);\n  color: var(--_dso-button-secondary-color, #39870c);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\na.dso-map:hover,\nbutton.dso-map:hover,\nlabel.dso-map:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n  color: var(--_dso-button-secondary-hover-color, #275937);\n}\na.dso-map:active,\nbutton.dso-map:active,\nlabel.dso-map:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #275937);\n  border-color: var(--_dso-button-secondary-active-border-color, #275937);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\na.dso-map[disabled], a.dso-map[disabled]:hover,\nbutton.dso-map[disabled],\nbutton.dso-map[disabled]:hover,\nlabel.dso-map[disabled],\nlabel.dso-map[disabled]:hover {\n  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\na.dso-map.dso-small,\nbutton.dso-map.dso-small,\nlabel.dso-map.dso-small {\n  line-height: 1rem;\n}\na.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,\nbutton.dso-map.dso-small dso-icon,\nbutton.dso-map.dso-small.extern::after,\nbutton.dso-map.dso-small.download::after,\nbutton.dso-map.dso-small.dso-spinner::before,\nlabel.dso-map.dso-small dso-icon,\nlabel.dso-map.dso-small.extern::after,\nlabel.dso-map.dso-small.download::after,\nlabel.dso-map.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-map.dso-small.dso-spinner-left::before,\nbutton.dso-map.dso-small.dso-spinner-left::before,\nlabel.dso-map.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-map.dso-small.dso-spinner-right::after,\nbutton.dso-map.dso-small.dso-spinner-right::after,\nlabel.dso-map.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-map.dso-extra-small,\nbutton.dso-map.dso-extra-small,\nlabel.dso-map.dso-extra-small {\n  line-height: 1rem;\n}\na.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before,\nbutton.dso-map.dso-extra-small dso-icon,\nbutton.dso-map.dso-extra-small.extern::after,\nbutton.dso-map.dso-extra-small.download::after,\nbutton.dso-map.dso-extra-small.dso-spinner::before,\nlabel.dso-map.dso-extra-small dso-icon,\nlabel.dso-map.dso-extra-small.extern::after,\nlabel.dso-map.dso-extra-small.download::after,\nlabel.dso-map.dso-extra-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-map.dso-extra-small.dso-spinner-left::before,\nbutton.dso-map.dso-extra-small.dso-spinner-left::before,\nlabel.dso-map.dso-extra-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-map.dso-extra-small.dso-spinner-right::after,\nbutton.dso-map.dso-extra-small.dso-spinner-right::after,\nlabel.dso-map.dso-extra-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-map.dso-extra-small,\nbutton.dso-map.dso-extra-small,\nlabel.dso-map.dso-extra-small {\n  padding-block: 9px;\n}\na.dso-map dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-map dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-map dso-icon:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\na.dso-map span:not(.sr-only) + dso-icon,\nbutton.dso-map span:not(.sr-only) + dso-icon,\nlabel.dso-map span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\na.dso-map dso-icon + span:not(.sr-only),\nbutton.dso-map dso-icon + span:not(.sr-only),\nlabel.dso-map dso-icon + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled],\nbutton.dso-map.dso-spinner-left[disabled],\nbutton.dso-map.dso-spinner-right[disabled],\nlabel.dso-map.dso-spinner-left[disabled],\nlabel.dso-map.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\na.dso-map.dso-spinner-left::before,\nbutton.dso-map.dso-spinner-left::before,\nlabel.dso-map.dso-spinner-left::before {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-map.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-map.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-map.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-map.dso-spinner-right::after,\nbutton.dso-map.dso-spinner-right::after,\nlabel.dso-map.dso-spinner-right::after {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-map.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-map.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  border: 0;\n  font-weight: 600;\n  margin-inline-end: 16px;\n  padding-block: 8px;\n  padding-inline: 16px;\n  white-space: nowrap;\n}\na.dso-map:focus, a.dso-map:focus-visible,\nbutton.dso-map:focus,\nbutton.dso-map:focus-visible,\nlabel.dso-map:focus,\nlabel.dso-map:focus-visible {\n  outline-offset: -1px;\n}\na.dso-map:has(span.sr-only):has(dso-icon),\nbutton.dso-map:has(span.sr-only):has(dso-icon),\nlabel.dso-map:has(span.sr-only):has(dso-icon) {\n  padding: 8px;\n  min-inline-size: auto;\n  block-size: 40px;\n  inline-size: 40px;\n}\n\na.dso-primary {\n  text-decoration: none;\n}\na.dso-primary, a.dso-primary:visited {\n  color: #fff;\n}\na.dso-secondary {\n  text-decoration: none;\n}\na.dso-secondary, a.dso-secondary:visited {\n  color: #39870c;\n}\na.dso-secondary:hover, a.dso-secondary:visited:hover {\n  color: #275937;\n}\na.dso-tertiary {\n  text-decoration: none;\n}\na.dso-tertiary, a.dso-tertiary:visited {\n  color: #39870c;\n}\n\n.dso-primary + .dso-primary,\n.dso-primary + .dso-secondary,\n.dso-primary + .dso-tertiary,\n.dso-secondary + .dso-primary,\n.dso-secondary + .dso-secondary,\n.dso-secondary + .dso-tertiary,\n.dso-tertiary + .dso-primary,\n.dso-tertiary + .dso-secondary,\n.dso-tertiary + .dso-tertiary {\n  margin-inline-start: 16px;\n}\n\nmark {\n  background-color: var(--_dt-mark-bg-color, #f8f5ce);\n  color: var(--_dt-mark-color, #000);\n  padding-block: var(--_dt-mark-padding-block, 0.2rem);\n  font-weight: var(--_dt-mark-font-weight, normal);\n}\nmark.dso-highlight {\n  background-color: #dbd136;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  border: 0;\n  overflow: hidden;\n  clip-path: rect(0 0 0 0);\n}\n\n:host {\n  display: block;\n  --depth: var(--a, 0);\n}\n\n:host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {\n  padding-inline-start: 8px;\n  margin-inline-end: 8px;\n}\n\n:host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])),\n:host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {\n  padding-block-start: 4px;\n  padding-block-end: 4px;\n}\n\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n  --_dso-document-component-text-decoration: line-through;\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n  --_dso-icon-button-tertiary-color: #191919;\n  --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n  --_dso-icon-button-tertiary-active-color: #173521;\n  --_dso-icon-button-tertiary-disabled-color: #999;\n  --_dso-button-tertiary-color: #191919;\n  --_dso-button-tertiary-hover-color: #4c4c4c;\n  --_dso-button-tertiary-active-color: #173521;\n  --_dso-button-tertiary-disabled-color: #999;\n  background-color: #f5d8dc;\n  color: #191919;\n  --_dso-ozon-content-toggletip-color: colors.$zwart;\n}\n\n.heading-element,\n.content {\n  text-decoration: var(--_dso-document-component-text-decoration);\n  --_dso-ozon-content-toggletip-text-decoration: underline var(--_dso-document-component-text-decoration);\n}\n@media screen and (min--moz-device-pixel-ratio: 0) {\n  .heading-element,\n  .content {\n    font-family: sans-serif;\n  }\n}\n\n:host([wijzigactie=nieuweContainer]) .heading-container,\n:host([wijzigactie=voegtoe]) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container,\n:host([wijzigactie=voegtoe]) {\n  --_dso-icon-button-tertiary-color: #191919;\n  --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n  --_dso-icon-button-tertiary-active-color: #173521;\n  --_dso-icon-button-tertiary-disabled-color: #999;\n  --_dso-button-tertiary-color: #191919;\n  --_dso-button-tertiary-hover-color: #4c4c4c;\n  --_dso-button-tertiary-active-color: #173521;\n  --_dso-button-tertiary-disabled-color: #999;\n  background-color: #e4f1d4;\n  color: #191919;\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);\n  --_dso-ozon-content-toggletip-color: colors.$zwart;\n}\n\n:host([filtered]) {\n  position: relative;\n}\n:host([filtered])::before {\n  content: "";\n  inset-inline-start: -3px;\n  position: absolute;\n  display: block;\n  inline-size: 3px;\n  inset-block-start: 0;\n  inset-block-end: 0;\n  background-color: #6ca4d9;\n}\n\n:host([open]) .annotation-container,\n:host([open]) .heading-container,\n:host([open-annotation]) .annotation-container,\n:host([open-annotation]) .heading-container {\n  margin-block-end: 8px;\n}\n\n:host(:not([open])) dso-ozon-content::part(_subtitels),\n:host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) {\n  display: none;\n}\n\n.recursive-toggle,\n.toggle-button {\n  --_dso-icon-button-tertiary-color: #275937;\n  border: 0;\n  padding: 0;\n  background: 0;\n  color: #275937;\n}\n\n.heading-anchor {\n  display: flex;\n  flex-wrap: nowrap;\n  background-color: transparent;\n  color: var(--link-color);\n  text-decoration: underline;\n  text-underline-offset: 15%;\n}\n.heading-anchor:hover, .heading-anchor:focus-visible {\n  color: var(--link-hover-color);\n  text-decoration: underline;\n}\n.heading-anchor:active {\n  text-decoration: none;\n}\n.heading-anchor dso-icon + span,\n.heading-anchor span + dso-icon {\n  margin-inline-start: 8px;\n}\n.heading-anchor .sr-only + dso-icon {\n  margin-inline-start: 0;\n}\n.heading-anchor:visited {\n  color: var(--link-visited-color);\n}\n.heading-anchor {\n  text-decoration: none;\n}\n\n.heading-element {\n  align-items: start;\n  display: flex;\n  font-size: 1rem;\n  color: #275937;\n  margin: 0;\n}\n.heading-element > * {\n  vertical-align: middle;\n}\n\n.alternative-title {\n  cursor: pointer;\n}\n.alternative-title:hover, .alternative-title:focus-visible {\n  color: var(--link-hover-color);\n  text-decoration: underline;\n}\n.alternative-title:active {\n  text-decoration: none;\n}\n\n:host([not-collapsible]) .heading-container {\n  margin-block-end: 0;\n}\n:host([not-collapsible]) .editaction-label {\n  margin-inline-start: 0;\n}\n:host([not-collapsible]) dso-ozon-content.kop::part(_kop) {\n  color: #000;\n}\n\n:host(:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) {\n  display: inline;\n}\n\n:host([mode=document]:not([not-collapsible])) {\n  --link-color: #39870c;\n  --link-hover-color: #676cb0;\n}\n:host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) {\n  cursor: pointer;\n}\n:host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover {\n  color: var(--link-hover-color);\n  text-decoration: underline;\n}\n:host([mode=document]:not([not-collapsible])) .editaction-label {\n  margin-inline-start: 24px;\n}\n\n:host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) {\n  text-decoration: none;\n}\n\n:host([mode=table-of-contents]) .heading-container {\n  padding-inline-start: 8px;\n}\n:host([mode=table-of-contents]) .heading-element {\n  color: inherit;\n}\n:host([mode=table-of-contents]) .editaction-label {\n  margin-inline-start: 0;\n}\n\n:host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) {\n  --_dso-icon-button-tertiary-color: inherit;\n  color: inherit;\n}\n\n:host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) {\n  font-weight: normal;\n}\n\n.addons {\n  margin-inline-start: auto;\n  display: flex;\n  gap: 8px;\n}\n\n.heading {\n  display: flex;\n  align-items: start;\n  gap: 8px;\n}\n\n:host([type=ARTIKEL]:not([alternative-title])) dso-ozon-content.kop::part(_kop),\n:host([type=ARTIKEL]:not([alternative-title])) .toggle-button {\n  --_dso-icon-button-tertiary-color: #000;\n  color: #000;\n}\n\n:host([type=LID][open-annotation]) .annotation-container {\n  margin-block-start: 8px;\n}\n\n.editaction-label {\n  font-style: italic;\n  margin-inline-start: 8px;\n}\n\n.content,\n.heading-container {\n  padding-inline-end: 8px;\n}\n\n.content {\n  --_dso-alert-margin-block-end: 8px;\n}\n\n.annotation-container {\n  padding-inline-end: 8px;\n}\n.annotation-container dso-panel {\n  --_dso-panel-body-background-color: #fff;\n}\n\n:host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel {\n  --_dso-panel-body-background-color: #faecee;\n  --_dso-renvooi-text-decoration: line-through;\n}\n\n:host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel {\n  --_dso-panel-body-background-color: #f2f8ea;\n}`;const v={nieuweContainer:"Toegevoegd",verwijder:"Verwijderd",verwijderContainer:"Verwijderd",voegtoe:"Toegevoegd"};const k=({gereserveerd:n,vervallen:o})=>e(r,null," ",n&&e("dso-label",Object.assign({compact:true},n.wijzigactie?{status:n.wijzigactie==="voegtoe"?"toegevoegd":"verwijderd"}:{}),n.type)," ",o&&e("dso-label",Object.assign({compact:true},o.wijzigactie?{status:o.wijzigactie==="voegtoe"?"toegevoegd":"verwijderd"}:{}),o.type));const x=({gereserveerd:n,vervallen:o})=>{if(n&&n.wijzigactie!=="verwijder"&&!o){return e("dso-alert",{status:"info"},"Dit onderdeel is gereserveerd voor toekomstige toevoeging.")}if(o&&o.wijzigactie!=="voegtoe"&&!n){return e("dso-alert",{status:"info"},"Dit onderdeel is vervallen.")}return null};const w=class{constructor(e){n(this,e);this.dsoRecursiveToggle=o(this,"dsoRecursiveToggle",3);this.dsoOpenToggle=o(this,"dsoOpenToggle",3);this.dsoTableOfContentsClick=o(this,"dsoTableOfContentsClick",3);this.dsoOzonContentClick=o(this,"dsoOzonContentClick",3);this.dsoAnnotationToggle=o(this,"dsoAnnotationToggle",3);this.dsoMarkItemHighlight=o(this,"dsoMarkItemHighlight",3);this.heading="h2";this.open=false;this.filtered=false;this.notApplicable=false;this.annotated=false;this.openAnnotation=false;this.mode="document";this.handleHeadingClick=n=>{if(this.mode==="table-of-contents"){this.dsoTableOfContentsClick.emit({originalEvent:n,isModifiedEvent:m(n)})}else if(this.type!=="LID"){this.dsoOpenToggle.emit({originalEvent:n,open:!this.open})}};this.handleOzonContentClick=n=>{const{detail:o}=n;if(o.type==="Kop"){this.handleHeadingClick(o.originalEvent)}else{this.dsoOzonContentClick.emit({originalEvent:n,ozonContentClick:n.detail})}};this.handleRecursiveToggleClick=n=>{this.dsoRecursiveToggle.emit({originalEvent:n,current:this.recursiveToggle,next:this.recursiveToggle!==true})}}get kop(){return this._kopInput}set kop(n){this._kopInput=n;this._kop=typeof n==="string"?c(n):n}get inhoud(){return this._inhoudInput}set inhoud(n){this._inhoudInput=n;this._inhoud=typeof n==="string"?c(n):n}get gereserveerd(){return this._gereserveerdInput}set gereserveerd(n){this._gereserveerdInput=n;this._gereserveerd=this.parseAantekenElement(n)}get vervallen(){return this._vervallenInput}set vervallen(n){this._vervallenInput=n;this._vervallen=this.parseAantekenElement(n)}get wijzigactieLabel(){return this.wijzigactie&&v[this.wijzigactie]}showBadge(){return!!this.badge&&(!this.open&&this.mode==="document"||this.mode==="table-of-contents")}parseAantekenElement(n){if(!n){return undefined}let o;if(typeof n==="string"){const e=c(n);o=e===null||e===void 0?void 0:e.documentElement}else if(n instanceof XMLDocument){o=n.documentElement}if(!o){return undefined}const e=b(o);const r=o.tagName.toLowerCase();let a;if(r==="vervallen"){a="Vervallen"}else if(r==="gereserveerd"){a="Gereserveerd"}if(!a){return undefined}return{type:a,wijzigactie:e}}render(){const n=!!((this._kop||this.alternativeTitle)&&this.type!=="LID");const o=!!(this.wijzigactie||n||this._kop||this.alternativeTitle||this.label||this.annotated);return e(t,{key:"68f4fb252bc7a1657867c8462f02c37acfcfd795","not-collapsible":!n},o&&e("div",{key:"dbb571c223fa1ef537e7dea1cdf2e52493fdc5a4",class:"heading-container",part:"_heading-container"},this.wijzigactie&&e("span",{key:"461c603eab7110053373f2b5c224dadb9b7a1e11",class:"editaction-label"},this.wijzigactieLabel,":"),e("div",{key:"956832b500e8fd2af29a324c6396e87957c08e1a",class:"heading"},e(h,{key:"d4d1ba7715f0760697ba7b19beedc91a76da1719",heading:this.heading,class:"heading-element",onClick:this.alternativeTitle?this.handleHeadingClick:undefined,mode:this.mode,href:this.href},n&&this.mode==="document"&&e("dso-icon-button",{key:"981740a7b2e5af9a9fbec99c5ac7b8f87b5e98e2",label:this.open?"Invouwen":"Uitvouwen",class:"toggle-button",icon:this.open?"chevron-down":"chevron-right",variant:"tertiary",onDsoClick:n=>this.handleHeadingClick(n.detail.originalEvent)}),e("div",{key:"71d8c07c0ac6444fb8be558201e0c427259b684f"},this.notApplicable&&e("span",{key:"e339b003b6603fa435c2ed0fc2cf47d2b67b41e9",class:"sr-only"},"Niet van toepassing:"),this._kop?e("dso-ozon-content",{class:"kop",content:this._kop,onDsoClick:this.handleOzonContentClick,mark:this.mark&&(n=>{var o;return(o=this.mark)===null||o===void 0?void 0:o.call(this,n,"kop")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"kop"})),inline:true,urlResolver:this.ozonContentUrlResolver,begripResolver:this.ozonContentBegripResolver,annotated:this.annotated}):e("span",{class:"alternative-title"},!this.mark&&this.alternativeTitle||this.mark&&this.alternativeTitle&&e(p,{mark:this.mark&&(n=>{var o;return(o=this.mark)===null||o===void 0?void 0:o.call(this,n,"alternativeTitle")}),text:this.alternativeTitle,emitMarkItemHighlight:(n,o)=>this.dsoMarkItemHighlight.emit({text:n,elementRef:o,source:"alternativeTitle"})})),e(k,{key:"00b0e9074b2d34a39f64b68cb454379345f9e673",gereserveerd:this._gereserveerd,vervallen:this._vervallen}))),this.recursiveToggle!==undefined&&this.open&&this.mode==="document"&&e("dso-icon-button",{key:"4c6a480b2c9197c5d8f3479ad747b0533949db18",label:this.recursiveToggle===true?"Verberg alles":"Toon alles",class:"recursive-toggle",icon:this.recursiveToggle===true?"eye":"eye-slash",variant:"tertiary",onDsoClick:n=>this.handleRecursiveToggleClick(n.detail.originalEvent)}),this.showBadge()&&e(r,{key:"d2dedc1f3fc8e3a05f6a023954876a30f87d4abf"},e("dso-badge",{key:"3254a799ccfe8325520ee0b34ee1f1e93b27c087",status:this.badgeStatus,"aria-describedby":"badge-description"},this.badge),this.badgeTooltip&&e("dso-tooltip",{key:"b949264eefb558b54b747083d2540cad06304887",id:"badge-description"},this.badgeTooltip)),(this.label||this.annotated)&&e("div",{key:"4d3d3681167f76034eb96d30ef3febceb1118567",class:"addons"},this.label&&e("dso-label",{key:"81d39d5e996b62fd98cc086e2f99ed9e7b5271f8",status:this.labelStatus,compact:true},this.label),this.annotated&&this.mode==="document"&&e("dso-icon-button",{key:"4aaf2a51790cb50355e3bc8eeb08f39c1355f76b",label:`Kenmerken en kaartgegevens ${this.openAnnotation?"verbergen":"tonen"}`,icon:"label",variant:"tertiary",onDsoClick:n=>this.dsoAnnotationToggle.emit({originalEvent:n.detail.originalEvent})})))),this.openAnnotation&&e("div",{key:"867c144ed5290d09684622a0f292b69a2d5d99ef",class:"annotation-container",part:"_annotation-container"},e("dso-panel",{key:"40209342743374c35afb80c3627a80bdd9f91f17",id:"annotations",onDsoCloseClick:n=>this.dsoAnnotationToggle.emit({originalEvent:n}),closeButtonLabel:"Kenmerken en kaartgegevens verbergen"},e("h2",{key:"26a7fedc702cb16941b065a110f05a2eb20e7b63",slot:"heading"},"Kenmerken en kaart"),e("slot",{key:"8f7cb218e8cabbc070a6782ca49c215f9802570c",name:"annotations"}))),this.open&&(this._inhoud||this._gereserveerd||this._vervallen)&&this.mode==="document"&&e("div",{key:"0d7ff1c5143320acdccf7b8f4662e661e765acfa",class:"content",part:"_content"},e(x,{key:"1959a7c591ba1947bc03667450c4e159f5e1ed67",gereserveerd:this._gereserveerd,vervallen:this._vervallen}),this._inhoud&&e("dso-ozon-content",{key:"702b0bd57cb52ceb8e4e7d34e728d0c41305ed48",content:this._inhoud,onDsoClick:this.handleOzonContentClick,mark:this.mark&&(n=>{var o;return(o=this.mark)===null||o===void 0?void 0:o.call(this,n,"inhoud")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"inhoud"})),urlResolver:this.ozonContentUrlResolver,begripResolver:this.ozonContentBegripResolver,annotated:this.annotated})),e("div",{key:"b4917c7fc168fa02fa7c8d0377c9f351257a36a3",class:"children-container",part:"_children-container"},e("slot",{key:"c5ffa83d96e186675aa81fcc14681372e0095e24"})))}};w.style=u();export{g as dso_annotation_locatie,w as dso_document_component};
+//# sourceMappingURL=p-e66785fd.entry.js.map

package/dist/dso-toolkit/{p-0c7f6ca8.entry.js.map → p-e66785fd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","Fragment","getElement","Host","AnnotationBody","watcher","AnnotationGewijzigdeLocatie","AnnotationSymbolSlot","parseXml","parseWijzigactieFromNode","MarkText","isModifiedEvent","annotationCss","AnnotationLocatie","constructor","hostRef","this","dsoActiveChange","host","connectedCallback","watch","disconnectedCallback","unwatch","render","hasSymbool","key","symbol","undefined","active","title","class","value","locatieNoemer","gewijzigdeLocatie","style","__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","Heading","_a","children","heading","mode","href","onClick","props","headingElement","assign","documentComponentCss","wijzigactieLabels","nieuweContainer","verwijder","verwijderContainer","voegtoe","AantekenStatus","gereserveerd","vervallen","compact","wijzigactie","status","type","AantekenAlert","DocumentComponent","dsoRecursiveToggle","dsoOpenToggle","dsoTableOfContentsClick","dsoOzonContentClick","dsoAnnotationToggle","dsoMarkItemHighlight","open","filtered","notApplicable","annotated","openAnnotation","handleHeadingClick","emit","originalEvent","handleOzonContentClick","event","detail","ozonContentClick","handleRecursiveToggleClick","current","recursiveToggle","next","kop","_kopInput","_kop","inhoud","_inhoudInput","_inhoud","_gereserveerdInput","_gereserveerd","parseAantekenElement","_vervallenInput","_vervallen","wijzigactieLabel","showBadge","badge","input","element","doc","documentElement","XMLDocument","tag","tagName","toLowerCase","collapsible","alternativeTitle","showHeading","label","part","icon","variant","onDsoClick","content","mark","text","onDsoOzonContentMarkItemHighlight","source","inline","urlResolver","ozonContentUrlResolver","begripResolver","ozonContentBegripResolver","emitMarkItemHighlight","elementRef","badgeStatus","badgeTooltip","id","labelStatus","onDsoCloseClick","closeButtonLabel","slot","name"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","Fragment","getElement","Host","AnnotationBody","watcher","AnnotationGewijzigdeLocatie","AnnotationSymbolSlot","parseXml","parseWijzigactieFromNode","MarkText","isModifiedEvent","annotationCss","AnnotationLocatie","constructor","hostRef","this","dsoActiveChange","host","connectedCallback","watch","disconnectedCallback","unwatch","render","hasSymbool","key","symbol","undefined","active","title","class","value","locatieNoemer","gewijzigdeLocatie","style","__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","Heading","_a","children","heading","mode","href","onClick","props","headingElement","assign","documentComponentCss","wijzigactieLabels","nieuweContainer","verwijder","verwijderContainer","voegtoe","AantekenStatus","gereserveerd","vervallen","compact","wijzigactie","status","type","AantekenAlert","DocumentComponent","dsoRecursiveToggle","dsoOpenToggle","dsoTableOfContentsClick","dsoOzonContentClick","dsoAnnotationToggle","dsoMarkItemHighlight","open","filtered","notApplicable","annotated","openAnnotation","handleHeadingClick","emit","originalEvent","handleOzonContentClick","event","detail","ozonContentClick","handleRecursiveToggleClick","current","recursiveToggle","next","kop","_kopInput","_kop","inhoud","_inhoudInput","_inhoud","_gereserveerdInput","_gereserveerd","parseAantekenElement","_vervallenInput","_vervallen","wijzigactieLabel","showBadge","badge","input","element","doc","documentElement","XMLDocument","tag","tagName","toLowerCase","collapsible","alternativeTitle","showHeading","label","part","icon","variant","onDsoClick","content","mark","text","onDsoOzonContentMarkItemHighlight","source","inline","urlResolver","ozonContentUrlResolver","begripResolver","ozonContentBegripResolver","emitMarkItemHighlight","elementRef","badgeStatus","badgeTooltip","id","labelStatus","onDsoCloseClick","closeButtonLabel","slot","name"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-eb1f02d0.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,a as t}from"./p-Dx5skKSq.js";const e=()=>`*,*::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#email-wit"))}:host{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_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:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}`;const d=class{constructor(r){o(this,r)}render(){return r(t,{key:"d7c7a7a5ca50fb6d6ca51fd5486855d34fa87595",class:"dso-cursor-tooltip"},r("slot",{key:"f8f4af09e02a486bbc22c9efcca3e796110ee201"}))}};d.style=e();export{d as dso_cursor_tooltip};
+//# sourceMappingURL=p-eb1f02d0.entry.js.map

package/dist/dso-toolkit/{p-2b7b0379.entry.js.map → p-eb1f02d0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","cursorTooltipCss","CursorTooltip","constructor","hostRef","this","render","key","class","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAmB,IAAM,8pDAE/B,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAM,CAAEO,IAAK,2CAA4CC,MAAO,sBAAwBT,EAAE,OAAQ,CAAEQ,IAAK,6CACvH,GAEJL,EAAcO,MAAQR,WAEbC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","cursorTooltipCss","CursorTooltip","constructor","hostRef","this","render","key","class","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAmB,IAAM,yqGAE/B,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAM,CAAEO,IAAK,2CAA4CC,MAAO,sBAAwBT,EAAE,OAAQ,CAAEQ,IAAK,6CACvH,GAEJL,EAAcO,MAAQR,WAEbC","ignoreList":[]}

package/dist/dso-toolkit/p-eb280c98.entry.js

@@ -0,0 +1,2 @@
+import{r as e,d as s,h as o,a}from"./p-Dx5skKSq.js";const t=()=>`:host{display:block}*,*::after,*::before{box-sizing:border-box}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}.map-layer-object{display:flex;justify-content:space-between;min-block-size:32px}.slide-toggle-container{margin-inline-start:auto}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;const i=class{constructor(o){e(this,o);this.dsoActiveChange=s(this,"dsoActiveChange",7);this.dsoMouseEnter=s(this,"dsoMouseEnter",7);this.dsoMouseLeave=s(this,"dsoMouseLeave",7);this.handleActiveChange=e=>{this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:e})}}render(){return o(a,{key:"abbab8b3e9cb63d0041ebd6cd55853e8f2336db5",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},o("div",{key:"d9d9593bdb8b5f92c21ca71282a146d99b9e96ed",class:"map-layer-object"},o("div",{key:"24dad3d78d29f548a248e6ebe1a3082bb4d26890"},o("slot",{key:"68c1ba383c8d62e5ba00eeb22f29c0955bab3411",name:"symbol"})),o("div",{key:"85810dcbd6771202fb7615bb550a862321f1a408"},o("slot",{key:"e00fd66d88a87d2451f1f53c9fc36c67e16fc1b0"})),o("div",{key:"5a37b2b10e6c954df2cc586a349b34ebff58af63",class:"slide-toggle-container"},o("dso-slide-toggle",{key:"b03e87e9317e7b0e90853621cd6b8a538d430fe3",accessibleLabel:"Toon op kaart",checked:this.active,onDsoActiveChange:this.handleActiveChange}))))}};i.style=t();export{i as dso_map_layer_object};
+//# sourceMappingURL=p-eb280c98.entry.js.map

package/dist/dso-toolkit/{p-b3c6443c.entry.js.map → p-eb280c98.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","mapLayerObjectCss","MapLayerObject","constructor","hostRef","this","dsoActiveChange","dsoMouseEnter","dsoMouseLeave","handleActiveChange","event","emit","current","Boolean","active","next","originalEvent","render","key","onMouseEnter","onMouseLeave","class","name","accessibleLabel","checked","onDsoActiveChange","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,kBAEtE,MAAMC,EAAoB,IAAM,kdAEhC,MAAMC,EAAiB,MACnB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,gBAAkBR,EAAYO,KAAM,kBAAmB,GAC5DA,KAAKE,cAAgBT,EAAYO,KAAM,gBAAiB,GACxDA,KAAKG,cAAgBV,EAAYO,KAAM,gBAAiB,GACxDA,KAAKI,mBAAsBC,IACvBL,KAAKC,gBAAgBK,KAAK,CACtBC,QAASC,QAAQR,KAAKS,QACtBC,MAAOV,KAAKS,OACZE,cAAeN,GACjB,CAEV,CACA,MAAAO,GACI,OAAQlB,EAAEC,EAAM,CAAEkB,IAAK,2CAA4CC,aAAc,IAAMd,KAAKE,cAAcI,OAAQS,aAAc,IAAMf,KAAKG,cAAcG,QAAUZ,EAAE,MAAO,CAAEmB,IAAK,2CAA4CG,MAAO,oBAAsBtB,EAAE,MAAO,CAAEmB,IAAK,4CAA8CnB,EAAE,OAAQ,CAAEmB,IAAK,2CAA4CI,KAAM,YAAcvB,EAAE,MAAO,CAAEmB,IAAK,4CAA8CnB,EAAE,OAAQ,CAAEmB,IAAK,8CAAgDnB,EAAE,MAAO,CAAEmB,IAAK,2CAA4CG,MAAO,0BAA4BtB,EAAE,mBAAoB,CAAEmB,IAAK,2CAA4CK,gBAAiB,gBAAiBC,QAASnB,KAAKS,OAAQW,kBAAmBpB,KAAKI,uBACtwB,GAEJP,EAAewB,MAAQzB,WAEdC","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","Host","mapLayerObjectCss","MapLayerObject","constructor","hostRef","this","dsoActiveChange","dsoMouseEnter","dsoMouseLeave","handleActiveChange","event","emit","current","Boolean","active","next","originalEvent","render","key","onMouseEnter","onMouseLeave","class","name","accessibleLabel","checked","onDsoActiveChange","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,EAAQC,MAAY,kBAEtE,MAAMC,EAAoB,IAAM,kdAEhC,MAAMC,EAAiB,MACnB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,gBAAkBR,EAAYO,KAAM,kBAAmB,GAC5DA,KAAKE,cAAgBT,EAAYO,KAAM,gBAAiB,GACxDA,KAAKG,cAAgBV,EAAYO,KAAM,gBAAiB,GACxDA,KAAKI,mBAAsBC,IACvBL,KAAKC,gBAAgBK,KAAK,CACtBC,QAASC,QAAQR,KAAKS,QACtBC,MAAOV,KAAKS,OACZE,cAAeN,GACjB,CAEV,CACA,MAAAO,GACI,OAAQlB,EAAEC,EAAM,CAAEkB,IAAK,2CAA4CC,aAAc,IAAMd,KAAKE,cAAcI,OAAQS,aAAc,IAAMf,KAAKG,cAAcG,QAAUZ,EAAE,MAAO,CAAEmB,IAAK,2CAA4CG,MAAO,oBAAsBtB,EAAE,MAAO,CAAEmB,IAAK,4CAA8CnB,EAAE,OAAQ,CAAEmB,IAAK,2CAA4CI,KAAM,YAAcvB,EAAE,MAAO,CAAEmB,IAAK,4CAA8CnB,EAAE,OAAQ,CAAEmB,IAAK,8CAAgDnB,EAAE,MAAO,CAAEmB,IAAK,2CAA4CG,MAAO,0BAA4BtB,EAAE,mBAAoB,CAAEmB,IAAK,2CAA4CK,gBAAiB,gBAAiBC,QAASnB,KAAKS,OAAQW,kBAAmBpB,KAAKI,uBACtwB,GAEJP,EAAewB,MAAQzB,WAEdC","ignoreList":[]}

package/dist/dso-toolkit/p-f333aebd.entry.js

@@ -0,0 +1,2 @@
+import{r as e,d as t,f as n,h as a,g as o}from"./p-Dx5skKSq.js";import{i as d}from"./p-Hgv-pDpy.js";const i=()=>`*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.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)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}`;const c=class{constructor(n){e(this,n);this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.href){return}return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){return a("div",{key:"c72b21d24a1d8cddeb53808ebf8d7e04f60036f8",class:"dso-document-card-container"},a("div",{key:"75256d968cd55399b5c8eb3b4b30a38dffad9b83",class:"dso-document-card-heading"},a("a",{key:"a43c1bc6c5e03b5a00e3593380a3d95118ce9d02",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},a("span",{key:"2c270a800db99c77c9b2800ca73c12e30ef83efd",class:"icon-container"},a("dso-icon",{key:"b712516ef47e844366872eca75a8050cedfab48b",icon:"chevron-right"}),a("slot",{key:"ac375e345c607f0d9c97dbeae2be353dae327a43",name:"heading"})))),a("div",{key:"497d02ed37eae4648615e49caafbf080188ca1b2",class:"dso-document-card-type"},a("slot",{key:"cd3a3383991e8ab9a9ec5218c09b6d5f0597143b",name:"type"})),a("div",{key:"165974a97a18323fe9e8d02029df3598e93ad763",class:"dso-document-card-status"},this.metaSlottedElement!==null&&a("slot",{key:"d6a1085eb9e8868053322efe49473222417f7dba",name:"meta"}),a("slot",{key:"7089e7150743a67472cd8c23e93b49a8f5f4620a",name:"status"}),this.interactionsSlottedElement!==null&&a("slot",{key:"70f02c9f9d7851d6022634d83f139a1223d03889",name:"interactions"})))}get host(){return o(this)}};c.style=i();export{c as dso_document_card};
+//# sourceMappingURL=p-f333aebd.entry.js.map

package/dist/dso-toolkit/{p-377907dc.entry.js.map → p-f333aebd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","forceUpdate","h","getElement","isModifiedEvent","documentCardCss","DocumentCard","constructor","hostRef","this","dsoDocumentCardClick","connectedCallback","mutationObserver","MutationObserver","host","observe","attributes","childList","disconnectedCallback","_a","disconnect","clickEventHandler","e","target","HTMLElement","href","emit","originalEvent","metaSlottedElement","querySelector","interactionsSlottedElement","render","key","class","onClick","icon","name","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAkBC,OAAaC,OAAQC,MAAkB,yBAChFC,MAAuB,kBAErC,MAAMC,EAAkB,IAAM,onDAE9B,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKC,qBAAuBV,EAAYS,KAAM,uBAAwB,EAC1E,CACA,iBAAAE,GACIF,KAAKG,iBAAmB,IAAIC,kBAAiB,IAAMZ,EAAYQ,KAAKK,QACpEL,KAAKG,iBAAiBG,QAAQN,KAAKK,KAAM,CAAEE,WAAY,KAAMC,UAAW,MAC5E,CACA,oBAAAC,GACI,IAAIC,GACHA,EAAKV,KAAKG,oBAAsB,MAAQO,SAAY,OAAS,EAAIA,EAAGC,oBAC9DX,KAAKG,gBAChB,CACA,iBAAAS,CAAkBC,GACd,KAAMA,EAAEC,kBAAkBC,eAAiBf,KAAKgB,KAAM,CAClD,MACJ,CACA,OAAOhB,KAAKC,qBAAqBgB,KAAK,CAAEC,cAAeL,EAAGlB,gBAAiBA,EAAgBkB,IAC/F,CACA,sBAAIM,GACA,OAAOnB,KAAKK,KAAKe,cAAc,gBACnC,CACA,8BAAIC,GACA,OAAOrB,KAAKK,KAAKe,cAAc,wBACnC,CACA,MAAAE,GACI,OAAQ7B,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,+BAAiC/B,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,6BAA+B/B,EAAE,IAAK,CAAE8B,IAAK,2CAA4CP,KAAMhB,KAAKgB,KAAMQ,MAAO,iBAAkBC,QAAUZ,GAAMb,KAAKY,kBAAkBC,IAAMpB,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CC,MAAO,kBAAoB/B,EAAE,WAAY,CAAE8B,IAAK,2CAA4CG,KAAM,kBAAoBjC,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,eAAiBlC,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,0BAA4B/B,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,UAAYlC,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,4BAA8BxB,KAAKmB,qBAAuB,MAAQ1B,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,SAAWlC,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,WAAa3B,KAAKqB,6BAA+B,MAAQ5B,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,kBAC1qC,CACA,QAAItB,GAAS,OAAOX,EAAWM,KAAO,GAE1CH,EAAa+B,MAAQhC,WAEZC","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","forceUpdate","h","getElement","isModifiedEvent","documentCardCss","DocumentCard","constructor","hostRef","this","dsoDocumentCardClick","connectedCallback","mutationObserver","MutationObserver","host","observe","attributes","childList","disconnectedCallback","_a","disconnect","clickEventHandler","e","target","HTMLElement","href","emit","originalEvent","metaSlottedElement","querySelector","interactionsSlottedElement","render","key","class","onClick","icon","name","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAkBC,OAAaC,OAAQC,MAAkB,8BAChFC,MAAuB,kBAErC,MAAMC,EAAkB,IAAM,onDAE9B,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKC,qBAAuBV,EAAYS,KAAM,uBAAwB,EAC1E,CACA,iBAAAE,GACIF,KAAKG,iBAAmB,IAAIC,kBAAiB,IAAMZ,EAAYQ,KAAKK,QACpEL,KAAKG,iBAAiBG,QAAQN,KAAKK,KAAM,CAAEE,WAAY,KAAMC,UAAW,MAC5E,CACA,oBAAAC,GACI,IAAIC,GACHA,EAAKV,KAAKG,oBAAsB,MAAQO,SAAY,OAAS,EAAIA,EAAGC,oBAC9DX,KAAKG,gBAChB,CACA,iBAAAS,CAAkBC,GACd,KAAMA,EAAEC,kBAAkBC,eAAiBf,KAAKgB,KAAM,CAClD,MACJ,CACA,OAAOhB,KAAKC,qBAAqBgB,KAAK,CAAEC,cAAeL,EAAGlB,gBAAiBA,EAAgBkB,IAC/F,CACA,sBAAIM,GACA,OAAOnB,KAAKK,KAAKe,cAAc,gBACnC,CACA,8BAAIC,GACA,OAAOrB,KAAKK,KAAKe,cAAc,wBACnC,CACA,MAAAE,GACI,OAAQ7B,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,+BAAiC/B,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,6BAA+B/B,EAAE,IAAK,CAAE8B,IAAK,2CAA4CP,KAAMhB,KAAKgB,KAAMQ,MAAO,iBAAkBC,QAAUZ,GAAMb,KAAKY,kBAAkBC,IAAMpB,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CC,MAAO,kBAAoB/B,EAAE,WAAY,CAAE8B,IAAK,2CAA4CG,KAAM,kBAAoBjC,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,eAAiBlC,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,0BAA4B/B,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,UAAYlC,EAAE,MAAO,CAAE8B,IAAK,2CAA4CC,MAAO,4BAA8BxB,KAAKmB,qBAAuB,MAAQ1B,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,SAAWlC,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,WAAa3B,KAAKqB,6BAA+B,MAAQ5B,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CI,KAAM,kBAC1qC,CACA,QAAItB,GAAS,OAAOX,EAAWM,KAAO,GAE1CH,EAAa+B,MAAQhC,WAEZC","ignoreList":[]}

package/dist/dso-toolkit/{p-4173cee0.entry.js → p-f488bdce.entry.js}

@@ -1,2 +1,2 @@
-import{h as o,r as n,d as i,f as s,a as t,F as e,g as d}from"./p-Dx5skKSq.js";import{c as r}from"./p-ChV9xqsO.js";import{i as a}from"./p-pxiVAmq4.js";import{i as l}from"./p-Hgv-pDpy.js";const p={en:{"dso-header":{menu:"Menu",login:"Log in",logout:"Log out",help:"Help",overflowMenu:"More"}},nl:{"dso-header":{menu:"Menu",login:"Inloggen",logout:"Uitloggen",help:"Help",overflowMenu:"Meer",userHome:"Mijn Omgevingsloket"}}};const u=({item:n,onClick:i,key:s,ref:t})=>o("li",{class:r({"dso-active":n.active}),key:s,ref:t},o("a",{href:n.url,"aria-current":n.active?"page":undefined,onClick:i},n.label));const h=()=>`*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) dso-dropdown-menu .dso-dropdown-options{inline-size:100%}:host(:not([is-compact])) .dso-header{align-items:center}:host(:not([is-compact])) dso-dropdown-menu .dso-dropdown-options{inline-size:375px}.dso-header{border-block-end:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;align-items:center;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;gap:0.5rem;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help{border-inline-start:3px solid #ccc;margin-inline-start:8px;padding-inline-start:8px}.dso-header-session .help a,.dso-header-session .help button{display:flex}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}dso-dropdown-menu>button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-dropdown-menu>.dso-primary,dso-dropdown-menu>.dso-secondary,dso-dropdown-menu>.dso-tertiary{position:relative}dso-dropdown-menu>button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.dso-tertiary::after{content:"";display:inline-block}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after{margin-inline-start:8px}dso-dropdown-menu .dso-group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding-block:4px 2px;padding-inline:20px;text-transform:uppercase}dso-dropdown-menu ul{margin:0;padding:0}dso-dropdown-menu ul:not(:last-child){border-block-end:1px solid #e5e5e5;margin-block-end:11px;padding-block-end:11px}dso-dropdown-menu .dso-dropdown-options{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.15);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-block:5px;padding-inline:0;z-index:220}dso-dropdown-menu .dso-dropdown-options li{list-style:none}dso-dropdown-menu .dso-dropdown-options li a:visited{color:#191919}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{text-decoration:none}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus-visible,dso-dropdown-menu .dso-dropdown-options li a:active,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus-visible,dso-dropdown-menu .dso-dropdown-options li button:active{text-decoration:underline}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding-block:3px;padding-inline:20px;text-decoration:none;white-space:nowrap}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}dso-dropdown-menu .dso-dropdown-options li button{background-color:transparent;border:0;border-radius:0;text-align:inherit;inline-size:100%}dso-dropdown-menu button{background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;align-items:center;position:relative}dso-dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}dso-dropdown-menu button[aria-expanded=true] dso-icon{transform:rotate(180deg)}dso-dropdown-menu .dso-dropdown-options{border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}dso-dropdown-menu .dso-dropdown-options ul{margin:0;padding:0;list-style:none}dso-dropdown-menu .dso-dropdown-options ul li a,dso-dropdown-menu .dso-dropdown-options ul li button{display:block;padding:16px;color:#275937;font-size:1.25rem;white-space:pre-wrap;text-decoration:none}dso-dropdown-menu .dso-dropdown-options ul li a:focus-visible,dso-dropdown-menu .dso-dropdown-options ul li button:focus-visible{background-color:#39870c;color:#fff}dso-dropdown-menu .dso-dropdown-options ul li a:hover,dso-dropdown-menu .dso-dropdown-options ul li button:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu .dso-dropdown-options ul li a:visited:not(:hover):not(:focus-visible),dso-dropdown-menu .dso-dropdown-options ul li button:visited:not(:hover):not(:focus-visible){color:#275937}dso-dropdown-menu .dso-dropdown-options ul li button{inline-size:100%;text-align:start}dso-dropdown-menu .dso-dropdown-options ul li button dso-icon{margin-inline-start:8px}dso-dropdown-menu .dso-dropdown-options ul li.dso-active a{font-weight:600}dso-dropdown-menu .dso-dropdown-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown dso-dropdown-menu{position:static}.dropdown dso-dropdown-menu .dso-dropdown-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dropdown dso-dropdown-menu>button{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown dso-dropdown-menu>button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:50%;transform:translateY(-50%)}.dropdown dso-dropdown-menu>button:hover,.dropdown dso-dropdown-menu>button:active{cursor:pointer;text-decoration:underline}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main dso-dropdown-menu .dso-dropdown-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main dso-dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main dso-dropdown-menu button:hover,.dso-nav.dso-nav-main dso-dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main dso-dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}`;const c=992;const m=class{constructor(o){n(this,o);this.dsoHeaderClick=i(this,"dsoHeaderClick",7);this.mainMenu=[];this.compact="auto";this.authStatus="none";this.showHelp=false;this.userHomeActive=false;this.visibleMenuItemsCount=undefined;this.dropdownOptionsOffset=0;this.resetVisibleMenuItems=()=>{this.visibleMenuItemsCount=undefined};this.clickHandler=(o,n,i)=>{var s,t;this.dsoHeaderClick.emit({originalEvent:o,isModifiedEvent:l(o),type:n,menuItem:i===null||i===void 0?void 0:i.menuItem,url:(s=i===null||i===void 0?void 0:i.url)!==null&&s!==void 0?s:(t=i===null||i===void 0?void 0:i.menuItem)===null||t===void 0?void 0:t.url})};this.menuItemElementRefs=[];this.text=a((()=>this.host),p);this.resizeObserver=new ResizeObserver((()=>{this.resetVisibleMenuItems();s(this.host)}))}mainMenuChanged(){this.resetVisibleMenuItems()}get isCompact(){return this.compact==="always"||window.innerWidth<c}calculateOverflowMenuItemCount(o){var n;const i=o.offsetWidth;const s=this.menuItemElementRefs[this.menuItemElementRefs.length-1];const t=(n=this.userHomeMenuItemElementRef)!==null&&n!==void 0?n:s;const e=this.dropdownMenuItemElementRef;if(!t||!e||!s){return this.menuItemElementRefs.length}const d=e.offsetLeft+e.offsetWidth-(s.offsetLeft+s.offsetWidth);const r=t.offsetLeft+t.offsetWidth-d;if(r<=i){return this.menuItemElementRefs.length}const a=this.userHomeMenuItemElementRef?this.userHomeMenuItemElementRef.offsetLeft+this.userHomeMenuItemElementRef.offsetWidth-(e.offsetLeft+e.offsetWidth):0;const l=i-d-a;const p=this.menuItemElementRefs.findIndex((o=>o&&o.offsetLeft+o.offsetWidth>l));if(p<0){return this.menuItemElementRefs.length}return p}calculateDropdownOptionsOffset(){var o;if(!this.dropdownElement){return 0}return this.host.clientHeight-(((o=this.dropdownElement)===null||o===void 0?void 0:o.getBoundingClientRect().bottom)-this.host.getBoundingClientRect().top)}get visibleMainMenuItems(){return typeof this.visibleMenuItemsCount==="number"?this.mainMenu.slice(0,this.visibleMenuItemsCount):this.mainMenu}get hiddenMainMenuItems(){return typeof this.visibleMenuItemsCount==="number"?this.mainMenu.slice(this.visibleMenuItemsCount):[]}connectedCallback(){this.resizeObserver.observe(this.host)}disconnectedCallback(){this.resizeObserver.disconnect()}componentDidRender(){if(!this.host.isConnected){return}if(this.isCompact&&this.dropdownElement){this.dropdownElement.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()}if(typeof this.visibleMenuItemsCount==="undefined"&&this.navElement){this.visibleMenuItemsCount=this.calculateOverflowMenuItemCount(this.navElement)}}render(){return o(t,{key:"fbffe5d78c5accb4d35d3416c18bb7254a29cc7f","is-compact":this.isCompact},o("div",{key:"5c541ab04d09d41dd59fdbca795ac12aa36737f7",class:"dso-header"},o("div",{key:"7ead039c9d347846af8d7a1f632e7f3477486b18",class:"logo-container"},o("slot",{key:"68a984ea68f23e43b752fccc19f04e8eb994c413",name:"logo"})),this.isCompact?this.renderCompact():this.renderNormal()))}renderCompact(){return(this.mainMenu.length>0||this.userHomeUrl||this.authStatus!=="none")&&o("div",{class:"dropdown"},o("dso-dropdown-menu",{"dropdown-align":"right",dropdownOptionsOffset:this.dropdownOptionsOffset,ref:o=>this.dropdownElement=o},o("button",{type:"button",slot:"toggle"},o("span",null,this.text("menu")),o("dso-icon",{icon:"chevron-down"})),o("div",{class:"dso-dropdown-options"},o("ul",null,this.mainMenu.map((n=>o(u,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label}))),this.userHomeUrl&&o("li",null,o("a",{href:this.userHomeUrl,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},this.text("userHome"))),this.userProfileUrl&&this.userProfileName&&this.authStatus==="loggedIn"&&o("li",null,o("a",{href:this.userProfileUrl,onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName,o("span",{class:"profile-label"}," - Mijn profiel"))),this.authStatus==="loggedOut"&&o("li",null,this.loginUrl?o("a",{href:this.loginUrl,onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),this.authStatus==="loggedIn"&&o("li",null,this.logoutUrl?o("a",{href:this.logoutUrl,onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("li",null,this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help"})):o("button",{type:"button",class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help"})))))))}renderNormal(){this.menuItemElementRefs=[];return o(e,null,o("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&this.authStatus==="loggedIn"&&o("div",{class:"profile"},o("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName)),this.authStatus==="loggedOut"&&o("div",{class:"login"},this.loginUrl?o("a",{href:this.loginUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),this.authStatus==="loggedIn"&&o("div",{class:"logout"},this.logoutUrl?o("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("div",{class:"help"},this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help"})):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help"})))),(this.mainMenu.length>0||this.userHomeUrl)&&o("nav",{class:"dso-navbar"},o("ul",{class:r("dso-nav","dso-nav-main",{ready:this.visibleMenuItemsCount!==undefined}),ref:o=>this.navElement=o},this.visibleMainMenuItems.map(((n,i)=>o(u,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label,ref:o=>this.menuItemElementRefs[i]=o}))),(this.visibleMenuItemsCount===undefined||this.hiddenMainMenuItems.length>0)&&o("li",{"aria-hidden":this.visibleMenuItemsCount===undefined,ref:o=>this.dropdownMenuItemElementRef=o,class:"dropdown-menu-item"},o("dso-dropdown-menu",null,o("button",{type:"button",slot:"toggle"},o("span",null,this.text("overflowMenu")),o("dso-icon",{icon:"chevron-down",class:"main-menu-item-icon"})),o("div",{class:"dso-dropdown-options"},o("ul",null,this.hiddenMainMenuItems.map((n=>o(u,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label}))))))),this.userHomeUrl&&o("li",{class:r("menu-user-home",{"dso-active":this.userHomeActive}),ref:o=>this.userHomeMenuItemElementRef=o},o("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":undefined,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},o("dso-icon",{icon:"user-line",class:"main-menu-item-icon"}),this.text("userHome"))))))}get host(){return d(this)}static get watchers(){return{mainMenu:["mainMenuChanged"]}}};m.style=h();export{m as dso_header};
-//# sourceMappingURL=p-4173cee0.entry.js.map
+import{h as o,r as n,d as i,f as s,a as t,F as e,g as d}from"./p-Dx5skKSq.js";import{c as r}from"./p-ChV9xqsO.js";import{i as a}from"./p-pxiVAmq4.js";import{i as l}from"./p-Hgv-pDpy.js";const p={en:{"dso-header":{menu:"Menu",login:"Log in",logout:"Log out",help:"Help",overflowMenu:"More"}},nl:{"dso-header":{menu:"Menu",login:"Inloggen",logout:"Uitloggen",help:"Help",overflowMenu:"Meer",userHome:"Mijn Omgevingsloket"}}};const u=({item:n,onClick:i,key:s,ref:t})=>o("li",{class:r({"dso-active":n.active}),key:s,ref:t},o("a",{href:n.url,"aria-current":n.active?"page":undefined,onClick:i},n.label));const h=()=>`*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) dso-dropdown-menu .dso-dropdown-options{inline-size:100%}:host(:not([is-compact])) .dso-header{align-items:center}:host(:not([is-compact])) dso-dropdown-menu .dso-dropdown-options{inline-size:375px}.dso-header{border-block-end:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;align-items:center;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;gap:0.5rem;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help{border-inline-start:3px solid #ccc;margin-inline-start:8px;padding-inline-start:8px}.dso-header-session .help a,.dso-header-session .help button{display:flex}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}dso-dropdown-menu>button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-dropdown-menu>.dso-primary,dso-dropdown-menu>.dso-secondary,dso-dropdown-menu>.dso-tertiary{position:relative}dso-dropdown-menu>button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.dso-tertiary::after{content:"";display:inline-block}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after{margin-inline-start:8px}dso-dropdown-menu .dso-group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding-block:4px 2px;padding-inline:20px;text-transform:uppercase}dso-dropdown-menu ul{margin:0;padding:0}dso-dropdown-menu ul:not(:last-child){border-block-end:1px solid #e5e5e5;margin-block-end:11px;padding-block-end:11px}dso-dropdown-menu .dso-dropdown-options{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.15);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-block:5px;padding-inline:0;z-index:220}dso-dropdown-menu .dso-dropdown-options li{list-style:none}dso-dropdown-menu .dso-dropdown-options li a:visited{color:#191919}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{text-decoration:none}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus-visible,dso-dropdown-menu .dso-dropdown-options li a:active,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus-visible,dso-dropdown-menu .dso-dropdown-options li button:active{text-decoration:underline}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding-block:3px;padding-inline:20px;text-decoration:none;white-space:nowrap}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}dso-dropdown-menu .dso-dropdown-options li button{background-color:transparent;border:0;border-radius:0;text-align:inherit;inline-size:100%}dso-dropdown-menu button{background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;align-items:center;position:relative}dso-dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}dso-dropdown-menu button[aria-expanded=true] dso-icon{transform:rotate(180deg)}dso-dropdown-menu .dso-dropdown-options{border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}dso-dropdown-menu .dso-dropdown-options ul{margin:0;padding:0;list-style:none}dso-dropdown-menu .dso-dropdown-options ul li a,dso-dropdown-menu .dso-dropdown-options ul li button{display:block;padding:16px;color:#275937;font-size:1.25rem;white-space:pre-wrap;text-decoration:none}dso-dropdown-menu .dso-dropdown-options ul li a:focus-visible,dso-dropdown-menu .dso-dropdown-options ul li button:focus-visible{background-color:#39870c;color:#fff}dso-dropdown-menu .dso-dropdown-options ul li a:hover,dso-dropdown-menu .dso-dropdown-options ul li button:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu .dso-dropdown-options ul li a:visited:not(:hover):not(:focus-visible),dso-dropdown-menu .dso-dropdown-options ul li button:visited:not(:hover):not(:focus-visible){color:#275937}dso-dropdown-menu .dso-dropdown-options ul li button{inline-size:100%;text-align:start}dso-dropdown-menu .dso-dropdown-options ul li button dso-icon{margin-inline-start:8px}dso-dropdown-menu .dso-dropdown-options ul li.dso-active a{font-weight:600}dso-dropdown-menu .dso-dropdown-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown dso-dropdown-menu{position:static}.dropdown dso-dropdown-menu .dso-dropdown-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dropdown dso-dropdown-menu>button{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown dso-dropdown-menu>button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:50%;transform:translateY(-50%)}.dropdown dso-dropdown-menu>button:hover,.dropdown dso-dropdown-menu>button:active{cursor:pointer;text-decoration:underline}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main dso-dropdown-menu .dso-dropdown-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main dso-dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main dso-dropdown-menu button:hover,.dso-nav.dso-nav-main dso-dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main dso-dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}`;const c=992;const m=class{constructor(o){n(this,o);this.dsoHeaderClick=i(this,"dsoHeaderClick",7);this.mainMenu=[];this.compact="auto";this.authStatus="none";this.showHelp=false;this.userHomeActive=false;this.visibleMenuItemsCount=undefined;this.dropdownOptionsOffset=0;this.resetVisibleMenuItems=()=>{this.visibleMenuItemsCount=undefined};this.clickHandler=(o,n,i)=>{var s,t;this.dsoHeaderClick.emit({originalEvent:o,isModifiedEvent:l(o),type:n,menuItem:i===null||i===void 0?void 0:i.menuItem,url:(s=i===null||i===void 0?void 0:i.url)!==null&&s!==void 0?s:(t=i===null||i===void 0?void 0:i.menuItem)===null||t===void 0?void 0:t.url})};this.menuItemElementRefs=[];this.text=a((()=>this.host),p);this.resizeObserver=new ResizeObserver((()=>{this.resetVisibleMenuItems();s(this.host)}))}mainMenuChanged(){this.resetVisibleMenuItems()}get isCompact(){return this.compact==="always"||window.innerWidth<c}calculateOverflowMenuItemCount(o){var n;const i=o.offsetWidth;const s=this.menuItemElementRefs[this.menuItemElementRefs.length-1];const t=(n=this.userHomeMenuItemElementRef)!==null&&n!==void 0?n:s;const e=this.dropdownMenuItemElementRef;if(!t||!e||!s){return this.menuItemElementRefs.length}const d=e.offsetLeft+e.offsetWidth-(s.offsetLeft+s.offsetWidth);const r=t.offsetLeft+t.offsetWidth-d;if(r<=i){return this.menuItemElementRefs.length}const a=this.userHomeMenuItemElementRef?this.userHomeMenuItemElementRef.offsetLeft+this.userHomeMenuItemElementRef.offsetWidth-(e.offsetLeft+e.offsetWidth):0;const l=i-d-a;const p=this.menuItemElementRefs.findIndex((o=>o&&o.offsetLeft+o.offsetWidth>l));if(p<0){return this.menuItemElementRefs.length}return p}calculateDropdownOptionsOffset(){var o;if(!this.dropdownElement){return 0}return this.host.clientHeight-(((o=this.dropdownElement)===null||o===void 0?void 0:o.getBoundingClientRect().bottom)-this.host.getBoundingClientRect().top)}get visibleMainMenuItems(){return typeof this.visibleMenuItemsCount==="number"?this.mainMenu.slice(0,this.visibleMenuItemsCount):this.mainMenu}get hiddenMainMenuItems(){return typeof this.visibleMenuItemsCount==="number"?this.mainMenu.slice(this.visibleMenuItemsCount):[]}connectedCallback(){this.resizeObserver.observe(this.host)}disconnectedCallback(){this.resizeObserver.disconnect()}componentDidRender(){if(!this.host.isConnected){return}if(this.isCompact&&this.dropdownElement){this.dropdownElement.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()}if(typeof this.visibleMenuItemsCount==="undefined"&&this.navElement){this.visibleMenuItemsCount=this.calculateOverflowMenuItemCount(this.navElement)}}render(){return o(t,{key:"305ef493b091a74d76ed4f4a109c7a2eb025950e","is-compact":this.isCompact},o("div",{key:"7b316c39fb646174bcb852cabf823004f47565c7",class:"dso-header"},o("div",{key:"0939fd1ef3d64f34c44c4177a2d031d1b700a324",class:"logo-container"},o("slot",{key:"9b417bdb99968e034ea9283cf81206db28a6d4ba",name:"logo"})),this.isCompact?this.renderCompact():this.renderNormal()))}renderCompact(){return(this.mainMenu.length>0||this.userHomeUrl||this.authStatus!=="none")&&o("div",{class:"dropdown"},o("dso-dropdown-menu",{"dropdown-align":"right",dropdownOptionsOffset:this.dropdownOptionsOffset,ref:o=>this.dropdownElement=o},o("button",{type:"button",slot:"toggle"},o("span",null,this.text("menu")),o("dso-icon",{icon:"chevron-down"})),o("div",{class:"dso-dropdown-options"},o("ul",null,this.mainMenu.map((n=>o(u,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label}))),this.userHomeUrl&&o("li",null,o("a",{href:this.userHomeUrl,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},this.text("userHome"))),this.userProfileUrl&&this.userProfileName&&this.authStatus==="loggedIn"&&o("li",null,o("a",{href:this.userProfileUrl,onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName,o("span",{class:"profile-label"}," - Mijn profiel"))),this.authStatus==="loggedOut"&&o("li",null,this.loginUrl?o("a",{href:this.loginUrl,onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),this.authStatus==="loggedIn"&&o("li",null,this.logoutUrl?o("a",{href:this.logoutUrl,onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("li",null,this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help"})):o("button",{type:"button",class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help"})))))))}renderNormal(){this.menuItemElementRefs=[];return o(e,null,o("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&this.authStatus==="loggedIn"&&o("div",{class:"profile"},o("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName)),this.authStatus==="loggedOut"&&o("div",{class:"login"},this.loginUrl?o("a",{href:this.loginUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),this.authStatus==="loggedIn"&&o("div",{class:"logout"},this.logoutUrl?o("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("div",{class:"help"},this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help"})):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help"})))),(this.mainMenu.length>0||this.userHomeUrl)&&o("nav",{class:"dso-navbar"},o("ul",{class:r("dso-nav","dso-nav-main",{ready:this.visibleMenuItemsCount!==undefined}),ref:o=>this.navElement=o},this.visibleMainMenuItems.map(((n,i)=>o(u,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label,ref:o=>this.menuItemElementRefs[i]=o}))),(this.visibleMenuItemsCount===undefined||this.hiddenMainMenuItems.length>0)&&o("li",{"aria-hidden":this.visibleMenuItemsCount===undefined,ref:o=>this.dropdownMenuItemElementRef=o,class:"dropdown-menu-item"},o("dso-dropdown-menu",null,o("button",{type:"button",slot:"toggle"},o("span",null,this.text("overflowMenu")),o("dso-icon",{icon:"chevron-down",class:"main-menu-item-icon"})),o("div",{class:"dso-dropdown-options"},o("ul",null,this.hiddenMainMenuItems.map((n=>o(u,{item:n,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n}),key:n.label}))))))),this.userHomeUrl&&o("li",{class:r("menu-user-home",{"dso-active":this.userHomeActive}),ref:o=>this.userHomeMenuItemElementRef=o},o("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":undefined,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},o("dso-icon",{icon:"user-line",class:"main-menu-item-icon"}),this.text("userHome"))))))}get host(){return d(this)}static get watchers(){return{mainMenu:["mainMenuChanged"]}}};m.style=h();export{m as dso_header};
+//# sourceMappingURL=p-f488bdce.entry.js.map

package/dist/dso-toolkit/{p-2c421433.entry.js → p-f4c12ec1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o,a as t,g as i}from"./p-Dx5skKSq.js";const s=()=>`*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host{margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset)}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}:host{display:block;container-type:inline-size;position:relative;z-index:1}`;const n=class{constructor(o){e(this,o)}render(){var e;const i=this.step||!!this.element.querySelector("[slot=icon]");return o(t,{key:"3e6f545e389b9e0b11886e6512a56ff578f4b8a1","has-counter":i},i&&o("div",{key:"7ba0529e57274b47810171a3737f3436900e1c5e",class:"dso-step-counter"},(e=this.step)!==null&&e!==void 0?e:o("slot",{key:"4d1114f4372274819c24208a0d5839933523cae7",name:"icon"})),o("slot",{key:"5e77702dfc379e466a6178beb82257b41b040f46"}))}get element(){return i(this)}};n.style=s();export{n as dso_highlight_box};
-//# sourceMappingURL=p-2c421433.entry.js.map
+import{r as e,h as o,a as t,g as i}from"./p-Dx5skKSq.js";const s=()=>`*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host{margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset)}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}:host{display:block;container-type:inline-size;position:relative;z-index:1}`;const n=class{constructor(o){e(this,o)}render(){var e;const i=this.step||!!this.element.querySelector("[slot=icon]");return o(t,{key:"9ed65a845d685ecb62b44ac4df2ee4c57a92d8a4","has-counter":i},i&&o("div",{key:"57392d31cbc22d059e0d037679c06a08ecfff5e8",class:"dso-step-counter"},(e=this.step)!==null&&e!==void 0?e:o("slot",{key:"044da0d260d9d9257cc4ab0a48622aeba11d2f8d",name:"icon"})),o("slot",{key:"67e1cf3f59845e6451ac20cfbe8003df4089bd8d"}))}get element(){return i(this)}};n.style=s();export{n as dso_highlight_box};
+//# sourceMappingURL=p-f4c12ec1.entry.js.map

package/dist/dso-toolkit/p-f7837b38.entry.js

@@ -0,0 +1,2 @@
+import{r as o,d as r,h as e,F as n}from"./p-Dx5skKSq.js";const a=()=>`:host {\n  display: block;\n  position: fixed;\n  inset-block-end: 16px;\n  inset-inline-start: 16px;\n  inline-size: 370px;\n  background-color: #fff;\n  box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);\n  border-radius: 4px;\n  z-index: 1000;\n}\n@media screen and (max-width: 480px) {\n  :host {\n    inline-size: 320px;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    --panel-heading-padding-inline-start: 8px;\n    --panel-body-padding-inline: 8px;\n  }\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  border: 0;\n  overflow: hidden;\n  clip-path: rect(0 0 0 0);\n}\n\n.visual-rating-labels {\n  display: flex;\n  justify-content: space-between;\n  margin-block: 8px;\n}\n\ninput[type=radio] {\n  appearance: none;\n  cursor: pointer;\n  position: absolute;\n  margin-inline: 0;\n  margin-block: 0;\n  inset-block: 8px 0;\n  inset-inline: 0;\n  z-index: 1;\n}\n\nlabel {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 48px;\n  block-size: 48px;\n  border: 1px solid #ccc;\n  border-inline-end-width: 0;\n  padding-block-start: 8px;\n}\n@media screen and (max-width: 480px) {\n  label {\n    inline-size: 43px;\n    block-size: 43px;\n  }\n}\nlabel:hover {\n  background-color: #f2f2f2;\n}\nlabel:active {\n  background-color: #e5e5e5;\n}\nlabel:first-of-type {\n  border-radius: 4px 0 0 4px;\n}\nlabel:first-of-type::before {\n  border-radius: 3px 0 0;\n}\nlabel:last-of-type {\n  border-inline-end-width: 1px;\n  border-radius: 0 4px 4px 0;\n}\nlabel:last-of-type::before {\n  border-radius: 0 3px 0 0;\n}\nlabel::before {\n  content: "";\n  display: block;\n  position: absolute;\n  inset-block-start: 0;\n  block-size: 8px;\n  inline-size: 100%;\n  border-block-end: 1px solid #ccc;\n}\nlabel:has(input:checked) {\n  font-weight: bold;\n}\nlabel.survey-rating-1::before, label.survey-rating-1:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-1::before, label.survey-rating-1:has(input:checked) {\n  --_dso-icon-button-tertiary-color: #fff;\n  --_dso-icon-button-tertiary-hover-color: #e5e5e5;\n  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;\n  --_dso-button-primary-background-color: #fff;\n  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);\n  --_dso-button-primary-active-background-color: #f2f2f2;\n  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);\n  --_dso-button-primary-border-color: #fff;\n  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);\n  --_dso-button-primary-active-border-color: #f2f2f2;\n  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);\n  --_dso-button-primary-color: #191919;\n  --_dso-button-primary-hover-color: #191919;\n  --_dso-button-primary-active-color: #191919;\n  --_dso-button-primary-disabled-color: #666;\n  --_dso-button-secondary-background-color: none;\n  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);\n  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);\n  --_dso-button-secondary-disabled-background-color: none;\n  --_dso-button-secondary-border-color: #fff;\n  --_dso-button-secondary-hover-border-color: #fff;\n  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);\n  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);\n  --_dso-button-secondary-color: #fff;\n  --_dso-button-secondary-hover-color: #fff;\n  --_dso-button-secondary-active-color: #fff;\n  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);\n  --_dso-button-tertiary-color: #fff;\n  --_dso-button-tertiary-hover-color: #fff;\n  --_dso-button-tertiary-active-color: #fff;\n  --_dso-button-tertiary-disabled-color: #b2b2b2;\n  background-color: #b62f41;\n  color: #fff;\n  border-color: #ccc;\n}\nlabel.survey-rating-2::before, label.survey-rating-2:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-2::before, label.survey-rating-2:has(input:checked) {\n  --_dso-icon-button-tertiary-color: #fff;\n  --_dso-icon-button-tertiary-hover-color: #e5e5e5;\n  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;\n  --_dso-button-primary-background-color: #fff;\n  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);\n  --_dso-button-primary-active-background-color: #f2f2f2;\n  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);\n  --_dso-button-primary-border-color: #fff;\n  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);\n  --_dso-button-primary-active-border-color: #f2f2f2;\n  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);\n  --_dso-button-primary-color: #191919;\n  --_dso-button-primary-hover-color: #191919;\n  --_dso-button-primary-active-color: #191919;\n  --_dso-button-primary-disabled-color: #666;\n  --_dso-button-secondary-background-color: none;\n  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);\n  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);\n  --_dso-button-secondary-disabled-background-color: none;\n  --_dso-button-secondary-border-color: #fff;\n  --_dso-button-secondary-hover-border-color: #fff;\n  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);\n  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);\n  --_dso-button-secondary-color: #fff;\n  --_dso-button-secondary-hover-color: #fff;\n  --_dso-button-secondary-active-color: #fff;\n  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);\n  --_dso-button-tertiary-color: #fff;\n  --_dso-button-tertiary-hover-color: #fff;\n  --_dso-button-tertiary-active-color: #fff;\n  --_dso-button-tertiary-disabled-color: #b2b2b2;\n  background-color: #ce3f51;\n  color: #fff;\n  border-color: #ccc;\n}\nlabel.survey-rating-3::before, label.survey-rating-3:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-3::before, label.survey-rating-3:has(input:checked) {\n  --_dso-icon-button-tertiary-color: #191919;\n  --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n  --_dso-icon-button-tertiary-active-color: #173521;\n  --_dso-icon-button-tertiary-disabled-color: #999;\n  --_dso-button-tertiary-color: #191919;\n  --_dso-button-tertiary-hover-color: #4c4c4c;\n  --_dso-button-tertiary-active-color: #173521;\n  --_dso-button-tertiary-disabled-color: #999;\n  background-color: #e17000;\n  color: #191919;\n  border-color: #ccc;\n}\nlabel.survey-rating-4::before, label.survey-rating-4:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-4::before, label.survey-rating-4:has(input:checked) {\n  --_dso-icon-button-tertiary-color: #191919;\n  --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n  --_dso-icon-button-tertiary-active-color: #173521;\n  --_dso-icon-button-tertiary-disabled-color: #999;\n  --_dso-button-tertiary-color: #191919;\n  --_dso-button-tertiary-hover-color: #4c4c4c;\n  --_dso-button-tertiary-active-color: #173521;\n  --_dso-button-tertiary-disabled-color: #999;\n  background-color: #dcd400;\n  color: #191919;\n  border-color: #ccc;\n}\nlabel.survey-rating-5::before, label.survey-rating-5:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-5::before, label.survey-rating-5:has(input:checked) {\n  --_dso-icon-button-tertiary-color: #191919;\n  --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n  --_dso-icon-button-tertiary-active-color: #173521;\n  --_dso-icon-button-tertiary-disabled-color: #999;\n  --_dso-button-tertiary-color: #191919;\n  --_dso-button-tertiary-hover-color: #4c4c4c;\n  --_dso-button-tertiary-active-color: #173521;\n  --_dso-button-tertiary-disabled-color: #999;\n  background-color: #79b929;\n  color: #191919;\n  border-color: #ccc;\n}\nlabel.survey-rating-6::before, label.survey-rating-6:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-6::before, label.survey-rating-6:has(input:checked) {\n  --_dso-icon-button-tertiary-color: #fff;\n  --_dso-icon-button-tertiary-hover-color: #e5e5e5;\n  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;\n  --_dso-button-primary-background-color: #fff;\n  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);\n  --_dso-button-primary-active-background-color: #f2f2f2;\n  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);\n  --_dso-button-primary-border-color: #fff;\n  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);\n  --_dso-button-primary-active-border-color: #f2f2f2;\n  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);\n  --_dso-button-primary-color: #191919;\n  --_dso-button-primary-hover-color: #191919;\n  --_dso-button-primary-active-color: #191919;\n  --_dso-button-primary-disabled-color: #666;\n  --_dso-button-secondary-background-color: none;\n  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);\n  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);\n  --_dso-button-secondary-disabled-background-color: none;\n  --_dso-button-secondary-border-color: #fff;\n  --_dso-button-secondary-hover-border-color: #fff;\n  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);\n  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);\n  --_dso-button-secondary-color: #fff;\n  --_dso-button-secondary-hover-color: #fff;\n  --_dso-button-secondary-active-color: #fff;\n  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);\n  --_dso-button-tertiary-color: #fff;\n  --_dso-button-tertiary-hover-color: #fff;\n  --_dso-button-tertiary-active-color: #fff;\n  --_dso-button-tertiary-disabled-color: #b2b2b2;\n  background-color: #39870c;\n  color: #fff;\n  border-color: #ccc;\n}\nlabel.survey-rating-7::before, label.survey-rating-7:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.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) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-7::before, label.survey-rating-7:has(input:checked) {\n  --_dso-icon-button-tertiary-color: #fff;\n  --_dso-icon-button-tertiary-hover-color: #e5e5e5;\n  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;\n  --_dso-button-primary-background-color: #fff;\n  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);\n  --_dso-button-primary-active-background-color: #f2f2f2;\n  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);\n  --_dso-button-primary-border-color: #fff;\n  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);\n  --_dso-button-primary-active-border-color: #f2f2f2;\n  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);\n  --_dso-button-primary-color: #191919;\n  --_dso-button-primary-hover-color: #191919;\n  --_dso-button-primary-active-color: #191919;\n  --_dso-button-primary-disabled-color: #666;\n  --_dso-button-secondary-background-color: none;\n  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);\n  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);\n  --_dso-button-secondary-disabled-background-color: none;\n  --_dso-button-secondary-border-color: #fff;\n  --_dso-button-secondary-hover-border-color: #fff;\n  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);\n  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);\n  --_dso-button-secondary-color: #fff;\n  --_dso-button-secondary-hover-color: #fff;\n  --_dso-button-secondary-active-color: #fff;\n  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);\n  --_dso-button-tertiary-color: #fff;\n  --_dso-button-tertiary-hover-color: #fff;\n  --_dso-button-tertiary-active-color: #fff;\n  --_dso-button-tertiary-disabled-color: #b2b2b2;\n  background-color: #275937;\n  color: #fff;\n  border-color: #ccc;\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\nbutton.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n  background-clip: padding-box;\n}\nbutton.dso-secondary:focus, button.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\nbutton.dso-secondary:active {\n  outline: 0;\n}\nbutton.dso-secondary.extern::after, button.dso-secondary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary {\n  background-color: var(--_dso-button-secondary-background-color, #fff);\n  border-color: var(--_dso-button-secondary-border-color, #39870c);\n  color: var(--_dso-button-secondary-color, #39870c);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\nbutton.dso-secondary:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n  color: var(--_dso-button-secondary-hover-color, #275937);\n}\nbutton.dso-secondary:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #275937);\n  border-color: var(--_dso-button-secondary-active-border-color, #275937);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\nbutton.dso-secondary[disabled], button.dso-secondary[disabled]:hover {\n  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\nbutton.dso-secondary.dso-small {\n  line-height: 1rem;\n}\nbutton.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 {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-extra-small {\n  line-height: 1rem;\n}\nbutton.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 {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\nbutton.dso-secondary.dso-extra-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-extra-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-extra-small {\n  padding-block: 9px;\n}\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\nbutton.dso-secondary span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\nbutton.dso-secondary dso-icon + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\nbutton.dso-secondary.dso-spinner-left::before {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-spinner-right::after {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton {\n  margin-block-start: 16px;\n}`;const t=class{constructor(e){o(this,e);this.dsoSubmit=r(this,"dsoSubmit",7);this.dsoClose=r(this,"dsoClose",7)}handleForm(o){o.preventDefault();this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:o})}handleChange(o){const r=o.target;this.rating=Number(r.value)}render(){const o=["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"];return e("dso-panel",{key:"377269b580cbd00a35fe11f1049ecaf5a5c4487d",emphasized:true,onDsoCloseClick:o=>this.dsoClose.emit({originalEvent:o}),role:"dialog","aria-labelledby":"panel-heading"},e("h2",{key:"2a9ef6ea761083ac436e86b9644730e756287a0c",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),e("strong",{key:"9218605298ca17dc79826d0660937724b1aa279f"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),e("form",{key:"180a6a112d5d7bb085881b6b84836b65e7941cf6",onSubmit:o=>this.handleForm(o)},e("div",{key:"d889f88a9b50c4360a6b2bc206eabc3f2903bac0",class:"visual-rating-labels","aria-hidden":"true"},e("span",{key:"200f9de2f49f1c19399fe57ddf55ef8866f1414e"},"Heel moeilijk"),e("span",{key:"bca6f67d09010dfa473d1ff001c38f3d6e215eba"},"Heel makkelijk")),e("div",{key:"cba9624f28dd7e53c818fd84e7135729f0a657d4",role:"radiogroup"},o.map(((o,r)=>{const a=r+1;return e(n,null,e("label",{class:`survey-rating-${a}`},a,e("span",{class:"sr-only"},o),e("input",{type:"radio",name:"rating",value:a,checked:a===this.rating,onChange:o=>this.handleChange(o)})))}))),e("button",{key:"bc3e579eb238799419595dc1e0f4df33c35c53e7",type:"submit",class:"dso-secondary"},e("span",{key:"df9c766f74fe501293e72fc6291f9bbe64c8910d"},"Antwoord verzenden"))))}};t.style=a();export{t as dso_survey_rating};
+//# sourceMappingURL=p-f7837b38.entry.js.map

package/dist/dso-toolkit/p-f7837b38.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Fragment","surveyRatingCss","SurveyRating","constructor","hostRef","this","dsoSubmit","dsoClose","handleForm","e","preventDefault","emit","rating","scale","start","end","originalEvent","handleChange","target","Number","value","render","ratings","key","emphasized","onDsoCloseClick","role","id","slot","onSubmit","class","map","index","ratingNumber","type","name","checked","onChange","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAgB,kBAE1E,MAAMC,EAAkB,IAAM,ukgCA2lB9B,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,UAAYR,EAAYO,KAAM,YAAa,GAChDA,KAAKE,SAAWT,EAAYO,KAAM,WAAY,EAClD,CACA,UAAAG,CAAWC,GACPA,EAAEC,iBACFL,KAAKC,UAAUK,KAAK,CAAEC,OAAQP,KAAKO,OAAQC,MAAO,CAAEC,MAAO,EAAGC,IAAK,GAAKC,cAAeP,GAC3F,CACA,YAAAQ,CAAaR,GACT,MAAMS,EAAST,EAAES,OACjBb,KAAKO,OAASO,OAAOD,EAAOE,MAChC,CACA,MAAAC,GACI,MAAMC,EAAU,CACZ,gBACA,WACA,oBACA,WACA,qBACA,YACA,kBAEJ,OAAQvB,EAAE,YAAa,CAAEwB,IAAK,2CAA4CC,WAAY,KAAMC,gBAAkBhB,GAAMJ,KAAKE,SAASI,KAAK,CAAEK,cAAeP,IAAMiB,KAAM,SAAU,kBAAmB,iBAAmB3B,EAAE,KAAM,CAAEwB,IAAK,2CAA4CI,GAAI,gBAAiBC,KAAM,WAAa,8BAA+B7B,EAAE,SAAU,CAAEwB,IAAK,4CAA8C,6DAA8DxB,EAAE,OAAQ,CAAEwB,IAAK,2CAA4CM,SAAWpB,GAAMJ,KAAKG,WAAWC,IAAMV,EAAE,MAAO,CAAEwB,IAAK,2CAA4CO,MAAO,uBAAwB,cAAe,QAAU/B,EAAE,OAAQ,CAAEwB,IAAK,4CAA8C,iBAAkBxB,EAAE,OAAQ,CAAEwB,IAAK,4CAA8C,mBAAoBxB,EAAE,MAAO,CAAEwB,IAAK,2CAA4CG,KAAM,cAAgBJ,EAAQS,KAAI,CAACnB,EAAQoB,KACp7B,MAAMC,EAAeD,EAAQ,EAC7B,OAAQjC,EAAEC,EAAU,KAAMD,EAAE,QAAS,CAAE+B,MAAO,iBAAiBG,KAAkBA,EAAclC,EAAE,OAAQ,CAAE+B,MAAO,WAAalB,GAASb,EAAE,QAAS,CAAEmC,KAAM,QAASC,KAAM,SAAUf,MAAOa,EAAcG,QAASH,IAAiB5B,KAAKO,OAAQyB,SAAW5B,GAAMJ,KAAKY,aAAaR,MAAQ,KAC1RV,EAAE,SAAU,CAAEwB,IAAK,2CAA4CW,KAAM,SAAUJ,MAAO,iBAAmB/B,EAAE,OAAQ,CAAEwB,IAAK,4CAA8C,wBACjL,GAEJrB,EAAaoC,MAAQrC,WAEZC","ignoreList":[]}

package/dist/dso-toolkit/{p-8fccf830.entry.js → p-f87553d9.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,d as i,a as s,g as a}from"./p-Dx5skKSq.js";import{c as n}from"./p-ChV9xqsO.js";const o=()=>`:host{display:inline-block}*,*::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)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}`;const r=class{constructor(t){e(this,t)}render(){return t("span",{key:"cd8239d516bd4ea96cdb3d6273d092e1441aa5bb",class:"dso-attachments"},this.count," ",t("span",{key:"b050b4ad32bbab6403b7cff89fe7f2f5c1aa5786",class:"sr-only"},"bijlage",this.count!==1?"n":""),t("dso-icon",{key:"2ad49e0eb4a1f41bee68b5348a25ab1a5fce7b0e",icon:"paperclip"}))}};r.style=o();const d=()=>`:host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}`;const l=class{constructor(t){e(this,t);this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3);this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3);this.enableAnimation=false;this.isClosed=true}toggleOpen(){if(!this.enableAnimation){this.isClosed=!this.open}}transitionstartHandler(e){e.stopPropagation();if(e.propertyName==="grid-template-rows"){this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}}transitionendHandler(e){e.stopPropagation();if(e.propertyName==="grid-template-rows"){this.isClosed=!this.open;this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open})}}render(){return t(s,{key:"f1a8622196eb5d688a650059380fb0cf0b81c2f4","aria-hidden":this.open?"false":"true",class:n({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"ffc3a8788dc58b4a03be497698379aa839dfad7e",class:"slot-container"},t("slot",{key:"a5506b08d7d63030124c483dd5f6faf09630c2c2"})))}get host(){return a(this)}static get watchers(){return{open:["toggleOpen"]}}};l.style=d();export{r as dso_attachments_counter,l as dso_expandable};
-//# sourceMappingURL=p-8fccf830.entry.js.map
+import{r as e,h as t,d as i,a as s,g as a}from"./p-Dx5skKSq.js";import{c as n}from"./p-ChV9xqsO.js";const o=()=>`:host{display:inline-block}*,*::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)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}`;const r=class{constructor(t){e(this,t)}render(){return t("span",{key:"5f3b8b2a8d9815c3c29772c9ba6bf2064d0b19ba",class:"dso-attachments"},this.count," ",t("span",{key:"c74586ff0b984718507a1d1b6afa0cda132c247e",class:"sr-only"},"bijlage",this.count!==1?"n":""),t("dso-icon",{key:"0041e344074720593cae7eb02bf88cc87473e97b",icon:"paperclip"}))}};r.style=o();const c=()=>`:host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}`;const l=class{constructor(t){e(this,t);this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3);this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3);this.enableAnimation=false;this.isClosed=true}toggleOpen(){if(!this.enableAnimation){this.isClosed=!this.open}}transitionstartHandler(e){e.stopPropagation();if(e.propertyName==="grid-template-rows"){this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}}transitionendHandler(e){e.stopPropagation();if(e.propertyName==="grid-template-rows"){this.isClosed=!this.open;this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open})}}render(){return t(s,{key:"e7bd88066e49adaa9a02370a5765fac3acf48739","aria-hidden":this.open?"false":"true",class:n({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"140d1ed105acdf92912c7c2c070ce3f9848324d3",class:"slot-container"},t("slot",{key:"86f19fa1446977e31fdc897dbe7f8395c05d3073"})))}get host(){return a(this)}static get watchers(){return{open:["toggleOpen"]}}};l.style=c();export{r as dso_attachments_counter,l as dso_expandable};
+//# sourceMappingURL=p-f87553d9.entry.js.map