@mellow.io/ds 0.1.1 → 0.2.0

package/dist/components/datepicker/datepicker.js

@@ -0,0 +1,380 @@
+import { html as r, LitElement as P, nothing as p } from "lit";
+import { property as d, state as v, customElement as V } from "lit/decorators.js";
+import { classMap as D } from "lit/directives/class-map.js";
+import { datepickerStyles as x } from "./datepicker.styles.js";
+import { parseISO as _, stripTime as $, formatISO as c, parseRangeValue as g, getDefaultPresets as F, addMonths as y, addYears as w, orderDates as f, isSameDay as h, isBetween as k, getMonthName as S, getYearsGrid as Y, getWeekdayNames as R, getCalendarGrid as A } from "./datepicker-utils.js";
+var O = Object.defineProperty, C = Object.getOwnPropertyDescriptor, n = (e, a, t, s) => {
+  for (var l = s > 1 ? void 0 : s ? C(a, t) : a, o = e.length - 1, u; o >= 0; o--)
+    (u = e[o]) && (l = (s ? u(a, t, l) : u(l)) || l);
+  return s && l && O(a, t, l), l;
+};
+const m = r`<svg viewBox="0 0 16 16" fill="none" width="16" height="16"><path d="M10 12L6 8l4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`, b = r`<svg viewBox="0 0 16 16" fill="none" width="16" height="16"><path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+let i = class extends P {
+  constructor() {
+    super(...arguments), this.mode = "single", this.value = "", this.minDate = "", this.maxDate = "", this.presets = !1, this.presetItems = [], this.weekStart = 1, this.disabled = !1, this.locale = "en-US", this._view = "days", this._viewDate = /* @__PURE__ */ new Date(), this._hoveredDate = null, this._rangeStart = null, this._pendingValue = "", this._handleKeydown = (e) => {
+      if (this._view !== "days" || !["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(e.key)) return;
+      e.preventDefault();
+      const t = _(this._pendingValue) ?? $(/* @__PURE__ */ new Date());
+      let s;
+      switch (e.key) {
+        case "ArrowLeft":
+          s = new Date(t.getFullYear(), t.getMonth(), t.getDate() - 1);
+          break;
+        case "ArrowRight":
+          s = new Date(t.getFullYear(), t.getMonth(), t.getDate() + 1);
+          break;
+        case "ArrowUp":
+          s = new Date(t.getFullYear(), t.getMonth(), t.getDate() - 7);
+          break;
+        case "ArrowDown":
+          s = new Date(t.getFullYear(), t.getMonth(), t.getDate() + 7);
+          break;
+        default:
+          return;
+      }
+      this._minDateParsed && s < this._minDateParsed || this._maxDateParsed && s > this._maxDateParsed || ((s.getMonth() !== this._viewDate.getMonth() || s.getFullYear() !== this._viewDate.getFullYear()) && (this._viewDate = new Date(s.getFullYear(), s.getMonth(), 1)), this.mode === "single" && (this._pendingValue = c(s), this._fireSelect(this._pendingValue)));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._syncFromValue();
+  }
+  willUpdate(e) {
+    e.has("value") && this._syncFromValue();
+  }
+  _syncFromValue() {
+    if (this._pendingValue = this.value, this.mode === "range") {
+      const { start: e } = g(this.value);
+      e && (this._viewDate = new Date(e.getFullYear(), e.getMonth(), 1));
+    } else {
+      const e = _(this.value);
+      e && (this._viewDate = new Date(e.getFullYear(), e.getMonth(), 1));
+    }
+  }
+  get _minDateParsed() {
+    return _(this.minDate);
+  }
+  get _maxDateParsed() {
+    return _(this.maxDate);
+  }
+  get _effectivePresets() {
+    return this.presetItems.length > 0 ? this.presetItems : F(this.locale);
+  }
+  // ---- Navigation ----
+  _prevMonth() {
+    this._viewDate = y(this._viewDate, -1);
+  }
+  _nextMonth() {
+    this._viewDate = y(this._viewDate, 1);
+  }
+  _prevYear() {
+    this._viewDate = w(this._viewDate, -1);
+  }
+  _nextYear() {
+    this._viewDate = w(this._viewDate, 1);
+  }
+  _prevYearRange() {
+    this._viewDate = w(this._viewDate, -15);
+  }
+  _nextYearRange() {
+    this._viewDate = w(this._viewDate, 15);
+  }
+  _showMonths() {
+    this._view = "months";
+  }
+  _showYears() {
+    this._view = "years";
+  }
+  // ---- Selection ----
+  _selectDay(e) {
+    if (!e.disabled)
+      if (this.mode === "single")
+        this._pendingValue = c(e.date), this._fireSelect(this._pendingValue);
+      else if (this._rangeStart === null)
+        this._rangeStart = e.date, this._pendingValue = c(e.date), this._fireSelect(this._pendingValue);
+      else {
+        const [a, t] = f(this._rangeStart, e.date);
+        this._pendingValue = `${c(a)}/${c(t)}`, this._rangeStart = null, this._hoveredDate = null, this._fireSelect(this._pendingValue);
+      }
+  }
+  _selectMonth(e) {
+    this._viewDate = new Date(this._viewDate.getFullYear(), e, 1), this._view = "days";
+  }
+  _selectYear(e) {
+    this._viewDate = new Date(e, this._viewDate.getMonth(), 1), this._view = "months";
+  }
+  _handleDayHover(e) {
+    this.mode === "range" && this._rangeStart !== null && (this._hoveredDate = e.date);
+  }
+  _handleDayMouseLeave() {
+    this._hoveredDate = null;
+  }
+  _goToToday() {
+    const e = $(/* @__PURE__ */ new Date());
+    this._viewDate = new Date(e.getFullYear(), e.getMonth(), 1), this._view = "days", this.mode === "single" && (this._pendingValue = c(e), this._fireSelect(this._pendingValue));
+  }
+  _selectPreset(e) {
+    const { start: a, end: t } = e.getValue();
+    this.mode === "range" ? this._pendingValue = `${a}/${t}` : this._pendingValue = a, this._rangeStart = null, this._hoveredDate = null;
+    const s = _(a);
+    s && (this._viewDate = new Date(s.getFullYear(), s.getMonth(), 1)), this._fireSelect(this._pendingValue);
+  }
+  _save() {
+    this._pendingValue && (this.value = this._pendingValue, this.dispatchEvent(new CustomEvent("mellow-change", {
+      detail: { value: this.value },
+      bubbles: !0,
+      composed: !0
+    })));
+  }
+  _fireSelect(e) {
+    this.dispatchEvent(new CustomEvent("mellow-select", {
+      detail: { value: e },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  // ---- Day classification ----
+  _isDaySelected(e) {
+    if (this.mode === "single") {
+      const s = _(this._pendingValue);
+      return s !== null && h(e.date, s);
+    }
+    const { start: a, end: t } = g(this._pendingValue);
+    return !!(a && h(e.date, a) || t && h(e.date, t) || this._rangeStart && h(e.date, this._rangeStart));
+  }
+  _isDayInRange(e) {
+    if (this.mode !== "range") return !1;
+    const { start: a, end: t } = g(this._pendingValue);
+    return a && t ? k(e.date, a, t) && !h(e.date, a) && !h(e.date, t) : this._rangeStart && this._hoveredDate ? k(e.date, this._rangeStart, this._hoveredDate) && !h(e.date, this._rangeStart) && !h(e.date, this._hoveredDate) : !1;
+  }
+  _isRangeStart(e) {
+    if (this.mode !== "range") return !1;
+    const { start: a, end: t } = g(this._pendingValue);
+    if (a && t)
+      return h(e.date, a);
+    if (this._rangeStart && this._hoveredDate) {
+      const [s] = f(this._rangeStart, this._hoveredDate);
+      return h(e.date, s);
+    }
+    return !1;
+  }
+  _isRangeEnd(e) {
+    if (this.mode !== "range") return !1;
+    const { start: a, end: t } = g(this._pendingValue);
+    if (a && t)
+      return h(e.date, t);
+    if (this._rangeStart && this._hoveredDate) {
+      const [, s] = f(this._rangeStart, this._hoveredDate);
+      return h(e.date, s);
+    }
+    return !1;
+  }
+  _isPresetActive(e) {
+    const { start: a, end: t } = e.getValue();
+    return this.mode === "range" ? this._pendingValue === `${a}/${t}` : this._pendingValue === a;
+  }
+  // ---- Render ----
+  render() {
+    return r`
+      <div
+        class="datepicker"
+        role="group"
+        aria-label="Date picker"
+        @keydown=${this._handleKeydown}
+      >
+        ${this.presets ? this._renderPresets() : p}
+        <div class="calendar">
+          ${this._renderHeader()}
+          ${this._view === "days" ? this._renderDays() : p}
+          ${this._view === "months" ? this._renderMonths() : p}
+          ${this._view === "years" ? this._renderYears() : p}
+          ${this._renderFooter()}
+        </div>
+      </div>
+    `;
+  }
+  _renderPresets() {
+    const e = this._effectivePresets;
+    return r`
+      <div class="presets" role="list" aria-label="Date presets">
+        ${e.map((a) => r`
+          <button
+            class=${D({ "preset-btn": !0, active: this._isPresetActive(a) })}
+            role="listitem"
+            @click=${() => this._selectPreset(a)}
+          >${a.label}</button>
+        `)}
+      </div>
+    `;
+  }
+  _renderHeader() {
+    if (this._view === "days") {
+      const s = S(this.locale, this._viewDate.getMonth()), l = this._viewDate.getFullYear();
+      return r`
+        <div class="header">
+          <button class="header-btn" aria-label="Previous month" @click=${this._prevMonth}>${m}</button>
+          <div class="header-title">
+            <button class="header-label" @click=${this._showMonths}>${s}</button>
+            <button class="header-label" @click=${this._showYears}>${l}</button>
+          </div>
+          <button class="header-btn" aria-label="Next month" @click=${this._nextMonth}>${b}</button>
+        </div>
+      `;
+    }
+    if (this._view === "months") {
+      const s = this._viewDate.getFullYear();
+      return r`
+        <div class="header">
+          <button class="header-btn" aria-label="Previous year" @click=${this._prevYear}>${m}</button>
+          <div class="header-title">
+            <button class="header-label" @click=${this._showYears}>${s}</button>
+          </div>
+          <button class="header-btn" aria-label="Next year" @click=${this._nextYear}>${b}</button>
+        </div>
+      `;
+    }
+    const e = Y(this._viewDate.getFullYear()), a = e[0], t = e[e.length - 1];
+    return r`
+      <div class="header">
+        <button class="header-btn" aria-label="Previous years" @click=${this._prevYearRange}>${m}</button>
+        <div class="header-title">
+          <span class="header-label" style="cursor:default">${a} – ${t}</span>
+        </div>
+        <button class="header-btn" aria-label="Next years" @click=${this._nextYearRange}>${b}</button>
+      </div>
+    `;
+  }
+  _renderDays() {
+    const e = R(this.locale, this.weekStart), a = A(this._viewDate, this.weekStart, this._minDateParsed, this._maxDateParsed);
+    return r`
+      <div class="weekdays">
+        ${e.map((t) => r`<span class="weekday">${t}</span>`)}
+      </div>
+      <div
+        class="days-grid"
+        role="grid"
+        aria-label="Calendar"
+        @mouseleave=${this._handleDayMouseLeave}
+      >
+        ${a.map((t) => {
+      const s = this._isDaySelected(t), l = this._isDayInRange(t), o = this._isRangeStart(t), u = this._isRangeEnd(t), M = {
+        "day-cell": !0,
+        "other-month": !t.currentMonth,
+        today: t.today,
+        selected: s,
+        disabled: t.disabled,
+        "in-range": l,
+        "range-start": o,
+        "range-end": u
+      };
+      return r`
+            <button
+              class=${D(M)}
+              tabindex=${t.currentMonth && !t.disabled ? "0" : "-1"}
+              aria-label=${t.date.toLocaleDateString(this.locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" })}
+              aria-selected=${s ? "true" : "false"}
+              ?disabled=${t.disabled}
+              @click=${() => this._selectDay(t)}
+              @mouseenter=${() => this._handleDayHover(t)}
+            >
+              <span class="day-number">${t.day}</span>
+            </button>
+          `;
+    })}
+      </div>
+    `;
+  }
+  _renderMonths() {
+    const e = this._viewDate.getFullYear(), a = Array.from({ length: 12 }, (t, s) => s);
+    return r`
+      <div class="months-grid" role="grid" aria-label="Months">
+        ${a.map((t) => {
+      const s = S(this.locale, t), l = this._viewDate.getMonth() === t;
+      let o = !1;
+      return this._minDateParsed && new Date(e, t + 1, 0) < this._minDateParsed && (o = !0), this._maxDateParsed && new Date(e, t, 1) > this._maxDateParsed && (o = !0), r`
+            <button
+              class=${D({ "month-cell": !0, selected: l, disabled: o })}
+              ?disabled=${o}
+              @click=${() => this._selectMonth(t)}
+            >${s}</button>
+          `;
+    })}
+      </div>
+    `;
+  }
+  _renderYears() {
+    const e = Y(this._viewDate.getFullYear()), a = this._viewDate.getFullYear();
+    return r`
+      <div class="years-grid" role="grid" aria-label="Years">
+        ${e.map((t) => {
+      let s = !1;
+      return this._minDateParsed && t < this._minDateParsed.getFullYear() && (s = !0), this._maxDateParsed && t > this._maxDateParsed.getFullYear() && (s = !0), r`
+            <button
+              class=${D({ "year-cell": !0, selected: t === a, disabled: s })}
+              ?disabled=${s}
+              @click=${() => this._selectYear(t)}
+            >${t}</button>
+          `;
+    })}
+      </div>
+    `;
+  }
+  _renderFooter() {
+    const e = this._pendingValue !== "";
+    return r`
+      <div class="footer">
+        <button class="today-link" @click=${this._goToToday}>Today</button>
+        <button class="save-btn" ?disabled=${!e} @click=${this._save}>Save</button>
+      </div>
+    `;
+  }
+};
+i.styles = [x];
+n([
+  d({ reflect: !0 })
+], i.prototype, "mode", 2);
+n([
+  d()
+], i.prototype, "value", 2);
+n([
+  d({ attribute: "min-date" })
+], i.prototype, "minDate", 2);
+n([
+  d({ attribute: "max-date" })
+], i.prototype, "maxDate", 2);
+n([
+  d({ type: Boolean, reflect: !0 })
+], i.prototype, "presets", 2);
+n([
+  d({ attribute: !1 })
+], i.prototype, "presetItems", 2);
+n([
+  d({ attribute: "week-start", type: Number })
+], i.prototype, "weekStart", 2);
+n([
+  d({ type: Boolean, reflect: !0 })
+], i.prototype, "disabled", 2);
+n([
+  d()
+], i.prototype, "locale", 2);
+n([
+  v()
+], i.prototype, "_view", 2);
+n([
+  v()
+], i.prototype, "_viewDate", 2);
+n([
+  v()
+], i.prototype, "_hoveredDate", 2);
+n([
+  v()
+], i.prototype, "_rangeStart", 2);
+n([
+  v()
+], i.prototype, "_pendingValue", 2);
+i = n([
+  V("mellow-datepicker")
+], i);
+export {
+  i as MellowDatepicker
+};
+//# sourceMappingURL=datepicker.js.map

package/dist/components/datepicker/datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.js","sources":["../../../src/components/datepicker/datepicker.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { datepickerStyles } from './datepicker.styles.js'\nimport {\n  type CalendarDay,\n  type DatepickerPreset,\n  parseISO,\n  formatISO,\n  isSameDay,\n  isBetween,\n  stripTime,\n  addMonths,\n  addYears,\n  getCalendarGrid,\n  getWeekdayNames,\n  getMonthName,\n  getYearsGrid,\n  getDefaultPresets,\n  parseRangeValue,\n  orderDates,\n} from './datepicker-utils.js'\n\nexport type DatepickerMode = 'single' | 'range'\ntype ViewType = 'days' | 'months' | 'years'\n\nconst chevronLeft = html`<svg viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\"><path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`\nconst chevronRight = html`<svg viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\"><path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`\n\n@customElement('mellow-datepicker')\nexport class MellowDatepicker extends LitElement {\n  static override styles = [datepickerStyles]\n\n  @property({ reflect: true })\n  mode: DatepickerMode = 'single'\n\n  @property()\n  value = ''\n\n  @property({ attribute: 'min-date' })\n  minDate = ''\n\n  @property({ attribute: 'max-date' })\n  maxDate = ''\n\n  @property({ type: Boolean, reflect: true })\n  presets = false\n\n  @property({ attribute: false })\n  presetItems: DatepickerPreset[] = []\n\n  @property({ attribute: 'week-start', type: Number })\n  weekStart: 0 | 1 = 1\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false\n\n  @property()\n  locale = 'en-US'\n\n  @state() private _view: ViewType = 'days'\n  @state() private _viewDate = new Date()\n  @state() private _hoveredDate: Date | null = null\n  @state() private _rangeStart: Date | null = null\n  @state() private _pendingValue = ''\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this._syncFromValue()\n  }\n\n  override willUpdate(changed: Map<string, unknown>): void {\n    if (changed.has('value')) {\n      this._syncFromValue()\n    }\n  }\n\n  private _syncFromValue(): void {\n    this._pendingValue = this.value\n    if (this.mode === 'range') {\n      const { start } = parseRangeValue(this.value)\n      if (start) {\n        this._viewDate = new Date(start.getFullYear(), start.getMonth(), 1)\n      }\n    } else {\n      const d = parseISO(this.value)\n      if (d) {\n        this._viewDate = new Date(d.getFullYear(), d.getMonth(), 1)\n      }\n    }\n  }\n\n  private get _minDateParsed(): Date | null {\n    return parseISO(this.minDate)\n  }\n\n  private get _maxDateParsed(): Date | null {\n    return parseISO(this.maxDate)\n  }\n\n  private get _effectivePresets(): DatepickerPreset[] {\n    if (this.presetItems.length > 0) return this.presetItems\n    return getDefaultPresets(this.locale)\n  }\n\n  // ---- Navigation ----\n\n  private _prevMonth(): void {\n    this._viewDate = addMonths(this._viewDate, -1)\n  }\n\n  private _nextMonth(): void {\n    this._viewDate = addMonths(this._viewDate, 1)\n  }\n\n  private _prevYear(): void {\n    this._viewDate = addYears(this._viewDate, -1)\n  }\n\n  private _nextYear(): void {\n    this._viewDate = addYears(this._viewDate, 1)\n  }\n\n  private _prevYearRange(): void {\n    this._viewDate = addYears(this._viewDate, -15)\n  }\n\n  private _nextYearRange(): void {\n    this._viewDate = addYears(this._viewDate, 15)\n  }\n\n  private _showMonths(): void {\n    this._view = 'months'\n  }\n\n  private _showYears(): void {\n    this._view = 'years'\n  }\n\n  // ---- Selection ----\n\n  private _selectDay(day: CalendarDay): void {\n    if (day.disabled) return\n\n    if (this.mode === 'single') {\n      this._pendingValue = formatISO(day.date)\n      this._fireSelect(this._pendingValue)\n    } else {\n      if (this._rangeStart === null) {\n        this._rangeStart = day.date\n        this._pendingValue = formatISO(day.date)\n        this._fireSelect(this._pendingValue)\n      } else {\n        const [start, end] = orderDates(this._rangeStart, day.date)\n        this._pendingValue = `${formatISO(start)}/${formatISO(end)}`\n        this._rangeStart = null\n        this._hoveredDate = null\n        this._fireSelect(this._pendingValue)\n      }\n    }\n  }\n\n  private _selectMonth(month: number): void {\n    this._viewDate = new Date(this._viewDate.getFullYear(), month, 1)\n    this._view = 'days'\n  }\n\n  private _selectYear(year: number): void {\n    this._viewDate = new Date(year, this._viewDate.getMonth(), 1)\n    this._view = 'months'\n  }\n\n  private _handleDayHover(day: CalendarDay): void {\n    if (this.mode === 'range' && this._rangeStart !== null) {\n      this._hoveredDate = day.date\n    }\n  }\n\n  private _handleDayMouseLeave(): void {\n    this._hoveredDate = null\n  }\n\n  private _goToToday(): void {\n    const today = stripTime(new Date())\n    this._viewDate = new Date(today.getFullYear(), today.getMonth(), 1)\n    this._view = 'days'\n\n    if (this.mode === 'single') {\n      this._pendingValue = formatISO(today)\n      this._fireSelect(this._pendingValue)\n    }\n  }\n\n  private _selectPreset(preset: DatepickerPreset): void {\n    const { start, end } = preset.getValue()\n    if (this.mode === 'range') {\n      this._pendingValue = `${start}/${end}`\n    } else {\n      this._pendingValue = start\n    }\n    this._rangeStart = null\n    this._hoveredDate = null\n    const d = parseISO(start)\n    if (d) {\n      this._viewDate = new Date(d.getFullYear(), d.getMonth(), 1)\n    }\n    this._fireSelect(this._pendingValue)\n  }\n\n  private _save(): void {\n    if (!this._pendingValue) return\n    this.value = this._pendingValue\n    this.dispatchEvent(new CustomEvent('mellow-change', {\n      detail: { value: this.value },\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  private _fireSelect(value: string): void {\n    this.dispatchEvent(new CustomEvent('mellow-select', {\n      detail: { value },\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  // ---- Day classification ----\n\n  private _isDaySelected(day: CalendarDay): boolean {\n    if (this.mode === 'single') {\n      const sel = parseISO(this._pendingValue)\n      return sel !== null && isSameDay(day.date, sel)\n    }\n    const { start, end } = parseRangeValue(this._pendingValue)\n    if (start && isSameDay(day.date, start)) return true\n    if (end && isSameDay(day.date, end)) return true\n    if (this._rangeStart && isSameDay(day.date, this._rangeStart)) return true\n    return false\n  }\n\n  private _isDayInRange(day: CalendarDay): boolean {\n    if (this.mode !== 'range') return false\n\n    // Completed range\n    const { start, end } = parseRangeValue(this._pendingValue)\n    if (start && end) {\n      return isBetween(day.date, start, end) && !isSameDay(day.date, start) && !isSameDay(day.date, end)\n    }\n\n    // Hover preview\n    if (this._rangeStart && this._hoveredDate) {\n      return isBetween(day.date, this._rangeStart, this._hoveredDate) &&\n        !isSameDay(day.date, this._rangeStart) && !isSameDay(day.date, this._hoveredDate)\n    }\n    return false\n  }\n\n  private _isRangeStart(day: CalendarDay): boolean {\n    if (this.mode !== 'range') return false\n    const { start, end } = parseRangeValue(this._pendingValue)\n    if (start && end) {\n      return isSameDay(day.date, start)\n    }\n    if (this._rangeStart && this._hoveredDate) {\n      const [s] = orderDates(this._rangeStart, this._hoveredDate)\n      return isSameDay(day.date, s)\n    }\n    return false\n  }\n\n  private _isRangeEnd(day: CalendarDay): boolean {\n    if (this.mode !== 'range') return false\n    const { start, end } = parseRangeValue(this._pendingValue)\n    if (start && end) {\n      return isSameDay(day.date, end)\n    }\n    if (this._rangeStart && this._hoveredDate) {\n      const [, e] = orderDates(this._rangeStart, this._hoveredDate)\n      return isSameDay(day.date, e)\n    }\n    return false\n  }\n\n  private _isPresetActive(preset: DatepickerPreset): boolean {\n    const { start, end } = preset.getValue()\n    if (this.mode === 'range') {\n      return this._pendingValue === `${start}/${end}`\n    }\n    return this._pendingValue === start\n  }\n\n  // ---- Keyboard ----\n\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    if (this._view !== 'days') return\n\n    const keys = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']\n    if (!keys.includes(e.key)) return\n    e.preventDefault()\n\n    const current = parseISO(this._pendingValue) ?? stripTime(new Date())\n    let next: Date\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        next = new Date(current.getFullYear(), current.getMonth(), current.getDate() - 1)\n        break\n      case 'ArrowRight':\n        next = new Date(current.getFullYear(), current.getMonth(), current.getDate() + 1)\n        break\n      case 'ArrowUp':\n        next = new Date(current.getFullYear(), current.getMonth(), current.getDate() - 7)\n        break\n      case 'ArrowDown':\n        next = new Date(current.getFullYear(), current.getMonth(), current.getDate() + 7)\n        break\n      default:\n        return\n    }\n\n    if (this._minDateParsed && next < this._minDateParsed) return\n    if (this._maxDateParsed && next > this._maxDateParsed) return\n\n    if (next.getMonth() !== this._viewDate.getMonth() || next.getFullYear() !== this._viewDate.getFullYear()) {\n      this._viewDate = new Date(next.getFullYear(), next.getMonth(), 1)\n    }\n\n    if (this.mode === 'single') {\n      this._pendingValue = formatISO(next)\n      this._fireSelect(this._pendingValue)\n    }\n  }\n\n  // ---- Render ----\n\n  override render() {\n    return html`\n      <div\n        class=\"datepicker\"\n        role=\"group\"\n        aria-label=\"Date picker\"\n        @keydown=${this._handleKeydown}\n      >\n        ${this.presets ? this._renderPresets() : nothing}\n        <div class=\"calendar\">\n          ${this._renderHeader()}\n          ${this._view === 'days' ? this._renderDays() : nothing}\n          ${this._view === 'months' ? this._renderMonths() : nothing}\n          ${this._view === 'years' ? this._renderYears() : nothing}\n          ${this._renderFooter()}\n        </div>\n      </div>\n    `\n  }\n\n  private _renderPresets() {\n    const items = this._effectivePresets\n    return html`\n      <div class=\"presets\" role=\"list\" aria-label=\"Date presets\">\n        ${items.map(preset => html`\n          <button\n            class=${classMap({ 'preset-btn': true, active: this._isPresetActive(preset) })}\n            role=\"listitem\"\n            @click=${() => this._selectPreset(preset)}\n          >${preset.label}</button>\n        `)}\n      </div>\n    `\n  }\n\n  private _renderHeader() {\n    if (this._view === 'days') {\n      const monthName = getMonthName(this.locale, this._viewDate.getMonth())\n      const year = this._viewDate.getFullYear()\n      return html`\n        <div class=\"header\">\n          <button class=\"header-btn\" aria-label=\"Previous month\" @click=${this._prevMonth}>${chevronLeft}</button>\n          <div class=\"header-title\">\n            <button class=\"header-label\" @click=${this._showMonths}>${monthName}</button>\n            <button class=\"header-label\" @click=${this._showYears}>${year}</button>\n          </div>\n          <button class=\"header-btn\" aria-label=\"Next month\" @click=${this._nextMonth}>${chevronRight}</button>\n        </div>\n      `\n    }\n\n    if (this._view === 'months') {\n      const year = this._viewDate.getFullYear()\n      return html`\n        <div class=\"header\">\n          <button class=\"header-btn\" aria-label=\"Previous year\" @click=${this._prevYear}>${chevronLeft}</button>\n          <div class=\"header-title\">\n            <button class=\"header-label\" @click=${this._showYears}>${year}</button>\n          </div>\n          <button class=\"header-btn\" aria-label=\"Next year\" @click=${this._nextYear}>${chevronRight}</button>\n        </div>\n      `\n    }\n\n    // years view\n    const years = getYearsGrid(this._viewDate.getFullYear())\n    const first = years[0]\n    const last = years[years.length - 1]\n    return html`\n      <div class=\"header\">\n        <button class=\"header-btn\" aria-label=\"Previous years\" @click=${this._prevYearRange}>${chevronLeft}</button>\n        <div class=\"header-title\">\n          <span class=\"header-label\" style=\"cursor:default\">${first} – ${last}</span>\n        </div>\n        <button class=\"header-btn\" aria-label=\"Next years\" @click=${this._nextYearRange}>${chevronRight}</button>\n      </div>\n    `\n  }\n\n  private _renderDays() {\n    const weekdays = getWeekdayNames(this.locale, this.weekStart)\n    const grid = getCalendarGrid(this._viewDate, this.weekStart, this._minDateParsed, this._maxDateParsed)\n\n    return html`\n      <div class=\"weekdays\">\n        ${weekdays.map(wd => html`<span class=\"weekday\">${wd}</span>`)}\n      </div>\n      <div\n        class=\"days-grid\"\n        role=\"grid\"\n        aria-label=\"Calendar\"\n        @mouseleave=${this._handleDayMouseLeave}\n      >\n        ${grid.map(day => {\n          const selected = this._isDaySelected(day)\n          const inRange = this._isDayInRange(day)\n          const rangeStart = this._isRangeStart(day)\n          const rangeEnd = this._isRangeEnd(day)\n          const classes = {\n            'day-cell': true,\n            'other-month': !day.currentMonth,\n            'today': day.today,\n            'selected': selected,\n            'disabled': day.disabled,\n            'in-range': inRange,\n            'range-start': rangeStart,\n            'range-end': rangeEnd,\n          }\n          return html`\n            <button\n              class=${classMap(classes)}\n              tabindex=${day.currentMonth && !day.disabled ? '0' : '-1'}\n              aria-label=${day.date.toLocaleDateString(this.locale, { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' })}\n              aria-selected=${selected ? 'true' : 'false'}\n              ?disabled=${day.disabled}\n              @click=${() => this._selectDay(day)}\n              @mouseenter=${() => this._handleDayHover(day)}\n            >\n              <span class=\"day-number\">${day.day}</span>\n            </button>\n          `\n        })}\n      </div>\n    `\n  }\n\n  private _renderMonths() {\n    const currentYear = this._viewDate.getFullYear()\n    const months = Array.from({ length: 12 }, (_, i) => i)\n\n    return html`\n      <div class=\"months-grid\" role=\"grid\" aria-label=\"Months\">\n        ${months.map(month => {\n          const name = getMonthName(this.locale, month)\n          const selected = this._viewDate.getMonth() === month\n          let disabled = false\n          if (this._minDateParsed) {\n            const endOfMonth = new Date(currentYear, month + 1, 0)\n            if (endOfMonth < this._minDateParsed) disabled = true\n          }\n          if (this._maxDateParsed) {\n            const startOfMonth = new Date(currentYear, month, 1)\n            if (startOfMonth > this._maxDateParsed) disabled = true\n          }\n          return html`\n            <button\n              class=${classMap({ 'month-cell': true, selected, disabled })}\n              ?disabled=${disabled}\n              @click=${() => this._selectMonth(month)}\n            >${name}</button>\n          `\n        })}\n      </div>\n    `\n  }\n\n  private _renderYears() {\n    const years = getYearsGrid(this._viewDate.getFullYear())\n    const currentYear = this._viewDate.getFullYear()\n\n    return html`\n      <div class=\"years-grid\" role=\"grid\" aria-label=\"Years\">\n        ${years.map(year => {\n          let disabled = false\n          if (this._minDateParsed && year < this._minDateParsed.getFullYear()) disabled = true\n          if (this._maxDateParsed && year > this._maxDateParsed.getFullYear()) disabled = true\n          return html`\n            <button\n              class=${classMap({ 'year-cell': true, selected: year === currentYear, disabled })}\n              ?disabled=${disabled}\n              @click=${() => this._selectYear(year)}\n            >${year}</button>\n          `\n        })}\n      </div>\n    `\n  }\n\n  private _renderFooter() {\n    const hasPending = this._pendingValue !== ''\n    return html`\n      <div class=\"footer\">\n        <button class=\"today-link\" @click=${this._goToToday}>Today</button>\n        <button class=\"save-btn\" ?disabled=${!hasPending} @click=${this._save}>Save</button>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-datepicker': MellowDatepicker\n  }\n}\n"],"names":["chevronLeft","html","chevronRight","MellowDatepicker","LitElement","current","parseISO","stripTime","next","formatISO","changed","start","parseRangeValue","d","getDefaultPresets","addMonths","addYears","day","end","orderDates","month","year","today","preset","value","sel","isSameDay","isBetween","e","nothing","items","classMap","monthName","getMonthName","years","getYearsGrid","first","last","weekdays","getWeekdayNames","grid","getCalendarGrid","wd","selected","inRange","rangeStart","rangeEnd","classes","currentYear","months","_","i","name","disabled","hasPending","datepickerStyles","__decorateClass","property","state","customElement"],"mappings":";;;;;;;;;;AA0BA,MAAMA,IAAcC,yLACdC,IAAeD;AAGd,IAAME,IAAN,cAA+BC,EAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,OAAuB,UAGvB,KAAA,QAAQ,IAGR,KAAA,UAAU,IAGV,KAAA,UAAU,IAGV,KAAA,UAAU,IAGV,KAAA,cAAkC,CAAA,GAGlC,KAAA,YAAmB,GAGnB,KAAA,WAAW,IAGX,KAAA,SAAS,SAEA,KAAQ,QAAkB,QAC1B,KAAQ,gCAAgB,KAAA,GACxB,KAAQ,eAA4B,MACpC,KAAQ,cAA2B,MACnC,KAAQ,gBAAgB,IAsOjC,KAAQ,iBAAiB,CAAC,MAA2B;AAInD,UAHI,KAAK,UAAU,UAGf,CADS,CAAC,aAAa,cAAc,WAAW,WAAW,EACrD,SAAS,EAAE,GAAG,EAAG;AAC3B,QAAE,eAAA;AAEF,YAAMC,IAAUC,EAAS,KAAK,aAAa,KAAKC,EAAU,oBAAI,MAAM;AACpE,UAAIC;AAEJ,cAAQ,EAAE,KAAA;AAAA,QACR,KAAK;AACH,UAAAA,IAAO,IAAI,KAAKH,EAAQ,YAAA,GAAeA,EAAQ,YAAYA,EAAQ,QAAA,IAAY,CAAC;AAChF;AAAA,QACF,KAAK;AACH,UAAAG,IAAO,IAAI,KAAKH,EAAQ,YAAA,GAAeA,EAAQ,YAAYA,EAAQ,QAAA,IAAY,CAAC;AAChF;AAAA,QACF,KAAK;AACH,UAAAG,IAAO,IAAI,KAAKH,EAAQ,YAAA,GAAeA,EAAQ,YAAYA,EAAQ,QAAA,IAAY,CAAC;AAChF;AAAA,QACF,KAAK;AACH,UAAAG,IAAO,IAAI,KAAKH,EAAQ,YAAA,GAAeA,EAAQ,YAAYA,EAAQ,QAAA,IAAY,CAAC;AAChF;AAAA,QACF;AACE;AAAA,MAAA;AAGJ,MAAI,KAAK,kBAAkBG,IAAO,KAAK,kBACnC,KAAK,kBAAkBA,IAAO,KAAK,oBAEnCA,EAAK,SAAA,MAAe,KAAK,UAAU,SAAA,KAAcA,EAAK,YAAA,MAAkB,KAAK,UAAU,mBACzF,KAAK,YAAY,IAAI,KAAKA,EAAK,eAAeA,EAAK,SAAA,GAAY,CAAC,IAG9D,KAAK,SAAS,aAChB,KAAK,gBAAgBC,EAAUD,CAAI,GACnC,KAAK,YAAY,KAAK,aAAa;AAAA,IAEvC;AAAA,EAAA;AAAA,EA1QS,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,eAAA;AAAA,EACP;AAAA,EAES,WAAWE,GAAqC;AACvD,IAAIA,EAAQ,IAAI,OAAO,KACrB,KAAK,eAAA;AAAA,EAET;AAAA,EAEQ,iBAAuB;AAE7B,QADA,KAAK,gBAAgB,KAAK,OACtB,KAAK,SAAS,SAAS;AACzB,YAAM,EAAE,OAAAC,EAAA,IAAUC,EAAgB,KAAK,KAAK;AAC5C,MAAID,MACF,KAAK,YAAY,IAAI,KAAKA,EAAM,eAAeA,EAAM,SAAA,GAAY,CAAC;AAAA,IAEtE,OAAO;AACL,YAAME,IAAIP,EAAS,KAAK,KAAK;AAC7B,MAAIO,MACF,KAAK,YAAY,IAAI,KAAKA,EAAE,eAAeA,EAAE,SAAA,GAAY,CAAC;AAAA,IAE9D;AAAA,EACF;AAAA,EAEA,IAAY,iBAA8B;AACxC,WAAOP,EAAS,KAAK,OAAO;AAAA,EAC9B;AAAA,EAEA,IAAY,iBAA8B;AACxC,WAAOA,EAAS,KAAK,OAAO;AAAA,EAC9B;AAAA,EAEA,IAAY,oBAAwC;AAClD,WAAI,KAAK,YAAY,SAAS,IAAU,KAAK,cACtCQ,EAAkB,KAAK,MAAM;AAAA,EACtC;AAAA;AAAA,EAIQ,aAAmB;AACzB,SAAK,YAAYC,EAAU,KAAK,WAAW,EAAE;AAAA,EAC/C;AAAA,EAEQ,aAAmB;AACzB,SAAK,YAAYA,EAAU,KAAK,WAAW,CAAC;AAAA,EAC9C;AAAA,EAEQ,YAAkB;AACxB,SAAK,YAAYC,EAAS,KAAK,WAAW,EAAE;AAAA,EAC9C;AAAA,EAEQ,YAAkB;AACxB,SAAK,YAAYA,EAAS,KAAK,WAAW,CAAC;AAAA,EAC7C;AAAA,EAEQ,iBAAuB;AAC7B,SAAK,YAAYA,EAAS,KAAK,WAAW,GAAG;AAAA,EAC/C;AAAA,EAEQ,iBAAuB;AAC7B,SAAK,YAAYA,EAAS,KAAK,WAAW,EAAE;AAAA,EAC9C;AAAA,EAEQ,cAAoB;AAC1B,SAAK,QAAQ;AAAA,EACf;AAAA,EAEQ,aAAmB;AACzB,SAAK,QAAQ;AAAA,EACf;AAAA;AAAA,EAIQ,WAAWC,GAAwB;AACzC,QAAI,CAAAA,EAAI;AAER,UAAI,KAAK,SAAS;AAChB,aAAK,gBAAgBR,EAAUQ,EAAI,IAAI,GACvC,KAAK,YAAY,KAAK,aAAa;AAAA,eAE/B,KAAK,gBAAgB;AACvB,aAAK,cAAcA,EAAI,MACvB,KAAK,gBAAgBR,EAAUQ,EAAI,IAAI,GACvC,KAAK,YAAY,KAAK,aAAa;AAAA,WAC9B;AACL,cAAM,CAACN,GAAOO,CAAG,IAAIC,EAAW,KAAK,aAAaF,EAAI,IAAI;AAC1D,aAAK,gBAAgB,GAAGR,EAAUE,CAAK,CAAC,IAAIF,EAAUS,CAAG,CAAC,IAC1D,KAAK,cAAc,MACnB,KAAK,eAAe,MACpB,KAAK,YAAY,KAAK,aAAa;AAAA,MACrC;AAAA,EAEJ;AAAA,EAEQ,aAAaE,GAAqB;AACxC,SAAK,YAAY,IAAI,KAAK,KAAK,UAAU,YAAA,GAAeA,GAAO,CAAC,GAChE,KAAK,QAAQ;AAAA,EACf;AAAA,EAEQ,YAAYC,GAAoB;AACtC,SAAK,YAAY,IAAI,KAAKA,GAAM,KAAK,UAAU,SAAA,GAAY,CAAC,GAC5D,KAAK,QAAQ;AAAA,EACf;AAAA,EAEQ,gBAAgBJ,GAAwB;AAC9C,IAAI,KAAK,SAAS,WAAW,KAAK,gBAAgB,SAChD,KAAK,eAAeA,EAAI;AAAA,EAE5B;AAAA,EAEQ,uBAA6B;AACnC,SAAK,eAAe;AAAA,EACtB;AAAA,EAEQ,aAAmB;AACzB,UAAMK,IAAQf,EAAU,oBAAI,MAAM;AAClC,SAAK,YAAY,IAAI,KAAKe,EAAM,eAAeA,EAAM,SAAA,GAAY,CAAC,GAClE,KAAK,QAAQ,QAET,KAAK,SAAS,aAChB,KAAK,gBAAgBb,EAAUa,CAAK,GACpC,KAAK,YAAY,KAAK,aAAa;AAAA,EAEvC;AAAA,EAEQ,cAAcC,GAAgC;AACpD,UAAM,EAAE,OAAAZ,GAAO,KAAAO,MAAQK,EAAO,SAAA;AAC9B,IAAI,KAAK,SAAS,UAChB,KAAK,gBAAgB,GAAGZ,CAAK,IAAIO,CAAG,KAEpC,KAAK,gBAAgBP,GAEvB,KAAK,cAAc,MACnB,KAAK,eAAe;AACpB,UAAME,IAAIP,EAASK,CAAK;AACxB,IAAIE,MACF,KAAK,YAAY,IAAI,KAAKA,EAAE,eAAeA,EAAE,SAAA,GAAY,CAAC,IAE5D,KAAK,YAAY,KAAK,aAAa;AAAA,EACrC;AAAA,EAEQ,QAAc;AACpB,IAAK,KAAK,kBACV,KAAK,QAAQ,KAAK,eAClB,KAAK,cAAc,IAAI,YAAY,iBAAiB;AAAA,MAClD,QAAQ,EAAE,OAAO,KAAK,MAAA;AAAA,MACtB,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA,EAEQ,YAAYW,GAAqB;AACvC,SAAK,cAAc,IAAI,YAAY,iBAAiB;AAAA,MAClD,QAAQ,EAAE,OAAAA,EAAA;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA;AAAA,EAIQ,eAAeP,GAA2B;AAChD,QAAI,KAAK,SAAS,UAAU;AAC1B,YAAMQ,IAAMnB,EAAS,KAAK,aAAa;AACvC,aAAOmB,MAAQ,QAAQC,EAAUT,EAAI,MAAMQ,CAAG;AAAA,IAChD;AACA,UAAM,EAAE,OAAAd,GAAO,KAAAO,EAAA,IAAQN,EAAgB,KAAK,aAAa;AAGzD,WAFI,GAAAD,KAASe,EAAUT,EAAI,MAAMN,CAAK,KAClCO,KAAOQ,EAAUT,EAAI,MAAMC,CAAG,KAC9B,KAAK,eAAeQ,EAAUT,EAAI,MAAM,KAAK,WAAW;AAAA,EAE9D;AAAA,EAEQ,cAAcA,GAA2B;AAC/C,QAAI,KAAK,SAAS,QAAS,QAAO;AAGlC,UAAM,EAAE,OAAAN,GAAO,KAAAO,EAAA,IAAQN,EAAgB,KAAK,aAAa;AACzD,WAAID,KAASO,IACJS,EAAUV,EAAI,MAAMN,GAAOO,CAAG,KAAK,CAACQ,EAAUT,EAAI,MAAMN,CAAK,KAAK,CAACe,EAAUT,EAAI,MAAMC,CAAG,IAI/F,KAAK,eAAe,KAAK,eACpBS,EAAUV,EAAI,MAAM,KAAK,aAAa,KAAK,YAAY,KAC5D,CAACS,EAAUT,EAAI,MAAM,KAAK,WAAW,KAAK,CAACS,EAAUT,EAAI,MAAM,KAAK,YAAY,IAE7E;AAAA,EACT;AAAA,EAEQ,cAAcA,GAA2B;AAC/C,QAAI,KAAK,SAAS,QAAS,QAAO;AAClC,UAAM,EAAE,OAAAN,GAAO,KAAAO,EAAA,IAAQN,EAAgB,KAAK,aAAa;AACzD,QAAID,KAASO;AACX,aAAOQ,EAAUT,EAAI,MAAMN,CAAK;AAElC,QAAI,KAAK,eAAe,KAAK,cAAc;AACzC,YAAM,CAAC,CAAC,IAAIQ,EAAW,KAAK,aAAa,KAAK,YAAY;AAC1D,aAAOO,EAAUT,EAAI,MAAM,CAAC;AAAA,IAC9B;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,YAAYA,GAA2B;AAC7C,QAAI,KAAK,SAAS,QAAS,QAAO;AAClC,UAAM,EAAE,OAAAN,GAAO,KAAAO,EAAA,IAAQN,EAAgB,KAAK,aAAa;AACzD,QAAID,KAASO;AACX,aAAOQ,EAAUT,EAAI,MAAMC,CAAG;AAEhC,QAAI,KAAK,eAAe,KAAK,cAAc;AACzC,YAAM,CAAA,EAAGU,CAAC,IAAIT,EAAW,KAAK,aAAa,KAAK,YAAY;AAC5D,aAAOO,EAAUT,EAAI,MAAMW,CAAC;AAAA,IAC9B;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,gBAAgBL,GAAmC;AACzD,UAAM,EAAE,OAAAZ,GAAO,KAAAO,MAAQK,EAAO,SAAA;AAC9B,WAAI,KAAK,SAAS,UACT,KAAK,kBAAkB,GAAGZ,CAAK,IAAIO,CAAG,KAExC,KAAK,kBAAkBP;AAAA,EAChC;AAAA;AAAA,EA8CS,SAAS;AAChB,WAAOV;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKQ,KAAK,cAAc;AAAA;AAAA,UAE5B,KAAK,UAAU,KAAK,eAAA,IAAmB4B,CAAO;AAAA;AAAA,YAE5C,KAAK,eAAe;AAAA,YACpB,KAAK,UAAU,SAAS,KAAK,YAAA,IAAgBA,CAAO;AAAA,YACpD,KAAK,UAAU,WAAW,KAAK,cAAA,IAAkBA,CAAO;AAAA,YACxD,KAAK,UAAU,UAAU,KAAK,aAAA,IAAiBA,CAAO;AAAA,YACtD,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA,EAI9B;AAAA,EAEQ,iBAAiB;AACvB,UAAMC,IAAQ,KAAK;AACnB,WAAO7B;AAAA;AAAA,UAED6B,EAAM,IAAI,CAAAP,MAAUtB;AAAA;AAAA,oBAEV8B,EAAS,EAAE,cAAc,IAAM,QAAQ,KAAK,gBAAgBR,CAAM,GAAG,CAAC;AAAA;AAAA,qBAErE,MAAM,KAAK,cAAcA,CAAM,CAAC;AAAA,aACxCA,EAAO,KAAK;AAAA,SAChB,CAAC;AAAA;AAAA;AAAA,EAGR;AAAA,EAEQ,gBAAgB;AACtB,QAAI,KAAK,UAAU,QAAQ;AACzB,YAAMS,IAAYC,EAAa,KAAK,QAAQ,KAAK,UAAU,UAAU,GAC/DZ,IAAO,KAAK,UAAU,YAAA;AAC5B,aAAOpB;AAAA;AAAA,0EAE6D,KAAK,UAAU,IAAID,CAAW;AAAA;AAAA,kDAEtD,KAAK,WAAW,IAAIgC,CAAS;AAAA,kDAC7B,KAAK,UAAU,IAAIX,CAAI;AAAA;AAAA,sEAEH,KAAK,UAAU,IAAInB,CAAY;AAAA;AAAA;AAAA,IAGjG;AAEA,QAAI,KAAK,UAAU,UAAU;AAC3B,YAAMmB,IAAO,KAAK,UAAU,YAAA;AAC5B,aAAOpB;AAAA;AAAA,yEAE4D,KAAK,SAAS,IAAID,CAAW;AAAA;AAAA,kDAEpD,KAAK,UAAU,IAAIqB,CAAI;AAAA;AAAA,qEAEJ,KAAK,SAAS,IAAInB,CAAY;AAAA;AAAA;AAAA,IAG/F;AAGA,UAAMgC,IAAQC,EAAa,KAAK,UAAU,aAAa,GACjDC,IAAQF,EAAM,CAAC,GACfG,IAAOH,EAAMA,EAAM,SAAS,CAAC;AACnC,WAAOjC;AAAA;AAAA,wEAE6D,KAAK,cAAc,IAAID,CAAW;AAAA;AAAA,8DAE5CoC,CAAK,MAAMC,CAAI;AAAA;AAAA,oEAET,KAAK,cAAc,IAAInC,CAAY;AAAA;AAAA;AAAA,EAGrG;AAAA,EAEQ,cAAc;AACpB,UAAMoC,IAAWC,EAAgB,KAAK,QAAQ,KAAK,SAAS,GACtDC,IAAOC,EAAgB,KAAK,WAAW,KAAK,WAAW,KAAK,gBAAgB,KAAK,cAAc;AAErG,WAAOxC;AAAA;AAAA,UAEDqC,EAAS,IAAI,CAAAI,MAAMzC,0BAA6ByC,CAAE,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMhD,KAAK,oBAAoB;AAAA;AAAA,UAErCF,EAAK,IAAI,CAAAvB,MAAO;AAChB,YAAM0B,IAAW,KAAK,eAAe1B,CAAG,GAClC2B,IAAU,KAAK,cAAc3B,CAAG,GAChC4B,IAAa,KAAK,cAAc5B,CAAG,GACnC6B,IAAW,KAAK,YAAY7B,CAAG,GAC/B8B,IAAU;AAAA,QACd,YAAY;AAAA,QACZ,eAAe,CAAC9B,EAAI;AAAA,QACpB,OAASA,EAAI;AAAA,QACb,UAAY0B;AAAA,QACZ,UAAY1B,EAAI;AAAA,QAChB,YAAY2B;AAAA,QACZ,eAAeC;AAAA,QACf,aAAaC;AAAA,MAAA;AAEf,aAAO7C;AAAA;AAAA,sBAEK8B,EAASgB,CAAO,CAAC;AAAA,yBACd9B,EAAI,gBAAgB,CAACA,EAAI,WAAW,MAAM,IAAI;AAAA,2BAC5CA,EAAI,KAAK,mBAAmB,KAAK,QAAQ,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,QAAQ,KAAK,UAAA,CAAW,CAAC;AAAA,8BAC1G0B,IAAW,SAAS,OAAO;AAAA,0BAC/B1B,EAAI,QAAQ;AAAA,uBACf,MAAM,KAAK,WAAWA,CAAG,CAAC;AAAA,4BACrB,MAAM,KAAK,gBAAgBA,CAAG,CAAC;AAAA;AAAA,yCAElBA,EAAI,GAAG;AAAA;AAAA;AAAA,IAGxC,CAAC,CAAC;AAAA;AAAA;AAAA,EAGR;AAAA,EAEQ,gBAAgB;AACtB,UAAM+B,IAAc,KAAK,UAAU,YAAA,GAC7BC,IAAS,MAAM,KAAK,EAAE,QAAQ,MAAM,CAACC,GAAGC,MAAMA,CAAC;AAErD,WAAOlD;AAAA;AAAA,UAEDgD,EAAO,IAAI,CAAA7B,MAAS;AACpB,YAAMgC,IAAOnB,EAAa,KAAK,QAAQb,CAAK,GACtCuB,IAAW,KAAK,UAAU,SAAA,MAAevB;AAC/C,UAAIiC,IAAW;AACf,aAAI,KAAK,kBACY,IAAI,KAAKL,GAAa5B,IAAQ,GAAG,CAAC,IACpC,KAAK,mBAAgBiC,IAAW,KAE/C,KAAK,kBACc,IAAI,KAAKL,GAAa5B,GAAO,CAAC,IAChC,KAAK,mBAAgBiC,IAAW,KAE9CpD;AAAA;AAAA,sBAEK8B,EAAS,EAAE,cAAc,IAAM,UAAAY,GAAU,UAAAU,EAAA,CAAU,CAAC;AAAA,0BAChDA,CAAQ;AAAA,uBACX,MAAM,KAAK,aAAajC,CAAK,CAAC;AAAA,eACtCgC,CAAI;AAAA;AAAA,IAEX,CAAC,CAAC;AAAA;AAAA;AAAA,EAGR;AAAA,EAEQ,eAAe;AACrB,UAAMlB,IAAQC,EAAa,KAAK,UAAU,aAAa,GACjDa,IAAc,KAAK,UAAU,YAAA;AAEnC,WAAO/C;AAAA;AAAA,UAEDiC,EAAM,IAAI,CAAAb,MAAQ;AAClB,UAAIgC,IAAW;AACf,aAAI,KAAK,kBAAkBhC,IAAO,KAAK,eAAe,YAAA,MAAegC,IAAW,KAC5E,KAAK,kBAAkBhC,IAAO,KAAK,eAAe,YAAA,MAAegC,IAAW,KACzEpD;AAAA;AAAA,sBAEK8B,EAAS,EAAE,aAAa,IAAM,UAAUV,MAAS2B,GAAa,UAAAK,GAAU,CAAC;AAAA,0BACrEA,CAAQ;AAAA,uBACX,MAAM,KAAK,YAAYhC,CAAI,CAAC;AAAA,eACpCA,CAAI;AAAA;AAAA,IAEX,CAAC,CAAC;AAAA;AAAA;AAAA,EAGR;AAAA,EAEQ,gBAAgB;AACtB,UAAMiC,IAAa,KAAK,kBAAkB;AAC1C,WAAOrD;AAAA;AAAA,4CAEiC,KAAK,UAAU;AAAA,6CACd,CAACqD,CAAU,WAAW,KAAK,KAAK;AAAA;AAAA;AAAA,EAG3E;AACF;AA7eanD,EACK,SAAS,CAACoD,CAAgB;AAG1CC,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAHhBtD,EAIX,WAAA,QAAA,CAAA;AAGAqD,EAAA;AAAA,EADCC,EAAA;AAAS,GANCtD,EAOX,WAAA,SAAA,CAAA;AAGAqD,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,WAAA,CAAY;AAAA,GATxBtD,EAUX,WAAA,WAAA,CAAA;AAGAqD,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,WAAA,CAAY;AAAA,GAZxBtD,EAaX,WAAA,WAAA,CAAA;AAGAqD,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAf/BtD,EAgBX,WAAA,WAAA,CAAA;AAGAqD,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GAlBnBtD,EAmBX,WAAA,eAAA,CAAA;AAGAqD,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,cAAc,MAAM,QAAQ;AAAA,GArBxCtD,EAsBX,WAAA,aAAA,CAAA;AAGAqD,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAxB/BtD,EAyBX,WAAA,YAAA,CAAA;AAGAqD,EAAA;AAAA,EADCC,EAAA;AAAS,GA3BCtD,EA4BX,WAAA,UAAA,CAAA;AAEiBqD,EAAA;AAAA,EAAhBE,EAAA;AAAM,GA9BIvD,EA8BM,WAAA,SAAA,CAAA;AACAqD,EAAA;AAAA,EAAhBE,EAAA;AAAM,GA/BIvD,EA+BM,WAAA,aAAA,CAAA;AACAqD,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAhCIvD,EAgCM,WAAA,gBAAA,CAAA;AACAqD,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAjCIvD,EAiCM,WAAA,eAAA,CAAA;AACAqD,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAlCIvD,EAkCM,WAAA,iBAAA,CAAA;AAlCNA,IAANqD,EAAA;AAAA,EADNG,EAAc,mBAAmB;AAAA,GACrBxD,CAAA;"}

package/dist/components/datepicker/datepicker.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const datepickerStyles: import("lit").CSSResult;
+//# sourceMappingURL=datepicker.styles.d.ts.map

package/dist/components/datepicker/datepicker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/datepicker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBA0X5B,CAAA"}