@ds-autonomie/web-components 2.18.0 → 2.20.0

package/cdn/chunks/chunk.Q2IGZDBA.js

@@ -0,0 +1,68 @@
+import{a as M}from"./chunk.II4JQ433.js";import{a as V}from"./chunk.PIG773U2.js";import{a as x}from"./chunk.TFTJUTCH.js";import{a as E}from"./chunk.SWEIVB73.js";import{a as y}from"./chunk.ELL45QD3.js";import{b as g,c as C,d as v,e as k}from"./chunk.FWTZS7LK.js";import{a as u}from"./chunk.B4KFHYLS.js";import{d as p}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as f,b as i,c as d,d as c,f as b}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var s=class extends b{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new y(this,"help-text","label");this.customValidityMessage="";this.hasCheckboxButtons=!1;this.hasCheckboxCards=!1;this.defaultValue=[];this.label="";this.helpText="";this.description="";this.name="option";this.value=[];this.form="";this.required=!1;this.disabled=!1;this.readonly=!1;this.horizontal=!1;this.error=!1;this.errorMessage="";this.hideLabel=!1}get validity(){let e=this.required&&this.value.length===0;return this.customValidityMessage!==""?k:e?v:C}get validationMessage(){let e=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:e?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllCheckboxes(){return[...this.querySelectorAll("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card")]}handleCheckboxClick(e){if(e.target.tagName.toLowerCase()==="a")return;let t=e.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");if(e.preventDefault(),e.stopPropagation(),!t||t.disabled||t.readonly||this.disabled||this.readonly)return;this.value.includes(t.value)?this.value=this.value.filter(n=>n!==t.value):this.value=[...this.value,t.value],this.getAllCheckboxes().forEach(n=>{let m=this.value.includes(n.value);n.checked!==m&&(n.checked=m)}),this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(e){if(e.target.tagName.toLowerCase()==="a")return;let t=e.target;if(e.key===" "){if(e.preventDefault(),this.disabled||this.readonly||t.disabled||t.readonly)return;t.checked=!t.checked;let a=this.getAllCheckboxes().filter(o=>o.checked);this.value=a.map(o=>o.value),this.emit("dsa-input"),this.emit("dsa-change")}e.key==="Enter"&&(this.disabled||this.readonly||t.disabled||t.readonly)&&e.preventDefault()}handleLabelClick(){this.focus()}handleSlotChange(){if(customElements.get("dsa-checkbox")||customElements.get("dsa-checkbox-button")||customElements.get("dsa-checkbox-card")){let e=this.getAllCheckboxes();e.forEach(t=>{let a=this.value.includes(t.value);t.checked!==a&&(t.checked=a),t.parentDisabled!==this.disabled&&(t.parentDisabled=this.disabled),t.parentReadonly!==this.readonly&&(t.parentReadonly=this.readonly)}),this.hasCheckboxButtons=e.some(t=>t.tagName.toLowerCase()==="dsa-checkbox-button"),this.hasCheckboxCards=e.some(t=>t.tagName.toLowerCase()==="dsa-checkbox-card")}else customElements.whenDefined("dsa-checkbox").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-button").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-card").then(()=>this.handleSlotChange())}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),setTimeout(()=>{this.focus()},0)}getDescriptionIds(){let e=[];return this.error&&(e=["error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleValueChange(){this.getAllCheckboxes().forEach(e=>{let t=this.value.includes(e.value);e.checked!==t&&(e.checked=t)}),this.formControlController.setValidity(this.validity.valid)}handleDisabledChange(){this.getAllCheckboxes().forEach(e=>{e.parentDisabled!==this.disabled&&(e.parentDisabled=this.disabled)})}handleReadonlyChange(){this.getAllCheckboxes().forEach(e=>{e.parentReadonly!==this.readonly&&(e.parentReadonly=this.readonly)})}checkValidity(){let e=this.required&&this.value.length===0,t=this.customValidityMessage!=="";return e||t?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let e=this.validity.valid;return this.formControlController.setValidity(e),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),e||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),e}setCustomValidity(e=""){this.customValidityMessage=e,this.validationInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){let t=this.getAllCheckboxes().filter(o=>!o.disabled&&!o.readonly),a=t.find(o=>o.checked)||t[0];a&&a.focus(e)}render(){let e=this.hasSlotController.test("label"),t=this.hasSlotController.test("help-text"),a=this.label?!0:!!e,o=this.helpText?!0:!!t;return a||u("<dsa-checkbox-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&u("<dsa-checkbox-group> requires an error-message attribute for accessibility when the error attribute is set"),r`
+      <fieldset
+        part="form-control"
+        class=${p({"form-control":!0,"form-control--error":this.error,"form-control--medium":!0,"form-control--checkbox-group":!0,"form-control--has-label":a,"form-control--has-help-text":o,"form-control--has-buttons":this.hasCheckboxButtons,"form-control--has-cards":this.hasCheckboxCards,"form-control--options-horizontal":!!this.horizontal})}
+        role="group"
+        aria-labelledby="label ${this.getDescriptionIds()}"
+      >
+        ${this.hideLabel?r`<dsa-visually-hidden id="label"
+              ><slot name="label">${this.label}</slot></dsa-visually-hidden
+            >`:r`
+              <span
+                part="form-control-label"
+                id="label"
+                class="form-control__label"
+                aria-hidden=${a?"false":"true"}
+                @click=${this.handleLabelClick}
+              >
+                ${this.required?r`<span class="form-control__label-required">*</span>`:""}
+                <slot name="label">${this.label}</slot>
+              </span>
+            `}
+
+        <slot name="tooltip" class="form-control__tooltip"></slot>
+
+        <div
+          part="form-control-input"
+          class="form-control-input form-control__field"
+        >
+          <dsa-visually-hidden>
+            <label class="checkbox-group__validation">
+              <input
+                class="checkbox-group__validation-input"
+                type="text"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+                @invalid=${this.handleInvalid}
+              />
+            </label>
+          </dsa-visually-hidden>
+
+          <div
+            role="list"
+            class="form-control__options"
+            @click=${this.handleCheckboxClick}
+            @keydown=${this.handleKeyDown}
+          >
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </div>
+        <div
+          id="help-text"
+          class="form-control__help-text"
+          aria-hidden=${o?"false":"true"}
+        >
+          <slot name="help-text" part="form-control-help-text">
+            ${this.helpText}
+          </slot>
+        </div>
+
+        ${this.error?E(this.errorMessage):""}
+        ${this.description?r`
+              <p id="description" class="form-control__description">
+                ${this.description}
+              </p>
+            `:""}
+      </fieldset>
+    `}};s.styles=M,s.dependencies={"dsa-error-text":x,"dsa-visually-hidden":V},l([c("slot:not([name])")],s.prototype,"defaultSlot",2),l([c(".checkbox-group__validation-input")],s.prototype,"validationInput",2),l([d()],s.prototype,"hasCheckboxButtons",2),l([d()],s.prototype,"hasCheckboxCards",2),l([d()],s.prototype,"defaultValue",2),l([i()],s.prototype,"label",2),l([i({attribute:"help-text"})],s.prototype,"helpText",2),l([i({attribute:"description"})],s.prototype,"description",2),l([i()],s.prototype,"name",2),l([i({converter:{fromAttribute:e=>e.split(","),toAttribute:e=>typeof e=="string"?e:e.join(",")}})],s.prototype,"value",2),l([i({reflect:!0})],s.prototype,"form",2),l([i({type:Boolean,reflect:!0})],s.prototype,"required",2),l([i({type:Boolean,reflect:!0})],s.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],s.prototype,"readonly",2),l([i({type:Boolean})],s.prototype,"horizontal",2),l([i({type:Boolean})],s.prototype,"error",2),l([i({attribute:"error-message",converter:{fromAttribute:e=>e?e.split("|"):"",toAttribute:e=>typeof e=="string"?e:e.join("|")}})],s.prototype,"errorMessage",2),l([i({type:Boolean,attribute:"hide-label"})],s.prototype,"hideLabel",2),l([h("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),l([h("disabled")],s.prototype,"handleDisabledChange",1),l([h("readonly")],s.prototype,"handleReadonlyChange",1),s=l([f("dsa-checkbox-group")],s);export{s as a};

package/cdn/chunks/{chunk.LLP7EPAY.js → chunk.Q7GZ4AMX.js}

@@ -1,4 +1,4 @@
-import{a as p}from"./chunk.6D7W2ERA.js";import{a as g}from"./chunk.ELL45QD3.js";import{a as u}from"./chunk.B4KFHYLS.js";import{a as n,b as a}from"./chunk.FDMPUSVV.js";import{a as o}from"./chunk.NIRNX67K.js";import{c as f}from"./chunk.KD3BHBHK.js";import{a as l}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as c,b as i,f as h}from"./chunk.KBZ32KWP.js";import{f as s}from"./chunk.IZ2HVRME.js";var t=class extends h{constructor(){super(...arguments);this.hasSlotController=new g(this,"media","tags","title-icon","title","subtitle","footer");this.href="";this.rel="noreferrer noopener";this.variant="outlined";this.layout="vertical";this.size="large";this.contrastedBorders=!1}isLink(){return!!this.href}updateTagsSizes(){this.querySelectorAll("dsa-tag").forEach(r=>r.setAttribute("size",this.size==="large"?"medium":"small"))}handleTagsSlotChange(){this.updateTagsSizes()}handleSizeChange(){this.updateTagsSizes()}render(){let e=this.isLink(),r=e?n`a`:n`div`,_=e&&!this.hasSlotController.test("footer")&&this.layout==="left-align",v=e&&!this.hasSlotController.test("footer")&&this.layout!=="left-align";return e&&!this.hasSlotController.test("title")&&u("<dsa-card-content> requires a title slot for accessibility when used as a link"),a`
+import{a as p}from"./chunk.6D7W2ERA.js";import{a as g}from"./chunk.ELL45QD3.js";import{a as u}from"./chunk.B4KFHYLS.js";import{a as n,b as a}from"./chunk.FDMPUSVV.js";import{a as o}from"./chunk.NIRNX67K.js";import{c as f}from"./chunk.VZAYP3SG.js";import{a as l}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as c,b as i,f as h}from"./chunk.KBZ32KWP.js";import{f as s}from"./chunk.IZ2HVRME.js";var t=class extends h{constructor(){super(...arguments);this.hasSlotController=new g(this,"media","tags","title-icon","title","subtitle","footer");this.href="";this.rel="noreferrer noopener";this.variant="outlined";this.layout="vertical";this.size="large";this.contrastedBorders=!1}isLink(){return!!this.href}updateTagsSizes(){this.querySelectorAll("dsa-tag").forEach(r=>r.setAttribute("size",this.size==="large"?"medium":"small"))}handleTagsSlotChange(){this.updateTagsSizes()}handleSizeChange(){this.updateTagsSizes()}render(){let e=this.isLink(),r=e?n`a`:n`div`,_=e&&!this.hasSlotController.test("footer")&&this.layout==="left-align",v=e&&!this.hasSlotController.test("footer")&&this.layout!=="left-align";return e&&!this.hasSlotController.test("title")&&u("<dsa-card-content> requires a title slot for accessibility when used as a link"),a`
       <article
         part="base"
         class=${d({"card-content":!0,"card-content--link":e,"card-content--small":this.size==="small","card-content--medium":this.size==="medium","card-content--large":this.size==="large","card-content--left-align":this.layout==="left-align","card-content--right-align":this.layout==="right-align","card-content--filled":this.variant==="filled","card-content--contrasted-borders":this.contrastedBorders})}

package/cdn/chunks/chunk.QEODND2O.js

@@ -0,0 +1,8 @@
+import{a as m}from"./chunk.YQPLXJOH.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as n,b as s,d as h,f as c}from"./chunk.KBZ32KWP.js";import{a as p}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var r="dsa-step",e=class extends c{constructor(){super(...arguments);this.allSteps=[];this.hideLabel=!1;this.vertical=!1}connectedCallback(){super.connectedCallback()}refreshAllSteps(){this.allSteps=this.defaultSlot?this.defaultSlot.assignedElements({flatten:!0}).filter(l=>l.tagName.toLowerCase()===r).map(l=>l):[]}applyStepProps(l){l.forEach((a,f)=>{let o=this.hideLabel?void 0:f;a.index!==o&&(a.index=o),a.vertical!==this.vertical&&(a.vertical=this.vertical)})}handleDefaultSlotChange(){this.refreshAllSteps(),customElements.get(r)?this.applyStepProps(this.allSteps):customElements.whenDefined(r).then(()=>{this.refreshAllSteps(),this.applyStepProps(this.allSteps)})}handleHideLabelChange(){this.applyStepProps(this.allSteps)}handleVerticalChange(){this.applyStepProps(this.allSteps)}render(){return p`
+      <div
+        role="list"
+        class=${d({stepper:!0,stepper__vertical:this.vertical})}
+      >
+        <slot @slotchange=${this.handleDefaultSlotChange}> </slot>
+      </div>
+    `}};e.styles=m,t([h("slot")],e.prototype,"defaultSlot",2),t([s({type:Boolean,attribute:"hide-label"})],e.prototype,"hideLabel",2),t([s({type:Boolean})],e.prototype,"vertical",2),t([i("hideLabel",{waitUntilFirstUpdate:!0})],e.prototype,"handleHideLabelChange",1),t([i("vertical",{waitUntilFirstUpdate:!0})],e.prototype,"handleVerticalChange",1),e=t([n("dsa-stepper")],e);export{e as a};

package/cdn/chunks/chunk.QHQUGZAC.js

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

package/cdn/chunks/chunk.QOIUR37X.js

@@ -0,0 +1 @@
+import{a as S}from"./chunk.V75PDQVT.js";import{b as s,c as d}from"./chunk.QTD6NQFL.js";import{a as w}from"./chunk.BWEPOOQP.js";import{a as f,b as R,f as m}from"./chunk.KBZ32KWP.js";import{a as v}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var l=class extends m{constructor(){super(...arguments);this.suppressHoverClass="reordering-no-hover";this.draggingRow=null;this.dropTargetRow=null;this.rearrangingRow=null;this.role="table";this.size="medium";this.alignment="left"}connectedCallback(){super.connectedCallback(),this.handleRowSelect=this.handleRowSelect.bind(this),this.handleAllRowsSelect=this.handleAllRowsSelect.bind(this),this.handleRowReorderToggle=this.handleRowReorderToggle.bind(this),this.handleRowReorderMove=this.handleRowReorderMove.bind(this),this.handleRowReorderDragStart=this.handleRowReorderDragStart.bind(this),this.handleRowReorderDragEnd=this.handleRowReorderDragEnd.bind(this),this.handleDragOver=this.handleDragOver.bind(this),this.handleWindowDragOver=this.handleWindowDragOver.bind(this),this.handleDrop=this.handleDrop.bind(this),this.handleMouseMoveAfterReorder=this.handleMouseMoveAfterReorder.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeRowSelectionListeners(),this.removeRowReorderListeners(),this.enableRowHover(),this.clearReorderState()}async firstUpdated(){if(!this.selectable)return;let t=this.querySelector(this.selectorHeaderRow);if(t){await t.updateComplete;let e=[...this.querySelectorAll(this.selectorAllRows)];if(t!=null&&t.selected)e.forEach(r=>r.selected=t.selected);else{let o=e.filter(i=>i.selected).length,a=o===e.length;t.checkbox.checked=o>0&&a,t.checkbox.indeterminate=o>0&&!a}}}addRowSelectionListeners(){this.addEventListener("dsa-table-row-change-selection",this.handleRowSelect),this.addEventListener("dsa-table-row-all-change-selection",this.handleAllRowsSelect)}removeRowSelectionListeners(){this.removeEventListener("dsa-table-row-change-selection",this.handleRowSelect),this.removeEventListener("dsa-table-row-all-change-selection",this.handleAllRowsSelect)}addRowReorderListeners(){this.addEventListener("dsa-table-row-reorder-toggle",this.handleRowReorderToggle),this.addEventListener("dsa-table-row-reorder-move",this.handleRowReorderMove),this.addEventListener("dsa-table-row-reorder-drag-start",this.handleRowReorderDragStart),this.addEventListener("dsa-table-row-reorder-drag-end",this.handleRowReorderDragEnd),this.addEventListener("dragover",this.handleDragOver),this.addEventListener("drop",this.handleDrop),window.addEventListener("dragover",this.handleWindowDragOver,!0)}removeRowReorderListeners(){this.removeEventListener("dsa-table-row-reorder-toggle",this.handleRowReorderToggle),this.removeEventListener("dsa-table-row-reorder-move",this.handleRowReorderMove),this.removeEventListener("dsa-table-row-reorder-drag-start",this.handleRowReorderDragStart),this.removeEventListener("dsa-table-row-reorder-drag-end",this.handleRowReorderDragEnd),this.removeEventListener("dragover",this.handleDragOver),this.removeEventListener("drop",this.handleDrop),window.removeEventListener("dragover",this.handleWindowDragOver,!0)}clearDropTarget(){this.dropTargetRow&&(d(this.dropTargetRow,"drop-target"),d(this.dropTargetRow,"drop-target-position"),this.dropTargetRow=null)}clearReorderState(){this.rearrangingRow&&(this.rearrangingRow.rearranging=!1,this.rearrangingRow=null),this.draggingRow&&(d(this.draggingRow,"dragging"),this.draggingRow=null),this.dropTargetRow&&this.clearDropTarget()}handleWindowDragOver(t){!this.reorderable||!this.draggingRow||t.composedPath().includes(this)||this.clearDropTarget()}getRows(){return[...this.querySelectorAll(this.selectorAllRows)]}getRowBlock(t){let e=t.nextElementSibling,r=e!=null&&e.matches(this.selectorAllExpandedRows)?e:null;return{row:t,expandedRow:r}}getNodeAfterRowBlock(t){var r;let{expandedRow:e}=this.getRowBlock(t);return(r=e==null?void 0:e.nextSibling)!=null?r:t.nextSibling}moveRowToIndex(t,e,r){var b,u;let o=this.getRows(),a=o.indexOf(t);if(a<0)return;let i=o.length-1,h=Math.max(0,Math.min(e,i));if(h===a)return;let c=o[h],{expandedRow:g}=this.getRowBlock(t),E=a<h?this.getNodeAfterRowBlock(c):c;(b=t.parentNode)==null||b.insertBefore(t,E),g&&((u=t.parentNode)==null||u.insertBefore(g,t.nextSibling));let p=this.getRows(),A=p.indexOf(t);this.disableRowHoverUntilMouseMove(),this.emit("dsa-table-row-reordered",{detail:{movedRow:t,oldIndex:a,newIndex:A,rows:p,source:r}})}handleMouseMoveAfterReorder(){this.enableRowHover()}disableRowHoverUntilMouseMove(){this.getRows().forEach(t=>{t.classList.contains(this.suppressHoverClass)||t.classList.add(this.suppressHoverClass)}),window.removeEventListener("mousemove",this.handleMouseMoveAfterReorder),window.addEventListener("mousemove",this.handleMouseMoveAfterReorder,{once:!0})}enableRowHover(){this.getRows().forEach(t=>{t.classList.contains(this.suppressHoverClass)&&t.classList.remove(this.suppressHoverClass)}),window.removeEventListener("mousemove",this.handleMouseMoveAfterReorder)}findRowFromEvent(t){let e=t.composedPath().find(r=>{var o;return r instanceof HTMLElement&&((o=r.matches)==null?void 0:o.call(r,this.selectorAllRows))});return e!=null?e:null}handleRowReorderToggle(t){var o;if(!this.reorderable)return;let{row:e}=t.detail;t.stopPropagation();let r=this.rearrangingRow!==e;this.rearrangingRow&&(this.rearrangingRow.rearranging=!1),this.rearrangingRow=r?e:null,e.rearranging=r,(o=e.reorderButton)==null||o.focus()}handleRowReorderMove(t){var h;if(!this.reorderable)return;let{row:e,direction:r}=t.detail;if(t.stopPropagation(),this.rearrangingRow!==e)return;let o=this.getRows(),a=o.indexOf(e);if(a<0)return;let i=r==="up"?Math.max(0,a-1):Math.min(o.length-1,a+1);this.moveRowToIndex(e,i,"keyboard"),(h=e.reorderButton)==null||h.focus()}handleRowReorderDragStart(t){if(!this.reorderable)return;let{row:e}=t.detail;t.stopPropagation(),this.draggingRow=e,s(e,"dragging","true"),this.rearrangingRow&&this.rearrangingRow!==e&&(this.rearrangingRow.rearranging=!1),this.rearrangingRow=e}handleRowReorderDragEnd(){this.clearReorderState()}handleDragOver(t){if(!this.reorderable||!this.draggingRow)return;let e=this.findRowFromEvent(t);if(!e||e===this.draggingRow){this.clearDropTarget();return}t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"),this.dropTargetRow&&this.dropTargetRow!==e&&(d(this.dropTargetRow,"drop-target"),d(this.dropTargetRow,"drop-target-position")),this.dropTargetRow!==e&&(this.dropTargetRow=e,s(e,"drop-target","true"));let r=e.getBoundingClientRect(),a=t.clientY>r.top+r.height/2?"after":"before";e.getAttribute("drop-target-position")!==a&&s(e,"drop-target-position",a)}handleDrop(t){var g;if(!this.reorderable||!this.draggingRow)return;let e=this.findRowFromEvent(t);if(t.preventDefault(),!e||e===this.draggingRow){this.clearReorderState();return}let r=this.getRows(),o=r.indexOf(this.draggingRow),a=r.indexOf(e);if(o<0||a<0){this.clearReorderState();return}let i=e.getBoundingClientRect(),h=t.clientY>i.top+i.height/2,c=a+(h?1:0);o<c&&(c-=1),this.moveRowToIndex(this.draggingRow,c,"pointer"),(g=this.draggingRow.reorderButton)==null||g.focus(),this.clearReorderState()}handleAllRowsSelect(){let t=this.querySelector(this.selectorHeaderRow);if(t===null)return;let e=[...this.querySelectorAll(this.selectorAllRows)];e.forEach(o=>o.selected=t.selected);let r=e.filter(o=>o.selected);this.emit("dsa-table-row-all-selected",{detail:{selectedRows:r}})}handleRowSelect(t){let{target:e}=t,r=[...this.querySelectorAll(this.selectorAllRows)],o=r.filter(c=>c.selected),a=o.length,i=this.querySelector(this.selectorHeaderRow),h=a===r.length;i!==null&&(i.checkbox.checked=a>0&&h,i.checkbox.indeterminate=a>0&&!h),this.emit("dsa-table-row-selected",{detail:{selectedRow:e,selectedRows:o}})}handleRowExpandable(){[...this.querySelectorAll(this.selectorAllRows)].forEach(e=>{this.expandable?s(e,"expandable","true"):d(e,"expandable")})}handleHeaderRowExpandable(){let t=this.querySelector(this.selectorHeaderRow);t!==null&&(this.expandable?s(t,"expandable","true"):d(t,"expandable"))}handleRowReorderable(){[...this.querySelectorAll(this.selectorAllRows)].forEach(e=>{this.reorderable?(s(e,"reorderable","true"),s(e,"draggable","true")):(d(e,"reorderable"),d(e,"draggable"),e.rearranging=!1)})}handleHeaderRowReorderable(){let t=this.querySelector(this.selectorHeaderRow);t&&(this.reorderable?s(t,"reorderable","true"):d(t,"reorderable"))}handleRowSelectable(){[...this.querySelectorAll(this.selectorAllRows)].forEach((e,r)=>{this.selectable===!0&&e.getAttribute("selection-name")===""?s(e,"selection-name",`row-${r}`):this.selectable||s(e,"selection-name","")})}handleHeaderRowSelectable(){let t=this.querySelector(this.selectorHeaderRow);t&&s(t,"selection-name",this.selectable?"header":"")}handleSizeChange(){[...this.querySelectorAll(this.selectorAllRows),...this.querySelectorAll(this.selectorHeaderRow)].forEach(e=>{s(e,"size",this.size)})}handleExpandableChange(){this.handleRowExpandable(),this.handleHeaderRowExpandable()}handleHeaderCellsCount(){let e=[...this.querySelectorAll(this.selectorHeaderCell)].length+ +!!this.expandable+ +!!this.selectable+ +!!this.reorderable;[...this.querySelectorAll(this.selectorAllExpandedRows)].forEach(a=>{s(a,"colspan",String(e))}),[...this.querySelectorAll(this.selectorAllSingleCellRows)].forEach(a=>{s(a,"colspan",String(e))})}handleSortableChange(){this.querySelectorAll(this.selectorHeaderCell).forEach(e=>{this.sortable?s(e,"sortable","true"):d(e,"sortable")})}handleSelectableChange(){this.selectable?this.addRowSelectionListeners():this.removeRowSelectionListeners(),this.handleRowSelectable(),this.handleHeaderRowSelectable()}handleReorderableChange(){this.reorderable?this.addRowReorderListeners():(this.removeRowReorderListeners(),this.clearReorderState()),this.handleRowReorderable(),this.handleHeaderRowReorderable()}handleAlignmentChange(){this.querySelectorAll(this.selectorHeaderCell).forEach(e=>{s(e,"alignment",this.alignment)})}render(){return v` <slot></slot> `}get selectorHeaderCell(){return"dsa-table-header-cell"}get selectorHeaderRow(){return"dsa-table-header-row"}get selectorAllRows(){return"dsa-table-row"}get selectorAllExpandedRows(){return"dsa-table-expanded-row"}get selectorAllSingleCellRows(){return"dsa-table-single-cell-row"}};l.styles=S,n([R({reflect:!0})],l.prototype,"role",2),n([R({reflect:!0})],l.prototype,"size",2),n([R({type:Boolean,reflect:!0})],l.prototype,"sortable",2),n([R({type:Boolean,reflect:!0})],l.prototype,"selectable",2),n([R({type:Boolean,reflect:!0})],l.prototype,"expandable",2),n([R({type:Boolean,reflect:!0})],l.prototype,"reorderable",2),n([R()],l.prototype,"alignment",2),n([w("size",{waitUntilFirstUpdate:!0})],l.prototype,"handleSizeChange",1),n([w("expandable")],l.prototype,"handleExpandableChange",1),n([w(["expandable","selectable","reorderable"])],l.prototype,"handleHeaderCellsCount",1),n([w("sortable")],l.prototype,"handleSortableChange",1),n([w("selectable")],l.prototype,"handleSelectableChange",1),n([w("reorderable")],l.prototype,"handleReorderableChange",1),n([w("alignment",{waitUntilFirstUpdate:!0})],l.prototype,"handleAlignmentChange",1),l=n([f("dsa-table")],l);export{l as a};

package/cdn/chunks/{chunk.43ZUOVN3.js → chunk.QPMWIVIV.js}

@@ -1,6 +1,6 @@
-import{a}from"./chunk.KHGWE5IX.js";import{a as r}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var l=e`
-  ${r}
+import{a as r}from"./chunk.KHGWE5IX.js";import{a}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var l=e`
   ${a}
+  ${r}
 
   :host {
     display: block;
@@ -156,18 +156,21 @@ import{a}from"./chunk.KHGWE5IX.js";import{a as r}from"./chunk.UMC4I57R.js";impor
    * Size modifiers
    */
 
-  .textarea--small {
+  .textarea--small,
+  .textarea--medium,
+  .textarea--large {
     border-radius: var(--dsa-wc-input-border-radius);
+  }
+
+  .textarea--small {
     font: var(--dsa-wc-input-text-field-font-small);
   }
 
   .textarea--medium {
-    border-radius: var(--dsa-wc-input-border-radius);
     font: var(--dsa-wc-input-text-field-font);
   }
 
   .textarea--large {
-    border-radius: var(--dsa-wc-input-border-radius);
     font: var(--dsa-wc-input-text-field-font-large);
   }
 

package/cdn/chunks/{chunk.LFI7CMVX.js → chunk.QSMVLQKG.js}

@@ -1,4 +1,4 @@
-import{a as C,b as I}from"./chunk.LEYHHYW4.js";import{a as w}from"./chunk.KH2JVAEZ.js";import{a as c}from"./chunk.ZCITPD2M.js";import{a as _}from"./chunk.FX5UP23Z.js";import{a as v}from"./chunk.63UE4VAO.js";import{a as r}from"./chunk.NIRNX67K.js";import{c as x}from"./chunk.GM4KTNXL.js";import{c as g}from"./chunk.KD3BHBHK.js";import{a as t}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as b,d as y}from"./chunk.KBZ32KWP.js";import{a as e}from"./chunk.GP725TPQ.js";import{a as f,b as $,f as h}from"./chunk.IZ2HVRME.js";var i=class extends c{constructor(){super(...arguments);this.localize=new x(this)}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}renderInput(){var p,m;let n=this.hasSlotController.test("label"),s=C(this.type)?I(this.type):void 0,a=s!==void 0||this.hasSlotController.test("prefix"),o=this.hasSlotController.test("suffix"),u=this.label?!0:!!n,z=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),k=this.type==="password"&&!this.disabled,l;return this.type==="password"&&this.passwordVisible?l="text":l=this.type,e`
+import{a as C,b as I}from"./chunk.LEYHHYW4.js";import{a as w}from"./chunk.H4I7G2EQ.js";import{a as c}from"./chunk.DBXX64Q4.js";import{a as _}from"./chunk.EFB2SY45.js";import{a as v}from"./chunk.LYLTFAFC.js";import{a as r}from"./chunk.NIRNX67K.js";import{c as x}from"./chunk.LBAIMDY3.js";import{c as g}from"./chunk.VZAYP3SG.js";import{a as t}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as b,d as y}from"./chunk.KBZ32KWP.js";import{a as e}from"./chunk.GP725TPQ.js";import{a as f,b as $,f as h}from"./chunk.IZ2HVRME.js";var i=class extends c{constructor(){super(...arguments);this.localize=new x(this)}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}renderInput(){var p,m;let n=this.hasSlotController.test("label"),s=C(this.type)?I(this.type):void 0,a=s!==void 0||this.hasSlotController.test("prefix"),o=this.hasSlotController.test("suffix"),u=this.label?!0:!!n,z=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),k=this.type==="password"&&!this.disabled,l;return this.type==="password"&&this.passwordVisible?l="text":l=this.type,e`
       <div
         part="base"
         class=${d({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--error":this.error,"input--success":this.success&&!this.error,"input--on-layer":this.variant==="layer","input--on-base":this.variant==="base","input--on-floating-menu":this.variant==="floating","input--disabled":this.disabled,"input--readonly":this.readonly,"input--focused":this.hasFocus,"input--empty":!this.value,"form-control--has-prefix-icon":a})}

package/cdn/chunks/chunk.QTD6NQFL.js

@@ -0,0 +1 @@
+function o(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/œ/g,"oe").replace(/-/g," ").toLowerCase().replace(/\s+/g," ").trim()}function s(t,e,r){t.getAttribute(e)!==r&&t.setAttribute(e,r)}function a(t,e){t.hasAttribute(e)&&t.removeAttribute(e)}function c(){return navigator.userAgentData?navigator.userAgentData.platform==="macOS":/Mac|iPod|iPhone|iPad/.test(navigator.userAgent)}export{o as a,s as b,a as c,c as d};

package/cdn/chunks/chunk.QXHK62F7.js

@@ -0,0 +1 @@
+import{c as n}from"./chunk.LBAIMDY3.js";import{a as l,b as a,f as r}from"./chunk.KBZ32KWP.js";import{f as e}from"./chunk.IZ2HVRME.js";var u=["","kilo","mega","giga","tera"],p=["","kilo","mega","giga","tera","peta"],t=class extends r{constructor(){super(...arguments);this.localize=new n(this);this.value=0;this.unit="byte";this.display="short"}render(){if(isNaN(this.value))return"";let i=this.unit==="bit"?u:p,o=Math.max(0,Math.min(Math.floor(Math.log10(this.value)/3),i.length-1)),s=i[o]+this.unit,h=parseFloat((this.value/Math.pow(1e3,o)).toPrecision(3));return this.localize.number(h,{style:"unit",unit:s,unitDisplay:this.display})}};e([a({type:Number})],t.prototype,"value",2),e([a()],t.prototype,"unit",2),e([a()],t.prototype,"display",2),t=e([l("dsa-format-bytes")],t);export{t as a};

package/cdn/chunks/{chunk.PSXSWQCS.js → chunk.RDYBSHLC.js}

@@ -1,4 +1,4 @@
-import{a as b}from"./chunk.VMFX2PWY.js";import{a as f}from"./chunk.YRQ4GUXM.js";import{a as h}from"./chunk.WEWRFZAQ.js";import{a as d}from"./chunk.ELL45QD3.js";import{a as l}from"./chunk.NIRNX67K.js";import{c}from"./chunk.GM4KTNXL.js";import{c as u}from"./chunk.KD3BHBHK.js";import{a as p}from"./chunk.BWEPOOQP.js";import{a as r,b as a,c as o,d as m,f as n}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var y=20,t=class extends n{constructor(){super(...arguments);this.hasSlotController=new d(this,"icon");this.localize=new c(this);this.fullName="";this.displayMode="full";this.firstName="";this.familyName="";this.image="";this.initials=""}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}getDisplayedName(){return this.fullName.length<=y?this.fullName:`${this.firstName.charAt(0)}. ${this.familyName}`}click(){this.button.click()}focus(s){this.button.focus(s)}blur(){this.button.blur()}updateFullName(){this.fullName=`${this.firstName} ${this.familyName}`}renderButton(){var s;return i`
+import{a as b}from"./chunk.VMFX2PWY.js";import{a as f}from"./chunk.KX5QV54N.js";import{a as h}from"./chunk.XKWU5ZJA.js";import{a as d}from"./chunk.ELL45QD3.js";import{a as l}from"./chunk.NIRNX67K.js";import{c}from"./chunk.LBAIMDY3.js";import{c as u}from"./chunk.VZAYP3SG.js";import{a as p}from"./chunk.BWEPOOQP.js";import{a as r,b as a,c as o,d as m,f as n}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var y=20,t=class extends n{constructor(){super(...arguments);this.hasSlotController=new d(this,"icon");this.localize=new c(this);this.fullName="";this.displayMode="full";this.firstName="";this.familyName="";this.image="";this.initials=""}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}getDisplayedName(){return this.fullName.length<=y?this.fullName:`${this.firstName.charAt(0)}. ${this.familyName}`}click(){this.button.click()}focus(s){this.button.focus(s)}blur(){this.button.blur()}updateFullName(){this.fullName=`${this.firstName} ${this.familyName}`}renderButton(){var s;return i`
       <button
         part="base"
         class="profile-button"

package/cdn/chunks/{chunk.C2H2IJ5N.js → chunk.RX76YMGL.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./chunk.WWTHUDXI.js";import{c as m}from"./chunk.KD3BHBHK.js";import{a as r,b as i,f as o}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends o{constructor(){super(...arguments);this.href=""}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return s`
+import{a as n}from"./chunk.WWTHUDXI.js";import{c as m}from"./chunk.VZAYP3SG.js";import{a as r,b as i,f as o}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends o{constructor(){super(...arguments);this.href=""}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return s`
       <a
         part="link"
         download=${this.filename}

package/cdn/chunks/{chunk.BARZKNDN.js → chunk.RXX4NY67.js}

@@ -7,7 +7,7 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
 
   .progress-bar {
     position: relative;
-    background-color: var(--dsa-wc-progress-bar-track-color);
+    background: var(--dsa-wc-progress-bar-track-color);
     height: var(--dsa-wc-progress-bar-height);
     border-radius: var(--dsa-wc-progress-bar-border-radius);
     box-shadow: inset var(--dsa-wc-shadow-small);
@@ -17,15 +17,13 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   .progress-bar__indicator {
     height: 100%;
     font: var(--dsa-wc-progress-bar-font);
-    background-color: var(--dsa-wc-progress-bar-indicator-color);
+    background: var(--dsa-wc-progress-bar-indicator-color);
     color: var(--dsa-wc-progress-bar-indicator-label-color);
     text-align: center;
     line-height: var(--dsa-wc-progress-bar-height);
     white-space: nowrap;
     overflow: hidden;
-    transition:
-      400ms width,
-      400ms background-color;
+    transition: width 400ms;
     user-select: none;
   }
 
@@ -35,7 +33,6 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
     animation: indeterminate 2.5s var(--dsa-wc-no-animations-duration, infinite)
       cubic-bezier(0.37, 0, 0.63, 1);
   }
-
   .progress-bar--indeterminate.progress-bar--rtl .progress-bar__indicator {
     animation-name: indeterminate-rtl;
   }
@@ -43,12 +40,11 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   @media (forced-colors: active) {
     .progress-bar {
       outline: solid 1px SelectedItem;
-      background-color: var(--dsa-wc-progress-bar-indicator-label-color);
+      background: var(--dsa-wc-progress-bar-indicator-label-color);
     }
-
     .progress-bar__indicator {
       outline: solid 1px SelectedItem;
-      background-color: SelectedItem;
+      background: SelectedItem;
     }
   }
 
@@ -63,7 +59,6 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
       width: 50%;
     }
   }
-
   @keyframes indeterminate-rtl {
     0% {
       right: -50%;

package/cdn/chunks/{chunk.U7X2EV5T.js → chunk.S47ZNKH7.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.KHGWE5IX.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.H46NZIZH.js → chunk.S7OUYCK4.js}

@@ -1,4 +1,4 @@
-import{b as r}from"./chunk.FDMPUSVV.js";import{c as s}from"./chunk.KD3BHBHK.js";import{d as l}from"./chunk.ZBHHLRFH.js";import{a,b as c,f as i}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.6G2FNLAV.js";import{f as e}from"./chunk.IZ2HVRME.js";var d=t`
+import{b as r}from"./chunk.FDMPUSVV.js";import{c as s}from"./chunk.VZAYP3SG.js";import{d as l}from"./chunk.ZBHHLRFH.js";import{a,b as c,f as i}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.6G2FNLAV.js";import{f as e}from"./chunk.IZ2HVRME.js";var d=t`
   :host {
     display: contents;
   }

package/cdn/chunks/chunk.SBGRTAIJ.js

@@ -0,0 +1,62 @@
+import{a as m,b as C,c as f,d as h,e as b}from"./chunk.EXQPVGOS.js";import{a as d}from"./chunk.DBXX64Q4.js";import{a as V}from"./chunk.VQCDCQ2A.js";import{a as N}from"./chunk.EFB2SY45.js";import{a as w}from"./chunk.LYLTFAFC.js";import{a as p}from"./chunk.NIRNX67K.js";import{c as g}from"./chunk.LBAIMDY3.js";import{a as r}from"./chunk.2RF4WD6T.js";import{d as S}from"./chunk.ZBHHLRFH.js";import{a as $,d as x}from"./chunk.KBZ32KWP.js";import{a as u}from"./chunk.GP725TPQ.js";import{a as y,b as v,f as c}from"./chunk.IZ2HVRME.js";var l=class extends d{constructor(){super(...arguments);this.localize=new g(this)}get valueAsNumber(){return parseFloat(this.value.replace(",","."))}set valueAsNumber(t){super.valueAsNumber=t}handleChange(){let t=this.input.value;if(t===""||t==="-"){this.input.value="";return}let e=this.getSafeStep(),a=f(t),i=parseFloat(`${this.min}`),s=parseFloat(`${this.max}`),n=b(a,e);!isNaN(i)&&n<i?n=i:!isNaN(s)&&n>s&&(n=s);let o=h(n);this.input.value=o,this.value=o.replace(",","."),this.emit("dsa-change")}handleInput(){this.value=this.input.value.replace(",","."),this.formControlController.updateValidity(),this.emit("dsa-input")}handleKeyDown(t){let e=t.key;e==="Dead"&&(this.input.blur(),setTimeout(()=>this.input.focus()));let a=this.input.selectionStart;if(C(t)||e==="-"&&a!==null&&a>0||e===","&&this.input.value.includes(",")){t.preventDefault();return}let i=e==="ArrowDown",s=e==="ArrowUp";i?this.stepDown():s&&this.stepUp(),(i||s)&&(this.input.dispatchEvent(new Event("input",{bubbles:!0})),this.input.dispatchEvent(new Event("change",{bubbles:!0}))),super.handleKeyDown(t)}getSafeStep(){if(this.step==="any")return this.step;let t=parseFloat(`${this.step}`);return isNaN(t)||t===0?1:t}adjustAmountValue(t){let e=this.getSafeStep(),a=new m(e==="any"?1:e),i=new m(f(this.input.value)),s=(t==="up"?i.plus(a):i.minus(a)).toNumber(),n=h(s);this.input.value=n,this.value=n.replace(",",".")}stepUp(){this.adjustAmountValue("up")}stepDown(){this.adjustAmountValue("down")}checkValidity(){return this.input.checkValidity()&&this.checkAmountValidity()}reportValidity(){return this.input.reportValidity()&&this.checkAmountValidity()}checkAmountValidity(){let t=this.value;if(t==="")return!0;let e=parseFloat(t);if(isNaN(e))return!1;let a=parseFloat(`${this.min}`);if(!isNaN(a)&&e<a)return!1;let i=parseFloat(`${this.max}`);if(!isNaN(i)&&e>i)return!1;let s=this.getSafeStep();return s==="any"||b(e,s)===e}renderInput(){var n,o;let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("prefix"),a=this.hasSlotController.test("suffix"),i=this.label?!0:!!t,s=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value.length>0);return u`
+      <div
+        part="base"
+        class=${S({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--error":this.error,"input--success":this.success&&!this.error,"input--on-layer":this.variant==="layer","input--on-base":this.variant==="base","input--disabled":this.disabled,"input--readonly":this.readonly,"input--focused":this.hasFocus,"input--empty":!this.value,"form-control--has-prefix-icon":e})}
+      >
+        <slot
+          name="prefix"
+          part="prefix"
+          id="input__prefix"
+          class="input__prefix"
+        ></slot>
+
+        <input
+          part="input"
+          id="input"
+          class="input__control"
+          type=${"text"}
+          title=${p(i?void 0:(n=this.accessibleName)!=null?n:this.title)}
+          name=${p(this.name)}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?required=${this.required}
+          placeholder=${r(this.placeholder)}
+          minlength=${r(this.minlength)}
+          maxlength=${r(this.maxlength)}
+          min=${r(this.min)}
+          max=${r(this.max)}
+          step=${r(this.step)}
+          .value=${N(h(this.value))}
+          autocomplete=${r(this.autocomplete)}
+          ?autofocus=${this.autofocus}
+          pattern=${r(this.pattern)}
+          enterkeyhint=${r(this.enterkeyhint)}
+          inputmode="decimal"
+          aria-label=${p(i?void 0:(o=this.accessibleName)!=null?o:this.title)}
+          aria-describedby=${this.getDescriptionIds()}
+          aria-invalid=${r(this.error?"true":void 0)}
+          @change=${this.handleChange}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @keydown=${this.handleKeyDown}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+
+        ${a?u`<slot
+              name="suffix"
+              id="input__suffix"
+              class="input__suffix"
+            ></slot>`:""}
+        ${s?u`
+              <dsa-icon-button
+                part="clear-button"
+                class="input__action-button"
+                name="clear"
+                label=${this.localize.term("clearEntry")}
+                @click=${this.handleClearClick}
+                library="system"
+              ></dsa-icon-button>
+            `:""}
+      </div>
+    `}};l.styles=V,l.dependencies=v(y({},d.dependencies),{"dsa-icon-button":w}),c([x("input")],l.prototype,"input",2),l=c([$("dsa-input-amount")],l);export{l as a};