@mhmo91/schmancy 0.4.8 → 0.4.10

package/dist/date-range-Fij9AQth.js

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