@dso-toolkit/core 84.1.0 → 86.0.0

package/dist/dso-toolkit/p-5b894c59.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as e,H as i,g as n}from"./p-WDDbscLp.js";import{p as t}from"./p-DQTeCl9Y.js";import"./p-_RZbmuMU.js";const a=()=>`*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2}.onboarding-tip-inner{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.onboarding-tip-inner{--_dso-icon-button-tertiary-color:#fff;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}.onboarding-tip-content-heading dso-icon{margin-inline-end:8px}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;const d=class{constructor(e){o(this,e);this.dsoClose=r(this,"dsoClose",7);this.placement="right";this.ready=false;this.popoverOpen=false}componentDidRender(){if(!this.host.isConnected){return}if(!this.popoverOpen){this.host.showPopover();this.popoverOpen=true}if(!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement){this.cleanUp=t({referenceElement:this.referenceElement,tipRef:this.host,tipArrowRef:this.tipArrowRef,placementTip:`${this.placement}-start`,topPositionSmallViewPort:true,halfMainAxisOffset:true})}}disconnectedCallback(){var o;if(this.popoverOpen){this.host.hidePopover();this.popoverOpen=false}(o=this.cleanUp)===null||o===void 0?void 0:o.call(this);this.cleanUp=undefined}render(){return e(i,{key:"d60e322e9eb46e0271a0172db57e82b1e170e193",popover:"manual",ready:this.ready,onAnimationend:()=>this.ready=true},e("div",{key:"f463fe476aaa88b2e1de6506c97d2a8c32b82e09",class:"onboarding-tip",role:"tooltip"},e("div",{key:"b3d99d6b2c7bb5029409fd9d2e131c5aff5cf328",class:"onboarding-tip-inner"},e("div",{key:"658a012c2e7358c317b76571b8f13270ad5d0960",class:"onboarding-tip-content-wrapper"},this.headingSlottedElement!==null&&e("div",{key:"dfa159ff194062122bf9760233ff09a579f79b69",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"45d18025a2918ffee7defff889b807989157c939",icon:"light-bulb"}),e("slot",{key:"6708d1880a299184800721b43111e695bbd60b21",name:"heading"})),e("dso-icon-button",{key:"f946318abace8994e4686ee363765e90c962701a",class:"dso-close",label:"Sluiten",variant:"tertiary",icon:"times",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}),e("slot",{key:"b15cbc5b14e9ba3156161e4886708de46ee28a33"}))),e("div",{key:"1d6f4ff0a16e4b50b7cbdec2d42ff558093a8f21",class:"onboarding-tip-arrow",ref:o=>this.tipArrowRef=o})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const o=this.host.id;if(!o){console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");return}const r=this.host.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=r.querySelector(`[aria-describedby="${o}"]`);if(!e){console.warn(`Unable to find reference element with aria-describedby ${o}`);return}return e}get host(){return n(this)}};d.style=a();export{d as dso_onboarding_tip};
-//# sourceMappingURL=p-5b894c59.entry.js.map

package/dist/dso-toolkit/p-5b894c59.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","positionTooltip","onboardingTipCss","OnboardingTip","constructor","hostRef","this","dsoClose","placement","ready","popoverOpen","componentDidRender","host","isConnected","showPopover","cleanUp","referenceElement","tipArrowRef","HTMLElement","tipRef","placementTip","topPositionSmallViewPort","halfMainAxisOffset","disconnectedCallback","_a","hidePopover","call","undefined","render","key","popover","onAnimationend","class","role","headingSlottedElement","icon","name","label","variant","onDsoClick","e","emit","originalEvent","ref","querySelector","id","console","warn","rootNode","getRootNode","Document","ShadowRoot","reference","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,OAAWC,MAAkB,8BACzEC,MAAuB,wBAC9B,kBAEP,MAAMC,EAAmB,IAAM,kqIAE/B,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKC,SAAWV,EAAYS,KAAM,WAAY,GAI9CA,KAAKE,UAAY,QACjBF,KAAKG,MAAQ,MACbH,KAAKI,YAAc,KACvB,CACA,kBAAAC,GACI,IAAKL,KAAKM,KAAKC,YAAa,CACxB,MACJ,CACA,IAAKP,KAAKI,YAAa,CACnBJ,KAAKM,KAAKE,cACVR,KAAKI,YAAc,IACvB,CACA,IAAKJ,KAAKS,SAAWT,KAAKU,kBAAoBV,KAAKW,uBAAuBC,YAAa,CACnFZ,KAAKS,QAAUd,EAAgB,CAC3Be,iBAAkBV,KAAKU,iBACvBG,OAAQb,KAAKM,KACbK,YAAaX,KAAKW,YAClBG,aAAc,GAAGd,KAAKE,kBACtBa,yBAA0B,KAC1BC,mBAAoB,MAE5B,CACJ,CACA,oBAAAC,GACI,IAAIC,EACJ,GAAIlB,KAAKI,YAAa,CAClBJ,KAAKM,KAAKa,cACVnB,KAAKI,YAAc,KACvB,EACCc,EAAKlB,KAAKS,WAAa,MAAQS,SAAY,OAAS,EAAIA,EAAGE,KAAKpB,MACjEA,KAAKS,QAAUY,SACnB,CACA,MAAAC,GACI,OAAQ9B,EAAEC,EAAM,CAAE8B,IAAK,2CAA4CC,QAAS,SAAUrB,MAAOH,KAAKG,MAAOsB,eAAgB,IAAOzB,KAAKG,MAAQ,MAASX,EAAE,MAAO,CAAE+B,IAAK,2CAA4CG,MAAO,iBAAkBC,KAAM,WAAanC,EAAE,MAAO,CAAE+B,IAAK,2CAA4CG,MAAO,wBAA0BlC,EAAE,MAAO,CAAE+B,IAAK,2CAA4CG,MAAO,kCAAoC1B,KAAK4B,wBAA0B,MAASpC,EAAE,MAAO,CAAE+B,IAAK,2CAA4CG,MAAO,kCAAoClC,EAAE,WAAY,CAAE+B,IAAK,2CAA4CM,KAAM,eAAiBrC,EAAE,OAAQ,CAAE+B,IAAK,2CAA4CO,KAAM,aAAgBtC,EAAE,kBAAmB,CAAE+B,IAAK,2CAA4CG,MAAO,YAAaK,MAAO,UAAWC,QAAS,WAAYH,KAAM,QAASI,WAAaC,GAAMlC,KAAKC,SAASkC,KAAK,CAAEC,cAAeF,MAAS1C,EAAE,OAAQ,CAAE+B,IAAK,+CAAiD/B,EAAE,MAAO,CAAE+B,IAAK,2CAA4CG,MAAO,uBAAwBW,IAAMA,GAASrC,KAAKW,YAAc0B,KACjpC,CACA,yBAAIT,GACA,OAAO5B,KAAKM,KAAKgC,cAAc,mBACnC,CACA,oBAAI5B,GACA,MAAM6B,EAAKvC,KAAKM,KAAKiC,GACrB,IAAKA,EAAI,CACLC,QAAQC,KAAK,mEACb,MACJ,CACA,MAAMC,EAAW1C,KAAKM,KAAKqC,cAC3B,KAAMD,aAAoBE,UAAYF,aAAoBG,YAAa,CACnEL,QAAQC,KAAK,sDACb,MACJ,CACA,MAAMK,EAAYJ,EAASJ,cAAc,sBAAsBC,OAC/D,IAAKO,EAAW,CACZN,QAAQC,KAAK,0DAA0DF,KACvE,MACJ,CACA,OAAOO,CACX,CACA,QAAIxC,GAAS,OAAOZ,EAAWM,KAAO,GAE1CH,EAAckD,MAAQnD,WAEbC","ignoreList":[]}

package/dist/dso-toolkit/p-5be4766f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as s,h as o,H as a}from"./p-WDDbscLp.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:"30bafb9fba2e324b90973e201b777ed1e4c2edb7",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},o("div",{key:"e16b36b39faa9eef52d42ae4e2ea10ef6e447b85",class:"map-layer-object"},o("div",{key:"d1b45348875bc6168c49c1dcb0c0a9586b2a854c"},o("slot",{key:"aa1363f10e2755e130866834cb2d90ce40247f28",name:"symbol"})),o("div",{key:"159fa97b818465cf269654ccaf420621bae2ef65"},o("slot",{key:"d0aba82b3df09e78a2fdb8a90f11eb128651dd10"})),o("div",{key:"703dc4b02c42de955850fd473b0e72db7b6df84e",class:"slide-toggle-container"},o("dso-slide-toggle",{key:"c957e6475e55e583ab609c44c8850043f5cc99e6",accessibleLabel:"Toon op kaart",checked:this.active,onDsoActiveChange:this.handleActiveChange}))))}};i.style=t();export{i as dso_map_layer_object};
-//# sourceMappingURL=p-5be4766f.entry.js.map

package/dist/dso-toolkit/p-770e2178.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as r,F as t}from"./p-WDDbscLp.js";const e=()=>`*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}:host{--_dso-icon-button-tertiary-color:#fff;background-color:#8b4a6a;color:#fff}:host{display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}`;const a=class{constructor(r){o(this,r)}render(){return r(t,{key:"cb57567ddfb405ed5580f3056824df6f3125e57d"},r("dso-icon",{key:"e4a8892dabbd44bc9ca7f1548c065473537aaa45",icon:"clock"}),r("slot",{key:"facdf989c45f44e10336ca5d3b7319e48929ca82"}),r("slot",{key:"0bc0625232374f0df07b23186e3f51a26632a76b",name:"button"}))}};a.style=e();export{a as dso_tijdreis_banner};
-//# sourceMappingURL=p-770e2178.entry.js.map

package/dist/dso-toolkit/p-91c97704.entry.js

@@ -1,6 +0,0 @@
-import{r as o,c as r,h as e,F as i,g as t}from"./p-WDDbscLp.js";import{c as n}from"./p-ChV9xqsO.js";import{t as a,f as s,i as l,g as d,a as c}from"./p-DDSMs62-.js";import{i as u}from"./p-Hgv-pDpy.js";
-/*!
-* 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 D=function o(r){return j(r)&&r.shiftKey};var O=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 P=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:D},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 P=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 S=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=P({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=P({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?O((function(){w(g())})):w(g());i.addEventListener("focusin",N,true);i.addEventListener("mousedown",S,{capture:true,passive:false});i.addEventListener("touchstart",S,{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",S,true);i.removeEventListener("touchstart",S,true);i.removeEventListener("click",B,true);i.removeEventListener("keydown",I,true);i.removeEventListener("keydown",M);return f};var L=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 G=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(L):undefined;var K=function o(){if(!G){return}G.disconnect();if(u.active&&!u.paused){u.containers.map((function(o){G.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();K();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;K();_.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(){O((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()}K();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();K();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();K();a===null||a===void 0||a()}return this}}});f.updateContainerElements(r);return f};const S=()=>`: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%}.group .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 .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=P(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=S();export{N as dso_advanced_select};
-//# sourceMappingURL=p-91c97704.entry.js.map

package/dist/dso-toolkit/p-9da36147.entry.js

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

package/dist/dso-toolkit/p-BNXQGiQq.js

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