@ds-autonomie/web-components 2.15.0 → 2.16.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @ds-autonomie/web-components
 
+## 2.16.0
+
+### Minor Changes
+
+- ff2dec3: `file-upload` : possibilité d'avoir une zone de glisser-déposer
+  `alert` : ajout d'un attribut pour modifier la taille
+
+### Patch Changes
+
+- 7f5bebc: `input-phone` : correction de la réinitialisation des valeurs
+- f5670bd: `tag` : Agrandissement de la cible du bouton de suppression. Application des bonnes pratiques écoconception web.
+- c9e7208: `badge` : application des bonnes pratiques écoconception web
+
 ## 2.15.0
 
 ### Minor Changes

package/cdn/chunks/{chunk.XPETABJ4.js → chunk.2GNTWYWW.js}

@@ -1,4 +1,4 @@
-import{b as t}from"./chunk.FDMPUSVV.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as o}from"./chunk.2RF4WD6T.js";import{a as b}from"./chunk.BWEPOOQP.js";import{b as r,d,f as n}from"./chunk.CEOMZJL3.js";import{a as s}from"./chunk.6G2FNLAV.js";import{f as a}from"./chunk.IZ2HVRME.js";var h=s`
+import{a as u}from"./chunk.WYKFMOCB.js";import{a as p}from"./chunk.H46NZIZH.js";import{b as t}from"./chunk.FDMPUSVV.js";import{c as h}from"./chunk.KD3BHBHK.js";import{a as o}from"./chunk.2RF4WD6T.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as b}from"./chunk.BWEPOOQP.js";import{b as r,d,f as n}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.6G2FNLAV.js";import{f as a}from"./chunk.IZ2HVRME.js";var v=s`
   :host {
     display: inline-block;
     position: relative;
@@ -202,4 +202,4 @@ import{b as t}from"./chunk.FDMPUSVV.js";import{d as i}from"./chunk.ZBHHLRFH.js";
           </div>
         </button>
       </div>
-    `}};e.styles=h,a([d(".selectable-card")],e.prototype,"button",2),a([r({type:Boolean,reflect:!0})],e.prototype,"checked",2),a([r()],e.prototype,"value",2),a([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([r({type:Boolean})],e.prototype,"parentDisabled",2),a([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),a([r({type:Boolean})],e.prototype,"parentReadonly",2),a([r({type:Boolean})],e.prototype,"error",2),a([r()],e.prototype,"layout",2),a([r({type:Boolean,reflect:!0,attribute:"contrasted-borders"})],e.prototype,"contrastedBorders",2),a([b(["readonly","parentReadonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};
+    `}};e.styles=v,e.dependencies={"dsa-icon":h,"dsa-internal-radio-icon":u,"dsa-internal-checkbox-box":p},a([d(".selectable-card")],e.prototype,"button",2),a([r({type:Boolean,reflect:!0})],e.prototype,"checked",2),a([r()],e.prototype,"value",2),a([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([r({type:Boolean})],e.prototype,"parentDisabled",2),a([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),a([r({type:Boolean})],e.prototype,"parentReadonly",2),a([r({type:Boolean})],e.prototype,"error",2),a([r()],e.prototype,"layout",2),a([r({type:Boolean,reflect:!0,attribute:"contrasted-borders"})],e.prototype,"contrastedBorders",2),a([b(["readonly","parentReadonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.2HT24T5L.js

@@ -0,0 +1,43 @@
+import{a as h}from"./chunk.YRFEXBVK.js";import{a as d}from"./chunk.VQENJXGP.js";import{a as m}from"./chunk.FX5UP23Z.js";import{a as c}from"./chunk.SKA3D63Q.js";import{a as p}from"./chunk.63UE4VAO.js";import{c as u}from"./chunk.6JIYQYLW.js";import{c as r}from"./chunk.KD3BHBHK.js";import{d as o}from"./chunk.ZBHHLRFH.js";import{a as i,b as n,d as s,f as l}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends l{constructor(){super(...arguments);this.localize=new u(this);this.value="";this.expanded=!1;this.alwaysOpen=!1;this.mobile=!1}async handleExpandClick(){this.emit("dsa-expand"),this.expanded=!0,await this.updateComplete,this.input.focus()}handleChange(){this.value=this.search.value}handleInput(){this.value=this.search.value}async handleCancelClick(){this.emit("dsa-collapse"),this.expanded=!1,await this.updateComplete,this.expandButton.focus()}get input(){return this.search.input}get submitButton(){return this.search.submitButton}get clearButton(){return this.search.clearButton}render(){return!this.expanded&&!this.alwaysOpen?this.mobile?a`
+          <dsa-icon-button
+            id="expand-button"
+            part="button button--navigation"
+            name="search"
+            library="system"
+            size="large"
+            label=${this.localize.term("search")}
+            @click=${this.handleExpandClick}
+          ></dsa-icon-button>
+        `:a`
+          <dsa-button
+            id="expand-button"
+            variant="navigation"
+            part="button button--navigation"
+            @click=${this.handleExpandClick}
+          >
+            <dsa-icon name="search" library="system"></dsa-icon>
+            <span>${this.localize.term("search")}</span>
+          </dsa-button>
+        `:a`
+      <div
+        class=${o({"search-bar":!0,"search-bar--mobile":this.mobile,"search-bar--desktop":!this.mobile})}
+      >
+        <dsa-search
+          size=${this.mobile?"small":"medium"}
+          .value=${m(this.value)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+        ></dsa-search>
+
+        ${this.alwaysOpen?"":a`
+              <dsa-button
+                id="cancel-button"
+                variant="tertiary"
+                size=${this.mobile?"small":"medium"}
+                @click=${this.handleCancelClick}
+              >
+                ${this.localize.term("cancel")}
+              </dsa-button>
+            `}
+      </div>
+    `}};t.styles=d,t.dependencies={"dsa-icon":r,"dsa-icon-button":p,"dsa-button":c,"dsa-search":h},e([s("dsa-search")],t.prototype,"search",2),e([s("#expand-button")],t.prototype,"expandButton",2),e([s("#cancel-button")],t.prototype,"cancelButton",2),e([n()],t.prototype,"value",2),e([n({reflect:!0,type:Boolean})],t.prototype,"expanded",2),e([n({type:Boolean,attribute:"always-open"})],t.prototype,"alwaysOpen",2),e([n({type:Boolean})],t.prototype,"mobile",2),t=e([i("dsa-header-search")],t);export{t as a};

package/cdn/chunks/chunk.2MKXX3AZ.js

@@ -0,0 +1,41 @@
+import{a as b}from"./chunk.G3FT5PWN.js";import{b as c}from"./chunk.2PN56GC6.js";import{a as A}from"./chunk.MWJXUXK2.js";import{a as u}from"./chunk.ODH67RGS.js";import{a as f}from"./chunk.ELL45QD3.js";import{c as y}from"./chunk.6JIYQYLW.js";import{c as v}from"./chunk.KD3BHBHK.js";import{d as m}from"./chunk.ZBHHLRFH.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as h,b as s,d as l,f as p}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as o}from"./chunk.IZ2HVRME.js";var C="dsa-menu-item",E="dsa-menu-accordion",w="dsa-sidenav-info-accordion",t=class extends p{constructor(){super(...arguments);this.hasSlotController=new f(this,"[default]","bottom");this.localize=new y(this);this.collapsed=!1;this.allowShortcut=!1;this.navLabel=""}connectedCallback(){super.connectedCallback(),this.handleAccordionActivation=this.handleAccordionActivation.bind(this),this.handleAccordionKeyDown=this.handleAccordionKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.allowShortcut&&document.addEventListener("keydown",this.handleDocumentKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.allowShortcut&&document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(){[...this.querySelectorAll(E),...this.querySelectorAll(w)].forEach(n=>{n.addEventListener("click",this.handleAccordionActivation),n.addEventListener("keydown",this.handleAccordionKeyDown)})}handleDocumentKeyDown(e){e.key==="\\"&&(c()?e.metaKey:e.ctrlKey)&&this.toggleSidenav()}handleAccordionKeyDown(e){(e.key==="Enter"||e.key===" ")&&this.handleAccordionActivation(e)}handleAccordionActivation(e){this.collapsed&&(this.collapsed=!1,e.currentTarget.open=!0)}toggleSidenav(){this.collapsed=!this.collapsed}updateChildrenState(){let e=this.querySelectorAll(C),n=this.querySelectorAll(E),a=this.querySelectorAll(w);[...e,...n,...a].forEach(r=>{this.collapsed?r.setAttribute("collapsed","true"):r.removeAttribute("collapsed")})}handleExpandedChange(){this.updateChildrenState(),this.collapsed?this.emit("dsa-collapse"):this.emit("dsa-expand")}handleAllowShortcutChange(){this.allowShortcut?document.addEventListener("keydown",this.handleDocumentKeyDown):document.removeEventListener("keydown",this.handleDocumentKeyDown)}render(){let e=this.localize.term("toggleSidenav"),n=`(${c()?"Cmd":"Ctrl"} + \\)`,a=`${e} ${this.allowShortcut?n:""}`;return i`
+      <nav
+        id="sidenav"
+        class=${m({sidenav:!0,"sidenav--expanded":!this.collapsed,"sidenav--collapsed":this.collapsed})}
+        role="navigation"
+        aria-label=${this.navLabel}
+      >
+        <dsa-tooltip placement="right">
+          <button
+            class="sidenav__button"
+            @click=${this.toggleSidenav}
+            aria-label=${a}
+            aria-expanded=${!this.collapsed}
+            aria-controls="sidenav"
+          >
+            <dsa-icon
+              class="sidenav__expand-icon"
+              name="chevron_right"
+              library="system"
+            ></dsa-icon>
+          </button>
+          <span slot="content" aria-hidden="true">${a}</span>
+        </dsa-tooltip>
+
+        <div class="sidenav__content">
+          <slot
+            class="sidenav__content-top"
+            @slotchange=${this.handleExpandedChange}
+          ></slot>
+          ${this.hasSlotController.test("[default]")?i` <dsa-divider class="sidenav__top-divider"></dsa-divider> `:""}
+          ${this.hasSlotController.test("bottom")?i`
+                <dsa-divider class="sidenav__bottom-divider"></dsa-divider>
+              `:""}
+          <slot
+            class="sidenav__content-bottom"
+            name="bottom"
+            @slotchange=${this.handleExpandedChange}
+          ></slot>
+        </div>
+      </nav>
+    `}};t.styles=b,t.dependencies={"dsa-divider":u,"dsa-icon":v,"dsa-tooltip":A},o([l(".sidenav")],t.prototype,"sidenav",2),o([l(".sidenav__button")],t.prototype,"sidenavButton",2),o([s({type:Boolean,reflect:!0})],t.prototype,"collapsed",2),o([s({attribute:"allow-shortcut",type:Boolean})],t.prototype,"allowShortcut",2),o([s({attribute:"nav-label"})],t.prototype,"navLabel",2),o([d("collapsed")],t.prototype,"handleExpandedChange",1),o([d("allowShortcut")],t.prototype,"handleAllowShortcutChange",1),t=o([h("dsa-sidenav")],t);export{t as a};

package/cdn/chunks/{chunk.5WVQIAAW.js → chunk.2QQVNGQU.js}

@@ -1,4 +1,4 @@
-import{a as p}from"./chunk.SZ2RS6ZH.js";import{a}from"./chunk.NIRNX67K.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as l}from"./chunk.2RF4WD6T.js";import{a as s,b as r,d as i,f as m}from"./chunk.CEOMZJL3.js";import{a as o}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.mobile=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return o`
+import{a as p}from"./chunk.SZ2RS6ZH.js";import{a}from"./chunk.NIRNX67K.js";import{a as l}from"./chunk.2RF4WD6T.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as s,b as r,d as i,f as m}from"./chunk.KBZ32KWP.js";import{a as o}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.mobile=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return o`
       <a
         class=${n({"navbar-link":!0,"navbar-link--mobile":this.mobile,"navbar-link--desktop":!this.mobile})}
         href=${this.href}

package/cdn/chunks/{chunk.GHQSD5YO.js → chunk.2UUQJVQI.js}

@@ -1 +1 @@
-import{a as m}from"./chunk.YRSOFNQ3.js";import{a as d}from"./chunk.NSHYTCO4.js";import{a as h}from"./chunk.N6IYJMR7.js";import{a}from"./chunk.BWEPOOQP.js";import{a as n,b as i}from"./chunk.CEOMZJL3.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.role="rowgroup"}handleDefaultSlotChange(){let t=this.parentElement;t instanceof d&&(t.handleHeaderRowExpandable(),t.handleHeaderRowSelectable(),t.handleAlignmentChange(),t.handleHeaderCellsCount())}getAllRows(){return[...this.querySelectorAll("dsa-table-header-row")]}getAllCells(){return[...this.querySelectorAll("dsa-table-header-cell")]}handleLoading(){this.setAttribute("aria-busy",this.loading.toString()),this.getAllRows().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading")),this.getAllCells().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading"))}handleSkeletonEffectChange(){this.getAllCells().forEach(o=>o.setAttribute("skeleton-effect",this.skeletonEffect))}render(){return s` <slot @slotchange=${this.handleDefaultSlotChange}></slot> `}};e.styles=m,r([i({reflect:!0})],e.prototype,"role",2),r([a("loading")],e.prototype,"handleLoading",1),r([a("skeletonEffect")],e.prototype,"handleSkeletonEffectChange",1),e=r([n("dsa-table-head")],e);export{e as a};
+import{a as m}from"./chunk.YRSOFNQ3.js";import{a as d}from"./chunk.MQFH5TMZ.js";import{a as h}from"./chunk.FNWVRCNG.js";import{a}from"./chunk.BWEPOOQP.js";import{a as n,b as i}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.role="rowgroup"}handleDefaultSlotChange(){let t=this.parentElement;t instanceof d&&(t.handleHeaderRowExpandable(),t.handleHeaderRowSelectable(),t.handleAlignmentChange(),t.handleHeaderCellsCount())}getAllRows(){return[...this.querySelectorAll("dsa-table-header-row")]}getAllCells(){return[...this.querySelectorAll("dsa-table-header-cell")]}handleLoading(){this.setAttribute("aria-busy",this.loading.toString()),this.getAllRows().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading")),this.getAllCells().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading"))}handleSkeletonEffectChange(){this.getAllCells().forEach(o=>o.setAttribute("skeleton-effect",this.skeletonEffect))}render(){return s` <slot @slotchange=${this.handleDefaultSlotChange}></slot> `}};e.styles=m,r([i({reflect:!0})],e.prototype,"role",2),r([a("loading")],e.prototype,"handleLoading",1),r([a("skeletonEffect")],e.prototype,"handleSkeletonEffectChange",1),e=r([n("dsa-table-head")],e);export{e as a};

package/cdn/chunks/chunk.4GOIYNKA.js

@@ -0,0 +1,121 @@
+import{a as A}from"./chunk.RVJ7GEHV.js";import{a as f}from"./chunk.XAIDESV3.js";import{a as O}from"./chunk.OUYBHFGA.js";import{c as x}from"./chunk.3RLUYXJN.js";import{a as m}from"./chunk.2PN56GC6.js";import{a as w}from"./chunk.QE5LC4CR.js";import{a as _}from"./chunk.PIG773U2.js";import{a as C}from"./chunk.SKA3D63Q.js";import{c as $}from"./chunk.KD3BHBHK.js";import{a as v}from"./chunk.2RF4WD6T.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as y,b as h,c as r,d as u}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{a as g,b,f as s}from"./chunk.IZ2HVRME.js";var p="dsa-option",i=class extends O{constructor(){super(...arguments);this.displayLabel="";this.allOptions=[];this.selectedOptions=[];this.displayedOptions=[];this.searchValue="";this.nbOptions=0;this.seeAll=!1;this.debounceTimerId=null;this.value="";this.multiple=!1;this.maxVisibleListLength=5;this.searchable=!1;this.debounceTimeout=300;this.optionGender="masculine";this.columnsFilter=!1}connectedCallback(){super.connectedCallback(),this.allOptions=this.getAllOptions(),this.nbOptions=this.allOptions.length,this.filterOptions()}handleKeyDown(e){super.handleKeyDown(e);let l=e.composedPath(),t=l.some(o=>o instanceof w),n=l.some(o=>o instanceof f);if((e.key==="Enter"||e.key===" ")&&t&&this.currentOption&&!this.currentOption.disabled&&(e.preventDefault(),this.multiple||this.value.includes(this.currentOption.value)?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("dsa-change")}),!this.multiple&&!this.drawer&&(this.hide(),this.filterTrigger.focus({preventScroll:!0}))),!this.multiple&&t&&["ArrowUp","ArrowDown","Home","End"].includes(e.key)){let o=this.displayedOptions.indexOf(this.currentOption),d=Math.max(0,o);!(o===0&&e.key==="ArrowUp")&&!(o===this.displayedOptions.length-1&&e.key==="ArrowDown")&&e.preventDefault(),e.key==="ArrowDown"&&o<this.displayedOptions.length-1?d=o+1:e.key==="ArrowUp"&&o>0?d=o-1:e.key==="Home"?d=0:e.key==="End"&&(d=this.displayedOptions.length-1),this.setCurrentOption(this.displayedOptions[d])}n&&e.stopPropagation()}handleSearchInput(e){e.stopPropagation(),this.searchValue=this.searchInput.value,this.debounceTimerId!==null&&clearTimeout(this.debounceTimerId),this.debounceTimerId=setTimeout(()=>{this.emit("dsa-input")},this.debounceTimeout)}handleOptionFocus(e){let t=e.target.closest(p);t&&this.setCurrentOption(t)}handleOptionClick(e){let t=e.target.closest(p),n=this.value;t&&!t.disabled&&(this.multiple||this.value.includes(t.value)?this.toggleOptionSelection(t):this.setSelectedOptions(t),this.value!==n&&this.updateComplete.then(()=>{this.emit("dsa-change")}),!this.multiple&&!this.drawer&&(this.updateComplete.then(()=>this.filterTrigger.focus({preventScroll:!0})),this.hide(),this.filterTrigger.focus({preventScroll:!0})))}filterOptions(){this.searchValue.length>0?this.displayedOptions=this.allOptions.filter(e=>m(e.innerText).includes(m(this.searchValue))):!this.seeAll&&this.maxVisibleListLength>0?this.displayedOptions=this.allOptions.slice(0,this.maxVisibleListLength):this.displayedOptions=this.allOptions,this.displayedOptions.forEach(e=>e.tabIndex=0)}handleMultipleHeaderButtonClick(){this.selectedOptions.length>0?this.allOptions.forEach(e=>e.selected=!1):this.allOptions.forEach(e=>e.selected=!0),this.selectionChanged(),this.updateComplete.then(()=>{this.emit("dsa-change")})}handleSearchClear(){this.searchValue=""}handleSeeAllClick(){this.seeAll=!0,this.filterOptions()}handleDefaultSlotChange(){if(customElements.get(p)){this.allOptions=this.getAllOptions(),this.nbOptions=this.allOptions.length;let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(l=>e.includes(l.value))),this.filterOptions()}else customElements.whenDefined(p).then(()=>this.handleDefaultSlotChange())}getAllOptions(){let e=this.querySelectorAll(p),l=[];return e.forEach(t=>{t.role=this.multiple?"checkbox":"radio";let n=t.cloneNode(!0);n.selected=t.selected,n.multiple=this.multiple,n.role=this.multiple?"checkbox":"radio",n.classList.add("filter-select__option"),n.onfocus=this.handleOptionFocus.bind(this),l.push(n)}),l}getFirstOption(){return this.querySelector(p)}setCurrentOption(e){this.displayedOptions.forEach(l=>{l.current=!1}),e&&(this.currentOption=e,e.current=!0,e.focus())}setSelectedOptions(e){let l=Array.isArray(e)?e:[e];this.allOptions.forEach(t=>t.selected=!1),l.length&&l.forEach(t=>{t.selected=!0,this.allOptions.find(n=>n.value===t.value).selected=!0}),this.selectionChanged()}toggleOptionSelection(e,l){let t=this.allOptions.find(n=>n.value===e.value);l===!0||l===!1?t.selected=l:t.selected=!e.selected,this.selectionChanged()}selectionChanged(){var e,l;this.selectedOptions=this.allOptions.filter(t=>t.selected),this.filterOptions(),this.displayedOptions.forEach(t=>{t.selected=this.selectedOptions.map(n=>n.value).includes(t.value)}),this.multiple?this.value=this.selectedOptions.map(t=>t.value):this.value=(l=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?l:"",this.selectedOptions[0]?this.selectedOptions[0].updateComplete.then(()=>{var t,n;this.displayLabel=(n=(t=this.selectedOptions[0])==null?void 0:t.getTextLabel())!=null?n:""}):this.displayLabel=""}getDisplayedOptionsList(){return this.multiple?a`<div role="list">
+        ${this.displayedOptions.map(e=>a`<div role="listitem">${e}</div>`)}
+      </div>`:this.displayedOptions}handleSearchValueChange(){this.searchValue.length>0&&(this.seeAll=!0),this.filterOptions()}handleValueChange(){let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(l=>e.includes(l.value)))}async handleOpenChange(){this.open&&(this.selectedOptions.length>0&&(this.seeAll=!0),this.filterOptions(),this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption())),await super.handleOpenChange(),this.open&&(requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)}),this.currentOption&&x(this.currentOption,this.listbox,"vertical","auto"))}handleSeeAllChange(){this.seeAll&&this.displayedOptions[this.maxVisibleListLength]!==void 0&&setTimeout(()=>this.displayedOptions[this.maxVisibleListLength].focus())}handleMultipleChange(){this.handleDefaultSlotChange()}async hide(){await super.hide(),this.searchValue=""}renderTrigger(){if(this.columnsFilter)return a`
+        <dsa-button
+          slot="anchor"
+          class="filter__trigger"
+          aria-expanded=${this.open?"true":"false"}
+          aria-controls="filter__panel"
+          ?disabled=${this.disabled}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+          @mousedown=${this.handleFilterTriggerMouseDown}
+          variant="tertiary"
+          caret
+        >
+          <dsa-icon
+            name="view_column"
+            slot="prefix"
+            library="system"
+          ></dsa-icon>
+          ${this.label!==""?this.label:this.localize.term("columns")}
+        </dsa-button>
+      `;{let e=this.selectedOptions.length;return a`
+        <dsa-filter-button
+          slot="anchor"
+          class="filter__trigger"
+          label=${this.label}
+          selected-option=${e===1?this.displayLabel:""}
+          selection-count=${e}
+          aria-expanded=${this.open?"true":"false"}
+          aria-controls="filter__panel"
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?drawer=${this.drawer}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+          @mousedown=${this.handleFilterTriggerMouseDown}
+        ></dsa-filter-button>
+      `}}renderDeSelectAll(){let e=this.selectedOptions.length;return a`
+      <dsa-button
+        class="filter__multiselect-header__deselect-all"
+        variant="tertiary"
+        size="small"
+        @click=${this.handleMultipleHeaderButtonClick}
+      >
+        ${e===0?a` ${this.localize.term("selectAll")} `:a`
+              <dsa-icon
+                name="restart_alt"
+                slot="prefix"
+                library="system"
+              ></dsa-icon>
+              ${this.localize.term("deselectAll")}
+            `}
+      </dsa-button>
+    `}renderPanelContent(){let e=this.selectedOptions.length;return a`
+      ${this.multiple&&!this.drawer?a`
+            <div class="filter__multiselect-header">
+              <span role="status"
+                >${this.localize.term("numberSelected",e,this.optionGender)}</span
+              >
+              ${this.renderDeSelectAll()}
+            </div>
+          `:""}
+      ${this.searchable?a`
+            <dsa-input
+              type="search"
+              accessible-name=${this.localize.term("search")}
+              placeholder=${this.localize.term("search")}
+              variant="layer"
+              .value=${this.searchValue}
+              @input=${this.handleSearchInput}
+              clearable
+              @dsa-clear=${this.handleSearchClear}
+            ></dsa-input>
+            <dsa-visually-hidden>
+              <span
+                role="status"
+                aria-live="polite"
+                aria-relevant="all"
+                .live=${this.searchValue}
+                >${this.searchValue.length>0?`${this.displayedOptions.length} ${this.localize.term("optionsAvailable")}`:""}</span
+              >
+            </dsa-visually-hidden>
+          `:""}
+
+      <div
+        id="listbox"
+        role=${this.multiple?"group":"radiogroup"}
+        aria-multiselectable=${v(this.multiple?"true":void 0)}
+        aria-label=${this.localize.term("selectValue",this.multiple)}
+        part="listbox"
+        class="filter__listbox"
+        @mouseup=${this.handleOptionClick}
+      >
+        ${this.displayedOptions.length>0?this.getDisplayedOptionsList():a`<div class="filter__empty_text">
+              <p>${this.localize.term("noMatchFound")}</p>
+            </div>`}
+      </div>
+
+      <div
+        class="filter__options"
+        tabindex="-1"
+        role=${this.multiple?"group":"radiogroup"}
+      >
+        <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+      </div>
+
+      <div class="filter-select__footer">
+        ${this.maxVisibleListLength>0&&this.nbOptions>this.maxVisibleListLength&&!this.seeAll?a`
+              <dsa-button
+                variant="tertiary"
+                size="small"
+                class="filter__see-all-button"
+                @click=${this.handleSeeAllClick}
+              >
+                ${this.localize.term("seeAll",this.nbOptions)}
+              </dsa-button>
+            `:""}
+        ${this.drawer&&this.multiple?this.renderDeSelectAll():""}
+      </div>
+    `}};i.styles=A,i.dependencies=b(g({},O.dependencies),{"dsa-button":C,"dsa-icon":$,"dsa-input":f,"dsa-visually-hidden":_}),s([u(".filter__multiselect-header__deselect-all")],i.prototype,"deselectAllButton",2),s([u("dsa-input")],i.prototype,"searchInput",2),s([u(".filter__listbox")],i.prototype,"listbox",2),s([u(".filter__see-all-button")],i.prototype,"seeAllButton",2),s([r()],i.prototype,"displayLabel",2),s([r()],i.prototype,"allOptions",2),s([r()],i.prototype,"currentOption",2),s([r()],i.prototype,"selectedOptions",2),s([r()],i.prototype,"displayedOptions",2),s([r()],i.prototype,"searchValue",2),s([r()],i.prototype,"nbOptions",2),s([r()],i.prototype,"seeAll",2),s([r()],i.prototype,"debounceTimerId",2),s([h({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>typeof e=="string"?e:e.join(" ")}})],i.prototype,"value",2),s([h({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([h({attribute:"max-visible-list-length",type:Number})],i.prototype,"maxVisibleListLength",2),s([h({type:Boolean})],i.prototype,"searchable",2),s([h({type:Number,attribute:"debounce-timeout"})],i.prototype,"debounceTimeout",2),s([h({attribute:"option-gender"})],i.prototype,"optionGender",2),s([h({type:Boolean,attribute:"columns-filter"})],i.prototype,"columnsFilter",2),s([c("searchValue",{waitUntilFirstUpdate:!0})],i.prototype,"handleSearchValueChange",1),s([c("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([c("seeAll")],i.prototype,"handleSeeAllChange",1),s([c("multiple")],i.prototype,"handleMultipleChange",1),i=s([y("dsa-filter-select")],i);export{i as a};

package/cdn/chunks/chunk.4WXQIRY5.js

@@ -0,0 +1,173 @@
+import{a as z}from"./chunk.KP77TFIK.js";import{a as L}from"./chunk.2PN56GC6.js";import{a as x}from"./chunk.QE5LC4CR.js";import{a as P}from"./chunk.VL5LPHV3.js";import{a as K}from"./chunk.CUYQOZPJ.js";import{a as V}from"./chunk.U4TME7DS.js";import{a as F}from"./chunk.NJBAMERR.js";import{a as A}from"./chunk.3YGVCBEP.js";import{a as T}from"./chunk.76VB4TUF.js";import{b as k}from"./chunk.FWTZS7LK.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as v,c as g}from"./chunk.HHVNQNCC.js";import{a as w,c as $}from"./chunk.TV2TMO2H.js";import{a as d}from"./chunk.NIRNX67K.js";import{c as D}from"./chunk.6JIYQYLW.js";import{c as M}from"./chunk.KD3BHBHK.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as y}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as _,b as o,c as r,d as p}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var f="dsa-option",s=class extends P{constructor(){super(...arguments);this.formControlController=new k(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.localize=new D(this);this.hasVisualFocus=!1;this.displayLabel="";this.selectedOptions=[];this.allOptions=[];this.filteredOptions=[];this.displayedOptionsCount=0;this.debounceTimerId=null;this.open=!1;this.value="";this.defaultValue="";this.hoist=!1;this.placement="bottom";this.clearable=!1;this.noSyncWidth=!1;this.items=void 0;this.multiple=!1;this.maxOptionsVisible=3;this.visibleListLength=void 0;this.debounceTimeout=300;this.fetchingState="idle";this.overrideDefaultFiltering=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1,this.allOptions=this.getAllOptions(),this.filteredOptions=[...this.allOptions],this.resetDisplayedOptionsCount()}handleBlur(){this.hasVisualFocus=!1,this.emit("dsa-blur")}handleFocus(){this.hasVisualFocus=!0,this.emit("dsa-focus")}handleComboboxMouseDown(e){let i=e.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="dsa-tag");this.readonly||this.disabled||i||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.filterOptions(this.displayLabel),this.open?this.hide():this.show())}handleComboboxKeyDown(e){this.filterOptions(this.displayLabel),this.handleDefaultKeyDown(e)}handleClearMouseKeyDown(e){switch(e.stopPropagation(),e.key){case"Enter":case"Escape":this.clearSelection(),this.displayInput.focus({preventScroll:!0});break}}handleChange(){var e;this.displayLabel=this.displayInput.value,this.emit("dsa-change"),this.multiple||this.displayLabel!==((e=this.selectedOptions[0])==null?void 0:e.getTextLabel())&&this.clearSelectedOptions()}handleInput(){this.displayLabel=this.displayInput.value,this.show(),!this.multiple&&this.displayLabel===""&&this.clearSelection(),this.debounceTimerId!==null&&clearTimeout(this.debounceTimerId),this.debounceTimerId=setTimeout(()=>this.emit("dsa-input"),this.debounceTimeout)}handleClearClick(e){e.stopPropagation(),this.value!==""&&(this.displayInput.focus({preventScroll:!0}),this.clearSelection())}clearSelection(){this.clearSelectedOptions(),this.value="",this.syncOnSelection(),this.updateComplete.then(()=>{this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change")})}filterOptions(e){this.overrideDefaultFiltering?this.filteredOptions=this.allOptions:this.filteredOptions=this.allOptions.filter(t=>L(t.innerText).includes(L(e)))}resetDisplayedOptionsCount(){this.displayedOptionsCount=this.visibleListLength?Math.min(this.visibleListLength,this.filteredOptions.length):this.filteredOptions.length}toggleOptionSelection(e,t){e.selected=t||!e.selected,this.selectedOptions=this.allOptions.filter(i=>i.selected),this.syncOnSelection()}handleOptionClick(e){let i=e.target.closest(f);if(this.setCurrentOption(void 0),i!==this.seeMoreOption&&i!==null&&!i.disabled){let l=this.value;this.multiple?this.toggleOptionSelection(i):(this.setSelectedOptions(i),this.syncOnSelection(),this.filterOptions(this.displayLabel)),this.updateComplete.then(()=>{this.value!==l&&(this.emit("dsa-input"),this.emit("dsa-change"))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}),this.hasVisualFocus=!0)}}handleDefaultSlotChange(){if(customElements.get(f)){this.allOptions=this.getAllOptions(),this.filterOptions(this.displayLabel);let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(t=>e.includes(t.value))),!this.multiple&&this.selectedOptions.length>0&&this.syncOnSelection()}else customElements.whenDefined(f).then(()=>this.handleDefaultSlotChange());this.resetDisplayedOptionsCount()}handleTagRemove(e,t){e.stopPropagation(),!this.disabled&&!this.readonly&&(this.focusNextTagOrInput(t),this.toggleOptionSelection(t,!1),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}focusNextTagOrInput(e){let t=this.selectedOptions.findIndex(l=>l===e),i=this.selectedOptions[t+1];i?i.focus():this.displayInput.focus({preventScroll:!0})}getAllOptions(){if(this.items!==void 0)return this.items;let e=this.querySelectorAll(f),t=[];return e.forEach(i=>{let l=i.cloneNode(!0);l.multiple=this.multiple,l.id=l.value,t.push(l)}),t}clearSelectedOptions(){this.selectedOptions=[],this.allOptions.forEach(e=>{e.selected=!1})}setCurrentOption(e){this.allOptions.forEach(t=>{t.current=!1}),e!==void 0?(this.currentOption=e,e.current=!0,e.tabIndex=0,e.focus()):this.currentOption=void 0}setSelectedOptions(e){let t=Array.isArray(e)?e:[e];this.clearSelectedOptions(),t.forEach(i=>{i.selected=!0}),this.selectedOptions=this.allOptions.filter(i=>i.selected)}handleClearMouseDown(e){e.stopPropagation(),e.preventDefault()}syncOnSelection(){var e,t,i,l;this.multiple?this.value=this.selectedOptions.map(m=>m.value):(this.value=(t=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?t:this.value,this.displayLabel=(l=(i=this.selectedOptions[0])==null?void 0:i.getTextLabel())!=null?l:""),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.filterOptions(this.displayLabel)})}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleDocumentFocusIn(e){let t=e.composedPath();this&&!t.includes(this)&&this.hide()}handleDocumentMouseDown(e){let t=e.composedPath();this&&!t.includes(this)&&this.hide()}handleDefaultKeyDown(e){switch(e.key){case"Escape":case"Tab":this.handleEscapeAndTabKeys(e);break;case"Enter":e.stopPropagation(),this.handleEnterKey(e);break;case" ":this.handleSpaceKey(e);break;case"ArrowLeft":case"ArrowRight":e.stopPropagation(),this.handleArrowKeys();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":e.stopPropagation(),this.handleNavigationKeys(e);break;default:e.stopPropagation(),this.focus();break}}handleEscapeAndTabKeys(e){if(this.open){e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0}),this.hasVisualFocus=!0;return}e.key==="Escape"&&(this.multiple&&this.displayLabel!==""&&(e.stopPropagation(),this.displayLabel=""),!this.multiple&&this.selectedOptions.length>0&&(e.stopPropagation(),this.clearSelection()))}handleEnterKey(e){var l;let i=e.target.closest("dsa-tag")!==null;if((l=this.seeMoreOption)!=null&&l.current){this.handleSeeMoreClick();return}i||(e.preventDefault(),e.stopImmediatePropagation(),this.open&&this.currentOption!==void 0&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):(this.setSelectedOptions(this.currentOption),this.syncOnSelection(),this.hide(),this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0})),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")})))}handleSpaceKey(e){this.open&&this.currentOption!==void 0&&!this.currentOption.disabled&&(e.preventDefault(),e.stopImmediatePropagation(),this.multiple?this.toggleOptionSelection(this.currentOption):(this.setSelectedOptions(this.currentOption),this.syncOnSelection(),this.hide(),this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0})),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}handleArrowKeys(){this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0}),this.setCurrentOption(void 0)}handleNavigationKeys(e){var i,l;let t=this.currentOption!==void 0?this.filteredOptions.indexOf(this.currentOption):-1;switch(e.preventDefault(),this.open||this.show(),e.key){case"ArrowDown":if((i=this.seeMoreOption)!=null&&i.current)break;t<this.displayedOptionsCount-1?this.setCurrentOption(this.filteredOptions[t+1]):this.filteredOptions.length>this.displayedOptionsCount&&(this.seeMoreOption?this.setCurrentOption(this.seeMoreOption):this.setCurrentOption(void 0));break;case"ArrowUp":(l=this.seeMoreOption)!=null&&l.current?(this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount-1]),this.seeMoreOption.current=!1):t===0?(this.setCurrentOption(void 0),this.focus()):t>0&&this.setCurrentOption(this.filteredOptions[t-1]);break;case"Home":this.setCurrentOption(this.filteredOptions[0]),this.seeMoreOption&&(this.seeMoreOption.current=!1);break;case"End":this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount-1]),this.seeMoreOption&&(this.seeMoreOption.current=!1);break}this.hasVisualFocus=!1}handleSeeMoreClick(){var e;this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount]),this.displayedOptionsCount=Math.min(this.displayedOptionsCount+((e=this.visibleListLength)!=null?e:0),this.filteredOptions.length),this.seeMoreOption&&(this.seeMoreOption.current=!1)}getDescriptionIds(){let e=[];if(this.multiple&&this.maxOptionsVisible>0){let t=this.selectedOptions.slice(0,this.maxOptionsVisible).map(i=>`tag-${i.value}`).join(" ");e=[...e,t]}return this.multiple&&this.selectedOptions.length>this.maxOptionsVisible&&(e=[...e,"tag-remaining"]),this.error&&(e=[...e,"error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleReadonlyChange(){this.readonly&&(this.open=!1,this.handleOpenChange())}handleItemsChange(){var t;(t=this.items)==null||t.forEach(i=>{i.id=i.id&&i.id!==""?i.id:i.value,i.multiple=this.multiple}),this.allOptions=this.getAllOptions(),this.filterOptions(this.displayLabel);let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(i=>e.includes(i.value))),!this.multiple&&this.selectedOptions.length>0&&this.syncOnSelection(),this.resetDisplayedOptionsCount()}handleValueChange(){let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(t=>e.includes(t.value))),this.multiple||this.syncOnSelection()}async handleOpenChange(){var e,t;if(this.open&&!this.disabled&&!this.readonly){this.emit("dsa-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,this.displayInput.focus({preventScroll:!0}),requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:i,options:l}=$(this,"select.show",{dir:this.localize.dir()});await v(this.popup.popup,i,l),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),this.multiple||(this.displayLabel=(t=(e=this.selectedOptions[0])==null?void 0:e.getTextLabel())!=null?t:""),await g(this);let{keyframes:i,options:l}=$(this,"select.hide",{dir:this.localize.dir()});await v(this.popup.popup,i,l),this.listbox.hidden=!0,this.popup.active=!1,this.emit("dsa-after-hide")}}handleDisplayLabelChange(){this.filterOptions(this.displayLabel),this.resetDisplayedOptionsCount()}handleMultipleChange(){this.allOptions.forEach(e=>{e.multiple=this.multiple})}async show(){if(!(this.open||this.disabled||this.readonly||this.allOptions.length===0&&this.fetchingState==="idle"))return this.open=!0,await b(this,"dsa-after-show")}async hide(){if(!this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!1,this.currentOption=void 0,await b(this,"dsa-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(e){this.valueInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){this.hasVisualFocus=!0,this.displayInput.focus(e)}blur(){this.hasVisualFocus=!1,this.displayInput.blur()}renderInput(){var S,E,I,C;let e=this.value.length>0,t=this.hasSlotController.test("label"),i=this.label?!0:!!t,l=this.clearable&&!this.disabled&&!this.readonly&&e,m=this.placeholder&&this.value.length===0,N=this.value?e?this.value.length:1:void 0,H=this.disabled||this.readonly,R=this.filteredOptions.slice(0,this.displayedOptionsCount);return a`
+      <dsa-popup
+        class=${y({select:!0,"select--error":this.error,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--multiple":this.multiple,"select--focused":this.hasVisualFocus,"select--placeholder-visible":m,"select--top":["top","top-start","top-end"].includes(this.placement),"select--bottom":["bottom","bottom-start","bottom-end"].includes(this.placement),"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--on-base":this.variant==="base","select--on-layer":this.variant==="layer"})}
+        part="popup"
+        placement=${this.placement}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        sync=${this.noSyncWidth?void 0:"width"}
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <div
+          part="combobox"
+          class="select__combobox"
+          slot="anchor"
+          @click=${this.handleComboboxMouseDown}
+          @keydown=${this.handleComboboxKeyDown}
+        >
+          <slot part="prefix" name="prefix" class="select__prefix"></slot>
+          <div
+            class=${y({"input-container":!0})}
+          >
+            <input
+              id="input"
+              part="display-input"
+              class="select__display-input"
+              type="text"
+              .value=${this.displayLabel}
+              placeholder=${d(this.placeholder)}
+              .disabled=${this.disabled}
+              size=${N}
+              autocomplete="off"
+              spellcheck="false"
+              autocapitalize="off"
+              ?readonly=${this.readonly}
+              title=${d((S=this.accessibleName)!=null?S:this.title)}
+              aria-controls="listbox"
+              aria-autocomplete="list"
+              aria-expanded=${this.open?"true":"false"}
+              aria-haspopup="listbox"
+              aria-labelledby=${d(i?"label":void 0)}
+              aria-label=${d(i?void 0:(E=this.accessibleName)!=null?E:this.title)}
+              aria-disabled=${c(this.readonly?"true":void 0)}
+              aria-describedby=${this.getDescriptionIds()}
+              aria-activedescendant=${(C=(I=this.currentOption)==null?void 0:I.id)!=null?C:""}
+              aria-invalid=${c(this.error?"true":void 0)}
+              aria-required=${c(this.required?"true":void 0)}
+              role="combobox"
+              @change=${this.handleChange}
+              @input=${this.handleInput}
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+              @invalid=${this.handleInvalid}
+            />
+
+            ${this.multiple&&this.value.length>0?a`
+                  <div part="tags" class="select__tags">
+                    ${this.selectedOptions.map((u,O)=>O<this.maxOptionsVisible||this.maxOptionsVisible<=0?a`
+                          <dsa-tag
+                            part="tag"
+                            exportparts="
+                                base:tag__base,
+                                content:tag__content,
+                                remove-button:tag__remove-button,
+                                remove-button__base:tag__remove-button__base
+                              "
+                            size=${this.size}
+                            removable
+                            ?disable-removable-focus=${this.disabled||this.readonly}
+                            @dsa-remove=${U=>this.handleTagRemove(U,u)}
+                            label=${u.getTextLabel()}
+                          >
+                          </dsa-tag>
+                          <span
+                            id=${`tag-${u.value}`}
+                            class="hidden-tag-label"
+                            >${u.getTextLabel()},</span
+                          >
+                        `:O===this.maxOptionsVisible?a`
+                          <dsa-tag
+                            id="tag-remaining"
+                            size=${this.size}
+                            label="+${this.selectedOptions.length-O}"
+                          >
+                          </dsa-tag>
+                        `:null)}
+                  </div>
+                `:""}
+          </div>
+
+          <input
+            class="select__value-input"
+            type="text"
+            ?disabled=${H}
+            ?required=${this.required}
+            .value=${this.value}
+            tabindex="-1"
+            aria-hidden="true"
+            @focus=${()=>this.focus()}
+            @invalid=${this.handleInvalid}
+          />
+
+          ${l?a`
+                <button
+                  part="clear-button"
+                  class="select__clear"
+                  type="button"
+                  aria-label=${this.localize.term("clearEntry")}
+                  @mousedown=${this.handleClearMouseDown}
+                  @keydown=${this.handleClearMouseKeyDown}
+                  @click=${this.handleClearClick}
+                >
+                  <dsa-icon name="close" library="system"></dsa-icon>
+                </button>
+              `:""}
+          ${this.allOptions.length>0||this.fetchingState!=="idle"?a`
+                <dsa-icon
+                  class="select__expand-icon"
+                  name="expand_more"
+                  library="system"
+                ></dsa-icon>
+              `:""}
+        </div>
+        <ul
+          id="listbox"
+          role="listbox"
+          aria-expanded=${this.open?"true":"false"}
+          aria-multiselectable="false"
+          aria-labelledby="label"
+          part="listbox"
+          class="select__panel"
+          tabindex="-1"
+          @keydown=${this.handleDefaultKeyDown}
+          @mouseup=${this.handleOptionClick}
+        >
+          ${this.fetchingState==="loading"?a`
+                <div class="select__loading_text">
+                  <dsa-spinner></dsa-spinner>
+                  <p>${this.localize.term("optionsLoading")}</p>
+                </div>
+              `:a``}
+          ${this.fetchingState==="error"?a`
+                <div class="select__loading_text">
+                  <p>${this.localize.term("optionsError")}</p>
+                </div>
+              `:a``}
+          ${["idle","success"].includes(this.fetchingState)&&this.filteredOptions.length>0?R:a``}
+          ${this.visibleListLength&&this.visibleListLength>0&&this.filteredOptions.length>this.displayedOptionsCount?a`
+                <dsa-option
+                  class="select__panel-see-more-option"
+                  id="dsa-seemore-option"
+                  @click=${this.handleSeeMoreClick}
+                  ><span class="see-more-option-text"
+                    >${this.localize.term("seeMore")}</span
+                  ></dsa-option
+                >
+              `:""}
+          ${["idle","success"].includes(this.fetchingState)&&this.filteredOptions.length===0?a`
+                <div class="select__empty_text">
+                  <p>${this.localize.term("noMatchFound")}</p>
+                </div>
+              `:a``}
+        </ul>
+
+        <slot
+          class="slot_options"
+          tabindex="-1"
+          @slotchange=${this.handleDefaultSlotChange}
+        >
+        </slot>
+      </dsa-popup>
+    `}};s.styles=A,s.dependencies={"dsa-icon":M,"dsa-popup":K,"dsa-tag":z,"dsa-error-text":F,"dsa-spinner":T,"dsa-option":x},n([p(".select")],s.prototype,"popup",2),n([p(".select__combobox")],s.prototype,"combobox",2),n([p(".select__display-input")],s.prototype,"displayInput",2),n([p(".select__value-input")],s.prototype,"valueInput",2),n([p(".select__panel")],s.prototype,"listbox",2),n([p(".select__panel-see-more-option")],s.prototype,"seeMoreOption",2),n([r()],s.prototype,"hasVisualFocus",2),n([r()],s.prototype,"displayLabel",2),n([r()],s.prototype,"currentOption",2),n([r()],s.prototype,"selectedOptions",2),n([r()],s.prototype,"allOptions",2),n([r()],s.prototype,"filteredOptions",2),n([r()],s.prototype,"displayedOptionsCount",2),n([r()],s.prototype,"debounceTimerId",2),n([o({type:Boolean,reflect:!0})],s.prototype,"open",2),n([o({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>typeof e=="string"?e:e.join(" ")}})],s.prototype,"value",2),n([V()],s.prototype,"defaultValue",2),n([o({type:Boolean})],s.prototype,"hoist",2),n([o({reflect:!0})],s.prototype,"placement",2),n([o({type:Boolean})],s.prototype,"clearable",2),n([o({attribute:"no-sync-width",type:Boolean})],s.prototype,"noSyncWidth",2),n([o({type:Array,attribute:!1})],s.prototype,"items",2),n([o({type:Boolean})],s.prototype,"multiple",2),n([o({attribute:"max-options-visible",type:Number})],s.prototype,"maxOptionsVisible",2),n([o({attribute:"visible-list-length",type:Number||void 0})],s.prototype,"visibleListLength",2),n([o({type:Number,attribute:"debounce-timeout"})],s.prototype,"debounceTimeout",2),n([o({attribute:"fetching-state"})],s.prototype,"fetchingState",2),n([o({type:Boolean,attribute:"override-default-filtering"})],s.prototype,"overrideDefaultFiltering",2),n([h("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),n([h("readonly",{waitUntilFirstUpdate:!0})],s.prototype,"handleReadonlyChange",1),n([h("items")],s.prototype,"handleItemsChange",1),n([h("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),n([h("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),n([h("displayLabel")],s.prototype,"handleDisplayLabelChange",1),n([h("multiple")],s.prototype,"handleMultipleChange",1),s=n([_("dsa-combobox")],s);w("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});w("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{s as a};

package/cdn/chunks/{chunk.3CCCUH4R.js → chunk.5HX5C6UJ.js}

@@ -1,4 +1,4 @@
-import{a as h}from"./chunk.4GFD32WP.js";import{c as g}from"./chunk.4WOVD75K.js";import{a,b as n,c as r,d,f as c}from"./chunk.CEOMZJL3.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as o}from"./chunk.IZ2HVRME.js";var e=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.isToggleButtonInCloseMode=!1;this.allAccordions=[];this.singleOpen=!1;this.toggleButton=!1}openAll(){this.allAccordions.forEach(t=>{t.open=!0})}closeAll(){this.allAccordions.forEach(t=>{t.open=!1})}updateToggleButtonMode(){this.toggleButton&&this.allAccordions.every(t=>t.open)&&(this.isToggleButtonInCloseMode=!0)}handleAccordionOpenEvent(t){let l=t.target;if(l.tagName.toLowerCase()==="dsa-accordion"){if(this.singleOpen){this.allAccordions.forEach(s=>{s!==l&&s.open&&(s.open=!1)});return}this.updateToggleButtonMode()}}handleAccordionCloseEvent(t){t.target.tagName.toLowerCase()!=="dsa-accordion"||this.singleOpen||!this.toggleButton||(this.isToggleButtonInCloseMode=!1)}handleToggleButtonClick(){this.isToggleButtonInCloseMode?this.closeAll():this.openAll(),this.isToggleButtonInCloseMode=!this.isToggleButtonInCloseMode}handleSlotChange(){this.allAccordions=[...this.querySelectorAll("dsa-accordion")],this.allAccordions.forEach(t=>t.setAttribute("role","listitem")),this.updateToggleButtonMode()}render(){let t=this.isToggleButtonInCloseMode?this.localize.term("closeAll"):this.localize.term("openAll");return i`
+import{a as h}from"./chunk.4GFD32WP.js";import{c as g}from"./chunk.6JIYQYLW.js";import{a,b as n,c as r,d,f as c}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as o}from"./chunk.IZ2HVRME.js";var e=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.isToggleButtonInCloseMode=!1;this.allAccordions=[];this.singleOpen=!1;this.toggleButton=!1}openAll(){this.allAccordions.forEach(t=>{t.open=!0})}closeAll(){this.allAccordions.forEach(t=>{t.open=!1})}updateToggleButtonMode(){this.toggleButton&&this.allAccordions.every(t=>t.open)&&(this.isToggleButtonInCloseMode=!0)}handleAccordionOpenEvent(t){let l=t.target;if(l.tagName.toLowerCase()==="dsa-accordion"){if(this.singleOpen){this.allAccordions.forEach(s=>{s!==l&&s.open&&(s.open=!1)});return}this.updateToggleButtonMode()}}handleAccordionCloseEvent(t){t.target.tagName.toLowerCase()!=="dsa-accordion"||this.singleOpen||!this.toggleButton||(this.isToggleButtonInCloseMode=!1)}handleToggleButtonClick(){this.isToggleButtonInCloseMode?this.closeAll():this.openAll(),this.isToggleButtonInCloseMode=!this.isToggleButtonInCloseMode}handleSlotChange(){this.allAccordions=[...this.querySelectorAll("dsa-accordion")],this.allAccordions.forEach(t=>t.setAttribute("role","listitem")),this.updateToggleButtonMode()}render(){let t=this.isToggleButtonInCloseMode?this.localize.term("closeAll"):this.localize.term("openAll");return i`
       <div part="base" role="group">
         ${!this.singleOpen&&this.toggleButton?i`
               <div part="actions" class="accordion-group__actions">