@dso-toolkit/core 72.1.0 → 73.0.0

package/dist/dso-toolkit/{p-70d63a6a.entry.js → p-aa6c0df1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,F as n}from"./p-BzEnSYbR.js";const a=':host {\n  display: block;\n  position: fixed;\n  inset-block-end: 16px;\n  inset-inline-start: 16px;\n  inline-size: 370px;\n  background-color: #fff;\n  box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);\n  border-radius: 4px;\n  z-index: 1000;\n}\n@media screen and (max-width: 480px) {\n  :host {\n    inline-size: 320px;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    --panel-heading-padding-inline-start: 8px;\n    --panel-body-padding-inline: 8px;\n  }\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.visual-rating-labels {\n  display: flex;\n  justify-content: space-between;\n  margin-block: 8px;\n}\n\ninput[type=radio] {\n  appearance: none;\n  cursor: pointer;\n  position: absolute;\n  margin-inline: 0;\n  margin-block: 0;\n  inset-block: 8px 0;\n  inset-inline: 0;\n  z-index: 1;\n}\n\nlabel {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 48px;\n  block-size: 48px;\n  border: 1px solid #ccc;\n  border-inline-end-width: 0;\n  padding-block-start: 8px;\n}\n@media screen and (max-width: 480px) {\n  label {\n    inline-size: 43px;\n    block-size: 43px;\n  }\n}\nlabel:hover {\n  background-color: #f2f2f2;\n}\nlabel:active {\n  background-color: #e5e5e5;\n}\nlabel:first-of-type {\n  border-radius: 4px 0 0 4px;\n}\nlabel:first-of-type::before {\n  border-radius: 3px 0 0;\n}\nlabel:last-of-type {\n  border-inline-end-width: 1px;\n  border-radius: 0 4px 4px 0;\n}\nlabel:last-of-type::before {\n  border-radius: 0 3px 0 0;\n}\nlabel::before {\n  content: "";\n  display: block;\n  position: absolute;\n  inset-block-start: 0;\n  block-size: 8px;\n  inline-size: 100%;\n  border-block-end: 1px solid #ccc;\n}\nlabel:has(input:checked) {\n  font-weight: bold;\n}\nlabel.survey-rating-1::before, label.survey-rating-1:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #b62f41;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-1:has(input:checked) 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}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-1:has(input:checked) 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}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-1:has(input:checked) 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}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-1:has(input:checked) 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}\nlabel.survey-rating-2::before, label.survey-rating-2:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #ce3f51;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-2:has(input:checked) 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}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-2:has(input:checked) 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}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-2:has(input:checked) 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}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-2:has(input:checked) 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}\nlabel.survey-rating-3::before, label.survey-rating-3:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e17000;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-3:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-3:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-3:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-3:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-4::before, label.survey-rating-4:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #dcd400;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-4:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-4:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-4:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-4:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-5::before, label.survey-rating-5:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #79b929;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-5:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-5:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-5:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-5:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-6::before, label.survey-rating-6:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #39870c;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-6:has(input:checked) 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}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-6:has(input:checked) 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}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-6:has(input:checked) 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}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-6:has(input:checked) 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}\nlabel.survey-rating-7::before, label.survey-rating-7:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #275937;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-7:has(input:checked) 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}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-7:has(input:checked) 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}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-7:has(input:checked) 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}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-7:has(input:checked) 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\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  margin-block-start: 16px;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\nbutton.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}\nbutton.dso-secondary:focus, button.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\nbutton.dso-secondary:active {\n  outline: 0;\n}\nbutton.dso-secondary.extern::after, button.dso-secondary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\nbutton.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}\nbutton.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}\nbutton.dso-secondary:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #39870c);\n  color: var(--_dso-button-secondary-hover-color, #39870c);\n}\nbutton.dso-secondary:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #39870c);\n  border-color: var(--_dso-button-secondary-active-border-color, #39870c);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\nbutton.dso-secondary[disabled], button.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}\nbutton.dso-secondary.dso-small {\n  line-height: 1rem;\n}\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-secondary svg.di:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\nbutton.dso-secondary span:not(.sr-only) + dso-icon,\nbutton.dso-secondary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\nbutton.dso-secondary dso-icon + span:not(.sr-only),\nbutton.dso-secondary svg.di + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\nbutton.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}\nbutton.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}\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.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}\nbutton.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}\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}';const s=class{constructor(o){e(this,o);this.dsoSubmit=r(this,"dsoSubmit",7);this.dsoClose=r(this,"dsoClose",7)}handleForm(e){e.preventDefault();this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:e})}handleChange(e){const r=e.target;this.rating=Number(r.value)}render(){const e=["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"];return o("dso-panel",{key:"b65dd82e729bd3cb32e827874638d05d8405b1df",emphasized:true,onDsoCloseClick:e=>this.dsoClose.emit({originalEvent:e})},o("h2",{key:"df0812d996ece9fdb934b2b0896e964b94ed4619",slot:"heading"},"Help ons met een onderzoek"),o("strong",{key:"cd1db7a2e658b0ed1b477bde58d472bff791e6da"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren"),o("form",{key:"fe99767e32e730616c82378c7975f45bab0fb92d",onSubmit:e=>this.handleForm(e)},o("div",{key:"eaa5f15a5979b5d771a5f7d2ee3c00cce27adc5f",class:"visual-rating-labels","aria-hidden":"true"},o("span",{key:"6fc5a729d518578a5d353099959e7f0ebb5aca19"},"Heel moeilijk"),o("span",{key:"9056e1191f57b16b5e6b74e7674ee19c3c3066e2"},"Heel makkelijk")),o("div",{key:"5c2b13e7804fbbe74d0eda8a29f648d6c72175c1",role:"radiogroup"},e.map(((e,r)=>{const a=r+1;return o(n,null,o("label",{class:`survey-rating-${a}`},a,o("span",{class:"sr-only"},e),o("input",{type:"radio",name:"rating",value:a,checked:a===this.rating,onChange:e=>this.handleChange(e)})))}))),o("button",{key:"fad9fd7925f0bf15b4a6bc9484b7de8e58b6721b",type:"submit",class:"dso-secondary"},o("span",{key:"3353e9c585cc32f35e4106c595add16127b9a663"},"Antwoord verzenden"))))}};s.style=a;export{s as dso_survey_rating};
-//# sourceMappingURL=p-70d63a6a.entry.js.map
+import{r as e,c as r,h as o,F as n}from"./p-D2Jo0W7B.js";const a=':host {\n  display: block;\n  position: fixed;\n  inset-block-end: 16px;\n  inset-inline-start: 16px;\n  inline-size: 370px;\n  background-color: #fff;\n  box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);\n  border-radius: 4px;\n  z-index: 1000;\n}\n@media screen and (max-width: 480px) {\n  :host {\n    inline-size: 320px;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    --panel-heading-padding-inline-start: 8px;\n    --panel-body-padding-inline: 8px;\n  }\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.visual-rating-labels {\n  display: flex;\n  justify-content: space-between;\n  margin-block: 8px;\n}\n\ninput[type=radio] {\n  appearance: none;\n  cursor: pointer;\n  position: absolute;\n  margin-inline: 0;\n  margin-block: 0;\n  inset-block: 8px 0;\n  inset-inline: 0;\n  z-index: 1;\n}\n\nlabel {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 48px;\n  block-size: 48px;\n  border: 1px solid #ccc;\n  border-inline-end-width: 0;\n  padding-block-start: 8px;\n}\n@media screen and (max-width: 480px) {\n  label {\n    inline-size: 43px;\n    block-size: 43px;\n  }\n}\nlabel:hover {\n  background-color: #f2f2f2;\n}\nlabel:active {\n  background-color: #e5e5e5;\n}\nlabel:first-of-type {\n  border-radius: 4px 0 0 4px;\n}\nlabel:first-of-type::before {\n  border-radius: 3px 0 0;\n}\nlabel:last-of-type {\n  border-inline-end-width: 1px;\n  border-radius: 0 4px 4px 0;\n}\nlabel:last-of-type::before {\n  border-radius: 0 3px 0 0;\n}\nlabel::before {\n  content: "";\n  display: block;\n  position: absolute;\n  inset-block-start: 0;\n  block-size: 8px;\n  inline-size: 100%;\n  border-block-end: 1px solid #ccc;\n}\nlabel:has(input:checked) {\n  font-weight: bold;\n}\nlabel.survey-rating-1::before, label.survey-rating-1:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #b62f41;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-1:has(input:checked) 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}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-1:has(input:checked) 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}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-1:has(input:checked) 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}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-1:has(input:checked) 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}\nlabel.survey-rating-2::before, label.survey-rating-2:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #ce3f51;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-2:has(input:checked) 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}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-2:has(input:checked) 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}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-2:has(input:checked) 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}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-2:has(input:checked) 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}\nlabel.survey-rating-3::before, label.survey-rating-3:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e17000;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-3:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-3:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-3:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-3:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-4::before, label.survey-rating-4:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #dcd400;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-4:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-4:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-4:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-4:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-5::before, label.survey-rating-5:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #79b929;\n  border-color: #ccc;\n  color: #191919;\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-5:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-5:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-5:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-5:has(input:checked) 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-zwart"));\n}\nlabel.survey-rating-6::before, label.survey-rating-6:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #39870c;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-6:has(input:checked) 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}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-6:has(input:checked) 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}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-6:has(input:checked) 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}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-6:has(input:checked) 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}\nlabel.survey-rating-7::before, label.survey-rating-7:has(input:checked) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #275937;\n  border-color: #ccc;\n  color: #fff;\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-7:has(input:checked) 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}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-7:has(input:checked) 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}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-7:has(input:checked) 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}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-7:has(input:checked) 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\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  margin-block-start: 16px;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\nbutton.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}\nbutton.dso-secondary:focus, button.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\nbutton.dso-secondary:active {\n  outline: 0;\n}\nbutton.dso-secondary.extern::after, button.dso-secondary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\nbutton.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}\nbutton.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}\nbutton.dso-secondary:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #39870c);\n  color: var(--_dso-button-secondary-hover-color, #39870c);\n}\nbutton.dso-secondary:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #39870c);\n  border-color: var(--_dso-button-secondary-active-border-color, #39870c);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\nbutton.dso-secondary[disabled], button.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}\nbutton.dso-secondary.dso-small {\n  line-height: 1rem;\n}\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-secondary svg.di:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\nbutton.dso-secondary span:not(.sr-only) + dso-icon,\nbutton.dso-secondary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\nbutton.dso-secondary dso-icon + span:not(.sr-only),\nbutton.dso-secondary svg.di + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\nbutton.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}\nbutton.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}\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.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}\nbutton.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}\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}';const s=class{constructor(o){e(this,o);this.dsoSubmit=r(this,"dsoSubmit",7);this.dsoClose=r(this,"dsoClose",7)}handleForm(e){e.preventDefault();this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:e})}handleChange(e){const r=e.target;this.rating=Number(r.value)}render(){const e=["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"];return o("dso-panel",{key:"2a2195f431d05af2f95157241dbe233743cc45a6",emphasized:true,onDsoCloseClick:e=>this.dsoClose.emit({originalEvent:e}),role:"dialog","aria-labelledby":"panel-heading"},o("h2",{key:"6078cb4a0285e2f4afda8c2452efbbbdd2938c20",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),o("strong",{key:"1e424390809f7a1cb59f636f4bd27f9d9e4b3c70"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),o("form",{key:"22c216ba2253ae2f748030be3336155318d01449",onSubmit:e=>this.handleForm(e)},o("div",{key:"3eb88c0afcf933bb8974df638b5eb2aed1a45d0a",class:"visual-rating-labels","aria-hidden":"true"},o("span",{key:"1a74a9093fc56e5f1192e1400d9989074d2c0add"},"Heel moeilijk"),o("span",{key:"78c7bffac4fd101c39917a9903fda62acdbf3806"},"Heel makkelijk")),o("div",{key:"d1b523bf50e3a901da0f6d0af0e20c72df9e8bc9",role:"radiogroup"},e.map(((e,r)=>{const a=r+1;return o(n,null,o("label",{class:`survey-rating-${a}`},a,o("span",{class:"sr-only"},e),o("input",{type:"radio",name:"rating",value:a,checked:a===this.rating,onChange:e=>this.handleChange(e)})))}))),o("button",{key:"8105cc59e8f59f056579f21f56d82e518cfe7396",type:"submit",class:"dso-secondary"},o("span",{key:"379e72689c91d68a90013578fc03019a0eac4042"},"Antwoord verzenden"))))}};s.style=a;export{s as dso_survey_rating};
+//# sourceMappingURL=p-aa6c0df1.entry.js.map

package/dist/dso-toolkit/p-aa6c0df1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["surveyRatingCss","SurveyRating","handleForm","e","preventDefault","this","dsoSubmit","emit","rating","scale","start","end","originalEvent","handleChange","target","Number","value","render","ratings","h","key","emphasized","onDsoCloseClick","dsoClose","role","id","slot","onSubmit","class","map","index","ratingNumber","Fragment","type","name","checked","onChange"],"sources":["src/components/survey-rating/survey-rating.scss?tag=dso-survey-rating&encapsulation=shadow","src/components/survey-rating/survey-rating.tsx"],"sourcesContent":["@use \"sass:list\";\r\n@use \"sass:map\";\r\n\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/global/mixins/set-colors.mixin\" as set-colors;\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"survey-rating.variables\" as survey-rating-variables;\r\n\r\n:host {\r\n  display: block;\r\n  position: fixed;\r\n  inset-block-end: units.$u2;\r\n  inset-inline-start: units.$u2;\r\n  inline-size: survey-rating-variables.$survey-rating-inline-size;\r\n  background-color: survey-rating-variables.$survey-rating-background-color;\r\n  box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);\r\n  border-radius: survey-rating-variables.$survey-rating-border-radius;\r\n  z-index: zindex.$survey-rating;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    inline-size: survey-rating-variables.$survey-rating-xs-min-inline-size;\r\n    inset-block-end: 0;\r\n    inset-inline-start: 0;\r\n\r\n    --panel-heading-padding-inline-start: #{units.$u1};\r\n    --panel-body-padding-inline: #{units.$u1};\r\n  }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.visual-rating-labels {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-block: units.$u1;\r\n}\r\n\r\ninput[type=\"radio\"] {\r\n  appearance: none;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  margin-inline: 0;\r\n  margin-block: 0;\r\n  inset-block: units.$u1 0;\r\n  inset-inline: 0;\r\n  z-index: 1;\r\n}\r\n\r\nlabel {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  inline-size: survey-rating-variables.$survey-rating-input-label-size;\r\n  block-size: survey-rating-variables.$survey-rating-input-label-size;\r\n  border: 1px solid survey-rating-variables.$survey-rating-border-color;\r\n  border-inline-end-width: 0;\r\n  padding-block-start: units.$u1;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    inline-size: survey-rating-variables.$survey-rating-rating-label-xs-min-size;\r\n    block-size: survey-rating-variables.$survey-rating-rating-label-xs-min-size;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: survey-rating-variables.$survey-rating-color-hover;\r\n  }\r\n\r\n  &:active {\r\n    background-color: survey-rating-variables.$survey-rating-color-active;\r\n  }\r\n\r\n  &:first-of-type {\r\n    border-radius: survey-rating-variables.$survey-rating-border-radius 0 0\r\n      survey-rating-variables.$survey-rating-border-radius;\r\n\r\n    &::before {\r\n      border-radius: (survey-rating-variables.$survey-rating-border-radius - 1) 0 0;\r\n    }\r\n  }\r\n\r\n  &:last-of-type {\r\n    border-inline-end-width: 1px;\r\n    border-radius: 0 survey-rating-variables.$survey-rating-border-radius\r\n      survey-rating-variables.$survey-rating-border-radius 0;\r\n\r\n    &::before {\r\n      border-radius: 0 (survey-rating-variables.$survey-rating-border-radius - 1) 0 0;\r\n    }\r\n  }\r\n\r\n  &::before {\r\n    content: \"\";\r\n    display: block;\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    block-size: units.$u1;\r\n    inline-size: 100%;\r\n    border-block-end: 1px solid survey-rating-variables.$survey-rating-border-color;\r\n  }\r\n\r\n  &:has(input:checked) {\r\n    font-weight: bold;\r\n  }\r\n\r\n  @each $survey-rating in survey-rating-variables.$survey-ratings {\r\n    $i: list.index(survey-rating-variables.$survey-ratings, $survey-rating);\r\n    $color: map.get($survey-rating, color);\r\n\r\n    &.survey-rating-#{$i} {\r\n      &::before,\r\n      &:has(input:checked) {\r\n        @include set-colors.apply($color, survey-rating-variables.$survey-rating-border-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n\r\n  &.dso-secondary {\r\n    @include button.secondary($base-styling: true);\r\n  }\r\n\r\n  margin-block-start: units.$u2;\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Fragment, h } from \"@stencil/core\";\r\nimport { SurveyRatingCloseEvent, SurveyRatingSubmitEvent } from \"./survey-rating.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-survey-rating\",\r\n  styleUrl: \"survey-rating.scss\",\r\n  shadow: true,\r\n})\r\nexport class SurveyRating implements ComponentInterface {\r\n  private rating: number | undefined;\r\n\r\n  /**\r\n   * Emitted when the user submits the Survey Rating.\r\n   */\r\n  @Event()\r\n  dsoSubmit!: EventEmitter<SurveyRatingSubmitEvent>;\r\n\r\n  /**\r\n   * Emitted when the user wants to close the  Survey Rating.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<SurveyRatingCloseEvent>;\r\n\r\n  private handleForm(e: Event): void {\r\n    e.preventDefault();\r\n    this.dsoSubmit.emit({ rating: this.rating, scale: { start: 1, end: 7 }, originalEvent: e });\r\n  }\r\n\r\n  private handleChange(e: Event): void {\r\n    const target = e.target as HTMLInputElement;\r\n    this.rating = Number(target.value);\r\n  }\r\n\r\n  render() {\r\n    const ratings = [\r\n      \"Heel moeilijk\",\r\n      \"Moeilijk\",\r\n      \"Redelijk moeilijk\",\r\n      \"Neutraal\",\r\n      \"Redelijk makkelijk\",\r\n      \"Makkelijk\",\r\n      \"Heel makkelijk\",\r\n    ];\r\n\r\n    return (\r\n      <dso-panel\r\n        emphasized\r\n        onDsoCloseClick={(e) => this.dsoClose.emit({ originalEvent: e })}\r\n        role=\"dialog\"\r\n        aria-labelledby=\"panel-heading\"\r\n      >\r\n        <h2 id=\"panel-heading\" slot=\"heading\">\r\n          Help ons met een onderzoek\r\n        </h2>\r\n        <strong>Hoe moeilijk of makkelijk was deze taak om uit te voeren?</strong>\r\n        <form onSubmit={(e) => this.handleForm(e)}>\r\n          <div class=\"visual-rating-labels\" aria-hidden=\"true\">\r\n            <span>Heel moeilijk</span>\r\n            <span>Heel makkelijk</span>\r\n          </div>\r\n          <div role=\"radiogroup\">\r\n            {ratings.map((rating, index) => {\r\n              const ratingNumber = index + 1;\r\n\r\n              return (\r\n                <>\r\n                  <label class={`survey-rating-${ratingNumber}`}>\r\n                    {ratingNumber}\r\n                    <span class=\"sr-only\">{rating}</span>\r\n                    <input\r\n                      type=\"radio\"\r\n                      name=\"rating\"\r\n                      value={ratingNumber}\r\n                      checked={ratingNumber === this.rating}\r\n                      onChange={(e) => this.handleChange(e)}\r\n                    />\r\n                  </label>\r\n                </>\r\n              );\r\n            })}\r\n          </div>\r\n          <button type=\"submit\" class=\"dso-secondary\">\r\n            <span>Antwoord verzenden</span>\r\n          </button>\r\n        </form>\r\n      </dso-panel>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAkB,k+rB,MCQXC,EAAY,M,iGAef,UAAAC,CAAWC,GACjBA,EAAEC,iBACFC,KAAKC,UAAUC,KAAK,CAAEC,OAAQH,KAAKG,OAAQC,MAAO,CAAEC,MAAO,EAAGC,IAAK,GAAKC,cAAeT,G,CAGjF,YAAAU,CAAaV,GACnB,MAAMW,EAASX,EAAEW,OACjBT,KAAKG,OAASO,OAAOD,EAAOE,M,CAG9B,MAAAC,GACE,MAAMC,EAAU,CACd,gBACA,WACA,oBACA,WACA,qBACA,YACA,kBAGF,OACEC,EAAA,aAAAC,IAAA,2CACEC,WAAU,KACVC,gBAAkBnB,GAAME,KAAKkB,SAAShB,KAAK,CAAEK,cAAeT,IAC5DqB,KAAK,SAAQ,kBACG,iBAEhBL,EAAA,MAAAC,IAAA,2CAAIK,GAAG,gBAAgBC,KAAK,WAEvB,8BACLP,EAA0E,UAAAC,IAAA,yGAC1ED,EAAA,QAAAC,IAAA,2CAAMO,SAAWxB,GAAME,KAAKH,WAAWC,IACrCgB,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,uBAAsB,cAAa,QAC5CT,EAA0B,QAAAC,IAAA,6DAC1BD,EAAA,QAAAC,IAAA,+DAEFD,EAAA,OAAAC,IAAA,2CAAKI,KAAK,cACPN,EAAQW,KAAI,CAACrB,EAAQsB,KACpB,MAAMC,EAAeD,EAAQ,EAE7B,OACEX,EAAAa,EAAA,KACEb,EAAA,SAAOS,MAAO,iBAAiBG,KAC5BA,EACDZ,EAAA,QAAMS,MAAM,WAAWpB,GACvBW,EAAA,SACEc,KAAK,QACLC,KAAK,SACLlB,MAAOe,EACPI,QAASJ,IAAiB1B,KAAKG,OAC/B4B,SAAWjC,GAAME,KAAKQ,aAAaV,MAGtC,KAITgB,EAAA,UAAAC,IAAA,2CAAQa,KAAK,SAASL,MAAM,iBAC1BT,EAAA,QAAAC,IAAA,oE","ignoreList":[]}

package/dist/dso-toolkit/{p-6a620f5f.entry.js → p-ad5f409c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,h as e,H as o,g as r}from"./p-BzEnSYbR.js";const i=["top","right","bottom","left"];const s=Math.min;const c=Math.max;const a=Math.round;const l=Math.floor;const f=t=>({x:t,y:t});const d={left:"right",right:"left",bottom:"top",top:"bottom"};const u={start:"end",end:"start"};function p(t,n,e){return c(t,s(n,e))}function b(t,n){return typeof t==="function"?t(n):t}function h(t){return t.split("-")[0]}function m(t){return t.split("-")[1]}function g(t){return t==="x"?"y":"x"}function y(t){return t==="y"?"height":"width"}function x(t){return["top","bottom"].includes(h(t))?"y":"x"}function w(t){return g(x(t))}function v(t,n,e){if(e===void 0){e=false}const o=m(t);const r=w(t);const i=y(r);let s=r==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[i]>n.floating[i]){s=R(s)}return[s,R(s)]}function k(t){const n=R(t);return[_(t),n,_(n)]}function _(t){return t.replace(/start|end/g,(t=>u[t]))}function z(t,n,e){const o=["left","right"];const r=["right","left"];const i=["top","bottom"];const s=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?r:o;return n?o:r;case"left":case"right":return n?i:s;default:return[]}}function A(t,n,e,o){const r=m(t);let i=z(h(t),e==="start",o);if(r){i=i.map((t=>t+"-"+r));if(n){i=i.concat(i.map(_))}}return i}function R(t){return t.replace(/left|right|bottom|top/g,(t=>d[t]))}function S(t){return{top:0,right:0,bottom:0,left:0,...t}}function O(t){return typeof t!=="number"?S(t):{top:t,right:t,bottom:t,left:t}}function D(t){const{x:n,y:e,width:o,height:r}=t;return{width:o,height:r,top:e,left:n,right:n+o,bottom:e+r,x:n,y:e}}function T(t,n,e){let{reference:o,floating:r}=t;const i=x(n);const s=w(n);const c=y(s);const a=h(n);const l=i==="y";const f=o.x+o.width/2-r.width/2;const d=o.y+o.height/2-r.height/2;const u=o[c]/2-r[c]/2;let p;switch(a){case"top":p={x:f,y:o.y-r.height};break;case"bottom":p={x:f,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:d};break;case"left":p={x:o.x-r.width,y:d};break;default:p={x:o.x,y:o.y}}switch(m(n)){case"start":p[s]-=u*(e&&l?-1:1);break;case"end":p[s]+=u*(e&&l?-1:1);break}return p}const F=async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=e;const c=i.filter(Boolean);const a=await(s.isRTL==null?void 0:s.isRTL(n));let l=await s.getElementRects({reference:t,floating:n,strategy:r});let{x:f,y:d}=T(l,o,a);let u=o;let p={};let b=0;for(let e=0;e<c.length;e++){const{name:i,fn:h}=c[e];const{x:m,y:g,data:y,reset:x}=await h({x:f,y:d,initialPlacement:o,placement:u,strategy:r,middlewareData:p,rects:l,platform:s,elements:{reference:t,floating:n}});f=m!=null?m:f;d=g!=null?g:d;p={...p,[i]:{...p[i],...y}};if(x&&b<=50){b++;if(typeof x==="object"){if(x.placement){u=x.placement}if(x.rects){l=x.rects===true?await s.getElementRects({reference:t,floating:n,strategy:r}):x.rects}({x:f,y:d}=T(l,u,a))}e=-1}}return{x:f,y:d,placement:u,strategy:r,middlewareData:p}};async function C(t,n){var e;if(n===void 0){n={}}const{x:o,y:r,platform:i,rects:s,elements:c,strategy:a}=t;const{boundary:l="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:u=false,padding:p=0}=b(n,t);const h=O(p);const m=d==="floating"?"reference":"floating";const g=c[u?m:d];const y=D(await i.getClippingRect({element:((e=await(i.isElement==null?void 0:i.isElement(g)))!=null?e:true)?g:g.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:l,rootBoundary:f,strategy:a}));const x=d==="floating"?{x:o,y:r,width:s.floating.width,height:s.floating.height}:s.reference;const w=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating));const v=await(i.isElement==null?void 0:i.isElement(w))?await(i.getScale==null?void 0:i.getScale(w))||{x:1,y:1}:{x:1,y:1};const k=D(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:w,strategy:a}):x);return{top:(y.top-k.top+h.top)/v.y,bottom:(k.bottom-y.bottom+h.bottom)/v.y,left:(y.left-k.left+h.left)/v.x,right:(k.right-y.right+h.right)/v.x}}const E=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:r,rects:i,platform:c,elements:a,middlewareData:l}=n;const{element:f,padding:d=0}=b(t,n)||{};if(f==null){return{}}const u=O(d);const h={x:e,y:o};const g=w(r);const x=y(g);const v=await c.getDimensions(f);const k=g==="y";const _=k?"top":"left";const z=k?"bottom":"right";const A=k?"clientHeight":"clientWidth";const R=i.reference[x]+i.reference[g]-h[g]-i.floating[x];const S=h[g]-i.reference[g];const D=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let T=D?D[A]:0;if(!T||!await(c.isElement==null?void 0:c.isElement(D))){T=a.floating[A]||i.floating[x]}const F=R/2-S/2;const C=T/2-v[x]/2-1;const E=s(u[_],C);const $=s(u[z],C);const M=E;const H=T-v[x]-$;const P=T/2-v[x]/2+F;const B=p(M,P,H);const L=!l.arrow&&m(r)!=null&&P!==B&&i.reference[x]/2-(P<M?E:$)-v[x]/2<0;const j=L?P<M?P-M:P-H:0;return{[g]:h[g]+j,data:{[g]:B,centerOffset:P-B-j,...L&&{alignmentOffset:j}},reset:L}}});const $=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:s,initialPlacement:c,platform:a,elements:l}=n;const{mainAxis:f=true,crossAxis:d=true,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=true,...y}=b(t,n);if((e=i.arrow)!=null&&e.alignmentOffset){return{}}const w=h(r);const _=x(c);const z=h(c)===c;const S=await(a.isRTL==null?void 0:a.isRTL(l.floating));const O=u||(z||!g?[R(c)]:k(c));const D=m!=="none";if(!u&&D){O.push(...A(c,g,m,S))}const T=[c,...O];const F=await C(n,y);const E=[];let $=((o=i.flip)==null?void 0:o.overflows)||[];if(f){E.push(F[w])}if(d){const t=v(r,s,S);E.push(F[t[0]],F[t[1]])}$=[...$,{placement:r,overflows:E}];if(!E.every((t=>t<=0))){var M,H;const t=(((M=i.flip)==null?void 0:M.index)||0)+1;const n=T[t];if(n){return{data:{index:t,overflows:$},reset:{placement:n}}}let e=(H=$.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:H.placement;if(!e){switch(p){case"bestFit":{var P;const t=(P=$.filter((t=>{if(D){const n=x(t.placement);return n===_||n==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:P[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(r!==e){return{reset:{placement:e}}}}return{}}}};function M(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function H(t){return i.some((n=>t[n]>=0))}const P=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...r}=b(t,n);switch(o){case"referenceHidden":{const t=await C(n,{...r,elementContext:"reference"});const o=M(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:H(o)}}}case"escaped":{const t=await C(n,{...r,altBoundary:true});const o=M(t,e.floating);return{data:{escapedOffsets:o,escaped:H(o)}}}default:{return{}}}}}};async function B(t,n){const{placement:e,platform:o,elements:r}=t;const i=await(o.isRTL==null?void 0:o.isRTL(r.floating));const s=h(e);const c=m(e);const a=x(e)==="y";const l=["left","top"].includes(s)?-1:1;const f=i&&a?-1:1;const d=b(n,t);let{mainAxis:u,crossAxis:p,alignmentAxis:g}=typeof d==="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};if(c&&typeof g==="number"){p=c==="end"?g*-1:g}return a?{x:p*f,y:u*l}:{x:u*l,y:p*f}}const L=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:s,middlewareData:c}=n;const a=await B(n,t);if(s===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:r+a.x,y:i+a.y,data:{...a,placement:s}}}}};const j=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r}=n;const{mainAxis:i=true,crossAxis:s=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...a}=b(t,n);const l={x:e,y:o};const f=await C(n,a);const d=x(h(r));const u=g(d);let m=l[u];let y=l[d];if(i){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=m+f[t];const o=m-f[n];m=p(e,m,o)}if(s){const t=d==="y"?"top":"left";const n=d==="y"?"bottom":"right";const e=y+f[t];const o=y-f[n];y=p(e,y,o)}const w=c.fn({...n,[u]:m,[d]:y});return{...w,data:{x:w.x-e,y:w.y-o,enabled:{[u]:i,[d]:s}}}}}};function N(){return typeof window!=="undefined"}function I(t){if(Y(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function q(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function U(t){var n;return(n=(Y(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function Y(t){if(!N()){return false}return t instanceof Node||t instanceof q(t).Node}function V(t){if(!N()){return false}return t instanceof Element||t instanceof q(t).Element}function W(t){if(!N()){return false}return t instanceof HTMLElement||t instanceof q(t).HTMLElement}function X(t){if(!N()||typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof q(t).ShadowRoot}function G(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=et(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function J(t){return["table","td","th"].includes(I(t))}function K(t){return[":popover-open",":modal"].some((n=>{try{return t.matches(n)}catch(t){return false}}))}function Q(t){const n=tt();const e=V(t)?et(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>e[t]?e[t]!=="none":false))||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","translate","scale","rotate","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function Z(t){let n=rt(t);while(W(n)&&!nt(n)){if(Q(n)){return n}else if(K(n)){return null}n=rt(n)}return null}function tt(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function nt(t){return["html","body","#document"].includes(I(t))}function et(t){return q(t).getComputedStyle(t)}function ot(t){if(V(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function rt(t){if(I(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||X(t)&&t.host||U(t);return X(n)?n.host:n}function it(t){const n=rt(t);if(nt(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(W(n)&&G(n)){return n}return it(n)}function st(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const r=it(t);const i=r===((o=t.ownerDocument)==null?void 0:o.body);const s=q(r);if(i){const t=ct(s);return n.concat(s,s.visualViewport||[],G(r)?r:[],t&&e?st(t):[])}return n.concat(r,st(r,[],e))}function ct(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function at(t){const n=et(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const r=W(t);const i=r?t.offsetWidth:e;const s=r?t.offsetHeight:o;const c=a(e)!==i||a(o)!==s;if(c){e=i;o=s}return{width:e,height:o,$:c}}function lt(t){return!V(t)?t.contextElement:t}function ft(t){const n=lt(t);if(!W(n)){return f(1)}const e=n.getBoundingClientRect();const{width:o,height:r,$:i}=at(n);let s=(i?a(e.width):e.width)/o;let c=(i?a(e.height):e.height)/r;if(!s||!Number.isFinite(s)){s=1}if(!c||!Number.isFinite(c)){c=1}return{x:s,y:c}}const dt=f(0);function ut(t){const n=q(t);if(!tt()||!n.visualViewport){return dt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function pt(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==q(t)){return false}return n}function bt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const r=t.getBoundingClientRect();const i=lt(t);let s=f(1);if(n){if(o){if(V(o)){s=ft(o)}}else{s=ft(t)}}const c=pt(i,e,o)?ut(i):f(0);let a=(r.left+c.x)/s.x;let l=(r.top+c.y)/s.y;let d=r.width/s.x;let u=r.height/s.y;if(i){const t=q(i);const n=o&&V(o)?q(o):o;let e=t;let r=ct(e);while(r&&o&&n!==e){const t=ft(r);const n=r.getBoundingClientRect();const o=et(r);const i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x;const s=n.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x;l*=t.y;d*=t.x;u*=t.y;a+=i;l+=s;e=q(r);r=ct(e)}}return D({width:d,height:u,x:a,y:l})}function ht(t,n){const e=ot(t).scrollLeft;if(!n){return bt(U(t)).left+e}return n.left+e}function mt(t,n,e){if(e===void 0){e=false}const o=t.getBoundingClientRect();const r=o.left+n.scrollLeft-(e?0:ht(t,o));const i=o.top+n.scrollTop;return{x:r,y:i}}function gt(t){let{elements:n,rect:e,offsetParent:o,strategy:r}=t;const i=r==="fixed";const s=U(o);const c=n?K(n.floating):false;if(o===s||c&&i){return e}let a={scrollLeft:0,scrollTop:0};let l=f(1);const d=f(0);const u=W(o);if(u||!u&&!i){if(I(o)!=="body"||G(s)){a=ot(o)}if(W(o)){const t=bt(o);l=ft(o);d.x=t.x+o.clientLeft;d.y=t.y+o.clientTop}}const p=s&&!u&&!i?mt(s,a,true):f(0);return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-a.scrollLeft*l.x+d.x+p.x,y:e.y*l.y-a.scrollTop*l.y+d.y+p.y}}function yt(t){return Array.from(t.getClientRects())}function xt(t){const n=U(t);const e=ot(t);const o=t.ownerDocument.body;const r=c(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const i=c(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let s=-e.scrollLeft+ht(t);const a=-e.scrollTop;if(et(o).direction==="rtl"){s+=c(n.clientWidth,o.clientWidth)-r}return{width:r,height:i,x:s,y:a}}function wt(t,n){const e=q(t);const o=U(t);const r=e.visualViewport;let i=o.clientWidth;let s=o.clientHeight;let c=0;let a=0;if(r){i=r.width;s=r.height;const t=tt();if(!t||t&&n==="fixed"){c=r.offsetLeft;a=r.offsetTop}}return{width:i,height:s,x:c,y:a}}function vt(t,n){const e=bt(t,true,n==="fixed");const o=e.top+t.clientTop;const r=e.left+t.clientLeft;const i=W(t)?ft(t):f(1);const s=t.clientWidth*i.x;const c=t.clientHeight*i.y;const a=r*i.x;const l=o*i.y;return{width:s,height:c,x:a,y:l}}function kt(t,n,e){let o;if(n==="viewport"){o=wt(t,e)}else if(n==="document"){o=xt(U(t))}else if(V(n)){o=vt(n,e)}else{const e=ut(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return D(o)}function _t(t,n){const e=rt(t);if(e===n||!V(e)||nt(e)){return false}return et(e).position==="fixed"||_t(e,n)}function zt(t,n){const e=n.get(t);if(e){return e}let o=st(t,[],false).filter((t=>V(t)&&I(t)!=="body"));let r=null;const i=et(t).position==="fixed";let s=i?rt(t):t;while(V(s)&&!nt(s)){const n=et(s);const e=Q(s);if(!e&&n.position==="fixed"){r=null}const c=i?!e&&!r:!e&&n.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||G(s)&&!e&&_t(t,s);if(c){o=o.filter((t=>t!==s))}else{r=n}s=rt(s)}n.set(t,o);return o}function At(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=e==="clippingAncestors"?K(n)?[]:zt(n,this._c):[].concat(e);const a=[...i,o];const l=a[0];const f=a.reduce(((t,e)=>{const o=kt(n,e,r);t.top=c(o.top,t.top);t.right=s(o.right,t.right);t.bottom=s(o.bottom,t.bottom);t.left=c(o.left,t.left);return t}),kt(n,l,r));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Rt(t){const{width:n,height:e}=at(t);return{width:n,height:e}}function St(t,n,e){const o=W(n);const r=U(n);const i=e==="fixed";const s=bt(t,true,i,n);let c={scrollLeft:0,scrollTop:0};const a=f(0);if(o||!o&&!i){if(I(n)!=="body"||G(r)){c=ot(n)}if(o){const t=bt(n,true,i,n);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}else if(r){a.x=ht(r)}}const l=r&&!o&&!i?mt(r,c):f(0);const d=s.left+c.scrollLeft-a.x-l.x;const u=s.top+c.scrollTop-a.y-l.y;return{x:d,y:u,width:s.width,height:s.height}}function Ot(t){return et(t).position==="static"}function Dt(t,n){if(!W(t)||et(t).position==="fixed"){return null}if(n){return n(t)}let e=t.offsetParent;if(U(t)===e){e=e.ownerDocument.body}return e}function Tt(t,n){const e=q(t);if(K(t)){return e}if(!W(t)){let n=rt(t);while(n&&!nt(n)){if(V(n)&&!Ot(n)){return n}n=rt(n)}return e}let o=Dt(t,n);while(o&&J(o)&&Ot(o)){o=Dt(o,n)}if(o&&nt(o)&&Ot(o)&&!Q(o)){return e}return o||Z(t)||e}const Ft=async function(t){const n=this.getOffsetParent||Tt;const e=this.getDimensions;const o=await e(t.floating);return{reference:St(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Ct(t){return et(t).direction==="rtl"}const Et={convertOffsetParentRelativeRectToViewportRelativeRect:gt,getDocumentElement:U,getClippingRect:At,getOffsetParent:Tt,getElementRects:Ft,getClientRects:yt,getDimensions:Rt,getScale:ft,isElement:V,isRTL:Ct};function $t(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function Mt(t,n){let e=null;let o;const r=U(t);function i(){var t;clearTimeout(o);(t=e)==null||t.disconnect();e=null}function a(f,d){if(f===void 0){f=false}if(d===void 0){d=1}i();const u=t.getBoundingClientRect();const{left:p,top:b,width:h,height:m}=u;if(!f){n()}if(!h||!m){return}const g=l(b);const y=l(r.clientWidth-(p+h));const x=l(r.clientHeight-(b+m));const w=l(p);const v=-g+"px "+-y+"px "+-x+"px "+-w+"px";const k={rootMargin:v,threshold:c(0,s(1,d))||1};let _=true;function z(n){const e=n[0].intersectionRatio;if(e!==d){if(!_){return a()}if(!e){o=setTimeout((()=>{a(false,1e-7)}),1e3)}else{a(false,e)}}if(e===1&&!$t(u,t.getBoundingClientRect())){a()}_=false}try{e=new IntersectionObserver(z,{...k,root:r.ownerDocument})}catch(t){e=new IntersectionObserver(z,k)}e.observe(t)}a(true);return i}function Ht(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:r=true,ancestorResize:i=true,elementResize:s=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:a=false}=o;const l=lt(t);const f=r||i?[...l?st(l):[],...st(n)]:[];f.forEach((t=>{r&&t.addEventListener("scroll",e,{passive:true});i&&t.addEventListener("resize",e)}));const d=l&&c?Mt(l,e):null;let u=-1;let p=null;if(s){p=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===l&&p){p.unobserve(n);cancelAnimationFrame(u);u=requestAnimationFrame((()=>{var t;(t=p)==null||t.observe(n)}))}e()}));if(l&&!a){p.observe(l)}p.observe(n)}let b;let h=a?bt(t):null;if(a){m()}function m(){const n=bt(t);if(h&&!$t(h,n)){e()}h=n;b=requestAnimationFrame(m)}e();return()=>{var t;f.forEach((t=>{r&&t.removeEventListener("scroll",e);i&&t.removeEventListener("resize",e)}));d==null||d();(t=p)==null||t.disconnect();p=null;if(a){cancelAnimationFrame(b)}}}const Pt=L;const Bt=j;const Lt=$;const jt=P;const Nt=E;const It=(t,n,e)=>{const o=new Map;const r={platform:Et,...e};const i={...r.platform,_c:o};return F(t,n,{...r,platform:i})};const qt="*,*::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}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4))}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{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;word-break:break-word;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none;position:absolute;inset-block-start:0;inset-inline-end:0;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-close[disabled]{cursor:default}.dso-close::-moz-focus-inner{border:0;padding:0}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:40vh;overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2}.onboarding-tip-inner{background-color:#2b5780;border-color:#2b5780;color:#fff}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}.onboarding-tip-content-heading dso-icon{margin-inline-end:8px}";const Ut=class{constructor(e){t(this,e);this.dsoClose=n(this,"dsoClose",7);this.placement="right"}componentDidRender(){if(!this.host.matches(":popover-open")){this.host.showPopover()}if(!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement){this.cleanUp=Ut.positionTip(this.referenceElement,this.host,this.tipArrowRef,this.placement)}}disconnectedCallback(){var t;if(this.host.matches(":popover-open")){this.host.hidePopover()}(t=this.cleanUp)===null||t===void 0?void 0:t.call(this);this.cleanUp=undefined}static positionTip(t,n,e,o){const r=e.offsetWidth;const i=Math.sqrt(2*r**2)/2;const s=5;return Ht(t,n,(()=>{It(t,n,{strategy:"fixed",middleware:[Pt(i),Lt({padding:s}),Bt({padding:s}),Nt({padding:s+r,element:e}),jt({padding:42})],placement:o}).then((({x:t,y:o,middlewareData:i,placement:s})=>{if(i.hide){Object.assign(n.style,{visibility:i.hide.referenceHidden?"hidden":"visible"})}Object.assign(n.style,{left:`${t}px`,top:`${o}px`});const c=s.split("-")[0];const a=c?{top:"bottom",right:"left",bottom:"top",left:"right"}[c]:"top";let l;switch(a){default:case"top":l=45;break;case"right":l=135;break;case"bottom":l=225;break;case"left":l=315;break}if(i.arrow&&a){const{x:t,y:n}=i.arrow;Object.assign(e.style,{right:"",bottom:"",left:t?`${t}px`:"",top:n?`${n}px`:"",[a]:`${-r/2}px`,transform:`rotate(${l}deg)`})}}))}))}render(){return e(o,{key:"81f55bb9189b1e006db917d0563d67701710f519",popover:"manual"},e("div",{key:"eed3544de4a3a2b592c4ae418a582e87b2ee0133",class:"onboarding-tip",role:"tooltip"},e("div",{key:"5847872cf4e5b918c525d62a3d592a765a8e8154",class:"onboarding-tip-inner"},e("div",{key:"c35d3a3fe5e926dde418019e1b8b209e6223d504",class:"onboarding-tip-content-wrapper"},this.headingSlottedElement!==null&&e("div",{key:"1911891c6aff456fc4e43f80b687f87d1ba1df9d",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"3050474a5736b09709e114f1397b8160cb5b9868",icon:"light-bulb"}),e("slot",{key:"86c668f6602ba615db80c4338edc1157cdaa9999",name:"heading"})),e("button",{key:"65d9ec9d3e84a409fa18ebd4d6343377a6e25126",type:"button",class:"dso-close",onClick:t=>this.dsoClose.emit({originalEvent:t})},e("dso-icon",{key:"ec8eb3a63525d2736debd7986ce5546619315553",icon:"times"}),e("span",{key:"99e9048e8003e211488c7fdd2eeda4a32c740b3a",class:"sr-only"},"Sluiten")),e("slot",{key:"886ba7c055fc303d0186dec7ca30c90d2c6c2943"}))),e("div",{key:"e838baea223b335370a4d0f14f300fa6d48853a7",class:"onboarding-tip-arrow",ref:t=>this.tipArrowRef=t})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const t=this.host.id;if(!t){console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");return}const n=this.host.getRootNode();if(!(n instanceof Document||n instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=n.querySelector(`[aria-describedby="${t}`);if(!e){console.warn(`Unable to find reference element with aria-describedby ${t}`);return}return e}get host(){return r(this)}};Ut.style=qt;export{Ut as dso_onboarding_tip};
-//# sourceMappingURL=p-6a620f5f.entry.js.map
+import{r as t,c as n,h as e,H as o,g as r}from"./p-D2Jo0W7B.js";const i=["top","right","bottom","left"];const s=Math.min;const c=Math.max;const a=Math.round;const l=Math.floor;const f=t=>({x:t,y:t});const d={left:"right",right:"left",bottom:"top",top:"bottom"};const u={start:"end",end:"start"};function p(t,n,e){return c(t,s(n,e))}function b(t,n){return typeof t==="function"?t(n):t}function h(t){return t.split("-")[0]}function m(t){return t.split("-")[1]}function g(t){return t==="x"?"y":"x"}function y(t){return t==="y"?"height":"width"}function x(t){return["top","bottom"].includes(h(t))?"y":"x"}function w(t){return g(x(t))}function v(t,n,e){if(e===void 0){e=false}const o=m(t);const r=w(t);const i=y(r);let s=r==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[i]>n.floating[i]){s=R(s)}return[s,R(s)]}function k(t){const n=R(t);return[_(t),n,_(n)]}function _(t){return t.replace(/start|end/g,(t=>u[t]))}function A(t,n,e){const o=["left","right"];const r=["right","left"];const i=["top","bottom"];const s=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?r:o;return n?o:r;case"left":case"right":return n?i:s;default:return[]}}function z(t,n,e,o){const r=m(t);let i=A(h(t),e==="start",o);if(r){i=i.map((t=>t+"-"+r));if(n){i=i.concat(i.map(_))}}return i}function R(t){return t.replace(/left|right|bottom|top/g,(t=>d[t]))}function S(t){return{top:0,right:0,bottom:0,left:0,...t}}function O(t){return typeof t!=="number"?S(t):{top:t,right:t,bottom:t,left:t}}function D(t){const{x:n,y:e,width:o,height:r}=t;return{width:o,height:r,top:e,left:n,right:n+o,bottom:e+r,x:n,y:e}}function T(t,n,e){let{reference:o,floating:r}=t;const i=x(n);const s=w(n);const c=y(s);const a=h(n);const l=i==="y";const f=o.x+o.width/2-r.width/2;const d=o.y+o.height/2-r.height/2;const u=o[c]/2-r[c]/2;let p;switch(a){case"top":p={x:f,y:o.y-r.height};break;case"bottom":p={x:f,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:d};break;case"left":p={x:o.x-r.width,y:d};break;default:p={x:o.x,y:o.y}}switch(m(n)){case"start":p[s]-=u*(e&&l?-1:1);break;case"end":p[s]+=u*(e&&l?-1:1);break}return p}const F=async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=e;const c=i.filter(Boolean);const a=await(s.isRTL==null?void 0:s.isRTL(n));let l=await s.getElementRects({reference:t,floating:n,strategy:r});let{x:f,y:d}=T(l,o,a);let u=o;let p={};let b=0;for(let e=0;e<c.length;e++){const{name:i,fn:h}=c[e];const{x:m,y:g,data:y,reset:x}=await h({x:f,y:d,initialPlacement:o,placement:u,strategy:r,middlewareData:p,rects:l,platform:s,elements:{reference:t,floating:n}});f=m!=null?m:f;d=g!=null?g:d;p={...p,[i]:{...p[i],...y}};if(x&&b<=50){b++;if(typeof x==="object"){if(x.placement){u=x.placement}if(x.rects){l=x.rects===true?await s.getElementRects({reference:t,floating:n,strategy:r}):x.rects}({x:f,y:d}=T(l,u,a))}e=-1}}return{x:f,y:d,placement:u,strategy:r,middlewareData:p}};async function C(t,n){var e;if(n===void 0){n={}}const{x:o,y:r,platform:i,rects:s,elements:c,strategy:a}=t;const{boundary:l="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:u=false,padding:p=0}=b(n,t);const h=O(p);const m=d==="floating"?"reference":"floating";const g=c[u?m:d];const y=D(await i.getClippingRect({element:((e=await(i.isElement==null?void 0:i.isElement(g)))!=null?e:true)?g:g.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:l,rootBoundary:f,strategy:a}));const x=d==="floating"?{x:o,y:r,width:s.floating.width,height:s.floating.height}:s.reference;const w=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating));const v=await(i.isElement==null?void 0:i.isElement(w))?await(i.getScale==null?void 0:i.getScale(w))||{x:1,y:1}:{x:1,y:1};const k=D(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:w,strategy:a}):x);return{top:(y.top-k.top+h.top)/v.y,bottom:(k.bottom-y.bottom+h.bottom)/v.y,left:(y.left-k.left+h.left)/v.x,right:(k.right-y.right+h.right)/v.x}}const $=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:r,rects:i,platform:c,elements:a,middlewareData:l}=n;const{element:f,padding:d=0}=b(t,n)||{};if(f==null){return{}}const u=O(d);const h={x:e,y:o};const g=w(r);const x=y(g);const v=await c.getDimensions(f);const k=g==="y";const _=k?"top":"left";const A=k?"bottom":"right";const z=k?"clientHeight":"clientWidth";const R=i.reference[x]+i.reference[g]-h[g]-i.floating[x];const S=h[g]-i.reference[g];const D=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let T=D?D[z]:0;if(!T||!await(c.isElement==null?void 0:c.isElement(D))){T=a.floating[z]||i.floating[x]}const F=R/2-S/2;const C=T/2-v[x]/2-1;const $=s(u[_],C);const E=s(u[A],C);const M=$;const H=T-v[x]-E;const P=T/2-v[x]/2+F;const B=p(M,P,H);const L=!l.arrow&&m(r)!=null&&P!==B&&i.reference[x]/2-(P<M?$:E)-v[x]/2<0;const j=L?P<M?P-M:P-H:0;return{[g]:h[g]+j,data:{[g]:B,centerOffset:P-B-j,...L&&{alignmentOffset:j}},reset:L}}});const E=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:s,initialPlacement:c,platform:a,elements:l}=n;const{mainAxis:f=true,crossAxis:d=true,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=true,...y}=b(t,n);if((e=i.arrow)!=null&&e.alignmentOffset){return{}}const w=h(r);const _=x(c);const A=h(c)===c;const S=await(a.isRTL==null?void 0:a.isRTL(l.floating));const O=u||(A||!g?[R(c)]:k(c));const D=m!=="none";if(!u&&D){O.push(...z(c,g,m,S))}const T=[c,...O];const F=await C(n,y);const $=[];let E=((o=i.flip)==null?void 0:o.overflows)||[];if(f){$.push(F[w])}if(d){const t=v(r,s,S);$.push(F[t[0]],F[t[1]])}E=[...E,{placement:r,overflows:$}];if(!$.every((t=>t<=0))){var M,H;const t=(((M=i.flip)==null?void 0:M.index)||0)+1;const n=T[t];if(n){return{data:{index:t,overflows:E},reset:{placement:n}}}let e=(H=E.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:H.placement;if(!e){switch(p){case"bestFit":{var P;const t=(P=E.filter((t=>{if(D){const n=x(t.placement);return n===_||n==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:P[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(r!==e){return{reset:{placement:e}}}}return{}}}};function M(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function H(t){return i.some((n=>t[n]>=0))}const P=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...r}=b(t,n);switch(o){case"referenceHidden":{const t=await C(n,{...r,elementContext:"reference"});const o=M(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:H(o)}}}case"escaped":{const t=await C(n,{...r,altBoundary:true});const o=M(t,e.floating);return{data:{escapedOffsets:o,escaped:H(o)}}}default:{return{}}}}}};async function B(t,n){const{placement:e,platform:o,elements:r}=t;const i=await(o.isRTL==null?void 0:o.isRTL(r.floating));const s=h(e);const c=m(e);const a=x(e)==="y";const l=["left","top"].includes(s)?-1:1;const f=i&&a?-1:1;const d=b(n,t);let{mainAxis:u,crossAxis:p,alignmentAxis:g}=typeof d==="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};if(c&&typeof g==="number"){p=c==="end"?g*-1:g}return a?{x:p*f,y:u*l}:{x:u*l,y:p*f}}const L=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:s,middlewareData:c}=n;const a=await B(n,t);if(s===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:r+a.x,y:i+a.y,data:{...a,placement:s}}}}};const j=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r}=n;const{mainAxis:i=true,crossAxis:s=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...a}=b(t,n);const l={x:e,y:o};const f=await C(n,a);const d=x(h(r));const u=g(d);let m=l[u];let y=l[d];if(i){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=m+f[t];const o=m-f[n];m=p(e,m,o)}if(s){const t=d==="y"?"top":"left";const n=d==="y"?"bottom":"right";const e=y+f[t];const o=y-f[n];y=p(e,y,o)}const w=c.fn({...n,[u]:m,[d]:y});return{...w,data:{x:w.x-e,y:w.y-o,enabled:{[u]:i,[d]:s}}}}}};function N(){return typeof window!=="undefined"}function I(t){if(W(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function q(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function U(t){var n;return(n=(W(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function W(t){if(!N()){return false}return t instanceof Node||t instanceof q(t).Node}function J(t){if(!N()){return false}return t instanceof Element||t instanceof q(t).Element}function V(t){if(!N()){return false}return t instanceof HTMLElement||t instanceof q(t).HTMLElement}function X(t){if(!N()||typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof q(t).ShadowRoot}function Y(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=et(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function G(t){return["table","td","th"].includes(I(t))}function K(t){return[":popover-open",":modal"].some((n=>{try{return t.matches(n)}catch(t){return false}}))}function Q(t){const n=tt();const e=J(t)?et(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>e[t]?e[t]!=="none":false))||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","translate","scale","rotate","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function Z(t){let n=rt(t);while(V(n)&&!nt(n)){if(Q(n)){return n}else if(K(n)){return null}n=rt(n)}return null}function tt(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function nt(t){return["html","body","#document"].includes(I(t))}function et(t){return q(t).getComputedStyle(t)}function ot(t){if(J(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function rt(t){if(I(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||X(t)&&t.host||U(t);return X(n)?n.host:n}function it(t){const n=rt(t);if(nt(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(V(n)&&Y(n)){return n}return it(n)}function st(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const r=it(t);const i=r===((o=t.ownerDocument)==null?void 0:o.body);const s=q(r);if(i){const t=ct(s);return n.concat(s,s.visualViewport||[],Y(r)?r:[],t&&e?st(t):[])}return n.concat(r,st(r,[],e))}function ct(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function at(t){const n=et(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const r=V(t);const i=r?t.offsetWidth:e;const s=r?t.offsetHeight:o;const c=a(e)!==i||a(o)!==s;if(c){e=i;o=s}return{width:e,height:o,$:c}}function lt(t){return!J(t)?t.contextElement:t}function ft(t){const n=lt(t);if(!V(n)){return f(1)}const e=n.getBoundingClientRect();const{width:o,height:r,$:i}=at(n);let s=(i?a(e.width):e.width)/o;let c=(i?a(e.height):e.height)/r;if(!s||!Number.isFinite(s)){s=1}if(!c||!Number.isFinite(c)){c=1}return{x:s,y:c}}const dt=f(0);function ut(t){const n=q(t);if(!tt()||!n.visualViewport){return dt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function pt(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==q(t)){return false}return n}function bt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const r=t.getBoundingClientRect();const i=lt(t);let s=f(1);if(n){if(o){if(J(o)){s=ft(o)}}else{s=ft(t)}}const c=pt(i,e,o)?ut(i):f(0);let a=(r.left+c.x)/s.x;let l=(r.top+c.y)/s.y;let d=r.width/s.x;let u=r.height/s.y;if(i){const t=q(i);const n=o&&J(o)?q(o):o;let e=t;let r=ct(e);while(r&&o&&n!==e){const t=ft(r);const n=r.getBoundingClientRect();const o=et(r);const i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x;const s=n.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x;l*=t.y;d*=t.x;u*=t.y;a+=i;l+=s;e=q(r);r=ct(e)}}return D({width:d,height:u,x:a,y:l})}function ht(t,n){const e=ot(t).scrollLeft;if(!n){return bt(U(t)).left+e}return n.left+e}function mt(t,n,e){if(e===void 0){e=false}const o=t.getBoundingClientRect();const r=o.left+n.scrollLeft-(e?0:ht(t,o));const i=o.top+n.scrollTop;return{x:r,y:i}}function gt(t){let{elements:n,rect:e,offsetParent:o,strategy:r}=t;const i=r==="fixed";const s=U(o);const c=n?K(n.floating):false;if(o===s||c&&i){return e}let a={scrollLeft:0,scrollTop:0};let l=f(1);const d=f(0);const u=V(o);if(u||!u&&!i){if(I(o)!=="body"||Y(s)){a=ot(o)}if(V(o)){const t=bt(o);l=ft(o);d.x=t.x+o.clientLeft;d.y=t.y+o.clientTop}}const p=s&&!u&&!i?mt(s,a,true):f(0);return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-a.scrollLeft*l.x+d.x+p.x,y:e.y*l.y-a.scrollTop*l.y+d.y+p.y}}function yt(t){return Array.from(t.getClientRects())}function xt(t){const n=U(t);const e=ot(t);const o=t.ownerDocument.body;const r=c(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const i=c(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let s=-e.scrollLeft+ht(t);const a=-e.scrollTop;if(et(o).direction==="rtl"){s+=c(n.clientWidth,o.clientWidth)-r}return{width:r,height:i,x:s,y:a}}function wt(t,n){const e=q(t);const o=U(t);const r=e.visualViewport;let i=o.clientWidth;let s=o.clientHeight;let c=0;let a=0;if(r){i=r.width;s=r.height;const t=tt();if(!t||t&&n==="fixed"){c=r.offsetLeft;a=r.offsetTop}}return{width:i,height:s,x:c,y:a}}function vt(t,n){const e=bt(t,true,n==="fixed");const o=e.top+t.clientTop;const r=e.left+t.clientLeft;const i=V(t)?ft(t):f(1);const s=t.clientWidth*i.x;const c=t.clientHeight*i.y;const a=r*i.x;const l=o*i.y;return{width:s,height:c,x:a,y:l}}function kt(t,n,e){let o;if(n==="viewport"){o=wt(t,e)}else if(n==="document"){o=xt(U(t))}else if(J(n)){o=vt(n,e)}else{const e=ut(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return D(o)}function _t(t,n){const e=rt(t);if(e===n||!J(e)||nt(e)){return false}return et(e).position==="fixed"||_t(e,n)}function At(t,n){const e=n.get(t);if(e){return e}let o=st(t,[],false).filter((t=>J(t)&&I(t)!=="body"));let r=null;const i=et(t).position==="fixed";let s=i?rt(t):t;while(J(s)&&!nt(s)){const n=et(s);const e=Q(s);if(!e&&n.position==="fixed"){r=null}const c=i?!e&&!r:!e&&n.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||Y(s)&&!e&&_t(t,s);if(c){o=o.filter((t=>t!==s))}else{r=n}s=rt(s)}n.set(t,o);return o}function zt(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=e==="clippingAncestors"?K(n)?[]:At(n,this._c):[].concat(e);const a=[...i,o];const l=a[0];const f=a.reduce(((t,e)=>{const o=kt(n,e,r);t.top=c(o.top,t.top);t.right=s(o.right,t.right);t.bottom=s(o.bottom,t.bottom);t.left=c(o.left,t.left);return t}),kt(n,l,r));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Rt(t){const{width:n,height:e}=at(t);return{width:n,height:e}}function St(t,n,e){const o=V(n);const r=U(n);const i=e==="fixed";const s=bt(t,true,i,n);let c={scrollLeft:0,scrollTop:0};const a=f(0);if(o||!o&&!i){if(I(n)!=="body"||Y(r)){c=ot(n)}if(o){const t=bt(n,true,i,n);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}else if(r){a.x=ht(r)}}const l=r&&!o&&!i?mt(r,c):f(0);const d=s.left+c.scrollLeft-a.x-l.x;const u=s.top+c.scrollTop-a.y-l.y;return{x:d,y:u,width:s.width,height:s.height}}function Ot(t){return et(t).position==="static"}function Dt(t,n){if(!V(t)||et(t).position==="fixed"){return null}if(n){return n(t)}let e=t.offsetParent;if(U(t)===e){e=e.ownerDocument.body}return e}function Tt(t,n){const e=q(t);if(K(t)){return e}if(!V(t)){let n=rt(t);while(n&&!nt(n)){if(J(n)&&!Ot(n)){return n}n=rt(n)}return e}let o=Dt(t,n);while(o&&G(o)&&Ot(o)){o=Dt(o,n)}if(o&&nt(o)&&Ot(o)&&!Q(o)){return e}return o||Z(t)||e}const Ft=async function(t){const n=this.getOffsetParent||Tt;const e=this.getDimensions;const o=await e(t.floating);return{reference:St(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Ct(t){return et(t).direction==="rtl"}const $t={convertOffsetParentRelativeRectToViewportRelativeRect:gt,getDocumentElement:U,getClippingRect:zt,getOffsetParent:Tt,getElementRects:Ft,getClientRects:yt,getDimensions:Rt,getScale:ft,isElement:J,isRTL:Ct};function Et(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function Mt(t,n){let e=null;let o;const r=U(t);function i(){var t;clearTimeout(o);(t=e)==null||t.disconnect();e=null}function a(f,d){if(f===void 0){f=false}if(d===void 0){d=1}i();const u=t.getBoundingClientRect();const{left:p,top:b,width:h,height:m}=u;if(!f){n()}if(!h||!m){return}const g=l(b);const y=l(r.clientWidth-(p+h));const x=l(r.clientHeight-(b+m));const w=l(p);const v=-g+"px "+-y+"px "+-x+"px "+-w+"px";const k={rootMargin:v,threshold:c(0,s(1,d))||1};let _=true;function A(n){const e=n[0].intersectionRatio;if(e!==d){if(!_){return a()}if(!e){o=setTimeout((()=>{a(false,1e-7)}),1e3)}else{a(false,e)}}if(e===1&&!Et(u,t.getBoundingClientRect())){a()}_=false}try{e=new IntersectionObserver(A,{...k,root:r.ownerDocument})}catch(t){e=new IntersectionObserver(A,k)}e.observe(t)}a(true);return i}function Ht(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:r=true,ancestorResize:i=true,elementResize:s=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:a=false}=o;const l=lt(t);const f=r||i?[...l?st(l):[],...st(n)]:[];f.forEach((t=>{r&&t.addEventListener("scroll",e,{passive:true});i&&t.addEventListener("resize",e)}));const d=l&&c?Mt(l,e):null;let u=-1;let p=null;if(s){p=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===l&&p){p.unobserve(n);cancelAnimationFrame(u);u=requestAnimationFrame((()=>{var t;(t=p)==null||t.observe(n)}))}e()}));if(l&&!a){p.observe(l)}p.observe(n)}let b;let h=a?bt(t):null;if(a){m()}function m(){const n=bt(t);if(h&&!Et(h,n)){e()}h=n;b=requestAnimationFrame(m)}e();return()=>{var t;f.forEach((t=>{r&&t.removeEventListener("scroll",e);i&&t.removeEventListener("resize",e)}));d==null||d();(t=p)==null||t.disconnect();p=null;if(a){cancelAnimationFrame(b)}}}const Pt=L;const Bt=j;const Lt=E;const jt=P;const Nt=$;const It=(t,n,e)=>{const o=new Map;const r={platform:$t,...e};const i={...r.platform,_c:o};return F(t,n,{...r,platform:i})};const qt="*,*::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}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4))}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{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;word-break:break-word;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none;position:absolute;inset-block-start:0;inset-inline-end:0;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-close[disabled]{cursor:default}.dso-close::-moz-focus-inner{border:0;padding:0}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:40vh;overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2}.onboarding-tip-inner{background-color:#2b5780;border-color:#2b5780;color:#fff}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}.onboarding-tip-content-heading dso-icon{margin-inline-end:8px}";const Ut=class{constructor(e){t(this,e);this.dsoClose=n(this,"dsoClose",7);this.placement="right"}componentDidRender(){if(!this.host.matches(":popover-open")){this.host.showPopover()}if(!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement){this.cleanUp=Ut.positionTip(this.referenceElement,this.host,this.tipArrowRef,this.placement)}}disconnectedCallback(){var t;if(this.host.matches(":popover-open")){this.host.hidePopover()}(t=this.cleanUp)===null||t===void 0?void 0:t.call(this);this.cleanUp=undefined}static positionTip(t,n,e,o){const r=e.offsetWidth;const i=Math.sqrt(2*r**2)/2;const s=5;return Ht(t,n,(()=>{It(t,n,{strategy:"fixed",middleware:[Pt(i),Lt({padding:s}),Bt({padding:s}),Nt({padding:s+r,element:e}),jt({padding:42})],placement:o}).then((({x:t,y:o,middlewareData:i,placement:s})=>{if(i.hide){Object.assign(n.style,{visibility:i.hide.referenceHidden?"hidden":"visible"})}Object.assign(n.style,{left:`${t}px`,top:`${o}px`});const c=s.split("-")[0];const a=c?{top:"bottom",right:"left",bottom:"top",left:"right"}[c]:"top";let l;switch(a){default:case"top":l=45;break;case"right":l=135;break;case"bottom":l=225;break;case"left":l=315;break}if(i.arrow&&a){const{x:t,y:n}=i.arrow;Object.assign(e.style,{right:"",bottom:"",left:t?`${t}px`:"",top:n?`${n}px`:"",[a]:`${-r/2}px`,transform:`rotate(${l}deg)`})}}))}))}render(){return e(o,{key:"dfebef068529cd980e0687b2cd5f9174787b6362",popover:"manual"},e("div",{key:"a4be1d3305a8d5adf5c5182cef80835b238e7774",class:"onboarding-tip",role:"tooltip"},e("div",{key:"ea8adbe1732c9158295967cd8a408d13c047200d",class:"onboarding-tip-inner"},e("div",{key:"50371ee599f9a1cffdde7054d48d6e2c77ad6371",class:"onboarding-tip-content-wrapper"},this.headingSlottedElement!==null&&e("div",{key:"d5316ac2efae64714d518e044eecb5f029dd2813",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"f915a2258b8874eec15ec42c4a1249d8e17f4e2f",icon:"light-bulb"}),e("slot",{key:"132fbab5f794a2e4bafbdaf178cc45ea165daf7d",name:"heading"})),e("button",{key:"29ef10c9ff3fb2d996a7d479a94409617db56775",type:"button",class:"dso-close",onClick:t=>this.dsoClose.emit({originalEvent:t})},e("dso-icon",{key:"b5e5786d2d646f7aaaa5b752773eee8c7a16779f",icon:"times"}),e("span",{key:"fbfc0861af78a5bf87e87e86241199abf1ea9a66",class:"sr-only"},"Sluiten")),e("slot",{key:"08b3622b8244f51443a7fe28573efbcc60e264d3"}))),e("div",{key:"4f614b48c66975e71246588de6e8329f652d365f",class:"onboarding-tip-arrow",ref:t=>this.tipArrowRef=t})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const t=this.host.id;if(!t){console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");return}const n=this.host.getRootNode();if(!(n instanceof Document||n instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=n.querySelector(`[aria-describedby="${t}`);if(!e){console.warn(`Unable to find reference element with aria-describedby ${t}`);return}return e}get host(){return r(this)}};Ut.style=qt;export{Ut as dso_onboarding_tip};
+//# sourceMappingURL=p-ad5f409c.entry.js.map

package/dist/dso-toolkit/{p-0a2dd4a9.entry.js → p-be3f30c8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as i}from"./p-BzEnSYbR.js";const n="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;block-size:2.5rem;padding:8px;position:absolute;inset-inline-end:0;text-align:center;inset-block-start:0;inline-size:2.5rem;cursor:pointer}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c;cursor:pointer}.dso-button-container button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const a=class{constructor(i){e(this,i);this.dsoInput=o(this,"dsoInput",3);this.dsoNext=o(this,"dsoNext",3);this.dsoPrevious=o(this,"dsoPrevious",3);this.dsoClear=o(this,"dsoClear",3);this.label="Zoeken in document";this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}}}async dsoFocus(e={}){var o,i;(o=this.inputElement)===null||o===void 0?void 0:o.focus();if(e.select){(i=this.inputElement)===null||i===void 0?void 0:i.select()}}render(){const e=this.current||0;const o=this.totalCount||0;return i("div",{key:"654d016b7900a348bb5ecfd0fbe8dd8d1597bf11",class:"dso-mark-bar"},i("div",{key:"739df0e4d1a381c2f1f2df909d00d958da86ea6e",class:"dso-mark-bar-input"},i("input",{key:"be9023cb3f759f8f751accd3d1199bf8c25c6b78",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),i("label",{key:"1802cb4d1be66d351d68ce743b05a0b2630cc9a2",htmlFor:"search-input"},i("dso-icon",{key:"29dd2af6fa7ccbff36baabcbcb9ac17f9db75c74",class:"dso-search-icon",icon:"search"}),i("span",{key:"693c70b79a205b28d5d56d4d6e02e4c82bf8cf3d",class:"label-text"},this.label)),i("button",{key:"4458b5f67b5b90eb03132942c39b3dfdf6f72404",type:"button",onClick:this.handleClear},i("dso-icon",{key:"601dd220625122f3548e18cd324a90f39430c6bf",icon:"times"}),i("span",{key:"f3142054e7714925f5c2c22f4b7ac2f47311feb7",class:"sr-only"},"Zoekopdracht legen"))),i("div",{key:"7f17607ebfdcbce1608d8a5ae6c3e365ce43517c",class:"dso-button-container"},i("span",{key:"ffb56f06408798b6065d31405167f91890f243e9",class:"divider"}),i("button",{key:"5edb2809f48b286a3cc4857d18a9551e52d775cb",type:"button",onClick:this.handlePrevious,disabled:e<=1},i("dso-icon",{key:"74d026687c712e6b51a8b6bd716f2e02f23cb380",icon:"chevron-up",class:"hydrated"}),i("span",{key:"49255a80b38e4db1b99842700cdb4c21b26fcffb",class:"sr-only"},"Vorig zoekresultaat")),i("span",{key:"f6a268019e5e946f359386693db8b664e7a995da"},e,"/",o),i("button",{key:"917951cca40a5f84d9f76f24ab0e713f56280b28",type:"button",onClick:this.handleNext,disabled:e>=o},i("dso-icon",{key:"e766db3602e8b4011e78f063e552a6b3a32a9442",icon:"chevron-down",class:"hydrated"}),i("span",{key:"a57cdf1625c09daa708ee9e354a7086bd20ec22d",class:"sr-only"},"Volgend zoekresultaat"))))}};a.style=n;export{a as dso_mark_bar};
-//# sourceMappingURL=p-0a2dd4a9.entry.js.map
+import{r as e,c as o,h as i}from"./p-D2Jo0W7B.js";const n="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;block-size:2.5rem;padding:8px;position:absolute;inset-inline-end:0;text-align:center;inset-block-start:0;inline-size:2.5rem;cursor:pointer}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c;cursor:pointer}.dso-button-container button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const a=class{constructor(i){e(this,i);this.dsoInput=o(this,"dsoInput",3);this.dsoNext=o(this,"dsoNext",3);this.dsoPrevious=o(this,"dsoPrevious",3);this.dsoClear=o(this,"dsoClear",3);this.label="Zoeken in document";this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}}}async dsoFocus(e={}){var o,i;(o=this.inputElement)===null||o===void 0?void 0:o.focus();if(e.select){(i=this.inputElement)===null||i===void 0?void 0:i.select()}}render(){const e=this.current||0;const o=this.totalCount||0;return i("div",{key:"dd7b7eaaabb3c90cb8e22ae789add1e489729997",class:"dso-mark-bar"},i("div",{key:"4c512dad639d767e3956b9e225fee0b8301dfd63",class:"dso-mark-bar-input"},i("input",{key:"cd65945d8d1d76f07b987860fb84162af7e520e4",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),i("label",{key:"c71d9938fe4b5b7be255ff29dfd933f5ffbda692",htmlFor:"search-input"},i("dso-icon",{key:"38b0f84fd24ece2c0f8279f61984f1fa458d6c0f",class:"dso-search-icon",icon:"search"}),i("span",{key:"1404fe4cfed0b57d3a19c8cf43c56a7622bb37d5",class:"label-text"},this.label)),i("button",{key:"eb4197ba90988a53e1aabf0b9f84eb2039f110fb",type:"button",onClick:this.handleClear},i("dso-icon",{key:"d4632a107abcaf10cdad91f51f9a53b495de1a88",icon:"times"}),i("span",{key:"761fbb5e96a50990e6ec0453f216578d78bbc7dd",class:"sr-only"},"Zoekopdracht legen"))),i("div",{key:"7364c1860a5e684f32ea6800b2bc4c19e9b4f272",class:"dso-button-container"},i("span",{key:"8c57772036cdc0a51644f157311a85102bf9d92d",class:"divider"}),i("button",{key:"7c0fda2062a24c52787ce272298ed68922ecb87e",type:"button",onClick:this.handlePrevious,disabled:e<=1},i("dso-icon",{key:"5c0c6165c64a7011cb8d46f6458440dae6a60e26",icon:"chevron-up",class:"hydrated"}),i("span",{key:"7750fabddc5075e89f5795d4ed6e2e40573ad31d",class:"sr-only"},"Vorig zoekresultaat")),i("span",{key:"a6ac6df0c61467d452dc9547e311db586e391096"},e,"/",o),i("button",{key:"dae1e4a795809ac9af20261cd93277640ccbbb9b",type:"button",onClick:this.handleNext,disabled:e>=o},i("dso-icon",{key:"f86affb1ad65b8b5e2d570cabd1855b61488687f",icon:"chevron-down",class:"hydrated"}),i("span",{key:"5f016699b38483d38303c6f7cfac48778394d6ae",class:"sr-only"},"Volgend zoekresultaat"))))}};a.style=n;export{a as dso_mark_bar};
+//# sourceMappingURL=p-be3f30c8.entry.js.map

package/dist/dso-toolkit/{p-ca14935b.entry.js → p-c1f19841.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as e,h as o}from"./p-BzEnSYbR.js";import{i as t}from"./p-Hgv-pDpy.js";const n=":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 s=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:"78c9b83c84af108ad52064712dea6dfd03fcf186",href:`#${this.to}`,onClick:i=>this.clickEventHandler(i)},this.label,o("dso-icon",{key:"e1ed433e9827d63a09140adbc5c25cadf9d34e6c",icon:"chevron-right"}))}};s.style=n;export{s as dso_skiplink};
-//# sourceMappingURL=p-ca14935b.entry.js.map
+import{r as i,c as e,h as o}from"./p-D2Jo0W7B.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:"9d91efb96653b3344f79386814633d08520d6ab0",href:`#${this.to}`,onClick:i=>this.clickEventHandler(i)},this.label,o("dso-icon",{key:"3d79ed32ff98d7e1e7eea58307d03892756dbbf1",icon:"chevron-right"}))}};n.style=s;export{n as dso_skiplink};
+//# sourceMappingURL=p-c1f19841.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as o,c as d,h as s,g as l}from"./p-D2Jo0W7B.js";import{g as i}from"./p-CodDyi2J.js";import{i as a}from"./p-BbNJ4wXp.js";import{v as e}from"./p-BF0_OXTe.js";const r={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}};const t="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.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{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{overflow:visible;padding:0;border:0}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:640px;background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header .dso-close{position:absolute;inset-block-start:16px;inset-inline-end:13px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}.dso-modal .dso-body:focus-visible{outline:none}@media screen and (max-width: 767px){.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header .dso-close{inset-block-start:8px}.dso-modal .dso-body{padding-block:16px;padding-inline:24px}.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}.dso-close dso-icon{color:#39870c}";const n=class{constructor(s){o(this,s);this.dsoClose=d(this,"dsoClose",7);this.ariaId=e();this.dialogRole="dialog";this.returnFocus=undefined;this.showCloseButton=true;this.text=a((()=>this.host),r)}get hasFooter(){return this.host.querySelector("[slot='footer']")!==null}componentDidLoad(){var o;if((o=this.htmlDialogElement)===null||o===void 0?void 0:o.isConnected){const o=i();if(o instanceof HTMLElement){this.returnFocusElement=o}this.htmlDialogElement.showModal()}}disconnectedCallback(){var o,d,s;(o=this.htmlDialogElement)===null||o===void 0?void 0:o.close();if(this.returnFocus===false){return}(s=(d=this.returnFocus)!==null&&d!==void 0?d:this.returnFocusElement)===null||s===void 0?void 0:s.focus()}render(){var o;return s("dialog",{key:"b00551329a77638a99e92fc9535fc97bedddf777",class:"dso-modal",role:(o=this.dialogRole)!==null&&o!==void 0?o:undefined,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onCancel:o=>{o.preventDefault();this.dsoClose.emit({originalEvent:o})}},s("div",{key:"0431cff1fb6b496c96991f01cbc51b5680505a2b",class:"dso-dialog",role:"document"},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.showCloseButton&&s("button",{type:"button",class:"dso-close",onClick:o=>this.dsoClose.emit({originalEvent:o})},s("dso-icon",{icon:"times"}),s("span",{class:"sr-only"},this.text("close")))):s("span",{class:"sr-only",id:this.ariaId},this.text("dialog")),s("dso-scrollable",{key:"b5e0c1d6f3894f5fa358573180c8cdf6568248ab"},s("div",{key:"15d5f642b319448922960e008f5e40760e6b2bf4",class:"dso-body",tabIndex:0},s("slot",{key:"89a6c5aad48a67c10f4ac8065734f190856cddbd",name:"body"}))),this.hasFooter&&s("div",{key:"9ec880a7f89630a0635d952dc3078751cfba36e4",class:"dso-footer"},s("slot",{key:"5606e60c780ab8c26435664f7e4a751f94a54c60",name:"footer"}))))}get host(){return l(this)}};n.style=t;export{n as dso_modal};
+//# sourceMappingURL=p-ce882c53.entry.js.map

package/dist/dso-toolkit/{p-35b096ec.entry.js.map → p-ce882c53.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","en","close","dialog","nl","modalCss","Modal","constructor","hostRef","this","ariaId","v4","dialogRole","returnFocus","undefined","showCloseButton","text","i18n","host","hasFooter","querySelector","componentDidLoad","_a","htmlDialogElement","isConnected","activeElement","getActiveElement","HTMLElement","returnFocusElement","showModal","disconnectedCallback","_c","_b","focus","render","h","key","class","role","ref","element","onCancel","e","preventDefault","dsoClose","emit","originalEvent","modalTitle","id","type","onClick","icon","tabIndex","name"],"sources":["src/components/modal/modal.i18n.ts","src/components/modal/modal.scss?tag=dso-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-modal\": {\r\n      close: \"Close\",\r\n      dialog: \"Dialog\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-modal\": {\r\n      close: \"Sluiten\",\r\n      dialog: \"Dialoog\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n// fullscreen option\r\n:host([fullscreen]) dialog {\r\n  @include modal.fullscreen();\r\n}\r\n\r\n// Go to fullscreen on =< 480px viewport\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n  :host dialog {\r\n    @include modal.fullscreen();\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.dso-modal {\r\n  @include modal.root();\r\n}\r\n\r\n.dso-close {\r\n  dso-icon {\r\n    color: modal.$close-icon-color;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, h, Prop, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { getActiveElement } from \"../../utils/get-active-element\";\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { ModalCloseEvent } from \"./modal.interfaces\";\r\nimport { translations } from \"./modal.i18n\";\r\n\r\n@Component({\r\n  tag: \"dso-modal\",\r\n  styleUrl: \"modal.scss\",\r\n  shadow: true,\r\n})\r\nexport class Modal implements ComponentInterface {\r\n  private htmlDialogElement?: HTMLDialogElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoModalElement;\r\n\r\n  @State()\r\n  ariaId = v4();\r\n\r\n  /**\r\n   * when set the modal will be shown in fullscreen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fullscreen?: boolean;\r\n\r\n  /**\r\n   * The title of the Modal.\r\n   */\r\n  @Prop()\r\n  modalTitle?: string;\r\n\r\n  /**\r\n   * the role for the modal `dialog` | `alert` | `alertdialog`.\r\n   */\r\n  @Prop()\r\n  dialogRole: string | null = \"dialog\";\r\n\r\n  /**\r\n   * The element to return focus to after the modal is closed.\r\n   *\r\n   * * `undefined` will return focus to the previously focused element (default).\r\n   * * `false` will not return focus to any element.\r\n   * * or, provide your own `HTMLElement` that will receive focus upon closing.\r\n   */\r\n  @Prop()\r\n  returnFocus: false | HTMLElement | undefined = undefined;\r\n\r\n  /**\r\n   * when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n   *\r\n   * Needs `modalTitle` to be set.\r\n   */\r\n  @Prop()\r\n  showCloseButton = true;\r\n\r\n  private returnFocusElement: HTMLElement | undefined;\r\n\r\n  /**\r\n   * Emitted when the user wants to close the Modal.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<ModalCloseEvent>;\r\n\r\n  get hasFooter() {\r\n    return this.host.querySelector(\"[slot='footer']\") !== null;\r\n  }\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  componentDidLoad(): void {\r\n    if (this.htmlDialogElement?.isConnected) {\r\n      const activeElement = getActiveElement();\r\n      if (activeElement instanceof HTMLElement) {\r\n        this.returnFocusElement = activeElement;\r\n      }\r\n\r\n      this.htmlDialogElement.showModal();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.htmlDialogElement?.close();\r\n\r\n    if (this.returnFocus === false) {\r\n      return;\r\n    }\r\n\r\n    (this.returnFocus ?? this.returnFocusElement)?.focus();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <dialog\r\n        class=\"dso-modal\"\r\n        role={this.dialogRole ?? undefined}\r\n        aria-modal=\"true\"\r\n        aria-labelledby={this.ariaId}\r\n        ref={(element) => (this.htmlDialogElement = element)}\r\n        onCancel={(e) => {\r\n          e.preventDefault();\r\n\r\n          this.dsoClose.emit({ originalEvent: e });\r\n        }}\r\n      >\r\n        <div class=\"dso-dialog\" role=\"document\">\r\n          {this.modalTitle ? (\r\n            <div class=\"dso-header\">\r\n              <h2 id={this.ariaId}>{this.modalTitle}</h2>\r\n              {this.showCloseButton && (\r\n                <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">{this.text(\"close\")}</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : (\r\n            <span class=\"sr-only\" id={this.ariaId}>\r\n              {this.text(\"dialog\")}\r\n            </span>\r\n          )}\r\n\r\n          <dso-scrollable>\r\n            <div class=\"dso-body\" tabIndex={0}>\r\n              <slot name=\"body\" />\r\n            </div>\r\n          </dso-scrollable>\r\n\r\n          {this.hasFooter && (\r\n            <div class=\"dso-footer\">\r\n              <slot name=\"footer\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </dialog>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gKAEO,MAAMA,EAAyB,CACpCC,GAAI,CACF,YAAa,CACXC,MAAO,QACPC,OAAQ,WAGZC,GAAI,CACF,YAAa,CACXF,MAAO,UACPC,OAAQ,aCZd,MAAME,EAAW,0lN,MCcJC,EAAK,MALlB,WAAAC,CAAAC,G,6CAYEC,KAAMC,OAAGC,IAkBTF,KAAUG,WAAkB,SAU5BH,KAAWI,YAAoCC,UAQ/CL,KAAeM,gBAAG,KAcVN,KAAAO,KAAOC,GAAK,IAAMR,KAAKS,MAAMlB,EAqEtC,CAzEC,aAAImB,GACF,OAAOV,KAAKS,KAAKE,cAAc,qBAAuB,I,CAKxD,gBAAAC,G,MACE,IAAIC,EAAAb,KAAKc,qBAAmB,MAAAD,SAAA,SAAAA,EAAAE,YAAa,CACvC,MAAMC,EAAgBC,IACtB,GAAID,aAAyBE,YAAa,CACxClB,KAAKmB,mBAAqBH,C,CAG5BhB,KAAKc,kBAAkBM,W,EAI3B,oBAAAC,G,WACER,EAAAb,KAAKc,qBAAmB,MAAAD,SAAA,SAAAA,EAAApB,QAExB,GAAIO,KAAKI,cAAgB,MAAO,CAC9B,M,EAGFkB,GAACC,EAAAvB,KAAKI,eAAW,MAAAmB,SAAA,EAAAA,EAAIvB,KAAKmB,sBAAqB,MAAAG,SAAA,SAAAA,EAAAE,O,CAGjD,MAAAC,G,MACE,OACEC,EACE,UAAAC,IAAA,2CAAAC,MAAM,YACNC,MAAMhB,EAAAb,KAAKG,cAAc,MAAAU,SAAA,EAAAA,EAAAR,UAAS,aACvB,OAAM,kBACAL,KAAKC,OACtB6B,IAAMC,GAAa/B,KAAKc,kBAAoBiB,EAC5CC,SAAWC,IACTA,EAAEC,iBAEFlC,KAAKmC,SAASC,KAAK,CAAEC,cAAeJ,GAAI,GAG1CP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aAAaC,KAAK,YAC1B7B,KAAKsC,WACJZ,EAAA,OAAKE,MAAM,cACTF,EAAI,MAAAa,GAAIvC,KAAKC,QAASD,KAAKsC,YAC1BtC,KAAKM,iBACJoB,EAAQ,UAAAc,KAAK,SAASZ,MAAM,YAAYa,QAAUR,GAAMjC,KAAKmC,SAASC,KAAK,CAAEC,cAAeJ,KAC1FP,EAAU,YAAAgB,KAAK,UACfhB,EAAA,QAAME,MAAM,WAAW5B,KAAKO,KAAK,YAKvCmB,EAAA,QAAME,MAAM,UAAUW,GAAIvC,KAAKC,QAC5BD,KAAKO,KAAK,WAIfmB,EAAA,kBAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WAAWe,SAAU,GAC9BjB,EAAA,QAAAC,IAAA,2CAAMiB,KAAK,WAId5C,KAAKU,WACJgB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACTF,EAAM,QAAAC,IAAA,2CAAAiB,KAAK,a","ignoreList":[]}
+{"version":3,"names":["translations","en","close","dialog","nl","modalCss","Modal","constructor","hostRef","this","ariaId","v4","dialogRole","returnFocus","undefined","showCloseButton","text","i18n","host","hasFooter","querySelector","componentDidLoad","_a","htmlDialogElement","isConnected","activeElement","getActiveElement","HTMLElement","returnFocusElement","showModal","disconnectedCallback","_c","_b","focus","render","h","key","class","role","ref","element","onCancel","e","preventDefault","dsoClose","emit","originalEvent","modalTitle","id","type","onClick","icon","tabIndex","name"],"sources":["src/components/modal/modal.i18n.ts","src/components/modal/modal.scss?tag=dso-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-modal\": {\r\n      close: \"Close\",\r\n      dialog: \"Dialog\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-modal\": {\r\n      close: \"Sluiten\",\r\n      dialog: \"Dialoog\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n// fullscreen option\r\n:host([fullscreen]) dialog {\r\n  @include modal.fullscreen();\r\n}\r\n\r\n// Go to fullscreen on =< 480px viewport\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n  :host dialog {\r\n    @include modal.fullscreen();\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.dso-modal {\r\n  @include modal.root();\r\n}\r\n\r\n.dso-close {\r\n  dso-icon {\r\n    color: modal.$close-icon-color;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, h, Prop, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { getActiveElement } from \"../../utils/get-active-element\";\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { ModalCloseEvent } from \"./modal.interfaces\";\r\nimport { translations } from \"./modal.i18n\";\r\n\r\n@Component({\r\n  tag: \"dso-modal\",\r\n  styleUrl: \"modal.scss\",\r\n  shadow: true,\r\n})\r\nexport class Modal implements ComponentInterface {\r\n  private htmlDialogElement?: HTMLDialogElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoModalElement;\r\n\r\n  @State()\r\n  ariaId = v4();\r\n\r\n  /**\r\n   * when set the modal will be shown in fullscreen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fullscreen?: boolean;\r\n\r\n  /**\r\n   * The title of the Modal.\r\n   */\r\n  @Prop()\r\n  modalTitle?: string;\r\n\r\n  /**\r\n   * the role for the modal `dialog` | `alert` | `alertdialog`.\r\n   */\r\n  @Prop()\r\n  dialogRole: string | null = \"dialog\";\r\n\r\n  /**\r\n   * The element to return focus to after the modal is closed.\r\n   *\r\n   * * `undefined` will return focus to the previously focused element (default).\r\n   * * `false` will not return focus to any element.\r\n   * * or, provide your own `HTMLElement` that will receive focus upon closing.\r\n   */\r\n  @Prop()\r\n  returnFocus: false | HTMLElement | undefined = undefined;\r\n\r\n  /**\r\n   * when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n   *\r\n   * Needs `modalTitle` to be set.\r\n   */\r\n  @Prop()\r\n  showCloseButton = true;\r\n\r\n  private returnFocusElement: HTMLElement | undefined;\r\n\r\n  /**\r\n   * Emitted when the user wants to close the Modal.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<ModalCloseEvent>;\r\n\r\n  get hasFooter() {\r\n    return this.host.querySelector(\"[slot='footer']\") !== null;\r\n  }\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  componentDidLoad(): void {\r\n    if (this.htmlDialogElement?.isConnected) {\r\n      const activeElement = getActiveElement();\r\n      if (activeElement instanceof HTMLElement) {\r\n        this.returnFocusElement = activeElement;\r\n      }\r\n\r\n      this.htmlDialogElement.showModal();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.htmlDialogElement?.close();\r\n\r\n    if (this.returnFocus === false) {\r\n      return;\r\n    }\r\n\r\n    (this.returnFocus ?? this.returnFocusElement)?.focus();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <dialog\r\n        class=\"dso-modal\"\r\n        role={this.dialogRole ?? undefined}\r\n        aria-modal=\"true\"\r\n        aria-labelledby={this.ariaId}\r\n        ref={(element) => (this.htmlDialogElement = element)}\r\n        onCancel={(e) => {\r\n          e.preventDefault();\r\n\r\n          this.dsoClose.emit({ originalEvent: e });\r\n        }}\r\n      >\r\n        <div class=\"dso-dialog\" role=\"document\">\r\n          {this.modalTitle ? (\r\n            <div class=\"dso-header\">\r\n              <h2 id={this.ariaId}>{this.modalTitle}</h2>\r\n              {this.showCloseButton && (\r\n                <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">{this.text(\"close\")}</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : (\r\n            <span class=\"sr-only\" id={this.ariaId}>\r\n              {this.text(\"dialog\")}\r\n            </span>\r\n          )}\r\n\r\n          <dso-scrollable>\r\n            <div class=\"dso-body\" tabIndex={0}>\r\n              <slot name=\"body\" />\r\n            </div>\r\n          </dso-scrollable>\r\n\r\n          {this.hasFooter && (\r\n            <div class=\"dso-footer\">\r\n              <slot name=\"footer\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </dialog>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"qKAEO,MAAMA,EAAyB,CACpCC,GAAI,CACF,YAAa,CACXC,MAAO,QACPC,OAAQ,WAGZC,GAAI,CACF,YAAa,CACXF,MAAO,UACPC,OAAQ,aCZd,MAAME,EAAW,0lN,MCcJC,EAAK,MALlB,WAAAC,CAAAC,G,6CAYEC,KAAMC,OAAGC,IAkBTF,KAAUG,WAAkB,SAU5BH,KAAWI,YAAoCC,UAQ/CL,KAAeM,gBAAG,KAcVN,KAAAO,KAAOC,GAAK,IAAMR,KAAKS,MAAMlB,EAqEtC,CAzEC,aAAImB,GACF,OAAOV,KAAKS,KAAKE,cAAc,qBAAuB,I,CAKxD,gBAAAC,G,MACE,IAAIC,EAAAb,KAAKc,qBAAmB,MAAAD,SAAA,SAAAA,EAAAE,YAAa,CACvC,MAAMC,EAAgBC,IACtB,GAAID,aAAyBE,YAAa,CACxClB,KAAKmB,mBAAqBH,C,CAG5BhB,KAAKc,kBAAkBM,W,EAI3B,oBAAAC,G,WACER,EAAAb,KAAKc,qBAAmB,MAAAD,SAAA,SAAAA,EAAApB,QAExB,GAAIO,KAAKI,cAAgB,MAAO,CAC9B,M,EAGFkB,GAACC,EAAAvB,KAAKI,eAAW,MAAAmB,SAAA,EAAAA,EAAIvB,KAAKmB,sBAAqB,MAAAG,SAAA,SAAAA,EAAAE,O,CAGjD,MAAAC,G,MACE,OACEC,EACE,UAAAC,IAAA,2CAAAC,MAAM,YACNC,MAAMhB,EAAAb,KAAKG,cAAc,MAAAU,SAAA,EAAAA,EAAAR,UAAS,aACvB,OAAM,kBACAL,KAAKC,OACtB6B,IAAMC,GAAa/B,KAAKc,kBAAoBiB,EAC5CC,SAAWC,IACTA,EAAEC,iBAEFlC,KAAKmC,SAASC,KAAK,CAAEC,cAAeJ,GAAI,GAG1CP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aAAaC,KAAK,YAC1B7B,KAAKsC,WACJZ,EAAA,OAAKE,MAAM,cACTF,EAAI,MAAAa,GAAIvC,KAAKC,QAASD,KAAKsC,YAC1BtC,KAAKM,iBACJoB,EAAQ,UAAAc,KAAK,SAASZ,MAAM,YAAYa,QAAUR,GAAMjC,KAAKmC,SAASC,KAAK,CAAEC,cAAeJ,KAC1FP,EAAU,YAAAgB,KAAK,UACfhB,EAAA,QAAME,MAAM,WAAW5B,KAAKO,KAAK,YAKvCmB,EAAA,QAAME,MAAM,UAAUW,GAAIvC,KAAKC,QAC5BD,KAAKO,KAAK,WAIfmB,EAAA,kBAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WAAWe,SAAU,GAC9BjB,EAAA,QAAAC,IAAA,2CAAMiB,KAAK,WAId5C,KAAKU,WACJgB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACTF,EAAM,QAAAC,IAAA,2CAAAiB,KAAK,a","ignoreList":[]}

package/dist/dso-toolkit/{p-215e9ecd.entry.js → p-e097b372.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o,H as t,g as i}from"./p-BzEnSYbR.js";const s="*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host{margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset);display:block;container-type:inline-size;position:relative;z-index:1}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}";const n=class{constructor(o){e(this,o)}render(){var e;const i=this.step||!!this.element.querySelector("[slot=icon]");return o(t,{key:"1ac773ce6f43d05b3c03be516e6d19a42ba4219c","has-counter":i},i&&o("div",{key:"3d61d88228a27065b1f3b362f5ebef8a95e0faae",class:"dso-step-counter"},(e=this.step)!==null&&e!==void 0?e:o("slot",{key:"794c1bbae6bcf93c86faaa42ec4b8e23da43e1ba",name:"icon"})),o("slot",{key:"c27f824a00a38cb69710faa1a3ab7dc0cedab683"}))}get element(){return i(this)}};n.style=s;export{n as dso_highlight_box};
-//# sourceMappingURL=p-215e9ecd.entry.js.map
+import{r as e,h as o,H as t,g as i}from"./p-D2Jo0W7B.js";const s="*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host{margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset);display:block;container-type:inline-size;position:relative;z-index:1}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}";const n=class{constructor(o){e(this,o)}render(){var e;const i=this.step||!!this.element.querySelector("[slot=icon]");return o(t,{key:"1ac773ce6f43d05b3c03be516e6d19a42ba4219c","has-counter":i},i&&o("div",{key:"3d61d88228a27065b1f3b362f5ebef8a95e0faae",class:"dso-step-counter"},(e=this.step)!==null&&e!==void 0?e:o("slot",{key:"794c1bbae6bcf93c86faaa42ec4b8e23da43e1ba",name:"icon"})),o("slot",{key:"c27f824a00a38cb69710faa1a3ab7dc0cedab683"}))}get element(){return i(this)}};n.style=s;export{n as dso_highlight_box};
+//# sourceMappingURL=p-e097b372.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as a,g as i}from"./p-D2Jo0W7B.js";import{i as o}from"./p-BbNJ4wXp.js";import{v as d}from"./p-BF0_OXTe.js";const r={en:{"dso-map-base-layers":{background:"Background"}},nl:{"dso-map-base-layers":{background:"Achtergrond"}}};const n=":host{display: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}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";const t=class{constructor(a){e(this,a);this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7);this.selectableRefs={};this.group=d();this.text=o((()=>this.host),r)}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>{var s,a;return!e.disabled&&((a=(s=this.previousBaselayers)===null||s===void 0?void 0:s.find((s=>s.id===e.id)))===null||a===void 0?void 0:a.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null||s===void 0?void 0:s.toggleInfo(false)}));this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return a("fieldset",{key:"acd8cb9bd22f5021d89e656292650098afb58d3c",class:"form-group dso-radios"},a("legend",{key:"3f6c5f5297323a9d0d1c5195df12b5e162ae3991",class:"sr-only"},"Achtergrond"),a("div",{key:"eea63f4a56b1d01fffaab78202718d667533948f",class:"dso-label-container"},a("span",{key:"c8aba96d494bea90da43c86c4cc28f0f2ae9f737",class:"control-label","aria-hidden":"true"},this.text("background"))),a("div",{key:"e6b5b3718321632fe2b9f794dec1dd74b2876620",class:"dso-field-container"},this.baseLayers.map((e=>a("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?a("p",{slot:"info"},e.info):null)))))}get host(){return i(this)}};t.style=n;export{t as dso_map_base_layers};
+//# sourceMappingURL=p-e3ddc3cf.entry.js.map

package/dist/dso-toolkit/{p-159753d7.entry.js → p-e990ee37.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as t,h as e,F as r}from"./p-BzEnSYbR.js";import{c as i,g 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 o="[object Arguments]",a="[object Function]",f="[object GeneratorFunction]",c="[object Map]",l="[object Object]",d="[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 A=/^0o[0-7]+$/i;var D=/^(?:0|[1-9]\d*)$/;var k="\\ud800-\\udfff",O="\\u0300-\\u036f\\ufe20-\\ufe23",I="\\u20d0-\\u20f0",T="\\ufe0e\\ufe0f";var $="["+k+"]",F="["+O+I+"]",S="\\ud83c[\\udffb-\\udfff]",M="(?:"+F+"|"+S+")",x="[^"+k+"]",E="(?:\\ud83c[\\udde6-\\uddff]){2}",z="[\\ud800-\\udbff][\\udc00-\\udfff]",R="\\u200d";var L=M+"?",W="["+T+"]?",B="(?:"+R+"(?:"+[x,E,z].join("|")+")"+W+L+")*",V=W+L+B,_="(?:"+[x+F+"?",F,E,z,$].join("|")+")";var K=RegExp(S+"(?="+S+")|"+_+V,"g");var N=RegExp("["+R+k+O+I+T+"]");var P=parseInt;var G=typeof i=="object"&&i&&i.Object===Object&&i;var U=typeof self=="object"&&self&&self.Object===Object&&self;var X=G||U||Function("return this")();function H(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 Y(n){return n.split("")}function q(n,t){var e=-1,r=Array(n);while(++e<n){r[e]=t(e)}return r}function J(n,t){return H(t,(function(t){return n[t]}))}function Q(n,t){return n==null?undefined:n[t]}function Z(n){return N.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):Y(n)}function sn(n){return n.match(K)||[]}var an=Function.prototype,fn=Object.prototype;var cn=X["__core-js_shared__"];var ln=function(){var n=/[^.]+$/.exec(cn&&cn.keys&&cn.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}();var dn=an.toString;var hn=fn.hasOwnProperty;var vn=fn.toString;var pn=RegExp("^"+dn.call(hn).replace(y,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var bn=X.Symbol,mn=bn?bn.iterator:undefined,yn=fn.propertyIsEnumerable;var gn=Math.floor,jn=rn(Object.keys,Object),Cn=Math.random;var wn=Bn(X,"DataView"),An=Bn(X,"Map"),Dn=Bn(X,"Promise"),kn=Bn(X,"Set"),On=Bn(X,"WeakMap");var In=Gn(wn),Tn=Gn(An),$n=Gn(Dn),Fn=Gn(kn),Sn=Gn(On);function Mn(n,t){var e=Yn(n)||Hn(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 zn(n){if(!nt(n)||Nn(n)){return false}var t=Qn(n)||nn(n)?pn:w;return t.test(Gn(n))}function Rn(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 Ln(n,t){return n+gn(Cn()*(t-n+1))}function Wn(n,t){var e=-1,r=n.length;t||(t=Array(r));while(++e<r){t[e]=n[e]}return t}function Bn(n,t){var e=Q(n,t);return zn(e)?e:undefined}var Vn=En;if(wn&&Vn(new wn(new ArrayBuffer(1)))!=m||An&&Vn(new An)!=c||Dn&&Vn(Dn.resolve())!=d||kn&&Vn(new kn)!=h||On&&Vn(new On)!=b){Vn=function(n){var t=vn.call(n),e=t==l?n.constructor:undefined,r=e?Gn(e):undefined;if(r){switch(r){case In:return m;case Tn:return c;case $n:return d;case Fn:return h;case Sn:return b}}return t}}function _n(n,e){e=e==null?t:e;return!!e&&(typeof n=="number"||D.test(n))&&(n>-1&&n%1==0&&n<e)}function Kn(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 Xn(e[t],n)}return false}function Nn(n){return!!ln&&ln 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 dn.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?Kn(n,t,e):t===undefined){t=1}else{t=xn(ut(t),0,o)}while(++r<t){var s=Ln(r,u),a=i[s];i[s]=i[r];i[r]=a}i.length=t;return i}function Xn(n,t){return n===t||n!==n&&t!==t}function Hn(n){return Jn(n)&&hn.call(n,"callee")&&(!yn.call(n,"callee")||vn.call(n)==o)}var Yn=Array.isArray;function qn(n){return n!=null&&Zn(n.length)&&!Qn(n)}function Jn(n){return tt(n)&&qn(n)}function Qn(n){var t=nt(n)?vn.call(n):"";return t==a||t==f}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"||!Yn(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):Wn(n)}if(mn&&n[mn]){return tn(n[mn]())}var t=Vn(n),e=t==c?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||A.test(n)?P(n.slice(2),e?2:8):j.test(n)?r:+n}function at(n){return qn(n)?Mn(n):Rn(n)}function ft(n){return n?J(n,at(n)):[]}u=Un;return u}var f=a();var c=o(f);var l;var d;function h(){if(d)return l;d=1;var n=1/0,t=9007199254740991,e=17976931348623157e292,r=0/0;var i="[object Function]",o="[object GeneratorFunction]",u="[object Symbol]";var s=/^\s+|\s+$/g;var a=/^[-+]0x[0-9a-f]+$/i;var f=/^0b[01]+$/i;var c=/^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 A(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 D(e[t],n)}return false}function D(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)==u}function S(t){if(!t){return t===0?t:0}t=M(t);if(t===n||t===-Infinity){var r=t<0?-1:1;return r*e}return t===t?t:0}function M(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(s,"");var e=f.test(n);return e||c.test(n)?p(n.slice(2),e?2:8):a.test(n)?r:+n}function x(n,t,e){if(e&&typeof e!="boolean"&&A(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=S(n);if(t===undefined){t=n;n=0}else{t=S(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)}l=x;return l}var v=h();var p=o(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{labelXml:t,nummerXml:i,type:o}=n;return e("button",{type:"button",onClick:()=>this.document=n},!t&&!i?e("span",null,e("i",null,o)):e(r,null,t&&e(r,null,e("dso-ozon-content",{content:t,inline:true})),i&&e(r,null," ",e("dso-ozon-content",{content:i,inline:true}))))}}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=p(0,Math.floor(e.length/10));return c(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:"7489f8963aec86255a078b14373b46832444f5fc",class:"dso-document-components"},e("div",{key:"edd53c3e1225fea9781c50f93411fba6f108f8f0",class:"dso-navbar"},e("ul",{key:"8aaec2e52b228a4a8f2014a70da1a0bea26724d2",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:"2de0509c576f622081a59ab9561d6ef955f039d1",path:[this.document]}))}static get watchers(){return{jsonFile:["jsonFileWatcher"],openDefault:["openDefaultWatcher"]}}};m.style=b;export{m as dsot_document_component_demo};
-//# sourceMappingURL=p-159753d7.entry.js.map
+import{r as n,c as t,h as e,F as r}from"./p-D2Jo0W7B.js";import{c as i,g 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 o="[object Arguments]",a="[object Function]",f="[object GeneratorFunction]",c="[object Map]",l="[object Object]",d="[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}",z="[\\ud800-\\udbff][\\udc00-\\udfff]",R="\\u200d";var W=S+"?",L="["+T+"]?",B="(?:"+R+"(?:"+[x,E,z].join("|")+")"+L+W+")*",V=L+W+B,_="(?:"+[x+F+"?",F,E,z,$].join("|")+")";var K=RegExp(M+"(?="+M+")|"+_+V,"g");var N=RegExp("["+R+k+O+I+T+"]");var P=parseInt;var G=typeof i=="object"&&i&&i.Object===Object&&i;var U=typeof self=="object"&&self&&self.Object===Object&&self;var X=G||U||Function("return this")();function H(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 Q(n,t){return H(t,(function(t){return n[t]}))}function Y(n,t){return n==null?undefined:n[t]}function Z(n){return N.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(K)||[]}var an=Function.prototype,fn=Object.prototype;var cn=X["__core-js_shared__"];var ln=function(){var n=/[^.]+$/.exec(cn&&cn.keys&&cn.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}();var dn=an.toString;var hn=fn.hasOwnProperty;var vn=fn.toString;var pn=RegExp("^"+dn.call(hn).replace(y,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var bn=X.Symbol,mn=bn?bn.iterator:undefined,yn=fn.propertyIsEnumerable;var gn=Math.floor,jn=rn(Object.keys,Object),Cn=Math.random;var wn=Bn(X,"DataView"),Dn=Bn(X,"Map"),An=Bn(X,"Promise"),kn=Bn(X,"Set"),On=Bn(X,"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)||Hn(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 zn(n){if(!nt(n)||Nn(n)){return false}var t=Yn(n)||nn(n)?pn:w;return t.test(Gn(n))}function Rn(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 Wn(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 Bn(n,t){var e=Y(n,t);return zn(e)?e:undefined}var Vn=En;if(wn&&Vn(new wn(new ArrayBuffer(1)))!=m||Dn&&Vn(new Dn)!=c||An&&Vn(An.resolve())!=d||kn&&Vn(new kn)!=h||On&&Vn(new On)!=b){Vn=function(n){var t=vn.call(n),e=t==l?n.constructor:undefined,r=e?Gn(e):undefined;if(r){switch(r){case In:return m;case Tn:return c;case $n:return d;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 Kn(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 Xn(e[t],n)}return false}function Nn(n){return!!ln&&ln 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 dn.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?Kn(n,t,e):t===undefined){t=1}else{t=xn(ut(t),0,o)}while(++r<t){var s=Wn(r,u),a=i[s];i[s]=i[r];i[r]=a}i.length=t;return i}function Xn(n,t){return n===t||n!==n&&t!==t}function Hn(n){return Qn(n)&&hn.call(n,"callee")&&(!yn.call(n,"callee")||vn.call(n)==o)}var Jn=Array.isArray;function qn(n){return n!=null&&Zn(n.length)&&!Yn(n)}function Qn(n){return tt(n)&&qn(n)}function Yn(n){var t=nt(n)?vn.call(n):"";return t==a||t==f}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==c?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):Rn(n)}function ft(n){return n?Q(n,at(n)):[]}u=Un;return u}var f=a();var c=o(f);var l;var d;function h(){if(d)return l;d=1;var n=1/0,t=9007199254740991,e=17976931348623157e292,r=0/0;var i="[object Function]",o="[object GeneratorFunction]",u="[object Symbol]";var s=/^\s+|\s+$/g;var a=/^[-+]0x[0-9a-f]+$/i;var f=/^0b[01]+$/i;var c=/^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)==u}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(s,"");var e=f.test(n);return e||c.test(n)?p(n.slice(2),e?2:8):a.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)}l=x;return l}var v=h();var p=o(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{labelXml:t,nummerXml:i,type:o}=n;return e("button",{type:"button",onClick:()=>this.document=n},!t&&!i?e("span",null,e("i",null,o)):e(r,null,t&&e(r,null,e("dso-ozon-content",{content:t,inline:true})),i&&e(r,null," ",e("dso-ozon-content",{content:i,inline:true}))))}}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=p(0,Math.floor(e.length/10));return c(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:"7489f8963aec86255a078b14373b46832444f5fc",class:"dso-document-components"},e("div",{key:"edd53c3e1225fea9781c50f93411fba6f108f8f0",class:"dso-navbar"},e("ul",{key:"8aaec2e52b228a4a8f2014a70da1a0bea26724d2",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:"2de0509c576f622081a59ab9561d6ef955f039d1",path:[this.document]}))}static get watchers(){return{jsonFile:["jsonFileWatcher"],openDefault:["openDefaultWatcher"]}}};m.style=b;export{m as dsot_document_component_demo};
+//# sourceMappingURL=p-e990ee37.entry.js.map

package/dist/dso-toolkit/{p-5509732c.entry.js → p-ee4c2669.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as o,h as l,F as e}from"./p-BzEnSYbR.js";import{i as r}from"./p-Hgv-pDpy.js";const a=':host {\n  max-block-size: 3rem;\n  block-size: 3rem;\n  display: grid;\n  grid-template-areas: "target wordmark label";\n  grid-template-columns: repeat(3, max-content);\n  grid-template-rows: 100%;\n  gap: 16px;\n  font-size: 1.5625rem;\n  font-weight: 500;\n  align-items: center;\n  container-type: size;\n  container-name: logo;\n}\n:host .logo-url,\n:host .logo-label-url {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  text-decoration: none;\n}\n:host .logo-url:hover, :host .logo-url:focus-visible, :host .logo-url:active,\n:host .logo-label-url:hover,\n:host .logo-label-url:focus-visible,\n:host .logo-label-url:active {\n  text-decoration: underline;\n}\n:host .logo-url, :host .logo-url:hover, :host .logo-url:focus, :host .logo-url:visited,\n:host .logo-label-url,\n:host .logo-label-url:hover,\n:host .logo-label-url:focus,\n:host .logo-label-url:visited {\n  color: #275937;\n}\n\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) {\n  grid-template-areas: "targetwordmark label";\n}\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon {\n  grid-area: targetwordmark;\n}\n\n.logo-label-url {\n  grid-area: label;\n}\n\n.logo-target {\n  grid-area: target;\n  max-block-size: 48px;\n  max-inline-size: 48px;\n  inline-size: 100%;\n  display: block;\n  aspect-ratio: 1/1;\n}\n\n.logo-wordmark {\n  grid-area: wordmark;\n  font-size: 1.5625rem;\n}\n\n@container logo (max-height: 47px) {\n  .logo-wordmark,\n  .logo-label {\n    font-size: 50cqb;\n    line-height: 1;\n  }\n}\n.logo-wordmark-omgevings {\n  color: #39870c;\n}\n\n.logo-wordmark-loket {\n  color: #275937;\n}\n\n.logo-label {\n  grid-area: label;\n  color: #275937;\n  margin-inline-start: 1rem;\n}\n\n.logo-ribbon {\n  grid-area: wordmark;\n  place-self: start end;\n  display: flex;\n  place-items: center;\n  background-color: #8b4a6a;\n  border-radius: 3px;\n  transform: rotate(3deg);\n  padding-block: 0;\n  padding-inline: 8px;\n  font-size: 0.75rem;\n  font-weight: normal;\n  text-transform: uppercase;\n  color: #fff;\n}\n@container logo (max-height: 47px) {\n  .logo-ribbon {\n    block-size: 28cqb;\n    font-size: 25cqb;\n  }\n}\n\n.inner {\n  fill: #e17000;\n}\n\n.middle {\n  fill: #275937;\n}\n\n.outer {\n  fill: #80bc00;\n}\n\n@media screen and (max-width: 767px) {\n  .logo-wordmark {\n    font-size: initial;\n  }\n  :host([label]) {\n    grid-template-areas: "target label";\n    grid-template-columns: max-content minmax(130px, max-content);\n  }\n  :host([label]) .logo-wordmark {\n    display: none;\n  }\n  :host([label]) .logo-ribbon {\n    grid-area: label;\n  }\n  :host([label]) .logo-label {\n    margin-inline-start: 0;\n    font-size: initial;\n    text-wrap: balance;\n    overflow-wrap: normal;\n  }\n  :host([logo-url][ribbon]) .logo-label-url + .logo-ribbon {\n    grid-area: label;\n  }\n}\n@media screen and (max-width: 480px) {\n  .logo-ribbon {\n    transform: rotate(3deg) translateY(-7px);\n  }\n}';const t=({name:n})=>{const o=n.split("|");return l(e,null,l("svg",{fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},l("path",{class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),l("path",{class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),l("path",{class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),l("div",{class:"logo-wordmark"},l("span",{class:"logo-wordmark-omgevings"},o[0]),o.length===2&&l("span",{class:"logo-wordmark-loket"},o[1])))};const i=class{constructor(l){n(this,l);this.dsoLogoClick=o(this,"dsoLogoClick",7);this.dsoLabelClick=o(this,"dsoLabelClick",7);this.name="Omgevings|loket";this.handleLogoClick=n=>{this.dsoLogoClick.emit({originalEvent:n,url:this.logoUrl,isModifiedEvent:r(n)})};this.handleLabelClick=n=>{this.dsoLabelClick.emit({originalEvent:n,url:this.labelUrl,isModifiedEvent:r(n)})}}render(){return l(e,null,this.logoUrl?l("a",{class:"logo-url",href:this.logoUrl,onClick:this.handleLogoClick},l(t,{name:this.name})):l(t,{name:this.name}),this.label&&(!this.labelUrl?l("span",{class:"logo-label"},this.label):l("a",{class:"logo-label-url",href:this.labelUrl,onClick:this.handleLabelClick},l("span",{class:"logo-label"},this.label))),this.ribbon&&l("div",{key:"7610aa58ca6f96ae046979fc6775b7e81ed383d2",class:"logo-ribbon"},this.ribbon))}};i.style=a;export{i as dso_logo};
-//# sourceMappingURL=p-5509732c.entry.js.map
+import{r as n,c as o,h as l,F as e}from"./p-D2Jo0W7B.js";import{i as r}from"./p-Hgv-pDpy.js";const a=':host {\n  max-block-size: 3rem;\n  block-size: 3rem;\n  display: grid;\n  grid-template-areas: "target wordmark label";\n  grid-template-columns: repeat(3, max-content);\n  grid-template-rows: 100%;\n  gap: 16px;\n  font-size: 1.5625rem;\n  font-weight: 500;\n  align-items: center;\n  container-type: size;\n  container-name: logo;\n}\n:host .logo-url,\n:host .logo-label-url {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  text-decoration: none;\n}\n:host .logo-url:hover, :host .logo-url:focus-visible, :host .logo-url:active,\n:host .logo-label-url:hover,\n:host .logo-label-url:focus-visible,\n:host .logo-label-url:active {\n  text-decoration: underline;\n}\n:host .logo-url, :host .logo-url:hover, :host .logo-url:focus, :host .logo-url:visited,\n:host .logo-label-url,\n:host .logo-label-url:hover,\n:host .logo-label-url:focus,\n:host .logo-label-url:visited {\n  color: #275937;\n}\n\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) {\n  grid-template-areas: "targetwordmark label";\n}\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,\n:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon {\n  grid-area: targetwordmark;\n}\n\n.logo-label-url {\n  grid-area: label;\n}\n\n.logo-target {\n  grid-area: target;\n  max-block-size: 48px;\n  max-inline-size: 48px;\n  inline-size: 100%;\n  display: block;\n  aspect-ratio: 1/1;\n}\n\n.logo-wordmark {\n  grid-area: wordmark;\n  font-size: 1.5625rem;\n}\n\n@container logo (max-height: 47px) {\n  .logo-wordmark,\n  .logo-label {\n    font-size: 50cqb;\n    line-height: 1;\n  }\n}\n.logo-wordmark-omgevings {\n  color: #39870c;\n}\n\n.logo-wordmark-loket {\n  color: #275937;\n}\n\n.logo-label {\n  grid-area: label;\n  color: #275937;\n  margin-inline-start: 1rem;\n}\n\n.logo-ribbon {\n  grid-area: wordmark;\n  place-self: start end;\n  display: flex;\n  place-items: center;\n  background-color: #8b4a6a;\n  border-radius: 3px;\n  transform: rotate(3deg);\n  padding-block: 0;\n  padding-inline: 8px;\n  font-size: 0.75rem;\n  font-weight: normal;\n  text-transform: uppercase;\n  color: #fff;\n}\n@container logo (max-height: 47px) {\n  .logo-ribbon {\n    block-size: 28cqb;\n    font-size: 25cqb;\n  }\n}\n\n.inner {\n  fill: #e17000;\n}\n\n.middle {\n  fill: #275937;\n}\n\n.outer {\n  fill: #80bc00;\n}\n\n@media screen and (max-width: 767px) {\n  .logo-wordmark {\n    font-size: initial;\n  }\n  :host([label]) {\n    grid-template-areas: "target label";\n    grid-template-columns: max-content minmax(130px, max-content);\n  }\n  :host([label]) .logo-wordmark {\n    display: none;\n  }\n  :host([label]) .logo-ribbon {\n    grid-area: label;\n  }\n  :host([label]) .logo-label {\n    margin-inline-start: 0;\n    font-size: initial;\n    text-wrap: balance;\n    overflow-wrap: normal;\n  }\n  :host([logo-url][ribbon]) .logo-label-url + .logo-ribbon {\n    grid-area: label;\n  }\n}\n@media screen and (max-width: 480px) {\n  .logo-ribbon {\n    transform: rotate(3deg) translateY(-7px);\n  }\n}';const t=({name:n})=>{const o=n.split("|");return l(e,null,l("svg",{fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},l("path",{class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),l("path",{class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),l("path",{class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),l("div",{class:"logo-wordmark"},l("span",{class:"logo-wordmark-omgevings"},o[0]),o.length===2&&l("span",{class:"logo-wordmark-loket"},o[1])))};const i=class{constructor(l){n(this,l);this.dsoLogoClick=o(this,"dsoLogoClick",7);this.dsoLabelClick=o(this,"dsoLabelClick",7);this.name="Omgevings|loket";this.handleLogoClick=n=>{this.dsoLogoClick.emit({originalEvent:n,url:this.logoUrl,isModifiedEvent:r(n)})};this.handleLabelClick=n=>{this.dsoLabelClick.emit({originalEvent:n,url:this.labelUrl,isModifiedEvent:r(n)})}}render(){return l(e,null,this.logoUrl?l("a",{class:"logo-url",href:this.logoUrl,onClick:this.handleLogoClick},l(t,{name:this.name})):l(t,{name:this.name}),this.label&&(!this.labelUrl?l("span",{class:"logo-label"},this.label):l("a",{class:"logo-label-url",href:this.labelUrl,onClick:this.handleLabelClick},l("span",{class:"logo-label"},this.label))),this.ribbon&&l("div",{key:"7979dd6758ffbeeb8b0f98b193d57b6f943d3cf1",class:"logo-ribbon"},this.ribbon))}};i.style=a;export{i as dso_logo};
+//# sourceMappingURL=p-ee4c2669.entry.js.map

package/dist/dso-toolkit/p-ee4c2669.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["logoCss","DsoLogo","name","splittedName","split","h","Fragment","fill","viewBox","height","class","d","length","Logo","constructor","hostRef","this","handleLogoClick","e","dsoLogoClick","emit","originalEvent","url","logoUrl","isModifiedEvent","handleLabelClick","dsoLabelClick","labelUrl","render","href","onClick","label","ribbon","key"],"sources":["src/components/logo/logo.scss?tag=dso-logo&encapsulation=shadow","src/components/logo/logo.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/link\";\r\n\r\n:host {\r\n  max-block-size: units.$ru6;\r\n  block-size: units.$ru6;\r\n  display: grid;\r\n  grid-template-areas: \"target wordmark label\";\r\n  grid-template-columns: repeat(3, max-content);\r\n  grid-template-rows: 100%;\r\n  gap: units.$u2;\r\n  font-size: 1.5625rem;\r\n  font-weight: 500;\r\n  align-items: center;\r\n  container-type: size;\r\n  container-name: logo;\r\n\r\n  .logo-url,\r\n  .logo-label-url {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: units.$u2;\r\n\r\n    @include link.reverse();\r\n\r\n    &,\r\n    &:hover,\r\n    &:focus,\r\n    &:visited {\r\n      color: colors.$bosgroen;\r\n    }\r\n  }\r\n}\r\n\r\n:host([logo-url]:not([logo-url=\"\"])[ribbon]:not([ribbon=\"\"])) {\r\n  grid-template-areas: \"targetwordmark label\";\r\n\r\n  .logo-url,\r\n  .logo-ribbon {\r\n    grid-area: targetwordmark;\r\n  }\r\n}\r\n\r\n.logo-label-url {\r\n  grid-area: label;\r\n}\r\n\r\n.logo-target {\r\n  grid-area: target;\r\n  max-block-size: units.$u6;\r\n  max-inline-size: units.$u6;\r\n  inline-size: 100%;\r\n  display: block;\r\n  aspect-ratio: 1 / 1;\r\n}\r\n\r\n.logo-wordmark {\r\n  grid-area: wordmark;\r\n  font-size: 1.5625rem;\r\n}\r\n\r\n@container logo (max-height: 47px) {\r\n  .logo-wordmark,\r\n  .logo-label {\r\n    font-size: 50cqb;\r\n    line-height: 1;\r\n  }\r\n}\r\n\r\n.logo-wordmark-omgevings {\r\n  color: colors.$grasgroen;\r\n}\r\n\r\n.logo-wordmark-loket {\r\n  color: colors.$bosgroen;\r\n}\r\n\r\n.logo-label {\r\n  grid-area: label;\r\n  color: colors.$bosgroen;\r\n  margin-inline-start: units.$ru2;\r\n}\r\n\r\n.logo-ribbon {\r\n  grid-area: wordmark;\r\n  place-self: start end;\r\n  display: flex;\r\n  place-items: center;\r\n\r\n  background-color: colors.$mauve;\r\n  border-radius: 3px;\r\n  transform: rotate(3deg);\r\n  padding-block: 0;\r\n  padding-inline: 8px;\r\n\r\n  font-size: 0.75rem;\r\n  font-weight: normal;\r\n  text-transform: uppercase;\r\n  color: colors.$wit;\r\n\r\n  @container logo (max-height: 47px) {\r\n    & {\r\n      block-size: 28cqb;\r\n      font-size: 25cqb;\r\n    }\r\n  }\r\n}\r\n\r\n.inner {\r\n  fill: colors.$oranje;\r\n}\r\n\r\n.middle {\r\n  fill: colors.$bosgroen;\r\n}\r\n\r\n.outer {\r\n  fill: #80bc00;\r\n}\r\n\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n  .logo-wordmark {\r\n    font-size: initial;\r\n  }\r\n\r\n  // if the logo has a label, hide the wordmark on smaller screens and replace it with the label\r\n  :host([label]) {\r\n    grid-template-areas: \"target label\";\r\n    grid-template-columns: max-content minmax(130px, max-content);\r\n\r\n    .logo-wordmark {\r\n      display: none;\r\n    }\r\n\r\n    .logo-ribbon {\r\n      grid-area: label;\r\n    }\r\n\r\n    .logo-label {\r\n      margin-inline-start: 0;\r\n      font-size: initial;\r\n      text-wrap: balance;\r\n      overflow-wrap: normal;\r\n    }\r\n  }\r\n\r\n  :host([logo-url][ribbon]) {\r\n    .logo-label-url + .logo-ribbon {\r\n      grid-area: label;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n  .logo-ribbon {\r\n    transform: rotate(3deg) translateY(-7px);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Fragment,\r\n  Prop,\r\n  h,\r\n  Event,\r\n  EventEmitter,\r\n  FunctionalComponent,\r\n} from \"@stencil/core\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\nimport { LogoClickEvent, LogoLabelClickEvent } from \"./logo.interfaces\";\r\n\r\nconst DsoLogo: FunctionalComponent<{ name: string }> = ({ name }) => {\r\n  const splittedName = name.split(\"|\");\r\n  return (\r\n    <>\r\n      <svg fill=\"none\" viewBox=\"0 0 48 48\" height=\"100%\" class=\"logo-target\">\r\n        <path class=\"outer\" d=\"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z\" />\r\n        <path class=\"middle\" d=\"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z\" />\r\n        <path class=\"inner\" d=\"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z\" />\r\n      </svg>\r\n      <div class=\"logo-wordmark\">\r\n        <span class=\"logo-wordmark-omgevings\">{splittedName[0]}</span>\r\n        {splittedName.length === 2 && <span class=\"logo-wordmark-loket\">{splittedName[1]}</span>}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\n@Component({\r\n  tag: \"dso-logo\",\r\n  styleUrl: \"logo.scss\",\r\n  shadow: true,\r\n})\r\nexport class Logo implements ComponentInterface {\r\n  /**\r\n   * An alternative name for the logo wordmark Omgevingsloket. For instance `Environment| Desk`. It should contains a\r\n   * pipe-character: the left-hand side of the pipe will be shown in grasgroen, the right-hand side of the pipe will be\r\n   * shown in bosgroen.\r\n   * When omitted the logo wordmark will default to Omgevingsloket, with 'Omgevings' shown in grasgroen and 'loket' in\r\n   * bosgroen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  name = \"Omgevings|loket\";\r\n  /**\r\n   * The url the logo is pointing to.\r\n   */\r\n  @Prop({ reflect: true })\r\n  logoUrl?: string;\r\n\r\n  /**\r\n   * The label clarifies the service within the Omgevingsloket, shown\r\n   * as a subtitle (and on smaller screens as the main wordmark itself).\r\n   */\r\n  @Prop({ reflect: true })\r\n  label?: string;\r\n\r\n  /**\r\n   *  The url the label is pointing to.\r\n   */\r\n  @Prop({ reflect: true })\r\n  labelUrl?: string;\r\n\r\n  /**\r\n   * The ribbon contains the text for a possible 'sticker' on top of the logo.\r\n   * Used to clarify the (non-production) server environment (\"int\", \"kta\", \"pfm\", \"pre\", or \"dmo\")\r\n   */\r\n  @Prop({ reflect: true })\r\n  ribbon?: string;\r\n\r\n  /**\r\n   * Emitted when the logo is clicked (only when logoUrl is set).\r\n   */\r\n  @Event()\r\n  dsoLogoClick!: EventEmitter<LogoClickEvent>;\r\n\r\n  /**\r\n   * Emitted when the label in the logo is clicked (only when labelUrl is set).\r\n   */\r\n  @Event()\r\n  dsoLabelClick!: EventEmitter<LogoLabelClickEvent>;\r\n\r\n  private handleLogoClick = (e: MouseEvent) => {\r\n    this.dsoLogoClick.emit({ originalEvent: e, url: this.logoUrl!, isModifiedEvent: isModifiedEvent(e) });\r\n  };\r\n\r\n  private handleLabelClick = (e: MouseEvent) => {\r\n    this.dsoLabelClick.emit({ originalEvent: e, url: this.labelUrl!, isModifiedEvent: isModifiedEvent(e) });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.logoUrl ? (\r\n          <a class=\"logo-url\" href={this.logoUrl} onClick={this.handleLogoClick}>\r\n            <DsoLogo name={this.name} />\r\n          </a>\r\n        ) : (\r\n          <DsoLogo name={this.name} />\r\n        )}\r\n\r\n        {this.label &&\r\n          (!this.labelUrl ? (\r\n            <span class=\"logo-label\">{this.label}</span>\r\n          ) : (\r\n            <a class=\"logo-label-url\" href={this.labelUrl} onClick={this.handleLabelClick}>\r\n              <span class=\"logo-label\">{this.label}</span>\r\n            </a>\r\n          ))}\r\n        {this.ribbon && <div class=\"logo-ribbon\">{this.ribbon}</div>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"6FAAA,MAAMA,EAAU,k+FCahB,MAAMC,EAAiD,EAAGC,WACxD,MAAMC,EAAeD,EAAKE,MAAM,KAChC,OACEC,EAAAC,EAAA,KACED,EAAA,OAAKE,KAAK,OAAOC,QAAQ,YAAYC,OAAO,OAAOC,MAAM,eACvDL,EAAA,QAAMK,MAAM,QAAQC,EAAE,+CACtBN,EAAA,QAAMK,MAAM,SAASC,EAAE,6CACvBN,EAAM,QAAAK,MAAM,QAAQC,EAAE,2CAExBN,EAAK,OAAAK,MAAM,iBACTL,EAAM,QAAAK,MAAM,2BAA2BP,EAAa,IACnDA,EAAaS,SAAW,GAAKP,EAAA,QAAMK,MAAM,uBAAuBP,EAAa,KAE/E,E,MASMU,EAAI,MALjB,WAAAC,CAAAC,G,kGAcEC,KAAId,KAAG,kBAuCCc,KAAAC,gBAAmBC,IACzBF,KAAKG,aAAaC,KAAK,CAAEC,cAAeH,EAAGI,IAAKN,KAAKO,QAAUC,gBAAiBA,EAAgBN,IAAK,EAG/FF,KAAAS,iBAAoBP,IAC1BF,KAAKU,cAAcN,KAAK,CAAEC,cAAeH,EAAGI,IAAKN,KAAKW,SAAWH,gBAAiBA,EAAgBN,IAAK,CA0B1G,CAvBC,MAAAU,GACE,OACEvB,EAAAC,EAAA,KACGU,KAAKO,QACJlB,EAAA,KAAGK,MAAM,WAAWmB,KAAMb,KAAKO,QAASO,QAASd,KAAKC,iBACpDZ,EAACJ,EAAO,CAACC,KAAMc,KAAKd,QAGtBG,EAACJ,EAAQ,CAAAC,KAAMc,KAAKd,OAGrBc,KAAKe,SACFf,KAAKW,SACLtB,EAAM,QAAAK,MAAM,cAAcM,KAAKe,OAE/B1B,EAAA,KAAGK,MAAM,iBAAiBmB,KAAMb,KAAKW,SAAUG,QAASd,KAAKS,kBAC3DpB,EAAM,QAAAK,MAAM,cAAcM,KAAKe,SAGpCf,KAAKgB,QAAU3B,EAAA,OAAA4B,IAAA,2CAAKvB,MAAM,eAAeM,KAAKgB,Q","ignoreList":[]}

package/dist/dso-toolkit/{p-ed11ee1b.entry.js → p-eea3b9c8.entry.js}

@@ -1,2 +1,2 @@
-import{r as d,h as s,F as r}from"./p-BzEnSYbR.js";const t=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";const a=class{constructor(s){d(this,s);this.mode="list"}render(){return s(r,null,this.mode==="list"&&s("ul",{key:"bf7634d7b41380064060cde31c7971dcdde44382",class:"dso-card-list"},s("slot",{key:"c575533d409ea152c434b449e98e5f27fd6790b4"})),this.mode==="grid"&&s("div",{key:"ada71af5db7d9dc2ba564b521b60fa36e6e37303",class:"dso-card-grid"},s("slot",{key:"8c1083ff2f2699bbf2652199e3a40b3690c7ab45"})))}};a.style=t;export{a as dso_card_container};
-//# sourceMappingURL=p-ed11ee1b.entry.js.map
+import{r as d,h as s,F as r}from"./p-D2Jo0W7B.js";const t=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";const a=class{constructor(s){d(this,s);this.mode="list"}render(){return s(r,null,this.mode==="list"&&s("ul",{key:"bf7634d7b41380064060cde31c7971dcdde44382",class:"dso-card-list"},s("slot",{key:"c575533d409ea152c434b449e98e5f27fd6790b4"})),this.mode==="grid"&&s("div",{key:"ada71af5db7d9dc2ba564b521b60fa36e6e37303",class:"dso-card-grid"},s("slot",{key:"8c1083ff2f2699bbf2652199e3a40b3690c7ab45"})))}};a.style=t;export{a as dso_card_container};
+//# sourceMappingURL=p-eea3b9c8.entry.js.map