@dso-toolkit/core 95.1.0 → 96.0.0

package/dist/dso-toolkit/{p-b295a325.entry.js → p-613a3ba8.entry.js}

@@ -1 +1 @@
-import{r as t,f as o,h as r,g as n}from"./p-uGZacrki.js";import{c as d}from"./p-ChV9xqsO.js";const i=class{constructor(o){t(this,o),this.direction="row"}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{o(this)})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}get hasMapButton(){const t=null!==this.host.querySelector(":scope > dso-icon-button[variant='map']"),o=null!==this.host.querySelector(":scope > .dso-map");return t||o}render(){return r("div",{key:"0cd0a65e9b4ed512a7f51248628b5729e591e5a9",class:d("container",{"has-map-buttons":this.hasMapButton}),role:"group"},r("slot",{key:"529bd12bf8558e3d8f0a7d76bb49c9c0200714ed"}))}get host(){return n(this)}};i.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dt-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-start-end-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-end-start-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}";export{i as dso_button_group}
+import{r as t,f as o,h as r,g as n}from"./p-DrQGiJP8.js";import{c as d}from"./p-ChV9xqsO.js";const i=class{constructor(o){t(this,o),this.direction="row"}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{o(this)})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}get hasMapButton(){const t=null!==this.host.querySelector(":scope > dso-icon-button[variant='map']"),o=null!==this.host.querySelector(":scope > .dso-map");return t||o}render(){return r("div",{key:"0cd0a65e9b4ed512a7f51248628b5729e591e5a9",class:d("container",{"has-map-buttons":this.hasMapButton}),role:"group"},r("slot",{key:"529bd12bf8558e3d8f0a7d76bb49c9c0200714ed"}))}get host(){return n(this)}};i.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dt-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-start-end-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dt-icon-button-border-start-start-radius:0;--_dt-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dt-icon-button-border-end-start-radius:0;--_dt-icon-button-border-end-end-radius:0;--_dt-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}";export{i as dso_button_group}

package/dist/dso-toolkit/{p-c59bc8c0.entry.js → p-61a5baf7.entry.js}

@@ -1 +1 @@
-import{h as e,F as n,r as i,d as t,g as a}from"./p-uGZacrki.js";import{c as o}from"./p-ChV9xqsO.js";import{d as s}from"./p-baWVwd8J.js";const r=["search","map","document"],l={map:"Kaart",document:"Document",search:"Zoeken"},d={small:"smal",medium:"middel",large:"breed"},c=({className:n,onClick:i,label:t,icon:a})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:a,label:t}),p=({shrink:n,expand:i,size:t,panelLabel:a,placement:o})=>{const s=[];return"small"!==t&&s.push(e(c,{onClick:n,label:`${a} smaller maken`,icon:"right"===o?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(e(c,{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(),": ",d[t]),s)},m=({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(p,{panelLabel:"Documentpaneel",size:i,expand:a,shrink:t,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),b=({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"})))},h=({tabView:n,mainSize:i,documentPanelOpen:t,mainPanelExpanded:a,mainPanelHidden:s,toggleMainPanel:r,dsoMainSizeChangeAnimationEnd:l})=>e("div",{class:o("dso-main-panel",{compact:!n&&t&&!a,contracted:!n&&!t&&!a,expanded:!n&&t&&a,collapsed:s}),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 "+(s?"tonen":"verbergen"),icon:s?"chevron-right":"chevron-left",onDsoClick:r})),e("div",{class:o("content",{invisible:s})},e("slot",{name:"main"}))),v=({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(s((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&"DSO-VIEWER-GRID"===n.host.tagName&&n.host._checkMainPanelVisibility()}),50)),u=class{constructor(e){i(this,e),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: 1032px)",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<1032,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:"107327f469c7793fd1fc1c90b0367936ded7c88a"},e("slot",{key:"a6139fd224901aefc82e551f30f38f237168a29d",name:"top-bar"}),e("div",{key:"5c92640e25e5ef42f86bcef3e00b1b521cbd4293",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"9172291d20e7e758fb4e53b054617169602c36e0",class:"dso-navbar"},e("ul",{key:"40f1a4bdee9491b38799d010053482bd7b48ab99",class:"dso-nav dso-nav-sub"},r.map((n=>e("li",{key:n,class:o({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary",onClick:()=>this.switchActiveTab(n)},l[n])))))),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(h,{key:"306084b98dc9ed3e4400cfd9f6ab30b7cef2a374",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(b,{key:"425c35dd78e48924d9f61308ac10744d206a9074",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:"c9a9d4d612b592bfe5d8d3aa8266a89771a1b4cc",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"162a97b0413668dfe6020a427c0523f8fae87fd6",name:"map"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab)&&e(m,{key:"678ac7f6c01a58c157c8e9337d2740e00590f0b8",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(v,{key:"c7adca136159a2810210f51c7a09381b38452b29",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return a(this)}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}};u.style="*, *::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: 1032px) {   :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: 1032px) 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: 1032px) {   :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: 1032px) 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: 1032px) {   :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: 1032px) 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: 1032px) {   :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: 1032px) 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: 1031.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: 1031.99px) and (min-width: 992px) {   .dso-navbar .dso-navbar-toggle {     display: none;   } } @media screen and (max-width: 1031.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 {     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;   } }";export{u as dso_viewer_grid}
+import{h as e,F as n,r as i,d as t,g as a}from"./p-DrQGiJP8.js";import{c as o}from"./p-ChV9xqsO.js";import{d as s}from"./p-baWVwd8J.js";const r=["search","map","document"],l={map:"Kaart",document:"Document",search:"Zoeken"},d={small:"smal",medium:"middel",large:"breed"},c=({className:n,onClick:i,label:t,icon:a})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:a,label:t}),p=({shrink:n,expand:i,size:t,panelLabel:a,placement:o})=>{const s=[];return"small"!==t&&s.push(e(c,{onClick:n,label:`${a} smaller maken`,icon:"right"===o?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(e(c,{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(),": ",d[t]),s)},m=({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(p,{panelLabel:"Documentpaneel",size:i,expand:a,shrink:t,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),b=({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"})))},h=({tabView:n,mainSize:i,documentPanelOpen:t,mainPanelExpanded:a,mainPanelHidden:s,toggleMainPanel:r,dsoMainSizeChangeAnimationEnd:l})=>e("div",{class:o("dso-main-panel",{compact:!n&&t&&!a,contracted:!n&&!t&&!a,expanded:!n&&t&&a,collapsed:s}),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 "+(s?"tonen":"verbergen"),icon:s?"chevron-right":"chevron-left",onDsoClick:r})),e("div",{class:o("content",{invisible:s})},e("slot",{name:"main"}))),v=({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(s((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&"DSO-VIEWER-GRID"===n.host.tagName&&n.host._checkMainPanelVisibility()}),50)),u=class{constructor(e){i(this,e),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: 1032px)",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<1032,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:"107327f469c7793fd1fc1c90b0367936ded7c88a"},e("slot",{key:"a6139fd224901aefc82e551f30f38f237168a29d",name:"top-bar"}),e("div",{key:"5c92640e25e5ef42f86bcef3e00b1b521cbd4293",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"9172291d20e7e758fb4e53b054617169602c36e0",class:"dso-navbar"},e("ul",{key:"40f1a4bdee9491b38799d010053482bd7b48ab99",class:"dso-nav dso-nav-sub"},r.map((n=>e("li",{key:n,class:o({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary",onClick:()=>this.switchActiveTab(n)},l[n])))))),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(h,{key:"306084b98dc9ed3e4400cfd9f6ab30b7cef2a374",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(b,{key:"425c35dd78e48924d9f61308ac10744d206a9074",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:"c9a9d4d612b592bfe5d8d3aa8266a89771a1b4cc",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"162a97b0413668dfe6020a427c0523f8fae87fd6",name:"map"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab)&&e(m,{key:"678ac7f6c01a58c157c8e9337d2740e00590f0b8",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(v,{key:"c7adca136159a2810210f51c7a09381b38452b29",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return a(this)}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}};u.style="*, *::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: 1032px) {   :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: 1032px) 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: 1032px) {   :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: 1032px) 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: 1032px) {   :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: 1032px) 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: 1032px) {   :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: 1032px) 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: 1031.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: 1031.99px) and (min-width: 992px) {   .dso-navbar .dso-navbar-toggle {     display: none;   } } @media screen and (max-width: 1031.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 {     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;   } }";export{u as dso_viewer_grid}

package/dist/dso-toolkit/p-6404d224.entry.js

@@ -0,0 +1 @@
+import{h as o,r as i,d as n,f as e,a as t,F as s,g as d}from"./p-DrQGiJP8.js";import{a as r,c as a,o as l,f as h}from"./p-zRaH89Qj.js";import{c as p}from"./p-ChV9xqsO.js";import{t as u}from"./p-PsHl6ZhV.js";import{g as c}from"./p-BWkWD1Z2.js";import{i as m}from"./p-DwBHVuoZ.js";import{i as b}from"./p-Hgv-pDpy.js";import{v as g}from"./p-CK3_k8jD.js";const f={en:{"dso-header":{menu:"Menu",login:"Log in",logout:"Log out",help:"Help",overflowMenu:"More"}},nl:{"dso-header":{menu:"Menu",login:"Inloggen",logout:"Uitloggen",help:"Help",overflowMenu:"Meer",userHome:"Mijn Omgevingsloket"}}},v=({item:i,onClick:n,key:e,ref:t})=>o("li",{class:p({"dso-active":i.active}),key:e,ref:t},o("a",{href:i.url,"aria-current":i.active?"page":void 0,onClick:n},i.label)),w=class{constructor(o){i(this,o),this.dsoHeaderClick=n(this,"dsoHeaderClick",7),this.mainMenu=[],this.compact="auto",this.authStatus="none",this.showHelp=!1,this.userHomeActive=!1,this.visibleMenuItemsCount=void 0,this.dropdownOptionsOffset=0,this.open=!1,this.escape=()=>{this.dropdownButtonElement?.focus(),this.toggleOptions()},this.keyDownHandler=o=>{if(!o.defaultPrevented&&this.open){switch(o.key){case"Tab":this.tabInPopup(this.tabbables(!0),o.shiftKey?-1:1);break;case"ArrowDown":this.tabInPopup(this.tabbables(!1),1);break;case"ArrowUp":this.tabInPopup(this.tabbables(!1),-1);break;case"Escape":this.escape();break;case" ":o.target instanceof HTMLElement&&o.target.click();break;default:return}o.preventDefault()}},this.resetVisibleMenuItems=()=>{this.visibleMenuItemsCount=void 0},this.clickHandler=(o,i,n)=>{this.toggleOptions(!1),this.dsoHeaderClick.emit({originalEvent:o,isModifiedEvent:b(o),type:i,menuItem:n?.menuItem,url:n?.url??n?.menuItem?.url})},this.menuItemElementRefs=[],this.text=m((()=>this.host),f),this.resizeObserver=new ResizeObserver((()=>{this.resetVisibleMenuItems(),this.toggleOptions(!1),this.dropdownOptionsOffset=0,e(this.host)})),this.focusOutListener=o=>{!this.open||o.relatedTarget instanceof HTMLElement&&this.tabbables(!0).includes(o.relatedTarget)||this.toggleOptions(!1)}}mainMenuChanged(){this.resetVisibleMenuItems()}tabInPopup(o,i){let n=o.findIndex((o=>o===c()))+i;n>=o.length?n=0:n<0&&(n=o.length-1),o[n]?.focus()}get isCompact(){return"always"===this.compact||window.innerWidth<992}calculateOverflowMenuItemCount(o){const i=o.offsetWidth,n=this.menuItemElementRefs[this.menuItemElementRefs.length-1],e=this.userHomeMenuItemElementRef??n,t=this.dropdownMenuItemElementRef;if(!e||!t||!n)return this.menuItemElementRefs.length;const s=t.offsetLeft+t.offsetWidth-(n.offsetLeft+n.offsetWidth);if(e.offsetLeft+e.offsetWidth-s<=i)return this.menuItemElementRefs.length;const d=i-s-(this.userHomeMenuItemElementRef?this.userHomeMenuItemElementRef.offsetLeft+this.userHomeMenuItemElementRef.offsetWidth-(t.offsetLeft+t.offsetWidth):0),r=this.menuItemElementRefs.findIndex((o=>o&&o.offsetLeft+o.offsetWidth>d));return r<0?this.menuItemElementRefs.length:r}calculateDropdownOptionsOffset(){return this.dropdownElement?this.host.clientHeight-(this.dropdownElement?.getBoundingClientRect().bottom-this.host.getBoundingClientRect().top):0}get visibleMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(0,this.visibleMenuItemsCount):this.mainMenu}get hiddenMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(this.visibleMenuItemsCount):[]}connectedCallback(){this.resizeObserver.observe(this.host)}disconnectedCallback(){this.resizeObserver.disconnect(),this.toggleOptions(!1)}componentDidRender(){if(this.host.isConnected&&(this.isCompact&&this.dropdownElement&&(this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()),void 0===this.visibleMenuItemsCount&&this.navElement&&(this.visibleMenuItemsCount=this.calculateOverflowMenuItemCount(this.navElement)),this.popoverElement&&!this.cleanUp&&this.dropdownButtonElement)){const o=this.popoverElement;this.cleanUp=r(this.dropdownButtonElement,o,(()=>{this.dropdownButtonElement&&a(this.dropdownButtonElement,o,{strategy:"fixed",middleware:[l(this.dropdownOptionsOffset),h({padding:this.dropdownOptionsOffset})],placement:this.isCompact?"bottom-end":"bottom-start"}).then((({x:i,y:n})=>{Object.assign(o.style,{left:`${i}px`,top:`${n}px`})}))}))}}render(){return o(t,{key:"9cc9d82dd16150e19a5a8daccb0a4f2c650d9e15","is-compact":this.isCompact},o("div",{key:"9c9024838dd7d9535fa71d97132912d13e9a1fcf",class:"dso-header"},o("div",{key:"f3c9bfc1592c97fad7db25cde5f0e1241d2264d4",class:"logo-container"},o("slot",{key:"e1176a01b0dceef3e4c54123df4c0339b2bd0a56",name:"logo"})),this.isCompact?this.renderCompact():this.renderNormal()))}tabbables(o){const i=this.dropdownElement?u(this.dropdownElement):[];return o?i:i.filter((o=>o!==this.dropdownButtonElement))}toggleOptions(o){this.open=o??!this.open,this.popoverElement?.isConnected&&this.popoverElement?.togglePopover(this.open),!this.open&&this.cleanUp&&(this.cleanUp(),this.cleanUp=void 0)}renderCompact(){return(this.mainMenu.length>0||this.userHomeUrl||"none"!==this.authStatus)&&o("div",{class:"dropdown"},o("div",{class:"dropdown-menu",onFocusout:this.focusOutListener,ref:o=>this.dropdownElement=o},o("button",{id:g(),type:"button",onClick:()=>this.toggleOptions(),ref:o=>this.dropdownButtonElement=o,"aria-haspopup":"menu","aria-expanded":this.open?"true":"false"},o("span",null,this.text("menu")),o("dso-icon",{icon:"chevron-down"})),o("div",{popover:"manual",ref:o=>this.popoverElement=o},o("div",{class:"dropdown-menu-options",role:"menu","aria-labelledby":this.dropdownButtonElement?.id,onKeyDown:this.keyDownHandler},o("ul",{role:"group"},this.mainMenu.map((i=>o(v,{item:i,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:i}),key:i.label}))),this.userHomeUrl&&o("li",{role:"menuitem"},o("a",{href:this.userHomeUrl,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},this.text("userHome"))),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&o("li",{role:"menuitem"},o("a",{href:this.userProfileUrl,onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName,o("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&o("li",{role:"menuitem"},this.loginUrl?o("a",{href:this.loginUrl,onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),"loggedIn"===this.authStatus&&o("li",{role:"menuitem"},this.logoutUrl?o("a",{href:this.logoutUrl,onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("li",{role:"menuitem"},this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})):o("button",{type:"button",class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"}))))))))}renderNormal(){return this.menuItemElementRefs=[],o(s,null,o("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&o("div",{class:"profile"},o("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&o("div",{class:"login"},this.loginUrl?o("a",{href:this.loginUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),"loggedIn"===this.authStatus&&o("div",{class:"logout"},this.logoutUrl?o("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("div",{class:"help"},this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})))),(this.mainMenu.length>0||this.userHomeUrl)&&o("nav",{class:"dso-navbar"},o("ul",{class:p("dso-nav","dso-nav-main",{ready:void 0!==this.visibleMenuItemsCount}),ref:o=>this.navElement=o},this.visibleMainMenuItems.map(((i,n)=>o(v,{item:i,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:i}),key:i.label,ref:o=>this.menuItemElementRefs[n]=o}))),(void 0===this.visibleMenuItemsCount||this.hiddenMainMenuItems.length>0)&&o("li",{"aria-hidden":void 0===this.visibleMenuItemsCount,ref:o=>this.dropdownMenuItemElementRef=o,class:"dropdown-menu-item"},o("div",{class:"dropdown-menu",onFocusout:this.focusOutListener,ref:o=>this.dropdownElement=o},o("button",{id:g(),type:"button",onClick:()=>this.toggleOptions(),ref:o=>this.dropdownButtonElement=o,"aria-haspopup":"menu","aria-expanded":this.open?"true":"false"},o("span",null,this.text("overflowMenu")),o("dso-icon",{icon:"chevron-down",class:"main-menu-item-icon"})),o("div",{popover:"manual",ref:o=>this.popoverElement=o},o("div",{class:"dropdown-menu-options",role:"menu","aria-labelledby":this.dropdownButtonElement?.id,onKeyDown:this.keyDownHandler},o("ul",null,this.hiddenMainMenuItems.map((i=>o(v,{item:i,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:i}),key:i.label})))))))),this.userHomeUrl&&o("li",{class:p("menu-user-home",{"dso-active":this.userHomeActive}),ref:o=>this.userHomeMenuItemElementRef=o},o("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":void 0,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},o("dso-icon",{icon:"user-outline",class:"main-menu-item-icon"}),this.text("userHome"))))))}get host(){return d(this)}static get watchers(){return{mainMenu:[{mainMenuChanged:0}]}}};w.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:100%}:host(:not([is-compact])) .dso-header{align-items:center}:host(:not([is-compact])) .dropdown-menu .dropdown-menu-options{inline-size:375px}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}.dso-header{border-block-end:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;align-items:center;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help{border-inline-start:3px solid #ccc;margin-inline-start:8px;padding-inline-start:8px}.dso-header-session .help a,.dso-header-session .help button{display:flex}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;border:0;color:#39870c;display:flex;font-family:Asap, sans-serif;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%)}.dropdown-menu button:hover,.dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}.dropdown-menu button[aria-expanded=true] dso-icon{transform:rotate(180deg)}.dropdown-menu .dropdown-menu-options{background-clip:padding-box;background-color:#fff;border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-block:5px;padding-inline:0;z-index:220}.dropdown-menu .dropdown-menu-options ul{margin:0;padding:0;list-style:none}.dropdown-menu .dropdown-menu-options ul:not(:last-child){border-block-end:1px solid #e5e5e5;margin-block-end:11px;padding-block-end:11px}.dropdown-menu .dropdown-menu-options ul li{list-style:none}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li a:active,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:active{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{clear:both;color:#275937;display:block;font-size:1.25rem;font-weight:400;line-height:1.5;padding:16px;text-decoration:none;white-space:nowrap}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:focus-visible{background-color:#39870c;color:#fff}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li button:hover{background-color:#fff;color:#275937;text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a:visited,.dropdown-menu .dropdown-menu-options ul li button:visited{color:#191919}.dropdown-menu .dropdown-menu-options ul li a:visited:not(:hover):not(:focus-visible),.dropdown-menu .dropdown-menu-options ul li button:visited:not(:hover):not(:focus-visible){color:#275937}.dropdown-menu .dropdown-menu-options ul li.dso-active a{font-weight:600}.dropdown-menu .dropdown-menu-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown .dropdown-menu{position:static}.dropdown .dropdown-menu .dropdown-menu-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{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{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main .dropdown-menu .dropdown-menu-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main .dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main .dropdown-menu button:hover,.dso-nav.dso-nav-main .dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main .dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}";export{w as dso_header}

package/dist/dso-toolkit/{p-57a0fb42.entry.js → p-6956ca7f.entry.js}

@@ -1 +1 @@
-import{r as e,d as r,h as i,F as n,g as o}from"./p-uGZacrki.js";const a=class{constructor(i){e(this,i),this.dsoChange=r(this,"dsoChange",3),this.unit=""}render(){const e=this.min||0,r=this.max||100,o=this.step||1;return i(n,null,this.description&&i("span",{key:"e6d9d790d42f441d15b461010d3773ac94851482",id:"description",hidden:!0},this.description),i("span",{key:"c5bd62d65306dc41df200366cff5d38a3f9fd46a",class:"counter","aria-hidden":"true"},e,this.unit),i("input",{key:"8c6134aa6334b9cc475f08cf62f60357d11d78ee",type:"range",min:e,max:r,step:o,value:this.value,class:"input","aria-label":this.label,"aria-describedby":this.description?"description":void 0,onChange:i=>this.dsoChange.emit({originalEvent:i,value:i.target instanceof HTMLInputElement?parseInt(i.target.value,10):void 0,max:r,min:e,step:o})}),i("span",{key:"ed7323ee13025476fadba72522d829531c32263f",class:"counter","aria-hidden":"true"},r,this.unit))}get host(){return o(this)}};a.style=":host{display:flex;align-items:center;gap:0.625rem;padding-block:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:20px}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c;border-radius:50%}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c;border-radius:50%;border-color:transparent}.input::-moz-range-thumb:hover{background-color:#275937}";export{a as dso_input_range}
+import{r as e,d as r,h as i,F as n,g as o}from"./p-DrQGiJP8.js";const a=class{constructor(i){e(this,i),this.dsoChange=r(this,"dsoChange",3),this.unit=""}render(){const e=this.min||0,r=this.max||100,o=this.step||1;return i(n,null,this.description&&i("span",{key:"e6d9d790d42f441d15b461010d3773ac94851482",id:"description",hidden:!0},this.description),i("span",{key:"c5bd62d65306dc41df200366cff5d38a3f9fd46a",class:"counter","aria-hidden":"true"},e,this.unit),i("input",{key:"8c6134aa6334b9cc475f08cf62f60357d11d78ee",type:"range",min:e,max:r,step:o,value:this.value,class:"input","aria-label":this.label,"aria-describedby":this.description?"description":void 0,onChange:i=>this.dsoChange.emit({originalEvent:i,value:i.target instanceof HTMLInputElement?parseInt(i.target.value,10):void 0,max:r,min:e,step:o})}),i("span",{key:"ed7323ee13025476fadba72522d829531c32263f",class:"counter","aria-hidden":"true"},r,this.unit))}get host(){return o(this)}};a.style=":host{display:flex;align-items:center;gap:0.625rem;padding-block:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:20px}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c;border-radius:50%}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c;border-radius:50%;border-color:transparent}.input::-moz-range-thumb:hover{background-color:#275937}";export{a as dso_input_range}

package/dist/dso-toolkit/{p-dd84ff10.entry.js → p-6e0d8f02.entry.js}

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

package/dist/dso-toolkit/{p-94db498f.entry.js → p-6ef02655.entry.js}

@@ -1 +1 @@
-import{r as o,d as s,h as t,g as e}from"./p-uGZacrki.js";import{c as r}from"./p-ChV9xqsO.js";const n=new Set;let i=null;function a(){i=null,n.forEach((o=>o._setScrollState())),n.clear()}const d=new ResizeObserver((o=>{o.forEach((o=>{const s=function({target:o}){return o.parentNode instanceof ShadowRoot&&l(o.parentNode.host)?o.parentNode.host:o.parentElement&&l(o.parentElement)?o.parentElement:void 0}(o);s&&n.add(s)})),null===i&&(i=requestAnimationFrame(a))}));function l(o){return"DSO-SCROLLABLE"===o.tagName}const c=class{constructor(t){o(this,t),this.dsoScrollEnd=s(this,"dsoScrollEnd",7),this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{const s=o.parentElement?.closest("dso-scrollable");s===this.host&&this._setScrollState()})))),this.scrollPosition="noScroll"}async _setScrollState(){if(!this.host.isConnected)return;const o=this.getScrollPosition();this.scrollPosition!==o&&(this.scrollPosition=o,"top"!==this.scrollPosition&&"bottom"!==this.scrollPosition||this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition}))}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv)return"noScroll";const{scrollHeight:o,clientHeight:s,scrollTop:t}=this.scrollContainerDiv;return o-s<8?"noScroll":0===t?"top":o-t-s<1?"bottom":t>0?"middle":"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:!0,attributes:!1,childList:!1,subtree:!0}),this.shadowContainerDiv instanceof HTMLDivElement&&d.observe(this.shadowContainerDiv),this.slottedElements.forEach((o=>d.observe(o)))}disconnectedCallback(){this.shadowContainerDiv instanceof HTMLDivElement&&d.unobserve(this.shadowContainerDiv),this.mutationObserver.disconnect(),this.slottedElements.forEach((o=>d.unobserve(o)))}render(){return t("div",{key:"8ec4de1ddaf5c42074b496d9d80be4c846cd8634",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},t("div",{key:"895d40a03b7e555686300e8c773c0110cb352c69",ref:o=>this.scrollContainerDiv=o,class:r("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:"noScroll"!==this.scrollPosition}),onScroll:()=>this._setScrollState()},t("slot",{key:"fb92677ffbad663cd08bb7ced3095a7affe1945d"})))}get host(){return e(this)}};c.style=':host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dt-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dt-scrollable-container-padding-inline, 0);padding-block:var(--_dt-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}';export{c as dso_scrollable}
+import{r as o,d as s,h as t,g as e}from"./p-DrQGiJP8.js";import{c as r}from"./p-ChV9xqsO.js";const n=new Set;let i=null;function a(){i=null,n.forEach((o=>o._setScrollState())),n.clear()}const d=new ResizeObserver((o=>{o.forEach((o=>{const s=function({target:o}){return o.parentNode instanceof ShadowRoot&&l(o.parentNode.host)?o.parentNode.host:o.parentElement&&l(o.parentElement)?o.parentElement:void 0}(o);s&&n.add(s)})),null===i&&(i=requestAnimationFrame(a))}));function l(o){return"DSO-SCROLLABLE"===o.tagName}const c=class{constructor(t){o(this,t),this.dsoScrollEnd=s(this,"dsoScrollEnd",7),this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{const s=o.parentElement?.closest("dso-scrollable");s===this.host&&this._setScrollState()})))),this.scrollPosition="noScroll"}async _setScrollState(){if(!this.host.isConnected)return;const o=this.getScrollPosition();this.scrollPosition!==o&&(this.scrollPosition=o,"top"!==this.scrollPosition&&"bottom"!==this.scrollPosition||this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition}))}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv)return"noScroll";const{scrollHeight:o,clientHeight:s,scrollTop:t}=this.scrollContainerDiv;return o-s<8?"noScroll":0===t?"top":o-t-s<1?"bottom":t>0?"middle":"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:!0,attributes:!1,childList:!1,subtree:!0}),this.shadowContainerDiv instanceof HTMLDivElement&&d.observe(this.shadowContainerDiv),this.slottedElements.forEach((o=>d.observe(o)))}disconnectedCallback(){this.shadowContainerDiv instanceof HTMLDivElement&&d.unobserve(this.shadowContainerDiv),this.mutationObserver.disconnect(),this.slottedElements.forEach((o=>d.unobserve(o)))}render(){return t("div",{key:"8ec4de1ddaf5c42074b496d9d80be4c846cd8634",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},t("div",{key:"895d40a03b7e555686300e8c773c0110cb352c69",ref:o=>this.scrollContainerDiv=o,class:r("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:"noScroll"!==this.scrollPosition}),onScroll:()=>this._setScrollState()},t("slot",{key:"fb92677ffbad663cd08bb7ced3095a7affe1945d"})))}get host(){return e(this)}};c.style=':host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dt-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dt-scrollable-container-padding-inline, 0);padding-block:var(--_dt-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}';export{c as dso_scrollable}

package/dist/dso-toolkit/{p-d685a2f7.entry.js → p-7905523e.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,d as i,a as s,g as n}from"./p-uGZacrki.js";import{c as a}from"./p-ChV9xqsO.js";const o=class{constructor(t){e(this,t)}render(){return t("span",{key:"6338a662c85c9fc73fe6ca24494fec1c536968f8",class:"dso-attachments"},this.count," ",t("span",{key:"b2d1afab942ca6b1b5b6dd43cdc6e01559559260",class:"sr-only"},"bijlage",1!==this.count?"n":""),t("dso-icon",{key:"96cf2ccc71f92d35d843e3e6457cade3dad66e97",icon:"paperclip"}))}};o.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";const r=class{constructor(t){e(this,t),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation||(this.isClosed=!this.open)}transitionstartHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return t(s,{key:"b810b0f7e7d855836374cb60e55ab653c16cdb44","aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"63b2112c1323c523664f6eae7585bbdfd02a4238",class:"slot-container"},t("slot",{key:"1db6f972e60b261ab42e49f993494b95f4a4ccf2"})))}get host(){return n(this)}static get watchers(){return{open:[{toggleOpen:0}]}}};r.style=":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";export{o as dso_attachments_counter,r as dso_expandable}
+import{r as e,h as t,d as i,a as s,g as n}from"./p-DrQGiJP8.js";import{c as a}from"./p-ChV9xqsO.js";const o=class{constructor(t){e(this,t)}render(){return t("span",{key:"30257ac6d9437a8c759542b3291a094d2bb288a9",class:"dso-attachments"},this.count," ",t("span",{key:"557c0c023d7710a257c35e0e71ffe511f55102d1",class:"sr-only"},"bijlage",1!==this.count?"n":""),t("dso-icon",{key:"93e982abaf1c007f21fea275b05df346ed819078",icon:"paperclip"}))}};o.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";const r=class{constructor(t){e(this,t),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation||(this.isClosed=!this.open)}transitionstartHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return t(s,{key:"b810b0f7e7d855836374cb60e55ab653c16cdb44","aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"63b2112c1323c523664f6eae7585bbdfd02a4238",class:"slot-container"},t("slot",{key:"1db6f972e60b261ab42e49f993494b95f4a4ccf2"})))}get host(){return n(this)}static get watchers(){return{open:[{toggleOpen:0}]}}};r.style=":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";export{o as dso_attachments_counter,r as dso_expandable}

package/dist/dso-toolkit/{p-ab9af74a.entry.js → p-8bf66f9c.entry.js}

@@ -1 +1 @@
-import{r as o,d as r,f as t,h as e,a as n,g as i}from"./p-uGZacrki.js";import{p as a}from"./p-DdaJdjEq.js";import"./p-zRaH89Qj.js";const d=class{constructor(t){o(this,t),this.dsoClose=r(this,"dsoClose",7),this.placement="right",this.ready=!1,this.popoverOpen=!1,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.dsoClose.emit({originalEvent:o}))}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}componentDidRender(){if(this.host.isConnected){if(!this.popoverOpen){this.host.showPopover(),this.popoverOpen=!0;const o=this.host.shadowRoot?.querySelector(".onboarding-tip");this.hasOnboardingTipElement(o)&&d.setFocus(o)}!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement&&(this.cleanUp=a({referenceElement:this.referenceElement,tipRef:this.host,tipArrowRef:this.tipArrowRef,placementTip:`${this.placement}-start`,topPositionSmallViewPort:!0,halfMainAxisOffset:!0}))}}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver,this.popoverOpen&&(this.host.hidePopover(),this.popoverOpen=!1),this.cleanUp?.(),this.cleanUp=void 0}static setFocus(o){o&&o.focus()}hasOnboardingTipElement(o){return o instanceof HTMLElement}render(){const o=this.headingSlottedElement?.textContent;return e(n,{key:"e7658be5736d9a5404fa0c0010a5a96b517f731b",popover:"manual",ready:this.ready,onAnimationend:()=>this.ready=!0},e("div",{key:"f3730e437d19a4bd3fe3633585ad592a4fb983c4",role:"dialog",class:"onboarding-tip","aria-label":o,onKeyDown:this.blockEscapeKey,tabindex:-1},e("div",{key:"af738a7350f03f71bb8e250502e2c0abefcd970e",class:"onboarding-tip-inner"},e("div",{key:"d334491e11eb82748aaf07e22b6e5c5171130528",class:"onboarding-tip-content-wrapper"},null!==this.headingSlottedElement&&e("div",{key:"823797769a24b123408afc8e59f464e3e39b7224",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"7ae6b3b9cf5338bee0842c31e8f7d21e7db9a9e8",icon:"light-bulb"}),e("slot",{key:"a75e8936520d6412addae7cc7430cf2c8762be3a",name:"heading"})),e("dso-icon-button",{key:"3aeaa82948c4e32ba451d6999bc388d68dd3aec8",class:"dso-close",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}),e("slot",{key:"88d732fe9ee04a023d3a581492352f1181e2de5b"}))),e("div",{key:"fd71cca54453f15dae82cb186b6fed0a266f9ede",class:"onboarding-tip-arrow",ref:o=>this.tipArrowRef=o})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const o=this.host.id;if(!o)return void console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");const r=this.host.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const t=r.querySelector(`[aria-describedby="${o}"]`);if(t)return t;console.warn(`Unable to find reference element with aria-describedby ${o}`)}get host(){return i(this)}};d.style='*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_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}.onboarding-tip-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"))}.onboarding-tip-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"))}.onboarding-tip-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"))}.onboarding-tip-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"))}.onboarding-tip-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:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}';export{d as dso_onboarding_tip}
+import{r as o,d as r,f as t,h as e,a as n,g as i}from"./p-DrQGiJP8.js";import{p as a}from"./p-DdaJdjEq.js";import"./p-zRaH89Qj.js";const d=class{constructor(t){o(this,t),this.dsoClose=r(this,"dsoClose",7),this.placement="right",this.ready=!1,this.popoverOpen=!1,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.dsoClose.emit({originalEvent:o}))}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}componentDidRender(){if(this.host.isConnected){if(!this.popoverOpen){this.host.showPopover(),this.popoverOpen=!0;const o=this.host.shadowRoot?.querySelector(".onboarding-tip");this.hasOnboardingTipElement(o)&&d.setFocus(o)}!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement&&(this.cleanUp=a({referenceElement:this.referenceElement,tipRef:this.host,tipArrowRef:this.tipArrowRef,placementTip:`${this.placement}-start`,topPositionSmallViewPort:!0,halfMainAxisOffset:!0}))}}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver,this.popoverOpen&&(this.host.hidePopover(),this.popoverOpen=!1),this.cleanUp?.(),this.cleanUp=void 0}static setFocus(o){o&&o.focus()}hasOnboardingTipElement(o){return o instanceof HTMLElement}render(){const o=this.headingSlottedElement?.textContent;return e(n,{key:"e7658be5736d9a5404fa0c0010a5a96b517f731b",popover:"manual",ready:this.ready,onAnimationend:()=>this.ready=!0},e("div",{key:"f3730e437d19a4bd3fe3633585ad592a4fb983c4",role:"dialog",class:"onboarding-tip","aria-label":o,onKeyDown:this.blockEscapeKey,tabindex:-1},e("div",{key:"af738a7350f03f71bb8e250502e2c0abefcd970e",class:"onboarding-tip-inner"},e("div",{key:"d334491e11eb82748aaf07e22b6e5c5171130528",class:"onboarding-tip-content-wrapper"},null!==this.headingSlottedElement&&e("div",{key:"823797769a24b123408afc8e59f464e3e39b7224",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"7ae6b3b9cf5338bee0842c31e8f7d21e7db9a9e8",icon:"light-bulb"}),e("slot",{key:"a75e8936520d6412addae7cc7430cf2c8762be3a",name:"heading"})),e("dso-icon-button",{key:"3aeaa82948c4e32ba451d6999bc388d68dd3aec8",class:"dso-close",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}),e("slot",{key:"88d732fe9ee04a023d3a581492352f1181e2de5b"}))),e("div",{key:"fd71cca54453f15dae82cb186b6fed0a266f9ede",class:"onboarding-tip-arrow",ref:o=>this.tipArrowRef=o})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const o=this.host.id;if(!o)return void console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");const r=this.host.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const t=r.querySelector(`[aria-describedby="${o}"]`);if(t)return t;console.warn(`Unable to find reference element with aria-describedby ${o}`)}get host(){return i(this)}};d.style='*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_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}.onboarding-tip-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"))}.onboarding-tip-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"))}.onboarding-tip-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"))}.onboarding-tip-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"))}.onboarding-tip-inner{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-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:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}';export{d as dso_onboarding_tip}

package/dist/dso-toolkit/{p-7e817da1.entry.js → p-8e206e7e.entry.js}

@@ -1 +1 @@
-import{r as e,d as o,h as t,g as a}from"./p-uGZacrki.js";import{i as r}from"./p-Hgv-pDpy.js";const i=class{constructor(t){e(this,t),this.dsoTabSwitch=o(this,"dsoTabSwitch",7),this.emitEvent=e=>{this.dsoTabSwitch.emit({originalEvent:e,isModifiedEvent:e instanceof MouseEvent&&r(e)})},this.keyUpHandler=e=>{" "!==e.key||this.disabled||this.active||this.emitEvent(e)},this.clickHandler=e=>{this.disabled&&this.href||this.active?e.preventDefault():this.emitEvent(e)}}async _dsoFocus(){this.anchorOrButtonRef?.focus()}render(){return this.href?t("a",{role:"tab",href:this.href,onKeyUp:this.keyUpHandler,onClick:this.clickHandler,"aria-selected":this.active?"true":"false",...this.active?{}:{tabIndex:-1},ref:e=>this.anchorOrButtonRef=e},t("slot",null)):t("button",{role:"tab",type:"button",disabled:this.disabled,onClick:this.clickHandler,"aria-selected":this.active?"true":"false",...this.active?{}:{tabIndex:-1},ref:e=>this.anchorOrButtonRef=e},t("slot",null))}get host(){return a(this)}};i.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;border-color:#39870c;margin-block-end:-1px}@media screen and (max-width: 767px){:host{margin-block:10px}:host(:first-child){margin-block-start:0}}:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{background-color:#fff;border:1px solid #39870c;border-block-end-color:#fff;color:#39870c;cursor:default}@media screen and (max-width: 767px){:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{border-block-end-color:#39870c}}:host([disabled]:not([disabled=false])) [role=tab]{color:#999}:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{color:#999;text-decoration:none;cursor:default;background-color:transparent}@media screen and (max-width: 767px){:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{border-block-end-color:#fff}}a{text-decoration:none}a:hover,a:focus-visible{text-decoration:none}a:active{text-decoration:underline}a:visited{color:#666}button{font-family:inherit;font-size:inherit;background-color:transparent}[role=tab]{font-weight:bold;cursor:pointer;display:block;min-block-size:56px;border:1px solid transparent;border-radius:4px 4px 0 0;color:#666;line-height:1.5;padding-block:15px;padding-inline:23px}[role=tab]:hover{border-color:#e5e5e5 #e5e5e5 #e5e5e5}[role=tab]:hover,[role=tab]:focus{text-decoration:none;background-color:#e5e5e5}[role=tab]:active,[role=tab]:focus,[role=tab]:hover{background-color:#f2f2f2;border:1px solid transparent;border-block-end-color:#39870c;text-decoration:none}@media screen and (max-width: 767px){[role=tab]:active,[role=tab]:focus,[role=tab]:hover{border-block-end-color:#fff}}@media screen and (max-width: 767px){[role=tab]{border-color:#fff;border-radius:8px;padding-block:18px;padding-inline:20px;inline-size:100%;text-align:start}}";export{i as dso_tab}
+import{r as e,d as o,h as t,g as a}from"./p-DrQGiJP8.js";import{i as r}from"./p-Hgv-pDpy.js";const i=class{constructor(t){e(this,t),this.dsoTabSwitch=o(this,"dsoTabSwitch",7),this.emitEvent=e=>{this.dsoTabSwitch.emit({originalEvent:e,isModifiedEvent:e instanceof MouseEvent&&r(e)})},this.keyUpHandler=e=>{" "!==e.key||this.disabled||this.active||this.emitEvent(e)},this.clickHandler=e=>{this.disabled&&this.href||this.active?e.preventDefault():this.emitEvent(e)}}async _dsoFocus(){this.anchorOrButtonRef?.focus()}render(){return this.href?t("a",{role:"tab",href:this.href,onKeyUp:this.keyUpHandler,onClick:this.clickHandler,"aria-selected":this.active?"true":"false",...this.active?{}:{tabIndex:-1},ref:e=>this.anchorOrButtonRef=e},t("slot",null)):t("button",{role:"tab",type:"button",disabled:this.disabled,onClick:this.clickHandler,"aria-selected":this.active?"true":"false",...this.active?{}:{tabIndex:-1},ref:e=>this.anchorOrButtonRef=e},t("slot",null))}get host(){return a(this)}};i.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;border-color:#39870c;margin-block-end:-1px}@media screen and (max-width: 767px){:host{margin-block:10px}:host(:first-child){margin-block-start:0}}:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{background-color:#fff;border:1px solid #39870c;border-block-end-color:#fff;color:#39870c;cursor:default}@media screen and (max-width: 767px){:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{border-block-end-color:#39870c}}:host([disabled]:not([disabled=false])) [role=tab]{color:#999}:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{color:#999;text-decoration:none;cursor:default;background-color:transparent}@media screen and (max-width: 767px){:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{border-block-end-color:#fff}}a{text-decoration:none}a:hover,a:focus-visible{text-decoration:none}a:active{text-decoration:underline}a:visited{color:#666}button{font-family:inherit;font-size:inherit;background-color:transparent}[role=tab]{font-weight:bold;cursor:pointer;display:block;min-block-size:56px;border:1px solid transparent;border-radius:4px 4px 0 0;color:#666;line-height:1.5;padding-block:15px;padding-inline:23px}[role=tab]:hover{border-color:#e5e5e5 #e5e5e5 #e5e5e5}[role=tab]:hover,[role=tab]:focus{text-decoration:none;background-color:#e5e5e5}[role=tab]:active,[role=tab]:focus,[role=tab]:hover{background-color:#f2f2f2;border:1px solid transparent;border-block-end-color:#39870c;text-decoration:none}@media screen and (max-width: 767px){[role=tab]:active,[role=tab]:focus,[role=tab]:hover{border-block-end-color:#fff}}@media screen and (max-width: 767px){[role=tab]{border-color:#fff;border-radius:8px;padding-block:18px;padding-inline:20px;inline-size:100%;text-align:start}}";export{i as dso_tab}

package/dist/dso-toolkit/p-969295b5.entry.js

@@ -0,0 +1 @@
+import{r as o,h as r,F as t}from"./p-DrQGiJP8.js";const d=class{constructor(r){o(this,r)}render(){return r(t,{key:"b65c1136049ad6b7918279ca9fa86a121a3a7229"},r("dso-icon",{key:"d43d86fe908ab5e18cb8a0c9f0250581df87cd69",icon:"clock-outline"}),r("slot",{key:"cec5c61d9cb0607709a4c91ff4002096b2b5beca"}),r("slot",{key:"7593a8ee780a5223cfd95e94b89a515e64a96596",name:"button"}))}};d.style='*,*::after,*::before{box-sizing:border-box}:host{--_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}:host 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"))}:host 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"))}:host 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"))}:host 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"))}:host{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-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:#8b4a6a;color:#fff;display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}';export{d as dso_tijdreis_banner}

package/dist/dso-toolkit/{p-6d3cc273.entry.js → p-98aa047d.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,f as i,h as s,g as a}from"./p-uGZacrki.js";import{i as o}from"./p-Hgv-pDpy.js";const n=class{constructor(i){e(this,i),this.dsoClick=t(this,"dsoClick",3),this.typeIcons={ontwerp:"document-pencil","in-werking":"document","tijdelijk-regelingdeel":"document","tijdelijk-regelingdeel-besluit":"hammer",waarschuwing:"status-warning-red-solid",besluit:"hammer"}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoClick.emit({originalEvent:e,isModifiedEvent:o(e)})}get titleSlottedElement(){return this.host.querySelector("[slot='title']")}get explanationSlottedElement(){return this.host.querySelector("[slot='explanation']")}get warningSlottedElement(){return this.host.querySelector("[slot='warning']")}render(){return s("div",{key:"1f64d214c8a55e32d46924c44e2a67e6fe762ba6",class:"history-item"},s("div",{key:"1faf71543e8465d42636730a7a2d1f3f6b731b97",class:"history-item-date"},s("slot",{key:"fd30727dea17f047cc1191b17585b34e1aa28527",name:"date"})),s("div",{key:"af748c630159e9fd76d7489ae9b463c60e7a2047",class:"history-item-content"},s("div",{key:"718da0969265515c84b27397dda672aa5519a61f",class:"history-item-status-message"},s("dso-icon",{key:"52e2f8abb5a0db890604556cf2eb6d03c1d977fd",icon:this.typeIcons[this.type],"aria-hidden":"true"}),s("slot",{key:"a605bad20f157372dea498db2586cc99ca1aa4e7",name:"status"})),null!==this.titleSlottedElement&&this.href&&s("div",{key:"147a283e5614d681a5828e2eed49892f4bc2b308",class:"history-item-title"},s("a",{key:"94dc57f6a9de0eda156871da5eb08bc63967347c",href:this.href,class:"title-anchor",onClick:e=>this.clickEventHandler(e),"aria-current":this.current?"true":void 0},s("span",{key:"a9e3fbb2a158c5301cd2e3b77417aa45d3f18d50",class:"history-item-title-content"},s("slot",{key:"f96e09b0853ded2962d51604c6924d18e8ec7352",name:"title"})),"⁠",s("dso-icon",{key:"4f2c3df04231db6a328adb4ddc2787604447d119",icon:"chevron-right","aria-hidden":"true"}))),null!==this.explanationSlottedElement&&s("div",{key:"4eb066cbfc8f5aeae2d4a81e78647bae853b5439",class:"history-item-explanation"},s("slot",{key:"3c24ab2930fe3b24f222705f3581de5aee3949d4",name:"explanation"})),null!==this.warningSlottedElement&&s("div",{key:"46ebd43221d15f1f5de0a4cf2458018278c85236",class:"history-item-warning"},s("dso-icon",{key:"75863ed1f713b3873a2ea50c3b5a14f127c50e6e",icon:"status-warning-red-solid",role:"img","aria-label":"Waarschuwing"}),s("slot",{key:"11f28b0b0e75cdaf14b7abdf5006f08faf81ec08",name:"warning"}))))}get host(){return a(this)}};n.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}";export{n as dso_history_item}
+import{r as e,d as t,f as i,h as s,g as a}from"./p-DrQGiJP8.js";import{i as o}from"./p-Hgv-pDpy.js";const n=class{constructor(i){e(this,i),this.dsoClick=t(this,"dsoClick",3),this.typeIcons={ontwerp:"document-pencil","in-werking":"document","tijdelijk-regelingdeel":"document","tijdelijk-regelingdeel-besluit":"hammer",waarschuwing:"status-warning-red-solid",besluit:"hammer"}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoClick.emit({originalEvent:e,isModifiedEvent:o(e)})}get titleSlottedElement(){return this.host.querySelector("[slot='title']")}get explanationSlottedElement(){return this.host.querySelector("[slot='explanation']")}get warningSlottedElement(){return this.host.querySelector("[slot='warning']")}render(){return s("div",{key:"1f64d214c8a55e32d46924c44e2a67e6fe762ba6",class:"history-item"},s("div",{key:"1faf71543e8465d42636730a7a2d1f3f6b731b97",class:"history-item-date"},s("slot",{key:"fd30727dea17f047cc1191b17585b34e1aa28527",name:"date"})),s("div",{key:"af748c630159e9fd76d7489ae9b463c60e7a2047",class:"history-item-content"},s("div",{key:"718da0969265515c84b27397dda672aa5519a61f",class:"history-item-status-message"},s("dso-icon",{key:"52e2f8abb5a0db890604556cf2eb6d03c1d977fd",icon:this.typeIcons[this.type],"aria-hidden":"true"}),s("slot",{key:"a605bad20f157372dea498db2586cc99ca1aa4e7",name:"status"})),null!==this.titleSlottedElement&&this.href&&s("div",{key:"147a283e5614d681a5828e2eed49892f4bc2b308",class:"history-item-title"},s("a",{key:"94dc57f6a9de0eda156871da5eb08bc63967347c",href:this.href,class:"title-anchor",onClick:e=>this.clickEventHandler(e),"aria-current":this.current?"true":void 0},s("span",{key:"a9e3fbb2a158c5301cd2e3b77417aa45d3f18d50",class:"history-item-title-content"},s("slot",{key:"f96e09b0853ded2962d51604c6924d18e8ec7352",name:"title"})),"⁠",s("dso-icon",{key:"4f2c3df04231db6a328adb4ddc2787604447d119",icon:"chevron-right","aria-hidden":"true"}))),null!==this.explanationSlottedElement&&s("div",{key:"4eb066cbfc8f5aeae2d4a81e78647bae853b5439",class:"history-item-explanation"},s("slot",{key:"3c24ab2930fe3b24f222705f3581de5aee3949d4",name:"explanation"})),null!==this.warningSlottedElement&&s("div",{key:"46ebd43221d15f1f5de0a4cf2458018278c85236",class:"history-item-warning"},s("dso-icon",{key:"75863ed1f713b3873a2ea50c3b5a14f127c50e6e",icon:"status-warning-red-solid",role:"img","aria-label":"Waarschuwing"}),s("slot",{key:"11f28b0b0e75cdaf14b7abdf5006f08faf81ec08",name:"warning"}))))}get host(){return a(this)}};n.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}";export{n as dso_history_item}

package/dist/dso-toolkit/p-AZpKxz9p.js

@@ -0,0 +1 @@
+import{h as o,F as l}from"./p-DrQGiJP8.js";const s=({values:s})=>o(l,null,s?.map(((s,r)=>o(l,null,r>0&&", ",o("dso-renvooi",{value:s})))));export{s as A}

package/dist/dso-toolkit/{p-ViUybizz.js → p-BKr5d3Gu.js}

@@ -1 +1 @@
-import{h as e,F as t}from"./p-uGZacrki.js";const r=({mark:r,text:n,emitMarkItemHighlight:i})=>{const o=r(n);return e(t,null,o&&0!==o.length?o.map((r=>"string"==typeof r?e(t,null,r):e("mark",{class:r.highlight?"dso-highlight":void 0,ref:e=>r.highlight&&e&&i(r.text,e)},r.text))):n)},n=new DOMParser;function i(e){if(!e)return;const t=n.parseFromString(e,"application/xml");if(!t.querySelector("parsererror"))return t;console.error({message:"Unable to parse XML",input:e,document:t},null,2)}function o(e){const t=e instanceof Element?e.getAttribute("wijzigactie"):void 0;return"voegtoe"===t||"verwijder"===t?t:void 0}export{r as M,o as a,i as p}
+import{h as e,F as t}from"./p-DrQGiJP8.js";const r=({mark:r,text:n,emitMarkItemHighlight:i})=>{const o=r(n);return e(t,null,o&&0!==o.length?o.map((r=>"string"==typeof r?e(t,null,r):e("mark",{class:r.highlight?"dso-highlight":void 0,ref:e=>r.highlight&&e&&i(r.text,e)},r.text))):n)},n=new DOMParser;function i(e){if(!e)return;const t=n.parseFromString(e,"application/xml");if(!t.querySelector("parsererror"))return t;console.error({message:"Unable to parse XML",input:e,document:t},null,2)}function o(e){const t=e instanceof Element?e.getAttribute("wijzigactie"):void 0;return"voegtoe"===t||"verwijder"===t?t:void 0}export{r as M,o as a,i as p}

package/dist/dso-toolkit/{p-tZPA50GA.js → p-Chbfdofl.js}

@@ -1 +1 @@
-import{h as a,f as o}from"./p-uGZacrki.js";const s=()=>a("dso-label",{class:"gewijzigde-locatie",status:"warning",compact:!0},"gewijzigde locatie"),t=()=>a("slot",{name:"symbool"}),e=new WeakMap;function l(a){return{watch(){let s=e.get(a);s||(s=new MutationObserver((()=>o(a))),e.set(a,s)),s.observe(a,{childList:!0})},hasSymbool:()=>null!==a.querySelector("[slot=symbool]"),unwatch(){const o=e.get(a);o&&(o.disconnect(),e.delete(a))}}}export{s as A,t as a,l as w}
+import{h as a,f as o}from"./p-DrQGiJP8.js";const s=()=>a("dso-label",{class:"gewijzigde-locatie",status:"warning",compact:!0},"gewijzigde locatie"),t=()=>a("slot",{name:"symbool"}),e=new WeakMap;function l(a){return{watch(){let s=e.get(a);s||(s=new MutationObserver((()=>o(a))),e.set(a,s)),s.observe(a,{childList:!0})},hasSymbool:()=>null!==a.querySelector("[slot=symbool]"),unwatch(){const o=e.get(a);o&&(o.disconnect(),e.delete(a))}}}export{s as A,t as a,l as w}

package/dist/dso-toolkit/{p-DEkvng4d.js → p-Dev1bLxp.js}

@@ -1 +1 @@
-import{h as o}from"./p-uGZacrki.js";const t=({id:t,tipElementRef:i,tipArrowElementRef:r},e)=>o("div",{id:t,popover:"manual",class:"dso-tooltip",ref:i},o("span",{class:"tooltip-arrow",ref:r}),o("div",{class:"tooltip-inner"},e));export{t as T}
+import{h as o}from"./p-DrQGiJP8.js";const t=({id:t,tipElementRef:i,tipArrowElementRef:r},e)=>o("div",{id:t,popover:"manual",class:"dso-tooltip",ref:i},o("span",{class:"tooltip-arrow",ref:r}),o("div",{class:"tooltip-inner"},e));export{t as T}

package/dist/dso-toolkit/{p-uGZacrki.js → p-DrQGiJP8.js}

@@ -1,2 +1,2 @@
-const t="dso-toolkit",e={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,constructableCSS:!0,cssAnnotations:!0,deserializer:!1,devTools:!1,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!0,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propChangeCallback:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!0,scopedSlotTextContentFix:!1,scriptDataOpts:!1,serializer:!1,shadowDelegatesFocus:!1,shadowDom:!0,shadowSlotAssignmentManual:!1,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0};var n={isDev:!!e.isDev,isBrowser:!0,isServer:!1,isTesting:!!e.isTesting},o=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(o||{}),s=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(s||{}),r="type",i="value",l="serialized:";function c(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var a,u,f=(t,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[s]])=>{if((e.state||e.prop)&&(31&s||32&s)){const e=t[o],s=c(Object.getPrototypeOf(t),o,!0)||Object.getOwnPropertyDescriptor(t,o);s&&Object.defineProperty(t,o,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.i.has(o)?t[o]=n.i.get(o):void 0!==e&&(t[o]=e)}}))},d=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},h=(t,n)=>{n&&(t.__stencil__getHostRef=()=>n,n.l=t,512&n.o.u&&(e.state||e.prop)&&f(t,n))},p=(t,n)=>{const o={u:0,$hostElement$:t,o:n,i:new Map,p:new Map};e.isDev&&(o.m=0),e.method&&e.lazyLoad&&(o.v=new Promise((t=>o.$=t))),e.asyncLoading&&(o.S=new Promise((t=>o.j=t)),t["s-p"]=[],t["s-rc"]=[]),e.lazyLoad&&(o.O=[]);const s=o;return t.__stencil__getHostRef=()=>s,!e.lazyLoad&&512&n.u&&(e.state||e.prop)&&f(t,o),s},m=(t,e)=>e in t,v=(t,e)=>(a||console.error)(t,e),g=e.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],$=(...t)=>console.error(...g,...t),b=(...t)=>console.warn(...g,...t),y=(...t)=>console.info(...g,...t),w=new Map,S=(t,n,o)=>{const s=t.C.replace(/-/g,"_"),r=t._;if(e.isDev&&"string"!=typeof r)return void $(`Trying to lazily load component <${t.C}> with style mode "${n.k}", but it does not exist.`);if(!r)return;const i=!e.hotModuleReplacement&&w.get(r);return i?i[s]:import(`./${r}.entry.js${e.hotModuleReplacement&&o?"?s-hmr="+o:""}`).then((t=>(e.hotModuleReplacement||w.set(r,t),t[s])),(t=>{v(t,n.$hostElement$)}))
+const t="dso-toolkit",e={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,constructableCSS:!0,cssAnnotations:!0,deserializer:!1,devTools:!1,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!0,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propChangeCallback:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!0,scopedSlotTextContentFix:!1,scriptDataOpts:!1,serializer:!1,shadowDelegatesFocus:!0,shadowDom:!0,shadowSlotAssignmentManual:!1,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0};var n={isDev:!!e.isDev,isBrowser:!0,isServer:!1,isTesting:!!e.isTesting},o=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(o||{}),s=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(s||{}),r="type",i="value",l="serialized:";function c(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var a,u,f=(t,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[s]])=>{if((e.state||e.prop)&&(31&s||32&s)){const e=t[o],s=c(Object.getPrototypeOf(t),o,!0)||Object.getOwnPropertyDescriptor(t,o);s&&Object.defineProperty(t,o,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.i.has(o)?t[o]=n.i.get(o):void 0!==e&&(t[o]=e)}}))},d=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},h=(t,n)=>{n&&(t.__stencil__getHostRef=()=>n,n.l=t,512&n.o.u&&(e.state||e.prop)&&f(t,n))},p=(t,n)=>{const o={u:0,$hostElement$:t,o:n,i:new Map,p:new Map};e.isDev&&(o.m=0),e.method&&e.lazyLoad&&(o.v=new Promise((t=>o.$=t))),e.asyncLoading&&(o.S=new Promise((t=>o.j=t)),t["s-p"]=[],t["s-rc"]=[]),e.lazyLoad&&(o.O=[]);const s=o;return t.__stencil__getHostRef=()=>s,!e.lazyLoad&&512&n.u&&(e.state||e.prop)&&f(t,o),s},m=(t,e)=>e in t,v=(t,e)=>(a||console.error)(t,e),g=e.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],$=(...t)=>console.error(...g,...t),b=(...t)=>console.warn(...g,...t),y=(...t)=>console.info(...g,...t),w=new Map,S=(t,n,o)=>{const s=t.C.replace(/-/g,"_"),r=t._;if(e.isDev&&"string"!=typeof r)return void $(`Trying to lazily load component <${t.C}> with style mode "${n.k}", but it does not exist.`);if(!r)return;const i=!e.hotModuleReplacement&&w.get(r);return i?i[s]:import(`./${r}.entry.js${e.hotModuleReplacement&&o?"?s-hmr="+o:""}`).then((t=>(e.hotModuleReplacement||w.set(r,t),t[s])),(t=>{v(t,n.$hostElement$)}))
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},j=new Map,x=[],O="s-id",C="sty-id",_="c-id",E="_stencilDocData",k={hostIds:0,rootLevelIds:0,staticComponents:new Set},N="slot-fb{display:contents}slot-fb[hidden]{display:none}",T="http://www.w3.org/1999/xlink",L=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],R="undefined"!=typeof window?window:{},M=R.HTMLElement||class{},A={u:0,N:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},D=e.shadowDom,I=t=>Promise.resolve(t),H=!!e.constructableCSS&&(()=>{try{return!!R.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),F=!!H&&(()=>!!R.document&&Object.getOwnPropertyDescriptor(R.document.adoptedStyleSheets,"length").writable)(),P=0,U=!1,B=[],z=[],V=[],W=(t,e)=>n=>{t.push(n),U||(U=!0,e&&4&A.u?q(X):A.raf(X))},Y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){v(t)}t.length=0},J=(t,e)=>{let n=0,o=0;for(;n<t.length&&(o=performance.now())<e;)try{t[n++](o)}catch(t){v(t)}n===t.length?t.length=0:0!==n&&t.splice(0,n)},X=()=>{if(e.asyncQueue&&P++,Y(B),e.asyncQueue){const t=2==(6&A.u)?performance.now()+14*Math.ceil(.1*P):1/0;J(z,t),J(V,t),z.length>0&&(V.push(...z),z.length=0),(U=B.length+z.length+V.length>0)?A.raf(X):P=0}else Y(z),(U=B.length>0)&&A.raf(X)},q=t=>I().then(t),K=W(B,!1),Q=W(z,!0);function G(t){const n={mode:"open"};e.shadowDelegatesFocus&&(n.delegatesFocus=!!(16&t.u)),e.shadowSlotAssignmentManual&&1024&t.u&&(n.slotAssignment="manual");const o=this.attachShadow(n);void 0===u&&(u=null),u&&(F?o.adoptedStyleSheets.push(u):o.adoptedStyleSheets=[...o.adoptedStyleSheets,u])}var Z=t=>{const e=Nt(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&et(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!nt(t,rt(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&Nt(t,"childNodes").length&&Z(t)}},tt=t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e};function et(t,e,n){let o,s=0,r=[];for(;s<t.length;s++){if(o=t[s],o["s-sr"]&&(!e||o["s-hn"]===e)&&(void 0===n||rt(o)===n)&&(r.push(o),void 0!==n))return r;r=[...r,...et(o.childNodes,e,n)]}return r}var nt=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let s=t;for(;s=s.nextSibling;)rt(s)!==e||!n&&s["s-sr"]||o.push(s);return o},ot=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,st=(t,n,o,s)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=t,!n["s-cr"]||!n["s-cr"].parentNode)return;const i=n["s-cr"].parentNode,l=Nt(i,o?"prepend":"appendChild");if(e.hydrateClientSide&&void 0!==s){r["s-oo"]=s;const t=Nt(i,"childNodes"),e=[r];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>l.call(i,t)))}else l.call(i,r);t["s-ol"]=r,t["s-sh"]=n["s-hn"]},rt=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function it(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const s=this["s-cr"].parentElement;return(s.__childNodes?s.childNodes:tt(s.childNodes)).forEach((t=>{o===rt(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}function lt(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function ct(t,e){var n;if(!(e=e||(null==(n=t["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=rt(t)||"";return{slotNode:et(Nt(e,"childNodes"),e.tagName,o)[0],slotName:o}}var at=t=>{ut(t),ft(t),pt(t),ht(t),$t(t),mt(t),vt(t),gt(t),bt(t),yt(t),dt(t)},ut=t=>{if(t.__cloneNode)return;const n=t.__cloneNode=t.cloneNode;t.cloneNode=function(t){const o=!!e.shadowDom&&this.shadowRoot&&D,s=n.call(this,!!o&&t);if(e.slot&&!o&&t){let t,n,o=0;const r=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],i=this.__childNodes||this.childNodes;for(;o<i.length;o++)t=i[o]["s-nr"],n=r.every((t=>!i[o][t])),t&&(e.appendChildSlotFix&&s.__appendChild?s.__appendChild(t.cloneNode(!0)):s.appendChild(t.cloneNode(!0))),n&&s.appendChild(i[o].cloneNode(!0))}return s}},ft=t=>{t.__appendChild||(t.__appendChild=t.appendChild,t.appendChild=function(t){const{slotName:e,slotNode:n}=ct(t,this);if(n){st(t,n);const o=nt(n,e),s=o[o.length-1],r=Nt(s,"parentNode"),i=Nt(r,"insertBefore")(t,s.nextSibling);return lt(n),Z(this),i}return this.__appendChild(t)})},dt=t=>{t.__removeChild||(t.__removeChild=t.removeChild,t.removeChild=function(t){return t&&void 0!==t["s-sn"]&&et(this.__childNodes||this.childNodes,this.tagName,t["s-sn"])&&t.isConnected?(t.remove(),void Z(this)):this.__removeChild(t)})},ht=t=>{t.__prepend||(t.__prepend=t.prepend,t.prepend=function(...e){e.forEach((e=>{"string"==typeof e&&(e=this.ownerDocument.createTextNode(e));const n=(e["s-sn"]=rt(e))||"",o=et(Nt(this,"childNodes"),this.tagName,n)[0];if(o){st(e,o,!0);const t=nt(o,n)[0],s=Nt(t,"parentNode"),r=Nt(s,"insertBefore")(e,Nt(t,"nextSibling"));return lt(o),r}return 1===e.nodeType&&e.getAttribute("slot")&&(e.hidden=!0),t.__prepend(e)}))})},pt=t=>{t.__append||(t.__append=t.append,t.append=function(...t){t.forEach((t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t)),this.appendChild(t)}))})},mt=t=>{if(t.__insertAdjacentHTML)return;const e=t.insertAdjacentHTML;t.insertAdjacentHTML=function(t,n){if("afterbegin"!==t&&"beforeend"!==t)return e.call(this,t,n);const o=this.ownerDocument.createElement("_");let s;if(o.innerHTML=n,"afterbegin"===t)for(;s=o.firstChild;)this.prepend(s);else if("beforeend"===t)for(;s=o.firstChild;)this.append(s)}},vt=t=>{t.insertAdjacentText=function(t,e){this.insertAdjacentHTML(t,e)}},gt=t=>{t.__insertBefore||t.__insertBefore||(t.__insertBefore=t.insertBefore,t.insertBefore=function(t,e){const{slotName:n,slotNode:o}=ct(t,this),s=this.__childNodes?this.childNodes:tt(this.childNodes);if(o){let r=!1;if(s.forEach((s=>{if(s!==e&&null!==e);else{if(r=!0,null===e||n!==e["s-sn"])return void this.appendChild(t);if(n===e["s-sn"]){st(t,o);const n=Nt(e,"parentNode");Nt(n,"insertBefore")(t,e),lt(o)}}})),r)return t}const r=null==e?void 0:e.__parentNode;return r&&!this.isSameNode(r)?this.appendChild(t):this.__insertBefore(t,e)})},$t=t=>{if(t.__insertAdjacentElement)return;const e=t.insertAdjacentElement;t.insertAdjacentElement=function(t,n){return"afterbegin"!==t&&"beforeend"!==t?e.call(this,t,n):"afterbegin"===t?(this.prepend(n),n):"beforeend"===t?(this.append(n),n):n}},bt=t=>{kt("textContent",t),Object.defineProperty(t,"textContent",{get:function(){let t="";return(this.__childNodes?this.childNodes:tt(this.childNodes)).forEach((e=>t+=e.textContent||"")),t},set:function(t){(this.__childNodes?this.childNodes:tt(this.childNodes)).forEach((t=>{t["s-ol"]&&t["s-ol"].remove(),t.remove()})),this.insertAdjacentHTML("beforeend",t)}})},yt=t=>{class e extends Array{item(t){return this[t]}}kt("children",t),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),kt("firstChild",t),Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}}),kt("lastChild",t),Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),kt("childNodes",t),Object.defineProperty(t,"childNodes",{get(){const t=new e;return t.push(...tt(this.__childNodes)),t}})},wt=t=>{t&&void 0===t.__nextSibling&&globalThis.Node&&(St(t),xt(t),Ct(t),t.nodeType===Node.ELEMENT_NODE&&(jt(t),Ot(t)))},St=t=>{t&&!t.__nextSibling&&(kt("nextSibling",t),Object.defineProperty(t,"nextSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.childNodes,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n+1]:this.__nextSibling}}))},jt=t=>{t&&!t.__nextElementSibling&&(kt("nextElementSibling",t),Object.defineProperty(t,"nextElementSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.children,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n+1]:this.__nextElementSibling}}))},xt=t=>{t&&!t.__previousSibling&&(kt("previousSibling",t),Object.defineProperty(t,"previousSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.childNodes,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n-1]:this.__previousSibling}}))},Ot=t=>{t&&!t.__previousElementSibling&&(kt("previousElementSibling",t),Object.defineProperty(t,"previousElementSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.children,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n-1]:this.__previousElementSibling}}))},Ct=t=>{t&&!t.__parentNode&&(kt("parentNode",t),Object.defineProperty(t,"parentNode",{get:function(){var t;return(null==(t=this["s-ol"])?void 0:t.parentNode)||this.__parentNode},set:function(t){this.__parentNode=t}}))},_t=["children","nextElementSibling","previousElementSibling"],Et=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function kt(t,e){if(!globalThis.Node||!globalThis.Element)return;let n;_t.includes(t)?n=Object.getOwnPropertyDescriptor(Element.prototype,t):Et.includes(t)&&(n=Object.getOwnPropertyDescriptor(Node.prototype,t)),n||(n=Object.getOwnPropertyDescriptor(e,t)),n&&Object.defineProperty(e,"__"+t,n)}function Nt(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var Tt=0,Lt=(t,n="")=>{if(e.profile&&performance.mark){const e=`st:${t}:${n}:${Tt++}`;return performance.mark(e),()=>performance.measure(`[Stencil] ${t}() <${n}>`,e)}return()=>{}};function Rt(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var Mt=new WeakMap,At=(t,e,n)=>{let o=j.get(t);H&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,j.set(t,o)},Dt=(t,n,o)=>{var s,r,i;const l=Ht(n,o),c=j.get(l);if(!e.attachStyles||!R.document)return l;if(t=11===t.nodeType?t:R.document,c)if("string"==typeof c){let o,i=Mt.get(t=t.head||t);i||Mt.set(t,i=new Set);const a=(e.hydrateClientSide||e.hotModuleReplacement)&&t.querySelector(`[${C}="${l}"]`);if(a)a.textContent=c;else if(!i.has(l)){o=R.document.createElement("style"),o.textContent=c;const a=null!=(s=A.T)?s:Rt(R.document);if(null!=a&&o.setAttribute("nonce",a),(e.hydrateServerSide||e.hotModuleReplacement)&&(2&n.u||128&n.u||1&n.u)&&o.setAttribute(C,l),!(1&n.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(H){const e=new(null!=(r=t.defaultView)?r:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(c),F?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n&&!e.hotModuleReplacement?n.textContent=c+n.textContent:t.prepend(o)}else t.append(o);1&n.u&&t.insertBefore(o,null),4&n.u&&(o.textContent+=N),i&&i.add(l)}}else if(e.constructableCSS){let n=Mt.get(t);if(n||Mt.set(t,n=new Set),!n.has(l)){const o=null!=(i=t.defaultView)?i:t.ownerDocument.defaultView;let s;if(c.constructor===o.CSSStyleSheet)s=c;else{s=new o.CSSStyleSheet;for(let t=0;t<c.cssRules.length;t++)s.insertRule(c.cssRules[t].cssText,t)}if(F?t.adoptedStyleSheets.push(s):t.adoptedStyleSheets=[...t.adoptedStyleSheets,s],n.add(l),e.hydrateClientSide&&"host"in t){const e=t.querySelector(`[${C}="${l}"]`);e&&Q((()=>e.remove()))}}}return l},It=t=>{const n=t.o,o=t.$hostElement$,s=n.u,r=Lt("attachStyles",n.C),i=Dt(e.shadowDom&&D&&o.shadowRoot?o.shadowRoot:o.getRootNode(),n,t.k);(e.shadowDom||e.scoped)&&e.cssAnnotations&&10&s&&(o["s-sc"]=i,o.classList.add(i+"-h")),r()},Ht=(t,n)=>"sc-"+(e.mode&&n&&32&t.u?t.C+"-"+n:t.C),Ft=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),Pt=()=>{if(!R.document)return;const t=R.document.querySelectorAll(`[${C}]`);let e=0;for(;e<t.length;e++)At(t[e].getAttribute(C),Ft(t[e].innerHTML),!0)},Ut=t=>"object"==(t=typeof t)||"function"===t,Bt=(t,n,...o)=>{"string"==typeof t&&(t=Zn(t));let s=null,r=null,i=null,l=!1,c=!1;const a=[],u=n=>{for(let o=0;o<n.length;o++)s=n[o],Array.isArray(s)?u(s):null!=s&&"boolean"!=typeof s&&((l="function"!=typeof t&&!Ut(s))?s+="":e.isDev&&"function"!=typeof t&&void 0===s.u&&$("vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects."),l&&c?a[a.length-1].L+=s:a.push(l?zt(null,s):s),c=l)};if(u(o),n&&(e.isDev&&"input"===t&&qt(n),e.vdomKey&&n.key&&(r=n.key),e.slotRelocation&&n.name&&(i=n.name),e.vdomClass)){const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}if(e.isDev&&a.some(Wt)&&$("The <Host> must be the single root component. Make sure:\n- You are NOT using hostData() and <Host> in the same component.\n- <Host> is used once, and it's the single root component of the render() function."),e.vdomFunctional&&"function"==typeof t)return t(null===n?{}:n,a,Yt);const f=zt(t,null);return f.R=n,a.length>0&&(f.M=a),e.vdomKey&&(f.A=r),e.slotRelocation&&(f.D=i),f},zt=(t,n)=>{const o={u:0,I:t,L:null!=n?n:null,F:null,M:null};return e.vdomAttribute&&(o.R=null),e.vdomKey&&(o.A=null),e.slotRelocation&&(o.D=null),o},Vt={},Wt=t=>t&&t.I===Vt,Yt={forEach:(t,e)=>t.map(Jt).forEach(e),map:(t,e)=>t.map(Jt).map(e).map(Xt)},Jt=t=>({vattrs:t.R,vchildren:t.M,vkey:t.A,vname:t.D,vtag:t.I,vtext:t.L}),Xt=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),Bt(t.vtag,e,...t.vchildren||[])}const e=zt(t.vtag,t.vtext);return e.R=t.vattrs,e.M=t.vchildren,e.A=t.vkey,e.D=t.vname,e},qt=t=>{const e=Object.keys(t),n=e.indexOf("value");if(-1===n)return;const o=e.indexOf("type"),s=e.indexOf("min"),r=e.indexOf("max"),i=e.indexOf("step");(n<o||n<s||n<r||n<i)&&b('The "value" prop of <input> should be set after "min", "max", "type" and "step"')},Kt=(t,n,o,s,r,i,l,c=[])=>{let a,u,f,d;const h=r["s-sc"];if(1===i.nodeType){if(a=i.getAttribute(_),a&&(u=a.split("."),u[0]===l||"0"===u[0])){f=Gt({u:0,P:u[0],U:u[1],B:u[2],V:u[3],I:i.tagName.toLowerCase(),F:i,R:{class:i.className||""}}),n.push(f),i.removeAttribute(_),t.M||(t.M=[]),e.scoped&&h&&u[0]===l&&(i["s-si"]=h,f.R.class+=" "+h);const r=f.F.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===f.I&&(Zt(r,u[2],f,i,t,n,o,s,c),e.scoped&&h&&i.classList.add(h)),f.F["s-sn"]=r,f.F.removeAttribute("s-sn")),void 0!==f.V&&(t.M[f.V]=f),t=f,s&&"0"===f.B&&(s[f.V]=f.F)}if(i.shadowRoot)for(d=i.shadowRoot.childNodes.length-1;d>=0;d--)Kt(t,n,o,s,r,i.shadowRoot.childNodes[d],l,c);const p=i.__childNodes||i.childNodes;for(d=p.length-1;d>=0;d--)Kt(t,n,o,s,r,p[d],l,c)}else if(8===i.nodeType)u=i.nodeValue.split("."),(u[1]===l||"0"===u[1])&&(a=u[0],f=Gt({P:u[1],U:u[2],B:u[3],V:u[4]||"0",F:i,R:null,M:null,A:null,D:null,I:null,L:null}),"t"===a?(f.F=ee(i,3),f.F&&3===f.F.nodeType&&(f.L=f.F.textContent,n.push(f),i.remove(),l===f.P&&(t.M||(t.M=[]),t.M[f.V]=f),s&&"0"===f.B&&(s[f.V]=f.F))):"c"===a?(f.F=ee(i,8),f.F&&8===f.F.nodeType&&(n.push(f),i.remove())):f.P===l&&("s"===a?Zt(i["s-sn"]=u[5]||"",u[2],f,i,t,n,o,s,c):"r"===a&&(e.shadowDom&&s?i.remove():e.slotRelocation&&(r["s-cr"]=i,i["s-cn"]=!0))));else if(t&&"style"===t.I){const e=zt(null,i.textContent);e.F=i,e.V="0",t.M=[e]}return t},Qt=(t,e)=>{if(1===t.nodeType){const n=t[O]||t.getAttribute(O);n&&e.set(n,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)Qt(t.shadowRoot.childNodes[o],e);const s=t.__childNodes||t.childNodes;for(o=0;o<s.length;o++)Qt(s[o],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},Gt=t=>({u:0,P:null,U:null,B:null,V:"0",F:null,R:null,M:null,A:null,D:null,I:null,L:null,...t});function Zt(t,n,o,s,r,i,l,c,a){s["s-sr"]=!0,o.D=t||null,o.I="slot";const u=(null==r?void 0:r.F)?r.F["s-id"]||r.F.getAttribute("s-id"):"";if(e.shadowDom&&c&&R.document){const e=o.F=R.document.createElement(o.I);o.D&&o.F.setAttribute("name",t),r.F.shadowRoot&&u&&u!==o.P?Nt(r.F,"insertBefore")(e,Nt(r.F,"children")[0]):Nt(Nt(s,"parentNode"),"insertBefore")(e,s),te(a,n,t,s,o.P),s.remove(),"0"===o.B&&(c[o.V]=o.F)}else{const e=o.F,i=u&&u!==o.P&&r.F.shadowRoot;te(a,n,t,s,i?u:o.P),it(s),i&&r.F.insertBefore(e,r.F.children[0])}i.push(o),l.push(o),r.M||(r.M=[]),r.M[o.V]=o}var te=(t,e,n,o,s)=>{var r,i;let l=o.nextSibling;if(t[e]=t[e]||[],l&&!(null==(r=l.nodeValue)?void 0:r.startsWith("s.")))do{!l||(l.getAttribute&&l.getAttribute("slot")||l["s-sn"])!==n&&(""!==n||l["s-sn"]||l.getAttribute&&l.getAttribute("slot")||8!==l.nodeType&&3!==l.nodeType)||(l["s-sn"]=n,t[e].push({slot:o,node:l,hostId:s})),l=null==l?void 0:l.nextSibling}while(l&&!(null==(i=l.nodeValue)?void 0:i.startsWith("s.")))},ee=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},ne=t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),oe="-shadowcsshost",se="-shadowcssslotted",re="-shadowcsscontext",ie=")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)",le=RegExp("("+oe+ie,"gim"),ce=RegExp("("+re+ie,"gim"),ae=RegExp("("+se+ie,"gim"),ue=oe+"-no-combinator",fe=/-shadowcsshost-no-combinator([^\s]*)/,de=[/::shadow/g,/::content/g],he=/__part-(\d+)__/g,pe=/-shadowcsshost/gim,me=t=>{const e=ne(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")},ve=/\/\*\s*[\s\S]*?\*\//g,ge=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,$e=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,be=/([{}])/g,ye=/(^.*?[^\\])??((:+)(.*)|$)/,we="%BLOCK%",Se=(t,e)=>{const n=je(t);let o=0;return n.escapedString.replace($e,((...t)=>{const s=t[2];let r="",i=t[4],l="";i&&i.startsWith("{"+we)&&(r=n.blocks[o++],i=i.substring(8),l="{");const c=e({selector:s,content:r});return`${t[1]}${c.selector}${t[3]}${l}${c.content}${i}`}))},je=t=>{const e=t.split(be),n=[],o=[];let s=0,r=[];for(let t=0;t<e.length;t++){const i=e[t];"}"===i&&s--,s>0?r.push(i):(r.length>0&&(o.push(r.join("")),n.push(we),r=[]),n.push(i)),"{"===i&&s++}return r.length>0&&(o.push(r.join("")),n.push(we)),{escapedString:n.join(""),blocks:o}},xe=(t,e,n)=>t.replace(e,((...t)=>{if(t[2]){const e=t[2].split(","),o=[];for(let s=0;s<e.length;s++){const r=e[s].trim();if(!r)break;o.push(n(ue,r,t[3]))}return o.join(",")}return ue+t[3]})),Oe=(t,e,n)=>t+e.replace(oe,"")+n,Ce=(t,e,n)=>e.indexOf(oe)>-1?Oe(t,e,n):t+e+n+", "+e+" "+t+n,_e=(t,e)=>t.replace(ye,((t,n="",o,s="",r="")=>n+e+s+r)),Ee=(t,e,n,o)=>Se(t,(t=>{let s=t.selector,r=t.content;return"@"!==t.selector[0]?s=((t,e,n,o)=>t.split(",").map((t=>o&&t.indexOf("."+o)>-1?t.trim():((t,e)=>!(t=>(t=t.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+t+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(e).test(t))(t,e)?((t,e,n)=>{const o="."+(e=e.replace(/\[is=([^\]]*)\]/g,((t,...e)=>e[0]))),s=t=>{let s=t.trim();if(!s)return"";if(t.indexOf(ue)>-1)s=((t,e,n)=>{if(pe.lastIndex=0,pe.test(t)){const e="."+n;return t.replace(fe,((t,n)=>_e(n,e))).replace(pe,e+" ")}return e+" "+t})(t,e,n);else{const e=t.replace(pe,"");e.length>0&&(s=_e(e,o))}return s},r=(t=>{const e=[];let n=0;return{content:(t=(t=t.replace(/(\[\s*part~=\s*("[^"]*"|'[^']*')\s*\])/g,((t,o)=>{const s=`__part-${n}__`;return e.push(o),n++,s}))).replace(/(\[[^\]]*\])/g,((t,o)=>{const s=`__ph-${n}__`;return e.push(o),n++,s}))).replace(/(:nth-[-\w]+)(\([^)]+\))/g,((t,o,s)=>{const r=`__ph-${n}__`;return e.push(s),n++,o+r})),placeholders:e}})(t);let i,l="",c=0;const a=/( |>|\+|~(?!=))(?=(?:[^()]*\([^()]*\))*[^()]*$)\s*/g;let u=!((t=r.content).indexOf(ue)>-1);for(;null!==(i=a.exec(t));){const e=i[1],n=t.slice(c,i.index).trim();u=u||n.indexOf(ue)>-1,l+=`${u?s(n):n} ${e} `,c=a.lastIndex}const f=t.substring(c);return u=!f.match(he)&&(u||f.indexOf(ue)>-1),l+=u?s(f):f,((t,e)=>(e=e.replace(/__part-(\d+)__/g,((e,n)=>t[+n]))).replace(/__ph-(\d+)__/g,((e,n)=>t[+n])))(r.placeholders,l)})(t,e,n).trim():t.trim())).join(", "))(t.selector,e,n,o):(t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document"))&&(r=Ee(t.content,e,n,o)),{selector:s.replace(/\s{2,}/g," ").trim(),content:r}})),ke=(t,e)=>t.replace(/-shadowcsshost-no-combinator/g,"."+e),Ne=(t,e)=>{const n=e+"-h",o=e+"-s",s=(t=>t.match(ge)||[])(t);t=(t=>t.replace(ve,""))(t);const r=[];{const e=t=>{const e=`/*!@___${r.length}___*/`;return r.push({placeholder:e,comment:`/*!@${t.selector}*/`}),t.selector=e+t.selector,t};t=Se(t,(t=>"@"!==t.selector[0]?e(t):t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")?(t.content=Se(t.content,e),t):t))}const i=((t,e,n,o)=>{const s=((t,e)=>{const n="."+e+" > ",o=[];return t=t.replace(ae,((...t)=>{if(t[2]){const e=t[2].trim(),s=n+e+t[3];let r="";for(let e=t[4]-1;e>=0;e--){const n=t[5][e];if("}"===n||","===n)break;r=n+r}const i=(r+s).trim(),l=`${r.trimEnd()}${s.trim()}`.trim();return i!==l&&o.push({orgSelector:i,updatedSelector:`${l}, ${i}`}),s}return ue+t[3]})),{selectors:o,cssText:t}})(t=(t=>xe(t,ce,Ce))(t=(t=>xe(t,le,Oe))(t=(t=>{const e=[];t=t.replace(/@supports\s+selector\s*\(\s*([^)]*)\s*\)/g,((t,n)=>{const o=`__supports_${e.length}__`;return e.push(n),`@supports selector(${o})`}));const n=me("::slotted"),o=me(":host"),s=me(":host-context");return t=t.replace(s,"$1"+re).replace(o,"$1"+oe).replace(n,"$1"+se),e.forEach(((e,n)=>{t=t.replace(`__supports_${n}__`,e)})),t})(t))),o);return t=(t=>de.reduce(((t,e)=>t.replace(e," ")),t))(t=s.cssText),e&&(t=Ee(t,e,n,o)),{cssText:(t=(t=ke(t,n)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:s.selectors.map((t=>({orgSelector:ke(t.orgSelector,n),updatedSelector:ke(t.updatedSelector,n)})))}})(t,e,n,o);return t=[i.cssText,...s].join("\n"),r.forEach((({placeholder:e,comment:n})=>{t=t.replace(e,n)})),i.slottedSelectors.forEach((e=>{const n=RegExp(ne(e.orgSelector)+"(?=\\s*[,{]|$)","g");t=t.replace(n,e.updatedSelector)})),t=(t=>{const e=/([^\s,{][^,{]*?)::part\(\s*([^)]+?)\s*\)((?:[:.][^,{]*)*)/g;return Se(t,(t=>{if("@"===t.selector[0])return t;const n=t.selector.split(",").map((n=>{const o=[n.trim()];let s;for(;null!==(s=e.exec(n));){const e=s[1].trimEnd(),r=s[2].trim().split(/\s+/),i=s[3]||"",l=r.flatMap((e=>t.selector.includes(`[part~="${e}"]`)?[]:[`[part~="${e}"]`])).join(""),c=`${e} ${l}${i}`;l&&c!==n.trim()&&o.push(c)}return o.join(", ")}));return t.selector=n.join(", "),t}))})(t)},Te=t=>x.map((e=>e(t))).find((t=>!!t)),Le=t=>{if(!t)return;const e=Object.keys(t);if(0===e.length)return;let n=!1;for(const o of e){if(n)break;for(const e of t[o])if("string"==typeof e){n=!0;break}}if(!n)return t;const o={};for(const n of e)o[n]=t[n].map((t=>"string"==typeof t?{[t]:0}:t));return o},Re=class t{static fromLocalValue(e){const n=e[r],o=i in e?e[i]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((e=>t.fromLocalValue(e)));case"date":return new Date(o);case"map":const e=new Map;for(const[n,s]of o){const o="object"==typeof n&&null!==n?t.fromLocalValue(n):n,r=t.fromLocalValue(s);e.set(o,r)}return e;case"object":const s={};for(const[e,n]of o)s[e]=t.fromLocalValue(n);return s;case"regexp":const{pattern:r,flags:i}=o;return RegExp(r,i);case"set":const l=new Set;for(const e of o)l.add(t.fromLocalValue(e));return l;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(r))return!1;const e=t[r];return!!Object.values({...o,...s}).includes(e)&&("null"===e||"undefined"===e||t.hasOwnProperty(i))}};var Me,Ae,De,Ie=(t,n,o)=>(e.hydrateClientSide||e.hydrateServerSide)&&"string"==typeof t&&t.startsWith(l)?t=function(t){return"string"==typeof t&&t.startsWith(l)?Re.fromLocalValue(JSON.parse(function(t){const e=atob(t),n=new Uint8Array(e.length);for(let t=0;t<e.length;t++)n[t]=e.charCodeAt(t);return(new TextDecoder).decode(n)}(t.slice(11)))):t}(t):null==t||Ut(t)?t:e.propBoolean&&4&n?(e.formAssociated&&o&&"string"==typeof t||"false"!==t)&&(""===t||!!t):e.propNumber&&2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:e.propString&&1&n?t+"":t,He=t=>{var n;return e.lazyLoad?null==(n=d(t))?void 0:n.$hostElement$:t},Fe=(t,n,o)=>{const s=He(t);return{emit:t=>(e.isDev&&!s.isConnected&&b(`The "${n}" event was emitted, but the dispatcher node is no longer connected to the dom.`),Pe(s,n,{bubbles:!!(4&o),composed:!!(2&o),cancelable:!!(1&o),detail:t}))}},Pe=(t,e,n)=>{const o=A.ce(e,n);return t.dispatchEvent(o),o},Ue=(t,n,o,s,r,i,l)=>{if(o===s)return;let c=m(t,n),a=n.toLowerCase();if(e.vdomClass&&"class"===n){const n=t.classList,r=ze(o);let i=ze(s);if(e.hydrateClientSide&&(t["s-si"]||t["s-sc"])&&l){const e=t["s-sc"]||t["s-si"];i.push(e),r.forEach((t=>{t.startsWith(e)&&i.push(t)})),i=[...new Set(i)].filter((t=>t)),n.add(...i)}else n.remove(...r.filter((t=>t&&!i.includes(t)))),n.add(...i.filter((t=>t&&!r.includes(t))))}else if(e.vdomStyle&&"style"===n){if(e.updatable)for(const n in o)s&&null!=s[n]||(!e.hydrateServerSide&&n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in s)o&&s[n]===o[n]||(!e.hydrateServerSide&&n.includes("-")?t.style.setProperty(n,s[n]):t.style[n]=s[n])}else if(e.vdomKey&&"key"===n);else if(e.vdomRef&&"ref"===n)s&&dn(s,t);else if(!e.vdomListener||(e.lazyLoad?c:t.__lookupSetter__(n))||"o"!==n[0]||"n"!==n[1]){if(e.vdomPropOrAttr&&"a"===n[0]&&n.startsWith("attr:")){const o=n.slice(5);let r;if(e.member){const e=d(t);if(e&&e.o&&e.o.t){const t=e.o.t[o];t&&t[1]&&(r=t[1])}}return r||(r=o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==s||!1===s?!1===s&&""!==t.getAttribute(r)||t.removeAttribute(r):t.setAttribute(r,!0===s?"":s))}if(e.vdomPropOrAttr&&"p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=s}catch(t){}return}if(e.vdomPropOrAttr){const l=Ut(s);if((c||l&&null!==s)&&!r)try{if(t.tagName.includes("-"))t[n]!==s&&(t[n]=s);else{const e=null==s?"":s;"list"===n?c=!1:null!=o&&t[n]===e||("function"==typeof t.__lookupSetter__(n)?t[n]=e:t.setAttribute(n,e))}}catch(t){}let u=!1;e.vdomXlink&&a!==(a=a.replace(/^xlink\:?/,""))&&(n=a,u=!0),null==s||!1===s?!1===s&&""!==t.getAttribute(n)||(e.vdomXlink&&u?t.removeAttributeNS(T,n):t.removeAttribute(n)):(!c||4&i||r)&&!l&&1===t.nodeType&&(s=!0===s?"":s,e.vdomXlink&&u?t.setAttributeNS(T,n,s):t.setAttribute(n,s))}}else if(n="-"===n[2]?n.slice(3):m(R,a)?a.slice(2):a[2]+n.slice(3),o||s){const e=n.endsWith(Ve);n=n.replace(We,""),o&&A.rel(t,n,o,e),s&&A.ael(t,n,s,e)}},Be=/\s/,ze=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(Be):[]),Ve="Capture",We=RegExp(Ve+"$"),Ye=(t,n,o,s)=>{const r=11===n.F.nodeType&&n.F.host?n.F.host:n.F,i=t&&t.R||{},l=n.R||{};if(e.updatable)for(const t of Je(Object.keys(i)))t in l||Ue(r,t,i[t],void 0,o,n.u,s);for(const t of Je(Object.keys(l)))Ue(r,t,i[t],l[t],o,n.u,s)};function Je(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Xe=!1,qe=!1,Ke=!1,Qe=!1,Ge=[],Ze=[],tn=(t,n,o)=>{var s;const r=n.M[o];let i,l,c,a=0;if(e.slotRelocation&&!Xe&&(Ke=!0,"slot"===r.I&&(r.u|=r.M?2:1)),e.isDev&&r.F&&$(`The JSX ${null!==r.L?`"${r.L}" text`:`"${r.I}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`),e.vdomText&&null!=r.L)i=r.F=R.document.createTextNode(r.L);else if(e.slotRelocation&&1&r.u)i=r.F=e.isDebug||e.hydrateServerSide?vn(r):R.document.createTextNode(""),e.vdomAttribute&&Ye(null,r,Qe);else{if(e.svg&&!Qe&&(Qe="svg"===r.I),!R.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=r.F=e.svg?R.document.createElementNS(Qe?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Xe&&e.slotRelocation&&2&r.u?"slot-fb":r.I):R.document.createElement(!Xe&&e.slotRelocation&&2&r.u?"slot-fb":r.I),e.svg&&Qe&&"foreignObject"===r.I&&(Qe=!1),e.vdomAttribute&&Ye(null,r,Qe),(e.scoped||e.hydrateServerSide)&&null!=Me&&void 0!==Me&&i["s-si"]!==Me&&i.classList.add(i["s-si"]=Me),r.M){const e="template"===r.I?i.content:i;for(a=0;a<r.M.length;++a)l=tn(t,r,a),l&&e.appendChild(l)}e.svg&&("svg"===r.I?Qe=!1:"foreignObject"===i.tagName&&(Qe=!0))}return i["s-hn"]=De,e.slotRelocation&&3&r.u&&(i["s-sr"]=!0,i["s-cr"]=Ae,i["s-sn"]=r.D||"",i["s-rf"]=null==(s=r.R)?void 0:s.ref,it(i),c=t&&t.M&&t.M[o],c&&c.I===r.I&&t.F&&en(t.F),(e.scoped||e.hydrateServerSide)&&pn(Ae,i,n.F,null==t?void 0:t.F)),i},en=t=>{A.u|=1;const e=t.closest(De.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(hn(e,t,null!=n?n:null),t["s-sh"]=void 0,Ke=!0)}A.u&=-2},nn=(t,e)=>{A.u|=1;const n=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let e=t;for(;e=e.nextSibling;)e&&e["s-sn"]===t["s-sn"]&&e["s-sh"]===De&&n.push(e)}for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==De&&o["s-ol"]&&(hn(ln(o).parentNode,o,ln(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Ke=!0),e&&nn(o,e)}A.u&=-2},on=(t,n,o,s,r,i)=>{let l,c=e.slotRelocation&&t["s-cr"]&&t["s-cr"].parentNode||t;for(e.shadowDom&&c.shadowRoot&&c.tagName===De&&(c=c.shadowRoot),"template"===o.I&&(c=c.content);r<=i;++r)s[r]&&(l=tn(null,o,r),l&&(s[r].F=l,hn(c,l,e.slotRelocation?ln(n):n)))},sn=(t,n,o)=>{for(let s=n;s<=o;++s){const n=t[s];if(n){const t=n.F;fn(n),t&&(e.slotRelocation&&(qe=!0,t["s-ol"]?t["s-ol"].remove():nn(t,!0)),t.remove())}}},rn=(t,n,o=!1)=>t.I===n.I&&(e.slotRelocation&&"slot"===t.I?t.D===n.D:e.vdomKey&&!o?t.A===n.A:(o&&!t.A&&n.A&&(t.A=n.A),!0)),ln=t=>t&&t["s-ol"]||t,cn=(t,n,o=!1)=>{const s=n.F=t.F,r=t.M,i=n.M,l=n.I,c=n.L;let a;e.vdomText&&null!=c?e.vdomText&&e.slotRelocation&&(a=s["s-cr"])?a.parentNode.textContent=c:e.vdomText&&t.L!==c&&(s.data=c):(e.svg&&(Qe="svg"===l||"foreignObject"!==l&&Qe),(e.vdomAttribute||e.reflect)&&(e.slot&&"slot"===l&&!Xe&&t.D!==n.D&&(n.F["s-sn"]=n.D||"",en(n.F.parentElement)),Ye(t,n,Qe,o)),e.updatable&&null!==r&&null!==i?((t,n,o,s,r=!1)=>{let i,l,c=0,a=0,u=0,f=0,d=n.length-1,h=n[0],p=n[d],m=s.length-1,v=s[0],g=s[m];const $="template"===o.I?t.content:t;for(;c<=d&&a<=m;)if(null==h)h=n[++c];else if(null==p)p=n[--d];else if(null==v)v=s[++a];else if(null==g)g=s[--m];else if(rn(h,v,r))cn(h,v,r),h=n[++c],v=s[++a];else if(rn(p,g,r))cn(p,g,r),p=n[--d],g=s[--m];else if(rn(h,g,r))!e.slotRelocation||"slot"!==h.I&&"slot"!==g.I||nn(h.F.parentNode,!1),cn(h,g,r),hn($,h.F,p.F.nextSibling),h=n[++c],g=s[--m];else if(rn(p,v,r))!e.slotRelocation||"slot"!==h.I&&"slot"!==g.I||nn(p.F.parentNode,!1),cn(p,v,r),hn($,p.F,h.F),p=n[--d],v=s[++a];else{if(u=-1,e.vdomKey)for(f=c;f<=d;++f)if(n[f]&&null!==n[f].A&&n[f].A===v.A){u=f;break}e.vdomKey&&u>=0?(l=n[u],l.I!==v.I?i=tn(n&&n[a],o,u):(cn(l,v,r),n[u]=void 0,i=l.F),v=s[++a]):(i=tn(n&&n[a],o,a),v=s[++a]),i&&(e.slotRelocation?hn(ln(h.F).parentNode,i,ln(h.F)):hn(h.F.parentNode,i,h.F))}c>d?on(t,null==s[m+1]?null:s[m+1].F,o,s,a,m):e.updatable&&a>m&&sn(n,c,d)})(s,r,n,i,o):null!==i?(e.updatable&&e.vdomText&&null!==t.L&&(s.textContent=""),on(s,null,n,i,0,i.length-1)):!o&&e.updatable&&null!==r?sn(r,0,r.length-1):e.hydrateClientSide&&o&&e.updatable&&null!==r&&null===i&&(n.M=r),e.svg&&Qe&&"svg"===l&&(Qe=!1))},an=[],un=t=>{let e,n,o;const s=t.__childNodes||t.childNodes;for(const t of s){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const s=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!(e["s-cn"]||e["s-nr"]||e["s-hn"]===t["s-hn"]||e["s-sh"]&&e["s-sh"]===t["s-hn"]))if(ot(e,s)){let n=an.find((t=>t.W===e));qe=!0,e["s-sn"]=e["s-sn"]||s,n?(n.W["s-sh"]=t["s-hn"],n.Y=t):(e["s-sh"]=t["s-hn"],an.push({Y:t,W:e})),e["s-sr"]&&an.map((t=>{ot(t.W,e["s-sn"])&&(n=an.find((t=>t.W===e)),n&&!t.Y&&(t.Y=n.Y))}))}else an.some((t=>t.W===e))||an.push({W:e})}1===t.nodeType&&un(t)}},fn=t=>{e.vdomRef&&(t.R&&t.R.ref&&Ge.push((()=>t.R.ref(null))),t.M&&t.M.map(fn))},dn=(t,n)=>{e.vdomRef&&Ze.push((()=>t(n)))},hn=(t,n,o,s)=>{if(e.slotRelocation)if(e.scoped&&"string"==typeof n["s-sn"]&&n["s-sr"]&&n["s-cr"])pn(n["s-cr"],n,t,n.parentElement);else if("string"==typeof n["s-sn"]){e.experimentalSlotFixes&&11!==t.getRootNode().nodeType&&Ct(n),t.insertBefore(n,o);const{slotNode:r}=ct(n);return r&&!s&&lt(r),n}return t.__insertBefore?t.__insertBefore(n,o):null==t?void 0:t.insertBefore(n,o)};function pn(t,e,n,o){var s,r;let i;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(i=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],l=e["s-hn"];if(null==(s=n.classList)||s.add(i+"-s"),o&&(null==(r=o.classList)?void 0:r.contains(i+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===l&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(i+"-s")}}}var mn=(t,n,o=!1)=>{var s,r,i,l,c;const a=t.$hostElement$,u=t.o,f=t.J||zt(null,null),d=Wt(n)?n:Bt(null,null,n);if(De=a.tagName,e.isDev&&Array.isArray(n)&&n.some(Wt))throw Error(`The <Host> must be the single root component.\nLooks like the render() function of "${De.toLowerCase()}" is returning an array that contains the <Host>.\n\nThe render() function should look like this instead:\n\nrender() {\n  // Do not return an array\n  return (\n    <Host>{content}</Host>\n  );\n}\n  `);if(e.reflect&&u.X&&(d.R=d.R||{},u.X.forEach((([n,o])=>{d.R[o]=e.serializer&&t.p.has(n)?t.p.get(n):a[n]}))),o&&d.R)for(const t of Object.keys(d.R))a.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(d.R[t]=a[t]);if(d.I=null,d.u|=4,t.J=d,d.F=f.F=e.shadowDom&&a.shadowRoot||a,(e.scoped||e.shadowDom)&&(Me=a["s-sc"]),Xe=D&&!!(1&u.u)&&!(128&u.u),e.slotRelocation&&(Ae=a["s-cr"],qe=!1),cn(f,d,o),e.slotRelocation){if(A.u|=1,Ke){un(d.F);for(const t of an){const n=t.W;if(!n["s-ol"]&&R.document){const t=e.isDebug||e.hydrateServerSide?gn(n):R.document.createTextNode("");t["s-nr"]=n,hn(n.parentNode,n["s-ol"]=t,n,o)}}for(const t of an){const n=t.W,c=t.Y;if(1===n.nodeType&&o&&(n["s-ih"]=null!=(s=n.hidden)&&s),c){const t=c.parentNode;let s=c.nextSibling;if(!e.hydrateServerSide&&s&&1===s.nodeType){let e=null==(r=n["s-ol"])?void 0:r.previousSibling;for(;e;){let o=null!=(i=e["s-nr"])?i:null;if(o&&o["s-sn"]===n["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===n||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){s=o;break}}e=e.previousSibling}}if((!s&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==s)&&n!==s){if(hn(t,n,s,o),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=R.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,hn(n.parentNode,t,n,o),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(l=n["s-ih"])&&l)}n&&"function"==typeof c["s-rf"]&&c["s-rf"](c)}else 1===n.nodeType&&(n.hidden=!0)}}qe&&Z(d.F),A.u&=-2,an.length=0}if(e.slotRelocation&&!Xe&&!(1&u.u)&&a["s-cr"]){const t=d.F.__childNodes||d.F.childNodes;for(const e of t)if(e["s-hn"]!==De&&!e["s-sh"])if(o&&null==e["s-ih"]&&(e["s-ih"]=null!=(c=e.hidden)&&c),1===e.nodeType)e.hidden=!0;else if(3===e.nodeType&&e.nodeValue.trim()){const t=R.document.createComment("s-nt-"+e.nodeValue);t["s-sn"]=e["s-sn"],hn(e.parentNode,t,e,o),e.parentNode.removeChild(e)}}Ae=void 0,e.vdomRef&&(Ge.forEach((t=>t())),Ge.length=0,Ze.forEach((t=>t())),Ze.length=0)},vn=t=>{var e;return null==(e=R.document)?void 0:e.createComment(`<slot${t.D?' name="'+t.D+'"':""}> (host=${De.toLowerCase()})`)},gn=t=>{var e;return null==(e=R.document)?void 0:e.createComment("org-location for "+(t.localName?`<${t.localName}> (host=${t["s-hn"]})`:`[${t.textContent}]`))},$n=(t,n)=>{if(e.asyncLoading&&n&&!t.q&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.q=()=>{n["s-p"].splice(e-1,1),o()})))}},bn=(t,n)=>{if(e.taskQueue&&e.updatable&&(t.u|=16),e.asyncLoading&&4&t.u)return void(t.u|=512);$n(t,t.K);const o=()=>yn(t,n);if(!n)return e.taskQueue?Q(o):o();queueMicrotask((()=>{o()}))},yn=(t,n)=>{const o=t.$hostElement$,s=Lt("scheduleUpdate",t.o.C),r=e.lazyLoad?t.l:o;if(!r)throw Error(`Can't render component <${o.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let i;return n?(e.lazyLoad&&(e.slotRelocation&&t.G&&(t.G=!1,kn(r,"connectedCallback",void 0,o)),e.hostListener&&(t.u|=256,t.Z&&(t.Z.map((([t,e])=>kn(r,t,e,o))),t.Z=void 0)),t.O.length&&t.O.forEach((t=>t(o)))),Nn(o,"componentWillLoad"),i=kn(r,"componentWillLoad",void 0,o)):(Nn(o,"componentWillUpdate"),i=kn(r,"componentWillUpdate",void 0,o)),Nn(o,"componentWillRender"),i=wn(i,(()=>kn(r,"componentWillRender",void 0,o))),s(),wn(i,(()=>jn(t,r,n)))},wn=(t,e)=>Sn(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),Sn=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,jn=async(t,n,o)=>{var s;const r=t.$hostElement$,i=Lt("update",t.o.C),l=r["s-rc"];e.style&&o&&It(t);const c=Lt("render",t.o.C);if(e.isDev&&(t.u|=1024),e.hydrateServerSide?await On(t,n,r,o):On(t,n,r,o),e.isDev&&(t.m=void 0===t.m?1:t.m+1,t.u&=-1025),e.hydrateServerSide)try{Ln(r),o&&(1&t.o.u?r["s-en"]="":2&t.o.u&&(r["s-en"]="c"))}catch(t){v(t,r)}if(e.asyncLoading&&l&&(l.map((t=>t())),r["s-rc"]=void 0),c(),i(),e.asyncLoading){const e=null!=(s=r["s-p"])?s:[],n=()=>Cn(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.u|=4,e.length=0)}else Cn(t)},xn=null,On=(t,n,o,s)=>{const r=!!e.allRenderFn,i=!!e.lazyLoad,l=!!e.taskQueue,c=!!e.updatable;try{if(xn=n,n=(r||n.render)&&n.render(),c&&l&&(t.u&=-17),(c||i)&&(t.u|=2),e.hasRenderFn||e.reflect)if(e.vdomRender||e.reflect){if(e.hydrateServerSide)return Promise.resolve(n).then((e=>mn(t,e,s)));mn(t,n,s)}else 1&t.o.u?o.shadowRoot.textContent=n:o.textContent=n}catch(e){v(e,t.$hostElement$)}return xn=null,null},Cn=t=>{const n=t.o.C,o=t.$hostElement$,s=Lt("postUpdate",n),r=e.lazyLoad?t.l:o,i=t.K;e.isDev&&(t.u|=1024),kn(r,"componentDidRender",void 0,o),e.isDev&&(t.u&=-1025),Nn(o,"componentDidRender"),64&t.u?(e.isDev&&(t.u|=1024),kn(r,"componentDidUpdate",void 0,o),e.isDev&&(t.u&=-1025),Nn(o,"componentDidUpdate"),s()):(t.u|=64,e.asyncLoading&&e.cssAnnotations&&Tn(o),e.isDev&&(t.u|=2048),kn(r,"componentDidLoad",void 0,o),e.isDev&&(t.u&=-2049),Nn(o,"componentDidLoad"),s(),e.asyncLoading&&(t.j(o),i||En(n))),e.method&&e.lazyLoad&&t.$(o),e.asyncLoading&&(t.q&&(t.q(),t.q=void 0),512&t.u&&q((()=>bn(t,!1))),t.u&=-517)},_n=t=>{var o;if(e.updatable&&(n.isBrowser||n.isTesting)){const e=d(t),n=null==(o=null==e?void 0:e.$hostElement$)?void 0:o.isConnected;return n&&2==(18&e.u)&&bn(e,!1),n}return!1},En=n=>{var o;e.asyncQueue&&(A.u|=2),q((()=>Pe(R,"appload",{detail:{namespace:t}}))),e.hydrateClientSide&&(null==(o=A.tt)?void 0:o.size)&&A.tt.clear(),e.profile&&performance.measure&&performance.measure(`[Stencil] ${t} initial load (by ${n})`,"st:app:start")},kn=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){v(t,o)}},Nn=(n,o)=>{e.lifecycleDOMEvents&&Pe(n,"stencil_"+o,{bubbles:!0,composed:!0,detail:{namespace:t}})},Tn=t=>{var n,o;return e.hydratedClass?t.classList.add(null!=(n=e.hydratedSelectorName)?n:"hydrated"):e.hydratedAttribute?t.setAttribute(null!=(o=e.hydratedSelectorName)?o:"hydrated",""):void 0},Ln=t=>{const e=t.children;if(null!=e)for(let t=0,n=e.length;t<n;t++){const n=e[t];"function"==typeof n.connectedCallback&&n.connectedCallback(),Ln(n)}},Rn=(t,e)=>d(t).i.get(e),Mn=(t,n,o,s)=>{const r=d(t);if(!r)return;if(e.lazyLoad&&!r)throw Error(`Couldn't find host element for "${s.C}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);if(e.serializer&&r.p.has(n)&&r.p.get(n)===o)return;const i=e.lazyLoad?r.$hostElement$:t,l=r.i.get(n),c=r.u,a=e.lazyLoad?r.l:i;if(o=Ie(o,s.t[n][0],e.formAssociated&&!!(64&s.u)),!(e.lazyLoad&&8&c&&void 0!==l||o===l||Number.isNaN(l)&&Number.isNaN(o))){if(r.i.set(n,o),e.serializer&&e.reflect&&s.X&&s.et&&s.et[n]){const t=t=>{let e=o;for(const o of s.et[n]){const[[s]]=Object.entries(o);e=t[s](e,n)}r.p.set(n,e)};a?t(a):r.O.push((()=>{t(r.l)}))}if(e.isDev&&(1024&r.u?b(`The state/prop "${n}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,"\nElement",i,"\nNew value",o,"\nOld value",l):2048&r.u&&b(`The state/prop "${n}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,"\nElement",i,"\nNew value",o,"\nOld value",l)),e.propChangeCallback&&s.nt){const t=s.nt[n];t&&t.map((t=>{try{const[[e,s]]=Object.entries(t);(128&c||1&s)&&(a?a[e](o,l,n):r.O.push((()=>{r.l[e](o,l,n)})))}catch(t){v(t,i)}}))}if(e.updatable&&2&c){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(o,l,n)&&!(16&c))return;16&c||bn(r,!1)}}},An=(t,n,o)=>{var s,r;const i=t.prototype;if(e.isTesting){if(i.__stencilAugmented)return;i.__stencilAugmented=!0}if(e.formAssociated&&64&n.u&&1&o&&L.forEach((t=>{const n=i[t];Object.defineProperty(i,t,{value(...o){var s;const r=d(this),i=e.lazyLoad?null==r?void 0:r.l:this;if(i){const s=e.lazyLoad?i[t]:n;"function"==typeof s&&s.call(i,...o)}else null==(s=null==r?void 0:r.S)||s.then((e=>{const n=e[t];"function"==typeof n&&n.call(e,...o)}))}})})),e.member&&n.t||e.propChangeCallback){e.propChangeCallback&&(t.watchers&&!n.nt&&(n.nt=Le(t.watchers)),t.deserializers&&!n.ot&&(n.ot=t.deserializers),t.serializers&&!n.et&&(n.et=t.serializers));const l=Object.entries(null!=(s=n.t)?s:{});if(l.map((([t,[s]])=>{if((e.prop||e.state)&&(31&s||(!e.lazyLoad||2&o)&&32&s)){const{get:r,set:l}=c(i,t)||{};r&&(n.t[t][0]|=2048),l&&(n.t[t][0]|=4096),(1&o||!r)&&Object.defineProperty(i,t,{get(){if(e.lazyLoad){if(!(2048&n.t[t][0]))return Rn(this,t);const e=d(this),o=e?e.l:i;if(!o)return;return o[t]}if(!e.lazyLoad)return r?r.apply(this):Rn(this,t)},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(r){const i=d(this);if(i){if(e.isDev&&(1&o||4096&n.t[t][0]||0!==(i&&8&i.u)||!(31&s)||1024&s||b(`@Prop() "${t}" on <${n.C}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`)),l)return void 0===(32&s?this[t]:i.$hostElement$[t])&&i.i.get(t)&&(r=i.i.get(t)),l.call(this,Ie(r,s,e.formAssociated&&!!(64&n.u))),void Mn(this,t,r=32&s?this[t]:i.$hostElement$[t],n);if(e.lazyLoad){if(e.lazyLoad){if(!(1&o&&4096&n.t[t][0]))return Mn(this,t,r,n),void(1&o&&!i.l&&i.O.push((()=>{4096&n.t[t][0]&&i.l[t]!==i.i.get(t)&&(i.l[t]=r)})));const l=()=>{const o=i.l[t];!i.i.get(t)&&o&&i.i.set(t,o),i.l[t]=Ie(r,s,e.formAssociated&&!!(64&n.u)),Mn(this,t,i.l[t],n)};i.l?l():i.O.push((()=>{l()}))}}else Mn(this,t,r,n)}}})}else e.lazyLoad&&e.method&&1&o&&64&s&&Object.defineProperty(i,t,{value(...e){var n;const o=d(this);return null==(n=null==o?void 0:o.v)?void 0:n.then((()=>{var n;return null==(n=o.l)?void 0:n[t](...e)}))}})})),e.observeAttribute&&(!e.lazyLoad||1&o)){const o=new Map;i.attributeChangedCallback=function(t,s,r){A.jmp((()=>{var c;const a=o.get(t),u=d(this);if(e.serializer&&u.p.has(a)&&u.p.get(a)===r)return;if(this.hasOwnProperty(a)&&e.lazyLoad&&(r=this[a],delete this[a]),e.deserializer&&n.ot&&n.ot[a]){const t=(t,e)=>{const n=null==e?void 0:e[t](r,a);n!==this[a]&&(this[a]=n)};for(const o of n.ot[a]){const[[n]]=Object.entries(o);e.lazyLoad?u.l?t(n,u.l):u.O.push((()=>{t(n,u.l)})):t(n,this)}return}if(i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==r)return;if(null==a){const o=null==u?void 0:u.u;if(u&&o&&!(8&o)&&r!==s){const i=e.lazyLoad?u.l:e.lazyLoad?u.$hostElement$:this,l=null==(c=n.nt)?void 0:c[t];null==l||l.forEach((e=>{const[[n,l]]=Object.entries(e);null!=i[n]&&(128&o||1&l)&&i[n].call(i,r,s,t)}))}return}const f=l.find((([t])=>t===a)),h=f&&4&f[1][0],p=h&&null===r&&void 0===this[a];h&&(r=null!==r&&"false"!==r);const m=Object.getOwnPropertyDescriptor(i,a);p||r==this[a]||m.get&&!m.set||(this[a]=r)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=n.nt)?r:{}),...l.filter((([t,e])=>31&e[0])).map((([t,s])=>{var r;const i=s[1]||t;return o.set(i,t),e.reflect&&512&s[0]&&(null==(r=n.X)||r.push([t,i])),i}))]))}}return t},Dn=async(t,n,o,s)=>{let r;try{if(!(32&n.u)){if(n.u|=32,e.lazyLoad&&o._){const i=S(o,n,s);if(i&&"then"in i){const t=((t,n)=>e.profile&&performance.mark?(0===performance.getEntriesByName(t,"mark").length&&performance.mark(t),()=>{0===performance.getEntriesByName(n,"measure").length&&performance.measure(n,t)}):()=>{})(`st:load:${o.C}:${n.k}`,`[Stencil] Load module for <${o.C}>`);r=await i,t()}else r=i;if(!r)throw Error(`Constructor for "${o.C}#${n.k}" was not found`);e.member&&!r.isProxied&&(e.propChangeCallback&&(o.nt=Le(r.watchers),o.et=r.serializers,o.ot=r.deserializers),An(r,o,2),r.isProxied=!0);const l=Lt("createInstance",o.C);e.member&&(n.u|=8);try{new r(n)}catch(e){v(e,t)}e.member&&(n.u&=-9),e.propChangeCallback&&(n.u|=128),l(),e.slotRelocation&&4&o.u?n.G=!0:In(n.l,t)}else r=t.constructor,customElements.whenDefined(t.localName).then((()=>n.u|=128));if(e.style&&r&&r.style){let i;"string"==typeof r.style?i=r.style:e.mode&&"string"!=typeof r.style&&(n.k=Te(t),n.k&&(i=r.style[n.k]),e.hydrateServerSide&&n.k&&t.setAttribute("s-mode",n.k));const l=Ht(o,n.k);if(!j.has(l)||e.hotModuleReplacement&&s){const t=Lt("registerStyles",o.C);e.hydrateServerSide&&e.shadowDom&&128&o.u&&(i=Ne(i,l)),At(l,i,!!(1&o.u)),t()}}}const i=n.K,l=()=>bn(n,!0);e.asyncLoading&&i&&i["s-rc"]?i["s-rc"].push(l):l()}catch(o){v(o,t),e.asyncLoading&&n.q&&(n.q(),n.q=void 0),e.asyncLoading&&n.j&&n.j(t)}},In=(t,n)=>{e.lazyLoad&&kn(t,"connectedCallback",void 0,n)},Hn=t=>{if(!(1&A.u)){const n=d(t);if(!n)return;const o=n.o,s=Lt("connectedCallback",o.C);if(e.hostListenerTargetParent&&Wn(t,n,o.st,!0),1&n.u)Wn(t,n,o.st,!1),(null==n?void 0:n.l)?In(n.l,t):(null==n?void 0:n.S)&&n.S.then((()=>In(n.l,t)));else{let s;if(n.u|=1,e.hydrateClientSide&&(s=t.getAttribute(O),s)){if(e.shadowDom&&D&&1&o.u){const n=e.mode?Dt(t.shadowRoot,o,t.getAttribute("s-mode")):Dt(t.shadowRoot,o);t.classList.remove(n+"-h",n+"-s")}else if(e.scoped&&2&o.u){const n=Ht(o,e.mode?t.getAttribute("s-mode"):void 0);t["s-sc"]=n}((t,n,o,s)=>{var r,i,l,c;const a=Lt("hydrateClient",n),u=t.shadowRoot,f=[],h=[],p=[],m=e.shadowDom&&u?[]:null,v=zt(n,null);let g;if(v.F=t,e.scoped){const e=s.o;e&&10&e.u&&t["s-sc"]?(g=t["s-sc"],t.classList.add(g+"-h")):t["s-sc"]&&delete t["s-sc"]}!R.document||A.tt&&A.tt.size||Qt(R.document.body,A.tt=new Map),t[O]=o,t.removeAttribute(O),s.J=Kt(v,f,h,m,t,t,o,p);let $=0;const b=f.length;let y;for(;$<b;$++){y=f[$];const o=y.P+"."+y.U,s=A.tt.get(o),i=y.F;if(u){if((null==(r=y.I)?void 0:(""+r).includes("-"))&&"slot-fb"!==y.I&&!y.F.shadowRoot){const t=d(y.F);if(t){const n=Ht(t.o,e.mode?y.F.getAttribute("s-mode"):void 0),o=R.document.querySelector(`style[sty-id="${n}"]`);o&&m.unshift(o.cloneNode(!0))}}}else i["s-hn"]=Zn(n).toUpperCase(),"slot"===y.I&&(i["s-cr"]=t["s-cr"]);"slot"===y.I&&(y.D=y.F["s-sn"]||y.F.name||null,y.M?(y.u|=2,y.F.childNodes.length||y.M.forEach((t=>{y.F.appendChild(t.F)}))):y.u|=1),s&&s.isConnected&&(s.parentElement.shadowRoot&&""===s["s-en"]&&s.parentNode.insertBefore(i,s.nextSibling),s.parentNode.removeChild(s),u||(i["s-oo"]=parseInt(y.U))),s&&!s["s-id"]&&A.tt.delete(o)}const w=[],S=p.length;let j,x,C,_,E=0,k=0;for(;E<S;E++)if(j=p[E],j&&j.length)for(C=j.length,x=0;x<C;x++){if(_=j[x],w[_.hostId]||(w[_.hostId]=A.tt.get(_.hostId)),!w[_.hostId])continue;const t=w[_.hostId];t.shadowRoot&&_.node.parentElement!==t&&t.insertBefore(_.node,null==(l=null==(i=j[x-1])?void 0:i.node)?void 0:l.nextSibling),t.shadowRoot&&u||(_.slot["s-cr"]||(_.slot["s-cr"]=t["s-cr"],_.slot["s-cr"]=!_.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),st(_.node,_.slot,!1,_.node["s-oo"]||k),(null==(c=_.node.parentElement)?void 0:c.shadowRoot)&&_.node.getAttribute&&_.node.getAttribute("slot")&&_.node.removeAttribute("slot"),e.experimentalSlotFixes&&wt(_.node)),k=(_.node["s-oo"]||k)+1}if(e.scoped&&g&&h.length&&h.forEach((t=>{t.F.parentElement.classList.add(g+"-s")})),e.shadowDom&&u&&!u.childNodes.length){let e=0;const n=m.length;if(n){for(;e<n;e++){const t=m[e];t&&u.appendChild(t)}Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):8!==t.nodeType||t.nodeValue||t.parentNode.removeChild(t))}))}}s.$hostElement$=t,a()})(t,o.C,s,n)}if(e.slotRelocation&&!s&&(e.hydrateServerSide||(e.slot||e.shadowDom)&&12&o.u)&&Fn(t),e.asyncLoading){let o=t;for(;o=o.parentNode||o.host;)if(e.hydrateClientSide&&1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){$n(n,n.K=o);break}}e.prop&&!e.hydrateServerSide&&o.t&&Object.entries(o.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),e.initializeNextTick?q((()=>Dn(t,n,o))):Dn(t,n,o)}s()}},Fn=t=>{if(!R.document)return;const n=t["s-cr"]=R.document.createComment(e.isDebug?`content-ref (host=${t.localName})`:"");n["s-cn"]=!0,hn(t,n,t.firstChild)},Pn=(t,n)=>{e.lazyLoad&&kn(t,"disconnectedCallback",void 0,n||t)},Un=async t=>{if(!(1&A.u)){const n=d(t);e.hostListener&&(null==n?void 0:n.rt)&&(n.rt.map((t=>t())),n.rt=void 0),e.lazyLoad?(null==n?void 0:n.l)?Pn(n.l,t):(null==n?void 0:n.S)&&n.S.then((()=>Pn(n.l,t))):Pn(t)}Mt.has(t)&&Mt.delete(t),t.shadowRoot&&Mt.has(t.shadowRoot)&&Mt.delete(t.shadowRoot)},Bn=(t,n)=>{const o={u:n[0],C:n[1]};try{e.member&&(o.t=n[2]),e.hostListener&&(o.st=n[3]),e.propChangeCallback&&(o.nt=Le(t.nt),o.ot=t.ot,o.et=t.et),e.reflect&&(o.X=[]),e.shadowDom&&!D&&1&o.u&&(o.u|=8),!(1&o.u)&&256&o.u?e.experimentalSlotFixes?at(t.prototype):(e.slotChildNodesFix&&yt(t.prototype),e.cloneNodeFix&&ut(t.prototype),e.appendChildSlotFix&&ft(t.prototype),e.scopedSlotTextContentFix&&2&o.u&&bt(t.prototype)):e.cloneNodeFix&&ut(t.prototype),e.hydrateClientSide&&e.shadowDom&&Pt();const s=t.prototype.connectedCallback,r=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){p(this,o)},connectedCallback(){if(!this.__hasHostListenerAttached){const t=d(this);if(!t)return;Wn(this,t,o.st,!1),this.__hasHostListenerAttached=!0}Hn(this),s&&s.call(this)},disconnectedCallback(){Un(this),r&&r.call(this)},__attachShadow(){if(D)if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.C}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else G.call(this,o);else this.shadowRoot=this}}),Object.defineProperty(t,"is",{value:o.C,configurable:!0}),An(t,o,3)}catch(e){return v(e),t}},zn=(t,n={})=>{var o;if(e.profile&&performance.mark&&performance.mark("st:app:start"),(()=>{if(e.devTools){const t=R.stencil=R.stencil||{},e=t.inspect;t.inspect=t=>{let n=(t=>{const e=d(t);if(!e)return;const n=e.u,o=e.$hostElement$;return{renderCount:e.m,flags:{hasRendered:!!(2&n),hasConnected:!!(1&n),isWaitingForChildren:!!(4&n),isConstructingInstance:!!(8&n),isQueuedForUpdate:!!(16&n),hasInitializedComponent:!!(32&n),hasLoadedComponent:!!(64&n),isWatchReady:!!(128&n),isListenReady:!!(256&n),needsRerender:!!(512&n)},instanceValues:e.i,serializerValues:e.p,ancestorComponent:e.K,hostElement:o,lazyInstance:e.l,vnode:e.J,modeName:e.k,fetchedCbList:e.O,onReadyPromise:e.S,onReadyResolve:e.j,onInstancePromise:e.v,onInstanceResolve:e.$,onRenderResolve:e.q,queuedListeners:e.Z,rmListeners:e.rt,"s-id":o["s-id"],"s-cr":o["s-cr"],"s-lr":o["s-lr"],"s-p":o["s-p"],"s-rc":o["s-rc"],"s-sc":o["s-sc"]}})(t);return n||"function"!=typeof e||(n=e(t)),n}}})(),!R.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const s=Lt("bootstrapLazy"),r=[],i=n.exclude||[],l=R.customElements,c=R.document.head,a=c.querySelector("meta[charset]"),u=R.document.createElement("style"),f=[];let h,m=!0;Object.assign(A,n),A.N=new URL(n.resourcesUrl||"./",R.document.baseURI).href,e.asyncQueue&&n.syncQueue&&(A.u|=4),e.hydrateClientSide&&(A.u|=2),e.hydrateClientSide&&e.shadowDom&&Pt();let v=!1;if(t.map((t=>{t[1].map((o=>{var s,c;const a={u:o[0],C:o[1],t:o[2],st:o[3]};4&a.u&&(v=!0),e.member&&(a.t=o[2]),e.hostListener&&(a.st=o[3]),e.reflect&&(a.X=[]),e.propChangeCallback&&(a.nt=Le(o[4]),a.et=null!=(s=o[5])?s:{},a.ot=null!=(c=o[6])?c:{}),e.shadowDom&&!D&&1&a.u&&(a.u|=8);const u=e.transformTagName&&n.transformTagName?n.transformTagName(a.C):Zn(a.C),g=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){if(super(t),p(t=this,a),e.shadowDom&&1&a.u)if(D)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${a.C}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else G.call(t,a);else e.hydrateServerSide||"shadowRoot"in t||(t.shadowRoot=t)}connectedCallback(){const t=d(this);t&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Wn(this,t,a.st,!1)),h&&(clearTimeout(h),h=null),m?f.push(this):A.jmp((()=>Hn(this))))}disconnectedCallback(){A.jmp((()=>Un(this))),A.raf((()=>{var t;const e=d(this);if(!e)return;const n=f.findIndex((t=>t===this));n>-1&&f.splice(n,1),(null==(t=null==e?void 0:e.J)?void 0:t.F)instanceof Node&&!e.J.F.isConnected&&delete e.J.F}))}componentOnReady(){var t;return null==(t=d(this))?void 0:t.S}};!(1&a.u)&&256&a.u?e.experimentalSlotFixes?at(g.prototype):(e.slotChildNodesFix&&yt(g.prototype),e.cloneNodeFix&&ut(g.prototype),e.appendChildSlotFix&&ft(g.prototype),e.scopedSlotTextContentFix&&2&a.u&&bt(g.prototype)):e.cloneNodeFix&&ut(g.prototype),e.formAssociated&&64&a.u&&(g.formAssociated=!0),e.hotModuleReplacement&&(g.prototype["s-hmr"]=function(t){((t,e,n)=>{const o=d(t);o&&(o.u=1,Dn(t,o,e,n))})(this,a,t)}),a._=t[0],i.includes(u)||l.get(u)||(r.push(u),l.define(u,An(g,a,1)))}))})),r.length>0&&(e.slotRelocation&&v&&(u.textContent+=N),e.invisiblePrehydration&&(e.hydratedClass||e.hydratedAttribute)&&(u.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}"),u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(o=A.T)?o:Rt(R.document);null!=t&&u.setAttribute("nonce",t),c.insertBefore(u,a?a.nextSibling:c.firstChild)}m=!1,f.length?f.map((t=>t.connectedCallback())):A.jmp(e.profile?()=>h=setTimeout(En,30,"timeout"):()=>h=setTimeout(En,30)),s()},Vn=(t,e)=>e,Wn=(t,n,o,s)=>{e.hostListener&&o&&R.document&&(e.hostListenerTargetParent&&(o=o.filter(s?([t])=>32&t:([t])=>!(32&t))),o.map((([o,s,r])=>{const i=e.hostListenerTarget?Jn(R.document,t,o):t,l=Yn(n,r),c=Xn(o);A.ael(i,s,l,c),(n.rt=n.rt||[]).push((()=>A.rel(i,s,l,c)))})))},Yn=(t,n)=>o=>{var s;try{e.lazyLoad?256&t.u?null==(s=t.l)||s[n](o):(t.Z=t.Z||[]).push([n,o]):t.$hostElement$[n](o)}catch(e){v(e,t.$hostElement$)}},Jn=(t,n,o)=>e.hostListenerTargetDocument&&4&o?t:e.hostListenerTargetWindow&&8&o?R:e.hostListenerTargetBody&&16&o?t.body:e.hostListenerTargetParent&&32&o&&n.parentElement?n.parentElement:n,Xn=t=>({passive:!!(1&t),capture:!!(2&t)}),qn=e.lazyLoad?class{}:globalThis.HTMLElement||class{},Kn=t=>A.T=t,Qn=new WeakMap,Gn=void 0;function Zn(t){return Gn?Gn(t):t}function to(t,e,n){const o=e||{},{children:s,...r}=o;let i=r;return void 0===n||"key"in r||(i={...r,key:n}),i&&0===Object.keys(i).length&&(i=null),void 0!==s?Array.isArray(s)?Bt(t,i,...s):Bt(t,i,s):Bt(t,i)}var eo=(t,e,n,o)=>{var s;null!=e&&(null!=e["s-nr"]&&o.push(e),1===e.nodeType)&&[...Array.from(e.childNodes),...Array.from((null==(s=e.shadowRoot)?void 0:s.childNodes)||[])].forEach((e=>{const s=d(e);null==s||n.staticComponents.has(e.nodeName.toLowerCase())||no(t,e,s.J,n,{nodeIds:0}),eo(t,e,n,o)}))},no=(t,e,n,o,s)=>{if(null!=n){const r=++o.hostIds;if(e.setAttribute(O,r),null!=e["s-cr"]&&(e["s-cr"].nodeValue="r."+r),null!=n.M){const e=0;n.M.forEach(((n,o)=>{oo(t,n,s,r,e,o)}))}if(e&&n&&n.F&&!e.hasAttribute(_)){const t=e.parentElement;if(t&&t.childNodes){const o=Array.from(t.childNodes),s=o.find((t=>8===t.nodeType&&t["s-sr"]));if(s){const t=o.indexOf(e)-1;n.F.setAttribute(_,`${s["s-host-id"]}.${s["s-node-id"]}.0.${t}`)}}}}},oo=(t,e,n,o,s,r)=>{const i=e.F;if(null==i)return;const l=n.nodeIds++,c=`${o}.${l}.${s}.${r}`;if(i["s-host-id"]=o,i["s-node-id"]=l,1===i.nodeType)i.setAttribute(_,c),"string"!=typeof i["s-sn"]||i.getAttribute("slot")||i.setAttribute("s-sn",i["s-sn"]);else if(3===i.nodeType){const e=i.parentNode,n=null==e?void 0:e.nodeName;if("STYLE"!==n&&"SCRIPT"!==n){const n=t.createComment("t."+c);hn(e,n,i)}}else 8===i.nodeType&&i["s-sr"]&&(i.nodeValue=`s.${c}.${i["s-sn"]||""}`);if(null!=e.M){const r=s+1;e.M.forEach(((e,s)=>{oo(t,e,n,o,r,s)}))}},so=Object.freeze({__proto__:null,BUILD:e,Build:n,Env:{},Fragment:Vn,H:M,HTMLElement:M,HYDRATED_STYLE_ID:C,Host:Vt,Mixin:function(...t){return t.reduceRight(((t,e)=>e(t)),qn)},NAMESPACE:t,STENCIL_DEV_MODE:g,addHostEventListeners:Wn,bootstrapLazy:zn,cmpModules:w,connectedCallback:Hn,consoleDevError:$,consoleDevInfo:y,consoleDevWarn:b,consoleError:v,createEvent:Fe,defineCustomElement:(t,e)=>{customElements.define(Zn(e[1]),Bn(t,e))},disconnectedCallback:Un,forceModeUpdate:t=>{if(e.style&&e.mode&&!e.lazyLoad){const e=Te(t),n=d(t);if(n&&n.k!==e){const o=n.o,s=t["s-sc"],r=Ht(o,e),i=t.constructor.style[e],l=o.u;i&&(j.has(r)||At(r,i,!!(1&l)),n.k=e,t.classList.remove(s+"-h",s+"-s"),It(n),_n(t))}}},forceUpdate:_n,getAssetPath:t=>{const e=new URL(t,A.N);return e.origin!==R.location.origin?e.href:e.pathname},getElement:He,getHostRef:d,getMode:t=>{var e;return null==(e=d(t))?void 0:e.k},getRenderingRef:()=>xn,getValue:Rn,h:Bt,insertVdomAnnotations:(t,e)=>{if(null!=t){const n=E in t?t[E]:{...k};n.staticComponents=new Set(e);const o=[];eo(t,t.body,n,o),o.forEach((e=>{var o;if(null!=e&&e["s-nr"]){const s=e["s-nr"];let r=s["s-host-id"],i=s["s-node-id"],l=`${r}.${i}`;if(null==r)if(r=0,n.rootLevelIds++,i=n.rootLevelIds,l=`${r}.${i}`,1===s.nodeType)s.setAttribute(_,l),"string"!=typeof s["s-sn"]||s.getAttribute("slot")||s.setAttribute("s-sn",s["s-sn"]);else if(3===s.nodeType){if(0===r&&""===(null==(o=s.nodeValue)?void 0:o.trim()))return void e.remove();const n=t.createComment(l);n.nodeValue="t."+l,hn(s.parentNode,n,s)}else if(8===s.nodeType){const e=t.createComment(l);e.nodeValue="c."+l,s.parentNode.insertBefore(e,s)}let c="o."+l;const a=e.parentElement;a&&(""===a["s-en"]?c+=".":"c"===a["s-en"]&&(c+=".c")),e.nodeValue=c}}))}},isMemberInElement:m,jsx:to,jsxDEV:function(t,e,n){const o=e||{},{children:s,...r}=o;let i=r;return void 0===n||"key"in r||(i={...r,key:n}),i&&0===Object.keys(i).length&&(i=null),void 0!==s?Array.isArray(s)?Bt(t,i,...s):Bt(t,i,s):Bt(t,i)},jsxs:function(t,e,n){return to(t,e,n)},loadModule:S,modeResolutionChain:x,needsScopedSSR:()=>!1,nextTick:q,normalizeWatchers:Le,parsePropertyValue:Ie,plt:A,postUpdateComponent:Cn,promiseResolve:I,proxyComponent:An,proxyCustomElement:Bn,readTask:K,registerHost:p,registerInstance:h,render:function(t,e){let n=Qn.get(e);n||(n={u:0,o:{u:0,C:e.tagName},$hostElement$:e},Qn.set(e,n)),mn(n,t)},renderVdom:mn,setAssetPath:t=>A.N=t,setErrorHandler:t=>a=t,setMode:t=>x.push(t),setNonce:Kn,setPlatformHelpers:t=>{Object.assign(A,t)},setPlatformOptions:t=>Object.assign(A,t),setScopedSSR:()=>{},setTagTransformer:function(t){Gn&&console.warn("\n      A tagTransformer has already been set. \n      Overwriting it may lead to error and unexpected results if your components have already been defined.\n    "),Gn=t},setValue:Mn,styles:j,supportsConstructableStylesheets:H,supportsListenerOptions:!0,supportsMutableAdoptedStyleSheets:F,supportsShadow:D,transformTag:Zn,win:R,writeTask:Q});export{e as B,Vn as F,M as H,t as N,so as S,Vt as a,zn as b,y as c,Fe as d,_n as f,He as g,Bt as h,I as p,h as r,Kn as s,R as w}