@dso-toolkit/core 50.0.0 → 51.0.0

package/dist/components/dso-accordion.js

@@ -199,6 +199,7 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.dsoToggleSection = createEvent(this, "dsoToggleSection", 7);
+    this.dsoToggleSectionAnimationEnd = createEvent(this, "dsoToggleSectionAnimationEnd", 7);
     this.variant = "default";
     this.reverseAlign = false;
     this.allowMultipleOpen = false;
@@ -217,8 +218,6 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   updateAllowMultipleOpen(allowMultipleOpen) {
     this.accordionState.allowMultipleOpen = allowMultipleOpen;
-  }
-  watchAllowMultiple(allowMultipleOpen) {
     if (!allowMultipleOpen) {
       const openSections = Array.from(this.host.querySelectorAll(":scope > dso-accordion-section[open]"));
       // By removing the first section, it is kept open;
@@ -257,6 +256,14 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.emitToggleEvent(sectionElement, sections, event);
     return true;
   }
+  async animationEnd(sectionElement) {
+    this.dsoToggleSectionAnimationEnd.emit({
+      section: {
+        element: sectionElement,
+        open: this.isSectionOpen(sectionElement),
+      },
+    });
+  }
   /** Closes all sections belonging to this accordion. */
   async closeOpenSections() {
     const sections = Array.from(this.host.querySelectorAll(":scope > dso-accordion-section"));
@@ -305,7 +312,7 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get watchers() { return {
     "variant": ["updateVariant"],
     "reverseAlign": ["updateReverseAlign"],
-    "allowMultipleOpen": ["updateAllowMultipleOpen", "watchAllowMultiple"]
+    "allowMultipleOpen": ["updateAllowMultipleOpen"]
   }; }
   static get style() { return accordionCss; }
 }, [1, "dso-accordion", {
@@ -314,6 +321,7 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "allowMultipleOpen": [516, "allow-multiple-open"],
     "getState": [64],
     "toggleSection": [64],
+    "animationEnd": [64],
     "closeOpenSections": [64]
   }]);
 function defineCustomElement$1() {

package/dist/components/dso-card.js

@@ -1,6 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { i as isModifiedEvent } from './is-modified-event.js';
 
+const isInteractiveElement = (element) => {
+  return (element instanceof HTMLButtonElement ||
+    element instanceof HTMLAnchorElement ||
+    element instanceof HTMLInputElement ||
+    element.tagName.startsWith("DSO-TOGGLETIP"));
+};
+
 const cardCss = ":host .dso-card-selectable,:host .dso-card-image{grid-row:span 2}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host .dso-card-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}@media screen and (max-width: 480px){:host .dso-card-heading{flex-wrap:wrap}}:host .dso-card-image{margin-right:8px}";
 
 const Card = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -18,10 +25,7 @@ const Card = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     let element = e.target;
     while (element !== this.host && element !== null) {
-      if (element instanceof HTMLButtonElement ||
-        element instanceof HTMLAnchorElement ||
-        element instanceof HTMLInputElement ||
-        element === null) {
+      if (isInteractiveElement(element) || element === null) {
         return;
       }
       if (element.parentNode instanceof ShadowRoot && element.parentNode.host instanceof HTMLElement) {

package/dist/components/dso-list-button.js

@@ -3,7 +3,7 @@ import { c as createFocusTrap } from './focus-trap.esm.js';
 import { c as clsx } from './clsx.m.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
-const listButtonCss = "*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-manual-input-button {\n  cursor: text;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  cursor: pointer;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #676cb0;\n}\n.dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n\n.dso-input-number:not(.form-group) {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n}\n.dso-input-number label {\n  width: 100%;\n}\n.dso-input-number .dso-input-step-counter {\n  align-self: center;\n  background-color: transparent;\n  border: 0;\n  display: inline-block;\n  height: 1.5rem;\n  text-align: center;\n  width: 1.5rem;\n}\n.dso-input-number .dso-input-step-counter:focus, .dso-input-number .dso-input-step-counter:active {\n  outline: 0;\n}\n.dso-input-number .dso-input-step-counter::-webkit-outer-spin-button, .dso-input-number .dso-input-step-counter::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.dso-input-number .dso-input-step-counter[type=number] {\n  -moz-appearance: textfield;\n}\n\n.dso-btn-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-btn-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n  pointer-events: none;\n}\n.dso-btn-group > * {\n  border-radius: 0;\n}\n.dso-btn-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-btn-group > *:not(:first-child) {\n  border-left-style: none !important;\n}\n.dso-btn-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-btn-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-btn-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding: 0 16px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-btn-group > *:hover + .dso-input-number,\n.dso-btn-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n  border-width: 1px;\n  outline: 1px solid #39870c;\n}\n.dso-btn-group > *:active + .dso-input-number, .dso-btn-group > *:active + .dso-input-number:hover,\n.dso-btn-group > *.active + .dso-input-number,\n.dso-btn-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.disabled + .dso-input-number, .dso-btn-group > *.disabled + .dso-input-number:hover,\n.dso-btn-group > *[disabled] + .dso-input-number,\n.dso-btn-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-btn-group .dso-list-button {\n  padding-right: 15px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group {\n    flex-direction: column;\n  }\n  .dso-btn-group > *:first-child {\n    border-radius: 4px 4px 0 0;\n  }\n  .dso-btn-group > *:not(:first-child) {\n    border-left-style: solid !important;\n    border-top-style: none !important;\n  }\n  .dso-btn-group > *:last-child {\n    border-radius: 0 0 4px 4px;\n  }\n  .dso-btn-group > *:only-child {\n    border-radius: 4px;\n  }\n}\n\n.dso-selectable {\n  position: relative;\n  padding: 0 0 0 32px;\n}\n.dso-selectable .dso-selectable-options {\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 0;\n}\n.dso-selectable .dso-selectable-options li + li {\n  margin-top: 8px;\n}\n.dso-selectable label {\n  font-weight: 400;\n  line-height: 24px;\n  margin: 0;\n}\n.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,\n.dso-selectable input[type=radio][disabled] + label::before,\n.dso-selectable input[type=radio][disabled]:active + label::before,\n.dso-selectable input[type=radio][disabled]:focus + label::before {\n  background-color: #fff;\n  box-shadow: 0 0 0 2px #e5e5e5;\n}\n.dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n  height: 24px;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  width: 24px;\n  z-index: 100;\n  zoom: 1;\n}\n@media (prefers-contrast: more) {\n  .dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n    opacity: 1;\n  }\n}\n.dso-selectable input[type=checkbox]:not([disabled]),\n.dso-selectable input[type=radio]:not([disabled]) {\n  cursor: pointer;\n}\n.dso-selectable input[type=checkbox] + label,\n.dso-selectable input[type=radio] + label {\n  display: inline;\n  font-style: normal;\n  padding-left: 0;\n}\n.dso-selectable input[type=checkbox] + label::before,\n.dso-selectable input[type=radio] + label::before {\n  background: #fff;\n  border: 0;\n  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);\n  content: \"\";\n  height: 20px;\n  left: 2px;\n  position: absolute;\n  top: 2px;\n  width: 20px;\n}\n.dso-selectable input[type=checkbox]:focus,\n.dso-selectable input[type=radio]:focus {\n  outline: 0;\n}\n.dso-selectable input[type=checkbox]:focus + label::before,\n.dso-selectable input[type=radio]:focus + label::before {\n  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);\n  height: 18px;\n  left: 3px;\n  top: 3px;\n  width: 18px;\n}\n.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,\n.dso-selectable input[type=radio]:active + label::before,\n.dso-selectable input[type=radio].active + label::before {\n  background-color: #ebf3e6;\n  box-shadow: 0 0 0 1px #275937;\n  height: 22px;\n  left: 1px;\n  top: 1px;\n  width: 22px;\n}\n.dso-selectable input[type=checkbox] + label::before {\n  border-radius: 4px;\n}\n.dso-selectable input[type=checkbox] + label::after {\n  background: transparent;\n  content: \"\";\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  zoom: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {\n  opacity: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after {\n  border: solid;\n  border-color: var(--dso-selectable-color, #39870c);\n  border-top-color: transparent;\n  border-width: 0 0 3px 3px;\n  height: 8px;\n  transform: rotate(-45deg);\n  width: 13px;\n}\n.dso-selectable input[type=checkbox]:indeterminate + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  height: 12px;\n  width: 12px;\n}\n.dso-selectable input[type=radio] + label::before {\n  border-radius: 50%;\n}\n.dso-selectable input[type=radio] + label::after {\n  background-color: transparent;\n  border-radius: 50%;\n  content: \"\";\n  height: 12px;\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  width: 12px;\n  zoom: 1;\n}\n.dso-selectable input[type=radio]:checked + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  opacity: 1;\n}\n.dso-selectable > dso-info {\n  float: none;\n  margin: 8px 16px 0 -32px;\n  width: calc(100% + 32px);\n}\n.dso-selectable label {\n  font-weight: 700;\n}\n\n.dso-list-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: #ccc;\n  color: #191919;\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding: 15px 47px 15px 15px;\n  position: relative;\n  text-align: left;\n  white-space: normal;\n  width: 100%;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  outline: 1px solid #39870c;\n}\n.dso-list-button.dso-selected.dso-single-count {\n  position: relative;\n}\n.dso-list-button.dso-selected.dso-single-count::after {\n  background-color: #fff;\n  bottom: 0;\n  content: \"\";\n  display: inline-block;\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 2px;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel {\n  font-weight: 400;\n  width: 100%;\n}\n.dso-list-button .dso-subcontent {\n  color: #666;\n  font-weight: 400;\n  padding: 16px 0 0 16px;\n}\n.dso-list-button .dso-subcontent mark {\n  background-color: transparent;\n  color: #666;\n  font-weight: 700;\n  padding: 0;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di,\n.dso-list-button .dso-count {\n  height: 24px;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n  width: 24px;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di {\n  color: #39870c;\n  page-break-before: always;\n}\n.dso-list-button .dso-count {\n  font-weight: 700;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    width: 0;\n  }\n}\n.dso-list-button .dso-sublabel {\n  padding-left: 32px;\n}\n.dso-list-button .dso-subcontent {\n  padding-left: 48px;\n  padding-top: 8px;\n}\n\n.dso-list-button + .dso-list-button,\n.dso-list-button + .dso-btn-group,\n.dso-btn-group + .dso-list-button,\n.dso-btn-group + .dso-btn-group {\n  margin-top: 4px;\n}\n\n.dso-input-wrapper {\n  position: relative;\n}\n.dso-input-wrapper .form-control {\n  width: 9ch;\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: 40px;\n  padding: 6px 14px;\n  font-size: 1rem;\n  line-height: 1.5;\n  color: #191919;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #275937;\n  border-radius: 4px;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n.form-control::-moz-placeholder {\n  color: #666;\n  opacity: 1;\n}\n.form-control:-ms-input-placeholder {\n  color: #666;\n}\n.form-control::-webkit-input-placeholder {\n  color: #666;\n}\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n.form-control:focus {\n  border-color: #275937;\n  outline: 0;\n  box-shadow: inset 0 0 0 1px #275937;\n}\n.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\n  background-color: #fff;\n  opacity: 1;\n}\n.form-control[disabled], fieldset[disabled] .form-control {\n  cursor: default;\n}\n.form-control[disabled] {\n  border-color: #e5e5e5;\n  color: #999;\n}\n.form-control[readonly] {\n  border-width: 1px;\n}\n.form-control[type=text] {\n  line-height: 40px;\n}\n.form-control[size] {\n  width: auto;\n}\n\n.dso-manual-input-button[type=button] {\n  background-color: transparent;\n  border: 0;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.hidden {\n  display: none !important;\n}";
+const listButtonCss = "*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-manual-input-button {\n  cursor: text;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  cursor: pointer;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #676cb0;\n}\n.dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n\n.dso-input-number:not(.form-group) {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n}\n.dso-input-number label {\n  width: 100%;\n}\n.dso-input-number .dso-input-step-counter {\n  align-self: center;\n  background-color: transparent;\n  border: 0;\n  display: inline-block;\n  height: 1.5rem;\n  text-align: center;\n  width: 1.5rem;\n}\n.dso-input-number .dso-input-step-counter:focus, .dso-input-number .dso-input-step-counter:active {\n  outline: 0;\n}\n.dso-input-number .dso-input-step-counter::-webkit-outer-spin-button, .dso-input-number .dso-input-step-counter::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.dso-input-number .dso-input-step-counter[type=number] {\n  -moz-appearance: textfield;\n}\n\n.dso-btn-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-btn-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n  pointer-events: none;\n}\n.dso-btn-group > * {\n  border-radius: 0;\n}\n.dso-btn-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-btn-group > *:not(:first-child) {\n  border-left-style: none !important;\n}\n.dso-btn-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-btn-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-btn-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding: 0 16px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-btn-group > *:hover + .dso-input-number,\n.dso-btn-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > *.dso-selected + .dso-input-number {\n    box-shadow: inset 0 -1px 0 0 #39870c, inset 0 0 0 0 #39870c, inset -1px 0 0 0 #39870c, inset 1px 0 0 0 #39870c;\n  }\n}\n@media screen and (min-width: 768px) {\n  .dso-btn-group > *.dso-selected + .dso-input-number {\n    box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;\n  }\n}\n.dso-btn-group > *:active + .dso-input-number, .dso-btn-group > *:active + .dso-input-number:hover,\n.dso-btn-group > *.active + .dso-input-number,\n.dso-btn-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.disabled + .dso-input-number, .dso-btn-group > *.disabled + .dso-input-number:hover,\n.dso-btn-group > *[disabled] + .dso-input-number,\n.dso-btn-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-btn-group .dso-list-button {\n  padding-right: 15px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group {\n    flex-direction: column;\n  }\n  .dso-btn-group > *:first-child {\n    border-radius: 4px 4px 0 0;\n  }\n  .dso-btn-group > *:not(:first-child) {\n    border-left-style: solid !important;\n    border-top-style: none !important;\n  }\n  .dso-btn-group > *:last-child {\n    border-radius: 0 0 4px 4px;\n  }\n  .dso-btn-group > *:only-child {\n    border-radius: 4px;\n  }\n}\n\n.dso-selectable {\n  position: relative;\n  padding: 0 0 0 32px;\n}\n.dso-selectable .dso-selectable-options {\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 0;\n}\n.dso-selectable .dso-selectable-options li + li {\n  margin-top: 8px;\n}\n.dso-selectable label {\n  font-weight: 400;\n  line-height: 24px;\n  margin: 0;\n}\n.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,\n.dso-selectable input[type=radio][disabled] + label::before,\n.dso-selectable input[type=radio][disabled]:active + label::before,\n.dso-selectable input[type=radio][disabled]:focus + label::before {\n  background-color: #fff;\n  box-shadow: 0 0 0 2px #e5e5e5;\n}\n.dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n  height: 24px;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  width: 24px;\n  z-index: 100;\n  zoom: 1;\n}\n@media (prefers-contrast: more) {\n  .dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n    opacity: 1;\n  }\n}\n.dso-selectable input[type=checkbox]:not([disabled]),\n.dso-selectable input[type=radio]:not([disabled]) {\n  cursor: pointer;\n}\n.dso-selectable input[type=checkbox] + label,\n.dso-selectable input[type=radio] + label {\n  display: inline;\n  font-style: normal;\n  padding-left: 0;\n}\n.dso-selectable input[type=checkbox] + label::before,\n.dso-selectable input[type=radio] + label::before {\n  background: #fff;\n  border: 0;\n  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);\n  content: \"\";\n  height: 20px;\n  left: 2px;\n  position: absolute;\n  top: 2px;\n  width: 20px;\n}\n.dso-selectable input[type=checkbox]:focus,\n.dso-selectable input[type=radio]:focus {\n  outline: 0;\n}\n.dso-selectable input[type=checkbox]:focus + label::before,\n.dso-selectable input[type=radio]:focus + label::before {\n  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);\n  height: 18px;\n  left: 3px;\n  top: 3px;\n  width: 18px;\n}\n.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,\n.dso-selectable input[type=radio]:active + label::before,\n.dso-selectable input[type=radio].active + label::before {\n  background-color: #ebf3e6;\n  box-shadow: 0 0 0 1px #275937;\n  height: 22px;\n  left: 1px;\n  top: 1px;\n  width: 22px;\n}\n.dso-selectable input[type=checkbox] + label::before {\n  border-radius: 4px;\n}\n.dso-selectable input[type=checkbox] + label::after {\n  background: transparent;\n  content: \"\";\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  zoom: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {\n  opacity: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after {\n  border: solid;\n  border-color: var(--dso-selectable-color, #39870c);\n  border-top-color: transparent;\n  border-width: 0 0 3px 3px;\n  height: 8px;\n  transform: rotate(-45deg);\n  width: 13px;\n}\n.dso-selectable input[type=checkbox]:indeterminate + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  height: 12px;\n  width: 12px;\n}\n.dso-selectable input[type=radio] + label::before {\n  border-radius: 50%;\n}\n.dso-selectable input[type=radio] + label::after {\n  background-color: transparent;\n  border-radius: 50%;\n  content: \"\";\n  height: 12px;\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  width: 12px;\n  zoom: 1;\n}\n.dso-selectable input[type=radio]:checked + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  opacity: 1;\n}\n.dso-selectable > dso-info {\n  float: none;\n  margin: 8px 16px 0 -32px;\n  width: calc(100% + 32px);\n}\n.dso-selectable label {\n  font-weight: 700;\n}\n\n.dso-list-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: #ccc;\n  color: #191919;\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding: 15px 47px 15px 15px;\n  position: relative;\n  text-align: left;\n  white-space: normal;\n  width: 100%;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;\n}\n.dso-list-button.dso-selected.dso-single-count {\n  border-right: 0;\n  box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel {\n  font-weight: 400;\n  width: 100%;\n}\n.dso-list-button .dso-subcontent {\n  color: #666;\n  font-weight: 400;\n  padding: 16px 0 0 16px;\n}\n.dso-list-button .dso-subcontent mark {\n  background-color: transparent;\n  color: #666;\n  font-weight: 700;\n  padding: 0;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di,\n.dso-list-button .dso-count {\n  height: 24px;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n  width: 24px;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di {\n  color: #39870c;\n  page-break-before: always;\n}\n.dso-list-button .dso-count {\n  font-weight: 700;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    width: 0;\n  }\n}\n.dso-list-button .dso-sublabel {\n  padding-left: 32px;\n}\n.dso-list-button .dso-subcontent {\n  padding-left: 48px;\n  padding-top: 8px;\n}\n\n.dso-list-button + .dso-list-button,\n.dso-list-button + .dso-btn-group,\n.dso-btn-group + .dso-list-button,\n.dso-btn-group + .dso-btn-group {\n  margin-top: 4px;\n}\n\n.dso-input-wrapper {\n  position: relative;\n}\n.dso-input-wrapper .form-control {\n  width: 9ch;\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: 40px;\n  padding: 6px 14px;\n  font-size: 1rem;\n  line-height: 1.5;\n  color: #191919;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #275937;\n  border-radius: 4px;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n.form-control::-moz-placeholder {\n  color: #666;\n  opacity: 1;\n}\n.form-control:-ms-input-placeholder {\n  color: #666;\n}\n.form-control::-webkit-input-placeholder {\n  color: #666;\n}\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n.form-control:focus {\n  border-color: #275937;\n  outline: 0;\n  box-shadow: inset 0 0 0 1px #275937;\n}\n.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\n  background-color: #fff;\n  opacity: 1;\n}\n.form-control[disabled], fieldset[disabled] .form-control {\n  cursor: default;\n}\n.form-control[disabled] {\n  border-color: #e5e5e5;\n  color: #999;\n}\n.form-control[readonly] {\n  border-width: 1px;\n}\n.form-control[type=text] {\n  line-height: 40px;\n}\n.form-control[size] {\n  width: auto;\n}\n\n.dso-manual-input-button[type=button] {\n  background-color: transparent;\n  border: 0;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.hidden {\n  display: none !important;\n}";
 
 const ListButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/dso-modal.js

@@ -26,10 +26,10 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   disconnectedCallback() {
     var _a;
-    (_a = this.trap) === null || _a === void 0 ? void 0 : _a.deactivate();
+    (_a = this.trap) === null || _a === void 0 ? void 0 : _a.deactivate({ onDeactivate: () => undefined }); // override FocusTrap onDeactivate callback to avoid double event emits
   }
   render() {
-    return (h(Fragment, null, h("div", { class: "dso-modal-overlay" }), h("div", { class: "dso-modal", role: this.role, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.modalElement = element) }, h("div", { class: "dso-dialog", role: "document", ref: (element) => (this.dialogElement = element) }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("div", { class: "dso-body" }, h("slot", { name: "body" })), this.hasFooter && (h("div", { class: "dso-footer" }, h("slot", { name: "footer" })))))));
+    return (h(Fragment, null, h("div", { class: "dso-modal-overlay" }), h("div", { class: "dso-modal", role: this.role, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.modalElement = element) }, h("div", { class: "dso-dialog", role: "document", ref: (element) => (this.dialogElement = element) }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("div", { class: "dso-body", tabIndex: 0 }, h("slot", { name: "body" })), this.hasFooter && (h("div", { class: "dso-footer" }, h("slot", { name: "footer" })))))));
   }
   setFocusTrap() {
     if (this.dialogElement && !this.trap) {

package/dist/dso-toolkit/dso-toolkit.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-8f35c8f8.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((e=>o([["p-55142124",[[1,"dso-icon",{icon:[1]}]]],["p-746dc38a",[[1,"dso-map-base-layers",{group:[1],baseLayers:[16]}]]],["p-76a1428a",[[1,"dso-map-overlays",{group:[1],overlays:[16]}]]],["p-35687d62",[[1,"dso-toggletip",{label:[1],position:[1],small:[4],secondary:[4],active:[32]}]]],["p-78ee23c5",[[6,"dso-header",{mainMenu:[16],useDropDownMenu:[1,"use-drop-down-menu"],authStatus:[1,"auth-status"],loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],showDropDown:[32],hasSubLogo:[32],overflowMenuItems:[32]}]]],["p-52bc72d0",[[1,"dso-label",{compact:[4],removable:[4],status:[1],truncate:[4],removeHover:[32],removeFocus:[32],textHover:[32],textFocus:[32],truncatedContent:[32],labelText:[32]}]]],["p-46acc09f",[[1,"dso-pagination",{totalPages:[2,"total-pages"],currentPage:[2,"current-page"],formatHref:[16],availablePositions:[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-ff72ee4c",[[1,"dso-tree-view",{collection:[16],focusItem:[64]}]]],["p-d8ba8db6",[[1,"dso-accordion-section",{handleTitle:[1,"handle-title"],heading:[1],handleUrl:[1,"handle-url"],state:[1],attachmentCount:[2,"attachment-count"],icon:[1],status:[1],open:[1540],hasNestedSection:[32],toggleSection:[64],scrollSectionIntoView:[64]}]]],["p-8aa39e7f",[[1,"dso-alert",{status:[1],roleAlert:[4,"role-alert"]}]]],["p-2fa96ac0",[[1,"dso-attachments-counter",{count:[2]}]]],["p-655eff47",[[6,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],suggestOnFocus:[4,"suggest-on-focus"],showSuggestions:[32],selectedSuggestion:[32],notFound:[32],showLoading:[32]},[[4,"click","onDocumentClick"]]]]],["p-a8cb2eae",[[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],role:[1],direction:[1],required:[4],dsoAutofocus:[4,"dso-autofocus"],value:[1537],min:[1],max:[1],activeFocus:[32],focusedDay:[32],open:[32],visible:[32],setFocus:[64],show:[64],hide:[64]},[[6,"click","handleDocumentClick"]]]]],["p-67c4987c",[[1,"dso-helpcenter-panel",{label:[1],url:[1],visibility:[32],isOpen:[32],slideState:[32],loadIframe:[32]},[[8,"keydown","keyDownListener"]]]]],["p-d7b2adc3",[[1,"dso-image-overlay",{active:[32],focused:[32],zoomable:[32]},[[2,"load","loadListener"]]]]],["p-34a3c0b3",[[1,"dso-list-button",{label:[1],sublabel:[1],subcontent:[1],count:[2],min:[8],max:[8],checked:[516],disabled:[516],manualInputWrapperElement:[32],manualCount:[32]}]]],["p-c2157b55",[[1,"dso-map-controls",{open:[1540],disableZoom:[1,"disable-zoom"],hideContent:[32]}]]],["p-7d6f0e03",[[1,"dso-modal",{modalTitle:[1,"modal-title"],role:[1],showCloseButton:[4,"show-close-button"],initialFocus:[1,"initial-focus"],ariaId:[32],hasFooter:[32]}]]],["p-8e9f6355",[[1,"dso-table",{noModal:[516,"no-modal"],isResponsive:[516,"is-responsive"],modalActive:[32],placeholderHeight:[32]}]]],["p-92ad1cdb",[[1,"dso-viewer-grid",{filterpanelOpen:[516,"filterpanel-open"],overlayOpen:[516,"overlay-open"],initialMainSize:[1,"initial-main-size"],mainSize:[32]}]]],["p-bcd19ae7",[[1,"dso-accordion",{variant:[513],reverseAlign:[516,"reverse-align"],allowMultipleOpen:[516,"allow-multiple-open"],getState:[64],toggleSection:[64],closeOpenSections:[64]}]]],["p-daba2d98",[[1,"dso-badge",{status:[1]}]]],["p-19323600",[[1,"dso-banner",{status:[513]}]]],["p-a608d3bd",[[1,"dso-card",{isSelectable:[516,"is-selectable"],hasImage:[516,"has-image"]}]]],["p-c846d208",[[1,"dso-card-container",{mode:[513]}]]],["p-c7ec6e6e",[[1,"dso-highlight-box",{yellow:[4],border:[4],white:[4],dropShadow:[4,"drop-shadow"],step:[2]}]]],["p-d31805a9",[[6,"dso-ozon-content",{content:[1],inline:[516],deleted:[516],interactive:[520],state:[32]}]]],["p-3b8cbd05",[[1,"dso-progress-bar",{progress:[2],min:[2],max:[2]}]]],["p-672c8323",[[1,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],checkable:[4]}]]],["p-ec25868b",[[1,"dso-responsive-element",{sizeAlias:[32],sizeWidth:[32],getSize:[64]}]]],["p-a9baa631",[[1,"dso-progress-indicator",{label:[1],size:[513],block:[4]}]]],["p-06b4f78d",[[1,"dso-tooltip",{descriptive:[516],position:[1],strategy:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]},[[0,"click","listenClick"]]]]],["p-427f6d90",[[1,"dso-info-button",{active:[1540],secondary:[4],label:[1],hover:[32],setFocus:[64]}]]],["p-04ffcc93",[[6,"dso-selectable",{type:[1],identifier:[1],name:[1],value:[1],invalid:[4],describedById:[1,"described-by-id"],disabled:[4],required:[4],checked:[4],indeterminate:[4],infoFixed:[4,"info-fixed"],infoActive:[32],toggleInfo:[64]}],[1,"dso-info",{fixed:[516],active:[516]}]]]],e)));
+import{p as e,b as o}from"./p-8f35c8f8.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((e=>o([["p-55142124",[[1,"dso-icon",{icon:[1]}]]],["p-746dc38a",[[1,"dso-map-base-layers",{group:[1],baseLayers:[16]}]]],["p-76a1428a",[[1,"dso-map-overlays",{group:[1],overlays:[16]}]]],["p-35687d62",[[1,"dso-toggletip",{label:[1],position:[1],small:[4],secondary:[4],active:[32]}]]],["p-78ee23c5",[[6,"dso-header",{mainMenu:[16],useDropDownMenu:[1,"use-drop-down-menu"],authStatus:[1,"auth-status"],loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],showDropDown:[32],hasSubLogo:[32],overflowMenuItems:[32]}]]],["p-52bc72d0",[[1,"dso-label",{compact:[4],removable:[4],status:[1],truncate:[4],removeHover:[32],removeFocus:[32],textHover:[32],textFocus:[32],truncatedContent:[32],labelText:[32]}]]],["p-46acc09f",[[1,"dso-pagination",{totalPages:[2,"total-pages"],currentPage:[2,"current-page"],formatHref:[16],availablePositions:[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-ff72ee4c",[[1,"dso-tree-view",{collection:[16],focusItem:[64]}]]],["p-187d326f",[[1,"dso-accordion-section",{handleTitle:[1,"handle-title"],heading:[1],handleUrl:[1,"handle-url"],state:[1],attachmentCount:[2,"attachment-count"],icon:[1],status:[1],open:[1540],hasNestedSection:[32],toggleSection:[64],scrollSectionIntoView:[64]}]]],["p-8aa39e7f",[[1,"dso-alert",{status:[1],roleAlert:[4,"role-alert"]}]]],["p-2fa96ac0",[[1,"dso-attachments-counter",{count:[2]}]]],["p-655eff47",[[6,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],suggestOnFocus:[4,"suggest-on-focus"],showSuggestions:[32],selectedSuggestion:[32],notFound:[32],showLoading:[32]},[[4,"click","onDocumentClick"]]]]],["p-a8cb2eae",[[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],role:[1],direction:[1],required:[4],dsoAutofocus:[4,"dso-autofocus"],value:[1537],min:[1],max:[1],activeFocus:[32],focusedDay:[32],open:[32],visible:[32],setFocus:[64],show:[64],hide:[64]},[[6,"click","handleDocumentClick"]]]]],["p-67c4987c",[[1,"dso-helpcenter-panel",{label:[1],url:[1],visibility:[32],isOpen:[32],slideState:[32],loadIframe:[32]},[[8,"keydown","keyDownListener"]]]]],["p-d7b2adc3",[[1,"dso-image-overlay",{active:[32],focused:[32],zoomable:[32]},[[2,"load","loadListener"]]]]],["p-6080bb9e",[[1,"dso-list-button",{label:[1],sublabel:[1],subcontent:[1],count:[2],min:[8],max:[8],checked:[516],disabled:[516],manualInputWrapperElement:[32],manualCount:[32]}]]],["p-c2157b55",[[1,"dso-map-controls",{open:[1540],disableZoom:[1,"disable-zoom"],hideContent:[32]}]]],["p-ec4501bb",[[1,"dso-modal",{modalTitle:[1,"modal-title"],role:[1],showCloseButton:[4,"show-close-button"],initialFocus:[1,"initial-focus"],ariaId:[32],hasFooter:[32]}]]],["p-8e9f6355",[[1,"dso-table",{noModal:[516,"no-modal"],isResponsive:[516,"is-responsive"],modalActive:[32],placeholderHeight:[32]}]]],["p-92ad1cdb",[[1,"dso-viewer-grid",{filterpanelOpen:[516,"filterpanel-open"],overlayOpen:[516,"overlay-open"],initialMainSize:[1,"initial-main-size"],mainSize:[32]}]]],["p-36cd87c4",[[1,"dso-accordion",{variant:[513],reverseAlign:[516,"reverse-align"],allowMultipleOpen:[516,"allow-multiple-open"],getState:[64],toggleSection:[64],animationEnd:[64],closeOpenSections:[64]}]]],["p-daba2d98",[[1,"dso-badge",{status:[1]}]]],["p-19323600",[[1,"dso-banner",{status:[513]}]]],["p-6bd8515a",[[1,"dso-card",{isSelectable:[516,"is-selectable"],hasImage:[516,"has-image"]}]]],["p-c846d208",[[1,"dso-card-container",{mode:[513]}]]],["p-c7ec6e6e",[[1,"dso-highlight-box",{yellow:[4],border:[4],white:[4],dropShadow:[4,"drop-shadow"],step:[2]}]]],["p-d31805a9",[[6,"dso-ozon-content",{content:[1],inline:[516],deleted:[516],interactive:[520],state:[32]}]]],["p-3b8cbd05",[[1,"dso-progress-bar",{progress:[2],min:[2],max:[2]}]]],["p-0e5315a3",[[1,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],checkable:[4]}]]],["p-ec25868b",[[1,"dso-responsive-element",{sizeAlias:[32],sizeWidth:[32],getSize:[64]}]]],["p-a9baa631",[[1,"dso-progress-indicator",{label:[1],size:[513],block:[4]}]]],["p-06b4f78d",[[1,"dso-tooltip",{descriptive:[516],position:[1],strategy:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]},[[0,"click","listenClick"]]]]],["p-427f6d90",[[1,"dso-info-button",{active:[1540],secondary:[4],label:[1],hover:[32],setFocus:[64]}]]],["p-04ffcc93",[[6,"dso-selectable",{type:[1],identifier:[1],name:[1],value:[1],invalid:[4],describedById:[1,"described-by-id"],disabled:[4],required:[4],checked:[4],indeterminate:[4],infoFixed:[4,"info-fixed"],infoActive:[32],toggleInfo:[64]}],[1,"dso-info",{fixed:[516],active:[516]}]]]],e)));

package/dist/dso-toolkit/{p-672c8323.entry.js → p-0e5315a3.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as o,a as e}from"./p-8f35c8f8.js";import{t as i}from"./p-3635427a.js";import{v as n}from"./p-5d7f4ff2.js";const r=class{constructor(s){t(this,s),this.focusOutListener=t=>{this.tabbables.includes(t.relatedTarget)||(this.open=!1)},this.keyDownListener=t=>{if(!t.defaultPrevented){switch(t.key){case"ArrowDown":this.tabInPopup(1);break;case"ArrowUp":this.tabInPopup(-1);break;case"Escape":this.escape();break;case" ":t.target instanceof HTMLElement&&t.target.click();break;default:return}t.preventDefault()}},this.escape=()=>{this.button.focus(),this.open=!1},this.open=!1,this.dropdownAlign="left",this.checkable=!1}get button(){const t=this.host.querySelector('button[slot="toggle"]');if(!(t instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return t}get tabbables(){return i(this.host).filter((t=>t!==this.button))}componentDidLoad(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=n()),this.button.addEventListener("click",(()=>{this.open=!this.open}));const t=this.host.querySelector(".dso-dropdown-options");if(!t)throw new ReferenceError("Dropdown options not found");t.setAttribute("role","menu"),t.setAttribute("aria-labelledby",this.button.id);for(const t of Array.from(this.host.getElementsByTagName("ul"))){t.setAttribute("role","none");for(const s of Array.from(t.getElementsByTagName("li")))s.setAttribute("role","none")}}componentDidRender(){for(const t of Array.from(this.host.getElementsByTagName("li")))for(const s of i(t))s.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&t.classList.contains("dso-checked")?s.setAttribute("aria-checked","true"):s.removeAttribute("aria-checked");this.host.removeEventListener("keydown",this.keyDownListener),this.button.setAttribute("aria-expanded",this.open?"true":"false"),this.open&&this.host.addEventListener("keydown",this.keyDownListener),this.tabbables.forEach((t=>{t.removeEventListener("click",this.escape),this.open&&t.addEventListener("click",this.escape)}))}getActiveElement(t=document){const s=t.activeElement;return s?s.shadowRoot?this.getActiveElement(s.shadowRoot):s:null}tabInPopup(t){const s=this.tabbables;let o=s.findIndex((t=>t===this.getActiveElement()))+t;o>=s.length?o=0:o<0&&(o=s.length-1),s[o].focus()}render(){return s(o,{onFocusout:this.focusOutListener,tabindex:this.open?"-1":void 0},s("slot",{name:"toggle"}),s("div",{hidden:!this.open},s("slot",null)))}get host(){return e(this)}};r.style=":host(:focus){outline:none}:host{display:inline-block;position:relative}";export{r as dso_dropdown_menu}
+import{r as t,h as s,H as o,a as e}from"./p-8f35c8f8.js";import{t as i}from"./p-3635427a.js";import{v as n}from"./p-5d7f4ff2.js";const r=class{constructor(s){t(this,s),this.focusOutListener=t=>{this.tabbables.includes(t.relatedTarget)||(this.open=!1)},this.keyDownListener=t=>{if(!t.defaultPrevented){switch(t.key){case"ArrowDown":this.tabInPopup(1);break;case"ArrowUp":this.tabInPopup(-1);break;case"Escape":this.escape();break;case" ":t.target instanceof HTMLElement&&t.target.click();break;default:return}t.preventDefault()}},this.escape=()=>{this.button.focus(),this.open=!1},this.open=!1,this.dropdownAlign="left",this.checkable=!1}get button(){const t=this.host.querySelector('button[slot="toggle"]');if(!(t instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return t}get tabbables(){return i(this.host).filter((t=>t!==this.button))}componentDidLoad(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=n()),this.button.addEventListener("click",(()=>{this.open=!this.open}));const t=this.host.querySelector(".dso-dropdown-options");if(!t)throw new ReferenceError("Dropdown options not found");t.setAttribute("role","menu"),t.setAttribute("aria-labelledby",this.button.id);for(const t of Array.from(this.host.getElementsByTagName("ul"))){t.setAttribute("role","group");for(const s of Array.from(t.getElementsByTagName("li")))s.setAttribute("role","none")}}componentDidRender(){for(const t of Array.from(this.host.getElementsByTagName("li")))for(const s of i(t))s.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&s.setAttribute("aria-checked",t.classList.contains("dso-checked").toString());this.host.removeEventListener("keydown",this.keyDownListener),this.button.setAttribute("aria-expanded",this.open?"true":"false"),this.open&&this.host.addEventListener("keydown",this.keyDownListener),this.tabbables.forEach((t=>{t.removeEventListener("click",this.escape),this.open&&t.addEventListener("click",this.escape)}))}getActiveElement(t=document){const s=t.activeElement;return s?s.shadowRoot?this.getActiveElement(s.shadowRoot):s:null}tabInPopup(t){const s=this.tabbables;let o=s.findIndex((t=>t===this.getActiveElement()))+t;o>=s.length?o=0:o<0&&(o=s.length-1),s[o].focus()}render(){return s(o,{onFocusout:this.focusOutListener,tabindex:this.open?"-1":void 0},s("slot",{name:"toggle"}),s("div",{hidden:!this.open},s("slot",null)))}get host(){return e(this)}};r.style=":host(:focus){outline:none}:host{display:inline-block;position:relative}";export{r as dso_dropdown_menu}

package/dist/dso-toolkit/{p-d8ba8db6.entry.js → p-187d326f.entry.js}

@@ -1 +1 @@
-import{h as o,r as n,f as t,F as e,H as r,a as s}from"./p-8f35c8f8.js";import{d as i}from"./p-1805f5b0.js";var a={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},c={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},d=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],u={CSS:{},springs:{}};function h(o,n,t){return Math.min(Math.max(o,n),t)}function l(o,n){return o.indexOf(n)>-1}function f(o,n){return o.apply(null,n)}var v={arr:function(o){return Array.isArray(o)},obj:function(o){return l(Object.prototype.toString.call(o),"Object")},pth:function(o){return v.obj(o)&&o.hasOwnProperty("totalLength")},svg:function(o){return o instanceof SVGElement},inp:function(o){return o instanceof HTMLInputElement},dom:function(o){return o.nodeType||v.svg(o)},str:function(o){return"string"==typeof o},fnc:function(o){return"function"==typeof o},und:function(o){return void 0===o},nil:function(o){return v.und(o)||null===o},hex:function(o){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(o)},rgb:function(o){return/^rgb/.test(o)},hsl:function(o){return/^hsl/.test(o)},col:function(o){return v.hex(o)||v.rgb(o)||v.hsl(o)},key:function(o){return!a.hasOwnProperty(o)&&!c.hasOwnProperty(o)&&"targets"!==o&&"keyframes"!==o}};function p(o){var n=/\(([^)]+)\)/.exec(o);return n?n[1].split(",").map((function(o){return parseFloat(o)})):[]}function b(o,n){var t=p(o),e=h(v.und(t[0])?1:t[0],.1,100),r=h(v.und(t[1])?100:t[1],.1,100),s=h(v.und(t[2])?10:t[2],.1,100),i=h(v.und(t[3])?0:t[3],.1,100),a=Math.sqrt(r/e),c=s/(2*Math.sqrt(r*e)),d=c<1?a*Math.sqrt(1-c*c):0,l=c<1?(c*a-i)/d:-i+a;function f(o){var t=n?n*o/1e3:o;return t=c<1?Math.exp(-t*c*a)*(1*Math.cos(d*t)+l*Math.sin(d*t)):(1+l*t)*Math.exp(-t*a),0===o||1===o?o:1-t}return n?f:function(){var n=u.springs[o];if(n)return n;for(var t=1/6,e=0,r=0;;)if(1===f(e+=t)){if(++r>=16)break}else r=0;var s=e*t*1e3;return u.springs[o]=s,s}}function m(o){return void 0===o&&(o=10),function(n){return Math.ceil(h(n,1e-6,1)*o)*(1/o)}}var g,y,w=function(){var o=.1;function n(o,n){return 1-3*n+3*o}function t(o,n){return 3*n-6*o}function e(o){return 3*o}function r(o,r,s){return((n(r,s)*o+t(r,s))*o+e(r))*o}function s(o,r,s){return 3*n(r,s)*o*o+2*t(r,s)*o+e(r)}return function(n,t,e,i){if(0<=n&&n<=1&&0<=e&&e<=1){var a=new Float32Array(11);if(n!==t||e!==i)for(var c=0;c<11;++c)a[c]=r(c*o,n,e);return function(c){return n===t&&e===i||0===c||1===c?c:r(function(t){for(var i=0,c=1;10!==c&&a[c]<=t;++c)i+=o;--c;var d=i+(t-a[c])/(a[c+1]-a[c])*o,u=s(d,n,e);return u>=.001?function(o,n,t,e){for(var i=0;i<4;++i){var a=s(n,t,e);if(0===a)return n;n-=(r(n,t,e)-o)/a}return n}(t,d,n,e):0===u?d:function(o,n,t,e,s){var i,a,c=0;do{(i=r(a=n+(t-n)/2,e,s)-o)>0?t=a:n=a}while(Math.abs(i)>1e-7&&++c<10);return a}(t,i,i+o,n,e)}(c),t,i)}}}}(),x=(g={linear:function(){return function(o){return o}}},y={Sine:function(){return function(o){return 1-Math.cos(o*Math.PI/2)}},Circ:function(){return function(o){return 1-Math.sqrt(1-o*o)}},Back:function(){return function(o){return o*o*(3*o-2)}},Bounce:function(){return function(o){for(var n,t=4;o<((n=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((3*n-2)/22-o,2)}},Elastic:function(o,n){void 0===o&&(o=1),void 0===n&&(n=.5);var t=h(o,1,10),e=h(n,.1,2);return function(o){return 0===o||1===o?o:-t*Math.pow(2,10*(o-1))*Math.sin((o-1-e/(2*Math.PI)*Math.asin(1/t))*(2*Math.PI)/e)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach((function(o,n){y[o]=function(){return function(o){return Math.pow(o,n+2)}}})),Object.keys(y).forEach((function(o){var n=y[o];g["easeIn"+o]=n,g["easeOut"+o]=function(o,t){return function(e){return 1-n(o,t)(1-e)}},g["easeInOut"+o]=function(o,t){return function(e){return e<.5?n(o,t)(2*e)/2:1-n(o,t)(-2*e+2)/2}},g["easeOutIn"+o]=function(o,t){return function(e){return e<.5?(1-n(o,t)(1-2*e))/2:(n(o,t)(2*e-1)+1)/2}}})),g);function M(o,n){if(v.fnc(o))return o;var t=o.split("(")[0],e=x[t],r=p(o);switch(t){case"spring":return b(o,n);case"cubicBezier":return f(w,r);case"steps":return f(m,r);default:return f(e,r)}}function k(o){try{return document.querySelectorAll(o)}catch(o){return}}function C(o,n){for(var t=o.length,e=arguments.length>=2?arguments[1]:void 0,r=[],s=0;s<t;s++)if(s in o){var i=o[s];n.call(e,i,s,o)&&r.push(i)}return r}function F(o){return o.reduce((function(o,n){return o.concat(v.arr(n)?F(n):n)}),[])}function A(o){return v.arr(o)?o:(v.str(o)&&(o=k(o)||o),o instanceof NodeList||o instanceof HTMLCollection?[].slice.call(o):[o])}function O(o,n){return o.some((function(o){return o===n}))}function I(o){var n={};for(var t in o)n[t]=o[t];return n}function j(o,n){var t=I(o);for(var e in o)t[e]=n.hasOwnProperty(e)?n[e]:o[e];return t}function B(o,n){var t=I(o);for(var e in n)t[e]=v.und(o[e])?n[e]:o[e];return t}function z(o){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(o);if(n)return n[1]}function E(o,n){return v.fnc(o)?o(n.target,n.id,n.total):o}function L(o,n){return o.getAttribute(n)}function S(o,n,t){if(O([t,"deg","rad","turn"],z(n)))return n;var e=u.CSS[n+t];if(!v.und(e))return e;var r=document.createElement(o.tagName),s=o.parentNode&&o.parentNode!==document?o.parentNode:document.body;s.appendChild(r),r.style.position="absolute",r.style.width=100+t;var i=100/r.offsetWidth;s.removeChild(r);var a=i*parseFloat(n);return u.CSS[n+t]=a,a}function N(o,n,t){if(n in o.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),r=o.style[n]||getComputedStyle(o).getPropertyValue(e)||"0";return t?S(o,r,t):r}}function $(o,n){return v.dom(o)&&!v.inp(o)&&(!v.nil(L(o,n))||v.svg(o)&&o[n])?"attribute":v.dom(o)&&O(d,n)?"transform":v.dom(o)&&"transform"!==n&&N(o,n)?"css":null!=o[n]?"object":void 0}function H(o){if(v.dom(o)){for(var n,t=o.style.transform||"",e=/(\w+)\(([^)]*)\)/g,r=new Map;n=e.exec(t);)r.set(n[1],n[2]);return r}}function D(o,n,t,e){switch($(o,n)){case"transform":return function(o,n,t,e){var r=l(n,"scale")?1:0+function(o){return l(o,"translate")||"perspective"===o?"px":l(o,"rotate")||l(o,"skew")?"deg":void 0}(n),s=H(o).get(n)||r;return t&&(t.transforms.list.set(n,s),t.transforms.last=n),e?S(o,s,e):s}(o,n,e,t);case"css":return N(o,n,t);case"attribute":return L(o,n);default:return o[n]||0}}function X(o,n){var t=/^(\*=|\+=|-=)/.exec(o);if(!t)return o;var e=z(o)||0,r=parseFloat(n),s=parseFloat(o.replace(t[0],""));switch(t[0][0]){case"+":return r+s+e;case"-":return r-s+e;case"*":return r*s+e}}function Y(o,n){if(v.col(o))return function(o){return v.rgb(o)?(t=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(n=o))?"rgba("+t[1]+",1)":n:v.hex(o)?function(o){var n=o.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(o,n,t,e){return n+n+t+t+e+e})),t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return"rgba("+parseInt(t[1],16)+","+parseInt(t[2],16)+","+parseInt(t[3],16)+",1)"}(o):v.hsl(o)?function(o){var n,t,e,r=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(o)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(o),s=parseInt(r[1],10)/360,i=parseInt(r[2],10)/100,a=parseInt(r[3],10)/100,c=r[4]||1;function d(o,n,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?o+6*(n-o)*t:t<.5?n:t<2/3?o+(n-o)*(2/3-t)*6:o}if(0==i)n=t=e=a;else{var u=a<.5?a*(1+i):a+i-a*i,h=2*a-u;n=d(h,u,s+1/3),t=d(h,u,s),e=d(h,u,s-1/3)}return"rgba("+255*n+","+255*t+","+255*e+","+c+")"}(o):void 0;var n,t}(o);if(/\s/g.test(o))return o;var t=z(o),e=t?o.substr(0,o.length-t.length):o;return n?e+n:e}function Z(o,n){return Math.sqrt(Math.pow(n.x-o.x,2)+Math.pow(n.y-o.y,2))}function Q(o){for(var n,t=o.points,e=0,r=0;r<t.numberOfItems;r++){var s=t.getItem(r);r>0&&(e+=Z(n,s)),n=s}return e}function T(o){if(o.getTotalLength)return o.getTotalLength();switch(o.tagName.toLowerCase()){case"circle":return function(o){return 2*Math.PI*L(o,"r")}(o);case"rect":return function(o){return 2*L(o,"width")+2*L(o,"height")}(o);case"line":return function(o){return Z({x:L(o,"x1"),y:L(o,"y1")},{x:L(o,"x2"),y:L(o,"y2")})}(o);case"polyline":return Q(o);case"polygon":return function(o){var n=o.points;return Q(o)+Z(n.getItem(n.numberOfItems-1),n.getItem(0))}(o)}}function V(o,n){var t=n||{},e=t.el||function(o){for(var n=o.parentNode;v.svg(n)&&v.svg(n.parentNode);)n=n.parentNode;return n}(o),r=e.getBoundingClientRect(),s=L(e,"viewBox"),i=r.width,a=r.height,c=t.viewBox||(s?s.split(" "):[0,0,i,a]);return{el:e,viewBox:c,x:c[0]/1,y:c[1]/1,w:i,h:a,vW:c[2],vH:c[3]}}function W(o,n,t){function e(t){return void 0===t&&(t=0),o.el.getPointAtLength(n+t>=1?n+t:0)}var r=V(o.el,o.svg),s=e(),i=e(-1),a=e(1),c=t?1:r.w/r.vW,d=t?1:r.h/r.vH;switch(o.property){case"x":return(s.x-r.x)*c;case"y":return(s.y-r.y)*d;case"angle":return 180*Math.atan2(a.y-i.y,a.x-i.x)/Math.PI}}function q(o,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,e=Y(v.pth(o)?o.totalLength:o,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:v.str(o)||n?e.split(t):[]}}function P(o){return C(o?F(v.arr(o)?o.map(A):A(o)):[],(function(o,n,t){return t.indexOf(o)===n}))}function R(o){var n=P(o);return n.map((function(o,t){return{target:o,id:t,total:n.length,transforms:{list:H(o)}}}))}function U(o,n){var t=I(n);if(/^spring/.test(t.easing)&&(t.duration=b(t.easing)),v.arr(o)){var e=o.length;2!==e||v.obj(o[0])?v.fnc(n.duration)||(t.duration=n.duration/e):o={value:o}}var r=v.arr(o)?o:[o];return r.map((function(o,t){var e=v.obj(o)&&!v.pth(o)?o:{value:o};return v.und(e.delay)&&(e.delay=t?0:n.delay),v.und(e.endDelay)&&(e.endDelay=t===r.length-1?n.endDelay:0),e})).map((function(o){return B(o,t)}))}var _={css:function(o,n,t){return o.style[n]=t},attribute:function(o,n,t){return o.setAttribute(n,t)},object:function(o,n,t){return o[n]=t},transform:function(o,n,t,e,r){if(e.list.set(n,t),n===e.last||r){var s="";e.list.forEach((function(o,n){s+=n+"("+o+") "})),o.style.transform=s}}};function G(o,n){R(o).forEach((function(o){for(var t in n){var e=E(n[t],o),r=o.target,s=z(e),i=D(r,t,s,o),a=X(Y(e,s||z(i)),i),c=$(r,t);_[c](r,t,a,o.transforms,!0)}}))}function J(o,n){return C(F(o.map((function(o){return n.map((function(n){return function(o,n){var t=$(o.target,n.name);if(t){var e=function(o,n){var t;return o.tweens.map((function(e){var r=function(o,n){var t={};for(var e in o){var r=E(o[e],n);v.arr(r)&&1===(r=r.map((function(o){return E(o,n)}))).length&&(r=r[0]),t[e]=r}return t.duration=parseFloat(t.duration),t.delay=parseFloat(t.delay),t}(e,n),s=r.value,i=v.arr(s)?s[1]:s,a=z(i),c=D(n.target,o.name,a,n),d=t?t.to.original:c,u=v.arr(s)?s[0]:d,h=z(u)||z(c),l=a||h;return v.und(i)&&(i=d),r.from=q(u,l),r.to=q(X(i,u),l),r.start=t?t.end:0,r.end=r.start+r.delay+r.duration+r.endDelay,r.easing=M(r.easing,r.duration),r.isPath=v.pth(s),r.isPathTargetInsideSVG=r.isPath&&v.svg(n.target),r.isColor=v.col(r.from.original),r.isColor&&(r.round=1),t=r,r}))}(n,o),r=e[e.length-1];return{type:t,property:n.name,animatable:o,tweens:e,duration:r.end,delay:e[0].delay,endDelay:r.endDelay}}}(o,n)}))}))),(function(o){return!v.und(o)}))}function K(o,n){var t=o.length,e=function(o){return o.timelineOffset?o.timelineOffset:0},r={};return r.duration=t?Math.max.apply(Math,o.map((function(o){return e(o)+o.duration}))):n.duration,r.delay=t?Math.min.apply(Math,o.map((function(o){return e(o)+o.delay}))):n.delay,r.endDelay=t?r.duration-Math.max.apply(Math,o.map((function(o){return e(o)+o.duration-o.endDelay}))):n.endDelay,r}var oo=0,no=[],to=function(){var o;function n(t){for(var e=no.length,r=0;r<e;){var s=no[r];s.paused?(no.splice(r,1),e--):(s.tick(t),r++)}o=r>0?requestAnimationFrame(n):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",(function(){ro.suspendWhenDocumentHidden&&(eo()?o=cancelAnimationFrame(o):(no.forEach((function(o){return o._onDocumentVisibility()})),to()))})),function(){o||eo()&&ro.suspendWhenDocumentHidden||!(no.length>0)||(o=requestAnimationFrame(n))}}();function eo(){return!!document&&document.hidden}function ro(o){void 0===o&&(o={});var n,t=0,e=0,r=0,s=0,i=null;function d(o){var n=window.Promise&&new Promise((function(o){return i=o}));return o.finished=n,n}var u=function(o){var n=j(a,o),t=j(c,o),e=function(o,n){var t=[],e=n.keyframes;for(var r in e&&(n=B(function(o){for(var n=C(F(o.map((function(o){return Object.keys(o)}))),(function(o){return v.key(o)})).reduce((function(o,n){return o.indexOf(n)<0&&o.push(n),o}),[]),t={},e=function(e){var r=n[e];t[r]=o.map((function(o){var n={};for(var t in o)v.key(t)?t==r&&(n.value=o[t]):n[t]=o[t];return n}))},r=0;r<n.length;r++)e(r);return t}(e),n)),n)v.key(r)&&t.push({name:r,tweens:U(n[r],o)});return t}(t,o),r=R(o.targets),s=J(r,e),i=K(s,t),d=oo;return oo++,B(n,{id:d,children:[],animatables:r,animations:s,duration:i.duration,delay:i.delay,endDelay:i.endDelay})}(o);function l(){var o=u.direction;"alternate"!==o&&(u.direction="normal"!==o?"normal":"reverse"),u.reversed=!u.reversed,n.forEach((function(o){return o.reversed=u.reversed}))}function f(o){return u.reversed?u.duration-o:o}function p(){t=0,e=f(u.currentTime)*(1/ro.speed)}function b(o,n){n&&n.seek(o-n.timelineOffset)}function m(o){for(var n=0,t=u.animations,e=t.length;n<e;){var r=t[n],s=r.animatable,i=r.tweens,a=i.length-1,c=i[a];a&&(c=C(i,(function(n){return o<n.end}))[0]||c);for(var d=h(o-c.start-c.delay,0,c.duration)/c.duration,l=isNaN(d)?1:c.easing(d),f=c.to.strings,v=c.round,p=[],b=c.to.numbers.length,m=void 0,g=0;g<b;g++){var y=void 0,w=c.to.numbers[g],x=c.from.numbers[g]||0;y=c.isPath?W(c.value,l*w,c.isPathTargetInsideSVG):x+l*(w-x),v&&(c.isColor&&g>2||(y=Math.round(y*v)/v)),p.push(y)}var M=f.length;if(M){m=f[0];for(var k=0;k<M;k++){var F=f[k+1],A=p[k];isNaN(A)||(m+=F?A+F:A+" ")}}else m=p[0];_[r.type](s.target,r.property,m,s.transforms),r.currentValue=m,n++}}function g(o){u[o]&&!u.passThrough&&u[o](u)}function y(o){var a=u.duration,c=u.delay,v=a-u.endDelay,p=f(o);u.progress=h(p/a*100,0,100),u.reversePlayback=p<u.currentTime,n&&function(o){if(u.reversePlayback)for(var t=s;t--;)b(o,n[t]);else for(var e=0;e<s;e++)b(o,n[e])}(p),!u.began&&u.currentTime>0&&(u.began=!0,g("begin")),!u.loopBegan&&u.currentTime>0&&(u.loopBegan=!0,g("loopBegin")),p<=c&&0!==u.currentTime&&m(0),(p>=v&&u.currentTime!==a||!a)&&m(a),p>c&&p<v?(u.changeBegan||(u.changeBegan=!0,u.changeCompleted=!1,g("changeBegin")),g("change"),m(p)):u.changeBegan&&(u.changeCompleted=!0,u.changeBegan=!1,g("changeComplete")),u.currentTime=h(p,0,a),u.began&&g("update"),o>=a&&(e=0,u.remaining&&!0!==u.remaining&&u.remaining--,u.remaining?(t=r,g("loopComplete"),u.loopBegan=!1,"alternate"===u.direction&&l()):(u.paused=!0,u.completed||(u.completed=!0,g("loopComplete"),g("complete"),!u.passThrough&&"Promise"in window&&(i(),d(u)))))}return d(u),u.reset=function(){var o=u.direction;u.passThrough=!1,u.currentTime=0,u.progress=0,u.paused=!0,u.began=!1,u.loopBegan=!1,u.changeBegan=!1,u.completed=!1,u.changeCompleted=!1,u.reversePlayback=!1,u.reversed="reverse"===o,u.remaining=u.loop;for(var t=s=(n=u.children).length;t--;)u.children[t].reset();(u.reversed&&!0!==u.loop||"alternate"===o&&1===u.loop)&&u.remaining++,m(u.reversed?u.duration:0)},u._onDocumentVisibility=p,u.set=function(o,n){return G(o,n),u},u.tick=function(o){r=o,t||(t=r),y((r+(e-t))*ro.speed)},u.seek=function(o){y(f(o))},u.pause=function(){u.paused=!0,p()},u.play=function(){u.paused&&(u.completed&&u.reset(),u.paused=!1,no.push(u),p(),to())},u.reverse=function(){l(),u.completed=!u.reversed,p()},u.restart=function(){u.reset(),u.play()},u.remove=function(o){io(P(o),u)},u.reset(),u.autoplay&&u.play(),u}function so(o,n){for(var t=n.length;t--;)O(o,n[t].animatable.target)&&n.splice(t,1)}function io(o,n){var t=n.animations,e=n.children;so(o,t);for(var r=e.length;r--;){var s=e[r],i=s.animations;so(o,i),i.length||s.children.length||e.splice(r,1)}t.length||e.length||n.pause()}ro.version="3.2.1",ro.speed=1,ro.suspendWhenDocumentHidden=!0,ro.running=no,ro.remove=function(o){for(var n=P(o),t=no.length;t--;)io(n,no[t])},ro.get=D,ro.set=G,ro.convertPx=S,ro.path=function(o,n){var t=v.str(o)?k(o)[0]:o,e=n||100;return function(o){return{property:o,el:t,svg:V(t),totalLength:T(t)*(e/100)}}},ro.setDashoffset=function(o){var n=T(o);return o.setAttribute("stroke-dasharray",n),n},ro.stagger=function(o,n){void 0===n&&(n={});var t=n.direction||"normal",e=n.easing?M(n.easing):null,r=n.grid,s=n.axis,i=n.from||0,a="first"===i,c="center"===i,d="last"===i,u=v.arr(o),h=u?parseFloat(o[0]):parseFloat(o),l=u?parseFloat(o[1]):0,f=z(u?o[1]:o)||0,p=n.start||0+(u?h:0),b=[],m=0;return function(o,n,v){if(a&&(i=0),c&&(i=(v-1)/2),d&&(i=v-1),!b.length){for(var g=0;g<v;g++){if(r){var y=c?(r[0]-1)/2:i%r[0],w=c?(r[1]-1)/2:Math.floor(i/r[0]),x=y-g%r[0],M=w-Math.floor(g/r[0]),k=Math.sqrt(x*x+M*M);"x"===s&&(k=-x),"y"===s&&(k=-M),b.push(k)}else b.push(Math.abs(i-g));m=Math.max.apply(Math,b)}e&&(b=b.map((function(o){return e(o/m)*m}))),"reverse"===t&&(b=b.map((function(o){return s?o<0?-1*o:-o:Math.abs(m-o)})))}return p+(u?(l-h)/m:h)*(Math.round(100*b[n])/100)+f}},ro.timeline=function(o){void 0===o&&(o={});var n=ro(o);return n.duration=0,n.add=function(t,e){var r=no.indexOf(n),s=n.children;function i(o){o.passThrough=!0}r>-1&&no.splice(r,1);for(var a=0;a<s.length;a++)i(s[a]);var d=B(t,j(c,o));d.targets=d.targets||o.targets;var u=n.duration;d.autoplay=!1,d.direction=n.direction,d.timelineOffset=v.und(e)?u:X(e,u),i(n),n.seek(d.timelineOffset);var h=ro(d);i(h),s.push(h);var l=K(s,o);return n.delay=l.delay,n.endDelay=l.endDelay,n.duration=l.duration,n.seek(0),n.reset(),n.autoplay&&n.play(),n},n},ro.easing=M,ro.penner=x,ro.random=function(o,n){return Math.floor(Math.random()*(n-o+1))+o};const ao={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:"},co=({handleUrl:n,onClick:t,open:e},r)=>n?o("a",{href:n,onClick:t,"aria-expanded":e?"true":"false"},r):o("button",{type:"button",onClick:t,"aria-expanded":e?"true":"false"},r),uo=({heading:n,ref:t},e)=>{switch(n){default:case"h2":return o("h2",{ref:t,class:"dso-section-handle"},e);case"h3":return o("h3",{ref:t,class:"dso-section-handle"},e);case"h4":return o("h4",{ref:t,class:"dso-section-handle"},e);case"h5":return o("h5",{ref:t,class:"dso-section-handle"},e)}},ho=({state:n})=>"danger"===n?o("dso-icon",{icon:"status-danger"}):"success"===n?o("dso-icon",{icon:"status-success"}):"info"===n?o("dso-icon",{icon:"status-info"}):"warning"===n?o("dso-icon",{icon:"status-warning"}):void 0,lo=({state:n,icon:t,attachmentCount:e})=>n?o(ho,{state:n}):e?o("dso-attachments-counter",{count:e}):t?o("dso-icon",{icon:t}):void 0,fo=class{constructor(o){n(this,o),this.handleTitle=void 0,this.heading="h2",this.handleUrl=void 0,this.state=void 0,this.attachmentCount=void 0,this.icon=void 0,this.status=void 0,this.open=!1,this.hasNestedSection=!1}toggleOpen(){this.activateAnimation()}componentWillLoad(){const o=this.host.parentElement;var n;this.hasNestedSection=null!==this.host.querySelector("dso-accordion"),(n=o)instanceof HTMLElement&&"getState"in n&&(this.accordion=o,o.getState().then((o=>{this.accordionState=o,t(this.host)}))),this.prepareAnimationResizeObserver()}componentDidLoad(){var o,n;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".dso-section-body-content");t&&(null===(n=this.resizeObserver)||void 0===n||n.observe(t))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}async toggleSection(o=!0){var n;await(null===(n=this.accordion)||void 0===n?void 0:n.toggleSection(this.host).then((async()=>{o&&await this.scrollIntoViewWhenNeeded(!0)})))}async scrollSectionIntoView(){await this.scrollIntoViewWhenNeeded(!1)}async scrollIntoViewWhenNeeded(o){var n,t,e;fo.scrollCandidate=void 0;const r=null===(n=this.sectionBody)||void 0===n?void 0:n.getBoundingClientRect(),s=null===(t=this.sectionHeading)||void 0===t?void 0:t.getBoundingClientRect();if(!r||!s||!this.accordionState)return;if((()=>{var n;const t=this.host.offsetTop+s.height+(this.open&&null!==(n=this.bodyHeight)&&void 0!==n?n:0);return o&&(t>document.documentElement.scrollHeight||this.accordionState.allowMultipleOpen)})())return void(fo.scrollCandidate=this.host);const i=s.top+s.height+(this.open&&null!==(e=this.bodyHeight)&&void 0!==e?e:0);if(i>window.innerHeight){const o=i-s.top,n=o>window.innerHeight;window.scrollTo({top:n?this.host.offsetTop:this.host.offsetTop-(window.innerHeight-o),behavior:"smooth"})}else s.top<0&&window.scrollTo({top:this.host.offsetTop,behavior:"smooth"})}async toggle(o){var n;null==o||o.preventDefault(),null===(n=this.accordion)||void 0===n||n.toggleSection(this.host,o).then((async o=>{o&&await this.scrollIntoViewWhenNeeded(!0)}))}render(){var n;const{variant:t,reverseAlign:s}=null!==(n=this.accordionState)&&void 0!==n?n:{},i=!!(this.status||this.state||this.icon||this.attachmentCount);return o(r,{class:{"dso-accordion-section":!0,["dso-accordion-"+t]:!0,"dso-nested-accordion":this.hasNestedSection,"dso-accordion-reverse-align":null!=s&&s},hidden:!t},o(uo,{heading:this.heading,ref:o=>this.sectionHeading=o},o(co,{handleUrl:this.handleUrl,onClick:async o=>await this.toggle(o),open:this.open},s?o(e,null,i&&o("div",{class:"dso-section-handle-addons"},o(lo,{icon:this.icon})),o("span",null,this.handleTitle),o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"})):o(e,null,o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.state&&o("span",{class:"sr-only"},ao[this.state]),o("span",null,this.handleTitle),i&&o("div",{class:"dso-section-handle-addons"},this.status&&o("span",{class:"dso-status"},this.status),o(lo,{state:this.state,icon:this.icon,attachmentCount:this.attachmentCount}))))),o("div",{class:{"dso-section-body":!0,"dso-animate-ready":!!this.animeInstance},ref:o=>this.sectionBody=o,"aria-hidden":this.open?"false":"true"},o("div",{class:"dso-section-body-content"},o("slot",null))))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(i((([o])=>{const n=o.target.getBoundingClientRect().height;this.bodyHeight!==n&&(this.bodyHeight=n,this.instantiateAnimation())}),150))}instantiateAnimation(){this.animeInstance=ro({targets:this.sectionBody,height:4,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:!1,direction:"normal",changeComplete:async()=>{fo.scrollCandidate===this.host&&(fo.scrollCandidate=void 0,await this.scrollSectionIntoView())},begin:()=>{this.sectionBody&&this.open&&(this.sectionBody.style.visibility="",this.sectionBody.style.position="",this.sectionBody.style.bottom="")},complete:()=>{this.sectionBody&&(this.sectionBody.style.height="",this.open||(this.sectionBody.style.visibility="hidden",this.sectionBody.style.position="absolute",this.sectionBody.style.bottom="100%"))}}),this.open||(this.animeInstance.reverse(),this.animeInstance.play()),this.sectionBody&&(this.sectionBody.style.height="")}activateAnimation(){this.animeInstance&&(this.animeInstance.progress>0&&this.animeInstance.progress<100?this.animeInstance.reverse():this.open?(this.animeInstance.direction="reverse",this.animeInstance.play()):(this.animeInstance.direction="normal",this.animeInstance.play()))}get host(){return s(this)}static get watchers(){return{open:["toggleOpen"]}}};fo.style="*,*::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}:host{display:block}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{font-weight:400;text-decoration:underline}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding:12px 16px 12px;text-align:start;width:100%;word-break:break-word}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transform:rotate(0);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-right:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host([open]) .dso-section-body{position:inherit;visibility:inherit}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px;overflow-y:hidden}.dso-section-body:not(.dso-animate-ready){position:absolute;visibility:hidden}.dso-section-body .dso-section-body-content{padding:20px 16px 16px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-body{border:1px solid #8b4a6a;border-radius:0 0 4px 4px}:host(.dso-accordion-default[open])>.dso-section-handle{background-color:#8b4a6a;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-default[open])>.dso-section-handle a,:host(.dso-accordion-default[open])>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open])>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open])>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-body{border-top:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5;color:#191919}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-conclusion.dso-nested-accordion[open]){background-color:#fff}";export{fo as dso_accordion_section}
+import{h as o,r as n,f as t,F as e,H as r,a as s}from"./p-8f35c8f8.js";import{d as i}from"./p-1805f5b0.js";var a={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},c={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},d=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],u={CSS:{},springs:{}};function h(o,n,t){return Math.min(Math.max(o,n),t)}function l(o,n){return o.indexOf(n)>-1}function f(o,n){return o.apply(null,n)}var v={arr:function(o){return Array.isArray(o)},obj:function(o){return l(Object.prototype.toString.call(o),"Object")},pth:function(o){return v.obj(o)&&o.hasOwnProperty("totalLength")},svg:function(o){return o instanceof SVGElement},inp:function(o){return o instanceof HTMLInputElement},dom:function(o){return o.nodeType||v.svg(o)},str:function(o){return"string"==typeof o},fnc:function(o){return"function"==typeof o},und:function(o){return void 0===o},nil:function(o){return v.und(o)||null===o},hex:function(o){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(o)},rgb:function(o){return/^rgb/.test(o)},hsl:function(o){return/^hsl/.test(o)},col:function(o){return v.hex(o)||v.rgb(o)||v.hsl(o)},key:function(o){return!a.hasOwnProperty(o)&&!c.hasOwnProperty(o)&&"targets"!==o&&"keyframes"!==o}};function p(o){var n=/\(([^)]+)\)/.exec(o);return n?n[1].split(",").map((function(o){return parseFloat(o)})):[]}function b(o,n){var t=p(o),e=h(v.und(t[0])?1:t[0],.1,100),r=h(v.und(t[1])?100:t[1],.1,100),s=h(v.und(t[2])?10:t[2],.1,100),i=h(v.und(t[3])?0:t[3],.1,100),a=Math.sqrt(r/e),c=s/(2*Math.sqrt(r*e)),d=c<1?a*Math.sqrt(1-c*c):0,l=c<1?(c*a-i)/d:-i+a;function f(o){var t=n?n*o/1e3:o;return t=c<1?Math.exp(-t*c*a)*(1*Math.cos(d*t)+l*Math.sin(d*t)):(1+l*t)*Math.exp(-t*a),0===o||1===o?o:1-t}return n?f:function(){var n=u.springs[o];if(n)return n;for(var t=1/6,e=0,r=0;;)if(1===f(e+=t)){if(++r>=16)break}else r=0;var s=e*t*1e3;return u.springs[o]=s,s}}function m(o){return void 0===o&&(o=10),function(n){return Math.ceil(h(n,1e-6,1)*o)*(1/o)}}var g,y,w=function(){var o=.1;function n(o,n){return 1-3*n+3*o}function t(o,n){return 3*n-6*o}function e(o){return 3*o}function r(o,r,s){return((n(r,s)*o+t(r,s))*o+e(r))*o}function s(o,r,s){return 3*n(r,s)*o*o+2*t(r,s)*o+e(r)}return function(n,t,e,i){if(0<=n&&n<=1&&0<=e&&e<=1){var a=new Float32Array(11);if(n!==t||e!==i)for(var c=0;c<11;++c)a[c]=r(c*o,n,e);return function(c){return n===t&&e===i||0===c||1===c?c:r(function(t){for(var i=0,c=1;10!==c&&a[c]<=t;++c)i+=o;--c;var d=i+(t-a[c])/(a[c+1]-a[c])*o,u=s(d,n,e);return u>=.001?function(o,n,t,e){for(var i=0;i<4;++i){var a=s(n,t,e);if(0===a)return n;n-=(r(n,t,e)-o)/a}return n}(t,d,n,e):0===u?d:function(o,n,t,e,s){var i,a,c=0;do{(i=r(a=n+(t-n)/2,e,s)-o)>0?t=a:n=a}while(Math.abs(i)>1e-7&&++c<10);return a}(t,i,i+o,n,e)}(c),t,i)}}}}(),x=(g={linear:function(){return function(o){return o}}},y={Sine:function(){return function(o){return 1-Math.cos(o*Math.PI/2)}},Circ:function(){return function(o){return 1-Math.sqrt(1-o*o)}},Back:function(){return function(o){return o*o*(3*o-2)}},Bounce:function(){return function(o){for(var n,t=4;o<((n=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((3*n-2)/22-o,2)}},Elastic:function(o,n){void 0===o&&(o=1),void 0===n&&(n=.5);var t=h(o,1,10),e=h(n,.1,2);return function(o){return 0===o||1===o?o:-t*Math.pow(2,10*(o-1))*Math.sin((o-1-e/(2*Math.PI)*Math.asin(1/t))*(2*Math.PI)/e)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach((function(o,n){y[o]=function(){return function(o){return Math.pow(o,n+2)}}})),Object.keys(y).forEach((function(o){var n=y[o];g["easeIn"+o]=n,g["easeOut"+o]=function(o,t){return function(e){return 1-n(o,t)(1-e)}},g["easeInOut"+o]=function(o,t){return function(e){return e<.5?n(o,t)(2*e)/2:1-n(o,t)(-2*e+2)/2}},g["easeOutIn"+o]=function(o,t){return function(e){return e<.5?(1-n(o,t)(1-2*e))/2:(n(o,t)(2*e-1)+1)/2}}})),g);function M(o,n){if(v.fnc(o))return o;var t=o.split("(")[0],e=x[t],r=p(o);switch(t){case"spring":return b(o,n);case"cubicBezier":return f(w,r);case"steps":return f(m,r);default:return f(e,r)}}function k(o){try{return document.querySelectorAll(o)}catch(o){return}}function C(o,n){for(var t=o.length,e=arguments.length>=2?arguments[1]:void 0,r=[],s=0;s<t;s++)if(s in o){var i=o[s];n.call(e,i,s,o)&&r.push(i)}return r}function F(o){return o.reduce((function(o,n){return o.concat(v.arr(n)?F(n):n)}),[])}function A(o){return v.arr(o)?o:(v.str(o)&&(o=k(o)||o),o instanceof NodeList||o instanceof HTMLCollection?[].slice.call(o):[o])}function O(o,n){return o.some((function(o){return o===n}))}function I(o){var n={};for(var t in o)n[t]=o[t];return n}function j(o,n){var t=I(o);for(var e in o)t[e]=n.hasOwnProperty(e)?n[e]:o[e];return t}function B(o,n){var t=I(o);for(var e in n)t[e]=v.und(o[e])?n[e]:o[e];return t}function z(o){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(o);if(n)return n[1]}function E(o,n){return v.fnc(o)?o(n.target,n.id,n.total):o}function L(o,n){return o.getAttribute(n)}function S(o,n,t){if(O([t,"deg","rad","turn"],z(n)))return n;var e=u.CSS[n+t];if(!v.und(e))return e;var r=document.createElement(o.tagName),s=o.parentNode&&o.parentNode!==document?o.parentNode:document.body;s.appendChild(r),r.style.position="absolute",r.style.width=100+t;var i=100/r.offsetWidth;s.removeChild(r);var a=i*parseFloat(n);return u.CSS[n+t]=a,a}function N(o,n,t){if(n in o.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),r=o.style[n]||getComputedStyle(o).getPropertyValue(e)||"0";return t?S(o,r,t):r}}function $(o,n){return v.dom(o)&&!v.inp(o)&&(!v.nil(L(o,n))||v.svg(o)&&o[n])?"attribute":v.dom(o)&&O(d,n)?"transform":v.dom(o)&&"transform"!==n&&N(o,n)?"css":null!=o[n]?"object":void 0}function H(o){if(v.dom(o)){for(var n,t=o.style.transform||"",e=/(\w+)\(([^)]*)\)/g,r=new Map;n=e.exec(t);)r.set(n[1],n[2]);return r}}function D(o,n,t,e){switch($(o,n)){case"transform":return function(o,n,t,e){var r=l(n,"scale")?1:0+function(o){return l(o,"translate")||"perspective"===o?"px":l(o,"rotate")||l(o,"skew")?"deg":void 0}(n),s=H(o).get(n)||r;return t&&(t.transforms.list.set(n,s),t.transforms.last=n),e?S(o,s,e):s}(o,n,e,t);case"css":return N(o,n,t);case"attribute":return L(o,n);default:return o[n]||0}}function X(o,n){var t=/^(\*=|\+=|-=)/.exec(o);if(!t)return o;var e=z(o)||0,r=parseFloat(n),s=parseFloat(o.replace(t[0],""));switch(t[0][0]){case"+":return r+s+e;case"-":return r-s+e;case"*":return r*s+e}}function Y(o,n){if(v.col(o))return function(o){return v.rgb(o)?(t=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(n=o))?"rgba("+t[1]+",1)":n:v.hex(o)?function(o){var n=o.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(o,n,t,e){return n+n+t+t+e+e})),t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return"rgba("+parseInt(t[1],16)+","+parseInt(t[2],16)+","+parseInt(t[3],16)+",1)"}(o):v.hsl(o)?function(o){var n,t,e,r=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(o)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(o),s=parseInt(r[1],10)/360,i=parseInt(r[2],10)/100,a=parseInt(r[3],10)/100,c=r[4]||1;function d(o,n,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?o+6*(n-o)*t:t<.5?n:t<2/3?o+(n-o)*(2/3-t)*6:o}if(0==i)n=t=e=a;else{var u=a<.5?a*(1+i):a+i-a*i,h=2*a-u;n=d(h,u,s+1/3),t=d(h,u,s),e=d(h,u,s-1/3)}return"rgba("+255*n+","+255*t+","+255*e+","+c+")"}(o):void 0;var n,t}(o);if(/\s/g.test(o))return o;var t=z(o),e=t?o.substr(0,o.length-t.length):o;return n?e+n:e}function Z(o,n){return Math.sqrt(Math.pow(n.x-o.x,2)+Math.pow(n.y-o.y,2))}function Q(o){for(var n,t=o.points,e=0,r=0;r<t.numberOfItems;r++){var s=t.getItem(r);r>0&&(e+=Z(n,s)),n=s}return e}function T(o){if(o.getTotalLength)return o.getTotalLength();switch(o.tagName.toLowerCase()){case"circle":return function(o){return 2*Math.PI*L(o,"r")}(o);case"rect":return function(o){return 2*L(o,"width")+2*L(o,"height")}(o);case"line":return function(o){return Z({x:L(o,"x1"),y:L(o,"y1")},{x:L(o,"x2"),y:L(o,"y2")})}(o);case"polyline":return Q(o);case"polygon":return function(o){var n=o.points;return Q(o)+Z(n.getItem(n.numberOfItems-1),n.getItem(0))}(o)}}function V(o,n){var t=n||{},e=t.el||function(o){for(var n=o.parentNode;v.svg(n)&&v.svg(n.parentNode);)n=n.parentNode;return n}(o),r=e.getBoundingClientRect(),s=L(e,"viewBox"),i=r.width,a=r.height,c=t.viewBox||(s?s.split(" "):[0,0,i,a]);return{el:e,viewBox:c,x:c[0]/1,y:c[1]/1,w:i,h:a,vW:c[2],vH:c[3]}}function W(o,n,t){function e(t){return void 0===t&&(t=0),o.el.getPointAtLength(n+t>=1?n+t:0)}var r=V(o.el,o.svg),s=e(),i=e(-1),a=e(1),c=t?1:r.w/r.vW,d=t?1:r.h/r.vH;switch(o.property){case"x":return(s.x-r.x)*c;case"y":return(s.y-r.y)*d;case"angle":return 180*Math.atan2(a.y-i.y,a.x-i.x)/Math.PI}}function q(o,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,e=Y(v.pth(o)?o.totalLength:o,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:v.str(o)||n?e.split(t):[]}}function P(o){return C(o?F(v.arr(o)?o.map(A):A(o)):[],(function(o,n,t){return t.indexOf(o)===n}))}function R(o){var n=P(o);return n.map((function(o,t){return{target:o,id:t,total:n.length,transforms:{list:H(o)}}}))}function U(o,n){var t=I(n);if(/^spring/.test(t.easing)&&(t.duration=b(t.easing)),v.arr(o)){var e=o.length;2!==e||v.obj(o[0])?v.fnc(n.duration)||(t.duration=n.duration/e):o={value:o}}var r=v.arr(o)?o:[o];return r.map((function(o,t){var e=v.obj(o)&&!v.pth(o)?o:{value:o};return v.und(e.delay)&&(e.delay=t?0:n.delay),v.und(e.endDelay)&&(e.endDelay=t===r.length-1?n.endDelay:0),e})).map((function(o){return B(o,t)}))}var _={css:function(o,n,t){return o.style[n]=t},attribute:function(o,n,t){return o.setAttribute(n,t)},object:function(o,n,t){return o[n]=t},transform:function(o,n,t,e,r){if(e.list.set(n,t),n===e.last||r){var s="";e.list.forEach((function(o,n){s+=n+"("+o+") "})),o.style.transform=s}}};function G(o,n){R(o).forEach((function(o){for(var t in n){var e=E(n[t],o),r=o.target,s=z(e),i=D(r,t,s,o),a=X(Y(e,s||z(i)),i),c=$(r,t);_[c](r,t,a,o.transforms,!0)}}))}function J(o,n){return C(F(o.map((function(o){return n.map((function(n){return function(o,n){var t=$(o.target,n.name);if(t){var e=function(o,n){var t;return o.tweens.map((function(e){var r=function(o,n){var t={};for(var e in o){var r=E(o[e],n);v.arr(r)&&1===(r=r.map((function(o){return E(o,n)}))).length&&(r=r[0]),t[e]=r}return t.duration=parseFloat(t.duration),t.delay=parseFloat(t.delay),t}(e,n),s=r.value,i=v.arr(s)?s[1]:s,a=z(i),c=D(n.target,o.name,a,n),d=t?t.to.original:c,u=v.arr(s)?s[0]:d,h=z(u)||z(c),l=a||h;return v.und(i)&&(i=d),r.from=q(u,l),r.to=q(X(i,u),l),r.start=t?t.end:0,r.end=r.start+r.delay+r.duration+r.endDelay,r.easing=M(r.easing,r.duration),r.isPath=v.pth(s),r.isPathTargetInsideSVG=r.isPath&&v.svg(n.target),r.isColor=v.col(r.from.original),r.isColor&&(r.round=1),t=r,r}))}(n,o),r=e[e.length-1];return{type:t,property:n.name,animatable:o,tweens:e,duration:r.end,delay:e[0].delay,endDelay:r.endDelay}}}(o,n)}))}))),(function(o){return!v.und(o)}))}function K(o,n){var t=o.length,e=function(o){return o.timelineOffset?o.timelineOffset:0},r={};return r.duration=t?Math.max.apply(Math,o.map((function(o){return e(o)+o.duration}))):n.duration,r.delay=t?Math.min.apply(Math,o.map((function(o){return e(o)+o.delay}))):n.delay,r.endDelay=t?r.duration-Math.max.apply(Math,o.map((function(o){return e(o)+o.duration-o.endDelay}))):n.endDelay,r}var oo=0,no=[],to=function(){var o;function n(t){for(var e=no.length,r=0;r<e;){var s=no[r];s.paused?(no.splice(r,1),e--):(s.tick(t),r++)}o=r>0?requestAnimationFrame(n):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",(function(){ro.suspendWhenDocumentHidden&&(eo()?o=cancelAnimationFrame(o):(no.forEach((function(o){return o._onDocumentVisibility()})),to()))})),function(){o||eo()&&ro.suspendWhenDocumentHidden||!(no.length>0)||(o=requestAnimationFrame(n))}}();function eo(){return!!document&&document.hidden}function ro(o){void 0===o&&(o={});var n,t=0,e=0,r=0,s=0,i=null;function d(o){var n=window.Promise&&new Promise((function(o){return i=o}));return o.finished=n,n}var u=function(o){var n=j(a,o),t=j(c,o),e=function(o,n){var t=[],e=n.keyframes;for(var r in e&&(n=B(function(o){for(var n=C(F(o.map((function(o){return Object.keys(o)}))),(function(o){return v.key(o)})).reduce((function(o,n){return o.indexOf(n)<0&&o.push(n),o}),[]),t={},e=function(e){var r=n[e];t[r]=o.map((function(o){var n={};for(var t in o)v.key(t)?t==r&&(n.value=o[t]):n[t]=o[t];return n}))},r=0;r<n.length;r++)e(r);return t}(e),n)),n)v.key(r)&&t.push({name:r,tweens:U(n[r],o)});return t}(t,o),r=R(o.targets),s=J(r,e),i=K(s,t),d=oo;return oo++,B(n,{id:d,children:[],animatables:r,animations:s,duration:i.duration,delay:i.delay,endDelay:i.endDelay})}(o);function l(){var o=u.direction;"alternate"!==o&&(u.direction="normal"!==o?"normal":"reverse"),u.reversed=!u.reversed,n.forEach((function(o){return o.reversed=u.reversed}))}function f(o){return u.reversed?u.duration-o:o}function p(){t=0,e=f(u.currentTime)*(1/ro.speed)}function b(o,n){n&&n.seek(o-n.timelineOffset)}function m(o){for(var n=0,t=u.animations,e=t.length;n<e;){var r=t[n],s=r.animatable,i=r.tweens,a=i.length-1,c=i[a];a&&(c=C(i,(function(n){return o<n.end}))[0]||c);for(var d=h(o-c.start-c.delay,0,c.duration)/c.duration,l=isNaN(d)?1:c.easing(d),f=c.to.strings,v=c.round,p=[],b=c.to.numbers.length,m=void 0,g=0;g<b;g++){var y=void 0,w=c.to.numbers[g],x=c.from.numbers[g]||0;y=c.isPath?W(c.value,l*w,c.isPathTargetInsideSVG):x+l*(w-x),v&&(c.isColor&&g>2||(y=Math.round(y*v)/v)),p.push(y)}var M=f.length;if(M){m=f[0];for(var k=0;k<M;k++){var F=f[k+1],A=p[k];isNaN(A)||(m+=F?A+F:A+" ")}}else m=p[0];_[r.type](s.target,r.property,m,s.transforms),r.currentValue=m,n++}}function g(o){u[o]&&!u.passThrough&&u[o](u)}function y(o){var a=u.duration,c=u.delay,v=a-u.endDelay,p=f(o);u.progress=h(p/a*100,0,100),u.reversePlayback=p<u.currentTime,n&&function(o){if(u.reversePlayback)for(var t=s;t--;)b(o,n[t]);else for(var e=0;e<s;e++)b(o,n[e])}(p),!u.began&&u.currentTime>0&&(u.began=!0,g("begin")),!u.loopBegan&&u.currentTime>0&&(u.loopBegan=!0,g("loopBegin")),p<=c&&0!==u.currentTime&&m(0),(p>=v&&u.currentTime!==a||!a)&&m(a),p>c&&p<v?(u.changeBegan||(u.changeBegan=!0,u.changeCompleted=!1,g("changeBegin")),g("change"),m(p)):u.changeBegan&&(u.changeCompleted=!0,u.changeBegan=!1,g("changeComplete")),u.currentTime=h(p,0,a),u.began&&g("update"),o>=a&&(e=0,u.remaining&&!0!==u.remaining&&u.remaining--,u.remaining?(t=r,g("loopComplete"),u.loopBegan=!1,"alternate"===u.direction&&l()):(u.paused=!0,u.completed||(u.completed=!0,g("loopComplete"),g("complete"),!u.passThrough&&"Promise"in window&&(i(),d(u)))))}return d(u),u.reset=function(){var o=u.direction;u.passThrough=!1,u.currentTime=0,u.progress=0,u.paused=!0,u.began=!1,u.loopBegan=!1,u.changeBegan=!1,u.completed=!1,u.changeCompleted=!1,u.reversePlayback=!1,u.reversed="reverse"===o,u.remaining=u.loop;for(var t=s=(n=u.children).length;t--;)u.children[t].reset();(u.reversed&&!0!==u.loop||"alternate"===o&&1===u.loop)&&u.remaining++,m(u.reversed?u.duration:0)},u._onDocumentVisibility=p,u.set=function(o,n){return G(o,n),u},u.tick=function(o){r=o,t||(t=r),y((r+(e-t))*ro.speed)},u.seek=function(o){y(f(o))},u.pause=function(){u.paused=!0,p()},u.play=function(){u.paused&&(u.completed&&u.reset(),u.paused=!1,no.push(u),p(),to())},u.reverse=function(){l(),u.completed=!u.reversed,p()},u.restart=function(){u.reset(),u.play()},u.remove=function(o){io(P(o),u)},u.reset(),u.autoplay&&u.play(),u}function so(o,n){for(var t=n.length;t--;)O(o,n[t].animatable.target)&&n.splice(t,1)}function io(o,n){var t=n.animations,e=n.children;so(o,t);for(var r=e.length;r--;){var s=e[r],i=s.animations;so(o,i),i.length||s.children.length||e.splice(r,1)}t.length||e.length||n.pause()}ro.version="3.2.1",ro.speed=1,ro.suspendWhenDocumentHidden=!0,ro.running=no,ro.remove=function(o){for(var n=P(o),t=no.length;t--;)io(n,no[t])},ro.get=D,ro.set=G,ro.convertPx=S,ro.path=function(o,n){var t=v.str(o)?k(o)[0]:o,e=n||100;return function(o){return{property:o,el:t,svg:V(t),totalLength:T(t)*(e/100)}}},ro.setDashoffset=function(o){var n=T(o);return o.setAttribute("stroke-dasharray",n),n},ro.stagger=function(o,n){void 0===n&&(n={});var t=n.direction||"normal",e=n.easing?M(n.easing):null,r=n.grid,s=n.axis,i=n.from||0,a="first"===i,c="center"===i,d="last"===i,u=v.arr(o),h=u?parseFloat(o[0]):parseFloat(o),l=u?parseFloat(o[1]):0,f=z(u?o[1]:o)||0,p=n.start||0+(u?h:0),b=[],m=0;return function(o,n,v){if(a&&(i=0),c&&(i=(v-1)/2),d&&(i=v-1),!b.length){for(var g=0;g<v;g++){if(r){var y=c?(r[0]-1)/2:i%r[0],w=c?(r[1]-1)/2:Math.floor(i/r[0]),x=y-g%r[0],M=w-Math.floor(g/r[0]),k=Math.sqrt(x*x+M*M);"x"===s&&(k=-x),"y"===s&&(k=-M),b.push(k)}else b.push(Math.abs(i-g));m=Math.max.apply(Math,b)}e&&(b=b.map((function(o){return e(o/m)*m}))),"reverse"===t&&(b=b.map((function(o){return s?o<0?-1*o:-o:Math.abs(m-o)})))}return p+(u?(l-h)/m:h)*(Math.round(100*b[n])/100)+f}},ro.timeline=function(o){void 0===o&&(o={});var n=ro(o);return n.duration=0,n.add=function(t,e){var r=no.indexOf(n),s=n.children;function i(o){o.passThrough=!0}r>-1&&no.splice(r,1);for(var a=0;a<s.length;a++)i(s[a]);var d=B(t,j(c,o));d.targets=d.targets||o.targets;var u=n.duration;d.autoplay=!1,d.direction=n.direction,d.timelineOffset=v.und(e)?u:X(e,u),i(n),n.seek(d.timelineOffset);var h=ro(d);i(h),s.push(h);var l=K(s,o);return n.delay=l.delay,n.endDelay=l.endDelay,n.duration=l.duration,n.seek(0),n.reset(),n.autoplay&&n.play(),n},n},ro.easing=M,ro.penner=x,ro.random=function(o,n){return Math.floor(Math.random()*(n-o+1))+o};const ao={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:",error:"fout:"},co=({handleUrl:n,onClick:t,open:e},r)=>n?o("a",{href:n,onClick:t,"aria-expanded":e?"true":"false"},r):o("button",{type:"button",onClick:t,"aria-expanded":e?"true":"false"},r),uo=({heading:n,ref:t},e)=>{switch(n){default:case"h2":return o("h2",{ref:t,class:"dso-section-handle"},e);case"h3":return o("h3",{ref:t,class:"dso-section-handle"},e);case"h4":return o("h4",{ref:t,class:"dso-section-handle"},e);case"h5":return o("h5",{ref:t,class:"dso-section-handle"},e)}},ho=({state:n})=>"error"===n?o("dso-icon",{icon:"status-error"}):"danger"===n?o("dso-icon",{icon:"status-danger"}):"success"===n?o("dso-icon",{icon:"status-success"}):"info"===n?o("dso-icon",{icon:"status-info"}):"warning"===n?o("dso-icon",{icon:"status-warning"}):void 0,lo=({state:n,icon:t,attachmentCount:e})=>n?o(ho,{state:n}):e?o("dso-attachments-counter",{count:e}):t?o("dso-icon",{icon:t}):void 0,fo=class{constructor(o){n(this,o),this.handleTitle=void 0,this.heading="h2",this.handleUrl=void 0,this.state=void 0,this.attachmentCount=void 0,this.icon=void 0,this.status=void 0,this.open=!1,this.hasNestedSection=!1}toggleOpen(){this.activateAnimation()}componentWillLoad(){const o=this.host.parentElement;var n;this.hasNestedSection=null!==this.host.querySelector("dso-accordion"),(n=o)instanceof HTMLElement&&"getState"in n&&(this.accordion=o,o.getState().then((o=>{this.accordionState=o,t(this.host)}))),this.prepareAnimationResizeObserver()}componentDidLoad(){var o,n;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".dso-section-body-content");t&&(null===(n=this.resizeObserver)||void 0===n||n.observe(t))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}async toggleSection(o=!0){var n;await(null===(n=this.accordion)||void 0===n?void 0:n.toggleSection(this.host).then((async()=>{o&&await this.scrollIntoViewWhenNeeded(!0)})))}async scrollSectionIntoView(){await this.scrollIntoViewWhenNeeded(!1)}async scrollIntoViewWhenNeeded(o){var n,t,e;fo.scrollCandidate=void 0;const r=null===(n=this.sectionBody)||void 0===n?void 0:n.getBoundingClientRect(),s=null===(t=this.sectionHeading)||void 0===t?void 0:t.getBoundingClientRect();if(!r||!s||!this.accordionState)return;if((()=>{var n;const t=this.host.offsetTop+s.height+(this.open&&null!==(n=this.bodyHeight)&&void 0!==n?n:0);return o&&(t>document.documentElement.scrollHeight||this.accordionState.allowMultipleOpen)})())return void(fo.scrollCandidate=this.host);const i=s.top+s.height+(this.open&&null!==(e=this.bodyHeight)&&void 0!==e?e:0);if(i>window.innerHeight){const o=i-s.top,n=o>window.innerHeight;window.scrollTo({top:n?this.host.offsetTop:this.host.offsetTop-(window.innerHeight-o),behavior:"smooth"})}else s.top<0&&window.scrollTo({top:this.host.offsetTop,behavior:"smooth"})}async toggle(o){var n;null==o||o.preventDefault(),null===(n=this.accordion)||void 0===n||n.toggleSection(this.host,o).then((async o=>{o&&await this.scrollIntoViewWhenNeeded(!0)}))}render(){var n;const{variant:t,reverseAlign:s}=null!==(n=this.accordionState)&&void 0!==n?n:{},i=!!(this.status||this.state||this.icon||this.attachmentCount);return o(r,{class:{"dso-accordion-section":!0,["dso-accordion-"+t]:!0,"dso-nested-accordion":this.hasNestedSection,"dso-accordion-reverse-align":null!=s&&s},hidden:!t},o(uo,{heading:this.heading,ref:o=>this.sectionHeading=o},o(co,{handleUrl:this.handleUrl,onClick:async o=>await this.toggle(o),open:this.open},s?o(e,null,i&&o("div",{class:"dso-section-handle-addons"},o(lo,{icon:this.icon})),o("span",null,this.handleTitle),o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"})):o(e,null,o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.state&&o("span",{class:"sr-only"},ao[this.state]),o("span",null,this.handleTitle),i&&o("div",{class:"dso-section-handle-addons"},this.status&&o("span",{class:"dso-status"},this.status),o(lo,{state:this.state,icon:this.icon,attachmentCount:this.attachmentCount}))))),o("div",{class:{"dso-section-body":!0,"dso-animate-ready":!!this.animeInstance},ref:o=>this.sectionBody=o,"aria-hidden":this.open?"false":"true"},o("div",{class:"dso-section-body-content"},o("slot",null))))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(i((([o])=>{const n=o.target.getBoundingClientRect().height;this.bodyHeight!==n&&(this.bodyHeight=n,this.instantiateAnimation())}),150))}instantiateAnimation(){this.animeInstance=ro({targets:this.sectionBody,height:4,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:!1,direction:"normal",changeComplete:async()=>{var o;null===(o=this.accordion)||void 0===o||o.animationEnd(this.host),fo.scrollCandidate===this.host&&(fo.scrollCandidate=void 0,await this.scrollSectionIntoView())},begin:()=>{this.sectionBody&&this.open&&(this.sectionBody.style.visibility="",this.sectionBody.style.position="",this.sectionBody.style.bottom="")},complete:()=>{this.sectionBody&&(this.sectionBody.style.height="",this.open||(this.sectionBody.style.visibility="hidden",this.sectionBody.style.position="absolute",this.sectionBody.style.bottom="100%"))}}),this.open||(this.animeInstance.reverse(),this.animeInstance.play()),this.sectionBody&&(this.sectionBody.style.height="")}activateAnimation(){this.animeInstance&&(this.animeInstance.progress>0&&this.animeInstance.progress<100?this.animeInstance.reverse():this.open?(this.animeInstance.direction="reverse",this.animeInstance.play()):(this.animeInstance.direction="normal",this.animeInstance.play()))}get host(){return s(this)}static get watchers(){return{open:["toggleOpen"]}}};fo.style="*,*::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}:host{display:block}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{font-weight:400;text-decoration:underline}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding:12px 16px 12px;text-align:start;width:100%;word-break:break-word}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transform:rotate(0);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-right:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host([open]) .dso-section-body{position:inherit;visibility:inherit}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px;overflow-y:hidden}.dso-section-body:not(.dso-animate-ready){position:absolute;visibility:hidden}.dso-section-body .dso-section-body-content{padding:20px 16px 16px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-body{border:1px solid #8b4a6a;border-radius:0 0 4px 4px}:host(.dso-accordion-default[open])>.dso-section-handle{background-color:#8b4a6a;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-default[open])>.dso-section-handle a,:host(.dso-accordion-default[open])>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open])>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open])>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-body{border-top:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5;color:#191919}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-conclusion.dso-nested-accordion[open]){background-color:#fff}";export{fo as dso_accordion_section}

package/dist/dso-toolkit/p-36cd87c4.entry.js

@@ -0,0 +1 @@
+import{g as t,f as e,r as s,c as n,h as i,H as o,a as r}from"./p-8f35c8f8.js";const a=t=>!("isConnected"in t)||t.isConnected,c=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys())t.set(e,t.get(e).filter(a))})(...e)}),2e3)}})(),l=t=>"function"==typeof t?t():t,h=class{constructor(i){s(this,i),this.dsoToggleSection=n(this,"dsoToggleSection",7),this.dsoToggleSectionAnimationEnd=n(this,"dsoToggleSectionAnimationEnd",7),this.variant="default",this.reverseAlign=!1,this.allowMultipleOpen=!1;const{state:o}=((s,n)=>{const i=((t,e=((t,e)=>t!==e))=>{const s=l(t);let n=new Map(Object.entries(null!=s?s:{}));const i={dispose:[],get:[],set:[],reset:[]},o=()=>{var e;n=new Map(Object.entries(null!==(e=l(t))&&void 0!==e?e:{})),i.reset.forEach((t=>t()))},r=t=>(i.get.forEach((e=>e(t))),n.get(t)),a=(t,s)=>{const o=n.get(t);e(s,o,t)&&(n.set(t,s),i.set.forEach((e=>e(t,s,o))))},c="undefined"==typeof Proxy?{}:new Proxy(s,{get:(t,e)=>r(e),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>n.has(e),set:(t,e,s)=>(a(e,s),!0)}),h=(t,e)=>(i[t].push(e),()=>{((t,e)=>{const s=t.indexOf(e);s>=0&&(t[s]=t[t.length-1],t.length--)})(i[t],e)});return{state:c,get:r,set:a,on:h,onChange:(e,s)=>{const n=h("set",((t,n)=>{t===e&&s(n)})),i=h("reset",(()=>s(l(t)[e])));return()=>{n(),i()}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(h("set",e.set)),e.get&&t.push(h("get",e.get)),e.reset&&t.push(h("reset",e.reset)),e.dispose&&t.push(h("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{i.dispose.forEach((t=>t())),o()},reset:o,forceUpdate:t=>{const e=n.get(t);i.set.forEach((s=>s(t,e,e)))}}})(s,n);return i.use((()=>{if("function"!=typeof t)return{};const s=new Map;return{dispose:()=>s.clear(),get:e=>{const n=t();n&&((t,e,s)=>{const n=t.get(e);n?n.includes(s)||n.push(s):t.set(e,[s])})(s,e,n)},set:t=>{const n=s.get(t);n&&s.set(t,n.filter(e)),c(s)},reset:()=>{s.forEach((t=>t.forEach(e))),c(s)}}})()),i})({variant:this.variant||"default",reverseAlign:this.reverseAlign,allowMultipleOpen:this.allowMultipleOpen});this.accordionState=o}updateVariant(t="default"){this.accordionState.variant=t||"default"}updateReverseAlign(t){this.accordionState.reverseAlign=t}updateAllowMultipleOpen(t){if(this.accordionState.allowMultipleOpen=t,!t){const t=Array.from(this.host.querySelectorAll(":scope > dso-accordion-section[open]"));t.shift(),t.forEach((t=>this.controlOpenAttribute(t,!1)))}}async getState(){return this.accordionState}async toggleSection(t,e){const s=Array.from(this.host.querySelectorAll(":scope > dso-accordion-section"));if("number"==typeof t&&(t=s[t]),!(t instanceof HTMLElement&&s.includes(t)))return;const n=this.isSectionOpen(t);return this.allowMultipleOpen?(this.controlOpenAttribute(t,!n),this.emitToggleEvent(t,s,e),!n):n?(this.controlOpenAttribute(t,!1),this.emitToggleEvent(t,s,e),!1):(await this.closeOpenSections(),this.controlOpenAttribute(t,!0),this.emitToggleEvent(t,s,e),!0)}async animationEnd(t){this.dsoToggleSectionAnimationEnd.emit({section:{element:t,open:this.isSectionOpen(t)}})}async closeOpenSections(){Array.from(this.host.querySelectorAll(":scope > dso-accordion-section")).filter((t=>this.isSectionOpen(t))).forEach((t=>this.controlOpenAttribute(t,!1)))}componentWillLoad(){this.accordionState.variant!==this.variant&&(this.accordionState.variant=this.variant||"default"),this.accordionState.reverseAlign!==this.reverseAlign&&(this.accordionState.reverseAlign=this.reverseAlign),this.accordionState.allowMultipleOpen!==this.allowMultipleOpen&&(this.accordionState.allowMultipleOpen=this.allowMultipleOpen)}render(){return i(o,{class:{"dso-accordion":!0}},i("slot",null))}emitToggleEvent(t,e,s){this.dsoToggleSection.emit({originalEvent:s,section:{element:t,open:this.isSectionOpen(t)},sections:e})}isSectionOpen(t){return"string"==typeof t.getAttribute("open")}controlOpenAttribute(t,e){e?t.setAttribute("open",""):t.removeAttribute("open")}get host(){return r(this)}static get watchers(){return{variant:["updateVariant"],reverseAlign:["updateReverseAlign"],allowMultipleOpen:["updateAllowMultipleOpen"]}}};h.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}";export{h as dso_accordion}

package/dist/dso-toolkit/{p-34a3c0b3.entry.js → p-6080bb9e.entry.js}

@@ -1 +1 @@
-import{r as n,c as o,h as t}from"./p-8f35c8f8.js";import{c as e}from"./p-57ceabab.js";import{c as s}from"./p-6a1980b4.js";import"./p-3635427a.js";const i=class{constructor(t){n(this,t),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.manualInputWrapperElement=void 0,this.manualCount=void 0,this.label=void 0,this.sublabel=void 0,this.subcontent=void 0,this.count=void 0,this.min=void 0,this.max=void 0,this.checked=!1,this.disabled=!1}componentDidRender(){var n;void 0!==this.manualCount&&this.manualInputWrapperElement&&!this.trap?this.trap=e(this.manualInputWrapperElement,{escapeDeactivates:!0,setReturnFocus:!1,clickOutsideDeactivates:n=>(this.setCount(n),!0),onDeactivate:()=>this.stopManualCountInput(),onPostDeactivate:()=>{var n;return null===(n=this.manualInputButtonElement)||void 0===n?void 0:n.focus()}}).activate():void 0===this.manualCount&&this.trap&&(null===(n=this.trap)||void 0===n||n.deactivate(),delete this.trap)}disconnectedCallback(){var n;null===(n=this.trap)||void 0===n||n.deactivate()}handleOnChange({target:n}){n instanceof HTMLInputElement&&(this.manualCount=n.valueAsNumber)}stepValue(n,o){if("number"==typeof this.count){const t="increment"===o?this.count+1:this.count-1;if(!1===this.isNewCountValid(t))return;this.dsoCountChange.emit({originalEvent:n,count:t})}}setCount(n){n.preventDefault(),"number"==typeof this.manualCount&&this.isNewCountValid(this.manualCount)&&(this.dsoCountChange.emit({originalEvent:n,count:this.manualCount}),this.stopManualCountInput())}handleSelectClick(n){n.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:n,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:n,count:this.count>0?0:1})}startManualCountInput(){this.manualCount=this.count}stopManualCountInput(){this.manualCount=void 0}isNewCountValid(n){return void 0===this.min||void 0===this.max||!(n<Number(this.min)||n>Number(this.max))}render(){const n=void 0===this.manualCount,o=this.checked||void 0!==this.count&&this.count>0;return t("div",{class:s(["dso-btn-group",{"dso-disabled":this.disabled}])},t("div",{class:s(["dso-list-button",{"dso-selected":o,"dso-single-count":1===this.count}]),onClick:n=>this.handleSelectClick(n)},t("div",{class:"dso-selectable"},t("input",{id:"dso-list-button-checkbox",type:"checkbox",value:"list-button",name:"naam",checked:o,disabled:this.disabled,"aria-label":this.label}),t("label",{htmlFor:"dso-list-button-checkbox"},this.label)),this.sublabel&&t("span",{class:"dso-sublabel"},this.sublabel),this.subcontent&&t("span",{class:"dso-subcontent"},this.subcontent)),void 0!==this.count&&this.count>0&&t("div",{class:"dso-input-number"},void 0===this.manualCount&&this.count>1&&t("button",{type:"button",class:"dso-tertiary",disabled:this.count===Number(this.min)||this.disabled,onClick:n=>this.stepValue(n,"decrement")},t("dso-icon",{icon:"minus-circle"}),t("span",{class:"sr-only"},"Aantal verlagen")),t("div",{class:"dso-input-wrapper"},void 0===this.manualCount&&this.count>1&&t("input",{class:"dso-input-step-counter",type:"number",tabIndex:-1,"aria-label":"Aantal",value:this.count,readOnly:!0}),t("form",{onSubmit:n=>this.setCount(n)},t("div",{ref:n=>this.manualInputWrapperElement=n},t("input",{class:s("form-control",{hidden:n}),type:"number","aria-label":"Aantal",value:this.manualCount,min:this.min,max:this.max,onInput:n=>this.handleOnChange(n)})),t("button",{class:s("dso-manual-input-button",{"sr-only":!n}),type:n?"button":"submit",disabled:this.disabled,onClick:()=>n&&this.startManualCountInput()},t("span",{class:"sr-only"},n?"Handmatig aantal invullen":"Zet waarde")))),n&&t("button",{type:"button",class:"dso-tertiary",disabled:this.count===Number(this.max)||this.disabled,onClick:n=>this.stepValue(n,"increment")},t("dso-icon",{icon:"plus-circle"}),t("span",{class:"sr-only"},"Aantal verhogen"))))}};i.style="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-manual-input-button {\n  cursor: text;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  cursor: pointer;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #676cb0;\n}\n.dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n\n.dso-input-number:not(.form-group) {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n}\n.dso-input-number label {\n  width: 100%;\n}\n.dso-input-number .dso-input-step-counter {\n  align-self: center;\n  background-color: transparent;\n  border: 0;\n  display: inline-block;\n  height: 1.5rem;\n  text-align: center;\n  width: 1.5rem;\n}\n.dso-input-number .dso-input-step-counter:focus, .dso-input-number .dso-input-step-counter:active {\n  outline: 0;\n}\n.dso-input-number .dso-input-step-counter::-webkit-outer-spin-button, .dso-input-number .dso-input-step-counter::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.dso-input-number .dso-input-step-counter[type=number] {\n  -moz-appearance: textfield;\n}\n\n.dso-btn-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-btn-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n  pointer-events: none;\n}\n.dso-btn-group > * {\n  border-radius: 0;\n}\n.dso-btn-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-btn-group > *:not(:first-child) {\n  border-left-style: none !important;\n}\n.dso-btn-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-btn-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-btn-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding: 0 16px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-btn-group > *:hover + .dso-input-number,\n.dso-btn-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n  border-width: 1px;\n  outline: 1px solid #39870c;\n}\n.dso-btn-group > *:active + .dso-input-number, .dso-btn-group > *:active + .dso-input-number:hover,\n.dso-btn-group > *.active + .dso-input-number,\n.dso-btn-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.disabled + .dso-input-number, .dso-btn-group > *.disabled + .dso-input-number:hover,\n.dso-btn-group > *[disabled] + .dso-input-number,\n.dso-btn-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-btn-group .dso-list-button {\n  padding-right: 15px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group {\n    flex-direction: column;\n  }\n  .dso-btn-group > *:first-child {\n    border-radius: 4px 4px 0 0;\n  }\n  .dso-btn-group > *:not(:first-child) {\n    border-left-style: solid !important;\n    border-top-style: none !important;\n  }\n  .dso-btn-group > *:last-child {\n    border-radius: 0 0 4px 4px;\n  }\n  .dso-btn-group > *:only-child {\n    border-radius: 4px;\n  }\n}\n\n.dso-selectable {\n  position: relative;\n  padding: 0 0 0 32px;\n}\n.dso-selectable .dso-selectable-options {\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 0;\n}\n.dso-selectable .dso-selectable-options li + li {\n  margin-top: 8px;\n}\n.dso-selectable label {\n  font-weight: 400;\n  line-height: 24px;\n  margin: 0;\n}\n.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,\n.dso-selectable input[type=radio][disabled] + label::before,\n.dso-selectable input[type=radio][disabled]:active + label::before,\n.dso-selectable input[type=radio][disabled]:focus + label::before {\n  background-color: #fff;\n  box-shadow: 0 0 0 2px #e5e5e5;\n}\n.dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n  height: 24px;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  width: 24px;\n  z-index: 100;\n  zoom: 1;\n}\n@media (prefers-contrast: more) {\n  .dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n    opacity: 1;\n  }\n}\n.dso-selectable input[type=checkbox]:not([disabled]),\n.dso-selectable input[type=radio]:not([disabled]) {\n  cursor: pointer;\n}\n.dso-selectable input[type=checkbox] + label,\n.dso-selectable input[type=radio] + label {\n  display: inline;\n  font-style: normal;\n  padding-left: 0;\n}\n.dso-selectable input[type=checkbox] + label::before,\n.dso-selectable input[type=radio] + label::before {\n  background: #fff;\n  border: 0;\n  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);\n  content: \"\";\n  height: 20px;\n  left: 2px;\n  position: absolute;\n  top: 2px;\n  width: 20px;\n}\n.dso-selectable input[type=checkbox]:focus,\n.dso-selectable input[type=radio]:focus {\n  outline: 0;\n}\n.dso-selectable input[type=checkbox]:focus + label::before,\n.dso-selectable input[type=radio]:focus + label::before {\n  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);\n  height: 18px;\n  left: 3px;\n  top: 3px;\n  width: 18px;\n}\n.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,\n.dso-selectable input[type=radio]:active + label::before,\n.dso-selectable input[type=radio].active + label::before {\n  background-color: #ebf3e6;\n  box-shadow: 0 0 0 1px #275937;\n  height: 22px;\n  left: 1px;\n  top: 1px;\n  width: 22px;\n}\n.dso-selectable input[type=checkbox] + label::before {\n  border-radius: 4px;\n}\n.dso-selectable input[type=checkbox] + label::after {\n  background: transparent;\n  content: \"\";\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  zoom: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {\n  opacity: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after {\n  border: solid;\n  border-color: var(--dso-selectable-color, #39870c);\n  border-top-color: transparent;\n  border-width: 0 0 3px 3px;\n  height: 8px;\n  transform: rotate(-45deg);\n  width: 13px;\n}\n.dso-selectable input[type=checkbox]:indeterminate + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  height: 12px;\n  width: 12px;\n}\n.dso-selectable input[type=radio] + label::before {\n  border-radius: 50%;\n}\n.dso-selectable input[type=radio] + label::after {\n  background-color: transparent;\n  border-radius: 50%;\n  content: \"\";\n  height: 12px;\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  width: 12px;\n  zoom: 1;\n}\n.dso-selectable input[type=radio]:checked + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  opacity: 1;\n}\n.dso-selectable > dso-info {\n  float: none;\n  margin: 8px 16px 0 -32px;\n  width: calc(100% + 32px);\n}\n.dso-selectable label {\n  font-weight: 700;\n}\n\n.dso-list-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: #ccc;\n  color: #191919;\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding: 15px 47px 15px 15px;\n  position: relative;\n  text-align: left;\n  white-space: normal;\n  width: 100%;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  outline: 1px solid #39870c;\n}\n.dso-list-button.dso-selected.dso-single-count {\n  position: relative;\n}\n.dso-list-button.dso-selected.dso-single-count::after {\n  background-color: #fff;\n  bottom: 0;\n  content: \"\";\n  display: inline-block;\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 2px;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel {\n  font-weight: 400;\n  width: 100%;\n}\n.dso-list-button .dso-subcontent {\n  color: #666;\n  font-weight: 400;\n  padding: 16px 0 0 16px;\n}\n.dso-list-button .dso-subcontent mark {\n  background-color: transparent;\n  color: #666;\n  font-weight: 700;\n  padding: 0;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di,\n.dso-list-button .dso-count {\n  height: 24px;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n  width: 24px;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di {\n  color: #39870c;\n  page-break-before: always;\n}\n.dso-list-button .dso-count {\n  font-weight: 700;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    width: 0;\n  }\n}\n.dso-list-button .dso-sublabel {\n  padding-left: 32px;\n}\n.dso-list-button .dso-subcontent {\n  padding-left: 48px;\n  padding-top: 8px;\n}\n\n.dso-list-button + .dso-list-button,\n.dso-list-button + .dso-btn-group,\n.dso-btn-group + .dso-list-button,\n.dso-btn-group + .dso-btn-group {\n  margin-top: 4px;\n}\n\n.dso-input-wrapper {\n  position: relative;\n}\n.dso-input-wrapper .form-control {\n  width: 9ch;\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: 40px;\n  padding: 6px 14px;\n  font-size: 1rem;\n  line-height: 1.5;\n  color: #191919;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #275937;\n  border-radius: 4px;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n.form-control::-moz-placeholder {\n  color: #666;\n  opacity: 1;\n}\n.form-control:-ms-input-placeholder {\n  color: #666;\n}\n.form-control::-webkit-input-placeholder {\n  color: #666;\n}\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n.form-control:focus {\n  border-color: #275937;\n  outline: 0;\n  box-shadow: inset 0 0 0 1px #275937;\n}\n.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\n  background-color: #fff;\n  opacity: 1;\n}\n.form-control[disabled], fieldset[disabled] .form-control {\n  cursor: default;\n}\n.form-control[disabled] {\n  border-color: #e5e5e5;\n  color: #999;\n}\n.form-control[readonly] {\n  border-width: 1px;\n}\n.form-control[type=text] {\n  line-height: 40px;\n}\n.form-control[size] {\n  width: auto;\n}\n\n.dso-manual-input-button[type=button] {\n  background-color: transparent;\n  border: 0;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.hidden {\n  display: none !important;\n}";export{i as dso_list_button}
+import{r as n,c as o,h as t}from"./p-8f35c8f8.js";import{c as e}from"./p-57ceabab.js";import{c as s}from"./p-6a1980b4.js";import"./p-3635427a.js";const i=class{constructor(t){n(this,t),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.manualInputWrapperElement=void 0,this.manualCount=void 0,this.label=void 0,this.sublabel=void 0,this.subcontent=void 0,this.count=void 0,this.min=void 0,this.max=void 0,this.checked=!1,this.disabled=!1}componentDidRender(){var n;void 0!==this.manualCount&&this.manualInputWrapperElement&&!this.trap?this.trap=e(this.manualInputWrapperElement,{escapeDeactivates:!0,setReturnFocus:!1,clickOutsideDeactivates:n=>(this.setCount(n),!0),onDeactivate:()=>this.stopManualCountInput(),onPostDeactivate:()=>{var n;return null===(n=this.manualInputButtonElement)||void 0===n?void 0:n.focus()}}).activate():void 0===this.manualCount&&this.trap&&(null===(n=this.trap)||void 0===n||n.deactivate(),delete this.trap)}disconnectedCallback(){var n;null===(n=this.trap)||void 0===n||n.deactivate()}handleOnChange({target:n}){n instanceof HTMLInputElement&&(this.manualCount=n.valueAsNumber)}stepValue(n,o){if("number"==typeof this.count){const t="increment"===o?this.count+1:this.count-1;if(!1===this.isNewCountValid(t))return;this.dsoCountChange.emit({originalEvent:n,count:t})}}setCount(n){n.preventDefault(),"number"==typeof this.manualCount&&this.isNewCountValid(this.manualCount)&&(this.dsoCountChange.emit({originalEvent:n,count:this.manualCount}),this.stopManualCountInput())}handleSelectClick(n){n.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:n,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:n,count:this.count>0?0:1})}startManualCountInput(){this.manualCount=this.count}stopManualCountInput(){this.manualCount=void 0}isNewCountValid(n){return void 0===this.min||void 0===this.max||!(n<Number(this.min)||n>Number(this.max))}render(){const n=void 0===this.manualCount,o=this.checked||void 0!==this.count&&this.count>0;return t("div",{class:s(["dso-btn-group",{"dso-disabled":this.disabled}])},t("div",{class:s(["dso-list-button",{"dso-selected":o,"dso-single-count":1===this.count}]),onClick:n=>this.handleSelectClick(n)},t("div",{class:"dso-selectable"},t("input",{id:"dso-list-button-checkbox",type:"checkbox",value:"list-button",name:"naam",checked:o,disabled:this.disabled,"aria-label":this.label}),t("label",{htmlFor:"dso-list-button-checkbox"},this.label)),this.sublabel&&t("span",{class:"dso-sublabel"},this.sublabel),this.subcontent&&t("span",{class:"dso-subcontent"},this.subcontent)),void 0!==this.count&&this.count>0&&t("div",{class:"dso-input-number"},void 0===this.manualCount&&this.count>1&&t("button",{type:"button",class:"dso-tertiary",disabled:this.count===Number(this.min)||this.disabled,onClick:n=>this.stepValue(n,"decrement")},t("dso-icon",{icon:"minus-circle"}),t("span",{class:"sr-only"},"Aantal verlagen")),t("div",{class:"dso-input-wrapper"},void 0===this.manualCount&&this.count>1&&t("input",{class:"dso-input-step-counter",type:"number",tabIndex:-1,"aria-label":"Aantal",value:this.count,readOnly:!0}),t("form",{onSubmit:n=>this.setCount(n)},t("div",{ref:n=>this.manualInputWrapperElement=n},t("input",{class:s("form-control",{hidden:n}),type:"number","aria-label":"Aantal",value:this.manualCount,min:this.min,max:this.max,onInput:n=>this.handleOnChange(n)})),t("button",{class:s("dso-manual-input-button",{"sr-only":!n}),type:n?"button":"submit",disabled:this.disabled,onClick:()=>n&&this.startManualCountInput()},t("span",{class:"sr-only"},n?"Handmatig aantal invullen":"Zet waarde")))),n&&t("button",{type:"button",class:"dso-tertiary",disabled:this.count===Number(this.max)||this.disabled,onClick:n=>this.stepValue(n,"increment")},t("dso-icon",{icon:"plus-circle"}),t("span",{class:"sr-only"},"Aantal verhogen"))))}};i.style="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-manual-input-button {\n  cursor: text;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  cursor: pointer;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #676cb0;\n}\n.dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n\n.dso-input-number:not(.form-group) {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n}\n.dso-input-number label {\n  width: 100%;\n}\n.dso-input-number .dso-input-step-counter {\n  align-self: center;\n  background-color: transparent;\n  border: 0;\n  display: inline-block;\n  height: 1.5rem;\n  text-align: center;\n  width: 1.5rem;\n}\n.dso-input-number .dso-input-step-counter:focus, .dso-input-number .dso-input-step-counter:active {\n  outline: 0;\n}\n.dso-input-number .dso-input-step-counter::-webkit-outer-spin-button, .dso-input-number .dso-input-step-counter::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.dso-input-number .dso-input-step-counter[type=number] {\n  -moz-appearance: textfield;\n}\n\n.dso-btn-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-btn-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n  pointer-events: none;\n}\n.dso-btn-group > * {\n  border-radius: 0;\n}\n.dso-btn-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-btn-group > *:not(:first-child) {\n  border-left-style: none !important;\n}\n.dso-btn-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-btn-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-btn-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding: 0 16px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-btn-group > *:hover + .dso-input-number,\n.dso-btn-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > *.dso-selected + .dso-input-number {\n    box-shadow: inset 0 -1px 0 0 #39870c, inset 0 0 0 0 #39870c, inset -1px 0 0 0 #39870c, inset 1px 0 0 0 #39870c;\n  }\n}\n@media screen and (min-width: 768px) {\n  .dso-btn-group > *.dso-selected + .dso-input-number {\n    box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;\n  }\n}\n.dso-btn-group > *:active + .dso-input-number, .dso-btn-group > *:active + .dso-input-number:hover,\n.dso-btn-group > *.active + .dso-input-number,\n.dso-btn-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.disabled + .dso-input-number, .dso-btn-group > *.disabled + .dso-input-number:hover,\n.dso-btn-group > *[disabled] + .dso-input-number,\n.dso-btn-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-btn-group .dso-list-button {\n  padding-right: 15px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group {\n    flex-direction: column;\n  }\n  .dso-btn-group > *:first-child {\n    border-radius: 4px 4px 0 0;\n  }\n  .dso-btn-group > *:not(:first-child) {\n    border-left-style: solid !important;\n    border-top-style: none !important;\n  }\n  .dso-btn-group > *:last-child {\n    border-radius: 0 0 4px 4px;\n  }\n  .dso-btn-group > *:only-child {\n    border-radius: 4px;\n  }\n}\n\n.dso-selectable {\n  position: relative;\n  padding: 0 0 0 32px;\n}\n.dso-selectable .dso-selectable-options {\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 0;\n}\n.dso-selectable .dso-selectable-options li + li {\n  margin-top: 8px;\n}\n.dso-selectable label {\n  font-weight: 400;\n  line-height: 24px;\n  margin: 0;\n}\n.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,\n.dso-selectable input[type=radio][disabled] + label::before,\n.dso-selectable input[type=radio][disabled]:active + label::before,\n.dso-selectable input[type=radio][disabled]:focus + label::before {\n  background-color: #fff;\n  box-shadow: 0 0 0 2px #e5e5e5;\n}\n.dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n  height: 24px;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  width: 24px;\n  z-index: 100;\n  zoom: 1;\n}\n@media (prefers-contrast: more) {\n  .dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n    opacity: 1;\n  }\n}\n.dso-selectable input[type=checkbox]:not([disabled]),\n.dso-selectable input[type=radio]:not([disabled]) {\n  cursor: pointer;\n}\n.dso-selectable input[type=checkbox] + label,\n.dso-selectable input[type=radio] + label {\n  display: inline;\n  font-style: normal;\n  padding-left: 0;\n}\n.dso-selectable input[type=checkbox] + label::before,\n.dso-selectable input[type=radio] + label::before {\n  background: #fff;\n  border: 0;\n  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);\n  content: \"\";\n  height: 20px;\n  left: 2px;\n  position: absolute;\n  top: 2px;\n  width: 20px;\n}\n.dso-selectable input[type=checkbox]:focus,\n.dso-selectable input[type=radio]:focus {\n  outline: 0;\n}\n.dso-selectable input[type=checkbox]:focus + label::before,\n.dso-selectable input[type=radio]:focus + label::before {\n  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);\n  height: 18px;\n  left: 3px;\n  top: 3px;\n  width: 18px;\n}\n.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,\n.dso-selectable input[type=radio]:active + label::before,\n.dso-selectable input[type=radio].active + label::before {\n  background-color: #ebf3e6;\n  box-shadow: 0 0 0 1px #275937;\n  height: 22px;\n  left: 1px;\n  top: 1px;\n  width: 22px;\n}\n.dso-selectable input[type=checkbox] + label::before {\n  border-radius: 4px;\n}\n.dso-selectable input[type=checkbox] + label::after {\n  background: transparent;\n  content: \"\";\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  zoom: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {\n  opacity: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after {\n  border: solid;\n  border-color: var(--dso-selectable-color, #39870c);\n  border-top-color: transparent;\n  border-width: 0 0 3px 3px;\n  height: 8px;\n  transform: rotate(-45deg);\n  width: 13px;\n}\n.dso-selectable input[type=checkbox]:indeterminate + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  height: 12px;\n  width: 12px;\n}\n.dso-selectable input[type=radio] + label::before {\n  border-radius: 50%;\n}\n.dso-selectable input[type=radio] + label::after {\n  background-color: transparent;\n  border-radius: 50%;\n  content: \"\";\n  height: 12px;\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  width: 12px;\n  zoom: 1;\n}\n.dso-selectable input[type=radio]:checked + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  opacity: 1;\n}\n.dso-selectable > dso-info {\n  float: none;\n  margin: 8px 16px 0 -32px;\n  width: calc(100% + 32px);\n}\n.dso-selectable label {\n  font-weight: 700;\n}\n\n.dso-list-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: #ccc;\n  color: #191919;\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding: 15px 47px 15px 15px;\n  position: relative;\n  text-align: left;\n  white-space: normal;\n  width: 100%;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;\n}\n.dso-list-button.dso-selected.dso-single-count {\n  border-right: 0;\n  box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel {\n  font-weight: 400;\n  width: 100%;\n}\n.dso-list-button .dso-subcontent {\n  color: #666;\n  font-weight: 400;\n  padding: 16px 0 0 16px;\n}\n.dso-list-button .dso-subcontent mark {\n  background-color: transparent;\n  color: #666;\n  font-weight: 700;\n  padding: 0;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di,\n.dso-list-button .dso-count {\n  height: 24px;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n  width: 24px;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di {\n  color: #39870c;\n  page-break-before: always;\n}\n.dso-list-button .dso-count {\n  font-weight: 700;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    width: 0;\n  }\n}\n.dso-list-button .dso-sublabel {\n  padding-left: 32px;\n}\n.dso-list-button .dso-subcontent {\n  padding-left: 48px;\n  padding-top: 8px;\n}\n\n.dso-list-button + .dso-list-button,\n.dso-list-button + .dso-btn-group,\n.dso-btn-group + .dso-list-button,\n.dso-btn-group + .dso-btn-group {\n  margin-top: 4px;\n}\n\n.dso-input-wrapper {\n  position: relative;\n}\n.dso-input-wrapper .form-control {\n  width: 9ch;\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: 40px;\n  padding: 6px 14px;\n  font-size: 1rem;\n  line-height: 1.5;\n  color: #191919;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #275937;\n  border-radius: 4px;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n.form-control::-moz-placeholder {\n  color: #666;\n  opacity: 1;\n}\n.form-control:-ms-input-placeholder {\n  color: #666;\n}\n.form-control::-webkit-input-placeholder {\n  color: #666;\n}\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n.form-control:focus {\n  border-color: #275937;\n  outline: 0;\n  box-shadow: inset 0 0 0 1px #275937;\n}\n.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\n  background-color: #fff;\n  opacity: 1;\n}\n.form-control[disabled], fieldset[disabled] .form-control {\n  cursor: default;\n}\n.form-control[disabled] {\n  border-color: #e5e5e5;\n  color: #999;\n}\n.form-control[readonly] {\n  border-width: 1px;\n}\n.form-control[type=text] {\n  line-height: 40px;\n}\n.form-control[size] {\n  width: auto;\n}\n\n.dso-manual-input-button[type=button] {\n  background-color: transparent;\n  border: 0;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.hidden {\n  display: none !important;\n}";export{i as dso_list_button}

package/dist/dso-toolkit/p-6bd8515a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as s,H as n,a}from"./p-8f35c8f8.js";import{i}from"./p-33df9903.js";const o=t=>t instanceof HTMLButtonElement||t instanceof HTMLAnchorElement||t instanceof HTMLInputElement||t.tagName.startsWith("DSO-TOGGLETIP"),d=class{constructor(s){t(this,s),this.dsoCardClicked=e(this,"dsoCardClicked",7),this.isSelectable=!1,this.hasImage=!1}clickEventHandler(t){if(!(t.target instanceof HTMLElement))return;let e=t.target;for(;e!==this.host&&null!==e;){if(o(e)||null===e)return;e=e.parentNode instanceof ShadowRoot&&e.parentNode.host instanceof HTMLElement?e.parentNode.host:e.parentElement}return this.dsoCardClicked.emit({originalEvent:t,isModifiedEvent:i(t)})}componentWillLoad(){this.isSelectable=null!==this.host.querySelector("*[slot = 'selectable']"),this.hasImage=null!==this.host.querySelector("*[slot = 'image']")}render(){return s(n,{onClick:t=>this.clickEventHandler(t)},s("div",{class:"dso-card-selectable",hidden:!this.isSelectable},s("slot",{name:"selectable"})),s("div",{class:"dso-card-image",hidden:!this.hasImage},s("slot",{name:"image"})),s("div",{class:"dso-card-heading"},s("slot",{name:"heading"}),s("slot",{name:"interactions"})),s("div",{class:"dso-card-content"},s("slot",{name:"content"})))}get host(){return a(this)}};d.style=":host .dso-card-selectable,:host .dso-card-image{grid-row:span 2}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host .dso-card-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}@media screen and (max-width: 480px){:host .dso-card-heading{flex-wrap:wrap}}:host .dso-card-image{margin-right:8px}";export{d as dso_card}

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

@@ -0,0 +1 @@
+import{r as o,c as d,h as s,F as t,a as r}from"./p-8f35c8f8.js";import{c as a}from"./p-57ceabab.js";import{v as e}from"./p-5d7f4ff2.js";import"./p-3635427a.js";const i=class{constructor(s){o(this,s),this.dsoClose=d(this,"dsoClose",7),this.ariaId=e(),this.hasFooter=void 0,this.modalTitle=void 0,this.role="dialog",this.showCloseButton=!0,this.initialFocus=void 0}componentWillLoad(){this.hasFooter=null!==this.host.querySelector("*[slot = 'footer']")}componentDidLoad(){this.setFocusTrap()}disconnectedCallback(){var o;null===(o=this.trap)||void 0===o||o.deactivate({onDeactivate:()=>{}})}render(){return s(t,null,s("div",{class:"dso-modal-overlay"}),s("div",{class:"dso-modal",role:this.role,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.modalElement=o},s("div",{class:"dso-dialog",role:"document",ref:o=>this.dialogElement=o},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.showCloseButton&&s("button",{type:"button",class:"dso-close",onClick:o=>this.dsoClose.emit({originalEvent:o})},s("dso-icon",{icon:"times"}),s("span",{class:"sr-only"},"Sluiten"))):s("span",{class:"sr-only",id:this.ariaId},"Dialoog"),s("div",{class:"dso-body",tabIndex:0},s("slot",{name:"body"})),this.hasFooter&&s("div",{class:"dso-footer"},s("slot",{name:"footer"})))))}setFocusTrap(){this.dialogElement&&!this.trap&&(this.trap=a(this.dialogElement,{initialFocus:()=>{var o,d,s;if(this.initialFocus){const o=this.host.querySelector(this.initialFocus);if(o)return o;console.warn(`element '${this.initialFocus}' could not be found`)}return null!==(s=null!==(o=this.host.querySelector("div[slot='footer'] .dso-primary"))&&void 0!==o?o:null===(d=this.modalElement)||void 0===d?void 0:d.querySelector(".dso-close"))&&void 0!==s&&s},allowOutsideClick:!0,escapeDeactivates:!0,tabbableOptions:{getShadowRoot:!0},clickOutsideDeactivates:o=>o instanceof MouseEvent&&o.composedPath()[0]===this.modalElement,onDeactivate:()=>{delete this.trap,this.dsoClose.emit({originalEvent:void 0})}}).activate())}get host(){return r(this)}};i.style="@keyframes slideInFromTop{0%{opacity:0}100%{opacity:1}}*,*::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{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:530}.dso-modal .dso-dialog{animation:1s ease-out 0s 1 slideInFromTop;margin-top:15vh;margin-left:auto;margin-right:auto;max-width:640px;opacity:1;background-color:#fff;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4)}.dso-modal .dso-header{border-bottom:1px solid #ccc;padding:16px;position:relative}.dso-modal .dso-header h2{color:#275937;margin:0;max-width:calc(100% - 24px)}.dso-modal .dso-header .dso-close{background-color:transparent;border:0;height:32px;padding:0;position:absolute;right:13px;text-align:center;top:16px;width:32px}.dso-modal .dso-body{height:calc(100% - 96px - 1.5rem);max-height:calc(70vh - 144px - 1.5em);min-height:1.5rem;overflow-x:auto;padding:32px}.dso-modal .dso-body p{margin:0 0 16px}.dso-modal .dso-body ul,.dso-modal .dso-body ol{margin-bottom:16px}.dso-modal .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal .dso-body pre{margin:0 0 16px}.dso-modal .dso-body blockquote{padding:16px 24px}.dso-modal .dso-body dso-highlight-box,.dso-modal .dso-body .dso-highlight-box{margin-bottom:24px}.dso-modal .dso-body img{height:auto;max-width:100%}.dso-modal .dso-footer{min-height:80px;padding:0 32px 32px;text-align:right}@media screen and (max-width: 767px){.dso-modal .dso-footer .btn+.btn,.dso-modal .dso-footer .btn+.dso-primary,.dso-modal .dso-footer .btn+.dso-secondary,.dso-modal .dso-footer .btn+.dso-tertiary,.dso-modal .dso-footer .dso-primary+.btn,.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.btn,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.btn,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-left:0}.dso-modal .dso-footer button{text-align:center;width:100%}.dso-modal .dso-footer button+button{margin-top:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span,.dso-modal .dso-footer button.btn-link,.dso-modal .dso-footer button.btn-link span{float:none}}@media screen and (min-width: 768px){.dso-modal .dso-footer .btn+.dso-secondary,.dso-modal .dso-footer .btn+.btn-default,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.btn-default,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.btn-default,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.btn-default{margin-left:16px}.dso-modal .dso-footer .btn+.dso-tertiary,.dso-modal .dso-footer .btn+.btn-link,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-primary+.btn-link,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.btn-link,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.btn-link{margin-left:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-width:100%;margin-top:0}.dso-modal .dso-footer .btn+.btn,.dso-modal .dso-footer .btn+.dso-primary,.dso-modal .dso-footer .btn+.dso-secondary,.dso-modal .dso-footer .btn+.dso-tertiary,.dso-modal .dso-footer .dso-primary+.btn,.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.btn,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.btn,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-left:0}.dso-modal .dso-footer button{text-align:center;width:100%}.dso-modal .dso-footer button+button{margin-top:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span,.dso-modal .dso-footer button.btn-link,.dso-modal .dso-footer button.btn-link span{float:none}}.dso-modal-overlay{background-color:rgba(255, 255, 255, 0.8);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:529}.dso-close dso-icon{color:#39870c}";export{i as dso_modal}

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

@@ -1314,6 +1314,7 @@ const stateMap = {
   info: "info:",
   warning: "waarschuwing:",
   danger: "fout:",
+  error: "fout:",
 };
 
 const HandleElement = ({ handleUrl, onClick, open }, children) => {
@@ -1338,6 +1339,9 @@ const Handle = ({ heading, ref }, children) => {
 };
 
 const HandleStateIcon = ({ state }) => {
+  if (state === "error") {
+    return h("dso-icon", { icon: "status-error" });
+  }
   if (state === "danger") {
     return h("dso-icon", { icon: "status-danger" });
   }
@@ -1495,6 +1499,8 @@ const AccordionSection = class {
       autoplay: false,
       direction: "normal",
       changeComplete: async () => {
+        var _a;
+        (_a = this.accordion) === null || _a === void 0 ? void 0 : _a.animationEnd(this.host);
         if (AccordionSection.scrollCandidate === this.host) {
           AccordionSection.scrollCandidate = undefined;
           await this.scrollSectionIntoView();

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

@@ -197,6 +197,7 @@ const Accordion = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.dsoToggleSection = createEvent(this, "dsoToggleSection", 7);
+    this.dsoToggleSectionAnimationEnd = createEvent(this, "dsoToggleSectionAnimationEnd", 7);
     this.variant = "default";
     this.reverseAlign = false;
     this.allowMultipleOpen = false;
@@ -215,8 +216,6 @@ const Accordion = class {
   }
   updateAllowMultipleOpen(allowMultipleOpen) {
     this.accordionState.allowMultipleOpen = allowMultipleOpen;
-  }
-  watchAllowMultiple(allowMultipleOpen) {
     if (!allowMultipleOpen) {
       const openSections = Array.from(this.host.querySelectorAll(":scope > dso-accordion-section[open]"));
       // By removing the first section, it is kept open;
@@ -255,6 +254,14 @@ const Accordion = class {
     this.emitToggleEvent(sectionElement, sections, event);
     return true;
   }
+  async animationEnd(sectionElement) {
+    this.dsoToggleSectionAnimationEnd.emit({
+      section: {
+        element: sectionElement,
+        open: this.isSectionOpen(sectionElement),
+      },
+    });
+  }
   /** Closes all sections belonging to this accordion. */
   async closeOpenSections() {
     const sections = Array.from(this.host.querySelectorAll(":scope > dso-accordion-section"));
@@ -303,7 +310,7 @@ const Accordion = class {
   static get watchers() { return {
     "variant": ["updateVariant"],
     "reverseAlign": ["updateReverseAlign"],
-    "allowMultipleOpen": ["updateAllowMultipleOpen", "watchAllowMultiple"]
+    "allowMultipleOpen": ["updateAllowMultipleOpen"]
   }; }
 };
 Accordion.style = accordionCss;