@featherk/composables 0.11.0 → 0.11.1

package/dist/featherk-composables.es.js

@@ -3,10 +3,10 @@ import { useFocusTrap as qe } from "@vueuse/integrations/useFocusTrap";
 const st = (e, t) => {
   const r = U(null);
   let h = !1, p = null, m = null;
-  const D = [], P = ".k-table-row[data-grid-row-index] [tabindex]", T = () => {
+  const D = [], V = ".k-table-row[data-grid-row-index] [tabindex]", T = () => {
     const s = e?.value?.$el;
     return s ? s.closest(".k-grid") : null;
-  }, L = (s) => {
+  }, F = (s) => {
     const w = T();
     if (!w) return !1;
     const f = s.closest(".k-grid-aria-root");
@@ -16,10 +16,10 @@ const st = (e, t) => {
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
     return b ? w.contains(b) : !1;
-  }, A = (s) => s.key === "Enter" || s.code === "Enter" || s.code === "NumpadEnter", R = () => e?.value?.columns, E = (s) => {
+  }, k = (s) => s.key === "Enter" || s.code === "Enter" || s.code === "NumpadEnter", R = () => e?.value?.columns, E = (s) => {
     const w = s.key || s.code;
-    ([" ", "Spacebar", "Space"].includes(w) || A(s)) && (s.preventDefault(), s.stopPropagation(), r.value = s.target, s.target.click());
-  }, k = (s) => {
+    ([" ", "Spacebar", "Space"].includes(w) || k(s)) && (s.preventDefault(), s.stopPropagation(), r.value = s.target, s.target.click());
+  }, A = (s) => {
     if (!r.value) return;
     if (s.code === "Escape") {
       s.stopPropagation(), r.value && r.value.focus();
@@ -85,7 +85,7 @@ const st = (e, t) => {
                 });
               })), b.addEventListener(
                 "keydown",
-                k
+                A
               ), B(() => {
                 const M = () => {
                   const N = Array.from(
@@ -109,7 +109,7 @@ const st = (e, t) => {
             ).forEach((S) => {
               S.addEventListener(
                 "keydown",
-                k
+                A
               );
             });
           }
@@ -118,13 +118,13 @@ const st = (e, t) => {
             const b = f;
             b.classList.contains("k-animation-container") && b.removeEventListener(
               "keydown",
-              k
+              A
             ), b.querySelectorAll(
               ".k-animation-container"
             ).forEach((S) => {
               S.removeEventListener(
                 "keydown",
-                k
+                A
               );
             });
           }
@@ -147,7 +147,7 @@ const st = (e, t) => {
     const f = w.closest(
       ".k-table-row[data-grid-row-index]"
     );
-    if (!L(w))
+    if (!F(w))
       return;
     const b = ["ArrowLeft", "ArrowRight"].includes(
       s.code
@@ -204,7 +204,7 @@ const st = (e, t) => {
           if (["ArrowLeft", "ArrowRight"].includes(s.code)) {
             s.preventDefault(), s.stopPropagation();
             const I = f.querySelectorAll(
-              P
+              V
             );
             if (I.length === 0) return;
             let S = Array.from(I).findIndex(
@@ -266,7 +266,7 @@ const st = (e, t) => {
       } catch (s) {
         console.error("Error setting up row navigation:", s);
       }
-  }, V = () => {
+  }, L = () => {
     B(() => {
       const w = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
       w && w.forEach((f) => {
@@ -322,7 +322,7 @@ const st = (e, t) => {
         f.removeEventListener("click", re);
       });
       const se = (a) => {
-        if ((A(a) || a.code === "Space") && (M || N)) {
+        if ((k(a) || a.code === "Space") && (M || N)) {
           if (a.preventDefault(), a.stopPropagation(), r.value = f, r.value.focus(), M)
             W(a);
           else if (N) {
@@ -339,7 +339,7 @@ const st = (e, t) => {
     if (w && w.dataset.featherKHeaderBound !== "true") {
       const f = (b) => {
         const I = b.target.closest("th");
-        I && (A(b) || b.code === "Space") && I.dataset.featherKFilterable === "false" && I.dataset.featherKSortable === "false" && (b.preventDefault(), b.stopImmediatePropagation());
+        I && (k(b) || b.code === "Space") && I.dataset.featherKFilterable === "false" && I.dataset.featherKSortable === "false" && (b.preventDefault(), b.stopImmediatePropagation());
       };
       w.addEventListener(
         "keydown",
@@ -374,7 +374,7 @@ const st = (e, t) => {
   }, ee = () => {
     if (!h)
       try {
-        l(), g(), V(), h = !0;
+        l(), g(), L(), h = !0;
       } catch (s) {
         console.error("initA11y failed:", s), Y();
       }
@@ -417,42 +417,42 @@ const st = (e, t) => {
     ignoreSelectors: p = [],
     shouldIgnoreTarget: m,
     enableKeyboardAction: D = !0
-  } = e, P = [
+  } = e, V = [
     ...Be,
     ...p
   ], T = (u, i) => {
     if (!u) return !1;
-    const l = P.join(",");
+    const l = V.join(",");
     return u.closest && u.closest(l) ? !0 : m && i ? m(u, i) : !1;
-  }, L = (u) => {
+  }, F = (u) => {
     const l = u?.closest?.(
       ".k-table-row[data-grid-row-index]"
     )?.getAttribute("data-grid-row-index");
     if (l == null) return;
     const g = parseInt(l, 10);
     return Number.isNaN(g) ? void 0 : g;
-  }, A = (u) => {
+  }, k = (u) => {
     if (!u || typeof u.clientX != "number")
       return;
-    const i = typeof window < "u" && window.scrollX || 0, l = typeof window < "u" && window.scrollY || 0, g = typeof window < "u" && window.screenX || 0, V = typeof window < "u" && window.screenY || 0;
+    const i = typeof window < "u" && window.scrollX || 0, l = typeof window < "u" && window.scrollY || 0, g = typeof window < "u" && window.screenX || 0, L = typeof window < "u" && window.screenY || 0;
     return {
       clientX: u.clientX,
       clientY: u.clientY,
       pageX: typeof u.pageX == "number" ? u.pageX : u.clientX + i,
       pageY: typeof u.pageY == "number" ? u.pageY : u.clientY + l,
       screenX: typeof u.screenX == "number" ? u.screenX : u.clientX + g,
-      screenY: typeof u.screenY == "number" ? u.screenY : u.clientY + V
+      screenY: typeof u.screenY == "number" ? u.screenY : u.clientY + L
     };
   }, R = (u) => {
     if (!u || typeof u.getBoundingClientRect != "function")
       return;
     const i = u.getBoundingClientRect();
     if (!i) return;
-    const l = i.left, g = i.bottom, V = typeof window < "u" && window.scrollX || 0, Y = typeof window < "u" && window.scrollY || 0;
+    const l = i.left, g = i.bottom, L = typeof window < "u" && window.scrollX || 0, Y = typeof window < "u" && window.scrollY || 0;
     return {
       clientX: l,
       clientY: g,
-      pageX: l + V,
+      pageX: l + L,
       pageY: g + Y,
       screenX: l,
       screenY: g
@@ -463,7 +463,7 @@ const st = (e, t) => {
     if (!i || i.isCollapsed || !i.toString().trim())
       return !1;
     if (u && i.anchorNode && i.focusNode) {
-      const l = u.closest(".k-table-row") || u.closest(".k-grid") || u, g = i.anchorNode.nodeType === Node.ELEMENT_NODE ? i.anchorNode : i.anchorNode.parentElement, V = i.focusNode.nodeType === Node.ELEMENT_NODE ? i.focusNode : i.focusNode.parentElement, Y = !!(g && l.contains(g)), z = !!(V && l.contains(V));
+      const l = u.closest(".k-table-row") || u.closest(".k-grid") || u, g = i.anchorNode.nodeType === Node.ELEMENT_NODE ? i.anchorNode : i.anchorNode.parentElement, L = i.focusNode.nodeType === Node.ELEMENT_NODE ? i.focusNode : i.focusNode.parentElement, Y = !!(g && l.contains(g)), z = !!(L && l.contains(L));
       return Y || z;
     }
     return !0;
@@ -478,7 +478,7 @@ const st = (e, t) => {
         return;
       const g = {
         dataItem: u.dataItem,
-        rowIndex: u.rowIndex ?? L(l),
+        rowIndex: u.rowIndex ?? F(l),
         field: u.field,
         event: i || u,
         triggerType: "click",
@@ -486,7 +486,7 @@ const st = (e, t) => {
         shiftKey: !!i?.shiftKey,
         metaKey: !!i?.metaKey,
         altKey: !!i?.altKey,
-        coordinates: A(i) ?? R(l)
+        coordinates: k(i) ?? R(l)
       };
       t(u.dataItem, g);
     },
@@ -494,12 +494,12 @@ const st = (e, t) => {
       if (!D) return;
       const l = u.key || u.code;
       if (!(l === "Enter" || l === "NumpadEnter" || l === " " || l === "Space" || u.code === "Enter" || u.code === "NumpadEnter" || u.code === "Space")) return;
-      const V = u.target;
-      if (!V) return;
-      const Y = V.closest(
+      const L = u.target;
+      if (!L) return;
+      const Y = L.closest(
         ".k-table-row[data-grid-row-index], .k-table-row"
       );
-      if (!Y || T(V, u))
+      if (!Y || T(L, u))
         return;
       u.preventDefault(), u.stopPropagation();
       const z = Y.getAttribute("data-grid-row-index"), _ = z !== null ? parseInt(z, 10) : void 0;
@@ -531,12 +531,12 @@ const st = (e, t) => {
   const t = U(Ce(e.initialValue ?? "")), r = U(!1), h = U(
     e.errorMessage?.trim() || Ye
   ), p = y(() => t.value.replace(/\D/g, "")), m = y(() => {
-    const k = p.value.length;
-    return k === 5 || k === 9;
-  }), D = y(() => r.value && !m.value), P = y(() => !r.value || m.value), T = y(() => r.value), L = (k, C) => {
+    const A = p.value.length;
+    return A === 5 || A === 9;
+  }), D = y(() => r.value && !m.value), V = y(() => !r.value || m.value), T = y(() => r.value), F = (A, C) => {
     const u = He(C);
     B(() => {
-      k.isConnected && k.setSelectionRange(u, u);
+      A.isConnected && A.setSelectionRange(u, u);
     });
   };
   return {
@@ -550,20 +550,20 @@ const st = (e, t) => {
     zipRaw: p,
     isZipValid: m,
     showZipError: D,
-    textBoxValid: P,
+    textBoxValid: V,
     textBoxValidate: T,
     // actions
-    handleZipInput: (...k) => {
-      const C = k[0], i = C?.event?.target, l = C?.value, g = Array.isArray(l) ? l.join("") : String(l ?? ""), V = i?.selectionStart !== void 0 && i.selectionStart !== null ? ze(
+    handleZipInput: (...A) => {
+      const C = A[0], i = C?.event?.target, l = C?.value, g = Array.isArray(l) ? l.join("") : String(l ?? ""), L = i?.selectionStart !== void 0 && i.selectionStart !== null ? ze(
         i.value,
         i.selectionStart
       ) : g.replace(/\D/g, "").length;
-      t.value = Ce(g), i && L(i, V);
+      t.value = Ce(g), i && F(i, L);
     },
-    submitAndValidate: (k) => {
+    submitAndValidate: (A) => {
       r.value = !0;
       const C = m.value;
-      return !C && k?.focus && B(() => {
+      return !C && A?.focus && B(() => {
         document.getElementById(
           e.id
         )?.focus();
@@ -578,8 +578,8 @@ function Xe(e, t) {
     e.value?.setAttribute("aria-invalid", String(!t.isValid()));
   });
   function h(m) {
-    const D = e.value ?? m.currentTarget, P = m.relatedTarget;
-    (!D || !D.contains(P)) && (r.value = !0);
+    const D = e.value ?? m.currentTarget, V = m.relatedTarget;
+    (!D || !D.contains(V)) && (r.value = !0);
   }
   function p() {
     r.value = !1;
@@ -592,25 +592,25 @@ function We(e, t) {
   ), m = y(() => !p.value || t.isValid()), D = Xe(e, {
     isValid: () => m.value
   });
-  function P(E) {
+  function V(E) {
     return y(() => !p.value || le(E));
   }
   function T(E) {
     return Object.fromEntries(
-      Object.entries(E).map(([k, C]) => [
-        k,
-        P(C)
+      Object.entries(E).map(([A, C]) => [
+        A,
+        V(C)
       ])
     );
   }
-  function L(E) {
-    const k = le(E);
-    if (!k) return;
-    k.querySelector(
+  function F(E) {
+    const A = le(E);
+    if (!A) return;
+    A.querySelector(
       '.k-invalid input, .k-invalid[tabindex="0"]'
     )?.focus();
   }
-  function A(E) {
+  function k(E) {
     if (h.value) {
       h.value = !1;
       return;
@@ -623,11 +623,11 @@ function We(e, t) {
   return {
     touched: r,
     fieldsetValidate: p,
-    onFocusout: A,
+    onFocusout: k,
     reset: R,
-    createFieldValidity: P,
+    createFieldValidity: V,
     createFieldValidationsMap: T,
-    focusFirstInvalidField: L
+    focusFirstInvalidField: F
   };
 }
 const Ge = [
@@ -722,15 +722,15 @@ function _e(e, t = "zip") {
     zipRaw: p,
     isZipValid: m,
     wrapperClass: D,
-    handleZipInput: P
+    handleZipInput: V
   } = r;
-  return ue(p, (L) => {
-    e.zip = L;
+  return ue(p, (F) => {
+    e.zip = F;
   }), {
     zipDisplay: h,
     isZipValid: m,
     zipWrapperClass: D,
-    onZipInput: P,
+    onZipInput: V,
     resetZip: () => {
       h.value = "", e.zip = "";
     }
@@ -770,26 +770,26 @@ function dt(e) {
   const r = U(!1), h = U(!1), p = y(() => le(e.required) ?? !0), {
     formData: m,
     onAddress1Input: D,
-    onAddress2Input: P,
+    onAddress2Input: V,
     onCityInput: T,
-    onStateChange: L,
-    resetFormData: A
-  } = je(), R = `${e.addressId}-zip`, { zipDisplay: E, isZipValid: k, zipWrapperClass: C, onZipInput: u, resetZip: i } = _e(m, R), {
+    onStateChange: F,
+    resetFormData: k
+  } = je(), R = `${e.addressId}-zip`, { zipDisplay: E, isZipValid: A, zipWrapperClass: C, onZipInput: u, resetZip: i } = _e(m, R), {
     strictAddress1Valid: l,
     strictCityValid: g,
-    strictStateValid: V,
+    strictStateValid: L,
     strictZipValid: Y,
     strictAddressValid: z
   } = Je({
     formData: m,
-    isZipValid: k
+    isZipValid: A
   }), _ = We(t, {
     submitted: r,
     isValid: () => z.value
   }), { touched: ee, fieldsetValidate: s, onFocusout: w, reset: f } = _, b = _.createFieldValidationsMap({
     address1: l,
     city: g,
-    state: V,
+    state: L,
     zip: Y,
     address: z
   }), {
@@ -806,7 +806,7 @@ function dt(e) {
     () => p.value ? S.value : !0
   ), v = y(
     () => p.value ? M.value : !0
-  ), $ = y(
+  ), P = y(
     () => p.value ? N.value : !0
   ), H = y(
     () => p.value ? W.value : !0
@@ -819,10 +819,10 @@ function dt(e) {
     city: m.city.trim(),
     state: (m.state ?? "").trim().toUpperCase(),
     zip: m.zip.replace(/\D/g, "")
-  })), c = y(() => m.address1.trim() === "" && m.address2.trim() === "" && m.city.trim() === "" && (m.state ?? "").trim() === "" && m.zip.replace(/\D/g, "") === ""), F = y(() => !c.value), q = y(() => !p.value && F.value && (!l.value || !g.value || !V.value)), j = y(() => {
+  })), c = y(() => m.address1.trim() === "" && m.address2.trim() === "" && m.city.trim() === "" && (m.state ?? "").trim() === "" && m.zip.replace(/\D/g, "") === ""), $ = y(() => !c.value), q = y(() => !p.value && $.value && (!l.value || !g.value || !L.value)), j = y(() => {
     const d = m.zip.replace(/\D/g, "");
-    return !p.value && F.value && d.length !== 5 && d.length !== 9;
-  }), te = y(() => !p.value && F.value && !z.value), O = y(() => !p.value && te.value && (h.value || r.value));
+    return !p.value && $.value && d.length !== 5 && d.length !== 9;
+  }), te = y(() => !p.value && $.value && !z.value), O = y(() => !p.value && te.value && (h.value || r.value));
   return ue(n, () => {
     p.value || (h.value = !1);
   }), ue(p, (d) => {
@@ -835,7 +835,7 @@ function dt(e) {
     address1Valid: se,
     cityValid: a,
     stateValid: v,
-    zipValid: $,
+    zipValid: P,
     addressValid: H,
     optionalFeedbackActive: O,
     optionalPartialInvalid: te,
@@ -846,9 +846,9 @@ function dt(e) {
     zipDisplay: E,
     zipWrapperClass: C,
     onAddress1Input: D,
-    onAddress2Input: P,
+    onAddress2Input: V,
     onCityInput: T,
-    onStateChange: L,
+    onStateChange: F,
     onZipInput: u,
     onFieldsetFocusout: (d) => {
       const x = et(t.value, d);
@@ -863,7 +863,7 @@ function dt(e) {
       payload: n.value
     }) : (r.value = !0, { isValid: !1, payload: null }),
     reset: () => {
-      r.value = !1, h.value = !1, f(), A(), i();
+      r.value = !1, h.value = !1, f(), k(), i();
     }
   };
 }
@@ -899,52 +899,52 @@ function xe(...e) {
       Ee(Le(r.value ? e[2] : e[1])),
       le(r.value ? e[3] : e[2])
     ];
-  }, ([h, p, m, D], P, T) => {
+  }, ([h, p, m, D], V, T) => {
     if (!h?.length || !p?.length || !m?.length) return;
-    const L = at(D) ? { ...D } : D, A = h.flatMap((R) => p.flatMap((E) => m.map((k) => t(R, E, k, L))));
+    const F = at(D) ? { ...D } : D, k = h.flatMap((R) => p.flatMap((E) => m.map((A) => t(R, E, A, F))));
     T(() => {
-      A.forEach((R) => R());
+      k.forEach((R) => R());
     });
   }, { flush: "post" });
 }
 function $e(e, t, r = {}) {
-  const { window: h = Fe, ignore: p = [], capture: m = !0, detectIframe: D = !1, controls: P = !1 } = r;
-  if (!h) return P ? {
+  const { window: h = Fe, ignore: p = [], capture: m = !0, detectIframe: D = !1, controls: V = !1 } = r;
+  if (!h) return V ? {
     stop: we,
     cancel: we,
     trigger: we
   } : we;
   let T = !0;
-  const L = (i) => le(p).some((l) => {
+  const F = (i) => le(p).some((l) => {
     if (typeof l == "string") return Array.from(h.document.querySelectorAll(l)).some((g) => g === i.target || i.composedPath().includes(g));
     {
       const g = he(l);
       return g && (i.target === g || i.composedPath().includes(g));
     }
   });
-  function A(i) {
+  function k(i) {
     const l = le(i);
     return l && l.$.subTree.shapeFlag === 16;
   }
   function R(i, l) {
-    const g = le(i), V = g.$.subTree && g.$.subTree.children;
-    return V == null || !Array.isArray(V) ? !1 : V.some((Y) => Y.el === l.target || l.composedPath().includes(Y.el));
+    const g = le(i), L = g.$.subTree && g.$.subTree.children;
+    return L == null || !Array.isArray(L) ? !1 : L.some((Y) => Y.el === l.target || l.composedPath().includes(Y.el));
   }
   const E = (i) => {
     const l = he(e);
-    if (i.target != null && !(!(l instanceof Element) && A(e) && R(e, i)) && !(!l || l === i.target || i.composedPath().includes(l))) {
-      if ("detail" in i && i.detail === 0 && (T = !L(i)), !T) {
+    if (i.target != null && !(!(l instanceof Element) && k(e) && R(e, i)) && !(!l || l === i.target || i.composedPath().includes(l))) {
+      if ("detail" in i && i.detail === 0 && (T = !F(i)), !T) {
         T = !0;
         return;
       }
       t(i);
     }
   };
-  let k = !1;
+  let A = !1;
   const C = [
     xe(h, "click", (i) => {
-      k || (k = !0, setTimeout(() => {
-        k = !1;
+      A || (A = !0, setTimeout(() => {
+        A = !1;
       }, 0), E(i));
     }, {
       passive: !0,
@@ -952,7 +952,7 @@ function $e(e, t, r = {}) {
     }),
     xe(h, "pointerdown", (i) => {
       const l = he(e);
-      T = !L(i) && !!(l && !i.composedPath().includes(l));
+      T = !F(i) && !!(l && !i.composedPath().includes(l));
     }, { passive: !0 }),
     D && xe(h, "blur", (i) => {
       setTimeout(() => {
@@ -963,7 +963,7 @@ function $e(e, t, r = {}) {
       }, 0);
     }, { passive: !0 })
   ].filter(Boolean), u = () => C.forEach((i) => i());
-  return P ? {
+  return V ? {
     stop: u,
     cancel: () => {
       T = !1;
@@ -984,37 +984,44 @@ const Ie = (e) => {
       return l.focus(), !0;
     const g = p();
     return g?.focus(), !!g;
-  }, P = () => {
+  }, V = () => {
     Ie(e.menuRef.value)?.querySelector(r)?.focus();
   }, T = (l) => {
-    e.isOpen.value && (t.value = l, e.requestHide());
+    e.isOpen.value && (t.value = l, R(!1), e.requestHide());
   };
   $e(e.menuRef, () => T("outside-click"), {
     ignore: [e.triggerRef]
   });
-  let L = null;
-  const A = () => {
-    L?.removeAttribute("aria-haspopup"), L?.removeAttribute("aria-expanded"), L = null;
+  let F = null;
+  const k = () => {
+    F?.removeAttribute("aria-haspopup"), F?.removeAttribute("aria-expanded"), F = null;
   }, R = (l) => {
     if (e.manageMenuTriggerAria === !1) return;
     const g = p();
-    if (!g || !ot(g, h)) {
-      A();
+    if (!g) {
+      F && (F.isConnected ? (F.setAttribute("aria-haspopup", "menu"), F.setAttribute(
+        "aria-expanded",
+        l ? "true" : "false"
+      )) : k());
       return;
     }
-    L !== g && A(), g.setAttribute("aria-haspopup", "menu"), g.setAttribute("aria-expanded", l ? "true" : "false"), L = g;
+    if (!ot(g, h)) {
+      k();
+      return;
+    }
+    F && F !== g && k(), g.setAttribute("aria-haspopup", "menu"), g.setAttribute("aria-expanded", l ? "true" : "false"), F = g;
   };
   ue(
     [e.isOpen, e.triggerRef],
     ([l]) => R(l),
     { immediate: !0, flush: "post" }
-  ), Ke(A);
+  ), Ke(k);
   const E = () => {
     if (e.isOpen.value) {
       T("trigger-click");
       return;
     }
-    e.requestShow(), B(P);
+    e.requestShow(), B(V);
   };
   return {
     /**
@@ -1065,85 +1072,85 @@ const Ie = (e) => {
   };
 };
 function pt(e) {
-  const t = U(""), r = U(void 0), h = U(!!e.debug), p = U(e.dateFormat ?? "mm/dd/yyyy"), m = y(() => !!e.required), D = 1e3, P = U(!1), T = ["ArrowUp", "ArrowDown"], L = ["ArrowLeft", "ArrowRight"], A = y(() => (t.value ?? "").replace(/\D/g, "")), R = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : A.value.length <= 10 ? "yyyy" : "mm", E = y(() => {
+  const t = U(""), r = U(void 0), h = U(!!e.debug), p = U(e.dateFormat ?? "mm/dd/yyyy"), m = y(() => !!e.required), D = 1e3, V = U(!1), T = ["ArrowUp", "ArrowDown"], F = ["ArrowLeft", "ArrowRight"], k = y(() => (t.value ?? "").replace(/\D/g, "")), R = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : k.value.length <= 10 ? "yyyy" : "mm", E = y(() => {
     const a = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
-  }), k = y(() => {
+  }), A = y(() => {
     const a = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
   }), C = y(() => {
     const a = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(4, "0");
   }), u = (a) => {
-    if (A.value.length === 0) {
+    if (k.value.length === 0) {
       e.onChange({ value: null, event: a });
       return;
     }
-    if (A.value.length < 8) {
+    if (k.value.length < 8) {
       e.onChange({ value: null, event: a });
       return;
     }
-    if ((t.value ?? "").length === 10 && A.value.length === 8) {
-      const [v, $, H] = t.value.split("/"), Z = parseInt(v), G = parseInt($), n = parseInt(H);
+    if ((t.value ?? "").length === 10 && k.value.length === 8) {
+      const [v, P, H] = t.value.split("/"), Z = parseInt(v), G = parseInt(P), n = parseInt(H);
       if (z(n, Z, G)) {
-        const c = V(n, Z, G);
+        const c = L(n, Z, G);
         i(c) ? e.onChange({ value: c, event: a }) : e.onChange({ value: null, event: a });
       } else
         e.onChange({ value: null, event: a });
     }
   }, i = (a) => {
-    const v = e.min ?? void 0, $ = e.max ?? void 0;
-    return !(v && a < v || $ && a > $);
+    const v = e.min ?? void 0, P = e.max ?? void 0;
+    return !(v && a < v || P && a > P);
   }, l = y(() => {
-    if ((t.value ?? "").length === 10 && A.value.length === 8) {
-      const [a, v, $] = (t.value ?? "").split("/"), H = parseInt(a), Z = parseInt(v), G = parseInt($);
+    if ((t.value ?? "").length === 10 && k.value.length === 8) {
+      const [a, v, P] = (t.value ?? "").split("/"), H = parseInt(a), Z = parseInt(v), G = parseInt(P);
       if (z(G, H, Z))
-        return V(G, H, Z);
+        return L(G, H, Z);
     }
     return null;
-  }), g = y(() => (t.value ?? "").length === 10 && A.value.length === 8), V = (a, v, $) => {
+  }), g = y(() => (t.value ?? "").length === 10 && k.value.length === 8), L = (a, v, P) => {
     const H = /* @__PURE__ */ new Date(0);
-    return H.setFullYear(a, v - 1, $), H.setHours(0, 0, 0, 0), H;
-  }, Y = (a, v) => V(a, v + 1, 0).getDate(), z = (a, v, $) => v >= 1 && v <= 12 && a >= D && $ >= 1 && $ <= Y(a, v), _ = (a) => {
+    return H.setFullYear(a, v - 1, P), H.setHours(0, 0, 0, 0), H;
+  }, Y = (a, v) => L(a, v + 1, 0).getDate(), z = (a, v, P) => v >= 1 && v <= 12 && a >= D && P >= 1 && P <= Y(a, v), _ = (a) => {
     t.value = a.value;
     const v = a.event?.target;
     r.value = v?.selectionStart ?? 0, u(a);
   }, ee = (a) => {
     r.value = a.target.selectionStart ?? 0;
-  }, s = (a, v, $) => {
+  }, s = (a, v, P) => {
     const H = v?.selectionStart ?? r.value ?? 0;
     r.value = H;
-    let Z = parseInt(E.value), G = parseInt(k.value), n = parseInt(C.value);
-    if (!(A.value.length >= 8) || !z(n, Z, G)) {
+    let Z = parseInt(E.value), G = parseInt(A.value), n = parseInt(C.value);
+    if (!(k.value.length >= 8) || !z(n, Z, G)) {
       const X = e.defaultValue ?? /* @__PURE__ */ new Date();
       Z = X.getMonth() + 1, G = X.getDate(), n = X.getFullYear(), t.value = `${String(Z).padStart(2, "0")}/${String(G).padStart(
         2,
         "0"
       )}/${String(n)}`;
-      const ce = V(n, Z, G);
-      e.onChange({ value: i(ce) ? ce : null, event: $ }), S({ useRAF: !0 });
+      const ce = L(n, Z, G);
+      e.onChange({ value: i(ce) ? ce : null, event: P }), S({ useRAF: !0 });
       return;
     }
-    const F = R(H);
-    if (F === "mm")
+    const $ = R(H);
+    if ($ === "mm")
       Z = a === "ArrowUp" ? Z < 12 ? Z + 1 : 1 : Z > 1 ? Z - 1 : 12;
-    else if (F === "dd") {
+    else if ($ === "dd") {
       const X = new Date(n, Z, 0).getDate();
       G = a === "ArrowUp" ? G < X ? G + 1 : 1 : G > 1 ? G - 1 : X;
-    } else F === "yyyy" && (n = a === "ArrowUp" ? n + 1 : Math.max(1, n - 1));
+    } else $ === "yyyy" && (n = a === "ArrowUp" ? n + 1 : Math.max(1, n - 1));
     t.value = `${String(Z).padStart(2, "0")}/${String(G).padStart(
       2,
       "0"
     )}/${String(n)}`;
-    const [q, j, te] = t.value.split("/"), O = V(
+    const [q, j, te] = t.value.split("/"), O = L(
       parseInt(te),
       parseInt(q),
       parseInt(j)
     );
     O.toString() !== "Invalid Date" && parseInt(te) >= 1e3 ? e.onChange({
       value: i(O) ? O : null,
-      event: $
-    }) : e.onChange({ value: null, event: $ }), S({ useRAF: !0 });
+      event: P
+    }) : e.onChange({ value: null, event: P }), S({ useRAF: !0 });
   }, w = (a) => {
     if (a.code === "Space" || a.key === " ") {
       a.preventDefault(), a.stopPropagation(), e.onShowCalendar(a);
@@ -1166,7 +1173,7 @@ function pt(e) {
     s(v, a.target, a);
   }, b = (a) => {
     const v = a.target;
-    if (L.includes(a.key)) {
+    if (F.includes(a.key)) {
       r.value = v?.selectionStart ?? 0;
       return;
     }
@@ -1175,18 +1182,18 @@ function pt(e) {
       r.value = v?.selectionStart ?? 0;
     }
   }, I = (a) => {
-    P.value = !0, m.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && A.value.length === 0 && (e.externalValue.value = "");
+    V.value = !0, m.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && k.value.length === 0 && (e.externalValue.value = "");
     const v = a.target;
     v && (r.value = v.selectionStart ?? 0);
   }, S = (a) => {
     const v = () => {
-      const $ = document.getElementById(
+      const P = document.getElementById(
         e.id
       );
-      if (!$) return;
-      const H = a?.pos ?? r.value ?? $.value.length;
+      if (!P) return;
+      const H = a?.pos ?? r.value ?? P.value.length;
       try {
-        $.focus(), $.setSelectionRange(H, H);
+        P.focus(), P.setSelectionRange(H, H);
       } catch {
       }
     };
@@ -1208,8 +1215,8 @@ function pt(e) {
       if (a) {
         const v = new Date(a);
         if (v.toString() !== "Invalid Date") {
-          const $ = (v.getMonth() + 1).toString().padStart(2, "0"), H = v.getDate().toString().padStart(2, "0"), Z = v.getFullYear().toString();
-          t.value = `${$}/${H}/${Z}`, S({ delay: 50 });
+          const P = (v.getMonth() + 1).toString().padStart(2, "0"), H = v.getDate().toString().padStart(2, "0"), Z = v.getFullYear().toString();
+          t.value = `${P}/${H}/${Z}`, S({ delay: 50 });
           return;
         }
       }
@@ -1217,8 +1224,8 @@ function pt(e) {
     { immediate: !0 }
   );
   const M = y(() => [
-    ["Date", `${E.value} / ${k.value} / ${C.value}`],
-    ["Digits only", A.value],
+    ["Date", `${E.value} / ${A.value} / ${C.value}`],
+    ["Digits only", k.value],
     [
       "min",
       e.min?.toLocaleDateString("en-US", {
@@ -1241,7 +1248,7 @@ function pt(e) {
       const v = l.value;
       return v ? i(v) : !1;
     }
-    if (!P.value) return !0;
+    if (!V.value) return !0;
     const a = l.value;
     return !g.value || !a ? !1 : i(a);
   }), W = y(() => {
@@ -1250,8 +1257,8 @@ function pt(e) {
       const v = l.value;
       return v ? i(v) ? "valid" : "out-of-bounds" : "invalid-date";
     }
-    if (!P.value) return;
-    if (A.value.length === 0 || !g.value)
+    if (!V.value) return;
+    if (k.value.length === 0 || !g.value)
       return "incomplete";
     const a = l.value;
     return a ? i(a) ? "valid" : "out-of-bounds" : "invalid-date";
@@ -1266,15 +1273,15 @@ function pt(e) {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
-    }) : null, $ = e.max ? e.max.toLocaleDateString("en-US", {
+    }) : null, P = e.max ? e.max.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
     }) : null;
     if (a === "out-of-bounds") {
-      if (v && $) return `Must be between ${v} and ${$}.`;
+      if (v && P) return `Must be between ${v} and ${P}.`;
       if (v) return `Must be on or after ${v}.`;
-      if ($) return `Must be on or before ${$}.`;
+      if (P) return `Must be on or before ${P}.`;
     }
     return "";
   }), se = () => {
@@ -1291,11 +1298,11 @@ function pt(e) {
         console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
         return;
       }
-      const $ = v.parentElement;
-      if ($) {
-        if ($.classList.contains("fk-datepicker"))
+      const P = v.parentElement;
+      if (P) {
+        if (P.classList.contains("fk-datepicker"))
           return;
-        $.classList.add("fk-datepicker");
+        P.classList.add("fk-datepicker");
       } else
         console.warn(
           `Parent of .k-datepicker not found for #${e.id} styling.`
@@ -1313,9 +1320,9 @@ function pt(e) {
     isValid: N,
     reason: Q(W),
     validationMessage: re,
-    digitsOnly: A,
+    digitsOnly: k,
     month: Q(E),
-    day: Q(k),
+    day: Q(A),
     year: Q(C),
     datePart: R,
     handleChange: _,
@@ -1329,29 +1336,29 @@ function pt(e) {
   };
 }
 function mt(e) {
-  const t = U(""), r = U(void 0), h = U(!!e.debug), p = U(!1), m = 1440 * 60 * 1e3, D = 365 * m, P = /* @__PURE__ */ new Date(), T = new Date(P.getTime() - D), L = new Date(P.getTime() + D);
-  e.min = e.min ?? T, e.max = e.max ?? L;
-  const A = y(() => (t.value ?? "").replace(/\D/g, "")), R = (o, d) => new Date(o, d, 0).getDate(), E = (o, d, x) => d >= 1 && d <= 12 && o >= 1e3 && x >= 1 && x <= R(o, d), k = (o) => Date.UTC(o.getFullYear(), o.getMonth(), o.getDate()), C = (o) => {
+  const t = U(""), r = U(void 0), h = U(!!e.debug), p = U(!1), m = 1440 * 60 * 1e3, D = 365 * m, V = /* @__PURE__ */ new Date(), T = new Date(V.getTime() - D), F = new Date(V.getTime() + D);
+  e.min = e.min ?? T, e.max = e.max ?? F;
+  const k = y(() => (t.value ?? "").replace(/\D/g, "")), R = (o, d) => new Date(o, d, 0).getDate(), E = (o, d, x) => d >= 1 && d <= 12 && o >= 1e3 && x >= 1 && x <= R(o, d), A = (o) => Date.UTC(o.getFullYear(), o.getMonth(), o.getDate()), C = (o) => {
     if (!o) return null;
-    const d = e.min ?? new Date(Date.now() - 90 * m), x = e.max ?? /* @__PURE__ */ new Date(), K = k(o);
-    return K < k(d) || K > k(x) ? null : o;
-  }, u = (o, d) => e.allowReverse ?? !1 ? !0 : o <= d, i = y(() => (t.value?.length ?? 0) >= 23 && A.value.length >= 16), l = (o) => {
-    if ((o ?? "").length < 23 || A.value.length < 16)
+    const d = e.min ?? new Date(Date.now() - 90 * m), x = e.max ?? /* @__PURE__ */ new Date(), K = A(o);
+    return K < A(d) || K > A(x) ? null : o;
+  }, u = (o, d) => e.allowReverse ?? !1 ? !0 : o <= d, i = y(() => (t.value?.length ?? 0) >= 23 && k.value.length >= 16), l = (o) => {
+    if ((o ?? "").length < 23 || k.value.length < 16)
       return { start: null, end: null };
     const d = o.substring(0, 10), x = o.substring(13, 23), [K, ne, ae] = d.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, me, ve] = x.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(ae, K - 1, ne), ye = new Date(ve, fe - 1, me), Se = E(ae, K, ne) && ge.toString() !== "Invalid Date", ke = E(ve, fe, me) && ye.toString() !== "Invalid Date";
     return { start: Se ? ge : null, end: ke ? ye : null };
-  }, g = e.externalValid ?? U(!0), V = y(() => l(t.value)), Y = y(() => {
-    const o = C(V.value.start), d = C(V.value.end);
+  }, g = e.externalValid ?? U(!0), L = y(() => l(t.value)), Y = y(() => {
+    const o = C(L.value.start), d = C(L.value.end);
     return { start: o, end: d };
   }), z = y(() => {
     if (!i.value) return;
     const o = Y.value.start, d = Y.value.end;
     if (!o || !d) return;
-    const x = Math.abs(k(d) - k(o));
+    const x = Math.abs(A(d) - A(o));
     return Math.round(x / 864e5 + 1);
   }), _ = U(!1), ee = y(() => {
     if (!_.value) return;
-    const { start: o, end: d } = V.value;
+    const { start: o, end: d } = L.value;
     if (!i.value) return "incomplete";
     if (!o || !d) return "invalid-date";
     if (!Y.value.start || !Y.value.end) return "out-of-bounds";
@@ -1472,7 +1479,7 @@ function mt(e) {
     o.preventDefault();
     const d = o.deltaY < 0 ? "ArrowUp" : "ArrowDown";
     N(d, o.target, o);
-  }, $ = (o) => {
+  }, P = (o) => {
     if (b.includes(o.key) || f.includes(o.key)) {
       const d = o.target;
       r.value = d?.selectionStart ?? 0;
@@ -1509,7 +1516,7 @@ function mt(e) {
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
   ), c = y(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), F = y(
+  ), $ = y(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
   ), q = y(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
@@ -1536,7 +1543,7 @@ function mt(e) {
         label: "Start",
         value: `${String(n.value).padStart(2, "0")} / ${String(
           c.value
-        ).padStart(2, "0")} / ${String(F.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String($.value).padStart(4, "0")}`
       },
       {
         label: "End",
@@ -1544,7 +1551,7 @@ function mt(e) {
           j.value
         ).padStart(2, "0")} / ${String(te.value).padStart(4, "0")}`
       },
-      { label: "Digits only", value: A.value },
+      { label: "Digits only", value: k.value },
       { label: "Mask complete", value: `${i.value}` },
       {
         label: "Parsed",
@@ -1619,7 +1626,7 @@ function mt(e) {
     cursorPos: r,
     debugEnabled: h,
     debugLines: O,
-    digitsOnly: A,
+    digitsOnly: k,
     valid: g,
     validComputed: Q(s),
     reason: Q(ee),
@@ -1627,14 +1634,14 @@ function mt(e) {
     spanDays: Q(z),
     month1: Q(n),
     day1: Q(c),
-    year1: Q(F),
+    year1: Q($),
     month2: Q(q),
     day2: Q(j),
     year2: Q(te),
     handleChange: re,
     handleKeyDown: a,
     handleWheel: v,
-    handleKeyUp: $,
+    handleKeyUp: P,
     handleClick: se,
     handleBlur: Z,
     handleClear: G,
@@ -1645,7 +1652,7 @@ function mt(e) {
   };
 }
 function vt(e) {
-  const t = U(""), r = U(void 0), h = U(!!e.debug), p = U(e.timeFormat ?? "hh:mm AM"), m = y(() => !!e.required), D = U(!1), P = ["ArrowUp", "ArrowDown"], T = ["ArrowLeft", "ArrowRight"], L = y(() => (t.value ?? "").replace(/\D/g, "")), A = {
+  const t = U(""), r = U(void 0), h = U(!!e.debug), p = U(e.timeFormat ?? "hh:mm AM"), m = y(() => !!e.required), D = U(!1), V = ["ArrowUp", "ArrowDown"], T = ["ArrowLeft", "ArrowRight"], F = y(() => (t.value ?? "").replace(/\D/g, "")), k = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
@@ -1655,31 +1662,31 @@ function vt(e) {
   }, R = (n) => n <= 2 ? "hh" : n <= 5 ? "mm" : "ampm", E = y(() => {
     const n = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", c = parseInt(n);
     return Math.min(Math.max(c, 0), 23);
-  }), k = y(() => {
+  }), A = y(() => {
     const n = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", c = parseInt(n);
     return Math.min(Math.max(c, 0), 59);
   }), C = y(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), u = y(() => {
     const n = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), c = C.value;
     return n === 12 ? c === "AM" ? 0 : 12 : c === "PM" ? n + 12 : n;
-  }), i = y(() => l.value ? `${String(u.value).padStart(2, "0")}:${String(k.value).padStart(2, "0")}:00` : null), l = y(
+  }), i = y(() => l.value ? `${String(u.value).padStart(2, "0")}:${String(A.value).padStart(2, "0")}:00` : null), l = y(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), g = (n, c, F) => {
+  ), g = (n, c, $) => {
     let q = n % 12;
     return q === 0 && (q = 12), `${String(q).padStart(2, "0")}:${String(c).padStart(
       2,
       "0"
-    )} ${F}`;
-  }, V = (n) => {
+    )} ${$}`;
+  }, L = (n) => {
     const c = n.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!c) return null;
-    const F = parseInt(c[1]), q = parseInt(c[2]), j = c[3].toUpperCase();
-    if (F < 1 || F > 12 || q < 0 || q > 59) return null;
-    let te = F % 12;
+    const $ = parseInt(c[1]), q = parseInt(c[2]), j = c[3].toUpperCase();
+    if ($ < 1 || $ > 12 || q < 0 || q > 59) return null;
+    let te = $ % 12;
     j === "PM" && (te += 12);
     const O = /* @__PURE__ */ new Date();
     return O.setSeconds(0, 0), O.setHours(te), O.setMinutes(q), O;
   }, Y = (n) => {
-    if (L.value.length === 0) {
+    if (F.value.length === 0) {
       e.onChange({ value: null, event: n });
       return;
     }
@@ -1687,22 +1694,22 @@ function vt(e) {
       e.onChange({ value: null, event: n });
       return;
     }
-    const c = V(t.value);
+    const c = L(t.value);
     c && _(c) ? e.onChange({ value: c, event: n }) : e.onChange({ value: null, event: n });
   }, z = (n) => n.getHours() * 60 + n.getMinutes(), _ = (n) => {
-    const c = e.min ?? void 0, F = e.max ?? void 0, q = z(n);
+    const c = e.min ?? void 0, $ = e.max ?? void 0, q = z(n);
     if (c) {
       const j = z(c);
       if (q < j) return !1;
     }
-    if (F) {
-      const j = z(F);
+    if ($) {
+      const j = z($);
       if (q > j) return !1;
     }
     return !0;
   }, ee = (n) => {
-    const c = n.getHours(), F = c >= 12 ? "PM" : "AM";
-    t.value = g(c, n.getMinutes(), F);
+    const c = n.getHours(), $ = c >= 12 ? "PM" : "AM";
+    t.value = g(c, n.getMinutes(), $);
   }, s = (n, c) => {
     e.onChange({ value: n, event: c });
   }, w = () => {
@@ -1728,15 +1735,15 @@ function vt(e) {
   }, I = (...n) => {
     const c = n[0];
     if (!c) return;
-    const F = f(c);
-    if (F === "now") {
+    const $ = f(c);
+    if ($ === "now") {
       const j = /* @__PURE__ */ new Date();
       ee(j), b(j, c), w();
       return;
     }
     if (c?.value instanceof Date) {
       const j = new Date(c.value);
-      ee(j), b(j, c), F === "set" && w();
+      ee(j), b(j, c), $ === "set" && w();
       return;
     }
     if (c?.value === null) {
@@ -1771,16 +1778,16 @@ function vt(e) {
     Y(c);
   }, S = (n) => {
     r.value = n.target.selectionStart ?? 0;
-  }, M = (n, c, F) => {
+  }, M = (n, c, $) => {
     const q = c?.selectionStart ?? r.value ?? 0;
     r.value = q;
     const j = R(q), te = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!te) {
-      if ((t.value ?? "").length === 0 || L.value.length === 0) {
+      if ((t.value ?? "").length === 0 || F.value.length === 0) {
         const d = /* @__PURE__ */ new Date(), x = d.getHours(), K = x >= 12 ? "PM" : "AM";
         t.value = g(x, d.getMinutes(), K);
-        const ne = V(t.value);
-        b(ne, F), B(() => {
+        const ne = L(t.value);
+        b(ne, $), B(() => {
           requestAnimationFrame(() => {
             const ae = document.getElementById(
               e.id
@@ -1812,8 +1819,8 @@ function vt(e) {
       2,
       "0"
     )} ${ce}`;
-    const o = V(t.value);
-    b(o, F), B(() => {
+    const o = L(t.value);
+    b(o, $), B(() => {
       requestAnimationFrame(() => {
         const d = document.getElementById(
           e.id
@@ -1830,7 +1837,7 @@ function vt(e) {
       n.preventDefault(), n.stopPropagation(), e.onShowPicker(n);
       return;
     }
-    if (P.includes(n.key)) {
+    if (V.includes(n.key)) {
       if (n.altKey) return;
       n.preventDefault(), n.stopPropagation();
       const c = n.target;
@@ -1847,12 +1854,12 @@ function vt(e) {
       r.value = c?.selectionStart ?? 0;
       return;
     }
-    if (P.includes(n.key)) {
+    if (V.includes(n.key)) {
       if (n.altKey) return;
       r.value = c?.selectionStart ?? 0;
     }
   }, se = (n) => {
-    D.value = !0, m.value && e.externalValue && e.externalValue.value === void 0 && L.value.length === 0 && (e.externalValue.value = "");
+    D.value = !0, m.value && e.externalValue && e.externalValue.value === void 0 && F.value.length === 0 && (e.externalValue.value = "");
     const c = n.target;
     c && (r.value = c.selectionStart ?? 0);
   };
@@ -1862,8 +1869,8 @@ function vt(e) {
       if (n) {
         const c = new Date(n);
         if (c.toString() !== "Invalid Date") {
-          const F = c.getHours(), q = F >= 12 ? "PM" : "AM";
-          t.value = g(F, c.getMinutes(), q);
+          const $ = c.getHours(), q = $ >= 12 ? "PM" : "AM";
+          t.value = g($, c.getMinutes(), q);
           return;
         }
       }
@@ -1874,10 +1881,10 @@ function vt(e) {
     ["Time", t.value || "--:-- --"],
     ["Hour (12h)", E.value],
     ["Hour (24h)", u.value],
-    ["Minute", k.value],
+    ["Minute", A.value],
     ["Period", C.value],
     ["Time (24h)", i.value ?? "--:--:--"],
-    ["Digits only", L.value],
+    ["Digits only", F.value],
     [
       "Parsed Date",
       v.value?.toLocaleDateString("en-US", {
@@ -1899,12 +1906,12 @@ function vt(e) {
         minute: "2-digit"
       }) ?? null
     ],
-    ["valid", $.value],
+    ["valid", P.value],
     ["reason", H.value],
     ["validationMessage", Z.value]
   ]), v = y(
-    () => V(t.value) ?? null
-  ), $ = y(() => {
+    () => L(t.value) ?? null
+  ), P = y(() => {
     if (!m.value) {
       if (!l.value) return !0;
       const c = v.value;
@@ -1920,7 +1927,7 @@ function vt(e) {
       return c ? _(c) ? "valid" : "out-of-bounds" : "invalid-time";
     }
     if (!D.value) return;
-    if (L.value.length === 0 || !l.value)
+    if (F.value.length === 0 || !l.value)
       return "incomplete";
     const n = v.value;
     return n ? _(n) ? "valid" : "out-of-bounds" : "invalid-time";
@@ -1934,10 +1941,10 @@ function vt(e) {
     const c = {
       hour: "2-digit",
       minute: "2-digit"
-    }, F = e.min ? e.min.toLocaleTimeString("en-US", c) : null, q = e.max ? e.max.toLocaleTimeString("en-US", c) : null;
+    }, $ = e.min ? e.min.toLocaleTimeString("en-US", c) : null, q = e.max ? e.max.toLocaleTimeString("en-US", c) : null;
     if (n === "out-of-bounds") {
-      if (F && q) return `Must be between ${F} and ${q}.`;
-      if (F) return `Must be ${F} or later.`;
+      if ($ && q) return `Must be between ${$} and ${q}.`;
+      if ($) return `Must be ${$} or later.`;
       if (q) return `Must be ${q} or earlier.`;
     }
     return "";
@@ -1955,25 +1962,25 @@ function vt(e) {
         );
         return;
       }
-      const F = c.parentElement;
-      if (!F) {
+      const $ = c.parentElement;
+      if (!$) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
         );
         return;
       }
-      F.classList.contains("fk-timepicker") || F.classList.add("fk-timepicker");
+      $.classList.contains("fk-timepicker") || $.classList.add("fk-timepicker");
     });
   };
   return Me(() => {
     G();
   }), {
     raw: t,
-    rules: A,
+    rules: k,
     debugEnabled: h,
     debugLines: a,
     placeholder: p,
-    isValid: $,
+    isValid: P,
     reason: Q(H),
     validationMessage: Z,
     isComplete: l,
@@ -1981,7 +1988,7 @@ function vt(e) {
     cursorPos: r,
     hour: Q(E),
     hour24: Q(u),
-    minute: Q(k),
+    minute: Q(A),
     period: Q(C),
     time24: Q(i),
     parsedRawTime: Q(v),
@@ -2001,20 +2008,20 @@ function gt(e) {
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], h = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? r].flat(), p = (A) => A ? typeof e.initialFocus == "string" ? A.querySelector(e.initialFocus) ?? A : typeof e.initialFocus == "function" ? e.initialFocus(A) ?? A : A.querySelector(
+  ], h = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? r].flat(), p = (k) => k ? typeof e.initialFocus == "string" ? k.querySelector(e.initialFocus) ?? k : typeof e.initialFocus == "function" ? e.initialFocus(k) ?? k : k.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? A : null, { activate: m, deactivate: D } = qe(t, {
+  ) ?? k : null, { activate: m, deactivate: D } = qe(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     fallbackFocus: () => t.value,
     initialFocus: () => p(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let P = null, T = U(null);
-  const L = () => {
+  let V = null, T = U(null);
+  const F = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
-    const A = (E, k) => {
-      const C = Array.from(E.querySelectorAll(k));
+    const k = (E, A) => {
+      const C = Array.from(E.querySelectorAll(A));
       if (!C.length) return null;
       const u = C.filter(
         (i) => i.offsetParent !== null || i.getClientRects().length > 0
@@ -2022,29 +2029,29 @@ function gt(e) {
       return u[u.length - 1] ?? C[C.length - 1] ?? null;
     }, R = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
     for (const E of h) {
-      const k = A(R, E);
-      if (k) return k;
+      const A = k(R, E);
+      if (A) return A;
     }
     for (const E of h) {
-      const k = A(document, E);
-      if (k) return k;
+      const A = k(document, E);
+      if (A) return A;
     }
     return null;
   };
-  return $e(t, (A) => {
-    T.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", A);
+  return $e(t, (k) => {
+    T.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", k);
   }), ue(
     () => e.isOpen.value,
-    (A) => {
-      A ? (T.value = null, B(() => {
-        const R = L();
-        R && (t.value = R, setTimeout(() => m(), 0), P || (P = (E) => {
+    (k) => {
+      k ? (T.value = null, B(() => {
+        const R = F();
+        R && (t.value = R, setTimeout(() => m(), 0), V || (V = (E) => {
           E.key === "Escape" && (T.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", E));
-        }, document.addEventListener("keydown", P, !0)));
-      })) : (D(), P && (document.removeEventListener("keydown", P, !0), P = null), t.value = null, T.value === "outside" && B(() => {
+        }, document.addEventListener("keydown", V, !0)));
+      })) : (D(), V && (document.removeEventListener("keydown", V, !0), V = null), t.value = null, T.value === "outside" && B(() => {
         const R = () => {
-          const E = e.triggerEl?.value, k = E?.querySelector("input"), C = document.activeElement;
-          C && (C === k || E && E.contains(C)) && (k ?? E)?.blur?.();
+          const E = e.triggerEl?.value, A = E?.querySelector("input"), C = document.activeElement;
+          C && (C === A || E && E.contains(C)) && (A ?? E)?.blur?.();
         };
         requestAnimationFrame(() => setTimeout(R, 0));
       }), e.returnFocusToTrigger !== !1 && T.value === "escape" && e.triggerEl?.value && B(() => {
@@ -2061,7 +2068,7 @@ function gt(e) {
     activate: m,
     deactivate: D,
     lastCloseReason: Q(T),
-    setPopupEl: (A) => t.value = A
+    setPopupEl: (k) => t.value = k
   };
 }
 export {