@featherk/composables 0.13.8 → 0.13.9

package/dist/featherk-composables.es.js

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