@mhmo91/schmancy 0.7.6 → 0.8.3

package/dist/date-range-BdIqI7LC.js

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