@featherk/composables 0.9.8 → 0.10.1

package/dist/featherk-composables.es.js

@@ -1,38 +1,38 @@
-import { ref as U, onBeforeUnmount as Ve, nextTick as Z, computed as d, watchEffect as Fe, toValue as le, reactive as Re, watch as de, onMounted as Me, readonly as X, getCurrentScope as Le, onScopeDispose as qe, unref as Oe, shallowRef as Ue } from "vue";
+import { ref as U, onBeforeUnmount as Le, nextTick as B, computed as f, watchEffect as Fe, toValue as le, reactive as qe, watch as ue, getCurrentScope as Oe, onScopeDispose as Ue, unref as Be, onMounted as Ie, readonly as G, shallowRef as Ke } from "vue";
 import { useFocusTrap as Ne } from "@vueuse/integrations/useFocusTrap";
-const ct = (e, t) => {
+const ft = (e, t) => {
   const l = U(null);
-  let D = !1, m = null, g = null;
-  const C = [], A = ".k-table-row[data-grid-row-index] [tabindex]", x = () => {
+  let A = !1, m = null, g = null;
+  const I = [], b = ".k-table-row[data-grid-row-index] [tabindex]", M = () => {
     const o = e?.value?.$el;
     return o ? o.closest(".k-grid") : null;
-  }, T = (o) => {
-    const b = x();
-    if (!b) return !1;
-    const u = o.closest(".k-grid-aria-root");
-    if (u)
-      return b.contains(u);
+  }, $ = (o) => {
+    const w = M();
+    if (!w) return !1;
+    const c = o.closest(".k-grid-aria-root");
+    if (c)
+      return w.contains(c);
     const p = o.closest(
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
-    return p ? b.contains(p) : !1;
-  }, y = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", R = () => e?.value?.columns, k = (o) => {
-    const b = o.key || o.code;
-    ([" ", "Spacebar", "Space"].includes(b) || y(o)) && (o.preventDefault(), o.stopPropagation(), l.value = o.target, o.target.click());
-  }, h = (o) => {
+    return p ? w.contains(p) : !1;
+  }, h = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", P = () => e?.value?.columns, E = (o) => {
+    const w = o.key || o.code;
+    ([" ", "Spacebar", "Space"].includes(w) || h(o)) && (o.preventDefault(), o.stopPropagation(), l.value = o.target, o.target.click());
+  }, u = (o) => {
     if (!l.value) return;
     if (o.code === "Escape") {
       o.stopPropagation(), l.value && l.value.focus();
       return;
     }
-    const b = Array.from(
+    const w = Array.from(
       document.querySelectorAll(
         ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
       )
-    ), u = document.querySelector(
+    ), c = document.querySelector(
       ".k-animation-container .k-popup .k-column-menu .k-filter-menu-container"
     );
-    if (u) {
+    if (c) {
       if (o.code === "Tab") {
         const p = [
           // ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
@@ -43,23 +43,23 @@ const ct = (e, t) => {
           "input.k-input-inner:not([tabindex='-1']):not([disabled])",
           "button:not([tabindex='-1']):not([disabled])",
           ".k-checkbox"
-        ], E = t?.focusableMenuSelectors ?? p, v = Array.from(
-          u.querySelectorAll(E.join(","))
+        ], x = t?.focusableMenuSelectors ?? p, y = Array.from(
+          c.querySelectorAll(x.join(","))
         );
-        if (v.length === 0) return;
-        const M = v.findIndex(
+        if (y.length === 0) return;
+        const C = y.findIndex(
           (Y) => Y === document.activeElement
         );
         let L;
-        M === -1 ? L = 0 : o.shiftKey ? L = (M - 1 + v.length) % v.length : L = (M + 1) % v.length, o.preventDefault(), o.stopPropagation(), v[L]?.focus();
+        C === -1 ? L = 0 : o.shiftKey ? L = (C - 1 + y.length) % y.length : L = (C + 1) % y.length, o.preventDefault(), o.stopPropagation(), y[L]?.focus();
       }
     } else if (o.code === "ArrowUp" || o.code === "ArrowDown") {
       o.preventDefault(), o.stopPropagation();
-      const p = b.findIndex(
-        (v) => v === document.activeElement
+      const p = w.findIndex(
+        (y) => y === document.activeElement
       );
-      let E = p;
-      o.code === "ArrowUp" ? E = p > 0 ? p - 1 : b.length - 1 : o.code === "ArrowDown" && (E = p < b.length - 1 ? p + 1 : 0), b[E]?.focus();
+      let x = p;
+      o.code === "ArrowUp" ? x = p > 0 ? p - 1 : w.length - 1 : o.code === "ArrowDown" && (x = p < w.length - 1 ? p + 1 : 0), w[x]?.focus();
       return;
     }
     if (o.code === "Tab") {
@@ -69,15 +69,15 @@ const ct = (e, t) => {
         "button, [role='button'], .k-link"
       )?.focus();
     }
-  }, I = () => {
+  }, S = () => {
     m = new MutationObserver((o) => {
-      o.forEach((b) => {
-        b.addedNodes.forEach((u) => {
-          if (u.nodeType === Node.ELEMENT_NODE) {
-            const p = u;
+      o.forEach((w) => {
+        w.addedNodes.forEach((c) => {
+          if (c.nodeType === Node.ELEMENT_NODE) {
+            const p = c;
             if (p.classList.contains("k-animation-container")) {
-              const v = l.value;
-              v && (v.dataset.featherKSortable === "true" || Z(() => {
+              const y = l.value;
+              y && (y.dataset.featherKSortable === "true" || B(() => {
                 p.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
                 ).forEach((Y) => {
@@ -85,46 +85,46 @@ const ct = (e, t) => {
                 });
               })), p.addEventListener(
                 "keydown",
-                h
-              ), Z(() => {
-                const M = () => {
+                u
+              ), B(() => {
+                const C = () => {
                   const L = Array.from(
                     p.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
                   if (L.length === 1)
-                    L[0].focus(), L[0].click(), M.attempts = 0;
+                    L[0].focus(), L[0].click(), C.attempts = 0;
                   else if (L.length > 1) {
-                    M.attempts = 0;
+                    C.attempts = 0;
                     return;
                   } else
-                    M.attempts === void 0 && (M.attempts = 0), M.attempts++ < 3 && setTimeout(M, 200);
+                    C.attempts === void 0 && (C.attempts = 0), C.attempts++ < 3 && setTimeout(C, 200);
                 };
-                M();
+                C();
               });
             }
             p.querySelectorAll(
               ".k-animation-container"
-            ).forEach((v) => {
-              v.addEventListener(
+            ).forEach((y) => {
+              y.addEventListener(
                 "keydown",
-                h
+                u
               );
             });
           }
-        }), b.removedNodes.forEach((u) => {
-          if (u.nodeType === Node.ELEMENT_NODE) {
-            const p = u;
+        }), w.removedNodes.forEach((c) => {
+          if (c.nodeType === Node.ELEMENT_NODE) {
+            const p = c;
             p.classList.contains("k-animation-container") && p.removeEventListener(
               "keydown",
-              h
+              u
             ), p.querySelectorAll(
               ".k-animation-container"
-            ).forEach((v) => {
-              v.removeEventListener(
+            ).forEach((y) => {
+              y.removeEventListener(
                 "keydown",
-                h
+                u
               );
             });
           }
@@ -134,38 +134,38 @@ const ct = (e, t) => {
       childList: !0,
       subtree: !0
     });
-  }, H = (o) => {
-    const b = o.tagName.toLowerCase();
-    return !!(["input", "textarea", "select", "button"].includes(b) || o.closest(
+  }, Z = (o) => {
+    const w = o.tagName.toLowerCase();
+    return !!(["input", "textarea", "select", "button"].includes(w) || o.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
     ));
-  }, f = (o) => {
+  }, v = (o) => {
     if (!o.type || !o)
       return;
-    const b = o.target;
-    if (!b) return;
-    const u = b.closest(
+    const w = o.target;
+    if (!w) return;
+    const c = w.closest(
       ".k-table-row[data-grid-row-index]"
     );
-    if (!T(b))
+    if (!$(w))
       return;
     const p = ["ArrowLeft", "ArrowRight"].includes(
       o.code
     );
-    if (!(H(b) && !(u && p))) {
+    if (!(Z(w) && !(c && p))) {
       if (o.code === "Escape") {
-        const E = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
-        if (E) {
+        const x = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
+        if (x) {
           o.preventDefault(), o.stopPropagation();
           try {
             Array.from(
               e?.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
-            ).forEach((M) => M.setAttribute("tabindex", "-1"));
+            ).forEach((C) => C.setAttribute("tabindex", "-1"));
           } catch {
           }
-          E.setAttribute("tabindex", "0"), E.focus();
+          x.setAttribute("tabindex", "0"), x.focus();
           return;
         }
       }
@@ -178,15 +178,15 @@ const ct = (e, t) => {
         "NumpadEnter",
         "Space"
       ].includes(o.code)) {
-        if (b.classList.contains("k-grid-header-menu") && b.classList.contains("k-grid-column-menu")) {
-          l.value = b;
+        if (w.classList.contains("k-grid-header-menu") && w.classList.contains("k-grid-column-menu")) {
+          l.value = w;
           return;
         }
-        if (u) {
+        if (c) {
           if (["ArrowDown", "ArrowUp"].includes(o.code)) {
             o.preventDefault(), o.stopPropagation();
-            const E = (M, L) => {
-              let Y = L === "next" ? M.nextElementSibling : M.previousElementSibling;
+            const x = (C, L) => {
+              let Y = L === "next" ? C.nextElementSibling : C.previousElementSibling;
               for (; Y; ) {
                 const ae = Y;
                 try {
@@ -197,35 +197,35 @@ const ct = (e, t) => {
                 Y = L === "next" ? Y.nextElementSibling : Y.previousElementSibling;
               }
               return null;
-            }, v = o.code === "ArrowDown" ? E(u, "next") : E(u, "previous");
-            v && (u.setAttribute("tabindex", "-1"), v.setAttribute("tabindex", "0"), v.focus());
+            }, y = o.code === "ArrowDown" ? x(c, "next") : x(c, "previous");
+            y && (c.setAttribute("tabindex", "-1"), y.setAttribute("tabindex", "0"), y.focus());
             return;
           }
           if (["ArrowLeft", "ArrowRight"].includes(o.code)) {
             o.preventDefault(), o.stopPropagation();
-            const E = u.querySelectorAll(
-              A
+            const x = c.querySelectorAll(
+              b
             );
-            if (E.length === 0) return;
-            let v = Array.from(E).findIndex(
-              (M) => M === document.activeElement
+            if (x.length === 0) return;
+            let y = Array.from(x).findIndex(
+              (C) => C === document.activeElement
             );
-            if (v === -1 && document.activeElement === u) {
-              E[0].focus();
+            if (y === -1 && document.activeElement === c) {
+              x[0].focus();
               return;
             }
-            o.code === "ArrowRight" ? v = v === E.length - 1 ? 0 : v + 1 : o.code === "ArrowLeft" && (v = v === 0 ? E.length - 1 : v - 1), E[v].focus();
+            o.code === "ArrowRight" ? y = y === x.length - 1 ? 0 : y + 1 : o.code === "ArrowLeft" && (y = y === 0 ? x.length - 1 : y - 1), x[y].focus();
             return;
           }
         }
       }
     }
-  }, w = () => {
-    Z(() => {
+  }, k = () => {
+    B(() => {
       const o = e.value?.$el;
       if (!o || typeof o.closest != "function") return;
-      const b = o.closest(".k-grid");
-      b && b.classList.add("fk-grid");
+      const w = o.closest(".k-grid");
+      w && w.classList.add("fk-grid");
     });
   }, V = () => {
     if (!g)
@@ -238,266 +238,266 @@ const ct = (e, t) => {
               )
             );
             if (!p || p.length === 0 || p.filter(
-              (M) => M.getAttribute("tabindex") === "0"
+              (C) => C.getAttribute("tabindex") === "0"
             ).length === 1) return;
-            const v = p.find(
-              (M) => M === document.activeElement || M.contains(document.activeElement)
+            const y = p.find(
+              (C) => C === document.activeElement || C.contains(document.activeElement)
             );
-            if (p.forEach((M) => M.setAttribute("tabindex", "-1")), v) {
-              v.setAttribute("tabindex", "0");
+            if (p.forEach((C) => C.setAttribute("tabindex", "-1")), y) {
+              y.setAttribute("tabindex", "0");
               return;
             }
             p[0].setAttribute("tabindex", "0");
           } catch (p) {
             console.error("ensureSingleTabindex error:", p);
           }
-        }, b = Array.from(
+        }, w = Array.from(
           e.value.$el.querySelectorAll(
             ".k-table-row[data-grid-row-index]"
           )
         );
-        b.length > 0 && b.forEach((p, E) => {
-          p.setAttribute("tabindex", E === 0 ? "0" : "-1");
+        w.length > 0 && w.forEach((p, x) => {
+          p.setAttribute("tabindex", x === 0 ? "0" : "-1");
         });
-        const u = e.value.$el.querySelector(".k-table-tbody");
-        u && (g = new MutationObserver(() => {
+        const c = e.value.$el.querySelector(".k-table-tbody");
+        c && (g = new MutationObserver(() => {
           o();
-        }), g.observe(u, { childList: !0, subtree: !0 }));
+        }), g.observe(c, { childList: !0, subtree: !0 }));
       } catch (o) {
         console.error("Error setting up row navigation:", o);
       }
-  }, N = () => {
-    Z(() => {
-      const b = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-      b && b.forEach((u) => {
-        u.setAttribute("role", "button"), u.addEventListener(
+  }, H = () => {
+    B(() => {
+      const w = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
+      w && w.forEach((c) => {
+        c.setAttribute("role", "button"), c.addEventListener(
           "keydown",
-          k
+          E
         );
-      }), I(), j();
+      }), S(), J();
     });
-  }, J = () => {
-    const b = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-    b && b.forEach((u) => {
-      u.removeEventListener(
+  }, Q = () => {
+    const w = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
+    w && w.forEach((c) => {
+      c.removeEventListener(
         "keydown",
-        k
+        E
       );
-    }), m && (m.disconnect(), m = null), g && (g.disconnect(), g = null), C.forEach((u) => u()), C.length = 0;
-  }, j = () => {
+    }), m && (m.disconnect(), m = null), g && (g.disconnect(), g = null), I.forEach((c) => c()), I.length = 0;
+  }, J = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
-    ).forEach((u, p) => {
-      if (u.dataset.featherKHeaderBound === "true")
+    ).forEach((c, p) => {
+      if (c.dataset.featherKHeaderBound === "true")
         return;
-      const E = u.querySelector(
+      const x = c.querySelector(
         ".k-grid-header-menu.k-grid-column-menu"
       );
-      if (!E) return;
-      const v = R();
-      if (v && v[p]) {
-        const a = v[p].field ?? "";
-        u.setAttribute("data-feather-k-field", a), u.setAttribute(
+      if (!x) return;
+      const y = P();
+      if (y && y[p]) {
+        const a = y[p].field ?? "";
+        c.setAttribute("data-feather-k-field", a), c.setAttribute(
           "data-feather-k-filterable",
-          v[p].filterable === !1 ? "false" : "true"
-        ), u.setAttribute(
+          y[p].filterable === !1 ? "false" : "true"
+        ), c.setAttribute(
           "data-feather-k-sortable",
-          v[p].sortable === !1 ? "false" : "true"
+          y[p].sortable === !1 ? "false" : "true"
         );
       }
-      const M = u.dataset.featherKFilterable !== "false", L = u.dataset.featherKSortable !== "false";
-      E.setAttribute("tabindex", "-1"), M || L ? u.style.cursor = "pointer" : u.style.cursor = "default", M ? (u.setAttribute("tabindex", "0"), u.setAttribute("role", "button"), u.setAttribute("aria-haspopup", "menu")) : (u.setAttribute("tabindex", "0"), u.setAttribute("role", "columnheader"), u.removeAttribute("aria-haspopup"));
+      const C = c.dataset.featherKFilterable !== "false", L = c.dataset.featherKSortable !== "false";
+      x.setAttribute("tabindex", "-1"), C || L ? c.style.cursor = "pointer" : c.style.cursor = "default", C ? (c.setAttribute("tabindex", "0"), c.setAttribute("role", "button"), c.setAttribute("aria-haspopup", "menu")) : (c.setAttribute("tabindex", "0"), c.setAttribute("role", "columnheader"), c.removeAttribute("aria-haspopup"));
       const Y = (a) => {
-        a.target?.closest(".k-column-resizer") || (l.value = u, E.click());
+        a.target?.closest(".k-column-resizer") || (l.value = c, x.click());
       }, ae = (a) => {
-        if (M)
-          l.value = u, a.preventDefault(), a.stopPropagation(), Y(a);
+        if (C)
+          l.value = c, a.preventDefault(), a.stopPropagation(), Y(a);
         else if (L) {
-          l.value = u;
-          const c = u.querySelector(".k-link");
-          c && c.click();
+          l.value = c;
+          const d = c.querySelector(".k-link");
+          d && d.click();
         }
       };
-      u.addEventListener("click", ae), C.push(() => {
-        u.removeEventListener("click", ae);
+      c.addEventListener("click", ae), I.push(() => {
+        c.removeEventListener("click", ae);
       });
       const se = (a) => {
-        if ((y(a) || a.code === "Space") && (M || L)) {
-          if (a.preventDefault(), a.stopPropagation(), l.value = u, l.value.focus(), M)
+        if ((h(a) || a.code === "Space") && (C || L)) {
+          if (a.preventDefault(), a.stopPropagation(), l.value = c, l.value.focus(), C)
             Y(a);
           else if (L) {
-            const c = u.querySelector(".k-link");
-            c && c.click();
+            const d = c.querySelector(".k-link");
+            d && d.click();
           }
         }
       };
-      u.addEventListener("keydown", se, !0), C.push(() => {
-        u.removeEventListener("keydown", se, !0);
-      }), u.dataset.featherKHeaderBound = "true";
+      c.addEventListener("keydown", se, !0), I.push(() => {
+        c.removeEventListener("keydown", se, !0);
+      }), c.dataset.featherKHeaderBound = "true";
     });
-    const b = document.querySelector(".k-grid-header .k-table-thead");
-    if (b && b.dataset.featherKHeaderBound !== "true") {
-      const u = (p) => {
-        const E = p.target.closest("th");
-        E && (y(p) || p.code === "Space") && E.dataset.featherKFilterable === "false" && E.dataset.featherKSortable === "false" && (p.preventDefault(), p.stopImmediatePropagation());
+    const w = document.querySelector(".k-grid-header .k-table-thead");
+    if (w && w.dataset.featherKHeaderBound !== "true") {
+      const c = (p) => {
+        const x = p.target.closest("th");
+        x && (h(p) || p.code === "Space") && x.dataset.featherKFilterable === "false" && x.dataset.featherKSortable === "false" && (p.preventDefault(), p.stopImmediatePropagation());
       };
-      b.addEventListener(
+      w.addEventListener(
         "keydown",
-        u,
+        c,
         !0
         // NOTE: capture phase
-      ), C.push(() => {
-        b.removeEventListener(
+      ), I.push(() => {
+        w.removeEventListener(
           "keydown",
-          u,
+          c,
           !0
         );
-      }), b.dataset.featherKHeaderBound = "true";
+      }), w.dataset.featherKHeaderBound = "true";
     }
-  }, ee = function(o, b) {
-    const u = o?.event?.event.target, p = R();
-    if (!u || !p) return;
-    const E = u.classList.contains("k-grid-header-menu"), v = u.classList.contains("k-columnmenu-item"), M = p.find((L) => L.field === o?.event?.field)?.sortable && !0;
-    if (!E) {
-      if (v && !M) {
+  }, ee = function(o, w) {
+    const c = o?.event?.event.target, p = P();
+    if (!c || !p) return;
+    const x = c.classList.contains("k-grid-header-menu"), y = c.classList.contains("k-columnmenu-item"), C = p.find((L) => L.field === o?.event?.field)?.sortable && !0;
+    if (!x) {
+      if (y && !C) {
         o?.event?.sort?.filter(
           (Y) => Y.field !== o?.event?.field
         );
         return;
       }
-      typeof b == "function" && Z(() => {
-        l.value && l.value.focus(), b(o), Z(() => {
-          j();
+      typeof w == "function" && B(() => {
+        l.value && l.value.focus(), w(o), B(() => {
+          J();
         });
       });
     }
-  }, ie = () => {
-    if (!D)
+  }, oe = () => {
+    if (!A)
       try {
-        w(), V(), N(), D = !0;
+        k(), V(), H(), A = !0;
       } catch (o) {
-        console.error("initA11y failed:", o), J();
+        console.error("initA11y failed:", o), Q();
       }
   };
-  return Ve(() => {
-    J();
+  return Le(() => {
+    Q();
   }), {
     activeFilterButton: l,
-    handleGridKeyDown: f,
+    handleGridKeyDown: v,
     handleSortChange: ee,
-    initA11y: ie
+    initA11y: oe
   };
-}, Ke = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Be = (e) => !!e && typeof e == "object" && "field" in e, $e = (e, t) => !e || typeof e != "object" ? !1 : Ke(e) ? e.filters.some(
+}, ze = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), He = (e) => !!e && typeof e == "object" && "field" in e, $e = (e, t) => !e || typeof e != "object" ? !1 : ze(e) ? e.filters.some(
   (l) => $e(l, t)
-) : Be(e) ? e.field === t : !1, dt = (e) => (t) => e.value?.filters && e.value.filters.some(
+) : He(e) ? e.field === t : !1, pt = (e) => (t) => e.value?.filters && e.value.filters.some(
   (l) => $e(l, t)
-) ? "active" : "", ze = "Enter a valid ZIP code with exactly 5 or 9 digits.", Ie = (e) => {
+) ? "active" : "", 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;
-}, He = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, Ze = (e) => e <= 5 ? e : Math.min(e + 1, 10), Ye = (e) => {
-  const t = U(Ie(e.initialValue ?? "")), l = U(!1), D = U(
-    e.errorMessage?.trim() || ze
-  ), m = d(() => t.value.replace(/\D/g, "")), g = d(() => {
-    const h = m.value.length;
-    return h === 5 || h === 9;
-  }), C = d(() => l.value && !g.value), A = d(() => !l.value || g.value), x = d(() => l.value), T = (h, I) => {
-    const H = Ze(I);
-    Z(() => {
-      h.isConnected && h.setSelectionRange(H, H);
+}, Ye = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, We = (e) => e <= 5 ? e : Math.min(e + 1, 10), _e = (e) => {
+  const t = U(Ce(e.initialValue ?? "")), l = U(!1), A = U(
+    e.errorMessage?.trim() || Ze
+  ), m = f(() => t.value.replace(/\D/g, "")), g = f(() => {
+    const u = m.value.length;
+    return u === 5 || u === 9;
+  }), I = f(() => l.value && !g.value), b = f(() => !l.value || g.value), M = f(() => l.value), $ = (u, S) => {
+    const Z = We(S);
+    B(() => {
+      u.isConnected && u.setSelectionRange(Z, Z);
     });
   };
   return {
     // writable state
     zipDisplay: t,
     submitted: l,
-    errorMessage: D,
+    errorMessage: A,
     // bindings
     wrapperClass: "fk-zip-textbox",
     // derived state
     zipRaw: m,
     isZipValid: g,
-    showZipError: C,
-    textBoxValid: A,
-    textBoxValidate: x,
+    showZipError: I,
+    textBoxValid: b,
+    textBoxValidate: M,
     // actions
-    handleZipInput: (...h) => {
-      const I = h[0], f = I?.event?.target, w = I?.value, V = Array.isArray(w) ? w.join("") : String(w ?? ""), N = f?.selectionStart !== void 0 && f.selectionStart !== null ? He(
-        f.value,
-        f.selectionStart
+    handleZipInput: (...u) => {
+      const S = u[0], v = S?.event?.target, k = S?.value, V = Array.isArray(k) ? k.join("") : String(k ?? ""), H = v?.selectionStart !== void 0 && v.selectionStart !== null ? Ye(
+        v.value,
+        v.selectionStart
       ) : V.replace(/\D/g, "").length;
-      t.value = Ie(V), f && T(f, N);
+      t.value = Ce(V), v && $(v, H);
     },
-    submitAndValidate: (h) => {
+    submitAndValidate: (u) => {
       l.value = !0;
-      const I = g.value;
-      return !I && h?.focus && Z(() => {
+      const S = g.value;
+      return !S && u?.focus && B(() => {
         document.getElementById(
           e.id
         )?.focus();
-      }), I;
+      }), S;
     },
     buildPayload: () => ({ zip: m.value })
   };
 };
-function We(e, t) {
+function je(e, t) {
   const l = U(!1);
   Fe(() => {
     e.value?.setAttribute("aria-invalid", String(!t.isValid()));
   });
-  function D(g) {
-    const C = e.value ?? g.currentTarget, A = g.relatedTarget;
-    (!C || !C.contains(A)) && (l.value = !0);
+  function A(g) {
+    const I = e.value ?? g.currentTarget, b = g.relatedTarget;
+    (!I || !I.contains(b)) && (l.value = !0);
   }
   function m() {
     l.value = !1;
   }
-  return { touched: l, onFocusout: D, reset: m };
+  return { touched: l, onFocusout: A, reset: m };
 }
-function _e(e, t) {
-  const l = U(!1), D = U(!1), m = d(
+function Ge(e, t) {
+  const l = U(!1), A = U(!1), m = f(
     () => le(t.submitted) || l.value
-  ), g = d(() => !m.value || t.isValid()), C = We(e, {
+  ), g = f(() => !m.value || t.isValid()), I = je(e, {
     isValid: () => g.value
   });
-  function A(k) {
-    return d(() => !m.value || le(k));
+  function b(E) {
+    return f(() => !m.value || le(E));
   }
-  function x(k) {
+  function M(E) {
     return Object.fromEntries(
-      Object.entries(k).map(([h, I]) => [
-        h,
-        A(I)
+      Object.entries(E).map(([u, S]) => [
+        u,
+        b(S)
       ])
     );
   }
-  function T(k) {
-    const h = le(k);
-    if (!h) return;
-    h.querySelector(
+  function $(E) {
+    const u = le(E);
+    if (!u) return;
+    u.querySelector(
       '.k-invalid input, .k-invalid[tabindex="0"]'
     )?.focus();
   }
-  function y(k) {
-    if (D.value) {
-      D.value = !1;
+  function h(E) {
+    if (A.value) {
+      A.value = !1;
       return;
     }
-    C.onFocusout(k), C.touched.value && (l.value = !0);
+    I.onFocusout(E), I.touched.value && (l.value = !0);
   }
-  function R() {
-    l.value = !1, D.value = !0, C.reset();
+  function P() {
+    l.value = !1, A.value = !0, I.reset();
   }
   return {
     touched: l,
     fieldsetValidate: m,
-    onFocusout: y,
-    reset: R,
-    createFieldValidity: A,
-    createFieldValidationsMap: x,
-    focusFirstInvalidField: T
+    onFocusout: h,
+    reset: P,
+    createFieldValidity: b,
+    createFieldValidationsMap: M,
+    focusFirstInvalidField: $
   };
 }
-const je = [
+const Je = [
   { label: "Alabama", value: "AL" },
   { label: "Alaska", value: "AK" },
   { label: "Arizona", value: "AZ" },
@@ -556,8 +556,8 @@ function De(e) {
   }
   return "";
 }
-function Ge() {
-  const e = Re({
+function Xe() {
+  const e = qe({
     address1: "",
     address2: "",
     city: "",
@@ -566,255 +566,467 @@ function Ge() {
   });
   return {
     formData: e,
-    onAddress1Input: (...C) => {
-      e.address1 = De(C[0]);
+    onAddress1Input: (...I) => {
+      e.address1 = De(I[0]);
     },
-    onAddress2Input: (...C) => {
-      e.address2 = De(C[0]);
+    onAddress2Input: (...I) => {
+      e.address2 = De(I[0]);
     },
-    onCityInput: (...C) => {
-      e.city = De(C[0]);
+    onCityInput: (...I) => {
+      e.city = De(I[0]);
     },
-    onStateChange: (C) => {
-      e.state = C.value;
+    onStateChange: (I) => {
+      e.state = I.value;
     },
     resetFormData: () => {
       e.address1 = "", e.address2 = "", e.city = "", e.state = null, e.zip = "";
     }
   };
 }
-function Je(e, t = "zip") {
-  const l = Ye({ id: t }), {
-    zipDisplay: D,
+function Qe(e, t = "zip") {
+  const l = _e({ id: t }), {
+    zipDisplay: A,
     zipRaw: m,
     isZipValid: g,
-    wrapperClass: C,
-    handleZipInput: A
+    wrapperClass: I,
+    handleZipInput: b
   } = l;
-  return de(m, (T) => {
-    e.zip = T;
+  return ue(m, ($) => {
+    e.zip = $;
   }), {
-    zipDisplay: D,
+    zipDisplay: A,
     isZipValid: g,
-    zipWrapperClass: C,
-    onZipInput: A,
+    zipWrapperClass: I,
+    onZipInput: b,
     resetZip: () => {
-      D.value = "", e.zip = "";
+      A.value = "", e.zip = "";
     }
   };
 }
-function Xe(e) {
-  const t = d(
+function et(e) {
+  const t = f(
     () => e.formData.address1.trim() !== ""
-  ), l = d(() => e.formData.city.trim() !== ""), D = d(() => !!e.formData.state), m = d(() => le(e.isZipValid)), g = d(
-    () => t.value && l.value && D.value && m.value
+  ), l = f(() => e.formData.city.trim() !== ""), A = f(() => !!e.formData.state), m = f(() => le(e.isZipValid)), g = f(
+    () => t.value && l.value && A.value && m.value
   );
   return {
     strictAddress1Valid: t,
     strictCityValid: l,
-    strictStateValid: D,
+    strictStateValid: A,
     strictZipValid: m,
     strictAddressValid: g
   };
 }
-function Qe(e) {
+function tt(e) {
   if (!e) return;
   e.querySelector(
     '.k-invalid input, .k-invalid[tabindex="0"]'
   )?.focus();
 }
-function et(e, t) {
-  const l = e ?? t.currentTarget, D = t.relatedTarget;
-  return !l || !l.contains(D);
+function nt(e, t) {
+  const l = e ?? t.currentTarget, A = t.relatedTarget;
+  return !l || !l.contains(A);
 }
-function ft(e) {
+function vt(e) {
   const t = U(
     le(e.fieldsetRef)
   );
   Fe(() => {
     t.value = le(e.fieldsetRef);
   });
-  const l = U(!1), D = U(!1), m = d(() => le(e.required) ?? !0), {
+  const l = U(!1), A = U(!1), m = f(() => le(e.required) ?? !0), {
     formData: g,
-    onAddress1Input: C,
-    onAddress2Input: A,
-    onCityInput: x,
-    onStateChange: T,
-    resetFormData: y
-  } = Ge(), R = `${e.addressId}-zip`, { zipDisplay: k, isZipValid: h, zipWrapperClass: I, onZipInput: H, resetZip: f } = Je(g, R), {
-    strictAddress1Valid: w,
+    onAddress1Input: I,
+    onAddress2Input: b,
+    onCityInput: M,
+    onStateChange: $,
+    resetFormData: h
+  } = Xe(), P = `${e.addressId}-zip`, { zipDisplay: E, isZipValid: u, zipWrapperClass: S, onZipInput: Z, resetZip: v } = Qe(g, P), {
+    strictAddress1Valid: k,
     strictCityValid: V,
-    strictStateValid: N,
-    strictZipValid: J,
-    strictAddressValid: j
-  } = Xe({
+    strictStateValid: H,
+    strictZipValid: Q,
+    strictAddressValid: J
+  } = et({
     formData: g,
-    isZipValid: h
-  }), ee = _e(t, {
+    isZipValid: u
+  }), ee = Ge(t, {
     submitted: l,
-    isValid: () => j.value
-  }), { touched: ie, fieldsetValidate: o, onFocusout: b, reset: u } = ee, p = ee.createFieldValidationsMap({
-    address1: w,
+    isValid: () => J.value
+  }), { touched: oe, fieldsetValidate: o, onFocusout: w, reset: c } = ee, p = ee.createFieldValidationsMap({
+    address1: k,
     city: V,
-    state: N,
-    zip: J,
-    address: j
+    state: H,
+    zip: Q,
+    address: J
   }), {
-    address1: E,
-    city: v,
-    state: M,
+    address1: x,
+    city: y,
+    state: C,
     zip: L,
     address: Y
-  } = p, ae = d(
+  } = p, ae = f(
     () => m.value ? o.value : !1
-  ), se = d(
-    () => m.value ? E.value : !0
-  ), a = d(
-    () => m.value ? v.value : !0
-  ), c = d(
-    () => m.value ? M.value : !0
-  ), $ = d(
+  ), se = f(
+    () => m.value ? x.value : !0
+  ), a = f(
+    () => m.value ? y.value : !0
+  ), d = f(
+    () => m.value ? C.value : !0
+  ), F = f(
     () => m.value ? L.value : !0
-  ), K = d(
+  ), K = f(
     () => m.value ? Y.value : !0
-  ), B = { value: null, label: "State" }, W = je.map(({ label: s, value: S }) => ({
+  ), N = { value: null, label: "State" }, W = Je.map(({ label: s, value: D }) => ({
     label: s,
-    value: S
-  })), n = d(() => ({
+    value: D
+  })), n = f(() => ({
     address1: g.address1.trim(),
     address2: g.address2.trim(),
     city: g.city.trim(),
     state: (g.state ?? "").trim().toUpperCase(),
     zip: g.zip.replace(/\D/g, "")
-  })), i = d(() => g.address1.trim() === "" && g.address2.trim() === "" && g.city.trim() === "" && (g.state ?? "").trim() === "" && g.zip.replace(/\D/g, "") === ""), F = d(() => !i.value), q = d(() => !m.value && F.value && (!w.value || !V.value || !N.value)), _ = d(() => {
+  })), i = f(() => g.address1.trim() === "" && g.address2.trim() === "" && g.city.trim() === "" && (g.state ?? "").trim() === "" && g.zip.replace(/\D/g, "") === ""), T = f(() => !i.value), q = f(() => !m.value && T.value && (!k.value || !V.value || !H.value)), _ = f(() => {
     const s = g.zip.replace(/\D/g, "");
-    return !m.value && F.value && s.length !== 5 && s.length !== 9;
-  }), Q = d(() => !m.value && F.value && !j.value), O = d(() => !m.value && Q.value && (D.value || l.value));
-  return de(n, () => {
-    m.value || (D.value = !1);
-  }), de(m, (s) => {
-    s || (l.value = !1, D.value = !1, u());
+    return !m.value && T.value && s.length !== 5 && s.length !== 9;
+  }), X = f(() => !m.value && T.value && !J.value), O = f(() => !m.value && X.value && (A.value || l.value));
+  return ue(n, () => {
+    m.value || (A.value = !1);
+  }), ue(m, (s) => {
+    s || (l.value = !1, A.value = !1, c());
   }), {
     formData: g,
     submitted: l,
-    touched: ie,
+    touched: oe,
     addressValidate: ae,
     address1Valid: se,
     cityValid: a,
-    stateValid: c,
-    zipValid: $,
+    stateValid: d,
+    zipValid: F,
     addressValid: K,
     optionalFeedbackActive: O,
-    optionalPartialInvalid: Q,
+    optionalPartialInvalid: X,
     optionalMissingRequiredFields: q,
     optionalZipInvalid: _,
-    stateDefaultItem: B,
+    stateDefaultItem: N,
     stateOptions: W,
-    zipDisplay: k,
-    zipWrapperClass: I,
-    onAddress1Input: C,
-    onAddress2Input: A,
-    onCityInput: x,
-    onStateChange: T,
-    onZipInput: H,
+    zipDisplay: E,
+    zipWrapperClass: S,
+    onAddress1Input: I,
+    onAddress2Input: b,
+    onCityInput: M,
+    onStateChange: $,
+    onZipInput: Z,
     onFieldsetFocusout: (s) => {
-      const S = et(t.value, s);
-      b(s), !m.value && S && (D.value = !0);
+      const D = nt(t.value, s);
+      w(s), !m.value && D && (A.value = !0);
     },
     normalizedPayload: n,
-    validateForSubmit: async () => m.value ? (l.value = !0, j.value ? {
+    validateForSubmit: async () => m.value ? (l.value = !0, J.value ? {
       isValid: !0,
       payload: n.value
-    } : (await Z(), Qe(t.value), { isValid: !1, payload: null })) : i.value || j.value ? (l.value = !1, {
+    } : (await B(), tt(t.value), { isValid: !1, payload: null })) : i.value || J.value ? (l.value = !1, {
       isValid: !0,
       payload: n.value
     }) : (l.value = !0, { isValid: !1, payload: null }),
     reset: () => {
-      l.value = !1, D.value = !1, u(), y(), f();
+      l.value = !1, A.value = !1, c(), h(), v();
     }
   };
 }
-function pt(e) {
-  const t = U(""), l = U(void 0), D = U(!!e.debug), m = U(e.dateFormat ?? "mm/dd/yyyy"), g = d(() => !!e.required), C = 1e3, A = U(!1), x = ["ArrowUp", "ArrowDown"], T = ["ArrowLeft", "ArrowRight"], y = d(() => (t.value ?? "").replace(/\D/g, "")), R = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : y.value.length <= 10 ? "yyyy" : "mm", k = d(() => {
+function at(e) {
+  return Oe() ? (Ue(e), !0) : !1;
+}
+const Pe = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const rt = Object.prototype.toString, lt = (e) => rt.call(e) === "[object Object]", ye = () => {
+}, ot = /* @__PURE__ */ it();
+function it() {
+  var e, t;
+  return Pe && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+}
+function Ee(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function st(e, t, l) {
+  return ue(
+    e,
+    t,
+    {
+      ...l,
+      immediate: !0
+    }
+  );
+}
+const Ve = Pe ? window : void 0;
+function be(e) {
+  var t;
+  const l = le(e);
+  return (t = l?.$el) != null ? t : l;
+}
+function Me(...e) {
+  const t = [], l = () => {
+    t.forEach((b) => b()), t.length = 0;
+  }, A = (b, M, $, h) => (b.addEventListener(M, $, h), () => b.removeEventListener(M, $, h)), m = f(() => {
+    const b = Ee(le(e[0])).filter((M) => M != null);
+    return b.every((M) => typeof M != "string") ? b : void 0;
+  }), g = st(
+    () => {
+      var b, M;
+      return [
+        (M = (b = m.value) == null ? void 0 : b.map(($) => be($))) != null ? M : [Ve].filter(($) => $ != null),
+        Ee(le(m.value ? e[1] : e[0])),
+        Ee(Be(m.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        le(m.value ? e[3] : e[2])
+      ];
+    },
+    ([b, M, $, h]) => {
+      if (l(), !b?.length || !M?.length || !$?.length)
+        return;
+      const P = lt(h) ? { ...h } : h;
+      t.push(
+        ...b.flatMap(
+          (E) => M.flatMap(
+            (u) => $.map((S) => A(E, u, S, P))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), I = () => {
+    g(), l();
+  };
+  return at(l), I;
+}
+let Te = !1;
+function Re(e, t, l = {}) {
+  const { window: A = Ve, ignore: m = [], capture: g = !0, detectIframe: I = !1, controls: b = !1 } = l;
+  if (!A)
+    return b ? { stop: ye, cancel: ye, trigger: ye } : ye;
+  if (ot && !Te) {
+    Te = !0;
+    const v = { passive: !0 };
+    Array.from(A.document.body.children).forEach((k) => k.addEventListener("click", ye, v)), A.document.documentElement.addEventListener("click", ye, v);
+  }
+  let M = !0;
+  const $ = (v) => le(m).some((k) => {
+    if (typeof k == "string")
+      return Array.from(A.document.querySelectorAll(k)).some((V) => V === v.target || v.composedPath().includes(V));
+    {
+      const V = be(k);
+      return V && (v.target === V || v.composedPath().includes(V));
+    }
+  });
+  function h(v) {
+    const k = le(v);
+    return k && k.$.subTree.shapeFlag === 16;
+  }
+  function P(v, k) {
+    const V = le(v), H = V.$.subTree && V.$.subTree.children;
+    return H == null || !Array.isArray(H) ? !1 : H.some((Q) => Q.el === k.target || k.composedPath().includes(Q.el));
+  }
+  const E = (v) => {
+    const k = be(e);
+    if (v.target != null && !(!(k instanceof Element) && h(e) && P(e, v)) && !(!k || k === v.target || v.composedPath().includes(k))) {
+      if ("detail" in v && v.detail === 0 && (M = !$(v)), !M) {
+        M = !0;
+        return;
+      }
+      t(v);
+    }
+  };
+  let u = !1;
+  const S = [
+    Me(A, "click", (v) => {
+      u || (u = !0, setTimeout(() => {
+        u = !1;
+      }, 0), E(v));
+    }, { passive: !0, capture: g }),
+    Me(A, "pointerdown", (v) => {
+      const k = be(e);
+      M = !$(v) && !!(k && !v.composedPath().includes(k));
+    }, { passive: !0 }),
+    I && Me(A, "blur", (v) => {
+      setTimeout(() => {
+        var k;
+        const V = be(e);
+        ((k = A.document.activeElement) == null ? void 0 : k.tagName) === "IFRAME" && !V?.contains(A.document.activeElement) && t(v);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), Z = () => S.forEach((v) => v());
+  return b ? {
+    stop: Z,
+    cancel: () => {
+      M = !1;
+    },
+    trigger: (v) => {
+      M = !0, E(v), M = !1;
+    }
+  } : Z;
+}
+const xe = (e) => {
+  if (e instanceof HTMLElement) return e;
+  const t = e?.$el;
+  return t instanceof HTMLElement ? t : null;
+}, ut = (e) => e instanceof HTMLButtonElement || e.getAttribute("role") === "button" || e.hasAttribute("aria-haspopup"), mt = (e) => {
+  const t = U(null), l = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", A = () => xe(e.triggerRef.value), m = () => e.resolveFocusTarget?.() ?? xe(e.focusTargetRef?.value), g = () => {
+    const u = m();
+    if (u)
+      return u.focus(), !0;
+    const S = A();
+    return S?.focus(), !!S;
+  }, I = () => {
+    xe(e.menuRef.value)?.querySelector(l)?.focus();
+  }, b = (u) => {
+    e.isOpen.value && (t.value = u, e.requestHide());
+  };
+  Re(e.menuRef, () => b("outside-click"), {
+    ignore: [e.triggerRef]
+  }), e.manageAriaExpanded !== !1 && ue(
+    [e.isOpen, e.triggerRef],
+    ([u]) => {
+      const S = A();
+      !S || !ut(S) || S.setAttribute("aria-expanded", u ? "true" : "false");
+    },
+    { immediate: !0, flush: "post" }
+  );
+  const M = () => {
+    if (e.isOpen.value) {
+      b("trigger-click");
+      return;
+    }
+    e.requestShow(), B(I);
+  };
+  return {
+    /**
+     * Handles Kendo Menu selection: records keyboard or mouse modality,
+     * requests popup close, then runs the optional caller-owned action.
+     */
+    handleMenuSelect: (u, S) => {
+      b(
+        u.event?.type?.startsWith("key") ? "keyboard" : "mouse-selection"
+      ), S?.(u);
+    },
+    /**
+     * Toggles the action menu. When opening, focuses the first enabled Kendo
+     * Menu item after Vue renders the popup.
+     */
+    handleActionButtonClick: M,
+    /**
+     * Handles trigger keyboard input: Enter and Space toggle the menu; Escape
+     * closes an open menu or focuses the configured target when already closed.
+     */
+    handleActionButtonKeydown: (u) => {
+      if (u.key === "Enter" || u.code === "Space") {
+        u.preventDefault(), M();
+        return;
+      }
+      if (u.key === "Escape") {
+        if (u.preventDefault(), u.stopPropagation(), e.isOpen.value) {
+          b("keyboard");
+          return;
+        }
+        g();
+      }
+    },
+    /** Closes the open menu through the keyboard path when Escape is pressed inside it. */
+    handleActionMenuEscape: (u) => {
+      u.preventDefault(), u.stopPropagation(), b("keyboard");
+    },
+    /**
+     * Restores focus after Kendo Popup closes: keyboard closes prefer the
+     * configured focus target, mouse selections return to the trigger, and
+     * outside clicks do not move focus.
+     */
+    handlePopupClose: () => {
+      B(() => {
+        t.value === "keyboard" ? g() : t.value === "mouse-selection" && A()?.focus(), t.value = null;
+      });
+    }
+  };
+};
+function gt(e) {
+  const t = U(""), l = U(void 0), A = U(!!e.debug), m = U(e.dateFormat ?? "mm/dd/yyyy"), g = f(() => !!e.required), I = 1e3, b = U(!1), M = ["ArrowUp", "ArrowDown"], $ = ["ArrowLeft", "ArrowRight"], h = f(() => (t.value ?? "").replace(/\D/g, "")), P = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : h.value.length <= 10 ? "yyyy" : "mm", E = f(() => {
     const a = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
-  }), h = d(() => {
+  }), u = f(() => {
     const a = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
-  }), I = d(() => {
+  }), S = f(() => {
     const a = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(4, "0");
-  }), H = (a) => {
-    if (y.value.length === 0) {
+  }), Z = (a) => {
+    if (h.value.length === 0) {
       e.onChange({ value: null, event: a });
       return;
     }
-    if (y.value.length < 8) {
+    if (h.value.length < 8) {
       e.onChange({ value: null, event: a });
       return;
     }
-    if ((t.value ?? "").length === 10 && y.value.length === 8) {
-      const [c, $, K] = t.value.split("/"), B = parseInt(c), W = parseInt($), n = parseInt(K);
-      if (j(n, B, W)) {
-        const i = N(n, B, W);
-        f(i) ? e.onChange({ value: i, event: a }) : e.onChange({ value: null, event: a });
+    if ((t.value ?? "").length === 10 && h.value.length === 8) {
+      const [d, F, K] = t.value.split("/"), N = parseInt(d), W = parseInt(F), n = parseInt(K);
+      if (J(n, N, W)) {
+        const i = H(n, N, W);
+        v(i) ? e.onChange({ value: i, event: a }) : e.onChange({ value: null, event: a });
       } else
         e.onChange({ value: null, event: a });
     }
-  }, f = (a) => {
-    const c = e.min ?? void 0, $ = e.max ?? void 0;
-    return !(c && a < c || $ && a > $);
-  }, w = d(() => {
-    if ((t.value ?? "").length === 10 && y.value.length === 8) {
-      const [a, c, $] = (t.value ?? "").split("/"), K = parseInt(a), B = parseInt(c), W = parseInt($);
-      if (j(W, K, B))
-        return N(W, K, B);
+  }, v = (a) => {
+    const d = e.min ?? void 0, F = e.max ?? void 0;
+    return !(d && a < d || F && a > F);
+  }, k = f(() => {
+    if ((t.value ?? "").length === 10 && h.value.length === 8) {
+      const [a, d, F] = (t.value ?? "").split("/"), K = parseInt(a), N = parseInt(d), W = parseInt(F);
+      if (J(W, K, N))
+        return H(W, K, N);
     }
     return null;
-  }), V = d(() => (t.value ?? "").length === 10 && y.value.length === 8), N = (a, c, $) => {
+  }), V = f(() => (t.value ?? "").length === 10 && h.value.length === 8), H = (a, d, F) => {
     const K = /* @__PURE__ */ new Date(0);
-    return K.setFullYear(a, c - 1, $), K.setHours(0, 0, 0, 0), K;
-  }, J = (a, c) => N(a, c + 1, 0).getDate(), j = (a, c, $) => c >= 1 && c <= 12 && a >= C && $ >= 1 && $ <= J(a, c), ee = (a) => {
+    return K.setFullYear(a, d - 1, F), K.setHours(0, 0, 0, 0), K;
+  }, Q = (a, d) => H(a, d + 1, 0).getDate(), J = (a, d, F) => d >= 1 && d <= 12 && a >= I && F >= 1 && F <= Q(a, d), ee = (a) => {
     t.value = a.value;
-    const c = a.event?.target;
-    l.value = c?.selectionStart ?? 0, H(a);
-  }, ie = (a) => {
+    const d = a.event?.target;
+    l.value = d?.selectionStart ?? 0, Z(a);
+  }, oe = (a) => {
     l.value = a.target.selectionStart ?? 0;
-  }, o = (a, c, $) => {
-    const K = c?.selectionStart ?? l.value ?? 0;
+  }, o = (a, d, F) => {
+    const K = d?.selectionStart ?? l.value ?? 0;
     l.value = K;
-    let B = parseInt(k.value), W = parseInt(h.value), n = parseInt(I.value);
-    if (!(y.value.length >= 8) || !j(n, B, W)) {
+    let N = parseInt(E.value), W = parseInt(u.value), n = parseInt(S.value);
+    if (!(h.value.length >= 8) || !J(n, N, W)) {
       const z = e.defaultValue ?? /* @__PURE__ */ new Date();
-      B = z.getMonth() + 1, W = z.getDate(), n = z.getFullYear(), t.value = `${String(B).padStart(2, "0")}/${String(W).padStart(
+      N = z.getMonth() + 1, W = z.getDate(), n = z.getFullYear(), t.value = `${String(N).padStart(2, "0")}/${String(W).padStart(
         2,
         "0"
       )}/${String(n)}`;
-      const ue = N(n, B, W);
-      e.onChange({ value: f(ue) ? ue : null, event: $ }), v({ useRAF: !0 });
+      const ce = H(n, N, W);
+      e.onChange({ value: v(ce) ? ce : null, event: F }), y({ useRAF: !0 });
       return;
     }
-    const F = R(K);
-    if (F === "mm")
-      B = a === "ArrowUp" ? B < 12 ? B + 1 : 1 : B > 1 ? B - 1 : 12;
-    else if (F === "dd") {
-      const z = new Date(n, B, 0).getDate();
+    const T = P(K);
+    if (T === "mm")
+      N = a === "ArrowUp" ? N < 12 ? N + 1 : 1 : N > 1 ? N - 1 : 12;
+    else if (T === "dd") {
+      const z = new Date(n, N, 0).getDate();
       W = a === "ArrowUp" ? W < z ? W + 1 : 1 : W > 1 ? W - 1 : z;
-    } else F === "yyyy" && (n = a === "ArrowUp" ? n + 1 : Math.max(1, n - 1));
-    t.value = `${String(B).padStart(2, "0")}/${String(W).padStart(
+    } else T === "yyyy" && (n = a === "ArrowUp" ? n + 1 : Math.max(1, n - 1));
+    t.value = `${String(N).padStart(2, "0")}/${String(W).padStart(
       2,
       "0"
     )}/${String(n)}`;
-    const [q, _, Q] = t.value.split("/"), O = N(
-      parseInt(Q),
+    const [q, _, X] = t.value.split("/"), O = H(
+      parseInt(X),
       parseInt(q),
       parseInt(_)
     );
-    O.toString() !== "Invalid Date" && parseInt(Q) >= 1e3 ? e.onChange({
-      value: f(O) ? O : null,
-      event: $
-    }) : e.onChange({ value: null, event: $ }), v({ useRAF: !0 });
-  }, b = (a) => {
+    O.toString() !== "Invalid Date" && parseInt(X) >= 1e3 ? e.onChange({
+      value: v(O) ? O : null,
+      event: F
+    }) : e.onChange({ value: null, event: F }), y({ useRAF: !0 });
+  }, w = (a) => {
     if (a.code === "Space" || a.key === " ") {
       a.preventDefault(), a.stopPropagation(), e.onShowCalendar(a);
       return;
@@ -823,72 +1035,72 @@ function pt(e) {
       a.preventDefault(), a.stopPropagation(), e.onShowCalendar(a);
       return;
     }
-    if (x.includes(a.key)) {
+    if (M.includes(a.key)) {
       if (a.altKey) return;
       a.preventDefault(), a.stopPropagation();
-      const c = a.target;
-      o(a.key, c, a);
+      const d = a.target;
+      o(a.key, d, a);
       return;
     }
-  }, u = (a) => {
+  }, c = (a) => {
     a.preventDefault();
-    const c = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    o(c, a.target, a);
+    const d = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    o(d, a.target, a);
   }, p = (a) => {
-    const c = a.target;
-    if (T.includes(a.key)) {
-      l.value = c?.selectionStart ?? 0;
+    const d = a.target;
+    if ($.includes(a.key)) {
+      l.value = d?.selectionStart ?? 0;
       return;
     }
-    if (x.includes(a.key)) {
+    if (M.includes(a.key)) {
       if (a.altKey) return;
-      l.value = c?.selectionStart ?? 0;
+      l.value = d?.selectionStart ?? 0;
     }
-  }, E = (a) => {
-    A.value = !0, g.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && y.value.length === 0 && (e.externalValue.value = "");
-    const c = a.target;
-    c && (l.value = c.selectionStart ?? 0);
-  }, v = (a) => {
-    const c = () => {
-      const $ = document.getElementById(
+  }, x = (a) => {
+    b.value = !0, g.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && h.value.length === 0 && (e.externalValue.value = "");
+    const d = a.target;
+    d && (l.value = d.selectionStart ?? 0);
+  }, y = (a) => {
+    const d = () => {
+      const F = document.getElementById(
         e.id
       );
-      if (!$) return;
-      const K = a?.pos ?? l.value ?? $.value.length;
+      if (!F) return;
+      const K = a?.pos ?? l.value ?? F.value.length;
       try {
-        $.focus(), $.setSelectionRange(K, K);
+        F.focus(), F.setSelectionRange(K, K);
       } catch {
       }
     };
-    Z(() => {
+    B(() => {
       if (a?.delay && a.delay > 0) {
-        setTimeout(c, a.delay);
+        setTimeout(d, a.delay);
         return;
       }
       if (a?.useRAF) {
-        requestAnimationFrame(c);
+        requestAnimationFrame(d);
         return;
       }
-      c();
+      d();
     });
   };
-  e.externalValue && de(
+  e.externalValue && ue(
     e.externalValue,
     (a) => {
       if (a) {
-        const c = new Date(a);
-        if (c.toString() !== "Invalid Date") {
-          const $ = (c.getMonth() + 1).toString().padStart(2, "0"), K = c.getDate().toString().padStart(2, "0"), B = c.getFullYear().toString();
-          t.value = `${$}/${K}/${B}`, v({ delay: 50 });
+        const d = new Date(a);
+        if (d.toString() !== "Invalid Date") {
+          const F = (d.getMonth() + 1).toString().padStart(2, "0"), K = d.getDate().toString().padStart(2, "0"), N = d.getFullYear().toString();
+          t.value = `${F}/${K}/${N}`, y({ delay: 50 });
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const M = d(() => [
-    ["Date", `${k.value} / ${h.value} / ${I.value}`],
-    ["Digits only", y.value],
+  const C = f(() => [
+    ["Date", `${E.value} / ${u.value} / ${S.value}`],
+    ["Digits only", h.value],
     [
       "min",
       e.min?.toLocaleDateString("en-US", {
@@ -905,50 +1117,50 @@ function pt(e) {
         day: "2-digit"
       }) ?? null
     ]
-  ]), L = d(() => {
+  ]), L = f(() => {
     if (!g.value) {
       if (!V.value) return !0;
-      const c = w.value;
-      return c ? f(c) : !1;
+      const d = k.value;
+      return d ? v(d) : !1;
     }
-    if (!A.value) return !0;
-    const a = w.value;
-    return !V.value || !a ? !1 : f(a);
-  }), Y = d(() => {
+    if (!b.value) return !0;
+    const a = k.value;
+    return !V.value || !a ? !1 : v(a);
+  }), Y = f(() => {
     if (!g.value) {
       if (!V.value) return;
-      const c = w.value;
-      return c ? f(c) ? "valid" : "out-of-bounds" : "invalid-date";
+      const d = k.value;
+      return d ? v(d) ? "valid" : "out-of-bounds" : "invalid-date";
     }
-    if (!A.value) return;
-    if (y.value.length === 0 || !V.value)
+    if (!b.value) return;
+    if (h.value.length === 0 || !V.value)
       return "incomplete";
-    const a = w.value;
-    return a ? f(a) ? "valid" : "out-of-bounds" : "invalid-date";
-  }), ae = d(() => {
+    const a = k.value;
+    return a ? v(a) ? "valid" : "out-of-bounds" : "invalid-date";
+  }), ae = f(() => {
     const a = Y.value;
     if (!a || a === "valid") return "";
     if (a === "incomplete")
       return "Required";
     if (a === "invalid-date")
       return `Must be in ${m.value} format.`;
-    const c = e.min ? e.min.toLocaleDateString("en-US", {
+    const d = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
-    }) : null, $ = e.max ? e.max.toLocaleDateString("en-US", {
+    }) : null, F = e.max ? e.max.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
     }) : null;
     if (a === "out-of-bounds") {
-      if (c && $) return `Must be between ${c} and ${$}.`;
-      if (c) return `Must be on or after ${c}.`;
-      if ($) return `Must be on or before ${$}.`;
+      if (d && F) return `Must be between ${d} and ${F}.`;
+      if (d) return `Must be on or after ${d}.`;
+      if (F) return `Must be on or before ${F}.`;
     }
     return "";
   }), se = () => {
-    Z(() => {
+    B(() => {
       const a = document.getElementById(
         e.id
       );
@@ -956,87 +1168,84 @@ function pt(e) {
         console.warn(`ID (#${e.id}) not found for styling.`);
         return;
       }
-      const c = a.closest(".k-datepicker");
-      if (!c) {
+      const d = a.closest(".k-datepicker");
+      if (!d) {
         console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
         return;
       }
-      const $ = c.parentElement;
-      if ($) {
-        if ($.classList.contains("fk-datepicker"))
+      const F = d.parentElement;
+      if (F) {
+        if (F.classList.contains("fk-datepicker"))
           return;
-        $.classList.add("fk-datepicker");
+        F.classList.add("fk-datepicker");
       } else
         console.warn(
           `Parent of .k-datepicker not found for #${e.id} styling.`
         );
     });
   };
-  return Me(() => {
+  return Ie(() => {
     se();
   }), {
     raw: t,
     cursorPos: l,
-    debugEnabled: D,
-    debugLines: M,
+    debugEnabled: A,
+    debugLines: C,
     placeholder: m,
     isValid: L,
-    reason: X(Y),
+    reason: G(Y),
     validationMessage: ae,
-    digitsOnly: y,
-    month: X(k),
-    day: X(h),
-    year: X(I),
-    datePart: R,
+    digitsOnly: h,
+    month: G(E),
+    day: G(u),
+    year: G(S),
+    datePart: P,
     handleChange: ee,
-    handleKeyDown: b,
-    handleWheel: u,
+    handleKeyDown: w,
+    handleWheel: c,
     handleKeyUp: p,
-    handleClick: ie,
-    handleBlur: E,
+    handleClick: oe,
+    handleBlur: x,
     // Expose so consumers can re-run styling when needed
     initStyling: se
   };
 }
-function vt(e) {
-  const t = U(""), l = U(void 0), D = U(!!e.debug), m = U(!1), g = 1440 * 60 * 1e3, C = 365 * g, A = /* @__PURE__ */ new Date(), x = new Date(A.getTime() - C), T = new Date(A.getTime() + C);
-  e.min = e.min ?? x, e.max = e.max ?? T;
-  const y = d(() => (t.value ?? "").replace(/\D/g, "")), R = (r, s) => new Date(r, s, 0).getDate(), k = (r, s, S) => s >= 1 && s <= 12 && r >= 1e3 && S >= 1 && S <= R(r, s), h = (r) => Date.UTC(r.getFullYear(), r.getMonth(), r.getDate()), I = (r) => {
+function yt(e) {
+  const t = U(""), l = U(void 0), A = U(!!e.debug), m = U(!1), g = 1440 * 60 * 1e3, I = 365 * g, b = /* @__PURE__ */ new Date(), M = new Date(b.getTime() - I), $ = new Date(b.getTime() + I);
+  e.min = e.min ?? M, e.max = e.max ?? $;
+  const h = f(() => (t.value ?? "").replace(/\D/g, "")), P = (r, s) => new Date(r, s, 0).getDate(), E = (r, s, D) => s >= 1 && s <= 12 && r >= 1e3 && D >= 1 && D <= P(r, s), u = (r) => Date.UTC(r.getFullYear(), r.getMonth(), r.getDate()), S = (r) => {
     if (!r) return null;
-    const s = e.min ?? new Date(Date.now() - 90 * g), S = e.max ?? /* @__PURE__ */ new Date(), P = h(r);
-    return P < h(s) || P > h(S) ? null : r;
-  }, H = (r, s) => e.allowReverse ?? !1 ? !0 : r <= s, f = d(() => (t.value?.length ?? 0) >= 23 && y.value.length >= 16), w = (r) => {
-    if ((r ?? "").length < 23 || y.value.length < 16)
+    const s = e.min ?? new Date(Date.now() - 90 * g), D = e.max ?? /* @__PURE__ */ new Date(), R = u(r);
+    return R < u(s) || R > u(D) ? null : r;
+  }, Z = (r, s) => e.allowReverse ?? !1 ? !0 : r <= s, v = f(() => (t.value?.length ?? 0) >= 23 && h.value.length >= 16), k = (r) => {
+    if ((r ?? "").length < 23 || h.value.length < 16)
       return { start: null, end: null };
-    const s = r.substring(0, 10), S = r.substring(13, 23), [P, te, ne] = s.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, ve, me] = S.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(ne, P - 1, te), he = new Date(me, fe - 1, ve), we = k(ne, P, te) && ge.toString() !== "Invalid Date", Ae = k(me, fe, ve) && he.toString() !== "Invalid Date";
+    const s = r.substring(0, 10), D = r.substring(13, 23), [R, te, ne] = s.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, ve, me] = D.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(ne, R - 1, te), he = new Date(me, fe - 1, ve), we = E(ne, R, te) && ge.toString() !== "Invalid Date", Ae = E(me, fe, ve) && he.toString() !== "Invalid Date";
     return { start: we ? ge : null, end: Ae ? he : null };
-  }, V = e.externalValid ?? U(!0), N = d(() => w(t.value)), J = d(() => {
-    const r = I(N.value.start), s = I(N.value.end);
+  }, V = e.externalValid ?? U(!0), H = f(() => k(t.value)), Q = f(() => {
+    const r = S(H.value.start), s = S(H.value.end);
     return { start: r, end: s };
-  }), j = d(() => {
-    if (!f.value) return;
-    const r = J.value.start, s = J.value.end;
+  }), J = f(() => {
+    if (!v.value) return;
+    const r = Q.value.start, s = Q.value.end;
     if (!r || !s) return;
-    const S = Math.abs(h(s) - h(r));
-    return Math.round(S / 864e5 + 1);
-  }), ee = d(() => {
-    if (!f.value) return !1;
-    const { start: r, end: s } = N.value;
-    if (!r || !s || !J.value.start || !J.value.end) return !1;
-    const S = J.value.start, P = J.value.end;
-    return !(!H(S, P) || typeof e.maxSpanDays == "number" && j.value !== void 0 && j.value > e.maxSpanDays);
-  }), ie = d(() => {
-    const { start: r, end: s } = N.value;
-    if (!f.value) return "incomplete";
+    const D = Math.abs(u(s) - u(r));
+    return Math.round(D / 864e5 + 1);
+  }), ee = U(!1), oe = f(() => {
+    if (!ee.value) return;
+    const { start: r, end: s } = H.value;
+    if (!v.value) return "incomplete";
     if (!r || !s) return "invalid-date";
-    if (!J.value.start || !J.value.end) return "out-of-bounds";
-    const S = J.value.start, P = J.value.end;
-    return H(S, P) ? typeof e.maxSpanDays == "number" && j.value !== void 0 && j.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), o = U(void 0), b = d(() => {
-    if (V.value !== !1) return "";
-    const { min: r, max: s } = e, S = o.value;
-    if (!S) return "";
-    switch (S) {
+    if (!Q.value.start || !Q.value.end) return "out-of-bounds";
+    const D = Q.value.start, R = Q.value.end;
+    return Z(D, R) ? typeof e.maxSpanDays == "number" && J.value !== void 0 && J.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), o = f(() => {
+    const r = oe.value;
+    return r === void 0 || r === "valid";
+  }), w = f(() => {
+    const { min: r, max: s } = e, D = oe.value;
+    if (!D) return "";
+    switch (D) {
       case "incomplete":
         return "Required";
       case "invalid-date":
@@ -1044,86 +1253,86 @@ function vt(e) {
       case "reversed-range":
         return "End Date must be on or after Start Date.";
       case "out-of-bounds":
-        return r && s ? `Dates must be between ${v(r)} and ${v(s)}.` : "Dates must be within the allowed range.";
+        return r && s ? `Dates must be between ${y(r)} and ${y(s)}.` : "Dates must be within the allowed range.";
       case "span-exceeds-limit":
         return typeof e.maxSpanDays == "number" ? `Date range exceeds ${e.maxSpanDays} days.` : "Date range exceeds maximum allowed span.";
       default:
         return "";
     }
-  }), u = ["ArrowUp", "ArrowDown"], p = ["ArrowLeft", "ArrowRight"], E = (r, s) => String(r).padStart(s, "0"), v = (r) => `${E(r.getMonth() + 1, 2)}/${E(r.getDate(), 2)}/${E(
+  }), c = ["ArrowUp", "ArrowDown"], p = ["ArrowLeft", "ArrowRight"], x = (r, s) => String(r).padStart(s, "0"), y = (r) => `${x(r.getMonth() + 1, 2)}/${x(r.getDate(), 2)}/${x(
     r.getFullYear(),
     4
-  )}`, M = (r) => r <= 2 ? { side: "start", part: "mm" } : r <= 5 ? { side: "start", part: (r <= 3, "dd") } : r <= 11 ? { side: "start", part: "yyyy" } : r <= 15 ? { side: "end", part: "mm" } : r <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, L = (r, s, S) => {
-    const P = s?.selectionStart ?? l.value ?? 0;
-    l.value = P;
-    const { start: te, end: ne } = w(t.value);
+  )}`, C = (r) => r <= 2 ? { side: "start", part: "mm" } : r <= 5 ? { side: "start", part: (r <= 3, "dd") } : r <= 11 ? { side: "start", part: "yyyy" } : r <= 15 ? { side: "end", part: "mm" } : r <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, L = (r, s, D) => {
+    const R = s?.selectionStart ?? l.value ?? 0;
+    l.value = R;
+    const { start: te, end: ne } = k(t.value);
     if (!te && !ne) {
-      const G = /* @__PURE__ */ new Date(), ce = v(G);
-      t.value = `${ce} - ${ce}`, e.onChange({ value: { start: G, end: G }, event: S }), Z(() => {
+      const j = /* @__PURE__ */ new Date(), de = y(j);
+      t.value = `${de} - ${de}`, e.onChange({ value: { start: j, end: j }, event: D }), B(() => {
         requestAnimationFrame(() => {
           const re = document.getElementById(
             e.id
-          ), oe = l.value ?? 0;
-          re && (re.focus(), re.setSelectionRange(oe, oe));
+          ), ie = l.value ?? 0;
+          re && (re.focus(), re.setSelectionRange(ie, ie));
         });
       });
       return;
     }
-    const fe = /* @__PURE__ */ new Date(), ve = M(P);
+    const fe = /* @__PURE__ */ new Date(), ve = C(R);
     let me = te ? new Date(te) : new Date(fe), ge = ne ? new Date(ne) : new Date(fe);
-    const he = (G, ce) => {
-      if (ce === "mm") {
-        const re = G.getMonth() + 1, oe = r === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
-        G.setMonth(oe - 1);
-        const Se = R(G.getFullYear(), oe);
-        G.getDate() > Se && G.setDate(Se);
-      } else if (ce === "dd") {
-        const re = R(G.getFullYear(), G.getMonth() + 1), oe = G.getDate(), Se = r === "ArrowUp" ? oe < re ? oe + 1 : 1 : oe > 1 ? oe - 1 : re;
-        G.setDate(Se);
-      } else if (ce === "yyyy") {
-        const re = G.getFullYear();
-        G.setFullYear(r === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
-        const oe = R(G.getFullYear(), G.getMonth() + 1);
-        G.getDate() > oe && G.setDate(oe);
+    const he = (j, de) => {
+      if (de === "mm") {
+        const re = j.getMonth() + 1, ie = r === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
+        j.setMonth(ie - 1);
+        const Se = P(j.getFullYear(), ie);
+        j.getDate() > Se && j.setDate(Se);
+      } else if (de === "dd") {
+        const re = P(j.getFullYear(), j.getMonth() + 1), ie = j.getDate(), Se = r === "ArrowUp" ? ie < re ? ie + 1 : 1 : ie > 1 ? ie - 1 : re;
+        j.setDate(Se);
+      } else if (de === "yyyy") {
+        const re = j.getFullYear();
+        j.setFullYear(r === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
+        const ie = P(j.getFullYear(), j.getMonth() + 1);
+        j.getDate() > ie && j.setDate(ie);
       }
     };
     ve.side === "start" ? he(me, ve.part) : he(ge, ve.part);
-    const we = v(me), Ae = v(ge);
+    const we = y(me), Ae = y(ge);
     t.value = `${we} - ${Ae}`;
-    const pe = I(me), ke = I(ge);
-    pe && ke && H(pe, ke) ? e.onChange({ value: { start: pe, end: ke }, event: S }) : e.onChange({ value: null, event: S }), Z(() => {
+    const pe = S(me), ke = S(ge);
+    pe && ke && Z(pe, ke) ? e.onChange({ value: { start: pe, end: ke }, event: D }) : e.onChange({ value: null, event: D }), B(() => {
       requestAnimationFrame(() => {
-        const G = document.getElementById(
+        const j = document.getElementById(
           e.id
-        ), ce = l.value ?? 0;
-        G && (G.focus(), G.setSelectionRange(ce, ce));
+        ), de = l.value ?? 0;
+        j && (j.focus(), j.setSelectionRange(de, de));
       });
     });
   }, Y = (r) => {
-    const { start: s, end: S } = w(t.value);
-    if (!s || !S) {
+    const { start: s, end: D } = k(t.value);
+    if (!s || !D) {
       e.onChange({ value: null, event: r });
       return;
     }
-    const P = I(s), te = I(S);
-    if (!P || !te) {
+    const R = S(s), te = S(D);
+    if (!R || !te) {
       e.onChange({ value: null, event: r });
       return;
     }
-    if (!H(P, te)) {
+    if (!Z(R, te)) {
       e.onChange({ value: null, event: r });
       return;
     }
-    e.onChange({ value: { start: P, end: te }, event: r });
+    e.onChange({ value: { start: R, end: te }, event: r });
   }, ae = (r) => {
-    const s = r.value ?? "", S = r.event;
-    if (!s && S && S.type === "click") {
-      W(S);
+    const s = r.value ?? "", D = r.event;
+    if (!s && D && D.type === "click") {
+      W(D);
       return;
     }
     t.value = s;
-    const P = S?.target;
-    l.value = P?.selectionStart ?? 0, Y(r);
+    const R = D?.target;
+    l.value = R?.selectionStart ?? 0, Y(r);
   }, se = (r) => {
     l.value = r.target.selectionStart ?? 0;
   }, a = (r) => {
@@ -1135,63 +1344,63 @@ function vt(e) {
       r.preventDefault(), r.stopPropagation(), e.onShowCalendar(r);
       return;
     }
-    if (u.includes(r.key)) {
+    if (c.includes(r.key)) {
       r.preventDefault(), r.stopPropagation();
       const s = r.target;
       L(r.key, s, r);
       return;
     }
-  }, c = (r) => {
+  }, d = (r) => {
     r.preventDefault();
     const s = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
     L(s, r.target, r);
-  }, $ = (r) => {
-    if (p.includes(r.key) || u.includes(r.key)) {
+  }, F = (r) => {
+    if (p.includes(r.key) || c.includes(r.key)) {
       const s = r.target;
       l.value = s?.selectionStart ?? 0;
     }
   }, K = () => {
-    o.value = ie.value, (e.manageValid ?? !0) && (V.value = ee.value);
-  }, B = (r) => {
+    ee.value = !0, (e.manageValid ?? !0) && (V.value = o.value);
+  }, N = (r) => {
     K();
   }, W = (r) => {
-    console.log("Clear event:", r), t.value = "", l.value = 0, e.onChange({ value: null, event: r }), K(), Z(() => {
+    t.value = "", l.value = 0, e.onChange({ value: null, event: r }), K(), B(() => {
       const s = document.getElementById(
         e.id
       );
       s && (s.focus(), s.setSelectionRange(0, 0));
     });
   };
-  e.externalValue && de(
+  e.externalValue && ue(
     e.externalValue,
     (r) => {
-      const s = r?.start ?? null, S = r?.end ?? null;
-      if (s && S) {
-        if (t.value = `${v(s)} - ${v(S)}`, e.isOpen?.value && m.value && e.onRequestClose) {
-          const P = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+      const s = r?.start ?? null, D = r?.end ?? null;
+      if (s && D) {
+        if (t.value = `${y(s)} - ${y(D)}`, e.isOpen?.value && m.value && e.onRequestClose) {
+          const R = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
             e.onRequestClose?.(), m.value = !1, K();
-          }, P);
+          }, R);
         }
         return;
       }
     },
     { immediate: !0 }
   );
-  const n = d(
+  const n = f(
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
-  ), i = d(
+  ), i = f(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), F = d(
+  ), T = f(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), q = d(
+  ), q = f(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), _ = d(
+  ), _ = f(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), Q = d(
+  ), X = f(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), O = d(() => {
-    const { start: r, end: s } = w(t.value);
+  ), O = f(() => {
+    const { start: r, end: s } = k(t.value);
     return [
       {
         label: "Raw",
@@ -1209,16 +1418,16 @@ function vt(e) {
         label: "Start",
         value: `${String(n.value).padStart(2, "0")} / ${String(
           i.value
-        ).padStart(2, "0")} / ${String(F.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String(T.value).padStart(4, "0")}`
       },
       {
         label: "End",
         value: `${String(q.value).padStart(2, "0")} / ${String(
           _.value
-        ).padStart(2, "0")} / ${String(Q.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String(X.value).padStart(4, "0")}`
       },
-      { label: "Digits only", value: y.value },
-      { label: "Mask complete", value: `${f.value}` },
+      { label: "Digits only", value: h.value },
+      { label: "Mask complete", value: `${v.value}` },
       {
         label: "Parsed",
         value: `${r ? r.toDateString() : "-"} | ${s ? s.toDateString() : "-"}`
@@ -1227,21 +1436,21 @@ function vt(e) {
         label: "Valid (managed)",
         value: `${V.value ?? "-"}`
       },
-      { label: "Span (days)", value: `${j.value ?? "-"}` },
+      { label: "Span (days)", value: `${J.value ?? "-"}` },
       {
         label: "Reason",
-        value: `${ie.value ?? "-"}`
+        value: `${oe.value ?? "-"}`
       },
       {
         label: "Cursor in",
         value: `${l.value ?? "-"} (${(() => {
-          const S = l.value ?? 0, P = M(S);
-          return `${P.side}.${P.part}`;
+          const D = l.value ?? 0, R = C(D);
+          return `${R.side}.${R.part}`;
         })()})`
       }
     ];
   }), z = () => {
-    Z(() => {
+    B(() => {
       const r = document.getElementById(e.id);
       if (!r) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1255,25 +1464,25 @@ function vt(e) {
       s.classList.contains("fk-daterangepicker") || s.classList.add("fk-daterangepicker");
     });
   };
-  Me(() => {
+  Ie(() => {
     z();
   });
-  const ue = () => {
-    Z(() => {
+  const ce = () => {
+    B(() => {
       try {
         const r = Array.from(
           document.querySelectorAll(".k-animation-container")
         );
         if (!r.length) return;
-        const S = [...r].reverse().find((ne) => ne.querySelector(".k-calendar"))?.querySelector(
+        const D = [...r].reverse().find((ne) => ne.querySelector(".k-calendar"))?.querySelector(
           ".k-calendar"
         );
-        if (!S) return;
-        const P = S.querySelectorAll(
+        if (!D) return;
+        const R = D.querySelectorAll(
           ".k-calendar-table"
         );
         let te = !1;
-        P.forEach((ne) => {
+        R.forEach((ne) => {
           ne.tabIndex === 0 && (te ? ne.tabIndex = -1 : te = !0);
         });
       } catch (r) {
@@ -1281,35 +1490,35 @@ function vt(e) {
       }
     });
   };
-  return e.isOpen && de(
+  return e.isOpen && ue(
     e.isOpen,
     (r) => {
-      r && setTimeout(() => ue(), 0);
+      r && setTimeout(() => ce(), 0);
     },
     { immediate: !1 }
   ), {
     raw: t,
     cursorPos: l,
-    debugEnabled: D,
+    debugEnabled: A,
     debugLines: O,
-    digitsOnly: y,
+    digitsOnly: h,
     valid: V,
-    validComputed: X(ee),
-    reason: X(ie),
-    validationMessage: X(b),
-    spanDays: X(j),
-    month1: X(n),
-    day1: X(i),
-    year1: X(F),
-    month2: X(q),
-    day2: X(_),
-    year2: X(Q),
+    validComputed: G(o),
+    reason: G(oe),
+    validationMessage: G(w),
+    spanDays: G(J),
+    month1: G(n),
+    day1: G(i),
+    year1: G(T),
+    month2: G(q),
+    day2: G(_),
+    year2: G(X),
     handleChange: ae,
     handleKeyDown: a,
-    handleWheel: c,
-    handleKeyUp: $,
+    handleWheel: d,
+    handleKeyUp: F,
     handleClick: se,
-    handleBlur: B,
+    handleBlur: N,
     handleClear: W,
     onCalendarChange: () => {
       m.value = !0;
@@ -1317,69 +1526,69 @@ function vt(e) {
     initStyling: z
   };
 }
-function mt(e) {
-  const t = U(""), l = U(void 0), D = U(!!e.debug), m = U(e.timeFormat ?? "hh:mm AM"), g = d(() => !!e.required), C = U(!1), A = ["ArrowUp", "ArrowDown"], x = ["ArrowLeft", "ArrowRight"], T = d(() => (t.value ?? "").replace(/\D/g, "")), y = {
+function ht(e) {
+  const t = U(""), l = U(void 0), A = U(!!e.debug), m = U(e.timeFormat ?? "hh:mm AM"), g = f(() => !!e.required), I = U(!1), b = ["ArrowUp", "ArrowDown"], M = ["ArrowLeft", "ArrowRight"], $ = f(() => (t.value ?? "").replace(/\D/g, "")), h = {
     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", k = d(() => {
+  }, P = (n) => n <= 2 ? "hh" : n <= 5 ? "mm" : "ampm", E = f(() => {
     const n = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", i = parseInt(n);
     return Math.min(Math.max(i, 0), 23);
-  }), h = d(() => {
+  }), u = f(() => {
     const n = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", i = parseInt(n);
     return Math.min(Math.max(i, 0), 59);
-  }), I = d(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), H = d(() => {
-    const n = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = I.value;
+  }), S = f(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), Z = f(() => {
+    const n = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = S.value;
     return n === 12 ? i === "AM" ? 0 : 12 : i === "PM" ? n + 12 : n;
-  }), f = d(() => w.value ? `${String(H.value).padStart(2, "0")}:${String(h.value).padStart(2, "0")}:00` : null), w = d(
+  }), v = f(() => k.value ? `${String(Z.value).padStart(2, "0")}:${String(u.value).padStart(2, "0")}:00` : null), k = f(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), V = (n, i, F) => {
+  ), V = (n, i, T) => {
     let q = n % 12;
     return q === 0 && (q = 12), `${String(q).padStart(2, "0")}:${String(i).padStart(
       2,
       "0"
-    )} ${F}`;
-  }, N = (n) => {
+    )} ${T}`;
+  }, H = (n) => {
     const i = n.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!i) return null;
-    const F = parseInt(i[1]), q = parseInt(i[2]), _ = i[3].toUpperCase();
-    if (F < 1 || F > 12 || q < 0 || q > 59) return null;
-    let Q = F % 12;
-    _ === "PM" && (Q += 12);
+    const T = parseInt(i[1]), q = parseInt(i[2]), _ = i[3].toUpperCase();
+    if (T < 1 || T > 12 || q < 0 || q > 59) return null;
+    let X = T % 12;
+    _ === "PM" && (X += 12);
     const O = /* @__PURE__ */ new Date();
-    return O.setSeconds(0, 0), O.setHours(Q), O.setMinutes(q), O;
-  }, J = (n) => {
-    if (T.value.length === 0) {
+    return O.setSeconds(0, 0), O.setHours(X), O.setMinutes(q), O;
+  }, Q = (n) => {
+    if ($.value.length === 0) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if (!w.value) {
+    if (!k.value) {
       e.onChange({ value: null, event: n });
       return;
     }
-    const i = N(t.value);
+    const i = H(t.value);
     i && ee(i) ? e.onChange({ value: i, event: n }) : e.onChange({ value: null, event: n });
-  }, j = (n) => n.getHours() * 60 + n.getMinutes(), ee = (n) => {
-    const i = e.min ?? void 0, F = e.max ?? void 0, q = j(n);
+  }, J = (n) => n.getHours() * 60 + n.getMinutes(), ee = (n) => {
+    const i = e.min ?? void 0, T = e.max ?? void 0, q = J(n);
     if (i) {
-      const _ = j(i);
+      const _ = J(i);
       if (q < _) return !1;
     }
-    if (F) {
-      const _ = j(F);
+    if (T) {
+      const _ = J(T);
       if (q > _) return !1;
     }
     return !0;
-  }, ie = (n) => {
-    const i = n.getHours(), F = i >= 12 ? "PM" : "AM";
-    t.value = V(i, n.getMinutes(), F);
+  }, oe = (n) => {
+    const i = n.getHours(), T = i >= 12 ? "PM" : "AM";
+    t.value = V(i, n.getMinutes(), T);
   }, o = (n, i) => {
     e.onChange({ value: n, event: i });
-  }, b = () => {
-    Z(() => {
+  }, w = () => {
+    B(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const n = document.getElementById(
@@ -1393,23 +1602,23 @@ function mt(e) {
         });
       });
     });
-  }, u = (n) => {
+  }, c = (n) => {
     const i = n?.event?.target;
     return i ? i.closest(".k-time-now") ? "now" : i.closest(".k-time-accept") ? "set" : null : null;
   }, p = (n, i) => {
     n && ee(n) ? o(n, i) : o(null, i);
-  }, E = (...n) => {
+  }, x = (...n) => {
     const i = n[0];
     if (!i) return;
-    const F = u(i);
-    if (F === "now") {
+    const T = c(i);
+    if (T === "now") {
       const _ = /* @__PURE__ */ new Date();
-      ie(_), p(_, i), b();
+      oe(_), p(_, i), w();
       return;
     }
     if (i?.value instanceof Date) {
       const _ = new Date(i.value);
-      ie(_), p(_, i), F === "set" && b();
+      oe(_), p(_, i), T === "set" && w();
       return;
     }
     if (i?.value === null) {
@@ -1421,16 +1630,16 @@ function mt(e) {
     l.value = q?.selectionStart ?? 0;
     try {
       const _ = l.value ?? 0;
-      if (R(_) === "ampm" && (t.value ?? "").length >= 8) {
-        const Q = t.value.charAt(6);
-        /[Aa]/.test(Q) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, Z(() => {
+      if (P(_) === "ampm" && (t.value ?? "").length >= 8) {
+        const X = t.value.charAt(6);
+        /[Aa]/.test(X) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, B(() => {
           requestAnimationFrame(() => {
             const O = document.getElementById(
               e.id
             );
             O && (O.focus(), O.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(Q) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, Z(() => {
+        })) : /[Pp]/.test(X) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, B(() => {
           requestAnimationFrame(() => {
             const O = document.getElementById(
               e.id
@@ -1441,19 +1650,19 @@ function mt(e) {
       }
     } catch {
     }
-    J(i);
-  }, v = (n) => {
+    Q(i);
+  }, y = (n) => {
     l.value = n.target.selectionStart ?? 0;
-  }, M = (n, i, F) => {
+  }, C = (n, i, T) => {
     const q = i?.selectionStart ?? l.value ?? 0;
     l.value = q;
-    const _ = R(q), Q = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!Q) {
-      if ((t.value ?? "").length === 0 || T.value.length === 0) {
-        const s = /* @__PURE__ */ new Date(), S = s.getHours(), P = S >= 12 ? "PM" : "AM";
-        t.value = V(S, s.getMinutes(), P);
-        const te = N(t.value);
-        p(te, F), Z(() => {
+    const _ = P(q), X = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    if (!X) {
+      if ((t.value ?? "").length === 0 || $.value.length === 0) {
+        const s = /* @__PURE__ */ new Date(), D = s.getHours(), R = D >= 12 ? "PM" : "AM";
+        t.value = V(D, s.getMinutes(), R);
+        const te = H(t.value);
+        p(te, T), B(() => {
           requestAnimationFrame(() => {
             const ne = document.getElementById(
               e.id
@@ -1464,7 +1673,7 @@ function mt(e) {
       }
       return;
     }
-    let O = parseInt(Q[1]), z = parseInt(Q[2]), ue = Q[3].toUpperCase();
+    let O = parseInt(X[1]), z = parseInt(X[2]), ce = X[3].toUpperCase();
     if (_ === "hh")
       n === "ArrowUp" ? O = O < 12 ? O + 1 : 1 : O = O > 1 ? O - 1 : 12;
     else if (_ === "mm") {
@@ -1472,26 +1681,26 @@ function mt(e) {
       if (s === 1)
         n === "ArrowUp" ? z = z < 59 ? z + 1 : 0 : z = z > 0 ? z - 1 : 59;
       else if (n === "ArrowUp") {
-        const S = z % s;
-        let P = S === 0 ? z + s : z + (s - S);
-        P >= 60 && (P = 0), z = P;
+        const D = z % s;
+        let R = D === 0 ? z + s : z + (s - D);
+        R >= 60 && (R = 0), z = R;
       } else {
-        const S = z % s;
-        let P = S === 0 ? z - s : z - S;
-        P < 0 && (P = 60 - s), z = P;
+        const D = z % s;
+        let R = D === 0 ? z - s : z - D;
+        R < 0 && (R = 60 - s), z = R;
       }
-    } else _ === "ampm" && (ue = ue === "AM" ? "PM" : "AM");
+    } else _ === "ampm" && (ce = ce === "AM" ? "PM" : "AM");
     t.value = `${String(O).padStart(2, "0")}:${String(z).padStart(
       2,
       "0"
-    )} ${ue}`;
-    const r = N(t.value);
-    p(r, F), Z(() => {
+    )} ${ce}`;
+    const r = H(t.value);
+    p(r, T), B(() => {
       requestAnimationFrame(() => {
         const s = document.getElementById(
           e.id
-        ), S = l.value ?? 0;
-        s && (s.focus(), s.setSelectionRange(S, S));
+        ), D = l.value ?? 0;
+        s && (s.focus(), s.setSelectionRange(D, D));
       });
     });
   }, L = (n) => {
@@ -1503,57 +1712,57 @@ function mt(e) {
       n.preventDefault(), n.stopPropagation(), e.onShowPicker(n);
       return;
     }
-    if (A.includes(n.key)) {
+    if (b.includes(n.key)) {
       if (n.altKey) return;
       n.preventDefault(), n.stopPropagation();
       const i = n.target;
-      M(n.key, i, n);
+      C(n.key, i, n);
       return;
     }
   }, Y = (n) => {
     n.preventDefault();
     const i = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    M(i, n.target, n);
+    C(i, n.target, n);
   }, ae = (n) => {
     const i = n.target;
-    if (x.includes(n.key)) {
+    if (M.includes(n.key)) {
       l.value = i?.selectionStart ?? 0;
       return;
     }
-    if (A.includes(n.key)) {
+    if (b.includes(n.key)) {
       if (n.altKey) return;
       l.value = i?.selectionStart ?? 0;
     }
   }, se = (n) => {
-    C.value = !0, g.value && e.externalValue && e.externalValue.value === void 0 && T.value.length === 0 && (e.externalValue.value = "");
+    I.value = !0, g.value && e.externalValue && e.externalValue.value === void 0 && $.value.length === 0 && (e.externalValue.value = "");
     const i = n.target;
     i && (l.value = i.selectionStart ?? 0);
   };
-  e.externalValue && de(
+  e.externalValue && ue(
     e.externalValue,
     (n) => {
       if (n) {
         const i = new Date(n);
         if (i.toString() !== "Invalid Date") {
-          const F = i.getHours(), q = F >= 12 ? "PM" : "AM";
-          t.value = V(F, i.getMinutes(), q);
+          const T = i.getHours(), q = T >= 12 ? "PM" : "AM";
+          t.value = V(T, i.getMinutes(), q);
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const a = d(() => [
+  const a = f(() => [
     ["Time", t.value || "--:-- --"],
-    ["Hour (12h)", k.value],
-    ["Hour (24h)", H.value],
-    ["Minute", h.value],
-    ["Period", I.value],
-    ["Time (24h)", f.value ?? "--:--:--"],
-    ["Digits only", T.value],
+    ["Hour (12h)", E.value],
+    ["Hour (24h)", Z.value],
+    ["Minute", u.value],
+    ["Period", S.value],
+    ["Time (24h)", v.value ?? "--:--:--"],
+    ["Digits only", $.value],
     [
       "Parsed Date",
-      c.value?.toLocaleDateString("en-US", {
+      d.value?.toLocaleDateString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
@@ -1572,32 +1781,32 @@ function mt(e) {
         minute: "2-digit"
       }) ?? null
     ],
-    ["valid", $.value],
+    ["valid", F.value],
     ["reason", K.value],
-    ["validationMessage", B.value]
-  ]), c = d(
-    () => N(t.value) ?? null
-  ), $ = d(() => {
+    ["validationMessage", N.value]
+  ]), d = f(
+    () => H(t.value) ?? null
+  ), F = f(() => {
     if (!g.value) {
-      if (!w.value) return !0;
-      const i = c.value;
+      if (!k.value) return !0;
+      const i = d.value;
       return i ? ee(i) : !1;
     }
-    if (!C.value) return !0;
-    const n = c.value;
-    return !w.value || !n ? !1 : ee(n);
-  }), K = d(() => {
+    if (!I.value) return !0;
+    const n = d.value;
+    return !k.value || !n ? !1 : ee(n);
+  }), K = f(() => {
     if (!g.value) {
-      if (!w.value) return;
-      const i = c.value;
+      if (!k.value) return;
+      const i = d.value;
       return i ? ee(i) ? "valid" : "out-of-bounds" : "invalid-time";
     }
-    if (!C.value) return;
-    if (T.value.length === 0 || !w.value)
+    if (!I.value) return;
+    if ($.value.length === 0 || !k.value)
       return "incomplete";
-    const n = c.value;
+    const n = d.value;
     return n ? ee(n) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), B = d(() => {
+  }), N = f(() => {
     const n = K.value;
     if (!n || n === "valid") return "";
     if (n === "incomplete")
@@ -1607,15 +1816,15 @@ function mt(e) {
     const i = {
       hour: "2-digit",
       minute: "2-digit"
-    }, F = e.min ? e.min.toLocaleTimeString("en-US", i) : null, q = e.max ? e.max.toLocaleTimeString("en-US", i) : null;
+    }, T = e.min ? e.min.toLocaleTimeString("en-US", i) : null, q = e.max ? e.max.toLocaleTimeString("en-US", i) : 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 (T && q) return `Must be between ${T} and ${q}.`;
+      if (T) return `Must be ${T} or later.`;
       if (q) return `Must be ${q} or earlier.`;
     }
     return "";
   }), W = () => {
-    Z(() => {
+    B(() => {
       const n = document.getElementById(e.id);
       if (!n) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1628,259 +1837,126 @@ function mt(e) {
         );
         return;
       }
-      const F = i.parentElement;
-      if (!F) {
+      const T = i.parentElement;
+      if (!T) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
         );
         return;
       }
-      F.classList.contains("fk-timepicker") || F.classList.add("fk-timepicker");
+      T.classList.contains("fk-timepicker") || T.classList.add("fk-timepicker");
     });
   };
-  return Me(() => {
+  return Ie(() => {
     W();
   }), {
     raw: t,
-    rules: y,
-    debugEnabled: D,
+    rules: h,
+    debugEnabled: A,
     debugLines: a,
     placeholder: m,
-    isValid: $,
-    reason: X(K),
-    validationMessage: B,
-    isComplete: w,
+    isValid: F,
+    reason: G(K),
+    validationMessage: N,
+    isComplete: k,
     inRangeTime: ee,
     cursorPos: l,
-    hour: X(k),
-    hour24: X(H),
-    minute: X(h),
-    period: X(I),
-    time24: X(f),
-    parsedRawTime: X(c),
-    handleChange: E,
+    hour: G(E),
+    hour24: G(Z),
+    minute: G(u),
+    period: G(S),
+    time24: G(v),
+    parsedRawTime: G(d),
+    handleChange: x,
     handleKeyDown: L,
     handleKeyUp: ae,
-    handleClick: v,
+    handleClick: y,
     handleWheel: Y,
     handleBlur: se,
     // Expose so consumers can reapply theming when Kendo updates DOM
     initStyling: W
   };
 }
-function tt(e) {
-  return Le() ? (qe(e), !0) : !1;
-}
-const Te = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const nt = Object.prototype.toString, at = (e) => nt.call(e) === "[object Object]", ye = () => {
-}, rt = /* @__PURE__ */ lt();
-function lt() {
-  var e, t;
-  return Te && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
-}
-function Ee(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function ot(e, t, l) {
-  return de(
-    e,
-    t,
-    {
-      ...l,
-      immediate: !0
-    }
-  );
-}
-const Pe = Te ? window : void 0;
-function be(e) {
-  var t;
-  const l = le(e);
-  return (t = l?.$el) != null ? t : l;
-}
-function xe(...e) {
-  const t = [], l = () => {
-    t.forEach((A) => A()), t.length = 0;
-  }, D = (A, x, T, y) => (A.addEventListener(x, T, y), () => A.removeEventListener(x, T, y)), m = d(() => {
-    const A = Ee(le(e[0])).filter((x) => x != null);
-    return A.every((x) => typeof x != "string") ? A : void 0;
-  }), g = ot(
-    () => {
-      var A, x;
-      return [
-        (x = (A = m.value) == null ? void 0 : A.map((T) => be(T))) != null ? x : [Pe].filter((T) => T != null),
-        Ee(le(m.value ? e[1] : e[0])),
-        Ee(Oe(m.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        le(m.value ? e[3] : e[2])
-      ];
-    },
-    ([A, x, T, y]) => {
-      if (l(), !A?.length || !x?.length || !T?.length)
-        return;
-      const R = at(y) ? { ...y } : y;
-      t.push(
-        ...A.flatMap(
-          (k) => x.flatMap(
-            (h) => T.map((I) => D(k, h, I, R))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), C = () => {
-    g(), l();
-  };
-  return tt(l), C;
-}
-let Ce = !1;
-function it(e, t, l = {}) {
-  const { window: D = Pe, ignore: m = [], capture: g = !0, detectIframe: C = !1, controls: A = !1 } = l;
-  if (!D)
-    return A ? { stop: ye, cancel: ye, trigger: ye } : ye;
-  if (rt && !Ce) {
-    Ce = !0;
-    const f = { passive: !0 };
-    Array.from(D.document.body.children).forEach((w) => w.addEventListener("click", ye, f)), D.document.documentElement.addEventListener("click", ye, f);
-  }
-  let x = !0;
-  const T = (f) => le(m).some((w) => {
-    if (typeof w == "string")
-      return Array.from(D.document.querySelectorAll(w)).some((V) => V === f.target || f.composedPath().includes(V));
-    {
-      const V = be(w);
-      return V && (f.target === V || f.composedPath().includes(V));
-    }
-  });
-  function y(f) {
-    const w = le(f);
-    return w && w.$.subTree.shapeFlag === 16;
-  }
-  function R(f, w) {
-    const V = le(f), N = V.$.subTree && V.$.subTree.children;
-    return N == null || !Array.isArray(N) ? !1 : N.some((J) => J.el === w.target || w.composedPath().includes(J.el));
-  }
-  const k = (f) => {
-    const w = be(e);
-    if (f.target != null && !(!(w instanceof Element) && y(e) && R(e, f)) && !(!w || w === f.target || f.composedPath().includes(w))) {
-      if ("detail" in f && f.detail === 0 && (x = !T(f)), !x) {
-        x = !0;
-        return;
-      }
-      t(f);
-    }
-  };
-  let h = !1;
-  const I = [
-    xe(D, "click", (f) => {
-      h || (h = !0, setTimeout(() => {
-        h = !1;
-      }, 0), k(f));
-    }, { passive: !0, capture: g }),
-    xe(D, "pointerdown", (f) => {
-      const w = be(e);
-      x = !T(f) && !!(w && !f.composedPath().includes(w));
-    }, { passive: !0 }),
-    C && xe(D, "blur", (f) => {
-      setTimeout(() => {
-        var w;
-        const V = be(e);
-        ((w = D.document.activeElement) == null ? void 0 : w.tagName) === "IFRAME" && !V?.contains(D.document.activeElement) && t(f);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), H = () => I.forEach((f) => f());
-  return A ? {
-    stop: H,
-    cancel: () => {
-      x = !1;
-    },
-    trigger: (f) => {
-      x = !0, k(f), x = !1;
-    }
-  } : H;
-}
-function gt(e) {
-  const t = Ue(null), l = [
+function bt(e) {
+  const t = Ke(null), l = [
     ".k-animation-container .k-popup",
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], D = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? l].flat(), m = (y) => y ? typeof e.initialFocus == "string" ? y.querySelector(e.initialFocus) ?? y : typeof e.initialFocus == "function" ? e.initialFocus(y) ?? y : y.querySelector(
+  ], A = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? l].flat(), m = (h) => h ? typeof e.initialFocus == "string" ? h.querySelector(e.initialFocus) ?? h : typeof e.initialFocus == "function" ? e.initialFocus(h) ?? h : h.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? y : null, { activate: g, deactivate: C } = Ne(t, {
+  ) ?? h : null, { activate: g, deactivate: I } = Ne(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     fallbackFocus: () => t.value,
     initialFocus: () => m(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let A = null, x = U(null);
-  const T = () => {
+  let b = null, M = U(null);
+  const $ = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
-    const y = (k, h) => {
-      const I = Array.from(k.querySelectorAll(h));
-      if (!I.length) return null;
-      const H = I.filter(
-        (f) => f.offsetParent !== null || f.getClientRects().length > 0
+    const h = (E, u) => {
+      const S = Array.from(E.querySelectorAll(u));
+      if (!S.length) return null;
+      const Z = S.filter(
+        (v) => v.offsetParent !== null || v.getClientRects().length > 0
       );
-      return H[H.length - 1] ?? I[I.length - 1] ?? null;
-    }, R = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const k of D) {
-      const h = y(R, k);
-      if (h) return h;
+      return Z[Z.length - 1] ?? S[S.length - 1] ?? null;
+    }, P = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
+    for (const E of A) {
+      const u = h(P, E);
+      if (u) return u;
     }
-    for (const k of D) {
-      const h = y(document, k);
-      if (h) return h;
+    for (const E of A) {
+      const u = h(document, E);
+      if (u) return u;
     }
     return null;
   };
-  return it(t, (y) => {
-    x.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", y);
-  }), de(
+  return Re(t, (h) => {
+    M.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", h);
+  }), ue(
     () => e.isOpen.value,
-    (y) => {
-      y ? (x.value = null, Z(() => {
-        const R = T();
-        R && (t.value = R, setTimeout(() => g(), 0), A || (A = (k) => {
-          k.key === "Escape" && (x.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", k));
-        }, document.addEventListener("keydown", A, !0)));
-      })) : (C(), A && (document.removeEventListener("keydown", A, !0), A = null), t.value = null, x.value === "outside" && Z(() => {
-        const R = () => {
-          const k = e.triggerEl?.value, h = k?.querySelector("input"), I = document.activeElement;
-          I && (I === h || k && k.contains(I)) && (h ?? k)?.blur?.();
+    (h) => {
+      h ? (M.value = null, B(() => {
+        const P = $();
+        P && (t.value = P, setTimeout(() => g(), 0), b || (b = (E) => {
+          E.key === "Escape" && (M.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", E));
+        }, document.addEventListener("keydown", b, !0)));
+      })) : (I(), b && (document.removeEventListener("keydown", b, !0), b = null), t.value = null, M.value === "outside" && B(() => {
+        const P = () => {
+          const E = e.triggerEl?.value, u = E?.querySelector("input"), S = document.activeElement;
+          S && (S === u || E && E.contains(S)) && (u ?? E)?.blur?.();
         };
-        requestAnimationFrame(() => setTimeout(R, 0));
-      }), e.returnFocusToTrigger !== !1 && x.value === "escape" && e.triggerEl?.value && (console.log(
-        "Returning focus to trigger element:",
-        e.triggerEl.value
-      ), Z(() => {
-        const R = () => {
-          const k = e.triggerEl?.value;
-          if (!k) return;
-          (k.querySelector("input") ?? k)?.focus?.();
+        requestAnimationFrame(() => setTimeout(P, 0));
+      }), e.returnFocusToTrigger !== !1 && M.value === "escape" && e.triggerEl?.value && B(() => {
+        const P = () => {
+          const E = e.triggerEl?.value;
+          if (!E) return;
+          (E.querySelector("input") ?? E)?.focus?.();
         };
-        requestAnimationFrame(() => setTimeout(R, 0));
-      })));
+        requestAnimationFrame(() => setTimeout(P, 0));
+      }));
     }
   ), {
     popupRef: t,
     activate: g,
-    deactivate: C,
-    lastCloseReason: X(x),
-    setPopupEl: (y) => t.value = y
+    deactivate: I,
+    lastCloseReason: G(M),
+    setPopupEl: (h) => t.value = h
   };
 }
 export {
-  We as useFieldsetTouchTracker,
-  _e as useFieldsetValidationKit,
-  ct as useGridA11y,
-  dt as useGridActiveFilter,
-  pt as useMaskedDateInput,
-  vt as useMaskedDateRangeInput,
-  mt as useMaskedTimeInput,
-  gt as usePopupTrap,
-  ft as useUSAddress,
-  Ye as useZipTextBox
+  je as useFieldsetTouchTracker,
+  Ge as useFieldsetValidationKit,
+  ft as useGridA11y,
+  pt as useGridActiveFilter,
+  gt as useMaskedDateInput,
+  yt as useMaskedDateRangeInput,
+  ht as useMaskedTimeInput,
+  mt as usePopupMenu,
+  bt as usePopupTrap,
+  vt as useUSAddress,
+  _e as useZipTextBox
 };
 //# sourceMappingURL=featherk-composables.es.js.map