@ds-autonomie/web-components 2.20.0 → 2.21.1

package/dist/chunks/{chunk.LKSUU7CF.js → chunk.USCIRPV5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.JIMAJLDU.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -21,10 +21,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";
@@ -48,8 +48,9 @@ var DSACardNavAccordion = class extends ShoelaceElement {
     this.role = "listitem";
   }
   firstUpdated() {
-    this.body.hidden = !this.open;
-    this.body.style.height = this.open ? "auto" : "0";
+    const { body, open } = this;
+    body.hidden = !open;
+    body.style.height = open ? "auto" : "0";
   }
   handleSummaryClick() {
     if (this.open) {
@@ -78,23 +79,24 @@ var DSACardNavAccordion = class extends ShoelaceElement {
     }
   }
   async handleOpenChange() {
+    const { body, localize } = this;
     if (this.open) {
       const slShow = this.emit("dsa-show", { cancelable: true });
       if (slShow.defaultPrevented) {
         this.open = false;
         return;
       }
-      await stopAnimations(this.body);
-      this.body.hidden = false;
+      await stopAnimations(body);
+      body.hidden = false;
       const { keyframes, options } = getAnimation(this, "accordion.show", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
       await animateTo(
-        this.body,
-        shimKeyframesHeightAuto(keyframes, this.body.scrollHeight),
+        body,
+        shimKeyframesHeightAuto(keyframes, body.scrollHeight),
         options
       );
-      this.body.style.height = "auto";
+      body.style.height = "auto";
       this.emit("dsa-after-show");
     } else {
       const slHide = this.emit("dsa-hide", { cancelable: true });
@@ -102,17 +104,17 @@ var DSACardNavAccordion = class extends ShoelaceElement {
         this.open = true;
         return;
       }
-      await stopAnimations(this.body);
+      await stopAnimations(body);
       const { keyframes, options } = getAnimation(this, "accordion.hide", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
       await animateTo(
-        this.body,
-        shimKeyframesHeightAuto(keyframes, this.body.scrollHeight),
+        body,
+        shimKeyframesHeightAuto(keyframes, body.scrollHeight),
         options
       );
-      this.body.hidden = true;
-      this.body.style.height = "auto";
+      body.hidden = true;
+      body.style.height = "auto";
       this.emit("dsa-after-hide");
     }
   }
@@ -133,7 +135,8 @@ var DSACardNavAccordion = class extends ShoelaceElement {
     return await waitForEvent(this, "dsa-after-hide");
   }
   render() {
-    if (!this.summary && !this.hasSlotController.test("summary")) {
+    const { summary, hasSlotController, open } = this;
+    if (!summary && !hasSlotController.test("summary")) {
       a11yWarning(
         "<dsa-card-nav-accordion> requires a summary attribute or a summary slot for accessibility"
       );
@@ -143,14 +146,14 @@ var DSACardNavAccordion = class extends ShoelaceElement {
         part="base"
         class=${classMap({
       "card-nav-accordion": true,
-      "card-nav-accordion--open": this.open,
+      "card-nav-accordion--open": open,
       "card-nav-accordion--chevron": true
     })}
       >
         <div part="header" id="header" class="card-nav-accordion__header">
           <span
             role="button"
-            aria-expanded=${this.open ? "true" : "false"}
+            aria-expanded=${open ? "true" : "false"}
             aria-controls="content"
             @click=${this.handleSummaryClick}
             @keydown=${this.handleSummaryKeyDown}
@@ -158,7 +161,7 @@ var DSACardNavAccordion = class extends ShoelaceElement {
             tabindex="0"
           >
             <slot name="summary" class="card-nav-accordion__summary"
-              >${this.summary}</slot
+              >${summary}</slot
             >
 
             <span part="summary-icon" class="card-nav-accordion__summary-icon">

package/dist/chunks/{chunk.EE3XCTKZ.js → chunk.UXHQARJW.js}

@@ -6,16 +6,16 @@ import {
 } from "./chunk.UYPZGXIY.js";
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.DI4J6YRC.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.DN3K2GHZ.js → chunk.UZZ34Z5W.js}

@@ -1,13 +1,13 @@
 import {
   getDateFromISO,
   getISOFormattedDate
-} from "./chunk.OYVF3HNG.js";
+} from "./chunk.TIM2RCEB.js";
 import {
   calendar_styles_default
-} from "./chunk.LJ2VCS7Q.js";
+} from "./chunk.LKLBHDXL.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -38,8 +38,9 @@ var DSACalendar = class extends ShoelaceElement {
     this.range = false;
   }
   firstUpdated() {
-    if (this.disableDate !== void 0) {
-      this.calendar.disableDate = this.disableDate;
+    const { disableDate, calendar } = this;
+    if (disableDate !== void 0) {
+      calendar.disableDate = disableDate;
     }
     this.updateCalendarValue();
   }
@@ -66,39 +67,43 @@ var DSACalendar = class extends ShoelaceElement {
     this.emit("dsa-month-year-selected", { detail: { month, year } });
   }
   getLabels() {
+    const { localize, range } = this;
     return {
-      clearButton: this.localize.term("clearButton"),
-      monthSelect: this.localize.term("monthSelect"),
-      nextMonthButton: this.localize.term("nextMonthButton"),
-      nextYearButton: this.localize.term("nextYearButton"),
-      picker: this.localize.term(this.range ? "pickerRange" : "picker"),
-      previousMonthButton: this.localize.term("previousMonthButton"),
-      previousYearButton: this.localize.term("previousYearButton"),
-      todayButton: this.localize.term("todayButton"),
-      yearSelect: this.localize.term("yearSelect")
+      clearButton: localize.term("clearButton"),
+      monthSelect: localize.term("monthSelect"),
+      nextMonthButton: localize.term("nextMonthButton"),
+      nextYearButton: localize.term("nextYearButton"),
+      picker: localize.term(range ? "pickerRange" : "picker"),
+      previousMonthButton: localize.term("previousMonthButton"),
+      previousYearButton: localize.term("previousYearButton"),
+      todayButton: localize.term("todayButton"),
+      yearSelect: localize.term("yearSelect")
     };
   }
   handleDisableDateChange() {
-    if (this.disableDate !== void 0) {
-      this.calendar.disableDate = this.disableDate;
+    const { disableDate, calendar } = this;
+    if (disableDate !== void 0) {
+      calendar.disableDate = disableDate;
     }
   }
   handleValueChange() {
-    if (this.value === "") {
-      this.calendar.value = void 0;
+    const { value, calendar } = this;
+    if (value === "") {
+      calendar.value = void 0;
       return;
     }
     this.updateCalendarValue();
   }
   render() {
+    const { value, startDate, range, localize } = this;
     return html`
       <dsa-internal-calendar
         class="calendar"
-        ?range=${ifDefined(this.range)}
+        ?range=${ifDefined(range)}
         @selectDate=${this.handleDateSelection}
         @changeMonth=${this.handleMonthSelection}
-        start-date=${this.value === "" ? this.startDate : getISOFormattedDate(this.parsedDateValue[0])}
-        locale=${this.localize.lang()}
+        start-date=${value === "" ? startDate : getISOFormattedDate(this.parsedDateValue[0])}
+        locale=${localize.lang()}
         .labels=${this.getLabels()}
         first-day-of-week=${CALENDAR_MONDAY_INDEX}
       ></dsa-internal-calendar>

package/dist/chunks/{chunk.DM5A44VN.js → chunk.VCO46TJT.js}

@@ -9,22 +9,22 @@ import {
 } from "./chunk.VGW52PNG.js";
 import {
   DSAInput
-} from "./chunk.IRBKALXJ.js";
+} from "./chunk.JP47EKO5.js";
 import {
   FilterBase
-} from "./chunk.IRPNCLE5.js";
+} from "./chunk.HTXWT3CI.js";
 import {
   DSADivider
 } from "./chunk.QGI766JC.js";
 import {
   DSAButton
-} from "./chunk.B6XSS23Y.js";
+} from "./chunk.2G35OVLZ.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.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.JTUO6EOR.js → chunk.VPAEURPO.js}

@@ -1,19 +1,19 @@
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.DI4J6YRC.js";
 import {
   copy_button_styles_default
-} from "./chunk.MTRAJSQ5.js";
+} from "./chunk.SWIKAUKG.js";
 import {
   getAnimation,
   setDefaultAnimation
 } 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 {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -42,21 +42,22 @@ var DSACopyButton = class extends ShoelaceElement {
     this.size = "medium";
   }
   async handleCopy() {
-    if (this.disabled || this.isCopying) {
+    const { disabled, isCopying, from, value } = this;
+    if (disabled || isCopying) {
       return;
     }
     this.isCopying = true;
-    let valueToCopy = this.value;
-    if (this.from) {
+    let valueToCopy = value;
+    if (from) {
       const root = this.getRootNode();
-      const isProperty = this.from.includes(".");
-      const isAttribute = this.from.includes("[") && this.from.includes("]");
-      let id = this.from;
+      const isProperty = from.includes(".");
+      const isAttribute = from.includes("[") && from.includes("]");
+      let id = from;
       let field = "";
       if (isProperty) {
-        [id, field] = this.from.trim().split(".");
+        [id, field] = from.trim().split(".");
       } else if (isAttribute) {
-        [id, field] = this.from.trim().replace(/\]$/, "").split("[");
+        [id, field] = from.trim().replace(/\]$/, "").split("[");
       }
       const target = "getElementById" in root ? root.getElementById(id) : null;
       if (target) {
@@ -91,34 +92,48 @@ var DSACopyButton = class extends ShoelaceElement {
     }
   }
   async showStatus(status) {
-    const successLabel = this.successLabel || this.localize.term("copied");
-    const errorLabel = this.errorLabel || this.localize.term("copyError");
-    const iconToShow = status === "success" ? this.successIcon : this.errorIcon;
+    const {
+      successLabel,
+      errorLabel,
+      successIcon,
+      errorIcon,
+      copyIcon,
+      tooltip,
+      localize
+    } = this;
+    const label = status === "success" ? successLabel || localize.term("copied") : errorLabel || localize.term("copyError");
+    const iconToShow = status === "success" ? successIcon : errorIcon;
     const showAnimation = getAnimation(this, "copy.in", { dir: "ltr" });
     const hideAnimation = getAnimation(this, "copy.out", { dir: "ltr" });
-    this.tooltip.content = status === "success" ? successLabel : errorLabel;
-    await this.copyIcon.animate(hideAnimation.keyframes, hideAnimation.options).finished;
-    this.copyIcon.hidden = true;
+    tooltip.content = label;
+    await copyIcon.animate(hideAnimation.keyframes, hideAnimation.options).finished;
+    copyIcon.hidden = true;
     this.status = status;
     iconToShow.hidden = false;
     await iconToShow.animate(showAnimation.keyframes, showAnimation.options).finished;
     this.isCopying = false;
   }
   async resetStatus() {
-    if (this.status !== "rest") {
-      const copyLabel = this.copyLabel || this.localize.term("copy");
-      const iconToShow = this.status === "success" ? this.successIcon : this.errorIcon;
+    const {
+      status,
+      copyLabel,
+      successIcon,
+      errorIcon,
+      copyIcon,
+      tooltip,
+      localize
+    } = this;
+    if (status !== "rest") {
+      const label = copyLabel || localize.term("copy");
+      const iconToShow = status === "success" ? successIcon : errorIcon;
       const showAnimation = getAnimation(this, "copy.in", { dir: "ltr" });
       const hideAnimation = getAnimation(this, "copy.out", { dir: "ltr" });
       await iconToShow.animate(hideAnimation.keyframes, hideAnimation.options).finished;
       iconToShow.hidden = true;
       this.status = "rest";
-      this.copyIcon.hidden = false;
-      await this.copyIcon.animate(
-        showAnimation.keyframes,
-        showAnimation.options
-      ).finished;
-      this.tooltip.content = copyLabel;
+      copyIcon.hidden = false;
+      await copyIcon.animate(showAnimation.keyframes, showAnimation.options).finished;
+      tooltip.content = label;
     }
   }
   render() {

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.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.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";