@featherk/composables 0.10.0 → 0.10.1

package/dist/featherk-composables.es.js

@@ -1,40 +1,40 @@
-import { ref as U, onBeforeUnmount as Ve, nextTick as H, computed as d, watchEffect as Fe, toValue as le, reactive as Re, watch as de, onMounted as Me, readonly as G, getCurrentScope as Le, onScopeDispose as qe, unref as Oe, shallowRef as Ue } from "vue";
+import { 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);
-    const f = o.closest(
+  }, $ = (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 f ? b.contains(f) : !1;
-  }, y = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", R = () => e?.value?.columns, k = (o) => {
-    const b = o.key || o.code;
-    ([" ", "Spacebar", "Space"].includes(b) || y(o)) && (o.preventDefault(), o.stopPropagation(), l.value = o.target, o.target.click());
-  }, 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 f = [
+        const p = [
           // ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
           // ".k-filter-menu-container input.k-input-inner:not([tabindex='-1']):not([disabled])",
           // ".k-filter-menu-container button:not([tabindex='-1']):not([disabled])",
@@ -43,88 +43,88 @@ const ct = (e, t) => {
           "input.k-input-inner:not([tabindex='-1']):not([disabled])",
           "button:not([tabindex='-1']):not([disabled])",
           ".k-checkbox"
-        ], E = t?.focusableMenuSelectors ?? f, 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 f = b.findIndex(
-        (v) => v === document.activeElement
+      const p = w.findIndex(
+        (y) => y === document.activeElement
       );
-      let E = f;
-      o.code === "ArrowUp" ? E = f > 0 ? f - 1 : b.length - 1 : o.code === "ArrowDown" && (E = f < b.length - 1 ? f + 1 : 0), b[E]?.focus();
+      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") {
       o.preventDefault(), o.stopPropagation();
-      const f = l.value?.parentElement;
-      (o.shiftKey ? f?.previousElementSibling : f?.nextElementSibling)?.querySelector(
+      const p = l.value?.parentElement;
+      (o.shiftKey ? p?.previousElementSibling : p?.nextElementSibling)?.querySelector(
         "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 f = u;
-            if (f.classList.contains("k-animation-container")) {
-              const v = l.value;
-              v && (v.dataset.featherKSortable === "true" || H(() => {
-                f.querySelectorAll(
+      o.forEach((w) => {
+        w.addedNodes.forEach((c) => {
+          if (c.nodeType === Node.ELEMENT_NODE) {
+            const p = c;
+            if (p.classList.contains("k-animation-container")) {
+              const y = l.value;
+              y && (y.dataset.featherKSortable === "true" || B(() => {
+                p.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
                 ).forEach((Y) => {
                   Y.textContent?.toLowerCase().includes("sort") && Y.remove();
                 });
-              })), f.addEventListener(
+              })), p.addEventListener(
                 "keydown",
-                h
-              ), H(() => {
-                const M = () => {
+                u
+              ), B(() => {
+                const C = () => {
                   const L = Array.from(
-                    f.querySelectorAll(
+                    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();
               });
             }
-            f.querySelectorAll(
+            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 f = u;
-            f.classList.contains("k-animation-container") && f.removeEventListener(
+        }), w.removedNodes.forEach((c) => {
+          if (c.nodeType === Node.ELEMENT_NODE) {
+            const p = c;
+            p.classList.contains("k-animation-container") && p.removeEventListener(
               "keydown",
-              h
-            ), f.querySelectorAll(
+              u
+            ), p.querySelectorAll(
               ".k-animation-container"
-            ).forEach((v) => {
-              v.removeEventListener(
+            ).forEach((y) => {
+              y.removeEventListener(
                 "keydown",
-                h
+                u
               );
             });
           }
@@ -135,37 +135,37 @@ const ct = (e, t) => {
       subtree: !0
     });
   }, Z = (o) => {
-    const b = o.tagName.toLowerCase();
-    return !!(["input", "textarea", "select", "button"].includes(b) || o.closest(
+    const w = o.tagName.toLowerCase();
+    return !!(["input", "textarea", "select", "button"].includes(w) || o.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
     ));
-  }, p = (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 f = ["ArrowLeft", "ArrowRight"].includes(
+    const p = ["ArrowLeft", "ArrowRight"].includes(
       o.code
     );
-    if (!(Z(b) && !(u && f))) {
+    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,307 +197,307 @@ 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;
           }
         }
       }
     }
-  }, S = () => {
-    H(() => {
+  }, 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");
     });
-  }, P = () => {
+  }, V = () => {
     if (!g)
       try {
         const o = () => {
           try {
-            const f = Array.from(
+            const p = Array.from(
               e.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
             );
-            if (!f || f.length === 0 || f.filter(
-              (M) => M.getAttribute("tabindex") === "0"
+            if (!p || p.length === 0 || p.filter(
+              (C) => C.getAttribute("tabindex") === "0"
             ).length === 1) return;
-            const v = f.find(
-              (M) => M === document.activeElement || M.contains(document.activeElement)
+            const y = p.find(
+              (C) => C === document.activeElement || C.contains(document.activeElement)
             );
-            if (f.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;
             }
-            f[0].setAttribute("tabindex", "0");
-          } catch (f) {
-            console.error("ensureSingleTabindex error:", f);
+            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((f, E) => {
-          f.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);
       }
-  }, z = () => {
-    H(() => {
-      const b = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-      b && b.forEach((u) => {
-        u.setAttribute("role", "button"), u.addEventListener(
+  }, 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();
     });
   }, Q = () => {
-    const b = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-    b && b.forEach((u) => {
-      u.removeEventListener(
+    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;
+    }), 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, f) => {
-      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[f]) {
-        const a = v[f].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[f].filterable === !1 ? "false" : "true"
-        ), u.setAttribute(
+          y[p].filterable === !1 ? "false" : "true"
+        ), c.setAttribute(
           "data-feather-k-sortable",
-          v[f].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 = (f) => {
-        const E = f.target.closest("th");
-        E && (y(f) || f.code === "Space") && E.dataset.featherKFilterable === "false" && E.dataset.featherKSortable === "false" && (f.preventDefault(), f.stopImmediatePropagation());
+    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, f = R();
-    if (!u || !f) return;
-    const E = u.classList.contains("k-grid-header-menu"), v = u.classList.contains("k-columnmenu-item"), M = f.find((L) => L.field === o?.event?.field)?.sortable && !0;
-    if (!E) {
-      if (v && !M) {
+  }, 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" && H(() => {
-        l.value && l.value.focus(), b(o), H(() => {
+      typeof w == "function" && B(() => {
+        l.value && l.value.focus(), w(o), B(() => {
           J();
         });
       });
     }
   }, oe = () => {
-    if (!D)
+    if (!A)
       try {
-        S(), P(), z(), D = !0;
+        k(), V(), H(), A = !0;
       } catch (o) {
         console.error("initA11y failed:", o), Q();
       }
   };
-  return Ve(() => {
+  return Le(() => {
     Q();
   }), {
     activeFilterButton: l,
-    handleGridKeyDown: p,
+    handleGridKeyDown: v,
     handleSortChange: ee,
     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 Z = Ze(I);
-    H(() => {
-      h.isConnected && h.setSelectionRange(Z, Z);
+}, 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], p = I?.event?.target, S = I?.value, P = Array.isArray(S) ? S.join("") : String(S ?? ""), z = p?.selectionStart !== void 0 && p.selectionStart !== null ? He(
-        p.value,
-        p.selectionStart
-      ) : P.replace(/\D/g, "").length;
-      t.value = Ie(P), p && T(p, z);
+    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 = Ce(V), v && $(v, H);
     },
-    submitAndValidate: (h) => {
+    submitAndValidate: (u) => {
       l.value = !0;
-      const I = g.value;
-      return !I && h?.focus && H(() => {
+      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,134 +566,134 @@ 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: Z, resetZip: p } = Je(g, R), {
-    strictAddress1Valid: S,
-    strictCityValid: P,
-    strictStateValid: z,
+    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: H,
     strictZipValid: Q,
     strictAddressValid: J
-  } = Xe({
+  } = et({
     formData: g,
-    isZipValid: h
-  }), ee = _e(t, {
+    isZipValid: u
+  }), ee = Ge(t, {
     submitted: l,
     isValid: () => J.value
-  }), { touched: oe, fieldsetValidate: o, onFocusout: b, reset: u } = ee, f = ee.createFieldValidationsMap({
-    address1: S,
-    city: P,
-    state: z,
+  }), { touched: oe, fieldsetValidate: o, onFocusout: w, reset: c } = ee, p = ee.createFieldValidationsMap({
+    address1: k,
+    city: V,
+    state: H,
     zip: Q,
     address: J
   }), {
-    address1: E,
-    city: v,
-    state: M,
+    address1: x,
+    city: y,
+    state: C,
     zip: L,
     address: Y
-  } = f, 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
-  ), N = d(
+  ), K = f(
     () => m.value ? Y.value : !0
-  ), K = { value: null, label: "State" }, W = je.map(({ label: s, value: w }) => ({
+  ), N = { value: null, label: "State" }, W = Je.map(({ label: s, value: D }) => ({
     label: s,
-    value: w
-  })), 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 && (!S.value || !P.value || !z.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;
-  }), X = d(() => !m.value && F.value && !J.value), O = d(() => !m.value && X.value && (D.value || l.value));
-  return de(n, () => {
-    m.value || (D.value = !1);
-  }), de(m, (s) => {
-    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,
@@ -701,120 +701,332 @@ function ft(e) {
     addressValidate: ae,
     address1Valid: se,
     cityValid: a,
-    stateValid: c,
-    zipValid: $,
-    addressValid: N,
+    stateValid: d,
+    zipValid: F,
+    addressValid: K,
     optionalFeedbackActive: O,
     optionalPartialInvalid: X,
     optionalMissingRequiredFields: q,
     optionalZipInvalid: _,
-    stateDefaultItem: K,
+    stateDefaultItem: N,
     stateOptions: W,
-    zipDisplay: k,
-    zipWrapperClass: I,
-    onAddress1Input: C,
-    onAddress2Input: A,
-    onCityInput: x,
-    onStateChange: T,
+    zipDisplay: E,
+    zipWrapperClass: S,
+    onAddress1Input: I,
+    onAddress2Input: b,
+    onCityInput: M,
+    onStateChange: $,
     onZipInput: Z,
     onFieldsetFocusout: (s) => {
-      const w = et(t.value, s);
-      b(s), !m.value && w && (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 ? {
       isValid: !0,
       payload: n.value
-    } : (await H(), 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(), p();
+      l.value = !1, A.value = !1, c(), h(), v();
+    }
+  };
+}
+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;
 }
-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(() => {
+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");
   }), Z = (a) => {
-    if (y.value.length === 0) {
+    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, $, N] = t.value.split("/"), K = parseInt(c), W = parseInt($), n = parseInt(N);
-      if (J(n, K, W)) {
-        const i = z(n, K, W);
-        p(i) ? e.onChange({ value: i, event: a }) : e.onChange({ value: null, event: a });
+    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 });
     }
-  }, p = (a) => {
-    const c = e.min ?? void 0, $ = e.max ?? void 0;
-    return !(c && a < c || $ && a > $);
-  }, S = d(() => {
-    if ((t.value ?? "").length === 10 && y.value.length === 8) {
-      const [a, c, $] = (t.value ?? "").split("/"), N = parseInt(a), K = parseInt(c), W = parseInt($);
-      if (J(W, N, K))
-        return z(W, N, K);
+  }, 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;
-  }), P = d(() => (t.value ?? "").length === 10 && y.value.length === 8), z = (a, c, $) => {
-    const N = /* @__PURE__ */ new Date(0);
-    return N.setFullYear(a, c - 1, $), N.setHours(0, 0, 0, 0), N;
-  }, Q = (a, c) => z(a, c + 1, 0).getDate(), J = (a, c, $) => c >= 1 && c <= 12 && a >= C && $ >= 1 && $ <= Q(a, c), ee = (a) => {
+  }), V = f(() => (t.value ?? "").length === 10 && h.value.length === 8), H = (a, d, F) => {
+    const K = /* @__PURE__ */ new Date(0);
+    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, Z(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 N = c?.selectionStart ?? l.value ?? 0;
-    l.value = N;
-    let K = parseInt(k.value), W = parseInt(h.value), n = parseInt(I.value);
-    if (!(y.value.length >= 8) || !J(n, K, W)) {
-      const B = e.defaultValue ?? /* @__PURE__ */ new Date();
-      K = B.getMonth() + 1, W = B.getDate(), n = B.getFullYear(), t.value = `${String(K).padStart(2, "0")}/${String(W).padStart(
+  }, o = (a, d, F) => {
+    const K = d?.selectionStart ?? l.value ?? 0;
+    l.value = K;
+    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();
+      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 = z(n, K, W);
-      e.onChange({ value: p(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(N);
-    if (F === "mm")
-      K = a === "ArrowUp" ? K < 12 ? K + 1 : 1 : K > 1 ? K - 1 : 12;
-    else if (F === "dd") {
-      const B = new Date(n, K, 0).getDate();
-      W = a === "ArrowUp" ? W < B ? W + 1 : 1 : W > 1 ? W - 1 : B;
-    } else F === "yyyy" && (n = a === "ArrowUp" ? n + 1 : Math.max(1, n - 1));
-    t.value = `${String(K).padStart(2, "0")}/${String(W).padStart(
+    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 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, _, X] = t.value.split("/"), O = z(
+    const [q, _, X] = t.value.split("/"), O = H(
       parseInt(X),
       parseInt(q),
       parseInt(_)
     );
     O.toString() !== "Invalid Date" && parseInt(X) >= 1e3 ? e.onChange({
-      value: p(O) ? O : null,
-      event: $
-    }) : e.onChange({ value: null, event: $ }), v({ useRAF: !0 });
-  }, b = (a) => {
+      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);
-  }, f = (a) => {
-    const c = a.target;
-    if (T.includes(a.key)) {
-      l.value = c?.selectionStart ?? 0;
+    const d = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    o(d, a.target, a);
+  }, p = (a) => {
+    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 N = a?.pos ?? l.value ?? $.value.length;
+      if (!F) return;
+      const K = a?.pos ?? l.value ?? F.value.length;
       try {
-        $.focus(), $.setSelectionRange(N, N);
+        F.focus(), F.setSelectionRange(K, K);
       } catch {
       }
     };
-    H(() => {
+    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"), N = c.getDate().toString().padStart(2, "0"), K = c.getFullYear().toString();
-          t.value = `${$}/${N}/${K}`, 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 (!P.value) return !0;
-      const c = S.value;
-      return c ? p(c) : !1;
+      if (!V.value) return !0;
+      const d = k.value;
+      return d ? v(d) : !1;
     }
-    if (!A.value) return !0;
-    const a = S.value;
-    return !P.value || !a ? !1 : p(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 (!P.value) return;
-      const c = S.value;
-      return c ? p(c) ? "valid" : "out-of-bounds" : "invalid-date";
+      if (!V.value) return;
+      const d = k.value;
+      return d ? v(d) ? "valid" : "out-of-bounds" : "invalid-date";
     }
-    if (!A.value) return;
-    if (y.value.length === 0 || !P.value)
+    if (!b.value) return;
+    if (h.value.length === 0 || !V.value)
       return "incomplete";
-    const a = S.value;
-    return a ? p(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 = () => {
-    H(() => {
+    B(() => {
       const a = document.getElementById(
         e.id
       );
@@ -956,84 +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: G(Y),
     validationMessage: ae,
-    digitsOnly: y,
-    month: G(k),
-    day: G(h),
-    year: G(I),
-    datePart: R,
+    digitsOnly: h,
+    month: G(E),
+    day: G(u),
+    year: G(S),
+    datePart: P,
     handleChange: ee,
-    handleKeyDown: b,
-    handleWheel: u,
-    handleKeyUp: f,
+    handleKeyDown: w,
+    handleWheel: c,
+    handleKeyUp: p,
     handleClick: oe,
-    handleBlur: E,
+    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, w) => s >= 1 && s <= 12 && r >= 1e3 && w >= 1 && w <= R(r, s), h = (r) => Date.UTC(r.getFullYear(), r.getMonth(), r.getDate()), I = (r) => {
+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), w = e.max ?? /* @__PURE__ */ new Date(), V = h(r);
-    return V < h(s) || V > h(w) ? null : r;
-  }, Z = (r, s) => e.allowReverse ?? !1 ? !0 : r <= s, p = d(() => (t.value?.length ?? 0) >= 23 && y.value.length >= 16), S = (r) => {
-    if ((r ?? "").length < 23 || y.value.length < 16)
+    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), w = r.substring(13, 23), [V, te, ne] = s.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, ve, me] = w.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(ne, V - 1, te), he = new Date(me, fe - 1, ve), we = k(ne, V, te) && ge.toString() !== "Invalid Date", Ae = k(me, fe, ve) && he.toString() !== "Invalid Date";
+    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 };
-  }, P = e.externalValid ?? U(!0), z = d(() => S(t.value)), Q = d(() => {
-    const r = I(z.value.start), s = I(z.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 (!p.value) return;
+  }), J = f(() => {
+    if (!v.value) return;
     const r = Q.value.start, s = Q.value.end;
     if (!r || !s) return;
-    const w = Math.abs(h(s) - h(r));
-    return Math.round(w / 864e5 + 1);
-  }), ee = U(!1), oe = d(() => {
+    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 } = z.value;
-    if (!p.value) return "incomplete";
+    const { start: r, end: s } = H.value;
+    if (!v.value) return "incomplete";
     if (!r || !s) return "invalid-date";
     if (!Q.value.start || !Q.value.end) return "out-of-bounds";
-    const w = Q.value.start, V = Q.value.end;
-    return Z(w, V) ? typeof e.maxSpanDays == "number" && J.value !== void 0 && J.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), o = d(() => {
+    const 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";
-  }), b = d(() => {
-    const { min: r, max: s } = e, w = oe.value;
-    if (!w) return "";
-    switch (w) {
+  }), w = f(() => {
+    const { min: r, max: s } = e, D = oe.value;
+    if (!D) return "";
+    switch (D) {
       case "incomplete":
         return "Required";
       case "invalid-date":
@@ -1041,22 +1253,22 @@ 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"], f = ["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, w) => {
-    const V = s?.selectionStart ?? l.value ?? 0;
-    l.value = V;
-    const { start: te, end: ne } = S(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 j = /* @__PURE__ */ new Date(), ce = v(j);
-      t.value = `${ce} - ${ce}`, e.onChange({ value: { start: j, end: j }, event: w }), H(() => {
+      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
@@ -1066,61 +1278,61 @@ function vt(e) {
       });
       return;
     }
-    const fe = /* @__PURE__ */ new Date(), ve = M(V);
+    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 = (j, ce) => {
-      if (ce === "mm") {
+    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 = R(j.getFullYear(), ie);
+        const Se = P(j.getFullYear(), ie);
         j.getDate() > Se && j.setDate(Se);
-      } else if (ce === "dd") {
-        const re = R(j.getFullYear(), j.getMonth() + 1), ie = j.getDate(), Se = r === "ArrowUp" ? ie < re ? ie + 1 : 1 : ie > 1 ? ie - 1 : re;
+      } 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 (ce === "yyyy") {
+      } else if (de === "yyyy") {
         const re = j.getFullYear();
         j.setFullYear(r === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
-        const ie = R(j.getFullYear(), j.getMonth() + 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 && Z(pe, ke) ? e.onChange({ value: { start: pe, end: ke }, event: w }) : e.onChange({ value: null, event: w }), H(() => {
+    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 j = document.getElementById(
           e.id
-        ), ce = l.value ?? 0;
-        j && (j.focus(), j.setSelectionRange(ce, ce));
+        ), de = l.value ?? 0;
+        j && (j.focus(), j.setSelectionRange(de, de));
       });
     });
   }, Y = (r) => {
-    const { start: s, end: w } = S(t.value);
-    if (!s || !w) {
+    const { start: s, end: D } = k(t.value);
+    if (!s || !D) {
       e.onChange({ value: null, event: r });
       return;
     }
-    const V = I(s), te = I(w);
-    if (!V || !te) {
+    const R = S(s), te = S(D);
+    if (!R || !te) {
       e.onChange({ value: null, event: r });
       return;
     }
-    if (!Z(V, te)) {
+    if (!Z(R, te)) {
       e.onChange({ value: null, event: r });
       return;
     }
-    e.onChange({ value: { start: V, end: te }, event: r });
+    e.onChange({ value: { start: R, end: te }, event: r });
   }, ae = (r) => {
-    const s = r.value ?? "", w = r.event;
-    if (!s && w && w.type === "click") {
-      W(w);
+    const s = r.value ?? "", D = r.event;
+    if (!s && D && D.type === "click") {
+      W(D);
       return;
     }
     t.value = s;
-    const V = w?.target;
-    l.value = V?.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) => {
@@ -1132,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 (f.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;
     }
-  }, N = () => {
-    ee.value = !0, (e.manageValid ?? !0) && (P.value = o.value);
-  }, K = (r) => {
-    N();
+  }, K = () => {
+    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 }), N(), H(() => {
+    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, w = r?.end ?? null;
-      if (s && w) {
-        if (t.value = `${v(s)} - ${v(w)}`, e.isOpen?.value && m.value && e.onRequestClose) {
-          const V = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+      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, N();
-          }, V);
+            e.onRequestClose?.(), m.value = !1, K();
+          }, 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"
-  ), X = d(
+  ), X = f(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), O = d(() => {
-    const { start: r, end: s } = S(t.value);
+  ), O = f(() => {
+    const { start: r, end: s } = k(t.value);
     return [
       {
         label: "Raw",
@@ -1206,7 +1418,7 @@ 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",
@@ -1214,15 +1426,15 @@ function vt(e) {
           _.value
         ).padStart(2, "0")} / ${String(X.value).padStart(4, "0")}`
       },
-      { label: "Digits only", value: y.value },
-      { label: "Mask complete", value: `${p.value}` },
+      { label: "Digits only", value: h.value },
+      { label: "Mask complete", value: `${v.value}` },
       {
         label: "Parsed",
         value: `${r ? r.toDateString() : "-"} | ${s ? s.toDateString() : "-"}`
       },
       {
         label: "Valid (managed)",
-        value: `${P.value ?? "-"}`
+        value: `${V.value ?? "-"}`
       },
       { label: "Span (days)", value: `${J.value ?? "-"}` },
       {
@@ -1232,13 +1444,13 @@ function vt(e) {
       {
         label: "Cursor in",
         value: `${l.value ?? "-"} (${(() => {
-          const w = l.value ?? 0, V = M(w);
-          return `${V.side}.${V.part}`;
+          const D = l.value ?? 0, R = C(D);
+          return `${R.side}.${R.part}`;
         })()})`
       }
     ];
-  }), B = () => {
-    H(() => {
+  }), z = () => {
+    B(() => {
       const r = document.getElementById(e.id);
       if (!r) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1252,25 +1464,25 @@ function vt(e) {
       s.classList.contains("fk-daterangepicker") || s.classList.add("fk-daterangepicker");
     });
   };
-  Me(() => {
-    B();
+  Ie(() => {
+    z();
   });
-  const ue = () => {
-    H(() => {
+  const ce = () => {
+    B(() => {
       try {
         const r = Array.from(
           document.querySelectorAll(".k-animation-container")
         );
         if (!r.length) return;
-        const w = [...r].reverse().find((ne) => ne.querySelector(".k-calendar"))?.querySelector(
+        const D = [...r].reverse().find((ne) => ne.querySelector(".k-calendar"))?.querySelector(
           ".k-calendar"
         );
-        if (!w) return;
-        const V = w.querySelectorAll(
+        if (!D) return;
+        const R = D.querySelectorAll(
           ".k-calendar-table"
         );
         let te = !1;
-        V.forEach((ne) => {
+        R.forEach((ne) => {
           ne.tabIndex === 0 && (te ? ne.tabIndex = -1 : te = !0);
         });
       } catch (r) {
@@ -1278,105 +1490,105 @@ 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,
-    valid: P,
+    digitsOnly: h,
+    valid: V,
     validComputed: G(o),
     reason: G(oe),
-    validationMessage: G(b),
+    validationMessage: G(w),
     spanDays: G(J),
     month1: G(n),
     day1: G(i),
-    year1: G(F),
+    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: K,
+    handleBlur: N,
     handleClear: W,
     onCalendarChange: () => {
       m.value = !0;
     },
-    initStyling: B
+    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"), Z = 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;
-  }), p = d(() => S.value ? `${String(Z.value).padStart(2, "0")}:${String(h.value).padStart(2, "0")}:00` : null), S = 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 ?? "")
-  ), P = (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}`;
-  }, z = (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 X = F % 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(X), O.setMinutes(q), O;
   }, Q = (n) => {
-    if (T.value.length === 0) {
+    if ($.value.length === 0) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if (!S.value) {
+    if (!k.value) {
       e.onChange({ value: null, event: n });
       return;
     }
-    const i = z(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);
+    const i = e.min ?? void 0, T = e.max ?? void 0, q = J(n);
     if (i) {
       const _ = J(i);
       if (q < _) return !1;
     }
-    if (F) {
-      const _ = J(F);
+    if (T) {
+      const _ = J(T);
       if (q > _) return !1;
     }
     return !0;
   }, oe = (n) => {
-    const i = n.getHours(), F = i >= 12 ? "PM" : "AM";
-    t.value = P(i, n.getMinutes(), F);
+    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 = () => {
-    H(() => {
+  }, w = () => {
+    B(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const n = document.getElementById(
@@ -1390,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;
-  }, f = (n, i) => {
+  }, 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();
-      oe(_), f(_, i), b();
+      oe(_), p(_, i), w();
       return;
     }
     if (i?.value instanceof Date) {
       const _ = new Date(i.value);
-      oe(_), f(_, i), F === "set" && b();
+      oe(_), p(_, i), T === "set" && w();
       return;
     }
     if (i?.value === null) {
@@ -1418,16 +1630,16 @@ function mt(e) {
     l.value = q?.selectionStart ?? 0;
     try {
       const _ = l.value ?? 0;
-      if (R(_) === "ampm" && (t.value ?? "").length >= 8) {
+      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)}`, H(() => {
+        /[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(X) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, H(() => {
+        })) : /[Pp]/.test(X) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, B(() => {
           requestAnimationFrame(() => {
             const O = document.getElementById(
               e.id
@@ -1439,18 +1651,18 @@ function mt(e) {
     } catch {
     }
     Q(i);
-  }, v = (n) => {
+  }, 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), X = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    const _ = P(q), X = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!X) {
-      if ((t.value ?? "").length === 0 || T.value.length === 0) {
-        const s = /* @__PURE__ */ new Date(), w = s.getHours(), V = w >= 12 ? "PM" : "AM";
-        t.value = P(w, s.getMinutes(), V);
-        const te = z(t.value);
-        f(te, F), H(() => {
+      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
@@ -1461,34 +1673,34 @@ function mt(e) {
       }
       return;
     }
-    let O = parseInt(X[1]), B = parseInt(X[2]), ue = X[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") {
       const s = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
       if (s === 1)
-        n === "ArrowUp" ? B = B < 59 ? B + 1 : 0 : B = B > 0 ? B - 1 : 59;
+        n === "ArrowUp" ? z = z < 59 ? z + 1 : 0 : z = z > 0 ? z - 1 : 59;
       else if (n === "ArrowUp") {
-        const w = B % s;
-        let V = w === 0 ? B + s : B + (s - w);
-        V >= 60 && (V = 0), B = V;
+        const D = z % s;
+        let R = D === 0 ? z + s : z + (s - D);
+        R >= 60 && (R = 0), z = R;
       } else {
-        const w = B % s;
-        let V = w === 0 ? B - s : B - w;
-        V < 0 && (V = 60 - s), B = V;
+        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");
-    t.value = `${String(O).padStart(2, "0")}:${String(B).padStart(
+    } else _ === "ampm" && (ce = ce === "AM" ? "PM" : "AM");
+    t.value = `${String(O).padStart(2, "0")}:${String(z).padStart(
       2,
       "0"
-    )} ${ue}`;
-    const r = z(t.value);
-    f(r, F), H(() => {
+    )} ${ce}`;
+    const r = H(t.value);
+    p(r, T), B(() => {
       requestAnimationFrame(() => {
         const s = document.getElementById(
           e.id
-        ), w = l.value ?? 0;
-        s && (s.focus(), s.setSelectionRange(w, w));
+        ), D = l.value ?? 0;
+        s && (s.focus(), s.setSelectionRange(D, D));
       });
     });
   }, L = (n) => {
@@ -1500,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 = P(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 (12h)", E.value],
     ["Hour (24h)", Z.value],
-    ["Minute", h.value],
-    ["Period", I.value],
-    ["Time (24h)", p.value ?? "--:--:--"],
-    ["Digits only", T.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
@@ -1569,33 +1781,33 @@ function mt(e) {
         minute: "2-digit"
       }) ?? null
     ],
-    ["valid", $.value],
-    ["reason", N.value],
-    ["validationMessage", K.value]
-  ]), c = d(
-    () => z(t.value) ?? null
-  ), $ = d(() => {
+    ["valid", F.value],
+    ["reason", K.value],
+    ["validationMessage", N.value]
+  ]), d = f(
+    () => H(t.value) ?? null
+  ), F = f(() => {
     if (!g.value) {
-      if (!S.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 !S.value || !n ? !1 : ee(n);
-  }), N = d(() => {
+    if (!I.value) return !0;
+    const n = d.value;
+    return !k.value || !n ? !1 : ee(n);
+  }), K = f(() => {
     if (!g.value) {
-      if (!S.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 || !S.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";
-  }), K = d(() => {
-    const n = N.value;
+  }), N = f(() => {
+    const n = K.value;
     if (!n || n === "valid") return "";
     if (n === "incomplete")
       return "Required";
@@ -1604,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 = () => {
-    H(() => {
+    B(() => {
       const n = document.getElementById(e.id);
       if (!n) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1625,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: G(N),
-    validationMessage: K,
-    isComplete: S,
+    isValid: F,
+    reason: G(K),
+    validationMessage: N,
+    isComplete: k,
     inRangeTime: ee,
     cursorPos: l,
-    hour: G(k),
+    hour: G(E),
     hour24: G(Z),
-    minute: G(h),
-    period: G(I),
-    time24: G(p),
-    parsedRawTime: G(c),
-    handleChange: E,
+    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 p = { passive: !0 };
-    Array.from(D.document.body.children).forEach((S) => S.addEventListener("click", ye, p)), D.document.documentElement.addEventListener("click", ye, p);
-  }
-  let x = !0;
-  const T = (p) => le(m).some((S) => {
-    if (typeof S == "string")
-      return Array.from(D.document.querySelectorAll(S)).some((P) => P === p.target || p.composedPath().includes(P));
-    {
-      const P = be(S);
-      return P && (p.target === P || p.composedPath().includes(P));
-    }
-  });
-  function y(p) {
-    const S = le(p);
-    return S && S.$.subTree.shapeFlag === 16;
-  }
-  function R(p, S) {
-    const P = le(p), z = P.$.subTree && P.$.subTree.children;
-    return z == null || !Array.isArray(z) ? !1 : z.some((Q) => Q.el === S.target || S.composedPath().includes(Q.el));
-  }
-  const k = (p) => {
-    const S = be(e);
-    if (p.target != null && !(!(S instanceof Element) && y(e) && R(e, p)) && !(!S || S === p.target || p.composedPath().includes(S))) {
-      if ("detail" in p && p.detail === 0 && (x = !T(p)), !x) {
-        x = !0;
-        return;
-      }
-      t(p);
-    }
-  };
-  let h = !1;
-  const I = [
-    xe(D, "click", (p) => {
-      h || (h = !0, setTimeout(() => {
-        h = !1;
-      }, 0), k(p));
-    }, { passive: !0, capture: g }),
-    xe(D, "pointerdown", (p) => {
-      const S = be(e);
-      x = !T(p) && !!(S && !p.composedPath().includes(S));
-    }, { passive: !0 }),
-    C && xe(D, "blur", (p) => {
-      setTimeout(() => {
-        var S;
-        const P = be(e);
-        ((S = D.document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !P?.contains(D.document.activeElement) && t(p);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), Z = () => I.forEach((p) => p());
-  return A ? {
-    stop: Z,
-    cancel: () => {
-      x = !1;
-    },
-    trigger: (p) => {
-      x = !0, k(p), x = !1;
-    }
-  } : Z;
-}
-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 Z = I.filter(
-        (p) => p.offsetParent !== null || p.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 Z[Z.length - 1] ?? I[I.length - 1] ?? null;
-    }, R = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const k of D) {
-      const h = y(R, k);
-      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, H(() => {
-        const R = T();
-        R && (t.value = R, setTimeout(() => g(), 0), A || (A = (k) => {
-          k.key === "Escape" && (x.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", k));
-        }, document.addEventListener("keydown", A, !0)));
-      })) : (C(), A && (document.removeEventListener("keydown", A, !0), A = null), t.value = null, x.value === "outside" && H(() => {
-        const R = () => {
-          const k = e.triggerEl?.value, h = k?.querySelector("input"), I = document.activeElement;
-          I && (I === h || k && k.contains(I)) && (h ?? k)?.blur?.();
+    (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
-      ), H(() => {
-        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: G(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