@featherk/composables 0.10.7 → 0.10.8

package/dist/featherk-composables.es.js

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