@featherk/composables 0.9.7 → 0.9.8

package/dist/featherk-composables.es.js

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