@featherk/composables 0.6.16 → 0.6.17

package/dist/featherk-composables.es.js

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