@featherk/composables 0.6.19 → 0.7.2

package/dist/featherk-composables.es.js

@@ -1,8 +1,8 @@
-import { ref as J, onBeforeUnmount as Ie, nextTick as j, computed as b, watch as ge, onMounted as xe, readonly as G, getCurrentScope as Le, onScopeDispose as Te, toValue as de, unref as Fe, shallowRef as Re } from "vue";
+import { ref as Q, onBeforeUnmount as Ie, nextTick as j, computed as b, watch as ge, onMounted as xe, readonly as G, getCurrentScope as Le, onScopeDispose as Te, toValue as de, unref as Re, shallowRef as Fe } from "vue";
 import { useFocusTrap as qe } from "@vueuse/integrations/useFocusTrap";
 const _e = (e, t) => {
-  const s = J(null);
-  let O = !1, $ = null, P = null;
+  const s = Q(null);
+  let N = !1, q = null, U = null;
   const H = [], x = ".k-table-row[data-grid-row-index] [tabindex]", D = () => {
     const a = e?.value?.$el;
     return a ? a.closest(".k-grid") : null;
@@ -16,7 +16,7 @@ const _e = (e, t) => {
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
     return c ? m.contains(c) : !1;
-  }, w = (a) => a.key === "Enter" || a.code === "Enter" || a.code === "NumpadEnter", I = () => e?.value?.columns, A = (a) => {
+  }, w = (a) => a.key === "Enter" || a.code === "Enter" || a.code === "NumpadEnter", C = () => e?.value?.columns, A = (a) => {
     const m = a.key || a.code;
     ([" ", "Spacebar", "Space"].includes(m) || w(a)) && (a.preventDefault(), a.stopPropagation(), s.value = a.target, a.target.click());
   }, E = (a) => {
@@ -50,8 +50,8 @@ const _e = (e, t) => {
         const h = f.findIndex(
           (W) => W === document.activeElement
         );
-        let T;
-        h === -1 ? T = 0 : a.shiftKey ? T = (h - 1 + f.length) % f.length : T = (h + 1) % f.length, a.preventDefault(), a.stopPropagation(), f[T]?.focus();
+        let I;
+        h === -1 ? I = 0 : a.shiftKey ? I = (h - 1 + f.length) % f.length : I = (h + 1) % f.length, a.preventDefault(), a.stopPropagation(), f[I]?.focus();
       }
     } else if (a.code === "ArrowUp" || a.code === "ArrowDown") {
       a.preventDefault(), a.stopPropagation();
@@ -69,8 +69,8 @@ const _e = (e, t) => {
         "button, [role='button'], .k-link"
       )?.focus();
     }
-  }, L = () => {
-    $ = new MutationObserver((a) => {
+  }, P = () => {
+    q = new MutationObserver((a) => {
       a.forEach((m) => {
         m.addedNodes.forEach((i) => {
           if (i.nodeType === Node.ELEMENT_NODE) {
@@ -88,14 +88,14 @@ const _e = (e, t) => {
                 E
               ), j(() => {
                 const h = () => {
-                  const T = Array.from(
+                  const I = Array.from(
                     c.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
-                  if (T.length === 1)
-                    T[0].focus(), T[0].click(), h.attempts = 0;
-                  else if (T.length > 1) {
+                  if (I.length === 1)
+                    I[0].focus(), I[0].click(), h.attempts = 0;
+                  else if (I.length > 1) {
                     h.attempts = 0;
                     return;
                   } else
@@ -130,11 +130,11 @@ const _e = (e, t) => {
           }
         });
       });
-    }), $.observe(document.body, {
+    }), q.observe(document.body, {
       childList: !0,
       subtree: !0
     });
-  }, K = (a) => {
+  }, O = (a) => {
     const m = a.tagName.toLowerCase();
     return !!(["input", "textarea", "select", "button"].includes(m) || a.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
@@ -152,7 +152,7 @@ const _e = (e, t) => {
     const c = ["ArrowLeft", "ArrowRight"].includes(
       a.code
     );
-    if (!(K(m) && !(i && c))) {
+    if (!(O(m) && !(i && c))) {
       if (a.code === "Escape") {
         const y = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
         if (y) {
@@ -185,8 +185,8 @@ const _e = (e, t) => {
         if (i) {
           if (["ArrowDown", "ArrowUp"].includes(a.code)) {
             a.preventDefault(), a.stopPropagation();
-            const y = (h, T) => {
-              let W = T === "next" ? h.nextElementSibling : h.previousElementSibling;
+            const y = (h, I) => {
+              let W = I === "next" ? h.nextElementSibling : h.previousElementSibling;
               for (; W; ) {
                 const o = W;
                 try {
@@ -194,7 +194,7 @@ const _e = (e, t) => {
                     return o;
                 } catch {
                 }
-                W = T === "next" ? W.nextElementSibling : W.previousElementSibling;
+                W = I === "next" ? W.nextElementSibling : W.previousElementSibling;
               }
               return null;
             }, f = a.code === "ArrowDown" ? y(i, "next") : y(i, "previous");
@@ -225,8 +225,8 @@ const _e = (e, t) => {
       const a = e.value.$el.closest(".k-grid");
       a && a.classList.add("fk-grid");
     });
-  }, q = () => {
-    if (!P)
+  }, R = () => {
+    if (!U)
       try {
         const a = () => {
           try {
@@ -258,9 +258,9 @@ const _e = (e, t) => {
           c.setAttribute("tabindex", y === 0 ? "0" : "-1");
         });
         const i = e.value.$el.querySelector(".k-table-tbody");
-        i && (P = new MutationObserver(() => {
+        i && (U = new MutationObserver(() => {
           a();
-        }), P.observe(i, { childList: !0, subtree: !0 }));
+        }), U.observe(i, { childList: !0, subtree: !0 }));
       } catch (a) {
         console.error("Error setting up row navigation:", a);
       }
@@ -272,7 +272,7 @@ const _e = (e, t) => {
           "keydown",
           A
         );
-      }), L(), ee();
+      }), P(), ee();
     });
   }, _ = () => {
     const m = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
@@ -281,7 +281,7 @@ const _e = (e, t) => {
         "keydown",
         A
       );
-    }), $ && ($.disconnect(), $ = null), P && (P.disconnect(), P = null), H.forEach((i) => i()), H.length = 0;
+    }), q && (q.disconnect(), q = null), U && (U.disconnect(), U = null), H.forEach((i) => i()), H.length = 0;
   }, ee = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
@@ -292,7 +292,7 @@ const _e = (e, t) => {
         ".k-grid-header-menu.k-grid-column-menu"
       );
       if (!y) return;
-      const f = I();
+      const f = C();
       if (f && f[c]) {
         const v = f[c].field ?? "";
         i.setAttribute("data-feather-k-field", v), i.setAttribute(
@@ -303,29 +303,29 @@ const _e = (e, t) => {
           f[c].sortable === !1 ? "false" : "true"
         );
       }
-      const h = i.dataset.featherKFilterable !== "false", T = i.dataset.featherKSortable !== "false";
-      y.setAttribute("tabindex", "-1"), h || T ? i.style.cursor = "pointer" : i.style.cursor = "default", h ? (i.setAttribute("tabindex", "0"), i.setAttribute("role", "button"), i.setAttribute("aria-haspopup", "menu")) : (i.setAttribute("tabindex", "0"), i.setAttribute("role", "columnheader"), i.removeAttribute("aria-haspopup"));
+      const h = i.dataset.featherKFilterable !== "false", I = i.dataset.featherKSortable !== "false";
+      y.setAttribute("tabindex", "-1"), h || I ? i.style.cursor = "pointer" : i.style.cursor = "default", h ? (i.setAttribute("tabindex", "0"), i.setAttribute("role", "button"), i.setAttribute("aria-haspopup", "menu")) : (i.setAttribute("tabindex", "0"), i.setAttribute("role", "columnheader"), i.removeAttribute("aria-haspopup"));
       const W = (v) => {
         v.target?.closest(".k-column-resizer") || (s.value = i, y.click());
       }, o = (v) => {
         if (h)
           s.value = i, v.preventDefault(), v.stopPropagation(), W(v);
-        else if (T) {
+        else if (I) {
           s.value = i;
-          const R = i.querySelector(".k-link");
-          R && R.click();
+          const T = i.querySelector(".k-link");
+          T && T.click();
         }
       };
       i.addEventListener("click", o), H.push(() => {
         i.removeEventListener("click", o);
       });
       const d = (v) => {
-        if ((w(v) || v.code === "Space") && (h || T)) {
+        if ((w(v) || v.code === "Space") && (h || I)) {
           if (v.preventDefault(), v.stopPropagation(), s.value = i, s.value.focus(), h)
             W(v);
-          else if (T) {
-            const R = i.querySelector(".k-link");
-            R && R.click();
+          else if (I) {
+            const T = i.querySelector(".k-link");
+            T && T.click();
           }
         }
       };
@@ -353,9 +353,9 @@ const _e = (e, t) => {
       }), m.dataset.featherKHeaderBound = "true";
     }
   }, te = function(a, m) {
-    const i = a?.event?.event.target, c = I();
+    const i = a?.event?.event.target, c = C();
     if (!i || !c) return;
-    const y = i.classList.contains("k-grid-header-menu"), f = i.classList.contains("k-columnmenu-item"), h = c.find((T) => T.field === a?.event?.field)?.sortable && !0;
+    const y = i.classList.contains("k-grid-header-menu"), f = i.classList.contains("k-columnmenu-item"), h = c.find((I) => I.field === a?.event?.field)?.sortable && !0;
     if (!y) {
       if (f && !h) {
         a?.event?.sort?.filter(
@@ -370,9 +370,9 @@ const _e = (e, t) => {
       });
     }
   }, le = () => {
-    if (!O)
+    if (!N)
       try {
-        S(), q(), X(), O = !0;
+        S(), R(), X(), N = !0;
       } catch (a) {
         console.error("initA11y failed:", a), _();
       }
@@ -385,9 +385,13 @@ const _e = (e, t) => {
     handleSortChange: te,
     initA11y: le
   };
-};
-function ze(e) {
-  const t = J(""), s = J(void 0), O = J(!!e.debug), $ = J(e.dateFormat ?? "mm/dd/yyyy"), P = b(() => !!e.required), H = J(!1), x = ["ArrowUp", "ArrowDown"], D = ["ArrowLeft", "ArrowRight"], k = b(() => (t.value ?? "").replace(/\D/g, "")), w = (o) => o <= 2 ? "mm" : o <= 5 ? "dd" : k.value.length <= 10 ? "yyyy" : "mm", I = b(() => {
+}, Ue = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Oe = (e) => !!e && typeof e == "object" && "field" in e, $e = (e, t) => !e || typeof e != "object" ? !1 : Ue(e) ? e.filters.some(
+  (s) => $e(s, t)
+) : Oe(e) ? e.field === t : !1, ze = (e) => (t) => e.value?.filters && e.value.filters.some(
+  (s) => $e(s, t)
+) ? "active" : "";
+function Xe(e) {
+  const t = Q(""), s = Q(void 0), N = Q(!!e.debug), q = Q(e.dateFormat ?? "mm/dd/yyyy"), U = b(() => !!e.required), H = Q(!1), x = ["ArrowUp", "ArrowDown"], D = ["ArrowLeft", "ArrowRight"], k = b(() => (t.value ?? "").replace(/\D/g, "")), w = (o) => o <= 2 ? "mm" : o <= 5 ? "dd" : k.value.length <= 10 ? "yyyy" : "mm", C = b(() => {
     const o = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(o).toString().padStart(2, "0");
   }), A = b(() => {
@@ -396,7 +400,7 @@ function ze(e) {
   }), E = b(() => {
     const o = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(o).toString().padStart(4, "0");
-  }), L = (o) => {
+  }), P = (o) => {
     if (k.value.length === 0) {
       e.onChange({ value: null, event: o });
       return;
@@ -406,61 +410,61 @@ function ze(e) {
       return;
     }
     if ((t.value ?? "").length === 10 && k.value.length === 8) {
-      const [d, v, R] = t.value.split("/"), B = parseInt(d), V = parseInt(v), Z = parseInt(R);
-      if (X(Z, B, V)) {
-        const ie = new Date(Z, B - 1, V);
-        K(ie) ? e.onChange({ value: ie, event: o }) : e.onChange({ value: null, event: o });
+      const [d, v, T] = t.value.split("/"), K = parseInt(d), B = parseInt(v), Z = parseInt(T);
+      if (X(Z, K, B)) {
+        const ie = new Date(Z, K - 1, B);
+        O(ie) ? e.onChange({ value: ie, event: o }) : e.onChange({ value: null, event: o });
       } else
         e.onChange({ value: null, event: o });
     }
-  }, K = (o) => {
+  }, O = (o) => {
     const d = e.min ?? void 0, v = e.max ?? void 0;
     return !(d && o < d || v && o > v);
   }, p = b(() => {
     if ((t.value ?? "").length === 10 && k.value.length === 8) {
-      const [o, d, v] = (t.value ?? "").split("/"), R = parseInt(o), B = parseInt(d), V = parseInt(v);
-      if (X(V, R, B))
-        return new Date(V, R - 1, B);
+      const [o, d, v] = (t.value ?? "").split("/"), T = parseInt(o), K = parseInt(d), B = parseInt(v);
+      if (X(B, T, K))
+        return new Date(B, T - 1, K);
     }
     return null;
-  }), S = b(() => (t.value ?? "").length === 10 && k.value.length === 8), q = (o, d) => new Date(o, d, 0).getDate(), X = (o, d, v) => d >= 1 && d <= 12 && o >= 1900 && v >= 1 && v <= q(o, d), _ = (o) => {
+  }), S = b(() => (t.value ?? "").length === 10 && k.value.length === 8), R = (o, d) => new Date(o, d, 0).getDate(), X = (o, d, v) => d >= 1 && d <= 12 && o >= 1900 && v >= 1 && v <= R(o, d), _ = (o) => {
     t.value = o.value;
     const d = o.event?.target;
-    s.value = d?.selectionStart ?? 0, L(o);
+    s.value = d?.selectionStart ?? 0, P(o);
   }, ee = (o) => {
     s.value = o.target.selectionStart ?? 0;
   }, te = (o, d, v) => {
-    const R = d?.selectionStart ?? s.value ?? 0;
-    s.value = R;
-    let B = parseInt(I.value), V = parseInt(A.value), Z = parseInt(E.value);
-    if (!(k.value.length >= 8) || !X(Z, B, V)) {
+    const T = d?.selectionStart ?? s.value ?? 0;
+    s.value = T;
+    let K = parseInt(C.value), B = parseInt(A.value), Z = parseInt(E.value);
+    if (!(k.value.length >= 8) || !X(Z, K, B)) {
       const z = e.defaultValue ?? /* @__PURE__ */ new Date();
-      B = z.getMonth() + 1, V = z.getDate(), Z = z.getFullYear(), t.value = `${String(B).padStart(2, "0")}/${String(V).padStart(
+      K = z.getMonth() + 1, B = z.getDate(), Z = z.getFullYear(), t.value = `${String(K).padStart(2, "0")}/${String(B).padStart(
         2,
         "0"
       )}/${String(Z)}`;
-      const U = new Date(Z, B - 1, V);
-      e.onChange({ value: K(U) ? U : null, event: v }), c({ useRAF: !0 });
+      const F = new Date(Z, K - 1, B);
+      e.onChange({ value: O(F) ? F : null, event: v }), c({ useRAF: !0 });
       return;
     }
-    const r = w(R);
+    const r = w(T);
     if (r === "mm")
-      B = o === "ArrowUp" ? B < 12 ? B + 1 : 1 : B > 1 ? B - 1 : 12;
+      K = o === "ArrowUp" ? K < 12 ? K + 1 : 1 : K > 1 ? K - 1 : 12;
     else if (r === "dd") {
-      const z = new Date(Z, B, 0).getDate();
-      V = o === "ArrowUp" ? V < z ? V + 1 : 1 : V > 1 ? V - 1 : z;
+      const z = new Date(Z, K, 0).getDate();
+      B = o === "ArrowUp" ? B < z ? B + 1 : 1 : B > 1 ? B - 1 : z;
     } else r === "yyyy" && (Z = o === "ArrowUp" ? Z + 1 : Math.max(1, Z - 1));
-    t.value = `${String(B).padStart(2, "0")}/${String(V).padStart(
+    t.value = `${String(K).padStart(2, "0")}/${String(B).padStart(
       2,
       "0"
     )}/${String(Z)}`;
-    const [l, C, F] = t.value.split("/"), N = new Date(
-      parseInt(F),
+    const [l, $, L] = t.value.split("/"), V = new Date(
+      parseInt(L),
       parseInt(l) - 1,
-      parseInt(C)
+      parseInt($)
     );
-    N.toString() !== "Invalid Date" && parseInt(F) >= 1e3 ? e.onChange({
-      value: K(N) ? N : null,
+    V.toString() !== "Invalid Date" && parseInt(L) >= 1e3 ? e.onChange({
+      value: O(V) ? V : null,
       event: v
     }) : e.onChange({ value: null, event: v }), c({ useRAF: !0 });
   }, le = (o) => {
@@ -494,7 +498,7 @@ function ze(e) {
       s.value = d?.selectionStart ?? 0;
     }
   }, i = (o) => {
-    H.value = !0, P.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && k.value.length === 0 && (e.externalValue.value = "");
+    H.value = !0, U.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && k.value.length === 0 && (e.externalValue.value = "");
     const d = o.target;
     d && (s.value = d.selectionStart ?? 0);
   }, c = (o) => {
@@ -503,9 +507,9 @@ function ze(e) {
         e.id
       );
       if (!v) return;
-      const R = o?.pos ?? s.value ?? v.value.length;
+      const T = o?.pos ?? s.value ?? v.value.length;
       try {
-        v.focus(), v.setSelectionRange(R, R);
+        v.focus(), v.setSelectionRange(T, T);
       } catch {
       }
     };
@@ -527,8 +531,8 @@ function ze(e) {
       if (o) {
         const d = new Date(o);
         if (d.toString() !== "Invalid Date") {
-          const v = (d.getMonth() + 1).toString().padStart(2, "0"), R = d.getDate().toString().padStart(2, "0"), B = d.getFullYear().toString();
-          t.value = `${v}/${R}/${B}`, c({ delay: 50 });
+          const v = (d.getMonth() + 1).toString().padStart(2, "0"), T = d.getDate().toString().padStart(2, "0"), K = d.getFullYear().toString();
+          t.value = `${v}/${T}/${K}`, c({ delay: 50 });
           return;
         }
       }
@@ -536,7 +540,7 @@ function ze(e) {
     { immediate: !0 }
   );
   const y = b(() => [
-    ["Date", `${I.value} / ${A.value} / ${E.value}`],
+    ["Date", `${C.value} / ${A.value} / ${E.value}`],
     ["Digits only", k.value],
     [
       "min",
@@ -555,32 +559,32 @@ function ze(e) {
       }) ?? null
     ]
   ]), f = b(() => {
-    if (!P.value) {
+    if (!U.value) {
       if (!S.value) return !0;
       const d = p.value;
-      return d ? K(d) : !1;
+      return d ? O(d) : !1;
     }
     if (!H.value) return !0;
     const o = p.value;
-    return !S.value || !o ? !1 : K(o);
+    return !S.value || !o ? !1 : O(o);
   }), h = b(() => {
-    if (!P.value) {
+    if (!U.value) {
       if (!S.value) return;
       const d = p.value;
-      return d ? K(d) ? "valid" : "out-of-bounds" : "invalid-date";
+      return d ? O(d) ? "valid" : "out-of-bounds" : "invalid-date";
     }
     if (!H.value) return;
     if (k.value.length === 0 || !S.value)
       return "incomplete";
     const o = p.value;
-    return o ? K(o) ? "valid" : "out-of-bounds" : "invalid-date";
-  }), T = b(() => {
+    return o ? O(o) ? "valid" : "out-of-bounds" : "invalid-date";
+  }), I = b(() => {
     const o = h.value;
     if (!o || o === "valid") return "";
     if (o === "incomplete")
       return "Required";
     if (o === "invalid-date")
-      return `Must be in ${$.value} format.`;
+      return `Must be in ${q.value} format.`;
     const d = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
@@ -626,14 +630,14 @@ function ze(e) {
   }), {
     raw: t,
     cursorPos: s,
-    debugEnabled: O,
+    debugEnabled: N,
     debugLines: y,
-    placeholder: $,
+    placeholder: q,
     isValid: f,
     reason: G(h),
-    validationMessage: T,
+    validationMessage: I,
     digitsOnly: k,
-    month: G(I),
+    month: G(C),
     day: G(A),
     year: G(E),
     datePart: w,
@@ -647,20 +651,20 @@ function ze(e) {
     initStyling: W
   };
 }
-function Xe(e) {
-  const t = J(""), s = J(void 0), O = J(!!e.debug), $ = J(!1), P = 1440 * 60 * 1e3, H = 365 * P, x = /* @__PURE__ */ new Date(), D = new Date(x.getTime() - H), k = new Date(x.getTime() + H);
+function Je(e) {
+  const t = Q(""), s = Q(void 0), N = Q(!!e.debug), q = Q(!1), U = 1440 * 60 * 1e3, H = 365 * U, x = /* @__PURE__ */ new Date(), D = new Date(x.getTime() - H), k = new Date(x.getTime() + H);
   e.min = e.min ?? D, e.max = e.max ?? k;
-  const w = b(() => (t.value ?? "").replace(/\D/g, "")), I = (n, u) => new Date(n, u, 0).getDate(), A = (n, u, g) => u >= 1 && u <= 12 && n >= 1e3 && g >= 1 && g <= I(n, u), E = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), L = (n) => {
+  const w = b(() => (t.value ?? "").replace(/\D/g, "")), C = (n, u) => new Date(n, u, 0).getDate(), A = (n, u, g) => u >= 1 && u <= 12 && n >= 1e3 && g >= 1 && g <= C(n, u), E = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), P = (n) => {
     if (!n) return null;
-    const u = e.min ?? new Date(Date.now() - 90 * P), g = e.max ?? /* @__PURE__ */ new Date(), M = E(n);
+    const u = e.min ?? new Date(Date.now() - 90 * U), g = e.max ?? /* @__PURE__ */ new Date(), M = E(n);
     return M < E(u) || M > E(g) ? null : n;
-  }, K = (n, u) => e.allowReverse ?? !1 ? !0 : n <= u, p = b(() => (t.value?.length ?? 0) >= 23 && w.value.length >= 16), S = (n) => {
+  }, O = (n, u) => e.allowReverse ?? !1 ? !0 : n <= u, p = b(() => (t.value?.length ?? 0) >= 23 && w.value.length >= 16), S = (n) => {
     if ((n ?? "").length < 23 || w.value.length < 16)
       return { start: null, end: null };
     const u = n.substring(0, 10), g = n.substring(13, 23), [M, ne, re] = u.split("/").map((ce) => parseInt(ce || "0", 10)), [se, fe, pe] = g.split("/").map((ce) => parseInt(ce || "0", 10)), me = new Date(re, M - 1, ne), he = new Date(pe, se - 1, fe), we = A(re, M, ne) && me.toString() !== "Invalid Date", ke = A(pe, se, fe) && he.toString() !== "Invalid Date";
     return { start: we ? me : null, end: ke ? he : null };
-  }, q = e.externalValid ?? J(!0), X = b(() => S(t.value)), _ = b(() => {
-    const n = L(X.value.start), u = L(X.value.end);
+  }, R = e.externalValid ?? Q(!0), X = b(() => S(t.value)), _ = b(() => {
+    const n = P(X.value.start), u = P(X.value.end);
     return { start: n, end: u };
   }), ee = b(() => {
     if (!p.value) return;
@@ -673,16 +677,16 @@ function Xe(e) {
     const { start: n, end: u } = X.value;
     if (!n || !u || !_.value.start || !_.value.end) return !1;
     const g = _.value.start, M = _.value.end;
-    return !(!K(g, M) || typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays);
+    return !(!O(g, M) || typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays);
   }), le = b(() => {
     const { start: n, end: u } = X.value;
     if (!p.value) return "incomplete";
     if (!n || !u) return "invalid-date";
     if (!_.value.start || !_.value.end) return "out-of-bounds";
     const g = _.value.start, M = _.value.end;
-    return K(g, M) ? typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), a = J(void 0), m = b(() => {
-    if (q.value !== !1) return "";
+    return O(g, M) ? typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), a = Q(void 0), m = b(() => {
+    if (R.value !== !1) return "";
     const { min: n, max: u } = e, g = a.value;
     if (!g) return "";
     switch (g) {
@@ -702,7 +706,7 @@ function Xe(e) {
   }), i = ["ArrowUp", "ArrowDown"], c = ["ArrowLeft", "ArrowRight"], y = (n, u) => String(n).padStart(u, "0"), f = (n) => `${y(n.getMonth() + 1, 2)}/${y(n.getDate(), 2)}/${y(
     n.getFullYear(),
     4
-  )}`, h = (n) => n <= 2 ? { side: "start", part: "mm" } : n <= 5 ? { side: "start", part: (n <= 3, "dd") } : n <= 11 ? { side: "start", part: "yyyy" } : n <= 15 ? { side: "end", part: "mm" } : n <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, T = (n, u, g) => {
+  )}`, h = (n) => n <= 2 ? { side: "start", part: "mm" } : n <= 5 ? { side: "start", part: (n <= 3, "dd") } : n <= 11 ? { side: "start", part: "yyyy" } : n <= 15 ? { side: "end", part: "mm" } : n <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, I = (n, u, g) => {
     const M = u?.selectionStart ?? s.value ?? 0;
     s.value = M;
     const { start: ne, end: re } = S(t.value);
@@ -724,23 +728,23 @@ function Xe(e) {
       if (ue === "mm") {
         const oe = Y.getMonth() + 1, ae = n === "ArrowUp" ? oe < 12 ? oe + 1 : 1 : oe > 1 ? oe - 1 : 12;
         Y.setMonth(ae - 1);
-        const be = I(Y.getFullYear(), ae);
+        const be = C(Y.getFullYear(), ae);
         Y.getDate() > be && Y.setDate(be);
       } else if (ue === "dd") {
-        const oe = I(Y.getFullYear(), Y.getMonth() + 1), ae = Y.getDate(), be = n === "ArrowUp" ? ae < oe ? ae + 1 : 1 : ae > 1 ? ae - 1 : oe;
+        const oe = C(Y.getFullYear(), Y.getMonth() + 1), ae = Y.getDate(), be = n === "ArrowUp" ? ae < oe ? ae + 1 : 1 : ae > 1 ? ae - 1 : oe;
         Y.setDate(be);
       } else if (ue === "yyyy") {
         const oe = Y.getFullYear();
         Y.setFullYear(n === "ArrowUp" ? oe + 1 : Math.max(1, oe - 1));
-        const ae = I(Y.getFullYear(), Y.getMonth() + 1);
+        const ae = C(Y.getFullYear(), Y.getMonth() + 1);
         Y.getDate() > ae && Y.setDate(ae);
       }
     };
     fe.side === "start" ? he(pe, fe.part) : he(me, fe.part);
     const we = f(pe), ke = f(me);
     t.value = `${we} - ${ke}`;
-    const ce = L(pe), De = L(me);
-    ce && De && K(ce, De) ? e.onChange({ value: { start: ce, end: De }, event: g }) : e.onChange({ value: null, event: g }), j(() => {
+    const ce = P(pe), De = P(me);
+    ce && De && O(ce, De) ? e.onChange({ value: { start: ce, end: De }, event: g }) : e.onChange({ value: null, event: g }), j(() => {
       requestAnimationFrame(() => {
         const Y = document.getElementById(
           e.id
@@ -754,12 +758,12 @@ function Xe(e) {
       e.onChange({ value: null, event: n });
       return;
     }
-    const M = L(u), ne = L(g);
+    const M = P(u), ne = P(g);
     if (!M || !ne) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if (!K(M, ne)) {
+    if (!O(M, ne)) {
       e.onChange({ value: null, event: n });
       return;
     }
@@ -787,24 +791,24 @@ function Xe(e) {
     if (i.includes(n.key)) {
       n.preventDefault(), n.stopPropagation();
       const u = n.target;
-      T(n.key, u, n);
+      I(n.key, u, n);
       return;
     }
-  }, R = (n) => {
+  }, T = (n) => {
     n.preventDefault();
     const u = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    T(u, n.target, n);
-  }, B = (n) => {
+    I(u, n.target, n);
+  }, K = (n) => {
     if (c.includes(n.key) || i.includes(n.key)) {
       const u = n.target;
       s.value = u?.selectionStart ?? 0;
     }
-  }, V = () => {
-    a.value = le.value, (e.manageValid ?? !0) && (q.value = te.value);
+  }, B = () => {
+    a.value = le.value, (e.manageValid ?? !0) && (R.value = te.value);
   }, Z = (n) => {
-    V();
+    B();
   }, ie = (n) => {
-    console.log("Clear event:", n), t.value = "", s.value = 0, e.onChange({ value: null, event: n }), V(), j(() => {
+    console.log("Clear event:", n), t.value = "", s.value = 0, e.onChange({ value: null, event: n }), B(), j(() => {
       const u = document.getElementById(
         e.id
       );
@@ -816,10 +820,10 @@ function Xe(e) {
     (n) => {
       const u = n?.start ?? null, g = n?.end ?? null;
       if (u && g) {
-        if (t.value = `${f(u)} - ${f(g)}`, e.isOpen?.value && $.value && e.onRequestClose) {
+        if (t.value = `${f(u)} - ${f(g)}`, e.isOpen?.value && q.value && e.onRequestClose) {
           const M = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), $.value = !1, V();
+            e.onRequestClose?.(), q.value = !1, B();
           }, M);
         }
         return;
@@ -831,15 +835,15 @@ function Xe(e) {
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
   ), l = b(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), C = b(
+  ), $ = b(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), F = b(
+  ), L = b(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), N = b(
+  ), V = b(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
   ), z = b(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), U = b(() => {
+  ), F = b(() => {
     const { start: n, end: u } = S(t.value);
     return [
       {
@@ -858,12 +862,12 @@ function Xe(e) {
         label: "Start",
         value: `${String(r.value).padStart(2, "0")} / ${String(
           l.value
-        ).padStart(2, "0")} / ${String(C.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String($.value).padStart(4, "0")}`
       },
       {
         label: "End",
-        value: `${String(F.value).padStart(2, "0")} / ${String(
-          N.value
+        value: `${String(L.value).padStart(2, "0")} / ${String(
+          V.value
         ).padStart(2, "0")} / ${String(z.value).padStart(4, "0")}`
       },
       { label: "Digits only", value: w.value },
@@ -874,7 +878,7 @@ function Xe(e) {
       },
       {
         label: "Valid (managed)",
-        value: `${q.value ?? "-"}`
+        value: `${R.value ?? "-"}`
       },
       { label: "Span (days)", value: `${ee.value ?? "-"}` },
       {
@@ -889,7 +893,7 @@ function Xe(e) {
         })()})`
       }
     ];
-  }), Q = () => {
+  }), J = () => {
     j(() => {
       const n = document.getElementById(e.id);
       if (!n) {
@@ -905,7 +909,7 @@ function Xe(e) {
     });
   };
   xe(() => {
-    Q();
+    J();
   });
   const ye = () => {
     j(() => {
@@ -939,67 +943,67 @@ function Xe(e) {
   ), {
     raw: t,
     cursorPos: s,
-    debugEnabled: O,
-    debugLines: U,
+    debugEnabled: N,
+    debugLines: F,
     digitsOnly: w,
-    valid: q,
+    valid: R,
     validComputed: G(te),
     reason: G(le),
     validationMessage: G(m),
     spanDays: G(ee),
     month1: G(r),
     day1: G(l),
-    year1: G(C),
-    month2: G(F),
-    day2: G(N),
+    year1: G($),
+    month2: G(L),
+    day2: G(V),
     year2: G(z),
     handleChange: o,
     handleKeyDown: v,
-    handleWheel: R,
-    handleKeyUp: B,
+    handleWheel: T,
+    handleKeyUp: K,
     handleClick: d,
     handleBlur: Z,
     handleClear: ie,
     onCalendarChange: () => {
-      $.value = !0;
+      q.value = !0;
     },
-    initStyling: Q
+    initStyling: J
   };
 }
-function Je(e) {
-  const t = J(""), s = J(void 0), O = J(!!e.debug), $ = J(e.timeFormat ?? "hh:mm AM"), P = b(() => !!e.required), H = J(!1), x = ["ArrowUp", "ArrowDown"], D = ["ArrowLeft", "ArrowRight"], k = b(() => (t.value ?? "").replace(/\D/g, "")), w = {
+function Qe(e) {
+  const t = Q(""), s = Q(void 0), N = Q(!!e.debug), q = Q(e.timeFormat ?? "hh:mm AM"), U = b(() => !!e.required), H = Q(!1), x = ["ArrowUp", "ArrowDown"], D = ["ArrowLeft", "ArrowRight"], k = b(() => (t.value ?? "").replace(/\D/g, "")), w = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
     m: /[0-9]/,
     A: /[AaPp]/,
     a: /[Mm]/
-  }, I = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", A = b(() => {
+  }, C = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", A = b(() => {
     const r = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", l = parseInt(r);
     return Math.min(Math.max(l, 0), 23);
   }), E = b(() => {
     const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", l = parseInt(r);
     return Math.min(Math.max(l, 0), 59);
-  }), L = b(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), K = b(() => {
-    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), l = L.value;
+  }), P = b(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), O = b(() => {
+    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), l = P.value;
     return r === 12 ? l === "AM" ? 0 : 12 : l === "PM" ? r + 12 : r;
-  }), p = b(() => S.value ? `${String(K.value).padStart(2, "0")}:${String(E.value).padStart(2, "0")}:00` : null), S = b(
+  }), p = b(() => S.value ? `${String(O.value).padStart(2, "0")}:${String(E.value).padStart(2, "0")}:00` : null), S = b(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), q = (r, l, C) => {
-    let F = r % 12;
-    return F === 0 && (F = 12), `${String(F).padStart(2, "0")}:${String(l).padStart(
+  ), R = (r, l, $) => {
+    let L = r % 12;
+    return L === 0 && (L = 12), `${String(L).padStart(2, "0")}:${String(l).padStart(
       2,
       "0"
-    )} ${C}`;
+    )} ${$}`;
   }, X = (r) => {
     const l = r.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!l) return null;
-    const C = parseInt(l[1]), F = parseInt(l[2]), N = l[3].toUpperCase();
-    if (C < 1 || C > 12 || F < 0 || F > 59) return null;
-    let z = C % 12;
-    N === "PM" && (z += 12);
-    const U = /* @__PURE__ */ new Date();
-    return U.setSeconds(0, 0), U.setHours(z), U.setMinutes(F), U;
+    const $ = parseInt(l[1]), L = parseInt(l[2]), V = l[3].toUpperCase();
+    if ($ < 1 || $ > 12 || L < 0 || L > 59) return null;
+    let z = $ % 12;
+    V === "PM" && (z += 12);
+    const F = /* @__PURE__ */ new Date();
+    return F.setSeconds(0, 0), F.setHours(z), F.setMinutes(L), F;
   }, _ = (r) => {
     if (k.value.length === 0) {
       e.onChange({ value: null, event: r });
@@ -1012,19 +1016,19 @@ function Je(e) {
     const l = X(t.value);
     l && te(l) ? e.onChange({ value: l, event: r }) : e.onChange({ value: null, event: r });
   }, ee = (r) => r.getHours() * 60 + r.getMinutes(), te = (r) => {
-    const l = e.min ?? void 0, C = e.max ?? void 0, F = ee(r);
+    const l = e.min ?? void 0, $ = e.max ?? void 0, L = ee(r);
     if (l) {
-      const N = ee(l);
-      if (F < N) return !1;
+      const V = ee(l);
+      if (L < V) return !1;
     }
-    if (C) {
-      const N = ee(C);
-      if (F > N) return !1;
+    if ($) {
+      const V = ee($);
+      if (L > V) return !1;
     }
     return !0;
   }, le = (r) => {
-    const l = r.getHours(), C = l >= 12 ? "PM" : "AM";
-    t.value = q(l, r.getMinutes(), C);
+    const l = r.getHours(), $ = l >= 12 ? "PM" : "AM";
+    t.value = R(l, r.getMinutes(), $);
   }, a = (r, l) => {
     e.onChange({ value: r, event: l });
   }, m = () => {
@@ -1050,15 +1054,15 @@ function Je(e) {
   }, y = (...r) => {
     const l = r[0];
     if (!l) return;
-    const C = i(l);
-    if (C === "now") {
-      const N = /* @__PURE__ */ new Date();
-      le(N), c(N, l), m();
+    const $ = i(l);
+    if ($ === "now") {
+      const V = /* @__PURE__ */ new Date();
+      le(V), c(V, l), m();
       return;
     }
     if (l?.value instanceof Date) {
-      const N = new Date(l.value);
-      le(N), c(N, l), C === "set" && m();
+      const V = new Date(l.value);
+      le(V), c(V, l), $ === "set" && m();
       return;
     }
     if (l?.value === null) {
@@ -1066,25 +1070,25 @@ function Je(e) {
       return;
     }
     t.value = l.value;
-    const F = l.event?.target;
-    s.value = F?.selectionStart ?? 0;
+    const L = l.event?.target;
+    s.value = L?.selectionStart ?? 0;
     try {
-      const N = s.value ?? 0;
-      if (I(N) === "ampm" && (t.value ?? "").length >= 8) {
+      const V = s.value ?? 0;
+      if (C(V) === "ampm" && (t.value ?? "").length >= 8) {
         const z = t.value.charAt(6);
         /[Aa]/.test(z) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, j(() => {
           requestAnimationFrame(() => {
-            const U = document.getElementById(
+            const F = document.getElementById(
               e.id
             );
-            U && (U.focus(), U.setSelectionRange(8, 8));
+            F && (F.focus(), F.setSelectionRange(8, 8));
           });
         })) : /[Pp]/.test(z) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, j(() => {
           requestAnimationFrame(() => {
-            const U = document.getElementById(
+            const F = document.getElementById(
               e.id
             );
-            U && (U.focus(), U.setSelectionRange(8, 8));
+            F && (F.focus(), F.setSelectionRange(8, 8));
           });
         }));
       }
@@ -1093,16 +1097,16 @@ function Je(e) {
     _(l);
   }, f = (r) => {
     s.value = r.target.selectionStart ?? 0;
-  }, h = (r, l, C) => {
-    const F = l?.selectionStart ?? s.value ?? 0;
-    s.value = F;
-    const N = I(F), z = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+  }, h = (r, l, $) => {
+    const L = l?.selectionStart ?? s.value ?? 0;
+    s.value = L;
+    const V = C(L), z = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!z) {
       if ((t.value ?? "").length === 0 || k.value.length === 0) {
         const u = /* @__PURE__ */ new Date(), g = u.getHours(), M = g >= 12 ? "PM" : "AM";
-        t.value = q(g, u.getMinutes(), M);
+        t.value = R(g, u.getMinutes(), M);
         const ne = X(t.value);
-        c(ne, C), j(() => {
+        c(ne, $), j(() => {
           requestAnimationFrame(() => {
             const re = document.getElementById(
               e.id
@@ -1113,29 +1117,29 @@ function Je(e) {
       }
       return;
     }
-    let U = parseInt(z[1]), Q = parseInt(z[2]), ye = z[3].toUpperCase();
-    if (N === "hh")
-      r === "ArrowUp" ? U = U < 12 ? U + 1 : 1 : U = U > 1 ? U - 1 : 12;
-    else if (N === "mm") {
+    let F = parseInt(z[1]), J = parseInt(z[2]), ye = z[3].toUpperCase();
+    if (V === "hh")
+      r === "ArrowUp" ? F = F < 12 ? F + 1 : 1 : F = F > 1 ? F - 1 : 12;
+    else if (V === "mm") {
       const u = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
       if (u === 1)
-        r === "ArrowUp" ? Q = Q < 59 ? Q + 1 : 0 : Q = Q > 0 ? Q - 1 : 59;
+        r === "ArrowUp" ? J = J < 59 ? J + 1 : 0 : J = J > 0 ? J - 1 : 59;
       else if (r === "ArrowUp") {
-        const g = Q % u;
-        let M = g === 0 ? Q + u : Q + (u - g);
-        M >= 60 && (M = 0), Q = M;
+        const g = J % u;
+        let M = g === 0 ? J + u : J + (u - g);
+        M >= 60 && (M = 0), J = M;
       } else {
-        const g = Q % u;
-        let M = g === 0 ? Q - u : Q - g;
-        M < 0 && (M = 60 - u), Q = M;
+        const g = J % u;
+        let M = g === 0 ? J - u : J - g;
+        M < 0 && (M = 60 - u), J = M;
       }
-    } else N === "ampm" && (ye = ye === "AM" ? "PM" : "AM");
-    t.value = `${String(U).padStart(2, "0")}:${String(Q).padStart(
+    } else V === "ampm" && (ye = ye === "AM" ? "PM" : "AM");
+    t.value = `${String(F).padStart(2, "0")}:${String(J).padStart(
       2,
       "0"
     )} ${ye}`;
     const n = X(t.value);
-    c(n, C), j(() => {
+    c(n, $), j(() => {
       requestAnimationFrame(() => {
         const u = document.getElementById(
           e.id
@@ -1143,7 +1147,7 @@ function Je(e) {
         u && (u.focus(), u.setSelectionRange(g, g));
       });
     });
-  }, T = (r) => {
+  }, I = (r) => {
     if (r.code === "Space" || r.key === " ") {
       r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
       return;
@@ -1174,7 +1178,7 @@ function Je(e) {
       s.value = l?.selectionStart ?? 0;
     }
   }, d = (r) => {
-    H.value = !0, P.value && e.externalValue && e.externalValue.value === void 0 && k.value.length === 0 && (e.externalValue.value = "");
+    H.value = !0, U.value && e.externalValue && e.externalValue.value === void 0 && k.value.length === 0 && (e.externalValue.value = "");
     const l = r.target;
     l && (s.value = l.selectionStart ?? 0);
   };
@@ -1184,8 +1188,8 @@ function Je(e) {
       if (r) {
         const l = new Date(r);
         if (l.toString() !== "Invalid Date") {
-          const C = l.getHours(), F = C >= 12 ? "PM" : "AM";
-          t.value = q(C, l.getMinutes(), F);
+          const $ = l.getHours(), L = $ >= 12 ? "PM" : "AM";
+          t.value = R($, l.getMinutes(), L);
           return;
         }
       }
@@ -1195,14 +1199,14 @@ function Je(e) {
   const v = b(() => [
     ["Time", t.value || "--:-- --"],
     ["Hour (12h)", A.value],
-    ["Hour (24h)", K.value],
+    ["Hour (24h)", O.value],
     ["Minute", E.value],
-    ["Period", L.value],
+    ["Period", P.value],
     ["Time (24h)", p.value ?? "--:--:--"],
     ["Digits only", k.value],
     [
       "Parsed Date",
-      R.value?.toLocaleDateString("en-US", {
+      T.value?.toLocaleDateString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
@@ -1221,46 +1225,46 @@ function Je(e) {
         minute: "2-digit"
       }) ?? null
     ],
-    ["valid", B.value],
-    ["reason", V.value],
+    ["valid", K.value],
+    ["reason", B.value],
     ["validationMessage", Z.value]
-  ]), R = b(
+  ]), T = b(
     () => X(t.value) ?? null
-  ), B = b(() => {
-    if (!P.value) {
+  ), K = b(() => {
+    if (!U.value) {
       if (!S.value) return !0;
-      const l = R.value;
+      const l = T.value;
       return l ? te(l) : !1;
     }
     if (!H.value) return !0;
-    const r = R.value;
+    const r = T.value;
     return !S.value || !r ? !1 : te(r);
-  }), V = b(() => {
-    if (!P.value) {
+  }), B = b(() => {
+    if (!U.value) {
       if (!S.value) return;
-      const l = R.value;
+      const l = T.value;
       return l ? te(l) ? "valid" : "out-of-bounds" : "invalid-time";
     }
     if (!H.value) return;
     if (k.value.length === 0 || !S.value)
       return "incomplete";
-    const r = R.value;
+    const r = T.value;
     return r ? te(r) ? "valid" : "out-of-bounds" : "invalid-time";
   }), Z = b(() => {
-    const r = V.value;
+    const r = B.value;
     if (!r || r === "valid") return "";
     if (r === "incomplete")
       return "Required";
     if (r === "invalid-time")
-      return `Must be in ${$.value} format.`;
+      return `Must be in ${q.value} format.`;
     const l = {
       hour: "2-digit",
       minute: "2-digit"
-    }, C = e.min ? e.min.toLocaleTimeString("en-US", l) : null, F = e.max ? e.max.toLocaleTimeString("en-US", l) : null;
+    }, $ = e.min ? e.min.toLocaleTimeString("en-US", l) : null, L = e.max ? e.max.toLocaleTimeString("en-US", l) : null;
     if (r === "out-of-bounds") {
-      if (C && F) return `Must be between ${C} and ${F}.`;
-      if (C) return `Must be ${C} or later.`;
-      if (F) return `Must be ${F} or earlier.`;
+      if ($ && L) return `Must be between ${$} and ${L}.`;
+      if ($) return `Must be ${$} or later.`;
+      if (L) return `Must be ${L} or earlier.`;
     }
     return "";
   }), ie = () => {
@@ -1277,14 +1281,14 @@ function Je(e) {
         );
         return;
       }
-      const C = l.parentElement;
-      if (!C) {
+      const $ = l.parentElement;
+      if (!$) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
         );
         return;
       }
-      C.classList.contains("fk-timepicker") || C.classList.add("fk-timepicker");
+      $.classList.contains("fk-timepicker") || $.classList.add("fk-timepicker");
     });
   };
   return xe(() => {
@@ -1292,23 +1296,23 @@ function Je(e) {
   }), {
     raw: t,
     rules: w,
-    debugEnabled: O,
+    debugEnabled: N,
     debugLines: v,
-    placeholder: $,
-    isValid: B,
-    reason: G(V),
+    placeholder: q,
+    isValid: K,
+    reason: G(B),
     validationMessage: Z,
     isComplete: S,
     inRangeTime: te,
     cursorPos: s,
     hour: G(A),
-    hour24: G(K),
+    hour24: G(O),
     minute: G(E),
-    period: G(L),
+    period: G(P),
     time24: G(p),
-    parsedRawTime: G(R),
+    parsedRawTime: G(T),
     handleChange: y,
-    handleKeyDown: T,
+    handleKeyDown: I,
     handleKeyUp: o,
     handleClick: f,
     handleWheel: W,
@@ -1317,21 +1321,21 @@ function Je(e) {
     initStyling: ie
   };
 }
-function Ue(e) {
+function Ke(e) {
   return Le() ? (Te(e), !0) : !1;
 }
 const Ce = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Oe = Object.prototype.toString, Ke = (e) => Oe.call(e) === "[object Object]", ve = () => {
-}, Be = /* @__PURE__ */ Ve();
-function Ve() {
+const Be = Object.prototype.toString, Ve = (e) => Be.call(e) === "[object Object]", ve = () => {
+}, Ne = /* @__PURE__ */ He();
+function He() {
   var e, t;
   return Ce && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
 function Ae(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Ne(e, t, s) {
+function Ye(e, t, s) {
   return ge(
     e,
     t,
@@ -1341,7 +1345,7 @@ function Ne(e, t, s) {
     }
   );
 }
-const $e = Ce ? window : void 0;
+const Pe = Ce ? window : void 0;
 function Se(e) {
   var t;
   const s = de(e);
@@ -1350,68 +1354,68 @@ function Se(e) {
 function Ee(...e) {
   const t = [], s = () => {
     t.forEach((x) => x()), t.length = 0;
-  }, O = (x, D, k, w) => (x.addEventListener(D, k, w), () => x.removeEventListener(D, k, w)), $ = b(() => {
+  }, N = (x, D, k, w) => (x.addEventListener(D, k, w), () => x.removeEventListener(D, k, w)), q = b(() => {
     const x = Ae(de(e[0])).filter((D) => D != null);
     return x.every((D) => typeof D != "string") ? x : void 0;
-  }), P = Ne(
+  }), U = Ye(
     () => {
       var x, D;
       return [
-        (D = (x = $.value) == null ? void 0 : x.map((k) => Se(k))) != null ? D : [$e].filter((k) => k != null),
-        Ae(de($.value ? e[1] : e[0])),
-        Ae(Fe($.value ? e[2] : e[1])),
+        (D = (x = q.value) == null ? void 0 : x.map((k) => Se(k))) != null ? D : [Pe].filter((k) => k != null),
+        Ae(de(q.value ? e[1] : e[0])),
+        Ae(Re(q.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        de($.value ? e[3] : e[2])
+        de(q.value ? e[3] : e[2])
       ];
     },
     ([x, D, k, w]) => {
       if (s(), !x?.length || !D?.length || !k?.length)
         return;
-      const I = Ke(w) ? { ...w } : w;
+      const C = Ve(w) ? { ...w } : w;
       t.push(
         ...x.flatMap(
           (A) => D.flatMap(
-            (E) => k.map((L) => O(A, E, L, I))
+            (E) => k.map((P) => N(A, E, P, C))
           )
         )
       );
     },
     { flush: "post" }
   ), H = () => {
-    P(), s();
+    U(), s();
   };
-  return Ue(s), H;
+  return Ke(s), H;
 }
 let Me = !1;
-function He(e, t, s = {}) {
-  const { window: O = $e, ignore: $ = [], capture: P = !0, detectIframe: H = !1, controls: x = !1 } = s;
-  if (!O)
+function We(e, t, s = {}) {
+  const { window: N = Pe, ignore: q = [], capture: U = !0, detectIframe: H = !1, controls: x = !1 } = s;
+  if (!N)
     return x ? { stop: ve, cancel: ve, trigger: ve } : ve;
-  if (Be && !Me) {
+  if (Ne && !Me) {
     Me = !0;
     const p = { passive: !0 };
-    Array.from(O.document.body.children).forEach((S) => S.addEventListener("click", ve, p)), O.document.documentElement.addEventListener("click", ve, p);
+    Array.from(N.document.body.children).forEach((S) => S.addEventListener("click", ve, p)), N.document.documentElement.addEventListener("click", ve, p);
   }
   let D = !0;
-  const k = (p) => de($).some((S) => {
+  const k = (p) => de(q).some((S) => {
     if (typeof S == "string")
-      return Array.from(O.document.querySelectorAll(S)).some((q) => q === p.target || p.composedPath().includes(q));
+      return Array.from(N.document.querySelectorAll(S)).some((R) => R === p.target || p.composedPath().includes(R));
     {
-      const q = Se(S);
-      return q && (p.target === q || p.composedPath().includes(q));
+      const R = Se(S);
+      return R && (p.target === R || p.composedPath().includes(R));
     }
   });
   function w(p) {
     const S = de(p);
     return S && S.$.subTree.shapeFlag === 16;
   }
-  function I(p, S) {
-    const q = de(p), X = q.$.subTree && q.$.subTree.children;
+  function C(p, S) {
+    const R = de(p), X = R.$.subTree && R.$.subTree.children;
     return X == null || !Array.isArray(X) ? !1 : X.some((_) => _.el === S.target || S.composedPath().includes(_.el));
   }
   const A = (p) => {
     const S = Se(e);
-    if (p.target != null && !(!(S instanceof Element) && w(e) && I(e, p)) && !(!S || S === p.target || p.composedPath().includes(S))) {
+    if (p.target != null && !(!(S instanceof Element) && w(e) && C(e, p)) && !(!S || S === p.target || p.composedPath().includes(S))) {
       if ("detail" in p && p.detail === 0 && (D = !k(p)), !D) {
         D = !0;
         return;
@@ -1420,126 +1424,111 @@ function He(e, t, s = {}) {
     }
   };
   let E = !1;
-  const L = [
-    Ee(O, "click", (p) => {
+  const P = [
+    Ee(N, "click", (p) => {
       E || (E = !0, setTimeout(() => {
         E = !1;
       }, 0), A(p));
-    }, { passive: !0, capture: P }),
-    Ee(O, "pointerdown", (p) => {
+    }, { passive: !0, capture: U }),
+    Ee(N, "pointerdown", (p) => {
       const S = Se(e);
       D = !k(p) && !!(S && !p.composedPath().includes(S));
     }, { passive: !0 }),
-    H && Ee(O, "blur", (p) => {
+    H && Ee(N, "blur", (p) => {
       setTimeout(() => {
         var S;
-        const q = Se(e);
-        ((S = O.document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !q?.contains(O.document.activeElement) && t(p);
+        const R = Se(e);
+        ((S = N.document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !R?.contains(N.document.activeElement) && t(p);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), K = () => L.forEach((p) => p());
+  ].filter(Boolean), O = () => P.forEach((p) => p());
   return x ? {
-    stop: K,
+    stop: O,
     cancel: () => {
       D = !1;
     },
     trigger: (p) => {
       D = !0, A(p), D = !1;
     }
-  } : K;
+  } : O;
 }
-function Qe(e) {
-  const t = Re(null), s = [
+function Ze(e) {
+  const t = Fe(null), s = [
     ".k-animation-container .k-popup",
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], O = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? s].flat(), $ = (w) => w ? typeof e.initialFocus == "string" ? w.querySelector(e.initialFocus) ?? w : typeof e.initialFocus == "function" ? e.initialFocus(w) ?? w : w.querySelector(
+  ], N = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? s].flat(), q = (w) => w ? typeof e.initialFocus == "string" ? w.querySelector(e.initialFocus) ?? w : typeof e.initialFocus == "function" ? e.initialFocus(w) ?? w : w.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? w : null, { activate: P, deactivate: H } = qe(t, {
+  ) ?? w : null, { activate: U, deactivate: H } = qe(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     fallbackFocus: () => t.value,
-    initialFocus: () => $(t.value),
+    initialFocus: () => q(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let x = null, D = J(null);
+  let x = null, D = Q(null);
   const k = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
     const w = (A, E) => {
-      const L = Array.from(A.querySelectorAll(E));
-      if (!L.length) return null;
-      const K = L.filter(
+      const P = Array.from(A.querySelectorAll(E));
+      if (!P.length) return null;
+      const O = P.filter(
         (p) => p.offsetParent !== null || p.getClientRects().length > 0
       );
-      return K[K.length - 1] ?? L[L.length - 1] ?? null;
-    }, I = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const A of O) {
-      const E = w(I, A);
+      return O[O.length - 1] ?? P[P.length - 1] ?? null;
+    }, C = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
+    for (const A of N) {
+      const E = w(C, A);
       if (E) return E;
     }
-    for (const A of O) {
+    for (const A of N) {
       const E = w(document, A);
       if (E) return E;
     }
     return null;
   };
-  return He(t, (w) => {
+  return We(t, (w) => {
     D.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", w);
   }), ge(
     () => e.isOpen.value,
     (w) => {
       w ? (D.value = null, j(() => {
-        const I = k();
-        I && (t.value = I, setTimeout(() => P(), 0), x || (x = (A) => {
+        const C = k();
+        C && (t.value = C, setTimeout(() => U(), 0), x || (x = (A) => {
           A.key === "Escape" && (D.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", A));
         }, document.addEventListener("keydown", x, !0)));
       })) : (H(), x && (document.removeEventListener("keydown", x, !0), x = null), t.value = null, D.value === "outside" && j(() => {
-        const I = () => {
-          const A = e.triggerEl?.value, E = A?.querySelector("input"), L = document.activeElement;
-          L && (L === E || A && A.contains(L)) && (E ?? A)?.blur?.();
+        const C = () => {
+          const A = e.triggerEl?.value, E = A?.querySelector("input"), P = document.activeElement;
+          P && (P === E || A && A.contains(P)) && (E ?? A)?.blur?.();
         };
-        requestAnimationFrame(() => setTimeout(I, 0));
+        requestAnimationFrame(() => setTimeout(C, 0));
       }), e.returnFocusToTrigger !== !1 && D.value === "escape" && e.triggerEl?.value && (console.log(
         "Returning focus to trigger element:",
         e.triggerEl.value
       ), j(() => {
-        const I = () => {
+        const C = () => {
           const A = e.triggerEl?.value;
           if (!A) return;
           (A.querySelector("input") ?? A)?.focus?.();
         };
-        requestAnimationFrame(() => setTimeout(I, 0));
+        requestAnimationFrame(() => setTimeout(C, 0));
       })));
     }
   ), {
     popupRef: t,
-    activate: P,
+    activate: U,
     deactivate: H,
     lastCloseReason: G(D),
     setPopupEl: (w) => t.value = w
   };
 }
-const Ye = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), We = (e) => !!e && typeof e == "object" && "field" in e, Pe = (e, t) => !e || typeof e != "object" ? !1 : Ye(e) ? e.filters.some(
-  (s) => Pe(s, t)
-) : We(e) ? e.field === t : !1, Ze = (e) => {
-  const t = J({}), s = ($) => !e.value || !e.value.filters ? !1 : e.value.filters.some(
-    (P) => Pe(P, $)
-  );
-  return {
-    activeClasses: t,
-    hasFieldFilter: s,
-    updateActiveClass: ($) => {
-      const P = s($);
-      console.log("updateActiveClass for", $, "hasFilter:", P), t.value[$] = P ? "active" : "", console.log("activeClasses after update", t.value);
-    }
-  };
-};
 export {
   _e as useGridA11y,
-  Ze as useGridFilter,
-  ze as useMaskedDateInput,
-  Xe as useMaskedDateRangeInput,
-  Je as useMaskedTimeInput,
-  Qe as usePopupTrap
+  ze as useGridActiveFilter,
+  Xe as useMaskedDateInput,
+  Je as useMaskedDateRangeInput,
+  Qe as useMaskedTimeInput,
+  Ze as usePopupTrap
 };