@ds-autonomie/web-components 1.0.1 → 1.2.0

package/dist/chunks/{chunk.NDEZEB3Z.js → chunk.EDRQ2QWB.js}

@@ -3,16 +3,19 @@ import {
 } from "./chunk.VRY3E2XG.js";
 import {
   defaultValue
-} from "./chunk.GI7VDIWX.js";
+} from "./chunk.CMJ2SRTL.js";
 import {
   FormControlController
 } from "./chunk.KIFBWPW5.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -245,8 +248,8 @@ var DSATextarea = class extends ShoelaceElement {
               part="textarea"
               id="input"
               class="textarea__control"
-              title=${hasLabel ? void 0 : this.title}
-              name=${ifDefined(this.name)}
+              title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+              name=${ifDefinedAndNotEmpty(this.name)}
               .value=${live(this.value)}
               ?disabled=${this.disabled}
               ?readonly=${this.readonly}
@@ -262,7 +265,9 @@ var DSATextarea = class extends ShoelaceElement {
               enterkeyhint=${ifDefined(this.enterkeyhint)}
               inputmode=${ifDefined(this.inputmode)}
               aria-describedby=${this.error ? "error-text help-text" : "help-text"}
-              aria-label=${hasLabel ? void 0 : this.title}
+              aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : this.title
+    )}
               @change=${this.handleChange}
               @input=${this.handleInput}
               @invalid=${this.handleInvalid}

package/dist/chunks/{chunk.XSCX6TC5.js → chunk.EXIGM5NV.js}

@@ -1,6 +1,9 @@
 import {
   icon_button_styles_default
 } from "./chunk.QFJA3MTV.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -68,7 +71,7 @@ var DSAIconButton = class extends ShoelaceElement {
     )}
         role=${ifDefined(isLink ? void 0 : "button")}
         aria-disabled=${this.disabled ? "true" : "false"}
-        aria-label="${this.label}"
+        aria-label=${ifDefinedAndNotEmpty(this.label)}
         tabindex=${this.disableTabIndex || this.disabled ? "-1" : "0"}
         @blur=${this.handleBlur}
         @focus=${this.handleFocus}

package/dist/chunks/{chunk.4A3WMGMZ.js → chunk.FHDPJN6L.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.XNEONNEJ.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.YS7MY5CH.js → chunk.FHGXKQDW.js}

@@ -1,25 +1,28 @@
-import {
-  input_styles_default
-} from "./chunk.WNHQYL5W.js";
 import {
   getOverridenIconDetails,
   isPrefixIconOverriden
 } from "./chunk.KBT2EKLF.js";
+import {
+  input_styles_default
+} from "./chunk.MTZZV3NB.js";
 import {
   defaultValue
-} from "./chunk.GI7VDIWX.js";
+} from "./chunk.CMJ2SRTL.js";
 import {
   FormControlController
 } from "./chunk.KIFBWPW5.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -141,16 +144,6 @@ var DSAInput = class extends ShoelaceElement {
   handlePasswordToggle() {
     this.passwordVisible = !this.passwordVisible;
   }
-  getPickerIcon() {
-    switch (this.type) {
-      case "date":
-        return "calendar_today";
-      case "time":
-        return "schedule";
-      default:
-        return void 0;
-    }
-  }
   handleErrorChange() {
     if (this.error) {
       this.setAttribute("aria-invalid", "true");
@@ -242,7 +235,6 @@ var DSAInput = class extends ShoelaceElement {
     const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
     const hasClearIcon = this.clearable && !this.disabled && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
     const hasHideIcon = this.type === "password" && !this.disabled;
-    const pickerIcon = this.getPickerIcon();
     return html`
       <div
         part="form-control"
@@ -303,8 +295,8 @@ var DSAInput = class extends ShoelaceElement {
               id="input"
               class="input__control"
               type=${this.type === "password" && this.passwordVisible ? "text" : this.type}
-              title=${hasLabel ? void 0 : this.title}
-              name=${ifDefined(this.name)}
+              title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+              name=${ifDefinedAndNotEmpty(this.name)}
               ?disabled=${this.disabled}
               ?readonly=${this.readonly}
               ?required=${this.required}
@@ -323,7 +315,9 @@ var DSAInput = class extends ShoelaceElement {
               pattern=${ifDefined(this.pattern)}
               enterkeyhint=${ifDefined(this.enterkeyhint)}
               inputmode=${ifDefined(this.inputmode)}
-              aria-label=${hasLabel ? void 0 : this.title}
+              aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : this.title
+    )}
               aria-describedby=${this.error ? "error-text help-text" : "help-text"}
               @change=${this.handleChange}
               @input=${this.handleInput}
@@ -338,7 +332,7 @@ var DSAInput = class extends ShoelaceElement {
                       part="clear-button"
                       class="input__action-button"
                       name="clear"
-                      aria-label=${this.localize.term("clearEntry")}
+                      label=${this.localize.term("clearEntry")}
                       @click=${this.handleClearClick}
                     ></dsa-icon-button>
                   ` : ""}
@@ -351,12 +345,12 @@ var DSAInput = class extends ShoelaceElement {
                     name=${this.passwordVisible ? "visibility_off" : "visibility"}
                     @click=${this.handlePasswordToggle}
                   ></dsa-icon-button>` : ""}
-            ${pickerIcon !== void 0 ? html`
+            ${this.type === "time" ? html`
                     <dsa-icon-button
                       part="picker-button"
                       class="input__action-button"
-                      name=${pickerIcon}
-                      aria-label=${this.localize.term("clearEntry")}
+                      name="schedule"
+                      label=${this.localize.term("selectATime")}
                       @click=${this.showPicker}
                     ></dsa-icon-button>
                   ` : ""}

package/dist/chunks/{chunk.KDAK2GXX.js → chunk.FKIKQX6B.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.ABGBXXKA.js → chunk.FTWZNCEH.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.6FAUBLR3.js → chunk.G3ESG6Q5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.RMCOWJOW.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.WHK7EFIM.js → chunk.GP5Z27QB.js}

@@ -1,15 +1,18 @@
 import {
   defaultValue
-} from "./chunk.GI7VDIWX.js";
+} from "./chunk.CMJ2SRTL.js";
 import {
   FormControlController
 } from "./chunk.KIFBWPW5.js";
 import {
   checkbox_styles_default
 } from "./chunk.WE6IG5XG.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -150,8 +153,8 @@ var DSACheckbox = class extends ShoelaceElement {
           <input
             class="checkbox__input"
             type="checkbox"
-            title=${this.title}
-            name=${this.name}
+            title=${ifDefinedAndNotEmpty(this.title)}
+            name=${ifDefinedAndNotEmpty(this.name)}
             value=${ifDefined(this.value)}
             .indeterminate=${live(this.indeterminate)}
             .checked=${live(this.checked)}

package/dist/chunks/{chunk.2HUORR44.js → chunk.GRV3MK3D.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.JETXIC4F.js → chunk.HPK6C7NJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.VFYKLPN2.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.UZLQVFDR.js → chunk.IJL7YMFL.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.GYTA2LJC.js → chunk.J6XP4AFN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.PWWER3ZK.js → chunk.JJ3GF7YP.js}

@@ -1,18 +1,21 @@
 import {
   select_styles_default
-} from "./chunk.DURVPB6M.js";
-import {
-  defaultValue
-} from "./chunk.GI7VDIWX.js";
+} from "./chunk.D6DEGG4H.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
+import {
+  defaultValue
+} from "./chunk.CMJ2SRTL.js";
 import {
   FormControlController
 } from "./chunk.KIFBWPW5.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -26,10 +29,10 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -41,6 +44,7 @@ import {
 import { html } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 var DSASelect = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -67,6 +71,7 @@ var DSASelect = class extends ShoelaceElement {
     this.variant = "base";
     this.maxOptionsVisible = 3;
     this.disabled = false;
+    this.readonly = false;
     this.clearable = false;
     this.open = false;
     this.hoist = false;
@@ -127,8 +132,10 @@ var DSASelect = class extends ShoelaceElement {
     if (isClearButton || isIconButton) {
       return;
     }
-    if (event.key === "Escape" && this.open) {
-      event.preventDefault();
+    if (this.open && (event.key === "Tab" || event.key === "Escape")) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+      }
       event.stopPropagation();
       this.hide();
       this.displayInput.focus({ preventScroll: true });
@@ -229,7 +236,7 @@ var DSASelect = class extends ShoelaceElement {
     const isIconButton = path.some(
       (el) => el instanceof Element && el.tagName.toLowerCase() === "dsa-icon-button"
     );
-    if (this.disabled || isIconButton) {
+    if (this.readonly || this.disabled || isIconButton) {
       return;
     }
     event.preventDefault();
@@ -379,6 +386,12 @@ var DSASelect = class extends ShoelaceElement {
       this.handleOpenChange();
     }
   }
+  handleReadonlyChange() {
+    if (this.readonly) {
+      this.open = false;
+      this.handleOpenChange();
+    }
+  }
   handleValueChange() {
     const allOptions = this.getAllOptions();
     const value = Array.isArray(this.value) ? this.value : [this.value];
@@ -387,7 +400,7 @@ var DSASelect = class extends ShoelaceElement {
     );
   }
   async handleOpenChange() {
-    if (this.open && !this.disabled) {
+    if (this.open && !this.disabled && !this.readonly) {
       this.setCurrentOption(this.selectedOptions[0] || this.getFirstOption());
       this.emit("dsa-show");
       this.addOpenListeners();
@@ -420,7 +433,7 @@ var DSASelect = class extends ShoelaceElement {
   }
   /** Shows the listbox. */
   async show() {
-    if (this.open || this.disabled) {
+    if (this.open || this.disabled || this.readonly) {
       this.open = false;
       return void 0;
     }
@@ -429,7 +442,7 @@ var DSASelect = class extends ShoelaceElement {
   }
   /** Hides the listbox. */
   async hide() {
-    if (!this.open || this.disabled) {
+    if (!this.open || this.disabled || this.readonly) {
       this.open = false;
       return void 0;
     }
@@ -467,16 +480,18 @@ var DSASelect = class extends ShoelaceElement {
     const hasHelpTextSlot = this.hasSlotController.test("help-text");
     const hasLabel = this.label ? true : !!hasLabelSlot;
     const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
-    const hasClearIcon = this.clearable && !this.disabled && isValueDefined;
+    const hasClearIcon = this.clearable && !this.disabled && !this.readonly && isValueDefined;
     const isPlaceholderVisible = this.placeholder && this.value.length === 0;
     const selectInputWidth = this.displayValue ? isValueDefined ? this.value.length : 1 : void 0;
+    const isDisabledOrReadonly = this.disabled || this.readonly;
     return html`
       <div
         part="form-control"
         class=${classMap({
       "form-control": true,
-      "form-control--error": this.error,
+      "form-control--error": this.error && !isDisabledOrReadonly,
       "form-control--disabled": this.disabled,
+      "form-control--readonly": this.readonly,
       "form-control--small": this.size === "small",
       "form-control--medium": this.size === "medium",
       "form-control--large": this.size === "large",
@@ -506,6 +521,7 @@ var DSASelect = class extends ShoelaceElement {
       "select--error": this.error,
       "select--open": this.open,
       "select--disabled": this.disabled,
+      "select--readonly": this.readonly,
       "select--multiple": this.multiple,
       "select--focused": this.hasFocus,
       "select--placeholder-visible": isPlaceholderVisible,
@@ -546,20 +562,24 @@ var DSASelect = class extends ShoelaceElement {
                 class="select__display-input"
                 type="text"
                 placeholder=${this.placeholder}
-                .disabled=${this.disabled}
+                .disabled=${isDisabledOrReadonly}
                 .value=${this.displayValue ? this.value : this.displayLabel}
-                size=${selectInputWidth}
+                size=${ifDefined(selectInputWidth)}
                 autocomplete="off"
                 spellcheck="false"
                 autocapitalize="off"
                 readonly
-                title=${hasLabel ? void 0 : this.title}
+                title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
                 aria-controls="listbox"
                 aria-expanded=${this.open ? "true" : "false"}
                 aria-haspopup="listbox"
-                aria-labelledby=${hasLabel ? "label" : void 0}
-                aria-label=${hasLabel ? void 0 : this.title}
-                aria-disabled=${this.disabled ? "true" : "false"}
+                aria-labelledby=${ifDefinedAndNotEmpty(
+      hasLabel ? "label" : void 0
+    )}
+                aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : this.title
+    )}
+                aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
                 aria-describedby="help-text"
                 role="combobox"
                 tabindex="0"
@@ -607,7 +627,7 @@ var DSASelect = class extends ShoelaceElement {
               <input
                 class="select__value-input"
                 type="text"
-                ?disabled=${this.disabled}
+                ?disabled=${isDisabledOrReadonly}
                 ?required=${this.required}
                 .value=${Array.isArray(this.value) ? this.value.join(", ") : this.value}
                 tabindex="-1"
@@ -624,12 +644,10 @@ var DSASelect = class extends ShoelaceElement {
                       aria-label=${this.localize.term("clearEntry")}
                       @mousedown=${this.handleClearMouseDown}
                       @click=${this.handleClearClick}
-                      tabindex="-1"
                     >
                       <dsa-icon name="close"></dsa-icon>
                     </button>
                   ` : ""}
-
               <dsa-icon
                 class="select__expand-icon"
                 name="arrow_drop_down"
@@ -660,7 +678,7 @@ var DSASelect = class extends ShoelaceElement {
           ${this.helpText}
         </slot>
 
-        ${this.error && !this.disabled ? html`<dsa-error-text
+        ${this.error && !isDisabledOrReadonly ? html`<dsa-error-text
               part="form-control-error-text"
               class="form-control__error-text"
               >${this.errorMessage}</dsa-error-text
@@ -738,6 +756,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSASelect.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean })
+], DSASelect.prototype, "readonly", 2);
 __decorateClass([
   property({ type: Boolean })
 ], DSASelect.prototype, "clearable", 2);
@@ -777,6 +798,9 @@ __decorateClass([
 __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], DSASelect.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch("readonly", { waitUntilFirstUpdate: true })
+], DSASelect.prototype, "handleReadonlyChange", 1);
 __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], DSASelect.prototype, "handleValueChange", 1);

package/dist/chunks/{chunk.OVK7QCA7.js → chunk.JLMY5OVR.js}

@@ -1,25 +1,28 @@
 import {
   input_mask_styles_default
-} from "./chunk.O73OYTYJ.js";
+} from "./chunk.2HV2U4RQ.js";
 import {
   getMaskedValue,
   stripSpecialChars
 } from "./chunk.SQMWMSBA.js";
 import {
   defaultValue
-} from "./chunk.GI7VDIWX.js";
+} from "./chunk.CMJ2SRTL.js";
 import {
   FormControlController
 } from "./chunk.KIFBWPW5.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -277,8 +280,8 @@ var DSAInputMask = class extends ShoelaceElement {
       "input-mask__control-with-prefix": hasPrefixIcon
     })}
               type="text"
-              title=${hasLabel ? void 0 : this.title}
-              name=${ifDefined(this.name)}
+              title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
+              name=${ifDefinedAndNotEmpty(this.name)}
               ?disabled=${this.disabled}
               ?readonly=${this.readonly}
               ?required=${this.required}
@@ -294,8 +297,10 @@ var DSAInputMask = class extends ShoelaceElement {
               spellcheck=${this.spellcheck}
               enterkeyhint=${ifDefined(this.enterkeyhint)}
               inputmode=${this.inputmode}
-              aria-label=${hasLabel ? void 0 : this.title}
-              aria-describedby=${this.error ? "error-text help-text" : "help-text"}
+              aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : this.title
+    )}
+              aria-describedby=${this.error ? "input-mask error-text help-text" : "input-mask help-text"}
               @change=${this.handleChange}
               @input=${this.handleInput}
               @invalid=${this.handleInvalid}
@@ -313,7 +318,6 @@ var DSAInputMask = class extends ShoelaceElement {
                       type="button"
                       aria-label=${this.localize.term("clearEntry")}
                       @click=${this.handleClearClick}
-                      tabindex="-1"
                     >
                       <slot name="clear-icon">
                         <dsa-icon name="close"></dsa-icon>

package/dist/chunks/{chunk.N6VVY6XD.js → chunk.K6YLMID4.js}

@@ -1,9 +1,12 @@
 import {
   tag_styles_default
 } from "./chunk.WFHOSUOX.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -43,7 +46,7 @@ var DSATag = class extends ShoelaceElement {
       // Modifiers
       "tag--removable": this.removable
     })}
-        title=${this.label}
+        title=${ifDefinedAndNotEmpty(this.label)}
       >
         <slot part="prefix" name="prefix" class="tag__prefix"></slot>
 
@@ -56,7 +59,7 @@ var DSATag = class extends ShoelaceElement {
                 part="remove-button"
                 exportparts="base:remove-button__base"
                 name="close"
-                label=${this.localize.term("remove")}
+                label=${`${this.localize.term("remove")} ${this.label}`}
                 class="tag__remove"
                 @click=${this.handleRemoveClick}
                 ?disable-tab-index=${this.disableRemovableFocus}

package/dist/chunks/{chunk.5XUV3SRW.js → chunk.KOZIER6A.js}

@@ -1,9 +1,9 @@
-import {
-  drawer_styles_default
-} from "./chunk.DXVNWE2M.js";
 import {
   Modal
 } from "./chunk.ISAFRNR2.js";
+import {
+  drawer_styles_default
+} from "./chunk.DXVNWE2M.js";
 import {
   lockBodyScrolling,
   unlockBodyScrolling
@@ -11,6 +11,9 @@ import {
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -24,10 +27,10 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -260,7 +263,9 @@ var DSADrawer = class extends ShoelaceElement {
           role="dialog"
           aria-modal="true"
           aria-hidden=${this.open ? "false" : "true"}
-          aria-label=${ifDefined(this.noHeader ? this.label : void 0)}
+          aria-label=${ifDefinedAndNotEmpty(
+      this.noHeader ? this.label : void 0
+    )}
           aria-labelledby=${ifDefined(!this.noHeader ? "title" : void 0)}
           tabindex="0"
         >

package/dist/chunks/{chunk.A2PAK6VF.js → chunk.LUHEO6AS.js}

@@ -11,13 +11,13 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.5XL2LZLC.js";
+} from "./chunk.NBPVVWJU.js";
 import {
   alert_styles_default
 } from "./chunk.Z6TBD2AC.js";
 import {
   watch
-} from "./chunk.D7CATJYB.js";
+} from "./chunk.6IH66JBY.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";