@featherk/composables 0.13.4 → 0.13.6

package/dist/featherk-composables.es.js

@@ -1,40 +1,40 @@
-import { ref as Y, onBeforeUnmount as Ke, nextTick as _, computed as y, watchEffect as Le, toValue as ne, reactive as ze, watch as le, useId as Ue, unref as Be, onUnmounted as Te, shallowRef as ye, shallowReactive as Ye, readonly as te, onMounted as Re } from "vue";
-import { useFocusTrap as He } from "@vueuse/integrations/useFocusTrap";
-const wt = (e, t) => {
-  const r = Y(null);
-  let c = !1, a = null, d = null;
-  const w = [], S = ".k-table-row[data-grid-row-index] [tabindex]", $ = () => {
-    const s = e?.value?.$el;
-    return s ? s.closest(".k-grid") : null;
-  }, V = (s) => {
-    const x = $();
-    if (!x) return !1;
-    const m = s.closest(".k-grid-aria-root");
-    if (m)
-      return x.contains(m);
-    const k = s.closest(
+import { ref as Y, onBeforeUnmount as Be, nextTick as G, computed as y, watchEffect as ze, toValue as re, reactive as Ye, watch as ae, useId as He, unref as We, onUnmounted as Te, shallowRef as ve, shallowReactive as Xe, readonly as te, isRef as Fe, onScopeDispose as Pe, onMounted as Re } from "vue";
+import { useFocusTrap as Ze } from "@vueuse/integrations/useFocusTrap";
+const Et = (e, t) => {
+  const n = Y(null);
+  let u = !1, o = null, c = null;
+  const b = [], k = ".k-table-row[data-grid-row-index] [tabindex]", P = () => {
+    const a = e?.value?.$el;
+    return a ? a.closest(".k-grid") : null;
+  }, N = (a) => {
+    const m = P();
+    if (!m) return !1;
+    const v = a.closest(".k-grid-aria-root");
+    if (v)
+      return m.contains(v);
+    const A = a.closest(
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
-    return k ? x.contains(k) : !1;
-  }, M = (s) => s.key === "Enter" || s.code === "Enter" || s.code === "NumpadEnter", R = () => e?.value?.columns, E = (s) => {
-    const x = s.key || s.code;
-    ([" ", "Spacebar", "Space"].includes(x) || M(s)) && (s.preventDefault(), s.stopPropagation(), r.value = s.target, s.target.click());
-  }, A = (s) => {
-    if (!r.value) return;
-    if (s.code === "Escape") {
-      s.stopPropagation(), r.value && r.value.focus();
+    return A ? m.contains(A) : !1;
+  }, M = (a) => a.key === "Enter" || a.code === "Enter" || a.code === "NumpadEnter", R = () => e?.value?.columns, x = (a) => {
+    const m = a.key || a.code;
+    ([" ", "Spacebar", "Space"].includes(m) || M(a)) && (a.preventDefault(), a.stopPropagation(), n.value = a.target, a.target.click());
+  }, D = (a) => {
+    if (!n.value) return;
+    if (a.code === "Escape") {
+      a.stopPropagation(), n.value && n.value.focus();
       return;
     }
-    const x = Array.from(
+    const m = Array.from(
       document.querySelectorAll(
         ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
       )
-    ), m = document.querySelector(
+    ), v = document.querySelector(
       ".k-animation-container .k-popup .k-column-menu .k-filter-menu-container"
     );
-    if (m) {
-      if (s.code === "Tab") {
-        const k = [
+    if (v) {
+      if (a.code === "Tab") {
+        const A = [
           // ".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,126 +43,126 @@ const wt = (e, t) => {
           "input.k-input-inner:not([tabindex='-1']):not([disabled])",
           "button:not([tabindex='-1']):not([disabled])",
           ".k-checkbox"
-        ], C = t?.focusableMenuSelectors ?? k, D = Array.from(
-          m.querySelectorAll(C.join(","))
+        ], C = t?.focusableMenuSelectors ?? A, E = Array.from(
+          v.querySelectorAll(C.join(","))
         );
-        if (D.length === 0) return;
-        const P = D.findIndex(
-          (j) => j === document.activeElement
+        if (E.length === 0) return;
+        const L = E.findIndex(
+          (Z) => Z === document.activeElement
         );
-        let U;
-        P === -1 ? U = 0 : s.shiftKey ? U = (P - 1 + D.length) % D.length : U = (P + 1) % D.length, s.preventDefault(), s.stopPropagation(), D[U]?.focus();
+        let K;
+        L === -1 ? K = 0 : a.shiftKey ? K = (L - 1 + E.length) % E.length : K = (L + 1) % E.length, a.preventDefault(), a.stopPropagation(), E[K]?.focus();
       }
-    } else if (s.code === "ArrowUp" || s.code === "ArrowDown") {
-      s.preventDefault(), s.stopPropagation();
-      const k = x.findIndex(
-        (D) => D === document.activeElement
+    } else if (a.code === "ArrowUp" || a.code === "ArrowDown") {
+      a.preventDefault(), a.stopPropagation();
+      const A = m.findIndex(
+        (E) => E === document.activeElement
       );
-      let C = k;
-      s.code === "ArrowUp" ? C = k > 0 ? k - 1 : x.length - 1 : s.code === "ArrowDown" && (C = k < x.length - 1 ? k + 1 : 0), x[C]?.focus();
+      let C = A;
+      a.code === "ArrowUp" ? C = A > 0 ? A - 1 : m.length - 1 : a.code === "ArrowDown" && (C = A < m.length - 1 ? A + 1 : 0), m[C]?.focus();
       return;
     }
-    if (s.code === "Tab") {
-      s.preventDefault(), s.stopPropagation();
-      const k = r.value?.parentElement;
-      (s.shiftKey ? k?.previousElementSibling : k?.nextElementSibling)?.querySelector(
+    if (a.code === "Tab") {
+      a.preventDefault(), a.stopPropagation();
+      const A = n.value?.parentElement;
+      (a.shiftKey ? A?.previousElementSibling : A?.nextElementSibling)?.querySelector(
         "button, [role='button'], .k-link"
       )?.focus();
     }
   }, O = () => {
-    a = new MutationObserver((s) => {
-      s.forEach((x) => {
-        x.addedNodes.forEach((m) => {
-          if (m.nodeType === Node.ELEMENT_NODE) {
-            const k = m;
-            if (k.classList.contains("k-animation-container")) {
-              const D = r.value;
-              D && (D.dataset.featherKSortable === "true" || _(() => {
-                k.querySelectorAll(
+    o = new MutationObserver((a) => {
+      a.forEach((m) => {
+        m.addedNodes.forEach((v) => {
+          if (v.nodeType === Node.ELEMENT_NODE) {
+            const A = v;
+            if (A.classList.contains("k-animation-container")) {
+              const E = n.value;
+              E && (E.dataset.featherKSortable === "true" || G(() => {
+                A.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
-                ).forEach((j) => {
-                  j.textContent?.toLowerCase().includes("sort") && j.remove();
+                ).forEach((Z) => {
+                  Z.textContent?.toLowerCase().includes("sort") && Z.remove();
                 });
-              })), k.addEventListener(
+              })), A.addEventListener(
                 "keydown",
-                A
-              ), _(() => {
-                const P = () => {
-                  const U = Array.from(
-                    k.querySelectorAll(
+                D
+              ), G(() => {
+                const L = () => {
+                  const K = Array.from(
+                    A.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
-                  if (U.length === 1)
-                    U[0].focus(), U[0].click(), P.attempts = 0;
-                  else if (U.length > 1) {
-                    P.attempts = 0;
+                  if (K.length === 1)
+                    K[0].focus(), K[0].click(), L.attempts = 0;
+                  else if (K.length > 1) {
+                    L.attempts = 0;
                     return;
                   } else
-                    P.attempts === void 0 && (P.attempts = 0), P.attempts++ < 3 && setTimeout(P, 200);
+                    L.attempts === void 0 && (L.attempts = 0), L.attempts++ < 3 && setTimeout(L, 200);
                 };
-                P();
+                L();
               });
             }
-            k.querySelectorAll(
+            A.querySelectorAll(
               ".k-animation-container"
-            ).forEach((D) => {
-              D.addEventListener(
+            ).forEach((E) => {
+              E.addEventListener(
                 "keydown",
-                A
+                D
               );
             });
           }
-        }), x.removedNodes.forEach((m) => {
-          if (m.nodeType === Node.ELEMENT_NODE) {
-            const k = m;
-            k.classList.contains("k-animation-container") && k.removeEventListener(
+        }), m.removedNodes.forEach((v) => {
+          if (v.nodeType === Node.ELEMENT_NODE) {
+            const A = v;
+            A.classList.contains("k-animation-container") && A.removeEventListener(
               "keydown",
-              A
-            ), k.querySelectorAll(
+              D
+            ), A.querySelectorAll(
               ".k-animation-container"
-            ).forEach((D) => {
-              D.removeEventListener(
+            ).forEach((E) => {
+              E.removeEventListener(
                 "keydown",
-                A
+                D
               );
             });
           }
         });
       });
-    }), a.observe(document.body, {
+    }), o.observe(document.body, {
       childList: !0,
       subtree: !0
     });
-  }, p = (s) => {
-    const x = s.tagName.toLowerCase();
-    return !!(["input", "textarea", "select", "button"].includes(x) || s.closest(
+  }, f = (a) => {
+    const m = a.tagName.toLowerCase();
+    return !!(["input", "textarea", "select", "button"].includes(m) || a.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
     ));
-  }, i = (s) => {
-    if (!s.type || !s)
+  }, s = (a) => {
+    if (!a.type || !a)
       return;
-    const x = s.target;
-    if (!x) return;
-    const m = x.closest(
+    const m = a.target;
+    if (!m) return;
+    const v = m.closest(
       ".k-table-row[data-grid-row-index]"
     );
-    if (!V(x))
+    if (!N(m))
       return;
-    const k = ["ArrowLeft", "ArrowRight"].includes(
-      s.code
+    const A = ["ArrowLeft", "ArrowRight"].includes(
+      a.code
     );
-    if (!(p(x) && !(m && k))) {
-      if (s.code === "Escape") {
+    if (!(f(m) && !(v && A))) {
+      if (a.code === "Escape") {
         const C = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
         if (C) {
-          s.preventDefault(), s.stopPropagation();
+          a.preventDefault(), a.stopPropagation();
           try {
             Array.from(
               e?.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
-            ).forEach((P) => P.setAttribute("tabindex", "-1"));
+            ).forEach((L) => L.setAttribute("tabindex", "-1"));
           } catch {
           }
           C.setAttribute("tabindex", "0"), C.focus();
@@ -177,221 +177,221 @@ const wt = (e, t) => {
         "Enter",
         "NumpadEnter",
         "Space"
-      ].includes(s.code)) {
-        if (x.classList.contains("k-grid-header-menu") && x.classList.contains("k-grid-column-menu")) {
-          r.value = x;
+      ].includes(a.code)) {
+        if (m.classList.contains("k-grid-header-menu") && m.classList.contains("k-grid-column-menu")) {
+          n.value = m;
           return;
         }
-        if (m) {
-          if (["ArrowDown", "ArrowUp"].includes(s.code)) {
-            s.preventDefault(), s.stopPropagation();
-            const C = (P, U) => {
-              let j = U === "next" ? P.nextElementSibling : P.previousElementSibling;
-              for (; j; ) {
-                const re = j;
+        if (v) {
+          if (["ArrowDown", "ArrowUp"].includes(a.code)) {
+            a.preventDefault(), a.stopPropagation();
+            const C = (L, K) => {
+              let Z = K === "next" ? L.nextElementSibling : L.previousElementSibling;
+              for (; Z; ) {
+                const ne = Z;
                 try {
-                  if (re.classList.contains("k-table-row"))
-                    return re;
+                  if (ne.classList.contains("k-table-row"))
+                    return ne;
                 } catch {
                 }
-                j = U === "next" ? j.nextElementSibling : j.previousElementSibling;
+                Z = K === "next" ? Z.nextElementSibling : Z.previousElementSibling;
               }
               return null;
-            }, D = s.code === "ArrowDown" ? C(m, "next") : C(m, "previous");
-            D && (m.setAttribute("tabindex", "-1"), D.setAttribute("tabindex", "0"), D.focus());
+            }, E = a.code === "ArrowDown" ? C(v, "next") : C(v, "previous");
+            E && (v.setAttribute("tabindex", "-1"), E.setAttribute("tabindex", "0"), E.focus());
             return;
           }
-          if (["ArrowLeft", "ArrowRight"].includes(s.code)) {
-            s.preventDefault(), s.stopPropagation();
-            const C = m.querySelectorAll(
-              S
+          if (["ArrowLeft", "ArrowRight"].includes(a.code)) {
+            a.preventDefault(), a.stopPropagation();
+            const C = v.querySelectorAll(
+              k
             );
             if (C.length === 0) return;
-            let D = Array.from(C).findIndex(
-              (P) => P === document.activeElement
+            let E = Array.from(C).findIndex(
+              (L) => L === document.activeElement
             );
-            if (D === -1 && document.activeElement === m) {
+            if (E === -1 && document.activeElement === v) {
               C[0].focus();
               return;
             }
-            s.code === "ArrowRight" ? D = D === C.length - 1 ? 0 : D + 1 : s.code === "ArrowLeft" && (D = D === 0 ? C.length - 1 : D - 1), C[D].focus();
+            a.code === "ArrowRight" ? E = E === C.length - 1 ? 0 : E + 1 : a.code === "ArrowLeft" && (E = E === 0 ? C.length - 1 : E - 1), C[E].focus();
             return;
           }
         }
       }
     }
-  }, v = () => {
-    _(() => {
-      const s = e.value?.$el;
-      if (!s || typeof s.closest != "function") return;
-      const x = s.closest(".k-grid");
-      x && x.classList.add("fk-grid");
+  }, g = () => {
+    G(() => {
+      const a = e.value?.$el;
+      if (!a || typeof a.closest != "function") return;
+      const m = a.closest(".k-grid");
+      m && m.classList.add("fk-grid");
     });
   }, I = () => {
-    if (!d)
+    if (!c)
       try {
-        const s = () => {
+        const a = () => {
           try {
-            const k = Array.from(
+            const A = Array.from(
               e.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
             );
-            if (!k || k.length === 0 || k.filter(
-              (P) => P.getAttribute("tabindex") === "0"
+            if (!A || A.length === 0 || A.filter(
+              (L) => L.getAttribute("tabindex") === "0"
             ).length === 1) return;
-            const D = k.find(
-              (P) => P === document.activeElement || P.contains(document.activeElement)
+            const E = A.find(
+              (L) => L === document.activeElement || L.contains(document.activeElement)
             );
-            if (k.forEach((P) => P.setAttribute("tabindex", "-1")), D) {
-              D.setAttribute("tabindex", "0");
+            if (A.forEach((L) => L.setAttribute("tabindex", "-1")), E) {
+              E.setAttribute("tabindex", "0");
               return;
             }
-            k[0].setAttribute("tabindex", "0");
-          } catch (k) {
-            console.error("ensureSingleTabindex error:", k);
+            A[0].setAttribute("tabindex", "0");
+          } catch (A) {
+            console.error("ensureSingleTabindex error:", A);
           }
-        }, x = Array.from(
+        }, m = Array.from(
           e.value.$el.querySelectorAll(
             ".k-table-row[data-grid-row-index]"
           )
         );
-        x.length > 0 && x.forEach((k, C) => {
-          k.setAttribute("tabindex", C === 0 ? "0" : "-1");
+        m.length > 0 && m.forEach((A, C) => {
+          A.setAttribute("tabindex", C === 0 ? "0" : "-1");
         });
-        const m = e.value.$el.querySelector(".k-table-tbody");
-        m && (d = new MutationObserver(() => {
-          s();
-        }), d.observe(m, { childList: !0, subtree: !0 }));
-      } catch (s) {
-        console.error("Error setting up row navigation:", s);
+        const v = e.value.$el.querySelector(".k-table-tbody");
+        v && (c = new MutationObserver(() => {
+          a();
+        }), c.observe(v, { childList: !0, subtree: !0 }));
+      } catch (a) {
+        console.error("Error setting up row navigation:", a);
       }
-  }, N = () => {
-    _(() => {
-      const x = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-      x && x.forEach((m) => {
-        m.setAttribute("role", "button"), m.addEventListener(
+  }, V = () => {
+    G(() => {
+      const m = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
+      m && m.forEach((v) => {
+        v.setAttribute("role", "button"), v.addEventListener(
           "keydown",
-          E
+          x
         );
       }), O(), X();
     });
-  }, H = () => {
-    const x = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-    x && x.forEach((m) => {
-      m.removeEventListener(
+  }, W = () => {
+    const m = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
+    m && m.forEach((v) => {
+      v.removeEventListener(
         "keydown",
-        E
+        x
       );
-    }), a && (a.disconnect(), a = null), d && (d.disconnect(), d = null), w.forEach((m) => m()), w.length = 0;
+    }), o && (o.disconnect(), o = null), c && (c.disconnect(), c = null), b.forEach((v) => v()), b.length = 0;
   }, X = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
-    ).forEach((m, k) => {
-      if (m.dataset.featherKHeaderBound === "true")
+    ).forEach((v, A) => {
+      if (v.dataset.featherKHeaderBound === "true")
         return;
-      const C = m.querySelector(
+      const C = v.querySelector(
         ".k-grid-header-menu.k-grid-column-menu"
       );
       if (!C) return;
-      const D = R();
-      if (D && D[k]) {
-        const o = D[k].field ?? "";
-        m.setAttribute("data-feather-k-field", o), m.setAttribute(
+      const E = R();
+      if (E && E[A]) {
+        const l = E[A].field ?? "";
+        v.setAttribute("data-feather-k-field", l), v.setAttribute(
           "data-feather-k-filterable",
-          D[k].filterable === !1 ? "false" : "true"
-        ), m.setAttribute(
+          E[A].filterable === !1 ? "false" : "true"
+        ), v.setAttribute(
           "data-feather-k-sortable",
-          D[k].sortable === !1 ? "false" : "true"
+          E[A].sortable === !1 ? "false" : "true"
         );
       }
-      const P = m.dataset.featherKFilterable !== "false", U = m.dataset.featherKSortable !== "false";
-      C.setAttribute("tabindex", "-1"), P || U ? m.style.cursor = "pointer" : m.style.cursor = "default", P ? (m.setAttribute("tabindex", "0"), m.setAttribute("role", "button"), m.setAttribute("aria-haspopup", "menu")) : (m.setAttribute("tabindex", "0"), m.setAttribute("role", "columnheader"), m.removeAttribute("aria-haspopup"));
-      const j = (o) => {
-        o.target?.closest(".k-column-resizer") || (r.value = m, C.click());
-      }, re = (o) => {
-        if (P)
-          r.value = m, o.preventDefault(), o.stopPropagation(), j(o);
-        else if (U) {
-          r.value = m;
-          const b = m.querySelector(".k-link");
-          b && b.click();
+      const L = v.dataset.featherKFilterable !== "false", K = v.dataset.featherKSortable !== "false";
+      C.setAttribute("tabindex", "-1"), L || K ? v.style.cursor = "pointer" : v.style.cursor = "default", L ? (v.setAttribute("tabindex", "0"), v.setAttribute("role", "button"), v.setAttribute("aria-haspopup", "menu")) : (v.setAttribute("tabindex", "0"), v.setAttribute("role", "columnheader"), v.removeAttribute("aria-haspopup"));
+      const Z = (l) => {
+        l.target?.closest(".k-column-resizer") || (n.value = v, C.click());
+      }, ne = (l) => {
+        if (L)
+          n.value = v, l.preventDefault(), l.stopPropagation(), Z(l);
+        else if (K) {
+          n.value = v;
+          const S = v.querySelector(".k-link");
+          S && S.click();
         }
       };
-      m.addEventListener("click", re), w.push(() => {
-        m.removeEventListener("click", re);
+      v.addEventListener("click", ne), b.push(() => {
+        v.removeEventListener("click", ne);
       });
-      const ue = (o) => {
-        if ((M(o) || o.code === "Space") && (P || U)) {
-          if (o.preventDefault(), o.stopPropagation(), r.value = m, r.value.focus(), P)
-            j(o);
-          else if (U) {
-            const b = m.querySelector(".k-link");
-            b && b.click();
+      const ie = (l) => {
+        if ((M(l) || l.code === "Space") && (L || K)) {
+          if (l.preventDefault(), l.stopPropagation(), n.value = v, n.value.focus(), L)
+            Z(l);
+          else if (K) {
+            const S = v.querySelector(".k-link");
+            S && S.click();
           }
         }
       };
-      m.addEventListener("keydown", ue, !0), w.push(() => {
-        m.removeEventListener("keydown", ue, !0);
-      }), m.dataset.featherKHeaderBound = "true";
+      v.addEventListener("keydown", ie, !0), b.push(() => {
+        v.removeEventListener("keydown", ie, !0);
+      }), v.dataset.featherKHeaderBound = "true";
     });
-    const x = document.querySelector(".k-grid-header .k-table-thead");
-    if (x && x.dataset.featherKHeaderBound !== "true") {
-      const m = (k) => {
-        const C = k.target.closest("th");
-        C && (M(k) || k.code === "Space") && C.dataset.featherKFilterable === "false" && C.dataset.featherKSortable === "false" && (k.preventDefault(), k.stopImmediatePropagation());
+    const m = document.querySelector(".k-grid-header .k-table-thead");
+    if (m && m.dataset.featherKHeaderBound !== "true") {
+      const v = (A) => {
+        const C = A.target.closest("th");
+        C && (M(A) || A.code === "Space") && C.dataset.featherKFilterable === "false" && C.dataset.featherKSortable === "false" && (A.preventDefault(), A.stopImmediatePropagation());
       };
-      x.addEventListener(
+      m.addEventListener(
         "keydown",
-        m,
+        v,
         !0
         // NOTE: capture phase
-      ), w.push(() => {
-        x.removeEventListener(
+      ), b.push(() => {
+        m.removeEventListener(
           "keydown",
-          m,
+          v,
           !0
         );
-      }), x.dataset.featherKHeaderBound = "true";
+      }), m.dataset.featherKHeaderBound = "true";
     }
-  }, Z = function(s, x) {
-    const m = s?.event?.event.target, k = R();
-    if (!m || !k) return;
-    const C = m.classList.contains("k-grid-header-menu"), D = m.classList.contains("k-columnmenu-item"), P = k.find((U) => U.field === s?.event?.field)?.sortable && !0;
+  }, _ = function(a, m) {
+    const v = a?.event?.event.target, A = R();
+    if (!v || !A) return;
+    const C = v.classList.contains("k-grid-header-menu"), E = v.classList.contains("k-columnmenu-item"), L = A.find((K) => K.field === a?.event?.field)?.sortable && !0;
     if (!C) {
-      if (D && !P) {
-        s?.event?.sort?.filter(
-          (j) => j.field !== s?.event?.field
+      if (E && !L) {
+        a?.event?.sort?.filter(
+          (Z) => Z.field !== a?.event?.field
         );
         return;
       }
-      typeof x == "function" && _(() => {
-        r.value && r.value.focus(), x(s), _(() => {
+      typeof m == "function" && G(() => {
+        n.value && n.value.focus(), m(a), G(() => {
           X();
         });
       });
     }
-  }, J = () => {
-    if (!c)
+  }, F = () => {
+    if (!u)
       try {
-        v(), I(), N(), c = !0;
-      } catch (s) {
-        console.error("initA11y failed:", s), H();
+        g(), I(), V(), u = !0;
+      } catch (a) {
+        console.error("initA11y failed:", a), W();
       }
   };
-  return Ke(() => {
-    H();
+  return Be(() => {
+    W();
   }), {
-    activeFilterButton: r,
-    handleGridKeyDown: i,
-    handleSortChange: Z,
-    initA11y: J
+    activeFilterButton: n,
+    handleGridKeyDown: s,
+    handleSortChange: _,
+    initA11y: F
   };
-}, Xe = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), We = (e) => !!e && typeof e == "object" && "field" in e, Ve = (e, t) => !e || typeof e != "object" ? !1 : Xe(e) ? e.filters.some(
-  (r) => Ve(r, t)
-) : We(e) ? e.field === t : !1, St = (e) => (t) => e.value?.filters && e.value.filters.some(
-  (r) => Ve(r, t)
-) ? "active" : "", Ze = [
+}, _e = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), je = (e) => !!e && typeof e == "object" && "field" in e, qe = (e, t) => !e || typeof e != "object" ? !1 : _e(e) ? e.filters.some(
+  (n) => qe(n, t)
+) : je(e) ? e.field === t : !1, xt = (e) => (t) => e.value?.filters && e.value.filters.some(
+  (n) => qe(n, t)
+) ? "active" : "", Ge = [
   "button",
   "a",
   "input",
@@ -409,228 +409,228 @@ const wt = (e, t) => {
   ".k-hierarchy-cell",
   ".k-grid-header-menu",
   ".k-column-menu"
-], kt = (e) => {
+], Mt = (e) => {
   const {
     onRowAction: t,
-    gridRef: r,
-    dataItems: c,
-    ignoreSelectors: a = [],
-    shouldIgnoreTarget: d,
-    enableKeyboardAction: w = !0
-  } = e, S = [
-    ...Ze,
-    ...a
-  ], $ = (p, i) => {
-    if (!p) return !1;
-    const v = S.join(",");
-    return p.closest && p.closest(v) ? !0 : d && i ? d(p, i) : !1;
-  }, V = (p) => {
-    const v = p?.closest?.(
+    gridRef: n,
+    dataItems: u,
+    ignoreSelectors: o = [],
+    shouldIgnoreTarget: c,
+    enableKeyboardAction: b = !0
+  } = e, k = [
+    ...Ge,
+    ...o
+  ], P = (f, s) => {
+    if (!f) return !1;
+    const g = k.join(",");
+    return f.closest && f.closest(g) ? !0 : c && s ? c(f, s) : !1;
+  }, N = (f) => {
+    const g = f?.closest?.(
       ".k-table-row[data-grid-row-index]"
     )?.getAttribute("data-grid-row-index");
-    if (v == null) return;
-    const I = parseInt(v, 10);
+    if (g == null) return;
+    const I = parseInt(g, 10);
     return Number.isNaN(I) ? void 0 : I;
-  }, M = (p) => {
-    if (!p || typeof p.clientX != "number")
+  }, M = (f) => {
+    if (!f || typeof f.clientX != "number")
       return;
-    const i = typeof window < "u" && window.scrollX || 0, v = typeof window < "u" && window.scrollY || 0, I = typeof window < "u" && window.screenX || 0, N = typeof window < "u" && window.screenY || 0;
+    const s = typeof window < "u" && window.scrollX || 0, g = typeof window < "u" && window.scrollY || 0, I = typeof window < "u" && window.screenX || 0, V = typeof window < "u" && window.screenY || 0;
     return {
-      clientX: p.clientX,
-      clientY: p.clientY,
-      pageX: typeof p.pageX == "number" ? p.pageX : p.clientX + i,
-      pageY: typeof p.pageY == "number" ? p.pageY : p.clientY + v,
-      screenX: typeof p.screenX == "number" ? p.screenX : p.clientX + I,
-      screenY: typeof p.screenY == "number" ? p.screenY : p.clientY + N
+      clientX: f.clientX,
+      clientY: f.clientY,
+      pageX: typeof f.pageX == "number" ? f.pageX : f.clientX + s,
+      pageY: typeof f.pageY == "number" ? f.pageY : f.clientY + g,
+      screenX: typeof f.screenX == "number" ? f.screenX : f.clientX + I,
+      screenY: typeof f.screenY == "number" ? f.screenY : f.clientY + V
     };
-  }, R = (p) => {
-    if (!p || typeof p.getBoundingClientRect != "function")
+  }, R = (f) => {
+    if (!f || typeof f.getBoundingClientRect != "function")
       return;
-    const i = p.getBoundingClientRect();
-    if (!i) return;
-    const v = i.left, I = i.bottom, N = typeof window < "u" && window.scrollX || 0, H = typeof window < "u" && window.scrollY || 0;
+    const s = f.getBoundingClientRect();
+    if (!s) return;
+    const g = s.left, I = s.bottom, V = typeof window < "u" && window.scrollX || 0, W = typeof window < "u" && window.scrollY || 0;
     return {
-      clientX: v,
+      clientX: g,
       clientY: I,
-      pageX: v + N,
-      pageY: I + H,
-      screenX: v,
+      pageX: g + V,
+      pageY: I + W,
+      screenX: g,
       screenY: I
     };
-  }, E = (p) => {
+  }, x = (f) => {
     if (typeof window > "u") return !1;
-    const i = window.getSelection();
-    if (!i || i.isCollapsed || !i.toString().trim())
+    const s = window.getSelection();
+    if (!s || s.isCollapsed || !s.toString().trim())
       return !1;
-    if (p && i.anchorNode && i.focusNode) {
-      const v = p.closest(".k-table-row") || p.closest(".k-grid") || p, I = i.anchorNode.nodeType === Node.ELEMENT_NODE ? i.anchorNode : i.anchorNode.parentElement, N = i.focusNode.nodeType === Node.ELEMENT_NODE ? i.focusNode : i.focusNode.parentElement, H = !!(I && v.contains(I)), X = !!(N && v.contains(N));
-      return H || X;
+    if (f && s.anchorNode && s.focusNode) {
+      const g = f.closest(".k-table-row") || f.closest(".k-grid") || f, I = s.anchorNode.nodeType === Node.ELEMENT_NODE ? s.anchorNode : s.anchorNode.parentElement, V = s.focusNode.nodeType === Node.ELEMENT_NODE ? s.focusNode : s.focusNode.parentElement, W = !!(I && g.contains(I)), X = !!(V && g.contains(V));
+      return W || X;
     }
     return !0;
   };
   return {
-    handleRowClick: (p) => {
-      const i = p?.htmlEvent || p?.event || p?.nativeEvent || (p instanceof Event ? p : void 0);
-      if (i && i.button !== void 0 && i.button !== 0)
+    handleRowClick: (f) => {
+      const s = f?.htmlEvent || f?.event || f?.nativeEvent || (f instanceof Event ? f : void 0);
+      if (s && s.button !== void 0 && s.button !== 0)
         return;
-      const v = i?.target || p?.target;
-      if (v && $(v, i || p) || E(v))
+      const g = s?.target || f?.target;
+      if (g && P(g, s || f) || x(g))
         return;
       const I = {
-        dataItem: p.dataItem,
-        rowIndex: p.rowIndex ?? V(v),
-        field: p.field,
-        event: i || p,
+        dataItem: f.dataItem,
+        rowIndex: f.rowIndex ?? N(g),
+        field: f.field,
+        event: s || f,
         triggerType: "click",
-        ctrlKey: !!i?.ctrlKey,
-        shiftKey: !!i?.shiftKey,
-        metaKey: !!i?.metaKey,
-        altKey: !!i?.altKey,
-        coordinates: M(i) ?? R(v)
+        ctrlKey: !!s?.ctrlKey,
+        shiftKey: !!s?.shiftKey,
+        metaKey: !!s?.metaKey,
+        altKey: !!s?.altKey,
+        coordinates: M(s) ?? R(g)
       };
-      t(p.dataItem, I);
+      t(f.dataItem, I);
     },
-    handleRowKeyDown: (p, i) => {
-      if (!w) return;
-      const v = p.key || p.code;
-      if (!(v === "Enter" || v === "NumpadEnter" || v === " " || v === "Space" || p.code === "Enter" || p.code === "NumpadEnter" || p.code === "Space")) return;
-      const N = p.target;
-      if (!N) return;
-      const H = N.closest(
+    handleRowKeyDown: (f, s) => {
+      if (!b) return;
+      const g = f.key || f.code;
+      if (!(g === "Enter" || g === "NumpadEnter" || g === " " || g === "Space" || f.code === "Enter" || f.code === "NumpadEnter" || f.code === "Space")) return;
+      const V = f.target;
+      if (!V) return;
+      const W = V.closest(
         ".k-table-row[data-grid-row-index], .k-table-row"
       );
-      if (!H || $(N, p))
+      if (!W || P(V, f))
         return;
-      p.preventDefault(), p.stopPropagation();
-      const X = H.getAttribute("data-grid-row-index"), Z = X !== null ? parseInt(X, 10) : void 0;
-      let J = i;
-      if (J === void 0) {
-        const x = (Array.isArray(c) ? c : c?.value) || r?.value?.props?.dataItems || r?.value?.dataItems;
-        x && Z !== void 0 && Z >= 0 && Z < x.length && (J = x[Z]);
+      f.preventDefault(), f.stopPropagation();
+      const X = W.getAttribute("data-grid-row-index"), _ = X !== null ? parseInt(X, 10) : void 0;
+      let F = s;
+      if (F === void 0) {
+        const m = (Array.isArray(u) ? u : u?.value) || n?.value?.props?.dataItems || n?.value?.dataItems;
+        m && _ !== void 0 && _ >= 0 && _ < m.length && (F = m[_]);
       }
-      if (J === void 0) return;
-      const s = {
-        dataItem: J,
-        rowIndex: Z,
-        event: p,
+      if (F === void 0) return;
+      const a = {
+        dataItem: F,
+        rowIndex: _,
+        event: f,
         triggerType: "keyboard",
-        ctrlKey: !!p.ctrlKey,
-        shiftKey: !!p.shiftKey,
-        metaKey: !!p.metaKey,
-        altKey: !!p.altKey,
-        coordinates: R(H)
+        ctrlKey: !!f.ctrlKey,
+        shiftKey: !!f.shiftKey,
+        metaKey: !!f.metaKey,
+        altKey: !!f.altKey,
+        coordinates: R(W)
       };
-      t(J, s);
+      t(F, a);
     },
-    isIgnoredTarget: $
+    isIgnoredTarget: P
   };
-}, _e = "Enter a valid ZIP code with exactly 5 or 9 digits.", Fe = (e) => {
+}, Je = "Enter a valid ZIP code with exactly 5 or 9 digits.", Le = (e) => {
   const t = e.replace(/\D/g, "").slice(0, 9);
   return t.length > 5 ? `${t.slice(0, 5)}-${t.slice(5)}` : t;
-}, je = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, Ge = (e) => e <= 5 ? e : Math.min(e + 1, 10), Je = (e) => {
-  const t = Y(Fe(e.initialValue ?? "")), r = Y(!1), c = Y(
-    e.errorMessage?.trim() || _e
-  ), a = y(() => t.value.replace(/\D/g, "")), d = y(() => {
-    const A = a.value.length;
-    return A === 5 || A === 9;
-  }), w = y(() => r.value && !d.value), S = y(() => !r.value || d.value), $ = y(() => r.value), V = (A, O) => {
-    const p = Ge(O);
-    _(() => {
-      A.isConnected && A.setSelectionRange(p, p);
+}, Qe = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, et = (e) => e <= 5 ? e : Math.min(e + 1, 10), tt = (e) => {
+  const t = Y(Le(e.initialValue ?? "")), n = Y(!1), u = Y(
+    e.errorMessage?.trim() || Je
+  ), o = y(() => t.value.replace(/\D/g, "")), c = y(() => {
+    const D = o.value.length;
+    return D === 5 || D === 9;
+  }), b = y(() => n.value && !c.value), k = y(() => !n.value || c.value), P = y(() => n.value), N = (D, O) => {
+    const f = et(O);
+    G(() => {
+      D.isConnected && D.setSelectionRange(f, f);
     });
   };
   return {
     // writable state
     zipDisplay: t,
-    submitted: r,
-    errorMessage: c,
+    submitted: n,
+    errorMessage: u,
     // bindings
     wrapperClass: "fk-zip-textbox",
     // derived state
-    zipRaw: a,
-    isZipValid: d,
-    showZipError: w,
-    textBoxValid: S,
-    textBoxValidate: $,
+    zipRaw: o,
+    isZipValid: c,
+    showZipError: b,
+    textBoxValid: k,
+    textBoxValidate: P,
     // actions
-    handleZipInput: (...A) => {
-      const O = A[0], i = O?.event?.target, v = O?.value, I = Array.isArray(v) ? v.join("") : String(v ?? ""), N = i?.selectionStart !== void 0 && i.selectionStart !== null ? je(
-        i.value,
-        i.selectionStart
+    handleZipInput: (...D) => {
+      const O = D[0], s = O?.event?.target, g = O?.value, I = Array.isArray(g) ? g.join("") : String(g ?? ""), V = s?.selectionStart !== void 0 && s.selectionStart !== null ? Qe(
+        s.value,
+        s.selectionStart
       ) : I.replace(/\D/g, "").length;
-      t.value = Fe(I), i && V(i, N);
+      t.value = Le(I), s && N(s, V);
     },
-    submitAndValidate: (A) => {
-      r.value = !0;
-      const O = d.value;
-      return !O && A?.focus && _(() => {
+    submitAndValidate: (D) => {
+      n.value = !0;
+      const O = c.value;
+      return !O && D?.focus && G(() => {
         document.getElementById(
           e.id
         )?.focus();
       }), O;
     },
-    buildPayload: () => ({ zip: a.value })
+    buildPayload: () => ({ zip: o.value })
   };
 };
-function Qe(e, t) {
-  const r = Y(!1);
-  Le(() => {
+function nt(e, t) {
+  const n = Y(!1);
+  ze(() => {
     e.value?.setAttribute("aria-invalid", String(!t.isValid()));
   });
-  function c(d) {
-    const w = e.value ?? d.currentTarget, S = d.relatedTarget;
-    (!w || !w.contains(S)) && (r.value = !0);
+  function u(c) {
+    const b = e.value ?? c.currentTarget, k = c.relatedTarget;
+    (!b || !b.contains(k)) && (n.value = !0);
   }
-  function a() {
-    r.value = !1;
+  function o() {
+    n.value = !1;
   }
-  return { touched: r, onFocusout: c, reset: a };
+  return { touched: n, onFocusout: u, reset: o };
 }
-function et(e, t) {
-  const r = Y(!1), c = Y(!1), a = y(
-    () => ne(t.submitted) || r.value
-  ), d = y(() => !a.value || t.isValid()), w = Qe(e, {
-    isValid: () => d.value
+function rt(e, t) {
+  const n = Y(!1), u = Y(!1), o = y(
+    () => re(t.submitted) || n.value
+  ), c = y(() => !o.value || t.isValid()), b = nt(e, {
+    isValid: () => c.value
   });
-  function S(E) {
-    return y(() => !a.value || ne(E));
+  function k(x) {
+    return y(() => !o.value || re(x));
   }
-  function $(E) {
+  function P(x) {
     return Object.fromEntries(
-      Object.entries(E).map(([A, O]) => [
-        A,
-        S(O)
+      Object.entries(x).map(([D, O]) => [
+        D,
+        k(O)
       ])
     );
   }
-  function V(E) {
-    const A = ne(E);
-    if (!A) return;
-    A.querySelector(
+  function N(x) {
+    const D = re(x);
+    if (!D) return;
+    D.querySelector(
       '.k-invalid input, .k-invalid[tabindex="0"]'
     )?.focus();
   }
-  function M(E) {
-    if (c.value) {
-      c.value = !1;
+  function M(x) {
+    if (u.value) {
+      u.value = !1;
       return;
     }
-    w.onFocusout(E), w.touched.value && (r.value = !0);
+    b.onFocusout(x), b.touched.value && (n.value = !0);
   }
   function R() {
-    r.value = !1, c.value = !0, w.reset();
+    n.value = !1, u.value = !0, b.reset();
   }
   return {
-    touched: r,
-    fieldsetValidate: a,
+    touched: n,
+    fieldsetValidate: o,
     onFocusout: M,
     reset: R,
-    createFieldValidity: S,
-    createFieldValidationsMap: $,
-    focusFirstInvalidField: V
+    createFieldValidity: k,
+    createFieldValidationsMap: P,
+    focusFirstInvalidField: N
   };
 }
-const tt = [
+const at = [
   { label: "Alabama", value: "AL" },
   { label: "Alaska", value: "AK" },
   { label: "Arizona", value: "AZ" },
@@ -689,8 +689,8 @@ function xe(e) {
   }
   return "";
 }
-function nt() {
-  const e = ze({
+function ot() {
+  const e = Ye({
     address1: "",
     address2: "",
     city: "",
@@ -699,393 +699,393 @@ function nt() {
   });
   return {
     formData: e,
-    onAddress1Input: (...w) => {
-      e.address1 = xe(w[0]);
+    onAddress1Input: (...b) => {
+      e.address1 = xe(b[0]);
     },
-    onAddress2Input: (...w) => {
-      e.address2 = xe(w[0]);
+    onAddress2Input: (...b) => {
+      e.address2 = xe(b[0]);
     },
-    onCityInput: (...w) => {
-      e.city = xe(w[0]);
+    onCityInput: (...b) => {
+      e.city = xe(b[0]);
     },
-    onStateChange: (w) => {
-      e.state = w.value;
+    onStateChange: (b) => {
+      e.state = b.value;
     },
     resetFormData: () => {
       e.address1 = "", e.address2 = "", e.city = "", e.state = null, e.zip = "";
     }
   };
 }
-function rt(e, t = "zip") {
-  const r = Je({ id: t }), {
-    zipDisplay: c,
-    zipRaw: a,
-    isZipValid: d,
-    wrapperClass: w,
-    handleZipInput: S
-  } = r;
-  return le(a, (V) => {
-    e.zip = V;
+function lt(e, t = "zip") {
+  const n = tt({ id: t }), {
+    zipDisplay: u,
+    zipRaw: o,
+    isZipValid: c,
+    wrapperClass: b,
+    handleZipInput: k
+  } = n;
+  return ae(o, (N) => {
+    e.zip = N;
   }), {
-    zipDisplay: c,
-    isZipValid: d,
-    zipWrapperClass: w,
-    onZipInput: S,
+    zipDisplay: u,
+    isZipValid: c,
+    zipWrapperClass: b,
+    onZipInput: k,
     resetZip: () => {
-      c.value = "", e.zip = "";
+      u.value = "", e.zip = "";
     }
   };
 }
-function at(e) {
+function it(e) {
   const t = y(
     () => e.formData.address1.trim() !== ""
-  ), r = y(() => e.formData.city.trim() !== ""), c = y(() => !!e.formData.state), a = y(() => ne(e.isZipValid)), d = y(
-    () => t.value && r.value && c.value && a.value
+  ), n = y(() => e.formData.city.trim() !== ""), u = y(() => !!e.formData.state), o = y(() => re(e.isZipValid)), c = y(
+    () => t.value && n.value && u.value && o.value
   );
   return {
     strictAddress1Valid: t,
-    strictCityValid: r,
-    strictStateValid: c,
-    strictZipValid: a,
-    strictAddressValid: d
+    strictCityValid: n,
+    strictStateValid: u,
+    strictZipValid: o,
+    strictAddressValid: c
   };
 }
-function ot(e) {
+function st(e) {
   if (!e) return;
   e.querySelector(
     '.k-invalid input, .k-invalid[tabindex="0"]'
   )?.focus();
 }
-function lt(e, t) {
-  const r = e ?? t.currentTarget, c = t.relatedTarget;
-  return !r || !r.contains(c);
+function ut(e, t) {
+  const n = e ?? t.currentTarget, u = t.relatedTarget;
+  return !n || !n.contains(u);
 }
-function At(e) {
+function It(e) {
   const t = Y(
-    ne(e.fieldsetRef)
+    re(e.fieldsetRef)
   );
-  Le(() => {
-    t.value = ne(e.fieldsetRef);
+  ze(() => {
+    t.value = re(e.fieldsetRef);
   });
-  const r = Y(!1), c = Y(!1), a = y(() => ne(e.required) ?? !0), {
-    formData: d,
-    onAddress1Input: w,
-    onAddress2Input: S,
-    onCityInput: $,
-    onStateChange: V,
+  const n = Y(!1), u = Y(!1), o = y(() => re(e.required) ?? !0), {
+    formData: c,
+    onAddress1Input: b,
+    onAddress2Input: k,
+    onCityInput: P,
+    onStateChange: N,
     resetFormData: M
-  } = nt(), R = `${e.addressId}-zip`, { zipDisplay: E, isZipValid: A, zipWrapperClass: O, onZipInput: p, resetZip: i } = rt(d, R), {
-    strictAddress1Valid: v,
+  } = ot(), R = `${e.addressId}-zip`, { zipDisplay: x, isZipValid: D, zipWrapperClass: O, onZipInput: f, resetZip: s } = lt(c, R), {
+    strictAddress1Valid: g,
     strictCityValid: I,
-    strictStateValid: N,
-    strictZipValid: H,
+    strictStateValid: V,
+    strictZipValid: W,
     strictAddressValid: X
-  } = at({
-    formData: d,
-    isZipValid: A
-  }), Z = et(t, {
-    submitted: r,
+  } = it({
+    formData: c,
+    isZipValid: D
+  }), _ = rt(t, {
+    submitted: n,
     isValid: () => X.value
-  }), { touched: J, fieldsetValidate: s, onFocusout: x, reset: m } = Z, k = Z.createFieldValidationsMap({
-    address1: v,
+  }), { touched: F, fieldsetValidate: a, onFocusout: m, reset: v } = _, A = _.createFieldValidationsMap({
+    address1: g,
     city: I,
-    state: N,
-    zip: H,
+    state: V,
+    zip: W,
     address: X
   }), {
     address1: C,
-    city: D,
-    state: P,
-    zip: U,
-    address: j
-  } = k, re = y(
-    () => a.value ? s.value : !1
-  ), ue = y(
-    () => a.value ? C.value : !0
-  ), o = y(
-    () => a.value ? D.value : !0
-  ), b = y(
-    () => a.value ? P.value : !0
+    city: E,
+    state: L,
+    zip: K,
+    address: Z
+  } = A, ne = y(
+    () => o.value ? a.value : !1
+  ), ie = y(
+    () => o.value ? C.value : !0
+  ), l = y(
+    () => o.value ? E.value : !0
+  ), S = y(
+    () => o.value ? L.value : !0
   ), q = y(
-    () => a.value ? U.value : !0
-  ), f = y(
-    () => a.value ? j.value : !0
-  ), h = { value: null, label: "State" }, L = tt.map(({ label: g, value: F }) => ({
-    label: g,
-    value: F
-  })), n = y(() => ({
-    address1: d.address1.trim(),
-    address2: d.address2.trim(),
-    city: d.city.trim(),
-    state: (d.state ?? "").trim().toUpperCase(),
-    zip: d.zip.replace(/\D/g, "")
-  })), u = y(() => d.address1.trim() === "" && d.address2.trim() === "" && d.city.trim() === "" && (d.state ?? "").trim() === "" && d.zip.replace(/\D/g, "") === ""), T = y(() => !u.value), K = y(() => !a.value && T.value && (!v.value || !I.value || !N.value)), z = y(() => {
-    const g = d.zip.replace(/\D/g, "");
-    return !a.value && T.value && g.length !== 5 && g.length !== 9;
-  }), Q = y(() => !a.value && T.value && !X.value), W = y(() => !a.value && Q.value && (c.value || r.value));
-  return le(n, () => {
-    a.value || (c.value = !1);
-  }), le(a, (g) => {
-    g || (r.value = !1, c.value = !1, m());
+    () => o.value ? K.value : !0
+  ), p = y(
+    () => o.value ? Z.value : !0
+  ), w = { value: null, label: "State" }, z = at.map(({ label: h, value: $ }) => ({
+    label: h,
+    value: $
+  })), r = y(() => ({
+    address1: c.address1.trim(),
+    address2: c.address2.trim(),
+    city: c.city.trim(),
+    state: (c.state ?? "").trim().toUpperCase(),
+    zip: c.zip.replace(/\D/g, "")
+  })), d = y(() => c.address1.trim() === "" && c.address2.trim() === "" && c.city.trim() === "" && (c.state ?? "").trim() === "" && c.zip.replace(/\D/g, "") === ""), T = y(() => !d.value), U = y(() => !o.value && T.value && (!g.value || !I.value || !V.value)), B = y(() => {
+    const h = c.zip.replace(/\D/g, "");
+    return !o.value && T.value && h.length !== 5 && h.length !== 9;
+  }), Q = y(() => !o.value && T.value && !X.value), j = y(() => !o.value && Q.value && (u.value || n.value));
+  return ae(r, () => {
+    o.value || (u.value = !1);
+  }), ae(o, (h) => {
+    h || (n.value = !1, u.value = !1, v());
   }), {
-    formData: d,
-    submitted: r,
-    touched: J,
-    addressValidate: re,
-    address1Valid: ue,
-    cityValid: o,
-    stateValid: b,
+    formData: c,
+    submitted: n,
+    touched: F,
+    addressValidate: ne,
+    address1Valid: ie,
+    cityValid: l,
+    stateValid: S,
     zipValid: q,
-    addressValid: f,
-    optionalFeedbackActive: W,
+    addressValid: p,
+    optionalFeedbackActive: j,
     optionalPartialInvalid: Q,
-    optionalMissingRequiredFields: K,
-    optionalZipInvalid: z,
-    stateDefaultItem: h,
-    stateOptions: L,
-    zipDisplay: E,
+    optionalMissingRequiredFields: U,
+    optionalZipInvalid: B,
+    stateDefaultItem: w,
+    stateOptions: z,
+    zipDisplay: x,
     zipWrapperClass: O,
-    onAddress1Input: w,
-    onAddress2Input: S,
-    onCityInput: $,
-    onStateChange: V,
-    onZipInput: p,
-    onFieldsetFocusout: (g) => {
-      const F = lt(t.value, g);
-      x(g), !a.value && F && (c.value = !0);
+    onAddress1Input: b,
+    onAddress2Input: k,
+    onCityInput: P,
+    onStateChange: N,
+    onZipInput: f,
+    onFieldsetFocusout: (h) => {
+      const $ = ut(t.value, h);
+      m(h), !o.value && $ && (u.value = !0);
     },
-    normalizedPayload: n,
-    validateForSubmit: async () => a.value ? (r.value = !0, X.value ? {
+    normalizedPayload: r,
+    validateForSubmit: async () => o.value ? (n.value = !0, X.value ? {
       isValid: !0,
-      payload: n.value
-    } : (await _(), ot(t.value), { isValid: !1, payload: null })) : u.value || X.value ? (r.value = !1, {
+      payload: r.value
+    } : (await G(), st(t.value), { isValid: !1, payload: null })) : d.value || X.value ? (n.value = !1, {
       isValid: !0,
-      payload: n.value
-    }) : (r.value = !0, { isValid: !1, payload: null }),
+      payload: r.value
+    }) : (n.value = !0, { isValid: !1, payload: null }),
     reset: () => {
-      r.value = !1, c.value = !1, m(), M(), i();
+      n.value = !1, u.value = !1, v(), M(), s();
     }
   };
 }
-const Pe = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", $e = (e) => e === "top" ? "bottom" : e === "bottom" ? "top" : "center", Me = (e, t, r, c) => {
-  const a = e.left + (r.horizontal === "right" ? e.width : r.horizontal === "center" ? e.width / 2 : 0), d = e.top + (r.vertical === "bottom" ? e.height : r.vertical === "center" ? e.height / 2 : 0), w = t ? c.horizontal === "right" ? t.width : c.horizontal === "center" ? t.width / 2 : 0 : 0, S = t ? c.vertical === "bottom" ? t.height : c.vertical === "center" ? t.height / 2 : 0 : 0;
-  return { left: a - w, top: d - S };
-}, Oe = (e, t, r, c) => t >= c - r ? r : Math.min(Math.max(e, r), c - t), it = ({
+const $e = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Oe = (e) => e === "top" ? "bottom" : e === "bottom" ? "top" : "center", Me = (e, t, n, u) => {
+  const o = e.left + (n.horizontal === "right" ? e.width : n.horizontal === "center" ? e.width / 2 : 0), c = e.top + (n.vertical === "bottom" ? e.height : n.vertical === "center" ? e.height / 2 : 0), b = t ? u.horizontal === "right" ? t.width : u.horizontal === "center" ? t.width / 2 : 0 : 0, k = t ? u.vertical === "bottom" ? t.height : u.vertical === "center" ? t.height / 2 : 0 : 0;
+  return { left: o - b, top: c - k };
+}, Ve = (e, t, n, u) => t >= u - n ? n : Math.min(Math.max(e, n), u - t), ct = ({
   anchor: e,
   popup: t,
-  anchorAlign: r,
-  popupAlign: c,
-  bounds: a,
-  collision: d
+  anchorAlign: n,
+  popupAlign: u,
+  bounds: o,
+  collision: c
 }) => {
-  const w = Me(e, t, r, c);
-  if (!t) return w;
-  let { left: S, top: $ } = w;
-  if (d.horizontal === "fit")
-    S = Oe(S, t.width, a.left, a.right);
+  const b = Me(e, t, n, u);
+  if (!t) return b;
+  let { left: k, top: P } = b;
+  if (c.horizontal === "fit")
+    k = Ve(k, t.width, o.left, o.right);
   else {
-    const V = S + t.width - a.right, M = a.left - S;
-    if (V > 0 || M > 0) {
+    const N = k + t.width - o.right, M = o.left - k;
+    if (N > 0 || M > 0) {
       const R = Me(
         e,
         t,
         {
-          horizontal: Pe(r.horizontal),
-          vertical: r.vertical
+          horizontal: $e(n.horizontal),
+          vertical: n.vertical
         },
         {
-          horizontal: Pe(c.horizontal),
-          vertical: c.vertical
+          horizontal: $e(u.horizontal),
+          vertical: u.vertical
         }
-      ), E = Math.max(V, 0) + Math.max(M, 0);
-      Math.max(R.left + t.width - a.right, 0) + Math.max(a.left - R.left, 0) < E && (S = R.left);
+      ), x = Math.max(N, 0) + Math.max(M, 0);
+      Math.max(R.left + t.width - o.right, 0) + Math.max(o.left - R.left, 0) < x && (k = R.left);
     }
   }
-  if (d.vertical === "fit")
-    $ = Oe($, t.height, a.top, a.bottom);
+  if (c.vertical === "fit")
+    P = Ve(P, t.height, o.top, o.bottom);
   else {
-    const V = $ + t.height - a.bottom, M = a.top - $;
-    if (V > 0 || M > 0) {
+    const N = P + t.height - o.bottom, M = o.top - P;
+    if (N > 0 || M > 0) {
       const R = Me(
         e,
         t,
         {
-          horizontal: r.horizontal,
-          vertical: $e(r.vertical)
+          horizontal: n.horizontal,
+          vertical: Oe(n.vertical)
         },
         {
-          horizontal: c.horizontal,
-          vertical: $e(c.vertical)
+          horizontal: u.horizontal,
+          vertical: Oe(u.vertical)
         }
-      ), E = Math.max(V, 0) + Math.max(M, 0);
-      Math.max(R.top + t.height - a.bottom, 0) + Math.max(a.top - R.top, 0) < E && ($ = R.top);
+      ), x = Math.max(N, 0) + Math.max(M, 0);
+      Math.max(R.top + t.height - o.bottom, 0) + Math.max(o.top - R.top, 0) < x && (P = R.top);
     }
   }
-  return { left: S, top: $ };
-}, Dt = (e = "fkid") => {
-  const t = `${e}-${Ue()}`;
-  return { instanceId: t, compose: (...c) => [t, ...c].filter((a) => a != null).map(String).join("-") };
-}, st = typeof window < "u" && typeof document < "u";
+  return { left: k, top: P };
+}, Ct = (e = "fkid") => {
+  const t = `${e}-${He()}`;
+  return { instanceId: t, compose: (...u) => [t, ...u].filter((o) => o != null).map(String).join("-") };
+}, dt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ut = Object.prototype.toString, ct = (e) => ut.call(e) === "[object Object]", ke = () => {
+const ft = Object.prototype.toString, pt = (e) => ft.call(e) === "[object Object]", ke = () => {
 };
 function Ie(e) {
   return Array.isArray(e) ? e : [e];
 }
-function dt(e, t, r) {
-  return le(e, t, {
-    ...r,
+function vt(e, t, n) {
+  return ae(e, t, {
+    ...n,
     immediate: !0
   });
 }
-const Ne = st ? window : void 0;
-function we(e) {
+const Ke = dt ? window : void 0;
+function be(e) {
   var t;
-  const r = ne(e);
-  return (t = r?.$el) !== null && t !== void 0 ? t : r;
+  const n = re(e);
+  return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Ce(...e) {
-  const t = (c, a, d, w) => (c.addEventListener(a, d, w), () => c.removeEventListener(a, d, w)), r = y(() => {
-    const c = Ie(ne(e[0])).filter((a) => a != null);
-    return c.every((a) => typeof a != "string") ? c : void 0;
+  const t = (u, o, c, b) => (u.addEventListener(o, c, b), () => u.removeEventListener(o, c, b)), n = y(() => {
+    const u = Ie(re(e[0])).filter((o) => o != null);
+    return u.every((o) => typeof o != "string") ? u : void 0;
   });
-  return dt(() => {
-    var c, a;
+  return vt(() => {
+    var u, o;
     return [
-      (c = (a = r.value) === null || a === void 0 ? void 0 : a.map((d) => we(d))) !== null && c !== void 0 ? c : [Ne].filter((d) => d != null),
-      Ie(ne(r.value ? e[1] : e[0])),
-      Ie(Be(r.value ? e[2] : e[1])),
-      ne(r.value ? e[3] : e[2])
+      (u = (o = n.value) === null || o === void 0 ? void 0 : o.map((c) => be(c))) !== null && u !== void 0 ? u : [Ke].filter((c) => c != null),
+      Ie(re(n.value ? e[1] : e[0])),
+      Ie(We(n.value ? e[2] : e[1])),
+      re(n.value ? e[3] : e[2])
     ];
-  }, ([c, a, d, w], S, $) => {
-    if (!c?.length || !a?.length || !d?.length) return;
-    const V = ct(w) ? { ...w } : w, M = c.flatMap((R) => a.flatMap((E) => d.map((A) => t(R, E, A, V))));
-    $(() => {
+  }, ([u, o, c, b], k, P) => {
+    if (!u?.length || !o?.length || !c?.length) return;
+    const N = pt(b) ? { ...b } : b, M = u.flatMap((R) => o.flatMap((x) => c.map((D) => t(R, x, D, N))));
+    P(() => {
       M.forEach((R) => R());
     });
   }, { flush: "post" });
 }
-function qe(e, t, r = {}) {
-  const { window: c = Ne, ignore: a = [], capture: d = !0, detectIframe: w = !1, controls: S = !1 } = r;
-  if (!c) return S ? {
+function Ue(e, t, n = {}) {
+  const { window: u = Ke, ignore: o = [], capture: c = !0, detectIframe: b = !1, controls: k = !1 } = n;
+  if (!u) return k ? {
     stop: ke,
     cancel: ke,
     trigger: ke
   } : ke;
-  let $ = !0;
-  const V = (i) => ne(a).some((v) => {
-    if (typeof v == "string") return Array.from(c.document.querySelectorAll(v)).some((I) => I === i.target || i.composedPath().includes(I));
+  let P = !0;
+  const N = (s) => re(o).some((g) => {
+    if (typeof g == "string") return Array.from(u.document.querySelectorAll(g)).some((I) => I === s.target || s.composedPath().includes(I));
     {
-      const I = we(v);
-      return I && (i.target === I || i.composedPath().includes(I));
+      const I = be(g);
+      return I && (s.target === I || s.composedPath().includes(I));
     }
   });
-  function M(i) {
-    const v = ne(i);
-    return v && v.$.subTree.shapeFlag === 16;
+  function M(s) {
+    const g = re(s);
+    return g && g.$.subTree.shapeFlag === 16;
   }
-  function R(i, v) {
-    const I = ne(i), N = I.$.subTree && I.$.subTree.children;
-    return N == null || !Array.isArray(N) ? !1 : N.some((H) => H.el === v.target || v.composedPath().includes(H.el));
+  function R(s, g) {
+    const I = re(s), V = I.$.subTree && I.$.subTree.children;
+    return V == null || !Array.isArray(V) ? !1 : V.some((W) => W.el === g.target || g.composedPath().includes(W.el));
   }
-  const E = (i) => {
-    const v = we(e);
-    if (i.target != null && !(!(v instanceof Element) && M(e) && R(e, i)) && !(!v || v === i.target || i.composedPath().includes(v))) {
-      if ("detail" in i && i.detail === 0 && ($ = !V(i)), !$) {
-        $ = !0;
+  const x = (s) => {
+    const g = be(e);
+    if (s.target != null && !(!(g instanceof Element) && M(e) && R(e, s)) && !(!g || g === s.target || s.composedPath().includes(g))) {
+      if ("detail" in s && s.detail === 0 && (P = !N(s)), !P) {
+        P = !0;
         return;
       }
-      t(i);
+      t(s);
     }
   };
-  let A = !1;
+  let D = !1;
   const O = [
-    Ce(c, "click", (i) => {
-      A || (A = !0, setTimeout(() => {
-        A = !1;
-      }, 0), E(i));
+    Ce(u, "click", (s) => {
+      D || (D = !0, setTimeout(() => {
+        D = !1;
+      }, 0), x(s));
     }, {
       passive: !0,
-      capture: d
+      capture: c
     }),
-    Ce(c, "pointerdown", (i) => {
-      const v = we(e);
-      $ = !V(i) && !!(v && !i.composedPath().includes(v));
+    Ce(u, "pointerdown", (s) => {
+      const g = be(e);
+      P = !N(s) && !!(g && !s.composedPath().includes(g));
     }, { passive: !0 }),
-    w && Ce(c, "blur", (i) => {
+    b && Ce(u, "blur", (s) => {
       setTimeout(() => {
-        const v = we(e);
-        let I = c.document.activeElement;
+        const g = be(e);
+        let I = u.document.activeElement;
         for (; I?.shadowRoot; ) I = I.shadowRoot.activeElement;
-        I?.tagName === "IFRAME" && !v?.contains(c.document.activeElement) && t(i);
+        I?.tagName === "IFRAME" && !g?.contains(u.document.activeElement) && t(s);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), p = () => O.forEach((i) => i());
-  return S ? {
-    stop: p,
+  ].filter(Boolean), f = () => O.forEach((s) => s());
+  return k ? {
+    stop: f,
     cancel: () => {
-      $ = !1;
+      P = !1;
     },
-    trigger: (i) => {
-      $ = !0, E(i), $ = !1;
+    trigger: (s) => {
+      P = !0, x(s), P = !1;
     }
-  } : p;
+  } : f;
 }
-const ft = (e) => {
+const mt = (e) => {
   let t = null;
-  const r = () => {
+  const n = () => {
     t?.disconnect(), t = null;
   };
-  return typeof window < "u" && typeof window.IntersectionObserver == "function" && le(
+  return typeof window < "u" && typeof window.IntersectionObserver == "function" && ae(
     [e.target, () => e.root()],
-    ([a, d]) => {
-      r(), a && (t = new IntersectionObserver(
-        ([w]) => {
-          w && e.onChange(w);
+    ([o, c]) => {
+      n(), o && (t = new IntersectionObserver(
+        ([b]) => {
+          b && e.onChange(b);
         },
-        { root: d, threshold: e.threshold ?? 1 }
-      ), t.observe(a));
+        { root: c, threshold: e.threshold ?? 1 }
+      ), t.observe(o));
     },
     { immediate: !0 }
-  ), Te(r), { disconnect: r };
-}, pt = ".k-table-row", he = (e) => {
+  ), Te(n), { disconnect: n };
+}, gt = ".k-table-row", ye = (e) => {
   if (e instanceof HTMLElement) return e;
   const t = e?.$el;
   return t instanceof HTMLElement ? t : null;
-}, mt = (e, t) => t === "row" ? e.matches("tr.k-table-row") : !e.matches("tr.k-table-row"), vt = (e, t) => {
+}, ht = (e, t) => t === "row" ? e.matches("tr.k-table-row") : !e.matches("tr.k-table-row"), yt = (e, t) => {
   console.warn(
     `usePopupMenu: triggerMode "${t}" does not match resolved element <${e.tagName.toLowerCase()}${e.className ? `.${e.className.split(" ").join(".")}` : ""}>; ARIA management skipped.`
   );
-}, gt = (e) => {
-  let t = e.parentElement, r = null;
+}, wt = (e) => {
+  let t = e.parentElement, n = null;
   for (; t; ) {
-    const { overflow: c, overflowX: a, overflowY: d } = window.getComputedStyle(t), w = /auto|scroll|overlay/.test(`${c} ${a}`), S = /auto|scroll|overlay/.test(`${c} ${d}`);
-    if ((w || S) && (r ??= t), w && t.scrollWidth > t.clientWidth || S && t.scrollHeight > t.clientHeight)
+    const { overflow: u, overflowX: o, overflowY: c } = window.getComputedStyle(t), b = /auto|scroll|overlay/.test(`${u} ${o}`), k = /auto|scroll|overlay/.test(`${u} ${c}`);
+    if ((b || k) && (n ??= t), b && t.scrollWidth > t.clientWidth || k && t.scrollHeight > t.clientHeight)
       return t;
     t = t.parentElement;
   }
-  return r;
-}, Et = (e) => {
-  const t = Y(null), r = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", c = e.triggerMode, a = e.anchor === !0 ? {} : e.anchor, d = a?.activationPoint ? a.activationPoint === !0 ? {} : a.activationPoint : null, w = ye(null), S = ye(null), $ = a?.anchorAlign ?? {
+  return n;
+}, Tt = (e) => {
+  const t = Y(null), n = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", u = e.triggerMode, o = e.anchor === !0 ? {} : e.anchor, c = o?.activationPoint ? o.activationPoint === !0 ? {} : o.activationPoint : null, b = ve(null), k = ve(null), P = o?.anchorAlign ?? {
     horizontal: "left",
     vertical: "bottom"
-  }, V = a?.popupAlign ?? {
+  }, N = o?.popupAlign ?? {
     horizontal: "left",
     vertical: "top"
-  }, M = a?.collision ?? {
+  }, M = o?.collision ?? {
     horizontal: "flip",
     vertical: "flip"
-  }, R = ye(null), E = () => he(e.triggerRef.value), A = y(() => E()), O = y(
-    () => a && a.hideWhenAnchorClipped !== !1 ? A.value : null
-  ), p = () => {
-    const f = a?.clipRoot ? ne(a.clipRoot) : null;
-    if (f) {
-      const h = f.getBoundingClientRect();
+  }, R = ve(null), x = () => ye(e.triggerRef.value), D = y(() => x()), O = y(
+    () => o && o.hideWhenAnchorClipped !== !1 ? D.value : null
+  ), f = () => {
+    const p = o?.clipRoot ? re(o.clipRoot) : null;
+    if (p) {
+      const w = p.getBoundingClientRect();
       return {
-        left: h.left,
-        top: h.top,
-        right: h.right,
-        bottom: h.bottom
+        left: w.left,
+        top: w.top,
+        right: w.right,
+        bottom: w.bottom
       };
     }
     return {
@@ -1094,193 +1094,193 @@ const ft = (e) => {
       right: window.innerWidth,
       bottom: window.innerHeight
     };
-  }, i = y(() => {
-    const f = w.value;
-    if (!e.isOpen.value || !f) return { left: 0, top: 0 };
-    const h = p(), L = it({
-      anchor: f,
+  }, s = y(() => {
+    const p = b.value;
+    if (!e.isOpen.value || !p) return { left: 0, top: 0 };
+    const w = f(), z = ct({
+      anchor: p,
       popup: R.value,
-      anchorAlign: $,
-      popupAlign: V,
-      bounds: h,
+      anchorAlign: P,
+      popupAlign: N,
+      bounds: w,
       collision: M
     });
     return {
-      left: L.left + window.scrollX,
-      top: L.top + window.scrollY
+      left: z.left + window.scrollX,
+      top: z.top + window.scrollY
     };
-  }), v = () => {
-    const f = e.resolveFocusTarget?.() ?? he(e.focusTargetRef?.value);
-    return f || (e.focusTargetContainerSelector ? E()?.closest(
+  }), g = () => {
+    const p = e.resolveFocusTarget?.() ?? ye(e.focusTargetRef?.value);
+    return p || (e.focusTargetContainerSelector ? x()?.closest(
       e.focusTargetContainerSelector
     ) ?? null : null);
-  }, I = (f, h) => {
-    if (!d) return !1;
-    const L = he(f);
-    if (!L)
-      return S.value = null, !1;
-    const n = L.getBoundingClientRect();
-    if (h.triggerType === "keyboard") {
-      const u = d.keyboardPosition, T = u?.y ?? "center", K = typeof T == "number" ? T : T === "top" ? 0 : T === "bottom" ? n.height : n.height / 2;
-      return S.value = {
-        trigger: L,
-        point: { x: u?.x ?? 8, y: K },
+  }, I = (p, w) => {
+    if (!c) return !1;
+    const z = ye(p);
+    if (!z)
+      return k.value = null, !1;
+    const r = z.getBoundingClientRect();
+    if (w.triggerType === "keyboard") {
+      const d = c.keyboardPosition, T = d?.y ?? "center", U = typeof T == "number" ? T : T === "top" ? 0 : T === "bottom" ? r.height : r.height / 2;
+      return k.value = {
+        trigger: z,
+        point: { x: d?.x ?? 8, y: U },
         hasMatchedTrigger: !1
       }, !0;
     }
-    return h.coordinates ? (S.value = {
-      trigger: L,
+    return w.coordinates ? (k.value = {
+      trigger: z,
       point: {
-        x: h.coordinates.clientX - n.left + (d.pointerOffset?.x ?? 0),
-        y: h.coordinates.clientY - n.top + (d.pointerOffset?.y ?? 0)
+        x: w.coordinates.clientX - r.left + (c.pointerOffset?.x ?? 0),
+        y: w.coordinates.clientY - r.top + (c.pointerOffset?.y ?? 0)
       },
       hasMatchedTrigger: !1
-    }, !0) : (S.value = null, !1);
-  }, N = () => {
-    if (c !== "button") return null;
+    }, !0) : (k.value = null, !1);
+  }, V = () => {
+    if (u !== "button") return null;
     if (e.escapeFocusTarget) return e.escapeFocusTarget();
-    const f = e.escapeFocusContainerSelector ?? pt;
-    return (E() ?? document.activeElement)?.closest(f) ?? null;
-  }, H = () => {
-    const f = v() ?? N();
-    if (f)
-      return f.focus(), !0;
-    const h = E();
-    return h?.focus(), !!h;
+    const p = e.escapeFocusContainerSelector ?? gt;
+    return (x() ?? document.activeElement)?.closest(p) ?? null;
+  }, W = () => {
+    const p = g() ?? V();
+    if (p)
+      return p.focus(), !0;
+    const w = x();
+    return w?.focus(), !!w;
   }, X = () => {
-    he(e.menuRef.value)?.querySelector(r)?.focus({ preventScroll: !0 });
-  }, Z = ye(null), J = ye(null);
-  let s = !1;
-  const x = () => {
-    const f = t.value;
-    if (f === "keyboard" || f === "escape") {
-      const h = Z.value ?? J.value;
-      h?.focus(), f === "keyboard" && h && h === J.value && (s = !0);
-    } else t.value === "mouse-selection" && J.value?.focus();
-    t.value = null, Z.value = null, J.value = null;
-  }, m = (f) => {
-    e.isOpen.value && (t.value = f, Z.value = v() ?? (f === "escape" ? N() : null), J.value = E(), U(!1), e.requestHide(), _(x));
+    ye(e.menuRef.value)?.querySelector(n)?.focus({ preventScroll: !0 });
+  }, _ = ve(null), F = ve(null);
+  let a = !1;
+  const m = () => {
+    const p = t.value;
+    if (p === "keyboard" || p === "escape") {
+      const w = _.value ?? F.value;
+      w?.focus(), p === "keyboard" && w && w === F.value && (a = !0);
+    } else t.value === "mouse-selection" && F.value?.focus();
+    t.value = null, _.value = null, F.value = null;
+  }, v = (p) => {
+    e.isOpen.value && (t.value = p, _.value = g() ?? (p === "escape" ? V() : null), F.value = x(), K(!1), e.requestHide(), G(m));
   };
-  le(
-    [A, S],
-    ([f], h, L) => {
-      if (!a || !f) {
-        w.value = null;
+  ae(
+    [D, k],
+    ([p], w, z) => {
+      if (!o || !p) {
+        b.value = null;
         return;
       }
-      let n = null;
-      const u = () => {
-        n = null;
-        const z = S.value;
-        if (d) {
-          z && z.trigger === f ? z.hasMatchedTrigger = !0 : z?.hasMatchedTrigger && (z.trigger = f);
-          const Q = f.getBoundingClientRect();
-          w.value = z?.trigger === f ? new DOMRect(
-            Q.left + z.point.x,
-            Q.top + z.point.y,
+      let r = null;
+      const d = () => {
+        r = null;
+        const B = k.value;
+        if (c) {
+          B && B.trigger === p ? B.hasMatchedTrigger = !0 : B?.hasMatchedTrigger && (B.trigger = p);
+          const Q = p.getBoundingClientRect();
+          b.value = B?.trigger === p ? new DOMRect(
+            Q.left + B.point.x,
+            Q.top + B.point.y,
             0,
             0
           ) : null;
           return;
         }
-        w.value = a.getRect?.(f) ?? f.getBoundingClientRect();
+        b.value = o.getRect?.(p) ?? p.getBoundingClientRect();
       }, T = () => {
-        n === null && (n = window.requestAnimationFrame(u));
-      }, K = typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
-      K?.observe(f), window.addEventListener("scroll", T, {
+        r === null && (r = window.requestAnimationFrame(d));
+      }, U = typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
+      U?.observe(p), window.addEventListener("scroll", T, {
         capture: !0,
         passive: !0
-      }), window.addEventListener("resize", T, { passive: !0 }), T(), L(() => {
-        n !== null && window.cancelAnimationFrame(n), K?.disconnect(), window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
+      }), window.addEventListener("resize", T, { passive: !0 }), T(), z(() => {
+        r !== null && window.cancelAnimationFrame(r), U?.disconnect(), window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
       });
     },
     { immediate: !0, flush: "post" }
   );
-  const k = () => {
-    const f = he(
+  const A = () => {
+    const p = ye(
       e.popupContentRef?.value ?? e.menuRef.value
     );
-    return f?.closest(".k-popup") ?? f;
+    return p?.closest(".k-popup") ?? p;
   };
-  a && le(
+  o && ae(
     e.isOpen,
-    (f, h, L) => {
-      if (!f) {
+    (p, w, z) => {
+      if (!p) {
         R.value = null;
         return;
       }
-      let n = null;
-      const u = () => {
-        n = null;
-        const Q = k();
+      let r = null;
+      const d = () => {
+        r = null;
+        const Q = A();
         R.value = Q?.getBoundingClientRect() ?? null;
       }, T = () => {
-        n === null && (n = window.requestAnimationFrame(u));
-      }, K = k(), z = K && typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
-      z?.observe(K), T(), L(() => {
-        n !== null && window.cancelAnimationFrame(n), z?.disconnect();
+        r === null && (r = window.requestAnimationFrame(d));
+      }, U = A(), B = U && typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
+      B?.observe(U), T(), z(() => {
+        r !== null && window.cancelAnimationFrame(r), B?.disconnect();
       });
     },
     { immediate: !0, flush: "post" }
-  ), ft({
+  ), mt({
     target: O,
-    root: () => a?.clipRoot ? ne(a.clipRoot) : A.value ? gt(A.value) : null,
-    threshold: a?.intersectionThreshold ?? (d ? 0 : 0.5),
-    onChange: (f) => {
-      f.isIntersecting || m("anchor-hidden");
+    root: () => o?.clipRoot ? re(o.clipRoot) : D.value ? wt(D.value) : null,
+    threshold: o?.intersectionThreshold ?? (c ? 0 : 0.5),
+    onChange: (p) => {
+      p.isIntersecting || v("anchor-hidden");
     }
-  }), qe(e.menuRef, () => m("outside-click"), {
-    ignore: [A]
+  }), Ue(e.menuRef, () => v("outside-click"), {
+    ignore: [D]
   });
-  let C = null, D = null;
-  const P = () => {
+  let C = null, E = null;
+  const L = () => {
     C?.isConnected && C.setAttribute("aria-expanded", "false"), C = null;
-  }, U = (f) => {
+  }, K = (p) => {
     if (e.manageMenuTriggerAria === !1) return;
-    const h = A.value;
-    if (!h) {
-      C?.isConnected && C.setAttribute("aria-expanded", f ? "true" : "false");
+    const w = D.value;
+    if (!w) {
+      C?.isConnected && C.setAttribute("aria-expanded", p ? "true" : "false");
       return;
     }
-    if (!mt(h, c)) {
-      vt(h, c), P();
+    if (!ht(w, u)) {
+      yt(w, u), L();
       return;
     }
-    C && C !== h && P(), h.setAttribute("aria-expanded", f ? "true" : "false"), C = h;
-  }, j = () => {
-    const f = he(e.menuRef.value), h = f?.matches('[role="menubar"]') ? f : f?.querySelector('[role="menubar"]'), L = ne(e.menuLabel)?.trim();
-    D && D !== h && D.removeAttribute("aria-label"), h && (L ? h.setAttribute("aria-label", L) : h.removeAttribute("aria-label")), D = h ?? null;
+    C && C !== w && L(), w.setAttribute("aria-expanded", p ? "true" : "false"), C = w;
+  }, Z = () => {
+    const p = ye(e.menuRef.value), w = p?.matches('[role="menubar"]') ? p : p?.querySelector('[role="menubar"]'), z = re(e.menuLabel)?.trim();
+    E && E !== w && E.removeAttribute("aria-label"), w && (z ? w.setAttribute("aria-label", z) : w.removeAttribute("aria-label")), E = w ?? null;
   };
-  le(
+  ae(
     [e.isOpen, e.triggerRef],
-    ([f]) => {
-      U(f), !f && d && (S.value = null, w.value = null);
+    ([p]) => {
+      K(p), !p && c && (k.value = null, b.value = null);
     },
     { immediate: !0, flush: "post" }
-  ), le(
-    [e.isOpen, e.menuRef, () => ne(e.menuLabel)],
-    j,
+  ), ae(
+    [e.isOpen, e.menuRef, () => re(e.menuLabel)],
+    Z,
     { immediate: !0, flush: "post" }
   ), Te(() => {
-    S.value = null, P(), D?.removeAttribute("aria-label");
-  }), le(
+    k.value = null, L(), E?.removeAttribute("aria-label");
+  }), ae(
     e.isOpen,
-    (f) => {
-      f && X();
+    (p) => {
+      p && X();
     },
     { flush: "post" }
   );
-  const re = (...f) => {
-    const h = f[0];
-    if (s) {
-      s = !1;
+  const ne = (...p) => {
+    const w = p[0];
+    if (a) {
+      a = !1;
       return;
     }
     if (e.isOpen.value) {
-      m("trigger-click");
+      v("trigger-click");
       return;
     }
-    e.requestShow(h);
+    e.requestShow(w);
   };
   return {
     /**
@@ -1292,37 +1292,37 @@ const ft = (e) => {
      * Handles Kendo Menu selection: records keyboard or mouse modality,
      * requests popup close, then runs the optional caller-owned action.
      */
-    handleMenuSelect: (f, h) => {
-      m(
-        f.event?.type?.startsWith("key") ? "keyboard" : "mouse-selection"
-      ), h?.(f);
+    handleMenuSelect: (p, w) => {
+      v(
+        p.event?.type?.startsWith("key") ? "keyboard" : "mouse-selection"
+      ), w?.(p);
     },
     /**
      * Toggles the action menu. When opening, focuses the first enabled Kendo
      * Menu item after Vue renders the popup.
      */
-    handleTriggerClick: re,
+    handleTriggerClick: ne,
     /**
      * Handles trigger keyboard input: Enter and Space toggle the menu; Escape
      * closes an open menu or focuses the configured target when already closed.
      */
-    handleTriggerKeydown: (...f) => {
-      const h = f[0], L = f[1];
-      if (h.key === "Enter" || h.code === "Space") {
-        h.preventDefault(), re(L);
+    handleTriggerKeydown: (...p) => {
+      const w = p[0], z = p[1];
+      if (w.key === "Enter" || w.code === "Space") {
+        w.preventDefault(), ne(z);
         return;
       }
-      if (h.key === "Escape") {
-        if (h.preventDefault(), h.stopPropagation(), e.isOpen.value) {
-          m("escape");
+      if (w.key === "Escape") {
+        if (w.preventDefault(), w.stopPropagation(), e.isOpen.value) {
+          v("escape");
           return;
         }
-        H();
+        W();
       }
     },
     /** Closes the open menu through the keyboard path when Escape is pressed inside it. */
-    handleMenuEscape: (f) => {
-      f.preventDefault(), f.stopPropagation(), m("escape");
+    handleMenuEscape: (p) => {
+      p.preventDefault(), p.stopPropagation(), v("escape");
     },
     /**
      * Restores focus after Kendo Popup closes: keyboard menu selection and
@@ -1331,201 +1331,324 @@ const ft = (e) => {
      * outside clicks do not move focus.
      */
     handlePopupClose: () => {
-      _(x);
+      G(m);
     },
-    offset: i
+    offset: s
   };
-}, xt = () => {
+}, Rt = () => {
   const e = /* @__PURE__ */ new Set();
-  return { register: (a) => {
-    e.add(a), Te(() => e.delete(a));
-  }, deactivateOthers: (a) => {
-    e.forEach((d) => {
-      d !== a && d.deactivate();
+  return { register: (o) => {
+    e.add(o), Te(() => e.delete(o));
+  }, deactivateOthers: (o) => {
+    e.forEach((c) => {
+      c !== o && c.deactivate();
     });
   }, deactivateAll: () => {
-    e.forEach((a) => a.deactivate());
+    e.forEach((o) => o.deactivate());
   } };
-}, ht = (e) => {
+}, bt = (e) => {
   if (e instanceof HTMLElement) return e;
   const t = e && "$el" in e ? e.$el : null;
   return t instanceof HTMLElement ? t : null;
-}, Mt = () => {
-  const e = Ye(/* @__PURE__ */ new Map()), t = Y(null), r = (S, $) => {
-    const V = ht($);
-    V ? e.set(S, V) : e.delete(S);
-  }, c = (S) => e.get(S) ?? null, a = (S) => {
-    t.value = S;
-  }, d = () => {
+}, Ft = () => {
+  const e = Xe(/* @__PURE__ */ new Map()), t = Y(null), n = (k, P) => {
+    const N = bt(P);
+    N ? e.set(k, N) : e.delete(k);
+  }, u = (k) => e.get(k) ?? null, o = (k) => {
+    t.value = k;
+  }, c = () => {
     t.value = null;
-  }, w = (S) => t.value === S;
+  }, b = (k) => t.value === k;
   return {
     activeId: te(t),
     isActive: y(() => t.value !== null),
     activeElement: y(
-      () => t.value !== null ? c(t.value) : null
+      () => t.value !== null ? u(t.value) : null
     ),
-    register: r,
-    resolve: c,
-    activate: a,
-    deactivate: d,
-    isIdActive: w
+    register: n,
+    resolve: u,
+    activate: o,
+    deactivate: c,
+    isIdActive: b
   };
-};
-function It(e) {
-  const t = Y(""), r = Y(void 0), c = Y(!!e.debug), a = Y(e.dateFormat ?? "mm/dd/yyyy"), d = y(() => !!e.required), w = 1e3, S = Y(!1), $ = ["ArrowUp", "ArrowDown"], V = ["ArrowLeft", "ArrowRight"], M = y(() => (t.value ?? "").replace(/\D/g, "")), R = (o) => o <= 2 ? "mm" : o <= 5 ? "dd" : M.value.length <= 10 ? "yyyy" : "mm", E = y(() => {
-    const o = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
-    return parseInt(o).toString().padStart(2, "0");
-  }), A = y(() => {
-    const o = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
-    return parseInt(o).toString().padStart(2, "0");
+}, Ne = {
+  title: "My Window",
+  draggable: !0,
+  resizable: !0,
+  closable: !0,
+  fixed: !0,
+  minimizeButton: !0,
+  maximizeButton: !0,
+  initialWidth: 500,
+  initialHeight: 500,
+  width: 500,
+  height: 500,
+  left: void 0,
+  top: void 0
+}, St = (e) => e === "DEFAULT" || e === "MINIMIZED" || e === "FULLSCREEN", kt = (e, t, n) => Math.max(e - t - n, 0);
+function Pt(e = {}) {
+  Fe(e.settings) && (e.settings.value = {
+    ...Ne,
+    ...e.settings.value
+  });
+  const t = Fe(e.settings) ? e.settings : Y({ ...Ne, ...e.settings }), n = ve(null), u = Y(!1), o = Y(e.initialStage ?? "DEFAULT"), c = Y(!1), b = Y(!1), k = Y(0), P = Y(0), N = async (F) => {
+    const a = t.value.left !== void 0 && t.value.top !== void 0;
+    if (F?.resetPosition || !a) {
+      const m = Number.parseFloat(
+        window.getComputedStyle(document.documentElement).fontSize
+      ), v = Number.isFinite(m) ? m : 16, A = t.value.fixed ? 0 : window.scrollX, C = t.value.fixed ? 0 : window.scrollY;
+      t.value.left = void 0, t.value.top = void 0, t.value.width = void 0, t.value.height = void 0, k.value = A + kt(
+        window.innerWidth,
+        t.value.initialWidth,
+        v
+      ), P.value = C + v, u.value = !0, await G(), t.value.width = t.value.initialWidth, t.value.height = t.value.initialHeight;
+    } else
+      u.value = !0;
+    e.onOpen?.();
+  }, M = () => {
+    o.value = "DEFAULT", u.value = !1, e.onClose?.();
+  }, R = (...F) => {
+    const a = F[2];
+    if (typeof a != "object" || a === null || !("state" in a) || !St(a.state))
+      return;
+    const m = a.state;
+    m !== o.value && (o.value = m, e.onStageChange?.(m));
+  }, x = (...F) => {
+    const a = F[0];
+    if (typeof a == "object" && a !== null && "drag" in a && "left" in a && "top" in a && "width" in a && "height" in a && typeof a.left == "number" && typeof a.top == "number" && typeof a.width == "number" && typeof a.height == "number") {
+      const m = a, v = n.value?.$el, C = (v instanceof Element ? v.querySelector(".k-window-titlebar") : null)?.getBoundingClientRect(), E = C?.width ?? m.width, L = C?.height ?? m.height, K = t.value.fixed ? 0 : window.scrollX, Z = t.value.fixed ? 0 : window.scrollY, ne = K + document.documentElement.clientWidth, ie = Z + document.documentElement.clientHeight, l = Math.max(ne - E, K), S = Math.max(ie - L, Z);
+      t.value.left = Math.min(
+        Math.max(m.left, K),
+        l
+      ), t.value.top = Math.min(
+        Math.max(m.top, Z),
+        S
+      ), c.value = m.drag && !m.end, e.onMove?.(m);
+    }
+  }, D = (...F) => {
+    const a = F[0];
+    if (typeof a == "object" && a !== null && "drag" in a && "left" in a && "top" in a && "width" in a && "height" in a && typeof a.left == "number" && typeof a.top == "number" && typeof a.width == "number" && typeof a.height == "number") {
+      const m = a;
+      t.value.left = m.left, t.value.top = m.top, t.value.width = m.width, t.value.height = m.height, b.value = m.drag && !m.end, e.onResize?.(m);
+    }
+  }, O = (F) => {
+    F.target instanceof Element && F.target.closest(".k-resize-handle") && F.preventDefault();
+  }, f = (F) => {
+    re(e.titlebarDoubleClick) === !1 && F.target instanceof Element && F.target.closest(".k-window-titlebar") && (F.preventDefault(), F.stopPropagation());
+  };
+  let s, g;
+  const I = () => {
+    s?.(), s = void 0;
+  }, V = () => {
+    g?.(), g = void 0;
+  };
+  ae(
+    n,
+    (F) => {
+      I(), V();
+      const a = F?.$el;
+      a instanceof HTMLElement && (a.addEventListener("pointerdown", O, {
+        capture: !0
+      }), s = () => a.removeEventListener("pointerdown", O, {
+        capture: !0
+      }), a.addEventListener("dblclick", f, {
+        capture: !0
+      }), g = () => a.removeEventListener("dblclick", f, {
+        capture: !0
+      }));
+    },
+    { flush: "post" }
+  ), Pe(I), Pe(V);
+  const W = y(() => {
+    const F = ["fk-window"];
+    return t.value.draggable && o.value !== "FULLSCREEN" && F.push("fk-window-can-drag"), c.value && F.push("fk-window-is-dragging"), b.value && F.push("fk-window-is-resizing"), t.value.fixed && F.push("fk-window-fixed"), t.value.minimizeButton || F.push("fk-window-hide-minimize"), t.value.maximizeButton || F.push("fk-window-hide-maximize"), t.value.closable || F.push("fk-window-hide-close"), F.join(" ");
+  }), X = y(() => ({
+    title: t.value.title,
+    draggable: t.value.draggable,
+    resizable: t.value.resizable,
+    left: t.value.left,
+    top: t.value.top,
+    initialLeft: k.value,
+    initialTop: P.value,
+    initialWidth: t.value.initialWidth,
+    initialHeight: t.value.initialHeight,
+    width: t.value.width,
+    height: t.value.height,
+    stage: o.value,
+    windowClass: W.value
+  }));
+  return {
+    windowRef: n,
+    settings: t,
+    visible: u,
+    stage: o,
+    isDragging: c,
+    isResizing: b,
+    props: X,
+    events: {
+      move: x,
+      resize: D,
+      stagechange: R,
+      close: M
+    },
+    open: N,
+    close: M
+  };
+}
+function Lt(e) {
+  const t = Y(""), n = Y(void 0), u = Y(!!e.debug), o = Y(e.dateFormat ?? "mm/dd/yyyy"), c = y(() => !!e.required), b = 1e3, k = Y(!1), P = ["ArrowUp", "ArrowDown"], N = ["ArrowLeft", "ArrowRight"], M = y(() => (t.value ?? "").replace(/\D/g, "")), R = (l) => l <= 2 ? "mm" : l <= 5 ? "dd" : M.value.length <= 10 ? "yyyy" : "mm", x = y(() => {
+    const l = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
+    return parseInt(l).toString().padStart(2, "0");
+  }), D = y(() => {
+    const l = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
+    return parseInt(l).toString().padStart(2, "0");
   }), O = y(() => {
-    const o = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
-    return parseInt(o).toString().padStart(4, "0");
-  }), p = (o) => {
+    const l = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
+    return parseInt(l).toString().padStart(4, "0");
+  }), f = (l) => {
     if (M.value.length === 0) {
-      e.onChange({ value: null, event: o });
+      e.onChange({ value: null, event: l });
       return;
     }
     if (M.value.length < 8) {
-      e.onChange({ value: null, event: o });
+      e.onChange({ value: null, event: l });
       return;
     }
     if ((t.value ?? "").length === 10 && M.value.length === 8) {
-      const [b, q, f] = t.value.split("/"), h = parseInt(b), L = parseInt(q), n = parseInt(f);
-      if (X(n, h, L)) {
-        const u = N(n, h, L);
-        i(u) ? e.onChange({ value: u, event: o }) : e.onChange({ value: null, event: o });
+      const [S, q, p] = t.value.split("/"), w = parseInt(S), z = parseInt(q), r = parseInt(p);
+      if (X(r, w, z)) {
+        const d = V(r, w, z);
+        s(d) ? e.onChange({ value: d, event: l }) : e.onChange({ value: null, event: l });
       } else
-        e.onChange({ value: null, event: o });
+        e.onChange({ value: null, event: l });
     }
-  }, i = (o) => {
-    const b = e.min ?? void 0, q = e.max ?? void 0;
-    return !(b && o < b || q && o > q);
-  }, v = y(() => {
+  }, s = (l) => {
+    const S = e.min ?? void 0, q = e.max ?? void 0;
+    return !(S && l < S || q && l > q);
+  }, g = y(() => {
     if ((t.value ?? "").length === 10 && M.value.length === 8) {
-      const [o, b, q] = (t.value ?? "").split("/"), f = parseInt(o), h = parseInt(b), L = parseInt(q);
-      if (X(L, f, h))
-        return N(L, f, h);
+      const [l, S, q] = (t.value ?? "").split("/"), p = parseInt(l), w = parseInt(S), z = parseInt(q);
+      if (X(z, p, w))
+        return V(z, p, w);
     }
     return null;
-  }), I = y(() => (t.value ?? "").length === 10 && M.value.length === 8), N = (o, b, q) => {
-    const f = /* @__PURE__ */ new Date(0);
-    return f.setFullYear(o, b - 1, q), f.setHours(0, 0, 0, 0), f;
-  }, H = (o, b) => N(o, b + 1, 0).getDate(), X = (o, b, q) => b >= 1 && b <= 12 && o >= w && q >= 1 && q <= H(o, b), Z = (o) => {
-    t.value = o.value;
-    const b = o.event?.target;
-    r.value = b?.selectionStart ?? 0, p(o);
-  }, J = (o) => {
-    r.value = o.target.selectionStart ?? 0;
-  }, s = (o, b, q) => {
-    const f = b?.selectionStart ?? r.value ?? 0;
-    r.value = f;
-    let h = parseInt(E.value), L = parseInt(A.value), n = parseInt(O.value);
-    if (!(M.value.length >= 8) || !X(n, h, L)) {
-      const G = e.defaultValue ?? /* @__PURE__ */ new Date();
-      h = G.getMonth() + 1, L = G.getDate(), n = G.getFullYear(), t.value = `${String(h).padStart(2, "0")}/${String(L).padStart(
+  }), I = y(() => (t.value ?? "").length === 10 && M.value.length === 8), V = (l, S, q) => {
+    const p = /* @__PURE__ */ new Date(0);
+    return p.setFullYear(l, S - 1, q), p.setHours(0, 0, 0, 0), p;
+  }, W = (l, S) => V(l, S + 1, 0).getDate(), X = (l, S, q) => S >= 1 && S <= 12 && l >= b && q >= 1 && q <= W(l, S), _ = (l) => {
+    t.value = l.value;
+    const S = l.event?.target;
+    n.value = S?.selectionStart ?? 0, f(l);
+  }, F = (l) => {
+    n.value = l.target.selectionStart ?? 0;
+  }, a = (l, S, q) => {
+    const p = S?.selectionStart ?? n.value ?? 0;
+    n.value = p;
+    let w = parseInt(x.value), z = parseInt(D.value), r = parseInt(O.value);
+    if (!(M.value.length >= 8) || !X(r, w, z)) {
+      const J = e.defaultValue ?? /* @__PURE__ */ new Date();
+      w = J.getMonth() + 1, z = J.getDate(), r = J.getFullYear(), t.value = `${String(w).padStart(2, "0")}/${String(z).padStart(
         2,
         "0"
-      )}/${String(n)}`;
-      const ce = N(n, h, L);
-      e.onChange({ value: i(ce) ? ce : null, event: q }), D({ useRAF: !0 });
+      )}/${String(r)}`;
+      const ce = V(r, w, z);
+      e.onChange({ value: s(ce) ? ce : null, event: q }), E({ useRAF: !0 });
       return;
     }
-    const T = R(f);
+    const T = R(p);
     if (T === "mm")
-      h = o === "ArrowUp" ? h < 12 ? h + 1 : 1 : h > 1 ? h - 1 : 12;
+      w = l === "ArrowUp" ? w < 12 ? w + 1 : 1 : w > 1 ? w - 1 : 12;
     else if (T === "dd") {
-      const G = new Date(n, h, 0).getDate();
-      L = o === "ArrowUp" ? L < G ? L + 1 : 1 : L > 1 ? L - 1 : G;
-    } else T === "yyyy" && (n = o === "ArrowUp" ? n + 1 : Math.max(1, n - 1));
-    t.value = `${String(h).padStart(2, "0")}/${String(L).padStart(
+      const J = new Date(r, w, 0).getDate();
+      z = l === "ArrowUp" ? z < J ? z + 1 : 1 : z > 1 ? z - 1 : J;
+    } else T === "yyyy" && (r = l === "ArrowUp" ? r + 1 : Math.max(1, r - 1));
+    t.value = `${String(w).padStart(2, "0")}/${String(z).padStart(
       2,
       "0"
-    )}/${String(n)}`;
-    const [K, z, Q] = t.value.split("/"), W = N(
+    )}/${String(r)}`;
+    const [U, B, Q] = t.value.split("/"), j = V(
       parseInt(Q),
-      parseInt(K),
-      parseInt(z)
+      parseInt(U),
+      parseInt(B)
     );
-    W.toString() !== "Invalid Date" && parseInt(Q) >= 1e3 ? e.onChange({
-      value: i(W) ? W : null,
+    j.toString() !== "Invalid Date" && parseInt(Q) >= 1e3 ? e.onChange({
+      value: s(j) ? j : null,
       event: q
-    }) : e.onChange({ value: null, event: q }), D({ useRAF: !0 });
-  }, x = (o) => {
-    if (o.code === "Space" || o.key === " ") {
-      o.preventDefault(), o.stopPropagation(), e.onShowCalendar(o);
+    }) : e.onChange({ value: null, event: q }), E({ useRAF: !0 });
+  }, m = (l) => {
+    if (l.code === "Space" || l.key === " ") {
+      l.preventDefault(), l.stopPropagation(), e.onShowCalendar(l);
       return;
     }
-    if (o.key === "ArrowDown" && o.altKey) {
-      o.preventDefault(), o.stopPropagation(), e.onShowCalendar(o);
+    if (l.key === "ArrowDown" && l.altKey) {
+      l.preventDefault(), l.stopPropagation(), e.onShowCalendar(l);
       return;
     }
-    if ($.includes(o.key)) {
-      if (o.altKey) return;
-      o.preventDefault(), o.stopPropagation();
-      const b = o.target;
-      s(o.key, b, o);
+    if (P.includes(l.key)) {
+      if (l.altKey) return;
+      l.preventDefault(), l.stopPropagation();
+      const S = l.target;
+      a(l.key, S, l);
       return;
     }
-  }, m = (o) => {
-    o.preventDefault();
-    const b = o.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    s(b, o.target, o);
-  }, k = (o) => {
-    const b = o.target;
-    if (V.includes(o.key)) {
-      r.value = b?.selectionStart ?? 0;
+  }, v = (l) => {
+    l.preventDefault();
+    const S = l.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    a(S, l.target, l);
+  }, A = (l) => {
+    const S = l.target;
+    if (N.includes(l.key)) {
+      n.value = S?.selectionStart ?? 0;
       return;
     }
-    if ($.includes(o.key)) {
-      if (o.altKey) return;
-      r.value = b?.selectionStart ?? 0;
+    if (P.includes(l.key)) {
+      if (l.altKey) return;
+      n.value = S?.selectionStart ?? 0;
     }
-  }, C = (o) => {
-    S.value = !0, d.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && M.value.length === 0 && (e.externalValue.value = "");
-    const b = o.target;
-    b && (r.value = b.selectionStart ?? 0);
-  }, D = (o) => {
-    const b = () => {
+  }, C = (l) => {
+    k.value = !0, c.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && M.value.length === 0 && (e.externalValue.value = "");
+    const S = l.target;
+    S && (n.value = S.selectionStart ?? 0);
+  }, E = (l) => {
+    const S = () => {
       const q = document.getElementById(
         e.id
       );
       if (!q) return;
-      const f = o?.pos ?? r.value ?? q.value.length;
+      const p = l?.pos ?? n.value ?? q.value.length;
       try {
-        q.focus(), q.setSelectionRange(f, f);
+        q.focus(), q.setSelectionRange(p, p);
       } catch {
       }
     };
-    _(() => {
-      if (o?.delay && o.delay > 0) {
-        setTimeout(b, o.delay);
+    G(() => {
+      if (l?.delay && l.delay > 0) {
+        setTimeout(S, l.delay);
         return;
       }
-      if (o?.useRAF) {
-        requestAnimationFrame(b);
+      if (l?.useRAF) {
+        requestAnimationFrame(S);
         return;
       }
-      b();
+      S();
     });
   };
-  e.externalValue && le(
+  e.externalValue && ae(
     e.externalValue,
-    (o) => {
-      if (o) {
-        const b = new Date(o);
-        if (b.toString() !== "Invalid Date") {
-          const q = (b.getMonth() + 1).toString().padStart(2, "0"), f = b.getDate().toString().padStart(2, "0"), h = b.getFullYear().toString();
-          t.value = `${q}/${f}/${h}`, D({ delay: 50 });
+    (l) => {
+      if (l) {
+        const S = new Date(l);
+        if (S.toString() !== "Invalid Date") {
+          const q = (S.getMonth() + 1).toString().padStart(2, "0"), p = S.getDate().toString().padStart(2, "0"), w = S.getFullYear().toString();
+          t.value = `${q}/${p}/${w}`, E({ delay: 50 });
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const P = y(() => [
-    ["Date", `${E.value} / ${A.value} / ${O.value}`],
+  const L = y(() => [
+    ["Date", `${x.value} / ${D.value} / ${O.value}`],
     ["Digits only", M.value],
     [
       "min",
@@ -1543,34 +1666,34 @@ function It(e) {
         day: "2-digit"
       }) ?? null
     ]
-  ]), U = y(() => {
-    if (!d.value) {
+  ]), K = y(() => {
+    if (!c.value) {
       if (!I.value) return !0;
-      const b = v.value;
-      return b ? i(b) : !1;
-    }
-    if (!S.value) return !0;
-    const o = v.value;
-    return !I.value || !o ? !1 : i(o);
-  }), j = y(() => {
-    if (!d.value) {
+      const S = g.value;
+      return S ? s(S) : !1;
+    }
+    if (!k.value) return !0;
+    const l = g.value;
+    return !I.value || !l ? !1 : s(l);
+  }), Z = y(() => {
+    if (!c.value) {
       if (!I.value) return;
-      const b = v.value;
-      return b ? i(b) ? "valid" : "out-of-bounds" : "invalid-date";
+      const S = g.value;
+      return S ? s(S) ? "valid" : "out-of-bounds" : "invalid-date";
     }
-    if (!S.value) return;
+    if (!k.value) return;
     if (M.value.length === 0 || !I.value)
       return "incomplete";
-    const o = v.value;
-    return o ? i(o) ? "valid" : "out-of-bounds" : "invalid-date";
-  }), re = y(() => {
-    const o = j.value;
-    if (!o || o === "valid") return "";
-    if (o === "incomplete")
+    const l = g.value;
+    return l ? s(l) ? "valid" : "out-of-bounds" : "invalid-date";
+  }), ne = y(() => {
+    const l = Z.value;
+    if (!l || l === "valid") return "";
+    if (l === "incomplete")
       return "Required";
-    if (o === "invalid-date")
-      return `Must be in ${a.value} format.`;
-    const b = e.min ? e.min.toLocaleDateString("en-US", {
+    if (l === "invalid-date")
+      return `Must be in ${o.value} format.`;
+    const S = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
@@ -1579,27 +1702,27 @@ function It(e) {
       month: "2-digit",
       day: "2-digit"
     }) : null;
-    if (o === "out-of-bounds") {
-      if (b && q) return `Must be between ${b} and ${q}.`;
-      if (b) return `Must be on or after ${b}.`;
+    if (l === "out-of-bounds") {
+      if (S && q) return `Must be between ${S} and ${q}.`;
+      if (S) return `Must be on or after ${S}.`;
       if (q) return `Must be on or before ${q}.`;
     }
     return "";
-  }), ue = () => {
-    _(() => {
-      const o = document.getElementById(
+  }), ie = () => {
+    G(() => {
+      const l = document.getElementById(
         e.id
       );
-      if (!o) {
+      if (!l) {
         console.warn(`ID (#${e.id}) not found for styling.`);
         return;
       }
-      const b = o.closest(".k-datepicker");
-      if (!b) {
+      const S = l.closest(".k-datepicker");
+      if (!S) {
         console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
         return;
       }
-      const q = b.parentElement;
+      const q = S.parentElement;
       if (q) {
         if (q.classList.contains("fk-datepicker"))
           return;
@@ -1611,67 +1734,67 @@ function It(e) {
     });
   };
   return Re(() => {
-    ue();
+    ie();
   }), {
     raw: t,
-    cursorPos: r,
-    debugEnabled: c,
-    debugLines: P,
-    placeholder: a,
-    isValid: U,
-    reason: te(j),
-    validationMessage: re,
+    cursorPos: n,
+    debugEnabled: u,
+    debugLines: L,
+    placeholder: o,
+    isValid: K,
+    reason: te(Z),
+    validationMessage: ne,
     digitsOnly: M,
-    month: te(E),
-    day: te(A),
+    month: te(x),
+    day: te(D),
     year: te(O),
     datePart: R,
-    handleChange: Z,
-    handleKeyDown: x,
-    handleWheel: m,
-    handleKeyUp: k,
-    handleClick: J,
+    handleChange: _,
+    handleKeyDown: m,
+    handleWheel: v,
+    handleKeyUp: A,
+    handleClick: F,
     handleBlur: C,
     // Expose so consumers can re-run styling when needed
-    initStyling: ue
+    initStyling: ie
   };
 }
-function Ct(e) {
-  const t = Y(""), r = Y(void 0), c = Y(!!e.debug), a = Y(!1), d = 1440 * 60 * 1e3, w = 365 * d, S = /* @__PURE__ */ new Date(), $ = new Date(S.getTime() - w), V = new Date(S.getTime() + w);
-  e.min = e.min ?? $, e.max = e.max ?? V;
-  const M = y(() => (t.value ?? "").replace(/\D/g, "")), R = (l, g) => new Date(l, g, 0).getDate(), E = (l, g, F) => g >= 1 && g <= 12 && l >= 1e3 && F >= 1 && F <= R(l, g), A = (l) => Date.UTC(l.getFullYear(), l.getMonth(), l.getDate()), O = (l) => {
-    if (!l) return null;
-    const g = e.min ?? new Date(Date.now() - 90 * d), F = e.max ?? /* @__PURE__ */ new Date(), B = A(l);
-    return B < A(g) || B > A(F) ? null : l;
-  }, p = (l, g) => e.allowReverse ?? !1 ? !0 : l <= g, i = y(() => (t.value?.length ?? 0) >= 23 && M.value.length >= 16), v = (l) => {
-    if ((l ?? "").length < 23 || M.value.length < 16)
+function $t(e) {
+  const t = Y(""), n = Y(void 0), u = Y(!!e.debug), o = Y(!1), c = 1440 * 60 * 1e3, b = 365 * c, k = /* @__PURE__ */ new Date(), P = new Date(k.getTime() - b), N = new Date(k.getTime() + b);
+  e.min = e.min ?? P, e.max = e.max ?? N;
+  const M = y(() => (t.value ?? "").replace(/\D/g, "")), R = (i, h) => new Date(i, h, 0).getDate(), x = (i, h, $) => h >= 1 && h <= 12 && i >= 1e3 && $ >= 1 && $ <= R(i, h), D = (i) => Date.UTC(i.getFullYear(), i.getMonth(), i.getDate()), O = (i) => {
+    if (!i) return null;
+    const h = e.min ?? new Date(Date.now() - 90 * c), $ = e.max ?? /* @__PURE__ */ new Date(), H = D(i);
+    return H < D(h) || H > D($) ? null : i;
+  }, f = (i, h) => e.allowReverse ?? !1 ? !0 : i <= h, s = y(() => (t.value?.length ?? 0) >= 23 && M.value.length >= 16), g = (i) => {
+    if ((i ?? "").length < 23 || M.value.length < 16)
       return { start: null, end: null };
-    const g = l.substring(0, 10), F = l.substring(13, 23), [B, ae, oe] = g.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, me, ve] = F.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(oe, B - 1, ae), be = new Date(ve, fe - 1, me), Ae = E(oe, B, ae) && ge.toString() !== "Invalid Date", De = E(ve, fe, me) && be.toString() !== "Invalid Date";
-    return { start: Ae ? ge : null, end: De ? be : null };
-  }, I = e.externalValid ?? Y(!0), N = y(() => v(t.value)), H = y(() => {
-    const l = O(N.value.start), g = O(N.value.end);
-    return { start: l, end: g };
+    const h = i.substring(0, 10), $ = i.substring(13, 23), [H, oe, le] = h.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, me, ge] = $.split("/").map((pe) => parseInt(pe || "0", 10)), he = new Date(le, H - 1, oe), we = new Date(ge, fe - 1, me), Ae = x(le, H, oe) && he.toString() !== "Invalid Date", De = x(ge, fe, me) && we.toString() !== "Invalid Date";
+    return { start: Ae ? he : null, end: De ? we : null };
+  }, I = e.externalValid ?? Y(!0), V = y(() => g(t.value)), W = y(() => {
+    const i = O(V.value.start), h = O(V.value.end);
+    return { start: i, end: h };
   }), X = y(() => {
-    if (!i.value) return;
-    const l = H.value.start, g = H.value.end;
-    if (!l || !g) return;
-    const F = Math.abs(A(g) - A(l));
-    return Math.round(F / 864e5 + 1);
-  }), Z = Y(!1), J = y(() => {
-    if (!Z.value) return;
-    const { start: l, end: g } = N.value;
-    if (!i.value) return "incomplete";
-    if (!l || !g) return "invalid-date";
-    if (!H.value.start || !H.value.end) return "out-of-bounds";
-    const F = H.value.start, B = H.value.end;
-    return p(F, B) ? typeof e.maxSpanDays == "number" && X.value !== void 0 && X.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), s = y(() => {
-    const l = J.value;
-    return l === void 0 || l === "valid";
-  }), x = y(() => {
-    const { min: l, max: g } = e, F = J.value;
-    if (!F) return "";
-    switch (F) {
+    if (!s.value) return;
+    const i = W.value.start, h = W.value.end;
+    if (!i || !h) return;
+    const $ = Math.abs(D(h) - D(i));
+    return Math.round($ / 864e5 + 1);
+  }), _ = Y(!1), F = y(() => {
+    if (!_.value) return;
+    const { start: i, end: h } = V.value;
+    if (!s.value) return "incomplete";
+    if (!i || !h) return "invalid-date";
+    if (!W.value.start || !W.value.end) return "out-of-bounds";
+    const $ = W.value.start, H = W.value.end;
+    return f($, H) ? typeof e.maxSpanDays == "number" && X.value !== void 0 && X.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), a = y(() => {
+    const i = F.value;
+    return i === void 0 || i === "valid";
+  }), m = y(() => {
+    const { min: i, max: h } = e, $ = F.value;
+    if (!$) return "";
+    switch ($) {
       case "incomplete":
         return "Required";
       case "invalid-date":
@@ -1679,154 +1802,154 @@ function Ct(e) {
       case "reversed-range":
         return "End Date must be on or after Start Date.";
       case "out-of-bounds":
-        return l && g ? `Dates must be between ${D(l)} and ${D(g)}.` : "Dates must be within the allowed range.";
+        return i && h ? `Dates must be between ${E(i)} and ${E(h)}.` : "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 "";
     }
-  }), m = ["ArrowUp", "ArrowDown"], k = ["ArrowLeft", "ArrowRight"], C = (l, g) => String(l).padStart(g, "0"), D = (l) => `${C(l.getMonth() + 1, 2)}/${C(l.getDate(), 2)}/${C(
-    l.getFullYear(),
+  }), v = ["ArrowUp", "ArrowDown"], A = ["ArrowLeft", "ArrowRight"], C = (i, h) => String(i).padStart(h, "0"), E = (i) => `${C(i.getMonth() + 1, 2)}/${C(i.getDate(), 2)}/${C(
+    i.getFullYear(),
     4
-  )}`, P = (l) => l <= 2 ? { side: "start", part: "mm" } : l <= 5 ? { side: "start", part: (l <= 3, "dd") } : l <= 11 ? { side: "start", part: "yyyy" } : l <= 15 ? { side: "end", part: "mm" } : l <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, U = (l, g, F) => {
-    const B = g?.selectionStart ?? r.value ?? 0;
-    r.value = B;
-    const { start: ae, end: oe } = v(t.value);
-    if (!ae && !oe) {
-      const ee = /* @__PURE__ */ new Date(), de = D(ee);
-      t.value = `${de} - ${de}`, e.onChange({ value: { start: ee, end: ee }, event: F }), _(() => {
+  )}`, L = (i) => i <= 2 ? { side: "start", part: "mm" } : i <= 5 ? { side: "start", part: (i <= 3, "dd") } : i <= 11 ? { side: "start", part: "yyyy" } : i <= 15 ? { side: "end", part: "mm" } : i <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, K = (i, h, $) => {
+    const H = h?.selectionStart ?? n.value ?? 0;
+    n.value = H;
+    const { start: oe, end: le } = g(t.value);
+    if (!oe && !le) {
+      const ee = /* @__PURE__ */ new Date(), de = E(ee);
+      t.value = `${de} - ${de}`, e.onChange({ value: { start: ee, end: ee }, event: $ }), G(() => {
         requestAnimationFrame(() => {
-          const ie = document.getElementById(
+          const se = document.getElementById(
             e.id
-          ), se = r.value ?? 0;
-          ie && (ie.focus(), ie.setSelectionRange(se, se));
+          ), ue = n.value ?? 0;
+          se && (se.focus(), se.setSelectionRange(ue, ue));
         });
       });
       return;
     }
-    const fe = /* @__PURE__ */ new Date(), me = P(B);
-    let ve = ae ? new Date(ae) : new Date(fe), ge = oe ? new Date(oe) : new Date(fe);
-    const be = (ee, de) => {
+    const fe = /* @__PURE__ */ new Date(), me = L(H);
+    let ge = oe ? new Date(oe) : new Date(fe), he = le ? new Date(le) : new Date(fe);
+    const we = (ee, de) => {
       if (de === "mm") {
-        const ie = ee.getMonth() + 1, se = l === "ArrowUp" ? ie < 12 ? ie + 1 : 1 : ie > 1 ? ie - 1 : 12;
-        ee.setMonth(se - 1);
-        const Se = R(ee.getFullYear(), se);
+        const se = ee.getMonth() + 1, ue = i === "ArrowUp" ? se < 12 ? se + 1 : 1 : se > 1 ? se - 1 : 12;
+        ee.setMonth(ue - 1);
+        const Se = R(ee.getFullYear(), ue);
         ee.getDate() > Se && ee.setDate(Se);
       } else if (de === "dd") {
-        const ie = R(ee.getFullYear(), ee.getMonth() + 1), se = ee.getDate(), Se = l === "ArrowUp" ? se < ie ? se + 1 : 1 : se > 1 ? se - 1 : ie;
+        const se = R(ee.getFullYear(), ee.getMonth() + 1), ue = ee.getDate(), Se = i === "ArrowUp" ? ue < se ? ue + 1 : 1 : ue > 1 ? ue - 1 : se;
         ee.setDate(Se);
       } else if (de === "yyyy") {
-        const ie = ee.getFullYear();
-        ee.setFullYear(l === "ArrowUp" ? ie + 1 : Math.max(1, ie - 1));
-        const se = R(ee.getFullYear(), ee.getMonth() + 1);
-        ee.getDate() > se && ee.setDate(se);
+        const se = ee.getFullYear();
+        ee.setFullYear(i === "ArrowUp" ? se + 1 : Math.max(1, se - 1));
+        const ue = R(ee.getFullYear(), ee.getMonth() + 1);
+        ee.getDate() > ue && ee.setDate(ue);
       }
     };
-    me.side === "start" ? be(ve, me.part) : be(ge, me.part);
-    const Ae = D(ve), De = D(ge);
+    me.side === "start" ? we(ge, me.part) : we(he, me.part);
+    const Ae = E(ge), De = E(he);
     t.value = `${Ae} - ${De}`;
-    const pe = O(ve), Ee = O(ge);
-    pe && Ee && p(pe, Ee) ? e.onChange({ value: { start: pe, end: Ee }, event: F }) : e.onChange({ value: null, event: F }), _(() => {
+    const pe = O(ge), Ee = O(he);
+    pe && Ee && f(pe, Ee) ? e.onChange({ value: { start: pe, end: Ee }, event: $ }) : e.onChange({ value: null, event: $ }), G(() => {
       requestAnimationFrame(() => {
         const ee = document.getElementById(
           e.id
-        ), de = r.value ?? 0;
+        ), de = n.value ?? 0;
         ee && (ee.focus(), ee.setSelectionRange(de, de));
       });
     });
-  }, j = (l) => {
-    const { start: g, end: F } = v(t.value);
-    if (!g || !F) {
-      e.onChange({ value: null, event: l });
+  }, Z = (i) => {
+    const { start: h, end: $ } = g(t.value);
+    if (!h || !$) {
+      e.onChange({ value: null, event: i });
       return;
     }
-    const B = O(g), ae = O(F);
-    if (!B || !ae) {
-      e.onChange({ value: null, event: l });
+    const H = O(h), oe = O($);
+    if (!H || !oe) {
+      e.onChange({ value: null, event: i });
       return;
     }
-    if (!p(B, ae)) {
-      e.onChange({ value: null, event: l });
+    if (!f(H, oe)) {
+      e.onChange({ value: null, event: i });
       return;
     }
-    e.onChange({ value: { start: B, end: ae }, event: l });
-  }, re = (l) => {
-    const g = l.value ?? "", F = l.event;
-    if (!g && F && F.type === "click") {
-      L(F);
+    e.onChange({ value: { start: H, end: oe }, event: i });
+  }, ne = (i) => {
+    const h = i.value ?? "", $ = i.event;
+    if (!h && $ && $.type === "click") {
+      z($);
       return;
     }
-    t.value = g;
-    const B = F?.target;
-    r.value = B?.selectionStart ?? 0, j(l);
-  }, ue = (l) => {
-    r.value = l.target.selectionStart ?? 0;
-  }, o = (l) => {
-    if (l.code === "Space" || l.key === " ") {
-      l.preventDefault(), l.stopPropagation(), e.onShowCalendar(l);
+    t.value = h;
+    const H = $?.target;
+    n.value = H?.selectionStart ?? 0, Z(i);
+  }, ie = (i) => {
+    n.value = i.target.selectionStart ?? 0;
+  }, l = (i) => {
+    if (i.code === "Space" || i.key === " ") {
+      i.preventDefault(), i.stopPropagation(), e.onShowCalendar(i);
       return;
     }
-    if (l.key === "ArrowDown" && l.altKey) {
-      l.preventDefault(), l.stopPropagation(), e.onShowCalendar(l);
+    if (i.key === "ArrowDown" && i.altKey) {
+      i.preventDefault(), i.stopPropagation(), e.onShowCalendar(i);
       return;
     }
-    if (m.includes(l.key)) {
-      l.preventDefault(), l.stopPropagation();
-      const g = l.target;
-      U(l.key, g, l);
+    if (v.includes(i.key)) {
+      i.preventDefault(), i.stopPropagation();
+      const h = i.target;
+      K(i.key, h, i);
       return;
     }
-  }, b = (l) => {
-    l.preventDefault();
-    const g = l.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    U(g, l.target, l);
-  }, q = (l) => {
-    if (k.includes(l.key) || m.includes(l.key)) {
-      const g = l.target;
-      r.value = g?.selectionStart ?? 0;
-    }
-  }, f = () => {
-    Z.value = !0, (e.manageValid ?? !0) && (I.value = s.value);
-  }, h = (l) => {
-    f();
-  }, L = (l) => {
-    t.value = "", r.value = 0, e.onChange({ value: null, event: l }), f(), _(() => {
-      const g = document.getElementById(
+  }, S = (i) => {
+    i.preventDefault();
+    const h = i.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    K(h, i.target, i);
+  }, q = (i) => {
+    if (A.includes(i.key) || v.includes(i.key)) {
+      const h = i.target;
+      n.value = h?.selectionStart ?? 0;
+    }
+  }, p = () => {
+    _.value = !0, (e.manageValid ?? !0) && (I.value = a.value);
+  }, w = (i) => {
+    p();
+  }, z = (i) => {
+    t.value = "", n.value = 0, e.onChange({ value: null, event: i }), p(), G(() => {
+      const h = document.getElementById(
         e.id
       );
-      g && (g.focus(), g.setSelectionRange(0, 0));
+      h && (h.focus(), h.setSelectionRange(0, 0));
     });
   };
-  e.externalValue && le(
+  e.externalValue && ae(
     e.externalValue,
-    (l) => {
-      const g = l?.start ?? null, F = l?.end ?? null;
-      if (g && F) {
-        if (t.value = `${D(g)} - ${D(F)}`, e.isOpen?.value && a.value && e.onRequestClose) {
-          const B = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+    (i) => {
+      const h = i?.start ?? null, $ = i?.end ?? null;
+      if (h && $) {
+        if (t.value = `${E(h)} - ${E($)}`, e.isOpen?.value && o.value && e.onRequestClose) {
+          const H = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), a.value = !1, f();
-          }, B);
+            e.onRequestClose?.(), o.value = !1, p();
+          }, H);
         }
         return;
       }
     },
     { immediate: !0 }
   );
-  const n = y(
+  const r = y(
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
-  ), u = y(
+  ), d = y(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
   ), T = y(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), K = y(
+  ), U = y(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), z = y(
+  ), B = y(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
   ), Q = y(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), W = y(() => {
-    const { start: l, end: g } = v(t.value);
+  ), j = y(() => {
+    const { start: i, end: h } = g(t.value);
     return [
       {
         label: "Raw",
@@ -1842,21 +1965,21 @@ function Ct(e) {
       },
       {
         label: "Start",
-        value: `${String(n.value).padStart(2, "0")} / ${String(
-          u.value
+        value: `${String(r.value).padStart(2, "0")} / ${String(
+          d.value
         ).padStart(2, "0")} / ${String(T.value).padStart(4, "0")}`
       },
       {
         label: "End",
-        value: `${String(K.value).padStart(2, "0")} / ${String(
-          z.value
+        value: `${String(U.value).padStart(2, "0")} / ${String(
+          B.value
         ).padStart(2, "0")} / ${String(Q.value).padStart(4, "0")}`
       },
       { label: "Digits only", value: M.value },
-      { label: "Mask complete", value: `${i.value}` },
+      { label: "Mask complete", value: `${s.value}` },
       {
         label: "Parsed",
-        value: `${l ? l.toDateString() : "-"} | ${g ? g.toDateString() : "-"}`
+        value: `${i ? i.toDateString() : "-"} | ${h ? h.toDateString() : "-"}`
       },
       {
         label: "Valid (managed)",
@@ -1865,330 +1988,330 @@ function Ct(e) {
       { label: "Span (days)", value: `${X.value ?? "-"}` },
       {
         label: "Reason",
-        value: `${J.value ?? "-"}`
+        value: `${F.value ?? "-"}`
       },
       {
         label: "Cursor in",
-        value: `${r.value ?? "-"} (${(() => {
-          const F = r.value ?? 0, B = P(F);
-          return `${B.side}.${B.part}`;
+        value: `${n.value ?? "-"} (${(() => {
+          const $ = n.value ?? 0, H = L($);
+          return `${H.side}.${H.part}`;
         })()})`
       }
     ];
-  }), G = () => {
-    _(() => {
-      const l = document.getElementById(e.id);
-      if (!l) {
+  }), J = () => {
+    G(() => {
+      const i = document.getElementById(e.id);
+      if (!i) {
         console.warn(`#${e.id} not found for styling.`);
         return;
       }
-      const g = l.closest("div");
-      if (!g) {
+      const h = i.closest("div");
+      if (!h) {
         console.warn(`Parent div of #${e.id} not found for styling.`);
         return;
       }
-      g.classList.contains("fk-daterangepicker") || g.classList.add("fk-daterangepicker");
+      h.classList.contains("fk-daterangepicker") || h.classList.add("fk-daterangepicker");
     });
   };
   Re(() => {
-    G();
+    J();
   });
   const ce = () => {
-    _(() => {
+    G(() => {
       try {
-        const l = Array.from(
+        const i = Array.from(
           document.querySelectorAll(".k-animation-container")
         );
-        if (!l.length) return;
-        const F = [...l].reverse().find((oe) => oe.querySelector(".k-calendar"))?.querySelector(
+        if (!i.length) return;
+        const $ = [...i].reverse().find((le) => le.querySelector(".k-calendar"))?.querySelector(
           ".k-calendar"
         );
-        if (!F) return;
-        const B = F.querySelectorAll(
+        if (!$) return;
+        const H = $.querySelectorAll(
           ".k-calendar-table"
         );
-        let ae = !1;
-        B.forEach((oe) => {
-          oe.tabIndex === 0 && (ae ? oe.tabIndex = -1 : ae = !0);
+        let oe = !1;
+        H.forEach((le) => {
+          le.tabIndex === 0 && (oe ? le.tabIndex = -1 : oe = !0);
         });
-      } catch (l) {
-        console.warn(l);
+      } catch (i) {
+        console.warn(i);
       }
     });
   };
-  return e.isOpen && le(
+  return e.isOpen && ae(
     e.isOpen,
-    (l) => {
-      l && setTimeout(() => ce(), 0);
+    (i) => {
+      i && setTimeout(() => ce(), 0);
     },
     { immediate: !1 }
   ), {
     raw: t,
-    cursorPos: r,
-    debugEnabled: c,
-    debugLines: W,
+    cursorPos: n,
+    debugEnabled: u,
+    debugLines: j,
     digitsOnly: M,
     valid: I,
-    validComputed: te(s),
-    reason: te(J),
-    validationMessage: te(x),
+    validComputed: te(a),
+    reason: te(F),
+    validationMessage: te(m),
     spanDays: te(X),
-    month1: te(n),
-    day1: te(u),
+    month1: te(r),
+    day1: te(d),
     year1: te(T),
-    month2: te(K),
-    day2: te(z),
+    month2: te(U),
+    day2: te(B),
     year2: te(Q),
-    handleChange: re,
-    handleKeyDown: o,
-    handleWheel: b,
+    handleChange: ne,
+    handleKeyDown: l,
+    handleWheel: S,
     handleKeyUp: q,
-    handleClick: ue,
-    handleBlur: h,
-    handleClear: L,
+    handleClick: ie,
+    handleBlur: w,
+    handleClear: z,
     onCalendarChange: () => {
-      a.value = !0;
+      o.value = !0;
     },
-    initStyling: G
+    initStyling: J
   };
 }
-function Tt(e) {
-  const t = Y(""), r = Y(void 0), c = Y(!!e.debug), a = Y(e.timeFormat ?? "hh:mm AM"), d = y(() => !!e.required), w = Y(!1), S = ["ArrowUp", "ArrowDown"], $ = ["ArrowLeft", "ArrowRight"], V = y(() => (t.value ?? "").replace(/\D/g, "")), M = {
+function Ot(e) {
+  const t = Y(""), n = Y(void 0), u = Y(!!e.debug), o = Y(e.timeFormat ?? "hh:mm AM"), c = y(() => !!e.required), b = Y(!1), k = ["ArrowUp", "ArrowDown"], P = ["ArrowLeft", "ArrowRight"], N = y(() => (t.value ?? "").replace(/\D/g, "")), M = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
     m: /[0-9]/,
     A: /[AaPp]/,
     a: /[Mm]/
-  }, R = (n) => n <= 2 ? "hh" : n <= 5 ? "mm" : "ampm", E = y(() => {
-    const n = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", u = parseInt(n);
-    return Math.min(Math.max(u, 0), 23);
-  }), A = y(() => {
-    const n = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", u = parseInt(n);
-    return Math.min(Math.max(u, 0), 59);
-  }), O = y(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), p = y(() => {
-    const n = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), u = O.value;
-    return n === 12 ? u === "AM" ? 0 : 12 : u === "PM" ? n + 12 : n;
-  }), i = y(() => v.value ? `${String(p.value).padStart(2, "0")}:${String(A.value).padStart(2, "0")}:00` : null), v = y(
+  }, R = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", x = y(() => {
+    const r = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", d = parseInt(r);
+    return Math.min(Math.max(d, 0), 23);
+  }), D = y(() => {
+    const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", d = parseInt(r);
+    return Math.min(Math.max(d, 0), 59);
+  }), O = y(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), f = y(() => {
+    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), d = O.value;
+    return r === 12 ? d === "AM" ? 0 : 12 : d === "PM" ? r + 12 : r;
+  }), s = y(() => g.value ? `${String(f.value).padStart(2, "0")}:${String(D.value).padStart(2, "0")}:00` : null), g = y(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), I = (n, u, T) => {
-    let K = n % 12;
-    return K === 0 && (K = 12), `${String(K).padStart(2, "0")}:${String(u).padStart(
+  ), I = (r, d, T) => {
+    let U = r % 12;
+    return U === 0 && (U = 12), `${String(U).padStart(2, "0")}:${String(d).padStart(
       2,
       "0"
     )} ${T}`;
-  }, N = (n) => {
-    const u = n.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!u) return null;
-    const T = parseInt(u[1]), K = parseInt(u[2]), z = u[3].toUpperCase();
-    if (T < 1 || T > 12 || K < 0 || K > 59) return null;
+  }, V = (r) => {
+    const d = r.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    if (!d) return null;
+    const T = parseInt(d[1]), U = parseInt(d[2]), B = d[3].toUpperCase();
+    if (T < 1 || T > 12 || U < 0 || U > 59) return null;
     let Q = T % 12;
-    z === "PM" && (Q += 12);
-    const W = /* @__PURE__ */ new Date();
-    return W.setSeconds(0, 0), W.setHours(Q), W.setMinutes(K), W;
-  }, H = (n) => {
-    if (V.value.length === 0) {
-      e.onChange({ value: null, event: n });
+    B === "PM" && (Q += 12);
+    const j = /* @__PURE__ */ new Date();
+    return j.setSeconds(0, 0), j.setHours(Q), j.setMinutes(U), j;
+  }, W = (r) => {
+    if (N.value.length === 0) {
+      e.onChange({ value: null, event: r });
       return;
     }
-    if (!v.value) {
-      e.onChange({ value: null, event: n });
+    if (!g.value) {
+      e.onChange({ value: null, event: r });
       return;
     }
-    const u = N(t.value);
-    u && Z(u) ? e.onChange({ value: u, event: n }) : e.onChange({ value: null, event: n });
-  }, X = (n) => n.getHours() * 60 + n.getMinutes(), Z = (n) => {
-    const u = e.min ?? void 0, T = e.max ?? void 0, K = X(n);
-    if (u) {
-      const z = X(u);
-      if (K < z) return !1;
+    const d = V(t.value);
+    d && _(d) ? e.onChange({ value: d, event: r }) : e.onChange({ value: null, event: r });
+  }, X = (r) => r.getHours() * 60 + r.getMinutes(), _ = (r) => {
+    const d = e.min ?? void 0, T = e.max ?? void 0, U = X(r);
+    if (d) {
+      const B = X(d);
+      if (U < B) return !1;
     }
     if (T) {
-      const z = X(T);
-      if (K > z) return !1;
+      const B = X(T);
+      if (U > B) return !1;
     }
     return !0;
-  }, J = (n) => {
-    const u = n.getHours(), T = u >= 12 ? "PM" : "AM";
-    t.value = I(u, n.getMinutes(), T);
-  }, s = (n, u) => {
-    e.onChange({ value: n, event: u });
-  }, x = () => {
-    _(() => {
+  }, F = (r) => {
+    const d = r.getHours(), T = d >= 12 ? "PM" : "AM";
+    t.value = I(d, r.getMinutes(), T);
+  }, a = (r, d) => {
+    e.onChange({ value: r, event: d });
+  }, m = () => {
+    G(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const n = document.getElementById(
+          const r = document.getElementById(
             e.id
           );
-          if (n) {
-            n.focus();
-            const u = (n.value ?? "").length;
-            n.setSelectionRange(u, u);
+          if (r) {
+            r.focus();
+            const d = (r.value ?? "").length;
+            r.setSelectionRange(d, d);
           }
         });
       });
     });
-  }, m = (n) => {
-    const u = n?.event?.target;
-    return u ? u.closest(".k-time-now") ? "now" : u.closest(".k-time-accept") ? "set" : null : null;
-  }, k = (n, u) => {
-    n && Z(n) ? s(n, u) : s(null, u);
-  }, C = (...n) => {
-    const u = n[0];
-    if (!u) return;
-    const T = m(u);
+  }, v = (r) => {
+    const d = r?.event?.target;
+    return d ? d.closest(".k-time-now") ? "now" : d.closest(".k-time-accept") ? "set" : null : null;
+  }, A = (r, d) => {
+    r && _(r) ? a(r, d) : a(null, d);
+  }, C = (...r) => {
+    const d = r[0];
+    if (!d) return;
+    const T = v(d);
     if (T === "now") {
-      const z = /* @__PURE__ */ new Date();
-      J(z), k(z, u), x();
+      const B = /* @__PURE__ */ new Date();
+      F(B), A(B, d), m();
       return;
     }
-    if (u?.value instanceof Date) {
-      const z = new Date(u.value);
-      J(z), k(z, u), T === "set" && x();
+    if (d?.value instanceof Date) {
+      const B = new Date(d.value);
+      F(B), A(B, d), T === "set" && m();
       return;
     }
-    if (u?.value === null) {
-      t.value = "", s(null, u);
+    if (d?.value === null) {
+      t.value = "", a(null, d);
       return;
     }
-    t.value = u.value;
-    const K = u.event?.target;
-    r.value = K?.selectionStart ?? 0;
+    t.value = d.value;
+    const U = d.event?.target;
+    n.value = U?.selectionStart ?? 0;
     try {
-      const z = r.value ?? 0;
-      if (R(z) === "ampm" && (t.value ?? "").length >= 8) {
+      const B = n.value ?? 0;
+      if (R(B) === "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)}`, _(() => {
+        /[Aa]/.test(Q) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, G(() => {
           requestAnimationFrame(() => {
-            const W = document.getElementById(
+            const j = document.getElementById(
               e.id
             );
-            W && (W.focus(), W.setSelectionRange(8, 8));
+            j && (j.focus(), j.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(Q) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, _(() => {
+        })) : /[Pp]/.test(Q) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, G(() => {
           requestAnimationFrame(() => {
-            const W = document.getElementById(
+            const j = document.getElementById(
               e.id
             );
-            W && (W.focus(), W.setSelectionRange(8, 8));
+            j && (j.focus(), j.setSelectionRange(8, 8));
           });
         }));
       }
     } catch {
     }
-    H(u);
-  }, D = (n) => {
-    r.value = n.target.selectionStart ?? 0;
-  }, P = (n, u, T) => {
-    const K = u?.selectionStart ?? r.value ?? 0;
-    r.value = K;
-    const z = R(K), Q = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    W(d);
+  }, E = (r) => {
+    n.value = r.target.selectionStart ?? 0;
+  }, L = (r, d, T) => {
+    const U = d?.selectionStart ?? n.value ?? 0;
+    n.value = U;
+    const B = R(U), Q = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!Q) {
-      if ((t.value ?? "").length === 0 || V.value.length === 0) {
-        const g = /* @__PURE__ */ new Date(), F = g.getHours(), B = F >= 12 ? "PM" : "AM";
-        t.value = I(F, g.getMinutes(), B);
-        const ae = N(t.value);
-        k(ae, T), _(() => {
+      if ((t.value ?? "").length === 0 || N.value.length === 0) {
+        const h = /* @__PURE__ */ new Date(), $ = h.getHours(), H = $ >= 12 ? "PM" : "AM";
+        t.value = I($, h.getMinutes(), H);
+        const oe = V(t.value);
+        A(oe, T), G(() => {
           requestAnimationFrame(() => {
-            const oe = document.getElementById(
+            const le = document.getElementById(
               e.id
-            ), fe = r.value ?? 0;
-            oe && (oe.focus(), oe.setSelectionRange(fe, fe));
+            ), fe = n.value ?? 0;
+            le && (le.focus(), le.setSelectionRange(fe, fe));
           });
         });
       }
       return;
     }
-    let W = parseInt(Q[1]), G = parseInt(Q[2]), ce = Q[3].toUpperCase();
-    if (z === "hh")
-      n === "ArrowUp" ? W = W < 12 ? W + 1 : 1 : W = W > 1 ? W - 1 : 12;
-    else if (z === "mm") {
-      const g = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
-      if (g === 1)
-        n === "ArrowUp" ? G = G < 59 ? G + 1 : 0 : G = G > 0 ? G - 1 : 59;
-      else if (n === "ArrowUp") {
-        const F = G % g;
-        let B = F === 0 ? G + g : G + (g - F);
-        B >= 60 && (B = 0), G = B;
+    let j = parseInt(Q[1]), J = parseInt(Q[2]), ce = Q[3].toUpperCase();
+    if (B === "hh")
+      r === "ArrowUp" ? j = j < 12 ? j + 1 : 1 : j = j > 1 ? j - 1 : 12;
+    else if (B === "mm") {
+      const h = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
+      if (h === 1)
+        r === "ArrowUp" ? J = J < 59 ? J + 1 : 0 : J = J > 0 ? J - 1 : 59;
+      else if (r === "ArrowUp") {
+        const $ = J % h;
+        let H = $ === 0 ? J + h : J + (h - $);
+        H >= 60 && (H = 0), J = H;
       } else {
-        const F = G % g;
-        let B = F === 0 ? G - g : G - F;
-        B < 0 && (B = 60 - g), G = B;
+        const $ = J % h;
+        let H = $ === 0 ? J - h : J - $;
+        H < 0 && (H = 60 - h), J = H;
       }
-    } else z === "ampm" && (ce = ce === "AM" ? "PM" : "AM");
-    t.value = `${String(W).padStart(2, "0")}:${String(G).padStart(
+    } else B === "ampm" && (ce = ce === "AM" ? "PM" : "AM");
+    t.value = `${String(j).padStart(2, "0")}:${String(J).padStart(
       2,
       "0"
     )} ${ce}`;
-    const l = N(t.value);
-    k(l, T), _(() => {
+    const i = V(t.value);
+    A(i, T), G(() => {
       requestAnimationFrame(() => {
-        const g = document.getElementById(
+        const h = document.getElementById(
           e.id
-        ), F = r.value ?? 0;
-        g && (g.focus(), g.setSelectionRange(F, F));
+        ), $ = n.value ?? 0;
+        h && (h.focus(), h.setSelectionRange($, $));
       });
     });
-  }, U = (n) => {
-    if (n.code === "Space" || n.key === " ") {
-      n.preventDefault(), n.stopPropagation(), e.onShowPicker(n);
+  }, K = (r) => {
+    if (r.code === "Space" || r.key === " ") {
+      r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
       return;
     }
-    if (n.key === "ArrowDown" && n.altKey) {
-      n.preventDefault(), n.stopPropagation(), e.onShowPicker(n);
+    if (r.key === "ArrowDown" && r.altKey) {
+      r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
       return;
     }
-    if (S.includes(n.key)) {
-      if (n.altKey) return;
-      n.preventDefault(), n.stopPropagation();
-      const u = n.target;
-      P(n.key, u, n);
+    if (k.includes(r.key)) {
+      if (r.altKey) return;
+      r.preventDefault(), r.stopPropagation();
+      const d = r.target;
+      L(r.key, d, r);
       return;
     }
-  }, j = (n) => {
-    n.preventDefault();
-    const u = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    P(u, n.target, n);
-  }, re = (n) => {
-    const u = n.target;
-    if ($.includes(n.key)) {
-      r.value = u?.selectionStart ?? 0;
+  }, Z = (r) => {
+    r.preventDefault();
+    const d = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    L(d, r.target, r);
+  }, ne = (r) => {
+    const d = r.target;
+    if (P.includes(r.key)) {
+      n.value = d?.selectionStart ?? 0;
       return;
     }
-    if (S.includes(n.key)) {
-      if (n.altKey) return;
-      r.value = u?.selectionStart ?? 0;
+    if (k.includes(r.key)) {
+      if (r.altKey) return;
+      n.value = d?.selectionStart ?? 0;
     }
-  }, ue = (n) => {
-    w.value = !0, d.value && e.externalValue && e.externalValue.value === void 0 && V.value.length === 0 && (e.externalValue.value = "");
-    const u = n.target;
-    u && (r.value = u.selectionStart ?? 0);
+  }, ie = (r) => {
+    b.value = !0, c.value && e.externalValue && e.externalValue.value === void 0 && N.value.length === 0 && (e.externalValue.value = "");
+    const d = r.target;
+    d && (n.value = d.selectionStart ?? 0);
   };
-  e.externalValue && le(
+  e.externalValue && ae(
     e.externalValue,
-    (n) => {
-      if (n) {
-        const u = new Date(n);
-        if (u.toString() !== "Invalid Date") {
-          const T = u.getHours(), K = T >= 12 ? "PM" : "AM";
-          t.value = I(T, u.getMinutes(), K);
+    (r) => {
+      if (r) {
+        const d = new Date(r);
+        if (d.toString() !== "Invalid Date") {
+          const T = d.getHours(), U = T >= 12 ? "PM" : "AM";
+          t.value = I(T, d.getMinutes(), U);
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const o = y(() => [
+  const l = y(() => [
     ["Time", t.value || "--:-- --"],
-    ["Hour (12h)", E.value],
-    ["Hour (24h)", p.value],
-    ["Minute", A.value],
+    ["Hour (12h)", x.value],
+    ["Hour (24h)", f.value],
+    ["Minute", D.value],
     ["Period", O.value],
-    ["Time (24h)", i.value ?? "--:--:--"],
-    ["Digits only", V.value],
+    ["Time (24h)", s.value ?? "--:--:--"],
+    ["Digits only", N.value],
     [
       "Parsed Date",
-      b.value?.toLocaleDateString("en-US", {
+      S.value?.toLocaleDateString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
@@ -2208,62 +2331,62 @@ function Tt(e) {
       }) ?? null
     ],
     ["valid", q.value],
-    ["reason", f.value],
-    ["validationMessage", h.value]
-  ]), b = y(
-    () => N(t.value) ?? null
+    ["reason", p.value],
+    ["validationMessage", w.value]
+  ]), S = y(
+    () => V(t.value) ?? null
   ), q = y(() => {
-    if (!d.value) {
-      if (!v.value) return !0;
-      const u = b.value;
-      return u ? Z(u) : !1;
-    }
-    if (!w.value) return !0;
-    const n = b.value;
-    return !v.value || !n ? !1 : Z(n);
-  }), f = y(() => {
-    if (!d.value) {
-      if (!v.value) return;
-      const u = b.value;
-      return u ? Z(u) ? "valid" : "out-of-bounds" : "invalid-time";
-    }
-    if (!w.value) return;
-    if (V.value.length === 0 || !v.value)
+    if (!c.value) {
+      if (!g.value) return !0;
+      const d = S.value;
+      return d ? _(d) : !1;
+    }
+    if (!b.value) return !0;
+    const r = S.value;
+    return !g.value || !r ? !1 : _(r);
+  }), p = y(() => {
+    if (!c.value) {
+      if (!g.value) return;
+      const d = S.value;
+      return d ? _(d) ? "valid" : "out-of-bounds" : "invalid-time";
+    }
+    if (!b.value) return;
+    if (N.value.length === 0 || !g.value)
       return "incomplete";
-    const n = b.value;
-    return n ? Z(n) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), h = y(() => {
-    const n = f.value;
-    if (!n || n === "valid") return "";
-    if (n === "incomplete")
+    const r = S.value;
+    return r ? _(r) ? "valid" : "out-of-bounds" : "invalid-time";
+  }), w = y(() => {
+    const r = p.value;
+    if (!r || r === "valid") return "";
+    if (r === "incomplete")
       return "Required";
-    if (n === "invalid-time")
-      return `Must be in ${a.value} format.`;
-    const u = {
+    if (r === "invalid-time")
+      return `Must be in ${o.value} format.`;
+    const d = {
       hour: "2-digit",
       minute: "2-digit"
-    }, T = e.min ? e.min.toLocaleTimeString("en-US", u) : null, K = e.max ? e.max.toLocaleTimeString("en-US", u) : null;
-    if (n === "out-of-bounds") {
-      if (T && K) return `Must be between ${T} and ${K}.`;
+    }, T = e.min ? e.min.toLocaleTimeString("en-US", d) : null, U = e.max ? e.max.toLocaleTimeString("en-US", d) : null;
+    if (r === "out-of-bounds") {
+      if (T && U) return `Must be between ${T} and ${U}.`;
       if (T) return `Must be ${T} or later.`;
-      if (K) return `Must be ${K} or earlier.`;
+      if (U) return `Must be ${U} or earlier.`;
     }
     return "";
-  }), L = () => {
-    _(() => {
-      const n = document.getElementById(e.id);
-      if (!n) {
+  }), z = () => {
+    G(() => {
+      const r = document.getElementById(e.id);
+      if (!r) {
         console.warn(`#${e.id} not found for styling.`);
         return;
       }
-      const u = n.closest(".k-timepicker");
-      if (!u) {
+      const d = r.closest(".k-timepicker");
+      if (!d) {
         console.warn(
           `.k-timepicker parent of #${e.id} not found for styling.`
         );
         return;
       }
-      const T = u.parentElement;
+      const T = d.parentElement;
       if (!T) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
@@ -2274,50 +2397,50 @@ function Tt(e) {
     });
   };
   return Re(() => {
-    L();
+    z();
   }), {
     raw: t,
     rules: M,
-    debugEnabled: c,
-    debugLines: o,
-    placeholder: a,
+    debugEnabled: u,
+    debugLines: l,
+    placeholder: o,
     isValid: q,
-    reason: te(f),
-    validationMessage: h,
-    isComplete: v,
-    inRangeTime: Z,
-    cursorPos: r,
-    hour: te(E),
-    hour24: te(p),
-    minute: te(A),
+    reason: te(p),
+    validationMessage: w,
+    isComplete: g,
+    inRangeTime: _,
+    cursorPos: n,
+    hour: te(x),
+    hour24: te(f),
+    minute: te(D),
     period: te(O),
-    time24: te(i),
-    parsedRawTime: te(b),
+    time24: te(s),
+    parsedRawTime: te(S),
     handleChange: C,
-    handleKeyDown: U,
-    handleKeyUp: re,
-    handleClick: D,
-    handleWheel: j,
-    handleBlur: ue,
+    handleKeyDown: K,
+    handleKeyUp: ne,
+    handleClick: E,
+    handleWheel: Z,
+    handleBlur: ie,
     // Expose so consumers can reapply theming when Kendo updates DOM
-    initStyling: L
+    initStyling: z
   };
 }
-const Rt = {
+const Vt = {
   returnFocusToTrigger: !1,
   focusTrapOptions: {
     returnFocusOnDeactivate: !1
   }
 };
-function Ft(e) {
-  const t = ye(null), r = [
+function Nt(e) {
+  const t = ve(null), n = [
     ".k-animation-container .k-popup",
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], c = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? r].flat(), a = (M) => M ? typeof e.initialFocus == "string" ? M.querySelector(e.initialFocus) ?? M : typeof e.initialFocus == "function" ? e.initialFocus(M) ?? M : M.querySelector(
+  ], u = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? n].flat(), o = (M) => M ? typeof e.initialFocus == "string" ? M.querySelector(e.initialFocus) ?? M : typeof e.initialFocus == "function" ? e.initialFocus(M) ?? M : M.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? M : null, { activate: d, deactivate: w } = He(t, {
+  ) ?? M : null, { activate: c, deactivate: b } = Ze(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     // Without this, focus-trap's own default (false) preventDefault()s and
@@ -2326,90 +2449,92 @@ function Ft(e) {
     // page (e.g. another trigger in the same row) until the trap deactivates.
     allowOutsideClick: !0,
     fallbackFocus: () => t.value,
-    initialFocus: () => a(t.value),
+    initialFocus: () => o(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let S = null, $ = Y(null);
-  const V = () => {
+  let k = null, P = Y(null);
+  const N = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
-    const M = (E, A) => {
-      const O = Array.from(E.querySelectorAll(A));
+    const M = (x, D) => {
+      const O = Array.from(x.querySelectorAll(D));
       if (!O.length) return null;
-      const p = O.filter(
-        (i) => i.offsetParent !== null || i.getClientRects().length > 0
+      const f = O.filter(
+        (s) => s.offsetParent !== null || s.getClientRects().length > 0
       );
-      return p[p.length - 1] ?? O[O.length - 1] ?? null;
+      return f[f.length - 1] ?? O[O.length - 1] ?? null;
     }, R = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const E of c) {
-      const A = M(R, E);
-      if (A) return A;
+    for (const x of u) {
+      const D = M(R, x);
+      if (D) return D;
     }
-    for (const E of c) {
-      const A = M(document, E);
-      if (A) return A;
+    for (const x of u) {
+      const D = M(document, x);
+      if (D) return D;
     }
     return null;
   };
-  return qe(t, (M) => {
-    $.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", M);
-  }), le(
+  return Ue(t, (M) => {
+    P.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", M);
+  }), ae(
     () => e.isOpen.value,
     (M) => {
-      M ? ($.value = null, _(() => {
-        const R = V();
+      M ? (P.value = null, G(() => {
+        const R = N();
         R && (R.tabIndex < 0 && (R.tabIndex = -1), t.value = R, setTimeout(() => {
           try {
-            d();
-          } catch (E) {
+            c();
+          } catch (x) {
             console.warn(
               "usePopupTrap: focus trap failed to activate",
-              E
+              x
             );
           }
-        }, 0), S || (S = (E) => {
-          E.key === "Escape" && ($.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", E));
-        }, document.addEventListener("keydown", S, !0)));
-      })) : (w(), S && (document.removeEventListener("keydown", S, !0), S = null), t.value = null, $.value === "outside" && _(() => {
+        }, 0), k || (k = (x) => {
+          x.key === "Escape" && (P.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", x));
+        }, document.addEventListener("keydown", k, !0)));
+      })) : (b(), k && (document.removeEventListener("keydown", k, !0), k = null), t.value = null, P.value === "outside" && G(() => {
         const R = () => {
-          const E = e.triggerEl?.value, A = E?.querySelector("input"), O = document.activeElement;
-          O && (O === A || E && E.contains(O)) && (A ?? E)?.blur?.();
+          const x = e.triggerEl?.value, D = x?.querySelector("input"), O = document.activeElement;
+          O && (O === D || x && x.contains(O)) && (D ?? x)?.blur?.();
         };
         requestAnimationFrame(() => setTimeout(R, 0));
-      }), e.returnFocusToTrigger !== !1 && $.value === "escape" && e.triggerEl?.value && _(() => {
+      }), e.returnFocusToTrigger !== !1 && P.value === "escape" && e.triggerEl?.value && G(() => {
         const R = () => {
-          const E = e.triggerEl?.value;
-          if (!E) return;
-          (E.querySelector("input") ?? E)?.focus?.();
+          const x = e.triggerEl?.value;
+          if (!x) return;
+          (x.querySelector("input") ?? x)?.focus?.();
         };
         requestAnimationFrame(() => setTimeout(R, 0));
       }));
     }
   ), {
     popupRef: t,
-    activate: d,
-    deactivate: w,
-    lastCloseReason: te($),
+    activate: c,
+    deactivate: b,
+    lastCloseReason: te(P),
     setPopupEl: (M) => t.value = M
   };
 }
 export {
-  Rt as POPUP_MENU_TRAP_OPTIONS,
-  it as computeCollisionOffset,
-  Mt as useActiveIdRegistry,
-  Dt as useCompositeId,
-  xt as useExclusiveGroup,
-  Qe as useFieldsetTouchTracker,
-  et as useFieldsetValidationKit,
-  wt as useGridA11y,
-  St as useGridActiveFilter,
-  kt as useGridRowAction,
-  ft as useIntersectionObserver,
-  It as useMaskedDateInput,
-  Ct as useMaskedDateRangeInput,
-  Tt as useMaskedTimeInput,
-  Et as usePopupMenu,
-  Ft as usePopupTrap,
-  At as useUSAddress,
-  Je as useZipTextBox
+  Vt as POPUP_MENU_TRAP_OPTIONS,
+  Ne as WINDOW_SETTINGS_DEFAULTS,
+  ct as computeCollisionOffset,
+  Ft as useActiveIdRegistry,
+  Ct as useCompositeId,
+  Rt as useExclusiveGroup,
+  nt as useFieldsetTouchTracker,
+  rt as useFieldsetValidationKit,
+  Et as useGridA11y,
+  xt as useGridActiveFilter,
+  Mt as useGridRowAction,
+  mt as useIntersectionObserver,
+  Lt as useMaskedDateInput,
+  $t as useMaskedDateRangeInput,
+  Ot as useMaskedTimeInput,
+  Tt as usePopupMenu,
+  Nt as usePopupTrap,
+  It as useUSAddress,
+  Pt as useWindow,
+  tt as useZipTextBox
 };
 //# sourceMappingURL=featherk-composables.es.js.map