@mhmo91/schmancy 0.4.38 → 0.4.40

package/dist/date-range-CTx08Buk.js

@@ -0,0 +1,652 @@
+import { fromEvent as se, takeUntil as G, debounceTime as ye, timer as ge } from "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { $ as ue } from "./litElement.mixin-BH9PTyUD.js";
+import "./tailwind.mixin-CaIkmP6j.js";
+import { property as T, customElement as ce, state as W } from "lit/decorators.js";
+import { g as he } from "./_commonjsHelpers-Dw9sPFZy.js";
+import { html as N } from "lit";
+import { $ as J } from "./dialog-service-DFMlRcXf.js";
+import { ifDefined as B } from "lit/directives/if-defined.js";
+var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
+  var t = 1e3, a = 6e4, e = 36e5, n = "millisecond", l = "second", r = "minute", c = "hour", f = "day", v = "week", $ = "month", Y = "quarter", O = "year", L = "date", ee = "Invalid Date", le = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, me = /\[([^\]]+)]|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, pe = { 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 o = ["th", "st", "nd", "rd"], s = h % 100;
+    return "[" + h + (o[(s - 20) % 10] || o[s] || o[0]) + "]";
+  } }, K = function(h, o, s) {
+    var d = String(h);
+    return !d || d.length >= o ? h : "" + Array(o + 1 - d.length).join(s) + h;
+  }, fe = { s: K, z: function(h) {
+    var o = -h.utcOffset(), s = Math.abs(o), d = Math.floor(s / 60), i = s % 60;
+    return (o <= 0 ? "+" : "-") + K(d, 2, "0") + ":" + K(i, 2, "0");
+  }, m: function h(o, s) {
+    if (o.date() < s.date()) return -h(s, o);
+    var d = 12 * (s.year() - o.year()) + (s.month() - o.month()), i = o.clone().add(d, $), m = s - i < 0, p = o.clone().add(d + (m ? -1 : 1), $);
+    return +(-(d + (s - i) / (m ? i - p : p - i)) || 0);
+  }, a: function(h) {
+    return h < 0 ? Math.ceil(h) || 0 : Math.floor(h);
+  }, p: function(h) {
+    return { M: $, y: O, w: v, d: f, D: L, h: c, m: r, s: l, ms: n, Q: Y }[h] || String(h || "").toLowerCase().replace(/s$/, "");
+  }, u: function(h) {
+    return h === void 0;
+  } }, E = "en", A = {};
+  A[E] = pe;
+  var te = "$isDayjsObject", Z = function(h) {
+    return h instanceof U || !(!h || !h[te]);
+  }, I = function h(o, s, d) {
+    var i;
+    if (!o) return E;
+    if (typeof o == "string") {
+      var m = o.toLowerCase();
+      A[m] && (i = m), s && (A[m] = s, i = m);
+      var p = o.split("-");
+      if (!i && p.length > 1) return h(p[0]);
+    } else {
+      var g = o.name;
+      A[g] = o, i = g;
+    }
+    return !d && i && (E = i), i || !d && E;
+  }, w = function(h, o) {
+    if (Z(h)) return h.clone();
+    var s = typeof o == "object" ? o : {};
+    return s.date = h, s.args = arguments, new U(s);
+  }, y = fe;
+  y.l = I, y.i = Z, y.w = function(h, o) {
+    return w(h, { locale: o.$L, utc: o.$u, x: o.$x, $offset: o.$offset });
+  };
+  var U = function() {
+    function h(s) {
+      this.$L = I(s.locale, null, !0), this.parse(s), this.$x = this.$x || s.x || {}, this[te] = !0;
+    }
+    var o = h.prototype;
+    return o.parse = function(s) {
+      this.$d = function(d) {
+        var i = d.date, m = d.utc;
+        if (i === null) return /* @__PURE__ */ new Date(NaN);
+        if (y.u(i)) return /* @__PURE__ */ new Date();
+        if (i instanceof Date) return new Date(i);
+        if (typeof i == "string" && !/Z$/i.test(i)) {
+          var p = i.match(le);
+          if (p) {
+            var g = p[2] - 1 || 0, b = (p[7] || "0").substring(0, 3);
+            return m ? new Date(Date.UTC(p[1], g, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, b)) : new Date(p[1], g, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, b);
+          }
+        }
+        return new Date(i);
+      }(s), this.init();
+    }, o.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();
+    }, o.$utils = function() {
+      return y;
+    }, o.isValid = function() {
+      return this.$d.toString() !== ee;
+    }, o.isSame = function(s, d) {
+      var i = w(s);
+      return this.startOf(d) <= i && i <= this.endOf(d);
+    }, o.isAfter = function(s, d) {
+      return w(s) < this.startOf(d);
+    }, o.isBefore = function(s, d) {
+      return this.endOf(d) < w(s);
+    }, o.$g = function(s, d, i) {
+      return y.u(s) ? this[d] : this.set(i, s);
+    }, o.unix = function() {
+      return Math.floor(this.valueOf() / 1e3);
+    }, o.valueOf = function() {
+      return this.$d.getTime();
+    }, o.startOf = function(s, d) {
+      var i = this, m = !!y.u(d) || d, p = y.p(s), g = function(H, k) {
+        var C = y.w(i.$u ? Date.UTC(i.$y, k, H) : new Date(i.$y, k, H), i);
+        return m ? C : C.endOf(f);
+      }, b = function(H, k) {
+        return y.w(i.toDate()[H].apply(i.toDate("s"), (m ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(k)), i);
+      }, F = this.$W, S = this.$M, x = this.$D, q = "set" + (this.$u ? "UTC" : "");
+      switch (p) {
+        case O:
+          return m ? g(1, 0) : g(31, 11);
+        case $:
+          return m ? g(1, S) : g(0, S + 1);
+        case v:
+          var _ = this.$locale().weekStart || 0, V = (F < _ ? F + 7 : F) - _;
+          return g(m ? x - V : x + (6 - V), S);
+        case f:
+        case L:
+          return b(q + "Hours", 0);
+        case c:
+          return b(q + "Minutes", 1);
+        case r:
+          return b(q + "Seconds", 2);
+        case l:
+          return b(q + "Milliseconds", 3);
+        default:
+          return this.clone();
+      }
+    }, o.endOf = function(s) {
+      return this.startOf(s, !1);
+    }, o.$set = function(s, d) {
+      var i, m = y.p(s), p = "set" + (this.$u ? "UTC" : ""), g = (i = {}, i[f] = p + "Date", i[L] = p + "Date", i[$] = p + "Month", i[O] = p + "FullYear", i[c] = p + "Hours", i[r] = p + "Minutes", i[l] = p + "Seconds", i[n] = p + "Milliseconds", i)[m], b = m === f ? this.$D + (d - this.$W) : d;
+      if (m === $ || m === O) {
+        var F = this.clone().set(L, 1);
+        F.$d[g](b), F.init(), this.$d = F.set(L, Math.min(this.$D, F.daysInMonth())).$d;
+      } else g && this.$d[g](b);
+      return this.init(), this;
+    }, o.set = function(s, d) {
+      return this.clone().$set(s, d);
+    }, o.get = function(s) {
+      return this[y.p(s)]();
+    }, o.add = function(s, d) {
+      var i, m = this;
+      s = Number(s);
+      var p = y.p(d), g = function(S) {
+        var x = w(m);
+        return y.w(x.date(x.date() + Math.round(S * s)), m);
+      };
+      if (p === $) return this.set($, this.$M + s);
+      if (p === O) return this.set(O, this.$y + s);
+      if (p === f) return g(1);
+      if (p === v) return g(7);
+      var b = (i = {}, i[r] = a, i[c] = e, i[l] = t, i)[p] || 1, F = this.$d.getTime() + s * b;
+      return y.w(F, this);
+    }, o.subtract = function(s, d) {
+      return this.add(-1 * s, d);
+    }, o.format = function(s) {
+      var d = this, i = this.$locale();
+      if (!this.isValid()) return i.invalidDate || ee;
+      var m = s || "YYYY-MM-DDTHH:mm:ssZ", p = y.z(this), g = this.$H, b = this.$m, F = this.$M, S = i.weekdays, x = i.months, q = i.meridiem, _ = function(k, C, j, z) {
+        return k && (k[C] || k(d, m)) || j[C].slice(0, z);
+      }, V = function(k) {
+        return y.s(g % 12 || 12, k, "0");
+      }, H = q || function(k, C, j) {
+        var z = k < 12 ? "AM" : "PM";
+        return j ? z.toLowerCase() : z;
+      };
+      return m.replace(me, function(k, C) {
+        return C || function(j) {
+          switch (j) {
+            case "YY":
+              return String(d.$y).slice(-2);
+            case "YYYY":
+              return y.s(d.$y, 4, "0");
+            case "M":
+              return F + 1;
+            case "MM":
+              return y.s(F + 1, 2, "0");
+            case "MMM":
+              return _(i.monthsShort, F, x, 3);
+            case "MMMM":
+              return _(x, F);
+            case "D":
+              return d.$D;
+            case "DD":
+              return y.s(d.$D, 2, "0");
+            case "d":
+              return String(d.$W);
+            case "dd":
+              return _(i.weekdaysMin, d.$W, S, 2);
+            case "ddd":
+              return _(i.weekdaysShort, d.$W, S, 3);
+            case "dddd":
+              return S[d.$W];
+            case "H":
+              return String(g);
+            case "HH":
+              return y.s(g, 2, "0");
+            case "h":
+              return V(1);
+            case "hh":
+              return V(2);
+            case "a":
+              return H(g, b, !0);
+            case "A":
+              return H(g, b, !1);
+            case "m":
+              return String(b);
+            case "mm":
+              return y.s(b, 2, "0");
+            case "s":
+              return String(d.$s);
+            case "ss":
+              return y.s(d.$s, 2, "0");
+            case "SSS":
+              return y.s(d.$ms, 3, "0");
+            case "Z":
+              return p;
+          }
+          return null;
+        }(k) || p.replace(":", "");
+      });
+    }, o.utcOffset = function() {
+      return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+    }, o.diff = function(s, d, i) {
+      var m, p = this, g = y.p(d), b = w(s), F = (b.utcOffset() - this.utcOffset()) * a, S = this - b, x = function() {
+        return y.m(p, b);
+      };
+      switch (g) {
+        case O:
+          m = x() / 12;
+          break;
+        case $:
+          m = x();
+          break;
+        case Y:
+          m = x() / 3;
+          break;
+        case v:
+          m = (S - F) / 6048e5;
+          break;
+        case f:
+          m = (S - F) / 864e5;
+          break;
+        case c:
+          m = S / e;
+          break;
+        case r:
+          m = S / a;
+          break;
+        case l:
+          m = S / t;
+          break;
+        default:
+          m = S;
+      }
+      return i ? m : y.a(m);
+    }, o.daysInMonth = function() {
+      return this.endOf($).$D;
+    }, o.$locale = function() {
+      return A[this.$L];
+    }, o.locale = function(s, d) {
+      if (!s) return this.$L;
+      var i = this.clone(), m = I(s, d, !0);
+      return m && (i.$L = m), i;
+    }, o.clone = function() {
+      return y.w(this.$d, this);
+    }, o.toDate = function() {
+      return new Date(this.valueOf());
+    }, o.toJSON = function() {
+      return this.isValid() ? this.toISOString() : null;
+    }, o.toISOString = function() {
+      return this.$d.toISOString();
+    }, o.toString = function() {
+      return this.$d.toUTCString();
+    }, h;
+  }(), ae = U.prototype;
+  return w.prototype = ae, [["$ms", n], ["$s", l], ["$m", r], ["$H", c], ["$W", f], ["$M", $], ["$y", O], ["$D", L]].forEach(function(h) {
+    ae[h[1]] = function(o) {
+      return this.$g(o, h[0], h[1]);
+    };
+  }), w.extend = function(h, o) {
+    return h.$i || (h(o, U, w), h.$i = !0), w;
+  }, w.locale = I, w.isDayjs = Z, w.unix = function(h) {
+    return w(1e3 * h);
+  }, w.en = A[E], w.Ls = A, w.p = {}, w;
+}()), ie.exports);
+const u = he(ve);
+var ne, Q, X, oe = { exports: {} };
+const be = he(ne ? oe.exports : (ne = 1, oe.exports = (Q = "month", X = "quarter", function(t, a) {
+  var e = a.prototype;
+  e.quarter = function(r) {
+    return this.$utils().u(r) ? Math.ceil((this.month() + 1) / 3) : this.month(this.month() % 3 + 3 * (r - 1));
+  };
+  var n = e.add;
+  e.add = function(r, c) {
+    return r = Number(r), this.$utils().p(c) === X ? this.add(3 * r, Q) : n.bind(this)(r, c);
+  };
+  var l = e.startOf;
+  e.startOf = function(r, c) {
+    var f = this.$utils(), v = !!f.u(c) || c;
+    if (f.p(r) === X) {
+      var $ = this.quarter() - 1;
+      return v ? this.month(3 * $).startOf(Q).startOf("day") : this.month(3 * $ + 2).endOf(Q).endOf("day");
+    }
+    return l.bind(this)(r, c);
+  };
+})));
+function $e(t, a) {
+  return t.map((e) => ({ label: `Last ${e} Days`, range: { dateFrom: u().subtract(e - 1, "days").startOf("day").format(a), dateTo: u().endOf("day").format(a) }, step: "day" }));
+}
+function De(t, a) {
+  return t.map((e) => ({ label: `Last ${e} Weeks`, range: { dateFrom: u().subtract(e, "weeks").startOf("week").format(a), dateTo: u().endOf("day").format(a) }, step: "week" }));
+}
+function Te(t, a) {
+  return t.map((e) => ({ label: `Last ${e} Months`, range: { dateFrom: u().subtract(e, "months").startOf("month").format(a), dateTo: u().endOf("day").format(a) }, step: "month" }));
+}
+function we(t, a) {
+  return t.map((e) => ({ label: `Last ${e} Quarters`, range: { dateFrom: u().subtract(e, "quarters").startOf("quarter").format(a), dateTo: u().endOf("day").format(a) }, step: "quarter" }));
+}
+function de(t, a) {
+  if (!t) return null;
+  const e = u(t);
+  return e.isValid() ? e.format(a) : null;
+}
+function Fe(t, a, e) {
+  const n = de(t, e), l = de(a, e);
+  return { dateFrom: n, dateTo: l, isValid: n !== null && l !== null };
+}
+var Me = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, R = (t, a, e, n) => {
+  for (var l, r = n > 1 ? void 0 : n ? Oe(a, e) : a, c = t.length - 1; c >= 0; c--) (l = t[c]) && (r = (n ? l(a, e, r) : l(r)) || r);
+  return n && r && Me(a, e, r), r;
+};
+let P = class extends ue() {
+  constructor() {
+    super(...arguments), this.type = "date", this.dateFrom = { label: "From", value: "" }, this.dateTo = { label: "To", value: "" }, this.activePreset = null, this.presetCategories = [];
+  }
+  handleFromDateChange(t) {
+    const a = t.target;
+    this.dateFrom = { ...this.dateFrom, value: a.value }, this.dateTo.value && u(this.dateFrom.value).isAfter(u(this.dateTo.value)) && (this.dateTo = { ...this.dateTo, value: this.dateFrom.value }), this.dispatchEvent(new CustomEvent("date-change", { detail: { dateFrom: this.dateFrom.value, dateTo: this.dateTo.value }, bubbles: !0, composed: !0 }));
+  }
+  handleToDateChange(t) {
+    const a = t.target;
+    this.dateTo = { ...this.dateTo, value: a.value }, this.dispatchEvent(new CustomEvent("date-change", { detail: { dateFrom: this.dateFrom.value, dateTo: this.dateTo.value }, bubbles: !0, composed: !0 }));
+  }
+  handlePresetSelection(t, a) {
+    a.stopPropagation(), this.dispatchEvent(new CustomEvent("preset-select", { detail: { preset: t }, bubbles: !0, composed: !0 })), J.dismiss();
+  }
+  applyManualDateSelection(t) {
+    t.stopPropagation();
+    const a = u(this.dateFrom.value), e = u(this.dateTo.value);
+    a.isValid() && e.isValid() ? (this.dispatchEvent(new CustomEvent("apply-dates", { detail: { dateFrom: this.dateFrom.value, dateTo: this.dateTo.value, swapIfNeeded: a.isAfter(e) }, bubbles: !0, composed: !0 })), J.dismiss()) : this.dispatchEvent(new CustomEvent("announce", { detail: { message: "Invalid date format. Please check your input." }, bubbles: !0, composed: !0 }));
+  }
+  render() {
+    return N`
+			<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}"
+								></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}"
+								></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) => N`
+								<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) => N`
+												<schmancy-button
+													variant="${this.activePreset === a.label ? "filled" : "text"}"
+													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>
+		`;
+  }
+};
+R([T({ type: String })], P.prototype, "type", 2), R([T({ type: Object })], P.prototype, "dateFrom", 2), R([T({ type: Object })], P.prototype, "dateTo", 2), R([T({ type: String })], P.prototype, "minDate", 2), R([T({ type: String })], P.prototype, "maxDate", 2), R([T({ type: String })], P.prototype, "activePreset", 2), R([T({ type: Array })], P.prototype, "presetCategories", 2), P = R([ce("schmancy-date-range-dialog")], P);
+var Se = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, M = (t, a, e, n) => {
+  for (var l, r = n > 1 ? void 0 : n ? ke(a, e) : a, c = t.length - 1; c >= 0; c--) (l = t[c]) && (r = (n ? l(a, e, r) : l(r)) || r);
+  return n && r && Se(a, e, r), r;
+};
+u.extend(be);
+let D = class extends ue() {
+  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(), a = Fe(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 = u().format(t);
+      this.dateFrom.value = e, this.dateTo.value = e, this.updateSelectedDateRange();
+    }
+    this.setupEventHandlers();
+  }
+  setupEventHandlers() {
+    se(document, "keydown").pipe(G(this.disconnecting)).subscribe((t) => {
+      this.handleKeyboardNavigation(t);
+    }), se(window, "resize").pipe(ye(150), G(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(), 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((n) => {
+        this.presetRanges.push(...n.presets);
+      });
+    }
+    if (this.presetCategories = function(e, n = !1) {
+      const l = [];
+      return n && l.push({ name: "Hours", presets: [{ label: "Last 24 Hours", range: { dateFrom: u().subtract(24, "hours").format(e), dateTo: u().format(e) }, step: "hour" }, { label: "Last 12 Hours", range: { dateFrom: u().subtract(12, "hours").format(e), dateTo: u().format(e) }, step: "hour" }] }), l.push({ name: "Days", presets: [{ label: "Today", range: { dateFrom: u().startOf("day").format(e), dateTo: u().endOf("day").format(e) }, step: "day" }, { label: "Yesterday", range: { dateFrom: u().subtract(1, "days").startOf("day").format(e), dateTo: u().subtract(1, "days").endOf("day").format(e) }, step: "day" }, ...$e([7, 14, 30, 60, 90], e)] }), l.push({ name: "Weeks", presets: [{ label: "This Week", range: { dateFrom: u().startOf("week").format(e), dateTo: u().endOf("week").format(e) }, step: "week" }, { label: "Last Week", range: { dateFrom: u().subtract(1, "weeks").startOf("week").format(e), dateTo: u().subtract(1, "weeks").endOf("week").format(e) }, step: "week" }, ...De([2, 4], e)] }), l.push({ name: "Months", presets: [{ label: "This Month", range: { dateFrom: u().startOf("month").format(e), dateTo: u().endOf("month").format(e) }, step: "month" }, { label: "Last Month", range: { dateFrom: u().subtract(1, "month").startOf("month").format(e), dateTo: u().subtract(1, "month").endOf("month").format(e) }, step: "month" }, ...Te([3, 6], e)] }), l.push({ name: "Quarters", presets: [{ label: "This Quarter", range: { dateFrom: u().startOf("quarter").format(e), dateTo: u().endOf("quarter").format(e) }, step: "quarter" }, { label: "Last Quarter", range: { dateFrom: u().subtract(1, "quarter").startOf("quarter").format(e), dateTo: u().subtract(1, "quarter").endOf("quarter").format(e) }, step: "quarter" }, ...we([2, 4], e)] }), l.push({ name: "Years", presets: [{ label: "This Year", range: { dateFrom: u().startOf("year").format(e), dateTo: u().endOf("year").format(e) }, step: "year" }, { label: "Last Year", range: { dateFrom: u().subtract(1, "year").startOf("year").format(e), dateTo: u().subtract(1, "year").endOf("year").format(e) }, step: "year" }, { label: "Year to Date", range: { dateFrom: u().startOf("year").format(e), dateTo: u().endOf("day").format(e) }, step: "day" }] }), l;
+    }(t, this.type === "datetime-local"), 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((n) => ({ label: n.label, range: { dateFrom: n.dateFrom, dateTo: n.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((a) => a.range.dateFrom === this.dateFrom.value && a.range.dateTo === this.dateTo.value);
+    if (t) return this.selectedDateRange = t.label, void (this.activePreset = t.label);
+    this.checkAndUpdateActivePreset(this.dateFrom.value, this.dateTo.value), this.activePreset = null, this.selectedDateRange = function(a, e, n, l) {
+      if (!a || !e) return l;
+      const r = u(a), c = u(e);
+      if (!r.isValid() || !c.isValid()) return l;
+      const f = n === "datetime-local" ? r.format(" h:mm A") : "", v = n === "datetime-local" ? c.format(" h:mm A") : "";
+      return r.isSame(c, "day") ? `${r.format("MMM D, YYYY")}${f}` : r.isSame(c, "month") && r.isSame(c, "year") ? `${r.format("MMM D")}-${c.format("D, YYYY")}${v}` : r.isSame(c, "year") ? `${r.format("MMM D")} - ${c.format("MMM D, YYYY")}${v}` : `${r.format("MMM D, YYYY")}${f} - ${c.format("MMM D, YYYY")}${v}`;
+    }(this.dateFrom.value, this.dateTo.value, this.type, this.placeholder);
+  }
+  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 }));
+  }
+  toggleDropdown(t) {
+    t.stopPropagation(), this.disabled || (this.isOpen ? this.closeDropdown() : this.openDropdown());
+  }
+  openDropdown() {
+    if (this.disabled || this.step !== void 0) return;
+    this.isOpen = !0;
+    const t = N`
+			<schmancy-date-range-dialog
+				.type="${this.type}"
+				.dateFrom="${this.dateFrom}"
+				.dateTo="${this.dateTo}"
+				.minDate="${this.minDate}"
+				.maxDate="${this.maxDate}"
+				.activePreset="${this.activePreset}"
+				.presetCategories="${this.presetCategories}"
+				@preset-select="${(a) => {
+      this.activePreset = a.detail.preset.label, this.setDateRange(a.detail.preset.range.dateFrom, a.detail.preset.range.dateTo);
+    }}"
+				@date-change="${() => this.updateSelectedDateRange()}"
+				@apply-dates="${(a) => {
+      const { dateFrom: e, dateTo: n, swapIfNeeded: l } = a.detail;
+      l ? this.setDateRange(n, e) : this.setDateRange(e, n);
+    }}"
+				@announce="${(a) => this.announceToScreenReader(a.detail.message)}"
+			></schmancy-date-range-dialog>
+		`;
+    J.component(t, { title: "Select Date Range", width: this.isMobile ? "100vw" : "800px", hideActions: !0 }).then(() => {
+      this.isOpen = !1;
+    });
+  }
+  closeDropdown() {
+    J.dismiss(), this.isOpen = !1;
+  }
+  shiftDateRange(t, a) {
+    if (a.stopPropagation(), !this.dateFrom.value || !this.dateTo.value) return;
+    const e = u(this.dateFrom.value), n = u(this.dateTo.value);
+    if (!e.isValid() || !n.isValid()) return;
+    const l = this.getDateFormat(), r = t > 0 ? 1 : -1;
+    let c, f;
+    if (this.step !== void 0) if (typeof this.step == "number") c = r > 0 ? e.add(this.step, "day") : e.subtract(this.step, "day"), f = r > 0 ? n.add(this.step, "day") : n.subtract(this.step, "day");
+    else switch (this.step) {
+      case "day": {
+        const v = n.diff(e, "day") + 1;
+        c = r > 0 ? e.add(v, "day") : e.subtract(v, "day"), f = r > 0 ? n.add(v, "day") : n.subtract(v, "day");
+        break;
+      }
+      case "week":
+        c = r > 0 ? e.add(1, "week") : e.subtract(1, "week"), f = r > 0 ? n.add(1, "week") : n.subtract(1, "week");
+        break;
+      case "month":
+        c = r > 0 ? e.add(1, "month") : e.subtract(1, "month"), f = r > 0 ? n.add(1, "month") : n.subtract(1, "month");
+        break;
+      case "year":
+        c = r > 0 ? e.add(1, "year") : e.subtract(1, "year"), f = r > 0 ? n.add(1, "year") : n.subtract(1, "year");
+    }
+    else {
+      const v = function(Y, O) {
+        return { isFullMonth: Y.date() === 1 && O.isSame(Y.endOf("month"), "day"), isFullQuarter: Y.isSame(Y.startOf("quarter"), "day") && O.isSame(O.endOf("quarter"), "day"), isFullYear: Y.isSame(Y.startOf("year"), "day") && O.isSame(O.endOf("year"), "day"), isFullWeek: Y.day() === 0 && O.day() === 6 && O.diff(Y, "days") === 6 };
+      }(e, n), $ = n.diff(e, "day") + 1;
+      v.isFullYear ? (c = r > 0 ? e.add(1, "year") : e.subtract(1, "year"), f = r > 0 ? n.add(1, "year") : n.subtract(1, "year")) : v.isFullMonth ? (c = r > 0 ? e.add(1, "month") : e.subtract(1, "month"), f = r > 0 ? n.add(1, "month") : n.subtract(1, "month")) : v.isFullWeek ? (c = r > 0 ? e.add(1, "week") : e.subtract(1, "week"), f = r > 0 ? n.add(1, "week") : n.subtract(1, "week")) : $ === 1 ? (c = r > 0 ? e.add(1, "day") : e.subtract(1, "day"), f = r > 0 ? n.add(1, "day") : n.subtract(1, "day")) : (c = r > 0 ? e.add($, "day") : e.subtract($, "day"), f = r > 0 ? n.add($, "day") : n.subtract($, "day"));
+    }
+    if (this.minDate) {
+      const v = u(this.minDate);
+      if (c.isBefore(v)) return;
+    }
+    if (this.maxDate) {
+      const v = u(this.maxDate);
+      if (f.isAfter(v)) return;
+    }
+    this.setDateRange(c.format(l), f.format(l)), this.checkAndUpdateActivePreset(c.format(l), f.format(l));
+  }
+  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 = u(this.dateFrom.value), n = u(this.dateTo.value), l = e.startOf("month"), r = n.diff(e, "day");
+          this.setDateRange(l.format(this.getDateFormat()), l.add(r, "day").format(this.getDateFormat())), t.preventDefault();
+        }
+        break;
+      case "End":
+        if (t.ctrlKey && (t.target === this || this.contains(t.target))) {
+          const e = u(this.dateFrom.value), n = u(this.dateTo.value), l = n.diff(e, "day"), r = n.endOf("month");
+          this.setDateRange(r.subtract(l, "day").format(this.getDateFormat()), r.format(this.getDateFormat())), t.preventDefault();
+        }
+    }
+  }
+  checkAndUpdateActivePreset(t, a) {
+    const e = this.presetRanges.find((n) => n.range.dateFrom === t && n.range.dateTo === a);
+    this.activePreset = e ? e.label : null;
+  }
+  checkMobileView() {
+    this.isMobile = window.innerWidth < 768;
+  }
+  announceToScreenReader(t) {
+    this.announceMessage = t, ge(100).pipe(G(this.disconnecting)).subscribe(() => {
+      this.announceMessage = "";
+    });
+  }
+  render() {
+    return N`
+			<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=${(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 ${this.step !== void 0 ? "pointer-events-none" : ""}"
+							variant="outlined"
+							type="button"
+							aria-haspopup="menu"
+							aria-expanded=${this.isOpen}
+							aria-label="Select date range. Current: ${this.selectedDateRange || "No date selected"}"
+							aria-readonly="${this.step !== void 0}"
+							@click=${(t) => this.toggleDropdown(t)}
+							?disabled=${this.disabled}
+						>
+							${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>
+		`;
+  }
+};
+M([T({ type: String })], D.prototype, "type", 2), M([T({ type: Object })], D.prototype, "dateFrom", 2), M([T({ type: Object })], D.prototype, "dateTo", 2), M([T({ type: String })], D.prototype, "minDate", 2), M([T({ type: String })], D.prototype, "maxDate", 2), M([T({ type: Array })], D.prototype, "customPresets", 2), M([T({ type: String })], D.prototype, "format", 2), M([T({ type: Boolean })], D.prototype, "disabled", 2), M([T({ type: Boolean })], D.prototype, "required", 2), M([T({ type: String })], D.prototype, "placeholder", 2), M([T({ type: Boolean })], D.prototype, "clearable", 2), M([T()], D.prototype, "step", 2), M([W()], D.prototype, "isOpen", 2), M([W()], D.prototype, "selectedDateRange", 2), M([W()], D.prototype, "activePreset", 2), M([W()], D.prototype, "announceMessage", 2), M([W()], D.prototype, "isMobile", 2), D = M([ce("schmancy-date-range")], D);
+export {
+  D as S,
+  Fe as v
+};
+//# sourceMappingURL=date-range-CTx08Buk.js.map