@mhmo91/schmancy 0.4.1 → 0.4.3

package/dist/date-range-DStUXYx-.js

@@ -0,0 +1,596 @@
+import { fromEvent as st, takeUntil as tt, debounceTime as lt, timer as mt } from "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { $ as ft } from "./litElement.mixin-BC40ZfGG.js";
+import "./tailwind.mixin-Ba46CZMW.js";
+import { g as ct } from "./_commonjsHelpers-Dw9sPFZy.js";
+import { html as J } from "lit";
+import { property as R, state as Q, customElement as pt } from "lit/decorators.js";
+import { ifDefined as K } from "lit/directives/if-defined.js";
+import { $ as Z } from "./dialog-service-CnjZCTMj.js";
+var nt, it = { exports: {} }, yt = (nt || (nt = 1, it.exports = function() {
+  var t = 1e3, s = 6e4, e = 36e5, o = "millisecond", y = "second", c = "minute", u = "hour", p = "day", P = "week", F = "month", N = "quarter", x = "year", C = "date", w = "Invalid Date", f = /^(\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"], a = h % 100;
+    return "[" + h + (n[(a - 20) % 10] || n[a] || n[0]) + "]";
+  } }, $ = function(h, n, a) {
+    var d = String(h);
+    return !d || d.length >= n ? h : "" + Array(n + 1 - d.length).join(a) + h;
+  }, ht = { s: $, z: function(h) {
+    var n = -h.utcOffset(), a = Math.abs(n), d = Math.floor(a / 60), r = a % 60;
+    return (n <= 0 ? "+" : "-") + $(d, 2, "0") + ":" + $(r, 2, "0");
+  }, m: function h(n, a) {
+    if (n.date() < a.date()) return -h(a, n);
+    var d = 12 * (a.year() - n.year()) + (a.month() - n.month()), r = n.clone().add(d, F), l = a - r < 0, m = n.clone().add(d + (l ? -1 : 1), F);
+    return +(-(d + (a - r) / (l ? r - m : m - r)) || 0);
+  }, a: function(h) {
+    return h < 0 ? Math.ceil(h) || 0 : Math.floor(h);
+  }, p: function(h) {
+    return { M: F, y: x, 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;
+  } }, j = "en", L = {};
+  L[j] = U;
+  var at = "$isDayjsObject", X = function(h) {
+    return h instanceof z || !(!h || !h[at]);
+  }, I = function h(n, a, d) {
+    var r;
+    if (!n) return j;
+    if (typeof n == "string") {
+      var l = n.toLowerCase();
+      L[l] && (r = l), a && (L[l] = a, r = l);
+      var m = n.split("-");
+      if (!r && m.length > 1) return h(m[0]);
+    } else {
+      var v = n.name;
+      L[v] = n, r = v;
+    }
+    return !d && r && (j = r), r || !d && j;
+  }, D = function(h, n) {
+    if (X(h)) return h.clone();
+    var a = typeof n == "object" ? n : {};
+    return a.date = h, a.args = arguments, new z(a);
+  }, g = ht;
+  g.l = I, g.i = X, g.w = function(h, n) {
+    return D(h, { locale: n.$L, utc: n.$u, x: n.$x, $offset: n.$offset });
+  };
+  var z = function() {
+    function h(a) {
+      this.$L = I(a.locale, null, !0), this.parse(a), this.$x = this.$x || a.x || {}, this[at] = !0;
+    }
+    var n = h.prototype;
+    return n.parse = function(a) {
+      this.$d = function(d) {
+        var r = d.date, l = d.utc;
+        if (r === null) return /* @__PURE__ */ new Date(NaN);
+        if (g.u(r)) return /* @__PURE__ */ new Date();
+        if (r instanceof Date) return new Date(r);
+        if (typeof r == "string" && !/Z$/i.test(r)) {
+          var m = r.match(f);
+          if (m) {
+            var v = m[2] - 1 || 0, b = (m[7] || "0").substring(0, 3);
+            return l ? new Date(Date.UTC(m[1], v, m[3] || 1, m[4] || 0, m[5] || 0, m[6] || 0, b)) : new Date(m[1], v, m[3] || 1, m[4] || 0, m[5] || 0, m[6] || 0, b);
+          }
+        }
+        return new Date(r);
+      }(a), this.init();
+    }, n.init = function() {
+      var a = this.$d;
+      this.$y = a.getFullYear(), this.$M = a.getMonth(), this.$D = a.getDate(), this.$W = a.getDay(), this.$H = a.getHours(), this.$m = a.getMinutes(), this.$s = a.getSeconds(), this.$ms = a.getMilliseconds();
+    }, n.$utils = function() {
+      return g;
+    }, n.isValid = function() {
+      return this.$d.toString() !== w;
+    }, n.isSame = function(a, d) {
+      var r = D(a);
+      return this.startOf(d) <= r && r <= this.endOf(d);
+    }, n.isAfter = function(a, d) {
+      return D(a) < this.startOf(d);
+    }, n.isBefore = function(a, d) {
+      return this.endOf(d) < D(a);
+    }, n.$g = function(a, d, r) {
+      return g.u(a) ? this[d] : this.set(r, a);
+    }, n.unix = function() {
+      return Math.floor(this.valueOf() / 1e3);
+    }, n.valueOf = function() {
+      return this.$d.getTime();
+    }, n.startOf = function(a, d) {
+      var r = this, l = !!g.u(d) || d, m = g.p(a), v = function(A, S) {
+        var q = g.w(r.$u ? Date.UTC(r.$y, S, A) : new Date(r.$y, S, A), r);
+        return l ? q : q.endOf(p);
+      }, b = function(A, S) {
+        return g.w(r.toDate()[A].apply(r.toDate("s"), (l ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(S)), r);
+      }, O = this.$W, k = this.$M, Y = this.$D, H = "set" + (this.$u ? "UTC" : "");
+      switch (m) {
+        case x:
+          return l ? v(1, 0) : v(31, 11);
+        case F:
+          return l ? v(1, k) : v(0, k + 1);
+        case P:
+          var _ = this.$locale().weekStart || 0, V = (O < _ ? O + 7 : O) - _;
+          return v(l ? Y - V : Y + (6 - V), k);
+        case p:
+        case C:
+          return b(H + "Hours", 0);
+        case u:
+          return b(H + "Minutes", 1);
+        case c:
+          return b(H + "Seconds", 2);
+        case y:
+          return b(H + "Milliseconds", 3);
+        default:
+          return this.clone();
+      }
+    }, n.endOf = function(a) {
+      return this.startOf(a, !1);
+    }, n.$set = function(a, d) {
+      var r, l = g.p(a), m = "set" + (this.$u ? "UTC" : ""), v = (r = {}, r[p] = m + "Date", r[C] = m + "Date", r[F] = m + "Month", r[x] = m + "FullYear", r[u] = m + "Hours", r[c] = m + "Minutes", r[y] = m + "Seconds", r[o] = m + "Milliseconds", r)[l], b = l === p ? this.$D + (d - this.$W) : d;
+      if (l === F || l === x) {
+        var O = this.clone().set(C, 1);
+        O.$d[v](b), O.init(), this.$d = O.set(C, Math.min(this.$D, O.daysInMonth())).$d;
+      } else v && this.$d[v](b);
+      return this.init(), this;
+    }, n.set = function(a, d) {
+      return this.clone().$set(a, d);
+    }, n.get = function(a) {
+      return this[g.p(a)]();
+    }, n.add = function(a, d) {
+      var r, l = this;
+      a = Number(a);
+      var m = g.p(d), v = function(k) {
+        var Y = D(l);
+        return g.w(Y.date(Y.date() + Math.round(k * a)), l);
+      };
+      if (m === F) return this.set(F, this.$M + a);
+      if (m === x) return this.set(x, this.$y + a);
+      if (m === p) return v(1);
+      if (m === P) return v(7);
+      var b = (r = {}, r[c] = s, r[u] = e, r[y] = t, r)[m] || 1, O = this.$d.getTime() + a * b;
+      return g.w(O, this);
+    }, n.subtract = function(a, d) {
+      return this.add(-1 * a, d);
+    }, n.format = function(a) {
+      var d = this, r = this.$locale();
+      if (!this.isValid()) return r.invalidDate || w;
+      var l = a || "YYYY-MM-DDTHH:mm:ssZ", m = g.z(this), v = this.$H, b = this.$m, O = this.$M, k = r.weekdays, Y = r.months, H = r.meridiem, _ = function(S, q, W, B) {
+        return S && (S[q] || S(d, l)) || W[q].slice(0, B);
+      }, V = function(S) {
+        return g.s(v % 12 || 12, S, "0");
+      }, A = H || function(S, q, W) {
+        var B = S < 12 ? "AM" : "PM";
+        return W ? B.toLowerCase() : B;
+      };
+      return l.replace(E, function(S, q) {
+        return q || function(W) {
+          switch (W) {
+            case "YY":
+              return String(d.$y).slice(-2);
+            case "YYYY":
+              return g.s(d.$y, 4, "0");
+            case "M":
+              return O + 1;
+            case "MM":
+              return g.s(O + 1, 2, "0");
+            case "MMM":
+              return _(r.monthsShort, O, Y, 3);
+            case "MMMM":
+              return _(Y, O);
+            case "D":
+              return d.$D;
+            case "DD":
+              return g.s(d.$D, 2, "0");
+            case "d":
+              return String(d.$W);
+            case "dd":
+              return _(r.weekdaysMin, d.$W, k, 2);
+            case "ddd":
+              return _(r.weekdaysShort, d.$W, k, 3);
+            case "dddd":
+              return k[d.$W];
+            case "H":
+              return String(v);
+            case "HH":
+              return g.s(v, 2, "0");
+            case "h":
+              return V(1);
+            case "hh":
+              return V(2);
+            case "a":
+              return A(v, b, !0);
+            case "A":
+              return A(v, b, !1);
+            case "m":
+              return String(b);
+            case "mm":
+              return g.s(b, 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 m;
+          }
+          return null;
+        }(S) || m.replace(":", "");
+      });
+    }, n.utcOffset = function() {
+      return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+    }, n.diff = function(a, d, r) {
+      var l, m = this, v = g.p(d), b = D(a), O = (b.utcOffset() - this.utcOffset()) * s, k = this - b, Y = function() {
+        return g.m(m, b);
+      };
+      switch (v) {
+        case x:
+          l = Y() / 12;
+          break;
+        case F:
+          l = Y();
+          break;
+        case N:
+          l = Y() / 3;
+          break;
+        case P:
+          l = (k - O) / 6048e5;
+          break;
+        case p:
+          l = (k - O) / 864e5;
+          break;
+        case u:
+          l = k / e;
+          break;
+        case c:
+          l = k / s;
+          break;
+        case y:
+          l = k / t;
+          break;
+        default:
+          l = k;
+      }
+      return r ? l : g.a(l);
+    }, n.daysInMonth = function() {
+      return this.endOf(F).$D;
+    }, n.$locale = function() {
+      return L[this.$L];
+    }, n.locale = function(a, d) {
+      if (!a) return this.$L;
+      var r = this.clone(), l = I(a, d, !0);
+      return l && (r.$L = l), r;
+    }, 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 = z.prototype;
+  return D.prototype = rt, [["$ms", o], ["$s", y], ["$m", c], ["$H", u], ["$W", p], ["$M", F], ["$y", x], ["$D", C]].forEach(function(h) {
+    rt[h[1]] = function(n) {
+      return this.$g(n, h[0], h[1]);
+    };
+  }), D.extend = function(h, n) {
+    return h.$i || (h(n, z, D), h.$i = !0), D;
+  }, D.locale = I, D.isDayjs = X, D.unix = function(h) {
+    return D(1e3 * h);
+  }, D.en = L[j], D.Ls = L, D.p = {}, D;
+}()), it.exports);
+const i = ct(yt);
+var ot, G, et, dt = { exports: {} };
+const gt = ct(ot ? dt.exports : (ot = 1, dt.exports = (G = "month", et = "quarter", function(t, s) {
+  var e = s.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 F = this.quarter() - 1;
+      return P ? this.month(3 * F).startOf(G).startOf("day") : this.month(3 * F + 2).endOf(G).endOf("day");
+    }
+    return y.bind(this)(c, u);
+  };
+})));
+function ut(t, s) {
+  if (!t) return null;
+  const e = i(t);
+  return e.isValid() ? e.format(s) : null;
+}
+function vt(t, s, e) {
+  const o = ut(t, e), y = ut(s, e);
+  return { dateFrom: o, dateTo: y, isValid: o !== null && y !== null };
+}
+var bt = Object.defineProperty, $t = Object.getOwnPropertyDescriptor, T = (t, s, e, o) => {
+  for (var y, c = o > 1 ? void 0 : o ? $t(s, e) : s, u = t.length - 1; u >= 0; u--) (y = t[u]) && (c = (o ? y(s, e, c) : y(c)) || c);
+  return o && c && bt(s, e, c), c;
+};
+i.extend(gt);
+let M = class extends ft() {
+  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 t = this.getDateFormat(), s = vt(this.dateFrom.value, this.dateTo.value, t);
+    if (s.isValid) this.dateFrom.value = s.dateFrom, this.dateTo.value = s.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) {
+    super.updated(t), !t.has("dateFrom") && !t.has("dateTo") || this.dateFrom?.value === void 0 && this.dateTo?.value === void 0 || this.updateSelectedDateRange();
+  }
+  initPresetRanges() {
+    const t = this.getDateFormat(), s = `${this.type}-${t}-${JSON.stringify(this.customPresets)}`;
+    if (this.memoizedPresets.has(s)) {
+      const e = this.memoizedPresets.get(s);
+      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(s, [...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 s = i(this.dateFrom.value), e = i(this.dateTo.value);
+    if (!s.isValid() || !e.isValid()) return void (this.selectedDateRange = this.placeholder);
+    const o = this.type === "datetime-local" ? s.format(" h:mm A") : "", y = this.type === "datetime-local" ? e.format(" h:mm A") : "";
+    s.isSame(e, "day") ? this.selectedDateRange = `${s.format("MMM D, YYYY")}${o}` : s.isSame(e, "month") && s.isSame(e, "year") ? this.selectedDateRange = `${s.format("MMM D")}-${e.format("D, YYYY")}${y}` : s.isSame(e, "year") ? this.selectedDateRange = `${s.format("MMM D")} - ${e.format("MMM D, YYYY")}${y}` : this.selectedDateRange = `${s.format("MMM D, YYYY")}${o} - ${e.format("MMM D, YYYY")}${y}`;
+  }
+  setDateRange(t, s) {
+    this.dateFrom.value = t, this.dateTo.value = s, this.updateSelectedDateRange(), this.announceToScreenReader(`Date range updated: ${this.selectedDateRange}`), this.dispatchEvent(new CustomEvent("change", { detail: { dateFrom: t, dateTo: s }, bubbles: !0, composed: !0 }));
+  }
+  handlePresetSelection(t, s) {
+    s.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" : "max-content", hideActions: !0 }).then(() => {
+      this.isOpen = !1;
+    });
+  }
+  closeDropdown() {
+    Z.dismiss(), this.isOpen = !1;
+  }
+  adjustQuarter(t, s, e) {
+    let o = t.quarter() + e * s, 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, s) {
+    if (s.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(($) => $.label === this.activePreset), F = e.date() === 1 && o.isSame(e.endOf("month"), "day"), N = e.isSame(e.startOf("quarter"), "day") && o.isSame(o.endOf("quarter"), "day"), x = 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 w = "day", f = 1;
+    if (P) w = P.step, f = 1;
+    else {
+      const $ = o.diff(e, "day");
+      $ >= 360 ? (w = "year", f = Math.round($ / 365)) : $ >= 90 ? (w = "quarter", f = Math.round($ / 90)) : $ >= 30 ? (w = "month", f = Math.round($ / 30)) : $ >= 7 ? (w = "week", f = Math.round($ / 7)) : (w = "day", f = $ + 1);
+    }
+    if (w === "quarter") N ? c > 0 ? (u = this.adjustQuarter(e, f, 1).startOf("quarter"), p = u.endOf("quarter")) : (u = this.adjustQuarter(e, f, -1).startOf("quarter"), p = u.endOf("quarter")) : c > 0 ? (u = this.adjustQuarter(e, f, 1), p = this.adjustQuarter(o, f, 1)) : (u = this.adjustQuarter(e, f, -1), p = this.adjustQuarter(o, f, -1));
+    else if (w === "hour") {
+      const $ = o.diff(e, "hour");
+      c > 0 ? (u = e.add($, "hour"), p = o.add($, "hour")) : (u = e.subtract($, "hour"), p = o.subtract($, "hour"));
+    } else w === "year" && x ? c > 0 ? (u = e.add(f, "year").startOf("year"), p = u.endOf("year")) : (u = e.subtract(f, "year").startOf("year"), p = u.endOf("year")) : w === "year" ? c > 0 ? (u = e.add(f, "year"), p = o.add(f, "year")) : (u = e.subtract(f, "year"), p = o.subtract(f, "year")) : w === "month" && F ? c > 0 ? (u = e.add(f, "month").startOf("month"), p = u.endOf("month")) : (u = e.subtract(f, "month").startOf("month"), p = u.endOf("month")) : w === "month" ? c > 0 ? (u = e.add(f, "month"), p = o.add(f, "month")) : (u = e.subtract(f, "month"), p = o.subtract(f, "month")) : w === "week" && C ? c > 0 ? (u = e.add(f, "week").startOf("week"), p = u.endOf("week")) : (u = e.subtract(f, "week").startOf("week"), p = u.endOf("week")) : w === "week" ? c > 0 ? (u = e.add(f, "week"), p = o.add(f, "week")) : (u = e.subtract(f, "week"), p = o.subtract(f, "week")) : c > 0 ? (u = e.add(f, "day"), p = o.add(f, "day")) : (u = e.subtract(f, "day"), p = o.subtract(f, "day"));
+    const E = u.format(y), U = p.format(y);
+    this.setDateRange(E, U), this.checkAndUpdateActivePreset(E, U);
+  }
+  handleKeyboardNavigation(t) {
+    const s = t.key;
+    if (this.dateFrom.value && this.dateTo.value && !this.disabled) switch (s) {
+      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, s) {
+    const e = this.presetRanges.find((o) => o.range.dateFrom === t && o.range.dateTo === s);
+    this.activePreset = e ? e.label : null;
+  }
+  applyManualDateSelection(t) {
+    t.stopPropagation();
+    const s = i(this.dateFrom.value), e = i(this.dateTo.value);
+    s.isValid() && e.isValid() ? (s.isAfter(e) ? this.setDateRange(e.format(this.getDateFormat()), s.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;
+  }
+  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="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="${K(this.minDate)}"
+									max="${K(this.maxDate)}"
+									readonly
+									@change="${(t) => {
+      const s = t.target;
+      this.dateFrom.value = s.value, this.updateSelectedDateRange();
+    }}"
+								></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="${K(this.dateFrom.value)}"
+									max="${K(this.maxDate)}"
+									readonly
+									@change="${(t) => {
+      const s = t.target;
+      this.dateTo.value = s.value, this.updateSelectedDateRange();
+    }}"
+								></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="${(t) => this.applyManualDateSelection(t)}"
+								?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((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((s) => J`
+												<schmancy-button
+													variant="${this.activePreset === s.label ? "filled" : "text"}"
+													class="w-full justify-start text-left"
+													@click="${(e) => this.handlePresetSelection(s, e)}"
+													aria-pressed="${this.activePreset === s.label}"
+													aria-label="${s.label}: ${s.range.dateFrom} to ${s.range.dateTo}"
+													title="${s.range.dateFrom} to ${s.range.dateTo}"
+												>
+													<span class="truncate">${s.label}</span>
+												</schmancy-button>
+											`)}
+									</div>
+								</div>
+							`)}
+					</div>
+				</div>
+			</div>
+		`;
+  }
+  announceToScreenReader(t) {
+    this.announceMessage = t, mt(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">
+					<section @click=${(t) => t.stopPropagation()} class="flex" >
+						<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>
+
+						<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>
+					</section>
+				</div>
+			</div>
+		`;
+  }
+};
+T([R({ type: String })], M.prototype, "type", 2), T([R({ type: Object })], M.prototype, "dateFrom", 2), T([R({ type: Object })], M.prototype, "dateTo", 2), T([R({ type: String })], M.prototype, "minDate", 2), T([R({ type: String })], M.prototype, "maxDate", 2), T([R({ type: Array })], M.prototype, "customPresets", 2), T([R({ type: String })], M.prototype, "format", 2), T([R({ type: Boolean })], M.prototype, "disabled", 2), T([R({ type: Boolean })], M.prototype, "required", 2), T([R({ type: String })], M.prototype, "placeholder", 2), T([R({ type: Boolean })], M.prototype, "clearable", 2), T([Q()], M.prototype, "isOpen", 2), T([Q()], M.prototype, "selectedDateRange", 2), T([Q()], M.prototype, "activePreset", 2), T([Q()], M.prototype, "announceMessage", 2), T([Q()], M.prototype, "isMobile", 2), M = T([pt("schmancy-date-range")], M);
+export {
+  M as S,
+  vt as v
+};
+//# sourceMappingURL=date-range-DStUXYx-.js.map