@dso-toolkit/core 79.1.0 → 80.0.0

package/dist/dso-toolkit/p-98159a53.entry.js

@@ -0,0 +1,2 @@
+import{h as o,r as n,c as r}from"./p-DxWmN7gh.js";import{p as e}from"./p-B31olq-p.js";import{c as s}from"./p-ChV9xqsO.js";import"./p-gdsca1fx.js";const t=({visible:n,onAfterHidden:r,tipElementRef:e,tipArrowElementRef:t},a)=>o("div",{popover:"manual",id:"tooltip",class:s(["dso-tooltip",{visible:n}]),ref:e,onTransitionEnd:o=>{o.stopPropagation();if(o.propertyName==="opacity"&&!n){r()}}},o("span",{class:"tooltip-arrow",ref:t}),o("div",{class:"tooltip-inner"},a));const a=".dso-tooltip {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #fff;\n  background-color: #666;\n  color: #fff;\n}\n.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\"));\n}\n.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\"));\n}\n.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\"));\n}\n.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-wit\"));\n}\n.dso-tooltip {\n  border-radius: 4px;\n  overflow: unset;\n  margin: 0;\n  border: 0;\n  padding: 0;\n  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.15s;\n}\n.dso-tooltip.visible {\n  opacity: 1;\n  visibility: visible;\n}\n.dso-tooltip .tooltip-inner {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #fff;\n  background-color: #666;\n  color: #fff;\n}\n.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\"));\n}\n.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\"));\n}\n.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\"));\n}\n.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-wit\"));\n}\n.dso-tooltip .tooltip-inner {\n  font-family: Asap, sans-serif;\n  font-size: 1rem;\n  font-weight: normal;\n  padding-block: 0;\n  padding-inline: 8px;\n  border-radius: 4px;\n  line-height: 1.5;\n  max-inline-size: 320px;\n}\n.dso-tooltip .tooltip-arrow {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #fff;\n  background-color: #666;\n  color: #fff;\n}\n.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\"));\n}\n.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\"));\n}\n.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\"));\n}\n.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-wit\"));\n}\n.dso-tooltip .tooltip-arrow {\n  position: absolute;\n  border-start-start-radius: 4px;\n  block-size: 8px;\n  inline-size: 8px;\n  pointer-events: none;\n  z-index: -1;\n}\n\n:host {\n  display: inline-block;\n  line-height: 1;\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-secondary:focus, .dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-secondary:active {\n  outline: 0;\n}\n.dso-secondary.extern::after, .dso-secondary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\n.dso-secondary {\n  background-color: var(--_dso-button-secondary-background-color, #fff);\n  border-color: var(--_dso-button-secondary-border-color, #39870c);\n  color: var(--_dso-button-secondary-color, #39870c);\n}\n.dso-secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\n.dso-secondary:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n  color: var(--_dso-button-secondary-hover-color, #275937);\n}\n.dso-secondary:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #275937);\n  border-color: var(--_dso-button-secondary-active-border-color, #275937);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\n.dso-secondary[disabled], .dso-secondary[disabled]:hover {\n  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\n.dso-secondary.dso-small {\n  line-height: 1rem;\n}\n.dso-secondary.dso-small dso-icon,\n.dso-secondary.dso-small svg.di, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\n.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-secondary.dso-extra-small {\n  line-height: 1rem;\n}\n.dso-secondary.dso-extra-small dso-icon,\n.dso-secondary.dso-extra-small svg.di, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\n.dso-secondary.dso-extra-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-secondary.dso-extra-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-secondary.dso-extra-small {\n  padding-block: 9px;\n}\n.dso-secondary dso-icon:has(+ span:not(.sr-only)),\n.dso-secondary svg.di:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\n.dso-secondary span:not(.sr-only) + dso-icon,\n.dso-secondary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\n.dso-secondary dso-icon + span:not(.sr-only),\n.dso-secondary svg.di + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\n.dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.dso-secondary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\n.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\n.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-secondary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\n.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\n.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-secondary {\n  padding-inline: calc(8px - 1px);\n  padding-block: calc(8px - 1px);\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary.extern::after, .dso-tertiary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\n.dso-tertiary {\n  padding-inline: 0;\n  padding-block: 0;\n  color: var(--_dso-icon-button-tertiary-color, #39870c);\n  background-color: transparent;\n  border: 0;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937));\n}\n.dso-tertiary:not([disabled]):active {\n  color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #275937));\n}\n.dso-tertiary[disabled] {\n  color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d));\n}\n\n.dso-map {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-map:focus, .dso-map:focus-visible {\n  outline-offset: 2px;\n}\n.dso-map:active {\n  outline: 0;\n}\n.dso-map {\n  background-color: var(--_dso-button-secondary-background-color, #fff);\n  border-color: var(--_dso-button-secondary-border-color, #39870c);\n  color: var(--_dso-button-secondary-color, #39870c);\n}\n.dso-map {\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\n.dso-map:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n  color: var(--_dso-button-secondary-hover-color, #275937);\n}\n.dso-map:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #275937);\n  border-color: var(--_dso-button-secondary-active-border-color, #275937);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\n.dso-map[disabled], .dso-map[disabled]:hover {\n  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\n.dso-map.dso-small {\n  line-height: 1rem;\n}\n.dso-map.dso-small dso-icon,\n.dso-map.dso-small svg.di, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\n.dso-map.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-map.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-map.dso-extra-small {\n  line-height: 1rem;\n}\n.dso-map.dso-extra-small dso-icon,\n.dso-map.dso-extra-small svg.di, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\n.dso-map.dso-extra-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-map.dso-extra-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-map.dso-extra-small {\n  padding-block: 9px;\n}\n.dso-map dso-icon:has(+ span:not(.sr-only)),\n.dso-map svg.di:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\n.dso-map span:not(.sr-only) + dso-icon,\n.dso-map span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\n.dso-map dso-icon + span:not(.sr-only),\n.dso-map svg.di + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\n.dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.dso-map.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\n.dso-map.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\n.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-map.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\n.dso-map.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\n.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\n.dso-map {\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  border: 0;\n  font-weight: 600;\n  margin-inline-end: 16px;\n  padding-block: 8px;\n  padding-inline: 16px;\n  white-space: nowrap;\n}\n.dso-map:focus, .dso-map:focus-visible {\n  outline-offset: -1px;\n}\n.dso-map:has(span.sr-only):has(dso-icon, svg.di) {\n  padding: 8px;\n  min-inline-size: auto;\n  block-size: 40px;\n  inline-size: 40px;\n}\n.dso-map {\n  padding-inline: 8px;\n  padding-block: 8px;\n  border: 0;\n  margin-inline-end: 0;\n  box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));\n  border-radius: var(--_dso-icon-button-map-border-radius, 4px);\n}\n\n.icon-button {\n  min-inline-size: auto;\n  cursor: pointer;\n}\n.icon-button[disabled] {\n  cursor: default;\n}";const i=class{constructor(o){n(this,o);this.dsoClick=r(this,"dsoClick",3);this.variant="secondary";this.tooltipPlacement="top";this.disabled=false;this.showTooltip=false;this.lastClickTime=0;this.tooltipShowDelay=500;this.handleShowTooltip=()=>{if(this.disabled){return}if(Date.now()-this.lastClickTime<this.tooltipShowDelay){return}if(this.tooltipTimeout){clearTimeout(this.tooltipTimeout)}this.tooltipTimeout=window.setTimeout((()=>{var o;this.showTooltip=true;(o=this.tooltipElRef)===null||o===void 0?void 0:o.showPopover();if(!this.cleanUp&&this.buttonElRef&&this.tooltipElRef&&this.tipArrowElRef){this.cleanUp=e({referenceElement:this.buttonElRef,tipRef:this.tooltipElRef,tipArrowRef:this.tipArrowElRef,placementTip:this.tooltipPlacement,topPositionSmallViewPort:false,halfMainAxisOffset:false,forceVisible:true})}}),this.tooltipShowDelay)};this.handleHideTooltip=()=>{var o;if(this.tooltipTimeout){clearTimeout(this.tooltipTimeout)}this.showTooltip=false;(o=this.tooltipElRef)===null||o===void 0?void 0:o.hidePopover();if(!this.showTooltip&&this.cleanUp){this.cleanUp();this.cleanUp=undefined}};this.handleClick=o=>{this.lastClickTime=Date.now();this.handleHideTooltip();this.dsoClick.emit({originalEvent:o})}}async setFocus(){var o;(o=this.buttonElRef)===null||o===void 0?void 0:o.focus()}render(){return o("button",{key:"205d7a8341a9637bf590025963bf26fe5dc68fc9",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant}`,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},o("dso-icon",{key:"c4e2286cdf4e165c9fdf934ca4488f4e0bb7bc46",icon:this.icon}),o(t,{key:"dd5eae4e76a0048852d9d4137a6cad0b249c5101",visible:this.showTooltip,onAfterHidden:this.handleHideTooltip,tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tipArrowElRef=o},this.label))}};i.style=a;export{i as dso_icon_button};
+//# sourceMappingURL=p-98159a53.entry.js.map

package/dist/dso-toolkit/{p-2796b6d5.entry.js.map → p-98159a53.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["Tooltip","visible","onAfterHidden","tipElementRef","tipArrowElementRef","children","h","popover","id","class","clsx","ref","onTransitionEnd","e","stopPropagation","propertyName","iconButtonCss","IconButton","constructor","hostRef","this","variant","tooltipPlacement","disabled","showTooltip","lastClickTime","tooltipShowDelay","handleShowTooltip","Date","now","tooltipTimeout","clearTimeout","window","setTimeout","_a","tooltipElRef","showPopover","cleanUp","buttonElRef","tipArrowElRef","positionTooltip","referenceElement","tipRef","tipArrowRef","placementTip","topPositionSmallViewPort","halfMainAxisOffset","forceVisible","handleHideTooltip","hidePopover","undefined","handleClick","dsoClick","emit","originalEvent","setFocus","focus","render","key","el","type","label","onMouseEnter","onMouseLeave","onFocus","onBlur","onClick","icon","element"],"sources":["src/functional-components/tooltip/tooltip.functional-component.tsx","src/components/icon-button/icon-button.scss?tag=dso-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n\r\n@use \"../../functional-components/tooltip\";\r\n\r\n@include tooltip.include(colors.$grijs-60, 4px, units.$u1, 0, units.$u1);\r\n\r\n:host {\r\n  display: inline-block;\r\n  line-height: 1;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-secondary {\r\n  @include button.secondary();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: calc(#{units.$u1} - 1px);\r\n    padding-block: calc(#{units.$u1} - 1px);\r\n  }\r\n}\r\n\r\n.dso-tertiary {\r\n  @include button.base();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: 0;\r\n    padding-block: 0;\r\n\r\n    color: var(--_dso-icon-button-tertiary-color, button.$tertiary-color);\r\n    background-color: transparent;\r\n    border: 0;\r\n  }\r\n\r\n  &:not([disabled]) {\r\n    &:hover {\r\n      color: var(\r\n        --_dso-icon-button-tertiary-hover-color,\r\n        var(--_dso-icon-button-tertiary-color, button.$tertiary-hover-color)\r\n      );\r\n    }\r\n\r\n    &:active {\r\n      color: var(\r\n        --_dso-icon-button-tertiary-active-color,\r\n        var(--_dso-icon-button-tertiary-color, button.$tertiary-hover-color)\r\n      );\r\n    }\r\n  }\r\n\r\n  &[disabled] {\r\n    color: var(\r\n      --_dso-icon-button-tertiary-disabled-color,\r\n      var(--_dso-icon-button-tertiary-color, button.$tertiary-disabled-color)\r\n    );\r\n  }\r\n}\r\n\r\n.dso-map {\r\n  @include button.map();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: units.$u1;\r\n    padding-block: units.$u1;\r\n    border: 0;\r\n    margin-inline-end: 0;\r\n    box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));\r\n    border-radius: var(--_dso-icon-button-map-border-radius, button.$border-radius);\r\n  }\r\n}\r\n\r\n.icon-button {\r\n  min-inline-size: auto;\r\n  cursor: pointer;\r\n\r\n  &[disabled] {\r\n    cursor: default;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Method, Prop, State, h } from \"@stencil/core\";\r\n\r\nimport { positionTooltip } from \"../../functional-components/tooltip/position-tooltip.function\";\r\nimport { Tooltip } from \"../../functional-components/tooltip/tooltip.functional-component\";\r\nimport { TooltipClean, TooltipPlacement } from \"../../functional-components/tooltip/tooltip.interfaces\";\r\n\r\nimport { IconButtonClickEvent, IconButtonVariant } from \"./icon-button.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-icon-button\",\r\n  styleUrl: \"icon-button.scss\",\r\n  shadow: true,\r\n})\r\nexport class IconButton implements ComponentInterface {\r\n  /**\r\n   * The alias of the icon in the button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  icon!: string | undefined;\r\n\r\n  /**\r\n   * The label of the Icon Button which is shown on hover in a tooltip.\r\n   */\r\n  @Prop({ reflect: true })\r\n  label!: string | undefined;\r\n\r\n  /**\r\n   * The variant of the Icon Button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  variant?: IconButtonVariant = \"secondary\";\r\n\r\n  /**\r\n   * The placement of the tooltip on hover and focus of the Icon Button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  tooltipPlacement: TooltipPlacement = \"top\";\r\n\r\n  /**\r\n   * To disable the Icon Button\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Emitted when the user clicks the Icon Button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<IconButtonClickEvent>;\r\n\r\n  @State()\r\n  showTooltip = false;\r\n\r\n  /**\r\n   * Focuses the button.\r\n   */\r\n  @Method()\r\n  async setFocus() {\r\n    this.buttonElRef?.focus();\r\n  }\r\n\r\n  private buttonElRef?: HTMLButtonElement;\r\n  private tooltipElRef?: HTMLDivElement;\r\n  private tipArrowElRef?: HTMLSpanElement;\r\n  private tooltipTimeout?: number;\r\n  private cleanUp: TooltipClean | undefined;\r\n  private lastClickTime = 0;\r\n  private tooltipShowDelay = 500;\r\n\r\n  private handleShowTooltip = () => {\r\n    if (this.disabled) {\r\n      return;\r\n    }\r\n\r\n    // Don't show the tooltip if the button is clicked within 500ms of the last click\r\n    if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {\r\n      return;\r\n    }\r\n\r\n    if (this.tooltipTimeout) {\r\n      clearTimeout(this.tooltipTimeout);\r\n    }\r\n\r\n    this.tooltipTimeout = window.setTimeout(() => {\r\n      this.showTooltip = true;\r\n      this.tooltipElRef?.showPopover();\r\n\r\n      if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {\r\n        this.cleanUp = positionTooltip({\r\n          referenceElement: this.buttonElRef,\r\n          tipRef: this.tooltipElRef,\r\n          tipArrowRef: this.tipArrowElRef,\r\n          placementTip: this.tooltipPlacement,\r\n          topPositionSmallViewPort: false,\r\n          halfMainAxisOffset: false,\r\n          forceVisible: true,\r\n        });\r\n      }\r\n    }, this.tooltipShowDelay);\r\n  };\r\n\r\n  private handleHideTooltip = () => {\r\n    if (this.tooltipTimeout) {\r\n      clearTimeout(this.tooltipTimeout);\r\n    }\r\n\r\n    this.showTooltip = false;\r\n    this.tooltipElRef?.hidePopover();\r\n\r\n    if (!this.showTooltip && this.cleanUp) {\r\n      this.cleanUp();\r\n      this.cleanUp = undefined;\r\n    }\r\n  };\r\n\r\n  private handleClick = (e: MouseEvent) => {\r\n    this.lastClickTime = Date.now();\r\n    this.handleHideTooltip();\r\n    this.dsoClick.emit({ originalEvent: e });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <button\r\n        ref={(el) => (this.buttonElRef = el)}\r\n        type=\"button\"\r\n        disabled={this.disabled}\r\n        aria-label={this.label}\r\n        class={`icon-button dso-${this.variant}`}\r\n        onMouseEnter={this.handleShowTooltip}\r\n        onMouseLeave={this.handleHideTooltip}\r\n        onFocus={this.handleShowTooltip}\r\n        onBlur={this.handleHideTooltip}\r\n        onClick={this.handleClick}\r\n      >\r\n        <dso-icon icon={this.icon} />\r\n        <Tooltip\r\n          visible={this.showTooltip}\r\n          onAfterHidden={this.handleHideTooltip}\r\n          tipElementRef={(element) => (this.tooltipElRef = element)}\r\n          tipArrowElementRef={(element) => (this.tipArrowElRef = element)}\r\n        >\r\n          {this.label}\r\n        </Tooltip>\r\n      </button>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kJAUO,MAAMA,EAA6C,EACtDC,UAASC,gBAAeC,gBAAeC,sBACzCC,IAEAC,EAAA,OACEC,QAAQ,SACRC,GAAG,UACHC,MAAOC,EAAK,CAAC,cAAe,CAAET,aAC9BU,IAAKR,EACLS,gBAAkBC,IAChBA,EAAEC,kBAEF,GAAID,EAAEE,eAAiB,YAAcd,EAAS,CAC5CC,G,IAIJI,EAAA,QAAMG,MAAM,gBAAgBE,IAAKP,IACjCE,EAAK,OAAAG,MAAM,iBAAiBJ,IC5BhC,MAAMW,EAAgB,y6pB,MCaTC,EAAU,MALvB,WAAAC,CAAAC,G,6CAsBEC,KAAOC,QAAuB,YAM9BD,KAAgBE,iBAAqB,MAMrCF,KAAQG,SAAG,MASXH,KAAWI,YAAG,MAeNJ,KAAaK,cAAG,EAChBL,KAAgBM,iBAAG,IAEnBN,KAAiBO,kBAAG,KAC1B,GAAIP,KAAKG,SAAU,CACjB,M,CAIF,GAAIK,KAAKC,MAAQT,KAAKK,cAAgBL,KAAKM,iBAAkB,CAC3D,M,CAGF,GAAIN,KAAKU,eAAgB,CACvBC,aAAaX,KAAKU,e,CAGpBV,KAAKU,eAAiBE,OAAOC,YAAW,K,MACtCb,KAAKI,YAAc,MACnBU,EAAAd,KAAKe,gBAAc,MAAAD,SAAA,SAAAA,EAAAE,cAEnB,IAAKhB,KAAKiB,SAAWjB,KAAKkB,aAAelB,KAAKe,cAAgBf,KAAKmB,cAAe,CAChFnB,KAAKiB,QAAUG,EAAgB,CAC7BC,iBAAkBrB,KAAKkB,YACvBI,OAAQtB,KAAKe,aACbQ,YAAavB,KAAKmB,cAClBK,aAAcxB,KAAKE,iBACnBuB,yBAA0B,MAC1BC,mBAAoB,MACpBC,aAAc,M,IAGjB3B,KAAKM,iBAAiB,EAGnBN,KAAiB4B,kBAAG,K,MAC1B,GAAI5B,KAAKU,eAAgB,CACvBC,aAAaX,KAAKU,e,CAGpBV,KAAKI,YAAc,OACnBU,EAAAd,KAAKe,gBAAc,MAAAD,SAAA,SAAAA,EAAAe,cAEnB,IAAK7B,KAAKI,aAAeJ,KAAKiB,QAAS,CACrCjB,KAAKiB,UACLjB,KAAKiB,QAAUa,S,GAIX9B,KAAA+B,YAAetC,IACrBO,KAAKK,cAAgBG,KAAKC,MAC1BT,KAAK4B,oBACL5B,KAAKgC,SAASC,KAAK,CAAEC,cAAezC,GAAI,CA6B3C,CA1FC,cAAM0C,G,OACJrB,EAAAd,KAAKkB,eAAa,MAAAJ,SAAA,SAAAA,EAAAsB,O,CA+DpB,MAAAC,GACE,OACEnD,EAAA,UAAAoD,IAAA,2CACE/C,IAAMgD,GAAQvC,KAAKkB,YAAcqB,EACjCC,KAAK,SACLrC,SAAUH,KAAKG,SACH,aAAAH,KAAKyC,MACjBpD,MAAO,mBAAmBW,KAAKC,UAC/ByC,aAAc1C,KAAKO,kBACnBoC,aAAc3C,KAAK4B,kBACnBgB,QAAS5C,KAAKO,kBACdsC,OAAQ7C,KAAK4B,kBACbkB,QAAS9C,KAAK+B,aAEd7C,EAAA,YAAAoD,IAAA,2CAAUS,KAAM/C,KAAK+C,OACrB7D,EAACN,EAAO,CAAA0D,IAAA,2CACNzD,QAASmB,KAAKI,YACdtB,cAAekB,KAAK4B,kBACpB7C,cAAgBiE,GAAahD,KAAKe,aAAeiC,EACjDhE,mBAAqBgE,GAAahD,KAAKmB,cAAgB6B,GAEtDhD,KAAKyC,O","ignoreList":[]}
+{"version":3,"names":["Tooltip","visible","onAfterHidden","tipElementRef","tipArrowElementRef","children","h","popover","id","class","clsx","ref","onTransitionEnd","e","stopPropagation","propertyName","iconButtonCss","IconButton","constructor","hostRef","this","variant","tooltipPlacement","disabled","showTooltip","lastClickTime","tooltipShowDelay","handleShowTooltip","Date","now","tooltipTimeout","clearTimeout","window","setTimeout","_a","tooltipElRef","showPopover","cleanUp","buttonElRef","tipArrowElRef","positionTooltip","referenceElement","tipRef","tipArrowRef","placementTip","topPositionSmallViewPort","halfMainAxisOffset","forceVisible","handleHideTooltip","hidePopover","undefined","handleClick","dsoClick","emit","originalEvent","setFocus","focus","render","key","el","type","label","onMouseEnter","onMouseLeave","onFocus","onBlur","onClick","icon","element"],"sources":["src/functional-components/tooltip/tooltip.functional-component.tsx","src/components/icon-button/icon-button.scss?tag=dso-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n\r\n@use \"../../functional-components/tooltip\";\r\n\r\n@include tooltip.include(colors.$grijs-60, 4px, units.$u1, 0, units.$u1);\r\n\r\n:host {\r\n  display: inline-block;\r\n  line-height: 1;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-secondary {\r\n  @include button.secondary();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: calc(#{units.$u1} - 1px);\r\n    padding-block: calc(#{units.$u1} - 1px);\r\n  }\r\n}\r\n\r\n.dso-tertiary {\r\n  @include button.base();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: 0;\r\n    padding-block: 0;\r\n\r\n    color: var(--_dso-icon-button-tertiary-color, button.$tertiary-color);\r\n    background-color: transparent;\r\n    border: 0;\r\n  }\r\n\r\n  &:not([disabled]) {\r\n    &:hover {\r\n      color: var(\r\n        --_dso-icon-button-tertiary-hover-color,\r\n        var(--_dso-icon-button-tertiary-color, button.$tertiary-hover-color)\r\n      );\r\n    }\r\n\r\n    &:active {\r\n      color: var(\r\n        --_dso-icon-button-tertiary-active-color,\r\n        var(--_dso-icon-button-tertiary-color, button.$tertiary-hover-color)\r\n      );\r\n    }\r\n  }\r\n\r\n  &[disabled] {\r\n    color: var(\r\n      --_dso-icon-button-tertiary-disabled-color,\r\n      var(--_dso-icon-button-tertiary-color, button.$tertiary-disabled-color)\r\n    );\r\n  }\r\n}\r\n\r\n.dso-map {\r\n  @include button.map();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: units.$u1;\r\n    padding-block: units.$u1;\r\n    border: 0;\r\n    margin-inline-end: 0;\r\n    box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));\r\n    border-radius: var(--_dso-icon-button-map-border-radius, button.$border-radius);\r\n  }\r\n}\r\n\r\n.icon-button {\r\n  min-inline-size: auto;\r\n  cursor: pointer;\r\n\r\n  &[disabled] {\r\n    cursor: default;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Method, Prop, State, h } from \"@stencil/core\";\r\n\r\nimport { positionTooltip } from \"../../functional-components/tooltip/position-tooltip.function\";\r\nimport { Tooltip } from \"../../functional-components/tooltip/tooltip.functional-component\";\r\nimport { TooltipClean, TooltipPlacement } from \"../../functional-components/tooltip/tooltip.interfaces\";\r\n\r\nimport { IconButtonClickEvent, IconButtonVariant } from \"./icon-button.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-icon-button\",\r\n  styleUrl: \"icon-button.scss\",\r\n  shadow: true,\r\n})\r\nexport class IconButton implements ComponentInterface {\r\n  /**\r\n   * The alias of the icon in the button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  icon!: string | undefined;\r\n\r\n  /**\r\n   * The label of the Icon Button which is shown on hover in a tooltip.\r\n   */\r\n  @Prop({ reflect: true })\r\n  label!: string | undefined;\r\n\r\n  /**\r\n   * The variant of the Icon Button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  variant?: IconButtonVariant = \"secondary\";\r\n\r\n  /**\r\n   * The placement of the tooltip on hover and focus of the Icon Button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  tooltipPlacement: TooltipPlacement = \"top\";\r\n\r\n  /**\r\n   * To disable the Icon Button\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Emitted when the user clicks the Icon Button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<IconButtonClickEvent>;\r\n\r\n  @State()\r\n  showTooltip = false;\r\n\r\n  /**\r\n   * Focuses the button.\r\n   */\r\n  @Method()\r\n  async setFocus() {\r\n    this.buttonElRef?.focus();\r\n  }\r\n\r\n  private buttonElRef?: HTMLButtonElement;\r\n  private tooltipElRef?: HTMLDivElement;\r\n  private tipArrowElRef?: HTMLSpanElement;\r\n  private tooltipTimeout?: number;\r\n  private cleanUp: TooltipClean | undefined;\r\n  private lastClickTime = 0;\r\n  private tooltipShowDelay = 500;\r\n\r\n  private handleShowTooltip = () => {\r\n    if (this.disabled) {\r\n      return;\r\n    }\r\n\r\n    // Don't show the tooltip if the button is clicked within 500ms of the last click\r\n    if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {\r\n      return;\r\n    }\r\n\r\n    if (this.tooltipTimeout) {\r\n      clearTimeout(this.tooltipTimeout);\r\n    }\r\n\r\n    this.tooltipTimeout = window.setTimeout(() => {\r\n      this.showTooltip = true;\r\n      this.tooltipElRef?.showPopover();\r\n\r\n      if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {\r\n        this.cleanUp = positionTooltip({\r\n          referenceElement: this.buttonElRef,\r\n          tipRef: this.tooltipElRef,\r\n          tipArrowRef: this.tipArrowElRef,\r\n          placementTip: this.tooltipPlacement,\r\n          topPositionSmallViewPort: false,\r\n          halfMainAxisOffset: false,\r\n          forceVisible: true,\r\n        });\r\n      }\r\n    }, this.tooltipShowDelay);\r\n  };\r\n\r\n  private handleHideTooltip = () => {\r\n    if (this.tooltipTimeout) {\r\n      clearTimeout(this.tooltipTimeout);\r\n    }\r\n\r\n    this.showTooltip = false;\r\n    this.tooltipElRef?.hidePopover();\r\n\r\n    if (!this.showTooltip && this.cleanUp) {\r\n      this.cleanUp();\r\n      this.cleanUp = undefined;\r\n    }\r\n  };\r\n\r\n  private handleClick = (e: MouseEvent) => {\r\n    this.lastClickTime = Date.now();\r\n    this.handleHideTooltip();\r\n    this.dsoClick.emit({ originalEvent: e });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <button\r\n        ref={(el) => (this.buttonElRef = el)}\r\n        type=\"button\"\r\n        disabled={this.disabled}\r\n        aria-label={this.label}\r\n        class={`icon-button dso-${this.variant}`}\r\n        onMouseEnter={this.handleShowTooltip}\r\n        onMouseLeave={this.handleHideTooltip}\r\n        onFocus={this.handleShowTooltip}\r\n        onBlur={this.handleHideTooltip}\r\n        onClick={this.handleClick}\r\n      >\r\n        <dso-icon icon={this.icon} />\r\n        <Tooltip\r\n          visible={this.showTooltip}\r\n          onAfterHidden={this.handleHideTooltip}\r\n          tipElementRef={(element) => (this.tooltipElRef = element)}\r\n          tipArrowElementRef={(element) => (this.tipArrowElRef = element)}\r\n        >\r\n          {this.label}\r\n        </Tooltip>\r\n      </button>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kJAUO,MAAMA,EAA6C,EACtDC,UAASC,gBAAeC,gBAAeC,sBACzCC,IAEAC,EAAA,OACEC,QAAQ,SACRC,GAAG,UACHC,MAAOC,EAAK,CAAC,cAAe,CAAET,aAC9BU,IAAKR,EACLS,gBAAkBC,IAChBA,EAAEC,kBAEF,GAAID,EAAEE,eAAiB,YAAcd,EAAS,CAC5CC,G,IAIJI,EAAA,QAAMG,MAAM,gBAAgBE,IAAKP,IACjCE,EAAK,OAAAG,MAAM,iBAAiBJ,IC5BhC,MAAMW,EAAgB,y4qB,MCaTC,EAAU,MALvB,WAAAC,CAAAC,G,6CAsBEC,KAAOC,QAAuB,YAM9BD,KAAgBE,iBAAqB,MAMrCF,KAAQG,SAAG,MASXH,KAAWI,YAAG,MAeNJ,KAAaK,cAAG,EAChBL,KAAgBM,iBAAG,IAEnBN,KAAiBO,kBAAG,KAC1B,GAAIP,KAAKG,SAAU,CACjB,M,CAIF,GAAIK,KAAKC,MAAQT,KAAKK,cAAgBL,KAAKM,iBAAkB,CAC3D,M,CAGF,GAAIN,KAAKU,eAAgB,CACvBC,aAAaX,KAAKU,e,CAGpBV,KAAKU,eAAiBE,OAAOC,YAAW,K,MACtCb,KAAKI,YAAc,MACnBU,EAAAd,KAAKe,gBAAc,MAAAD,SAAA,SAAAA,EAAAE,cAEnB,IAAKhB,KAAKiB,SAAWjB,KAAKkB,aAAelB,KAAKe,cAAgBf,KAAKmB,cAAe,CAChFnB,KAAKiB,QAAUG,EAAgB,CAC7BC,iBAAkBrB,KAAKkB,YACvBI,OAAQtB,KAAKe,aACbQ,YAAavB,KAAKmB,cAClBK,aAAcxB,KAAKE,iBACnBuB,yBAA0B,MAC1BC,mBAAoB,MACpBC,aAAc,M,IAGjB3B,KAAKM,iBAAiB,EAGnBN,KAAiB4B,kBAAG,K,MAC1B,GAAI5B,KAAKU,eAAgB,CACvBC,aAAaX,KAAKU,e,CAGpBV,KAAKI,YAAc,OACnBU,EAAAd,KAAKe,gBAAc,MAAAD,SAAA,SAAAA,EAAAe,cAEnB,IAAK7B,KAAKI,aAAeJ,KAAKiB,QAAS,CACrCjB,KAAKiB,UACLjB,KAAKiB,QAAUa,S,GAIX9B,KAAA+B,YAAetC,IACrBO,KAAKK,cAAgBG,KAAKC,MAC1BT,KAAK4B,oBACL5B,KAAKgC,SAASC,KAAK,CAAEC,cAAezC,GAAI,CA6B3C,CA1FC,cAAM0C,G,OACJrB,EAAAd,KAAKkB,eAAa,MAAAJ,SAAA,SAAAA,EAAAsB,O,CA+DpB,MAAAC,GACE,OACEnD,EAAA,UAAAoD,IAAA,2CACE/C,IAAMgD,GAAQvC,KAAKkB,YAAcqB,EACjCC,KAAK,SACLrC,SAAUH,KAAKG,SACH,aAAAH,KAAKyC,MACjBpD,MAAO,mBAAmBW,KAAKC,UAC/ByC,aAAc1C,KAAKO,kBACnBoC,aAAc3C,KAAK4B,kBACnBgB,QAAS5C,KAAKO,kBACdsC,OAAQ7C,KAAK4B,kBACbkB,QAAS9C,KAAK+B,aAEd7C,EAAA,YAAAoD,IAAA,2CAAUS,KAAM/C,KAAK+C,OACrB7D,EAACN,EAAO,CAAA0D,IAAA,2CACNzD,QAASmB,KAAKI,YACdtB,cAAekB,KAAK4B,kBACpB7C,cAAgBiE,GAAahD,KAAKe,aAAeiC,EACjDhE,mBAAqBgE,GAAahD,KAAKmB,cAAgB6B,GAEtDhD,KAAKyC,O","ignoreList":[]}

package/dist/dso-toolkit/{p-a926abc4.entry.js → p-987406fd.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as e,g as n}from"./p-DxWmN7gh.js";import{c as i}from"./p-ChV9xqsO.js";import{d as a}from"./p-DDU8nTJS.js";import"./p-BFTU3MAI.js";var o="top";var f="bottom";var v="right";var s="left";var u="auto";var c=[o,f,v,s];var l="start";var d="end";var p="clippingParents";var h="viewport";var b="popper";var m="reference";var w=c.reduce((function(t,r){return t.concat([r+"-"+l,r+"-"+d])}),[]);var y=[].concat(c,[u]).reduce((function(t,r){return t.concat([r,r+"-"+l,r+"-"+d])}),[]);var x="beforeRead";var g="read";var O="afterRead";var k="beforeMain";var j="main";var E="afterMain";var M="beforeWrite";var T="write";var z="afterWrite";var S=[x,g,O,k,j,E,M,T,z];function P(t){return t?(t.nodeName||"").toLowerCase():null}function A(t){if(t==null){return window}if(t.toString()!=="[object Window]"){var r=t.ownerDocument;return r?r.defaultView||window:window}return t}function L(t){var r=A(t).Element;return t instanceof r||t instanceof Element}function q(t){var r=A(t).HTMLElement;return t instanceof r||t instanceof HTMLElement}function R(t){if(typeof ShadowRoot==="undefined"){return false}var r=A(t).ShadowRoot;return t instanceof r||t instanceof ShadowRoot}function B(t){var r=t.state;Object.keys(r.elements).forEach((function(t){var e=r.styles[t]||{};var n=r.attributes[t]||{};var i=r.elements[t];if(!q(i)||!P(i)){return}Object.assign(i.style,e);Object.keys(n).forEach((function(t){var r=n[t];if(r===false){i.removeAttribute(t)}else{i.setAttribute(t,r===true?"":r)}}))}))}function W(t){var r=t.state;var e={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,e.popper);r.styles=e;if(r.elements.arrow){Object.assign(r.elements.arrow.style,e.arrow)}return function(){Object.keys(r.elements).forEach((function(t){var n=r.elements[t];var i=r.attributes[t]||{};var a=Object.keys(r.styles.hasOwnProperty(t)?r.styles[t]:e[t]);var o=a.reduce((function(t,r){t[r]="";return t}),{});if(!q(n)||!P(n)){return}Object.assign(n.style,o);Object.keys(i).forEach((function(t){n.removeAttribute(t)}))}))}}var C={name:"applyStyles",enabled:true,phase:"write",fn:B,effect:W,requires:["computeStyles"]};function D(t){return t.split("-")[0]}var H=Math.max;var I=Math.min;var U=Math.round;function $(){var t=navigator.userAgentData;if(t!=null&&t.brands&&Array.isArray(t.brands)){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function F(){return!/^((?!chrome|android).)*safari/i.test($())}function N(t,r,e){if(r===void 0){r=false}if(e===void 0){e=false}var n=t.getBoundingClientRect();var i=1;var a=1;if(r&&q(t)){i=t.offsetWidth>0?U(n.width)/t.offsetWidth||1:1;a=t.offsetHeight>0?U(n.height)/t.offsetHeight||1:1}var o=L(t)?A(t):window,f=o.visualViewport;var v=!F()&&e;var s=(n.left+(v&&f?f.offsetLeft:0))/i;var u=(n.top+(v&&f?f.offsetTop:0))/a;var c=n.width/i;var l=n.height/a;return{width:c,height:l,top:u,right:s+c,bottom:u+l,left:s,x:s,y:u}}function V(t){var r=N(t);var e=t.offsetWidth;var n=t.offsetHeight;if(Math.abs(r.width-e)<=1){e=r.width}if(Math.abs(r.height-n)<=1){n=r.height}return{x:t.offsetLeft,y:t.offsetTop,width:e,height:n}}function _(t,r){var e=r.getRootNode&&r.getRootNode();if(t.contains(r)){return true}else if(e&&R(e)){var n=r;do{if(n&&t.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function J(t){return A(t).getComputedStyle(t)}function G(t){return["table","td","th"].indexOf(P(t))>=0}function K(t){return((L(t)?t.ownerDocument:t.document)||window.document).documentElement}function Q(t){if(P(t)==="html"){return t}return t.assignedSlot||t.parentNode||(R(t)?t.host:null)||K(t)}function X(t){if(!q(t)||J(t).position==="fixed"){return null}return t.offsetParent}function Y(t){var r=/firefox/i.test($());var e=/Trident/i.test($());if(e&&q(t)){var n=J(t);if(n.position==="fixed"){return null}}var i=Q(t);if(R(i)){i=i.host}while(q(i)&&["html","body"].indexOf(P(i))<0){var a=J(i);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||r&&a.willChange==="filter"||r&&a.filter&&a.filter!=="none"){return i}else{i=i.parentNode}}return null}function Z(t){var r=A(t);var e=X(t);while(e&&G(e)&&J(e).position==="static"){e=X(e)}if(e&&(P(e)==="html"||P(e)==="body"&&J(e).position==="static")){return r}return e||Y(t)||r}function tt(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function rt(t,r,e){return H(t,I(r,e))}function et(t,r,e){var n=rt(t,r,e);return n>e?e:n}function nt(){return{top:0,right:0,bottom:0,left:0}}function it(t){return Object.assign({},nt(),t)}function at(t,r){return r.reduce((function(r,e){r[e]=t;return r}),{})}var ot=function t(r,e){r=typeof r==="function"?r(Object.assign({},e.rects,{placement:e.placement})):r;return it(typeof r!=="number"?r:at(r,c))};function ft(t){var r;var e=t.state,n=t.name,i=t.options;var a=e.elements.arrow;var u=e.modifiersData.popperOffsets;var c=D(e.placement);var l=tt(c);var d=[s,v].indexOf(c)>=0;var p=d?"height":"width";if(!a||!u){return}var h=ot(i.padding,e);var b=V(a);var m=l==="y"?o:s;var w=l==="y"?f:v;var y=e.rects.reference[p]+e.rects.reference[l]-u[l]-e.rects.popper[p];var x=u[l]-e.rects.reference[l];var g=Z(a);var O=g?l==="y"?g.clientHeight||0:g.clientWidth||0:0;var k=y/2-x/2;var j=h[m];var E=O-b[p]-h[w];var M=O/2-b[p]/2+k;var T=rt(j,M,E);var z=l;e.modifiersData[n]=(r={},r[z]=T,r.centerOffset=T-M,r)}function vt(t){var r=t.state,e=t.options;var n=e.element,i=n===void 0?"[data-popper-arrow]":n;if(i==null){return}if(typeof i==="string"){i=r.elements.popper.querySelector(i);if(!i){return}}if(!_(r.elements.popper,i)){return}r.elements.arrow=i}var st={name:"arrow",enabled:true,phase:"main",fn:ft,effect:vt,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ut(t){return t.split("-")[1]}var ct={top:"auto",right:"auto",bottom:"auto",left:"auto"};function lt(t,r){var e=t.x,n=t.y;var i=r.devicePixelRatio||1;return{x:U(e*i)/i||0,y:U(n*i)/i||0}}function dt(t){var r;var e=t.popper,n=t.popperRect,i=t.placement,a=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,p=t.adaptive,h=t.roundOffsets,b=t.isFixed;var m=u.x,w=m===void 0?0:m,y=u.y,x=y===void 0?0:y;var g=typeof h==="function"?h({x:w,y:x}):{x:w,y:x};w=g.x;x=g.y;var O=u.hasOwnProperty("x");var k=u.hasOwnProperty("y");var j=s;var E=o;var M=window;if(p){var T=Z(e);var z="clientHeight";var S="clientWidth";if(T===A(e)){T=K(e);if(J(T).position!=="static"&&c==="absolute"){z="scrollHeight";S="scrollWidth"}}T=T;if(i===o||(i===s||i===v)&&a===d){E=f;var P=b&&T===M&&M.visualViewport?M.visualViewport.height:T[z];x-=P-n.height;x*=l?1:-1}if(i===s||(i===o||i===f)&&a===d){j=v;var L=b&&T===M&&M.visualViewport?M.visualViewport.width:T[S];w-=L-n.width;w*=l?1:-1}}var q=Object.assign({position:c},p&&ct);var R=h===true?lt({x:w,y:x},A(e)):{x:w,y:x};w=R.x;x=R.y;if(l){var B;return Object.assign({},q,(B={},B[E]=k?"0":"",B[j]=O?"0":"",B.transform=(M.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",B))}return Object.assign({},q,(r={},r[E]=k?x+"px":"",r[j]=O?w+"px":"",r.transform="",r))}function pt(t){var r=t.state,e=t.options;var n=e.gpuAcceleration,i=n===void 0?true:n,a=e.adaptive,o=a===void 0?true:a,f=e.roundOffsets,v=f===void 0?true:f;var s={placement:D(r.placement),variation:ut(r.placement),popper:r.elements.popper,popperRect:r.rects.popper,gpuAcceleration:i,isFixed:r.options.strategy==="fixed"};if(r.modifiersData.popperOffsets!=null){r.styles.popper=Object.assign({},r.styles.popper,dt(Object.assign({},s,{offsets:r.modifiersData.popperOffsets,position:r.options.strategy,adaptive:o,roundOffsets:v})))}if(r.modifiersData.arrow!=null){r.styles.arrow=Object.assign({},r.styles.arrow,dt(Object.assign({},s,{offsets:r.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:v})))}r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-placement":r.placement})}var ht={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:pt,data:{}};var bt={passive:true};function mt(t){var r=t.state,e=t.instance,n=t.options;var i=n.scroll,a=i===void 0?true:i,o=n.resize,f=o===void 0?true:o;var v=A(r.elements.popper);var s=[].concat(r.scrollParents.reference,r.scrollParents.popper);if(a){s.forEach((function(t){t.addEventListener("scroll",e.update,bt)}))}if(f){v.addEventListener("resize",e.update,bt)}return function(){if(a){s.forEach((function(t){t.removeEventListener("scroll",e.update,bt)}))}if(f){v.removeEventListener("resize",e.update,bt)}}}var wt={name:"eventListeners",enabled:true,phase:"write",fn:function t(){},effect:mt,data:{}};var yt={left:"right",right:"left",bottom:"top",top:"bottom"};function xt(t){return t.replace(/left|right|bottom|top/g,(function(t){return yt[t]}))}var gt={start:"end",end:"start"};function Ot(t){return t.replace(/start|end/g,(function(t){return gt[t]}))}function kt(t){var r=A(t);var e=r.pageXOffset;var n=r.pageYOffset;return{scrollLeft:e,scrollTop:n}}function jt(t){return N(K(t)).left+kt(t).scrollLeft}function Et(t,r){var e=A(t);var n=K(t);var i=e.visualViewport;var a=n.clientWidth;var o=n.clientHeight;var f=0;var v=0;if(i){a=i.width;o=i.height;var s=F();if(s||!s&&r==="fixed"){f=i.offsetLeft;v=i.offsetTop}}return{width:a,height:o,x:f+jt(t),y:v}}function Mt(t){var r;var e=K(t);var n=kt(t);var i=(r=t.ownerDocument)==null?void 0:r.body;var a=H(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0);var o=H(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);var f=-n.scrollLeft+jt(t);var v=-n.scrollTop;if(J(i||e).direction==="rtl"){f+=H(e.clientWidth,i?i.clientWidth:0)-a}return{width:a,height:o,x:f,y:v}}function Tt(t){var r=J(t),e=r.overflow,n=r.overflowX,i=r.overflowY;return/auto|scroll|overlay|hidden/.test(e+i+n)}function zt(t){if(["html","body","#document"].indexOf(P(t))>=0){return t.ownerDocument.body}if(q(t)&&Tt(t)){return t}return zt(Q(t))}function St(t,r){var e;if(r===void 0){r=[]}var n=zt(t);var i=n===((e=t.ownerDocument)==null?void 0:e.body);var a=A(n);var o=i?[a].concat(a.visualViewport||[],Tt(n)?n:[]):n;var f=r.concat(o);return i?f:f.concat(St(Q(o)))}function Pt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function At(t,r){var e=N(t,false,r==="fixed");e.top=e.top+t.clientTop;e.left=e.left+t.clientLeft;e.bottom=e.top+t.clientHeight;e.right=e.left+t.clientWidth;e.width=t.clientWidth;e.height=t.clientHeight;e.x=e.left;e.y=e.top;return e}function Lt(t,r,e){return r===h?Pt(Et(t,e)):L(r)?At(r,e):Pt(Mt(K(t)))}function qt(t){var r=St(Q(t));var e=["absolute","fixed"].indexOf(J(t).position)>=0;var n=e&&q(t)?Z(t):t;if(!L(n)){return[]}return r.filter((function(t){return L(t)&&_(t,n)&&P(t)!=="body"}))}function Rt(t,r,e,n){var i=r==="clippingParents"?qt(t):[].concat(r);var a=[].concat(i,[e]);var o=a[0];var f=a.reduce((function(r,e){var i=Lt(t,e,n);r.top=H(i.top,r.top);r.right=I(i.right,r.right);r.bottom=I(i.bottom,r.bottom);r.left=H(i.left,r.left);return r}),Lt(t,o,n));f.width=f.right-f.left;f.height=f.bottom-f.top;f.x=f.left;f.y=f.top;return f}function Bt(t){var r=t.reference,e=t.element,n=t.placement;var i=n?D(n):null;var a=n?ut(n):null;var u=r.x+r.width/2-e.width/2;var c=r.y+r.height/2-e.height/2;var p;switch(i){case o:p={x:u,y:r.y-e.height};break;case f:p={x:u,y:r.y+r.height};break;case v:p={x:r.x+r.width,y:c};break;case s:p={x:r.x-e.width,y:c};break;default:p={x:r.x,y:r.y}}var h=i?tt(i):null;if(h!=null){var b=h==="y"?"height":"width";switch(a){case l:p[h]=p[h]-(r[b]/2-e[b]/2);break;case d:p[h]=p[h]+(r[b]/2-e[b]/2);break}}return p}function Wt(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=n===void 0?t.placement:n,a=e.strategy,s=a===void 0?t.strategy:a,u=e.boundary,l=u===void 0?p:u,d=e.rootBoundary,w=d===void 0?h:d,y=e.elementContext,x=y===void 0?b:y,g=e.altBoundary,O=g===void 0?false:g,k=e.padding,j=k===void 0?0:k;var E=it(typeof j!=="number"?j:at(j,c));var M=x===b?m:b;var T=t.rects.popper;var z=t.elements[O?M:x];var S=Rt(L(z)?z:z.contextElement||K(t.elements.popper),l,w,s);var P=N(t.elements.reference);var A=Bt({reference:P,element:T,placement:i});var q=Pt(Object.assign({},T,A));var R=x===b?q:P;var B={top:S.top-R.top+E.top,bottom:R.bottom-S.bottom+E.bottom,left:S.left-R.left+E.left,right:R.right-S.right+E.right};var W=t.modifiersData.offset;if(x===b&&W){var C=W[i];Object.keys(B).forEach((function(t){var r=[v,f].indexOf(t)>=0?1:-1;var e=[o,f].indexOf(t)>=0?"y":"x";B[t]+=C[e]*r}))}return B}function Ct(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=e.boundary,a=e.rootBoundary,o=e.padding,f=e.flipVariations,v=e.allowedAutoPlacements,s=v===void 0?y:v;var u=ut(n);var l=u?f?w:w.filter((function(t){return ut(t)===u})):c;var d=l.filter((function(t){return s.indexOf(t)>=0}));if(d.length===0){d=l}var p=d.reduce((function(r,e){r[e]=Wt(t,{placement:e,boundary:i,rootBoundary:a,padding:o})[D(e)];return r}),{});return Object.keys(p).sort((function(t,r){return p[t]-p[r]}))}function Dt(t){if(D(t)===u){return[]}var r=xt(t);return[Ot(t),r,Ot(r)]}function Ht(t){var r=t.state,e=t.options,n=t.name;if(r.modifiersData[n]._skip){return}var i=e.mainAxis,a=i===void 0?true:i,c=e.altAxis,d=c===void 0?true:c,p=e.fallbackPlacements,h=e.padding,b=e.boundary,m=e.rootBoundary,w=e.altBoundary,y=e.flipVariations,x=y===void 0?true:y,g=e.allowedAutoPlacements;var O=r.options.placement;var k=D(O);var j=k===O;var E=p||(j||!x?[xt(O)]:Dt(O));var M=[O].concat(E).reduce((function(t,e){return t.concat(D(e)===u?Ct(r,{placement:e,boundary:b,rootBoundary:m,padding:h,flipVariations:x,allowedAutoPlacements:g}):e)}),[]);var T=r.rects.reference;var z=r.rects.popper;var S=new Map;var P=true;var A=M[0];for(var L=0;L<M.length;L++){var q=M[L];var R=D(q);var B=ut(q)===l;var W=[o,f].indexOf(R)>=0;var C=W?"width":"height";var H=Wt(r,{placement:q,boundary:b,rootBoundary:m,altBoundary:w,padding:h});var I=W?B?v:s:B?f:o;if(T[C]>z[C]){I=xt(I)}var U=xt(I);var $=[];if(a){$.push(H[R]<=0)}if(d){$.push(H[I]<=0,H[U]<=0)}if($.every((function(t){return t}))){A=q;P=false;break}S.set(q,$)}if(P){var F=x?3:1;var N=function t(r){var e=M.find((function(t){var e=S.get(t);if(e){return e.slice(0,r).every((function(t){return t}))}}));if(e){A=e;return"break"}};for(var V=F;V>0;V--){var _=N(V);if(_==="break")break}}if(r.placement!==A){r.modifiersData[n]._skip=true;r.placement=A;r.reset=true}}var It={name:"flip",enabled:true,phase:"main",fn:Ht,requiresIfExists:["offset"],data:{_skip:false}};function Ut(t,r,e){if(e===void 0){e={x:0,y:0}}return{top:t.top-r.height-e.y,right:t.right-r.width+e.x,bottom:t.bottom-r.height+e.y,left:t.left-r.width-e.x}}function $t(t){return[o,v,f,s].some((function(r){return t[r]>=0}))}function Ft(t){var r=t.state,e=t.name;var n=r.rects.reference;var i=r.rects.popper;var a=r.modifiersData.preventOverflow;var o=Wt(r,{elementContext:"reference"});var f=Wt(r,{altBoundary:true});var v=Ut(o,n);var s=Ut(f,i,a);var u=$t(v);var c=$t(s);r.modifiersData[e]={referenceClippingOffsets:v,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c};r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}var Nt={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Ft};function Vt(t,r,e){var n=D(t);var i=[s,o].indexOf(n)>=0?-1:1;var a=typeof e==="function"?e(Object.assign({},r,{placement:t})):e,f=a[0],u=a[1];f=f||0;u=(u||0)*i;return[s,v].indexOf(n)>=0?{x:u,y:f}:{x:f,y:u}}function _t(t){var r=t.state,e=t.options,n=t.name;var i=e.offset,a=i===void 0?[0,0]:i;var o=y.reduce((function(t,e){t[e]=Vt(e,r.rects,a);return t}),{});var f=o[r.placement],v=f.x,s=f.y;if(r.modifiersData.popperOffsets!=null){r.modifiersData.popperOffsets.x+=v;r.modifiersData.popperOffsets.y+=s}r.modifiersData[n]=o}var Jt={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:_t};function Gt(t){var r=t.state,e=t.name;r.modifiersData[e]=Bt({reference:r.rects.reference,element:r.rects.popper,placement:r.placement})}var Kt={name:"popperOffsets",enabled:true,phase:"read",fn:Gt,data:{}};function Qt(t){return t==="x"?"y":"x"}function Xt(t){var r=t.state,e=t.options,n=t.name;var i=e.mainAxis,a=i===void 0?true:i,u=e.altAxis,c=u===void 0?false:u,d=e.boundary,p=e.rootBoundary,h=e.altBoundary,b=e.padding,m=e.tether,w=m===void 0?true:m,y=e.tetherOffset,x=y===void 0?0:y;var g=Wt(r,{boundary:d,rootBoundary:p,padding:b,altBoundary:h});var O=D(r.placement);var k=ut(r.placement);var j=!k;var E=tt(O);var M=Qt(E);var T=r.modifiersData.popperOffsets;var z=r.rects.reference;var S=r.rects.popper;var P=typeof x==="function"?x(Object.assign({},r.rects,{placement:r.placement})):x;var A=typeof P==="number"?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P);var L=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null;var q={x:0,y:0};if(!T){return}if(a){var R;var B=E==="y"?o:s;var W=E==="y"?f:v;var C=E==="y"?"height":"width";var U=T[E];var $=U+g[B];var F=U-g[W];var N=w?-S[C]/2:0;var _=k===l?z[C]:S[C];var J=k===l?-S[C]:-z[C];var G=r.elements.arrow;var K=w&&G?V(G):{width:0,height:0};var Q=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:nt();var X=Q[B];var Y=Q[W];var it=rt(0,z[C],K[C]);var at=j?z[C]/2-N-it-X-A.mainAxis:_-it-X-A.mainAxis;var ot=j?-z[C]/2+N+it+Y+A.mainAxis:J+it+Y+A.mainAxis;var ft=r.elements.arrow&&Z(r.elements.arrow);var vt=ft?E==="y"?ft.clientTop||0:ft.clientLeft||0:0;var st=(R=L==null?void 0:L[E])!=null?R:0;var ct=U+at-st-vt;var lt=U+ot-st;var dt=rt(w?I($,ct):$,U,w?H(F,lt):F);T[E]=dt;q[E]=dt-U}if(c){var pt;var ht=E==="x"?o:s;var bt=E==="x"?f:v;var mt=T[M];var wt=M==="y"?"height":"width";var yt=mt+g[ht];var xt=mt-g[bt];var gt=[o,s].indexOf(O)!==-1;var Ot=(pt=L==null?void 0:L[M])!=null?pt:0;var kt=gt?yt:mt-z[wt]-S[wt]-Ot+A.altAxis;var jt=gt?mt+z[wt]+S[wt]-Ot-A.altAxis:xt;var Et=w&&gt?et(kt,mt,jt):rt(w?kt:yt,mt,w?jt:xt);T[M]=Et;q[M]=Et-mt}r.modifiersData[n]=q}var Yt={name:"preventOverflow",enabled:true,phase:"main",fn:Xt,requiresIfExists:["offset"]};function Zt(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function tr(t){if(t===A(t)||!q(t)){return kt(t)}else{return Zt(t)}}function rr(t){var r=t.getBoundingClientRect();var e=U(r.width)/t.offsetWidth||1;var n=U(r.height)/t.offsetHeight||1;return e!==1||n!==1}function er(t,r,e){if(e===void 0){e=false}var n=q(r);var i=q(r)&&rr(r);var a=K(r);var o=N(t,i,e);var f={scrollLeft:0,scrollTop:0};var v={x:0,y:0};if(n||!n&&!e){if(P(r)!=="body"||Tt(a)){f=tr(r)}if(q(r)){v=N(r,true);v.x+=r.clientLeft;v.y+=r.clientTop}else if(a){v.x=jt(a)}}return{x:o.left+f.scrollLeft-v.x,y:o.top+f.scrollTop-v.y,width:o.width,height:o.height}}function nr(t){var r=new Map;var e=new Set;var n=[];t.forEach((function(t){r.set(t.name,t)}));function i(t){e.add(t.name);var a=[].concat(t.requires||[],t.requiresIfExists||[]);a.forEach((function(t){if(!e.has(t)){var n=r.get(t);if(n){i(n)}}}));n.push(t)}t.forEach((function(t){if(!e.has(t.name)){i(t)}}));return n}function ir(t){var r=nr(t);return S.reduce((function(t,e){return t.concat(r.filter((function(t){return t.phase===e})))}),[])}function ar(t){var r;return function(){if(!r){r=new Promise((function(e){Promise.resolve().then((function(){r=undefined;e(t())}))}))}return r}}function or(t){var r=t.reduce((function(t,r){var e=t[r.name];t[r.name]=e?Object.assign({},e,r,{options:Object.assign({},e.options,r.options),data:Object.assign({},e.data,r.data)}):r;return t}),{});return Object.keys(r).map((function(t){return r[t]}))}var fr={placement:"bottom",modifiers:[],strategy:"absolute"};function vr(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++){r[e]=arguments[e]}return!r.some((function(t){return!(t&&typeof t.getBoundingClientRect==="function")}))}function sr(t){if(t===void 0){t={}}var r=t,e=r.defaultModifiers,n=e===void 0?[]:e,i=r.defaultOptions,a=i===void 0?fr:i;return function t(r,e,i){if(i===void 0){i=a}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},fr,a),modifiersData:{},elements:{reference:r,popper:e},attributes:{},styles:{}};var f=[];var v=false;var s={state:o,setOptions:function t(i){var f=typeof i==="function"?i(o.options):i;c();o.options=Object.assign({},a,o.options,f);o.scrollParents={reference:L(r)?St(r):r.contextElement?St(r.contextElement):[],popper:St(e)};var v=ir(or([].concat(n,o.options.modifiers)));o.orderedModifiers=v.filter((function(t){return t.enabled}));u();return s.update()},forceUpdate:function t(){if(v){return}var r=o.elements,e=r.reference,n=r.popper;if(!vr(e,n)){return}o.rects={reference:er(e,Z(n),o.options.strategy==="fixed"),popper:V(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<o.orderedModifiers.length;i++){if(o.reset===true){o.reset=false;i=-1;continue}var a=o.orderedModifiers[i],f=a.fn,u=a.options,c=u===void 0?{}:u,l=a.name;if(typeof f==="function"){o=f({state:o,options:c,name:l,instance:s})||o}}},update:ar((function(){return new Promise((function(t){s.forceUpdate();t(o)}))})),destroy:function t(){c();v=true}};if(!vr(r,e)){return s}s.setOptions(i).then((function(t){if(!v&&i.onFirstUpdate){i.onFirstUpdate(t)}}));function u(){o.orderedModifiers.forEach((function(t){var r=t.name,e=t.options,n=e===void 0?{}:e,i=t.effect;if(typeof i==="function"){var a=i({state:o,name:r,instance:s,options:n});var v=function t(){};f.push(a||v)}}))}function c(){f.forEach((function(t){return t()}));f=[]}return s}}var ur=[wt,Kt,ht,C,Jt,It,Yt,st,Nt];var cr=sr({defaultModifiers:ur});var lr={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(r){var e=r.state,n=r.name,i=r.options;var a=Wt(e,i);var o=e.modifiersData.preventOverflow||{x:0,y:0},f=o.x,v=o.y;var s=e.rects.popper,u=s.width,c=s.height;var l=e.placement.split("-"),d=l[0];var p=d==="left"?"left":"right";var h=d==="top"?"top":"bottom";e.modifiersData[n]={width:u-a[p]-f,height:c-a[h]-v}}};function dr(t){const r=window.getComputedStyle(t);const e=r.getPropertyValue("overflow-x");const n=r.getPropertyValue("overflow-y");const i=["hidden","clip"];return i.indexOf(e)!==-1||i.indexOf(n)!==-1}const pr=":host(.hidden){visibility:hidden}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:anywhere;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip.in .tooltip-inner{max-block-size:200vh;overflow:auto;visibility:visible;padding-block:8px;padding-inline:16px}.tooltip:not(.in) .tooltip-inner{max-block-size:0;overflow:hidden;visibility:hidden;transition:all 0s linear 0.15s}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-inline-start:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block-start:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline-end:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}";var hr=undefined&&undefined.__classPrivateFieldGet||function(t,r,e,n){if(e==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof r==="function"?t!==r||!n:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?n:e==="a"?n.call(t):n?n.value:r.get(t)};var br=undefined&&undefined.__classPrivateFieldSet||function(t,r,e,n,i){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof r==="function"?t!==r||!i:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?i.call(t,e):i?i.value=e:r.set(t,e),e};var mr;const wr=150;const yr={name:"applyMaxSize",enabled:true,phase:M,requires:["maxSize"],fn({state:t}){let{width:r}=t.modifiersData.maxSize;if(r<160){r=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${r}px`})}};const xr=class{constructor(r){t(this,r);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.active=false;this.callbacks={activate:()=>this.active=true,deactivate:()=>{setTimeout((()=>{if(this.element.isConnected){this.active=false}}),2)}};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.hidden=true;this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=a((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),wr);mr.set(this,void 0)}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&dr(t)){this.popper.setOptions({strategy:"fixed"});return}}this.popper.setOptions({strategy:"absolute"})}watchActive(){if(this.active){this.activatePopper();if(!this.stateless){setTimeout((()=>{var t;(t=this.popper)===null||t===void 0?void 0:t.setOptions({modifiers:[{name:"eventListeners",enabled:true}]});document.addEventListener("keydown",this.keyDownListener)}))}}else{document.removeEventListener("keydown",this.keyDownListener);this.deactivatePopper()}}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;const r=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(r instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return r(e,{key:"1759f2b56e9370bfa2c5775881abc4228bb4bafe",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},r("div",{key:"f60727774201b0138f69ae94b28fc9fc912eb4d2",class:i("tooltip",{in:this.active})},!this.noArrow&&r("div",{key:"40317966b7eafd7dda2cfa2036b3f8a3c3f9e2dd","data-popper-arrow":true,class:"tooltip-arrow"}),r("div",{key:"aadbe227950cba16b958c58d46a04ec9d7081d6c","aria-hidden":!this.descriptive||undefined,class:i("tooltip-inner",{"dso-small":this.small})},r("slot",{key:"a235ed854731f2aef367bc6a45fb4d1b1ebc4da2"}))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const r=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&r instanceof HTMLElement){this.popper=cr(this.target,r,{placement:this.position,modifiers:[lr,yr,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=hr(this,mr,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){br(this,mr,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const r=this.element.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=r.querySelector(`[aria-describedBy="${t}`);if(!e){console.warn(`Unable to find reference with aria-describedby ${t}`);return}br(this,mr,e,"f");return e}get element(){return n(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};mr=new WeakMap;xr.style=pr;export{xr as dso_tooltip};
-//# sourceMappingURL=p-a926abc4.entry.js.map
+import{r as t,h as r,H as e,g as n}from"./p-DxWmN7gh.js";import{c as i}from"./p-ChV9xqsO.js";import{d as a}from"./p-DDU8nTJS.js";import"./p-BFTU3MAI.js";var o="top";var f="bottom";var v="right";var s="left";var u="auto";var c=[o,f,v,s];var l="start";var d="end";var p="clippingParents";var h="viewport";var b="popper";var m="reference";var w=c.reduce((function(t,r){return t.concat([r+"-"+l,r+"-"+d])}),[]);var y=[].concat(c,[u]).reduce((function(t,r){return t.concat([r,r+"-"+l,r+"-"+d])}),[]);var x="beforeRead";var g="read";var O="afterRead";var k="beforeMain";var j="main";var E="afterMain";var M="beforeWrite";var T="write";var z="afterWrite";var S=[x,g,O,k,j,E,M,T,z];function P(t){return t?(t.nodeName||"").toLowerCase():null}function A(t){if(t==null){return window}if(t.toString()!=="[object Window]"){var r=t.ownerDocument;return r?r.defaultView||window:window}return t}function L(t){var r=A(t).Element;return t instanceof r||t instanceof Element}function q(t){var r=A(t).HTMLElement;return t instanceof r||t instanceof HTMLElement}function R(t){if(typeof ShadowRoot==="undefined"){return false}var r=A(t).ShadowRoot;return t instanceof r||t instanceof ShadowRoot}function B(t){var r=t.state;Object.keys(r.elements).forEach((function(t){var e=r.styles[t]||{};var n=r.attributes[t]||{};var i=r.elements[t];if(!q(i)||!P(i)){return}Object.assign(i.style,e);Object.keys(n).forEach((function(t){var r=n[t];if(r===false){i.removeAttribute(t)}else{i.setAttribute(t,r===true?"":r)}}))}))}function W(t){var r=t.state;var e={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,e.popper);r.styles=e;if(r.elements.arrow){Object.assign(r.elements.arrow.style,e.arrow)}return function(){Object.keys(r.elements).forEach((function(t){var n=r.elements[t];var i=r.attributes[t]||{};var a=Object.keys(r.styles.hasOwnProperty(t)?r.styles[t]:e[t]);var o=a.reduce((function(t,r){t[r]="";return t}),{});if(!q(n)||!P(n)){return}Object.assign(n.style,o);Object.keys(i).forEach((function(t){n.removeAttribute(t)}))}))}}var C={name:"applyStyles",enabled:true,phase:"write",fn:B,effect:W,requires:["computeStyles"]};function D(t){return t.split("-")[0]}var H=Math.max;var I=Math.min;var U=Math.round;function $(){var t=navigator.userAgentData;if(t!=null&&t.brands&&Array.isArray(t.brands)){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function F(){return!/^((?!chrome|android).)*safari/i.test($())}function N(t,r,e){if(r===void 0){r=false}if(e===void 0){e=false}var n=t.getBoundingClientRect();var i=1;var a=1;if(r&&q(t)){i=t.offsetWidth>0?U(n.width)/t.offsetWidth||1:1;a=t.offsetHeight>0?U(n.height)/t.offsetHeight||1:1}var o=L(t)?A(t):window,f=o.visualViewport;var v=!F()&&e;var s=(n.left+(v&&f?f.offsetLeft:0))/i;var u=(n.top+(v&&f?f.offsetTop:0))/a;var c=n.width/i;var l=n.height/a;return{width:c,height:l,top:u,right:s+c,bottom:u+l,left:s,x:s,y:u}}function V(t){var r=N(t);var e=t.offsetWidth;var n=t.offsetHeight;if(Math.abs(r.width-e)<=1){e=r.width}if(Math.abs(r.height-n)<=1){n=r.height}return{x:t.offsetLeft,y:t.offsetTop,width:e,height:n}}function _(t,r){var e=r.getRootNode&&r.getRootNode();if(t.contains(r)){return true}else if(e&&R(e)){var n=r;do{if(n&&t.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function J(t){return A(t).getComputedStyle(t)}function G(t){return["table","td","th"].indexOf(P(t))>=0}function K(t){return((L(t)?t.ownerDocument:t.document)||window.document).documentElement}function Q(t){if(P(t)==="html"){return t}return t.assignedSlot||t.parentNode||(R(t)?t.host:null)||K(t)}function X(t){if(!q(t)||J(t).position==="fixed"){return null}return t.offsetParent}function Y(t){var r=/firefox/i.test($());var e=/Trident/i.test($());if(e&&q(t)){var n=J(t);if(n.position==="fixed"){return null}}var i=Q(t);if(R(i)){i=i.host}while(q(i)&&["html","body"].indexOf(P(i))<0){var a=J(i);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||r&&a.willChange==="filter"||r&&a.filter&&a.filter!=="none"){return i}else{i=i.parentNode}}return null}function Z(t){var r=A(t);var e=X(t);while(e&&G(e)&&J(e).position==="static"){e=X(e)}if(e&&(P(e)==="html"||P(e)==="body"&&J(e).position==="static")){return r}return e||Y(t)||r}function tt(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function rt(t,r,e){return H(t,I(r,e))}function et(t,r,e){var n=rt(t,r,e);return n>e?e:n}function nt(){return{top:0,right:0,bottom:0,left:0}}function it(t){return Object.assign({},nt(),t)}function at(t,r){return r.reduce((function(r,e){r[e]=t;return r}),{})}var ot=function t(r,e){r=typeof r==="function"?r(Object.assign({},e.rects,{placement:e.placement})):r;return it(typeof r!=="number"?r:at(r,c))};function ft(t){var r;var e=t.state,n=t.name,i=t.options;var a=e.elements.arrow;var u=e.modifiersData.popperOffsets;var c=D(e.placement);var l=tt(c);var d=[s,v].indexOf(c)>=0;var p=d?"height":"width";if(!a||!u){return}var h=ot(i.padding,e);var b=V(a);var m=l==="y"?o:s;var w=l==="y"?f:v;var y=e.rects.reference[p]+e.rects.reference[l]-u[l]-e.rects.popper[p];var x=u[l]-e.rects.reference[l];var g=Z(a);var O=g?l==="y"?g.clientHeight||0:g.clientWidth||0:0;var k=y/2-x/2;var j=h[m];var E=O-b[p]-h[w];var M=O/2-b[p]/2+k;var T=rt(j,M,E);var z=l;e.modifiersData[n]=(r={},r[z]=T,r.centerOffset=T-M,r)}function vt(t){var r=t.state,e=t.options;var n=e.element,i=n===void 0?"[data-popper-arrow]":n;if(i==null){return}if(typeof i==="string"){i=r.elements.popper.querySelector(i);if(!i){return}}if(!_(r.elements.popper,i)){return}r.elements.arrow=i}var st={name:"arrow",enabled:true,phase:"main",fn:ft,effect:vt,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ut(t){return t.split("-")[1]}var ct={top:"auto",right:"auto",bottom:"auto",left:"auto"};function lt(t,r){var e=t.x,n=t.y;var i=r.devicePixelRatio||1;return{x:U(e*i)/i||0,y:U(n*i)/i||0}}function dt(t){var r;var e=t.popper,n=t.popperRect,i=t.placement,a=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,p=t.adaptive,h=t.roundOffsets,b=t.isFixed;var m=u.x,w=m===void 0?0:m,y=u.y,x=y===void 0?0:y;var g=typeof h==="function"?h({x:w,y:x}):{x:w,y:x};w=g.x;x=g.y;var O=u.hasOwnProperty("x");var k=u.hasOwnProperty("y");var j=s;var E=o;var M=window;if(p){var T=Z(e);var z="clientHeight";var S="clientWidth";if(T===A(e)){T=K(e);if(J(T).position!=="static"&&c==="absolute"){z="scrollHeight";S="scrollWidth"}}T=T;if(i===o||(i===s||i===v)&&a===d){E=f;var P=b&&T===M&&M.visualViewport?M.visualViewport.height:T[z];x-=P-n.height;x*=l?1:-1}if(i===s||(i===o||i===f)&&a===d){j=v;var L=b&&T===M&&M.visualViewport?M.visualViewport.width:T[S];w-=L-n.width;w*=l?1:-1}}var q=Object.assign({position:c},p&&ct);var R=h===true?lt({x:w,y:x},A(e)):{x:w,y:x};w=R.x;x=R.y;if(l){var B;return Object.assign({},q,(B={},B[E]=k?"0":"",B[j]=O?"0":"",B.transform=(M.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",B))}return Object.assign({},q,(r={},r[E]=k?x+"px":"",r[j]=O?w+"px":"",r.transform="",r))}function pt(t){var r=t.state,e=t.options;var n=e.gpuAcceleration,i=n===void 0?true:n,a=e.adaptive,o=a===void 0?true:a,f=e.roundOffsets,v=f===void 0?true:f;var s={placement:D(r.placement),variation:ut(r.placement),popper:r.elements.popper,popperRect:r.rects.popper,gpuAcceleration:i,isFixed:r.options.strategy==="fixed"};if(r.modifiersData.popperOffsets!=null){r.styles.popper=Object.assign({},r.styles.popper,dt(Object.assign({},s,{offsets:r.modifiersData.popperOffsets,position:r.options.strategy,adaptive:o,roundOffsets:v})))}if(r.modifiersData.arrow!=null){r.styles.arrow=Object.assign({},r.styles.arrow,dt(Object.assign({},s,{offsets:r.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:v})))}r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-placement":r.placement})}var ht={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:pt,data:{}};var bt={passive:true};function mt(t){var r=t.state,e=t.instance,n=t.options;var i=n.scroll,a=i===void 0?true:i,o=n.resize,f=o===void 0?true:o;var v=A(r.elements.popper);var s=[].concat(r.scrollParents.reference,r.scrollParents.popper);if(a){s.forEach((function(t){t.addEventListener("scroll",e.update,bt)}))}if(f){v.addEventListener("resize",e.update,bt)}return function(){if(a){s.forEach((function(t){t.removeEventListener("scroll",e.update,bt)}))}if(f){v.removeEventListener("resize",e.update,bt)}}}var wt={name:"eventListeners",enabled:true,phase:"write",fn:function t(){},effect:mt,data:{}};var yt={left:"right",right:"left",bottom:"top",top:"bottom"};function xt(t){return t.replace(/left|right|bottom|top/g,(function(t){return yt[t]}))}var gt={start:"end",end:"start"};function Ot(t){return t.replace(/start|end/g,(function(t){return gt[t]}))}function kt(t){var r=A(t);var e=r.pageXOffset;var n=r.pageYOffset;return{scrollLeft:e,scrollTop:n}}function jt(t){return N(K(t)).left+kt(t).scrollLeft}function Et(t,r){var e=A(t);var n=K(t);var i=e.visualViewport;var a=n.clientWidth;var o=n.clientHeight;var f=0;var v=0;if(i){a=i.width;o=i.height;var s=F();if(s||!s&&r==="fixed"){f=i.offsetLeft;v=i.offsetTop}}return{width:a,height:o,x:f+jt(t),y:v}}function Mt(t){var r;var e=K(t);var n=kt(t);var i=(r=t.ownerDocument)==null?void 0:r.body;var a=H(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0);var o=H(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);var f=-n.scrollLeft+jt(t);var v=-n.scrollTop;if(J(i||e).direction==="rtl"){f+=H(e.clientWidth,i?i.clientWidth:0)-a}return{width:a,height:o,x:f,y:v}}function Tt(t){var r=J(t),e=r.overflow,n=r.overflowX,i=r.overflowY;return/auto|scroll|overlay|hidden/.test(e+i+n)}function zt(t){if(["html","body","#document"].indexOf(P(t))>=0){return t.ownerDocument.body}if(q(t)&&Tt(t)){return t}return zt(Q(t))}function St(t,r){var e;if(r===void 0){r=[]}var n=zt(t);var i=n===((e=t.ownerDocument)==null?void 0:e.body);var a=A(n);var o=i?[a].concat(a.visualViewport||[],Tt(n)?n:[]):n;var f=r.concat(o);return i?f:f.concat(St(Q(o)))}function Pt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function At(t,r){var e=N(t,false,r==="fixed");e.top=e.top+t.clientTop;e.left=e.left+t.clientLeft;e.bottom=e.top+t.clientHeight;e.right=e.left+t.clientWidth;e.width=t.clientWidth;e.height=t.clientHeight;e.x=e.left;e.y=e.top;return e}function Lt(t,r,e){return r===h?Pt(Et(t,e)):L(r)?At(r,e):Pt(Mt(K(t)))}function qt(t){var r=St(Q(t));var e=["absolute","fixed"].indexOf(J(t).position)>=0;var n=e&&q(t)?Z(t):t;if(!L(n)){return[]}return r.filter((function(t){return L(t)&&_(t,n)&&P(t)!=="body"}))}function Rt(t,r,e,n){var i=r==="clippingParents"?qt(t):[].concat(r);var a=[].concat(i,[e]);var o=a[0];var f=a.reduce((function(r,e){var i=Lt(t,e,n);r.top=H(i.top,r.top);r.right=I(i.right,r.right);r.bottom=I(i.bottom,r.bottom);r.left=H(i.left,r.left);return r}),Lt(t,o,n));f.width=f.right-f.left;f.height=f.bottom-f.top;f.x=f.left;f.y=f.top;return f}function Bt(t){var r=t.reference,e=t.element,n=t.placement;var i=n?D(n):null;var a=n?ut(n):null;var u=r.x+r.width/2-e.width/2;var c=r.y+r.height/2-e.height/2;var p;switch(i){case o:p={x:u,y:r.y-e.height};break;case f:p={x:u,y:r.y+r.height};break;case v:p={x:r.x+r.width,y:c};break;case s:p={x:r.x-e.width,y:c};break;default:p={x:r.x,y:r.y}}var h=i?tt(i):null;if(h!=null){var b=h==="y"?"height":"width";switch(a){case l:p[h]=p[h]-(r[b]/2-e[b]/2);break;case d:p[h]=p[h]+(r[b]/2-e[b]/2);break}}return p}function Wt(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=n===void 0?t.placement:n,a=e.strategy,s=a===void 0?t.strategy:a,u=e.boundary,l=u===void 0?p:u,d=e.rootBoundary,w=d===void 0?h:d,y=e.elementContext,x=y===void 0?b:y,g=e.altBoundary,O=g===void 0?false:g,k=e.padding,j=k===void 0?0:k;var E=it(typeof j!=="number"?j:at(j,c));var M=x===b?m:b;var T=t.rects.popper;var z=t.elements[O?M:x];var S=Rt(L(z)?z:z.contextElement||K(t.elements.popper),l,w,s);var P=N(t.elements.reference);var A=Bt({reference:P,element:T,placement:i});var q=Pt(Object.assign({},T,A));var R=x===b?q:P;var B={top:S.top-R.top+E.top,bottom:R.bottom-S.bottom+E.bottom,left:S.left-R.left+E.left,right:R.right-S.right+E.right};var W=t.modifiersData.offset;if(x===b&&W){var C=W[i];Object.keys(B).forEach((function(t){var r=[v,f].indexOf(t)>=0?1:-1;var e=[o,f].indexOf(t)>=0?"y":"x";B[t]+=C[e]*r}))}return B}function Ct(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=e.boundary,a=e.rootBoundary,o=e.padding,f=e.flipVariations,v=e.allowedAutoPlacements,s=v===void 0?y:v;var u=ut(n);var l=u?f?w:w.filter((function(t){return ut(t)===u})):c;var d=l.filter((function(t){return s.indexOf(t)>=0}));if(d.length===0){d=l}var p=d.reduce((function(r,e){r[e]=Wt(t,{placement:e,boundary:i,rootBoundary:a,padding:o})[D(e)];return r}),{});return Object.keys(p).sort((function(t,r){return p[t]-p[r]}))}function Dt(t){if(D(t)===u){return[]}var r=xt(t);return[Ot(t),r,Ot(r)]}function Ht(t){var r=t.state,e=t.options,n=t.name;if(r.modifiersData[n]._skip){return}var i=e.mainAxis,a=i===void 0?true:i,c=e.altAxis,d=c===void 0?true:c,p=e.fallbackPlacements,h=e.padding,b=e.boundary,m=e.rootBoundary,w=e.altBoundary,y=e.flipVariations,x=y===void 0?true:y,g=e.allowedAutoPlacements;var O=r.options.placement;var k=D(O);var j=k===O;var E=p||(j||!x?[xt(O)]:Dt(O));var M=[O].concat(E).reduce((function(t,e){return t.concat(D(e)===u?Ct(r,{placement:e,boundary:b,rootBoundary:m,padding:h,flipVariations:x,allowedAutoPlacements:g}):e)}),[]);var T=r.rects.reference;var z=r.rects.popper;var S=new Map;var P=true;var A=M[0];for(var L=0;L<M.length;L++){var q=M[L];var R=D(q);var B=ut(q)===l;var W=[o,f].indexOf(R)>=0;var C=W?"width":"height";var H=Wt(r,{placement:q,boundary:b,rootBoundary:m,altBoundary:w,padding:h});var I=W?B?v:s:B?f:o;if(T[C]>z[C]){I=xt(I)}var U=xt(I);var $=[];if(a){$.push(H[R]<=0)}if(d){$.push(H[I]<=0,H[U]<=0)}if($.every((function(t){return t}))){A=q;P=false;break}S.set(q,$)}if(P){var F=x?3:1;var N=function t(r){var e=M.find((function(t){var e=S.get(t);if(e){return e.slice(0,r).every((function(t){return t}))}}));if(e){A=e;return"break"}};for(var V=F;V>0;V--){var _=N(V);if(_==="break")break}}if(r.placement!==A){r.modifiersData[n]._skip=true;r.placement=A;r.reset=true}}var It={name:"flip",enabled:true,phase:"main",fn:Ht,requiresIfExists:["offset"],data:{_skip:false}};function Ut(t,r,e){if(e===void 0){e={x:0,y:0}}return{top:t.top-r.height-e.y,right:t.right-r.width+e.x,bottom:t.bottom-r.height+e.y,left:t.left-r.width-e.x}}function $t(t){return[o,v,f,s].some((function(r){return t[r]>=0}))}function Ft(t){var r=t.state,e=t.name;var n=r.rects.reference;var i=r.rects.popper;var a=r.modifiersData.preventOverflow;var o=Wt(r,{elementContext:"reference"});var f=Wt(r,{altBoundary:true});var v=Ut(o,n);var s=Ut(f,i,a);var u=$t(v);var c=$t(s);r.modifiersData[e]={referenceClippingOffsets:v,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c};r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}var Nt={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Ft};function Vt(t,r,e){var n=D(t);var i=[s,o].indexOf(n)>=0?-1:1;var a=typeof e==="function"?e(Object.assign({},r,{placement:t})):e,f=a[0],u=a[1];f=f||0;u=(u||0)*i;return[s,v].indexOf(n)>=0?{x:u,y:f}:{x:f,y:u}}function _t(t){var r=t.state,e=t.options,n=t.name;var i=e.offset,a=i===void 0?[0,0]:i;var o=y.reduce((function(t,e){t[e]=Vt(e,r.rects,a);return t}),{});var f=o[r.placement],v=f.x,s=f.y;if(r.modifiersData.popperOffsets!=null){r.modifiersData.popperOffsets.x+=v;r.modifiersData.popperOffsets.y+=s}r.modifiersData[n]=o}var Jt={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:_t};function Gt(t){var r=t.state,e=t.name;r.modifiersData[e]=Bt({reference:r.rects.reference,element:r.rects.popper,placement:r.placement})}var Kt={name:"popperOffsets",enabled:true,phase:"read",fn:Gt,data:{}};function Qt(t){return t==="x"?"y":"x"}function Xt(t){var r=t.state,e=t.options,n=t.name;var i=e.mainAxis,a=i===void 0?true:i,u=e.altAxis,c=u===void 0?false:u,d=e.boundary,p=e.rootBoundary,h=e.altBoundary,b=e.padding,m=e.tether,w=m===void 0?true:m,y=e.tetherOffset,x=y===void 0?0:y;var g=Wt(r,{boundary:d,rootBoundary:p,padding:b,altBoundary:h});var O=D(r.placement);var k=ut(r.placement);var j=!k;var E=tt(O);var M=Qt(E);var T=r.modifiersData.popperOffsets;var z=r.rects.reference;var S=r.rects.popper;var P=typeof x==="function"?x(Object.assign({},r.rects,{placement:r.placement})):x;var A=typeof P==="number"?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P);var L=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null;var q={x:0,y:0};if(!T){return}if(a){var R;var B=E==="y"?o:s;var W=E==="y"?f:v;var C=E==="y"?"height":"width";var U=T[E];var $=U+g[B];var F=U-g[W];var N=w?-S[C]/2:0;var _=k===l?z[C]:S[C];var J=k===l?-S[C]:-z[C];var G=r.elements.arrow;var K=w&&G?V(G):{width:0,height:0};var Q=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:nt();var X=Q[B];var Y=Q[W];var it=rt(0,z[C],K[C]);var at=j?z[C]/2-N-it-X-A.mainAxis:_-it-X-A.mainAxis;var ot=j?-z[C]/2+N+it+Y+A.mainAxis:J+it+Y+A.mainAxis;var ft=r.elements.arrow&&Z(r.elements.arrow);var vt=ft?E==="y"?ft.clientTop||0:ft.clientLeft||0:0;var st=(R=L==null?void 0:L[E])!=null?R:0;var ct=U+at-st-vt;var lt=U+ot-st;var dt=rt(w?I($,ct):$,U,w?H(F,lt):F);T[E]=dt;q[E]=dt-U}if(c){var pt;var ht=E==="x"?o:s;var bt=E==="x"?f:v;var mt=T[M];var wt=M==="y"?"height":"width";var yt=mt+g[ht];var xt=mt-g[bt];var gt=[o,s].indexOf(O)!==-1;var Ot=(pt=L==null?void 0:L[M])!=null?pt:0;var kt=gt?yt:mt-z[wt]-S[wt]-Ot+A.altAxis;var jt=gt?mt+z[wt]+S[wt]-Ot-A.altAxis:xt;var Et=w&&gt?et(kt,mt,jt):rt(w?kt:yt,mt,w?jt:xt);T[M]=Et;q[M]=Et-mt}r.modifiersData[n]=q}var Yt={name:"preventOverflow",enabled:true,phase:"main",fn:Xt,requiresIfExists:["offset"]};function Zt(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function tr(t){if(t===A(t)||!q(t)){return kt(t)}else{return Zt(t)}}function rr(t){var r=t.getBoundingClientRect();var e=U(r.width)/t.offsetWidth||1;var n=U(r.height)/t.offsetHeight||1;return e!==1||n!==1}function er(t,r,e){if(e===void 0){e=false}var n=q(r);var i=q(r)&&rr(r);var a=K(r);var o=N(t,i,e);var f={scrollLeft:0,scrollTop:0};var v={x:0,y:0};if(n||!n&&!e){if(P(r)!=="body"||Tt(a)){f=tr(r)}if(q(r)){v=N(r,true);v.x+=r.clientLeft;v.y+=r.clientTop}else if(a){v.x=jt(a)}}return{x:o.left+f.scrollLeft-v.x,y:o.top+f.scrollTop-v.y,width:o.width,height:o.height}}function nr(t){var r=new Map;var e=new Set;var n=[];t.forEach((function(t){r.set(t.name,t)}));function i(t){e.add(t.name);var a=[].concat(t.requires||[],t.requiresIfExists||[]);a.forEach((function(t){if(!e.has(t)){var n=r.get(t);if(n){i(n)}}}));n.push(t)}t.forEach((function(t){if(!e.has(t.name)){i(t)}}));return n}function ir(t){var r=nr(t);return S.reduce((function(t,e){return t.concat(r.filter((function(t){return t.phase===e})))}),[])}function ar(t){var r;return function(){if(!r){r=new Promise((function(e){Promise.resolve().then((function(){r=undefined;e(t())}))}))}return r}}function or(t){var r=t.reduce((function(t,r){var e=t[r.name];t[r.name]=e?Object.assign({},e,r,{options:Object.assign({},e.options,r.options),data:Object.assign({},e.data,r.data)}):r;return t}),{});return Object.keys(r).map((function(t){return r[t]}))}var fr={placement:"bottom",modifiers:[],strategy:"absolute"};function vr(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++){r[e]=arguments[e]}return!r.some((function(t){return!(t&&typeof t.getBoundingClientRect==="function")}))}function sr(t){if(t===void 0){t={}}var r=t,e=r.defaultModifiers,n=e===void 0?[]:e,i=r.defaultOptions,a=i===void 0?fr:i;return function t(r,e,i){if(i===void 0){i=a}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},fr,a),modifiersData:{},elements:{reference:r,popper:e},attributes:{},styles:{}};var f=[];var v=false;var s={state:o,setOptions:function t(i){var f=typeof i==="function"?i(o.options):i;c();o.options=Object.assign({},a,o.options,f);o.scrollParents={reference:L(r)?St(r):r.contextElement?St(r.contextElement):[],popper:St(e)};var v=ir(or([].concat(n,o.options.modifiers)));o.orderedModifiers=v.filter((function(t){return t.enabled}));u();return s.update()},forceUpdate:function t(){if(v){return}var r=o.elements,e=r.reference,n=r.popper;if(!vr(e,n)){return}o.rects={reference:er(e,Z(n),o.options.strategy==="fixed"),popper:V(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<o.orderedModifiers.length;i++){if(o.reset===true){o.reset=false;i=-1;continue}var a=o.orderedModifiers[i],f=a.fn,u=a.options,c=u===void 0?{}:u,l=a.name;if(typeof f==="function"){o=f({state:o,options:c,name:l,instance:s})||o}}},update:ar((function(){return new Promise((function(t){s.forceUpdate();t(o)}))})),destroy:function t(){c();v=true}};if(!vr(r,e)){return s}s.setOptions(i).then((function(t){if(!v&&i.onFirstUpdate){i.onFirstUpdate(t)}}));function u(){o.orderedModifiers.forEach((function(t){var r=t.name,e=t.options,n=e===void 0?{}:e,i=t.effect;if(typeof i==="function"){var a=i({state:o,name:r,instance:s,options:n});var v=function t(){};f.push(a||v)}}))}function c(){f.forEach((function(t){return t()}));f=[]}return s}}var ur=[wt,Kt,ht,C,Jt,It,Yt,st,Nt];var cr=sr({defaultModifiers:ur});var lr={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(r){var e=r.state,n=r.name,i=r.options;var a=Wt(e,i);var o=e.modifiersData.preventOverflow||{x:0,y:0},f=o.x,v=o.y;var s=e.rects.popper,u=s.width,c=s.height;var l=e.placement.split("-"),d=l[0];var p=d==="left"?"left":"right";var h=d==="top"?"top":"bottom";e.modifiersData[n]={width:u-a[p]-f,height:c-a[h]-v}}};function dr(t){const r=window.getComputedStyle(t);const e=r.getPropertyValue("overflow-x");const n=r.getPropertyValue("overflow-y");const i=["hidden","clip"];return i.indexOf(e)!==-1||i.indexOf(n)!==-1}const pr=":host(.hidden){visibility:hidden}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:anywhere;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip.in .tooltip-inner{max-block-size:200vh;overflow:auto;visibility:visible;padding-block:8px;padding-inline:16px}.tooltip:not(.in) .tooltip-inner{max-block-size:0;overflow:hidden;visibility:hidden;transition:all 0s linear 0.15s}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-inline-start:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block-start:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline-end:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}";var hr=undefined&&undefined.__classPrivateFieldGet||function(t,r,e,n){if(e==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof r==="function"?t!==r||!n:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?n:e==="a"?n.call(t):n?n.value:r.get(t)};var br=undefined&&undefined.__classPrivateFieldSet||function(t,r,e,n,i){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof r==="function"?t!==r||!i:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?i.call(t,e):i?i.value=e:r.set(t,e),e};var mr;const wr=150;const yr={name:"applyMaxSize",enabled:true,phase:M,requires:["maxSize"],fn({state:t}){let{width:r}=t.modifiersData.maxSize;if(r<160){r=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${r}px`})}};const xr=class{constructor(r){t(this,r);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.active=false;this.callbacks={activate:()=>this.active=true,deactivate:()=>{setTimeout((()=>{if(this.element.isConnected){this.active=false}}),2)}};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.hidden=true;this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=a((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),wr);mr.set(this,void 0)}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&dr(t)){this.popper.setOptions({strategy:"fixed"});return}}this.popper.setOptions({strategy:"absolute"})}watchActive(){if(this.active){this.activatePopper();if(!this.stateless){setTimeout((()=>{var t;(t=this.popper)===null||t===void 0?void 0:t.setOptions({modifiers:[{name:"eventListeners",enabled:true}]});document.addEventListener("keydown",this.keyDownListener)}))}}else{document.removeEventListener("keydown",this.keyDownListener);this.deactivatePopper()}}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;const r=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(r instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return r(e,{key:"3b7b072ac2cbf99d0cd274fdd803f87110148747",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},r("div",{key:"9a50dba09c72797fd9f13a3afd0ee6ee74b3fb22",class:i("tooltip",{in:this.active})},!this.noArrow&&r("div",{key:"7fb9ad5c0ab6733625321374974398d52b98f196","data-popper-arrow":true,class:"tooltip-arrow"}),r("div",{key:"e3aeb925d1073a4e5728cdbe241726993ff79941","aria-hidden":!this.descriptive||undefined,class:i("tooltip-inner",{"dso-small":this.small})},r("slot",{key:"ae49f6af4b043da6c4e62dc54fc88d47f9cab94c"}))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const r=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&r instanceof HTMLElement){this.popper=cr(this.target,r,{placement:this.position,modifiers:[lr,yr,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=hr(this,mr,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){br(this,mr,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const r=this.element.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=r.querySelector(`[aria-describedBy="${t}`);if(!e){console.warn(`Unable to find reference with aria-describedby ${t}`);return}br(this,mr,e,"f");return e}get element(){return n(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};mr=new WeakMap;xr.style=pr;export{xr as dso_tooltip};
+//# sourceMappingURL=p-987406fd.entry.js.map

package/dist/dso-toolkit/{p-e9f750f2.entry.js → p-9f178660.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as e,h as o}from"./p-DxWmN7gh.js";import{i as t}from"./p-Hgv-pDpy.js";const s=":host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip:rect(1px, 1px, 1px, 1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip:auto;white-space:normal;outline-offset:2px}";const n=class{constructor(o){i(this,o);this.dsoSkiplinkClick=e(this,"dsoSkiplinkClick",7)}clickEventHandler(i){if(!(i.target instanceof HTMLElement)||!this.to){return}return this.dsoSkiplinkClick.emit({originalEvent:i,isModifiedEvent:t(i)})}render(){return o("a",{key:"40c3c6d5b541f6c69b3dd1e13ab6120a13e89f08",href:`#${this.to}`,onClick:i=>this.clickEventHandler(i)},this.label,o("dso-icon",{key:"fceb144a8534dfd1f53f3c63a50e723800086c9d",icon:"chevron-right"}))}};n.style=s;export{n as dso_skiplink};
-//# sourceMappingURL=p-e9f750f2.entry.js.map
+import{r as i,c as e,h as o}from"./p-DxWmN7gh.js";import{i as t}from"./p-Hgv-pDpy.js";const s=":host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip:rect(1px, 1px, 1px, 1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip:auto;white-space:normal;outline-offset:2px}";const n=class{constructor(o){i(this,o);this.dsoSkiplinkClick=e(this,"dsoSkiplinkClick",7)}clickEventHandler(i){if(!(i.target instanceof HTMLElement)||!this.to){return}return this.dsoSkiplinkClick.emit({originalEvent:i,isModifiedEvent:t(i)})}render(){return o("a",{key:"47531eaf0658de3f0c424a5559214e355a8f215f",href:`#${this.to}`,onClick:i=>this.clickEventHandler(i)},this.label,o("dso-icon",{key:"37e646984957bc1566d045cac8b28d6aa7401226",icon:"chevron-right"}))}};n.style=s;export{n as dso_skiplink};
+//# sourceMappingURL=p-9f178660.entry.js.map

package/dist/dso-toolkit/{p-06c5c71d.entry.js → p-9fd36887.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as o,H as n}from"./p-DxWmN7gh.js";const s=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button{background-color:transparent;color:#39870c;border:0;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px);padding:0;vertical-align:top;line-height:1}button.dso-info-secondary{color:#666}dso-icon-button{margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px);vertical-align:top}";const e=class{constructor(o){i(this,o);this.dsoToggle=t(this,"dsoToggle",7);this.hover=false;this.label="Toelichting bij optie"}async setFocus(){var i,t;(i=this.button)===null||i===void 0?void 0:i.setFocus();(t=this.buttonSecondary)===null||t===void 0?void 0:t.focus()}handleToggle(i){this.active=!this.active;this.dsoToggle.emit({originalEvent:i,active:this.active})}render(){return o(n,{key:"6387050fefb7b82f81bb3ff2b7ce41add76c42e6",onMouseenter:()=>this.hover=true,onMouseleave:()=>this.hover=false},!this.secondary?o("dso-icon-button",{variant:"tertiary",label:this.label,onDsoClick:i=>this.handleToggle(i.detail.originalEvent),icon:this.active||this.hover?"info-active":"info",ref:i=>this.button=i}):o("button",{type:"button",class:"dso-info-secondary","aria-expanded":typeof this.active==="boolean"?this.active.toString():undefined,onClick:i=>this.handleToggle(i),ref:i=>this.buttonSecondary=i},o("dso-icon",{icon:this.active||this.hover?"info-active":"info"}),o("span",{class:"sr-only"},this.label)))}};e.style=s;export{e as dso_info_button};
-//# sourceMappingURL=p-06c5c71d.entry.js.map
+import{r as i,c as t,h as o,H as n}from"./p-DxWmN7gh.js";const s=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button{background-color:transparent;color:#39870c;border:0;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px);padding:0;vertical-align:top;line-height:1}button.dso-info-secondary{color:#666}dso-icon-button{margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px);vertical-align:top}";const e=class{constructor(o){i(this,o);this.dsoToggle=t(this,"dsoToggle",7);this.hover=false;this.label="Toelichting bij optie"}async setFocus(){var i,t;(i=this.button)===null||i===void 0?void 0:i.setFocus();(t=this.buttonSecondary)===null||t===void 0?void 0:t.focus()}handleToggle(i){this.active=!this.active;this.dsoToggle.emit({originalEvent:i,active:this.active})}render(){return o(n,{key:"2a72a80cba88504aca92b8ae300cd35499c9ba09",onMouseenter:()=>this.hover=true,onMouseleave:()=>this.hover=false},!this.secondary?o("dso-icon-button",{variant:"tertiary",label:this.label,onDsoClick:i=>this.handleToggle(i.detail.originalEvent),icon:this.active||this.hover?"info-active":"info",ref:i=>this.button=i}):o("button",{type:"button",class:"dso-info-secondary","aria-expanded":typeof this.active==="boolean"?this.active.toString():undefined,onClick:i=>this.handleToggle(i),ref:i=>this.buttonSecondary=i},o("dso-icon",{icon:this.active||this.hover?"info-active":"info"}),o("span",{class:"sr-only"},this.label)))}};e.style=s;export{e as dso_info_button};
+//# sourceMappingURL=p-9fd36887.entry.js.map

package/dist/dso-toolkit/{p-a7057d38.entry.js → p-a0cfd562.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as t,h as e,F as r}from"./p-DxWmN7gh.js";import{g as i,c as o}from"./p-BFTU3MAI.js";var u;var s;function a(){if(s)return u;s=1;var n=1/0,t=9007199254740991,e=17976931348623157e292,r=0/0;var i="[object Function]",o="[object GeneratorFunction]",a="[object Symbol]";var f=/^\s+|\s+$/g;var c=/^[-+]0x[0-9a-f]+$/i;var d=/^0b[01]+$/i;var l=/^0o[0-7]+$/i;var h=/^(?:0|[1-9]\d*)$/;var v=parseFloat,p=parseInt;var b=Object.prototype;var m=b.toString;var y=Math.floor,g=Math.min,j=Math.random;function C(n,t){return n+y(j()*(t-n+1))}function w(n,e){e=e==null?t:e;return!!e&&(typeof n=="number"||h.test(n))&&(n>-1&&n%1==0&&n<e)}function D(n,t,e){if(!T(e)){return false}var r=typeof t;if(r=="number"?k(e)&&w(t,e.length):r=="string"&&t in e){return A(e[t],n)}return false}function A(n,t){return n===t||n!==n&&t!==t}function k(n){return n!=null&&I(n.length)&&!O(n)}function O(n){var t=T(n)?m.call(n):"";return t==i||t==o}function I(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=t}function T(n){var t=typeof n;return!!n&&(t=="object"||t=="function")}function $(n){return!!n&&typeof n=="object"}function F(n){return typeof n=="symbol"||$(n)&&m.call(n)==a}function M(t){if(!t){return t===0?t:0}t=S(t);if(t===n||t===-Infinity){var r=t<0?-1:1;return r*e}return t===t?t:0}function S(n){if(typeof n=="number"){return n}if(F(n)){return r}if(T(n)){var t=typeof n.valueOf=="function"?n.valueOf():n;n=T(t)?t+"":t}if(typeof n!="string"){return n===0?n:+n}n=n.replace(f,"");var e=d.test(n);return e||l.test(n)?p(n.slice(2),e?2:8):c.test(n)?r:+n}function x(n,t,e){if(e&&typeof e!="boolean"&&D(n,t,e)){t=e=undefined}if(e===undefined){if(typeof t=="boolean"){e=t;t=undefined}else if(typeof n=="boolean"){e=n;n=undefined}}if(n===undefined&&t===undefined){n=0;t=1}else{n=M(n);if(t===undefined){t=n;n=0}else{t=M(t)}}if(n>t){var r=n;n=t;t=r}if(e||n%1||t%1){var i=j();return g(n+i*(t-n+v("1e-"+((i+"").length-1))),t)}return C(n,t)}u=x;return u}var f=a();var c=i(f);var d;var l;function h(){if(l)return d;l=1;var n=1/0,t=9007199254740991,e=17976931348623157e292,r=0/0;var i="[object Arguments]",u="[object Function]",s="[object GeneratorFunction]",a="[object Map]",f="[object Object]",c="[object Promise]",h="[object Set]",v="[object String]",p="[object Symbol]",b="[object WeakMap]";var m="[object DataView]";var y=/[\\^$.*+?()[\]{}|]/g;var g=/^\s+|\s+$/g;var j=/^[-+]0x[0-9a-f]+$/i;var C=/^0b[01]+$/i;var w=/^\[object .+?Constructor\]$/;var D=/^0o[0-7]+$/i;var A=/^(?:0|[1-9]\d*)$/;var k="\\ud800-\\udfff",O="\\u0300-\\u036f\\ufe20-\\ufe23",I="\\u20d0-\\u20f0",T="\\ufe0e\\ufe0f";var $="["+k+"]",F="["+O+I+"]",M="\\ud83c[\\udffb-\\udfff]",S="(?:"+F+"|"+M+")",x="[^"+k+"]",E="(?:\\ud83c[\\udde6-\\uddff]){2}",R="[\\ud800-\\udbff][\\udc00-\\udfff]",W="\\u200d";var z=S+"?",L="["+T+"]?",N="(?:"+W+"(?:"+[x,E,R].join("|")+")"+L+z+")*",V=L+z+N,_="(?:"+[x+F+"?",F,E,R,$].join("|")+")";var B=RegExp(M+"(?="+M+")|"+_+V,"g");var K=RegExp("["+W+k+O+I+T+"]");var P=parseInt;var G=typeof o=="object"&&o&&o.Object===Object&&o;var U=typeof self=="object"&&self&&self.Object===Object&&self;var H=G||U||Function("return this")();function q(n,t){var e=-1,r=n?n.length:0,i=Array(r);while(++e<r){i[e]=t(n[e],e,n)}return i}function J(n){return n.split("")}function Q(n,t){var e=-1,r=Array(n);while(++e<n){r[e]=t(e)}return r}function X(n,t){return q(t,(function(t){return n[t]}))}function Y(n,t){return n==null?undefined:n[t]}function Z(n){return K.test(n)}function nn(n){var t=false;if(n!=null&&typeof n.toString!="function"){try{t=!!(n+"")}catch(n){}}return t}function tn(n){var t,e=[];while(!(t=n.next()).done){e.push(t.value)}return e}function en(n){var t=-1,e=Array(n.size);n.forEach((function(n,r){e[++t]=[r,n]}));return e}function rn(n,t){return function(e){return n(t(e))}}function on(n){var t=-1,e=Array(n.size);n.forEach((function(n){e[++t]=n}));return e}function un(n){return Z(n)?sn(n):J(n)}function sn(n){return n.match(B)||[]}var an=Function.prototype,fn=Object.prototype;var cn=H["__core-js_shared__"];var dn=function(){var n=/[^.]+$/.exec(cn&&cn.keys&&cn.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}();var ln=an.toString;var hn=fn.hasOwnProperty;var vn=fn.toString;var pn=RegExp("^"+ln.call(hn).replace(y,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var bn=H.Symbol,mn=bn?bn.iterator:undefined,yn=fn.propertyIsEnumerable;var gn=Math.floor,jn=rn(Object.keys,Object),Cn=Math.random;var wn=Nn(H,"DataView"),Dn=Nn(H,"Map"),An=Nn(H,"Promise"),kn=Nn(H,"Set"),On=Nn(H,"WeakMap");var In=Gn(wn),Tn=Gn(Dn),$n=Gn(An),Fn=Gn(kn),Mn=Gn(On);function Sn(n,t){var e=Jn(n)||qn(n)?Q(n.length,String):[];var r=e.length,i=!!r;for(var o in n){if(hn.call(n,o)&&!(i&&(o=="length"||_n(o,r)))){e.push(o)}}return e}function xn(n,t,e){if(n===n){if(e!==undefined){n=n<=e?n:e}{n=n>=t?n:t}}return n}function En(n){return vn.call(n)}function Rn(n){if(!nt(n)||Kn(n)){return false}var t=Yn(n)||nn(n)?pn:w;return t.test(Gn(n))}function Wn(n){if(!Pn(n)){return jn(n)}var t=[];for(var e in Object(n)){if(hn.call(n,e)&&e!="constructor"){t.push(e)}}return t}function zn(n,t){return n+gn(Cn()*(t-n+1))}function Ln(n,t){var e=-1,r=n.length;t||(t=Array(r));while(++e<r){t[e]=n[e]}return t}function Nn(n,t){var e=Y(n,t);return Rn(e)?e:undefined}var Vn=En;if(wn&&Vn(new wn(new ArrayBuffer(1)))!=m||Dn&&Vn(new Dn)!=a||An&&Vn(An.resolve())!=c||kn&&Vn(new kn)!=h||On&&Vn(new On)!=b){Vn=function(n){var t=vn.call(n),e=t==f?n.constructor:undefined,r=e?Gn(e):undefined;if(r){switch(r){case In:return m;case Tn:return a;case $n:return c;case Fn:return h;case Mn:return b}}return t}}function _n(n,e){e=e==null?t:e;return!!e&&(typeof n=="number"||A.test(n))&&(n>-1&&n%1==0&&n<e)}function Bn(n,t,e){if(!nt(e)){return false}var r=typeof t;if(r=="number"?Qn(e)&&_n(t,e.length):r=="string"&&t in e){return Hn(e[t],n)}return false}function Kn(n){return!!dn&&dn in n}function Pn(n){var t=n&&n.constructor,e=typeof t=="function"&&t.prototype||fn;return n===e}function Gn(n){if(n!=null){try{return ln.call(n)}catch(n){}try{return n+""}catch(n){}}return""}function Un(n,t,e){var r=-1,i=it(n),o=i.length,u=o-1;if(e?Bn(n,t,e):t===undefined){t=1}else{t=xn(ut(t),0,o)}while(++r<t){var s=zn(r,u),a=i[s];i[s]=i[r];i[r]=a}i.length=t;return i}function Hn(n,t){return n===t||n!==n&&t!==t}function qn(n){return Xn(n)&&hn.call(n,"callee")&&(!yn.call(n,"callee")||vn.call(n)==i)}var Jn=Array.isArray;function Qn(n){return n!=null&&Zn(n.length)&&!Yn(n)}function Xn(n){return tt(n)&&Qn(n)}function Yn(n){var t=nt(n)?vn.call(n):"";return t==u||t==s}function Zn(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=t}function nt(n){var t=typeof n;return!!n&&(t=="object"||t=="function")}function tt(n){return!!n&&typeof n=="object"}function et(n){return typeof n=="string"||!Jn(n)&&tt(n)&&vn.call(n)==v}function rt(n){return typeof n=="symbol"||tt(n)&&vn.call(n)==p}function it(n){if(!n){return[]}if(Qn(n)){return et(n)?un(n):Ln(n)}if(mn&&n[mn]){return tn(n[mn]())}var t=Vn(n),e=t==a?en:t==h?on:ft;return e(n)}function ot(t){if(!t){return t===0?t:0}t=st(t);if(t===n||t===-Infinity){var r=t<0?-1:1;return r*e}return t===t?t:0}function ut(n){var t=ot(n),e=t%1;return t===t?e?t-e:t:0}function st(n){if(typeof n=="number"){return n}if(rt(n)){return r}if(nt(n)){var t=typeof n.valueOf=="function"?n.valueOf():n;n=nt(t)?t+"":t}if(typeof n!="string"){return n===0?n:+n}n=n.replace(g,"");var e=C.test(n);return e||D.test(n)?P(n.slice(2),e?2:8):j.test(n)?r:+n}function at(n){return Qn(n)?Sn(n):Wn(n)}function ft(n){return n?X(n,at(n)):[]}d=Un;return d}var v=h();var p=i(v);const b=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";const m=class{constructor(i){n(this,i);this.dsotOzonContentAnchorClick=t(this,"dsotOzonContentAnchorClick",7);this.dsotTableOfContentsClick=t(this,"dsotTableOfContentsClick",3);this.showCanvas=false;this.openDefault=false;this.mode="document";this.openOrClosed=[];this.openedAnnotation=[];this.filtered=[];this.notApplicable=[];this.activeAnnotationSelectables=[];this.handleRecursiveToggle=(n,t)=>{const e=this.getEmbeddedDocumentComponents(n);if(!e){return}for(const n of e.documentComponents){this.handleOpenToggle(n,t.next)}};this.DocumentComponent=({path:n})=>{const t=n.at(-1);if(!t||this.mode==="table-of-contents"&&t.type==="LID"){return e(r,null)}const{DocumentComponent:i}=this;const o=this.getEmbeddedDocumentComponents(t);return e("dso-document-component",{annotated:this.isAnnotated(t),bevatOntwerpInformatie:!!t.bevatOntwerpInformatie,filtered:this.isOpen(t)?this.isFiltered(t):this.hasFilteredChildren(t),genesteOntwerpInformatie:this.hasNestedDraft(t),gereserveerd:t.gereserveerd,heading:"h2",kop:t.kop,inhoud:t.inhoud,openAnnotation:this.isOpenedAnnotation(t),notApplicable:this.isNotApplicable(t)||n.some((n=>this.isNotApplicable(n))),onDsoAnnotationToggle:()=>this.handleAnnotationToggle(t),onDsoOpenToggle:()=>this.handleOpenToggle(t),onDsoOzonContentAnchorClick:n=>this.handleOzonContentAnchorClick(n),open:this.isOpen(t),type:t.type,vervallen:t.vervallen,wijzigactie:t.wijzigactie,recursiveToggle:this.recursiveToggleState(t),onDsoRecursiveToggle:n=>this.handleRecursiveToggle(t,n.detail),mode:this.mode,href:this.mode==="table-of-contents"?"/document/"+t.documentTechnischId:undefined,onDsoTableOfContentsClick:n=>this.handleTableOfContentsClick(n),ozonContentUrlResolver:this.ozonContentUrlResolver},this.isOpenedAnnotation(t)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(t),"gewijzigde-locatie":true,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(t)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(t)&&(o===null||o===void 0?void 0:o.documentComponents.length)&&e("ul",{class:"dso-document-component-list"},o.documentComponents.map((t=>e("li",{key:t.documentTechnischId},e(i,{path:[...n,t]}))))))};this.MenuButton=({documentComponent:n})=>{const{type:t}=n;return e("button",{type:"button",onClick:()=>this.document=n},e("span",null,e("i",null,t)))}}async jsonFileWatcher(){this.openOrClosed=[];await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[];await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(n){var t,e;if((t=n===null||n===void 0?void 0:n._embedded)===null||t===void 0?void 0:t.ontwerpDocumentComponenten){return{documentComponents:n._embedded.ontwerpDocumentComponenten,ontwerp:true}}if((e=n===null||n===void 0?void 0:n._embedded)===null||e===void 0?void 0:e.documentComponenten){return{documentComponents:n._embedded.documentComponenten,ontwerp:false}}return undefined}concatEmbeddedDocumentComponents(n){var t,e;const r=[...(e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents)!==null&&e!==void 0?e:[]];for(const n of r){r.push(...this.concatEmbeddedDocumentComponents(n))}return r}selectRandomDocumentComponents(n,t=[]){const e=this.concatEmbeddedDocumentComponents(n).filter((n=>!t.includes(n)));const r=c(0,Math.floor(e.length/10));return p(e,r)}async loadData(){var n,t;if(!this.jsonFile){this.response=undefined;this.document=undefined;return}this.response=await fetch(this.jsonFile).then((n=>n.json()));this.document=(n=this.getEmbeddedDocumentComponents(this.response))===null||n===void 0?void 0:n.documentComponents[0];if(((t=this.document)===null||t===void 0?void 0:t.type)==="LICHAAM"){this.notApplicable=this.selectRandomDocumentComponents(this.document);this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)}else{this.notApplicable=[];this.filtered=[]}}handleOpenToggle(n,t){const e=typeof t==="boolean"?t:this.openOrClosed.includes(n);if(e&&this.openOrClosed.includes(n)){this.openOrClosed=this.openOrClosed.filter((t=>t!==n))}else if(!e&&!this.openOrClosed.includes(n)){this.openOrClosed=[...this.openOrClosed,n]}}handleAnnotationToggle(n){this.openedAnnotation=this.isOpenedAnnotation(n)?this.openedAnnotation.filter((t=>t!==n)):[...this.openedAnnotation,n];if(!this.isOpen(n)){this.openOrClosed=[...this.openOrClosed,n]}}handleSelectableChange(n){this.activeAnnotationSelectables=this.isCheckedSlideToggle(n)?this.activeAnnotationSelectables.filter((t=>t!==n)):[...this.activeAnnotationSelectables,n]}handleOzonContentAnchorClick(n){this.dsotOzonContentAnchorClick.emit(n.detail)}handleTableOfContentsClick(n){this.dsotTableOfContentsClick.emit(n.detail)}isCheckedSlideToggle(n){return this.activeAnnotationSelectables.includes(n)}hasFilteredChildren(n){var t,e;return this.filtered.includes(n)||((e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.some((n=>this.hasFilteredChildren(n))))!==null&&e!==void 0?e:false)}isOpen(n){return n.type==="LID"||this.openDefault?!this.openOrClosed.includes(n):this.openOrClosed.includes(n)}isOpenedAnnotation(n){return this.openedAnnotation.includes(n)}isFiltered(n){return this.filtered.includes(n)}isNotApplicable(n){return this.notApplicable.includes(n)}hasNestedDraft(n){var t,e;return(e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.some((n=>!!n.bevatOntwerpInformatie||this.hasNestedDraft(n))))!==null&&e!==void 0?e:false}showContent(n){var t;return this.isOpen(n)&&!!(((t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.length)||n.inhoud)}recursiveToggleState(n){const t=this.getEmbeddedDocumentComponents(n);if(!t||t.documentComponents.length<=1||!t.documentComponents.some((n=>n.type==="ARTIKEL"))){return undefined}return t.documentComponents.every((n=>this.isOpen(n)))}isAnnotated(n){return n.type==="DIVISIE"||n.type==="DIVISIETEKST"||n.type==="ARTIKEL"||n.type==="LID"}render(){var n,t;const{DocumentComponent:r,MenuButton:i}=this;return e("dso-responsive-element",{key:"2bcab3ad56efe0d64c645743c0697d9ea81ceb61",class:"dso-document-components"},e("div",{key:"591753c5dc2670c3015cc88a6fca7fa7edc55679",class:"dso-navbar"},e("ul",{key:"0b2280e168d462c61f59efdf3bb8ff9d665d540a",class:"dso-nav dso-nav-sub"},(t=(n=this.getEmbeddedDocumentComponents(this.response))===null||n===void 0?void 0:n.documentComponents)===null||t===void 0?void 0:t.map((n=>e("li",{class:this.document===n?"dso-active":undefined},e(i,{documentComponent:n})))))),this.document&&e(r,{key:"01859b0da6de69c28a40532a5d06eeadb48506dc",path:[this.document]}))}static get watchers(){return{jsonFile:["jsonFileWatcher"],openDefault:["openDefaultWatcher"]}}};m.style=b;export{m as dsot_document_component_demo};
-//# sourceMappingURL=p-a7057d38.entry.js.map
+import{r as n,c as t,h as e,F as r}from"./p-DxWmN7gh.js";import{g as i,c as o}from"./p-BFTU3MAI.js";var u;var s;function a(){if(s)return u;s=1;var n=1/0,t=9007199254740991,e=17976931348623157e292,r=0/0;var i="[object Function]",o="[object GeneratorFunction]",a="[object Symbol]";var f=/^\s+|\s+$/g;var c=/^[-+]0x[0-9a-f]+$/i;var d=/^0b[01]+$/i;var l=/^0o[0-7]+$/i;var h=/^(?:0|[1-9]\d*)$/;var v=parseFloat,p=parseInt;var b=Object.prototype;var m=b.toString;var y=Math.floor,g=Math.min,j=Math.random;function C(n,t){return n+y(j()*(t-n+1))}function w(n,e){e=e==null?t:e;return!!e&&(typeof n=="number"||h.test(n))&&(n>-1&&n%1==0&&n<e)}function D(n,t,e){if(!T(e)){return false}var r=typeof t;if(r=="number"?k(e)&&w(t,e.length):r=="string"&&t in e){return A(e[t],n)}return false}function A(n,t){return n===t||n!==n&&t!==t}function k(n){return n!=null&&I(n.length)&&!O(n)}function O(n){var t=T(n)?m.call(n):"";return t==i||t==o}function I(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=t}function T(n){var t=typeof n;return!!n&&(t=="object"||t=="function")}function $(n){return!!n&&typeof n=="object"}function F(n){return typeof n=="symbol"||$(n)&&m.call(n)==a}function M(t){if(!t){return t===0?t:0}t=S(t);if(t===n||t===-Infinity){var r=t<0?-1:1;return r*e}return t===t?t:0}function S(n){if(typeof n=="number"){return n}if(F(n)){return r}if(T(n)){var t=typeof n.valueOf=="function"?n.valueOf():n;n=T(t)?t+"":t}if(typeof n!="string"){return n===0?n:+n}n=n.replace(f,"");var e=d.test(n);return e||l.test(n)?p(n.slice(2),e?2:8):c.test(n)?r:+n}function x(n,t,e){if(e&&typeof e!="boolean"&&D(n,t,e)){t=e=undefined}if(e===undefined){if(typeof t=="boolean"){e=t;t=undefined}else if(typeof n=="boolean"){e=n;n=undefined}}if(n===undefined&&t===undefined){n=0;t=1}else{n=M(n);if(t===undefined){t=n;n=0}else{t=M(t)}}if(n>t){var r=n;n=t;t=r}if(e||n%1||t%1){var i=j();return g(n+i*(t-n+v("1e-"+((i+"").length-1))),t)}return C(n,t)}u=x;return u}var f=a();var c=i(f);var d;var l;function h(){if(l)return d;l=1;var n=1/0,t=9007199254740991,e=17976931348623157e292,r=0/0;var i="[object Arguments]",u="[object Function]",s="[object GeneratorFunction]",a="[object Map]",f="[object Object]",c="[object Promise]",h="[object Set]",v="[object String]",p="[object Symbol]",b="[object WeakMap]";var m="[object DataView]";var y=/[\\^$.*+?()[\]{}|]/g;var g=/^\s+|\s+$/g;var j=/^[-+]0x[0-9a-f]+$/i;var C=/^0b[01]+$/i;var w=/^\[object .+?Constructor\]$/;var D=/^0o[0-7]+$/i;var A=/^(?:0|[1-9]\d*)$/;var k="\\ud800-\\udfff",O="\\u0300-\\u036f\\ufe20-\\ufe23",I="\\u20d0-\\u20f0",T="\\ufe0e\\ufe0f";var $="["+k+"]",F="["+O+I+"]",M="\\ud83c[\\udffb-\\udfff]",S="(?:"+F+"|"+M+")",x="[^"+k+"]",E="(?:\\ud83c[\\udde6-\\uddff]){2}",R="[\\ud800-\\udbff][\\udc00-\\udfff]",W="\\u200d";var z=S+"?",L="["+T+"]?",N="(?:"+W+"(?:"+[x,E,R].join("|")+")"+L+z+")*",V=L+z+N,_="(?:"+[x+F+"?",F,E,R,$].join("|")+")";var B=RegExp(M+"(?="+M+")|"+_+V,"g");var K=RegExp("["+W+k+O+I+T+"]");var P=parseInt;var G=typeof o=="object"&&o&&o.Object===Object&&o;var U=typeof self=="object"&&self&&self.Object===Object&&self;var H=G||U||Function("return this")();function q(n,t){var e=-1,r=n?n.length:0,i=Array(r);while(++e<r){i[e]=t(n[e],e,n)}return i}function J(n){return n.split("")}function Q(n,t){var e=-1,r=Array(n);while(++e<n){r[e]=t(e)}return r}function X(n,t){return q(t,(function(t){return n[t]}))}function Y(n,t){return n==null?undefined:n[t]}function Z(n){return K.test(n)}function nn(n){var t=false;if(n!=null&&typeof n.toString!="function"){try{t=!!(n+"")}catch(n){}}return t}function tn(n){var t,e=[];while(!(t=n.next()).done){e.push(t.value)}return e}function en(n){var t=-1,e=Array(n.size);n.forEach((function(n,r){e[++t]=[r,n]}));return e}function rn(n,t){return function(e){return n(t(e))}}function on(n){var t=-1,e=Array(n.size);n.forEach((function(n){e[++t]=n}));return e}function un(n){return Z(n)?sn(n):J(n)}function sn(n){return n.match(B)||[]}var an=Function.prototype,fn=Object.prototype;var cn=H["__core-js_shared__"];var dn=function(){var n=/[^.]+$/.exec(cn&&cn.keys&&cn.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}();var ln=an.toString;var hn=fn.hasOwnProperty;var vn=fn.toString;var pn=RegExp("^"+ln.call(hn).replace(y,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var bn=H.Symbol,mn=bn?bn.iterator:undefined,yn=fn.propertyIsEnumerable;var gn=Math.floor,jn=rn(Object.keys,Object),Cn=Math.random;var wn=Nn(H,"DataView"),Dn=Nn(H,"Map"),An=Nn(H,"Promise"),kn=Nn(H,"Set"),On=Nn(H,"WeakMap");var In=Gn(wn),Tn=Gn(Dn),$n=Gn(An),Fn=Gn(kn),Mn=Gn(On);function Sn(n,t){var e=Jn(n)||qn(n)?Q(n.length,String):[];var r=e.length,i=!!r;for(var o in n){if(hn.call(n,o)&&!(i&&(o=="length"||_n(o,r)))){e.push(o)}}return e}function xn(n,t,e){if(n===n){if(e!==undefined){n=n<=e?n:e}{n=n>=t?n:t}}return n}function En(n){return vn.call(n)}function Rn(n){if(!nt(n)||Kn(n)){return false}var t=Yn(n)||nn(n)?pn:w;return t.test(Gn(n))}function Wn(n){if(!Pn(n)){return jn(n)}var t=[];for(var e in Object(n)){if(hn.call(n,e)&&e!="constructor"){t.push(e)}}return t}function zn(n,t){return n+gn(Cn()*(t-n+1))}function Ln(n,t){var e=-1,r=n.length;t||(t=Array(r));while(++e<r){t[e]=n[e]}return t}function Nn(n,t){var e=Y(n,t);return Rn(e)?e:undefined}var Vn=En;if(wn&&Vn(new wn(new ArrayBuffer(1)))!=m||Dn&&Vn(new Dn)!=a||An&&Vn(An.resolve())!=c||kn&&Vn(new kn)!=h||On&&Vn(new On)!=b){Vn=function(n){var t=vn.call(n),e=t==f?n.constructor:undefined,r=e?Gn(e):undefined;if(r){switch(r){case In:return m;case Tn:return a;case $n:return c;case Fn:return h;case Mn:return b}}return t}}function _n(n,e){e=e==null?t:e;return!!e&&(typeof n=="number"||A.test(n))&&(n>-1&&n%1==0&&n<e)}function Bn(n,t,e){if(!nt(e)){return false}var r=typeof t;if(r=="number"?Qn(e)&&_n(t,e.length):r=="string"&&t in e){return Hn(e[t],n)}return false}function Kn(n){return!!dn&&dn in n}function Pn(n){var t=n&&n.constructor,e=typeof t=="function"&&t.prototype||fn;return n===e}function Gn(n){if(n!=null){try{return ln.call(n)}catch(n){}try{return n+""}catch(n){}}return""}function Un(n,t,e){var r=-1,i=it(n),o=i.length,u=o-1;if(e?Bn(n,t,e):t===undefined){t=1}else{t=xn(ut(t),0,o)}while(++r<t){var s=zn(r,u),a=i[s];i[s]=i[r];i[r]=a}i.length=t;return i}function Hn(n,t){return n===t||n!==n&&t!==t}function qn(n){return Xn(n)&&hn.call(n,"callee")&&(!yn.call(n,"callee")||vn.call(n)==i)}var Jn=Array.isArray;function Qn(n){return n!=null&&Zn(n.length)&&!Yn(n)}function Xn(n){return tt(n)&&Qn(n)}function Yn(n){var t=nt(n)?vn.call(n):"";return t==u||t==s}function Zn(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=t}function nt(n){var t=typeof n;return!!n&&(t=="object"||t=="function")}function tt(n){return!!n&&typeof n=="object"}function et(n){return typeof n=="string"||!Jn(n)&&tt(n)&&vn.call(n)==v}function rt(n){return typeof n=="symbol"||tt(n)&&vn.call(n)==p}function it(n){if(!n){return[]}if(Qn(n)){return et(n)?un(n):Ln(n)}if(mn&&n[mn]){return tn(n[mn]())}var t=Vn(n),e=t==a?en:t==h?on:ft;return e(n)}function ot(t){if(!t){return t===0?t:0}t=st(t);if(t===n||t===-Infinity){var r=t<0?-1:1;return r*e}return t===t?t:0}function ut(n){var t=ot(n),e=t%1;return t===t?e?t-e:t:0}function st(n){if(typeof n=="number"){return n}if(rt(n)){return r}if(nt(n)){var t=typeof n.valueOf=="function"?n.valueOf():n;n=nt(t)?t+"":t}if(typeof n!="string"){return n===0?n:+n}n=n.replace(g,"");var e=C.test(n);return e||D.test(n)?P(n.slice(2),e?2:8):j.test(n)?r:+n}function at(n){return Qn(n)?Sn(n):Wn(n)}function ft(n){return n?X(n,at(n)):[]}d=Un;return d}var v=h();var p=i(v);const b=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";const m=class{constructor(i){n(this,i);this.dsotOzonContentAnchorClick=t(this,"dsotOzonContentAnchorClick",7);this.dsotTableOfContentsClick=t(this,"dsotTableOfContentsClick",3);this.showCanvas=false;this.openDefault=false;this.mode="document";this.openOrClosed=[];this.openedAnnotation=[];this.filtered=[];this.notApplicable=[];this.activeAnnotationSelectables=[];this.handleRecursiveToggle=(n,t)=>{const e=this.getEmbeddedDocumentComponents(n);if(!e){return}for(const n of e.documentComponents){this.handleOpenToggle(n,t.next)}};this.DocumentComponent=({path:n})=>{const t=n.at(-1);if(!t||this.mode==="table-of-contents"&&t.type==="LID"){return e(r,null)}const{DocumentComponent:i}=this;const o=this.getEmbeddedDocumentComponents(t);return e("dso-document-component",{annotated:this.isAnnotated(t),bevatOntwerpInformatie:!!t.bevatOntwerpInformatie,filtered:this.isOpen(t)?this.isFiltered(t):this.hasFilteredChildren(t),genesteOntwerpInformatie:this.hasNestedDraft(t),gereserveerd:t.gereserveerd,heading:"h2",kop:t.kop,inhoud:t.inhoud,openAnnotation:this.isOpenedAnnotation(t),notApplicable:this.isNotApplicable(t)||n.some((n=>this.isNotApplicable(n))),onDsoAnnotationToggle:()=>this.handleAnnotationToggle(t),onDsoOpenToggle:()=>this.handleOpenToggle(t),onDsoOzonContentAnchorClick:n=>this.handleOzonContentAnchorClick(n),open:this.isOpen(t),type:t.type,vervallen:t.vervallen,wijzigactie:t.wijzigactie,recursiveToggle:this.recursiveToggleState(t),onDsoRecursiveToggle:n=>this.handleRecursiveToggle(t,n.detail),mode:this.mode,href:this.mode==="table-of-contents"?"/document/"+t.documentTechnischId:undefined,onDsoTableOfContentsClick:n=>this.handleTableOfContentsClick(n),ozonContentUrlResolver:this.ozonContentUrlResolver},this.isOpenedAnnotation(t)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(t),"gewijzigde-locatie":true,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(t)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(t)&&(o===null||o===void 0?void 0:o.documentComponents.length)&&e("ul",{class:"dso-document-component-list"},o.documentComponents.map((t=>e("li",{key:t.documentTechnischId},e(i,{path:[...n,t]}))))))};this.MenuButton=({documentComponent:n})=>{const{type:t}=n;return e("button",{type:"button",onClick:()=>this.document=n},e("span",null,e("i",null,t)))}}async jsonFileWatcher(){this.openOrClosed=[];await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[];await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(n){var t,e;if((t=n===null||n===void 0?void 0:n._embedded)===null||t===void 0?void 0:t.ontwerpDocumentComponenten){return{documentComponents:n._embedded.ontwerpDocumentComponenten,ontwerp:true}}if((e=n===null||n===void 0?void 0:n._embedded)===null||e===void 0?void 0:e.documentComponenten){return{documentComponents:n._embedded.documentComponenten,ontwerp:false}}return undefined}concatEmbeddedDocumentComponents(n){var t,e;const r=[...(e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents)!==null&&e!==void 0?e:[]];for(const n of r){r.push(...this.concatEmbeddedDocumentComponents(n))}return r}selectRandomDocumentComponents(n,t=[]){const e=this.concatEmbeddedDocumentComponents(n).filter((n=>!t.includes(n)));const r=c(0,Math.floor(e.length/10));return p(e,r)}async loadData(){var n,t;if(!this.jsonFile){this.response=undefined;this.document=undefined;return}this.response=await fetch(this.jsonFile).then((n=>n.json()));this.document=(n=this.getEmbeddedDocumentComponents(this.response))===null||n===void 0?void 0:n.documentComponents[0];if(((t=this.document)===null||t===void 0?void 0:t.type)==="LICHAAM"){this.notApplicable=this.selectRandomDocumentComponents(this.document);this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)}else{this.notApplicable=[];this.filtered=[]}}handleOpenToggle(n,t){const e=typeof t==="boolean"?t:this.openOrClosed.includes(n);if(e&&this.openOrClosed.includes(n)){this.openOrClosed=this.openOrClosed.filter((t=>t!==n))}else if(!e&&!this.openOrClosed.includes(n)){this.openOrClosed=[...this.openOrClosed,n]}}handleAnnotationToggle(n){this.openedAnnotation=this.isOpenedAnnotation(n)?this.openedAnnotation.filter((t=>t!==n)):[...this.openedAnnotation,n];if(!this.isOpen(n)){this.openOrClosed=[...this.openOrClosed,n]}}handleSelectableChange(n){this.activeAnnotationSelectables=this.isCheckedSlideToggle(n)?this.activeAnnotationSelectables.filter((t=>t!==n)):[...this.activeAnnotationSelectables,n]}handleOzonContentAnchorClick(n){this.dsotOzonContentAnchorClick.emit(n.detail)}handleTableOfContentsClick(n){this.dsotTableOfContentsClick.emit(n.detail)}isCheckedSlideToggle(n){return this.activeAnnotationSelectables.includes(n)}hasFilteredChildren(n){var t,e;return this.filtered.includes(n)||((e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.some((n=>this.hasFilteredChildren(n))))!==null&&e!==void 0?e:false)}isOpen(n){return n.type==="LID"||this.openDefault?!this.openOrClosed.includes(n):this.openOrClosed.includes(n)}isOpenedAnnotation(n){return this.openedAnnotation.includes(n)}isFiltered(n){return this.filtered.includes(n)}isNotApplicable(n){return this.notApplicable.includes(n)}hasNestedDraft(n){var t,e;return(e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.some((n=>!!n.bevatOntwerpInformatie||this.hasNestedDraft(n))))!==null&&e!==void 0?e:false}showContent(n){var t;return this.isOpen(n)&&!!(((t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.length)||n.inhoud)}recursiveToggleState(n){const t=this.getEmbeddedDocumentComponents(n);if(!t||t.documentComponents.length<=1||!t.documentComponents.some((n=>n.type==="ARTIKEL"))){return undefined}return t.documentComponents.every((n=>this.isOpen(n)))}isAnnotated(n){return n.type==="DIVISIE"||n.type==="DIVISIETEKST"||n.type==="ARTIKEL"||n.type==="LID"}render(){var n,t;const{DocumentComponent:r,MenuButton:i}=this;return e("dso-responsive-element",{key:"3f18d11badef875bdfa795c785e50ac5153534bc",class:"dso-document-components"},e("div",{key:"687f96039b969131725e91522ade2ee9bec5b8e2",class:"dso-navbar"},e("ul",{key:"a5bc34ac10211b13cbe7f2ec1845049b306edf69",class:"dso-nav dso-nav-sub"},(t=(n=this.getEmbeddedDocumentComponents(this.response))===null||n===void 0?void 0:n.documentComponents)===null||t===void 0?void 0:t.map((n=>e("li",{class:this.document===n?"dso-active":undefined},e(i,{documentComponent:n})))))),this.document&&e(r,{key:"06746dac8f2939c01d3b733b4ff8a033299e796d",path:[this.document]}))}static get watchers(){return{jsonFile:["jsonFileWatcher"],openDefault:["openDefaultWatcher"]}}};m.style=b;export{m as dsot_document_component_demo};
+//# sourceMappingURL=p-a0cfd562.entry.js.map