@featherk/composables 0.9.8 → 0.10.0

package/dist/featherk-composables.es.js

@@ -1,4 +1,4 @@
-import { ref as U, onBeforeUnmount as Ve, nextTick as Z, computed as d, watchEffect as Fe, toValue as le, reactive as Re, watch as de, onMounted as Me, readonly as X, getCurrentScope as Le, onScopeDispose as qe, unref as Oe, shallowRef as Ue } from "vue";
+import { ref as U, onBeforeUnmount as Ve, nextTick as H, computed as d, watchEffect as Fe, toValue as le, reactive as Re, watch as de, onMounted as Me, readonly as G, getCurrentScope as Le, onScopeDispose as qe, unref as Oe, shallowRef as Ue } from "vue";
 import { useFocusTrap as Ne } from "@vueuse/integrations/useFocusTrap";
 const ct = (e, t) => {
   const l = U(null);
@@ -12,10 +12,10 @@ const ct = (e, t) => {
     const u = o.closest(".k-grid-aria-root");
     if (u)
       return b.contains(u);
-    const p = o.closest(
+    const f = o.closest(
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
-    return p ? b.contains(p) : !1;
+    return f ? b.contains(f) : !1;
   }, y = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", R = () => e?.value?.columns, k = (o) => {
     const b = o.key || o.code;
     ([" ", "Spacebar", "Space"].includes(b) || y(o)) && (o.preventDefault(), o.stopPropagation(), l.value = o.target, o.target.click());
@@ -34,7 +34,7 @@ const ct = (e, t) => {
     );
     if (u) {
       if (o.code === "Tab") {
-        const p = [
+        const f = [
           // ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
           // ".k-filter-menu-container input.k-input-inner:not([tabindex='-1']):not([disabled])",
           // ".k-filter-menu-container button:not([tabindex='-1']):not([disabled])",
@@ -43,7 +43,7 @@ const ct = (e, t) => {
           "input.k-input-inner:not([tabindex='-1']):not([disabled])",
           "button:not([tabindex='-1']):not([disabled])",
           ".k-checkbox"
-        ], E = t?.focusableMenuSelectors ?? p, v = Array.from(
+        ], E = t?.focusableMenuSelectors ?? f, v = Array.from(
           u.querySelectorAll(E.join(","))
         );
         if (v.length === 0) return;
@@ -55,17 +55,17 @@ const ct = (e, t) => {
       }
     } else if (o.code === "ArrowUp" || o.code === "ArrowDown") {
       o.preventDefault(), o.stopPropagation();
-      const p = b.findIndex(
+      const f = b.findIndex(
         (v) => v === document.activeElement
       );
-      let E = p;
-      o.code === "ArrowUp" ? E = p > 0 ? p - 1 : b.length - 1 : o.code === "ArrowDown" && (E = p < b.length - 1 ? p + 1 : 0), b[E]?.focus();
+      let E = f;
+      o.code === "ArrowUp" ? E = f > 0 ? f - 1 : b.length - 1 : o.code === "ArrowDown" && (E = f < b.length - 1 ? f + 1 : 0), b[E]?.focus();
       return;
     }
     if (o.code === "Tab") {
       o.preventDefault(), o.stopPropagation();
-      const p = l.value?.parentElement;
-      (o.shiftKey ? p?.previousElementSibling : p?.nextElementSibling)?.querySelector(
+      const f = l.value?.parentElement;
+      (o.shiftKey ? f?.previousElementSibling : f?.nextElementSibling)?.querySelector(
         "button, [role='button'], .k-link"
       )?.focus();
     }
@@ -74,22 +74,22 @@ const ct = (e, t) => {
       o.forEach((b) => {
         b.addedNodes.forEach((u) => {
           if (u.nodeType === Node.ELEMENT_NODE) {
-            const p = u;
-            if (p.classList.contains("k-animation-container")) {
+            const f = u;
+            if (f.classList.contains("k-animation-container")) {
               const v = l.value;
-              v && (v.dataset.featherKSortable === "true" || Z(() => {
-                p.querySelectorAll(
+              v && (v.dataset.featherKSortable === "true" || H(() => {
+                f.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
                 ).forEach((Y) => {
                   Y.textContent?.toLowerCase().includes("sort") && Y.remove();
                 });
-              })), p.addEventListener(
+              })), f.addEventListener(
                 "keydown",
                 h
-              ), Z(() => {
+              ), H(() => {
                 const M = () => {
                   const L = Array.from(
-                    p.querySelectorAll(
+                    f.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
@@ -104,7 +104,7 @@ const ct = (e, t) => {
                 M();
               });
             }
-            p.querySelectorAll(
+            f.querySelectorAll(
               ".k-animation-container"
             ).forEach((v) => {
               v.addEventListener(
@@ -115,11 +115,11 @@ const ct = (e, t) => {
           }
         }), b.removedNodes.forEach((u) => {
           if (u.nodeType === Node.ELEMENT_NODE) {
-            const p = u;
-            p.classList.contains("k-animation-container") && p.removeEventListener(
+            const f = u;
+            f.classList.contains("k-animation-container") && f.removeEventListener(
               "keydown",
               h
-            ), p.querySelectorAll(
+            ), f.querySelectorAll(
               ".k-animation-container"
             ).forEach((v) => {
               v.removeEventListener(
@@ -134,12 +134,12 @@ const ct = (e, t) => {
       childList: !0,
       subtree: !0
     });
-  }, H = (o) => {
+  }, Z = (o) => {
     const b = o.tagName.toLowerCase();
     return !!(["input", "textarea", "select", "button"].includes(b) || o.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
     ));
-  }, f = (o) => {
+  }, p = (o) => {
     if (!o.type || !o)
       return;
     const b = o.target;
@@ -149,10 +149,10 @@ const ct = (e, t) => {
     );
     if (!T(b))
       return;
-    const p = ["ArrowLeft", "ArrowRight"].includes(
+    const f = ["ArrowLeft", "ArrowRight"].includes(
       o.code
     );
-    if (!(H(b) && !(u && p))) {
+    if (!(Z(b) && !(u && f))) {
       if (o.code === "Escape") {
         const E = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
         if (E) {
@@ -220,44 +220,44 @@ const ct = (e, t) => {
         }
       }
     }
-  }, w = () => {
-    Z(() => {
+  }, S = () => {
+    H(() => {
       const o = e.value?.$el;
       if (!o || typeof o.closest != "function") return;
       const b = o.closest(".k-grid");
       b && b.classList.add("fk-grid");
     });
-  }, V = () => {
+  }, P = () => {
     if (!g)
       try {
         const o = () => {
           try {
-            const p = Array.from(
+            const f = Array.from(
               e.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
             );
-            if (!p || p.length === 0 || p.filter(
+            if (!f || f.length === 0 || f.filter(
               (M) => M.getAttribute("tabindex") === "0"
             ).length === 1) return;
-            const v = p.find(
+            const v = f.find(
               (M) => M === document.activeElement || M.contains(document.activeElement)
             );
-            if (p.forEach((M) => M.setAttribute("tabindex", "-1")), v) {
+            if (f.forEach((M) => M.setAttribute("tabindex", "-1")), v) {
               v.setAttribute("tabindex", "0");
               return;
             }
-            p[0].setAttribute("tabindex", "0");
-          } catch (p) {
-            console.error("ensureSingleTabindex error:", p);
+            f[0].setAttribute("tabindex", "0");
+          } catch (f) {
+            console.error("ensureSingleTabindex error:", f);
           }
         }, b = Array.from(
           e.value.$el.querySelectorAll(
             ".k-table-row[data-grid-row-index]"
           )
         );
-        b.length > 0 && b.forEach((p, E) => {
-          p.setAttribute("tabindex", E === 0 ? "0" : "-1");
+        b.length > 0 && b.forEach((f, E) => {
+          f.setAttribute("tabindex", E === 0 ? "0" : "-1");
         });
         const u = e.value.$el.querySelector(".k-table-tbody");
         u && (g = new MutationObserver(() => {
@@ -266,17 +266,17 @@ const ct = (e, t) => {
       } catch (o) {
         console.error("Error setting up row navigation:", o);
       }
-  }, N = () => {
-    Z(() => {
+  }, z = () => {
+    H(() => {
       const b = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
       b && b.forEach((u) => {
         u.setAttribute("role", "button"), u.addEventListener(
           "keydown",
           k
         );
-      }), I(), j();
+      }), I(), J();
     });
-  }, J = () => {
+  }, Q = () => {
     const b = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
     b && b.forEach((u) => {
       u.removeEventListener(
@@ -284,10 +284,10 @@ const ct = (e, t) => {
         k
       );
     }), m && (m.disconnect(), m = null), g && (g.disconnect(), g = null), C.forEach((u) => u()), C.length = 0;
-  }, j = () => {
+  }, J = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
-    ).forEach((u, p) => {
+    ).forEach((u, f) => {
       if (u.dataset.featherKHeaderBound === "true")
         return;
       const E = u.querySelector(
@@ -295,14 +295,14 @@ const ct = (e, t) => {
       );
       if (!E) return;
       const v = R();
-      if (v && v[p]) {
-        const a = v[p].field ?? "";
+      if (v && v[f]) {
+        const a = v[f].field ?? "";
         u.setAttribute("data-feather-k-field", a), u.setAttribute(
           "data-feather-k-filterable",
-          v[p].filterable === !1 ? "false" : "true"
+          v[f].filterable === !1 ? "false" : "true"
         ), u.setAttribute(
           "data-feather-k-sortable",
-          v[p].sortable === !1 ? "false" : "true"
+          v[f].sortable === !1 ? "false" : "true"
         );
       }
       const M = u.dataset.featherKFilterable !== "false", L = u.dataset.featherKSortable !== "false";
@@ -337,9 +337,9 @@ const ct = (e, t) => {
     });
     const b = document.querySelector(".k-grid-header .k-table-thead");
     if (b && b.dataset.featherKHeaderBound !== "true") {
-      const u = (p) => {
-        const E = p.target.closest("th");
-        E && (y(p) || p.code === "Space") && E.dataset.featherKFilterable === "false" && E.dataset.featherKSortable === "false" && (p.preventDefault(), p.stopImmediatePropagation());
+      const u = (f) => {
+        const E = f.target.closest("th");
+        E && (y(f) || f.code === "Space") && E.dataset.featherKFilterable === "false" && E.dataset.featherKSortable === "false" && (f.preventDefault(), f.stopImmediatePropagation());
       };
       b.addEventListener(
         "keydown",
@@ -355,9 +355,9 @@ const ct = (e, t) => {
       }), b.dataset.featherKHeaderBound = "true";
     }
   }, ee = function(o, b) {
-    const u = o?.event?.event.target, p = R();
-    if (!u || !p) return;
-    const E = u.classList.contains("k-grid-header-menu"), v = u.classList.contains("k-columnmenu-item"), M = p.find((L) => L.field === o?.event?.field)?.sortable && !0;
+    const u = o?.event?.event.target, f = R();
+    if (!u || !f) return;
+    const E = u.classList.contains("k-grid-header-menu"), v = u.classList.contains("k-columnmenu-item"), M = f.find((L) => L.field === o?.event?.field)?.sortable && !0;
     if (!E) {
       if (v && !M) {
         o?.event?.sort?.filter(
@@ -365,27 +365,27 @@ const ct = (e, t) => {
         );
         return;
       }
-      typeof b == "function" && Z(() => {
-        l.value && l.value.focus(), b(o), Z(() => {
-          j();
+      typeof b == "function" && H(() => {
+        l.value && l.value.focus(), b(o), H(() => {
+          J();
         });
       });
     }
-  }, ie = () => {
+  }, oe = () => {
     if (!D)
       try {
-        w(), V(), N(), D = !0;
+        S(), P(), z(), D = !0;
       } catch (o) {
-        console.error("initA11y failed:", o), J();
+        console.error("initA11y failed:", o), Q();
       }
   };
   return Ve(() => {
-    J();
+    Q();
   }), {
     activeFilterButton: l,
-    handleGridKeyDown: f,
+    handleGridKeyDown: p,
     handleSortChange: ee,
-    initA11y: ie
+    initA11y: oe
   };
 }, Ke = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Be = (e) => !!e && typeof e == "object" && "field" in e, $e = (e, t) => !e || typeof e != "object" ? !1 : Ke(e) ? e.filters.some(
   (l) => $e(l, t)
@@ -401,9 +401,9 @@ const ct = (e, t) => {
     const h = m.value.length;
     return h === 5 || h === 9;
   }), C = d(() => l.value && !g.value), A = d(() => !l.value || g.value), x = d(() => l.value), T = (h, I) => {
-    const H = Ze(I);
-    Z(() => {
-      h.isConnected && h.setSelectionRange(H, H);
+    const Z = Ze(I);
+    H(() => {
+      h.isConnected && h.setSelectionRange(Z, Z);
     });
   };
   return {
@@ -421,16 +421,16 @@ const ct = (e, t) => {
     textBoxValidate: x,
     // actions
     handleZipInput: (...h) => {
-      const I = h[0], f = I?.event?.target, w = I?.value, V = Array.isArray(w) ? w.join("") : String(w ?? ""), N = f?.selectionStart !== void 0 && f.selectionStart !== null ? He(
-        f.value,
-        f.selectionStart
-      ) : V.replace(/\D/g, "").length;
-      t.value = Ie(V), f && T(f, N);
+      const I = h[0], p = I?.event?.target, S = I?.value, P = Array.isArray(S) ? S.join("") : String(S ?? ""), z = p?.selectionStart !== void 0 && p.selectionStart !== null ? He(
+        p.value,
+        p.selectionStart
+      ) : P.replace(/\D/g, "").length;
+      t.value = Ie(P), p && T(p, z);
     },
     submitAndValidate: (h) => {
       l.value = !0;
       const I = g.value;
-      return !I && h?.focus && Z(() => {
+      return !I && h?.focus && H(() => {
         document.getElementById(
           e.id
         )?.focus();
@@ -641,31 +641,31 @@ function ft(e) {
     onCityInput: x,
     onStateChange: T,
     resetFormData: y
-  } = Ge(), R = `${e.addressId}-zip`, { zipDisplay: k, isZipValid: h, zipWrapperClass: I, onZipInput: H, resetZip: f } = Je(g, R), {
-    strictAddress1Valid: w,
-    strictCityValid: V,
-    strictStateValid: N,
-    strictZipValid: J,
-    strictAddressValid: j
+  } = Ge(), R = `${e.addressId}-zip`, { zipDisplay: k, isZipValid: h, zipWrapperClass: I, onZipInput: Z, resetZip: p } = Je(g, R), {
+    strictAddress1Valid: S,
+    strictCityValid: P,
+    strictStateValid: z,
+    strictZipValid: Q,
+    strictAddressValid: J
   } = Xe({
     formData: g,
     isZipValid: h
   }), ee = _e(t, {
     submitted: l,
-    isValid: () => j.value
-  }), { touched: ie, fieldsetValidate: o, onFocusout: b, reset: u } = ee, p = ee.createFieldValidationsMap({
-    address1: w,
-    city: V,
-    state: N,
-    zip: J,
-    address: j
+    isValid: () => J.value
+  }), { touched: oe, fieldsetValidate: o, onFocusout: b, reset: u } = ee, f = ee.createFieldValidationsMap({
+    address1: S,
+    city: P,
+    state: z,
+    zip: Q,
+    address: J
   }), {
     address1: E,
     city: v,
     state: M,
     zip: L,
     address: Y
-  } = p, ae = d(
+  } = f, ae = d(
     () => m.value ? o.value : !1
   ), se = d(
     () => m.value ? E.value : !0
@@ -675,21 +675,21 @@ function ft(e) {
     () => m.value ? M.value : !0
   ), $ = d(
     () => m.value ? L.value : !0
-  ), K = d(
+  ), N = d(
     () => m.value ? Y.value : !0
-  ), B = { value: null, label: "State" }, W = je.map(({ label: s, value: S }) => ({
+  ), K = { value: null, label: "State" }, W = je.map(({ label: s, value: w }) => ({
     label: s,
-    value: S
+    value: w
   })), n = d(() => ({
     address1: g.address1.trim(),
     address2: g.address2.trim(),
     city: g.city.trim(),
     state: (g.state ?? "").trim().toUpperCase(),
     zip: g.zip.replace(/\D/g, "")
-  })), i = d(() => g.address1.trim() === "" && g.address2.trim() === "" && g.city.trim() === "" && (g.state ?? "").trim() === "" && g.zip.replace(/\D/g, "") === ""), F = d(() => !i.value), q = d(() => !m.value && F.value && (!w.value || !V.value || !N.value)), _ = d(() => {
+  })), i = d(() => g.address1.trim() === "" && g.address2.trim() === "" && g.city.trim() === "" && (g.state ?? "").trim() === "" && g.zip.replace(/\D/g, "") === ""), F = d(() => !i.value), q = d(() => !m.value && F.value && (!S.value || !P.value || !z.value)), _ = d(() => {
     const s = g.zip.replace(/\D/g, "");
     return !m.value && F.value && s.length !== 5 && s.length !== 9;
-  }), Q = d(() => !m.value && F.value && !j.value), O = d(() => !m.value && Q.value && (D.value || l.value));
+  }), X = d(() => !m.value && F.value && !J.value), O = d(() => !m.value && X.value && (D.value || l.value));
   return de(n, () => {
     m.value || (D.value = !1);
   }), de(m, (s) => {
@@ -697,18 +697,18 @@ function ft(e) {
   }), {
     formData: g,
     submitted: l,
-    touched: ie,
+    touched: oe,
     addressValidate: ae,
     address1Valid: se,
     cityValid: a,
     stateValid: c,
     zipValid: $,
-    addressValid: K,
+    addressValid: N,
     optionalFeedbackActive: O,
-    optionalPartialInvalid: Q,
+    optionalPartialInvalid: X,
     optionalMissingRequiredFields: q,
     optionalZipInvalid: _,
-    stateDefaultItem: B,
+    stateDefaultItem: K,
     stateOptions: W,
     zipDisplay: k,
     zipWrapperClass: I,
@@ -716,21 +716,21 @@ function ft(e) {
     onAddress2Input: A,
     onCityInput: x,
     onStateChange: T,
-    onZipInput: H,
+    onZipInput: Z,
     onFieldsetFocusout: (s) => {
-      const S = et(t.value, s);
-      b(s), !m.value && S && (D.value = !0);
+      const w = et(t.value, s);
+      b(s), !m.value && w && (D.value = !0);
     },
     normalizedPayload: n,
-    validateForSubmit: async () => m.value ? (l.value = !0, j.value ? {
+    validateForSubmit: async () => m.value ? (l.value = !0, J.value ? {
       isValid: !0,
       payload: n.value
-    } : (await Z(), Qe(t.value), { isValid: !1, payload: null })) : i.value || j.value ? (l.value = !1, {
+    } : (await H(), Qe(t.value), { isValid: !1, payload: null })) : i.value || J.value ? (l.value = !1, {
       isValid: !0,
       payload: n.value
     }) : (l.value = !0, { isValid: !1, payload: null }),
     reset: () => {
-      l.value = !1, D.value = !1, u(), y(), f();
+      l.value = !1, D.value = !1, u(), y(), p();
     }
   };
 }
@@ -744,7 +744,7 @@ function pt(e) {
   }), I = d(() => {
     const a = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(4, "0");
-  }), H = (a) => {
+  }), Z = (a) => {
     if (y.value.length === 0) {
       e.onChange({ value: null, event: a });
       return;
@@ -754,64 +754,64 @@ function pt(e) {
       return;
     }
     if ((t.value ?? "").length === 10 && y.value.length === 8) {
-      const [c, $, K] = t.value.split("/"), B = parseInt(c), W = parseInt($), n = parseInt(K);
-      if (j(n, B, W)) {
-        const i = N(n, B, W);
-        f(i) ? e.onChange({ value: i, event: a }) : e.onChange({ value: null, event: a });
+      const [c, $, N] = t.value.split("/"), K = parseInt(c), W = parseInt($), n = parseInt(N);
+      if (J(n, K, W)) {
+        const i = z(n, K, W);
+        p(i) ? e.onChange({ value: i, event: a }) : e.onChange({ value: null, event: a });
       } else
         e.onChange({ value: null, event: a });
     }
-  }, f = (a) => {
+  }, p = (a) => {
     const c = e.min ?? void 0, $ = e.max ?? void 0;
     return !(c && a < c || $ && a > $);
-  }, w = d(() => {
+  }, S = d(() => {
     if ((t.value ?? "").length === 10 && y.value.length === 8) {
-      const [a, c, $] = (t.value ?? "").split("/"), K = parseInt(a), B = parseInt(c), W = parseInt($);
-      if (j(W, K, B))
-        return N(W, K, B);
+      const [a, c, $] = (t.value ?? "").split("/"), N = parseInt(a), K = parseInt(c), W = parseInt($);
+      if (J(W, N, K))
+        return z(W, N, K);
     }
     return null;
-  }), V = d(() => (t.value ?? "").length === 10 && y.value.length === 8), N = (a, c, $) => {
-    const K = /* @__PURE__ */ new Date(0);
-    return K.setFullYear(a, c - 1, $), K.setHours(0, 0, 0, 0), K;
-  }, J = (a, c) => N(a, c + 1, 0).getDate(), j = (a, c, $) => c >= 1 && c <= 12 && a >= C && $ >= 1 && $ <= J(a, c), ee = (a) => {
+  }), P = d(() => (t.value ?? "").length === 10 && y.value.length === 8), z = (a, c, $) => {
+    const N = /* @__PURE__ */ new Date(0);
+    return N.setFullYear(a, c - 1, $), N.setHours(0, 0, 0, 0), N;
+  }, Q = (a, c) => z(a, c + 1, 0).getDate(), J = (a, c, $) => c >= 1 && c <= 12 && a >= C && $ >= 1 && $ <= Q(a, c), ee = (a) => {
     t.value = a.value;
     const c = a.event?.target;
-    l.value = c?.selectionStart ?? 0, H(a);
-  }, ie = (a) => {
+    l.value = c?.selectionStart ?? 0, Z(a);
+  }, oe = (a) => {
     l.value = a.target.selectionStart ?? 0;
   }, o = (a, c, $) => {
-    const K = c?.selectionStart ?? l.value ?? 0;
-    l.value = K;
-    let B = parseInt(k.value), W = parseInt(h.value), n = parseInt(I.value);
-    if (!(y.value.length >= 8) || !j(n, B, W)) {
-      const z = e.defaultValue ?? /* @__PURE__ */ new Date();
-      B = z.getMonth() + 1, W = z.getDate(), n = z.getFullYear(), t.value = `${String(B).padStart(2, "0")}/${String(W).padStart(
+    const N = c?.selectionStart ?? l.value ?? 0;
+    l.value = N;
+    let K = parseInt(k.value), W = parseInt(h.value), n = parseInt(I.value);
+    if (!(y.value.length >= 8) || !J(n, K, W)) {
+      const B = e.defaultValue ?? /* @__PURE__ */ new Date();
+      K = B.getMonth() + 1, W = B.getDate(), n = B.getFullYear(), t.value = `${String(K).padStart(2, "0")}/${String(W).padStart(
         2,
         "0"
       )}/${String(n)}`;
-      const ue = N(n, B, W);
-      e.onChange({ value: f(ue) ? ue : null, event: $ }), v({ useRAF: !0 });
+      const ue = z(n, K, W);
+      e.onChange({ value: p(ue) ? ue : null, event: $ }), v({ useRAF: !0 });
       return;
     }
-    const F = R(K);
+    const F = R(N);
     if (F === "mm")
-      B = a === "ArrowUp" ? B < 12 ? B + 1 : 1 : B > 1 ? B - 1 : 12;
+      K = a === "ArrowUp" ? K < 12 ? K + 1 : 1 : K > 1 ? K - 1 : 12;
     else if (F === "dd") {
-      const z = new Date(n, B, 0).getDate();
-      W = a === "ArrowUp" ? W < z ? W + 1 : 1 : W > 1 ? W - 1 : z;
+      const B = new Date(n, K, 0).getDate();
+      W = a === "ArrowUp" ? W < B ? W + 1 : 1 : W > 1 ? W - 1 : B;
     } else F === "yyyy" && (n = a === "ArrowUp" ? n + 1 : Math.max(1, n - 1));
-    t.value = `${String(B).padStart(2, "0")}/${String(W).padStart(
+    t.value = `${String(K).padStart(2, "0")}/${String(W).padStart(
       2,
       "0"
     )}/${String(n)}`;
-    const [q, _, Q] = t.value.split("/"), O = N(
-      parseInt(Q),
+    const [q, _, X] = t.value.split("/"), O = z(
+      parseInt(X),
       parseInt(q),
       parseInt(_)
     );
-    O.toString() !== "Invalid Date" && parseInt(Q) >= 1e3 ? e.onChange({
-      value: f(O) ? O : null,
+    O.toString() !== "Invalid Date" && parseInt(X) >= 1e3 ? e.onChange({
+      value: p(O) ? O : null,
       event: $
     }) : e.onChange({ value: null, event: $ }), v({ useRAF: !0 });
   }, b = (a) => {
@@ -834,7 +834,7 @@ function pt(e) {
     a.preventDefault();
     const c = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
     o(c, a.target, a);
-  }, p = (a) => {
+  }, f = (a) => {
     const c = a.target;
     if (T.includes(a.key)) {
       l.value = c?.selectionStart ?? 0;
@@ -854,13 +854,13 @@ function pt(e) {
         e.id
       );
       if (!$) return;
-      const K = a?.pos ?? l.value ?? $.value.length;
+      const N = a?.pos ?? l.value ?? $.value.length;
       try {
-        $.focus(), $.setSelectionRange(K, K);
+        $.focus(), $.setSelectionRange(N, N);
       } catch {
       }
     };
-    Z(() => {
+    H(() => {
       if (a?.delay && a.delay > 0) {
         setTimeout(c, a.delay);
         return;
@@ -878,8 +878,8 @@ function pt(e) {
       if (a) {
         const c = new Date(a);
         if (c.toString() !== "Invalid Date") {
-          const $ = (c.getMonth() + 1).toString().padStart(2, "0"), K = c.getDate().toString().padStart(2, "0"), B = c.getFullYear().toString();
-          t.value = `${$}/${K}/${B}`, v({ delay: 50 });
+          const $ = (c.getMonth() + 1).toString().padStart(2, "0"), N = c.getDate().toString().padStart(2, "0"), K = c.getFullYear().toString();
+          t.value = `${$}/${N}/${K}`, v({ delay: 50 });
           return;
         }
       }
@@ -907,24 +907,24 @@ function pt(e) {
     ]
   ]), L = d(() => {
     if (!g.value) {
-      if (!V.value) return !0;
-      const c = w.value;
-      return c ? f(c) : !1;
+      if (!P.value) return !0;
+      const c = S.value;
+      return c ? p(c) : !1;
     }
     if (!A.value) return !0;
-    const a = w.value;
-    return !V.value || !a ? !1 : f(a);
+    const a = S.value;
+    return !P.value || !a ? !1 : p(a);
   }), Y = d(() => {
     if (!g.value) {
-      if (!V.value) return;
-      const c = w.value;
-      return c ? f(c) ? "valid" : "out-of-bounds" : "invalid-date";
+      if (!P.value) return;
+      const c = S.value;
+      return c ? p(c) ? "valid" : "out-of-bounds" : "invalid-date";
     }
     if (!A.value) return;
-    if (y.value.length === 0 || !V.value)
+    if (y.value.length === 0 || !P.value)
       return "incomplete";
-    const a = w.value;
-    return a ? f(a) ? "valid" : "out-of-bounds" : "invalid-date";
+    const a = S.value;
+    return a ? p(a) ? "valid" : "out-of-bounds" : "invalid-date";
   }), ae = d(() => {
     const a = Y.value;
     if (!a || a === "valid") return "";
@@ -948,7 +948,7 @@ function pt(e) {
     }
     return "";
   }), se = () => {
-    Z(() => {
+    H(() => {
       const a = document.getElementById(
         e.id
       );
@@ -981,18 +981,18 @@ function pt(e) {
     debugLines: M,
     placeholder: m,
     isValid: L,
-    reason: X(Y),
+    reason: G(Y),
     validationMessage: ae,
     digitsOnly: y,
-    month: X(k),
-    day: X(h),
-    year: X(I),
+    month: G(k),
+    day: G(h),
+    year: G(I),
     datePart: R,
     handleChange: ee,
     handleKeyDown: b,
     handleWheel: u,
-    handleKeyUp: p,
-    handleClick: ie,
+    handleKeyUp: f,
+    handleClick: oe,
     handleBlur: E,
     // Expose so consumers can re-run styling when needed
     initStyling: se
@@ -1001,42 +1001,39 @@ function pt(e) {
 function vt(e) {
   const t = U(""), l = U(void 0), D = U(!!e.debug), m = U(!1), g = 1440 * 60 * 1e3, C = 365 * g, A = /* @__PURE__ */ new Date(), x = new Date(A.getTime() - C), T = new Date(A.getTime() + C);
   e.min = e.min ?? x, e.max = e.max ?? T;
-  const y = d(() => (t.value ?? "").replace(/\D/g, "")), R = (r, s) => new Date(r, s, 0).getDate(), k = (r, s, S) => s >= 1 && s <= 12 && r >= 1e3 && S >= 1 && S <= R(r, s), h = (r) => Date.UTC(r.getFullYear(), r.getMonth(), r.getDate()), I = (r) => {
+  const y = d(() => (t.value ?? "").replace(/\D/g, "")), R = (r, s) => new Date(r, s, 0).getDate(), k = (r, s, w) => s >= 1 && s <= 12 && r >= 1e3 && w >= 1 && w <= R(r, s), h = (r) => Date.UTC(r.getFullYear(), r.getMonth(), r.getDate()), I = (r) => {
     if (!r) return null;
-    const s = e.min ?? new Date(Date.now() - 90 * g), S = e.max ?? /* @__PURE__ */ new Date(), P = h(r);
-    return P < h(s) || P > h(S) ? null : r;
-  }, H = (r, s) => e.allowReverse ?? !1 ? !0 : r <= s, f = d(() => (t.value?.length ?? 0) >= 23 && y.value.length >= 16), w = (r) => {
+    const s = e.min ?? new Date(Date.now() - 90 * g), w = e.max ?? /* @__PURE__ */ new Date(), V = h(r);
+    return V < h(s) || V > h(w) ? null : r;
+  }, Z = (r, s) => e.allowReverse ?? !1 ? !0 : r <= s, p = d(() => (t.value?.length ?? 0) >= 23 && y.value.length >= 16), S = (r) => {
     if ((r ?? "").length < 23 || y.value.length < 16)
       return { start: null, end: null };
-    const s = r.substring(0, 10), S = r.substring(13, 23), [P, te, ne] = s.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, ve, me] = S.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(ne, P - 1, te), he = new Date(me, fe - 1, ve), we = k(ne, P, te) && ge.toString() !== "Invalid Date", Ae = k(me, fe, ve) && he.toString() !== "Invalid Date";
+    const s = r.substring(0, 10), w = r.substring(13, 23), [V, te, ne] = s.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, ve, me] = w.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(ne, V - 1, te), he = new Date(me, fe - 1, ve), we = k(ne, V, te) && ge.toString() !== "Invalid Date", Ae = k(me, fe, ve) && he.toString() !== "Invalid Date";
     return { start: we ? ge : null, end: Ae ? he : null };
-  }, V = e.externalValid ?? U(!0), N = d(() => w(t.value)), J = d(() => {
-    const r = I(N.value.start), s = I(N.value.end);
+  }, P = e.externalValid ?? U(!0), z = d(() => S(t.value)), Q = d(() => {
+    const r = I(z.value.start), s = I(z.value.end);
     return { start: r, end: s };
-  }), j = d(() => {
-    if (!f.value) return;
-    const r = J.value.start, s = J.value.end;
+  }), J = d(() => {
+    if (!p.value) return;
+    const r = Q.value.start, s = Q.value.end;
     if (!r || !s) return;
-    const S = Math.abs(h(s) - h(r));
-    return Math.round(S / 864e5 + 1);
-  }), ee = d(() => {
-    if (!f.value) return !1;
-    const { start: r, end: s } = N.value;
-    if (!r || !s || !J.value.start || !J.value.end) return !1;
-    const S = J.value.start, P = J.value.end;
-    return !(!H(S, P) || typeof e.maxSpanDays == "number" && j.value !== void 0 && j.value > e.maxSpanDays);
-  }), ie = d(() => {
-    const { start: r, end: s } = N.value;
-    if (!f.value) return "incomplete";
+    const w = Math.abs(h(s) - h(r));
+    return Math.round(w / 864e5 + 1);
+  }), ee = U(!1), oe = d(() => {
+    if (!ee.value) return;
+    const { start: r, end: s } = z.value;
+    if (!p.value) return "incomplete";
     if (!r || !s) return "invalid-date";
-    if (!J.value.start || !J.value.end) return "out-of-bounds";
-    const S = J.value.start, P = J.value.end;
-    return H(S, P) ? typeof e.maxSpanDays == "number" && j.value !== void 0 && j.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), o = U(void 0), b = d(() => {
-    if (V.value !== !1) return "";
-    const { min: r, max: s } = e, S = o.value;
-    if (!S) return "";
-    switch (S) {
+    if (!Q.value.start || !Q.value.end) return "out-of-bounds";
+    const w = Q.value.start, V = Q.value.end;
+    return Z(w, V) ? typeof e.maxSpanDays == "number" && J.value !== void 0 && J.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), o = d(() => {
+    const r = oe.value;
+    return r === void 0 || r === "valid";
+  }), b = d(() => {
+    const { min: r, max: s } = e, w = oe.value;
+    if (!w) return "";
+    switch (w) {
       case "incomplete":
         return "Required";
       case "invalid-date":
@@ -1050,80 +1047,80 @@ function vt(e) {
       default:
         return "";
     }
-  }), u = ["ArrowUp", "ArrowDown"], p = ["ArrowLeft", "ArrowRight"], E = (r, s) => String(r).padStart(s, "0"), v = (r) => `${E(r.getMonth() + 1, 2)}/${E(r.getDate(), 2)}/${E(
+  }), u = ["ArrowUp", "ArrowDown"], f = ["ArrowLeft", "ArrowRight"], E = (r, s) => String(r).padStart(s, "0"), v = (r) => `${E(r.getMonth() + 1, 2)}/${E(r.getDate(), 2)}/${E(
     r.getFullYear(),
     4
-  )}`, M = (r) => r <= 2 ? { side: "start", part: "mm" } : r <= 5 ? { side: "start", part: (r <= 3, "dd") } : r <= 11 ? { side: "start", part: "yyyy" } : r <= 15 ? { side: "end", part: "mm" } : r <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, L = (r, s, S) => {
-    const P = s?.selectionStart ?? l.value ?? 0;
-    l.value = P;
-    const { start: te, end: ne } = w(t.value);
+  )}`, M = (r) => r <= 2 ? { side: "start", part: "mm" } : r <= 5 ? { side: "start", part: (r <= 3, "dd") } : r <= 11 ? { side: "start", part: "yyyy" } : r <= 15 ? { side: "end", part: "mm" } : r <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, L = (r, s, w) => {
+    const V = s?.selectionStart ?? l.value ?? 0;
+    l.value = V;
+    const { start: te, end: ne } = S(t.value);
     if (!te && !ne) {
-      const G = /* @__PURE__ */ new Date(), ce = v(G);
-      t.value = `${ce} - ${ce}`, e.onChange({ value: { start: G, end: G }, event: S }), Z(() => {
+      const j = /* @__PURE__ */ new Date(), ce = v(j);
+      t.value = `${ce} - ${ce}`, e.onChange({ value: { start: j, end: j }, event: w }), H(() => {
         requestAnimationFrame(() => {
           const re = document.getElementById(
             e.id
-          ), oe = l.value ?? 0;
-          re && (re.focus(), re.setSelectionRange(oe, oe));
+          ), ie = l.value ?? 0;
+          re && (re.focus(), re.setSelectionRange(ie, ie));
         });
       });
       return;
     }
-    const fe = /* @__PURE__ */ new Date(), ve = M(P);
+    const fe = /* @__PURE__ */ new Date(), ve = M(V);
     let me = te ? new Date(te) : new Date(fe), ge = ne ? new Date(ne) : new Date(fe);
-    const he = (G, ce) => {
+    const he = (j, ce) => {
       if (ce === "mm") {
-        const re = G.getMonth() + 1, oe = r === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
-        G.setMonth(oe - 1);
-        const Se = R(G.getFullYear(), oe);
-        G.getDate() > Se && G.setDate(Se);
+        const re = j.getMonth() + 1, ie = r === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
+        j.setMonth(ie - 1);
+        const Se = R(j.getFullYear(), ie);
+        j.getDate() > Se && j.setDate(Se);
       } else if (ce === "dd") {
-        const re = R(G.getFullYear(), G.getMonth() + 1), oe = G.getDate(), Se = r === "ArrowUp" ? oe < re ? oe + 1 : 1 : oe > 1 ? oe - 1 : re;
-        G.setDate(Se);
+        const re = R(j.getFullYear(), j.getMonth() + 1), ie = j.getDate(), Se = r === "ArrowUp" ? ie < re ? ie + 1 : 1 : ie > 1 ? ie - 1 : re;
+        j.setDate(Se);
       } else if (ce === "yyyy") {
-        const re = G.getFullYear();
-        G.setFullYear(r === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
-        const oe = R(G.getFullYear(), G.getMonth() + 1);
-        G.getDate() > oe && G.setDate(oe);
+        const re = j.getFullYear();
+        j.setFullYear(r === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
+        const ie = R(j.getFullYear(), j.getMonth() + 1);
+        j.getDate() > ie && j.setDate(ie);
       }
     };
     ve.side === "start" ? he(me, ve.part) : he(ge, ve.part);
     const we = v(me), Ae = v(ge);
     t.value = `${we} - ${Ae}`;
     const pe = I(me), ke = I(ge);
-    pe && ke && H(pe, ke) ? e.onChange({ value: { start: pe, end: ke }, event: S }) : e.onChange({ value: null, event: S }), Z(() => {
+    pe && ke && Z(pe, ke) ? e.onChange({ value: { start: pe, end: ke }, event: w }) : e.onChange({ value: null, event: w }), H(() => {
       requestAnimationFrame(() => {
-        const G = document.getElementById(
+        const j = document.getElementById(
           e.id
         ), ce = l.value ?? 0;
-        G && (G.focus(), G.setSelectionRange(ce, ce));
+        j && (j.focus(), j.setSelectionRange(ce, ce));
       });
     });
   }, Y = (r) => {
-    const { start: s, end: S } = w(t.value);
-    if (!s || !S) {
+    const { start: s, end: w } = S(t.value);
+    if (!s || !w) {
       e.onChange({ value: null, event: r });
       return;
     }
-    const P = I(s), te = I(S);
-    if (!P || !te) {
+    const V = I(s), te = I(w);
+    if (!V || !te) {
       e.onChange({ value: null, event: r });
       return;
     }
-    if (!H(P, te)) {
+    if (!Z(V, te)) {
       e.onChange({ value: null, event: r });
       return;
     }
-    e.onChange({ value: { start: P, end: te }, event: r });
+    e.onChange({ value: { start: V, end: te }, event: r });
   }, ae = (r) => {
-    const s = r.value ?? "", S = r.event;
-    if (!s && S && S.type === "click") {
-      W(S);
+    const s = r.value ?? "", w = r.event;
+    if (!s && w && w.type === "click") {
+      W(w);
       return;
     }
     t.value = s;
-    const P = S?.target;
-    l.value = P?.selectionStart ?? 0, Y(r);
+    const V = w?.target;
+    l.value = V?.selectionStart ?? 0, Y(r);
   }, se = (r) => {
     l.value = r.target.selectionStart ?? 0;
   }, a = (r) => {
@@ -1146,16 +1143,16 @@ function vt(e) {
     const s = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
     L(s, r.target, r);
   }, $ = (r) => {
-    if (p.includes(r.key) || u.includes(r.key)) {
+    if (f.includes(r.key) || u.includes(r.key)) {
       const s = r.target;
       l.value = s?.selectionStart ?? 0;
     }
-  }, K = () => {
-    o.value = ie.value, (e.manageValid ?? !0) && (V.value = ee.value);
-  }, B = (r) => {
-    K();
+  }, N = () => {
+    ee.value = !0, (e.manageValid ?? !0) && (P.value = o.value);
+  }, K = (r) => {
+    N();
   }, W = (r) => {
-    console.log("Clear event:", r), t.value = "", l.value = 0, e.onChange({ value: null, event: r }), K(), Z(() => {
+    console.log("Clear event:", r), t.value = "", l.value = 0, e.onChange({ value: null, event: r }), N(), H(() => {
       const s = document.getElementById(
         e.id
       );
@@ -1165,13 +1162,13 @@ function vt(e) {
   e.externalValue && de(
     e.externalValue,
     (r) => {
-      const s = r?.start ?? null, S = r?.end ?? null;
-      if (s && S) {
-        if (t.value = `${v(s)} - ${v(S)}`, e.isOpen?.value && m.value && e.onRequestClose) {
-          const P = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+      const s = r?.start ?? null, w = r?.end ?? null;
+      if (s && w) {
+        if (t.value = `${v(s)} - ${v(w)}`, e.isOpen?.value && m.value && e.onRequestClose) {
+          const V = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), m.value = !1, K();
-          }, P);
+            e.onRequestClose?.(), m.value = !1, N();
+          }, V);
         }
         return;
       }
@@ -1188,10 +1185,10 @@ function vt(e) {
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
   ), _ = d(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), Q = d(
+  ), X = d(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
   ), O = d(() => {
-    const { start: r, end: s } = w(t.value);
+    const { start: r, end: s } = S(t.value);
     return [
       {
         label: "Raw",
@@ -1215,33 +1212,33 @@ function vt(e) {
         label: "End",
         value: `${String(q.value).padStart(2, "0")} / ${String(
           _.value
-        ).padStart(2, "0")} / ${String(Q.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String(X.value).padStart(4, "0")}`
       },
       { label: "Digits only", value: y.value },
-      { label: "Mask complete", value: `${f.value}` },
+      { label: "Mask complete", value: `${p.value}` },
       {
         label: "Parsed",
         value: `${r ? r.toDateString() : "-"} | ${s ? s.toDateString() : "-"}`
       },
       {
         label: "Valid (managed)",
-        value: `${V.value ?? "-"}`
+        value: `${P.value ?? "-"}`
       },
-      { label: "Span (days)", value: `${j.value ?? "-"}` },
+      { label: "Span (days)", value: `${J.value ?? "-"}` },
       {
         label: "Reason",
-        value: `${ie.value ?? "-"}`
+        value: `${oe.value ?? "-"}`
       },
       {
         label: "Cursor in",
         value: `${l.value ?? "-"} (${(() => {
-          const S = l.value ?? 0, P = M(S);
-          return `${P.side}.${P.part}`;
+          const w = l.value ?? 0, V = M(w);
+          return `${V.side}.${V.part}`;
         })()})`
       }
     ];
-  }), z = () => {
-    Z(() => {
+  }), B = () => {
+    H(() => {
       const r = document.getElementById(e.id);
       if (!r) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1256,24 +1253,24 @@ function vt(e) {
     });
   };
   Me(() => {
-    z();
+    B();
   });
   const ue = () => {
-    Z(() => {
+    H(() => {
       try {
         const r = Array.from(
           document.querySelectorAll(".k-animation-container")
         );
         if (!r.length) return;
-        const S = [...r].reverse().find((ne) => ne.querySelector(".k-calendar"))?.querySelector(
+        const w = [...r].reverse().find((ne) => ne.querySelector(".k-calendar"))?.querySelector(
           ".k-calendar"
         );
-        if (!S) return;
-        const P = S.querySelectorAll(
+        if (!w) return;
+        const V = w.querySelectorAll(
           ".k-calendar-table"
         );
         let te = !1;
-        P.forEach((ne) => {
+        V.forEach((ne) => {
           ne.tabIndex === 0 && (te ? ne.tabIndex = -1 : te = !0);
         });
       } catch (r) {
@@ -1293,28 +1290,28 @@ function vt(e) {
     debugEnabled: D,
     debugLines: O,
     digitsOnly: y,
-    valid: V,
-    validComputed: X(ee),
-    reason: X(ie),
-    validationMessage: X(b),
-    spanDays: X(j),
-    month1: X(n),
-    day1: X(i),
-    year1: X(F),
-    month2: X(q),
-    day2: X(_),
-    year2: X(Q),
+    valid: P,
+    validComputed: G(o),
+    reason: G(oe),
+    validationMessage: G(b),
+    spanDays: G(J),
+    month1: G(n),
+    day1: G(i),
+    year1: G(F),
+    month2: G(q),
+    day2: G(_),
+    year2: G(X),
     handleChange: ae,
     handleKeyDown: a,
     handleWheel: c,
     handleKeyUp: $,
     handleClick: se,
-    handleBlur: B,
+    handleBlur: K,
     handleClear: W,
     onCalendarChange: () => {
       m.value = !0;
     },
-    initStyling: z
+    initStyling: B
   };
 }
 function mt(e) {
@@ -1331,55 +1328,55 @@ function mt(e) {
   }), h = d(() => {
     const n = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", i = parseInt(n);
     return Math.min(Math.max(i, 0), 59);
-  }), I = d(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), H = d(() => {
+  }), I = d(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), Z = d(() => {
     const n = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = I.value;
     return n === 12 ? i === "AM" ? 0 : 12 : i === "PM" ? n + 12 : n;
-  }), f = d(() => w.value ? `${String(H.value).padStart(2, "0")}:${String(h.value).padStart(2, "0")}:00` : null), w = d(
+  }), p = d(() => S.value ? `${String(Z.value).padStart(2, "0")}:${String(h.value).padStart(2, "0")}:00` : null), S = d(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), V = (n, i, F) => {
+  ), P = (n, i, F) => {
     let q = n % 12;
     return q === 0 && (q = 12), `${String(q).padStart(2, "0")}:${String(i).padStart(
       2,
       "0"
     )} ${F}`;
-  }, N = (n) => {
+  }, z = (n) => {
     const i = n.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!i) return null;
     const F = parseInt(i[1]), q = parseInt(i[2]), _ = i[3].toUpperCase();
     if (F < 1 || F > 12 || q < 0 || q > 59) return null;
-    let Q = F % 12;
-    _ === "PM" && (Q += 12);
+    let X = F % 12;
+    _ === "PM" && (X += 12);
     const O = /* @__PURE__ */ new Date();
-    return O.setSeconds(0, 0), O.setHours(Q), O.setMinutes(q), O;
-  }, J = (n) => {
+    return O.setSeconds(0, 0), O.setHours(X), O.setMinutes(q), O;
+  }, Q = (n) => {
     if (T.value.length === 0) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if (!w.value) {
+    if (!S.value) {
       e.onChange({ value: null, event: n });
       return;
     }
-    const i = N(t.value);
+    const i = z(t.value);
     i && ee(i) ? e.onChange({ value: i, event: n }) : e.onChange({ value: null, event: n });
-  }, j = (n) => n.getHours() * 60 + n.getMinutes(), ee = (n) => {
-    const i = e.min ?? void 0, F = e.max ?? void 0, q = j(n);
+  }, J = (n) => n.getHours() * 60 + n.getMinutes(), ee = (n) => {
+    const i = e.min ?? void 0, F = e.max ?? void 0, q = J(n);
     if (i) {
-      const _ = j(i);
+      const _ = J(i);
       if (q < _) return !1;
     }
     if (F) {
-      const _ = j(F);
+      const _ = J(F);
       if (q > _) return !1;
     }
     return !0;
-  }, ie = (n) => {
+  }, oe = (n) => {
     const i = n.getHours(), F = i >= 12 ? "PM" : "AM";
-    t.value = V(i, n.getMinutes(), F);
+    t.value = P(i, n.getMinutes(), F);
   }, o = (n, i) => {
     e.onChange({ value: n, event: i });
   }, b = () => {
-    Z(() => {
+    H(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const n = document.getElementById(
@@ -1396,7 +1393,7 @@ function mt(e) {
   }, u = (n) => {
     const i = n?.event?.target;
     return i ? i.closest(".k-time-now") ? "now" : i.closest(".k-time-accept") ? "set" : null : null;
-  }, p = (n, i) => {
+  }, f = (n, i) => {
     n && ee(n) ? o(n, i) : o(null, i);
   }, E = (...n) => {
     const i = n[0];
@@ -1404,12 +1401,12 @@ function mt(e) {
     const F = u(i);
     if (F === "now") {
       const _ = /* @__PURE__ */ new Date();
-      ie(_), p(_, i), b();
+      oe(_), f(_, i), b();
       return;
     }
     if (i?.value instanceof Date) {
       const _ = new Date(i.value);
-      ie(_), p(_, i), F === "set" && b();
+      oe(_), f(_, i), F === "set" && b();
       return;
     }
     if (i?.value === null) {
@@ -1422,15 +1419,15 @@ function mt(e) {
     try {
       const _ = l.value ?? 0;
       if (R(_) === "ampm" && (t.value ?? "").length >= 8) {
-        const Q = t.value.charAt(6);
-        /[Aa]/.test(Q) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, Z(() => {
+        const X = t.value.charAt(6);
+        /[Aa]/.test(X) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, H(() => {
           requestAnimationFrame(() => {
             const O = document.getElementById(
               e.id
             );
             O && (O.focus(), O.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(Q) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, Z(() => {
+        })) : /[Pp]/.test(X) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, H(() => {
           requestAnimationFrame(() => {
             const O = document.getElementById(
               e.id
@@ -1441,19 +1438,19 @@ function mt(e) {
       }
     } catch {
     }
-    J(i);
+    Q(i);
   }, v = (n) => {
     l.value = n.target.selectionStart ?? 0;
   }, M = (n, i, F) => {
     const q = i?.selectionStart ?? l.value ?? 0;
     l.value = q;
-    const _ = R(q), Q = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!Q) {
+    const _ = R(q), X = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    if (!X) {
       if ((t.value ?? "").length === 0 || T.value.length === 0) {
-        const s = /* @__PURE__ */ new Date(), S = s.getHours(), P = S >= 12 ? "PM" : "AM";
-        t.value = V(S, s.getMinutes(), P);
-        const te = N(t.value);
-        p(te, F), Z(() => {
+        const s = /* @__PURE__ */ new Date(), w = s.getHours(), V = w >= 12 ? "PM" : "AM";
+        t.value = P(w, s.getMinutes(), V);
+        const te = z(t.value);
+        f(te, F), H(() => {
           requestAnimationFrame(() => {
             const ne = document.getElementById(
               e.id
@@ -1464,34 +1461,34 @@ function mt(e) {
       }
       return;
     }
-    let O = parseInt(Q[1]), z = parseInt(Q[2]), ue = Q[3].toUpperCase();
+    let O = parseInt(X[1]), B = parseInt(X[2]), ue = X[3].toUpperCase();
     if (_ === "hh")
       n === "ArrowUp" ? O = O < 12 ? O + 1 : 1 : O = O > 1 ? O - 1 : 12;
     else if (_ === "mm") {
       const s = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
       if (s === 1)
-        n === "ArrowUp" ? z = z < 59 ? z + 1 : 0 : z = z > 0 ? z - 1 : 59;
+        n === "ArrowUp" ? B = B < 59 ? B + 1 : 0 : B = B > 0 ? B - 1 : 59;
       else if (n === "ArrowUp") {
-        const S = z % s;
-        let P = S === 0 ? z + s : z + (s - S);
-        P >= 60 && (P = 0), z = P;
+        const w = B % s;
+        let V = w === 0 ? B + s : B + (s - w);
+        V >= 60 && (V = 0), B = V;
       } else {
-        const S = z % s;
-        let P = S === 0 ? z - s : z - S;
-        P < 0 && (P = 60 - s), z = P;
+        const w = B % s;
+        let V = w === 0 ? B - s : B - w;
+        V < 0 && (V = 60 - s), B = V;
       }
     } else _ === "ampm" && (ue = ue === "AM" ? "PM" : "AM");
-    t.value = `${String(O).padStart(2, "0")}:${String(z).padStart(
+    t.value = `${String(O).padStart(2, "0")}:${String(B).padStart(
       2,
       "0"
     )} ${ue}`;
-    const r = N(t.value);
-    p(r, F), Z(() => {
+    const r = z(t.value);
+    f(r, F), H(() => {
       requestAnimationFrame(() => {
         const s = document.getElementById(
           e.id
-        ), S = l.value ?? 0;
-        s && (s.focus(), s.setSelectionRange(S, S));
+        ), w = l.value ?? 0;
+        s && (s.focus(), s.setSelectionRange(w, w));
       });
     });
   }, L = (n) => {
@@ -1536,7 +1533,7 @@ function mt(e) {
         const i = new Date(n);
         if (i.toString() !== "Invalid Date") {
           const F = i.getHours(), q = F >= 12 ? "PM" : "AM";
-          t.value = V(F, i.getMinutes(), q);
+          t.value = P(F, i.getMinutes(), q);
           return;
         }
       }
@@ -1546,10 +1543,10 @@ function mt(e) {
   const a = d(() => [
     ["Time", t.value || "--:-- --"],
     ["Hour (12h)", k.value],
-    ["Hour (24h)", H.value],
+    ["Hour (24h)", Z.value],
     ["Minute", h.value],
     ["Period", I.value],
-    ["Time (24h)", f.value ?? "--:--:--"],
+    ["Time (24h)", p.value ?? "--:--:--"],
     ["Digits only", T.value],
     [
       "Parsed Date",
@@ -1573,32 +1570,32 @@ function mt(e) {
       }) ?? null
     ],
     ["valid", $.value],
-    ["reason", K.value],
-    ["validationMessage", B.value]
+    ["reason", N.value],
+    ["validationMessage", K.value]
   ]), c = d(
-    () => N(t.value) ?? null
+    () => z(t.value) ?? null
   ), $ = d(() => {
     if (!g.value) {
-      if (!w.value) return !0;
+      if (!S.value) return !0;
       const i = c.value;
       return i ? ee(i) : !1;
     }
     if (!C.value) return !0;
     const n = c.value;
-    return !w.value || !n ? !1 : ee(n);
-  }), K = d(() => {
+    return !S.value || !n ? !1 : ee(n);
+  }), N = d(() => {
     if (!g.value) {
-      if (!w.value) return;
+      if (!S.value) return;
       const i = c.value;
       return i ? ee(i) ? "valid" : "out-of-bounds" : "invalid-time";
     }
     if (!C.value) return;
-    if (T.value.length === 0 || !w.value)
+    if (T.value.length === 0 || !S.value)
       return "incomplete";
     const n = c.value;
     return n ? ee(n) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), B = d(() => {
-    const n = K.value;
+  }), K = d(() => {
+    const n = N.value;
     if (!n || n === "valid") return "";
     if (n === "incomplete")
       return "Required";
@@ -1615,7 +1612,7 @@ function mt(e) {
     }
     return "";
   }), W = () => {
-    Z(() => {
+    H(() => {
       const n = document.getElementById(e.id);
       if (!n) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1647,17 +1644,17 @@ function mt(e) {
     debugLines: a,
     placeholder: m,
     isValid: $,
-    reason: X(K),
-    validationMessage: B,
-    isComplete: w,
+    reason: G(N),
+    validationMessage: K,
+    isComplete: S,
     inRangeTime: ee,
     cursorPos: l,
-    hour: X(k),
-    hour24: X(H),
-    minute: X(h),
-    period: X(I),
-    time24: X(f),
-    parsedRawTime: X(c),
+    hour: G(k),
+    hour24: G(Z),
+    minute: G(h),
+    period: G(I),
+    time24: G(p),
+    parsedRawTime: G(c),
     handleChange: E,
     handleKeyDown: L,
     handleKeyUp: ae,
@@ -1740,64 +1737,64 @@ function it(e, t, l = {}) {
     return A ? { stop: ye, cancel: ye, trigger: ye } : ye;
   if (rt && !Ce) {
     Ce = !0;
-    const f = { passive: !0 };
-    Array.from(D.document.body.children).forEach((w) => w.addEventListener("click", ye, f)), D.document.documentElement.addEventListener("click", ye, f);
+    const p = { passive: !0 };
+    Array.from(D.document.body.children).forEach((S) => S.addEventListener("click", ye, p)), D.document.documentElement.addEventListener("click", ye, p);
   }
   let x = !0;
-  const T = (f) => le(m).some((w) => {
-    if (typeof w == "string")
-      return Array.from(D.document.querySelectorAll(w)).some((V) => V === f.target || f.composedPath().includes(V));
+  const T = (p) => le(m).some((S) => {
+    if (typeof S == "string")
+      return Array.from(D.document.querySelectorAll(S)).some((P) => P === p.target || p.composedPath().includes(P));
     {
-      const V = be(w);
-      return V && (f.target === V || f.composedPath().includes(V));
+      const P = be(S);
+      return P && (p.target === P || p.composedPath().includes(P));
     }
   });
-  function y(f) {
-    const w = le(f);
-    return w && w.$.subTree.shapeFlag === 16;
+  function y(p) {
+    const S = le(p);
+    return S && S.$.subTree.shapeFlag === 16;
   }
-  function R(f, w) {
-    const V = le(f), N = V.$.subTree && V.$.subTree.children;
-    return N == null || !Array.isArray(N) ? !1 : N.some((J) => J.el === w.target || w.composedPath().includes(J.el));
+  function R(p, S) {
+    const P = le(p), z = P.$.subTree && P.$.subTree.children;
+    return z == null || !Array.isArray(z) ? !1 : z.some((Q) => Q.el === S.target || S.composedPath().includes(Q.el));
   }
-  const k = (f) => {
-    const w = be(e);
-    if (f.target != null && !(!(w instanceof Element) && y(e) && R(e, f)) && !(!w || w === f.target || f.composedPath().includes(w))) {
-      if ("detail" in f && f.detail === 0 && (x = !T(f)), !x) {
+  const k = (p) => {
+    const S = be(e);
+    if (p.target != null && !(!(S instanceof Element) && y(e) && R(e, p)) && !(!S || S === p.target || p.composedPath().includes(S))) {
+      if ("detail" in p && p.detail === 0 && (x = !T(p)), !x) {
         x = !0;
         return;
       }
-      t(f);
+      t(p);
     }
   };
   let h = !1;
   const I = [
-    xe(D, "click", (f) => {
+    xe(D, "click", (p) => {
       h || (h = !0, setTimeout(() => {
         h = !1;
-      }, 0), k(f));
+      }, 0), k(p));
     }, { passive: !0, capture: g }),
-    xe(D, "pointerdown", (f) => {
-      const w = be(e);
-      x = !T(f) && !!(w && !f.composedPath().includes(w));
+    xe(D, "pointerdown", (p) => {
+      const S = be(e);
+      x = !T(p) && !!(S && !p.composedPath().includes(S));
     }, { passive: !0 }),
-    C && xe(D, "blur", (f) => {
+    C && xe(D, "blur", (p) => {
       setTimeout(() => {
-        var w;
-        const V = be(e);
-        ((w = D.document.activeElement) == null ? void 0 : w.tagName) === "IFRAME" && !V?.contains(D.document.activeElement) && t(f);
+        var S;
+        const P = be(e);
+        ((S = D.document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !P?.contains(D.document.activeElement) && t(p);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), H = () => I.forEach((f) => f());
+  ].filter(Boolean), Z = () => I.forEach((p) => p());
   return A ? {
-    stop: H,
+    stop: Z,
     cancel: () => {
       x = !1;
     },
-    trigger: (f) => {
-      x = !0, k(f), x = !1;
+    trigger: (p) => {
+      x = !0, k(p), x = !1;
     }
-  } : H;
+  } : Z;
 }
 function gt(e) {
   const t = Ue(null), l = [
@@ -1820,10 +1817,10 @@ function gt(e) {
     const y = (k, h) => {
       const I = Array.from(k.querySelectorAll(h));
       if (!I.length) return null;
-      const H = I.filter(
-        (f) => f.offsetParent !== null || f.getClientRects().length > 0
+      const Z = I.filter(
+        (p) => p.offsetParent !== null || p.getClientRects().length > 0
       );
-      return H[H.length - 1] ?? I[I.length - 1] ?? null;
+      return Z[Z.length - 1] ?? I[I.length - 1] ?? null;
     }, R = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
     for (const k of D) {
       const h = y(R, k);
@@ -1840,12 +1837,12 @@ function gt(e) {
   }), de(
     () => e.isOpen.value,
     (y) => {
-      y ? (x.value = null, Z(() => {
+      y ? (x.value = null, H(() => {
         const R = T();
         R && (t.value = R, setTimeout(() => g(), 0), A || (A = (k) => {
           k.key === "Escape" && (x.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", k));
         }, document.addEventListener("keydown", A, !0)));
-      })) : (C(), A && (document.removeEventListener("keydown", A, !0), A = null), t.value = null, x.value === "outside" && Z(() => {
+      })) : (C(), A && (document.removeEventListener("keydown", A, !0), A = null), t.value = null, x.value === "outside" && H(() => {
         const R = () => {
           const k = e.triggerEl?.value, h = k?.querySelector("input"), I = document.activeElement;
           I && (I === h || k && k.contains(I)) && (h ?? k)?.blur?.();
@@ -1854,7 +1851,7 @@ function gt(e) {
       }), e.returnFocusToTrigger !== !1 && x.value === "escape" && e.triggerEl?.value && (console.log(
         "Returning focus to trigger element:",
         e.triggerEl.value
-      ), Z(() => {
+      ), H(() => {
         const R = () => {
           const k = e.triggerEl?.value;
           if (!k) return;
@@ -1867,7 +1864,7 @@ function gt(e) {
     popupRef: t,
     activate: g,
     deactivate: C,
-    lastCloseReason: X(x),
+    lastCloseReason: G(x),
     setPopupEl: (y) => t.value = y
   };
 }