@dso-toolkit/core 100.0.0 → 100.1.0

package/dist/dso-toolkit/{p-0fc1acaa.entry.js → p-0d5b878e.entry.js}

@@ -1 +1 @@
-import{r as o,d as r,h as t}from"./p-pqfDfKeZ.js";import{p as e}from"./p-CcOMPHLg.js";import{T as n}from"./p-CmOx9B7G.js";import"./p-DMUqzLuy.js";const s=class{constructor(t){o(this,t),this.dsoClick=r(this,"dsoClick",3),this.lastClickTime=0,this.tooltipShowDelay=500,this.variant="secondary",this.tooltipPlacement="top",this.disabled=!1,this.handleShowTooltip=()=>{this.disabled||Date.now()-this.lastClickTime<this.tooltipShowDelay||(this.clearToolTipTimeout(),this.tooltipTimeout=window.setTimeout((()=>{this.tooltipElRef?.isConnected&&(this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.buttonElRef&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=e({referenceElement:this.buttonElRef,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:this.tooltipPlacement,topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0})))}),this.tooltipShowDelay))},this.clearToolTipTimeout=()=>{this.tooltipTimeout&&clearTimeout(this.tooltipTimeout)},this.handleHideTooltip=()=>{this.clearToolTipTimeout(),this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()},this.handleClick=o=>{this.lastClickTime=Date.now(),this.handleHideTooltip(),this.dsoClick.emit({originalEvent:o,toggled:!this.toggled})}}async setFocus(){this.buttonElRef?.focus()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}disconnectedCallback(){this.clearToolTipTimeout(),this.cleanUpTooltip()}render(){return t("button",{key:"4c930bb2fd38dfce8db767072ff7ad994dfbd869",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant} ${this.toggled?"toggled":""}`,"aria-pressed":this.toggled?.toString(),"aria-expanded":this.expanded?.toString(),onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},t("dso-icon",{key:"1137f9ab4dcdb979544781d03b657e24359cc801",icon:this.icon,"aria-hidden":"true"}),t(n,{key:"5ec39345d360e556d7b23a11d67eec64aaab48ab",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},this.label))}};s.style=".dso-tooltip {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #666;   color: #fff;   border-radius: 4px;   overflow: unset;   margin: 0;   border: 0;   padding: 0;   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));   opacity: 0;   visibility: hidden;   max-inline-size: 320px; } .dso-tooltip .tooltip-inner {   --_dso-span-role-paragraph-margin-block: 8px;   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #666;   color: #fff;   font-family: Asap, sans-serif;   font-size: 1rem;   font-weight: normal;   padding-block: 0;   padding-inline: 8px;   border-radius: 4px;   line-height: 1.5; } .dso-tooltip .tooltip-arrow {   position: absolute;   background-color: #666;   border-start-start-radius: 4px;   block-size: 8px;   inline-size: 8px;   pointer-events: none;   z-index: -1; }  :host {   display: inline-block;   line-height: 1;   position: var(--_dso-icon-button-position, static);   inset-block-start: var(--_dso-icon-button-inset-block-start, 0);   inset-inline-end: var(--_dso-icon-button-inset-inline-end, 0); }  *, *::after, *::before {   box-sizing: border-box; }  .dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-secondary:focus, .dso-secondary:focus-visible {   outline-offset: 2px; } .dso-secondary:active {   outline: 0; } .dso-secondary.extern::after, .dso-secondary.download::after {   content: \"\";   display: inline-block; } .dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } .dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } .dso-secondary[disabled], .dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } .dso-secondary.dso-small {   line-height: 1rem; } .dso-secondary.dso-small dso-icon, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small {   line-height: 1rem; } .dso-secondary.dso-extra-small dso-icon, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small {   padding-block: 9px; } .dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } .dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } .dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } .dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } .dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary {   padding-inline: calc(8px - 1px);   padding-block: calc(8px - 1px);   border-start-start-radius: var(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-icon-button-border-end-start-radius, 4px);   border-block-end-width: var(--_dso-icon-button-border-block-end-width, 1px);   border-inline-end-width: var(--_dso-icon-button-border-inline-end-width, 1px); } .dso-secondary:not([disabled]):active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-secondary:not([disabled]).toggled {   background-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   border-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   color: var(--_dso-icon-button-secondary-toggled-color, #fff); } .dso-secondary:not([disabled]).toggled:hover {   background-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27);   border-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); } .dso-secondary:not([disabled]).toggled:active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); }  .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary.extern::after, .dso-tertiary.download::after {   content: \"\";   display: inline-block; } .dso-tertiary {   padding-inline: 0;   padding-block: 0;   color: var(--_dso-icon-button-tertiary-color, #39870c);   background-color: transparent;   border: 0; } .dso-tertiary:not([disabled]):hover {   color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]):active {   color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #1f472c)); } .dso-tertiary:not([disabled]).toggled {   color: var(--_dso-icon-button-tertiary-toggled-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]).toggled:hover {   color: var(--_dso-icon-button-tertiary-toggled-hover-color, var(--_dso-icon-button-tertiary-color, #1b3e27)); } .dso-tertiary:not([disabled]).toggled:active {   color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #1f472c)); } .dso-tertiary[disabled] {   color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d)); }  .dso-map {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-map:focus, .dso-map:focus-visible {   outline-offset: 2px; } .dso-map:active {   outline: 0; } .dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } .dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } .dso-map[disabled], .dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } .dso-map.dso-small {   line-height: 1rem; } .dso-map.dso-small dso-icon, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small {   line-height: 1rem; } .dso-map.dso-extra-small dso-icon, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small {   padding-block: 9px; } .dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } .dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } .dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } .dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } .dso-map.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } .dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } .dso-map:focus, .dso-map:focus-visible {   outline-offset: -1px; } .dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; } .dso-map {   padding-inline: 8px;   padding-block: 8px;   border: 0;   margin-inline-end: 0;   box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));   border-start-start-radius: var(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-icon-button-border-end-start-radius, 4px); } .dso-map:not([disabled]):active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-map:not([disabled]).toggled {   background-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   border-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   color: var(--_dso-icon-button-secondary-toggled-color, #fff); } .dso-map:not([disabled]).toggled:hover {   background-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27);   border-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); } .dso-map:not([disabled]).toggled:active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); }  .icon-button {   min-inline-size: auto;   cursor: pointer; } .icon-button[disabled] {   cursor: default; }";export{s as dso_icon_button}
+import{r as o,d as r,h as t}from"./p-CieBNbUH.js";import{p as e}from"./p-CcOMPHLg.js";import{T as n}from"./p-C32sfSnK.js";import"./p-DMUqzLuy.js";const s=class{constructor(t){o(this,t),this.dsoClick=r(this,"dsoClick",3),this.lastClickTime=0,this.tooltipShowDelay=500,this.variant="secondary",this.tooltipPlacement="top",this.disabled=!1,this.handleShowTooltip=()=>{this.disabled||Date.now()-this.lastClickTime<this.tooltipShowDelay||(this.clearToolTipTimeout(),this.tooltipTimeout=window.setTimeout((()=>{this.tooltipElRef?.isConnected&&(this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.buttonElRef&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=e({referenceElement:this.buttonElRef,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:this.tooltipPlacement,topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0})))}),this.tooltipShowDelay))},this.clearToolTipTimeout=()=>{this.tooltipTimeout&&clearTimeout(this.tooltipTimeout)},this.handleHideTooltip=()=>{this.clearToolTipTimeout(),this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()},this.handleClick=o=>{this.lastClickTime=Date.now(),this.handleHideTooltip(),this.dsoClick.emit({originalEvent:o,toggled:!this.toggled})}}async setFocus(){this.buttonElRef?.focus()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}disconnectedCallback(){this.clearToolTipTimeout(),this.cleanUpTooltip()}render(){return t("button",{key:"4c930bb2fd38dfce8db767072ff7ad994dfbd869",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant} ${this.toggled?"toggled":""}`,"aria-pressed":this.toggled?.toString(),"aria-expanded":this.expanded?.toString(),onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},t("dso-icon",{key:"1137f9ab4dcdb979544781d03b657e24359cc801",icon:this.icon,"aria-hidden":"true"}),t(n,{key:"5ec39345d360e556d7b23a11d67eec64aaab48ab",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},this.label))}};s.style=".dso-tooltip {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #666;   color: #fff;   border-radius: 4px;   overflow: unset;   margin: 0;   border: 0;   padding: 0;   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));   opacity: 0;   visibility: hidden;   max-inline-size: 320px; } .dso-tooltip .tooltip-inner {   --_dso-span-role-paragraph-margin-block: 8px;   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #666;   color: #fff;   font-family: Asap, sans-serif;   font-size: 1rem;   font-weight: normal;   padding-block: 0;   padding-inline: 8px;   border-radius: 4px;   line-height: 1.5; } .dso-tooltip .tooltip-arrow {   position: absolute;   background-color: #666;   border-start-start-radius: 4px;   block-size: 8px;   inline-size: 8px;   pointer-events: none;   z-index: -1; }  :host {   display: inline-block;   line-height: 1;   position: var(--_dso-icon-button-position, static);   inset-block-start: var(--_dso-icon-button-inset-block-start, 0);   inset-inline-end: var(--_dso-icon-button-inset-inline-end, 0); }  *, *::after, *::before {   box-sizing: border-box; }  .dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-secondary:focus, .dso-secondary:focus-visible {   outline-offset: 2px; } .dso-secondary:active {   outline: 0; } .dso-secondary.extern::after, .dso-secondary.download::after {   content: \"\";   display: inline-block; } .dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } .dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } .dso-secondary[disabled], .dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } .dso-secondary.dso-small {   line-height: 1rem; } .dso-secondary.dso-small dso-icon, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small {   line-height: 1rem; } .dso-secondary.dso-extra-small dso-icon, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small {   padding-block: 9px; } .dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } .dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } .dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } .dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } .dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary {   padding-inline: calc(8px - 1px);   padding-block: calc(8px - 1px);   border-start-start-radius: var(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-icon-button-border-end-start-radius, 4px);   border-block-end-width: var(--_dso-icon-button-border-block-end-width, 1px);   border-inline-end-width: var(--_dso-icon-button-border-inline-end-width, 1px); } .dso-secondary:not([disabled]):active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-secondary:not([disabled]).toggled {   background-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   border-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   color: var(--_dso-icon-button-secondary-toggled-color, #fff); } .dso-secondary:not([disabled]).toggled:hover {   background-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27);   border-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); } .dso-secondary:not([disabled]).toggled:active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); }  .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary.extern::after, .dso-tertiary.download::after {   content: \"\";   display: inline-block; } .dso-tertiary {   padding-inline: 0;   padding-block: 0;   color: var(--_dso-icon-button-tertiary-color, #39870c);   background-color: transparent;   border: 0; } .dso-tertiary:not([disabled]):hover {   color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]):active {   color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #1f472c)); } .dso-tertiary:not([disabled]).toggled {   color: var(--_dso-icon-button-tertiary-toggled-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]).toggled:hover {   color: var(--_dso-icon-button-tertiary-toggled-hover-color, var(--_dso-icon-button-tertiary-color, #1b3e27)); } .dso-tertiary:not([disabled]).toggled:active {   color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #1f472c)); } .dso-tertiary[disabled] {   color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d)); }  .dso-map {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } .dso-map:focus, .dso-map:focus-visible {   outline-offset: 2px; } .dso-map:active {   outline: 0; } .dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } .dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } .dso-map[disabled], .dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } .dso-map.dso-small {   line-height: 1rem; } .dso-map.dso-small dso-icon, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small {   line-height: 1rem; } .dso-map.dso-extra-small dso-icon, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small {   padding-block: 9px; } .dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } .dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } .dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } .dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } .dso-map.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } .dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } .dso-map:focus, .dso-map:focus-visible {   outline-offset: -1px; } .dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; } .dso-map {   padding-inline: 8px;   padding-block: 8px;   border: 0;   margin-inline-end: 0;   box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));   border-start-start-radius: var(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-icon-button-border-end-start-radius, 4px); } .dso-map:not([disabled]):active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-map:not([disabled]).toggled {   background-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   border-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   color: var(--_dso-icon-button-secondary-toggled-color, #fff); } .dso-map:not([disabled]).toggled:hover {   background-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27);   border-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); } .dso-map:not([disabled]).toggled:active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); }  .icon-button {   min-inline-size: auto;   cursor: pointer; } .icon-button[disabled] {   cursor: default; }";export{s as dso_icon_button}

package/dist/dso-toolkit/{p-8bdb1eb9.entry.js → p-1c28315c.entry.js}

@@ -1 +1 @@
-import{r as e,d as s,h as i,g as t}from"./p-pqfDfKeZ.js";import{i as a}from"./p-CCOI5nUo.js";import{v as o}from"./p-CK3_k8jD.js";const d={en:{"dso-map-overlays":{title:"Maplayers"}},nl:{"dso-map-overlays":{title:"Kaartlagen"}}},l=class{constructor(i){e(this,i),this.dsoToggleOverlay=s(this,"dsoToggleOverlay",7),this.selectableRefs={},this.group=o(),this.text=a((()=>this.host),d)}overlayChangeHandler(e,s){const{checked:i}=s.detail;this.dsoToggleOverlay.emit({overlay:e,checked:i})}componentDidRender(){this.overlays.filter((e=>!e.disabled&&!0===this.previousOverlays?.find((s=>s.id===e.id))?.disabled)).forEach((e=>{this.selectableRefs[e.id]?.toggleInfo(!1)})),this.previousOverlays=this.overlays}render(){for(const e in this.selectableRefs)delete this.selectableRefs[e];return i("fieldset",{key:"9cfae60111a9bc482572d9ddc3b1d2c59cd872d4",class:"form-group dso-checkboxes"},i("legend",{key:"1e475d5d74ff3b659cc745831196fee8c1fd33bc",class:"sr-only"},"Kaartlagen"),i("div",{key:"d71f811d035775c27d67cb46f3111220b7aab037",class:"dso-label-container"},i("span",{key:"4d613d4d2e112adccbdbf76597bf393c6858923f",class:"control-label","aria-hidden":"true"},this.text("title"))),i("div",{key:"3f83e3d58ca7704cdde1d0ae0be7dba25a00046f",class:"dso-field-container"},this.overlays.map((e=>i("dso-selectable",{key:e.id,type:"checkbox",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:s=>this.overlayChangeHandler(e,s)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}get host(){return t(this)}};l.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 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}";export{l as dso_map_overlays}
+import{r as e,d as s,h as i,g as t}from"./p-CieBNbUH.js";import{i as a}from"./p-CCOI5nUo.js";import{v as o}from"./p-CK3_k8jD.js";const d={en:{"dso-map-overlays":{title:"Maplayers"}},nl:{"dso-map-overlays":{title:"Kaartlagen"}}},l=class{constructor(i){e(this,i),this.dsoToggleOverlay=s(this,"dsoToggleOverlay",7),this.selectableRefs={},this.group=o(),this.text=a((()=>this.host),d)}overlayChangeHandler(e,s){const{checked:i}=s.detail;this.dsoToggleOverlay.emit({overlay:e,checked:i})}componentDidRender(){this.overlays.filter((e=>!e.disabled&&!0===this.previousOverlays?.find((s=>s.id===e.id))?.disabled)).forEach((e=>{this.selectableRefs[e.id]?.toggleInfo(!1)})),this.previousOverlays=this.overlays}render(){for(const e in this.selectableRefs)delete this.selectableRefs[e];return i("fieldset",{key:"9cfae60111a9bc482572d9ddc3b1d2c59cd872d4",class:"form-group dso-checkboxes"},i("legend",{key:"1e475d5d74ff3b659cc745831196fee8c1fd33bc",class:"sr-only"},"Kaartlagen"),i("div",{key:"d71f811d035775c27d67cb46f3111220b7aab037",class:"dso-label-container"},i("span",{key:"4d613d4d2e112adccbdbf76597bf393c6858923f",class:"control-label","aria-hidden":"true"},this.text("title"))),i("div",{key:"3f83e3d58ca7704cdde1d0ae0be7dba25a00046f",class:"dso-field-container"},this.overlays.map((e=>i("dso-selectable",{key:e.id,type:"checkbox",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:s=>this.overlayChangeHandler(e,s)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}get host(){return t(this)}};l.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 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}";export{l as dso_map_overlays}

package/dist/dso-toolkit/{p-f485cda1.entry.js → p-41fbe275.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,h as i,a as s,g as d}from"./p-pqfDfKeZ.js";import{i as n}from"./p-CCOI5nUo.js";const o={en:{"dso-legend-group":{edit:"Edit layers",view:"Leave editmode"}},nl:{"dso-legend-group":{edit:"Kaartlagen bewerken",view:"Bewerken verlaten"}}},a=class{constructor(i){e(this,i),this.dsoLegendGroupModeChange=t(this,"dsoLegendGroupModeChange",3),this.text=n((()=>this.host),o),this.toggleMode=e=>{this.dsoLegendGroupModeChange.emit({originalEvent:e.detail.originalEvent,next:"view"===this.mode?"edit":"view"})}}handleModeChange(){if(this.mode){const e=this.mode;this.legendItems.forEach((t=>{t._mode=e}))}}get legendItems(){return Array.from(this.host.querySelectorAll("dso-legend-item"))}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.handleModeChange()})),this.mutationObserver.observe(this.host,{childList:!0}),this.handleModeChange()}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return i(s,{key:"972513a3527ff446324c759714755b664c058d46"},i("div",{key:"e57660d4098c734dd093cd4f78914b80950a223b",class:"legend-group-header"},i("slot",{key:"165c84da0b66aad1256ef510779ac6d79495b42a",name:"heading"}),this.mode&&i("dso-icon-button",{key:"a1401577f95f4192c0faea3907f77fec40df7cf2",expanded:"edit"===this.mode,label:this.text("view"===this.mode?"edit":"view"),icon:"view"===this.mode?"pencil":"check",variant:"tertiary",onDsoClick:this.toggleMode})),"edit"===this.mode&&i("slot",{key:"f8c427b63ab20594f04d2099ec5b0f15b9bf9b20",name:"options"}),i("slot",{key:"97fd5268954f1a83d097c5241983de5dc7adc30e"}))}get host(){return d(this)}static get watchers(){return{mode:[{handleModeChange:0}]}}};a.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.legend-group-header{position:relative}.legend-group-header ::slotted(h3){margin-block:8px !important;padding-block:4px !important}.legend-group-header dso-icon-button{position:absolute;inset-block-start:0;inset-inline-end:0}";export{a as dso_legend_group}
+import{r as e,d as t,h as i,a as s,g as d}from"./p-CieBNbUH.js";import{i as n}from"./p-CCOI5nUo.js";const o={en:{"dso-legend-group":{edit:"Edit layers",view:"Leave editmode"}},nl:{"dso-legend-group":{edit:"Kaartlagen bewerken",view:"Bewerken verlaten"}}},a=class{constructor(i){e(this,i),this.dsoLegendGroupModeChange=t(this,"dsoLegendGroupModeChange",3),this.text=n((()=>this.host),o),this.toggleMode=e=>{this.dsoLegendGroupModeChange.emit({originalEvent:e.detail.originalEvent,next:"view"===this.mode?"edit":"view"})}}handleModeChange(){if(this.mode){const e=this.mode;this.legendItems.forEach((t=>{t._mode=e}))}}get legendItems(){return Array.from(this.host.querySelectorAll("dso-legend-item"))}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.handleModeChange()})),this.mutationObserver.observe(this.host,{childList:!0}),this.handleModeChange()}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return i(s,{key:"972513a3527ff446324c759714755b664c058d46"},i("div",{key:"e57660d4098c734dd093cd4f78914b80950a223b",class:"legend-group-header"},i("slot",{key:"165c84da0b66aad1256ef510779ac6d79495b42a",name:"heading"}),this.mode&&i("dso-icon-button",{key:"a1401577f95f4192c0faea3907f77fec40df7cf2",expanded:"edit"===this.mode,label:this.text("view"===this.mode?"edit":"view"),icon:"view"===this.mode?"pencil":"check",variant:"tertiary",onDsoClick:this.toggleMode})),"edit"===this.mode&&i("slot",{key:"f8c427b63ab20594f04d2099ec5b0f15b9bf9b20",name:"options"}),i("slot",{key:"97fd5268954f1a83d097c5241983de5dc7adc30e"}))}get host(){return d(this)}static get watchers(){return{mode:[{handleModeChange:0}]}}};a.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.legend-group-header{position:relative}.legend-group-header ::slotted(h3){margin-block:8px !important;padding-block:4px !important}.legend-group-header dso-icon-button{position:absolute;inset-block-start:0;inset-inline-end:0}";export{a as dso_legend_group}

package/dist/dso-toolkit/{p-ccbbfdc7.entry.js → p-43970647.entry.js}

@@ -1 +1 @@
-import{r as e,d as a,f as o,h as i,a as n,g as r}from"./p-pqfDfKeZ.js";import{i as t}from"./p-Hgv-pDpy.js";const d=class{constructor(o){e(this,o),this.dsoCardClick=a(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:t(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return i(n,{key:"af11f19afbdf5c690974495992cf86ccf62ae734","is-selectable":e},i("div",{key:"2f125ec9d9b5a69fd7cdc4fb01ea4e00cec96ad2",class:"dso-card-container"},i("div",{key:"eab8702f667cb0843dadfa38f2d6cb71dfb7bba7",class:"dso-card-selectable",hidden:!e},i("slot",{key:"417eefbcbe18d47863e7d1b19be0adf9b0571e8b",name:"selectable"})),i("div",{key:"d64d73ebb8167eb572ce3f5e3da23826b93fcd67",class:"dso-card-heading"},"extern"===this.mode&&i("a",{key:"0ae5c4a841f6dba0fb8c3fc60a831862b9945356",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"ef75fd392f3d16a2fb0b6873c5b2578096ac3a27",name:"heading"}),i("dso-icon",{key:"f953d9c38873aebb19f16084134c214562a46ae0",icon:"external-link"}),i("span",{key:"1cd61878dcf755959690f2acf1a45ac3924abbf3",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||"download"===this.mode&&i("a",{key:"d812c16e45b5268f84d55ad6b03552ec851422e1",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"3d7e2e421bf95b955977d73361dad5e5d9632f93",name:"heading"}),i("dso-icon",{key:"915c00ebb300e2e23211b46dfa298ed2bdda15bc",icon:"download"}))||i("a",{key:"2261b31aece339c492f1c0eb6121a2fa2b25db8d",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"62d7f13fe2e9049dfea479b9d50409f80c9fbb2c",name:"heading"}),i("dso-icon",{key:"c229b6343a9aea2627bec89d1d028a792de86c37",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&i("slot",{key:"41e52361073ea58b80283d791c2457b774c468f5",name:"interactions"})),i("div",{key:"ec8aa4d8ffc9f28b27f2e049485700d66999a21b",class:"dso-card-content"},i("slot",{key:"182b5bf19a63c16a4519eac84f9b941e0a81e472",name:"content"}))))}get host(){return r(this)}};d.style='a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=selectable]){font-size:0 !important;--_dso-selectable-padding-inline-start:24px;--_dso-selectable-input-wrapper-margin-inline-start:-24px;--_dso-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}';export{d as dso_card}
+import{r as e,d as a,f as o,h as i,a as n,g as r}from"./p-CieBNbUH.js";import{i as t}from"./p-Hgv-pDpy.js";const d=class{constructor(o){e(this,o),this.dsoCardClick=a(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:t(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return i(n,{key:"af11f19afbdf5c690974495992cf86ccf62ae734","is-selectable":e},i("div",{key:"2f125ec9d9b5a69fd7cdc4fb01ea4e00cec96ad2",class:"dso-card-container"},i("div",{key:"eab8702f667cb0843dadfa38f2d6cb71dfb7bba7",class:"dso-card-selectable",hidden:!e},i("slot",{key:"417eefbcbe18d47863e7d1b19be0adf9b0571e8b",name:"selectable"})),i("div",{key:"d64d73ebb8167eb572ce3f5e3da23826b93fcd67",class:"dso-card-heading"},"extern"===this.mode&&i("a",{key:"0ae5c4a841f6dba0fb8c3fc60a831862b9945356",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"ef75fd392f3d16a2fb0b6873c5b2578096ac3a27",name:"heading"}),i("dso-icon",{key:"f953d9c38873aebb19f16084134c214562a46ae0",icon:"external-link"}),i("span",{key:"1cd61878dcf755959690f2acf1a45ac3924abbf3",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||"download"===this.mode&&i("a",{key:"d812c16e45b5268f84d55ad6b03552ec851422e1",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"3d7e2e421bf95b955977d73361dad5e5d9632f93",name:"heading"}),i("dso-icon",{key:"915c00ebb300e2e23211b46dfa298ed2bdda15bc",icon:"download"}))||i("a",{key:"2261b31aece339c492f1c0eb6121a2fa2b25db8d",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"62d7f13fe2e9049dfea479b9d50409f80c9fbb2c",name:"heading"}),i("dso-icon",{key:"c229b6343a9aea2627bec89d1d028a792de86c37",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&i("slot",{key:"41e52361073ea58b80283d791c2457b774c468f5",name:"interactions"})),i("div",{key:"ec8aa4d8ffc9f28b27f2e049485700d66999a21b",class:"dso-card-content"},i("slot",{key:"182b5bf19a63c16a4519eac84f9b941e0a81e472",name:"content"}))))}get host(){return r(this)}};d.style='a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=selectable]){font-size:0 !important;--_dso-selectable-padding-inline-start:24px;--_dso-selectable-input-wrapper-margin-inline-start:-24px;--_dso-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}';export{d as dso_card}

package/dist/dso-toolkit/{p-9430341b.entry.js → p-460f9f1b.entry.js}

@@ -1 +1 @@
-import{r as e,d as i,h as o}from"./p-pqfDfKeZ.js";const a=class{constructor(o){e(this,o),this.dsoInput=i(this,"dsoInput",3),this.dsoNext=i(this,"dsoNext",3),this.dsoPrevious=i(this,"dsoPrevious",3),this.dsoClear=i(this,"dsoClear",3),this.label="Zoeken in document",this.handleInput=e=>{e.target instanceof HTMLInputElement&&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=>{"Enter"===e.key&&this.handleNext(e)}}async dsoFocus(e={}){this.inputElement?.focus(),e.select&&this.inputElement?.select()}render(){const e=this.current||0,i=this.totalCount||0;return o("div",{key:"dafacd14ea816b9512b2511fd999854d9fad8d12",class:"dso-mark-bar"},o("div",{key:"7819a7ff103741b51d13fa35225a63c47fb853da",class:"dso-mark-bar-input"},o("input",{key:"b51bbe2fd496188dbda47e4021fa6ddea7e33086",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),o("label",{key:"be835099cf10bb02179cc2a4b6e18490d7622428",htmlFor:"search-input"},o("dso-icon",{key:"8730c96b5637396bd9ecc97dd868a139a3d60f08",class:"dso-search-icon",icon:"search"}),o("span",{key:"f8a532a770cf52862f5e19abdd60c9a11b302e8c",class:"label-text"},this.label)),o("dso-icon-button",{key:"1cd84ac5915c8aaac1f0de44135f50947b44e57b",icon:"cross",variant:"tertiary",label:"Zoekopdracht legen",onDsoClick:e=>this.handleClear(e.detail.originalEvent)})),o("div",{key:"c02a8f030cd9dc76c099c48f840eb9bb8e4017a0",class:"dso-button-container"},o("span",{key:"fc24cc939f698fefa6d6d5d53255c0d126fa8369",class:"divider"}),o("dso-icon-button",{key:"17f072d722b9d703786ed72ae24eded2b25c4539",icon:"chevron-up",variant:"tertiary",label:`Vorig zoekresultaat ${e-1}/${i}`,onDsoClick:e=>this.handlePrevious(e.detail.originalEvent),disabled:e<=1}),o("span",{key:"0017a76062b3406c66dbb76931d797a2b488fe33",role:"status"},e,"/",i),o("dso-icon-button",{key:"bfd05d3e830fc30a8c55cc66ef69be2911890866",icon:"chevron-down",variant:"tertiary",label:`Volgend zoekresultaat ${e+1}/${i}`,onDsoClick:e=>this.handleNext(e.detail.originalEvent),disabled:e>=i})))}};a.style="*,*::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;border:0;overflow:hidden;clip-path:rect(0 0 0 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;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;border:0;overflow:hidden;clip-path:rect(0 0 0 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 dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.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 dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-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}";export{a as dso_mark_bar}
+import{r as e,d as i,h as o}from"./p-CieBNbUH.js";const a=class{constructor(o){e(this,o),this.dsoInput=i(this,"dsoInput",3),this.dsoNext=i(this,"dsoNext",3),this.dsoPrevious=i(this,"dsoPrevious",3),this.dsoClear=i(this,"dsoClear",3),this.label="Zoeken in document",this.handleInput=e=>{e.target instanceof HTMLInputElement&&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=>{"Enter"===e.key&&this.handleNext(e)}}async dsoFocus(e={}){this.inputElement?.focus(),e.select&&this.inputElement?.select()}render(){const e=this.current||0,i=this.totalCount||0;return o("div",{key:"dafacd14ea816b9512b2511fd999854d9fad8d12",class:"dso-mark-bar"},o("div",{key:"7819a7ff103741b51d13fa35225a63c47fb853da",class:"dso-mark-bar-input"},o("input",{key:"b51bbe2fd496188dbda47e4021fa6ddea7e33086",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),o("label",{key:"be835099cf10bb02179cc2a4b6e18490d7622428",htmlFor:"search-input"},o("dso-icon",{key:"8730c96b5637396bd9ecc97dd868a139a3d60f08",class:"dso-search-icon",icon:"search"}),o("span",{key:"f8a532a770cf52862f5e19abdd60c9a11b302e8c",class:"label-text"},this.label)),o("dso-icon-button",{key:"1cd84ac5915c8aaac1f0de44135f50947b44e57b",icon:"cross",variant:"tertiary",label:"Zoekopdracht legen",onDsoClick:e=>this.handleClear(e.detail.originalEvent)})),o("div",{key:"c02a8f030cd9dc76c099c48f840eb9bb8e4017a0",class:"dso-button-container"},o("span",{key:"fc24cc939f698fefa6d6d5d53255c0d126fa8369",class:"divider"}),o("dso-icon-button",{key:"17f072d722b9d703786ed72ae24eded2b25c4539",icon:"chevron-up",variant:"tertiary",label:`Vorig zoekresultaat ${e-1}/${i}`,onDsoClick:e=>this.handlePrevious(e.detail.originalEvent),disabled:e<=1}),o("span",{key:"0017a76062b3406c66dbb76931d797a2b488fe33",role:"status"},e,"/",i),o("dso-icon-button",{key:"bfd05d3e830fc30a8c55cc66ef69be2911890866",icon:"chevron-down",variant:"tertiary",label:`Volgend zoekresultaat ${e+1}/${i}`,onDsoClick:e=>this.handleNext(e.detail.originalEvent),disabled:e>=i})))}};a.style="*,*::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;border:0;overflow:hidden;clip-path:rect(0 0 0 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;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;border:0;overflow:hidden;clip-path:rect(0 0 0 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 dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.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 dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-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}";export{a as dso_mark_bar}

package/dist/dso-toolkit/{p-5962b2d4.entry.js → p-5018c559.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,a as c,g as s}from"./p-pqfDfKeZ.js";import{c as e}from"./p-Cw_CPOlV.js";const r=class{constructor(t){o(this,t);const{state:c}=e({variant:"default",reverseAlign:!1});this.accordionState=c}get variant(){return this.accordionState.variant}set variant(o){this.accordionState.variant=o||"default"}get reverseAlign(){return this.accordionState.reverseAlign}set reverseAlign(o){this.accordionState.reverseAlign=o||!1}async _getState(){return this.accordionState}render(){return t(c,{key:"9488887d4b47c470a237c25e369b013eeeb55ef9"},t("slot",{key:"7c6ef21c22e84d486f3d71230b042f0119a89388"}))}get host(){return s(this)}};r.style=":host{display:block;margin-block-end:var(--_dso-accordion-margin-block-end, 32px)}*,*::after,*::before{box-sizing:border-box}::slotted(dso-accordion-section:not(:first-child,.dso-accordion-compact,.dso-accordion-compact-black)){margin-block-start:4px}::slotted(dso-accordion-section.dso-accordion-compact:last-child),::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:1px solid #ccc}";export{r as dso_accordion}
+import{r as o,h as t,a as c,g as s}from"./p-CieBNbUH.js";import{c as e}from"./p-kDBsQgLI.js";const r=class{constructor(t){o(this,t);const{state:c}=e({variant:"default",reverseAlign:!1});this.accordionState=c}get variant(){return this.accordionState.variant}set variant(o){this.accordionState.variant=o||"default"}get reverseAlign(){return this.accordionState.reverseAlign}set reverseAlign(o){this.accordionState.reverseAlign=o||!1}async _getState(){return this.accordionState}render(){return t(c,{key:"9488887d4b47c470a237c25e369b013eeeb55ef9"},t("slot",{key:"7c6ef21c22e84d486f3d71230b042f0119a89388"}))}get host(){return s(this)}};r.style=":host{display:block;margin-block-end:var(--_dso-accordion-margin-block-end, 32px)}*,*::after,*::before{box-sizing:border-box}::slotted(dso-accordion-section:not(:first-child,.dso-accordion-compact,.dso-accordion-compact-black)){margin-block-start:4px}::slotted(dso-accordion-section.dso-accordion-compact:last-child),::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:1px solid #ccc}";export{r as dso_accordion}