@dso-toolkit/core 41.0.1 → 43.1.0

package/dist/dso-toolkit/p-93683c65.entry.js

@@ -0,0 +1 @@
+import{h as n,r as t,c as e,H as o,g as i}from"./p-c62606a3.js";import{c as r}from"./p-131d54e3.js";import"./p-5e5fbd41.js";const a=({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"})));let s=class{constructor(n){t(this,n),this.closeOverlay=e(this,"closeOverlay",7),this.filterpanelCancel=e(this,"filterpanelCancel",7),this.filterpanelApply=e(this,"filterpanelApply",7),this.mainSizeChange=e(this,"mainSizeChange",7),this.filterpanelOpen=!1,this.overlayOpen=!1,this.initialMainSize="large",this.mainSize=this.initialMainSize,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.closeOverlay.emit(n)}}mainSizeWatcher(n,t){this.mainSizeChange.emit({stage:"start",previousSize:t,currentSize:n}),setTimeout((()=>{this.mainSizeChange.emit({stage:"end",previousSize:t,currentSize:n})}),200)}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=r([this.filterpanel,this.filterpanelSlot],{escapeDeactivates:!1,allowOutsideClick:!0})),this.overlay&&this.overlaySlot&&(this.overlayFocustrap=r([this.overlay,this.overlaySlot],{escapeDeactivates:!1,allowOutsideClick:!0})),this.updateFocusTrap()}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.filterpanelApply.emit({originalEvent:n})}handleFilterpanelCancel(n){this.filterpanelCancel.emit({originalEvent:n})}render(){return n(o,Object.assign({},{[this.mainSize]:!0}),n("div",{class:"dso-map-panel"},n("div",{class:"sizing-buttons"},n("button",{type:"button",class:"shrink",disabled:"small"==this.mainSize,onClick:this.shrinkMain},n("dso-icon",{icon:"chevron-left"})),n("button",{type:"button",class:"expand",disabled:"large"==this.mainSize,onClick:this.expandMain},n("dso-icon",{icon:"chevron-right"}))),n("div",{class:"main"},n("slot",{name:"main"}))),n("div",{id:"filterpanel",hidden:!this.filterpanelOpen||!this.filterpanelSlot,ref:n=>this.filterpanel=n},n("h2",null,"Uw keuzes"),n(a,{onApply:n=>this.handleFilterpanelApply(n),onCancel:n=>this.handleFilterpanelCancel(n)}),n("slot",{name:"filterpanel"}),n(a,{onApply:n=>this.handleFilterpanelApply(n),onCancel:n=>this.handleFilterpanelCancel(n)})),n("div",{class:"map"},n("slot",{name:"map"})),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.closeOverlay.emit(n)},n("dso-icon",{icon:"times"}),n("span",{class:"sr-only"},"sluiten")),n("slot",{name:"overlay"})))}get host(){return i(this)}static get watchers(){return{mainSize:["mainSizeWatcher"]}}};s.style="button {\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\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-bottom: 16px;\n  margin-top: 24px;\n}\n\nh1,\n.h1 {\n  line-height: 1.25;\n}\n\nh1 {\n  color: #275937;\n  font-size: 2rem;\n  font-weight: 700;\n}\n\nh2,\n.h2 {\n  line-height: 1.33;\n}\n\nh2 {\n  color: #275937;\n  font-size: 1.5rem;\n  font-weight: 700;\n}\n\nh3,\n.h3 {\n  line-height: 1.2;\n}\n\nh3 {\n  color: #275937;\n  font-size: 1.25rem;\n  font-weight: 600;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-bottom: 16px;\n  margin-top: 12px;\n}\n\nh4,\n.h4 {\n  line-height: 1.5;\n}\n\nh4 {\n  color: #275937;\n  font-size: 1rem;\n  font-weight: 600;\n}\n\nh5,\n.h5 {\n  line-height: 1.5;\n}\n\nh5 {\n  color: #191919;\n  font-size: 1rem;\n  font-weight: 600;\n}\n\nh6,\n.h6 {\n  line-height: 1.5;\n}\n\n*,\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\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.extern::after, .shrink.download::after,\n.expand.extern::after,\n.expand.download::after,\n.overlay-close-button.extern::after,\n.overlay-close-button.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\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: #676cb0;\n  text-decoration: underline;\n}\n.shrink:not([disabled]):active,\n.expand:not([disabled]):active,\n.overlay-close-button:not([disabled]):active {\n  color: #676cb0;\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.extern::after, .shrink.download::after,\n.expand.extern::after,\n.expand.download::after,\n.overlay-close-button.extern::after,\n.overlay-close-button.download::after {\n  position: relative;\n  top: -2px;\n}\n.shrink.download::after,\n.expand.download::after,\n.overlay-close-button.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.shrink.download[disabled]::after,\n.expand.download[disabled]::after,\n.overlay-close-button.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.shrink.download:not([disabled]):hover::after, .shrink.download:not([disabled]):active::after,\n.expand.download:not([disabled]):hover::after,\n.expand.download:not([disabled]):active::after,\n.overlay-close-button.download:not([disabled]):hover::after,\n.overlay-close-button.download:not([disabled]):active::after {\n  --dso-icon: var(--di-download-scampi);\n}\n.shrink.extern::after,\n.expand.extern::after,\n.overlay-close-button.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.shrink.extern[disabled]::after,\n.expand.extern[disabled]::after,\n.overlay-close-button.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\n.shrink.extern:not([disabled]):hover::after, .shrink.extern:not([disabled]):active::after,\n.expand.extern:not([disabled]):hover::after,\n.expand.extern:not([disabled]):active::after,\n.overlay-close-button.extern:not([disabled]):hover::after,\n.overlay-close-button.extern:not([disabled]):active::after {\n  --dso-icon: var(--di-external-link-scampi);\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 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.overlay-close-button .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-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: 8px 16px;\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.extern::after, .sizing-buttons button.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\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.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.sizing-buttons button.download:hover::after {\n  --dso-icon: var(--di-download-wit);\n}\n.sizing-buttons button.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.sizing-buttons button.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.sizing-buttons button.extern:hover::after {\n  --dso-icon: var(--di-external-link-wit);\n}\n.sizing-buttons button.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\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: 40px 16px 8px;\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::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.overlay::before {\n  content: \"\";\n  display: block;\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}\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.extern::after, .filterpanel-buttons .cancel-button.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\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.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.filterpanel-buttons .cancel-button.download:hover::after {\n  --dso-icon: var(--di-download-wit);\n}\n.filterpanel-buttons .cancel-button.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.filterpanel-buttons .cancel-button.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.filterpanel-buttons .cancel-button.extern:hover::after {\n  --dso-icon: var(--di-external-link-wit);\n}\n.filterpanel-buttons .cancel-button.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\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.extern::after, .filterpanel-buttons .apply-button.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\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: #15301e;\n  border-color: #15301e;\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.download::after {\n  background: var(--dso-icon, var(--di-download-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.filterpanel-buttons .apply-button.extern::after {\n  background: var(--dso-icon, var(--di-external-link-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\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{s as dso_viewer_grid}

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

@@ -0,0 +1 @@
+import{h as n,F as o,r as t,c as e,H as s,g as r}from"./p-c62606a3.js";import{i}from"./p-5e5fbd41.js";function c(n){return n instanceof Element?n.localName:n.nodeName.includes(":")?n.nodeName.substring(n.nodeName.indexOf(":")+1):n.nodeName}class d{constructor(){this.name="Al"}render(o,{mapNodeToJsx:t,path:e}){const s=e.some((n=>{const o=c(n);return"Al"===o||"Opschrift"===o})),r=t(o.childNodes);return s?n("span",{role:"paragraph"},r):n("p",null,r)}}class a{constructor(){this.name="#document"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}class l{constructor(){this.name=["ExtRef","ExtIoRef"]}render(o,{mapNodeToJsx:t}){var e;return n("a",{target:"_blank",rel:"noopener noreferrer",href:null!==(e=o.getAttribute("ref"))&&void 0!==e?e:void 0},n("span",{class:"sr-only"},"opent in nieuw venster"),t(o.childNodes))}}class u{constructor(){this.name=["Figuur"]}render(o){var t,e,s,r,i;const d=Array.from(o.childNodes),a=null===(t=d.find((n=>"Titel"===c(n))))||void 0===t?void 0:t.textContent,l=null===(e=d.find((n=>"Bijschrift"===c(n))))||void 0===e?void 0:e.textContent,u=d.find((n=>"Illustratie"===c(n)));if(u instanceof Element)return n("div",{class:"dso-ozon-figuur"},n("dso-image-overlay",null,n("img",{src:null!==(s=u.getAttribute("naam"))&&void 0!==s?s:void 0,alt:null!==(i=null!==(r=null!=a?a:u.getAttribute("alt"))&&void 0!==r?r:u.getAttribute("naam"))&&void 0!==i?i:void 0})),l&&n("span",{class:"figuur-bijschrift"},l))}}class g{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(o,{mapNodeToJsx:t}){return n("div",{class:"dso-rich-content"},t(o.childNodes))}}class h{constructor(){this.name=["InlineTekstAfbeelding","Illustratie"]}render(o){var t,e,s,r;return n("img",{src:null!==(t=o.getAttribute("naam"))&&void 0!==t?t:void 0,alt:null!==(e=o.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=o.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(r=o.getAttribute("breedte"))&&void 0!==r?r:void 0})}}class p{constructor(){this.name="Opschrift"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}class f{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(o,{mapNodeToJsx:t}){return"br"===o.localName?n("br",null):n(o.localName,null,t(o.childNodes))}}class m{constructor(){this.name="IntIoRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");return s?n("a",{href:`#${s}`,onClick:n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement))return;const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})}},t(o.childNodes)):t(o.childNodes)}}class v{constructor(){this.name="IntRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");return s?n("a",{href:`#${s}`,onClick:n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement))return;const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})}},t(o.childNodes)):t(o.childNodes)}}class b{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(t,{mapNodeToJsx:e,state:s,setState:r}){var i,d;const a=t.getAttribute("id");if(!a)return console.error("Noot node without id",t),n(o,null);const l=`dso-ozon-note-${a}`,u=null!==(d=null===(i=Array.from(t.childNodes).find((n=>"NootNummer"===c(n))))||void 0===i?void 0:i.textContent)&&void 0!==d?d:a;return n(o,null,n("sup",null,n("button",{type:"button",class:"toggle-note",id:l,onClick:()=>null==r?void 0:r(s===a?void 0:a),onBlur:()=>null==r?void 0:r(void 0),"aria-expanded":s===a?"true":"false"},u)),n("dso-tooltip",{active:s===a,for:l,stateless:!0,descriptive:!0},n("span",{role:"section"},e(Array.from(t.querySelectorAll(":scope > Al"))))))}}function z(n,o){const t=Array.from(o),e=function(n){return n.reduce(((n,o)=>{var t,e;const s=null!==(e=null===(t=o.getAttribute("colwidth"))||void 0===t?void 0:t.replace(/[^0-9]/,""))&&void 0!==e?e:"",r=parseInt(s,10);return n+(isNaN(r)?0:r)}),0)}(t);return{totalWidth:e,count:n,columns:t.map(((n,o)=>{var t;const s=n.getAttribute("colnum");return{name:null!==(t=n.getAttribute("colname"))&&void 0!==t?t:"",number:s?parseInt(s,10):o+1,width:x(e,n)}}))}}function x(n,o){const t=o.getAttribute("colwidth");if(t){if("*"===t)return"100%";if(t.includes("*")||t.match(/^[\d+]$/)){const o=parseInt(t.replace(/[^0-9]/,""),10);return`${Math.round(o/n*100)}%`}return t}}const w=({colspecs:t})=>t.columns.length>0?n("colgroup",null,t.columns.map((o=>n("col",{style:{width:o.width}})))):n(o,null);function k({columns:n},o,t){const e=n.find((n=>n.name===o)),s=n.find((n=>n.name===t));if(!e||!s)return;const r=s.number-e.number+1;return 1===r?void 0:r}const y=({context:{mapNodeToJsx:o},colspecs:t,cell:e})=>{const{moreRows:s,nameStart:r,nameEnd:i}=function(n){return{moreRows:n.getAttribute("morerows"),nameStart:n.getAttribute("namest"),nameEnd:n.getAttribute("nameend")}}(e),c={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:t&&r&&i?k(t,r,i):void 0};return n("td",Object.assign({},c),o(e.childNodes))},C=({context:t,colspecs:e,rows:s})=>n(o,null,s.map((o=>n("tr",null,Array.from(o.children).map((o=>n(y,{cell:o,colspecs:e,context:t})))))));class B{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"]}render(o,t){const{caption:e,colspecs:s,headRows:r,bodyRows:i}=function(n){var o,t,e;const s=n.querySelector(":scope > tgroup"),r=null!==(o=null==s?void 0:s.getAttribute("cols"))&&void 0!==o?o:void 0,i=r?parseInt(r,10):void 0;return{caption:null!==(e=null===(t=n.querySelector(":scope > title"))||void 0===t?void 0:t.textContent)&&void 0!==e?e:void 0,colspecs:s&&i?z(i,s.querySelectorAll(":scope > colspec")):void 0,headRows:Array.from(n.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(n.querySelectorAll(":scope > tgroup > tbody > row"))}}(o);return n("table",{class:"table"},e&&n("caption",null,e),s&&n(w,{colspecs:s}),r.length>0&&n("thead",null,n(C,{rows:r,colspecs:s,context:t})),i.length>0&&n("tbody",null,n(C,{rows:i,colspecs:s,context:t})))}}class E{constructor(){this.name="#text"}render(t){return n(o,null,t.textContent)}}class N{constructor(){this.name=["<fallback>"]}render(o,{mapNodeToJsx:t}){return n("span",{class:`fallback od-${c(o)}`},t(o.childNodes))}}class T{constructor(){this.mappers=[new E,new a,new g,new p,new v,new l,new d,new f,new h,new b,new B,new m,new u],this.skip=this.mappers.reduce(((n,o)=>(o.handles&&n.push(...o.handles),n)),[]),this.fallbackNode=new N,this.domParser=new DOMParser}findMapper(n){var o;if(!this.skip.includes(n))return null!==(o=this.mappers.find((o=>Array.isArray(o.name)?o.name.includes(n):o.name===n)))&&void 0!==o?o:this.fallbackNode}mapNodeToJsx(t,e,s){var r;if(t instanceof NodeList)return n(o,null,Array.from(t).map((n=>this.mapNodeToJsx(n,e,s))));if(Array.isArray(t))return n(o,null,t.map((n=>this.mapNodeToJsx(n,e,s))));const i=c(t),d=this.findMapper(i);if(!d)return n(o,null);const a=null===(r=d.identify)||void 0===r?void 0:r.call(d,t),l=a?n=>e.setState(Object.assign(Object.assign({},e.state),{[a]:n})):void 0;return d.render(t,{mapNodeToJsx:n=>this.mapNodeToJsx(n,e,[...s,t]),emitAnchorClick:e.emitAnchorClick,setState:l,state:a?e.state[a]:void 0,path:s})}transform(n,o){return this.cache&&this.cache.xml===n||(this.cache={xml:n,document:this.domParser.parseFromString(n,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),o,[])}}let A=class{constructor(n){t(this,n),this.anchorClick=e(this,"anchorClick",7),this.dsoClick=e(this,"dsoClick",7),this.inline=!1,this.deleted=!1,this.interactive=!1,this.state={},this.mapper=new T}handleHostOnClick(n){this.interactive&&n.composedPath().find((n=>n===this.host||n instanceof HTMLElement&&i(n)))===this.host&&this.dsoClick.emit({originalEvent:n})}render(){var o;const t=this.mapper.transform(null!==(o=this.content)&&void 0!==o?o:"",{state:this.state,setState:n=>this.state=n,emitAnchorClick:this.anchorClick.emit});return this.deleted?n("section",null,n("slot",{name:"prefix"}),n("span",{class:"deleted-start"},"Begin verwijderd element"),t,n("span",{class:"deleted-end"},"Einde verwijderd element"),n("slot",{name:"suffix"})):n(s,{onClick:n=>this.handleHostOnClick(n)},n("slot",{name:"prefix"}),t,n("slot",{name:"suffix"}))}get host(){return r(this)}};A.style=".sc-dso-ozon-content-h:not([inline]) {\n  display: block;\n}\n\n[inline].sc-dso-ozon-content-h {\n  display: inline;\n}\n\n[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content {\n  text-decoration: line-through !important;\n}\n\n[interactive].sc-dso-ozon-content-h {\n  background-color: transparent;\n  color: #39870c;\n  text-decoration: underline;\n  cursor: pointer;\n}\n[interactive].sc-dso-ozon-content-h:hover, [interactive].sc-dso-ozon-content-h:focus {\n  color: #676cb0;\n  text-decoration: underline;\n}\n[interactive].sc-dso-ozon-content-h:active {\n  text-decoration: none;\n}\n\n.deleted-start.sc-dso-ozon-content, .deleted-end.sc-dso-ozon-content {\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\nbutton.toggle-note.sc-dso-ozon-content {\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}\nbutton.toggle-note.sc-dso-ozon-content:focus, button.toggle-note.sc-dso-ozon-content:focus-visible {\n  outline-offset: 2px;\n}\nbutton.toggle-note.sc-dso-ozon-content:active {\n  outline: 0;\n}\nbutton.toggle-note.extern.sc-dso-ozon-content::after, button.toggle-note.download.sc-dso-ozon-content::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\nbutton.toggle-note[disabled].sc-dso-ozon-content {\n  color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left.sc-dso-ozon-content, button.toggle-note[disabled].dso-spinner-right.sc-dso-ozon-content {\n  color: #39870c;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):active {\n  color: #676cb0;\n}\nbutton.toggle-note.btn-align.sc-dso-ozon-content {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\nbutton.toggle-note.extern.sc-dso-ozon-content::after, button.toggle-note.download.sc-dso-ozon-content::after {\n  position: relative;\n  top: -2px;\n}\nbutton.toggle-note.download.sc-dso-ozon-content::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\nbutton.toggle-note.download[disabled].sc-dso-ozon-content::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\nbutton.toggle-note.download.sc-dso-ozon-content:not([disabled]):hover::after, button.toggle-note.download.sc-dso-ozon-content:not([disabled]):active::after {\n  --dso-icon: var(--di-download-scampi);\n}\nbutton.toggle-note.extern.sc-dso-ozon-content::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\nbutton.toggle-note.extern[disabled].sc-dso-ozon-content::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\nbutton.toggle-note.extern.sc-dso-ozon-content:not([disabled]):hover::after, button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):active::after {\n  --dso-icon: var(--di-external-link-scampi);\n}\nbutton.toggle-note.dso-spinner-left.sc-dso-ozon-content::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}\nbutton.toggle-note.dso-spinner-right.sc-dso-ozon-content::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}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.sc-dso-ozon-content {\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content {\n  vertical-align: middle;\n}\n\nspan[role=section].sc-dso-ozon-content, span[role=paragraph].sc-dso-ozon-content {\n  display: block;\n}\n\n.fallback.sc-dso-ozon-content {\n  display: block;\n}\n\n.od-Term.sc-dso-ozon-content {\n  font-weight: 700;\n}\n\n.od-Definitie.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  font-style: italic;\n}\n\n.od-Inhoud.sc-dso-ozon-content, .od-Inhoud.sc-dso-ozon-content > .od-Lijst.sc-dso-ozon-content, .od-IntIoRef.sc-dso-ozon-content, .od-Lidnr.sc-dso-ozon-content, .od-LiNr.sc-dso-ozon-content, .od-Opschrift.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  display: inline;\n}\n\n.od-Al.sc-dso-ozon-content, .od-Lijstaanhef.sc-dso-ozon-content {\n  margin-bottom: 0.75em;\n}\n\n.od-IntIoRef.sc-dso-ozon-content {\n  border-bottom: 1px dotted;\n}\n\n.od-LiNummer.sc-dso-ozon-content {\n  float: left;\n  min-width: 0.7em;\n  padding-right: 0.3em;\n  text-align: right;\n}\n\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  display: block;\n  font-size: 0.75rem;\n  padding-bottom: 2.5rem;\n}\n\n.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content {\n  font-weight: 600;\n}\n\n.od-Kadertekst.sc-dso-ozon-content {\n  border: 1px solid #e5e5e5;\n  margin-bottom: 1rem;\n  padding: 1rem;\n}";export{A as dso_ozon_content}

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

@@ -0,0 +1 @@
+import{r as i,c as a,h as n}from"./p-c62606a3.js";let t=class{constructor(n){i(this,n),this.selectPage=a(this,"selectPage",7),this.formatHref=i=>"#"+i}clickHandler(i,a){this.selectPage.emit({originalEvent:i,page:a,isModifiedEvent:0!==i.button||i.ctrlKey||i.shiftKey||i.altKey||i.metaKey})}render(){var i;if(!this.totalPages)return null;const a=null!==(i=this.currentPage)&&void 0!==i?i:0,t=Array.from({length:this.totalPages},((i,a)=>a+1)),o=a<t[0]||a>t[t.length-1];return n("ul",{class:"pagination"},n("li",{class:a<=t[0]||o?"dso-page-hidden":void 0},n("a",{href:this.formatHref(t[0]),"aria-label":"Vorige",onClick:i=>a&&this.clickHandler(i,t[a-2])},n("dso-icon",{icon:"chevron-left"}))),t.map((i=>n("li",{key:i,class:a===i?"active":void 0},a===i?n("span",{"aria-current":"page"},i):n("a",{href:this.formatHref(i),onClick:a=>this.clickHandler(a,i)},i)))),n("li",{class:a>=t[t.length-1]||o?"dso-page-hidden":void 0},n("a",{href:this.formatHref(t[t.length-1]),"aria-label":"Volgende",onClick:i=>a&&this.clickHandler(i,t[a])},n("dso-icon",{icon:"chevron-right"}))))}};t.style=':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination{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{t as dso_pagination}

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

@@ -0,0 +1 @@
+import{r as n,f as e,h as t,H as o,g as r}from"./p-c62606a3.js";import{d as i}from"./p-1805f5b0.js";import{c as s}from"./p-131d54e3.js";import"./p-5e5fbd41.js";let a=class{constructor(e){n(this,e),this.active=!1,this.focused=!1,this.zoomable=!1}loadListener(n){n.target instanceof HTMLImageElement&&this.setZoomable(n.target)}componentDidLoad(){this.resizeObserver=new ResizeObserver(i((()=>{const n=this.host.querySelector("img");n instanceof HTMLImageElement&&this.setZoomable(n)}),200)),this.mutationObserver=new MutationObserver((n=>{var t,o;e(this.host),"childList"===(null===(t=n[0])||void 0===t?void 0:t.type)&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),this.initZoomableImage())})),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["src","alt"],childList:!0}),this.initZoomableImage()}disconnectedCallback(){var n,e,t;null===(n=this.trap)||void 0===n||n.deactivate(),null===(e=this.mutationObserver)||void 0===e||e.disconnect(),null===(t=this.resizeObserver)||void 0===t||t.disconnect()}initZoomableImage(){var n;const e=this.host.querySelector("img");e instanceof HTMLImageElement&&(e.complete&&this.setZoomable(e),null===(n=this.resizeObserver)||void 0===n||n.observe(e))}setZoomable(n){const{width:e,naturalWidth:t,height:o,naturalHeight:r}=n;this.zoomable=e<t||o<r}render(){var n;const{src:e,alt:r}=null!==(n=this.host.querySelector("img"))&&void 0!==n?n:{};return t(o,{tabindex:this.focused||!this.zoomable?-1:0,onFocus:()=>{var n;return null===(n=this.buttonElement)||void 0===n?void 0:n.focus()}},this.active&&e&&r&&t("div",{class:"dimmer",ref:n=>this.wrapperElement=n},t("div",{class:"wrapper"},t("img",{src:e,alt:r}),t("button",{type:"button",class:"close",onClick:()=>this.active=!1},t("dso-icon",{icon:"times"}),t("span",null,"Sluiten")))),t("slot",null),this.zoomable&&t("button",{type:"button",class:"open",ref:n=>this.buttonElement=n,onClick:()=>this.active=!0,onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},t("dso-icon",{icon:"external-link"}),t("span",null,"Afbeelding vergroot weergeven")))}componentDidRender(){var n,e;this.active&&this.wrapperElement&&!this.trap?this.trap=s(this.wrapperElement,{escapeDeactivates:!0,clickOutsideDeactivates:n=>!(n instanceof MouseEvent&&n.composedPath()[0]===this.wrapperElement&&(this.active=!1,1)),setReturnFocus:null!==(n=this.buttonElement)&&void 0!==n&&n,onDeactivate:()=>this.active=!1}).activate():!this.active&&this.trap&&(null===(e=this.trap)||void 0===e||e.deactivate(),delete this.trap)}get host(){return r(this)}};a.style="button {\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:host {\n  display: inline-block;\n  position: relative;\n}\n\n:host(:hover) .open,\n.open:focus {\n  opacity: 1;\n}\n\n.open {\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  min-width: auto;\n  padding: 8px;\n  opacity: 0;\n  position: absolute;\n  right: 16px;\n  top: 16px;\n}\n.open:focus, .open:focus-visible {\n  outline-offset: 2px;\n}\n.open:active {\n  outline: 0;\n}\n.open.extern::after, .open.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.open:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open[disabled], .open[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.open.btn-sm {\n  line-height: 1rem;\n}\n.open.btn-sm dso-icon,\n.open.btn-sm svg.di, .open.btn-sm.extern::after, .open.btn-sm.download::after, .open.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.open.download:hover::after {\n  --dso-icon: var(--di-download-wit);\n}\n.open.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.open.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.open.extern:hover::after {\n  --dso-icon: var(--di-external-link-wit);\n}\n.open.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\n.open > 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.open.dso-spinner-left[disabled], .open.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.open.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.open.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.open.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.open.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.open.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.open.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n\n.dimmer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 19;\n  display: flex;\n  padding: 32px;\n  background-color: rgba(255, 255, 255, 0.8);\n  justify-content: center;\n}\n\n.wrapper {\n  box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n  position: relative;\n  z-index: 20;\n  align-self: center;\n  line-height: 0;\n}\n.wrapper img {\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: calc(100vh - 64px);\n}\n\n.close {\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  min-width: auto;\n  padding: 8px;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n}\n.close:focus, .close:focus-visible {\n  outline-offset: 2px;\n}\n.close:active {\n  outline: 0;\n}\n.close.extern::after, .close.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.close:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close[disabled], .close[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close.btn-sm {\n  line-height: 1rem;\n}\n.close.btn-sm dso-icon,\n.close.btn-sm svg.di, .close.btn-sm.extern::after, .close.btn-sm.download::after, .close.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.close.download:hover::after {\n  --dso-icon: var(--di-download-wit);\n}\n.close.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.close.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.close.extern:hover::after {\n  --dso-icon: var(--di-external-link-wit);\n}\n.close.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\n.close > 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.close.dso-spinner-left[disabled], .close.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}";export{a as dso_image_overlay}

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

@@ -0,0 +1 @@
+import{r as t,h as s,F as i,g as h}from"./p-c62606a3.js";let o=class{constructor(s){t(this,s),this.active=!1,this.label="Toelichting",this.position="right",this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)||this.close()},this.keyDownListener=t=>{var s;t.defaultPrevented||"Escape"!=t.key||(this.close(),null===(s=this.infoButton)||void 0===s||s.setFocus(),t.preventDefault())}}render(){return s(i,null,s("dso-info-button",{id:"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary,ref:t=>this.infoButton=t}),s("dso-tooltip",{stateless:!0,descriptive:!0,for:"toggle",active:this.active,position:this.position,small:this.small},s("slot",null)))}get host(){return h(this)}};o.style="*,*::after,*::before{box-sizing:border-box}:host(:focus){outline:none}";export{o as dso_toggletip}

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

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

package/dist/dso-toolkit/{p-37e12c3c.entry.js → p-d60876c2.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as n,g as o}from"./p-c62606a3.js";import{c as r}from"./p-4070c1e5.js";var i="top",a="bottom",p="right",f="left",s=[i,a,p,f],u=s.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),c=[].concat(s,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function d(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function m(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function x(t){return t.split("-")[0]}var g=Math.max,w=Math.min,y=Math.round;function O(t,e){void 0===e&&(e=!1);var n=t.getBoundingClientRect(),o=1,r=1;if(m(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(o=y(n.width)/a||1),i>0&&(r=y(n.height)/i||1)}return{width:n.width/o,height:n.height/r,top:n.top/r,right:n.right/o,bottom:n.bottom/r,left:n.left/o,x:n.left/o,y:n.top/r}}function j(t){var e=O(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function E(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&b(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function k(t){return h(t).getComputedStyle(t)}function M(t){return["table","td","th"].indexOf(d(t))>=0}function S(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function L(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||S(t)}function T(t){return m(t)&&"fixed"!==k(t).position?t.offsetParent:null}function A(t){for(var e=h(t),n=T(t);n&&M(n)&&"static"===k(n).position;)n=T(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===k(n).position)?e:n||function(t){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&m(t)&&"fixed"===k(t).position)return null;var n=L(t);for(b(n)&&(n=n.host);m(n)&&["html","body"].indexOf(d(n))<0;){var o=k(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function R(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function q(t,e,n){return g(t,w(e,n))}function z(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function P(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function H(t){return t.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function B(t){var e,n=t.popper,o=t.popperRect,r=t.placement,s=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=u.x,x=void 0===b?0:b,g=u.y,w=void 0===g?0:g,O="function"==typeof v?v({x,y:w}):{x,y:w};x=O.x,w=O.y;var j=u.hasOwnProperty("x"),E=u.hasOwnProperty("y"),M=f,L=i,T=window;if(d){var R=A(n),q="clientHeight",z="clientWidth";R===h(n)&&"static"!==k(R=S(n)).position&&"absolute"===c&&(q="scrollHeight",z="scrollWidth"),R=R,(r===i||(r===f||r===p)&&"end"===s)&&(L=a,w-=(m&&R===T&&T.visualViewport?T.visualViewport.height:R[q])-o.height,w*=l?1:-1),r!==f&&(r!==i&&r!==a||"end"!==s)||(M=p,x-=(m&&R===T&&T.visualViewport?T.visualViewport.width:R[z])-o.width,x*=l?1:-1)}var P,H=Object.assign({position:c},d&&W),B=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:y(t.x*n)/n||0,y:y(e*n)/n||0}}({x,y:w}):{x,y:w};return x=B.x,w=B.y,Object.assign({},H,l?((P={})[L]=E?"0":"",P[M]=j?"0":"",P.transform=(T.devicePixelRatio||1)<=1?"translate("+x+"px, "+w+"px)":"translate3d("+x+"px, "+w+"px, 0)",P):((e={})[L]=E?w+"px":"",e[M]=j?x+"px":"",e.transform="",e))}var D={passive:!0},I={left:"right",right:"left",bottom:"top",top:"bottom"};function C(t){return t.replace(/left|right|bottom|top/g,(function(t){return I[t]}))}var N={start:"end",end:"start"};function U(t){return t.replace(/start|end/g,(function(t){return N[t]}))}function $(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function _(t){return O(S(t)).left+$(t).scrollLeft}function F(t){var e=k(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function V(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:m(t)&&F(t)?t:V(L(t))}function G(t,e){var n;void 0===e&&(e=[]);var o=V(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],F(o)?o:[]):o,p=e.concat(a);return r?p:p.concat(G(L(a)))}function J(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function K(t,e){return"viewport"===e?J(function(t){var e=h(t),n=S(t),o=e.visualViewport,r=n.clientWidth,i=n.clientHeight,a=0,p=0;return o&&(r=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=o.offsetLeft,p=o.offsetTop)),{width:r,height:i,x:a+_(t),y:p}}(t)):v(e)?function(t){var e=O(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(e):J(function(t){var e,n=S(t),o=$(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=g(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=g(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),p=-o.scrollLeft+_(t),f=-o.scrollTop;return"rtl"===k(r||n).direction&&(p+=g(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:p,y:f}}(S(t)))}function Q(t){var e,n=t.reference,o=t.element,r=t.placement,s=r?x(r):null,u=r?H(r):null,c=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(s){case i:e={x:c,y:n.y-o.height};break;case a:e={x:c,y:n.y+n.height};break;case p:e={x:n.x+n.width,y:l};break;case f:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=s?R(s):null;if(null!=d){var h="y"===d?"height":"width";switch(u){case"start":e[d]=e[d]-(n[h]/2-o[h]/2);break;case"end":e[d]=e[d]+(n[h]/2-o[h]/2)}}return e}function X(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.boundary,f=void 0===r?"clippingParents":r,u=e.rootBoundary,c=void 0===u?"viewport":u,l=e.elementContext,h=void 0===l?"popper":l,b=e.altBoundary,x=void 0!==b&&b,y=e.padding,j=void 0===y?0:y,M=z("number"!=typeof j?j:P(j,s)),T=t.rects.popper,R=t.elements[x?"popper"===h?"reference":"popper":h],q=function(t,e,n){var o="clippingParents"===e?function(t){var e=G(L(t)),n=["absolute","fixed"].indexOf(k(t).position)>=0&&m(t)?A(t):t;return v(n)?e.filter((function(t){return v(t)&&E(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),i=r.reduce((function(e,n){var o=K(t,n);return e.top=g(o.top,e.top),e.right=w(o.right,e.right),e.bottom=w(o.bottom,e.bottom),e.left=g(o.left,e.left),e}),K(t,r[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(v(R)?R:R.contextElement||S(t.elements.popper),f,c),H=O(t.elements.reference),W=Q({reference:H,element:T,strategy:"absolute",placement:o}),B=J(Object.assign({},T,W)),D="popper"===h?B:H,I={top:q.top-D.top+M.top,bottom:D.bottom-q.bottom+M.bottom,left:q.left-D.left+M.left,right:D.right-q.right+M.right},C=t.modifiersData.offset;if("popper"===h&&C){var N=C[o];Object.keys(I).forEach((function(t){var e=[p,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";I[t]+=N[n]*e}))}return I}function Y(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,p=void 0===a?c:a,f=H(e.placement),l=f?i?u:u.filter((function(t){return H(t)===f})):s,d=l.filter((function(t){return p.indexOf(t)>=0}));0===d.length&&(d=l);var h=d.reduce((function(e,i){return e[i]=X(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[x(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function Z(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function tt(t){return[i,p,a,f].some((function(e){return t[e]>=0}))}function et(t,e,n){void 0===n&&(n=!1);var o,r,i=m(e),a=m(e)&&function(t){var e=t.getBoundingClientRect(),n=y(e.width)/t.offsetWidth||1,o=y(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),p=S(e),f=O(t,a),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!n)&&(("body"!==d(e)||F(p))&&(s=(o=e)!==h(o)&&m(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:$(o)),m(e)?((u=O(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):p&&(u.x=_(p))),{x:f.left+s.scrollLeft-u.x,y:f.top+s.scrollTop-u.y,width:f.width,height:f.height}}function nt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var ot={placement:"bottom",modifiers:[],strategy:"absolute"};function rt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function it(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?ot:o;return function(t,e,o){void 0===o&&(o=r);var i,a,p={placement:"bottom",orderedModifiers:[],options:Object.assign({},ot,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},f=[],s=!1,u={state:p,setOptions:function(o){var i="function"==typeof o?o(p.options):o;c(),p.options=Object.assign({},r,p.options,i),p.scrollParents={reference:v(t)?G(t):t.contextElement?G(t.contextElement):[],popper:G(e)};var a,s,d=function(t){var e=nt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,p.options.modifiers),s=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return p.orderedModifiers=d.filter((function(t){return t.enabled})),p.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:p,name:t.name,instance:u,options:void 0===e?{}:e});f.push(o||function(){})}})),u.update()},forceUpdate:function(){if(!s){var t=p.elements,e=t.reference,n=t.popper;if(rt(e,n)){p.rects={reference:et(e,A(n),"fixed"===p.options.strategy),popper:j(n)},p.reset=!1,p.placement=p.options.placement,p.orderedModifiers.forEach((function(t){return p.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<p.orderedModifiers.length;o++)if(!0!==p.reset){var r=p.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(p=i({state:p,options:void 0===a?{}:a,name:r.name,instance:u})||p)}else p.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){u.forceUpdate(),t(p)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){c(),s=!0}};if(!rt(t,e))return u;function c(){f.forEach((function(t){return t()})),f=[]}return u.setOptions(o).then((function(t){!s&&o.onFirstUpdate&&o.onFirstUpdate(t)})),u}}var at=it({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,p=void 0===a||a,f=h(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(t){t.addEventListener("scroll",n.update,D)})),p&&f.addEventListener("resize",n.update,D),function(){i&&s.forEach((function(t){t.removeEventListener("scroll",n.update,D)})),p&&f.removeEventListener("resize",n.update,D)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Q({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,p=n.roundOffsets,f=void 0===p||p,s={placement:x(e.placement),variation:H(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,B(Object.assign({},s,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,B(Object.assign({},s,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];m(r)&&d(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});m(o)&&d(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,a=c.reduce((function(t,n){return t[n]=function(t,e,n){var o=x(t),r=[f,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=a[0],u=a[1];return s=s||0,u=(u||0)*r,[f,p].indexOf(o)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,r),t}),{}),s=a[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0===u||u,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,m=n.altBoundary,b=n.flipVariations,g=void 0===b||b,w=n.allowedAutoPlacements,y=e.options.placement,O=x(y),j=l||(O!==y&&g?function(t){if("auto"===x(t))return[];var e=C(t);return[U(t),e,U(e)]}(y):[C(y)]),E=[y].concat(j).reduce((function(t,n){return t.concat("auto"===x(n)?Y(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:g,allowedAutoPlacements:w}):n)}),[]),k=e.rects.reference,M=e.rects.popper,S=new Map,L=!0,T=E[0],A=0;A<E.length;A++){var R=E[A],q=x(R),z="start"===H(R),P=[i,a].indexOf(q)>=0,W=P?"width":"height",B=X(e,{placement:R,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),D=P?z?p:f:z?a:i;k[W]>M[W]&&(D=C(D));var I=C(D),N=[];if(s&&N.push(B[q]<=0),c&&N.push(B[D]<=0,B[I]<=0),N.every((function(t){return t}))){T=R,L=!1;break}S.set(R,N)}if(L)for(var $=function(t){var e=E.find((function(e){var n=S.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return T=e,"break"},_=g?3:1;_>0&&"break"!==$(_);_--);e.placement!==T&&(e.modifiersData[o]._skip=!0,e.placement=T,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0!==u&&u,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,m=X(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=x(e.placement),y=H(e.placement),O=!y,E=R(b),k="x"===E?"y":"x",M=e.modifiersData.popperOffsets,S=e.rects.reference,L=e.rects.popper,T="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,z="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),P=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,W={x:0,y:0};if(M){if(s){var B,D="y"===E?i:f,I="y"===E?a:p,C="y"===E?"height":"width",N=M[E],U=N+m[D],$=N-m[I],_=d?-L[C]/2:0,F="start"===y?S[C]:L[C],V="start"===y?-L[C]:-S[C],G=e.elements.arrow,J=d&&G?j(G):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[D],Y=K[I],Z=q(0,S[C],J[C]),tt=O?S[C]/2-_-Z-Q-z.mainAxis:F-Z-Q-z.mainAxis,et=O?-S[C]/2+_+Z+Y+z.mainAxis:V+Z+Y+z.mainAxis,nt=e.elements.arrow&&A(e.elements.arrow),ot=null!=(B=null==P?void 0:P[E])?B:0,rt=N+et-ot,it=q(d?w(U,N+tt-ot-(nt?"y"===E?nt.clientTop||0:nt.clientLeft||0:0)):U,N,d?g($,rt):$);M[E]=it,W[E]=it-N}if(c){var at,pt=M[k],ft="y"===k?"height":"width",st=pt+m["x"===E?i:f],ut=pt-m["x"===E?a:p],ct=-1!==[i,f].indexOf(b),lt=null!=(at=null==P?void 0:P[k])?at:0,dt=ct?st:pt-S[ft]-L[ft]-lt+z.altAxis,ht=ct?pt+S[ft]+L[ft]-lt-z.altAxis:ut,vt=d&&ct?function(t,e,n){var o=q(t,e,n);return o>n?n:o}(dt,pt,ht):q(d?dt:st,pt,d?ht:ut);M[k]=vt,W[k]=vt-pt}e.modifiersData[o]=W}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,u=n.elements.arrow,c=n.modifiersData.popperOffsets,l=x(n.placement),d=R(l),h=[f,p].indexOf(l)>=0?"height":"width";if(u&&c){var v=function(t,e){return z("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:P(t,s))}(r.padding,n),m=j(u),b="y"===d?i:f,g="y"===d?a:p,w=n.rects.reference[h]+n.rects.reference[d]-c[d]-n.rects.popper[h],y=c[d]-n.rects.reference[d],O=A(u),E=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,k=E/2-m[h]/2+(w/2-y/2),M=q(v[b],k,E-m[h]-v[g]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-k,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&E(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=X(e,{elementContext:"reference"}),p=X(e,{altBoundary:!0}),f=Z(a,o),s=Z(p,r,i),u=tt(f),c=tt(s);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}}]}),pt={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,o=X(e,t.options),r=e.modifiersData.preventOverflow||{x:0,y:0},i=r.x,a=r.y,p=e.rects.popper,f=p.width,s=p.height,u=e.placement.split("-")[0];e.modifiersData[n]={width:f-o["left"===u?"left":"right"]-i,height:s-o["top"===u?"top":"bottom"]-a}}};function ft(t){const e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-x"),o=e.getPropertyValue("overflow-y"),r=["hidden","clip"];return-1!=r.indexOf(n)||-1!=r.indexOf(o)}let st=class{constructor(e){t(this,e),this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.active=!1,this.hidden=!0,this.applyMaxSize={name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}}}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(;null!=(null==t?void 0:t.parentNode)&&t.parentNode!=document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!=t&&ft(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){var t;this.active?(this.hidden=!1,this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]})}))):(this.stateless||null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),setTimeout((()=>this.hidden=!0),150))}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(this.popper)return;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");this.target=this.getTarget(),this.popper=at(this.target,e,{placement:this.position,modifiers:[pt,this.applyMaxSize]}),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.stateless||(this.target.addEventListener("mouseenter",this.callbacks.activate),this.target.addEventListener("mouseleave",this.callbacks.deactivate),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.callbacks&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),this.target.removeEventListener("mouseleave",this.callbacks.deactivate),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.callbacks=void 0,this.target=void 0}componentDidRender(){var t;this.setStrategy(),this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{class:{hidden:this.hidden}},e("div",{class:r("tooltip",{in:this.active})},!this.noArrow&&e("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),e("div",{"aria-hidden":!this.descriptive||void 0,class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(){if(this.for instanceof HTMLElement)return this.for;if("string"==typeof this.for){const t=this.element.getRootNode();if(!(t instanceof Document||t instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const e=t.getElementById(this.for);if(!e)throw new Error(`Unable to find reference with id ${this.for}`);return e}const{parentElement:t}=this.element;if(!t)throw new Error("No reference given with [for] attribute but no parent found either");return t}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};st.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:16px;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{st as dso_tooltip}
+import{r as t,h as e,H as n,g as o}from"./p-c62606a3.js";import{c as r}from"./p-4070c1e5.js";var i="top",a="bottom",p="right",f="left",s=[i,a,p,f],u=s.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),c=[].concat(s,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function d(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function m(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function x(t){return t.split("-")[0]}var g=Math.max,w=Math.min,y=Math.round;function O(t,e){void 0===e&&(e=!1);var n=t.getBoundingClientRect(),o=1,r=1;if(m(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(o=y(n.width)/a||1),i>0&&(r=y(n.height)/i||1)}return{width:n.width/o,height:n.height/r,top:n.top/r,right:n.right/o,bottom:n.bottom/r,left:n.left/o,x:n.left/o,y:n.top/r}}function j(t){var e=O(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function k(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&b(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function E(t){return h(t).getComputedStyle(t)}function M(t){return["table","td","th"].indexOf(d(t))>=0}function S(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function L(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||S(t)}function T(t){return m(t)&&"fixed"!==E(t).position?t.offsetParent:null}function A(t){for(var e=h(t),n=T(t);n&&M(n)&&"static"===E(n).position;)n=T(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===E(n).position)?e:n||function(t){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&m(t)&&"fixed"===E(t).position)return null;var n=L(t);for(b(n)&&(n=n.host);m(n)&&["html","body"].indexOf(d(n))<0;){var o=E(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function R(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function q(t,e,n){return g(t,w(e,n))}function z(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function P(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function H(t){return t.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function B(t){var e,n=t.popper,o=t.popperRect,r=t.placement,s=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=u.x,x=void 0===b?0:b,g=u.y,w=void 0===g?0:g,O="function"==typeof v?v({x,y:w}):{x,y:w};x=O.x,w=O.y;var j=u.hasOwnProperty("x"),k=u.hasOwnProperty("y"),M=f,L=i,T=window;if(d){var R=A(n),q="clientHeight",z="clientWidth";R===h(n)&&"static"!==E(R=S(n)).position&&"absolute"===c&&(q="scrollHeight",z="scrollWidth"),R=R,(r===i||(r===f||r===p)&&"end"===s)&&(L=a,w-=(m&&R===T&&T.visualViewport?T.visualViewport.height:R[q])-o.height,w*=l?1:-1),r!==f&&(r!==i&&r!==a||"end"!==s)||(M=p,x-=(m&&R===T&&T.visualViewport?T.visualViewport.width:R[z])-o.width,x*=l?1:-1)}var P,H=Object.assign({position:c},d&&W),B=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:y(t.x*n)/n||0,y:y(e*n)/n||0}}({x,y:w}):{x,y:w};return x=B.x,w=B.y,Object.assign({},H,l?((P={})[L]=k?"0":"",P[M]=j?"0":"",P.transform=(T.devicePixelRatio||1)<=1?"translate("+x+"px, "+w+"px)":"translate3d("+x+"px, "+w+"px, 0)",P):((e={})[L]=k?w+"px":"",e[M]=j?x+"px":"",e.transform="",e))}var D={passive:!0},I={left:"right",right:"left",bottom:"top",top:"bottom"};function C(t){return t.replace(/left|right|bottom|top/g,(function(t){return I[t]}))}var N={start:"end",end:"start"};function U(t){return t.replace(/start|end/g,(function(t){return N[t]}))}function $(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function _(t){return O(S(t)).left+$(t).scrollLeft}function F(t){var e=E(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function V(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:m(t)&&F(t)?t:V(L(t))}function G(t,e){var n;void 0===e&&(e=[]);var o=V(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],F(o)?o:[]):o,p=e.concat(a);return r?p:p.concat(G(L(a)))}function J(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function K(t,e){return"viewport"===e?J(function(t){var e=h(t),n=S(t),o=e.visualViewport,r=n.clientWidth,i=n.clientHeight,a=0,p=0;return o&&(r=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=o.offsetLeft,p=o.offsetTop)),{width:r,height:i,x:a+_(t),y:p}}(t)):v(e)?function(t){var e=O(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(e):J(function(t){var e,n=S(t),o=$(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=g(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=g(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),p=-o.scrollLeft+_(t),f=-o.scrollTop;return"rtl"===E(r||n).direction&&(p+=g(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:p,y:f}}(S(t)))}function Q(t){var e,n=t.reference,o=t.element,r=t.placement,s=r?x(r):null,u=r?H(r):null,c=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(s){case i:e={x:c,y:n.y-o.height};break;case a:e={x:c,y:n.y+n.height};break;case p:e={x:n.x+n.width,y:l};break;case f:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=s?R(s):null;if(null!=d){var h="y"===d?"height":"width";switch(u){case"start":e[d]=e[d]-(n[h]/2-o[h]/2);break;case"end":e[d]=e[d]+(n[h]/2-o[h]/2)}}return e}function X(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.boundary,f=void 0===r?"clippingParents":r,u=e.rootBoundary,c=void 0===u?"viewport":u,l=e.elementContext,h=void 0===l?"popper":l,b=e.altBoundary,x=void 0!==b&&b,y=e.padding,j=void 0===y?0:y,M=z("number"!=typeof j?j:P(j,s)),T=t.rects.popper,R=t.elements[x?"popper"===h?"reference":"popper":h],q=function(t,e,n){var o="clippingParents"===e?function(t){var e=G(L(t)),n=["absolute","fixed"].indexOf(E(t).position)>=0&&m(t)?A(t):t;return v(n)?e.filter((function(t){return v(t)&&k(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),i=r.reduce((function(e,n){var o=K(t,n);return e.top=g(o.top,e.top),e.right=w(o.right,e.right),e.bottom=w(o.bottom,e.bottom),e.left=g(o.left,e.left),e}),K(t,r[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(v(R)?R:R.contextElement||S(t.elements.popper),f,c),H=O(t.elements.reference),W=Q({reference:H,element:T,strategy:"absolute",placement:o}),B=J(Object.assign({},T,W)),D="popper"===h?B:H,I={top:q.top-D.top+M.top,bottom:D.bottom-q.bottom+M.bottom,left:q.left-D.left+M.left,right:D.right-q.right+M.right},C=t.modifiersData.offset;if("popper"===h&&C){var N=C[o];Object.keys(I).forEach((function(t){var e=[p,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";I[t]+=N[n]*e}))}return I}function Y(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,p=void 0===a?c:a,f=H(e.placement),l=f?i?u:u.filter((function(t){return H(t)===f})):s,d=l.filter((function(t){return p.indexOf(t)>=0}));0===d.length&&(d=l);var h=d.reduce((function(e,i){return e[i]=X(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[x(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function Z(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function tt(t){return[i,p,a,f].some((function(e){return t[e]>=0}))}function et(t,e,n){void 0===n&&(n=!1);var o,r,i=m(e),a=m(e)&&function(t){var e=t.getBoundingClientRect(),n=y(e.width)/t.offsetWidth||1,o=y(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),p=S(e),f=O(t,a),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!n)&&(("body"!==d(e)||F(p))&&(s=(o=e)!==h(o)&&m(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:$(o)),m(e)?((u=O(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):p&&(u.x=_(p))),{x:f.left+s.scrollLeft-u.x,y:f.top+s.scrollTop-u.y,width:f.width,height:f.height}}function nt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var ot={placement:"bottom",modifiers:[],strategy:"absolute"};function rt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function it(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?ot:o;return function(t,e,o){void 0===o&&(o=r);var i,a,p={placement:"bottom",orderedModifiers:[],options:Object.assign({},ot,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},f=[],s=!1,u={state:p,setOptions:function(o){var i="function"==typeof o?o(p.options):o;c(),p.options=Object.assign({},r,p.options,i),p.scrollParents={reference:v(t)?G(t):t.contextElement?G(t.contextElement):[],popper:G(e)};var a,s,d=function(t){var e=nt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,p.options.modifiers),s=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return p.orderedModifiers=d.filter((function(t){return t.enabled})),p.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:p,name:t.name,instance:u,options:void 0===e?{}:e});f.push(o||function(){})}})),u.update()},forceUpdate:function(){if(!s){var t=p.elements,e=t.reference,n=t.popper;if(rt(e,n)){p.rects={reference:et(e,A(n),"fixed"===p.options.strategy),popper:j(n)},p.reset=!1,p.placement=p.options.placement,p.orderedModifiers.forEach((function(t){return p.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<p.orderedModifiers.length;o++)if(!0!==p.reset){var r=p.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(p=i({state:p,options:void 0===a?{}:a,name:r.name,instance:u})||p)}else p.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){u.forceUpdate(),t(p)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){c(),s=!0}};if(!rt(t,e))return u;function c(){f.forEach((function(t){return t()})),f=[]}return u.setOptions(o).then((function(t){!s&&o.onFirstUpdate&&o.onFirstUpdate(t)})),u}}var at=it({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,p=void 0===a||a,f=h(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(t){t.addEventListener("scroll",n.update,D)})),p&&f.addEventListener("resize",n.update,D),function(){i&&s.forEach((function(t){t.removeEventListener("scroll",n.update,D)})),p&&f.removeEventListener("resize",n.update,D)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Q({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,p=n.roundOffsets,f=void 0===p||p,s={placement:x(e.placement),variation:H(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,B(Object.assign({},s,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,B(Object.assign({},s,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];m(r)&&d(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});m(o)&&d(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,a=c.reduce((function(t,n){return t[n]=function(t,e,n){var o=x(t),r=[f,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=a[0],u=a[1];return s=s||0,u=(u||0)*r,[f,p].indexOf(o)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,r),t}),{}),s=a[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0===u||u,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,m=n.altBoundary,b=n.flipVariations,g=void 0===b||b,w=n.allowedAutoPlacements,y=e.options.placement,O=x(y),j=l||(O!==y&&g?function(t){if("auto"===x(t))return[];var e=C(t);return[U(t),e,U(e)]}(y):[C(y)]),k=[y].concat(j).reduce((function(t,n){return t.concat("auto"===x(n)?Y(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:g,allowedAutoPlacements:w}):n)}),[]),E=e.rects.reference,M=e.rects.popper,S=new Map,L=!0,T=k[0],A=0;A<k.length;A++){var R=k[A],q=x(R),z="start"===H(R),P=[i,a].indexOf(q)>=0,W=P?"width":"height",B=X(e,{placement:R,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),D=P?z?p:f:z?a:i;E[W]>M[W]&&(D=C(D));var I=C(D),N=[];if(s&&N.push(B[q]<=0),c&&N.push(B[D]<=0,B[I]<=0),N.every((function(t){return t}))){T=R,L=!1;break}S.set(R,N)}if(L)for(var $=function(t){var e=k.find((function(e){var n=S.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return T=e,"break"},_=g?3:1;_>0&&"break"!==$(_);_--);e.placement!==T&&(e.modifiersData[o]._skip=!0,e.placement=T,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0!==u&&u,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,m=X(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=x(e.placement),y=H(e.placement),O=!y,k=R(b),E="x"===k?"y":"x",M=e.modifiersData.popperOffsets,S=e.rects.reference,L=e.rects.popper,T="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,z="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),P=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,W={x:0,y:0};if(M){if(s){var B,D="y"===k?i:f,I="y"===k?a:p,C="y"===k?"height":"width",N=M[k],U=N+m[D],$=N-m[I],_=d?-L[C]/2:0,F="start"===y?S[C]:L[C],V="start"===y?-L[C]:-S[C],G=e.elements.arrow,J=d&&G?j(G):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[D],Y=K[I],Z=q(0,S[C],J[C]),tt=O?S[C]/2-_-Z-Q-z.mainAxis:F-Z-Q-z.mainAxis,et=O?-S[C]/2+_+Z+Y+z.mainAxis:V+Z+Y+z.mainAxis,nt=e.elements.arrow&&A(e.elements.arrow),ot=null!=(B=null==P?void 0:P[k])?B:0,rt=N+et-ot,it=q(d?w(U,N+tt-ot-(nt?"y"===k?nt.clientTop||0:nt.clientLeft||0:0)):U,N,d?g($,rt):$);M[k]=it,W[k]=it-N}if(c){var at,pt=M[E],ft="y"===E?"height":"width",st=pt+m["x"===k?i:f],ut=pt-m["x"===k?a:p],ct=-1!==[i,f].indexOf(b),lt=null!=(at=null==P?void 0:P[E])?at:0,dt=ct?st:pt-S[ft]-L[ft]-lt+z.altAxis,ht=ct?pt+S[ft]+L[ft]-lt-z.altAxis:ut,vt=d&&ct?function(t,e,n){var o=q(t,e,n);return o>n?n:o}(dt,pt,ht):q(d?dt:st,pt,d?ht:ut);M[E]=vt,W[E]=vt-pt}e.modifiersData[o]=W}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,u=n.elements.arrow,c=n.modifiersData.popperOffsets,l=x(n.placement),d=R(l),h=[f,p].indexOf(l)>=0?"height":"width";if(u&&c){var v=function(t,e){return z("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:P(t,s))}(r.padding,n),m=j(u),b="y"===d?i:f,g="y"===d?a:p,w=n.rects.reference[h]+n.rects.reference[d]-c[d]-n.rects.popper[h],y=c[d]-n.rects.reference[d],O=A(u),k=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,E=k/2-m[h]/2+(w/2-y/2),M=q(v[b],E,k-m[h]-v[g]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-E,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&k(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=X(e,{elementContext:"reference"}),p=X(e,{altBoundary:!0}),f=Z(a,o),s=Z(p,r,i),u=tt(f),c=tt(s);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}}]}),pt={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,o=X(e,t.options),r=e.modifiersData.preventOverflow||{x:0,y:0},i=r.x,a=r.y,p=e.rects.popper,f=p.width,s=p.height,u=e.placement.split("-")[0];e.modifiersData[n]={width:f-o["left"===u?"left":"right"]-i,height:s-o["top"===u?"top":"bottom"]-a}}};function ft(t){const e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-x"),o=e.getPropertyValue("overflow-y"),r=["hidden","clip"];return-1!=r.indexOf(n)||-1!=r.indexOf(o)}let st=class{constructor(e){t(this,e),this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.active=!1,this.hidden=!0,this.applyMaxSize={name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}},this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()}}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(;null!=(null==t?void 0:t.parentNode)&&t.parentNode!=document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!=t&&ft(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){var t;this.active?(this.hidden=!1,this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]}),document.addEventListener("keydown",this.keyDownListener)}))):(this.stateless||(null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),document.removeEventListener("keydown",this.keyDownListener)),setTimeout((()=>this.hidden=!0),150))}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(this.popper)return;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");this.target=this.getTarget(),this.popper=at(this.target,e,{placement:this.position,modifiers:[pt,this.applyMaxSize]}),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.stateless||(this.target.addEventListener("mouseenter",this.callbacks.activate),this.target.addEventListener("mouseleave",this.callbacks.deactivate),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.callbacks&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),this.target.removeEventListener("mouseleave",this.callbacks.deactivate),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.callbacks=void 0,this.target=void 0}componentDidRender(){var t;this.setStrategy(),this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{class:{hidden:this.hidden}},e("div",{class:r("tooltip",{in:this.active})},!this.noArrow&&e("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),e("div",{"aria-hidden":!this.descriptive||void 0,class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(){if(this.for instanceof HTMLElement)return this.for;if("string"==typeof this.for){const t=this.element.getRootNode();if(!(t instanceof Document||t instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const e=t.getElementById(this.for);if(!e)throw new Error(`Unable to find reference with id ${this.for}`);return e}const{parentElement:t}=this.element;if(!t)throw new Error("No reference given with [for] attribute but no parent found either");return t}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};st.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{st as dso_tooltip}

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

@@ -0,0 +1 @@
+import{r as n,c as o,h as t,F as e,g as d}from"./p-c62606a3.js";import{c as i}from"./p-4070c1e5.js";import{d as r}from"./p-1805f5b0.js";let s=class{constructor(e){n(this,e),this.headerClick=o(this,"headerClick",7),this.mainMenu=[],this.useDropDownMenu="auto",this.authStatus="none",this.showDropDown=!1,this.hasSubLogo=!1,this.overflowMenuItems=0,this.onWindowResize=r((()=>{this.setDropDownMenu(),this.setOverflowMenu()}),100),this.MenuItem=n=>t("li",{class:n.active?"dso-active":void 0},t("a",{href:n.url,"aria-current":n.active?"page":void 0,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:n})},n.label))}clickHandler(n,o,t){var e,d;this.headerClick.emit({originalEvent:n,isModifiedEvent:0!==n.button||n.ctrlKey||n.shiftKey||n.altKey||n.metaKey,type:o,menuItem:null==t?void 0:t.menuItem,url:null!==(e=null==t?void 0:t.url)&&void 0!==e?e:null===(d=null==t?void 0:t.menuItem)||void 0===d?void 0:d.url})}watchUseDropDownMenu(n){"auto"!==n?this.showDropDown="always"===n:this.setDropDownMenu()}componentWillLoad(){this.hasSubLogo=null!==this.host.querySelector("*[slot = 'sub-logo']")}shrinkMenuToFit(){this.wrapper&&this.nav&&(this.wrapper.clientWidth>=this.nav.clientWidth||this.mainMenu&&this.overflowMenuItems>=this.mainMenu.length||this.overflowMenuItems++)}componentDidRender(){this.showDropDown||window.setTimeout((()=>this.shrinkMenuToFit()),0)}setOverflowMenu(){this.showDropDown||(0==this.overflowMenuItems?this.shrinkMenuToFit():this.overflowMenuItems=0)}setDropDownMenu(){"auto"===this.useDropDownMenu&&(this.showDropDown=window.innerWidth<992)}connectedCallback(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}render(){return t(e,null,t("div",{class:i("dso-header",{"use-drop-down":this.showDropDown,"has-sub-logo":this.hasSubLogo}),ref:n=>this.wrapper=n},t("div",{class:"logo-container"},t("div",{class:"logo"},t("slot",{name:"logo"})),t("div",{class:"sub-logo"},t("slot",{name:"sub-logo"}))),this.showDropDown&&this.mainMenu&&this.mainMenu.length>0&&t("div",{class:"dropdown"},t("dso-dropdown-menu",{"dropdown-align":"right"},t("button",{type:"button",class:"tertiary",slot:"toggle"},t("span",null,"Menu")),t("div",{class:"dso-dropdown-options"},t("dso-dropdown-options",null,t("ul",null,this.mainMenu.map(this.MenuItem),this.userHomeUrl&&t("li",null,t("a",{href:this.userHomeUrl,onClick:n=>this.clickHandler(n,"userHome",{url:this.userHomeUrl})},"Mijn Omgevingsloket")),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&t("li",null,t("a",{href:this.userProfileUrl,onClick:n=>this.clickHandler(n,"profile",{url:this.userProfileUrl})},this.userProfileName,t("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&t("li",null,this.loginUrl?t("a",{href:this.loginUrl,onClick:n=>this.clickHandler(n,"login",{url:this.loginUrl})},"Inloggen"):t("button",{type:"button",onClick:n=>this.clickHandler(n,"login")},"Inloggen")),"loggedIn"===this.authStatus&&t("li",null,this.logoutUrl?t("a",{href:this.logoutUrl,onClick:n=>this.clickHandler(n,"logout",{url:this.logoutUrl})},"Uitloggen"):t("button",{type:"button",onClick:n=>this.clickHandler(n,"logout")},"Uitloggen"))))))),!this.showDropDown&&t(e,null,t("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&t("div",{class:"profile"},t("span",{class:"profile-label"},"Welkom:"),t("a",{href:this.userProfileUrl,onClick:n=>this.clickHandler(n,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&t("div",{class:"login"},this.loginUrl?t("a",{href:this.loginUrl,onClick:n=>this.clickHandler(n,"login",{url:this.loginUrl})},"Inloggen"):t("button",{class:"dso-tertiary",type:"button",onClick:n=>this.clickHandler(n,"login")},"Inloggen")),"loggedIn"===this.authStatus&&t("div",{class:"logout"},this.logoutUrl?t("a",{href:this.logoutUrl,onClick:n=>this.clickHandler(n,"logout",{url:this.logoutUrl})},"Uitloggen"):t("button",{class:"dso-tertiary",type:"button",onClick:n=>this.clickHandler(n,"logout")},"Uitloggen"))),(this.mainMenu&&this.mainMenu.length>0||this.userHomeUrl)&&t("nav",{class:"dso-navbar"},t("ul",{class:"dso-nav dso-nav-main",ref:n=>this.nav=n},this.mainMenu&&this.mainMenu.filter(((n,o)=>o<this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem),this.overflowMenuItems>0&&t("li",null,t("dso-dropdown-menu",{"dropdown-align":"left"},t("button",{type:"button",class:"tertiary",slot:"toggle"},t("span",null,"Meer")),t("div",{class:"dso-dropdown-options"},t("dso-dropdown-options",null,t("ul",null,this.mainMenu&&this.mainMenu.filter(((n,o)=>o>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem)))))),this.userHomeUrl&&t("li",{class:"menu-user-home"},t("a",{href:this.userHomeUrl,onClick:n=>this.clickHandler(n,"userHome",{url:this.userHomeUrl})},t("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return d(this)}static get watchers(){return{useDropDownMenu:["watchUseDropDownMenu"]}}};s.style=":host {\n  --di-chevron-down-bosgroen: url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23275937%3b'%3e %3cpath fill='currentColor' d='M12%2c16%2c5.29%2c9.63a.93.93%2c0%2c0%2c1%2c0-1.35%2c1%2c1%2c0%2c0%2c1%2c1.42%2c0l5.29%2c5%2c5.29-5a1%2c1%2c0%2c0%2c1%2c1.42%2c0%2c.91.91%2c0%2c0%2c1%2c0%2c1.34Z'/%3e %3c/svg%3e\");\n  --di-chevron-up-bosgroen: url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23275937%3b'%3e %3cpath fill='currentColor' d='M18%2c16a1%2c1%2c0%2c0%2c1-.71-.28l-5.29-5-5.29%2c5a1%2c1%2c0%2c0%2c1-1.42%2c0%2c.93.93%2c0%2c0%2c1%2c0-1.35L12%2c8l6.71%2c6.38a.91.91%2c0%2c0%2c1%2c0%2c1.34A1%2c1%2c0%2c0%2c1%2c18%2c16Z'/%3e %3c/svg%3e\");\n  display: block;\n}\n\n.dso-header {\n  border-bottom: 1px solid #ccc;\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 16px;\n  position: relative;\n}\n@media screen and (min-width: 768px) {\n  .dso-header {\n    align-items: center;\n  }\n}\n@media screen and (max-width: 991px) {\n  .dso-header.use-drop-down {\n    flex-wrap: nowrap;\n  }\n}\n\n.logo-container {\n  display: flex;\n  flex-wrap: wrap;\n  padding-bottom: 16px;\n  padding-top: 16px;\n}\n@media screen and (max-width: 767px) {\n  .logo-container {\n    max-width: 200px;\n  }\n}\n.logo-container + .dropdown dso-dropdown-menu {\n  position: static;\n}\n\n@media screen and (min-width: 768px) {\n  .sub-logo {\n    margin-left: 24px;\n  }\n}\n@media screen and (max-width: 767px) {\n  .sub-logo {\n    flex-basis: 100%;\n  }\n}\n\n.login,\n.logout {\n  margin-right: 16px;\n}\n.login .dso-tertiary,\n.logout .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  font-family: Asap, sans-serif;\n  font-weight: 600;\n  vertical-align: text-bottom;\n}\n.login .dso-tertiary:focus, .login .dso-tertiary:focus-visible,\n.logout .dso-tertiary:focus,\n.logout .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.login .dso-tertiary:active,\n.logout .dso-tertiary:active {\n  outline: 0;\n}\n.login .dso-tertiary.extern::after, .login .dso-tertiary.download::after,\n.logout .dso-tertiary.extern::after,\n.logout .dso-tertiary.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.login .dso-tertiary[disabled],\n.logout .dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.login .dso-tertiary[disabled].dso-spinner-left, .login .dso-tertiary[disabled].dso-spinner-right,\n.logout .dso-tertiary[disabled].dso-spinner-left,\n.logout .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.login .dso-tertiary:not([disabled]):hover,\n.logout .dso-tertiary:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n}\n.login .dso-tertiary:not([disabled]):active,\n.logout .dso-tertiary:not([disabled]):active {\n  color: #676cb0;\n}\n.login .dso-tertiary.btn-align,\n.logout .dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.login .dso-tertiary.extern::after, .login .dso-tertiary.download::after,\n.logout .dso-tertiary.extern::after,\n.logout .dso-tertiary.download::after {\n  position: relative;\n  top: -2px;\n}\n.login .dso-tertiary.download::after,\n.logout .dso-tertiary.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.login .dso-tertiary.download[disabled]::after,\n.logout .dso-tertiary.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.login .dso-tertiary.download:not([disabled]):hover::after, .login .dso-tertiary.download:not([disabled]):active::after,\n.logout .dso-tertiary.download:not([disabled]):hover::after,\n.logout .dso-tertiary.download:not([disabled]):active::after {\n  --dso-icon: var(--di-download-scampi);\n}\n.login .dso-tertiary.extern::after,\n.logout .dso-tertiary.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.login .dso-tertiary.extern[disabled]::after,\n.logout .dso-tertiary.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\n.login .dso-tertiary.extern:not([disabled]):hover::after, .login .dso-tertiary.extern:not([disabled]):active::after,\n.logout .dso-tertiary.extern:not([disabled]):hover::after,\n.logout .dso-tertiary.extern:not([disabled]):active::after {\n  --dso-icon: var(--di-external-link-scampi);\n}\n.login .dso-tertiary.dso-spinner-left::before,\n.logout .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.login .dso-tertiary.dso-spinner-right::after,\n.logout .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.login .dso-tertiary dso-icon + span:not(.sr-only),\n.login .dso-tertiary svg.di + span:not(.sr-only),\n.login .dso-tertiary span:not(.sr-only) + dso-icon,\n.login .dso-tertiary span:not(.sr-only) + svg.di,\n.logout .dso-tertiary dso-icon + span:not(.sr-only),\n.logout .dso-tertiary svg.di + span:not(.sr-only),\n.logout .dso-tertiary span:not(.sr-only) + dso-icon,\n.logout .dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.login .dso-tertiary dso-icon,\n.login .dso-tertiary svg.di,\n.login .dso-tertiary span,\n.logout .dso-tertiary dso-icon,\n.logout .dso-tertiary svg.di,\n.logout .dso-tertiary span {\n  vertical-align: middle;\n}\n\n.profile a,\n.logout a,\n.login a {\n  text-decoration: none;\n  color: #39870c;\n  font-weight: 600;\n}\n.profile a:hover, .profile a:focus,\n.logout a:hover,\n.logout a:focus,\n.login a:hover,\n.login a:focus {\n  text-decoration: none;\n}\n.profile a:active,\n.logout a:active,\n.login a:active {\n  text-decoration: underline;\n}\n\n.dso-header-session {\n  display: flex;\n  margin-left: auto;\n}\n.dso-header-session .profile a {\n  margin-left: 8px;\n}\n.dso-header-session .profile + .logout {\n  border-left: 3px solid #ccc;\n  margin-left: 16px;\n  padding-left: 16px;\n}\n\n.dso-navbar {\n  flex-basis: 100%;\n}\n\ndso-dropdown-menu > .dso-primary::after,\ndso-dropdown-menu > .dso-secondary::after,\ndso-dropdown-menu > .dso-tertiary::after,\ndso-dropdown-menu > .btn::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\ndso-dropdown-menu > .dso-primary::after,\ndso-dropdown-menu > .btn-primary::after {\n  background: var(--dso-icon, var(--di-chevron-down-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\ndso-dropdown-menu > .dso-secondary::after,\ndso-dropdown-menu > .btn-default::after {\n  background: var(--dso-icon, var(--di-chevron-down)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\ndso-dropdown-menu > .dso-secondary:hover::after,\ndso-dropdown-menu > .btn-default:hover::after {\n  --dso-icon: var(--di-chevron-down-wit);\n}\ndso-dropdown-menu > .dso-tertiary::after,\ndso-dropdown-menu > .btn-link::after {\n  background: var(--dso-icon, var(--di-chevron-down)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  position: relative;\n  top: -2px;\n}\ndso-dropdown-menu > .dso-tertiary:hover::after,\ndso-dropdown-menu > .btn-link:hover::after {\n  --dso-icon: var(--di-chevron-down-scampi);\n}\ndso-dropdown-menu .dso-group-label {\n  color: #999;\n  font-size: 0.875em;\n  font-weight: 400;\n  margin: 0;\n  padding: 4px 20px 2px;\n  text-transform: uppercase;\n}\ndso-dropdown-menu ul {\n  margin: 0;\n  padding: 0;\n}\ndso-dropdown-menu ul:not(:last-child) {\n  border-bottom: 1px solid #e5e5e5;\n  margin-bottom: 11px;\n  padding-bottom: 11px;\n}\ndso-dropdown-menu .dso-dropdown-options {\n  background-clip: padding-box;\n  background-color: #fff;\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);\n  font-size: 1rem;\n  margin: 2px 0 0;\n  min-width: 160px;\n  padding: 5px 0;\n  position: absolute;\n  text-align: left;\n  top: 100%;\n  z-index: 220;\n}\ndso-dropdown-menu .dso-dropdown-options li {\n  list-style: none;\n}\ndso-dropdown-menu .dso-dropdown-options li a:visited {\n  color: #191919;\n}\ndso-dropdown-menu .dso-dropdown-options li a,\ndso-dropdown-menu .dso-dropdown-options li button {\n  text-decoration: none;\n  clear: both;\n  color: #191919;\n  display: block;\n  font-weight: 400;\n  line-height: 1.5;\n  padding: 3px 20px;\n  text-decoration: none;\n  white-space: nowrap;\n}\ndso-dropdown-menu .dso-dropdown-options li a:hover, dso-dropdown-menu .dso-dropdown-options li a:focus, dso-dropdown-menu .dso-dropdown-options li a:active,\ndso-dropdown-menu .dso-dropdown-options li button:hover,\ndso-dropdown-menu .dso-dropdown-options li button:focus,\ndso-dropdown-menu .dso-dropdown-options li button:active {\n  text-decoration: underline;\n}\ndso-dropdown-menu .dso-dropdown-options li a:hover, dso-dropdown-menu .dso-dropdown-options li a:focus,\ndso-dropdown-menu .dso-dropdown-options li button:hover,\ndso-dropdown-menu .dso-dropdown-options li button:focus {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  text-decoration: none;\n}\ndso-dropdown-menu .dso-dropdown-options li button {\n  background-color: transparent;\n  border: 0;\n  border-radius: 0;\n  text-align: inherit;\n  width: 100%;\n}\ndso-dropdown-menu[dropdown-align=right] .dso-dropdown-options {\n  right: 0;\n}\ndso-dropdown-menu[open] > .dso-primary::after,\ndso-dropdown-menu[open] > .btn-primary::after {\n  --dso-icon: var(--di-chevron-up-wit);\n}\ndso-dropdown-menu[open] > .dso-secondary::after,\ndso-dropdown-menu[open] > .btn-default::after {\n  --dso-icon: var(--di-chevron-up);\n}\ndso-dropdown-menu[open] > .dso-secondary:hover::after,\ndso-dropdown-menu[open] > .btn-default:hover::after {\n  --dso-icon: var(--di-chevron-up-wit);\n}\ndso-dropdown-menu[open] > .dso-tertiary::after,\ndso-dropdown-menu[open] > .btn-link::after {\n  --dso-icon: var(--di-chevron-up);\n}\ndso-dropdown-menu[open] > .dso-tertiary:hover::after,\ndso-dropdown-menu[open] > .btn-link:hover::after {\n  --dso-icon: var(--di-chevron-up-scampi);\n}\ndso-dropdown-menu[open] button::after {\n  background: var(--dso-icon, var(--di-chevron-up-bosgroen)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 1.2em;\n  vertical-align: top;\n  width: 1.2em;\n}\ndso-dropdown-menu[checkable] .dso-group-label {\n  padding-left: 40px;\n}\ndso-dropdown-menu[checkable] li a,\ndso-dropdown-menu[checkable] li button {\n  padding-left: 40px;\n}\ndso-dropdown-menu[checkable] li.dso-checked a:not(:focus),\ndso-dropdown-menu[checkable] li.dso-checked button:not(:focus) {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\ndso-dropdown-menu[checkable] li.dso-checked a::before,\ndso-dropdown-menu[checkable] li.dso-checked button::before {\n  background: var(--dso-icon, var(--di-check-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  content: \"\";\n  display: block;\n  float: left;\n  margin-left: -32px;\n  margin-right: 8px;\n}\ndso-dropdown-menu button {\n  align-items: flex-end;\n  background-color: transparent;\n  border: 0;\n  display: flex;\n  font-family: Asap, sans-serif;\n  padding-right: 32px;\n}\ndso-dropdown-menu button::after {\n  background: var(--dso-icon, var(--di-chevron-down-bosgroen)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 1.2em;\n  vertical-align: top;\n  width: 1.2em;\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n@media screen and (max-width: 767px) {\n  dso-dropdown-menu {\n    top: 12px;\n  }\n}\ndso-dropdown-menu .dso-dropdown-options {\n  border: 0;\n  border-radius: 0;\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options ul {\n  width: 320px;\n}\n@media screen and (max-width: 991px) {\n  dso-dropdown-menu .dso-dropdown-options dso-dropdown-options ul {\n    width: 100%;\n  }\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options li a {\n  color: #275937;\n  font-size: 1.25rem;\n  padding: 16px;\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options li a:hover {\n  background-color: #fff;\n  color: #275937;\n  text-decoration: underline;\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options li.dso-active a {\n  font-weight: 600;\n}\ndso-dropdown-menu .dso-dropdown-options dso-dropdown-options li + li {\n  border-top: 1px solid #ccc;\n}\n\n.dropdown {\n  margin-left: auto;\n}\n@media screen and (max-width: 767px) {\n  .dropdown dso-dropdown-menu {\n    margin-top: 28px;\n  }\n}\n.dropdown dso-dropdown-menu .dso-dropdown-options {\n  left: 0;\n  right: 0;\n  top: 100%;\n}\n.dropdown dso-dropdown-menu[open] button::after {\n  background: var(--dso-icon, var(--di-chevron-up)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 1.5em;\n  vertical-align: top;\n  width: 1.5em;\n}\n.dropdown dso-dropdown-menu button {\n  color: #39870c;\n  font-size: 1rem;\n  font-weight: 600;\n  position: relative;\n}\n.dropdown dso-dropdown-menu button:hover, .dropdown dso-dropdown-menu button:active {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.dropdown dso-dropdown-menu button::after {\n  background: var(--dso-icon, var(--di-chevron-down)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 1.5em;\n  vertical-align: top;\n  width: 1.5em;\n}\n\n.dso-nav {\n  align-items: end;\n  column-gap: 32px;\n  display: flex;\n  list-style: none;\n  margin-bottom: 0;\n  margin-top: 0;\n  padding-left: 0;\n}\n.dso-nav > li {\n  margin-bottom: 4px;\n}\n.dso-nav > li > a {\n  display: block;\n}\n.dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited {\n  color: #275937;\n}\n.dso-nav > li.dso-active, .dso-nav > li.is-active {\n  margin-bottom: 0;\n}\n.dso-nav > li.dso-active > a, .dso-nav > li.is-active > a {\n  border-bottom: 4px solid #8b4a6a;\n  font-weight: bold;\n}\n.dso-nav.dso-nav-main > li > a {\n  text-decoration: none;\n  font-size: 1.25em;\n  line-height: 1;\n  margin-top: 8px;\n  padding: 16px 0;\n  white-space: nowrap;\n}\n.dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus, .dso-nav.dso-nav-main > li > a:active {\n  text-decoration: underline;\n}\n.dso-nav.dso-nav-main dso-dropdown-menu .dso-dropdown-options {\n  top: calc(100% + 3px);\n}\n.dso-nav.dso-nav-main dso-dropdown-menu button {\n  font-size: 1.25em;\n  line-height: 1;\n  margin-top: 8px;\n  padding: 16px 0;\n  align-items: center;\n  color: #275937;\n  padding-right: 32px;\n}\n.dso-nav.dso-nav-main dso-dropdown-menu button:hover, .dso-nav.dso-nav-main dso-dropdown-menu button:active {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.dso-nav.dso-nav-main dso-dropdown-menu button::after {\n  top: auto;\n  transform: none;\n}\n.dso-nav.dso-nav-sub > li {\n  display: inline-block;\n}\n.dso-nav.dso-nav-sub > li > a {\n  text-decoration: none;\n  font-size: 1rem;\n  margin-top: 4px;\n  padding: 4px 8px 3px;\n}\n.dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus, .dso-nav.dso-nav-sub > li > a:active {\n  text-decoration: underline;\n}\n.dso-nav .menu-user-home {\n  margin-left: auto;\n}\n.dso-nav .menu-user-home dso-icon {\n  height: 1em;\n  margin-right: 8px;\n  position: relative;\n  top: -2px;\n  width: 1.2em;\n}";export{s as dso_header}

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

@@ -0,0 +1 @@
+import{r as c,c as o,h as i}from"./p-c62606a3.js";import{c as t}from"./p-4070c1e5.js";let e=class{constructor(i){c(this,i),this.toggle=o(this,"toggle",7),this.label="Toelichting bij optie"}async setFocus(){var c;null===(c=this.button)||void 0===c||c.focus()}handleToggle(c){this.active=!this.active,this.toggle.emit({originalEvent:c,active:this.active})}render(){return i("button",{type:"button",class:t("btn",{"dso-open":!!this.active,"dso-info-secondary":!!this.secondary}),"aria-expanded":"boolean"==typeof this.active?this.active.toString():void 0,onClick:c=>this.handleToggle(c),ref:c=>this.button=c},i("span",{class:"sr-only"},this.label))}};e.style=":host{display:inline-block;--di-info:url(\"data:image/svg+xml,%3csvg id='info' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M12%2c3a9%2c9%2c0%2c1%2c1-9%2c9%2c9%2c9%2c0%2c0%2c1%2c9-9m0-2A11%2c11%2c0%2c1%2c0%2c23%2c12%2c11%2c11%2c0%2c0%2c0%2c12%2c1Zm0%2c8a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-active:url(\"data:image/svg+xml,%3csvg id='info-active' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M23%2c12A11%2c11%2c0%2c1%2c1%2c12%2c1%2c11%2c11%2c0%2c0%2c1%2c23%2c12ZM12%2c9a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-secondary:url(\"data:image/svg+xml,%3csvg id='info' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23666%3b'%3e %3cpath fill='currentColor' d='M12%2c3a9%2c9%2c0%2c1%2c1-9%2c9%2c9%2c9%2c0%2c0%2c1%2c9-9m0-2A11%2c11%2c0%2c1%2c0%2c23%2c12%2c11%2c11%2c0%2c0%2c0%2c12%2c1Zm0%2c8a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-active-secondary:url(\"data:image/svg+xml,%3csvg id='info-active' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23666%3b'%3e %3cpath fill='currentColor' d='M23%2c12A11%2c11%2c0%2c1%2c1%2c12%2c1%2c11%2c11%2c0%2c0%2c1%2c23%2c12ZM12%2c9a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\")}*,*::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}button{background:var(--dso-icon, var(--di-info)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;border:1px solid transparent;margin-left:8px;padding:0;cursor:pointer}button.dso-open,button:hover,button:active{--dso-icon:var(--di-info-active)}button.dso-info-secondary{--dso-icon:var(--di-info-secondary)}button.dso-info-secondary.dso-open,button.dso-info-secondary:hover,button.dso-info-secondary:active{--dso-icon:var(--di-info-active-secondary)}";export{e as dso_info_button}

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

@@ -0,0 +1 @@
+import{r as n,h as t,F as o}from"./p-c62606a3.js";let e=class{constructor(t){n(this,t),this.label="Hulp nodig",this.visibility="hidden",this.isOpen="close",this.slideState="close",this.loadIframe=!1,this.openClick=()=>{this.visibility="visible",this.slideState="open",setTimeout((()=>{this.isOpen="open"})),this.loadIframe||setTimeout((()=>{this.loadIframe=!0}),500)},this.closeClick=()=>{this.isOpen="close",this.slideState="close",setTimeout((()=>{this.visibility="hidden"}),500)}}render(){return t(o,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":"false","aria-haspopup":"dialog"},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{class:`wrapper ${this.visibility}`},t("div",{class:"dimscreen",onClick:this.closeClick}),t("div",{class:`iframe-container ${this.slideState}`,"aria-live":"polite"},this.loadIframe?t("iframe",{src:this.url}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":"true"},t("span",{class:"sr-only"},"sluiten"))))}};e.style=":host {\n  display: block;\n  --di-times: url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\");\n  --di-times-wit: url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\");\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.wrapper {\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n}\n.wrapper.visible {\n  visibility: visible;\n}\n\n.dimscreen {\n  background-color: #000;\n  height: 100%;\n  opacity: 0.4;\n  width: 100%;\n}\n\n.open-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  bottom: 16px;\n  font-family: Asap, sans-serif;\n  position: fixed;\n  right: 16px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.open-button:focus, .open-button:focus-visible {\n  outline-offset: 2px;\n}\n.open-button:active {\n  outline: 0;\n}\n.open-button.extern::after, .open-button.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.open-button:focus, .open-button:focus-visible {\n  outline-offset: 2px;\n}\n.open-button:active {\n  outline: 0;\n}\n.open-button.extern::after, .open-button.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.open-button:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open-button:active {\n  background-color: #15301e;\n  border-color: #15301e;\n  color: #fff;\n}\n.open-button[disabled], .open-button[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\n.open-button.btn-sm {\n  line-height: 1rem;\n}\n.open-button.btn-sm dso-icon,\n.open-button.btn-sm svg.di, .open-button.btn-sm.extern::after, .open-button.btn-sm.download::after, .open-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open-button.download::after {\n  background: var(--dso-icon, var(--di-download-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.open-button.extern::after {\n  background: var(--dso-icon, var(--di-external-link-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.open-button dso-icon,\n.open-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.open-button span + dso-icon,\n.open-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.open-button.dso-spinner-left[disabled], .open-button.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open-button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open-button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open-button:hover {\n  cursor: pointer;\n}\n.open-button.open {\n  display: none;\n}\n\n.close-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border-right: 0;\n  border-top: 0;\n  border-radius: 0 0 0 8px;\n  height: 40px;\n  min-width: 40px;\n  padding: 0;\n  position: fixed;\n  right: 0;\n  width: 40px;\n  top: 0;\n}\n.close-button:focus, .close-button:focus-visible {\n  outline-offset: 2px;\n}\n.close-button:active {\n  outline: 0;\n}\n.close-button.extern::after, .close-button.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.close-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close-button[disabled], .close-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close-button.btn-sm {\n  line-height: 1rem;\n}\n.close-button.btn-sm dso-icon,\n.close-button.btn-sm svg.di, .close-button.btn-sm.extern::after, .close-button.btn-sm.download::after, .close-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.close-button.download:hover::after {\n  --dso-icon: var(--di-download-wit);\n}\n.close-button.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.close-button.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.close-button.extern:hover::after {\n  --dso-icon: var(--di-external-link-wit);\n}\n.close-button.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\n.close-button dso-icon,\n.close-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.close-button span + dso-icon,\n.close-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.close-button.dso-spinner-left[disabled], .close-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close-button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button::before {\n  background: var(--dso-icon, var(--di-times)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  content: \"\";\n  display: inline-block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.close-button:hover, .close-button:active, .close-button:focus {\n  cursor: pointer;\n}\n.close-button:hover::before, .close-button:active::before, .close-button:focus::before {\n  background: var(--dso-icon, var(--di-times-wit)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.close-button.close {\n  display: none;\n}\n\n.iframe-container {\n  background-color: #fff;\n  border: 0;\n  border-left: 1px solid #ccc;\n  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\n  height: 100%;\n  position: absolute;\n  right: -640px;\n  top: 0;\n  transition: right 0.5s;\n  width: 640px;\n}\n.iframe-container.open {\n  right: 0;\n}\n\niframe {\n  border: 0;\n  height: 100%;\n  width: 100%;\n}";export{e as dso_helpcenter_panel}

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-1602fde1.js';
 import { c as clsx } from './clsx.m-071989db.js';
 
-const alertCss = "@media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}:host{display:block;--di-status-success:url(\"data:image/svg+xml,%3csvg id='status-success' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e %3cg%3e %3ccircle cx='12' cy='12' r='11' style='fill: %2339870c'/%3e %3cpath d='M12%2c1A11%2c11%2c0%2c1%2c1%2c1%2c12%2c11%2c11%2c0%2c0%2c1%2c12%2c1m0-1A12%2c12%2c0%2c1%2c0%2c24%2c12%2c12%2c12%2c0%2c0%2c0%2c12%2c0Z' style='fill: white'/%3e %3c/g%3e %3cpath d='M10.11%2c18%2c5.29%2c13.31A.92.92%2c0%2c0%2c1%2c5.3%2c12a1%2c1%2c0%2c0%2c1%2c1.41%2c0l3.4%2c3.3%2c7.18-7a1%2c1%2c0%2c0%2c1%2c1.41%2c0%2c.92.92%2c0%2c0%2c1%2c0%2c1.35Z' style='fill: white'/%3e %3c/svg%3e\");--di-status-danger:url(\"data:image/svg+xml,%3csvg id='status-danger-line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e %3cg%3e %3cpath d='M22.6%2c18.51c.86%2c1.37.29%2c2.49-1.25%2c2.49H2.65C1.11%2c21%2c.54%2c19.88%2c1.4%2c18.51L10.44%2c4a1.7%2c1.7%2c0%2c0%2c1%2c3.12%2c0Z' style='fill: %23ce3f51'/%3e %3cpath d='M12%2c3a1.9%2c1.9%2c0%2c0%2c1%2c1.56%2c1l9%2c14.48c.86%2c1.37.29%2c2.49-1.25%2c2.49H2.65C1.11%2c21%2c.54%2c19.88%2c1.4%2c18.51L10.44%2c4A1.9%2c1.9%2c0%2c0%2c1%2c12%2c3m0-1A2.89%2c2.89%2c0%2c0%2c0%2c9.6%2c3.5L.55%2c18a2.75%2c2.75%2c0%2c0%2c0-.28%2c2.81A2.59%2c2.59%2c0%2c0%2c0%2c2.65%2c22h18.7a2.59%2c2.59%2c0%2c0%2c0%2c2.38-1.21A2.75%2c2.75%2c0%2c0%2c0%2c23.45%2c18L14.4%2c3.5A2.89%2c2.89%2c0%2c0%2c0%2c12%2c2Z' style='fill: white'/%3e %3c/g%3e %3cpath d='M12%2c16a1%2c1%2c0%2c0%2c1-1-.91V8.91a1%2c1%2c0%2c0%2c1%2c2%2c0v6.18A1%2c1%2c0%2c0%2c1%2c12%2c16Zm0%2c1a1%2c1%2c0%2c1%2c0%2c1%2c1A1%2c1%2c0%2c0%2c0%2c12%2c17Z' style='fill: white'/%3e %3c/svg%3e\");--di-status-warning:url(\"data:image/svg+xml,%3csvg id='status-warning' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e %3cg%3e %3cpath d='M22.6%2c18.51c.86%2c1.37.29%2c2.49-1.25%2c2.49H2.65C1.11%2c21%2c.54%2c19.88%2c1.4%2c18.51L10.44%2c4a1.7%2c1.7%2c0%2c0%2c1%2c3.12%2c0Z' style='fill: %23dcd400'/%3e %3cpath d='M12%2c3a1.9%2c1.9%2c0%2c0%2c1%2c1.56%2c1l9%2c14.48c.86%2c1.37.29%2c2.49-1.25%2c2.49H2.65C1.11%2c21%2c.54%2c19.88%2c1.4%2c18.51L10.44%2c4A1.9%2c1.9%2c0%2c0%2c1%2c12%2c3m0-1A2.89%2c2.89%2c0%2c0%2c0%2c9.6%2c3.5L.55%2c18a2.75%2c2.75%2c0%2c0%2c0-.28%2c2.81A2.59%2c2.59%2c0%2c0%2c0%2c2.65%2c22h18.7a2.59%2c2.59%2c0%2c0%2c0%2c2.38-1.21A2.75%2c2.75%2c0%2c0%2c0%2c23.45%2c18L14.4%2c3.5A2.89%2c2.89%2c0%2c0%2c0%2c12%2c2Z' style='fill: white'/%3e %3c/g%3e %3cpath d='M11.73%2c15.85a1%2c1%2c0%2c0%2c1-1-.91V8.76a1%2c1%2c0%2c0%2c1%2c2%2c0v6.18A1%2c1%2c0%2c0%2c1%2c11.73%2c15.85Zm0%2c1a1%2c1%2c0%2c1%2c0%2c1%2c1A1%2c1%2c0%2c0%2c0%2c11.73%2c16.85Z'/%3e %3c/svg%3e\");--di-status-info:url(\"data:image/svg+xml,%3csvg id='status-info' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e %3cg%3e %3ccircle cx='12' cy='12' r='11' style='fill: %232b5780'/%3e %3cpath d='M12%2c1A11%2c11%2c0%2c1%2c1%2c1%2c12%2c11%2c11%2c0%2c0%2c1%2c12%2c1m0-1A12%2c12%2c0%2c1%2c0%2c24%2c12%2c12%2c12%2c0%2c0%2c0%2c12%2c0Z' style='fill: white'/%3e %3c/g%3e %3cpath d='M11%2c8a1%2c1%2c0%2c1%2c1%2c1%2c1A1%2c1%2c0%2c0%2c1%2c11%2c8Zm2%2c8.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z' style='fill: white'/%3e %3c/svg%3e\");--di-download-grijs90:url(\"data:image/svg+xml,%3csvg id='download' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M18.72%2c10.44%2c12%2c17l-6.7-6.52C4.8%2c10%2c5%2c9.63%2c5.63%2c9.63H8.5V1.82A.8.8%2c0%2c0%2c1%2c9.28%2c1h5.44a.8.8%2c0%2c0%2c1%2c.78.82V9.61h2.87C19%2c9.6%2c19.2%2c10%2c18.72%2c10.44ZM1%2c17v6H23V17Zm16%2c3a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c17%2c20Zm5%2c0a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c22%2c20Z'/%3e %3c/svg%3e\");--di-external-link-grijs90:url(\"data:image/svg+xml,%3csvg id='external-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M19%2c6V9.69c0%2c.33-.2.41-.43.17L17.06%2c8.35l-3.35%2c3.36a1%2c1%2c0%2c0%2c1-1.42%2c0%2c1%2c1%2c0%2c0%2c1%2c0-1.42l3.36-3.35L14.14%2c5.43C13.9%2c5.19%2c14%2c5%2c14.31%2c5H19V6ZM18%2c17V13a1%2c1%2c0%2c0%2c0-2%2c0v4a1%2c1%2c0%2c0%2c1-1%2c1H7a1%2c1%2c0%2c0%2c1-1-1V9A1%2c1%2c0%2c0%2c1%2c7%2c8h4a1%2c1%2c0%2c0%2c0%2c0-2H7A3%2c3%2c0%2c0%2c0%2c4%2c9v8a3%2c3%2c0%2c0%2c0%2c3%2c3h8A3%2c3%2c0%2c0%2c0%2c18%2c17Z'/%3e %3c/svg%3e\")}:host(:not(:first-child)){margin-top:24px}*,*::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}.alert{border:1px solid transparent;line-height:24px;margin-bottom:24px;min-height:64px;position:relative}.alert:not(:first-child){margin-top:24px}.alert::before{content:\"\";left:15px;position:absolute;top:15px}.alert.alert-success{color:#191919;background-color:#e4f1d4;border-color:#e4f1d4}.alert.alert-success::before{background:var(--dso-icon, var(--di-status-success)) no-repeat;background-position:center;background-size:cover;height:32px;vertical-align:top;width:32px}.alert.alert-danger{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}.alert.alert-danger::before{background:var(--dso-icon, var(--di-status-danger)) no-repeat;background-position:center;background-size:cover;height:32px;vertical-align:top;width:32px}.alert.alert-warning{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}.alert.alert-warning::before{background:var(--dso-icon, var(--di-status-warning)) no-repeat;background-position:center;background-size:cover;height:32px;vertical-align:top;width:32px}.alert.alert-info{color:#191919;background-color:#e1ecf7;border-color:#e1ecf7}.alert.alert-info::before{background:var(--dso-icon, var(--di-status-info)) no-repeat;background-position:center;background-size:cover;height:32px;vertical-align:top;width:32px}";
+const alertCss = "@media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}:host{display:block;--di-status-success:url(\"data:image/svg+xml,%3csvg id='status-success' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e %3cg%3e %3ccircle cx='12' cy='12' r='11' fill='%2339870c'/%3e %3cpath d='M12%2c1A11%2c11%2c0%2c1%2c1%2c1%2c12%2c11%2c11%2c0%2c0%2c1%2c12%2c1m0-1A12%2c12%2c0%2c1%2c0%2c24%2c12%2c12%2c12%2c0%2c0%2c0%2c12%2c0Z' fill='white'/%3e %3c/g%3e %3cpath d='M10.11%2c18%2c5.29%2c13.31A.92.92%2c0%2c0%2c1%2c5.3%2c12a1%2c1%2c0%2c0%2c1%2c1.41%2c0l3.4%2c3.3%2c7.18-7a1%2c1%2c0%2c0%2c1%2c1.41%2c0%2c.92.92%2c0%2c0%2c1%2c0%2c1.35Z' fill='white'/%3e %3c/svg%3e\");--di-status-danger:url(\"data:image/svg+xml,%3csvg id='status-danger-line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e %3cg%3e %3cpath d='M22.6%2c18.51c.86%2c1.37.29%2c2.49-1.25%2c2.49H2.65C1.11%2c21%2c.54%2c19.88%2c1.4%2c18.51L10.44%2c4a1.7%2c1.7%2c0%2c0%2c1%2c3.12%2c0Z' fill='%23ce3f51'/%3e %3cpath d='M12%2c3a1.9%2c1.9%2c0%2c0%2c1%2c1.56%2c1l9%2c14.48c.86%2c1.37.29%2c2.49-1.25%2c2.49H2.65C1.11%2c21%2c.54%2c19.88%2c1.4%2c18.51L10.44%2c4A1.9%2c1.9%2c0%2c0%2c1%2c12%2c3m0-1A2.89%2c2.89%2c0%2c0%2c0%2c9.6%2c3.5L.55%2c18a2.75%2c2.75%2c0%2c0%2c0-.28%2c2.81A2.59%2c2.59%2c0%2c0%2c0%2c2.65%2c22h18.7a2.59%2c2.59%2c0%2c0%2c0%2c2.38-1.21A2.75%2c2.75%2c0%2c0%2c0%2c23.45%2c18L14.4%2c3.5A2.89%2c2.89%2c0%2c0%2c0%2c12%2c2Z' fill='white'/%3e %3c/g%3e %3cpath d='M12%2c16a1%2c1%2c0%2c0%2c1-1-.91V8.91a1%2c1%2c0%2c0%2c1%2c2%2c0v6.18A1%2c1%2c0%2c0%2c1%2c12%2c16Zm0%2c1a1%2c1%2c0%2c1%2c0%2c1%2c1A1%2c1%2c0%2c0%2c0%2c12%2c17Z' fill='white'/%3e %3c/svg%3e\");--di-status-warning:url(\"data:image/svg+xml,%3csvg id='status-warning' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e %3cg%3e %3cpath d='M22.6%2c18.51c.86%2c1.37.29%2c2.49-1.25%2c2.49H2.65C1.11%2c21%2c.54%2c19.88%2c1.4%2c18.51L10.44%2c4a1.7%2c1.7%2c0%2c0%2c1%2c3.12%2c0Z' fill='%23dcd400'/%3e %3cpath d='M12%2c3a1.9%2c1.9%2c0%2c0%2c1%2c1.56%2c1l9%2c14.48c.86%2c1.37.29%2c2.49-1.25%2c2.49H2.65C1.11%2c21%2c.54%2c19.88%2c1.4%2c18.51L10.44%2c4A1.9%2c1.9%2c0%2c0%2c1%2c12%2c3m0-1A2.89%2c2.89%2c0%2c0%2c0%2c9.6%2c3.5L.55%2c18a2.75%2c2.75%2c0%2c0%2c0-.28%2c2.81A2.59%2c2.59%2c0%2c0%2c0%2c2.65%2c22h18.7a2.59%2c2.59%2c0%2c0%2c0%2c2.38-1.21A2.75%2c2.75%2c0%2c0%2c0%2c23.45%2c18L14.4%2c3.5A2.89%2c2.89%2c0%2c0%2c0%2c12%2c2Z' fill='white'/%3e %3c/g%3e %3cpath d='M11.73%2c15.85a1%2c1%2c0%2c0%2c1-1-.91V8.76a1%2c1%2c0%2c0%2c1%2c2%2c0v6.18A1%2c1%2c0%2c0%2c1%2c11.73%2c15.85Zm0%2c1a1%2c1%2c0%2c1%2c0%2c1%2c1A1%2c1%2c0%2c0%2c0%2c11.73%2c16.85Z'/%3e %3c/svg%3e\");--di-status-info:url(\"data:image/svg+xml,%3csvg id='status-info' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e %3cg%3e %3ccircle cx='12' cy='12' r='11' fill='%232b5780'/%3e %3cpath d='M12%2c1A11%2c11%2c0%2c1%2c1%2c1%2c12%2c11%2c11%2c0%2c0%2c1%2c12%2c1m0-1A12%2c12%2c0%2c1%2c0%2c24%2c12%2c12%2c12%2c0%2c0%2c0%2c12%2c0Z' fill='white'/%3e %3c/g%3e %3cpath d='M11%2c8a1%2c1%2c0%2c1%2c1%2c1%2c1A1%2c1%2c0%2c0%2c1%2c11%2c8Zm2%2c8.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z' fill='white'/%3e %3c/svg%3e\");--di-download-grijs90:url(\"data:image/svg+xml,%3csvg id='download' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M18.72%2c10.44%2c12%2c17l-6.7-6.52C4.8%2c10%2c5%2c9.63%2c5.63%2c9.63H8.5V1.82A.8.8%2c0%2c0%2c1%2c9.28%2c1h5.44a.8.8%2c0%2c0%2c1%2c.78.82V9.61h2.87C19%2c9.6%2c19.2%2c10%2c18.72%2c10.44ZM1%2c17v6H23V17Zm16%2c3a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c17%2c20Zm5%2c0a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c22%2c20Z'/%3e %3c/svg%3e\");--di-external-link-grijs90:url(\"data:image/svg+xml,%3csvg id='external-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M19%2c6V9.69c0%2c.33-.2.41-.43.17L17.06%2c8.35l-3.35%2c3.36a1%2c1%2c0%2c0%2c1-1.42%2c0%2c1%2c1%2c0%2c0%2c1%2c0-1.42l3.36-3.35L14.14%2c5.43C13.9%2c5.19%2c14%2c5%2c14.31%2c5H19V6ZM18%2c17V13a1%2c1%2c0%2c0%2c0-2%2c0v4a1%2c1%2c0%2c0%2c1-1%2c1H7a1%2c1%2c0%2c0%2c1-1-1V9A1%2c1%2c0%2c0%2c1%2c7%2c8h4a1%2c1%2c0%2c0%2c0%2c0-2H7A3%2c3%2c0%2c0%2c0%2c4%2c9v8a3%2c3%2c0%2c0%2c0%2c3%2c3h8A3%2c3%2c0%2c0%2c0%2c18%2c17Z'/%3e %3c/svg%3e\")}:host(:not(:first-child)){margin-top:24px}*,*::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}.alert{border:1px solid transparent;line-height:1.5;margin-bottom:24px;min-height:64px;position:relative}.alert:not(:first-child){margin-top:24px}.alert::before{content:\"\";left:15px;position:absolute;top:15px}.alert.alert-success{color:#191919;background-color:#e4f1d4;border-color:#e4f1d4}.alert.alert-success::before{background:var(--dso-icon, var(--di-status-success)) no-repeat;background-position:center;background-size:cover;height:32px;vertical-align:top;width:32px}.alert.alert-danger{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}.alert.alert-danger::before{background:var(--dso-icon, var(--di-status-danger)) no-repeat;background-position:center;background-size:cover;height:32px;vertical-align:top;width:32px}.alert.alert-warning{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}.alert.alert-warning::before{background:var(--dso-icon, var(--di-status-warning)) no-repeat;background-position:center;background-size:cover;height:32px;vertical-align:top;width:32px}.alert.alert-info{color:#191919;background-color:#e1ecf7;border-color:#e1ecf7}.alert.alert-info::before{background:var(--dso-icon, var(--di-status-info)) no-repeat;background-position:center;background-size:cover;height:32px;vertical-align:top;width:32px}";
 
 let Alert = class {
   constructor(hostRef) {