@dso-toolkit/core 51.0.0 → 51.2.0

package/dist/components/dso-slide-toggle.js

@@ -0,0 +1,57 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { v as v4 } from './v4.js';
+
+const slideToggleCss = "button.dso-slider{border:0;padding:0}button.dso-slider:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider svg rect{fill:#999;transition:fill 0.25s}button.dso-slider svg circle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true] svg rect{fill:#275937}button.dso-slider[aria-checked=true] svg circle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled] svg rect{fill:#ccc}button.dso-slider[disabled] svg circle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true] svg rect{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true] svg circle{fill:#e5e5e5}.dso-slider{border-radius:24px;display:inline-flex}.dso-slider:hover{cursor:pointer}";
+
+const SlideToggle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.dsoActiveChange = createEvent(this, "dsoActiveChange", 7);
+    this.checked = false;
+    this.disabled = false;
+    this.accessibleLabel = undefined;
+    this.labelledbyId = undefined;
+    this.hasVisibleLabel = undefined;
+    this.identifier = v4();
+  }
+  handleSwitch(e) {
+    this.dsoActiveChange.emit({
+      originalEvent: e,
+      checked: !this.checked,
+    });
+  }
+  componentWillLoad() {
+    this.hasVisibleLabel = this.host.querySelector("*") !== null;
+  }
+  render() {
+    return (h(Fragment, null, h("button", Object.assign({ id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e) }, (this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), (this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {})), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("rect", { width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { htmlFor: this.identifier }, h("slot", null)))));
+  }
+  get host() { return this; }
+  static get style() { return slideToggleCss; }
+}, [4, "dso-slide-toggle", {
+    "checked": [4],
+    "disabled": [4],
+    "accessibleLabel": [1, "accessible-label"],
+    "labelledbyId": [1, "labelledby-id"],
+    "identifier": [1],
+    "hasVisibleLabel": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["dso-slide-toggle"];
+  components.forEach(tagName => { switch (tagName) {
+    case "dso-slide-toggle":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SlideToggle);
+      }
+      break;
+  } });
+}
+
+const DsoSlideToggle = SlideToggle;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsoSlideToggle, defineCustomElement };

package/dist/components/index.d.ts

@@ -29,6 +29,7 @@ export { ProgressBar as DsoProgressBar } from '../types/components/progress-bar/
 export { Progressindicator as DsoProgressIndicator } from '../types/components/progress-indicator/progress-indicator';
 export { ResponsiveElement as DsoResponsiveElement } from '../types/components/responsive-element/responsive-element';
 export { Selectable as DsoSelectable } from '../types/components/selectable/selectable';
+export { SlideToggle as DsoSlideToggle } from '../types/components/slide-toggle/slide-toggle';
 export { Table as DsoTable } from '../types/components/table/table';
 export { Toggletip as DsoToggletip } from '../types/components/toggletip/toggletip';
 export { Tooltip as DsoTooltip } from '../types/components/tooltip/tooltip';

package/dist/components/index.js

@@ -29,6 +29,7 @@ export { DsoProgressBar, defineCustomElement as defineCustomElementDsoProgressBa
 export { DsoProgressIndicator, defineCustomElement as defineCustomElementDsoProgressIndicator } from './dso-progress-indicator.js';
 export { DsoResponsiveElement, defineCustomElement as defineCustomElementDsoResponsiveElement } from './dso-responsive-element.js';
 export { DsoSelectable, defineCustomElement as defineCustomElementDsoSelectable } from './dso-selectable.js';
+export { DsoSlideToggle, defineCustomElement as defineCustomElementDsoSlideToggle } from './dso-slide-toggle.js';
 export { DsoTable, defineCustomElement as defineCustomElementDsoTable } from './dso-table.js';
 export { DsoToggletip, defineCustomElement as defineCustomElementDsoToggletip } from './dso-toggletip.js';
 export { DsoTooltip, defineCustomElement as defineCustomElementDsoTooltip } from './dso-tooltip.js';

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-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)));
+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-9287b2f2",[[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-abbcbe6a",[[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-ce475f06",[[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-520a2cdd",[[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-11176cb8",[[4,"dso-slide-toggle",{checked:[4],disabled:[4],accessibleLabel:[1,"accessible-label"],labelledbyId:[1,"labelledby-id"],identifier:[1],hasVisibleLabel:[32]}]]],["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-11176cb8.entry.js

@@ -0,0 +1 @@
+import{r as i,c as s,h as t,F as e,a as l}from"./p-8f35c8f8.js";import{v as r}from"./p-5d7f4ff2.js";const o=class{constructor(t){i(this,t),this.dsoActiveChange=s(this,"dsoActiveChange",7),this.checked=!1,this.disabled=!1,this.accessibleLabel=void 0,this.labelledbyId=void 0,this.hasVisibleLabel=void 0,this.identifier=r()}handleSwitch(i){this.dsoActiveChange.emit({originalEvent:i,checked:!this.checked})}componentWillLoad(){this.hasVisibleLabel=null!==this.host.querySelector("*")}render(){return t(e,null,t("button",Object.assign({id:this.identifier,role:"switch",class:"dso-slider","aria-checked":""+this.checked,disabled:this.disabled,onClick:i=>this.handleSwitch(i)},this.accessibleLabel?{"aria-label":this.accessibleLabel}:{},this.labelledbyId?{"aria-labelledby":this.labelledbyId}:{}),t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"20",viewBox:"0 0 40 20"},t("g",{fill:"none","fill-rule":"evenodd"},t("rect",{width:"40",height:"20",fill:"currentColor",rx:"10"}),t("circle",{cy:"10",r:"8",fill:"currentColor"})))),this.hasVisibleLabel&&t("label",{htmlFor:this.identifier},t("slot",null)))}get host(){return l(this)}};o.style="button.dso-slider{border:0;padding:0}button.dso-slider:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider svg rect{fill:#999;transition:fill 0.25s}button.dso-slider svg circle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true] svg rect{fill:#275937}button.dso-slider[aria-checked=true] svg circle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled] svg rect{fill:#ccc}button.dso-slider[disabled] svg circle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true] svg rect{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true] svg circle{fill:#e5e5e5}.dso-slider{border-radius:24px;display:inline-flex}.dso-slider:hover{cursor:pointer}";export{o as dso_slide_toggle}

package/dist/dso-toolkit/p-520a2cdd.entry.js

@@ -0,0 +1 @@
+import{h as n,F as o,r as t,c as e,H as s,a as c}from"./p-8f35c8f8.js";import{i as r}from"./p-3635427a.js";import{v as i}from"./p-5d7f4ff2.js";function d(n){return n instanceof Element?n.localName:n.nodeName.includes(":")?n.nodeName.substring(n.nodeName.indexOf(":")+1):n.nodeName}class l{constructor(){this.name="Al"}render(o,{mapNodeToJsx:t,path:e}){const s=e.some((n=>{const o=d(n);return"Al"===o||"Opschrift"===o})),c=t(o.childNodes);return s?n("span",{role:"paragraph"},c):n("p",null,c)}}class a{constructor(){this.name="Bron"}render(o,{mapNodeToJsx:t}){return n("span",{class:"dso-ozon-bron"},t(o.childNodes))}}class u{constructor(){this.name="#document"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}class h{constructor(){this.name=["ExtRef","ExtIoRef"]}render(o,{mapNodeToJsx:t}){const e=o.getAttribute("ExtIoRef"===o.tagName?"href":"ref");return n("a",{target:"_blank",rel:"noopener noreferrer",href:null!=e?e:void 0},n("span",{class:"sr-only"},"opent in nieuw venster "),t(o.childNodes))}}class p{constructor(){this.name=["<fallback>"]}render(o,{mapNodeToJsx:t}){return n("span",{class:`fallback od-${d(o)}`},t(o.childNodes))}}const g=({bijschrift:t,bron:e,mapNodeToJsx:s})=>n("span",{class:"figuur-bijschrift"},t&&t.inhoud&&s(t.inhoud),e&&n(o,null,(t?" ":"")+"(bron: ",s(e),")"));class f{constructor(){this.name=["Figuur"]}setImageDimensions(n,o){const{naturalHeight:t,naturalWidth:e}=n;n.height=t*(o/100),n.width=e*(o/100)}onImageLoad(n,o){n.target instanceof HTMLImageElement&&o&&this.setImageDimensions(n.target,o)}render(o,{mapNodeToJsx:t}){var e,s,c,r,i,l;const a=Array.from(o.childNodes),u=null===(e=a.find((n=>"Titel"===d(n))))||void 0===e?void 0:e.textContent,h=a.find((n=>"Bron"===d(n))),p=a.find((n=>"Illustratie"===d(n))),f=a.find((n=>"Bijschrift"===d(n)));if(p instanceof Element){const o={naam:p.getAttribute("naam"),breedte:p.getAttribute("breedte"),hoogte:p.getAttribute("hoogte"),uitlijning:p.getAttribute("uitlijning"),alt:p.getAttribute("alt"),schaal:p.getAttribute("schaal")},e=f instanceof Element?{inhoud:f.childNodes,locatie:null!==(s=f.getAttribute("locatie"))&&void 0!==s?s:"onder"}:void 0;return n("div",{class:"dso-ozon-figuur "+(e?`bijschrift-${e.locatie}`:"onder")},u&&n("span",{class:"figuur-titel"},u),"boven"===(null==e?void 0:e.locatie)&&n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}),n("dso-image-overlay",null,u&&n("div",{slot:"titel"},n("span",null,u)),n("img",{src:null!==(c=o.naam)&&void 0!==c?c:void 0,alt:null!==(l=null!==(i=null!==(r=o.alt)&&void 0!==r?r:u)&&void 0!==i?i:o.naam)&&void 0!==l?l:void 0,onLoad:n=>this.onImageLoad(n,Number(o.schaal))}),(e||h)&&n("div",{slot:"bijschrift"},n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}))),("onder"===(null==e?void 0:e.locatie)||!e&&h)&&n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}))}}}class m{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(o,{mapNodeToJsx:t}){return n("div",{class:"dso-rich-content"},t(o.childNodes))}}class z{constructor(){this.name=["InlineTekstAfbeelding","Illustratie"]}render(o){var t,e,s,c;return n("img",{src:null!==(t=o.getAttribute("naam"))&&void 0!==t?t:void 0,alt:null!==(e=o.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=o.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(c=o.getAttribute("breedte"))&&void 0!==c?c:void 0})}}class b{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(o,{mapNodeToJsx:t}){return"br"===o.localName?n("br",null):n(o.localName,null,t(o.childNodes))}}class v{constructor(){this.name="IntIoRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");return s?n("a",{href:`#${s}`,onClick:n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement))return;const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})}},t(o.childNodes)):t(o.childNodes)}}class x{constructor(){this.name="IntRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");return s?n("a",{href:`#${s}`,onClick:n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement))return;const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})}},t(o.childNodes)):t(o.childNodes)}}class y{constructor(){this.name="Lijst"}render(o,{mapNodeToJsx:t}){var e;const s=Array.from(o.childNodes),c=s.find((n=>"Lijstaanhef"===d(n))),r=s.find((n=>"Lijstsluiting"===d(n))),i=s.filter((n=>"Li"===d(n)));return n("div",{class:"dso-ozon-lijst od-Lijst"},c&&t(c),n("ul",{class:null!==(e=o.getAttribute("type"))&&void 0!==e?e:""},i.map((o=>{var e;const s=Array.from(o.childNodes),c=null===(e=s.find((n=>"LiNummer"===d(n))))||void 0===e?void 0:e.textContent;return n("li",{class:"od-Li"},c&&n("span",{class:"od-LiNummer"},c),t(s.filter((n=>"LiNummer"!==d(n)))))}))),r&&t(r))}}class w{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(t,{mapNodeToJsx:e,state:s,setState:c}){var r,i;const l=t.getAttribute("id");if(!l)return console.error("Noot node without id",t),n(o,null);const a=`dso-ozon-note-${l}`,u=null!==(i=null===(r=Array.from(t.childNodes).find((n=>"NootNummer"===d(n))))||void 0===r?void 0:r.textContent)&&void 0!==i?i:l;return n(o,null,n("sup",null,n("button",{type:"button",class:"toggle-note","aria-describedby":a,onClick:()=>null==c?void 0:c(s===l?void 0:l),onBlur:()=>null==c?void 0:c(void 0),"aria-expanded":s===l?"true":"false"},u)),n("dso-tooltip",{active:s===l,id:a,stateless:!0,descriptive:!0},n("span",{role:"section"},e(Array.from(t.querySelectorAll(":scope > Al"))))))}}class k{constructor(){this.name="Opschrift"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}function j(n,o){const t=Array.from(o),e=function(n){return n.reduce(((n,o)=>{var t,e;const s=null!==(e=null===(t=o.getAttribute("colwidth"))||void 0===t?void 0:t.replace(/[^0-9]/,""))&&void 0!==e?e:"",c=parseInt(s,10);return n+(isNaN(c)?0:c)}),0)}(t);return{totalWidth:e,count:n,columns:t.map(((n,o)=>{var t;const s=n.getAttribute("colnum");return{name:null!==(t=n.getAttribute("colname"))&&void 0!==t?t:"",number:s?parseInt(s,10):o+1,width:N(e,n)}}))}}function N(n,o){const t=o.getAttribute("colwidth");if(t){if("*"===t)return"100%";if(t.includes("*")||t.match(/^[\d+]$/)){const o=parseInt(t.replace(/[^0-9]/,""),10);return`${Math.round(o/n*100)}%`}return t}}const T=({colspecs:t})=>t.columns.length>0?n("colgroup",null,t.columns.map((o=>n("col",{style:{width:o.width}})))):n(o,null);function B({columns:n},o,t){const e=n.find((n=>n.name===o)),s=n.find((n=>n.name===t));if(!e||!s)return;const c=s.number-e.number+1;return 1===c?void 0:c}const E=({context:{mapNodeToJsx:o},colspecs:t,cell:e})=>{const{moreRows:s,nameStart:c,nameEnd:r}=function(n){return{moreRows:n.getAttribute("morerows"),nameStart:n.getAttribute("namest"),nameEnd:n.getAttribute("nameend")}}(e),i={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:t&&c&&r?B(t,c,r):void 0};return n("td",Object.assign({},i),o(e.childNodes))},C=({context:t,colspecs:e,rows:s})=>n(o,null,s.map((o=>n("tr",null,Array.from(o.children).map((o=>n(E,{cell:o,colspecs:e,context:t})))))));class A{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"],this.id=i()}render(o,t){const{caption:e,colspecs:s,headRows:c,bodyRows:r}=function(n){var o,t,e;const s=n.querySelector(":scope > tgroup"),c=null!==(o=null==s?void 0:s.getAttribute("cols"))&&void 0!==o?o:void 0,r=c?parseInt(c,10):void 0;return{caption:null!==(e=null===(t=n.querySelector(":scope > title"))||void 0===t?void 0:t.textContent)&&void 0!==e?e:void 0,colspecs:s&&r?j(r,s.querySelectorAll(":scope > colspec")):void 0,headRows:Array.from(n.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(n.querySelectorAll(":scope > tgroup > tbody > row"))}}(o),i=Array.from(o.childNodes).find((n=>"Bron"===d(n)));return n("dso-table",null,n("table",Object.assign({class:"table dso-table-vertical-lines"},i?{"aria-describedby":this.id}:{}),e&&n("caption",null,e),s&&n(T,{colspecs:s}),c.length>0&&n("thead",null,n(C,{rows:c,colspecs:s,context:t})),r.length>0&&n("tbody",null,n(C,{rows:r,colspecs:s,context:t}))),i&&n("div",{id:this.id},t.mapNodeToJsx(i)))}}class I{constructor(){this.name="#text"}render(t){return n(o,null,t.textContent)}}class L{constructor(){this.mappers=[new I,new u,new m,new k,new x,new h,new l,new b,new z,new w,new A,new v,new f,new y,new a],this.skip=this.mappers.reduce(((n,o)=>(o.handles&&n.push(...o.handles),n)),[]),this.fallbackNode=new p,this.domParser=new DOMParser}findMapper(n){var o;if(!this.skip.includes(n))return null!==(o=this.mappers.find((o=>Array.isArray(o.name)?o.name.includes(n):o.name===n)))&&void 0!==o?o:this.fallbackNode}mapNodeToJsx(t,e,s){var c;if(t instanceof NodeList)return n(o,null,Array.from(t).map((n=>this.mapNodeToJsx(n,e,s))));if(Array.isArray(t))return n(o,null,t.map((n=>this.mapNodeToJsx(n,e,s))));const r=d(t),i=this.findMapper(r);if(!i)return n(o,null);const l=null===(c=i.identify)||void 0===c?void 0:c.call(i,t),a=l?n=>e.setState(Object.assign(Object.assign({},e.state),{[l]:n})):void 0;return i.render(t,{mapNodeToJsx:n=>this.mapNodeToJsx(n,e,[...s,t]),emitAnchorClick:e.emitAnchorClick,setState:a,state:l?e.state[l]:void 0,path:s})}transform(n,o){return this.cache&&this.cache.xml===n||(this.cache={xml:n,document:this.domParser.parseFromString(n,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),o,[])}}const J=class{constructor(n){t(this,n),this.dsoAnchorClick=e(this,"dsoAnchorClick",7),this.dsoClick=e(this,"dsoClick",7),this.mapper=new L,this.content=void 0,this.inline=!1,this.deleted=!1,this.interactive=!1,this.state={}}handleHostOnClick(n){(""===this.interactive||this.interactive)&&n.composedPath().find((n=>n===this.host||n instanceof HTMLElement&&r(n)))===this.host&&this.dsoClick.emit({originalEvent:n})}render(){var o;const t=this.mapper.transform(null!==(o=this.content)&&void 0!==o?o:"",{state:this.state,setState:n=>this.state=n,emitAnchorClick:this.dsoAnchorClick.emit});return this.deleted?n("section",null,n("slot",{name:"prefix"}),n("span",{class:"deleted-start"},"Begin verwijderd element"),t,n("span",{class:"deleted-end"},"Einde verwijderd element"),n("slot",{name:"suffix"})):n(s,{onClick:n=>this.handleHostOnClick(n)},n("slot",{name:"prefix"}),t,n("slot",{name:"suffix"}))}get host(){return c(this)}};J.style=".sc-dso-ozon-content-h:not([inline]) {\n  display: block;\n}\n\n[inline].sc-dso-ozon-content-h {\n  display: inline;\n}\n\n[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content {\n  text-decoration: line-through !important;\n}\n\n[interactive].sc-dso-ozon-content-h {\n  background-color: transparent;\n  color: #39870c;\n  text-decoration: underline;\n  cursor: pointer;\n  color: #275937;\n  font-weight: 600;\n  text-decoration: none;\n}\n[interactive].sc-dso-ozon-content-h:hover, [interactive].sc-dso-ozon-content-h:focus {\n  color: #676cb0;\n  text-decoration: underline;\n}\n[interactive].sc-dso-ozon-content-h:active {\n  text-decoration: none;\n}\n\n[interactive=sub].sc-dso-ozon-content-h {\n  color: #191919;\n}\n\n.deleted-start.sc-dso-ozon-content, .deleted-end.sc-dso-ozon-content {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\nbutton.toggle-note.sc-dso-ozon-content {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\nbutton.toggle-note.sc-dso-ozon-content:focus, button.toggle-note.sc-dso-ozon-content:focus-visible {\n  outline-offset: 2px;\n}\nbutton.toggle-note.sc-dso-ozon-content:active {\n  outline: 0;\n}\nbutton.toggle-note[disabled].sc-dso-ozon-content {\n  color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left.sc-dso-ozon-content, button.toggle-note[disabled].dso-spinner-right.sc-dso-ozon-content {\n  color: #39870c;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):active {\n  color: #676cb0;\n}\nbutton.toggle-note.btn-align.sc-dso-ozon-content {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\nbutton.toggle-note.dso-spinner-left.sc-dso-ozon-content::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\nbutton.toggle-note.dso-spinner-right.sc-dso-ozon-content::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.sc-dso-ozon-content {\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content svg.di.di-chevron-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-chevron-up.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-up.sc-dso-ozon-content {\n  margin-left: 4px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-left].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-right].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-up.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-up.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-left].sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-right].sc-dso-ozon-content {\n  margin-left: 0;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content {\n  vertical-align: middle;\n}\n\nspan[role=section].sc-dso-ozon-content, span[role=paragraph].sc-dso-ozon-content {\n  display: block;\n}\n\n.fallback.sc-dso-ozon-content {\n  display: block;\n}\n\n.od-Term.sc-dso-ozon-content {\n  font-weight: 700;\n}\n\n.od-Definitie.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  font-style: italic;\n}\n\n.od-Inhoud.sc-dso-ozon-content, .od-Inhoud.sc-dso-ozon-content > .od-Lijst.sc-dso-ozon-content, .od-IntIoRef.sc-dso-ozon-content, .od-Lidnr.sc-dso-ozon-content, .od-LiNr.sc-dso-ozon-content, .od-Opschrift.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  display: inline;\n}\n\n.od-Al.sc-dso-ozon-content {\n  margin-bottom: 0.75em;\n}\n\n.od-IntIoRef.sc-dso-ozon-content {\n  border-bottom: 1px dotted;\n}\n\n.dso-ozon-bron.sc-dso-ozon-content {\n  font-style: italic;\n  font-size: 0.75rem;\n}\n\n.dso-ozon-figuur.sc-dso-ozon-content {\n  margin-bottom: 16px;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  display: block;\n  font-size: 0.75rem;\n  font-style: italic;\n}\n.dso-ozon-figuur.bijschrift-boven.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  padding-bottom: 0.25rem;\n}\n.dso-ozon-figuur.bijschrift-onder.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  padding-top: 0.25rem;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-titel.sc-dso-ozon-content {\n  color: #8b4a6a;\n  display: block;\n  font-weight: 500;\n  padding-bottom: 0.5rem;\n}\n\n.dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstaanhef.sc-dso-ozon-content, .dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstsluiting.sc-dso-ozon-content {\n  margin-bottom: 1rem;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content {\n  list-style: none;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content {\n  position: relative;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content > span.od-LiNummer.sc-dso-ozon-content {\n  position: absolute;\n  left: -44px;\n  text-align: right;\n  width: 40px;\n}\n\n.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content {\n  font-weight: 600;\n}\n\n.od-Kadertekst.sc-dso-ozon-content {\n  border: 1px solid #e5e5e5;\n  margin-bottom: 1rem;\n  padding: 1rem;\n}";export{J as dso_ozon_content}

package/dist/dso-toolkit/{p-52bc72d0.entry.js → p-9287b2f2.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as s,H as i,a as e}from"./p-8f35c8f8.js";import{c as a}from"./p-6a1980b4.js";const l=class{constructor(s){t(this,s),this.dsoRemoveClick=o(this,"dsoRemoveClick",7),this.mutationObserver=new MutationObserver((()=>{this.labelText=this.host.innerText,this.truncate&&this.truncateLabel()})),this.resizeObserver=new ResizeObserver((()=>this.truncateLabel())),this.keydownListenerActive=!1,this.keyDownListener=t=>{"Escape"===t.key&&(this.textHover=!1,this.textFocus=!1)},this.compact=void 0,this.removable=void 0,this.status=void 0,this.removeHover=void 0,this.removeFocus=void 0,this.truncate=void 0,this.textHover=void 0,this.textFocus=void 0,this.truncatedContent=void 0,this.labelText=void 0}watchTruncate(t){t?this.startTruncate():this.stopTruncate()}watchTooltipActive(){this.keydownListenerActive||!this.textHover&&!this.textFocus||(document.addEventListener("keydown",this.keyDownListener),this.keydownListenerActive=!0),this.textHover||this.textFocus||(document.removeEventListener("keydown",this.keyDownListener),this.keydownListenerActive=!1)}truncateLabel(){setTimeout((()=>{var t;this.labelContent&&(this.truncatedContent=(t=this.labelContent).scrollWidth>t.clientWidth?this.host.innerText:void 0)}))}componentDidLoad(){this.labelText=this.host.innerText,this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0}),this.truncate&&this.startTruncate()}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.stopTruncate()}startTruncate(){this.resizeObserver.observe(this.host),this.truncateLabel()}stopTruncate(){document.removeEventListener("keydown",this.keyDownListener),this.resizeObserver.unobserve(this.host),this.truncatedContent=void 0,this.keydownListenerActive=!1}render(){const t=this.status&&l.statusMap.get(this.status);return s(i,{"aria-roledescription":this.truncate&&this.truncatedContent?"Deze tekst is visueel afgekapt en wordt volledig zichtbaar bij focus.":void 0},s("span",{"aria-describedby":"toggle-anchor",class:a("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},s("slot",{name:"symbol"}),t&&s("span",{class:"sr-only"},t,": "),s("span",{class:a("dso-label-content",{"dso-truncate":!!this.truncate}),ref:t=>this.labelContent=t,tabindex:this.truncate&&this.truncatedContent?0:-1,onMouseEnter:()=>this.textHover=!0,onMouseLeave:()=>this.textHover=!1,onFocus:()=>this.textFocus=!0,onBlur:()=>this.textFocus=!1},s("slot",null)),this.removable&&s("button",{type:"button",onClick:t=>this.dsoRemoveClick.emit(t),onMouseEnter:()=>this.removeHover=!0,onMouseLeave:()=>this.removeHover=!1,onFocus:()=>this.removeFocus=!0,onBlur:()=>this.removeFocus=!1},s("span",{class:"sr-only"},"Verwijder: ",this.labelText),s("dso-icon",{icon:"times"}))),s("dso-tooltip",{stateless:!0,id:"toggle-anchor",active:!!this.truncatedContent&&(this.textHover||this.textFocus),position:"top",strategy:"absolute"},this.truncatedContent))}get host(){return e(this)}static get watchers(){return{truncate:["watchTruncate"],textHover:["watchTooltipActive"],textFocus:["watchTooltipActive"]}}};l.statusMap=new Map([["info","Opmerking"],["success","Gelukt"],["warning","Waarschuwing"],["danger","Fout"]]),l.style=":host{display:inline-block;max-width:100%}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-label{background-color:#f2f2f2;border-radius:4px;color:#191919;display:inline-block;line-height:1.5;max-width:100%}.dso-label:not(.dso-label-bright){padding:4px 8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:right;font-size:1rem;margin-bottom:-4px;margin-left:8px;margin-right:-4px;margin-top:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label.dso-compact{border:0;padding:0 8px}.dso-label.dso-label-info{background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;color:#191919;border:1px solid #ccc;padding:3px 7px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-width:calc(100% - 28px)}";export{l as dso_label}
+import{r as o,c as t,h as s,H as i,a as e}from"./p-8f35c8f8.js";import{c as a}from"./p-6a1980b4.js";const l=class{constructor(s){o(this,s),this.dsoRemoveClick=t(this,"dsoRemoveClick",7),this.mutationObserver=new MutationObserver((()=>{this.labelText=this.host.innerText,this.truncate&&this.truncateLabel()})),this.resizeObserver=new ResizeObserver((()=>this.truncateLabel())),this.keydownListenerActive=!1,this.keyDownListener=o=>{"Escape"===o.key&&(this.textHover=!1,this.textFocus=!1)},this.compact=void 0,this.removable=void 0,this.status=void 0,this.removeHover=void 0,this.removeFocus=void 0,this.truncate=void 0,this.textHover=void 0,this.textFocus=void 0,this.truncatedContent=void 0,this.labelText=void 0}watchTruncate(o){o?this.startTruncate():this.stopTruncate()}watchTooltipActive(){this.keydownListenerActive||!this.textHover&&!this.textFocus||(document.addEventListener("keydown",this.keyDownListener),this.keydownListenerActive=!0),this.textHover||this.textFocus||(document.removeEventListener("keydown",this.keyDownListener),this.keydownListenerActive=!1)}truncateLabel(){setTimeout((()=>{var o;this.labelContent&&(this.truncatedContent=(o=this.labelContent).scrollWidth>o.clientWidth?this.host.innerText:void 0)}))}componentDidLoad(){this.labelText=this.host.innerText,this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0}),this.truncate&&this.startTruncate()}disconnectedCallback(){var o;null===(o=this.mutationObserver)||void 0===o||o.disconnect(),this.stopTruncate()}startTruncate(){this.resizeObserver.observe(this.host),this.truncateLabel()}stopTruncate(){document.removeEventListener("keydown",this.keyDownListener),this.resizeObserver.unobserve(this.host),this.truncatedContent=void 0,this.keydownListenerActive=!1}render(){const o=this.status&&l.statusMap.get(this.status);return s(i,{"aria-roledescription":this.truncate&&this.truncatedContent?"Deze tekst is visueel afgekapt en wordt volledig zichtbaar bij focus.":void 0},s("span",{"aria-describedby":"toggle-anchor",class:a("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},s("slot",{name:"symbol"}),o&&s("span",{class:"sr-only"},o,": "),s("span",{class:a("dso-label-content",{"dso-truncate":!!this.truncate}),ref:o=>this.labelContent=o,tabindex:this.truncate&&this.truncatedContent?0:-1,onMouseEnter:()=>this.textHover=!0,onMouseLeave:()=>this.textHover=!1,onFocus:()=>this.textFocus=!0,onBlur:()=>this.textFocus=!1},s("slot",null)),this.removable&&s("button",{type:"button",onClick:o=>this.dsoRemoveClick.emit(o),onMouseEnter:()=>this.removeHover=!0,onMouseLeave:()=>this.removeHover=!1,onFocus:()=>this.removeFocus=!0,onBlur:()=>this.removeFocus=!1},s("span",{class:"sr-only"},"Verwijder: ",this.labelText),s("dso-icon",{icon:"times"}))),s("dso-tooltip",{stateless:!0,id:"toggle-anchor",active:!!this.truncatedContent&&(this.textHover||this.textFocus),position:"top",strategy:"absolute"},this.truncatedContent))}get host(){return e(this)}static get watchers(){return{truncate:["watchTruncate"],textHover:["watchTooltipActive"],textFocus:["watchTooltipActive"]}}};l.statusMap=new Map([["info","Opmerking"],["success","Gelukt"],["warning","Waarschuwing"],["danger","Fout"]]),l.style=":host{display:inline-block;max-width:100%}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-label{background-color:#f2f2f2;border-radius:4px;color:#191919;display:inline-block;line-height:1.5;max-width:100%}.dso-label:not(.dso-label-bright){padding:4px 8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:right;font-size:1rem;margin-bottom:-4px;margin-left:8px;margin-right:-4px;margin-top:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label.dso-compact{border:0;padding:0 8px}.dso-label.dso-label-info{background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;color:#fff}.dso-label.dso-label-error{background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;color:#191919;border:1px solid #ccc;padding:3px 7px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-width:calc(100% - 28px)}";export{l as dso_label}

package/dist/dso-toolkit/{p-187d326f.entry.js → p-abbcbe6a.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:",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}
+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{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:rotate(0)}: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-daba2d98.entry.js → p-ce475f06.entry.js}

@@ -1 +1 @@
-import{r as o,h as r}from"./p-8f35c8f8.js";import{c as d}from"./p-6a1980b4.js";const e=class{constructor(r){o(this,r),this.status=void 0}render(){return r("span",{class:d("dso-badge",{[`badge-${this.status}`]:this.status})},r("slot",null))}};e.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-badge{background-color:#666;border:1px solid #666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1;min-width:1.5rem;padding:4px 8px;text-align:center}.dso-badge.badge-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;border-color:#191919;color:#191919}";export{e as dso_badge}
+import{r as o,h as r}from"./p-8f35c8f8.js";import{c as d}from"./p-6a1980b4.js";const e=class{constructor(r){o(this,r),this.status=void 0}render(){return r("span",{class:d("dso-badge",{[`badge-${this.status}`]:this.status})},r("slot",null))}};e.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-badge{background-color:#666;border:1px solid #666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1;min-width:1.5rem;padding:4px 8px;text-align:center}.dso-badge.badge-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;border-color:#191919;color:#191919}";export{e as dso_badge}

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

@@ -1368,7 +1368,7 @@ const HandleIcon = ({ state, icon, attachmentCount }) => {
   }
 };
 
-const accordionSectionCss = "*,*::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}";
+const accordionSectionCss = "*,*::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{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:rotate(0)}: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}";
 
 const AccordionSection = class {
   constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-1a4dda48.js';
 import { c as clsx } from './clsx.m-25174a58.js';
 
-const badgeCss = ":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-badge{background-color:#666;border:1px solid #666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1;min-width:1.5rem;padding:4px 8px;text-align:center}.dso-badge.badge-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;border-color:#191919;color:#191919}";
+const badgeCss = ":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-badge{background-color:#666;border:1px solid #666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1;min-width:1.5rem;padding:4px 8px;text-align:center}.dso-badge.badge-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;border-color:#191919;color:#191919}";
 
 const Badge = class {
   constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-1a4dda48.js';
 import { c as clsx } from './clsx.m-25174a58.js';
 
-const labelCss = ":host{display:inline-block;max-width:100%}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-label{background-color:#f2f2f2;border-radius:4px;color:#191919;display:inline-block;line-height:1.5;max-width:100%}.dso-label:not(.dso-label-bright){padding:4px 8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:right;font-size:1rem;margin-bottom:-4px;margin-left:8px;margin-right:-4px;margin-top:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label.dso-compact{border:0;padding:0 8px}.dso-label.dso-label-info{background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;color:#191919;border:1px solid #ccc;padding:3px 7px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-width:calc(100% - 28px)}";
+const labelCss = ":host{display:inline-block;max-width:100%}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-label{background-color:#f2f2f2;border-radius:4px;color:#191919;display:inline-block;line-height:1.5;max-width:100%}.dso-label:not(.dso-label-bright){padding:4px 8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:right;font-size:1rem;margin-bottom:-4px;margin-left:8px;margin-right:-4px;margin-top:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label.dso-compact{border:0;padding:0 8px}.dso-label.dso-label-info{background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;color:#fff}.dso-label.dso-label-error{background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;color:#191919;border:1px solid #ccc;padding:3px 7px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-width:calc(100% - 28px)}";
 
 function hasEllipses(el) {
   return el.scrollWidth > el.clientWidth;