@ds-autonomie/web-components 2.11.1 → 2.13.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @ds-autonomie/web-components
 
+## 2.13.0
+
+### Minor Changes
+
+- b47a3b7: `dsa-link--skip-content`: ajout d'une classe CSS pour les liens d'évitement de contenu
+- 29e4ded: `tree` : ajout du mode de sélection des tree-items parents uniquement
+
+### Patch Changes
+
+- 1cc188c: `callout` : ajout d'un role region si un titre est ajouté
+- 72533c0: Mise à jour vers Storybook 10
+- 2373fb7: `breadcrumb-item`, `combobox`, `dialog`, `drawer`, `filter-date`, `progress-ring`, `select`, `sidenav`, `tab-group`, `tab-panel`, `table-of-content` : ajout de couleurs par défaut
+- c0b261c: `input-date` : réduction de la largeur de la zone de saisie à son contenu
+- Updated dependencies [def9509]
+  - @ds-autonomie/assets@1.4.10
+
+## 2.12.0
+
+### Minor Changes
+
+- 36eadd8: `table-action` : ajout de l'attribut `deselect-all-on-close` afin de déselectionner toutes les lignes du tableau à la fermeture de la barre d'action
+
+### Patch Changes
+
+- c5b74c6: Modèle de page Contact : ajout d'attributs autocomplete;
+  `checkbox`: Amélioration de l'accessibilité;
+- c77b7b9: `button`, `checkbox`, `checkbox-button`, `checkbox-card`, `combobox`, `file-upload`, `filter-date`, `icon-button`, `range-slider`, `select`, `switch`, `radio-button`, `radio-card` : suppression d'attributs aria-disabled en doublon
+- af1397a: `file-upload`: l'attribut `accept` peut être utilisé avec de la même manière que son équivalent natif.
+- 82d5a6c: `menu-accordion`, `menu-navigation` : prise en charge du contenu dynamique
+
 ## 2.11.1
 
 ### Patch Changes

package/cdn/chunks/{chunk.TZ4Q6BAB.js → chunk.3K2PJ2XE.js}

@@ -116,32 +116,13 @@ var DSAFileUpload = class extends ShoelaceElement {
   handleClick() {
     this.fileUploadInput.click();
   }
-  handleChange(event) {
-    const addedFiles = this.handleFileSelectedChange(event);
+  handleChange() {
+    var _a;
+    const addedFiles = Array.from((_a = this.fileUploadInput.files) != null ? _a : []);
     this.emit("dsa-file-upload", { detail: { files: addedFiles } });
     this.value = this.fileUploadInput.value;
     this.formControlController.updateValidity();
   }
-  handleFileSelectedChange(event) {
-    var _a, _b;
-    if (!this.accept || !/^(change|drop)$/.test(event.type)) {
-      return Array.from((_a = this.fileUploadInput.files) != null ? _a : []);
-    }
-    if (((_b = this.fileUploadInput) == null ? void 0 : _b.files) === null) {
-      return [];
-    }
-    const acceptedTypes = new Set(this.accept.split(", "));
-    return Array.prototype.filter.call(
-      this.fileUploadInput.files,
-      (file) => {
-        var _a2;
-        const fileExtensionRegExp = /\.[^.]+$/;
-        const hasFileExtension = fileExtensionRegExp.test(file.name);
-        const [fileExtension] = !hasFileExtension ? [void 0] : (_a2 = fileExtensionRegExp.exec(file.name)) != null ? _a2 : [];
-        return acceptedTypes.has(file.type) || fileExtension && acceptedTypes.has(fileExtension);
-      }
-    );
-  }
   handleInvalid(event) {
     this.formControlController.setValidity(false);
     this.formControlController.emitInvalidEvent(event);
@@ -247,7 +228,6 @@ var DSAFileUpload = class extends ShoelaceElement {
       "button--disabled": this.disabled
     })}
               ?disabled=${this.disabled}
-              aria-disabled=${this.disabled ? "true" : "false"}
               aria-required=${o(this.required ? "true" : void 0)}
               aria-invalid=${o(this.error ? "true" : void 0)}
               tabindex=${this.disabled ? "-1" : "0"}

package/cdn/chunks/{chunk.L57YXDBH.js → chunk.3ZGSESNP.js}

@@ -1,6 +1,6 @@
 import {
   filter_base_styles_default
-} from "./chunk.3NEUPBWJ.js";
+} from "./chunk.MUSSBYDR.js";
 import {
   i
 } from "./chunk.UKK3NS3L.js";
@@ -20,6 +20,7 @@ var filter_date_styles_default = i`
     border-radius: var(--dsa-wc-filter-date-border-radius);
     font: var(--dsa-wc-filter-date-font);
     background-color: var(--dsa-wc-filter-date-background-color);
+    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
   }
   .filter-button > * {
     line-height: 1.875rem;

package/cdn/chunks/{chunk.JFUUWE3Y.js → chunk.5BXI46NB.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.PZK4ARTY.js";
 import {
   checkbox_styles_default
-} from "./chunk.WZMY5NAQ.js";
+} from "./chunk.CK3OZQKX.js";
 import {
   FormControlController
 } from "./chunk.LLQW6MLS.js";
@@ -118,7 +118,7 @@ var DSACheckbox = class extends ShoelaceElement {
     this.emit("dsa-focus");
   }
   handleDeactivatedChange() {
-    if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
+    if (this.readonly || this.parentReadonly) {
       this.input.setAttribute("aria-disabled", "true");
     } else {
       this.input.removeAttribute("aria-disabled");
@@ -171,7 +171,7 @@ var DSACheckbox = class extends ShoelaceElement {
     this.formControlController.updateValidity();
   }
   render() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const hasLabelSlot = this.hasSlotController.test("[default]");
     const isDisabled = this.disabled || this.parentDisabled;
     const isReadonly = this.readonly || this.parentReadonly;
@@ -198,7 +198,6 @@ var DSACheckbox = class extends ShoelaceElement {
     })}
       >
         <label
-          for="input"
           class=${e2({
       checkbox: true,
       "checkbox--checked": this.checked,
@@ -224,12 +223,11 @@ var DSACheckbox = class extends ShoelaceElement {
             .checked=${l(this.checked)}
             .disabled=${isDisabled}
             .required=${this.required}
-            aria-label=${ifDefinedAndNotEmpty(
-      (_b = this.accessibleName) != null ? _b : this.ariaLabel
+            aria-label=${o(
+      !hasLabelSlot ? (_b = this.accessibleName) != null ? _b : this.title : void 0
     )}
-            aria-checked=${this.checked ? "true" : "false"}
             aria-describedby=${o(this.error ? "error-text" : void 0)}
-            aria-disabled="${o(isDeactivated ? "true" : void 0)}"
+            aria-disabled="${o(isReadonly ? "true" : void 0)}"
             aria-invalid=${o(this.error ? "true" : void 0)}
             @click=${this.handleClick}
             @input=${this.handleInput}
@@ -250,7 +248,11 @@ var DSACheckbox = class extends ShoelaceElement {
 
           <div part="label" class="checkbox__label">
             ${this.required ? x`<span class="checkbox__label-required">*</span>` : ""}
-            <slot></slot>
+            <slot
+              ><dsa-visually-hidden
+                >${(_d = this.accessibleName) != null ? _d : this.title}</dsa-visually-hidden
+              ></slot
+            >
           </div>
         </label>
         ${this.error && !isDeactivated && this.errorMessage ? renderFormElementErrors(this.errorMessage) : ""}

package/cdn/chunks/{chunk.XCDQSN4K.js → chunk.7IKGNEUS.js}

@@ -1,6 +1,6 @@
 import {
   sidenav_styles_default
-} from "./chunk.7AU43JKE.js";
+} from "./chunk.C6YOQGP3.js";
 import {
   isMacOS
 } from "./chunk.FLRB45SF.js";

package/cdn/chunks/{chunk.7YRH4W4Z.js → chunk.7X3L3UKI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ZRTVJE3I.js";
 import {
   FormSelectableCard
-} from "./chunk.COPSPY7Y.js";
+} from "./chunk.PLMZNC5Q.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";

package/cdn/chunks/{chunk.NDZZP23O.js → chunk.ANY4UVWZ.js}

@@ -194,9 +194,7 @@ var DSASwitch = class extends ShoelaceElement {
               .required=${this.required}
               role="switch"
               aria-checked=${this.checked ? "true" : "false"}
-              aria-disabled=${o(
-      this.disabled || this.readonly ? "true" : void 0
-    )}
+              aria-disabled=${o(this.readonly ? "true" : void 0)}
               @click=${this.handleClick}
               @input=${this.handleInput}
               @invalid=${this.handleInvalid}

package/cdn/chunks/{chunk.HPXPJRHP.js → chunk.AP47GURR.js}

@@ -193,7 +193,7 @@ var combobox_styles_default = i`
     z-index: 2;
   }
 
-  .select--on-base select__prefix {
+  .select--on-base .select__prefix {
     color: var(--dsa-wc-input-on-base-text-field-input-color);
   }
 

package/cdn/chunks/{chunk.HCI7PRQV.js → chunk.AWWSQ5SC.js}

@@ -1,6 +1,6 @@
 import {
   FormToggleButton
-} from "./chunk.Z5BYMFSD.js";
+} from "./chunk.OHT2CDR3.js";
 import {
   DSACheckboxGroup
 } from "./chunk.FZ5GX4LB.js";

package/cdn/chunks/{chunk.XFBBCWDH.js → chunk.BR3HXIYO.js}

@@ -1,6 +1,6 @@
 import {
   tab_group_styles_default
-} from "./chunk.LT6QDZQK.js";
+} from "./chunk.WHRSLGOT.js";
 import {
   debounce
 } from "./chunk.I5IKEQES.js";

package/cdn/chunks/{chunk.2WKNTHTE.js → chunk.C2XIPTU3.js}

@@ -1,6 +1,6 @@
 import {
   FormSelectableCard
-} from "./chunk.COPSPY7Y.js";
+} from "./chunk.PLMZNC5Q.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";

package/cdn/chunks/{chunk.7AU43JKE.js → chunk.C6YOQGP3.js}

@@ -19,6 +19,7 @@ var sidenav_styles_default = i`
     justify-content: space-between;
     height: 100%;
     border-right: 1px solid var(--dsa-color-border-default);
+    background-color: var(--dsa-wc-sidenav-background-color);
   }
 
   .sidenav--collapsed {

package/cdn/chunks/{chunk.MQLSZR7A.js → chunk.CCG62HSL.js}

@@ -1,6 +1,6 @@
 import {
   breadcrumb_item_styles_default
-} from "./chunk.S7UTN2VW.js";
+} from "./chunk.5JPDE2SQ.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/cdn/chunks/{chunk.IIVSSOAU.js → chunk.CH7F7WGJ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.QVKLZ6B5.js";
 import {
   filter_select_styles_default
-} from "./chunk.BQTNLW5P.js";
+} from "./chunk.DT7G7VQ2.js";
 import {
   DSAInput
-} from "./chunk.SPF4JEAI.js";
+} from "./chunk.HD52LE6J.js";
 import {
   FilterBase
 } from "./chunk.4Q2WUHBV.js";

package/cdn/chunks/{chunk.WZMY5NAQ.js → chunk.CK3OZQKX.js}

@@ -61,10 +61,6 @@ var checkbox_styles_default = i`
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
-  .checkbox__label:not(.checkbox--disabled) {
-    display: none;
-  }
-
   .checkbox--has-label .checkbox__label:not(.checkbox--disabled) {
     display: inline-block;
     color: var(--dsa-wc-checkbox-color);

package/cdn/chunks/{chunk.BFQYLMIP.js → chunk.DMOAL7VS.js}

@@ -40,6 +40,7 @@ var dialog_styles_default = i`
     background-color: var(--dsa-wc-dialog-panel-color);
     border-radius: var(--dsa-wc-dialog-panel-border-radius);
     box-shadow: var(--dsa-wc-dialog-panel-box-shadow);
+    color: var(--dsa-wc-dialog-panel-text-color);
   }
   .dialog--small .dialog__panel {
     width: var(--dsa-wc-dialog-size-small);

package/cdn/chunks/{chunk.B6FKIMN6.js → chunk.DNBIVA4J.js}

@@ -1,6 +1,6 @@
 import {
   filter_base_styles_default
-} from "./chunk.3NEUPBWJ.js";
+} from "./chunk.MUSSBYDR.js";
 import {
   i
 } from "./chunk.UKK3NS3L.js";

package/cdn/chunks/{chunk.BQTNLW5P.js → chunk.DT7G7VQ2.js}

@@ -1,6 +1,6 @@
 import {
   filter_base_styles_default
-} from "./chunk.3NEUPBWJ.js";
+} from "./chunk.MUSSBYDR.js";
 import {
   i
 } from "./chunk.UKK3NS3L.js";

package/cdn/chunks/{chunk.SC3NB3OV.js → chunk.E3W7YEA4.js}

@@ -160,7 +160,6 @@ var DSARangeSlider = class extends ShoelaceElement {
         max=${o(this.max)}
         ?disabled=${this.disabled}
         aria-label=${ifDefinedAndNotEmpty(this.labelFrom)}
-        aria-disabled=${this.disabled}
         @input=${this.onFromSliderInputChange}
         @focus=${this.handleFromSliderFocus}
         @blur=${this.handleFromSliderBlur}
@@ -178,7 +177,6 @@ var DSARangeSlider = class extends ShoelaceElement {
         max=${o(this.max)}
         ?disabled=${this.disabled}
         aria-label=${ifDefinedAndNotEmpty(this.labelTo)}
-        aria-disabled=${this.disabled}
         @input=${this.onToSliderInputChange}
         @focus=${this.handleToSliderFocus}
         @blur=${this.handleToSliderBlur}

package/cdn/chunks/{chunk.H55UBRU5.js → chunk.E6EXYKCB.js}

@@ -64,7 +64,7 @@ var DSATree = class extends ShoelaceElement {
     this.selection = "single";
     this.localize = new LocalizeController(this);
     this.clickTarget = null;
-    // Initializes new items by setting the `selectable` property and the expanded/collapsed icons if any
+    // Initializes new items by setting the `selectable` property, the expanded/collapsed icons if any, and adding aria-disabled to leaves if the selection mode is 'parent'
     this.initTreeItem = (item) => {
       item.selectable = this.selection === "multiple";
       ["expand", "collapse"].filter((status) => !!this.querySelector(`[slot="${status}-icon"]`)).forEach((status) => {
@@ -80,6 +80,9 @@ var DSATree = class extends ShoelaceElement {
         } else {
         }
       });
+      if (this.selection === "parent" && item.isLeaf) {
+        item.setAttribute("aria-disabled", "true");
+      }
     };
   }
   async connectedCallback() {
@@ -133,6 +136,7 @@ var DSATree = class extends ShoelaceElement {
     }
   }
   selectItem(selectedItem) {
+    var _a;
     const previousSelection = [...this.selectedItems];
     if (this.selection === "multiple") {
       selectedItem.selected = !selectedItem.selected;
@@ -140,13 +144,21 @@ var DSATree = class extends ShoelaceElement {
         selectedItem.expanded = true;
       }
       syncCheckboxes(selectedItem);
-    } else if (this.selection === "single" || selectedItem.isLeaf) {
+    } else if (this.selection === "single" || this.selection === "leaf" && selectedItem.isLeaf || this.selection === "parent" && !selectedItem.isLeaf) {
       const items = this.getAllTreeItems();
       for (const item of items) {
         item.selected = item === selectedItem;
       }
-    } else if (this.selection === "leaf") {
+    } else if (this.selection === "leaf" && !selectedItem.isLeaf) {
       selectedItem.expanded = !selectedItem.expanded;
+    } else if (this.selection === "parent" && selectedItem.isLeaf) {
+      const parentItem = (_a = selectedItem.parentElement) == null ? void 0 : _a.closest("[role=treeitem]");
+      if (parentItem) {
+        const items = this.getAllTreeItems();
+        for (const item of items) {
+          item.selected = item === parentItem;
+        }
+      }
     }
     const nextSelection = this.selectedItems;
     if (previousSelection.length !== nextSelection.length || nextSelection.some((item) => !previousSelection.includes(item))) {
@@ -275,6 +287,10 @@ var DSATree = class extends ShoelaceElement {
     );
     for (const item of items) {
       item.selectable = isSelectionMultiple;
+      item.setAttribute(
+        "aria-disabled",
+        item.disabled || (item.isLeaf && this.selection) === "parent" ? "true" : "false"
+      );
     }
     if (isSelectionMultiple) {
       await this.updateComplete;

package/cdn/chunks/{chunk.K62J6GEH.js → chunk.E7NEC6I7.js}

@@ -80,6 +80,7 @@ var progress_ring_styles_default = i`
     height: 100%;
     text-align: center;
     user-select: none;
+    color: var(--dsa-wc-progress-ring-color);
   }
   .progress-ring--medium .progress-ring__label {
     top: 0;

package/cdn/chunks/{chunk.OONJ4BAJ.js → chunk.F2AI7O4R.js}

@@ -23,6 +23,7 @@ var DSATableAction = class extends ShoelaceElement {
     super(...arguments);
     this.localize = new LocalizeController(this);
     this.show = false;
+    this.deselectAllOnClose = false;
   }
   handleClose() {
     this.emit("dsa-table-actions-close");
@@ -40,7 +41,7 @@ var DSATableAction = class extends ShoelaceElement {
         @click=${this.handleClose}
       >
         <dsa-icon slot="prefix" name="close" library="system"></dsa-icon>
-        ${this.localize.term("close")}
+        ${this.deselectAllOnClose ? this.localize.term("deselectAll") : this.localize.term("close")}
       </dsa-button>
     `;
   }
@@ -52,6 +53,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, reflect: true })
 ], DSATableAction.prototype, "show", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "deselect-all-on-close" })
+], DSATableAction.prototype, "deselectAllOnClose", 2);
 DSATableAction = __decorateClass([
   t("dsa-table-action")
 ], DSATableAction);

package/cdn/chunks/{chunk.T7LIPTCL.js → chunk.H4JTQC7T.js}

@@ -60,15 +60,6 @@ var DSAMenuAccordion = class extends ShoelaceElement {
     this.collapsed = false;
     this.sidenavInfo = false;
   }
-  connectedCallback() {
-    super.connectedCallback();
-    const menuNavigation = this.querySelector(
-      "dsa-menu-navigation"
-    );
-    if (menuNavigation !== null) {
-      menuNavigation == null ? void 0 : menuNavigation.classList.add(this.level === 2 ? "level-2" : "level-1");
-    }
-  }
   firstUpdated() {
     this.body.hidden = !this.open;
     this.body.style.height = this.open ? "auto" : "0";
@@ -99,6 +90,19 @@ var DSAMenuAccordion = class extends ShoelaceElement {
       this.show();
     }
   }
+  updateChildrenClassName() {
+    const menuNavigation = this.querySelector(
+      "dsa-menu-navigation"
+    );
+    if (menuNavigation !== null) {
+      menuNavigation.level = this.level;
+      menuNavigation == null ? void 0 : menuNavigation.classList.remove("level-1", "level-2");
+      menuNavigation == null ? void 0 : menuNavigation.classList.add(this.level === 2 ? "level-2" : "level-1");
+    }
+  }
+  handleDefaultSlotChange() {
+    this.updateChildrenClassName();
+  }
   /** Returns a text label based on the contents of the summary slot. */
   getTextSummary(widthBadge = false) {
     var _a, _b, _c, _d;
@@ -160,16 +164,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
     }
   }
   handleLevelChange() {
-    const menuNavigation = this.querySelector(
-      "dsa-menu-navigation"
-    );
-    if (menuNavigation !== null) {
-      if (this.level === 2) {
-        menuNavigation.classList.add("level-2");
-      } else {
-        menuNavigation.classList.remove("level-2");
-      }
-    }
+    this.updateChildrenClassName();
   }
   async handleExpandedChange() {
     await this.updateComplete;
@@ -265,6 +260,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
             id="content"
             class="menu-accordion__content"
             aria-labelledby="header"
+            @slotchange=${this.handleDefaultSlotChange}
           ></slot>
         </div>
       </div>

package/cdn/chunks/{chunk.SPF4JEAI.js → chunk.HD52LE6J.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KNXOB4UE.js";
 import {
   DSAInputDate
-} from "./chunk.JSZ62MET.js";
+} from "./chunk.IWCZNIF5.js";
 import {
   InputBase
 } from "./chunk.AYVXBNFN.js";

package/cdn/chunks/{chunk.E7LCBTT5.js → chunk.IJML6NHK.js}

@@ -1,6 +1,6 @@
 import {
   select_styles_default
-} from "./chunk.CRX7KUAK.js";
+} from "./chunk.UEHJW6ED.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -541,7 +541,7 @@ var DSASelect = class extends FormControlLayout {
             aria-label=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
     )}
-            aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
+            aria-disabled=${o(this.readonly ? "true" : void 0)}
             aria-describedby=${this.getDescriptionIds()}
             aria-activedescendant=${(_d = (_c = this.currentOption) == null ? void 0 : _c.id) != null ? _d : ""}
             aria-invalid=${o(this.error ? "true" : void 0)}

package/cdn/chunks/{chunk.KDCTYM4V.js → chunk.IW2FTSST.js}

@@ -52,6 +52,7 @@ var drawer_styles_default = i`
     max-width: 100%;
     max-height: 100%;
     background-color: var(--dsa-wc-drawer-background-color);
+    color: var(--dsa-wc-drawer-color);
     overflow: auto;
     pointer-events: all;
   }

package/cdn/chunks/{chunk.JSZ62MET.js → chunk.IWCZNIF5.js}

@@ -1,6 +1,6 @@
 import {
   input_date_styles_default
-} from "./chunk.6MHC5DNA.js";
+} from "./chunk.ZFWPHGWV.js";
 import {
   InputBase
 } from "./chunk.AYVXBNFN.js";

package/cdn/chunks/{chunk.VSZMOH4N.js → chunk.J7IAZRFK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ZRTVJE3I.js";
 import {
   FormToggleButton
-} from "./chunk.Z5BYMFSD.js";
+} from "./chunk.OHT2CDR3.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";

package/cdn/chunks/{chunk.MYQ5E7XD.js → chunk.JK2FCATP.js}

@@ -1,6 +1,6 @@
 import {
   tab_panel_styles_default
-} from "./chunk.CNA5HI7Z.js";
+} from "./chunk.LS2PBFC6.js";
 import {
   e2 as e
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.X2EDAUXX.js → chunk.KA5KPMKE.js}

@@ -1,6 +1,6 @@
 import {
   drawer_styles_default
-} from "./chunk.KDCTYM4V.js";
+} from "./chunk.IW2FTSST.js";
 import {
   Modal
 } from "./chunk.CBM7PMU3.js";

package/cdn/chunks/{chunk.34HTLNHP.js → chunk.KM4KITZK.js}

@@ -66,6 +66,19 @@ var DSATableContainer = class extends LoadingStateElement {
   }
   handleTableActionsClose() {
     this.showTableActions = false;
+    const actionBar = this.querySelector("dsa-table-action");
+    const headerRow = this.querySelector(
+      "dsa-table-header-row"
+    );
+    if (actionBar && headerRow && actionBar.deselectAllOnClose) {
+      const tableRows = [
+        ...this.querySelectorAll("dsa-table-row")
+      ];
+      tableRows.forEach((row) => row.selected = false);
+      headerRow.checkbox.checked = false;
+      headerRow.checkbox.indeterminate = false;
+      headerRow.selected = false;
+    }
   }
   handleTableSelection(event) {
     this.showTableActions = event.detail.selectedRows.length > 0;

package/cdn/chunks/{chunk.CNA5HI7Z.js → chunk.LS2PBFC6.js}

@@ -22,6 +22,7 @@ var tab_panel_styles_default = i`
   .tab-panel {
     display: block;
     padding: var(--padding);
+    color: var(--dsa-color-text-on-base-primary);
   }
 
   :host(:focus) {

package/cdn/chunks/{chunk.3NEUPBWJ.js → chunk.MUSSBYDR.js}

@@ -34,6 +34,7 @@ var filter_base_styles_default = i`
     font: var(--dsa-wc-input-text-field-font);
     box-shadow: var(--dsa-wc-shadow-small);
     background: var(--dsa-wc-select-listbox-background-color);
+    color: var(--dsa-color-text-on-base-primary);
     border: solid var(--dsa-wc-select-listbox-border-width)
       var(--dsa-wc-select-listbox-border-color);
     border-radius: var(--dsa-wc-select-listbox-border-radius);

package/cdn/chunks/{chunk.7ATQ4MIY.js → chunk.MYFWIBY6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.4Q2WUHBV.js";
 import {
   filter_date_styles_default
-} from "./chunk.L57YXDBH.js";
+} from "./chunk.3ZGSESNP.js";
 import {
   l
 } from "./chunk.E6U524GP.js";
@@ -268,9 +268,6 @@ var DSAFilterDate = class extends FilterBase {
     )}
           @dsa-change=${this.handleChange}
           ?disabled=${this.disabled}
-          aria-disabled=${o(
-      this.disabled || this.readonly ? "true" : void 0
-    )}
           ?readonly=${this.readonly}
           parent-name=${this.range ? `${this.label} - ${this.localize.term("startDate")}` : this.label}
           description=${this.getDescriptionText("start")}
@@ -287,9 +284,6 @@ var DSAFilterDate = class extends FilterBase {
                 .value=${(_a = parseDateRange(this.value)[1]) != null ? _a : ""}
                 @dsa-change=${this.handleChange}
                 ?disabled=${this.disabled}
-                aria-disabled=${o(
-      this.disabled || this.readonly ? "true" : void 0
-    )}
                 ?readonly=${this.readonly}
                 parent-name=${`${this.label} - ${this.localize.term(
       "endDate"

package/cdn/chunks/{chunk.Z5BYMFSD.js → chunk.OHT2CDR3.js}

@@ -199,7 +199,7 @@ var FormToggleButton = class extends ShoelaceElement {
     this.emit("dsa-focus");
   }
   handleDeactivatedChange() {
-    if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
+    if (this.readonly || this.parentReadonly) {
       this.button.setAttribute("aria-disabled", "true");
     } else {
       this.button.removeAttribute("aria-disabled");
@@ -216,7 +216,6 @@ var FormToggleButton = class extends ShoelaceElement {
   render() {
     const isDisabled = this.disabled || this.parentDisabled;
     const isReadonly = this.readonly || this.parentReadonly;
-    const isDeactivated = isDisabled || isReadonly;
     if (!this.hasSlotController.test("[default]")) {
       a11yWarning(
         `<dsa-${this.type}-card> requires an accessible name in the default slot for accessibility`
@@ -242,7 +241,7 @@ var FormToggleButton = class extends ShoelaceElement {
       "button--checkbox": this.type === "checkbox"
     })}
           ?disabled=${isDisabled}
-          aria-disabled=${o(isDeactivated ? "true" : void 0)}
+          aria-disabled=${o(isReadonly ? "true" : void 0)}
           aria-invalid=${o(
       this.type === "checkbox" && this.error ? "true" : void 0
     )}