@ds-autonomie/web-components 2.21.0 → 2.21.2

package/dist/chunks/{chunk.BIB7IJGE.js → chunk.FOZ6VW33.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.EEO75M3R.js";
 import {
   DSATooltip
-} from "./chunk.UBA2H662.js";
+} from "./chunk.DI4J6YRC.js";
 import {
   DSAAvatar
 } from "./chunk.7YNHLXVZ.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.AC6UE3V5.js → chunk.FV626ULR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NC5Y5YXL.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -36,9 +36,10 @@ var DSACard = class extends ShoelaceElement {
     return this.href ? true : false;
   }
   render() {
+    const { hasSlotController } = this;
     const isLink = this.isLink();
     const tag = isLink ? literal`a` : literal`div`;
-    if (isLink && !this.hasSlotController.test("header")) {
+    if (isLink && !hasSlotController.test("header")) {
       a11yWarning(
         "<dsa-card> requires a header slot for accessibility when used as a link"
       );
@@ -49,9 +50,9 @@ var DSACard = class extends ShoelaceElement {
         class=${classMap({
       card: true,
       link: isLink,
-      "card--has-footer": this.hasSlotController.test("footer"),
-      "card--has-image": this.hasSlotController.test("image"),
-      "card--has-header": this.hasSlotController.test("header"),
+      "card--has-footer": hasSlotController.test("footer"),
+      "card--has-image": hasSlotController.test("image"),
+      "card--has-header": hasSlotController.test("header"),
       "card--contrasted-borders": this.contrastedBorders
     })}
         >
@@ -64,7 +65,7 @@ var DSACard = class extends ShoelaceElement {
           <slot name="header" part="header" class="card__header"></slot>
         </${tag}>
         <slot name="image" part="image" class="card__image"></slot>
-        ${this.hasSlotController.test("[default]") ? html` <slot part="body" class="card__body"></slot> ` : ""}
+        ${hasSlotController.test("[default]") ? html` <slot part="body" class="card__body"></slot> ` : ""}
         <slot name="footer" part="footer" class="card__footer"></slot>
       </div>
     `;

package/dist/chunks/{chunk.DEEMRWEE.js → chunk.H7FCKWK4.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.2LB4AUIL.js";
 import {
   DSAInput
-} from "./chunk.C6BC46KV.js";
+} from "./chunk.JP47EKO5.js";
 import {
   FilterBase
-} from "./chunk.KOO2JWHZ.js";
+} from "./chunk.HTXWT3CI.js";
 import {
   DSAOption
 } from "./chunk.WEWJQ2AA.js";
@@ -50,7 +50,6 @@ var DSAFilterSelect = class extends FilterBase {
     this.nbOptions = 0;
     this.seeAll = false;
     this.debounceTimerId = null;
-    this.optionsByValue = /* @__PURE__ */ new Map();
     this.normalizedLabelsByValue = /* @__PURE__ */ new Map();
     this.value = "";
     this.multiple = false;
@@ -207,7 +206,6 @@ var DSAFilterSelect = class extends FilterBase {
   getAllOptions() {
     const optionsNodeList = this.querySelectorAll(OPTION_TAG);
     const allOptions = [];
-    this.optionsByValue.clear();
     this.normalizedLabelsByValue.clear();
     optionsNodeList.forEach((option) => {
       option.role = this.multiple ? "checkbox" : "radio";
@@ -218,7 +216,6 @@ var DSAFilterSelect = class extends FilterBase {
       clonedOption.classList.add("filter-select__option");
       clonedOption.onfocus = this.handleOptionFocus.bind(this);
       allOptions.push(clonedOption);
-      this.optionsByValue.set(option.value, option);
       this.normalizedLabelsByValue.set(
         option.value,
         normalizeStr(clonedOption.innerText)
@@ -244,30 +241,21 @@ var DSAFilterSelect = class extends FilterBase {
   // Sets the selected option(s)
   setSelectedOptions(option) {
     const newSelectedOptions = Array.isArray(option) ? option : [option];
-    this.allOptions.forEach((el) => el.selected = false);
-    if (newSelectedOptions.length) {
-      newSelectedOptions.forEach((el) => {
-        const rootOption = this.optionsByValue.get(el.value);
-        if (!rootOption) {
-          return;
-        }
-        el.selected = true;
-        rootOption.selected = true;
-      });
-    }
+    const selectedValues = new Set(newSelectedOptions.map((el) => el.value));
+    this.allOptions.forEach((el) => {
+      el.selected = selectedValues.has(el.value);
+    });
     this.selectionChanged();
   }
   // Toggles an option's selected state
   toggleOptionSelection(option, force) {
-    const rootOption = this.optionsByValue.get(option.value);
-    if (!rootOption) {
+    const clonedOption = this.allOptions.find(
+      (el) => el.value === option.value
+    );
+    if (!clonedOption) {
       return;
     }
-    if (force === true || force === false) {
-      rootOption.selected = force;
-    } else {
-      rootOption.selected = !option.selected;
-    }
+    clonedOption.selected = force != null ? force : !clonedOption.selected;
     this.selectionChanged();
   }
   // This method must be called whenever the selection changes. It will update the selected options cache, the current value, and the display value

package/dist/chunks/{chunk.ZUG2HYP5.js → chunk.HD75OK3X.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.DIRVCY5C.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   DSAIcon
 } from "./chunk.YPBLUIU7.js";

package/dist/chunks/{chunk.EX63QI6Z.js → chunk.HTBUOA43.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk.EH2DQIPN.js";
 import {
   DSAPaginationButton
-} from "./chunk.BZFZTT6Z.js";
+} from "./chunk.EH7ABWD6.js";
 import {
   DSAInput
-} from "./chunk.C6BC46KV.js";
+} from "./chunk.JP47EKO5.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.QGI766JC.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   LocalizeController
 } from "./chunk.DVIHNMQQ.js";

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

@@ -1,6 +1,3 @@
-import {
-  input_amount_styles_default
-} from "./chunk.SJNFRQKU.js";
 import {
   isInvalidAmountKey,
   numberToFrAmount,
@@ -9,7 +6,10 @@ import {
 } from "./chunk.QHEMM3XC.js";
 import {
   InputBase
-} from "./chunk.7HMEK2ND.js";
+} from "./chunk.E7CTAIEF.js";
+import {
+  input_amount_styles_default
+} from "./chunk.SJNFRQKU.js";
 import {
   DSAIconButton
 } from "./chunk.2GTXVMMC.js";

package/dist/chunks/{chunk.KOO2JWHZ.js → chunk.HTXWT3CI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FLCLDNUC.js";
 import {
   DSAPopup
-} from "./chunk.GYWU4AAB.js";
+} from "./chunk.EWO55RR2.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";

package/dist/chunks/{chunk.ZDRQOJI6.js → chunk.IRJKFO7O.js}

@@ -1,12 +1,12 @@
+import {
+  DSATableRow
+} from "./chunk.N6RV7TJA.js";
 import {
   DSATableHeaderCell
 } from "./chunk.ITD5BZEA.js";
 import {
   table_header_row_styles_default
 } from "./chunk.VO73SGIU.js";
-import {
-  DSATableRow
-} from "./chunk.RMOUFLCI.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";

package/dist/chunks/{chunk.C6BC46KV.js → chunk.JP47EKO5.js}

@@ -1,18 +1,18 @@
 import {
   DSAInputTime
-} from "./chunk.GSRQID3H.js";
+} from "./chunk.7AB3AL2Z.js";
 import {
   DSAInputNative
-} from "./chunk.4IDR4RJI.js";
+} from "./chunk.CP3HQO7Z.js";
 import {
   DSAInputAmount
-} from "./chunk.RJAOB66Y.js";
+} from "./chunk.HTSDHYY3.js";
 import {
   DSAInputDate
-} from "./chunk.7WMOPNN5.js";
+} from "./chunk.SKYFDHVP.js";
 import {
   InputBase
-} from "./chunk.7HMEK2ND.js";
+} from "./chunk.E7CTAIEF.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

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

@@ -12,7 +12,7 @@ import {
 } from "./chunk.SWKXQDKB.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   FormControlController,
   customErrorValidityState,

package/dist/chunks/{chunk.ITFYDUMM.js → chunk.KR4VFINH.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.6QDM5FUA.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   DSAIconButton
 } from "./chunk.2GTXVMMC.js";

package/dist/chunks/{chunk.PCTIMH5D.js → chunk.L365K634.js}

@@ -1,15 +1,15 @@
 import {
   DSATag
-} from "./chunk.QLJNW3TZ.js";
+} from "./chunk.UXHQARJW.js";
 import {
   DSAOption
 } from "./chunk.WEWJQ2AA.js";
 import {
   FormControlLayout
-} from "./chunk.RLLACUYR.js";
+} from "./chunk.U73GKQGJ.js";
 import {
   DSAPopup
-} from "./chunk.GYWU4AAB.js";
+} from "./chunk.EWO55RR2.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";

package/dist/chunks/{chunk.7PE2PORN.js → chunk.LB3ZEOQX.js}

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.Q6GPBRDV.js";
+} from "./chunk.RHRIPLA3.js";
 import {
   FormToggleButton
-} from "./chunk.5ESJXERV.js";
+} from "./chunk.YKBHVARA.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.LJ2VCS7Q.js → chunk.LKLBHDXL.js}

@@ -222,14 +222,17 @@ var calendar_styles_default = css`
     background-color: var(--dsa-color-primitive-colors-identity-purple-800);
   }
 
+  .wc-datepicker__date--start:not(.wc-datepicker__date--end) > *,
+  .wc-datepicker__date--end:not(.wc-datepicker__date--start) > * {
+    border: 1px solid var(--dsa-wc-calendar-cell-border-color);
+  }
+
   .wc-datepicker__date--start:not(.wc-datepicker__date--end) > * {
     border-radius: 4px 0px 0px 4px;
-    border: 1px solid var(--dsa-wc-calendar-cell-border-color);
   }
 
   .wc-datepicker__date--end:not(.wc-datepicker__date--start) > * {
     border-radius: 0px 4px 4px 0px;
-    border: 1px solid var(--dsa-wc-calendar-cell-border-color);
   }
 
   .wc-datepicker__date--disabled {

package/dist/chunks/{chunk.E2AA6JZR.js → chunk.LN4SRWKC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.7Z3P7ZIT.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   DSAIconButton
 } from "./chunk.2GTXVMMC.js";

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

@@ -5,7 +5,7 @@ import {
   getDateFromISO,
   isValidDate,
   monthLength
-} from "./chunk.OYVF3HNG.js";
+} from "./chunk.TIM2RCEB.js";
 import {
   FormControlController
 } from "./chunk.DJLJEQST.js";

package/dist/chunks/{chunk.JMA3VRB4.js → chunk.MMROE4ER.js}

@@ -1,9 +1,9 @@
 import {
   FormToggleButton
-} from "./chunk.5ESJXERV.js";
+} from "./chunk.YKBHVARA.js";
 import {
   DSACheckboxGroup
-} from "./chunk.SYZVBVOX.js";
+} from "./chunk.KDDTJP4K.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.RMOUFLCI.js → chunk.N6RV7TJA.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.4UFNEXOD.js";
 import {
   DSACheckbox
-} from "./chunk.F4DMZGND.js";
+} from "./chunk.QM6A2OJ6.js";
 import {
   DSAIconButton
 } from "./chunk.2GTXVMMC.js";

package/dist/chunks/{chunk.EPG5ZB4T.js → chunk.OMSTY3Y5.js}

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.Q6GPBRDV.js";
+} from "./chunk.RHRIPLA3.js";
 import {
   FormSelectableCard
-} from "./chunk.ZUG2HYP5.js";
+} from "./chunk.HD75OK3X.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.BWP55AAX.js → chunk.OYJ4CG6J.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NBEDK6M4.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.GOVTNZ72.js → chunk.PPNCR6KJ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.HIABUXVS.js";
 import {
   DSATooltip
-} from "./chunk.UBA2H662.js";
+} from "./chunk.DI4J6YRC.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";

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

@@ -9,7 +9,7 @@ import {
 } from "./chunk.QGI766JC.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   LocalizeController
 } from "./chunk.DVIHNMQQ.js";

package/dist/chunks/{chunk.N2V4KI76.js → chunk.QJC7AVKZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.IEYQPZRM.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.F4DMZGND.js → chunk.QM6A2OJ6.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.D7HT35YE.js";
 import {
   DSACheckboxGroup
-} from "./chunk.SYZVBVOX.js";
+} from "./chunk.KDDTJP4K.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.6QDM5FUA.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   FormControlController
 } from "./chunk.DJLJEQST.js";

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

@@ -3,10 +3,10 @@ import {
 } from "./chunk.QZQO5YY7.js";
 import {
   DSAPopup
-} from "./chunk.GYWU4AAB.js";
+} from "./chunk.EWO55RR2.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";

package/dist/chunks/{chunk.Q6GPBRDV.js → chunk.RHRIPLA3.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.6QDM5FUA.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   FormControlController,
   customErrorValidityState,

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

@@ -9,7 +9,7 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   LocalizeController
 } from "./chunk.DVIHNMQQ.js";

package/dist/chunks/{chunk.7WMOPNN5.js → chunk.SKYFDHVP.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk.6PI2M6R6.js";
 import {
   InputBase
-} from "./chunk.7HMEK2ND.js";
+} from "./chunk.E7CTAIEF.js";
 import {
   DSAInternalDateField
-} from "./chunk.SKY7526Z.js";
+} from "./chunk.LNSYUTNL.js";
 import {
   DSAPopup
-} from "./chunk.GYWU4AAB.js";
+} from "./chunk.EWO55RR2.js";
 import {
   DSACalendar
-} from "./chunk.MRGJKLE3.js";
+} from "./chunk.UZZ34Z5W.js";
 import {
   formatDateRange,
   getDateFromISO,
   getISOFormattedDate,
   parseDateRange
-} from "./chunk.OYVF3HNG.js";
+} from "./chunk.TIM2RCEB.js";
 import {
   DSAIconButton
 } from "./chunk.2GTXVMMC.js";

package/dist/chunks/{chunk.RIJIUMG2.js → chunk.SPVKFHUZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.TION6YCJ.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
@@ -32,6 +32,7 @@ var DSACardNav = class extends ShoelaceElement {
     this.contrastedBorders = false;
   }
   render() {
+    const { hasSlotController } = this;
     return html`
       <div
         part="base"
@@ -45,20 +46,20 @@ var DSACardNav = class extends ShoelaceElement {
           <slot
             name="title-icon"
             class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("title-icon") ? "card-nav__title_icon" : void 0
+      hasSlotController.test("title-icon") ? "card-nav__title_icon" : void 0
     )}
           ></slot>
           <div class="title-block-text">
             <slot
               name="title"
               class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("title") ? "title" : void 0
+      hasSlotController.test("title") ? "title" : void 0
     )}
             ></slot>
             <slot
               name="subtitle"
               class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("subtitle") ? "subtitle" : void 0
+      hasSlotController.test("subtitle") ? "subtitle" : void 0
     )}
             ></slot>
           </div>

package/dist/chunks/{chunk.MTRAJSQ5.js → chunk.SWIKAUKG.js}

@@ -46,17 +46,18 @@ var copy_button_styles_default = css`
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
+  .copy-button__icon {
+    aspect-ratio: 1;
+    height: unset;
+  }
   .copy-button--small .copy-button__icon {
     width: var(--dsa-wc-icon-button-size--small);
-    height: var(--dsa-wc-icon-button-size--small);
   }
   .copy-button--medium .copy-button__icon {
     width: var(--dsa-wc-icon-button-size--medium);
-    height: var(--dsa-wc-icon-button-size--medium);
   }
   .copy-button--large .copy-button__icon {
     width: var(--dsa-wc-icon-button-size--large);
-    height: var(--dsa-wc-icon-button-size--large);
   }
 
   /* Colors */