@featherk/composables 0.7.4 → 0.8.0

package/dist/featherk-composables.es.js

@@ -1,38 +1,38 @@
-import { ref as Q, onBeforeUnmount as Ie, nextTick as j, computed as b, watch as ge, onMounted as xe, readonly as G, getCurrentScope as Le, onScopeDispose as Te, toValue as de, unref as Re, shallowRef as Fe } from "vue";
-import { useFocusTrap as qe } from "@vueuse/integrations/useFocusTrap";
-const _e = (e, t) => {
-  const s = Q(null);
-  let N = !1, q = null, U = null;
-  const H = [], x = ".k-table-row[data-grid-row-index] [tabindex]", D = () => {
+import { ref as _, onBeforeUnmount as Te, nextTick as Y, computed as S, watch as ge, onMounted as xe, readonly as j, getCurrentScope as Le, onScopeDispose as Re, toValue as de, unref as Fe, shallowRef as qe } from "vue";
+import { useFocusTrap as Ue } from "@vueuse/integrations/useFocusTrap";
+const Je = (e, t) => {
+  const i = _(null);
+  let O = !1, L = null, I = null;
+  const B = [], E = ".k-table-row[data-grid-row-index] [tabindex]", A = () => {
     const a = e?.value?.$el;
     return a ? a.closest(".k-grid") : null;
-  }, k = (a) => {
-    const m = D();
+  }, D = (a) => {
+    const m = A();
     if (!m) return !1;
-    const i = a.closest(".k-grid-aria-root");
-    if (i)
-      return m.contains(i);
+    const u = a.closest(".k-grid-aria-root");
+    if (u)
+      return m.contains(u);
     const c = a.closest(
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
     return c ? m.contains(c) : !1;
-  }, w = (a) => a.key === "Enter" || a.code === "Enter" || a.code === "NumpadEnter", C = () => e?.value?.columns, A = (a) => {
+  }, k = (a) => a.key === "Enter" || a.code === "Enter" || a.code === "NumpadEnter", P = () => e?.value?.columns, x = (a) => {
     const m = a.key || a.code;
-    ([" ", "Spacebar", "Space"].includes(m) || w(a)) && (a.preventDefault(), a.stopPropagation(), s.value = a.target, a.target.click());
-  }, E = (a) => {
-    if (!s.value) return;
+    ([" ", "Spacebar", "Space"].includes(m) || k(a)) && (a.preventDefault(), a.stopPropagation(), i.value = a.target, a.target.click());
+  }, y = (a) => {
+    if (!i.value) return;
     if (a.code === "Escape") {
-      a.stopPropagation(), s.value && s.value.focus();
+      a.stopPropagation(), i.value && i.value.focus();
       return;
     }
     const m = Array.from(
       document.querySelectorAll(
         ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
       )
-    ), i = document.querySelector(
+    ), u = document.querySelector(
       ".k-animation-container .k-popup .k-column-menu .k-filter-menu-container"
     );
-    if (i) {
+    if (u) {
       if (a.code === "Tab") {
         const c = [
           // ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
@@ -43,41 +43,41 @@ const _e = (e, t) => {
           "input.k-input-inner:not([tabindex='-1']):not([disabled])",
           "button:not([tabindex='-1']):not([disabled])",
           ".k-checkbox"
-        ], y = t?.focusableMenuSelectors ?? c, f = Array.from(
-          i.querySelectorAll(y.join(","))
+        ], b = t?.focusableMenuSelectors ?? c, p = Array.from(
+          u.querySelectorAll(b.join(","))
         );
-        if (f.length === 0) return;
-        const h = f.findIndex(
+        if (p.length === 0) return;
+        const w = p.findIndex(
           (W) => W === document.activeElement
         );
-        let I;
-        h === -1 ? I = 0 : a.shiftKey ? I = (h - 1 + f.length) % f.length : I = (h + 1) % f.length, a.preventDefault(), a.stopPropagation(), f[I]?.focus();
+        let F;
+        w === -1 ? F = 0 : a.shiftKey ? F = (w - 1 + p.length) % p.length : F = (w + 1) % p.length, a.preventDefault(), a.stopPropagation(), p[F]?.focus();
       }
     } else if (a.code === "ArrowUp" || a.code === "ArrowDown") {
       a.preventDefault(), a.stopPropagation();
       const c = m.findIndex(
-        (f) => f === document.activeElement
+        (p) => p === document.activeElement
       );
-      let y = c;
-      a.code === "ArrowUp" ? y = c > 0 ? c - 1 : m.length - 1 : a.code === "ArrowDown" && (y = c < m.length - 1 ? c + 1 : 0), m[y]?.focus();
+      let b = c;
+      a.code === "ArrowUp" ? b = c > 0 ? c - 1 : m.length - 1 : a.code === "ArrowDown" && (b = c < m.length - 1 ? c + 1 : 0), m[b]?.focus();
       return;
     }
     if (a.code === "Tab") {
       a.preventDefault(), a.stopPropagation();
-      const c = s.value?.parentElement;
+      const c = i.value?.parentElement;
       (a.shiftKey ? c?.previousElementSibling : c?.nextElementSibling)?.querySelector(
         "button, [role='button'], .k-link"
       )?.focus();
     }
-  }, P = () => {
-    q = new MutationObserver((a) => {
+  }, M = () => {
+    L = new MutationObserver((a) => {
       a.forEach((m) => {
-        m.addedNodes.forEach((i) => {
-          if (i.nodeType === Node.ELEMENT_NODE) {
-            const c = i;
+        m.addedNodes.forEach((u) => {
+          if (u.nodeType === Node.ELEMENT_NODE) {
+            const c = u;
             if (c.classList.contains("k-animation-container")) {
-              const f = s.value;
-              f && (f.dataset.featherKSortable === "true" || j(() => {
+              const p = i.value;
+              p && (p.dataset.featherKSortable === "true" || Y(() => {
                 c.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
                 ).forEach((W) => {
@@ -85,87 +85,87 @@ const _e = (e, t) => {
                 });
               })), c.addEventListener(
                 "keydown",
-                E
-              ), j(() => {
-                const h = () => {
-                  const I = Array.from(
+                y
+              ), Y(() => {
+                const w = () => {
+                  const F = Array.from(
                     c.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
-                  if (I.length === 1)
-                    I[0].focus(), I[0].click(), h.attempts = 0;
-                  else if (I.length > 1) {
-                    h.attempts = 0;
+                  if (F.length === 1)
+                    F[0].focus(), F[0].click(), w.attempts = 0;
+                  else if (F.length > 1) {
+                    w.attempts = 0;
                     return;
                   } else
-                    h.attempts === void 0 && (h.attempts = 0), h.attempts++ < 3 && setTimeout(h, 200);
+                    w.attempts === void 0 && (w.attempts = 0), w.attempts++ < 3 && setTimeout(w, 200);
                 };
-                h();
+                w();
               });
             }
             c.querySelectorAll(
               ".k-animation-container"
-            ).forEach((f) => {
-              f.addEventListener(
+            ).forEach((p) => {
+              p.addEventListener(
                 "keydown",
-                E
+                y
               );
             });
           }
-        }), m.removedNodes.forEach((i) => {
-          if (i.nodeType === Node.ELEMENT_NODE) {
-            const c = i;
+        }), m.removedNodes.forEach((u) => {
+          if (u.nodeType === Node.ELEMENT_NODE) {
+            const c = u;
             c.classList.contains("k-animation-container") && c.removeEventListener(
               "keydown",
-              E
+              y
             ), c.querySelectorAll(
               ".k-animation-container"
-            ).forEach((f) => {
-              f.removeEventListener(
+            ).forEach((p) => {
+              p.removeEventListener(
                 "keydown",
-                E
+                y
               );
             });
           }
         });
       });
-    }), q.observe(document.body, {
+    }), L.observe(document.body, {
       childList: !0,
       subtree: !0
     });
-  }, O = (a) => {
+  }, T = (a) => {
     const m = a.tagName.toLowerCase();
     return !!(["input", "textarea", "select", "button"].includes(m) || a.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
     ));
-  }, p = (a) => {
+  }, d = (a) => {
     if (!a.type || !a)
       return;
     const m = a.target;
     if (!m) return;
-    const i = m.closest(
+    const u = m.closest(
       ".k-table-row[data-grid-row-index]"
     );
-    if (!k(m))
+    if (!D(m))
       return;
     const c = ["ArrowLeft", "ArrowRight"].includes(
       a.code
     );
-    if (!(O(m) && !(i && c))) {
+    if (!(T(m) && !(u && c))) {
       if (a.code === "Escape") {
-        const y = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
-        if (y) {
+        const b = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
+        if (b) {
           a.preventDefault(), a.stopPropagation();
           try {
             Array.from(
               e?.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
-            ).forEach((h) => h.setAttribute("tabindex", "-1"));
+            ).forEach((w) => w.setAttribute("tabindex", "-1"));
           } catch {
           }
-          y.setAttribute("tabindex", "0"), y.focus();
+          b.setAttribute("tabindex", "0"), b.focus();
           return;
         }
       }
@@ -179,14 +179,14 @@ const _e = (e, t) => {
         "Space"
       ].includes(a.code)) {
         if (m.classList.contains("k-grid-header-menu") && m.classList.contains("k-grid-column-menu")) {
-          s.value = m;
+          i.value = m;
           return;
         }
-        if (i) {
+        if (u) {
           if (["ArrowDown", "ArrowUp"].includes(a.code)) {
             a.preventDefault(), a.stopPropagation();
-            const y = (h, I) => {
-              let W = I === "next" ? h.nextElementSibling : h.previousElementSibling;
+            const b = (w, F) => {
+              let W = F === "next" ? w.nextElementSibling : w.previousElementSibling;
               for (; W; ) {
                 const o = W;
                 try {
@@ -194,39 +194,39 @@ const _e = (e, t) => {
                     return o;
                 } catch {
                 }
-                W = I === "next" ? W.nextElementSibling : W.previousElementSibling;
+                W = F === "next" ? W.nextElementSibling : W.previousElementSibling;
               }
               return null;
-            }, f = a.code === "ArrowDown" ? y(i, "next") : y(i, "previous");
-            f && (i.setAttribute("tabindex", "-1"), f.setAttribute("tabindex", "0"), f.focus());
+            }, p = a.code === "ArrowDown" ? b(u, "next") : b(u, "previous");
+            p && (u.setAttribute("tabindex", "-1"), p.setAttribute("tabindex", "0"), p.focus());
             return;
           }
           if (["ArrowLeft", "ArrowRight"].includes(a.code)) {
             a.preventDefault(), a.stopPropagation();
-            const y = i.querySelectorAll(
-              x
+            const b = u.querySelectorAll(
+              E
             );
-            if (y.length === 0) return;
-            let f = Array.from(y).findIndex(
-              (h) => h === document.activeElement
+            if (b.length === 0) return;
+            let p = Array.from(b).findIndex(
+              (w) => w === document.activeElement
             );
-            if (f === -1 && document.activeElement === i) {
-              y[0].focus();
+            if (p === -1 && document.activeElement === u) {
+              b[0].focus();
               return;
             }
-            a.code === "ArrowRight" ? f = f === y.length - 1 ? 0 : f + 1 : a.code === "ArrowLeft" && (f = f === 0 ? y.length - 1 : f - 1), y[f].focus();
+            a.code === "ArrowRight" ? p = p === b.length - 1 ? 0 : p + 1 : a.code === "ArrowLeft" && (p = p === 0 ? b.length - 1 : p - 1), b[p].focus();
             return;
           }
         }
       }
     }
-  }, S = () => {
-    j(() => {
+  }, h = () => {
+    Y(() => {
       const a = e.value.$el.closest(".k-grid");
       a && a.classList.add("fk-grid");
     });
   }, R = () => {
-    if (!U)
+    if (!I)
       try {
         const a = () => {
           try {
@@ -236,13 +236,13 @@ const _e = (e, t) => {
               )
             );
             if (!c || c.length === 0 || c.filter(
-              (h) => h.getAttribute("tabindex") === "0"
+              (w) => w.getAttribute("tabindex") === "0"
             ).length === 1) return;
-            const f = c.find(
-              (h) => h === document.activeElement || h.contains(document.activeElement)
+            const p = c.find(
+              (w) => w === document.activeElement || w.contains(document.activeElement)
             );
-            if (c.forEach((h) => h.setAttribute("tabindex", "-1")), f) {
-              f.setAttribute("tabindex", "0");
+            if (c.forEach((w) => w.setAttribute("tabindex", "-1")), p) {
+              p.setAttribute("tabindex", "0");
               return;
             }
             c[0].setAttribute("tabindex", "0");
@@ -254,217 +254,264 @@ const _e = (e, t) => {
             ".k-table-row[data-grid-row-index]"
           )
         );
-        m.length > 0 && m.forEach((c, y) => {
-          c.setAttribute("tabindex", y === 0 ? "0" : "-1");
+        m.length > 0 && m.forEach((c, b) => {
+          c.setAttribute("tabindex", b === 0 ? "0" : "-1");
         });
-        const i = e.value.$el.querySelector(".k-table-tbody");
-        i && (U = new MutationObserver(() => {
+        const u = e.value.$el.querySelector(".k-table-tbody");
+        u && (I = new MutationObserver(() => {
           a();
-        }), U.observe(i, { childList: !0, subtree: !0 }));
+        }), I.observe(u, { childList: !0, subtree: !0 }));
       } catch (a) {
         console.error("Error setting up row navigation:", a);
       }
-  }, X = () => {
-    j(() => {
+  }, z = () => {
+    Y(() => {
       const m = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-      m && m.forEach((i) => {
-        i.setAttribute("role", "button"), i.addEventListener(
+      m && m.forEach((u) => {
+        u.setAttribute("role", "button"), u.addEventListener(
           "keydown",
-          A
+          x
         );
-      }), P(), ee();
+      }), M(), ee();
     });
-  }, _ = () => {
+  }, Z = () => {
     const m = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-    m && m.forEach((i) => {
-      i.removeEventListener(
+    m && m.forEach((u) => {
+      u.removeEventListener(
         "keydown",
-        A
+        x
       );
-    }), q && (q.disconnect(), q = null), U && (U.disconnect(), U = null), H.forEach((i) => i()), H.length = 0;
+    }), L && (L.disconnect(), L = null), I && (I.disconnect(), I = null), B.forEach((u) => u()), B.length = 0;
   }, ee = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
-    ).forEach((i, c) => {
-      if (i.dataset.featherKHeaderBound === "true")
+    ).forEach((u, c) => {
+      if (u.dataset.featherKHeaderBound === "true")
         return;
-      const y = i.querySelector(
+      const b = u.querySelector(
         ".k-grid-header-menu.k-grid-column-menu"
       );
-      if (!y) return;
-      const f = C();
-      if (f && f[c]) {
-        const v = f[c].field ?? "";
-        i.setAttribute("data-feather-k-field", v), i.setAttribute(
+      if (!b) return;
+      const p = P();
+      if (p && p[c]) {
+        const v = p[c].field ?? "";
+        u.setAttribute("data-feather-k-field", v), u.setAttribute(
           "data-feather-k-filterable",
-          f[c].filterable === !1 ? "false" : "true"
-        ), i.setAttribute(
+          p[c].filterable === !1 ? "false" : "true"
+        ), u.setAttribute(
           "data-feather-k-sortable",
-          f[c].sortable === !1 ? "false" : "true"
+          p[c].sortable === !1 ? "false" : "true"
         );
       }
-      const h = i.dataset.featherKFilterable !== "false", I = i.dataset.featherKSortable !== "false";
-      y.setAttribute("tabindex", "-1"), h || I ? i.style.cursor = "pointer" : i.style.cursor = "default", h ? (i.setAttribute("tabindex", "0"), i.setAttribute("role", "button"), i.setAttribute("aria-haspopup", "menu")) : (i.setAttribute("tabindex", "0"), i.setAttribute("role", "columnheader"), i.removeAttribute("aria-haspopup"));
+      const w = u.dataset.featherKFilterable !== "false", F = u.dataset.featherKSortable !== "false";
+      b.setAttribute("tabindex", "-1"), w || F ? u.style.cursor = "pointer" : u.style.cursor = "default", w ? (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 = (v) => {
-        v.target?.closest(".k-column-resizer") || (s.value = i, y.click());
+        v.target?.closest(".k-column-resizer") || (i.value = u, b.click());
       }, o = (v) => {
-        if (h)
-          s.value = i, v.preventDefault(), v.stopPropagation(), W(v);
-        else if (I) {
-          s.value = i;
-          const T = i.querySelector(".k-link");
-          T && T.click();
+        if (w)
+          i.value = u, v.preventDefault(), v.stopPropagation(), W(v);
+        else if (F) {
+          i.value = u;
+          const U = u.querySelector(".k-link");
+          U && U.click();
         }
       };
-      i.addEventListener("click", o), H.push(() => {
-        i.removeEventListener("click", o);
+      u.addEventListener("click", o), B.push(() => {
+        u.removeEventListener("click", o);
       });
-      const d = (v) => {
-        if ((w(v) || v.code === "Space") && (h || I)) {
-          if (v.preventDefault(), v.stopPropagation(), s.value = i, s.value.focus(), h)
+      const f = (v) => {
+        if ((k(v) || v.code === "Space") && (w || F)) {
+          if (v.preventDefault(), v.stopPropagation(), i.value = u, i.value.focus(), w)
             W(v);
-          else if (I) {
-            const T = i.querySelector(".k-link");
-            T && T.click();
+          else if (F) {
+            const U = u.querySelector(".k-link");
+            U && U.click();
           }
         }
       };
-      i.addEventListener("keydown", d, !0), H.push(() => {
-        i.removeEventListener("keydown", d, !0);
-      }), i.dataset.featherKHeaderBound = "true";
+      u.addEventListener("keydown", f, !0), B.push(() => {
+        u.removeEventListener("keydown", f, !0);
+      }), u.dataset.featherKHeaderBound = "true";
     });
     const m = document.querySelector(".k-grid-header .k-table-thead");
     if (m && m.dataset.featherKHeaderBound !== "true") {
-      const i = (c) => {
-        const y = c.target.closest("th");
-        y && (w(c) || c.code === "Space") && y.dataset.featherKFilterable === "false" && y.dataset.featherKSortable === "false" && (c.preventDefault(), c.stopImmediatePropagation());
+      const u = (c) => {
+        const b = c.target.closest("th");
+        b && (k(c) || c.code === "Space") && b.dataset.featherKFilterable === "false" && b.dataset.featherKSortable === "false" && (c.preventDefault(), c.stopImmediatePropagation());
       };
       m.addEventListener(
         "keydown",
-        i,
+        u,
         !0
         // NOTE: capture phase
-      ), H.push(() => {
+      ), B.push(() => {
         m.removeEventListener(
           "keydown",
-          i,
+          u,
           !0
         );
       }), m.dataset.featherKHeaderBound = "true";
     }
   }, te = function(a, m) {
-    const i = a?.event?.event.target, c = C();
-    if (!i || !c) return;
-    const y = i.classList.contains("k-grid-header-menu"), f = i.classList.contains("k-columnmenu-item"), h = c.find((I) => I.field === a?.event?.field)?.sortable && !0;
-    if (!y) {
-      if (f && !h) {
+    const u = a?.event?.event.target, c = P();
+    if (!u || !c) return;
+    const b = u.classList.contains("k-grid-header-menu"), p = u.classList.contains("k-columnmenu-item"), w = c.find((F) => F.field === a?.event?.field)?.sortable && !0;
+    if (!b) {
+      if (p && !w) {
         a?.event?.sort?.filter(
           (W) => W.field !== a?.event?.field
         );
         return;
       }
-      typeof m == "function" && j(() => {
-        s.value && s.value.focus(), m(a), j(() => {
+      typeof m == "function" && Y(() => {
+        i.value && i.value.focus(), m(a), Y(() => {
           ee();
         });
       });
     }
   }, le = () => {
-    if (!N)
+    if (!O)
       try {
-        S(), R(), X(), N = !0;
+        h(), R(), z(), O = !0;
       } catch (a) {
-        console.error("initA11y failed:", a), _();
+        console.error("initA11y failed:", a), Z();
       }
   };
-  return Ie(() => {
-    _();
+  return Te(() => {
+    Z();
   }), {
-    activeFilterButton: s,
-    handleGridKeyDown: p,
+    activeFilterButton: i,
+    handleGridKeyDown: d,
     handleSortChange: te,
     initA11y: le
   };
-}, Ue = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Oe = (e) => !!e && typeof e == "object" && "field" in e, $e = (e, t) => !e || typeof e != "object" ? !1 : Ue(e) ? e.filters.some(
-  (s) => $e(s, t)
-) : Oe(e) ? e.field === t : !1, ze = (e) => (t) => e.value?.filters && e.value.filters.some(
-  (s) => $e(s, t)
-) ? "active" : "";
-function Xe(e) {
-  const t = Q(""), s = Q(void 0), N = Q(!!e.debug), q = Q(e.dateFormat ?? "mm/dd/yyyy"), U = b(() => !!e.required), H = Q(!1), x = ["ArrowUp", "ArrowDown"], D = ["ArrowLeft", "ArrowRight"], k = b(() => (t.value ?? "").replace(/\D/g, "")), w = (o) => o <= 2 ? "mm" : o <= 5 ? "dd" : k.value.length <= 10 ? "yyyy" : "mm", C = b(() => {
+}, Oe = (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 : Oe(e) ? e.filters.some(
+  (i) => Ce(i, t)
+) : Be(e) ? e.field === t : !1, Qe = (e) => (t) => e.value?.filters && e.value.filters.some(
+  (i) => Ce(i, t)
+) ? "active" : "", Ke = "Enter a valid ZIP code with exactly 5 or 9 digits.", Me = (e) => {
+  const t = e.replace(/\D/g, "").slice(0, 9);
+  return t.length > 5 ? `${t.slice(0, 5)}-${t.slice(5)}` : t;
+}, Ve = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, Ne = (e) => e <= 5 ? e : Math.min(e + 1, 10), et = (e) => {
+  const t = _(Me(e.initialValue ?? "")), i = _(!1), O = _(
+    e.errorMessage?.trim() || Ke
+  ), L = S(() => t.value.replace(/\D/g, "")), I = S(() => {
+    const y = L.value.length;
+    return y === 5 || y === 9;
+  }), B = S(() => i.value && !I.value), E = S(() => !i.value || I.value), A = S(() => i.value), D = (y, M) => {
+    const T = Ne(M);
+    Y(() => {
+      y.isConnected && y.setSelectionRange(T, T);
+    });
+  };
+  return {
+    // writable state
+    zipDisplay: t,
+    submitted: i,
+    errorMessage: O,
+    // bindings
+    wrapperClass: "fk-zip-textbox",
+    // derived state
+    zipRaw: L,
+    isZipValid: I,
+    showZipError: B,
+    textBoxValid: E,
+    textBoxValidate: A,
+    // actions
+    handleZipInput: (...y) => {
+      const M = y[0], d = M?.event?.target, h = M?.value, R = Array.isArray(h) ? h.join("") : String(h ?? ""), z = d?.selectionStart !== void 0 && d.selectionStart !== null ? Ve(
+        d.value,
+        d.selectionStart
+      ) : R.replace(/\D/g, "").length;
+      t.value = Me(R), d && D(d, z);
+    },
+    submitAndValidate: (y) => {
+      i.value = !0;
+      const M = I.value;
+      return !M && y?.focus && Y(() => {
+        document.getElementById(
+          e.id
+        )?.focus();
+      }), M;
+    },
+    buildPayload: () => ({ zip: L.value })
+  };
+};
+function tt(e) {
+  const t = _(""), i = _(void 0), O = _(!!e.debug), L = _(e.dateFormat ?? "mm/dd/yyyy"), I = S(() => !!e.required), B = _(!1), E = ["ArrowUp", "ArrowDown"], A = ["ArrowLeft", "ArrowRight"], D = S(() => (t.value ?? "").replace(/\D/g, "")), k = (o) => o <= 2 ? "mm" : o <= 5 ? "dd" : D.value.length <= 10 ? "yyyy" : "mm", P = S(() => {
     const o = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(o).toString().padStart(2, "0");
-  }), A = b(() => {
+  }), x = S(() => {
     const o = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
     return parseInt(o).toString().padStart(2, "0");
-  }), E = b(() => {
+  }), y = S(() => {
     const o = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(o).toString().padStart(4, "0");
-  }), P = (o) => {
-    if (k.value.length === 0) {
+  }), M = (o) => {
+    if (D.value.length === 0) {
       e.onChange({ value: null, event: o });
       return;
     }
-    if (k.value.length < 8) {
+    if (D.value.length < 8) {
       e.onChange({ value: null, event: o });
       return;
     }
-    if ((t.value ?? "").length === 10 && k.value.length === 8) {
-      const [d, v, T] = t.value.split("/"), K = parseInt(d), B = parseInt(v), Z = parseInt(T);
-      if (X(Z, K, B)) {
-        const ie = new Date(Z, K - 1, B);
-        O(ie) ? e.onChange({ value: ie, event: o }) : e.onChange({ value: null, event: o });
+    if ((t.value ?? "").length === 10 && D.value.length === 8) {
+      const [f, v, U] = t.value.split("/"), V = parseInt(f), N = parseInt(v), Q = parseInt(U);
+      if (z(Q, V, N)) {
+        const ie = new Date(Q, V - 1, N);
+        T(ie) ? e.onChange({ value: ie, event: o }) : e.onChange({ value: null, event: o });
       } else
         e.onChange({ value: null, event: o });
     }
-  }, O = (o) => {
-    const d = e.min ?? void 0, v = e.max ?? void 0;
-    return !(d && o < d || v && o > v);
-  }, p = b(() => {
-    if ((t.value ?? "").length === 10 && k.value.length === 8) {
-      const [o, d, v] = (t.value ?? "").split("/"), T = parseInt(o), K = parseInt(d), B = parseInt(v);
-      if (X(B, T, K))
-        return new Date(B, T - 1, K);
+  }, T = (o) => {
+    const f = e.min ?? void 0, v = e.max ?? void 0;
+    return !(f && o < f || v && o > v);
+  }, d = S(() => {
+    if ((t.value ?? "").length === 10 && D.value.length === 8) {
+      const [o, f, v] = (t.value ?? "").split("/"), U = parseInt(o), V = parseInt(f), N = parseInt(v);
+      if (z(N, U, V))
+        return new Date(N, U - 1, V);
     }
     return null;
-  }), S = b(() => (t.value ?? "").length === 10 && k.value.length === 8), R = (o, d) => new Date(o, d, 0).getDate(), X = (o, d, v) => d >= 1 && d <= 12 && o >= 1900 && v >= 1 && v <= R(o, d), _ = (o) => {
+  }), h = S(() => (t.value ?? "").length === 10 && D.value.length === 8), R = (o, f) => new Date(o, f, 0).getDate(), z = (o, f, v) => f >= 1 && f <= 12 && o >= 1900 && v >= 1 && v <= R(o, f), Z = (o) => {
     t.value = o.value;
-    const d = o.event?.target;
-    s.value = d?.selectionStart ?? 0, P(o);
+    const f = o.event?.target;
+    i.value = f?.selectionStart ?? 0, M(o);
   }, ee = (o) => {
-    s.value = o.target.selectionStart ?? 0;
-  }, te = (o, d, v) => {
-    const T = d?.selectionStart ?? s.value ?? 0;
-    s.value = T;
-    let K = parseInt(C.value), B = parseInt(A.value), Z = parseInt(E.value);
-    if (!(k.value.length >= 8) || !X(Z, K, B)) {
-      const z = e.defaultValue ?? /* @__PURE__ */ new Date();
-      K = z.getMonth() + 1, B = z.getDate(), Z = z.getFullYear(), t.value = `${String(K).padStart(2, "0")}/${String(B).padStart(
+    i.value = o.target.selectionStart ?? 0;
+  }, te = (o, f, v) => {
+    const U = f?.selectionStart ?? i.value ?? 0;
+    i.value = U;
+    let V = parseInt(P.value), N = parseInt(x.value), Q = parseInt(y.value);
+    if (!(D.value.length >= 8) || !z(Q, V, N)) {
+      const X = e.defaultValue ?? /* @__PURE__ */ new Date();
+      V = X.getMonth() + 1, N = X.getDate(), Q = X.getFullYear(), t.value = `${String(V).padStart(2, "0")}/${String(N).padStart(
         2,
         "0"
-      )}/${String(Z)}`;
-      const F = new Date(Z, K - 1, B);
-      e.onChange({ value: O(F) ? F : null, event: v }), c({ useRAF: !0 });
+      )}/${String(Q)}`;
+      const K = new Date(Q, V - 1, N);
+      e.onChange({ value: T(K) ? K : null, event: v }), c({ useRAF: !0 });
       return;
     }
-    const r = w(T);
+    const r = k(U);
     if (r === "mm")
-      K = o === "ArrowUp" ? K < 12 ? K + 1 : 1 : K > 1 ? K - 1 : 12;
+      V = o === "ArrowUp" ? V < 12 ? V + 1 : 1 : V > 1 ? V - 1 : 12;
     else if (r === "dd") {
-      const z = new Date(Z, K, 0).getDate();
-      B = o === "ArrowUp" ? B < z ? B + 1 : 1 : B > 1 ? B - 1 : z;
-    } else r === "yyyy" && (Z = o === "ArrowUp" ? Z + 1 : Math.max(1, Z - 1));
-    t.value = `${String(K).padStart(2, "0")}/${String(B).padStart(
+      const X = new Date(Q, V, 0).getDate();
+      N = o === "ArrowUp" ? N < X ? N + 1 : 1 : N > 1 ? N - 1 : X;
+    } else r === "yyyy" && (Q = o === "ArrowUp" ? Q + 1 : Math.max(1, Q - 1));
+    t.value = `${String(V).padStart(2, "0")}/${String(N).padStart(
       2,
       "0"
-    )}/${String(Z)}`;
-    const [l, $, L] = t.value.split("/"), V = new Date(
-      parseInt(L),
+    )}/${String(Q)}`;
+    const [l, C, q] = t.value.split("/"), H = new Date(
+      parseInt(q),
       parseInt(l) - 1,
-      parseInt($)
+      parseInt(C)
     );
-    V.toString() !== "Invalid Date" && parseInt(L) >= 1e3 ? e.onChange({
-      value: O(V) ? V : null,
+    H.toString() !== "Invalid Date" && parseInt(q) >= 1e3 ? e.onChange({
+      value: T(H) ? H : null,
       event: v
     }) : e.onChange({ value: null, event: v }), c({ useRAF: !0 });
   }, le = (o) => {
@@ -476,72 +523,72 @@ function Xe(e) {
       o.preventDefault(), o.stopPropagation(), e.onShowCalendar(o);
       return;
     }
-    if (x.includes(o.key)) {
+    if (E.includes(o.key)) {
       if (o.altKey) return;
       o.preventDefault(), o.stopPropagation();
-      const d = o.target;
-      te(o.key, d, o);
+      const f = o.target;
+      te(o.key, f, o);
       return;
     }
   }, a = (o) => {
     o.preventDefault();
-    const d = o.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    te(d, o.target, o);
+    const f = o.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    te(f, o.target, o);
   }, m = (o) => {
-    const d = o.target;
-    if (D.includes(o.key)) {
-      s.value = d?.selectionStart ?? 0;
+    const f = o.target;
+    if (A.includes(o.key)) {
+      i.value = f?.selectionStart ?? 0;
       return;
     }
-    if (x.includes(o.key)) {
+    if (E.includes(o.key)) {
       if (o.altKey) return;
-      s.value = d?.selectionStart ?? 0;
+      i.value = f?.selectionStart ?? 0;
     }
-  }, i = (o) => {
-    H.value = !0, U.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && k.value.length === 0 && (e.externalValue.value = "");
-    const d = o.target;
-    d && (s.value = d.selectionStart ?? 0);
+  }, u = (o) => {
+    B.value = !0, I.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && D.value.length === 0 && (e.externalValue.value = "");
+    const f = o.target;
+    f && (i.value = f.selectionStart ?? 0);
   }, c = (o) => {
-    const d = () => {
+    const f = () => {
       const v = document.getElementById(
         e.id
       );
       if (!v) return;
-      const T = o?.pos ?? s.value ?? v.value.length;
+      const U = o?.pos ?? i.value ?? v.value.length;
       try {
-        v.focus(), v.setSelectionRange(T, T);
+        v.focus(), v.setSelectionRange(U, U);
       } catch {
       }
     };
-    j(() => {
+    Y(() => {
       if (o?.delay && o.delay > 0) {
-        setTimeout(d, o.delay);
+        setTimeout(f, o.delay);
         return;
       }
       if (o?.useRAF) {
-        requestAnimationFrame(d);
+        requestAnimationFrame(f);
         return;
       }
-      d();
+      f();
     });
   };
   e.externalValue && ge(
     e.externalValue,
     (o) => {
       if (o) {
-        const d = new Date(o);
-        if (d.toString() !== "Invalid Date") {
-          const v = (d.getMonth() + 1).toString().padStart(2, "0"), T = d.getDate().toString().padStart(2, "0"), K = d.getFullYear().toString();
-          t.value = `${v}/${T}/${K}`, c({ delay: 50 });
+        const f = new Date(o);
+        if (f.toString() !== "Invalid Date") {
+          const v = (f.getMonth() + 1).toString().padStart(2, "0"), U = f.getDate().toString().padStart(2, "0"), V = f.getFullYear().toString();
+          t.value = `${v}/${U}/${V}`, c({ delay: 50 });
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const y = b(() => [
-    ["Date", `${C.value} / ${A.value} / ${E.value}`],
-    ["Digits only", k.value],
+  const b = S(() => [
+    ["Date", `${P.value} / ${x.value} / ${y.value}`],
+    ["Digits only", D.value],
     [
       "min",
       e.min?.toLocaleDateString("en-US", {
@@ -558,34 +605,34 @@ function Xe(e) {
         day: "2-digit"
       }) ?? null
     ]
-  ]), f = b(() => {
-    if (!U.value) {
-      if (!S.value) return !0;
-      const d = p.value;
-      return d ? O(d) : !1;
+  ]), p = S(() => {
+    if (!I.value) {
+      if (!h.value) return !0;
+      const f = d.value;
+      return f ? T(f) : !1;
     }
-    if (!H.value) return !0;
-    const o = p.value;
-    return !S.value || !o ? !1 : O(o);
-  }), h = b(() => {
-    if (!U.value) {
-      if (!S.value) return;
-      const d = p.value;
-      return d ? O(d) ? "valid" : "out-of-bounds" : "invalid-date";
+    if (!B.value) return !0;
+    const o = d.value;
+    return !h.value || !o ? !1 : T(o);
+  }), w = S(() => {
+    if (!I.value) {
+      if (!h.value) return;
+      const f = d.value;
+      return f ? T(f) ? "valid" : "out-of-bounds" : "invalid-date";
     }
-    if (!H.value) return;
-    if (k.value.length === 0 || !S.value)
+    if (!B.value) return;
+    if (D.value.length === 0 || !h.value)
       return "incomplete";
-    const o = p.value;
-    return o ? O(o) ? "valid" : "out-of-bounds" : "invalid-date";
-  }), I = b(() => {
-    const o = h.value;
+    const o = d.value;
+    return o ? T(o) ? "valid" : "out-of-bounds" : "invalid-date";
+  }), F = S(() => {
+    const o = w.value;
     if (!o || o === "valid") return "";
     if (o === "incomplete")
       return "Required";
     if (o === "invalid-date")
-      return `Must be in ${q.value} format.`;
-    const d = e.min ? e.min.toLocaleDateString("en-US", {
+      return `Must be in ${L.value} format.`;
+    const f = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
@@ -595,13 +642,13 @@ function Xe(e) {
       day: "2-digit"
     }) : null;
     if (o === "out-of-bounds") {
-      if (d && v) return `Must be between ${d} and ${v}.`;
-      if (d) return `Must be on or after ${d}.`;
+      if (f && v) return `Must be between ${f} and ${v}.`;
+      if (f) return `Must be on or after ${f}.`;
       if (v) return `Must be on or before ${v}.`;
     }
     return "";
   }), W = () => {
-    j(() => {
+    Y(() => {
       const o = document.getElementById(
         e.id
       );
@@ -609,12 +656,12 @@ function Xe(e) {
         console.warn(`ID (#${e.id}) not found for styling.`);
         return;
       }
-      const d = o.closest(".k-datepicker");
-      if (!d) {
+      const f = o.closest(".k-datepicker");
+      if (!f) {
         console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
         return;
       }
-      const v = d.parentElement;
+      const v = f.parentElement;
       if (v) {
         if (v.classList.contains("fk-datepicker"))
           return;
@@ -629,65 +676,65 @@ function Xe(e) {
     W();
   }), {
     raw: t,
-    cursorPos: s,
-    debugEnabled: N,
-    debugLines: y,
-    placeholder: q,
-    isValid: f,
-    reason: G(h),
-    validationMessage: I,
-    digitsOnly: k,
-    month: G(C),
-    day: G(A),
-    year: G(E),
-    datePart: w,
-    handleChange: _,
+    cursorPos: i,
+    debugEnabled: O,
+    debugLines: b,
+    placeholder: L,
+    isValid: p,
+    reason: j(w),
+    validationMessage: F,
+    digitsOnly: D,
+    month: j(P),
+    day: j(x),
+    year: j(y),
+    datePart: k,
+    handleChange: Z,
     handleKeyDown: le,
     handleWheel: a,
     handleKeyUp: m,
     handleClick: ee,
-    handleBlur: i,
+    handleBlur: u,
     // Expose so consumers can re-run styling when needed
     initStyling: W
   };
 }
-function Je(e) {
-  const t = Q(""), s = Q(void 0), N = Q(!!e.debug), q = Q(!1), U = 1440 * 60 * 1e3, H = 365 * U, x = /* @__PURE__ */ new Date(), D = new Date(x.getTime() - H), k = new Date(x.getTime() + H);
-  e.min = e.min ?? D, e.max = e.max ?? k;
-  const w = b(() => (t.value ?? "").replace(/\D/g, "")), C = (n, u) => new Date(n, u, 0).getDate(), A = (n, u, g) => u >= 1 && u <= 12 && n >= 1e3 && g >= 1 && g <= C(n, u), E = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), P = (n) => {
+function nt(e) {
+  const t = _(""), i = _(void 0), O = _(!!e.debug), L = _(!1), I = 1440 * 60 * 1e3, B = 365 * I, E = /* @__PURE__ */ new Date(), A = new Date(E.getTime() - B), D = new Date(E.getTime() + B);
+  e.min = e.min ?? A, e.max = e.max ?? D;
+  const k = S(() => (t.value ?? "").replace(/\D/g, "")), P = (n, s) => new Date(n, s, 0).getDate(), x = (n, s, g) => s >= 1 && s <= 12 && n >= 1e3 && g >= 1 && g <= P(n, s), y = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), M = (n) => {
     if (!n) return null;
-    const u = e.min ?? new Date(Date.now() - 90 * U), g = e.max ?? /* @__PURE__ */ new Date(), M = E(n);
-    return M < E(u) || M > E(g) ? null : n;
-  }, O = (n, u) => e.allowReverse ?? !1 ? !0 : n <= u, p = b(() => (t.value?.length ?? 0) >= 23 && w.value.length >= 16), S = (n) => {
-    if ((n ?? "").length < 23 || w.value.length < 16)
+    const s = e.min ?? new Date(Date.now() - 90 * I), g = e.max ?? /* @__PURE__ */ new Date(), $ = y(n);
+    return $ < y(s) || $ > y(g) ? null : n;
+  }, T = (n, s) => e.allowReverse ?? !1 ? !0 : n <= s, d = S(() => (t.value?.length ?? 0) >= 23 && k.value.length >= 16), h = (n) => {
+    if ((n ?? "").length < 23 || k.value.length < 16)
       return { start: null, end: null };
-    const u = n.substring(0, 10), g = n.substring(13, 23), [M, ne, re] = u.split("/").map((ce) => parseInt(ce || "0", 10)), [se, fe, pe] = g.split("/").map((ce) => parseInt(ce || "0", 10)), me = new Date(re, M - 1, ne), he = new Date(pe, se - 1, fe), we = A(re, M, ne) && me.toString() !== "Invalid Date", ke = A(pe, se, fe) && he.toString() !== "Invalid Date";
+    const s = n.substring(0, 10), g = n.substring(13, 23), [$, ne, re] = s.split("/").map((ce) => parseInt(ce || "0", 10)), [se, fe, pe] = g.split("/").map((ce) => parseInt(ce || "0", 10)), me = new Date(re, $ - 1, ne), he = new Date(pe, se - 1, fe), we = x(re, $, ne) && me.toString() !== "Invalid Date", ke = x(pe, se, fe) && he.toString() !== "Invalid Date";
     return { start: we ? me : null, end: ke ? he : null };
-  }, R = e.externalValid ?? Q(!0), X = b(() => S(t.value)), _ = b(() => {
-    const n = P(X.value.start), u = P(X.value.end);
-    return { start: n, end: u };
-  }), ee = b(() => {
-    if (!p.value) return;
-    const n = _.value.start, u = _.value.end;
-    if (!n || !u) return;
-    const g = Math.abs(E(u) - E(n));
+  }, R = e.externalValid ?? _(!0), z = S(() => h(t.value)), Z = S(() => {
+    const n = M(z.value.start), s = M(z.value.end);
+    return { start: n, end: s };
+  }), ee = S(() => {
+    if (!d.value) return;
+    const n = Z.value.start, s = Z.value.end;
+    if (!n || !s) return;
+    const g = Math.abs(y(s) - y(n));
     return Math.round(g / 864e5 + 1);
-  }), te = b(() => {
-    if (!p.value) return !1;
-    const { start: n, end: u } = X.value;
-    if (!n || !u || !_.value.start || !_.value.end) return !1;
-    const g = _.value.start, M = _.value.end;
-    return !(!O(g, M) || typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays);
-  }), le = b(() => {
-    const { start: n, end: u } = X.value;
-    if (!p.value) return "incomplete";
-    if (!n || !u) return "invalid-date";
-    if (!_.value.start || !_.value.end) return "out-of-bounds";
-    const g = _.value.start, M = _.value.end;
-    return O(g, M) ? typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), a = Q(void 0), m = b(() => {
+  }), te = S(() => {
+    if (!d.value) return !1;
+    const { start: n, end: s } = z.value;
+    if (!n || !s || !Z.value.start || !Z.value.end) return !1;
+    const g = Z.value.start, $ = Z.value.end;
+    return !(!T(g, $) || typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays);
+  }), le = S(() => {
+    const { start: n, end: s } = z.value;
+    if (!d.value) return "incomplete";
+    if (!n || !s) return "invalid-date";
+    if (!Z.value.start || !Z.value.end) return "out-of-bounds";
+    const g = Z.value.start, $ = Z.value.end;
+    return T(g, $) ? typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), a = _(void 0), m = S(() => {
     if (R.value !== !1) return "";
-    const { min: n, max: u } = e, g = a.value;
+    const { min: n, max: s } = e, g = a.value;
     if (!g) return "";
     switch (g) {
       case "incomplete":
@@ -697,88 +744,88 @@ function Je(e) {
       case "reversed-range":
         return "End Date must be on or after Start Date.";
       case "out-of-bounds":
-        return n && u ? `Dates must be between ${f(n)} and ${f(u)}.` : "Dates must be within the allowed range.";
+        return n && s ? `Dates must be between ${p(n)} and ${p(s)}.` : "Dates must be within the allowed range.";
       case "span-exceeds-limit":
         return typeof e.maxSpanDays == "number" ? `Date range exceeds ${e.maxSpanDays} days.` : "Date range exceeds maximum allowed span.";
       default:
         return "";
     }
-  }), i = ["ArrowUp", "ArrowDown"], c = ["ArrowLeft", "ArrowRight"], y = (n, u) => String(n).padStart(u, "0"), f = (n) => `${y(n.getMonth() + 1, 2)}/${y(n.getDate(), 2)}/${y(
+  }), u = ["ArrowUp", "ArrowDown"], c = ["ArrowLeft", "ArrowRight"], b = (n, s) => String(n).padStart(s, "0"), p = (n) => `${b(n.getMonth() + 1, 2)}/${b(n.getDate(), 2)}/${b(
     n.getFullYear(),
     4
-  )}`, h = (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" }, I = (n, u, g) => {
-    const M = u?.selectionStart ?? s.value ?? 0;
-    s.value = M;
-    const { start: ne, end: re } = S(t.value);
+  )}`, w = (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" }, F = (n, s, g) => {
+    const $ = s?.selectionStart ?? i.value ?? 0;
+    i.value = $;
+    const { start: ne, end: re } = h(t.value);
     if (!ne && !re) {
-      const Y = /* @__PURE__ */ new Date(), ue = f(Y);
-      t.value = `${ue} - ${ue}`, e.onChange({ value: { start: Y, end: Y }, event: g }), j(() => {
+      const G = /* @__PURE__ */ new Date(), ue = p(G);
+      t.value = `${ue} - ${ue}`, e.onChange({ value: { start: G, end: G }, event: g }), Y(() => {
         requestAnimationFrame(() => {
           const oe = document.getElementById(
             e.id
-          ), ae = s.value ?? 0;
+          ), ae = i.value ?? 0;
           oe && (oe.focus(), oe.setSelectionRange(ae, ae));
         });
       });
       return;
     }
-    const se = /* @__PURE__ */ new Date(), fe = h(M);
+    const se = /* @__PURE__ */ new Date(), fe = w($);
     let pe = ne ? new Date(ne) : new Date(se), me = re ? new Date(re) : new Date(se);
-    const he = (Y, ue) => {
+    const he = (G, ue) => {
       if (ue === "mm") {
-        const oe = Y.getMonth() + 1, ae = n === "ArrowUp" ? oe < 12 ? oe + 1 : 1 : oe > 1 ? oe - 1 : 12;
-        Y.setMonth(ae - 1);
-        const be = C(Y.getFullYear(), ae);
-        Y.getDate() > be && Y.setDate(be);
+        const oe = G.getMonth() + 1, ae = n === "ArrowUp" ? oe < 12 ? oe + 1 : 1 : oe > 1 ? oe - 1 : 12;
+        G.setMonth(ae - 1);
+        const be = P(G.getFullYear(), ae);
+        G.getDate() > be && G.setDate(be);
       } else if (ue === "dd") {
-        const oe = C(Y.getFullYear(), Y.getMonth() + 1), ae = Y.getDate(), be = n === "ArrowUp" ? ae < oe ? ae + 1 : 1 : ae > 1 ? ae - 1 : oe;
-        Y.setDate(be);
+        const oe = P(G.getFullYear(), G.getMonth() + 1), ae = G.getDate(), be = n === "ArrowUp" ? ae < oe ? ae + 1 : 1 : ae > 1 ? ae - 1 : oe;
+        G.setDate(be);
       } else if (ue === "yyyy") {
-        const oe = Y.getFullYear();
-        Y.setFullYear(n === "ArrowUp" ? oe + 1 : Math.max(1, oe - 1));
-        const ae = C(Y.getFullYear(), Y.getMonth() + 1);
-        Y.getDate() > ae && Y.setDate(ae);
+        const oe = G.getFullYear();
+        G.setFullYear(n === "ArrowUp" ? oe + 1 : Math.max(1, oe - 1));
+        const ae = P(G.getFullYear(), G.getMonth() + 1);
+        G.getDate() > ae && G.setDate(ae);
       }
     };
     fe.side === "start" ? he(pe, fe.part) : he(me, fe.part);
-    const we = f(pe), ke = f(me);
+    const we = p(pe), ke = p(me);
     t.value = `${we} - ${ke}`;
-    const ce = P(pe), De = P(me);
-    ce && De && O(ce, De) ? e.onChange({ value: { start: ce, end: De }, event: g }) : e.onChange({ value: null, event: g }), j(() => {
+    const ce = M(pe), De = M(me);
+    ce && De && T(ce, De) ? e.onChange({ value: { start: ce, end: De }, event: g }) : e.onChange({ value: null, event: g }), Y(() => {
       requestAnimationFrame(() => {
-        const Y = document.getElementById(
+        const G = document.getElementById(
           e.id
-        ), ue = s.value ?? 0;
-        Y && (Y.focus(), Y.setSelectionRange(ue, ue));
+        ), ue = i.value ?? 0;
+        G && (G.focus(), G.setSelectionRange(ue, ue));
       });
     });
   }, W = (n) => {
-    const { start: u, end: g } = S(t.value);
-    if (!u || !g) {
+    const { start: s, end: g } = h(t.value);
+    if (!s || !g) {
       e.onChange({ value: null, event: n });
       return;
     }
-    const M = P(u), ne = P(g);
-    if (!M || !ne) {
+    const $ = M(s), ne = M(g);
+    if (!$ || !ne) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if (!O(M, ne)) {
+    if (!T($, ne)) {
       e.onChange({ value: null, event: n });
       return;
     }
-    e.onChange({ value: { start: M, end: ne }, event: n });
+    e.onChange({ value: { start: $, end: ne }, event: n });
   }, o = (n) => {
-    const u = n.value ?? "", g = n.event;
-    if (!u && g && g.type === "click") {
+    const s = n.value ?? "", g = n.event;
+    if (!s && g && g.type === "click") {
       ie(g);
       return;
     }
-    t.value = u;
-    const M = g?.target;
-    s.value = M?.selectionStart ?? 0, W(n);
-  }, d = (n) => {
-    s.value = n.target.selectionStart ?? 0;
+    t.value = s;
+    const $ = g?.target;
+    i.value = $?.selectionStart ?? 0, W(n);
+  }, f = (n) => {
+    i.value = n.target.selectionStart ?? 0;
   }, v = (n) => {
     if (n.code === "Space" || n.key === " ") {
       n.preventDefault(), n.stopPropagation(), e.onShowCalendar(n);
@@ -788,63 +835,63 @@ function Je(e) {
       n.preventDefault(), n.stopPropagation(), e.onShowCalendar(n);
       return;
     }
-    if (i.includes(n.key)) {
+    if (u.includes(n.key)) {
       n.preventDefault(), n.stopPropagation();
-      const u = n.target;
-      I(n.key, u, n);
+      const s = n.target;
+      F(n.key, s, n);
       return;
     }
-  }, T = (n) => {
+  }, U = (n) => {
     n.preventDefault();
-    const u = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    I(u, n.target, n);
-  }, K = (n) => {
-    if (c.includes(n.key) || i.includes(n.key)) {
-      const u = n.target;
-      s.value = u?.selectionStart ?? 0;
+    const s = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    F(s, n.target, n);
+  }, V = (n) => {
+    if (c.includes(n.key) || u.includes(n.key)) {
+      const s = n.target;
+      i.value = s?.selectionStart ?? 0;
     }
-  }, B = () => {
+  }, N = () => {
     a.value = le.value, (e.manageValid ?? !0) && (R.value = te.value);
-  }, Z = (n) => {
-    B();
+  }, Q = (n) => {
+    N();
   }, ie = (n) => {
-    console.log("Clear event:", n), t.value = "", s.value = 0, e.onChange({ value: null, event: n }), B(), j(() => {
-      const u = document.getElementById(
+    console.log("Clear event:", n), t.value = "", i.value = 0, e.onChange({ value: null, event: n }), N(), Y(() => {
+      const s = document.getElementById(
         e.id
       );
-      u && (u.focus(), u.setSelectionRange(0, 0));
+      s && (s.focus(), s.setSelectionRange(0, 0));
     });
   };
   e.externalValue && ge(
     e.externalValue,
     (n) => {
-      const u = n?.start ?? null, g = n?.end ?? null;
-      if (u && g) {
-        if (t.value = `${f(u)} - ${f(g)}`, e.isOpen?.value && q.value && e.onRequestClose) {
-          const M = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+      const s = n?.start ?? null, g = n?.end ?? null;
+      if (s && g) {
+        if (t.value = `${p(s)} - ${p(g)}`, e.isOpen?.value && L.value && e.onRequestClose) {
+          const $ = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), q.value = !1, B();
-          }, M);
+            e.onRequestClose?.(), L.value = !1, N();
+          }, $);
         }
         return;
       }
     },
     { immediate: !0 }
   );
-  const r = b(
+  const r = S(
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
-  ), l = b(
+  ), l = S(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), $ = b(
+  ), C = S(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), L = b(
+  ), q = S(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), V = b(
+  ), H = S(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), z = b(
+  ), X = S(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), F = b(() => {
-    const { start: n, end: u } = S(t.value);
+  ), K = S(() => {
+    const { start: n, end: s } = h(t.value);
     return [
       {
         label: "Raw",
@@ -862,19 +909,19 @@ function Je(e) {
         label: "Start",
         value: `${String(r.value).padStart(2, "0")} / ${String(
           l.value
-        ).padStart(2, "0")} / ${String($.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String(C.value).padStart(4, "0")}`
       },
       {
         label: "End",
-        value: `${String(L.value).padStart(2, "0")} / ${String(
-          V.value
-        ).padStart(2, "0")} / ${String(z.value).padStart(4, "0")}`
+        value: `${String(q.value).padStart(2, "0")} / ${String(
+          H.value
+        ).padStart(2, "0")} / ${String(X.value).padStart(4, "0")}`
       },
-      { label: "Digits only", value: w.value },
-      { label: "Mask complete", value: `${p.value}` },
+      { label: "Digits only", value: k.value },
+      { label: "Mask complete", value: `${d.value}` },
       {
         label: "Parsed",
-        value: `${n ? n.toDateString() : "-"} | ${u ? u.toDateString() : "-"}`
+        value: `${n ? n.toDateString() : "-"} | ${s ? s.toDateString() : "-"}`
       },
       {
         label: "Valid (managed)",
@@ -887,32 +934,32 @@ function Je(e) {
       },
       {
         label: "Cursor in",
-        value: `${s.value ?? "-"} (${(() => {
-          const g = s.value ?? 0, M = h(g);
-          return `${M.side}.${M.part}`;
+        value: `${i.value ?? "-"} (${(() => {
+          const g = i.value ?? 0, $ = w(g);
+          return `${$.side}.${$.part}`;
         })()})`
       }
     ];
   }), J = () => {
-    j(() => {
+    Y(() => {
       const n = document.getElementById(e.id);
       if (!n) {
         console.warn(`#${e.id} not found for styling.`);
         return;
       }
-      const u = n.closest("div");
-      if (!u) {
+      const s = n.closest("div");
+      if (!s) {
         console.warn(`Parent div of #${e.id} not found for styling.`);
         return;
       }
-      u.classList.contains("fk-daterangepicker") || u.classList.add("fk-daterangepicker");
+      s.classList.contains("fk-daterangepicker") || s.classList.add("fk-daterangepicker");
     });
   };
   xe(() => {
     J();
   });
   const ye = () => {
-    j(() => {
+    Y(() => {
       try {
         const n = Array.from(
           document.querySelectorAll(".k-animation-container")
@@ -922,11 +969,11 @@ function Je(e) {
           ".k-calendar"
         );
         if (!g) return;
-        const M = g.querySelectorAll(
+        const $ = g.querySelectorAll(
           ".k-calendar-table"
         );
         let ne = !1;
-        M.forEach((re) => {
+        $.forEach((re) => {
           re.tabIndex === 0 && (ne ? re.tabIndex = -1 : ne = !0);
         });
       } catch (n) {
@@ -942,97 +989,97 @@ function Je(e) {
     { immediate: !1 }
   ), {
     raw: t,
-    cursorPos: s,
-    debugEnabled: N,
-    debugLines: F,
-    digitsOnly: w,
+    cursorPos: i,
+    debugEnabled: O,
+    debugLines: K,
+    digitsOnly: k,
     valid: R,
-    validComputed: G(te),
-    reason: G(le),
-    validationMessage: G(m),
-    spanDays: G(ee),
-    month1: G(r),
-    day1: G(l),
-    year1: G($),
-    month2: G(L),
-    day2: G(V),
-    year2: G(z),
+    validComputed: j(te),
+    reason: j(le),
+    validationMessage: j(m),
+    spanDays: j(ee),
+    month1: j(r),
+    day1: j(l),
+    year1: j(C),
+    month2: j(q),
+    day2: j(H),
+    year2: j(X),
     handleChange: o,
     handleKeyDown: v,
-    handleWheel: T,
-    handleKeyUp: K,
-    handleClick: d,
-    handleBlur: Z,
+    handleWheel: U,
+    handleKeyUp: V,
+    handleClick: f,
+    handleBlur: Q,
     handleClear: ie,
     onCalendarChange: () => {
-      q.value = !0;
+      L.value = !0;
     },
     initStyling: J
   };
 }
-function Qe(e) {
-  const t = Q(""), s = Q(void 0), N = Q(!!e.debug), q = Q(e.timeFormat ?? "hh:mm AM"), U = b(() => !!e.required), H = Q(!1), x = ["ArrowUp", "ArrowDown"], D = ["ArrowLeft", "ArrowRight"], k = b(() => (t.value ?? "").replace(/\D/g, "")), w = {
+function rt(e) {
+  const t = _(""), i = _(void 0), O = _(!!e.debug), L = _(e.timeFormat ?? "hh:mm AM"), I = S(() => !!e.required), B = _(!1), E = ["ArrowUp", "ArrowDown"], A = ["ArrowLeft", "ArrowRight"], D = S(() => (t.value ?? "").replace(/\D/g, "")), k = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
     m: /[0-9]/,
     A: /[AaPp]/,
     a: /[Mm]/
-  }, C = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", A = b(() => {
+  }, P = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", x = S(() => {
     const r = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", l = parseInt(r);
     return Math.min(Math.max(l, 0), 23);
-  }), E = b(() => {
+  }), y = S(() => {
     const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", l = parseInt(r);
     return Math.min(Math.max(l, 0), 59);
-  }), P = b(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), O = b(() => {
-    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), l = P.value;
+  }), M = S(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), T = S(() => {
+    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), l = M.value;
     return r === 12 ? l === "AM" ? 0 : 12 : l === "PM" ? r + 12 : r;
-  }), p = b(() => S.value ? `${String(O.value).padStart(2, "0")}:${String(E.value).padStart(2, "0")}:00` : null), S = b(
+  }), d = S(() => h.value ? `${String(T.value).padStart(2, "0")}:${String(y.value).padStart(2, "0")}:00` : null), h = S(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), R = (r, l, $) => {
-    let L = r % 12;
-    return L === 0 && (L = 12), `${String(L).padStart(2, "0")}:${String(l).padStart(
+  ), R = (r, l, C) => {
+    let q = r % 12;
+    return q === 0 && (q = 12), `${String(q).padStart(2, "0")}:${String(l).padStart(
       2,
       "0"
-    )} ${$}`;
-  }, X = (r) => {
+    )} ${C}`;
+  }, z = (r) => {
     const l = r.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!l) return null;
-    const $ = parseInt(l[1]), L = parseInt(l[2]), V = l[3].toUpperCase();
-    if ($ < 1 || $ > 12 || L < 0 || L > 59) return null;
-    let z = $ % 12;
-    V === "PM" && (z += 12);
-    const F = /* @__PURE__ */ new Date();
-    return F.setSeconds(0, 0), F.setHours(z), F.setMinutes(L), F;
-  }, _ = (r) => {
-    if (k.value.length === 0) {
+    const C = parseInt(l[1]), q = parseInt(l[2]), H = l[3].toUpperCase();
+    if (C < 1 || C > 12 || q < 0 || q > 59) return null;
+    let X = C % 12;
+    H === "PM" && (X += 12);
+    const K = /* @__PURE__ */ new Date();
+    return K.setSeconds(0, 0), K.setHours(X), K.setMinutes(q), K;
+  }, Z = (r) => {
+    if (D.value.length === 0) {
       e.onChange({ value: null, event: r });
       return;
     }
-    if (!S.value) {
+    if (!h.value) {
       e.onChange({ value: null, event: r });
       return;
     }
-    const l = X(t.value);
+    const l = z(t.value);
     l && te(l) ? e.onChange({ value: l, event: r }) : e.onChange({ value: null, event: r });
   }, ee = (r) => r.getHours() * 60 + r.getMinutes(), te = (r) => {
-    const l = e.min ?? void 0, $ = e.max ?? void 0, L = ee(r);
+    const l = e.min ?? void 0, C = e.max ?? void 0, q = ee(r);
     if (l) {
-      const V = ee(l);
-      if (L < V) return !1;
+      const H = ee(l);
+      if (q < H) return !1;
     }
-    if ($) {
-      const V = ee($);
-      if (L > V) return !1;
+    if (C) {
+      const H = ee(C);
+      if (q > H) return !1;
     }
     return !0;
   }, le = (r) => {
-    const l = r.getHours(), $ = l >= 12 ? "PM" : "AM";
-    t.value = R(l, r.getMinutes(), $);
+    const l = r.getHours(), C = l >= 12 ? "PM" : "AM";
+    t.value = R(l, r.getMinutes(), C);
   }, a = (r, l) => {
     e.onChange({ value: r, event: l });
   }, m = () => {
-    j(() => {
+    Y(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const r = document.getElementById(
@@ -1046,23 +1093,23 @@ function Qe(e) {
         });
       });
     });
-  }, i = (r) => {
+  }, u = (r) => {
     const l = r?.event?.target;
     return l ? l.closest(".k-time-now") ? "now" : l.closest(".k-time-accept") ? "set" : null : null;
   }, c = (r, l) => {
     r && te(r) ? a(r, l) : a(null, l);
-  }, y = (...r) => {
+  }, b = (...r) => {
     const l = r[0];
     if (!l) return;
-    const $ = i(l);
-    if ($ === "now") {
-      const V = /* @__PURE__ */ new Date();
-      le(V), c(V, l), m();
+    const C = u(l);
+    if (C === "now") {
+      const H = /* @__PURE__ */ new Date();
+      le(H), c(H, l), m();
       return;
     }
     if (l?.value instanceof Date) {
-      const V = new Date(l.value);
-      le(V), c(V, l), $ === "set" && m();
+      const H = new Date(l.value);
+      le(H), c(H, l), C === "set" && m();
       return;
     }
     if (l?.value === null) {
@@ -1070,84 +1117,84 @@ function Qe(e) {
       return;
     }
     t.value = l.value;
-    const L = l.event?.target;
-    s.value = L?.selectionStart ?? 0;
+    const q = l.event?.target;
+    i.value = q?.selectionStart ?? 0;
     try {
-      const V = s.value ?? 0;
-      if (C(V) === "ampm" && (t.value ?? "").length >= 8) {
-        const z = t.value.charAt(6);
-        /[Aa]/.test(z) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, j(() => {
+      const H = i.value ?? 0;
+      if (P(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)}`, Y(() => {
           requestAnimationFrame(() => {
-            const F = document.getElementById(
+            const K = document.getElementById(
               e.id
             );
-            F && (F.focus(), F.setSelectionRange(8, 8));
+            K && (K.focus(), K.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(z) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, j(() => {
+        })) : /[Pp]/.test(X) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, Y(() => {
           requestAnimationFrame(() => {
-            const F = document.getElementById(
+            const K = document.getElementById(
               e.id
             );
-            F && (F.focus(), F.setSelectionRange(8, 8));
+            K && (K.focus(), K.setSelectionRange(8, 8));
           });
         }));
       }
     } catch {
     }
-    _(l);
-  }, f = (r) => {
-    s.value = r.target.selectionStart ?? 0;
-  }, h = (r, l, $) => {
-    const L = l?.selectionStart ?? s.value ?? 0;
-    s.value = L;
-    const V = C(L), z = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!z) {
-      if ((t.value ?? "").length === 0 || k.value.length === 0) {
-        const u = /* @__PURE__ */ new Date(), g = u.getHours(), M = g >= 12 ? "PM" : "AM";
-        t.value = R(g, u.getMinutes(), M);
-        const ne = X(t.value);
-        c(ne, $), j(() => {
+    Z(l);
+  }, p = (r) => {
+    i.value = r.target.selectionStart ?? 0;
+  }, w = (r, l, C) => {
+    const q = l?.selectionStart ?? i.value ?? 0;
+    i.value = q;
+    const H = P(q), X = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    if (!X) {
+      if ((t.value ?? "").length === 0 || D.value.length === 0) {
+        const s = /* @__PURE__ */ new Date(), g = s.getHours(), $ = g >= 12 ? "PM" : "AM";
+        t.value = R(g, s.getMinutes(), $);
+        const ne = z(t.value);
+        c(ne, C), Y(() => {
           requestAnimationFrame(() => {
             const re = document.getElementById(
               e.id
-            ), se = s.value ?? 0;
+            ), se = i.value ?? 0;
             re && (re.focus(), re.setSelectionRange(se, se));
           });
         });
       }
       return;
     }
-    let F = parseInt(z[1]), J = parseInt(z[2]), ye = z[3].toUpperCase();
-    if (V === "hh")
-      r === "ArrowUp" ? F = F < 12 ? F + 1 : 1 : F = F > 1 ? F - 1 : 12;
-    else if (V === "mm") {
-      const u = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
-      if (u === 1)
+    let K = parseInt(X[1]), J = parseInt(X[2]), ye = X[3].toUpperCase();
+    if (H === "hh")
+      r === "ArrowUp" ? K = K < 12 ? K + 1 : 1 : K = K > 1 ? K - 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 g = J % u;
-        let M = g === 0 ? J + u : J + (u - g);
-        M >= 60 && (M = 0), J = M;
+        const g = J % s;
+        let $ = g === 0 ? J + s : J + (s - g);
+        $ >= 60 && ($ = 0), J = $;
       } else {
-        const g = J % u;
-        let M = g === 0 ? J - u : J - g;
-        M < 0 && (M = 60 - u), J = M;
+        const g = J % s;
+        let $ = g === 0 ? J - s : J - g;
+        $ < 0 && ($ = 60 - s), J = $;
       }
-    } else V === "ampm" && (ye = ye === "AM" ? "PM" : "AM");
-    t.value = `${String(F).padStart(2, "0")}:${String(J).padStart(
+    } else H === "ampm" && (ye = ye === "AM" ? "PM" : "AM");
+    t.value = `${String(K).padStart(2, "0")}:${String(J).padStart(
       2,
       "0"
     )} ${ye}`;
-    const n = X(t.value);
-    c(n, $), j(() => {
+    const n = z(t.value);
+    c(n, C), Y(() => {
       requestAnimationFrame(() => {
-        const u = document.getElementById(
+        const s = document.getElementById(
           e.id
-        ), g = s.value ?? 0;
-        u && (u.focus(), u.setSelectionRange(g, g));
+        ), g = i.value ?? 0;
+        s && (s.focus(), s.setSelectionRange(g, g));
       });
     });
-  }, I = (r) => {
+  }, F = (r) => {
     if (r.code === "Space" || r.key === " ") {
       r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
       return;
@@ -1156,31 +1203,31 @@ function Qe(e) {
       r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
       return;
     }
-    if (x.includes(r.key)) {
+    if (E.includes(r.key)) {
       if (r.altKey) return;
       r.preventDefault(), r.stopPropagation();
       const l = r.target;
-      h(r.key, l, r);
+      w(r.key, l, r);
       return;
     }
   }, W = (r) => {
     r.preventDefault();
     const l = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    h(l, r.target, r);
+    w(l, r.target, r);
   }, o = (r) => {
     const l = r.target;
-    if (D.includes(r.key)) {
-      s.value = l?.selectionStart ?? 0;
+    if (A.includes(r.key)) {
+      i.value = l?.selectionStart ?? 0;
       return;
     }
-    if (x.includes(r.key)) {
+    if (E.includes(r.key)) {
       if (r.altKey) return;
-      s.value = l?.selectionStart ?? 0;
+      i.value = l?.selectionStart ?? 0;
     }
-  }, d = (r) => {
-    H.value = !0, U.value && e.externalValue && e.externalValue.value === void 0 && k.value.length === 0 && (e.externalValue.value = "");
+  }, f = (r) => {
+    B.value = !0, I.value && e.externalValue && e.externalValue.value === void 0 && D.value.length === 0 && (e.externalValue.value = "");
     const l = r.target;
-    l && (s.value = l.selectionStart ?? 0);
+    l && (i.value = l.selectionStart ?? 0);
   };
   e.externalValue && ge(
     e.externalValue,
@@ -1188,25 +1235,25 @@ function Qe(e) {
       if (r) {
         const l = new Date(r);
         if (l.toString() !== "Invalid Date") {
-          const $ = l.getHours(), L = $ >= 12 ? "PM" : "AM";
-          t.value = R($, l.getMinutes(), L);
+          const C = l.getHours(), q = C >= 12 ? "PM" : "AM";
+          t.value = R(C, l.getMinutes(), q);
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const v = b(() => [
+  const v = S(() => [
     ["Time", t.value || "--:-- --"],
-    ["Hour (12h)", A.value],
-    ["Hour (24h)", O.value],
-    ["Minute", E.value],
-    ["Period", P.value],
-    ["Time (24h)", p.value ?? "--:--:--"],
-    ["Digits only", k.value],
+    ["Hour (12h)", x.value],
+    ["Hour (24h)", T.value],
+    ["Minute", y.value],
+    ["Period", M.value],
+    ["Time (24h)", d.value ?? "--:--:--"],
+    ["Digits only", D.value],
     [
       "Parsed Date",
-      T.value?.toLocaleDateString("en-US", {
+      U.value?.toLocaleDateString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
@@ -1225,50 +1272,50 @@ function Qe(e) {
         minute: "2-digit"
       }) ?? null
     ],
-    ["valid", K.value],
-    ["reason", B.value],
-    ["validationMessage", Z.value]
-  ]), T = b(
-    () => X(t.value) ?? null
-  ), K = b(() => {
-    if (!U.value) {
-      if (!S.value) return !0;
-      const l = T.value;
+    ["valid", V.value],
+    ["reason", N.value],
+    ["validationMessage", Q.value]
+  ]), U = S(
+    () => z(t.value) ?? null
+  ), V = S(() => {
+    if (!I.value) {
+      if (!h.value) return !0;
+      const l = U.value;
       return l ? te(l) : !1;
     }
-    if (!H.value) return !0;
-    const r = T.value;
-    return !S.value || !r ? !1 : te(r);
-  }), B = b(() => {
-    if (!U.value) {
-      if (!S.value) return;
-      const l = T.value;
+    if (!B.value) return !0;
+    const r = U.value;
+    return !h.value || !r ? !1 : te(r);
+  }), N = S(() => {
+    if (!I.value) {
+      if (!h.value) return;
+      const l = U.value;
       return l ? te(l) ? "valid" : "out-of-bounds" : "invalid-time";
     }
-    if (!H.value) return;
-    if (k.value.length === 0 || !S.value)
+    if (!B.value) return;
+    if (D.value.length === 0 || !h.value)
       return "incomplete";
-    const r = T.value;
+    const r = U.value;
     return r ? te(r) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), Z = b(() => {
-    const r = B.value;
+  }), Q = S(() => {
+    const r = N.value;
     if (!r || r === "valid") return "";
     if (r === "incomplete")
       return "Required";
     if (r === "invalid-time")
-      return `Must be in ${q.value} format.`;
+      return `Must be in ${L.value} format.`;
     const l = {
       hour: "2-digit",
       minute: "2-digit"
-    }, $ = e.min ? e.min.toLocaleTimeString("en-US", l) : null, L = e.max ? e.max.toLocaleTimeString("en-US", l) : null;
+    }, C = e.min ? e.min.toLocaleTimeString("en-US", l) : null, q = e.max ? e.max.toLocaleTimeString("en-US", l) : null;
     if (r === "out-of-bounds") {
-      if ($ && L) return `Must be between ${$} and ${L}.`;
-      if ($) return `Must be ${$} or later.`;
-      if (L) return `Must be ${L} or earlier.`;
+      if (C && q) return `Must be between ${C} and ${q}.`;
+      if (C) return `Must be ${C} or later.`;
+      if (q) return `Must be ${q} or earlier.`;
     }
     return "";
   }), ie = () => {
-    j(() => {
+    Y(() => {
       const r = document.getElementById(e.id);
       if (!r) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1281,254 +1328,255 @@ function Qe(e) {
         );
         return;
       }
-      const $ = l.parentElement;
-      if (!$) {
+      const C = l.parentElement;
+      if (!C) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
         );
         return;
       }
-      $.classList.contains("fk-timepicker") || $.classList.add("fk-timepicker");
+      C.classList.contains("fk-timepicker") || C.classList.add("fk-timepicker");
     });
   };
   return xe(() => {
     ie();
   }), {
     raw: t,
-    rules: w,
-    debugEnabled: N,
+    rules: k,
+    debugEnabled: O,
     debugLines: v,
-    placeholder: q,
-    isValid: K,
-    reason: G(B),
-    validationMessage: Z,
-    isComplete: S,
+    placeholder: L,
+    isValid: V,
+    reason: j(N),
+    validationMessage: Q,
+    isComplete: h,
     inRangeTime: te,
-    cursorPos: s,
-    hour: G(A),
-    hour24: G(O),
-    minute: G(E),
-    period: G(P),
-    time24: G(p),
-    parsedRawTime: G(T),
-    handleChange: y,
-    handleKeyDown: I,
+    cursorPos: i,
+    hour: j(x),
+    hour24: j(T),
+    minute: j(y),
+    period: j(M),
+    time24: j(d),
+    parsedRawTime: j(U),
+    handleChange: b,
+    handleKeyDown: F,
     handleKeyUp: o,
-    handleClick: f,
+    handleClick: p,
     handleWheel: W,
-    handleBlur: d,
+    handleBlur: f,
     // Expose so consumers can reapply theming when Kendo updates DOM
     initStyling: ie
   };
 }
-function Ke(e) {
-  return Le() ? (Te(e), !0) : !1;
+function He(e) {
+  return Le() ? (Re(e), !0) : !1;
 }
-const Ce = typeof window < "u" && typeof document < "u";
+const Ie = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Be = Object.prototype.toString, Ve = (e) => Be.call(e) === "[object Object]", ve = () => {
-}, Ne = /* @__PURE__ */ He();
-function He() {
+const Ye = Object.prototype.toString, Ge = (e) => Ye.call(e) === "[object Object]", ve = () => {
+}, We = /* @__PURE__ */ je();
+function je() {
   var e, t;
-  return Ce && ((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 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));
 }
 function Ae(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Ye(e, t, s) {
+function ze(e, t, i) {
   return ge(
     e,
     t,
     {
-      ...s,
+      ...i,
       immediate: !0
     }
   );
 }
-const Pe = Ce ? window : void 0;
+const Pe = Ie ? window : void 0;
 function Se(e) {
   var t;
-  const s = de(e);
-  return (t = s?.$el) != null ? t : s;
+  const i = de(e);
+  return (t = i?.$el) != null ? t : i;
 }
 function Ee(...e) {
-  const t = [], s = () => {
-    t.forEach((x) => x()), t.length = 0;
-  }, N = (x, D, k, w) => (x.addEventListener(D, k, w), () => x.removeEventListener(D, k, w)), q = b(() => {
-    const x = Ae(de(e[0])).filter((D) => D != null);
-    return x.every((D) => typeof D != "string") ? x : void 0;
-  }), U = Ye(
+  const t = [], i = () => {
+    t.forEach((E) => E()), t.length = 0;
+  }, O = (E, A, D, k) => (E.addEventListener(A, D, k), () => E.removeEventListener(A, D, k)), L = S(() => {
+    const E = Ae(de(e[0])).filter((A) => A != null);
+    return E.every((A) => typeof A != "string") ? E : void 0;
+  }), I = ze(
     () => {
-      var x, D;
+      var E, A;
       return [
-        (D = (x = q.value) == null ? void 0 : x.map((k) => Se(k))) != null ? D : [Pe].filter((k) => k != null),
-        Ae(de(q.value ? e[1] : e[0])),
-        Ae(Re(q.value ? e[2] : e[1])),
+        (A = (E = L.value) == null ? void 0 : E.map((D) => Se(D))) != null ? A : [Pe].filter((D) => D != null),
+        Ae(de(L.value ? e[1] : e[0])),
+        Ae(Fe(L.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        de(q.value ? e[3] : e[2])
+        de(L.value ? e[3] : e[2])
       ];
     },
-    ([x, D, k, w]) => {
-      if (s(), !x?.length || !D?.length || !k?.length)
+    ([E, A, D, k]) => {
+      if (i(), !E?.length || !A?.length || !D?.length)
         return;
-      const C = Ve(w) ? { ...w } : w;
+      const P = Ge(k) ? { ...k } : k;
       t.push(
-        ...x.flatMap(
-          (A) => D.flatMap(
-            (E) => k.map((P) => N(A, E, P, C))
+        ...E.flatMap(
+          (x) => A.flatMap(
+            (y) => D.map((M) => O(x, y, M, P))
           )
         )
       );
     },
     { flush: "post" }
-  ), H = () => {
-    U(), s();
+  ), B = () => {
+    I(), i();
   };
-  return Ke(s), H;
+  return He(i), B;
 }
-let Me = !1;
-function We(e, t, s = {}) {
-  const { window: N = Pe, ignore: q = [], capture: U = !0, detectIframe: H = !1, controls: x = !1 } = s;
-  if (!N)
-    return x ? { stop: ve, cancel: ve, trigger: ve } : ve;
-  if (Ne && !Me) {
-    Me = !0;
-    const p = { passive: !0 };
-    Array.from(N.document.body.children).forEach((S) => S.addEventListener("click", ve, p)), N.document.documentElement.addEventListener("click", ve, p);
+let $e = !1;
+function _e(e, t, i = {}) {
+  const { window: O = Pe, ignore: L = [], capture: I = !0, detectIframe: B = !1, controls: E = !1 } = i;
+  if (!O)
+    return E ? { stop: ve, cancel: ve, trigger: ve } : ve;
+  if (We && !$e) {
+    $e = !0;
+    const d = { passive: !0 };
+    Array.from(O.document.body.children).forEach((h) => h.addEventListener("click", ve, d)), O.document.documentElement.addEventListener("click", ve, d);
   }
-  let D = !0;
-  const k = (p) => de(q).some((S) => {
-    if (typeof S == "string")
-      return Array.from(N.document.querySelectorAll(S)).some((R) => R === p.target || p.composedPath().includes(R));
+  let A = !0;
+  const D = (d) => de(L).some((h) => {
+    if (typeof h == "string")
+      return Array.from(O.document.querySelectorAll(h)).some((R) => R === d.target || d.composedPath().includes(R));
     {
-      const R = Se(S);
-      return R && (p.target === R || p.composedPath().includes(R));
+      const R = Se(h);
+      return R && (d.target === R || d.composedPath().includes(R));
     }
   });
-  function w(p) {
-    const S = de(p);
-    return S && S.$.subTree.shapeFlag === 16;
+  function k(d) {
+    const h = de(d);
+    return h && h.$.subTree.shapeFlag === 16;
   }
-  function C(p, S) {
-    const R = de(p), X = R.$.subTree && R.$.subTree.children;
-    return X == null || !Array.isArray(X) ? !1 : X.some((_) => _.el === S.target || S.composedPath().includes(_.el));
+  function P(d, h) {
+    const R = de(d), z = R.$.subTree && R.$.subTree.children;
+    return z == null || !Array.isArray(z) ? !1 : z.some((Z) => Z.el === h.target || h.composedPath().includes(Z.el));
   }
-  const A = (p) => {
-    const S = Se(e);
-    if (p.target != null && !(!(S instanceof Element) && w(e) && C(e, p)) && !(!S || S === p.target || p.composedPath().includes(S))) {
-      if ("detail" in p && p.detail === 0 && (D = !k(p)), !D) {
-        D = !0;
+  const x = (d) => {
+    const h = Se(e);
+    if (d.target != null && !(!(h instanceof Element) && k(e) && P(e, d)) && !(!h || h === d.target || d.composedPath().includes(h))) {
+      if ("detail" in d && d.detail === 0 && (A = !D(d)), !A) {
+        A = !0;
         return;
       }
-      t(p);
+      t(d);
     }
   };
-  let E = !1;
-  const P = [
-    Ee(N, "click", (p) => {
-      E || (E = !0, setTimeout(() => {
-        E = !1;
-      }, 0), A(p));
-    }, { passive: !0, capture: U }),
-    Ee(N, "pointerdown", (p) => {
-      const S = Se(e);
-      D = !k(p) && !!(S && !p.composedPath().includes(S));
+  let y = !1;
+  const M = [
+    Ee(O, "click", (d) => {
+      y || (y = !0, setTimeout(() => {
+        y = !1;
+      }, 0), x(d));
+    }, { passive: !0, capture: I }),
+    Ee(O, "pointerdown", (d) => {
+      const h = Se(e);
+      A = !D(d) && !!(h && !d.composedPath().includes(h));
     }, { passive: !0 }),
-    H && Ee(N, "blur", (p) => {
+    B && Ee(O, "blur", (d) => {
       setTimeout(() => {
-        var S;
+        var h;
         const R = Se(e);
-        ((S = N.document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !R?.contains(N.document.activeElement) && t(p);
+        ((h = O.document.activeElement) == null ? void 0 : h.tagName) === "IFRAME" && !R?.contains(O.document.activeElement) && t(d);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), O = () => P.forEach((p) => p());
-  return x ? {
-    stop: O,
+  ].filter(Boolean), T = () => M.forEach((d) => d());
+  return E ? {
+    stop: T,
     cancel: () => {
-      D = !1;
+      A = !1;
     },
-    trigger: (p) => {
-      D = !0, A(p), D = !1;
+    trigger: (d) => {
+      A = !0, x(d), A = !1;
     }
-  } : O;
+  } : T;
 }
-function Ze(e) {
-  const t = Fe(null), s = [
+function ot(e) {
+  const t = qe(null), i = [
     ".k-animation-container .k-popup",
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], N = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? s].flat(), q = (w) => w ? typeof e.initialFocus == "string" ? w.querySelector(e.initialFocus) ?? w : typeof e.initialFocus == "function" ? e.initialFocus(w) ?? w : w.querySelector(
+  ], O = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? i].flat(), L = (k) => k ? typeof e.initialFocus == "string" ? k.querySelector(e.initialFocus) ?? k : typeof e.initialFocus == "function" ? e.initialFocus(k) ?? k : k.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? w : null, { activate: U, deactivate: H } = qe(t, {
+  ) ?? k : null, { activate: I, deactivate: B } = Ue(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     fallbackFocus: () => t.value,
-    initialFocus: () => q(t.value),
+    initialFocus: () => L(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let x = null, D = Q(null);
-  const k = () => {
+  let E = null, A = _(null);
+  const D = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
-    const w = (A, E) => {
-      const P = Array.from(A.querySelectorAll(E));
-      if (!P.length) return null;
-      const O = P.filter(
-        (p) => p.offsetParent !== null || p.getClientRects().length > 0
+    const k = (x, y) => {
+      const M = Array.from(x.querySelectorAll(y));
+      if (!M.length) return null;
+      const T = M.filter(
+        (d) => d.offsetParent !== null || d.getClientRects().length > 0
       );
-      return O[O.length - 1] ?? P[P.length - 1] ?? null;
-    }, C = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const A of N) {
-      const E = w(C, A);
-      if (E) return E;
+      return T[T.length - 1] ?? M[M.length - 1] ?? null;
+    }, P = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
+    for (const x of O) {
+      const y = k(P, x);
+      if (y) return y;
     }
-    for (const A of N) {
-      const E = w(document, A);
-      if (E) return E;
+    for (const x of O) {
+      const y = k(document, x);
+      if (y) return y;
     }
     return null;
   };
-  return We(t, (w) => {
-    D.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", w);
+  return _e(t, (k) => {
+    A.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", k);
   }), ge(
     () => e.isOpen.value,
-    (w) => {
-      w ? (D.value = null, j(() => {
-        const C = k();
-        C && (t.value = C, setTimeout(() => U(), 0), x || (x = (A) => {
-          A.key === "Escape" && (D.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", A));
-        }, document.addEventListener("keydown", x, !0)));
-      })) : (H(), x && (document.removeEventListener("keydown", x, !0), x = null), t.value = null, D.value === "outside" && j(() => {
-        const C = () => {
-          const A = e.triggerEl?.value, E = A?.querySelector("input"), P = document.activeElement;
-          P && (P === E || A && A.contains(P)) && (E ?? A)?.blur?.();
+    (k) => {
+      k ? (A.value = null, Y(() => {
+        const P = D();
+        P && (t.value = P, setTimeout(() => I(), 0), E || (E = (x) => {
+          x.key === "Escape" && (A.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", x));
+        }, document.addEventListener("keydown", E, !0)));
+      })) : (B(), E && (document.removeEventListener("keydown", E, !0), E = null), t.value = null, A.value === "outside" && Y(() => {
+        const P = () => {
+          const x = e.triggerEl?.value, y = x?.querySelector("input"), M = document.activeElement;
+          M && (M === y || x && x.contains(M)) && (y ?? x)?.blur?.();
         };
-        requestAnimationFrame(() => setTimeout(C, 0));
-      }), e.returnFocusToTrigger !== !1 && D.value === "escape" && e.triggerEl?.value && (console.log(
+        requestAnimationFrame(() => setTimeout(P, 0));
+      }), e.returnFocusToTrigger !== !1 && A.value === "escape" && e.triggerEl?.value && (console.log(
         "Returning focus to trigger element:",
         e.triggerEl.value
-      ), j(() => {
-        const C = () => {
-          const A = e.triggerEl?.value;
-          if (!A) return;
-          (A.querySelector("input") ?? A)?.focus?.();
+      ), Y(() => {
+        const P = () => {
+          const x = e.triggerEl?.value;
+          if (!x) return;
+          (x.querySelector("input") ?? x)?.focus?.();
         };
-        requestAnimationFrame(() => setTimeout(C, 0));
+        requestAnimationFrame(() => setTimeout(P, 0));
       })));
     }
   ), {
     popupRef: t,
-    activate: U,
-    deactivate: H,
-    lastCloseReason: G(D),
-    setPopupEl: (w) => t.value = w
+    activate: I,
+    deactivate: B,
+    lastCloseReason: j(A),
+    setPopupEl: (k) => t.value = k
   };
 }
 export {
-  _e as useGridA11y,
-  ze as useGridActiveFilter,
-  Xe as useMaskedDateInput,
-  Je as useMaskedDateRangeInput,
-  Qe as useMaskedTimeInput,
-  Ze as usePopupTrap
+  Je as useGridA11y,
+  Qe as useGridActiveFilter,
+  tt as useMaskedDateInput,
+  nt as useMaskedDateRangeInput,
+  rt as useMaskedTimeInput,
+  ot as usePopupTrap,
+  et as useZipTextBox
 };