@featherk/composables 0.13.3 → 0.13.5

package/dist/featherk-composables.es.js

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