@ds-autonomie/web-components 2.19.0 → 2.21.0

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.CFBX4SXO.js → chunk.SEMHY47B.js}

@@ -1,6 +1,6 @@
 import {
   footer_mandatory_mentions_styles_default
-} from "./chunk.K27SKJCO.js";
+} from "./chunk.74CLWWSO.js";
 import {
   DSADivider
 } from "./chunk.QGI766JC.js";

package/dist/chunks/{chunk.6LLDVH7Y.js → chunk.SJNFRQKU.js}

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

package/dist/chunks/{chunk.FBY2IM6R.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";
@@ -151,6 +151,7 @@ var DSAInternalDateField = class extends ShoelaceElement {
     this.lastPressedKey = "";
     this.internalValueChange = false;
     this.previousTentativeDate = "";
+    this.previousSpinbuttonValue = /* @__PURE__ */ new WeakMap();
     this.parentName = "";
     this.description = "";
     this.name = "";
@@ -237,10 +238,11 @@ var DSAInternalDateField = class extends ShoelaceElement {
     const tentativeDate = `${tempSelectedYear}-${tempSelectedMonth}-${tempSelectedDay}`;
     const allFilled = tempSelectedDay !== "" && tempSelectedMonth !== "" && tempSelectedYear !== "";
     const allEmpty = tempSelectedDay === "" && tempSelectedMonth === "" && tempSelectedYear === "";
+    const isTentativeDateValid = isValidDate(tentativeDate);
     if (allEmpty) {
       this.setCustomValidity("");
       this.value = "";
-    } else if (!isValidDate(tentativeDate)) {
+    } else if (!isTentativeDateValid) {
       this.setCustomValidity(this.localize.term("invalidDate"));
       this.value = "";
     } else {
@@ -249,7 +251,7 @@ var DSAInternalDateField = class extends ShoelaceElement {
     }
     this.internalValueChange = true;
     this.formControlController.updateValidity();
-    if (!isValidDate(tentativeDate)) {
+    if (!isTentativeDateValid) {
       this.formControlController.emitInvalidEvent(event);
     }
     if (this.value !== previousValue || tentativeDate !== this.previousTentativeDate && (allFilled || allEmpty)) {
@@ -274,6 +276,7 @@ var DSAInternalDateField = class extends ShoelaceElement {
   }
   handleSpinbuttonKeydown(event2) {
     const currentInput = event2.currentTarget;
+    this.previousSpinbuttonValue.set(currentInput, currentInput.value);
     this.lastPressedKey = event2.key;
     if (event2.key === "Dead") {
       currentInput.blur();
@@ -298,12 +301,17 @@ var DSAInternalDateField = class extends ShoelaceElement {
     }
   }
   handleSpinbuttonInput(event2) {
+    var _a;
     event2.stopPropagation();
     const currentTarget = event2.currentTarget;
+    const previousSpinbuttonValue = (_a = this.previousSpinbuttonValue.get(currentTarget)) != null ? _a : "";
     if (Number(currentTarget.value) > Number(currentTarget.max)) {
-      currentTarget.value = currentTarget.value.slice(-1);
+      const shouldKeepPreviousValue = currentTarget === this.yearInput && previousSpinbuttonValue !== "";
+      currentTarget.value = shouldKeepPreviousValue ? previousSpinbuttonValue : currentTarget.value.slice(-1);
       event2.preventDefault();
-      this.focusNextSpinbutton(currentTarget);
+      if (!shouldKeepPreviousValue) {
+        this.focusNextSpinbutton(currentTarget);
+      }
     }
     if (currentTarget.value !== "") {
       currentTarget.value = parseInt(currentTarget.value).toString();
@@ -323,7 +331,8 @@ var DSAInternalDateField = class extends ShoelaceElement {
         this.selectedYear = currentTarget.value;
         break;
     }
-    if (!["ArrowUp", "ArrowDown"].includes(this.lastPressedKey) && Number(`${currentTarget.value}0`) > Number(currentTarget.max)) {
+    const shouldMoveToNextBecauseLeadingZero = currentTarget !== this.yearInput && previousSpinbuttonValue === "00" && currentTarget.value !== "00" && currentTarget.value.startsWith("0");
+    if (!["ArrowUp", "ArrowDown"].includes(this.lastPressedKey) && (shouldMoveToNextBecauseLeadingZero || Number(`${currentTarget.value}0`) > Number(currentTarget.max))) {
       this.focusNextSpinbutton(currentTarget);
     }
     this.setCustomValidity("");
@@ -370,14 +379,10 @@ var DSAInternalDateField = class extends ShoelaceElement {
       this.selectedMonth = "";
       this.selectedYear = "";
     } else {
-      this.selectedDay = `${getDateFromISO(this.value).getDate()}`.padStart(
-        2,
-        "0"
-      );
-      this.selectedMonth = `${getDateFromISO(this.value).getMonth() + 1}`.padStart(2, "0");
-      this.selectedYear = `${getDateFromISO(
-        this.value
-      ).getFullYear()}`.padStart(4, "0");
+      const parsedDate = getDateFromISO(this.value);
+      this.selectedDay = `${parsedDate.getDate()}`.padStart(2, "0");
+      this.selectedMonth = `${parsedDate.getMonth() + 1}`.padStart(2, "0");
+      this.selectedYear = `${parsedDate.getFullYear()}`.padStart(4, "0");
     }
     await this.updateComplete;
     this.setCustomValidity("");

package/dist/chunks/{chunk.RZRBWZ7K.js → chunk.SPIKJZGM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.BUGXYS34.js";
 import {
   DSAInternalRadioIcon
-} from "./chunk.GUKOZGE3.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.VOKBXFKF.js → chunk.SYQNO5B4.js}

@@ -4,9 +4,6 @@ import {
 import {
   getStepIcon
 } from "./chunk.CCTWXABH.js";
-import {
-  setAttributeIfDifferent
-} from "./chunk.PSYTLBRK.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
@@ -18,10 +15,13 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.SGPAUD26.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.5NSAEDEE.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.J476JEKY.js → chunk.T7O6NKFH.js}

@@ -42,7 +42,7 @@ var DSANavbarLink = class extends ShoelaceElement {
       "navbar-link--desktop": !this.mobile
     })}
         href=${this.href}
-        target="${ifDefined(this.target)}"
+        target=${ifDefined(this.target)}
         rel=${ifDefined(this.rel)}
         aria-current=${ifDefinedAndNotEmpty(this.current)}
         @focus=${this.handleFocus}

package/dist/chunks/{chunk.V3LWOWUB.js → chunk.TAMFIHNV.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.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.KIN7BJ2S.js → chunk.TILFUJJ2.js}

@@ -17,7 +17,6 @@ var progress_ring_styles_default = css`
     gap: var(--dsa-wc-progress-bar-small-gap);
     height: var(--size);
   }
-
   .progress-ring.progress-ring--medium {
     --size: var(--dsa-wc-progress-bar-size);
     --track-width: var(--dsa-wc-progress-bar-track-width);
@@ -39,6 +38,7 @@ var progress_ring_styles_default = css`
     rotate: -90deg;
     transform-origin: 50% 50%;
     flex-shrink: 0;
+    will-change: transform;
   }
 
   .progress-ring__track,
@@ -57,18 +57,17 @@ var progress_ring_styles_default = css`
     stroke: var(--dsa-wc-progress-ring-track-color);
     stroke-width: var(--track-width);
   }
-
   .progress-ring__indicator {
     stroke: var(--dsa-wc-progress-ring-content-color);
     stroke-width: var(--indicator-width);
     stroke-linecap: round;
-    transition-property: stroke-dashoffset;
-    transition-duration: var(--indicator-transition-duration);
+    transition: stroke-dashoffset var(--indicator-transition-duration);
     stroke-dasharray: var(--circumference) var(--circumference);
     /* stylelint-disable-next-line */
     stroke-dashoffset: calc(
       var(--circumference) - var(--percentage) * var(--circumference)
     );
+    will-change: stroke-dashoffset;
   }
 
   .progress-ring__label {