@mhmo91/schmancy 0.4.41 → 0.4.43

package/dist/{date-range-CTx08Buk.js → date-range-B7VG8UXD.js}

@@ -3,25 +3,25 @@ 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 { property as T, customElement as ce, state as j } from "lit/decorators.js";
 import { g as he } from "./_commonjsHelpers-Dw9sPFZy.js";
-import { html as N } from "lit";
+import { html as W } from "lit";
 import { $ as J } from "./dialog-service-DFMlRcXf.js";
-import { ifDefined as B } from "lit/directives/if-defined.js";
+import { ifDefined as z } 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;
+    var u = String(h);
+    return !u || u.length >= o ? h : "" + Array(o + 1 - u.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");
+    var o = -h.utcOffset(), s = Math.abs(o), u = Math.floor(s / 60), i = s % 60;
+    return (o <= 0 ? "+" : "-") + K(u, 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);
+    var u = 12 * (s.year() - o.year()) + (s.month() - o.month()), i = o.clone().add(u, $), m = s - i < 0, p = o.clone().add(u + (m ? -1 : 1), $);
+    return +(-(u + (s - i) / (m ? i - p : p - i)) || 0);
   }, a: function(h) {
     return h < 0 ? Math.ceil(h) || 0 : Math.floor(h);
   }, p: function(h) {
@@ -32,7 +32,7 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
   A[E] = pe;
   var te = "$isDayjsObject", Z = function(h) {
     return h instanceof U || !(!h || !h[te]);
-  }, I = function h(o, s, d) {
+  }, I = function h(o, s, u) {
     var i;
     if (!o) return E;
     if (typeof o == "string") {
@@ -44,7 +44,7 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
       var g = o.name;
       A[g] = o, i = g;
     }
-    return !d && i && (E = i), i || !d && E;
+    return !u && i && (E = i), i || !u && E;
   }, w = function(h, o) {
     if (Z(h)) return h.clone();
     var s = typeof o == "object" ? o : {};
@@ -59,8 +59,8 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
     }
     var o = h.prototype;
     return o.parse = function(s) {
-      this.$d = function(d) {
-        var i = d.date, m = d.utc;
+      this.$d = function(u) {
+        var i = u.date, m = u.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);
@@ -80,34 +80,34 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
       return y;
     }, o.isValid = function() {
       return this.$d.toString() !== ee;
-    }, o.isSame = function(s, d) {
+    }, o.isSame = function(s, u) {
       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);
+      return this.startOf(u) <= i && i <= this.endOf(u);
+    }, o.isAfter = function(s, u) {
+      return w(s) < this.startOf(u);
+    }, o.isBefore = function(s, u) {
+      return this.endOf(u) < w(s);
+    }, o.$g = function(s, u, i) {
+      return y.u(s) ? this[u] : 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);
+    }, o.startOf = function(s, u) {
+      var i = this, m = !!y.u(u) || u, p = y.p(s), g = function(H, S) {
+        var C = y.w(i.$u ? Date.UTC(i.$y, S, H) : new Date(i.$y, S, 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" : "");
+      }, b = function(H, S) {
+        return y.w(i.toDate()[H].apply(i.toDate("s"), (m ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(S)), i);
+      }, F = this.$W, k = 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);
+          return m ? g(1, k) : g(0, k + 1);
         case v:
-          var _ = this.$locale().weekStart || 0, V = (F < _ ? F + 7 : F) - _;
-          return g(m ? x - V : x + (6 - V), S);
+          var _ = this.$locale().weekStart || 0, N = (F < _ ? F + 7 : F) - _;
+          return g(m ? x - N : x + (6 - N), k);
         case f:
         case L:
           return b(q + "Hours", 0);
@@ -122,23 +122,23 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
       }
     }, 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;
+    }, o.$set = function(s, u) {
+      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 + (u - this.$W) : u;
       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.set = function(s, u) {
+      return this.clone().$set(s, u);
     }, o.get = function(s) {
       return this[y.p(s)]();
-    }, o.add = function(s, d) {
+    }, o.add = function(s, u) {
       var i, m = this;
       s = Number(s);
-      var p = y.p(d), g = function(S) {
+      var p = y.p(u), g = function(k) {
         var x = w(m);
-        return y.w(x.date(x.date() + Math.round(S * s)), m);
+        return y.w(x.date(x.date() + Math.round(k * s)), m);
       };
       if (p === $) return this.set($, this.$M + s);
       if (p === O) return this.set(O, this.$y + s);
@@ -146,26 +146,26 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
       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.subtract = function(s, u) {
+      return this.add(-1 * s, u);
     }, o.format = function(s) {
-      var d = this, i = this.$locale();
+      var u = 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;
+      var m = s || "YYYY-MM-DDTHH:mm:ssZ", p = y.z(this), g = this.$H, b = this.$m, F = this.$M, k = i.weekdays, x = i.months, q = i.meridiem, _ = function(S, C, V, B) {
+        return S && (S[C] || S(u, m)) || V[C].slice(0, B);
+      }, N = function(S) {
+        return y.s(g % 12 || 12, S, "0");
+      }, H = q || function(S, C, V) {
+        var B = S < 12 ? "AM" : "PM";
+        return V ? B.toLowerCase() : B;
       };
-      return m.replace(me, function(k, C) {
-        return C || function(j) {
-          switch (j) {
+      return m.replace(me, function(S, C) {
+        return C || function(V) {
+          switch (V) {
             case "YY":
-              return String(d.$y).slice(-2);
+              return String(u.$y).slice(-2);
             case "YYYY":
-              return y.s(d.$y, 4, "0");
+              return y.s(u.$y, 4, "0");
             case "M":
               return F + 1;
             case "MM":
@@ -175,25 +175,25 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
             case "MMMM":
               return _(x, F);
             case "D":
-              return d.$D;
+              return u.$D;
             case "DD":
-              return y.s(d.$D, 2, "0");
+              return y.s(u.$D, 2, "0");
             case "d":
-              return String(d.$W);
+              return String(u.$W);
             case "dd":
-              return _(i.weekdaysMin, d.$W, S, 2);
+              return _(i.weekdaysMin, u.$W, k, 2);
             case "ddd":
-              return _(i.weekdaysShort, d.$W, S, 3);
+              return _(i.weekdaysShort, u.$W, k, 3);
             case "dddd":
-              return S[d.$W];
+              return k[u.$W];
             case "H":
               return String(g);
             case "HH":
               return y.s(g, 2, "0");
             case "h":
-              return V(1);
+              return N(1);
             case "hh":
-              return V(2);
+              return N(2);
             case "a":
               return H(g, b, !0);
             case "A":
@@ -203,21 +203,21 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
             case "mm":
               return y.s(b, 2, "0");
             case "s":
-              return String(d.$s);
+              return String(u.$s);
             case "ss":
-              return y.s(d.$s, 2, "0");
+              return y.s(u.$s, 2, "0");
             case "SSS":
-              return y.s(d.$ms, 3, "0");
+              return y.s(u.$ms, 3, "0");
             case "Z":
               return p;
           }
           return null;
-        }(k) || p.replace(":", "");
+        }(S) || 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() {
+    }, o.diff = function(s, u, i) {
+      var m, p = this, g = y.p(u), b = w(s), F = (b.utcOffset() - this.utcOffset()) * a, k = this - b, x = function() {
         return y.m(p, b);
       };
       switch (g) {
@@ -231,31 +231,31 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
           m = x() / 3;
           break;
         case v:
-          m = (S - F) / 6048e5;
+          m = (k - F) / 6048e5;
           break;
         case f:
-          m = (S - F) / 864e5;
+          m = (k - F) / 864e5;
           break;
         case c:
-          m = S / e;
+          m = k / e;
           break;
         case r:
-          m = S / a;
+          m = k / a;
           break;
         case l:
-          m = S / t;
+          m = k / t;
           break;
         default:
-          m = S;
+          m = k;
       }
       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) {
+    }, o.locale = function(s, u) {
       if (!s) return this.$L;
-      var i = this.clone(), m = I(s, d, !0);
+      var i = this.clone(), m = I(s, u, !0);
       return m && (i.$L = m), i;
     }, o.clone = function() {
       return y.w(this.$d, this);
@@ -279,7 +279,7 @@ var re, ie = { exports: {} }, ve = (re || (re = 1, ie.exports = function() {
     return w(1e3 * h);
   }, w.en = A[E], w.Ls = A, w.p = {}, w;
 }()), ie.exports);
-const u = he(ve);
+const d = 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;
@@ -301,20 +301,20 @@ const be = he(ne ? oe.exports : (ne = 1, oe.exports = (Q = "month", X = "quarter
   };
 })));
 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" }));
+  return t.map((e) => ({ label: `Last ${e} Days`, range: { dateFrom: d().subtract(e - 1, "days").startOf("day").format(a), dateTo: d().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" }));
+  return t.map((e) => ({ label: `Last ${e} Weeks`, range: { dateFrom: d().subtract(e, "weeks").startOf("week").format(a), dateTo: d().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" }));
+  return t.map((e) => ({ label: `Last ${e} Months`, range: { dateFrom: d().subtract(e, "months").startOf("month").format(a), dateTo: d().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" }));
+  return t.map((e) => ({ label: `Last ${e} Quarters`, range: { dateFrom: d().subtract(e, "quarters").startOf("quarter").format(a), dateTo: d().endOf("day").format(a) }, step: "quarter" }));
 }
 function de(t, a) {
   if (!t) return null;
-  const e = u(t);
+  const e = d(t);
   return e.isValid() ? e.format(a) : null;
 }
 function Fe(t, a, e) {
@@ -331,7 +331,7 @@ let P = class extends ue() {
   }
   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 }));
+    this.dateFrom = { ...this.dateFrom, value: a.value }, this.dateTo.value && d(this.dateFrom.value).isAfter(d(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;
@@ -342,11 +342,11 @@ let P = class extends ue() {
   }
   applyManualDateSelection(t) {
     t.stopPropagation();
-    const a = u(this.dateFrom.value), e = u(this.dateTo.value);
+    const a = d(this.dateFrom.value), e = d(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`
+    return W`
 			<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">
@@ -360,8 +360,8 @@ let P = class extends ue() {
 								<schmancy-input
 									type="${this.type}"
 									.value="${this.dateFrom.value}"
-									min="${B(this.minDate)}"
-									max="${B(this.maxDate)}"
+									min="${z(this.minDate)}"
+									max="${z(this.maxDate)}"
 									@change="${this.handleFromDateChange}"
 								></schmancy-input>
 							</div>
@@ -374,8 +374,8 @@ let P = class extends ue() {
 								<schmancy-input
 									type="${this.type}"
 									.value="${this.dateTo.value}"
-									min="${B(this.dateFrom.value)}"
-									max="${B(this.maxDate)}"
+									min="${z(this.dateFrom.value)}"
+									max="${z(this.maxDate)}"
 									@change="${this.handleToDateChange}"
 								></schmancy-input>
 							</div>
@@ -397,13 +397,13 @@ let P = class extends ue() {
 				<!-- 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`
+						${this.presetCategories.map((t) => W`
 								<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`
+										${t.presets.map((a) => W`
 												<schmancy-button
 													variant="${this.activePreset === a.label ? "filled" : "text"}"
 													class="w-full justify-start text-left"
@@ -425,11 +425,11 @@ let P = class extends ue() {
   }
 };
 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;
+var ke = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, M = (t, a, e, n) => {
+  for (var l, r = n > 1 ? void 0 : n ? Se(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 && ke(a, e, r), r;
 };
-u.extend(be);
+d.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();
@@ -439,7 +439,7 @@ let D = class extends ue() {
     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);
+      const e = d().format(t);
       this.dateFrom.value = e, this.dateTo.value = e, this.updateSelectedDateRange();
     }
     this.setupEventHandlers();
@@ -467,7 +467,7 @@ let D = class extends ue() {
     }
     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;
+      return n && l.push({ name: "Hours", presets: [{ label: "Last 24 Hours", range: { dateFrom: d().subtract(24, "hours").format(e), dateTo: d().format(e) }, step: "hour" }, { label: "Last 12 Hours", range: { dateFrom: d().subtract(12, "hours").format(e), dateTo: d().format(e) }, step: "hour" }] }), l.push({ name: "Days", presets: [{ label: "Today", range: { dateFrom: d().startOf("day").format(e), dateTo: d().endOf("day").format(e) }, step: "day" }, { label: "Yesterday", range: { dateFrom: d().subtract(1, "days").startOf("day").format(e), dateTo: d().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: d().startOf("week").format(e), dateTo: d().endOf("week").format(e) }, step: "week" }, { label: "Last Week", range: { dateFrom: d().subtract(1, "weeks").startOf("week").format(e), dateTo: d().subtract(1, "weeks").endOf("week").format(e) }, step: "week" }, ...De([2, 4], e)] }), l.push({ name: "Months", presets: [{ label: "This Month", range: { dateFrom: d().startOf("month").format(e), dateTo: d().endOf("month").format(e) }, step: "month" }, { label: "Last Month", range: { dateFrom: d().subtract(1, "month").startOf("month").format(e), dateTo: d().subtract(1, "month").endOf("month").format(e) }, step: "month" }, ...Te([3, 6], e)] }), l.push({ name: "Quarters", presets: [{ label: "This Quarter", range: { dateFrom: d().startOf("quarter").format(e), dateTo: d().endOf("quarter").format(e) }, step: "quarter" }, { label: "Last Quarter", range: { dateFrom: d().subtract(1, "quarter").startOf("quarter").format(e), dateTo: d().subtract(1, "quarter").endOf("quarter").format(e) }, step: "quarter" }, ...we([2, 4], e)] }), l.push({ name: "Years", presets: [{ label: "This Year", range: { dateFrom: d().startOf("year").format(e), dateTo: d().endOf("year").format(e) }, step: "year" }, { label: "Last Year", range: { dateFrom: d().subtract(1, "year").startOf("year").format(e), dateTo: d().subtract(1, "year").endOf("year").format(e) }, step: "year" }, { label: "Year to Date", range: { dateFrom: d().startOf("year").format(e), dateTo: d().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) {
@@ -484,7 +484,7 @@ let D = class extends ue() {
     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);
+      const r = d(a), c = d(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}`;
@@ -494,12 +494,12 @@ let D = class extends ue() {
     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());
+    t.stopPropagation(), this.disabled || this.step !== void 0 || (this.isOpen ? this.closeDropdown() : this.openDropdown());
   }
   openDropdown() {
     if (this.disabled || this.step !== void 0) return;
     this.isOpen = !0;
-    const t = N`
+    const t = W`
 			<schmancy-date-range-dialog
 				.type="${this.type}"
 				.dateFrom="${this.dateFrom}"
@@ -528,7 +528,7 @@ let D = class extends ue() {
   }
   shiftDateRange(t, a) {
     if (a.stopPropagation(), !this.dateFrom.value || !this.dateTo.value) return;
-    const e = u(this.dateFrom.value), n = u(this.dateTo.value);
+    const e = d(this.dateFrom.value), n = d(this.dateTo.value);
     if (!e.isValid() || !n.isValid()) return;
     const l = this.getDateFormat(), r = t > 0 ? 1 : -1;
     let c, f;
@@ -555,11 +555,11 @@ let D = class extends ue() {
       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);
+      const v = d(this.minDate);
       if (c.isBefore(v)) return;
     }
     if (this.maxDate) {
-      const v = u(this.maxDate);
+      const v = d(this.maxDate);
       if (f.isAfter(v)) return;
     }
     this.setDateRange(c.format(l), f.format(l)), this.checkAndUpdateActivePreset(c.format(l), f.format(l));
@@ -575,13 +575,13 @@ let D = class extends ue() {
         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");
+          const e = d(this.dateFrom.value), n = d(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");
+          const e = d(this.dateFrom.value), n = d(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();
         }
     }
@@ -593,13 +593,23 @@ let D = class extends ue() {
   checkMobileView() {
     this.isMobile = window.innerWidth < 768;
   }
+  canNavigateBackward() {
+    if (!this.dateFrom.value || !this.minDate) return !0;
+    const t = d(this.dateFrom.value), a = d(this.minDate);
+    return t.isAfter(a);
+  }
+  canNavigateForward() {
+    if (!this.dateTo.value || !this.maxDate) return !0;
+    const t = d(this.dateTo.value), a = d(this.maxDate);
+    return t.isBefore(a);
+  }
   announceToScreenReader(t) {
     this.announceMessage = t, ge(100).pipe(G(this.disconnecting)).subscribe(() => {
       this.announceMessage = "";
     });
   }
   render() {
-    return N`
+    return W`
 			<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">
@@ -612,13 +622,13 @@ let D = class extends ue() {
 							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}
+							?disabled=${this.disabled || !this.dateFrom.value || !this.dateTo.value || !this.canNavigateBackward()}
 						>
 							arrow_left
 						</schmancy-icon-button>
 
 						<schmancy-button
-							class="w-max ${this.step !== void 0 ? "pointer-events-none" : ""}"
+							class="w-max"
 							variant="outlined"
 							type="button"
 							aria-haspopup="menu"
@@ -627,6 +637,7 @@ let D = class extends ue() {
 							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>
@@ -635,7 +646,7 @@ let D = class extends ue() {
 							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}
+							?disabled=${this.disabled || !this.dateFrom.value || !this.dateTo.value || !this.canNavigateForward()}
 						>
 							arrow_right
 						</schmancy-icon-button>
@@ -644,9 +655,9 @@ let D = class extends ue() {
 		`;
   }
 };
-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);
+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([j()], D.prototype, "isOpen", 2), M([j()], D.prototype, "selectedDateRange", 2), M([j()], D.prototype, "activePreset", 2), M([j()], D.prototype, "announceMessage", 2), M([j()], D.prototype, "isMobile", 2), D = M([ce("schmancy-date-range")], D);
 export {
   D as S,
   Fe as v
 };
-//# sourceMappingURL=date-range-CTx08Buk.js.map
+//# sourceMappingURL=date-range-B7VG8UXD.js.map