@dso-toolkit/core 55.0.0 → 56.0.0

package/dist/dso-toolkit/{p-ef23bffb.entry.js → p-b627d9ac.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as t,F as e}from"./p-26cdce1c.js";import{c as o}from"./p-91963e3d.js";import"./p-5950644a.js";const r=":host {\n  display: block;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.wrapper {\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n}\n.wrapper.visible {\n  visibility: visible;\n}\n\n.dimscreen {\n  background-color: #000;\n  height: 100%;\n  opacity: 0.4;\n  width: 100%;\n}\n\n.open-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  bottom: 16px;\n  font-family: Asap, sans-serif;\n  position: fixed;\n  right: 16px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.open-button:focus, .open-button:focus-visible {\n  outline-offset: 2px;\n}\n.open-button:active {\n  outline: 0;\n}\n.open-button:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open-button:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\n.open-button[disabled], .open-button[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\n.open-button.btn-sm {\n  line-height: 1rem;\n}\n.open-button.btn-sm dso-icon,\n.open-button.btn-sm svg.di, .open-button.btn-sm.extern::after, .open-button.btn-sm.download::after, .open-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open-button dso-icon,\n.open-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.open-button span + dso-icon,\n.open-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.open-button.dso-spinner-left[disabled], .open-button.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open-button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open-button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open-button:hover {\n  cursor: pointer;\n}\n.open-button.open {\n  display: none;\n}\n\n.close-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border-right: 0;\n  border-top: 0;\n  border-radius: 0 0 0 8px;\n  height: 40px;\n  min-width: 40px;\n  padding: 0;\n  position: fixed;\n  right: 0;\n  width: 40px;\n  top: 0;\n}\n.close-button:focus, .close-button:focus-visible {\n  outline-offset: 2px;\n}\n.close-button:active {\n  outline: 0;\n}\n.close-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close-button[disabled], .close-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close-button.btn-sm {\n  line-height: 1rem;\n}\n.close-button.btn-sm dso-icon,\n.close-button.btn-sm svg.di, .close-button.btn-sm.extern::after, .close-button.btn-sm.download::after, .close-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon,\n.close-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.close-button span + dso-icon,\n.close-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.close-button.dso-spinner-left[disabled], .close-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close-button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon {\n  margin-left: 0;\n  margin-right: 0;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.close-button:hover, .close-button:active, .close-button:focus {\n  cursor: pointer;\n}\n.close-button.close {\n  display: none;\n}\n\n.iframe-container {\n  background-color: #fff;\n  border: 0;\n  border-left: 1px solid #ccc;\n  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  transition: right 0.5s;\n}\n@media screen and (max-width: 480px) {\n  .iframe-container {\n    right: -320px;\n    width: 320px;\n  }\n}\n@media screen and (min-width: 481px) and (max-width: 767px) {\n  .iframe-container {\n    right: -480px;\n    width: 480px;\n  }\n}\n@media screen and (min-width: 768px) {\n  .iframe-container {\n    right: -640px;\n    width: 640px;\n  }\n}\n.iframe-container.open {\n  right: 0;\n}\n\niframe {\n  border: 0;\n  height: 100%;\n  width: 100%;\n}";const s=500;const i=class{constructor(t){n(this,t);this.iframeLoaded=false;this.openClick=()=>{this.visibility="visible";this.slideState="open";setTimeout((()=>{this.isOpen="open"}));if(!this.loadIframe){setTimeout((()=>{this.loadIframe=true}),s)}};this.closeClick=()=>{this.isOpen="close";this.slideState="close";setTimeout((()=>{this.visibility="hidden"}),s)};this.label="Hulp nodig";this.url=undefined;this.visibility="hidden";this.isOpen="close";this.slideState="close";this.loadIframe=false}watchUrl(n){if(this.isOpen==="open"&&this.iframeUrl!==n){this.iframeUrl=n}}watchIsOpen(n){const t=document.querySelector("body");if(n==="open"){t===null||t===void 0?void 0:t.style.setProperty("overflow","hidden");if(this.iframeUrl!==this.url){this.iframeUrl=this.url}}else{t===null||t===void 0?void 0:t.style.removeProperty("overflow")}}keyDownListener(n){if(n.key==="Escape"&&this.isOpen==="open"){this.closeClick()}}createTrap(){var n,t;if(!this.panelWrapperElement){return}this.trap=o(this.panelWrapperElement,{allowOutsideClick:true,tabbableOptions:{getShadowRoot:true},setReturnFocus:(n=this.openButtonElement)!==null&&n!==void 0?n:false,initialFocus:(t=this.closeButtonElement)!==null&&t!==void 0?t:false}).activate()}componentDidRender(){var n;if(this.isOpen==="open"&&this.iframeLoaded&&!this.trap){this.createTrap()}else if(this.isOpen==="close"&&this.trap){(n=this.trap)===null||n===void 0?void 0:n.deactivate();delete this.trap}}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":this.isOpen==="open"?"true":"false","aria-haspopup":"dialog","aria-controls":"dso-panel-wrapper",ref:n=>this.openButtonElement=n},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{id:"dso-panel-wrapper",class:`wrapper ${this.visibility}`,"aria-label":"helpcentrum",role:"dialog",ref:n=>this.panelWrapperElement=n},t("div",{class:"dimscreen",onClick:this.closeClick}),t("div",{class:`iframe-container ${this.slideState}`,"aria-live":"polite"},this.loadIframe?t("iframe",{src:this.iframeUrl,tabindex:"0",onLoad:()=>{this.createTrap();this.iframeLoaded=true}}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":this.isOpen==="open"?"true":"false","aria-controls":"dso-panel-wrapper",ref:n=>this.closeButtonElement=n},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"sluiten"))))}static get watchers(){return{url:["watchUrl"],isOpen:["watchIsOpen"]}}};i.style=r;export{i as dso_helpcenter_panel};
-//# sourceMappingURL=p-ef23bffb.entry.js.map
+import{r as n,h as t,F as e}from"./p-ce928197.js";import{c as o}from"./p-91963e3d.js";import"./p-5950644a.js";const r=":host {\n  display: block;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.wrapper {\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n}\n.wrapper.visible {\n  visibility: visible;\n}\n\n.dimscreen {\n  background-color: #000;\n  height: 100%;\n  opacity: 0.4;\n  width: 100%;\n}\n\n.open-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  bottom: 16px;\n  font-family: Asap, sans-serif;\n  position: fixed;\n  right: 16px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.open-button:focus, .open-button:focus-visible {\n  outline-offset: 2px;\n}\n.open-button:active {\n  outline: 0;\n}\n.open-button:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open-button:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\n.open-button[disabled], .open-button[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\n.open-button.btn-sm {\n  line-height: 1rem;\n}\n.open-button.btn-sm dso-icon,\n.open-button.btn-sm svg.di, .open-button.btn-sm.extern::after, .open-button.btn-sm.download::after, .open-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open-button dso-icon,\n.open-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.open-button span + dso-icon,\n.open-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.open-button.dso-spinner-left[disabled], .open-button.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open-button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open-button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open-button:hover {\n  cursor: pointer;\n}\n.open-button.open {\n  display: none;\n}\n\n.close-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border-right: 0;\n  border-top: 0;\n  border-radius: 0 0 0 8px;\n  height: 40px;\n  min-width: 40px;\n  padding: 0;\n  position: fixed;\n  right: 0;\n  width: 40px;\n  top: 0;\n}\n.close-button:focus, .close-button:focus-visible {\n  outline-offset: 2px;\n}\n.close-button:active {\n  outline: 0;\n}\n.close-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close-button[disabled], .close-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close-button.btn-sm {\n  line-height: 1rem;\n}\n.close-button.btn-sm dso-icon,\n.close-button.btn-sm svg.di, .close-button.btn-sm.extern::after, .close-button.btn-sm.download::after, .close-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon,\n.close-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.close-button span + dso-icon,\n.close-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.close-button.dso-spinner-left[disabled], .close-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close-button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon {\n  margin-left: 0;\n  margin-right: 0;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.close-button:hover, .close-button:active, .close-button:focus {\n  cursor: pointer;\n}\n.close-button.close {\n  display: none;\n}\n\n.iframe-container {\n  background-color: #fff;\n  border: 0;\n  border-left: 1px solid #ccc;\n  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  transition: right 0.5s;\n}\n@media screen and (max-width: 480px) {\n  .iframe-container {\n    right: -320px;\n    width: 320px;\n  }\n}\n@media screen and (min-width: 481px) and (max-width: 767px) {\n  .iframe-container {\n    right: -480px;\n    width: 480px;\n  }\n}\n@media screen and (min-width: 768px) {\n  .iframe-container {\n    right: -640px;\n    width: 640px;\n  }\n}\n.iframe-container.open {\n  right: 0;\n}\n\niframe {\n  border: 0;\n  height: 100%;\n  width: 100%;\n}";const s=500;const i=class{constructor(t){n(this,t);this.iframeLoaded=false;this.openClick=()=>{this.visibility="visible";this.slideState="open";setTimeout((()=>{this.isOpen="open"}));if(!this.loadIframe){setTimeout((()=>{this.loadIframe=true}),s)}};this.closeClick=()=>{this.isOpen="close";this.slideState="close";setTimeout((()=>{this.visibility="hidden"}),s)};this.label="Hulp nodig";this.url=undefined;this.visibility="hidden";this.isOpen="close";this.slideState="close";this.loadIframe=false}watchUrl(n){if(this.isOpen==="open"&&this.iframeUrl!==n){this.iframeUrl=n}}watchIsOpen(n){const t=document.querySelector("body");if(n==="open"){t===null||t===void 0?void 0:t.style.setProperty("overflow","hidden");if(this.iframeUrl!==this.url){this.iframeUrl=this.url}}else{t===null||t===void 0?void 0:t.style.removeProperty("overflow")}}keyDownListener(n){if(n.key==="Escape"&&this.isOpen==="open"){this.closeClick()}}createTrap(){var n,t;if(!this.panelWrapperElement){return}this.trap=o(this.panelWrapperElement,{allowOutsideClick:true,tabbableOptions:{getShadowRoot:true},setReturnFocus:(n=this.openButtonElement)!==null&&n!==void 0?n:false,initialFocus:(t=this.closeButtonElement)!==null&&t!==void 0?t:false}).activate()}componentDidRender(){var n;if(this.isOpen==="open"&&this.iframeLoaded&&!this.trap){this.createTrap()}else if(this.isOpen==="close"&&this.trap){(n=this.trap)===null||n===void 0?void 0:n.deactivate();delete this.trap}}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":this.isOpen==="open"?"true":"false","aria-haspopup":"dialog","aria-controls":"dso-panel-wrapper",ref:n=>this.openButtonElement=n},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{id:"dso-panel-wrapper",class:`wrapper ${this.visibility}`,"aria-label":"helpcentrum",role:"dialog",ref:n=>this.panelWrapperElement=n},t("div",{class:"dimscreen",onClick:this.closeClick}),t("div",{class:`iframe-container ${this.slideState}`,"aria-live":"polite"},this.loadIframe?t("iframe",{src:this.iframeUrl,tabindex:"0",onLoad:()=>{this.createTrap();this.iframeLoaded=true}}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":this.isOpen==="open"?"true":"false","aria-controls":"dso-panel-wrapper",ref:n=>this.closeButtonElement=n},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"sluiten"))))}static get watchers(){return{url:["watchUrl"],isOpen:["watchIsOpen"]}}};i.style=r;export{i as dso_helpcenter_panel};
+//# sourceMappingURL=p-b627d9ac.entry.js.map

package/dist/dso-toolkit/{p-9d64a2f4.entry.js → p-b67631ef.entry.js}

@@ -1,2 +1,2 @@
-import{h as e,F as t,r as o,c as i}from"./p-26cdce1c.js";import{c as n}from"./p-6a1980b4.js";const r=({owner:o,ancestors:i,item:s,index:a,level:l,setSize:c})=>{var d,h,p,u;return e("li",{key:s.id,class:n("tree-item",{"has-child":s.hasItems,"is-expanded":!!s.open&&!!((d=s.items)===null||d===void 0?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},s.hasItems?e("div",{onClick:e=>o.itemClick(e,i,s)},e("dso-icon",{icon:s.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:n("tree-content",{active:s.active},{selected:s.selected}),tabindex:l===1&&a===0?0:-1,role:"treeitem","aria-expanded":s.hasItems?""+(!!s.open&&!!((h=s.items)===null||h===void 0?void 0:h.length)):undefined,"aria-current":s.active?"true":undefined,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":s.loading?"true":undefined,"data-item-id":s.id,onClick:e=>o.itemClick(e,i,s)},s.selected&&e("span",{class:"sr-only"},"Resultaat: "),s.href?e("a",{href:s.href,tabindex:"-1"},s.label):e("span",null,s.label),(p=s.icons)===null||p===void 0?void 0:p.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),s.open&&e(t,null,s.hasItems&&!s.items&&s.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},(u=s.items)===null||u===void 0?void 0:u.map(((t,n,a)=>e(r,{owner:o,ancestors:[...i,s],item:t,index:n,level:l+1,setSize:a.length}))))))};const s=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-left:0}:host ul[role=group]::before{border-left:1px solid #275937;content:"";height:8px;left:44px;position:absolute;top:0;width:0}:host li:not(.has-child)::before{border-top:1px solid #275937;content:"";height:0;left:12px;position:absolute;top:20px;width:16px}:host li:not(.has-child)::after{border-left:1px solid #275937;content:"";height:100%;left:12px;position:absolute;top:8px;width:0}:host li:not(.has-child):last-child::after{height:20px;top:0}:host li.has-child::before{border-top:1px solid #275937;content:"";height:0;left:24px;position:absolute;top:20px;width:4px}:host li.has-child:not(:last-child)::after{border-left:1px solid #275937;content:"";height:calc(100% - 24px);left:12px;position:absolute;top:32px;width:0}:host li.has-child.is-expanded:last-child::after{border-left:1px solid #275937;content:"";height:calc(100% - 32px);left:12px;position:absolute;top:32px;width:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin:8px 8px 8px 0;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0;max-width:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;margin-left:0.5em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const a=class{constructor(e){o(this,e);this.dsoOpenItem=i(this,"dsoOpenItem",7);this.dsoCloseItem=i(this,"dsoCloseItem",7);this.dsoClickItem=i(this,"dsoClickItem",7);this.keyDownListener=e=>{if(e.defaultPrevented){return}const t=e=>e.length===1&&e.match(/\S/);const o=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(e.target instanceof HTMLParagraphElement)||!(o instanceof HTMLElement)){return}switch(e.key){case"ArrowDown":a.moveFocus(o,e.target,"next");break;case"ArrowUp":a.moveFocus(o,e.target,"previous");break;case"ArrowRight":a.expandItemOrFocusChild(o,e.target);break;case"ArrowLeft":a.collapseItemOrFocusParent(o,e.target);break;case"End":a.moveFocus(o,e.target,"last");break;case"Home":a.moveFocus(o,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(t(e.key)){if(a.setFocusByFirstCharacter(o,e.target,e.key,e.shiftKey)){break}}return}e.preventDefault()};this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement)){return}const i=e.target.closest(".tree-content");if(i){const n=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(i instanceof HTMLParagraphElement)||!(n instanceof HTMLElement)){return}a.setFocus(n,i);this.dsoClickItem.emit({path:[...t,o],originalEvent:e});return}if(o.open){this.dsoCloseItem.emit([...t,o])}else{this.dsoOpenItem.emit([...t,o])}};this.collection=undefined}async focusItem(e){var t;const o=this.tree;if(!o||e.length===0){return false}const i=e[e.length-1];if(!i){throw new Error("No itemToFocus found")}const n=Array.from((t=o.querySelectorAll("p"))!==null&&t!==void 0?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset["itemId"]===i.id));if(!n){return false}a.setFocus(o,n);return true}static setFocus(e,t){if(t){Array.from(e.querySelectorAll("p")).filter((e=>e.tabIndex===0)).forEach((e=>e.tabIndex=-1));t.tabIndex=0;t.focus()}}static moveFocus(e,t,o){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let n=0;switch(o){case"first":n=0;break;case"previous":n=i.indexOf(t)-1;break;case"next":n=i.indexOf(t)+1;break;case"last":n=i.length-1;break}const r=i[n];if(!r){throw new Error("No focusableItem found")}a.setFocus(e,r)}static expandItemOrFocusChild(e,t){var o;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){a.moveFocus(e,t,"next")}else{const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}}static collapseItemOrFocusParent(e,t){var o,i,n;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}else{const o=(n=(i=t===null||t===void 0?void 0:t.parentElement)===null||i===void 0?void 0:i.parentElement)===null||n===void 0?void 0:n.previousElementSibling;if(o instanceof HTMLElement){a.setFocus(e,o)}}}static setFocusByFirstCharacter(e,t,o,i){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));if(i){n.reverse()}const r=n.indexOf(t);o=o.toLowerCase();let s=n.find(((e,t)=>{var i;return t>r&&((i=e.textContent)===null||i===void 0?void 0:i.toLowerCase().startsWith(o))}));if(!s){s=n.find(((e,t)=>{var i;return t<r&&((i=e.textContent)===null||i===void 0?void 0:i.toLowerCase().startsWith(o))}))}if(s){a.setFocus(e,s);return true}return false}render(){var t;return e("div",{id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{role:"tree","aria-label":"Objectenboom"},(t=this.collection)===null||t===void 0?void 0:t.map(((t,o)=>e(r,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};a.style=s;export{a as dso_tree_view};
-//# sourceMappingURL=p-9d64a2f4.entry.js.map
+import{h as e,F as t,r as o,c as i}from"./p-ce928197.js";import{c as n}from"./p-6a1980b4.js";const r=({owner:o,ancestors:i,item:s,index:a,level:l,setSize:c})=>{var d,h,p,u;return e("li",{key:s.id,class:n("tree-item",{"has-child":s.hasItems,"is-expanded":!!s.open&&!!((d=s.items)===null||d===void 0?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},s.hasItems?e("div",{onClick:e=>o.itemClick(e,i,s)},e("dso-icon",{icon:s.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:n("tree-content",{active:s.active},{selected:s.selected}),tabindex:l===1&&a===0?0:-1,role:"treeitem","aria-expanded":s.hasItems?""+(!!s.open&&!!((h=s.items)===null||h===void 0?void 0:h.length)):undefined,"aria-current":s.active?"true":undefined,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":s.loading?"true":undefined,"data-item-id":s.id,onClick:e=>o.itemClick(e,i,s)},s.selected&&e("span",{class:"sr-only"},"Resultaat: "),s.href?e("a",{href:s.href,tabindex:"-1"},s.label):e("span",null,s.label),(p=s.icons)===null||p===void 0?void 0:p.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),s.open&&e(t,null,s.hasItems&&!s.items&&s.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},(u=s.items)===null||u===void 0?void 0:u.map(((t,n,a)=>e(r,{owner:o,ancestors:[...i,s],item:t,index:n,level:l+1,setSize:a.length}))))))};const s=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-left:0}:host ul[role=group]::before{border-left:1px solid #275937;content:"";height:8px;left:44px;position:absolute;top:0;width:0}:host li:not(.has-child)::before{border-top:1px solid #275937;content:"";height:0;left:12px;position:absolute;top:20px;width:16px}:host li:not(.has-child)::after{border-left:1px solid #275937;content:"";height:100%;left:12px;position:absolute;top:8px;width:0}:host li:not(.has-child):last-child::after{height:20px;top:0}:host li.has-child::before{border-top:1px solid #275937;content:"";height:0;left:24px;position:absolute;top:20px;width:4px}:host li.has-child:not(:last-child)::after{border-left:1px solid #275937;content:"";height:calc(100% - 24px);left:12px;position:absolute;top:32px;width:0}:host li.has-child.is-expanded:last-child::after{border-left:1px solid #275937;content:"";height:calc(100% - 32px);left:12px;position:absolute;top:32px;width:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin:8px 8px 8px 0;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0;max-width:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;margin-left:0.5em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const a=class{constructor(e){o(this,e);this.dsoOpenItem=i(this,"dsoOpenItem",7);this.dsoCloseItem=i(this,"dsoCloseItem",7);this.dsoClickItem=i(this,"dsoClickItem",7);this.keyDownListener=e=>{if(e.defaultPrevented){return}const t=e=>e.length===1&&e.match(/\S/);const o=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(e.target instanceof HTMLParagraphElement)||!(o instanceof HTMLElement)){return}switch(e.key){case"ArrowDown":a.moveFocus(o,e.target,"next");break;case"ArrowUp":a.moveFocus(o,e.target,"previous");break;case"ArrowRight":a.expandItemOrFocusChild(o,e.target);break;case"ArrowLeft":a.collapseItemOrFocusParent(o,e.target);break;case"End":a.moveFocus(o,e.target,"last");break;case"Home":a.moveFocus(o,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(t(e.key)){if(a.setFocusByFirstCharacter(o,e.target,e.key,e.shiftKey)){break}}return}e.preventDefault()};this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement)){return}const i=e.target.closest(".tree-content");if(i){const n=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(i instanceof HTMLParagraphElement)||!(n instanceof HTMLElement)){return}a.setFocus(n,i);this.dsoClickItem.emit({path:[...t,o],originalEvent:e});return}if(o.open){this.dsoCloseItem.emit([...t,o])}else{this.dsoOpenItem.emit([...t,o])}};this.collection=undefined}async focusItem(e){var t;const o=this.tree;if(!o||e.length===0){return false}const i=e[e.length-1];if(!i){throw new Error("No itemToFocus found")}const n=Array.from((t=o.querySelectorAll("p"))!==null&&t!==void 0?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset["itemId"]===i.id));if(!n){return false}a.setFocus(o,n);return true}static setFocus(e,t){if(t){Array.from(e.querySelectorAll("p")).filter((e=>e.tabIndex===0)).forEach((e=>e.tabIndex=-1));t.tabIndex=0;t.focus()}}static moveFocus(e,t,o){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let n=0;switch(o){case"first":n=0;break;case"previous":n=i.indexOf(t)-1;break;case"next":n=i.indexOf(t)+1;break;case"last":n=i.length-1;break}const r=i[n];if(!r){throw new Error("No focusableItem found")}a.setFocus(e,r)}static expandItemOrFocusChild(e,t){var o;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){a.moveFocus(e,t,"next")}else{const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}}static collapseItemOrFocusParent(e,t){var o,i,n;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}else{const o=(n=(i=t===null||t===void 0?void 0:t.parentElement)===null||i===void 0?void 0:i.parentElement)===null||n===void 0?void 0:n.previousElementSibling;if(o instanceof HTMLElement){a.setFocus(e,o)}}}static setFocusByFirstCharacter(e,t,o,i){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));if(i){n.reverse()}const r=n.indexOf(t);o=o.toLowerCase();let s=n.find(((e,t)=>{var i;return t>r&&((i=e.textContent)===null||i===void 0?void 0:i.toLowerCase().startsWith(o))}));if(!s){s=n.find(((e,t)=>{var i;return t<r&&((i=e.textContent)===null||i===void 0?void 0:i.toLowerCase().startsWith(o))}))}if(s){a.setFocus(e,s);return true}return false}render(){var t;return e("div",{id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{role:"tree","aria-label":"Objectenboom"},(t=this.collection)===null||t===void 0?void 0:t.map(((t,o)=>e(r,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};a.style=s;export{a as dso_tree_view};
+//# sourceMappingURL=p-b67631ef.entry.js.map

package/dist/dso-toolkit/{p-0653b5d2.entry.js → p-bcae3f55.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as r,g as s}from"./p-26cdce1c.js";import{c as i}from"./p-6a1980b4.js";import{d as e}from"./p-1805f5b0.js";const n=':host{display:block;height:100%;overflow-y:hidden}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{height:100%;max-height:inherit;min-height:inherit;position:relative}.dso-shadow-container .dso-scroll-container{height:100%;max-height:inherit;min-height:inherit;overflow-y:auto}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;height:24px;left:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;width:100%;pointer-events:none}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));top:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));bottom:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}';const a=new ResizeObserver(e((o=>o.forEach((o=>{var t;return(t=l(o))===null||t===void 0?void 0:t._setScrollState()}))),50));function l({target:o}){if(o.parentNode instanceof ShadowRoot&&c(o.parentNode.host)){return o.parentNode.host}if(o.parentElement&&c(o.parentElement)){return o.parentElement}return undefined}function c(o){return o.tagName==="DSO-SCROLLABLE"}const d=class{constructor(r){o(this,r);this.dsoScrollEnd=t(this,"dsoScrollEnd",7);this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{var t;const r=(t=o.parentElement)===null||t===void 0?void 0:t.closest("dso-scrollable");if(r!==this.host){return}this._setScrollState()}))));this.scrollPosition="noScroll"}async _setScrollState(){const o=this.getScrollPosition();if(this.scrollPosition!==o){this.scrollPosition=o;if(this.scrollPosition==="top"||this.scrollPosition==="bottom"){this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition})}}}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv){return"noScroll"}const{scrollHeight:o,clientHeight:t,scrollTop:r}=this.scrollContainerDiv;if(o<=t){return"noScroll"}if(r===0){return"top"}if(o-r-t<1){return"bottom"}if(r>0){return"middle"}return"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:true,attributes:false,childList:false,subtree:true});if(this.shadowContainerDiv instanceof HTMLDivElement){a.observe(this.shadowContainerDiv)}this.slottedElements.forEach((o=>a.observe(o)))}disconnectedCallback(){if(this.shadowContainerDiv instanceof HTMLDivElement){a.unobserve(this.shadowContainerDiv)}this.mutationObserver.disconnect();this.slottedElements.forEach((o=>a.unobserve(o)))}render(){return r("div",{ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},r("div",{ref:o=>this.scrollContainerDiv=o,class:i("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:this.scrollPosition!=="noScroll"}),onScroll:()=>this._setScrollState()},r("slot",null)))}get host(){return s(this)}};d.style=n;export{d as dso_scrollable};
-//# sourceMappingURL=p-0653b5d2.entry.js.map
+import{r as o,c as t,h as r,a as s}from"./p-ce928197.js";import{c as i}from"./p-6a1980b4.js";import{d as e}from"./p-1805f5b0.js";const n=':host{display:block;height:100%;overflow-y:hidden}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{height:100%;max-height:inherit;min-height:inherit;position:relative}.dso-shadow-container .dso-scroll-container{height:100%;max-height:inherit;min-height:inherit;overflow-y:auto}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;height:24px;left:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;width:100%;pointer-events:none}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));top:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));bottom:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}';const a=new ResizeObserver(e((o=>o.forEach((o=>{var t;return(t=l(o))===null||t===void 0?void 0:t._setScrollState()}))),50));function l({target:o}){if(o.parentNode instanceof ShadowRoot&&c(o.parentNode.host)){return o.parentNode.host}if(o.parentElement&&c(o.parentElement)){return o.parentElement}return undefined}function c(o){return o.tagName==="DSO-SCROLLABLE"}const d=class{constructor(r){o(this,r);this.dsoScrollEnd=t(this,"dsoScrollEnd",7);this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{var t;const r=(t=o.parentElement)===null||t===void 0?void 0:t.closest("dso-scrollable");if(r!==this.host){return}this._setScrollState()}))));this.scrollPosition="noScroll"}async _setScrollState(){const o=this.getScrollPosition();if(this.scrollPosition!==o){this.scrollPosition=o;if(this.scrollPosition==="top"||this.scrollPosition==="bottom"){this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition})}}}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv){return"noScroll"}const{scrollHeight:o,clientHeight:t,scrollTop:r}=this.scrollContainerDiv;if(o<=t){return"noScroll"}if(r===0){return"top"}if(o-r-t<1){return"bottom"}if(r>0){return"middle"}return"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:true,attributes:false,childList:false,subtree:true});if(this.shadowContainerDiv instanceof HTMLDivElement){a.observe(this.shadowContainerDiv)}this.slottedElements.forEach((o=>a.observe(o)))}disconnectedCallback(){if(this.shadowContainerDiv instanceof HTMLDivElement){a.unobserve(this.shadowContainerDiv)}this.mutationObserver.disconnect();this.slottedElements.forEach((o=>a.unobserve(o)))}render(){return r("div",{ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},r("div",{ref:o=>this.scrollContainerDiv=o,class:i("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:this.scrollPosition!=="noScroll"}),onScroll:()=>this._setScrollState()},r("slot",null)))}get host(){return s(this)}};d.style=n;export{d as dso_scrollable};
+//# sourceMappingURL=p-bcae3f55.entry.js.map

package/dist/dso-toolkit/{p-b1b53cb3.entry.js → p-bf203ab8.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as e,H as r}from"./p-26cdce1c.js";const t="*,*::after,*::before{box-sizing:border-box}.dso-progress-indicator-spinner{display:inline-block;margin:0;position:relative;vertical-align:middle}span.dso-progress-indicator-label{margin-left:16px;vertical-align:middle}:host([block]){align-items:center;display:flex;justify-content:center}:host([size=small]) .dso-progress-indicator-spinner,:host(:not([size=medium]):not([size=large])) .dso-progress-indicator-spinner{height:24px;width:24px}:host([size=small]):host([block]),:host(:not([size=medium]):not([size=large])):host([block]){padding:12px 16px}:host([size=medium]) .dso-progress-indicator-spinner{height:32px;width:32px}:host([size=medium]):host([block]){padding:16px}:host([size=large]) .dso-progress-indicator-spinner{height:48px;width:48px}:host([size=large]):host([block]){padding:24px 16px}";const i=class{constructor(e){s(this,e);this.label="Resultaten laden: een moment geduld alstublieft.";this.size=undefined;this.block=undefined}render(){return e(r,null,e("span",{class:"dso-progress-indicator-spinner",role:"progressbar","aria-labelledby":"progress-indicator-label"},e("svg",{class:"spinner",viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg"},e("style",null,`\n                .spinner { animation: rotator 8s linear infinite; transform-origin: center; }\n                @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n                .path { stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: #39870c; animation: dash 2s ease-in-out infinite; }\n                @keyframes dash { 0% { stroke-dashoffset: 265; } 50% { stroke-dashoffset: 65; transform:rotate(90deg); } 100% { stroke-dashoffset: 265; transform:rotate(360deg); }\n              `),e("circle",{class:"path",fill:"none","stroke-width":"10","stroke-linecap":"butt",cx:"50",cy:"50",r:"45"}))),e("span",{id:"progress-indicator-label",class:"dso-progress-indicator-label"},this.label))}};i.style=t;export{i as dso_progress_indicator};
-//# sourceMappingURL=p-b1b53cb3.entry.js.map
+import{r as s,h as e,H as r}from"./p-ce928197.js";const t="*,*::after,*::before{box-sizing:border-box}.dso-progress-indicator-spinner{display:inline-block;margin:0;position:relative;vertical-align:middle}span.dso-progress-indicator-label{margin-left:16px;vertical-align:middle}:host([block]){align-items:center;display:flex;justify-content:center}:host([size=small]) .dso-progress-indicator-spinner,:host(:not([size=medium]):not([size=large])) .dso-progress-indicator-spinner{height:24px;width:24px}:host([size=small]):host([block]),:host(:not([size=medium]):not([size=large])):host([block]){padding:12px 16px}:host([size=medium]) .dso-progress-indicator-spinner{height:32px;width:32px}:host([size=medium]):host([block]){padding:16px}:host([size=large]) .dso-progress-indicator-spinner{height:48px;width:48px}:host([size=large]):host([block]){padding:24px 16px}";const i=class{constructor(e){s(this,e);this.label="Resultaten laden: een moment geduld alstublieft.";this.size=undefined;this.block=undefined}render(){return e(r,null,e("span",{class:"dso-progress-indicator-spinner",role:"progressbar","aria-labelledby":"progress-indicator-label"},e("svg",{class:"spinner",viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg"},e("style",null,`\n                .spinner { animation: rotator 8s linear infinite; transform-origin: center; }\n                @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n                .path { stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: #39870c; animation: dash 2s ease-in-out infinite; }\n                @keyframes dash { 0% { stroke-dashoffset: 265; } 50% { stroke-dashoffset: 65; transform:rotate(90deg); } 100% { stroke-dashoffset: 265; transform:rotate(360deg); }\n              `),e("circle",{class:"path",fill:"none","stroke-width":"10","stroke-linecap":"butt",cx:"50",cy:"50",r:"45"}))),e("span",{id:"progress-indicator-label",class:"dso-progress-indicator-label"},this.label))}};i.style=t;export{i as dso_progress_indicator};
+//# sourceMappingURL=p-bf203ab8.entry.js.map

package/dist/dso-toolkit/{p-ee2771d4.entry.js → p-c8165a50.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as o,H as t}from"./p-26cdce1c.js";const i=":host{background-color:#e1ecf7;display:block;padding-block:16px;padding-inline-start:16px;padding-inline-end:96px}*,*::after,*::before{box-sizing:border-box}h2{color:#275937;color:#275937;font-size:1.5rem;font-weight:700;margin-block:0 16px}.dso-action-list-content{padding-inline-start:80px}";const s=class{constructor(o){n(this,o);this.listTitle=undefined}render(){return o(t,null,o("h2",null,this.listTitle),o("div",{class:"dso-action-list-content"},o("slot",null)))}};s.style=i;export{s as dso_action_list};
-//# sourceMappingURL=p-ee2771d4.entry.js.map
+import{r as n,h as o,H as t}from"./p-ce928197.js";const i=":host{background-color:#e1ecf7;display:block;padding-block:16px;padding-inline-start:16px;padding-inline-end:96px}*,*::after,*::before{box-sizing:border-box}h2{color:#275937;color:#275937;font-size:1.5rem;font-weight:700;margin-block:0 16px}.dso-action-list-content{padding-inline-start:80px}";const s=class{constructor(o){n(this,o);this.listTitle=undefined}render(){return o(t,null,o("h2",null,this.listTitle),o("div",{class:"dso-action-list-content"},o("slot",null)))}};s.style=i;export{s as dso_action_list};
+//# sourceMappingURL=p-c8165a50.entry.js.map

package/dist/dso-toolkit/{p-26cdce1c.js → p-ce928197.js}

@@ -1,3 +1,3 @@
 const t="dso-toolkit";let e;let n;let s;let l=false;let o=false;let c=false;let i=false;let f=null;let r=false;const u=(t,e="")=>{{return()=>{}}};const a=(t,e)=>{{return()=>{}}};const d="{visibility:hidden}.hydrated{visibility:inherit}";const p="http://www.w3.org/1999/xlink";const h={};const y="http://www.w3.org/2000/svg";const m="http://www.w3.org/1999/xhtml";const b=t=>t!=null;const $=t=>{t=typeof t;return t==="object"||t==="function"};function w(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const g=(t,e,...n)=>{let s=null;let l=null;let o=null;let c=false;let i=false;const f=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(c=typeof t!=="function"&&!$(s)){s=String(s)}if(c&&i){f[f.length-1].t+=s}else{f.push(c?v(null,s):s)}i=c}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,f,j)}const u=v(t,null);u.l=e;if(f.length>0){u.o=f}{u.i=l}{u.u=o}return u};const v=(t,e)=>{const n={p:0,h:t,t:e,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const k={};const S=t=>t&&t.h===k;const j={forEach:(t,e)=>t.map(O).forEach(e),map:(t,e)=>t.map(O).map(e).map(C)};const O=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.u,vtag:t.h,vtext:t.t});const C=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return g(t.vtag,e,...t.vchildren||[])}const e=v(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.i=t.vkey;e.u=t.vname;return e};const M=(t,e)=>{if(t!=null&&!$(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const x=t=>Rt(t).$;const P=(t,e,n)=>{const s=x(t);return{emit:t=>R(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const R=(t,e,n)=>{const s=Ht.ce(e,n);t.dispatchEvent(s);return s};const T=new WeakMap;const U=(t,e,n)=>{let s=Ft.get(t);if(It&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Ft.set(t,s)};const E=(t,e,n,s)=>{var l;let o=N(e);const c=Ft.get(o);t=t.nodeType===11?t:At;if(c){if(typeof c==="string"){t=t.head||t;let e=T.get(t);let n;if(!e){T.set(t,e=new Set)}if(!e.has(o)){{{n=At.createElement("style");n.innerHTML=c}const e=(l=Ht.g)!==null&&l!==void 0?l:w(At);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(o)}}}else if(!t.adoptedStyleSheets.includes(c)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,c]}}return o};const L=t=>{const e=t.v;const n=t.$;const s=e.p;const l=u("attachStyles",e.k);const o=E(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const N=(t,e)=>"sc-"+t.k;const D=(t,e,n,s,l,o)=>{if(n!==s){let c=Et(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const l=W(n);const o=W(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Et(Wt,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n){Ht.rel(t,e,n,false)}if(s){Ht.ael(t,e,s,false)}}else{const f=$(s);if((c||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(i!==(i=i.replace(/^xlink\:?/,""))){e=i;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(p,e)}else{t.removeAttribute(e)}}}else if((!c||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(p,e,s)}else{t.setAttribute(e,s)}}}}};const F=/\s/;const W=t=>!t?[]:t.split(F);const A=(t,e,n,s)=>{const l=e.m.nodeType===11&&e.m.host?e.m.host:e.m;const o=t&&t.l||h;const c=e.l||h;{for(s in o){if(!(s in c)){D(l,s,o[s],undefined,n,e.p)}}}for(s in c){D(l,s,o[s],c[s],n,e.p)}};const H=(t,o,f,r)=>{const u=o.o[f];let a=0;let d;let p;let h;if(!l){c=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.p|=u.o?2:1}}if(u.t!==null){d=u.m=At.createTextNode(u.t)}else if(u.p&1){d=u.m=At.createTextNode("")}else{if(!i){i=u.h==="svg"}d=u.m=At.createElementNS(i?y:m,u.p&2?"slot-fb":u.h);if(i&&u.h==="foreignObject"){i=false}{A(null,u,i)}if(b(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){p=H(t,u,a,d);if(p){d.appendChild(p)}}}{if(u.h==="svg"){i=false}else if(d.tagName==="foreignObject"){i=true}}}{d["s-hn"]=s;if(u.p&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.u||"";h=t&&t.o&&t.o[f];if(h&&h.h===u.h&&t.m){q(t.m,false)}}}return d};const q=(t,e)=>{Ht.p|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){G(l).insertBefore(l,B(l));l["s-ol"].remove();l["s-ol"]=undefined;c=true}if(e){q(l,e)}}Ht.p&=~1};const I=(t,e,n,l,o,c)=>{let i=t["s-cr"]&&t["s-cr"].parentNode||t;let f;if(i.shadowRoot&&i.tagName===s){i=i.shadowRoot}for(;o<=c;++o){if(l[o]){f=H(null,n,o,t);if(f){l[o].m=f;i.insertBefore(f,B(e))}}}};const V=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.m;Z(e);if(t){{o=true;if(t["s-ol"]){t["s-ol"].remove()}else{q(t,true)}}t.remove()}}}};const _=(t,e,n,s)=>{let l=0;let o=0;let c=0;let i=0;let f=e.length-1;let r=e[0];let u=e[f];let a=s.length-1;let d=s[0];let p=s[a];let h;let y;while(l<=f&&o<=a){if(r==null){r=e[++l]}else if(u==null){u=e[--f]}else if(d==null){d=s[++o]}else if(p==null){p=s[--a]}else if(z(r,d)){J(r,d);r=e[++l];d=s[++o]}else if(z(u,p)){J(u,p);u=e[--f];p=s[--a]}else if(z(r,p)){if(r.h==="slot"||p.h==="slot"){q(r.m.parentNode,false)}J(r,p);t.insertBefore(r.m,u.m.nextSibling);r=e[++l];p=s[--a]}else if(z(u,d)){if(r.h==="slot"||p.h==="slot"){q(u.m.parentNode,false)}J(u,d);t.insertBefore(u.m,r.m);u=e[--f];d=s[++o]}else{c=-1;{for(i=l;i<=f;++i){if(e[i]&&e[i].i!==null&&e[i].i===d.i){c=i;break}}}if(c>=0){y=e[c];if(y.h!==d.h){h=H(e&&e[o],n,c,t)}else{J(y,d);e[c]=undefined;h=y.m}d=s[++o]}else{h=H(e&&e[o],n,o,t);d=s[++o]}if(h){{G(r.m).insertBefore(h,B(r.m))}}}}if(l>f){I(t,s[a+1]==null?null:s[a+1].m,n,s,o,a)}else if(o>a){V(e,l,f)}};const z=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.u===e.u}{return t.i===e.i}}return false};const B=t=>t&&t["s-ol"]||t;const G=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const J=(t,e)=>{const n=e.m=t.m;const s=t.o;const l=e.o;const o=e.h;const c=e.t;let f;if(c===null){{i=o==="svg"?true:o==="foreignObject"?false:i}{if(o==="slot");else{A(t,e,i)}}if(s!==null&&l!==null){_(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}I(n,null,e,l,0,l.length-1)}else if(s!==null){V(s,0,s.length-1)}if(i&&o==="svg"){i=false}}else if(f=n["s-cr"]){f.parentNode.textContent=c}else if(t.t!==c){n.data=c}};const K=t=>{const e=t.childNodes;let n;let s;let l;let o;let c;let i;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){c=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){i=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||c!==""){if(i===1&&c===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(i===1||i===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}K(n)}}};const Q=[];const X=t=>{let e;let n;let s;let l;let c;let i;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(i=s.length-1;i>=0;i--){n=s[i];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(Y(n,l)){c=Q.find((t=>t.S===n));o=true;n["s-sn"]=n["s-sn"]||l;if(c){c.j=e}else{Q.push({j:e,S:n})}if(n["s-sr"]){Q.map((t=>{if(Y(t.S,n["s-sn"])){c=Q.find((t=>t.S===n));if(c&&!t.j){t.j=c.j}}}))}}else if(!Q.some((t=>t.S===n))){Q.push({S:n})}}}}if(e.nodeType===1){X(e)}}};const Y=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const Z=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(Z)}};const tt=(t,i)=>{const f=t.$;const r=t.v;const u=t.O||v(null,null);const a=S(i)?i:g(null,null,i);s=f.tagName;if(r.C){a.l=a.l||{};r.C.map((([t,e])=>a.l[e]=f[t]))}a.h=null;a.p|=4;t.O=a;a.m=u.m=f.shadowRoot||f;{e=f["s-sc"]}{n=f["s-cr"];l=(r.p&1)!==0;o=false}J(u,a);{Ht.p|=1;if(c){X(a.m);let t;let e;let n;let s;let l;let o;let c=0;for(;c<Q.length;c++){t=Q[c];e=t.S;if(!e["s-ol"]){n=At.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(c=0;c<Q.length;c++){t=Q[c];e=t.S;if(t.j){s=t.j.parentNode;l=t.j.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){K(a.m)}Ht.p&=~1;Q.length=0}};const et=(t,e)=>{if(e&&!t.M&&e["s-p"]){e["s-p"].push(new Promise((e=>t.M=e)))}};const nt=(t,e)=>{{t.p|=16}if(t.p&4){t.p|=512;return}et(t,t.P);const n=()=>st(t,e);return Kt(n)};const st=(t,e)=>{const n=u("scheduleUpdate",t.v.k);const s=t.R;let l;if(e){{t.p|=256;if(t.T){t.T.map((([t,e])=>dt(s,t,e)));t.T=undefined}}{l=dt(s,"componentWillLoad")}}n();return lt(l,(()=>ct(t,s,e)))};const lt=(t,e)=>ot(t)?t.then(e):e();const ot=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const ct=async(t,e,n)=>{var s;const l=t.$;const o=u("update",t.v.k);const c=l["s-rc"];if(n){L(t)}const i=u("render",t.v.k);{it(t,e)}if(c){c.map((t=>t()));l["s-rc"]=undefined}i();o();{const e=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>rt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.p|=4;e.length=0}}};const it=(t,e,n)=>{try{f=e;e=e.render();{t.p&=~16}{t.p|=2}{{{tt(t,e)}}}}catch(e){Lt(e,t.$)}f=null;return null};const ft=()=>f;const rt=t=>{const e=t.v.k;const n=t.$;const s=u("postUpdate",e);const l=t.R;const o=t.P;{dt(l,"componentDidRender")}if(!(t.p&64)){t.p|=64;{pt(n)}{dt(l,"componentDidLoad")}s();{t.U(n);if(!o){at()}}}else{{dt(l,"componentDidUpdate")}s()}{t.L(n)}{if(t.M){t.M();t.M=undefined}if(t.p&512){Jt((()=>nt(t,false)))}t.p&=~(4|512)}};const ut=t=>{{const e=Rt(t);const n=e.$.isConnected;if(n&&(e.p&(2|16))===2){nt(e,false)}return n}};const at=e=>{{pt(At.documentElement)}Jt((()=>R(Wt,"appload",{detail:{namespace:t}})))};const dt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Lt(t)}}return undefined};const pt=t=>t.classList.add("hydrated");const ht=(t,e)=>Rt(t).N.get(e);const yt=(t,e,n,s)=>{const l=Rt(t);const o=l.$;const c=l.N.get(e);const i=l.p;const f=l.R;n=M(n,s.D[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){l.N.set(e,n);if(f){if(s.F&&i&128){const t=s.F[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){Lt(t,o)}}))}}if((i&(2|16))===2){nt(l,false)}}}};const mt=(t,e,n)=>{if(e.D){if(t.watchers){e.F=t.watchers}const s=Object.entries(e.D);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return ht(this,t)},set(n){yt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=Rt(this);return n.W.then((()=>n.R[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Ht.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.C.push([t,l])}return l}))}}return t};const bt=async(t,e,n,s,l)=>{if((e.p&32)===0){e.p|=32;{l=Dt(n);if(l.then){const t=a();l=await l;t()}if(!l.isProxied){{n.F=l.watchers}mt(l,n,2);l.isProxied=true}const t=u("createInstance",n.k);{e.p|=8}try{new l(e)}catch(t){Lt(t)}{e.p&=~8}{e.p|=128}t();$t(e.R)}if(l.style){let t=l.style;const e=N(n);if(!Ft.has(e)){const s=u("registerStyles",n.k);U(e,t,!!(n.p&1));s()}}}const o=e.P;const c=()=>nt(e,true);if(o&&o["s-rc"]){o["s-rc"].push(c)}else{c()}};const $t=t=>{{dt(t,"connectedCallback")}};const wt=t=>{if((Ht.p&1)===0){const e=Rt(t);const n=e.v;const s=u("connectedCallback",n.k);if(!(e.p&1)){e.p|=1;{if(n.p&(4|8)){gt(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){et(e,e.P=n);break}}}if(n.D){Object.entries(n.D).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{bt(t,e,n)}}else{jt(t,e,n.A);$t(e.R)}s()}};const gt=t=>{const e=t["s-cr"]=At.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const vt=t=>{if((Ht.p&1)===0){const e=Rt(t);const n=e.R;{if(e.H){e.H.map((t=>t()));e.H=undefined}}{dt(n,"disconnectedCallback")}}};const kt=(t,e={})=>{var n;const s=u();const l=[];const o=e.exclude||[];const c=Wt.customElements;const i=At.head;const f=i.querySelector("meta[charset]");const r=At.createElement("style");const a=[];let p;let h=true;Object.assign(Ht,e);Ht.q=new URL(e.resourcesUrl||"./",At.baseURI).href;t.map((t=>{t[1].map((e=>{const n={p:e[0],k:e[1],D:e[2],A:e[3]};{n.D=e[2]}{n.A=e[3]}{n.C=[]}{n.F={}}const s=n.k;const i=class extends HTMLElement{constructor(t){super(t);t=this;Ut(t,n);if(n.p&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(h){a.push(this)}else{Ht.jmp((()=>wt(this)))}}disconnectedCallback(){Ht.jmp((()=>vt(this)))}componentOnReady(){return Rt(this).I}};n.V=t[0];if(!o.includes(s)&&!c.get(s)){l.push(s);c.define(s,mt(i,n,1))}}))}));{r.innerHTML=l+d;r.setAttribute("data-styles","");const t=(n=Ht.g)!==null&&n!==void 0?n:w(At);if(t!=null){r.setAttribute("nonce",t)}i.insertBefore(r,f?f.nextSibling:i.firstChild)}h=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{Ht.jmp((()=>p=setTimeout(at,30)))}}s()};const St=(t,e)=>e;const jt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Ct(t,n);const c=Ot(e,l);const i=Mt(n);Ht.ael(o,s,c,i);(e.H=e.H||[]).push((()=>Ht.rel(o,s,c,i)))}))}};const Ot=(t,e)=>n=>{try{{if(t.p&256){t.R[e](n)}else{(t.T=t.T||[]).push([e,n])}}}catch(t){Lt(t)}};const Ct=(t,e)=>{if(e&4)return At;if(e&8)return Wt;return t};const Mt=t=>(t&2)!==0;const xt=t=>Ht.g=t;const Pt=new WeakMap;const Rt=t=>Pt.get(t);const Tt=(t,e)=>Pt.set(e.R=t,e);const Ut=(t,e)=>{const n={p:0,$:t,v:e,N:new Map};{n.W=new Promise((t=>n.L=t))}{n.I=new Promise((t=>n.U=t));t["s-p"]=[];t["s-rc"]=[]}jt(t,n,e.A);return Pt.set(t,n)};const Et=(t,e)=>e in t;const Lt=(t,e)=>(0,console.error)(t,e);const Nt=new Map;const Dt=(t,e,n)=>{const s=t.k.replace(/-/g,"_");const l=t.V;const o=Nt.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Nt.set(l,t)}return t[s]}),Lt)};const Ft=new Map;const Wt=typeof window!=="undefined"?window:{};const At=Wt.document||{head:{}};const Ht={p:0,q:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const qt=t=>Promise.resolve(t);const It=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Vt=[];const _t=[];const zt=(t,e)=>n=>{t.push(n);if(!r){r=true;if(e&&Ht.p&4){Jt(Gt)}else{Ht.raf(Gt)}}};const Bt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Lt(t)}}t.length=0};const Gt=()=>{Bt(Vt);{Bt(_t);if(r=Vt.length>0){Ht.raf(Gt)}}};const Jt=t=>qt().then(t);const Kt=zt(_t,true);export{St as F,k as H,ft as a,kt as b,P as c,ut as f,x as g,g as h,qt as p,Tt as r,xt as s};
-//# sourceMappingURL=p-26cdce1c.js.map
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Nt.set(l,t)}return t[s]}),Lt)};const Ft=new Map;const Wt=typeof window!=="undefined"?window:{};const At=Wt.document||{head:{}};const Ht={p:0,q:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const qt=t=>Promise.resolve(t);const It=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Vt=[];const _t=[];const zt=(t,e)=>n=>{t.push(n);if(!r){r=true;if(e&&Ht.p&4){Jt(Gt)}else{Ht.raf(Gt)}}};const Bt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Lt(t)}}t.length=0};const Gt=()=>{Bt(Vt);{Bt(_t);if(r=Vt.length>0){Ht.raf(Gt)}}};const Jt=t=>qt().then(t);const Kt=zt(_t,true);export{St as F,k as H,x as a,kt as b,P as c,ut as f,ft as g,g as h,qt as p,Tt as r,xt as s};
+//# sourceMappingURL=p-ce928197.js.map

package/dist/dso-toolkit/{p-601b4ce0.entry.js → p-cfd6f4ef.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as s}from"./p-26cdce1c.js";const o=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.progress{margin-bottom:8px}.progress .progress-bar{background-color:#fff;border:1px solid #39870c;display:block;height:16px}.progress .progress-bar>span{background-color:#39870c;float:left;height:100%;width:0%}.progress .progress-bar+span{font-size:14px;margin-top:8px}";const a=class{constructor(s){r(this,s);this.progress=undefined;this.min=0;this.max=100}render(){const r=Math.round(this.progress);const o=`${r}%`;return s("div",{class:"progress"},s("span",{class:"progress-bar",role:"progressbar","aria-labelledby":"progress-bar-label","aria-valuenow":r,"aria-valuemin":this.min,"aria-valuemax":this.max},s("span",{style:{width:`${o}`}})),s("span",{id:"progress-bar-label"},s("slot",null)))}};a.style=o;export{a as dso_progress_bar};
-//# sourceMappingURL=p-601b4ce0.entry.js.map
+import{r,h as s}from"./p-ce928197.js";const o=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.progress{margin-bottom:8px}.progress .progress-bar{background-color:#fff;border:1px solid #39870c;display:block;height:16px}.progress .progress-bar>span{background-color:#39870c;float:left;height:100%;width:0%}.progress .progress-bar+span{font-size:14px;margin-top:8px}";const a=class{constructor(s){r(this,s);this.progress=undefined;this.min=0;this.max=100}render(){const r=Math.round(this.progress);const o=`${r}%`;return s("div",{class:"progress"},s("span",{class:"progress-bar",role:"progressbar","aria-labelledby":"progress-bar-label","aria-valuenow":r,"aria-valuemin":this.min,"aria-valuemax":this.max},s("span",{style:{width:`${o}`}})),s("span",{id:"progress-bar-label"},s("slot",null)))}};a.style=o;export{a as dso_progress_bar};
+//# sourceMappingURL=p-cfd6f4ef.entry.js.map

package/dist/dso-toolkit/{p-b6f1ae13.entry.js → p-d3f69d06.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as o}from"./p-26cdce1c.js";import{c as r}from"./p-6a1980b4.js";const e=":host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding:16px 0;position:relative}";const t=class{constructor(o){s(this,o);this.status=undefined}render(){return o("section",{class:r("dso-banner",`alert-${this.status}`),role:"alert"},o("slot",null))}};t.style=e;export{t as dso_banner};
-//# sourceMappingURL=p-b6f1ae13.entry.js.map
+import{r as s,h as o}from"./p-ce928197.js";import{c as r}from"./p-6a1980b4.js";const e=":host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding:16px 0;position:relative}";const t=class{constructor(o){s(this,o);this.status=undefined}render(){return o("section",{class:r("dso-banner",`alert-${this.status}`),role:"alert"},o("slot",null))}};t.style=e;export{t as dso_banner};
+//# sourceMappingURL=p-d3f69d06.entry.js.map

package/dist/dso-toolkit/{p-3ab9390b.entry.js → p-d8c137b5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as i}from"./p-26cdce1c.js";import{v as o}from"./p-5d7f4ff2.js";const t=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-width:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-bottom:8px;max-width:100%;text-align:left}p[slot=info]{margin:0}";const r=class{constructor(i){e(this,i);this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7);this.selectableRefs={};this.group=o();this.baseLayers=undefined}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>{var s,i;return!e.disabled&&((i=(s=this.previousBaselayers)===null||s===void 0?void 0:s.find((s=>s.id===e.id)))===null||i===void 0?void 0:i.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null||s===void 0?void 0:s.toggleInfo(false)}));this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return i("fieldset",{class:"form-group dso-radios"},i("legend",{class:"sr-only"},"Achtergrond"),i("div",{class:"dso-label-container"},i("span",{class:"control-label","aria-hidden":"true"},"Achtergrond")),i("div",{class:"dso-field-container"},this.baseLayers.map((e=>i("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}};r.style=t;export{r as dso_map_base_layers};
-//# sourceMappingURL=p-3ab9390b.entry.js.map
+import{r as e,c as s,h as i}from"./p-ce928197.js";import{v as o}from"./p-5d7f4ff2.js";const t=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-width:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-bottom:8px;max-width:100%;text-align:left}p[slot=info]{margin:0}";const r=class{constructor(i){e(this,i);this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7);this.selectableRefs={};this.group=o();this.baseLayers=undefined}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>{var s,i;return!e.disabled&&((i=(s=this.previousBaselayers)===null||s===void 0?void 0:s.find((s=>s.id===e.id)))===null||i===void 0?void 0:i.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null||s===void 0?void 0:s.toggleInfo(false)}));this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return i("fieldset",{class:"form-group dso-radios"},i("legend",{class:"sr-only"},"Achtergrond"),i("div",{class:"dso-label-container"},i("span",{class:"control-label","aria-hidden":"true"},"Achtergrond")),i("div",{class:"dso-field-container"},this.baseLayers.map((e=>i("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}};r.style=t;export{r as dso_map_base_layers};
+//# sourceMappingURL=p-d8c137b5.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as n,F as e,a}from"./p-ce928197.js";import{i as o}from"./p-33df9903.js";const s=':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination{padding-inline-start:initial;text-align:center}.pagination>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination>li>a,.pagination>li>span{align-items:center;color:#39870c;display:flex;height:2rem;justify-content:center;position:relative;width:2rem}.pagination>li>a:active,.pagination>li>span:active{background-color:#ebf3e6}.pagination>li>span{border:2px solid transparent;border-radius:50%}.pagination>li a{line-height:2rem;text-decoration:none}.pagination>li a:hover,.pagination>li a:focus{text-decoration:none}.pagination>li a:hover::after,.pagination>li a:focus::after{border-bottom-color:#39870c}.pagination>li a::after{border-bottom:3px solid transparent;bottom:0;content:"";display:inline-block;left:0;position:absolute;width:100%}.pagination>li.active span{background-color:#39870c;color:#fff}.pagination>li+li{margin-left:8px}.dso-page-hidden{visibility:hidden}';const r=class{constructor(n){i(this,n);this.dsoSelectPage=t(this,"dsoSelectPage",7);this.sizePositionsMap={small:7,medium:9,large:11};this.availablePositions=undefined;this.totalPages=undefined;this.currentPage=undefined;this.formatHref=i=>"#"+i}sizeChangeHandler(i){this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i.detail])}clickHandler(i,t){this.dsoSelectPage.emit({originalEvent:i,page:t,isModifiedEvent:o(i)})}componentDidLoad(){var i;(i=this.responsiveElement)===null||i===void 0?void 0:i.getSize().then((i=>this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i])))}render(){var i,t,a;if(!this.totalPages){return null}if(this.availablePositions===undefined){return n("dso-responsive-element",{ref:i=>this.responsiveElement=i})}const o=this.availablePositions;const s=(i=this.currentPage)!==null&&i!==void 0?i:0;const r=this.getPages(s,this.availablePositions,this.totalPages);return n("dso-responsive-element",{ref:i=>this.responsiveElement=i},n("ul",{class:"pagination"},n("li",{class:s<=1||s>this.totalPages?"dso-page-hidden":undefined},n("a",{href:this.formatHref((t=r[r.indexOf(s)-1])!==null&&t!==void 0?t:1),"aria-label":"Vorige",onClick:i=>{var t;return s&&this.clickHandler(i,(t=r[r.indexOf(s)-1])!==null&&t!==void 0?t:1)}},n("dso-icon",{icon:"chevron-left"}))),r.map((i=>n(e,null,this.showEllipsisBeforeLast(r,i,o)&&n("li",null,n("span",null,"...")),n("li",{key:i,class:s===i?"active":undefined},s===i?n("span",{"aria-current":"page"},i):n("a",{href:this.formatHref(i),onClick:t=>this.clickHandler(t,i)},i)),this.showEllipsisAfterFirst(r,i,o)&&n("li",null,n("span",null,"..."))))),n("li",{class:s<1||s>=this.totalPages?"dso-page-hidden":undefined},n("a",{href:this.formatHref((a=r[r.indexOf(s)+1])!==null&&a!==void 0?a:this.totalPages),"aria-label":"Volgende",onClick:i=>{var t;return s&&this.totalPages&&this.clickHandler(i,(t=r[r.indexOf(s)+1])!==null&&t!==void 0?t:this.totalPages)}},n("dso-icon",{icon:"chevron-right"})))))}getAvailablePositions(i){if(i%2===0){return i-1}if(i<=3){return 3}return i}getPages(i,t,n){if(n+2<=t){return Array.from({length:n},((i,t)=>t+1))}if(t===3){return[i]}if(t===5){return[1,i,n]}return[1,...this.getPageRange(i,t,n),n]}getPageRange(i,t,n){const e=[];const a=Math.floor(t/2);if(i<=a){for(let i=2;i<=t-4;i++){e.push(i)}}if(i>=a&&i<=n-a){if(a===1){if(i>n-2){e.push(n-2)}e.push(i);if(i<3){e.push(3)}}if(a>1){const t=a-3;for(let o=Math.min(i-t,n-a);o<=Math.max(i+t,a);o++){if(o>2&&o<n-1){e.push(o)}}}}if(i>n-a){for(let i=n-(t-5);i<=n-1;i++){e.push(i)}}return e.filter(((i,t,n)=>n.indexOf(i)===t))}showEllipsisAfterFirst(i,t,n){const e=i[i.length-1];if(!e){throw new Error("No totalPages")}return i.indexOf(t)===0&&e>n-2&&!i.some((i=>i===2))&&n>=7}showEllipsisBeforeLast(i,t,n){const e=i[i.length-1];if(!e){throw new Error("No totalPages")}return i.indexOf(t)===i.length-1&&e>n-2&&!i.some((i=>i===e-1))&&n>=7}get host(){return a(this)}};r.style=s;export{r as dso_pagination};
+//# sourceMappingURL=p-debbe184.entry.js.map

package/dist/dso-toolkit/{p-c3178955.entry.js.map → p-debbe184.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["paginationCss","Pagination","this","sizePositionsMap","small","medium","large","page","sizeChangeHandler","event","availablePositions","getAvailablePositions","detail","clickHandler","e","dsoSelectPage","emit","originalEvent","isModifiedEvent","componentDidLoad","_a","responsiveElement","getSize","then","size","render","totalPages","undefined","h","ref","element","currentPage","pages","getPages","class","href","formatHref","_b","indexOf","onClick","icon","map","Fragment","showEllipsisBeforeLast","key","showEllipsisAfterFirst","_c","sizePositions","Array","from","length","_value","i","getPageRange","range","positionRange","Math","floor","push","pagesBeforeOrAfter","min","max","filter","v","a","Error","some","p"],"sources":["./src/components/pagination/pagination.scss?tag=dso-pagination&encapsulation=shadow","./src/components/pagination/pagination.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/pagination\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.pagination {\r\n  @include pagination.root();\r\n}\r\n\r\n.dso-page-hidden {\r\n  visibility: hidden;\r\n}\r\n","import {\r\n  h,\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Listen,\r\n  Prop,\r\n  State,\r\n} from \"@stencil/core\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { ResponsiveElementSize } from \"../responsive-element/responsive-element.interfaces\";\r\nimport { PaginationSelectPageEvent } from \"./pagination.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-pagination\",\r\n  styleUrl: \"pagination.scss\",\r\n  shadow: true,\r\n})\r\nexport class Pagination implements ComponentInterface {\r\n  private sizePositionsMap: Record<ResponsiveElementSize, number> = {\r\n    small: 7,\r\n    medium: 9,\r\n    large: 11,\r\n  };\r\n\r\n  private responsiveElement?: HTMLDsoResponsiveElementElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoPaginationElement;\r\n\r\n  @State()\r\n  availablePositions?: number;\r\n  /**\r\n   * Total pages\r\n   */\r\n  @Prop()\r\n  totalPages?: number;\r\n\r\n  /**\r\n   * Current page\r\n   */\r\n  @Prop()\r\n  currentPage?: number;\r\n\r\n  /**\r\n   * This function is called to format the href\r\n   */\r\n  @Prop()\r\n  formatHref: (page: number) => string = (page) => \"#\" + page;\r\n\r\n  /**\r\n   * Emitted on page select\r\n   */\r\n  @Event()\r\n  dsoSelectPage!: EventEmitter<PaginationSelectPageEvent>;\r\n\r\n  /**\r\n   * Listens to the dsoSizeChange event on Responsive Element\r\n   */\r\n  @Listen(\"dsoSizeChange\")\r\n  sizeChangeHandler(event: CustomEvent<ResponsiveElementSize>) {\r\n    this.availablePositions = this.getAvailablePositions(this.sizePositionsMap[event.detail]);\r\n  }\r\n\r\n  private clickHandler(e: MouseEvent, page: number) {\r\n    this.dsoSelectPage.emit({\r\n      originalEvent: e,\r\n      page,\r\n      isModifiedEvent: isModifiedEvent(e),\r\n    });\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.responsiveElement\r\n      ?.getSize()\r\n      .then(\r\n        (size: ResponsiveElementSize) =>\r\n          (this.availablePositions = this.getAvailablePositions(this.sizePositionsMap[size]))\r\n      );\r\n  }\r\n\r\n  render() {\r\n    if (!this.totalPages) {\r\n      return null;\r\n    }\r\n\r\n    if (this.availablePositions === undefined) {\r\n      return <dso-responsive-element ref={(element) => (this.responsiveElement = element)}></dso-responsive-element>;\r\n    }\r\n\r\n    const availablePositions = this.availablePositions;\r\n\r\n    const currentPage = this.currentPage ?? 0;\r\n\r\n    const pages: number[] = this.getPages(currentPage, this.availablePositions, this.totalPages);\r\n\r\n    return (\r\n      <dso-responsive-element ref={(element) => (this.responsiveElement = element)}>\r\n        <ul class=\"pagination\">\r\n          <li class={currentPage <= 1 || currentPage > this.totalPages ? \"dso-page-hidden\" : undefined}>\r\n            <a\r\n              href={this.formatHref(pages[pages.indexOf(currentPage) - 1] ?? 1)}\r\n              aria-label=\"Vorige\"\r\n              onClick={(e) => currentPage && this.clickHandler(e, pages[pages.indexOf(currentPage) - 1] ?? 1)}\r\n            >\r\n              <dso-icon icon=\"chevron-left\"></dso-icon>\r\n            </a>\r\n          </li>\r\n          {pages.map((page) => (\r\n            <>\r\n              {this.showEllipsisBeforeLast(pages, page, availablePositions) && (\r\n                <li>\r\n                  <span>...</span>\r\n                </li>\r\n              )}\r\n\r\n              <li key={page} class={currentPage === page ? \"active\" : undefined}>\r\n                {currentPage === page ? (\r\n                  <span aria-current=\"page\">{page}</span>\r\n                ) : (\r\n                  <a href={this.formatHref(page)} onClick={(e) => this.clickHandler(e, page)}>\r\n                    {page}\r\n                  </a>\r\n                )}\r\n              </li>\r\n\r\n              {this.showEllipsisAfterFirst(pages, page, availablePositions) && (\r\n                <li>\r\n                  <span>...</span>\r\n                </li>\r\n              )}\r\n            </>\r\n          ))}\r\n          <li class={currentPage < 1 || currentPage >= this.totalPages ? \"dso-page-hidden\" : undefined}>\r\n            <a\r\n              href={this.formatHref(pages[pages.indexOf(currentPage) + 1] ?? this.totalPages)}\r\n              aria-label=\"Volgende\"\r\n              onClick={(e) =>\r\n                currentPage &&\r\n                this.totalPages &&\r\n                this.clickHandler(e, pages[pages.indexOf(currentPage) + 1] ?? this.totalPages)\r\n              }\r\n            >\r\n              <dso-icon icon=\"chevron-right\"></dso-icon>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </dso-responsive-element>\r\n    );\r\n  }\r\n\r\n  private getAvailablePositions(sizePositions: number) {\r\n    if (sizePositions % 2 === 0) {\r\n      // Even aantal posities zorgt voor een scheve pagination\r\n      return sizePositions - 1;\r\n    }\r\n    if (sizePositions <= 3) {\r\n      // Voor het kunnen tonen van de vorige knop, volgende knop en 1 pagina zijn minimaal 3 posities nodig.\r\n      return 3;\r\n    }\r\n\r\n    return sizePositions;\r\n  }\r\n\r\n  private getPages(currentPage: number, availablePositions: number, totalPages: number): number[] {\r\n    if (totalPages + 2 <= availablePositions) {\r\n      // + 2 voor de vorige en volgende knop\r\n      return Array.from({ length: totalPages }, (_value, i) => i + 1);\r\n    }\r\n\r\n    if (availablePositions === 3) {\r\n      return [currentPage];\r\n    }\r\n\r\n    if (availablePositions === 5) {\r\n      return [1, currentPage, totalPages];\r\n    }\r\n\r\n    return [1, ...this.getPageRange(currentPage, availablePositions, totalPages), totalPages];\r\n  }\r\n\r\n  private getPageRange(currentPage: number, availablePositions: number, totalPages: number): number[] {\r\n    const range: number[] = [];\r\n\r\n    const positionRange = Math.floor(availablePositions / 2);\r\n\r\n    if (currentPage <= positionRange) {\r\n      for (let i = 2; i <= availablePositions - 4; i++) {\r\n        range.push(i);\r\n      }\r\n    }\r\n\r\n    if (currentPage >= positionRange && currentPage <= totalPages - positionRange) {\r\n      if (positionRange === 1) {\r\n        if (currentPage > totalPages - 2) {\r\n          range.push(totalPages - 2);\r\n        }\r\n\r\n        range.push(currentPage);\r\n\r\n        if (currentPage < 3) {\r\n          range.push(3);\r\n        }\r\n      }\r\n\r\n      if (positionRange > 1) {\r\n        const pagesBeforeOrAfter = positionRange - 3;\r\n\r\n        for (\r\n          let i = Math.min(currentPage - pagesBeforeOrAfter, totalPages - positionRange);\r\n          i <= Math.max(currentPage + pagesBeforeOrAfter, positionRange);\r\n          i++\r\n        ) {\r\n          if (i > 2 && i < totalPages - 1) {\r\n            range.push(i);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    if (currentPage > totalPages - positionRange) {\r\n      for (let i = totalPages - (availablePositions - 5); i <= totalPages - 1; i++) {\r\n        range.push(i);\r\n      }\r\n    }\r\n\r\n    return range.filter((v, i, a) => a.indexOf(v) === i);\r\n  }\r\n\r\n  private showEllipsisAfterFirst(pages: number[], page: number, availablePositions: number): boolean {\r\n    const totalPages = pages[pages.length - 1];\r\n    if (!totalPages) {\r\n      throw new Error(\"No totalPages\");\r\n    }\r\n\r\n    return (\r\n      pages.indexOf(page) === 0 &&\r\n      totalPages > availablePositions - 2 &&\r\n      !pages.some((p) => p === 2) &&\r\n      availablePositions >= 7\r\n    );\r\n  }\r\n\r\n  private showEllipsisBeforeLast(pages: number[], page: number, availablePositions: number): boolean {\r\n    const totalPages = pages[pages.length - 1];\r\n    if (!totalPages) {\r\n      throw new Error(\"No totalPages\");\r\n    }\r\n\r\n    return (\r\n      pages.indexOf(page) === pages.length - 1 &&\r\n      totalPages > availablePositions - 2 &&\r\n      !pages.some((p) => p === totalPages - 1) &&\r\n      availablePositions >= 7\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"names":["paginationCss","Pagination","this","sizePositionsMap","small","medium","large","page","sizeChangeHandler","event","availablePositions","getAvailablePositions","detail","clickHandler","e","dsoSelectPage","emit","originalEvent","isModifiedEvent","componentDidLoad","_a","responsiveElement","getSize","then","size","render","totalPages","undefined","h","ref","element","currentPage","pages","getPages","class","href","formatHref","_b","indexOf","onClick","icon","map","Fragment","showEllipsisBeforeLast","key","showEllipsisAfterFirst","_c","sizePositions","Array","from","length","_value","i","getPageRange","range","positionRange","Math","floor","push","pagesBeforeOrAfter","min","max","filter","v","a","Error","some","p"],"sources":["./src/components/pagination/pagination.scss?tag=dso-pagination&encapsulation=shadow","./src/components/pagination/pagination.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/pagination\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.pagination {\r\n  @include pagination.root();\r\n}\r\n\r\n.dso-page-hidden {\r\n  visibility: hidden;\r\n}\r\n","import {\r\n  h,\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Listen,\r\n  Prop,\r\n  State,\r\n} from \"@stencil/core\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { ResponsiveElementSize } from \"../responsive-element/responsive-element.interfaces\";\r\nimport { PaginationSelectPageEvent } from \"./pagination.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-pagination\",\r\n  styleUrl: \"pagination.scss\",\r\n  shadow: true,\r\n})\r\nexport class Pagination implements ComponentInterface {\r\n  private sizePositionsMap: Record<ResponsiveElementSize, number> = {\r\n    small: 7,\r\n    medium: 9,\r\n    large: 11,\r\n  };\r\n\r\n  private responsiveElement?: HTMLDsoResponsiveElementElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoPaginationElement;\r\n\r\n  @State()\r\n  availablePositions?: number;\r\n  /**\r\n   * Total pages\r\n   */\r\n  @Prop()\r\n  totalPages?: number;\r\n\r\n  /**\r\n   * Current page\r\n   */\r\n  @Prop()\r\n  currentPage?: number;\r\n\r\n  /**\r\n   * This function is called to format the href\r\n   */\r\n  @Prop()\r\n  formatHref: (page: number) => string = (page) => \"#\" + page;\r\n\r\n  /**\r\n   * Emitted on page select\r\n   */\r\n  @Event()\r\n  dsoSelectPage!: EventEmitter<PaginationSelectPageEvent>;\r\n\r\n  /**\r\n   * Listens to the dsoSizeChange event on Responsive Element\r\n   */\r\n  @Listen(\"dsoSizeChange\")\r\n  sizeChangeHandler(event: CustomEvent<ResponsiveElementSize>) {\r\n    this.availablePositions = this.getAvailablePositions(this.sizePositionsMap[event.detail]);\r\n  }\r\n\r\n  private clickHandler(e: MouseEvent, page: number) {\r\n    this.dsoSelectPage.emit({\r\n      originalEvent: e,\r\n      page,\r\n      isModifiedEvent: isModifiedEvent(e),\r\n    });\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.responsiveElement\r\n      ?.getSize()\r\n      .then(\r\n        (size: ResponsiveElementSize) =>\r\n          (this.availablePositions = this.getAvailablePositions(this.sizePositionsMap[size]))\r\n      );\r\n  }\r\n\r\n  render() {\r\n    if (!this.totalPages) {\r\n      return null;\r\n    }\r\n\r\n    if (this.availablePositions === undefined) {\r\n      return <dso-responsive-element ref={(element) => (this.responsiveElement = element)}></dso-responsive-element>;\r\n    }\r\n\r\n    const availablePositions = this.availablePositions;\r\n\r\n    const currentPage = this.currentPage ?? 0;\r\n\r\n    const pages: number[] = this.getPages(currentPage, this.availablePositions, this.totalPages);\r\n\r\n    return (\r\n      <dso-responsive-element ref={(element) => (this.responsiveElement = element)}>\r\n        <ul class=\"pagination\">\r\n          <li class={currentPage <= 1 || currentPage > this.totalPages ? \"dso-page-hidden\" : undefined}>\r\n            <a\r\n              href={this.formatHref(pages[pages.indexOf(currentPage) - 1] ?? 1)}\r\n              aria-label=\"Vorige\"\r\n              onClick={(e) => currentPage && this.clickHandler(e, pages[pages.indexOf(currentPage) - 1] ?? 1)}\r\n            >\r\n              <dso-icon icon=\"chevron-left\"></dso-icon>\r\n            </a>\r\n          </li>\r\n          {pages.map((page) => (\r\n            <>\r\n              {this.showEllipsisBeforeLast(pages, page, availablePositions) && (\r\n                <li>\r\n                  <span>...</span>\r\n                </li>\r\n              )}\r\n\r\n              <li key={page} class={currentPage === page ? \"active\" : undefined}>\r\n                {currentPage === page ? (\r\n                  <span aria-current=\"page\">{page}</span>\r\n                ) : (\r\n                  <a href={this.formatHref(page)} onClick={(e) => this.clickHandler(e, page)}>\r\n                    {page}\r\n                  </a>\r\n                )}\r\n              </li>\r\n\r\n              {this.showEllipsisAfterFirst(pages, page, availablePositions) && (\r\n                <li>\r\n                  <span>...</span>\r\n                </li>\r\n              )}\r\n            </>\r\n          ))}\r\n          <li class={currentPage < 1 || currentPage >= this.totalPages ? \"dso-page-hidden\" : undefined}>\r\n            <a\r\n              href={this.formatHref(pages[pages.indexOf(currentPage) + 1] ?? this.totalPages)}\r\n              aria-label=\"Volgende\"\r\n              onClick={(e) =>\r\n                currentPage &&\r\n                this.totalPages &&\r\n                this.clickHandler(e, pages[pages.indexOf(currentPage) + 1] ?? this.totalPages)\r\n              }\r\n            >\r\n              <dso-icon icon=\"chevron-right\"></dso-icon>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </dso-responsive-element>\r\n    );\r\n  }\r\n\r\n  private getAvailablePositions(sizePositions: number) {\r\n    if (sizePositions % 2 === 0) {\r\n      // Even aantal posities zorgt voor een scheve pagination\r\n      return sizePositions - 1;\r\n    }\r\n    if (sizePositions <= 3) {\r\n      // Voor het kunnen tonen van de vorige knop, volgende knop en 1 pagina zijn minimaal 3 posities nodig.\r\n      return 3;\r\n    }\r\n\r\n    return sizePositions;\r\n  }\r\n\r\n  private getPages(currentPage: number, availablePositions: number, totalPages: number): number[] {\r\n    if (totalPages + 2 <= availablePositions) {\r\n      // + 2 voor de vorige en volgende knop\r\n      return Array.from({ length: totalPages }, (_value, i) => i + 1);\r\n    }\r\n\r\n    if (availablePositions === 3) {\r\n      return [currentPage];\r\n    }\r\n\r\n    if (availablePositions === 5) {\r\n      return [1, currentPage, totalPages];\r\n    }\r\n\r\n    return [1, ...this.getPageRange(currentPage, availablePositions, totalPages), totalPages];\r\n  }\r\n\r\n  private getPageRange(currentPage: number, availablePositions: number, totalPages: number): number[] {\r\n    const range: number[] = [];\r\n\r\n    const positionRange = Math.floor(availablePositions / 2);\r\n\r\n    if (currentPage <= positionRange) {\r\n      for (let i = 2; i <= availablePositions - 4; i++) {\r\n        range.push(i);\r\n      }\r\n    }\r\n\r\n    if (currentPage >= positionRange && currentPage <= totalPages - positionRange) {\r\n      if (positionRange === 1) {\r\n        if (currentPage > totalPages - 2) {\r\n          range.push(totalPages - 2);\r\n        }\r\n\r\n        range.push(currentPage);\r\n\r\n        if (currentPage < 3) {\r\n          range.push(3);\r\n        }\r\n      }\r\n\r\n      if (positionRange > 1) {\r\n        const pagesBeforeOrAfter = positionRange - 3;\r\n\r\n        for (\r\n          let i = Math.min(currentPage - pagesBeforeOrAfter, totalPages - positionRange);\r\n          i <= Math.max(currentPage + pagesBeforeOrAfter, positionRange);\r\n          i++\r\n        ) {\r\n          if (i > 2 && i < totalPages - 1) {\r\n            range.push(i);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    if (currentPage > totalPages - positionRange) {\r\n      for (let i = totalPages - (availablePositions - 5); i <= totalPages - 1; i++) {\r\n        range.push(i);\r\n      }\r\n    }\r\n\r\n    return range.filter((v, i, a) => a.indexOf(v) === i);\r\n  }\r\n\r\n  private showEllipsisAfterFirst(pages: number[], page: number, availablePositions: number): boolean {\r\n    const totalPages = pages[pages.length - 1];\r\n    if (!totalPages) {\r\n      throw new Error(\"No totalPages\");\r\n    }\r\n\r\n    return (\r\n      pages.indexOf(page) === 0 &&\r\n      totalPages > availablePositions - 2 &&\r\n      !pages.some((p) => p === 2) &&\r\n      availablePositions >= 7\r\n    );\r\n  }\r\n\r\n  private showEllipsisBeforeLast(pages: number[], page: number, availablePositions: number): boolean {\r\n    const totalPages = pages[pages.length - 1];\r\n    if (!totalPages) {\r\n      throw new Error(\"No totalPages\");\r\n    }\r\n\r\n    return (\r\n      pages.indexOf(page) === pages.length - 1 &&\r\n      totalPages > availablePositions - 2 &&\r\n      !pages.some((p) => p === totalPages - 1) &&\r\n      availablePositions >= 7\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/{p-7098eb9d.entry.js → p-ec4b568d.entry.js}

@@ -1,2 +1,2 @@
-import{r,c as n,h as t,H as e,g as i}from"./p-26cdce1c.js";import{c as a}from"./p-6a1980b4.js";import{d as u}from"./p-1805f5b0.js";var o={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:true,timelineOffset:0};var f={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0};var v=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var c={CSS:{},springs:{}};function s(r,n,t){return Math.min(Math.max(r,n),t)}function l(r,n){return r.indexOf(n)>-1}function h(r,n){return r.apply(null,n)}var d={arr:function(r){return Array.isArray(r)},obj:function(r){return l(Object.prototype.toString.call(r),"Object")},pth:function(r){return d.obj(r)&&r.hasOwnProperty("totalLength")},svg:function(r){return r instanceof SVGElement},inp:function(r){return r instanceof HTMLInputElement},dom:function(r){return r.nodeType||d.svg(r)},str:function(r){return typeof r==="string"},fnc:function(r){return typeof r==="function"},und:function(r){return typeof r==="undefined"},nil:function(r){return d.und(r)||r===null},hex:function(r){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(r)},rgb:function(r){return/^rgb/.test(r)},hsl:function(r){return/^hsl/.test(r)},col:function(r){return d.hex(r)||d.rgb(r)||d.hsl(r)},key:function(r){return!o.hasOwnProperty(r)&&!f.hasOwnProperty(r)&&r!=="targets"&&r!=="keyframes"}};function p(r){var n=/\(([^)]+)\)/.exec(r);return n?n[1].split(",").map((function(r){return parseFloat(r)})):[]}function m(r,n){var t=p(r);var e=s(d.und(t[0])?1:t[0],.1,100);var i=s(d.und(t[1])?100:t[1],.1,100);var a=s(d.und(t[2])?10:t[2],.1,100);var u=s(d.und(t[3])?0:t[3],.1,100);var o=Math.sqrt(i/e);var f=a/(2*Math.sqrt(i*e));var v=f<1?o*Math.sqrt(1-f*f):0;var l=1;var h=f<1?(f*o+-u)/v:-u+o;function m(r){var t=n?n*r/1e3:r;if(f<1){t=Math.exp(-t*f*o)*(l*Math.cos(v*t)+h*Math.sin(v*t))}else{t=(l+h*t)*Math.exp(-t*o)}if(r===0||r===1){return r}return 1-t}function g(){var n=c.springs[r];if(n){return n}var t=1/6;var e=0;var i=0;while(true){e+=t;if(m(e)===1){i++;if(i>=16){break}}else{i=0}}var a=e*t*1e3;c.springs[r]=a;return a}return n?m:g}function g(r){if(r===void 0)r=10;return function(n){return Math.ceil(s(n,1e-6,1)*r)*(1/r)}}var b=function(){var r=11;var n=1/(r-1);function t(r,n){return 1-3*n+3*r}function e(r,n){return 3*n-6*r}function i(r){return 3*r}function a(r,n,a){return((t(n,a)*r+e(n,a))*r+i(n))*r}function u(r,n,a){return 3*t(n,a)*r*r+2*e(n,a)*r+i(n)}function o(r,n,t,e,i){var u,o,f=0;do{o=n+(t-n)/2;u=a(o,e,i)-r;if(u>0){t=o}else{n=o}}while(Math.abs(u)>1e-7&&++f<10);return o}function f(r,n,t,e){for(var i=0;i<4;++i){var o=u(n,t,e);if(o===0){return n}var f=a(n,t,e)-r;n-=f/o}return n}function v(t,e,i,v){if(!(0<=t&&t<=1&&0<=i&&i<=1)){return}var c=new Float32Array(r);if(t!==e||i!==v){for(var s=0;s<r;++s){c[s]=a(s*n,t,i)}}function l(e){var a=0;var v=1;var s=r-1;for(;v!==s&&c[v]<=e;++v){a+=n}--v;var l=(e-c[v])/(c[v+1]-c[v]);var h=a+l*n;var d=u(h,t,i);if(d>=.001){return f(e,h,t,i)}else if(d===0){return h}else{return o(e,a,a+n,t,i)}}return function(r){if(t===e&&i===v){return r}if(r===0||r===1){return r}return a(l(r),e,v)}}return v}();var M=function(){var r={linear:function(){return function(r){return r}}};var n={Sine:function(){return function(r){return 1-Math.cos(r*Math.PI/2)}},Circ:function(){return function(r){return 1-Math.sqrt(1-r*r)}},Back:function(){return function(r){return r*r*(3*r-2)}},Bounce:function(){return function(r){var n,t=4;while(r<((n=Math.pow(2,--t))-1)/11){}return 1/Math.pow(4,3-t)-7.5625*Math.pow((n*3-2)/22-r,2)}},Elastic:function(r,n){if(r===void 0)r=1;if(n===void 0)n=.5;var t=s(r,1,10);var e=s(n,.1,2);return function(r){return r===0||r===1?r:-t*Math.pow(2,10*(r-1))*Math.sin((r-1-e/(Math.PI*2)*Math.asin(1/t))*(Math.PI*2)/e)}}};var t=["Quad","Cubic","Quart","Quint","Expo"];t.forEach((function(r,t){n[r]=function(){return function(r){return Math.pow(r,t+2)}}}));Object.keys(n).forEach((function(t){var e=n[t];r["easeIn"+t]=e;r["easeOut"+t]=function(r,n){return function(t){return 1-e(r,n)(1-t)}};r["easeInOut"+t]=function(r,n){return function(t){return t<.5?e(r,n)(t*2)/2:1-e(r,n)(t*-2+2)/2}};r["easeOutIn"+t]=function(r,n){return function(t){return t<.5?(1-e(r,n)(1-t*2))/2:(e(r,n)(t*2-1)+1)/2}}}));return r}();function y(r,n){if(d.fnc(r)){return r}var t=r.split("(")[0];var e=M[t];var i=p(r);switch(t){case"spring":return m(r,n);case"cubicBezier":return h(b,i);case"steps":return h(g,i);default:return h(e,i)}}function w(r){try{var n=document.querySelectorAll(r);return n}catch(r){return}}function x(r,n){var t=r.length;var e=arguments.length>=2?arguments[1]:void 0;var i=[];for(var a=0;a<t;a++){if(a in r){var u=r[a];if(n.call(e,u,a,r)){i.push(u)}}}return i}function A(r){return r.reduce((function(r,n){return r.concat(d.arr(n)?A(n):n)}),[])}function F(r){if(d.arr(r)){return r}if(d.str(r)){r=w(r)||r}if(r instanceof NodeList||r instanceof HTMLCollection){return[].slice.call(r)}return[r]}function O(r,n){return r.some((function(r){return r===n}))}function k(r){var n={};for(var t in r){n[t]=r[t]}return n}function I(r,n){var t=k(r);for(var e in r){t[e]=n.hasOwnProperty(e)?n[e]:r[e]}return t}function B(r,n){var t=k(r);for(var e in n){t[e]=d.und(r[e])?n[e]:r[e]}return t}function C(r){var n=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(r);return n?"rgba("+n[1]+",1)":r}function j(r){var n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;var t=r.replace(n,(function(r,n,t,e){return n+n+t+t+e+e}));var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);var i=parseInt(e[1],16);var a=parseInt(e[2],16);var u=parseInt(e[3],16);return"rgba("+i+","+a+","+u+",1)"}function E(r){var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(r)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(r);var t=parseInt(n[1],10)/360;var e=parseInt(n[2],10)/100;var i=parseInt(n[3],10)/100;var a=n[4]||1;function u(r,n,t){if(t<0){t+=1}if(t>1){t-=1}if(t<1/6){return r+(n-r)*6*t}if(t<1/2){return n}if(t<2/3){return r+(n-r)*(2/3-t)*6}return r}var o,f,v;if(e==0){o=f=v=i}else{var c=i<.5?i*(1+e):i+e-i*e;var s=2*i-c;o=u(s,c,t+1/3);f=u(s,c,t);v=u(s,c,t-1/3)}return"rgba("+o*255+","+f*255+","+v*255+","+a+")"}function L(r){if(d.rgb(r)){return C(r)}if(d.hex(r)){return j(r)}if(d.hsl(r)){return E(r)}}function N(r){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(r);if(n){return n[1]}}function $(r){if(l(r,"translate")||r==="perspective"){return"px"}if(l(r,"rotate")||l(r,"skew")){return"deg"}}function z(r,n){if(!d.fnc(r)){return r}return r(n.target,n.id,n.total)}function H(r,n){return r.getAttribute(n)}function S(r,n,t){var e=N(n);if(O([t,"deg","rad","turn"],e)){return n}var i=c.CSS[n+t];if(!d.und(i)){return i}var a=100;var u=document.createElement(r.tagName);var o=r.parentNode&&r.parentNode!==document?r.parentNode:document.body;o.appendChild(u);u.style.position="absolute";u.style.width=a+t;var f=a/u.offsetWidth;o.removeChild(u);var v=f*parseFloat(n);c.CSS[n+t]=v;return v}function D(r,n,t){if(n in r.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();var i=r.style[n]||getComputedStyle(r).getPropertyValue(e)||"0";return t?S(r,i,t):i}}function X(r,n){if(d.dom(r)&&!d.inp(r)&&(!d.nil(H(r,n))||d.svg(r)&&r[n])){return"attribute"}if(d.dom(r)&&O(v,n)){return"transform"}if(d.dom(r)&&(n!=="transform"&&D(r,n))){return"css"}if(r[n]!=null){return"object"}}function Y(r){if(!d.dom(r)){return}var n=r.style.transform||"";var t=/(\w+)\(([^)]*)\)/g;var e=new Map;var i;while(i=t.exec(n)){e.set(i[1],i[2])}return e}function Z(r,n,t,e){var i=l(n,"scale")?1:0+$(n);var a=Y(r).get(n)||i;if(t){t.transforms.list.set(n,a);t.transforms["last"]=n}return e?S(r,a,e):a}function _(r,n,t,e){switch(X(r,n)){case"transform":return Z(r,n,e,t);case"css":return D(r,n,t);case"attribute":return H(r,n);default:return r[n]||0}}function Q(r,n){var t=/^(\*=|\+=|-=)/.exec(r);if(!t){return r}var e=N(r)||0;var i=parseFloat(n);var a=parseFloat(r.replace(t[0],""));switch(t[0][0]){case"+":return i+a+e;case"-":return i-a+e;case"*":return i*a+e}}function q(r,n){if(d.col(r)){return L(r)}if(/\s/g.test(r)){return r}var t=N(r);var e=t?r.substr(0,r.length-t.length):r;if(n){return e+n}return e}function P(r,n){return Math.sqrt(Math.pow(n.x-r.x,2)+Math.pow(n.y-r.y,2))}function R(r){return Math.PI*2*H(r,"r")}function T(r){return H(r,"width")*2+H(r,"height")*2}function W(r){return P({x:H(r,"x1"),y:H(r,"y1")},{x:H(r,"x2"),y:H(r,"y2")})}function G(r){var n=r.points;var t=0;var e;for(var i=0;i<n.numberOfItems;i++){var a=n.getItem(i);if(i>0){t+=P(e,a)}e=a}return t}function V(r){var n=r.points;return G(r)+P(n.getItem(n.numberOfItems-1),n.getItem(0))}function J(r){if(r.getTotalLength){return r.getTotalLength()}switch(r.tagName.toLowerCase()){case"circle":return R(r);case"rect":return T(r);case"line":return W(r);case"polyline":return G(r);case"polygon":return V(r)}}function K(r){var n=J(r);r.setAttribute("stroke-dasharray",n);return n}function U(r){var n=r.parentNode;while(d.svg(n)){if(!d.svg(n.parentNode)){break}n=n.parentNode}return n}function rr(r,n){var t=n||{};var e=t.el||U(r);var i=e.getBoundingClientRect();var a=H(e,"viewBox");var u=i.width;var o=i.height;var f=t.viewBox||(a?a.split(" "):[0,0,u,o]);return{el:e,viewBox:f,x:f[0]/1,y:f[1]/1,w:u,h:o,vW:f[2],vH:f[3]}}function nr(r,n){var t=d.str(r)?w(r)[0]:r;var e=n||100;return function(r){return{property:r,el:t,svg:rr(t),totalLength:J(t)*(e/100)}}}function tr(r,n,t){function e(t){if(t===void 0)t=0;var e=n+t>=1?n+t:0;return r.el.getPointAtLength(e)}var i=rr(r.el,r.svg);var a=e();var u=e(-1);var o=e(+1);var f=t?1:i.w/i.vW;var v=t?1:i.h/i.vH;switch(r.property){case"x":return(a.x-i.x)*f;case"y":return(a.y-i.y)*v;case"angle":return Math.atan2(o.y-u.y,o.x-u.x)*180/Math.PI}}function er(r,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g;var e=q(d.pth(r)?r.totalLength:r,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:d.str(r)||n?e.split(t):[]}}function ir(r){var n=r?A(d.arr(r)?r.map(F):F(r)):[];return x(n,(function(r,n,t){return t.indexOf(r)===n}))}function ar(r){var n=ir(r);return n.map((function(r,t){return{target:r,id:t,total:n.length,transforms:{list:Y(r)}}}))}function ur(r,n){var t=k(n);if(/^spring/.test(t.easing)){t.duration=m(t.easing)}if(d.arr(r)){var e=r.length;var i=e===2&&!d.obj(r[0]);if(!i){if(!d.fnc(n.duration)){t.duration=n.duration/e}}else{r={value:r}}}var a=d.arr(r)?r:[r];return a.map((function(r,t){var e=d.obj(r)&&!d.pth(r)?r:{value:r};if(d.und(e.delay)){e.delay=!t?n.delay:0}if(d.und(e.endDelay)){e.endDelay=t===a.length-1?n.endDelay:0}return e})).map((function(r){return B(r,t)}))}function or(r){var n=x(A(r.map((function(r){return Object.keys(r)}))),(function(r){return d.key(r)})).reduce((function(r,n){if(r.indexOf(n)<0){r.push(n)}return r}),[]);var t={};var e=function(e){var i=n[e];t[i]=r.map((function(r){var n={};for(var t in r){if(d.key(t)){if(t==i){n.value=r[t]}}else{n[t]=r[t]}}return n}))};for(var i=0;i<n.length;i++)e(i);return t}function fr(r,n){var t=[];var e=n.keyframes;if(e){n=B(or(e),n)}for(var i in n){if(d.key(i)){t.push({name:i,tweens:ur(n[i],r)})}}return t}function vr(r,n){var t={};for(var e in r){var i=z(r[e],n);if(d.arr(i)){i=i.map((function(r){return z(r,n)}));if(i.length===1){i=i[0]}}t[e]=i}t.duration=parseFloat(t.duration);t.delay=parseFloat(t.delay);return t}function cr(r,n){var t;return r.tweens.map((function(e){var i=vr(e,n);var a=i.value;var u=d.arr(a)?a[1]:a;var o=N(u);var f=_(n.target,r.name,o,n);var v=t?t.to.original:f;var c=d.arr(a)?a[0]:v;var s=N(c)||N(f);var l=o||s;if(d.und(u)){u=v}i.from=er(c,l);i.to=er(Q(u,c),l);i.start=t?t.end:0;i.end=i.start+i.delay+i.duration+i.endDelay;i.easing=y(i.easing,i.duration);i.isPath=d.pth(a);i.isPathTargetInsideSVG=i.isPath&&d.svg(n.target);i.isColor=d.col(i.from.original);if(i.isColor){i.round=1}t=i;return i}))}var sr={css:function(r,n,t){return r.style[n]=t},attribute:function(r,n,t){return r.setAttribute(n,t)},object:function(r,n,t){return r[n]=t},transform:function(r,n,t,e,i){e.list.set(n,t);if(n===e.last||i){var a="";e.list.forEach((function(r,n){a+=n+"("+r+") "}));r.style.transform=a}}};function lr(r,n){var t=ar(r);t.forEach((function(r){for(var t in n){var e=z(n[t],r);var i=r.target;var a=N(e);var u=_(i,t,a,r);var o=a||N(u);var f=Q(q(e,o),u);var v=X(i,t);sr[v](i,t,f,r.transforms,true)}}))}function hr(r,n){var t=X(r.target,n.name);if(t){var e=cr(n,r);var i=e[e.length-1];return{type:t,property:n.name,animatable:r,tweens:e,duration:i.end,delay:e[0].delay,endDelay:i.endDelay}}}function dr(r,n){return x(A(r.map((function(r){return n.map((function(n){return hr(r,n)}))}))),(function(r){return!d.und(r)}))}function pr(r,n){var t=r.length;var e=function(r){return r.timelineOffset?r.timelineOffset:0};var i={};i.duration=t?Math.max.apply(Math,r.map((function(r){return e(r)+r.duration}))):n.duration;i.delay=t?Math.min.apply(Math,r.map((function(r){return e(r)+r.delay}))):n.delay;i.endDelay=t?i.duration-Math.max.apply(Math,r.map((function(r){return e(r)+r.duration-r.endDelay}))):n.endDelay;return i}var mr=0;function gr(r){var n=I(o,r);var t=I(f,r);var e=fr(t,r);var i=ar(r.targets);var a=dr(i,e);var u=pr(a,t);var v=mr;mr++;return B(n,{id:v,children:[],animatables:i,animations:a,duration:u.duration,delay:u.delay,endDelay:u.endDelay})}var br=[];var Mr=function(){var r;function n(){if(!r&&(!yr()||!wr.suspendWhenDocumentHidden)&&br.length>0){r=requestAnimationFrame(t)}}function t(n){var e=br.length;var i=0;while(i<e){var a=br[i];if(!a.paused){a.tick(n);i++}else{br.splice(i,1);e--}}r=i>0?requestAnimationFrame(t):undefined}function e(){if(!wr.suspendWhenDocumentHidden){return}if(yr()){r=cancelAnimationFrame(r)}else{br.forEach((function(r){return r._onDocumentVisibility()}));Mr()}}if(typeof document!=="undefined"){document.addEventListener("visibilitychange",e)}return n}();function yr(){return!!document&&document.hidden}function wr(r){if(r===void 0)r={};var n=0,t=0,e=0;var i,a=0;var u=null;function o(r){var n=window.Promise&&new Promise((function(r){return u=r}));r.finished=n;return n}var f=gr(r);o(f);function v(){var r=f.direction;if(r!=="alternate"){f.direction=r!=="normal"?"normal":"reverse"}f.reversed=!f.reversed;i.forEach((function(r){return r.reversed=f.reversed}))}function c(r){return f.reversed?f.duration-r:r}function l(){n=0;t=c(f.currentTime)*(1/wr.speed)}function h(r,n){if(n){n.seek(r-n.timelineOffset)}}function d(r){if(!f.reversePlayback){for(var n=0;n<a;n++){h(r,i[n])}}else{for(var t=a;t--;){h(r,i[t])}}}function p(r){var n=0;var t=f.animations;var e=t.length;while(n<e){var i=t[n];var a=i.animatable;var u=i.tweens;var o=u.length-1;var v=u[o];if(o){v=x(u,(function(n){return r<n.end}))[0]||v}var c=s(r-v.start-v.delay,0,v.duration)/v.duration;var l=isNaN(c)?1:v.easing(c);var h=v.to.strings;var d=v.round;var p=[];var m=v.to.numbers.length;var g=void 0;for(var b=0;b<m;b++){var M=void 0;var y=v.to.numbers[b];var w=v.from.numbers[b]||0;if(!v.isPath){M=w+l*(y-w)}else{M=tr(v.value,l*y,v.isPathTargetInsideSVG)}if(d){if(!(v.isColor&&b>2)){M=Math.round(M*d)/d}}p.push(M)}var A=h.length;if(!A){g=p[0]}else{g=h[0];for(var F=0;F<A;F++){var O=h[F+1];var k=p[F];if(!isNaN(k)){if(!O){g+=k+" "}else{g+=k+O}}}}sr[i.type](a.target,i.property,g,a.transforms);i.currentValue=g;n++}}function m(r){if(f[r]&&!f.passThrough){f[r](f)}}function g(){if(f.remaining&&f.remaining!==true){f.remaining--}}function b(r){var a=f.duration;var l=f.delay;var h=a-f.endDelay;var b=c(r);f.progress=s(b/a*100,0,100);f.reversePlayback=b<f.currentTime;if(i){d(b)}if(!f.began&&f.currentTime>0){f.began=true;m("begin")}if(!f.loopBegan&&f.currentTime>0){f.loopBegan=true;m("loopBegin")}if(b<=l&&f.currentTime!==0){p(0)}if(b>=h&&f.currentTime!==a||!a){p(a)}if(b>l&&b<h){if(!f.changeBegan){f.changeBegan=true;f.changeCompleted=false;m("changeBegin")}m("change");p(b)}else{if(f.changeBegan){f.changeCompleted=true;f.changeBegan=false;m("changeComplete")}}f.currentTime=s(b,0,a);if(f.began){m("update")}if(r>=a){t=0;g();if(!f.remaining){f.paused=true;if(!f.completed){f.completed=true;m("loopComplete");m("complete");if(!f.passThrough&&"Promise"in window){u();o(f)}}}else{n=e;m("loopComplete");f.loopBegan=false;if(f.direction==="alternate"){v()}}}}f.reset=function(){var r=f.direction;f.passThrough=false;f.currentTime=0;f.progress=0;f.paused=true;f.began=false;f.loopBegan=false;f.changeBegan=false;f.completed=false;f.changeCompleted=false;f.reversePlayback=false;f.reversed=r==="reverse";f.remaining=f.loop;i=f.children;a=i.length;for(var n=a;n--;){f.children[n].reset()}if(f.reversed&&f.loop!==true||r==="alternate"&&f.loop===1){f.remaining++}p(f.reversed?f.duration:0)};f._onDocumentVisibility=l;f.set=function(r,n){lr(r,n);return f};f.tick=function(r){e=r;if(!n){n=e}b((e+(t-n))*wr.speed)};f.seek=function(r){b(c(r))};f.pause=function(){f.paused=true;l()};f.play=function(){if(!f.paused){return}if(f.completed){f.reset()}f.paused=false;br.push(f);l();Mr()};f.reverse=function(){v();f.completed=f.reversed?false:true;l()};f.restart=function(){f.reset();f.play()};f.remove=function(r){var n=ir(r);Ar(n,f)};f.reset();if(f.autoplay){f.play()}return f}function xr(r,n){for(var t=n.length;t--;){if(O(r,n[t].animatable.target)){n.splice(t,1)}}}function Ar(r,n){var t=n.animations;var e=n.children;xr(r,t);for(var i=e.length;i--;){var a=e[i];var u=a.animations;xr(r,u);if(!u.length&&!a.children.length){e.splice(i,1)}}if(!t.length&&!e.length){n.pause()}}function Fr(r){var n=ir(r);for(var t=br.length;t--;){var e=br[t];Ar(n,e)}}function Or(r,n){if(n===void 0)n={};var t=n.direction||"normal";var e=n.easing?y(n.easing):null;var i=n.grid;var a=n.axis;var u=n.from||0;var o=u==="first";var f=u==="center";var v=u==="last";var c=d.arr(r);var s=c?parseFloat(r[0]):parseFloat(r);var l=c?parseFloat(r[1]):0;var h=N(c?r[1]:r)||0;var p=n.start||0+(c?s:0);var m=[];var g=0;return function(r,n,d){if(o){u=0}if(f){u=(d-1)/2}if(v){u=d-1}if(!m.length){for(var b=0;b<d;b++){if(!i){m.push(Math.abs(u-b))}else{var M=!f?u%i[0]:(i[0]-1)/2;var y=!f?Math.floor(u/i[0]):(i[1]-1)/2;var w=b%i[0];var x=Math.floor(b/i[0]);var A=M-w;var F=y-x;var O=Math.sqrt(A*A+F*F);if(a==="x"){O=-A}if(a==="y"){O=-F}m.push(O)}g=Math.max.apply(Math,m)}if(e){m=m.map((function(r){return e(r/g)*g}))}if(t==="reverse"){m=m.map((function(r){return a?r<0?r*-1:-r:Math.abs(g-r)}))}}var k=c?(l-s)/g:s;return p+k*(Math.round(m[n]*100)/100)+h}}function kr(r){if(r===void 0)r={};var n=wr(r);n.duration=0;n.add=function(t,e){var i=br.indexOf(n);var a=n.children;if(i>-1){br.splice(i,1)}function u(r){r.passThrough=true}for(var o=0;o<a.length;o++){u(a[o])}var v=B(t,I(f,r));v.targets=v.targets||r.targets;var c=n.duration;v.autoplay=false;v.direction=n.direction;v.timelineOffset=d.und(e)?c:Q(e,c);u(n);n.seek(v.timelineOffset);var s=wr(v);u(s);a.push(s);var l=pr(a,r);n.delay=l.delay;n.endDelay=l.endDelay;n.duration=l.duration;n.seek(0);n.reset();if(n.autoplay){n.play()}return n};return n}wr.version="3.2.1";wr.speed=1;wr.suspendWhenDocumentHidden=true;wr.running=br;wr.remove=Fr;wr.get=_;wr.set=lr;wr.convertPx=S;wr.path=nr;wr.setDashoffset=K;wr.stagger=Or;wr.timeline=kr;wr.easing=y;wr.penner=M;wr.random=function(r,n){return Math.floor(Math.random()*(n-r+1))+r};const Ir=":host{display:block;overflow-y:hidden}:host(.dso-hide){display:none}:host(:not(.dso-animate-ready)){position:absolute;visibility:hidden}:host([open]){position:inherit;visibility:inherit}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const Br=class{constructor(t){r(this,t);this._animationInstantiated=n(this,"_animationInstantiated",7);this.open=undefined;this.enableAnimation=false;this.minimumHeight=undefined;this.animationReady=false}toggleOpen(){if(this.enableAnimation){this.activateAnimation()}}toggleEnableAnimation(r){var n;if(r){this.prepareAnimationResizeObserver();this.activateObserver()}else{(n=this.resizeObserver)===null||n===void 0?void 0:n.disconnect();delete this.animeInstance;this.host.removeAttribute("style")}}async _getAnimeInstance(){return this.animeInstance}async _getBodyHeight(){return this.bodyHeight}componentWillLoad(){if(this.enableAnimation){this.prepareAnimationResizeObserver()}}componentDidLoad(){this.activateObserver()}activateObserver(){var r;const n=this.host.querySelector(`[slot="expandable-content"]`);if(n){(r=this.resizeObserver)===null||r===void 0?void 0:r.observe(n)}}disconnectedCallback(){var r;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect()}render(){return t(e,{"aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation&&this.animationReady,"dso-hide":!this.enableAnimation&&!this.open})},t("slot",{name:"expandable-content"}))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(u((([r])=>{if(!r){throw new Error("No entry found")}const n=r.target.getBoundingClientRect().height;if(this.bodyHeight!==n){this.bodyHeight=n}this.instantiateAnimation()}),150))}instantiateAnimation(){var r;this.animeInstance=wr({targets:this.host,height:(r=this.minimumHeight)!==null&&r!==void 0?r:0,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:false,direction:"normal",begin:()=>{if(this.host){if(this.open){this.host.style.visibility="";this.host.style.position="";this.host.style.bottom=""}}},complete:()=>{if(this.host){this.host.style.height="";if(!this.open){this.host.style.visibility="hidden";this.host.style.position="absolute";this.host.style.bottom="100%"}}}});if(!this.open){this.animeInstance.reverse();this.animeInstance.play()}if(this.host){this.host.style.height=""}this.animationReady=!!this.animeInstance;this._animationInstantiated.emit()}activateAnimation(){if(this.animeInstance){if(this.animeInstance.progress>0&&this.animeInstance.progress<100){this.animeInstance.reverse()}else{if(this.open){this.animeInstance.direction="reverse";this.animeInstance.play()}else{this.animeInstance.direction="normal";this.animeInstance.play()}}}}get host(){return i(this)}static get watchers(){return{open:["toggleOpen"],enableAnimation:["toggleEnableAnimation"]}}};Br.style=Ir;export{Br as dso_expandable};
-//# sourceMappingURL=p-7098eb9d.entry.js.map
+import{r,c as n,h as t,H as e,a as i}from"./p-ce928197.js";import{c as a}from"./p-6a1980b4.js";import{d as u}from"./p-1805f5b0.js";var f={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:true,timelineOffset:0};var o={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0};var v=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var c={CSS:{},springs:{}};function s(r,n,t){return Math.min(Math.max(r,n),t)}function l(r,n){return r.indexOf(n)>-1}function h(r,n){return r.apply(null,n)}var d={arr:function(r){return Array.isArray(r)},obj:function(r){return l(Object.prototype.toString.call(r),"Object")},pth:function(r){return d.obj(r)&&r.hasOwnProperty("totalLength")},svg:function(r){return r instanceof SVGElement},inp:function(r){return r instanceof HTMLInputElement},dom:function(r){return r.nodeType||d.svg(r)},str:function(r){return typeof r==="string"},fnc:function(r){return typeof r==="function"},und:function(r){return typeof r==="undefined"},nil:function(r){return d.und(r)||r===null},hex:function(r){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(r)},rgb:function(r){return/^rgb/.test(r)},hsl:function(r){return/^hsl/.test(r)},col:function(r){return d.hex(r)||d.rgb(r)||d.hsl(r)},key:function(r){return!f.hasOwnProperty(r)&&!o.hasOwnProperty(r)&&r!=="targets"&&r!=="keyframes"}};function p(r){var n=/\(([^)]+)\)/.exec(r);return n?n[1].split(",").map((function(r){return parseFloat(r)})):[]}function m(r,n){var t=p(r);var e=s(d.und(t[0])?1:t[0],.1,100);var i=s(d.und(t[1])?100:t[1],.1,100);var a=s(d.und(t[2])?10:t[2],.1,100);var u=s(d.und(t[3])?0:t[3],.1,100);var f=Math.sqrt(i/e);var o=a/(2*Math.sqrt(i*e));var v=o<1?f*Math.sqrt(1-o*o):0;var l=1;var h=o<1?(o*f+-u)/v:-u+f;function m(r){var t=n?n*r/1e3:r;if(o<1){t=Math.exp(-t*o*f)*(l*Math.cos(v*t)+h*Math.sin(v*t))}else{t=(l+h*t)*Math.exp(-t*f)}if(r===0||r===1){return r}return 1-t}function g(){var n=c.springs[r];if(n){return n}var t=1/6;var e=0;var i=0;while(true){e+=t;if(m(e)===1){i++;if(i>=16){break}}else{i=0}}var a=e*t*1e3;c.springs[r]=a;return a}return n?m:g}function g(r){if(r===void 0)r=10;return function(n){return Math.ceil(s(n,1e-6,1)*r)*(1/r)}}var b=function(){var r=11;var n=1/(r-1);function t(r,n){return 1-3*n+3*r}function e(r,n){return 3*n-6*r}function i(r){return 3*r}function a(r,n,a){return((t(n,a)*r+e(n,a))*r+i(n))*r}function u(r,n,a){return 3*t(n,a)*r*r+2*e(n,a)*r+i(n)}function f(r,n,t,e,i){var u,f,o=0;do{f=n+(t-n)/2;u=a(f,e,i)-r;if(u>0){t=f}else{n=f}}while(Math.abs(u)>1e-7&&++o<10);return f}function o(r,n,t,e){for(var i=0;i<4;++i){var f=u(n,t,e);if(f===0){return n}var o=a(n,t,e)-r;n-=o/f}return n}function v(t,e,i,v){if(!(0<=t&&t<=1&&0<=i&&i<=1)){return}var c=new Float32Array(r);if(t!==e||i!==v){for(var s=0;s<r;++s){c[s]=a(s*n,t,i)}}function l(e){var a=0;var v=1;var s=r-1;for(;v!==s&&c[v]<=e;++v){a+=n}--v;var l=(e-c[v])/(c[v+1]-c[v]);var h=a+l*n;var d=u(h,t,i);if(d>=.001){return o(e,h,t,i)}else if(d===0){return h}else{return f(e,a,a+n,t,i)}}return function(r){if(t===e&&i===v){return r}if(r===0||r===1){return r}return a(l(r),e,v)}}return v}();var M=function(){var r={linear:function(){return function(r){return r}}};var n={Sine:function(){return function(r){return 1-Math.cos(r*Math.PI/2)}},Circ:function(){return function(r){return 1-Math.sqrt(1-r*r)}},Back:function(){return function(r){return r*r*(3*r-2)}},Bounce:function(){return function(r){var n,t=4;while(r<((n=Math.pow(2,--t))-1)/11){}return 1/Math.pow(4,3-t)-7.5625*Math.pow((n*3-2)/22-r,2)}},Elastic:function(r,n){if(r===void 0)r=1;if(n===void 0)n=.5;var t=s(r,1,10);var e=s(n,.1,2);return function(r){return r===0||r===1?r:-t*Math.pow(2,10*(r-1))*Math.sin((r-1-e/(Math.PI*2)*Math.asin(1/t))*(Math.PI*2)/e)}}};var t=["Quad","Cubic","Quart","Quint","Expo"];t.forEach((function(r,t){n[r]=function(){return function(r){return Math.pow(r,t+2)}}}));Object.keys(n).forEach((function(t){var e=n[t];r["easeIn"+t]=e;r["easeOut"+t]=function(r,n){return function(t){return 1-e(r,n)(1-t)}};r["easeInOut"+t]=function(r,n){return function(t){return t<.5?e(r,n)(t*2)/2:1-e(r,n)(t*-2+2)/2}};r["easeOutIn"+t]=function(r,n){return function(t){return t<.5?(1-e(r,n)(1-t*2))/2:(e(r,n)(t*2-1)+1)/2}}}));return r}();function y(r,n){if(d.fnc(r)){return r}var t=r.split("(")[0];var e=M[t];var i=p(r);switch(t){case"spring":return m(r,n);case"cubicBezier":return h(b,i);case"steps":return h(g,i);default:return h(e,i)}}function w(r){try{var n=document.querySelectorAll(r);return n}catch(r){return}}function x(r,n){var t=r.length;var e=arguments.length>=2?arguments[1]:void 0;var i=[];for(var a=0;a<t;a++){if(a in r){var u=r[a];if(n.call(e,u,a,r)){i.push(u)}}}return i}function A(r){return r.reduce((function(r,n){return r.concat(d.arr(n)?A(n):n)}),[])}function F(r){if(d.arr(r)){return r}if(d.str(r)){r=w(r)||r}if(r instanceof NodeList||r instanceof HTMLCollection){return[].slice.call(r)}return[r]}function O(r,n){return r.some((function(r){return r===n}))}function k(r){var n={};for(var t in r){n[t]=r[t]}return n}function C(r,n){var t=k(r);for(var e in r){t[e]=n.hasOwnProperty(e)?n[e]:r[e]}return t}function E(r,n){var t=k(r);for(var e in n){t[e]=d.und(r[e])?n[e]:r[e]}return t}function j(r){var n=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(r);return n?"rgba("+n[1]+",1)":r}function B(r){var n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;var t=r.replace(n,(function(r,n,t,e){return n+n+t+t+e+e}));var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);var i=parseInt(e[1],16);var a=parseInt(e[2],16);var u=parseInt(e[3],16);return"rgba("+i+","+a+","+u+",1)"}function I(r){var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(r)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(r);var t=parseInt(n[1],10)/360;var e=parseInt(n[2],10)/100;var i=parseInt(n[3],10)/100;var a=n[4]||1;function u(r,n,t){if(t<0){t+=1}if(t>1){t-=1}if(t<1/6){return r+(n-r)*6*t}if(t<1/2){return n}if(t<2/3){return r+(n-r)*(2/3-t)*6}return r}var f,o,v;if(e==0){f=o=v=i}else{var c=i<.5?i*(1+e):i+e-i*e;var s=2*i-c;f=u(s,c,t+1/3);o=u(s,c,t);v=u(s,c,t-1/3)}return"rgba("+f*255+","+o*255+","+v*255+","+a+")"}function N(r){if(d.rgb(r)){return j(r)}if(d.hex(r)){return B(r)}if(d.hsl(r)){return I(r)}}function $(r){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(r);if(n){return n[1]}}function z(r){if(l(r,"translate")||r==="perspective"){return"px"}if(l(r,"rotate")||l(r,"skew")){return"deg"}}function L(r,n){if(!d.fnc(r)){return r}return r(n.target,n.id,n.total)}function H(r,n){return r.getAttribute(n)}function S(r,n,t){var e=$(n);if(O([t,"deg","rad","turn"],e)){return n}var i=c.CSS[n+t];if(!d.und(i)){return i}var a=100;var u=document.createElement(r.tagName);var f=r.parentNode&&r.parentNode!==document?r.parentNode:document.body;f.appendChild(u);u.style.position="absolute";u.style.width=a+t;var o=a/u.offsetWidth;f.removeChild(u);var v=o*parseFloat(n);c.CSS[n+t]=v;return v}function D(r,n,t){if(n in r.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();var i=r.style[n]||getComputedStyle(r).getPropertyValue(e)||"0";return t?S(r,i,t):i}}function X(r,n){if(d.dom(r)&&!d.inp(r)&&(!d.nil(H(r,n))||d.svg(r)&&r[n])){return"attribute"}if(d.dom(r)&&O(v,n)){return"transform"}if(d.dom(r)&&(n!=="transform"&&D(r,n))){return"css"}if(r[n]!=null){return"object"}}function Y(r){if(!d.dom(r)){return}var n=r.style.transform||"";var t=/(\w+)\(([^)]*)\)/g;var e=new Map;var i;while(i=t.exec(n)){e.set(i[1],i[2])}return e}function Z(r,n,t,e){var i=l(n,"scale")?1:0+z(n);var a=Y(r).get(n)||i;if(t){t.transforms.list.set(n,a);t.transforms["last"]=n}return e?S(r,a,e):a}function Q(r,n,t,e){switch(X(r,n)){case"transform":return Z(r,n,e,t);case"css":return D(r,n,t);case"attribute":return H(r,n);default:return r[n]||0}}function q(r,n){var t=/^(\*=|\+=|-=)/.exec(r);if(!t){return r}var e=$(r)||0;var i=parseFloat(n);var a=parseFloat(r.replace(t[0],""));switch(t[0][0]){case"+":return i+a+e;case"-":return i-a+e;case"*":return i*a+e}}function P(r,n){if(d.col(r)){return N(r)}if(/\s/g.test(r)){return r}var t=$(r);var e=t?r.substr(0,r.length-t.length):r;if(n){return e+n}return e}function R(r,n){return Math.sqrt(Math.pow(n.x-r.x,2)+Math.pow(n.y-r.y,2))}function T(r){return Math.PI*2*H(r,"r")}function G(r){return H(r,"width")*2+H(r,"height")*2}function V(r){return R({x:H(r,"x1"),y:H(r,"y1")},{x:H(r,"x2"),y:H(r,"y2")})}function W(r){var n=r.points;var t=0;var e;for(var i=0;i<n.numberOfItems;i++){var a=n.getItem(i);if(i>0){t+=R(e,a)}e=a}return t}function _(r){var n=r.points;return W(r)+R(n.getItem(n.numberOfItems-1),n.getItem(0))}function J(r){if(r.getTotalLength){return r.getTotalLength()}switch(r.tagName.toLowerCase()){case"circle":return T(r);case"rect":return G(r);case"line":return V(r);case"polyline":return W(r);case"polygon":return _(r)}}function K(r){var n=J(r);r.setAttribute("stroke-dasharray",n);return n}function U(r){var n=r.parentNode;while(d.svg(n)){if(!d.svg(n.parentNode)){break}n=n.parentNode}return n}function rr(r,n){var t=n||{};var e=t.el||U(r);var i=e.getBoundingClientRect();var a=H(e,"viewBox");var u=i.width;var f=i.height;var o=t.viewBox||(a?a.split(" "):[0,0,u,f]);return{el:e,viewBox:o,x:o[0]/1,y:o[1]/1,w:u,h:f,vW:o[2],vH:o[3]}}function nr(r,n){var t=d.str(r)?w(r)[0]:r;var e=n||100;return function(r){return{property:r,el:t,svg:rr(t),totalLength:J(t)*(e/100)}}}function tr(r,n,t){function e(t){if(t===void 0)t=0;var e=n+t>=1?n+t:0;return r.el.getPointAtLength(e)}var i=rr(r.el,r.svg);var a=e();var u=e(-1);var f=e(+1);var o=t?1:i.w/i.vW;var v=t?1:i.h/i.vH;switch(r.property){case"x":return(a.x-i.x)*o;case"y":return(a.y-i.y)*v;case"angle":return Math.atan2(f.y-u.y,f.x-u.x)*180/Math.PI}}function er(r,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g;var e=P(d.pth(r)?r.totalLength:r,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:d.str(r)||n?e.split(t):[]}}function ir(r){var n=r?A(d.arr(r)?r.map(F):F(r)):[];return x(n,(function(r,n,t){return t.indexOf(r)===n}))}function ar(r){var n=ir(r);return n.map((function(r,t){return{target:r,id:t,total:n.length,transforms:{list:Y(r)}}}))}function ur(r,n){var t=k(n);if(/^spring/.test(t.easing)){t.duration=m(t.easing)}if(d.arr(r)){var e=r.length;var i=e===2&&!d.obj(r[0]);if(!i){if(!d.fnc(n.duration)){t.duration=n.duration/e}}else{r={value:r}}}var a=d.arr(r)?r:[r];return a.map((function(r,t){var e=d.obj(r)&&!d.pth(r)?r:{value:r};if(d.und(e.delay)){e.delay=!t?n.delay:0}if(d.und(e.endDelay)){e.endDelay=t===a.length-1?n.endDelay:0}return e})).map((function(r){return E(r,t)}))}function fr(r){var n=x(A(r.map((function(r){return Object.keys(r)}))),(function(r){return d.key(r)})).reduce((function(r,n){if(r.indexOf(n)<0){r.push(n)}return r}),[]);var t={};var e=function(e){var i=n[e];t[i]=r.map((function(r){var n={};for(var t in r){if(d.key(t)){if(t==i){n.value=r[t]}}else{n[t]=r[t]}}return n}))};for(var i=0;i<n.length;i++)e(i);return t}function or(r,n){var t=[];var e=n.keyframes;if(e){n=E(fr(e),n)}for(var i in n){if(d.key(i)){t.push({name:i,tweens:ur(n[i],r)})}}return t}function vr(r,n){var t={};for(var e in r){var i=L(r[e],n);if(d.arr(i)){i=i.map((function(r){return L(r,n)}));if(i.length===1){i=i[0]}}t[e]=i}t.duration=parseFloat(t.duration);t.delay=parseFloat(t.delay);return t}function cr(r,n){var t;return r.tweens.map((function(e){var i=vr(e,n);var a=i.value;var u=d.arr(a)?a[1]:a;var f=$(u);var o=Q(n.target,r.name,f,n);var v=t?t.to.original:o;var c=d.arr(a)?a[0]:v;var s=$(c)||$(o);var l=f||s;if(d.und(u)){u=v}i.from=er(c,l);i.to=er(q(u,c),l);i.start=t?t.end:0;i.end=i.start+i.delay+i.duration+i.endDelay;i.easing=y(i.easing,i.duration);i.isPath=d.pth(a);i.isPathTargetInsideSVG=i.isPath&&d.svg(n.target);i.isColor=d.col(i.from.original);if(i.isColor){i.round=1}t=i;return i}))}var sr={css:function(r,n,t){return r.style[n]=t},attribute:function(r,n,t){return r.setAttribute(n,t)},object:function(r,n,t){return r[n]=t},transform:function(r,n,t,e,i){e.list.set(n,t);if(n===e.last||i){var a="";e.list.forEach((function(r,n){a+=n+"("+r+") "}));r.style.transform=a}}};function lr(r,n){var t=ar(r);t.forEach((function(r){for(var t in n){var e=L(n[t],r);var i=r.target;var a=$(e);var u=Q(i,t,a,r);var f=a||$(u);var o=q(P(e,f),u);var v=X(i,t);sr[v](i,t,o,r.transforms,true)}}))}function hr(r,n){var t=X(r.target,n.name);if(t){var e=cr(n,r);var i=e[e.length-1];return{type:t,property:n.name,animatable:r,tweens:e,duration:i.end,delay:e[0].delay,endDelay:i.endDelay}}}function dr(r,n){return x(A(r.map((function(r){return n.map((function(n){return hr(r,n)}))}))),(function(r){return!d.und(r)}))}function pr(r,n){var t=r.length;var e=function(r){return r.timelineOffset?r.timelineOffset:0};var i={};i.duration=t?Math.max.apply(Math,r.map((function(r){return e(r)+r.duration}))):n.duration;i.delay=t?Math.min.apply(Math,r.map((function(r){return e(r)+r.delay}))):n.delay;i.endDelay=t?i.duration-Math.max.apply(Math,r.map((function(r){return e(r)+r.duration-r.endDelay}))):n.endDelay;return i}var mr=0;function gr(r){var n=C(f,r);var t=C(o,r);var e=or(t,r);var i=ar(r.targets);var a=dr(i,e);var u=pr(a,t);var v=mr;mr++;return E(n,{id:v,children:[],animatables:i,animations:a,duration:u.duration,delay:u.delay,endDelay:u.endDelay})}var br=[];var Mr=function(){var r;function n(){if(!r&&(!yr()||!wr.suspendWhenDocumentHidden)&&br.length>0){r=requestAnimationFrame(t)}}function t(n){var e=br.length;var i=0;while(i<e){var a=br[i];if(!a.paused){a.tick(n);i++}else{br.splice(i,1);e--}}r=i>0?requestAnimationFrame(t):undefined}function e(){if(!wr.suspendWhenDocumentHidden){return}if(yr()){r=cancelAnimationFrame(r)}else{br.forEach((function(r){return r._onDocumentVisibility()}));Mr()}}if(typeof document!=="undefined"){document.addEventListener("visibilitychange",e)}return n}();function yr(){return!!document&&document.hidden}function wr(r){if(r===void 0)r={};var n=0,t=0,e=0;var i,a=0;var u=null;function f(r){var n=window.Promise&&new Promise((function(r){return u=r}));r.finished=n;return n}var o=gr(r);f(o);function v(){var r=o.direction;if(r!=="alternate"){o.direction=r!=="normal"?"normal":"reverse"}o.reversed=!o.reversed;i.forEach((function(r){return r.reversed=o.reversed}))}function c(r){return o.reversed?o.duration-r:r}function l(){n=0;t=c(o.currentTime)*(1/wr.speed)}function h(r,n){if(n){n.seek(r-n.timelineOffset)}}function d(r){if(!o.reversePlayback){for(var n=0;n<a;n++){h(r,i[n])}}else{for(var t=a;t--;){h(r,i[t])}}}function p(r){var n=0;var t=o.animations;var e=t.length;while(n<e){var i=t[n];var a=i.animatable;var u=i.tweens;var f=u.length-1;var v=u[f];if(f){v=x(u,(function(n){return r<n.end}))[0]||v}var c=s(r-v.start-v.delay,0,v.duration)/v.duration;var l=isNaN(c)?1:v.easing(c);var h=v.to.strings;var d=v.round;var p=[];var m=v.to.numbers.length;var g=void 0;for(var b=0;b<m;b++){var M=void 0;var y=v.to.numbers[b];var w=v.from.numbers[b]||0;if(!v.isPath){M=w+l*(y-w)}else{M=tr(v.value,l*y,v.isPathTargetInsideSVG)}if(d){if(!(v.isColor&&b>2)){M=Math.round(M*d)/d}}p.push(M)}var A=h.length;if(!A){g=p[0]}else{g=h[0];for(var F=0;F<A;F++){var O=h[F+1];var k=p[F];if(!isNaN(k)){if(!O){g+=k+" "}else{g+=k+O}}}}sr[i.type](a.target,i.property,g,a.transforms);i.currentValue=g;n++}}function m(r){if(o[r]&&!o.passThrough){o[r](o)}}function g(){if(o.remaining&&o.remaining!==true){o.remaining--}}function b(r){var a=o.duration;var l=o.delay;var h=a-o.endDelay;var b=c(r);o.progress=s(b/a*100,0,100);o.reversePlayback=b<o.currentTime;if(i){d(b)}if(!o.began&&o.currentTime>0){o.began=true;m("begin")}if(!o.loopBegan&&o.currentTime>0){o.loopBegan=true;m("loopBegin")}if(b<=l&&o.currentTime!==0){p(0)}if(b>=h&&o.currentTime!==a||!a){p(a)}if(b>l&&b<h){if(!o.changeBegan){o.changeBegan=true;o.changeCompleted=false;m("changeBegin")}m("change");p(b)}else{if(o.changeBegan){o.changeCompleted=true;o.changeBegan=false;m("changeComplete")}}o.currentTime=s(b,0,a);if(o.began){m("update")}if(r>=a){t=0;g();if(!o.remaining){o.paused=true;if(!o.completed){o.completed=true;m("loopComplete");m("complete");if(!o.passThrough&&"Promise"in window){u();f(o)}}}else{n=e;m("loopComplete");o.loopBegan=false;if(o.direction==="alternate"){v()}}}}o.reset=function(){var r=o.direction;o.passThrough=false;o.currentTime=0;o.progress=0;o.paused=true;o.began=false;o.loopBegan=false;o.changeBegan=false;o.completed=false;o.changeCompleted=false;o.reversePlayback=false;o.reversed=r==="reverse";o.remaining=o.loop;i=o.children;a=i.length;for(var n=a;n--;){o.children[n].reset()}if(o.reversed&&o.loop!==true||r==="alternate"&&o.loop===1){o.remaining++}p(o.reversed?o.duration:0)};o._onDocumentVisibility=l;o.set=function(r,n){lr(r,n);return o};o.tick=function(r){e=r;if(!n){n=e}b((e+(t-n))*wr.speed)};o.seek=function(r){b(c(r))};o.pause=function(){o.paused=true;l()};o.play=function(){if(!o.paused){return}if(o.completed){o.reset()}o.paused=false;br.push(o);l();Mr()};o.reverse=function(){v();o.completed=o.reversed?false:true;l()};o.restart=function(){o.reset();o.play()};o.remove=function(r){var n=ir(r);Ar(n,o)};o.reset();if(o.autoplay){o.play()}return o}function xr(r,n){for(var t=n.length;t--;){if(O(r,n[t].animatable.target)){n.splice(t,1)}}}function Ar(r,n){var t=n.animations;var e=n.children;xr(r,t);for(var i=e.length;i--;){var a=e[i];var u=a.animations;xr(r,u);if(!u.length&&!a.children.length){e.splice(i,1)}}if(!t.length&&!e.length){n.pause()}}function Fr(r){var n=ir(r);for(var t=br.length;t--;){var e=br[t];Ar(n,e)}}function Or(r,n){if(n===void 0)n={};var t=n.direction||"normal";var e=n.easing?y(n.easing):null;var i=n.grid;var a=n.axis;var u=n.from||0;var f=u==="first";var o=u==="center";var v=u==="last";var c=d.arr(r);var s=c?parseFloat(r[0]):parseFloat(r);var l=c?parseFloat(r[1]):0;var h=$(c?r[1]:r)||0;var p=n.start||0+(c?s:0);var m=[];var g=0;return function(r,n,d){if(f){u=0}if(o){u=(d-1)/2}if(v){u=d-1}if(!m.length){for(var b=0;b<d;b++){if(!i){m.push(Math.abs(u-b))}else{var M=!o?u%i[0]:(i[0]-1)/2;var y=!o?Math.floor(u/i[0]):(i[1]-1)/2;var w=b%i[0];var x=Math.floor(b/i[0]);var A=M-w;var F=y-x;var O=Math.sqrt(A*A+F*F);if(a==="x"){O=-A}if(a==="y"){O=-F}m.push(O)}g=Math.max.apply(Math,m)}if(e){m=m.map((function(r){return e(r/g)*g}))}if(t==="reverse"){m=m.map((function(r){return a?r<0?r*-1:-r:Math.abs(g-r)}))}}var k=c?(l-s)/g:s;return p+k*(Math.round(m[n]*100)/100)+h}}function kr(r){if(r===void 0)r={};var n=wr(r);n.duration=0;n.add=function(t,e){var i=br.indexOf(n);var a=n.children;if(i>-1){br.splice(i,1)}function u(r){r.passThrough=true}for(var f=0;f<a.length;f++){u(a[f])}var v=E(t,C(o,r));v.targets=v.targets||r.targets;var c=n.duration;v.autoplay=false;v.direction=n.direction;v.timelineOffset=d.und(e)?c:q(e,c);u(n);n.seek(v.timelineOffset);var s=wr(v);u(s);a.push(s);var l=pr(a,r);n.delay=l.delay;n.endDelay=l.endDelay;n.duration=l.duration;n.seek(0);n.reset();if(n.autoplay){n.play()}return n};return n}wr.version="3.2.1";wr.speed=1;wr.suspendWhenDocumentHidden=true;wr.running=br;wr.remove=Fr;wr.get=Q;wr.set=lr;wr.convertPx=S;wr.path=nr;wr.setDashoffset=K;wr.stagger=Or;wr.timeline=kr;wr.easing=y;wr.penner=M;wr.random=function(r,n){return Math.floor(Math.random()*(n-r+1))+r};const Cr=":host{display:block;overflow-y:hidden}:host(.dso-hide){display:none}:host(:not(.dso-animate-ready)){position:absolute;visibility:hidden}:host([open]){position:inherit;visibility:inherit}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const Er=class{constructor(t){r(this,t);this.dsoExpandableAnimationEnd=n(this,"dsoExpandableAnimationEnd",3);this.open=undefined;this.enableAnimation=false;this.minimumHeight=undefined;this.animationReady=false}toggleOpen(){if(this.enableAnimation){this.activateAnimation()}}toggleEnableAnimation(r){var n;if(r){this.prepareAnimationResizeObserver();this.activateObserver()}else{(n=this.resizeObserver)===null||n===void 0?void 0:n.disconnect();delete this.animeInstance;this.host.removeAttribute("style")}}componentDidLoad(){if(this.enableAnimation){this.prepareAnimationResizeObserver()}this.activateObserver()}activateObserver(){var r;(r=this.resizeObserver)===null||r===void 0?void 0:r.observe(this.host)}disconnectedCallback(){var r;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect()}render(){return t(e,{"aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation&&this.animationReady,"dso-hide":!this.enableAnimation&&!this.open})},t("slot",null))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(u((([r])=>{if(!r){throw new Error("No entry found")}const n=r.target.getBoundingClientRect().height;if(this.bodyHeight!==n){this.bodyHeight=n}}),150));this.instantiateAnimation()}instantiateAnimation(){var r;this.animeInstance=wr({targets:this.host,height:(r=this.minimumHeight)!==null&&r!==void 0?r:0,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:false,direction:"normal",begin:()=>{if(this.open){this.host.style.visibility="";this.host.style.position="";this.host.style.bottom=""}},complete:()=>{this.host.style.height="";if(!this.open){this.host.style.visibility="hidden";this.host.style.position="absolute";this.host.style.bottom="100%"}},changeComplete:()=>{this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight})}});if(!this.open){this.animeInstance.reverse();this.animeInstance.play()}if(this.host){this.host.style.height=""}this.animationReady=!!this.animeInstance}activateAnimation(){if(this.animeInstance){if(this.animeInstance.progress>0&&this.animeInstance.progress<100){this.animeInstance.reverse()}else{if(this.open){this.animeInstance.direction="reverse";this.animeInstance.play()}else{this.animeInstance.direction="normal";this.animeInstance.play()}}}}get host(){return i(this)}static get watchers(){return{open:["toggleOpen"],enableAnimation:["toggleEnableAnimation"]}}};Er.style=Cr;export{Er as dso_expandable};
+//# sourceMappingURL=p-ec4b568d.entry.js.map