@dso-toolkit/core 86.0.0 → 88.0.0

package/dist/dso-toolkit/p-DY6u58-r.js

@@ -0,0 +1,2 @@
+import{a as t,c as e,o as a,f as i,s as o,b as s,h as n,d as p}from"./p-C1uSuLE3.js";function c(c){const{referenceElement:r,tipRef:l,tipArrowRef:d,placementTip:m,topPositionSmallViewPort:f,halfMainAxisOffset:b,forceVisible:x,restrictContentElement:g}=c;return t(r,l,(()=>{const t=5;const c=d.offsetWidth;const h=Math.sqrt(2*c**2);const y=b?h/2:h;const $=c*Math.sqrt(2)*1.5;const u=f&&document.body.clientWidth<992;const j=u?"top":m;e(r,l,{strategy:"fixed",middleware:[a({mainAxis:y,alignmentAxis:-$}),i({padding:t}),o({padding:t}),s({padding:c,element:d}),n({padding:c+t}),g&&p({apply({availableHeight:e,availableWidth:a}){Object.assign(g.style,{maxHeight:`${e-t}px`,maxWidth:`${a-t*2}px`})}})],placement:j}).then((({x:t,y:e,middlewareData:a,placement:i,strategy:o})=>{if(a.hide){const t=!u&&!x&&a.hide.referenceHidden;Object.assign(l.style,{visibility:t?"hidden":"visible",opacity:t?0:1})}Object.assign(l.style,{left:`${t}px`,top:`${e}px`,strategy:o});const s=i.split("-")[0];const n=s?{top:"bottom",right:"left",bottom:"top",left:"right"}[s]:"top";let p;switch(n){default:case"top":p=45;break;case"right":p=135;break;case"bottom":p=225;break;case"left":p=315;break}if(a.arrow&&n){const{x:t,y:e}=a.arrow;Object.assign(d.style,{right:"",bottom:"",left:t?`${t}px`:"",top:e?`${e}px`:"",[n]:`${-c/2}px`,transform:`rotate(${p}deg)`})}}))}))}export{c as p};
+//# sourceMappingURL=p-DY6u58-r.js.map

package/dist/dso-toolkit/p-DY6u58-r.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-DY6u58-r.js","sources":["src/functional-components/tooltip/position-tooltip.function.ts"],"sourcesContent":["import { Placement, arrow, autoUpdate, computePosition, flip, hide, offset, shift, size } from \"@floating-ui/dom\";\r\n\r\nimport { TooltipOptions } from \"./tooltip.interfaces\";\r\n\r\n/**\r\n * Positions the Tooltip relative to its reference element.\r\n * The position is recalculated automatically on scroll, resize, or\r\n * element changes via `autoUpdate`, but is otherwise based only on the\r\n * provided arguments 'placementTip', 'topPositionSmallViewPort' and 'halfMainAxisOffset'.\r\n */\r\nexport function positionTooltip(options: TooltipOptions) {\r\n  const {\r\n    referenceElement,\r\n    tipRef,\r\n    tipArrowRef,\r\n    placementTip,\r\n    topPositionSmallViewPort,\r\n    halfMainAxisOffset,\r\n    forceVisible,\r\n    restrictContentElement,\r\n  } = options;\r\n\r\n  return autoUpdate(referenceElement, tipRef, () => {\r\n    const padding = 5;\r\n    const arrowOffsetWidth = tipArrowRef.offsetWidth;\r\n    const axisOffsetCalc = Math.sqrt(2 * arrowOffsetWidth ** 2);\r\n    const mainAxisOffset = halfMainAxisOffset ? axisOffsetCalc / 2 : axisOffsetCalc;\r\n    const arrowPadding = arrowOffsetWidth * Math.sqrt(2) * 1.5;\r\n    const smallViewport = topPositionSmallViewPort && document.body.clientWidth < 992;\r\n\r\n    // Set placement to top if viewport is small and topPositionSmallViewPort is set to true\r\n    const placement: Placement = smallViewport ? \"top\" : placementTip;\r\n\r\n    computePosition(referenceElement, tipRef, {\r\n      strategy: \"fixed\",\r\n      middleware: [\r\n        offset({\r\n          mainAxis: mainAxisOffset,\r\n          alignmentAxis: -arrowPadding,\r\n        }),\r\n        flip({\r\n          padding,\r\n        }),\r\n        shift({\r\n          padding,\r\n        }),\r\n        arrow({\r\n          padding: arrowOffsetWidth,\r\n          element: tipArrowRef,\r\n        }),\r\n        hide({\r\n          padding: arrowOffsetWidth + padding,\r\n        }),\r\n        restrictContentElement &&\r\n          size({\r\n            apply({ availableHeight, availableWidth }) {\r\n              Object.assign(restrictContentElement.style, {\r\n                maxHeight: `${availableHeight - padding}px`,\r\n                maxWidth: `${availableWidth - padding * 2}px`,\r\n              });\r\n            },\r\n          }),\r\n      ],\r\n      placement,\r\n    }).then(({ x, y, middlewareData, placement: computedPlacement, strategy }) => {\r\n      if (middlewareData.hide) {\r\n        // Tooltip needs to be visible at all times on small viewports or when forceVisible is true\r\n        const disappear = !smallViewport && !forceVisible && middlewareData.hide.referenceHidden;\r\n\r\n        Object.assign(tipRef.style, {\r\n          // Both of these properties have a CSS transition\r\n          visibility: disappear ? \"hidden\" : \"visible\",\r\n          opacity: disappear ? 0 : 1,\r\n        });\r\n      }\r\n\r\n      Object.assign(tipRef.style, {\r\n        left: `${x}px`,\r\n        top: `${y}px`,\r\n        strategy,\r\n      });\r\n\r\n      const side = computedPlacement.split(\"-\")[0];\r\n\r\n      const staticSide = side\r\n        ? {\r\n            top: \"bottom\",\r\n            right: \"left\",\r\n            bottom: \"top\",\r\n            left: \"right\",\r\n          }[side]\r\n        : \"top\";\r\n\r\n      let angle;\r\n      switch (staticSide) {\r\n        default:\r\n        case \"top\":\r\n          angle = 45;\r\n          break;\r\n        case \"right\":\r\n          angle = 135;\r\n          break;\r\n        case \"bottom\":\r\n          angle = 225;\r\n          break;\r\n        case \"left\":\r\n          angle = 315;\r\n          break;\r\n      }\r\n\r\n      if (middlewareData.arrow && staticSide) {\r\n        const { x: arrowX, y: arrowY } = middlewareData.arrow;\r\n\r\n        Object.assign(tipArrowRef.style, {\r\n          right: \"\",\r\n          bottom: \"\",\r\n          left: arrowX ? `${arrowX}px` : \"\",\r\n          top: arrowY ? `${arrowY}px` : \"\",\r\n          [staticSide]: `${-arrowOffsetWidth / 2}px`,\r\n          transform: `rotate(${angle}deg)`,\r\n        });\r\n      }\r\n    });\r\n  });\r\n}\r\n"],"names":[],"mappings":";;AAIA;;;;;AAKG;AACG,SAAU,eAAe,CAAC,OAAuB,EAAA;AACrD,IAAA,MAAM,EACJ,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,YAAY,EACZ,wBAAwB,EACxB,kBAAkB,EAClB,YAAY,EACZ,sBAAsB,GACvB,GAAG,OAAO;AAEX,IAAA,OAAO,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,MAAK;QAC/C,MAAM,OAAO,GAAG,CAAC;AACjB,QAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,WAAW;AAChD,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,gBAAgB,IAAI,CAAC,CAAC;AAC3D,QAAA,MAAM,cAAc,GAAG,kBAAkB,GAAG,cAAc,GAAG,CAAC,GAAG,cAAc;AAC/E,QAAA,MAAM,YAAY,GAAG,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG;QAC1D,MAAM,aAAa,GAAG,wBAAwB,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,GAAG;;QAGjF,MAAM,SAAS,GAAc,aAAa,GAAG,KAAK,GAAG,YAAY;AAEjE,QAAA,eAAe,CAAC,gBAAgB,EAAE,MAAM,EAAE;AACxC,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,UAAU,EAAE;AACV,gBAAA,MAAM,CAAC;AACL,oBAAA,QAAQ,EAAE,cAAc;oBACxB,aAAa,EAAE,CAAC,YAAY;iBAC7B,CAAC;AACF,gBAAA,IAAI,CAAC;oBACH,OAAO;iBACR,CAAC;AACF,gBAAA,KAAK,CAAC;oBACJ,OAAO;iBACR,CAAC;AACF,gBAAA,KAAK,CAAC;AACJ,oBAAA,OAAO,EAAE,gBAAgB;AACzB,oBAAA,OAAO,EAAE,WAAW;iBACrB,CAAC;AACF,gBAAA,IAAI,CAAC;oBACH,OAAO,EAAE,gBAAgB,GAAG,OAAO;iBACpC,CAAC;gBACF,sBAAsB;AACpB,oBAAA,IAAI,CAAC;AACH,wBAAA,KAAK,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAA;AACvC,4BAAA,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,KAAK,EAAE;AAC1C,gCAAA,SAAS,EAAE,CAAA,EAAG,eAAe,GAAG,OAAO,CAAI,EAAA,CAAA;AAC3C,gCAAA,QAAQ,EAAE,CAAG,EAAA,cAAc,GAAG,OAAO,GAAG,CAAC,CAAI,EAAA,CAAA;AAC9C,6BAAA,CAAC;yBACH;qBACF,CAAC;AACL,aAAA;YACD,SAAS;AACV,SAAA,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAI;AAC3E,YAAA,IAAI,cAAc,CAAC,IAAI,EAAE;;AAEvB,gBAAA,MAAM,SAAS,GAAG,CAAC,aAAa,IAAI,CAAC,YAAY,IAAI,cAAc,CAAC,IAAI,CAAC,eAAe;AAExF,gBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;;oBAE1B,UAAU,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS;oBAC5C,OAAO,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC;AAC3B,iBAAA,CAAC;;AAGJ,YAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;gBAC1B,IAAI,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;gBACd,GAAG,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;gBACb,QAAQ;AACT,aAAA,CAAC;YAEF,MAAM,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAE5C,MAAM,UAAU,GAAG;AACjB,kBAAE;AACE,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,IAAI,EAAE,OAAO;AACd,iBAAA,CAAC,IAAI;kBACN,KAAK;AAET,YAAA,IAAI,KAAK;YACT,QAAQ,UAAU;gBAChB;AACA,gBAAA,KAAK,KAAK;oBACR,KAAK,GAAG,EAAE;oBACV;AACF,gBAAA,KAAK,OAAO;oBACV,KAAK,GAAG,GAAG;oBACX;AACF,gBAAA,KAAK,QAAQ;oBACX,KAAK,GAAG,GAAG;oBACX;AACF,gBAAA,KAAK,MAAM;oBACT,KAAK,GAAG,GAAG;oBACX;;AAGJ,YAAA,IAAI,cAAc,CAAC,KAAK,IAAI,UAAU,EAAE;AACtC,gBAAA,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK;AAErD,gBAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE;AAC/B,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;oBACV,IAAI,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAI,EAAA,CAAA,GAAG,EAAE;oBACjC,GAAG,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAI,EAAA,CAAA,GAAG,EAAE;oBAChC,CAAC,UAAU,GAAG,CAAA,EAAG,CAAC,gBAAgB,GAAG,CAAC,CAAI,EAAA,CAAA;oBAC1C,SAAS,EAAE,CAAU,OAAA,EAAA,KAAK,CAAM,IAAA,CAAA;AACjC,iBAAA,CAAC;;AAEN,SAAC,CAAC;AACJ,KAAC,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,2 @@
+import{r as o,d as r,h as e}from"./p-Dx5skKSq.js";import{i}from"./p-Hgv-pDpy.js";import{A as a}from"./p-DsSLzkr9.js";const t=()=>`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;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;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 d=class{constructor(e){o(this,e);this.dsoClick=r(this,"dsoClick",3);this.clickHandler=o=>{if(!this.href){return}this.dsoClick.emit({href:this.href,originalEvent:o,isModifiedEvent:i(o)})}}render(){const o=this.href?e("a",{class:"content",href:this.href,onClick:this.clickHandler},e("dso-renvooi",{value:this.naam})):e("span",{class:"content"},e("dso-renvooi",{value:this.naam}));return e(a,{key:"5e922d5ecca09a1f233dfe1646861c9d86dc2c44",symbol:e("dso-icon",{icon:"land"}),title:o})}};d.style=t();export{d as dso_annotation_kaart};
+//# sourceMappingURL=p-a558b0d3.entry.js.map

package/dist/dso-toolkit/{p-9246d33d.entry.js.map → p-a558b0d3.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","isModifiedEvent","AnnotationBody","annotationCss","AnnotationKaart","constructor","hostRef","this","dsoClick","clickHandler","e","href","emit","originalEvent","render","title","class","onClick","value","naam","key","symbol","icon","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,MAAS,8BAC7CC,MAAuB,8BACvBC,MAAsB,kBAEpC,MAAMC,EAAgB,IAAM,okMAE5B,MAAMC,EAAkB,MACpB,WAAAC,CAAYC,GACRR,EAAiBS,KAAMD,GACvBC,KAAKC,SAAWT,EAAYQ,KAAM,WAAY,GAC9CA,KAAKE,aAAgBC,IACjB,IAAKH,KAAKI,KAAM,CACZ,MACJ,CACAJ,KAAKC,SAASI,KAAK,CACfD,KAAMJ,KAAKI,KACXE,cAAeH,EACfT,gBAAiBA,EAAgBS,IACnC,CAEV,CACA,MAAAI,GACI,MAAMC,EAAQR,KAAKI,KAAQX,EAAE,IAAK,CAAEgB,MAAO,UAAWL,KAAMJ,KAAKI,KAAMM,QAASV,KAAKE,cAAgBT,EAAE,cAAe,CAAEkB,MAAOX,KAAKY,QAAanB,EAAE,OAAQ,CAAEgB,MAAO,WAAahB,EAAE,cAAe,CAAEkB,MAAOX,KAAKY,QAChN,OAAOnB,EAAEE,EAAgB,CAAEkB,IAAK,2CAA4CC,OAAQrB,EAAE,WAAY,CAAEsB,KAAM,SAAWP,MAAOA,GAChI,GAEJX,EAAgBmB,MAAQpB,WAEfC","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","isModifiedEvent","AnnotationBody","annotationCss","AnnotationKaart","constructor","hostRef","this","dsoClick","clickHandler","e","href","emit","originalEvent","render","title","class","onClick","value","naam","key","symbol","icon","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,MAAS,yBAC7CC,MAAuB,8BACvBC,MAAsB,kBAEpC,MAAMC,EAAgB,IAAM,okMAE5B,MAAMC,EAAkB,MACpB,WAAAC,CAAYC,GACRR,EAAiBS,KAAMD,GACvBC,KAAKC,SAAWT,EAAYQ,KAAM,WAAY,GAC9CA,KAAKE,aAAgBC,IACjB,IAAKH,KAAKI,KAAM,CACZ,MACJ,CACAJ,KAAKC,SAASI,KAAK,CACfD,KAAMJ,KAAKI,KACXE,cAAeH,EACfT,gBAAiBA,EAAgBS,IACnC,CAEV,CACA,MAAAI,GACI,MAAMC,EAAQR,KAAKI,KAAQX,EAAE,IAAK,CAAEgB,MAAO,UAAWL,KAAMJ,KAAKI,KAAMM,QAASV,KAAKE,cAAgBT,EAAE,cAAe,CAAEkB,MAAOX,KAAKY,QAAanB,EAAE,OAAQ,CAAEgB,MAAO,WAAahB,EAAE,cAAe,CAAEkB,MAAOX,KAAKY,QAChN,OAAOnB,EAAEE,EAAgB,CAAEkB,IAAK,2CAA4CC,OAAQrB,EAAE,WAAY,CAAEsB,KAAM,SAAWP,MAAOA,GAChI,GAEJX,EAAgBmB,MAAQpB,WAEfC","ignoreList":[]}

package/dist/dso-toolkit/{p-788d29c5.entry.js → p-b0d6f317.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,f as o,h as r,g as n}from"./p-Dx5skKSq.js";import{c as d}from"./p-ChV9xqsO.js";const s=()=>`*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dt-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-start-end-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-end-start-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}`;const i=class{constructor(o){t(this,o);this.direction="row"}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{o(this)}));this.mutationObserver.observe(this.host,{childList:true,attributes:true})}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}get hasMapButton(){const t=this.host.querySelector(":scope > dso-icon-button[variant='map']")!==null;const o=this.host.querySelector(":scope > .dso-map")!==null;return t||o}render(){return r("div",{key:"0cd0a65e9b4ed512a7f51248628b5729e591e5a9",class:d("container",{"has-map-buttons":this.hasMapButton}),role:"group"},r("slot",{key:"529bd12bf8558e3d8f0a7d76bb49c9c0200714ed"}))}get host(){return n(this)}};i.style=s();export{i as dso_button_group};
-//# sourceMappingURL=p-788d29c5.entry.js.map
+import{r as t,f as o,h as r,g as n}from"./p-Dx5skKSq.js";import{c as d}from"./p-ChV9xqsO.js";const s=()=>`*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dt-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-start-end-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-end-start-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}`;const i=class{constructor(o){t(this,o);this.direction="row"}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{o(this)}));this.mutationObserver.observe(this.host,{childList:true,attributes:true})}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}get hasMapButton(){const t=this.host.querySelector(":scope > dso-icon-button[variant='map']")!==null;const o=this.host.querySelector(":scope > .dso-map")!==null;return t||o}render(){return r("div",{key:"d7dd9d6e5796f85c941c712cf473e179f7ad2b7a",class:d("container",{"has-map-buttons":this.hasMapButton}),role:"group"},r("slot",{key:"77c25c765cb23b10cc011b1d120b89330054846f"}))}get host(){return n(this)}};i.style=s();export{i as dso_button_group};
+//# sourceMappingURL=p-b0d6f317.entry.js.map

package/dist/dso-toolkit/{p-0f1287d9.entry.js → p-b1a385c9.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,d as e,h as o}from"./p-Dx5skKSq.js";import{i as n}from"./p-Hgv-pDpy.js";const s=()=>`:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;const t=class{constructor(o){i(this,o);this.dsoSkiplinkClick=e(this,"dsoSkiplinkClick",7)}clickEventHandler(i){if(!(i.target instanceof HTMLElement)||!this.to){return}return this.dsoSkiplinkClick.emit({originalEvent:i,isModifiedEvent:n(i)})}render(){return o("a",{key:"5ed1332aea03d1b42bfadc9b64d72fade0c9e040",href:`#${this.to}`,onClick:i=>this.clickEventHandler(i)},this.label,o("dso-icon",{key:"7df4dca20d1fc7df30456da33fec84ce3a7f53c8",icon:"chevron-right"}))}};t.style=s();export{t as dso_skiplink};
-//# sourceMappingURL=p-0f1287d9.entry.js.map
+import{r as i,d as e,h as o}from"./p-Dx5skKSq.js";import{i as n}from"./p-Hgv-pDpy.js";const s=()=>`:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;const t=class{constructor(o){i(this,o);this.dsoSkiplinkClick=e(this,"dsoSkiplinkClick",7)}clickEventHandler(i){if(!(i.target instanceof HTMLElement)||!this.to){return}return this.dsoSkiplinkClick.emit({originalEvent:i,isModifiedEvent:n(i)})}render(){return o("a",{key:"b5a5885a85b0f58fe63af973f7cd453673c31388",href:`#${this.to}`,onClick:i=>this.clickEventHandler(i)},this.label,o("dso-icon",{key:"c1e3ca48a711c1c6b1ed88df97b91636f27b383a",icon:"chevron-right"}))}};t.style=s();export{t as dso_skiplink};
+//# sourceMappingURL=p-b1a385c9.entry.js.map

package/dist/dso-toolkit/{p-28c8f873.entry.js → p-b78d1e0e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as e,g as i}from"./p-Dx5skKSq.js";import{a as o,c as n,o as a,f as r}from"./p-_RZbmuMU.js";import{t as h}from"./p-DDSMs62-.js";import{g as l}from"./p-CodDyi2J.js";import{v as f}from"./p-C_akviUd.js";const d=()=>`:host(:focus){outline:none}:host{display:inline-block}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}`;const c=class{constructor(s){t(this,s);this.open=false;this.dropdownAlign="left";this.dropdownOptionsOffset=2;this.checkable=false;this.focusOutListener=t=>{if(this.open&&(!(t.relatedTarget instanceof HTMLElement)||!this.tabbables(true).includes(t.relatedTarget))){this.toggleOptions(false)}};this.keyDownListener=t=>{if(t.defaultPrevented||!this.open){return}switch(t.key){case"Tab":if(t.shiftKey){this.tabInPopup(this.tabbables(true),-1)}else{this.tabInPopup(this.tabbables(true),1)}break;case"ArrowDown":this.tabInPopup(this.tabbables(false),1);break;case"ArrowUp":this.tabInPopup(this.tabbables(false),-1);break;case"Escape":this.escape();break;case" ":if(t.target instanceof HTMLElement){t.target.click()}break;default:return}t.preventDefault()};this.escape=()=>{this.button.focus();this.toggleOptions(false)}}get button(){const t=this.host.querySelector('button[slot="toggle"]');if(!(t instanceof HTMLButtonElement)){throw new ReferenceError("Mandatory toggle button not found")}return t}tabbables(t){const s=this.host.isConnected?h(this.host):[];return t?s:s.filter((t=>t!==this.button))}componentDidLoad(){this.button.setAttribute("aria-haspopup","menu");this.button.setAttribute("aria-expanded","false");if(!this.button.id){this.button.id=f()}const t=this.host.querySelector(".dso-dropdown-options");if(!(t instanceof HTMLElement)){throw new Error("dropdown options element is not instanceof HTMLElement")}t.setAttribute("role","menu");t.setAttribute("aria-labelledby",this.button.id);for(const t of Array.from(this.host.getElementsByTagName("ul"))){t.setAttribute("role","group");for(const s of Array.from(t.getElementsByTagName("li"))){s.setAttribute("role","none")}}}componentDidRender(){for(const t of Array.from(this.host.getElementsByTagName("li"))){for(const s of this.host.isConnected?h(t):[]){s.setAttribute("role",this.checkable?"menuitemradio":"menuitem");if(this.checkable){s.setAttribute("aria-checked",t.classList.contains("dso-checked").toString())}}}this.button.setAttribute("aria-expanded",this.open?"true":"false");if(this.popoverElement&&!this.cleanUp){const t=this.popoverElement;this.cleanUp=o(this.button,t,(()=>{n(this.button,t,{strategy:"fixed",middleware:[a(this.dropdownOptionsOffset),r({padding:this.dropdownOptionsOffset})],placement:this.dropdownAlign==="right"?"bottom-end":"bottom-start"}).then((({x:s,y:e})=>{Object.assign(t.style,{left:`${s}px`,top:`${e}px`})}))}))}}onClick(t){const s=t.composedPath();if(this.isToggleButtonEvent(s)){this.toggleOptions()}else if(this.open&&this.isMenuItemEvent(s)){this.toggleOptions(false)}}isToggleButtonEvent(t){return t.includes(this.button)}isMenuItemEvent(t){return t.includes(this.host)&&!this.isToggleButtonEvent(t)}toggleOptions(t){var s,e;this.open=t!==null&&t!==void 0?t:!this.open;if((s=this.popoverElement)===null||s===void 0?void 0:s.isConnected){(e=this.popoverElement)===null||e===void 0?void 0:e.togglePopover(this.open)}if(!this.open&&this.cleanUp){this.cleanUp();this.cleanUp=undefined}}connectedCallback(){this.host.addEventListener("keydown",this.keyDownListener)}disconnectedCallback(){this.host.removeEventListener("keydown",this.keyDownListener);this.toggleOptions(false)}tabInPopup(t,s){var e;const i=t.findIndex((t=>t===l()));let o=i+s;if(o>=t.length){o=0}else if(o<0){o=t.length-1}(e=t[o])===null||e===void 0?void 0:e.focus()}render(){return s(e,{key:"bf7687d8c1f0832d2966ebdbc482ce71a7ab8376",onFocusout:this.focusOutListener},s("slot",{key:"20f2ab2831f5d2c717bfb95795f1c00fb6eeb7d6",name:"toggle"}),s("div",{key:"030420adaad80a6cf6030c4527a7198abab16fe5",popover:"manual",ref:t=>this.popoverElement=t},s("slot",{key:"76007e3d341828741a96a2e7e9250cbb9711e4fb"})))}get host(){return i(this)}};c.style=d();export{c as dso_dropdown_menu};
-//# sourceMappingURL=p-28c8f873.entry.js.map
+import{r as t,h as s,a as e,g as i}from"./p-Dx5skKSq.js";import{a as o,c as n,o as r,f as a}from"./p-C1uSuLE3.js";import{t as h}from"./p-DDSMs62-.js";import{g as l}from"./p-CodDyi2J.js";import{v as f}from"./p-C_akviUd.js";const d=()=>`:host(:focus){outline:none}:host{display:inline-block}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}`;const c=class{constructor(s){t(this,s);this.open=false;this.dropdownAlign="left";this.dropdownOptionsOffset=2;this.checkable=false;this.focusOutListener=t=>{if(this.open&&(!(t.relatedTarget instanceof HTMLElement)||!this.tabbables(true).includes(t.relatedTarget))){this.toggleOptions(false)}};this.keyDownListener=t=>{if(t.defaultPrevented||!this.open){return}switch(t.key){case"Tab":if(t.shiftKey){this.tabInPopup(this.tabbables(true),-1)}else{this.tabInPopup(this.tabbables(true),1)}break;case"ArrowDown":this.tabInPopup(this.tabbables(false),1);break;case"ArrowUp":this.tabInPopup(this.tabbables(false),-1);break;case"Escape":this.escape();break;case" ":if(t.target instanceof HTMLElement){t.target.click()}break;default:return}t.preventDefault()};this.escape=()=>{this.button.focus();this.toggleOptions(false)}}get button(){const t=this.host.querySelector('button[slot="toggle"]');if(!(t instanceof HTMLButtonElement)){throw new ReferenceError("Mandatory toggle button not found")}return t}tabbables(t){const s=this.host.isConnected?h(this.host):[];return t?s:s.filter((t=>t!==this.button))}componentDidLoad(){this.button.setAttribute("aria-haspopup","menu");this.button.setAttribute("aria-expanded","false");if(!this.button.id){this.button.id=f()}const t=this.host.querySelector(".dso-dropdown-options");if(!(t instanceof HTMLElement)){throw new Error("dropdown options element is not instanceof HTMLElement")}t.setAttribute("role","menu");t.setAttribute("aria-labelledby",this.button.id);for(const t of Array.from(this.host.getElementsByTagName("ul"))){t.setAttribute("role","group");for(const s of Array.from(t.getElementsByTagName("li"))){s.setAttribute("role","none")}}}componentDidRender(){for(const t of Array.from(this.host.getElementsByTagName("li"))){for(const s of this.host.isConnected?h(t):[]){s.setAttribute("role",this.checkable?"menuitemradio":"menuitem");if(this.checkable){s.setAttribute("aria-checked",t.classList.contains("dso-checked").toString())}}}this.button.setAttribute("aria-expanded",this.open?"true":"false");if(this.popoverElement&&!this.cleanUp){const t=this.popoverElement;this.cleanUp=o(this.button,t,(()=>{n(this.button,t,{strategy:"fixed",middleware:[r(this.dropdownOptionsOffset),a({padding:this.dropdownOptionsOffset})],placement:this.dropdownAlign==="right"?"bottom-end":"bottom-start"}).then((({x:s,y:e})=>{Object.assign(t.style,{left:`${s}px`,top:`${e}px`})}))}))}}onClick(t){const s=t.composedPath();if(this.isToggleButtonEvent(s)){this.toggleOptions()}else if(this.open&&this.isMenuItemEvent(s)){this.toggleOptions(false)}}isToggleButtonEvent(t){return t.includes(this.button)}isMenuItemEvent(t){return t.includes(this.host)&&!this.isToggleButtonEvent(t)}toggleOptions(t){var s,e;this.open=t!==null&&t!==void 0?t:!this.open;if((s=this.popoverElement)===null||s===void 0?void 0:s.isConnected){(e=this.popoverElement)===null||e===void 0?void 0:e.togglePopover(this.open)}if(!this.open&&this.cleanUp){this.cleanUp();this.cleanUp=undefined}}connectedCallback(){this.host.addEventListener("keydown",this.keyDownListener)}disconnectedCallback(){this.host.removeEventListener("keydown",this.keyDownListener);this.toggleOptions(false)}tabInPopup(t,s){var e;const i=t.findIndex((t=>t===l()));let o=i+s;if(o>=t.length){o=0}else if(o<0){o=t.length-1}(e=t[o])===null||e===void 0?void 0:e.focus()}render(){return s(e,{key:"59b1f150f35e5af275cf928d8b776122af646e8b",onFocusout:this.focusOutListener},s("slot",{key:"5b362762db082f147eefe8db1b53c3e7e8075ee6",name:"toggle"}),s("div",{key:"3fa0dabc6161774c541e69b7784fd1a41273ba14",popover:"manual",ref:t=>this.popoverElement=t},s("slot",{key:"41564bd57e586458088373db77ad8212a1850e44"})))}get host(){return i(this)}};c.style=d();export{c as dso_dropdown_menu};
+//# sourceMappingURL=p-b78d1e0e.entry.js.map

package/dist/dso-toolkit/{p-282c4c3d.entry.js → p-c4499b88.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,d,h as s,g as l}from"./p-Dx5skKSq.js";import{g as i}from"./p-CodDyi2J.js";import{i as a}from"./p-pxiVAmq4.js";import{v as e}from"./p-C_akviUd.js";const t={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}};const r=()=>`@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.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)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{overflow:visible;padding:0;border:0}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:640px;background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header .dso-close{position:absolute;inset-block-start:16px;inset-inline-end:13px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}.dso-modal .dso-body:focus-visible{outline:none}@media screen and (max-width: 767px){.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header .dso-close{inset-block-start:8px}.dso-modal .dso-body{padding-block:16px;padding-inline:24px}.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:17px}`;const n=class{constructor(s){o(this,s);this.dsoClose=d(this,"dsoClose",7);this.ariaId=e();this.dialogRole="dialog";this.returnFocus=undefined;this.closable=false;this.text=a((()=>this.host),t);this.blockEscapeKey=o=>{if(o.key==="Escape"){o.preventDefault();if(this.closable){this.dsoClose.emit({originalEvent:o})}}}}get hasFooter(){return this.host.querySelector("[slot='footer']")!==null}componentDidLoad(){var o;if((o=this.htmlDialogElement)===null||o===void 0?void 0:o.isConnected){const o=i();if(o instanceof HTMLElement){this.returnFocusElement=o}this.htmlDialogElement.showModal()}}disconnectedCallback(){var o,d,s;(o=this.htmlDialogElement)===null||o===void 0?void 0:o.close();if(this.returnFocus===false){return}(s=(d=this.returnFocus)!==null&&d!==void 0?d:this.returnFocusElement)===null||s===void 0?void 0:s.focus()}handleDialogClick(o){if(!this.closable){return}if(o.target===this.htmlDialogElement){this.dsoClose.emit({originalEvent:o})}}render(){var o;return s("dialog",{key:"ee7a1036ab1dfe13a9cde99c938b2ac17676e52d",class:"dso-modal",role:(o=this.dialogRole)!==null&&o!==void 0?o:undefined,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},s("div",{key:"14656bc85a2d0891fd68b162a96a2827bc6672ed",class:"dso-dialog",role:"document"},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.closable&&s("dso-icon-button",{id:"close-modal",icon:"times",variant:"tertiary",label:this.text("close"),onDsoClick:o=>this.dsoClose.emit({originalEvent:o})})):s("span",{class:"sr-only",id:this.ariaId},this.text("dialog")),s("dso-scrollable",{key:"712c6de66982b6dfa2494e0440a85d652a4edaa7"},s("div",{key:"c91004b645f00dc94166665cb960c4352702ae51",class:"dso-body",tabIndex:0},s("slot",{key:"ac362abcac247ec40d0bdf86fafb657d0ffa75af",name:"body"}))),this.hasFooter&&s("div",{key:"9484d993a10c134304663efa3c16f7a51eef1b74",class:"dso-footer"},s("slot",{key:"cdddbb8a63bea8c8857ff4fe0e2016a620accff1",name:"footer"}))))}get host(){return l(this)}};n.style=r();export{n as dso_modal};
-//# sourceMappingURL=p-282c4c3d.entry.js.map
+import{r as o,d,h as s,g as l}from"./p-Dx5skKSq.js";import{g as i}from"./p-CodDyi2J.js";import{i as a}from"./p-pxiVAmq4.js";import{v as e}from"./p-C_akviUd.js";const t={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}};const r=()=>`@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.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)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{overflow:visible;padding:0;border:0}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:640px;background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header .dso-close{position:absolute;inset-block-start:16px;inset-inline-end:13px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}.dso-modal .dso-body:focus-visible{outline:none}@media screen and (max-width: 767px){.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header .dso-close{inset-block-start:8px}.dso-modal .dso-body{padding-block:16px;padding-inline:24px}.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:17px}`;const n=class{constructor(s){o(this,s);this.dsoClose=d(this,"dsoClose",7);this.ariaId=e();this.dialogRole="dialog";this.returnFocus=undefined;this.closable=false;this.text=a((()=>this.host),t);this.blockEscapeKey=o=>{if(o.key==="Escape"){o.preventDefault();if(this.closable){this.dsoClose.emit({originalEvent:o})}}}}get hasFooter(){return this.host.querySelector("[slot='footer']")!==null}componentDidLoad(){var o;if((o=this.htmlDialogElement)===null||o===void 0?void 0:o.isConnected){const o=i();if(o instanceof HTMLElement){this.returnFocusElement=o}this.htmlDialogElement.showModal()}}disconnectedCallback(){var o,d,s;(o=this.htmlDialogElement)===null||o===void 0?void 0:o.close();if(this.returnFocus===false){return}(s=(d=this.returnFocus)!==null&&d!==void 0?d:this.returnFocusElement)===null||s===void 0?void 0:s.focus()}handleDialogClick(o){if(!this.closable){return}if(o.target===this.htmlDialogElement){this.dsoClose.emit({originalEvent:o})}}render(){var o;return s("dialog",{key:"ef5d2276a32e11a109e4f670227077beff131794",class:"dso-modal",role:(o=this.dialogRole)!==null&&o!==void 0?o:undefined,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},s("div",{key:"1bc94ba3090333b0980475d9337f87d9e44e867a",class:"dso-dialog",role:"document"},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.closable&&s("dso-icon-button",{id:"close-modal",icon:"times",variant:"tertiary",label:this.text("close"),onDsoClick:o=>this.dsoClose.emit({originalEvent:o})})):s("span",{class:"sr-only",id:this.ariaId},this.text("dialog")),s("dso-scrollable",{key:"7a1871b25a08170d03797054de351a464592723e"},s("div",{key:"102f26f00123a6f8e58dd544bdcba29911352c9b",class:"dso-body",tabIndex:0},s("slot",{key:"98a5d7680046d9e46b993d6f9c3f208d86224e1c",name:"body"}))),this.hasFooter&&s("div",{key:"e9d1dab7323fff12723f06c418b155bbe3542f60",class:"dso-footer"},s("slot",{key:"6182ecd6fd4bbaad51c8594d9542a06d1813c7b3",name:"footer"}))))}get host(){return l(this)}};n.style=r();export{n as dso_modal};
+//# sourceMappingURL=p-c4499b88.entry.js.map

package/dist/dso-toolkit/{p-1b07fab2.entry.js → p-c86138aa.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,d as n,h as l,F as e}from"./p-Dx5skKSq.js";import{i as r}from"./p-Hgv-pDpy.js";const a=()=>`:host {\n  block-size: var(--_dso-logo-block-size, 3rem);\n  display: grid;\n  grid-template-areas: "target wordmark label";\n  grid-template-columns: repeat(3, max-content);\n  grid-template-rows: 100%;\n  gap: 16px;\n  font-size: 1.5rem;\n  font-weight: 500;\n  align-items: center;\n  container-type: size;\n  container-name: logo;\n}\n:host .logo-url,\n:host .logo-label-url {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  text-decoration: none;\n}\n:host .logo-url:hover, :host .logo-url:focus-visible, :host .logo-url:active,\n:host .logo-label-url:hover,\n:host .logo-label-url:focus-visible,\n:host .logo-label-url:active {\n  text-decoration: underline;\n}\n:host .logo-url, :host .logo-url:hover, :host .logo-url:focus, :host .logo-url:visited,\n:host .logo-label-url,\n:host .logo-label-url:hover,\n:host .logo-label-url:focus,\n:host .logo-label-url:visited {\n  color: #275937;\n}\n\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) {\n  grid-template-areas: "targetwordmark label";\n}\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon {\n  grid-area: targetwordmark;\n}\n\n.logo-label-url {\n  grid-area: label;\n}\n\n.logo-target {\n  grid-area: target;\n  max-block-size: 48px;\n  max-inline-size: 48px;\n  inline-size: 100%;\n  display: block;\n  aspect-ratio: 1/1;\n}\n\n.logo-wordmark {\n  grid-area: wordmark;\n}\n\n@container logo (max-height: 47px) {\n  .logo-wordmark,\n  .logo-label {\n    font-size: 50cqb;\n    line-height: 1;\n  }\n}\n.logo-wordmark-omgevings {\n  color: #39870c;\n}\n\n.logo-wordmark-loket {\n  color: #275937;\n}\n\n.logo-label {\n  grid-area: label;\n  color: #275937;\n  margin-inline-start: 1rem;\n}\n\n.logo-ribbon {\n  grid-area: wordmark;\n  place-self: start end;\n  display: flex;\n  place-items: center;\n  background-color: #8b4a6a;\n  border-radius: 3px;\n  transform: rotate(3deg);\n  padding-block: 0;\n  padding-inline: 8px;\n  font-size: 0.75rem;\n  font-weight: normal;\n  text-transform: uppercase;\n  color: #fff;\n}\n@container logo (max-height: 47px) {\n  .logo-ribbon {\n    block-size: 28cqb;\n    font-size: 25cqb;\n  }\n}\n\n.inner {\n  fill: #e17000;\n}\n\n.middle {\n  fill: #275937;\n}\n\n.outer {\n  fill: #80bc00;\n}\n\n@media screen and (max-width: 767px) {\n  :host([label]) {\n    grid-template-areas: "target label";\n    grid-template-columns: max-content minmax(130px, max-content);\n  }\n  :host([label]) .logo-wordmark {\n    display: none;\n  }\n  :host([label]) .logo-ribbon {\n    grid-area: label;\n  }\n  :host([label]) .logo-label {\n    margin-inline-start: 0;\n    text-wrap: balance;\n    overflow-wrap: normal;\n  }\n  :host([logo-url][ribbon]) .logo-label-url + .logo-ribbon {\n    grid-area: label;\n  }\n}\n@media screen and (max-width: 480px) {\n  .logo-ribbon {\n    transform: rotate(3deg) translateY(-7px);\n  }\n}`;const t=({name:o})=>{const n=o.split("|");return l(e,null,l("svg",{fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},l("path",{class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),l("path",{class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),l("path",{class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),l("div",{class:"logo-wordmark"},l("span",{class:"logo-wordmark-omgevings"},n[0]),n.length===2&&l("span",{class:"logo-wordmark-loket"},n[1])))};const i=class{constructor(l){o(this,l);this.dsoLogoClick=n(this,"dsoLogoClick",7);this.dsoLabelClick=n(this,"dsoLabelClick",7);this.name="Omgevings|loket";this.handleLogoClick=o=>{this.dsoLogoClick.emit({originalEvent:o,url:this.logoUrl,isModifiedEvent:r(o)})};this.handleLabelClick=o=>{this.dsoLabelClick.emit({originalEvent:o,url:this.labelUrl,isModifiedEvent:r(o)})}}render(){return l(e,null,this.logoUrl?l("a",{class:"logo-url",href:this.logoUrl,onClick:this.handleLogoClick},l(t,{name:this.name})):l(t,{name:this.name}),this.label&&(!this.labelUrl?l("span",{class:"logo-label"},this.label):l("a",{class:"logo-label-url",href:this.labelUrl,onClick:this.handleLabelClick},l("span",{class:"logo-label"},this.label))),this.ribbon&&l("div",{key:"35510db1a3d02a8f1130e37a49a4d55ed9478e2f",class:"logo-ribbon"},this.ribbon))}};i.style=a();export{i as dso_logo};
-//# sourceMappingURL=p-1b07fab2.entry.js.map
+import{r as o,d as n,h as l,F as e}from"./p-Dx5skKSq.js";import{i as r}from"./p-Hgv-pDpy.js";const a=()=>`:host {\n  block-size: var(--_dso-logo-block-size, 3rem);\n  display: grid;\n  grid-template-areas: "target wordmark label";\n  grid-template-columns: repeat(3, max-content);\n  grid-template-rows: 100%;\n  gap: 16px;\n  font-size: 1.5rem;\n  font-weight: 500;\n  align-items: center;\n  container-type: size;\n  container-name: logo;\n}\n:host .logo-url,\n:host .logo-label-url {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  text-decoration: none;\n}\n:host .logo-url:hover, :host .logo-url:focus-visible, :host .logo-url:active,\n:host .logo-label-url:hover,\n:host .logo-label-url:focus-visible,\n:host .logo-label-url:active {\n  text-decoration: underline;\n}\n:host .logo-url, :host .logo-url:hover, :host .logo-url:focus, :host .logo-url:visited,\n:host .logo-label-url,\n:host .logo-label-url:hover,\n:host .logo-label-url:focus,\n:host .logo-label-url:visited {\n  color: #275937;\n}\n\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) {\n  grid-template-areas: "targetwordmark label";\n}\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon {\n  grid-area: targetwordmark;\n}\n\n.logo-label-url {\n  grid-area: label;\n}\n\n.logo-target {\n  grid-area: target;\n  max-block-size: 48px;\n  max-inline-size: 48px;\n  inline-size: 100%;\n  display: block;\n  aspect-ratio: 1/1;\n}\n\n.logo-wordmark {\n  grid-area: wordmark;\n}\n\n@container logo (max-height: 47px) {\n  .logo-wordmark,\n  .logo-label {\n    font-size: 50cqb;\n    line-height: 1;\n  }\n}\n.logo-wordmark-omgevings {\n  color: #39870c;\n}\n\n.logo-wordmark-loket {\n  color: #275937;\n}\n\n.logo-label {\n  grid-area: label;\n  color: #275937;\n  margin-inline-start: 1rem;\n}\n\n.logo-ribbon {\n  grid-area: wordmark;\n  place-self: start end;\n  display: flex;\n  place-items: center;\n  background-color: #8b4a6a;\n  border-radius: 3px;\n  transform: rotate(3deg);\n  padding-block: 0;\n  padding-inline: 8px;\n  font-size: 0.75rem;\n  font-weight: normal;\n  text-transform: uppercase;\n  color: #fff;\n}\n@container logo (max-height: 47px) {\n  .logo-ribbon {\n    block-size: 28cqb;\n    font-size: 25cqb;\n  }\n}\n\n.inner {\n  fill: #e17000;\n}\n\n.middle {\n  fill: #275937;\n}\n\n.outer {\n  fill: #80bc00;\n}\n\n@media screen and (max-width: 767px) {\n  :host([label]) {\n    grid-template-areas: "target label";\n    grid-template-columns: max-content minmax(130px, max-content);\n  }\n  :host([label]) .logo-wordmark {\n    display: none;\n  }\n  :host([label]) .logo-ribbon {\n    grid-area: label;\n  }\n  :host([label]) .logo-label {\n    margin-inline-start: 0;\n    text-wrap: balance;\n    overflow-wrap: normal;\n  }\n  :host([logo-url][ribbon]) .logo-label-url + .logo-ribbon {\n    grid-area: label;\n  }\n}\n@media screen and (max-width: 480px) {\n  .logo-ribbon {\n    transform: rotate(3deg) translateY(-7px);\n  }\n}`;const t=({name:o})=>{const n=o.split("|");return l(e,null,l("svg",{fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},l("path",{class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),l("path",{class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),l("path",{class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),l("div",{class:"logo-wordmark"},l("span",{class:"logo-wordmark-omgevings"},n[0]),n.length===2&&l("span",{class:"logo-wordmark-loket"},n[1])))};const i=class{constructor(l){o(this,l);this.dsoLogoClick=n(this,"dsoLogoClick",7);this.dsoLabelClick=n(this,"dsoLabelClick",7);this.name="Omgevings|loket";this.handleLogoClick=o=>{this.dsoLogoClick.emit({originalEvent:o,url:this.logoUrl,isModifiedEvent:r(o)})};this.handleLabelClick=o=>{this.dsoLabelClick.emit({originalEvent:o,url:this.labelUrl,isModifiedEvent:r(o)})}}render(){return l(e,null,this.logoUrl?l("a",{class:"logo-url",href:this.logoUrl,onClick:this.handleLogoClick},l(t,{name:this.name})):l(t,{name:this.name}),this.label&&(!this.labelUrl?l("span",{class:"logo-label"},this.label):l("a",{class:"logo-label-url",href:this.labelUrl,onClick:this.handleLabelClick},l("span",{class:"logo-label"},this.label))),this.ribbon&&l("div",{key:"e3dc493316f373195f1f8cf1c5e190282486796e",class:"logo-ribbon"},this.ribbon))}};i.style=a();export{i as dso_logo};
+//# sourceMappingURL=p-c86138aa.entry.js.map

package/dist/dso-toolkit/{p-0f43d69b.entry.js → p-c8946358.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,d as r,h as e,F as a,g as i}from"./p-Dx5skKSq.js";import{A as t}from"./p-DsSLzkr9.js";import{w as d,A as n,a as s}from"./p-DhlPEFYa.js";const c=()=>`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;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;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 l=class{constructor(e){o(this,e);this.dsoActiveChange=r(this,"dsoActiveChange",7);this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return e(t,{key:"942a2c19b35f4af9cddedd9a2408c02af5ed3d81",symbol:o?e(s,null):undefined,active:this.active,dsoActiveChange:this.dsoActiveChange,title:e(a,null,e("span",{class:"content"},e("dso-renvooi",{value:this.naam})),this.gewijzigdeLocatie&&e(n,null))})}get host(){return i(this)}};l.style=c();export{l as dso_annotation_gebiedsaanwijzing};
-//# sourceMappingURL=p-0f43d69b.entry.js.map
+import{r as o,d as r,h as e,F as a,g as i}from"./p-Dx5skKSq.js";import{A as t}from"./p-DsSLzkr9.js";import{w as n,A as d,a as s}from"./p-DhlPEFYa.js";const c=()=>`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;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;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 l=class{constructor(e){o(this,e);this.dsoActiveChange=r(this,"dsoActiveChange",7);this.watcher=n(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return e(t,{key:"771869166623d9e58b476e457b1b00e2bf40b132",symbol:o?e(s,null):undefined,active:this.active,dsoActiveChange:this.dsoActiveChange,title:e(a,null,e("span",{class:"content"},e("dso-renvooi",{value:this.naam})),this.gewijzigdeLocatie&&e(d,null))})}get host(){return i(this)}};l.style=c();export{l as dso_annotation_gebiedsaanwijzing};
+//# sourceMappingURL=p-c8946358.entry.js.map

package/dist/dso-toolkit/{p-aa870cd3.entry.js → p-ca501487.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,d as r,h as e,F as a,g as i}from"./p-Dx5skKSq.js";import{A as t}from"./p-DsSLzkr9.js";import{w as n,A as d,a as s}from"./p-DhlPEFYa.js";import{A as c}from"./p-trJ4oBvK.js";const l=()=>`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;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;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){o(this,e);this.dsoActiveChange=r(this,"dsoActiveChange",7);this.watcher=n(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return e(t,{key:"38bfd72b9a8833dd5f377dc82c91b4bd29dfbae9",symbol:o?e(s,null):undefined,active:this.active||false,dsoActiveChange:this.dsoActiveChange,title:e(a,null,e("dso-renvooi",{value:this.naam}),this.eenheid&&e(a,null," ","(in ",e("dso-renvooi",{value:this.eenheid}),")")),data:e(a,null,e("span",{class:"content"},this.toelichting&&e(a,null,this.toelichting),this.waardes&&this.waardes.length>0&&e(a,null,": ",e(c,{values:this.waardes}))),this.gewijzigdeLocatie&&e(d,null))})}get host(){return i(this)}};g.style=l();export{g as dso_annotation_omgevingsnormwaarde};
-//# sourceMappingURL=p-aa870cd3.entry.js.map
+import{r as o,d as r,h as e,F as a,g as i}from"./p-Dx5skKSq.js";import{A as t}from"./p-DsSLzkr9.js";import{w as n,A as d,a as s}from"./p-DhlPEFYa.js";import{A as l}from"./p-trJ4oBvK.js";const c=()=>`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;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;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){o(this,e);this.dsoActiveChange=r(this,"dsoActiveChange",7);this.watcher=n(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return e(t,{key:"9409a8f102f2702137b37f276f4de1de6dc94266",symbol:o?e(s,null):undefined,active:this.active||false,dsoActiveChange:this.dsoActiveChange,title:e(a,null,e("dso-renvooi",{value:this.naam}),this.eenheid&&e(a,null," ","(in ",e("dso-renvooi",{value:this.eenheid}),")")),data:e(a,null,e("span",{class:"content"},this.toelichting&&e(a,null,this.toelichting),this.waardes&&this.waardes.length>0&&e(a,null,": ",e(l,{values:this.waardes}))),this.gewijzigdeLocatie&&e(d,null))})}get host(){return i(this)}};g.style=c();export{g as dso_annotation_omgevingsnormwaarde};
+//# sourceMappingURL=p-ca501487.entry.js.map

package/dist/dso-toolkit/{p-aa0662de.entry.js → p-d10abd51.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,d as e,h as t,a as i,g as a}from"./p-Dx5skKSq.js";const o=()=>`:host{display:block}`;const r=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}];const l=class{constructor(t){s(this,t);this.dsoSizeChange=e(this,"dsoSizeChange",7);this.sizeAlias=r[0].alias;this.sizeWidth=0;this.observer=new ResizeObserver((([s])=>{var e,t;if(!s){throw new Error("No entry found")}const i=(t=(e=r.find((e=>s.contentRect.width>=e.width)))===null||e===void 0?void 0:e.alias)!==null&&t!==void 0?t:r[0].alias;this.sizeAlias=i;this.dsoSizeChange.emit(i)}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return t(i,{key:"02e79ea205a525e2a5a39be76394694a2809fadf",small:this.sizeAlias==="small",medium:this.sizeAlias==="medium",large:this.sizeAlias==="large"},t("slot",{key:"ce7d40c378ac0bc879c8d6c91481aee9f6288b7e"}))}get host(){return a(this)}};l.style=o();export{l as dso_responsive_element};
-//# sourceMappingURL=p-aa0662de.entry.js.map
+import{r as s,d as e,h as t,a as i,g as a}from"./p-Dx5skKSq.js";const o=()=>`:host{display:block}`;const r=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}];const l=class{constructor(t){s(this,t);this.dsoSizeChange=e(this,"dsoSizeChange",7);this.sizeAlias=r[0].alias;this.sizeWidth=0;this.observer=new ResizeObserver((([s])=>{var e,t;if(!s){throw new Error("No entry found")}const i=(t=(e=r.find((e=>s.contentRect.width>=e.width)))===null||e===void 0?void 0:e.alias)!==null&&t!==void 0?t:r[0].alias;this.sizeAlias=i;this.dsoSizeChange.emit(i)}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return t(i,{key:"8949125bfa2cbeee5544b5ea5fe7d3b5fc95495f",small:this.sizeAlias==="small",medium:this.sizeAlias==="medium",large:this.sizeAlias==="large"},t("slot",{key:"2fafcef7f364684ad31c6e1d95ec431ad2f06334"}))}get host(){return a(this)}};l.style=o();export{l as dso_responsive_element};
+//# sourceMappingURL=p-d10abd51.entry.js.map

package/dist/dso-toolkit/{p-CkCWkDx9.js → p-dtqgWwPF.js}

@@ -1,2 +1,2 @@
-import{h as o}from"./p-Dx5skKSq.js";import{c as i}from"./p-ChV9xqsO.js";const t=({visible:t,onAfterHidden:s,tipElementRef:e,tipArrowElementRef:p},r)=>o("div",{popover:"manual",id:"tooltip",class:i(["dso-tooltip",{visible:t}]),ref:e,onTransitionEnd:o=>{o.stopPropagation();if(o.propertyName==="opacity"&&!t){s()}}},o("span",{class:"tooltip-arrow",ref:p}),o("div",{class:"tooltip-inner"},r));export{t as T};
-//# sourceMappingURL=p-CkCWkDx9.js.map
+import{h as o}from"./p-Dx5skKSq.js";import{c as i}from"./p-ChV9xqsO.js";const t=({visible:t,onAfterHidden:s,tipElementRef:e,tipArrowElementRef:p},r)=>o("div",{popover:"manual",id:"tooltip",class:i(["dso-tooltip",{visible:t}]),ref:e,onTransitionEnd:o=>{o.stopPropagation();if(o.propertyName==="opacity"&&!t){s===null||s===void 0?void 0:s()}}},o("span",{class:"tooltip-arrow",ref:p}),o("div",{class:"tooltip-inner"},r));export{t as T};
+//# sourceMappingURL=p-dtqgWwPF.js.map

package/dist/dso-toolkit/p-dtqgWwPF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-dtqgWwPF.js","sources":["src/functional-components/tooltip/tooltip.functional-component.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden?: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden?.();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n"],"names":[],"mappings":";;;AAUa,MAAA,OAAO,GAAsC,CACxD,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,EAC7D,QAAQ,MAER,CAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EACzC,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,CAAC,CAAC,KAAI;QACrB,CAAC,CAAC,eAAe,EAAE;QAEnB,IAAI,CAAC,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,OAAO,EAAE;AAC5C,YAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,MAAA,GAAA,MAAA,GAAA,aAAa,EAAI;;AAErB,KAAC,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,kBAAkB,EAAS,CAAA,EAC5D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAAE,QAAQ,CAAO,CACvC;;;;"}

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-581667ed.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-d067d245.entry.js → p-ed33ea10.entry.js}

@@ -2,5 +2,5 @@ import{r as o,d as r,h as e,F as i,g as t}from"./p-Dx5skKSq.js";import{c as n}fr
 /*!
 * focus-trap 7.6.6
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function f(o,r){(null==r||r>o.length)&&(r=o.length);for(var e=0,i=Array(r);e<r;e++)i[e]=o[e];return i}function b(o){if(Array.isArray(o))return f(o)}function v(o,r,e){return(r=w(r))in o?Object.defineProperty(o,r,{value:e,enumerable:true,configurable:true,writable:true}):o[r]=e,o}function p(o){if("undefined"!=typeof Symbol&&null!=o[Symbol.iterator]||null!=o["@@iterator"])return Array.from(o)}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(o,r){var e=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),e.push.apply(e,i)}return e}function m(o){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?h(Object(e),true).forEach((function(r){v(o,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(e)):h(Object(e)).forEach((function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(e,r))}))}return o}function y(o){return b(o)||p(o)||x(o)||g()}function k(o,r){if("object"!=typeof o||!o)return o;var e=o[Symbol.toPrimitive];if(void 0!==e){var i=e.call(o,r);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(o)}function w(o){var r=k(o,"string");return"symbol"==typeof r?r:r+""}function x(o,r){if(o){if("string"==typeof o)return f(o,r);var e={}.toString.call(o).slice(8,-1);return"Object"===e&&o.constructor&&(e=o.constructor.name),"Map"===e||"Set"===e?Array.from(o):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?f(o,r):void 0}}var _={activateTrap:function o(r,e){if(r.length>0){var i=r[r.length-1];if(i!==e){i._setPausedState(true)}}var t=r.indexOf(e);if(t===-1){r.push(e)}else{r.splice(t,1);r.push(e)}},deactivateTrap:function o(r,e){var i=r.indexOf(e);if(i!==-1){r.splice(i,1)}if(r.length>0&&!r[r.length-1]._isManuallyPaused()){r[r.length-1]._setPausedState(false)}}};var C=function o(r){return r.tagName&&r.tagName.toLowerCase()==="input"&&typeof r.select==="function"};var z=function o(r){return(r===null||r===void 0?void 0:r.key)==="Escape"||(r===null||r===void 0?void 0:r.key)==="Esc"||(r===null||r===void 0?void 0:r.keyCode)===27};var j=function o(r){return(r===null||r===void 0?void 0:r.key)==="Tab"||(r===null||r===void 0?void 0:r.keyCode)===9};var F=function o(r){return j(r)&&!r.shiftKey};var O=function o(r){return j(r)&&r.shiftKey};var D=function o(r){return setTimeout(r,0)};var T=function o(r){for(var e=arguments.length,i=new Array(e>1?e-1:0),t=1;t<e;t++){i[t-1]=arguments[t]}return typeof r==="function"?r.apply(void 0,i):r};var A=function o(r){return r.target.shadowRoot&&typeof r.composedPath==="function"?r.composedPath()[0]:r.target};var E=[];var S=function o(r,e){var i=(e===null||e===void 0?void 0:e.document)||document;var t=(e===null||e===void 0?void 0:e.trapStack)||E;var n=m({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:F,isKeyBackward:O},e);var u={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,manuallyPaused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var f;var b=function o(r,e,i){return r&&r[e]!==undefined?r[e]:n[i||e]};var v=function o(r,e){var i=typeof(e===null||e===void 0?void 0:e.composedPath)==="function"?e.composedPath():undefined;return u.containerGroups.findIndex((function(o){var e=o.container,t=o.tabbableNodes;return e.contains(r)||(i===null||i===void 0?void 0:i.includes(e))||t.find((function(o){return o===r}))}))};var p=function o(r){var e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},t=e.hasFallback,a=t===void 0?false:t,s=e.params,l=s===void 0?[]:s;var d=n[r];if(typeof d==="function"){d=d.apply(void 0,y(l))}if(d===true){d=undefined}if(!d){if(d===undefined||d===false){return d}throw new Error("`".concat(r,"` was specified but was not a node, or did not return a node"))}var c=d;if(typeof d==="string"){try{c=i.querySelector(d)}catch(o){throw new Error("`".concat(r,'` appears to be an invalid selector; error="').concat(o.message,'"'))}if(!c){if(!a){throw new Error("`".concat(r,"` as selector refers to no known node"))}}}return c};var g=function o(){var r=p("initialFocus",{hasFallback:true});if(r===false){return false}if(r===undefined||r&&!c(r,n.tabbableOptions)){if(v(i.activeElement)>=0){r=i.activeElement}else{var e=u.tabbableGroups[0];var t=e&&e.firstTabbableNode;r=t||p("fallbackFocus")}}else if(r===null){r=p("fallbackFocus")}if(!r){throw new Error("Your focus-trap needs to have at least one focusable element")}return r};var h=function o(){u.containerGroups=u.containers.map((function(o){var r=a(o,n.tabbableOptions);var e=s(o,n.tabbableOptions);var i=r.length>0?r[0]:undefined;var t=r.length>0?r[r.length-1]:undefined;var c=e.find((function(o){return l(o)}));var u=e.slice().reverse().find((function(o){return l(o)}));var f=!!r.find((function(o){return d(o)>0}));return{container:o,tabbableNodes:r,focusableNodes:e,posTabIndexesFound:f,firstTabbableNode:i,lastTabbableNode:t,firstDomTabbableNode:c,lastDomTabbableNode:u,nextTabbableNode:function o(i){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=r.indexOf(i);if(n<0){if(t){return e.slice(e.indexOf(i)+1).find((function(o){return l(o)}))}return e.slice(0,e.indexOf(i)).reverse().find((function(o){return l(o)}))}return r[n+(t?1:-1)]}}}));u.tabbableGroups=u.containerGroups.filter((function(o){return o.tabbableNodes.length>0}));if(u.tabbableGroups.length<=0&&!p("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(u.containerGroups.find((function(o){return o.posTabIndexesFound}))&&u.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var k=function o(r){var e=r.activeElement;if(!e){return}if(e.shadowRoot&&e.shadowRoot.activeElement!==null){return k(e.shadowRoot)}return e};var w=function o(r){if(r===false){return}if(r===k(document)){return}if(!r||!r.focus){w(g());return}r.focus({preventScroll:!!n.preventScroll});u.mostRecentlyFocusedNode=r;if(C(r)){r.select()}};var x=function o(r){var e=p("setReturnFocus",{params:[r]});return e?e:e===false?false:r};var S=function o(r){var e=r.target,i=r.event,t=r.isBackward,a=t===void 0?false:t;e=e||A(i);h();var s=null;if(u.tabbableGroups.length>0){var f=v(e,i);var b=f>=0?u.containerGroups[f]:undefined;if(f<0){if(a){s=u.tabbableGroups[u.tabbableGroups.length-1].lastTabbableNode}else{s=u.tabbableGroups[0].firstTabbableNode}}else if(a){var g=u.tabbableGroups.findIndex((function(o){var r=o.firstTabbableNode;return e===r}));if(g<0&&(b.container===e||c(e,n.tabbableOptions)&&!l(e,n.tabbableOptions)&&!b.nextTabbableNode(e,false))){g=f}if(g>=0){var m=g===0?u.tabbableGroups.length-1:g-1;var y=u.tabbableGroups[m];s=d(e)>=0?y.lastTabbableNode:y.lastDomTabbableNode}else if(!j(i)){s=b.nextTabbableNode(e,false)}}else{var k=u.tabbableGroups.findIndex((function(o){var r=o.lastTabbableNode;return e===r}));if(k<0&&(b.container===e||c(e,n.tabbableOptions)&&!l(e,n.tabbableOptions)&&!b.nextTabbableNode(e))){k=f}if(k>=0){var w=k===u.tabbableGroups.length-1?0:k+1;var x=u.tabbableGroups[w];s=d(e)>=0?x.firstTabbableNode:x.firstDomTabbableNode}else if(!j(i)){s=b.nextTabbableNode(e)}}}else{s=p("fallbackFocus")}return s};var P=function o(r){var e=A(r);if(v(e,r)>=0){return}if(T(n.clickOutsideDeactivates,r)){f.deactivate({returnFocus:n.returnFocusOnDeactivate});return}if(T(n.allowOutsideClick,r)){return}r.preventDefault()};var N=function o(r){var e=A(r);var i=v(e,r)>=0;if(i||e instanceof Document){if(i){u.mostRecentlyFocusedNode=e}}else{r.stopImmediatePropagation();var t;var a=true;if(u.mostRecentlyFocusedNode){if(d(u.mostRecentlyFocusedNode)>0){var s=v(u.mostRecentlyFocusedNode);var l=u.containerGroups[s].tabbableNodes;if(l.length>0){var c=l.findIndex((function(o){return o===u.mostRecentlyFocusedNode}));if(c>=0){if(n.isKeyForward(u.recentNavEvent)){if(c+1<l.length){t=l[c+1];a=false}}else{if(c-1>=0){t=l[c-1];a=false}}}}}else{if(!u.containerGroups.some((function(o){return o.tabbableNodes.some((function(o){return d(o)>0}))}))){a=false}}}else{a=false}if(a){t=S({target:u.mostRecentlyFocusedNode,isBackward:n.isKeyBackward(u.recentNavEvent)})}if(t){w(t)}else{w(u.mostRecentlyFocusedNode||g())}}u.recentNavEvent=undefined};var R=function o(r){var e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;u.recentNavEvent=r;var i=S({event:r,isBackward:e});if(i){if(j(r)){r.preventDefault()}w(i)}};var I=function o(r){if(n.isKeyForward(r)||n.isKeyBackward(r)){R(r,n.isKeyBackward(r))}};var M=function o(r){if(z(r)&&T(n.escapeDeactivates,r)!==false){r.preventDefault();f.deactivate()}};var B=function o(r){var e=A(r);if(v(e,r)>=0){return}if(T(n.clickOutsideDeactivates,r)){return}if(T(n.allowOutsideClick,r)){return}r.preventDefault();r.stopImmediatePropagation()};var H=function o(){if(!u.active){return}_.activateTrap(t,f);u.delayInitialFocusTimer=n.delayInitialFocus?D((function(){w(g())})):w(g());i.addEventListener("focusin",N,true);i.addEventListener("mousedown",P,{capture:true,passive:false});i.addEventListener("touchstart",P,{capture:true,passive:false});i.addEventListener("click",B,{capture:true,passive:false});i.addEventListener("keydown",I,{capture:true,passive:false});i.addEventListener("keydown",M);return f};var U=function o(){if(!u.active){return}i.removeEventListener("focusin",N,true);i.removeEventListener("mousedown",P,true);i.removeEventListener("touchstart",P,true);i.removeEventListener("click",B,true);i.removeEventListener("keydown",I,true);i.removeEventListener("keydown",M);return f};var K=function o(r){var e=r.some((function(o){var r=Array.from(o.removedNodes);return r.some((function(o){return o===u.mostRecentlyFocusedNode}))}));if(e){w(g())}};var q=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(K):undefined;var G=function o(){if(!q){return}q.disconnect();if(u.active&&!u.paused){u.containers.map((function(o){q.observe(o,{subtree:true,childList:true})}))}};f={get active(){return u.active},get paused(){return u.paused},activate:function o(r){if(u.active){return this}var e=b(r,"onActivate");var t=b(r,"onPostActivate");var n=b(r,"checkCanFocusTrap");if(!n){h()}u.active=true;u.paused=false;u.nodeFocusedBeforeActivation=k(i);e===null||e===void 0||e();var a=function o(){if(n){h()}H();G();t===null||t===void 0||t()};if(n){n(u.containers.concat()).then(a,a);return this}a();return this},deactivate:function o(r){if(!u.active){return this}var e=m({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},r);clearTimeout(u.delayInitialFocusTimer);u.delayInitialFocusTimer=undefined;U();u.active=false;u.paused=false;G();_.deactivateTrap(t,f);var i=b(e,"onDeactivate");var a=b(e,"onPostDeactivate");var s=b(e,"checkCanReturnFocus");var l=b(e,"returnFocus","returnFocusOnDeactivate");i===null||i===void 0||i();var d=function o(){D((function(){if(l){w(x(u.nodeFocusedBeforeActivation))}a===null||a===void 0||a()}))};if(l&&s){s(x(u.nodeFocusedBeforeActivation)).then(d,d);return this}d();return this},pause:function o(r){if(!u.active){return this}u.manuallyPaused=true;return this._setPausedState(true,r)},unpause:function o(r){if(!u.active){return this}u.manuallyPaused=false;if(t[t.length-1]!==this){return this}return this._setPausedState(false,r)},updateContainerElements:function o(r){var e=[].concat(r).filter(Boolean);u.containers=e.map((function(o){return typeof o==="string"?i.querySelector(o):o}));if(u.active){h()}G();return this}};Object.defineProperties(f,{_isManuallyPaused:{value:function o(){return u.manuallyPaused}},_setPausedState:{value:function o(r,e){if(u.paused===r){return this}u.paused=r;if(r){var i=b(e,"onPause");var t=b(e,"onPostPause");i===null||i===void 0||i();U();G();t===null||t===void 0||t()}else{var n=b(e,"onUnpause");var a=b(e,"onPostUnpause");n===null||n===void 0||n();h();H();G();a===null||a===void 0||a()}return this}}});f.updateContainerElements(r);return f};const P=()=>`:host{display:block}*,*::after,*::before{box-sizing:border-box}.active-option{display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%;--_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}.group .option-label::before 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"))}.group .option-label::before 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"))}.group .option-label::before 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"))}.group .option-label::before 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"))}.group .option-label::before{--_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;background-color:#ccc;color:#191919}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:14px;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_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}.group-info .option-label::before 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"))}.group-info .option-label::before 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"))}.group-info .option-label::before 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"))}.group-info .option-label::before 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"))}.group-info .option-label::before{--_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;background-color:#6ca4d9;color:#191919}.group-primary .option-label::before{--_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}.group-primary .option-label::before 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"))}.group-primary .option-label::before 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"))}.group-primary .option-label::before 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"))}.group-primary .option-label::before 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"))}.group-primary .option-label::before{--_dso-icon-button-tertiary-color:#fff;background-color:#275937;color:#fff}.group-success .option-label::before{--_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}.group-success .option-label::before 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"))}.group-success .option-label::before 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"))}.group-success .option-label::before 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"))}.group-success .option-label::before 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"))}.group-success .option-label::before{--_dso-icon-button-tertiary-color:#fff;background-color:#39870c;color:#fff}.group-warning .option-label::before{--_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}.group-warning .option-label::before 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"))}.group-warning .option-label::before 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"))}.group-warning .option-label::before 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"))}.group-warning .option-label::before 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"))}.group-warning .option-label::before{--_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;background-color:#dcd400;color:#191919}.group-error .option-label::before{--_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}.group-error .option-label::before 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"))}.group-error .option-label::before 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"))}.group-error .option-label::before 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"))}.group-error .option-label::before 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"))}.group-error .option-label::before{--_dso-icon-button-tertiary-color:#fff;background-color:#ce3f51;color:#fff}.group-attention .option-label::before{--_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}.group-attention .option-label::before 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"))}.group-attention .option-label::before 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"))}.group-attention .option-label::before 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"))}.group-attention .option-label::before 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"))}.group-attention .option-label::before{--_dso-icon-button-tertiary-color:#fff;background-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}`;const N=class{constructor(e){o(this,e);this.dsoChange=r(this,"dsoChange",3);this.dsoRedirect=r(this,"dsoRedirect",3);this.options=[];this.open=false;this.toggleOpen=()=>{this.open=!this.open};this.handleOptionClick=(o,r)=>{this.dsoChange.emit({originalEvent:o,option:r});this.open=false};this.handleRedirectClick=(o,r)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:u(o),redirect:r});this.open=false}}keyDownListener(o){if(this.open&&o.key==="ArrowUp"){o.preventDefault();this.handleTab(-1)}else if(this.open&&o.key==="ArrowDown"){o.preventDefault();this.handleTab(1)}}componentDidRender(){if(this.open&&!this.trap){this.createTrap()}else if(!this.open&&this.trap){this.removeTrap()}}createTrap(){this.trap=S(this.host,{clickOutsideDeactivates:true,escapeDeactivates:true,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:true},onDeactivate:()=>{this.open=false}}).activate()}removeTrap(){var o;(o=this.trap)===null||o===void 0?void 0:o.deactivate();delete this.trap}handleTab(o){var r;const e=this.host.isConnected?a(this.host,{getShadowRoot:true}):[];const i=e.findIndex((o=>{var r;return o===((r=this.host.shadowRoot)===null||r===void 0?void 0:r.activeElement)}));let t=i+o;if(t>=e.length){t=0}else if(t<0){t=e.length-1}(r=e[t])===null||r===void 0?void 0:r.focus()}render(){var o,r;return e(i,{key:"8454f09f9a5c7b03f01d2d579f63ef22ee9d930f"},e("button",{key:"b13c7456b0f8b47c8480d0cd3c2f147fff8f6269","aria-expanded":this.open.toString(),class:n(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},e(M,{key:"75738db34a9661d30a2ffc1df989d51170b11d68",active:this.active,options:this.options}),e("span",{key:"0fef97f3e6cf3bbbdb994051e6840a639778a5b5",class:"active-option-label"},(r=(o=this.active)===null||o===void 0?void 0:o.label)!==null&&r!==void 0?r:"Selecteer een optie"),e("span",{key:"fafd37c8227fe1dc472e2cdc6417d4f888e4b792",class:"active-option-aside"},this.options.some((o=>"summaryCounter"in o&&(o===null||o===void 0?void 0:o.summaryCounter)))&&e("span",{key:"6ce677f9cebbd80be21230eafc3b3ad1f291cf66",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!(o===null||o===void 0?void 0:o.summaryCounter))).map((o=>{var r;return e("dso-badge",{status:(r=o.variant)!==null&&r!==void 0?r:"outline"},o.options.length)}))),e("dso-icon",{key:"87bbef2d6a2412b5977d436aa09a2276fbf20154",icon:"caret-down"}))),this.open&&e("div",{key:"44c9d298664567143d9dce42f734be2c6c7fa49e",class:"groups-container"},e("ul",{key:"5bd41c6c7e720245b75c40cbbb082f9012d5b68e",class:"groups"},this.options.map((o=>"options"in o&&e("li",{class:n(["group",{[`group-${o.variant}`]:!!o.variant}])},e("p",{class:"group-label"},o.label),e("ul",{class:"options"},o.options.map((o=>e("li",null,e(R,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))),o.redirect&&e(I,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&e("li",{class:"group"},e("p",{class:"group-label"},o.label),e("p",{class:"placeholder"},o.placeholder),o.redirect&&e(I,{redirect:o.redirect,callback:this.handleRedirectClick}))||e("li",null,e(R,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick})))))))}get host(){return t(this)}};const R=({option:o,active:r,activeHint:i,callback:t})=>e("button",{class:n(["option",{"option-active":r===o}]),type:"button",onClick:r=>t(r,o)},e("span",{class:"option-label"},o.label),!!i&&r===o&&e("span",{class:"option-hint"},"(",i,")"));const I=({redirect:o,callback:r})=>e("a",{class:"group-link",href:o.href,onClick:e=>r(e,o)},o.label,e("dso-icon",{icon:"chevron-right"}));const M=({active:o,options:r})=>{const i=r.find((r=>"options"in r&&!!r.options.find((r=>r===o))&&!!r.activeLabel));return i&&e("dso-label",{compact:true,status:i.variant},i.activeLabel)};N.style=P();export{N as dso_advanced_select};
-//# sourceMappingURL=p-d067d245.entry.js.map
+*/function f(o,r){(null==r||r>o.length)&&(r=o.length);for(var e=0,i=Array(r);e<r;e++)i[e]=o[e];return i}function b(o){if(Array.isArray(o))return f(o)}function v(o,r,e){return(r=w(r))in o?Object.defineProperty(o,r,{value:e,enumerable:true,configurable:true,writable:true}):o[r]=e,o}function p(o){if("undefined"!=typeof Symbol&&null!=o[Symbol.iterator]||null!=o["@@iterator"])return Array.from(o)}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(o,r){var e=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),e.push.apply(e,i)}return e}function m(o){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?h(Object(e),true).forEach((function(r){v(o,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(e)):h(Object(e)).forEach((function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(e,r))}))}return o}function y(o){return b(o)||p(o)||x(o)||g()}function k(o,r){if("object"!=typeof o||!o)return o;var e=o[Symbol.toPrimitive];if(void 0!==e){var i=e.call(o,r);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(o)}function w(o){var r=k(o,"string");return"symbol"==typeof r?r:r+""}function x(o,r){if(o){if("string"==typeof o)return f(o,r);var e={}.toString.call(o).slice(8,-1);return"Object"===e&&o.constructor&&(e=o.constructor.name),"Map"===e||"Set"===e?Array.from(o):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?f(o,r):void 0}}var _={activateTrap:function o(r,e){if(r.length>0){var i=r[r.length-1];if(i!==e){i._setPausedState(true)}}var t=r.indexOf(e);if(t===-1){r.push(e)}else{r.splice(t,1);r.push(e)}},deactivateTrap:function o(r,e){var i=r.indexOf(e);if(i!==-1){r.splice(i,1)}if(r.length>0&&!r[r.length-1]._isManuallyPaused()){r[r.length-1]._setPausedState(false)}}};var C=function o(r){return r.tagName&&r.tagName.toLowerCase()==="input"&&typeof r.select==="function"};var z=function o(r){return(r===null||r===void 0?void 0:r.key)==="Escape"||(r===null||r===void 0?void 0:r.key)==="Esc"||(r===null||r===void 0?void 0:r.keyCode)===27};var j=function o(r){return(r===null||r===void 0?void 0:r.key)==="Tab"||(r===null||r===void 0?void 0:r.keyCode)===9};var F=function o(r){return j(r)&&!r.shiftKey};var O=function o(r){return j(r)&&r.shiftKey};var D=function o(r){return setTimeout(r,0)};var T=function o(r){for(var e=arguments.length,i=new Array(e>1?e-1:0),t=1;t<e;t++){i[t-1]=arguments[t]}return typeof r==="function"?r.apply(void 0,i):r};var A=function o(r){return r.target.shadowRoot&&typeof r.composedPath==="function"?r.composedPath()[0]:r.target};var E=[];var S=function o(r,e){var i=(e===null||e===void 0?void 0:e.document)||document;var t=(e===null||e===void 0?void 0:e.trapStack)||E;var n=m({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:F,isKeyBackward:O},e);var u={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,manuallyPaused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var f;var b=function o(r,e,i){return r&&r[e]!==undefined?r[e]:n[i||e]};var v=function o(r,e){var i=typeof(e===null||e===void 0?void 0:e.composedPath)==="function"?e.composedPath():undefined;return u.containerGroups.findIndex((function(o){var e=o.container,t=o.tabbableNodes;return e.contains(r)||(i===null||i===void 0?void 0:i.includes(e))||t.find((function(o){return o===r}))}))};var p=function o(r){var e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},t=e.hasFallback,a=t===void 0?false:t,s=e.params,l=s===void 0?[]:s;var d=n[r];if(typeof d==="function"){d=d.apply(void 0,y(l))}if(d===true){d=undefined}if(!d){if(d===undefined||d===false){return d}throw new Error("`".concat(r,"` was specified but was not a node, or did not return a node"))}var c=d;if(typeof d==="string"){try{c=i.querySelector(d)}catch(o){throw new Error("`".concat(r,'` appears to be an invalid selector; error="').concat(o.message,'"'))}if(!c){if(!a){throw new Error("`".concat(r,"` as selector refers to no known node"))}}}return c};var g=function o(){var r=p("initialFocus",{hasFallback:true});if(r===false){return false}if(r===undefined||r&&!c(r,n.tabbableOptions)){if(v(i.activeElement)>=0){r=i.activeElement}else{var e=u.tabbableGroups[0];var t=e&&e.firstTabbableNode;r=t||p("fallbackFocus")}}else if(r===null){r=p("fallbackFocus")}if(!r){throw new Error("Your focus-trap needs to have at least one focusable element")}return r};var h=function o(){u.containerGroups=u.containers.map((function(o){var r=a(o,n.tabbableOptions);var e=s(o,n.tabbableOptions);var i=r.length>0?r[0]:undefined;var t=r.length>0?r[r.length-1]:undefined;var c=e.find((function(o){return l(o)}));var u=e.slice().reverse().find((function(o){return l(o)}));var f=!!r.find((function(o){return d(o)>0}));return{container:o,tabbableNodes:r,focusableNodes:e,posTabIndexesFound:f,firstTabbableNode:i,lastTabbableNode:t,firstDomTabbableNode:c,lastDomTabbableNode:u,nextTabbableNode:function o(i){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=r.indexOf(i);if(n<0){if(t){return e.slice(e.indexOf(i)+1).find((function(o){return l(o)}))}return e.slice(0,e.indexOf(i)).reverse().find((function(o){return l(o)}))}return r[n+(t?1:-1)]}}}));u.tabbableGroups=u.containerGroups.filter((function(o){return o.tabbableNodes.length>0}));if(u.tabbableGroups.length<=0&&!p("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(u.containerGroups.find((function(o){return o.posTabIndexesFound}))&&u.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var k=function o(r){var e=r.activeElement;if(!e){return}if(e.shadowRoot&&e.shadowRoot.activeElement!==null){return k(e.shadowRoot)}return e};var w=function o(r){if(r===false){return}if(r===k(document)){return}if(!r||!r.focus){w(g());return}r.focus({preventScroll:!!n.preventScroll});u.mostRecentlyFocusedNode=r;if(C(r)){r.select()}};var x=function o(r){var e=p("setReturnFocus",{params:[r]});return e?e:e===false?false:r};var S=function o(r){var e=r.target,i=r.event,t=r.isBackward,a=t===void 0?false:t;e=e||A(i);h();var s=null;if(u.tabbableGroups.length>0){var f=v(e,i);var b=f>=0?u.containerGroups[f]:undefined;if(f<0){if(a){s=u.tabbableGroups[u.tabbableGroups.length-1].lastTabbableNode}else{s=u.tabbableGroups[0].firstTabbableNode}}else if(a){var g=u.tabbableGroups.findIndex((function(o){var r=o.firstTabbableNode;return e===r}));if(g<0&&(b.container===e||c(e,n.tabbableOptions)&&!l(e,n.tabbableOptions)&&!b.nextTabbableNode(e,false))){g=f}if(g>=0){var m=g===0?u.tabbableGroups.length-1:g-1;var y=u.tabbableGroups[m];s=d(e)>=0?y.lastTabbableNode:y.lastDomTabbableNode}else if(!j(i)){s=b.nextTabbableNode(e,false)}}else{var k=u.tabbableGroups.findIndex((function(o){var r=o.lastTabbableNode;return e===r}));if(k<0&&(b.container===e||c(e,n.tabbableOptions)&&!l(e,n.tabbableOptions)&&!b.nextTabbableNode(e))){k=f}if(k>=0){var w=k===u.tabbableGroups.length-1?0:k+1;var x=u.tabbableGroups[w];s=d(e)>=0?x.firstTabbableNode:x.firstDomTabbableNode}else if(!j(i)){s=b.nextTabbableNode(e)}}}else{s=p("fallbackFocus")}return s};var P=function o(r){var e=A(r);if(v(e,r)>=0){return}if(T(n.clickOutsideDeactivates,r)){f.deactivate({returnFocus:n.returnFocusOnDeactivate});return}if(T(n.allowOutsideClick,r)){return}r.preventDefault()};var N=function o(r){var e=A(r);var i=v(e,r)>=0;if(i||e instanceof Document){if(i){u.mostRecentlyFocusedNode=e}}else{r.stopImmediatePropagation();var t;var a=true;if(u.mostRecentlyFocusedNode){if(d(u.mostRecentlyFocusedNode)>0){var s=v(u.mostRecentlyFocusedNode);var l=u.containerGroups[s].tabbableNodes;if(l.length>0){var c=l.findIndex((function(o){return o===u.mostRecentlyFocusedNode}));if(c>=0){if(n.isKeyForward(u.recentNavEvent)){if(c+1<l.length){t=l[c+1];a=false}}else{if(c-1>=0){t=l[c-1];a=false}}}}}else{if(!u.containerGroups.some((function(o){return o.tabbableNodes.some((function(o){return d(o)>0}))}))){a=false}}}else{a=false}if(a){t=S({target:u.mostRecentlyFocusedNode,isBackward:n.isKeyBackward(u.recentNavEvent)})}if(t){w(t)}else{w(u.mostRecentlyFocusedNode||g())}}u.recentNavEvent=undefined};var R=function o(r){var e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;u.recentNavEvent=r;var i=S({event:r,isBackward:e});if(i){if(j(r)){r.preventDefault()}w(i)}};var I=function o(r){if(n.isKeyForward(r)||n.isKeyBackward(r)){R(r,n.isKeyBackward(r))}};var M=function o(r){if(z(r)&&T(n.escapeDeactivates,r)!==false){r.preventDefault();f.deactivate()}};var B=function o(r){var e=A(r);if(v(e,r)>=0){return}if(T(n.clickOutsideDeactivates,r)){return}if(T(n.allowOutsideClick,r)){return}r.preventDefault();r.stopImmediatePropagation()};var H=function o(){if(!u.active){return}_.activateTrap(t,f);u.delayInitialFocusTimer=n.delayInitialFocus?D((function(){w(g())})):w(g());i.addEventListener("focusin",N,true);i.addEventListener("mousedown",P,{capture:true,passive:false});i.addEventListener("touchstart",P,{capture:true,passive:false});i.addEventListener("click",B,{capture:true,passive:false});i.addEventListener("keydown",I,{capture:true,passive:false});i.addEventListener("keydown",M);return f};var U=function o(){if(!u.active){return}i.removeEventListener("focusin",N,true);i.removeEventListener("mousedown",P,true);i.removeEventListener("touchstart",P,true);i.removeEventListener("click",B,true);i.removeEventListener("keydown",I,true);i.removeEventListener("keydown",M);return f};var K=function o(r){var e=r.some((function(o){var r=Array.from(o.removedNodes);return r.some((function(o){return o===u.mostRecentlyFocusedNode}))}));if(e){w(g())}};var q=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(K):undefined;var G=function o(){if(!q){return}q.disconnect();if(u.active&&!u.paused){u.containers.map((function(o){q.observe(o,{subtree:true,childList:true})}))}};f={get active(){return u.active},get paused(){return u.paused},activate:function o(r){if(u.active){return this}var e=b(r,"onActivate");var t=b(r,"onPostActivate");var n=b(r,"checkCanFocusTrap");if(!n){h()}u.active=true;u.paused=false;u.nodeFocusedBeforeActivation=k(i);e===null||e===void 0||e();var a=function o(){if(n){h()}H();G();t===null||t===void 0||t()};if(n){n(u.containers.concat()).then(a,a);return this}a();return this},deactivate:function o(r){if(!u.active){return this}var e=m({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},r);clearTimeout(u.delayInitialFocusTimer);u.delayInitialFocusTimer=undefined;U();u.active=false;u.paused=false;G();_.deactivateTrap(t,f);var i=b(e,"onDeactivate");var a=b(e,"onPostDeactivate");var s=b(e,"checkCanReturnFocus");var l=b(e,"returnFocus","returnFocusOnDeactivate");i===null||i===void 0||i();var d=function o(){D((function(){if(l){w(x(u.nodeFocusedBeforeActivation))}a===null||a===void 0||a()}))};if(l&&s){s(x(u.nodeFocusedBeforeActivation)).then(d,d);return this}d();return this},pause:function o(r){if(!u.active){return this}u.manuallyPaused=true;return this._setPausedState(true,r)},unpause:function o(r){if(!u.active){return this}u.manuallyPaused=false;if(t[t.length-1]!==this){return this}return this._setPausedState(false,r)},updateContainerElements:function o(r){var e=[].concat(r).filter(Boolean);u.containers=e.map((function(o){return typeof o==="string"?i.querySelector(o):o}));if(u.active){h()}G();return this}};Object.defineProperties(f,{_isManuallyPaused:{value:function o(){return u.manuallyPaused}},_setPausedState:{value:function o(r,e){if(u.paused===r){return this}u.paused=r;if(r){var i=b(e,"onPause");var t=b(e,"onPostPause");i===null||i===void 0||i();U();G();t===null||t===void 0||t()}else{var n=b(e,"onUnpause");var a=b(e,"onPostUnpause");n===null||n===void 0||n();h();H();G();a===null||a===void 0||a()}return this}}});f.updateContainerElements(r);return f};const P=()=>`:host{display:block}*,*::after,*::before{box-sizing:border-box}.active-option{display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%;--_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}.group .option-label::before 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"))}.group .option-label::before 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"))}.group .option-label::before 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"))}.group .option-label::before 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"))}.group .option-label::before{--_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;background-color:#ccc;color:#191919}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:14px;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_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}.group-info .option-label::before 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"))}.group-info .option-label::before 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"))}.group-info .option-label::before 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"))}.group-info .option-label::before 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"))}.group-info .option-label::before{--_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;background-color:#6ca4d9;color:#191919}.group-primary .option-label::before{--_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}.group-primary .option-label::before 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"))}.group-primary .option-label::before 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"))}.group-primary .option-label::before 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"))}.group-primary .option-label::before 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"))}.group-primary .option-label::before{--_dso-icon-button-tertiary-color:#fff;background-color:#275937;color:#fff}.group-success .option-label::before{--_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}.group-success .option-label::before 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"))}.group-success .option-label::before 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"))}.group-success .option-label::before 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"))}.group-success .option-label::before 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"))}.group-success .option-label::before{--_dso-icon-button-tertiary-color:#fff;background-color:#39870c;color:#fff}.group-warning .option-label::before{--_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}.group-warning .option-label::before 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"))}.group-warning .option-label::before 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"))}.group-warning .option-label::before 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"))}.group-warning .option-label::before 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"))}.group-warning .option-label::before{--_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;background-color:#dcd400;color:#191919}.group-error .option-label::before{--_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}.group-error .option-label::before 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"))}.group-error .option-label::before 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"))}.group-error .option-label::before 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"))}.group-error .option-label::before 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"))}.group-error .option-label::before{--_dso-icon-button-tertiary-color:#fff;background-color:#ce3f51;color:#fff}.group-attention .option-label::before{--_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}.group-attention .option-label::before 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"))}.group-attention .option-label::before 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"))}.group-attention .option-label::before 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"))}.group-attention .option-label::before 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"))}.group-attention .option-label::before{--_dso-icon-button-tertiary-color:#fff;background-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}`;const N=class{constructor(e){o(this,e);this.dsoChange=r(this,"dsoChange",3);this.dsoRedirect=r(this,"dsoRedirect",3);this.options=[];this.open=false;this.toggleOpen=()=>{this.open=!this.open};this.handleOptionClick=(o,r)=>{this.dsoChange.emit({originalEvent:o,option:r});this.open=false};this.handleRedirectClick=(o,r)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:u(o),redirect:r});this.open=false}}keyDownListener(o){if(this.open&&o.key==="ArrowUp"){o.preventDefault();this.handleTab(-1)}else if(this.open&&o.key==="ArrowDown"){o.preventDefault();this.handleTab(1)}}componentDidRender(){if(this.open&&!this.trap){this.createTrap()}else if(!this.open&&this.trap){this.removeTrap()}}createTrap(){this.trap=S(this.host,{clickOutsideDeactivates:true,escapeDeactivates:true,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:true},onDeactivate:()=>{this.open=false}}).activate()}removeTrap(){var o;(o=this.trap)===null||o===void 0?void 0:o.deactivate();delete this.trap}handleTab(o){var r;const e=this.host.isConnected?a(this.host,{getShadowRoot:true}):[];const i=e.findIndex((o=>{var r;return o===((r=this.host.shadowRoot)===null||r===void 0?void 0:r.activeElement)}));let t=i+o;if(t>=e.length){t=0}else if(t<0){t=e.length-1}(r=e[t])===null||r===void 0?void 0:r.focus()}render(){var o,r;return e(i,{key:"6bc4383d960ab9b0a14cb398464de6ebb0f9c187"},e("button",{key:"f10aa0612d85d21fe6b05e5bc8d971b5973347f9","aria-expanded":this.open.toString(),class:n(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},e(M,{key:"61f78f3eb5791a29de2780af1c4c38432447f260",active:this.active,options:this.options}),e("span",{key:"d519af3711abd178a33cb41d526b9f3685d9a73b",class:"active-option-label"},(r=(o=this.active)===null||o===void 0?void 0:o.label)!==null&&r!==void 0?r:"Selecteer een optie"),e("span",{key:"6ec080dbc881bba5282195b99cda44494dd0496c",class:"active-option-aside"},this.options.some((o=>"summaryCounter"in o&&(o===null||o===void 0?void 0:o.summaryCounter)))&&e("span",{key:"88b4efa65736349f6ed9178bc41448fd0e27937b",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!(o===null||o===void 0?void 0:o.summaryCounter))).map((o=>{var r;return e("dso-badge",{status:(r=o.variant)!==null&&r!==void 0?r:"outline"},o.options.length)}))),e("dso-icon",{key:"9072cc0bd056301790e3e5ceffdedb48e1e1683c",icon:"caret-down"}))),this.open&&e("div",{key:"db3269ccedbd03c6fb15fbdc8ab919755394c5c1",class:"groups-container"},e("ul",{key:"f6db478570a5d2f11d9df466eef1a68389694cdd",class:"groups"},this.options.map((o=>"options"in o&&e("li",{class:n(["group",{[`group-${o.variant}`]:!!o.variant}])},e("p",{class:"group-label"},o.label),e("ul",{class:"options"},o.options.map((o=>e("li",null,e(R,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))),o.redirect&&e(I,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&e("li",{class:"group"},e("p",{class:"group-label"},o.label),e("p",{class:"placeholder"},o.placeholder),o.redirect&&e(I,{redirect:o.redirect,callback:this.handleRedirectClick}))||e("li",null,e(R,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick})))))))}get host(){return t(this)}};const R=({option:o,active:r,activeHint:i,callback:t})=>e("button",{class:n(["option",{"option-active":r===o}]),type:"button",onClick:r=>t(r,o)},e("span",{class:"option-label"},o.label),!!i&&r===o&&e("span",{class:"option-hint"},"(",i,")"));const I=({redirect:o,callback:r})=>e("a",{class:"group-link",href:o.href,onClick:e=>r(e,o)},o.label,e("dso-icon",{icon:"chevron-right"}));const M=({active:o,options:r})=>{const i=r.find((r=>"options"in r&&!!r.options.find((r=>r===o))&&!!r.activeLabel));return i&&e("dso-label",{compact:true,status:i.variant},i.activeLabel)};N.style=P();export{N as dso_advanced_select};
+//# sourceMappingURL=p-ed33ea10.entry.js.map

package/dist/dso-toolkit/{p-c05665d3.entry.js → p-f333aebd.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,d as t,f as n,h as a,g as d}from"./p-Dx5skKSq.js";import{i as o}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:o(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){return a("div",{key:"7ad84c77cd9cad0cfe796d71d9889cd42a46dcff",class:"dso-document-card-container"},a("div",{key:"cd01ffeccf94bdf273afb2f0356610895ee2209c",class:"dso-document-card-heading"},a("a",{key:"1272f0fb728edeb32ce9ad2dba93a3cb44f4c69a",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},a("span",{key:"acedac80a682a895706e45846230656d381c46cc",class:"icon-container"},a("dso-icon",{key:"0808cc4158363e032e566f55783d4d81d8d00f7b",icon:"chevron-right"}),a("slot",{key:"0523647b2f8aafffabe191a0d0e985055581737f",name:"heading"})))),a("div",{key:"bc5e9ca39e326cd9fdd0849b890b864de925f774",class:"dso-document-card-type"},a("slot",{key:"22d9f6b73539a9e0a414b59a7c92c9bcddb70a52",name:"type"})),a("div",{key:"a891f27126d774e6c50277d25fb4c72cc16d62a5",class:"dso-document-card-status"},this.metaSlottedElement!==null&&a("slot",{key:"64199f7e9d2e0ae1fe039083d79a868b9760139b",name:"meta"}),a("slot",{key:"9dfbe5e04c8abfd93aff4982f9bd383170d711d5",name:"status"}),this.interactionsSlottedElement!==null&&a("slot",{key:"7855de2e14a64d8b68c1840264082f96f48d895b",name:"interactions"})))}get host(){return d(this)}};c.style=i();export{c as dso_document_card};
-//# sourceMappingURL=p-c05665d3.entry.js.map
+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-6980185d.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 e,F as t,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:e})=>o("li",{class:r({"dso-active":n.active}),key:s,ref:e},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,e;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:(e=i===null||i===void 0?void 0:i.menuItem)===null||e===void 0?void 0:e.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 e=(n=this.userHomeMenuItemElementRef)!==null&&n!==void 0?n:s;const t=this.dropdownMenuItemElementRef;if(!e||!t||!s){return this.menuItemElementRefs.length}const d=t.offsetLeft+t.offsetWidth-(s.offsetLeft+s.offsetWidth);const r=e.offsetLeft+e.offsetWidth-d;if(r<=i){return this.menuItemElementRefs.length}const a=this.userHomeMenuItemElementRef?this.userHomeMenuItemElementRef.offsetLeft+this.userHomeMenuItemElementRef.offsetWidth-(t.offsetLeft+t.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(e,{key:"228fb75a1651e9674939baf063450690f28c4976","is-compact":this.isCompact},o("div",{key:"33568c3eb674b8d22e62ceb4efd9ea78a73b5ea3",class:"dso-header"},o("div",{key:"895c3dc52a24defdb752cd1961dd5219b1d505a2",class:"logo-container"},o("slot",{key:"5f911f80f477c4d902bb96cc6ca1d941aa80324e",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(t,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-6980185d.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