@featherk/composables 0.6.17 → 0.6.18

package/dist/featherk-composables.es.js

@@ -1,11 +1,11 @@
-import { ref as J, onBeforeUnmount as Ie, nextTick as G, computed as h, watch as ge, onMounted as xe, readonly as H, getCurrentScope as Le, onScopeDispose as Te, toValue as de, unref as Fe, shallowRef as Re } from "vue";
+import { ref as J, onBeforeUnmount as Ie, nextTick as W, computed as h, watch as ge, onMounted as xe, readonly as Y, getCurrentScope as Le, onScopeDispose as Te, toValue as de, unref as Fe, shallowRef as Re } from "vue";
 import { useFocusTrap as qe } from "@vueuse/integrations/useFocusTrap";
 const _e = (e, t) => {
   const s = J(null);
   let U = !1, P = null, L = null;
-  const N = [], A = ".k-table-row[data-grid-row-index] [tabindex]", b = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", S = () => e?.value?.columns, w = (o) => {
+  const N = [], A = ".k-table-row[data-grid-row-index] [tabindex]", S = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", b = () => e?.value?.columns, w = (o) => {
     const m = o.key || o.code;
-    ([" ", "Spacebar", "Space"].includes(m) || b(o)) && (o.preventDefault(), o.stopPropagation(), s.value = o.target, o.target.click());
+    ([" ", "Spacebar", "Space"].includes(m) || S(o)) && (o.preventDefault(), o.stopPropagation(), s.value = o.target, o.target.click());
   }, I = (o) => {
     if (!s.value) return;
     if (o.code === "Escape") {
@@ -35,7 +35,7 @@ const _e = (e, t) => {
         );
         if (g.length === 0) return;
         const k = g.findIndex(
-          (W) => W === document.activeElement
+          (j) => j === document.activeElement
         );
         let D;
         k === -1 ? D = 0 : o.shiftKey ? D = (k - 1 + g.length) % g.length : D = (k + 1) % g.length, o.preventDefault(), o.stopPropagation(), g[D]?.focus();
@@ -64,16 +64,16 @@ const _e = (e, t) => {
             const c = i;
             if (c.classList.contains("k-animation-container")) {
               const g = s.value;
-              g && (g.dataset.featherKSortable === "true" || G(() => {
+              g && (g.dataset.featherKSortable === "true" || W(() => {
                 c.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
-                ).forEach((W) => {
-                  W.textContent?.toLowerCase().includes("sort") && W.remove();
+                ).forEach((j) => {
+                  j.textContent?.toLowerCase().includes("sort") && j.remove();
                 });
               })), c.addEventListener(
                 "keydown",
                 I
-              ), G(() => {
+              ), W(() => {
                 const k = () => {
                   const D = Array.from(
                     c.querySelectorAll(
@@ -169,10 +169,10 @@ const _e = (e, t) => {
             const c = (g, k) => {
               let D = k === "next" ? g.nextElementSibling : g.previousElementSibling;
               for (; D; ) {
-                const W = D;
+                const j = D;
                 try {
-                  if (W.classList.contains("k-table-row"))
-                    return W;
+                  if (j.classList.contains("k-table-row"))
+                    return j;
                 } catch {
                 }
                 D = k === "next" ? D.nextElementSibling : D.previousElementSibling;
@@ -202,7 +202,7 @@ const _e = (e, t) => {
       }
     }
   }, O = () => {
-    G(() => {
+    W(() => {
       const o = e.value.$el.closest(".k-grid");
       o && o.classList.add("fk-grid");
     });
@@ -246,14 +246,14 @@ const _e = (e, t) => {
         console.error("Error setting up row navigation:", o);
       }
   }, y = () => {
-    G(() => {
+    W(() => {
       const m = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
       m && m.forEach((i) => {
         i.setAttribute("role", "button"), i.addEventListener(
           "keydown",
           w
         );
-      }), E(), z();
+      }), E(), _();
     });
   }, R = () => {
     const m = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
@@ -263,15 +263,17 @@ const _e = (e, t) => {
         w
       );
     }), P && (P.disconnect(), P = null), L && (L.disconnect(), L = null), N.forEach((i) => i()), N.length = 0;
-  }, z = () => {
+  }, _ = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
     ).forEach((i, c) => {
+      if (i.dataset.featherKHeaderBound === "true")
+        return;
       const v = i.querySelector(
         ".k-grid-header-menu.k-grid-column-menu"
       );
       if (!v) return;
-      const g = S();
+      const g = b();
       if (g && g[c]) {
         const n = g[c].field ?? "";
         i.setAttribute("data-feather-k-field", n), i.setAttribute(
@@ -284,31 +286,24 @@ const _e = (e, t) => {
       }
       const k = i.dataset.featherKFilterable !== "false", D = i.dataset.featherKSortable !== "false";
       v.setAttribute("tabindex", "-1"), k || D ? i.style.cursor = "pointer" : i.style.cursor = "default", k ? (i.setAttribute("tabindex", "0"), i.setAttribute("role", "button"), i.setAttribute("aria-haspopup", "menu")) : (i.setAttribute("tabindex", "0"), i.setAttribute("role", "columnheader"), i.removeAttribute("aria-haspopup"));
-      const W = (n) => {
+      const j = (n) => {
         n.target?.closest(".k-column-resizer") || (s.value = i, v.click());
       }, oe = (n) => {
         if (k)
-          s.value = i, n.preventDefault(), n.stopPropagation(), W(n);
+          s.value = i, n.preventDefault(), n.stopPropagation(), j(n);
         else if (D) {
           s.value = i;
-          const d = new KeyboardEvent("keydown", {
-            key: "Enter",
-            code: "Enter",
-            keyCode: 13,
-            which: 13,
-            bubbles: !0,
-            cancelable: !0
-          });
-          i.dispatchEvent(d);
+          const d = i.querySelector(".k-link");
+          d && d.click();
         }
       };
       i.addEventListener("click", oe), N.push(() => {
         i.removeEventListener("click", oe);
       });
       const le = (n) => {
-        if ((b(n) || n.code === "Space") && (k || D)) {
-          if (s.value = i, s.value.focus(), k)
-            n.preventDefault(), n.stopPropagation(), W(n);
+        if ((S(n) || n.code === "Space") && (k || D)) {
+          if (n.preventDefault(), n.stopPropagation(), s.value = i, s.value.focus(), k)
+            j(n);
           else if (D) {
             const d = i.querySelector(".k-link");
             d && d.click();
@@ -317,13 +312,13 @@ const _e = (e, t) => {
       };
       i.addEventListener("keydown", le, !0), N.push(() => {
         i.removeEventListener("keydown", le, !0);
-      });
+      }), i.dataset.featherKHeaderBound = "true";
     });
     const m = document.querySelector(".k-grid-header .k-table-thead");
-    if (m) {
+    if (m && m.dataset.featherKHeaderBound !== "true") {
       const i = (c) => {
         const v = c.target.closest("th");
-        v && (b(c) || c.code === "Space") && v.dataset.featherKFilterable === "false" && v.dataset.featherKSortable === "false" && (c.preventDefault(), c.stopImmediatePropagation());
+        v && (S(c) || c.code === "Space") && v.dataset.featherKFilterable === "false" && v.dataset.featherKSortable === "false" && (c.preventDefault(), c.stopImmediatePropagation());
       };
       m.addEventListener(
         "keydown",
@@ -336,21 +331,23 @@ const _e = (e, t) => {
           i,
           !0
         );
-      });
+      }), m.dataset.featherKHeaderBound = "true";
     }
   }, X = function(o, m) {
-    const i = o?.event?.event.target, c = S();
+    const i = o?.event?.event.target, c = b();
     if (!i || !c) return;
-    const v = i.classList.contains("k-link"), g = i.classList.contains("k-columnmenu-item"), k = c.find((D) => D.field === o?.event?.field)?.sortable && !0;
+    const v = i.classList.contains("k-grid-header-menu"), g = i.classList.contains("k-columnmenu-item"), k = c.find((D) => D.field === o?.event?.field)?.sortable && !0;
     if (!v) {
       if (g && !k) {
         o?.event?.sort?.filter(
-          (W) => W.field !== o?.event?.field
+          (j) => j.field !== o?.event?.field
         );
         return;
       }
-      typeof m == "function" && G(() => {
-        s.value && s.value.focus(), m(o);
+      typeof m == "function" && W(() => {
+        s.value && s.value.focus(), m(o), W(() => {
+          _();
+        });
       });
     }
   }, ne = () => {
@@ -371,7 +368,7 @@ const _e = (e, t) => {
   };
 };
 function ze(e) {
-  const t = J(""), s = J(void 0), U = J(!!e.debug), P = J(e.dateFormat ?? "mm/dd/yyyy"), L = h(() => !!e.required), N = J(!1), A = ["ArrowUp", "ArrowDown"], b = ["ArrowLeft", "ArrowRight"], S = h(() => (t.value ?? "").replace(/\D/g, "")), w = (n) => n <= 2 ? "mm" : n <= 5 ? "dd" : S.value.length <= 10 ? "yyyy" : "mm", I = h(() => {
+  const t = J(""), s = J(void 0), U = J(!!e.debug), P = J(e.dateFormat ?? "mm/dd/yyyy"), L = h(() => !!e.required), N = J(!1), A = ["ArrowUp", "ArrowDown"], S = ["ArrowLeft", "ArrowRight"], b = h(() => (t.value ?? "").replace(/\D/g, "")), w = (n) => n <= 2 ? "mm" : n <= 5 ? "dd" : b.value.length <= 10 ? "yyyy" : "mm", I = h(() => {
     const n = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(n).toString().padStart(2, "0");
   }), E = h(() => {
@@ -381,17 +378,17 @@ function ze(e) {
     const n = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(n).toString().padStart(4, "0");
   }), T = (n) => {
-    if (S.value.length === 0) {
+    if (b.value.length === 0) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if (S.value.length < 8) {
+    if (b.value.length < 8) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if ((t.value ?? "").length === 10 && S.value.length === 8) {
-      const [d, C, j] = t.value.split("/"), K = parseInt(d), B = parseInt(C), Z = parseInt(j);
-      if (z(Z, K, B)) {
+    if ((t.value ?? "").length === 10 && b.value.length === 8) {
+      const [d, C, G] = t.value.split("/"), K = parseInt(d), B = parseInt(C), Z = parseInt(G);
+      if (_(Z, K, B)) {
         const ie = new Date(Z, K - 1, B);
         O(ie) ? e.onChange({ value: ie, event: n }) : e.onChange({ value: null, event: n });
       } else
@@ -401,25 +398,25 @@ function ze(e) {
     const d = e.min ?? void 0, C = e.max ?? void 0;
     return !(d && n < d || C && n > C);
   }, f = h(() => {
-    if ((t.value ?? "").length === 10 && S.value.length === 8) {
-      const [n, d, C] = (t.value ?? "").split("/"), j = parseInt(n), K = parseInt(d), B = parseInt(C);
-      if (z(B, j, K))
-        return new Date(B, j - 1, K);
+    if ((t.value ?? "").length === 10 && b.value.length === 8) {
+      const [n, d, C] = (t.value ?? "").split("/"), G = parseInt(n), K = parseInt(d), B = parseInt(C);
+      if (_(B, G, K))
+        return new Date(B, G - 1, K);
     }
     return null;
-  }), y = h(() => (t.value ?? "").length === 10 && S.value.length === 8), R = (n, d) => new Date(n, d, 0).getDate(), z = (n, d, C) => d >= 1 && d <= 12 && n >= 1900 && C >= 1 && C <= R(n, d), X = (n) => {
+  }), y = h(() => (t.value ?? "").length === 10 && b.value.length === 8), R = (n, d) => new Date(n, d, 0).getDate(), _ = (n, d, C) => d >= 1 && d <= 12 && n >= 1900 && C >= 1 && C <= R(n, d), X = (n) => {
     t.value = n.value;
     const d = n.event?.target;
     s.value = d?.selectionStart ?? 0, T(n);
   }, ne = (n) => {
     s.value = n.target.selectionStart ?? 0;
   }, o = (n, d, C) => {
-    const j = d?.selectionStart ?? s.value ?? 0;
-    s.value = j;
+    const G = d?.selectionStart ?? s.value ?? 0;
+    s.value = G;
     let K = parseInt(I.value), B = parseInt(E.value), Z = parseInt(M.value);
-    if (!(S.value.length >= 8) || !z(Z, K, B)) {
-      const _ = e.defaultValue ?? /* @__PURE__ */ new Date();
-      K = _.getMonth() + 1, B = _.getDate(), Z = _.getFullYear(), t.value = `${String(K).padStart(2, "0")}/${String(B).padStart(
+    if (!(b.value.length >= 8) || !_(Z, K, B)) {
+      const z = e.defaultValue ?? /* @__PURE__ */ new Date();
+      K = z.getMonth() + 1, B = z.getDate(), Z = z.getFullYear(), t.value = `${String(K).padStart(2, "0")}/${String(B).padStart(
         2,
         "0"
       )}/${String(Z)}`;
@@ -427,12 +424,12 @@ function ze(e) {
       e.onChange({ value: O(q) ? q : null, event: C }), g({ useRAF: !0 });
       return;
     }
-    const a = w(j);
+    const a = w(G);
     if (a === "mm")
       K = n === "ArrowUp" ? K < 12 ? K + 1 : 1 : K > 1 ? K - 1 : 12;
     else if (a === "dd") {
-      const _ = new Date(Z, K, 0).getDate();
-      B = n === "ArrowUp" ? B < _ ? B + 1 : 1 : B > 1 ? B - 1 : _;
+      const z = new Date(Z, K, 0).getDate();
+      B = n === "ArrowUp" ? B < z ? B + 1 : 1 : B > 1 ? B - 1 : z;
     } else a === "yyyy" && (Z = n === "ArrowUp" ? Z + 1 : Math.max(1, Z - 1));
     t.value = `${String(K).padStart(2, "0")}/${String(B).padStart(
       2,
@@ -469,7 +466,7 @@ function ze(e) {
     o(d, n.target, n);
   }, c = (n) => {
     const d = n.target;
-    if (b.includes(n.key)) {
+    if (S.includes(n.key)) {
       s.value = d?.selectionStart ?? 0;
       return;
     }
@@ -478,7 +475,7 @@ function ze(e) {
       s.value = d?.selectionStart ?? 0;
     }
   }, v = (n) => {
-    N.value = !0, L.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && S.value.length === 0 && (e.externalValue.value = "");
+    N.value = !0, L.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && b.value.length === 0 && (e.externalValue.value = "");
     const d = n.target;
     d && (s.value = d.selectionStart ?? 0);
   }, g = (n) => {
@@ -487,13 +484,13 @@ function ze(e) {
         e.id
       );
       if (!C) return;
-      const j = n?.pos ?? s.value ?? C.value.length;
+      const G = n?.pos ?? s.value ?? C.value.length;
       try {
-        C.focus(), C.setSelectionRange(j, j);
+        C.focus(), C.setSelectionRange(G, G);
       } catch {
       }
     };
-    G(() => {
+    W(() => {
       if (n?.delay && n.delay > 0) {
         setTimeout(d, n.delay);
         return;
@@ -511,8 +508,8 @@ function ze(e) {
       if (n) {
         const d = new Date(n);
         if (d.toString() !== "Invalid Date") {
-          const C = (d.getMonth() + 1).toString().padStart(2, "0"), j = d.getDate().toString().padStart(2, "0"), K = d.getFullYear().toString();
-          t.value = `${C}/${j}/${K}`, g({ delay: 50 });
+          const C = (d.getMonth() + 1).toString().padStart(2, "0"), G = d.getDate().toString().padStart(2, "0"), K = d.getFullYear().toString();
+          t.value = `${C}/${G}/${K}`, g({ delay: 50 });
           return;
         }
       }
@@ -521,7 +518,7 @@ function ze(e) {
   );
   const k = h(() => [
     ["Date", `${I.value} / ${E.value} / ${M.value}`],
-    ["Digits only", S.value],
+    ["Digits only", b.value],
     [
       "min",
       e.min?.toLocaleDateString("en-US", {
@@ -547,19 +544,19 @@ function ze(e) {
     if (!N.value) return !0;
     const n = f.value;
     return !y.value || !n ? !1 : O(n);
-  }), W = h(() => {
+  }), j = h(() => {
     if (!L.value) {
       if (!y.value) return;
       const d = f.value;
       return d ? O(d) ? "valid" : "out-of-bounds" : "invalid-date";
     }
     if (!N.value) return;
-    if (S.value.length === 0 || !y.value)
+    if (b.value.length === 0 || !y.value)
       return "incomplete";
     const n = f.value;
     return n ? O(n) ? "valid" : "out-of-bounds" : "invalid-date";
   }), oe = h(() => {
-    const n = W.value;
+    const n = j.value;
     if (!n || n === "valid") return "";
     if (n === "incomplete")
       return "Required";
@@ -581,7 +578,7 @@ function ze(e) {
     }
     return "";
   }), le = () => {
-    G(() => {
+    W(() => {
       const n = document.getElementById(
         e.id
       );
@@ -614,12 +611,12 @@ function ze(e) {
     debugLines: k,
     placeholder: P,
     isValid: D,
-    reason: H(W),
+    reason: Y(j),
     validationMessage: oe,
-    digitsOnly: S,
-    month: H(I),
-    day: H(E),
-    year: H(M),
+    digitsOnly: b,
+    month: Y(I),
+    day: Y(E),
+    year: Y(M),
     datePart: w,
     handleChange: X,
     handleKeyDown: m,
@@ -632,8 +629,8 @@ function ze(e) {
   };
 }
 function Xe(e) {
-  const t = J(""), s = J(void 0), U = J(!!e.debug), P = J(!1), L = 1440 * 60 * 1e3, N = 365 * L, A = /* @__PURE__ */ new Date(), b = new Date(A.getTime() - N), S = new Date(A.getTime() + N);
-  e.min = e.min ?? b, e.max = e.max ?? S;
+  const t = J(""), s = J(void 0), U = J(!!e.debug), P = J(!1), L = 1440 * 60 * 1e3, N = 365 * L, A = /* @__PURE__ */ new Date(), S = new Date(A.getTime() - N), b = new Date(A.getTime() + N);
+  e.min = e.min ?? S, e.max = e.max ?? b;
   const w = h(() => (t.value ?? "").replace(/\D/g, "")), I = (r, u) => new Date(r, u, 0).getDate(), E = (r, u, p) => u >= 1 && u <= 12 && r >= 1e3 && p >= 1 && p <= I(r, u), M = (r) => Date.UTC(r.getFullYear(), r.getMonth(), r.getDate()), T = (r) => {
     if (!r) return null;
     const u = e.min ?? new Date(Date.now() - 90 * L), p = e.max ?? /* @__PURE__ */ new Date(), x = M(r);
@@ -643,8 +640,8 @@ function Xe(e) {
       return { start: null, end: null };
     const u = r.substring(0, 10), p = r.substring(13, 23), [x, ee, te] = u.split("/").map((ce) => parseInt(ce || "0", 10)), [se, fe, pe] = p.split("/").map((ce) => parseInt(ce || "0", 10)), me = new Date(te, x - 1, ee), he = new Date(pe, se - 1, fe), we = E(te, x, ee) && me.toString() !== "Invalid Date", ke = E(pe, se, fe) && he.toString() !== "Invalid Date";
     return { start: we ? me : null, end: ke ? he : null };
-  }, R = e.externalValid ?? J(!0), z = h(() => y(t.value)), X = h(() => {
-    const r = T(z.value.start), u = T(z.value.end);
+  }, R = e.externalValid ?? J(!0), _ = h(() => y(t.value)), X = h(() => {
+    const r = T(_.value.start), u = T(_.value.end);
     return { start: r, end: u };
   }), ne = h(() => {
     if (!f.value) return;
@@ -654,12 +651,12 @@ function Xe(e) {
     return Math.round(p / 864e5 + 1);
   }), o = h(() => {
     if (!f.value) return !1;
-    const { start: r, end: u } = z.value;
+    const { start: r, end: u } = _.value;
     if (!r || !u || !X.value.start || !X.value.end) return !1;
     const p = X.value.start, x = X.value.end;
     return !(!O(p, x) || typeof e.maxSpanDays == "number" && ne.value !== void 0 && ne.value > e.maxSpanDays);
   }), m = h(() => {
-    const { start: r, end: u } = z.value;
+    const { start: r, end: u } = _.value;
     if (!f.value) return "incomplete";
     if (!r || !u) return "invalid-date";
     if (!X.value.start || !X.value.end) return "out-of-bounds";
@@ -686,13 +683,13 @@ function Xe(e) {
   }), v = ["ArrowUp", "ArrowDown"], g = ["ArrowLeft", "ArrowRight"], k = (r, u) => String(r).padStart(u, "0"), D = (r) => `${k(r.getMonth() + 1, 2)}/${k(r.getDate(), 2)}/${k(
     r.getFullYear(),
     4
-  )}`, W = (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" }, oe = (r, u, p) => {
+  )}`, j = (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" }, oe = (r, u, p) => {
     const x = u?.selectionStart ?? s.value ?? 0;
     s.value = x;
     const { start: ee, end: te } = y(t.value);
     if (!ee && !te) {
-      const Y = /* @__PURE__ */ new Date(), ue = D(Y);
-      t.value = `${ue} - ${ue}`, e.onChange({ value: { start: Y, end: Y }, event: p }), G(() => {
+      const H = /* @__PURE__ */ new Date(), ue = D(H);
+      t.value = `${ue} - ${ue}`, e.onChange({ value: { start: H, end: H }, event: p }), W(() => {
         requestAnimationFrame(() => {
           const re = document.getElementById(
             e.id
@@ -702,34 +699,34 @@ function Xe(e) {
       });
       return;
     }
-    const se = /* @__PURE__ */ new Date(), fe = W(x);
+    const se = /* @__PURE__ */ new Date(), fe = j(x);
     let pe = ee ? new Date(ee) : new Date(se), me = te ? new Date(te) : new Date(se);
-    const he = (Y, ue) => {
+    const he = (H, ue) => {
       if (ue === "mm") {
-        const re = Y.getMonth() + 1, ae = r === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
-        Y.setMonth(ae - 1);
-        const Se = I(Y.getFullYear(), ae);
-        Y.getDate() > Se && Y.setDate(Se);
+        const re = H.getMonth() + 1, ae = r === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
+        H.setMonth(ae - 1);
+        const be = I(H.getFullYear(), ae);
+        H.getDate() > be && H.setDate(be);
       } else if (ue === "dd") {
-        const re = I(Y.getFullYear(), Y.getMonth() + 1), ae = Y.getDate(), Se = r === "ArrowUp" ? ae < re ? ae + 1 : 1 : ae > 1 ? ae - 1 : re;
-        Y.setDate(Se);
+        const re = I(H.getFullYear(), H.getMonth() + 1), ae = H.getDate(), be = r === "ArrowUp" ? ae < re ? ae + 1 : 1 : ae > 1 ? ae - 1 : re;
+        H.setDate(be);
       } else if (ue === "yyyy") {
-        const re = Y.getFullYear();
-        Y.setFullYear(r === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
-        const ae = I(Y.getFullYear(), Y.getMonth() + 1);
-        Y.getDate() > ae && Y.setDate(ae);
+        const re = H.getFullYear();
+        H.setFullYear(r === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
+        const ae = I(H.getFullYear(), H.getMonth() + 1);
+        H.getDate() > ae && H.setDate(ae);
       }
     };
     fe.side === "start" ? he(pe, fe.part) : he(me, fe.part);
     const we = D(pe), ke = D(me);
     t.value = `${we} - ${ke}`;
     const ce = T(pe), De = T(me);
-    ce && De && O(ce, De) ? e.onChange({ value: { start: ce, end: De }, event: p }) : e.onChange({ value: null, event: p }), G(() => {
+    ce && De && O(ce, De) ? e.onChange({ value: { start: ce, end: De }, event: p }) : e.onChange({ value: null, event: p }), W(() => {
       requestAnimationFrame(() => {
-        const Y = document.getElementById(
+        const H = document.getElementById(
           e.id
         ), ue = s.value ?? 0;
-        Y && (Y.focus(), Y.setSelectionRange(ue, ue));
+        H && (H.focus(), H.setSelectionRange(ue, ue));
       });
     });
   }, le = (r) => {
@@ -774,7 +771,7 @@ function Xe(e) {
       oe(r.key, u, r);
       return;
     }
-  }, j = (r) => {
+  }, G = (r) => {
     r.preventDefault();
     const u = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
     oe(u, r.target, r);
@@ -788,7 +785,7 @@ function Xe(e) {
   }, Z = (r) => {
     B();
   }, ie = (r) => {
-    console.log("Clear event:", r), t.value = "", s.value = 0, e.onChange({ value: null, event: r }), B(), G(() => {
+    console.log("Clear event:", r), t.value = "", s.value = 0, e.onChange({ value: null, event: r }), B(), W(() => {
       const u = document.getElementById(
         e.id
       );
@@ -821,7 +818,7 @@ function Xe(e) {
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
   ), V = h(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), _ = h(
+  ), z = h(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
   ), q = h(() => {
     const { start: r, end: u } = y(t.value);
@@ -848,7 +845,7 @@ function Xe(e) {
         label: "End",
         value: `${String(F.value).padStart(2, "0")} / ${String(
           V.value
-        ).padStart(2, "0")} / ${String(_.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String(z.value).padStart(4, "0")}`
       },
       { label: "Digits only", value: w.value },
       { label: "Mask complete", value: `${f.value}` },
@@ -868,13 +865,13 @@ function Xe(e) {
       {
         label: "Cursor in",
         value: `${s.value ?? "-"} (${(() => {
-          const p = s.value ?? 0, x = W(p);
+          const p = s.value ?? 0, x = j(p);
           return `${x.side}.${x.part}`;
         })()})`
       }
     ];
   }), Q = () => {
-    G(() => {
+    W(() => {
       const r = document.getElementById(e.id);
       if (!r) {
         console.warn(`#${e.id} not found for styling.`);
@@ -892,7 +889,7 @@ function Xe(e) {
     Q();
   });
   const ye = () => {
-    G(() => {
+    W(() => {
       try {
         const r = Array.from(
           document.querySelectorAll(".k-animation-container")
@@ -927,19 +924,19 @@ function Xe(e) {
     debugLines: q,
     digitsOnly: w,
     valid: R,
-    validComputed: H(o),
-    reason: H(m),
-    validationMessage: H(c),
-    spanDays: H(ne),
-    month1: H(a),
-    day1: H(l),
-    year1: H($),
-    month2: H(F),
-    day2: H(V),
-    year2: H(_),
+    validComputed: Y(o),
+    reason: Y(m),
+    validationMessage: Y(c),
+    spanDays: Y(ne),
+    month1: Y(a),
+    day1: Y(l),
+    year1: Y($),
+    month2: Y(F),
+    day2: Y(V),
+    year2: Y(z),
     handleChange: n,
     handleKeyDown: C,
-    handleWheel: j,
+    handleWheel: G,
     handleKeyUp: K,
     handleClick: d,
     handleBlur: Z,
@@ -951,7 +948,7 @@ function Xe(e) {
   };
 }
 function Je(e) {
-  const t = J(""), s = J(void 0), U = J(!!e.debug), P = J(e.timeFormat ?? "hh:mm AM"), L = h(() => !!e.required), N = J(!1), A = ["ArrowUp", "ArrowDown"], b = ["ArrowLeft", "ArrowRight"], S = h(() => (t.value ?? "").replace(/\D/g, "")), w = {
+  const t = J(""), s = J(void 0), U = J(!!e.debug), P = J(e.timeFormat ?? "hh:mm AM"), L = h(() => !!e.required), N = J(!1), A = ["ArrowUp", "ArrowDown"], S = ["ArrowLeft", "ArrowRight"], b = h(() => (t.value ?? "").replace(/\D/g, "")), w = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
@@ -975,17 +972,17 @@ function Je(e) {
       2,
       "0"
     )} ${$}`;
-  }, z = (a) => {
+  }, _ = (a) => {
     const l = a.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!l) return null;
     const $ = parseInt(l[1]), F = parseInt(l[2]), V = l[3].toUpperCase();
     if ($ < 1 || $ > 12 || F < 0 || F > 59) return null;
-    let _ = $ % 12;
-    V === "PM" && (_ += 12);
+    let z = $ % 12;
+    V === "PM" && (z += 12);
     const q = /* @__PURE__ */ new Date();
-    return q.setSeconds(0, 0), q.setHours(_), q.setMinutes(F), q;
+    return q.setSeconds(0, 0), q.setHours(z), q.setMinutes(F), q;
   }, X = (a) => {
-    if (S.value.length === 0) {
+    if (b.value.length === 0) {
       e.onChange({ value: null, event: a });
       return;
     }
@@ -993,7 +990,7 @@ function Je(e) {
       e.onChange({ value: null, event: a });
       return;
     }
-    const l = z(t.value);
+    const l = _(t.value);
     l && o(l) ? e.onChange({ value: l, event: a }) : e.onChange({ value: null, event: a });
   }, ne = (a) => a.getHours() * 60 + a.getMinutes(), o = (a) => {
     const l = e.min ?? void 0, $ = e.max ?? void 0, F = ne(a);
@@ -1012,7 +1009,7 @@ function Je(e) {
   }, i = (a, l) => {
     e.onChange({ value: a, event: l });
   }, c = () => {
-    G(() => {
+    W(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const a = document.getElementById(
@@ -1055,15 +1052,15 @@ function Je(e) {
     try {
       const V = s.value ?? 0;
       if (I(V) === "ampm" && (t.value ?? "").length >= 8) {
-        const _ = t.value.charAt(6);
-        /[Aa]/.test(_) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, G(() => {
+        const z = t.value.charAt(6);
+        /[Aa]/.test(z) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, W(() => {
           requestAnimationFrame(() => {
             const q = document.getElementById(
               e.id
             );
             q && (q.focus(), q.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(_) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, G(() => {
+        })) : /[Pp]/.test(z) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, W(() => {
           requestAnimationFrame(() => {
             const q = document.getElementById(
               e.id
@@ -1077,16 +1074,16 @@ function Je(e) {
     X(l);
   }, D = (a) => {
     s.value = a.target.selectionStart ?? 0;
-  }, W = (a, l, $) => {
+  }, j = (a, l, $) => {
     const F = l?.selectionStart ?? s.value ?? 0;
     s.value = F;
-    const V = I(F), _ = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!_) {
-      if ((t.value ?? "").length === 0 || S.value.length === 0) {
+    const V = I(F), z = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    if (!z) {
+      if ((t.value ?? "").length === 0 || b.value.length === 0) {
         const u = /* @__PURE__ */ new Date(), p = u.getHours(), x = p >= 12 ? "PM" : "AM";
         t.value = R(p, u.getMinutes(), x);
-        const ee = z(t.value);
-        g(ee, $), G(() => {
+        const ee = _(t.value);
+        g(ee, $), W(() => {
           requestAnimationFrame(() => {
             const te = document.getElementById(
               e.id
@@ -1097,7 +1094,7 @@ function Je(e) {
       }
       return;
     }
-    let q = parseInt(_[1]), Q = parseInt(_[2]), ye = _[3].toUpperCase();
+    let q = parseInt(z[1]), Q = parseInt(z[2]), ye = z[3].toUpperCase();
     if (V === "hh")
       a === "ArrowUp" ? q = q < 12 ? q + 1 : 1 : q = q > 1 ? q - 1 : 12;
     else if (V === "mm") {
@@ -1118,8 +1115,8 @@ function Je(e) {
       2,
       "0"
     )} ${ye}`;
-    const r = z(t.value);
-    g(r, $), G(() => {
+    const r = _(t.value);
+    g(r, $), W(() => {
       requestAnimationFrame(() => {
         const u = document.getElementById(
           e.id
@@ -1140,16 +1137,16 @@ function Je(e) {
       if (a.altKey) return;
       a.preventDefault(), a.stopPropagation();
       const l = a.target;
-      W(a.key, l, a);
+      j(a.key, l, a);
       return;
     }
   }, le = (a) => {
     a.preventDefault();
     const l = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    W(l, a.target, a);
+    j(l, a.target, a);
   }, n = (a) => {
     const l = a.target;
-    if (b.includes(a.key)) {
+    if (S.includes(a.key)) {
       s.value = l?.selectionStart ?? 0;
       return;
     }
@@ -1158,7 +1155,7 @@ function Je(e) {
       s.value = l?.selectionStart ?? 0;
     }
   }, d = (a) => {
-    N.value = !0, L.value && e.externalValue && e.externalValue.value === void 0 && S.value.length === 0 && (e.externalValue.value = "");
+    N.value = !0, L.value && e.externalValue && e.externalValue.value === void 0 && b.value.length === 0 && (e.externalValue.value = "");
     const l = a.target;
     l && (s.value = l.selectionStart ?? 0);
   };
@@ -1183,10 +1180,10 @@ function Je(e) {
     ["Minute", M.value],
     ["Period", T.value],
     ["Time (24h)", f.value ?? "--:--:--"],
-    ["Digits only", S.value],
+    ["Digits only", b.value],
     [
       "Parsed Date",
-      j.value?.toLocaleDateString("en-US", {
+      G.value?.toLocaleDateString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
@@ -1208,27 +1205,27 @@ function Je(e) {
     ["valid", K.value],
     ["reason", B.value],
     ["validationMessage", Z.value]
-  ]), j = h(
-    () => z(t.value) ?? null
+  ]), G = h(
+    () => _(t.value) ?? null
   ), K = h(() => {
     if (!L.value) {
       if (!y.value) return !0;
-      const l = j.value;
+      const l = G.value;
       return l ? o(l) : !1;
     }
     if (!N.value) return !0;
-    const a = j.value;
+    const a = G.value;
     return !y.value || !a ? !1 : o(a);
   }), B = h(() => {
     if (!L.value) {
       if (!y.value) return;
-      const l = j.value;
+      const l = G.value;
       return l ? o(l) ? "valid" : "out-of-bounds" : "invalid-time";
     }
     if (!N.value) return;
-    if (S.value.length === 0 || !y.value)
+    if (b.value.length === 0 || !y.value)
       return "incomplete";
-    const a = j.value;
+    const a = G.value;
     return a ? o(a) ? "valid" : "out-of-bounds" : "invalid-time";
   }), Z = h(() => {
     const a = B.value;
@@ -1248,7 +1245,7 @@ function Je(e) {
     }
     return "";
   }), ie = () => {
-    G(() => {
+    W(() => {
       const a = document.getElementById(e.id);
       if (!a) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1280,17 +1277,17 @@ function Je(e) {
     debugLines: C,
     placeholder: P,
     isValid: K,
-    reason: H(B),
+    reason: Y(B),
     validationMessage: Z,
     isComplete: y,
     inRangeTime: o,
     cursorPos: s,
-    hour: H(E),
-    hour24: H(O),
-    minute: H(M),
-    period: H(T),
-    time24: H(f),
-    parsedRawTime: H(j),
+    hour: Y(E),
+    hour24: Y(O),
+    minute: Y(M),
+    period: Y(T),
+    time24: Y(f),
+    parsedRawTime: Y(G),
     handleChange: k,
     handleKeyDown: oe,
     handleKeyUp: n,
@@ -1326,7 +1323,7 @@ function Ne(e, t, s) {
   );
 }
 const $e = Ce ? window : void 0;
-function be(e) {
+function Se(e) {
   var t;
   const s = de(e);
   return (t = s?.$el) != null ? t : s;
@@ -1334,28 +1331,28 @@ function be(e) {
 function Ee(...e) {
   const t = [], s = () => {
     t.forEach((A) => A()), t.length = 0;
-  }, U = (A, b, S, w) => (A.addEventListener(b, S, w), () => A.removeEventListener(b, S, w)), P = h(() => {
-    const A = Ae(de(e[0])).filter((b) => b != null);
-    return A.every((b) => typeof b != "string") ? A : void 0;
+  }, U = (A, S, b, w) => (A.addEventListener(S, b, w), () => A.removeEventListener(S, b, w)), P = h(() => {
+    const A = Ae(de(e[0])).filter((S) => S != null);
+    return A.every((S) => typeof S != "string") ? A : void 0;
   }), L = Ne(
     () => {
-      var A, b;
+      var A, S;
       return [
-        (b = (A = P.value) == null ? void 0 : A.map((S) => be(S))) != null ? b : [$e].filter((S) => S != null),
+        (S = (A = P.value) == null ? void 0 : A.map((b) => Se(b))) != null ? S : [$e].filter((b) => b != null),
         Ae(de(P.value ? e[1] : e[0])),
         Ae(Fe(P.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         de(P.value ? e[3] : e[2])
       ];
     },
-    ([A, b, S, w]) => {
-      if (s(), !A?.length || !b?.length || !S?.length)
+    ([A, S, b, w]) => {
+      if (s(), !A?.length || !S?.length || !b?.length)
         return;
       const I = Ke(w) ? { ...w } : w;
       t.push(
         ...A.flatMap(
-          (E) => b.flatMap(
-            (M) => S.map((T) => U(E, M, T, I))
+          (E) => S.flatMap(
+            (M) => b.map((T) => U(E, M, T, I))
           )
         )
       );
@@ -1367,7 +1364,7 @@ function Ee(...e) {
   return Ue(s), N;
 }
 let Me = !1;
-function Ye(e, t, s = {}) {
+function He(e, t, s = {}) {
   const { window: U = $e, ignore: P = [], capture: L = !0, detectIframe: N = !1, controls: A = !1 } = s;
   if (!U)
     return A ? { stop: ve, cancel: ve, trigger: ve } : ve;
@@ -1376,12 +1373,12 @@ function Ye(e, t, s = {}) {
     const f = { passive: !0 };
     Array.from(U.document.body.children).forEach((y) => y.addEventListener("click", ve, f)), U.document.documentElement.addEventListener("click", ve, f);
   }
-  let b = !0;
-  const S = (f) => de(P).some((y) => {
+  let S = !0;
+  const b = (f) => de(P).some((y) => {
     if (typeof y == "string")
       return Array.from(U.document.querySelectorAll(y)).some((R) => R === f.target || f.composedPath().includes(R));
     {
-      const R = be(y);
+      const R = Se(y);
       return R && (f.target === R || f.composedPath().includes(R));
     }
   });
@@ -1390,14 +1387,14 @@ function Ye(e, t, s = {}) {
     return y && y.$.subTree.shapeFlag === 16;
   }
   function I(f, y) {
-    const R = de(f), z = R.$.subTree && R.$.subTree.children;
-    return z == null || !Array.isArray(z) ? !1 : z.some((X) => X.el === y.target || y.composedPath().includes(X.el));
+    const R = de(f), _ = R.$.subTree && R.$.subTree.children;
+    return _ == null || !Array.isArray(_) ? !1 : _.some((X) => X.el === y.target || y.composedPath().includes(X.el));
   }
   const E = (f) => {
-    const y = be(e);
+    const y = Se(e);
     if (f.target != null && !(!(y instanceof Element) && w(e) && I(e, f)) && !(!y || y === f.target || f.composedPath().includes(y))) {
-      if ("detail" in f && f.detail === 0 && (b = !S(f)), !b) {
-        b = !0;
+      if ("detail" in f && f.detail === 0 && (S = !b(f)), !S) {
+        S = !0;
         return;
       }
       t(f);
@@ -1411,13 +1408,13 @@ function Ye(e, t, s = {}) {
       }, 0), E(f));
     }, { passive: !0, capture: L }),
     Ee(U, "pointerdown", (f) => {
-      const y = be(e);
-      b = !S(f) && !!(y && !f.composedPath().includes(y));
+      const y = Se(e);
+      S = !b(f) && !!(y && !f.composedPath().includes(y));
     }, { passive: !0 }),
     N && Ee(U, "blur", (f) => {
       setTimeout(() => {
         var y;
-        const R = be(e);
+        const R = Se(e);
         ((y = U.document.activeElement) == null ? void 0 : y.tagName) === "IFRAME" && !R?.contains(U.document.activeElement) && t(f);
       }, 0);
     }, { passive: !0 })
@@ -1425,10 +1422,10 @@ function Ye(e, t, s = {}) {
   return A ? {
     stop: O,
     cancel: () => {
-      b = !1;
+      S = !1;
     },
     trigger: (f) => {
-      b = !0, E(f), b = !1;
+      S = !0, E(f), S = !1;
     }
   } : O;
 }
@@ -1447,8 +1444,8 @@ function Qe(e) {
     initialFocus: () => P(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let A = null, b = J(null);
-  const S = () => {
+  let A = null, S = J(null);
+  const b = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
     const w = (E, M) => {
       const T = Array.from(E.querySelectorAll(M));
@@ -1468,26 +1465,26 @@ function Qe(e) {
     }
     return null;
   };
-  return Ye(t, (w) => {
-    b.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", w);
+  return He(t, (w) => {
+    S.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", w);
   }), ge(
     () => e.isOpen.value,
     (w) => {
-      w ? (b.value = null, G(() => {
-        const I = S();
+      w ? (S.value = null, W(() => {
+        const I = b();
         I && (t.value = I, setTimeout(() => L(), 0), A || (A = (E) => {
-          E.key === "Escape" && (b.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", E));
+          E.key === "Escape" && (S.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", E));
         }, document.addEventListener("keydown", A, !0)));
-      })) : (N(), A && (document.removeEventListener("keydown", A, !0), A = null), t.value = null, b.value === "outside" && G(() => {
+      })) : (N(), A && (document.removeEventListener("keydown", A, !0), A = null), t.value = null, S.value === "outside" && W(() => {
         const I = () => {
           const E = e.triggerEl?.value, M = E?.querySelector("input"), T = document.activeElement;
           T && (T === M || E && E.contains(T)) && (M ?? E)?.blur?.();
         };
         requestAnimationFrame(() => setTimeout(I, 0));
-      }), e.returnFocusToTrigger !== !1 && b.value === "escape" && e.triggerEl?.value && (console.log(
+      }), e.returnFocusToTrigger !== !1 && S.value === "escape" && e.triggerEl?.value && (console.log(
         "Returning focus to trigger element:",
         e.triggerEl.value
-      ), G(() => {
+      ), W(() => {
         const I = () => {
           const E = e.triggerEl?.value;
           if (!E) return;
@@ -1500,11 +1497,11 @@ function Qe(e) {
     popupRef: t,
     activate: L,
     deactivate: N,
-    lastCloseReason: H(b),
+    lastCloseReason: Y(S),
     setPopupEl: (w) => t.value = w
   };
 }
-const He = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), We = (e) => !!e && typeof e == "object" && "field" in e, Pe = (e, t) => !e || typeof e != "object" ? !1 : He(e) ? e.filters.some(
+const Ye = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), We = (e) => !!e && typeof e == "object" && "field" in e, Pe = (e, t) => !e || typeof e != "object" ? !1 : Ye(e) ? e.filters.some(
   (s) => Pe(s, t)
 ) : We(e) ? e.field === t : !1, Ze = (e) => {
   const t = J({}), s = (P) => !e.value || !e.value.filters ? !1 : e.value.filters.some(

package/dist/featherk-composables.umd.js

@@ -1 +1 @@
-(function(te,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@vueuse/integrations/useFocusTrap")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/integrations/useFocusTrap"],t):(te=typeof globalThis<"u"?globalThis:te||self,t(te.FeatherKComposables={},te.Vue,te.useFocusTrap))})(this,(function(te,t,xe){"use strict";const Me=(e,n)=>{const c=t.ref(null);let U=!1,$=null,I=null;const N=[],A=".k-table-row[data-grid-row-index] [tabindex]",b=l=>l.key==="Enter"||l.code==="Enter"||l.code==="NumpadEnter",S=()=>e?.value?.columns,w=l=>{const y=l.key||l.code;([" ","Spacebar","Space"].includes(y)||b(l))&&(l.preventDefault(),l.stopPropagation(),c.value=l.target,l.target.click())},P=l=>{if(!c.value)return;if(l.code==="Escape"){l.stopPropagation(),c.value&&c.value.focus();return}const y=Array.from(document.querySelectorAll(".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item")),s=document.querySelector(".k-animation-container .k-popup .k-column-menu .k-filter-menu-container");if(s){if(l.code==="Tab"){const d=[".k-dropdownlist[tabindex='0']","input.k-input-inner:not([tabindex='-1']):not([disabled])","button:not([tabindex='-1']):not([disabled])",".k-checkbox"],g=n?.focusableMenuSelectors??d,h=Array.from(s.querySelectorAll(g.join(",")));if(h.length===0)return;const k=h.findIndex(H=>H===document.activeElement);let D;k===-1?D=0:l.shiftKey?D=(k-1+h.length)%h.length:D=(k+1)%h.length,l.preventDefault(),l.stopPropagation(),h[D]?.focus()}}else if(l.code==="ArrowUp"||l.code==="ArrowDown"){l.preventDefault(),l.stopPropagation();const d=y.findIndex(h=>h===document.activeElement);let g=d;l.code==="ArrowUp"?g=d>0?d-1:y.length-1:l.code==="ArrowDown"&&(g=d<y.length-1?d+1:0),y[g]?.focus();return}if(l.code==="Tab"){l.preventDefault(),l.stopPropagation();const d=c.value?.parentElement;(l.shiftKey?d?.previousElementSibling:d?.nextElementSibling)?.querySelector("button, [role='button'], .k-link")?.focus()}},E=()=>{$=new MutationObserver(l=>{l.forEach(y=>{y.addedNodes.forEach(s=>{if(s.nodeType===Node.ELEMENT_NODE){const d=s;if(d.classList.contains("k-animation-container")){const h=c.value;h&&(h.dataset.featherKSortable==="true"||t.nextTick(()=>{d.querySelectorAll(".k-columnmenu-item-wrapper").forEach(H=>{H.textContent?.toLowerCase().includes("sort")&&H.remove()})})),d.addEventListener("keydown",P),t.nextTick(()=>{const k=()=>{const D=Array.from(d.querySelectorAll(".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"));if(D.length===1)D[0].focus(),D[0].click(),k.attempts=0;else if(D.length>1){k.attempts=0;return}else k.attempts===void 0&&(k.attempts=0),k.attempts++<3&&setTimeout(k,200)};k()})}d.querySelectorAll(".k-animation-container").forEach(h=>{h.addEventListener("keydown",P)})}}),y.removedNodes.forEach(s=>{if(s.nodeType===Node.ELEMENT_NODE){const d=s;d.classList.contains("k-animation-container")&&d.removeEventListener("keydown",P),d.querySelectorAll(".k-animation-container").forEach(h=>{h.removeEventListener("keydown",P)})}})})}),$.observe(document.body,{childList:!0,subtree:!0})},M=l=>{const y=l.tagName.toLowerCase();return!!(["input","textarea","select","button"].includes(y)||l.closest('.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'))},F=l=>{if(!l.type||!l)return;const y=l.target;if(y&&!M(y)){if(l.code==="Escape"){const s=document.activeElement?.closest(".k-table-row[data-grid-row-index]");if(s){l.preventDefault(),l.stopPropagation();try{Array.from(e?.value.$el.querySelectorAll(".k-table-row[data-grid-row-index]")).forEach(g=>g.setAttribute("tabindex","-1"))}catch{}s.setAttribute("tabindex","0"),s.focus();return}}if(["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter","NumpadEnter","Space"].includes(l.code)){if(y.classList.contains("k-grid-header-menu")&&y.classList.contains("k-grid-column-menu")){c.value=y;return}const s=y.closest(".k-table-row[data-grid-row-index]");if(s){if(["ArrowDown","ArrowUp"].includes(l.code)){l.preventDefault(),l.stopPropagation();const d=(h,k)=>{let D=k==="next"?h.nextElementSibling:h.previousElementSibling;for(;D;){const H=D;try{if(H.classList.contains("k-table-row"))return H}catch{}D=k==="next"?D.nextElementSibling:D.previousElementSibling}return null},g=l.code==="ArrowDown"?d(s,"next"):d(s,"previous");g&&(s.setAttribute("tabindex","-1"),g.setAttribute("tabindex","0"),g.focus());return}if(["ArrowLeft","ArrowRight"].includes(l.code)){l.preventDefault(),l.stopPropagation();const d=s.querySelectorAll(A);if(d.length===0)return;let g=Array.from(d).findIndex(h=>h===document.activeElement);if(g===-1&&document.activeElement===s){d[0].focus();return}l.code==="ArrowRight"?g=g===d.length-1?0:g+1:l.code==="ArrowLeft"&&(g=g===d.length-1?g-1:d.length-1),d[g].focus();return}}}}},O=()=>{t.nextTick(()=>{const l=e.value.$el.closest(".k-grid");l&&l.classList.add("fk-grid")})},p=()=>{if(!I)try{const l=()=>{try{const d=Array.from(e.value.$el.querySelectorAll(".k-table-row[data-grid-row-index]"));if(!d||d.length===0||d.filter(k=>k.getAttribute("tabindex")==="0").length===1)return;const h=d.find(k=>k===document.activeElement||k.contains(document.activeElement));if(d.forEach(k=>k.setAttribute("tabindex","-1")),h){h.setAttribute("tabindex","0");return}d[0].setAttribute("tabindex","0")}catch(d){console.error("ensureSingleTabindex error:",d)}},y=Array.from(e.value.$el.querySelectorAll(".k-table-row[data-grid-row-index]"));y.length>0&&y.forEach((d,g)=>{d.setAttribute("tabindex",g===0?"0":"-1")});const s=e.value.$el.querySelector(".k-table-tbody");s&&(I=new MutationObserver(()=>{l()}),I.observe(s,{childList:!0,subtree:!0}))}catch(l){console.error("Error setting up row navigation:",l)}},v=()=>{t.nextTick(()=>{const y=document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");y&&y.forEach(s=>{s.setAttribute("role","button"),s.addEventListener("keydown",w)}),E(),W()})},R=()=>{const y=document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");y&&y.forEach(s=>{s.removeEventListener("keydown",w)}),$&&($.disconnect(),$=null),I&&(I.disconnect(),I=null),N.forEach(s=>s()),N.length=0},W=()=>{document.querySelectorAll(".k-grid-header .k-table-thead th").forEach((s,d)=>{const g=s.querySelector(".k-grid-header-menu.k-grid-column-menu");if(!g)return;const h=S();if(h&&h[d]){const r=h[d].field??"";s.setAttribute("data-feather-k-field",r),s.setAttribute("data-feather-k-filterable",h[d].filterable===!1?"false":"true"),s.setAttribute("data-feather-k-sortable",h[d].sortable===!1?"false":"true")}const k=s.dataset.featherKFilterable!=="false",D=s.dataset.featherKSortable!=="false";g.setAttribute("tabindex","-1"),k||D?s.style.cursor="pointer":s.style.cursor="default",k?(s.setAttribute("tabindex","0"),s.setAttribute("role","button"),s.setAttribute("aria-haspopup","menu")):(s.setAttribute("tabindex","0"),s.setAttribute("role","columnheader"),s.removeAttribute("aria-haspopup"));const H=r=>{r.target?.closest(".k-column-resizer")||(c.value=s,g.click())},re=r=>{if(k)c.value=s,r.preventDefault(),r.stopPropagation(),H(r);else if(D){c.value=s;const f=new KeyboardEvent("keydown",{key:"Enter",code:"Enter",keyCode:13,which:13,bubbles:!0,cancelable:!0});s.dispatchEvent(f)}};s.addEventListener("click",re),N.push(()=>{s.removeEventListener("click",re)});const oe=r=>{if((b(r)||r.code==="Space")&&(k||D)){if(c.value=s,c.value.focus(),k)r.preventDefault(),r.stopPropagation(),H(r);else if(D){const f=s.querySelector(".k-link");f&&f.click()}}};s.addEventListener("keydown",oe,!0),N.push(()=>{s.removeEventListener("keydown",oe,!0)})});const y=document.querySelector(".k-grid-header .k-table-thead");if(y){const s=d=>{const g=d.target.closest("th");g&&(b(d)||d.code==="Space")&&g.dataset.featherKFilterable==="false"&&g.dataset.featherKSortable==="false"&&(d.preventDefault(),d.stopImmediatePropagation())};y.addEventListener("keydown",s,!0),N.push(()=>{y.removeEventListener("keydown",s,!0)})}},_=function(l,y){const s=l?.event?.event.target,d=S();if(!s||!d)return;const g=s.classList.contains("k-link"),h=s.classList.contains("k-columnmenu-item"),k=d.find(D=>D.field===l?.event?.field)?.sortable&&!0;if(!g){if(h&&!k){l?.event?.sort?.filter(H=>H.field!==l?.event?.field);return}typeof y=="function"&&t.nextTick(()=>{c.value&&c.value.focus(),y(l)})}},Z=()=>{if(!U)try{O(),p(),v(),U=!0}catch(l){console.error("initA11y failed:",l),R()}};return t.onBeforeUnmount(()=>{R()}),{activeFilterButton:c,handleGridKeyDown:F,handleSortChange:_,initA11y:Z}};function Te(e){const n=t.ref(""),c=t.ref(void 0),U=t.ref(!!e.debug),$=t.ref(e.dateFormat??"mm/dd/yyyy"),I=t.computed(()=>!!e.required),N=t.ref(!1),A=["ArrowUp","ArrowDown"],b=["ArrowLeft","ArrowRight"],S=t.computed(()=>(n.value??"").replace(/\D/g,"")),w=r=>r<=2?"mm":r<=5?"dd":S.value.length<=10?"yyyy":"mm",P=t.computed(()=>{const r=n.value&&n.value.substring(0,2).replace(/\D/g,"0")||"0";return parseInt(r).toString().padStart(2,"0")}),E=t.computed(()=>{const r=n.value&&n.value.substring(3,5).replace(/\D/g,"0")||"0";return parseInt(r).toString().padStart(2,"0")}),M=t.computed(()=>{const r=n.value&&n.value.substring(6,10).replace(/\D/g,"0")||"0";return parseInt(r).toString().padStart(4,"0")}),F=r=>{if(S.value.length===0){e.onChange({value:null,event:r});return}if(S.value.length<8){e.onChange({value:null,event:r});return}if((n.value??"").length===10&&S.value.length===8){const[f,T,j]=n.value.split("/"),V=parseInt(f),K=parseInt(T),X=parseInt(j);if(W(X,V,K)){const ae=new Date(X,V-1,K);O(ae)?e.onChange({value:ae,event:r}):e.onChange({value:null,event:r})}else e.onChange({value:null,event:r})}},O=r=>{const f=e.min??void 0,T=e.max??void 0;return!(f&&r<f||T&&r>T)},p=t.computed(()=>{if((n.value??"").length===10&&S.value.length===8){const[r,f,T]=(n.value??"").split("/"),j=parseInt(r),V=parseInt(f),K=parseInt(T);if(W(K,j,V))return new Date(K,j-1,V)}return null}),v=t.computed(()=>(n.value??"").length===10&&S.value.length===8),R=(r,f)=>new Date(r,f,0).getDate(),W=(r,f,T)=>f>=1&&f<=12&&r>=1900&&T>=1&&T<=R(r,f),_=r=>{n.value=r.value;const f=r.event?.target;c.value=f?.selectionStart??0,F(r)},Z=r=>{c.value=r.target.selectionStart??0},l=(r,f,T)=>{const j=f?.selectionStart??c.value??0;c.value=j;let V=parseInt(P.value),K=parseInt(E.value),X=parseInt(M.value);if(!(S.value.length>=8)||!W(X,V,K)){const G=e.defaultValue??new Date;V=G.getMonth()+1,K=G.getDate(),X=G.getFullYear(),n.value=`${String(V).padStart(2,"0")}/${String(K).padStart(2,"0")}/${String(X)}`;const q=new Date(X,V-1,K);e.onChange({value:O(q)?q:null,event:T}),h({useRAF:!0});return}const a=w(j);if(a==="mm")V=r==="ArrowUp"?V<12?V+1:1:V>1?V-1:12;else if(a==="dd"){const G=new Date(X,V,0).getDate();K=r==="ArrowUp"?K<G?K+1:1:K>1?K-1:G}else a==="yyyy"&&(X=r==="ArrowUp"?X+1:Math.max(1,X-1));n.value=`${String(V).padStart(2,"0")}/${String(K).padStart(2,"0")}/${String(X)}`;const[i,C,L]=n.value.split("/"),B=new Date(parseInt(L),parseInt(i)-1,parseInt(C));B.toString()!=="Invalid Date"&&parseInt(L)>=1e3?e.onChange({value:O(B)?B:null,event:T}):e.onChange({value:null,event:T}),h({useRAF:!0})},y=r=>{if(r.code==="Space"||r.key===" "){r.preventDefault(),r.stopPropagation(),e.onShowCalendar(r);return}if(r.key==="ArrowDown"&&r.altKey){r.preventDefault(),r.stopPropagation(),e.onShowCalendar(r);return}if(A.includes(r.key)){if(r.altKey)return;r.preventDefault(),r.stopPropagation();const f=r.target;l(r.key,f,r);return}},s=r=>{r.preventDefault();const f=r.deltaY<0?"ArrowUp":"ArrowDown";l(f,r.target,r)},d=r=>{const f=r.target;if(b.includes(r.key)){c.value=f?.selectionStart??0;return}if(A.includes(r.key)){if(r.altKey)return;c.value=f?.selectionStart??0}},g=r=>{N.value=!0,I.value&&!e.defaultValue&&e.externalValue&&e.externalValue.value===void 0&&S.value.length===0&&(e.externalValue.value="");const f=r.target;f&&(c.value=f.selectionStart??0)},h=r=>{const f=()=>{const T=document.getElementById(e.id);if(!T)return;const j=r?.pos??c.value??T.value.length;try{T.focus(),T.setSelectionRange(j,j)}catch{}};t.nextTick(()=>{if(r?.delay&&r.delay>0){setTimeout(f,r.delay);return}if(r?.useRAF){requestAnimationFrame(f);return}f()})};e.externalValue&&t.watch(e.externalValue,r=>{if(r){const f=new Date(r);if(f.toString()!=="Invalid Date"){const T=(f.getMonth()+1).toString().padStart(2,"0"),j=f.getDate().toString().padStart(2,"0"),V=f.getFullYear().toString();n.value=`${T}/${j}/${V}`,h({delay:50});return}}},{immediate:!0});const k=t.computed(()=>[["Date",`${P.value} / ${E.value} / ${M.value}`],["Digits only",S.value],["min",e.min?.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"})??null],["max",e.max?.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"})??null]]),D=t.computed(()=>{if(!I.value){if(!v.value)return!0;const f=p.value;return f?O(f):!1}if(!N.value)return!0;const r=p.value;return!v.value||!r?!1:O(r)}),H=t.computed(()=>{if(!I.value){if(!v.value)return;const f=p.value;return f?O(f)?"valid":"out-of-bounds":"invalid-date"}if(!N.value)return;if(S.value.length===0||!v.value)return"incomplete";const r=p.value;return r?O(r)?"valid":"out-of-bounds":"invalid-date"}),re=t.computed(()=>{const r=H.value;if(!r||r==="valid")return"";if(r==="incomplete")return"Required";if(r==="invalid-date")return`Must be in ${$.value} format.`;const f=e.min?e.min.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}):null,T=e.max?e.max.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}):null;if(r==="out-of-bounds"){if(f&&T)return`Must be between ${f} and ${T}.`;if(f)return`Must be on or after ${f}.`;if(T)return`Must be on or before ${T}.`}return""}),oe=()=>{t.nextTick(()=>{const r=document.getElementById(e.id);if(!r){console.warn(`ID (#${e.id}) not found for styling.`);return}const f=r.closest(".k-datepicker");if(!f){console.warn(`.k-datepicker parent not found for #${e.id} styling.`);return}const T=f.parentElement;if(T){if(T.classList.contains("fk-datepicker"))return;T.classList.add("fk-datepicker")}else console.warn(`Parent of .k-datepicker not found for #${e.id} styling.`)})};return t.onMounted(()=>{oe()}),{raw:n,cursorPos:c,debugEnabled:U,debugLines:k,placeholder:$,isValid:D,reason:t.readonly(H),validationMessage:re,digitsOnly:S,month:t.readonly(P),day:t.readonly(E),year:t.readonly(M),datePart:w,handleChange:_,handleKeyDown:y,handleWheel:s,handleKeyUp:d,handleClick:Z,handleBlur:g,initStyling:oe}}function Ce(e){const n=t.ref(""),c=t.ref(void 0),U=t.ref(!!e.debug),$=t.ref(!1),I=1440*60*1e3,N=365*I,A=new Date,b=new Date(A.getTime()-N),S=new Date(A.getTime()+N);e.min=e.min??b,e.max=e.max??S;const w=t.computed(()=>(n.value??"").replace(/\D/g,"")),P=(o,u)=>new Date(o,u,0).getDate(),E=(o,u,m)=>u>=1&&u<=12&&o>=1e3&&m>=1&&m<=P(o,u),M=o=>Date.UTC(o.getFullYear(),o.getMonth(),o.getDate()),F=o=>{if(!o)return null;const u=e.min??new Date(Date.now()-90*I),m=e.max??new Date,x=M(o);return x<M(u)||x>M(m)?null:o},O=(o,u)=>e.allowReverse??!1?!0:o<=u,p=t.computed(()=>(n.value?.length??0)>=23&&w.value.length>=16),v=o=>{if((o??"").length<23||w.value.length<16)return{start:null,end:null};const u=o.substring(0,10),m=o.substring(13,23),[x,J,Q]=u.split("/").map(se=>parseInt(se||"0",10)),[ie,ce,de]=m.split("/").map(se=>parseInt(se||"0",10)),fe=new Date(Q,x-1,J),ye=new Date(de,ie-1,ce),be=E(Q,x,J)&&fe.toString()!=="Invalid Date",Se=E(de,ie,ce)&&ye.toString()!=="Invalid Date";return{start:be?fe:null,end:Se?ye:null}},R=e.externalValid??t.ref(!0),W=t.computed(()=>v(n.value)),_=t.computed(()=>{const o=F(W.value.start),u=F(W.value.end);return{start:o,end:u}}),Z=t.computed(()=>{if(!p.value)return;const o=_.value.start,u=_.value.end;if(!o||!u)return;const m=Math.abs(M(u)-M(o));return Math.round(m/864e5+1)}),l=t.computed(()=>{if(!p.value)return!1;const{start:o,end:u}=W.value;if(!o||!u||!_.value.start||!_.value.end)return!1;const m=_.value.start,x=_.value.end;return!(!O(m,x)||typeof e.maxSpanDays=="number"&&Z.value!==void 0&&Z.value>e.maxSpanDays)}),y=t.computed(()=>{const{start:o,end:u}=W.value;if(!p.value)return"incomplete";if(!o||!u)return"invalid-date";if(!_.value.start||!_.value.end)return"out-of-bounds";const m=_.value.start,x=_.value.end;return O(m,x)?typeof e.maxSpanDays=="number"&&Z.value!==void 0&&Z.value>e.maxSpanDays?"span-exceeds-limit":"valid":"reversed-range"}),s=t.ref(void 0),d=t.computed(()=>{if(R.value!==!1)return"";const{min:o,max:u}=e,m=s.value;if(!m)return"";switch(m){case"incomplete":return"Required";case"invalid-date":return"One or both dates invalid.";case"reversed-range":return"End Date must be on or after Start Date.";case"out-of-bounds":return o&&u?`Dates must be between ${D(o)} and ${D(u)}.`:"Dates must be within the allowed range.";case"span-exceeds-limit":return typeof e.maxSpanDays=="number"?`Date range exceeds ${e.maxSpanDays} days.`:"Date range exceeds maximum allowed span.";default:return""}}),g=["ArrowUp","ArrowDown"],h=["ArrowLeft","ArrowRight"],k=(o,u)=>String(o).padStart(u,"0"),D=o=>`${k(o.getMonth()+1,2)}/${k(o.getDate(),2)}/${k(o.getFullYear(),4)}`,H=o=>o<=2?{side:"start",part:"mm"}:o<=5?{side:"start",part:(o<=3,"dd")}:o<=11?{side:"start",part:"yyyy"}:o<=15?{side:"end",part:"mm"}:o<=18?{side:"end",part:"dd"}:{side:"end",part:"yyyy"},re=(o,u,m)=>{const x=u?.selectionStart??c.value??0;c.value=x;const{start:J,end:Q}=v(n.value);if(!J&&!Q){const Y=new Date,le=D(Y);n.value=`${le} - ${le}`,e.onChange({value:{start:Y,end:Y},event:m}),t.nextTick(()=>{requestAnimationFrame(()=>{const ee=document.getElementById(e.id),ne=c.value??0;ee&&(ee.focus(),ee.setSelectionRange(ne,ne))})});return}const ie=new Date,ce=H(x);let de=J?new Date(J):new Date(ie),fe=Q?new Date(Q):new Date(ie);const ye=(Y,le)=>{if(le==="mm"){const ee=Y.getMonth()+1,ne=o==="ArrowUp"?ee<12?ee+1:1:ee>1?ee-1:12;Y.setMonth(ne-1);const ge=P(Y.getFullYear(),ne);Y.getDate()>ge&&Y.setDate(ge)}else if(le==="dd"){const ee=P(Y.getFullYear(),Y.getMonth()+1),ne=Y.getDate(),ge=o==="ArrowUp"?ne<ee?ne+1:1:ne>1?ne-1:ee;Y.setDate(ge)}else if(le==="yyyy"){const ee=Y.getFullYear();Y.setFullYear(o==="ArrowUp"?ee+1:Math.max(1,ee-1));const ne=P(Y.getFullYear(),Y.getMonth()+1);Y.getDate()>ne&&Y.setDate(ne)}};ce.side==="start"?ye(de,ce.part):ye(fe,ce.part);const be=D(de),Se=D(fe);n.value=`${be} - ${Se}`;const se=F(de),we=F(fe);se&&we&&O(se,we)?e.onChange({value:{start:se,end:we},event:m}):e.onChange({value:null,event:m}),t.nextTick(()=>{requestAnimationFrame(()=>{const Y=document.getElementById(e.id),le=c.value??0;Y&&(Y.focus(),Y.setSelectionRange(le,le))})})},oe=o=>{const{start:u,end:m}=v(n.value);if(!u||!m){e.onChange({value:null,event:o});return}const x=F(u),J=F(m);if(!x||!J){e.onChange({value:null,event:o});return}if(!O(x,J)){e.onChange({value:null,event:o});return}e.onChange({value:{start:x,end:J},event:o})},r=o=>{const u=o.value??"",m=o.event;if(!u&&m&&m.type==="click"){ae(m);return}n.value=u;const x=m?.target;c.value=x?.selectionStart??0,oe(o)},f=o=>{c.value=o.target.selectionStart??0},T=o=>{if(o.code==="Space"||o.key===" "){o.preventDefault(),o.stopPropagation(),e.onShowCalendar(o);return}if(o.key==="ArrowDown"&&o.altKey){o.preventDefault(),o.stopPropagation(),e.onShowCalendar(o);return}if(g.includes(o.key)){o.preventDefault(),o.stopPropagation();const u=o.target;re(o.key,u,o);return}},j=o=>{o.preventDefault();const u=o.deltaY<0?"ArrowUp":"ArrowDown";re(u,o.target,o)},V=o=>{if(h.includes(o.key)||g.includes(o.key)){const u=o.target;c.value=u?.selectionStart??0}},K=()=>{s.value=y.value,(e.manageValid??!0)&&(R.value=l.value)},X=o=>{K()},ae=o=>{console.log("Clear event:",o),n.value="",c.value=0,e.onChange({value:null,event:o}),K(),t.nextTick(()=>{const u=document.getElementById(e.id);u&&(u.focus(),u.setSelectionRange(0,0))})};e.externalValue&&t.watch(e.externalValue,o=>{const u=o?.start??null,m=o?.end??null;if(u&&m){if(n.value=`${D(u)} - ${D(m)}`,e.isOpen?.value&&$.value&&e.onRequestClose){const x=typeof e.closeDelay=="number"?e.closeDelay:e.closeDelay?.value??0;setTimeout(()=>{e.onRequestClose?.(),$.value=!1,K()},x)}return}},{immediate:!0});const a=t.computed(()=>n.value&&n.value.substring(0,2).replace(/\D/g,"0")||"0"),i=t.computed(()=>n.value&&n.value.substring(3,5).replace(/\D/g,"0")||"0"),C=t.computed(()=>n.value&&n.value.substring(6,10).replace(/\D/g,"0")||"0"),L=t.computed(()=>n.value&&n.value.substring(13,15).replace(/\D/g,"0")||"0"),B=t.computed(()=>n.value&&n.value.substring(16,18).replace(/\D/g,"0")||"0"),G=t.computed(()=>n.value&&n.value.substring(19,23).replace(/\D/g,"0")||"0"),q=t.computed(()=>{const{start:o,end:u}=v(n.value);return[{label:"Raw",value:n.value},{label:"Min Date",value:`${e.min?e.min.toDateString():"-"}`},{label:"Max Date",value:`${e.max?e.max.toDateString():"-"}`},{label:"Start",value:`${String(a.value).padStart(2,"0")} / ${String(i.value).padStart(2,"0")} / ${String(C.value).padStart(4,"0")}`},{label:"End",value:`${String(L.value).padStart(2,"0")} / ${String(B.value).padStart(2,"0")} / ${String(G.value).padStart(4,"0")}`},{label:"Digits only",value:w.value},{label:"Mask complete",value:`${p.value}`},{label:"Parsed",value:`${o?o.toDateString():"-"} | ${u?u.toDateString():"-"}`},{label:"Valid (managed)",value:`${R.value??"-"}`},{label:"Span (days)",value:`${Z.value??"-"}`},{label:"Reason",value:`${y.value??"-"}`},{label:"Cursor in",value:`${c.value??"-"} (${(()=>{const m=c.value??0,x=H(m);return`${x.side}.${x.part}`})()})`}]}),z=()=>{t.nextTick(()=>{const o=document.getElementById(e.id);if(!o){console.warn(`#${e.id} not found for styling.`);return}const u=o.closest("div");if(!u){console.warn(`Parent div of #${e.id} not found for styling.`);return}u.classList.contains("fk-daterangepicker")||u.classList.add("fk-daterangepicker")})};t.onMounted(()=>{z()});const me=()=>{t.nextTick(()=>{try{const o=Array.from(document.querySelectorAll(".k-animation-container"));if(!o.length)return;const m=[...o].reverse().find(Q=>Q.querySelector(".k-calendar"))?.querySelector(".k-calendar");if(!m)return;const x=m.querySelectorAll(".k-calendar-table");let J=!1;x.forEach(Q=>{Q.tabIndex===0&&(J?Q.tabIndex=-1:J=!0)})}catch(o){console.warn(o)}})};return e.isOpen&&t.watch(e.isOpen,o=>{o&&setTimeout(()=>me(),0)},{immediate:!1}),{raw:n,cursorPos:c,debugEnabled:U,debugLines:q,digitsOnly:w,valid:R,validComputed:t.readonly(l),reason:t.readonly(y),validationMessage:t.readonly(d),spanDays:t.readonly(Z),month1:t.readonly(a),day1:t.readonly(i),year1:t.readonly(C),month2:t.readonly(L),day2:t.readonly(B),year2:t.readonly(G),handleChange:r,handleKeyDown:T,handleWheel:j,handleKeyUp:V,handleClick:f,handleBlur:X,handleClear:ae,onCalendarChange:()=>{$.value=!0},initStyling:z}}function $e(e){const n=t.ref(""),c=t.ref(void 0),U=t.ref(!!e.debug),$=t.ref(e.timeFormat??"hh:mm AM"),I=t.computed(()=>!!e.required),N=t.ref(!1),A=["ArrowUp","ArrowDown"],b=["ArrowLeft","ArrowRight"],S=t.computed(()=>(n.value??"").replace(/\D/g,"")),w={H:/[0-9]/,h:/[0-9]/,M:/[0-9]/,m:/[0-9]/,A:/[AaPp]/,a:/[Mm]/},P=a=>a<=2?"hh":a<=5?"mm":"ampm",E=t.computed(()=>{const a=n.value&&n.value.substring(0,2).replace(/\D/g,"0")||"0",i=parseInt(a);return Math.min(Math.max(i,0),23)}),M=t.computed(()=>{const a=n.value&&n.value.substring(3,5).replace(/\D/g,"0")||"0",i=parseInt(a);return Math.min(Math.max(i,0),59)}),F=t.computed(()=>(n.value?.substring(6,8)||"AM").toUpperCase().startsWith("P")?"PM":"AM"),O=t.computed(()=>{const a=parseInt(n.value?.substring(0,2).replace(/\D/g,"0")||"0"),i=F.value;return a===12?i==="AM"?0:12:i==="PM"?a+12:a}),p=t.computed(()=>v.value?`${String(O.value).padStart(2,"0")}:${String(M.value).padStart(2,"0")}:00`:null),v=t.computed(()=>/^(\d{2}):(\d{2})\s([AP]M)$/i.test(n.value??"")),R=(a,i,C)=>{let L=a%12;return L===0&&(L=12),`${String(L).padStart(2,"0")}:${String(i).padStart(2,"0")} ${C}`},W=a=>{const i=a.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);if(!i)return null;const C=parseInt(i[1]),L=parseInt(i[2]),B=i[3].toUpperCase();if(C<1||C>12||L<0||L>59)return null;let G=C%12;B==="PM"&&(G+=12);const q=new Date;return q.setSeconds(0,0),q.setHours(G),q.setMinutes(L),q},_=a=>{if(S.value.length===0){e.onChange({value:null,event:a});return}if(!v.value){e.onChange({value:null,event:a});return}const i=W(n.value);i&&l(i)?e.onChange({value:i,event:a}):e.onChange({value:null,event:a})},Z=a=>a.getHours()*60+a.getMinutes(),l=a=>{const i=e.min??void 0,C=e.max??void 0,L=Z(a);if(i){const B=Z(i);if(L<B)return!1}if(C){const B=Z(C);if(L>B)return!1}return!0},y=a=>{const i=a.getHours(),C=i>=12?"PM":"AM";n.value=R(i,a.getMinutes(),C)},s=(a,i)=>{e.onChange({value:a,event:i})},d=()=>{t.nextTick(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{const a=document.getElementById(e.id);if(a){a.focus();const i=(a.value??"").length;a.setSelectionRange(i,i)}})})})},g=a=>{const i=a?.event?.target;return i?i.closest(".k-time-now")?"now":i.closest(".k-time-accept")?"set":null:null},h=(a,i)=>{a&&l(a)?s(a,i):s(null,i)},k=(...a)=>{const i=a[0];if(!i)return;const C=g(i);if(C==="now"){const B=new Date;y(B),h(B,i),d();return}if(i?.value instanceof Date){const B=new Date(i.value);y(B),h(B,i),C==="set"&&d();return}if(i?.value===null){n.value="",s(null,i);return}n.value=i.value;const L=i.event?.target;c.value=L?.selectionStart??0;try{const B=c.value??0;if(P(B)==="ampm"&&(n.value??"").length>=8){const G=n.value.charAt(6);/[Aa]/.test(G)?(n.value=`${n.value.slice(0,6)}AM${n.value.slice(8)}`,t.nextTick(()=>{requestAnimationFrame(()=>{const q=document.getElementById(e.id);q&&(q.focus(),q.setSelectionRange(8,8))})})):/[Pp]/.test(G)&&(n.value=`${n.value.slice(0,6)}PM${n.value.slice(8)}`,t.nextTick(()=>{requestAnimationFrame(()=>{const q=document.getElementById(e.id);q&&(q.focus(),q.setSelectionRange(8,8))})}))}}catch{}_(i)},D=a=>{c.value=a.target.selectionStart??0},H=(a,i,C)=>{const L=i?.selectionStart??c.value??0;c.value=L;const B=P(L),G=(n.value??"").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);if(!G){if((n.value??"").length===0||S.value.length===0){const u=new Date,m=u.getHours(),x=m>=12?"PM":"AM";n.value=R(m,u.getMinutes(),x);const J=W(n.value);h(J,C),t.nextTick(()=>{requestAnimationFrame(()=>{const Q=document.getElementById(e.id),ie=c.value??0;Q&&(Q.focus(),Q.setSelectionRange(ie,ie))})})}return}let q=parseInt(G[1]),z=parseInt(G[2]),me=G[3].toUpperCase();if(B==="hh")a==="ArrowUp"?q=q<12?q+1:1:q=q>1?q-1:12;else if(B==="mm"){const u=e.minuteStepRef?.value??e.minuteStep??1;if(u===1)a==="ArrowUp"?z=z<59?z+1:0:z=z>0?z-1:59;else if(a==="ArrowUp"){const m=z%u;let x=m===0?z+u:z+(u-m);x>=60&&(x=0),z=x}else{const m=z%u;let x=m===0?z-u:z-m;x<0&&(x=60-u),z=x}}else B==="ampm"&&(me=me==="AM"?"PM":"AM");n.value=`${String(q).padStart(2,"0")}:${String(z).padStart(2,"0")} ${me}`;const o=W(n.value);h(o,C),t.nextTick(()=>{requestAnimationFrame(()=>{const u=document.getElementById(e.id),m=c.value??0;u&&(u.focus(),u.setSelectionRange(m,m))})})},re=a=>{if(a.code==="Space"||a.key===" "){a.preventDefault(),a.stopPropagation(),e.onShowPicker(a);return}if(a.key==="ArrowDown"&&a.altKey){a.preventDefault(),a.stopPropagation(),e.onShowPicker(a);return}if(A.includes(a.key)){if(a.altKey)return;a.preventDefault(),a.stopPropagation();const i=a.target;H(a.key,i,a);return}},oe=a=>{a.preventDefault();const i=a.deltaY<0?"ArrowUp":"ArrowDown";H(i,a.target,a)},r=a=>{const i=a.target;if(b.includes(a.key)){c.value=i?.selectionStart??0;return}if(A.includes(a.key)){if(a.altKey)return;c.value=i?.selectionStart??0}},f=a=>{N.value=!0,I.value&&e.externalValue&&e.externalValue.value===void 0&&S.value.length===0&&(e.externalValue.value="");const i=a.target;i&&(c.value=i.selectionStart??0)};e.externalValue&&t.watch(e.externalValue,a=>{if(a){const i=new Date(a);if(i.toString()!=="Invalid Date"){const C=i.getHours(),L=C>=12?"PM":"AM";n.value=R(C,i.getMinutes(),L);return}}},{immediate:!0});const T=t.computed(()=>[["Time",n.value||"--:-- --"],["Hour (12h)",E.value],["Hour (24h)",O.value],["Minute",M.value],["Period",F.value],["Time (24h)",p.value??"--:--:--"],["Digits only",S.value],["Parsed Date",j.value?.toLocaleDateString("en-US",{hour:"2-digit",minute:"2-digit"})??null],["min",e.min?.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})??null],["max",e.max?.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})??null],["valid",V.value],["reason",K.value],["validationMessage",X.value]]),j=t.computed(()=>W(n.value)??null),V=t.computed(()=>{if(!I.value){if(!v.value)return!0;const i=j.value;return i?l(i):!1}if(!N.value)return!0;const a=j.value;return!v.value||!a?!1:l(a)}),K=t.computed(()=>{if(!I.value){if(!v.value)return;const i=j.value;return i?l(i)?"valid":"out-of-bounds":"invalid-time"}if(!N.value)return;if(S.value.length===0||!v.value)return"incomplete";const a=j.value;return a?l(a)?"valid":"out-of-bounds":"invalid-time"}),X=t.computed(()=>{const a=K.value;if(!a||a==="valid")return"";if(a==="incomplete")return"Required";if(a==="invalid-time")return`Must be in ${$.value} format.`;const i={hour:"2-digit",minute:"2-digit"},C=e.min?e.min.toLocaleTimeString("en-US",i):null,L=e.max?e.max.toLocaleTimeString("en-US",i):null;if(a==="out-of-bounds"){if(C&&L)return`Must be between ${C} and ${L}.`;if(C)return`Must be ${C} or later.`;if(L)return`Must be ${L} or earlier.`}return""}),ae=()=>{t.nextTick(()=>{const a=document.getElementById(e.id);if(!a){console.warn(`#${e.id} not found for styling.`);return}const i=a.closest(".k-timepicker");if(!i){console.warn(`.k-timepicker parent of #${e.id} not found for styling.`);return}const C=i.parentElement;if(!C){console.warn(`Parent of .k-timepicker not found for #${e.id} styling.`);return}C.classList.contains("fk-timepicker")||C.classList.add("fk-timepicker")})};return t.onMounted(()=>{ae()}),{raw:n,rules:w,debugEnabled:U,debugLines:T,placeholder:$,isValid:V,reason:t.readonly(K),validationMessage:X,isComplete:v,inRangeTime:l,cursorPos:c,hour:t.readonly(E),hour24:t.readonly(O),minute:t.readonly(M),period:t.readonly(F),time24:t.readonly(p),parsedRawTime:t.readonly(j),handleChange:k,handleKeyDown:re,handleKeyUp:r,handleClick:D,handleWheel:oe,handleBlur:f,initStyling:ae}}function Pe(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}const ke=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ie=Object.prototype.toString,Fe=e=>Ie.call(e)==="[object Object]",ue=()=>{},Le=Re();function Re(){var e,n;return ke&&((e=window?.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window?.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window?.navigator.userAgent))}function he(e){return Array.isArray(e)?e:[e]}function qe(e,n,c){return t.watch(e,n,{...c,immediate:!0})}const De=ke?window:void 0;function pe(e){var n;const c=t.toValue(e);return(n=c?.$el)!=null?n:c}function ve(...e){const n=[],c=()=>{n.forEach(A=>A()),n.length=0},U=(A,b,S,w)=>(A.addEventListener(b,S,w),()=>A.removeEventListener(b,S,w)),$=t.computed(()=>{const A=he(t.toValue(e[0])).filter(b=>b!=null);return A.every(b=>typeof b!="string")?A:void 0}),I=qe(()=>{var A,b;return[(b=(A=$.value)==null?void 0:A.map(S=>pe(S)))!=null?b:[De].filter(S=>S!=null),he(t.toValue($.value?e[1]:e[0])),he(t.unref($.value?e[2]:e[1])),t.toValue($.value?e[3]:e[2])]},([A,b,S,w])=>{if(c(),!A?.length||!b?.length||!S?.length)return;const P=Fe(w)?{...w}:w;n.push(...A.flatMap(E=>b.flatMap(M=>S.map(F=>U(E,M,F,P)))))},{flush:"post"}),N=()=>{I(),c()};return Pe(c),N}let Ae=!1;function Ue(e,n,c={}){const{window:U=De,ignore:$=[],capture:I=!0,detectIframe:N=!1,controls:A=!1}=c;if(!U)return A?{stop:ue,cancel:ue,trigger:ue}:ue;if(Le&&!Ae){Ae=!0;const p={passive:!0};Array.from(U.document.body.children).forEach(v=>v.addEventListener("click",ue,p)),U.document.documentElement.addEventListener("click",ue,p)}let b=!0;const S=p=>t.toValue($).some(v=>{if(typeof v=="string")return Array.from(U.document.querySelectorAll(v)).some(R=>R===p.target||p.composedPath().includes(R));{const R=pe(v);return R&&(p.target===R||p.composedPath().includes(R))}});function w(p){const v=t.toValue(p);return v&&v.$.subTree.shapeFlag===16}function P(p,v){const R=t.toValue(p),W=R.$.subTree&&R.$.subTree.children;return W==null||!Array.isArray(W)?!1:W.some(_=>_.el===v.target||v.composedPath().includes(_.el))}const E=p=>{const v=pe(e);if(p.target!=null&&!(!(v instanceof Element)&&w(e)&&P(e,p))&&!(!v||v===p.target||p.composedPath().includes(v))){if("detail"in p&&p.detail===0&&(b=!S(p)),!b){b=!0;return}n(p)}};let M=!1;const F=[ve(U,"click",p=>{M||(M=!0,setTimeout(()=>{M=!1},0),E(p))},{passive:!0,capture:I}),ve(U,"pointerdown",p=>{const v=pe(e);b=!S(p)&&!!(v&&!p.composedPath().includes(v))},{passive:!0}),N&&ve(U,"blur",p=>{setTimeout(()=>{var v;const R=pe(e);((v=U.document.activeElement)==null?void 0:v.tagName)==="IFRAME"&&!R?.contains(U.document.activeElement)&&n(p)},0)},{passive:!0})].filter(Boolean),O=()=>F.forEach(p=>p());return A?{stop:O,cancel:()=>{b=!1},trigger:p=>{b=!0,E(p),b=!1}}:O}function Oe(e){const n=t.shallowRef(null),c=[".k-animation-container .k-popup",".k-popup",".k-timepicker-popup",".k-menu-popup"],U=Array.isArray(e.popupSelector)?e.popupSelector:[e.popupSelector??c].flat(),$=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"])')??w:null,{activate:I,deactivate:N}=xe.useFocusTrap(n,{escapeDeactivates:!1,clickOutsideDeactivates:!1,fallbackFocus:()=>n.value,initialFocus:()=>$(n.value),...e.focusTrapOptions??{}});let A=null,b=t.ref(null);const S=()=>{if(e.resolvePopupEl)return e.resolvePopupEl();const w=(E,M)=>{const F=Array.from(E.querySelectorAll(M));if(!F.length)return null;const O=F.filter(p=>p.offsetParent!==null||p.getClientRects().length>0);return O[O.length-1]??F[F.length-1]??null},P=e.triggerEl?.value?.closest?.(".k-animation-container")??document.body;for(const E of U){const M=w(P,E);if(M)return M}for(const E of U){const M=w(document,E);if(M)return M}return null};return Ue(n,w=>{b.value="outside",e.isOpen.value&&e.onRequestClose?.("outside",w)}),t.watch(()=>e.isOpen.value,w=>{w?(b.value=null,t.nextTick(()=>{const P=S();P&&(n.value=P,setTimeout(()=>I(),0),A||(A=E=>{E.key==="Escape"&&(b.value="escape",e.isOpen.value&&e.onRequestClose?.("escape",E))},document.addEventListener("keydown",A,!0)))})):(N(),A&&(document.removeEventListener("keydown",A,!0),A=null),n.value=null,b.value==="outside"&&t.nextTick(()=>{const P=()=>{const E=e.triggerEl?.value,M=E?.querySelector("input"),F=document.activeElement;F&&(F===M||E&&E.contains(F))&&(M??E)?.blur?.()};requestAnimationFrame(()=>setTimeout(P,0))}),e.returnFocusToTrigger!==!1&&b.value==="escape"&&e.triggerEl?.value&&(console.log("Returning focus to trigger element:",e.triggerEl.value),t.nextTick(()=>{const P=()=>{const E=e.triggerEl?.value;if(!E)return;(E.querySelector("input")??E)?.focus?.()};requestAnimationFrame(()=>setTimeout(P,0))})))}),{popupRef:n,activate:I,deactivate:N,lastCloseReason:t.readonly(b),setPopupEl:w=>n.value=w}}const Ve=e=>!!e&&typeof e=="object"&&"filters"in e&&Array.isArray(e.filters),Ke=e=>!!e&&typeof e=="object"&&"field"in e,Ee=(e,n)=>!e||typeof e!="object"?!1:Ve(e)?e.filters.some(c=>Ee(c,n)):Ke(e)?e.field===n:!1,Be=e=>{const n=t.ref({}),c=$=>!e.value||!e.value.filters?!1:e.value.filters.some(I=>Ee(I,$));return{activeClasses:n,hasFieldFilter:c,updateActiveClass:$=>{const I=c($);console.log("updateActiveClass for",$,"hasFilter:",I),n.value[$]=I?"active":"",console.log("activeClasses after update",n.value)}}};te.useGridA11y=Me,te.useGridFilter=Be,te.useMaskedDateInput=Te,te.useMaskedDateRangeInput=Ce,te.useMaskedTimeInput=$e,te.usePopupTrap=Oe,Object.defineProperty(te,Symbol.toStringTag,{value:"Module"})}));
+(function(te,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@vueuse/integrations/useFocusTrap")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/integrations/useFocusTrap"],t):(te=typeof globalThis<"u"?globalThis:te||self,t(te.FeatherKComposables={},te.Vue,te.useFocusTrap))})(this,(function(te,t,Ee){"use strict";const Me=(e,n)=>{const c=t.ref(null);let U=!1,$=null,I=null;const N=[],A=".k-table-row[data-grid-row-index] [tabindex]",S=l=>l.key==="Enter"||l.code==="Enter"||l.code==="NumpadEnter",b=()=>e?.value?.columns,w=l=>{const y=l.key||l.code;([" ","Spacebar","Space"].includes(y)||S(l))&&(l.preventDefault(),l.stopPropagation(),c.value=l.target,l.target.click())},P=l=>{if(!c.value)return;if(l.code==="Escape"){l.stopPropagation(),c.value&&c.value.focus();return}const y=Array.from(document.querySelectorAll(".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item")),s=document.querySelector(".k-animation-container .k-popup .k-column-menu .k-filter-menu-container");if(s){if(l.code==="Tab"){const d=[".k-dropdownlist[tabindex='0']","input.k-input-inner:not([tabindex='-1']):not([disabled])","button:not([tabindex='-1']):not([disabled])",".k-checkbox"],g=n?.focusableMenuSelectors??d,h=Array.from(s.querySelectorAll(g.join(",")));if(h.length===0)return;const k=h.findIndex(Y=>Y===document.activeElement);let D;k===-1?D=0:l.shiftKey?D=(k-1+h.length)%h.length:D=(k+1)%h.length,l.preventDefault(),l.stopPropagation(),h[D]?.focus()}}else if(l.code==="ArrowUp"||l.code==="ArrowDown"){l.preventDefault(),l.stopPropagation();const d=y.findIndex(h=>h===document.activeElement);let g=d;l.code==="ArrowUp"?g=d>0?d-1:y.length-1:l.code==="ArrowDown"&&(g=d<y.length-1?d+1:0),y[g]?.focus();return}if(l.code==="Tab"){l.preventDefault(),l.stopPropagation();const d=c.value?.parentElement;(l.shiftKey?d?.previousElementSibling:d?.nextElementSibling)?.querySelector("button, [role='button'], .k-link")?.focus()}},x=()=>{$=new MutationObserver(l=>{l.forEach(y=>{y.addedNodes.forEach(s=>{if(s.nodeType===Node.ELEMENT_NODE){const d=s;if(d.classList.contains("k-animation-container")){const h=c.value;h&&(h.dataset.featherKSortable==="true"||t.nextTick(()=>{d.querySelectorAll(".k-columnmenu-item-wrapper").forEach(Y=>{Y.textContent?.toLowerCase().includes("sort")&&Y.remove()})})),d.addEventListener("keydown",P),t.nextTick(()=>{const k=()=>{const D=Array.from(d.querySelectorAll(".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"));if(D.length===1)D[0].focus(),D[0].click(),k.attempts=0;else if(D.length>1){k.attempts=0;return}else k.attempts===void 0&&(k.attempts=0),k.attempts++<3&&setTimeout(k,200)};k()})}d.querySelectorAll(".k-animation-container").forEach(h=>{h.addEventListener("keydown",P)})}}),y.removedNodes.forEach(s=>{if(s.nodeType===Node.ELEMENT_NODE){const d=s;d.classList.contains("k-animation-container")&&d.removeEventListener("keydown",P),d.querySelectorAll(".k-animation-container").forEach(h=>{h.removeEventListener("keydown",P)})}})})}),$.observe(document.body,{childList:!0,subtree:!0})},M=l=>{const y=l.tagName.toLowerCase();return!!(["input","textarea","select","button"].includes(y)||l.closest('.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'))},F=l=>{if(!l.type||!l)return;const y=l.target;if(y&&!M(y)){if(l.code==="Escape"){const s=document.activeElement?.closest(".k-table-row[data-grid-row-index]");if(s){l.preventDefault(),l.stopPropagation();try{Array.from(e?.value.$el.querySelectorAll(".k-table-row[data-grid-row-index]")).forEach(g=>g.setAttribute("tabindex","-1"))}catch{}s.setAttribute("tabindex","0"),s.focus();return}}if(["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter","NumpadEnter","Space"].includes(l.code)){if(y.classList.contains("k-grid-header-menu")&&y.classList.contains("k-grid-column-menu")){c.value=y;return}const s=y.closest(".k-table-row[data-grid-row-index]");if(s){if(["ArrowDown","ArrowUp"].includes(l.code)){l.preventDefault(),l.stopPropagation();const d=(h,k)=>{let D=k==="next"?h.nextElementSibling:h.previousElementSibling;for(;D;){const Y=D;try{if(Y.classList.contains("k-table-row"))return Y}catch{}D=k==="next"?D.nextElementSibling:D.previousElementSibling}return null},g=l.code==="ArrowDown"?d(s,"next"):d(s,"previous");g&&(s.setAttribute("tabindex","-1"),g.setAttribute("tabindex","0"),g.focus());return}if(["ArrowLeft","ArrowRight"].includes(l.code)){l.preventDefault(),l.stopPropagation();const d=s.querySelectorAll(A);if(d.length===0)return;let g=Array.from(d).findIndex(h=>h===document.activeElement);if(g===-1&&document.activeElement===s){d[0].focus();return}l.code==="ArrowRight"?g=g===d.length-1?0:g+1:l.code==="ArrowLeft"&&(g=g===d.length-1?g-1:d.length-1),d[g].focus();return}}}}},O=()=>{t.nextTick(()=>{const l=e.value.$el.closest(".k-grid");l&&l.classList.add("fk-grid")})},p=()=>{if(!I)try{const l=()=>{try{const d=Array.from(e.value.$el.querySelectorAll(".k-table-row[data-grid-row-index]"));if(!d||d.length===0||d.filter(k=>k.getAttribute("tabindex")==="0").length===1)return;const h=d.find(k=>k===document.activeElement||k.contains(document.activeElement));if(d.forEach(k=>k.setAttribute("tabindex","-1")),h){h.setAttribute("tabindex","0");return}d[0].setAttribute("tabindex","0")}catch(d){console.error("ensureSingleTabindex error:",d)}},y=Array.from(e.value.$el.querySelectorAll(".k-table-row[data-grid-row-index]"));y.length>0&&y.forEach((d,g)=>{d.setAttribute("tabindex",g===0?"0":"-1")});const s=e.value.$el.querySelector(".k-table-tbody");s&&(I=new MutationObserver(()=>{l()}),I.observe(s,{childList:!0,subtree:!0}))}catch(l){console.error("Error setting up row navigation:",l)}},v=()=>{t.nextTick(()=>{const y=document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");y&&y.forEach(s=>{s.setAttribute("role","button"),s.addEventListener("keydown",w)}),x(),G()})},R=()=>{const y=document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");y&&y.forEach(s=>{s.removeEventListener("keydown",w)}),$&&($.disconnect(),$=null),I&&(I.disconnect(),I=null),N.forEach(s=>s()),N.length=0},G=()=>{document.querySelectorAll(".k-grid-header .k-table-thead th").forEach((s,d)=>{if(s.dataset.featherKHeaderBound==="true")return;const g=s.querySelector(".k-grid-header-menu.k-grid-column-menu");if(!g)return;const h=b();if(h&&h[d]){const r=h[d].field??"";s.setAttribute("data-feather-k-field",r),s.setAttribute("data-feather-k-filterable",h[d].filterable===!1?"false":"true"),s.setAttribute("data-feather-k-sortable",h[d].sortable===!1?"false":"true")}const k=s.dataset.featherKFilterable!=="false",D=s.dataset.featherKSortable!=="false";g.setAttribute("tabindex","-1"),k||D?s.style.cursor="pointer":s.style.cursor="default",k?(s.setAttribute("tabindex","0"),s.setAttribute("role","button"),s.setAttribute("aria-haspopup","menu")):(s.setAttribute("tabindex","0"),s.setAttribute("role","columnheader"),s.removeAttribute("aria-haspopup"));const Y=r=>{r.target?.closest(".k-column-resizer")||(c.value=s,g.click())},re=r=>{if(k)c.value=s,r.preventDefault(),r.stopPropagation(),Y(r);else if(D){c.value=s;const f=s.querySelector(".k-link");f&&f.click()}};s.addEventListener("click",re),N.push(()=>{s.removeEventListener("click",re)});const oe=r=>{if((S(r)||r.code==="Space")&&(k||D)){if(r.preventDefault(),r.stopPropagation(),c.value=s,c.value.focus(),k)Y(r);else if(D){const f=s.querySelector(".k-link");f&&f.click()}}};s.addEventListener("keydown",oe,!0),N.push(()=>{s.removeEventListener("keydown",oe,!0)}),s.dataset.featherKHeaderBound="true"});const y=document.querySelector(".k-grid-header .k-table-thead");if(y&&y.dataset.featherKHeaderBound!=="true"){const s=d=>{const g=d.target.closest("th");g&&(S(d)||d.code==="Space")&&g.dataset.featherKFilterable==="false"&&g.dataset.featherKSortable==="false"&&(d.preventDefault(),d.stopImmediatePropagation())};y.addEventListener("keydown",s,!0),N.push(()=>{y.removeEventListener("keydown",s,!0)}),y.dataset.featherKHeaderBound="true"}},_=function(l,y){const s=l?.event?.event.target,d=b();if(!s||!d)return;const g=s.classList.contains("k-grid-header-menu"),h=s.classList.contains("k-columnmenu-item"),k=d.find(D=>D.field===l?.event?.field)?.sortable&&!0;if(!g){if(h&&!k){l?.event?.sort?.filter(Y=>Y.field!==l?.event?.field);return}typeof y=="function"&&t.nextTick(()=>{c.value&&c.value.focus(),y(l),t.nextTick(()=>{G()})})}},Z=()=>{if(!U)try{O(),p(),v(),U=!0}catch(l){console.error("initA11y failed:",l),R()}};return t.onBeforeUnmount(()=>{R()}),{activeFilterButton:c,handleGridKeyDown:F,handleSortChange:_,initA11y:Z}};function Te(e){const n=t.ref(""),c=t.ref(void 0),U=t.ref(!!e.debug),$=t.ref(e.dateFormat??"mm/dd/yyyy"),I=t.computed(()=>!!e.required),N=t.ref(!1),A=["ArrowUp","ArrowDown"],S=["ArrowLeft","ArrowRight"],b=t.computed(()=>(n.value??"").replace(/\D/g,"")),w=r=>r<=2?"mm":r<=5?"dd":b.value.length<=10?"yyyy":"mm",P=t.computed(()=>{const r=n.value&&n.value.substring(0,2).replace(/\D/g,"0")||"0";return parseInt(r).toString().padStart(2,"0")}),x=t.computed(()=>{const r=n.value&&n.value.substring(3,5).replace(/\D/g,"0")||"0";return parseInt(r).toString().padStart(2,"0")}),M=t.computed(()=>{const r=n.value&&n.value.substring(6,10).replace(/\D/g,"0")||"0";return parseInt(r).toString().padStart(4,"0")}),F=r=>{if(b.value.length===0){e.onChange({value:null,event:r});return}if(b.value.length<8){e.onChange({value:null,event:r});return}if((n.value??"").length===10&&b.value.length===8){const[f,T,j]=n.value.split("/"),K=parseInt(f),V=parseInt(T),X=parseInt(j);if(G(X,K,V)){const ae=new Date(X,K-1,V);O(ae)?e.onChange({value:ae,event:r}):e.onChange({value:null,event:r})}else e.onChange({value:null,event:r})}},O=r=>{const f=e.min??void 0,T=e.max??void 0;return!(f&&r<f||T&&r>T)},p=t.computed(()=>{if((n.value??"").length===10&&b.value.length===8){const[r,f,T]=(n.value??"").split("/"),j=parseInt(r),K=parseInt(f),V=parseInt(T);if(G(V,j,K))return new Date(V,j-1,K)}return null}),v=t.computed(()=>(n.value??"").length===10&&b.value.length===8),R=(r,f)=>new Date(r,f,0).getDate(),G=(r,f,T)=>f>=1&&f<=12&&r>=1900&&T>=1&&T<=R(r,f),_=r=>{n.value=r.value;const f=r.event?.target;c.value=f?.selectionStart??0,F(r)},Z=r=>{c.value=r.target.selectionStart??0},l=(r,f,T)=>{const j=f?.selectionStart??c.value??0;c.value=j;let K=parseInt(P.value),V=parseInt(x.value),X=parseInt(M.value);if(!(b.value.length>=8)||!G(X,K,V)){const W=e.defaultValue??new Date;K=W.getMonth()+1,V=W.getDate(),X=W.getFullYear(),n.value=`${String(K).padStart(2,"0")}/${String(V).padStart(2,"0")}/${String(X)}`;const q=new Date(X,K-1,V);e.onChange({value:O(q)?q:null,event:T}),h({useRAF:!0});return}const a=w(j);if(a==="mm")K=r==="ArrowUp"?K<12?K+1:1:K>1?K-1:12;else if(a==="dd"){const W=new Date(X,K,0).getDate();V=r==="ArrowUp"?V<W?V+1:1:V>1?V-1:W}else a==="yyyy"&&(X=r==="ArrowUp"?X+1:Math.max(1,X-1));n.value=`${String(K).padStart(2,"0")}/${String(V).padStart(2,"0")}/${String(X)}`;const[i,C,L]=n.value.split("/"),B=new Date(parseInt(L),parseInt(i)-1,parseInt(C));B.toString()!=="Invalid Date"&&parseInt(L)>=1e3?e.onChange({value:O(B)?B:null,event:T}):e.onChange({value:null,event:T}),h({useRAF:!0})},y=r=>{if(r.code==="Space"||r.key===" "){r.preventDefault(),r.stopPropagation(),e.onShowCalendar(r);return}if(r.key==="ArrowDown"&&r.altKey){r.preventDefault(),r.stopPropagation(),e.onShowCalendar(r);return}if(A.includes(r.key)){if(r.altKey)return;r.preventDefault(),r.stopPropagation();const f=r.target;l(r.key,f,r);return}},s=r=>{r.preventDefault();const f=r.deltaY<0?"ArrowUp":"ArrowDown";l(f,r.target,r)},d=r=>{const f=r.target;if(S.includes(r.key)){c.value=f?.selectionStart??0;return}if(A.includes(r.key)){if(r.altKey)return;c.value=f?.selectionStart??0}},g=r=>{N.value=!0,I.value&&!e.defaultValue&&e.externalValue&&e.externalValue.value===void 0&&b.value.length===0&&(e.externalValue.value="");const f=r.target;f&&(c.value=f.selectionStart??0)},h=r=>{const f=()=>{const T=document.getElementById(e.id);if(!T)return;const j=r?.pos??c.value??T.value.length;try{T.focus(),T.setSelectionRange(j,j)}catch{}};t.nextTick(()=>{if(r?.delay&&r.delay>0){setTimeout(f,r.delay);return}if(r?.useRAF){requestAnimationFrame(f);return}f()})};e.externalValue&&t.watch(e.externalValue,r=>{if(r){const f=new Date(r);if(f.toString()!=="Invalid Date"){const T=(f.getMonth()+1).toString().padStart(2,"0"),j=f.getDate().toString().padStart(2,"0"),K=f.getFullYear().toString();n.value=`${T}/${j}/${K}`,h({delay:50});return}}},{immediate:!0});const k=t.computed(()=>[["Date",`${P.value} / ${x.value} / ${M.value}`],["Digits only",b.value],["min",e.min?.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"})??null],["max",e.max?.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"})??null]]),D=t.computed(()=>{if(!I.value){if(!v.value)return!0;const f=p.value;return f?O(f):!1}if(!N.value)return!0;const r=p.value;return!v.value||!r?!1:O(r)}),Y=t.computed(()=>{if(!I.value){if(!v.value)return;const f=p.value;return f?O(f)?"valid":"out-of-bounds":"invalid-date"}if(!N.value)return;if(b.value.length===0||!v.value)return"incomplete";const r=p.value;return r?O(r)?"valid":"out-of-bounds":"invalid-date"}),re=t.computed(()=>{const r=Y.value;if(!r||r==="valid")return"";if(r==="incomplete")return"Required";if(r==="invalid-date")return`Must be in ${$.value} format.`;const f=e.min?e.min.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}):null,T=e.max?e.max.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}):null;if(r==="out-of-bounds"){if(f&&T)return`Must be between ${f} and ${T}.`;if(f)return`Must be on or after ${f}.`;if(T)return`Must be on or before ${T}.`}return""}),oe=()=>{t.nextTick(()=>{const r=document.getElementById(e.id);if(!r){console.warn(`ID (#${e.id}) not found for styling.`);return}const f=r.closest(".k-datepicker");if(!f){console.warn(`.k-datepicker parent not found for #${e.id} styling.`);return}const T=f.parentElement;if(T){if(T.classList.contains("fk-datepicker"))return;T.classList.add("fk-datepicker")}else console.warn(`Parent of .k-datepicker not found for #${e.id} styling.`)})};return t.onMounted(()=>{oe()}),{raw:n,cursorPos:c,debugEnabled:U,debugLines:k,placeholder:$,isValid:D,reason:t.readonly(Y),validationMessage:re,digitsOnly:b,month:t.readonly(P),day:t.readonly(x),year:t.readonly(M),datePart:w,handleChange:_,handleKeyDown:y,handleWheel:s,handleKeyUp:d,handleClick:Z,handleBlur:g,initStyling:oe}}function Ce(e){const n=t.ref(""),c=t.ref(void 0),U=t.ref(!!e.debug),$=t.ref(!1),I=1440*60*1e3,N=365*I,A=new Date,S=new Date(A.getTime()-N),b=new Date(A.getTime()+N);e.min=e.min??S,e.max=e.max??b;const w=t.computed(()=>(n.value??"").replace(/\D/g,"")),P=(o,u)=>new Date(o,u,0).getDate(),x=(o,u,m)=>u>=1&&u<=12&&o>=1e3&&m>=1&&m<=P(o,u),M=o=>Date.UTC(o.getFullYear(),o.getMonth(),o.getDate()),F=o=>{if(!o)return null;const u=e.min??new Date(Date.now()-90*I),m=e.max??new Date,E=M(o);return E<M(u)||E>M(m)?null:o},O=(o,u)=>e.allowReverse??!1?!0:o<=u,p=t.computed(()=>(n.value?.length??0)>=23&&w.value.length>=16),v=o=>{if((o??"").length<23||w.value.length<16)return{start:null,end:null};const u=o.substring(0,10),m=o.substring(13,23),[E,J,Q]=u.split("/").map(se=>parseInt(se||"0",10)),[ie,ce,de]=m.split("/").map(se=>parseInt(se||"0",10)),fe=new Date(Q,E-1,J),ye=new Date(de,ie-1,ce),Se=x(Q,E,J)&&fe.toString()!=="Invalid Date",be=x(de,ie,ce)&&ye.toString()!=="Invalid Date";return{start:Se?fe:null,end:be?ye:null}},R=e.externalValid??t.ref(!0),G=t.computed(()=>v(n.value)),_=t.computed(()=>{const o=F(G.value.start),u=F(G.value.end);return{start:o,end:u}}),Z=t.computed(()=>{if(!p.value)return;const o=_.value.start,u=_.value.end;if(!o||!u)return;const m=Math.abs(M(u)-M(o));return Math.round(m/864e5+1)}),l=t.computed(()=>{if(!p.value)return!1;const{start:o,end:u}=G.value;if(!o||!u||!_.value.start||!_.value.end)return!1;const m=_.value.start,E=_.value.end;return!(!O(m,E)||typeof e.maxSpanDays=="number"&&Z.value!==void 0&&Z.value>e.maxSpanDays)}),y=t.computed(()=>{const{start:o,end:u}=G.value;if(!p.value)return"incomplete";if(!o||!u)return"invalid-date";if(!_.value.start||!_.value.end)return"out-of-bounds";const m=_.value.start,E=_.value.end;return O(m,E)?typeof e.maxSpanDays=="number"&&Z.value!==void 0&&Z.value>e.maxSpanDays?"span-exceeds-limit":"valid":"reversed-range"}),s=t.ref(void 0),d=t.computed(()=>{if(R.value!==!1)return"";const{min:o,max:u}=e,m=s.value;if(!m)return"";switch(m){case"incomplete":return"Required";case"invalid-date":return"One or both dates invalid.";case"reversed-range":return"End Date must be on or after Start Date.";case"out-of-bounds":return o&&u?`Dates must be between ${D(o)} and ${D(u)}.`:"Dates must be within the allowed range.";case"span-exceeds-limit":return typeof e.maxSpanDays=="number"?`Date range exceeds ${e.maxSpanDays} days.`:"Date range exceeds maximum allowed span.";default:return""}}),g=["ArrowUp","ArrowDown"],h=["ArrowLeft","ArrowRight"],k=(o,u)=>String(o).padStart(u,"0"),D=o=>`${k(o.getMonth()+1,2)}/${k(o.getDate(),2)}/${k(o.getFullYear(),4)}`,Y=o=>o<=2?{side:"start",part:"mm"}:o<=5?{side:"start",part:(o<=3,"dd")}:o<=11?{side:"start",part:"yyyy"}:o<=15?{side:"end",part:"mm"}:o<=18?{side:"end",part:"dd"}:{side:"end",part:"yyyy"},re=(o,u,m)=>{const E=u?.selectionStart??c.value??0;c.value=E;const{start:J,end:Q}=v(n.value);if(!J&&!Q){const H=new Date,le=D(H);n.value=`${le} - ${le}`,e.onChange({value:{start:H,end:H},event:m}),t.nextTick(()=>{requestAnimationFrame(()=>{const ee=document.getElementById(e.id),ne=c.value??0;ee&&(ee.focus(),ee.setSelectionRange(ne,ne))})});return}const ie=new Date,ce=Y(E);let de=J?new Date(J):new Date(ie),fe=Q?new Date(Q):new Date(ie);const ye=(H,le)=>{if(le==="mm"){const ee=H.getMonth()+1,ne=o==="ArrowUp"?ee<12?ee+1:1:ee>1?ee-1:12;H.setMonth(ne-1);const ge=P(H.getFullYear(),ne);H.getDate()>ge&&H.setDate(ge)}else if(le==="dd"){const ee=P(H.getFullYear(),H.getMonth()+1),ne=H.getDate(),ge=o==="ArrowUp"?ne<ee?ne+1:1:ne>1?ne-1:ee;H.setDate(ge)}else if(le==="yyyy"){const ee=H.getFullYear();H.setFullYear(o==="ArrowUp"?ee+1:Math.max(1,ee-1));const ne=P(H.getFullYear(),H.getMonth()+1);H.getDate()>ne&&H.setDate(ne)}};ce.side==="start"?ye(de,ce.part):ye(fe,ce.part);const Se=D(de),be=D(fe);n.value=`${Se} - ${be}`;const se=F(de),we=F(fe);se&&we&&O(se,we)?e.onChange({value:{start:se,end:we},event:m}):e.onChange({value:null,event:m}),t.nextTick(()=>{requestAnimationFrame(()=>{const H=document.getElementById(e.id),le=c.value??0;H&&(H.focus(),H.setSelectionRange(le,le))})})},oe=o=>{const{start:u,end:m}=v(n.value);if(!u||!m){e.onChange({value:null,event:o});return}const E=F(u),J=F(m);if(!E||!J){e.onChange({value:null,event:o});return}if(!O(E,J)){e.onChange({value:null,event:o});return}e.onChange({value:{start:E,end:J},event:o})},r=o=>{const u=o.value??"",m=o.event;if(!u&&m&&m.type==="click"){ae(m);return}n.value=u;const E=m?.target;c.value=E?.selectionStart??0,oe(o)},f=o=>{c.value=o.target.selectionStart??0},T=o=>{if(o.code==="Space"||o.key===" "){o.preventDefault(),o.stopPropagation(),e.onShowCalendar(o);return}if(o.key==="ArrowDown"&&o.altKey){o.preventDefault(),o.stopPropagation(),e.onShowCalendar(o);return}if(g.includes(o.key)){o.preventDefault(),o.stopPropagation();const u=o.target;re(o.key,u,o);return}},j=o=>{o.preventDefault();const u=o.deltaY<0?"ArrowUp":"ArrowDown";re(u,o.target,o)},K=o=>{if(h.includes(o.key)||g.includes(o.key)){const u=o.target;c.value=u?.selectionStart??0}},V=()=>{s.value=y.value,(e.manageValid??!0)&&(R.value=l.value)},X=o=>{V()},ae=o=>{console.log("Clear event:",o),n.value="",c.value=0,e.onChange({value:null,event:o}),V(),t.nextTick(()=>{const u=document.getElementById(e.id);u&&(u.focus(),u.setSelectionRange(0,0))})};e.externalValue&&t.watch(e.externalValue,o=>{const u=o?.start??null,m=o?.end??null;if(u&&m){if(n.value=`${D(u)} - ${D(m)}`,e.isOpen?.value&&$.value&&e.onRequestClose){const E=typeof e.closeDelay=="number"?e.closeDelay:e.closeDelay?.value??0;setTimeout(()=>{e.onRequestClose?.(),$.value=!1,V()},E)}return}},{immediate:!0});const a=t.computed(()=>n.value&&n.value.substring(0,2).replace(/\D/g,"0")||"0"),i=t.computed(()=>n.value&&n.value.substring(3,5).replace(/\D/g,"0")||"0"),C=t.computed(()=>n.value&&n.value.substring(6,10).replace(/\D/g,"0")||"0"),L=t.computed(()=>n.value&&n.value.substring(13,15).replace(/\D/g,"0")||"0"),B=t.computed(()=>n.value&&n.value.substring(16,18).replace(/\D/g,"0")||"0"),W=t.computed(()=>n.value&&n.value.substring(19,23).replace(/\D/g,"0")||"0"),q=t.computed(()=>{const{start:o,end:u}=v(n.value);return[{label:"Raw",value:n.value},{label:"Min Date",value:`${e.min?e.min.toDateString():"-"}`},{label:"Max Date",value:`${e.max?e.max.toDateString():"-"}`},{label:"Start",value:`${String(a.value).padStart(2,"0")} / ${String(i.value).padStart(2,"0")} / ${String(C.value).padStart(4,"0")}`},{label:"End",value:`${String(L.value).padStart(2,"0")} / ${String(B.value).padStart(2,"0")} / ${String(W.value).padStart(4,"0")}`},{label:"Digits only",value:w.value},{label:"Mask complete",value:`${p.value}`},{label:"Parsed",value:`${o?o.toDateString():"-"} | ${u?u.toDateString():"-"}`},{label:"Valid (managed)",value:`${R.value??"-"}`},{label:"Span (days)",value:`${Z.value??"-"}`},{label:"Reason",value:`${y.value??"-"}`},{label:"Cursor in",value:`${c.value??"-"} (${(()=>{const m=c.value??0,E=Y(m);return`${E.side}.${E.part}`})()})`}]}),z=()=>{t.nextTick(()=>{const o=document.getElementById(e.id);if(!o){console.warn(`#${e.id} not found for styling.`);return}const u=o.closest("div");if(!u){console.warn(`Parent div of #${e.id} not found for styling.`);return}u.classList.contains("fk-daterangepicker")||u.classList.add("fk-daterangepicker")})};t.onMounted(()=>{z()});const me=()=>{t.nextTick(()=>{try{const o=Array.from(document.querySelectorAll(".k-animation-container"));if(!o.length)return;const m=[...o].reverse().find(Q=>Q.querySelector(".k-calendar"))?.querySelector(".k-calendar");if(!m)return;const E=m.querySelectorAll(".k-calendar-table");let J=!1;E.forEach(Q=>{Q.tabIndex===0&&(J?Q.tabIndex=-1:J=!0)})}catch(o){console.warn(o)}})};return e.isOpen&&t.watch(e.isOpen,o=>{o&&setTimeout(()=>me(),0)},{immediate:!1}),{raw:n,cursorPos:c,debugEnabled:U,debugLines:q,digitsOnly:w,valid:R,validComputed:t.readonly(l),reason:t.readonly(y),validationMessage:t.readonly(d),spanDays:t.readonly(Z),month1:t.readonly(a),day1:t.readonly(i),year1:t.readonly(C),month2:t.readonly(L),day2:t.readonly(B),year2:t.readonly(W),handleChange:r,handleKeyDown:T,handleWheel:j,handleKeyUp:K,handleClick:f,handleBlur:X,handleClear:ae,onCalendarChange:()=>{$.value=!0},initStyling:z}}function $e(e){const n=t.ref(""),c=t.ref(void 0),U=t.ref(!!e.debug),$=t.ref(e.timeFormat??"hh:mm AM"),I=t.computed(()=>!!e.required),N=t.ref(!1),A=["ArrowUp","ArrowDown"],S=["ArrowLeft","ArrowRight"],b=t.computed(()=>(n.value??"").replace(/\D/g,"")),w={H:/[0-9]/,h:/[0-9]/,M:/[0-9]/,m:/[0-9]/,A:/[AaPp]/,a:/[Mm]/},P=a=>a<=2?"hh":a<=5?"mm":"ampm",x=t.computed(()=>{const a=n.value&&n.value.substring(0,2).replace(/\D/g,"0")||"0",i=parseInt(a);return Math.min(Math.max(i,0),23)}),M=t.computed(()=>{const a=n.value&&n.value.substring(3,5).replace(/\D/g,"0")||"0",i=parseInt(a);return Math.min(Math.max(i,0),59)}),F=t.computed(()=>(n.value?.substring(6,8)||"AM").toUpperCase().startsWith("P")?"PM":"AM"),O=t.computed(()=>{const a=parseInt(n.value?.substring(0,2).replace(/\D/g,"0")||"0"),i=F.value;return a===12?i==="AM"?0:12:i==="PM"?a+12:a}),p=t.computed(()=>v.value?`${String(O.value).padStart(2,"0")}:${String(M.value).padStart(2,"0")}:00`:null),v=t.computed(()=>/^(\d{2}):(\d{2})\s([AP]M)$/i.test(n.value??"")),R=(a,i,C)=>{let L=a%12;return L===0&&(L=12),`${String(L).padStart(2,"0")}:${String(i).padStart(2,"0")} ${C}`},G=a=>{const i=a.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);if(!i)return null;const C=parseInt(i[1]),L=parseInt(i[2]),B=i[3].toUpperCase();if(C<1||C>12||L<0||L>59)return null;let W=C%12;B==="PM"&&(W+=12);const q=new Date;return q.setSeconds(0,0),q.setHours(W),q.setMinutes(L),q},_=a=>{if(b.value.length===0){e.onChange({value:null,event:a});return}if(!v.value){e.onChange({value:null,event:a});return}const i=G(n.value);i&&l(i)?e.onChange({value:i,event:a}):e.onChange({value:null,event:a})},Z=a=>a.getHours()*60+a.getMinutes(),l=a=>{const i=e.min??void 0,C=e.max??void 0,L=Z(a);if(i){const B=Z(i);if(L<B)return!1}if(C){const B=Z(C);if(L>B)return!1}return!0},y=a=>{const i=a.getHours(),C=i>=12?"PM":"AM";n.value=R(i,a.getMinutes(),C)},s=(a,i)=>{e.onChange({value:a,event:i})},d=()=>{t.nextTick(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{const a=document.getElementById(e.id);if(a){a.focus();const i=(a.value??"").length;a.setSelectionRange(i,i)}})})})},g=a=>{const i=a?.event?.target;return i?i.closest(".k-time-now")?"now":i.closest(".k-time-accept")?"set":null:null},h=(a,i)=>{a&&l(a)?s(a,i):s(null,i)},k=(...a)=>{const i=a[0];if(!i)return;const C=g(i);if(C==="now"){const B=new Date;y(B),h(B,i),d();return}if(i?.value instanceof Date){const B=new Date(i.value);y(B),h(B,i),C==="set"&&d();return}if(i?.value===null){n.value="",s(null,i);return}n.value=i.value;const L=i.event?.target;c.value=L?.selectionStart??0;try{const B=c.value??0;if(P(B)==="ampm"&&(n.value??"").length>=8){const W=n.value.charAt(6);/[Aa]/.test(W)?(n.value=`${n.value.slice(0,6)}AM${n.value.slice(8)}`,t.nextTick(()=>{requestAnimationFrame(()=>{const q=document.getElementById(e.id);q&&(q.focus(),q.setSelectionRange(8,8))})})):/[Pp]/.test(W)&&(n.value=`${n.value.slice(0,6)}PM${n.value.slice(8)}`,t.nextTick(()=>{requestAnimationFrame(()=>{const q=document.getElementById(e.id);q&&(q.focus(),q.setSelectionRange(8,8))})}))}}catch{}_(i)},D=a=>{c.value=a.target.selectionStart??0},Y=(a,i,C)=>{const L=i?.selectionStart??c.value??0;c.value=L;const B=P(L),W=(n.value??"").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);if(!W){if((n.value??"").length===0||b.value.length===0){const u=new Date,m=u.getHours(),E=m>=12?"PM":"AM";n.value=R(m,u.getMinutes(),E);const J=G(n.value);h(J,C),t.nextTick(()=>{requestAnimationFrame(()=>{const Q=document.getElementById(e.id),ie=c.value??0;Q&&(Q.focus(),Q.setSelectionRange(ie,ie))})})}return}let q=parseInt(W[1]),z=parseInt(W[2]),me=W[3].toUpperCase();if(B==="hh")a==="ArrowUp"?q=q<12?q+1:1:q=q>1?q-1:12;else if(B==="mm"){const u=e.minuteStepRef?.value??e.minuteStep??1;if(u===1)a==="ArrowUp"?z=z<59?z+1:0:z=z>0?z-1:59;else if(a==="ArrowUp"){const m=z%u;let E=m===0?z+u:z+(u-m);E>=60&&(E=0),z=E}else{const m=z%u;let E=m===0?z-u:z-m;E<0&&(E=60-u),z=E}}else B==="ampm"&&(me=me==="AM"?"PM":"AM");n.value=`${String(q).padStart(2,"0")}:${String(z).padStart(2,"0")} ${me}`;const o=G(n.value);h(o,C),t.nextTick(()=>{requestAnimationFrame(()=>{const u=document.getElementById(e.id),m=c.value??0;u&&(u.focus(),u.setSelectionRange(m,m))})})},re=a=>{if(a.code==="Space"||a.key===" "){a.preventDefault(),a.stopPropagation(),e.onShowPicker(a);return}if(a.key==="ArrowDown"&&a.altKey){a.preventDefault(),a.stopPropagation(),e.onShowPicker(a);return}if(A.includes(a.key)){if(a.altKey)return;a.preventDefault(),a.stopPropagation();const i=a.target;Y(a.key,i,a);return}},oe=a=>{a.preventDefault();const i=a.deltaY<0?"ArrowUp":"ArrowDown";Y(i,a.target,a)},r=a=>{const i=a.target;if(S.includes(a.key)){c.value=i?.selectionStart??0;return}if(A.includes(a.key)){if(a.altKey)return;c.value=i?.selectionStart??0}},f=a=>{N.value=!0,I.value&&e.externalValue&&e.externalValue.value===void 0&&b.value.length===0&&(e.externalValue.value="");const i=a.target;i&&(c.value=i.selectionStart??0)};e.externalValue&&t.watch(e.externalValue,a=>{if(a){const i=new Date(a);if(i.toString()!=="Invalid Date"){const C=i.getHours(),L=C>=12?"PM":"AM";n.value=R(C,i.getMinutes(),L);return}}},{immediate:!0});const T=t.computed(()=>[["Time",n.value||"--:-- --"],["Hour (12h)",x.value],["Hour (24h)",O.value],["Minute",M.value],["Period",F.value],["Time (24h)",p.value??"--:--:--"],["Digits only",b.value],["Parsed Date",j.value?.toLocaleDateString("en-US",{hour:"2-digit",minute:"2-digit"})??null],["min",e.min?.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})??null],["max",e.max?.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})??null],["valid",K.value],["reason",V.value],["validationMessage",X.value]]),j=t.computed(()=>G(n.value)??null),K=t.computed(()=>{if(!I.value){if(!v.value)return!0;const i=j.value;return i?l(i):!1}if(!N.value)return!0;const a=j.value;return!v.value||!a?!1:l(a)}),V=t.computed(()=>{if(!I.value){if(!v.value)return;const i=j.value;return i?l(i)?"valid":"out-of-bounds":"invalid-time"}if(!N.value)return;if(b.value.length===0||!v.value)return"incomplete";const a=j.value;return a?l(a)?"valid":"out-of-bounds":"invalid-time"}),X=t.computed(()=>{const a=V.value;if(!a||a==="valid")return"";if(a==="incomplete")return"Required";if(a==="invalid-time")return`Must be in ${$.value} format.`;const i={hour:"2-digit",minute:"2-digit"},C=e.min?e.min.toLocaleTimeString("en-US",i):null,L=e.max?e.max.toLocaleTimeString("en-US",i):null;if(a==="out-of-bounds"){if(C&&L)return`Must be between ${C} and ${L}.`;if(C)return`Must be ${C} or later.`;if(L)return`Must be ${L} or earlier.`}return""}),ae=()=>{t.nextTick(()=>{const a=document.getElementById(e.id);if(!a){console.warn(`#${e.id} not found for styling.`);return}const i=a.closest(".k-timepicker");if(!i){console.warn(`.k-timepicker parent of #${e.id} not found for styling.`);return}const C=i.parentElement;if(!C){console.warn(`Parent of .k-timepicker not found for #${e.id} styling.`);return}C.classList.contains("fk-timepicker")||C.classList.add("fk-timepicker")})};return t.onMounted(()=>{ae()}),{raw:n,rules:w,debugEnabled:U,debugLines:T,placeholder:$,isValid:K,reason:t.readonly(V),validationMessage:X,isComplete:v,inRangeTime:l,cursorPos:c,hour:t.readonly(x),hour24:t.readonly(O),minute:t.readonly(M),period:t.readonly(F),time24:t.readonly(p),parsedRawTime:t.readonly(j),handleChange:k,handleKeyDown:re,handleKeyUp:r,handleClick:D,handleWheel:oe,handleBlur:f,initStyling:ae}}function Pe(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}const ke=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ie=Object.prototype.toString,Fe=e=>Ie.call(e)==="[object Object]",ue=()=>{},Le=Re();function Re(){var e,n;return ke&&((e=window?.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window?.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window?.navigator.userAgent))}function he(e){return Array.isArray(e)?e:[e]}function qe(e,n,c){return t.watch(e,n,{...c,immediate:!0})}const De=ke?window:void 0;function pe(e){var n;const c=t.toValue(e);return(n=c?.$el)!=null?n:c}function ve(...e){const n=[],c=()=>{n.forEach(A=>A()),n.length=0},U=(A,S,b,w)=>(A.addEventListener(S,b,w),()=>A.removeEventListener(S,b,w)),$=t.computed(()=>{const A=he(t.toValue(e[0])).filter(S=>S!=null);return A.every(S=>typeof S!="string")?A:void 0}),I=qe(()=>{var A,S;return[(S=(A=$.value)==null?void 0:A.map(b=>pe(b)))!=null?S:[De].filter(b=>b!=null),he(t.toValue($.value?e[1]:e[0])),he(t.unref($.value?e[2]:e[1])),t.toValue($.value?e[3]:e[2])]},([A,S,b,w])=>{if(c(),!A?.length||!S?.length||!b?.length)return;const P=Fe(w)?{...w}:w;n.push(...A.flatMap(x=>S.flatMap(M=>b.map(F=>U(x,M,F,P)))))},{flush:"post"}),N=()=>{I(),c()};return Pe(c),N}let Ae=!1;function Ue(e,n,c={}){const{window:U=De,ignore:$=[],capture:I=!0,detectIframe:N=!1,controls:A=!1}=c;if(!U)return A?{stop:ue,cancel:ue,trigger:ue}:ue;if(Le&&!Ae){Ae=!0;const p={passive:!0};Array.from(U.document.body.children).forEach(v=>v.addEventListener("click",ue,p)),U.document.documentElement.addEventListener("click",ue,p)}let S=!0;const b=p=>t.toValue($).some(v=>{if(typeof v=="string")return Array.from(U.document.querySelectorAll(v)).some(R=>R===p.target||p.composedPath().includes(R));{const R=pe(v);return R&&(p.target===R||p.composedPath().includes(R))}});function w(p){const v=t.toValue(p);return v&&v.$.subTree.shapeFlag===16}function P(p,v){const R=t.toValue(p),G=R.$.subTree&&R.$.subTree.children;return G==null||!Array.isArray(G)?!1:G.some(_=>_.el===v.target||v.composedPath().includes(_.el))}const x=p=>{const v=pe(e);if(p.target!=null&&!(!(v instanceof Element)&&w(e)&&P(e,p))&&!(!v||v===p.target||p.composedPath().includes(v))){if("detail"in p&&p.detail===0&&(S=!b(p)),!S){S=!0;return}n(p)}};let M=!1;const F=[ve(U,"click",p=>{M||(M=!0,setTimeout(()=>{M=!1},0),x(p))},{passive:!0,capture:I}),ve(U,"pointerdown",p=>{const v=pe(e);S=!b(p)&&!!(v&&!p.composedPath().includes(v))},{passive:!0}),N&&ve(U,"blur",p=>{setTimeout(()=>{var v;const R=pe(e);((v=U.document.activeElement)==null?void 0:v.tagName)==="IFRAME"&&!R?.contains(U.document.activeElement)&&n(p)},0)},{passive:!0})].filter(Boolean),O=()=>F.forEach(p=>p());return A?{stop:O,cancel:()=>{S=!1},trigger:p=>{S=!0,x(p),S=!1}}:O}function Oe(e){const n=t.shallowRef(null),c=[".k-animation-container .k-popup",".k-popup",".k-timepicker-popup",".k-menu-popup"],U=Array.isArray(e.popupSelector)?e.popupSelector:[e.popupSelector??c].flat(),$=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"])')??w:null,{activate:I,deactivate:N}=Ee.useFocusTrap(n,{escapeDeactivates:!1,clickOutsideDeactivates:!1,fallbackFocus:()=>n.value,initialFocus:()=>$(n.value),...e.focusTrapOptions??{}});let A=null,S=t.ref(null);const b=()=>{if(e.resolvePopupEl)return e.resolvePopupEl();const w=(x,M)=>{const F=Array.from(x.querySelectorAll(M));if(!F.length)return null;const O=F.filter(p=>p.offsetParent!==null||p.getClientRects().length>0);return O[O.length-1]??F[F.length-1]??null},P=e.triggerEl?.value?.closest?.(".k-animation-container")??document.body;for(const x of U){const M=w(P,x);if(M)return M}for(const x of U){const M=w(document,x);if(M)return M}return null};return Ue(n,w=>{S.value="outside",e.isOpen.value&&e.onRequestClose?.("outside",w)}),t.watch(()=>e.isOpen.value,w=>{w?(S.value=null,t.nextTick(()=>{const P=b();P&&(n.value=P,setTimeout(()=>I(),0),A||(A=x=>{x.key==="Escape"&&(S.value="escape",e.isOpen.value&&e.onRequestClose?.("escape",x))},document.addEventListener("keydown",A,!0)))})):(N(),A&&(document.removeEventListener("keydown",A,!0),A=null),n.value=null,S.value==="outside"&&t.nextTick(()=>{const P=()=>{const x=e.triggerEl?.value,M=x?.querySelector("input"),F=document.activeElement;F&&(F===M||x&&x.contains(F))&&(M??x)?.blur?.()};requestAnimationFrame(()=>setTimeout(P,0))}),e.returnFocusToTrigger!==!1&&S.value==="escape"&&e.triggerEl?.value&&(console.log("Returning focus to trigger element:",e.triggerEl.value),t.nextTick(()=>{const P=()=>{const x=e.triggerEl?.value;if(!x)return;(x.querySelector("input")??x)?.focus?.()};requestAnimationFrame(()=>setTimeout(P,0))})))}),{popupRef:n,activate:I,deactivate:N,lastCloseReason:t.readonly(S),setPopupEl:w=>n.value=w}}const Ke=e=>!!e&&typeof e=="object"&&"filters"in e&&Array.isArray(e.filters),Ve=e=>!!e&&typeof e=="object"&&"field"in e,xe=(e,n)=>!e||typeof e!="object"?!1:Ke(e)?e.filters.some(c=>xe(c,n)):Ve(e)?e.field===n:!1,Be=e=>{const n=t.ref({}),c=$=>!e.value||!e.value.filters?!1:e.value.filters.some(I=>xe(I,$));return{activeClasses:n,hasFieldFilter:c,updateActiveClass:$=>{const I=c($);console.log("updateActiveClass for",$,"hasFilter:",I),n.value[$]=I?"active":"",console.log("activeClasses after update",n.value)}}};te.useGridA11y=Me,te.useGridFilter=Be,te.useMaskedDateInput=Te,te.useMaskedDateRangeInput=Ce,te.useMaskedTimeInput=$e,te.usePopupTrap=Oe,Object.defineProperty(te,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@featherk/composables",
-  "version": "0.6.17",
+  "version": "0.6.18",
   "main": "dist/featherk-composables.umd.js",
   "module": "dist/featherk-composables.es.js",
   "types": "dist/index.d.ts",