npm - @featherk/composables - Versions diffs - 0.10.8 → 0.10.9 - Mend

@featherk/composables 0.10.8 → 0.10.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/featherk-composables.es.js +865 -890
package/dist/featherk-composables.es.js.map +1 -1
package/dist/featherk-composables.umd.js +1 -1
package/dist/featherk-composables.umd.js.map +1 -1
package/package.json +4 -4

package/dist/featherk-composables.es.js CHANGED Viewed

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