@ds-autonomie/web-components 2.3.0 → 2.3.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @ds-autonomie/web-components
 
+## 2.3.1
+
+### Patch Changes
+
+- a10fedd: `tree-item`, `progress-circle`, `table-of-contents` : amélioration du cycle de vie
+- 1810325: `input` : résolution du bug du type="date" avec les fuseaux horaires
+- 4678044: `radio` : amélioration de l'affichage en mode contraste élevé
+- 98a161a: Mise à jour des dépendances
+- de9d030: `input-time`: retrait de la scrollbar verticale sur la page
+
 ## 2.3.0
 
 ### Minor Changes

package/cdn/chunks/{chunk.ERQYJQKU.js → chunk.2P3IVRMK.js}

@@ -1,6 +1,6 @@
 import {
   DSASelect
-} from "./chunk.WE7BT7PI.js";
+} from "./chunk.QEPPYDSN.js";
 import {
   getPhoneConfig
 } from "./chunk.65HTBW2L.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.7OLEA3GQ.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";
@@ -377,6 +377,7 @@ var DSAInputPhone = class extends FormControlLayout {
               name=${ifDefinedAndNotEmpty(this.name)}
               ?disabled=${this.disabled}
               ?readonly=${this.readonly}
+              aria-disabled=${o(this.readonly ? "true" : void 0)}
               ?required=${this.required}
               minlength=${o(this.placeholder.length)}
               maxlength=${o(this.placeholder.length)}

package/cdn/chunks/{chunk.D2LMY47K.js → chunk.3OSWL542.js}

@@ -101,6 +101,15 @@ var radio_icon_styles_default = i`
     border-color: var(--dsa-wc-radio-border-color-readonly);
     background-color: var(--dsa-wc-radio-color-readonly);
   }
+
+  @media (forced-colors: active) {
+    .radio__control--checked {
+      border-color: Highlight;
+    }
+    .radio__control--checked .radio__inner {
+      background-color: Highlight;
+    }
+  }
 `;
 
 // src/internal/components/radio-icon/radio-icon.ts

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk.YA7ZX7VM.js";
 import {
   DSAInput
-} from "./chunk.LYPHJJYB.js";
+} from "./chunk.AATBJDAH.js";
 import {
   filter_select_styles_default
 } from "./chunk.57V66KCM.js";

package/cdn/chunks/{chunk.OMBOQURT.js → chunk.5BWMYJNC.js}

@@ -13,7 +13,7 @@ import {
   getISOFormattedDate,
   getLocaleDateFromISO,
   isValidDate
-} from "./chunk.6BXZEG5L.js";
+} from "./chunk.6YEPFMKU.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";

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

@@ -20,7 +20,7 @@ function getLocaleDateFromISO(isoDate, lang) {
   if (isoDate === "") {
     return "";
   } else {
-    return new Date(isoDate).toLocaleDateString(lang !== "" ? lang : "");
+    return getDateFromISO(isoDate).toLocaleDateString(lang !== "" ? lang : "");
   }
 }
 function isISODate(date) {
@@ -29,7 +29,7 @@ function isISODate(date) {
 }
 function isValidDate(isoDate) {
   const [year, month, day] = isoDate.split("-");
-  const d = new Date(Date.UTC(Number(year), Number(month) - 1, Number(day)));
+  const d = new Date(Number(year), Number(month) - 1, Number(day));
   d.setUTCFullYear(Number(year));
   if ([year, month, day].includes("")) {
     return false;
@@ -50,7 +50,7 @@ function getISOFormattedDate(date) {
 }
 function getDateFromISO(isoDate) {
   const [year, month, day] = isoDate.split("-");
-  const date = new Date(Date.UTC(Number(year), Number(month) - 1, Number(day)));
+  const date = new Date(Number(year), Number(month) - 1, Number(day));
   date.setUTCFullYear(Number(year));
   return date;
 }

package/cdn/chunks/{chunk.LYPHJJYB.js → chunk.AATBJDAH.js}

@@ -1,6 +1,6 @@
 import {
   DSAInputTime
-} from "./chunk.PQYUBPRU.js";
+} from "./chunk.W6N2ZQTH.js";
 import {
   big_default,
   getOverridenIconDetails,
@@ -12,13 +12,13 @@ import {
 } from "./chunk.EF2VOGBL.js";
 import {
   DSAInputDate
-} from "./chunk.CKDGFB52.js";
+} from "./chunk.WYBADVDH.js";
 import {
   input_styles_default
 } from "./chunk.T56ZOKTF.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";

package/cdn/chunks/{chunk.IZ6KYT7R.js → chunk.AVH4JYLK.js}

@@ -1,7 +1,8 @@
 import {
+  getDateFromISO,
   isValidDate,
   monthLength
-} from "./chunk.6BXZEG5L.js";
+} from "./chunk.6YEPFMKU.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";
@@ -226,14 +227,14 @@ var DSAInternalDateField = class extends ShoelaceElement {
   }
   handleChange() {
     const previousValue = this.value;
-    const selectedDay = this.dayInput.value;
-    const selectedMonth = this.monthInput.value;
-    const selectedYear = this.yearInput.value;
-    const tentativeDate = `${selectedYear}-${selectedMonth}-${selectedDay}`;
-    if (this.selectedDay > this.dayInput.max) {
-      this.selectedDay = this.dayInput.max;
+    let tempSelectedDay = this.dayInput.value;
+    const tempSelectedMonth = this.monthInput.value;
+    const tempSelectedYear = this.yearInput.value;
+    if (tempSelectedDay > this.dayInput.max) {
+      tempSelectedDay = this.dayInput.max;
     }
-    if (selectedDay === "" && selectedMonth === "" && selectedYear === "") {
+    const tentativeDate = `${tempSelectedYear}-${tempSelectedMonth}-${tempSelectedDay}`;
+    if (tempSelectedDay === "" && tempSelectedMonth === "" && tempSelectedYear === "") {
       this.setCustomValidity("");
       this.value = "";
     } else if (!isValidDate(tentativeDate)) {
@@ -360,15 +361,14 @@ var DSAInternalDateField = class extends ShoelaceElement {
       this.selectedMonth = "";
       this.selectedYear = "";
     } else {
-      this.selectedDay = `${new Date(this.value).getDate()}`.padStart(2, "0");
-      this.selectedMonth = `${new Date(this.value).getMonth() + 1}`.padStart(
+      this.selectedDay = `${getDateFromISO(this.value).getDate()}`.padStart(
         2,
         "0"
       );
-      this.selectedYear = `${new Date(this.value).getFullYear()}`.padStart(
-        4,
-        "0"
-      );
+      this.selectedMonth = `${getDateFromISO(this.value).getMonth() + 1}`.padStart(2, "0");
+      this.selectedYear = `${getDateFromISO(
+        this.value
+      ).getFullYear()}`.padStart(4, "0");
     }
     await this.updateComplete;
     this.setCustomValidity("");
@@ -420,14 +420,15 @@ var DSAInternalDateField = class extends ShoelaceElement {
     this.formControlController.updateValidity();
   }
   renderSpinbutton(part) {
+    var _a, _b;
     let className = "";
     let ariaLabel = "";
     let min = 1;
     let max;
     let placeholder;
     let value;
-    const minDate = new Date(this.min);
-    const maxDate = new Date(this.max);
+    const minDate = getDateFromISO((_a = this.min) != null ? _a : "");
+    const maxDate = getDateFromISO((_b = this.max) != null ? _b : "");
     const minYear = this.min ? minDate.getFullYear() : 1900;
     const maxYear = this.max ? maxDate.getFullYear() : 2500;
     const minMonth = minYear === maxYear ? minDate.getMonth() + 1 : 1;

package/cdn/chunks/{chunk.ZVQQ7DON.js → chunk.EEKS3ZN7.js}

@@ -64,8 +64,6 @@ var DSATableOfContents = class extends ShoelaceElement {
     document.removeEventListener("mousedown", this.handleDocumentMouseDown);
   }
   async firstUpdated() {
-    this.allLinks = this.cloneSlottedLinks();
-    this.updateCurrentSection();
     this.observeAttributeChanges();
     if (this.mobile) {
       this.content.hidden = !this.open;

package/cdn/chunks/{chunk.2T2ABKP4.js → chunk.EHSLOI5L.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ZTXQFGQX.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";

package/cdn/chunks/{chunk.2QGLZHHF.js → chunk.GS6TNOKD.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk.7OLEA3GQ.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";

package/cdn/chunks/{chunk.DKFGG7WX.js → chunk.ISEH6AO6.js}

@@ -1,5 +1,5 @@
 import {
-  o
+  o as o2
 } from "./chunk.6OFBSNBH.js";
 import {
   file_upload_item_styles_default
@@ -10,6 +10,9 @@ import {
 import {
   LocalizeController
 } from "./chunk.CAMVBH5H.js";
+import {
+  o
+} from "./chunk.YQLIIKLI.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";
@@ -62,7 +65,11 @@ var DSAFileUploadItem = class extends ShoelaceElement {
       "file-item-container--large": this.size === "large"
     })}
       >
-        <article part="file-item" aria-describedby="error-text">
+        <article
+          part="file-item"
+          aria-describedby="error-text"
+          aria-invalid=${o(this.error ? "true" : void 0)}
+        >
           <slot part="label" @slotchange=${this.handleDefaultSlotChange}></slot>
           <slot
             part="upload-indicator"
@@ -95,7 +102,7 @@ var DSAFileUploadItem = class extends ShoelaceElement {
           >
             <div
               part="progress-bar-indicator"
-              style=${o({ width: `${(_a = this.uploadProgress) != null ? _a : 0}%` })}
+              style=${o2({ width: `${(_a = this.uploadProgress) != null ? _a : 0}%` })}
             ></div>
           </div>
         </article>

package/cdn/chunks/{chunk.LLZPEDQW.js → chunk.JHXMD4L2.js}

@@ -324,7 +324,7 @@ __decorateClass([
   n({ attribute: "navigation-type" })
 ], DSAPagination.prototype, "navigationType", 2);
 __decorateClass([
-  n({ type: Boolean })
+  n({ type: Boolean, reflect: true })
 ], DSAPagination.prototype, "compact", 2);
 __decorateClass([
   n({ type: Boolean })

package/cdn/chunks/{chunk.WOKVCL7Q.js → chunk.JIUJNSW6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.V5TMX44U.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";

package/cdn/chunks/{chunk.I4EWJGZZ.js → chunk.KS7QG726.js}

@@ -875,7 +875,7 @@ function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
 
-// ../../node_modules/.pnpm/@floating-ui+dom@1.6.12/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+// ../../node_modules/.pnpm/@floating-ui+dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
   const css = getComputedStyle2(element);
   let width = parseFloat(css.width) || 0;
@@ -1303,6 +1303,9 @@ var platform = {
   isElement,
   isRTL
 };
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
@@ -1321,12 +1324,13 @@ function observeMove(element, onMove) {
       threshold = 1;
     }
     cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
     const {
       left,
       top,
       width,
       height
-    } = element.getBoundingClientRect();
+    } = elementRectForRootMargin;
     if (!skip) {
       onMove();
     }
@@ -1357,6 +1361,9 @@ function observeMove(element, onMove) {
           refresh(false, ratio);
         }
       }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        refresh();
+      }
       isFirstUpdate = false;
     }
     try {
@@ -1419,7 +1426,7 @@ function autoUpdate(reference, floating, update, options) {
   }
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
       update();
     }
     prevRefRect = nextRefRect;

package/cdn/chunks/{chunk.CL4C4BFH.js → chunk.LBM4RHMA.js}

@@ -171,6 +171,8 @@ var DSAFileUpload = class extends ShoelaceElement {
     })}
               ?disabled=${this.disabled}
               aria-disabled=${this.disabled ? "true" : "false"}
+              aria-required=${o(this.required ? "true" : void 0)}
+              aria-invalid=${o(this.error ? "true" : void 0)}
               tabindex=${this.disabled ? "-1" : "0"}
               aria-describedby=${this.error ? "error-text description help-text slot_files" : "description help-text slot_files"}
               @click=${this.handleClick}

package/cdn/chunks/{chunk.74QWC4UR.js → chunk.M53HNM5Y.js}

@@ -1,10 +1,11 @@
 import {
   bootstrapLazy,
   promiseResolve
-} from "./chunk.WCF4VYWI.js";
+} from "./chunk.VZPL3NCB.js";
 import {
+  getDateFromISO,
   getISOFormattedDate
-} from "./chunk.6BXZEG5L.js";
+} from "./chunk.6YEPFMKU.js";
 import {
   calendar_styles_default
 } from "./chunk.WOGTGKIT.js";
@@ -1989,7 +1990,7 @@ var flush = () => {
 var nextTick = (cb) => promiseResolve2().then(cb);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
 
-// ../../node_modules/.pnpm/wc-datepicker@0.6.0/node_modules/wc-datepicker/dist/components/wc-datepicker.js
+// ../../node_modules/.pnpm/wc-datepicker@0.7.0/node_modules/wc-datepicker/dist/components/wc-datepicker.js
 function addDays(date, days) {
   const newDate = new Date(date);
   newDate.setDate(newDate.getDate() + days);
@@ -2508,7 +2509,7 @@ var WCDatepicker = /* @__PURE__ */ proxyCustomElement(class extends H {
           [this.getClassName("date--end")]: isEnd
         };
         const Tag = isSelected ? "strong" : isToday ? "em" : "span";
-        return h("td", { "aria-disabled": String(isDisabled), "aria-selected": isSelected ? "true" : void 0, class: className, "data-date": getISODateString(day), key: cellKey, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "gridcell", tabIndex: isSameDay(day, this.currentDate) && !isDisabled && !this.disabled ? 0 : -1 }, h(Tag, { "aria-hidden": "true" }, day.getDate()), h("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
+        return h("td", { "aria-disabled": String(isDisabled), "aria-selected": isSelected ? "true" : void 0, "aria-current": isToday ? "date" : void 0, class: className, "data-date": getISODateString(day), key: cellKey, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "gridcell", tabIndex: isSameDay(day, this.currentDate) && !isDisabled && !this.disabled ? 0 : -1 }, h(Tag, { "aria-hidden": "true" }, day.getDate()), h("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
           day: "numeric",
           month: "long"
         }).format(day)));
@@ -2557,7 +2558,7 @@ var WCDatepicker = /* @__PURE__ */ proxyCustomElement(class extends H {
 }]);
 var WcDatepicker = WCDatepicker;
 
-// ../../node_modules/.pnpm/wc-datepicker@0.6.0/node_modules/wc-datepicker/dist/esm/loader.js
+// ../../node_modules/.pnpm/wc-datepicker@0.7.0/node_modules/wc-datepicker/dist/esm/loader.js
 var patchEsm = () => {
   return promiseResolve();
 };
@@ -2568,7 +2569,7 @@ var defineCustomElements = (win2, options) => {
   });
 };
 
-// ../../node_modules/.pnpm/wc-datepicker@0.6.0/node_modules/wc-datepicker/dist/loader/index.js
+// ../../node_modules/.pnpm/wc-datepicker@0.7.0/node_modules/wc-datepicker/dist/loader/index.js
 (function() {
   if ("undefined" !== typeof window && void 0 !== window.Reflect && void 0 !== window.customElements) {
     var a = HTMLElement;
@@ -2609,14 +2610,14 @@ var DSACalendar = class extends ShoelaceElement {
     if (this.value === "") {
       return [];
     }
-    return this.value.split(",").filter((dateString) => dateString !== "").map((dateString) => new Date(dateString));
+    return this.value.split(",").filter((dateString) => dateString !== "").map((dateString) => getDateFromISO(dateString));
   }
   handleDateSelection(event) {
     const { detail } = event;
     if (detail === void 0) {
       return;
     }
-    const dates = Array.isArray(detail) ? detail.map((dateString) => new Date(dateString)) : [new Date(detail)];
+    const dates = Array.isArray(detail) ? detail.map((dateString) => getDateFromISO(dateString)) : [getDateFromISO(detail)];
     this.emit("dsa-date-selected", { detail: { dates } });
   }
   handleMonthSelection(event) {

package/cdn/chunks/{chunk.DNQJR4KR.js → chunk.OMPBUYUW.js}

@@ -105,9 +105,7 @@ var DSAMenuItem = class extends ShoelaceElement {
         aria-current=${o(
       this.type === "link" ? this.current : void 0
     )}
-        tabindex=${o(
-      ["button", "link"].includes(this.type) && this.disabled ? "-1" : void 0
-    )}
+        tabindex=${o(this.disabled ? "-1" : void 0)}
     
       >
         <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>

package/cdn/chunks/{chunk.WE7BT7PI.js → chunk.QEPPYDSN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.JXHXRRPX.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";

package/cdn/chunks/{chunk.5AKIIMXP.js → chunk.RJUKDJQG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.O4MZVDWB.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   combobox_styles_default
 } from "./chunk.7FRA5H32.js";
@@ -36,6 +36,9 @@ import {
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
+import {
+  o
+} from "./chunk.YQLIIKLI.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
@@ -651,6 +654,8 @@ var DSACombobox = class extends FormControlLayout {
               aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
               aria-describedby=${ariaDescribedBy}
               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)}
               role="combobox"
               tabindex="0"
               @change=${this.handleChange}

package/cdn/chunks/{chunk.YWD53U3T.js → chunk.S3G2QBTA.js}

@@ -29,9 +29,9 @@ var DSAProgressRing = class extends ShoelaceElement {
     this.label = "";
     this.size = "medium";
   }
-  updated(changedProps) {
-    super.updated(changedProps);
-    if (changedProps.has("value")) {
+  requestUpdate(name, oldValue, options) {
+    super.requestUpdate(name, oldValue, options);
+    if (name === "value" && this.indicator) {
       const radius = parseFloat(
         getComputedStyle(this.indicator).getPropertyValue("r")
       );

package/cdn/chunks/{chunk.ITHTXYNC.js → chunk.TGMW5D2F.js}

@@ -24,6 +24,7 @@ var input_time_styles_default = i`
 
   .time-popup::part(popup) {
     z-index: var(--dsa-wc-z-index-dropdown);
+    overflow: hidden;
   }
 
   .time-popup--panel {

package/cdn/chunks/{chunk.SF3YU6PZ.js → chunk.TOWWOPMH.js}

@@ -137,9 +137,6 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, reflect: true })
 ], FormControlLayout.prototype, "disabled", 2);
-__decorateClass([
-  n()
-], FormControlLayout.prototype, "lang", 2);
 __decorateClass([
   n()
 ], FormControlLayout.prototype, "placeholder", 2);

package/cdn/chunks/{chunk.WCF4VYWI.js → chunk.VZPL3NCB.js}

@@ -2,12 +2,12 @@ import {
   __glob
 } from "./chunk.4ZGVANML.js";
 
-// import("./**/*.entry.js") in ../../node_modules/.pnpm/wc-datepicker@0.6.0/node_modules/wc-datepicker/dist/esm/index-2c898150.js
+// import("./**/*.entry.js") in ../../node_modules/.pnpm/wc-datepicker@0.7.0/node_modules/wc-datepicker/dist/esm/index-2c898150.js
 var globImport_entry_js = __glob({
-  "./wc-datepicker.entry.js": () => import("./wc-datepicker.entry.XBA7YLCU.js")
+  "./wc-datepicker.entry.js": () => import("./wc-datepicker.entry.Y6YDPVTT.js")
 });
 
-// ../../node_modules/.pnpm/wc-datepicker@0.6.0/node_modules/wc-datepicker/dist/esm/index-2c898150.js
+// ../../node_modules/.pnpm/wc-datepicker@0.7.0/node_modules/wc-datepicker/dist/esm/index-2c898150.js
 var NAMESPACE = "wc-datepicker";
 var scopeId;
 var isSvgMode = false;

package/cdn/chunks/{chunk.PQYUBPRU.js → chunk.W6N2ZQTH.js}

@@ -5,10 +5,10 @@ import {
 } from "./chunk.IONY2GZF.js";
 import {
   input_time_styles_default
-} from "./chunk.ITHTXYNC.js";
+} from "./chunk.TGMW5D2F.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -444,6 +444,7 @@ var DSAInputTime = class extends FormControlLayout {
         class="time-popup--unit-container"
         role="listbox"
         aria-label=${this.localize.term(unitType, "")}
+        tabindex="-1"
       >
         ${valuesArray.map(
       (value) => x`

package/cdn/chunks/{chunk.CKDGFB52.js → chunk.WYBADVDH.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk.DDRUVCZW.js";
 import {
   FormControlLayout
-} from "./chunk.SF3YU6PZ.js";
+} from "./chunk.TOWWOPMH.js";
 import {
   getDateFromISO,
   getISOFormattedDate
-} from "./chunk.6BXZEG5L.js";
+} from "./chunk.6YEPFMKU.js";
 import {
   defaultValue
 } from "./chunk.YY5FKN3H.js";
@@ -181,13 +181,16 @@ var DSAInputDate = class extends FormControlLayout {
   }
   getDateFieldDescription() {
     const errorMessage = typeof this.errorMessage === "string" ? this.errorMessage : this.errorMessage.join(", ");
-    const selectedDateLabel = `${this.localize.term("selectedDate")}${new Date(
-      this.value
-    ).toLocaleDateString(this.lang || this.localize.lang(), {
-      year: "numeric",
-      month: "long",
-      day: "numeric"
-    })}`;
+    const selectedDateLabel = `${this.localize.term(
+      "selectedDate"
+    )}${getDateFromISO(this.value).toLocaleDateString(
+      this.lang || this.localize.lang(),
+      {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      }
+    )}`;
     const descriptions = [
       ...this.error ? [errorMessage] : [],
       ...this.value ? [selectedDateLabel] : [],
@@ -284,13 +287,16 @@ var DSAInputDate = class extends FormControlLayout {
     var _a, _b;
     const hasPrefixIcon = this.hasSlotController.test("prefix");
     const hasClearIcon = this.clearable && !this.disabled && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
-    const selectedDateLabel = `${this.localize.term("selectedDate")}${new Date(
-      this.value
-    ).toLocaleDateString(this.lang || this.localize.lang(), {
-      year: "numeric",
-      month: "long",
-      day: "numeric"
-    })}`;
+    const selectedDateLabel = `${this.localize.term(
+      "selectedDate"
+    )}${getDateFromISO(this.value).toLocaleDateString(
+      this.lang || this.localize.lang(),
+      {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      }
+    )}`;
     return x`
       <div
         part="base"

package/cdn/chunks/{core-js.JQALWJRI.js → core-js.TKFIM466.js}

@@ -1,4 +1,4 @@
-// ../../node_modules/.pnpm/wc-datepicker@0.6.0/node_modules/wc-datepicker/dist/esm/polyfills/core-js.js
+// ../../node_modules/.pnpm/wc-datepicker@0.7.0/node_modules/wc-datepicker/dist/esm/polyfills/core-js.js
 !function(t) {
   "use strict";
   !function(t2) {

package/cdn/chunks/{dom.47DVCSJV.js → dom.6JFLMPA6.js}

@@ -1,4 +1,4 @@
-// ../../node_modules/.pnpm/wc-datepicker@0.6.0/node_modules/wc-datepicker/dist/esm/polyfills/dom.js
+// ../../node_modules/.pnpm/wc-datepicker@0.7.0/node_modules/wc-datepicker/dist/esm/polyfills/dom.js
 (function() {
   "use strict";
   var aa = new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));

package/cdn/chunks/{wc-datepicker.entry.XBA7YLCU.js → wc-datepicker.entry.Y6YDPVTT.js}

@@ -4,10 +4,10 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk.WCF4VYWI.js";
+} from "./chunk.VZPL3NCB.js";
 import "./chunk.4ZGVANML.js";
 
-// ../../node_modules/.pnpm/wc-datepicker@0.6.0/node_modules/wc-datepicker/dist/esm/wc-datepicker.entry.js
+// ../../node_modules/.pnpm/wc-datepicker@0.7.0/node_modules/wc-datepicker/dist/esm/wc-datepicker.entry.js
 function addDays(date, days) {
   const newDate = new Date(date);
   newDate.setDate(newDate.getDate() + days);
@@ -525,7 +525,7 @@ var WCDatepicker = class {
           [this.getClassName("date--end")]: isEnd
         };
         const Tag = isSelected ? "strong" : isToday ? "em" : "span";
-        return h("td", { "aria-disabled": String(isDisabled), "aria-selected": isSelected ? "true" : void 0, class: className, "data-date": getISODateString(day), key: cellKey, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "gridcell", tabIndex: isSameDay(day, this.currentDate) && !isDisabled && !this.disabled ? 0 : -1 }, h(Tag, { "aria-hidden": "true" }, day.getDate()), h("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
+        return h("td", { "aria-disabled": String(isDisabled), "aria-selected": isSelected ? "true" : void 0, "aria-current": isToday ? "date" : void 0, class: className, "data-date": getISODateString(day), key: cellKey, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "gridcell", tabIndex: isSameDay(day, this.currentDate) && !isDisabled && !this.disabled ? 0 : -1 }, h(Tag, { "aria-hidden": "true" }, day.getDate()), h("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
           day: "numeric",
           month: "long"
         }).format(day)));