@ds-autonomie/web-components 2.10.0 → 2.11.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @ds-autonomie/web-components
 
+## 2.11.0
+
+### Minor Changes
+
+- 11fec02: `combobox`, `input`, `input-amount`, `input-date`, `input-mask`, `input-otp`, `input-phone`, `select`, `textarea` : ajout d'un attribut accessible-name à utiliser si aucun label n'est ajouté
+- ed800d7: `menu-navigation` : permettre l'utilisation de la touche espace pour activer les menu-items de type bouton; `menu-item` : ajout d'un attribut `expanded`
+
+### Patch Changes
+
+- 4c5f374: `alert` : dépréciation de l'attribut `duration` (non compatible avec l'accessibilité)
+- ca25e5e: `textarea`, `input-native` : modification du compteur afin de ne plus avoir d'erreur si la valeur est explicitement mise à null ou undefined.
+- ed85ed3: `copy-button` : suppression de l'attribut `feedback-duration` qui n'était pas compatible avec l'accessibilité
+- 84411df: Modification des modèles de pages suite aux retour de la DIPCOM
+- 273a1b7: `input-phone` : amélioration de la robustesse de mise à jour des valeurs.
+- 06179a4: `checkbox` : recopie de la valeur de accessible-name dans l'attribut title de la case à cocher
+
 ## 2.10.0
 
 ### Minor Changes

package/cdn/chunks/{chunk.XCMDCOL6.js → chunk.26AMHY6M.js}

@@ -38,7 +38,6 @@ var DSACopyButton = class extends ShoelaceElement {
     this.copyLabel = "";
     this.successLabel = "";
     this.errorLabel = "";
-    this.feedbackDuration = 1e3;
     this.tooltipPlacement = "top";
     this.hoist = false;
     this.size = "medium";
@@ -93,7 +92,6 @@ var DSACopyButton = class extends ShoelaceElement {
     }
   }
   async showStatus(status) {
-    const copyLabel = this.copyLabel || this.localize.term("copy");
     const successLabel = this.successLabel || this.localize.term("copied");
     const errorLabel = this.errorLabel || this.localize.term("copyError");
     const iconToShow = status === "success" ? this.successIcon : this.errorIcon;
@@ -105,7 +103,14 @@ var DSACopyButton = class extends ShoelaceElement {
     this.status = status;
     iconToShow.hidden = false;
     await iconToShow.animate(showAnimation.keyframes, showAnimation.options).finished;
-    setTimeout(async () => {
+    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 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";
@@ -115,8 +120,7 @@ var DSACopyButton = class extends ShoelaceElement {
         showAnimation.options
       ).finished;
       this.tooltip.content = copyLabel;
-      this.isCopying = false;
-    }, this.feedbackDuration);
+    }
   }
   render() {
     const copyLabel = this.copyLabel || this.localize.term("copy");
@@ -143,6 +147,8 @@ var DSACopyButton = class extends ShoelaceElement {
           ?disabled=${this.disabled}
           @click=${this.handleCopy}
           aria-label=${copyLabel}
+          @mouseleave=${this.resetStatus}
+          @focusout=${this.resetStatus}
         >
           <dsa-icon
             library="system"
@@ -206,9 +212,6 @@ __decorateClass([
 __decorateClass([
   n({ attribute: "error-label" })
 ], DSACopyButton.prototype, "errorLabel", 2);
-__decorateClass([
-  n({ attribute: "feedback-duration", type: Number })
-], DSACopyButton.prototype, "feedbackDuration", 2);
 __decorateClass([
   n({ attribute: "tooltip-placement" })
 ], DSACopyButton.prototype, "tooltipPlacement", 2);

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

@@ -51,9 +51,12 @@ var sidenav_styles_default = i`
     padding: 0;
     height: var(--dsa-wc-sidenav-collapsed-width);
     flex-shrink: 0;
-    outline-offset: -1px;
+    outline-offset: -3px;
     cursor: pointer;
   }
+  .sidenav__button:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+  }
 
   .sidenav__expand-icon {
     margin: 1.125rem;

package/cdn/chunks/{chunk.32CDX2G7.js → chunk.AYVXBNFN.js}

@@ -1,6 +1,6 @@
 import {
   FormControlLayout
-} from "./chunk.DPVUVRFZ.js";
+} from "./chunk.YVXTJRSI.js";
 import {
   defaultValue
 } from "./chunk.APSWEF5D.js";

package/cdn/chunks/{chunk.YTHNA2W4.js → chunk.BUKM2N6B.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.E6U524GP.js";
 import {
   FormControlLayout
-} from "./chunk.DPVUVRFZ.js";
+} from "./chunk.YVXTJRSI.js";
 import {
   defaultValue
 } from "./chunk.APSWEF5D.js";
@@ -186,6 +186,7 @@ var DSATextarea = class extends FormControlLayout {
     this.formControlController.updateValidity();
   }
   renderInput() {
+    var _a, _b;
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasLabel = this.label ? true : !!hasLabelSlot;
     return x`
@@ -212,7 +213,9 @@ var DSATextarea = class extends FormControlLayout {
           part="textarea"
           id="input"
           class="textarea__control"
-          title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          title=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_a = this.accessibleName) != null ? _a : this.title
+    )}
           name=${ifDefinedAndNotEmpty(this.name)}
           .value=${l(this.value)}
           ?disabled=${this.disabled}
@@ -229,7 +232,9 @@ var DSATextarea = class extends FormControlLayout {
           enterkeyhint=${o(this.enterkeyhint)}
           inputmode=${o(this.inputmode)}
           aria-describedby=${this.getDescriptionIds()}
-          aria-label=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
+    )}
           aria-invalid=${o(this.error ? "true" : void 0)}
           @change=${this.handleChange}
           @input=${this.handleInput}
@@ -241,12 +246,13 @@ var DSATextarea = class extends FormControlLayout {
     `;
   }
   renderCounter() {
-    const counterText = this.maxlength && this.counter ? `${this.value.length}/${this.maxlength}` : void 0;
+    var _a, _b, _c;
+    const counterText = this.maxlength && this.counter ? `${(_b = (_a = this.value) == null ? void 0 : _a.length) != null ? _b : 0}/${this.maxlength}` : void 0;
     return counterText !== void 0 ? x`<span
           id="counter"
           class=${e2({
       "form-control__counter": true,
-      "form-control__counter--animated": this.value.length === this.maxlength
+      "form-control__counter--animated": ((_c = this.value) == null ? void 0 : _c.length) === this.maxlength
     })}
           >${counterText}</span
         >` : x``;

package/cdn/chunks/{chunk.76P65WVM.js → chunk.CE4QX5GY.js}

@@ -165,6 +165,11 @@ var DSAAlert = class extends ShoelaceElement {
         "<dsa-alert> requires a header-level attribute for accessibility if alert-title is set"
       );
     }
+    if (this.duration) {
+      a11yWarning(
+        "The duration attribute of <dsa-alert> is deprecated and should not be used, because it can prevent some persons from accessing the alert content."
+      );
+    }
     return x`
       <div aria-live="polite" aria-atomic="true">
         <div

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

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   FormControlLayout
-} from "./chunk.DPVUVRFZ.js";
+} from "./chunk.YVXTJRSI.js";
 import {
   defaultValue
 } from "./chunk.APSWEF5D.js";
@@ -470,7 +470,7 @@ var DSASelect = class extends FormControlLayout {
     return ids.join(" ");
   }
   renderInput() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const isValueDefined = this.value.length > 0;
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasLabel = this.label ? true : !!hasLabelSlot;
@@ -532,16 +532,18 @@ var DSASelect = class extends FormControlLayout {
             spellcheck="false"
             autocapitalize="off"
             readonly
-            title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+            title=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_a = this.accessibleName) != null ? _a : this.title
+    )}
             aria-controls="listbox"
             aria-expanded=${this.open ? "true" : "false"}
             aria-haspopup="listbox"
             aria-label=${ifDefinedAndNotEmpty(
-      hasLabel ? void 0 : this.title
+      hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
     )}
             aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
             aria-describedby=${this.getDescriptionIds()}
-            aria-activedescendant=${(_b = (_a = this.currentOption) == null ? void 0 : _a.id) != null ? _b : ""}
+            aria-activedescendant=${(_d = (_c = this.currentOption) == null ? void 0 : _c.id) != null ? _d : ""}
             aria-invalid=${o(this.error ? "true" : void 0)}
             aria-required=${o(this.required ? "true" : void 0)}
             role="combobox"

package/cdn/chunks/{chunk.25TCJH3S.js → chunk.FOB2ZQTP.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.J5B4J5TO.js";
 import {
   InputBase
-} from "./chunk.32CDX2G7.js";
+} from "./chunk.AYVXBNFN.js";
 import {
   l
 } from "./chunk.E6U524GP.js";
@@ -144,6 +144,7 @@ var DSAInputAmount = class extends InputBase {
     return !isNaN(parsedValue) && (isNaN(parsedMin) || parsedValue >= parsedMin) && (isNaN(parsedMax) || parsedValue <= parsedMax) && (safeStep === "any" || roundToStep(parsedValue, safeStep) === parsedValue);
   }
   renderInput() {
+    var _a, _b;
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasPrefixIcon = this.hasSlotController.test("prefix");
     const hasSuffixIcon = this.hasSlotController.test("suffix");
@@ -182,7 +183,9 @@ var DSAInputAmount = class extends InputBase {
           id="input"
           class="input__control"
           type=${"text"}
-          title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          title=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_a = this.accessibleName) != null ? _a : this.title
+    )}
           name=${ifDefinedAndNotEmpty(this.name)}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
@@ -199,7 +202,9 @@ var DSAInputAmount = class extends InputBase {
           pattern=${o(this.pattern)}
           enterkeyhint=${o(this.enterkeyhint)}
           inputmode="decimal"
-          aria-label=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
+    )}
           aria-describedby=${this.getDescriptionIds()}
           aria-invalid=${o(this.error ? "true" : void 0)}
           @change=${this.handleChange}

package/cdn/chunks/{chunk.JITNMLSZ.js → chunk.G6BQ2WKP.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk.I6S6TC3T.js";
 import {
   InputBase
-} from "./chunk.32CDX2G7.js";
+} from "./chunk.AYVXBNFN.js";
 import {
   l
 } from "./chunk.E6U524GP.js";
@@ -44,6 +44,7 @@ var DSAInputNative = class extends InputBase {
     this.passwordVisible = !this.passwordVisible;
   }
   renderInput() {
+    var _a, _b;
     const hasLabelSlot = this.hasSlotController.test("label");
     const overridenPrefixIcon = isPrefixIconOverriden(this.type) ? getOverridenIconDetails(this.type) : void 0;
     const hasPrefixIcon = overridenPrefixIcon !== void 0 || this.hasSlotController.test("prefix");
@@ -95,7 +96,9 @@ var DSAInputNative = class extends InputBase {
           id="input"
           class="input__control"
           type=${nativeType}
-          title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          title=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_a = this.accessibleName) != null ? _a : this.title
+    )}
           name=${ifDefinedAndNotEmpty(this.name)}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
@@ -115,7 +118,9 @@ var DSAInputNative = class extends InputBase {
           pattern=${o(this.pattern)}
           enterkeyhint=${o(this.enterkeyhint)}
           inputmode=${o(this.inputmode)}
-          aria-label=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
+    )}
           aria-describedby=${this.getDescriptionIds()}
           aria-invalid=${o(this.error ? "true" : void 0)}
           @change=${this.handleChange}
@@ -155,12 +160,13 @@ var DSAInputNative = class extends InputBase {
     `;
   }
   renderCounter() {
-    const counterText = this.maxlength && this.counter ? `${this.value.length}/${this.maxlength}` : void 0;
+    var _a, _b, _c;
+    const counterText = this.maxlength && this.counter ? `${(_b = (_a = this.value) == null ? void 0 : _a.length) != null ? _b : 0}/${this.maxlength}` : void 0;
     return counterText !== void 0 ? x`<span
           id="counter"
           class=${e2({
       "form-control__counter": true,
-      "form-control__counter--animated": this.value.length === this.maxlength
+      "form-control__counter--animated": ((_c = this.value) == null ? void 0 : _c.length) === this.maxlength
     })}
           >${counterText}</span
         >` : x``;

package/cdn/chunks/{chunk.JLURATAB.js → chunk.H2VYMPUG.js}

@@ -171,6 +171,7 @@ var DSACheckbox = class extends ShoelaceElement {
     this.formControlController.updateValidity();
   }
   render() {
+    var _a, _b;
     const hasLabelSlot = this.hasSlotController.test("[default]");
     const isDisabled = this.disabled || this.parentDisabled;
     const isReadonly = this.readonly || this.parentReadonly;
@@ -216,7 +217,7 @@ var DSACheckbox = class extends ShoelaceElement {
             id="input"
             class="checkbox__input"
             type="checkbox"
-            title=${this.title}
+            title=${(_a = this.accessibleName) != null ? _a : this.title}
             name=${ifDefinedAndNotEmpty(this.name)}
             value=${o(this.value)}
             .indeterminate=${l(this.indeterminate)}
@@ -224,7 +225,7 @@ var DSACheckbox = class extends ShoelaceElement {
             .disabled=${isDisabled}
             .required=${this.required}
             aria-label=${ifDefinedAndNotEmpty(
-      this.accessibleName || this.ariaLabel
+      (_b = this.accessibleName) != null ? _b : this.ariaLabel
     )}
             aria-checked=${this.checked ? "true" : "false"}
             aria-describedby=${o(this.error ? "error-text" : void 0)}

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

@@ -6,7 +6,7 @@ import {
 } from "./chunk.BQTNLW5P.js";
 import {
   DSAInput
-} from "./chunk.ORJKIZAO.js";
+} from "./chunk.SPF4JEAI.js";
 import {
   FilterBase
 } from "./chunk.4Q2WUHBV.js";

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk.6MHC5DNA.js";
 import {
   InputBase
-} from "./chunk.32CDX2G7.js";
+} from "./chunk.AYVXBNFN.js";
 import {
   l
 } from "./chunk.E6U524GP.js";
@@ -360,7 +360,7 @@ var DSAInputDate = class extends InputBase {
     this.formControlController.updateValidity();
   }
   renderInput() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     const hasPrefixIcon = this.hasSlotController.test("prefix");
     const hasClearIcon = this.clearable && !this.disabled && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
     return x`
@@ -395,9 +395,9 @@ var DSAInputDate = class extends InputBase {
         >
           <dsa-internal-date-field
             id="input-start"
-            parent-name=${this.range ? `${(_a = this.label) != null ? _a : this.title} - ${this.localize.term(
+            parent-name=${this.range ? `${(_b = (_a = this.label) != null ? _a : this.accessibleName) != null ? _b : this.title} - ${this.localize.term(
       "startDate"
-    )}` : (_b = this.label) != null ? _b : this.title}
+    )}` : (_d = (_c = this.label) != null ? _c : this.accessibleName) != null ? _d : this.title}
             description=${this.getDescriptionText("start")}
             .value=${l(
       this.range ? parseDateRange(this.value)[0] : this.value
@@ -430,11 +430,11 @@ var DSAInputDate = class extends InputBase {
           <dsa-internal-date-field
             hidden=${o(!this.range ? true : void 0)}
             id="input-end"
-            parent-name=${`${(_c = this.label) != null ? _c : this.title} - ${this.localize.term(
+            parent-name=${`${(_f = (_e = this.label) != null ? _e : this.accessibleName) != null ? _f : this.title} - ${this.localize.term(
       "endDate"
     )}`}
             description=${this.getDescriptionText("end")}
-            .value=${(_d = parseDateRange(this.value)[1]) != null ? _d : ""}
+            .value=${(_g = parseDateRange(this.value)[1]) != null ? _g : ""}
             .defaultValue=${o(parseDateRange(this.defaultValue)[1])}
             ?disabled=${this.disabled}
             lang=${o(this.lang)}
@@ -469,7 +469,7 @@ var DSAInputDate = class extends InputBase {
                     part="picker-button"
                     class="input__action-button icon-button--date"
                     name="calendar_today"
-                    label=${`${this.localize.term("picker")} - ${(_e = this.label) != null ? _e : this.title}`}
+                    label=${`${this.localize.term("picker")} - ${(_i = (_h = this.label) != null ? _h : this.accessibleName) != null ? _i : this.title}`}
                     size=${this.size}
                     ?disabled=${this.disabled || this.readonly}
                     @click=${this.showDatepicker}

package/cdn/chunks/{chunk.RIGMCOQV.js → chunk.KNXOB4UE.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk.IONY2GZF.js";
 import {
   InputBase
-} from "./chunk.32CDX2G7.js";
+} from "./chunk.AYVXBNFN.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -371,7 +371,7 @@ var DSAInputTime = class extends InputBase {
     `;
   }
   renderInput() {
-    var _a;
+    var _a, _b, _c, _d;
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasPrefixIcon = this.hasSlotController.test("prefix");
     const hasSuffixIcon = this.hasSlotController.test("suffix");
@@ -423,7 +423,9 @@ var DSAInputTime = class extends InputBase {
           id="input"
           class="input__control"
           type="time"
-          title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          title=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_a = this.accessibleName) != null ? _a : this.title
+    )}
           name=${ifDefinedAndNotEmpty(this.name)}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
@@ -436,7 +438,9 @@ var DSAInputTime = class extends InputBase {
           ?autofocus=${this.autofocus}
           enterkeyhint=${o(this.enterkeyhint)}
           inputmode="numeric"
-          aria-label=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
+    )}
           aria-describedby=${this.getDescriptionIds()}
           aria-invalid=${o(this.error ? "true" : void 0)}
           @change=${this.handleChange}
@@ -479,7 +483,7 @@ var DSAInputTime = class extends InputBase {
               part="picker-button"
               class="input__action-button icon-button--time"
               name="schedule"
-              label=${`${this.localize.term("selectATime")} - ${(_a = this.label) != null ? _a : this.title}`}
+              label=${`${this.localize.term("selectATime")} - ${(_d = (_c = this.label) != null ? _c : this.accessibleName) != null ? _d : this.title}`}
               @click=${this.toggleTimePicker}
               library="system"
               size=${this.size}

package/cdn/chunks/{chunk.ANBARN33.js → chunk.LAHTYN7O.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.MILYWVXX.js";
 import {
   InputBase
-} from "./chunk.32CDX2G7.js";
+} from "./chunk.AYVXBNFN.js";
 import {
   l
 } from "./chunk.E6U524GP.js";
@@ -151,6 +151,7 @@ var DSAInputOTP = class extends InputBase {
     `;
   }
   renderInput() {
+    var _a, _b;
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasLabel = this.label ? true : !!hasLabelSlot;
     return x`
@@ -191,7 +192,12 @@ var DSAInputOTP = class extends InputBase {
           pattern=${o(this.pattern)}
           enterkeyhint=${o(this.enterkeyhint)}
           inputmode=${o(this.inputmode)}
-          aria-label=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          title=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_a = this.accessibleName) != null ? _a : this.title
+    )}
+          aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
+    )}
           aria-describedby=${this.getDescriptionIds()}
           aria-invalid=${o(this.error ? "true" : void 0)}
           @change=${this.handleChange}

package/cdn/chunks/{chunk.HFZHMBO3.js → chunk.MYUDDEC5.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk.PHX6FWGI.js";
 import {
   InputBase
-} from "./chunk.32CDX2G7.js";
+} from "./chunk.AYVXBNFN.js";
 import {
   l
 } from "./chunk.E6U524GP.js";
@@ -113,6 +113,7 @@ var DSAInputMask = class extends InputBase {
     }
   }
   renderInput() {
+    var _a, _b;
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasPrefixIcon = this.hasSlotController.test("prefix");
     const hasSuffixIcon = this.hasSlotController.test("suffix");
@@ -167,7 +168,9 @@ var DSAInputMask = class extends InputBase {
       "input-mask__control-with-prefix": hasPrefixIcon
     })}
           type="text"
-          title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          title=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_a = this.accessibleName) != null ? _a : this.title
+    )}
           name=${ifDefinedAndNotEmpty(this.name)}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
@@ -183,7 +186,9 @@ var DSAInputMask = class extends InputBase {
           spellcheck=${this.spellcheck}
           enterkeyhint=${o(this.enterkeyhint)}
           inputmode=${this.inputmode}
-          aria-label=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+          aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
+    )}
           aria-describedby=${this.getDescriptionIds()}
           aria-invalid=${o(this.error ? "true" : void 0)}
           @change=${this.handleChange}

package/cdn/chunks/{chunk.22WBEYR5.js → chunk.N5YAEQVH.js}

@@ -116,6 +116,7 @@ var DSAMenuItem = class extends ShoelaceElement {
           rel=${o(this.type === "link" ? this.rel : void 0)}
           download=${o(this.type === "link" ? this.download : void 0)}
           aria-current=${ifDefinedAndNotEmpty(this.current)}
+          aria-expanded=${o(this.expanded)}
           tabindex=${o(this.disabled ? "-1" : void 0)}
           aria-label=${o(this.collapsed ? this.getTextLabel() : void 0)}
         >
@@ -168,6 +169,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, reflect: true })
 ], DSAMenuItem.prototype, "collapsed", 2);
+__decorateClass([
+  n()
+], DSAMenuItem.prototype, "expanded", 2);
 __decorateClass([
   watch("disabled")
 ], DSAMenuItem.prototype, "handleDisabledChange", 1);