npm - @baloise/ds-core - Versions diffs - 20.0.0-next.10 → 20.0.0-next.11 - Mend

@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1748) hide show

package/dist/design-system/p-75e0250836.entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as t,J as e,x as a,E as s,F as r,G as o,I as i}from"./p-DxEN1zze.js";import{_ as l,L as b,a as c}from"./p-C4x_tAIC.js";import{d,b as n}from"./p-969JOO-P.js";import{s as h}from"./p-BKh0Vkl1.js";import{O as v}from"./p-B_GE_aHN.js";import{T as f}from"./p-DUF2uMuK.js";import{L as u}from"./p-Cy9j3Fev.js";import"./p-CnwtEwKG.js";const m={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},p=class{constructor(s){t(this,s),this.dsChange=e(this,"dsChange"),this.language=a.language,this.region=a.region,this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var e,a,s,r;if(this.isNavigation())return;const o=this.getTabs(),i=o.findIndex((t=>t.name===this.value)),l=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,b=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(e=o[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(a=o[o.length-1])||void 0===a?void 0:a.name)):l?(t.preventDefault(),this.activateTab(null===(s=o[(i+1)%o.length])||void 0===s?void 0:s.name)):b&&(t.preventDefault(),this.activateTab(null===(r=o[(i-1+o.length)%o.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),s((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,e;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.tablistEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){h(t),this.activateTab(t.detail.name)}getTabs(){return d(this.el,n("DS-TAB"))}getPanels(){return d(this.el,n("DS-TAB-PANEL"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),e=this.getPanels(),a=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=a,!a&&t.name){t.id||(t.id="ds-tab-"+g++);const a=e.find((e=>e.for===t.name));a&&(a.id||(a.id="ds-tab-panel-"+g++),t.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",t.id))}})),!a&&!this.value){const e=t[0];e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((e=>{e.navigation=t,e.fullwidth=this.fullwidth,e.inverted=this.inverted,e.selected=t?!!e.querySelector("[aria-current]"):e.name===this.value,e.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const e=this.indicatorEl,a=this.tablistEl;if(!e||!a||this.isNavigation())return;const s=this.getTabs().find((t=>t.name===this.value));if(!s)return void(e.style[this.vertical?"height":"width"]="0px");const r=a.getBoundingClientRect(),o=s.getBoundingClientRect();if(t||(e.style.transition="none"),this.vertical){const t=o.top-r.top+a.scrollTop;e.style.height=`${o.height}px`,e.style.transform=`translateY(${t}px)`}else{const t=o.left-r.left+a.scrollLeft;e.style.width=`${o.width}px`,e.style.transform=`translateX(${t}px)`}t||(e.style.transition="")}render(){const t=this.isNavigation(),e=r("div",{key:"baac4b1e1010273dabedb2966f9e52df62be4459",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},r("slot",{key:"c7d21ce3a0f7665325820a57869b0cb4d4669f35",name:"tab",onSlotchange:this.handleSlotChange}),r("div",{key:"312014969db67ef8ab614b7a1357b236cf3315d1",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),a=m[this.language],s=this.vertical?e:r("div",{class:"tablist-outer"},r("button",{class:"scroll-btn scroll-btn--prev","aria-label":a.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},r("ds-icon",{name:"caret-left",size:"sm"})),r("div",{class:"tablist-track"},e),r("button",{class:"scroll-btn scroll-btn--next","aria-label":a.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},r("ds-icon",{name:"caret-right",size:"sm"})));return r(o,{key:"b6d25f890ca8c96efc54be9c693cd7ee55be39b0",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,[`is-col-${this.verticalColSize}`]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?r("nav",{"aria-label":this.label||void 0},s):s,r("slot",{key:"c3de464795e5c0be01408d98c1aab3083e41c31f",onSlotchange:this.handleSlotChange}))}get el(){return i(this)}};l([b("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),l([v(["purple","green","red","yellow"]),c("design:type",String)],p.prototype,"color",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"fullwidth",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"inverted",void 0),l([f("string"),c("design:type",String)],p.prototype,"label",void 0),l([f("string"),c("design:type",Object)],p.prototype,"value",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"vertical",void 0),l([v(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],p.prototype,"verticalColSize",void 0),l([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],p.prototype,"configChanged",null);let g=0;p.style=':host{--_tabs-border-base:var(--tabs-border-base, var(--mod-tabs-border-base, var(--ds-tabs-border-default)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-px:var(--tabs-panel-px, var(--mod-tabs-panel-px, var(--ds-tabs-panel-padding-x)));--_tabs-panel-py:var(--tabs-panel-py, var(--mod-tabs-panel-py, var(--ds-tabs-panel-padding-y)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-px:var(--tabs-tab-px, var(--mod-tabs-tab-px, var(--ds-tabs-tab-padding-x)));--_tabs-tab-py:var(--tabs-tab-py, var(--mod-tabs-tab-py, var(--ds-tabs-tab-padding-y)));--_tabs-tab-unselected-font-family:var(--tabs-tab-unselected-font-family, var(--mod-tabs-tab-unselected-font-family, var(--ds-tabs-tab-unselected-typo-font-family)));--_tabs-tab-unselected-font-size:var(--tabs-tab-unselected-font-size, var(--mod-tabs-tab-unselected-font-size, var(--ds-tabs-tab-unselected-typo-font-size)));--_tabs-tab-unselected-font-weight:var(--tabs-tab-unselected-font-weight, var(--mod-tabs-tab-unselected-font-weight, var(--ds-tabs-tab-unselected-typo-font-weight)));--_tabs-tab-unselected-line-height:var(--tabs-tab-unselected-line-height, var(--mod-tabs-tab-unselected-line-height, var(--ds-tabs-tab-unselected-typo-line-height)));--_tabs-tab-unselected-color-base:var(--tabs-tab-unselected-color-base, var(--mod-tabs-tab-unselected-color-base, var(--ds-tabs-tab-unselected-color-text-base)));--_tabs-tab-unselected-color-hover:var(--tabs-tab-unselected-color-hover, var(--mod-tabs-tab-unselected-color-hover, var(--ds-tabs-tab-unselected-color-text-hover)));--_tabs-tab-unselected-color-active:var(--tabs-tab-unselected-color-active, var(--mod-tabs-tab-unselected-color-active, var(--ds-tabs-tab-unselected-color-text-active)));--_tabs-tab-selected-font-family:var(--tabs-tab-selected-font-family, var(--mod-tabs-tab-selected-font-family, var(--ds-tabs-tab-selected-typo-font-family)));--_tabs-tab-selected-font-size:var(--tabs-tab-selected-font-size, var(--mod-tabs-tab-selected-font-size, var(--ds-tabs-tab-selected-typo-font-size)));--_tabs-tab-selected-font-weight:var(--tabs-tab-selected-font-weight, var(--mod-tabs-tab-selected-font-weight, var(--ds-tabs-tab-selected-typo-font-weight)));--_tabs-tab-selected-line-height:var(--tabs-tab-selected-line-height, var(--mod-tabs-tab-selected-line-height, var(--ds-tabs-tab-selected-typo-line-height)));--_tabs-tab-selected-color-base:var(--tabs-tab-selected-color-base, var(--mod-tabs-tab-selected-color-base, var(--ds-tabs-tab-selected-color-text-base)));--_tabs-tab-selected-color-hover:var(--tabs-tab-selected-color-hover, var(--mod-tabs-tab-selected-color-hover, var(--ds-tabs-tab-selected-color-text-hover)));--_tabs-tab-selected-color-active:var(--tabs-tab-selected-color-active, var(--mod-tabs-tab-selected-color-active, var(--ds-tabs-tab-selected-color-text-active)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-alias-interaction-focus-color-base)));--_tabs-indicator-unselected-base:var(--tabs-indicator-unselected-base, var(--mod-tabs-indicator-unselected-base, var(--ds-tabs-indicator-default-unselected-base)));--_tabs-indicator-unselected-hover:var(--tabs-indicator-unselected-hover, var(--mod-tabs-indicator-unselected-hover, var(--ds-tabs-indicator-default-unselected-hover)));--_tabs-indicator-selected-base:var(--tabs-indicator-selected-base, var(--mod-tabs-indicator-selected-base, var(--ds-tabs-indicator-default-selected-base)));--_tabs-indicator-selected-hover:var(--tabs-indicator-selected-hover, var(--mod-tabs-indicator-selected-hover, var(--ds-tabs-indicator-default-selected-hover)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-size-base-radius)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));display:block}:host(.is-purple){--_tabs-border-base:var(--ds-tabs-border-purple);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-purple-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-purple-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-purple-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-purple-selected-hover)}:host(.is-green){--_tabs-border-base:var(--ds-tabs-border-green);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-green-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-green-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-green-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-green-selected-hover)}:host(.is-red){--_tabs-border-base:var(--ds-tabs-border-red);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-red-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-red-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-red-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-red-selected-hover)}:host(.is-yellow){--_tabs-border-base:var(--ds-tabs-border-yellow);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-yellow-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-yellow-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-yellow-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-yellow-selected-hover)}:host(.is-inverted){--_tabs-tab-unselected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-active:var(--ds-alias-text-color-white);--_tabs-tab-unselected-font-family:var(--ds-alias-text-family-text);--_tabs-tab-unselected-font-weight:var(--ds-alias-text-weight-regular);--_tabs-tab-selected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-active:var(--ds-alias-text-color-white);--_tabs-border-base:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.3);--_tabs-indicator-unselected-base:var(--ds-alias-border-width-base) solid transparent;--_tabs-indicator-unselected-hover:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.5);--_tabs-indicator-selected-base:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-indicator-selected-hover:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-surface-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--ds-alias-border-width-base);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host .tablist-track{-ms-flex:1;flex:1;min-width:0;position:relative}:host .tablist-track::after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:0;border-bottom:var(--_tabs-border-base)}:host #tablist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--ds-alias-border-width-base);overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;z-index:1;bottom:0;left:0;height:0;width:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-selected-base);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--ds-alias-border-width-base));width:0;height:0;border-bottom:none;border-left:var(--_tabs-indicator-selected-base);-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;border-left:var(--_tabs-border-base);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-p:var(--_tabs-panel-py) var(--_tabs-panel-px)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-p:0.5rem 0 0}:host(.is-navigation) nav{display:contents}';export{p as ds_tabs}

package/dist/design-system/p-7a5f9d305c.entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as t,J as s,x as e,E as i,F as o,I as r}from"./p-DxEN1zze.js";import{_ as a,L as n,a as l}from"./p-C4x_tAIC.js";import{i as c}from"./p-B62ocg4Q.js";import{s as h,a as d}from"./p-BKh0Vkl1.js";import{w as u}from"./p-BvNfYE1d.js";import{F as p}from"./p-Bm_jsWv8.js";import{I as m}from"./p-BRYPu0SP.js";import{T as v}from"./p-DUF2uMuK.js";import{O as g}from"./p-B_GE_aHN.js";import{L as f}from"./p-Cy9j3Fev.js";import"./p-969JOO-P.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-CnwtEwKG.js";var b=class{main;placeholder;values;single;multiString;max;value;valueText;valueDelete;valueOut;deselect;deselectPath;arrow;arrowClose;arrowOpen;content;contentOpen;dirAbove;dirBelow;search;searchHighlighter;searching;status;addable;addablePath;list;optgroup;optgroupLabel;optgroupLabelText;optgroupActions;optgroupSelectAll;optgroupSelectAllBox;optgroupSelectAllCheck;optgroupClosable;option;optionDelete;highlighted;modalOverlay;modalDialog;modalTitle;modalClose;modalContent;mainOpen;close;selected;error;disabled;hide;constructor(t){t||={};let s=(t="",s="")=>`${t} ${s}`.trim();this.main=s("ss-main",t.main),this.placeholder=s("ss-placeholder",t.placeholder),this.values=s("ss-values",t.values),this.single=s("ss-single",t.single),this.multiString=s("ss-multi-string",t.multiString),this.max=s("ss-max",t.max),this.value=s("ss-value",t.value),this.valueText=s("ss-value-text",t.valueText),this.valueDelete=s("ss-value-delete",t.valueDelete),this.valueOut=s("ss-value-out",t.valueOut),this.deselect=s("ss-deselect",t.deselect),this.deselectPath=t.deselectPath||"M10,10 L90,90 M10,90 L90,10",this.arrow=s("ss-arrow",t.arrow),this.arrowClose=t.arrowClose||"M10,30 L50,70 L90,30",this.arrowOpen=t.arrowOpen||"M10,70 L50,30 L90,70",this.content=s("ss-content",t.content),this.contentOpen=s("ss-open",t.contentOpen),this.dirAbove=s("ss-dir-above",t.dirAbove),this.dirBelow=s("ss-dir-below",t.dirBelow),this.search=s("ss-search",t.search),this.searchHighlighter=s("ss-search-highlight",t.searchHighlighter),this.searching=s("ss-searching",t.searching),this.status=s("ss-status",t.status),this.addable=s("ss-addable",t.addable),this.addablePath=t.addablePath||"M50,10 L50,90 M10,50 L90,50",this.list=s("ss-list",t.list),this.optgroup=s("ss-optgroup",t.optgroup),this.optgroupLabel=s("ss-optgroup-label",t.optgroupLabel),this.optgroupLabelText=s("ss-optgroup-label-text",t.optgroupLabelText),this.optgroupActions=s("ss-optgroup-actions",t.optgroupActions),this.optgroupSelectAll=s("ss-selectall",t.optgroupSelectAll),this.optgroupSelectAllBox=t.optgroupSelectAllBox||"M15,15 L85,15 L85,85 L15,85 Z",this.optgroupSelectAllCheck=t.optgroupSelectAllCheck||"M25,50 L42,68 L75,32",this.optgroupClosable=s("ss-closable",t.optgroupClosable),this.option=s("ss-option",t.option),this.optionDelete=t.optionDelete||"M10,10 L90,90 M10,90 L90,10",this.highlighted=s("ss-highlighted",t.highlighted),this.modalOverlay=s("ss-modal-overlay",t.modalOverlay),this.modalDialog=s("ss-modal-dialog",t.modalDialog),this.modalTitle=s("ss-modal-title",t.modalTitle),this.modalClose=s("ss-modal-close",t.modalClose),this.modalContent=s("ss-modal-content",t.modalContent),this.mainOpen=s("ss-open",t.mainOpen),this.close=s("ss-close",t.close),this.selected=s("ss-selected",t.selected),this.error=s("ss-error",t.error),this.disabled=s("ss-disabled",t.disabled),this.hide=s("ss-hide",t.hide)}getFirst(t){return this[t].split(" ")[0]}},w=200,x=["transform","opacity"];function k(t,s=w){return function(t,s=w){let e=t.trim();if(!e)return s;if(e.endsWith("ms")){let t=parseFloat(e);return Number.isNaN(t)?s:t}if(e.endsWith("s")){let t=parseFloat(e);return Number.isNaN(t)?s:1e3*t}let i=parseFloat(e);return Number.isNaN(i)?s:i}(getComputedStyle(t).getPropertyValue("--ss-animation-timing").trim(),s)}function y(t,s,e=w){let i=k(t,e)+50;return void 0===s?i:Math.max(i,s)}function _(){return!(typeof window>"u"||"function"!=typeof window.matchMedia)&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}function C(t,s,e=w,i){if(_()||i?.aborted)return Promise.resolve();let o=function(t){return void 0===t?null:new Set(Array.isArray(t)?t:[t])}(s);return new Promise((s=>{let r=null,a=!1,n=()=>{a||(a=!0,t.removeEventListener("transitionend",c),i?.removeEventListener("abort",l),r&&clearTimeout(r),s())},l=()=>n(),c=s=>{s.target===t&&(o&&(!o.has(s.propertyName)||(o.delete(s.propertyName),o.size>0))||n())};i?.addEventListener("abort",l,{once:!0}),t.addEventListener("transitionend",c),r=setTimeout(n,e)}))}function O(t,s,e=w,i){return _()||i?.aborted?Promise.resolve():new Promise((i=>{let o=null,r=!1,a=()=>{r||(r=!0,t.removeEventListener("animationend",n),o&&clearTimeout(o),i())},n=e=>{e.target===t&&(e.animationName!==s||a())};t.addEventListener("animationend",n),o=setTimeout(a,e)}))}var z=class{id="";style="";class=[];isMultiple=!1;isOpen=!1;isFullOpen=!1;disabled;alwaysOpen;showSearch;focusSearch;keepSearch;ariaLabel;searchPlaceholder;searchText;searchingText;resultsText;deselectText;removeText;searchHighlight;closeOnSelect;contentLocation;contentPosition;contentWidth;openPosition;placeholderText;allowDeselect;hideSelected;multiString;keepOrder;showOptionTooltips;minSelected;maxSelected;timeoutDelay;maxValuesShown;maxValuesMessage;addableText;selectAll;selectAllText;unselectAllText;modal;modalTitle;constructor(t){t||={},this.id="ss-"+A(),this.style=t.style||"",this.class=t.class||[],this.disabled=void 0!==t.disabled&&t.disabled,this.alwaysOpen=void 0!==t.alwaysOpen&&t.alwaysOpen,this.showSearch=void 0===t.showSearch||t.showSearch,this.focusSearch=void 0===t.focusSearch?typeof window>"u"||window.innerWidth>=768:t.focusSearch,this.keepSearch=void 0!==t.keepSearch&&t.keepSearch,this.ariaLabel=t.ariaLabel||"Combobox",this.searchPlaceholder=t.searchPlaceholder||"Search...",this.searchText=t.searchText||"No Results",this.searchingText=t.searchingText||"Searching...",this.resultsText=t.resultsText||"{count} results available",this.deselectText=t.deselectText||"Clear",this.removeText=t.removeText||"Remove",this.searchHighlight=void 0!==t.searchHighlight&&t.searchHighlight,this.closeOnSelect=void 0===t.closeOnSelect||t.closeOnSelect,this.contentLocation=t.contentLocation||document.body,this.contentPosition=t.contentPosition||"absolute",this.contentWidth=t.contentWidth||"",this.openPosition=t.openPosition||"auto",this.placeholderText=void 0===t.placeholderText?"Select Value":t.placeholderText,this.allowDeselect=void 0!==t.allowDeselect&&t.allowDeselect,this.hideSelected=void 0!==t.hideSelected&&t.hideSelected,this.multiString=void 0!==t.multiString&&t.multiString,this.keepOrder=void 0!==t.keepOrder&&t.keepOrder,this.showOptionTooltips=void 0!==t.showOptionTooltips&&t.showOptionTooltips,this.minSelected=t.minSelected||0,this.maxSelected=t.maxSelected||1e3,this.timeoutDelay=t.timeoutDelay||200,this.maxValuesShown=t.maxValuesShown||20,this.maxValuesMessage=t.maxValuesMessage||"{number} selected",this.addableText=t.addableText||'Press "Enter" to add {value}',this.selectAll=void 0!==t.selectAll&&t.selectAll,this.selectAllText=t.selectAllText||"Select All",this.unselectAllText=t.unselectAllText||"Unselect All",this.modal=t.modal||"mobile",this.modalTitle=t.modalTitle||""}};function S(t){if(!t)return{};let s={};for(let e of Object.keys(t)){let i=t[e];void 0!==i&&(s[e]=i)}return s}function L(t){let s=t.cloneNode(!0);return s.querySelectorAll("select, option, optgroup, textarea, input, button").forEach((t=>t.remove())),s.textContent?.replace(/\s+/g," ").trim()||""}function A(){return Math.random().toString(36).substring(2,10)}function E(t,s){function e(t,e){return e&&t&&t.classList&&t.classList.contains(e)||e&&t&&t.dataset&&t.dataset.id&&t.dataset.id===s?t:null}return e(t,s)||function t(s,i){return s&&s!==document?e(s,i)?s:t(s.parentNode,i):null}(t,s)}function D(t,s=50,e=!1){let i;return function(...o){let r=self,a=e&&!i;clearTimeout(i),i=setTimeout((()=>{i=null,e||t.apply(r,o)}),s),a&&t.apply(r,o)}}function T(t,s){if(t.length!==s.length)return!1;let e=[...t].sort(),i=[...s].sort();return e.every(((t,s)=>t===i[s]))}var P=["id","value","text","html","defaultSelected","selected","display","disabled","placeholder","class","style","mandatory"];function M(t,s){switch(s){case"id":return t.id||"";case"value":return void 0===t.value?t.text||"":t.value||"";case"text":return t.text||"";case"html":return t.html||"";case"defaultSelected":return t.defaultSelected??!1;case"selected":return t.selected??!1;case"display":return t.display??!0;case"disabled":return t.disabled??!1;case"placeholder":return t.placeholder??!1;case"class":return t.class||"";case"style":return t.style||"";case"mandatory":return t.mandatory??!1;default:return t.data||{}}}function B(t){return!!t&&"object"==typeof t&&"label"in t&&"options"in t}function F(t,s){for(let e of P)if(M(t,e)!==M(s,e))return!1;return function(t,s){let e=Object.keys(t),i=Object.keys(s);if(e.length!==i.length)return!1;for(let i of e)if(t[i]!==s[i])return!1;return!0}(t.data||{},s.data||{})}function j(t,s){let e=t=>({id:t.id||"",label:t.label||"",selectAll:t.selectAll??!1,closable:t.closable||"off"}),i=e(t),o=e(s);if(i.id!==o.id||i.label!==o.label||i.selectAll!==o.selectAll||i.closable!==o.closable)return!1;let r=t.options||[],a=s.options||[];if(r.length!==a.length)return!1;for(let t=0;t<r.length;t++)if(!F(r[t],a[t]))return!1;return!0}var I=class{handlers;attached=!1;constructor(t){this.handlers=t}attach(t){this.attached||(this.attached=!0,window.addEventListener("resize",this.resizeHandler,!1),t.listenScroll&&window.addEventListener("scroll",this.scrollHandler,!1),document.addEventListener("visibilitychange",this.visibilityHandler))}attachDocumentClick(){document.addEventListener("click",this.handlers.onDocumentClick)}detachDocumentClick(){document.removeEventListener("click",this.handlers.onDocumentClick)}detach(t){this.attached&&(this.attached=!1,this.detachDocumentClick(),window.removeEventListener("resize",this.resizeHandler,!1),t.listenScroll&&window.removeEventListener("scroll",this.scrollHandler,!1),document.removeEventListener("visibilitychange",this.visibilityHandler))}resizeHandler=D((()=>{this.handlers.onWindowResize()}));scrollHandler=D((()=>{this.handlers.onWindowScroll()}));visibilityHandler=()=>{this.handlers.onVisibilityChange()}},R=class{handlers;options;state="closed";pendingTimer=null;waitResolvers=[];generation=0;animationAbort=null;constructor(t,s){this.handlers=t,this.options=s}get isOpen(){return"opening"===this.state||"open"===this.state}get isFullOpen(){return"open"===this.state}async requestOpen(){if("opening"===this.state||"open"===this.state)return;this.cancelPending();let t=++this.generation;this.handlers.beforeOpen&&this.handlers.beforeOpen(),this.state="opening",await this.waitForPhase("open",t),t===this.generation?(this.state="open",this.handlers.afterOpen&&this.handlers.afterOpen(),this.handlers.onOpenReady&&this.handlers.onOpenReady()):"opening"===this.state&&(this.state="closed")}async requestClose(t={source:"api",selectionChanged:!1}){if("closed"===this.state||"closing"===this.state||this.handlers.beforeClose&&!1===this.handlers.beforeClose(t))return!1;this.cancelPending();let s=++this.generation;return this.handlers.onClose&&this.handlers.onClose(t),this.state="closing",await this.waitForPhase("close",s),s===this.generation&&(this.state="closed",this.handlers.afterClose&&this.handlers.afterClose(),this.handlers.onCloseReady&&this.handlers.onCloseReady(),!0)}cancelPending(){this.generation++,this.animationAbort?.abort(),this.animationAbort=null,this.pendingTimer&&=(clearTimeout(this.pendingTimer),null);let t=this.waitResolvers.splice(0);for(let s of t)s()}destroy(){this.cancelPending(),this.state="closed"}waitForPhase(t,s){return new Promise((s=>{let e=!1,i=()=>{if(e)return;e=!0;let t=this.waitResolvers.indexOf(i);-1!==t&&this.waitResolvers.splice(t,1),s()};if(this.waitResolvers.push(i),this.options.waitForAnimation){let s=new AbortController;this.animationAbort=s,this.options.waitForAnimation(t,s.signal).catch((()=>{})).finally((()=>{this.animationAbort===s&&(this.animationAbort=null),i()}))}else this.pendingTimer=setTimeout((()=>{this.pendingTimer=null,i()}),this.options.timeoutDelay)})).then((()=>{}))}},V=class{id;value;text;html;defaultSelected;selected;display;disabled;placeholder;class;style;data;mandatory;constructor(t){this.id=t.id&&""!==t.id?t.id:A(),this.value=void 0===t.value?t.text||"":t.value||"",this.text=t.text||"",this.html=t.html||"",this.defaultSelected=void 0!==t.defaultSelected&&t.defaultSelected,this.selected=void 0!==t.selected&&t.selected,this.display=void 0===t.display||t.display,this.disabled=void 0!==t.disabled&&t.disabled,this.mandatory=void 0!==t.mandatory&&t.mandatory,this.placeholder=void 0!==t.placeholder&&t.placeholder,this.class=t.class||"",this.style=t.style||"",this.data=S(t.data)}},N=class{id;label;selectAll;closable;options;constructor(t){if(this.id=t.id&&""!==t.id?t.id:A(),this.label=t.label||"",this.selectAll=void 0!==t.selectAll&&t.selectAll,this.closable=t.closable||"off",this.options=[],t.options)for(let s of t.options)this.options.push(new V(s))}},H=class{selectType="single";data=[];selectedOrder=[];catalog=null;constructor(t,s){this.selectType=t,this.setData(s),this.snapshotCatalog()}validateDataArray(t){if(!Array.isArray(t))return Error("Data must be an array");for(let s of t)if(s)if(s instanceof N||"label"in s){if(!("label"in s))return Error("Optgroup must have a label");if("options"in s&&s.options)for(let t of s.options){let s=this.validateOption(t);if(s)return s}}else{if(!(s instanceof V||"text"in s))return Error("Data object must be a valid optgroup or option");{let t=this.validateOption(s);if(t)return t}}return null}validateOption(t){return"text"in t?null:Error("Option must have a text")}partialToFullData(t){let s=[];return t.forEach((t=>{if(t){if(t instanceof N||"label"in t){let e=[];"options"in t&&t.options&&t.options.forEach((t=>{e.push(new V(t))})),e.length>0&&s.push(new N(t))}(t instanceof V||"text"in t)&&s.push(new V(t))}})),s}snapshotCatalog(){this.catalog=this.cloneData(this.data)}getCatalogData(){return this.cloneData(this.catalog??this.data)}cloneData(t){return t.map((t=>t instanceof N?new N({id:t.id,label:t.label,selectAll:t.selectAll,closable:t.closable,options:t.options.map((t=>new V(t instanceof V?{...t}:t)))}):new V({...t})))}optionMatchesSelected(t,s){return t.id===s.id||""!==s.value&&""!==t.value&&t.value===s.value}findOptionInData(t,s){for(let e of t)if(e instanceof V){if(this.optionMatchesSelected(e,s))return e}else for(let t of e.options)if(this.optionMatchesSelected(t,s))return t;return null}setData(t,s=!1){let e=this.partialToFullData(t),i=[];if(s){i=this.getSelectedOptions();let t=[];i.forEach((s=>{this.findOptionInData(e,s)||t.push(s)})),this.data=[...t,...e];let s="single"===this.selectType&&0===i.length,o=i.map((t=>{let s=this.findOptionInData(this.data,t);return s?s.id:t.id}));this.setSelectedBy("id",o,s)}else this.data=e;!s&&"single"===this.selectType&&this.setSelectedBy("id",this.getSelected(),!1)}getData(t=!0){return this.filter(null,!0,t)}getDataOptions(t=!0){return this.filter(null,!1,t)}addOption(t,s=!1){if(s){let s=[new V(t)];this.setData(s.concat(this.getData()))}else this.setData(this.getData().concat(new V(t)))}setSelectedBy(t,s,e=!1){let i=null,o=!1,r=[];for(let e of this.data){if(e instanceof N)for(let a of e.options)i||=a,a.selected=!o&&s.includes(a[t]||""),a.selected&&(r.push(a),"single"===this.selectType&&(o=!0));e instanceof V&&(i||=e,e.selected=!o&&s.includes(e[t]),e.selected&&(r.push(e),"single"===this.selectType&&(o=!0)))}"single"===this.selectType&&i&&!o&&!e&&(i.selected=!0,r.push(i));let a=s.map((s=>r.find((e=>e[t]===s))?.id||""));this.selectedOrder=a}getSelected(){return this.getSelectedOptions().map((t=>t.id))}getSelectedValues(){return this.getSelectedOptions().map((t=>t.value))}getSelectedOptions(){let t=[];for(let s of this.data)if(s instanceof N)for(let e of s.options)e.selected&&t.push(e);else s.selected&&t.push(s);return t}getOptgroupByID(t){for(let s of this.data)if(s instanceof N&&s.id===t)return s;return null}getOptionByID(t){for(let s of this.data)if(s instanceof N){for(let e of s.options)if(e.id===t)return e}else if(s.id===t)return s;return null}getSelectType(){return this.selectType}getFirstOption(){let t=null;for(let s of this.data)if(s instanceof N?t=s.options[0]:s instanceof V&&(t=s),t)break;return t}search(t,s){return""===(t=t.trim())?this.getData(!1):this.filter((e=>s(e,t)),!0,!1)}createOptgroupView(t,s){let e=new N({id:t.id,label:t.label,selectAll:t.selectAll,closable:t.closable,options:[]});return e.options=s,e}filter(t,s,e=!0){let i=[];return this.data.forEach((o=>{if(o instanceof N){let r=[];if(o.options.forEach((o=>{(!t||t(o))&&(s?r.push(e?new V(o):o):i.push(e?new V(o):o))})),r.length>0)if(e){let t=new N(o);t.options=r,i.push(t)}else i.push(this.createOptgroupView(o,r))}o instanceof V&&(!t||t(o))&&i.push(e?new V(o):o)})),i}selectedOrderOptions(t){let s=[];return this.selectedOrder.forEach((e=>{let i=t.find((t=>t.id===e));i&&s.push(i)})),t.forEach((t=>{let e=!1;s.forEach((s=>{t.id!==s.id||(e=!0)})),e||s.push(t)})),s}},G=class{settings;store;callbacks;lastSelectedOption;lastRenderedOptions;optionsListIsFullData=!1;lastSearchFilterTerm="";main;content;classes;positionObserver=null;positionObserverRaf=0;lastObservedContentHeight=-1;overflowShiftRaf=0;modalElements=null;modalSessionActive=null;bodyScrollLocked=!1;savedBodyOverflow="";constructor(t,s,e,i){this.store=e,this.settings=t,this.classes=s,this.callbacks=i,this.lastSelectedOption=null,this.lastRenderedOptions=[],this.main=this.mainDiv(),this.content=this.contentDiv(),this.updateClassStyles(),this.updateAriaAttributes(),"relative"!==this.settings.contentPosition&&(this.content.main.style.top="-9999px",this.content.main.style.left="-9999px",this.content.main.style.margin="0",this.content.main.style.width="auto"),this.settings.contentLocation&&this.settings.contentLocation.appendChild(this.content.main),"off"!==this.settings.modal&&!this.settings.alwaysOpen&&(this.modalElements=this.createModalElements(),document.body.appendChild(this.modalElements.overlay))}requestClose(t,s){this.callbacks.close({source:t,option:s?.option,selectionChanged:s?.selectionChanged??!1})}selectionChanged(t,s){if(t.length!==s.length)return!0;let e=t.map((t=>t.id)).sort(),i=s.map((t=>t.id)).sort();return e.some(((t,s)=>t!==i[s]))}closeOnSingleSelectReclick(t){this.settings.closeOnSelect&&this.requestClose("select",{option:t,selectionChanged:!1})}addClasses(t,s){if(!s||""===s.trim())return;let e=s.split(" ").filter((t=>""!==t.trim()));for(let s of e)t.classList.add(s.trim())}removeClasses(t,s){if(!s||""===s.trim())return;let e=s.split(" ").filter((t=>""!==t.trim()));for(let s of e)t.classList.remove(s.trim())}enable(){this.removeClasses(this.main.main,this.classes.disabled),this.main.main.setAttribute("aria-disabled","false"),this.content.search.input.disabled=!1}disable(){this.addClasses(this.main.main,this.classes.disabled),this.main.main.setAttribute("aria-disabled","true"),this.content.search.input.disabled=!0}open(){this.main.arrow.path.setAttribute("d",this.classes.arrowOpen),this.main.main.setAttribute("aria-expanded","true");let t=this.resolveModalView();if(!t){let t="up"===this.settings.openPosition?this.classes.dirAbove:this.classes.dirBelow;this.addClasses(this.main.main,t),this.addClasses(this.content.main,t)}this.addClasses(this.content.main,this.classes.contentOpen),this.content.search.input.removeAttribute("aria-hidden"),t?this.showModal():this.moveContent();let s=this.store.getSelectedOptions();if(s.length){let t=this.content.list.querySelector('[data-id="'+s[s.length-1].id+'"]');t&&this.ensureElementInView(this.content.list,t)}}isModalViewActive(){return!0===this.modalSessionActive}resolveModalView(){return!(this.settings.alwaysOpen||"off"===this.settings.modal||!this.modalElements)&&(null===this.modalSessionActive&&(this.modalSessionActive=function(t,s=(typeof window<"u"?window.innerWidth:768)){return"on"===t||"mobile"===t&&s<768}(this.settings.modal)),this.modalSessionActive)}createModalElements(){let t=document.createElement("div");this.addClasses(t,this.classes.modalOverlay),this.addClasses(t,this.classes.hide),t.dataset.id=this.settings.id;let s=document.createElement("div");this.addClasses(s,this.classes.modalDialog),s.setAttribute("role","dialog"),s.setAttribute("aria-modal","true");let e=null;this.settings.modalTitle?(e=document.createElement("div"),this.addClasses(e,this.classes.modalTitle),e.id=`${this.settings.id}-modal-title`,e.textContent=this.settings.modalTitle,s.setAttribute("aria-labelledby",e.id)):s.setAttribute("aria-label",this.settings.ariaLabel);let i=document.createElement("button");i.type="button",this.addClasses(i,this.classes.modalClose),i.setAttribute("aria-label","Close"),i.onclick=t=>{t.stopPropagation(),this.requestClose("modal")};let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100");let r=document.createElementNS("http://www.w3.org/2000/svg","path");return r.setAttribute("d",this.classes.deselectPath),o.appendChild(r),i.appendChild(o),t.onclick=s=>{s.target===t&&this.requestClose("modal")},e&&s.appendChild(e),t.appendChild(s),{overlay:t,dialog:s,closeButton:i,title:e}}showModal(){this.modalElements&&(this.modalElements.dialog.appendChild(this.content.main),this.addClasses(this.content.main,this.classes.modalContent),this.content.main.appendChild(this.modalElements.closeButton),this.content.main.style.top="",this.content.main.style.left="",this.content.main.style.margin="",this.content.main.style.width="",this.removeClasses(this.modalElements.overlay,this.classes.hide),requestAnimationFrame((()=>{this.modalElements&&this.addClasses(this.modalElements.overlay,this.classes.contentOpen)})),this.lockBodyScroll())}lockBodyScroll(){this.bodyScrollLocked||=(this.savedBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",!0)}unlockBodyScroll(){this.bodyScrollLocked&&(document.body.style.overflow=this.savedBodyOverflow,this.bodyScrollLocked=!1,this.savedBodyOverflow="")}restoreContentOffscreen(){this.settings.contentLocation&&this.settings.contentLocation.appendChild(this.content.main),"relative"!==this.settings.contentPosition&&(this.content.main.style.top="-9999px",this.content.main.style.left="-9999px",this.content.main.style.margin="0",this.content.main.style.width="auto")}finalizeModalClose(){this.modalElements&&this.content.main.parentElement===this.modalElements.dialog&&(this.addClasses(this.modalElements.overlay,this.classes.hide),this.removeClasses(this.modalElements.overlay,this.classes.contentOpen),this.removeClasses(this.content.main,this.classes.modalContent),this.modalElements.closeButton.remove(),this.restoreContentOffscreen(),this.unlockBodyScroll())}waitForAnimation(t,s){let e=y(this.content.main,this.settings.timeoutDelay);return C(this.content.main,x,e,s)}close(){this.main.main.setAttribute("aria-expanded","false"),this.main.arrow.path.setAttribute("d",this.classes.arrowClose);let t=!0===this.modalSessionActive;this.removeClasses(this.content.main,this.classes.contentOpen),t||(this.removeClasses(this.main.main,this.classes.dirAbove),this.removeClasses(this.main.main,this.classes.dirBelow)),t&&this.modalElements&&this.removeClasses(this.modalElements.overlay,this.classes.contentOpen),this.modalSessionActive=null,this.content.search.input.setAttribute("aria-hidden","true"),this.main.main.removeAttribute("aria-activedescendant"),this.clearValueChipHighlight()}clearDirectionClasses(){this.removeClasses(this.main.main,this.classes.dirAbove),this.removeClasses(this.main.main,this.classes.dirBelow),this.removeClasses(this.content.main,this.classes.dirAbove),this.removeClasses(this.content.main,this.classes.dirBelow)}updateClassStyles(){if(this.main.main.className="",this.main.main.removeAttribute("style"),this.content.main.className="",this.content.main.removeAttribute("style"),this.addClasses(this.main.main,this.classes.main),this.addClasses(this.content.main,this.classes.content),""!==this.settings.style&&(this.main.main.style.cssText=this.settings.style,this.content.main.style.cssText=this.settings.style),this.settings.class.length)for(let t of this.settings.class)""!==t.trim()&&(this.main.main.classList.add(t.trim()),this.content.main.classList.add(t.trim()));("relative"===this.settings.contentPosition||"fixed"===this.settings.contentPosition)&&this.content.main.classList.add("ss-"+this.settings.contentPosition)}updateAriaAttributes(){let t=this.content.list.id;this.main.main.role="combobox",this.main.main.setAttribute("aria-haspopup","listbox"),this.main.main.setAttribute("aria-controls",t),this.main.main.setAttribute("aria-expanded","false"),this.content.list.setAttribute("role","listbox"),this.content.list.setAttribute("aria-label",this.settings.ariaLabel+" listbox"),this.settings.isMultiple&&this.content.list.setAttribute("aria-multiselectable","true"),this.content.search.input.setAttribute("aria-controls",t)}mainDiv(){let t=document.createElement("div");t.dataset.id=this.settings.id,t.setAttribute("aria-label",this.settings.ariaLabel),t.tabIndex=0,t.onkeydown=t=>{switch(t.key){case"ArrowUp":case"ArrowDown":return this.callbacks.open(),this.highlight("ArrowDown"===t.key?"down":"up"),!1;case"Tab":return this.requestClose("tab"),!0;case"Enter":case" ":this.callbacks.open();let s=this.content.list.querySelector("."+this.classes.getFirst("highlighted"));return s&&s.click(),!1;case"Escape":return this.requestClose("escape"),!1}return 1===t.key.length&&this.callbacks.open(),!0},t.onclick=()=>{this.settings.disabled||(this.settings.isOpen?this.requestClose("toggle"):this.callbacks.open())};let s=document.createElement("div");this.addClasses(s,this.classes.values),t.appendChild(s);let e=document.createElement("div");this.addClasses(e,this.classes.deselect),e.setAttribute("role","button"),e.setAttribute("aria-label",this.settings.deselectText),e.setAttribute("tabindex","0");let i=this.store?.getSelectedOptions();!this.settings.allowDeselect||this.settings.isMultiple&&i&&i.length<=0||this.isAtMinSelected()?this.addClasses(e,this.classes.hide):this.removeClasses(e,this.classes.hide),e.onclick=t=>{if(t.stopPropagation(),this.settings.disabled||this.settings.isMultiple&&this.isAtMinSelected())return;let s=!0,e=this.store.getSelectedOptions(),i=[],o="";if(this.settings.isMultiple){let t=this.settings.minSelected,s=this.store.getSelected();if(t>0&&s.length>t)o=this.getMinimumSelectionIds(),i=e.filter((t=>o.includes(t.id)));else{if(!(t<=0))return;o=[]}}if(this.callbacks.beforeChange&&(s=!0===this.callbacks.beforeChange(i,e)),s){if(this.settings.isMultiple)this.callbacks.setSelected(o,!1),this.updateDeselectAll();else{let t=this.store.getFirstOption();this.callbacks.setSelected(t?t.id:"",!1)}this.settings.closeOnSelect&&this.requestClose("deselect",{selectionChanged:!0}),this.callbacks.afterChange&&this.callbacks.afterChange(this.store.getSelectedOptions())}},e.onkeydown=t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.click())};let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100");let r=document.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("d",this.classes.deselectPath),o.appendChild(r),e.appendChild(o),t.appendChild(e);let a=document.createElementNS("http://www.w3.org/2000/svg","svg");this.addClasses(a,this.classes.arrow),a.setAttribute("viewBox","0 0 100 100");let n=document.createElementNS("http://www.w3.org/2000/svg","path");return n.setAttribute("d",this.classes.arrowClose),this.settings.alwaysOpen&&this.addClasses(a,this.classes.hide),a.appendChild(n),t.appendChild(a),{main:t,values:s,deselect:{main:e,svg:o,path:r},arrow:{main:a,path:n}}}mainFocus(t){"click"!==t&&this.main.main.focus({preventScroll:!0})}placeholder(){let t=this.store.filter((t=>t.placeholder),!1,!1),s=this.settings.placeholderText;t.length&&(""===t[0].html?""!==t[0].text&&(s=t[0].text):s=t[0].html);let e=document.createElement("div");return this.addClasses(e,this.classes.placeholder),e.innerHTML=s,e}renderValues(){this.settings.isMultiple?(this.renderMultipleValues(),this.updateDeselectAll()):this.renderSingleValue()}renderSingleValue(){let t=this.store.filter((t=>t.selected&&!t.placeholder),!1,!1),s=t.length>0?t[0]:null;if(s){let t=document.createElement("div");this.addClasses(t,this.classes.single),s.html?t.innerHTML=s.html:t.innerText=s.text,this.main.values.innerHTML=t.outerHTML}else this.main.values.innerHTML=this.placeholder().outerHTML;this.settings.allowDeselect&&t.length?this.removeClasses(this.main.deselect.main,this.classes.hide):this.addClasses(this.main.deselect.main,this.classes.hide)}renderMultipleValues(){let t=this.main.values.childNodes,s=this.store.filter((t=>t.selected&&t.display),!1,!1);if(0===s.length)return void(this.main.values.innerHTML=this.placeholder().outerHTML);{let t=this.main.values.querySelector("."+this.classes.getFirst("placeholder"));t&&t.remove()}if(this.settings.multiString){let t=s;this.settings.keepOrder&&(t=this.store.selectedOrderOptions(t));let e=document.createElement("div");return this.addClasses(e,this.classes.multiString),e.textContent=t.map((t=>t.text)).join(", "),this.settings.showOptionTooltips&&e.setAttribute("title",e.textContent),void(this.main.values.innerHTML=e.outerHTML)}if(s.length>this.settings.maxValuesShown){let t=document.createElement("div");return this.addClasses(t,this.classes.max),t.textContent=this.settings.maxValuesMessage.replace("{number}",s.length.toString()),void(this.main.values.innerHTML=t.outerHTML)}{let t=this.main.values.querySelector("."+this.classes.getFirst("max"));t&&t.remove()}this.settings.keepOrder&&(s=this.store.selectedOrderOptions(s));let e=[];for(let i=0;i<t.length;i++){let o=t[i],r=o.getAttribute("data-id");r&&(s.filter((t=>t.id===r),!1).length||e.push(o))}let i=y(this.content.main,this.settings.timeoutDelay);for(let t of e)this.addClasses(t,this.classes.valueOut),O(t,"ss-valueOut",i).then((()=>{this.main.values.hasChildNodes()&&this.main.values.contains(t)&&this.main.values.removeChild(t)}));t=this.main.values.childNodes;for(let e=0;e<s.length;e++){let i=!0;for(let o=0;o<t.length;o++)s[e].id===String(t[o].dataset.id)&&(i=!1);i&&(this.settings.keepOrder||0===t.length?this.main.values.appendChild(this.multipleValue(s[e])):0===e?this.main.values.insertBefore(this.multipleValue(s[e]),t[e]):t[e-1].insertAdjacentElement("afterend",this.multipleValue(s[e])))}this.updateMultipleValueDeleteVisibility()}isAtMinSelected(){return this.settings.isMultiple&&this.settings.minSelected>0&&this.store.getSelectedOptions().length<=this.settings.minSelected}getMinimumSelectionIds(){let t=this.store.getSelectedOptions();return this.settings.keepOrder&&(t=this.store.selectedOrderOptions(t)),t.slice(0,this.settings.minSelected).map((t=>t.id))}getValueChips(){return!this.settings.isMultiple||this.settings.multiString?[]:Array.from(this.main.values.querySelectorAll("."+this.classes.getFirst("value"))).filter((t=>{if(t.classList.contains(this.classes.getFirst("valueOut")))return!1;let s=t.querySelector("."+this.classes.getFirst("valueDelete"));return!!s&&!s.classList.contains(this.classes.getFirst("hide"))}))}getHighlightedValueChip(){return this.getValueChips().find((t=>t.classList.contains(this.classes.getFirst("highlighted"))))??null}clearValueChipHighlight(){for(let t of Array.from(this.main.values.querySelectorAll("."+this.classes.getFirst("value"))))this.removeClasses(t,this.classes.highlighted)}highlightValueChip(t){this.clearValueChipHighlight(),t&&this.addClasses(t,this.classes.highlighted)}navigateValueChips(t){let s=this.getValueChips();if(0===s.length)return!1;let e=this.getHighlightedValueChip(),i=e?s.indexOf(e):-1;return"left"===t?(-1===i?this.highlightValueChip(s[s.length-1]):i>0&&this.highlightValueChip(s[i-1]),!0):-1!==i&&(i<s.length-1?this.highlightValueChip(s[i+1]):this.clearValueChipHighlight(),!0)}deleteValueChip(t=!1){let s=this.getValueChips();if(0===s.length)return!1;let e=this.getHighlightedValueChip();if(t&&!e)return!1;let i=e??s[s.length-1],o=i.querySelector("."+this.classes.getFirst("valueDelete"));if(!o)return!1;let r=s.indexOf(i),a=e?s[r-1]??s[r+1]??null:null;return o.click(),a&&a!==i&&this.main.values.contains(a)?this.highlightValueChip(a):this.clearValueChipHighlight(),!0}updateMultipleValueDeleteVisibility(){if(!this.settings.isMultiple||this.settings.multiString)return;let t=!this.isAtMinSelected(),s=this.main.values.querySelectorAll("."+this.classes.getFirst("valueDelete"));for(let e of s)t?this.removeClasses(e,this.classes.hide):this.addClasses(e,this.classes.hide)}multipleValue(t){let s=document.createElement("div");this.addClasses(s,this.classes.value),s.dataset.id=t.id;let e=document.createElement("div");if(this.addClasses(e,this.classes.valueText),e.textContent=t.text,s.appendChild(e),!t.mandatory){let e=document.createElement("div");this.addClasses(e,this.classes.valueDelete),e.setAttribute("tabindex","0"),e.setAttribute("role","button"),e.setAttribute("aria-label",`${this.settings.removeText} ${t.text}`),this.isAtMinSelected()&&this.addClasses(e,this.classes.hide),e.onclick=s=>{if(s.preventDefault(),s.stopPropagation(),this.settings.disabled)return;let e=!0,i=this.store.getSelectedOptions(),o=i.filter((s=>s.selected&&s.id!==t.id),!0);if(!(this.settings.minSelected&&o.length<this.settings.minSelected)&&(this.callbacks.beforeChange&&(e=!0===this.callbacks.beforeChange(o,i)),e)){let t=[];for(let s of o){if(s instanceof N)for(let e of s.options)e.id&&t.push(e.id);s instanceof V&&t.push(s.id)}this.callbacks.setSelected(t,!1),this.settings.closeOnSelect&&this.requestClose("deselect",{selectionChanged:!0}),this.callbacks.afterChange&&this.callbacks.afterChange(o),this.updateDeselectAll(),this.updateMultipleValueDeleteVisibility()}};let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 100 100");let o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d",this.classes.optionDelete),i.appendChild(o),e.appendChild(i),s.appendChild(e),e.onkeydown=t=>{"Enter"===t.key&&e.click()}}return s}contentDiv(){let t=document.createElement("div");t.dataset.id=this.settings.id;let s=this.searchDiv();t.appendChild(s.main);let e=document.createElement("div");this.addClasses(e,this.classes.status),e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),e.setAttribute("role","status"),t.appendChild(e);let i=this.listDiv();return t.appendChild(i),{main:t,search:s,status:e,list:i}}announce(t){this.settings.showSearch&&(this.content.status.textContent=t)}repositionOpenContent(){!this.settings.isOpen||this.isModalViewActive()||"relative"!==this.settings.contentPosition&&this.content.main.classList.contains(this.classes.getFirst("dirAbove"))&&this.moveContentAbove()}moveContent(){if(!this.isModalViewActive()){if("relative"===this.settings.contentPosition)return void this.moveContentBelow();if("down"===this.settings.openPosition)return void this.moveContentBelow();if("up"===this.settings.openPosition)return void this.moveContentAbove();"up"===this.putContent()?this.moveContentAbove():this.moveContentBelow()}}startPositionTracking(){"absolute"!==this.settings.contentPosition||this.isModalViewActive()||(this.stopPositionTracking(),!(typeof ResizeObserver>"u")&&(this.lastObservedContentHeight=-1,this.positionObserver=new ResizeObserver((t=>{if(!this.settings.isOpen)return;let s=!1,e=!1;for(let i of t)if(i.target===this.content.main){let t=i.contentRect.height;t!==this.lastObservedContentHeight&&(this.lastObservedContentHeight=t,s=!0)}else e=!0;!s&&!e||(cancelAnimationFrame(this.positionObserverRaf),this.positionObserverRaf=requestAnimationFrame((()=>{e?this.moveContent():this.repositionOpenContent()})))})),this.observePositionTargets()))}stopPositionTracking(){cancelAnimationFrame(this.positionObserverRaf),this.positionObserver?.disconnect(),this.positionObserver=null,this.lastObservedContentHeight=-1,this.cancelOverflowShift()}observePositionTargets(){if(!this.positionObserver)return;let t=new Set,s=s=>{!s||t.has(s)||(t.add(s),this.positionObserver.observe(s))};s(this.main.main),s(this.content.main);let e=this.main.main.parentElement,i=this.settings.contentLocation;for(let t=0;e&&t<8&&(s(e),e!==i);t++)e=e.parentElement}searchDiv(){let t=document.createElement("div"),s=document.createElement("input"),e=document.createElement("div");this.addClasses(t,this.classes.search);let i={main:t,input:s},o=this.settings.selectAll&&this.settings.isMultiple;this.settings.showSearch||(s.readOnly=!0,this.addClasses(o?s:t,this.classes.hide)),s.type="search",s.id=`${this.settings.id}-search`,s.placeholder=this.settings.searchPlaceholder,s.tabIndex=-1,s.setAttribute("aria-label",this.settings.searchPlaceholder),s.setAttribute("aria-autocomplete","list"),s.setAttribute("autocapitalize","off"),s.setAttribute("autocomplete","off"),s.setAttribute("autocorrect","off"),s.setAttribute("aria-hidden","true");let r=D((()=>{this.callbacks.search(s.value)}),100);if(s.oninput=t=>{""!==t.target.value&&this.clearValueChipHighlight(),r()},s.onkeydown=t=>{switch(t.key){case"ArrowUp":case"ArrowDown":return this.clearValueChipHighlight(),this.highlight("ArrowDown"===t.key?"down":"up"),!1;case"ArrowLeft":case"ArrowRight":return""!==s.value||!this.navigateValueChips("ArrowLeft"===t.key?"left":"right")||(t.preventDefault(),!1);case"Backspace":return""!==s.value||!this.deleteValueChip()||(t.preventDefault(),!1);case"Delete":return""!==s.value||!this.getHighlightedValueChip()||!this.deleteValueChip(!0)||(t.preventDefault(),!1);case"Tab":return this.requestClose("tab"),!0;case"Escape":return this.requestClose("escape"),!1;case"Enter":let i=this.content.list.querySelector("."+this.classes.getFirst("highlighted"));return i?(i.click(),!1):!this.callbacks.addable||(e.click(),!1)}return 1===t.key.length&&this.clearValueChipHighlight(),!0},t.appendChild(s),o){let s=this.createSelectAllControl((()=>this.toggleGlobalSelectAll()));t.appendChild(s),i.selectAll=s}if(this.callbacks.addable){this.addClasses(e,this.classes.addable);let s=document.createElementNS("http://www.w3.org/2000/svg","svg");s.setAttribute("viewBox","0 0 100 100");let o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d",this.classes.addablePath),s.appendChild(o),e.appendChild(s),e.onclick=t=>{if(t.preventDefault(),t.stopPropagation(),!this.callbacks.addable)return;let s=this.content.search.input.value.trim();if(""===s)return void this.content.search.input.focus();let e=t=>{let s=new V(t);if(this.callbacks.addOption(s),this.settings.isMultiple){let t=this.store.getSelected();t.push(s.id),this.callbacks.setSelected(t,!0)}else this.callbacks.setSelected([s.id],!0);if(this.callbacks.search(""),this.settings.closeOnSelect){let t=k(this.content.main);setTimeout((()=>{this.requestClose("select",{selectionChanged:!0})}),t)}},i=this.callbacks.addable(s);!1!==i&&null!=i&&(i instanceof Promise?i.then((t=>{"string"==typeof t?e({text:t,value:t}):i instanceof Error?this.renderError(i.message):e(t)})):"string"==typeof i?e({text:i,value:i}):i instanceof Error?this.renderError(i.message):e(i))},t.appendChild(e),i.addable={main:e,svg:s,path:o}}return i}searchFocus(){this.content.search.input.focus({preventScroll:!0})}getOptions(t=!1,s=!1,e=!1){let i="."+this.classes.getFirst("option");return t&&(i+=":not(."+this.classes.getFirst("placeholder")+")"),s&&(i+=":not(."+this.classes.getFirst("disabled")+")"),e&&(i+=":not(."+this.classes.getFirst("hide")+")"),Array.from(this.content.list.querySelectorAll(i))}highlight(t){let s=this.getOptions(!0,!0,!0);if(0===s.length)return;if(1===s.length&&!s[0].classList.contains(this.classes.getFirst("highlighted")))return void this.addClasses(s[0],this.classes.highlighted);let e=!1;for(let t of s)t.classList.contains(this.classes.getFirst("highlighted"))&&(e=!0);if(!e)for(let t of s)if(t.classList.contains(this.classes.getFirst("selected"))){this.addClasses(t,this.classes.highlighted);break}for(let e=0;e<s.length;e++)if(s[e].classList.contains(this.classes.getFirst("highlighted"))){let i=s[e];this.removeClasses(i,this.classes.highlighted);let o=i.parentElement;if(o&&o.classList.contains(this.classes.getFirst("mainOpen"))){let t=o.querySelector("."+this.classes.getFirst("optgroupLabel"));t&&t.click()}let r=s["down"===t?e+1<s.length?e+1:0:e-1>=0?e-1:s.length-1];this.addClasses(r,this.classes.highlighted),this.ensureElementInView(this.content.list,r),r.id&&this.main.main.setAttribute("aria-activedescendant",r.id);let a=r.parentElement;if(a&&a.classList.contains(this.classes.getFirst("close"))){let t=a.querySelector("."+this.classes.getFirst("optgroupLabel"));t&&t.click()}return}let i=s["down"===t?0:s.length-1];this.addClasses(i,this.classes.highlighted),i.id&&this.main.main.setAttribute("aria-activedescendant",i.id),this.ensureElementInView(this.content.list,i)}listDiv(){let t=document.createElement("div");this.addClasses(t,this.classes.list);let s=this.settings.id+"-list";return t.id=s,t.dataset.id=s,t}renderError(t){this.optionsListIsFullData=!1,this.content.list.innerHTML="";let s=document.createElement("div");this.addClasses(s,this.classes.error),s.textContent=t,this.content.list.appendChild(s),this.repositionOpenContent()}renderSearching(){this.optionsListIsFullData=!1,this.content.list.innerHTML="";let t=document.createElement("div");this.addClasses(t,this.classes.searching),t.textContent=this.settings.searchingText,this.content.list.appendChild(t),this.announce(this.settings.searchingText),this.repositionOpenContent()}renderOptions(t){if(this.lastSearchFilterTerm="",this.lastRenderedOptions=t.map((t=>t instanceof V?[t]:t.options.map((t=>new V(t))))).flat(),this.content.list.innerHTML="",0===t.length){this.optionsListIsFullData=!1;let t=document.createElement("div");if(this.addClasses(t,this.classes.search),this.callbacks.addable){let s=this.settings.addableText.replace("{value}",this.content.search.input.value);t.innerHTML=s,this.announce(s)}else t.innerHTML=this.settings.searchText,this.announce(this.settings.searchText);return this.content.list.appendChild(t),void this.repositionOpenContent()}this.settings.allowDeselect&&!this.settings.isMultiple&&(this.store.filter((t=>t.placeholder),!1,!1).length||this.store.addOption(new V({text:"",value:"",selected:!1,placeholder:!0}),!0));let s=document.createDocumentFragment();for(let e of t){if(e instanceof N){let t=document.createElement("div");this.addClasses(t,this.classes.optgroup);let i=document.createElement("div");this.addClasses(i,this.classes.optgroupLabel),t.appendChild(i);let o=document.createElement("div");this.addClasses(o,this.classes.optgroupLabelText),o.textContent=e.label,i.appendChild(o);let r=document.createElement("div");if(this.addClasses(r,this.classes.optgroupActions),i.appendChild(r),this.settings.isMultiple&&e.selectAll){let t=this.createSelectAllControl((()=>{let t=this.store.getSelected();if(this.isOptgroupAllSelected(e.options,new Set(t))){let s=t.filter((t=>{for(let s of e.options)if(t===s.id)return!1;return!0}));this.callbacks.setSelected(s,!0)}else{let s=e.options.map((t=>t.id)).filter((t=>void 0!==t)),i=t.concat(s);for(let t of e.options)t.id&&!this.store.getOptionByID(t.id)&&this.callbacks.addOption(new V(t));this.callbacks.setSelected(i,!0)}}),this.isOptgroupAllSelected(e.options));r.appendChild(t)}if("off"!==e.closable){let s=document.createElement("div");this.addClasses(s,this.classes.optgroupClosable);let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100"),this.addClasses(o,this.classes.arrow),s.appendChild(o);let a=document.createElementNS("http://www.w3.org/2000/svg","path");o.appendChild(a),e.options.some((t=>t.selected))||""!==this.content.search.input.value.trim()?(this.addClasses(s,this.classes.mainOpen),a.setAttribute("d",this.classes.arrowOpen)):"open"===e.closable?(this.addClasses(t,this.classes.mainOpen),a.setAttribute("d",this.classes.arrowOpen)):"close"===e.closable&&(this.addClasses(t,this.classes.close),a.setAttribute("d",this.classes.arrowClose)),i.addEventListener("click",(e=>{e.preventDefault(),e.stopPropagation(),this.isClosableOptgroupOpen(t,s)?(this.removeClasses(t,this.classes.mainOpen),this.removeClasses(s,this.classes.mainOpen),this.addClasses(t,this.classes.close),a.setAttribute("d",this.classes.arrowClose)):(this.closeOtherClosableOptgroups(t),this.removeClasses(t,this.classes.close),this.removeClasses(s,this.classes.mainOpen),this.addClasses(t,this.classes.mainOpen),a.setAttribute("d",this.classes.arrowOpen)),this.repositionOpenContent()})),r.appendChild(s)}t.appendChild(i);for(let i of e.options)t.appendChild(this.option(new V(i))),s.appendChild(t)}e instanceof V&&s.appendChild(this.option(e))}this.content.list.appendChild(s),this.setOptionsListFullData(t),this.announce(this.settings.resultsText.replace("{count}",String(this.lastRenderedOptions.length))),this.updateGlobalSelectAllState(),this.repositionOpenContent()}canFilterOptionsInPlace(){return!!this.optionsListIsFullData&&null!==this.content.list.querySelector("."+this.classes.getFirst("option"))}resetSearchFilterState(){this.lastSearchFilterTerm=""}filterOptionsInPlace(t,s){let e=t.trim();if(e===this.lastSearchFilterTerm)return;this.lastSearchFilterTerm=e;let i=[],o=this.content.list.querySelectorAll("."+this.classes.getFirst("option"));for(let t of o){let o=t.dataset.id;if(!o)continue;let r=this.store.getOptionByID(o);if(!r)continue;let a=r.placeholder||!r.display||r.selected&&this.settings.hideSelected,n=s(r,e);a||!n?(this.addClasses(t,this.classes.hide),this.removeClasses(t,this.classes.highlighted)):(this.removeClasses(t,this.classes.hide),this.setOptionElementContent(t,r,e),i.push(r)),r.selected?(this.addClasses(t,this.classes.selected),t.setAttribute("aria-selected","true")):(this.removeClasses(t,this.classes.selected),t.setAttribute("aria-selected","false"))}this.lastRenderedOptions=i,this.updateOptgroupVisibilityAfterSearch(e),0===i.length?this.updateSearchResultsMessage(0,e):(this.removeListSearchMessage(),this.announce(this.settings.resultsText.replace("{count}",String(i.length)))),this.updateOptgroupSelectAllStates(),this.updateGlobalSelectAllState(),this.repositionOpenContent()}setOptionsListFullData(t){let s=this.store.getDataOptions(!1),e=t.map((t=>t instanceof V?[t]:t.options.map((t=>new V(t))))).flat();if(e.length!==s.length)return void(this.optionsListIsFullData=!1);let i=new Set(s.map((t=>t.id)));this.optionsListIsFullData=e.every((t=>i.has(t.id)))}isClosableOptgroupOpen(t,s){return!t.classList.contains(this.classes.getFirst("close"))&&(t.classList.contains(this.classes.getFirst("mainOpen"))||s.classList.contains(this.classes.getFirst("mainOpen")))}closeClosableOptgroup(t){let s=t.querySelector("."+this.classes.getFirst("optgroupClosable"));if(!s||t.classList.contains(this.classes.getFirst("close")))return;this.removeClasses(t,this.classes.mainOpen),this.removeClasses(s,this.classes.mainOpen),this.addClasses(t,this.classes.close);let e=s.querySelector("path");e&&e.setAttribute("d",this.classes.arrowClose)}closeOtherClosableOptgroups(t){let s=this.content.list.querySelectorAll("."+this.classes.getFirst("optgroup"));for(let e of s)e!==t&&this.closeClosableOptgroup(e)}updateOptgroupVisibilityAfterSearch(t){let s=this.content.list.querySelectorAll("."+this.classes.getFirst("optgroup"));for(let e of s){let s=e.querySelectorAll("."+this.classes.getFirst("option")),i=!1;for(let t of s)if(!t.classList.contains(this.classes.getFirst("hide"))){i=!0;break}i?(this.removeClasses(e,this.classes.hide),""!==t&&(this.removeClasses(e,this.classes.close),this.addClasses(e,this.classes.mainOpen))):this.addClasses(e,this.classes.hide)}}updateSearchResultsMessage(t,s){if(this.removeListSearchMessage(),t>0)return;let e=document.createElement("div");if(this.addClasses(e,this.classes.search),this.callbacks.addable){let t=this.settings.addableText.replace("{value}",s);e.innerHTML=t,this.announce(t)}else e.innerHTML=this.settings.searchText,this.announce(this.settings.searchText);this.content.list.appendChild(e)}removeListSearchMessage(){this.content.list.querySelectorAll("."+this.classes.getFirst("search")).forEach((t=>t.remove()))}setOptionElementContent(t,s,e){let i=e.trim();this.settings.searchHighlight&&""!==i?t.innerHTML=this.highlightText(""===s.html?s.text:s.html,i,this.classes.searchHighlighter):""===s.html?t.textContent=s.text:t.innerHTML=s.html,this.settings.showOptionTooltips&&t.textContent?t.setAttribute("title",t.textContent):t.removeAttribute("title")}hasRenderedOptions(){return null!==this.content.list.querySelector("."+this.classes.getFirst("option"))}canUpdateOptionSelectionInPlace(){return""===this.content.search.input.value.trim()&&this.hasRenderedOptions()}updateOptionSelection(){let t=new Set(this.store.getSelected()),s=this.content.list.querySelectorAll("."+this.classes.getFirst("option")),e=null;for(let i of s){let s=i.dataset.id;if(!s)continue;let o=this.store.getOptionByID(s);if(!o)continue;let r=t.has(s);r?(this.addClasses(i,this.classes.selected),i.setAttribute("aria-selected","true"),e=i):(this.removeClasses(i,this.classes.selected),i.setAttribute("aria-selected","false")),this.settings.hideSelected&&(r?this.addClasses(i,this.classes.hide):(this.removeClasses(i,this.classes.hide),o.display||this.addClasses(i,this.classes.hide)))}!this.settings.isMultiple&&e?this.main.main.setAttribute("aria-activedescendant",e.id):!this.settings.isMultiple&&0===t.size&&this.main.main.removeAttribute("aria-activedescendant"),this.updateOptgroupSelectAllStates(),this.updateGlobalSelectAllState(),this.repositionOpenContent()}createSelectAllControl(t,s=!1){let e=document.createElement("div");this.addClasses(e,this.classes.optgroupSelectAll),e.setAttribute("role","checkbox"),e.setAttribute("aria-checked",s?"true":"false"),e.setAttribute("aria-label",this.selectAllLabel(s)),e.tabIndex=-1,s&&this.addClasses(e,this.classes.selected);let i=document.createElement("span");i.textContent=this.selectAllLabel(s),e.appendChild(i);let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100"),o.setAttribute("aria-hidden","true"),e.appendChild(o);let r=document.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("d",this.classes.optgroupSelectAllBox),o.appendChild(r);let a=document.createElementNS("http://www.w3.org/2000/svg","path");return a.setAttribute("d",this.classes.optgroupSelectAllCheck),o.appendChild(a),e.addEventListener("click",(s=>{s.preventDefault(),s.stopPropagation(),t()})),e}getSelectableOptions(){return this.store.getDataOptions(!1).filter((t=>!t.disabled&&!t.placeholder&&t.display))}isGlobalAllSelected(t){let s=this.getSelectableOptions();if(0===s.length)return!1;let e=t||new Set(this.store.getSelected());for(let t of s)if(!e.has(t.id))return!1;return!0}toggleGlobalSelectAll(){let t=this.getSelectableOptions(),s=new Set(this.store.getSelected());if(this.isGlobalAllSelected(s)){let s=new Set(t.map((t=>t.id))),e=this.store.getSelected().filter((t=>!s.has(t)));this.callbacks.setSelected(e,!0)}else this.callbacks.setSelected(t.map((t=>t.id)),!0)}updateGlobalSelectAllState(){let t=this.content.search.selectAll;if(!t||!this.settings.isMultiple||!this.settings.selectAll)return;let s=this.isGlobalAllSelected();s?this.addClasses(t,this.classes.selected):this.removeClasses(t,this.classes.selected),t.setAttribute("aria-checked",s?"true":"false"),t.setAttribute("aria-label",this.selectAllLabel(s));let e=t.querySelector("span");e&&(e.textContent=this.selectAllLabel(s))}updateOptgroupSelectAllStates(){if(!this.settings.isMultiple)return;let t=new Set(this.store.getSelected()),s=this.content.list.querySelectorAll("."+this.classes.getFirst("optgroup"));for(let e of s){let s=e.querySelector("."+this.classes.getFirst("optgroupSelectAll"));if(!s)continue;let i=e.querySelectorAll("."+this.classes.getFirst("option")),o=i.length>0;for(let s of i){let e=s.dataset.id;if(!e||!t.has(e)){o=!1;break}}o?this.addClasses(s,this.classes.selected):this.removeClasses(s,this.classes.selected),s.setAttribute("aria-checked",o?"true":"false"),s.setAttribute("aria-label",this.selectAllLabel(o));let r=s.querySelector("span");r&&(r.textContent=this.selectAllLabel(o))}}selectAllLabel(t){return t?this.settings.unselectAllText:this.settings.selectAllText}isOptgroupAllSelected(t,s){if(0===t.length)return!1;for(let e of t)if(!(s?e.id&&s.has(e.id):e.selected))return!1;return!0}option(t){if(t.placeholder){let t=document.createElement("div");return this.addClasses(t,this.classes.option),this.addClasses(t,this.classes.hide),t}let s=document.createElement("div");return s.dataset.id=t.id,s.id=this.settings.id+"-"+t.id,this.addClasses(s,this.classes.option),s.setAttribute("role","option"),t.class&&t.class.split(" ").forEach((t=>{s.classList.add(t)})),t.style&&(s.style.cssText=t.style),this.setOptionElementContent(s,t,this.content.search.input.value),t.display||this.addClasses(s,this.classes.hide),t.disabled&&this.addClasses(s,this.classes.disabled),t.selected&&this.settings.hideSelected&&this.addClasses(s,this.classes.hide),t.selected?(this.addClasses(s,this.classes.selected),s.setAttribute("aria-selected","true"),this.main.main.setAttribute("aria-activedescendant",s.id)):(this.removeClasses(s,this.classes.selected),s.setAttribute("aria-selected","false")),s.addEventListener("click",(s=>{s.preventDefault(),s.stopPropagation();let e=this.store.getSelected(),i=String(s.currentTarget.dataset.id),o=this.store.getOptionByID(i)??t,r=e.includes(i),a=s.ctrlKey||s.metaKey;if(t.disabled)return;if(!this.settings.isMultiple&&r&&!this.settings.allowDeselect)return void this.closeOnSingleSelectReclick(o);if(r&&o.mandatory)return void this.closeOnSingleSelectReclick(o);if(this.settings.isMultiple&&this.settings.maxSelected<=e.length&&!r||this.settings.isMultiple&&this.settings.minSelected>=e.length&&r&&!a)return;let n=!1,l=this.store.getSelectedOptions(),c=[];if(this.settings.isMultiple){let e=l.some((t=>t.id===i));if(s.shiftKey&&this.lastSelectedOption){let s=this.lastRenderedOptions,e=s.findIndex((t=>t.id===this.lastSelectedOption.id)),i=s.findIndex((s=>s.id===t.id));if(e>=0&&i>=0){let t=Math.min(e,i),o=Math.max(e,i),r=s.slice(t,o+1).filter((t=>!l.find((s=>s.id===t.id))));c=l.length+r.length<=this.settings.maxSelected?l.concat(r):l}else c=l}else c=e?l.filter((t=>t.id!==i)):l.concat(o),this.lastSelectedOption=o}this.settings.isMultiple||(c=r?[]:[o]),this.callbacks.beforeChange||(n=!0),this.callbacks.beforeChange&&(n=!1!==this.callbacks.beforeChange(c,l)),n&&(this.store.getOptionByID(i)||this.callbacks.addOption(t),this.callbacks.setSelected(c.map((t=>t.id)),!1),this.settings.closeOnSelect&&!(this.settings.isMultiple&&(s.ctrlKey||s.metaKey||s.shiftKey))&&this.requestClose("select",{option:o,selectionChanged:this.selectionChanged(l,c)}),this.callbacks.afterChange&&this.callbacks.afterChange(c))})),s}destroy(){this.stopPositionTracking(),this.modalElements?(this.unlockBodyScroll(),this.content.main.parentElement===this.modalElements.dialog&&this.restoreContentOffscreen(),this.modalElements.overlay.remove(),this.modalElements=null):this.bodyScrollLocked&&this.unlockBodyScroll(),this.main.main.remove(),this.content.main.remove(),this.removeDetachedInstanceDom()}removeDetachedInstanceDom(){let t=this.settings.id,s=this.classes.getFirst("main"),e=this.classes.getFirst("content"),i=this.classes.getFirst("modalOverlay");document.querySelectorAll(`[data-id="${t}"]`).forEach((t=>{(t.classList.contains(s)||t.classList.contains(e)||t.classList.contains(i))&&t.remove()}))}highlightText(t,s,e){let i=s.trim();if(""===i)return t;let o=i.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),r=document.createElement("div");r.innerHTML=t;let a=t=>{if(t.nodeType===Node.TEXT_NODE){let s=t.textContent||"",i=RegExp("("+o+")","i");if(i.test(s)){let o=document.createElement("span");s.split(i).forEach((t=>{if(t&&i.test(t)){let s=document.createElement("mark");s.className=e,s.textContent=t,o.appendChild(s)}else t&&o.appendChild(document.createTextNode(t))})),t.parentNode?.replaceChild(o,t)}}else t.nodeType===Node.ELEMENT_NODE&&Array.from(t.childNodes).forEach((t=>a(t)))};return Array.from(r.childNodes).forEach((t=>a(t))),r.innerHTML}setContentDirection(t){let s="above"===t,e=s?this.classes.dirAbove:this.classes.dirBelow,i=s?this.classes.dirBelow:this.classes.dirAbove;this.removeClasses(this.main.main,i),this.addClasses(this.main.main,e),this.removeClasses(this.content.main,i),this.addClasses(this.content.main,e),this.content.main.style.margin=s?"-"+(this.main.main.offsetHeight+this.content.main.offsetHeight-1)+"px 0px 0px 0px":"-1px 0px 0px 0px"}setContentPosition(){let t,s,e=this.main.main.getBoundingClientRect();if("relative"===this.settings.contentPosition)return void this.applyContentWidth(e);this.cancelOverflowShift(),"fixed"===this.settings.contentPosition?(t=e.top+e.height,s=e.left):(t=e.top+window.scrollY+e.height,s=e.left+window.scrollX),this.content.main.style.top=t+"px",this.content.main.style.left=s+"px",this.applyContentWidth(e);let i=this.getKnownContentWidth(e);null===i?this.overflowShiftRaf=requestAnimationFrame((()=>{this.overflowShiftRaf=0,this.applyOverflowShiftFromMeasure()})):this.content.main.style.left=this.adjustLeftForOverflow(s,e.left,i)+"px"}applyContentWidth(t){let s=this.settings.contentWidth;this.content.main.style.width="",this.content.main.style.minWidth="",this.content.main.style.maxWidth="",s?s.startsWith(">")?this.content.main.style.minWidth=s.slice(1):s.startsWith("<")?this.content.main.style.maxWidth=s.slice(1):this.content.main.style.width=s:"relative"!==this.settings.contentPosition&&(this.content.main.style.width=t.width+"px")}cancelOverflowShift(){this.overflowShiftRaf&&=(cancelAnimationFrame(this.overflowShiftRaf),0)}getKnownContentWidth(t){let s=this.settings.contentWidth;if(!s)return t.width;if(s.startsWith(">")||s.startsWith("<")||s.includes("%"))return null;let e=parseFloat(s);return Number.isNaN(e)?null:e}adjustLeftForOverflow(t,s,e){let i=s+e;if(i<=window.innerWidth)return t;let o=t-(i-(window.innerWidth-20));return"fixed"===this.settings.contentPosition?Math.max(0,o):Math.max(window.scrollX,o)}applyOverflowShiftFromMeasure(){let t=this.content.main.getBoundingClientRect().right;if(t<=window.innerWidth)return;let s=t-(window.innerWidth-20),e=(parseFloat(this.content.main.style.left)||0)-s;this.content.main.style.left="fixed"===this.settings.contentPosition?Math.max(0,e)+"px":Math.max(window.scrollX,e)+"px"}moveContentAbove(){this.setContentDirection("above"),this.setContentPosition()}moveContentBelow(){this.setContentDirection("below"),this.setContentPosition()}ensureElementInView(t,s){let e=t.scrollTop+t.offsetTop,i=e+t.clientHeight,o=s.offsetTop,r=o+s.clientHeight;o<e?t.scrollTop-=e-o:r>i&&(t.scrollTop+=r-i)}putContent(){let t=this.main.main.offsetHeight,s=this.main.main.getBoundingClientRect(),e=this.content.main.offsetHeight;return window.innerHeight-(s.top+t)<=e&&s.top>e?"up":"down"}updateDeselectAll(){if(!this.store||!this.settings)return;let t=this.store.getSelectedOptions(),s=t&&t.length>0,e=this.settings.isMultiple,i=this.settings.allowDeselect,o=this.isAtMinSelected(),r=this.main.deselect.main,a=this.classes.hide;!i||e&&!s||o?this.addClasses(r,a):this.removeClasses(r,a)}},$=class{select;onValueChange;onClassChange;onDisabledChange;onOptionsChange;onLabelClick;listen=!1;observer=null;isUpdating=!1;pendingOptionsChange=null;preventNativeSelect=null;preventNativeSelectMousedown=null;preventNativeSelectFocus=null;restoreAriaHiddenOnBlur=null;constructor(t){this.select=t,this.valueChange=this.valueChange.bind(this),this.select.addEventListener("change",this.valueChange,{passive:!0}),this.observer=new MutationObserver(this.observeCall.bind(this)),this.changeListen(!0)}enable(){this.select.disabled=!1}disable(){this.select.disabled=!0}hideUI(){this.select.tabIndex=-1,this.select.style.position="absolute",this.select.style.width="1px",this.select.style.height="1px",this.select.style.opacity="0",this.select.style.overflow="hidden",this.select.style.pointerEvents="none",this.select.style.margin="0",this.select.style.padding="0",this.select.style.borderWidth="0",this.select.style.clipPath="inset(50%)",document.activeElement!==this.select&&this.select.setAttribute("aria-hidden","true"),this.preventNativeSelect||(this.preventNativeSelect=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()},this.preventNativeSelectMousedown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()},this.preventNativeSelectFocus=t=>{this.select.removeAttribute("aria-hidden"),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()},this.restoreAriaHiddenOnBlur=()=>{this.select.setAttribute("aria-hidden","true")},this.select.addEventListener("click",this.preventNativeSelect,{capture:!0,passive:!1}),this.select.addEventListener("mousedown",this.preventNativeSelectMousedown,{capture:!0,passive:!1}),this.select.addEventListener("focus",this.preventNativeSelectFocus,{capture:!0,passive:!1}),this.select.addEventListener("blur",this.restoreAriaHiddenOnBlur,{capture:!0,passive:!0}))}showUI(){this.select.removeAttribute("tabindex"),this.select.style.position="",this.select.style.width="",this.select.style.height="",this.select.style.opacity="",this.select.style.overflow="",this.select.style.pointerEvents="",this.select.style.margin="",this.select.style.padding="",this.select.style.borderWidth="",this.select.style.clipPath="",this.select.removeAttribute("aria-hidden"),this.preventNativeSelect&&=(this.select.removeEventListener("click",this.preventNativeSelect,{capture:!0}),null),this.preventNativeSelectMousedown&&=(this.select.removeEventListener("mousedown",this.preventNativeSelectMousedown,{capture:!0}),null),this.preventNativeSelectFocus&&=(this.select.removeEventListener("focus",this.preventNativeSelectFocus,{capture:!0}),null),this.restoreAriaHiddenOnBlur&&=(this.select.removeEventListener("blur",this.restoreAriaHiddenOnBlur,{capture:!0}),null)}changeListen(t){this.listen=t,t&&this.observer&&this.observer.observe(this.select,{subtree:!0,childList:!0,attributes:!0}),t||this.observer&&this.observer.disconnect()}valueChange(t){return this.listen&&this.onValueChange&&this.onValueChange(this.getSelectedOptions()),!0}observeCall(t){if(!this.listen)return;let{classChanged:s,disabledChanged:e,optgroupOptionChanged:i,selectionChanged:o}=function(t,s){let e={classChanged:!1,disabledChanged:!1,optgroupOptionChanged:!1,selectionChanged:!1};for(let i of t){if(i.target===s&&("disabled"===i.attributeName&&(e.disabledChanged=!0),"class"===i.attributeName&&(e.classChanged=!0),"childList"===i.type)){for(let t of Array.from(i.addedNodes))if("OPTION"===t.nodeName&&t.value===s.value){e.selectionChanged=!0;break}e.optgroupOptionChanged=!0}("OPTGROUP"===i.target.nodeName||"OPTION"===i.target.nodeName)&&(e.optgroupOptionChanged=!0)}return e}(t,this.select),r=o;if(s&&this.onClassChange&&this.onClassChange(this.select.className.split(" ")),e&&this.onDisabledChange&&(this.changeListen(!1),this.onDisabledChange(this.select.disabled),this.changeListen(!0)),i&&this.clearLeftoverHiddenDisplay(t),i&&this.onOptionsChange){if(this.isUpdating){if(this.select.options.length>0){let t=this.getData();t.length>0&&(this.pendingOptionsChange=t)}return void(r&&this.select.dispatchEvent(new Event("change")))}this.changeListen(!1),this.onOptionsChange(this.getData()),this.changeListen(!0),r=!1}r&&this.select.dispatchEvent(new Event("change"))}getData(){let t=[],s=this.select.childNodes;for(let e of s)"OPTGROUP"===e.nodeName&&t.push(this.getDataFromOptgroup(e)),"OPTION"===e.nodeName&&t.push(this.getDataFromOption(e));return t}getDataFromOptgroup(t){let s={id:t.id,label:t.label,selectAll:!!t.dataset&&"true"===t.dataset.selectall,closable:t.dataset?t.dataset.closable:"off",options:[]},e=t.childNodes;for(let t of e)"OPTION"===t.nodeName&&s.options.push(this.getDataFromOption(t));return s}clearLeftoverHiddenDisplay(t){for(let s of t){if("OPTION"!==s.target.nodeName||"hidden"!==s.attributeName)continue;let t=s.target;!t.hidden&&"none"===t.style.display&&(t.style.display="")}}getDataFromOption(t){let s=t.hidden||t.hasAttribute("hidden");return{id:t.id,value:t.value,text:t.text,html:t.dataset&&t.dataset.html?t.dataset.html:"",defaultSelected:t.defaultSelected,selected:t.selected,display:"none"!==t.style.display&&!s,disabled:t.disabled,mandatory:!!t.dataset&&"true"===t.dataset.mandatory,placeholder:"true"===t.dataset.placeholder,class:t.className,style:t.style.cssText,data:S(t.dataset)}}getSelectedOptions(){let t=[],s=this.select.childNodes;for(let e of s){if("OPTGROUP"===e.nodeName){let s=e.childNodes;for(let e of s)"OPTION"===e.nodeName&&e.selected&&t.push(this.getDataFromOption(e))}"OPTION"===e.nodeName&&e.selected&&t.push(this.getDataFromOption(e))}return t}getSelectedValues(){return this.getSelectedOptions().map((t=>t.value))}hasOptionValues(t){if(0===t.length)return!0;let s=new Set(Array.from(this.select.options).map((t=>t.value)));return t.every((t=>s.has(t)))}setSelected(t){this.changeListen(!1);let s=this.select.childNodes;for(let e of s){if("OPTGROUP"===e.nodeName){let s=e.childNodes;for(let e of s)"OPTION"===e.nodeName&&(e.selected=t.includes(e.id))}"OPTION"===e.nodeName&&(e.selected=t.includes(e.id))}let e=this.getSelectedOptions();this.select.multiple||(this.select.value=1===e.length?e[0].value:""),this.select.dispatchEvent(new Event("change",{bubbles:!0})),this.changeListen(!0)}setSelectedByValue(t){this.changeListen(!1);let s=this.select.childNodes;for(let e of s){if("OPTGROUP"===e.nodeName){let s=e.childNodes;for(let e of s)"OPTION"===e.nodeName&&(e.selected=t.includes(e.value))}"OPTION"===e.nodeName&&(e.selected=t.includes(e.value))}let e=this.getSelectedOptions();this.select.multiple||(this.select.value=1===e.length?e[0].value:""),this.select.dispatchEvent(new Event("change",{bubbles:!0})),this.changeListen(!0)}updateSelect(t,s,e){this.changeListen(!1),t&&(this.select.dataset.id=t),s&&(this.select.style.cssText=s),e&&(this.select.className="",e.forEach((t=>{""!==t.trim()&&this.select.classList.add(t.trim())}))),this.changeListen(!0)}updateOptions(t){if(!t||0===t.length)return;this.isUpdating=!0,this.pendingOptionsChange=null,this.changeListen(!1);let s=this.getSelectedValues();this.select.innerHTML="";for(let s of t)s instanceof N&&this.select.appendChild(this.createOptgroup(s)),s instanceof V&&this.select.appendChild(this.createOption(s));if(T(s,this.getSelectedValues())||this.select.dispatchEvent(new Event("change",{bubbles:!0})),this.changeListen(!0),this.isUpdating=!1,null!==this.pendingOptionsChange){let t=this.pendingOptionsChange;t.length>0&&this.onOptionsChange?(this.pendingOptionsChange=null,this.changeListen(!1),this.onOptionsChange(t),this.changeListen(!0)):this.pendingOptionsChange=null}}createOptgroup(t){let s=document.createElement("optgroup");if(s.id=t.id,s.label=t.label,t.selectAll&&(s.dataset.selectAll="true"),"off"!==t.closable&&(s.dataset.closable=t.closable),t.options)for(let e of t.options)s.appendChild(this.createOption(e));return s}createOption(t){let s=document.createElement("option");return s.id=t.id,s.value=t.value,s.textContent=t.text,""!==t.html&&s.setAttribute("data-html",t.html),s.defaultSelected=t.defaultSelected,s.selected=t.selected,t.disabled&&(s.disabled=!0),s.hidden=!t.display,t.placeholder&&s.setAttribute("data-placeholder","true"),t.mandatory&&s.setAttribute("data-mandatory","true"),t.class&&t.class.split(" ").forEach((t=>{s.classList.add(t)})),t.data&&"object"==typeof t.data&&Object.keys(t.data).forEach((e=>{s.setAttribute("data-"+function(t){let s=t.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,(t=>"-"+t.toLowerCase()));return t[0]===t[0].toUpperCase()?s.substring(1):s}(e),t.data[e])})),s}setupLabelHandlers(){let t=[],s=this.select.id;s&&document.querySelectorAll(`label[for="${s}"]`).forEach((s=>t.push(s)));let e=this.select.parentElement;for(;e&&e!==document.body;){if("LABEL"===e.tagName){t.push(e);break}e=e.parentElement}Array.from(new Set(t)).forEach((t=>{if(t.__slimSelectLabelHandler)return;let s=t=>{let s=E(t.target,this.select.dataset.id);t.preventDefault(),!s&&this.onLabelClick&&this.onLabelClick()};t.__slimSelectLabelHandler=s,t.addEventListener("click",s,{capture:!0,passive:!1})}))}removeLabelHandlers(){let t=[],s=this.select.id;s&&document.querySelectorAll(`label[for="${s}"]`).forEach((s=>t.push(s)));let e=this.select.parentElement;for(;e&&e!==document.body;){if("LABEL"===e.tagName){t.push(e);break}e=e.parentElement}Array.from(new Set(t)).forEach((t=>{let s=t.__slimSelectLabelHandler;s&&(t.removeEventListener("click",s,{capture:!0}),delete t.__slimSelectLabelHandler)}))}destroy(){this.changeListen(!1),this.select.removeEventListener("change",this.valueChange),this.preventNativeSelect&&=(this.select.removeEventListener("click",this.preventNativeSelect,{capture:!0}),null),this.preventNativeSelectMousedown&&=(this.select.removeEventListener("mousedown",this.preventNativeSelectMousedown,{capture:!0}),null),this.preventNativeSelectFocus&&=(this.select.removeEventListener("focus",this.preventNativeSelectFocus,{capture:!0}),null),this.restoreAriaHiddenOnBlur&&=(this.select.removeEventListener("blur",this.restoreAriaHiddenOnBlur,{capture:!0}),null),this.observer&&=(this.observer.disconnect(),null),this.removeLabelHandlers(),delete this.select.dataset.id,this.showUI()}};var Z=class{deps;queue=[];flushScheduled=!1;isSyncing=!1;constructor(t){this.deps=t}enqueue(t){this.queue.push(t),"native"!==t.source?this.isSyncing||this.flush():this.flushScheduled||(this.flushScheduled=!0,queueMicrotask((()=>this.flush())))}flush(){if(this.flushScheduled=!1,0===this.queue.length)return;let t=this.coalesceBatch(this.queue);this.queue=[],this.isSyncing=!0;try{for(let s of t)this.applyChange(s)}finally{this.isSyncing=!1,this.queue.length>0&&this.flush()}}coalesceBatch(t){let s=t.some((t=>"structure"===t.type)),e=t.some((t=>"addOption"===t.type));if(s||e){let s=t.filter((t=>"structure"===t.type||"addOption"===t.type)),e=s[s.length-1];return"structure"===e?.type?[e]:s}let i=t.filter((t=>"selection"===t.type));return i.length>0?[i[i.length-1]]:t}applyChange(t){switch(t.type){case"structure":this.applyStructure(t.data,t.source,t.preserveSelection,t.isSearchResult);break;case"selection":this.applySelection(t.values,t.source,!1!==t.runAfterChange);break;case"addOption":this.applyAddOption(t.option)}}applyStructure(t,s,e=!1,i=!1){let{store:o,select:r,render:a,events:n}=this.deps;if(!i&&function(t,s){return function(t,s){if(t===s)return!0;if(t.length!==s.length)return!1;for(let e=0;e<t.length;e++){let i=t[e],o=s[e],r=B(i);if(r!==B(o))return!1;if(r){if(!j(i,o))return!1}else if(!F(i,o))return!1}return!0}(t.getData(!1),s)}(o,t))return;let l=o.getSelected(),c=o.validateDataArray(t);if(c)return void(n.error?n.error(c):this.deps.onError&&this.deps.onError(c));o.setData(t,e);let h=o.getData(!1);i||o.snapshotCatalog(),i||r.updateOptions(h),a.renderValues(),a.renderOptions(h),n.afterChange&&!T(l,o.getSelected())&&n.afterChange(o.getSelectedOptions())}syncNativeSelection(){let{store:t,select:s}=this.deps,e=t.getSelectedOptions(),i=t.getSelectedValues();if(!s.hasOptionValues(i)){if(e.length>0)return void s.updateOptions(e);let i=t.getCatalogData().find((t=>t instanceof V&&!0===t.placeholder));if(i)return void s.updateOptions([new V({...i,selected:!0})])}s.setSelectedByValue(i)}applySelection(t,s,e){let{store:i,render:o,events:r}=this.deps,a=i.getSelected(),n=function(t,s){let e=Array.isArray(s)?s:[s],i=t.getDataOptions(!1),o=[];for(let t of e)if(i.find((s=>s.id==t)))o.push(t);else for(let s of i.filter((s=>s.value==t)))o.push(s.id);return o}(i,t);if(T(a,n))return;i.setSelectedBy("id",n),this.syncNativeSelection(),o.renderValues();let l=o.content.search.input.value.trim();""===l?o.canUpdateOptionSelectionInPlace()?o.updateOptionSelection():o.renderOptions(i.getData(!1)):o.hasRenderedOptions()?o.updateOptionSelection():this.deps.search&&this.deps.search(l),e&&r.afterChange&&!T(a,i.getSelected())&&r.afterChange(i.getSelectedOptions())}applyAddOption(t){let{store:s,select:e,render:i,events:o}=this.deps,r=s.getSelected(),a=""!==i.content.search.input.value.trim()&&!!this.deps.search,n=t.value??t.text??"",l=t=>{for(let s of t)if(s instanceof N){if(s.options.some((t=>(t.value??t.text)===n)))return!0}else if((s.value??s.text)===n)return!0;return!1};if(!l(s.getData(!1)))if(a){let e=s.getCatalogData();l(e)||s.setData([...e,new V(t)],!0),s.snapshotCatalog()}else s.addOption(t),s.snapshotCatalog();let c=s.getData(!1);if(a){let t=s.getSelectedOptions();t.length>0&&e.updateOptions(t)}else e.updateOptions(c);i.renderValues(),i.renderOptions(c),o.afterChange&&!T(r,s.getSelected())&&o.afterChange(s.getSelectedOptions())}},q=class{selectEl;settings;cssClasses;select;store;render;sync;lifecycle;globalEvents;searchGeneration=0;events={search:void 0,searchFilter:(t,s)=>-1!==t.text.toLowerCase().indexOf(s.toLowerCase()),addable:void 0,beforeChange:void 0,afterChange:void 0,beforeOpen:void 0,afterOpen:void 0,beforeClose:void 0,afterClose:void 0};constructor(t){if(this.selectEl="string"==typeof t.select?document.querySelector(t.select):t.select,!this.selectEl)return void(t.events&&t.events.error&&t.events.error(Error("Could not find select element")));if("SELECT"!==this.selectEl.tagName)return void(t.events&&t.events.error&&t.events.error(Error("Element isnt of type select")));this.selectEl.dataset.ssid&&this.destroy(),this.settings=new z(t.settings),void 0===t.settings?.selectAll&&"true"===this.selectEl.dataset.selectall&&(this.settings.selectAll=!0),this.cssClasses=new b(t.cssClasses);let s=["beforeOpen","afterOpen","afterClose"];for(let e in t.events)t.events.hasOwnProperty(e)&&(this.events[e]=-1===s.indexOf(e)?t.events[e]:D(t.events[e],100));this.settings.disabled=t.settings?.disabled?t.settings.disabled:this.selectEl.disabled,this.settings.isMultiple=this.selectEl.multiple,this.settings.style=this.selectEl.style.cssText,this.settings.class=this.selectEl.className.split(" "),this.select=new $(this.selectEl),this.selectEl.id||(this.selectEl.id=this.settings.id),this.select.updateSelect(this.settings.id,this.settings.style,this.settings.class),this.select.hideUI(),this.select.onClassChange=t=>{this.settings.class=t,this.render.updateClassStyles()},this.select.onDisabledChange=t=>{t?this.disable():this.enable()},this.select.onLabelClick=()=>{this.settings.disabled||(this.settings.isOpen?this.close({source:"toggle",selectionChanged:!1}):this.open())};let e=t.data?t.data:this.select.getData();this.store=new H(this.settings.isMultiple?"multiple":"single",e),t.data&&this.select.updateOptions(this.store.getData());let i={open:this.open.bind(this),close:this.close.bind(this),addable:this.events.addable?this.events.addable:void 0,setSelected:(t,s)=>{this.sync.enqueue({type:"selection",values:t,source:"ui",runAfterChange:s})},addOption:t=>{this.sync.enqueue({type:"addOption",option:t,source:"ui"})},search:this.search.bind(this),beforeChange:this.events.beforeChange,afterChange:this.events.afterChange};this.settings.modalTitle=t.settings?.modalTitle??function(t){if(t.labels&&t.labels.length>0){let s=Array.from(t.labels).map(L).filter(Boolean);if(s.length>0)return[...new Set(s)].join(" ")}return t.getAttribute("aria-label")?.trim()||""}(this.selectEl),this.render=new G(this.settings,this.cssClasses,this.store,i),this.settings.timeoutDelay=y(this.render.content.main,t.settings?.timeoutDelay),this.sync=new Z({select:this.select,store:this.store,render:this.render,events:this.events,search:this.search.bind(this)}),this.select.onValueChange=t=>{this.sync.enqueue({type:"selection",values:t.map((t=>t.id||t.value)),source:"native"})},this.select.onOptionsChange=t=>{this.sync.enqueue({type:"structure",data:t||[],source:"native"})},this.lifecycle=new R({beforeOpen:this.events.beforeOpen,afterOpen:this.events.afterOpen,beforeClose:t=>this.events.beforeClose?.(t),onClose:t=>this.applyClose(t),afterClose:()=>{this.render.clearDirectionClasses(),this.render.finalizeModalClose(),this.events.afterClose&&this.events.afterClose()},onOpenReady:()=>this.globalEvents.attachDocumentClick(),onCloseReady:()=>this.globalEvents.detachDocumentClick()},{timeoutDelay:this.settings.timeoutDelay,waitForAnimation:(t,s)=>this.render.waitForAnimation(t,s)}),this.globalEvents=new I({onDocumentClick:this.documentClick.bind(this),onWindowResize:()=>{!this.settings.isOpen&&!this.settings.isFullOpen||this.render.moveContent()},onWindowScroll:()=>{!this.settings.isOpen&&!this.settings.isFullOpen||this.render.moveContent()},onVisibilityChange:()=>{document.hidden&&this.close({source:"api",selectionChanged:!1})}}),this.render.renderValues(),this.render.renderOptions(this.store.getData(!1));let o=this.selectEl.getAttribute("aria-label"),r=this.selectEl.getAttribute("aria-labelledby");if(o)this.render.main.main.setAttribute("aria-label",o);else if(r)this.render.main.main.removeAttribute("aria-label"),this.render.main.main.setAttribute("aria-labelledby",r);else if(this.selectEl.labels&&this.selectEl.labels.length>0){let t=Array.from(this.selectEl.labels).map(((t,s)=>(t.id||=`${this.settings.id}-label-${s}`,t.id)));this.render.main.main.removeAttribute("aria-label"),this.render.main.main.setAttribute("aria-labelledby",t.join(" "))}this.selectEl.parentNode&&this.selectEl.parentNode.insertBefore(this.render.main.main,this.selectEl.nextSibling),this.globalEvents.attach({listenScroll:"auto"===this.settings.openPosition}),this.settings.disabled&&this.disable(),this.settings.alwaysOpen&&this.open(),this.select.setupLabelHandlers(),this.selectEl.slim=this}enable(){this.settings.disabled=!1,this.select.enable(),this.render.enable()}disable(){this.settings.disabled=!0,this.select.disable(),this.render.disable()}getData(){return this.store.getData()}setData(t){this.sync.enqueue({type:"structure",data:t,source:"api"})}getSelected(){let t=this.store.getSelectedOptions();return this.settings.keepOrder&&(t=this.store.selectedOrderOptions(t)),t.map((t=>t.value))}setSelected(t,s=!0){this.sync.enqueue({type:"selection",values:t,source:"api",runAfterChange:s})}addOption(t){this.sync.enqueue({type:"addOption",option:t,source:"api"})}open(){if(this.settings.disabled||this.settings.isOpen)return;this.lifecycle.cancelPending(),this.render.open(),this.settings.showSearch&&this.settings.focusSearch&&this.render.searchFocus(),this.settings.isOpen=!0,this.lifecycle.requestOpen().then((()=>{this.settings.isOpen&&(this.settings.isFullOpen=this.lifecycle.isFullOpen,this.settings.isOpen=this.lifecycle.isOpen)})),"absolute"===this.settings.contentPosition&&!this.render.isModalViewActive()&&this.render.startPositionTracking();let t=this.render.content.search.input.value.trim();""!==t&&this.search(t)}close(t={source:"api",selectionChanged:!1}){!this.settings.isOpen||this.settings.alwaysOpen||this.lifecycle.requestClose(t).then((t=>{t&&(this.settings.isOpen||(this.settings.isOpen=this.lifecycle.isOpen,this.settings.isFullOpen=this.lifecycle.isFullOpen))}))}applyClose(t){this.render.close(),!this.settings.keepSearch&&""!==this.render.content.search.input.value&&(this.sync.flush(),this.search("")),this.render.mainFocus("outside"===t.source||"toggle"===t.source?"click":null),this.settings.isOpen=!1,this.settings.isFullOpen=!1,this.render.stopPositionTracking()}search(t){let s=t.trim();if(""===s)return this.render.content.search.input.value="",void this.clearSearch();this.render.content.search.input.value!==t&&(this.render.content.search.input.value=t),this.events.search?this.runApiSearch(s):this.runLocalSearch(s)}clearSearch(){if(this.searchGeneration++,!this.events.search&&this.render.canFilterOptionsInPlace())return this.render.filterOptionsInPlace("",this.events.searchFilter),void this.render.resetSearchFilterState();this.render.resetSearchFilterState(),this.sync.enqueue({type:"structure",data:this.store.getCatalogData(),source:"api",preserveSelection:!0})}runLocalSearch(t){if(this.render.canFilterOptionsInPlace())return void this.render.filterOptionsInPlace(t,this.events.searchFilter);let s=this.store.search(t,this.events.searchFilter);this.render.renderOptions(s)}runApiSearch(t){let s=++this.searchGeneration;this.render.renderSearching();let e=this.events.search(t,this.store.getSelectedOptions(),this.store.getCatalogData()),i=e=>{s===this.searchGeneration&&this.render.content.search.input.value.trim()===t&&this.sync.enqueue({type:"structure",data:e,source:"api",preserveSelection:!0,isSearchResult:!0})};e instanceof Promise?e.then(i).catch((t=>{s===this.searchGeneration&&this.render.renderError("string"==typeof t?t:t.message)})):Array.isArray(e)?i(e):this.render.renderError("Search event must return a promise or an array of data")}destroy(){this.lifecycle.destroy(),this.render.stopPositionTracking(),this.globalEvents.detach({listenScroll:"auto"===this.settings.openPosition}),this.store.setData([]),this.render.destroy(),this.select.destroy(),delete this.selectEl.slim}documentClick(t){this.settings.isOpen&&t.target&&!E(t.target,this.settings.id)&&this.close({source:"outside",selectionChanged:!1})}};const U={de:{searchPlaceholder:"Suchen…",noResults:"Keine Ergebnisse"},en:{searchPlaceholder:"Search…",noResults:"No results"},fr:{searchPlaceholder:"Rechercher…",noResults:"Aucun résultat"},it:{searchPlaceholder:"Cerca…",noResults:"Nessun risultato"},nl:{searchPlaceholder:"Zoeken…",noResults:"Geen resultaten"},es:{searchPlaceholder:"Buscar…",noResults:"Sin resultados"},pl:{searchPlaceholder:"Szukaj…",noResults:"Brak wyników"},pt:{searchPlaceholder:"Pesquisar…",noResults:"Sem resultados"},sv:{searchPlaceholder:"Sök…",noResults:"Inga resultat"},fi:{searchPlaceholder:"Hae…",noResults:"Ei tuloksia"}};class Y{constructor(t){this.typeAheadBuffer="",this.typeAheadLastTime=0,this.config=t,this.init()}open(){var t;null===(t=this.slimSelect)||void 0===t||t.open()}close(){var t;null===(t=this.slimSelect)||void 0===t||t.close()}focus(){var t;null===(t=this.trigger)||void 0===t||t.focus()}blur(){var t;null===(t=this.trigger)||void 0===t||t.blur()}setData(t){var s;null===(s=this.slimSelect)||void 0===s||s.setData(t)}setSelected(t){var s;null===(s=this.slimSelect)||void 0===s||s.setSelected(t)}setDisabled(t){var s,e;t?null===(s=this.slimSelect)||void 0===s||s.disable():null===(e=this.slimSelect)||void 0===e||e.enable()}updateSearchPlaceholder(t){const s=this.config.shadowRoot.querySelector(".ss-search input");s&&(s.placeholder=U[t].searchPlaceholder)}destroy(){var t;null===(t=this.slimSelect)||void 0===t||t.destroy(),this.slimSelect=void 0}get trigger(){return this.config.shadowRoot.querySelector(".ss-main")}init(){const{selectEl:t,popupEl:s,language:e,searchable:i,placeholder:o,disabled:r,readonly:a,multiple:n,clearable:l,data:c}=this.config;this.slimSelect=new q({select:t,settings:{contentLocation:s,contentPosition:"relative",searchHighlight:!0,showSearch:i,focusSearch:i,searchPlaceholder:U[e].searchPlaceholder,searchText:U[e].noResults,placeholderText:o||" ",disabled:r||a,closeOnSelect:!n,allowDeselect:l,modal:"off"},data:c,events:{afterChange:t=>{this.config.onChange(t),this.fixValueDeleteFocus()},afterOpen:()=>{this.highlightOnOpen(),this.config.onOpen()},afterClose:()=>this.config.onClose()}}),this.connectLabelToTrigger(),this.fixSearchListener(),this.fixKeyboardOpen(),this.fixOptionFocus(),this.fixTypeAhead(),this.fixHoverHighlight(),this.fixValueDeleteFocus(),this.highlightFirstOption()}highlightFirstOption(){var t;this.config.popupEl.querySelector(".ss-highlighted")||null===(t=this.slimSelect)||void 0===t||t.render.highlight("down")}highlightOnOpen(){if(this.config.popupEl.querySelector(".ss-highlighted"))return;const t=this.config.popupEl.querySelector(".ss-option.ss-selected:not(.ss-disabled)");t?this.setHighlightedOption(t):this.highlightFirstOption()}fixHoverHighlight(){this.config.popupEl.addEventListener("pointerenter",(t=>this.handlePointerEnter(t)),{capture:!0})}handlePointerEnter(t){if("mouse"!==t.pointerType)return;const s=t.clientX!==this.lastPointerX||t.clientY!==this.lastPointerY;if(this.lastPointerX=t.clientX,this.lastPointerY=t.clientY,!s)return;const e=t.target.closest(".ss-option:not(.ss-disabled)");e&&this.setHighlightedOption(e)}fixSearchListener(){if(!this.config.searchable)return;const t=this.config.shadowRoot.querySelector(".ss-search input");t&&t.addEventListener("input",(s=>{var e,i;s.stopImmediatePropagation(),null===(e=this.slimSelect)||void 0===e||e.search(null!==(i=t.value)&&void 0!==i?i:""),this.highlightFirstOption()}),{capture:!0})}fixKeyboardOpen(){const t=this.trigger;t&&this.config.shadowRoot.addEventListener("keydown",(s=>{var e;const i=s.target;" "!==s.key&&"Enter"!==s.key||i!==t||i.classList.contains("ss-value-delete")||"true"===t.getAttribute("aria-expanded")||(s.preventDefault(),s.stopImmediatePropagation(),null===(e=this.slimSelect)||void 0===e||e.open())}),{capture:!0})}fixValueDeleteFocus(){this.config.multiple&&this.config.shadowRoot.querySelectorAll(".ss-value-delete").forEach((t=>t.setAttribute("tabindex","-1")))}fixOptionFocus(){this.config.popupEl.addEventListener("mousedown",(t=>{t.target.closest(".ss-option")&&t.preventDefault()}),{capture:!0})}fixTypeAhead(){if(this.config.searchable)return;const t=this.trigger;t&&t.addEventListener("keydown",(t=>this.handleTypeAhead(t)))}handleTypeAhead(t){var s;const e=t.key;if(1!==e.length||" "===e||t.ctrlKey||t.metaKey||t.altKey)return;const i=null===(s=this.slimSelect)||void 0===s?void 0:s.render;if(!i)return;const o=Date.now(),r=o-this.typeAheadLastTime<=500;this.typeAheadLastTime=o;const a=r&&this.typeAheadBuffer.length>0&&[...this.typeAheadBuffer].every((t=>t===e));this.typeAheadBuffer=r?this.typeAheadBuffer+e:e;const n=i.getOptions(!0,!0,!0);if(0===n.length)return;const l=i.classes.getFirst("highlighted"),c=this.config.popupEl.querySelector(`.${l}`),h=c?n.indexOf(c):-1,d=a?this.findNextTypeAheadMatch(n,e,h):n.find((t=>this.optionText(t).startsWith(this.typeAheadBuffer.toLowerCase())));d&&(t.preventDefault(),i.content.main.classList.contains(i.classes.getFirst("contentOpen"))?this.setHighlightedOption(d):d.click())}findNextTypeAheadMatch(t,s,e){var i;const o=s.toLowerCase(),r=t.filter((t=>this.optionText(t).startsWith(o)));if(0!==r.length)return null!==(i=r.find((s=>t.indexOf(s)>e)))&&void 0!==i?i:r[0]}optionText(t){var s;return(null!==(s=t.textContent)&&void 0!==s?s:"").trim().toLowerCase()}setHighlightedOption(t){var s;const e=null===(s=this.slimSelect)||void 0===s?void 0:s.render;if(!e)return;const i=e.classes.highlighted,o=this.config.popupEl.querySelector(`.${e.classes.getFirst("highlighted")}`);o&&o!==t&&e.removeClasses(o,i),e.addClasses(t,i),e.ensureElementInView(e.content.list,t),t.id&&e.main.main.setAttribute("aria-activedescendant",t.id)}connectLabelToTrigger(){const t=this.trigger;t&&(t.id=this.config.triggerId,t.setAttribute("aria-labelledby","label"),t.removeAttribute("aria-label"));const s=this.config.shadowRoot.querySelector("label");s&&t&&s.addEventListener("click",(s=>{s.preventDefault(),t.focus()}))}}const W=class{constructor(i){t(this,i),this.dsChange=s(this,"dsChange"),this.dsFocus=s(this,"dsFocus"),this.dsBlur=s(this,"dsBlur"),this.dsClick=s(this,"dsClick"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.initialValue=null,this.selectId="ds-select-"+K++,this.focused=!1,this.language=e.language,this.region=e.region,this.slottedOptions=[],this.hasInvalidTextSlotContent=!1,this.slottedOptionGroups=[],this.value=null,this.name=this.selectId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.required=!0,this.disabled=!1,this.readonly=!1,this.multiple=!1,this.searchable=!1,this.clearable=!1,this.placeholder="",this.options=[],this.optionGroups=[],this.autoInvalidOff=!1,this.handleSlotChange=()=>{this.readOptionsFromSlot(),this.refreshSlimData()}}createLogger(t){this.log=t}valueChanged(t){const s=this.normalizeValue(t);s===t?(this.syncFormValue(s),this.picker&&this.picker.setSelected(null!=s?s:[])):this.value=s}disabledChanged(){this.syncDisabledState()}readonlyChanged(){this.syncDisabledState()}optionsChanged(){this.refreshSlimData()}optionGroupsChanged(){this.refreshSlimData()}connectedCallback(){this.value=this.normalizeValue(this.value),this.initialValue=this.value,this.syncFormValue(this.value),this.disconnectInvalidTextSlotWatcher=u(this.el,(t=>{this.hasInvalidTextSlotContent=t}))}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}componentDidLoad(){if(!this.selectEl||!this.popupEl||!this.el.shadowRoot)return;const t=this.normalizeValue(this.value);if(t!==this.value&&(this.value=t),this.readOptionsFromSlot(),"undefined"==typeof MutationObserver)return this.syncFormValue(this.value),void(this.initialValue=this.value);this.picker=new Y({selectEl:this.selectEl,popupEl:this.popupEl,shadowRoot:this.el.shadowRoot,triggerId:this.selectId,language:this.language,placeholder:this.placeholder,searchable:this.searchable,disabled:this.disabled,readonly:this.readonly,multiple:this.multiple,clearable:this.clearable,data:this.buildSlimData(),onChange:t=>this.handleAfterChange(t),onOpen:()=>{this.focused=!0,this.dsFocus.emit(new FocusEvent("focus"))},onClose:()=>{this.focused=!1,this.dsBlur.emit(new FocusEvent("blur"))}}),this.syncFormValue(this.value),this.initialValue=this.value}disconnectedCallback(){var t,s;null===(t=this.picker)||void 0===t||t.destroy(),this.picker=void 0,null===(s=this.disconnectInvalidTextSlotWatcher)||void 0===s||s.call(this)}listenToClick(t){(this.disabled||this.readonly)&&t.target===this.el&&h(t)}listenToReset(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&(this.value=this.initialValue)}async configChanged(t){var s;this.language=t.language,this.region=t.region,this.searchable&&(null===(s=this.picker)||void 0===s||s.updateSearchPlaceholder(t.language))}async open(){var t;null===(t=this.picker)||void 0===t||t.open()}async close(){var t;null===(t=this.picker)||void 0===t||t.close()}async setFocus(){var t;null===(t=this.picker)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.picker)||void 0===t||t.blur()}handleAfterChange(t){var s,e;const o=t.filter((t=>!t.placeholder));if(this.multiple){const t=o.map((t=>t.value));this.syncFormValue(t),this.value=t,this.dsChange.emit(t)}else{const t=null!==(e=null===(s=o[0])||void 0===s?void 0:s.value)&&void 0!==e?e:null;this.syncFormValue(t),this.value=t,this.dsChange.emit(t),i((()=>{var t;return null===(t=this.picker)||void 0===t?void 0:t.close()}))}}normalizeValue(t){return this.multiple&&"string"==typeof t?t.split(",").map((t=>t.trim())).filter((t=>t.length>0)):t}refreshSlimData(){var t;null===(t=this.picker)||void 0===t||t.setData(this.buildSlimData())}buildSlimData(){return function(t,s,e,i){const o=Array.isArray(i)?i:i?[i]:[],r=[];return r.push({text:e||"",placeholder:!0}),s.length>0?r.push(...s.map((t=>({label:t.label,options:t.options.map((t=>({text:t.label,value:t.value,disabled:!!t.disabled,selected:o.includes(t.value)})))})))):r.push(...t.map((t=>({text:t.label,value:t.value,disabled:!!t.disabled,selected:o.includes(t.value)})))),r}(this.options.length>0?this.options:this.slottedOptions,this.optionGroups.length>0?this.optionGroups:this.slottedOptionGroups,this.placeholder,this.value)}readOptionsFromSlot(){var t;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(!s)return;const e=s.assignedElements({flatten:!0}),i=e.filter((t=>"ds-select-optgroup"===t.tagName.toLowerCase()));if(i.length>0)this.slottedOptionGroups=i.map((t=>({label:t.label,options:this.mapSelectOptionElements(Array.from(t.querySelectorAll("ds-select-option")))}))),this.slottedOptions=[];else{const t=e.filter((t=>"ds-select-option"===t.tagName.toLowerCase()));this.slottedOptions=this.mapSelectOptionElements(t),this.slottedOptionGroups=[]}}mapSelectOptionElements(t){return t.map((t=>{var s,e;const i=t;return{label:null!==(e=null===(s=i.textContent)||void 0===s?void 0:s.trim())&&void 0!==e?e:"",value:i.value,disabled:i.disabled}}))}syncFormValue(t){if(Array.isArray(t)){const s=new FormData;t.forEach((t=>s.append(this.name,t))),d(this.internals,s)}else d(this.internals,t)}syncDisabledState(){var t;null===(t=this.picker)||void 0===t||t.setDisabled(this.disabled||this.readonly)}render(){return o(p,{key:"c1be4f6a3654ace10f8c3e78b1b8c5d128ffab71",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.selectId,onClick:t=>this.dsClick.emit(t)},o("select",Object.assign({key:"1dfc380ceaa9db51f6322c19dc56a81e11266164",name:this.name,multiple:this.multiple,required:this.required,disabled:this.disabled,"aria-hidden":"true",tabindex:-1,ref:t=>this.selectEl=t},this.inheritedAttributes)),o("div",{key:"f9cc1d0153b96bd595b001aa75762bb8a9f548cd",id:"popup",class:{"is-multiple":this.multiple},ref:t=>this.popupEl=t},o("slot",{key:"9b6821041f187c6770ac55e0391495a7ec420bfb",onSlotchange:this.handleSlotChange})))}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}],options:[{optionsChanged:0}],optionGroups:[{optionGroupsChanged:0}]}}};a([n("select"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],W.prototype,"createLogger",null),a([v("string"),l("design:type",String)],W.prototype,"name",void 0),a([v("string"),l("design:type",String)],W.prototype,"label",void 0),a([v("string"),l("design:type",String)],W.prototype,"description",void 0),a([g(m),l("design:type",String)],W.prototype,"color",void 0),a([v("boolean"),l("design:type",Boolean)],W.prototype,"invalid",void 0),a([v("string"),l("design:type",String)],W.prototype,"invalidText",void 0),a([v("boolean"),l("design:type",Boolean)],W.prototype,"required",void 0),a([v("boolean"),l("design:type",Boolean)],W.prototype,"disabled",void 0),a([v("boolean"),l("design:type",Boolean)],W.prototype,"readonly",void 0),a([v("boolean"),l("design:type",Boolean)],W.prototype,"multiple",void 0),a([v("boolean"),l("design:type",Boolean)],W.prototype,"searchable",void 0),a([v("boolean"),l("design:type",Boolean)],W.prototype,"clearable",void 0),a([v("string"),l("design:type",String)],W.prototype,"placeholder",void 0),a([v("boolean"),l("design:type",Boolean)],W.prototype,"autoInvalidOff",void 0),a([f(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.style=":root{--ss-primary-color:#5897fb;--ss-bg-color:#ffffff;--ss-font-color:#4d4d4d;--ss-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-focus-color:var(--ss-primary-color);--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:9px;--ss-spacing-m:7px;--ss-spacing-s:5px;--ss-animation-timing:0.2s;--ss-border-radius:4px;--ss-modal-z-index:1000001}@-webkit-keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing);transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-main{-webkit-transition:background-color var(--ss-animation-timing);transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:stretch;align-self:stretch;gap:var(--ss-spacing-m);-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{-webkit-animation:none;animation:none}}.ss-main .ss-values .ss-value.ss-value-out{-webkit-animation-name:ss-valueOut;animation-name:ss-valueOut;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{-webkit-box-shadow:inset 0 0 0 2px var(--ss-bg-color);box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{-ms-flex:1;flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);-webkit-box-sizing:content-box;box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:-ms-flexbox;display:flex;height:auto;-ms-flex-direction:column;flex-direction:column;width:auto;max-height:var(--ss-content-height);-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;-webkit-transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);overflow:hidden;z-index:10000}@media (prefers-reduced-motion: reduce){.ss-content{-webkit-transition:none;transition:none}}.ss-content.ss-relative{position:relative;height:100%;z-index:auto}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{-webkit-transform-origin:center bottom;transform-origin:center bottom;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{-webkit-transform-origin:center top;transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.ss-content .ss-search{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;line-height:inherit;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-content .ss-search input::-webkit-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-moz-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{-webkit-box-shadow:none;box-shadow:none}.ss-content .ss-search .ss-addable{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:0 0 auto;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-search .ss-selectall{margin-left:auto}.ss-content .ss-selectall{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--ss-spacing-s);-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}.ss-content .ss-selectall:hover{opacity:.7}.ss-content .ss-selectall span{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:65%;color:var(--ss-font-color);text-align:center;white-space:nowrap}.ss-content .ss-selectall svg{-ms-flex:0 0 auto;flex:0 0 auto;width:15px;height:15px;border-radius:calc(var(--ss-border-radius)*.5)}.ss-content .ss-selectall svg path{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing);transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing)}.ss-content .ss-selectall svg path:first-child{fill:var(--ss-bg-color);stroke:var(--ss-border-color);stroke-width:8}.ss-content .ss-selectall svg path:last-child{fill:none;stroke:rgba(0,0,0,0);stroke-width:10}.ss-content .ss-selectall.ss-selected svg{-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media (prefers-reduced-motion: reduce){.ss-content .ss-selectall.ss-selected svg{-webkit-animation:none;animation:none}}.ss-content .ss-selectall.ss-selected svg path:first-child{fill:var(--ss-primary-color);stroke:var(--ss-primary-color)}.ss-content .ss-selectall.ss-selected svg path:last-child{stroke:var(--ss-bg-color)}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{-ms-flex:1 1 auto;flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;-webkit-transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{-ms-flex:1 1 auto;flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{-ms-flex:1 1 auto;flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);-webkit-transition:border-left var(--ss-animation-timing) ease;transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-modal-overlay{-webkit-transition:none;transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;-webkit-transform-origin:center center;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);box-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:center center;transform-origin:center center}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_select-family:var(--select-family, var(--mod-select-family, var(--ds-form-default-control-typo-font-family)));--_select-weight:var(--select-weight, var(--mod-select-weight, var(--ds-form-default-control-typo-font-weight)));--_select-line-height:var(--select-line-height, var(--mod-select-line-height, var(--ds-form-default-control-typo-line-height)));--_select-size:var(--select-size, var(--mod-select-size, var(--ds-form-default-control-typo-font-size)));--_select-color:var(--select-color, var(--mod-select-color, var(--ds-form-default-control-value-color)));--_select-placeholder:var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-default-control-placeholder-color)));--_select-background-color:var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background)));--_select-text-color:var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text)));--_select-primary-color:var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary)));--_select-placeholder-color:var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder)));--_select-disabled-color:var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color:var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border)));--_select-highlight-color:var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight)));--_select-focus-color:var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus)));--_select-success-color:var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color:var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius:var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family:var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color:var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background)));--_select-content-shadow:var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-content-border:var(--select-content-border, var(--mod-select-content-border, var(--ds-select-content-border)));--_select-content-radius:var(--select-content-radius, var(--mod-select-content-radius, var(--ds-select-content-radius)));--_select-content-padding:var(--select-content-padding, var(--mod-select-content-padding, var(--ds-select-content-padding)));--_select-search-text-color:var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text)));--_select-option-text-color:var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color:var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color:var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border)));--_select-option-selected-weight:var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color:var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color:var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color:var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color:var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-hover-background-color:var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color:var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color:var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color:var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color:var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color:var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background)));--_select-optgroup-text-color:var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text)));--_select-optgroup-weight:var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color:var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color:var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color:var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color:var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-background)));--_select-tag-text-color:var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-text)));--_select-tag-family:var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color:var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color:var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color:var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color:var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring)));--ss-bg-color:var(--_select-background-color);--ss-font-color:var(--_select-text-color);--ss-primary-color:var(--_select-primary-color);--ss-placeholder-color:var(--_select-placeholder-color);--ss-disabled-color:var(--_select-disabled-color);--ss-border-color:var(--_select-border-color);--ss-highlight-color:var(--_select-highlight-color);--ss-focus-color:var(--_select-focus-color);--ss-success-color:var(--_select-success-color);--ss-error-color:var(--_select-error-color);--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:8px;--ss-spacing-m:4px;--ss-spacing-s:2px;--ss-icon-spacing:10px;--ss-animation-timing:0.2s;--ss-border-radius:var(--_select-radius);--ss-modal-z-index:1000001}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-select-text-color:var(--ds-form-disabled-control-value-color);--mod-select-placeholder-color:var(--ds-form-disabled-control-placeholder-color)}:host(.is-disabled) .ss-main.ss-disabled{background:none}:host(.is-disabled) .ss-main.ss-disabled .ss-arrow{background-color:var(--ds-form-disabled-control-value-color)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value{background-color:var(--ds-tag-disabled-color-background)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-text{color:var(--ds-tag-disabled-color-text)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{display:none}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;background:none;font-family:var(--_select-content-family)}:host .ss-content{background-color:var(--_select-content-background-color);-webkit-box-shadow:var(--_select-content-shadow);box-shadow:var(--_select-content-shadow);border-radius:var(--_select-content-radius);padding:var(--_select-content-padding) 0;border:var(--_select-content-border);margin:0 !important;position:absolute;top:calc(100% + 4px);left:-4px;width:calc(100% + 8px);z-index:var(--ds-alias-z-index-popup);min-height:0;max-height:300px;height:auto}@media (prefers-reduced-motion: reduce){:host .ss-content{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host .ss-content .ss-list{scrollbar-width:thin;scrollbar-color:var(--_select-option-border-color) rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar{width:8px}:host .ss-content .ss-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar-thumb{background-color:var(--_select-option-border-color);background-clip:padding-box;border:2px solid rgba(0,0,0,0);border-radius:9999px}:host .ss-content>.ss-search{position:relative;border-bottom:var(--_select-content-border);margin-bottom:var(--_select-content-padding);padding:0 var(--_select-content-padding)}:host .ss-content>.ss-search::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E\");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:\"\";position:absolute;top:50%;left:calc(var(--_select-content-padding)*3);width:14px;height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--_select-placeholder-color);pointer-events:none}:host .ss-content>.ss-search input{color:var(--_select-search-text-color);padding-left:calc(var(--_select-content-padding) + var(--_select-content-padding) + 14px + var(--ss-spacing-l))}:host .ss-content>.ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-webkit-search-decoration,:host .ss-content>.ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-list .ss-search{padding:0 calc(var(--_select-content-padding)*2);color:var(--_select-placeholder-color);border:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-radius:var(--ds-alias-radius-base);margin:0 var(--_select-content-padding)}:host .ss-content .ss-list .ss-option::after{display:block;content:\"\";width:14px;height:14px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled):not(.ss-highlighted){color:var(--_select-option-text-color);background-color:var(--_select-option-background-color)}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-deselect::after{content:\"\";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-deselect:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-deselect:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-deselect{--close-color-icon:var(--_select-icon-color);--close-color-focus:var(--_select-focus-ring-color)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--close-color-icon:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--close-color-icon:var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E\");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-icon-color);-webkit-transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out, -webkit-transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-size-sm-padding-y);padding-inline:var(--ds-tag-size-sm-padding-x);border-radius:var(--ds-tag-radius);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-size-sm-font-size);font-weight:var(--ds-tag-size-sm-font-weight);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-values .ss-value .ss-value-delete{display:none !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-values .ss-value .ss-value-delete::after{content:\"\";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled){cursor:pointer}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):hover{background:var(--_close-color-background-hover)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):active{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{--close-size-icon:20px;--close-color-focus:var(--_select-focus-ring-color);margin:0 -0.5rem 0 .25rem;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:\"\";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;-ms-flex-negative:0;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");background-size:75%;background-repeat:no-repeat;background-position:center}";export{W as ds_select}

package/dist/design-system/p-7e9e4075b0.entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as e,F as t,G as s,I as a}from"./p-DxEN1zze.js";import{_ as r,L as n,a as o}from"./p-C4x_tAIC.js";const c=class{constructor(t){e(this,t)}createLogger(e){this.log=e}render(){return t(s,{key:"992cf9491ea35b3e96b27fb73e1770f9e3d6941f"},t("slot",{key:"9f94c95fe9013ba780756052c5257677839a896a"}))}get el(){return a(this)}};r([n("data-value"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],c.prototype,"createLogger",null),c.style=":host{display:contents}";export{c as ds_data_value}

package/dist/design-system/p-856f567570.entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as o,J as a,x as t,F as e,G as r,I as i}from"./p-DxEN1zze.js";import{_ as p,L as l,a as s}from"./p-C4x_tAIC.js";import{i as n,A as f}from"./p-CM33o5J4.js";import{L as c}from"./p-Cy9j3Fev.js";import{O as d}from"./p-B_GE_aHN.js";import{T as m}from"./p-DUF2uMuK.js";import"./p-CnwtEwKG.js";const v=class{constructor(e){o(this,e),this.dsLanguageChange=a(this,"dsLanguageChange"),this.brand=t.brand,this.language=t.language,this.region=t.region,this.allowedLanguages=t.allowedLanguages,this.hideLanguageSelection=!1,this.disableDefaultLinks=!1,this.disableDefaultSocialLinks=!1,this.legalText=void 0,this.handleLanguageChange=o=>{const a=o.target.value;this.language=a,this.dsLanguageChange.emit({language:a})}}createLogger(o){this.log=o}async configChanged(o){var a,t,e,r;this.brand=o.brand,this.language=o.language,this.region=o.region,this.allowedLanguages=o.allowedLanguages,this.legalLinksConfig=null===(a=o.legalLinks)||void 0===a?void 0:a[o.region],this.legalTextConfig=null===(e=null===(t=o.legalText)||void 0===t?void 0:t[o.region])||void 0===e?void 0:e[o.language],this.socialLinksConfig=null===(r=o.socialLinks)||void 0===r?void 0:r[o.region]}hasNamedSlot(o){return null!==this.el.querySelector(`[slot="${o}"]`)}getLanguageLabel(o){return n[this.language].languageLabels[o]||o.toUpperCase()}renderLogo(){return this.hasNamedSlot("logo")?e("slot",{name:"logo"}):e("ds-logo",{brand:this.brand,color:"inverted"})}renderLinkList(o,a){return e("ul",{class:a},o.map((o=>e("li",{key:`${o.href}-${o.label}`},e("a",{href:o.href,target:o.target,rel:o.rel},o.label)))))}renderSocialList(o){return e("ul",{class:"social-list","aria-label":"Social links"},o.map((o=>e("li",{key:`${o.href}-${o.icon}`},e("a",{href:o.href,target:o.target,rel:o.rel,"aria-label":o.ariaLabel||o.label,title:o.ariaLabel||o.label},e("ds-icon",{name:o.icon,"aria-hidden":"true"}))))))}render(){var o;const a=this.hasNamedSlot("links"),t=this.hasNamedSlot("social-links"),i=!this.disableDefaultLinks&&(null===(o=this.legalLinksConfig)||void 0===o?void 0:o[this.language]),p=!this.disableDefaultSocialLinks&&this.socialLinksConfig,l=this.legalText||this.legalTextConfig,s=a||i&&i.length>0,f=t||p&&p.length>0;return e(r,{key:"d66d7edab96d1a48545fb879e142e9b7f481418b"},e("footer",{key:"a9730ab5b83d53283b906b63c5a1e0a6dfc8d499",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},e("div",{key:"0f50773accdd420acb807f98920cb6bb2e547ffb",id:"top"},e("div",{key:"f2cec09d237210cdf47706b491558148989e758f",class:"logo-area"},this.renderLogo()),!this.hideLanguageSelection&&e("label",{key:"e3d6dbc5b3712bbebd69ebcb66e84ca7ed4c05cf",class:"language-picker","aria-label":n[this.language].languageSelector},e("ds-icon",{key:"eb825a5d21a25a23f4db9e4d3016a828dbcd79c3",name:"web","aria-hidden":"true"}),e("select",{key:"9455f090b73a89811cbd531ec1c29b178868f47a","data-testid":"app-footer-language-select",onChange:this.handleLanguageChange},this.allowedLanguages.map((o=>e("option",{key:o,value:o,selected:this.language===o},this.getLanguageLabel(o))))))),e("div",{key:"4cbb77d7ae38287d9365a43d38a17c77cf763704",id:"content"},e("slot",{key:"dacb0755e4ab239d0a09f29144dc37b528c4be3c"})),e("ds-divider",{key:"9a0927eddad55eafb532013a3684ff8568208049",space:"none",color:"secondary"}),e("div",{key:"e279a1ff525174403bcdee6892531ffd3cb29109",id:"bottom"},l&&e("p",{key:"f74c89dd648371e11d4ae2799fab2f4cdbfab399",class:"legal"},l),f&&e("nav",{key:"3609db723343641d000b61a8d186739745f73d01",class:"social","aria-label":"Social navigation"},e("slot",{key:"91c64c8dfc2377744696df7cffe5457abce5bbb5",name:"social-links"}),!t&&p&&this.renderSocialList(p)),s&&e("nav",{key:"4c969c78e989e2ef4969b7ceb23b160b414c32e9",class:"links","aria-label":"Footer links"},e("slot",{key:"fbe2d9ea108ca2a1287f62f07714690f9bf6a291",name:"links"}),!a&&i&&this.renderLinkList(i,"link-list")))))}get el(){return i(this)}};p([l("app-footer"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],v.prototype,"createLogger",null),p([d(f),s("design:type",String)],v.prototype,"container",void 0),p([m("boolean"),s("design:type",Boolean)],v.prototype,"hideLanguageSelection",void 0),p([m("boolean"),s("design:type",Boolean)],v.prototype,"disableDefaultLinks",void 0),p([m("boolean"),s("design:type",Boolean)],v.prototype,"disableDefaultSocialLinks",void 0),p([m("string"),s("design:type",Object)],v.prototype,"legalText",void 0),p([c(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],v.prototype,"configChanged",null),v.style=':host{--_app-footer-position:var(--app-footer-position, var(--mod-app-footer-position, static));--_app-footer-top:var(--app-footer-top, var(--mod-app-footer-top));--_app-footer-right:var(--app-footer-right, var(--mod-app-footer-right));--_app-footer-bottom:var(--app-footer-bottom, var(--mod-app-footer-bottom));--_app-footer-left:var(--app-footer-left, var(--mod-app-footer-left));position:var(--_app-footer-position);top:var(--_app-footer-top);right:var(--_app-footer-right);bottom:var(--_app-footer-bottom);left:var(--_app-footer-left);--_app-footer-m:var(--app-footer-m, var(--mod-app-footer-m, 0));--_app-footer-my:var(--app-footer-my, var(--mod-app-footer-my));--_app-footer-mx:var(--app-footer-mx, var(--mod-app-footer-mx));--_app-footer-ml:var(--app-footer-ml, var(--mod-app-footer-ml));--_app-footer-mr:var(--app-footer-mr, var(--mod-app-footer-mr));--_app-footer-mt:var(--app-footer-mt, var(--mod-app-footer-mt));--_app-footer-mb:var(--app-footer-mb, var(--mod-app-footer-mb));margin:var(--_app-footer-m);margin-inline:var(--_app-footer-mx);margin-block:var(--_app-footer-my);margin-left:var(--_app-footer-ml);margin-right:var(--_app-footer-mr);margin-top:var(--_app-footer-mt);margin-bottom:var(--_app-footer-mb);--_app-footer-color-background:var(--app-footer-color-background, var(--mod-app-footer-color-background, var(--ds-app-footer-color-background)));--_app-footer-color-text:var(--app-footer-color-text, var(--mod-app-footer-color-text, var(--ds-app-footer-color-text)));--_app-footer-font-family:var(--app-footer-font-family, var(--mod-app-footer-font-family, var(--ds-app-footer-typo-font-family)));--_app-footer-font-size:var(--app-footer-font-size, var(--mod-app-footer-font-size, var(--ds-app-footer-typo-font-size)));--_app-footer-font-weight:var(--app-footer-font-weight, var(--mod-app-footer-font-weight, var(--ds-app-footer-typo-font-weight)));--_app-footer-line-height:var(--app-footer-line-height, var(--mod-app-footer-line-height, var(--ds-app-footer-typo-line-height)));--_app-footer-gap:var(--app-footer-gap, var(--mod-app-footer-gap, var(--ds-app-footer-gap)));--_app-footer-py:var(--app-footer-py, var(--mod-app-footer-py, var(--ds-app-footer-padding-y)));--_app-footer-link-color:var(--app-footer-link-color, var(--mod-app-footer-link-color, var(--ds-app-footer-link-color-text-base)));--_app-footer-link-color-hover:var(--app-footer-link-color-hover, var(--mod-app-footer-link-color-hover, var(--ds-app-footer-link-color-text-hover)));--_app-footer-link-color-active:var(--app-footer-link-color-active, var(--mod-app-footer-link-color-active, var(--ds-app-footer-link-color-text-active)));--_app-footer-social-icon-size:var(--app-footer-social-icon-size, var(--mod-app-footer-social-icon-size, var(--ds-app-footer-social-icon-size)))}:host{margin:var(--_app-footer-m);margin-inline:var(--_app-footer-mx);margin-block:var(--_app-footer-my);margin-left:var(--_app-footer-ml);margin-right:var(--_app-footer-mr);margin-top:var(--_app-footer-mt);margin-bottom:var(--_app-footer-mb);position:var(--_app-footer-position);top:var(--_app-footer-top);right:var(--_app-footer-right);bottom:var(--_app-footer-bottom);left:var(--_app-footer-left);display:block;color:var(--_app-footer-color-text);background:var(--_app-footer-color-background);margin:0 auto;padding-block:var(--_app-footer-py);padding-inline:var(--_container-px, var(--ds-device-container-space));width:100%;max-width:var(--_container-max-width, var(--ds-alias-container-width-default))}:host.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host.is-compact{max-width:var(--ds-alias-container-width-compact)}footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-footer-gap);font-family:var(--_app-footer-font-family);font-size:var(--_app-footer-font-size);font-weight:var(--_app-footer-font-weight);line-height:var(--_app-footer-line-height)}#top{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--_app-footer-gap);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}#top .logo-area{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#top .logo-link{display:-ms-inline-flexbox;display:inline-flex;color:inherit}#top .logo-svg{display:-ms-inline-flexbox;display:inline-flex}#top .language-picker{-ms-flex-align:center;align-items:center;border:0;display:-ms-inline-flexbox;display:inline-flex;color:var(--_app-footer-color);font-weight:var(--ds-alias-text-weight-bold);gap:calc(var(--_app-footer-gap)/2);margin:0 0 0 auto;max-width:100%;width:auto}#top .language-picker ds-icon{--icon-color:currentColor;-ms-flex-negative:0;flex-shrink:0}#top .language-picker select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:rgba(0,0,0,0);border:0;border-radius:0;color:inherit;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;font:inherit;line-height:1.3;min-width:auto;padding:0;outline:none}#top .language-picker select:hover,#top .language-picker select:focus-visible{color:var(--_app-footer-link-color-hover)}#top .language-picker select:active{color:var(--_app-footer-link-color-active)}#bottom{display:grid;gap:var(--_app-footer-gap);grid-template-columns:1fr}#bottom .links,#bottom .social{min-width:0}#bottom .link-list,#bottom .social-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:calc(var(--_app-footer-gap)/2) calc(var(--_app-footer-gap));margin:0;padding:0}#bottom .link-list li,#bottom .social-list li{list-style:none}#bottom .links a,#bottom ::slotted([slot=links]){color:var(--_app-footer-link-color);text-decoration:none}#bottom .links a:hover,#bottom ::slotted([slot=links]:hover){color:var(--_app-footer-link-color-hover);text-decoration:underline}#bottom .links a:active,#bottom ::slotted([slot=links]:active){color:var(--_app-footer-link-color-active);text-decoration:underline}#bottom .social a,#bottom ::slotted([slot=social-links]){--icon-color:var(--ds-alias-text-color-white);--icon-size:var(--ds-icon-size-sm);-ms-flex-align:center;align-items:center;color:var(--_app-footer-link-color);display:-ms-inline-flexbox;display:inline-flex;height:var(--_app-footer-social-icon-size);-ms-flex-pack:center;justify-content:center;text-decoration:none;width:var(--_app-footer-social-icon-size)}#bottom .social a:hover,#bottom ::slotted([slot=social-links]:hover){--icon-color:var(--_app-footer-link-color-hover);color:var(--_app-footer-link-color-hover)}#bottom .social a:active,#bottom ::slotted([slot=social-links]:active){--icon-color:var(--_app-footer-link-color-active);color:var(--_app-footer-link-color-active)}#bottom ::slotted([slot=links]),#bottom ::slotted([slot=social-links]){margin-right:var(--_app-footer-gap)}@media screen and (min-width: 769px){#bottom{-ms-flex-align:start;align-items:start;grid-template-columns:1fr}.social,.links{justify-self:start}}@media screen and (min-width: 1024px){#bottom{-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto;grid-template-areas:"legal social" "links links"}.legal{align-self:center;grid-area:legal}.social{align-self:center;grid-area:social;justify-self:end}.links{grid-area:links;justify-self:stretch;width:100%}}';export{v as ds_app_footer}

package/dist/design-system/p-85dfc1c756.entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as t,x as a,F as e,G as i,I as o}from"./p-DxEN1zze.js";import{_ as l,L as d,a as r}from"./p-C4x_tAIC.js";import{T as m}from"./p-DUF2uMuK.js";import{L as s}from"./p-Cy9j3Fev.js";import"./p-CnwtEwKG.js";const n={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},c=class{constructor(e){t(this,e),this.innerEditLabel="Edit",this.language=a.language,this.region=a.region,this.labelId=`data-item-label-${Math.random().toString(36).slice(2,9)}`,this.valueId=`data-item-value-${Math.random().toString(36).slice(2,9)}`,this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=n[t.language])||void 0===a?void 0:a.editLabel)||n.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"65df3b195f52c26e136be800ba83543982e96726",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"94549cce34bbd4c696beb50d6b4eae2cb5a06437",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"17c3d94b5dc271ca1199c55122b534e7377077d2",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"4084af358296358b4ccd8b9efd8c276582d15f89"}),this.editable&&e("ds-button",{key:"51a96d59fcb00cabd90c98bc3330ad3da44a3cfa",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return o(this)}};l([d("data-item"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null),l([m("boolean"),r("design:type",Boolean)],c.prototype,"disabled",void 0),l([m("boolean"),r("design:type",Boolean)],c.prototype,"multiline",void 0),l([m("boolean"),r("design:type",Boolean)],c.prototype,"editable",void 0),l([m("string"),r("design:type",Object)],c.prototype,"editLabel",void 0),l([s(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-data-item-label-font-weight)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-data-item-value-color)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-data-item-label-color)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-data-item-color-required)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-data-item-color-disabled)));--_data-item-border-bottom:var(--data-item-border-bottom, var(--mod-data-item-border-bottom, var(--ds-data-item-border-bottom)));border-bottom:var(--_data-item-border-bottom)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}";export{c as ds_data_item}

package/dist/design-system/p-862ca0488c.entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as r,J as o,x as e,M as t,F as a,I as i}from"./p-DxEN1zze.js";import{_ as n,L as s,a as d}from"./p-C4x_tAIC.js";import{i as l}from"./p-B62ocg4Q.js";import{F as c}from"./p-BKh0Vkl1.js";import{w as m}from"./p-BvNfYE1d.js";import{F as h}from"./p-Bm_jsWv8.js";import{a as f,I as v,d as p}from"./p-BRYPu0SP.js";import{T as b}from"./p-DUF2uMuK.js";import{O as g}from"./p-B_GE_aHN.js";import{L as u}from"./p-Cy9j3Fev.js";import"./p-969JOO-P.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-CnwtEwKG.js";const x=class{constructor(t){r(this,t),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsClick=o(this,"dsClick"),this.dsFocus=o(this,"dsFocus"),this.dsInput=o(this,"dsInput"),this.dsKeyPress=o(this,"dsKeyPress"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.inputId="ds-textarea-"+y++,this.inheritedAttributes={},this.control=new c(this),this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=e.language,this.region=e.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=t(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=m(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(r){this.language=r.language,this.region=r.region}render(){const r=this.invalid||this.hasInvalidTextSlotContent,o=(this.value||"").toString();return a(h,{key:"fd1cd9660085f71b5fb4b0612681ae5959c11e8c",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},a("textarea",Object.assign({key:"b6dc1c614f277b02c618f499f020ab034e73ec95",id:"textarea",part:"textarea",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,value:o,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return i(this)}static get watchers(){return{debounce:[{debounceChanged:0}]}}};n([s("textarea"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),n([b("string"),d("design:type",String)],x.prototype,"autocapitalize",void 0),n([g(f),d("design:type",String)],x.prototype,"autocomplete",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"autofocus",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),n([g(v),d("design:type",String)],x.prototype,"color",void 0),n([b("number"),d("design:type",Number)],x.prototype,"cols",void 0),n([b("number"),d("design:type",Number)],x.prototype,"debounce",void 0),n([b("string"),d("design:type",String)],x.prototype,"description",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),n([g(p),d("design:type",String)],x.prototype,"inputmode",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),n([b("string"),d("design:type",String)],x.prototype,"invalidText",void 0),n([b("string"),d("design:type",String)],x.prototype,"label",void 0),n([b("number"),d("design:type",Number)],x.prototype,"maxLength",void 0),n([b("number"),d("design:type",Number)],x.prototype,"minLength",void 0),n([b("string"),d("design:type",String)],x.prototype,"name",void 0),n([b("string"),d("design:type",String)],x.prototype,"placeholder",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"readonly",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"required",void 0),n([b("number"),d("design:type",Number)],x.prototype,"rows",void 0),n([b("string"),d("design:type",Object)],x.prototype,"value",void 0),n([g(["hard","soft","off"]),d("design:type",String)],x.prototype,"wrap",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],x.prototype,"configChanged",null);let y=0;x.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-ms-flex-align:center;align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-textarea-color:var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder:var(--ds-form-disabled-control-placeholder-color)}";export{x as ds_textarea}

package/dist/design-system/p-89fabc6013.entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as e,J as i,F as s,G as o,I as a}from"./p-DxEN1zze.js";import{_ as r,L as t,a as l}from"./p-C4x_tAIC.js";import{b as n,a as d}from"./p-BKyBMO1V.js";import{O as c}from"./p-B_GE_aHN.js";import{T as h}from"./p-DUF2uMuK.js";import{R as u}from"./p-BUqqUp-r.js";import"./p-CnwtEwKG.js";const g=class{constructor(s){e(this,s),this.dsCarouselItemSelect=i(this,"dsCarouselItemSelect"),this.carouselVariant="slide",this.navigation=!1,this.index=0,this.selected=!1,this.src="",this.handleClick=()=>{"tile"===this.carouselVariant&&this.dsCarouselItemSelect.emit({name:this.name})}}createLogger(e){this.log=e}render(){const e="tile"===this.carouselVariant,i={"is-slide":!e,"is-tile":e,"is-selected":this.selected,"is-navigation":e&&this.navigation,[`is-${this.color}`]:!!this.color};return e?s(o,this.navigation?{class:i,role:"none"}:{class:i,role:"button",tabIndex:0,"aria-pressed":String(this.selected),onClick:this.handleClick},s("slot",null)):s(o,{class:i,"aria-label":`Slide ${this.index}`},this.src?s("img",{src:this.src,alt:"",draggable:!1}):s("slot",null))}get el(){return a(this)}};r([t("carousel-item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],g.prototype,"createLogger",null),r([c(n),l("design:type",String)],g.prototype,"color",void 0),r([c(d),l("design:type",String)],g.prototype,"carouselVariant",void 0),r([h("boolean"),l("design:type",Boolean)],g.prototype,"navigation",void 0),r([h("number"),l("design:type",Number)],g.prototype,"index",void 0),r([u(),h("string"),l("design:type",String)],g.prototype,"name",void 0),r([h("boolean"),l("design:type",Boolean)],g.prototype,"selected",void 0),r([h("string"),l("design:type",String)],g.prototype,"src",void 0),g.style=":host(.is-slide){display:block;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;scroll-snap-align:start;overflow:hidden;border-radius:var(--ds-alias-radius-base)}:host(.is-slide) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}:host(.is-tile){position:relative;-ms-flex:0 0 var(--carousel-item-width, auto);flex:0 0 var(--carousel-item-width, auto);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--ds-alias-surface-grey-light);cursor:pointer;outline:none;-webkit-transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease,-webkit-box-shadow 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-tile):hover{background-color:var(--ds-alias-surface-grey-dark)}}:host(.is-tile):active{background-color:var(--ds-alias-surface-grey-darker)}@media (hover: hover)and (pointer: fine){:host(.is-tile:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host(.is-tile.is-selected){background-color:var(--ds-alias-surface-selected)}:host(.is-tile.is-purple){background-color:var(--ds-alias-surface-purple-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-purple):hover{background-color:var(--ds-alias-surface-purple-light)}}:host(.is-tile.is-purple):active{background-color:var(--ds-alias-surface-purple)}:host(.is-tile.is-green){background-color:var(--ds-alias-surface-green-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-green):hover{background-color:var(--ds-alias-surface-green-light)}}:host(.is-tile.is-green):active{background-color:var(--ds-alias-surface-green)}:host(.is-tile.is-red){background-color:var(--ds-alias-surface-red-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-red):hover{background-color:var(--ds-alias-surface-red-light)}}:host(.is-tile.is-red):active{background-color:var(--ds-alias-surface-red)}:host(.is-tile.is-yellow){background-color:var(--ds-alias-surface-yellow-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-yellow):hover{background-color:var(--ds-alias-surface-yellow-light)}}:host(.is-tile.is-yellow):active{background-color:var(--ds-alias-surface-yellow)}:host(.is-tile.is-navigation){padding:0;cursor:default}:host(.is-tile.is-navigation) ::slotted(a){-ms-flex:1;flex:1;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-radius:inherit;color:inherit;text-decoration:none;text-align:center;font-size:inherit;line-height:inherit;outline:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}";export{g as ds_carousel_item}

package/dist/design-system/p-8ff9ce5416.entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as e,F as t,G as s,I as a}from"./p-DxEN1zze.js";import{_ as n,L as r,a as i}from"./p-C4x_tAIC.js";const o=class{constructor(t){e(this,t)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="title"}render(){return t(s,{key:"51e10abad99fe4652c91809388f116caa8128177",style:{display:"contents"}},t("slot",{key:"608b6bb7921defbba19d7e0ba164b8e2eb43f959"}))}get el(){return a(this)}};n([r("hint-title"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],o.prototype,"createLogger",null);export{o as ds_hint_title}