@sebgroup/green-core 3.24.1 → 3.24.2

package/components/datepicker/datepicker.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _utcHours, _valueOnOpen, _shouldShowFooter, shouldShowFooter_fn, _renderBackToValidRangeButton, renderBackToValidRangeButton_fn, _updateOutOfRangeAction, updateOutOfRangeAction_fn, _normalizeDate, normalizeDate_fn, _focusDate, focusDate_fn, _isDateSelectable, isDateSelectable_fn, _nearestSelectableDate, nearestSelectableDate_fn, _shouldShowTodayButton, shouldShowTodayButton_fn, _getSpinnerLabel, getSpinnerLabel_fn, _getMinSpinnerValue, getMinSpinnerValue_fn, _getMaxSpinnerValue, getMaxSpinnerValue_fn, _getLocalizedPlaceholder, getLocalizedPlaceholder_fn, _getSpinnerValue, getSpinnerValue_fn, _dispatchChangeEvent, dispatchChangeEvent_fn, _dispatchInputEvent, dispatchInputEvent_fn, _handleSpinnerFocus, _handleClipboardCopy, _handleClipboardPaste, _handleFieldClick, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleCalendarFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, _parseDateFormat, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, _years, years_get, _isValueOutsideRange, isValueOutsideRange_get;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _utcHours, _valueOnOpen, _Datepicker_instances, shouldShowFooter_fn, renderBackToValidRangeButton_fn, updateOutOfRangeAction_fn, normalizeDate_fn, focusDate_fn, isDateSelectable_fn, nearestSelectableDate_fn, shouldShowTodayButton_fn, getSpinnerLabel_fn, getMinSpinnerValue_fn, getMaxSpinnerValue_fn, getLocalizedPlaceholder_fn, getSpinnerValue_fn, dispatchChangeEvent_fn, dispatchInputEvent_fn, _handleSpinnerFocus, _handleClipboardCopy, _handleClipboardPaste, _handleFieldClick, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleCalendarFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, years_get, isValueOutsideRange_get;
 import { localized, msg } from "@lit/localize";
 import { nothing } from "lit";
 import { property, query, queryAll, queryAsync, state } from "lit/decorators.js";
@@ -45,49 +45,7 @@ import DatepickerStyles from "./datepicker.styles.js";
 let Datepicker = class extends GdsFormControlElement {
   constructor() {
     super();
-    __privateAdd(this, _shouldShowFooter);
-    __privateAdd(this, _renderBackToValidRangeButton);
-    __privateAdd(this, _updateOutOfRangeAction);
-    /**
-     * Normalizes a date the same way selecting a calendar cell does: to local midday first, so that
-     * the local calendar day is preserved, then to the configured UTC hour.
-     */
-    __privateAdd(this, _normalizeDate);
-    /**
-     * Focuses (and selects) a date in the calendar. The month/year state and value are derived
-     * directly from `d` rather than read back from the calendar element asynchronously, so that a
-     * concurrent update (e.g. the host re-assigning an equivalent `value`) cannot race with, and
-     * overwrite, the requested focus change.
-     */
-    __privateAdd(this, _focusDate);
-    /**
-     * Whether the given date can be selected, taking `min`/`max`, `disabledWeekends` and
-     * `disabledDates` into account.
-     */
-    __privateAdd(this, _isDateSelectable);
-    /**
-     * Finds the nearest selectable date starting from `from` (inclusive), stepping a day at a time in
-     * `direction` (`1` towards `max`, `-1` towards `min`). Falls back to `from` if the min/max range is
-     * exhausted without finding a selectable date.
-     */
-    __privateAdd(this, _nearestSelectableDate);
-    __privateAdd(this, _shouldShowTodayButton);
-    __privateAdd(this, _getSpinnerLabel);
-    __privateAdd(this, _getMinSpinnerValue);
-    __privateAdd(this, _getMaxSpinnerValue);
-    __privateAdd(this, _getLocalizedPlaceholder);
-    __privateAdd(this, _getSpinnerValue);
-    __privateAdd(this, _dispatchChangeEvent);
-    __privateAdd(this, _dispatchInputEvent);
-    /**
-     * Takes a dateformat string from the dateformat attribute and turns it to a DateFormatLayout object used in rendering the template.
-     */
-    __privateAdd(this, _parseDateFormat);
-    /**
-     * Returns a year iterator between the min and max dates for use in the year dropdown.
-     */
-    __privateAdd(this, _years);
-    __privateAdd(this, _isValueOutsideRange);
+    __privateAdd(this, _Datepicker_instances);
     this.min = new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1);
     this.max = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31);
     this.open = false;
@@ -103,9 +61,9 @@ let Datepicker = class extends GdsFormControlElement {
     this.showExtendedSupportingText = false;
     this._focusedMonth = (/* @__PURE__ */ new Date()).getMonth();
     this._focusedYear = (/* @__PURE__ */ new Date()).getFullYear();
-    this._dateFormatLayout = __privateMethod(this, _parseDateFormat, parseDateFormat_fn).call(this, "y-m-d");
+    this._dateFormatLayout = __privateMethod(this, _Datepicker_instances, parseDateFormat_fn).call(this, "y-m-d");
     this._currentLocale = navigator.language;
-    __privateAdd(this, _valueOnOpen, void 0);
+    __privateAdd(this, _valueOnOpen);
     __privateAdd(this, _handleSpinnerFocus, (e) => {
       this._elTrigger.then((field) => {
         document.getSelection()?.removeAllRanges();
@@ -116,42 +74,36 @@ let Datepicker = class extends GdsFormControlElement {
       });
     });
     __privateAdd(this, _handleClipboardCopy, (e) => {
-      this._elFieldAsync.then((field) => {
-        if (e.currentTarget !== field)
-          return;
-        e.preventDefault();
-        e.clipboardData?.setData("text/plain", this.displayValue);
-      });
+      if (e.currentTarget !== this._elField) return;
+      e.preventDefault();
+      e.clipboardData?.setData("text/plain", this.displayValue);
     });
     __privateAdd(this, _handleClipboardPaste, (e) => {
-      this._elFieldAsync.then((field) => {
-        if (e.currentTarget !== field)
-          return;
-        e.preventDefault();
-        const pasted = e.clipboardData?.getData("text/plain");
-        if (!pasted)
-          return;
-        let pastedDate = /* @__PURE__ */ new Date("-");
-        const invalid = "Invalid Date";
-        const parts = pasted.split(this._dateFormatLayout.delimiter);
-        if (parts.length === 3) {
-          const layout = this._dateFormatLayout.layout;
-          const year = parseInt(parts[layout.findIndex((f) => f.token === "y")]);
-          const month = parseInt(parts[layout.findIndex((f) => f.token === "m")]) - 1;
-          const day = parseInt(parts[layout.findIndex((f) => f.token === "d")]);
-          if (!isNaN(year) && !isNaN(month) && !isNaN(day)) {
-            pastedDate = /* @__PURE__ */ new Date(`${year}-${month + 1}-${day}`);
-          }
+      if (e.currentTarget !== this._elField) return;
+      e.preventDefault();
+      const pasted = e.clipboardData?.getData("text/plain");
+      if (!pasted) return;
+      let pastedDate = /* @__PURE__ */ new Date("-");
+      const invalid = "Invalid Date";
+      const parts = pasted.split(this._dateFormatLayout.delimiter);
+      if (parts.length === 3) {
+        const layout = this._dateFormatLayout.layout;
+        const year = parseInt(parts[layout.findIndex((f) => f.token === "y")]);
+        const month = parseInt(parts[layout.findIndex((f) => f.token === "m")]) - 1;
+        const day = parseInt(parts[layout.findIndex((f) => f.token === "d")]);
+        if (!isNaN(year) && !isNaN(month) && !isNaN(day)) {
+          pastedDate = /* @__PURE__ */ new Date(`${year}-${month + 1}-${day}`);
         }
+      }
+      if (pastedDate.toString() === invalid) {
+        pastedDate = new Date(pasted);
         if (pastedDate.toString() === invalid) {
-          pastedDate = new Date(pasted);
-          if (pastedDate.toString() === invalid) {
-            return;
-          }
+          return;
         }
-        this.value = pastedDate;
-        __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
-      });
+      }
+      this.value = pastedDate;
+      __privateMethod(this, _Datepicker_instances, dispatchChangeEvent_fn).call(this);
+      __privateMethod(this, _Datepicker_instances, dispatchInputEvent_fn).call(this);
     });
     __privateAdd(this, _handleFieldClick, (e) => {
       this._elSpinners[0]?.focus();
@@ -162,8 +114,8 @@ let Datepicker = class extends GdsFormControlElement {
       date.setUTCHours(this.utcHours, 0, 0, 0);
       this.value = date;
       this.open = false;
-      __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
-      __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
+      __privateMethod(this, _Datepicker_instances, dispatchChangeEvent_fn).call(this);
+      __privateMethod(this, _Datepicker_instances, dispatchInputEvent_fn).call(this);
     });
     __privateAdd(this, _handleMonthChange, (e) => {
       e.stopPropagation();
@@ -194,17 +146,16 @@ let Datepicker = class extends GdsFormControlElement {
       this._focusedYear = (await this._elCalendar).focusedYear;
       this.value = new Date((await this._elCalendar).focusedDate);
       this.requestUpdate();
-      __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
+      __privateMethod(this, _Datepicker_instances, dispatchInputEvent_fn).call(this);
     });
     __privateAdd(this, _handlePopoverStateChange, async (e) => {
-      if (e.target !== e.currentTarget)
-        return;
+      if (e.target !== e.currentTarget) return;
       this.open = e.detail.open;
       if (e.detail.reason === "close") {
         const calValue = (await this._elCalendar).value;
         if (!calValue) {
           this.value = void 0;
-          __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
+          __privateMethod(this, _Datepicker_instances, dispatchChangeEvent_fn).call(this);
           return;
         }
         const hasChanged = !isSameDay(
@@ -213,7 +164,7 @@ let Datepicker = class extends GdsFormControlElement {
         );
         if (hasChanged) {
           this.value = new Date(calValue);
-          __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
+          __privateMethod(this, _Datepicker_instances, dispatchChangeEvent_fn).call(this);
         }
         if (this.value) {
           this._focusedMonth = this.value.getMonth();
@@ -222,7 +173,7 @@ let Datepicker = class extends GdsFormControlElement {
       }
       if (e.detail.reason === "cancel") {
         this.value = __privateGet(this, _valueOnOpen);
-        __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
+        __privateMethod(this, _Datepicker_instances, dispatchInputEvent_fn).call(this);
       }
     });
     __privateAdd(this, _handleSpinnerKeydown, (e) => {
@@ -231,13 +182,11 @@ let Datepicker = class extends GdsFormControlElement {
       );
       if (e.key === "ArrowRight") {
         const next = this._elSpinners[index + 1];
-        if (next)
-          next.focus();
+        if (next) next.focus();
       }
       if (e.key === "ArrowLeft") {
         const prev = this._elSpinners[index - 1];
-        if (prev)
-          prev.focus();
+        if (prev) prev.focus();
       }
     });
     __privateAdd(this, _handleSpinnerChange, (val, name) => {
@@ -249,11 +198,10 @@ let Datepicker = class extends GdsFormControlElement {
       const lastOfMonth = lastDayOfMonth(newDate).getDate();
       const setDay = lastOfMonth < parseInt(__privateGet(this, _spinnerState).day) ? lastOfMonth : parseInt(__privateGet(this, _spinnerState).day);
       newDate.setUTCDate(isNaN(setDay) ? 1 : setDay);
-      if (newDate.toString() === "Invalid Date")
-        return;
+      if (newDate.toString() === "Invalid Date") return;
       this.value = newDate;
-      __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
-      __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
+      __privateMethod(this, _Datepicker_instances, dispatchChangeEvent_fn).call(this);
+      __privateMethod(this, _Datepicker_instances, dispatchInputEvent_fn).call(this);
     });
     /**
      * The spinner state keeps track of the spinner values regardless of whether a complete date has been enter yet.
@@ -272,8 +220,7 @@ let Datepicker = class extends GdsFormControlElement {
     return super.value;
   }
   set value(value) {
-    if (!dateHasChanged(value, super.value))
-      return;
+    if (!dateHasChanged(value, super.value)) return;
     super.value = value;
   }
   get utcHours() {
@@ -287,17 +234,15 @@ let Datepicker = class extends GdsFormControlElement {
     return this._dateFormatLayout.layout.map((f) => f.token).join(this._dateFormatLayout.delimiter);
   }
   set dateformat(dateformat) {
-    this._dateFormatLayout = __privateMethod(this, _parseDateFormat, parseDateFormat_fn).call(this, dateformat);
+    this._dateFormatLayout = __privateMethod(this, _Datepicker_instances, parseDateFormat_fn).call(this, dateformat);
   }
   /**
    * Get the currently focused date in the calendar popover. If no date is focused, or the calendar popover
    * is closed, the value will be undefined.
    */
   async getFocusedDate() {
-    if (this.open)
-      return this._elCalendar.then((el) => el.focusedDate);
-    else
-      return void 0;
+    if (this.open) return this._elCalendar.then((el) => el.focusedDate);
+    else return void 0;
   }
   /**
    * Get a string representation of the currently displayed value in the input field. The formatting will match the dateformat attribute.
@@ -320,9 +265,9 @@ let Datepicker = class extends GdsFormControlElement {
         this._currentLocale = e.detail.readyLocale;
         if (!this.value) {
           __privateSet(this, _spinnerState, {
-            year: __privateMethod(this, _getLocalizedPlaceholder, getLocalizedPlaceholder_fn).call(this, "year"),
-            month: __privateMethod(this, _getLocalizedPlaceholder, getLocalizedPlaceholder_fn).call(this, "month"),
-            day: __privateMethod(this, _getLocalizedPlaceholder, getLocalizedPlaceholder_fn).call(this, "day")
+            year: __privateMethod(this, _Datepicker_instances, getLocalizedPlaceholder_fn).call(this, "year"),
+            month: __privateMethod(this, _Datepicker_instances, getLocalizedPlaceholder_fn).call(this, "month"),
+            day: __privateMethod(this, _Datepicker_instances, getLocalizedPlaceholder_fn).call(this, "day")
           });
         }
         this.requestUpdate();
@@ -378,12 +323,12 @@ let Datepicker = class extends GdsFormControlElement {
                   aria-invalid="${this.invalid}"
                   class="spinner"
                   .length=${f.token === "y" ? 4 : 2}
-                  .value=${__privateMethod(this, _getSpinnerValue, getSpinnerValue_fn).call(this, f.name)}
-                  aria-valuemin=${__privateMethod(this, _getMinSpinnerValue, getMinSpinnerValue_fn).call(this, f.name)}
-                  aria-valuemax=${__privateMethod(this, _getMaxSpinnerValue, getMaxSpinnerValue_fn).call(this, f.name)}
-                  aria-label=${__privateMethod(this, _getSpinnerLabel, getSpinnerLabel_fn).call(this, f.name)}
+                  .value=${__privateMethod(this, _Datepicker_instances, getSpinnerValue_fn).call(this, f.name)}
+                  aria-valuemin=${__privateMethod(this, _Datepicker_instances, getMinSpinnerValue_fn).call(this, f.name)}
+                  aria-valuemax=${__privateMethod(this, _Datepicker_instances, getMaxSpinnerValue_fn).call(this, f.name)}
+                  aria-label=${__privateMethod(this, _Datepicker_instances, getSpinnerLabel_fn).call(this, f.name)}
                   aria-describedby="supporting-text supporting-text-slot sub-label-slot message"
-                  data-max-width=${__privateMethod(this, _getMaxSpinnerValue, getMaxSpinnerValue_fn).call(this, f.name).toString().length}
+                  data-max-width=${__privateMethod(this, _Datepicker_instances, getMaxSpinnerValue_fn).call(this, f.name).toString().length}
                   @keydown=${__privateGet(this, _handleSpinnerKeydown)}
                   @change=${(e) => __privateGet(this, _handleSpinnerChange).call(this, e.detail.value, f.name)}
                   @focus=${__privateGet(this, _handleSpinnerFocus)}
@@ -423,7 +368,7 @@ let Datepicker = class extends GdsFormControlElement {
       </gds-field-base>
 
       ${when(
-      __privateMethod(this, _shouldShowFooter, shouldShowFooter_fn).call(this),
+      __privateMethod(this, _Datepicker_instances, shouldShowFooter_fn).call(this),
       () => html`<gds-form-control-footer
             class="size-${this.size}"
             .errorMessage=${this.invalid ? this.errorMessage : void 0}
@@ -451,8 +396,7 @@ let Datepicker = class extends GdsFormControlElement {
         .useModalInMobileView=${true}
         @focusin=${async (e) => {
       const isPopover = e.target?.id === "calendar-popover";
-      if (!isPopover)
-        return;
+      if (!isPopover) return;
       this._elCalendar.then((cal) => cal.focus());
     }}
       >
@@ -503,7 +447,7 @@ let Datepicker = class extends GdsFormControlElement {
               hide-label
             >
               ${repeat(
-      __privateGet(this, _years, years_get),
+      __privateGet(this, _Datepicker_instances, years_get),
       (year) => year,
       (year) => html`<gds-option value=${year}>${year}</gds-option>`
     )}
@@ -533,7 +477,7 @@ let Datepicker = class extends GdsFormControlElement {
           ></gds-calendar>
 
           ${when(
-      this.clearable || __privateMethod(this, _shouldShowTodayButton, shouldShowTodayButton_fn).call(this) || Boolean(this._outOfRangeAction),
+      this.clearable || __privateMethod(this, _Datepicker_instances, shouldShowTodayButton_fn).call(this) || Boolean(this._outOfRangeAction),
       () => html`
               <gds-flex
                 align-items="center"
@@ -551,25 +495,25 @@ let Datepicker = class extends GdsFormControlElement {
           e.stopPropagation();
           this.value = void 0;
           this.open = false;
-          __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
-          __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
+          __privateMethod(this, _Datepicker_instances, dispatchInputEvent_fn).call(this);
+          __privateMethod(this, _Datepicker_instances, dispatchChangeEvent_fn).call(this);
         }}
                         aria-label=${msg("Clear selected date")}
                       >
                         ${msg("Clear")}
                       </gds-button>`
       )}
-                  ${__privateMethod(this, _renderBackToValidRangeButton, renderBackToValidRangeButton_fn).call(this)}
+                  ${__privateMethod(this, _Datepicker_instances, renderBackToValidRangeButton_fn).call(this)}
                 </gds-flex>
                 ${when(
-        __privateMethod(this, _shouldShowTodayButton, shouldShowTodayButton_fn).call(this),
+        __privateMethod(this, _Datepicker_instances, shouldShowTodayButton_fn).call(this),
         () => html` <gds-button
                       id="today-button"
                       rank="tertiary"
                       size="small"
                       @click=${(e) => {
           e.stopPropagation();
-          __privateMethod(this, _focusDate, focusDate_fn).call(this, /* @__PURE__ */ new Date());
+          __privateMethod(this, _Datepicker_instances, focusDate_fn).call(this, /* @__PURE__ */ new Date());
         }}
                       aria-label=${msg("Select today's date")}
                     >
@@ -587,16 +531,15 @@ let Datepicker = class extends GdsFormControlElement {
     return this._elSpinners[0];
   }
   _handleOutOfRangeChange() {
-    __privateMethod(this, _updateOutOfRangeAction, updateOutOfRangeAction_fn).call(this);
+    __privateMethod(this, _Datepicker_instances, updateOutOfRangeAction_fn).call(this);
   }
   _handleValueChange() {
-    if (this.value === "")
-      this.value = void 0;
+    if (this.value === "") this.value = void 0;
     if (!this.value) {
       __privateSet(this, _spinnerState, {
-        year: __privateMethod(this, _getLocalizedPlaceholder, getLocalizedPlaceholder_fn).call(this, "year"),
-        month: __privateMethod(this, _getLocalizedPlaceholder, getLocalizedPlaceholder_fn).call(this, "month"),
-        day: __privateMethod(this, _getLocalizedPlaceholder, getLocalizedPlaceholder_fn).call(this, "day")
+        year: __privateMethod(this, _Datepicker_instances, getLocalizedPlaceholder_fn).call(this, "year"),
+        month: __privateMethod(this, _Datepicker_instances, getLocalizedPlaceholder_fn).call(this, "month"),
+        day: __privateMethod(this, _Datepicker_instances, getLocalizedPlaceholder_fn).call(this, "day")
       });
       return;
     }
@@ -617,88 +560,92 @@ let Datepicker = class extends GdsFormControlElement {
 };
 _utcHours = new WeakMap();
 _valueOnOpen = new WeakMap();
-_shouldShowFooter = new WeakSet();
+_Datepicker_instances = new WeakSet();
 shouldShowFooter_fn = function() {
   return !this.plain;
 };
-_renderBackToValidRangeButton = new WeakSet();
 renderBackToValidRangeButton_fn = function() {
-  if (!this._outOfRangeAction)
-    return nothing;
+  if (!this._outOfRangeAction) return nothing;
   const isAfterMax = this._outOfRangeAction === "max";
-  const target = isAfterMax ? __privateMethod(this, _nearestSelectableDate, nearestSelectableDate_fn).call(this, this.max, -1) : __privateMethod(this, _nearestSelectableDate, nearestSelectableDate_fn).call(this, this.min, 1);
+  const target = isAfterMax ? __privateMethod(this, _Datepicker_instances, nearestSelectableDate_fn).call(this, this.max, -1) : __privateMethod(this, _Datepicker_instances, nearestSelectableDate_fn).call(this, this.min, 1);
   return html`<gds-button
       id="back-to-valid-range-button"
       rank="tertiary"
       size="small"
       @click=${(e) => {
     e.stopPropagation();
-    __privateMethod(this, _focusDate, focusDate_fn).call(this, target);
+    __privateMethod(this, _Datepicker_instances, focusDate_fn).call(this, target);
   }}
     >
       ${isAfterMax ? msg("Last available date") : msg("First available date")}
     </gds-button>`;
 };
-_updateOutOfRangeAction = new WeakSet();
 updateOutOfRangeAction_fn = async function() {
   const focusedDate = await this.getFocusedDate();
-  if (!focusedDate)
-    this._outOfRangeAction = void 0;
+  if (!focusedDate) this._outOfRangeAction = void 0;
   else if (focusedDate > this.max && !isSameDay(focusedDate, this.max))
     this._outOfRangeAction = "max";
   else if (focusedDate < this.min && !isSameDay(focusedDate, this.min))
     this._outOfRangeAction = "min";
-  else
-    this._outOfRangeAction = void 0;
+  else this._outOfRangeAction = void 0;
 };
-_normalizeDate = new WeakSet();
+/**
+ * Normalizes a date the same way selecting a calendar cell does: to local midday first, so that
+ * the local calendar day is preserved, then to the configured UTC hour.
+ */
 normalizeDate_fn = function(d) {
   const normalized = setHours(d, 12);
   normalized.setUTCHours(this.utcHours, 0, 0, 0);
   return normalized;
 };
-_focusDate = new WeakSet();
+/**
+ * Focuses (and selects) a date in the calendar. The month/year state and value are derived
+ * directly from `d` rather than read back from the calendar element asynchronously, so that a
+ * concurrent update (e.g. the host re-assigning an equivalent `value`) cannot race with, and
+ * overwrite, the requested focus change.
+ */
 focusDate_fn = function(d) {
-  const focusDate = __privateMethod(this, _normalizeDate, normalizeDate_fn).call(this, d);
+  const focusDate = __privateMethod(this, _Datepicker_instances, normalizeDate_fn).call(this, d);
   this._focusedMonth = focusDate.getMonth();
   this._focusedYear = focusDate.getFullYear();
   this.value = new Date(focusDate);
   this.requestUpdate();
-  __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
+  __privateMethod(this, _Datepicker_instances, dispatchInputEvent_fn).call(this);
   this._elCalendar.then((el) => {
     el.focusedDate = focusDate;
     el.updateComplete.then(() => el.focus());
   });
 };
-_isDateSelectable = new WeakSet();
+/**
+ * Whether the given date can be selected, taking `min`/`max`, `disabledWeekends` and
+ * `disabledDates` into account.
+ */
 isDateSelectable_fn = function(date) {
   const isOutsideMinMax = (date < this.min || date > this.max) && !isSameDay(date, this.min) && !isSameDay(date, this.max);
-  if (isOutsideMinMax)
-    return false;
+  if (isOutsideMinMax) return false;
   const isWeekend = date.getDay() === 0 || date.getDay() === 6;
-  if (this.disabledWeekends && isWeekend)
-    return false;
+  if (this.disabledWeekends && isWeekend) return false;
   return !this.disabledDates?.some((d) => isSameDay(d, date));
 };
-_nearestSelectableDate = new WeakSet();
+/**
+ * Finds the nearest selectable date starting from `from` (inclusive), stepping a day at a time in
+ * `direction` (`1` towards `max`, `-1` towards `min`). Falls back to `from` if the min/max range is
+ * exhausted without finding a selectable date.
+ */
 nearestSelectableDate_fn = function(from, direction) {
   let candidate = new Date(from);
-  while (!__privateMethod(this, _isDateSelectable, isDateSelectable_fn).call(this, candidate)) {
+  while (!__privateMethod(this, _Datepicker_instances, isDateSelectable_fn).call(this, candidate)) {
     const next = addDays(candidate, direction);
     const passedBoundary = direction === 1 ? next > this.max : next < this.min;
-    if (passedBoundary)
-      return from;
+    if (passedBoundary) return from;
     candidate = next;
   }
   return candidate;
 };
-_shouldShowTodayButton = new WeakSet();
 shouldShowTodayButton_fn = function() {
-  if (this.hideTodayButton)
-    return false;
-  return __privateMethod(this, _isDateSelectable, isDateSelectable_fn).call(this, __privateMethod(this, _normalizeDate, normalizeDate_fn).call(this, /* @__PURE__ */ new Date()));
+  if (this.hideTodayButton) return false;
+  return __privateMethod(this, _Datepicker_instances, isDateSelectable_fn).call(this, __privateMethod(this, _Datepicker_instances, normalizeDate_fn).call(this, /* @__PURE__ */ new Date()));
 };
-_getSpinnerLabel = new WeakSet();
 getSpinnerLabel_fn = function(name) {
   const labels = {
     year: msg("Year"),
@@ -707,7 +654,6 @@ getSpinnerLabel_fn = function(name) {
   };
   return `${labels[name]} ${this.label}`;
 };
-_getMinSpinnerValue = new WeakSet();
 getMinSpinnerValue_fn = function(name) {
   const min = {
     year: 1900,
@@ -716,7 +662,6 @@ getMinSpinnerValue_fn = function(name) {
   };
   return min[name];
 };
-_getMaxSpinnerValue = new WeakSet();
 getMaxSpinnerValue_fn = function(name) {
   const max = {
     year: 9999,
@@ -725,7 +670,6 @@ getMaxSpinnerValue_fn = function(name) {
   };
   return max[name];
 };
-_getLocalizedPlaceholder = new WeakSet();
 getLocalizedPlaceholder_fn = function(name) {
   const placeholders = {
     year: msg("yyyy"),
@@ -734,14 +678,12 @@ getLocalizedPlaceholder_fn = function(name) {
   };
   return placeholders[name];
 };
-_getSpinnerValue = new WeakSet();
 getSpinnerValue_fn = function(name) {
   if (!this.value) {
-    return __privateMethod(this, _getLocalizedPlaceholder, getLocalizedPlaceholder_fn).call(this, name);
+    return __privateMethod(this, _Datepicker_instances, getLocalizedPlaceholder_fn).call(this, name);
   }
   return __privateGet(this, _spinnerState)[name];
 };
-_dispatchChangeEvent = new WeakSet();
 dispatchChangeEvent_fn = function() {
   this.updateComplete.then(
     () => this.dispatchStandardEvent("change", {
@@ -750,7 +692,6 @@ dispatchChangeEvent_fn = function() {
     })
   );
 };
-_dispatchInputEvent = new WeakSet();
 dispatchInputEvent_fn = function() {
   this.updateComplete.then(
     () => this.dispatchStandardEvent("input", {
@@ -771,7 +712,9 @@ _handleDecrementFocusedMonth = new WeakMap();
 _handleCalendarFocusChange = new WeakMap();
 _handlePopoverStateChange = new WeakMap();
 _handleSpinnerKeydown = new WeakMap();
-_parseDateFormat = new WeakSet();
+/**
+ * Takes a dateformat string from the dateformat attribute and turns it to a DateFormatLayout object used in rendering the template.
+ */
 parseDateFormat_fn = function(dateformat) {
   const delimiter = dateformat.replace(/[a-z0-9]/gi, "")[0];
   const format = dateformat.split(delimiter);
@@ -789,25 +732,20 @@ parseDateFormat_fn = function(dateformat) {
 };
 _handleSpinnerChange = new WeakMap();
 _spinnerState = new WeakMap();
-_years = new WeakSet();
 years_get = function() {
   const minYear = this.min.getFullYear();
   const maxYear = this.max.getFullYear();
-  const isOutsideRange = __privateGet(this, _isValueOutsideRange, isValueOutsideRange_get);
+  const isOutsideRange = __privateGet(this, _Datepicker_instances, isValueOutsideRange_get);
   const valueYear = this.value?.getFullYear();
   return {
     *[Symbol.iterator]() {
-      if (isOutsideRange)
-        yield valueYear;
-      for (let i = minYear; i <= maxYear; i++)
-        yield i;
+      if (isOutsideRange) yield valueYear;
+      for (let i = minYear; i <= maxYear; i++) yield i;
     }
   };
 };
-_isValueOutsideRange = new WeakSet();
 isValueOutsideRange_get = function() {
-  if (!this.value)
-    return false;
+  if (!this.value) return false;
   return this.value.getFullYear() < this.min.getFullYear() || this.value.getFullYear() > this.max.getFullYear();
 };
 Datepicker.styles = [tokens, formControlHostStyle, DatepickerStyles];

package/components/datepicker/datepicker.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { GdsDatepicker } from "./datepicker.component.js";
 GdsDatepicker.define();
 export {

package/components/datepicker/datepicker.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base, reset;
@@ -36,12 +36,12 @@ const style = css`
       padding: var(--gds-sys-space-4xs);
       margin: calc(-1 * var(--gds-sys-space-4xs));
       border-radius: var(--gds-sys-radius-3xs);
+    }
 
-      &:focus {
+      .spinner:focus {
         background-color: var(--gds-sys-color-l3-neutral-03);
         color: var(--gds-sys-color-content-neutral-05);
       }
-    }
   }
 `;
 var datepicker_styles_default = style;

package/components/datepicker/datepicker.trans.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.CAV4X6PU.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { tokens } from "../../tokens.style.js";
 import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles.js";
 import * as Calendar from "../calendar/calendar.trans.styles.js";

package/components/details/details-icon/details-icon.component.js

@@ -1,6 +1,6 @@
 import {
   __decorateClass
-} from "../../../chunks/chunk.CAV4X6PU.js";
+} from "../../../chunks/chunk.QU3DSPNU.js";
 import { property } from "lit/decorators.js";
 import { GdsElement } from "../../../gds-element.js";
 import {

package/components/details/details-icon/details-icon.js

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.CAV4X6PU.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { GdsIconDetails } from "./details-icon.component.js";
 GdsIconDetails.define();
 export {

package/components/details/details-icon/details-icon.style.js

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.CAV4X6PU.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const styles = css`
   :host {

package/components/details/details.component.js

@@ -2,7 +2,7 @@ import {
   __decorateClass,
   __privateAdd,
   __privateGet
-} from "../../chunks/chunk.CAV4X6PU.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 var _handleToggle, _handleKeydown, _syncGroupState, _dispatchStateEvent, _handleContentTransitionEnd, _renderHeader, _renderIconButton, _renderContent;
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -43,8 +43,7 @@ let GdsDetails = class extends withSizeXProps(
       }
     });
     __privateAdd(this, _syncGroupState, () => {
-      if (!this.open || !this.name)
-        return;
+      if (!this.open || !this.name) return;
       document.querySelectorAll('[gds-element="gds-details"]').forEach((details) => {
         var _a;
         if (details !== this && details.name === this.name) {