@mhmo91/schmancy 0.3.2 → 0.3.6

package/dist/date-range-DYdBqzUs.js

@@ -0,0 +1,638 @@
+import { fromEvent as st, takeUntil as tt, debounceTime as lt, timer as ft } from "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { $ as mt } from "./litElement.mixin-Csoyz9Ih.js";
+import "./tailwind.mixin-D0pn9tte.js";
+import { g as ct } from "./_commonjsHelpers-Dw9sPFZy.js";
+import { html as j } from "lit";
+import { property as x, state as _, query as pt, customElement as yt } from "lit/decorators.js";
+import { ifDefined as K } from "lit/directives/if-defined.js";
+import { $ as Z } from "./dialog-service-noGCuxg1.js";
+var nt, it = { exports: {} }, gt = (nt || (nt = 1, it.exports = function() {
+  var t = 1e3, a = 6e4, e = 36e5, o = "millisecond", y = "second", c = "minute", u = "hour", p = "day", P = "week", k = "month", N = "quarter", Y = "year", C = "date", M = "Invalid Date", m = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, E = /\[([^\]]+)]|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, U = { 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"], r = h % 100;
+    return "[" + h + (n[(r - 20) % 10] || n[r] || n[0]) + "]";
+  } }, O = function(h, n, r) {
+    var d = String(h);
+    return !d || d.length >= n ? h : "" + Array(n + 1 - d.length).join(r) + h;
+  }, ht = { s: O, z: function(h) {
+    var n = -h.utcOffset(), r = Math.abs(n), d = Math.floor(r / 60), s = r % 60;
+    return (n <= 0 ? "+" : "-") + O(d, 2, "0") + ":" + O(s, 2, "0");
+  }, m: function h(n, r) {
+    if (n.date() < r.date()) return -h(r, n);
+    var d = 12 * (r.year() - n.year()) + (r.month() - n.month()), s = n.clone().add(d, k), l = r - s < 0, f = n.clone().add(d + (l ? -1 : 1), k);
+    return +(-(d + (r - s) / (l ? s - f : f - s)) || 0);
+  }, a: function(h) {
+    return h < 0 ? Math.ceil(h) || 0 : Math.floor(h);
+  }, p: function(h) {
+    return { M: k, y: Y, w: P, d: p, D: C, h: u, m: c, s: y, ms: o, Q: N }[h] || String(h || "").toLowerCase().replace(/s$/, "");
+  }, u: function(h) {
+    return h === void 0;
+  } }, I = "en", V = {};
+  V[I] = U;
+  var at = "$isDayjsObject", X = function(h) {
+    return h instanceof B || !(!h || !h[at]);
+  }, z = function h(n, r, d) {
+    var s;
+    if (!n) return I;
+    if (typeof n == "string") {
+      var l = n.toLowerCase();
+      V[l] && (s = l), r && (V[l] = r, s = l);
+      var f = n.split("-");
+      if (!s && f.length > 1) return h(f[0]);
+    } else {
+      var v = n.name;
+      V[v] = n, s = v;
+    }
+    return !d && s && (I = s), s || !d && I;
+  }, T = function(h, n) {
+    if (X(h)) return h.clone();
+    var r = typeof n == "object" ? n : {};
+    return r.date = h, r.args = arguments, new B(r);
+  }, g = ht;
+  g.l = z, g.i = X, g.w = function(h, n) {
+    return T(h, { locale: n.$L, utc: n.$u, x: n.$x, $offset: n.$offset });
+  };
+  var B = function() {
+    function h(r) {
+      this.$L = z(r.locale, null, !0), this.parse(r), this.$x = this.$x || r.x || {}, this[at] = !0;
+    }
+    var n = h.prototype;
+    return n.parse = function(r) {
+      this.$d = function(d) {
+        var s = d.date, l = d.utc;
+        if (s === null) return /* @__PURE__ */ new Date(NaN);
+        if (g.u(s)) return /* @__PURE__ */ new Date();
+        if (s instanceof Date) return new Date(s);
+        if (typeof s == "string" && !/Z$/i.test(s)) {
+          var f = s.match(m);
+          if (f) {
+            var v = f[2] - 1 || 0, $ = (f[7] || "0").substring(0, 3);
+            return l ? new Date(Date.UTC(f[1], v, f[3] || 1, f[4] || 0, f[5] || 0, f[6] || 0, $)) : new Date(f[1], v, f[3] || 1, f[4] || 0, f[5] || 0, f[6] || 0, $);
+          }
+        }
+        return new Date(s);
+      }(r), this.init();
+    }, n.init = function() {
+      var r = this.$d;
+      this.$y = r.getFullYear(), this.$M = r.getMonth(), this.$D = r.getDate(), this.$W = r.getDay(), this.$H = r.getHours(), this.$m = r.getMinutes(), this.$s = r.getSeconds(), this.$ms = r.getMilliseconds();
+    }, n.$utils = function() {
+      return g;
+    }, n.isValid = function() {
+      return this.$d.toString() !== M;
+    }, n.isSame = function(r, d) {
+      var s = T(r);
+      return this.startOf(d) <= s && s <= this.endOf(d);
+    }, n.isAfter = function(r, d) {
+      return T(r) < this.startOf(d);
+    }, n.isBefore = function(r, d) {
+      return this.endOf(d) < T(r);
+    }, n.$g = function(r, d, s) {
+      return g.u(r) ? this[d] : this.set(s, r);
+    }, n.unix = function() {
+      return Math.floor(this.valueOf() / 1e3);
+    }, n.valueOf = function() {
+      return this.$d.getTime();
+    }, n.startOf = function(r, d) {
+      var s = this, l = !!g.u(d) || d, f = g.p(r), v = function(A, S) {
+        var q = g.w(s.$u ? Date.UTC(s.$y, S, A) : new Date(s.$y, S, A), s);
+        return l ? q : q.endOf(p);
+      }, $ = function(A, S) {
+        return g.w(s.toDate()[A].apply(s.toDate("s"), (l ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(S)), s);
+      }, w = this.$W, F = this.$M, R = this.$D, H = "set" + (this.$u ? "UTC" : "");
+      switch (f) {
+        case Y:
+          return l ? v(1, 0) : v(31, 11);
+        case k:
+          return l ? v(1, F) : v(0, F + 1);
+        case P:
+          var L = this.$locale().weekStart || 0, W = (w < L ? w + 7 : w) - L;
+          return v(l ? R - W : R + (6 - W), F);
+        case p:
+        case C:
+          return $(H + "Hours", 0);
+        case u:
+          return $(H + "Minutes", 1);
+        case c:
+          return $(H + "Seconds", 2);
+        case y:
+          return $(H + "Milliseconds", 3);
+        default:
+          return this.clone();
+      }
+    }, n.endOf = function(r) {
+      return this.startOf(r, !1);
+    }, n.$set = function(r, d) {
+      var s, l = g.p(r), f = "set" + (this.$u ? "UTC" : ""), v = (s = {}, s[p] = f + "Date", s[C] = f + "Date", s[k] = f + "Month", s[Y] = f + "FullYear", s[u] = f + "Hours", s[c] = f + "Minutes", s[y] = f + "Seconds", s[o] = f + "Milliseconds", s)[l], $ = l === p ? this.$D + (d - this.$W) : d;
+      if (l === k || l === Y) {
+        var w = this.clone().set(C, 1);
+        w.$d[v]($), w.init(), this.$d = w.set(C, Math.min(this.$D, w.daysInMonth())).$d;
+      } else v && this.$d[v]($);
+      return this.init(), this;
+    }, n.set = function(r, d) {
+      return this.clone().$set(r, d);
+    }, n.get = function(r) {
+      return this[g.p(r)]();
+    }, n.add = function(r, d) {
+      var s, l = this;
+      r = Number(r);
+      var f = g.p(d), v = function(F) {
+        var R = T(l);
+        return g.w(R.date(R.date() + Math.round(F * r)), l);
+      };
+      if (f === k) return this.set(k, this.$M + r);
+      if (f === Y) return this.set(Y, this.$y + r);
+      if (f === p) return v(1);
+      if (f === P) return v(7);
+      var $ = (s = {}, s[c] = a, s[u] = e, s[y] = t, s)[f] || 1, w = this.$d.getTime() + r * $;
+      return g.w(w, this);
+    }, n.subtract = function(r, d) {
+      return this.add(-1 * r, d);
+    }, n.format = function(r) {
+      var d = this, s = this.$locale();
+      if (!this.isValid()) return s.invalidDate || M;
+      var l = r || "YYYY-MM-DDTHH:mm:ssZ", f = g.z(this), v = this.$H, $ = this.$m, w = this.$M, F = s.weekdays, R = s.months, H = s.meridiem, L = function(S, q, Q, J) {
+        return S && (S[q] || S(d, l)) || Q[q].slice(0, J);
+      }, W = function(S) {
+        return g.s(v % 12 || 12, S, "0");
+      }, A = H || function(S, q, Q) {
+        var J = S < 12 ? "AM" : "PM";
+        return Q ? J.toLowerCase() : J;
+      };
+      return l.replace(E, function(S, q) {
+        return q || function(Q) {
+          switch (Q) {
+            case "YY":
+              return String(d.$y).slice(-2);
+            case "YYYY":
+              return g.s(d.$y, 4, "0");
+            case "M":
+              return w + 1;
+            case "MM":
+              return g.s(w + 1, 2, "0");
+            case "MMM":
+              return L(s.monthsShort, w, R, 3);
+            case "MMMM":
+              return L(R, w);
+            case "D":
+              return d.$D;
+            case "DD":
+              return g.s(d.$D, 2, "0");
+            case "d":
+              return String(d.$W);
+            case "dd":
+              return L(s.weekdaysMin, d.$W, F, 2);
+            case "ddd":
+              return L(s.weekdaysShort, d.$W, F, 3);
+            case "dddd":
+              return F[d.$W];
+            case "H":
+              return String(v);
+            case "HH":
+              return g.s(v, 2, "0");
+            case "h":
+              return W(1);
+            case "hh":
+              return W(2);
+            case "a":
+              return A(v, $, !0);
+            case "A":
+              return A(v, $, !1);
+            case "m":
+              return String($);
+            case "mm":
+              return g.s($, 2, "0");
+            case "s":
+              return String(d.$s);
+            case "ss":
+              return g.s(d.$s, 2, "0");
+            case "SSS":
+              return g.s(d.$ms, 3, "0");
+            case "Z":
+              return f;
+          }
+          return null;
+        }(S) || f.replace(":", "");
+      });
+    }, n.utcOffset = function() {
+      return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+    }, n.diff = function(r, d, s) {
+      var l, f = this, v = g.p(d), $ = T(r), w = ($.utcOffset() - this.utcOffset()) * a, F = this - $, R = function() {
+        return g.m(f, $);
+      };
+      switch (v) {
+        case Y:
+          l = R() / 12;
+          break;
+        case k:
+          l = R();
+          break;
+        case N:
+          l = R() / 3;
+          break;
+        case P:
+          l = (F - w) / 6048e5;
+          break;
+        case p:
+          l = (F - w) / 864e5;
+          break;
+        case u:
+          l = F / e;
+          break;
+        case c:
+          l = F / a;
+          break;
+        case y:
+          l = F / t;
+          break;
+        default:
+          l = F;
+      }
+      return s ? l : g.a(l);
+    }, n.daysInMonth = function() {
+      return this.endOf(k).$D;
+    }, n.$locale = function() {
+      return V[this.$L];
+    }, n.locale = function(r, d) {
+      if (!r) return this.$L;
+      var s = this.clone(), l = z(r, d, !0);
+      return l && (s.$L = l), s;
+    }, n.clone = function() {
+      return g.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;
+  }(), rt = B.prototype;
+  return T.prototype = rt, [["$ms", o], ["$s", y], ["$m", c], ["$H", u], ["$W", p], ["$M", k], ["$y", Y], ["$D", C]].forEach(function(h) {
+    rt[h[1]] = function(n) {
+      return this.$g(n, h[0], h[1]);
+    };
+  }), T.extend = function(h, n) {
+    return h.$i || (h(n, B, T), h.$i = !0), T;
+  }, T.locale = z, T.isDayjs = X, T.unix = function(h) {
+    return T(1e3 * h);
+  }, T.en = V[I], T.Ls = V, T.p = {}, T;
+}()), it.exports);
+const i = ct(gt);
+var ot, G, et, dt = { exports: {} };
+const vt = ct(ot ? dt.exports : (ot = 1, dt.exports = (G = "month", et = "quarter", function(t, a) {
+  var e = a.prototype;
+  e.quarter = function(c) {
+    return this.$utils().u(c) ? Math.ceil((this.month() + 1) / 3) : this.month(this.month() % 3 + 3 * (c - 1));
+  };
+  var o = e.add;
+  e.add = function(c, u) {
+    return c = Number(c), this.$utils().p(u) === et ? this.add(3 * c, G) : o.bind(this)(c, u);
+  };
+  var y = e.startOf;
+  e.startOf = function(c, u) {
+    var p = this.$utils(), P = !!p.u(u) || u;
+    if (p.p(c) === et) {
+      var k = this.quarter() - 1;
+      return P ? this.month(3 * k).startOf(G).startOf("day") : this.month(3 * k + 2).endOf(G).endOf("day");
+    }
+    return y.bind(this)(c, u);
+  };
+})));
+function ut(t, a) {
+  if (!t) return null;
+  const e = i(t);
+  return e.isValid() ? e.format(a) : null;
+}
+function bt(t, a, e) {
+  const o = ut(t, e), y = ut(a, e);
+  return { dateFrom: o, dateTo: y, isValid: o !== null && y !== null };
+}
+var $t = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, D = (t, a, e, o) => {
+  for (var y, c = o > 1 ? void 0 : o ? Dt(a, e) : a, u = t.length - 1; u >= 0; u--) (y = t[u]) && (c = (o ? y(a, e, c) : y(c)) || c);
+  return o && c && $t(a, e, c), c;
+};
+i.extend(vt);
+let b = class extends mt() {
+  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.allowDirectInput = !0, this.isOpen = !1, this.selectedDateRange = "", this.activePreset = null, this.announceMessage = "", this.isMobile = !1, this.isTyping = !1, this.typedValue = "", this.presetRanges = [], this.presetCategories = [], this.memoizedPresets = /* @__PURE__ */ new Map();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.initPresetRanges(), this.checkMobileView();
+    const t = this.getDateFormat(), a = bt(this.dateFrom.value, this.dateTo.value, t);
+    if (a.isValid) this.dateFrom.value = a.dateFrom, this.dateTo.value = a.dateTo, this.updateSelectedDateRange();
+    else {
+      const e = i().format(t);
+      this.dateFrom.value = e, this.dateTo.value = e, this.updateSelectedDateRange();
+    }
+    this.setupEventHandlers();
+  }
+  setupEventHandlers() {
+    st(document, "keydown").pipe(tt(this.disconnecting)).subscribe((t) => {
+      this.handleKeyboardNavigation(t);
+    }), st(window, "resize").pipe(lt(150), tt(this.disconnecting)).subscribe(() => {
+      this.checkMobileView();
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+  updated(t) {
+    var a, e;
+    super.updated(t), !t.has("dateFrom") && !t.has("dateTo") || ((a = this.dateFrom) == null ? void 0 : a.value) === void 0 && ((e = this.dateTo) == null ? void 0 : e.value) === void 0 || this.updateSelectedDateRange();
+  }
+  initPresetRanges() {
+    const t = this.getDateFormat(), a = `${this.type}-${t}-${JSON.stringify(this.customPresets)}`;
+    if (this.memoizedPresets.has(a)) {
+      const e = this.memoizedPresets.get(a);
+      return this.presetCategories = e, this.presetRanges = [], void e.forEach((o) => {
+        this.presetRanges.push(...o.presets);
+      });
+    }
+    if (this.presetCategories = [{ name: "Days", presets: [{ label: "Today", range: { dateFrom: i().startOf("day").format(t), dateTo: i().endOf("day").format(t) }, step: "day" }, { label: "Yesterday", range: { dateFrom: i().subtract(1, "days").startOf("day").format(t), dateTo: i().subtract(1, "days").endOf("day").format(t) }, step: "day" }, { label: "Last 7 Days", range: { dateFrom: i().subtract(6, "days").startOf("day").format(t), dateTo: i().endOf("day").format(t) }, step: "day" }, { label: "Last 14 Days", range: { dateFrom: i().subtract(13, "days").startOf("day").format(t), dateTo: i().endOf("day").format(t) }, step: "day" }, { label: "Last 30 Days", range: { dateFrom: i().subtract(29, "days").startOf("day").format(t), dateTo: i().endOf("day").format(t) }, step: "day" }, { label: "Last 60 Days", range: { dateFrom: i().subtract(59, "days").startOf("day").format(t), dateTo: i().endOf("day").format(t) }, step: "day" }, { label: "Last 90 Days", range: { dateFrom: i().subtract(89, "days").startOf("day").format(t), dateTo: i().endOf("day").format(t) }, step: "day" }] }, { name: "Weeks", presets: [{ label: "This Week", range: { dateFrom: i().startOf("week").format(t), dateTo: i().endOf("week").format(t) }, step: "week" }, { label: "Last Week", range: { dateFrom: i().subtract(1, "weeks").startOf("week").format(t), dateTo: i().subtract(1, "weeks").endOf("week").format(t) }, step: "week" }, { label: "Last 2 Weeks", range: { dateFrom: i().subtract(2, "weeks").startOf("week").format(t), dateTo: i().endOf("day").format(t) }, step: "week" }, { label: "Last 4 Weeks", range: { dateFrom: i().subtract(4, "weeks").startOf("week").format(t), dateTo: i().endOf("day").format(t) }, step: "week" }] }, { name: "Months", presets: [{ label: "This Month", range: { dateFrom: i().startOf("month").format(t), dateTo: i().endOf("month").format(t) }, step: "month" }, { label: "Last Month", range: { dateFrom: i().subtract(1, "month").startOf("month").format(t), dateTo: i().subtract(1, "month").endOf("month").format(t) }, step: "month" }, { label: "Last 3 Months", range: { dateFrom: i().subtract(3, "months").startOf("month").format(t), dateTo: i().endOf("day").format(t) }, step: "month" }, { label: "Last 6 Months", range: { dateFrom: i().subtract(6, "months").startOf("month").format(t), dateTo: i().endOf("day").format(t) }, step: "month" }] }, { name: "Quarters", presets: [{ label: "This Quarter", range: { dateFrom: i().startOf("quarter").format(t), dateTo: i().endOf("quarter").format(t) }, step: "quarter" }, { label: "Last Quarter", range: { dateFrom: i().subtract(1, "quarter").startOf("quarter").format(t), dateTo: i().subtract(1, "quarter").endOf("quarter").format(t) }, step: "quarter" }, { label: "Last 2 Quarters", range: { dateFrom: i().subtract(2, "quarters").startOf("quarter").format(t), dateTo: i().endOf("day").format(t) }, step: "quarter" }, { label: "Last 4 Quarters", range: { dateFrom: i().subtract(4, "quarters").startOf("quarter").format(t), dateTo: i().endOf("day").format(t) }, step: "quarter" }] }, { name: "Years", presets: [{ label: "This Year", range: { dateFrom: i().startOf("year").format(t), dateTo: i().endOf("year").format(t) }, step: "year" }, { label: "Last Year", range: { dateFrom: i().subtract(1, "year").startOf("year").format(t), dateTo: i().subtract(1, "year").endOf("year").format(t) }, step: "year" }, { label: "Year to Date", range: { dateFrom: i().startOf("year").format(t), dateTo: i().endOf("day").format(t) }, step: "day" }] }], this.type === "datetime-local" && this.presetCategories.unshift({ name: "Hours", presets: [{ label: "Last 24 Hours", range: { dateFrom: i().subtract(24, "hours").format(t), dateTo: i().format(t) }, step: "hour" }, { label: "Last 12 Hours", range: { dateFrom: i().subtract(12, "hours").format(t), dateTo: i().format(t) }, step: "hour" }] }), this.presetRanges = [], this.presetCategories.forEach((e) => {
+      this.presetRanges.push(...e.presets);
+    }), this.customPresets && this.customPresets.length > 0) {
+      const e = { name: "Custom", presets: this.customPresets.map((o) => ({ label: o.label, range: { dateFrom: o.dateFrom, dateTo: o.dateTo }, step: "day" })) };
+      this.presetCategories.push(e), this.presetRanges.push(...e.presets);
+    }
+    this.memoizedPresets.set(a, [...this.presetCategories]);
+  }
+  getDateFormat() {
+    return this.format || (this.type === "date" ? "YYYY-MM-DD" : "YYYY-MM-DDTHH:mm");
+  }
+  updateSelectedDateRange() {
+    const t = this.presetRanges.find((c) => c.range.dateFrom === this.dateFrom.value && c.range.dateTo === this.dateTo.value);
+    if (t) return this.selectedDateRange = t.label, void (this.activePreset = t.label);
+    if (this.checkAndUpdateActivePreset(this.dateFrom.value, this.dateTo.value), this.activePreset = null, !this.dateFrom.value || !this.dateTo.value) return void (this.selectedDateRange = this.placeholder);
+    const a = i(this.dateFrom.value), e = i(this.dateTo.value);
+    if (!a.isValid() || !e.isValid()) return void (this.selectedDateRange = this.placeholder);
+    const o = this.type === "datetime-local" ? a.format(" h:mm A") : "", y = this.type === "datetime-local" ? e.format(" h:mm A") : "";
+    a.isSame(e, "day") ? this.selectedDateRange = `${a.format("MMM D, YYYY")}${o}` : a.isSame(e, "month") && a.isSame(e, "year") ? this.selectedDateRange = `${a.format("MMM D")}-${e.format("D, YYYY")}${y}` : a.isSame(e, "year") ? this.selectedDateRange = `${a.format("MMM D")} - ${e.format("MMM D, YYYY")}${y}` : this.selectedDateRange = `${a.format("MMM D, YYYY")}${o} - ${e.format("MMM D, YYYY")}${y}`;
+  }
+  setDateRange(t, a) {
+    this.dateFrom.value = t, this.dateTo.value = a, this.updateSelectedDateRange(), this.announceToScreenReader(`Date range updated: ${this.selectedDateRange}`), this.dispatchEvent(new CustomEvent("change", { detail: { dateFrom: t, dateTo: a }, bubbles: !0, composed: !0 }));
+  }
+  handlePresetSelection(t, a) {
+    a.stopPropagation(), this.activePreset = t.label, this.setDateRange(t.range.dateFrom, t.range.dateTo), Z.dismiss();
+  }
+  toggleDropdown(t) {
+    t.stopPropagation(), this.disabled || (this.isOpen ? this.closeDropdown() : this.openDropdown());
+  }
+  openDropdown() {
+    if (this.disabled) return;
+    this.isOpen = !0;
+    const t = this.createDialogContent();
+    Z.component(t, { title: "Select Date Range", width: this.isMobile ? "100vw" : "800px", hideActions: !0 }).then(() => {
+      this.isOpen = !1;
+    });
+  }
+  closeDropdown() {
+    Z.dismiss(), this.isOpen = !1;
+  }
+  adjustQuarter(t, a, e) {
+    let o = t.quarter() + e * a, y = 0;
+    for (; o > 4; ) o -= 4, y += 1;
+    for (; o < 1; ) o += 4, y -= 1;
+    const c = t.add(y, "year").month(3 * (o - 1)), u = c.daysInMonth(), p = Math.min(t.date(), u);
+    return c.date(p);
+  }
+  shiftDateRange(t, a) {
+    if (a.stopPropagation(), !this.dateFrom.value || !this.dateTo.value) return;
+    const e = i(this.dateFrom.value), o = i(this.dateTo.value);
+    if (!e.isValid() || !o.isValid()) return;
+    const y = this.getDateFormat(), c = t > 0 ? 1 : -1;
+    let u, p;
+    const P = this.presetRanges.find((O) => O.label === this.activePreset), k = e.date() === 1 && o.isSame(e.endOf("month"), "day"), N = e.isSame(e.startOf("quarter"), "day") && o.isSame(o.endOf("quarter"), "day"), Y = e.isSame(e.startOf("year"), "day") && o.isSame(o.endOf("year"), "day"), C = e.day() === 0 && o.day() === 6 && o.diff(e, "days") === 6;
+    let M = "day", m = 1;
+    if (P) M = P.step, m = 1;
+    else {
+      const O = o.diff(e, "day");
+      O >= 360 ? (M = "year", m = Math.round(O / 365)) : O >= 90 ? (M = "quarter", m = Math.round(O / 90)) : O >= 30 ? (M = "month", m = Math.round(O / 30)) : O >= 7 ? (M = "week", m = Math.round(O / 7)) : (M = "day", m = O + 1);
+    }
+    if (M === "quarter") N ? c > 0 ? (u = this.adjustQuarter(e, m, 1).startOf("quarter"), p = u.endOf("quarter")) : (u = this.adjustQuarter(e, m, -1).startOf("quarter"), p = u.endOf("quarter")) : c > 0 ? (u = this.adjustQuarter(e, m, 1), p = this.adjustQuarter(o, m, 1)) : (u = this.adjustQuarter(e, m, -1), p = this.adjustQuarter(o, m, -1));
+    else if (M === "hour") {
+      const O = o.diff(e, "hour");
+      c > 0 ? (u = e.add(O, "hour"), p = o.add(O, "hour")) : (u = e.subtract(O, "hour"), p = o.subtract(O, "hour"));
+    } else M === "year" && Y ? c > 0 ? (u = e.add(m, "year").startOf("year"), p = u.endOf("year")) : (u = e.subtract(m, "year").startOf("year"), p = u.endOf("year")) : M === "year" ? c > 0 ? (u = e.add(m, "year"), p = o.add(m, "year")) : (u = e.subtract(m, "year"), p = o.subtract(m, "year")) : M === "month" && k ? c > 0 ? (u = e.add(m, "month").startOf("month"), p = u.endOf("month")) : (u = e.subtract(m, "month").startOf("month"), p = u.endOf("month")) : M === "month" ? c > 0 ? (u = e.add(m, "month"), p = o.add(m, "month")) : (u = e.subtract(m, "month"), p = o.subtract(m, "month")) : M === "week" && C ? c > 0 ? (u = e.add(m, "week").startOf("week"), p = u.endOf("week")) : (u = e.subtract(m, "week").startOf("week"), p = u.endOf("week")) : M === "week" ? c > 0 ? (u = e.add(m, "week"), p = o.add(m, "week")) : (u = e.subtract(m, "week"), p = o.subtract(m, "week")) : c > 0 ? (u = e.add(m, "day"), p = o.add(m, "day")) : (u = e.subtract(m, "day"), p = o.subtract(m, "day"));
+    const E = u.format(y), U = p.format(y);
+    this.setDateRange(E, U), this.checkAndUpdateActivePreset(E, U);
+  }
+  handleKeyboardNavigation(t) {
+    const a = t.key;
+    if (this.dateFrom.value && this.dateTo.value && !this.disabled) switch (a) {
+      case "PageUp":
+        (t.target === this || this.contains(t.target)) && (this.shiftDateRange(-1, t), t.preventDefault());
+        break;
+      case "PageDown":
+        (t.target === this || this.contains(t.target)) && (this.shiftDateRange(1, t), t.preventDefault());
+        break;
+      case "Home":
+        if (t.ctrlKey && (t.target === this || this.contains(t.target))) {
+          const e = i(this.dateFrom.value), o = i(this.dateTo.value), y = e.startOf("month"), c = o.diff(e, "day");
+          this.setDateRange(y.format(this.getDateFormat()), y.add(c, "day").format(this.getDateFormat())), t.preventDefault();
+        }
+        break;
+      case "End":
+        if (t.ctrlKey && (t.target === this || this.contains(t.target))) {
+          const e = i(this.dateFrom.value), o = i(this.dateTo.value), y = o.diff(e, "day"), c = o.endOf("month");
+          this.setDateRange(c.subtract(y, "day").format(this.getDateFormat()), c.format(this.getDateFormat())), t.preventDefault();
+        }
+    }
+  }
+  checkAndUpdateActivePreset(t, a) {
+    const e = this.presetRanges.find((o) => o.range.dateFrom === t && o.range.dateTo === a);
+    this.activePreset = e ? e.label : null;
+  }
+  applyManualDateSelection(t) {
+    t.stopPropagation();
+    const a = i(this.dateFrom.value), e = i(this.dateTo.value);
+    a.isValid() && e.isValid() ? (a.isAfter(e) ? this.setDateRange(e.format(this.getDateFormat()), a.format(this.getDateFormat())) : this.setDateRange(this.dateFrom.value, this.dateTo.value), Z.dismiss()) : this.announceToScreenReader("Invalid date format. Please check your input.");
+  }
+  checkMobileView() {
+    this.isMobile = window.innerWidth < 768;
+  }
+  handleDirectInput(t) {
+    const a = t.target;
+    this.typedValue = a.value, this.isTyping = !0;
+  }
+  parseTypedDateRange(t) {
+    const a = [" to ", " - ", " – ", " — ", "-", "–", "—"];
+    let e = [];
+    for (const c of a) if (t.includes(c)) {
+      e = t.split(c).map((u) => u.trim());
+      break;
+    }
+    if (e.length !== 2) return null;
+    const o = i(e[0]), y = i(e[1]);
+    return o.isValid() && y.isValid() ? { dateFrom: o.format(this.getDateFormat()), dateTo: y.format(this.getDateFormat()) } : null;
+  }
+  handleInputBlur() {
+    if (!this.isTyping || !this.typedValue) return;
+    const t = this.parseTypedDateRange(this.typedValue);
+    t ? (this.setDateRange(t.dateFrom, t.dateTo), this.isTyping = !1, this.typedValue = "") : (this.announceToScreenReader("Invalid date format. Please use format like: Jan 1, 2024 - Jan 31, 2024"), this.inputRef && (this.inputRef.value = this.selectedDateRange), this.isTyping = !1, this.typedValue = "");
+  }
+  createDialogContent() {
+    return j`
+			<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="flex items-center justify-between">
+							<schmancy-typography type="label" token="lg" class="text-surface-onVariant">
+								Custom Range
+							</schmancy-typography>
+							<schmancy-button variant="filled" @click="${(t) => this.applyManualDateSelection(t)}">
+								Apply
+							</schmancy-button>
+						</div>
+						
+						<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>
+								<input
+									type="${this.type}"
+									value="${this.dateFrom.value}"
+									min="${K(this.minDate)}"
+									max="${K(this.maxDate)}"
+									class="w-full p-3 rounded-lg border border-outline bg-surface-container text-surface-on focus:outline-none focus:ring-2 focus:ring-primary"
+									@change="${(t) => {
+      const a = t.target;
+      this.dateFrom.value = a.value, this.updateSelectedDateRange();
+    }}"
+									style="color-scheme: ${this.getAttribute("scheme") === "dark" ? "dark" : "light"}"
+								/>
+							</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>
+								<input
+									type="${this.type}"
+									value="${this.dateTo.value}"
+									min="${K(this.dateFrom.value)}"
+									max="${K(this.maxDate)}"
+									class="w-full p-3 rounded-lg border border-outline bg-surface-container text-surface-on focus:outline-none focus:ring-2 focus:ring-primary"
+									@change="${(t) => {
+      const a = t.target;
+      this.dateTo.value = a.value, this.updateSelectedDateRange();
+    }}"
+									style="color-scheme: ${this.getAttribute("scheme") === "dark" ? "dark" : "light"}"
+								/>
+							</div>
+						</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((t) => j`
+								<div class="space-y-3">
+									<schmancy-typography type="title" token="md" class="text-surface-onVariant font-medium">
+										${t.name}
+									</schmancy-typography>
+									<div class="space-y-1">
+										${t.presets.map((a) => j`
+												<schmancy-button
+													variant="${this.activePreset === a.label ? "filled" : "text"}"
+													size="sm"
+													class="w-full justify-start text-left"
+													@click="${(e) => this.handlePresetSelection(a, e)}"
+													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(t) {
+    this.announceMessage = t, ft(100).pipe(tt(this.disconnecting)).subscribe(() => {
+      this.announceMessage = "";
+    });
+  }
+  render() {
+    return j`
+			<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 -->
+				<div class="trigger-container">
+					<schmancy-grid @click=${(t) => t.stopPropagation()} align="center" cols="auto 1fr auto">
+						<schmancy-icon-button
+							type="button"
+							aria-label="Previous ${this.activePreset ? this.activePreset.toLowerCase() : "date range"}"
+							@click=${(t) => this.shiftDateRange(-1, t)}
+							?disabled=${this.disabled || !this.dateFrom.value || !this.dateTo.value}
+						>
+							arrow_left
+						</schmancy-icon-button>
+
+						${this.allowDirectInput ? j`
+									<schmancy-input
+										class="date-range-input w-full"
+										type="text"
+										.value=${this.isTyping ? this.typedValue : this.selectedDateRange}
+										placeholder=${this.placeholder}
+										?disabled=${this.disabled}
+										?required=${this.required}
+										aria-haspopup="menu"
+										aria-expanded=${this.isOpen}
+										aria-label="Select or type date range. Current: ${this.selectedDateRange || "No date selected"}"
+										@focus=${() => this.openDropdown()}
+										@input=${this.handleDirectInput}
+										@blur=${() => this.handleInputBlur()}
+										@keydown=${(t) => {
+      t.key === "Enter" && (t.preventDefault(), this.handleInputBlur());
+    }}
+									></schmancy-input>
+							  ` : j`
+									<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=${(t) => this.toggleDropdown(t)}
+									>
+										${this.selectedDateRange || this.placeholder}
+									</schmancy-button>
+							  `}
+
+						<schmancy-icon-button
+							type="button"
+							aria-label="Next ${this.activePreset ? this.activePreset.toLowerCase() : "date range"}"
+							@click=${(t) => this.shiftDateRange(1, t)}
+							?disabled=${this.disabled || !this.dateFrom.value || !this.dateTo.value}
+						>
+							arrow_right
+						</schmancy-icon-button>
+					</schmancy-grid>
+				</div>
+			</div>
+		`;
+  }
+};
+D([x({ type: String })], b.prototype, "type", 2), D([x({ type: Object })], b.prototype, "dateFrom", 2), D([x({ type: Object })], b.prototype, "dateTo", 2), D([x({ type: String })], b.prototype, "minDate", 2), D([x({ type: String })], b.prototype, "maxDate", 2), D([x({ type: Array })], b.prototype, "customPresets", 2), D([x({ type: String })], b.prototype, "format", 2), D([x({ type: Boolean })], b.prototype, "disabled", 2), D([x({ type: Boolean })], b.prototype, "required", 2), D([x({ type: String })], b.prototype, "placeholder", 2), D([x({ type: Boolean })], b.prototype, "clearable", 2), D([x({ type: Boolean })], b.prototype, "allowDirectInput", 2), D([_()], b.prototype, "isOpen", 2), D([_()], b.prototype, "selectedDateRange", 2), D([_()], b.prototype, "activePreset", 2), D([_()], b.prototype, "announceMessage", 2), D([_()], b.prototype, "isMobile", 2), D([_()], b.prototype, "isTyping", 2), D([_()], b.prototype, "typedValue", 2), D([pt(".date-range-input")], b.prototype, "inputRef", 2), b = D([yt("schmancy-date-range")], b);
+export {
+  b as S,
+  bt as v
+};
+//# sourceMappingURL=date-range-DYdBqzUs.js.map