@ds-autonomie/web-components 2.18.0 → 2.20.0

package/cdn/chunks/chunk.SIT3GCR7.js

@@ -1,173 +0,0 @@
-import{a as z}from"./chunk.QSJXNN7N.js";import{a as L}from"./chunk.2PN56GC6.js";import{a as x}from"./chunk.N4VN25E6.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.4HSGYXFW.js";import{a as T}from"./chunk.OTNGFYHL.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.GM4KTNXL.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.SLTCOGOD.js

@@ -1,35 +0,0 @@
-import{a as m}from"./chunk.FC4RDJJF.js";import{a as P}from"./chunk.JP66XCHO.js";import{c as z}from"./chunk.GM4KTNXL.js";import{c as w}from"./chunk.KD3BHBHK.js";import{a as y}from"./chunk.2RF4WD6T.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as u,b as h,d as g,f as b}from"./chunk.KBZ32KWP.js";import{a as x}from"./chunk.UMC4I57R.js";import{a as f}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";function T(p,r){function e(o){let a=p.getBoundingClientRect(),s=p.ownerDocument.defaultView,v=a.left+s.pageXOffset,d=a.top+s.pageYOffset,l=o.pageX-v,E=o.pageY-d;r!=null&&r.onMove&&r.onMove(l,E)}function t(){document.removeEventListener("pointermove",e),document.removeEventListener("pointerup",t),r!=null&&r.onStop&&r.onStop()}document.addEventListener("pointermove",e,{passive:!0}),document.addEventListener("pointerup",t),(r==null?void 0:r.initialEvent)instanceof PointerEvent&&e(r.initialEvent)}var i=class extends b{constructor(){super(...arguments);this.localize=new z(this);this.position=50;this.vertical=!1;this.disabled=!1;this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(e=>this.handleResize(e)),this.updateComplete.then(()=>this.resizeObserver.observe(this)),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.unobserve(this)}detectSize(){let{width:e,height:t}=this.getBoundingClientRect();this.size=this.vertical?t:e}percentageToPixels(e){return this.size*(e/100)}pixelsToPercentage(e){return e/this.size*100}handleDrag(e){let t=this.localize.dir()==="rtl";this.disabled||(e.cancelable&&e.preventDefault(),T(this,{onMove:(o,a)=>{let s=this.vertical?a:o;this.primary==="end"&&(s=this.size-s),this.snap&&this.snap.split(" ").forEach(d=>{let l;d.endsWith("%")?l=this.size*(parseFloat(d)/100):l=parseFloat(d),t&&!this.vertical&&(l=this.size-l),s>=l-this.snapThreshold&&s<=l+this.snapThreshold&&(s=l)}),this.position=m(this.pixelsToPercentage(s),0,100)},initialEvent:e}))}handleKeyDown(e){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let t=this.position,o=(e.shiftKey?10:1)*(this.primary==="end"?-1:1);e.preventDefault(),(e.key==="ArrowLeft"&&!this.vertical||e.key==="ArrowUp"&&this.vertical)&&(t-=o),(e.key==="ArrowRight"&&!this.vertical||e.key==="ArrowDown"&&this.vertical)&&(t+=o),e.key==="Home"&&(t=this.primary==="end"?100:0),e.key==="End"&&(t=this.primary==="end"?0:100),this.position=m(t,0,100)}}handleResize(e){let{width:t,height:o}=e[0].contentRect;this.size=this.vertical?o:t,(isNaN(this.cachedPositionInPixels)||this.position===1/0)&&(this.cachedPositionInPixels=Number(this.getAttribute("position-in-pixels")),this.positionInPixels=Number(this.getAttribute("position-in-pixels")),this.position=this.pixelsToPercentage(this.positionInPixels)),this.primary&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.positionInPixels=this.percentageToPixels(this.position),this.emit("dsa-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){let e=this.vertical?"gridTemplateRows":"gridTemplateColumns",t=this.vertical?"gridTemplateColumns":"gridTemplateRows",o=this.localize.dir()==="rtl",a=`
-      clamp(
-        0%,
-        clamp(
-          var(--min),
-          ${this.position}% - var(--divider-width) / 2,
-          var(--max)
-        ),
-        calc(100% - var(--divider-width))
-      )
-    `,s="auto";return this.primary==="end"?o&&!this.vertical?this.style[e]=`${a} var(--divider-width) ${s}`:this.style[e]=`${s} var(--divider-width) ${a}`:o&&!this.vertical?this.style[e]=`${s} var(--divider-width) ${a}`:this.style[e]=`${a} var(--divider-width) ${s}`,this.style[t]="",f`
-      <slot name="start" part="panel start" class="start"></slot>
-
-      <div
-        part="divider"
-        class="divider"
-        tabindex=${y(this.disabled?void 0:"0")}
-        role="separator"
-        aria-valuenow=${this.position}
-        aria-valuemin="0"
-        aria-valuemax="100"
-        aria-label=${this.localize.term("resize")}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleDrag}
-        @touchstart=${this.handleDrag}
-      >
-        <dsa-icon
-          name="drag_indicator"
-          class="drag-icon"
-          library="system"
-        ></dsa-icon>
-      </div>
-
-      <slot name="end" part="panel end" class="end"></slot>
-    `}};i.styles=[x,P],i.dependencies={"dsa-icon":w},n([g(".divider")],i.prototype,"divider",2),n([h({type:Number,reflect:!0})],i.prototype,"position",2),n([h({attribute:"position-in-pixels",type:Number})],i.prototype,"positionInPixels",2),n([h({type:Boolean,reflect:!0})],i.prototype,"vertical",2),n([h({type:Boolean,reflect:!0})],i.prototype,"disabled",2),n([h()],i.prototype,"primary",2),n([h()],i.prototype,"snap",2),n([h({type:Number,attribute:"snap-threshold"})],i.prototype,"snapThreshold",2),n([c("position")],i.prototype,"handlePositionChange",1),n([c("positionInPixels")],i.prototype,"handlePositionInPixelsChange",1),n([c("vertical")],i.prototype,"handleVerticalChange",1),i=n([u("dsa-split-panel")],i);export{i as a};

package/cdn/chunks/chunk.TFJB3OT3.js

@@ -1,19 +0,0 @@
-import{a as l}from"./chunk.ODH67RGS.js";import{a as r,f as o}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.UMC4I57R.js";import{a as s}from"./chunk.6G2FNLAV.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var d=s`
-  ${a}
-
-  :host {
-    display: inline-flex;
-  }
-
-  dsa-divider {
-    --spacing-start: var(--dsa-spacing-24);
-    --spacing-end: var(--dsa-spacing-24);
-  }
-
-  :host(:last-of-type) dsa-divider {
-    display: none;
-  }
-`;var e=class extends o{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}render(){return i`
-      <slot></slot>
-      <dsa-divider vertical></dsa-divider>
-    `}};e.styles=d,e.dependencies={"dsa-divider":l},e=t([r("dsa-header-external-link")],e);export{e as a};

package/cdn/chunks/chunk.TGVZIOKS.js

@@ -1,121 +0,0 @@
-import{a as A}from"./chunk.RVJ7GEHV.js";import{a as f}from"./chunk.3TFD5K7U.js";import{a as O}from"./chunk.KC2NESXB.js";import{c as x}from"./chunk.3RLUYXJN.js";import{a as m}from"./chunk.2PN56GC6.js";import{a as w}from"./chunk.N4VN25E6.js";import{a as _}from"./chunk.PIG773U2.js";import{a as C}from"./chunk.GYURCDPD.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.U5DYVPGP.js

@@ -1 +0,0 @@
-import{a as d}from"./chunk.LIW5XWXL.js";import{a as n}from"./chunk.BWEPOOQP.js";import{a as l,b as a,f as o}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends o{constructor(){super(...arguments);this.observedElements=[];this.disabled=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(t=>{this.emit("dsa-resize",{detail:{entries:t}})}),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}handleSlotChange(){this.disabled||this.startObserver()}startObserver(){let t=this.shadowRoot.querySelector("slot");if(t!==null){let h=t.assignedElements({flatten:!0});this.observedElements.forEach(s=>this.resizeObserver.unobserve(s)),this.observedElements=[],h.forEach(s=>{this.resizeObserver.observe(s),this.observedElements.push(s)})}}stopObserver(){this.resizeObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return i` <slot @slotchange=${this.handleSlotChange}></slot> `}};e.styles=d,r([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([n("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=r([l("dsa-resize-observer")],e);export{e as a};

package/cdn/chunks/chunk.UEYALIC7.js

@@ -1,25 +0,0 @@
-import{a as p}from"./chunk.V3N4CMN7.js";import{a as b}from"./chunk.63UE4VAO.js";import{c as u}from"./chunk.GM4KTNXL.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as r}from"./chunk.ZBHHLRFH.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as n,b as s,d as o,f as d}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var m=0,t=class extends d{constructor(){super(...arguments);this.localize=new u(this);this.attrId=++m;this.componentId=`dsa-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}firstUpdated(){let l=this.closeButton;l!==null&&l.updateComplete.then(()=>{l.button.setAttribute("tabindex",this.active?"0":"-1")})}handleCloseClick(l){l.stopPropagation(),this.emit("dsa-close")}handleActiveChange(){var l;this.setAttribute("aria-selected",this.active?"true":"false"),(l=this.closeButton)==null||l.button.setAttribute("tabindex",this.active?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.tabIndex=this.disabled?-1:0}render(){var l;return this.id=this.id.length>0?this.id:this.componentId,a`
-      <div
-        part="base"
-        class=${r({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
-        tabindex=${c(this.disabled?"-1":null)}
-      >
-        <div class="tab__content">
-          <slot part="label"></slot>
-          <div class="tab__width-placeholder">
-            ${(l=this.defaultSlot)==null?void 0:l.assignedNodes().map(h=>h.cloneNode(!0))}
-          </div>
-        </div>
-        ${this.closable?a`
-              <dsa-icon-button
-                part="close-button"
-                exportparts="base:close-button__base"
-                name="close"
-                label=${this.closeButtonLabel&&this.closeButtonLabel!==""?this.closeButtonLabel:this.localize.term("close")}
-                class="tab__close-button"
-                @click=${this.handleCloseClick}
-                library="system"
-              ></dsa-icon-button>
-            `:""}
-      </div>
-    `}};t.styles=p,t.dependencies={"dsa-icon-button":b},e([o(".tab")],t.prototype,"tab",2),e([o("[part~=close-button]")],t.prototype,"closeButton",2),e([o("slot:not([name])")],t.prototype,"defaultSlot",2),e([s({reflect:!0})],t.prototype,"panel",2),e([s({type:Boolean,reflect:!0})],t.prototype,"active",2),e([s({type:Boolean})],t.prototype,"closable",2),e([s({attribute:"close-button-label"})],t.prototype,"closeButtonLabel",2),e([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i("active")],t.prototype,"handleActiveChange",1),e([i("disabled")],t.prototype,"handleDisabledChange",1),t=e([n("dsa-tab")],t);export{t as a};

package/cdn/chunks/chunk.ULWBK7T7.js

@@ -1,40 +0,0 @@
-import{a as y}from"./chunk.43ZUOVN3.js";import{a as v}from"./chunk.FX5UP23Z.js";import{a as g}from"./chunk.VL5LPHV3.js";import{a as b}from"./chunk.U4TME7DS.js";import{b as f}from"./chunk.FWTZS7LK.js";import{a as h}from"./chunk.NIRNX67K.js";import{a as s}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as u}from"./chunk.BWEPOOQP.js";import{a as c,b as r,c as p,d as m}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var e=class extends g{constructor(){super(...arguments);this.formControlController=new f(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.hasFocus=!1;this.value="";this.defaultValue="";this.rows=4;this.resize="vertical";this.counter=!1;this._autocorrect="off";this.spellcheck=!0}get autocorrect(){return this._autocorrect==="on"}set autocorrect(t){this._autocorrect=t?"on":"off"}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setTextareaHeight()),this.updateComplete.then(()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.input)}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("dsa-change")}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleInput(){this.value=this.input.value,this.emit("dsa-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}setTextareaHeight(){this.resize==="auto"?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}getDescriptionIds(){let t=[];return this.error&&(t=["error-text"]),t=[...t,"help-text"],this.maxlength&&this.counter&&(t=[...t,"counter"]),t=[...t,"description"],t.join(" ")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){if(t){typeof t.top=="number"&&(this.input.scrollTop=t.top),typeof t.left=="number"&&(this.input.scrollLeft=t.left);return}return{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,a,n="none"){this.input.setSelectionRange(t,a,n)}setRangeText(t,a,n,o){this.input.setRangeText(t,a,n,o),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}renderInput(){var n,o;let t=this.hasSlotController.test("label"),a=this.label?!0:!!t;return l`
-      <div
-        part="base"
-        class=${d({textarea:!0,"textarea--small":this.size==="small","textarea--medium":this.size==="medium","textarea--large":this.size==="large","textarea--on-base":this.variant==="base","textarea--on-layer":this.variant==="layer","textarea--error":this.error,"textarea--disabled":this.disabled,"textarea--readonly":this.readonly,"textarea--focused":this.hasFocus,"textarea--empty":!this.value,"textarea--resize-none":this.resize==="none","textarea--resize-vertical":this.resize==="vertical","textarea--resize-auto":this.resize==="auto"})}
-      >
-        <textarea
-          part="textarea"
-          id="input"
-          class="textarea__control"
-          title=${h(a?void 0:(n=this.accessibleName)!=null?n:this.title)}
-          name=${h(this.name)}
-          .value=${v(this.value)}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          ?required=${this.required}
-          placeholder=${s(this.placeholder)}
-          rows=${s(this.rows)}
-          minlength=${s(this.minlength)}
-          maxlength=${s(this.maxlength)}
-          autocapitalize=${s(this.autocapitalize)}
-          autocorrect=${s(this.autocorrect)}
-          ?autofocus=${this.autofocus}
-          spellcheck=${s(this.spellcheck)}
-          enterkeyhint=${s(this.enterkeyhint)}
-          inputmode=${s(this.inputmode)}
-          aria-describedby=${this.getDescriptionIds()}
-          aria-label=${h(a?void 0:(o=this.accessibleName)!=null?o:this.title)}
-          aria-invalid=${s(this.error?"true":void 0)}
-          @change=${this.handleChange}
-          @input=${this.handleInput}
-          @invalid=${this.handleInvalid}
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-        ></textarea>
-      </div>
-    `}renderCounter(){var a,n,o;let t=this.maxlength&&this.counter?`${(n=(a=this.value)==null?void 0:a.length)!=null?n:0}/${this.maxlength}`:void 0;return t!==void 0?l`<span
-          id="counter"
-          class=${d({"form-control__counter":!0,"form-control__counter--animated":((o=this.value)==null?void 0:o.length)===this.maxlength})}
-          >${t}</span
-        >`:l``}};e.styles=y,i([m(".textarea__control")],e.prototype,"input",2),i([p()],e.prototype,"hasFocus",2),i([r()],e.prototype,"value",2),i([b()],e.prototype,"defaultValue",2),i([r({type:Number})],e.prototype,"rows",2),i([r()],e.prototype,"resize",2),i([r({type:Number})],e.prototype,"minlength",2),i([r({type:Number})],e.prototype,"maxlength",2),i([r({type:Boolean})],e.prototype,"counter",2),i([r()],e.prototype,"autocapitalize",2),i([r({attribute:"autocorrect"})],e.prototype,"_autocorrect",2),i([r()],e.prototype,"autocomplete",2),i([r({type:Boolean})],e.prototype,"autofocus",2),i([r()],e.prototype,"enterkeyhint",2),i([r({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],e.prototype,"spellcheck",2),i([r()],e.prototype,"inputmode",2),i([u("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([u("rows",{waitUntilFirstUpdate:!0})],e.prototype,"handleRowsChange",1),i([u("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),e=i([c("dsa-textarea")],e);export{e as a};