@dso-toolkit/core 54.0.1 → 54.1.0

package/dist/dso-toolkit/{p-bb90ea4c.entry.js → p-7912940d.entry.js}

@@ -1 +1 @@
-import{h as n,r as t,c as e,H as o,g as s}from"./p-98fd1658.js";import{c as i}from"./p-91963e3d.js";import"./p-5950644a.js";const r=({onApply:t,onCancel:e})=>n("div",{class:"filterpanel-buttons"},n("button",{type:"button",class:"cancel-button",onClick:e},n("span",null,"Annuleren")),n("button",{type:"button",class:"apply-button",onClick:t},n("span",null,"Toepassen"),n("dso-icon",{icon:"chevron-right"}))),a=class{constructor(n){t(this,n),this.dsoCloseOverlay=e(this,"dsoCloseOverlay",7),this.dsoFilterpanelCancel=e(this,"dsoFilterpanelCancel",7),this.dsoFilterpanelApply=e(this,"dsoFilterpanelApply",7),this.dsoMainSizeChange=e(this,"dsoMainSizeChange",7),this.sizeLabelMap={small:"smal",medium:"middel",large:"breed"},this.filterpanelSlot=null,this.overlaySlot=null,this.shrinkMain=()=>{this.mainSize="large"===this.mainSize?"medium":"small"},this.expandMain=()=>{this.mainSize="small"===this.mainSize?"medium":"large"},this.keyDownListener=n=>{"Escape"===n.key&&this.dsoCloseOverlay.emit(n)},this.filterpanelOpen=!1,this.overlayOpen=!1,this.initialMainSize=void 0,this.mainSize="large"}mainSizeWatcher(n,t){var e;this.dsoMainSizeChange.emit({stage:"start",previousSize:t,currentSize:n}),null===(e=this.mapPanel)||void 0===e||e.addEventListener("transitionend",(e=>{"flex-basis"===e.propertyName&&this.dsoMainSizeChange.emit({stage:"end",previousSize:t,currentSize:n})}),{once:!0})}updateFocusTrap(){var n,t;this.filterpanelOpen&&this.overlayOpen||(this.filterpanelFocustrap&&(this.filterpanelOpen&&!(null===(n=this.filterpanel)||void 0===n?void 0:n.hidden)?(this.filterpanelFocustrap.activate(),this.host.addEventListener("keydown",this.keyDownListener)):(this.filterpanelFocustrap.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener))),this.overlayFocustrap&&(this.overlayOpen&&!(null===(t=this.overlay)||void 0===t?void 0:t.hidden)?(this.overlayFocustrap.activate(),this.host.addEventListener("keydown",this.keyDownListener)):(this.overlayFocustrap.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener))))}connectedCallback(){this.filterpanelSlot=this.host.querySelector("div[slot='filterpanel']"),this.overlaySlot=this.host.querySelector("div[slot='overlay']")}componentDidLoad(){this.filterpanel&&this.filterpanelSlot&&(this.filterpanelFocustrap=i([this.filterpanel,this.filterpanelSlot],{escapeDeactivates:!1,allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0}})),this.overlay&&this.overlaySlot&&(this.overlayFocustrap=i([this.overlay,this.overlaySlot],{escapeDeactivates:!1,allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0}})),this.updateFocusTrap()}componentWillLoad(){this.initialMainSize&&(this.mainSize=this.initialMainSize)}componentDidUpdate(){this.updateFocusTrap()}disconnectedCallback(){var n,t;null===(n=this.overlayFocustrap)||void 0===n||n.deactivate(),null===(t=this.filterpanelFocustrap)||void 0===t||t.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener)}handleFilterpanelApply(n){this.dsoFilterpanelApply.emit({originalEvent:n})}handleFilterpanelCancel(n){this.dsoFilterpanelCancel.emit({originalEvent:n})}render(){return n(o,Object.assign({},{[this.mainSize]:!0}),n("div",{class:"dso-map-panel",ref:n=>this.mapPanel=n},n("div",{class:"sizing-buttons"},n("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"breedte tekstpaneel: ",this.sizeLabelMap[this.mainSize]),n("button",{type:"button",class:"shrink",disabled:"small"===this.mainSize,onClick:this.shrinkMain},n("span",{class:"sr-only"},"Kaartpaneel smaller maken"),n("dso-icon",{icon:"chevron-left"})),n("button",{type:"button",class:"expand",disabled:"large"===this.mainSize,onClick:this.expandMain},n("span",{class:"sr-only"},"Kaartpaneel breder maken"),n("dso-icon",{icon:"chevron-right"}))),n("div",{class:"main"},n("slot",{name:"main"}))),n("div",{id:"filterpanel",class:"filterpanel",hidden:!this.filterpanelOpen||!this.filterpanelSlot,ref:n=>this.filterpanel=n},n("h1",null,"Uw keuzes"),n(r,{onApply:n=>this.handleFilterpanelApply(n),onCancel:n=>this.handleFilterpanelCancel(n)}),n("slot",{name:"filterpanel"}),n(r,{onApply:n=>this.handleFilterpanelApply(n),onCancel:n=>this.handleFilterpanelCancel(n)})),n("div",{class:"map"},n("slot",{name:"map"})),n("div",{hidden:!this.overlayOpen||!this.overlaySlot,class:"dimscreen"}),n("div",{class:"overlay",hidden:!this.overlayOpen||!this.overlaySlot,ref:n=>this.overlay=n},n("button",{type:"button",class:"overlay-close-button",onClick:n=>this.dsoCloseOverlay.emit(n)},n("dso-icon",{icon:"times"}),n("span",{class:"sr-only"},"sluiten")),n("slot",{name:"overlay"}),n("button",{"aria-hidden":"true",type:"button",class:"overlay-close-button",style:{zIndex:"-100"}},n("dso-icon",{icon:"times"}),n("span",{class:"sr-only"},"sluiten"))))}get host(){return s(this)}static get watchers(){return{mainSize:["mainSizeWatcher"]}}};a.style="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host {\n  display: flex;\n  height: 100vh;\n  overflow: hidden;\n  position: relative;\n}\n\n:host([small]) .dso-map-panel {\n  flex-basis: 375px;\n  min-width: 0;\n  max-width: 375px;\n}\n@media screen and (max-width: 375px) {\n  :host([small]) .dso-map-panel {\n    flex-basis: 100vw;\n    max-width: 100vw;\n    min-width: 0;\n    transition: none;\n  }\n}\n\n:host([medium]) .dso-map-panel {\n  flex-basis: 624px;\n  min-width: 375px;\n  max-width: 624px;\n}\n@media screen and (max-width: 624px) {\n  :host([medium]) .dso-map-panel {\n    flex-basis: 100vw;\n    max-width: 100vw;\n    min-width: 375px;\n    transition: none;\n  }\n}\n\n:host([large]) .dso-map-panel {\n  flex-basis: 60%;\n  min-width: 768px;\n  max-width: 1024px;\n}\n@media screen and (max-width: 768px) {\n  :host([large]) .dso-map-panel {\n    flex-basis: 100vw;\n    max-width: 100vw;\n    min-width: 768px;\n    transition: none;\n  }\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\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.shrink,\n.expand,\n.overlay-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  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\n.shrink:focus, .shrink:focus-visible,\n.expand:focus,\n.expand:focus-visible,\n.overlay-close-button:focus,\n.overlay-close-button:focus-visible {\n  outline-offset: 2px;\n}\n.shrink:active,\n.expand:active,\n.overlay-close-button:active {\n  outline: 0;\n}\n.shrink[disabled],\n.expand[disabled],\n.overlay-close-button[disabled] {\n  color: #afcf9d;\n}\n.shrink[disabled].dso-spinner-left, .shrink[disabled].dso-spinner-right,\n.expand[disabled].dso-spinner-left,\n.expand[disabled].dso-spinner-right,\n.overlay-close-button[disabled].dso-spinner-left,\n.overlay-close-button[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.shrink:not([disabled]):hover,\n.expand:not([disabled]):hover,\n.overlay-close-button:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.shrink:not([disabled]):active,\n.expand:not([disabled]):active,\n.overlay-close-button:not([disabled]):active {\n  color: #173521;\n}\n.shrink.btn-align,\n.expand.btn-align,\n.overlay-close-button.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.shrink.dso-spinner-left::before,\n.expand.dso-spinner-left::before,\n.overlay-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: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.shrink.dso-spinner-right::after,\n.expand.dso-spinner-right::after,\n.overlay-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: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.shrink dso-icon + span:not(.sr-only),\n.shrink svg.di + span:not(.sr-only),\n.shrink span:not(.sr-only) + dso-icon,\n.shrink span:not(.sr-only) + svg.di,\n.expand dso-icon + span:not(.sr-only),\n.expand svg.di + span:not(.sr-only),\n.expand span:not(.sr-only) + dso-icon,\n.expand span:not(.sr-only) + svg.di,\n.overlay-close-button dso-icon + span:not(.sr-only),\n.overlay-close-button svg.di + span:not(.sr-only),\n.overlay-close-button span:not(.sr-only) + dso-icon,\n.overlay-close-button span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.shrink svg.di.di-chevron-down + span:not(.sr-only),\n.shrink svg.di.di-chevron-up + span:not(.sr-only),\n.shrink span:not(.sr-only) + svg.di.di-chevron-down,\n.shrink span:not(.sr-only) + svg.di.di-chevron-up,\n.expand svg.di.di-chevron-down + span:not(.sr-only),\n.expand svg.di.di-chevron-up + span:not(.sr-only),\n.expand span:not(.sr-only) + svg.di.di-chevron-down,\n.expand span:not(.sr-only) + svg.di.di-chevron-up,\n.overlay-close-button svg.di.di-chevron-down + span:not(.sr-only),\n.overlay-close-button svg.di.di-chevron-up + span:not(.sr-only),\n.overlay-close-button span:not(.sr-only) + svg.di.di-chevron-down,\n.overlay-close-button span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.shrink dso-icon[icon=chevron-left] + span:not(.sr-only),\n.shrink dso-icon[icon=chevron-right] + span:not(.sr-only),\n.shrink svg.di.di-angle-down + span:not(.sr-only),\n.shrink svg.di.di-angle-up + span:not(.sr-only),\n.shrink span:not(.sr-only) + svg.di.di-angle-down,\n.shrink span:not(.sr-only) + svg.di.di-angle-up,\n.shrink span:not(.sr-only) + dso-icon[icon=chevron-left],\n.shrink span:not(.sr-only) + dso-icon[icon=chevron-right],\n.expand dso-icon[icon=chevron-left] + span:not(.sr-only),\n.expand dso-icon[icon=chevron-right] + span:not(.sr-only),\n.expand svg.di.di-angle-down + span:not(.sr-only),\n.expand svg.di.di-angle-up + span:not(.sr-only),\n.expand span:not(.sr-only) + svg.di.di-angle-down,\n.expand span:not(.sr-only) + svg.di.di-angle-up,\n.expand span:not(.sr-only) + dso-icon[icon=chevron-left],\n.expand span:not(.sr-only) + dso-icon[icon=chevron-right],\n.overlay-close-button dso-icon[icon=chevron-left] + span:not(.sr-only),\n.overlay-close-button dso-icon[icon=chevron-right] + span:not(.sr-only),\n.overlay-close-button svg.di.di-angle-down + span:not(.sr-only),\n.overlay-close-button svg.di.di-angle-up + span:not(.sr-only),\n.overlay-close-button span:not(.sr-only) + svg.di.di-angle-down,\n.overlay-close-button span:not(.sr-only) + svg.di.di-angle-up,\n.overlay-close-button span:not(.sr-only) + dso-icon[icon=chevron-left],\n.overlay-close-button span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.shrink dso-icon,\n.shrink svg.di,\n.shrink span,\n.expand dso-icon,\n.expand svg.di,\n.expand span,\n.overlay-close-button dso-icon,\n.overlay-close-button svg.di,\n.overlay-close-button span {\n  vertical-align: middle;\n}\n.shrink:hover,\n.expand:hover,\n.overlay-close-button:hover {\n  cursor: pointer;\n}\n.shrink[disabled],\n.expand[disabled],\n.overlay-close-button[disabled] {\n  display: none;\n}\n\n.overlay-close-button {\n  position: absolute;\n  top: 8px;\n  right: 16px;\n}\n\n.dso-map-panel {\n  background-color: #fff;\n  box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);\n  flex-shrink: 0;\n  flex-grow: 0;\n  padding-right: 8px;\n  position: relative;\n  transition: flex-basis 200ms ease-in, max-width 200ms ease-in, min-width 200ms ease-in;\n  z-index: 100;\n}\n.dso-map-panel .dso-filterblok-address {\n  font-weight: bold;\n  margin: 8px 0;\n}\n.dso-map-panel .main {\n  height: 100%;\n  overflow-y: scroll;\n  padding: 0 16px 8px;\n}\n\n.sizing-buttons {\n  left: calc(100% + 1px);\n  overflow-x: hidden;\n  padding: 0 4px 4px 0;\n  position: absolute;\n  top: 16px;\n  transition: left 200ms ease-in;\n  width: 44px;\n  z-index: -1;\n}\n.sizing-buttons 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: 0;\n  padding: 8px;\n  border-radius: 0;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);\n  flex: 0 0 100%;\n  height: 40px;\n  min-width: auto;\n  width: 40px;\n}\n.sizing-buttons button:focus, .sizing-buttons button:focus-visible {\n  outline-offset: 2px;\n}\n.sizing-buttons button:active {\n  outline: 0;\n}\n.sizing-buttons button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.sizing-buttons button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.sizing-buttons button[disabled], .sizing-buttons button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.sizing-buttons button.btn-sm {\n  line-height: 1rem;\n}\n.sizing-buttons button.btn-sm dso-icon,\n.sizing-buttons button.btn-sm svg.di, .sizing-buttons button.btn-sm.extern::after, .sizing-buttons button.btn-sm.download::after, .sizing-buttons button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.sizing-buttons button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.sizing-buttons button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.sizing-buttons button > span {\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.sizing-buttons button.dso-spinner-left[disabled], .sizing-buttons button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.sizing-buttons 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.sizing-buttons 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.sizing-buttons button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.sizing-buttons 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.sizing-buttons 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.sizing-buttons button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.sizing-buttons button:focus-visible {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  outline: none;\n}\n.sizing-buttons button:hover dso-icon {\n  color: #fff;\n}\n\n.map {\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n\n.filterpanel,\n.overlay {\n  background-color: #fff;\n  height: 100%;\n  overflow-y: auto;\n  position: absolute;\n  z-index: 101;\n}\n\n.filterpanel {\n  box-shadow: 2px 0 5px #666;\n  padding: 8px 16px;\n  left: 0;\n  max-width: 896px;\n  width: calc(100vw - 40px);\n}\n@media screen and (max-width: 768px) {\n  .filterpanel {\n    width: 100vw;\n  }\n  .filterpanel::before {\n    display: none !important;\n  }\n}\n.filterpanel h1 {\n  color: #275937;\n  margin-bottom: 16px;\n  margin-top: 24px;\n  font-size: 2rem;\n  font-weight: 700;\n}\n.filterpanel::before {\n  content: \"\";\n  display: block;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 896px;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n@media screen and (max-width: 936px) {\n  .filterpanel::before {\n    left: auto;\n    width: 40px;\n  }\n}\n\n.overlay {\n  box-shadow: -2px 0 5px #666;\n  padding: 40px 16px 8px;\n  right: 0;\n  width: 624px;\n}\n@media screen and (max-width: 624px) {\n  .overlay {\n    width: 100vw;\n  }\n}\n\n.dimscreen {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 624px;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 102;\n}\n\n.filterpanel-buttons {\n  text-align: right;\n}\n.filterpanel-buttons .cancel-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  line-height: 1rem;\n}\n.filterpanel-buttons .cancel-button:focus, .filterpanel-buttons .cancel-button:focus-visible {\n  outline-offset: 2px;\n}\n.filterpanel-buttons .cancel-button:active {\n  outline: 0;\n}\n.filterpanel-buttons .cancel-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.filterpanel-buttons .cancel-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.filterpanel-buttons .cancel-button[disabled], .filterpanel-buttons .cancel-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.filterpanel-buttons .cancel-button.btn-sm {\n  line-height: 1rem;\n}\n.filterpanel-buttons .cancel-button.btn-sm dso-icon,\n.filterpanel-buttons .cancel-button.btn-sm svg.di, .filterpanel-buttons .cancel-button.btn-sm.extern::after, .filterpanel-buttons .cancel-button.btn-sm.download::after, .filterpanel-buttons .cancel-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.filterpanel-buttons .cancel-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button dso-icon,\n.filterpanel-buttons .cancel-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.filterpanel-buttons .cancel-button span + dso-icon,\n.filterpanel-buttons .cancel-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.filterpanel-buttons .cancel-button.dso-spinner-left[disabled], .filterpanel-buttons .cancel-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.filterpanel-buttons .cancel-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.filterpanel-buttons .cancel-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.filterpanel-buttons .cancel-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-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.filterpanel-buttons .cancel-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.filterpanel-buttons .cancel-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button dso-icon,\n.filterpanel-buttons .cancel-button svg.di, .filterpanel-buttons .cancel-button.extern::after, .filterpanel-buttons .cancel-button.download::after, .filterpanel-buttons .cancel-button.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.filterpanel-buttons .cancel-button.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .apply-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  line-height: 1rem;\n}\n.filterpanel-buttons .apply-button:focus, .filterpanel-buttons .apply-button:focus-visible {\n  outline-offset: 2px;\n}\n.filterpanel-buttons .apply-button:active {\n  outline: 0;\n}\n.filterpanel-buttons .apply-button:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.filterpanel-buttons .apply-button:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\n.filterpanel-buttons .apply-button[disabled], .filterpanel-buttons .apply-button[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\n.filterpanel-buttons .apply-button.btn-sm {\n  line-height: 1rem;\n}\n.filterpanel-buttons .apply-button.btn-sm dso-icon,\n.filterpanel-buttons .apply-button.btn-sm svg.di, .filterpanel-buttons .apply-button.btn-sm.extern::after, .filterpanel-buttons .apply-button.btn-sm.download::after, .filterpanel-buttons .apply-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.filterpanel-buttons .apply-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .apply-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .apply-button dso-icon,\n.filterpanel-buttons .apply-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.filterpanel-buttons .apply-button span + dso-icon,\n.filterpanel-buttons .apply-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.filterpanel-buttons .apply-button.dso-spinner-left[disabled], .filterpanel-buttons .apply-button.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.filterpanel-buttons .apply-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.filterpanel-buttons .apply-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.filterpanel-buttons .apply-button dso-icon,\n.filterpanel-buttons .apply-button svg.di, .filterpanel-buttons .apply-button.extern::after, .filterpanel-buttons .apply-button.download::after, .filterpanel-buttons .apply-button.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.filterpanel-buttons .apply-button.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .apply-button.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button + .apply-button {\n  margin-left: 16px;\n}";export{a as dso_viewer_grid}
+import{h as n,r as t,c as e,H as o,g as s}from"./p-98fd1658.js";import{c as i}from"./p-91963e3d.js";import"./p-5950644a.js";const r=({onApply:t,onCancel:e})=>n("div",{class:"filterpanel-buttons"},n("button",{type:"button",class:"cancel-button",onClick:e},n("span",null,"Annuleren")),n("button",{type:"button",class:"apply-button",onClick:t},n("span",null,"Toepassen"),n("dso-icon",{icon:"chevron-right"}))),a=class{constructor(n){t(this,n),this.dsoCloseOverlay=e(this,"dsoCloseOverlay",7),this.dsoFilterpanelCancel=e(this,"dsoFilterpanelCancel",7),this.dsoFilterpanelApply=e(this,"dsoFilterpanelApply",7),this.dsoMainSizeChange=e(this,"dsoMainSizeChange",7),this.sizeLabelMap={small:"smal",medium:"middel",large:"breed"},this.filterpanelSlot=null,this.overlaySlot=null,this.shrinkMain=()=>{this.mainSize="large"===this.mainSize?"medium":"small"},this.expandMain=()=>{this.mainSize="small"===this.mainSize?"medium":"large"},this.keyDownListener=n=>{"Escape"===n.key&&this.dsoCloseOverlay.emit(n)},this.filterpanelOpen=!1,this.overlayOpen=!1,this.initialMainSize=void 0,this.mainSize="large"}mainSizeWatcher(n,t){var e;this.dsoMainSizeChange.emit({stage:"start",previousSize:t,currentSize:n}),null===(e=this.mapPanel)||void 0===e||e.addEventListener("transitionend",(e=>{"flex-basis"===e.propertyName&&this.dsoMainSizeChange.emit({stage:"end",previousSize:t,currentSize:n})}),{once:!0})}updateFocusTrap(){var n,t;this.filterpanelOpen&&this.overlayOpen||(this.filterpanelFocustrap&&(this.filterpanelOpen&&!(null===(n=this.filterpanel)||void 0===n?void 0:n.hidden)?(this.filterpanelFocustrap.activate(),this.host.addEventListener("keydown",this.keyDownListener)):(this.filterpanelFocustrap.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener))),this.overlayFocustrap&&(this.overlayOpen&&!(null===(t=this.overlay)||void 0===t?void 0:t.hidden)?(this.overlayFocustrap.activate(),this.host.addEventListener("keydown",this.keyDownListener)):(this.overlayFocustrap.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener))))}connectedCallback(){this.filterpanelSlot=this.host.querySelector("div[slot='filterpanel']"),this.overlaySlot=this.host.querySelector("div[slot='overlay']")}componentDidLoad(){this.filterpanel&&this.filterpanelSlot&&(this.filterpanelFocustrap=i([this.filterpanel,this.filterpanelSlot],{escapeDeactivates:!1,allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0}})),this.overlay&&this.overlaySlot&&(this.overlayFocustrap=i([this.overlay,this.overlaySlot],{escapeDeactivates:!1,allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0}})),this.updateFocusTrap()}componentWillLoad(){this.initialMainSize&&(this.mainSize=this.initialMainSize)}componentDidUpdate(){this.updateFocusTrap()}disconnectedCallback(){var n,t;null===(n=this.overlayFocustrap)||void 0===n||n.deactivate(),null===(t=this.filterpanelFocustrap)||void 0===t||t.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener)}handleFilterpanelApply(n){this.dsoFilterpanelApply.emit({originalEvent:n})}handleFilterpanelCancel(n){this.dsoFilterpanelCancel.emit({originalEvent:n})}render(){return n(o,Object.assign({},{[this.mainSize]:!0}),n("div",{class:"dso-map-panel",ref:n=>this.mapPanel=n},n("div",{class:"sizing-buttons"},n("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"breedte tekstpaneel: ",this.sizeLabelMap[this.mainSize]),n("button",{type:"button",class:"shrink",disabled:"small"===this.mainSize,onClick:this.shrinkMain},n("span",{class:"sr-only"},"Kaartpaneel smaller maken"),n("dso-icon",{icon:"chevron-left"})),n("button",{type:"button",class:"expand",disabled:"large"===this.mainSize,onClick:this.expandMain},n("span",{class:"sr-only"},"Kaartpaneel breder maken"),n("dso-icon",{icon:"chevron-right"}))),n("div",{class:"main"},n("slot",{name:"main"}))),n("div",{id:"filterpanel",class:"filterpanel",hidden:!this.filterpanelOpen||!this.filterpanelSlot,ref:n=>this.filterpanel=n},n("h1",null,"Uw keuzes"),n(r,{onApply:n=>this.handleFilterpanelApply(n),onCancel:n=>this.handleFilterpanelCancel(n)}),n("slot",{name:"filterpanel"}),n(r,{onApply:n=>this.handleFilterpanelApply(n),onCancel:n=>this.handleFilterpanelCancel(n)})),n("div",{class:"map"},n("slot",{name:"map"})),n("div",{hidden:!this.overlayOpen||!this.overlaySlot,class:"dimscreen"}),n("div",{class:"overlay",hidden:!this.overlayOpen||!this.overlaySlot,ref:n=>this.overlay=n},n("button",{type:"button",class:"overlay-close-button",onClick:n=>this.dsoCloseOverlay.emit(n)},n("dso-icon",{icon:"times"}),n("span",{class:"sr-only"},"sluiten")),n("slot",{name:"overlay"}),n("button",{"aria-hidden":"true",type:"button",class:"overlay-close-button",style:{zIndex:"-100"}},n("dso-icon",{icon:"times"}),n("span",{class:"sr-only"},"sluiten"))))}get host(){return s(this)}static get watchers(){return{mainSize:["mainSizeWatcher"]}}};a.style="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host {\n  display: flex;\n  height: 100vh;\n  overflow: hidden;\n  position: relative;\n}\n\n:host([small]) .dso-map-panel {\n  flex-basis: 375px;\n  min-width: 0;\n  max-width: 375px;\n}\n@media screen and (max-width: 375px) {\n  :host([small]) .dso-map-panel {\n    flex-basis: 100vw;\n    max-width: 100vw;\n    min-width: 0;\n    transition: none;\n  }\n}\n\n:host([medium]) .dso-map-panel {\n  flex-basis: 624px;\n  min-width: 375px;\n  max-width: 624px;\n}\n@media screen and (max-width: 624px) {\n  :host([medium]) .dso-map-panel {\n    flex-basis: 100vw;\n    max-width: 100vw;\n    min-width: 375px;\n    transition: none;\n  }\n}\n\n:host([large]) .dso-map-panel {\n  flex-basis: 60%;\n  min-width: 768px;\n  max-width: 1024px;\n}\n@media screen and (max-width: 768px) {\n  :host([large]) .dso-map-panel {\n    flex-basis: 100vw;\n    max-width: 100vw;\n    min-width: 768px;\n    transition: none;\n  }\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\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.shrink,\n.expand,\n.overlay-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  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\n.shrink:focus, .shrink:focus-visible,\n.expand:focus,\n.expand:focus-visible,\n.overlay-close-button:focus,\n.overlay-close-button:focus-visible {\n  outline-offset: 2px;\n}\n.shrink:active,\n.expand:active,\n.overlay-close-button:active {\n  outline: 0;\n}\n.shrink[disabled],\n.expand[disabled],\n.overlay-close-button[disabled] {\n  color: #afcf9d;\n}\n.shrink[disabled].dso-spinner-left, .shrink[disabled].dso-spinner-right,\n.expand[disabled].dso-spinner-left,\n.expand[disabled].dso-spinner-right,\n.overlay-close-button[disabled].dso-spinner-left,\n.overlay-close-button[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.shrink:not([disabled]):hover,\n.expand:not([disabled]):hover,\n.overlay-close-button:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.shrink:not([disabled]):active,\n.expand:not([disabled]):active,\n.overlay-close-button:not([disabled]):active {\n  color: #173521;\n}\n.shrink.btn-align,\n.expand.btn-align,\n.overlay-close-button.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.shrink.dso-spinner-left::before,\n.expand.dso-spinner-left::before,\n.overlay-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: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.shrink.dso-spinner-right::after,\n.expand.dso-spinner-right::after,\n.overlay-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: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.shrink dso-icon + span:not(.sr-only),\n.shrink svg.di + span:not(.sr-only),\n.shrink span:not(.sr-only) + dso-icon,\n.shrink span:not(.sr-only) + svg.di,\n.expand dso-icon + span:not(.sr-only),\n.expand svg.di + span:not(.sr-only),\n.expand span:not(.sr-only) + dso-icon,\n.expand span:not(.sr-only) + svg.di,\n.overlay-close-button dso-icon + span:not(.sr-only),\n.overlay-close-button svg.di + span:not(.sr-only),\n.overlay-close-button span:not(.sr-only) + dso-icon,\n.overlay-close-button span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.shrink svg.di.di-chevron-down + span:not(.sr-only),\n.shrink svg.di.di-chevron-up + span:not(.sr-only),\n.shrink span:not(.sr-only) + svg.di.di-chevron-down,\n.shrink span:not(.sr-only) + svg.di.di-chevron-up,\n.expand svg.di.di-chevron-down + span:not(.sr-only),\n.expand svg.di.di-chevron-up + span:not(.sr-only),\n.expand span:not(.sr-only) + svg.di.di-chevron-down,\n.expand span:not(.sr-only) + svg.di.di-chevron-up,\n.overlay-close-button svg.di.di-chevron-down + span:not(.sr-only),\n.overlay-close-button svg.di.di-chevron-up + span:not(.sr-only),\n.overlay-close-button span:not(.sr-only) + svg.di.di-chevron-down,\n.overlay-close-button span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.shrink dso-icon[icon=chevron-left] + span:not(.sr-only),\n.shrink dso-icon[icon=chevron-right] + span:not(.sr-only),\n.shrink svg.di.di-angle-down + span:not(.sr-only),\n.shrink svg.di.di-angle-up + span:not(.sr-only),\n.shrink span:not(.sr-only) + svg.di.di-angle-down,\n.shrink span:not(.sr-only) + svg.di.di-angle-up,\n.shrink span:not(.sr-only) + dso-icon[icon=chevron-left],\n.shrink span:not(.sr-only) + dso-icon[icon=chevron-right],\n.expand dso-icon[icon=chevron-left] + span:not(.sr-only),\n.expand dso-icon[icon=chevron-right] + span:not(.sr-only),\n.expand svg.di.di-angle-down + span:not(.sr-only),\n.expand svg.di.di-angle-up + span:not(.sr-only),\n.expand span:not(.sr-only) + svg.di.di-angle-down,\n.expand span:not(.sr-only) + svg.di.di-angle-up,\n.expand span:not(.sr-only) + dso-icon[icon=chevron-left],\n.expand span:not(.sr-only) + dso-icon[icon=chevron-right],\n.overlay-close-button dso-icon[icon=chevron-left] + span:not(.sr-only),\n.overlay-close-button dso-icon[icon=chevron-right] + span:not(.sr-only),\n.overlay-close-button svg.di.di-angle-down + span:not(.sr-only),\n.overlay-close-button svg.di.di-angle-up + span:not(.sr-only),\n.overlay-close-button span:not(.sr-only) + svg.di.di-angle-down,\n.overlay-close-button span:not(.sr-only) + svg.di.di-angle-up,\n.overlay-close-button span:not(.sr-only) + dso-icon[icon=chevron-left],\n.overlay-close-button span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.shrink dso-icon,\n.shrink svg.di,\n.shrink span,\n.expand dso-icon,\n.expand svg.di,\n.expand span,\n.overlay-close-button dso-icon,\n.overlay-close-button svg.di,\n.overlay-close-button span {\n  vertical-align: middle;\n}\n.shrink:hover,\n.expand:hover,\n.overlay-close-button:hover {\n  cursor: pointer;\n}\n.shrink[disabled],\n.expand[disabled],\n.overlay-close-button[disabled] {\n  display: none;\n}\n\n.overlay-close-button {\n  position: absolute;\n  top: 8px;\n  right: 16px;\n}\n\n.dso-map-panel {\n  background-color: #fff;\n  box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);\n  flex-shrink: 0;\n  flex-grow: 0;\n  padding-right: 8px;\n  position: relative;\n  transition: flex-basis 200ms ease-in, max-width 200ms ease-in, min-width 200ms ease-in;\n  z-index: 100;\n}\n.dso-map-panel .dso-filterblok-address {\n  font-weight: bold;\n  margin: 8px 0;\n}\n.dso-map-panel .main {\n  height: 100%;\n  overflow-y: scroll;\n  padding: 0 16px 8px;\n}\n\n.sizing-buttons {\n  left: calc(100% + 1px);\n  overflow-x: hidden;\n  padding: 0 4px 4px 0;\n  position: absolute;\n  top: 16px;\n  transition: left 200ms ease-in;\n  width: 44px;\n  z-index: -1;\n}\n.sizing-buttons 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: 0;\n  padding: 8px;\n  border-radius: 0;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);\n  flex: 0 0 100%;\n  height: 40px;\n  min-width: auto;\n  width: 40px;\n}\n.sizing-buttons button:focus, .sizing-buttons button:focus-visible {\n  outline-offset: 2px;\n}\n.sizing-buttons button:active {\n  outline: 0;\n}\n.sizing-buttons button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.sizing-buttons button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.sizing-buttons button[disabled], .sizing-buttons button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.sizing-buttons button.btn-sm {\n  line-height: 1rem;\n}\n.sizing-buttons button.btn-sm dso-icon,\n.sizing-buttons button.btn-sm svg.di, .sizing-buttons button.btn-sm.extern::after, .sizing-buttons button.btn-sm.download::after, .sizing-buttons button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.sizing-buttons button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.sizing-buttons button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.sizing-buttons button > span {\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.sizing-buttons button.dso-spinner-left[disabled], .sizing-buttons button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.sizing-buttons 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.sizing-buttons 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.sizing-buttons button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.sizing-buttons 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.sizing-buttons 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.sizing-buttons button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.sizing-buttons button:focus-visible {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  outline: none;\n}\n.sizing-buttons button:hover dso-icon {\n  color: #fff;\n}\n\n.map {\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n\n.filterpanel,\n.overlay {\n  background-color: #fff;\n  height: 100%;\n  overflow-y: auto;\n  position: absolute;\n  z-index: 101;\n}\n\n.filterpanel {\n  box-shadow: 2px 0 5px #666;\n  padding: 8px 16px;\n  left: 0;\n  max-width: 896px;\n  width: calc(100vw - 40px);\n}\n@media screen and (max-width: 768px) {\n  .filterpanel {\n    width: 100vw;\n  }\n  .filterpanel::before {\n    display: none !important;\n  }\n}\n.filterpanel h1 {\n  color: #275937;\n  margin-block-end: 16px;\n  margin-block-start: 24px;\n  font-size: 2rem;\n  font-weight: 700;\n}\n.filterpanel::before {\n  content: \"\";\n  display: block;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 896px;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n@media screen and (max-width: 936px) {\n  .filterpanel::before {\n    left: auto;\n    width: 40px;\n  }\n}\n\n.overlay {\n  box-shadow: -2px 0 5px #666;\n  padding: 40px 16px 8px;\n  right: 0;\n  width: 624px;\n}\n@media screen and (max-width: 624px) {\n  .overlay {\n    width: 100vw;\n  }\n}\n\n.dimscreen {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 624px;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 102;\n}\n\n.filterpanel-buttons {\n  text-align: right;\n}\n.filterpanel-buttons .cancel-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  line-height: 1rem;\n}\n.filterpanel-buttons .cancel-button:focus, .filterpanel-buttons .cancel-button:focus-visible {\n  outline-offset: 2px;\n}\n.filterpanel-buttons .cancel-button:active {\n  outline: 0;\n}\n.filterpanel-buttons .cancel-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.filterpanel-buttons .cancel-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.filterpanel-buttons .cancel-button[disabled], .filterpanel-buttons .cancel-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.filterpanel-buttons .cancel-button.btn-sm {\n  line-height: 1rem;\n}\n.filterpanel-buttons .cancel-button.btn-sm dso-icon,\n.filterpanel-buttons .cancel-button.btn-sm svg.di, .filterpanel-buttons .cancel-button.btn-sm.extern::after, .filterpanel-buttons .cancel-button.btn-sm.download::after, .filterpanel-buttons .cancel-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.filterpanel-buttons .cancel-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button dso-icon,\n.filterpanel-buttons .cancel-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.filterpanel-buttons .cancel-button span + dso-icon,\n.filterpanel-buttons .cancel-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.filterpanel-buttons .cancel-button.dso-spinner-left[disabled], .filterpanel-buttons .cancel-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.filterpanel-buttons .cancel-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.filterpanel-buttons .cancel-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.filterpanel-buttons .cancel-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-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.filterpanel-buttons .cancel-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.filterpanel-buttons .cancel-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button dso-icon,\n.filterpanel-buttons .cancel-button svg.di, .filterpanel-buttons .cancel-button.extern::after, .filterpanel-buttons .cancel-button.download::after, .filterpanel-buttons .cancel-button.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.filterpanel-buttons .cancel-button.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .apply-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  line-height: 1rem;\n}\n.filterpanel-buttons .apply-button:focus, .filterpanel-buttons .apply-button:focus-visible {\n  outline-offset: 2px;\n}\n.filterpanel-buttons .apply-button:active {\n  outline: 0;\n}\n.filterpanel-buttons .apply-button:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.filterpanel-buttons .apply-button:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\n.filterpanel-buttons .apply-button[disabled], .filterpanel-buttons .apply-button[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\n.filterpanel-buttons .apply-button.btn-sm {\n  line-height: 1rem;\n}\n.filterpanel-buttons .apply-button.btn-sm dso-icon,\n.filterpanel-buttons .apply-button.btn-sm svg.di, .filterpanel-buttons .apply-button.btn-sm.extern::after, .filterpanel-buttons .apply-button.btn-sm.download::after, .filterpanel-buttons .apply-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.filterpanel-buttons .apply-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .apply-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .apply-button dso-icon,\n.filterpanel-buttons .apply-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.filterpanel-buttons .apply-button span + dso-icon,\n.filterpanel-buttons .apply-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.filterpanel-buttons .apply-button.dso-spinner-left[disabled], .filterpanel-buttons .apply-button.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.filterpanel-buttons .apply-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.filterpanel-buttons .apply-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.filterpanel-buttons .apply-button dso-icon,\n.filterpanel-buttons .apply-button svg.di, .filterpanel-buttons .apply-button.extern::after, .filterpanel-buttons .apply-button.download::after, .filterpanel-buttons .apply-button.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.filterpanel-buttons .apply-button.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .apply-button.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.filterpanel-buttons .cancel-button + .apply-button {\n  margin-left: 16px;\n}";export{a as dso_viewer_grid}

package/dist/dso-toolkit/p-9361b19e.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as e,H as i,g as n}from"./p-98fd1658.js";import{c as o}from"./p-4b8535b7.js";const a=class{constructor(e){t(this,e),this.dsoToggleSection=s(this,"dsoToggleSection",7),this.dsoToggleSectionAnimationEnd=s(this,"dsoToggleSectionAnimationEnd",7),this.variant="default",this.reverseAlign=!1,this.allowMultipleOpen=!1;const{state:i}=o({variant:this.variant||"default",reverseAlign:this.reverseAlign,allowMultipleOpen:this.allowMultipleOpen});this.accordionState=i}updateVariant(t="default"){this.accordionState.variant=t||"default"}updateReverseAlign(t){this.accordionState.reverseAlign=t}updateAllowMultipleOpen(t){if(this.accordionState.allowMultipleOpen=t,!t){const t=Array.from(this.host.querySelectorAll(":scope > dso-accordion-section[open]"));t.shift(),t.forEach((t=>this.controlOpenAttribute(t,!1)))}}async getState(){return this.accordionState}async toggleSection(t,s){const e=Array.from(this.host.querySelectorAll(":scope > dso-accordion-section"));if("number"==typeof t){const s=e[t];s instanceof HTMLElement&&(t=s)}if(!(t instanceof HTMLElement&&e.includes(t)))return;const i=this.isSectionOpen(t);return this.allowMultipleOpen?(this.controlOpenAttribute(t,!i),this.emitToggleEvent(t,e,s),!i):i?(this.controlOpenAttribute(t,!1),this.emitToggleEvent(t,e,s),!1):(await this.closeOpenSections(),this.controlOpenAttribute(t,!0),this.emitToggleEvent(t,e,s),!0)}async animationEnd(t){this.dsoToggleSectionAnimationEnd.emit({section:{element:t,open:this.isSectionOpen(t)}})}async closeOpenSections(){Array.from(this.host.querySelectorAll(":scope > dso-accordion-section")).filter((t=>this.isSectionOpen(t))).forEach((t=>this.controlOpenAttribute(t,!1)))}componentWillLoad(){this.accordionState.variant!==this.variant&&(this.accordionState.variant=this.variant||"default"),this.accordionState.reverseAlign!==this.reverseAlign&&(this.accordionState.reverseAlign=this.reverseAlign),this.accordionState.allowMultipleOpen!==this.allowMultipleOpen&&(this.accordionState.allowMultipleOpen=this.allowMultipleOpen)}render(){return e(i,{class:{"dso-accordion":!0}},e("slot",null))}emitToggleEvent(t,s,e){this.dsoToggleSection.emit({originalEvent:e,section:{element:t,open:this.isSectionOpen(t)},sections:s})}isSectionOpen(t){return"string"==typeof t.getAttribute("open")}controlOpenAttribute(t,s){s?t.setAttribute("open",""):t.removeAttribute("open")}get host(){return n(this)}static get watchers(){return{variant:["updateVariant"],reverseAlign:["updateReverseAlign"],allowMultipleOpen:["updateAllowMultipleOpen"]}}};a.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}";export{a as dso_accordion}

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

@@ -0,0 +1 @@
+import{r as o,c as t,h as s,g as r}from"./p-98fd1658.js";import{c as e}from"./p-6a1980b4.js";import{d as i}from"./p-1805f5b0.js";const n=new ResizeObserver(i((o=>o.forEach((o=>{var t;return null===(t=function({target:o}){return o.parentNode instanceof ShadowRoot&&a(o.parentNode.host)?o.parentNode.host:o.parentElement&&a(o.parentElement)?o.parentElement:void 0}(o))||void 0===t?void 0:t._setScrollState()}))),50));function a(o){return"DSO-SCROLLABLE"===o.tagName&&"_setScrollState"in o}const l=class{constructor(s){o(this,s),this.dsoScrollEnd=t(this,"dsoScrollEnd",7),this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{var t;(null===(t=o.parentElement)||void 0===t?void 0:t.closest("dso-scrollable"))===this.host&&this._setScrollState()})))),this.scrollPosition="noScroll"}async _setScrollState(){const o=this.getScrollPosition();this.scrollPosition!==o&&(this.scrollPosition=o,"top"!==this.scrollPosition&&"bottom"!==this.scrollPosition||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:s}=this.scrollContainerDiv;return o<=t?"noScroll":0===s?"top":o-s-t<1?"bottom":s>0?"middle":"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:!0,attributes:!1,childList:!1,subtree:!0}),this.scrollContainerDiv instanceof HTMLDivElement&&n.observe(this.scrollContainerDiv),this.slottedElements.forEach((o=>n.observe(o)))}disconnectedCallback(){this.scrollContainerDiv instanceof HTMLDivElement&&n.unobserve(this.scrollContainerDiv),this.mutationObserver.disconnect(),this.slottedElements.forEach((o=>n.unobserve(o)))}render(){return s("div",{class:"dso-shadow-container"},s("div",{ref:o=>this.scrollContainerDiv=o,class:e("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:"noScroll"!==this.scrollPosition}),onScroll:()=>this._setScrollState()},s("slot",null)))}get host(){return r(this)}};l.style=':host{display:block;height:100%;overflow-y:hidden}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{height:100%;position:relative}.dso-shadow-container .dso-scroll-container{height:100%;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%}.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}';export{l as dso_scrollable}

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

@@ -0,0 +1 @@
+import{r as n,c as t,h as o,H as e}from"./p-98fd1658.js";import{t as r}from"./p-85b18dbd.js";var i,s,a=function(n,t,o,e){if("a"===o&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?n!==t||!e:!t.has(n))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?e:"a"===o?e.call(n):e?e.value:t.get(n)},l=function(n,t,o,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?n!==t||!r:!t.has(n))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(n,o):r?r.value=o:t.set(n,o),o};const d=class{constructor(o){n(this,o),this.dsoZoomIn=t(this,"dsoZoomIn",7),this.dsoZoomOut=t(this,"dsoZoomOut",7),this.dsoToggle=t(this,"dsoToggle",7),this.panelTitle="Kaartlagen",i.set(this,void 0),s.set(this,void 0),this.open=!1,this.disableZoom=void 0,this.hideContent=!this.open}watchOpen(n){n?(this.hideContent=!1,setTimeout((()=>{var n;return null===(n=a(this,i,"f"))||void 0===n?void 0:n.focus()}),r)):setTimeout((()=>{var n;this.hideContent=!0,null===(n=a(this,s,"f"))||void 0===n||n.focus()}),r)}async toggleVisibility(n){this.open=!this.open,this.dsoToggle.emit({originalEvent:n,open:this.open})}render(){return o(e,null,o("button",{type:"button",id:"toggle-visibility-button",class:"toggle-visibility-button",onClick:n=>this.toggleVisibility(n),ref:n=>l(this,s,n,"f")},o("dso-icon",{icon:"layers"}),o("span",null,"Kaartlagen")),o("div",{class:"zoom-buttons"},o("button",{type:"button",onClick:n=>this.dsoZoomIn.emit(n),disabled:"in"===this.disableZoom||"both"===this.disableZoom},o("span",null,"Zoom in"),o("dso-icon",{icon:"plus"})),o("button",{type:"button",onClick:n=>this.dsoZoomOut.emit(n),disabled:"out"===this.disableZoom||"both"===this.disableZoom},o("span",null,"Zoom uit"),o("dso-icon",{icon:"minus"}))),o("section",{hidden:this.hideContent},o("header",null,o("h2",null,this.panelTitle),o("button",{type:"button",class:"close-button",onClick:n=>this.toggleVisibility(n),ref:n=>l(this,i,n,"f")},o("span",null,"Verberg paneel ",this.panelTitle),o("dso-icon",{icon:"times"}))),o("dso-scrollable",null,o("div",{class:"content"},o("slot",null)))))}static get watchers(){return{open:["watchOpen"]}}};i=new WeakMap,s=new WeakMap,d.style=":host {\n  background-color: #fff;\n  border: 1px solid #ccc;\n  bottom: 0;\n  display: block;\n  font-family: Asap, sans-serif;\n  position: absolute;\n  top: 0;\n  left: 100%;\n  transition: transform 300ms ease;\n  width: 300px;\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host([open]) {\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);\n  transform: translateX(-100%);\n}\n:host([open]) .toggle-visibility-button {\n  display: none;\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n.toggle-visibility-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: 0;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  font-weight: 600;\n  margin-right: 16px;\n  padding: 8px 16px;\n  white-space: nowrap;\n  position: absolute;\n  right: calc(100% + 56px);\n  top: 16px;\n}\n.toggle-visibility-button:focus, .toggle-visibility-button:focus-visible {\n  outline-offset: 2px;\n}\n.toggle-visibility-button:active {\n  outline: 0;\n}\n.toggle-visibility-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.toggle-visibility-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.toggle-visibility-button[disabled], .toggle-visibility-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.toggle-visibility-button.btn-sm {\n  line-height: 1rem;\n}\n.toggle-visibility-button.btn-sm dso-icon,\n.toggle-visibility-button.btn-sm svg.di, .toggle-visibility-button.btn-sm.extern::after, .toggle-visibility-button.btn-sm.download::after, .toggle-visibility-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.toggle-visibility-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.toggle-visibility-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.toggle-visibility-button dso-icon,\n.toggle-visibility-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.toggle-visibility-button span + dso-icon,\n.toggle-visibility-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.toggle-visibility-button.dso-spinner-left[disabled], .toggle-visibility-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.toggle-visibility-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.toggle-visibility-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.toggle-visibility-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.toggle-visibility-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.toggle-visibility-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.toggle-visibility-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.toggle-visibility-button:focus-visible {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  outline: none;\n}\n\n.zoom-buttons {\n  border-radius: 4px;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  display: flex;\n  flex-wrap: wrap;\n  flex: 0 0;\n  position: absolute;\n  right: calc(100% + 16px);\n  top: 16px;\n}\n.zoom-buttons 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: 0;\n  padding: 8px;\n  border-radius: 0;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  flex: 0 0 100%;\n  height: 40px;\n  min-width: auto;\n  width: 40px;\n}\n.zoom-buttons button:focus, .zoom-buttons button:focus-visible {\n  outline-offset: 2px;\n}\n.zoom-buttons button:active {\n  outline: 0;\n}\n.zoom-buttons button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.zoom-buttons button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.zoom-buttons button[disabled], .zoom-buttons button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.zoom-buttons button.btn-sm {\n  line-height: 1rem;\n}\n.zoom-buttons button.btn-sm dso-icon,\n.zoom-buttons button.btn-sm svg.di, .zoom-buttons button.btn-sm.extern::after, .zoom-buttons button.btn-sm.download::after, .zoom-buttons button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.zoom-buttons button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.zoom-buttons button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.zoom-buttons button > span {\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.zoom-buttons button.dso-spinner-left[disabled], .zoom-buttons button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.zoom-buttons 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.zoom-buttons 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.zoom-buttons button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.zoom-buttons 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.zoom-buttons 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.zoom-buttons button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.zoom-buttons button:focus-visible {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  outline: none;\n}\n.zoom-buttons button + button {\n  border-radius: 0;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-top: 1px solid #ccc;\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  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  padding: 0;\n  position: absolute;\n  right: 16px;\n  top: 16px;\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[disabled] {\n  color: #afcf9d;\n}\n.close-button[disabled].dso-spinner-left, .close-button[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.close-button:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.close-button:not([disabled]):active {\n  color: #173521;\n}\n.close-button.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\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: middle;\n  width: 24px;\n  margin-right: 8px;\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: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button > span {\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\nsection:not([hidden]) {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\nheader,\n.content {\n  padding: 16px;\n}\n\nheader {\n  border-bottom: 1px solid #ccc;\n  flex-grow: 0;\n  position: relative;\n}\nheader h2 {\n  color: #275937;\n  font-family: \"Asap\", sans-serif;\n  line-height: 1;\n  margin: 0;\n}";export{d as dso_map_controls}

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

@@ -0,0 +1 @@
+import{r as s,c as t,h as i,H as e,g as l}from"./p-98fd1658.js";const r=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],a=class{constructor(i){s(this,i),this.dsoSizeChange=t(this,"dsoSizeChange",7),this.observer=new ResizeObserver((([s])=>{var t,i;if(!s)throw new Error("No entry found");const e=null!==(i=null===(t=r.find((t=>s.contentRect.width>=t.width)))||void 0===t?void 0:t.alias)&&void 0!==i?i:r[0].alias;this.sizeAlias=e,this.dsoSizeChange.emit(e)})),this.sizeAlias=r[0].alias,this.sizeWidth=0}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return i(e,{small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},i("slot",null))}get host(){return l(this)}};a.style=":host{display:block}";export{a as dso_responsive_element}

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

@@ -0,0 +1 @@
+import{r as t,h as o,H as i,g as e}from"./p-98fd1658.js";import{d as r,h as a,c as s,b as n}from"./p-452b1234.js";import{c as p}from"./p-6a1980b4.js";import{d as l}from"./p-1805f5b0.js";var h,d={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var o=t.state,i=t.name,e=r(o,t.options),a=o.modifiersData.preventOverflow||{x:0,y:0},s=a.x,n=a.y,p=o.rects.popper,l=p.width,h=p.height,d=o.placement.split("-")[0];o.modifiersData[i]={width:l-e["left"===d?"left":"right"]-s,height:h-e["top"===d?"top":"bottom"]-n}}},c=function(t,o,i,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?t!==o||!r:!o.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(t,i):r?r.value=i:o.set(t,i),i};const f={name:"applyMaxSize",enabled:!0,phase:n,requires:["maxSize"],fn({state:t}){let{width:o}=t.modifiersData.maxSize;o<160&&(o=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${o}px`})}},m=class{constructor(o){t(this,o),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.onMouseLeave=()=>{var t;this.element.matches(":hover")||(null===(t=this.target)||void 0===t?void 0:t.matches(":hover"))||this.callbacks.deactivate()},this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()},this.deactivatePopper=l((()=>{var t;this.hidden=!0,null===(t=this.popper)||void 0===t||t.destroy(),this.popper=void 0}),150),h.set(this,void 0),this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.stateless=void 0,this.small=void 0,this.active=!1,this.hidden=!0}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy||"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.element;for(;t&&t.parentNode!==document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&a(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){this.active?(this.activatePopper(),this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]}),document.addEventListener("keydown",this.keyDownListener)}))):(document.removeEventListener("keydown",this.keyDownListener),this.deactivatePopper())}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(!((null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip"))instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");!this.stateless&&this.target&&(this.target.addEventListener("mouseenter",this.callbacks.activate),[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave))),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){var t;null===(t=this.popper)||void 0===t||t.destroy(),!this.stateless&&this.target&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave))),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.target=void 0}componentDidRender(){var t;this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return o(i,{class:{hidden:this.hidden},role:"tooltip"},o("div",{class:p("tooltip",{in:this.active})},!this.noArrow&&o("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),o("div",{"aria-hidden":!this.descriptive||void 0,class:p("tooltip-inner",{"dso-small":this.small})},o("slot",null))))}activatePopper(){var t;if(this.hidden=!1,this.popper)return;const o=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");this.target&&o instanceof HTMLElement&&(this.popper=s(this.target,o,{placement:this.position,modifiers:[d,f,{name:"eventListeners",enabled:!1}]}),this.setStrategy())}get target(){var t;return null!==(t=function(t,o,i,e){if("a"===i&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?t!==o||!e:!o.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?e:"a"===i?e.call(t):e?e.value:o.get(t)}(this,h,"f"))&&void 0!==t?t:this.initializeTarget()}set target(t){c(this,h,t,"f")}initializeTarget(){const t=this.element.id;if(!t)return void console.warn("Unable to find reference tooltip has no [id] attribute.");const o=this.element.getRootNode();if(!(o instanceof Document||o instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const i=o.querySelector(`[aria-describedBy="${t}`);if(i)return c(this,h,i,"f"),i;console.warn(`Unable to find reference with aria-describedby ${t}`)}get element(){return e(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};h=new WeakMap,m.style=":host(.hidden){visibility:hidden}:host-context(dso-toggletip){color:red !important}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";export{m as dso_tooltip}

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

@@ -0,0 +1 @@
+import{h as e,r as t,c as s,H as i,g as o}from"./p-98fd1658.js";import{c as d}from"./p-6c543986.js";var a;function n(e){if(!e)return;const t=e.split("-");return 3===t.length&&"string"==typeof t[0]&&"string"==typeof t[1]&&"string"==typeof t[2]&&4===t[2].length?function(e,t,s){const i=parseInt(s,10),o=parseInt(t,10),d=parseInt(e,10);if(Number.isInteger(d)&&Number.isInteger(o)&&Number.isInteger(i)&&o>0&&o<=12&&i>0&&i<=31&&d>0)return new Date(d,o-1,i)}(t[2],t[1],t[0]):void 0}function r(e){return e?`${e.getDate().toString(10).padStart(2,"0")}-${(e.getMonth()+1).toString(10).padStart(2,"0")}-${e.getFullYear().toString(10).padStart(2,"0")}`:""}function c(e,t){return!(!e||!t)&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function l(e,t){const s=new Date(e);return s.setDate(s.getDate()+t),s}function h(e,t=a.Monday){const s=new Date(e),i=s.getDay(),o=(i<t?7:0)+i-t;return s.setDate(s.getDate()-o),s}function p(e,t=a.Monday){const s=new Date(e),i=s.getDay(),o=6+(i<t?-7:0)-(i-t);return s.setDate(s.getDate()+o),s}function u(e){return new Date(e.getFullYear(),e.getMonth(),1)}function _(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function f(e,t){const s=new Date(e);return s.setMonth(t),s}function b(e,t){const s=new Date(e);return s.setFullYear(t),s}function g(e,t,s){return m(e,t,s)===e}function m(e,t,s){const i=e.getTime();return t&&t instanceof Date&&i<t.getTime()?t:s&&s instanceof Date&&i>s.getTime()?s:e}!function(e){e[e.Sunday=0]="Sunday",e[e.Monday=1]="Monday",e[e.Tuesday=2]="Tuesday",e[e.Wednesday=3]="Wednesday",e[e.Thursday=4]="Thursday",e[e.Friday=5]="Friday",e[e.Saturday=6]="Saturday"}(a||(a={}));const k=({focusedDay:t,today:s,day:i,onDaySelect:o,onKeyboardNavigation:d,focusedDayRef:a,inRange:n})=>{const l=c(i,s),h=c(i,t),p=i.getMonth()!==t.getMonth();return e("button",{class:{"dso-date__day":!0,"is-today":l},tabIndex:h?0:-1,onClick:function(e){o(e,i)},onKeyDown:d,disabled:!n||p,type:"button",ref:e=>{h&&e&&a&&a(e)}},e("span",{"aria-hidden":"true"},i.getDate()),e("span",{class:"dso-date__vhidden"},r(i)))},x=({selectedDate:t,focusedDate:s,labelledById:i,localization:o,firstDayOfWeek:d,min:n,max:r,onDateSelect:f,onKeyboardNavigation:b,focusedDayRef:m,onMouseDown:x,onFocusIn:v})=>{const y=new Date,w=function(e,t=a.Monday){return function(e,t){const s=[];let i=e;for(;!c(i,t);)s.push(i),i=l(i,1);return s.push(i),s}(h(u(e),t),p(_(e),t))}(s,d);return e("table",{class:"dso-date__table",role:"grid","aria-labelledby":i,onFocusin:v,onMouseDown:x},e("thead",null,e("tr",null,(M=d,z=t=>e("th",{class:"dso-date__table-header",scope:"col"},e("span",{"aria-hidden":"true"},t.substr(0,2)),e("span",{class:"dso-date__vhidden"},t)),(D=o.dayNames).map(((e,t)=>{const s=D[(t+M)%D.length];if(!s)throw new Error("No item found");return z(s)}))))),e("tbody",null,function(e){const t=[];for(let s=0;s<e.length;s+=7)t.push(e.slice(s,s+7));return t}(w).map((i=>e("tr",{class:"dso-date__row"},i.map((i=>e("td",{class:"dso-date__cell",role:"gridcell","aria-selected":c(i,t)?"true":void 0,"aria-current":c(i,y)?"date":void 0},e(k,{day:i,today:y,focusedDay:s,inRange:g(i,n,r),onDaySelect:f,onKeyboardNavigation:b,focusedDayRef:m})))))))));var D,M,z},v={buttonLabel:"Kies datum",placeholder:"dd-mm-jjjj",selectedDateMessage:"Geselecteerde datum is",prevMonthLabel:"Vorige maand",nextMonthLabel:"Volgende maand",monthSelectLabel:"Maand",yearSelectLabel:"Jaar",closeLabel:"Sluiten",keyboardInstruction:"Gebruik de pijltjestoetsen om een dag te kiezen",calendarHeading:"Kies een datum",dayNames:["Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag"],monthNames:["Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November","December"],monthNamesShort:["Jan","Feb","Mrt","Apr","Mei","Jun","Jul","Aug","Sep","Okt","Nov","Dec"]},y=/[^0-9-]+/g,w=class{constructor(e){t(this,e),this.dsoDateChange=s(this,"dsoDateChange",7),this.dsoBlur=s(this,"dsoBlur",7),this.dsoKeyUp=s(this,"dsoKeyUp",7),this.dsoKeyDown=s(this,"dsoKeyDown",7),this.dsoFocus=s(this,"dsoFocus",7),this.monthSelectId=d("DsoDateMonth"),this.yearSelectId=d("DsoDateYear"),this.dialogLabelId=d("DsoDateLabel"),this.localization=v,this.firstDayOfWeek=a.Monday,this.enableActiveFocus=()=>{this.activeFocus=!0},this.disableActiveFocus=()=>{this.activeFocus=!1},this.toggleOpen=e=>{e.preventDefault(),this.open?this.hide(!1):this.show()},this.handleEscKey=e=>{27===e.keyCode&&this.hide()},this.handleBlur=e=>{e.stopPropagation(),this.dsoBlur.emit({component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({component:"dso-date-picker"})},this.handleTouchStart=e=>{const t=e.changedTouches[0];if(!t)throw new Error("No touch found");this.initialTouchX=t.pageX,this.initialTouchY=t.pageY},this.handleTouchMove=e=>{e.preventDefault()},this.handleTouchEnd=e=>{var t,s;const i=e.changedTouches[0];if(!i)throw new Error("No touch found");const o=i.pageX-(null!==(t=this.initialTouchX)&&void 0!==t?t:0),d=i.pageY-(null!==(s=this.initialTouchY)&&void 0!==s?s:0),a=Math.abs(o)>=70&&Math.abs(d)<=70,n=Math.abs(d)>=70&&Math.abs(o)<=70&&d>0;a?this.addMonths(o<0?1:-1):n&&(this.hide(!1),e.preventDefault()),this.initialTouchY=void 0,this.initialTouchX=void 0},this.handleNextMonthClick=e=>{e.preventDefault(),this.addMonths(1)},this.handlePreviousMonthClick=e=>{e.preventDefault(),this.addMonths(-1)},this.handleFirstFocusableKeydown=e=>{var t;9===e.keyCode&&e.shiftKey&&(null===(t=this.focusedDayNode)||void 0===t||t.focus(),e.preventDefault())},this.handleKeyboardNavigation=e=>{var t;if(9===e.keyCode&&!e.shiftKey)return e.preventDefault(),void(null===(t=this.firstFocusableElement)||void 0===t||t.focus());let s=!0;switch(e.keyCode){case 39:this.addDays(1);break;case 37:this.addDays(-1);break;case 40:this.addDays(7);break;case 38:this.addDays(-7);break;case 33:e.shiftKey?this.addYears(-1):this.addMonths(-1);break;case 34:e.shiftKey?this.addYears(1):this.addMonths(1);break;case 36:this.startOfWeek();break;case 35:this.endOfWeek();break;default:s=!1}s&&(e.preventDefault(),this.enableActiveFocus())},this.handleDaySelect=(e,t)=>{g(t,n(this.min),n(this.max))&&(t.getMonth()===this.focusedDay.getMonth()?(this.setValue(t),this.hide()):this.setFocusedDay(t))},this.handleMonthSelect=e=>{e.target instanceof HTMLSelectElement&&this.setMonth(parseInt(e.target.value,10))},this.handleYearSelect=e=>{e.target instanceof HTMLSelectElement&&this.setYear(parseInt(e.target.value,10))},this.handleInputChange=e=>{const t=function(e,t){const s=e.value,i=e.selectionStart;if(!i)return s;const o=s.slice(0,i),d=s.slice(i,s.length),a=o.replace(t,""),n=a+d.replace(t,""),r=a.length;return e.value=n,e.selectionStart=e.selectionEnd=r,n}(e.target,y);this.setValue(t)},this.prepareEvent=e=>{const t={component:"dso-date-picker",value:"",valueAsDate:void 0};if(e instanceof Date?t.valueAsDate=e:(t.value=e,t.valueAsDate=n(e)),t.valueAsDate&&(t.value=r(t.valueAsDate)),!t.valueAsDate&&this.required&&(t.error="required"),t.value&&!t.valueAsDate&&(t.error="invalid"),t.valueAsDate&&(this.min||this.max)){const e=n(this.min),s=n(this.max),i=m(t.valueAsDate,e,s);i!==t.valueAsDate&&i===e?(t.valueAsDate=void 0,t.error="min-range"):i!==t.valueAsDate&&i===s&&(t.valueAsDate=void 0,t.error="max-range")}return t},this.processFocusedDayNode=e=>{this.focusedDayNode=e,this.activeFocus&&this.open&&setTimeout((()=>e.focus()),0)},this.activeFocus=!1,this.focusedDay=new Date,this.open=!1,this.visible=!1,this.name="date",this.identifier=void 0,this.disabled=!1,this.role=null,this.direction="right",this.required=!1,this.invalid=void 0,this.dsoAutofocus=!1,this.value="",this.min=void 0,this.max=void 0}handleDocumentClick(e){if(!this.open)return;const t=e.composedPath();for(const e of t)if(e instanceof Node&&this.element.contains(e))return;this.hide(!1)}async setFocus(){var e;return null===(e=this.datePickerInput)||void 0===e?void 0:e.focus()}async show(){void 0!==this.hideTimeoutId&&clearTimeout(this.hideTimeoutId),this.visible=!0,setTimeout((()=>{this.open=!0,this.setFocusedDay(n(this.value)||new Date),void 0!==this.focusTimeoutId&&clearTimeout(this.focusTimeoutId),this.focusTimeoutId=setTimeout((()=>{var e;return null===(e=this.monthSelectNode)||void 0===e?void 0:e.focus()}),300)}))}async hide(e=!0){this.open=!1,void 0!==this.focusTimeoutId&&clearTimeout(this.focusTimeoutId),this.hideTimeoutId=setTimeout((()=>{e&&this.datePickerButton&&this.datePickerButton.focus(),this.visible=!1}),500)}addDays(e){this.setFocusedDay(l(this.focusedDay,e))}addMonths(e){this.setMonth(this.focusedDay.getMonth()+e)}addYears(e){this.setYear(this.focusedDay.getFullYear()+e)}startOfWeek(){this.setFocusedDay(h(this.focusedDay,this.firstDayOfWeek))}endOfWeek(){this.setFocusedDay(p(this.focusedDay,this.firstDayOfWeek))}setMonth(e){const t=f(u(this.focusedDay),e),s=_(t),i=f(this.focusedDay,e);this.setFocusedDay(m(i,t,s))}setYear(e){const t=b(u(this.focusedDay),e),s=_(t),i=b(this.focusedDay,e);this.setFocusedDay(m(i,t,s))}setFocusedDay(e){this.focusedDay=m(e,n(this.min),n(this.max))}setValue(e){const t=this.prepareEvent(e);this.value="string"==typeof e?e:t.value,this.value!==this.previousValue&&(this.dsoDateChange.emit(t),this.previousValue=this.value)}componentWillLoad(){const e=n(this.min),t=n(this.max);e&&e>this.focusedDay&&(this.focusedDay=e),t&&t<this.focusedDay&&(this.focusedDay=t)}componentDidLoad(){const e=n(this.value);e&&(this.previousValue=this.value=r(e)),this.dsoAutofocus&&this.setFocus()}render(){var t,s;const o=n(this.value),d=o&&r(o),a=(o||this.focusedDay).getFullYear(),c=this.focusedDay.getMonth(),l=this.focusedDay.getFullYear(),h=n(this.min),p=n(this.max),u=h&&h.getMonth()===c&&h.getFullYear()===l,_=p&&p.getMonth()===c&&p.getFullYear()===l;let f=a-10,b=a+10;return h&&(f=Math.max(f,h.getFullYear())),p&&(b=Math.min(b,p.getFullYear())),e(i,null,e("div",{class:{"dso-date":!0,"dso-visible":this.visible}},e("div",{class:"dso-date__input-wrapper"},e("input",{class:"dso-date__input",value:this.value,placeholder:this.localization.placeholder,id:this.identifier,disabled:this.disabled,role:null!==(t=this.role)&&void 0!==t?t:void 0,required:!!this.required||void 0,"aria-autocomplete":"none","aria-invalid":null===(s=this.invalid)||void 0===s?void 0:s.toString(),onInput:this.handleInputChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,autoComplete:"off",ref:e=>this.datePickerInput=e}),e("button",{type:"button",class:"dso-date__toggle",onClick:this.toggleOpen,disabled:this.disabled,ref:e=>this.datePickerButton=e},e("span",{class:"dso-date__toggle-icon"},e("dso-icon",{icon:"calendar"})),e("span",{class:"dso-date__vhidden"},this.localization.buttonLabel,d&&e("span",null,", ",this.localization.selectedDateMessage," ",d)))),e("div",{class:{"dso-date__dialog":!0,"is-left":"left"===this.direction,"is-active":this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},e("div",{class:"dso-date__dialog-content",onKeyDown:this.handleEscKey},e("div",{class:"dso-date__vhidden dso-date__instructions","aria-live":"polite"},this.localization.keyboardInstruction),e("div",{class:"dso-date__mobile",onFocusin:this.disableActiveFocus},e("label",{class:"dso-date__mobile-heading"},this.localization.calendarHeading),e("button",{class:"dso-date__close",ref:e=>this.firstFocusableElement=e,onKeyDown:this.handleFirstFocusableKeydown,onClick:()=>this.hide(),type:"button"},e("dso-icon",{icon:"times"}),e("span",{class:"dso-date__vhidden"},this.localization.closeLabel))),e("div",{class:"dso-date__header",onFocusin:this.disableActiveFocus},e("div",null,e("h2",{id:this.dialogLabelId,class:"dso-date__vhidden","aria-live":"polite"},this.localization.monthNames[c]," ",this.focusedDay.getFullYear()),e("label",{htmlFor:this.monthSelectId,class:"dso-date__vhidden"},this.localization.monthSelectLabel),e("div",{class:"dso-date__select"},e("select",{id:this.monthSelectId,class:"dso-date__select--month",ref:e=>this.monthSelectNode=e,onChange:this.handleMonthSelect},function(e,t,s,i){if(s&&i){const{minYear:o,minMonth:d}={minYear:s.getFullYear(),minMonth:s.getMonth()},{maxYear:a,maxMonth:n}={maxYear:i.getFullYear(),maxMonth:i.getMonth()};return e.monthNames.filter(((e,s)=>o===t&&a===t?s>=d&&s>=n:o===t?s>=d:a!==t||s<=n))}if(s){const{minYear:i,minMonth:o}={minYear:s.getFullYear(),minMonth:s.getMonth()};return e.monthNames.filter(((e,s)=>i===t&&s>=o))}if(i){const{maxYear:s,maxMonth:o}={maxYear:i.getFullYear(),maxMonth:i.getMonth()};return e.monthNames.filter(((e,i)=>s===t&&i<=o))}return e.monthNames}(this.localization,a,h,p).map((t=>{const s=this.localization.monthNames.indexOf(t);return e("option",{key:t,value:s,selected:s===c},t)}))),e("div",{class:"dso-date__select-label","aria-hidden":"true"},e("span",null,this.localization.monthNamesShort[c]),e("dso-icon",{icon:"chevron-down"}))),e("label",{htmlFor:this.yearSelectId,class:"dso-date__vhidden"},this.localization.yearSelectLabel),e("div",{class:"dso-date__select"},e("select",{id:this.yearSelectId,class:"dso-date__select--year",onChange:this.handleYearSelect},function(e,t){const s=[];for(let i=e;i<=t;i++)s.push(i);return s}(f,b).map((t=>e("option",{key:t,selected:t===l},t)))),e("div",{class:"dso-date__select-label","aria-hidden":"true"},e("span",null,this.focusedDay.getFullYear()),e("dso-icon",{icon:"chevron-down"})))),e("div",{class:"dso-date__nav"},e("button",{class:"dso-date__prev",onClick:this.handlePreviousMonthClick,disabled:u,type:"button"},e("dso-icon",{icon:"chevron-left"}),e("span",{class:"dso-date__vhidden"},this.localization.prevMonthLabel)),e("button",{class:"dso-date__next",onClick:this.handleNextMonthClick,disabled:_,type:"button"},e("dso-icon",{icon:"chevron-right"}),e("span",{class:"dso-date__vhidden"},this.localization.nextMonthLabel)))),e(x,{selectedDate:o,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:h,max:p})))))}get element(){return o(this)}};w.style='.sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date.sc-dso-date-picker *.sc-dso-date-picker,.dso-date.sc-dso-date-picker *.sc-dso-date-picker::before,.dso-date.sc-dso-date-picker *.sc-dso-date-picker::after{box-sizing:border-box}.dso-date.sc-dso-date-picker{box-sizing:border-box;color:#191919;display:block;font-family:"Asap", sans-serif;margin:0;position:relative;text-align:left;width:100%}.dso-date.sc-dso-date-picker:not(.dso-visible) .dso-date__dialog.sc-dso-date-picker{display:none}.dso-date__input.sc-dso-date-picker{display:block;width:100%;height:40px;padding:6px 14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:40px}.dso-date__input[size].sc-dso-date-picker{width:auto}.dso-date__toggle.sc-dso-date-picker{-moz-appearance:none;-webkit-appearance:none;-webkit-user-select:none;align-items:center;appearance:none;background:transparent;border:0;border-radius:0;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#39870c;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;position:absolute;right:0;transform:translateY(-50%);top:50%;user-select:none;width:38px;z-index:101}.dso-date__toggle.sc-dso-date-picker:disabled{color:#afcf9d;cursor:default}.dso-date__dialog.sc-dso-date-picker{border-width:1px;display:flex;right:0;min-width:320px;opacity:0;position:absolute;top:100%;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;visibility:hidden;will-change:transform, opacity, visibility;z-index:210}@media (max-width: 35.9375em){.dso-date__dialog.sc-dso-date-picker{background:rgba(25, 25, 25, 0.5);bottom:0;position:fixed;left:0;right:0;top:0;transform:translateZ(0);transform-origin:bottom center}}.dso-date__dialog.is-left.sc-dso-date-picker{left:-11px;right:auto;width:auto}.dso-date__dialog.is-active.sc-dso-date-picker{opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);visibility:visible}.dso-date__dialog-content.sc-dso-date-picker{background:#fff;border:1px solid rgba(0, 0, 0, 0.1);border-radius:4px;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);margin-left:auto;margin-right:-1px;margin-top:8px;max-width:310px;min-width:290px;padding:16px;position:relative;transform:none;width:100%;z-index:210}@media (max-width: 35.9375em){.dso-date__dialog-content.sc-dso-date-picker{border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;bottom:0;left:0;margin:0;max-width:none;min-height:26em;opacity:0;padding:0 8% 20px;position:absolute;transform:translateZ(0) translateY(100%);transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;visibility:hidden;will-change:transform, opacity, visibility}.is-active.sc-dso-date-picker .dso-date__dialog-content.sc-dso-date-picker{opacity:1;transform:translateZ(0) translateY(0);visibility:visible}}.dso-date__table.sc-dso-date-picker{border-collapse:collapse;border-spacing:0;color:#191919;font-size:1rem;font-weight:400;line-height:1.25;min-width:280px;table-layout:fixed;text-align:center;width:100%}.dso-date__table-header.sc-dso-date-picker{font-size:0.875em;font-weight:600;height:36px;line-height:36px;text-align:center;text-decoration:none;text-transform:uppercase}.dso-date__cell.sc-dso-date-picker{height:40px;padding:1px;text-align:center;width:40px}.dso-date__day.sc-dso-date-picker{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;box-shadow:0 0 0 1px transparent;color:#191919;cursor:pointer;display:inline-block;font-family:"Asap", sans-serif;font-variant-numeric:tabular-nums;font-weight:400;height:38px;line-height:0;padding:0;position:relative;text-align:center;vertical-align:middle;width:38px;z-index:100}.dso-date__day.is-today.sc-dso-date-picker{background:transparent;height:36px;box-shadow:0 0 0 1px #39870c;width:36px}.dso-date__day.sc-dso-date-picker:hover,.dso-date__day.sc-dso-date-picker:active{background:#39870c;color:#fff}.dso-date__day.sc-dso-date-picker:focus{background:transparent;box-shadow:0 0 0 2px #275937;color:#191919;height:34px;outline:0;width:34px}[aria-selected=true].sc-dso-date-picker .dso-date__day.sc-dso-date-picker{background:#39870c;color:#fff}[aria-selected=true].sc-dso-date-picker .dso-date__day.sc-dso-date-picker:focus{background:transparent}[aria-selected=true].sc-dso-date-picker .dso-date__day.sc-dso-date-picker:focus span[aria-hidden=true].sc-dso-date-picker{background:#39870c;border:1px solid #fff;line-height:32px}.dso-date__day.sc-dso-date-picker:disabled{background:#fff;color:#ccc;cursor:default}.dso-date__day.sc-dso-date-picker span[aria-hidden=true].sc-dso-date-picker{border-radius:50%;display:inline-block;height:34px;line-height:34px;width:34px}.dso-date__header.sc-dso-date-picker{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.dso-date__header.sc-dso-date-picker span.sc-dso-date-picker{font-size:0.875rem}.dso-date__nav.sc-dso-date-picker{white-space:nowrap}.dso-date__prev.sc-dso-date-picker,.dso-date__next.sc-dso-date-picker{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;background:transparent;border:1px solid #39870c;border-radius:4px;box-sizing:border-box;color:#39870c;cursor:pointer;display:inline-flex;font-size:1em;height:32px;justify-content:center;margin-left:8px;padding:0;width:32px}@media (max-width: 35.9375em){.dso-date__prev.sc-dso-date-picker,.dso-date__next.sc-dso-date-picker{height:40px;width:40px}}.dso-date__prev.sc-dso-date-picker:hover,.dso-date__prev.sc-dso-date-picker:active,.dso-date__next.sc-dso-date-picker:hover,.dso-date__next.sc-dso-date-picker:active{background-color:#39870c;color:#fff}.dso-date__prev.sc-dso-date-picker:focus,.dso-date__next.sc-dso-date-picker:focus{background:transparent;color:#39870c}.dso-date__prev.sc-dso-date-picker:disabled,.dso-date__prev.sc-dso-date-picker:disabled:hover,.dso-date__next.sc-dso-date-picker:disabled,.dso-date__next.sc-dso-date-picker:disabled:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d;opacity:1}.dso-date__prev.sc-dso-date-picker svg.sc-dso-date-picker,.dso-date__next.sc-dso-date-picker svg.sc-dso-date-picker{margin:0 auto}.dso-date__select.sc-dso-date-picker{display:inline-flex;height:28px;line-height:28px;position:relative}.dso-date__select.sc-dso-date-picker span.sc-dso-date-picker{margin-right:4px}.dso-date__select.sc-dso-date-picker select.sc-dso-date-picker{color:#275937;cursor:pointer;font-size:1rem;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:101}.dso-date__select.sc-dso-date-picker select.sc-dso-date-picker:focus+.dso-date__select-label.sc-dso-date-picker{box-shadow:0 0 0 2px #275937}.dso-date__select.sc-dso-date-picker select.sc-dso-date-picker:disabled{color:#afcf9d}.dso-date__select-label.sc-dso-date-picker{align-items:center;border-radius:4px;color:#39870c;display:flex;padding:0 4px 0 8px;pointer-events:none;position:relative;width:100%;z-index:100}.dso-date__select-label.sc-dso-date-picker span.sc-dso-date-picker{font-size:1.25rem;font-weight:600;line-height:1.25}.dso-date__select-label.sc-dso-date-picker svg.sc-dso-date-picker{width:16px;height:16px}.dso-date__mobile.sc-dso-date-picker{align-items:center;border-bottom:1px solid rgba(0, 0, 0, 0.12);display:flex;font-size:1em;justify-content:space-between;margin-bottom:20px;margin-left:-10%;overflow:hidden;padding:12px 20px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:120%}@media (min-width: 36em){.dso-date__mobile.sc-dso-date-picker{border:0;margin:0;overflow:visible;padding:0;position:absolute;right:-16px;top:-16px;width:auto}}.dso-date__mobile-heading.sc-dso-date-picker{display:inline-block;font-weight:600;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.dso-date__mobile-heading.sc-dso-date-picker{display:none}}.dso-date__close.sc-dso-date-picker{-webkit-appearance:none;align-items:center;appearance:none;background-color:#fff;border:0;border-radius:50%;color:#39870c;cursor:pointer;display:flex;font-size:1em;height:32px;justify-content:center;margin-right:-4px;padding:0;width:32px}@media (min-width: 36em){.dso-date__close.sc-dso-date-picker{margin-right:0;opacity:0}}.dso-date__close.sc-dso-date-picker:focus{box-shadow:0 0 0 2px #275937;outline:none}@media (min-width: 36em){.dso-date__close.sc-dso-date-picker:focus{opacity:1}}.dso-date__vhidden.sc-dso-date-picker{border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;padding:0;position:absolute;top:0;width:1px}';export{w as dso_date_picker}

package/dist/dso-toolkit/{p-fa2f1a1c.entry.js → p-ca4fee8d.entry.js}

@@ -1 +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}
+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:not([invalid=false]){--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-ccff72e8.entry.js

@@ -0,0 +1 @@
+import{h as e,r as t,c as n,H as i}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:n,className:i},o)=>{switch(t){default:case"h2":return e("h2",{ref:n,class:i},o);case"h3":return e("h3",{ref:n,class:i},o);case"h4":return e("h4",{ref:n,class:i},o);case"h5":return e("h5",{ref:n,class:i},o);case"h6":return e("h6",{ref:n,class:i},o)}},s=class{constructor(e){t(this,e),this.dsoToggle=n(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(i,{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-block-end:16px;margin-block-start: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-block-end:16px;margin-block-start: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-e8c46f70.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as n,F as e,g as o}from"./p-98fd1658.js";import{i as a}from"./p-33df9903.js";const s=class{constructor(n){i(this,n),this.dsoSelectPage=t(this,"dsoSelectPage",7),this.sizePositionsMap={small:7,medium:9,large:11},this.availablePositions=void 0,this.totalPages=void 0,this.currentPage=void 0,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:a(i)})}componentDidLoad(){var i;null===(i=this.responsiveElement)||void 0===i||i.getSize().then((i=>this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i])))}render(){var i,t,o;if(!this.totalPages)return null;if(void 0===this.availablePositions)return n("dso-responsive-element",{ref:i=>this.responsiveElement=i});const a=this.availablePositions,s=null!==(i=this.currentPage)&&void 0!==i?i:0,l=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":void 0},n("a",{href:this.formatHref(null!==(t=l[l.indexOf(s)-1])&&void 0!==t?t:1),"aria-label":"Vorige",onClick:i=>{var t;return s&&this.clickHandler(i,null!==(t=l[l.indexOf(s)-1])&&void 0!==t?t:1)}},n("dso-icon",{icon:"chevron-left"}))),l.map((i=>n(e,null,this.showEllipsisBeforeLast(l,i,a)&&n("li",null,n("span",null,"...")),n("li",{key:i,class:s===i?"active":void 0},s===i?n("span",{"aria-current":"page"},i):n("a",{href:this.formatHref(i),onClick:t=>this.clickHandler(t,i)},i)),this.showEllipsisAfterFirst(l,i,a)&&n("li",null,n("span",null,"..."))))),n("li",{class:s<1||s>=this.totalPages?"dso-page-hidden":void 0},n("a",{href:this.formatHref(null!==(o=l[l.indexOf(s)+1])&&void 0!==o?o:this.totalPages),"aria-label":"Volgende",onClick:i=>{var t;return s&&this.totalPages&&this.clickHandler(i,null!==(t=l[l.indexOf(s)+1])&&void 0!==t?t:this.totalPages)}},n("dso-icon",{icon:"chevron-right"})))))}getAvailablePositions(i){return i%2==0?i-1:i<=3?3:i}getPages(i,t,n){return n+2<=t?Array.from({length:n},((i,t)=>t+1)):3===t?[i]:5===t?[1,i,n]:[1,...this.getPageRange(i,t,n),n]}getPageRange(i,t,n){const e=[],o=Math.floor(t/2);if(i<=o)for(let i=2;i<=t-4;i++)e.push(i);if(i>=o&&i<=n-o&&(1===o&&(i>n-2&&e.push(n-2),e.push(i),i<3&&e.push(3)),o>1)){const t=o-3;for(let a=Math.min(i-t,n-o);a<=Math.max(i+t,o);a++)a>2&&a<n-1&&e.push(a)}if(i>n-o)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 0===i.indexOf(t)&&e>n-2&&!i.some((i=>2===i))&&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 o(this)}};s.style=':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}';export{s as dso_pagination}

package/dist/dso-toolkit/{p-fe7ca25f.entry.js → p-f0c5d1b4.entry.js}

@@ -1 +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}
+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 o}from"./p-1805f5b0.js";var a={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 h(n,t){return n.indexOf(t)>-1}function l(n,t){return n.apply(null,t)}var d={arr:function(n){return Array.isArray(n)},obj:function(n){return h(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!a.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),o=v(d.und(r[3])?0:r[3],.1,100),a=Math.sqrt(i/e),c=u/(2*Math.sqrt(i*e)),f=c<1?a*Math.sqrt(1-c*c):0,h=c<1?(c*a-o)/f:-o+a;function l(n){var r=t?t*n/1e3:n;return r=c<1?Math.exp(-r*c*a)*(1*Math.cos(f*r)+h*Math.sin(f*r)):(1+h*r)*Math.exp(-r*a),0===n||1===n?n:1-r}return t?l:function(){var t=s.springs[n];if(t)return t;for(var r=1/6,e=0,i=0;;)if(1===l(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,o){if(0<=t&&t<=1&&0<=e&&e<=1){var a=new Float32Array(11);if(t!==r||e!==o)for(var c=0;c<11;++c)a[c]=i(c*n,t,e);return function(c){return t===r&&e===o||0===c||1===c?c:i(function(r){for(var o=0,c=1;10!==c&&a[c]<=r;++c)o+=n;--c;var f=o+(r-a[c])/(a[c+1]-a[c])*n,s=u(f,t,e);return s>=.001?function(n,t,r,e){for(var o=0;o<4;++o){var a=u(t,r,e);if(0===a)return t;t-=(i(t,r,e)-n)/a}return t}(r,f,t,e):0===s?f:function(n,t,r,e,u){var o,a,c=0;do{(o=i(a=t+(r-t)/2,e,u)-n)>0?r=a:t=a}while(Math.abs(o)>1e-7&&++c<10);return a}(r,o,o+n,t,e)}(c),r,o)}}}}(),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 l(y,i);case"steps":return l(g,i);default:return l(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 o=n[u];t.call(e,o,u,n)&&i.push(o)}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(n,t){return n.getAttribute(t)}function $(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 o=100/i.offsetWidth;u.removeChild(i);var a=o*parseFloat(t);return s.CSS[t+r]=a,a}function z(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?$(n,i,r):i}}function H(n,t){return d.dom(n)&&!d.inp(n)&&(!d.nil(N(n,t))||d.svg(n)&&n[t])?"attribute":d.dom(n)&&k(f,t)?"transform":d.dom(n)&&"transform"!==t&&z(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=h(t,"scale")?1:0+function(n){return h(n,"translate")||"perspective"===n?"px":h(n,"rotate")||h(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?$(n,u,e):u}(n,t,e,r);case"css":return z(n,t,r);case"attribute":return N(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,o=parseInt(i[2],10)/100,a=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==o)t=r=e=a;else{var s=a<.5?a*(1+o):a+o-a*o,v=2*a-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(n,"r")}(n);case"rect":return function(n){return 2*N(n,"width")+2*N(n,"height")}(n);case"line":return function(n){return Z({x:N(n,"x1"),y:N(n,"y1")},{x:N(n,"x2"),y:N(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=N(e,"viewBox"),o=i.width,a=i.height,c=r.viewBox||(u?u.split(" "):[0,0,o,a]);return{el:e,viewBox:c,x:c[0]/1,y:c[1]/1,w:o,h:a,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(),o=e(-1),a=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(a.y-o.y,a.x-o.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),o=D(i,r,u,n),a=X(Y(e,u||E(o)),o),c=H(i,r);_[c](i,r,a,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,o=d.arr(u)?u[1]:u,a=E(o),c=D(t.target,n.name,a,t),f=r?r.to.original:c,s=d.arr(u)?u[0]:f,v=E(s)||E(c),h=a||v;return d.und(o)&&(o=f),i.from=R(s,h),i.to=R(X(o,s),h),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,o=null;function f(n){var t=window.Promise&&new Promise((function(n){return o=n}));return n.finished=t,t}var s=function(n){var t=C(a,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),o=U(u,r),f=nn;return nn++,j(t,{id:f,children:[],animatables:i,animations:u,duration:o.duration,delay:o.delay,endDelay:o.endDelay})}(n);function h(){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 l(n){return s.reversed?s.duration-n:n}function p(){r=0,e=l(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,o=i.tweens,a=o.length-1,c=o[a];a&&(c=F(o,(function(t){return n<t.end}))[0]||c);for(var f=v(n-c.start-c.delay,0,c.duration)/c.duration,h=isNaN(f)?1:c.easing(f),l=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,h*y,c.isPathTargetInsideSVG):w+h*(y-w),d&&(c.isColor&&b>2||(M=Math.round(M*d)/d)),p.push(M)}var x=l.length;if(x){g=l[0];for(var A=0;A<x;A++){var O=l[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 a=s.duration,c=s.delay,d=a-s.endDelay,p=l(n);s.progress=v(p/a*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!==a||!a)&&g(a),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,a),s.began&&b("update"),n>=a&&(e=0,s.remaining&&!0!==s.remaining&&s.remaining--,s.remaining?(r=i,b("loopComplete"),s.loopBegan=!1,"alternate"===s.direction&&h()):(s.paused=!0,s.completed||(s.completed=!0,b("loopComplete"),b("complete"),!s.passThrough&&"Promise"in window&&(o(),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(l(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(){h(),s.completed=!s.reversed,p()},s.restart=function(){s.reset(),s.play()},s.remove=function(n){an(W(n),s)},s.reset(),s.autoplay&&s.play(),s}function on(n,t){for(var r=t.length;r--;)k(n,t[r].animatable.target)&&t.splice(r,1)}function an(n,t){var r=t.animations,e=t.children;on(n,r);for(var i=e.length;i--;){var u=e[i],o=u.animations;on(n,o),o.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--;)an(t,tn[r])},un.get=D,un.set=J,un.convertPx=$,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,o=t.from||0,a="first"===o,c="center"===o,f="last"===o,s=d.arr(n),v=s?parseFloat(n[0]):parseFloat(n),h=s?parseFloat(n[1]):0,l=E(s?n[1]:n)||0,p=t.start||0+(s?v:0),m=[],g=0;return function(n,t,d){if(a&&(o=0),c&&(o=(d-1)/2),f&&(o=d-1),!m.length){for(var b=0;b<d;b++){if(i){var M=c?(i[0]-1)/2:o%i[0],y=c?(i[1]-1)/2:Math.floor(o/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(o-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?(h-v)/g:v)*(Math.round(100*m[t])/100)+l}},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 o(n){n.passThrough=!0}i>-1&&tn.splice(i,1);for(var a=0;a<u.length;a++)o(u[a]);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),o(t),t.seek(f.timelineOffset);var v=un(f);o(v),u.push(v);var h=U(u,n);return t.delay=h.delay,t.endDelay=h.endDelay,t.duration=h.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(o((([n])=>{if(!n)throw new Error("No entry found");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}

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

@@ -0,0 +1 @@
+import{r as o,h as t,H as s,g as n}from"./p-98fd1658.js";import{d}from"./p-1805f5b0.js";import{c as e}from"./p-91963e3d.js";import{v as r}from"./p-5d7f4ff2.js";import"./p-5950644a.js";const a=class{constructor(t){o(this,t),this.labelledbyId=r(),this.noModal=!1,this.isResponsive=!1,this.modalActive=!1,this.placeholderHeight=void 0}startResponsiveBehavior(){var o;null===(o=this.resizeObserver)||void 0===o||o.observe(this.host)}componentWillLoad(){this.resizeObserver=new ResizeObserver(d((o=>this.setResponsiveTable(o)),200))}componentDidLoad(){this.startResponsiveBehavior()}componentDidRender(){this.setFocusTrap()}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}render(){var o,n;const d=null===(n=null===(o=this.host.querySelector(":scope > table > caption"))||void 0===o?void 0:o.textContent)||void 0===n?void 0:n.trim();return t(s,null,this.modalActive&&this.placeholderHeight&&t("div",{class:"dso-table-placeholder",style:{height:`${this.placeholderHeight}px`}}),this.modalActive&&t("div",{class:"dso-modal-overlay"}),t("div",{class:{"dso-modal":this.modalActive}},t("div",Object.assign({class:{"dso-dialog":this.modalActive,"dso-table-dialog":!0},ref:o=>this.focusTrapElement=o},this.modalActive?{"aria-labelledby":this.labelledbyId,role:"dialog"}:{}),(this.isResponsive||!this.noModal)&&t("div",{class:"dso-table-utilities",style:this.modalActive?{display:"none"}:void 0},this.isResponsive&&t("div",{class:"dso-responsive-message"},t("span",null,"beweeg de tabel van links naar rechts")),!this.noModal&&t("button",{type:"button",class:"dso-tertiary open-modal-button",ref:o=>this.buttonElement=o,onClick:()=>this.openModal()},t("span",{class:"sr-only"},"tabel ",null!=d?d:""," "),t("span",null,"vergroten"),t("dso-icon",{icon:"external-link"}))),this.modalActive&&t("div",{class:"dso-header"},t("h2",{id:this.labelledbyId,class:{"sr-only":!d}},d||"Uitvergrote tabel dialoog"),t("button",{type:"button",class:"dso-close",onClick:()=>this.closeModal()},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"Sluiten"))),t("div",{class:{"dso-body":this.modalActive,"dso-table-body":!0}},t("slot",null)))))}openModal(){this.placeholderHeight=this.host.clientHeight,this.modalActive=!0}closeModal(){this.placeholderHeight=void 0,this.modalActive=!1}setFocusTrap(){var o,t;this.modalActive&&this.focusTrapElement&&!this.trap?this.trap=e([this.host,this.focusTrapElement],{escapeDeactivates:!0,clickOutsideDeactivates:o=>!(o instanceof MouseEvent&&o.composedPath()[0]===this.focusTrapElement&&(this.closeModal(),1)),setReturnFocus:null!==(o=this.buttonElement)&&void 0!==o&&o,onDeactivate:()=>this.closeModal(),tabbableOptions:{getShadowRoot:!0}}).activate():!this.modalActive&&this.trap&&(null===(t=this.trap)||void 0===t||t.deactivate(),delete this.trap)}setResponsiveTable([o]){if(!o)throw new Error("No dsoTable found");const t=o.target.querySelector("table");o&&t instanceof HTMLTableElement&&(this.isResponsive=Math.floor(t.getBoundingClientRect().width)>Math.floor(o.contentRect.width))}get host(){return n(this)}};a.style="@keyframes slideInFromTop {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n:host {\n  display: block;\n  margin-bottom: 24px;\n}\n\n.dso-header {\n  min-height: 32px;\n}\n.dso-header h2 {\n  color: #275937;\n  font-size: 1.5rem;\n  font-weight: 700;\n}\n.dso-header .dso-close {\n  color: #275937;\n}\n\n:host .dso-modal {\n  bottom: 0;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 530;\n  inset: 0px;\n  height: 100%;\n  position: fixed;\n  z-index: 530;\n}\n:host .dso-modal .dso-dialog {\n  animation: 1s ease-out 0s 1 slideInFromTop;\n  margin-top: 15vh;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 640px;\n  opacity: 1;\n  background-color: #fff;\n  box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n}\n:host .dso-modal .dso-header {\n  border-bottom: 1px solid #ccc;\n  padding: 16px;\n  position: relative;\n}\n:host .dso-modal .dso-header h2 {\n  color: #275937;\n  margin: 0;\n  max-width: calc(100% - 24px);\n}\n:host .dso-modal .dso-header .dso-close {\n  background-color: transparent;\n  border: 0;\n  height: 32px;\n  padding: 0;\n  position: absolute;\n  right: 13px;\n  text-align: center;\n  top: 16px;\n  width: 32px;\n}\n:host .dso-modal .dso-body {\n  height: calc(100% - 96px - 1.5rem);\n  max-height: calc(70vh - 144px - 1.5em);\n  min-height: 1.5rem;\n  overflow-x: auto;\n  padding: 32px;\n}\n:host .dso-modal .dso-body p {\n  margin: 0 0 16px;\n}\n:host .dso-modal .dso-body ul,\n:host .dso-modal .dso-body ol {\n  margin-bottom: 16px;\n}\n:host .dso-modal .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\n:host .dso-modal .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {\n  padding-inline-start: 24px;\n}\n:host .dso-modal .dso-body pre {\n  margin: 0 0 16px;\n}\n:host .dso-modal .dso-body blockquote {\n  padding: 16px 24px;\n}\n:host .dso-modal .dso-body dso-highlight-box,\n:host .dso-modal .dso-body .dso-highlight-box {\n  margin-bottom: 24px;\n}\n:host .dso-modal .dso-body img {\n  height: auto;\n  max-width: 100%;\n}\n:host .dso-modal .dso-footer {\n  min-height: 80px;\n  padding: 0 32px 32px;\n  text-align: right;\n}\n@media screen and (max-width: 767px) {\n  :host .dso-modal .dso-footer .btn + .btn, :host .dso-modal .dso-footer .btn + .dso-primary, :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn, :host .dso-modal .dso-footer .dso-primary + .dso-primary, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn, :host .dso-modal .dso-footer .dso-secondary + .dso-primary, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn, :host .dso-modal .dso-footer .dso-tertiary + .dso-primary, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {\n    margin-left: 0;\n  }\n  :host .dso-modal .dso-footer button {\n    text-align: center;\n    width: 100%;\n  }\n  :host .dso-modal .dso-footer button + button {\n    margin-top: 8px;\n  }\n  :host .dso-modal .dso-footer button.dso-tertiary,\n:host .dso-modal .dso-footer button.dso-tertiary span, :host .dso-modal .dso-footer button.btn-link,\n:host .dso-modal .dso-footer button.btn-link span {\n    float: none;\n  }\n}\n@media screen and (min-width: 768px) {\n  :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .btn-default, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .btn-default, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .btn-default, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .btn-default {\n    margin-left: 16px;\n  }\n  :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .btn + .btn-link, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn-link, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn-link, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn-link {\n    margin-left: 0;\n  }\n}\n@media screen and (max-width: 767px) {\n  :host .dso-modal .dso-dialog {\n    max-width: 100%;\n    margin-top: 0;\n  }\n  :host .dso-modal .dso-footer .btn + .btn, :host .dso-modal .dso-footer .btn + .dso-primary, :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn, :host .dso-modal .dso-footer .dso-primary + .dso-primary, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn, :host .dso-modal .dso-footer .dso-secondary + .dso-primary, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn, :host .dso-modal .dso-footer .dso-tertiary + .dso-primary, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {\n    margin-left: 0;\n  }\n  :host .dso-modal .dso-footer button {\n    text-align: center;\n    width: 100%;\n  }\n  :host .dso-modal .dso-footer button + button {\n    margin-top: 8px;\n  }\n  :host .dso-modal .dso-footer button.dso-tertiary,\n:host .dso-modal .dso-footer button.dso-tertiary span, :host .dso-modal .dso-footer button.btn-link,\n:host .dso-modal .dso-footer button.btn-link span {\n    float: none;\n  }\n}\n\n.dso-modal .dso-dialog.dso-table-dialog {\n  margin-top: 1rem;\n  max-width: calc(100% - 2rem);\n}\n.dso-modal .dso-dialog.dso-table-dialog .dso-body {\n  max-height: calc(100vh - 112px - 1.5em - 2rem);\n}\n@media screen and (max-width: 767px) {\n  .dso-modal .dso-dialog.dso-table-dialog {\n    max-width: 100%;\n  }\n}\n\n:host([is-responsive]) .dso-table-body {\n  border: 1px solid #ccc;\n  margin-bottom: 0;\n  overflow-y: hidden;\n  width: 100%;\n}\n:host([is-responsive]) .dso-table-body.dso-body {\n  width: calc(100% - 64px);\n}\n\n.dso-table-utilities {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n.dso-table-utilities .dso-responsive-message {\n  margin-bottom: 0;\n}\n.dso-table-utilities .dso-responsive-message:only-child {\n  width: 100%;\n}\n.dso-table-utilities .open-modal-button:only-child {\n  margin-left: auto;\n}\n\n.dso-responsive-message {\n  font-size: 0.8em;\n  margin-bottom: 8px;\n  position: relative;\n  text-align: center;\n}\n\n.dso-tertiary {\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  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  cursor: pointer;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\n.dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.dso-tertiary.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: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.dso-tertiary.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: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\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.dso-modal-overlay {\n  background-color: rgba(255, 255, 255, 0.8);\n  bottom: 0;\n  display: block;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 529;\n}\n\n.dso-table-placeholder {\n  box-shadow: inset 0 0 0 1px #ccc;\n  display: grid;\n  place-content: center;\n}";export{a as dso_table}

package/dist/esm/dso-accordion.entry.js

@@ -43,7 +43,10 @@ const Accordion = class {
   async toggleSection(sectionElement, event) {
     const sections = Array.from(this.host.querySelectorAll(":scope > dso-accordion-section"));
     if (typeof sectionElement === "number") {
-      sectionElement = sections[sectionElement];
+      const section = sections[sectionElement];
+      if (section instanceof HTMLElement) {
+        sectionElement = section;
+      }
     }
     if (!(sectionElement instanceof HTMLElement) || !sections.includes(sectionElement)) {
       return;

package/dist/esm/dso-annotation-output.entry.js

@@ -13,9 +13,13 @@ const AnnotationOutput = class {
   }
   async toggleAnnotation(e, identifier) {
     AnnotationService.toggle(identifier);
+    const open = AnnotationService.state[this.identifier];
+    if (open === undefined) {
+      throw new Error(`No state found for ${this.identifier}`);
+    }
     this.dsoToggle.emit({
       originalEvent: e,
-      open: AnnotationService.state[this.identifier],
+      open,
     });
   }
   toggleHandler(e) {