@ds-autonomie/web-components 2.19.0 → 2.21.0

package/dist/chunks/{chunk.JKNKFWLE.js → chunk.2I4VZQYC.js}

@@ -17,6 +17,11 @@ import { customElement, property } from "lit/decorators.js";
 var DSAMutationObserver = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
+    this.handleMutation = (mutationList) => {
+      this.emit("dsa-mutation", {
+        detail: { mutationList }
+      });
+    };
     this.attrOldValue = false;
     this.charData = false;
     this.charDataOldValue = false;
@@ -25,7 +30,6 @@ var DSAMutationObserver = class extends ShoelaceElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    this.handleMutation = this.handleMutation.bind(this);
     this.mutationObserver = new MutationObserver(this.handleMutation);
     if (!this.disabled) {
       this.startObserver();
@@ -34,11 +38,6 @@ var DSAMutationObserver = class extends ShoelaceElement {
   disconnectedCallback() {
     this.stopObserver();
   }
-  handleMutation(mutationList) {
-    this.emit("dsa-mutation", {
-      detail: { mutationList }
-    });
-  }
   startObserver() {
     const observeAttributes = typeof this.attr === "string" && this.attr.length > 0;
     const attributeFilter = observeAttributes && this.attr !== "*" ? this.attr.split(" ") : void 0;

package/dist/chunks/{chunk.7OLEA3GQ.js → chunk.3D7AGBFQ.js}

@@ -1,5 +1,10 @@
 // src/components/input-mask/input-mask.utils.ts
+import { html } from "lit";
 var specialCharPattern = /[^a-zA-Z0-9#?_]+/g;
+var specialCharMatcher = /[^a-zA-Z0-9#?_]/;
+var alphaCharPattern = /[A-Z]/i;
+var digitCharPattern = /\d/;
+var maskCharsCache = /* @__PURE__ */ new Map();
 var normalCharPattern = /^[_A-z0-9]*((-)*[_A-z0-9])*$/;
 var maskOptions = {
   allChar: "_",
@@ -7,50 +12,46 @@ var maskOptions = {
   alphaChar: "?LaA"
 };
 function keepMaskChars(word) {
-  return word.replace(/[^_#dDmMyYaA09?L]+/g, "");
+  let maskChars = maskCharsCache.get(word);
+  if (maskChars === void 0) {
+    maskChars = word.replace(/[^_#dDmMyYaA09?L]+/g, "");
+    maskCharsCache.set(word, maskChars);
+  }
+  return maskChars;
 }
 function stripSpecialChars(word) {
   return word.replace(specialCharPattern, "");
 }
 function isSpecialChar(word) {
-  return word.match(specialCharPattern) !== null;
+  return specialCharMatcher.test(word);
 }
 function rawValueToMaskedValue(rawValue, mask) {
-  const explodedValue = [...rawValue];
-  const explodedMask = [...mask];
-  let valueIndex = 0;
   let maskedValue = "";
-  explodedMask.every((character) => {
-    if (explodedValue.length === 0) {
-      return false;
-    }
-    const isCharSpecial = isSpecialChar(character);
-    if (!isCharSpecial) {
-      maskedValue += explodedValue[valueIndex];
-      valueIndex++;
-    } else {
-      maskedValue += character;
+  for (let maskIndex = 0, valueIndex = 0; maskIndex < mask.length; maskIndex++) {
+    if (valueIndex >= rawValue.length) {
+      break;
     }
-    if (valueIndex === explodedValue.length) {
-      return false;
+    const maskCharacter = mask[maskIndex];
+    if (isSpecialChar(maskCharacter)) {
+      maskedValue += maskCharacter;
+      continue;
     }
-    return true;
-  });
+    maskedValue += rawValue[valueIndex];
+    valueIndex++;
+  }
   return maskedValue;
 }
-var BASE_RADIX = 10;
 function maskedValueToRawValue(value, mask) {
   let rawValue = "";
   const maskControl = keepMaskChars(mask);
-  for (let maskIndex = 0, valueIndex = 0; maskIndex < maskControl.length; ++maskIndex) {
-    if (value[valueIndex] === void 0) {
-      return rawValue;
-    }
-    const valueCharMatchesMaskAny = maskOptions.allChar.indexOf(maskControl[maskIndex]) >= 0;
-    const valueCharMatchesMaskNumber = isFinite(parseInt(value[valueIndex], BASE_RADIX)) && maskOptions.numericChar.indexOf(maskControl[maskIndex]) >= 0;
-    const valueCharMatchesMaskLetter = value[valueIndex].match(/[A-Z]/i) && maskOptions.alphaChar.indexOf(maskControl[maskIndex]) >= 0;
+  for (let maskIndex = 0, valueIndex = 0; maskIndex < maskControl.length && valueIndex < value.length; ++maskIndex) {
+    const valueChar = value[valueIndex];
+    const maskChar = maskControl[maskIndex];
+    const valueCharMatchesMaskAny = maskOptions.allChar.indexOf(maskChar) >= 0;
+    const valueCharMatchesMaskNumber = digitCharPattern.test(valueChar) && maskOptions.numericChar.indexOf(maskChar) >= 0;
+    const valueCharMatchesMaskLetter = alphaCharPattern.test(valueChar) && maskOptions.alphaChar.indexOf(maskChar) >= 0;
     if (valueCharMatchesMaskAny || valueCharMatchesMaskLetter || valueCharMatchesMaskNumber) {
-      rawValue += value[valueIndex];
+      rawValue += valueChar;
       ++valueIndex;
     } else {
       break;
@@ -58,6 +59,30 @@ function maskedValueToRawValue(value, mask) {
   }
   return rawValue;
 }
+function buildValidityState(inputValidity, patternMatch) {
+  return {
+    badInput: inputValidity.badInput,
+    customError: inputValidity.customError,
+    patternMismatch: patternMatch === false,
+    rangeOverflow: inputValidity.rangeOverflow,
+    rangeUnderflow: inputValidity.rangeUnderflow,
+    stepMismatch: inputValidity.stepMismatch,
+    tooLong: inputValidity.tooLong,
+    tooShort: inputValidity.tooShort,
+    typeMismatch: inputValidity.typeMismatch,
+    valid: patternMatch !== void 0 ? patternMatch : inputValidity.valid,
+    valueMissing: inputValidity.valueMissing
+  };
+}
+function renderMaskOverlay(maskedValue, fullPlaceholder, cssPrefix) {
+  const remaining = fullPlaceholder.substring(maskedValue.length);
+  return html`
+    <div class="${cssPrefix}__placeholder" aria-hidden="true">
+      <span class="${cssPrefix}__value" aria-hidden="true">${maskedValue}</span>
+      ${remaining}
+    </div>
+  `;
+}
 var IBANTestValues = [
   "AD1400080001001234567890",
   "AT483200000012345864",
@@ -231,6 +256,8 @@ export {
   stripSpecialChars,
   rawValueToMaskedValue,
   maskedValueToRawValue,
+  buildValidityState,
+  renderMaskOverlay,
   IBANTestValues,
   BICTestValues,
   NIRTestValues

package/dist/chunks/{chunk.MFGYIAUT.js → chunk.3TAGND37.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.CKEB7DWU.js";
+} from "./chunk.T43D4ETK.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.QEXDSP5Y.js → chunk.47CX6JJX.js}

@@ -158,7 +158,6 @@ var icon_button_styles_default = css`
   /* Tertiary */
   .icon-button--tertiary {
     background-color: var(--dsa-wc-button-tertiary-on-base-color);
-    border: none;
     color: var(--dsa-wc-button-tertiary-on-base-font-color);
   }
   .icon-button--tertiary:hover:not(.icon-button--disabled) {
@@ -199,22 +198,18 @@ var icon_button_styles_default = css`
   /* Default */
   .icon-button--default {
     background-color: var(--dsa-wc-button-navigation-on-base-color);
-    border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-font-color);
   }
   .icon-button--default:hover:not(.icon-button--disabled) {
     background-color: var(--dsa-wc-button-navigation-on-base-hover-color);
-    border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-hover-font-color);
   }
   .icon-button--default:active:not(.icon-button--disabled) {
     background-color: var(--dsa-wc-button-navigation-on-base-active-color);
-    border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-active-font-color);
   }
   .icon-button--default.icon-button--disabled {
     background-color: var(--dsa-wc-button-navigation-on-base-disabled-color);
-    border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-disabled-font-color);
   }
 

package/dist/chunks/{chunk.CQR34TNY.js → chunk.4AUOO4K2.js}

@@ -20,8 +20,8 @@ var footer_styles_default = css`
     flex-direction: column;
     align-items: center;
     background: var(--dsa-wc-footer-background);
-    padding-block: var(--dsa-wc-footer-padding-y);
-    padding-inline: var(--internal-footer-padding-inline);
+    padding: var(--dsa-wc-footer-padding-y)
+      var(--internal-footer-padding-inline);
   }
 
   [part~='footer-top'],
@@ -36,22 +36,17 @@ var footer_styles_default = css`
 
   /* Dividers */
   dsa-divider {
-    --spacing-start: var(--dsa-wc-footer-divider-spacing);
-    --spacing-end: var(--dsa-wc-footer-divider-spacing);
-  }
-
-  .footer-top-divider {
-    display: none;
-  }
-
-  .footer--has-top-section .footer-top-divider {
-    display: block;
+    --spacing: var(--dsa-wc-footer-divider-spacing);
+    --spacing-start: var(--spacing);
+    --spacing-end: var(--spacing);
   }
 
+  .footer-top-divider,
   .footer-center-divider {
     display: none;
   }
 
+  .footer--has-top-section .footer-top-divider,
   .footer--has-center-section .footer-center-divider {
     display: block;
   }
@@ -104,7 +99,8 @@ var footer_styles_default = css`
   }
 
   .footer--desktop [part~='base'] {
-    padding-block: var(--dsa-wc-footer-medium-padding-y);
+    padding: var(--dsa-wc-footer-medium-padding-y)
+      var(--internal-footer-padding-inline);
   }
 
   .footer--desktop [part~='footer-top'] {

package/dist/chunks/{chunk.V4SDZV6L.js → chunk.4IDR4RJI.js}

@@ -1,25 +1,25 @@
+import {
+  input_native_styles_default
+} from "./chunk.WQA4XJEW.js";
 import {
   getOverridenIconDetails,
   isPrefixIconOverriden
 } from "./chunk.I6S6TC3T.js";
-import {
-  input_native_styles_default
-} from "./chunk.TW7OE55S.js";
 import {
   InputBase
-} from "./chunk.WMFEJDPX.js";
+} from "./chunk.7HMEK2ND.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   __decorateClass,
   __spreadProps,

package/dist/chunks/{chunk.LYVWDO7O.js → chunk.5DVIZLXZ.js}

@@ -1,9 +1,9 @@
 import {
   menu_item_styles_default
-} from "./chunk.64EGGLHL.js";
+} from "./chunk.QWPEXQZX.js";
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.UBA2H662.js";
 import {
   HasSlotController,
   getTextContent
@@ -30,6 +30,7 @@ var DSAMenuItem = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "prefix");
+    this.cachedTextLabel = "";
     this.type = "button";
     this.size = "medium";
     this.disabled = false;
@@ -49,12 +50,11 @@ var DSAMenuItem = class extends ShoelaceElement {
     super.disconnectedCallback();
     this.removeEventListener("click", this.handleHostClick);
   }
+  firstUpdated() {
+    this.cachedTextLabel = this.getTextLabel();
+  }
   handleDefaultSlotChange() {
     const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
     if (textLabel !== this.cachedTextLabel) {
       this.cachedTextLabel = textLabel;
       this.emit("slotchange", {
@@ -88,6 +88,7 @@ var DSAMenuItem = class extends ShoelaceElement {
   }
   render() {
     const tag = this.type === "link" ? literal`a` : literal`button`;
+    const textLabel = this.cachedTextLabel || this.getTextLabel();
     if (this.collapsed && !this.hasSlotController.test("prefix")) {
       return html``;
     }
@@ -113,7 +114,7 @@ var DSAMenuItem = class extends ShoelaceElement {
           aria-current=${ifDefinedAndNotEmpty(this.current)}
           aria-expanded=${ifDefined(this.expanded)}
           tabindex=${ifDefined(this.disabled ? "-1" : void 0)}
-          aria-label=${ifDefined(this.collapsed ? this.getTextLabel() : void 0)}
+          aria-label=${ifDefined(this.collapsed ? textLabel : void 0)}
         >
           <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
 
@@ -125,7 +126,7 @@ var DSAMenuItem = class extends ShoelaceElement {
 
           <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
         </${tag}>         
-        <span slot="content" aria-hidden="true">${this.getTextLabel()}</span> 
+        <span slot="content" aria-hidden="true">${textLabel}</span>
       </dsa-tooltip>
     `;
   }

package/dist/chunks/{chunk.4535HZ7L.js → chunk.5ESJXERV.js}

@@ -1,7 +1,3 @@
-import {
-  removeAttributeIfPresent,
-  setAttributeIfDifferent
-} from "./chunk.PSYTLBRK.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -13,7 +9,11 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.5NSAEDEE.js → chunk.5NGXTSAJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FX2CWZWY.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.I522XZAV.js → chunk.65EFQZ4A.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.EWMFHVNW.js";
+} from "./chunk.C4SE3ULG.js";
 
 // src/components/input-time/input-time.styles.ts
 import { css } from "lit";
@@ -74,7 +74,6 @@ var input_time_styles_default = css`
 
   .time-anchor {
     display: flex;
-    flex-direction: row;
     align-items: center;
     justify-content: space-between;
   }

package/dist/chunks/{chunk.TLQMWL6I.js → chunk.67J6LDJW.js}

@@ -59,10 +59,14 @@ var download_card_styles_default = css`
     -webkit-box-orient: vertical;
   }
 
+  [part~='description'],
+  [part~='document-info'] {
+    margin: 0;
+  }
+
   [part~='description'] {
     font: var(--dsa-wc-download-card-description-font);
     color: var(--dsa-wc-download-card-description-color);
-    margin: 0;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
@@ -73,7 +77,6 @@ var download_card_styles_default = css`
   [part~='document-info'] {
     font: var(--dsa-wc-download-card-document-info-font);
     color: var(--dsa-wc-download-card-document-info-color);
-    margin: 0;
   }
 
   [part~='icon'] {

package/dist/chunks/{chunk.GUKOZGE3.js → chunk.6EU6GX26.js}

@@ -1,6 +1,6 @@
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.33P7XYHC.js → chunk.6KY7LP6G.js}

@@ -1,6 +1,6 @@
 import {
   table_of_contents_styles_default
-} from "./chunk.MDQDWJCR.js";
+} from "./chunk.QCVOP7JL.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -15,10 +15,10 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -105,7 +105,9 @@ var DSATableOfContents = class extends ShoelaceElement {
     ];
     const allAnchors = [];
     anchorsNodeList.forEach((anchor) => {
+      var _a;
       const clonedAnchor = anchor.cloneNode(true);
+      clonedAnchor.dataset.text = (_a = clonedAnchor.textContent) != null ? _a : "";
       allAnchors.push(clonedAnchor);
     });
     return allAnchors;

package/dist/chunks/{chunk.UHF3BDIM.js → chunk.6PI2M6R6.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.EWMFHVNW.js";
+} from "./chunk.C4SE3ULG.js";
 
 // src/components/input-date/input-date.styles.ts
 import { css } from "lit";
@@ -60,7 +60,6 @@ var input_date_styles_default = css`
 
   .date-anchor {
     display: flex;
-    flex-direction: row;
     align-items: center;
     justify-content: space-between;
   }

package/dist/chunks/{chunk.6Q5DARJM.js → chunk.6ZVGYVEL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.JOKI53P2.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.V26NK6TM.js → chunk.73XHVQNA.js}

@@ -1,6 +1,6 @@
 import {
   DSAMenuAccordion
-} from "./chunk.47AQXN3U.js";
+} from "./chunk.GOVTNZ72.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/dist/chunks/{chunk.K27SKJCO.js → chunk.74CLWWSO.js}

@@ -19,8 +19,9 @@ var footer_mandatory_mentions_styles_default = css`
 
   [part~='divider'] {
     display: none;
-    --spacing-start: var(--dsa-wc-footer-mandatory-mentions-spacing);
-    --spacing-end: var(--dsa-wc-footer-mandatory-mentions-spacing);
+    --spacing: var(--dsa-wc-footer-mandatory-mentions-spacing);
+    --spacing-start: var(--spacing);
+    --spacing-end: var(--spacing);
   }
 
   [part~='text-left']::slotted(*),

package/dist/chunks/{chunk.T6OAGTAP.js → chunk.7EVHJ2OT.js}

@@ -1,6 +1,6 @@
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.UBA2H662.js";
 import {
   copy_button_styles_default
 } from "./chunk.MTRAJSQ5.js";
@@ -10,10 +10,10 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.WMFEJDPX.js → chunk.7HMEK2ND.js}

@@ -1,9 +1,9 @@
 import {
   DSASuccessText
-} from "./chunk.6Q5DARJM.js";
+} from "./chunk.6ZVGYVEL.js";
 import {
   FormControlLayout
-} from "./chunk.RVUUZ3KA.js";
+} from "./chunk.RLLACUYR.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";
@@ -215,13 +215,14 @@ var InputBase = class extends FormControlLayout {
     this.formControlController.updateValidity();
   }
   renderSuccessMessage() {
-    if (Array.isArray(this.successMessage) && this.successMessage.length > 1) {
+    const { successMessage } = this;
+    if (Array.isArray(successMessage) && successMessage.length > 1) {
       return html` <div
         id="success-text"
         class="form-control__success-text"
         role="list"
       >
-        ${this.successMessage.map((message) => {
+        ${successMessage.map((message) => {
         return html`
             <dsa-success-text role="listitem"> ${message} </dsa-success-text>
           `;
@@ -229,7 +230,7 @@ var InputBase = class extends FormControlLayout {
       </div>`;
     } else {
       return html` <div id="success-text" class="form-control__success-text">
-        <dsa-success-text> ${this.successMessage} </dsa-success-text>
+        <dsa-success-text> ${successMessage} </dsa-success-text>
       </div>`;
     }
   }

package/dist/chunks/{chunk.7MY3WW7C.js → chunk.7PE2PORN.js}

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.QKUUHXNR.js";
+} from "./chunk.Q6GPBRDV.js";
 import {
   FormToggleButton
-} from "./chunk.4535HZ7L.js";
+} from "./chunk.5ESJXERV.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.YI6BUIUL.js → chunk.7WMOPNN5.js}

@@ -1,18 +1,18 @@
 import {
   input_date_styles_default
-} from "./chunk.UHF3BDIM.js";
+} from "./chunk.6PI2M6R6.js";
 import {
   InputBase
-} from "./chunk.WMFEJDPX.js";
+} from "./chunk.7HMEK2ND.js";
 import {
   DSAInternalDateField
-} from "./chunk.FBY2IM6R.js";
+} from "./chunk.SKY7526Z.js";
 import {
   DSAPopup
 } from "./chunk.GYWU4AAB.js";
 import {
   DSACalendar
-} from "./chunk.DN3K2GHZ.js";
+} from "./chunk.MRGJKLE3.js";
 import {
   formatDateRange,
   getDateFromISO,
@@ -21,7 +21,7 @@ import {
 } from "./chunk.OYVF3HNG.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -35,7 +35,10 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -125,9 +128,14 @@ var DSAInputDate = class extends InputBase {
     this.shouldDisableDate = this.shouldDisableDate.bind(this);
   }
   async firstUpdated() {
-    var _a;
     await this.updateComplete;
-    (_a = this.datepickerButton) == null ? void 0 : _a.button.setAttribute("aria-expanded", "false");
+    if (this.datepickerButton) {
+      setAttributeIfDifferent(
+        this.datepickerButton.button,
+        "aria-expanded",
+        "false"
+      );
+    }
     this.formControlController.updateValidity();
   }
   addOpenListeners() {
@@ -298,7 +306,11 @@ var DSAInputDate = class extends InputBase {
       this.addOpenListeners();
       await stopAnimations(this);
       this.popup.active = true;
-      this.datepickerButton.button.setAttribute("aria-expanded", "true");
+      setAttributeIfDifferent(
+        this.datepickerButton.button,
+        "aria-expanded",
+        "true"
+      );
       const { keyframes, options } = getAnimation(this, "date-popup.show", {
         dir: this.localize.dir()
       });
@@ -309,7 +321,11 @@ var DSAInputDate = class extends InputBase {
       this.removeOpenListeners();
       await stopAnimations(this);
       this.popup.active = false;
-      this.datepickerButton.button.setAttribute("aria-expanded", "false");
+      setAttributeIfDifferent(
+        this.datepickerButton.button,
+        "aria-expanded",
+        "false"
+      );
       this.datepickerButton.focus({ preventScroll: true });
       const { keyframes, options } = getAnimation(this, "date-popup.hide", {
         dir: this.localize.dir()

package/dist/chunks/{chunk.QKT5LLDM.js → chunk.7YNHLXVZ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";