@dso-toolkit/core 100.2.0 → 100.3.0

package/dist/dso-toolkit/{p-532385ca.entry.js → p-48cd0276.entry.js}

@@ -1 +1 @@
-import{r as s,d as t,h as i,F as e,g as o}from"./p-CieBNbUH.js";import{d as h}from"./p-baWVwd8J.js";import{i as n}from"./p-CCOI5nUo.js";import{v as a}from"./p-CK3_k8jD.js";const r={en:{"dso-autosuggest":{notFound:"{{inputValue}} was not found."}},nl:{"dso-autosuggest":{notFound:"{{inputValue}} is niet gevonden."}}},u=({id:s,mouseEnter:t,mouseLeave:e,click:o,selected:h,suggestion:n,ref:a,markedSuggestion:r})=>i("div",{class:"option",role:"option",id:s,onMouseEnter:t,onMouseLeave:e,onClick:o,"aria-selected":h,"aria-label":n.value,ref:a},i("div",{class:"suggestion-row"},i("span",{class:"value"},r.value),r.type?i("span",{class:"type"},r.type):void 0),r.extras&&r.extras.map((s=>i("div",{class:"suggestion-row"},s.map((s=>i("span",{class:"extra"},s)))))));function c(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"groupLabel"in s&&void 0!==s.groupLabel&&"suggestions"in s&&s.suggestions.length>0))}function d(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"value"in s&&void 0!==s.value))}const g=class{constructor(i){s(this,i),this.dsoSelect=t(this,"dsoSelect",7),this.dsoChange=t(this,"dsoChange",7),this.dsoSearch=t(this,"dsoSearch",7),this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.showSuggestions=!1,this.notFound=!1,this.showLoading=!1,this.listboxItems=[],this.listboxId=a(),this.inputId=a(),this.labelId=a(),this.resizeObserver=new ResizeObserver(h((()=>this.scheduleListboxContainerMaxBlockSizeUpdate()),150)),this.debouncedEmitValue=h((s=>{this.dsoChange.emit(s),this.debouncedShowLoading()}),200),this.debouncedShowLoading=h((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=s=>{s.target instanceof HTMLInputElement&&(this.showLoading=!this.loadingDelayed,this.inputValue=s.target.value,this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:""))},this.onFocusIn=()=>{this.input?.select(),this.suggestions&&this.suggestions.length>1&&this.openSuggestions()},this.text=n((()=>this.host),r),this.onWindowResize=h((()=>this.scheduleListboxContainerMaxBlockSizeUpdate()),150),this.onScrollend=()=>this.scheduleListboxContainerMaxBlockSizeUpdate(),this.onOptionClick=s=>{s.stopPropagation(),this.pickSelectedValue()},this.onKeyDown=s=>{if(!s.defaultPrevented&&!this.loading){switch(s.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}handleSearchBarButtonKeydown(s){s.defaultPrevented||this.loading||"ArrowDown"!==s.key&&"ArrowUp"!==s.key||this.input&&s.target!==this.input&&this.isEventInOwnSearchBar(s)&&(s.preventDefault(),this.input.focus(),this.openSuggestions("ArrowDown"===s.key?"first":"last"))}isEventInOwnSearchBar(s){const t=this.host.closest(".dso-search-bar");return!!t&&s.composedPath().includes(t)}onDocumentClick(s){(this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!==s.target&&this.closeSuggestions()}componentDidRender(){this.scheduleListboxContainerMaxBlockSizeUpdate()}connectedCallback(){const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement))return;if(this.input=s,s.id?this.inputId=s.id:s.id=this.inputId,!this.input.labels||this.input.labels.length<1)return;const t=this.input.labels[0];t?.id?this.labelId=t.id:t&&(t.id=this.labelId),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn),window.addEventListener("resize",this.onWindowResize),document.addEventListener("scrollend",this.onScrollend),this.resizeObserver.observe(this.host)}disconnectedCallback(){this.input?.removeEventListener("input",this.onInput),this.input?.removeEventListener("keydown",this.onKeyDown),this.input?.removeEventListener("focusin",this.onFocusIn),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("scrollend",this.onScrollend),void 0!==this.listboxContainerMaxBlockSizeFrameId&&(cancelAnimationFrame(this.listboxContainerMaxBlockSizeFrameId),this.listboxContainerMaxBlockSizeFrameId=void 0),this.resizeObserver.disconnect()}scheduleListboxContainerMaxBlockSizeUpdate(){void 0===this.listboxContainerMaxBlockSizeFrameId&&(this.listboxContainerMaxBlockSizeFrameId=requestAnimationFrame((()=>{this.listboxContainerMaxBlockSizeFrameId=void 0,this.setListboxContainerMaxBlockSize()})))}setListboxContainerMaxBlockSize(){if(this.listboxContainer&&this.showSuggestions&&this.showSuggestions){let s=0;const t=this.listboxItems.length?Math.min(this.listboxItems.length,10):0;for(let i=0;i<t;i++)s+=this.listboxItems[i]?.getBoundingClientRect().height||0;const i=window.innerHeight-this.host.getBoundingClientRect().bottom,e=s+16+2;this.listboxContainer.style.setProperty("--_dso-autosuggest-max-block-size",`${i<e||i<=s?i-16:e}px`)}}showInputValueNotFound(s){return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],s))}handleMark(s,t,i,e){return this.processAutosuggestMarkItems(this.mark&&i?this.mark(s,t,i,e):this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],t))}markTerms(s,t){if(!t||!s||0===s.length||void 0===s[0])return[""];const i=new RegExp(`(${function(s){if("string"!=typeof s)throw new TypeError("Expected a string");return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(i).reduce(((t,e)=>(e?i.test(e)?t.push({mark:e}):1===s.length?t.push(e):t.push(...this.markTerms(s.slice(1),e)):t.push(e),t)),[])}processAutosuggestMarkItems(s){return 0===s.length?[""]:s.map((s=>"object"==typeof s?i("mark",null,s.mark):s))}selectSuggestion(s,t){this.selectedSuggestion=s,this.selectedSuggestionGroup=t,this.setAriaActiveDescendant()}selectFirstSuggestion(){this.suggestions&&(c(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]:d(this.suggestions)&&(this.selectedSuggestion=this.suggestions[0]),this.setAriaActiveDescendant(!0))}selectLastSuggestion(){this.suggestions&&(c(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]:d(this.suggestions)&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1]),this.setAriaActiveDescendant(!0))}selectNextSuggestion(){if(this.suggestions){if(c(this.suggestions))this.selectNextGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=this.suggestions[s+1]??this.suggestions[0]}this.setAriaActiveDescendant(!0)}}selectNextGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(s===this.selectedSuggestionGroup.suggestions.length-1){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s+1]??this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s+1]}else this.selectedSuggestionGroup=this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}selectPreviousSuggestion(){if(this.suggestions){if(c(this.suggestions))this.selectPreviousGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=this.suggestions[s-1]??this.suggestions[this.suggestions.length-1]}this.setAriaActiveDescendant(!0)}}selectPreviousGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(0===s){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s-1]??this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s-1]}else this.selectedSuggestionGroup=this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}get suggestionGroups(){return c(this.suggestions)?this.suggestions:[]}setAriaActiveDescendant(s=!1){if(this.selectedSuggestion){const t=this.selectedSuggestionGroup?this.listboxGroupedItemId(this.selectedSuggestionGroup,this.selectedSuggestion):this.listboxItemId(this.selectedSuggestion);if(this.input?.setAttribute("aria-activedescendant",t),s){const s=this.host.getRootNode();if(!(s instanceof Document||s instanceof ShadowRoot))return void console.warn("Autosuggest: rootNode is not instance of Document or ShadowRoot");s.querySelector(`#${t}`)?s.querySelector(`#${t}`)?.scrollIntoView({block:"nearest"}):console.warn(`Autosuggest: Element with id ${t} is not found in the DOM.`)}}}resetSelectedSuggestion(){this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,this.selectedSuggestionGroup=void 0,this.input?.setAttribute("aria-activedescendant","")}openSuggestions(s){this.showSuggestions=(this.suggestions&&this.suggestions.length>0)??!1,this.notFound=(this.suggestions&&0===this.suggestions?.length)??!1,this.input?.setAttribute("aria-expanded",(this.showSuggestions||this.notFound).toString()),this.showSuggestions&&"first"===s?this.selectFirstSuggestion():this.showSuggestions&&"last"===s&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input?.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(this.input?.value),this.closeSuggestions()}listboxItemId(s){return this.suggestions?`${this.inputId}-${d(this.suggestions)&&this.suggestions.indexOf(s)+1}`:""}listboxGroupedItemId(s,t){return this.suggestions?`${this.inputId}-${this.suggestionGroups.indexOf(s)+1}-${s.suggestions.indexOf(t)+1}`:""}getMarkedChunkedExtras(s,t){return s.reduce(((s,t,i)=>{const e=Math.floor(i/2);return s[e]||(s[e]=[]),s[e]?.push(t),s}),[]).map(((s,i)=>s.map(((s,e)=>this.handleMark(t,s,"extra",2*i+e)))))}getMarkedSuggestions(s){return{value:this.handleMark(s,s.value,"value"),type:s.type?this.handleMark(s,s.type,"type"):void 0,extras:s.extras?this.getMarkedChunkedExtras(s.extras,s):void 0}}getAutosuggestStatus(){if(this.loading&&this.showLoading)return this.loadingLabel;if(this.notFound)return`"${this.inputValue}" is niet gevonden.`;let s=0;return d(this.suggestions)?s=this.suggestions.length:c(this.suggestions)&&(s=this.suggestions.reduce(((s,t)=>s+t.suggestions.length),0)),`${s} resultaten gevonden.`}render(){this.listboxItems=[];const s=this.showSuggestions||this.notFound,t=c(this.suggestions),o=d(this.suggestions);return s&&this.input?this.input.setAttribute("aria-controls",this.listboxId):this.input&&this.input.removeAttribute("aria-controls"),i(e,null,i("slot",{key:"d651ae25378e28ef0b769619b6c573c1590b42e7"}),this.loading&&this.showLoading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):s&&i(e,null,i("dso-scrollable",{class:"listbox-container",ref:s=>this.listboxContainer=s,_preventFocus:!0},i("div",{class:"listbox",role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s},o&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>i(u,{id:this.listboxItemId(s),mouseEnter:()=>this.selectSuggestion(s),mouseLeave:()=>this.resetSelectedSuggestion(),click:this.onOptionClick,selected:(s===this.selectedSuggestion).toString(),suggestion:s,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(s)})))||t&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>{const t=a();return i("div",{role:"group",class:"group","aria-labelledby":t},i("div",{class:"group-label",role:"presentation",id:t,ref:s=>s&&this.listboxItems.push(s)},s.groupLabel),s.suggestions.map((t=>i(u,{id:this.listboxGroupedItemId(s,t),mouseEnter:()=>this.selectSuggestion(t,s),mouseLeave:()=>this.resetSelectedSuggestion(),click:this.onOptionClick,selected:(t===this.selectedSuggestion).toString(),suggestion:t,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(t)}))))}))||this.notFound&&i("div",{class:"option"},i("span",{class:"value"},this.notFoundLabel||this.showInputValueNotFound(this.text("notFound",{inputValue:this.inputValue}))))))),i("div",{key:"fa05c598856b0def62eb94f7c7e6cbfa68ddf324",class:"sr-only","aria-live":"polite","aria-atomic":"true"},s||this.loading&&this.showLoading?this.getAutosuggestStatus():void 0))}get host(){return o(this)}static get watchers(){return{suggestions:[{suggestionsWatcher:0}]}}};g.style=".sc-dso-autosuggest-h{display:block;position:relative}.listbox-container.sc-dso-autosuggest{inset-inline:0;inset-block-start:100%;block-size:auto;max-block-size:var(--_dso-autosuggest-max-block-size);min-block-size:50px;overflow-y:auto;position:absolute;z-index:200}.listbox.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-block:0}.autosuggest-progress-box.sc-dso-autosuggest{padding-block:12px;padding-inline:8px}.listbox.sc-dso-autosuggest{padding-block:8px;padding-inline:0}.listbox.sc-dso-autosuggest .group.sc-dso-autosuggest:not(:first-child) .group-label.sc-dso-autosuggest{border-block-start:1px solid #b2b2b2;padding-block-start:12px}.listbox.sc-dso-autosuggest .group-label.sc-dso-autosuggest{color:#275937;font-weight:700;padding-block:4px;margin-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest{padding-block:4px;padding-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{display:flex;justify-content:space-between}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active{background-color:#275937}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .type.sc-dso-autosuggest,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .extra.sc-dso-autosuggest{color:#fff}.option[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#d7e7ce}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest,.extra.sc-dso-autosuggest{color:#666}.type.sc-dso-autosuggest{text-align:end}.extra.sc-dso-autosuggest{font-size:0.875rem;line-height:1.3125rem}.extra.sc-dso-autosuggest:not(:first-child){text-align:end}";export{g as dso_autosuggest}
+import{r as s,d as t,h as i,F as e,g as o}from"./p-CieBNbUH.js";import{d as h}from"./p-baWVwd8J.js";import{i as n}from"./p-CCOI5nUo.js";import{v as a}from"./p-CK3_k8jD.js";const r={en:{"dso-autosuggest":{notFound:"{{inputValue}} was not found."}},nl:{"dso-autosuggest":{notFound:"{{inputValue}} is niet gevonden."}}},u=({id:s,mouseEnter:t,mouseLeave:e,click:o,selected:h,suggestion:n,ref:a,markedSuggestion:r})=>i("div",{class:"option",role:"option",id:s,onMouseEnter:t,onMouseLeave:e,onClick:o,"aria-selected":h,"aria-label":n.value,ref:a},i("div",{class:"suggestion-row"},i("span",{class:"value"},r.value),r.type?i("span",{class:"type"},r.type):void 0),r.extras&&r.extras.map((s=>i("div",{class:"suggestion-row"},s.map((s=>i("span",{class:"extra"},s)))))));function c(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"groupLabel"in s&&void 0!==s.groupLabel&&"suggestions"in s&&s.suggestions.length>0))}function d(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"value"in s&&void 0!==s.value))}const g=class{constructor(i){s(this,i),this.dsoSelect=t(this,"dsoSelect",7),this.dsoChange=t(this,"dsoChange",7),this.dsoSearch=t(this,"dsoSearch",7),this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.showSuggestions=!1,this.notFound=!1,this.showLoading=!1,this.listboxItems=[],this.listboxId=a(),this.inputId=a(),this.labelId=a(),this.resizeObserver=new ResizeObserver(h((()=>this.scheduleListboxContainerMaxBlockSizeUpdate()),150)),this.debouncedEmitValue=h((s=>{this.dsoChange.emit(s),this.debouncedShowLoading()}),200),this.debouncedShowLoading=h((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=s=>{s.target instanceof HTMLInputElement&&(this.showLoading=!this.loadingDelayed,this.inputValue=s.target.value,this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:""))},this.onFocusIn=()=>{this.input?.select(),this.suggestions&&this.suggestions.length>1&&this.openSuggestions()},this.text=n((()=>this.host),r),this.onWindowResize=h((()=>this.scheduleListboxContainerMaxBlockSizeUpdate()),150),this.onScrollend=()=>this.scheduleListboxContainerMaxBlockSizeUpdate(),this.onOptionClick=s=>{s.stopPropagation(),this.pickSelectedValue()},this.onKeyDown=s=>{if(!s.defaultPrevented&&!this.loading){switch(s.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}handleSearchBarButtonKeydown(s){s.defaultPrevented||this.loading||"ArrowDown"!==s.key&&"ArrowUp"!==s.key||this.input&&s.target!==this.input&&this.isEventInOwnSearchBar(s)&&(s.preventDefault(),this.input.focus(),this.openSuggestions("ArrowDown"===s.key?"first":"last"))}isEventInOwnSearchBar(s){const t=this.host.closest(".dso-search-bar");return!!t&&s.composedPath().includes(t)}onDocumentClick(s){(this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!==s.target&&this.closeSuggestions()}componentDidRender(){this.scheduleListboxContainerMaxBlockSizeUpdate()}connectedCallback(){const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement))return;if(this.input=s,s.id?this.inputId=s.id:s.id=this.inputId,!this.input.labels||this.input.labels.length<1)return;const t=this.input.labels[0];t?.id?this.labelId=t.id:t&&(t.id=this.labelId),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn),window.addEventListener("resize",this.onWindowResize),document.addEventListener("scrollend",this.onScrollend),this.resizeObserver.observe(this.host)}disconnectedCallback(){this.input?.removeEventListener("input",this.onInput),this.input?.removeEventListener("keydown",this.onKeyDown),this.input?.removeEventListener("focusin",this.onFocusIn),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("scrollend",this.onScrollend),void 0!==this.listboxContainerMaxBlockSizeFrameId&&(cancelAnimationFrame(this.listboxContainerMaxBlockSizeFrameId),this.listboxContainerMaxBlockSizeFrameId=void 0),this.resizeObserver.disconnect()}scheduleListboxContainerMaxBlockSizeUpdate(){void 0===this.listboxContainerMaxBlockSizeFrameId&&(this.listboxContainerMaxBlockSizeFrameId=requestAnimationFrame((()=>{this.listboxContainerMaxBlockSizeFrameId=void 0,this.setListboxContainerMaxBlockSize()})))}setListboxContainerMaxBlockSize(){if(this.listboxContainer&&this.showSuggestions&&this.showSuggestions){let s=0;const t=this.listboxItems.length?Math.min(this.listboxItems.length,10):0;for(let i=0;i<t;i++)s+=this.listboxItems[i]?.getBoundingClientRect().height||0;const i=window.innerHeight-this.host.getBoundingClientRect().bottom,e=s+16+2;this.listboxContainer.style.setProperty("--_dso-autosuggest-max-block-size",`${i<e||i<=s?i-16:e}px`)}}showInputValueNotFound(s){return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],s))}handleMark(s,t,i,e){return this.processAutosuggestMarkItems(this.mark&&i?this.mark(s,t,i,e):this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],t))}markTerms(s,t){if(!t||!s||0===s.length||void 0===s[0])return[""];const i=new RegExp(`(${function(s){if("string"!=typeof s)throw new TypeError("Expected a string");return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(i).reduce(((t,e)=>(e?i.test(e)?t.push({mark:e}):1===s.length?t.push(e):t.push(...this.markTerms(s.slice(1),e)):t.push(e),t)),[])}processAutosuggestMarkItems(s){return 0===s.length?[""]:s.map((s=>"object"==typeof s?i("mark",null,s.mark):s))}selectSuggestion(s,t){this.selectedSuggestion=s,this.selectedSuggestionGroup=t,this.setAriaActiveDescendant()}selectFirstSuggestion(){this.suggestions&&(c(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]:d(this.suggestions)&&(this.selectedSuggestion=this.suggestions[0]),this.setAriaActiveDescendant(!0))}selectLastSuggestion(){this.suggestions&&(c(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]:d(this.suggestions)&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1]),this.setAriaActiveDescendant(!0))}selectNextSuggestion(){if(this.suggestions){if(c(this.suggestions))this.selectNextGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=this.suggestions[s+1]??this.suggestions[0]}this.setAriaActiveDescendant(!0)}}selectNextGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(s===this.selectedSuggestionGroup.suggestions.length-1){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s+1]??this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s+1]}else this.selectedSuggestionGroup=this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}selectPreviousSuggestion(){if(this.suggestions){if(c(this.suggestions))this.selectPreviousGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=this.suggestions[s-1]??this.suggestions[this.suggestions.length-1]}this.setAriaActiveDescendant(!0)}}selectPreviousGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(0===s){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s-1]??this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s-1]}else this.selectedSuggestionGroup=this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}get suggestionGroups(){return c(this.suggestions)?this.suggestions:[]}setAriaActiveDescendant(s=!1){if(this.selectedSuggestion){const t=this.selectedSuggestionGroup?this.listboxGroupedItemId(this.selectedSuggestionGroup,this.selectedSuggestion):this.listboxItemId(this.selectedSuggestion);if(this.input?.setAttribute("aria-activedescendant",t),s){const s=this.host.getRootNode();if(!(s instanceof Document||s instanceof ShadowRoot))return void console.warn("Autosuggest: rootNode is not instance of Document or ShadowRoot");s.querySelector(`#${t}`)?s.querySelector(`#${t}`)?.scrollIntoView({block:"nearest"}):console.warn(`Autosuggest: Element with id ${t} is not found in the DOM.`)}}}resetSelectedSuggestion(){this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,this.selectedSuggestionGroup=void 0,this.input?.setAttribute("aria-activedescendant","")}openSuggestions(s){this.showSuggestions=(this.suggestions&&this.suggestions.length>0)??!1,this.notFound=(this.suggestions&&0===this.suggestions?.length)??!1,this.input?.setAttribute("aria-expanded",(this.showSuggestions||this.notFound).toString()),this.showSuggestions&&"first"===s?this.selectFirstSuggestion():this.showSuggestions&&"last"===s&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input?.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(this.input?.value),this.closeSuggestions()}listboxItemId(s){return this.suggestions?`${this.inputId}-${d(this.suggestions)&&this.suggestions.indexOf(s)+1}`:""}listboxGroupedItemId(s,t){return this.suggestions?`${this.inputId}-${this.suggestionGroups.indexOf(s)+1}-${s.suggestions.indexOf(t)+1}`:""}getMarkedChunkedExtras(s,t){return s.reduce(((s,t,i)=>{const e=Math.floor(i/2);return s[e]||(s[e]=[]),s[e]?.push(t),s}),[]).map(((s,i)=>s.map(((s,e)=>this.handleMark(t,s,"extra",2*i+e)))))}getMarkedSuggestions(s){return{value:this.handleMark(s,s.value,"value"),type:s.type?this.handleMark(s,s.type,"type"):void 0,extras:s.extras?this.getMarkedChunkedExtras(s.extras,s):void 0}}getAutosuggestStatus(){if(this.loading&&this.showLoading)return this.loadingLabel;if(this.notFound)return`"${this.inputValue}" is niet gevonden.`;let s=0;return d(this.suggestions)?s=this.suggestions.length:c(this.suggestions)&&(s=this.suggestions.reduce(((s,t)=>s+t.suggestions.length),0)),`${s} resultaten gevonden.`}render(){this.listboxItems=[];const s=this.showSuggestions||this.notFound,t=c(this.suggestions),o=d(this.suggestions);return s&&this.input?this.input.setAttribute("aria-controls",this.listboxId):this.input&&this.input.removeAttribute("aria-controls"),i(e,null,i("slot",{key:"e61b6aaa76d0051d0db1bf3a526d81be6a34bc4e"}),this.loading&&this.showLoading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):s&&i(e,null,i("dso-scrollable",{class:"listbox-container",ref:s=>this.listboxContainer=s,_preventFocus:!0},i("div",{class:"listbox",role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s},o&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>i(u,{id:this.listboxItemId(s),mouseEnter:()=>this.selectSuggestion(s),mouseLeave:()=>this.resetSelectedSuggestion(),click:this.onOptionClick,selected:(s===this.selectedSuggestion).toString(),suggestion:s,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(s)})))||t&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>{const t=a();return i("div",{role:"group",class:"group","aria-labelledby":t},i("div",{class:"group-label",role:"presentation",id:t,ref:s=>s&&this.listboxItems.push(s)},s.groupLabel),s.suggestions.map((t=>i(u,{id:this.listboxGroupedItemId(s,t),mouseEnter:()=>this.selectSuggestion(t,s),mouseLeave:()=>this.resetSelectedSuggestion(),click:this.onOptionClick,selected:(t===this.selectedSuggestion).toString(),suggestion:t,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(t)}))))}))||this.notFound&&i("div",{class:"option"},i("span",{class:"value"},this.notFoundLabel||this.showInputValueNotFound(this.text("notFound",{inputValue:this.inputValue}))))))),i("div",{key:"8bc3ef5d5fe0cdf375c0d200f383f34340795553",class:"sr-only","aria-live":"polite","aria-atomic":"true"},s||this.loading&&this.showLoading?this.getAutosuggestStatus():void 0))}get host(){return o(this)}static get watchers(){return{suggestions:[{suggestionsWatcher:0}]}}};g.style=".sc-dso-autosuggest-h{display:block;position:relative}.listbox-container.sc-dso-autosuggest{inset-inline:0;inset-block-start:100%;block-size:auto;max-block-size:var(--_dso-autosuggest-max-block-size);min-block-size:50px;overflow-y:auto;position:absolute;z-index:200}.listbox.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-block:0}.autosuggest-progress-box.sc-dso-autosuggest{padding-block:12px;padding-inline:8px}.listbox.sc-dso-autosuggest{padding-block:8px;padding-inline:0}.listbox.sc-dso-autosuggest .group.sc-dso-autosuggest:not(:first-child) .group-label.sc-dso-autosuggest{border-block-start:1px solid #b2b2b2;padding-block-start:12px}.listbox.sc-dso-autosuggest .group-label.sc-dso-autosuggest{color:#275937;font-weight:700;padding-block:4px;margin-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest{padding-block:4px;padding-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{display:flex;justify-content:space-between}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active{background-color:#275937}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .type.sc-dso-autosuggest,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .extra.sc-dso-autosuggest{color:#fff}.option[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#d7e7ce}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest,.extra.sc-dso-autosuggest{color:#666}.type.sc-dso-autosuggest{text-align:end}.extra.sc-dso-autosuggest{font-size:0.875rem;line-height:1.3125rem}.extra.sc-dso-autosuggest:not(:first-child){text-align:end}";export{g as dso_autosuggest}

package/dist/dso-toolkit/{p-b7158ad8.entry.js → p-4b81e58d.entry.js}

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

package/dist/dso-toolkit/{p-b021e5b9.entry.js → p-55668cd5.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,d as i,a as s,g as a}from"./p-CieBNbUH.js";import{c as n}from"./p-ChV9xqsO.js";const o=class{constructor(t){e(this,t)}render(){return t("span",{key:"7079d231283b1ad6c35abd047634f1fa8e09db67",class:"dso-attachments"},this.count," ",t("span",{key:"a314a30c727b39d9e78e1fe4a8c2c4e4074f1e0c",class:"sr-only"},"bijlage",1!==this.count?"n":""),t("dso-icon",{key:"e7c9a185a6c5fb8e6bc013231d8638c9ca884071",icon:"paperclip"}))}};o.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";const r=class{constructor(t){e(this,t),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation||(this.isClosed=!this.open)}transitionstartHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return t(s,{key:"9dc33dcdcf4c14039e36ff8faaaa7d9fa882b754","aria-hidden":this.open?"false":"true",class:n({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"e52a32ab8bbec7bae7216b321747893b521d452b",class:"slot-container"},t("slot",{key:"8a256f561b8136e2d584bb267dd83948d9810614"})))}get host(){return a(this)}static get watchers(){return{open:[{toggleOpen:0}]}}};r.style=":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";export{o as dso_attachments_counter,r as dso_expandable}
+import{r as e,h as t,d as i,a as s,g as a}from"./p-CieBNbUH.js";import{c as n}from"./p-ChV9xqsO.js";const o=class{constructor(t){e(this,t)}render(){return t("span",{key:"b7b1425fdec7a04d7d3d8033e1dab4a6558dd243",class:"dso-attachments"},this.count," ",t("span",{key:"49cc2044e4d15a2c95fb5964dfa0e7e2ab9742e7",class:"sr-only"},"bijlage",1!==this.count?"n":""),t("dso-icon",{key:"ca45d55df1238a8270e9473cf2f85b9a724a260f",icon:"paperclip"}))}};o.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";const r=class{constructor(t){e(this,t),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation||(this.isClosed=!this.open)}transitionstartHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return t(s,{key:"27aa43cd7a129ede2ac42e1f36957be51497bb80","aria-hidden":this.open?"false":"true",class:n({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"b9e104e23b5eeceebd860c607cb9c68dc1506184",class:"slot-container"},t("slot",{key:"d623667f451248271ebf78ee7896a51936e4c0cd"})))}get host(){return a(this)}static get watchers(){return{open:[{toggleOpen:0}]}}};r.style=":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";export{o as dso_attachments_counter,r as dso_expandable}

package/dist/dso-toolkit/p-5598c232.entry.js

@@ -0,0 +1,5 @@
+import{r as o,d as r,h as t,g as n}from"./p-CieBNbUH.js";import{c as e}from"./p-ChV9xqsO.js";import{t as i,f as a,i as c,g as d,a as l}from"./p-B7w6tF4K.js";import{i as s}from"./p-Hgv-pDpy.js";
+/*!
+* focus-trap 8.2.2
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/function u(o,r){(null==r||r>o.length)&&(r=o.length);for(var t=0,n=Array(r);t<r;t++)n[t]=o[t];return n}function b(o,r){var t="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!t){if(Array.isArray(o)||(t=_(o))||r){t&&(o=t);var n=0,e=function(){};return{s:e,n:function(){return n>=o.length?{done:!0}:{done:!1,value:o[n++]}},e:function(o){throw o},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){t=t.call(o)},n:function(){var o=t.next();return a=o.done,o},e:function(o){c=!0,i=o},f:function(){try{a||null==t.return||t.return()}finally{if(c)throw i}}}}function f(o,r,t){return(r=function(o){var r=function(o,r){if("object"!=typeof o||!o)return o;var t=o[Symbol.toPrimitive];if(void 0!==t){var n=t.call(o,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(o)}(o,"string");return"symbol"==typeof r?r:r+""}(r))in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function v(o,r){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),t.push.apply(t,n)}return t}function p(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){f(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(t,r))}))}return o}function _(o,r){if(o){if("string"==typeof o)return u(o,r);var t={}.toString.call(o).slice(8,-1);return"Object"===t&&o.constructor&&(t=o.constructor.name),"Map"===t||"Set"===t?Array.from(o):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(o,r):void 0}}var y={getActiveTrap:function(o){return(null==o?void 0:o.length)>0?o[o.length-1]:null},activateTrap:function(o,r){r!==y.getActiveTrap(o)&&y.pauseTrap(o);var t=o.indexOf(r);-1===t||o.splice(t,1),o.push(r)},deactivateTrap:function(o,r){var t=o.indexOf(r);-1!==t&&o.splice(t,1),y.unpauseTrap(o)},pauseTrap:function(o){var r=y.getActiveTrap(o);null==r||r._setPausedState(!0)},unpauseTrap:function(o){var r=y.getActiveTrap(o);r&&!r._isManuallyPaused()&&r._setPausedState(!1)}},g=function(o){return"Tab"===(null==o?void 0:o.key)||9===(null==o?void 0:o.keyCode)},h=function(o){return g(o)&&!o.shiftKey},k=function(o){return g(o)&&o.shiftKey},w=function(o){return setTimeout(o,0)},m=function(o){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];return"function"==typeof o?o.apply(void 0,t):o},x=function(o){return o.target.shadowRoot&&"function"==typeof o.composedPath?o.composedPath()[0]:o.target},C=[],j=function(o,r){var t,n=(null==r?void 0:r.document)||document,e=(null==r?void 0:r.trapStack)||C,s=p({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:h,isKeyBackward:k},r),f={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},v=function(o,r,t){return o&&void 0!==o[r]?o[r]:s[t||r]},j=function(o,r){var t="function"==typeof(null==r?void 0:r.composedPath)?r.composedPath():void 0;return f.containerGroups.findIndex((function(r){var n=r.container,e=r.tabbableNodes;return n.contains(o)||(null==t?void 0:t.includes(n))||e.find((function(r){return r===o}))}))},z=function(o){var r,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=t.hasFallback,i=void 0!==e&&e,a=t.params,c=s[o];if("function"==typeof c&&(c=c.apply(void 0,function(o){if(Array.isArray(o))return u(o)}(r=void 0===a?[]:a)||function(o){if("undefined"!=typeof Symbol&&null!=o[Symbol.iterator]||null!=o["@@iterator"])return Array.from(o)}(r)||_(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),!0===c&&(c=void 0),!c){if(void 0===c||!1===c)return c;throw new Error("`".concat(o,"` was specified but was not a node, or did not return a node"))}var d=c;if("string"==typeof c){try{d=n.querySelector(c)}catch(r){throw new Error("`".concat(o,'` appears to be an invalid selector; error="').concat(r.message,'"'))}if(!d&&!i)throw new Error("`".concat(o,"` as selector refers to no known node"))}return d},F=function(o){var r=o.activeElement;return r?r.shadowRoot&&null!==r.shadowRoot.activeElement?F(r.shadowRoot):r:null},S=function(){var o=z("initialFocus",{hasFallback:!0});if(!1===o)return!1;if(void 0===o||o&&!l(o,s.tabbableOptions)){var r=F(n);if(j(r)>=0)o=r;else{var t=f.tabbableGroups[0];o=t&&t.firstTabbableNode||z("fallbackFocus")}}else null===o&&(o=z("fallbackFocus"));if(!o)throw new Error("Your focus-trap needs to have at least one focusable element");return o},T=function(){if(f.containerGroups=f.containers.map((function(o){var r=i(o,s.tabbableOptions),t=a(o,s.tabbableOptions),n=r.length>0?r[0]:void 0,e=r.length>0?r[r.length-1]:void 0,l=t.find((function(o){return c(o)})),u=t.slice().reverse().find((function(o){return c(o)})),b=!!r.find((function(o){return d(o)>0}));return{container:o,tabbableNodes:r,focusableNodes:t,posTabIndexesFound:b,firstTabbableNode:n,lastTabbableNode:e,firstDomTabbableNode:l,lastDomTabbableNode:u,nextTabbableNode:function(o){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],e=r.indexOf(o);return e<0?n?t.slice(t.indexOf(o)+1).find((function(o){return c(o)})):t.slice(0,t.indexOf(o)).reverse().find((function(o){return c(o)})):r[e+(n?1:-1)]}}})),f.tabbableGroups=f.containerGroups.filter((function(o){return o.tabbableNodes.length>0})),f.tabbableGroups.length<=0&&!z("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(f.containerGroups.find((function(o){return o.posTabIndexesFound}))&&f.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.")},O=function(o){!1!==o&&o!==F(document)&&(o&&o.focus?(o.focus({preventScroll:!!s.preventScroll}),f.mostRecentlyFocusedNode=o,function(o){return o.tagName&&"input"===o.tagName.toLowerCase()&&"function"==typeof o.select}(o)&&o.select()):O(S()))},D=function(o){var r=z("setReturnFocus",{params:[o]});return r||!1!==r&&o},E=function(o){var r=o.target,t=o.event,n=o.isBackward,e=void 0!==n&&n;r=r||x(t),T();var i=null;if(f.tabbableGroups.length>0){var a=j(r,t),u=a>=0?f.containerGroups[a]:void 0;if(a<0)i=e?f.tabbableGroups[f.tabbableGroups.length-1].lastTabbableNode:f.tabbableGroups[0].firstTabbableNode;else if(e){var b=f.tabbableGroups.findIndex((function(o){return r===o.firstTabbableNode}));if(b<0&&(u.container===r||l(r,s.tabbableOptions)&&!c(r,s.tabbableOptions)&&!u.nextTabbableNode(r,!1))&&(b=a),b>=0){var v=f.tabbableGroups[0===b?f.tabbableGroups.length-1:b-1];i=d(r)>=0?v.lastTabbableNode:v.lastDomTabbableNode}else g(t)||(i=u.nextTabbableNode(r,!1))}else{var p=f.tabbableGroups.findIndex((function(o){return r===o.lastTabbableNode}));if(p<0&&(u.container===r||l(r,s.tabbableOptions)&&!c(r,s.tabbableOptions)&&!u.nextTabbableNode(r))&&(p=a),p>=0){var _=f.tabbableGroups[p===f.tabbableGroups.length-1?0:p+1];i=d(r)>=0?_.firstTabbableNode:_.firstDomTabbableNode}else g(t)||(i=u.nextTabbableNode(r))}}else i=z("fallbackFocus");return i},A=function(o){var r=x(o);j(r,o)>=0||(m(s.clickOutsideDeactivates,o)?t.deactivate({returnFocus:s.returnFocusOnDeactivate}):m(s.allowOutsideClick,o)||o.preventDefault())},R=function(o){var r=x(o),t=j(r,o)>=0;if(t||r instanceof Document)t&&(f.mostRecentlyFocusedNode=r);else{var n;o.stopImmediatePropagation();var e=!0;if(f.mostRecentlyFocusedNode)if(d(f.mostRecentlyFocusedNode)>0){var i=j(f.mostRecentlyFocusedNode),a=f.containerGroups[i].tabbableNodes;if(a.length>0){var c=a.findIndex((function(o){return o===f.mostRecentlyFocusedNode}));c>=0&&(s.isKeyForward(f.recentNavEvent)?c+1<a.length&&(n=a[c+1],e=!1):c-1>=0&&(n=a[c-1],e=!1))}}else f.containerGroups.some((function(o){return o.tabbableNodes.some((function(o){return d(o)>0}))}))||(e=!1);else e=!1;e&&(n=E({target:f.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(f.recentNavEvent)})),O(n||f.mostRecentlyFocusedNode||S())}f.recentNavEvent=void 0},P=function(o){(s.isKeyForward(o)||s.isKeyBackward(o))&&function(o){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];f.recentNavEvent=o;var t=E({event:o,isBackward:r});t&&(g(o)&&o.preventDefault(),O(t))}(o,s.isKeyBackward(o))},N=function(o){var r;"Escape"!==(null==(r=o)?void 0:r.key)&&"Esc"!==(null==r?void 0:r.key)&&27!==(null==r?void 0:r.keyCode)||!1===m(s.escapeDeactivates,o)||(o.preventDefault(),t.deactivate())},I=function(o){var r=x(o);j(r,o)>=0||m(s.clickOutsideDeactivates,o)||m(s.allowOutsideClick,o)||(o.preventDefault(),o.stopImmediatePropagation())},B=function(){var o;if(f.active)return y.activateTrap(e,t),s.delayInitialFocus?o=new Promise((function(o){f.delayInitialFocusTimer=w((function(){O(S()),o()}))})):O(S()),n.addEventListener("focusin",R,!0),n.addEventListener("mousedown",A,{capture:!0,passive:!1}),n.addEventListener("touchstart",A,{capture:!0,passive:!1}),n.addEventListener("click",I,{capture:!0,passive:!1}),n.addEventListener("keydown",P,{capture:!0,passive:!1}),n.addEventListener("keydown",N),o},H=function(){if(f.active)return n.removeEventListener("focusin",R,!0),n.removeEventListener("mousedown",A,!0),n.removeEventListener("touchstart",A,!0),n.removeEventListener("click",I,!0),n.removeEventListener("keydown",P,!0),n.removeEventListener("keydown",N),t},M="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(o){var r=f.mostRecentlyFocusedNode;if(r&&o.some((function(o){return Array.from(o.removedNodes).some((function(o){return o===r||"function"==typeof o.contains&&o.contains(r)}))}))&&f.containers.some((function(o){return null==o?void 0:o.isConnected}))){T();var t=S();O(t)}})):void 0,U=function(){M&&(M.disconnect(),f.active&&!f.paused&&f.containers.map((function(o){M.observe(o,{subtree:!0,childList:!0})})))};return t={get active(){return f.active},get paused(){return f.paused},activate:function(o){if(f.active)return this;var r,i=v(o,"onActivate"),a=v(o,"onPostActivate"),c=v(o,"checkCanFocusTrap"),d=y.getActiveTrap(e),l=!1;d&&!d.paused&&(null===(r=d._setSubtreeIsolation)||void 0===r||r.call(d,!1),l=!0);try{c||T(),f.active=!0,f.paused=!1,f.nodeFocusedBeforeActivation=F(n),null==i||i({trap:t});var s=function(){c&&T();var o=function(){t._setSubtreeIsolation(!0),U(),null==a||a({trap:t})},r=B();r?r.then(o):o()};if(c)return c(f.containers.concat()).then(s,s),this;s()}catch(o){var u;throw d===y.getActiveTrap(e)&&l&&(null===(u=d._setSubtreeIsolation)||void 0===u||u.call(d,!0)),o}return this},deactivate:function(o){if(!f.active)return this;var r=p({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},o);clearTimeout(f.delayInitialFocusTimer),f.delayInitialFocusTimer=void 0,f.paused||t._setSubtreeIsolation(!1),f.alreadySilent.clear(),H(),f.active=!1,f.paused=!1,U(),y.deactivateTrap(e,t);var n=v(r,"onDeactivate"),i=v(r,"onPostDeactivate"),a=v(r,"checkCanReturnFocus"),c=v(r,"delayReturnFocus"),d=v(r,"returnFocus","returnFocusOnDeactivate");null==n||n({trap:t});var l=function(){d&&O(D(f.nodeFocusedBeforeActivation)),null==i||i({trap:t})},u=function(){c&&d?w(l):l()};return d&&a?(a(D(f.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(o){return f.active?(f.manuallyPaused=!0,this._setPausedState(!0,o)):this},unpause:function(o){return f.active?(f.manuallyPaused=!1,e[e.length-1]!==this?this:this._setPausedState(!1,o)):this},updateContainerElements:function(o){var r=[].concat(o).filter(Boolean);return f.containers=r.map((function(o){return"string"==typeof o?n.querySelector(o):o})),s.isolateSubtrees&&function(o){f.active&&!f.paused&&t._setSubtreeIsolation(!1),f.adjacentElements.clear(),f.alreadySilent.clear();var r,n=new Set,e=new Set,i=b(o);try{for(i.s();!(r=i.n()).done;){var a=r.value;n.add(a);for(var c="undefined"!=typeof ShadowRoot&&a.getRootNode()instanceof ShadowRoot,d=a;d;){n.add(d);var l=d.parentElement,s=[];l?s=l.children:!l&&c&&(s=d.getRootNode().children,l=d.getRootNode().host,c="undefined"!=typeof ShadowRoot&&l.getRootNode()instanceof ShadowRoot);var u,v=b(s);try{for(v.s();!(u=v.n()).done;)e.add(u.value)}catch(o){v.e(o)}finally{v.f()}d=l}}}catch(o){i.e(o)}finally{i.f()}n.forEach((function(o){e.delete(o)})),f.adjacentElements=e}(f.containers),f.active&&(T(),f.paused||t._setSubtreeIsolation(!0)),U(),this}},Object.defineProperties(t,{_isManuallyPaused:{value:function(){return f.manuallyPaused}},_setPausedState:{value:function(o,r){if(f.paused===o)return this;if(f.paused=o,o){var n=v(r,"onPause"),e=v(r,"onPostPause");null==n||n({trap:t}),H(),t._setSubtreeIsolation(!1),U(),null==e||e({trap:t})}else{var i=v(r,"onUnpause"),a=v(r,"onPostUnpause");null==i||i({trap:t}),function(){T();var o=function(){t._setSubtreeIsolation(!0),U(),null==a||a({trap:t})},r=B();r?r.then(o):o()}()}return this}},_setSubtreeIsolation:{value:function(o){s.isolateSubtrees&&f.adjacentElements.forEach((function(r){var t;o?"aria-hidden"===s.isolateSubtrees?("true"!==r.ariaHidden&&"true"!==(null===(t=r.getAttribute("aria-hidden"))||void 0===t?void 0:t.toLowerCase())||f.alreadySilent.add(r),r.setAttribute("aria-hidden","true")):((r.inert||r.hasAttribute("inert"))&&f.alreadySilent.add(r),r.setAttribute("inert",!0)):f.alreadySilent.has(r)||r.removeAttribute("aria-hidden"===s.isolateSubtrees?"aria-hidden":"inert")}))}}}),t.updateContainerElements(o),t};const z=class{constructor(t){o(this,t),this.dsoChange=r(this,"dsoChange",3),this.dsoRedirect=r(this,"dsoRedirect",3),this.options=[],this.open=!1,this.toggleOpen=()=>{this.open=!this.open},this.handleOptionClick=(o,r)=>{this.dsoChange.emit({originalEvent:o,option:r}),this.open=!1},this.handleRedirectClick=(o,r)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:s(o),redirect:r}),this.open=!1}}keyDownListener(o){this.open&&"ArrowUp"===o.key?(o.preventDefault(),this.handleTab(-1)):this.open&&"ArrowDown"===o.key&&(o.preventDefault(),this.handleTab(1))}componentDidRender(){this.open&&!this.trap?this.createTrap():!this.open&&this.trap&&this.removeTrap()}createTrap(){this.trap=j(this.host,{clickOutsideDeactivates:!0,escapeDeactivates:!0,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:!0},onDeactivate:()=>{this.open=!1}}).activate()}removeTrap(){this.trap?.deactivate(),delete this.trap}handleTab(o){const r=this.host.isConnected?i(this.host,{getShadowRoot:!0}):[];let t=r.findIndex((o=>o===this.host.shadowRoot?.activeElement))+o;t>=r.length?t=0:t<0&&(t=r.length-1),r[t]?.focus()}render(){const o=this.open?"caret-up":"caret-down";return t("div",{key:"d124fde95ae91c996a725add8520de3e3956b2a2",class:"advanced-select-container"},t("div",{key:"c25dc272a86fbef94ae0aa490fe0292e87b5f1fd",class:"advanced-select"},t("div",{key:"06e5a6aaa4cf6a142f1ad31d526a0b31001ed777",class:"advanced-select-button"},t("button",{key:"99934ad204d68a0a1e82f24e42b8899f98f83aa5","aria-expanded":this.open.toString(),class:e(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},t("span",{key:"7776fbf5b58af8a3eadc502cbe01d269adc3469e",class:"active-option-label"},t(T,{key:"c3f8265c79dcb6d8b9b428fa4e18090d71557099",active:this.active,options:this.options}),this.active?.selectedLabel??this.active?.label??"Selecteer een optie"),t("span",{key:"8758ce1b7b0b21eae477d8e1de9afcec08f9547f",class:"active-option-aside"},t("dso-icon",{key:"84c2f1e173a7e9977b234af634b6df19d1857213",icon:o,"aria-hidden":"true"}))),this.open&&t("div",{key:"8c27fe2f7e57bca959649e3806f96dec4adb53f2",class:"groups-container"},t("ul",{key:"06320030fecf1d8ee0bd6eb1bfbaf8b7d7263653",class:"groups"},this.options.map((o=>"options"in o&&t("li",{class:e(["group",{[`group-${o.variant}`]:!!o.variant}])},t("p",{class:"group-label"},o.label),t("ul",{class:"options"},o.options.map((r=>t("li",null,t(F,{option:r,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick,variant:o.variant}))))),o.redirect&&t(S,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&t("li",{class:"group"},t("p",{class:"group-label"},o.label),t("p",{class:"placeholder"},o.placeholder),o.redirect&&t(S,{redirect:o.redirect,callback:this.handleRedirectClick}))||t("li",null,t(F,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))))),this.options.some((o=>"summaryCounter"in o&&o?.summaryCounter))&&t("span",{key:"11692b0604d6f6fffd30376efc1883a63ee70cf7",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!o?.summaryCounter)).map((o=>t("dso-badge",{status:o.variant??"outline",label:o.badgeLabel??`Toon toelichting voor ${o.label.toLowerCase()}`},o.options.length,t("div",{slot:"toggletip"},o.toggletip)))))))}static get delegatesFocus(){return!0}get host(){return n(this)}},F=({option:o,active:r,activeHint:n,callback:i,variant:a})=>{const c="success"===a?"document":"warning"===a?"document-pencil":"hammer";return t("button",{class:e(["option",{"option-active":r===o}]),type:"button","aria-current":r===o?"true":void 0,onClick:r=>i(r,o)},t("dso-icon",{icon:c,"aria-hidden":"true"}),t("span",{class:"option-label"},o.label," ",!!n&&r===o&&t("span",{class:"option-hint"},"(",n,")")))},S=({redirect:o,callback:r})=>t("a",{class:"group-link",href:o.href,onClick:t=>r(t,o)},o.label,t("dso-icon",{icon:"chevron-right","aria-hidden":"true"})),T=({active:o,options:r})=>{const n=r.find((r=>"options"in r&&!!r.options.find((r=>r===o))&&!!r.activeLabel));return n&&t("dso-label",{compact:!0,status:n.variant},n.activeLabel)};z.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select-container{container-type:inline-size}.advanced-select{display:flex;flex-direction:row}@container (max-width: 480px){.advanced-select{flex-direction:column}}.advanced-select-button{flex:1;min-inline-size:0}.active-option{color:inherit;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;text-align:start;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}@media (max-width: 480px){.active-option-label{hyphens:auto}}.active-option-label{line-height:1.5;padding-block:8px;padding-inline:8px}.active-option-label dso-label{margin-inline-end:8px}.active-option-aside{padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;gap:4px;padding-block-start:8px;padding-inline-start:8px}@container (max-width: 480px){.badges{justify-content:flex-start;flex-wrap:wrap;padding-inline-start:0}}.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-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:0.875rem;font-weight:600}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#39870c;text-decoration:none}.group-link:hover,.group-link:focus{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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:flex;align-items:flex-start;gap:8px;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;border:none;text-align:start;background-color:#fff}.option dso-icon{flex-shrink:0}.option.option-active,.option.option-active:hover,.option.option-active:focus{background-color:#275937}.option.option-active .option-label,.option.option-active dso-icon,.option.option-active:hover .option-label,.option.option-active:hover dso-icon,.option.option-active:focus .option-label,.option.option-active:focus dso-icon{color:#fff;font-weight:600}.option:hover,.option:focus{background-color:#ebf3e6}.option-label{position:relative;color:#191919}.option-hint{padding-inline-start:5px;color:#fff;font-weight:600}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666;font-style:italic}";export{z as dso_advanced_select}

package/dist/dso-toolkit/{p-bad72062.entry.js → p-591d65b2.entry.js}

@@ -1 +1 @@
-import{r as o,d as e,h as t}from"./p-CieBNbUH.js";const n=class{constructor(t){o(this,t),this.dsoToggle=e(this,"dsoToggle",3),this.mode="side",this.toggleable=!1}renderToggle(){return"main"===this.mode?t("button",{type:"button",class:"dso-secondary",onClick:o=>this.dsoToggle.emit({originalEvent:o})},t("span",null,"Sluiten"),t("dso-icon",{icon:"chevron-right"})):t("dso-icon-button",{icon:"chevron-left",variant:"secondary",label:"Openen",onDsoClick:o=>this.dsoToggle.emit({originalEvent:o.detail.originalEvent})})}render(){return t("div",{key:"9dd80a9591424d1c37c7a6c71dc37c7e23828d11",class:"shopping-cart"},t("div",{key:"2fb5d221bb12f4bc60d91c88e577dbb95daa9934",class:"header"},t("slot",{key:"d2020152090a77a1999bad284ec0804602c81842",name:"heading"}),this.toggleable&&this.renderToggle()),t("div",{key:"d4c75ad92efa657921302e95301a37576285d8e4",class:"items"},t("slot",{key:"3268e576a944295d8765e3be1499edcc805bcfb0"})))}};n.style=":host {   display: block; }  *, *::after, *::before {   box-sizing: border-box; }  .shopping-cart {   background-color: #e1ecf7;   padding-block: 16px;   padding-inline: 16px; }  .header {   display: flex;   align-items: center;   justify-content: space-between;   gap: 16px;   margin-block-end: 16px; }  ::slotted([slot=heading]) {   margin-block: 0 !important;   margin-inline: 0 !important;   color: inherit !important;   font-size: 1.125rem !important;   font-weight: 600 !important;   line-height: 1.25 !important; } @media (min-width: 480px) {   ::slotted([slot=heading]) {     font-size: 1.25rem !important;   } }  .items {   display: flex;   flex-direction: column;   gap: 8px; }  :host([mode=side]) .items {   --_dso-shopping-cart-line-clamp: 2; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; } button.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible {   outline-offset: 2px; } button.dso-secondary:active {   outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after {   content: \"\";   display: inline-block; } button.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small {   line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } button.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; }";export{n as dso_shopping_cart}
+import{r as o,d as e,h as t}from"./p-CieBNbUH.js";const n=class{constructor(t){o(this,t),this.dsoToggle=e(this,"dsoToggle",3),this.mode="side",this.toggleable=!1}renderToggle(){return"main"===this.mode?t("button",{type:"button",class:"dso-secondary",onClick:o=>this.dsoToggle.emit({originalEvent:o})},t("span",null,"Sluiten"),t("dso-icon",{icon:"chevron-right"})):t("dso-icon-button",{icon:"chevron-left",variant:"secondary",label:"Openen",onDsoClick:o=>this.dsoToggle.emit({originalEvent:o.detail.originalEvent})})}render(){return t("div",{key:"510bbaaf0168ead779506268e240db510052e825",class:"shopping-cart"},t("div",{key:"122708dc74255a93a4b4a437bd769959cddffa36",class:"header"},t("slot",{key:"24c9865d01ee9c8767628b4f75a9ea64e8b0ce71",name:"heading"}),this.toggleable&&this.renderToggle()),t("div",{key:"70efc93e9dff173c67b9fa346845d5952d5b527c",class:"items"},t("slot",{key:"68ffbb3f0e54539ddd3f38b2ea1ff40c2a41d351"})))}};n.style=":host {   display: block; }  *, *::after, *::before {   box-sizing: border-box; }  .shopping-cart {   background-color: #e1ecf7;   padding-block: 16px;   padding-inline: 16px; }  .header {   display: flex;   align-items: center;   justify-content: space-between;   gap: 16px;   margin-block-end: 16px; }  ::slotted([slot=heading]) {   margin-block: 0 !important;   margin-inline: 0 !important;   color: inherit !important;   font-size: 1.125rem !important;   font-weight: 600 !important;   line-height: 1.25 !important; } @media (min-width: 480px) {   ::slotted([slot=heading]) {     font-size: 1.25rem !important;   } }  .items {   display: flex;   flex-direction: column;   gap: 8px; }  :host([mode=side]) .items {   --_dso-shopping-cart-line-clamp: 2; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; } button.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible {   outline-offset: 2px; } button.dso-secondary:active {   outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after {   content: \"\";   display: inline-block; } button.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small {   line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } button.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; }";export{n as dso_shopping_cart}

package/dist/dso-toolkit/{p-b8a81663.entry.js → p-634b0a98.entry.js}

@@ -1 +1 @@
-import{r as o,d as r,h as t,F as e}from"./p-CieBNbUH.js";const n=class{constructor(t){o(this,t),this.dsoSubmit=r(this,"dsoSubmit",7),this.dsoClose=r(this,"dsoClose",7)}handleForm(o){o.preventDefault(),this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:o})}handleChange(o){this.rating=Number(o.target.value)}render(){return t("dso-panel",{key:"6e8e297be5e0c69f8dee7e8a5f5117f1438376c0",emphasized:!0,onDsoCloseClick:o=>this.dsoClose.emit({originalEvent:o}),role:"dialog","aria-labelledby":"panel-heading"},t("h2",{key:"965558999e8f04fa3ea41b16ad2fba3c67fdf3cb",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),t("strong",{key:"893161a964af4bef0732e6c41b17adc2a64e7842"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),t("form",{key:"3376fd9879f5e59c88410f29a084408210dd9310",onSubmit:o=>this.handleForm(o)},t("div",{key:"9f37e212fa1e3da0644a78da19fee79941d09349",class:"visual-rating-labels","aria-hidden":"true"},t("span",{key:"98dd40664a37b4367b6c4a4ebddc1211d6839520"},"Heel moeilijk"),t("span",{key:"5bee666467de1089a9fff1d50d92ac0ac0adf15a"},"Heel makkelijk")),t("div",{key:"286b60be1d47f19a6b9ceac3f87ed5f54486f743",role:"radiogroup"},["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"].map(((o,r)=>{const n=r+1;return t(e,null,t("label",{class:`survey-rating-${n}`},n,t("span",{class:"sr-only"},o),t("input",{type:"radio",name:"rating",value:n,checked:n===this.rating,onChange:o=>this.handleChange(o)})))}))),t("button",{key:"8a5594d402170c0798d4117fc03ae7afb9026711",type:"submit",class:"dso-secondary"},t("span",{key:"0c8d2586fec17a7b0b3846d6c806d250cd6ef0ed"},"Antwoord verzenden"))))}};n.style=":host {   display: block;   position: fixed;   inset-block-end: 16px;   inset-inline-start: 16px;   inline-size: 370px;   background-color: #fff;   box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);   border-radius: 4px;   z-index: 1000; } @media screen and (max-width: 480px) {   :host {     inline-size: 320px;     inset-block-end: 0;     inset-inline-start: 0;     --panel-heading-padding-inline-start: 8px;     --panel-body-padding-inline: 8px;   } }  *, *::after, *::before {   box-sizing: border-box; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .visual-rating-labels {   display: flex;   justify-content: space-between;   margin-block: 8px; }  input[type=radio] {   appearance: none;   cursor: pointer;   position: absolute;   margin-inline: 0;   margin-block: 0;   inset-block: 8px 0;   inset-inline: 0;   z-index: 1; }  label {   position: relative;   display: inline-flex;   align-items: center;   justify-content: center;   inline-size: 48px;   block-size: 48px;   border: 1px solid #ccc;   border-inline-end-width: 0;   padding-block-start: 8px; } @media screen and (max-width: 480px) {   label {     inline-size: 43px;     block-size: 43px;   } } label:hover {   background-color: #f2f2f2; } label:active {   background-color: #e5e5e5; } label:first-of-type {   border-radius: 4px 0 0 4px; } label:first-of-type::before {   border-radius: 3px 0 0; } label:last-of-type {   border-inline-end-width: 1px;   border-radius: 0 4px 4px 0; } label:last-of-type::before {   border-radius: 0 3px 0 0; } label::before {   content: \"\";   display: block;   position: absolute;   inset-block-start: 0;   block-size: 8px;   inline-size: 100%;   border-block-end: 1px solid #ccc; } label:has(input:checked) {   font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #b62f41;   color: #fff;   border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #ce3f51;   color: #fff;   border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #e17000;   color: #191919;   border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #dcd400;   color: #191919;   border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #79b929;   color: #191919;   border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #39870c;   color: #fff;   border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #275937;   color: #fff;   border-color: #ccc; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; } button.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible {   outline-offset: 2px; } button.dso-secondary:active {   outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after {   content: \"\";   display: inline-block; } button.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small {   line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } button.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } button {   margin-block-start: 16px; }";export{n as dso_survey_rating}
+import{r as o,d as r,h as t,F as e}from"./p-CieBNbUH.js";const n=class{constructor(t){o(this,t),this.dsoSubmit=r(this,"dsoSubmit",7),this.dsoClose=r(this,"dsoClose",7)}handleForm(o){o.preventDefault(),this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:o})}handleChange(o){this.rating=Number(o.target.value)}render(){return t("dso-panel",{key:"4026814077478126886d7c6dd3c91cff5c8987ca",emphasized:!0,onDsoCloseClick:o=>this.dsoClose.emit({originalEvent:o}),role:"dialog","aria-labelledby":"panel-heading"},t("h2",{key:"8b0c40eb3de6cf3176b157ceb908956e2f9e4581",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),t("strong",{key:"9218e2fcbadb61436fa8080e448bf50abc56418d"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),t("form",{key:"e517ab50c84d3087bdc165c8aa12aea8acfdfd46",onSubmit:o=>this.handleForm(o)},t("div",{key:"5f80f7273cc6005a9b17ebf38dd1b037661a5585",class:"visual-rating-labels","aria-hidden":"true"},t("span",{key:"1bdbc022680fa6250205cfed9c69a19adb51ddf7"},"Heel moeilijk"),t("span",{key:"94068a97aad6a541399f04bfacd51e33749cee1d"},"Heel makkelijk")),t("div",{key:"b2dceabfdb6e371437d40c209c0d990159f05c50",role:"radiogroup"},["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"].map(((o,r)=>{const n=r+1;return t(e,null,t("label",{class:`survey-rating-${n}`},n,t("span",{class:"sr-only"},o),t("input",{type:"radio",name:"rating",value:n,checked:n===this.rating,onChange:o=>this.handleChange(o)})))}))),t("button",{key:"88524ec3c4bf1b9c059e838c8a761b7b59aca508",type:"submit",class:"dso-secondary"},t("span",{key:"79b5f16daf9dbb2ebaa51f3644c3e41cc40e39e1"},"Antwoord verzenden"))))}};n.style=":host {   display: block;   position: fixed;   inset-block-end: 16px;   inset-inline-start: 16px;   inline-size: 370px;   background-color: #fff;   box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);   border-radius: 4px;   z-index: 1000; } @media screen and (max-width: 480px) {   :host {     inline-size: 320px;     inset-block-end: 0;     inset-inline-start: 0;     --panel-heading-padding-inline-start: 8px;     --panel-body-padding-inline: 8px;   } }  *, *::after, *::before {   box-sizing: border-box; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .visual-rating-labels {   display: flex;   justify-content: space-between;   margin-block: 8px; }  input[type=radio] {   appearance: none;   cursor: pointer;   position: absolute;   margin-inline: 0;   margin-block: 0;   inset-block: 8px 0;   inset-inline: 0;   z-index: 1; }  label {   position: relative;   display: inline-flex;   align-items: center;   justify-content: center;   inline-size: 48px;   block-size: 48px;   border: 1px solid #ccc;   border-inline-end-width: 0;   padding-block-start: 8px; } @media screen and (max-width: 480px) {   label {     inline-size: 43px;     block-size: 43px;   } } label:hover {   background-color: #f2f2f2; } label:active {   background-color: #e5e5e5; } label:first-of-type {   border-radius: 4px 0 0 4px; } label:first-of-type::before {   border-radius: 3px 0 0; } label:last-of-type {   border-inline-end-width: 1px;   border-radius: 0 4px 4px 0; } label:last-of-type::before {   border-radius: 0 3px 0 0; } label::before {   content: \"\";   display: block;   position: absolute;   inset-block-start: 0;   block-size: 8px;   inline-size: 100%;   border-block-end: 1px solid #ccc; } label:has(input:checked) {   font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #b62f41;   color: #fff;   border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #ce3f51;   color: #fff;   border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #e17000;   color: #191919;   border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #dcd400;   color: #191919;   border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #79b929;   color: #191919;   border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #39870c;   color: #fff;   border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #275937;   color: #fff;   border-color: #ccc; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; } button.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible {   outline-offset: 2px; } button.dso-secondary:active {   outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after {   content: \"\";   display: inline-block; } button.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small {   line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } button.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } button {   margin-block-start: 16px; }";export{n as dso_survey_rating}

package/dist/dso-toolkit/{p-6c666668.entry.js → p-64f2263c.entry.js}

@@ -1 +1 @@
-import{r as e,h as i,a}from"./p-CieBNbUH.js";const o=class{constructor(i){e(this,i)}render(){return i(a,{key:"7c30ba2c5660bc9b428949f4f6764e08fba8d8c8"},i("slot",{key:"eb65537dce2c8422fc2c609632aaa9770831297e",name:"image"}),i("div",{key:"5faa577dc81d1d959dd8645f6c20187088aa5605",class:"hero-image-container"},i("slot",{key:"8dfe7c0a62775948e9f4d92333200dc77a3ca573"})))}};o.style=":host{--dso-hero-image-background-color:#ebf3e6;margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw);padding-inline-start:calc(50vw - 50% - 16px);padding-inline-end:calc(50vw - 50% - 16px);display:block;position:relative;overflow:hidden;background-color:var(--dso-hero-image-background-color)}@media only screen and (min-width: 768px){:host{min-block-size:352px}}::slotted([slot=image]){display:block;inline-size:100%;min-block-size:calc(16.6666666667vw + 1dvi);background-color:var(--dso-hero-image-background-color);background-repeat:no-repeat;background-size:cover;background-position:center}@media only screen and (min-width: 768px){::slotted([slot=image]){position:absolute;inset:0;min-block-size:unset}}.hero-image-container{position:relative;z-index:1;box-sizing:border-box;inline-size:100%;padding-inline:16px;padding-block-end:16px;margin-block-start:16px}@media (min-width: 768px){.hero-image-container{margin-block-start:40px}}@media (min-width: 992px){.hero-image-container{max-inline-size:992px;margin-block-start:40px}}@media (min-width: 992px){.hero-image-container ::slotted(*){display:block;inline-size:clamp(0px, 38vw, 545px)}}";export{o as dso_hero_image}
+import{r as e,h as i,a}from"./p-CieBNbUH.js";const o=class{constructor(i){e(this,i)}render(){return i(a,{key:"58986f7f8ff51ad08e4a6cecfc8b69b7f534ce59"},i("slot",{key:"3de9aa7aeb53413ddc4bf442a8e20227a8f94710",name:"image"}),i("div",{key:"16a40d270ae8eebd3213222a20672c6213302d97",class:"hero-image-container"},i("slot",{key:"8a6817e250897a98ad525a1ca5f5775e04814ef3"})))}};o.style=":host{--dso-hero-image-background-color:#ebf3e6;margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw);padding-inline-start:calc(50vw - 50% - 16px);padding-inline-end:calc(50vw - 50% - 16px);display:block;position:relative;overflow:hidden;background-color:var(--dso-hero-image-background-color)}@media only screen and (min-width: 768px){:host{min-block-size:352px}}::slotted([slot=image]){display:block;inline-size:100%;min-block-size:calc(16.6666666667vw + 1dvi);background-color:var(--dso-hero-image-background-color);background-repeat:no-repeat;background-size:cover;background-position:center}@media only screen and (min-width: 768px){::slotted([slot=image]){position:absolute;inset:0;min-block-size:unset}}.hero-image-container{position:relative;z-index:1;box-sizing:border-box;inline-size:100%;padding-inline:16px;padding-block-end:16px;margin-block-start:16px}@media (min-width: 768px){.hero-image-container{margin-block-start:40px}}@media (min-width: 992px){.hero-image-container{max-inline-size:992px;margin-block-start:40px}}@media (min-width: 992px){.hero-image-container ::slotted(*){display:block;inline-size:clamp(0px, 38vw, 545px)}}";export{o as dso_hero_image}

package/dist/dso-toolkit/{p-759a8233.entry.js → p-65c6df97.entry.js}

@@ -1 +1 @@
-import{r as e,d as s,h as t,F as o,a as i,g as l,f as c}from"./p-CieBNbUH.js";import{p as a}from"./p-CcOMPHLg.js";import{T as n}from"./p-C32sfSnK.js";import"./p-DMUqzLuy.js";const d=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7)}render(){return t(o,{key:"3a3fa3f36c53a01e0c2a9ceff9c17002543596cd"},t("slot",{key:"f5eba0eb7309ecb410bab297c6cb871deb2bb8f2"}),!this.fixed&&t("dso-icon-button",{key:"e0546bb603a08250cb872df96bc76ea961a03c53",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:e=>this.dsoClose.emit(e.detail.originalEvent)}))}};d.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}";const r=class{constructor(t){e(this,t),this.dsoToggle=s(this,"dsoToggle",7),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.handleOutsideEvent=e=>{this.toggletipActive&&(e.composedPath().includes(this.host)||this.closeToggletip())},this.keyDownHandler=e=>{this.toggletipActive&&"Escape"===e.key&&this.closeToggletip()}}onDocumentFocusIn(e){this.handleOutsideEvent(e)}onDocumentPointerDown(e){this.handleOutsideEvent(e)}async setFocus(){this.button?.setFocus?.()}handleToggle(e){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:e,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipElRef?.isConnected&&this.toggletipElRef.matches(":popover-open")&&this.toggletipElRef.hidePopover(),this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanUpTooltip();!this.cleanUpFunction&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUpFunction=a({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&(this.toggletipActive?this.toggletipElRef?.showPopover():this.closeToggletip())}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.closeToggletip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return t(i,{key:"d5b28d8f99d79e58d3e46c3b1ca299c69113eede",onKeyDown:this.keyDownHandler},t("dso-icon-button",{key:"49b0e63ffff14227787556ae0d812fe5db60e3bf",variant:"tertiary",label:this.label,onDsoClick:e=>this.handleToggle(e.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:e=>this.button=e,expanded:this.hasToggletip?this.toggletipActive:void 0}),this.hasToggletip&&t(n,{key:"5e33be53cdec59870cd510d54d6b0ee63b5c3e62",tipElementRef:e=>this.toggletipElRef=e,tipArrowElementRef:e=>this.toggletipArrowElRef=e},t("dso-scrollable",{key:"68c59df3ceb38673be699a3425ab42eb08e195c6",ref:e=>this.restrictContentElement=e,"aria-live":"polite"},t("slot",{key:"4e0e7f0aca340e25fe585ca43d429bc669faca05",name:"toggletip"}))))}get host(){return l(this)}};function b(){return Math.random().toString(16).slice(-4)}r.style=":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}";const p=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=`DsoSelectable-${b()}${b()}-${b()}-${b()}-${b()}-${b()}${b()}${b()}`,this.handleOnChange=e=>{const s=e.target instanceof HTMLInputElement?e.target:void 0;this.dsoChange.emit({originalEvent:e,checked:!!s?.checked,name:this.name,value:this.value}),c(this.host)}}async toggleInfo(e){this.infoActive=e??!this.infoActive}componentDidLoad(){this.mutationObserver?.disconnect(),this.mutationObserver=new MutationObserver((()=>c(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){this.mutationObserver?.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){const e=!!this.host.querySelector('[slot="info"]'),s=[e&&this.infoFixed?this.describedById:void 0,this.errormessage].filter((e=>void 0!==e)).join(" ")||void 0;return t(o,{key:"c1bcf78acb134256d9ee7e1aa16f606cf9abc74d"},t("div",{key:"050fc2690b77f4cdfd5b302b5c1e8da02ff33e5e",class:"dso-selectable-container"},t("div",{key:"99a646106d3b991cbe6fca4d5f4f3bc1aaaba2e2",class:"dso-selectable-input-wrapper"},t("input",{key:"82dad85616e0eda09ab129ca830a80714a354b89",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":this.invalid?.toString(),"aria-describedby":s,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,ref:e=>this.input=e}),t("label",this.labelledById?null:{htmlFor:this.getIdentifier()},t("slot",null))),e&&!this.infoFixed&&t("dso-info-button",{key:"96678e3b9966222d90c789316cf4d6f66c9f0743",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),e&&t("dso-info",{key:"903c82d16a550cfbdc78bdeaad29fb4f003c2c3b",id:e&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",{key:"6415907b0d28494858e0661a743778be6d7f43cf"},t("slot",{key:"b207f99f8fc8fb9af4779d4a2fd19f3235c48bea",name:"info"}))),t("slot",{key:"1de94849b9e2d6d7ea862094ddce33fd05cd6b04",name:"options"}))}componentDidRender(){this.input&&"boolean"==typeof this.checked&&this.input.checked!==this.checked&&(this.input.checked=this.checked)}getIdentifier(){return this.identifier??this.fallbackIdentifier}get host(){return l(this)}static get watchers(){return{indeterminate:[{setIndeterminate:0}]}}};p.style='.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}';export{d as dso_info,r as dso_info_button,p as dso_selectable}
+import{r as e,d as s,h as t,F as o,a as i,g as l,f as c}from"./p-CieBNbUH.js";import{p as a}from"./p-CcOMPHLg.js";import{T as n}from"./p-C32sfSnK.js";import"./p-DMUqzLuy.js";const d=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7)}render(){return t(o,{key:"dbb5daa5f70d8a8a0e316d3729d3ab3bccdbdbcc"},t("slot",{key:"49645a72744a9569f934784cce9e6078ef765140"}),!this.fixed&&t("dso-icon-button",{key:"83d64535203b6e56171ba2394e9358f2d48c3f6e",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:e=>this.dsoClose.emit(e.detail.originalEvent)}))}};d.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}";const r=class{constructor(t){e(this,t),this.dsoToggle=s(this,"dsoToggle",7),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.handleOutsideEvent=e=>{this.toggletipActive&&(e.composedPath().includes(this.host)||this.closeToggletip())},this.keyDownHandler=e=>{this.toggletipActive&&"Escape"===e.key&&this.closeToggletip()}}onDocumentFocusIn(e){this.handleOutsideEvent(e)}onDocumentPointerDown(e){this.handleOutsideEvent(e)}async setFocus(){this.button?.setFocus?.()}handleToggle(e){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:e,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipElRef?.isConnected&&this.toggletipElRef.matches(":popover-open")&&this.toggletipElRef.hidePopover(),this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanUpTooltip();!this.cleanUpFunction&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUpFunction=a({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&(this.toggletipActive?this.toggletipElRef?.showPopover():this.closeToggletip())}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.closeToggletip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return t(i,{key:"3d7fe85a8460daef297217c63ecdfcbeee494384",onKeyDown:this.keyDownHandler},t("dso-icon-button",{key:"c4f23d40f61c2ecdf983f1be869f704aa89a1c7f",variant:"tertiary",label:this.label,onDsoClick:e=>this.handleToggle(e.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:e=>this.button=e,expanded:this.hasToggletip?this.toggletipActive:void 0}),this.hasToggletip&&t(n,{key:"3d3db4d605333fce051e25ace41275809ee7c3e6",tipElementRef:e=>this.toggletipElRef=e,tipArrowElementRef:e=>this.toggletipArrowElRef=e},t("dso-scrollable",{key:"f9536e03cf69b8bea88da5919a06d9ffef5f2d1f",ref:e=>this.restrictContentElement=e,"aria-live":"polite"},t("slot",{key:"0c7a455af59be731a1a2012810883b8b585df09f",name:"toggletip"}))))}get host(){return l(this)}};function b(){return Math.random().toString(16).slice(-4)}r.style=":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}";const p=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=`DsoSelectable-${b()}${b()}-${b()}-${b()}-${b()}-${b()}${b()}${b()}`,this.handleOnChange=e=>{const s=e.target instanceof HTMLInputElement?e.target:void 0;this.dsoChange.emit({originalEvent:e,checked:!!s?.checked,name:this.name,value:this.value}),c(this.host)}}async toggleInfo(e){this.infoActive=e??!this.infoActive}componentDidLoad(){this.mutationObserver?.disconnect(),this.mutationObserver=new MutationObserver((()=>c(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){this.mutationObserver?.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){const e=!!this.host.querySelector('[slot="info"]'),s=[e&&this.infoFixed?this.describedById:void 0,this.errormessage].filter((e=>void 0!==e)).join(" ")||void 0;return t(o,{key:"254653ec27f9a20033a72604642a90ea729c6c0c"},t("div",{key:"2dc879bcbf2248e6bc066875557aea42de9061fc",class:"dso-selectable-container"},t("div",{key:"28cb0e8f7d3796e1e05eed52507c4e61843d9de4",class:"dso-selectable-input-wrapper"},t("input",{key:"993aa2d0fc4a0900fd087ba501ac14b786f46aa7",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":this.invalid?.toString(),"aria-describedby":s,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,ref:e=>this.input=e}),t("label",this.labelledById?null:{htmlFor:this.getIdentifier()},t("slot",null))),e&&!this.infoFixed&&t("dso-info-button",{key:"94e7c65b13b69d60953843d5d419f9e648f358a7",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),e&&t("dso-info",{key:"ac9dac488d38956e91560ef24dc7c84333162acb",id:e&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",{key:"9df52add67145506fbd4458cba070b02d7c3219c"},t("slot",{key:"209dc3e4e986ac8544f0cf60378bb476aa015fee",name:"info"}))),t("slot",{key:"c6c979b1939b4bcb819b99605a486a363b8b319f",name:"options"}))}componentDidRender(){this.input&&"boolean"==typeof this.checked&&this.input.checked!==this.checked&&(this.input.checked=this.checked)}getIdentifier(){return this.identifier??this.fallbackIdentifier}get host(){return l(this)}static get watchers(){return{indeterminate:[{setIndeterminate:0}]}}};p.style='.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}';export{d as dso_info,r as dso_info_button,p as dso_selectable}

package/dist/dso-toolkit/{p-7da56abf.entry.js → p-6a6a38e6.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,h as i,g as s}from"./p-CieBNbUH.js";function o(e){if(!e)return;const t=e.split("-");if(3===t.length&&"string"==typeof t[0]&&"string"==typeof t[1]&&"string"==typeof t[2]){const[e,i,s]=t,o=e.padStart(2,"0"),d=i.padStart(2,"0");return[s.padStart(4,"0"),d,o].join("-")}return e}const d=class{constructor(i){e(this,i),this.dsoDateChange=t(this,"dsoDateChange",7),this.dsoBlur=t(this,"dsoBlur",7),this.dsoKeyUp=t(this,"dsoKeyUp",7),this.dsoKeyDown=t(this,"dsoKeyDown",7),this.dsoFocus=t(this,"dsoFocus",7),this.name="dso-date",this.disabled=!1,this.required=!1,this.dsoAutofocus=!1,this.value="",this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoBlur.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoDateChange.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})}}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:(s=t,s?[s.getDate().toString(10).padStart(2,"0"),(s.getMonth()+1).toString(10).padStart(2,"0"),s.getFullYear().toString(10).padStart(4,"0")].join("-"):""),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t||void 0};var s}validityToError(e){return e.valueMissing?"required":e.rangeUnderflow?"min-range":e.rangeOverflow?"max-range":e.valid?void 0:"invalid"}render(){return i("input",{key:"f41dd14bff4e5634076e2c032df824f0ca9f7f83",type:"date",id:this.identifier,class:"dso-date__input",value:o(this.value),name:this.name,min:o(this.min),max:o(this.max),disabled:this.disabled||void 0,required:this.required||void 0,"aria-autocomplete":"none","aria-invalid":this.invalid?.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus||void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return s(this)}};d.style=".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;inline-size:100%;block-size:calc(16px + 1.5rem);padding-block:6px;padding-inline:14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:calc(16px + 1.5rem)}.dso-date__input[size].sc-dso-date-picker{inline-size:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}";export{d as dso_date_picker}
+import{r as e,d as t,h as i,g as s}from"./p-CieBNbUH.js";function o(e){if(!e)return;const t=e.split("-");if(3===t.length&&"string"==typeof t[0]&&"string"==typeof t[1]&&"string"==typeof t[2]){const[e,i,s]=t,o=e.padStart(2,"0"),d=i.padStart(2,"0");return[s.padStart(4,"0"),d,o].join("-")}return e}const d=class{constructor(i){e(this,i),this.dsoDateChange=t(this,"dsoDateChange",7),this.dsoBlur=t(this,"dsoBlur",7),this.dsoKeyUp=t(this,"dsoKeyUp",7),this.dsoKeyDown=t(this,"dsoKeyDown",7),this.dsoFocus=t(this,"dsoFocus",7),this.name="dso-date",this.disabled=!1,this.required=!1,this.dsoAutofocus=!1,this.value="",this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoBlur.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoDateChange.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})}}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:(s=t,s?[s.getDate().toString(10).padStart(2,"0"),(s.getMonth()+1).toString(10).padStart(2,"0"),s.getFullYear().toString(10).padStart(4,"0")].join("-"):""),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t||void 0};var s}validityToError(e){return e.valueMissing?"required":e.rangeUnderflow?"min-range":e.rangeOverflow?"max-range":e.valid?void 0:"invalid"}render(){return i("input",{key:"181c385766ca51b1e53cc0d086bb9283c45446a6",type:"date",id:this.identifier,class:"dso-date__input",value:o(this.value),name:this.name,min:o(this.min),max:o(this.max),disabled:this.disabled||void 0,required:this.required||void 0,"aria-autocomplete":"none","aria-invalid":this.invalid?.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus||void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return s(this)}};d.style=".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;inline-size:100%;block-size:calc(16px + 1.5rem);padding-block:6px;padding-inline:14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:calc(16px + 1.5rem)}.dso-date__input[size].sc-dso-date-picker{inline-size:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}";export{d as dso_date_picker}

package/dist/dso-toolkit/{p-0fb56b07.entry.js → p-6ba25c12.entry.js}

@@ -1 +1 @@
-import{r as e,f as s,h as t,a,g as i}from"./p-CieBNbUH.js";const r=class{constructor(s){e(this,s),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}}}get enabledTabs(){return Array.from(this.host.querySelectorAll(":scope > dso-tab")).reduce(((e,s)=>(s.disabled||e.push(s),e)),[])}get firstTab(){return this.enabledTabs[0]}get lastTab(){return this.enabledTabs[this.enabledTabs.length-1]}moveFocusToTab(e){e?._dsoFocus()}moveFocusToPreviousTab(e){const s=this.enabledTabs.findIndex((s=>s===e));this.moveFocusToTab(this.enabledTabs[s-1]??this.lastTab)}moveFocusToNextTab(e){const s=this.enabledTabs.findIndex((s=>s===e));this.moveFocusToTab(this.enabledTabs[s+1]??this.firstTab)}connectedCallback(){this.mutationObserver??(this.mutationObserver=new MutationObserver((()=>s(this.host)))),this.mutationObserver.observe(this.host,{childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return t(a,{key:"749bad8965a6a087b8c3b83dee2ff558d882fdc6"},t("div",{key:"c6c1637c8ab72fdfb213bae7bcab4bc1b4e095ad",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},t("slot",{key:"7e0ccca72411bda9e649ccaa22766382dfcdf339"})),t("div",{key:"99d5187c177e8c61ef5b3d9084679c58e6ce2cee",role:"tabpanel",tabindex:"0"},t("slot",{key:"72116bf16d9d89f409ddd4ba4ddff6a15233fb98",name:"panel"})))}get host(){return i(this)}};r.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}";export{r as dso_tabs}
+import{r as e,f as s,h as t,a,g as i}from"./p-CieBNbUH.js";const r=class{constructor(s){e(this,s),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}}}get enabledTabs(){return Array.from(this.host.querySelectorAll(":scope > dso-tab")).reduce(((e,s)=>(s.disabled||e.push(s),e)),[])}get firstTab(){return this.enabledTabs[0]}get lastTab(){return this.enabledTabs[this.enabledTabs.length-1]}moveFocusToTab(e){e?._dsoFocus()}moveFocusToPreviousTab(e){const s=this.enabledTabs.findIndex((s=>s===e));this.moveFocusToTab(this.enabledTabs[s-1]??this.lastTab)}moveFocusToNextTab(e){const s=this.enabledTabs.findIndex((s=>s===e));this.moveFocusToTab(this.enabledTabs[s+1]??this.firstTab)}connectedCallback(){this.mutationObserver??(this.mutationObserver=new MutationObserver((()=>s(this.host)))),this.mutationObserver.observe(this.host,{childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return t(a,{key:"88c28ae388d2276dec5e4b8c92066a005604d5b5"},t("div",{key:"cee7d902fb455fadd0c4588cf5a6133466ec89ed",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},t("slot",{key:"a9893f2c16e194318a589a379dbcd23b450bda17"})),t("div",{key:"66cfff257290a44c064fc4011f8101fc4ab0b918",role:"tabpanel",tabindex:"0"},t("slot",{key:"52f5be68fcb6b98b5c8831e81522faa4733a3501",name:"panel"})))}get host(){return i(this)}};r.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}";export{r as dso_tabs}

package/dist/dso-toolkit/p-768794e0.entry.js

@@ -0,0 +1 @@
+import{r as e,d as t,f as a,h as n,g as o}from"./p-CieBNbUH.js";import{i as d}from"./p-Hgv-pDpy.js";const i=class{constructor(a){e(this,a),this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>a(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)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']")}get labelsSlottedElement(){return this.host.querySelector("[slot='labels']")}render(){return n("div",{key:"e6674c35c42f2a3cc8f676629a286b86cb1f3a74",class:"dso-document-card-container"},n("div",{key:"9b7ad2d6f3322730273d58da4a6b9ae0def142e5",class:"dso-document-card-heading"},n("a",{key:"9feab84beb061e0319bcbb1de7189941453936e0",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},n("span",{key:"cce85a9f8123be2cd56201fe7075c8a97e1c79ff",class:"icon-container"},n("dso-icon",{key:"b40a8c6b18f89faf65af0a0b948790d508dbb880",icon:"chevron-right"}),n("slot",{key:"85c2d009d0186509269d48aa09d2ca91d9bb7565",name:"heading"})))),n("div",{key:"de7658904c9a7edccbd36929d6dde671e9e3ceb0",class:"dso-document-card-type"},n("slot",{key:"3db3fde661962548bdb17e61261abd2ee2f396e0",name:"type"})),n("div",{key:"ef8420e2f8a1aad65a91928b8e32acbbbe10b1f4",class:"dso-document-card-status"},null!==this.metaSlottedElement&&n("slot",{key:"e76b3d46409a8802b55ba62e55c56a12e6de528a",name:"meta"}),n("slot",{key:"27557527b596bca2227289345975e0ab2c54a496",name:"status"}),null!==this.interactionsSlottedElement&&n("slot",{key:"a89235cb3ef76a3aa49f3d575d9016cdcc02e74a",name:"interactions"})),null!==this.labelsSlottedElement&&n("div",{key:"2b49e7e3ef6bd4c2e1adab954c470e9e958a6d66",class:"dso-document-card-labels"},n("slot",{key:"3ea9405369563511d852abc07d41a673f2ae3a70",name:"labels"})))}get host(){return o(this)}};i.style="*,*::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]){--_dso-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,.dso-document-card-status+.dso-document-card-labels{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}::slotted([slot=labels]){margin-block-end:0 !important}";export{i as dso_document_card}

package/dist/dso-toolkit/{p-1e8bcf32.entry.js → p-79af2ba3.entry.js}

@@ -1 +1 @@
-import{r as e,d as i,h as o}from"./p-CieBNbUH.js";const n=class{constructor(o){e(this,o),this.dsoInput=i(this,"dsoInput",3),this.dsoNext=i(this,"dsoNext",3),this.dsoPrevious=i(this,"dsoPrevious",3),this.dsoClear=i(this,"dsoClear",3),this.label="Zoeken in document",this.handleInput=e=>{e.target instanceof HTMLInputElement&&this.dsoInput.emit({originalEvent:e,value:e.target.value})},this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})},this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})},this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})},this.handleKeyDown=e=>{"Enter"===e.key&&this.handleNext(e)}}async dsoFocus(e={}){this.inputElement?.focus(),e.select&&this.inputElement?.select()}render(){const e=this.current||0,i=this.totalCount||0;return o("div",{key:"18c8e48e43c5380f453977fd1ee1dfda6467afff",class:"dso-mark-bar"},o("div",{key:"30be69b4dbb0f9a6a200014f1907c342cfe0ccfd",class:"dso-mark-bar-input"},o("input",{key:"cc79476633ff3378179988e34098aad73044c6e9",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),o("label",{key:"0c3b963b841fff1fbd445554fd84857a780911e5",htmlFor:"search-input"},o("dso-icon",{key:"49bc0ec253cd216421d6990a7ff48302a2b082e4",class:"dso-search-icon",icon:"search"}),o("span",{key:"f037a8170982e0a7e998b0c684e6d7475aa9d684",class:"label-text"},this.label)),o("dso-icon-button",{key:"638592145d5c94982e0873963984da998ebb33d2",icon:"cross",variant:"tertiary",label:"Zoekopdracht legen",onDsoClick:e=>this.handleClear(e.detail.originalEvent)})),o("div",{key:"d54c39f6a81f204b693cc0ab4ae6450b7583316d",class:"dso-button-container"},o("span",{key:"ab388a8cad54c853a92e9517156d7ef98c70e971",class:"divider"}),o("dso-icon-button",{key:"ec5f2858c09e3ce850c70b8478640345f261c643",icon:"chevron-up",variant:"tertiary",label:`Vorig zoekresultaat ${e-1}/${i}`,onDsoClick:e=>this.handlePrevious(e.detail.originalEvent),disabled:e<=1}),o("span",{key:"c1af5aa0ac6e9e0eea16ba3eb05842ff607770ba",role:"status"},e,"/",i),o("dso-icon-button",{key:"253b2b27435a5f13f0d08937472e8c357945db5c",icon:"chevron-down",variant:"tertiary",label:`Volgend zoekresultaat ${e+1}/${i}`,onDsoClick:e=>this.handleNext(e.detail.originalEvent),disabled:e>=i})))}};n.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";export{n as dso_mark_bar}
+import{r as e,d as i,h as o}from"./p-CieBNbUH.js";const n=class{constructor(o){e(this,o),this.dsoInput=i(this,"dsoInput",3),this.dsoNext=i(this,"dsoNext",3),this.dsoPrevious=i(this,"dsoPrevious",3),this.dsoClear=i(this,"dsoClear",3),this.label="Zoeken in document",this.handleInput=e=>{e.target instanceof HTMLInputElement&&this.dsoInput.emit({originalEvent:e,value:e.target.value})},this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})},this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})},this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})},this.handleKeyDown=e=>{"Enter"===e.key&&this.handleNext(e)}}async dsoFocus(e={}){this.inputElement?.focus(),e.select&&this.inputElement?.select()}render(){const e=this.current||0,i=this.totalCount||0;return o("div",{key:"d0403d770c0c696d43e7a2525c1328857cb09148",class:"dso-mark-bar"},o("div",{key:"9908a940c4e0a09819424af36d02c5b5186d07e9",class:"dso-mark-bar-input"},o("input",{key:"1bc8bc4607753482a47ad4e324416f417de9ca88",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),o("label",{key:"b10cff666d1c34d7f7de34db686d79bb341b3bf4",htmlFor:"search-input"},o("dso-icon",{key:"6aa4f5dee79e3233611880ef559140bc5459e84a",class:"dso-search-icon",icon:"search"}),o("span",{key:"e422f197d16febb56eefdf14b65751d1552963bd",class:"label-text"},this.label)),o("dso-icon-button",{key:"0132cbda8ea2e38c3022df1e141d42eedc49ee2a",icon:"cross",variant:"tertiary",label:"Zoekopdracht legen",onDsoClick:e=>this.handleClear(e.detail.originalEvent)})),o("div",{key:"04c24df32c474fa74f85b007364c26951e92a5bb",class:"dso-button-container"},o("span",{key:"1ae811e96af1d04497fe3705ea2f96b712586628",class:"divider"}),o("dso-icon-button",{key:"43b2fd7c5a78b4a999db049c412193e871b01714",icon:"chevron-up",variant:"tertiary",label:`Vorig zoekresultaat ${e-1}/${i}`,onDsoClick:e=>this.handlePrevious(e.detail.originalEvent),disabled:e<=1}),o("span",{key:"5fab96df21cf08c618787e446251744a37cc0910",role:"status"},e,"/",i),o("dso-icon-button",{key:"71931ffd8584c8d1fc8faf4193c4c02bbd832b2f",icon:"chevron-down",variant:"tertiary",label:`Volgend zoekresultaat ${e+1}/${i}`,onDsoClick:e=>this.handleNext(e.detail.originalEvent),disabled:e>=i})))}};n.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";export{n as dso_mark_bar}

package/dist/dso-toolkit/{p-9fea3ebf.entry.js → p-7cea7c6f.entry.js}

@@ -1 +1 @@
-import{r as t,h as o}from"./p-CieBNbUH.js";const i=class{constructor(o){t(this,o)}render(){return o("div",{key:"375dbed73d8f02ad62b5b84aecc05e26ff46d8cc",class:"dso-contact-information"},o("slot",{key:"847f95d644ef15186aaab9daf486cc71eda87c41",name:"heading"}),o("slot",{key:"c7a73ccd61825a610478115cfec9b50ef192bcba",name:"anchor-items"}),o("slot",{key:"ab039fea18a91acdb778ed9e6cdfc4cbf545d623",name:"info-items"}))}};i.style=":host{--_dso-link-icon-visibility:none;--_dso-link-icon-padding-inline-start:0;--_dso-link-icon-padding-inline-end:0;display:block}*,*::after,*::before{box-sizing:border-box}::slotted([slot=anchor-items]),::slotted([slot=info-items]){display:flex !important;flex-wrap:wrap !important;gap:16px 24px !important;padding-inline-start:0 !important;list-style:none !important}@media screen and (max-width: 991px){::slotted([slot=anchor-items]),::slotted([slot=info-items]){flex-direction:column !important;gap:16px !important}}::slotted([slot=info-items]){margin-block-end:0 !important}::slotted([slot=heading]){margin-block:0 16px !important;font-size:1rem !important}";export{i as dso_contact_information}
+import{r as t,h as o}from"./p-CieBNbUH.js";const i=class{constructor(o){t(this,o)}render(){return o("div",{key:"0745ce0fe81c6087b6d42904bf45865d12e42a88",class:"dso-contact-information"},o("slot",{key:"a97cd70246f1ee43c6b2f8f2e73b90719765fdc3",name:"heading"}),o("slot",{key:"bebe2ba23a7a36685196e90028c1bf9dd97970a3",name:"anchor-items"}),o("slot",{key:"20f3eca7864ca85d136588ab7b237611e068acb3",name:"info-items"}))}};i.style=":host{--_dso-link-icon-visibility:none;--_dso-link-icon-padding-inline-start:0;--_dso-link-icon-padding-inline-end:0;display:block}*,*::after,*::before{box-sizing:border-box}::slotted([slot=anchor-items]),::slotted([slot=info-items]){display:flex !important;flex-wrap:wrap !important;gap:16px 24px !important;padding-inline-start:0 !important;list-style:none !important}@media screen and (max-width: 991px){::slotted([slot=anchor-items]),::slotted([slot=info-items]){flex-direction:column !important;gap:16px !important}}::slotted([slot=info-items]){margin-block-end:0 !important}::slotted([slot=heading]){margin-block:0 16px !important;font-size:1rem !important}";export{i as dso_contact_information}