@ds-autonomie/web-components 2.20.0 → 2.21.0

package/dist/chunks/{chunk.NIBZO5CG.js → chunk.RJAOB66Y.js}

@@ -1,3 +1,6 @@
+import {
+  input_amount_styles_default
+} from "./chunk.SJNFRQKU.js";
 import {
   isInvalidAmountKey,
   numberToFrAmount,
@@ -6,19 +9,16 @@ import {
 } from "./chunk.QHEMM3XC.js";
 import {
   InputBase
-} from "./chunk.DE3HY2DW.js";
-import {
-  input_amount_styles_default
-} from "./chunk.C7XR6TIW.js";
+} from "./chunk.7HMEK2ND.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   __decorateClass,
   __spreadProps,

package/dist/chunks/{chunk.CY25FZDP.js → chunk.RLLACUYR.js}

@@ -1,6 +1,6 @@
 import {
   DSAErrorText
-} from "./chunk.M2QIFDAP.js";
+} from "./chunk.5NGXTSAJ.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
@@ -66,6 +66,18 @@ var FormControlLayout = class extends ShoelaceElement {
     const hasHelpTextSlot = this.hasSlotController.test("help-text");
     const hasLabel = this.label ? true : !!hasLabelSlot;
     const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
+    const {
+      error,
+      disabled,
+      success,
+      size,
+      variant,
+      required,
+      description,
+      errorMessage,
+      helpText,
+      label
+    } = this;
     if (this.title) {
       console.warn(
         "The `title` attribute is deprecated since it can cause redundant enunciation by screen readers, and will be removed in the next major release. Please use the accessible-name attribute instead."
@@ -76,7 +88,7 @@ var FormControlLayout = class extends ShoelaceElement {
         "Form controls require a label attribute or a label slot for accessibility"
       );
     }
-    if (this.error && !this.errorMessage) {
+    if (error && !errorMessage) {
       a11yWarning(
         "Form controls requires an error-message attribute for accessibility when the error attribute is set"
       );
@@ -86,14 +98,14 @@ var FormControlLayout = class extends ShoelaceElement {
           part="form-control"
           class=${classMap({
       "form-control": true,
-      "form-control--error": this.error,
-      "form-control--success": this.success && !this.error,
-      "form-control--small": this.size === "small",
-      "form-control--medium": this.size === "medium",
-      "form-control--large": this.size === "large",
+      "form-control--error": error,
+      "form-control--success": success && !error,
+      "form-control--small": size === "small",
+      "form-control--medium": size === "medium",
+      "form-control--large": size === "large",
       "form-control--has-label": hasLabel,
       "form-control--has-help-text": hasHelpText,
-      "form-control--on-floating-menu": this.variant === "floating"
+      "form-control--on-floating-menu": variant === "floating"
     })}
         >
           <label
@@ -104,8 +116,8 @@ var FormControlLayout = class extends ShoelaceElement {
             aria-hidden=${ifDefined(hasLabel ? void 0 : "true")}
             @click=${this.handleLabelClick}
           >
-            ${this.required ? html`<span class="form-control__label-required">*</span>` : ""}
-            <slot name="label">${this.label}</slot>
+            ${required ? html`<span class="form-control__label-required">*</span>` : ""}
+            <slot name="label">${label}</slot>
           </label>
           <slot name="tooltip" class="form-control__tooltip"></slot>
   
@@ -121,20 +133,20 @@ var FormControlLayout = class extends ShoelaceElement {
               name="help-text"
               part="form-control-help-text"
             >
-              ${this.helpText}
+              ${helpText}
             </slot>
           </div>
   
           ${this.renderCounter()}
 
-          ${this.description !== "" ? html`
+          ${description !== "" ? html`
                   <p id="description" class="form-control__description">
-                    ${this.description}
+                    ${description}
                   </p>
                 ` : ""}
   
-          ${this.error && !this.disabled && this.errorMessage !== "" ? renderFormElementErrors(this.errorMessage, this.variant) : ""}
-          ${this.success ? this.renderSuccessMessage() : ""}
+          ${error && !disabled && errorMessage !== "" ? renderFormElementErrors(errorMessage, variant) : ""}
+          ${success ? this.renderSuccessMessage() : ""}
           </div>
         </div>
       `;

package/dist/chunks/{chunk.5WXGUCD2.js → chunk.RMOUFLCI.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.4UFNEXOD.js";
 import {
   DSACheckbox
-} from "./chunk.IJLBJ37U.js";
+} from "./chunk.F4DMZGND.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.S5FAXONJ.js → chunk.RVOALTE4.js}

@@ -22,10 +22,10 @@ var fieldset_styles_default = css`
     border-width: 1px;
     border-style: solid;
   }
-  .fieldset--on-base {
+  :host([variant='base']) .fieldset {
     border-color: var(--dsa-wc-fieldset-border-color);
   }
-  .fieldset--on-layer {
+  :host([variant='layer']) .fieldset {
     border-color: transparent;
   }
 
@@ -57,15 +57,15 @@ var fieldset_styles_default = css`
     gap: var(--dsa-spacing-16);
     flex-wrap: wrap;
   }
-  .fieldset--vertical .fieldset__content {
+  :host(:not([horizontal])) .fieldset__content {
     flex-direction: column;
   }
-  .fieldset--horizontal .fieldset__content {
+  :host([horizontal]) .fieldset__content {
     flex-direction: row;
   }
 
   /** Contrasted **/
-  .fieldset--contrasted-borders {
+  :host([contrasted-borders]) .fieldset {
     border-color: var(--dsa-wc-fieldset-border-color-contrasted);
   }
 `;

package/dist/chunks/{chunk.XTVVSORU.js → chunk.S4ZCJOC5.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -211,37 +211,39 @@ var DSADropdown = class extends ShoelaceElement {
       return;
     }
     this.updateAccessibleTrigger();
+    const { popup, panel, localize } = this;
     if (this.open) {
       this.emit("dsa-show");
       this.addOpenListeners();
       await stopAnimations(this);
-      this.panel.hidden = false;
-      this.popup.active = true;
+      panel.hidden = false;
+      popup.active = true;
       const { keyframes, options } = getAnimation(this, "dropdown.show", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
-      await animateTo(this.popup.popup, keyframes, options);
+      await animateTo(popup.popup, keyframes, options);
       this.emit("dsa-after-show");
     } else {
       this.emit("dsa-hide");
       this.removeOpenListeners();
       await stopAnimations(this);
       const { keyframes, options } = getAnimation(this, "dropdown.hide", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
-      await animateTo(this.popup.popup, keyframes, options);
-      this.panel.hidden = true;
-      this.popup.active = false;
+      await animateTo(popup.popup, keyframes, options);
+      panel.hidden = true;
+      popup.active = false;
       this.emit("dsa-after-hide");
     }
   }
   render() {
+    const { placement, skidding, hoist, open, disabled } = this;
     return html`
       <dsa-popup
         part="base"
-        placement=${this.placement}
-        skidding=${this.skidding}
-        strategy=${this.hoist ? "fixed" : "absolute"}
+        placement=${placement}
+        skidding=${skidding}
+        strategy=${hoist ? "fixed" : "absolute"}
         distance="4"
         flip
         shift
@@ -249,8 +251,8 @@ var DSADropdown = class extends ShoelaceElement {
         auto-size-padding="10"
         class=${classMap({
       dropdown: true,
-      "dropdown--open": this.open,
-      "dropdown--disabled": this.disabled
+      "dropdown--open": open,
+      "dropdown--disabled": disabled
     })}
       >
         <slot

package/dist/chunks/{chunk.C7XR6TIW.js → chunk.SJNFRQKU.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.UOJ4QKLP.js";
+} from "./chunk.C4SE3ULG.js";
 
 // src/components/input-amount/input-amount.styles.ts
 import { css } from "lit";

package/dist/chunks/{chunk.SC6ST3JE.js → chunk.SKY7526Z.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.5S6P5V3F.js → chunk.SPIKJZGM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.BUGXYS34.js";
 import {
   DSAInternalRadioIcon
-} from "./chunk.MJ6DIYWF.js";
+} from "./chunk.6EU6GX26.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.QGSBICBZ.js → chunk.SWKXQDKB.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.CKEB7DWU.js";
+} from "./chunk.T43D4ETK.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.I7MPPCZN.js → chunk.SYQNO5B4.js}

@@ -15,10 +15,10 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   setAttributeIfDifferent
 } from "./chunk.PSYTLBRK.js";

package/dist/chunks/{chunk.RPOIITDC.js → chunk.SYZVBVOX.js}

@@ -1,15 +1,15 @@
-import {
-  checkbox_group_styles_default
-} from "./chunk.QGSBICBZ.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAErrorText
-} from "./chunk.M2QIFDAP.js";
+} from "./chunk.5NGXTSAJ.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
+import {
+  checkbox_group_styles_default
+} from "./chunk.SWKXQDKB.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/dist/chunks/{chunk.CKEB7DWU.js → chunk.T43D4ETK.js}

@@ -21,29 +21,29 @@ var form_control_styles_default = css`
     column-gap: var(--dsa-spacing-4);
   }
 
-  .form-control .form-control__label {
+  .form-control__label {
     grid-area: label;
     display: none;
     color: var(--dsa-color-input-label-default);
   }
 
-  .form-control .form-control__tooltip {
+  .form-control__tooltip {
     display: inline-block;
     grid-area: tooltip;
   }
 
-  .form-control .form-control__field {
+  .form-control__field {
     grid-area: field;
   }
 
-  .form-control .form-control__options {
+  .form-control__options {
     display: inline-flex;
     flex-direction: column;
     gap: var(--dsa-wc-toggle-group-spacing);
   }
 
-  .form-control.form-control--has-buttons .form-control__options,
-  .form-control.form-control--has-cards .form-control__options {
+  .form-control--has-buttons .form-control__options,
+  .form-control--has-cards .form-control__options {
     gap: var(--dsa-spacing-8);
   }
   .form-control:not(.form-control--options-horizontal).form-control--has-buttons
@@ -62,30 +62,31 @@ var form_control_styles_default = css`
     flex-flow: row wrap;
   }
 
-  .form-control .form-control__help-text {
+  .form-control__help-text {
     grid-area: helpText;
     display: none;
   }
 
-  .form-control .form-control__counter {
+  .form-control__counter {
     grid-area: counter;
     margin-inline-start: auto;
     color: var(--dsa-color-input-helper);
     animation-delay: 0s;
   }
 
-  .form-control .form-control__error-text {
-    grid-area: errorText;
+  .form-control__error-text,
+  .form-control__success-text {
     display: flex;
     flex-direction: column;
     gap: var(--dsa-spacing-4);
   }
 
-  .form-control .form-control__success-text {
+  .form-control__error-text {
+    grid-area: errorText;
+  }
+
+  .form-control__success-text {
     grid-area: successText;
-    display: flex;
-    flex-direction: column;
-    gap: var(--dsa-spacing-4);
   }
 
   .form-control--has-label .form-control__label {
@@ -116,7 +117,7 @@ var form_control_styles_default = css`
     padding-bottom: var(--dsa-spacing-4);
   }
 
-  .form-control.form-control--small .form-control__tooltip {
+  .form-control--small .form-control__tooltip {
     font: var(--dsa-wc-form-font-small);
     --dsa-wc-internal-icon-button-padding: var(--dsa-spacing-2);
   }
@@ -128,13 +129,13 @@ var form_control_styles_default = css`
     font: var(--dsa-wc-error-text-font-small);
   }
 
-  .form-control.form-control--small .form-control__help-text,
-  .form-control.form-control--small .form-control__counter {
+  .form-control--small .form-control__help-text,
+  .form-control--small .form-control__counter {
     padding-top: var(--dsa-spacing-4);
   }
 
-  .form-control.form-control--small .form-control__error-text,
-  .form-control.form-control--small .form-control__success-text {
+  .form-control--small .form-control__error-text,
+  .form-control--small .form-control__success-text {
     padding-top: var(--dsa-spacing-8);
   }
 
@@ -144,7 +145,7 @@ var form_control_styles_default = css`
     padding-bottom: var(--dsa-spacing-8);
   }
 
-  .form-control.form-control--medium .form-control__tooltip {
+  .form-control--medium .form-control__tooltip {
     font: var(--dsa-wc-form-font);
     --dsa-wc-internal-icon-button-padding: var(--dsa-spacing-2);
   }
@@ -156,13 +157,15 @@ var form_control_styles_default = css`
     font: var(--dsa-wc-error-text-font);
   }
 
-  .form-control.form-control--medium .form-control__help-text,
-  .form-control.form-control--medium .form-control__counter {
+  .form-control--medium .form-control__help-text,
+  .form-control--medium .form-control__counter {
     padding-top: var(--dsa-spacing-8);
   }
 
-  .form-control.form-control--medium .form-control__error-text,
-  .form-control.form-control--medium .form-control__success-text {
+  .form-control--medium .form-control__error-text,
+  .form-control--medium .form-control__success-text,
+  .form-control--large .form-control__error-text,
+  .form-control--large .form-control__success-text {
     padding-top: var(--dsa-spacing-12);
   }
 
@@ -172,7 +175,7 @@ var form_control_styles_default = css`
     padding-bottom: var(--dsa-spacing-8);
   }
 
-  .form-control.form-control--large .form-control__tooltip {
+  .form-control--large .form-control__tooltip {
     font: var(--dsa-wc-form-font-large);
     --dsa-wc-internal-icon-button-padding: var(--dsa-spacing-2);
   }
@@ -184,19 +187,14 @@ var form_control_styles_default = css`
     font: var(--dsa-wc-error-text-font-large);
   }
 
-  .form-control.form-control--large .form-control__help-text,
-  .form-control.form-control--large .form-control__counter {
+  .form-control--large .form-control__help-text,
+  .form-control--large .form-control__counter {
     padding-top: var(--dsa-spacing-8);
   }
 
-  .form-control.form-control--large .form-control__error-text,
-  .form-control.form-control--large .form-control__success-text {
-    padding-top: var(--dsa-spacing-12);
-  }
-
   .form-control__counter--animated {
-    animation-name: tada;
-    animation-duration: 1s;
+    animation: tada 1s;
+    will-change: transform;
   }
 
   /* On Floating Menu */

package/dist/chunks/{chunk.4FZPTWZ7.js → chunk.TAMFIHNV.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.AI3RKI3P.js → chunk.TJNOM7IR.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.CKEB7DWU.js";
+} from "./chunk.T43D4ETK.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.UO6FYSWX.js → chunk.TOXFYUP5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.HG526A44.js";
 import {
   DSASpinner
-} from "./chunk.ER5S4DQ4.js";
+} from "./chunk.IDMG3YLC.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -15,10 +15,10 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.UBVYU5GL.js → chunk.U5AWZEM5.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.AAHDC2DF.js → chunk.U6SFJUEX.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.ELOLGOFM.js → chunk.UBA2H662.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.UIZ6FPK7.js → chunk.VDZUSRNI.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.UOJ4QKLP.js";
+} from "./chunk.C4SE3ULG.js";
 
 // src/components/input-mask/input-mask.styles.ts
 import { css } from "lit";

package/dist/chunks/{chunk.EJUYB3MH.js → chunk.VRUSJUXU.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.CKEB7DWU.js";
+} from "./chunk.T43D4ETK.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.C6Q4Y7HY.js → chunk.VTNFE6PI.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.M5L3DDVW.js → chunk.W2GBRU2D.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.Q3SL7AWD.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   setAttributeIfDifferent
 } from "./chunk.PSYTLBRK.js";

package/dist/chunks/{chunk.NPMNFNR7.js → chunk.WEWJQ2AA.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.FA4NHQF4.js → chunk.WQA4XJEW.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.UOJ4QKLP.js";
+} from "./chunk.C4SE3ULG.js";
 
 // src/components/input-native/input-native.styles.ts
 import { css } from "lit";

package/dist/chunks/{chunk.KNXPRETW.js → chunk.WQMUNZSA.js}

@@ -23,10 +23,10 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.YYKAI7FO.js → chunk.WZBEL7FC.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.CKEB7DWU.js";
+} from "./chunk.T43D4ETK.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.IYAYPQEC.js → chunk.X3H6MOUU.js}

@@ -1,6 +1,6 @@
 import {
   FormSelectableCard
-} from "./chunk.NGEL5LW3.js";
+} from "./chunk.ZUG2HYP5.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.RK2WN36C.js → chunk.XBQTTKJU.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";