@dso-toolkit/core 93.0.0 → 94.0.0

package/dist/components/dso-viewer-grid.js

@@ -1 +1 @@
-import{h as e,Fragment as n,proxyCustomElement as i,HTMLElement as a,createEvent as t,transformTag as o}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{d as l}from"./index2.js";const r=["search","map","document"],d={map:"Kaart",document:"Document",search:"Zoeken"},c={small:"smal",medium:"middel",large:"breed"},p=({className:n,onClick:i,label:a,icon:t})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:t,label:a}),m=({shrink:n,expand:i,size:a,panelLabel:t,placement:o})=>{const s=[];return"small"!==a&&s.push(e(p,{onClick:n,label:t+" smaller maken",icon:"right"===o?"chevron-right":"chevron-left",className:"shrink"})),"large"!==a&&s.push(e(p,{onClick:i,label:t+" breder maken",icon:"right"===o?"chevron-left":"chevron-right",className:"expand"})),e("div",{class:"sizing-buttons"},e("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",t.toLocaleLowerCase(),": ",c[a]),s)},b=({tabView:n,panelSize:i,shrinkDocumentPanel:a,expandDocumentPanel:t,dsoDocumentPanelSizeChangeAnimationEnd:o})=>e("div",{class:"dso-document-panel",onTransitionEnd:e=>{"flex-basis"===e.propertyName&&o.emit({currentSize:i})}},!n&&e(m,{panelLabel:"Documentpaneel",size:i,expand:t,shrink:a,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),h=({open:i,title:a,ref:t,dsoCloseFilterPanel:o})=>{const s=a||"Filterpaneel";return e("dialog",{class:"filter-panel",ref:t,inert:!i,"aria-label":s},i&&e(n,null,e("h3",{class:{"sr-only":!a}},s),e("dso-icon-button",{class:"dso-close",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:o}),e("slot",{name:"filter-panel"})))},v=({tabView:n,mainSize:i,documentPanelOpen:a,mainPanelExpanded:t,mainPanelHidden:o,toggleMainPanel:l,dsoMainSizeChangeAnimationEnd:r})=>e("div",{class:s("dso-main-panel",{compact:!n&&a&&!t,contracted:!n&&!a&&!t,expanded:!n&&a&&t,collapsed:o}),onTransitionEnd:e=>{"flex-basis"===e.propertyName&&r.emit({currentSize:i})}},!n&&a&&e("div",{class:"toggle-button"},e("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(o?"tonen":"verbergen"),icon:o?"chevron-right":"chevron-left",onDsoClick:l})),e("div",{class:s("content",{invisible:o})},e("slot",{name:"main"}))),x=({ref:n,dsoCloseOverlay:i})=>e("dialog",{class:"overlay",ref:n,onCancel:e=>{e.preventDefault(),i(e)}},e("dso-icon-button",{class:"overlay-close-button",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:i}),e("slot",{name:"overlay"})),u=new ResizeObserver(l((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&function(e){return"DSO-VIEWER-GRID"===e.tagName}(n.host)&&n.host._checkMainPanelVisibility()}),50)),g=i(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCloseOverlay=t(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=t(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=t(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=t(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=t(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=t(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=t(this,"dsoMainPanelToggle",7),this.mediaCondition="(min-width: 808px)",this.filterPanelOpen=!1,this.overlayOpen=!1,this.documentPanelOpen=!1,this.mainSize="large",this.documentPanelSize="large",this.mainPanelExpanded=!1,this.mainPanelHidden=!1,this.tabView=window.innerWidth<808,this.switchActiveTab=e=>{this.dsoActiveTabSwitch.emit({tab:e})},this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"large"===this.documentPanelSize?"medium":"small"})},this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"small"===this.documentPanelSize?"medium":"large"})},this.toggleMainPanel=()=>{this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=520&&(this.mainSize="small"),this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})},this.changeListener=e=>this.tabView=!e.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(e){e&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(e){this.filterPanelSlot||console.warn("slot 'filter-panel' has not been set"),e?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(e){this.overlaySlot||console.warn("slot 'overlay' has not been set"),e?this.overlay?.showModal():this.overlay?.close()}async _checkMainPanelVisibility(){this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=520&&!this.mainPanelExpanded||this.mapElement.clientWidth<=80&&this.mainPanelExpanded)&&this.dsoMainPanelToggle.emit({hide:!0})}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}componentDidLoad(){this.filterPanelOpen&&this.filterPanelSlot&&this.filterPanel?.show(),this.overlayOpen&&this.overlaySlot&&this.overlay?.showModal(),this.mapElement instanceof HTMLDivElement&&u.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&u.unobserve(this.mapElement)}render(){return e(n,{key:"06fb7880f5116450d6b14d8487bac63c94345922"},e("slot",{key:"eb9893063f36b291d765a0b7ade2de7303dfc0f2",name:"top-bar"}),e("div",{key:"021c89577aed0b6fe33a225c801a790b67a45161",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"87ceaa1f12b58c564c125a8709635144aac9c31e",class:"dso-navbar"},e("ul",{key:"bcad835f8f77c617058b0994b33a9c6c98201a51",class:"dso-nav dso-nav-sub"},r.map((n=>e("li",{key:n,class:s({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary",onClick:()=>this.switchActiveTab(n)},d[n])))))),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(v,{key:"f4ac0d91a990acb68fde9057d69a824ab62c42b1",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd}),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(h,{key:"f62670f4abba9bf22963afba2548a97593bf2129",open:this.filterPanelOpen,title:this.filterPanelTitle,ref:e=>this.filterPanel=e,dsoCloseFilterPanel:e=>this.dsoCloseFilterPanel.emit({originalEvent:e})}),(!this.tabView||this.tabView&&"map"===this.activeTab)&&e("div",{key:"e04bad7ba3c8f93ec354d23d48652cbca6be1956",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"6d901b85ce9f9eae56fbabff84ac15a100283055",name:"map"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab)&&e(b,{key:"04ed6978e33e29dd4ce394e1ce3e673fe5a1ddd3",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(x,{key:"ba22e04eb7a2be5c51477556a708dd65a57ea339",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return this}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}static get style(){return"*, *::after, *::before {   box-sizing: border-box; }  :host .overlay {   block-size: calc(100% - 32px);   margin-block: 16px;   margin-inline: auto 16px; } :host .dso-main-panel {   transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  .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); }  .overlay-close-button {   position: absolute;   line-height: 1;   inset-block-start: 8px;   inset-inline-end: 16px; }  .content.invisible {   visibility: hidden; }  .viewer-grid-columns {   position: relative; }  .dso-main-panel .content, .dso-document-panel .content {   block-size: 100%;   padding-block: 0;   padding-inline: 16px; }  .dso-main-panel {   background-color: #fff;   flex-shrink: 0;   flex-grow: 0;   position: relative;   transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;   z-index: 100; } .dso-main-panel.compact.collapsed, .dso-main-panel.expanded.collapsed {   inset-inline-start: -432px; } .dso-main-panel.compact, .dso-main-panel.contracted {   flex-shrink: unset;   flex-grow: unset;   position: absolute;   transition: none; } .dso-main-panel.expanded.collapsed {   position: absolute;   block-size: 100%; } .dso-main-panel .sizing-buttons, .dso-main-panel .toggle-button {   inset-inline-start: calc(100% + 1px);   transition: inset-inline-start 200ms ease-in;   padding-block: 0 8px;   padding-inline: 0 4px; } .dso-main-panel .toggle-button {   --_dt-icon-button-border-start-start-radius: 0;   --_dt-icon-button-border-end-start-radius: 0; }  .dso-document-panel {   background-color: #fff;   flex-shrink: 0;   flex-grow: 0;   position: relative;   transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;   z-index: 100; } .dso-document-panel .sizing-buttons {   inset-block-start: auto;   inset-block-end: 16px;   inset-inline-end: calc(100% + 1px);   transition: inset-inline-end 200ms ease-in;   padding-block: 0 8px;   padding-inline: 4px 0; } .dso-document-panel .sizing-buttons .shrink, .dso-document-panel .sizing-buttons .expand {   --_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;   --_dt-icon-button-border-start-end-radius: 0;   --_dt-icon-button-border-end-end-radius: 0; }  .sizing-buttons, .toggle-button {   overflow-x: hidden;   position: absolute;   inset-block-start: 16px;   inline-size: 44px;   z-index: -1; }  .map {   block-size: 100%;   inline-size: 100%;   overflow: hidden;   position: relative; }  .filter-panel, .overlay {   background-color: #fff;   border: 0;   block-size: 100%;   margin-block: 0;   max-block-size: 100vh;   overflow-y: auto;   z-index: 101; }  .filter-panel {   display: block;   position: absolute;   padding-block: 8px;   padding-inline: 16px;   inset-block-start: 0;   block-size: 100%;   inset-inline-start: -380px;   inline-size: 100%;   transition: inset-inline-start 200ms ease-in; } @media screen and (max-width: 768px) {   .filter-panel {     inline-size: 100vw;   }   .filter-panel::before {     display: none !important;   } } @media screen and (min-width: 992px) {   .filter-panel {     max-inline-size: 380px;   } } .filter-panel[open] {   inset-inline-start: 0;   box-shadow: none;   border-inline-end: 1px solid #e5e5e5; } .filter-panel h3 {   color: #275937; } .filter-panel .dso-close {   --_dso-icon-button-tertiary-color: #191919;   position: absolute;   inset-block-start: 20px;   inset-inline-end: 20px; }  .overlay {   padding-block: 40px 8px;   padding-inline: 16px;   inset-inline-end: 0;   inline-size: 624px; } .overlay::backdrop {   background-color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 624px) {   .overlay {     inline-size: 100vw;   } }  @media screen and (min-width: 808px) {   :host([main-size=small]) .dso-main-panel,   :host([document-panel-size=small]) .dso-document-panel {     flex-basis: 375px;     min-inline-size: 0;     max-inline-size: 375px;   } } @media screen and (min-width: 808px) and (max-width: 375px) {   :host([main-size=small]) .dso-main-panel,   :host([document-panel-size=small]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 0;     transition: none;   } } @media screen and (min-width: 808px) {   :host([main-size=medium]) .dso-main-panel,   :host([document-panel-size=medium]) .dso-document-panel {     flex-basis: 624px;     min-inline-size: 375px;     max-inline-size: 624px;   } } @media screen and (min-width: 808px) and (max-width: 624px) {   :host([main-size=medium]) .dso-main-panel,   :host([document-panel-size=medium]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 375px;     transition: none;   } } @media screen and (min-width: 808px) {   :host([main-size=large]) .dso-main-panel,   :host([document-panel-size=large]) .dso-document-panel {     flex-basis: 60%;     min-inline-size: 768px;     max-inline-size: 1024px;   } } @media screen and (min-width: 808px) and (max-width: 768px) {   :host([main-size=large]) .dso-main-panel,   :host([document-panel-size=large]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 768px;     transition: none;   } } @media screen and (min-width: 808px) {   :host {     display: flex;     flex-direction: column;     block-size: 100vh;     overflow: clip;     position: relative;   }   :host .dso-main-panel.compact,   :host .dso-main-panel.expanded {     flex-basis: unset;     min-inline-size: unset;     max-inline-size: unset;     inline-size: 440px;   }   :host .viewer-grid-columns {     display: flex;     overflow: hidden;     flex-grow: 1;   }   .dso-main-panel,   .dso-document-panel {     box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);   }   .dso-main-panel .content,   .dso-document-panel .content {     overflow-y: auto;   }   .filter-panel {     margin-inline: 0 auto;     inline-size: calc(100vw - 40px);   }   .filter-panel[open] {     border-inline-end: 1px solid #e5e5e5;   }   .overlay {     box-shadow: -2px 0 5px #666;     margin-inline: auto 0;   } } @media screen and (min-width: 808px) and (max-width: 1031.99px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;     max-inline-size: calc(100vw - 380px);   }   .filter-panel {     inline-size: 380px;     inset-inline-start: -380px;   } } @media screen and (max-width: 807.99px) {   .dso-navbar {     min-block-size: 32px;   }   .dso-navbar .dso-navbar-header {     float: inline-start;   }   .dso-navbar .dso-navbar-toggle {     border-radius: 4px;     min-inline-size: auto;     padding-block: 5px;     padding-inline: 0;   }   .dso-navbar .dso-navbar-toggle dso-icon {     margin-inline-start: 8px;     margin-inline-end: 8px;   } } @media screen and (max-width: 807.99px) and (min-width: 992px) {   .dso-navbar .dso-navbar-toggle {     display: none;   } } @media screen and (max-width: 807.99px) {   .dso-navbar.dso-has-navbar-extension .dso-nav > li:last-child {     margin-inline-end: 8rem;   }   .dso-nav {     list-style: none;     margin-block-end: 0;     padding-inline-start: 0;   }   .dso-nav > li > button {     border: 0;     background-color: transparent;   }   .dso-nav > li > a,   .dso-nav > li > button {     display: block;   }   .dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited,   .dso-nav > li > button,   .dso-nav > li > button:hover,   .dso-nav > li > button:focus,   .dso-nav > li > button:visited {     color: #275937;   }   .dso-nav > li.dso-active > a,   .dso-nav > li.dso-active > button, .dso-nav > li.is-active > a,   .dso-nav > li.is-active > button {     border-block-end: 4px solid #8b4a6a;     font-weight: bold;   }   .dso-nav.dso-nav-main > li {     display: inline-block;   }   .dso-nav.dso-nav-main > li > a,   .dso-nav.dso-nav-main > li > button {     text-decoration: none;   }   .dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus-visible, .dso-nav.dso-nav-main > li > a:active,   .dso-nav.dso-nav-main > li > button:hover,   .dso-nav.dso-nav-main > li > button:focus-visible,   .dso-nav.dso-nav-main > li > button:active {     text-decoration: underline;   }   .dso-nav.dso-nav-main > li > a,   .dso-nav.dso-nav-main > li > button {     font-size: 1.25em;     line-height: 1;     margin-block-start: 8px;     padding-block: 8px 7px;     padding-inline: 16px;   }   .dso-nav.dso-nav-sub > li {     display: inline-block;   }   .dso-nav.dso-nav-sub > li > a,   .dso-nav.dso-nav-sub > li > button {     text-decoration: none;   }   .dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus-visible, .dso-nav.dso-nav-sub > li > a:active,   .dso-nav.dso-nav-sub > li > button:hover,   .dso-nav.dso-nav-sub > li > button:focus-visible,   .dso-nav.dso-nav-sub > li > button:active {     text-decoration: underline;   }   .dso-nav.dso-nav-sub > li > a,   .dso-nav.dso-nav-sub > li > button {     font-size: 1rem;     margin-block-start: 4px;     padding-block: 4px 3px;     padding-inline: 8px;   }   .dso-navbar {     padding-inline: 16px;   }   .dso-nav {     border-block-end: 1px solid #ccc;     display: flex;     gap: 16px;     margin-block-start: 0;     inline-size: calc(100vw - 32px);   }   .dso-tertiary {     display: inline-block;     font-size: 1em;     font-weight: 500;     margin-block-end: 0;     text-decoration: none;     touch-action: manipulation;     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 {     display: inline-block;     font-size: 1em;     font-weight: 500;     margin-block-end: 0;     text-decoration: none;     touch-action: manipulation;     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 {     background-color: var(--_dso-button-tertiary-background-color, );     border-color: var(--_dso-button-tertiary-border-color, );     color: var(--_dso-button-tertiary-color, #39870c);     border-width: 1px;     border-style: solid;     border-radius: 4px;     line-height: 1.5;     min-inline-size: auto;     padding-block: 11px;     padding-inline: 15px;   }   .dso-tertiary:hover {     background-color: var(--_dso-button-tertiary-hover-background-color, );     border-color: var(--_dso-button-tertiary-hover-border-color, );     color: var(--_dso-button-tertiary-hover-color, #275937);   }   .dso-tertiary:active {     background-color: var(--_dso-button-tertiary-active-background-color, );     border-color: var(--_dso-button-tertiary-active-border-color, );     color: var(--_dso-button-tertiary-active-color, #173521);   }   .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {     background-color: var(--_dso-button-tertiary-disabled-background-color, );     border-color: var(--_dso-button-tertiary-disabled-border-color, );     color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   }   .dso-tertiary.dso-small {     line-height: 1rem;   }   .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {     margin-block-end: -4px;     margin-block-start: -4px;   }   .dso-tertiary.dso-small.dso-spinner-left::before {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-small.dso-spinner-right::after {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small {     line-height: 1rem;   }   .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {     margin-block-end: -4px;     margin-block-start: -4px;   }   .dso-tertiary.dso-extra-small.dso-spinner-left::before {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small.dso-spinner-right::after {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small {     padding-block: 9px;   }   .dso-tertiary dso-icon:has(+ span:not(.sr-only)) {     margin-inline-start: -8px;   }   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;     margin-inline-end: -8px;   }   .dso-tertiary dso-icon + span:not(.sr-only) {     margin-inline-start: 8px;   }   .dso-tertiary {     border: 0;     line-height: 1;     padding: 0;     background-color: transparent;   }   .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {     color: #39870c;   }   .dso-tertiary:not([disabled]):hover {     text-decoration: underline;     text-underline-position: under;   }   .dso-tertiary.dso-align {     line-height: calc(1.5em - 1px);     padding-block: 11px;     padding-inline: 0;     position: relative;   }   .dso-tertiary.dso-truncate {     max-inline-size: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .dso-tertiary.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: middle;     inline-size: 24px;     margin-inline-end: 8px;   }   .dso-tertiary.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: middle;     inline-size: 24px;     margin-inline-start: 8px;   }   .dso-tertiary dso-icon + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;   }   .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),   .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {     margin-inline-start: 0;   }   .dso-tertiary dso-icon,   .dso-tertiary span {     vertical-align: middle;   }   .dso-tertiary {     font-weight: 300;   }   .overlay {     inline-size: calc(100vw - 32px);   }   .filter-panel,   .overlay {     margin-inline: 0;     max-inline-size: 100vw;     inset-block-start: 0;   }   .filter-panel {     inset-inline-start: -100vw;     inline-size: 100vw;   } } @media screen and (min-width: 992px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;   } }"}},[257,"dso-viewer-grid",{filterPanelTitle:[513,"filter-panel-title"],filterPanelOpen:[516,"filter-panel-open"],overlayOpen:[516,"overlay-open"],documentPanelOpen:[516,"document-panel-open"],mainSize:[513,"main-size"],activeTab:[1,"active-tab"],documentPanelSize:[513,"document-panel-size"],mainPanelExpanded:[4,"main-panel-expanded"],mainPanelHidden:[4,"main-panel-hidden"],tabView:[32],_checkMainPanelVisibility:[64]},void 0,{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}]),f=g,y=function(){"undefined"!=typeof customElements&&["dso-viewer-grid"].forEach((e=>{"dso-viewer-grid"===e&&(customElements.get(o(e))||customElements.define(o(e),g))}))};export{f as DsoViewerGrid,y as defineCustomElement}
+import{h as e,Fragment as n,proxyCustomElement as i,HTMLElement as t,createEvent as a,transformTag as o}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{d as r}from"./index2.js";const l=["search","map","document"],d={map:"Kaart",document:"Document",search:"Zoeken"},c={small:"smal",medium:"middel",large:"breed"},p=({className:n,onClick:i,label:t,icon:a})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:a,label:t}),m=({shrink:n,expand:i,size:t,panelLabel:a,placement:o})=>{const s=[];return"small"!==t&&s.push(e(p,{onClick:n,label:a+" smaller maken",icon:"right"===o?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(e(p,{onClick:i,label:a+" breder maken",icon:"right"===o?"chevron-left":"chevron-right",className:"expand"})),e("div",{class:"sizing-buttons"},e("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",a.toLocaleLowerCase(),": ",c[t]),s)},b=({tabView:n,panelSize:i,shrinkDocumentPanel:t,expandDocumentPanel:a,dsoDocumentPanelSizeChangeAnimationEnd:o})=>e("div",{class:"dso-document-panel",onTransitionEnd:e=>{"flex-basis"===e.propertyName&&o.emit({currentSize:i})}},!n&&e(m,{panelLabel:"Documentpaneel",size:i,expand:a,shrink:t,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),h=({open:i,title:t,ref:a,dsoCloseFilterPanel:o})=>{const s=t||"Filterpaneel";return e("dialog",{class:"filter-panel",ref:a,inert:!i,"aria-label":s},i&&e(n,null,e("h3",{class:{"sr-only":!t}},s),e("dso-icon-button",{class:"dso-close",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:o}),e("slot",{name:"filter-panel"})))},v=({tabView:n,mainSize:i,documentPanelOpen:t,mainPanelExpanded:a,mainPanelHidden:o,toggleMainPanel:r,dsoMainSizeChangeAnimationEnd:l})=>e("div",{class:s("dso-main-panel",{compact:!n&&t&&!a,contracted:!n&&!t&&!a,expanded:!n&&t&&a,collapsed:o}),onTransitionEnd:e=>{"flex-basis"===e.propertyName&&l.emit({currentSize:i})}},!n&&t&&e("div",{class:"toggle-button"},e("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(o?"tonen":"verbergen"),icon:o?"chevron-right":"chevron-left",onDsoClick:r})),e("div",{class:s("content",{invisible:o})},e("slot",{name:"main"}))),u=({ref:n,dsoCloseOverlay:i})=>e("dialog",{class:"overlay",ref:n,onCancel:e=>{e.preventDefault(),i(e)}},e("dso-icon-button",{class:"overlay-close-button",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:i}),e("slot",{name:"overlay"})),x=new ResizeObserver(r((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&function(e){return"DSO-VIEWER-GRID"===e.tagName}(n.host)&&n.host._checkMainPanelVisibility()}),50)),g=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCloseOverlay=a(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=a(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=a(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=a(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=a(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=a(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=a(this,"dsoMainPanelToggle",7),this.mediaCondition="(min-width: 808px)",this.filterPanelOpen=!1,this.overlayOpen=!1,this.documentPanelOpen=!1,this.mainSize="large",this.documentPanelSize="large",this.mainPanelExpanded=!1,this.mainPanelHidden=!1,this.tabView=window.innerWidth<808,this.switchActiveTab=e=>{this.dsoActiveTabSwitch.emit({tab:e})},this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"large"===this.documentPanelSize?"medium":"small"})},this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"small"===this.documentPanelSize?"medium":"large"})},this.toggleMainPanel=()=>{this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=520&&(this.mainSize="small"),this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})},this.changeListener=e=>this.tabView=!e.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(e){e&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(e){this.filterPanelSlot||console.warn("slot 'filter-panel' has not been set"),e?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(e){this.overlaySlot||console.warn("slot 'overlay' has not been set"),e?this.overlay?.showModal():this.overlay?.close()}async _checkMainPanelVisibility(){this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=520&&!this.mainPanelExpanded||this.mapElement.clientWidth<=80&&this.mainPanelExpanded)&&this.dsoMainPanelToggle.emit({hide:!0})}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}componentDidLoad(){this.filterPanelOpen&&this.filterPanelSlot&&this.filterPanel?.show(),this.overlayOpen&&this.overlaySlot&&this.overlay?.showModal(),this.mapElement instanceof HTMLDivElement&&x.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&x.unobserve(this.mapElement)}render(){return e(n,{key:"26275e4bd63ea9988a40dd30a06e35d8f84aee18"},e("slot",{key:"a6a26816f3c7354ca20e689d66a1f7f34ca0ca28",name:"top-bar"}),e("div",{key:"80a5bec1d9f4046a37386a06dd869df34d60a694",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"1219d573f9c161bda5dabbdcc42e9da2a1b3da6f",class:"dso-navbar"},e("ul",{key:"f1773d2c30d5233802dce6b786c9a70d0bf9532f",class:"dso-nav dso-nav-sub"},l.map((n=>e("li",{key:n,class:s({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary",onClick:()=>this.switchActiveTab(n)},d[n])))))),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(v,{key:"584b42ba1c23e38b2ff05149a05ac223eadcd837",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd}),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(h,{key:"4898758cd63336f2be1cec62ba8940d375b329a4",open:this.filterPanelOpen,title:this.filterPanelTitle,ref:e=>this.filterPanel=e,dsoCloseFilterPanel:e=>this.dsoCloseFilterPanel.emit({originalEvent:e})}),(!this.tabView||this.tabView&&"map"===this.activeTab)&&e("div",{key:"42bc78262e2bcb6641c6603c8f8c0ee766a7c8c8",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"a1abef1e962e95fd325b33dd0d5d6c96f9d4a347",name:"map"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab)&&e(b,{key:"4ec9cc86758ad75f846a868e968975d520d98370",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(u,{key:"f4838336213eb44a98a08678606ea0e865edf6e7",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return this}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}static get style(){return"*, *::after, *::before {   box-sizing: border-box; }  :host .overlay {   block-size: calc(100% - 32px);   margin-block: 16px;   margin-inline: auto 16px; } :host .dso-main-panel {   transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  .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); }  .overlay-close-button {   position: absolute;   line-height: 1;   inset-block-start: 8px;   inset-inline-end: 16px; }  .content.invisible {   visibility: hidden; }  .viewer-grid-columns {   position: relative; }  .dso-main-panel .content, .dso-document-panel .content {   block-size: 100%;   padding-block: 0;   padding-inline: 16px; }  .dso-main-panel {   background-color: #fff;   flex-shrink: 0;   flex-grow: 0;   position: relative;   transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;   z-index: 100; } .dso-main-panel.compact.collapsed, .dso-main-panel.expanded.collapsed {   inset-inline-start: -432px; } .dso-main-panel.compact, .dso-main-panel.contracted {   flex-shrink: unset;   flex-grow: unset;   position: absolute;   transition: none; } .dso-main-panel.expanded.collapsed {   position: absolute;   block-size: 100%; } .dso-main-panel .sizing-buttons, .dso-main-panel .toggle-button {   inset-inline-start: calc(100% + 1px);   transition: inset-inline-start 200ms ease-in;   padding-block: 0 8px;   padding-inline: 0 4px; } .dso-main-panel .toggle-button {   --_dt-icon-button-border-start-start-radius: 0;   --_dt-icon-button-border-end-start-radius: 0; }  .dso-document-panel {   background-color: #fff;   flex-shrink: 0;   flex-grow: 0;   position: relative;   transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;   z-index: 100; } .dso-document-panel .sizing-buttons {   inset-block-start: auto;   inset-block-end: 16px;   inset-inline-end: calc(100% + 1px);   transition: inset-inline-end 200ms ease-in;   padding-block: 0 8px;   padding-inline: 4px 0; } .dso-document-panel .sizing-buttons .shrink, .dso-document-panel .sizing-buttons .expand {   --_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;   --_dt-icon-button-border-start-end-radius: 0;   --_dt-icon-button-border-end-end-radius: 0; }  .sizing-buttons, .toggle-button {   overflow-x: hidden;   position: absolute;   inset-block-start: 16px;   inline-size: 44px;   z-index: -1; }  .map {   block-size: 100%;   inline-size: 100%;   overflow: hidden;   position: relative; }  .filter-panel, .overlay {   background-color: #fff;   border: 0;   block-size: 100%;   margin-block: 0;   max-block-size: 100vh;   overflow-y: auto;   z-index: 101; }  .filter-panel {   display: block;   position: absolute;   padding-block: 8px;   padding-inline: 16px;   inset-block-start: 0;   block-size: 100%;   inset-inline-start: -380px;   inline-size: 100%;   transition: inset-inline-start 200ms ease-in; } @media screen and (max-width: 768px) {   .filter-panel {     inline-size: 100vw;   }   .filter-panel::before {     display: none !important;   } } @media screen and (min-width: 992px) {   .filter-panel {     max-inline-size: 380px;   } } .filter-panel[open] {   inset-inline-start: 0;   box-shadow: none;   border-inline-end: 1px solid #e5e5e5; } .filter-panel h3 {   color: #275937; } .filter-panel .dso-close {   --_dso-icon-button-tertiary-color: #191919;   position: absolute;   inset-block-start: 20px;   inset-inline-end: 20px; }  .overlay {   padding-block: 40px 8px;   padding-inline: 16px;   inset-inline-end: 0;   inline-size: 624px; } .overlay::backdrop {   background-color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 624px) {   .overlay {     inline-size: 100vw;   } }  @media screen and (min-width: 808px) {   :host([main-size=small]) .dso-main-panel,   :host([document-panel-size=small]) .dso-document-panel {     flex-basis: 375px;     min-inline-size: 0;     max-inline-size: 375px;   } } @media screen and (min-width: 808px) and (max-width: 375px) {   :host([main-size=small]) .dso-main-panel,   :host([document-panel-size=small]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 0;     transition: none;   } } @media screen and (min-width: 808px) {   :host([main-size=medium]) .dso-main-panel,   :host([document-panel-size=medium]) .dso-document-panel {     flex-basis: 624px;     min-inline-size: 375px;     max-inline-size: 624px;   } } @media screen and (min-width: 808px) and (max-width: 624px) {   :host([main-size=medium]) .dso-main-panel,   :host([document-panel-size=medium]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 375px;     transition: none;   } } @media screen and (min-width: 808px) {   :host([main-size=large]) .dso-main-panel,   :host([document-panel-size=large]) .dso-document-panel {     flex-basis: 60%;     min-inline-size: 768px;     max-inline-size: 1024px;   } } @media screen and (min-width: 808px) and (max-width: 768px) {   :host([main-size=large]) .dso-main-panel,   :host([document-panel-size=large]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 768px;     transition: none;   } } @media screen and (min-width: 808px) {   :host {     display: flex;     flex-direction: column;     block-size: 100vh;     overflow: clip;     position: relative;   }   :host .dso-main-panel.compact,   :host .dso-main-panel.expanded {     flex-basis: unset;     min-inline-size: unset;     max-inline-size: unset;     inline-size: 440px;   }   :host .viewer-grid-columns {     display: flex;     overflow: hidden;     flex-grow: 1;   }   .dso-main-panel,   .dso-document-panel {     box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);   }   .dso-main-panel .content,   .dso-document-panel .content {     overflow-y: auto;   }   .filter-panel {     margin-inline: 0 auto;     inline-size: calc(100vw - 40px);   }   .filter-panel[open] {     border-inline-end: 1px solid #e5e5e5;   }   .overlay {     box-shadow: -2px 0 5px #666;     margin-inline: auto 0;   } } @media screen and (min-width: 808px) and (max-width: 1031.99px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;     max-inline-size: calc(100vw - 380px);   }   .filter-panel {     inline-size: 380px;     inset-inline-start: -380px;   } } @media screen and (max-width: 807.99px) {   .dso-navbar {     min-block-size: 32px;   }   .dso-navbar .dso-navbar-header {     float: inline-start;   }   .dso-navbar .dso-navbar-toggle {     border-radius: 4px;     min-inline-size: auto;     padding-block: 5px;     padding-inline: 0;   }   .dso-navbar .dso-navbar-toggle dso-icon {     margin-inline-start: 8px;     margin-inline-end: 8px;   } } @media screen and (max-width: 807.99px) and (min-width: 992px) {   .dso-navbar .dso-navbar-toggle {     display: none;   } } @media screen and (max-width: 807.99px) {   .dso-navbar.dso-has-navbar-extension .dso-nav > li:last-child {     margin-inline-end: 8rem;   }   .dso-nav {     list-style: none;     margin-block-end: 0;     padding-inline-start: 0;   }   .dso-nav > li > button {     border: 0;     background-color: transparent;   }   .dso-nav > li > a,   .dso-nav > li > button {     display: block;   }   .dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited,   .dso-nav > li > button,   .dso-nav > li > button:hover,   .dso-nav > li > button:focus,   .dso-nav > li > button:visited {     color: #275937;   }   .dso-nav > li.dso-active > a,   .dso-nav > li.dso-active > button, .dso-nav > li.is-active > a,   .dso-nav > li.is-active > button {     border-block-end: 4px solid #8b4a6a;     font-weight: bold;   }   .dso-nav.dso-nav-main > li {     display: inline-block;   }   .dso-nav.dso-nav-main > li > a,   .dso-nav.dso-nav-main > li > button {     text-decoration: none;   }   .dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus-visible, .dso-nav.dso-nav-main > li > a:active,   .dso-nav.dso-nav-main > li > button:hover,   .dso-nav.dso-nav-main > li > button:focus-visible,   .dso-nav.dso-nav-main > li > button:active {     text-decoration: underline;   }   .dso-nav.dso-nav-main > li > a,   .dso-nav.dso-nav-main > li > button {     font-size: 1.25em;     line-height: 1;     margin-block-start: 8px;     padding-block: 8px 7px;     padding-inline: 16px;   }   .dso-nav.dso-nav-sub > li {     display: inline-block;   }   .dso-nav.dso-nav-sub > li > a,   .dso-nav.dso-nav-sub > li > button {     text-decoration: none;   }   .dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus-visible, .dso-nav.dso-nav-sub > li > a:active,   .dso-nav.dso-nav-sub > li > button:hover,   .dso-nav.dso-nav-sub > li > button:focus-visible,   .dso-nav.dso-nav-sub > li > button:active {     text-decoration: underline;   }   .dso-nav.dso-nav-sub > li > a,   .dso-nav.dso-nav-sub > li > button {     font-size: 1rem;     margin-block-start: 4px;     padding-block: 4px 3px;     padding-inline: 8px;   }   .dso-navbar {     padding-inline: 16px;   }   .dso-nav {     border-block-end: 1px solid #ccc;     display: flex;     gap: 16px;     margin-block-start: 0;     inline-size: calc(100vw - 32px);   }   .dso-tertiary {     display: inline-block;     font-size: 1em;     font-weight: 500;     margin-block-end: 0;     text-decoration: none;     touch-action: manipulation;     text-align: var(--_dt-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 {     display: inline-block;     font-size: 1em;     font-weight: 500;     margin-block-end: 0;     text-decoration: none;     touch-action: manipulation;     text-align: var(--_dt-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 {     background-color: var(--_dso-button-tertiary-background-color, );     border-color: var(--_dso-button-tertiary-border-color, );     color: var(--_dso-button-tertiary-color, #39870c);     float: var(--_dt-button-float-tertiary, none);     border-width: 1px;     border-style: solid;     border-radius: 4px;     line-height: 1.5;     min-inline-size: auto;     inline-size: var(--_dt-button-inline-size, auto);     padding-block: 11px;     padding-inline: 15px;   }   .dso-tertiary:hover {     background-color: var(--_dso-button-tertiary-hover-background-color, );     border-color: var(--_dso-button-tertiary-hover-border-color, );     color: var(--_dso-button-tertiary-hover-color, #275937);     float: var(--_dt-button-float-tertiary, none);   }   .dso-tertiary:active {     background-color: var(--_dso-button-tertiary-active-background-color, );     border-color: var(--_dso-button-tertiary-active-border-color, );     color: var(--_dso-button-tertiary-active-color, #173521);     float: var(--_dt-button-float-tertiary, none);   }   .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {     background-color: var(--_dso-button-tertiary-disabled-background-color, );     border-color: var(--_dso-button-tertiary-disabled-border-color, );     color: var(--_dso-button-tertiary-disabled-color, #afcf9d);     float: var(--_dt-button-float-tertiary, none);   }   .dso-tertiary.dso-small {     line-height: 1rem;   }   .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {     margin-block-end: -4px;     margin-block-start: -4px;   }   .dso-tertiary.dso-small.dso-spinner-left::before {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-small.dso-spinner-right::after {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small {     line-height: 1rem;   }   .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {     margin-block-end: -4px;     margin-block-start: -4px;   }   .dso-tertiary.dso-extra-small.dso-spinner-left::before {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small.dso-spinner-right::after {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small {     padding-block: 9px;   }   .dso-tertiary dso-icon:has(+ span:not(.sr-only)) {     margin-inline-start: -8px;   }   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;     margin-inline-end: -8px;   }   .dso-tertiary dso-icon + span:not(.sr-only) {     margin-inline-start: 8px;   }   .dso-tertiary {     border: 0;     line-height: 1;     padding-inline: 0;     padding-block: var(--_dt-button-padding-block-tertiary, 0);     background-color: transparent;   }   .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {     color: #39870c;   }   .dso-tertiary:not([disabled]):hover {     text-decoration: underline;     text-underline-position: under;   }   .dso-tertiary.dso-align {     line-height: calc(1.5em - 1px);     padding-block: 11px;     padding-inline: 0;     position: relative;   }   .dso-tertiary.dso-truncate {     max-inline-size: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .dso-tertiary.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: middle;     inline-size: 24px;     margin-inline-end: 8px;   }   .dso-tertiary.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: middle;     inline-size: 24px;     margin-inline-start: 8px;   }   .dso-tertiary dso-icon + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;   }   .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),   .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {     margin-inline-start: 0;   }   .dso-tertiary dso-icon,   .dso-tertiary span {     vertical-align: middle;   }   .dso-tertiary {     font-weight: 300;   }   .overlay {     inline-size: calc(100vw - 32px);   }   .filter-panel,   .overlay {     margin-inline: 0;     max-inline-size: 100vw;     inset-block-start: 0;   }   .filter-panel {     inset-inline-start: -100vw;     inline-size: 100vw;   } } @media screen and (min-width: 992px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;   } }"}},[257,"dso-viewer-grid",{filterPanelTitle:[513,"filter-panel-title"],filterPanelOpen:[516,"filter-panel-open"],overlayOpen:[516,"overlay-open"],documentPanelOpen:[516,"document-panel-open"],mainSize:[513,"main-size"],activeTab:[1,"active-tab"],documentPanelSize:[513,"document-panel-size"],mainPanelExpanded:[4,"main-panel-expanded"],mainPanelHidden:[4,"main-panel-hidden"],tabView:[32],_checkMainPanelVisibility:[64]},void 0,{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}]),f=g,y=function(){"undefined"!=typeof customElements&&["dso-viewer-grid"].forEach((e=>{"dso-viewer-grid"===e&&(customElements.get(o(e))||customElements.define(o(e),g))}))};export{f as DsoViewerGrid,y as defineCustomElement}

package/dist/components/dsot-document-component-demo.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as n,h as o,Fragment as r,transformTag as s}from"@stencil/core/internal/client";import{g as i,c as a,d as c}from"./ozon-content.js";import{d as u}from"./alert.js";import{d as f}from"./annotation-locatie.js";import{d}from"./badge.js";import{d as l}from"./document-component.js";import{d as h}from"./icon.js";import{d as m}from"./icon-button.js";import{d as p}from"./image-overlay.js";import{d as b}from"./label.js";import{d as v}from"./ozon-content-toggletip.js";import{d as g}from"./panel.js";import{d as y}from"./renvooi.js";import{d as j}from"./responsive-element.js";import{d as k}from"./scrollable.js";import{d as C}from"./slide-toggle.js";import{d as E}from"./table.js";import{d as w}from"./tooltip.js";var D,A,O,z,S=i(function(){if(A)return D;A=1;var t=1/0,e=9007199254740991,n=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,s=/^0o[0-7]+$/i,i=/^(?:0|[1-9]\d*)$/,a=parseFloat,c=parseInt,u=Object.prototype.toString,f=Math.floor,d=Math.min,l=Math.random;function h(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function m(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==u.call(t)}(t))return NaN;if(h(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=h(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var i=r.test(t);return i||s.test(t)?c(t.slice(2),i?2:8):o.test(t)?NaN:+t}(e))===t||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}return D=function(t,n,o){if(o&&"boolean"!=typeof o&&function(t,n,o){if(!h(o))return!1;var r=typeof n;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!function(t){var e=h(t)?u.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}(t)}(o)&&function(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||i.test(t))&&t>-1&&t%1==0&&t<n}(n,o.length):"string"==r&&n in o)&&function(t,e){return t===e||t!=t&&e!=e}(o[n],t)}(t,n,o)&&(n=o=void 0),void 0===o&&("boolean"==typeof n?(o=n,n=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===n?(t=0,n=1):(t=m(t),void 0===n?(n=t,t=0):n=m(n)),t>n){var r=t;t=n,n=r}if(o||t%1||n%1){var s=l();return d(t+s*(n-t+a("1e-"+((s+"").length-1))),n)}return function(t,e){return t+f(l()*(e-t+1))}(t,n)}}()),T=i(function(){if(z)return O;z=1;var t=1/0,e=9007199254740991,n="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",i="[object DataView]",c=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,f=/^0b[01]+$/i,d=/^\[object .+?Constructor\]$/,l=/^0o[0-7]+$/i,h=/^(?:0|[1-9]\d*)$/,m="\\ud800-\\udfff",p="\\u0300-\\u036f\\ufe20-\\ufe23",b="\\u20d0-\\u20f0",v="\\ufe0e\\ufe0f",g="["+m+"]",y="["+p+b+"]",j="\\ud83c[\\udffb-\\udfff]",k="[^"+m+"]",C="(?:\\ud83c[\\udde6-\\uddff]){2}",E="[\\ud800-\\udbff][\\udc00-\\udfff]",w="\\u200d",D="(?:"+y+"|"+j+")?",A="["+v+"]?",S=A+D+"(?:"+w+"(?:"+[k,C,E].join("|")+")"+A+D+")*",T=RegExp(j+"(?="+j+")|(?:"+[k+y+"?",y,C,E,g].join("|")+")"+S,"g"),$=RegExp("["+w+m+p+b+v+"]"),F=parseInt,I="object"==typeof self&&self&&self.Object===Object&&self,x="object"==typeof a&&a&&a.Object===Object&&a||I||Function("return this")();function M(t){var e=-1,n=Array(t.size);return t.forEach((function(t,o){n[++e]=[o,t]})),n}function N(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var R=Function.prototype,W=Object.prototype,B=x["__core-js_shared__"],L=function(){var t=/[^.]+$/.exec(B&&B.keys&&B.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),V=R.toString,K=W.hasOwnProperty,P=W.toString,G=RegExp("^"+V.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),U=x.Symbol,H=U?U.iterator:void 0,_=W.propertyIsEnumerable,q=Math.floor,J=function(t,e){return function(n){return t(e(n))}}(Object.keys,Object),Q=Math.random,X=ct(x,"DataView"),Y=ct(x,"Map"),Z=ct(x,"Promise"),tt=ct(x,"Set"),et=ct(x,"WeakMap"),nt=dt(X),ot=dt(Y),rt=dt(Z),st=dt(tt),it=dt(et);function at(t,e){return t+q(Q()*(e-t+1))}function ct(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){if(!pt(t)||function(t){return!!L&&L in t}(t))return!1;var e=mt(t)||function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?G:d;return e.test(dt(t))}(n)?n:void 0}var ut=function(t){return P.call(t)};function ft(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||h.test(t))&&t>-1&&t%1==0&&t<n}function dt(t){if(null!=t){try{return V.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(X&&ut(new X(new ArrayBuffer(1)))!=i||Y&&ut(new Y)!=n||Z&&ut(Z.resolve())!=o||tt&&ut(new tt)!=r||et&&ut(new et)!=s)&&(ut=function(t){var e=P.call(t),a="[object Object]"==e?t.constructor:void 0,c=a?dt(a):void 0;if(c)switch(c){case nt:return i;case ot:return n;case rt:return o;case st:return r;case it:return s}return e});var lt=Array.isArray;function ht(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!mt(t)}function mt(t){var e=pt(t)?P.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}function pt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function bt(t){return!!t&&"object"==typeof t}function vt(t){return t?function(t,e){return function(t,e){for(var n=-1,o=t?t.length:0,r=Array(o);++n<o;)r[n]=e(t[n]);return r}(e,(function(e){return t[e]}))}(t,function(t){return ht(t)?function(t){var e=lt(t)||function(t){return function(t){return bt(t)&&ht(t)}(t)&&K.call(t,"callee")&&(!_.call(t,"callee")||"[object Arguments]"==P.call(t))}(t)?function(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}(t.length,String):[],n=e.length,o=!!n;for(var r in t)!K.call(t,r)||o&&("length"==r||ft(r,n))||e.push(r);return e}(t):function(t){if(!function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||W)}(t))return J(t);var e=[];for(var n in Object(t))K.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}(t)):[]}return O=function(e,o,s){var i=-1,a=function(t){if(!t)return[];if(ht(t))return function(t){return"string"==typeof t||!lt(t)&&bt(t)&&"[object String]"==P.call(t)}(t)?function(t){return function(t){return $.test(t)}(t)?function(t){return t.match(T)||[]}(t):function(t){return t.split("")}(t)}(t):function(t,e){var n=-1,o=t.length;for(e||(e=Array(o));++n<o;)e[n]=t[n];return e}(t);if(H&&t[H])return function(t){for(var e,n=[];!(e=t.next()).done;)n.push(e.value);return n}(t[H]());var e=ut(t);return(e==n?M:e==r?N:vt)(t)}(e),d=a.length,h=d-1;for(o=(s?function(t,e,n){if(!pt(n))return!1;var o=typeof e;return!!("number"==o?ht(n)&&ft(e,n.length):"string"==o&&e in n)&&function(t,e){return t===e||t!=t&&e!=e}(n[e],t)}(e,o,s):void 0===o)?1:function(t,e,n){return t==t&&(void 0!==n&&(t=t<=n?t:n),t=t>=0?t:0),t}(function(e){var n=function(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||bt(t)&&"[object Symbol]"==P.call(t)}(t))return NaN;if(pt(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=pt(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var n=f.test(t);return n||l.test(t)?F(t.slice(2),n?2:8):u.test(t)?NaN:+t}(e))===t||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}(e),o=n%1;return n==n?o?n-o:n:0}(o),0,d);++i<o;){var m=at(i,h),p=a[m];a[m]=a[i],a[i]=p}return a.length=o,a}}());const $=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,e)=>{const n=this.getEmbeddedDocumentComponents(t);if(n)for(const t of n.documentComponents)this.handleOpenToggle(t,e.next)},this.DocumentComponent=({path:t})=>{const e=t.at(-1);if(!e||"table-of-contents"===this.mode&&"LID"===e.type)return o(r,null);const{DocumentComponent:n}=this,s=this.getEmbeddedDocumentComponents(e);let i,a,c,u,f;return this.hasNestedDraft(e)&&(this.showBesluitversie?(i="B",a="primary",c="Dit is een besluitversie."):(i="!",a="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),e.bevatOntwerpInformatie&&(this.showBesluitversie?(u="Besluitversie",f="primary"):(u="Ontwerp",f="warning")),o("dso-document-component",{annotated:this.isAnnotated(e),filtered:this.isOpen(e)?this.isFiltered(e):this.hasFilteredChildren(e),gereserveerd:e.gereserveerd,heading:"h2",kop:e.kop,inhoud:e.inhoud,openAnnotation:this.isOpenedAnnotation(e),notApplicable:this.isNotApplicable(e)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(e,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(e),open:this.isOpen(e),type:e.type,vervallen:e.vervallen,wijzigactie:e.wijzigactie,recursiveToggle:this.recursiveToggleState(e),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(e,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+e.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:i,badgeStatus:a,badgeTooltip:c,label:u,labelStatus:f},this.isOpenedAnnotation(e)&&o("div",{slot:"annotations"},o("dso-annotation-locatie",{active:this.isCheckedSlideToggle(e),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(e)},o("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(e)&&s?.documentComponents.length&&o("ul",{class:"dso-document-component-list"},s.documentComponents.map((e=>o("li",{key:e.documentTechnischId},o(n,{path:[...t,e]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:e}=t;return o("button",{type:"button",onClick:()=>this.document=t},o("span",null,o("i",null,e)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const e=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of e)e.push(...this.concatEmbeddedDocumentComponents(t));return e}selectRandomDocumentComponents(t,e=[]){const n=this.concatEmbeddedDocumentComponents(t).filter((t=>!e.includes(t))),o=S(0,Math.floor(n.length/10));return T(n,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,e){const n="boolean"==typeof e?e:this.openOrClosed.includes(t);n&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((e=>e!==t)):n||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,e){this.openedAnnotation=this.isOpenedAnnotation(t)&&!e.next?this.openedAnnotation.filter((e=>e!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((e=>e!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const e=this.getEmbeddedDocumentComponents(t);if(e&&!(e.documentComponents.length<=1)&&e.documentComponents.some((t=>"ARTIKEL"===t.type)))return e.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:e}=this;return o("dso-responsive-element",{key:"058599f9650f815afa87f970232d8ed44b2663d1",class:"dso-document-components"},o("div",{key:"dc467ffba434c8fa8cc067e030b58a0b8ca50f89",class:"dso-navbar"},o("ul",{key:"55ddfb08d2fec8e08c59e049c8c89c438d7b6091",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>o("li",{class:this.document===t?"dso-active":void 0},o(e,{documentComponent:t})))))),this.document&&o(t,{key:"36d612b47417ca9942463efd45f5e52fc6dfe198",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}static get style(){return".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}"}},[2,"dsot-document-component-demo",{showCanvas:[516,"show-canvas"],showBesluitversie:[4,"show-besluitversie"],jsonFile:[1,"json-file"],openDefault:[4,"open-default"],mode:[513],ozonContentUrlResolver:[16],ozonContentBegripResolver:[16],response:[32],document:[32],openOrClosed:[32],openedAnnotation:[32],filtered:[32],notApplicable:[32],activeAnnotationSelectables:[32]},void 0,{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}]),F=$,I=function(){"undefined"!=typeof customElements&&["dsot-document-component-demo","dso-alert","dso-annotation-locatie","dso-badge","dso-document-component","dso-icon","dso-icon-button","dso-image-overlay","dso-label","dso-ozon-content","dso-ozon-content-toggletip","dso-panel","dso-renvooi","dso-responsive-element","dso-scrollable","dso-slide-toggle","dso-table","dso-tooltip"].forEach((t=>{switch(t){case"dsot-document-component-demo":customElements.get(s(t))||customElements.define(s(t),$);break;case"dso-alert":customElements.get(s(t))||u();break;case"dso-annotation-locatie":customElements.get(s(t))||f();break;case"dso-badge":customElements.get(s(t))||d();break;case"dso-document-component":customElements.get(s(t))||l();break;case"dso-icon":customElements.get(s(t))||h();break;case"dso-icon-button":customElements.get(s(t))||m();break;case"dso-image-overlay":customElements.get(s(t))||p();break;case"dso-label":customElements.get(s(t))||b();break;case"dso-ozon-content":customElements.get(s(t))||c();break;case"dso-ozon-content-toggletip":customElements.get(s(t))||v();break;case"dso-panel":customElements.get(s(t))||g();break;case"dso-renvooi":customElements.get(s(t))||y();break;case"dso-responsive-element":customElements.get(s(t))||j();break;case"dso-scrollable":customElements.get(s(t))||k();break;case"dso-slide-toggle":customElements.get(s(t))||C();break;case"dso-table":customElements.get(s(t))||E();break;case"dso-tooltip":customElements.get(s(t))||w()}}))};export{F as DsotDocumentComponentDemo,I as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as n,h as o,Fragment as r,transformTag as s}from"@stencil/core/internal/client";import{g as i,c as a,d as c}from"./ozon-content.js";import{d as u}from"./alert.js";import{d}from"./annotation-locatie.js";import{d as f}from"./badge.js";import{d as l}from"./document-component.js";import{d as h}from"./icon.js";import{d as m}from"./icon-button.js";import{d as p}from"./image-overlay.js";import{d as b}from"./label.js";import{d as v}from"./modal.js";import{d as g}from"./ozon-content-toggletip.js";import{d as y}from"./panel.js";import{d as j}from"./renvooi.js";import{d as k}from"./responsive-element.js";import{d as C}from"./scrollable.js";import{d as E}from"./slide-toggle.js";import{d as w}from"./table.js";var D,A,O,z,S=i(function(){if(A)return D;A=1;var t=1/0,e=9007199254740991,n=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,s=/^0o[0-7]+$/i,i=/^(?:0|[1-9]\d*)$/,a=parseFloat,c=parseInt,u=Object.prototype.toString,d=Math.floor,f=Math.min,l=Math.random;function h(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function m(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==u.call(t)}(t))return NaN;if(h(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=h(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var i=r.test(t);return i||s.test(t)?c(t.slice(2),i?2:8):o.test(t)?NaN:+t}(e))===t||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}return D=function(t,n,o){if(o&&"boolean"!=typeof o&&function(t,n,o){if(!h(o))return!1;var r=typeof n;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!function(t){var e=h(t)?u.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}(t)}(o)&&function(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||i.test(t))&&t>-1&&t%1==0&&t<n}(n,o.length):"string"==r&&n in o)&&function(t,e){return t===e||t!=t&&e!=e}(o[n],t)}(t,n,o)&&(n=o=void 0),void 0===o&&("boolean"==typeof n?(o=n,n=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===n?(t=0,n=1):(t=m(t),void 0===n?(n=t,t=0):n=m(n)),t>n){var r=t;t=n,n=r}if(o||t%1||n%1){var s=l();return f(t+s*(n-t+a("1e-"+((s+"").length-1))),n)}return function(t,e){return t+d(l()*(e-t+1))}(t,n)}}()),T=i(function(){if(z)return O;z=1;var t=1/0,e=9007199254740991,n="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",i="[object DataView]",c=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,f=/^\[object .+?Constructor\]$/,l=/^0o[0-7]+$/i,h=/^(?:0|[1-9]\d*)$/,m="\\ud800-\\udfff",p="\\u0300-\\u036f\\ufe20-\\ufe23",b="\\u20d0-\\u20f0",v="\\ufe0e\\ufe0f",g="["+m+"]",y="["+p+b+"]",j="\\ud83c[\\udffb-\\udfff]",k="[^"+m+"]",C="(?:\\ud83c[\\udde6-\\uddff]){2}",E="[\\ud800-\\udbff][\\udc00-\\udfff]",w="\\u200d",D="(?:"+y+"|"+j+")?",A="["+v+"]?",S=A+D+"(?:"+w+"(?:"+[k,C,E].join("|")+")"+A+D+")*",T=RegExp(j+"(?="+j+")|(?:"+[k+y+"?",y,C,E,g].join("|")+")"+S,"g"),$=RegExp("["+w+m+p+b+v+"]"),F=parseInt,I="object"==typeof self&&self&&self.Object===Object&&self,x="object"==typeof a&&a&&a.Object===Object&&a||I||Function("return this")();function M(t){var e=-1,n=Array(t.size);return t.forEach((function(t,o){n[++e]=[o,t]})),n}function N(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var R=Function.prototype,W=Object.prototype,B=x["__core-js_shared__"],L=function(){var t=/[^.]+$/.exec(B&&B.keys&&B.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),V=R.toString,K=W.hasOwnProperty,P=W.toString,G=RegExp("^"+V.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),U=x.Symbol,H=U?U.iterator:void 0,_=W.propertyIsEnumerable,q=Math.floor,J=function(t,e){return function(n){return t(e(n))}}(Object.keys,Object),Q=Math.random,X=ct(x,"DataView"),Y=ct(x,"Map"),Z=ct(x,"Promise"),tt=ct(x,"Set"),et=ct(x,"WeakMap"),nt=ft(X),ot=ft(Y),rt=ft(Z),st=ft(tt),it=ft(et);function at(t,e){return t+q(Q()*(e-t+1))}function ct(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){if(!pt(t)||function(t){return!!L&&L in t}(t))return!1;var e=mt(t)||function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?G:f;return e.test(ft(t))}(n)?n:void 0}var ut=function(t){return P.call(t)};function dt(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||h.test(t))&&t>-1&&t%1==0&&t<n}function ft(t){if(null!=t){try{return V.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(X&&ut(new X(new ArrayBuffer(1)))!=i||Y&&ut(new Y)!=n||Z&&ut(Z.resolve())!=o||tt&&ut(new tt)!=r||et&&ut(new et)!=s)&&(ut=function(t){var e=P.call(t),a="[object Object]"==e?t.constructor:void 0,c=a?ft(a):void 0;if(c)switch(c){case nt:return i;case ot:return n;case rt:return o;case st:return r;case it:return s}return e});var lt=Array.isArray;function ht(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!mt(t)}function mt(t){var e=pt(t)?P.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}function pt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function bt(t){return!!t&&"object"==typeof t}function vt(t){return t?function(t,e){return function(t,e){for(var n=-1,o=t?t.length:0,r=Array(o);++n<o;)r[n]=e(t[n]);return r}(e,(function(e){return t[e]}))}(t,function(t){return ht(t)?function(t){var e=lt(t)||function(t){return function(t){return bt(t)&&ht(t)}(t)&&K.call(t,"callee")&&(!_.call(t,"callee")||"[object Arguments]"==P.call(t))}(t)?function(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}(t.length,String):[],n=e.length,o=!!n;for(var r in t)!K.call(t,r)||o&&("length"==r||dt(r,n))||e.push(r);return e}(t):function(t){if(!function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||W)}(t))return J(t);var e=[];for(var n in Object(t))K.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}(t)):[]}return O=function(e,o,s){var i=-1,a=function(t){if(!t)return[];if(ht(t))return function(t){return"string"==typeof t||!lt(t)&&bt(t)&&"[object String]"==P.call(t)}(t)?function(t){return function(t){return $.test(t)}(t)?function(t){return t.match(T)||[]}(t):function(t){return t.split("")}(t)}(t):function(t,e){var n=-1,o=t.length;for(e||(e=Array(o));++n<o;)e[n]=t[n];return e}(t);if(H&&t[H])return function(t){for(var e,n=[];!(e=t.next()).done;)n.push(e.value);return n}(t[H]());var e=ut(t);return(e==n?M:e==r?N:vt)(t)}(e),f=a.length,h=f-1;for(o=(s?function(t,e,n){if(!pt(n))return!1;var o=typeof e;return!!("number"==o?ht(n)&&dt(e,n.length):"string"==o&&e in n)&&function(t,e){return t===e||t!=t&&e!=e}(n[e],t)}(e,o,s):void 0===o)?1:function(t,e,n){return t==t&&(void 0!==n&&(t=t<=n?t:n),t=t>=0?t:0),t}(function(e){var n=function(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||bt(t)&&"[object Symbol]"==P.call(t)}(t))return NaN;if(pt(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=pt(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var n=d.test(t);return n||l.test(t)?F(t.slice(2),n?2:8):u.test(t)?NaN:+t}(e))===t||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}(e),o=n%1;return n==n?o?n-o:n:0}(o),0,f);++i<o;){var m=at(i,h),p=a[m];a[m]=a[i],a[i]=p}return a.length=o,a}}());const $=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,e)=>{const n=this.getEmbeddedDocumentComponents(t);if(n)for(const t of n.documentComponents)this.handleOpenToggle(t,e.next)},this.DocumentComponent=({path:t})=>{const e=t.at(-1);if(!e||"table-of-contents"===this.mode&&"LID"===e.type)return o(r,null);const{DocumentComponent:n}=this,s=this.getEmbeddedDocumentComponents(e);let i,a,c,u,d;return this.hasNestedDraft(e)&&(this.showBesluitversie?(i="B",a="primary",c="Dit is een besluitversie."):(i="!",a="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),e.bevatOntwerpInformatie&&(this.showBesluitversie?(u="Besluitversie",d="primary"):(u="Ontwerp",d="warning")),o("dso-document-component",{annotated:this.isAnnotated(e),filtered:this.isOpen(e)?this.isFiltered(e):this.hasFilteredChildren(e),gereserveerd:e.gereserveerd,heading:"h2",kop:e.kop,inhoud:e.inhoud,openAnnotation:this.isOpenedAnnotation(e),notApplicable:this.isNotApplicable(e)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(e,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(e),open:this.isOpen(e),type:e.type,vervallen:e.vervallen,wijzigactie:e.wijzigactie,recursiveToggle:this.recursiveToggleState(e),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(e,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+e.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:i,badgeStatus:a,badgeTooltip:c,label:u,labelStatus:d},this.isOpenedAnnotation(e)&&o("div",{slot:"annotations"},o("dso-annotation-locatie",{active:this.isCheckedSlideToggle(e),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(e)},o("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(e)&&s?.documentComponents.length&&o("ul",{class:"dso-document-component-list"},s.documentComponents.map((e=>o("li",{key:e.documentTechnischId},o(n,{path:[...t,e]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:e}=t;return o("button",{type:"button",onClick:()=>this.document=t},o("span",null,o("i",null,e)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const e=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of e)e.push(...this.concatEmbeddedDocumentComponents(t));return e}selectRandomDocumentComponents(t,e=[]){const n=this.concatEmbeddedDocumentComponents(t).filter((t=>!e.includes(t))),o=S(0,Math.floor(n.length/10));return T(n,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,e){const n="boolean"==typeof e?e:this.openOrClosed.includes(t);n&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((e=>e!==t)):n||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,e){this.openedAnnotation=this.isOpenedAnnotation(t)&&!e.next?this.openedAnnotation.filter((e=>e!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((e=>e!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const e=this.getEmbeddedDocumentComponents(t);if(e&&!(e.documentComponents.length<=1)&&e.documentComponents.some((t=>"ARTIKEL"===t.type)))return e.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:e}=this;return o("dso-responsive-element",{key:"058599f9650f815afa87f970232d8ed44b2663d1",class:"dso-document-components"},o("div",{key:"dc467ffba434c8fa8cc067e030b58a0b8ca50f89",class:"dso-navbar"},o("ul",{key:"55ddfb08d2fec8e08c59e049c8c89c438d7b6091",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>o("li",{class:this.document===t?"dso-active":void 0},o(e,{documentComponent:t})))))),this.document&&o(t,{key:"36d612b47417ca9942463efd45f5e52fc6dfe198",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}static get style(){return".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}"}},[2,"dsot-document-component-demo",{showCanvas:[516,"show-canvas"],showBesluitversie:[4,"show-besluitversie"],jsonFile:[1,"json-file"],openDefault:[4,"open-default"],mode:[513],ozonContentUrlResolver:[16],ozonContentBegripResolver:[16],response:[32],document:[32],openOrClosed:[32],openedAnnotation:[32],filtered:[32],notApplicable:[32],activeAnnotationSelectables:[32]},void 0,{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}]),F=$,I=function(){"undefined"!=typeof customElements&&["dsot-document-component-demo","dso-alert","dso-annotation-locatie","dso-badge","dso-document-component","dso-icon","dso-icon-button","dso-image-overlay","dso-label","dso-modal","dso-ozon-content","dso-ozon-content-toggletip","dso-panel","dso-renvooi","dso-responsive-element","dso-scrollable","dso-slide-toggle","dso-table"].forEach((t=>{switch(t){case"dsot-document-component-demo":customElements.get(s(t))||customElements.define(s(t),$);break;case"dso-alert":customElements.get(s(t))||u();break;case"dso-annotation-locatie":customElements.get(s(t))||d();break;case"dso-badge":customElements.get(s(t))||f();break;case"dso-document-component":customElements.get(s(t))||l();break;case"dso-icon":customElements.get(s(t))||h();break;case"dso-icon-button":customElements.get(s(t))||m();break;case"dso-image-overlay":customElements.get(s(t))||p();break;case"dso-label":customElements.get(s(t))||b();break;case"dso-modal":customElements.get(s(t))||v();break;case"dso-ozon-content":customElements.get(s(t))||c();break;case"dso-ozon-content-toggletip":customElements.get(s(t))||g();break;case"dso-panel":customElements.get(s(t))||y();break;case"dso-renvooi":customElements.get(s(t))||j();break;case"dso-responsive-element":customElements.get(s(t))||k();break;case"dso-scrollable":customElements.get(s(t))||C();break;case"dso-slide-toggle":customElements.get(s(t))||E();break;case"dso-table":customElements.get(s(t))||w()}}))};export{F as DsotDocumentComponentDemo,I as defineCustomElement}

package/dist/components/i18n.js

@@ -1 +1 @@
-const t=t=>"string"==typeof t,s=()=>{let t,s;const i=new Promise(((i,e)=>{t=i,s=e}));return i.resolve=t,i.reject=s,i},i=t=>null==t?"":""+t,e=/###/g,n=t=>t&&t.indexOf("###")>-1?t.replace(e,"."):t,o=s=>!s||t(s),r=(s,i,e)=>{const r=t(i)?i.split("."):i;let h=0;for(;h<r.length-1;){if(o(s))return{};const t=n(r[h]);!s[t]&&e&&(s[t]=new e),s=Object.prototype.hasOwnProperty.call(s,t)?s[t]:{},++h}return o(s)?{}:{obj:s,k:n(r[h])}},h=(t,s,i)=>{const{obj:e,k:n}=r(t,s,Object);if(void 0!==e||1===s.length)return void(e[n]=i);let o=s[s.length-1],h=s.slice(0,s.length-1),a=r(t,h,Object);for(;void 0===a.obj&&h.length;)o=`${h[h.length-1]}.${o}`,h=h.slice(0,h.length-1),a=r(t,h,Object),a?.obj&&void 0!==a.obj[`${a.k}.${o}`]&&(a.obj=void 0);a.obj[`${a.k}.${o}`]=i},a=(t,s)=>{const{obj:i,k:e}=r(t,s);if(i&&Object.prototype.hasOwnProperty.call(i,e))return i[e]},c=(s,i,e)=>{for(const n in i)"__proto__"!==n&&"constructor"!==n&&(n in s?t(s[n])||s[n]instanceof String||t(i[n])||i[n]instanceof String?e&&(s[n]=i[n]):c(s[n],i[n],e):s[n]=i[n]);return s},l=t=>t.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&");var u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"};const d=s=>t(s)?s.replace(/[&<>"'\/]/g,(t=>u[t])):s,f=[" ",",","?","!",";"],p=new class{constructor(t){this.capacity=t,this.regExpMap=new Map,this.regExpQueue=[]}getRegExp(t){const s=this.regExpMap.get(t);if(void 0!==s)return s;const i=new RegExp(t);return this.regExpQueue.length===this.capacity&&this.regExpMap.delete(this.regExpQueue.shift()),this.regExpMap.set(t,i),this.regExpQueue.push(t),i}}(20),g=(t,s,i=".")=>{if(!t)return;if(t[s]){if(!Object.prototype.hasOwnProperty.call(t,s))return;return t[s]}const e=s.split(i);let n=t;for(let t=0;t<e.length;){if(!n||"object"!=typeof n)return;let s,o="";for(let r=t;r<e.length;++r)if(r!==t&&(o+=i),o+=e[r],s=n[o],void 0!==s){if(["string","number","boolean"].indexOf(typeof s)>-1&&r<e.length-1)continue;t+=r-t+1;break}n=s}return n},y=t=>t?.replace(/_/g,"-"),m={type:"logger",log(t){this.output("log",t)},warn(t){this.output("warn",t)},error(t){this.output("error",t)},output(t,s){console?.[t]?.apply?.(console,s)}};class v{constructor(t,s={}){this.init(t,s)}init(t,s={}){this.prefix=s.prefix||"i18next:",this.logger=t||m,this.options=s,this.debug=s.debug}log(...t){return this.forward(t,"log","",!0)}warn(...t){return this.forward(t,"warn","",!0)}error(...t){return this.forward(t,"error","")}deprecate(...t){return this.forward(t,"warn","WARNING DEPRECATED: ",!0)}forward(s,i,e,n){return n&&!this.debug?null:(t(s[0])&&(s[0]=`${e}${this.prefix} ${s[0]}`),this.logger[i](s))}create(t){return new v(this.logger,{prefix:`${this.prefix}:${t}:`,...this.options})}clone(t){return(t=t||this.options).prefix=t.prefix||this.prefix,new v(this.logger,t)}}var $=new v;class b{constructor(){this.observers={}}on(t,s){return t.split(" ").forEach((t=>{this.observers[t]||(this.observers[t]=new Map);const i=this.observers[t].get(s)||0;this.observers[t].set(s,i+1)})),this}off(t,s){this.observers[t]&&(s?this.observers[t].delete(s):delete this.observers[t])}emit(t,...s){this.observers[t]&&Array.from(this.observers[t].entries()).forEach((([t,i])=>{for(let e=0;e<i;e++)t(...s)})),this.observers["*"]&&Array.from(this.observers["*"].entries()).forEach((([i,e])=>{for(let n=0;n<e;n++)i.apply(i,[t,...s])}))}}class x extends b{constructor(t,s={ns:["translation"],defaultNS:"translation"}){super(),this.data=t||{},this.options=s,void 0===this.options.keySeparator&&(this.options.keySeparator="."),void 0===this.options.ignoreJSONStructure&&(this.options.ignoreJSONStructure=!0)}addNamespaces(t){this.options.ns.indexOf(t)<0&&this.options.ns.push(t)}removeNamespaces(t){const s=this.options.ns.indexOf(t);s>-1&&this.options.ns.splice(s,1)}getResource(s,i,e,n={}){const o=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,r=void 0!==n.ignoreJSONStructure?n.ignoreJSONStructure:this.options.ignoreJSONStructure;let h;s.indexOf(".")>-1?h=s.split("."):(h=[s,i],e&&(Array.isArray(e)?h.push(...e):t(e)&&o?h.push(...e.split(o)):h.push(e)));const c=a(this.data,h);return!c&&!i&&!e&&s.indexOf(".")>-1&&(s=h[0],i=h[1],e=h.slice(2).join(".")),!c&&r&&t(e)?g(this.data?.[s]?.[i],e,o):c}addResource(t,s,i,e,n={silent:!1}){const o=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator;let r=[t,s];i&&(r=r.concat(o?i.split(o):i)),t.indexOf(".")>-1&&(r=t.split("."),e=s,s=r[1]),this.addNamespaces(s),h(this.data,r,e),n.silent||this.emit("added",t,s,i,e)}addResources(s,i,e,n={silent:!1}){for(const n in e)(t(e[n])||Array.isArray(e[n]))&&this.addResource(s,i,n,e[n],{silent:!0});n.silent||this.emit("added",s,i,e)}addResourceBundle(t,s,i,e,n,o={silent:!1,skipCopy:!1}){let r=[t,s];t.indexOf(".")>-1&&(r=t.split("."),e=i,i=s,s=r[1]),this.addNamespaces(s);let l=a(this.data,r)||{};o.skipCopy||(i=JSON.parse(JSON.stringify(i))),e?c(l,i,n):l={...l,...i},h(this.data,r,l),o.silent||this.emit("added",t,s,i)}removeResourceBundle(t,s){this.hasResourceBundle(t,s)&&delete this.data[t][s],this.removeNamespaces(s),this.emit("removed",t,s)}hasResourceBundle(t,s){return void 0!==this.getResource(t,s)}getResourceBundle(t,s){return s||(s=this.options.defaultNS),this.getResource(t,s)}getDataByLanguage(t){return this.data[t]}hasLanguageSomeTranslations(t){const s=this.getDataByLanguage(t);return!!(s&&Object.keys(s)||[]).find((t=>s[t]&&Object.keys(s[t]).length>0))}toJSON(){return this.data}}var w={processors:{},addPostProcessor(t){this.processors[t.name]=t},handle(t,s,i,e,n){return t.forEach((t=>{s=this.processors[t]?.process(s,i,e,n)??s})),s}};const j=Symbol("i18next/PATH_KEY");function O(t,s){const{[j]:i}=t(function(){const t=[],s=Object.create(null);let i;return s.get=(e,n)=>(i?.revoke?.(),n===j?t:(t.push(n),i=Proxy.revocable(e,s),i.proxy)),Proxy.revocable(Object.create(null),s).proxy}()),e=s?.keySeparator??".",n=s?.nsSeparator??":";if(i.length>1&&n){const t=s?.ns,o=Array.isArray(t)?t:null;if(o&&o.length>1&&o.slice(1).includes(i[0]))return`${i[0]}${n}${i.slice(1).join(e)}`}return i.join(e)}const S={},k=s=>!t(s)&&"boolean"!=typeof s&&"number"!=typeof s;class N extends b{constructor(t,s={}){var i,e;super(),i=t,e=this,["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"].forEach((t=>{i[t]&&(e[t]=i[t])})),this.options=s,void 0===this.options.keySeparator&&(this.options.keySeparator="."),this.logger=$.create("translator")}changeLanguage(t){t&&(this.language=t)}exists(t,s={interpolation:{}}){const i={...s};if(null==t)return!1;const e=this.resolve(t,i);if(void 0===e?.res)return!1;const n=k(e.res);return!1!==i.returnObjects||!n}extractFromKey(s,i){let e=void 0!==i.nsSeparator?i.nsSeparator:this.options.nsSeparator;void 0===e&&(e=":");const n=void 0!==i.keySeparator?i.keySeparator:this.options.keySeparator;let o=i.ns||this.options.defaultNS||[];const r=e&&s.indexOf(e)>-1,h=!(this.options.userDefinedKeySeparator||i.keySeparator||this.options.userDefinedNsSeparator||i.nsSeparator||((t,s,i)=>{s=s||"",i=i||"";const e=f.filter((t=>s.indexOf(t)<0&&i.indexOf(t)<0));if(0===e.length)return!0;const n=p.getRegExp(`(${e.map((t=>"?"===t?"\\?":t)).join("|")})`);let o=!n.test(t);if(!o){const s=t.indexOf(i);s>0&&!n.test(t.substring(0,s))&&(o=!0)}return o})(s,e,n));if(r&&!h){const i=s.match(this.interpolator.nestingRegexp);if(i&&i.length>0)return{key:s,namespaces:t(o)?[o]:o};const r=s.split(e);(e!==n||e===n&&this.options.ns.indexOf(r[0])>-1)&&(o=r.shift()),s=r.join(n)}return{key:s,namespaces:t(o)?[o]:o}}translate(s,i,e){let n="object"==typeof i?{...i}:i;if("object"!=typeof n&&this.options.overloadTranslationOptionHandler&&(n=this.options.overloadTranslationOptionHandler(arguments)),"object"==typeof n&&(n={...n}),n||(n={}),null==s)return"";"function"==typeof s&&(s=O(s,{...this.options,...n})),Array.isArray(s)||(s=[String(s)]),s=s.map((t=>"function"==typeof t?O(t,{...this.options,...n}):String(t)));const o=void 0!==n.returnDetails?n.returnDetails:this.options.returnDetails,r=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,{key:h,namespaces:a}=this.extractFromKey(s[s.length-1],n),c=a[a.length-1];let l=void 0!==n.nsSeparator?n.nsSeparator:this.options.nsSeparator;void 0===l&&(l=":");const u=n.lng||this.language,d=n.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if("cimode"===u?.toLowerCase())return d?o?{res:`${c}${l}${h}`,usedKey:h,exactUsedKey:h,usedLng:u,usedNS:c,usedParams:this.getUsedParamsDetails(n)}:`${c}${l}${h}`:o?{res:h,usedKey:h,exactUsedKey:h,usedLng:u,usedNS:c,usedParams:this.getUsedParamsDetails(n)}:h;const f=this.resolve(s,n);let p=f?.res;const g=f?.usedKey||h,y=f?.exactUsedKey||h,m=void 0!==n.joinArrays?n.joinArrays:this.options.joinArrays,v=!this.i18nFormat||this.i18nFormat.handleAsObject,$=void 0!==n.count&&!t(n.count),b=N.hasDefaultValue(n),x=$?this.pluralResolver.getSuffix(u,n.count,n):"",w=n.ordinal&&$?this.pluralResolver.getSuffix(u,n.count,{ordinal:!1}):"",j=$&&!n.ordinal&&0===n.count,S=j&&n[`defaultValue${this.options.pluralSeparator}zero`]||n[`defaultValue${x}`]||n[`defaultValue${w}`]||n.defaultValue;let L=p;v&&!p&&b&&(L=S);const R=k(L),P=Object.prototype.toString.apply(L);if(!(v&&L&&R&&["[object Number]","[object Function]","[object RegExp]"].indexOf(P)<0)||t(m)&&Array.isArray(L))if(v&&t(m)&&Array.isArray(p))p=p.join(m),p&&(p=this.extendTranslation(p,s,n,e));else{let t=!1,i=!1;!this.isValidLookup(p)&&b&&(t=!0,p=S),this.isValidLookup(p)||(i=!0,p=h);const o=(n.missingKeyNoValueFallbackToKey||this.options.missingKeyNoValueFallbackToKey)&&i?void 0:p,a=b&&S!==p&&this.options.updateMissing;if(i||t||a){if(this.logger.log(a?"updateKey":"missingKey",u,c,h,a?S:p),r){const t=this.resolve(h,{...n,keySeparator:!1});t&&t.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}let t=[];const s=this.languageUtils.getFallbackCodes(this.options.fallbackLng,n.lng||this.language);if("fallback"===this.options.saveMissingTo&&s&&s[0])for(let i=0;i<s.length;i++)t.push(s[i]);else"all"===this.options.saveMissingTo?t=this.languageUtils.toResolveHierarchy(n.lng||this.language):t.push(n.lng||this.language);const i=(t,s,i)=>{const e=b&&i!==p?i:o;this.options.missingKeyHandler?this.options.missingKeyHandler(t,c,s,e,a,n):this.backendConnector?.saveMissing&&this.backendConnector.saveMissing(t,c,s,e,a,n),this.emit("missingKey",t,c,s,p)};this.options.saveMissing&&(this.options.saveMissingPlurals&&$?t.forEach((t=>{const s=this.pluralResolver.getSuffixes(t,n);j&&n[`defaultValue${this.options.pluralSeparator}zero`]&&s.indexOf(`${this.options.pluralSeparator}zero`)<0&&s.push(`${this.options.pluralSeparator}zero`),s.forEach((s=>{i([t],h+s,n[`defaultValue${s}`]||S)}))})):i(t,h,S))}p=this.extendTranslation(p,s,n,f,e),i&&p===h&&this.options.appendNamespaceToMissingKey&&(p=`${c}${l}${h}`),(i||t)&&this.options.parseMissingKeyHandler&&(p=this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey?`${c}${l}${h}`:h,t?p:void 0,n))}else{if(!n.returnObjects&&!this.options.returnObjects){this.options.returnedObjectHandler||this.logger.warn("accessing an object - but returnObjects options is not enabled!");const t=this.options.returnedObjectHandler?this.options.returnedObjectHandler(g,L,{...n,ns:a}):`key '${h} (${this.language})' returned an object instead of string.`;return o?(f.res=t,f.usedParams=this.getUsedParamsDetails(n),f):t}if(r){const t=Array.isArray(L),s=t?[]:{},i=t?y:g;for(const t in L)if(Object.prototype.hasOwnProperty.call(L,t)){const e=`${i}${r}${t}`;s[t]=this.translate(e,b&&!p?{...n,defaultValue:k(S)?S[t]:void 0,joinArrays:!1,ns:a}:{...n,joinArrays:!1,ns:a}),s[t]===e&&(s[t]=L[t])}p=s}}return o?(f.res=p,f.usedParams=this.getUsedParamsDetails(n),f):p}extendTranslation(s,i,e,n,o){if(this.i18nFormat?.parse)s=this.i18nFormat.parse(s,{...this.options.interpolation.defaultVariables,...e},e.lng||this.language||n.usedLng,n.usedNS,n.usedKey,{resolved:n});else if(!e.skipInterpolation){e.interpolation&&this.interpolator.init({...e,interpolation:{...this.options.interpolation,...e.interpolation}});const r=t(s)&&(void 0!==e?.interpolation?.skipOnVariables?e.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables);let h;if(r){const t=s.match(this.interpolator.nestingRegexp);h=t&&t.length}let a=e.replace&&!t(e.replace)?e.replace:e;if(this.options.interpolation.defaultVariables&&(a={...this.options.interpolation.defaultVariables,...a}),s=this.interpolator.interpolate(s,a,e.lng||this.language||n.usedLng,e),r){const t=s.match(this.interpolator.nestingRegexp);h<(t&&t.length)&&(e.nest=!1)}!e.lng&&n&&n.res&&(e.lng=this.language||n.usedLng),!1!==e.nest&&(s=this.interpolator.nest(s,((...t)=>o?.[0]!==t[0]||e.context?this.translate(...t,i):(this.logger.warn(`It seems you are nesting recursively key: ${t[0]} in key: ${i[0]}`),null)),e)),e.interpolation&&this.interpolator.reset()}const r=e.postProcess||this.options.postProcess,h=t(r)?[r]:r;return null!=s&&h?.length&&!1!==e.applyPostProcessor&&(s=w.handle(h,s,i,this.options&&this.options.postProcessPassResolved?{i18nResolved:{...n,usedParams:this.getUsedParamsDetails(e)},...e}:e,this)),s}resolve(s,i={}){let e,n,o,r,h;return t(s)&&(s=[s]),Array.isArray(s)&&(s=s.map((t=>"function"==typeof t?O(t,{...this.options,...i}):t))),s.forEach((s=>{if(this.isValidLookup(e))return;const a=this.extractFromKey(s,i),c=a.key;n=c;let l=a.namespaces;this.options.fallbackNS&&(l=l.concat(this.options.fallbackNS));const u=void 0!==i.count&&!t(i.count),d=u&&!i.ordinal&&0===i.count,f=void 0!==i.context&&(t(i.context)||"number"==typeof i.context)&&""!==i.context,p=i.lngs?i.lngs:this.languageUtils.toResolveHierarchy(i.lng||this.language,i.fallbackLng);l.forEach((t=>{this.isValidLookup(e)||(h=t,S[`${p[0]}-${t}`]||!this.utils?.hasLoadedNamespace||this.utils?.hasLoadedNamespace(h)||(S[`${p[0]}-${t}`]=!0,this.logger.warn(`key "${n}" for languages "${p.join(", ")}" won't get resolved as namespace "${h}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),p.forEach((s=>{if(this.isValidLookup(e))return;r=s;const n=[c];if(this.i18nFormat?.addLookupKeys)this.i18nFormat.addLookupKeys(n,c,s,t,i);else{let t;u&&(t=this.pluralResolver.getSuffix(s,i.count,i));const e=`${this.options.pluralSeparator}zero`,o=`${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;if(u&&(i.ordinal&&0===t.indexOf(o)&&n.push(c+t.replace(o,this.options.pluralSeparator)),n.push(c+t),d&&n.push(c+e)),f){const s=`${c}${this.options.contextSeparator||"_"}${i.context}`;n.push(s),u&&(i.ordinal&&0===t.indexOf(o)&&n.push(s+t.replace(o,this.options.pluralSeparator)),n.push(s+t),d&&n.push(s+e))}}let h;for(;h=n.pop();)this.isValidLookup(e)||(o=h,e=this.getResource(s,t,h,i))})))}))})),{res:e,usedKey:n,exactUsedKey:o,usedLng:r,usedNS:h}}isValidLookup(t){return!(void 0===t||!this.options.returnNull&&null===t||!this.options.returnEmptyString&&""===t)}getResource(t,s,i,e={}){return this.i18nFormat?.getResource?this.i18nFormat.getResource(t,s,i,e):this.resourceStore.getResource(t,s,i,e)}getUsedParamsDetails(s={}){const i=["defaultValue","ordinal","context","replace","lng","lngs","fallbackLng","ns","keySeparator","nsSeparator","returnObjects","returnDetails","joinArrays","postProcess","interpolation"],e=s.replace&&!t(s.replace);let n=e?s.replace:s;if(e&&void 0!==s.count&&(n.count=s.count),this.options.interpolation.defaultVariables&&(n={...this.options.interpolation.defaultVariables,...n}),!e){n={...n};for(const t of i)delete n[t]}return n}static hasDefaultValue(t){for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&"defaultValue"===s.substring(0,12)&&void 0!==t[s])return!0;return!1}}class L{constructor(t){this.options=t,this.supportedLngs=this.options.supportedLngs||!1,this.logger=$.create("languageUtils")}getScriptPartFromCode(t){if(!(t=y(t))||t.indexOf("-")<0)return null;const s=t.split("-");return 2===s.length?null:(s.pop(),"x"===s[s.length-1].toLowerCase()?null:this.formatLanguageCode(s.join("-")))}getLanguagePartFromCode(t){if(!(t=y(t))||t.indexOf("-")<0)return t;const s=t.split("-");return this.formatLanguageCode(s[0])}formatLanguageCode(s){if(t(s)&&s.indexOf("-")>-1){let t;try{t=Intl.getCanonicalLocales(s)[0]}catch(t){}return t&&this.options.lowerCaseLng&&(t=t.toLowerCase()),t||(this.options.lowerCaseLng?s.toLowerCase():s)}return this.options.cleanCode||this.options.lowerCaseLng?s.toLowerCase():s}isSupportedCode(t){return("languageOnly"===this.options.load||this.options.nonExplicitSupportedLngs)&&(t=this.getLanguagePartFromCode(t)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.indexOf(t)>-1}getBestMatchFromCodes(t){if(!t)return null;let s;return t.forEach((t=>{if(s)return;const i=this.formatLanguageCode(t);this.options.supportedLngs&&!this.isSupportedCode(i)||(s=i)})),!s&&this.options.supportedLngs&&t.forEach((t=>{if(s)return;const i=this.getScriptPartFromCode(t);if(this.isSupportedCode(i))return s=i;const e=this.getLanguagePartFromCode(t);if(this.isSupportedCode(e))return s=e;s=this.options.supportedLngs.find((t=>t===e?t:t.indexOf("-")<0&&e.indexOf("-")<0?void 0:t.indexOf("-")>0&&e.indexOf("-")<0&&t.substring(0,t.indexOf("-"))===e||0===t.indexOf(e)&&e.length>1?t:void 0))})),s||(s=this.getFallbackCodes(this.options.fallbackLng)[0]),s}getFallbackCodes(s,i){if(!s)return[];if("function"==typeof s&&(s=s(i)),t(s)&&(s=[s]),Array.isArray(s))return s;if(!i)return s.default||[];let e=s[i];return e||(e=s[this.getScriptPartFromCode(i)]),e||(e=s[this.formatLanguageCode(i)]),e||(e=s[this.getLanguagePartFromCode(i)]),e||(e=s.default),e||[]}toResolveHierarchy(s,i){const e=this.getFallbackCodes((!1===i?[]:i)||this.options.fallbackLng||[],s),n=[],o=t=>{t&&(this.isSupportedCode(t)?n.push(t):this.logger.warn(`rejecting language code not found in supportedLngs: ${t}`))};return t(s)&&(s.indexOf("-")>-1||s.indexOf("_")>-1)?("languageOnly"!==this.options.load&&o(this.formatLanguageCode(s)),"languageOnly"!==this.options.load&&"currentOnly"!==this.options.load&&o(this.getScriptPartFromCode(s)),"currentOnly"!==this.options.load&&o(this.getLanguagePartFromCode(s))):t(s)&&o(this.formatLanguageCode(s)),e.forEach((t=>{n.indexOf(t)<0&&o(this.formatLanguageCode(t))})),n}}const R={zero:0,one:1,two:2,few:3,many:4,other:5},P={select:t=>1===t?"one":"other",resolvedOptions:()=>({pluralCategories:["one","other"]})};class E{constructor(t,s={}){this.languageUtils=t,this.options=s,this.logger=$.create("pluralResolver"),this.pluralRulesCache={}}clearCache(){this.pluralRulesCache={}}getRule(t,s={}){const i=y("dev"===t?"en":t),e=s.ordinal?"ordinal":"cardinal",n=JSON.stringify({cleanedCode:i,type:e});if(n in this.pluralRulesCache)return this.pluralRulesCache[n];let o;try{o=new Intl.PluralRules(i,{type:e})}catch(i){if("undefined"==typeof Intl)return this.logger.error("No Intl support, please use an Intl polyfill!"),P;if(!t.match(/-|_/))return P;const e=this.languageUtils.getLanguagePartFromCode(t);o=this.getRule(e,s)}return this.pluralRulesCache[n]=o,o}needsPlural(t,s={}){let i=this.getRule(t,s);return i||(i=this.getRule("dev",s)),i?.resolvedOptions().pluralCategories.length>1}getPluralFormsOfKey(t,s,i={}){return this.getSuffixes(t,i).map((t=>`${s}${t}`))}getSuffixes(t,s={}){let i=this.getRule(t,s);return i||(i=this.getRule("dev",s)),i?i.resolvedOptions().pluralCategories.sort(((t,s)=>R[t]-R[s])).map((t=>`${this.options.prepend}${s.ordinal?`ordinal${this.options.prepend}`:""}${t}`)):[]}getSuffix(t,s,i={}){const e=this.getRule(t,i);return e?`${this.options.prepend}${i.ordinal?`ordinal${this.options.prepend}`:""}${e.select(s)}`:(this.logger.warn(`no plural rule found for: ${t}`),this.getSuffix("dev",s,i))}}const C=(s,i,e,n=".",o=!0)=>{let r=((t,s,i)=>{const e=a(t,i);return void 0!==e?e:a(s,i)})(s,i,e);return!r&&o&&t(e)&&(r=g(s,e,n),void 0===r&&(r=g(i,e,n))),r},I=t=>t.replace(/\$/g,"$$$$");class T{constructor(t={}){this.logger=$.create("interpolator"),this.options=t,this.format=t?.interpolation?.format||(t=>t),this.init(t)}init(t={}){t.interpolation||(t.interpolation={escapeValue:!0});const{escape:s,escapeValue:i,useRawValueToEscape:e,prefix:n,prefixEscaped:o,suffix:r,suffixEscaped:h,formatSeparator:a,unescapeSuffix:c,unescapePrefix:u,nestingPrefix:f,nestingPrefixEscaped:p,nestingSuffix:g,nestingSuffixEscaped:y,nestingOptionsSeparator:m,maxReplaces:v,alwaysFormat:$}=t.interpolation;this.escape=void 0!==s?s:d,this.escapeValue=void 0===i||i,this.useRawValueToEscape=void 0!==e&&e,this.prefix=n?l(n):o||"{{",this.suffix=r?l(r):h||"}}",this.formatSeparator=a||",",this.unescapePrefix=c?"":u||"-",this.unescapeSuffix=this.unescapePrefix?"":c||"",this.nestingPrefix=f?l(f):p||l("$t("),this.nestingSuffix=g?l(g):y||l(")"),this.nestingOptionsSeparator=m||",",this.maxReplaces=v||1e3,this.alwaysFormat=void 0!==$&&$,this.resetRegExp()}reset(){this.options&&this.init(this.options)}resetRegExp(){const t=(t,s)=>t?.source===s?(t.lastIndex=0,t):new RegExp(s,"g");this.regexp=t(this.regexp,`${this.prefix}(.+?)${this.suffix}`),this.regexpUnescape=t(this.regexpUnescape,`${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`),this.nestingRegexp=t(this.nestingRegexp,`${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`)}interpolate(s,e,n,o){let r,h,a;const c=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{},l=t=>{if(t.indexOf(this.formatSeparator)<0){const s=C(e,c,t,this.options.keySeparator,this.options.ignoreJSONStructure);return this.alwaysFormat?this.format(s,void 0,n,{...o,...e,interpolationkey:t}):s}const s=t.split(this.formatSeparator),i=s.shift().trim(),r=s.join(this.formatSeparator).trim();return this.format(C(e,c,i,this.options.keySeparator,this.options.ignoreJSONStructure),r,n,{...o,...e,interpolationkey:i})};this.resetRegExp();const u=o?.missingInterpolationHandler||this.options.missingInterpolationHandler,d=void 0!==o?.interpolation?.skipOnVariables?o.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:t=>I(t)},{regex:this.regexp,safeValue:t=>I(this.escapeValue?this.escape(t):t)}].forEach((e=>{for(a=0;r=e.regex.exec(s);){const n=r[1].trim();if(h=l(n),void 0===h)if("function"==typeof u){const i=u(s,r,o);h=t(i)?i:""}else if(o&&Object.prototype.hasOwnProperty.call(o,n))h="";else{if(d){h=r[0];continue}this.logger.warn(`missed to pass in variable ${n} for interpolating ${s}`),h=""}else t(h)||this.useRawValueToEscape||(h=i(h));const c=e.safeValue(h);if(s=s.replace(r[0],c),d?(e.regex.lastIndex+=h.length,e.regex.lastIndex-=r[0].length):e.regex.lastIndex=0,a++,a>=this.maxReplaces)break}})),s}nest(s,e,n={}){let o,r,h;const a=(t,s)=>{const i=this.nestingOptionsSeparator;if(t.indexOf(i)<0)return t;const e=t.split(new RegExp(`${l(i)}[ ]*{`));let n=`{${e[1]}`;t=e[0],n=this.interpolate(n,h);const o=n.match(/'/g),r=n.match(/"/g);((o?.length??0)%2==0&&!r||(r?.length??0)%2!=0)&&(n=n.replace(/'/g,'"'));try{h=JSON.parse(n),s&&(h={...s,...h})}catch(s){return this.logger.warn(`failed parsing options string in nesting for key ${t}`,s),`${t}${i}${n}`}return h.defaultValue&&h.defaultValue.indexOf(this.prefix)>-1&&delete h.defaultValue,t};for(;o=this.nestingRegexp.exec(s);){let c=[];h={...n},h=h.replace&&!t(h.replace)?h.replace:h,h.applyPostProcessor=!1,delete h.defaultValue;const l=/{.*}/.test(o[1])?o[1].lastIndexOf("}")+1:o[1].indexOf(this.formatSeparator);if(-1!==l&&(c=o[1].slice(l).split(this.formatSeparator).map((t=>t.trim())).filter(Boolean),o[1]=o[1].slice(0,l)),r=e(a.call(this,o[1].trim(),h),h),r&&o[0]===s&&!t(r))return r;t(r)||(r=i(r)),r||(this.logger.warn(`missed to resolve ${o[1]} for nesting ${s}`),r=""),c.length&&(r=c.reduce(((t,s)=>this.format(t,s,n.lng,{...n,interpolationkey:o[1].trim()})),r.trim())),s=s.replace(o[0],r),this.regexp.lastIndex=0}return s}}const A=t=>{const s={};return(i,e,n)=>{let o=n;n&&n.interpolationkey&&n.formatParams&&n.formatParams[n.interpolationkey]&&n[n.interpolationkey]&&(o={...o,[n.interpolationkey]:void 0});const r=e+JSON.stringify(o);let h=s[r];return h||(h=t(y(e),n),s[r]=h),h(i)}},z=t=>(s,i,e)=>t(y(i),e)(s);class V{constructor(t={}){this.logger=$.create("formatter"),this.options=t,this.init(t)}init(t,s={interpolation:{}}){this.formatSeparator=s.interpolation.formatSeparator||",";const i=s.cacheInBuiltFormats?A:z;this.formats={number:i(((t,s)=>{const i=new Intl.NumberFormat(t,{...s});return t=>i.format(t)})),currency:i(((t,s)=>{const i=new Intl.NumberFormat(t,{...s,style:"currency"});return t=>i.format(t)})),datetime:i(((t,s)=>{const i=new Intl.DateTimeFormat(t,{...s});return t=>i.format(t)})),relativetime:i(((t,s)=>{const i=new Intl.RelativeTimeFormat(t,{...s});return t=>i.format(t,s.range||"day")})),list:i(((t,s)=>{const i=new Intl.ListFormat(t,{...s});return t=>i.format(t)}))}}add(t,s){this.formats[t.toLowerCase().trim()]=s}addCached(t,s){this.formats[t.toLowerCase().trim()]=A(s)}format(t,s,i,e={}){const n=s.split(this.formatSeparator);if(n.length>1&&n[0].indexOf("(")>1&&n[0].indexOf(")")<0&&n.find((t=>t.indexOf(")")>-1))){const t=n.findIndex((t=>t.indexOf(")")>-1));n[0]=[n[0],...n.splice(1,t)].join(this.formatSeparator)}return n.reduce(((t,s)=>{const{formatName:n,formatOptions:o}=(t=>{let s=t.toLowerCase().trim();const i={};if(t.indexOf("(")>-1){const e=t.split("(");s=e[0].toLowerCase().trim();const n=e[1].substring(0,e[1].length-1);"currency"===s&&n.indexOf(":")<0?i.currency||(i.currency=n.trim()):"relativetime"===s&&n.indexOf(":")<0?i.range||(i.range=n.trim()):n.split(";").forEach((t=>{if(t){const[s,...e]=t.split(":"),n=e.join(":").trim().replace(/^'+|'+$/g,""),o=s.trim();i[o]||(i[o]=n),"false"===n&&(i[o]=!1),"true"===n&&(i[o]=!0),isNaN(n)||(i[o]=parseInt(n,10))}}))}return{formatName:s,formatOptions:i}})(s);if(this.formats[n]){let s=t;try{const r=e?.formatParams?.[e.interpolationkey]||{};s=this.formats[n](t,r.locale||r.lng||e.locale||e.lng||i,{...o,...e,...r})}catch(t){this.logger.warn(t)}return s}return this.logger.warn(`there was no format function for ${n}`),t}),t)}}class K extends b{constructor(t,s,i,e={}){super(),this.backend=t,this.store=s,this.services=i,this.languageUtils=i.languageUtils,this.options=e,this.logger=$.create("backendConnector"),this.waitingReads=[],this.maxParallelReads=e.maxParallelReads||10,this.readingCalls=0,this.maxRetries=e.maxRetries>=0?e.maxRetries:5,this.retryTimeout=e.retryTimeout>=1?e.retryTimeout:350,this.state={},this.queue=[],this.backend?.init?.(i,e.backend,e)}queueLoad(t,s,i,e){const n={},o={},r={},h={};return t.forEach((t=>{let e=!0;s.forEach((s=>{const r=`${t}|${s}`;!i.reload&&this.store.hasResourceBundle(t,s)?this.state[r]=2:this.state[r]<0||(1===this.state[r]?void 0===o[r]&&(o[r]=!0):(this.state[r]=1,e=!1,void 0===o[r]&&(o[r]=!0),void 0===n[r]&&(n[r]=!0),void 0===h[s]&&(h[s]=!0)))})),e||(r[t]=!0)})),(Object.keys(n).length||Object.keys(o).length)&&this.queue.push({pending:o,pendingCount:Object.keys(o).length,loaded:{},errors:[],callback:e}),{toLoad:Object.keys(n),pending:Object.keys(o),toLoadLanguages:Object.keys(r),toLoadNamespaces:Object.keys(h)}}loaded(t,s,i){const e=t.split("|"),n=e[0],o=e[1];s&&this.emit("failedLoading",n,o,s),!s&&i&&this.store.addResourceBundle(n,o,i,void 0,void 0,{skipCopy:!0}),this.state[t]=s?-1:2,s&&i&&(this.state[t]=0);const h={};this.queue.forEach((i=>{((t,s,i)=>{const{obj:e,k:n}=r(t,s,Object);e[n]=e[n]||[],e[n].push(i)})(i.loaded,[n],o),((t,s)=>{void 0!==t.pending[s]&&(delete t.pending[s],t.pendingCount--)})(i,t),s&&i.errors.push(s),0!==i.pendingCount||i.done||(Object.keys(i.loaded).forEach((t=>{h[t]||(h[t]={});const s=i.loaded[t];s.length&&s.forEach((s=>{void 0===h[t][s]&&(h[t][s]=!0)}))})),i.done=!0,i.errors.length?i.callback(i.errors):i.callback())})),this.emit("loaded",h),this.queue=this.queue.filter((t=>!t.done))}read(t,s,i,e=0,n=this.retryTimeout,o){if(!t.length)return o(null,{});if(this.readingCalls>=this.maxParallelReads)return void this.waitingReads.push({lng:t,ns:s,fcName:i,tried:e,wait:n,callback:o});this.readingCalls++;const r=(r,h)=>{if(this.readingCalls--,this.waitingReads.length>0){const t=this.waitingReads.shift();this.read(t.lng,t.ns,t.fcName,t.tried,t.wait,t.callback)}r&&h&&e<this.maxRetries?setTimeout((()=>{this.read.call(this,t,s,i,e+1,2*n,o)}),n):o(r,h)},h=this.backend[i].bind(this.backend);if(2!==h.length)return h(t,s,r);try{const i=h(t,s);i&&"function"==typeof i.then?i.then((t=>r(null,t))).catch(r):r(null,i)}catch(t){r(t)}}prepareLoading(s,i,e={},n){if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),n&&n();t(s)&&(s=this.languageUtils.toResolveHierarchy(s)),t(i)&&(i=[i]);const o=this.queueLoad(s,i,e,n);if(!o.toLoad.length)return o.pending.length||n(),null;o.toLoad.forEach((t=>{this.loadOne(t)}))}load(t,s,i){this.prepareLoading(t,s,{},i)}reload(t,s,i){this.prepareLoading(t,s,{reload:!0},i)}loadOne(t,s=""){const i=t.split("|"),e=i[0],n=i[1];this.read(e,n,"read",void 0,void 0,((i,o)=>{i&&this.logger.warn(`${s}loading namespace ${n} for language ${e} failed`,i),!i&&o&&this.logger.log(`${s}loaded namespace ${n} for language ${e}`,o),this.loaded(t,i,o)}))}saveMissing(t,s,i,e,n,o={},r=()=>{}){if(!this.services?.utils?.hasLoadedNamespace||this.services?.utils?.hasLoadedNamespace(s)){if(null!=i&&""!==i){if(this.backend?.create){const h={...o,isUpdate:n},a=this.backend.create.bind(this.backend);if(a.length<6)try{let n;n=5===a.length?a(t,s,i,e,h):a(t,s,i,e),n&&"function"==typeof n.then?n.then((t=>r(null,t))).catch(r):r(null,n)}catch(t){r(t)}else a(t,s,i,e,r,h)}t&&t[0]&&this.store.addResource(t[0],s,i,e)}}else this.logger.warn(`did not save key "${i}" as the namespace "${s}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")}}const B=()=>({debug:!1,initAsync:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,simplifyPluralSuffix:!0,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!1,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:s=>{let i={};if("object"==typeof s[1]&&(i=s[1]),t(s[1])&&(i.defaultValue=s[1]),t(s[2])&&(i.tDescription=s[2]),"object"==typeof s[2]||"object"==typeof s[3]){const t=s[3]||s[2];Object.keys(t).forEach((s=>{i[s]=t[s]}))}return i},interpolation:{escapeValue:!0,format:t=>t,prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!0},cacheInBuiltFormats:!0}),M=s=>(t(s.ns)&&(s.ns=[s.ns]),t(s.fallbackLng)&&(s.fallbackLng=[s.fallbackLng]),t(s.fallbackNS)&&(s.fallbackNS=[s.fallbackNS]),s.supportedLngs?.indexOf?.("cimode")<0&&(s.supportedLngs=s.supportedLngs.concat(["cimode"])),"boolean"==typeof s.initImmediate&&(s.initAsync=s.initImmediate),s),_=()=>{},F="__i18next_supportNoticeShown";class D extends b{constructor(t={},s){var i;if(super(),this.options=M(t),this.services={},this.logger=$,this.modules={external:[]},i=this,Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t=>{"function"==typeof i[t]&&(i[t]=i[t].bind(i))})),s&&!this.isInitialized&&!t.isClone){if(!this.options.initAsync)return this.init(t,s),this;setTimeout((()=>{this.init(t,s)}),0)}}init(i={},e){this.isInitializing=!0,"function"==typeof i&&(e=i,i={}),null==i.defaultNS&&i.ns&&(t(i.ns)?i.defaultNS=i.ns:i.ns.indexOf("translation")<0&&(i.defaultNS=i.ns[0]));const n=B();var o;this.options={...n,...this.options,...M(i)},this.options.interpolation={...n.interpolation,...this.options.interpolation},void 0!==i.keySeparator&&(this.options.userDefinedKeySeparator=i.keySeparator),void 0!==i.nsSeparator&&(this.options.userDefinedNsSeparator=i.nsSeparator),"function"!=typeof this.options.overloadTranslationOptionHandler&&(this.options.overloadTranslationOptionHandler=n.overloadTranslationOptionHandler),!1===this.options.showSupportNotice||(o=this,o?.modules?.backend?.name?.indexOf("Locize")>0||o?.modules?.backend?.constructor?.name?.indexOf("Locize")>0||o?.options?.backend?.backends&&o.options.backend.backends.some((t=>t?.name?.indexOf("Locize")>0||t?.constructor?.name?.indexOf("Locize")>0))||o?.options?.backend?.projectId||o?.options?.backend?.backendOptions&&o.options.backend.backendOptions.some((t=>t?.projectId)))||"undefined"!=typeof globalThis&&globalThis[F]||"undefined"!=typeof process&&process.env&&process.env.I18NEXT_NO_SUPPORT_NOTICE||("undefined"!=typeof console&&void 0!==console.info&&console.info("🌐 i18next is made possible by our own product, Locize — consider powering your project with managed localization (AI, CDN, integrations): https://locize.com 💙"),"undefined"!=typeof globalThis&&(globalThis[F]=!0));const r=t=>t?"function"==typeof t?new t:t:null;if(!this.options.isClone){let t;$.init(this.modules.logger?r(this.modules.logger):null,this.options),t=this.modules.formatter?this.modules.formatter:V;const s=new L(this.options);this.store=new x(this.options.resources,this.options);const i=this.services;i.logger=$,i.resourceStore=this.store,i.languageUtils=s,i.pluralResolver=new E(s,{prepend:this.options.pluralSeparator,simplifyPluralSuffix:this.options.simplifyPluralSuffix}),this.options.interpolation.format&&this.options.interpolation.format!==n.interpolation.format&&this.logger.deprecate("init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting"),!t||this.options.interpolation.format&&this.options.interpolation.format!==n.interpolation.format||(i.formatter=r(t),i.formatter.init&&i.formatter.init(i,this.options),this.options.interpolation.format=i.formatter.format.bind(i.formatter)),i.interpolator=new T(this.options),i.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},i.backendConnector=new K(r(this.modules.backend),i.resourceStore,i,this.options),i.backendConnector.on("*",((t,...s)=>{this.emit(t,...s)})),this.modules.languageDetector&&(i.languageDetector=r(this.modules.languageDetector),i.languageDetector.init&&i.languageDetector.init(i,this.options.detection,this.options)),this.modules.i18nFormat&&(i.i18nFormat=r(this.modules.i18nFormat),i.i18nFormat.init&&i.i18nFormat.init(this)),this.translator=new N(this.services,this.options),this.translator.on("*",((t,...s)=>{this.emit(t,...s)})),this.modules.external.forEach((t=>{t.init&&t.init(this)}))}if(this.format=this.options.interpolation.format,e||(e=_),this.options.fallbackLng&&!this.services.languageDetector&&!this.options.lng){const t=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);t.length>0&&"dev"!==t[0]&&(this.options.lng=t[0])}this.services.languageDetector||this.options.lng||this.logger.warn("init: no languageDetector is used and no lng is defined"),["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"].forEach((t=>{this[t]=(...s)=>this.store[t](...s)})),["addResource","addResources","addResourceBundle","removeResourceBundle"].forEach((t=>{this[t]=(...s)=>(this.store[t](...s),this)}));const h=s(),a=()=>{const t=(t,s)=>{this.isInitializing=!1,this.isInitialized&&!this.initializedStoreOnce&&this.logger.warn("init: i18next is already initialized. You should call init just once!"),this.isInitialized=!0,this.options.isClone||this.logger.log("initialized",this.options),this.emit("initialized",this.options),h.resolve(s),e(t,s)};if(this.languages&&!this.isInitialized)return t(null,this.t.bind(this));this.changeLanguage(this.options.lng,t)};return this.options.resources||!this.options.initAsync?a():setTimeout(a,0),h}loadResources(s,i=_){let e=i;const n=t(s)?s:this.language;if("function"==typeof s&&(e=s),!this.options.resources||this.options.partialBundledLanguages){if("cimode"===n?.toLowerCase()&&(!this.options.preload||0===this.options.preload.length))return e();const t=[],s=s=>{s&&"cimode"!==s&&this.services.languageUtils.toResolveHierarchy(s).forEach((s=>{"cimode"!==s&&t.indexOf(s)<0&&t.push(s)}))};n?s(n):this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((t=>s(t))),this.options.preload?.forEach?.((t=>s(t))),this.services.backendConnector.load(t,this.options.ns,(t=>{t||this.resolvedLanguage||!this.language||this.setResolvedLanguage(this.language),e(t)}))}else e(null)}reloadResources(t,i,e){const n=s();return"function"==typeof t&&(e=t,t=void 0),"function"==typeof i&&(e=i,i=void 0),t||(t=this.languages),i||(i=this.options.ns),e||(e=_),this.services.backendConnector.reload(t,i,(t=>{n.resolve(),e(t)})),n}use(t){if(!t)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!t.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return"backend"===t.type&&(this.modules.backend=t),("logger"===t.type||t.log&&t.warn&&t.error)&&(this.modules.logger=t),"languageDetector"===t.type&&(this.modules.languageDetector=t),"i18nFormat"===t.type&&(this.modules.i18nFormat=t),"postProcessor"===t.type&&w.addPostProcessor(t),"formatter"===t.type&&(this.modules.formatter=t),"3rdParty"===t.type&&this.modules.external.push(t),this}setResolvedLanguage(t){if(t&&this.languages&&!(["cimode","dev"].indexOf(t)>-1)){for(let t=0;t<this.languages.length;t++){const s=this.languages[t];if(!(["cimode","dev"].indexOf(s)>-1)&&this.store.hasLanguageSomeTranslations(s)){this.resolvedLanguage=s;break}}!this.resolvedLanguage&&this.languages.indexOf(t)<0&&this.store.hasLanguageSomeTranslations(t)&&(this.resolvedLanguage=t,this.languages.unshift(t))}}changeLanguage(i,e){this.isLanguageChangingTo=i;const n=s();this.emit("languageChanging",i);const o=t=>{this.language=t,this.languages=this.services.languageUtils.toResolveHierarchy(t),this.resolvedLanguage=void 0,this.setResolvedLanguage(t)},r=(t,s)=>{s?this.isLanguageChangingTo===i&&(o(s),this.translator.changeLanguage(s),this.isLanguageChangingTo=void 0,this.emit("languageChanged",s),this.logger.log("languageChanged",s)):this.isLanguageChangingTo=void 0,n.resolve(((...t)=>this.t(...t))),e&&e(t,((...t)=>this.t(...t)))},h=s=>{i||s||!this.services.languageDetector||(s=[]);const e=t(s)?s:s&&s[0],n=this.store.hasLanguageSomeTranslations(e)?e:this.services.languageUtils.getBestMatchFromCodes(t(s)?[s]:s);n&&(this.language||o(n),this.translator.language||this.translator.changeLanguage(n),this.services.languageDetector?.cacheUserLanguage?.(n)),this.loadResources(n,(t=>{r(t,n)}))};return i||!this.services.languageDetector||this.services.languageDetector.async?!i&&this.services.languageDetector&&this.services.languageDetector.async?0===this.services.languageDetector.detect.length?this.services.languageDetector.detect().then(h):this.services.languageDetector.detect(h):h(i):h(this.services.languageDetector.detect()),n}getFixedT(s,i,e){const n=(t,s,...i)=>{let o;o="object"!=typeof s?this.options.overloadTranslationOptionHandler([t,s].concat(i)):{...s},o.lng=o.lng||n.lng,o.lngs=o.lngs||n.lngs,o.ns=o.ns||n.ns,""!==o.keyPrefix&&(o.keyPrefix=o.keyPrefix||e||n.keyPrefix);const r={...this.options,...o};"function"==typeof o.keyPrefix&&(o.keyPrefix=O(o.keyPrefix,r));const h=this.options.keySeparator||".";let a;return o.keyPrefix&&Array.isArray(t)?a=t.map((t=>("function"==typeof t&&(t=O(t,r)),`${o.keyPrefix}${h}${t}`))):("function"==typeof t&&(t=O(t,r)),a=o.keyPrefix?`${o.keyPrefix}${h}${t}`:t),this.t(a,o)};return t(s)?n.lng=s:n.lngs=s,n.ns=i,n.keyPrefix=e,n}t(...t){return this.translator?.translate(...t)}exists(...t){return this.translator?.exists(...t)}setDefaultNamespace(t){this.options.defaultNS=t}hasLoadedNamespace(t,s={}){if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;const i=s.lng||this.resolvedLanguage||this.languages[0],e=!!this.options&&this.options.fallbackLng,n=this.languages[this.languages.length-1];if("cimode"===i.toLowerCase())return!0;const o=(t,s)=>{const i=this.services.backendConnector.state[`${t}|${s}`];return-1===i||0===i||2===i};if(s.precheck){const t=s.precheck(this,o);if(void 0!==t)return t}return!(!this.hasResourceBundle(i,t)&&this.services.backendConnector.backend&&(!this.options.resources||this.options.partialBundledLanguages)&&(!o(i,t)||e&&!o(n,t)))}loadNamespaces(i,e){const n=s();return this.options.ns?(t(i)&&(i=[i]),i.forEach((t=>{this.options.ns.indexOf(t)<0&&this.options.ns.push(t)})),this.loadResources((t=>{n.resolve(),e&&e(t)})),n):(e&&e(),Promise.resolve())}loadLanguages(i,e){const n=s();t(i)&&(i=[i]);const o=this.options.preload||[],r=i.filter((t=>o.indexOf(t)<0&&this.services.languageUtils.isSupportedCode(t)));return r.length?(this.options.preload=o.concat(r),this.loadResources((t=>{n.resolve(),e&&e(t)})),n):(e&&e(),Promise.resolve())}dir(t){if(t||(t=this.resolvedLanguage||(this.languages?.length>0?this.languages[0]:this.language)),!t)return"rtl";try{const s=new Intl.Locale(t);if(s&&s.getTextInfo){const t=s.getTextInfo();if(t&&t.direction)return t.direction}}catch(t){}const s=this.services?.languageUtils||new L(B());return t.toLowerCase().indexOf("-latn")>1?"ltr":["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam","ckb"].indexOf(s.getLanguagePartFromCode(t))>-1||t.toLowerCase().indexOf("-arab")>1?"rtl":"ltr"}static createInstance(t={},s){const i=new D(t,s);return i.createInstance=D.createInstance,i}cloneInstance(t={},s=_){const i=t.forkResourceStore;i&&delete t.forkResourceStore;const e={...this.options,...t,isClone:!0},n=new D(e);if(void 0===t.debug&&void 0===t.prefix||(n.logger=n.logger.clone(t)),["store","services","language"].forEach((t=>{n[t]=this[t]})),n.services={...this.services},n.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)},i){const t=Object.keys(this.store.data).reduce(((t,s)=>(t[s]={...this.store.data[s]},t[s]=Object.keys(t[s]).reduce(((i,e)=>(i[e]={...t[s][e]},i)),t[s]),t)),{});n.store=new x(t,e),n.services.resourceStore=n.store}if(t.interpolation){const s={...B().interpolation,...this.options.interpolation,...t.interpolation},i={...e,interpolation:s};n.services.interpolator=new T(i)}return n.translator=new N(n.services,e),n.translator.on("*",((t,...s)=>{n.emit(t,...s)})),n.init(e,s),n.translator.options=e,n.translator.backendConnector.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)},n}toJSON(){return{options:this.options,store:this.store,language:this.language,languages:this.languages,resolvedLanguage:this.resolvedLanguage}}}const H=D.createInstance().createInstance,J="nl";function U(t){const s=t.closest("[lang]");return s instanceof HTMLElement?s.lang||J:t.parentNode instanceof ShadowRoot&&t.parentNode.host instanceof HTMLElement?U(t.parentNode.host):t.parentElement instanceof HTMLElement?U(t.parentElement):J}function W(t,s){const i=t(),e=H();e.init({fallbackLng:J,resources:s,defaultNS:i.tagName.toLowerCase(),interpolation:{escapeValue:!1},showSupportNotice:!1});let n=!1;return(t,s)=>{if(!n){n=!0;const t=U(i);e.changeLanguage(t)}return e.t(t,s)}}export{W as i}
+const t=t=>"string"==typeof t,s=()=>{let t,s;const i=new Promise(((i,e)=>{t=i,s=e}));return i.resolve=t,i.reject=s,i},i=t=>null==t?"":""+t,e=/###/g,n=t=>t&&t.indexOf("###")>-1?t.replace(e,"."):t,o=s=>!s||t(s),r=(s,i,e)=>{const r=t(i)?i.split("."):i;let h=0;for(;h<r.length-1;){if(o(s))return{};const t=n(r[h]);!s[t]&&e&&(s[t]=new e),s=Object.prototype.hasOwnProperty.call(s,t)?s[t]:{},++h}return o(s)?{}:{obj:s,k:n(r[h])}},h=(t,s,i)=>{const{obj:e,k:n}=r(t,s,Object);if(void 0!==e||1===s.length)return void(e[n]=i);let o=s[s.length-1],h=s.slice(0,s.length-1),a=r(t,h,Object);for(;void 0===a.obj&&h.length;)o=`${h[h.length-1]}.${o}`,h=h.slice(0,h.length-1),a=r(t,h,Object),a?.obj&&void 0!==a.obj[`${a.k}.${o}`]&&(a.obj=void 0);a.obj[`${a.k}.${o}`]=i},a=(t,s)=>{const{obj:i,k:e}=r(t,s);if(i&&Object.prototype.hasOwnProperty.call(i,e))return i[e]},c=(s,i,e)=>{for(const n in i)"__proto__"!==n&&"constructor"!==n&&(n in s?t(s[n])||s[n]instanceof String||t(i[n])||i[n]instanceof String?e&&(s[n]=i[n]):c(s[n],i[n],e):s[n]=i[n]);return s},l=t=>t.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&");var u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"};const d=s=>t(s)?s.replace(/[&<>"'\/]/g,(t=>u[t])):s,f=[" ",",","?","!",";"],p=new class{constructor(t){this.capacity=t,this.regExpMap=new Map,this.regExpQueue=[]}getRegExp(t){const s=this.regExpMap.get(t);if(void 0!==s)return s;const i=new RegExp(t);return this.regExpQueue.length===this.capacity&&this.regExpMap.delete(this.regExpQueue.shift()),this.regExpMap.set(t,i),this.regExpQueue.push(t),i}}(20),g=(t,s,i=".")=>{if(!t)return;if(t[s]){if(!Object.prototype.hasOwnProperty.call(t,s))return;return t[s]}const e=s.split(i);let n=t;for(let t=0;t<e.length;){if(!n||"object"!=typeof n)return;let s,o="";for(let r=t;r<e.length;++r)if(r!==t&&(o+=i),o+=e[r],s=n[o],void 0!==s){if(["string","number","boolean"].indexOf(typeof s)>-1&&r<e.length-1)continue;t+=r-t+1;break}n=s}return n},y=t=>t?.replace(/_/g,"-"),m={type:"logger",log(t){this.output("log",t)},warn(t){this.output("warn",t)},error(t){this.output("error",t)},output(t,s){console?.[t]?.apply?.(console,s)}};class v{constructor(t,s={}){this.init(t,s)}init(t,s={}){this.prefix=s.prefix||"i18next:",this.logger=t||m,this.options=s,this.debug=s.debug}log(...t){return this.forward(t,"log","",!0)}warn(...t){return this.forward(t,"warn","",!0)}error(...t){return this.forward(t,"error","")}deprecate(...t){return this.forward(t,"warn","WARNING DEPRECATED: ",!0)}forward(s,i,e,n){return n&&!this.debug?null:(t(s[0])&&(s[0]=`${e}${this.prefix} ${s[0]}`),this.logger[i](s))}create(t){return new v(this.logger,{prefix:`${this.prefix}:${t}:`,...this.options})}clone(t){return(t=t||this.options).prefix=t.prefix||this.prefix,new v(this.logger,t)}}var $=new v;class b{constructor(){this.observers={}}on(t,s){return t.split(" ").forEach((t=>{this.observers[t]||(this.observers[t]=new Map);const i=this.observers[t].get(s)||0;this.observers[t].set(s,i+1)})),this}off(t,s){this.observers[t]&&(s?this.observers[t].delete(s):delete this.observers[t])}emit(t,...s){this.observers[t]&&Array.from(this.observers[t].entries()).forEach((([t,i])=>{for(let e=0;e<i;e++)t(...s)})),this.observers["*"]&&Array.from(this.observers["*"].entries()).forEach((([i,e])=>{for(let n=0;n<e;n++)i.apply(i,[t,...s])}))}}class x extends b{constructor(t,s={ns:["translation"],defaultNS:"translation"}){super(),this.data=t||{},this.options=s,void 0===this.options.keySeparator&&(this.options.keySeparator="."),void 0===this.options.ignoreJSONStructure&&(this.options.ignoreJSONStructure=!0)}addNamespaces(t){this.options.ns.indexOf(t)<0&&this.options.ns.push(t)}removeNamespaces(t){const s=this.options.ns.indexOf(t);s>-1&&this.options.ns.splice(s,1)}getResource(s,i,e,n={}){const o=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,r=void 0!==n.ignoreJSONStructure?n.ignoreJSONStructure:this.options.ignoreJSONStructure;let h;s.indexOf(".")>-1?h=s.split("."):(h=[s,i],e&&(Array.isArray(e)?h.push(...e):t(e)&&o?h.push(...e.split(o)):h.push(e)));const c=a(this.data,h);return!c&&!i&&!e&&s.indexOf(".")>-1&&(s=h[0],i=h[1],e=h.slice(2).join(".")),!c&&r&&t(e)?g(this.data?.[s]?.[i],e,o):c}addResource(t,s,i,e,n={silent:!1}){const o=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator;let r=[t,s];i&&(r=r.concat(o?i.split(o):i)),t.indexOf(".")>-1&&(r=t.split("."),e=s,s=r[1]),this.addNamespaces(s),h(this.data,r,e),n.silent||this.emit("added",t,s,i,e)}addResources(s,i,e,n={silent:!1}){for(const n in e)(t(e[n])||Array.isArray(e[n]))&&this.addResource(s,i,n,e[n],{silent:!0});n.silent||this.emit("added",s,i,e)}addResourceBundle(t,s,i,e,n,o={silent:!1,skipCopy:!1}){let r=[t,s];t.indexOf(".")>-1&&(r=t.split("."),e=i,i=s,s=r[1]),this.addNamespaces(s);let l=a(this.data,r)||{};o.skipCopy||(i=JSON.parse(JSON.stringify(i))),e?c(l,i,n):l={...l,...i},h(this.data,r,l),o.silent||this.emit("added",t,s,i)}removeResourceBundle(t,s){this.hasResourceBundle(t,s)&&delete this.data[t][s],this.removeNamespaces(s),this.emit("removed",t,s)}hasResourceBundle(t,s){return void 0!==this.getResource(t,s)}getResourceBundle(t,s){return s||(s=this.options.defaultNS),this.getResource(t,s)}getDataByLanguage(t){return this.data[t]}hasLanguageSomeTranslations(t){const s=this.getDataByLanguage(t);return!!(s&&Object.keys(s)||[]).find((t=>s[t]&&Object.keys(s[t]).length>0))}toJSON(){return this.data}}var w={processors:{},addPostProcessor(t){this.processors[t.name]=t},handle(t,s,i,e,n){return t.forEach((t=>{s=this.processors[t]?.process(s,i,e,n)??s})),s}};const j=Symbol("i18next/PATH_KEY");function O(t,s){const{[j]:i}=t(function(){const t=[],s=Object.create(null);let i;return s.get=(e,n)=>(i?.revoke?.(),n===j?t:(t.push(n),i=Proxy.revocable(e,s),i.proxy)),Proxy.revocable(Object.create(null),s).proxy}()),e=s?.keySeparator??".",n=s?.nsSeparator??":";if(i.length>1&&n){const t=s?.ns,o=Array.isArray(t)?t:null;if(o&&o.length>1&&o.slice(1).includes(i[0]))return`${i[0]}${n}${i.slice(1).join(e)}`}return i.join(e)}const S={},k=s=>!t(s)&&"boolean"!=typeof s&&"number"!=typeof s;class N extends b{constructor(t,s={}){var i,e;super(),i=t,e=this,["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"].forEach((t=>{i[t]&&(e[t]=i[t])})),this.options=s,void 0===this.options.keySeparator&&(this.options.keySeparator="."),this.logger=$.create("translator")}changeLanguage(t){t&&(this.language=t)}exists(t,s={interpolation:{}}){const i={...s};if(null==t)return!1;const e=this.resolve(t,i);if(void 0===e?.res)return!1;const n=k(e.res);return!1!==i.returnObjects||!n}extractFromKey(s,i){let e=void 0!==i.nsSeparator?i.nsSeparator:this.options.nsSeparator;void 0===e&&(e=":");const n=void 0!==i.keySeparator?i.keySeparator:this.options.keySeparator;let o=i.ns||this.options.defaultNS||[];const r=e&&s.indexOf(e)>-1,h=!(this.options.userDefinedKeySeparator||i.keySeparator||this.options.userDefinedNsSeparator||i.nsSeparator||((t,s,i)=>{s=s||"",i=i||"";const e=f.filter((t=>s.indexOf(t)<0&&i.indexOf(t)<0));if(0===e.length)return!0;const n=p.getRegExp(`(${e.map((t=>"?"===t?"\\?":t)).join("|")})`);let o=!n.test(t);if(!o){const s=t.indexOf(i);s>0&&!n.test(t.substring(0,s))&&(o=!0)}return o})(s,e,n));if(r&&!h){const i=s.match(this.interpolator.nestingRegexp);if(i&&i.length>0)return{key:s,namespaces:t(o)?[o]:o};const r=s.split(e);(e!==n||e===n&&this.options.ns.indexOf(r[0])>-1)&&(o=r.shift()),s=r.join(n)}return{key:s,namespaces:t(o)?[o]:o}}translate(s,i,e){let n="object"==typeof i?{...i}:i;if("object"!=typeof n&&this.options.overloadTranslationOptionHandler&&(n=this.options.overloadTranslationOptionHandler(arguments)),"object"==typeof n&&(n={...n}),n||(n={}),null==s)return"";"function"==typeof s&&(s=O(s,{...this.options,...n})),Array.isArray(s)||(s=[String(s)]),s=s.map((t=>"function"==typeof t?O(t,{...this.options,...n}):String(t)));const o=void 0!==n.returnDetails?n.returnDetails:this.options.returnDetails,r=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,{key:h,namespaces:a}=this.extractFromKey(s[s.length-1],n),c=a[a.length-1];let l=void 0!==n.nsSeparator?n.nsSeparator:this.options.nsSeparator;void 0===l&&(l=":");const u=n.lng||this.language,d=n.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if("cimode"===u?.toLowerCase())return d?o?{res:`${c}${l}${h}`,usedKey:h,exactUsedKey:h,usedLng:u,usedNS:c,usedParams:this.getUsedParamsDetails(n)}:`${c}${l}${h}`:o?{res:h,usedKey:h,exactUsedKey:h,usedLng:u,usedNS:c,usedParams:this.getUsedParamsDetails(n)}:h;const f=this.resolve(s,n);let p=f?.res;const g=f?.usedKey||h,y=f?.exactUsedKey||h,m=void 0!==n.joinArrays?n.joinArrays:this.options.joinArrays,v=!this.i18nFormat||this.i18nFormat.handleAsObject,$=void 0!==n.count&&!t(n.count),b=N.hasDefaultValue(n),x=$?this.pluralResolver.getSuffix(u,n.count,n):"",w=n.ordinal&&$?this.pluralResolver.getSuffix(u,n.count,{ordinal:!1}):"",j=$&&!n.ordinal&&0===n.count,S=j&&n[`defaultValue${this.options.pluralSeparator}zero`]||n[`defaultValue${x}`]||n[`defaultValue${w}`]||n.defaultValue;let L=p;v&&!p&&b&&(L=S);const R=k(L),P=Object.prototype.toString.apply(L);if(!(v&&L&&R&&["[object Number]","[object Function]","[object RegExp]"].indexOf(P)<0)||t(m)&&Array.isArray(L))if(v&&t(m)&&Array.isArray(p))p=p.join(m),p&&(p=this.extendTranslation(p,s,n,e));else{let t=!1,i=!1;!this.isValidLookup(p)&&b&&(t=!0,p=S),this.isValidLookup(p)||(i=!0,p=h);const o=(n.missingKeyNoValueFallbackToKey||this.options.missingKeyNoValueFallbackToKey)&&i?void 0:p,a=b&&S!==p&&this.options.updateMissing;if(i||t||a){if(this.logger.log(a?"updateKey":"missingKey",u,c,h,a?S:p),r){const t=this.resolve(h,{...n,keySeparator:!1});t&&t.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}let t=[];const s=this.languageUtils.getFallbackCodes(this.options.fallbackLng,n.lng||this.language);if("fallback"===this.options.saveMissingTo&&s&&s[0])for(let i=0;i<s.length;i++)t.push(s[i]);else"all"===this.options.saveMissingTo?t=this.languageUtils.toResolveHierarchy(n.lng||this.language):t.push(n.lng||this.language);const i=(t,s,i)=>{const e=b&&i!==p?i:o;this.options.missingKeyHandler?this.options.missingKeyHandler(t,c,s,e,a,n):this.backendConnector?.saveMissing&&this.backendConnector.saveMissing(t,c,s,e,a,n),this.emit("missingKey",t,c,s,p)};this.options.saveMissing&&(this.options.saveMissingPlurals&&$?t.forEach((t=>{const s=this.pluralResolver.getSuffixes(t,n);j&&n[`defaultValue${this.options.pluralSeparator}zero`]&&s.indexOf(`${this.options.pluralSeparator}zero`)<0&&s.push(`${this.options.pluralSeparator}zero`),s.forEach((s=>{i([t],h+s,n[`defaultValue${s}`]||S)}))})):i(t,h,S))}p=this.extendTranslation(p,s,n,f,e),i&&p===h&&this.options.appendNamespaceToMissingKey&&(p=`${c}${l}${h}`),(i||t)&&this.options.parseMissingKeyHandler&&(p=this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey?`${c}${l}${h}`:h,t?p:void 0,n))}else{if(!n.returnObjects&&!this.options.returnObjects){this.options.returnedObjectHandler||this.logger.warn("accessing an object - but returnObjects options is not enabled!");const t=this.options.returnedObjectHandler?this.options.returnedObjectHandler(g,L,{...n,ns:a}):`key '${h} (${this.language})' returned an object instead of string.`;return o?(f.res=t,f.usedParams=this.getUsedParamsDetails(n),f):t}if(r){const t=Array.isArray(L),s=t?[]:{},i=t?y:g;for(const t in L)if(Object.prototype.hasOwnProperty.call(L,t)){const e=`${i}${r}${t}`;s[t]=this.translate(e,b&&!p?{...n,defaultValue:k(S)?S[t]:void 0,joinArrays:!1,ns:a}:{...n,joinArrays:!1,ns:a}),s[t]===e&&(s[t]=L[t])}p=s}}return o?(f.res=p,f.usedParams=this.getUsedParamsDetails(n),f):p}extendTranslation(s,i,e,n,o){if(this.i18nFormat?.parse)s=this.i18nFormat.parse(s,{...this.options.interpolation.defaultVariables,...e},e.lng||this.language||n.usedLng,n.usedNS,n.usedKey,{resolved:n});else if(!e.skipInterpolation){e.interpolation&&this.interpolator.init({...e,interpolation:{...this.options.interpolation,...e.interpolation}});const r=t(s)&&(void 0!==e?.interpolation?.skipOnVariables?e.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables);let h;if(r){const t=s.match(this.interpolator.nestingRegexp);h=t&&t.length}let a=e.replace&&!t(e.replace)?e.replace:e;if(this.options.interpolation.defaultVariables&&(a={...this.options.interpolation.defaultVariables,...a}),s=this.interpolator.interpolate(s,a,e.lng||this.language||n.usedLng,e),r){const t=s.match(this.interpolator.nestingRegexp);h<(t&&t.length)&&(e.nest=!1)}!e.lng&&n&&n.res&&(e.lng=this.language||n.usedLng),!1!==e.nest&&(s=this.interpolator.nest(s,((...t)=>o?.[0]!==t[0]||e.context?this.translate(...t,i):(this.logger.warn(`It seems you are nesting recursively key: ${t[0]} in key: ${i[0]}`),null)),e)),e.interpolation&&this.interpolator.reset()}const r=e.postProcess||this.options.postProcess,h=t(r)?[r]:r;return null!=s&&h?.length&&!1!==e.applyPostProcessor&&(s=w.handle(h,s,i,this.options&&this.options.postProcessPassResolved?{i18nResolved:{...n,usedParams:this.getUsedParamsDetails(e)},...e}:e,this)),s}resolve(s,i={}){let e,n,o,r,h;return t(s)&&(s=[s]),Array.isArray(s)&&(s=s.map((t=>"function"==typeof t?O(t,{...this.options,...i}):t))),s.forEach((s=>{if(this.isValidLookup(e))return;const a=this.extractFromKey(s,i),c=a.key;n=c;let l=a.namespaces;this.options.fallbackNS&&(l=l.concat(this.options.fallbackNS));const u=void 0!==i.count&&!t(i.count),d=u&&!i.ordinal&&0===i.count,f=void 0!==i.context&&(t(i.context)||"number"==typeof i.context)&&""!==i.context,p=i.lngs?i.lngs:this.languageUtils.toResolveHierarchy(i.lng||this.language,i.fallbackLng);l.forEach((t=>{this.isValidLookup(e)||(h=t,S[`${p[0]}-${t}`]||!this.utils?.hasLoadedNamespace||this.utils?.hasLoadedNamespace(h)||(S[`${p[0]}-${t}`]=!0,this.logger.warn(`key "${n}" for languages "${p.join(", ")}" won't get resolved as namespace "${h}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),p.forEach((s=>{if(this.isValidLookup(e))return;r=s;const n=[c];if(this.i18nFormat?.addLookupKeys)this.i18nFormat.addLookupKeys(n,c,s,t,i);else{let t;u&&(t=this.pluralResolver.getSuffix(s,i.count,i));const e=`${this.options.pluralSeparator}zero`,o=`${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;if(u&&(i.ordinal&&0===t.indexOf(o)&&n.push(c+t.replace(o,this.options.pluralSeparator)),n.push(c+t),d&&n.push(c+e)),f){const s=`${c}${this.options.contextSeparator||"_"}${i.context}`;n.push(s),u&&(i.ordinal&&0===t.indexOf(o)&&n.push(s+t.replace(o,this.options.pluralSeparator)),n.push(s+t),d&&n.push(s+e))}}let h;for(;h=n.pop();)this.isValidLookup(e)||(o=h,e=this.getResource(s,t,h,i))})))}))})),{res:e,usedKey:n,exactUsedKey:o,usedLng:r,usedNS:h}}isValidLookup(t){return!(void 0===t||!this.options.returnNull&&null===t||!this.options.returnEmptyString&&""===t)}getResource(t,s,i,e={}){return this.i18nFormat?.getResource?this.i18nFormat.getResource(t,s,i,e):this.resourceStore.getResource(t,s,i,e)}getUsedParamsDetails(s={}){const i=["defaultValue","ordinal","context","replace","lng","lngs","fallbackLng","ns","keySeparator","nsSeparator","returnObjects","returnDetails","joinArrays","postProcess","interpolation"],e=s.replace&&!t(s.replace);let n=e?s.replace:s;if(e&&void 0!==s.count&&(n.count=s.count),this.options.interpolation.defaultVariables&&(n={...this.options.interpolation.defaultVariables,...n}),!e){n={...n};for(const t of i)delete n[t]}return n}static hasDefaultValue(t){for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&"defaultValue"===s.substring(0,12)&&void 0!==t[s])return!0;return!1}}class L{constructor(t){this.options=t,this.supportedLngs=this.options.supportedLngs||!1,this.logger=$.create("languageUtils")}getScriptPartFromCode(t){if(!(t=y(t))||t.indexOf("-")<0)return null;const s=t.split("-");return 2===s.length?null:(s.pop(),"x"===s[s.length-1].toLowerCase()?null:this.formatLanguageCode(s.join("-")))}getLanguagePartFromCode(t){if(!(t=y(t))||t.indexOf("-")<0)return t;const s=t.split("-");return this.formatLanguageCode(s[0])}formatLanguageCode(s){if(t(s)&&s.indexOf("-")>-1){let t;try{t=Intl.getCanonicalLocales(s)[0]}catch(t){}return t&&this.options.lowerCaseLng&&(t=t.toLowerCase()),t||(this.options.lowerCaseLng?s.toLowerCase():s)}return this.options.cleanCode||this.options.lowerCaseLng?s.toLowerCase():s}isSupportedCode(t){return("languageOnly"===this.options.load||this.options.nonExplicitSupportedLngs)&&(t=this.getLanguagePartFromCode(t)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.indexOf(t)>-1}getBestMatchFromCodes(t){if(!t)return null;let s;return t.forEach((t=>{if(s)return;const i=this.formatLanguageCode(t);this.options.supportedLngs&&!this.isSupportedCode(i)||(s=i)})),!s&&this.options.supportedLngs&&t.forEach((t=>{if(s)return;const i=this.getScriptPartFromCode(t);if(this.isSupportedCode(i))return s=i;const e=this.getLanguagePartFromCode(t);if(this.isSupportedCode(e))return s=e;s=this.options.supportedLngs.find((t=>t===e?t:t.indexOf("-")<0&&e.indexOf("-")<0?void 0:t.indexOf("-")>0&&e.indexOf("-")<0&&t.substring(0,t.indexOf("-"))===e||0===t.indexOf(e)&&e.length>1?t:void 0))})),s||(s=this.getFallbackCodes(this.options.fallbackLng)[0]),s}getFallbackCodes(s,i){if(!s)return[];if("function"==typeof s&&(s=s(i)),t(s)&&(s=[s]),Array.isArray(s))return s;if(!i)return s.default||[];let e=s[i];return e||(e=s[this.getScriptPartFromCode(i)]),e||(e=s[this.formatLanguageCode(i)]),e||(e=s[this.getLanguagePartFromCode(i)]),e||(e=s.default),e||[]}toResolveHierarchy(s,i){const e=this.getFallbackCodes((!1===i?[]:i)||this.options.fallbackLng||[],s),n=[],o=t=>{t&&(this.isSupportedCode(t)?n.push(t):this.logger.warn(`rejecting language code not found in supportedLngs: ${t}`))};return t(s)&&(s.indexOf("-")>-1||s.indexOf("_")>-1)?("languageOnly"!==this.options.load&&o(this.formatLanguageCode(s)),"languageOnly"!==this.options.load&&"currentOnly"!==this.options.load&&o(this.getScriptPartFromCode(s)),"currentOnly"!==this.options.load&&o(this.getLanguagePartFromCode(s))):t(s)&&o(this.formatLanguageCode(s)),e.forEach((t=>{n.indexOf(t)<0&&o(this.formatLanguageCode(t))})),n}}const R={zero:0,one:1,two:2,few:3,many:4,other:5},P={select:t=>1===t?"one":"other",resolvedOptions:()=>({pluralCategories:["one","other"]})};class E{constructor(t,s={}){this.languageUtils=t,this.options=s,this.logger=$.create("pluralResolver"),this.pluralRulesCache={}}clearCache(){this.pluralRulesCache={}}getRule(t,s={}){const i=y("dev"===t?"en":t),e=s.ordinal?"ordinal":"cardinal",n=JSON.stringify({cleanedCode:i,type:e});if(n in this.pluralRulesCache)return this.pluralRulesCache[n];let o;try{o=new Intl.PluralRules(i,{type:e})}catch(i){if("undefined"==typeof Intl)return this.logger.error("No Intl support, please use an Intl polyfill!"),P;if(!t.match(/-|_/))return P;const e=this.languageUtils.getLanguagePartFromCode(t);o=this.getRule(e,s)}return this.pluralRulesCache[n]=o,o}needsPlural(t,s={}){let i=this.getRule(t,s);return i||(i=this.getRule("dev",s)),i?.resolvedOptions().pluralCategories.length>1}getPluralFormsOfKey(t,s,i={}){return this.getSuffixes(t,i).map((t=>`${s}${t}`))}getSuffixes(t,s={}){let i=this.getRule(t,s);return i||(i=this.getRule("dev",s)),i?i.resolvedOptions().pluralCategories.sort(((t,s)=>R[t]-R[s])).map((t=>`${this.options.prepend}${s.ordinal?`ordinal${this.options.prepend}`:""}${t}`)):[]}getSuffix(t,s,i={}){const e=this.getRule(t,i);return e?`${this.options.prepend}${i.ordinal?`ordinal${this.options.prepend}`:""}${e.select(s)}`:(this.logger.warn(`no plural rule found for: ${t}`),this.getSuffix("dev",s,i))}}const C=(s,i,e,n=".",o=!0)=>{let r=((t,s,i)=>{const e=a(t,i);return void 0!==e?e:a(s,i)})(s,i,e);return!r&&o&&t(e)&&(r=g(s,e,n),void 0===r&&(r=g(i,e,n))),r},I=t=>t.replace(/\$/g,"$$$$");class T{constructor(t={}){this.logger=$.create("interpolator"),this.options=t,this.format=t?.interpolation?.format||(t=>t),this.init(t)}init(t={}){t.interpolation||(t.interpolation={escapeValue:!0});const{escape:s,escapeValue:i,useRawValueToEscape:e,prefix:n,prefixEscaped:o,suffix:r,suffixEscaped:h,formatSeparator:a,unescapeSuffix:c,unescapePrefix:u,nestingPrefix:f,nestingPrefixEscaped:p,nestingSuffix:g,nestingSuffixEscaped:y,nestingOptionsSeparator:m,maxReplaces:v,alwaysFormat:$}=t.interpolation;this.escape=void 0!==s?s:d,this.escapeValue=void 0===i||i,this.useRawValueToEscape=void 0!==e&&e,this.prefix=n?l(n):o||"{{",this.suffix=r?l(r):h||"}}",this.formatSeparator=a||",",this.unescapePrefix=c?"":u||"-",this.unescapeSuffix=this.unescapePrefix?"":c||"",this.nestingPrefix=f?l(f):p||l("$t("),this.nestingSuffix=g?l(g):y||l(")"),this.nestingOptionsSeparator=m||",",this.maxReplaces=v||1e3,this.alwaysFormat=void 0!==$&&$,this.resetRegExp()}reset(){this.options&&this.init(this.options)}resetRegExp(){const t=(t,s)=>t?.source===s?(t.lastIndex=0,t):new RegExp(s,"g");this.regexp=t(this.regexp,`${this.prefix}(.+?)${this.suffix}`),this.regexpUnescape=t(this.regexpUnescape,`${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`),this.nestingRegexp=t(this.nestingRegexp,`${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`)}interpolate(s,e,n,o){let r,h,a;const c=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{},l=t=>{if(t.indexOf(this.formatSeparator)<0){const s=C(e,c,t,this.options.keySeparator,this.options.ignoreJSONStructure);return this.alwaysFormat?this.format(s,void 0,n,{...o,...e,interpolationkey:t}):s}const s=t.split(this.formatSeparator),i=s.shift().trim(),r=s.join(this.formatSeparator).trim();return this.format(C(e,c,i,this.options.keySeparator,this.options.ignoreJSONStructure),r,n,{...o,...e,interpolationkey:i})};this.resetRegExp();const u=o?.missingInterpolationHandler||this.options.missingInterpolationHandler,d=void 0!==o?.interpolation?.skipOnVariables?o.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:t=>I(t)},{regex:this.regexp,safeValue:t=>I(this.escapeValue?this.escape(t):t)}].forEach((e=>{for(a=0;r=e.regex.exec(s);){const n=r[1].trim();if(h=l(n),void 0===h)if("function"==typeof u){const i=u(s,r,o);h=t(i)?i:""}else if(o&&Object.prototype.hasOwnProperty.call(o,n))h="";else{if(d){h=r[0];continue}this.logger.warn(`missed to pass in variable ${n} for interpolating ${s}`),h=""}else t(h)||this.useRawValueToEscape||(h=i(h));const c=e.safeValue(h);if(s=s.replace(r[0],c),d?(e.regex.lastIndex+=h.length,e.regex.lastIndex-=r[0].length):e.regex.lastIndex=0,a++,a>=this.maxReplaces)break}})),s}nest(s,e,n={}){let o,r,h;const a=(t,s)=>{const i=this.nestingOptionsSeparator;if(t.indexOf(i)<0)return t;const e=t.split(new RegExp(`${l(i)}[ ]*{`));let n=`{${e[1]}`;t=e[0],n=this.interpolate(n,h);const o=n.match(/'/g),r=n.match(/"/g);((o?.length??0)%2==0&&!r||(r?.length??0)%2!=0)&&(n=n.replace(/'/g,'"'));try{h=JSON.parse(n),s&&(h={...s,...h})}catch(s){return this.logger.warn(`failed parsing options string in nesting for key ${t}`,s),`${t}${i}${n}`}return h.defaultValue&&h.defaultValue.indexOf(this.prefix)>-1&&delete h.defaultValue,t};for(;o=this.nestingRegexp.exec(s);){let c=[];h={...n},h=h.replace&&!t(h.replace)?h.replace:h,h.applyPostProcessor=!1,delete h.defaultValue;const l=/{.*}/.test(o[1])?o[1].lastIndexOf("}")+1:o[1].indexOf(this.formatSeparator);if(-1!==l&&(c=o[1].slice(l).split(this.formatSeparator).map((t=>t.trim())).filter(Boolean),o[1]=o[1].slice(0,l)),r=e(a.call(this,o[1].trim(),h),h),r&&o[0]===s&&!t(r))return r;t(r)||(r=i(r)),r||(this.logger.warn(`missed to resolve ${o[1]} for nesting ${s}`),r=""),c.length&&(r=c.reduce(((t,s)=>this.format(t,s,n.lng,{...n,interpolationkey:o[1].trim()})),r.trim())),s=s.replace(o[0],r),this.regexp.lastIndex=0}return s}}const A=t=>{const s={};return(i,e,n)=>{let o=n;n&&n.interpolationkey&&n.formatParams&&n.formatParams[n.interpolationkey]&&n[n.interpolationkey]&&(o={...o,[n.interpolationkey]:void 0});const r=e+JSON.stringify(o);let h=s[r];return h||(h=t(y(e),n),s[r]=h),h(i)}},z=t=>(s,i,e)=>t(y(i),e)(s);class V{constructor(t={}){this.logger=$.create("formatter"),this.options=t,this.init(t)}init(t,s={interpolation:{}}){this.formatSeparator=s.interpolation.formatSeparator||",";const i=s.cacheInBuiltFormats?A:z;this.formats={number:i(((t,s)=>{const i=new Intl.NumberFormat(t,{...s});return t=>i.format(t)})),currency:i(((t,s)=>{const i=new Intl.NumberFormat(t,{...s,style:"currency"});return t=>i.format(t)})),datetime:i(((t,s)=>{const i=new Intl.DateTimeFormat(t,{...s});return t=>i.format(t)})),relativetime:i(((t,s)=>{const i=new Intl.RelativeTimeFormat(t,{...s});return t=>i.format(t,s.range||"day")})),list:i(((t,s)=>{const i=new Intl.ListFormat(t,{...s});return t=>i.format(t)}))}}add(t,s){this.formats[t.toLowerCase().trim()]=s}addCached(t,s){this.formats[t.toLowerCase().trim()]=A(s)}format(t,s,i,e={}){const n=s.split(this.formatSeparator);if(n.length>1&&n[0].indexOf("(")>1&&n[0].indexOf(")")<0&&n.find((t=>t.indexOf(")")>-1))){const t=n.findIndex((t=>t.indexOf(")")>-1));n[0]=[n[0],...n.splice(1,t)].join(this.formatSeparator)}return n.reduce(((t,s)=>{const{formatName:n,formatOptions:o}=(t=>{let s=t.toLowerCase().trim();const i={};if(t.indexOf("(")>-1){const e=t.split("(");s=e[0].toLowerCase().trim();const n=e[1].substring(0,e[1].length-1);"currency"===s&&n.indexOf(":")<0?i.currency||(i.currency=n.trim()):"relativetime"===s&&n.indexOf(":")<0?i.range||(i.range=n.trim()):n.split(";").forEach((t=>{if(t){const[s,...e]=t.split(":"),n=e.join(":").trim().replace(/^'+|'+$/g,""),o=s.trim();i[o]||(i[o]=n),"false"===n&&(i[o]=!1),"true"===n&&(i[o]=!0),isNaN(n)||(i[o]=parseInt(n,10))}}))}return{formatName:s,formatOptions:i}})(s);if(this.formats[n]){let s=t;try{const r=e?.formatParams?.[e.interpolationkey]||{};s=this.formats[n](t,r.locale||r.lng||e.locale||e.lng||i,{...o,...e,...r})}catch(t){this.logger.warn(t)}return s}return this.logger.warn(`there was no format function for ${n}`),t}),t)}}class K extends b{constructor(t,s,i,e={}){super(),this.backend=t,this.store=s,this.services=i,this.languageUtils=i.languageUtils,this.options=e,this.logger=$.create("backendConnector"),this.waitingReads=[],this.maxParallelReads=e.maxParallelReads||10,this.readingCalls=0,this.maxRetries=e.maxRetries>=0?e.maxRetries:5,this.retryTimeout=e.retryTimeout>=1?e.retryTimeout:350,this.state={},this.queue=[],this.backend?.init?.(i,e.backend,e)}queueLoad(t,s,i,e){const n={},o={},r={},h={};return t.forEach((t=>{let e=!0;s.forEach((s=>{const r=`${t}|${s}`;!i.reload&&this.store.hasResourceBundle(t,s)?this.state[r]=2:this.state[r]<0||(1===this.state[r]?void 0===o[r]&&(o[r]=!0):(this.state[r]=1,e=!1,void 0===o[r]&&(o[r]=!0),void 0===n[r]&&(n[r]=!0),void 0===h[s]&&(h[s]=!0)))})),e||(r[t]=!0)})),(Object.keys(n).length||Object.keys(o).length)&&this.queue.push({pending:o,pendingCount:Object.keys(o).length,loaded:{},errors:[],callback:e}),{toLoad:Object.keys(n),pending:Object.keys(o),toLoadLanguages:Object.keys(r),toLoadNamespaces:Object.keys(h)}}loaded(t,s,i){const e=t.split("|"),n=e[0],o=e[1];s&&this.emit("failedLoading",n,o,s),!s&&i&&this.store.addResourceBundle(n,o,i,void 0,void 0,{skipCopy:!0}),this.state[t]=s?-1:2,s&&i&&(this.state[t]=0);const h={};this.queue.forEach((i=>{((t,s,i)=>{const{obj:e,k:n}=r(t,s,Object);e[n]=e[n]||[],e[n].push(i)})(i.loaded,[n],o),((t,s)=>{void 0!==t.pending[s]&&(delete t.pending[s],t.pendingCount--)})(i,t),s&&i.errors.push(s),0!==i.pendingCount||i.done||(Object.keys(i.loaded).forEach((t=>{h[t]||(h[t]={});const s=i.loaded[t];s.length&&s.forEach((s=>{void 0===h[t][s]&&(h[t][s]=!0)}))})),i.done=!0,i.errors.length?i.callback(i.errors):i.callback())})),this.emit("loaded",h),this.queue=this.queue.filter((t=>!t.done))}read(t,s,i,e=0,n=this.retryTimeout,o){if(!t.length)return o(null,{});if(this.readingCalls>=this.maxParallelReads)return void this.waitingReads.push({lng:t,ns:s,fcName:i,tried:e,wait:n,callback:o});this.readingCalls++;const r=(r,h)=>{if(this.readingCalls--,this.waitingReads.length>0){const t=this.waitingReads.shift();this.read(t.lng,t.ns,t.fcName,t.tried,t.wait,t.callback)}r&&h&&e<this.maxRetries?setTimeout((()=>{this.read.call(this,t,s,i,e+1,2*n,o)}),n):o(r,h)},h=this.backend[i].bind(this.backend);if(2!==h.length)return h(t,s,r);try{const i=h(t,s);i&&"function"==typeof i.then?i.then((t=>r(null,t))).catch(r):r(null,i)}catch(t){r(t)}}prepareLoading(s,i,e={},n){if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),n&&n();t(s)&&(s=this.languageUtils.toResolveHierarchy(s)),t(i)&&(i=[i]);const o=this.queueLoad(s,i,e,n);if(!o.toLoad.length)return o.pending.length||n(),null;o.toLoad.forEach((t=>{this.loadOne(t)}))}load(t,s,i){this.prepareLoading(t,s,{},i)}reload(t,s,i){this.prepareLoading(t,s,{reload:!0},i)}loadOne(t,s=""){const i=t.split("|"),e=i[0],n=i[1];this.read(e,n,"read",void 0,void 0,((i,o)=>{i&&this.logger.warn(`${s}loading namespace ${n} for language ${e} failed`,i),!i&&o&&this.logger.log(`${s}loaded namespace ${n} for language ${e}`,o),this.loaded(t,i,o)}))}saveMissing(t,s,i,e,n,o={},r=()=>{}){if(!this.services?.utils?.hasLoadedNamespace||this.services?.utils?.hasLoadedNamespace(s)){if(null!=i&&""!==i){if(this.backend?.create){const h={...o,isUpdate:n},a=this.backend.create.bind(this.backend);if(a.length<6)try{let n;n=5===a.length?a(t,s,i,e,h):a(t,s,i,e),n&&"function"==typeof n.then?n.then((t=>r(null,t))).catch(r):r(null,n)}catch(t){r(t)}else a(t,s,i,e,r,h)}t&&t[0]&&this.store.addResource(t[0],s,i,e)}}else this.logger.warn(`did not save key "${i}" as the namespace "${s}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")}}const B=()=>({debug:!1,initAsync:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,simplifyPluralSuffix:!0,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!1,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:s=>{let i={};if("object"==typeof s[1]&&(i=s[1]),t(s[1])&&(i.defaultValue=s[1]),t(s[2])&&(i.tDescription=s[2]),"object"==typeof s[2]||"object"==typeof s[3]){const t=s[3]||s[2];Object.keys(t).forEach((s=>{i[s]=t[s]}))}return i},interpolation:{escapeValue:!0,format:t=>t,prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!0},cacheInBuiltFormats:!0}),M=s=>(t(s.ns)&&(s.ns=[s.ns]),t(s.fallbackLng)&&(s.fallbackLng=[s.fallbackLng]),t(s.fallbackNS)&&(s.fallbackNS=[s.fallbackNS]),s.supportedLngs?.indexOf?.("cimode")<0&&(s.supportedLngs=s.supportedLngs.concat(["cimode"])),"boolean"==typeof s.initImmediate&&(s.initAsync=s.initImmediate),s),_=()=>{},F="__i18next_supportNoticeShown";class D extends b{constructor(t={},s){var i;if(super(),this.options=M(t),this.services={},this.logger=$,this.modules={external:[]},i=this,Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t=>{"function"==typeof i[t]&&(i[t]=i[t].bind(i))})),s&&!this.isInitialized&&!t.isClone){if(!this.options.initAsync)return this.init(t,s),this;setTimeout((()=>{this.init(t,s)}),0)}}init(i={},e){this.isInitializing=!0,"function"==typeof i&&(e=i,i={}),null==i.defaultNS&&i.ns&&(t(i.ns)?i.defaultNS=i.ns:i.ns.indexOf("translation")<0&&(i.defaultNS=i.ns[0]));const n=B();var o;this.options={...n,...this.options,...M(i)},this.options.interpolation={...n.interpolation,...this.options.interpolation},void 0!==i.keySeparator&&(this.options.userDefinedKeySeparator=i.keySeparator),void 0!==i.nsSeparator&&(this.options.userDefinedNsSeparator=i.nsSeparator),"function"!=typeof this.options.overloadTranslationOptionHandler&&(this.options.overloadTranslationOptionHandler=n.overloadTranslationOptionHandler),!1===this.options.showSupportNotice||(o=this,o?.modules?.backend?.name?.indexOf("Locize")>0||o?.modules?.backend?.constructor?.name?.indexOf("Locize")>0||o?.options?.backend?.backends&&o.options.backend.backends.some((t=>t?.name?.indexOf("Locize")>0||t?.constructor?.name?.indexOf("Locize")>0))||o?.options?.backend?.projectId||o?.options?.backend?.backendOptions&&o.options.backend.backendOptions.some((t=>t?.projectId)))||"undefined"!=typeof globalThis&&globalThis[F]||"undefined"!=typeof process&&process.env&&process.env.I18NEXT_NO_SUPPORT_NOTICE||"undefined"!=typeof process&&process.env||("undefined"!=typeof console&&void 0!==console.info&&console.info("🌐 i18next is made possible by our own product, Locize — consider powering your project with managed localization (AI, CDN, integrations): https://locize.com 💙"),"undefined"!=typeof globalThis&&(globalThis[F]=!0));const r=t=>t?"function"==typeof t?new t:t:null;if(!this.options.isClone){let t;$.init(this.modules.logger?r(this.modules.logger):null,this.options),t=this.modules.formatter?this.modules.formatter:V;const s=new L(this.options);this.store=new x(this.options.resources,this.options);const i=this.services;i.logger=$,i.resourceStore=this.store,i.languageUtils=s,i.pluralResolver=new E(s,{prepend:this.options.pluralSeparator,simplifyPluralSuffix:this.options.simplifyPluralSuffix}),this.options.interpolation.format&&this.options.interpolation.format!==n.interpolation.format&&this.logger.deprecate("init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting"),!t||this.options.interpolation.format&&this.options.interpolation.format!==n.interpolation.format||(i.formatter=r(t),i.formatter.init&&i.formatter.init(i,this.options),this.options.interpolation.format=i.formatter.format.bind(i.formatter)),i.interpolator=new T(this.options),i.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},i.backendConnector=new K(r(this.modules.backend),i.resourceStore,i,this.options),i.backendConnector.on("*",((t,...s)=>{this.emit(t,...s)})),this.modules.languageDetector&&(i.languageDetector=r(this.modules.languageDetector),i.languageDetector.init&&i.languageDetector.init(i,this.options.detection,this.options)),this.modules.i18nFormat&&(i.i18nFormat=r(this.modules.i18nFormat),i.i18nFormat.init&&i.i18nFormat.init(this)),this.translator=new N(this.services,this.options),this.translator.on("*",((t,...s)=>{this.emit(t,...s)})),this.modules.external.forEach((t=>{t.init&&t.init(this)}))}if(this.format=this.options.interpolation.format,e||(e=_),this.options.fallbackLng&&!this.services.languageDetector&&!this.options.lng){const t=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);t.length>0&&"dev"!==t[0]&&(this.options.lng=t[0])}this.services.languageDetector||this.options.lng||this.logger.warn("init: no languageDetector is used and no lng is defined"),["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"].forEach((t=>{this[t]=(...s)=>this.store[t](...s)})),["addResource","addResources","addResourceBundle","removeResourceBundle"].forEach((t=>{this[t]=(...s)=>(this.store[t](...s),this)}));const h=s(),a=()=>{const t=(t,s)=>{this.isInitializing=!1,this.isInitialized&&!this.initializedStoreOnce&&this.logger.warn("init: i18next is already initialized. You should call init just once!"),this.isInitialized=!0,this.options.isClone||this.logger.log("initialized",this.options),this.emit("initialized",this.options),h.resolve(s),e(t,s)};if(this.languages&&!this.isInitialized)return t(null,this.t.bind(this));this.changeLanguage(this.options.lng,t)};return this.options.resources||!this.options.initAsync?a():setTimeout(a,0),h}loadResources(s,i=_){let e=i;const n=t(s)?s:this.language;if("function"==typeof s&&(e=s),!this.options.resources||this.options.partialBundledLanguages){if("cimode"===n?.toLowerCase()&&(!this.options.preload||0===this.options.preload.length))return e();const t=[],s=s=>{s&&"cimode"!==s&&this.services.languageUtils.toResolveHierarchy(s).forEach((s=>{"cimode"!==s&&t.indexOf(s)<0&&t.push(s)}))};n?s(n):this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((t=>s(t))),this.options.preload?.forEach?.((t=>s(t))),this.services.backendConnector.load(t,this.options.ns,(t=>{t||this.resolvedLanguage||!this.language||this.setResolvedLanguage(this.language),e(t)}))}else e(null)}reloadResources(t,i,e){const n=s();return"function"==typeof t&&(e=t,t=void 0),"function"==typeof i&&(e=i,i=void 0),t||(t=this.languages),i||(i=this.options.ns),e||(e=_),this.services.backendConnector.reload(t,i,(t=>{n.resolve(),e(t)})),n}use(t){if(!t)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!t.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return"backend"===t.type&&(this.modules.backend=t),("logger"===t.type||t.log&&t.warn&&t.error)&&(this.modules.logger=t),"languageDetector"===t.type&&(this.modules.languageDetector=t),"i18nFormat"===t.type&&(this.modules.i18nFormat=t),"postProcessor"===t.type&&w.addPostProcessor(t),"formatter"===t.type&&(this.modules.formatter=t),"3rdParty"===t.type&&this.modules.external.push(t),this}setResolvedLanguage(t){if(t&&this.languages&&!(["cimode","dev"].indexOf(t)>-1)){for(let t=0;t<this.languages.length;t++){const s=this.languages[t];if(!(["cimode","dev"].indexOf(s)>-1)&&this.store.hasLanguageSomeTranslations(s)){this.resolvedLanguage=s;break}}!this.resolvedLanguage&&this.languages.indexOf(t)<0&&this.store.hasLanguageSomeTranslations(t)&&(this.resolvedLanguage=t,this.languages.unshift(t))}}changeLanguage(i,e){this.isLanguageChangingTo=i;const n=s();this.emit("languageChanging",i);const o=t=>{this.language=t,this.languages=this.services.languageUtils.toResolveHierarchy(t),this.resolvedLanguage=void 0,this.setResolvedLanguage(t)},r=(t,s)=>{s?this.isLanguageChangingTo===i&&(o(s),this.translator.changeLanguage(s),this.isLanguageChangingTo=void 0,this.emit("languageChanged",s),this.logger.log("languageChanged",s)):this.isLanguageChangingTo=void 0,n.resolve(((...t)=>this.t(...t))),e&&e(t,((...t)=>this.t(...t)))},h=s=>{i||s||!this.services.languageDetector||(s=[]);const e=t(s)?s:s&&s[0],n=this.store.hasLanguageSomeTranslations(e)?e:this.services.languageUtils.getBestMatchFromCodes(t(s)?[s]:s);n&&(this.language||o(n),this.translator.language||this.translator.changeLanguage(n),this.services.languageDetector?.cacheUserLanguage?.(n)),this.loadResources(n,(t=>{r(t,n)}))};return i||!this.services.languageDetector||this.services.languageDetector.async?!i&&this.services.languageDetector&&this.services.languageDetector.async?0===this.services.languageDetector.detect.length?this.services.languageDetector.detect().then(h):this.services.languageDetector.detect(h):h(i):h(this.services.languageDetector.detect()),n}getFixedT(s,i,e){const n=(t,s,...i)=>{let o;o="object"!=typeof s?this.options.overloadTranslationOptionHandler([t,s].concat(i)):{...s},o.lng=o.lng||n.lng,o.lngs=o.lngs||n.lngs,o.ns=o.ns||n.ns,""!==o.keyPrefix&&(o.keyPrefix=o.keyPrefix||e||n.keyPrefix);const r={...this.options,...o};"function"==typeof o.keyPrefix&&(o.keyPrefix=O(o.keyPrefix,r));const h=this.options.keySeparator||".";let a;return o.keyPrefix&&Array.isArray(t)?a=t.map((t=>("function"==typeof t&&(t=O(t,r)),`${o.keyPrefix}${h}${t}`))):("function"==typeof t&&(t=O(t,r)),a=o.keyPrefix?`${o.keyPrefix}${h}${t}`:t),this.t(a,o)};return t(s)?n.lng=s:n.lngs=s,n.ns=i,n.keyPrefix=e,n}t(...t){return this.translator?.translate(...t)}exists(...t){return this.translator?.exists(...t)}setDefaultNamespace(t){this.options.defaultNS=t}hasLoadedNamespace(t,s={}){if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;const i=s.lng||this.resolvedLanguage||this.languages[0],e=!!this.options&&this.options.fallbackLng,n=this.languages[this.languages.length-1];if("cimode"===i.toLowerCase())return!0;const o=(t,s)=>{const i=this.services.backendConnector.state[`${t}|${s}`];return-1===i||0===i||2===i};if(s.precheck){const t=s.precheck(this,o);if(void 0!==t)return t}return!(!this.hasResourceBundle(i,t)&&this.services.backendConnector.backend&&(!this.options.resources||this.options.partialBundledLanguages)&&(!o(i,t)||e&&!o(n,t)))}loadNamespaces(i,e){const n=s();return this.options.ns?(t(i)&&(i=[i]),i.forEach((t=>{this.options.ns.indexOf(t)<0&&this.options.ns.push(t)})),this.loadResources((t=>{n.resolve(),e&&e(t)})),n):(e&&e(),Promise.resolve())}loadLanguages(i,e){const n=s();t(i)&&(i=[i]);const o=this.options.preload||[],r=i.filter((t=>o.indexOf(t)<0&&this.services.languageUtils.isSupportedCode(t)));return r.length?(this.options.preload=o.concat(r),this.loadResources((t=>{n.resolve(),e&&e(t)})),n):(e&&e(),Promise.resolve())}dir(t){if(t||(t=this.resolvedLanguage||(this.languages?.length>0?this.languages[0]:this.language)),!t)return"rtl";try{const s=new Intl.Locale(t);if(s&&s.getTextInfo){const t=s.getTextInfo();if(t&&t.direction)return t.direction}}catch(t){}const s=this.services?.languageUtils||new L(B());return t.toLowerCase().indexOf("-latn")>1?"ltr":["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam","ckb"].indexOf(s.getLanguagePartFromCode(t))>-1||t.toLowerCase().indexOf("-arab")>1?"rtl":"ltr"}static createInstance(t={},s){const i=new D(t,s);return i.createInstance=D.createInstance,i}cloneInstance(t={},s=_){const i=t.forkResourceStore;i&&delete t.forkResourceStore;const e={...this.options,...t,isClone:!0},n=new D(e);if(void 0===t.debug&&void 0===t.prefix||(n.logger=n.logger.clone(t)),["store","services","language"].forEach((t=>{n[t]=this[t]})),n.services={...this.services},n.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)},i){const t=Object.keys(this.store.data).reduce(((t,s)=>(t[s]={...this.store.data[s]},t[s]=Object.keys(t[s]).reduce(((i,e)=>(i[e]={...t[s][e]},i)),t[s]),t)),{});n.store=new x(t,e),n.services.resourceStore=n.store}if(t.interpolation){const s={...B().interpolation,...this.options.interpolation,...t.interpolation},i={...e,interpolation:s};n.services.interpolator=new T(i)}return n.translator=new N(n.services,e),n.translator.on("*",((t,...s)=>{n.emit(t,...s)})),n.init(e,s),n.translator.options=e,n.translator.backendConnector.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)},n}toJSON(){return{options:this.options,store:this.store,language:this.language,languages:this.languages,resolvedLanguage:this.resolvedLanguage}}}const H=D.createInstance().createInstance,J="nl";function U(t){const s=t.closest("[lang]");return s instanceof HTMLElement?s.lang||J:t.parentNode instanceof ShadowRoot&&t.parentNode.host instanceof HTMLElement?U(t.parentNode.host):t.parentElement instanceof HTMLElement?U(t.parentElement):J}function W(t,s){const i=t(),e=H();e.init({fallbackLng:J,resources:s,defaultNS:i.tagName.toLowerCase(),interpolation:{escapeValue:!1},showSupportNotice:!1});let n=!1;return(t,s)=>{if(!n){n=!0;const t=U(i);e.changeLanguage(t)}return e.t(t,s)}}export{W as i}

package/dist/components/icon-button.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as t,transformTag as s}from"@stencil/core/internal/client";import{p as a,T as n}from"./tooltip.functional-component.js";import{d as i}from"./icon.js";const d=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClick=e(this,"dsoClick",3),this.variant="secondary",this.tooltipPlacement="top",this.disabled=!1,this.showTooltip=!1,this.lastClickTime=0,this.tooltipShowDelay=500,this.handleShowTooltip=()=>{this.disabled||Date.now()-this.lastClickTime<this.tooltipShowDelay||(this.clearToolTipTimeout(),this.tooltipTimeout=window.setTimeout((()=>{this.tooltipElRef?.isConnected&&(this.showTooltip=!0,this.tooltipElRef?.showPopover(),!this.cleanUp&&this.buttonElRef&&this.tooltipElRef&&this.tipArrowElRef&&(this.cleanUp=a({referenceElement:this.buttonElRef,tipRef:this.tooltipElRef,tipArrowRef:this.tipArrowElRef,placementTip:this.tooltipPlacement,topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0})))}),this.tooltipShowDelay))},this.clearToolTipTimeout=()=>{this.tooltipTimeout&&clearTimeout(this.tooltipTimeout)},this.handleHideTooltip=()=>{this.clearToolTipTimeout(),this.showTooltip=!1,this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),!this.showTooltip&&this.cleanUp&&(this.cleanUp(),this.cleanUp=void 0)},this.handleClick=o=>{this.lastClickTime=Date.now(),this.handleHideTooltip(),this.dsoClick.emit({originalEvent:o})}}async setFocus(){this.buttonElRef?.focus()}disconnectedCallback(){this.clearToolTipTimeout(),this.cleanUp?.(),this.cleanUp=void 0}render(){return t("button",{key:"39b2888ecb9c678d727b500044de8eb8e040b10d",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant}`,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},t("dso-icon",{key:"1a5eb6257dcae2dd73d2307018821e51f6df04c1",icon:this.icon}),t(n,{key:"cf80d8d08594dd9d493d17732604c9b2749bb569",visible:this.showTooltip,onAfterHidden:this.handleHideTooltip,tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tipArrowElRef=o},this.label))}static get style(){return".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;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-wit\")); } .dso-tooltip {   --_dso-icon-button-tertiary-color: #fff;   --_dso-icon-button-tertiary-hover-color: #e5e5e5;   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_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;   transition: opacity 0.15s;   max-inline-size: 320px; } .dso-tooltip.visible {   opacity: 1;   visibility: visible; } .dso-tooltip .tooltip-inner {   --_dt-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;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-wit\")); } .dso-tooltip .tooltip-inner {   --_dso-icon-button-tertiary-color: #fff;   --_dso-icon-button-tertiary-hover-color: #e5e5e5;   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_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; }  *, *::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: 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);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   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); } .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); } .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); } .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(--_dt-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px);   border-block-end-width: var(--_dt-icon-button-border-block-end-width, 1px);   border-inline-end-width: var(--_dt-icon-button-border-inline-end-width, 1px); }  .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   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, #275937)); } .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: 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);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   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); } .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); } .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); } .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(--_dt-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));   border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); }  .icon-button {   min-inline-size: auto;   cursor: pointer; } .icon-button[disabled] {   cursor: default; }"}},[1,"dso-icon-button",{icon:[513],label:[513],variant:[513],tooltipPlacement:[513,"tooltip-placement"],disabled:[516],showTooltip:[32],setFocus:[64]}]);function l(){"undefined"!=typeof customElements&&["dso-icon-button","dso-icon"].forEach((o=>{switch(o){case"dso-icon-button":customElements.get(s(o))||customElements.define(s(o),d);break;case"dso-icon":customElements.get(s(o))||i()}}))}export{d as I,l as d}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as t,transformTag as s}from"@stencil/core/internal/client";import{p as a,T as n}from"./tooltip.functional-component.js";import{d as i}from"./icon.js";const d=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClick=e(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=a({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})}}async setFocus(){this.buttonElRef?.focus()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}disconnectedCallback(){this.clearToolTipTimeout(),this.cleanUpTooltip()}render(){return t("button",{key:"02d16210dbee769bc2e12a292d8bde5a0833a0a2",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant}`,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},t("dso-icon",{key:"11dac1e867635398ee8f7df96ec392d8ccd1077e",icon:this.icon}),t(n,{key:"38929a7fd469d4d0ca9325dc5e039df1d9b285aa",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},this.label))}static get style(){return".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;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-wit\")); } .dso-tooltip {   --_dso-icon-button-tertiary-color: #fff;   --_dso-icon-button-tertiary-hover-color: #e5e5e5;   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_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 {   --_dt-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;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {   background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-wit\")); } .dso-tooltip .tooltip-inner {   --_dso-icon-button-tertiary-color: #fff;   --_dso-icon-button-tertiary-hover-color: #e5e5e5;   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_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; }  *, *::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(--_dt-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(--_dt-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dt-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(--_dt-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(--_dt-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(--_dt-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(--_dt-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px);   border-block-end-width: var(--_dt-icon-button-border-block-end-width, 1px);   border-inline-end-width: var(--_dt-icon-button-border-inline-end-width, 1px); }  .dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dt-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, #275937)); } .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(--_dt-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(--_dt-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dt-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(--_dt-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(--_dt-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(--_dt-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(--_dt-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));   border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); }  .icon-button {   min-inline-size: auto;   cursor: pointer; } .icon-button[disabled] {   cursor: default; }"}},[1,"dso-icon-button",{icon:[513],label:[513],variant:[513],tooltipPlacement:[513,"tooltip-placement"],disabled:[516],setFocus:[64]}]);function l(){"undefined"!=typeof customElements&&["dso-icon-button","dso-icon"].forEach((o=>{switch(o){case"dso-icon-button":customElements.get(s(o))||customElements.define(s(o),d);break;case"dso-icon":customElements.get(s(o))||i()}}))}export{d as I,l as d}