@ds-autonomie/web-components 2.3.1 → 2.4.0

package/cdn/chunks/{chunk.RJUKDJQG.js → chunk.XLDTCR3W.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.O4MZVDWB.js";
 import {
   FormControlLayout
-} from "./chunk.TOWWOPMH.js";
+} from "./chunk.JZOEQBF7.js";
 import {
   combobox_styles_default
-} from "./chunk.7FRA5H32.js";
+} from "./chunk.FLMM3C4U.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -29,7 +29,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.LICWCBKN.js";
+} from "./chunk.VARBZAJP.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -69,6 +69,7 @@ var DSACombobox = class extends FormControlLayout {
     this.selectedOptions = [];
     this.allOptions = [];
     this.filteredOptions = [];
+    this.displayedOptionsCount = 0;
     this.debounceTimerId = null;
     this.open = false;
     this.value = "";
@@ -80,8 +81,9 @@ var DSACombobox = class extends FormControlLayout {
     this.items = void 0;
     this.multiple = false;
     this.maxOptionsVisible = 3;
+    this.visibleListLength = void 0;
     this.debounceTimeout = 300;
-    this.fetchingState = "success";
+    this.fetchingState = "idle";
     this.overrideDefaultFiltering = false;
   }
   /** Gets the validity state object */
@@ -99,6 +101,7 @@ var DSACombobox = class extends FormControlLayout {
     this.open = false;
     this.allOptions = this.getAllOptions();
     this.filteredOptions = [...this.allOptions];
+    this.resetDisplayedOptionsCount();
   }
   /** Input events */
   handleBlur() {
@@ -120,7 +123,11 @@ var DSACombobox = class extends FormControlLayout {
     event.preventDefault();
     this.displayInput.focus({ preventScroll: true });
     this.filterOptions(this.displayLabel);
-    this.open = !this.open;
+    if (!this.open) {
+      this.show();
+    } else {
+      this.hide();
+    }
   }
   handleComboboxKeyDown(event) {
     this.filterOptions(this.displayLabel);
@@ -147,7 +154,6 @@ var DSACombobox = class extends FormControlLayout {
     }
   }
   handleInput() {
-    var _a;
     this.displayLabel = this.displayInput.value;
     this.show();
     if (this.debounceTimerId !== null) {
@@ -157,12 +163,6 @@ var DSACombobox = class extends FormControlLayout {
       () => this.emit("dsa-input"),
       this.debounceTimeout
     );
-    if (!this.multiple) {
-      if (this.displayLabel !== ((_a = this.selectedOptions[0]) == null ? void 0 : _a.getTextLabel())) {
-        this.value = "";
-        this.clearSelectedOptions();
-      }
-    }
   }
   handleClearClick(event) {
     event.stopPropagation();
@@ -190,6 +190,9 @@ var DSACombobox = class extends FormControlLayout {
       });
     }
   }
+  resetDisplayedOptionsCount() {
+    this.displayedOptionsCount = this.visibleListLength ? Math.min(this.visibleListLength, this.filteredOptions.length) : this.filteredOptions.length;
+  }
   // Toggles an option's selected state
   toggleOptionSelection(option, force) {
     option.selected = force || !option.selected;
@@ -199,6 +202,10 @@ var DSACombobox = class extends FormControlLayout {
   handleOptionClick(event) {
     const target = event.target;
     const option = target.closest(OPTION_TAG);
+    this.setCurrentOption(void 0);
+    if (option === this.seeMoreOption) {
+      return;
+    }
     if (option !== null && !option.disabled) {
       const oldValue = this.value;
       if (this.multiple) {
@@ -222,6 +229,7 @@ var DSACombobox = class extends FormControlLayout {
     }
   }
   handleDefaultSlotChange() {
+    this.resetDisplayedOptionsCount();
     if (customElements.get(OPTION_TAG)) {
       this.allOptions = this.getAllOptions();
       this.filterOptions(this.displayLabel);
@@ -266,6 +274,7 @@ var DSACombobox = class extends FormControlLayout {
     optionsNodeList.forEach((option) => {
       const clonedOption = option.cloneNode(true);
       clonedOption.multiple = this.multiple;
+      clonedOption.id = clonedOption.value;
       allOptions.push(clonedOption);
     });
     return allOptions;
@@ -278,7 +287,7 @@ var DSACombobox = class extends FormControlLayout {
   }
   // Sets the current option, which is the option the user is currently interacting with (e.g. via keyboard). Only one
   // option may be "current" at a time.
-  setCurrentOption(option, focus = false) {
+  setCurrentOption(option) {
     this.allOptions.forEach((el) => {
       el.current = false;
       el.tabIndex = -1;
@@ -286,10 +295,6 @@ var DSACombobox = class extends FormControlLayout {
     if (option !== void 0) {
       this.currentOption = option;
       option.current = true;
-      option.tabIndex = 0;
-      if (focus) {
-        option.focus();
-      }
     } else {
       this.currentOption = void 0;
     }
@@ -313,7 +318,6 @@ var DSACombobox = class extends FormControlLayout {
     var _a, _b, _c, _d;
     if (this.multiple) {
       this.value = this.selectedOptions.map((el) => el.value);
-      this.displayLabel = "";
     } else {
       this.value = (_b = (_a = this.selectedOptions[0]) == null ? void 0 : _a.value) != null ? _b : this.value;
       this.displayLabel = (_d = (_c = this.selectedOptions[0]) == null ? void 0 : _c.getTextLabel()) != null ? _d : "";
@@ -381,7 +385,9 @@ var DSACombobox = class extends FormControlLayout {
       this.hide();
       this.displayInput.focus({ preventScroll: true });
       this.hasVisualFocus = true;
-    } else if (event.key === "Escape" && !this.open) {
+      return;
+    }
+    if (event.key === "Escape") {
       if (this.multiple && this.displayLabel !== "") {
         event.stopPropagation();
         this.displayLabel = "";
@@ -393,8 +399,13 @@ var DSACombobox = class extends FormControlLayout {
     }
   }
   handleEnterKey(event) {
+    var _a;
     const target = event.target;
     const isTag = target.closest("dsa-tag") !== null;
+    if ((_a = this.seeMoreOption) == null ? void 0 : _a.current) {
+      this.handleSeeMoreClick();
+      return;
+    }
     if (isTag) {
       return;
     }
@@ -422,35 +433,69 @@ var DSACombobox = class extends FormControlLayout {
     this.setCurrentOption(void 0);
   }
   handleNavigationKeys(event) {
-    const currentIndex = this.currentOption !== void 0 ? this.filteredOptions.indexOf(this.currentOption) : -1;
-    let newIndex = Math.max(0, currentIndex);
+    var _a, _b;
+    const currentOptionIndex = this.currentOption !== void 0 ? this.filteredOptions.indexOf(this.currentOption) : -1;
     event.preventDefault();
     if (!this.open) {
       this.show();
     }
     switch (event.key) {
       case "ArrowDown":
-        if (currentIndex < this.allOptions.length - 1) {
-          newIndex = currentIndex + 1;
+        if ((_a = this.seeMoreOption) == null ? void 0 : _a.current) break;
+        else if (currentOptionIndex < this.displayedOptionsCount - 1) {
+          this.setCurrentOption(this.filteredOptions[currentOptionIndex + 1]);
+        } else if (this.filteredOptions.length > this.displayedOptionsCount) {
+          this.setCurrentOption(void 0);
+          if (this.seeMoreOption) this.seeMoreOption.current = true;
         }
         break;
       case "ArrowUp":
-        if (currentIndex === -1) {
-          newIndex = 1;
-        } else if (currentIndex > 0) {
-          newIndex = currentIndex - 1;
+        if ((_b = this.seeMoreOption) == null ? void 0 : _b.current) {
+          this.setCurrentOption(
+            this.filteredOptions[this.displayedOptionsCount - 1]
+          );
+          this.seeMoreOption.current = false;
+        } else if (currentOptionIndex === -1) {
+          this.setCurrentOption(this.filteredOptions[0]);
+        } else if (currentOptionIndex > 0) {
+          this.setCurrentOption(this.filteredOptions[currentOptionIndex - 1]);
         }
         break;
       case "Home":
-        newIndex = 0;
+        this.setCurrentOption(this.filteredOptions[0]);
+        if (this.seeMoreOption) this.seeMoreOption.current = false;
         break;
       case "End":
-        newIndex = this.filteredOptions.length - 1;
+        this.setCurrentOption(
+          this.filteredOptions[this.displayedOptionsCount - 1]
+        );
+        if (this.seeMoreOption) this.seeMoreOption.current = false;
         break;
     }
-    this.setCurrentOption(this.filteredOptions[newIndex], true);
     this.hasVisualFocus = false;
   }
+  handleSeeMoreClick() {
+    var _a;
+    this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount]);
+    this.displayedOptionsCount = Math.min(
+      this.displayedOptionsCount + ((_a = this.visibleListLength) != null ? _a : 0),
+      this.filteredOptions.length
+    );
+    if (this.seeMoreOption) this.seeMoreOption.current = false;
+  }
+  getDescriptionIds() {
+    let ids = [];
+    if (this.multiple && this.maxOptionsVisible > 0) {
+      const tagList = this.selectedOptions.slice(0, this.maxOptionsVisible).map((option) => `tag-${option.value}`).join(" ");
+      ids = [...ids, tagList];
+    }
+    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(" ");
+  }
   handleDisabledChange() {
     if (this.disabled) {
       this.open = false;
@@ -466,6 +511,7 @@ var DSACombobox = class extends FormControlLayout {
   handleItemsChange() {
     var _a;
     (_a = this.items) == null ? void 0 : _a.forEach((item) => {
+      item.id = item.id && item.id !== "" ? item.id : item.value;
       item.multiple = this.multiple;
     });
     this.allOptions = this.getAllOptions();
@@ -477,6 +523,7 @@ var DSACombobox = class extends FormControlLayout {
     if (!this.multiple && this.selectedOptions.length > 0) {
       this.syncOnSelection();
     }
+    this.resetDisplayedOptionsCount();
   }
   handleValueChange() {
     const value = Array.isArray(this.value) ? this.value : [this.value];
@@ -496,7 +543,7 @@ var DSACombobox = class extends FormControlLayout {
       this.popup.active = true;
       this.displayInput.focus({ preventScroll: true });
       requestAnimationFrame(() => {
-        this.setCurrentOption(this.currentOption, true);
+        this.setCurrentOption(this.currentOption);
       });
       const { keyframes, options } = getAnimation(this, "select.show", {
         dir: this.localize.dir()
@@ -520,7 +567,12 @@ var DSACombobox = class extends FormControlLayout {
     }
   }
   handleDisplayLabelChange() {
+    var _a;
     this.filterOptions(this.displayLabel);
+    if (!((_a = this.seeMoreOption) == null ? void 0 : _a.current)) {
+      this.setCurrentOption(this.filteredOptions[0]);
+    }
+    this.resetDisplayedOptionsCount();
   }
   handleMultipleChange() {
     this.allOptions.forEach((option) => {
@@ -529,7 +581,7 @@ var DSACombobox = class extends FormControlLayout {
   }
   /** Shows the listbox. */
   async show() {
-    if (this.open || this.disabled || this.readonly) {
+    if (this.open || this.disabled || this.readonly || this.allOptions.length === 0 && this.fetchingState === "idle") {
       return void 0;
     }
     this.open = true;
@@ -581,7 +633,10 @@ var DSACombobox = class extends FormControlLayout {
     const isPlaceholderVisible = this.placeholder && this.value.length === 0;
     const selectInputWidth = this.value ? 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`;
+    const displayedOptions = this.filteredOptions.slice(
+      0,
+      this.displayedOptionsCount
+    );
     return x`
       <dsa-popup
         class=${e2({
@@ -652,7 +707,7 @@ var DSACombobox = class extends FormControlLayout {
       hasLabel ? void 0 : this.title
     )}
               aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
-              aria-describedby=${ariaDescribedBy}
+              aria-describedby=${this.getDescriptionIds()}
               aria-activedescendant=${(_b = (_a = this.currentOption) == null ? void 0 : _a.id) != null ? _b : ""}
               aria-invalid=${o(this.error ? "true" : void 0)}
               aria-required=${o(this.required ? "true" : void 0)}
@@ -732,43 +787,55 @@ var DSACombobox = class extends FormControlLayout {
                   <dsa-icon name="close" library="system"></dsa-icon>
                 </button>
               ` : ""}
-
-          <dsa-icon
-            class="select__expand-icon"
-            name="expand_more"
-            library="system"
-          ></dsa-icon>
+          ${this.allOptions.length > 0 || this.fetchingState !== "idle" ? x`
+                <dsa-icon
+                  class="select__expand-icon"
+                  name="expand_more"
+                  library="system"
+                ></dsa-icon>
+              ` : ""}
+        </div>
+        <div class="select__panel" @keydown=${this.handleDefaultKeyDown}>
+          <ul
+            id="listbox"
+            role="listbox"
+            aria-expanded=${this.open ? "true" : "false"}
+            aria-multiselectable="false"
+            aria-labelledby="label"
+            part="listbox"
+            class="select__listbox"
+            tabindex="-1"
+            @mouseup=${this.handleOptionClick}
+          >
+            ${this.fetchingState === "loading" ? x`
+                  <div class="select__loading_text">
+                    <dsa-spinner></dsa-spinner>
+                    <p>${this.localize.term("optionsLoading")}</p>
+                  </div>
+                ` : x``}
+            ${this.fetchingState === "error" ? x`
+                  <div class="select__loading_text">
+                    <p>${this.localize.term("optionsError")}</p>
+                  </div>
+                ` : x``}
+            ${["idle", "success"].includes(this.fetchingState) && this.filteredOptions.length > 0 ? displayedOptions : x``}
+            ${this.visibleListLength && this.visibleListLength > 0 && this.filteredOptions.length > this.displayedOptionsCount ? x`
+                  <dsa-option
+                    class="select__panel-see-more-option"
+                    id="dsa-seemore-option"
+                    @click=${this.handleSeeMoreClick}
+                    ><span class="see-more-option-text"
+                      >${this.localize.term("seeMore")}</span
+                    ></dsa-option
+                  >
+                ` : ""}
+            ${["idle", "success"].includes(this.fetchingState) && this.filteredOptions.length === 0 ? x`
+                  <div class="select__empty_text">
+                    <p>${this.localize.term("noMatchFound")}</p>
+                  </div>
+                ` : x``}
+          </ul>
         </div>
-        <ul
-          id="listbox"
-          role="listbox"
-          aria-expanded=${this.open ? "true" : "false"}
-          aria-multiselectable="false"
-          aria-labelledby="label"
-          part="listbox"
-          class="select__listbox"
-          tabindex="-1"
-          @mouseup=${this.handleOptionClick}
-          @keydown=${this.handleDefaultKeyDown}
-        >
-          ${this.fetchingState === "loading" ? x`
-                <div class="select__loading_text">
-                  <dsa-spinner></dsa-spinner>
-                  <p>${this.localize.term("optionsLoading")}</p>
-                </div>
-              ` : x``}
-          ${this.fetchingState === "error" ? x`
-                <div class="select__loading_text">
-                  <p>${this.localize.term("optionsError")}</p>
-                </div>
-              ` : x``}
-          ${this.fetchingState === "success" && this.filteredOptions.length > 0 ? this.filteredOptions : x``}
-          ${this.fetchingState === "success" && this.filteredOptions.length === 0 ? x`
-                <div class="select__empty_text">
-                  <p>${this.localize.term("noMatchFound")}</p>
-                </div>
-              ` : x``}
-        </ul>
 
         <slot
           class="slot_options"
@@ -796,6 +863,9 @@ __decorateClass([
 __decorateClass([
   e(".select__listbox")
 ], DSACombobox.prototype, "listbox", 2);
+__decorateClass([
+  e(".select__panel-see-more-option")
+], DSACombobox.prototype, "seeMoreOption", 2);
 __decorateClass([
   r()
 ], DSACombobox.prototype, "hasVisualFocus", 2);
@@ -814,6 +884,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], DSACombobox.prototype, "filteredOptions", 2);
+__decorateClass([
+  r()
+], DSACombobox.prototype, "displayedOptionsCount", 2);
 __decorateClass([
   r()
 ], DSACombobox.prototype, "debounceTimerId", 2);
@@ -858,6 +931,9 @@ __decorateClass([
 __decorateClass([
   n({ attribute: "max-options-visible", type: Number })
 ], DSACombobox.prototype, "maxOptionsVisible", 2);
+__decorateClass([
+  n({ attribute: "visible-list-length", type: Number || void 0 })
+], DSACombobox.prototype, "visibleListLength", 2);
 __decorateClass([
   n({ type: Number, attribute: "debounce-timeout" })
 ], DSACombobox.prototype, "debounceTimeout", 2);

package/cdn/chunks/{chunk.WOONNSQ2.js → chunk.XRFDWQQQ.js}

@@ -1,6 +1,6 @@
 import {
   download_link_styles_default
-} from "./chunk.LFCUNNYV.js";
+} from "./chunk.DROLKHEJ.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";
@@ -40,6 +40,7 @@ var DSADownloadLink = class extends ShoelaceElement {
       "link--floating-menu": this.variant === "floating",
       "document-link--x-large": this.size === "xlarge",
       "document-link--large": this.size === "large",
+      "document-link--medium": this.size === "medium",
       "document-link--small": this.size === "small",
       "document-link--x-small": this.size === "xsmall",
       "document-link--2x-small": this.size === "2xsmall"

package/cdn/chunks/{chunk.YA7ZX7VM.js → chunk.Y5RTMSTB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.CUCCBQJX.js";
 import {
   LocalizeController
-} from "./chunk.LICWCBKN.js";
+} from "./chunk.VARBZAJP.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/{dist/chunks/chunk.6YEPFMKU.js → cdn/chunks/chunk.YBWQADCH.js}

@@ -29,11 +29,10 @@ function isISODate(date) {
 }
 function isValidDate(isoDate) {
   const [year, month, day] = isoDate.split("-");
-  const d = new Date(Number(year), Number(month) - 1, Number(day));
-  d.setUTCFullYear(Number(year));
   if ([year, month, day].includes("")) {
     return false;
   }
+  const d = /* @__PURE__ */ new Date(`${isoDate}T00:00`);
   if (d.getFullYear() === Number(year) && d.getMonth() === Number(month) - 1 && d.getDate() === Number(day)) {
     return true;
   }
@@ -49,10 +48,7 @@ function getISOFormattedDate(date) {
   return `${year}-${month}-${day}`;
 }
 function getDateFromISO(isoDate) {
-  const [year, month, day] = isoDate.split("-");
-  const date = new Date(Number(year), Number(month) - 1, Number(day));
-  date.setUTCFullYear(Number(year));
-  return date;
+  return /* @__PURE__ */ new Date(`${isoDate}T00:00`);
 }
 function monthLength(month, year) {
   if (!month) {

package/cdn/chunks/{chunk.NBPMAZHK.js → chunk.YDT7HT2E.js}

@@ -101,9 +101,6 @@ var alert_styles_default = i`
 
   .alert__icon {
     font-size: var(--dsa-wc-alert-icon-size);
-  }
-
-  .alert__icon {
     margin-inline-end: var(--dsa-wc-alert-icon-margin-inline);
   }
 

package/cdn/chunks/{chunk.FXVCDQEN.js → chunk.YJBMFRB4.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";
@@ -241,6 +244,16 @@ var DSADrawer = class extends ShoelaceElement {
     return await waitForEvent(this, "dsa-after-hide");
   }
   render() {
+    if (!this.label && !this.hasSlotController.test("label")) {
+      a11yWarning(
+        "<dsa-drawer> requires a label attribute or a label slot for accessibility"
+      );
+    }
+    if (this.noHeader && !this.label) {
+      a11yWarning(
+        "<dsa-drawer> requires a label attribute for accessibility when `no-header` is set"
+      );
+    }
     return x`
       <div
         part="base"
@@ -295,6 +308,7 @@ var DSADrawer = class extends ShoelaceElement {
                       label=${this.localize.term("close")}
                       @click=${() => this.requestClose("close-button")}
                       library="system"
+                      size="large"
                     ></dsa-icon-button>
                   </div>
                 </header>

package/cdn/chunks/{chunk.65HTBW2L.js → chunk.YKKP7YAT.js}

@@ -4,6 +4,11 @@ var NationalFrenchPhoneConfig = {
   mask: "# ## ## ## ##",
   pattern: "^((\\+)33|(\\+)262|(\\+)590|(\\+)594|(\\+)596)[1-9](\\d{2}){4}$"
 };
+var EightNumbersPhoneConfig = {
+  placeholder: "__ __ __ __",
+  mask: "## ## ## ##",
+  pattern: "^(\\+)689(\\d{2}){4}$"
+};
 var SixNumbersPhoneConfig = {
   placeholder: "__ __ __",
   mask: "## ## ##",
@@ -14,8 +19,9 @@ function getPhoneConfig(phonePrefix) {
     case "+508":
     case "+681":
     case "+687":
-    case "+689":
       return SixNumbersPhoneConfig;
+    case "+689":
+      return EightNumbersPhoneConfig;
     case "+33":
     case "+262":
     case "+590":

package/cdn/chunks/{chunk.CZFLF4QH.js → chunk.ZCBARTO2.js}

@@ -1,6 +1,9 @@
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";
@@ -11,7 +14,7 @@ import {
 } from "./chunk.DZB6XUZ7.js";
 import {
   anchor_tag_styles_default
-} from "./chunk.BILEGEVX.js";
+} from "./chunk.5AF25B3X.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";
@@ -35,6 +38,11 @@ var DSAAnchorTag = class extends ShoelaceElement {
     this.size = "medium";
   }
   render() {
+    if (!this.label) {
+      a11yWarning(
+        "<dsa-anchor-tag> requires a label attribute for accessibility"
+      );
+    }
     return x`
       <a
         part="base"

package/cdn/chunks/{chunk.HMLKFYNH.js → chunk.ZDF27RIQ.js}

@@ -17,10 +17,13 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.LICWCBKN.js";
+} from "./chunk.VARBZAJP.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
@@ -161,6 +164,12 @@ var DSANavbarMenu = class extends ShoelaceElement {
     return await waitForEvent(this, "dsa-after-hide");
   }
   render() {
+    const hasSlotLabel = this.hasSlotController.test("label");
+    if (!this.label && !hasSlotLabel) {
+      a11yWarning(
+        "<dsa-navbar-menu> requires a label attribute or a label slot for accessibility"
+      );
+    }
     if (this.mobile) {
       return x`
         <div
@@ -233,7 +242,7 @@ var DSANavbarMenu = class extends ShoelaceElement {
         >
           <span
             class="navbar-menu__button__label"
-            data-content="${this.hasSlotController.test("label") ? this.querySelector('[slot="label"]').innerText : this.label}"
+            data-content="${hasSlotLabel ? this.querySelector('[slot="label"]').innerText : this.label}"
           >
             <slot name="label">${this.label}</slot>
           </span>

package/cdn/chunks/{chunk.55Y4QE5R.js → chunk.ZHJDF2I3.js}

@@ -1,15 +1,15 @@
 import {
   DSAOption
-} from "./chunk.YA7ZX7VM.js";
+} from "./chunk.Y5RTMSTB.js";
 import {
   DSAInput
-} from "./chunk.AATBJDAH.js";
+} from "./chunk.UPVAZQNH.js";
 import {
   filter_select_styles_default
 } from "./chunk.57V66KCM.js";
 import {
   FilterBase
-} from "./chunk.4AMHKT45.js";
+} from "./chunk.4ZEHBLJR.js";
 import {
   normalizeStr
 } from "./chunk.O4MZVDWB.js";