@ds-autonomie/web-components 2.11.1 → 2.12.0

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -2644,39 +2644,6 @@
           },
           "attributes": []
         },
-        {
-          "name": "dsa-checkbox-card",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "type",
-                "value": {
-                  "type": "'checkbox'"
-                }
-              },
-              {
-                "name": "handleClick",
-                "value": {}
-              },
-              {
-                "name": "handleErrorChange",
-                "value": {}
-              }
-            ],
-            "events": [
-              {
-                "name": "dsa-blur",
-                "description": "Emitted when the card loses focus."
-              },
-              {
-                "name": "dsa-focus",
-                "description": "Emitted when the card gains focus."
-              }
-            ]
-          },
-          "attributes": []
-        },
         {
           "name": "dsa-checkbox-group",
           "description": "",
@@ -3003,6 +2970,39 @@
             }
           ]
         },
+        {
+          "name": "dsa-checkbox-card",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "type",
+                "value": {
+                  "type": "'checkbox'"
+                }
+              },
+              {
+                "name": "handleClick",
+                "value": {}
+              },
+              {
+                "name": "handleErrorChange",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the card loses focus."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the card gains focus."
+              }
+            ]
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-combobox",
           "description": "",
@@ -4956,10 +4956,6 @@
                 "name": "handleChange",
                 "value": {}
               },
-              {
-                "name": "handleFileSelectedChange",
-                "value": {}
-              },
               {
                 "name": "handleInvalid",
                 "value": {}
@@ -9108,6 +9104,14 @@
                 "name": "handleSummaryKeyDown",
                 "value": {}
               },
+              {
+                "name": "updateChildrenClassName",
+                "value": {}
+              },
+              {
+                "name": "handleDefaultSlotChange",
+                "value": {}
+              },
               {
                 "name": "getTextSummary",
                 "description": "Returns a text label based on the contents of the summary slot.",
@@ -9404,14 +9408,41 @@
                   "type": "HTMLSlotElement"
                 }
               },
+              {
+                "name": "level",
+                "description": "(internal) The level of the parent menu accordion",
+                "value": {
+                  "type": "1 | 2"
+                }
+              },
+              {
+                "name": "updateChildrenClassName",
+                "value": {}
+              },
+              {
+                "name": "handleSlotChange",
+                "value": {}
+              },
               {
                 "name": "handleKeyDown",
                 "value": {}
+              },
+              {
+                "name": "handleLevelChange",
+                "value": {}
               }
             ],
             "events": []
           },
-          "attributes": []
+          "attributes": [
+            {
+              "name": "level",
+              "description": "(internal) The level of the parent menu accordion",
+              "value": {
+                "type": "1 | 2"
+              }
+            }
+          ]
         },
         {
           "name": "dsa-mutation-observer",
@@ -14389,6 +14420,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "deselectAllOnClose",
+                "description": "Should deselect all rows on close",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "handleClose",
                 "value": {}
@@ -14408,6 +14446,13 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "deselect-all-on-close",
+              "description": "Should deselect all rows on close",
+              "value": {
+                "type": "boolean"
+              }
             }
           ]
         },

package/dist/chunks/{chunk.FE77T4YV.js → chunk.2NY5MPRL.js}

@@ -192,7 +192,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");
@@ -209,7 +209,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`
@@ -235,7 +234,7 @@ var FormToggleButton = class extends ShoelaceElement {
       "button--checkbox": this.type === "checkbox"
     })}
           ?disabled=${isDisabled}
-          aria-disabled=${ifDefined(isDeactivated ? "true" : void 0)}
+          aria-disabled=${ifDefined(isReadonly ? "true" : void 0)}
           aria-invalid=${ifDefined(
       this.type === "checkbox" && this.error ? "true" : void 0
     )}

package/dist/chunks/{chunk.L6UOW2AY.js → chunk.6KJSL5LS.js}

@@ -59,6 +59,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/dist/chunks/{chunk.4ZTY4RLW.js → chunk.7TG3DZTW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.6SOP54V7.js";
 import {
   FormSelectableCard
-} from "./chunk.SBO2HJFC.js";
+} from "./chunk.CHUBPDIO.js";
 import {
   watch
 } from "./chunk.7627FYPL.js";

package/dist/chunks/{chunk.TXDB6HM4.js → chunk.AXRKD7DS.js}

@@ -493,6 +493,7 @@ var DSAInternalDateField = class extends ShoelaceElement {
         class=${className}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
+        aria-disabled=${ifDefined(this.readonly ? "true" : void 0)}
         ?required=${this.required}
         aria-label=${`${ariaLabel} - ${this.parentName}`}
         aria-describedby="description"
@@ -530,6 +531,7 @@ var DSAInternalDateField = class extends ShoelaceElement {
         name=${ifDefinedAndNotEmpty(this.name)}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
+        aria-disabled=${ifDefined(this.readonly ? "true" : void 0)}
         ?required=${this.required}
         min=${ifDefined(this.min)}
         max=${ifDefined(this.max)}

package/dist/chunks/{chunk.SBO2HJFC.js → chunk.CHUBPDIO.js}

@@ -185,7 +185,7 @@ var FormSelectableCard = class extends ShoelaceElement {
     this.emit("dsa-focus");
   }
   handleDisabledChange() {
-    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");
@@ -202,7 +202,6 @@ var FormSelectableCard = class extends ShoelaceElement {
   render() {
     const isDisabled = this.disabled || this.parentDisabled;
     const isReadonly = this.readonly || this.parentReadonly;
-    const isDeactivated = isDisabled || isReadonly;
     return html`
       <div part="base">
         <button
@@ -224,7 +223,7 @@ var FormSelectableCard = class extends ShoelaceElement {
       "selectable-card--contrasted-borders": this.contrastedBorders
     })}
           ?disabled=${isDisabled}
-          aria-disabled=${ifDefined(isDeactivated ? "true" : void 0)}
+          aria-disabled=${ifDefined(isReadonly ? "true" : void 0)}
           aria-invalid=${ifDefined(
       this.type === "checkbox" && this.error ? "true" : void 0
     )}
@@ -312,7 +311,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true, attribute: "contrasted-borders" })
 ], FormSelectableCard.prototype, "contrastedBorders", 2);
 __decorateClass([
-  watch(["disabled", "readonly", "parentDisabled", "parentReadonly"], {
+  watch(["readonly", "parentReadonly"], {
     waitUntilFirstUpdate: true
   })
 ], FormSelectableCard.prototype, "handleDisabledChange", 1);

package/dist/chunks/{chunk.3332LWML.js → chunk.DFNCZLQM.js}

@@ -96,7 +96,7 @@ var DSAIconButton = class extends ShoelaceElement {
       isLink && this.target ? "noreferrer noopener" : void 0
     )}
         role=${ifDefined(isLink ? void 0 : "button")}
-        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-disabled=${ifDefined(this.disabled && isLink ? "true" : void 0)}
         aria-pressed=${ifDefined(this.toggle ? this.pressed : void 0)}
         aria-label=${ifDefinedAndNotEmpty(this.label)}
         aria-describedby="description"

package/dist/chunks/{chunk.5NAZU6VJ.js → chunk.HFNQK43R.js}

@@ -59,10 +59,6 @@ var checkbox_styles_default = css`
     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/dist/chunks/{chunk.P7IPRHLL.js → chunk.HH6M5ISS.js}

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

package/dist/chunks/{chunk.IG7F6FJH.js → chunk.I26LWXXM.js}

@@ -108,32 +108,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);
@@ -239,7 +220,6 @@ var DSAFileUpload = class extends ShoelaceElement {
       "button--disabled": this.disabled
     })}
               ?disabled=${this.disabled}
-              aria-disabled=${this.disabled ? "true" : "false"}
               aria-required=${ifDefined(this.required ? "true" : void 0)}
               aria-invalid=${ifDefined(this.error ? "true" : void 0)}
               tabindex=${this.disabled ? "-1" : "0"}

package/dist/chunks/{chunk.SQJRLNS2.js → chunk.IUD6WB66.js}

@@ -1,6 +1,6 @@
 import {
   DSASelect
-} from "./chunk.MONMQF4P.js";
+} from "./chunk.QOTRG3SW.js";
 import {
   input_phone_styles_default
 } from "./chunk.LGIV2ORI.js";

package/dist/chunks/{chunk.62K7FKPD.js → chunk.JHQA2R5B.js}

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

package/dist/chunks/{chunk.QQOPMOYX.js → chunk.KQCEZOVH.js}

@@ -693,7 +693,7 @@ var DSACombobox = class extends FormControlLayout {
               aria-label=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
     )}
-              aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
+              aria-disabled=${ifDefined(this.readonly ? "true" : void 0)}
               aria-describedby=${this.getDescriptionIds()}
               aria-activedescendant=${(_d = (_c = this.currentOption) == null ? void 0 : _c.id) != null ? _d : ""}
               aria-invalid=${ifDefined(this.error ? "true" : void 0)}

package/dist/chunks/{chunk.BVJYG2SX.js → chunk.MO2DF64H.js}

@@ -255,9 +255,6 @@ var DSAFilterDate = class extends FilterBase {
     )}
           @dsa-change=${this.handleChange}
           ?disabled=${this.disabled}
-          aria-disabled=${ifDefined(
-      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")}
@@ -274,9 +271,6 @@ var DSAFilterDate = class extends FilterBase {
                 .value=${(_a = parseDateRange(this.value)[1]) != null ? _a : ""}
                 @dsa-change=${this.handleChange}
                 ?disabled=${this.disabled}
-                aria-disabled=${ifDefined(
-      this.disabled || this.readonly ? "true" : void 0
-    )}
                 ?readonly=${this.readonly}
                 parent-name=${`${this.label} - ${this.localize.term(
       "endDate"

package/dist/chunks/{chunk.OMIL5X3X.js → chunk.N36MBM2Q.js}

@@ -52,15 +52,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";
@@ -91,6 +82,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;
@@ -152,16 +156,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;
@@ -257,6 +252,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
             id="content"
             class="menu-accordion__content"
             aria-labelledby="header"
+            @slotchange=${this.handleDefaultSlotChange}
           ></slot>
         </div>
       </div>

package/dist/chunks/{chunk.OK2SQY2K.js → chunk.NEUS25YN.js}

@@ -1,6 +1,6 @@
 import {
   FormToggleButton
-} from "./chunk.FE77T4YV.js";
+} from "./chunk.2NY5MPRL.js";
 import {
   DSACheckboxGroup
 } from "./chunk.UF4PZMAF.js";

package/dist/chunks/{chunk.C2GI7AW5.js → chunk.OBK2DHZB.js}

@@ -231,7 +231,7 @@ var DSAButton = class extends ShoelaceElement {
       (_a = this.accessibleName) != null ? _a : this.ariaLabel
     )}
         aria-describedby="description"
-        aria-disabled=${ifDefined(this.disabled ? "true" : void 0)}
+        aria-disabled=${ifDefined(this.disabled && isLink ? "true" : void 0)}
         aria-pressed=${ifDefined(this.toggle ? this.pressed : void 0)}
         tabindex=${ifDefined(this.disabled ? "-1" : void 0)}
         @blur=${this.handleBlur}

package/dist/chunks/{chunk.DTRA3OZD.js → chunk.PL7FGR6O.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.6QDM5FUA.js";
 import {
   checkbox_styles_default
-} from "./chunk.5NAZU6VJ.js";
+} from "./chunk.HFNQK43R.js";
 import {
   FormControlController
 } from "./chunk.APQFQQX5.js";
@@ -107,7 +107,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");
@@ -160,7 +160,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;
@@ -187,7 +187,6 @@ var DSACheckbox = class extends ShoelaceElement {
     })}
       >
         <label
-          for="input"
           class=${classMap({
       checkbox: true,
       "checkbox--checked": this.checked,
@@ -213,12 +212,11 @@ var DSACheckbox = class extends ShoelaceElement {
             .checked=${live(this.checked)}
             .disabled=${isDisabled}
             .required=${this.required}
-            aria-label=${ifDefinedAndNotEmpty(
-      (_b = this.accessibleName) != null ? _b : this.ariaLabel
+            aria-label=${ifDefined(
+      !hasLabelSlot ? (_b = this.accessibleName) != null ? _b : this.title : void 0
     )}
-            aria-checked=${this.checked ? "true" : "false"}
             aria-describedby=${ifDefined(this.error ? "error-text" : void 0)}
-            aria-disabled="${ifDefined(isDeactivated ? "true" : void 0)}"
+            aria-disabled="${ifDefined(isReadonly ? "true" : void 0)}"
             aria-invalid=${ifDefined(this.error ? "true" : void 0)}
             @click=${this.handleClick}
             @input=${this.handleInput}
@@ -239,7 +237,11 @@ var DSACheckbox = class extends ShoelaceElement {
 
           <div part="label" class="checkbox__label">
             ${this.required ? html`<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/dist/chunks/{chunk.MONMQF4P.js → chunk.QOTRG3SW.js}

@@ -530,7 +530,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=${ifDefined(this.readonly ? "true" : void 0)}
             aria-describedby=${this.getDescriptionIds()}
             aria-activedescendant=${(_d = (_c = this.currentOption) == null ? void 0 : _c.id) != null ? _d : ""}
             aria-invalid=${ifDefined(this.error ? "true" : void 0)}

package/dist/chunks/{chunk.AD6Q7RQZ.js → chunk.S4KNUHFV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.6SOP54V7.js";
 import {
   FormToggleButton
-} from "./chunk.FE77T4YV.js";
+} from "./chunk.2NY5MPRL.js";
 import {
   watch
 } from "./chunk.7627FYPL.js";

package/dist/chunks/{chunk.6CMGI6X2.js → chunk.VC7GDGXF.js}

@@ -1,6 +1,6 @@
 import {
   FormSelectableCard
-} from "./chunk.SBO2HJFC.js";
+} from "./chunk.CHUBPDIO.js";
 import {
   watch
 } from "./chunk.7627FYPL.js";