dap-design-system 0.60.2 → 0.61.0

package/dist/components/calendar/calendar.component.js

@@ -0,0 +1,539 @@
+var w = Object.getPrototypeOf;
+var x = Reflect.get;
+var b = (f, e, a) => x(w(f), a, e);
+var C = (f, e, a) => new Promise((s, r) => {
+  var l = (u) => {
+    try {
+      c(a.next(u));
+    } catch (p) {
+      r(p);
+    }
+  }, n = (u) => {
+    try {
+      c(a.throw(u));
+    } catch (p) {
+      r(p);
+    }
+  }, c = (u) => u.done ? s(u.value) : Promise.resolve(u.value).then(l, n);
+  c((a = a.apply(f, e)).next());
+});
+import { clsx as g } from "../../node_modules/clsx/dist/clsx.js";
+import t from "../../_virtual/dayjs.min.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as d } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as v } from "../../node_modules/@lit/reactive-element/decorators/state.js";
+import { query as _ } from "../../node_modules/@lit/reactive-element/decorators/query.js";
+import { queryAll as O } from "../../node_modules/@lit/reactive-element/decorators/query-all.js";
+import { html as h } from "../../node_modules/lit-html/static.js";
+import { DdsElement as S } from "../../internal/dds-hu-element.js";
+import "../../localization/localization.js";
+import M from "../icon-button/icon-button.component.js";
+import A from "../icons/arrows/arrows-expand-up-down-fill/arrows-expand-up-down-fill.component.js";
+import k from "../option-item/option-item.component.js";
+import I from "../select/select.component.js";
+import E from "./calendar.scss.js";
+import $ from "./calendar-cell.component.js";
+import { t as y } from "../../node_modules/i18next/dist/esm/i18next.js";
+import { unsafeCSS as R } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var L = Object.defineProperty, o = (f, e, a, s) => {
+  for (var r = void 0, l = f.length - 1, n; l >= 0; l--)
+    (n = f[l]) && (r = n(e, a, r) || r);
+  return r && L(e, a, r), r;
+};
+const D = class D extends S {
+  constructor() {
+    super(...arguments), this.mode = "single", this.hideAdjacentMonths = !1, this.currentDate = t(), this.minDate = t().subtract(50, "year"), this.maxDate = t().add(50, "year"), this.disabledDate = (e) => !e, this.locale = t.locale(), this.prevButtonTestId = "calendar-prev-button", this.nextButtonTestId = "calendar-next-button", this._yearOptionsLoaded = !1, this.instanceLocalData = t().localeData(), this.updateLocale = (e) => {
+      e ? (this.instanceLocalData = t().locale(e).localeData(), this.locale = e, this.updateComplete.then(() => {
+        var s;
+        (s = this.monthSelect) == null || s.querySelectorAll("dap-ds-option-item").forEach((r) => r.remove()), this.getAllowedMonths(
+          t(this.currentDate).locale(this.locale)
+        ).map((r) => {
+          const l = document.createElement("dap-ds-option-item");
+          return l.value = `${this.instanceLocalData.months().indexOf(r) + 1}`, l.appendChild(document.createTextNode(r)), l;
+        }).forEach(
+          (r) => {
+            var l;
+            return (l = this.monthSelect) == null ? void 0 : l.appendChild(r);
+          }
+        );
+      })) : this.locale = t.locale();
+    }, this.updateLocaleFromHtml = (e) => {
+      this.updateLocale(e[0].target[e[0].attributeName]);
+    }, this.getWeeksInMonth = (e) => {
+      const a = e.daysInMonth(), s = e.weekday();
+      return Math.ceil((a + s) / 7);
+    };
+  }
+  connectedCallback() {
+    return C(this, null, function* () {
+      b(D.prototype, this, "connectedCallback").call(this), t.isDayjs(this.currentDate) || (this.currentDate = t(this.currentDate)), this.locale && (this.instanceLocalData = t().locale(this.locale).localeData(), this.currentDate = t(this.currentDate).locale(this.locale));
+    });
+  }
+  get startDate() {
+    return t.isDayjs(this.currentDate) ? t(this.currentDate.toDate()).locale(this.locale).startOf("month") : t(this.currentDate).locale(this.locale).startOf("month");
+  }
+  get endDate() {
+    return t(this.currentDate).locale(this.locale).endOf("month");
+  }
+  get shouldHideAdjacentMonths() {
+    return this.mode === "range" ? !0 : this.hideAdjacentMonths;
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), new MutationObserver(
+      this.updateLocaleFromHtml
+    ).observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["dir", "lang"]
+    }), this.setValue(this.value, !1), queueMicrotask(() => this.loadYearOptions());
+  }
+  updated(e) {
+    super.updated(e), e.has("value") && this.setValue(this.value, !1);
+  }
+  attributeChangedCallback(e, a, s) {
+    super.attributeChangedCallback(e, a, s), e === "locale" && this.updateLocale(s);
+  }
+  setValue(e, a = !0) {
+    if (e)
+      if (this.isOutOfRange(
+        t(this.currentDate).locale(this.locale),
+        t(e)
+      ))
+        this.setToFirstDayOfMonth();
+      else {
+        const s = this.getCellByDate(t(e));
+        this.setCurrentCell(s, a);
+      }
+    else this.isOutOfRange(t(this.currentDate).locale(this.locale), t()) ? this.setToFirstAllowedDayOfMonth() : this.setToToday();
+  }
+  loadYearOptions() {
+    this._yearOptionsLoaded || (this._yearOptionsLoaded = !0, this.requestUpdate());
+  }
+  isOutOfRange(e, a) {
+    return !t(e).locale(this.locale).isSame(a, "month");
+  }
+  isToday(e) {
+    return e.isSame(/* @__PURE__ */ new Date(), "day");
+  }
+  isSelected(e) {
+    return this.mode === "range" ? this.isRangeStart(e) || this.isRangeEnd(e) : this.value ? e.isSame(this.value, "day") : !1;
+  }
+  isRangeStart(e) {
+    return this.mode !== "range" || !this.rangeStart ? !1 : e.isSame(this.rangeStart, "day");
+  }
+  isRangeEnd(e) {
+    return this.mode !== "range" || !this.rangeEnd ? !1 : e.isSame(this.rangeEnd, "day");
+  }
+  isInRange(e) {
+    return this.mode !== "range" || !this.rangeStart || !this.rangeEnd ? !1 : e.isAfter(this.rangeStart, "day") && e.isBefore(this.rangeEnd, "day");
+  }
+  getDatesInWeek(e, a) {
+    let s = a.startOf("week").add(e, "week");
+    const r = [];
+    for (; r.length < 7; ) {
+      r.push(s);
+      const l = s.add(1, "day");
+      if (s.isSame(a.endOf("month")))
+        break;
+      s = l;
+    }
+    return r;
+  }
+  isDateInAllowedRange(e) {
+    const a = t(this.minDate).locale(this.locale), s = t(this.maxDate).locale(this.locale);
+    return !e.isBefore(a, "day") && !e.isAfter(s, "day");
+  }
+  isMonthInAllowedRange(e, a) {
+    const s = t(new Date(e, a, 1)).locale(this.locale), r = s.endOf("month"), l = t(this.minDate).locale(this.locale), n = t(this.maxDate).locale(this.locale);
+    return !r.isBefore(l, "day") && !s.isAfter(n, "day");
+  }
+  isDateInAllowedRangeByDate(e, a, s) {
+    return this.isDateInAllowedRange(t(new Date(e, a, s)));
+  }
+  getAllowedMonths(e) {
+    const a = t(this.minDate).locale(this.locale), s = t(this.maxDate).locale(this.locale), r = a.year(), l = s.year(), n = a.month(), c = s.month();
+    return e.year() === r && e.year() === l ? Array.from(
+      { length: c - n + 1 },
+      (p, m) => this.instanceLocalData.months()[m + n]
+    ) : e.year() === r ? Array.from(
+      { length: 12 - n },
+      (p, m) => this.instanceLocalData.months()[m + n]
+    ) : e.year() === l ? Array.from(
+      { length: c + 1 },
+      (p, m) => this.instanceLocalData.months()[m]
+    ) : Array.from(
+      { length: 12 },
+      (p, m) => this.instanceLocalData.months()[m]
+    );
+  }
+  setMonth(e) {
+    if (e < 0 && this.isMonthInAllowedRange(t(this.currentDate).year() - 1, 11)) {
+      this.setYear(t(this.currentDate).locale(this.locale).year() - 1), this.currentDate = this.currentDate.locale(this.locale).set("month", 11);
+      return;
+    }
+    if (e > 11 && this.isMonthInAllowedRange(
+      t(this.currentDate).locale(this.locale).year() + 1,
+      0
+    )) {
+      this.setYear(t(this.currentDate).year() + 1), this.currentDate = this.currentDate.set("month", 0);
+      return;
+    }
+    this.isMonthInAllowedRange(
+      t(this.currentDate).locale(this.locale).year(),
+      e
+    ) && (this.currentDate = t(this.currentDate).locale(this.locale).set("month", e));
+  }
+  setDay(e) {
+    const a = t(this.currentDate).locale(this.locale);
+    this.isDateInAllowedRangeByDate(a.year(), a.month(), e) && (this.currentDate = a.set("date", e));
+  }
+  setYear(e) {
+    const a = t(this.currentDate).locale(this.locale);
+    this.currentDate = a.set("year", e);
+  }
+  setSelectedDate(e) {
+    this.disabledDate(e) || this.isDateInAllowedRange(e) && (this.isOutOfRange(t(this.currentDate).locale(this.locale), e) && this.setMonth(e.month()), this.mode === "range" ? (!this.rangeStart || this.rangeStart && this.rangeEnd ? (this.rangeStart = e, this.rangeEnd = void 0, this.currentDate = t(e).locale(this.locale)) : this.rangeStart && !this.rangeEnd && (e.isBefore(this.rangeStart) ? (this.rangeEnd = this.rangeStart, this.rangeStart = e) : this.rangeEnd = e, this.currentDate = t(this.rangeStart).locale(this.locale), this.emit("dds-range-change", {
+      startDate: this.rangeStart,
+      endDate: this.rangeEnd
+    })), this.setCurrentCell(this.getCellByDate(e))) : (this.value = e, this.setCurrentCell(this.getCellByDate(e)), this.emit("dds-change", {
+      value: this.value,
+      type: "value"
+    })));
+  }
+  getFirstDayOfMonthCell() {
+    return [...this.cells].find((e) => t(e.value).locale(this.locale).isSame(this.startDate, "day"));
+  }
+  getCellByDate(e) {
+    return [...this.cells].find((a) => t(a.value).locale(this.locale).isSame(e, "day"));
+  }
+  handleKeyDown(e) {
+    if (e.key === "Tab")
+      return;
+    e.preventDefault();
+    const a = e.composedPath()[0];
+    if (a instanceof $)
+      switch (e.code) {
+        case "ArrowLeft":
+          this.focusNextCell(a, -1);
+          break;
+        case "ArrowRight":
+          this.focusNextCell(a, 1);
+          break;
+        case "ArrowUp":
+          this.focusNextCell(a, -7);
+          break;
+        case "ArrowDown":
+          this.focusNextCell(a, 7);
+          break;
+        case "PageUp":
+          this.setMonth(t(this.currentDate).locale(this.locale).month() - 1);
+          break;
+        case "PageDown":
+          this.setMonth(t(this.currentDate).locale(this.locale).month() + 1);
+          break;
+        case "Enter":
+          this.setSelectedDate(a.value);
+          break;
+        case "Escape":
+          this.emit("dds-close");
+          break;
+      }
+    else e.key === "Escape" && this.emit("dds-close");
+  }
+  setCurrentCell(e, a = !0) {
+    this._currentCell && this._currentCell.setAttribute("tabindex", "-1"), this._currentCell = e, this._currentCell && this._currentCell.setAttribute("tabindex", "0"), a && this._currentCell && this.setFocusToCurrentCell();
+  }
+  setFocusToCurrentCell() {
+    this._currentCell.focus();
+  }
+  setToFirstDayOfMonth() {
+    const e = this.getFirstDayOfMonthCell();
+    e == null || e.setAttribute("tabindex", "0"), this._currentCell = e;
+  }
+  setToToday() {
+    const e = this.getCellByDate(t());
+    e == null || e.setAttribute("tabindex", "0"), this._currentCell = e;
+  }
+  setToFirstAllowedDayOfMonth(e = this.currentDate) {
+    const a = this.getCellByDate(
+      t(e).locale(this.locale).startOf("month")
+    );
+    a == null || a.setAttribute("tabindex", "0"), this._currentCell = a;
+  }
+  focusNextCell(e, a) {
+    const r = [...this.cells].indexOf(e) + a, l = t(this.currentDate).locale(this.locale).month();
+    if (r >= 0 && r < this.cells.length) {
+      const n = this.cells[r];
+      this.setCurrentCell(n);
+    } else r < 0 ? (this.setMonth(l - 1), this.currentDate.month() < l && this.updateComplete.then(() => {
+      const n = t(this.currentDate).locale(this.locale).endOf("month"), c = this.getCellByDate(n);
+      this.setCurrentCell(c);
+    })) : r >= this.cells.length && (this.setMonth(l + 1), this.currentDate.month() > l && this.updateComplete.then(() => {
+      const n = t(this.currentDate).locale(this.locale).startOf("month"), c = this.getCellByDate(n);
+      this.setCurrentCell(c);
+    }));
+  }
+  captureFocus() {
+    this.focus(), this.setFocusToCurrentCell();
+  }
+  getWeekdaysMin() {
+    const e = this.instanceLocalData.firstDayOfWeek(), a = this.instanceLocalData.weekdaysMin();
+    return a.slice(e).concat(a.slice(0, e));
+  }
+  renderCalendarGridHeader() {
+    return h`<thead part="calendar-grid-header" class="calendar-grid-header">
+      <tr class="calendar-grid-header-row">
+        ${this.getWeekdaysMin().map(
+      (e) => h`<th class="calendar-cell">
+              <dap-ds-calendar-cell
+                header
+                part="calendar-grid-header-cell"
+                exportparts="base: calendar-grid-header-cell-base"
+                locale=${this.locale}
+                >${e}</dap-ds-calendar-cell
+              >
+            </th>`
+    )}
+      </tr>
+    </thead>`;
+  }
+  renderCalendarGridBody(e) {
+    return h`<tbody part="body" class="calendar-grid-body">
+      ${[
+      ...new Array(
+        this.getWeeksInMonth(e || t().locale(this.locale))
+      ).keys()
+    ].map(
+      (a) => h`<tr class="calendar-grid-row">
+            ${this.getDatesInWeek(a, e).map((s) => {
+        const r = this.isOutOfRange(e, s), l = !this.isDateInAllowedRange(s) || this.disabledDate(s), n = this.isRangeStart(s), c = this.isRangeEnd(s), u = this.isInRange(s);
+        return this.shouldHideAdjacentMonths && r ? h`<td
+                  role="gridcell"
+                  class="${g("calendar-cell calendar-cell--empty")}"></td>` : h`<td
+                role="gridcell"
+                class="${g("calendar-cell")}"
+                aria-disabled=${l}>
+                <dap-ds-calendar-cell
+                  part="calendar-grid-cell"
+                  exportparts="base: calendar-grid-cell-base, today-mark: calendar-grid-cell-today-mark"
+                  ?outofrange=${r}
+                  ?today=${this.isToday(s)}
+                  ?selected=${this.isSelected(s)}
+                  ?rangestart=${n}
+                  ?rangeend=${c}
+                  ?inrange=${u}
+                  .value=${s}
+                  locale=${this.locale}
+                  ?disabledDay=${l}
+                  role="button"
+                  aria-pressed=${this.isSelected(s)}
+                  aria-disabled=${l}
+                  @click=${() => !l && this.setSelectedDate(s)}
+                  @keydown=${this.handleKeyDown}
+                  >${s.date()}</dap-ds-calendar-cell
+                >
+              </td>`;
+      })}
+          </tr> `
+    )}
+    </tbody>`;
+  }
+  renderCalendarHeader() {
+    return h`
+      <header
+        part="calendar-header"
+        class="calendar__header"
+        @keydown=${this.handleKeyDown}>
+        <dap-ds-icon-button
+          part="calendar-header-button-prev"
+          class="calendar__header-button-prev"
+          data-testid=${this.prevButtonTestId}
+          clean
+          size="lg"
+          variant="brand"
+          icon="arrow-left-l-line"
+          @keydown=${this.handleKeyDown}
+          aria-label=${y("calendar.prevMonth", { lng: this.locale })}
+          @click=${() => {
+      this.setMonth(this.currentDate.month() - 1);
+    }}>
+        </dap-ds-icon-button>
+        <dap-ds-select
+          part="calendar-header-year-select"
+          floatingStrategy="fixed"
+          class=${g(
+      "calendar__header-select",
+      "calendar__header-year-select"
+    )}
+          @dds-keydown=${this.handleKeyDown}
+          size="sm"
+          noAnimation
+          aria-label=${y("calendar.year", { lng: this.locale })}
+          value=${t(this.currentDate).year()}
+          @dds-change=${(e) => {
+      e.preventDefault(), e.stopPropagation(), e.detail.value && !isNaN(parseInt(e.detail.value)) && parseInt(e.detail.value) !== t(this.currentDate).locale(this.locale).year() && (this.currentDate = t(this.currentDate).locale(this.locale).set("year", parseInt(e.detail.value)));
+    }}>
+          <dap-ds-icon-expand-up-down-fill
+            slot="indicator-icon"
+            size="16"></dap-ds-icon-expand-up-down-fill>
+          ${this._yearOptionsLoaded ? [
+      ...new Array(
+        t(this.maxDate).locale(this.locale).year() - t(this.minDate).locale(this.locale).year() + 1
+      ).keys()
+    ].map(
+      (e) => h`<dap-ds-option-item
+                    value=${t(this.minDate).locale(this.locale).year() + e}>
+                    ${t(this.minDate).locale(this.locale).year() + e}
+                  </dap-ds-option-item>`
+    ) : h`<dap-ds-option-item value=${t(this.currentDate).year()}>
+                ${t(this.currentDate).year()}
+              </dap-ds-option-item>`}
+        </dap-ds-select>
+        <dap-ds-select
+          id="monthSelect"
+          part="calendar-header-month-select"
+          floatingStrategy="fixed"
+          class=${g(
+      "calendar__header-select",
+      "calendar__header-month-select"
+    )}
+          size="sm"
+          noAnimation
+          aria-label=${y("calendar.month", { lng: this.locale })}
+          value=${t(this.currentDate).locale(this.locale).month() + 1}
+          @dds-change=${(e) => {
+      e.preventDefault(), e.stopPropagation(), e.detail.value && !isNaN(parseInt(e.detail.value)) && parseInt(e.detail.value) !== t(this.currentDate).locale(this.locale).month() + 1 && this.setMonth(parseInt(e.detail.value) - 1);
+    }}>
+          <dap-ds-icon-expand-up-down-fill
+            slot="indicator-icon"
+            size="16"></dap-ds-icon-expand-up-down-fill>
+          ${this.getAllowedMonths(
+      t(this.currentDate).locale(this.locale)
+    ).map(
+      (e) => h`<dap-ds-option-item
+                value=${this.instanceLocalData.months().indexOf(e) + 1}>
+                ${e}
+              </dap-ds-option-item>`
+    )}
+        </dap-ds-select>
+        <dap-ds-icon-button
+          part="calendar-header-button-next"
+          class="calendar__header-button-next"
+          data-testid=${this.nextButtonTestId}
+          clean
+          size="lg"
+          variant="brand"
+          icon="arrow-right-l-line"
+          aria-label=${y("calendar.nextMonth", { lng: this.locale })}
+          @click=${() => {
+      this.setMonth(
+        t(this.currentDate).locale(this.locale).month() + 1
+      );
+    }}>
+        </dap-ds-icon-button>
+      </header>
+    `;
+  }
+  render() {
+    if (this.mode === "range") {
+      const a = t(this.currentDate).locale(this.locale).add(1, "month");
+      return h` <div class="calendar calendar--range">
+        ${this.renderCalendarHeader()}
+        <div class="calendar__months">
+          <div class="calendar__month">
+            <table
+              part="base"
+              class="calendar__grid"
+              role="grid"
+              aria-label=${`${this.rangeStart ? t(this.rangeStart).locale(this.locale).format("LL, dddd") : ""}`}>
+              ${this.renderCalendarGridHeader()}
+              ${this.renderCalendarGridBody(this.startDate)}
+            </table>
+          </div>
+          <div class="calendar__month calendar__month--next">
+            <table
+              part="base"
+              class="calendar__grid"
+              role="grid"
+              aria-label=${`${this.rangeEnd ? t(this.rangeEnd).locale(this.locale).format("LL, dddd") : ""}`}>
+              ${this.renderCalendarGridHeader()}
+              ${this.renderCalendarGridBody(a.startOf("month"))}
+            </table>
+          </div>
+        </div>
+      </div>`;
+    }
+    return h` <div class="calendar">
+      ${this.renderCalendarHeader()}
+      <table
+        part="base"
+        class="calendar__grid"
+        role="grid"
+        aria-label=${`${this.value ? t(this.value).locale(this.locale).format("LL, dddd") : ""}`}>
+        ${this.renderCalendarGridHeader()}
+        ${this.renderCalendarGridBody(this.startDate)}
+      </table>
+    </div>`;
+  }
+};
+D.tagName = "dap-ds-calendar", D.dependencies = {
+  "dap-ds-calendar-cell": $,
+  "dap-ds-icon-button": M,
+  "dap-ds-select": I,
+  "dap-ds-icon-expand-up-down-fill": A,
+  "dap-ds-option-item": k
+}, D.styles = R(E);
+let i = D;
+o([
+  O("dap-ds-calendar-cell:not([header])")
+], i.prototype, "cells");
+o([
+  _("#monthSelect")
+], i.prototype, "monthSelect");
+o([
+  d({ reflect: !0 })
+], i.prototype, "mode");
+o([
+  d({ type: Boolean })
+], i.prototype, "hideAdjacentMonths");
+o([
+  d({ attribute: !1 })
+], i.prototype, "value");
+o([
+  d({ attribute: !1 })
+], i.prototype, "rangeStart");
+o([
+  d({ attribute: !1 })
+], i.prototype, "rangeEnd");
+o([
+  d({ attribute: !1 })
+], i.prototype, "currentDate");
+o([
+  d({ attribute: !1 })
+], i.prototype, "minDate");
+o([
+  d({ attribute: !1 })
+], i.prototype, "maxDate");
+o([
+  d({ attribute: !1 })
+], i.prototype, "disabledDate");
+o([
+  d({ reflect: !0 })
+], i.prototype, "locale");
+o([
+  d()
+], i.prototype, "prevButtonTestId");
+o([
+  d()
+], i.prototype, "nextButtonTestId");
+o([
+  v()
+], i.prototype, "_currentCell");
+o([
+  v()
+], i.prototype, "_yearOptionsLoaded");
+export {
+  i as default
+};
+//# sourceMappingURL=calendar.component.js.map

package/dist/components/calendar/calendar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.component.js","sources":["../../../src/components/calendar/calendar.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, query, queryAll, state } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { t } from '@/localization/localization'\n\nimport DapDSIconButton from '../icon-button/icon-button.component'\nimport ArrowsExpandUpDownFill from '../icons/arrows/arrows-expand-up-down-fill/arrows-expand-up-down-fill.component'\nimport DapDSOptionItem from '../option-item/option-item.component'\nimport DapDSSelect from '../select/select.component'\nimport styles from './calendar.scss?inline'\nimport DapDSCalendarCell from './calendar-cell.component'\n\n/**\n * `dap-ds-calendar`\n * @summary A calendar is a visual representation of dates. It allows users to select a date.\n * @element dap-ds-calendar\n * @title - Calendar\n *\n * @event {{ value: Dayjs }} dds-change - Fired when the calendar value changes.\n *\n * @slot - The content of the calendar.\n *\n * @csspart base - The main calendar container.\n * @csspart calendar-header - The header of the calendar.\n * @csspart body - The body of the calendar.\n * @csspart calendar-grid-header - The header of the calendar grid.\n * @csspart calendar-grid-header-cell - The header cell of the calendar grid.\n * @csspart calendar-grid-cell - The cell of the calendar grid.\n * @csspart calendar-header-button-prev - The previous month button of the calendar header.\n * @csspart calendar-header-button-next - The next month button of the calendar header.\n * @csspart calendar-header-year-select - The year select of the calendar header.\n * @csspart calendar-header-month-select - The month select of the calendar header.\n *\n * @cssproperty --dds-calendar-display - The display property of the calendar container (default: flex)\n * @cssproperty --dds-calendar-isolation - The isolation property of the calendar (default: isolate)\n * @cssproperty --dds-calendar-block-display - The display property of the calendar block (default: block)\n * @cssproperty --dds-calendar-transition - The transition property for the calendar (default: all 0.2s ease-in-out)\n * @cssproperty --dds-calendar-header-display - The display property of the calendar header (default: grid)\n * @cssproperty --dds-calendar-header-grid-flow - The grid-auto-flow property of the calendar header (default: column)\n * @cssproperty --dds-calendar-header-width - The width of the calendar header (default: 100%)\n * @cssproperty --dds-calendar-header-gap - The gap between header items (default: var(--dds-spacing-100))\n * @cssproperty --dds-calendar-select-min-height - The minimum height of the select trigger (default: auto)\n * @cssproperty --dds-calendar-select-max-height - The maximum height of the select trigger (default: 32px)\n * @cssproperty --dds-calendar-select-padding - The padding of the select trigger (default: var(--dds-spacing-200))\n * @cssproperty --dds-calendar-select-border-radius - The border radius of the select trigger (default: var(--dds-radius-rounded))\n * @cssproperty --dds-calendar-select-border-color - The border color of the select trigger (default: var(--dds-border-neutral-transparent-interactive))\n * @cssproperty --dds-calendar-select-background - The background color of the select trigger (default: var(--dds-button-subtle-background-enabled))\n * @cssproperty --dds-calendar-select-color - The text color of the select trigger (default: var(--dds-button-subtle-text-enabled))\n * @cssproperty --dds-calendar-select-font-size - The font size of the select trigger (default: var(--dds-font-sm))\n * @cssproperty --dds-calendar-select-font-style - The font style of the select trigger (default: normal)\n * @cssproperty --dds-calendar-select-font-weight - The font weight of the select trigger (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-calendar-nav-button-margin - The margin of the navigation buttons (default: var(--dds-spacing-200))\n * @cssproperty --dds-calendar-nav-button-color - The color of the navigation button icons (default: var(--dds-button-subtle-icon-enabled))\n */\nexport default class DapDSCalendar extends DdsElement {\n  static tagName = 'dap-ds-calendar'\n\n  static dependencies = {\n    'dap-ds-calendar-cell': DapDSCalendarCell,\n    'dap-ds-icon-button': DapDSIconButton,\n    'dap-ds-select': DapDSSelect,\n    'dap-ds-icon-expand-up-down-fill': ArrowsExpandUpDownFill,\n    'dap-ds-option-item': DapDSOptionItem,\n  }\n\n  @queryAll('dap-ds-calendar-cell:not([header])')\n  private readonly cells: NodeListOf<DapDSCalendarCell>\n\n  @query('#monthSelect')\n  private readonly monthSelect: DapDSSelect\n\n  /** The mode of the calendar - single date or range selection.\n   * @type {'single' | 'range'}\n   * @default 'single'\n   */\n  @property({ reflect: true }) mode: 'single' | 'range' = 'single'\n\n  /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode.*/\n  @property({ type: Boolean }) hideAdjacentMonths: boolean = false\n\n  /** The value of the calendar.\n   * @type {Dayjs}\n   */\n  @property({ attribute: false }) value?: Dayjs\n\n  /** The start date of the range selection (only used in range mode).\n   * @type {Dayjs}\n   */\n  @property({ attribute: false }) rangeStart?: Dayjs\n\n  /** The end date of the range selection (only used in range mode).\n   * @type {Dayjs}\n   */\n  @property({ attribute: false }) rangeEnd?: Dayjs\n\n  /** The current visible date of the calendar. Only the month and year are considered.\n   * @type {Dayjs}\n   * @default dayjs()\n   */\n  @property({ attribute: false }) currentDate = dayjs()\n\n  /** The minimum date of the calendar. Only the month and year are considered.\n   * @type {Dayjs}\n   * @default dayjs().subtract(50, 'year')\n   */\n  @property({ attribute: false }) minDate = dayjs().subtract(50, 'year')\n\n  /** The maximum date of the calendar. Only the month and year are considered.\n   * @type {Dayjs}\n   * @default dayjs().add(50, 'year')\n   */\n  @property({ attribute: false }) maxDate = dayjs().add(50, 'year')\n\n  /** The function to determine if the date is disabled.\n   * @type {Function}\n   * @default () => false\n   */\n  @property({ attribute: false }) disabledDate = (date: Dayjs) => {\n    return !date\n  }\n\n  /** The locale of the calendar.\n   * @type {'hu' | 'en' | 'de'}\n   * @default dayjs.locale()\n   */\n  @property({ reflect: true }) locale: string = dayjs.locale()\n\n  /** `data-testid` for the previous-month button. */\n  @property() prevButtonTestId = 'calendar-prev-button'\n\n  /** `data-testid` for the next-month button. */\n  @property() nextButtonTestId = 'calendar-next-button'\n\n  @state() private _currentCell: DapDSCalendarCell\n  @state() private _yearOptionsLoaded = false\n\n  private instanceLocalData = dayjs().localeData()\n\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback()\n\n    if (!dayjs.isDayjs(this.currentDate)) {\n      this.currentDate = dayjs(this.currentDate)\n    }\n\n    if (this.locale) {\n      this.instanceLocalData = dayjs().locale(this.locale).localeData()\n      this.currentDate = dayjs(this.currentDate).locale(this.locale)\n      // Remove requestUpdate() - let Lit handle the update cycle\n    }\n  }\n\n  static readonly styles = unsafeCSS(styles)\n\n  get startDate() {\n    if (dayjs.isDayjs(this.currentDate)) {\n      return dayjs(this.currentDate.toDate())\n        .locale(this.locale)\n        .startOf('month')\n    }\n    return dayjs(this.currentDate).locale(this.locale).startOf('month')\n  }\n\n  get endDate() {\n    return dayjs(this.currentDate).locale(this.locale).endOf('month')\n  }\n\n  get shouldHideAdjacentMonths() {\n    // If explicitly set, use that value\n    if (this.mode === 'range') {\n      return true\n    }\n    // Default: false for single mode, true for range mode\n    return this.hideAdjacentMonths\n  }\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n    const documentElementObserver = new MutationObserver(\n      this.updateLocaleFromHtml,\n    )\n\n    documentElementObserver.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['dir', 'lang'],\n    })\n\n    this.setValue(this.value, false)\n\n    // Load year options after initial render to improve startup performance\n    // but ensure they're available for user interaction\n    queueMicrotask(() => this.loadYearOptions())\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n\n    if (_changedProperties.has('value')) {\n      this.setValue(this.value, false)\n    }\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _old: string | null,\n    value: string | null,\n  ): void {\n    super.attributeChangedCallback(name, _old, value)\n\n    if (name === 'locale') {\n      this.updateLocale(value)\n    }\n  }\n\n  private readonly updateLocale = (locale?: string | null) => {\n    if (!locale) {\n      this.locale = dayjs.locale()\n    } else {\n      this.instanceLocalData = dayjs().locale(locale).localeData()\n      this.locale = locale\n\n      // Defer DOM manipulation to avoid update cycles\n      this.updateComplete.then(() => {\n        this.monthSelect\n          ?.querySelectorAll('dap-ds-option-item')\n          .forEach(item => item.remove())\n\n        const monthOptions = this.getAllowedMonths(\n          dayjs(this.currentDate).locale(this.locale),\n        ).map(month => {\n          const option = document.createElement('dap-ds-option-item')\n          option.value = `${this.instanceLocalData.months().indexOf(month) + 1}`\n          option.appendChild(document.createTextNode(month))\n          return option\n        })\n\n        monthOptions.forEach(monthOption =>\n          this.monthSelect?.appendChild(monthOption),\n        )\n      })\n    }\n    // Remove manual requestUpdate() - locale property change will trigger update\n  }\n\n  private readonly updateLocaleFromHtml = (mutationList: any) => {\n    this.updateLocale(mutationList[0].target[mutationList[0].attributeName])\n  }\n\n  setValue(value?: Dayjs, setFocus = true) {\n    if (value) {\n      if (\n        this.isOutOfRange(\n          dayjs(this.currentDate).locale(this.locale),\n          dayjs(value),\n        )\n      ) {\n        this.setToFirstDayOfMonth()\n      } else {\n        const selectedCell = this.getCellByDate(dayjs(value))\n        this.setCurrentCell(selectedCell!, setFocus)\n      }\n    } else if (\n      this.isOutOfRange(dayjs(this.currentDate).locale(this.locale), dayjs())\n    ) {\n      this.setToFirstAllowedDayOfMonth()\n    } else {\n      this.setToToday()\n    }\n  }\n\n  private readonly getWeeksInMonth = (date: Dayjs) => {\n    const days = date.daysInMonth()\n    const weekday = date.weekday()\n\n    return Math.ceil((days + weekday) / 7)\n  }\n\n  private loadYearOptions() {\n    if (!this._yearOptionsLoaded) {\n      this._yearOptionsLoaded = true\n      // Immediate update for better UX\n      this.requestUpdate()\n    }\n  }\n\n  isOutOfRange(currentDate: Dayjs, date: Dayjs) {\n    return !dayjs(currentDate).locale(this.locale).isSame(date, 'month')\n  }\n\n  isToday(date: Dayjs) {\n    return date.isSame(new Date(), 'day')\n  }\n\n  isSelected(date: Dayjs) {\n    if (this.mode === 'range') {\n      return this.isRangeStart(date) || this.isRangeEnd(date)\n    }\n\n    if (!this.value) {\n      return false\n    }\n\n    return date.isSame(this.value, 'day')\n  }\n\n  isRangeStart(date: Dayjs) {\n    if (this.mode !== 'range' || !this.rangeStart) {\n      return false\n    }\n    return date.isSame(this.rangeStart, 'day')\n  }\n\n  isRangeEnd(date: Dayjs) {\n    if (this.mode !== 'range' || !this.rangeEnd) {\n      return false\n    }\n    return date.isSame(this.rangeEnd, 'day')\n  }\n\n  isInRange(date: Dayjs) {\n    if (this.mode !== 'range' || !this.rangeStart || !this.rangeEnd) {\n      return false\n    }\n    return (\n      date.isAfter(this.rangeStart, 'day') &&\n      date.isBefore(this.rangeEnd, 'day')\n    )\n  }\n\n  getDatesInWeek(week: number, from: Dayjs) {\n    let date = from.startOf('week').add(week, 'week')\n    const dates: Dayjs[] = []\n\n    while (dates.length < 7) {\n      dates.push(date)\n      const nextDate = date.add(1, 'day')\n      if (date.isSame(from.endOf('month'))) {\n        break\n      }\n      date = nextDate\n    }\n\n    return dates\n  }\n\n  isDateInAllowedRange(date: Dayjs) {\n    const minDate = dayjs(this.minDate).locale(this.locale)\n    const maxDate = dayjs(this.maxDate).locale(this.locale)\n    return !date.isBefore(minDate, 'day') && !date.isAfter(maxDate, 'day')\n  }\n\n  isMonthInAllowedRange(year: number, month: number) {\n    const monthStart = dayjs(new Date(year, month, 1)).locale(this.locale)\n    const monthEnd = monthStart.endOf('month')\n    const minDate = dayjs(this.minDate).locale(this.locale)\n    const maxDate = dayjs(this.maxDate).locale(this.locale)\n\n    // A month is allowed if it intersects the [minDate, maxDate] range.\n    return (\n      !monthEnd.isBefore(minDate, 'day') && !monthStart.isAfter(maxDate, 'day')\n    )\n  }\n\n  isDateInAllowedRangeByDate(year: number, month: number, date: number) {\n    return this.isDateInAllowedRange(dayjs(new Date(year, month, date)))\n  }\n\n  getAllowedMonths(currentDate: Dayjs) {\n    const minDate = dayjs(this.minDate).locale(this.locale)\n    const maxDate = dayjs(this.maxDate).locale(this.locale)\n    const minYear = minDate.year()\n    const maxYear = maxDate.year()\n    const minMonth = minDate.month()\n    const maxMonth = maxDate.month()\n\n    if (currentDate.year() === minYear && currentDate.year() === maxYear) {\n      return Array.from(\n        { length: maxMonth - minMonth + 1 },\n        (_, i) => this.instanceLocalData.months()[i + minMonth],\n      )\n    }\n\n    if (currentDate.year() === minYear) {\n      return Array.from(\n        { length: 12 - minMonth },\n        (_, i) => this.instanceLocalData.months()[i + minMonth],\n      )\n    }\n\n    if (currentDate.year() === maxYear) {\n      return Array.from(\n        { length: maxMonth + 1 },\n        (_, i) => this.instanceLocalData.months()[i],\n      )\n    }\n\n    const months = Array.from(\n      { length: 12 },\n      (_, i) => this.instanceLocalData.months()[i],\n    )\n\n    return months\n  }\n\n  setMonth(month: number) {\n    if (\n      month < 0 &&\n      this.isMonthInAllowedRange(dayjs(this.currentDate).year() - 1, 11)\n    ) {\n      this.setYear(dayjs(this.currentDate).locale(this.locale).year() - 1)\n      this.currentDate = this.currentDate.locale(this.locale).set('month', 11)\n      return\n    }\n\n    if (\n      month > 11 &&\n      this.isMonthInAllowedRange(\n        dayjs(this.currentDate).locale(this.locale).year() + 1,\n        0,\n      )\n    ) {\n      this.setYear(dayjs(this.currentDate).year() + 1)\n      this.currentDate = this.currentDate.set('month', 0)\n      return\n    }\n\n    if (\n      !this.isMonthInAllowedRange(\n        dayjs(this.currentDate).locale(this.locale).year(),\n        month,\n      )\n    ) {\n      return\n    }\n\n    this.currentDate = dayjs(this.currentDate)\n      .locale(this.locale)\n      .set('month', month)\n    // Remove requestUpdate() - currentDate property change will trigger update\n  }\n\n  setDay(day: number) {\n    const date = dayjs(this.currentDate).locale(this.locale)\n\n    if (!this.isDateInAllowedRangeByDate(date.year(), date.month(), day)) {\n      return\n    }\n\n    this.currentDate = date.set('date', day)\n    // Remove requestUpdate() - currentDate property change will trigger update\n  }\n\n  setYear(year: number) {\n    const date = dayjs(this.currentDate).locale(this.locale)\n\n    this.currentDate = date.set('year', year)\n    // Remove requestUpdate() - currentDate property change will trigger update\n  }\n\n  setSelectedDate(date: Dayjs) {\n    if (this.disabledDate(date)) {\n      return\n    }\n\n    if (!this.isDateInAllowedRange(date)) {\n      return\n    }\n\n    if (this.isOutOfRange(dayjs(this.currentDate).locale(this.locale), date)) {\n      this.setMonth(date.month())\n    }\n\n    if (this.mode === 'range') {\n      // Range selection logic\n      if (!this.rangeStart || (this.rangeStart && this.rangeEnd)) {\n        // Start new range selection\n        this.rangeStart = date\n        this.rangeEnd = undefined\n        // Update currentDate to show the start date's month\n        this.currentDate = dayjs(date).locale(this.locale)\n      } else if (this.rangeStart && !this.rangeEnd) {\n        // Complete range selection\n        if (date.isBefore(this.rangeStart)) {\n          // If end date is before start date, swap them\n          this.rangeEnd = this.rangeStart\n          this.rangeStart = date\n        } else {\n          this.rangeEnd = date\n        }\n\n        // Update currentDate to show the start date's month in the first calendar\n        this.currentDate = dayjs(this.rangeStart).locale(this.locale)\n\n        // Emit range-change event\n        this.emit('dds-range-change', {\n          startDate: this.rangeStart,\n          endDate: this.rangeEnd,\n        })\n      }\n\n      this.setCurrentCell(this.getCellByDate(date)!)\n    } else {\n      // Single date selection\n      this.value = date\n      this.setCurrentCell(this.getCellByDate(date)!)\n\n      this.emit('dds-change', {\n        value: this.value,\n        type: 'value',\n      })\n    }\n  }\n\n  getFirstDayOfMonthCell() {\n    return [...this.cells].find(cell => {\n      return dayjs(cell.value).locale(this.locale).isSame(this.startDate, 'day')\n    })\n  }\n\n  getCellByDate(date: Dayjs) {\n    return [...this.cells].find(cell => {\n      return dayjs(cell.value).locale(this.locale).isSame(date, 'day')\n    })\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      return\n    }\n\n    event.preventDefault()\n    const element = event.composedPath()[0]\n    if (element instanceof DapDSCalendarCell) {\n      switch (event.code) {\n        case 'ArrowLeft':\n          this.focusNextCell(element, -1)\n          break\n        case 'ArrowRight':\n          this.focusNextCell(element, 1)\n          break\n        case 'ArrowUp':\n          this.focusNextCell(element, -7)\n          break\n        case 'ArrowDown':\n          this.focusNextCell(element, 7)\n          break\n        case 'PageUp':\n          this.setMonth(dayjs(this.currentDate).locale(this.locale).month() - 1)\n          break\n        case 'PageDown':\n          this.setMonth(dayjs(this.currentDate).locale(this.locale).month() + 1)\n          break\n        case 'Enter':\n          this.setSelectedDate(element.value)\n          break\n        case 'Escape':\n          this.emit('dds-close')\n          break\n      }\n    } else if (event.key === 'Escape') {\n      this.emit('dds-close')\n    }\n  }\n\n  setCurrentCell(cell: DapDSCalendarCell, setFocus = true) {\n    if (this._currentCell) {\n      this._currentCell.setAttribute('tabindex', '-1')\n    }\n    this._currentCell = cell\n    if (this._currentCell) {\n      this._currentCell.setAttribute('tabindex', '0')\n    }\n\n    if (setFocus && this._currentCell) {\n      this.setFocusToCurrentCell()\n    }\n  }\n\n  setFocusToCurrentCell() {\n    this._currentCell.focus()\n  }\n\n  setToFirstDayOfMonth() {\n    const firstDayofMonth = this.getFirstDayOfMonthCell()\n    firstDayofMonth?.setAttribute('tabindex', '0')\n    this._currentCell = firstDayofMonth!\n  }\n\n  setToToday() {\n    const today = this.getCellByDate(dayjs())\n    today?.setAttribute('tabindex', '0')\n    this._currentCell = today!\n  }\n\n  setToFirstAllowedDayOfMonth(currentDate = this.currentDate) {\n    const firstAllowedDay = this.getCellByDate(\n      dayjs(currentDate).locale(this.locale).startOf('month'),\n    )\n    firstAllowedDay?.setAttribute('tabindex', '0')\n    this._currentCell = firstAllowedDay!\n  }\n\n  focusNextCell(element: DapDSCalendarCell, offset: number) {\n    const index = [...this.cells].indexOf(element)\n    const nextIndex = index + offset\n    const currentMonth = dayjs(this.currentDate).locale(this.locale).month()\n\n    if (nextIndex >= 0 && nextIndex < this.cells.length) {\n      const cell = this.cells[nextIndex]\n      this.setCurrentCell(cell)\n    } else if (nextIndex < 0) {\n      this.setMonth(currentMonth - 1)\n\n      if (this.currentDate.month() < currentMonth) {\n        this.updateComplete.then(() => {\n          const lastDay = dayjs(this.currentDate)\n            .locale(this.locale)\n            .endOf('month')\n          const lastDayCell = this.getCellByDate(lastDay)\n          this.setCurrentCell(lastDayCell!)\n        })\n      }\n    } else if (nextIndex >= this.cells.length) {\n      this.setMonth(currentMonth + 1)\n\n      if (this.currentDate.month() > currentMonth) {\n        this.updateComplete.then(() => {\n          const firstDay = dayjs(this.currentDate)\n            .locale(this.locale)\n            .startOf('month')\n          const firstDayCell = this.getCellByDate(firstDay)\n          this.setCurrentCell(firstDayCell!)\n        })\n      }\n    }\n  }\n\n  public captureFocus(): void {\n    this.focus()\n    this.setFocusToCurrentCell()\n  }\n\n  private getWeekdaysMin() {\n    const firstDay = this.instanceLocalData.firstDayOfWeek()\n    const weekdays = this.instanceLocalData.weekdaysMin()\n    return weekdays.slice(firstDay).concat(weekdays.slice(0, firstDay))\n  }\n\n  renderCalendarGridHeader() {\n    return html`<thead part=\"calendar-grid-header\" class=\"calendar-grid-header\">\n      <tr class=\"calendar-grid-header-row\">\n        ${this.getWeekdaysMin().map(\n          day =>\n            html`<th class=\"calendar-cell\">\n              <dap-ds-calendar-cell\n                header\n                part=\"calendar-grid-header-cell\"\n                exportparts=\"base: calendar-grid-header-cell-base\"\n                locale=${this.locale}\n                >${day}</dap-ds-calendar-cell\n              >\n            </th>`,\n        )}\n      </tr>\n    </thead>`\n  }\n\n  renderCalendarGridBody(date: Dayjs) {\n    return html`<tbody part=\"body\" class=\"calendar-grid-body\">\n      ${[\n        ...new Array(\n          this.getWeeksInMonth(date || dayjs().locale(this.locale)),\n        ).keys(),\n      ].map(\n        week =>\n          html`<tr class=\"calendar-grid-row\">\n            ${this.getDatesInWeek(week, date).map(d => {\n              const isOutOfRange = this.isOutOfRange(date, d)\n              const isDisabled =\n                !this.isDateInAllowedRange(d) || this.disabledDate(d)\n\n              const isRangeStart = this.isRangeStart(d)\n              const isRangeEnd = this.isRangeEnd(d)\n              const isInRange = this.isInRange(d)\n\n              // Hide dates from adjacent months if shouldHideAdjacentMonths is true\n              if (this.shouldHideAdjacentMonths && isOutOfRange) {\n                return html`<td\n                  role=\"gridcell\"\n                  class=\"${clsx('calendar-cell calendar-cell--empty')}\"></td>`\n              }\n\n              return html`<td\n                role=\"gridcell\"\n                class=\"${clsx('calendar-cell')}\"\n                aria-disabled=${isDisabled}>\n                <dap-ds-calendar-cell\n                  part=\"calendar-grid-cell\"\n                  exportparts=\"base: calendar-grid-cell-base, today-mark: calendar-grid-cell-today-mark\"\n                  ?outofrange=${isOutOfRange}\n                  ?today=${this.isToday(d)}\n                  ?selected=${this.isSelected(d)}\n                  ?rangestart=${isRangeStart}\n                  ?rangeend=${isRangeEnd}\n                  ?inrange=${isInRange}\n                  .value=${d}\n                  locale=${this.locale}\n                  ?disabledDay=${isDisabled}\n                  role=\"button\"\n                  aria-pressed=${this.isSelected(d)}\n                  aria-disabled=${isDisabled}\n                  @click=${() => !isDisabled && this.setSelectedDate(d)}\n                  @keydown=${this.handleKeyDown}\n                  >${d.date()}</dap-ds-calendar-cell\n                >\n              </td>`\n            })}\n          </tr> `,\n      )}\n    </tbody>`\n  }\n\n  renderCalendarHeader() {\n    return html`\n      <header\n        part=\"calendar-header\"\n        class=\"calendar__header\"\n        @keydown=${this.handleKeyDown}>\n        <dap-ds-icon-button\n          part=\"calendar-header-button-prev\"\n          class=\"calendar__header-button-prev\"\n          data-testid=${this.prevButtonTestId}\n          clean\n          size=\"lg\"\n          variant=\"brand\"\n          icon=\"arrow-left-l-line\"\n          @keydown=${this.handleKeyDown}\n          aria-label=${t('calendar.prevMonth', { lng: this.locale })}\n          @click=${() => {\n            this.setMonth(this.currentDate.month() - 1)\n          }}>\n        </dap-ds-icon-button>\n        <dap-ds-select\n          part=\"calendar-header-year-select\"\n          floatingStrategy=\"fixed\"\n          class=${clsx(\n            'calendar__header-select',\n            'calendar__header-year-select',\n          )}\n          @dds-keydown=${this.handleKeyDown}\n          size=\"sm\"\n          noAnimation\n          aria-label=${t('calendar.year', { lng: this.locale })}\n          value=${dayjs(this.currentDate).year()}\n          @dds-change=${(e: CustomEvent) => {\n            e.preventDefault()\n            e.stopPropagation()\n            if (\n              e.detail.value &&\n              !isNaN(parseInt(e.detail.value)) &&\n              parseInt(e.detail.value) !==\n                dayjs(this.currentDate).locale(this.locale).year()\n            ) {\n              this.currentDate = dayjs(this.currentDate)\n                .locale(this.locale)\n                .set('year', parseInt(e.detail.value))\n              // Remove requestUpdate() - currentDate property change will trigger update\n            }\n          }}>\n          <dap-ds-icon-expand-up-down-fill\n            slot=\"indicator-icon\"\n            size=\"16\"></dap-ds-icon-expand-up-down-fill>\n          ${this._yearOptionsLoaded\n            ? [\n                ...new Array(\n                  dayjs(this.maxDate).locale(this.locale).year() -\n                    dayjs(this.minDate).locale(this.locale).year() +\n                    1,\n                ).keys(),\n              ].map(\n                year =>\n                  html`<dap-ds-option-item\n                    value=${dayjs(this.minDate).locale(this.locale).year() +\n                    year}>\n                    ${dayjs(this.minDate).locale(this.locale).year() + year}\n                  </dap-ds-option-item>`,\n              )\n            : html`<dap-ds-option-item value=${dayjs(this.currentDate).year()}>\n                ${dayjs(this.currentDate).year()}\n              </dap-ds-option-item>`}\n        </dap-ds-select>\n        <dap-ds-select\n          id=\"monthSelect\"\n          part=\"calendar-header-month-select\"\n          floatingStrategy=\"fixed\"\n          class=${clsx(\n            'calendar__header-select',\n            'calendar__header-month-select',\n          )}\n          size=\"sm\"\n          noAnimation\n          aria-label=${t('calendar.month', { lng: this.locale })}\n          value=${dayjs(this.currentDate).locale(this.locale).month() + 1}\n          @dds-change=${(e: CustomEvent) => {\n            e.preventDefault()\n            e.stopPropagation()\n\n            if (\n              e.detail.value &&\n              !isNaN(parseInt(e.detail.value)) &&\n              parseInt(e.detail.value) !==\n                dayjs(this.currentDate).locale(this.locale).month() + 1\n            ) {\n              this.setMonth(parseInt(e.detail.value) - 1)\n            }\n          }}>\n          <dap-ds-icon-expand-up-down-fill\n            slot=\"indicator-icon\"\n            size=\"16\"></dap-ds-icon-expand-up-down-fill>\n          ${this.getAllowedMonths(\n            dayjs(this.currentDate).locale(this.locale),\n          ).map(\n            month =>\n              html`<dap-ds-option-item\n                value=${this.instanceLocalData.months().indexOf(month) + 1}>\n                ${month}\n              </dap-ds-option-item>`,\n          )}\n        </dap-ds-select>\n        <dap-ds-icon-button\n          part=\"calendar-header-button-next\"\n          class=\"calendar__header-button-next\"\n          data-testid=${this.nextButtonTestId}\n          clean\n          size=\"lg\"\n          variant=\"brand\"\n          icon=\"arrow-right-l-line\"\n          aria-label=${t('calendar.nextMonth', { lng: this.locale })}\n          @click=${() => {\n            this.setMonth(\n              dayjs(this.currentDate).locale(this.locale).month() + 1,\n            )\n          }}>\n        </dap-ds-icon-button>\n      </header>\n    `\n  }\n\n  render() {\n    if (this.mode === 'range') {\n      // Render two calendars side-by-side for range mode\n      const currentMonth = dayjs(this.currentDate).locale(this.locale)\n      const nextMonth = currentMonth.add(1, 'month')\n\n      return html` <div class=\"calendar calendar--range\">\n        ${this.renderCalendarHeader()}\n        <div class=\"calendar__months\">\n          <div class=\"calendar__month\">\n            <table\n              part=\"base\"\n              class=\"calendar__grid\"\n              role=\"grid\"\n              aria-label=${`${this.rangeStart ? dayjs(this.rangeStart).locale(this.locale).format('LL, dddd') : ''}`}>\n              ${this.renderCalendarGridHeader()}\n              ${this.renderCalendarGridBody(this.startDate)}\n            </table>\n          </div>\n          <div class=\"calendar__month calendar__month--next\">\n            <table\n              part=\"base\"\n              class=\"calendar__grid\"\n              role=\"grid\"\n              aria-label=${`${this.rangeEnd ? dayjs(this.rangeEnd).locale(this.locale).format('LL, dddd') : ''}`}>\n              ${this.renderCalendarGridHeader()}\n              ${this.renderCalendarGridBody(nextMonth.startOf('month'))}\n            </table>\n          </div>\n        </div>\n      </div>`\n    }\n\n    // Single date mode\n    return html` <div class=\"calendar\">\n      ${this.renderCalendarHeader()}\n      <table\n        part=\"base\"\n        class=\"calendar__grid\"\n        role=\"grid\"\n        aria-label=${`${this.value ? dayjs(this.value).locale(this.locale).format('LL, dddd') : ''}`}>\n        ${this.renderCalendarGridHeader()}\n        ${this.renderCalendarGridBody(this.startDate)}\n      </table>\n    </div>`\n  }\n}\n"],"names":["_DapDSCalendar","DdsElement","dayjs","date","locale","_a","item","month","option","monthOption","mutationList","days","weekday","__async","__superGet","_changedProperties","name","_old","value","setFocus","selectedCell","currentDate","week","from","dates","nextDate","minDate","maxDate","year","monthStart","monthEnd","minYear","maxYear","minMonth","maxMonth","_","i","day","cell","event","element","DapDSCalendarCell","firstDayofMonth","today","firstAllowedDay","offset","nextIndex","currentMonth","lastDay","lastDayCell","firstDay","firstDayCell","weekdays","html","d","isOutOfRange","isDisabled","isRangeStart","isRangeEnd","isInRange","clsx","t","nextMonth","DapDSIconButton","DapDSSelect","ArrowsExpandUpDownFill","DapDSOptionItem","unsafeCSS","styles","DapDSCalendar","__decorateClass","queryAll","query","property","state"],"mappings":"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"}

package/dist/components/calendar/calendar.d.ts

@@ -1,11 +1,8 @@
-import { default as DapDSCalendar } from './calendar.component.js';
-import { default as DapDSCalendarCell } from './calendar-cell.component.js';
-export * from './calendar.component.js';
-export * from './calendar-cell.component.js';
+import { default as DapDSCalendar } from './calendar.component';
+export * from './calendar.component';
 export default DapDSCalendar;
 declare global {
     interface HTMLElementTagNameMap {
         'dap-ds-calendar': DapDSCalendar;
-        'dap-ds-calendar-cell': DapDSCalendarCell;
     }
 }