npm - @featherk/composables - Versions diffs - 0.12.4 → 0.13.0 - Mend

@featherk/composables 0.12.4 → 0.13.0

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 (15) hide show

package/README.md +5 -0
package/dist/docs-manifest.d.ts +5 -0
package/dist/docs-manifest.js +27 -17
package/dist/featherk-composables.es.js +1242 -1197
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/dist/menu/usePopupMenu.d.ts +46 -11
package/docs/menu/usePopupMenu.md +52 -25
package/docs/menu/usePopupMenuActivationAnchor.md +132 -0
package/docs/menu/usePopupMenuFocusAndExclusivity.md +105 -0
package/docs/menu/usePopupMenuGridOrchestration.md +480 -0
package/docs/menu/usePopupMenuSharedInstance.md +106 -0
package/docs/menu/usePopupMenuUpgrade0130.md +115 -0
package/package.json +1 -1

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

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