@featherk/composables 0.8.2 → 0.9.0

package/dist/featherk-composables.es.js

@@ -1,39 +1,39 @@
-import { ref as Y, onBeforeUnmount as Te, nextTick as j, computed as g, watchEffect as Fe, toValue as ie, watch as ge, onMounted as xe, readonly as z, getCurrentScope as Le, onScopeDispose as Re, unref as qe, shallowRef as Ve } from "vue";
-import { useFocusTrap as Oe } from "@vueuse/integrations/useFocusTrap";
-const et = (e, t) => {
-  const l = Y(null);
-  let F = !1, C = null, I = null;
-  const T = [], D = ".k-table-row[data-grid-row-index] [tabindex]", x = () => {
-    const o = e?.value?.$el;
-    return o ? o.closest(".k-grid") : null;
-  }, E = (o) => {
-    const v = x();
-    if (!v) return !1;
-    const u = o.closest(".k-grid-aria-root");
-    if (u)
-      return v.contains(u);
-    const c = o.closest(
+import { ref as N, onBeforeUnmount as Fe, nextTick as B, computed as m, watchEffect as Ve, toValue as ie, reactive as Re, watch as fe, onMounted as Me, readonly as _, getCurrentScope as Le, onScopeDispose as qe, unref as Oe, shallowRef as Ue } from "vue";
+import { useFocusTrap as Ke } from "@vueuse/integrations/useFocusTrap";
+const ut = (e, t) => {
+  const o = N(null);
+  let T = !1, I = null, C = null;
+  const w = [], A = ".k-table-row[data-grid-row-index] [tabindex]", E = () => {
+    const l = e?.value?.$el;
+    return l ? l.closest(".k-grid") : null;
+  }, M = (l) => {
+    const g = E();
+    if (!g) return !1;
+    const s = l.closest(".k-grid-aria-root");
+    if (s)
+      return g.contains(s);
+    const c = l.closest(
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
-    return c ? v.contains(c) : !1;
-  }, A = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", L = () => e?.value?.columns, b = (o) => {
-    const v = o.key || o.code;
-    ([" ", "Spacebar", "Space"].includes(v) || A(o)) && (o.preventDefault(), o.stopPropagation(), l.value = o.target, o.target.click());
-  }, m = (o) => {
-    if (!l.value) return;
-    if (o.code === "Escape") {
-      o.stopPropagation(), l.value && l.value.focus();
+    return c ? g.contains(c) : !1;
+  }, x = (l) => l.key === "Enter" || l.code === "Enter" || l.code === "NumpadEnter", F = () => e?.value?.columns, b = (l) => {
+    const g = l.key || l.code;
+    ([" ", "Spacebar", "Space"].includes(g) || x(l)) && (l.preventDefault(), l.stopPropagation(), o.value = l.target, l.target.click());
+  }, v = (l) => {
+    if (!o.value) return;
+    if (l.code === "Escape") {
+      l.stopPropagation(), o.value && o.value.focus();
       return;
     }
-    const v = Array.from(
+    const g = Array.from(
       document.querySelectorAll(
         ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
       )
-    ), u = document.querySelector(
+    ), s = document.querySelector(
       ".k-animation-container .k-popup .k-column-menu .k-filter-menu-container"
     );
-    if (u) {
-      if (o.code === "Tab") {
+    if (s) {
+      if (l.code === "Tab") {
         const c = [
           // ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
           // ".k-filter-menu-container input.k-input-inner:not([tabindex='-1']):not([disabled])",
@@ -43,65 +43,65 @@ const et = (e, t) => {
           "input.k-input-inner:not([tabindex='-1']):not([disabled])",
           "button:not([tabindex='-1']):not([disabled])",
           ".k-checkbox"
-        ], w = t?.focusableMenuSelectors ?? c, p = Array.from(
-          u.querySelectorAll(w.join(","))
+        ], k = t?.focusableMenuSelectors ?? c, p = Array.from(
+          s.querySelectorAll(k.join(","))
         );
         if (p.length === 0) return;
-        const k = p.findIndex(
-          (W) => W === document.activeElement
+        const D = p.findIndex(
+          (Y) => Y === document.activeElement
         );
-        let V;
-        k === -1 ? V = 0 : o.shiftKey ? V = (k - 1 + p.length) % p.length : V = (k + 1) % p.length, o.preventDefault(), o.stopPropagation(), p[V]?.focus();
+        let q;
+        D === -1 ? q = 0 : l.shiftKey ? q = (D - 1 + p.length) % p.length : q = (D + 1) % p.length, l.preventDefault(), l.stopPropagation(), p[q]?.focus();
       }
-    } else if (o.code === "ArrowUp" || o.code === "ArrowDown") {
-      o.preventDefault(), o.stopPropagation();
-      const c = v.findIndex(
+    } else if (l.code === "ArrowUp" || l.code === "ArrowDown") {
+      l.preventDefault(), l.stopPropagation();
+      const c = g.findIndex(
         (p) => p === document.activeElement
       );
-      let w = c;
-      o.code === "ArrowUp" ? w = c > 0 ? c - 1 : v.length - 1 : o.code === "ArrowDown" && (w = c < v.length - 1 ? c + 1 : 0), v[w]?.focus();
+      let k = c;
+      l.code === "ArrowUp" ? k = c > 0 ? c - 1 : g.length - 1 : l.code === "ArrowDown" && (k = c < g.length - 1 ? c + 1 : 0), g[k]?.focus();
       return;
     }
-    if (o.code === "Tab") {
-      o.preventDefault(), o.stopPropagation();
-      const c = l.value?.parentElement;
-      (o.shiftKey ? c?.previousElementSibling : c?.nextElementSibling)?.querySelector(
+    if (l.code === "Tab") {
+      l.preventDefault(), l.stopPropagation();
+      const c = o.value?.parentElement;
+      (l.shiftKey ? c?.previousElementSibling : c?.nextElementSibling)?.querySelector(
         "button, [role='button'], .k-link"
       )?.focus();
     }
-  }, M = () => {
-    C = new MutationObserver((o) => {
-      o.forEach((v) => {
-        v.addedNodes.forEach((u) => {
-          if (u.nodeType === Node.ELEMENT_NODE) {
-            const c = u;
+  }, $ = () => {
+    I = new MutationObserver((l) => {
+      l.forEach((g) => {
+        g.addedNodes.forEach((s) => {
+          if (s.nodeType === Node.ELEMENT_NODE) {
+            const c = s;
             if (c.classList.contains("k-animation-container")) {
-              const p = l.value;
-              p && (p.dataset.featherKSortable === "true" || j(() => {
+              const p = o.value;
+              p && (p.dataset.featherKSortable === "true" || B(() => {
                 c.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
-                ).forEach((W) => {
-                  W.textContent?.toLowerCase().includes("sort") && W.remove();
+                ).forEach((Y) => {
+                  Y.textContent?.toLowerCase().includes("sort") && Y.remove();
                 });
               })), c.addEventListener(
                 "keydown",
-                m
-              ), j(() => {
-                const k = () => {
-                  const V = Array.from(
+                v
+              ), B(() => {
+                const D = () => {
+                  const q = Array.from(
                     c.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
-                  if (V.length === 1)
-                    V[0].focus(), V[0].click(), k.attempts = 0;
-                  else if (V.length > 1) {
-                    k.attempts = 0;
+                  if (q.length === 1)
+                    q[0].focus(), q[0].click(), D.attempts = 0;
+                  else if (q.length > 1) {
+                    D.attempts = 0;
                     return;
                   } else
-                    k.attempts === void 0 && (k.attempts = 0), k.attempts++ < 3 && setTimeout(k, 200);
+                    D.attempts === void 0 && (D.attempts = 0), D.attempts++ < 3 && setTimeout(D, 200);
                 };
-                k();
+                D();
               });
             }
             c.querySelectorAll(
@@ -109,63 +109,63 @@ const et = (e, t) => {
             ).forEach((p) => {
               p.addEventListener(
                 "keydown",
-                m
+                v
               );
             });
           }
-        }), v.removedNodes.forEach((u) => {
-          if (u.nodeType === Node.ELEMENT_NODE) {
-            const c = u;
+        }), g.removedNodes.forEach((s) => {
+          if (s.nodeType === Node.ELEMENT_NODE) {
+            const c = s;
             c.classList.contains("k-animation-container") && c.removeEventListener(
               "keydown",
-              m
+              v
             ), c.querySelectorAll(
               ".k-animation-container"
             ).forEach((p) => {
               p.removeEventListener(
                 "keydown",
-                m
+                v
               );
             });
           }
         });
       });
-    }), C.observe(document.body, {
+    }), I.observe(document.body, {
       childList: !0,
       subtree: !0
     });
-  }, R = (o) => {
-    const v = o.tagName.toLowerCase();
-    return !!(["input", "textarea", "select", "button"].includes(v) || o.closest(
+  }, R = (l) => {
+    const g = l.tagName.toLowerCase();
+    return !!(["input", "textarea", "select", "button"].includes(g) || l.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
     ));
-  }, d = (o) => {
-    if (!o.type || !o)
+  }, d = (l) => {
+    if (!l.type || !l)
       return;
-    const v = o.target;
-    if (!v) return;
-    const u = v.closest(
+    const g = l.target;
+    if (!g) return;
+    const s = g.closest(
       ".k-table-row[data-grid-row-index]"
     );
-    if (!E(v))
+    if (!M(g))
       return;
     const c = ["ArrowLeft", "ArrowRight"].includes(
-      o.code
+      l.code
     );
-    if (!(R(v) && !(u && c))) {
-      if (o.code === "Escape") {
-        const w = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
-        if (w) {
-          o.preventDefault(), o.stopPropagation();
+    if (!(R(g) && !(s && c))) {
+      if (l.code === "Escape") {
+        const k = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
+        if (k) {
+          l.preventDefault(), l.stopPropagation();
           try {
             Array.from(
               e?.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
-            ).forEach((k) => k.setAttribute("tabindex", "-1"));
+            ).forEach((D) => D.setAttribute("tabindex", "-1"));
           } catch {
           }
-          w.setAttribute("tabindex", "0"), w.focus();
+          k.setAttribute("tabindex", "0"), k.focus();
           return;
         }
       }
@@ -177,58 +177,60 @@ const et = (e, t) => {
         "Enter",
         "NumpadEnter",
         "Space"
-      ].includes(o.code)) {
-        if (v.classList.contains("k-grid-header-menu") && v.classList.contains("k-grid-column-menu")) {
-          l.value = v;
+      ].includes(l.code)) {
+        if (g.classList.contains("k-grid-header-menu") && g.classList.contains("k-grid-column-menu")) {
+          o.value = g;
           return;
         }
-        if (u) {
-          if (["ArrowDown", "ArrowUp"].includes(o.code)) {
-            o.preventDefault(), o.stopPropagation();
-            const w = (k, V) => {
-              let W = V === "next" ? k.nextElementSibling : k.previousElementSibling;
-              for (; W; ) {
-                const a = W;
+        if (s) {
+          if (["ArrowDown", "ArrowUp"].includes(l.code)) {
+            l.preventDefault(), l.stopPropagation();
+            const k = (D, q) => {
+              let Y = q === "next" ? D.nextElementSibling : D.previousElementSibling;
+              for (; Y; ) {
+                const r = Y;
                 try {
-                  if (a.classList.contains("k-table-row"))
-                    return a;
+                  if (r.classList.contains("k-table-row"))
+                    return r;
                 } catch {
                 }
-                W = V === "next" ? W.nextElementSibling : W.previousElementSibling;
+                Y = q === "next" ? Y.nextElementSibling : Y.previousElementSibling;
               }
               return null;
-            }, p = o.code === "ArrowDown" ? w(u, "next") : w(u, "previous");
-            p && (u.setAttribute("tabindex", "-1"), p.setAttribute("tabindex", "0"), p.focus());
+            }, p = l.code === "ArrowDown" ? k(s, "next") : k(s, "previous");
+            p && (s.setAttribute("tabindex", "-1"), p.setAttribute("tabindex", "0"), p.focus());
             return;
           }
-          if (["ArrowLeft", "ArrowRight"].includes(o.code)) {
-            o.preventDefault(), o.stopPropagation();
-            const w = u.querySelectorAll(
-              D
+          if (["ArrowLeft", "ArrowRight"].includes(l.code)) {
+            l.preventDefault(), l.stopPropagation();
+            const k = s.querySelectorAll(
+              A
             );
-            if (w.length === 0) return;
-            let p = Array.from(w).findIndex(
-              (k) => k === document.activeElement
+            if (k.length === 0) return;
+            let p = Array.from(k).findIndex(
+              (D) => D === document.activeElement
             );
-            if (p === -1 && document.activeElement === u) {
-              w[0].focus();
+            if (p === -1 && document.activeElement === s) {
+              k[0].focus();
               return;
             }
-            o.code === "ArrowRight" ? p = p === w.length - 1 ? 0 : p + 1 : o.code === "ArrowLeft" && (p = p === 0 ? w.length - 1 : p - 1), w[p].focus();
+            l.code === "ArrowRight" ? p = p === k.length - 1 ? 0 : p + 1 : l.code === "ArrowLeft" && (p = p === 0 ? k.length - 1 : p - 1), k[p].focus();
             return;
           }
         }
       }
     }
-  }, S = () => {
-    j(() => {
-      const o = e.value.$el.closest(".k-grid");
-      o && o.classList.add("fk-grid");
+  }, y = () => {
+    B(() => {
+      const l = e.value?.$el;
+      if (!l || typeof l.closest != "function") return;
+      const g = l.closest(".k-grid");
+      g && g.classList.add("fk-grid");
     });
-  }, q = () => {
-    if (!I)
+  }, L = () => {
+    if (!C)
       try {
-        const o = () => {
+        const l = () => {
           try {
             const c = Array.from(
               e.value.$el.querySelectorAll(
@@ -236,12 +238,12 @@ const et = (e, t) => {
               )
             );
             if (!c || c.length === 0 || c.filter(
-              (k) => k.getAttribute("tabindex") === "0"
+              (D) => D.getAttribute("tabindex") === "0"
             ).length === 1) return;
             const p = c.find(
-              (k) => k === document.activeElement || k.contains(document.activeElement)
+              (D) => D === document.activeElement || D.contains(document.activeElement)
             );
-            if (c.forEach((k) => k.setAttribute("tabindex", "-1")), p) {
+            if (c.forEach((D) => D.setAttribute("tabindex", "-1")), p) {
               p.setAttribute("tabindex", "0");
               return;
             }
@@ -249,404 +251,607 @@ const et = (e, t) => {
           } catch (c) {
             console.error("ensureSingleTabindex error:", c);
           }
-        }, v = Array.from(
+        }, g = Array.from(
           e.value.$el.querySelectorAll(
             ".k-table-row[data-grid-row-index]"
           )
         );
-        v.length > 0 && v.forEach((c, w) => {
-          c.setAttribute("tabindex", w === 0 ? "0" : "-1");
+        g.length > 0 && g.forEach((c, k) => {
+          c.setAttribute("tabindex", k === 0 ? "0" : "-1");
         });
-        const u = e.value.$el.querySelector(".k-table-tbody");
-        u && (I = new MutationObserver(() => {
-          o();
-        }), I.observe(u, { childList: !0, subtree: !0 }));
-      } catch (o) {
-        console.error("Error setting up row navigation:", o);
+        const s = e.value.$el.querySelector(".k-table-tbody");
+        s && (C = new MutationObserver(() => {
+          l();
+        }), C.observe(s, { childList: !0, subtree: !0 }));
+      } catch (l) {
+        console.error("Error setting up row navigation:", l);
       }
-  }, _ = () => {
-    j(() => {
-      const v = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-      v && v.forEach((u) => {
-        u.setAttribute("role", "button"), u.addEventListener(
+  }, W = () => {
+    B(() => {
+      const g = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
+      g && g.forEach((s) => {
+        s.setAttribute("role", "button"), s.addEventListener(
           "keydown",
           b
         );
-      }), M(), ee();
+      }), $(), Q();
     });
-  }, Z = () => {
-    const v = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-    v && v.forEach((u) => {
-      u.removeEventListener(
+  }, G = () => {
+    const g = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
+    g && g.forEach((s) => {
+      s.removeEventListener(
         "keydown",
         b
       );
-    }), C && (C.disconnect(), C = null), I && (I.disconnect(), I = null), T.forEach((u) => u()), T.length = 0;
-  }, ee = () => {
+    }), I && (I.disconnect(), I = null), C && (C.disconnect(), C = null), w.forEach((s) => s()), w.length = 0;
+  }, Q = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
-    ).forEach((u, c) => {
-      if (u.dataset.featherKHeaderBound === "true")
+    ).forEach((s, c) => {
+      if (s.dataset.featherKHeaderBound === "true")
         return;
-      const w = u.querySelector(
+      const k = s.querySelector(
         ".k-grid-header-menu.k-grid-column-menu"
       );
-      if (!w) return;
-      const p = L();
+      if (!k) return;
+      const p = F();
       if (p && p[c]) {
-        const y = p[c].field ?? "";
-        u.setAttribute("data-feather-k-field", y), u.setAttribute(
+        const h = p[c].field ?? "";
+        s.setAttribute("data-feather-k-field", h), s.setAttribute(
           "data-feather-k-filterable",
           p[c].filterable === !1 ? "false" : "true"
-        ), u.setAttribute(
+        ), s.setAttribute(
           "data-feather-k-sortable",
           p[c].sortable === !1 ? "false" : "true"
         );
       }
-      const k = u.dataset.featherKFilterable !== "false", V = u.dataset.featherKSortable !== "false";
-      w.setAttribute("tabindex", "-1"), k || V ? u.style.cursor = "pointer" : u.style.cursor = "default", k ? (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 W = (y) => {
-        y.target?.closest(".k-column-resizer") || (l.value = u, w.click());
-      }, a = (y) => {
-        if (k)
-          l.value = u, y.preventDefault(), y.stopPropagation(), W(y);
-        else if (V) {
-          l.value = u;
-          const U = u.querySelector(".k-link");
+      const D = s.dataset.featherKFilterable !== "false", q = s.dataset.featherKSortable !== "false";
+      k.setAttribute("tabindex", "-1"), D || q ? s.style.cursor = "pointer" : s.style.cursor = "default", D ? (s.setAttribute("tabindex", "0"), s.setAttribute("role", "button"), s.setAttribute("aria-haspopup", "menu")) : (s.setAttribute("tabindex", "0"), s.setAttribute("role", "columnheader"), s.removeAttribute("aria-haspopup"));
+      const Y = (h) => {
+        h.target?.closest(".k-column-resizer") || (o.value = s, k.click());
+      }, r = (h) => {
+        if (D)
+          o.value = s, h.preventDefault(), h.stopPropagation(), Y(h);
+        else if (q) {
+          o.value = s;
+          const U = s.querySelector(".k-link");
           U && U.click();
         }
       };
-      u.addEventListener("click", a), T.push(() => {
-        u.removeEventListener("click", a);
+      s.addEventListener("click", r), w.push(() => {
+        s.removeEventListener("click", r);
       });
-      const f = (y) => {
-        if ((A(y) || y.code === "Space") && (k || V)) {
-          if (y.preventDefault(), y.stopPropagation(), l.value = u, l.value.focus(), k)
-            W(y);
-          else if (V) {
-            const U = u.querySelector(".k-link");
+      const f = (h) => {
+        if ((x(h) || h.code === "Space") && (D || q)) {
+          if (h.preventDefault(), h.stopPropagation(), o.value = s, o.value.focus(), D)
+            Y(h);
+          else if (q) {
+            const U = s.querySelector(".k-link");
             U && U.click();
           }
         }
       };
-      u.addEventListener("keydown", f, !0), T.push(() => {
-        u.removeEventListener("keydown", f, !0);
-      }), u.dataset.featherKHeaderBound = "true";
+      s.addEventListener("keydown", f, !0), w.push(() => {
+        s.removeEventListener("keydown", f, !0);
+      }), s.dataset.featherKHeaderBound = "true";
     });
-    const v = document.querySelector(".k-grid-header .k-table-thead");
-    if (v && v.dataset.featherKHeaderBound !== "true") {
-      const u = (c) => {
-        const w = c.target.closest("th");
-        w && (A(c) || c.code === "Space") && w.dataset.featherKFilterable === "false" && w.dataset.featherKSortable === "false" && (c.preventDefault(), c.stopImmediatePropagation());
+    const g = document.querySelector(".k-grid-header .k-table-thead");
+    if (g && g.dataset.featherKHeaderBound !== "true") {
+      const s = (c) => {
+        const k = c.target.closest("th");
+        k && (x(c) || c.code === "Space") && k.dataset.featherKFilterable === "false" && k.dataset.featherKSortable === "false" && (c.preventDefault(), c.stopImmediatePropagation());
       };
-      v.addEventListener(
+      g.addEventListener(
         "keydown",
-        u,
+        s,
         !0
         // NOTE: capture phase
-      ), T.push(() => {
-        v.removeEventListener(
+      ), w.push(() => {
+        g.removeEventListener(
           "keydown",
-          u,
+          s,
           !0
         );
-      }), v.dataset.featherKHeaderBound = "true";
+      }), g.dataset.featherKHeaderBound = "true";
     }
-  }, te = function(o, v) {
-    const u = o?.event?.event.target, c = L();
-    if (!u || !c) return;
-    const w = u.classList.contains("k-grid-header-menu"), p = u.classList.contains("k-columnmenu-item"), k = c.find((V) => V.field === o?.event?.field)?.sortable && !0;
-    if (!w) {
-      if (p && !k) {
-        o?.event?.sort?.filter(
-          (W) => W.field !== o?.event?.field
+  }, ee = function(l, g) {
+    const s = l?.event?.event.target, c = F();
+    if (!s || !c) return;
+    const k = s.classList.contains("k-grid-header-menu"), p = s.classList.contains("k-columnmenu-item"), D = c.find((q) => q.field === l?.event?.field)?.sortable && !0;
+    if (!k) {
+      if (p && !D) {
+        l?.event?.sort?.filter(
+          (Y) => Y.field !== l?.event?.field
         );
         return;
       }
-      typeof v == "function" && j(() => {
-        l.value && l.value.focus(), v(o), j(() => {
-          ee();
+      typeof g == "function" && B(() => {
+        o.value && o.value.focus(), g(l), B(() => {
+          Q();
         });
       });
     }
   }, le = () => {
-    if (!F)
+    if (!T)
       try {
-        S(), q(), _(), F = !0;
-      } catch (o) {
-        console.error("initA11y failed:", o), Z();
+        y(), L(), W(), T = !0;
+      } catch (l) {
+        console.error("initA11y failed:", l), G();
       }
   };
-  return Te(() => {
-    Z();
+  return Fe(() => {
+    G();
   }), {
-    activeFilterButton: l,
+    activeFilterButton: o,
     handleGridKeyDown: d,
-    handleSortChange: te,
+    handleSortChange: ee,
     initA11y: le
   };
-}, Ue = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Be = (e) => !!e && typeof e == "object" && "field" in e, Ce = (e, t) => !e || typeof e != "object" ? !1 : Ue(e) ? e.filters.some(
-  (l) => Ce(l, t)
-) : Be(e) ? e.field === t : !1, tt = (e) => (t) => e.value?.filters && e.value.filters.some(
-  (l) => Ce(l, t)
-) ? "active" : "", Ke = "Enter a valid ZIP code with exactly 5 or 9 digits.", Me = (e) => {
+}, Ne = (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 : Ne(e) ? e.filters.some(
+  (o) => $e(o, t)
+) : Be(e) ? e.field === t : !1, ct = (e) => (t) => e.value?.filters && e.value.filters.some(
+  (o) => $e(o, t)
+) ? "active" : "", ze = "Enter a valid ZIP code with exactly 5 or 9 digits.", Ie = (e) => {
   const t = e.replace(/\D/g, "").slice(0, 9);
   return t.length > 5 ? `${t.slice(0, 5)}-${t.slice(5)}` : t;
-}, Ne = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, He = (e) => e <= 5 ? e : Math.min(e + 1, 10), nt = (e) => {
-  const t = Y(Me(e.initialValue ?? "")), l = Y(!1), F = Y(
-    e.errorMessage?.trim() || Ke
-  ), C = g(() => t.value.replace(/\D/g, "")), I = g(() => {
-    const m = C.value.length;
-    return m === 5 || m === 9;
-  }), T = g(() => l.value && !I.value), D = g(() => !l.value || I.value), x = g(() => l.value), E = (m, M) => {
-    const R = He(M);
-    j(() => {
-      m.isConnected && m.setSelectionRange(R, R);
+}, He = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, Ze = (e) => e <= 5 ? e : Math.min(e + 1, 10), We = (e) => {
+  const t = N(Ie(e.initialValue ?? "")), o = N(!1), T = N(
+    e.errorMessage?.trim() || ze
+  ), I = m(() => t.value.replace(/\D/g, "")), C = m(() => {
+    const v = I.value.length;
+    return v === 5 || v === 9;
+  }), w = m(() => o.value && !C.value), A = m(() => !o.value || C.value), E = m(() => o.value), M = (v, $) => {
+    const R = Ze($);
+    B(() => {
+      v.isConnected && v.setSelectionRange(R, R);
     });
   };
   return {
     // writable state
     zipDisplay: t,
-    submitted: l,
-    errorMessage: F,
+    submitted: o,
+    errorMessage: T,
     // bindings
     wrapperClass: "fk-zip-textbox",
     // derived state
-    zipRaw: C,
-    isZipValid: I,
-    showZipError: T,
-    textBoxValid: D,
-    textBoxValidate: x,
+    zipRaw: I,
+    isZipValid: C,
+    showZipError: w,
+    textBoxValid: A,
+    textBoxValidate: E,
     // actions
-    handleZipInput: (...m) => {
-      const M = m[0], d = M?.event?.target, S = M?.value, q = Array.isArray(S) ? S.join("") : String(S ?? ""), _ = d?.selectionStart !== void 0 && d.selectionStart !== null ? Ne(
+    handleZipInput: (...v) => {
+      const $ = v[0], d = $?.event?.target, y = $?.value, L = Array.isArray(y) ? y.join("") : String(y ?? ""), W = d?.selectionStart !== void 0 && d.selectionStart !== null ? He(
         d.value,
         d.selectionStart
-      ) : q.replace(/\D/g, "").length;
-      t.value = Me(q), d && E(d, _);
+      ) : L.replace(/\D/g, "").length;
+      t.value = Ie(L), d && M(d, W);
     },
-    submitAndValidate: (m) => {
-      l.value = !0;
-      const M = I.value;
-      return !M && m?.focus && j(() => {
+    submitAndValidate: (v) => {
+      o.value = !0;
+      const $ = C.value;
+      return !$ && v?.focus && B(() => {
         document.getElementById(
           e.id
         )?.focus();
-      }), M;
+      }), $;
     },
-    buildPayload: () => ({ zip: C.value })
+    buildPayload: () => ({ zip: I.value })
   };
 };
 function Ye(e, t) {
-  const l = Y(!1);
-  Fe(() => {
+  const o = N(!1);
+  Ve(() => {
     e.value?.setAttribute("aria-invalid", String(!t.isValid()));
   });
-  function F(I) {
-    const T = e.value ?? I.currentTarget, D = I.relatedTarget;
-    (!T || !T.contains(D)) && (l.value = !0);
+  function T(C) {
+    const w = e.value ?? C.currentTarget, A = C.relatedTarget;
+    (!w || !w.contains(A)) && (o.value = !0);
   }
-  function C() {
-    l.value = !1;
+  function I() {
+    o.value = !1;
   }
-  return { touched: l, onFocusout: F, reset: C };
+  return { touched: o, onFocusout: T, reset: I };
 }
-function rt(e, t) {
-  const l = Y(!1), F = Y(!1), C = g(
-    () => ie(t.submitted) || l.value
-  ), I = g(() => !C.value || t.isValid()), T = Ye(e, {
-    isValid: () => I.value
+function je(e, t) {
+  const o = N(!1), T = N(!1), I = m(
+    () => ie(t.submitted) || o.value
+  ), C = m(() => !I.value || t.isValid()), w = Ye(e, {
+    isValid: () => C.value
   });
-  function D(b) {
-    return g(() => !C.value || ie(b));
+  function A(b) {
+    return m(() => !I.value || ie(b));
   }
-  function x(b) {
+  function E(b) {
     return Object.fromEntries(
-      Object.entries(b).map(([m, M]) => [
-        m,
-        D(M)
+      Object.entries(b).map(([v, $]) => [
+        v,
+        A($)
       ])
     );
   }
-  function E(b) {
-    const m = ie(b);
-    if (!m) return;
-    m.querySelector(
+  function M(b) {
+    const v = ie(b);
+    if (!v) return;
+    v.querySelector(
       '.k-invalid input, .k-invalid[tabindex="0"]'
     )?.focus();
   }
-  function A(b) {
-    if (F.value) {
-      F.value = !1;
+  function x(b) {
+    if (T.value) {
+      T.value = !1;
       return;
     }
-    T.onFocusout(b), T.touched.value && (l.value = !0);
+    w.onFocusout(b), w.touched.value && (o.value = !0);
   }
-  function L() {
-    l.value = !1, F.value = !0, T.reset();
+  function F() {
+    o.value = !1, T.value = !0, w.reset();
   }
   return {
-    touched: l,
-    fieldsetValidate: C,
-    onFocusout: A,
-    reset: L,
-    createFieldValidity: D,
-    createFieldValidationsMap: x,
-    focusFirstInvalidField: E
+    touched: o,
+    fieldsetValidate: I,
+    onFocusout: x,
+    reset: F,
+    createFieldValidity: A,
+    createFieldValidationsMap: E,
+    focusFirstInvalidField: M
   };
 }
-function at(e) {
-  const t = Y(""), l = Y(void 0), F = Y(!!e.debug), C = Y(e.dateFormat ?? "mm/dd/yyyy"), I = g(() => !!e.required), T = Y(!1), D = ["ArrowUp", "ArrowDown"], x = ["ArrowLeft", "ArrowRight"], E = g(() => (t.value ?? "").replace(/\D/g, "")), A = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : E.value.length <= 10 ? "yyyy" : "mm", L = g(() => {
-    const a = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
-    return parseInt(a).toString().padStart(2, "0");
-  }), b = g(() => {
-    const a = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
-    return parseInt(a).toString().padStart(2, "0");
-  }), m = g(() => {
-    const a = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
-    return parseInt(a).toString().padStart(4, "0");
-  }), M = (a) => {
-    if (E.value.length === 0) {
-      e.onChange({ value: null, event: a });
+const Ge = [
+  { label: "Alabama", value: "AL" },
+  { label: "Alaska", value: "AK" },
+  { label: "Arizona", value: "AZ" },
+  { label: "Arkansas", value: "AR" },
+  { label: "California", value: "CA" },
+  { label: "Colorado", value: "CO" },
+  { label: "Connecticut", value: "CT" },
+  { label: "Delaware", value: "DE" },
+  { label: "Florida", value: "FL" },
+  { label: "Georgia", value: "GA" },
+  { label: "Hawaii", value: "HI" },
+  { label: "Idaho", value: "ID" },
+  { label: "Illinois", value: "IL" },
+  { label: "Indiana", value: "IN" },
+  { label: "Iowa", value: "IA" },
+  { label: "Kansas", value: "KS" },
+  { label: "Kentucky", value: "KY" },
+  { label: "Louisiana", value: "LA" },
+  { label: "Maine", value: "ME" },
+  { label: "Maryland", value: "MD" },
+  { label: "Massachusetts", value: "MA" },
+  { label: "Michigan", value: "MI" },
+  { label: "Minnesota", value: "MN" },
+  { label: "Mississippi", value: "MS" },
+  { label: "Missouri", value: "MO" },
+  { label: "Montana", value: "MT" },
+  { label: "Nebraska", value: "NE" },
+  { label: "Nevada", value: "NV" },
+  { label: "New Hampshire", value: "NH" },
+  { label: "New Jersey", value: "NJ" },
+  { label: "New Mexico", value: "NM" },
+  { label: "New York", value: "NY" },
+  { label: "North Carolina", value: "NC" },
+  { label: "North Dakota", value: "ND" },
+  { label: "Ohio", value: "OH" },
+  { label: "Oklahoma", value: "OK" },
+  { label: "Oregon", value: "OR" },
+  { label: "Pennsylvania", value: "PA" },
+  { label: "Rhode Island", value: "RI" },
+  { label: "South Carolina", value: "SC" },
+  { label: "South Dakota", value: "SD" },
+  { label: "Tennessee", value: "TN" },
+  { label: "Texas", value: "TX" },
+  { label: "Utah", value: "UT" },
+  { label: "Vermont", value: "VT" },
+  { label: "Virginia", value: "VA" },
+  { label: "Washington", value: "WA" },
+  { label: "West Virginia", value: "WV" },
+  { label: "Wisconsin", value: "WI" },
+  { label: "Wyoming", value: "WY" }
+];
+function De(e) {
+  if (e && typeof e == "object" && "value" in e) {
+    const t = e.value;
+    return typeof t == "string" ? t : String(t ?? "");
+  }
+  return "";
+}
+function _e() {
+  const e = Re({
+    address1: "",
+    address2: "",
+    city: "",
+    state: null,
+    zip: ""
+  });
+  return {
+    formData: e,
+    onAddress1Input: (...w) => {
+      e.address1 = De(w[0]);
+    },
+    onAddress2Input: (...w) => {
+      e.address2 = De(w[0]);
+    },
+    onCityInput: (...w) => {
+      e.city = De(w[0]);
+    },
+    onStateChange: (w) => {
+      w.value === null && e.state !== null || (e.state = w.value);
+    },
+    resetFormData: () => {
+      e.address1 = "", e.address2 = "", e.city = "", e.state = null, e.zip = "";
+    }
+  };
+}
+function Je(e) {
+  const t = We({ id: "zip" }), {
+    zipDisplay: o,
+    zipRaw: T,
+    isZipValid: I,
+    wrapperClass: C,
+    handleZipInput: w
+  } = t;
+  return fe(T, (E) => {
+    e.zip = E;
+  }), {
+    zipDisplay: o,
+    isZipValid: I,
+    zipWrapperClass: C,
+    onZipInput: w,
+    resetZip: () => {
+      o.value = "", e.zip = "";
+    }
+  };
+}
+function Xe(e) {
+  const t = m(
+    () => e.formData.address1.trim() !== ""
+  ), o = m(() => e.formData.city.trim() !== ""), T = m(() => !!e.formData.state), I = m(() => ie(e.isZipValid)), C = m(
+    () => t.value && o.value && T.value && I.value
+  );
+  return {
+    strictAddress1Valid: t,
+    strictCityValid: o,
+    strictStateValid: T,
+    strictZipValid: I,
+    strictAddressValid: C
+  };
+}
+function Qe(e) {
+  if (!e) return;
+  e.querySelector(
+    '.k-invalid input, .k-invalid[tabindex="0"]'
+  )?.focus();
+}
+function dt(e) {
+  const t = N(!1), {
+    formData: o,
+    onAddress1Input: T,
+    onAddress2Input: I,
+    onCityInput: C,
+    onStateChange: w,
+    resetFormData: A
+  } = _e(), { zipDisplay: E, isZipValid: M, zipWrapperClass: x, onZipInput: F, resetZip: b } = Je(o), {
+    strictAddress1Valid: v,
+    strictCityValid: $,
+    strictStateValid: R,
+    strictZipValid: d,
+    strictAddressValid: y
+  } = Xe({
+    formData: o,
+    isZipValid: M
+  }), L = je(e.fieldsetRef, {
+    submitted: t,
+    isValid: () => y.value
+  }), {
+    touched: W,
+    fieldsetValidate: G,
+    onFocusout: Q,
+    reset: ee
+  } = L, le = L.createFieldValidationsMap({
+    address1: v,
+    city: $,
+    state: R,
+    zip: d,
+    address: y
+  }), {
+    address1: l,
+    city: g,
+    state: s,
+    zip: c,
+    address: k
+  } = le, p = { value: null, label: "Select state" }, D = Ge.map(({ label: f, value: h }) => ({
+    label: f,
+    value: h
+  })), q = m(() => ({
+    address1: o.address1.trim(),
+    address2: o.address2.trim(),
+    city: o.city.trim(),
+    state: (o.state ?? "").trim().toUpperCase(),
+    zip: o.zip.replace(/\D/g, "")
+  }));
+  return {
+    formData: o,
+    submitted: t,
+    touched: W,
+    addressValidate: G,
+    address1Valid: l,
+    cityValid: g,
+    stateValid: s,
+    zipValid: c,
+    addressValid: k,
+    stateDefaultItem: p,
+    stateOptions: D,
+    zipDisplay: E,
+    zipWrapperClass: x,
+    onAddress1Input: T,
+    onAddress2Input: I,
+    onCityInput: C,
+    onStateChange: w,
+    onZipInput: F,
+    onFieldsetFocusout: Q,
+    normalizedPayload: q,
+    submit: async () => (t.value = !0, y.value ? {
+      isValid: !0,
+      payload: q.value
+    } : (await B(), Qe(e.formRef.value), { isValid: !1, payload: null })),
+    reset: () => {
+      t.value = !1, ee(), A(), b();
+    }
+  };
+}
+function ft(e) {
+  const t = N(""), o = N(void 0), T = N(!!e.debug), I = N(e.dateFormat ?? "mm/dd/yyyy"), C = m(() => !!e.required), w = N(!1), A = ["ArrowUp", "ArrowDown"], E = ["ArrowLeft", "ArrowRight"], M = m(() => (t.value ?? "").replace(/\D/g, "")), x = (r) => r <= 2 ? "mm" : r <= 5 ? "dd" : M.value.length <= 10 ? "yyyy" : "mm", F = m(() => {
+    const r = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
+    return parseInt(r).toString().padStart(2, "0");
+  }), b = m(() => {
+    const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
+    return parseInt(r).toString().padStart(2, "0");
+  }), v = m(() => {
+    const r = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
+    return parseInt(r).toString().padStart(4, "0");
+  }), $ = (r) => {
+    if (M.value.length === 0) {
+      e.onChange({ value: null, event: r });
       return;
     }
-    if (E.value.length < 8) {
-      e.onChange({ value: null, event: a });
+    if (M.value.length < 8) {
+      e.onChange({ value: null, event: r });
       return;
     }
-    if ((t.value ?? "").length === 10 && E.value.length === 8) {
-      const [f, y, U] = t.value.split("/"), K = parseInt(f), N = parseInt(y), Q = parseInt(U);
-      if (_(Q, K, N)) {
-        const ue = new Date(Q, K - 1, N);
-        R(ue) ? e.onChange({ value: ue, event: a }) : e.onChange({ value: null, event: a });
+    if ((t.value ?? "").length === 10 && M.value.length === 8) {
+      const [f, h, U] = t.value.split("/"), z = parseInt(f), H = parseInt(h), te = parseInt(U);
+      if (W(te, z, H)) {
+        const se = new Date(te, z - 1, H);
+        R(se) ? e.onChange({ value: se, event: r }) : e.onChange({ value: null, event: r });
       } else
-        e.onChange({ value: null, event: a });
+        e.onChange({ value: null, event: r });
     }
-  }, R = (a) => {
-    const f = e.min ?? void 0, y = e.max ?? void 0;
-    return !(f && a < f || y && a > y);
-  }, d = g(() => {
-    if ((t.value ?? "").length === 10 && E.value.length === 8) {
-      const [a, f, y] = (t.value ?? "").split("/"), U = parseInt(a), K = parseInt(f), N = parseInt(y);
-      if (_(N, U, K))
-        return new Date(N, U - 1, K);
+  }, R = (r) => {
+    const f = e.min ?? void 0, h = e.max ?? void 0;
+    return !(f && r < f || h && r > h);
+  }, d = m(() => {
+    if ((t.value ?? "").length === 10 && M.value.length === 8) {
+      const [r, f, h] = (t.value ?? "").split("/"), U = parseInt(r), z = parseInt(f), H = parseInt(h);
+      if (W(H, U, z))
+        return new Date(H, U - 1, z);
     }
     return null;
-  }), S = g(() => (t.value ?? "").length === 10 && E.value.length === 8), q = (a, f) => new Date(a, f, 0).getDate(), _ = (a, f, y) => f >= 1 && f <= 12 && a >= 1900 && y >= 1 && y <= q(a, f), Z = (a) => {
-    t.value = a.value;
-    const f = a.event?.target;
-    l.value = f?.selectionStart ?? 0, M(a);
-  }, ee = (a) => {
-    l.value = a.target.selectionStart ?? 0;
-  }, te = (a, f, y) => {
-    const U = f?.selectionStart ?? l.value ?? 0;
-    l.value = U;
-    let K = parseInt(L.value), N = parseInt(b.value), Q = parseInt(m.value);
-    if (!(E.value.length >= 8) || !_(Q, K, N)) {
-      const X = e.defaultValue ?? /* @__PURE__ */ new Date();
-      K = X.getMonth() + 1, N = X.getDate(), Q = X.getFullYear(), t.value = `${String(K).padStart(2, "0")}/${String(N).padStart(
+  }), y = m(() => (t.value ?? "").length === 10 && M.value.length === 8), L = (r, f) => new Date(r, f, 0).getDate(), W = (r, f, h) => f >= 1 && f <= 12 && r >= 1900 && h >= 1 && h <= L(r, f), G = (r) => {
+    t.value = r.value;
+    const f = r.event?.target;
+    o.value = f?.selectionStart ?? 0, $(r);
+  }, Q = (r) => {
+    o.value = r.target.selectionStart ?? 0;
+  }, ee = (r, f, h) => {
+    const U = f?.selectionStart ?? o.value ?? 0;
+    o.value = U;
+    let z = parseInt(F.value), H = parseInt(b.value), te = parseInt(v.value);
+    if (!(M.value.length >= 8) || !W(te, z, H)) {
+      const J = e.defaultValue ?? /* @__PURE__ */ new Date();
+      z = J.getMonth() + 1, H = J.getDate(), te = J.getFullYear(), t.value = `${String(z).padStart(2, "0")}/${String(H).padStart(
         2,
         "0"
-      )}/${String(Q)}`;
-      const B = new Date(Q, K - 1, N);
-      e.onChange({ value: R(B) ? B : null, event: y }), c({ useRAF: !0 });
+      )}/${String(te)}`;
+      const K = new Date(te, z - 1, H);
+      e.onChange({ value: R(K) ? K : null, event: h }), c({ useRAF: !0 });
       return;
     }
-    const r = A(U);
-    if (r === "mm")
-      K = a === "ArrowUp" ? K < 12 ? K + 1 : 1 : K > 1 ? K - 1 : 12;
-    else if (r === "dd") {
-      const X = new Date(Q, K, 0).getDate();
-      N = a === "ArrowUp" ? N < X ? N + 1 : 1 : N > 1 ? N - 1 : X;
-    } else r === "yyyy" && (Q = a === "ArrowUp" ? Q + 1 : Math.max(1, Q - 1));
-    t.value = `${String(K).padStart(2, "0")}/${String(N).padStart(
+    const a = x(U);
+    if (a === "mm")
+      z = r === "ArrowUp" ? z < 12 ? z + 1 : 1 : z > 1 ? z - 1 : 12;
+    else if (a === "dd") {
+      const J = new Date(te, z, 0).getDate();
+      H = r === "ArrowUp" ? H < J ? H + 1 : 1 : H > 1 ? H - 1 : J;
+    } else a === "yyyy" && (te = r === "ArrowUp" ? te + 1 : Math.max(1, te - 1));
+    t.value = `${String(z).padStart(2, "0")}/${String(H).padStart(
       2,
       "0"
-    )}/${String(Q)}`;
-    const [i, P, O] = t.value.split("/"), H = new Date(
+    )}/${String(te)}`;
+    const [i, V, O] = t.value.split("/"), Z = new Date(
       parseInt(O),
       parseInt(i) - 1,
-      parseInt(P)
+      parseInt(V)
     );
-    H.toString() !== "Invalid Date" && parseInt(O) >= 1e3 ? e.onChange({
-      value: R(H) ? H : null,
-      event: y
-    }) : e.onChange({ value: null, event: y }), c({ useRAF: !0 });
-  }, le = (a) => {
-    if (a.code === "Space" || a.key === " ") {
-      a.preventDefault(), a.stopPropagation(), e.onShowCalendar(a);
+    Z.toString() !== "Invalid Date" && parseInt(O) >= 1e3 ? e.onChange({
+      value: R(Z) ? Z : null,
+      event: h
+    }) : e.onChange({ value: null, event: h }), c({ useRAF: !0 });
+  }, le = (r) => {
+    if (r.code === "Space" || r.key === " ") {
+      r.preventDefault(), r.stopPropagation(), e.onShowCalendar(r);
       return;
     }
-    if (a.key === "ArrowDown" && a.altKey) {
-      a.preventDefault(), a.stopPropagation(), e.onShowCalendar(a);
+    if (r.key === "ArrowDown" && r.altKey) {
+      r.preventDefault(), r.stopPropagation(), e.onShowCalendar(r);
       return;
     }
-    if (D.includes(a.key)) {
-      if (a.altKey) return;
-      a.preventDefault(), a.stopPropagation();
-      const f = a.target;
-      te(a.key, f, a);
+    if (A.includes(r.key)) {
+      if (r.altKey) return;
+      r.preventDefault(), r.stopPropagation();
+      const f = r.target;
+      ee(r.key, f, r);
       return;
     }
-  }, o = (a) => {
-    a.preventDefault();
-    const f = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    te(f, a.target, a);
-  }, v = (a) => {
-    const f = a.target;
-    if (x.includes(a.key)) {
-      l.value = f?.selectionStart ?? 0;
+  }, l = (r) => {
+    r.preventDefault();
+    const f = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    ee(f, r.target, r);
+  }, g = (r) => {
+    const f = r.target;
+    if (E.includes(r.key)) {
+      o.value = f?.selectionStart ?? 0;
       return;
     }
-    if (D.includes(a.key)) {
-      if (a.altKey) return;
-      l.value = f?.selectionStart ?? 0;
+    if (A.includes(r.key)) {
+      if (r.altKey) return;
+      o.value = f?.selectionStart ?? 0;
     }
-  }, u = (a) => {
-    T.value = !0, I.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && E.value.length === 0 && (e.externalValue.value = "");
-    const f = a.target;
-    f && (l.value = f.selectionStart ?? 0);
-  }, c = (a) => {
+  }, s = (r) => {
+    w.value = !0, C.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && M.value.length === 0 && (e.externalValue.value = "");
+    const f = r.target;
+    f && (o.value = f.selectionStart ?? 0);
+  }, c = (r) => {
     const f = () => {
-      const y = document.getElementById(
+      const h = document.getElementById(
         e.id
       );
-      if (!y) return;
-      const U = a?.pos ?? l.value ?? y.value.length;
+      if (!h) return;
+      const U = r?.pos ?? o.value ?? h.value.length;
       try {
-        y.focus(), y.setSelectionRange(U, U);
+        h.focus(), h.setSelectionRange(U, U);
       } catch {
       }
     };
-    j(() => {
-      if (a?.delay && a.delay > 0) {
-        setTimeout(f, a.delay);
+    B(() => {
+      if (r?.delay && r.delay > 0) {
+        setTimeout(f, r.delay);
         return;
       }
-      if (a?.useRAF) {
+      if (r?.useRAF) {
         requestAnimationFrame(f);
         return;
       }
       f();
     });
   };
-  e.externalValue && ge(
+  e.externalValue && fe(
     e.externalValue,
-    (a) => {
-      if (a) {
-        const f = new Date(a);
+    (r) => {
+      if (r) {
+        const f = new Date(r);
         if (f.toString() !== "Invalid Date") {
-          const y = (f.getMonth() + 1).toString().padStart(2, "0"), U = f.getDate().toString().padStart(2, "0"), K = f.getFullYear().toString();
-          t.value = `${y}/${U}/${K}`, c({ delay: 50 });
+          const h = (f.getMonth() + 1).toString().padStart(2, "0"), U = f.getDate().toString().padStart(2, "0"), z = f.getFullYear().toString();
+          t.value = `${h}/${U}/${z}`, c({ delay: 50 });
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const w = g(() => [
-    ["Date", `${L.value} / ${b.value} / ${m.value}`],
-    ["Digits only", E.value],
+  const k = m(() => [
+    ["Date", `${F.value} / ${b.value} / ${v.value}`],
+    ["Digits only", M.value],
     [
       "min",
       e.min?.toLocaleDateString("en-US", {
@@ -663,138 +868,138 @@ function at(e) {
         day: "2-digit"
       }) ?? null
     ]
-  ]), p = g(() => {
-    if (!I.value) {
-      if (!S.value) return !0;
+  ]), p = m(() => {
+    if (!C.value) {
+      if (!y.value) return !0;
       const f = d.value;
       return f ? R(f) : !1;
     }
-    if (!T.value) return !0;
-    const a = d.value;
-    return !S.value || !a ? !1 : R(a);
-  }), k = g(() => {
-    if (!I.value) {
-      if (!S.value) return;
+    if (!w.value) return !0;
+    const r = d.value;
+    return !y.value || !r ? !1 : R(r);
+  }), D = m(() => {
+    if (!C.value) {
+      if (!y.value) return;
       const f = d.value;
       return f ? R(f) ? "valid" : "out-of-bounds" : "invalid-date";
     }
-    if (!T.value) return;
-    if (E.value.length === 0 || !S.value)
+    if (!w.value) return;
+    if (M.value.length === 0 || !y.value)
       return "incomplete";
-    const a = d.value;
-    return a ? R(a) ? "valid" : "out-of-bounds" : "invalid-date";
-  }), V = g(() => {
-    const a = k.value;
-    if (!a || a === "valid") return "";
-    if (a === "incomplete")
+    const r = d.value;
+    return r ? R(r) ? "valid" : "out-of-bounds" : "invalid-date";
+  }), q = m(() => {
+    const r = D.value;
+    if (!r || r === "valid") return "";
+    if (r === "incomplete")
       return "Required";
-    if (a === "invalid-date")
-      return `Must be in ${C.value} format.`;
+    if (r === "invalid-date")
+      return `Must be in ${I.value} format.`;
     const f = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
-    }) : null, y = e.max ? e.max.toLocaleDateString("en-US", {
+    }) : null, h = e.max ? e.max.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
     }) : null;
-    if (a === "out-of-bounds") {
-      if (f && y) return `Must be between ${f} and ${y}.`;
+    if (r === "out-of-bounds") {
+      if (f && h) return `Must be between ${f} and ${h}.`;
       if (f) return `Must be on or after ${f}.`;
-      if (y) return `Must be on or before ${y}.`;
+      if (h) return `Must be on or before ${h}.`;
     }
     return "";
-  }), W = () => {
-    j(() => {
-      const a = document.getElementById(
+  }), Y = () => {
+    B(() => {
+      const r = document.getElementById(
         e.id
       );
-      if (!a) {
+      if (!r) {
         console.warn(`ID (#${e.id}) not found for styling.`);
         return;
       }
-      const f = a.closest(".k-datepicker");
+      const f = r.closest(".k-datepicker");
       if (!f) {
         console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
         return;
       }
-      const y = f.parentElement;
-      if (y) {
-        if (y.classList.contains("fk-datepicker"))
+      const h = f.parentElement;
+      if (h) {
+        if (h.classList.contains("fk-datepicker"))
           return;
-        y.classList.add("fk-datepicker");
+        h.classList.add("fk-datepicker");
       } else
         console.warn(
           `Parent of .k-datepicker not found for #${e.id} styling.`
         );
     });
   };
-  return xe(() => {
-    W();
+  return Me(() => {
+    Y();
   }), {
     raw: t,
-    cursorPos: l,
-    debugEnabled: F,
-    debugLines: w,
-    placeholder: C,
+    cursorPos: o,
+    debugEnabled: T,
+    debugLines: k,
+    placeholder: I,
     isValid: p,
-    reason: z(k),
-    validationMessage: V,
-    digitsOnly: E,
-    month: z(L),
-    day: z(b),
-    year: z(m),
-    datePart: A,
-    handleChange: Z,
+    reason: _(D),
+    validationMessage: q,
+    digitsOnly: M,
+    month: _(F),
+    day: _(b),
+    year: _(v),
+    datePart: x,
+    handleChange: G,
     handleKeyDown: le,
-    handleWheel: o,
-    handleKeyUp: v,
-    handleClick: ee,
-    handleBlur: u,
+    handleWheel: l,
+    handleKeyUp: g,
+    handleClick: Q,
+    handleBlur: s,
     // Expose so consumers can re-run styling when needed
-    initStyling: W
+    initStyling: Y
   };
 }
-function ot(e) {
-  const t = Y(""), l = Y(void 0), F = Y(!!e.debug), C = Y(!1), I = 1440 * 60 * 1e3, T = 365 * I, D = /* @__PURE__ */ new Date(), x = new Date(D.getTime() - T), E = new Date(D.getTime() + T);
-  e.min = e.min ?? x, e.max = e.max ?? E;
-  const A = g(() => (t.value ?? "").replace(/\D/g, "")), L = (n, s) => new Date(n, s, 0).getDate(), b = (n, s, h) => s >= 1 && s <= 12 && n >= 1e3 && h >= 1 && h <= L(n, s), m = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), M = (n) => {
+function pt(e) {
+  const t = N(""), o = N(void 0), T = N(!!e.debug), I = N(!1), C = 1440 * 60 * 1e3, w = 365 * C, A = /* @__PURE__ */ new Date(), E = new Date(A.getTime() - w), M = new Date(A.getTime() + w);
+  e.min = e.min ?? E, e.max = e.max ?? M;
+  const x = m(() => (t.value ?? "").replace(/\D/g, "")), F = (n, u) => new Date(n, u, 0).getDate(), b = (n, u, S) => u >= 1 && u <= 12 && n >= 1e3 && S >= 1 && S <= F(n, u), v = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), $ = (n) => {
     if (!n) return null;
-    const s = e.min ?? new Date(Date.now() - 90 * I), h = e.max ?? /* @__PURE__ */ new Date(), $ = m(n);
-    return $ < m(s) || $ > m(h) ? null : n;
-  }, R = (n, s) => e.allowReverse ?? !1 ? !0 : n <= s, d = g(() => (t.value?.length ?? 0) >= 23 && A.value.length >= 16), S = (n) => {
-    if ((n ?? "").length < 23 || A.value.length < 16)
+    const u = e.min ?? new Date(Date.now() - 90 * C), S = e.max ?? /* @__PURE__ */ new Date(), P = v(n);
+    return P < v(u) || P > v(S) ? null : n;
+  }, R = (n, u) => e.allowReverse ?? !1 ? !0 : n <= u, d = m(() => (t.value?.length ?? 0) >= 23 && x.value.length >= 16), y = (n) => {
+    if ((n ?? "").length < 23 || x.value.length < 16)
       return { start: null, end: null };
-    const s = n.substring(0, 10), h = n.substring(13, 23), [$, ne, re] = s.split("/").map((de) => parseInt(de || "0", 10)), [ce, fe, pe] = h.split("/").map((de) => parseInt(de || "0", 10)), me = new Date(re, $ - 1, ne), he = new Date(pe, ce - 1, fe), we = b(re, $, ne) && me.toString() !== "Invalid Date", ke = b(pe, ce, fe) && he.toString() !== "Invalid Date";
-    return { start: we ? me : null, end: ke ? he : null };
-  }, q = e.externalValid ?? Y(!0), _ = g(() => S(t.value)), Z = g(() => {
-    const n = M(_.value.start), s = M(_.value.end);
-    return { start: n, end: s };
-  }), ee = g(() => {
+    const u = n.substring(0, 10), S = n.substring(13, 23), [P, ne, ae] = u.split("/").map((de) => parseInt(de || "0", 10)), [ce, pe, me] = S.split("/").map((de) => parseInt(de || "0", 10)), ve = new Date(ae, P - 1, ne), he = new Date(me, ce - 1, pe), we = b(ae, P, ne) && ve.toString() !== "Invalid Date", Ae = b(me, ce, pe) && he.toString() !== "Invalid Date";
+    return { start: we ? ve : null, end: Ae ? he : null };
+  }, L = e.externalValid ?? N(!0), W = m(() => y(t.value)), G = m(() => {
+    const n = $(W.value.start), u = $(W.value.end);
+    return { start: n, end: u };
+  }), Q = m(() => {
     if (!d.value) return;
-    const n = Z.value.start, s = Z.value.end;
-    if (!n || !s) return;
-    const h = Math.abs(m(s) - m(n));
-    return Math.round(h / 864e5 + 1);
-  }), te = g(() => {
+    const n = G.value.start, u = G.value.end;
+    if (!n || !u) return;
+    const S = Math.abs(v(u) - v(n));
+    return Math.round(S / 864e5 + 1);
+  }), ee = m(() => {
     if (!d.value) return !1;
-    const { start: n, end: s } = _.value;
-    if (!n || !s || !Z.value.start || !Z.value.end) return !1;
-    const h = Z.value.start, $ = Z.value.end;
-    return !(!R(h, $) || typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays);
-  }), le = g(() => {
-    const { start: n, end: s } = _.value;
+    const { start: n, end: u } = W.value;
+    if (!n || !u || !G.value.start || !G.value.end) return !1;
+    const S = G.value.start, P = G.value.end;
+    return !(!R(S, P) || typeof e.maxSpanDays == "number" && Q.value !== void 0 && Q.value > e.maxSpanDays);
+  }), le = m(() => {
+    const { start: n, end: u } = W.value;
     if (!d.value) return "incomplete";
-    if (!n || !s) return "invalid-date";
-    if (!Z.value.start || !Z.value.end) return "out-of-bounds";
-    const h = Z.value.start, $ = Z.value.end;
-    return R(h, $) ? typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), o = Y(void 0), v = g(() => {
-    if (q.value !== !1) return "";
-    const { min: n, max: s } = e, h = o.value;
-    if (!h) return "";
-    switch (h) {
+    if (!n || !u) return "invalid-date";
+    if (!G.value.start || !G.value.end) return "out-of-bounds";
+    const S = G.value.start, P = G.value.end;
+    return R(S, P) ? typeof e.maxSpanDays == "number" && Q.value !== void 0 && Q.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), l = N(void 0), g = m(() => {
+    if (L.value !== !1) return "";
+    const { min: n, max: u } = e, S = l.value;
+    if (!S) return "";
+    switch (S) {
       case "incomplete":
         return "Required";
       case "invalid-date":
@@ -802,89 +1007,89 @@ function ot(e) {
       case "reversed-range":
         return "End Date must be on or after Start Date.";
       case "out-of-bounds":
-        return n && s ? `Dates must be between ${p(n)} and ${p(s)}.` : "Dates must be within the allowed range.";
+        return n && u ? `Dates must be between ${p(n)} and ${p(u)}.` : "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"], c = ["ArrowLeft", "ArrowRight"], w = (n, s) => String(n).padStart(s, "0"), p = (n) => `${w(n.getMonth() + 1, 2)}/${w(n.getDate(), 2)}/${w(
+  }), s = ["ArrowUp", "ArrowDown"], c = ["ArrowLeft", "ArrowRight"], k = (n, u) => String(n).padStart(u, "0"), p = (n) => `${k(n.getMonth() + 1, 2)}/${k(n.getDate(), 2)}/${k(
     n.getFullYear(),
     4
-  )}`, k = (n) => n <= 2 ? { side: "start", part: "mm" } : n <= 5 ? { side: "start", part: (n <= 3, "dd") } : n <= 11 ? { side: "start", part: "yyyy" } : n <= 15 ? { side: "end", part: "mm" } : n <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, V = (n, s, h) => {
-    const $ = s?.selectionStart ?? l.value ?? 0;
-    l.value = $;
-    const { start: ne, end: re } = S(t.value);
-    if (!ne && !re) {
-      const G = /* @__PURE__ */ new Date(), se = p(G);
-      t.value = `${se} - ${se}`, e.onChange({ value: { start: G, end: G }, event: h }), j(() => {
+  )}`, D = (n) => n <= 2 ? { side: "start", part: "mm" } : n <= 5 ? { side: "start", part: (n <= 3, "dd") } : n <= 11 ? { side: "start", part: "yyyy" } : n <= 15 ? { side: "end", part: "mm" } : n <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, q = (n, u, S) => {
+    const P = u?.selectionStart ?? o.value ?? 0;
+    o.value = P;
+    const { start: ne, end: ae } = y(t.value);
+    if (!ne && !ae) {
+      const j = /* @__PURE__ */ new Date(), ue = p(j);
+      t.value = `${ue} - ${ue}`, e.onChange({ value: { start: j, end: j }, event: S }), B(() => {
         requestAnimationFrame(() => {
-          const ae = document.getElementById(
+          const re = document.getElementById(
             e.id
-          ), oe = l.value ?? 0;
-          ae && (ae.focus(), ae.setSelectionRange(oe, oe));
+          ), oe = o.value ?? 0;
+          re && (re.focus(), re.setSelectionRange(oe, oe));
         });
       });
       return;
     }
-    const ce = /* @__PURE__ */ new Date(), fe = k($);
-    let pe = ne ? new Date(ne) : new Date(ce), me = re ? new Date(re) : new Date(ce);
-    const he = (G, se) => {
-      if (se === "mm") {
-        const ae = G.getMonth() + 1, oe = n === "ArrowUp" ? ae < 12 ? ae + 1 : 1 : ae > 1 ? ae - 1 : 12;
-        G.setMonth(oe - 1);
-        const be = L(G.getFullYear(), oe);
-        G.getDate() > be && G.setDate(be);
-      } else if (se === "dd") {
-        const ae = L(G.getFullYear(), G.getMonth() + 1), oe = G.getDate(), be = n === "ArrowUp" ? oe < ae ? oe + 1 : 1 : oe > 1 ? oe - 1 : ae;
-        G.setDate(be);
-      } else if (se === "yyyy") {
-        const ae = G.getFullYear();
-        G.setFullYear(n === "ArrowUp" ? ae + 1 : Math.max(1, ae - 1));
-        const oe = L(G.getFullYear(), G.getMonth() + 1);
-        G.getDate() > oe && G.setDate(oe);
+    const ce = /* @__PURE__ */ new Date(), pe = D(P);
+    let me = ne ? new Date(ne) : new Date(ce), ve = ae ? new Date(ae) : new Date(ce);
+    const he = (j, ue) => {
+      if (ue === "mm") {
+        const re = j.getMonth() + 1, oe = n === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
+        j.setMonth(oe - 1);
+        const Se = F(j.getFullYear(), oe);
+        j.getDate() > Se && j.setDate(Se);
+      } else if (ue === "dd") {
+        const re = F(j.getFullYear(), j.getMonth() + 1), oe = j.getDate(), Se = n === "ArrowUp" ? oe < re ? oe + 1 : 1 : oe > 1 ? oe - 1 : re;
+        j.setDate(Se);
+      } else if (ue === "yyyy") {
+        const re = j.getFullYear();
+        j.setFullYear(n === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
+        const oe = F(j.getFullYear(), j.getMonth() + 1);
+        j.getDate() > oe && j.setDate(oe);
       }
     };
-    fe.side === "start" ? he(pe, fe.part) : he(me, fe.part);
-    const we = p(pe), ke = p(me);
-    t.value = `${we} - ${ke}`;
-    const de = M(pe), De = M(me);
-    de && De && R(de, De) ? e.onChange({ value: { start: de, end: De }, event: h }) : e.onChange({ value: null, event: h }), j(() => {
+    pe.side === "start" ? he(me, pe.part) : he(ve, pe.part);
+    const we = p(me), Ae = p(ve);
+    t.value = `${we} - ${Ae}`;
+    const de = $(me), ke = $(ve);
+    de && ke && R(de, ke) ? e.onChange({ value: { start: de, end: ke }, event: S }) : e.onChange({ value: null, event: S }), B(() => {
       requestAnimationFrame(() => {
-        const G = document.getElementById(
+        const j = document.getElementById(
           e.id
-        ), se = l.value ?? 0;
-        G && (G.focus(), G.setSelectionRange(se, se));
+        ), ue = o.value ?? 0;
+        j && (j.focus(), j.setSelectionRange(ue, ue));
       });
     });
-  }, W = (n) => {
-    const { start: s, end: h } = S(t.value);
-    if (!s || !h) {
+  }, Y = (n) => {
+    const { start: u, end: S } = y(t.value);
+    if (!u || !S) {
       e.onChange({ value: null, event: n });
       return;
     }
-    const $ = M(s), ne = M(h);
-    if (!$ || !ne) {
+    const P = $(u), ne = $(S);
+    if (!P || !ne) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if (!R($, ne)) {
+    if (!R(P, ne)) {
       e.onChange({ value: null, event: n });
       return;
     }
-    e.onChange({ value: { start: $, end: ne }, event: n });
-  }, a = (n) => {
-    const s = n.value ?? "", h = n.event;
-    if (!s && h && h.type === "click") {
-      ue(h);
+    e.onChange({ value: { start: P, end: ne }, event: n });
+  }, r = (n) => {
+    const u = n.value ?? "", S = n.event;
+    if (!u && S && S.type === "click") {
+      se(S);
       return;
     }
-    t.value = s;
-    const $ = h?.target;
-    l.value = $?.selectionStart ?? 0, W(n);
+    t.value = u;
+    const P = S?.target;
+    o.value = P?.selectionStart ?? 0, Y(n);
   }, f = (n) => {
-    l.value = n.target.selectionStart ?? 0;
-  }, y = (n) => {
+    o.value = n.target.selectionStart ?? 0;
+  }, h = (n) => {
     if (n.code === "Space" || n.key === " ") {
       n.preventDefault(), n.stopPropagation(), e.onShowCalendar(n);
       return;
@@ -893,63 +1098,63 @@ function ot(e) {
       n.preventDefault(), n.stopPropagation(), e.onShowCalendar(n);
       return;
     }
-    if (u.includes(n.key)) {
+    if (s.includes(n.key)) {
       n.preventDefault(), n.stopPropagation();
-      const s = n.target;
-      V(n.key, s, n);
+      const u = n.target;
+      q(n.key, u, n);
       return;
     }
   }, U = (n) => {
     n.preventDefault();
-    const s = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    V(s, n.target, n);
-  }, K = (n) => {
-    if (c.includes(n.key) || u.includes(n.key)) {
-      const s = n.target;
-      l.value = s?.selectionStart ?? 0;
+    const u = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    q(u, n.target, n);
+  }, z = (n) => {
+    if (c.includes(n.key) || s.includes(n.key)) {
+      const u = n.target;
+      o.value = u?.selectionStart ?? 0;
     }
-  }, N = () => {
-    o.value = le.value, (e.manageValid ?? !0) && (q.value = te.value);
-  }, Q = (n) => {
-    N();
-  }, ue = (n) => {
-    console.log("Clear event:", n), t.value = "", l.value = 0, e.onChange({ value: null, event: n }), N(), j(() => {
-      const s = document.getElementById(
+  }, H = () => {
+    l.value = le.value, (e.manageValid ?? !0) && (L.value = ee.value);
+  }, te = (n) => {
+    H();
+  }, se = (n) => {
+    console.log("Clear event:", n), t.value = "", o.value = 0, e.onChange({ value: null, event: n }), H(), B(() => {
+      const u = document.getElementById(
         e.id
       );
-      s && (s.focus(), s.setSelectionRange(0, 0));
+      u && (u.focus(), u.setSelectionRange(0, 0));
     });
   };
-  e.externalValue && ge(
+  e.externalValue && fe(
     e.externalValue,
     (n) => {
-      const s = n?.start ?? null, h = n?.end ?? null;
-      if (s && h) {
-        if (t.value = `${p(s)} - ${p(h)}`, e.isOpen?.value && C.value && e.onRequestClose) {
-          const $ = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+      const u = n?.start ?? null, S = n?.end ?? null;
+      if (u && S) {
+        if (t.value = `${p(u)} - ${p(S)}`, e.isOpen?.value && I.value && e.onRequestClose) {
+          const P = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), C.value = !1, N();
-          }, $);
+            e.onRequestClose?.(), I.value = !1, H();
+          }, P);
         }
         return;
       }
     },
     { immediate: !0 }
   );
-  const r = g(
+  const a = m(
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
-  ), i = g(
+  ), i = m(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), P = g(
+  ), V = m(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), O = g(
+  ), O = m(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), H = g(
+  ), Z = m(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), X = g(
+  ), J = m(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), B = g(() => {
-    const { start: n, end: s } = S(t.value);
+  ), K = m(() => {
+    const { start: n, end: u } = y(t.value);
     return [
       {
         label: "Raw",
@@ -965,81 +1170,81 @@ function ot(e) {
       },
       {
         label: "Start",
-        value: `${String(r.value).padStart(2, "0")} / ${String(
+        value: `${String(a.value).padStart(2, "0")} / ${String(
           i.value
-        ).padStart(2, "0")} / ${String(P.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String(V.value).padStart(4, "0")}`
       },
       {
         label: "End",
         value: `${String(O.value).padStart(2, "0")} / ${String(
-          H.value
-        ).padStart(2, "0")} / ${String(X.value).padStart(4, "0")}`
+          Z.value
+        ).padStart(2, "0")} / ${String(J.value).padStart(4, "0")}`
       },
-      { label: "Digits only", value: A.value },
+      { label: "Digits only", value: x.value },
       { label: "Mask complete", value: `${d.value}` },
       {
         label: "Parsed",
-        value: `${n ? n.toDateString() : "-"} | ${s ? s.toDateString() : "-"}`
+        value: `${n ? n.toDateString() : "-"} | ${u ? u.toDateString() : "-"}`
       },
       {
         label: "Valid (managed)",
-        value: `${q.value ?? "-"}`
+        value: `${L.value ?? "-"}`
       },
-      { label: "Span (days)", value: `${ee.value ?? "-"}` },
+      { label: "Span (days)", value: `${Q.value ?? "-"}` },
       {
         label: "Reason",
         value: `${le.value ?? "-"}`
       },
       {
         label: "Cursor in",
-        value: `${l.value ?? "-"} (${(() => {
-          const h = l.value ?? 0, $ = k(h);
-          return `${$.side}.${$.part}`;
+        value: `${o.value ?? "-"} (${(() => {
+          const S = o.value ?? 0, P = D(S);
+          return `${P.side}.${P.part}`;
         })()})`
       }
     ];
-  }), J = () => {
-    j(() => {
+  }), X = () => {
+    B(() => {
       const n = document.getElementById(e.id);
       if (!n) {
         console.warn(`#${e.id} not found for styling.`);
         return;
       }
-      const s = n.closest("div");
-      if (!s) {
+      const u = n.closest("div");
+      if (!u) {
         console.warn(`Parent div of #${e.id} not found for styling.`);
         return;
       }
-      s.classList.contains("fk-daterangepicker") || s.classList.add("fk-daterangepicker");
+      u.classList.contains("fk-daterangepicker") || u.classList.add("fk-daterangepicker");
     });
   };
-  xe(() => {
-    J();
+  Me(() => {
+    X();
   });
   const ye = () => {
-    j(() => {
+    B(() => {
       try {
         const n = Array.from(
           document.querySelectorAll(".k-animation-container")
         );
         if (!n.length) return;
-        const h = [...n].reverse().find((re) => re.querySelector(".k-calendar"))?.querySelector(
+        const S = [...n].reverse().find((ae) => ae.querySelector(".k-calendar"))?.querySelector(
           ".k-calendar"
         );
-        if (!h) return;
-        const $ = h.querySelectorAll(
+        if (!S) return;
+        const P = S.querySelectorAll(
           ".k-calendar-table"
         );
         let ne = !1;
-        $.forEach((re) => {
-          re.tabIndex === 0 && (ne ? re.tabIndex = -1 : ne = !0);
+        P.forEach((ae) => {
+          ae.tabIndex === 0 && (ne ? ae.tabIndex = -1 : ne = !0);
         });
       } catch (n) {
         console.warn(n);
       }
     });
   };
-  return e.isOpen && ge(
+  return e.isOpen && fe(
     e.isOpen,
     (n) => {
       n && setTimeout(() => ye(), 0);
@@ -1047,268 +1252,268 @@ function ot(e) {
     { immediate: !1 }
   ), {
     raw: t,
-    cursorPos: l,
-    debugEnabled: F,
-    debugLines: B,
-    digitsOnly: A,
-    valid: q,
-    validComputed: z(te),
-    reason: z(le),
-    validationMessage: z(v),
-    spanDays: z(ee),
-    month1: z(r),
-    day1: z(i),
-    year1: z(P),
-    month2: z(O),
-    day2: z(H),
-    year2: z(X),
-    handleChange: a,
-    handleKeyDown: y,
+    cursorPos: o,
+    debugEnabled: T,
+    debugLines: K,
+    digitsOnly: x,
+    valid: L,
+    validComputed: _(ee),
+    reason: _(le),
+    validationMessage: _(g),
+    spanDays: _(Q),
+    month1: _(a),
+    day1: _(i),
+    year1: _(V),
+    month2: _(O),
+    day2: _(Z),
+    year2: _(J),
+    handleChange: r,
+    handleKeyDown: h,
     handleWheel: U,
-    handleKeyUp: K,
+    handleKeyUp: z,
     handleClick: f,
-    handleBlur: Q,
-    handleClear: ue,
+    handleBlur: te,
+    handleClear: se,
     onCalendarChange: () => {
-      C.value = !0;
+      I.value = !0;
     },
-    initStyling: J
+    initStyling: X
   };
 }
-function lt(e) {
-  const t = Y(""), l = Y(void 0), F = Y(!!e.debug), C = Y(e.timeFormat ?? "hh:mm AM"), I = g(() => !!e.required), T = Y(!1), D = ["ArrowUp", "ArrowDown"], x = ["ArrowLeft", "ArrowRight"], E = g(() => (t.value ?? "").replace(/\D/g, "")), A = {
+function mt(e) {
+  const t = N(""), o = N(void 0), T = N(!!e.debug), I = N(e.timeFormat ?? "hh:mm AM"), C = m(() => !!e.required), w = N(!1), A = ["ArrowUp", "ArrowDown"], E = ["ArrowLeft", "ArrowRight"], M = m(() => (t.value ?? "").replace(/\D/g, "")), x = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
     m: /[0-9]/,
     A: /[AaPp]/,
     a: /[Mm]/
-  }, L = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", b = g(() => {
-    const r = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", i = parseInt(r);
+  }, F = (a) => a <= 2 ? "hh" : a <= 5 ? "mm" : "ampm", b = m(() => {
+    const a = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", i = parseInt(a);
     return Math.min(Math.max(i, 0), 23);
-  }), m = g(() => {
-    const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", i = parseInt(r);
+  }), v = m(() => {
+    const a = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", i = parseInt(a);
     return Math.min(Math.max(i, 0), 59);
-  }), M = g(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), R = g(() => {
-    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = M.value;
-    return r === 12 ? i === "AM" ? 0 : 12 : i === "PM" ? r + 12 : r;
-  }), d = g(() => S.value ? `${String(R.value).padStart(2, "0")}:${String(m.value).padStart(2, "0")}:00` : null), S = g(
+  }), $ = m(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), R = m(() => {
+    const a = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = $.value;
+    return a === 12 ? i === "AM" ? 0 : 12 : i === "PM" ? a + 12 : a;
+  }), d = m(() => y.value ? `${String(R.value).padStart(2, "0")}:${String(v.value).padStart(2, "0")}:00` : null), y = m(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), q = (r, i, P) => {
-    let O = r % 12;
+  ), L = (a, i, V) => {
+    let O = a % 12;
     return O === 0 && (O = 12), `${String(O).padStart(2, "0")}:${String(i).padStart(
       2,
       "0"
-    )} ${P}`;
-  }, _ = (r) => {
-    const i = r.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    )} ${V}`;
+  }, W = (a) => {
+    const i = a.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!i) return null;
-    const P = parseInt(i[1]), O = parseInt(i[2]), H = i[3].toUpperCase();
-    if (P < 1 || P > 12 || O < 0 || O > 59) return null;
-    let X = P % 12;
-    H === "PM" && (X += 12);
-    const B = /* @__PURE__ */ new Date();
-    return B.setSeconds(0, 0), B.setHours(X), B.setMinutes(O), B;
-  }, Z = (r) => {
-    if (E.value.length === 0) {
-      e.onChange({ value: null, event: r });
+    const V = parseInt(i[1]), O = parseInt(i[2]), Z = i[3].toUpperCase();
+    if (V < 1 || V > 12 || O < 0 || O > 59) return null;
+    let J = V % 12;
+    Z === "PM" && (J += 12);
+    const K = /* @__PURE__ */ new Date();
+    return K.setSeconds(0, 0), K.setHours(J), K.setMinutes(O), K;
+  }, G = (a) => {
+    if (M.value.length === 0) {
+      e.onChange({ value: null, event: a });
       return;
     }
-    if (!S.value) {
-      e.onChange({ value: null, event: r });
+    if (!y.value) {
+      e.onChange({ value: null, event: a });
       return;
     }
-    const i = _(t.value);
-    i && te(i) ? e.onChange({ value: i, event: r }) : e.onChange({ value: null, event: r });
-  }, ee = (r) => r.getHours() * 60 + r.getMinutes(), te = (r) => {
-    const i = e.min ?? void 0, P = e.max ?? void 0, O = ee(r);
+    const i = W(t.value);
+    i && ee(i) ? e.onChange({ value: i, event: a }) : e.onChange({ value: null, event: a });
+  }, Q = (a) => a.getHours() * 60 + a.getMinutes(), ee = (a) => {
+    const i = e.min ?? void 0, V = e.max ?? void 0, O = Q(a);
     if (i) {
-      const H = ee(i);
-      if (O < H) return !1;
+      const Z = Q(i);
+      if (O < Z) return !1;
     }
-    if (P) {
-      const H = ee(P);
-      if (O > H) return !1;
+    if (V) {
+      const Z = Q(V);
+      if (O > Z) return !1;
     }
     return !0;
-  }, le = (r) => {
-    const i = r.getHours(), P = i >= 12 ? "PM" : "AM";
-    t.value = q(i, r.getMinutes(), P);
-  }, o = (r, i) => {
-    e.onChange({ value: r, event: i });
-  }, v = () => {
-    j(() => {
+  }, le = (a) => {
+    const i = a.getHours(), V = i >= 12 ? "PM" : "AM";
+    t.value = L(i, a.getMinutes(), V);
+  }, l = (a, i) => {
+    e.onChange({ value: a, event: i });
+  }, g = () => {
+    B(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const r = document.getElementById(
+          const a = document.getElementById(
             e.id
           );
-          if (r) {
-            r.focus();
-            const i = (r.value ?? "").length;
-            r.setSelectionRange(i, i);
+          if (a) {
+            a.focus();
+            const i = (a.value ?? "").length;
+            a.setSelectionRange(i, i);
           }
         });
       });
     });
-  }, u = (r) => {
-    const i = r?.event?.target;
+  }, s = (a) => {
+    const i = a?.event?.target;
     return i ? i.closest(".k-time-now") ? "now" : i.closest(".k-time-accept") ? "set" : null : null;
-  }, c = (r, i) => {
-    r && te(r) ? o(r, i) : o(null, i);
-  }, w = (...r) => {
-    const i = r[0];
+  }, c = (a, i) => {
+    a && ee(a) ? l(a, i) : l(null, i);
+  }, k = (...a) => {
+    const i = a[0];
     if (!i) return;
-    const P = u(i);
-    if (P === "now") {
-      const H = /* @__PURE__ */ new Date();
-      le(H), c(H, i), v();
+    const V = s(i);
+    if (V === "now") {
+      const Z = /* @__PURE__ */ new Date();
+      le(Z), c(Z, i), g();
       return;
     }
     if (i?.value instanceof Date) {
-      const H = new Date(i.value);
-      le(H), c(H, i), P === "set" && v();
+      const Z = new Date(i.value);
+      le(Z), c(Z, i), V === "set" && g();
       return;
     }
     if (i?.value === null) {
-      t.value = "", o(null, i);
+      t.value = "", l(null, i);
       return;
     }
     t.value = i.value;
     const O = i.event?.target;
-    l.value = O?.selectionStart ?? 0;
+    o.value = O?.selectionStart ?? 0;
     try {
-      const H = l.value ?? 0;
-      if (L(H) === "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)}`, j(() => {
+      const Z = o.value ?? 0;
+      if (F(Z) === "ampm" && (t.value ?? "").length >= 8) {
+        const J = t.value.charAt(6);
+        /[Aa]/.test(J) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, B(() => {
           requestAnimationFrame(() => {
-            const B = document.getElementById(
+            const K = document.getElementById(
               e.id
             );
-            B && (B.focus(), B.setSelectionRange(8, 8));
+            K && (K.focus(), K.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(X) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, j(() => {
+        })) : /[Pp]/.test(J) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, B(() => {
           requestAnimationFrame(() => {
-            const B = document.getElementById(
+            const K = document.getElementById(
               e.id
             );
-            B && (B.focus(), B.setSelectionRange(8, 8));
+            K && (K.focus(), K.setSelectionRange(8, 8));
           });
         }));
       }
     } catch {
     }
-    Z(i);
-  }, p = (r) => {
-    l.value = r.target.selectionStart ?? 0;
-  }, k = (r, i, P) => {
-    const O = i?.selectionStart ?? l.value ?? 0;
-    l.value = O;
-    const H = L(O), X = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!X) {
-      if ((t.value ?? "").length === 0 || E.value.length === 0) {
-        const s = /* @__PURE__ */ new Date(), h = s.getHours(), $ = h >= 12 ? "PM" : "AM";
-        t.value = q(h, s.getMinutes(), $);
-        const ne = _(t.value);
-        c(ne, P), j(() => {
+    G(i);
+  }, p = (a) => {
+    o.value = a.target.selectionStart ?? 0;
+  }, D = (a, i, V) => {
+    const O = i?.selectionStart ?? o.value ?? 0;
+    o.value = O;
+    const Z = F(O), J = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    if (!J) {
+      if ((t.value ?? "").length === 0 || M.value.length === 0) {
+        const u = /* @__PURE__ */ new Date(), S = u.getHours(), P = S >= 12 ? "PM" : "AM";
+        t.value = L(S, u.getMinutes(), P);
+        const ne = W(t.value);
+        c(ne, V), B(() => {
           requestAnimationFrame(() => {
-            const re = document.getElementById(
+            const ae = document.getElementById(
               e.id
-            ), ce = l.value ?? 0;
-            re && (re.focus(), re.setSelectionRange(ce, ce));
+            ), ce = o.value ?? 0;
+            ae && (ae.focus(), ae.setSelectionRange(ce, ce));
           });
         });
       }
       return;
     }
-    let B = parseInt(X[1]), J = parseInt(X[2]), ye = X[3].toUpperCase();
-    if (H === "hh")
-      r === "ArrowUp" ? B = B < 12 ? B + 1 : 1 : B = B > 1 ? B - 1 : 12;
-    else if (H === "mm") {
-      const s = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
-      if (s === 1)
-        r === "ArrowUp" ? J = J < 59 ? J + 1 : 0 : J = J > 0 ? J - 1 : 59;
-      else if (r === "ArrowUp") {
-        const h = J % s;
-        let $ = h === 0 ? J + s : J + (s - h);
-        $ >= 60 && ($ = 0), J = $;
+    let K = parseInt(J[1]), X = parseInt(J[2]), ye = J[3].toUpperCase();
+    if (Z === "hh")
+      a === "ArrowUp" ? K = K < 12 ? K + 1 : 1 : K = K > 1 ? K - 1 : 12;
+    else if (Z === "mm") {
+      const u = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
+      if (u === 1)
+        a === "ArrowUp" ? X = X < 59 ? X + 1 : 0 : X = X > 0 ? X - 1 : 59;
+      else if (a === "ArrowUp") {
+        const S = X % u;
+        let P = S === 0 ? X + u : X + (u - S);
+        P >= 60 && (P = 0), X = P;
       } else {
-        const h = J % s;
-        let $ = h === 0 ? J - s : J - h;
-        $ < 0 && ($ = 60 - s), J = $;
+        const S = X % u;
+        let P = S === 0 ? X - u : X - S;
+        P < 0 && (P = 60 - u), X = P;
       }
-    } else H === "ampm" && (ye = ye === "AM" ? "PM" : "AM");
-    t.value = `${String(B).padStart(2, "0")}:${String(J).padStart(
+    } else Z === "ampm" && (ye = ye === "AM" ? "PM" : "AM");
+    t.value = `${String(K).padStart(2, "0")}:${String(X).padStart(
       2,
       "0"
     )} ${ye}`;
-    const n = _(t.value);
-    c(n, P), j(() => {
+    const n = W(t.value);
+    c(n, V), B(() => {
       requestAnimationFrame(() => {
-        const s = document.getElementById(
+        const u = document.getElementById(
           e.id
-        ), h = l.value ?? 0;
-        s && (s.focus(), s.setSelectionRange(h, h));
+        ), S = o.value ?? 0;
+        u && (u.focus(), u.setSelectionRange(S, S));
       });
     });
-  }, V = (r) => {
-    if (r.code === "Space" || r.key === " ") {
-      r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
+  }, q = (a) => {
+    if (a.code === "Space" || a.key === " ") {
+      a.preventDefault(), a.stopPropagation(), e.onShowPicker(a);
       return;
     }
-    if (r.key === "ArrowDown" && r.altKey) {
-      r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
+    if (a.key === "ArrowDown" && a.altKey) {
+      a.preventDefault(), a.stopPropagation(), e.onShowPicker(a);
       return;
     }
-    if (D.includes(r.key)) {
-      if (r.altKey) return;
-      r.preventDefault(), r.stopPropagation();
-      const i = r.target;
-      k(r.key, i, r);
+    if (A.includes(a.key)) {
+      if (a.altKey) return;
+      a.preventDefault(), a.stopPropagation();
+      const i = a.target;
+      D(a.key, i, a);
       return;
     }
-  }, W = (r) => {
-    r.preventDefault();
-    const i = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    k(i, r.target, r);
-  }, a = (r) => {
-    const i = r.target;
-    if (x.includes(r.key)) {
-      l.value = i?.selectionStart ?? 0;
+  }, Y = (a) => {
+    a.preventDefault();
+    const i = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    D(i, a.target, a);
+  }, r = (a) => {
+    const i = a.target;
+    if (E.includes(a.key)) {
+      o.value = i?.selectionStart ?? 0;
       return;
     }
-    if (D.includes(r.key)) {
-      if (r.altKey) return;
-      l.value = i?.selectionStart ?? 0;
+    if (A.includes(a.key)) {
+      if (a.altKey) return;
+      o.value = i?.selectionStart ?? 0;
     }
-  }, f = (r) => {
-    T.value = !0, I.value && e.externalValue && e.externalValue.value === void 0 && E.value.length === 0 && (e.externalValue.value = "");
-    const i = r.target;
-    i && (l.value = i.selectionStart ?? 0);
+  }, f = (a) => {
+    w.value = !0, C.value && e.externalValue && e.externalValue.value === void 0 && M.value.length === 0 && (e.externalValue.value = "");
+    const i = a.target;
+    i && (o.value = i.selectionStart ?? 0);
   };
-  e.externalValue && ge(
+  e.externalValue && fe(
     e.externalValue,
-    (r) => {
-      if (r) {
-        const i = new Date(r);
+    (a) => {
+      if (a) {
+        const i = new Date(a);
         if (i.toString() !== "Invalid Date") {
-          const P = i.getHours(), O = P >= 12 ? "PM" : "AM";
-          t.value = q(P, i.getMinutes(), O);
+          const V = i.getHours(), O = V >= 12 ? "PM" : "AM";
+          t.value = L(V, i.getMinutes(), O);
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const y = g(() => [
+  const h = m(() => [
     ["Time", t.value || "--:-- --"],
     ["Hour (12h)", b.value],
     ["Hour (24h)", R.value],
-    ["Minute", m.value],
-    ["Period", M.value],
+    ["Minute", v.value],
+    ["Period", $.value],
     ["Time (24h)", d.value ?? "--:--:--"],
-    ["Digits only", E.value],
+    ["Digits only", M.value],
     [
       "Parsed Date",
       U.value?.toLocaleDateString("en-US", {
@@ -1330,313 +1535,314 @@ function lt(e) {
         minute: "2-digit"
       }) ?? null
     ],
-    ["valid", K.value],
-    ["reason", N.value],
-    ["validationMessage", Q.value]
-  ]), U = g(
-    () => _(t.value) ?? null
-  ), K = g(() => {
-    if (!I.value) {
-      if (!S.value) return !0;
+    ["valid", z.value],
+    ["reason", H.value],
+    ["validationMessage", te.value]
+  ]), U = m(
+    () => W(t.value) ?? null
+  ), z = m(() => {
+    if (!C.value) {
+      if (!y.value) return !0;
       const i = U.value;
-      return i ? te(i) : !1;
+      return i ? ee(i) : !1;
     }
-    if (!T.value) return !0;
-    const r = U.value;
-    return !S.value || !r ? !1 : te(r);
-  }), N = g(() => {
-    if (!I.value) {
-      if (!S.value) return;
+    if (!w.value) return !0;
+    const a = U.value;
+    return !y.value || !a ? !1 : ee(a);
+  }), H = m(() => {
+    if (!C.value) {
+      if (!y.value) return;
       const i = U.value;
-      return i ? te(i) ? "valid" : "out-of-bounds" : "invalid-time";
+      return i ? ee(i) ? "valid" : "out-of-bounds" : "invalid-time";
     }
-    if (!T.value) return;
-    if (E.value.length === 0 || !S.value)
+    if (!w.value) return;
+    if (M.value.length === 0 || !y.value)
       return "incomplete";
-    const r = U.value;
-    return r ? te(r) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), Q = g(() => {
-    const r = N.value;
-    if (!r || r === "valid") return "";
-    if (r === "incomplete")
+    const a = U.value;
+    return a ? ee(a) ? "valid" : "out-of-bounds" : "invalid-time";
+  }), te = m(() => {
+    const a = H.value;
+    if (!a || a === "valid") return "";
+    if (a === "incomplete")
       return "Required";
-    if (r === "invalid-time")
-      return `Must be in ${C.value} format.`;
+    if (a === "invalid-time")
+      return `Must be in ${I.value} format.`;
     const i = {
       hour: "2-digit",
       minute: "2-digit"
-    }, P = e.min ? e.min.toLocaleTimeString("en-US", i) : null, O = e.max ? e.max.toLocaleTimeString("en-US", i) : null;
-    if (r === "out-of-bounds") {
-      if (P && O) return `Must be between ${P} and ${O}.`;
-      if (P) return `Must be ${P} or later.`;
+    }, V = e.min ? e.min.toLocaleTimeString("en-US", i) : null, O = e.max ? e.max.toLocaleTimeString("en-US", i) : null;
+    if (a === "out-of-bounds") {
+      if (V && O) return `Must be between ${V} and ${O}.`;
+      if (V) return `Must be ${V} or later.`;
       if (O) return `Must be ${O} or earlier.`;
     }
     return "";
-  }), ue = () => {
-    j(() => {
-      const r = document.getElementById(e.id);
-      if (!r) {
+  }), se = () => {
+    B(() => {
+      const a = document.getElementById(e.id);
+      if (!a) {
         console.warn(`#${e.id} not found for styling.`);
         return;
       }
-      const i = r.closest(".k-timepicker");
+      const i = a.closest(".k-timepicker");
       if (!i) {
         console.warn(
           `.k-timepicker parent of #${e.id} not found for styling.`
         );
         return;
       }
-      const P = i.parentElement;
-      if (!P) {
+      const V = i.parentElement;
+      if (!V) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
         );
         return;
       }
-      P.classList.contains("fk-timepicker") || P.classList.add("fk-timepicker");
+      V.classList.contains("fk-timepicker") || V.classList.add("fk-timepicker");
     });
   };
-  return xe(() => {
-    ue();
+  return Me(() => {
+    se();
   }), {
     raw: t,
-    rules: A,
-    debugEnabled: F,
-    debugLines: y,
-    placeholder: C,
-    isValid: K,
-    reason: z(N),
-    validationMessage: Q,
-    isComplete: S,
-    inRangeTime: te,
-    cursorPos: l,
-    hour: z(b),
-    hour24: z(R),
-    minute: z(m),
-    period: z(M),
-    time24: z(d),
-    parsedRawTime: z(U),
-    handleChange: w,
-    handleKeyDown: V,
-    handleKeyUp: a,
+    rules: x,
+    debugEnabled: T,
+    debugLines: h,
+    placeholder: I,
+    isValid: z,
+    reason: _(H),
+    validationMessage: te,
+    isComplete: y,
+    inRangeTime: ee,
+    cursorPos: o,
+    hour: _(b),
+    hour24: _(R),
+    minute: _(v),
+    period: _($),
+    time24: _(d),
+    parsedRawTime: _(U),
+    handleChange: k,
+    handleKeyDown: q,
+    handleKeyUp: r,
     handleClick: p,
-    handleWheel: W,
+    handleWheel: Y,
     handleBlur: f,
     // Expose so consumers can reapply theming when Kendo updates DOM
-    initStyling: ue
+    initStyling: se
   };
 }
-function je(e) {
-  return Le() ? (Re(e), !0) : !1;
+function et(e) {
+  return Le() ? (qe(e), !0) : !1;
 }
-const Ie = typeof window < "u" && typeof document < "u";
+const Te = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ge = Object.prototype.toString, We = (e) => Ge.call(e) === "[object Object]", ve = () => {
-}, ze = /* @__PURE__ */ _e();
-function _e() {
+const tt = Object.prototype.toString, nt = (e) => tt.call(e) === "[object Object]", ge = () => {
+}, at = /* @__PURE__ */ rt();
+function rt() {
   var e, t;
-  return Ie && ((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));
+  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 Ae(e) {
+function Ee(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Ze(e, t, l) {
-  return ge(
+function ot(e, t, o) {
+  return fe(
     e,
     t,
     {
-      ...l,
+      ...o,
       immediate: !0
     }
   );
 }
-const Pe = Ie ? window : void 0;
-function Se(e) {
+const Pe = Te ? window : void 0;
+function be(e) {
   var t;
-  const l = ie(e);
-  return (t = l?.$el) != null ? t : l;
+  const o = ie(e);
+  return (t = o?.$el) != null ? t : o;
 }
-function Ee(...e) {
-  const t = [], l = () => {
-    t.forEach((D) => D()), t.length = 0;
-  }, F = (D, x, E, A) => (D.addEventListener(x, E, A), () => D.removeEventListener(x, E, A)), C = g(() => {
-    const D = Ae(ie(e[0])).filter((x) => x != null);
-    return D.every((x) => typeof x != "string") ? D : void 0;
-  }), I = Ze(
+function xe(...e) {
+  const t = [], o = () => {
+    t.forEach((A) => A()), t.length = 0;
+  }, T = (A, E, M, x) => (A.addEventListener(E, M, x), () => A.removeEventListener(E, M, x)), I = m(() => {
+    const A = Ee(ie(e[0])).filter((E) => E != null);
+    return A.every((E) => typeof E != "string") ? A : void 0;
+  }), C = ot(
     () => {
-      var D, x;
+      var A, E;
       return [
-        (x = (D = C.value) == null ? void 0 : D.map((E) => Se(E))) != null ? x : [Pe].filter((E) => E != null),
-        Ae(ie(C.value ? e[1] : e[0])),
-        Ae(qe(C.value ? e[2] : e[1])),
+        (E = (A = I.value) == null ? void 0 : A.map((M) => be(M))) != null ? E : [Pe].filter((M) => M != null),
+        Ee(ie(I.value ? e[1] : e[0])),
+        Ee(Oe(I.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        ie(C.value ? e[3] : e[2])
+        ie(I.value ? e[3] : e[2])
       ];
     },
-    ([D, x, E, A]) => {
-      if (l(), !D?.length || !x?.length || !E?.length)
+    ([A, E, M, x]) => {
+      if (o(), !A?.length || !E?.length || !M?.length)
         return;
-      const L = We(A) ? { ...A } : A;
+      const F = nt(x) ? { ...x } : x;
       t.push(
-        ...D.flatMap(
-          (b) => x.flatMap(
-            (m) => E.map((M) => F(b, m, M, L))
+        ...A.flatMap(
+          (b) => E.flatMap(
+            (v) => M.map(($) => T(b, v, $, F))
           )
         )
       );
     },
     { flush: "post" }
-  ), T = () => {
-    I(), l();
+  ), w = () => {
+    C(), o();
   };
-  return je(l), T;
+  return et(o), w;
 }
-let $e = !1;
-function Xe(e, t, l = {}) {
-  const { window: F = Pe, ignore: C = [], capture: I = !0, detectIframe: T = !1, controls: D = !1 } = l;
-  if (!F)
-    return D ? { stop: ve, cancel: ve, trigger: ve } : ve;
-  if (ze && !$e) {
-    $e = !0;
+let Ce = !1;
+function lt(e, t, o = {}) {
+  const { window: T = Pe, ignore: I = [], capture: C = !0, detectIframe: w = !1, controls: A = !1 } = o;
+  if (!T)
+    return A ? { stop: ge, cancel: ge, trigger: ge } : ge;
+  if (at && !Ce) {
+    Ce = !0;
     const d = { passive: !0 };
-    Array.from(F.document.body.children).forEach((S) => S.addEventListener("click", ve, d)), F.document.documentElement.addEventListener("click", ve, d);
+    Array.from(T.document.body.children).forEach((y) => y.addEventListener("click", ge, d)), T.document.documentElement.addEventListener("click", ge, d);
   }
-  let x = !0;
-  const E = (d) => ie(C).some((S) => {
-    if (typeof S == "string")
-      return Array.from(F.document.querySelectorAll(S)).some((q) => q === d.target || d.composedPath().includes(q));
+  let E = !0;
+  const M = (d) => ie(I).some((y) => {
+    if (typeof y == "string")
+      return Array.from(T.document.querySelectorAll(y)).some((L) => L === d.target || d.composedPath().includes(L));
     {
-      const q = Se(S);
-      return q && (d.target === q || d.composedPath().includes(q));
+      const L = be(y);
+      return L && (d.target === L || d.composedPath().includes(L));
     }
   });
-  function A(d) {
-    const S = ie(d);
-    return S && S.$.subTree.shapeFlag === 16;
+  function x(d) {
+    const y = ie(d);
+    return y && y.$.subTree.shapeFlag === 16;
   }
-  function L(d, S) {
-    const q = ie(d), _ = q.$.subTree && q.$.subTree.children;
-    return _ == null || !Array.isArray(_) ? !1 : _.some((Z) => Z.el === S.target || S.composedPath().includes(Z.el));
+  function F(d, y) {
+    const L = ie(d), W = L.$.subTree && L.$.subTree.children;
+    return W == null || !Array.isArray(W) ? !1 : W.some((G) => G.el === y.target || y.composedPath().includes(G.el));
   }
   const b = (d) => {
-    const S = Se(e);
-    if (d.target != null && !(!(S instanceof Element) && A(e) && L(e, d)) && !(!S || S === d.target || d.composedPath().includes(S))) {
-      if ("detail" in d && d.detail === 0 && (x = !E(d)), !x) {
-        x = !0;
+    const y = be(e);
+    if (d.target != null && !(!(y instanceof Element) && x(e) && F(e, d)) && !(!y || y === d.target || d.composedPath().includes(y))) {
+      if ("detail" in d && d.detail === 0 && (E = !M(d)), !E) {
+        E = !0;
         return;
       }
       t(d);
     }
   };
-  let m = !1;
-  const M = [
-    Ee(F, "click", (d) => {
-      m || (m = !0, setTimeout(() => {
-        m = !1;
+  let v = !1;
+  const $ = [
+    xe(T, "click", (d) => {
+      v || (v = !0, setTimeout(() => {
+        v = !1;
       }, 0), b(d));
-    }, { passive: !0, capture: I }),
-    Ee(F, "pointerdown", (d) => {
-      const S = Se(e);
-      x = !E(d) && !!(S && !d.composedPath().includes(S));
+    }, { passive: !0, capture: C }),
+    xe(T, "pointerdown", (d) => {
+      const y = be(e);
+      E = !M(d) && !!(y && !d.composedPath().includes(y));
     }, { passive: !0 }),
-    T && Ee(F, "blur", (d) => {
+    w && xe(T, "blur", (d) => {
       setTimeout(() => {
-        var S;
-        const q = Se(e);
-        ((S = F.document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !q?.contains(F.document.activeElement) && t(d);
+        var y;
+        const L = be(e);
+        ((y = T.document.activeElement) == null ? void 0 : y.tagName) === "IFRAME" && !L?.contains(T.document.activeElement) && t(d);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), R = () => M.forEach((d) => d());
-  return D ? {
+  ].filter(Boolean), R = () => $.forEach((d) => d());
+  return A ? {
     stop: R,
     cancel: () => {
-      x = !1;
+      E = !1;
     },
     trigger: (d) => {
-      x = !0, b(d), x = !1;
+      E = !0, b(d), E = !1;
     }
   } : R;
 }
-function it(e) {
-  const t = Ve(null), l = [
+function vt(e) {
+  const t = Ue(null), o = [
     ".k-animation-container .k-popup",
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], F = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? l].flat(), C = (A) => A ? typeof e.initialFocus == "string" ? A.querySelector(e.initialFocus) ?? A : typeof e.initialFocus == "function" ? e.initialFocus(A) ?? A : A.querySelector(
+  ], T = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? o].flat(), I = (x) => x ? typeof e.initialFocus == "string" ? x.querySelector(e.initialFocus) ?? x : typeof e.initialFocus == "function" ? e.initialFocus(x) ?? x : x.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? A : null, { activate: I, deactivate: T } = Oe(t, {
+  ) ?? x : null, { activate: C, deactivate: w } = Ke(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     fallbackFocus: () => t.value,
-    initialFocus: () => C(t.value),
+    initialFocus: () => I(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let D = null, x = Y(null);
-  const E = () => {
+  let A = null, E = N(null);
+  const M = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
-    const A = (b, m) => {
-      const M = Array.from(b.querySelectorAll(m));
-      if (!M.length) return null;
-      const R = M.filter(
+    const x = (b, v) => {
+      const $ = Array.from(b.querySelectorAll(v));
+      if (!$.length) return null;
+      const R = $.filter(
         (d) => d.offsetParent !== null || d.getClientRects().length > 0
       );
-      return R[R.length - 1] ?? M[M.length - 1] ?? null;
-    }, L = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const b of F) {
-      const m = A(L, b);
-      if (m) return m;
+      return R[R.length - 1] ?? $[$.length - 1] ?? null;
+    }, F = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
+    for (const b of T) {
+      const v = x(F, b);
+      if (v) return v;
     }
-    for (const b of F) {
-      const m = A(document, b);
-      if (m) return m;
+    for (const b of T) {
+      const v = x(document, b);
+      if (v) return v;
     }
     return null;
   };
-  return Xe(t, (A) => {
-    x.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", A);
-  }), ge(
+  return lt(t, (x) => {
+    E.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", x);
+  }), fe(
     () => e.isOpen.value,
-    (A) => {
-      A ? (x.value = null, j(() => {
-        const L = E();
-        L && (t.value = L, setTimeout(() => I(), 0), D || (D = (b) => {
-          b.key === "Escape" && (x.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", b));
-        }, document.addEventListener("keydown", D, !0)));
-      })) : (T(), D && (document.removeEventListener("keydown", D, !0), D = null), t.value = null, x.value === "outside" && j(() => {
-        const L = () => {
-          const b = e.triggerEl?.value, m = b?.querySelector("input"), M = document.activeElement;
-          M && (M === m || b && b.contains(M)) && (m ?? b)?.blur?.();
+    (x) => {
+      x ? (E.value = null, B(() => {
+        const F = M();
+        F && (t.value = F, setTimeout(() => C(), 0), A || (A = (b) => {
+          b.key === "Escape" && (E.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", b));
+        }, document.addEventListener("keydown", A, !0)));
+      })) : (w(), A && (document.removeEventListener("keydown", A, !0), A = null), t.value = null, E.value === "outside" && B(() => {
+        const F = () => {
+          const b = e.triggerEl?.value, v = b?.querySelector("input"), $ = document.activeElement;
+          $ && ($ === v || b && b.contains($)) && (v ?? b)?.blur?.();
         };
-        requestAnimationFrame(() => setTimeout(L, 0));
-      }), e.returnFocusToTrigger !== !1 && x.value === "escape" && e.triggerEl?.value && (console.log(
+        requestAnimationFrame(() => setTimeout(F, 0));
+      }), e.returnFocusToTrigger !== !1 && E.value === "escape" && e.triggerEl?.value && (console.log(
         "Returning focus to trigger element:",
         e.triggerEl.value
-      ), j(() => {
-        const L = () => {
+      ), B(() => {
+        const F = () => {
           const b = e.triggerEl?.value;
           if (!b) return;
           (b.querySelector("input") ?? b)?.focus?.();
         };
-        requestAnimationFrame(() => setTimeout(L, 0));
+        requestAnimationFrame(() => setTimeout(F, 0));
       })));
     }
   ), {
     popupRef: t,
-    activate: I,
-    deactivate: T,
-    lastCloseReason: z(x),
-    setPopupEl: (A) => t.value = A
+    activate: C,
+    deactivate: w,
+    lastCloseReason: _(E),
+    setPopupEl: (x) => t.value = x
   };
 }
 export {
   Ye as useFieldsetTouchTracker,
-  rt as useFieldsetValidationKit,
-  et as useGridA11y,
-  tt as useGridActiveFilter,
-  at as useMaskedDateInput,
-  ot as useMaskedDateRangeInput,
-  lt as useMaskedTimeInput,
-  it as usePopupTrap,
-  nt as useZipTextBox
+  je as useFieldsetValidationKit,
+  ut as useGridA11y,
+  ct as useGridActiveFilter,
+  ft as useMaskedDateInput,
+  pt as useMaskedDateRangeInput,
+  mt as useMaskedTimeInput,
+  vt as usePopupTrap,
+  dt as useUSAddress,
+  We as useZipTextBox
 };