@dso-toolkit/core 52.0.3 → 53.1.0

package/dist/dso-toolkit/{p-43f3d736.entry.js → p-d10ec2b3.entry.js}

@@ -1 +1 @@
-import{r as n,h as t,F as e}from"./p-98fd1658.js";import{c as o}from"./p-57ceabab.js";import"./p-3635427a.js";const r=class{constructor(t){n(this,t),this.iframeLoaded=!1,this.openClick=()=>{this.visibility="visible",this.slideState="open",setTimeout((()=>{this.isOpen="open"})),this.loadIframe||setTimeout((()=>{this.loadIframe=!0}),500)},this.closeClick=()=>{this.isOpen="close",this.slideState="close",setTimeout((()=>{this.visibility="hidden"}),500)},this.label="Hulp nodig",this.url=void 0,this.visibility="hidden",this.isOpen="close",this.slideState="close",this.loadIframe=!1}watchUrl(n){"open"===this.isOpen&&this.iframeUrl!==n&&(this.iframeUrl=n)}watchIsOpen(n){const t=document.querySelector("body");"open"===n?(null==t||t.style.setProperty("overflow","hidden"),this.iframeUrl!==this.url&&(this.iframeUrl=this.url)):null==t||t.style.removeProperty("overflow")}keyDownListener(n){"Escape"===n.key&&"open"===this.isOpen&&this.closeClick()}createTrap(){var n,t;this.panelWrapperElement&&(this.trap=o(this.panelWrapperElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0},setReturnFocus:null!==(n=this.openButtonElement)&&void 0!==n&&n,initialFocus:null!==(t=this.closeButtonElement)&&void 0!==t&&t}).activate())}componentDidRender(){var n;"open"===this.isOpen&&this.iframeLoaded&&!this.trap?this.createTrap():"close"===this.isOpen&&this.trap&&(null===(n=this.trap)||void 0===n||n.deactivate(),delete this.trap)}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":"open"===this.isOpen?"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=!0}}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":"open"===this.isOpen?"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"]}}};r.style=":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}";export{r as dso_helpcenter_panel}
+import{r as n,h as t,F as e}from"./p-98fd1658.js";import{c as o}from"./p-91963e3d.js";import"./p-5950644a.js";const r=class{constructor(t){n(this,t),this.iframeLoaded=!1,this.openClick=()=>{this.visibility="visible",this.slideState="open",setTimeout((()=>{this.isOpen="open"})),this.loadIframe||setTimeout((()=>{this.loadIframe=!0}),500)},this.closeClick=()=>{this.isOpen="close",this.slideState="close",setTimeout((()=>{this.visibility="hidden"}),500)},this.label="Hulp nodig",this.url=void 0,this.visibility="hidden",this.isOpen="close",this.slideState="close",this.loadIframe=!1}watchUrl(n){"open"===this.isOpen&&this.iframeUrl!==n&&(this.iframeUrl=n)}watchIsOpen(n){const t=document.querySelector("body");"open"===n?(null==t||t.style.setProperty("overflow","hidden"),this.iframeUrl!==this.url&&(this.iframeUrl=this.url)):null==t||t.style.removeProperty("overflow")}keyDownListener(n){"Escape"===n.key&&"open"===this.isOpen&&this.closeClick()}createTrap(){var n,t;this.panelWrapperElement&&(this.trap=o(this.panelWrapperElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0},setReturnFocus:null!==(n=this.openButtonElement)&&void 0!==n&&n,initialFocus:null!==(t=this.closeButtonElement)&&void 0!==t&&t}).activate())}componentDidRender(){var n;"open"===this.isOpen&&this.iframeLoaded&&!this.trap?this.createTrap():"close"===this.isOpen&&this.trap&&(null===(n=this.trap)||void 0===n||n.deactivate(),delete this.trap)}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":"open"===this.isOpen?"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=!0}}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":"open"===this.isOpen?"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"]}}};r.style=":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}";export{r as dso_helpcenter_panel}

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

@@ -0,0 +1 @@
+import{r as o,h as n,H as t}from"./p-98fd1658.js";const i=class{constructor(n){o(this,n),this.listTitle=void 0}render(){return n(t,null,n("h2",null,this.listTitle),n("div",{class:"dso-action-list-content"},n("slot",null)))}};i.style=":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}";export{i as dso_action_list}

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

@@ -0,0 +1 @@
+import{h as e,r as t,c as i,H as n}from"./p-98fd1658.js";import{c as o}from"./p-6a1980b4.js";import{v as a}from"./p-5d7f4ff2.js";const h=({heading:t,ref:i,className:n},o)=>{switch(t){default:case"h2":return e("h2",{ref:i,class:n},o);case"h3":return e("h3",{ref:i,class:n},o);case"h4":return e("h4",{ref:i,class:n},o);case"h5":return e("h5",{ref:i,class:n},o);case"h6":return e("h6",{ref:i,class:n},o)}},s=class{constructor(e){t(this,e),this.dsoToggle=i(this,"dsoToggle",7),this.identifier=a(),this.open=void 0,this.heading="h2",this.color="default",this.editAction=void 0}toggle(e){this.open=!this.open,this.dsoToggle.emit({originalEvent:e,open:this.open})}render(){const t=this.open?{open:!0}:{};return e(n,{class:o({"dso-del":"delete"===this.editAction,"dso-ins":"insert"===this.editAction})},"delete"===this.editAction&&e("p",{class:"dso-edit-action-text"},e("span",null,"verwijderd:")),"insert"===this.editAction&&e("p",{class:"dso-edit-action-text"},e("span",null,"toegevoegd:")),e("div",{class:o("expandable-heading","black"===this.color?"dso-expandable-heading-black":"")},e(h,{heading:this.heading},e("button",{type:"button","aria-expanded":this.open?"true":"false","aria-controls":this.identifier,onClick:e=>this.toggle(e)},e("dso-icon",{icon:this.open?"chevron-down":"chevron-right"}),e("slot",{name:"title"}))),e("slot",{name:"addons-start"}),e("div",{class:"addons-end"},e("slot",{name:"addons-end"}))),e("dso-expandable",Object.assign({id:this.identifier},t),e("slot",{slot:"expandable-content"})))}};s.style="h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#275937}h1,.h1,h2,.h2,h3,.h3{margin-bottom:16px;margin-top:24px}h1,.h1{line-height:1.25}h1{font-size:2rem;font-weight:700}h2,.h2{line-height:1.33}h2{color:#275937;font-size:1.5rem;font-weight:700}h3,.h3{line-height:1.2}h3{color:#275937;font-size:1.25rem;font-weight:600}h4,.h4,h5,.h5,h6,.h6{margin-bottom:16px;margin-top:12px}h4,.h4{line-height:1.5}h4{color:#275937;font-size:1rem;font-weight:600}h5,.h5{line-height:1.5}h5{color:#191919;font-size:1rem;font-weight:600}h6,.h6{line-height:1.5}ins{background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000;text-decoration:none}:host{display:block;margin-inline:-8px;padding-inline:8px}:host(.dso-del){background-color:#f5d8dc;color:#000;text-decoration:line-through}:host(.dso-ins){background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000}*,*::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}.dso-edit-action-text{margin-bottom:8px;margin-top:-8px}.dso-edit-action-text span{display:inline-block;font-style:italic}.dso-edit-action-text+.expandable-heading{margin-top:0;padding-top:0}.expandable-heading{align-items:center;display:flex;margin-bottom:8px;margin-top:8px}.expandable-heading h2,.expandable-heading h3,.expandable-heading h4,.expandable-heading h5,.expandable-heading h6{font-size:1rem;margin-bottom:0;margin-right:8px;margin-top:0}.expandable-heading button{align-items:flex-start;cursor:pointer;background-color:transparent;border:0;color:inherit;display:flex;line-height:24px;font-size:inherit;font-weight:inherit;padding:0;text-align:left}.expandable-heading button>dso-icon{flex-shrink:0}.expandable-heading.dso-expandable-heading-black button{color:#000}dso-expandable{padding-left:24px}.addons-end{display:inline-block;margin-left:auto}";export{s as dso_expandable_heading}

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

@@ -0,0 +1 @@
+import{r as e,c as s,h as t,F as l,f as o,g as c}from"./p-98fd1658.js";import{c as a}from"./p-6a1980b4.js";import{c as i}from"./p-6c543986.js";const d=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7),this.fixed=void 0,this.active=void 0}render(){return t(l,null,t("slot",null),!this.fixed&&t("button",{type:"button",onClick:e=>this.dsoClose.emit(e)},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"Sluiten")))}};d.style=":host{display:block;background-color:#f2f2f2;color:#000;padding:16px 32px 16px 16px;position:relative}:host>button{background-color:transparent;border-style:none;padding:0;position:absolute;right:8px;top:8px}:host(:not([active]):not([fixed])){display:none}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}*,*::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 b=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.fallbackIdentifier=i("DsoSelectable"),this.type=void 0,this.identifier=void 0,this.name=void 0,this.value=void 0,this.invalid=void 0,this.describedById=void 0,this.labelledById=void 0,this.disabled=void 0,this.required=void 0,this.checked=void 0,this.indeterminate=void 0,this.infoFixed=void 0,this.infoActive=!1}async toggleInfo(e){this.infoActive=null!=e?e:!this.infoActive}componentDidLoad(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect(),this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){var e;const s=!!this.host.querySelector('[slot="info"]');return t(l,null,t("div",{class:a("dso-selectable-container",{"has-info-button":s})},t("div",{class:"dso-selectable-input-wrapper"},t("input",{type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":null===(e=this.invalid)||void 0===e?void 0:e.toString(),"aria-describedby":s&&this.infoFixed?this.describedById:void 0,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:e=>this.dsoChange.emit(e),ref:e=>this.input=e}),this.labelledById?t("label",null):t("label",{htmlFor:this.getIdentifier()},t("slot",null))),s&&t(l,null,!this.infoFixed&&t("dso-info-button",{active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active}))),s&&t("dso-info",{id:s&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",null,t("slot",{name:"info"}))))}getIdentifier(){var e;return null!==(e=this.identifier)&&void 0!==e?e:this.fallbackIdentifier}get host(){return c(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};b.style='.sc-dso-selectable-h{display:block;position:relative}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-top:8px;padding-left:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-top:8px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-left:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";left:6px;opacity:0;position:absolute;top:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin:8px 16px 0 0;width:100%}[invalid].sc-dso-selectable-h{--dso-selectable-color:#ce3f51}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block;position:relative;padding-inline-start:32px}.dso-selectable-container.has-info-button.sc-dso-selectable{padding-inline-end:32px}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline;margin-inline:-32px;min-height:24px;padding-inline:32px}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable:focus-within{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);height:20px;left:2px;top:2px;width:20px}dso-info-button.sc-dso-selectable{position:absolute;right:0;top:0}';export{d as dso_info,b as dso_selectable}

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

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