@ds-autonomie/web-components 2.15.0 → 2.17.0

package/cdn/chunks/chunk.SIT3GCR7.js

@@ -0,0 +1,173 @@
+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

@@ -0,0 +1,35 @@
+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.76SO56MH.js → chunk.SN7BDOHN.js}

@@ -1,11 +1,15 @@
-import{a as i}from"./chunk.ILH5GUUR.js";import{a as t}from"./chunk.6G2FNLAV.js";var e=t`
+import{a as i}from"./chunk.6GC5ODVL.js";import{a as t}from"./chunk.6G2FNLAV.js";var e=t`
   ${i}
 
+  :host {
+    --input-field-width: 100%;
+  }
+
   .input-mask {
     position: relative;
     display: inline-flex;
     flex-direction: row;
-    width: 100%;
+    width: var(--input-field-width);
     align-items: center;
     letter-spacing: var(--dsa-wc-input-mask-placeholder-letter-spacing);
 
@@ -57,7 +61,6 @@ import{a as i}from"./chunk.ILH5GUUR.js";import{a as t}from"./chunk.6G2FNLAV.js";
   .input-mask__control {
     position: absolute;
     inset: 0;
-    width: 100%;
     padding: var(--dsa-wc-input-padding);
     display: inline-flex;
     flex-direction: row;
@@ -161,6 +164,7 @@ import{a as i}from"./chunk.ILH5GUUR.js";import{a as t}from"./chunk.6G2FNLAV.js";
 
   .input-mask__prefix,
   .input-mask__suffix {
+    display: inline-flex;
     color: var(--dsa-wc-input-icon-color);
     pointer-events: none;
   }

package/cdn/chunks/{chunk.5VPTZHRV.js → chunk.SXMGNTD4.js}

@@ -1,4 +1,4 @@
-import{a as m}from"./chunk.73OVKQML.js";import{a as c}from"./chunk.ELL45QD3.js";import{a as f}from"./chunk.B4KFHYLS.js";import{a as s,b as l}from"./chunk.FDMPUSVV.js";import{d}from"./chunk.ZBHHLRFH.js";import{a}from"./chunk.2RF4WD6T.js";import{a as n,b as o,f as h}from"./chunk.CEOMZJL3.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.hasSlotController=new c(this,"footer","header","image");this.href="";this.rel="noreferrer noopener";this.contrastedBorders=!1}isLink(){return!!this.href}render(){let t=this.isLink(),i=t?s`a`:s`div`;return t&&!this.hasSlotController.test("header")&&f("<dsa-card> requires a header slot for accessibility when used as a link"),l`
+import{a as m}from"./chunk.73OVKQML.js";import{a as c}from"./chunk.ELL45QD3.js";import{a as f}from"./chunk.B4KFHYLS.js";import{a as s,b as l}from"./chunk.FDMPUSVV.js";import{a}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as n,b as o,f as h}from"./chunk.KBZ32KWP.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.hasSlotController=new c(this,"footer","header","image");this.href="";this.rel="noreferrer noopener";this.contrastedBorders=!1}isLink(){return!!this.href}render(){let t=this.isLink(),i=t?s`a`:s`div`;return t&&!this.hasSlotController.test("header")&&f("<dsa-card> requires a header slot for accessibility when used as a link"),l`
       <div
         part="base"
         class=${d({card:!0,link:t,"card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("image"),"card--has-header":this.hasSlotController.test("header"),"card--contrasted-borders":this.contrastedBorders})}

package/cdn/chunks/{chunk.F2MZMWYW.js → chunk.T5OLUN3T.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var t=e`
+import{a as d}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var o=e`
   ${d}
 
   :host {
@@ -43,7 +43,7 @@ import{a as d}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     --dsa-wc-internal-icon-button-padding: var(--dsa-spacing-2);
   }
   .fieldset__legend-subtitle {
-    font: var(--dsa-font-small-normal);
+    font: var(--dsa-font-body-s-normal);
   }
 
   .fieldset__content {
@@ -62,4 +62,4 @@ import{a as d}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
   .fieldset--contrasted-borders {
     border-color: var(--dsa-wc-fieldset-border-color-contrasted);
   }
-`;export{t as a};
+`;export{o as a};

package/cdn/chunks/chunk.TFJB3OT3.js

@@ -0,0 +1,19 @@
+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.TS5WHKH6.js

@@ -0,0 +1,15 @@
+import{a as p}from"./chunk.I4LDWGHK.js";import{a as c}from"./chunk.ELL45QD3.js";import{a as f}from"./chunk.B4KFHYLS.js";import{a as n,b as m}from"./chunk.FDMPUSVV.js";import{c as d}from"./chunk.KD3BHBHK.js";import{a as i}from"./chunk.2RF4WD6T.js";import{a as l,b as r,f as a}from"./chunk.KBZ32KWP.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends a{constructor(){super(...arguments);this.hasSlotController=new c(this,"[default]");this.href="";this.rel="noreferrer noopener";this.role="listitem"}isLink(){return!!this.href}render(){let o=this.isLink(),s=o?n`a`:n`button`;return this.hasSlotController.test("[default]")||f("<dsa-card-nav-item> requires slotted content for accessibility"),m`
+      <${s}
+        part="base"
+        class="card-nav-item"
+        href=${i(o?this.href:void 0)}
+        target=${i(o?this.target:void 0)}
+        download=${i(o?this.download:void 0)}
+        rel=${i(o?this.rel:void 0)}
+      >
+        <div class="card-nav-item__body">
+          <slot></slot>
+          <dsa-icon library="system" name="arrow_forward" class="card-nav-item__icon"></dsa-icon>
+      </div>
+      </${s}>
+    `}};e.styles=p,e.dependencies={"dsa-icon":d},t([r()],e.prototype,"href",2),t([r()],e.prototype,"target",2),t([r()],e.prototype,"rel",2),t([r()],e.prototype,"download",2),t([r({reflect:!0})],e.prototype,"role",2),e=t([l("dsa-card-nav-item")],e);export{e as a};

package/cdn/chunks/{chunk.PZEHCF7A.js → chunk.U2HDZAQO.js}

@@ -1,4 +1,4 @@
-import{a as c}from"./chunk.6Y5FKCNR.js";import{d as o}from"./chunk.ZBHHLRFH.js";import{a as l}from"./chunk.2RF4WD6T.js";import{a,b as i,d as s,f as d}from"./chunk.CEOMZJL3.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends d{constructor(){super(...arguments);this.title="";this.calloutTitle=""}render(){return r`
+import{a as c}from"./chunk.6Y5FKCNR.js";import{a as l}from"./chunk.2RF4WD6T.js";import{d as o}from"./chunk.ZBHHLRFH.js";import{a as r,b as i,d as s,f as d}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends d{constructor(){super(...arguments);this.title="";this.calloutTitle=""}render(){return a`
       <div
         part="base"
         class=${o({callout:!0})}
@@ -6,7 +6,7 @@ import{a as c}from"./chunk.6Y5FKCNR.js";import{d as o}from"./chunk.ZBHHLRFH.js";
         aria-labelledby=${l(this.calloutTitle||this.title?"header":void 0)}
       >
         <div class="callout__text">
-          ${this.calloutTitle||this.title?r`
+          ${this.calloutTitle||this.title?a`
                 <div
                   part="header"
                   id="header"
@@ -20,4 +20,4 @@ import{a as c}from"./chunk.6Y5FKCNR.js";import{d as o}from"./chunk.ZBHHLRFH.js";
           <slot part="message" class="callout__message"></slot>
         </div>
       </div>
-    `}};e.styles=c,t([s('[part~="base"]')],e.prototype,"base",2),t([i()],e.prototype,"title",2),t([i({attribute:"callout-title"})],e.prototype,"calloutTitle",2),t([i({attribute:"header-level",reflect:!0})],e.prototype,"headerLevel",2),e=t([a("dsa-callout")],e);export{e as a};
+    `}};e.styles=c,t([s('[part~="base"]')],e.prototype,"base",2),t([i()],e.prototype,"title",2),t([i({attribute:"callout-title"})],e.prototype,"calloutTitle",2),t([i({attribute:"header-level",reflect:!0})],e.prototype,"headerLevel",2),e=t([r("dsa-callout")],e);export{e as a};

package/cdn/chunks/{chunk.JBN243CX.js → chunk.U5DYVPGP.js}

@@ -1 +1 @@
-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.CEOMZJL3.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};
+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.Q2CL3LZL.js → chunk.U7X2EV5T.js}

@@ -1,9 +1,10 @@
-import{a as e}from"./chunk.6YHPQNRD.js";import{a as r}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var c=o`
-  ${r}
+import{a as r}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var i=o`
   ${e}
+  ${r}
 
   :host {
     display: block;
+    --input-field-width: 100%;
   }
 
   .input-phone {
@@ -18,7 +19,7 @@ import{a as e}from"./chunk.6YHPQNRD.js";import{a as r}from"./chunk.UMC4I57R.js";
     font-size: inherit;
     overflow: hidden;
     cursor: text;
-    width: 100%;
+    width: var(--input-field-width);
     transition:
       var(--dsa-wc-transition-fast) color,
       var(--dsa-wc-transition-fast) border,
@@ -27,6 +28,7 @@ import{a as e}from"./chunk.6YHPQNRD.js";import{a as r}from"./chunk.UMC4I57R.js";
     border-radius: var(--dsa-wc-input-phone-border-radius);
     border-left-width: 0.5px;
     height: auto;
+    line-height: 1;
   }
 
   .input-phone--focused:not(.input-phone--disabled) {
@@ -387,4 +389,4 @@ import{a as e}from"./chunk.6YHPQNRD.js";import{a as r}from"./chunk.UMC4I57R.js";
     display: flex;
     align-items: center;
   }
-`;export{c as a};
+`;export{i as a};

package/cdn/chunks/{chunk.GR7Z5SEP.js → chunk.UAGWSEWC.js}

@@ -1,4 +1,4 @@
-import{a as r}from"./chunk.6YHPQNRD.js";import{a as o}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var s=e`
+import{a as r}from"./chunk.KHGWE5IX.js";import{a as o}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var s=e`
   ${o}
   ${r}
 

package/cdn/chunks/{chunk.EBJMEK7O.js → chunk.UCVFWCJ3.js}

@@ -1 +1 @@
-import{a as o}from"./chunk.W6L6KN5E.js";import{a as r,f as m}from"./chunk.CEOMZJL3.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{render(){return l` <slot part="base" class="menu-label"></slot> `}};e.styles=o,e=t([r("dsa-menu-label")],e);export{e as a};
+import{a as o}from"./chunk.W6L6KN5E.js";import{a as r,f as m}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{render(){return l` <slot part="base" class="menu-label"></slot> `}};e.styles=o,e=t([r("dsa-menu-label")],e);export{e as a};

package/cdn/chunks/chunk.UEYALIC7.js

@@ -0,0 +1,25 @@
+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.DRIKSOP6.js → chunk.ULWBK7T7.js}

@@ -1,4 +1,4 @@
-import{a as y}from"./chunk.2UFBLWVL.js";import{a as v}from"./chunk.DUYCHM7G.js";import{a as g}from"./chunk.YZCUYRA4.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{d}from"./chunk.ZBHHLRFH.js";import{a as s}from"./chunk.2RF4WD6T.js";import{a as u}from"./chunk.BWEPOOQP.js";import{a as c,b as r,c as p,d as m}from"./chunk.CEOMZJL3.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`
+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"})}

package/cdn/chunks/{chunk.2PKKSM74.js → chunk.UWBADC7U.js}

@@ -1,4 +1,4 @@
-import{a as c}from"./chunk.6YHPQNRD.js";import{a as e}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var i=o`
+import{a as c}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var i=o`
   ${e}
   ${c}
   :host {