@ds-autonomie/web-components 2.3.1 → 2.4.0

package/cdn/chunks/{chunk.AATBJDAH.js → chunk.UPVAZQNH.js}

@@ -1,6 +1,6 @@
 import {
   DSAInputTime
-} from "./chunk.W6N2ZQTH.js";
+} from "./chunk.EVFY55H5.js";
 import {
   big_default,
   getOverridenIconDetails,
@@ -12,13 +12,13 @@ import {
 } from "./chunk.EF2VOGBL.js";
 import {
   DSAInputDate
-} from "./chunk.WYBADVDH.js";
+} from "./chunk.FLPTQ76Z.js";
 import {
   input_styles_default
-} from "./chunk.T56ZOKTF.js";
+} from "./chunk.L3ZYNSI3.js";
 import {
   FormControlLayout
-} from "./chunk.TOWWOPMH.js";
+} from "./chunk.JZOEQBF7.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.3NWILHZZ.js";
 import {
   LocalizeController
-} from "./chunk.LICWCBKN.js";
+} from "./chunk.VARBZAJP.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -235,13 +235,11 @@ var DSAInput = class extends FormControlLayout {
     this.passwordVisible = !this.passwordVisible;
   }
   getDescriptionIds() {
-    const ids = [
-      "input__prefix",
-      "input__suffix",
-      ...this.error ? ["error-text"] : [],
-      "help-text",
-      ...this.maxlength && this.counter ? ["counter"] : []
-    ];
+    let ids = ["input__prefix", "input__suffix"];
+    if (this.error) ids = [...ids, "error-text"];
+    ids = [...ids, "help-text"];
+    if (this.maxlength && this.counter) ids = [...ids, "counter"];
+    ids = [...ids, "description"];
     return ids.join(" ");
   }
   handleDisabledChange() {
@@ -361,6 +359,9 @@ var DSAInput = class extends FormControlLayout {
     return this.input.reportValidity();
   }
   checkAmountValidity() {
+    if (this.value === "") {
+      return true;
+    }
     const parsedValue = parseFloat(this.value);
     const parsedMin = parseFloat(`${this.min}`);
     const parsedMax = parseFloat(`${this.max}`);
@@ -411,6 +412,7 @@ var DSAInput = class extends FormControlLayout {
           @dsa-input=${this.handleInput}
           @dsa-focus=${this.handleFocus}
           @dsa-blur=${this.handleBlur}
+          description=${o(this.description)}
         >
           ${this.hasSlotController.test("label") ? x` <slot name="label" slot="label"></slot> ` : ""}
           ${this.hasSlotController.test("prefix") ? x` <slot name="prefix" slot="prefix"></slot> ` : ""}
@@ -445,6 +447,7 @@ var DSAInput = class extends FormControlLayout {
           @dsa-input=${this.handleInput}
           @dsa-focus=${this.handleFocus}
           @dsa-blur=${this.handleBlur}
+          description=${o(this.description)}
         >
           ${this.hasSlotController.test("label") ? x` <slot name="label" slot="label"></slot> ` : ""}
           ${this.hasSlotController.test("prefix") ? x` <slot name="prefix" slot="prefix"></slot> ` : ""}

package/cdn/chunks/{chunk.V5TMX44U.js → chunk.UULRRJ5I.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.W2B6WXUI.js";
+} from "./chunk.IWMEHK72.js";
 import {
   component_styles_default
 } from "./chunk.PSQJDSB2.js";

package/cdn/chunks/{chunk.LICWCBKN.js → chunk.VARBZAJP.js}

@@ -60,6 +60,7 @@ var translation = {
   dsaGoToHomepage: "Service public de l'autonomie, aller \xE0 la page d'accueil",
   search: "Rechercher",
   cancel: "Annuler",
+  showTableActionsAnnouncement: "Une barre d'actions est d\xE9sormais disponible au-dessus du tableau.",
   selectAllTableRows: "S\xE9lectionner toutes les lignes du tableau",
   selectRow: "S\xE9lectionner la ligne",
   showExpandedTableRowHeader: "Afficher les d\xE9tails des lignes du tableau",
@@ -70,6 +71,7 @@ var translation = {
   deselectAll: "Tout d\xE9s\xE9lectionner",
   selectAll: "Tout s\xE9lectionner",
   seeAll: (totalAmount) => `Voir tout (${totalAmount})`,
+  seeMore: "Voir plus",
   columns: "Colonnes",
   increase: "Augmenter",
   decrease: "Diminuer",
@@ -220,6 +222,7 @@ var translation2 = {
   dsaGoToHomepage: "Service public de l'autonomie, go to homepage",
   search: "Search",
   cancel: "Cancel",
+  showTableActionsAnnouncement: "An action bar is now available above the table",
   selectAllTableRows: "Select all table rows",
   selectRow: "Select row",
   showExpandedTableRowHeader: "Show details of table rows",
@@ -230,6 +233,7 @@ var translation2 = {
   deselectAll: "Deselect all",
   selectAll: "Select all",
   seeAll: (totalAmount) => `See all (${totalAmount})`,
+  seeMore: "See more",
   columns: "Columns",
   increase: "Increase",
   decrease: "Decrease",

package/cdn/chunks/{chunk.WMMK7OL4.js → chunk.VI5JEKGK.js}

@@ -24,13 +24,16 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.LICWCBKN.js";
+} from "./chunk.VARBZAJP.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
@@ -216,6 +219,16 @@ var DSADialog = class extends ShoelaceElement {
   }
   render() {
     const hasVisibleTitle = !this.noHeader && !this.hideTitle;
+    if (!this.label && !this.hasSlotController.test("label")) {
+      a11yWarning(
+        "<dsa-dialog> require a label attribute or a label slot for accessibility"
+      );
+    }
+    if (!hasVisibleTitle && !this.label) {
+      a11yWarning(
+        "<dsa-dialog> require a label attribute for accessibility when the header or the title are hidden"
+      );
+    }
     return x`
       <div
         part="base"

package/cdn/chunks/{chunk.MESUBVHC.js → chunk.VRC57YIG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.GXQRCYQE.js";
 import {
   table_header_cell_styles_default
-} from "./chunk.W4FOPJHU.js";
+} from "./chunk.2YVHHVLG.js";
 import {
   DSATableCell
 } from "./chunk.F53RUZFW.js";
@@ -107,7 +107,7 @@ var DSATableHeaderCell = class extends DSATableCell {
       return x`<dsa-skeleton effect=${this.skeletonEffect}></dsa-skeleton>`;
     }
     if (this.sortable) {
-      const visualSortDirection = this.isHovered || this.isFocused ? this.nextSortDirection : this.sortDirection;
+      const visualSortDirection = (this.isHovered || this.isFocused) && this.sortDirection === "none" ? this.nextSortDirection : this.sortDirection;
       return x`
         <button
           type="button"

package/cdn/chunks/{chunk.O577BA4U.js → chunk.VZF3ZTED.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.W2B6WXUI.js";
+} from "./chunk.IWMEHK72.js";
 import {
   component_styles_default
 } from "./chunk.PSQJDSB2.js";

package/cdn/chunks/{chunk.ZTXQFGQX.js → chunk.W6JXBJWF.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.W2B6WXUI.js";
+} from "./chunk.IWMEHK72.js";
 import {
   component_styles_default
 } from "./chunk.PSQJDSB2.js";

package/cdn/chunks/{chunk.QEPPYDSN.js → chunk.WD2ZD2TZ.js}

@@ -1,9 +1,9 @@
 import {
   select_styles_default
-} from "./chunk.JXHXRRPX.js";
+} from "./chunk.FN6Y2EK6.js";
 import {
   FormControlLayout
-} from "./chunk.TOWWOPMH.js";
+} from "./chunk.JZOEQBF7.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.LICWCBKN.js";
+} from "./chunk.VARBZAJP.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -457,6 +457,18 @@ var DSASelect = class extends FormControlLayout {
   blur() {
     this.displayInput.blur();
   }
+  getDescriptionIds() {
+    let ids = [];
+    if (this.multiple && this.maxOptionsVisible > 0) {
+      const selectedOptions = this.selectedOptions.slice(0, this.maxOptionsVisible).map((option) => `tag-${option.value}`).join(" ");
+      ids = [...ids, selectedOptions];
+    }
+    if (this.multiple && this.selectedOptions.length > this.maxOptionsVisible)
+      ids = [...ids, "tag-remaining"];
+    if (this.error) ids = [...ids, "error-text"];
+    ids = [...ids, "help-text", "description"];
+    return ids.join(" ");
+  }
   renderInput() {
     const isValueDefined = this.value.length > 0;
     const hasLabelSlot = this.hasSlotController.test("label");
@@ -465,7 +477,6 @@ var DSASelect = class extends FormControlLayout {
     const isPlaceholderVisible = this.placeholder && this.value.length === 0;
     const selectInputWidth = this.displayValue ? isValueDefined ? this.value.length : 1 : void 0;
     const isDisabledOrReadonly = this.disabled || this.readonly;
-    const ariaDescribedBy = `${this.multiple && this.maxOptionsVisible > 0 ? this.selectedOptions.slice(0, this.maxOptionsVisible).map((option) => `tag-${option.value}`).join(" ") : ""} ${this.multiple && this.selectedOptions.length > this.maxOptionsVisible ? "tag-remaining" : ""} ${this.error ? "error-text" : ""} help-text`;
     return x`
       <dsa-popup
         class=${e2({
@@ -525,7 +536,7 @@ var DSASelect = class extends FormControlLayout {
             aria-expanded=${this.open ? "true" : "false"}
             aria-haspopup="listbox"
             aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
-            aria-describedby=${ariaDescribedBy}
+            aria-describedby=${this.getDescriptionIds()}
             aria-label=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : this.title
     )}

package/cdn/chunks/{chunk.M53HNM5Y.js → chunk.WJDOTH54.js}

@@ -5,13 +5,13 @@ import {
 import {
   getDateFromISO,
   getISOFormattedDate
-} from "./chunk.6YEPFMKU.js";
+} from "./chunk.YBWQADCH.js";
 import {
   calendar_styles_default
 } from "./chunk.WOGTGKIT.js";
 import {
   LocalizeController
-} from "./chunk.LICWCBKN.js";
+} from "./chunk.VARBZAJP.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.57UCUSPU.js → chunk.WYTP4TFA.js}

@@ -1,12 +1,15 @@
 import {
   filter_button_styles_default
-} from "./chunk.MML6GY5Y.js";
+} from "./chunk.TUB5XL3J.js";
 import {
   LocalizeController
-} from "./chunk.LICWCBKN.js";
+} from "./chunk.VARBZAJP.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   ShoelaceElement,
   n,
@@ -56,6 +59,11 @@ var DSAFilterButton = class extends ShoelaceElement {
     );
   }
   render() {
+    if (!this.label) {
+      a11yWarning(
+        "<dsa-filter-button> require a label attribute for accessibility"
+      );
+    }
     return x`
       <span class="label"
         >${`${this.label}${this.selectionCount > 0 && !this.drawer ? " : " : ""}`}</span

package/cdn/chunks/{chunk.N6NAUMXW.js → chunk.XASHG6W4.js}

@@ -64,18 +64,16 @@ var badge_styles_default = i`
   .badge--small.badge--has-text {
     font: var(--dsa-wc-badge-small-font);
     padding: var(--dsa-wc-badge-text-small-padding);
-    line-height: 1;
     min-width: var(--dsa-wc-badge-text-small-min-width);
   }
 
   .badge--medium {
-    padding: var(--dsa-wc-badge-dot-padding);
+    padding: var(--dsa-wc-badge-dot-medium-padding);
   }
   .badge--medium.badge--has-text {
-    font: var(--dsa-wc-badge-font);
-    padding: var(--dsa-wc-badge-text-padding);
-    line-height: 1;
-    min-width: var(--dsa-wc-badge-text-min-width);
+    font: var(--dsa-wc-badge-medium-font);
+    padding: var(--dsa-wc-badge-text-medium-padding);
+    min-width: var(--dsa-wc-badge-text-medium-min-width);
   }
 
   /* Pulse modifier */