@ds-autonomie/web-components 2.19.0 → 2.21.0

package/cdn/chunks/chunk.THBCP6LI.js

@@ -0,0 +1,173 @@
+import{a as K}from"./chunk.UREKS7QR.js";import{a as x}from"./chunk.2OZWUNZO.js";import{a as z}from"./chunk.DBVKBRPG.js";import{a as A}from"./chunk.J34FMZ22.js";import{a as V}from"./chunk.U4TME7DS.js";import{a as T}from"./chunk.WFPILKOS.js";import{a as P}from"./chunk.ZZEMBF7E.js";import{a as k}from"./chunk.FVTT4MMC.js";import{b as F}from"./chunk.FWTZS7LK.js";import{a as S}from"./chunk.KLRPP4NQ.js";import{a as g,c as b}from"./chunk.HHVNQNCC.js";import{a as w,c as L}from"./chunk.TV2TMO2H.js";import{a as u}from"./chunk.NIRNX67K.js";import{c as D}from"./chunk.Q54GPNUS.js";import{c as M}from"./chunk.AM2ZR2Y2.js";import{a as v}from"./chunk.QTD6NQFL.js";import{a as f}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 m="dsa-option",s=class extends z{constructor(){super(...arguments);this.formControlController=new F(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;this.keepSearchAfterSelection=!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=window.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){let t=v(e);this.overrideDefaultFiltering?this.filteredOptions=this.allOptions:this.filteredOptions=this.allOptions.filter(i=>v(i.innerText).includes(t))}resetDisplayedOptionsCount(){let e=this.visibleListLength?Math.min(this.visibleListLength,this.filteredOptions.length):this.filteredOptions.length;this.displayedOptionsCount!==e&&(this.displayedOptionsCount=e)}resetSearchAfterSelection(){!this.multiple||this.keepSearchAfterSelection||this.displayLabel!==""&&(this.displayLabel="")}toggleOptionSelection(e,t){let i=t===void 0?!e.selected:t;e.selected!==i&&(e.selected=i),this.selectedOptions=this.allOptions.filter(l=>l.selected),this.syncOnSelection()}handleOptionClick(e){let i=e.target.closest(m);if(this.setCurrentOption(void 0),i!==this.seeMoreOption&&i!==null&&!i.disabled){let l=this.value;this.multiple?(this.toggleOptionSelection(i),this.resetSearchAfterSelection()):(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(m)){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(m).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(m),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&&(e.selected=!1)})}setCurrentOption(e){let t=this.currentOption;t&&t!==e&&(t.current&&(t.current=!1),t.tabIndex!==-1&&(t.tabIndex=-1)),e!==void 0?(this.currentOption=e,e.current||(e.current=!0),e.tabIndex!==0&&(e.tabIndex=0),e.focus()):this.currentOption=void 0}setSelectedOptions(e){let t=Array.isArray(e)?e:[e],i=new Set(t);this.allOptions.forEach(l=>{let d=i.has(l);l.selected!==d&&(l.selected=d)}),this.selectedOptions=this.allOptions.filter(l=>l.selected)}handleClearMouseDown(e){e.stopPropagation(),e.preventDefault()}syncOnSelection(){var e,t,i,l;this.multiple?this.value=this.selectedOptions.map(d=>d.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.resetSearchAfterSelection()):(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.resetSearchAfterSelection()):(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 b(this),this.listbox.hidden=!1,this.popup.active=!0,this.displayInput.focus({preventScroll:!0}),requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:i,options:l}=L(this,"select.show",{dir:this.localize.dir()});await g(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 b(this);let{keyframes:i,options:l}=L(this,"select.hide",{dir:this.localize.dir()});await g(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&&(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 S(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 S(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 $,I,C,E;let e=this.value.length>0,t=this.hasSlotController.test("label"),i=this.label?!0:!!t,l=this.clearable&&!this.disabled&&!this.readonly&&e,d=this.placeholder&&this.value.length===0,N=this.value?e?this.value.length:1:void 0,B=this.disabled||this.readonly,H=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":d,"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=${u(this.placeholder)}
+              .disabled=${this.disabled}
+              size=${N}
+              autocomplete="off"
+              spellcheck="false"
+              autocapitalize="off"
+              ?readonly=${this.readonly}
+              title=${u(($=this.accessibleName)!=null?$:this.title)}
+              aria-controls="listbox"
+              aria-autocomplete="list"
+              aria-expanded=${this.open?"true":"false"}
+              aria-haspopup="listbox"
+              aria-labelledby=${u(i?"label":void 0)}
+              aria-label=${u(i?void 0:(I=this.accessibleName)!=null?I:this.title)}
+              aria-disabled=${f(this.readonly?"true":void 0)}
+              aria-describedby=${this.getDescriptionIds()}
+              aria-activedescendant=${(E=(C=this.currentOption)==null?void 0:C.id)!=null?E:""}
+              aria-invalid=${f(this.error?"true":void 0)}
+              aria-required=${f(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((c,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=${R=>this.handleTagRemove(R,c)}
+                            label=${c.getTextLabel()}
+                          >
+                          </dsa-tag>
+                          <span
+                            id=${`tag-${c.value}`}
+                            class="hidden-tag-label"
+                            >${c.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=${B}
+            ?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?H: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=P,s.dependencies={"dsa-icon":M,"dsa-popup":A,"dsa-tag":K,"dsa-error-text":T,"dsa-spinner":k,"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([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([o({type:Boolean,attribute:"keep-search-after-selection"})],s.prototype,"keepSearchAfterSelection",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.II4JQ433.js → chunk.U5TCFENL.js}

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

package/cdn/chunks/{chunk.HW5UT2FF.js → chunk.UB73V5BI.js}

@@ -1,4 +1,4 @@
-import{a as w}from"./chunk.WYKFMOCB.js";import{a as u}from"./chunk.H46NZIZH.js";import{b as v,c as f}from"./chunk.QTD6NQFL.js";import{a as p}from"./chunk.ELL45QD3.js";import{b as c}from"./chunk.FDMPUSVV.js";import{c as h}from"./chunk.KD3BHBHK.js";import{a as o}from"./chunk.2RF4WD6T.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as b}from"./chunk.BWEPOOQP.js";import{b as r,d,f as n}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.6G2FNLAV.js";import{f as a}from"./chunk.IZ2HVRME.js";var x=s`
+import{a as w}from"./chunk.AQOO2T52.js";import{a as f}from"./chunk.O7SAIPOG.js";import{a as v}from"./chunk.ELL45QD3.js";import{b as c}from"./chunk.FDMPUSVV.js";import{c as u}from"./chunk.AM2ZR2Y2.js";import{b as h,c as p}from"./chunk.QTD6NQFL.js";import{a as o}from"./chunk.2RF4WD6T.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as b}from"./chunk.BWEPOOQP.js";import{b as r,d,f as n}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.6G2FNLAV.js";import{f as a}from"./chunk.IZ2HVRME.js";var x=s`
   :host {
     display: inline-block;
     position: relative;
@@ -143,7 +143,7 @@ import{a as w}from"./chunk.WYKFMOCB.js";import{a as u}from"./chunk.H46NZIZH.js";
   .selectable-card--contrasted-borders {
     border-color: var(--dsa-wc-card-border-color-contrasted);
   }
-`;var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"image");this.checked=!1;this.disabled=!1;this.parentDisabled=!1;this.readonly=!1;this.parentReadonly=!1;this.error=!1;this.layout="horizontal";this.contrastedBorders=!1}handleClick(){}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}handleDisabledChange(){this.readonly||this.parentReadonly?v(this.button,"aria-disabled","true"):f(this.button,"aria-disabled")}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){let t=this.disabled||this.parentDisabled,l=this.readonly||this.parentReadonly;return c`
+`;var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new v(this,"image");this.checked=!1;this.disabled=!1;this.parentDisabled=!1;this.readonly=!1;this.parentReadonly=!1;this.error=!1;this.layout="horizontal";this.contrastedBorders=!1}handleClick(){}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}handleDisabledChange(){this.readonly||this.parentReadonly?h(this.button,"aria-disabled","true"):p(this.button,"aria-disabled")}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){let t=this.disabled||this.parentDisabled,l=this.readonly||this.parentReadonly;return c`
       <div part="base">
         <button
           part="${`button${this.checked?" selectable-card--checked":""}`}"
@@ -202,4 +202,4 @@ import{a as w}from"./chunk.WYKFMOCB.js";import{a as u}from"./chunk.H46NZIZH.js";
           </div>
         </button>
       </div>
-    `}};e.styles=x,e.dependencies={"dsa-icon":h,"dsa-internal-radio-icon":w,"dsa-internal-checkbox-box":u},a([d(".selectable-card")],e.prototype,"button",2),a([r({type:Boolean,reflect:!0})],e.prototype,"checked",2),a([r()],e.prototype,"value",2),a([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([r({type:Boolean})],e.prototype,"parentDisabled",2),a([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),a([r({type:Boolean})],e.prototype,"parentReadonly",2),a([r({type:Boolean})],e.prototype,"error",2),a([r()],e.prototype,"layout",2),a([r({type:Boolean,reflect:!0,attribute:"contrasted-borders"})],e.prototype,"contrastedBorders",2),a([b(["readonly","parentReadonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};
+    `}};e.styles=x,e.dependencies={"dsa-icon":u,"dsa-internal-radio-icon":w,"dsa-internal-checkbox-box":f},a([d(".selectable-card")],e.prototype,"button",2),a([r({type:Boolean,reflect:!0})],e.prototype,"checked",2),a([r()],e.prototype,"value",2),a([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([r({type:Boolean})],e.prototype,"parentDisabled",2),a([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),a([r({type:Boolean})],e.prototype,"parentReadonly",2),a([r({type:Boolean})],e.prototype,"error",2),a([r()],e.prototype,"layout",2),a([r({type:Boolean,reflect:!0,attribute:"contrasted-borders"})],e.prototype,"contrastedBorders",2),a([b(["readonly","parentReadonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.UIEL566X.js

@@ -0,0 +1,59 @@
+import{a as L}from"./chunk.I2SFPZRT.js";import{a as H}from"./chunk.CWRA4UT2.js";import{a as E}from"./chunk.ELL45QD3.js";import{a as y}from"./chunk.KLRPP4NQ.js";import{a as u,c,d as p}from"./chunk.HHVNQNCC.js";import{a as f,c as g}from"./chunk.TV2TMO2H.js";import{a as k}from"./chunk.B4KFHYLS.js";import{c as B}from"./chunk.Q54GPNUS.js";import{c as _}from"./chunk.AM2ZR2Y2.js";import{a as N}from"./chunk.2RF4WD6T.js";import{d as x}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as S,b as n,d as r,f as T}from"./chunk.KBZ32KWP.js";import{a as C}from"./chunk.GP725TPQ.js";import{f as a}from"./chunk.IZ2HVRME.js";var e=class extends T{constructor(){super(...arguments);this.localize=new B(this);this.hasSlotController=new E(this,"prefix","summary");this.cachedSummaryText="";this.cachedSummaryWithBadgeText="";this.cachedMenuNavigation=null;this.open=!1;this.size="medium";this.level=1;this.collapsed=!1;this.sidenavInfo=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.updateSummaryTextCache(),this.updateChildrenClassName()}handleSummaryClick(){this.open?this.hide():this.show(),this.headerButton.focus()}handleSummaryKeyDown(t){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open?this.hide():this.show()),(t.key==="ArrowUp"||t.key==="ArrowLeft")&&(t.preventDefault(),this.hide()),(t.key==="ArrowDown"||t.key==="ArrowRight")&&(t.preventDefault(),this.show())}updateChildrenClassName(){var i,s,l;let t=(l=(s=this.cachedMenuNavigation)!=null?s:(i=this.defaultSlot)==null?void 0:i.assignedElements({flatten:!0}).find(o=>o.tagName==="DSA-MENU-NAVIGATION"))!=null?l:this.querySelector("dsa-menu-navigation");if(t!==null){this.cachedMenuNavigation=t,t.level=this.level;let o=this.level===2;t.classList.toggle("level-1",!o),t.classList.toggle("level-2",o)}}handleDefaultSlotChange(){this.cachedMenuNavigation=null,this.updateChildrenClassName()}updateSummaryTextCache(){var o,v,b,w;let i=((v=(o=this.summarySlot)==null?void 0:o.assignedNodes({flatten:!0}))!=null?v:[]).map(m=>{var d;return(d=m.textContent)!=null?d:""}).join(""),l=((w=(b=this.badgeSlot)==null?void 0:b.assignedNodes({flatten:!0}))!=null?w:[]).map(m=>{var d;return(d=m.textContent)!=null?d:""}).join("");this.cachedSummaryText=i,this.cachedSummaryWithBadgeText=l?`${i}, ${l}`:i}handleSummarySlotChange(){this.updateSummaryTextCache()}handleBadgeSlotChange(){this.updateSummaryTextCache()}async handleOpenChange(){if(this.open){if(this.emit("dsa-show",{cancelable:!0}).defaultPrevented){this.open=!1;return}await c(this.body),this.body.hidden=!1,await this.updateComplete;let{keyframes:i,options:s}=g(this,"accordion.show",{dir:this.localize.dir()});await u(this.body,p(i,this.body.scrollHeight),s),this.body.style.height="auto",this.emit("dsa-after-show")}else{if(this.emit("dsa-hide",{cancelable:!0}).defaultPrevented){this.open=!0;return}await c(this.body);let{keyframes:i,options:s}=g(this,"accordion.hide",{dir:this.localize.dir()});await u(this.body,p(i,this.body.scrollHeight),s),this.body.hidden=!0,this.body.style.height="auto",this.emit("dsa-after-hide")}}handleLevelChange(){this.updateChildrenClassName()}async handleExpandedChange(){await this.updateComplete,this.firstUpdated()}async show(){if(!this.open)return this.open=!0,await y(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await y(this,"dsa-after-hide")}focus(t){this.headerButton.focus(t)}blur(){this.headerButton.blur()}click(){this.headerButton.click()}render(){return!this.summary&&!this.hasSlotController.test("summary")&&k("<dsa-menu-accordion> requires a summary attribute or a summary slot for accessibility"),C`
+      <div
+        part="base"
+        class=${x({"menu-accordion":!0,"menu-accordion--open":this.open,"menu-accordion--chevron":!0,"menu-accordion--small":this.size==="small","menu-accordion--medium":this.size==="medium","menu-accordion--large":this.size==="large","menu-accordion--level-2":this.level===2,"menu-accordion--collapsed":this.collapsed,"menu-accordion--sidenav-info":this.sidenavInfo})}
+      >
+        <div part="header" id="header" class="menu-accordion__header">
+          <dsa-tooltip placement="right" ?disabled=${!this.collapsed}>
+            <span
+              role="button"
+              aria-expanded=${this.open&&!this.collapsed?"true":"false"}
+              aria-controls="content"
+              @click=${this.handleSummaryClick}
+              @keydown=${this.handleSummaryKeyDown}
+              class="menu-accordion__header-button"
+              tabindex="0"
+              aria-label=${N(this.collapsed?this.cachedSummaryWithBadgeText:void 0)}
+            >
+              <slot
+                name="prefix"
+                part="prefix"
+                class="menu-accordion__prefix"
+              ></slot>
+              <slot
+                name="summary"
+                class="menu-accordion__summary"
+                @slotchange=${this.handleSummarySlotChange}
+              >
+                ${this.summary}
+              </slot>
+              <slot
+                name="badge"
+                class="menu-accordion__badge"
+                @slotchange=${this.handleBadgeSlotChange}
+              ></slot>
+
+              <span part="summary-icon" class="menu-accordion__summary-icon">
+                <dsa-icon
+                  class="menu-accordion__expand-icon"
+                  name="expand_more"
+                  library="system"
+                ></dsa-icon>
+              </span>
+            </span>
+            <span slot="content" aria-hidden="true"
+              >${this.cachedSummaryText}</span
+            >
+          </dsa-tooltip>
+        </div>
+
+        <div class="menu-accordion__body">
+          <slot
+            part="content"
+            id="content"
+            class="menu-accordion__content"
+            @slotchange=${this.handleDefaultSlotChange}
+          ></slot>
+        </div>
+      </div>
+    `}};e.styles=L,e.dependencies={"dsa-icon":_,"dsa-tooltip":H},a([r("slot:not([name])")],e.prototype,"defaultSlot",2),a([r("slot[name=summary]")],e.prototype,"summarySlot",2),a([r("slot[name=badge]")],e.prototype,"badgeSlot",2),a([r(".menu-accordion")],e.prototype,"accordion",2),a([r(".menu-accordion__header-button")],e.prototype,"headerButton",2),a([r(".menu-accordion__body")],e.prototype,"body",2),a([n({type:Boolean,reflect:!0})],e.prototype,"open",2),a([n()],e.prototype,"summary",2),a([n({reflect:!0})],e.prototype,"size",2),a([n({type:Number})],e.prototype,"level",2),a([n({type:Boolean,reflect:!0})],e.prototype,"collapsed",2),a([n({attribute:"sidenav-info",type:Boolean})],e.prototype,"sidenavInfo",2),a([h("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),a([h("level",{waitUntilFirstUpdate:!0})],e.prototype,"handleLevelChange",1),a([h("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandedChange",1),e=a([S("dsa-menu-accordion")],e);f("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});f("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{e as a};

package/cdn/chunks/{chunk.U7X2EV5T.js → chunk.UIKL7DR3.js}

@@ -1,6 +1,6 @@
-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}
+import{a as n}from"./chunk.ALIA5R6V.js";import{a as r}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var l=o`
   ${r}
+  ${n}
 
   :host {
     display: block;
@@ -8,6 +8,49 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";
   }
 
   .input-phone {
+    --input-phone-background-color-internal: var(
+      --dsa-wc-input-on-base-background-color
+    );
+    --input-phone-background-color-disabled-internal: var(
+      --dsa-wc-input-on-base-background-color-disabled
+    );
+    --input-phone-background-color-error-internal: var(
+      --dsa-wc-input-on-base-background-color-error
+    );
+    --input-phone-background-color-readonly-internal: var(
+      --dsa-wc-input-on-base-read-only-background-color
+    );
+    --input-phone-border-color-internal: var(
+      --dsa-wc-input-on-base-border-color
+    );
+    --input-phone-border-color-disabled-internal: var(
+      --dsa-wc-input-on-base-border-color-disabled
+    );
+    --input-phone-border-color-error-internal: var(
+      --dsa-wc-input-on-base-border-color-error
+    );
+    --input-phone-border-color-error-hover-internal: var(
+      --dsa-wc-input-on-base-border-color-error-hover
+    );
+    --input-phone-border-color-hover-internal: var(
+      --dsa-wc-input-on-base-border-color-hover
+    );
+    --input-phone-border-color-readonly-internal: var(
+      --dsa-wc-input-on-base-read-only-border-color
+    );
+    --input-phone-input-color-internal: var(
+      --dsa-wc-input-on-base-text-field-input-color
+    );
+    --input-phone-input-color-disabled-internal: var(
+      --dsa-wc-input-label-color-disabled
+    );
+    --input-phone-placeholder-color-internal: var(
+      --dsa-wc-input-on-base-text-field-placeholder-color
+    );
+    --input-phone-placeholder-color-disabled-internal: var(
+      --input-phone-placeholder-color-internal
+    );
+
     position: relative;
     display: flex;
     flex-direction: row;
@@ -25,8 +68,12 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";
       var(--dsa-wc-transition-fast) border,
       var(--dsa-wc-transition-fast) box-shadow,
       var(--dsa-wc-transition-fast) background-color;
+    border: solid var(--dsa-wc-input-border-width)
+      var(--input-phone-border-color-internal);
     border-radius: var(--dsa-wc-input-phone-border-radius);
     border-left-width: 0.5px;
+    background-color: var(--input-phone-background-color-internal);
+    color: var(--input-phone-input-color-internal);
     height: auto;
     line-height: 1;
   }
@@ -36,124 +83,107 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
-  .input-phone--disabled .input-phone__control,
-  .input-phone--disabled .input-phone__placeholder {
-    color: var(--dsa-wc-input-label-color-disabled);
-  }
-
-  /* On Layer inputs */
   .input-phone--on-layer {
-    background-color: var(--dsa-wc-input-on-layer-background-color);
-    border: solid var(--dsa-wc-input-border-width)
-      var(--dsa-wc-input-on-layer-border-color);
+    --input-phone-background-color-internal: var(
+      --dsa-wc-input-on-layer-background-color
+    );
+    --input-phone-background-color-disabled-internal: var(
+      --dsa-wc-input-on-layer-background-color-disabled
+    );
+    --input-phone-background-color-error-internal: var(
+      --dsa-wc-input-on-layer-background-color-error
+    );
+    --input-phone-background-color-readonly-internal: var(
+      --dsa-wc-input-on-layer-read-only-background-color
+    );
+    --input-phone-border-color-internal: var(
+      --dsa-wc-input-on-layer-border-color
+    );
+    --input-phone-border-color-disabled-internal: var(
+      --dsa-wc-input-on-layer-border-color-disabled
+    );
+    --input-phone-border-color-error-internal: var(
+      --dsa-wc-input-on-layer-border-color-error
+    );
+    --input-phone-border-color-error-hover-internal: var(
+      --dsa-wc-input-on-layer-border-color-error-hover
+    );
+    --input-phone-border-color-hover-internal: var(
+      --dsa-wc-input-on-layer-border-color-hover
+    );
+    --input-phone-border-color-readonly-internal: var(
+      --dsa-wc-input-on-layer-read-only-border-color
+    );
+    --input-phone-input-color-disabled-internal: var(
+      --dsa-wc-input-on-layer-text-field-input-color-disabled
+    );
+    --input-phone-placeholder-color-internal: var(
+      --dsa-wc-input-on-layer-text-field-placeholder-color
+    );
+    --input-phone-placeholder-color-disabled-internal: var(
+      --dsa-wc-input-on-layer-text-field-placeholder-color-disabled
+    );
   }
 
-  .input-phone--on-layer:hover:not(.input-phone--disabled):not(
-      .input-phone--readonly
-    ) {
-    border-color: var(--dsa-wc-input-on-layer-border-color-hover);
+  .input-phone:hover:not(.input-phone--disabled):not(.input-phone--readonly) {
+    border-color: var(--input-phone-border-color-hover-internal);
   }
 
   .input-phone--on-layer.input-phone--focused:not(.input-phone--disabled):not(
       .input-phone--readonly
     )
     .input-phone__control {
-    color: var(--dsa-wc-input-on-layer-text-field-input-color);
+    color: var(--input-phone-input-color-internal);
   }
 
-  .input-phone--on-layer.input-phone--disabled {
-    background-color: var(--dsa-wc-input-on-layer-background-color-disabled);
-    border-color: var(--dsa-wc-input-on-layer-border-color-disabled);
+  .input-phone--disabled {
+    background-color: var(--input-phone-background-color-disabled-internal);
+    border-color: var(--input-phone-border-color-disabled-internal);
     cursor: not-allowed;
   }
 
-  .input-phone--on-layer.input-phone--readonly {
-    background-color: var(--dsa-wc-input-on-layer-read-only-background-color);
-    border-color: var(--dsa-wc-input-on-layer-read-only-border-color);
+  .input-phone--readonly {
+    background-color: var(--input-phone-background-color-readonly-internal);
+    border-color: var(--input-phone-border-color-readonly-internal);
   }
 
   .input-phone__control::placeholder {
     visibility: hidden;
   }
 
-  .input-phone--on-layer:not(.input-phone--disabled) .input-phone__placeholder {
-    color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
-  }
-
-  .input-phone--on-layer.input-phone--disabled .input-phone__control {
-    color: var(--dsa-wc-input-on-layer-text-field-input-color-disabled);
-  }
-
-  .input-phone--on-layer.input-phone--disabled
-    .input-phone__control::placeholder {
-    color: var(--dsa-wc-input-on-layer-text-field-placeholder-color-disabled);
-  }
-
-  .input-phone--error.input-phone--on-layer:not(.input-phone--disabled):not(
-      .input-phone--readonly
-    ) {
-    background-color: var(--dsa-wc-input-on-layer-background-color-error);
-    border-color: var(--dsa-wc-input-on-layer-border-color-error);
-  }
-  .input-phone--error.input-phone--on-layer:hover:not(
-      .input-phone--disabled
-    ):not(.input-phone--readonly) {
-    border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
-  }
-
-  .input-phone--success.input-phone--on-layer {
-    background-color: var(--dsa-wc-input-success-background-color);
-    border-color: var(--dsa-wc-input-success-border-color);
-  }
-
-  /* On Base inputs */
-  .input-phone--on-base {
-    border: solid var(--dsa-wc-input-border-width)
-      var(--dsa-wc-input-on-base-border-color);
-    background-color: var(--dsa-wc-input-on-base-background-color);
-    color: var(--dsa-wc-input-on-base-text-field-input-color);
+  .input-phone__placeholder {
+    color: var(--input-phone-placeholder-color-internal);
+    user-select: none;
+    pointer-events: none;
+    width: 100%;
+    white-space: nowrap;
   }
 
-  .input-phone--on-base:hover:not(.input-phone--disabled):not(
-      .input-phone--readonly
-    ) {
-    border-color: var(--dsa-wc-input-on-base-border-color-hover);
+  .input-phone--disabled .input-phone__control,
+  .input-phone--disabled .input-phone__placeholder {
+    color: var(--dsa-wc-input-label-color-disabled);
   }
 
-  .input-phone--on-base.input-phone--disabled {
-    border-color: var(--dsa-wc-input-on-base-border-color-disabled);
-    background-color: var(--dsa-wc-input-on-base-background-color-disabled);
-    cursor: not-allowed;
-  }
-  .input-phone--on-base.input-phone--readonly {
-    background-color: var(--dsa-wc-input-on-base-read-only-background-color);
-    border-color: var(--dsa-wc-input-on-base-read-only-border-color);
+  .input-phone--disabled .input-phone__control {
+    color: var(--input-phone-input-color-disabled-internal);
   }
 
-  .input-phone--on-base:not(.input-phone--disabled) .input-phone__placeholder {
-    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
+  .input-phone--disabled .input-phone__control::placeholder {
+    color: var(--input-phone-placeholder-color-disabled-internal);
   }
 
-  .input-phone__placeholder {
-    user-select: none;
-    pointer-events: none;
-    width: 100%;
-    white-space: nowrap;
+  .input-phone--error:not(.input-phone--disabled):not(.input-phone--readonly) {
+    background-color: var(--input-phone-background-color-error-internal);
+    border-color: var(--input-phone-border-color-error-internal);
   }
 
-  .input-phone--error.input-phone--on-base:not(.input-phone--disabled):not(
+  .input-phone--error:hover:not(.input-phone--disabled):not(
       .input-phone--readonly
     ) {
-    background-color: var(--dsa-wc-input-on-base-background-color-error);
-    border-color: var(--dsa-wc-input-on-base-border-color-error);
-  }
-  .input-phone--error.input-phone--on-base:hover:not(
-      .input-phone--disabled
-    ):not(.input-phone--readonly) {
-    border-color: var(--dsa-wc-input-on-base-border-color-error-hover);
+    border-color: var(--input-phone-border-color-error-hover-internal);
   }
 
-  .input-phone--success.input-phone--on-base {
+  .input-phone--success {
     background-color: var(--dsa-wc-input-success-background-color);
     border-color: var(--dsa-wc-input-success-border-color);
   }
@@ -199,7 +229,7 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";
 
   .input-phone:hover:not(.input-phone--disabled):not(.input-phone--readonly)
     .input-phone__control {
-    color: var(--dsa-wc-input-on-base-text-field-input-color);
+    color: var(--input-phone-input-color-internal);
   }
 
   .input-phone__control:focus {
@@ -345,9 +375,7 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";
   .form-control--large {
     --input-phone__select__min-width: 68px;
   }
-  .form-control--large
-    .input-phone___input.form-control--large
-    dsa-select::part(combobox) {
+  .form-control--large .input-phone__input dsa-select::part(combobox) {
     font: var(--dsa-wc-input-text-field-font-large);
     height: var(--dsa-wc-input-phone-large-height);
   }
@@ -389,4 +417,4 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as e}from"./chunk.UMC4I57R.js";
     display: flex;
     align-items: center;
   }
-`;export{i as a};
+`;export{l as a};

package/cdn/chunks/{chunk.3FMDB6AF.js → chunk.UPTGFHYO.js}

@@ -1,4 +1,4 @@
-import{b as d}from"./chunk.QTD6NQFL.js";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 m=s`
+import{a as l}from"./chunk.ODH67RGS.js";import{b as d}from"./chunk.QTD6NQFL.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 m=s`
   ${a}
 
   :host {

package/cdn/chunks/{chunk.KOU7YZ7Z.js → chunk.UPUWTQY3.js}

@@ -1,4 +1,4 @@
-import{a}from"./chunk.THWI644G.js";import{a as r}from"./chunk.RNR6P3VA.js";import{a as h}from"./chunk.7YNQVYS2.js";import{a as o}from"./chunk.PIG773U2.js";import{a as c,d as i}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{a as s,b as d,f as t}from"./chunk.IZ2HVRME.js";var e=class extends a{handleCheckboxChange(){this.selected=this.checkbox.checked,this.emit("dsa-table-row-all-change-selection")}renderFirstCell(){return this.selectionName?l`
+import{a as r}from"./chunk.NWYSJOVO.js";import{a as h}from"./chunk.7YNQVYS2.js";import{a}from"./chunk.DZNXUAKA.js";import{a as o}from"./chunk.PIG773U2.js";import{a as c,d as i}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{a as s,b as d,f as t}from"./chunk.IZ2HVRME.js";var e=class extends a{handleCheckboxChange(){this.selected=this.checkbox.checked,this.emit("dsa-table-row-all-change-selection")}renderFirstCell(){return this.selectionName?l`
       <dsa-table-header-cell
         class="column-checkbox"
         aria-hidden=${this.loading}

package/cdn/chunks/{chunk.3URUFDPU.js → chunk.UQC4FZQO.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./chunk.KWBL3MII.js";import{a as b}from"./chunk.VQENJXGP.js";import{a as m}from"./chunk.FX5UP23Z.js";import{a as h}from"./chunk.IMDJ7GD2.js";import{a as p}from"./chunk.63UE4VAO.js";import{c}from"./chunk.LBAIMDY3.js";import{c as u}from"./chunk.KD3BHBHK.js";import{a as o}from"./chunk.2RF4WD6T.js";import{d as l}from"./chunk.ZBHHLRFH.js";import{a as n,b as a,d as s,f as r}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends r{constructor(){super(...arguments);this.localize=new c(this);this.value="";this.expanded=!1;this.alwaysOpen=!1;this.mobile=!1}async handleExpandClick(){this.emit("dsa-expand"),this.expanded=!0,await this.updateComplete,this.input.focus()}handleChange(){this.value!==this.search.value&&(this.value=this.search.value)}handleInput(){this.value!==this.search.value&&(this.value=this.search.value)}async handleCancelClick(){this.emit("dsa-collapse"),this.expanded=!1,await this.updateComplete,this.expandButton.focus()}get input(){return this.search.input}get submitButton(){return this.search.submitButton}get clearButton(){return this.search.clearButton}render(){return!this.expanded&&!this.alwaysOpen?this.mobile?i`
+import{a as d}from"./chunk.353PHEPC.js";import{a as b}from"./chunk.VQENJXGP.js";import{a as m}from"./chunk.2TZ4LFPJ.js";import{a as h}from"./chunk.W6E7LGND.js";import{a as p}from"./chunk.2FPBPQUJ.js";import{c}from"./chunk.Q54GPNUS.js";import{c as u}from"./chunk.AM2ZR2Y2.js";import{a as o}from"./chunk.2RF4WD6T.js";import{d as l}from"./chunk.ZBHHLRFH.js";import{a as n,b as a,d as s,f as r}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends r{constructor(){super(...arguments);this.localize=new c(this);this.value="";this.expanded=!1;this.alwaysOpen=!1;this.mobile=!1}async handleExpandClick(){this.emit("dsa-expand"),this.expanded=!0,await this.updateComplete,this.input.focus()}handleChange(){this.value!==this.search.value&&(this.value=this.search.value)}handleInput(){this.value!==this.search.value&&(this.value=this.search.value)}async handleCancelClick(){this.emit("dsa-collapse"),this.expanded=!1,await this.updateComplete,this.expandButton.focus()}get input(){return this.search.input}get submitButton(){return this.search.submitButton}get clearButton(){return this.search.clearButton}render(){return!this.expanded&&!this.alwaysOpen?this.mobile?i`
           <dsa-icon-button
             id="expand-button"
             part="button button--navigation"

package/cdn/chunks/{chunk.COMV5MJ5.js → chunk.UREKS7QR.js}

@@ -1,4 +1,4 @@
-import{b as f}from"./chunk.4RYFGQPL.js";import{a as h}from"./chunk.HFASPBS3.js";import{a as b}from"./chunk.KX5QV54N.js";import{a as u}from"./chunk.PIG773U2.js";import{a as d}from"./chunk.63UE4VAO.js";import{c as p}from"./chunk.LBAIMDY3.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as r,b as a,d as o,f as m}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.localize=new p(this);this.iconButtonSize="small";this.disableRemovableFocus=!1;this.variant="purple-100";this.size="medium";this.removable=!1;this.label="";this.accessibleName="";this.tooltip=!1}handleRemoveClick(){this.emit("dsa-remove")}updateIconButtonSize(){switch(this.size){case"small":this.iconButtonSize="xsmall";break;case"medium":this.iconButtonSize="small";break;case"large":this.iconButtonSize="medium";break}}render(){var l;f.includes(this.variant)&&console.warn(`The ${this.variant} variant of <dsa-tag> is deprecated, and will be removed in the next major release. Please consider using a variant from 100 to 500 instead.`);let i=this.accessibleName?s`
+import{b as f}from"./chunk.4RYFGQPL.js";import{a as h}from"./chunk.HFASPBS3.js";import{a as b}from"./chunk.CWRA4UT2.js";import{a as u}from"./chunk.PIG773U2.js";import{a as d}from"./chunk.2FPBPQUJ.js";import{c as p}from"./chunk.Q54GPNUS.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as r,b as a,d as o,f as m}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.localize=new p(this);this.iconButtonSize="small";this.disableRemovableFocus=!1;this.variant="purple-100";this.size="medium";this.removable=!1;this.label="";this.accessibleName="";this.tooltip=!1}handleRemoveClick(){this.emit("dsa-remove")}updateIconButtonSize(){switch(this.size){case"small":this.iconButtonSize="xsmall";break;case"medium":this.iconButtonSize="small";break;case"large":this.iconButtonSize="medium";break}}render(){var l;f.includes(this.variant)&&console.warn(`The ${this.variant} variant of <dsa-tag> is deprecated, and will be removed in the next major release. Please consider using a variant from 100 to 500 instead.`);let i=this.accessibleName?s`
           <span aria-hidden="true">${this.label}</span
           ><dsa-visually-hidden>${this.accessibleName}</dsa-visually-hidden>
         `:this.label;return s`