@mhmo91/schmancy 0.4.5 → 0.4.7

package/dist/date-range-BsCL8hQs.js

@@ -0,0 +1,609 @@
+import { fromEvent as st, takeUntil as X, debounceTime as mt, timer as ft } from "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { $ as pt } from "./litElement.mixin-DJxjDwEr.js";
+import "./tailwind.mixin-DauVaFKt.js";
+import { g as ht } from "./_commonjsHelpers-Dw9sPFZy.js";
+import { html as Q } from "lit";
+import { property as C, state as j, customElement as gt } from "lit/decorators.js";
+import { ifDefined as B } from "lit/directives/if-defined.js";
+import { $ as J } from "./dialog-service-CnjZCTMj.js";
+var rt, nt = { exports: {} }, yt = (rt || (rt = 1, nt.exports = function() {
+  var e = 1e3, a = 6e4, t = 36e5, u = "millisecond", m = "second", o = "minute", f = "hour", g = "day", w = "week", D = "month", $ = "quarter", M = "year", v = "date", x = "Invalid Date", E = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, R = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, ct = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(h) {
+    var n = ["th", "st", "nd", "rd"], s = h % 100;
+    return "[" + h + (n[(s - 20) % 10] || n[s] || n[0]) + "]";
+  } }, Z = function(h, n, s) {
+    var i = String(h);
+    return !i || i.length >= n ? h : "" + Array(n + 1 - i.length).join(s) + h;
+  }, lt = { s: Z, z: function(h) {
+    var n = -h.utcOffset(), s = Math.abs(n), i = Math.floor(s / 60), r = s % 60;
+    return (n <= 0 ? "+" : "-") + Z(i, 2, "0") + ":" + Z(r, 2, "0");
+  }, m: function h(n, s) {
+    if (n.date() < s.date()) return -h(s, n);
+    var i = 12 * (s.year() - n.year()) + (s.month() - n.month()), r = n.clone().add(i, D), c = s - r < 0, l = n.clone().add(i + (c ? -1 : 1), D);
+    return +(-(i + (s - r) / (c ? r - l : l - r)) || 0);
+  }, a: function(h) {
+    return h < 0 ? Math.ceil(h) || 0 : Math.floor(h);
+  }, p: function(h) {
+    return { M: D, y: M, w, d: g, D: v, h: f, m: o, s: m, ms: u, Q: $ }[h] || String(h || "").toLowerCase().replace(/s$/, "");
+  }, u: function(h) {
+    return h === void 0;
+  } }, V = "en", _ = {};
+  _[V] = ct;
+  var et = "$isDayjsObject", G = function(h) {
+    return h instanceof I || !(!h || !h[et]);
+  }, U = function h(n, s, i) {
+    var r;
+    if (!n) return V;
+    if (typeof n == "string") {
+      var c = n.toLowerCase();
+      _[c] && (r = c), s && (_[c] = s, r = c);
+      var l = n.split("-");
+      if (!r && l.length > 1) return h(l[0]);
+    } else {
+      var y = n.name;
+      _[y] = n, r = y;
+    }
+    return !i && r && (V = r), r || !i && V;
+  }, O = function(h, n) {
+    if (G(h)) return h.clone();
+    var s = typeof n == "object" ? n : {};
+    return s.date = h, s.args = arguments, new I(s);
+  }, p = lt;
+  p.l = U, p.i = G, p.w = function(h, n) {
+    return O(h, { locale: n.$L, utc: n.$u, x: n.$x, $offset: n.$offset });
+  };
+  var I = function() {
+    function h(s) {
+      this.$L = U(s.locale, null, !0), this.parse(s), this.$x = this.$x || s.x || {}, this[et] = !0;
+    }
+    var n = h.prototype;
+    return n.parse = function(s) {
+      this.$d = function(i) {
+        var r = i.date, c = i.utc;
+        if (r === null) return /* @__PURE__ */ new Date(NaN);
+        if (p.u(r)) return /* @__PURE__ */ new Date();
+        if (r instanceof Date) return new Date(r);
+        if (typeof r == "string" && !/Z$/i.test(r)) {
+          var l = r.match(E);
+          if (l) {
+            var y = l[2] - 1 || 0, b = (l[7] || "0").substring(0, 3);
+            return c ? new Date(Date.UTC(l[1], y, l[3] || 1, l[4] || 0, l[5] || 0, l[6] || 0, b)) : new Date(l[1], y, l[3] || 1, l[4] || 0, l[5] || 0, l[6] || 0, b);
+          }
+        }
+        return new Date(r);
+      }(s), this.init();
+    }, n.init = function() {
+      var s = this.$d;
+      this.$y = s.getFullYear(), this.$M = s.getMonth(), this.$D = s.getDate(), this.$W = s.getDay(), this.$H = s.getHours(), this.$m = s.getMinutes(), this.$s = s.getSeconds(), this.$ms = s.getMilliseconds();
+    }, n.$utils = function() {
+      return p;
+    }, n.isValid = function() {
+      return this.$d.toString() !== x;
+    }, n.isSame = function(s, i) {
+      var r = O(s);
+      return this.startOf(i) <= r && r <= this.endOf(i);
+    }, n.isAfter = function(s, i) {
+      return O(s) < this.startOf(i);
+    }, n.isBefore = function(s, i) {
+      return this.endOf(i) < O(s);
+    }, n.$g = function(s, i, r) {
+      return p.u(s) ? this[i] : this.set(r, s);
+    }, n.unix = function() {
+      return Math.floor(this.valueOf() / 1e3);
+    }, n.valueOf = function() {
+      return this.$d.getTime();
+    }, n.startOf = function(s, i) {
+      var r = this, c = !!p.u(i) || i, l = p.p(s), y = function(A, Y) {
+        var q = p.w(r.$u ? Date.UTC(r.$y, Y, A) : new Date(r.$y, Y, A), r);
+        return c ? q : q.endOf(g);
+      }, b = function(A, Y) {
+        return p.w(r.toDate()[A].apply(r.toDate("s"), (c ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(Y)), r);
+      }, T = this.$W, k = this.$M, P = this.$D, H = "set" + (this.$u ? "UTC" : "");
+      switch (l) {
+        case M:
+          return c ? y(1, 0) : y(31, 11);
+        case D:
+          return c ? y(1, k) : y(0, k + 1);
+        case w:
+          var L = this.$locale().weekStart || 0, W = (T < L ? T + 7 : T) - L;
+          return y(c ? P - W : P + (6 - W), k);
+        case g:
+        case v:
+          return b(H + "Hours", 0);
+        case f:
+          return b(H + "Minutes", 1);
+        case o:
+          return b(H + "Seconds", 2);
+        case m:
+          return b(H + "Milliseconds", 3);
+        default:
+          return this.clone();
+      }
+    }, n.endOf = function(s) {
+      return this.startOf(s, !1);
+    }, n.$set = function(s, i) {
+      var r, c = p.p(s), l = "set" + (this.$u ? "UTC" : ""), y = (r = {}, r[g] = l + "Date", r[v] = l + "Date", r[D] = l + "Month", r[M] = l + "FullYear", r[f] = l + "Hours", r[o] = l + "Minutes", r[m] = l + "Seconds", r[u] = l + "Milliseconds", r)[c], b = c === g ? this.$D + (i - this.$W) : i;
+      if (c === D || c === M) {
+        var T = this.clone().set(v, 1);
+        T.$d[y](b), T.init(), this.$d = T.set(v, Math.min(this.$D, T.daysInMonth())).$d;
+      } else y && this.$d[y](b);
+      return this.init(), this;
+    }, n.set = function(s, i) {
+      return this.clone().$set(s, i);
+    }, n.get = function(s) {
+      return this[p.p(s)]();
+    }, n.add = function(s, i) {
+      var r, c = this;
+      s = Number(s);
+      var l = p.p(i), y = function(k) {
+        var P = O(c);
+        return p.w(P.date(P.date() + Math.round(k * s)), c);
+      };
+      if (l === D) return this.set(D, this.$M + s);
+      if (l === M) return this.set(M, this.$y + s);
+      if (l === g) return y(1);
+      if (l === w) return y(7);
+      var b = (r = {}, r[o] = a, r[f] = t, r[m] = e, r)[l] || 1, T = this.$d.getTime() + s * b;
+      return p.w(T, this);
+    }, n.subtract = function(s, i) {
+      return this.add(-1 * s, i);
+    }, n.format = function(s) {
+      var i = this, r = this.$locale();
+      if (!this.isValid()) return r.invalidDate || x;
+      var c = s || "YYYY-MM-DDTHH:mm:ssZ", l = p.z(this), y = this.$H, b = this.$m, T = this.$M, k = r.weekdays, P = r.months, H = r.meridiem, L = function(Y, q, N, z) {
+        return Y && (Y[q] || Y(i, c)) || N[q].slice(0, z);
+      }, W = function(Y) {
+        return p.s(y % 12 || 12, Y, "0");
+      }, A = H || function(Y, q, N) {
+        var z = Y < 12 ? "AM" : "PM";
+        return N ? z.toLowerCase() : z;
+      };
+      return c.replace(R, function(Y, q) {
+        return q || function(N) {
+          switch (N) {
+            case "YY":
+              return String(i.$y).slice(-2);
+            case "YYYY":
+              return p.s(i.$y, 4, "0");
+            case "M":
+              return T + 1;
+            case "MM":
+              return p.s(T + 1, 2, "0");
+            case "MMM":
+              return L(r.monthsShort, T, P, 3);
+            case "MMMM":
+              return L(P, T);
+            case "D":
+              return i.$D;
+            case "DD":
+              return p.s(i.$D, 2, "0");
+            case "d":
+              return String(i.$W);
+            case "dd":
+              return L(r.weekdaysMin, i.$W, k, 2);
+            case "ddd":
+              return L(r.weekdaysShort, i.$W, k, 3);
+            case "dddd":
+              return k[i.$W];
+            case "H":
+              return String(y);
+            case "HH":
+              return p.s(y, 2, "0");
+            case "h":
+              return W(1);
+            case "hh":
+              return W(2);
+            case "a":
+              return A(y, b, !0);
+            case "A":
+              return A(y, b, !1);
+            case "m":
+              return String(b);
+            case "mm":
+              return p.s(b, 2, "0");
+            case "s":
+              return String(i.$s);
+            case "ss":
+              return p.s(i.$s, 2, "0");
+            case "SSS":
+              return p.s(i.$ms, 3, "0");
+            case "Z":
+              return l;
+          }
+          return null;
+        }(Y) || l.replace(":", "");
+      });
+    }, n.utcOffset = function() {
+      return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+    }, n.diff = function(s, i, r) {
+      var c, l = this, y = p.p(i), b = O(s), T = (b.utcOffset() - this.utcOffset()) * a, k = this - b, P = function() {
+        return p.m(l, b);
+      };
+      switch (y) {
+        case M:
+          c = P() / 12;
+          break;
+        case D:
+          c = P();
+          break;
+        case $:
+          c = P() / 3;
+          break;
+        case w:
+          c = (k - T) / 6048e5;
+          break;
+        case g:
+          c = (k - T) / 864e5;
+          break;
+        case f:
+          c = k / t;
+          break;
+        case o:
+          c = k / a;
+          break;
+        case m:
+          c = k / e;
+          break;
+        default:
+          c = k;
+      }
+      return r ? c : p.a(c);
+    }, n.daysInMonth = function() {
+      return this.endOf(D).$D;
+    }, n.$locale = function() {
+      return _[this.$L];
+    }, n.locale = function(s, i) {
+      if (!s) return this.$L;
+      var r = this.clone(), c = U(s, i, !0);
+      return c && (r.$L = c), r;
+    }, n.clone = function() {
+      return p.w(this.$d, this);
+    }, n.toDate = function() {
+      return new Date(this.valueOf());
+    }, n.toJSON = function() {
+      return this.isValid() ? this.toISOString() : null;
+    }, n.toISOString = function() {
+      return this.$d.toISOString();
+    }, n.toString = function() {
+      return this.$d.toUTCString();
+    }, h;
+  }(), at = I.prototype;
+  return O.prototype = at, [["$ms", u], ["$s", m], ["$m", o], ["$H", f], ["$W", g], ["$M", D], ["$y", M], ["$D", v]].forEach(function(h) {
+    at[h[1]] = function(n) {
+      return this.$g(n, h[0], h[1]);
+    };
+  }), O.extend = function(h, n) {
+    return h.$i || (h(n, I, O), h.$i = !0), O;
+  }, O.locale = U, O.isDayjs = G, O.unix = function(h) {
+    return O(1e3 * h);
+  }, O.en = _[V], O.Ls = _, O.p = {}, O;
+}()), nt.exports);
+const d = ht(yt);
+var it, K, tt, ot = { exports: {} };
+const vt = ht(it ? ot.exports : (it = 1, ot.exports = (K = "month", tt = "quarter", function(e, a) {
+  var t = a.prototype;
+  t.quarter = function(o) {
+    return this.$utils().u(o) ? Math.ceil((this.month() + 1) / 3) : this.month(this.month() % 3 + 3 * (o - 1));
+  };
+  var u = t.add;
+  t.add = function(o, f) {
+    return o = Number(o), this.$utils().p(f) === tt ? this.add(3 * o, K) : u.bind(this)(o, f);
+  };
+  var m = t.startOf;
+  t.startOf = function(o, f) {
+    var g = this.$utils(), w = !!g.u(f) || f;
+    if (g.p(o) === tt) {
+      var D = this.quarter() - 1;
+      return w ? this.month(3 * D).startOf(K).startOf("day") : this.month(3 * D + 2).endOf(K).endOf("day");
+    }
+    return m.bind(this)(o, f);
+  };
+})));
+function ut(e, a) {
+  if (!e) return null;
+  const t = d(e);
+  return t.isValid() ? t.format(a) : null;
+}
+function $t(e, a, t) {
+  const u = ut(e, t), m = ut(a, t);
+  return { dateFrom: u, dateTo: m, isValid: u !== null && m !== null };
+}
+function bt(e, a) {
+  return e.map((t) => ({ label: `Last ${t} Days`, range: { dateFrom: d().subtract(t - 1, "days").startOf("day").format(a), dateTo: d().endOf("day").format(a) }, step: "day" }));
+}
+function Dt(e, a) {
+  return e.map((t) => ({ label: `Last ${t} Weeks`, range: { dateFrom: d().subtract(t, "weeks").startOf("week").format(a), dateTo: d().endOf("day").format(a) }, step: "week" }));
+}
+function Mt(e, a) {
+  return e.map((t) => ({ label: `Last ${t} Months`, range: { dateFrom: d().subtract(t, "months").startOf("month").format(a), dateTo: d().endOf("day").format(a) }, step: "month" }));
+}
+function Ot(e, a) {
+  return e.map((t) => ({ label: `Last ${t} Quarters`, range: { dateFrom: d().subtract(t, "quarters").startOf("quarter").format(a), dateTo: d().endOf("day").format(a) }, step: "quarter" }));
+}
+function dt(e, a, t) {
+  let u = e.quarter() + t * a, m = 0;
+  for (; u > 4; ) u -= 4, m += 1;
+  for (; u < 1; ) u += 4, m -= 1;
+  const o = e.add(m, "year").month(3 * (u - 1)), f = o.daysInMonth(), g = Math.min(e.date(), f);
+  return o.date(g);
+}
+var Tt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, S = (e, a, t, u) => {
+  for (var m, o = u > 1 ? void 0 : u ? Ft(a, t) : a, f = e.length - 1; f >= 0; f--) (m = e[f]) && (o = (u ? m(a, t, o) : m(o)) || o);
+  return u && o && Tt(a, t, o), o;
+};
+d.extend(vt);
+let F = class extends pt() {
+  constructor() {
+    super(...arguments), this.type = "date", this.dateFrom = { label: "From", value: "" }, this.dateTo = { label: "To", value: "" }, this.customPresets = [], this.disabled = !1, this.required = !1, this.placeholder = "Select date range", this.clearable = !0, this.isOpen = !1, this.selectedDateRange = "", this.activePreset = null, this.announceMessage = "", this.isMobile = !1, this.presetRanges = [], this.presetCategories = [], this.memoizedPresets = /* @__PURE__ */ new Map();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.initPresetRanges(), this.checkMobileView();
+    const e = this.getDateFormat(), a = $t(this.dateFrom.value, this.dateTo.value, e);
+    if (a.isValid) this.dateFrom.value = a.dateFrom, this.dateTo.value = a.dateTo, this.updateSelectedDateRange();
+    else {
+      const t = d().format(e);
+      this.dateFrom.value = t, this.dateTo.value = t, this.updateSelectedDateRange();
+    }
+    this.setupEventHandlers();
+  }
+  setupEventHandlers() {
+    st(document, "keydown").pipe(X(this.disconnecting)).subscribe((e) => {
+      this.handleKeyboardNavigation(e);
+    }), st(window, "resize").pipe(mt(150), X(this.disconnecting)).subscribe(() => {
+      this.checkMobileView();
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+  updated(e) {
+    super.updated(e), !e.has("dateFrom") && !e.has("dateTo") || this.dateFrom?.value === void 0 && this.dateTo?.value === void 0 || this.updateSelectedDateRange();
+  }
+  initPresetRanges() {
+    const e = this.getDateFormat(), a = `${this.type}-${e}-${JSON.stringify(this.customPresets)}`;
+    if (this.memoizedPresets.has(a)) {
+      const t = this.memoizedPresets.get(a);
+      return this.presetCategories = t, this.presetRanges = [], void t.forEach((u) => {
+        this.presetRanges.push(...u.presets);
+      });
+    }
+    if (this.presetCategories = function(t, u = !1) {
+      const m = [];
+      return u && m.push({ name: "Hours", presets: [{ label: "Last 24 Hours", range: { dateFrom: d().subtract(24, "hours").format(t), dateTo: d().format(t) }, step: "hour" }, { label: "Last 12 Hours", range: { dateFrom: d().subtract(12, "hours").format(t), dateTo: d().format(t) }, step: "hour" }] }), m.push({ name: "Days", presets: [{ label: "Today", range: { dateFrom: d().startOf("day").format(t), dateTo: d().endOf("day").format(t) }, step: "day" }, { label: "Yesterday", range: { dateFrom: d().subtract(1, "days").startOf("day").format(t), dateTo: d().subtract(1, "days").endOf("day").format(t) }, step: "day" }, ...bt([7, 14, 30, 60, 90], t)] }), m.push({ name: "Weeks", presets: [{ label: "This Week", range: { dateFrom: d().startOf("week").format(t), dateTo: d().endOf("week").format(t) }, step: "week" }, { label: "Last Week", range: { dateFrom: d().subtract(1, "weeks").startOf("week").format(t), dateTo: d().subtract(1, "weeks").endOf("week").format(t) }, step: "week" }, ...Dt([2, 4], t)] }), m.push({ name: "Months", presets: [{ label: "This Month", range: { dateFrom: d().startOf("month").format(t), dateTo: d().endOf("month").format(t) }, step: "month" }, { label: "Last Month", range: { dateFrom: d().subtract(1, "month").startOf("month").format(t), dateTo: d().subtract(1, "month").endOf("month").format(t) }, step: "month" }, ...Mt([3, 6], t)] }), m.push({ name: "Quarters", presets: [{ label: "This Quarter", range: { dateFrom: d().startOf("quarter").format(t), dateTo: d().endOf("quarter").format(t) }, step: "quarter" }, { label: "Last Quarter", range: { dateFrom: d().subtract(1, "quarter").startOf("quarter").format(t), dateTo: d().subtract(1, "quarter").endOf("quarter").format(t) }, step: "quarter" }, ...Ot([2, 4], t)] }), m.push({ name: "Years", presets: [{ label: "This Year", range: { dateFrom: d().startOf("year").format(t), dateTo: d().endOf("year").format(t) }, step: "year" }, { label: "Last Year", range: { dateFrom: d().subtract(1, "year").startOf("year").format(t), dateTo: d().subtract(1, "year").endOf("year").format(t) }, step: "year" }, { label: "Year to Date", range: { dateFrom: d().startOf("year").format(t), dateTo: d().endOf("day").format(t) }, step: "day" }] }), m;
+    }(e, this.type === "datetime-local"), this.presetRanges = [], this.presetCategories.forEach((t) => {
+      this.presetRanges.push(...t.presets);
+    }), this.customPresets && this.customPresets.length > 0) {
+      const t = { name: "Custom", presets: this.customPresets.map((u) => ({ label: u.label, range: { dateFrom: u.dateFrom, dateTo: u.dateTo }, step: "day" })) };
+      this.presetCategories.push(t), this.presetRanges.push(...t.presets);
+    }
+    this.memoizedPresets.set(a, [...this.presetCategories]);
+  }
+  getDateFormat() {
+    return this.format || (this.type === "date" ? "YYYY-MM-DD" : "YYYY-MM-DDTHH:mm");
+  }
+  updateSelectedDateRange() {
+    const e = this.presetRanges.find((a) => a.range.dateFrom === this.dateFrom.value && a.range.dateTo === this.dateTo.value);
+    if (e) return this.selectedDateRange = e.label, void (this.activePreset = e.label);
+    this.checkAndUpdateActivePreset(this.dateFrom.value, this.dateTo.value), this.activePreset = null, this.selectedDateRange = function(a, t, u, m) {
+      if (!a || !t) return m;
+      const o = d(a), f = d(t);
+      if (!o.isValid() || !f.isValid()) return m;
+      const g = u === "datetime-local" ? o.format(" h:mm A") : "", w = u === "datetime-local" ? f.format(" h:mm A") : "";
+      return o.isSame(f, "day") ? `${o.format("MMM D, YYYY")}${g}` : o.isSame(f, "month") && o.isSame(f, "year") ? `${o.format("MMM D")}-${f.format("D, YYYY")}${w}` : o.isSame(f, "year") ? `${o.format("MMM D")} - ${f.format("MMM D, YYYY")}${w}` : `${o.format("MMM D, YYYY")}${g} - ${f.format("MMM D, YYYY")}${w}`;
+    }(this.dateFrom.value, this.dateTo.value, this.type, this.placeholder);
+  }
+  setDateRange(e, a) {
+    this.dateFrom.value = e, this.dateTo.value = a, this.updateSelectedDateRange(), this.announceToScreenReader(`Date range updated: ${this.selectedDateRange}`), this.dispatchEvent(new CustomEvent("change", { detail: { dateFrom: e, dateTo: a }, bubbles: !0, composed: !0 }));
+  }
+  handlePresetSelection(e, a) {
+    a.stopPropagation(), this.activePreset = e.label, this.setDateRange(e.range.dateFrom, e.range.dateTo), J.dismiss();
+  }
+  toggleDropdown(e) {
+    e.stopPropagation(), this.disabled || (this.isOpen ? this.closeDropdown() : this.openDropdown());
+  }
+  openDropdown() {
+    if (this.disabled) return;
+    this.isOpen = !0;
+    const e = this.createDialogContent();
+    J.component(e, { title: "Select Date Range", width: this.isMobile ? "100vw" : "800px", hideActions: !0 }).then(() => {
+      this.isOpen = !1;
+    });
+  }
+  closeDropdown() {
+    J.dismiss(), this.isOpen = !1;
+  }
+  shiftDateRange(e, a) {
+    if (a.stopPropagation(), !this.dateFrom.value || !this.dateTo.value) return;
+    const t = d(this.dateFrom.value), u = d(this.dateTo.value);
+    if (!t.isValid() || !u.isValid()) return;
+    const m = this.getDateFormat(), o = e > 0 ? 1 : -1, f = this.presetRanges.find((v) => v.label === this.activePreset), { unit: g, amount: w } = function(v, x, E) {
+      if (E) return { unit: E, amount: 1 };
+      const R = x.diff(v, "day");
+      return R >= 360 ? { unit: "year", amount: Math.round(R / 365) } : R >= 90 ? { unit: "quarter", amount: Math.round(R / 90) } : R >= 30 ? { unit: "month", amount: Math.round(R / 30) } : R >= 7 ? { unit: "week", amount: Math.round(R / 7) } : { unit: "day", amount: R + 1 };
+    }(t, u, f?.step), D = function(v, x) {
+      return { isFullMonth: v.date() === 1 && x.isSame(v.endOf("month"), "day"), isFullQuarter: v.isSame(v.startOf("quarter"), "day") && x.isSame(x.endOf("quarter"), "day"), isFullYear: v.isSame(v.startOf("year"), "day") && x.isSame(x.endOf("year"), "day"), isFullWeek: v.day() === 0 && x.day() === 6 && x.diff(v, "days") === 6 };
+    }(t, u);
+    let $, M;
+    if (g === "quarter") $ = dt(t, w, o), M = dt(u, w, o), D.isFullQuarter && ($ = $.startOf("quarter"), M = $.endOf("quarter"));
+    else if (g === "hour") {
+      const v = u.diff(t, "hour");
+      $ = o > 0 ? t.add(v, "hour") : t.subtract(v, "hour"), M = o > 0 ? u.add(v, "hour") : u.subtract(v, "hour");
+    } else o > 0 ? ($ = t.add(w, g), M = u.add(w, g)) : ($ = t.subtract(w, g), M = u.subtract(w, g)), g === "year" && D.isFullYear ? ($ = $.startOf("year"), M = $.endOf("year")) : g === "month" && D.isFullMonth ? ($ = $.startOf("month"), M = $.endOf("month")) : g === "week" && D.isFullWeek && ($ = $.startOf("week"), M = $.endOf("week"));
+    this.setDateRange($.format(m), M.format(m)), this.checkAndUpdateActivePreset($.format(m), M.format(m));
+  }
+  handleKeyboardNavigation(e) {
+    const a = e.key;
+    if (this.dateFrom.value && this.dateTo.value && !this.disabled) switch (a) {
+      case "PageUp":
+        (e.target === this || this.contains(e.target)) && (this.shiftDateRange(-1, e), e.preventDefault());
+        break;
+      case "PageDown":
+        (e.target === this || this.contains(e.target)) && (this.shiftDateRange(1, e), e.preventDefault());
+        break;
+      case "Home":
+        if (e.ctrlKey && (e.target === this || this.contains(e.target))) {
+          const t = d(this.dateFrom.value), u = d(this.dateTo.value), m = t.startOf("month"), o = u.diff(t, "day");
+          this.setDateRange(m.format(this.getDateFormat()), m.add(o, "day").format(this.getDateFormat())), e.preventDefault();
+        }
+        break;
+      case "End":
+        if (e.ctrlKey && (e.target === this || this.contains(e.target))) {
+          const t = d(this.dateFrom.value), u = d(this.dateTo.value), m = u.diff(t, "day"), o = u.endOf("month");
+          this.setDateRange(o.subtract(m, "day").format(this.getDateFormat()), o.format(this.getDateFormat())), e.preventDefault();
+        }
+    }
+  }
+  checkAndUpdateActivePreset(e, a) {
+    const t = this.presetRanges.find((u) => u.range.dateFrom === e && u.range.dateTo === a);
+    this.activePreset = t ? t.label : null;
+  }
+  applyManualDateSelection(e) {
+    e.stopPropagation();
+    const a = d(this.dateFrom.value), t = d(this.dateTo.value);
+    a.isValid() && t.isValid() ? (a.isAfter(t) ? this.setDateRange(t.format(this.getDateFormat()), a.format(this.getDateFormat())) : this.setDateRange(this.dateFrom.value, this.dateTo.value), J.dismiss()) : this.announceToScreenReader("Invalid date format. Please check your input.");
+  }
+  checkMobileView() {
+    this.isMobile = window.innerWidth < 768;
+  }
+  handleFromDateChange(e) {
+    const a = e.target;
+    this.dateFrom.value = a.value, this.updateSelectedDateRange();
+  }
+  handleToDateChange(e) {
+    const a = e.target;
+    this.dateTo.value = a.value, this.updateSelectedDateRange();
+  }
+  createDialogContent() {
+    return Q`
+			<div class="w-full min-h-[400px] max-h-[80vh] flex flex-col p-4">
+				<!-- Custom Range Section with Inline Calendars -->
+				<schmancy-surface type="container" class="rounded-xl p-4 mb-6">
+					<div class="flex flex-col gap-4">
+						<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+							<!-- From Date Calendar -->
+							<div class="flex flex-col gap-2">
+								<schmancy-typography type="label" token="md" class="text-surface-onVariant">
+									${this.dateFrom.label || "From"}
+								</schmancy-typography>
+								<schmancy-input
+									type="${this.type}"
+									.value="${this.dateFrom.value}"
+									min="${B(this.minDate)}"
+									max="${B(this.maxDate)}"
+									@change="${this.handleFromDateChange.bind(this)}"
+								></schmancy-input>
+							</div>
+							
+							<!-- To Date Calendar -->
+							<div class="flex flex-col gap-2">
+								<schmancy-typography type="label" token="md" class="text-surface-onVariant">
+									${this.dateTo.label || "To"}
+								</schmancy-typography>
+								<schmancy-input
+									type="${this.type}"
+									.value="${this.dateTo.value}"
+									min="${B(this.dateFrom.value)}"
+									max="${B(this.maxDate)}"
+									@change="${this.handleToDateChange.bind(this)}"
+								></schmancy-input>
+							</div>
+						</div>
+						
+						<!-- Apply Button - Now at the bottom for logical flow -->
+						<div class="flex justify-end mt-2">
+							<schmancy-button 
+								variant="filled" 
+								@click="${(e) => this.applyManualDateSelection(e)}"
+								?disabled="${!this.dateFrom.value || !this.dateTo.value}"
+							>
+								Apply
+							</schmancy-button>
+						</div>
+					</div>
+				</schmancy-surface>
+
+				<!-- Presets Section -->
+				<div class="flex-1 overflow-y-auto overflow-x-hidden min-h-0">
+					<div class="grid grid-cols-2 md:grid-cols-5 gap-6">
+						${this.presetCategories.map((e) => Q`
+								<div class="space-y-3">
+									<schmancy-typography type="title" token="md" class="text-surface-onVariant font-medium">
+										${e.name}
+									</schmancy-typography>
+									<div class="space-y-1">
+										${e.presets.map((a) => Q`
+												<schmancy-button
+													variant="${this.activePreset === a.label ? "filled" : "text"}"
+													class="w-full justify-start text-left"
+													@click="${(t) => this.handlePresetSelection(a, t)}"
+													aria-pressed="${this.activePreset === a.label}"
+													aria-label="${a.label}: ${a.range.dateFrom} to ${a.range.dateTo}"
+													title="${a.range.dateFrom} to ${a.range.dateTo}"
+												>
+													<span class="truncate">${a.label}</span>
+												</schmancy-button>
+											`)}
+									</div>
+								</div>
+							`)}
+					</div>
+				</div>
+			</div>
+		`;
+  }
+  announceToScreenReader(e) {
+    this.announceMessage = e, ft(100).pipe(X(this.disconnecting)).subscribe(() => {
+      this.announceMessage = "";
+    });
+  }
+  render() {
+    return Q`
+			<div class="relative ${this.disabled ? "opacity-60 pointer-events-none" : ""}">
+				<!-- Screen reader announcements -->
+				<div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
+					${this.announceMessage}
+				</div>
+
+				<!-- Trigger using the preferred schmancy-grid pattern -->
+				<section @click=${(e) => e.stopPropagation()} class="flex" >
+						<schmancy-icon-button
+							type="button"
+							aria-label="Previous ${this.activePreset ? this.activePreset.toLowerCase() : "date range"}"
+							@click=${(e) => this.shiftDateRange(-1, e)}
+							?disabled=${this.disabled || !this.dateFrom.value || !this.dateTo.value}
+						>
+							arrow_left
+						</schmancy-icon-button>
+
+						<schmancy-button
+							class="w-max"
+							variant="outlined"
+							type="button"
+							aria-haspopup="menu"
+							aria-expanded=${this.isOpen}
+							aria-label="Select date range. Current: ${this.selectedDateRange || "No date selected"}"
+							@click=${(e) => this.toggleDropdown(e)}
+						>
+							${this.selectedDateRange || this.placeholder}
+						</schmancy-button>
+
+						<schmancy-icon-button
+							type="button"
+							aria-label="Next ${this.activePreset ? this.activePreset.toLowerCase() : "date range"}"
+							@click=${(e) => this.shiftDateRange(1, e)}
+							?disabled=${this.disabled || !this.dateFrom.value || !this.dateTo.value}
+						>
+							arrow_right
+						</schmancy-icon-button>
+				</section>
+			</div>
+		`;
+  }
+};
+S([C({ type: String })], F.prototype, "type", 2), S([C({ type: Object })], F.prototype, "dateFrom", 2), S([C({ type: Object })], F.prototype, "dateTo", 2), S([C({ type: String })], F.prototype, "minDate", 2), S([C({ type: String })], F.prototype, "maxDate", 2), S([C({ type: Array })], F.prototype, "customPresets", 2), S([C({ type: String })], F.prototype, "format", 2), S([C({ type: Boolean })], F.prototype, "disabled", 2), S([C({ type: Boolean })], F.prototype, "required", 2), S([C({ type: String })], F.prototype, "placeholder", 2), S([C({ type: Boolean })], F.prototype, "clearable", 2), S([j()], F.prototype, "isOpen", 2), S([j()], F.prototype, "selectedDateRange", 2), S([j()], F.prototype, "activePreset", 2), S([j()], F.prototype, "announceMessage", 2), S([j()], F.prototype, "isMobile", 2), F = S([gt("schmancy-date-range")], F);
+export {
+  F as S,
+  $t as v
+};
+//# sourceMappingURL=date-range-BsCL8hQs.js.map