@featherk/composables 0.11.0 → 0.11.2

package/dist/featherk-composables.es.js

@@ -1,24 +1,24 @@
-import { ref as U, onBeforeUnmount as Pe, nextTick as B, computed as y, watchEffect as Te, toValue as le, reactive as Ve, watch as ue, unref as Le, onUnmounted as Ke, onMounted as Me, readonly as Q, shallowRef as Ne } from "vue";
-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 = () => {
+import { ref as O, onBeforeUnmount as Pe, nextTick as B, computed as v, watchEffect as Te, toValue as le, reactive as Ve, watch as ue, unref as Le, onUnmounted as Ne, shallowReactive as Ke, readonly as Q, onMounted as Me, shallowRef as qe } from "vue";
+import { useFocusTrap as Oe } from "@vueuse/integrations/useFocusTrap";
+const dt = (e, t) => {
+  const r = O(null);
+  let y = !1, f = null, m = null;
+  const A = [], x = ".k-table-row[data-grid-row-index] [tabindex]", C = () => {
     const s = e?.value?.$el;
     return s ? s.closest(".k-grid") : null;
-  }, L = (s) => {
-    const w = T();
+  }, $ = (s) => {
+    const w = C();
     if (!w) return !1;
-    const f = s.closest(".k-grid-aria-root");
-    if (f)
-      return w.contains(f);
+    const p = s.closest(".k-grid-aria-root");
+    if (p)
+      return w.contains(p);
     const b = s.closest(
       ".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) => {
+  }, D = (s) => s.key === "Enter" || s.code === "Enter" || s.code === "NumpadEnter", F = () => 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());
+    ([" ", "Spacebar", "Space"].includes(w) || D(s)) && (s.preventDefault(), s.stopPropagation(), r.value = s.target, s.target.click());
   }, k = (s) => {
     if (!r.value) return;
     if (s.code === "Escape") {
@@ -29,10 +29,10 @@ const st = (e, t) => {
       document.querySelectorAll(
         ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
       )
-    ), f = document.querySelector(
+    ), p = document.querySelector(
       ".k-animation-container .k-popup .k-column-menu .k-filter-menu-container"
     );
-    if (f) {
+    if (p) {
       if (s.code === "Tab") {
         const b = [
           // ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
@@ -43,23 +43,23 @@ const st = (e, t) => {
           "input.k-input-inner:not([tabindex='-1']):not([disabled])",
           "button:not([tabindex='-1']):not([disabled])",
           ".k-checkbox"
-        ], I = t?.focusableMenuSelectors ?? b, S = Array.from(
-          f.querySelectorAll(I.join(","))
+        ], M = t?.focusableMenuSelectors ?? b, S = Array.from(
+          p.querySelectorAll(M.join(","))
         );
         if (S.length === 0) return;
-        const M = S.findIndex(
+        const T = S.findIndex(
           (W) => W === document.activeElement
         );
-        let N;
-        M === -1 ? N = 0 : s.shiftKey ? N = (M - 1 + S.length) % S.length : N = (M + 1) % S.length, s.preventDefault(), s.stopPropagation(), S[N]?.focus();
+        let K;
+        T === -1 ? K = 0 : s.shiftKey ? K = (T - 1 + S.length) % S.length : K = (T + 1) % S.length, s.preventDefault(), s.stopPropagation(), S[K]?.focus();
       }
     } else if (s.code === "ArrowUp" || s.code === "ArrowDown") {
       s.preventDefault(), s.stopPropagation();
       const b = w.findIndex(
         (S) => S === document.activeElement
       );
-      let I = b;
-      s.code === "ArrowUp" ? I = b > 0 ? b - 1 : w.length - 1 : s.code === "ArrowDown" && (I = b < w.length - 1 ? b + 1 : 0), w[I]?.focus();
+      let M = b;
+      s.code === "ArrowUp" ? M = b > 0 ? b - 1 : w.length - 1 : s.code === "ArrowDown" && (M = b < w.length - 1 ? b + 1 : 0), w[M]?.focus();
       return;
     }
     if (s.code === "Tab") {
@@ -69,12 +69,12 @@ const st = (e, t) => {
         "button, [role='button'], .k-link"
       )?.focus();
     }
-  }, C = () => {
-    p = new MutationObserver((s) => {
+  }, R = () => {
+    f = new MutationObserver((s) => {
       s.forEach((w) => {
-        w.addedNodes.forEach((f) => {
-          if (f.nodeType === Node.ELEMENT_NODE) {
-            const b = f;
+        w.addedNodes.forEach((p) => {
+          if (p.nodeType === Node.ELEMENT_NODE) {
+            const b = p;
             if (b.classList.contains("k-animation-container")) {
               const S = r.value;
               S && (S.dataset.featherKSortable === "true" || B(() => {
@@ -87,21 +87,21 @@ const st = (e, t) => {
                 "keydown",
                 k
               ), B(() => {
-                const M = () => {
-                  const N = Array.from(
+                const T = () => {
+                  const K = Array.from(
                     b.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
-                  if (N.length === 1)
-                    N[0].focus(), N[0].click(), M.attempts = 0;
-                  else if (N.length > 1) {
-                    M.attempts = 0;
+                  if (K.length === 1)
+                    K[0].focus(), K[0].click(), T.attempts = 0;
+                  else if (K.length > 1) {
+                    T.attempts = 0;
                     return;
                   } else
-                    M.attempts === void 0 && (M.attempts = 0), M.attempts++ < 3 && setTimeout(M, 200);
+                    T.attempts === void 0 && (T.attempts = 0), T.attempts++ < 3 && setTimeout(T, 200);
                 };
-                M();
+                T();
               });
             }
             b.querySelectorAll(
@@ -113,9 +113,9 @@ const st = (e, t) => {
               );
             });
           }
-        }), w.removedNodes.forEach((f) => {
-          if (f.nodeType === Node.ELEMENT_NODE) {
-            const b = f;
+        }), w.removedNodes.forEach((p) => {
+          if (p.nodeType === Node.ELEMENT_NODE) {
+            const b = p;
             b.classList.contains("k-animation-container") && b.removeEventListener(
               "keydown",
               k
@@ -130,7 +130,7 @@ const st = (e, t) => {
           }
         });
       });
-    }), p.observe(document.body, {
+    }), f.observe(document.body, {
       childList: !0,
       subtree: !0
     });
@@ -144,28 +144,28 @@ const st = (e, t) => {
       return;
     const w = s.target;
     if (!w) return;
-    const f = w.closest(
+    const p = w.closest(
       ".k-table-row[data-grid-row-index]"
     );
-    if (!L(w))
+    if (!$(w))
       return;
     const b = ["ArrowLeft", "ArrowRight"].includes(
       s.code
     );
-    if (!(u(w) && !(f && b))) {
+    if (!(u(w) && !(p && b))) {
       if (s.code === "Escape") {
-        const I = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
-        if (I) {
+        const M = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
+        if (M) {
           s.preventDefault(), s.stopPropagation();
           try {
             Array.from(
               e?.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
-            ).forEach((M) => M.setAttribute("tabindex", "-1"));
+            ).forEach((T) => T.setAttribute("tabindex", "-1"));
           } catch {
           }
-          I.setAttribute("tabindex", "0"), I.focus();
+          M.setAttribute("tabindex", "0"), M.focus();
           return;
         }
       }
@@ -182,11 +182,11 @@ const st = (e, t) => {
           r.value = w;
           return;
         }
-        if (f) {
+        if (p) {
           if (["ArrowDown", "ArrowUp"].includes(s.code)) {
             s.preventDefault(), s.stopPropagation();
-            const I = (M, N) => {
-              let W = N === "next" ? M.nextElementSibling : M.previousElementSibling;
+            const M = (T, K) => {
+              let W = K === "next" ? T.nextElementSibling : T.previousElementSibling;
               for (; W; ) {
                 const re = W;
                 try {
@@ -194,27 +194,27 @@ const st = (e, t) => {
                     return re;
                 } catch {
                 }
-                W = N === "next" ? W.nextElementSibling : W.previousElementSibling;
+                W = K === "next" ? W.nextElementSibling : W.previousElementSibling;
               }
               return null;
-            }, S = s.code === "ArrowDown" ? I(f, "next") : I(f, "previous");
-            S && (f.setAttribute("tabindex", "-1"), S.setAttribute("tabindex", "0"), S.focus());
+            }, S = s.code === "ArrowDown" ? M(p, "next") : M(p, "previous");
+            S && (p.setAttribute("tabindex", "-1"), S.setAttribute("tabindex", "0"), S.focus());
             return;
           }
           if (["ArrowLeft", "ArrowRight"].includes(s.code)) {
             s.preventDefault(), s.stopPropagation();
-            const I = f.querySelectorAll(
-              P
+            const M = p.querySelectorAll(
+              x
             );
-            if (I.length === 0) return;
-            let S = Array.from(I).findIndex(
-              (M) => M === document.activeElement
+            if (M.length === 0) return;
+            let S = Array.from(M).findIndex(
+              (T) => T === document.activeElement
             );
-            if (S === -1 && document.activeElement === f) {
-              I[0].focus();
+            if (S === -1 && document.activeElement === p) {
+              M[0].focus();
               return;
             }
-            s.code === "ArrowRight" ? S = S === I.length - 1 ? 0 : S + 1 : s.code === "ArrowLeft" && (S = S === 0 ? I.length - 1 : S - 1), I[S].focus();
+            s.code === "ArrowRight" ? S = S === M.length - 1 ? 0 : S + 1 : s.code === "ArrowLeft" && (S = S === 0 ? M.length - 1 : S - 1), M[S].focus();
             return;
           }
         }
@@ -227,7 +227,7 @@ const st = (e, t) => {
       const w = s.closest(".k-grid");
       w && w.classList.add("fk-grid");
     });
-  }, g = () => {
+  }, h = () => {
     if (!m)
       try {
         const s = () => {
@@ -238,12 +238,12 @@ const st = (e, t) => {
               )
             );
             if (!b || b.length === 0 || b.filter(
-              (M) => M.getAttribute("tabindex") === "0"
+              (T) => T.getAttribute("tabindex") === "0"
             ).length === 1) return;
             const S = b.find(
-              (M) => M === document.activeElement || M.contains(document.activeElement)
+              (T) => T === document.activeElement || T.contains(document.activeElement)
             );
-            if (b.forEach((M) => M.setAttribute("tabindex", "-1")), S) {
+            if (b.forEach((T) => T.setAttribute("tabindex", "-1")), S) {
               S.setAttribute("tabindex", "0");
               return;
             }
@@ -256,110 +256,110 @@ const st = (e, t) => {
             ".k-table-row[data-grid-row-index]"
           )
         );
-        w.length > 0 && w.forEach((b, I) => {
-          b.setAttribute("tabindex", I === 0 ? "0" : "-1");
+        w.length > 0 && w.forEach((b, M) => {
+          b.setAttribute("tabindex", M === 0 ? "0" : "-1");
         });
-        const f = e.value.$el.querySelector(".k-table-tbody");
-        f && (m = new MutationObserver(() => {
+        const p = e.value.$el.querySelector(".k-table-tbody");
+        p && (m = new MutationObserver(() => {
           s();
-        }), m.observe(f, { childList: !0, subtree: !0 }));
+        }), m.observe(p, { childList: !0, subtree: !0 }));
       } 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) => {
-        f.setAttribute("role", "button"), f.addEventListener(
+      w && w.forEach((p) => {
+        p.setAttribute("role", "button"), p.addEventListener(
           "keydown",
           E
         );
-      }), C(), z();
+      }), R(), z();
     });
   }, Y = () => {
     const w = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-    w && w.forEach((f) => {
-      f.removeEventListener(
+    w && w.forEach((p) => {
+      p.removeEventListener(
         "keydown",
         E
       );
-    }), p && (p.disconnect(), p = null), m && (m.disconnect(), m = null), D.forEach((f) => f()), D.length = 0;
+    }), f && (f.disconnect(), f = null), m && (m.disconnect(), m = null), A.forEach((p) => p()), A.length = 0;
   }, z = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
-    ).forEach((f, b) => {
-      if (f.dataset.featherKHeaderBound === "true")
+    ).forEach((p, b) => {
+      if (p.dataset.featherKHeaderBound === "true")
         return;
-      const I = f.querySelector(
+      const M = p.querySelector(
         ".k-grid-header-menu.k-grid-column-menu"
       );
-      if (!I) return;
-      const S = R();
+      if (!M) return;
+      const S = F();
       if (S && S[b]) {
         const a = S[b].field ?? "";
-        f.setAttribute("data-feather-k-field", a), f.setAttribute(
+        p.setAttribute("data-feather-k-field", a), p.setAttribute(
           "data-feather-k-filterable",
           S[b].filterable === !1 ? "false" : "true"
-        ), f.setAttribute(
+        ), p.setAttribute(
           "data-feather-k-sortable",
           S[b].sortable === !1 ? "false" : "true"
         );
       }
-      const M = f.dataset.featherKFilterable !== "false", N = f.dataset.featherKSortable !== "false";
-      I.setAttribute("tabindex", "-1"), M || N ? f.style.cursor = "pointer" : f.style.cursor = "default", M ? (f.setAttribute("tabindex", "0"), f.setAttribute("role", "button"), f.setAttribute("aria-haspopup", "menu")) : (f.setAttribute("tabindex", "0"), f.setAttribute("role", "columnheader"), f.removeAttribute("aria-haspopup"));
+      const T = p.dataset.featherKFilterable !== "false", K = p.dataset.featherKSortable !== "false";
+      M.setAttribute("tabindex", "-1"), T || K ? p.style.cursor = "pointer" : p.style.cursor = "default", T ? (p.setAttribute("tabindex", "0"), p.setAttribute("role", "button"), p.setAttribute("aria-haspopup", "menu")) : (p.setAttribute("tabindex", "0"), p.setAttribute("role", "columnheader"), p.removeAttribute("aria-haspopup"));
       const W = (a) => {
-        a.target?.closest(".k-column-resizer") || (r.value = f, I.click());
+        a.target?.closest(".k-column-resizer") || (r.value = p, M.click());
       }, re = (a) => {
-        if (M)
-          r.value = f, a.preventDefault(), a.stopPropagation(), W(a);
-        else if (N) {
-          r.value = f;
-          const v = f.querySelector(".k-link");
-          v && v.click();
+        if (T)
+          r.value = p, a.preventDefault(), a.stopPropagation(), W(a);
+        else if (K) {
+          r.value = p;
+          const g = p.querySelector(".k-link");
+          g && g.click();
         }
       };
-      f.addEventListener("click", re), D.push(() => {
-        f.removeEventListener("click", re);
+      p.addEventListener("click", re), A.push(() => {
+        p.removeEventListener("click", re);
       });
       const se = (a) => {
-        if ((A(a) || a.code === "Space") && (M || N)) {
-          if (a.preventDefault(), a.stopPropagation(), r.value = f, r.value.focus(), M)
+        if ((D(a) || a.code === "Space") && (T || K)) {
+          if (a.preventDefault(), a.stopPropagation(), r.value = p, r.value.focus(), T)
             W(a);
-          else if (N) {
-            const v = f.querySelector(".k-link");
-            v && v.click();
+          else if (K) {
+            const g = p.querySelector(".k-link");
+            g && g.click();
           }
         }
       };
-      f.addEventListener("keydown", se, !0), D.push(() => {
-        f.removeEventListener("keydown", se, !0);
-      }), f.dataset.featherKHeaderBound = "true";
+      p.addEventListener("keydown", se, !0), A.push(() => {
+        p.removeEventListener("keydown", se, !0);
+      }), p.dataset.featherKHeaderBound = "true";
     });
     const w = document.querySelector(".k-grid-header .k-table-thead");
     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());
+      const p = (b) => {
+        const M = b.target.closest("th");
+        M && (D(b) || b.code === "Space") && M.dataset.featherKFilterable === "false" && M.dataset.featherKSortable === "false" && (b.preventDefault(), b.stopImmediatePropagation());
       };
       w.addEventListener(
         "keydown",
-        f,
+        p,
         !0
         // NOTE: capture phase
-      ), D.push(() => {
+      ), A.push(() => {
         w.removeEventListener(
           "keydown",
-          f,
+          p,
           !0
         );
       }), w.dataset.featherKHeaderBound = "true";
     }
   }, _ = function(s, w) {
-    const f = s?.event?.event.target, b = R();
-    if (!f || !b) return;
-    const I = f.classList.contains("k-grid-header-menu"), S = f.classList.contains("k-columnmenu-item"), M = b.find((N) => N.field === s?.event?.field)?.sortable && !0;
-    if (!I) {
-      if (S && !M) {
+    const p = s?.event?.event.target, b = F();
+    if (!p || !b) return;
+    const M = p.classList.contains("k-grid-header-menu"), S = p.classList.contains("k-columnmenu-item"), T = b.find((K) => K.field === s?.event?.field)?.sortable && !0;
+    if (!M) {
+      if (S && !T) {
         s?.event?.sort?.filter(
           (W) => W.field !== s?.event?.field
         );
@@ -372,9 +372,9 @@ const st = (e, t) => {
       });
     }
   }, ee = () => {
-    if (!h)
+    if (!y)
       try {
-        l(), g(), V(), h = !0;
+        l(), h(), L(), y = !0;
       } catch (s) {
         console.error("initA11y failed:", s), Y();
       }
@@ -387,11 +387,11 @@ const st = (e, t) => {
     handleSortChange: _,
     initA11y: ee
   };
-}, Oe = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Ue = (e) => !!e && typeof e == "object" && "field" in e, Re = (e, t) => !e || typeof e != "object" ? !1 : Oe(e) ? e.filters.some(
+}, Ue = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Be = (e) => !!e && typeof e == "object" && "field" in e, Re = (e, t) => !e || typeof e != "object" ? !1 : Ue(e) ? e.filters.some(
   (r) => Re(r, t)
-) : Ue(e) ? e.field === t : !1, ut = (e) => (t) => e.value?.filters && e.value.filters.some(
+) : Be(e) ? e.field === t : !1, ft = (e) => (t) => e.value?.filters && e.value.filters.some(
   (r) => Re(r, t)
-) ? "active" : "", Be = [
+) ? "active" : "", Ye = [
   "button",
   "a",
   "input",
@@ -409,53 +409,53 @@ const st = (e, t) => {
   ".k-hierarchy-cell",
   ".k-grid-header-menu",
   ".k-column-menu"
-], ct = (e) => {
+], pt = (e) => {
   const {
     onRowAction: t,
     gridRef: r,
-    dataItems: h,
-    ignoreSelectors: p = [],
+    dataItems: y,
+    ignoreSelectors: f = [],
     shouldIgnoreTarget: m,
-    enableKeyboardAction: D = !0
-  } = e, P = [
-    ...Be,
-    ...p
-  ], T = (u, i) => {
+    enableKeyboardAction: A = !0
+  } = e, x = [
+    ...Ye,
+    ...f
+  ], C = (u, i) => {
     if (!u) return !1;
-    const l = P.join(",");
+    const l = x.join(",");
     return u.closest && u.closest(l) ? !0 : m && i ? m(u, i) : !1;
-  }, L = (u) => {
+  }, $ = (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) => {
+    const h = parseInt(l, 10);
+    return Number.isNaN(h) ? void 0 : h;
+  }, D = (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, h = 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
+      screenX: typeof u.screenX == "number" ? u.screenX : u.clientX + h,
+      screenY: typeof u.screenY == "number" ? u.screenY : u.clientY + L
     };
-  }, R = (u) => {
+  }, F = (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, h = i.bottom, L = typeof window < "u" && window.scrollX || 0, Y = typeof window < "u" && window.scrollY || 0;
     return {
       clientX: l,
-      clientY: g,
-      pageX: l + V,
-      pageY: g + Y,
+      clientY: h,
+      pageX: l + L,
+      pageY: h + Y,
       screenX: l,
-      screenY: g
+      screenY: h
     };
   }, E = (u) => {
     if (typeof window > "u") return !1;
@@ -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, h = i.anchorNode.nodeType === Node.ELEMENT_NODE ? i.anchorNode : i.anchorNode.parentElement, L = i.focusNode.nodeType === Node.ELEMENT_NODE ? i.focusNode : i.focusNode.parentElement, Y = !!(h && l.contains(h)), z = !!(L && l.contains(L));
       return Y || z;
     }
     return !0;
@@ -474,11 +474,11 @@ const st = (e, t) => {
       if (i && i.button !== void 0 && i.button !== 0)
         return;
       const l = i?.target || u?.target;
-      if (l && T(l, i || u) || E(l))
+      if (l && C(l, i || u) || E(l))
         return;
-      const g = {
+      const h = {
         dataItem: u.dataItem,
-        rowIndex: u.rowIndex ?? L(l),
+        rowIndex: u.rowIndex ?? $(l),
         field: u.field,
         event: i || u,
         triggerType: "click",
@@ -486,26 +486,26 @@ const st = (e, t) => {
         shiftKey: !!i?.shiftKey,
         metaKey: !!i?.metaKey,
         altKey: !!i?.altKey,
-        coordinates: A(i) ?? R(l)
+        coordinates: D(i) ?? F(l)
       };
-      t(u.dataItem, g);
+      t(u.dataItem, h);
     },
     handleRowKeyDown: (u, i) => {
-      if (!D) return;
+      if (!A) 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 || C(L, u))
         return;
       u.preventDefault(), u.stopPropagation();
       const z = Y.getAttribute("data-grid-row-index"), _ = z !== null ? parseInt(z, 10) : void 0;
       let ee = i;
       if (ee === void 0) {
-        const w = (Array.isArray(h) ? h : h?.value) || r?.value?.props?.dataItems || r?.value?.dataItems;
+        const w = (Array.isArray(y) ? y : y?.value) || r?.value?.props?.dataItems || r?.value?.dataItems;
         w && _ !== void 0 && _ >= 0 && _ < w.length && (ee = w[_]);
       }
       if (ee === void 0) return;
@@ -518,23 +518,23 @@ const st = (e, t) => {
         shiftKey: !!u.shiftKey,
         metaKey: !!u.metaKey,
         altKey: !!u.altKey,
-        coordinates: R(Y)
+        coordinates: F(Y)
       };
       t(ee, s);
     },
-    isIgnoredTarget: T
+    isIgnoredTarget: C
   };
-}, Ye = "Enter a valid ZIP code with exactly 5 or 9 digits.", Ce = (e) => {
+}, ze = "Enter a valid ZIP code with exactly 5 or 9 digits.", Ce = (e) => {
   const t = e.replace(/\D/g, "").slice(0, 9);
   return t.length > 5 ? `${t.slice(0, 5)}-${t.slice(5)}` : t;
-}, ze = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, He = (e) => e <= 5 ? e : Math.min(e + 1, 10), Ze = (e) => {
-  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;
+}, He = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, Ze = (e) => e <= 5 ? e : Math.min(e + 1, 10), Xe = (e) => {
+  const t = O(Ce(e.initialValue ?? "")), r = O(!1), y = O(
+    e.errorMessage?.trim() || ze
+  ), f = v(() => t.value.replace(/\D/g, "")), m = v(() => {
+    const k = f.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 u = He(C);
+  }), A = v(() => r.value && !m.value), x = v(() => !r.value || m.value), C = v(() => r.value), $ = (k, R) => {
+    const u = Ze(R);
     B(() => {
       k.isConnected && k.setSelectionRange(u, u);
     });
@@ -543,91 +543,91 @@ const st = (e, t) => {
     // writable state
     zipDisplay: t,
     submitted: r,
-    errorMessage: h,
+    errorMessage: y,
     // bindings
     wrapperClass: "fk-zip-textbox",
     // derived state
-    zipRaw: p,
+    zipRaw: f,
     isZipValid: m,
-    showZipError: D,
-    textBoxValid: P,
-    textBoxValidate: T,
+    showZipError: A,
+    textBoxValid: x,
+    textBoxValidate: C,
     // 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(
+      const R = k[0], i = R?.event?.target, l = R?.value, h = Array.isArray(l) ? l.join("") : String(l ?? ""), L = i?.selectionStart !== void 0 && i.selectionStart !== null ? He(
         i.value,
         i.selectionStart
-      ) : g.replace(/\D/g, "").length;
-      t.value = Ce(g), i && L(i, V);
+      ) : h.replace(/\D/g, "").length;
+      t.value = Ce(h), i && $(i, L);
     },
     submitAndValidate: (k) => {
       r.value = !0;
-      const C = m.value;
-      return !C && k?.focus && B(() => {
+      const R = m.value;
+      return !R && k?.focus && B(() => {
         document.getElementById(
           e.id
         )?.focus();
-      }), C;
+      }), R;
     },
-    buildPayload: () => ({ zip: p.value })
+    buildPayload: () => ({ zip: f.value })
   };
 };
-function Xe(e, t) {
-  const r = U(!1);
+function We(e, t) {
+  const r = O(!1);
   Te(() => {
     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);
+  function y(m) {
+    const A = e.value ?? m.currentTarget, x = m.relatedTarget;
+    (!A || !A.contains(x)) && (r.value = !0);
   }
-  function p() {
+  function f() {
     r.value = !1;
   }
-  return { touched: r, onFocusout: h, reset: p };
+  return { touched: r, onFocusout: y, reset: f };
 }
-function We(e, t) {
-  const r = U(!1), h = U(!1), p = y(
+function je(e, t) {
+  const r = O(!1), y = O(!1), f = v(
     () => le(t.submitted) || r.value
-  ), m = y(() => !p.value || t.isValid()), D = Xe(e, {
+  ), m = v(() => !f.value || t.isValid()), A = We(e, {
     isValid: () => m.value
   });
-  function P(E) {
-    return y(() => !p.value || le(E));
+  function x(E) {
+    return v(() => !f.value || le(E));
   }
-  function T(E) {
+  function C(E) {
     return Object.fromEntries(
-      Object.entries(E).map(([k, C]) => [
+      Object.entries(E).map(([k, R]) => [
         k,
-        P(C)
+        x(R)
       ])
     );
   }
-  function L(E) {
+  function $(E) {
     const k = le(E);
     if (!k) return;
     k.querySelector(
       '.k-invalid input, .k-invalid[tabindex="0"]'
     )?.focus();
   }
-  function A(E) {
-    if (h.value) {
-      h.value = !1;
+  function D(E) {
+    if (y.value) {
+      y.value = !1;
       return;
     }
-    D.onFocusout(E), D.touched.value && (r.value = !0);
+    A.onFocusout(E), A.touched.value && (r.value = !0);
   }
-  function R() {
-    r.value = !1, h.value = !0, D.reset();
+  function F() {
+    r.value = !1, y.value = !0, A.reset();
   }
   return {
     touched: r,
-    fieldsetValidate: p,
-    onFocusout: A,
-    reset: R,
-    createFieldValidity: P,
-    createFieldValidationsMap: T,
-    focusFirstInvalidField: L
+    fieldsetValidate: f,
+    onFocusout: D,
+    reset: F,
+    createFieldValidity: x,
+    createFieldValidationsMap: C,
+    focusFirstInvalidField: $
   };
 }
 const Ge = [
@@ -689,7 +689,7 @@ function De(e) {
   }
   return "";
 }
-function je() {
+function _e() {
   const e = Ve({
     address1: "",
     address2: "",
@@ -699,134 +699,134 @@ function je() {
   });
   return {
     formData: e,
-    onAddress1Input: (...D) => {
-      e.address1 = De(D[0]);
+    onAddress1Input: (...A) => {
+      e.address1 = De(A[0]);
     },
-    onAddress2Input: (...D) => {
-      e.address2 = De(D[0]);
+    onAddress2Input: (...A) => {
+      e.address2 = De(A[0]);
     },
-    onCityInput: (...D) => {
-      e.city = De(D[0]);
+    onCityInput: (...A) => {
+      e.city = De(A[0]);
     },
-    onStateChange: (D) => {
-      e.state = D.value;
+    onStateChange: (A) => {
+      e.state = A.value;
     },
     resetFormData: () => {
       e.address1 = "", e.address2 = "", e.city = "", e.state = null, e.zip = "";
     }
   };
 }
-function _e(e, t = "zip") {
-  const r = Ze({ id: t }), {
-    zipDisplay: h,
-    zipRaw: p,
+function Je(e, t = "zip") {
+  const r = Xe({ id: t }), {
+    zipDisplay: y,
+    zipRaw: f,
     isZipValid: m,
-    wrapperClass: D,
-    handleZipInput: P
+    wrapperClass: A,
+    handleZipInput: x
   } = r;
-  return ue(p, (L) => {
-    e.zip = L;
+  return ue(f, ($) => {
+    e.zip = $;
   }), {
-    zipDisplay: h,
+    zipDisplay: y,
     isZipValid: m,
-    zipWrapperClass: D,
-    onZipInput: P,
+    zipWrapperClass: A,
+    onZipInput: x,
     resetZip: () => {
-      h.value = "", e.zip = "";
+      y.value = "", e.zip = "";
     }
   };
 }
-function Je(e) {
-  const t = y(
+function Qe(e) {
+  const t = v(
     () => e.formData.address1.trim() !== ""
-  ), r = y(() => e.formData.city.trim() !== ""), h = y(() => !!e.formData.state), p = y(() => le(e.isZipValid)), m = y(
-    () => t.value && r.value && h.value && p.value
+  ), r = v(() => e.formData.city.trim() !== ""), y = v(() => !!e.formData.state), f = v(() => le(e.isZipValid)), m = v(
+    () => t.value && r.value && y.value && f.value
   );
   return {
     strictAddress1Valid: t,
     strictCityValid: r,
-    strictStateValid: h,
-    strictZipValid: p,
+    strictStateValid: y,
+    strictZipValid: f,
     strictAddressValid: m
   };
 }
-function Qe(e) {
+function et(e) {
   if (!e) return;
   e.querySelector(
     '.k-invalid input, .k-invalid[tabindex="0"]'
   )?.focus();
 }
-function et(e, t) {
-  const r = e ?? t.currentTarget, h = t.relatedTarget;
-  return !r || !r.contains(h);
+function tt(e, t) {
+  const r = e ?? t.currentTarget, y = t.relatedTarget;
+  return !r || !r.contains(y);
 }
-function dt(e) {
-  const t = U(
+function mt(e) {
+  const t = O(
     le(e.fieldsetRef)
   );
   Te(() => {
     t.value = le(e.fieldsetRef);
   });
-  const r = U(!1), h = U(!1), p = y(() => le(e.required) ?? !0), {
+  const r = O(!1), y = O(!1), f = v(() => le(e.required) ?? !0), {
     formData: m,
-    onAddress1Input: D,
-    onAddress2Input: P,
-    onCityInput: T,
-    onStateChange: L,
-    resetFormData: A
-  } = je(), R = `${e.addressId}-zip`, { zipDisplay: E, isZipValid: k, zipWrapperClass: C, onZipInput: u, resetZip: i } = _e(m, R), {
+    onAddress1Input: A,
+    onAddress2Input: x,
+    onCityInput: C,
+    onStateChange: $,
+    resetFormData: D
+  } = _e(), F = `${e.addressId}-zip`, { zipDisplay: E, isZipValid: k, zipWrapperClass: R, onZipInput: u, resetZip: i } = Je(m, F), {
     strictAddress1Valid: l,
-    strictCityValid: g,
-    strictStateValid: V,
+    strictCityValid: h,
+    strictStateValid: L,
     strictZipValid: Y,
     strictAddressValid: z
-  } = Je({
+  } = Qe({
     formData: m,
     isZipValid: k
-  }), _ = We(t, {
+  }), _ = je(t, {
     submitted: r,
     isValid: () => z.value
-  }), { touched: ee, fieldsetValidate: s, onFocusout: w, reset: f } = _, b = _.createFieldValidationsMap({
+  }), { touched: ee, fieldsetValidate: s, onFocusout: w, reset: p } = _, b = _.createFieldValidationsMap({
     address1: l,
-    city: g,
-    state: V,
+    city: h,
+    state: L,
     zip: Y,
     address: z
   }), {
-    address1: I,
+    address1: M,
     city: S,
-    state: M,
-    zip: N,
+    state: T,
+    zip: K,
     address: W
-  } = b, re = y(
-    () => p.value ? s.value : !1
-  ), se = y(
-    () => p.value ? I.value : !0
-  ), a = y(
-    () => p.value ? S.value : !0
-  ), v = y(
-    () => p.value ? M.value : !0
-  ), $ = y(
-    () => p.value ? N.value : !0
-  ), H = y(
-    () => p.value ? W.value : !0
-  ), Z = { value: null, label: "State" }, G = Ge.map(({ label: d, value: x }) => ({
+  } = b, re = v(
+    () => f.value ? s.value : !1
+  ), se = v(
+    () => f.value ? M.value : !0
+  ), a = v(
+    () => f.value ? S.value : !0
+  ), g = v(
+    () => f.value ? T.value : !0
+  ), V = v(
+    () => f.value ? K.value : !0
+  ), H = v(
+    () => f.value ? W.value : !0
+  ), Z = { value: null, label: "State" }, j = Ge.map(({ label: d, value: I }) => ({
     label: d,
-    value: x
-  })), n = y(() => ({
+    value: I
+  })), n = v(() => ({
     address1: m.address1.trim(),
     address2: m.address2.trim(),
     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 = v(() => m.address1.trim() === "" && m.address2.trim() === "" && m.city.trim() === "" && (m.state ?? "").trim() === "" && m.zip.replace(/\D/g, "") === ""), P = v(() => !c.value), q = v(() => !f.value && P.value && (!l.value || !h.value || !L.value)), G = v(() => {
     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 !f.value && P.value && d.length !== 5 && d.length !== 9;
+  }), te = v(() => !f.value && P.value && !z.value), U = v(() => !f.value && te.value && (y.value || r.value));
   return ue(n, () => {
-    p.value || (h.value = !1);
-  }), ue(p, (d) => {
-    d || (r.value = !1, h.value = !1, f());
+    f.value || (y.value = !1);
+  }), ue(f, (d) => {
+    d || (r.value = !1, y.value = !1, p());
   }), {
     formData: m,
     submitted: r,
@@ -834,115 +834,115 @@ function dt(e) {
     addressValidate: re,
     address1Valid: se,
     cityValid: a,
-    stateValid: v,
-    zipValid: $,
+    stateValid: g,
+    zipValid: V,
     addressValid: H,
-    optionalFeedbackActive: O,
+    optionalFeedbackActive: U,
     optionalPartialInvalid: te,
     optionalMissingRequiredFields: q,
-    optionalZipInvalid: j,
+    optionalZipInvalid: G,
     stateDefaultItem: Z,
-    stateOptions: G,
+    stateOptions: j,
     zipDisplay: E,
-    zipWrapperClass: C,
-    onAddress1Input: D,
-    onAddress2Input: P,
-    onCityInput: T,
-    onStateChange: L,
+    zipWrapperClass: R,
+    onAddress1Input: A,
+    onAddress2Input: x,
+    onCityInput: C,
+    onStateChange: $,
     onZipInput: u,
     onFieldsetFocusout: (d) => {
-      const x = et(t.value, d);
-      w(d), !p.value && x && (h.value = !0);
+      const I = tt(t.value, d);
+      w(d), !f.value && I && (y.value = !0);
     },
     normalizedPayload: n,
-    validateForSubmit: async () => p.value ? (r.value = !0, z.value ? {
+    validateForSubmit: async () => f.value ? (r.value = !0, z.value ? {
       isValid: !0,
       payload: n.value
-    } : (await B(), Qe(t.value), { isValid: !1, payload: null })) : c.value || z.value ? (r.value = !1, {
+    } : (await B(), et(t.value), { isValid: !1, payload: null })) : c.value || z.value ? (r.value = !1, {
       isValid: !0,
       payload: n.value
     }) : (r.value = !0, { isValid: !1, payload: null }),
     reset: () => {
-      r.value = !1, h.value = !1, f(), A(), i();
+      r.value = !1, y.value = !1, p(), D(), i();
     }
   };
 }
-const tt = typeof window < "u" && typeof document < "u";
+const nt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const nt = Object.prototype.toString, at = (e) => nt.call(e) === "[object Object]", we = () => {
+const at = Object.prototype.toString, rt = (e) => at.call(e) === "[object Object]", we = () => {
 };
 function Ee(e) {
   return Array.isArray(e) ? e : [e];
 }
-function rt(e, t, r) {
+function ot(e, t, r) {
   return ue(e, t, {
     ...r,
     immediate: !0
   });
 }
-const Fe = tt ? window : void 0;
+const $e = nt ? window : void 0;
 function he(e) {
   var t;
   const r = le(e);
   return (t = r?.$el) !== null && t !== void 0 ? t : r;
 }
-function xe(...e) {
-  const t = (h, p, m, D) => (h.addEventListener(p, m, D), () => h.removeEventListener(p, m, D)), r = y(() => {
-    const h = Ee(le(e[0])).filter((p) => p != null);
-    return h.every((p) => typeof p != "string") ? h : void 0;
+function Ie(...e) {
+  const t = (y, f, m, A) => (y.addEventListener(f, m, A), () => y.removeEventListener(f, m, A)), r = v(() => {
+    const y = Ee(le(e[0])).filter((f) => f != null);
+    return y.every((f) => typeof f != "string") ? y : void 0;
   });
-  return rt(() => {
-    var h, p;
+  return ot(() => {
+    var y, f;
     return [
-      (h = (p = r.value) === null || p === void 0 ? void 0 : p.map((m) => he(m))) !== null && h !== void 0 ? h : [Fe].filter((m) => m != null),
+      (y = (f = r.value) === null || f === void 0 ? void 0 : f.map((m) => he(m))) !== null && y !== void 0 ? y : [$e].filter((m) => m != null),
       Ee(le(r.value ? e[1] : e[0])),
       Ee(Le(r.value ? e[2] : e[1])),
       le(r.value ? e[3] : e[2])
     ];
-  }, ([h, p, m, D], P, 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))));
-    T(() => {
-      A.forEach((R) => R());
+  }, ([y, f, m, A], x, C) => {
+    if (!y?.length || !f?.length || !m?.length) return;
+    const $ = rt(A) ? { ...A } : A, D = y.flatMap((F) => f.flatMap((E) => m.map((k) => t(F, E, k, $))));
+    C(() => {
+      D.forEach((F) => F());
     });
   }, { 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 ? {
+function Fe(e, t, r = {}) {
+  const { window: y = $e, ignore: f = [], capture: m = !0, detectIframe: A = !1, controls: x = !1 } = r;
+  if (!y) return x ? {
     stop: we,
     cancel: we,
     trigger: we
   } : we;
-  let T = !0;
-  const L = (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));
+  let C = !0;
+  const $ = (i) => le(f).some((l) => {
+    if (typeof l == "string") return Array.from(y.document.querySelectorAll(l)).some((h) => h === i.target || i.composedPath().includes(h));
     {
-      const g = he(l);
-      return g && (i.target === g || i.composedPath().includes(g));
+      const h = he(l);
+      return h && (i.target === h || i.composedPath().includes(h));
     }
   });
-  function A(i) {
+  function D(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));
+  function F(i, l) {
+    const h = le(i), L = h.$.subTree && h.$.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) {
-        T = !0;
+    if (i.target != null && !(!(l instanceof Element) && D(e) && F(e, i)) && !(!l || l === i.target || i.composedPath().includes(l))) {
+      if ("detail" in i && i.detail === 0 && (C = !$(i)), !C) {
+        C = !0;
         return;
       }
       t(i);
     }
   };
   let k = !1;
-  const C = [
-    xe(h, "click", (i) => {
+  const R = [
+    Ie(y, "click", (i) => {
       k || (k = !0, setTimeout(() => {
         k = !1;
       }, 0), E(i));
@@ -950,81 +950,89 @@ function $e(e, t, r = {}) {
       passive: !0,
       capture: m
     }),
-    xe(h, "pointerdown", (i) => {
+    Ie(y, "pointerdown", (i) => {
       const l = he(e);
-      T = !L(i) && !!(l && !i.composedPath().includes(l));
+      C = !$(i) && !!(l && !i.composedPath().includes(l));
     }, { passive: !0 }),
-    D && xe(h, "blur", (i) => {
+    A && Ie(y, "blur", (i) => {
       setTimeout(() => {
         const l = he(e);
-        let g = h.document.activeElement;
-        for (; g?.shadowRoot; ) g = g.shadowRoot.activeElement;
-        g?.tagName === "IFRAME" && !l?.contains(h.document.activeElement) && t(i);
+        let h = y.document.activeElement;
+        for (; h?.shadowRoot; ) h = h.shadowRoot.activeElement;
+        h?.tagName === "IFRAME" && !l?.contains(y.document.activeElement) && t(i);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), u = () => C.forEach((i) => i());
-  return P ? {
+  ].filter(Boolean), u = () => R.forEach((i) => i());
+  return x ? {
     stop: u,
     cancel: () => {
-      T = !1;
+      C = !1;
     },
     trigger: (i) => {
-      T = !0, E(i), T = !1;
+      C = !0, E(i), C = !1;
     }
   } : u;
 }
-const Ie = (e) => {
+const xe = (e) => {
   if (e instanceof HTMLElement) return e;
   const t = e?.$el;
   return t instanceof HTMLElement ? t : null;
-}, ot = (e, t) => t === "row" || !e.matches("tr.k-table-row"), ft = (e) => {
-  const t = U(null), r = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", h = e.triggerMode ?? "button", p = () => Ie(e.triggerRef.value), m = () => e.resolveFocusTarget?.() ?? Ie(e.focusTargetRef?.value), D = () => {
+}, lt = (e, t) => t === "row" ? e.matches("tr.k-table-row") : !e.matches("tr.k-table-row"), it = (e, t) => {
+  console.warn(
+    `usePopupMenu: triggerMode "${t}" does not match resolved element <${e.tagName.toLowerCase()}${e.className ? `.${e.className.split(" ").join(".")}` : ""}>; ARIA management skipped.`
+  );
+}, vt = (e) => {
+  const t = O(null), r = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", y = e.triggerMode, f = () => xe(e.triggerRef.value), m = () => e.resolveFocusTarget?.() ?? xe(e.focusTargetRef?.value), A = () => {
     const l = m();
     if (l)
       return l.focus(), !0;
-    const g = p();
-    return g?.focus(), !!g;
-  }, P = () => {
-    Ie(e.menuRef.value)?.querySelector(r)?.focus();
-  }, T = (l) => {
-    e.isOpen.value && (t.value = l, e.requestHide());
+    const h = f();
+    return h?.focus(), !!h;
+  }, x = () => {
+    xe(e.menuRef.value)?.querySelector(r)?.focus();
+  }, C = (l) => {
+    e.isOpen.value && (t.value = l, F(!1), e.requestHide());
   };
-  $e(e.menuRef, () => T("outside-click"), {
+  Fe(e.menuRef, () => C("outside-click"), {
     ignore: [e.triggerRef]
   });
-  let L = null;
-  const A = () => {
-    L?.removeAttribute("aria-haspopup"), L?.removeAttribute("aria-expanded"), L = null;
-  }, R = (l) => {
+  let $ = null;
+  const D = () => {
+    $?.isConnected && $.setAttribute("aria-expanded", "false"), $ = null;
+  }, F = (l) => {
     if (e.manageMenuTriggerAria === !1) return;
-    const g = p();
-    if (!g || !ot(g, h)) {
-      A();
+    const h = f();
+    if (!h) {
+      $?.isConnected && $.setAttribute("aria-expanded", l ? "true" : "false");
       return;
     }
-    L !== g && A(), g.setAttribute("aria-haspopup", "menu"), g.setAttribute("aria-expanded", l ? "true" : "false"), L = g;
+    if (!lt(h, y)) {
+      it(h, y), D();
+      return;
+    }
+    $ && $ !== h && D(), h.setAttribute("aria-expanded", l ? "true" : "false"), $ = h;
   };
   ue(
     [e.isOpen, e.triggerRef],
-    ([l]) => R(l),
+    ([l]) => F(l),
     { immediate: !0, flush: "post" }
-  ), Ke(A);
+  ), Ne(D);
   const E = () => {
     if (e.isOpen.value) {
-      T("trigger-click");
+      C("trigger-click");
       return;
     }
-    e.requestShow(), B(P);
+    e.requestShow(), B(x);
   };
   return {
     /**
      * Handles Kendo Menu selection: records keyboard or mouse modality,
      * requests popup close, then runs the optional caller-owned action.
      */
-    handleMenuSelect: (l, g) => {
-      T(
+    handleMenuSelect: (l, h) => {
+      C(
         l.event?.type?.startsWith("key") ? "keyboard" : "mouse-selection"
-      ), g?.(l);
+      ), h?.(l);
     },
     /**
      * Toggles the action menu. When opening, focuses the first enabled Kendo
@@ -1042,15 +1050,15 @@ const Ie = (e) => {
       }
       if (l.key === "Escape") {
         if (l.preventDefault(), l.stopPropagation(), e.isOpen.value) {
-          T("keyboard");
+          C("keyboard");
           return;
         }
-        D();
+        A();
       }
     },
     /** Closes the open menu through the keyboard path when Escape is pressed inside it. */
     handleActionMenuEscape: (l) => {
-      l.preventDefault(), l.stopPropagation(), T("keyboard");
+      l.preventDefault(), l.stopPropagation(), C("keyboard");
     },
     /**
      * Restores focus after Kendo Popup closes: keyboard closes prefer the
@@ -1059,91 +1067,116 @@ const Ie = (e) => {
      */
     handlePopupClose: () => {
       B(() => {
-        t.value === "keyboard" ? D() : t.value === "mouse-selection" && p()?.focus(), t.value = null;
+        t.value === "keyboard" ? A() : t.value === "mouse-selection" && f()?.focus(), t.value = null;
       });
     }
   };
+}, st = (e) => {
+  if (e instanceof HTMLElement) return e;
+  const t = e && "$el" in e ? e.$el : null;
+  return t instanceof HTMLElement ? t : null;
+}, gt = () => {
+  const e = Ke(/* @__PURE__ */ new Map()), t = O(null), r = (x, C) => {
+    const $ = st(C);
+    $ ? e.set(x, $) : e.delete(x);
+  }, y = (x) => e.get(x) ?? null, f = (x) => {
+    t.value = x;
+  }, m = () => {
+    t.value = null;
+  }, A = (x) => t.value === x;
+  return {
+    activeId: Q(t),
+    isActive: v(() => t.value !== null),
+    activeElement: v(
+      () => t.value !== null ? y(t.value) : null
+    ),
+    register: r,
+    resolve: y,
+    activate: f,
+    deactivate: m,
+    isIdActive: A
+  };
 };
-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(() => {
+function yt(e) {
+  const t = O(""), r = O(void 0), y = O(!!e.debug), f = O(e.dateFormat ?? "mm/dd/yyyy"), m = v(() => !!e.required), A = 1e3, x = O(!1), C = ["ArrowUp", "ArrowDown"], $ = ["ArrowLeft", "ArrowRight"], D = v(() => (t.value ?? "").replace(/\D/g, "")), F = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : D.value.length <= 10 ? "yyyy" : "mm", E = v(() => {
     const a = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
-  }), k = y(() => {
+  }), k = v(() => {
     const a = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
-  }), C = y(() => {
+  }), R = v(() => {
     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 (D.value.length === 0) {
       e.onChange({ value: null, event: a });
       return;
     }
-    if (A.value.length < 8) {
+    if (D.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 (z(n, Z, G)) {
-        const c = V(n, Z, G);
+    if ((t.value ?? "").length === 10 && D.value.length === 8) {
+      const [g, V, H] = t.value.split("/"), Z = parseInt(g), j = parseInt(V), n = parseInt(H);
+      if (z(n, Z, j)) {
+        const c = L(n, Z, j);
         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 > $);
-  }, 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 (z(G, H, Z))
-        return V(G, H, Z);
+    const g = e.min ?? void 0, V = e.max ?? void 0;
+    return !(g && a < g || V && a > V);
+  }, l = v(() => {
+    if ((t.value ?? "").length === 10 && D.value.length === 8) {
+      const [a, g, V] = (t.value ?? "").split("/"), H = parseInt(a), Z = parseInt(g), j = parseInt(V);
+      if (z(j, H, Z))
+        return L(j, H, Z);
     }
     return null;
-  }), g = y(() => (t.value ?? "").length === 10 && A.value.length === 8), V = (a, v, $) => {
+  }), h = v(() => (t.value ?? "").length === 10 && D.value.length === 8), L = (a, g, V) => {
     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, g - 1, V), H.setHours(0, 0, 0, 0), H;
+  }, Y = (a, g) => L(a, g + 1, 0).getDate(), z = (a, g, V) => g >= 1 && g <= 12 && a >= A && V >= 1 && V <= Y(a, g), _ = (a) => {
     t.value = a.value;
-    const v = a.event?.target;
-    r.value = v?.selectionStart ?? 0, u(a);
+    const g = a.event?.target;
+    r.value = g?.selectionStart ?? 0, u(a);
   }, ee = (a) => {
     r.value = a.target.selectionStart ?? 0;
-  }, s = (a, v, $) => {
-    const H = v?.selectionStart ?? r.value ?? 0;
+  }, s = (a, g, V) => {
+    const H = g?.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), j = parseInt(k.value), n = parseInt(R.value);
+    if (!(D.value.length >= 8) || !z(n, Z, j)) {
       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(
+      Z = X.getMonth() + 1, j = X.getDate(), n = X.getFullYear(), t.value = `${String(Z).padStart(2, "0")}/${String(j).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, j);
+      e.onChange({ value: i(ce) ? ce : null, event: V }), S({ useRAF: !0 });
       return;
     }
-    const F = R(H);
-    if (F === "mm")
+    const P = F(H);
+    if (P === "mm")
       Z = a === "ArrowUp" ? Z < 12 ? Z + 1 : 1 : Z > 1 ? Z - 1 : 12;
-    else if (F === "dd") {
+    else if (P === "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));
-    t.value = `${String(Z).padStart(2, "0")}/${String(G).padStart(
+      j = a === "ArrowUp" ? j < X ? j + 1 : 1 : j > 1 ? j - 1 : X;
+    } else P === "yyyy" && (n = a === "ArrowUp" ? n + 1 : Math.max(1, n - 1));
+    t.value = `${String(Z).padStart(2, "0")}/${String(j).padStart(
       2,
       "0"
     )}/${String(n)}`;
-    const [q, j, te] = t.value.split("/"), O = V(
+    const [q, G, te] = t.value.split("/"), U = L(
       parseInt(te),
       parseInt(q),
-      parseInt(j)
+      parseInt(G)
     );
-    O.toString() !== "Invalid Date" && parseInt(te) >= 1e3 ? e.onChange({
-      value: i(O) ? O : null,
-      event: $
-    }) : e.onChange({ value: null, event: $ }), S({ useRAF: !0 });
+    U.toString() !== "Invalid Date" && parseInt(te) >= 1e3 ? e.onChange({
+      value: i(U) ? U : null,
+      event: V
+    }) : e.onChange({ value: null, event: V }), S({ useRAF: !0 });
   }, w = (a) => {
     if (a.code === "Space" || a.key === " ") {
       a.preventDefault(), a.stopPropagation(), e.onShowCalendar(a);
@@ -1153,72 +1186,72 @@ function pt(e) {
       a.preventDefault(), a.stopPropagation(), e.onShowCalendar(a);
       return;
     }
-    if (T.includes(a.key)) {
+    if (C.includes(a.key)) {
       if (a.altKey) return;
       a.preventDefault(), a.stopPropagation();
-      const v = a.target;
-      s(a.key, v, a);
+      const g = a.target;
+      s(a.key, g, a);
       return;
     }
-  }, f = (a) => {
+  }, p = (a) => {
     a.preventDefault();
-    const v = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    s(v, a.target, a);
+    const g = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    s(g, a.target, a);
   }, b = (a) => {
-    const v = a.target;
-    if (L.includes(a.key)) {
-      r.value = v?.selectionStart ?? 0;
+    const g = a.target;
+    if ($.includes(a.key)) {
+      r.value = g?.selectionStart ?? 0;
       return;
     }
-    if (T.includes(a.key)) {
+    if (C.includes(a.key)) {
       if (a.altKey) return;
-      r.value = v?.selectionStart ?? 0;
+      r.value = g?.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 = "");
-    const v = a.target;
-    v && (r.value = v.selectionStart ?? 0);
+  }, M = (a) => {
+    x.value = !0, m.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && D.value.length === 0 && (e.externalValue.value = "");
+    const g = a.target;
+    g && (r.value = g.selectionStart ?? 0);
   }, S = (a) => {
-    const v = () => {
-      const $ = document.getElementById(
+    const g = () => {
+      const V = document.getElementById(
         e.id
       );
-      if (!$) return;
-      const H = a?.pos ?? r.value ?? $.value.length;
+      if (!V) return;
+      const H = a?.pos ?? r.value ?? V.value.length;
       try {
-        $.focus(), $.setSelectionRange(H, H);
+        V.focus(), V.setSelectionRange(H, H);
       } catch {
       }
     };
     B(() => {
       if (a?.delay && a.delay > 0) {
-        setTimeout(v, a.delay);
+        setTimeout(g, a.delay);
         return;
       }
       if (a?.useRAF) {
-        requestAnimationFrame(v);
+        requestAnimationFrame(g);
         return;
       }
-      v();
+      g();
     });
   };
   e.externalValue && ue(
     e.externalValue,
     (a) => {
       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 g = new Date(a);
+        if (g.toString() !== "Invalid Date") {
+          const V = (g.getMonth() + 1).toString().padStart(2, "0"), H = g.getDate().toString().padStart(2, "0"), Z = g.getFullYear().toString();
+          t.value = `${V}/${H}/${Z}`, S({ delay: 50 });
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const M = y(() => [
-    ["Date", `${E.value} / ${k.value} / ${C.value}`],
-    ["Digits only", A.value],
+  const T = v(() => [
+    ["Date", `${E.value} / ${k.value} / ${R.value}`],
+    ["Digits only", D.value],
     [
       "min",
       e.min?.toLocaleDateString("en-US", {
@@ -1235,46 +1268,46 @@ function pt(e) {
         day: "2-digit"
       }) ?? null
     ]
-  ]), N = y(() => {
+  ]), K = v(() => {
     if (!m.value) {
-      if (!g.value) return !0;
-      const v = l.value;
-      return v ? i(v) : !1;
+      if (!h.value) return !0;
+      const g = l.value;
+      return g ? i(g) : !1;
     }
-    if (!P.value) return !0;
+    if (!x.value) return !0;
     const a = l.value;
-    return !g.value || !a ? !1 : i(a);
-  }), W = y(() => {
+    return !h.value || !a ? !1 : i(a);
+  }), W = v(() => {
     if (!m.value) {
-      if (!g.value) return;
-      const v = l.value;
-      return v ? i(v) ? "valid" : "out-of-bounds" : "invalid-date";
+      if (!h.value) return;
+      const g = l.value;
+      return g ? i(g) ? "valid" : "out-of-bounds" : "invalid-date";
     }
-    if (!P.value) return;
-    if (A.value.length === 0 || !g.value)
+    if (!x.value) return;
+    if (D.value.length === 0 || !h.value)
       return "incomplete";
     const a = l.value;
     return a ? i(a) ? "valid" : "out-of-bounds" : "invalid-date";
-  }), re = y(() => {
+  }), re = v(() => {
     const a = W.value;
     if (!a || a === "valid") return "";
     if (a === "incomplete")
       return "Required";
     if (a === "invalid-date")
-      return `Must be in ${p.value} format.`;
-    const v = e.min ? e.min.toLocaleDateString("en-US", {
+      return `Must be in ${f.value} format.`;
+    const g = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
-    }) : null, $ = e.max ? e.max.toLocaleDateString("en-US", {
+    }) : null, V = 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) return `Must be on or after ${v}.`;
-      if ($) return `Must be on or before ${$}.`;
+      if (g && V) return `Must be between ${g} and ${V}.`;
+      if (g) return `Must be on or after ${g}.`;
+      if (V) return `Must be on or before ${V}.`;
     }
     return "";
   }), se = () => {
@@ -1286,16 +1319,16 @@ function pt(e) {
         console.warn(`ID (#${e.id}) not found for styling.`);
         return;
       }
-      const v = a.closest(".k-datepicker");
-      if (!v) {
+      const g = a.closest(".k-datepicker");
+      if (!g) {
         console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
         return;
       }
-      const $ = v.parentElement;
-      if ($) {
-        if ($.classList.contains("fk-datepicker"))
+      const V = g.parentElement;
+      if (V) {
+        if (V.classList.contains("fk-datepicker"))
           return;
-        $.classList.add("fk-datepicker");
+        V.classList.add("fk-datepicker");
       } else
         console.warn(
           `Parent of .k-datepicker not found for #${e.id} styling.`
@@ -1307,63 +1340,63 @@ function pt(e) {
   }), {
     raw: t,
     cursorPos: r,
-    debugEnabled: h,
-    debugLines: M,
-    placeholder: p,
-    isValid: N,
+    debugEnabled: y,
+    debugLines: T,
+    placeholder: f,
+    isValid: K,
     reason: Q(W),
     validationMessage: re,
-    digitsOnly: A,
+    digitsOnly: D,
     month: Q(E),
     day: Q(k),
-    year: Q(C),
-    datePart: R,
+    year: Q(R),
+    datePart: F,
     handleChange: _,
     handleKeyDown: w,
-    handleWheel: f,
+    handleWheel: p,
     handleKeyUp: b,
     handleClick: ee,
-    handleBlur: I,
+    handleBlur: M,
     // Expose so consumers can re-run styling when needed
     initStyling: se
   };
 }
-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) => {
+function ht(e) {
+  const t = O(""), r = O(void 0), y = O(!!e.debug), f = O(!1), m = 1440 * 60 * 1e3, A = 365 * m, x = /* @__PURE__ */ new Date(), C = new Date(x.getTime() - A), $ = new Date(x.getTime() + A);
+  e.min = e.min ?? C, e.max = e.max ?? $;
+  const D = v(() => (t.value ?? "").replace(/\D/g, "")), F = (o, d) => new Date(o, d, 0).getDate(), E = (o, d, I) => d >= 1 && d <= 12 && o >= 1e3 && I >= 1 && I <= F(o, d), k = (o) => Date.UTC(o.getFullYear(), o.getMonth(), o.getDate()), R = (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), I = e.max ?? /* @__PURE__ */ new Date(), N = k(o);
+    return N < k(d) || N > k(I) ? null : o;
+  }, u = (o, d) => e.allowReverse ?? !1 ? !0 : o <= d, i = v(() => (t.value?.length ?? 0) >= 23 && D.value.length >= 16), l = (o) => {
+    if ((o ?? "").length < 23 || D.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";
+    const d = o.substring(0, 10), I = o.substring(13, 23), [N, ne, ae] = d.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, me, ve] = I.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(ae, N - 1, ne), ye = new Date(ve, fe - 1, me), Se = E(ae, N, 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);
+  }, h = e.externalValid ?? O(!0), L = v(() => l(t.value)), Y = v(() => {
+    const o = R(L.value.start), d = R(L.value.end);
     return { start: o, end: d };
-  }), z = y(() => {
+  }), z = v(() => {
     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));
-    return Math.round(x / 864e5 + 1);
-  }), _ = U(!1), ee = y(() => {
+    const I = Math.abs(k(d) - k(o));
+    return Math.round(I / 864e5 + 1);
+  }), _ = O(!1), ee = v(() => {
     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";
-    const x = Y.value.start, K = Y.value.end;
-    return u(x, K) ? typeof e.maxSpanDays == "number" && z.value !== void 0 && z.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), s = y(() => {
+    const I = Y.value.start, N = Y.value.end;
+    return u(I, N) ? typeof e.maxSpanDays == "number" && z.value !== void 0 && z.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), s = v(() => {
     const o = ee.value;
     return o === void 0 || o === "valid";
-  }), w = y(() => {
-    const { min: o, max: d } = e, x = ee.value;
-    if (!x) return "";
-    switch (x) {
+  }), w = v(() => {
+    const { min: o, max: d } = e, I = ee.value;
+    if (!I) return "";
+    switch (I) {
       case "incomplete":
         return "Required";
       case "invalid-date":
@@ -1377,16 +1410,16 @@ function mt(e) {
       default:
         return "";
     }
-  }), f = ["ArrowUp", "ArrowDown"], b = ["ArrowLeft", "ArrowRight"], I = (o, d) => String(o).padStart(d, "0"), S = (o) => `${I(o.getMonth() + 1, 2)}/${I(o.getDate(), 2)}/${I(
+  }), p = ["ArrowUp", "ArrowDown"], b = ["ArrowLeft", "ArrowRight"], M = (o, d) => String(o).padStart(d, "0"), S = (o) => `${M(o.getMonth() + 1, 2)}/${M(o.getDate(), 2)}/${M(
     o.getFullYear(),
     4
-  )}`, M = (o) => o <= 2 ? { side: "start", part: "mm" } : o <= 5 ? { side: "start", part: (o <= 3, "dd") } : o <= 11 ? { side: "start", part: "yyyy" } : o <= 15 ? { side: "end", part: "mm" } : o <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, N = (o, d, x) => {
-    const K = d?.selectionStart ?? r.value ?? 0;
-    r.value = K;
+  )}`, T = (o) => o <= 2 ? { side: "start", part: "mm" } : o <= 5 ? { side: "start", part: (o <= 3, "dd") } : o <= 11 ? { side: "start", part: "yyyy" } : o <= 15 ? { side: "end", part: "mm" } : o <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, K = (o, d, I) => {
+    const N = d?.selectionStart ?? r.value ?? 0;
+    r.value = N;
     const { start: ne, end: ae } = l(t.value);
     if (!ne && !ae) {
       const J = /* @__PURE__ */ new Date(), de = S(J);
-      t.value = `${de} - ${de}`, e.onChange({ value: { start: J, end: J }, event: x }), B(() => {
+      t.value = `${de} - ${de}`, e.onChange({ value: { start: J, end: J }, event: I }), B(() => {
         requestAnimationFrame(() => {
           const oe = document.getElementById(
             e.id
@@ -1396,29 +1429,29 @@ function mt(e) {
       });
       return;
     }
-    const fe = /* @__PURE__ */ new Date(), me = M(K);
+    const fe = /* @__PURE__ */ new Date(), me = T(N);
     let ve = ne ? new Date(ne) : new Date(fe), ge = ae ? new Date(ae) : new Date(fe);
     const ye = (J, de) => {
       if (de === "mm") {
         const oe = J.getMonth() + 1, ie = o === "ArrowUp" ? oe < 12 ? oe + 1 : 1 : oe > 1 ? oe - 1 : 12;
         J.setMonth(ie - 1);
-        const be = R(J.getFullYear(), ie);
+        const be = F(J.getFullYear(), ie);
         J.getDate() > be && J.setDate(be);
       } else if (de === "dd") {
-        const oe = R(J.getFullYear(), J.getMonth() + 1), ie = J.getDate(), be = o === "ArrowUp" ? ie < oe ? ie + 1 : 1 : ie > 1 ? ie - 1 : oe;
+        const oe = F(J.getFullYear(), J.getMonth() + 1), ie = J.getDate(), be = o === "ArrowUp" ? ie < oe ? ie + 1 : 1 : ie > 1 ? ie - 1 : oe;
         J.setDate(be);
       } else if (de === "yyyy") {
         const oe = J.getFullYear();
         J.setFullYear(o === "ArrowUp" ? oe + 1 : Math.max(1, oe - 1));
-        const ie = R(J.getFullYear(), J.getMonth() + 1);
+        const ie = F(J.getFullYear(), J.getMonth() + 1);
         J.getDate() > ie && J.setDate(ie);
       }
     };
     me.side === "start" ? ye(ve, me.part) : ye(ge, me.part);
     const Se = S(ve), ke = S(ge);
     t.value = `${Se} - ${ke}`;
-    const pe = C(ve), Ae = C(ge);
-    pe && Ae && u(pe, Ae) ? e.onChange({ value: { start: pe, end: Ae }, event: x }) : e.onChange({ value: null, event: x }), B(() => {
+    const pe = R(ve), Ae = R(ge);
+    pe && Ae && u(pe, Ae) ? e.onChange({ value: { start: pe, end: Ae }, event: I }) : e.onChange({ value: null, event: I }), B(() => {
       requestAnimationFrame(() => {
         const J = document.getElementById(
           e.id
@@ -1427,30 +1460,30 @@ function mt(e) {
       });
     });
   }, W = (o) => {
-    const { start: d, end: x } = l(t.value);
-    if (!d || !x) {
+    const { start: d, end: I } = l(t.value);
+    if (!d || !I) {
       e.onChange({ value: null, event: o });
       return;
     }
-    const K = C(d), ne = C(x);
-    if (!K || !ne) {
+    const N = R(d), ne = R(I);
+    if (!N || !ne) {
       e.onChange({ value: null, event: o });
       return;
     }
-    if (!u(K, ne)) {
+    if (!u(N, ne)) {
       e.onChange({ value: null, event: o });
       return;
     }
-    e.onChange({ value: { start: K, end: ne }, event: o });
+    e.onChange({ value: { start: N, end: ne }, event: o });
   }, re = (o) => {
-    const d = o.value ?? "", x = o.event;
-    if (!d && x && x.type === "click") {
-      G(x);
+    const d = o.value ?? "", I = o.event;
+    if (!d && I && I.type === "click") {
+      j(I);
       return;
     }
     t.value = d;
-    const K = x?.target;
-    r.value = K?.selectionStart ?? 0, W(o);
+    const N = I?.target;
+    r.value = N?.selectionStart ?? 0, W(o);
   }, se = (o) => {
     r.value = o.target.selectionStart ?? 0;
   }, a = (o) => {
@@ -1462,26 +1495,26 @@ function mt(e) {
       o.preventDefault(), o.stopPropagation(), e.onShowCalendar(o);
       return;
     }
-    if (f.includes(o.key)) {
+    if (p.includes(o.key)) {
       o.preventDefault(), o.stopPropagation();
       const d = o.target;
-      N(o.key, d, o);
+      K(o.key, d, o);
       return;
     }
-  }, v = (o) => {
+  }, g = (o) => {
     o.preventDefault();
     const d = o.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    N(d, o.target, o);
-  }, $ = (o) => {
-    if (b.includes(o.key) || f.includes(o.key)) {
+    K(d, o.target, o);
+  }, V = (o) => {
+    if (b.includes(o.key) || p.includes(o.key)) {
       const d = o.target;
       r.value = d?.selectionStart ?? 0;
     }
   }, H = () => {
-    _.value = !0, (e.manageValid ?? !0) && (g.value = s.value);
+    _.value = !0, (e.manageValid ?? !0) && (h.value = s.value);
   }, Z = (o) => {
     H();
-  }, G = (o) => {
+  }, j = (o) => {
     t.value = "", r.value = 0, e.onChange({ value: null, event: o }), H(), B(() => {
       const d = document.getElementById(
         e.id
@@ -1492,32 +1525,32 @@ function mt(e) {
   e.externalValue && ue(
     e.externalValue,
     (o) => {
-      const d = o?.start ?? null, x = o?.end ?? null;
-      if (d && x) {
-        if (t.value = `${S(d)} - ${S(x)}`, e.isOpen?.value && p.value && e.onRequestClose) {
-          const K = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+      const d = o?.start ?? null, I = o?.end ?? null;
+      if (d && I) {
+        if (t.value = `${S(d)} - ${S(I)}`, e.isOpen?.value && f.value && e.onRequestClose) {
+          const N = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), p.value = !1, H();
-          }, K);
+            e.onRequestClose?.(), f.value = !1, H();
+          }, N);
         }
         return;
       }
     },
     { immediate: !0 }
   );
-  const n = y(
+  const n = v(
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
-  ), c = y(
+  ), c = v(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), F = y(
+  ), P = v(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), q = y(
+  ), q = v(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), j = y(
+  ), G = v(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), te = y(
+  ), te = v(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), O = y(() => {
+  ), U = v(() => {
     const { start: o, end: d } = l(t.value);
     return [
       {
@@ -1536,15 +1569,15 @@ 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(P.value).padStart(4, "0")}`
       },
       {
         label: "End",
         value: `${String(q.value).padStart(2, "0")} / ${String(
-          j.value
+          G.value
         ).padStart(2, "0")} / ${String(te.value).padStart(4, "0")}`
       },
-      { label: "Digits only", value: A.value },
+      { label: "Digits only", value: D.value },
       { label: "Mask complete", value: `${i.value}` },
       {
         label: "Parsed",
@@ -1552,7 +1585,7 @@ function mt(e) {
       },
       {
         label: "Valid (managed)",
-        value: `${g.value ?? "-"}`
+        value: `${h.value ?? "-"}`
       },
       { label: "Span (days)", value: `${z.value ?? "-"}` },
       {
@@ -1562,8 +1595,8 @@ function mt(e) {
       {
         label: "Cursor in",
         value: `${r.value ?? "-"} (${(() => {
-          const x = r.value ?? 0, K = M(x);
-          return `${K.side}.${K.part}`;
+          const I = r.value ?? 0, N = T(I);
+          return `${N.side}.${N.part}`;
         })()})`
       }
     ];
@@ -1592,15 +1625,15 @@ function mt(e) {
           document.querySelectorAll(".k-animation-container")
         );
         if (!o.length) return;
-        const x = [...o].reverse().find((ae) => ae.querySelector(".k-calendar"))?.querySelector(
+        const I = [...o].reverse().find((ae) => ae.querySelector(".k-calendar"))?.querySelector(
           ".k-calendar"
         );
-        if (!x) return;
-        const K = x.querySelectorAll(
+        if (!I) return;
+        const N = I.querySelectorAll(
           ".k-calendar-table"
         );
         let ne = !1;
-        K.forEach((ae) => {
+        N.forEach((ae) => {
           ae.tabIndex === 0 && (ne ? ae.tabIndex = -1 : ne = !0);
         });
       } catch (o) {
@@ -1617,69 +1650,69 @@ function mt(e) {
   ), {
     raw: t,
     cursorPos: r,
-    debugEnabled: h,
-    debugLines: O,
-    digitsOnly: A,
-    valid: g,
+    debugEnabled: y,
+    debugLines: U,
+    digitsOnly: D,
+    valid: h,
     validComputed: Q(s),
     reason: Q(ee),
     validationMessage: Q(w),
     spanDays: Q(z),
     month1: Q(n),
     day1: Q(c),
-    year1: Q(F),
+    year1: Q(P),
     month2: Q(q),
-    day2: Q(j),
+    day2: Q(G),
     year2: Q(te),
     handleChange: re,
     handleKeyDown: a,
-    handleWheel: v,
-    handleKeyUp: $,
+    handleWheel: g,
+    handleKeyUp: V,
     handleClick: se,
     handleBlur: Z,
-    handleClear: G,
+    handleClear: j,
     onCalendarChange: () => {
-      p.value = !0;
+      f.value = !0;
     },
     initStyling: X
   };
 }
-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 = {
+function bt(e) {
+  const t = O(""), r = O(void 0), y = O(!!e.debug), f = O(e.timeFormat ?? "hh:mm AM"), m = v(() => !!e.required), A = O(!1), x = ["ArrowUp", "ArrowDown"], C = ["ArrowLeft", "ArrowRight"], $ = v(() => (t.value ?? "").replace(/\D/g, "")), D = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
     m: /[0-9]/,
     A: /[AaPp]/,
     a: /[Mm]/
-  }, R = (n) => n <= 2 ? "hh" : n <= 5 ? "mm" : "ampm", E = y(() => {
+  }, F = (n) => n <= 2 ? "hh" : n <= 5 ? "mm" : "ampm", E = v(() => {
     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(() => {
+  }), k = v(() => {
     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;
+  }), R = v(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), u = v(() => {
+    const n = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), c = R.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 = v(() => l.value ? `${String(u.value).padStart(2, "0")}:${String(k.value).padStart(2, "0")}:00` : null), l = v(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), g = (n, c, F) => {
+  ), h = (n, c, P) => {
     let q = n % 12;
     return q === 0 && (q = 12), `${String(q).padStart(2, "0")}:${String(c).padStart(
       2,
       "0"
-    )} ${F}`;
-  }, V = (n) => {
+    )} ${P}`;
+  }, 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;
-    j === "PM" && (te += 12);
-    const O = /* @__PURE__ */ new Date();
-    return O.setSeconds(0, 0), O.setHours(te), O.setMinutes(q), O;
+    const P = parseInt(c[1]), q = parseInt(c[2]), G = c[3].toUpperCase();
+    if (P < 1 || P > 12 || q < 0 || q > 59) return null;
+    let te = P % 12;
+    G === "PM" && (te += 12);
+    const U = /* @__PURE__ */ new Date();
+    return U.setSeconds(0, 0), U.setHours(te), U.setMinutes(q), U;
   }, Y = (n) => {
-    if (L.value.length === 0) {
+    if ($.value.length === 0) {
       e.onChange({ value: null, event: n });
       return;
     }
@@ -1687,22 +1720,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, P = e.max ?? void 0, q = z(n);
     if (c) {
-      const j = z(c);
-      if (q < j) return !1;
+      const G = z(c);
+      if (q < G) return !1;
     }
-    if (F) {
-      const j = z(F);
-      if (q > j) return !1;
+    if (P) {
+      const G = z(P);
+      if (q > G) 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(), P = c >= 12 ? "PM" : "AM";
+    t.value = h(c, n.getMinutes(), P);
   }, s = (n, c) => {
     e.onChange({ value: n, event: c });
   }, w = () => {
@@ -1720,23 +1753,23 @@ function vt(e) {
         });
       });
     });
-  }, f = (n) => {
+  }, p = (n) => {
     const c = n?.event?.target;
     return c ? c.closest(".k-time-now") ? "now" : c.closest(".k-time-accept") ? "set" : null : null;
   }, b = (n, c) => {
     n && _(n) ? s(n, c) : s(null, c);
-  }, I = (...n) => {
+  }, M = (...n) => {
     const c = n[0];
     if (!c) return;
-    const F = f(c);
-    if (F === "now") {
-      const j = /* @__PURE__ */ new Date();
-      ee(j), b(j, c), w();
+    const P = p(c);
+    if (P === "now") {
+      const G = /* @__PURE__ */ new Date();
+      ee(G), b(G, c), w();
       return;
     }
     if (c?.value instanceof Date) {
-      const j = new Date(c.value);
-      ee(j), b(j, c), F === "set" && w();
+      const G = new Date(c.value);
+      ee(G), b(G, c), P === "set" && w();
       return;
     }
     if (c?.value === null) {
@@ -1747,22 +1780,22 @@ function vt(e) {
     const q = c.event?.target;
     r.value = q?.selectionStart ?? 0;
     try {
-      const j = r.value ?? 0;
-      if (R(j) === "ampm" && (t.value ?? "").length >= 8) {
+      const G = r.value ?? 0;
+      if (F(G) === "ampm" && (t.value ?? "").length >= 8) {
         const te = t.value.charAt(6);
         /[Aa]/.test(te) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, B(() => {
           requestAnimationFrame(() => {
-            const O = document.getElementById(
+            const U = document.getElementById(
               e.id
             );
-            O && (O.focus(), O.setSelectionRange(8, 8));
+            U && (U.focus(), U.setSelectionRange(8, 8));
           });
         })) : /[Pp]/.test(te) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, B(() => {
           requestAnimationFrame(() => {
-            const O = document.getElementById(
+            const U = document.getElementById(
               e.id
             );
-            O && (O.focus(), O.setSelectionRange(8, 8));
+            U && (U.focus(), U.setSelectionRange(8, 8));
           });
         }));
       }
@@ -1771,16 +1804,16 @@ function vt(e) {
     Y(c);
   }, S = (n) => {
     r.value = n.target.selectionStart ?? 0;
-  }, M = (n, c, F) => {
+  }, T = (n, c, P) => {
     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);
+    const G = F(q), te = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!te) {
-      if ((t.value ?? "").length === 0 || L.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(() => {
+      if ((t.value ?? "").length === 0 || $.value.length === 0) {
+        const d = /* @__PURE__ */ new Date(), I = d.getHours(), N = I >= 12 ? "PM" : "AM";
+        t.value = h(I, d.getMinutes(), N);
+        const ne = L(t.value);
+        b(ne, P), B(() => {
           requestAnimationFrame(() => {
             const ae = document.getElementById(
               e.id
@@ -1791,37 +1824,37 @@ function vt(e) {
       }
       return;
     }
-    let O = parseInt(te[1]), X = parseInt(te[2]), ce = te[3].toUpperCase();
-    if (j === "hh")
-      n === "ArrowUp" ? O = O < 12 ? O + 1 : 1 : O = O > 1 ? O - 1 : 12;
-    else if (j === "mm") {
+    let U = parseInt(te[1]), X = parseInt(te[2]), ce = te[3].toUpperCase();
+    if (G === "hh")
+      n === "ArrowUp" ? U = U < 12 ? U + 1 : 1 : U = U > 1 ? U - 1 : 12;
+    else if (G === "mm") {
       const d = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
       if (d === 1)
         n === "ArrowUp" ? X = X < 59 ? X + 1 : 0 : X = X > 0 ? X - 1 : 59;
       else if (n === "ArrowUp") {
-        const x = X % d;
-        let K = x === 0 ? X + d : X + (d - x);
-        K >= 60 && (K = 0), X = K;
+        const I = X % d;
+        let N = I === 0 ? X + d : X + (d - I);
+        N >= 60 && (N = 0), X = N;
       } else {
-        const x = X % d;
-        let K = x === 0 ? X - d : X - x;
-        K < 0 && (K = 60 - d), X = K;
+        const I = X % d;
+        let N = I === 0 ? X - d : X - I;
+        N < 0 && (N = 60 - d), X = N;
       }
-    } else j === "ampm" && (ce = ce === "AM" ? "PM" : "AM");
-    t.value = `${String(O).padStart(2, "0")}:${String(X).padStart(
+    } else G === "ampm" && (ce = ce === "AM" ? "PM" : "AM");
+    t.value = `${String(U).padStart(2, "0")}:${String(X).padStart(
       2,
       "0"
     )} ${ce}`;
-    const o = V(t.value);
-    b(o, F), B(() => {
+    const o = L(t.value);
+    b(o, P), B(() => {
       requestAnimationFrame(() => {
         const d = document.getElementById(
           e.id
-        ), x = r.value ?? 0;
-        d && (d.focus(), d.setSelectionRange(x, x));
+        ), I = r.value ?? 0;
+        d && (d.focus(), d.setSelectionRange(I, I));
       });
     });
-  }, N = (n) => {
+  }, K = (n) => {
     if (n.code === "Space" || n.key === " ") {
       n.preventDefault(), n.stopPropagation(), e.onShowPicker(n);
       return;
@@ -1830,29 +1863,29 @@ function vt(e) {
       n.preventDefault(), n.stopPropagation(), e.onShowPicker(n);
       return;
     }
-    if (P.includes(n.key)) {
+    if (x.includes(n.key)) {
       if (n.altKey) return;
       n.preventDefault(), n.stopPropagation();
       const c = n.target;
-      M(n.key, c, n);
+      T(n.key, c, n);
       return;
     }
   }, W = (n) => {
     n.preventDefault();
     const c = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    M(c, n.target, n);
+    T(c, n.target, n);
   }, re = (n) => {
     const c = n.target;
-    if (T.includes(n.key)) {
+    if (C.includes(n.key)) {
       r.value = c?.selectionStart ?? 0;
       return;
     }
-    if (P.includes(n.key)) {
+    if (x.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 = "");
+    A.value = !0, m.value && e.externalValue && e.externalValue.value === void 0 && $.value.length === 0 && (e.externalValue.value = "");
     const c = n.target;
     c && (r.value = c.selectionStart ?? 0);
   };
@@ -1862,25 +1895,25 @@ 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 P = c.getHours(), q = P >= 12 ? "PM" : "AM";
+          t.value = h(P, c.getMinutes(), q);
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const a = y(() => [
+  const a = v(() => [
     ["Time", t.value || "--:-- --"],
     ["Hour (12h)", E.value],
     ["Hour (24h)", u.value],
     ["Minute", k.value],
-    ["Period", C.value],
+    ["Period", R.value],
     ["Time (24h)", i.value ?? "--:--:--"],
-    ["Digits only", L.value],
+    ["Digits only", $.value],
     [
       "Parsed Date",
-      v.value?.toLocaleDateString("en-US", {
+      g.value?.toLocaleDateString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
@@ -1899,49 +1932,49 @@ function vt(e) {
         minute: "2-digit"
       }) ?? null
     ],
-    ["valid", $.value],
+    ["valid", V.value],
     ["reason", H.value],
     ["validationMessage", Z.value]
-  ]), v = y(
-    () => V(t.value) ?? null
-  ), $ = y(() => {
+  ]), g = v(
+    () => L(t.value) ?? null
+  ), V = v(() => {
     if (!m.value) {
       if (!l.value) return !0;
-      const c = v.value;
+      const c = g.value;
       return c ? _(c) : !1;
     }
-    if (!D.value) return !0;
-    const n = v.value;
+    if (!A.value) return !0;
+    const n = g.value;
     return !l.value || !n ? !1 : _(n);
-  }), H = y(() => {
+  }), H = v(() => {
     if (!m.value) {
       if (!l.value) return;
-      const c = v.value;
+      const c = g.value;
       return c ? _(c) ? "valid" : "out-of-bounds" : "invalid-time";
     }
-    if (!D.value) return;
-    if (L.value.length === 0 || !l.value)
+    if (!A.value) return;
+    if ($.value.length === 0 || !l.value)
       return "incomplete";
-    const n = v.value;
+    const n = g.value;
     return n ? _(n) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), Z = y(() => {
+  }), Z = v(() => {
     const n = H.value;
     if (!n || n === "valid") return "";
     if (n === "incomplete")
       return "Required";
     if (n === "invalid-time")
-      return `Must be in ${p.value} format.`;
+      return `Must be in ${f.value} format.`;
     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;
+    }, P = 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 (P && q) return `Must be between ${P} and ${q}.`;
+      if (P) return `Must be ${P} or later.`;
       if (q) return `Must be ${q} or earlier.`;
     }
     return "";
-  }), G = () => {
+  }), j = () => {
     B(() => {
       const n = document.getElementById(e.id);
       if (!n) {
@@ -1955,25 +1988,25 @@ function vt(e) {
         );
         return;
       }
-      const F = c.parentElement;
-      if (!F) {
+      const P = c.parentElement;
+      if (!P) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
         );
         return;
       }
-      F.classList.contains("fk-timepicker") || F.classList.add("fk-timepicker");
+      P.classList.contains("fk-timepicker") || P.classList.add("fk-timepicker");
     });
   };
   return Me(() => {
-    G();
+    j();
   }), {
     raw: t,
-    rules: A,
-    debugEnabled: h,
+    rules: D,
+    debugEnabled: y,
     debugLines: a,
-    placeholder: p,
-    isValid: $,
+    placeholder: f,
+    isValid: V,
     reason: Q(H),
     validationMessage: Z,
     isComplete: l,
@@ -1982,100 +2015,101 @@ function vt(e) {
     hour: Q(E),
     hour24: Q(u),
     minute: Q(k),
-    period: Q(C),
+    period: Q(R),
     time24: Q(i),
-    parsedRawTime: Q(v),
-    handleChange: I,
-    handleKeyDown: N,
+    parsedRawTime: Q(g),
+    handleChange: M,
+    handleKeyDown: K,
     handleKeyUp: re,
     handleClick: S,
     handleWheel: W,
     handleBlur: se,
     // Expose so consumers can reapply theming when Kendo updates DOM
-    initStyling: G
+    initStyling: j
   };
 }
-function gt(e) {
-  const t = Ne(null), r = [
+function wt(e) {
+  const t = qe(null), r = [
     ".k-animation-container .k-popup",
     ".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(
+  ], y = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? r].flat(), f = (D) => D ? typeof e.initialFocus == "string" ? D.querySelector(e.initialFocus) ?? D : typeof e.initialFocus == "function" ? e.initialFocus(D) ?? D : D.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? A : null, { activate: m, deactivate: D } = qe(t, {
+  ) ?? D : null, { activate: m, deactivate: A } = Oe(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     fallbackFocus: () => t.value,
-    initialFocus: () => p(t.value),
+    initialFocus: () => f(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let P = null, T = U(null);
-  const L = () => {
+  let x = null, C = O(null);
+  const $ = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
-    const A = (E, k) => {
-      const C = Array.from(E.querySelectorAll(k));
-      if (!C.length) return null;
-      const u = C.filter(
+    const D = (E, k) => {
+      const R = Array.from(E.querySelectorAll(k));
+      if (!R.length) return null;
+      const u = R.filter(
         (i) => i.offsetParent !== null || i.getClientRects().length > 0
       );
-      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);
+      return u[u.length - 1] ?? R[R.length - 1] ?? null;
+    }, F = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
+    for (const E of y) {
+      const k = D(F, E);
       if (k) return k;
     }
-    for (const E of h) {
-      const k = A(document, E);
+    for (const E of y) {
+      const k = D(document, E);
       if (k) return k;
     }
     return null;
   };
-  return $e(t, (A) => {
-    T.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", A);
+  return Fe(t, (D) => {
+    C.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", D);
   }), ue(
     () => e.isOpen.value,
-    (A) => {
-      A ? (T.value = null, B(() => {
-        const R = L();
-        R && (t.value = R, setTimeout(() => m(), 0), P || (P = (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(() => {
-        const R = () => {
-          const E = e.triggerEl?.value, k = E?.querySelector("input"), C = document.activeElement;
-          C && (C === k || E && E.contains(C)) && (k ?? E)?.blur?.();
+    (D) => {
+      D ? (C.value = null, B(() => {
+        const F = $();
+        F && (t.value = F, setTimeout(() => m(), 0), x || (x = (E) => {
+          E.key === "Escape" && (C.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", E));
+        }, document.addEventListener("keydown", x, !0)));
+      })) : (A(), x && (document.removeEventListener("keydown", x, !0), x = null), t.value = null, C.value === "outside" && B(() => {
+        const F = () => {
+          const E = e.triggerEl?.value, k = E?.querySelector("input"), R = document.activeElement;
+          R && (R === k || E && E.contains(R)) && (k ?? E)?.blur?.();
         };
-        requestAnimationFrame(() => setTimeout(R, 0));
-      }), e.returnFocusToTrigger !== !1 && T.value === "escape" && e.triggerEl?.value && B(() => {
-        const R = () => {
+        requestAnimationFrame(() => setTimeout(F, 0));
+      }), e.returnFocusToTrigger !== !1 && C.value === "escape" && e.triggerEl?.value && B(() => {
+        const F = () => {
           const E = e.triggerEl?.value;
           if (!E) return;
           (E.querySelector("input") ?? E)?.focus?.();
         };
-        requestAnimationFrame(() => setTimeout(R, 0));
+        requestAnimationFrame(() => setTimeout(F, 0));
       }));
     }
   ), {
     popupRef: t,
     activate: m,
-    deactivate: D,
-    lastCloseReason: Q(T),
-    setPopupEl: (A) => t.value = A
+    deactivate: A,
+    lastCloseReason: Q(C),
+    setPopupEl: (D) => t.value = D
   };
 }
 export {
-  Xe as useFieldsetTouchTracker,
-  We as useFieldsetValidationKit,
-  st as useGridA11y,
-  ut as useGridActiveFilter,
-  ct as useGridRowAction,
-  pt as useMaskedDateInput,
-  mt as useMaskedDateRangeInput,
-  vt as useMaskedTimeInput,
-  ft as usePopupMenu,
-  gt as usePopupTrap,
-  dt as useUSAddress,
-  Ze as useZipTextBox
+  gt as useActiveIdRegistry,
+  We as useFieldsetTouchTracker,
+  je as useFieldsetValidationKit,
+  dt as useGridA11y,
+  ft as useGridActiveFilter,
+  pt as useGridRowAction,
+  yt as useMaskedDateInput,
+  ht as useMaskedDateRangeInput,
+  bt as useMaskedTimeInput,
+  vt as usePopupMenu,
+  wt as usePopupTrap,
+  mt as useUSAddress,
+  Xe as useZipTextBox
 };
 //# sourceMappingURL=featherk-composables.es.js.map