@featherk/composables 0.9.2 → 0.9.5

package/dist/featherk-composables.es.js

@@ -1,25 +1,25 @@
-import { ref as N, onBeforeUnmount as Ve, nextTick as H, computed as m, watchEffect as $e, toValue as oe, reactive as Re, watch as fe, onMounted as Me, readonly as _, getCurrentScope as Le, onScopeDispose as qe, unref as Oe, shallowRef as Ue } from "vue";
+import { ref as Z, onBeforeUnmount as Ve, nextTick as W, computed as c, watchEffect as $e, toValue as le, reactive as Re, watch as de, onMounted as Me, readonly as J, getCurrentScope as Le, onScopeDispose as qe, unref as Oe, shallowRef as Ue } from "vue";
 import { useFocusTrap as Ke } from "@vueuse/integrations/useFocusTrap";
 const ut = (e, t) => {
-  const l = N(null);
-  let b = !1, C = null, $ = null;
-  const k = [], A = ".k-table-row[data-grid-row-index] [tabindex]", I = () => {
+  const l = Z(null);
+  let h = !1, v = null, $ = null;
+  const M = [], k = ".k-table-row[data-grid-row-index] [tabindex]", C = () => {
     const o = e?.value?.$el;
     return o ? o.closest(".k-grid") : null;
   }, D = (o) => {
-    const g = I();
+    const g = C();
     if (!g) return !1;
     const s = o.closest(".k-grid-aria-root");
     if (s)
       return g.contains(s);
-    const c = o.closest(
+    const d = o.closest(
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
-    return c ? g.contains(c) : !1;
-  }, M = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", P = () => e?.value?.columns, S = (o) => {
+    return d ? g.contains(d) : !1;
+  }, I = (o) => o.key === "Enter" || o.code === "Enter" || o.code === "NumpadEnter", V = () => e?.value?.columns, w = (o) => {
     const g = o.key || o.code;
-    ([" ", "Spacebar", "Space"].includes(g) || M(o)) && (o.preventDefault(), o.stopPropagation(), l.value = o.target, o.target.click());
-  }, v = (o) => {
+    ([" ", "Spacebar", "Space"].includes(g) || I(o)) && (o.preventDefault(), o.stopPropagation(), l.value = o.target, o.target.click());
+  }, y = (o) => {
     if (!l.value) return;
     if (o.code === "Escape") {
       o.stopPropagation(), l.value && l.value.focus();
@@ -34,7 +34,7 @@ const ut = (e, t) => {
     );
     if (s) {
       if (o.code === "Tab") {
-        const c = [
+        const d = [
           // ".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,53 +43,53 @@ const ut = (e, t) => {
           "input.k-input-inner:not([tabindex='-1']):not([disabled])",
           "button:not([tabindex='-1']):not([disabled])",
           ".k-checkbox"
-        ], E = t?.focusableMenuSelectors ?? c, p = Array.from(
+        ], E = t?.focusableMenuSelectors ?? d, m = Array.from(
           s.querySelectorAll(E.join(","))
         );
-        if (p.length === 0) return;
-        const x = p.findIndex(
-          (Z) => Z === document.activeElement
+        if (m.length === 0) return;
+        const x = m.findIndex(
+          (Y) => Y === document.activeElement
         );
         let q;
-        x === -1 ? q = 0 : o.shiftKey ? q = (x - 1 + p.length) % p.length : q = (x + 1) % p.length, o.preventDefault(), o.stopPropagation(), p[q]?.focus();
+        x === -1 ? q = 0 : o.shiftKey ? q = (x - 1 + m.length) % m.length : q = (x + 1) % m.length, o.preventDefault(), o.stopPropagation(), m[q]?.focus();
       }
     } else if (o.code === "ArrowUp" || o.code === "ArrowDown") {
       o.preventDefault(), o.stopPropagation();
-      const c = g.findIndex(
-        (p) => p === document.activeElement
+      const d = g.findIndex(
+        (m) => m === document.activeElement
       );
-      let E = c;
-      o.code === "ArrowUp" ? E = c > 0 ? c - 1 : g.length - 1 : o.code === "ArrowDown" && (E = c < g.length - 1 ? c + 1 : 0), g[E]?.focus();
+      let E = d;
+      o.code === "ArrowUp" ? E = d > 0 ? d - 1 : g.length - 1 : o.code === "ArrowDown" && (E = d < g.length - 1 ? d + 1 : 0), g[E]?.focus();
       return;
     }
     if (o.code === "Tab") {
       o.preventDefault(), o.stopPropagation();
-      const c = l.value?.parentElement;
-      (o.shiftKey ? c?.previousElementSibling : c?.nextElementSibling)?.querySelector(
+      const d = l.value?.parentElement;
+      (o.shiftKey ? d?.previousElementSibling : d?.nextElementSibling)?.querySelector(
         "button, [role='button'], .k-link"
       )?.focus();
     }
-  }, T = () => {
-    C = new MutationObserver((o) => {
+  }, F = () => {
+    v = new MutationObserver((o) => {
       o.forEach((g) => {
         g.addedNodes.forEach((s) => {
           if (s.nodeType === Node.ELEMENT_NODE) {
-            const c = s;
-            if (c.classList.contains("k-animation-container")) {
-              const p = l.value;
-              p && (p.dataset.featherKSortable === "true" || H(() => {
-                c.querySelectorAll(
+            const d = s;
+            if (d.classList.contains("k-animation-container")) {
+              const m = l.value;
+              m && (m.dataset.featherKSortable === "true" || W(() => {
+                d.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
-                ).forEach((Z) => {
-                  Z.textContent?.toLowerCase().includes("sort") && Z.remove();
+                ).forEach((Y) => {
+                  Y.textContent?.toLowerCase().includes("sort") && Y.remove();
                 });
-              })), c.addEventListener(
+              })), d.addEventListener(
                 "keydown",
-                v
-              ), H(() => {
+                y
+              ), W(() => {
                 const x = () => {
                   const q = Array.from(
-                    c.querySelectorAll(
+                    d.querySelectorAll(
                       ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
                     )
                   );
@@ -104,33 +104,33 @@ const ut = (e, t) => {
                 x();
               });
             }
-            c.querySelectorAll(
+            d.querySelectorAll(
               ".k-animation-container"
-            ).forEach((p) => {
-              p.addEventListener(
+            ).forEach((m) => {
+              m.addEventListener(
                 "keydown",
-                v
+                y
               );
             });
           }
         }), g.removedNodes.forEach((s) => {
           if (s.nodeType === Node.ELEMENT_NODE) {
-            const c = s;
-            c.classList.contains("k-animation-container") && c.removeEventListener(
+            const d = s;
+            d.classList.contains("k-animation-container") && d.removeEventListener(
               "keydown",
-              v
-            ), c.querySelectorAll(
+              y
+            ), d.querySelectorAll(
               ".k-animation-container"
-            ).forEach((p) => {
-              p.removeEventListener(
+            ).forEach((m) => {
+              m.removeEventListener(
                 "keydown",
-                v
+                y
               );
             });
           }
         });
       });
-    }), C.observe(document.body, {
+    }), v.observe(document.body, {
       childList: !0,
       subtree: !0
     });
@@ -139,7 +139,7 @@ const ut = (e, t) => {
     return !!(["input", "textarea", "select", "button"].includes(g) || o.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
     ));
-  }, d = (o) => {
+  }, f = (o) => {
     if (!o.type || !o)
       return;
     const g = o.target;
@@ -149,10 +149,10 @@ const ut = (e, t) => {
     );
     if (!D(g))
       return;
-    const c = ["ArrowLeft", "ArrowRight"].includes(
+    const d = ["ArrowLeft", "ArrowRight"].includes(
       o.code
     );
-    if (!(R(g) && !(s && c))) {
+    if (!(R(g) && !(s && d))) {
       if (o.code === "Escape") {
         const E = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
         if (E) {
@@ -186,42 +186,42 @@ const ut = (e, t) => {
           if (["ArrowDown", "ArrowUp"].includes(o.code)) {
             o.preventDefault(), o.stopPropagation();
             const E = (x, q) => {
-              let Z = q === "next" ? x.nextElementSibling : x.previousElementSibling;
-              for (; Z; ) {
-                const r = Z;
+              let Y = q === "next" ? x.nextElementSibling : x.previousElementSibling;
+              for (; Y; ) {
+                const r = Y;
                 try {
                   if (r.classList.contains("k-table-row"))
                     return r;
                 } catch {
                 }
-                Z = q === "next" ? Z.nextElementSibling : Z.previousElementSibling;
+                Y = q === "next" ? Y.nextElementSibling : Y.previousElementSibling;
               }
               return null;
-            }, p = o.code === "ArrowDown" ? E(s, "next") : E(s, "previous");
-            p && (s.setAttribute("tabindex", "-1"), p.setAttribute("tabindex", "0"), p.focus());
+            }, m = o.code === "ArrowDown" ? E(s, "next") : E(s, "previous");
+            m && (s.setAttribute("tabindex", "-1"), m.setAttribute("tabindex", "0"), m.focus());
             return;
           }
           if (["ArrowLeft", "ArrowRight"].includes(o.code)) {
             o.preventDefault(), o.stopPropagation();
             const E = s.querySelectorAll(
-              A
+              k
             );
             if (E.length === 0) return;
-            let p = Array.from(E).findIndex(
+            let m = Array.from(E).findIndex(
               (x) => x === document.activeElement
             );
-            if (p === -1 && document.activeElement === s) {
+            if (m === -1 && document.activeElement === s) {
               E[0].focus();
               return;
             }
-            o.code === "ArrowRight" ? p = p === E.length - 1 ? 0 : p + 1 : o.code === "ArrowLeft" && (p = p === 0 ? E.length - 1 : p - 1), E[p].focus();
+            o.code === "ArrowRight" ? m = m === E.length - 1 ? 0 : m + 1 : o.code === "ArrowLeft" && (m = m === 0 ? E.length - 1 : m - 1), E[m].focus();
             return;
           }
         }
       }
     }
-  }, y = () => {
-    H(() => {
+  }, b = () => {
+    W(() => {
       const o = e.value?.$el;
       if (!o || typeof o.closest != "function") return;
       const g = o.closest(".k-grid");
@@ -232,32 +232,32 @@ const ut = (e, t) => {
       try {
         const o = () => {
           try {
-            const c = Array.from(
+            const d = Array.from(
               e.value.$el.querySelectorAll(
                 ".k-table-row[data-grid-row-index]"
               )
             );
-            if (!c || c.length === 0 || c.filter(
+            if (!d || d.length === 0 || d.filter(
               (x) => x.getAttribute("tabindex") === "0"
             ).length === 1) return;
-            const p = c.find(
+            const m = d.find(
               (x) => x === document.activeElement || x.contains(document.activeElement)
             );
-            if (c.forEach((x) => x.setAttribute("tabindex", "-1")), p) {
-              p.setAttribute("tabindex", "0");
+            if (d.forEach((x) => x.setAttribute("tabindex", "-1")), m) {
+              m.setAttribute("tabindex", "0");
               return;
             }
-            c[0].setAttribute("tabindex", "0");
-          } catch (c) {
-            console.error("ensureSingleTabindex error:", c);
+            d[0].setAttribute("tabindex", "0");
+          } catch (d) {
+            console.error("ensureSingleTabindex error:", d);
           }
         }, g = Array.from(
           e.value.$el.querySelectorAll(
             ".k-table-row[data-grid-row-index]"
           )
         );
-        g.length > 0 && g.forEach((c, E) => {
-          c.setAttribute("tabindex", E === 0 ? "0" : "-1");
+        g.length > 0 && g.forEach((d, E) => {
+          d.setAttribute("tabindex", E === 0 ? "0" : "-1");
         });
         const s = e.value.$el.querySelector(".k-table-tbody");
         s && ($ = new MutationObserver(() => {
@@ -266,87 +266,87 @@ const ut = (e, t) => {
       } catch (o) {
         console.error("Error setting up row navigation:", o);
       }
-  }, B = () => {
-    H(() => {
+  }, j = () => {
+    W(() => {
       const g = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
       g && g.forEach((s) => {
         s.setAttribute("role", "button"), s.addEventListener(
           "keydown",
-          S
+          w
         );
-      }), T(), Q();
+      }), F(), ee();
     });
-  }, j = () => {
+  }, N = () => {
     const g = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
     g && g.forEach((s) => {
       s.removeEventListener(
         "keydown",
-        S
+        w
       );
-    }), C && (C.disconnect(), C = null), $ && ($.disconnect(), $ = null), k.forEach((s) => s()), k.length = 0;
-  }, Q = () => {
+    }), v && (v.disconnect(), v = null), $ && ($.disconnect(), $ = null), M.forEach((s) => s()), M.length = 0;
+  }, ee = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
-    ).forEach((s, c) => {
+    ).forEach((s, d) => {
       if (s.dataset.featherKHeaderBound === "true")
         return;
       const E = s.querySelector(
         ".k-grid-header-menu.k-grid-column-menu"
       );
       if (!E) return;
-      const p = P();
-      if (p && p[c]) {
-        const h = p[c].field ?? "";
-        s.setAttribute("data-feather-k-field", h), s.setAttribute(
+      const m = V();
+      if (m && m[d]) {
+        const S = m[d].field ?? "";
+        s.setAttribute("data-feather-k-field", S), s.setAttribute(
           "data-feather-k-filterable",
-          p[c].filterable === !1 ? "false" : "true"
+          m[d].filterable === !1 ? "false" : "true"
         ), s.setAttribute(
           "data-feather-k-sortable",
-          p[c].sortable === !1 ? "false" : "true"
+          m[d].sortable === !1 ? "false" : "true"
         );
       }
       const x = s.dataset.featherKFilterable !== "false", q = s.dataset.featherKSortable !== "false";
       E.setAttribute("tabindex", "-1"), x || q ? s.style.cursor = "pointer" : s.style.cursor = "default", x ? (s.setAttribute("tabindex", "0"), s.setAttribute("role", "button"), s.setAttribute("aria-haspopup", "menu")) : (s.setAttribute("tabindex", "0"), s.setAttribute("role", "columnheader"), s.removeAttribute("aria-haspopup"));
-      const Z = (h) => {
-        h.target?.closest(".k-column-resizer") || (l.value = s, E.click());
-      }, r = (h) => {
+      const Y = (S) => {
+        S.target?.closest(".k-column-resizer") || (l.value = s, E.click());
+      }, r = (S) => {
         if (x)
-          l.value = s, h.preventDefault(), h.stopPropagation(), Z(h);
+          l.value = s, S.preventDefault(), S.stopPropagation(), Y(S);
         else if (q) {
           l.value = s;
-          const O = s.querySelector(".k-link");
-          O && O.click();
+          const U = s.querySelector(".k-link");
+          U && U.click();
         }
       };
-      s.addEventListener("click", r), k.push(() => {
+      s.addEventListener("click", r), M.push(() => {
         s.removeEventListener("click", r);
       });
-      const f = (h) => {
-        if ((M(h) || h.code === "Space") && (x || q)) {
-          if (h.preventDefault(), h.stopPropagation(), l.value = s, l.value.focus(), x)
-            Z(h);
+      const p = (S) => {
+        if ((I(S) || S.code === "Space") && (x || q)) {
+          if (S.preventDefault(), S.stopPropagation(), l.value = s, l.value.focus(), x)
+            Y(S);
           else if (q) {
-            const O = s.querySelector(".k-link");
-            O && O.click();
+            const U = s.querySelector(".k-link");
+            U && U.click();
           }
         }
       };
-      s.addEventListener("keydown", f, !0), k.push(() => {
-        s.removeEventListener("keydown", f, !0);
+      s.addEventListener("keydown", p, !0), M.push(() => {
+        s.removeEventListener("keydown", p, !0);
       }), s.dataset.featherKHeaderBound = "true";
     });
     const g = document.querySelector(".k-grid-header .k-table-thead");
     if (g && g.dataset.featherKHeaderBound !== "true") {
-      const s = (c) => {
-        const E = c.target.closest("th");
-        E && (M(c) || c.code === "Space") && E.dataset.featherKFilterable === "false" && E.dataset.featherKSortable === "false" && (c.preventDefault(), c.stopImmediatePropagation());
+      const s = (d) => {
+        const E = d.target.closest("th");
+        E && (I(d) || d.code === "Space") && E.dataset.featherKFilterable === "false" && E.dataset.featherKSortable === "false" && (d.preventDefault(), d.stopImmediatePropagation());
       };
       g.addEventListener(
         "keydown",
         s,
         !0
         // NOTE: capture phase
-      ), k.push(() => {
+      ), M.push(() => {
         g.removeEventListener(
           "keydown",
           s,
@@ -354,146 +354,146 @@ const ut = (e, t) => {
         );
       }), g.dataset.featherKHeaderBound = "true";
     }
-  }, ee = function(o, g) {
-    const s = o?.event?.event.target, c = P();
-    if (!s || !c) return;
-    const E = s.classList.contains("k-grid-header-menu"), p = s.classList.contains("k-columnmenu-item"), x = c.find((q) => q.field === o?.event?.field)?.sortable && !0;
+  }, te = function(o, g) {
+    const s = o?.event?.event.target, d = V();
+    if (!s || !d) return;
+    const E = s.classList.contains("k-grid-header-menu"), m = s.classList.contains("k-columnmenu-item"), x = d.find((q) => q.field === o?.event?.field)?.sortable && !0;
     if (!E) {
-      if (p && !x) {
+      if (m && !x) {
         o?.event?.sort?.filter(
-          (Z) => Z.field !== o?.event?.field
+          (Y) => Y.field !== o?.event?.field
         );
         return;
       }
-      typeof g == "function" && H(() => {
-        l.value && l.value.focus(), g(o), H(() => {
-          Q();
+      typeof g == "function" && W(() => {
+        l.value && l.value.focus(), g(o), W(() => {
+          ee();
         });
       });
     }
-  }, ie = () => {
-    if (!b)
+  }, se = () => {
+    if (!h)
       try {
-        y(), L(), B(), b = !0;
+        b(), L(), j(), h = !0;
       } catch (o) {
-        console.error("initA11y failed:", o), j();
+        console.error("initA11y failed:", o), N();
       }
   };
   return Ve(() => {
-    j();
+    N();
   }), {
     activeFilterButton: l,
-    handleGridKeyDown: d,
-    handleSortChange: ee,
-    initA11y: ie
+    handleGridKeyDown: f,
+    handleSortChange: te,
+    initA11y: se
   };
-}, Ne = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Be = (e) => !!e && typeof e == "object" && "field" in e, Te = (e, t) => !e || typeof e != "object" ? !1 : Ne(e) ? e.filters.some(
-  (l) => Te(l, t)
+}, Ne = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Be = (e) => !!e && typeof e == "object" && "field" in e, Fe = (e, t) => !e || typeof e != "object" ? !1 : Ne(e) ? e.filters.some(
+  (l) => Fe(l, t)
 ) : Be(e) ? e.field === t : !1, ct = (e) => (t) => e.value?.filters && e.value.filters.some(
-  (l) => Te(l, t)
+  (l) => Fe(l, t)
 ) ? "active" : "", ze = "Enter a valid ZIP code with exactly 5 or 9 digits.", Ie = (e) => {
   const t = e.replace(/\D/g, "").slice(0, 9);
   return t.length > 5 ? `${t.slice(0, 5)}-${t.slice(5)}` : t;
 }, He = (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 = N(Ie(e.initialValue ?? "")), l = N(!1), b = N(
+  const t = Z(Ie(e.initialValue ?? "")), l = Z(!1), h = Z(
     e.errorMessage?.trim() || ze
-  ), C = m(() => t.value.replace(/\D/g, "")), $ = m(() => {
-    const v = C.value.length;
-    return v === 5 || v === 9;
-  }), k = m(() => l.value && !$.value), A = m(() => !l.value || $.value), I = m(() => l.value), D = (v, T) => {
-    const R = Ze(T);
-    H(() => {
-      v.isConnected && v.setSelectionRange(R, R);
+  ), v = c(() => t.value.replace(/\D/g, "")), $ = c(() => {
+    const y = v.value.length;
+    return y === 5 || y === 9;
+  }), M = c(() => l.value && !$.value), k = c(() => !l.value || $.value), C = c(() => l.value), D = (y, F) => {
+    const R = Ze(F);
+    W(() => {
+      y.isConnected && y.setSelectionRange(R, R);
     });
   };
   return {
     // writable state
     zipDisplay: t,
     submitted: l,
-    errorMessage: b,
+    errorMessage: h,
     // bindings
     wrapperClass: "fk-zip-textbox",
     // derived state
-    zipRaw: C,
+    zipRaw: v,
     isZipValid: $,
-    showZipError: k,
-    textBoxValid: A,
-    textBoxValidate: I,
+    showZipError: M,
+    textBoxValid: k,
+    textBoxValidate: C,
     // actions
-    handleZipInput: (...v) => {
-      const T = v[0], d = T?.event?.target, y = T?.value, L = Array.isArray(y) ? y.join("") : String(y ?? ""), B = d?.selectionStart !== void 0 && d.selectionStart !== null ? He(
-        d.value,
-        d.selectionStart
+    handleZipInput: (...y) => {
+      const F = y[0], f = F?.event?.target, b = F?.value, L = Array.isArray(b) ? b.join("") : String(b ?? ""), j = f?.selectionStart !== void 0 && f.selectionStart !== null ? He(
+        f.value,
+        f.selectionStart
       ) : L.replace(/\D/g, "").length;
-      t.value = Ie(L), d && D(d, B);
+      t.value = Ie(L), f && D(f, j);
     },
-    submitAndValidate: (v) => {
+    submitAndValidate: (y) => {
       l.value = !0;
-      const T = $.value;
-      return !T && v?.focus && H(() => {
+      const F = $.value;
+      return !F && y?.focus && W(() => {
         document.getElementById(
           e.id
         )?.focus();
-      }), T;
+      }), F;
     },
-    buildPayload: () => ({ zip: C.value })
+    buildPayload: () => ({ zip: v.value })
   };
 };
 function Ye(e, t) {
-  const l = N(!1);
+  const l = Z(!1);
   $e(() => {
     e.value?.setAttribute("aria-invalid", String(!t.isValid()));
   });
-  function b($) {
-    const k = e.value ?? $.currentTarget, A = $.relatedTarget;
-    (!k || !k.contains(A)) && (l.value = !0);
+  function h($) {
+    const M = e.value ?? $.currentTarget, k = $.relatedTarget;
+    (!M || !M.contains(k)) && (l.value = !0);
   }
-  function C() {
+  function v() {
     l.value = !1;
   }
-  return { touched: l, onFocusout: b, reset: C };
+  return { touched: l, onFocusout: h, reset: v };
 }
 function je(e, t) {
-  const l = N(!1), b = N(!1), C = m(
-    () => oe(t.submitted) || l.value
-  ), $ = m(() => !C.value || t.isValid()), k = Ye(e, {
+  const l = Z(!1), h = Z(!1), v = c(
+    () => le(t.submitted) || l.value
+  ), $ = c(() => !v.value || t.isValid()), M = Ye(e, {
     isValid: () => $.value
   });
-  function A(S) {
-    return m(() => !C.value || oe(S));
+  function k(w) {
+    return c(() => !v.value || le(w));
   }
-  function I(S) {
+  function C(w) {
     return Object.fromEntries(
-      Object.entries(S).map(([v, T]) => [
-        v,
-        A(T)
+      Object.entries(w).map(([y, F]) => [
+        y,
+        k(F)
       ])
     );
   }
-  function D(S) {
-    const v = oe(S);
-    if (!v) return;
-    v.querySelector(
+  function D(w) {
+    const y = le(w);
+    if (!y) return;
+    y.querySelector(
       '.k-invalid input, .k-invalid[tabindex="0"]'
     )?.focus();
   }
-  function M(S) {
-    if (b.value) {
-      b.value = !1;
+  function I(w) {
+    if (h.value) {
+      h.value = !1;
       return;
     }
-    k.onFocusout(S), k.touched.value && (l.value = !0);
+    M.onFocusout(w), M.touched.value && (l.value = !0);
   }
-  function P() {
-    l.value = !1, b.value = !0, k.reset();
+  function V() {
+    l.value = !1, h.value = !0, M.reset();
   }
   return {
     touched: l,
-    fieldsetValidate: C,
-    onFocusout: M,
-    reset: P,
-    createFieldValidity: A,
-    createFieldValidationsMap: I,
+    fieldsetValidate: v,
+    onFocusout: I,
+    reset: V,
+    createFieldValidity: k,
+    createFieldValidationsMap: C,
     focusFirstInvalidField: D
   };
 }
@@ -566,17 +566,17 @@ function _e() {
   });
   return {
     formData: e,
-    onAddress1Input: (...k) => {
-      e.address1 = De(k[0]);
+    onAddress1Input: (...M) => {
+      e.address1 = De(M[0]);
     },
-    onAddress2Input: (...k) => {
-      e.address2 = De(k[0]);
+    onAddress2Input: (...M) => {
+      e.address2 = De(M[0]);
     },
-    onCityInput: (...k) => {
-      e.city = De(k[0]);
+    onCityInput: (...M) => {
+      e.city = De(M[0]);
     },
-    onStateChange: (k) => {
-      k.value === null && e.state !== null || (e.state = k.value);
+    onStateChange: (M) => {
+      e.state = M.value;
     },
     resetFormData: () => {
       e.address1 = "", e.address2 = "", e.city = "", e.state = null, e.zip = "";
@@ -585,35 +585,35 @@ function _e() {
 }
 function Je(e, t = "zip") {
   const l = We({ id: t }), {
-    zipDisplay: b,
-    zipRaw: C,
+    zipDisplay: h,
+    zipRaw: v,
     isZipValid: $,
-    wrapperClass: k,
-    handleZipInput: A
+    wrapperClass: M,
+    handleZipInput: k
   } = l;
-  return fe(C, (D) => {
+  return de(v, (D) => {
     e.zip = D;
   }), {
-    zipDisplay: b,
+    zipDisplay: h,
     isZipValid: $,
-    zipWrapperClass: k,
-    onZipInput: A,
+    zipWrapperClass: M,
+    onZipInput: k,
     resetZip: () => {
-      b.value = "", e.zip = "";
+      h.value = "", e.zip = "";
     }
   };
 }
 function Xe(e) {
-  const t = m(
+  const t = c(
     () => e.formData.address1.trim() !== ""
-  ), l = m(() => e.formData.city.trim() !== ""), b = m(() => !!e.formData.state), C = m(() => oe(e.isZipValid)), $ = m(
-    () => t.value && l.value && b.value && C.value
+  ), l = c(() => e.formData.city.trim() !== ""), h = c(() => !!e.formData.state), v = c(() => le(e.isZipValid)), $ = c(
+    () => t.value && l.value && h.value && v.value
   );
   return {
     strictAddress1Valid: t,
     strictCityValid: l,
-    strictStateValid: b,
-    strictZipValid: C,
+    strictStateValid: h,
+    strictZipValid: v,
     strictAddressValid: $
   };
 }
@@ -624,99 +624,120 @@ function Qe(e) {
   )?.focus();
 }
 function dt(e) {
-  const t = N(
-    oe(e.fieldsetRef)
+  const t = Z(
+    le(e.fieldsetRef)
   );
   $e(() => {
-    t.value = oe(e.fieldsetRef);
+    t.value = le(e.fieldsetRef);
   });
-  const l = N(!1), {
-    formData: b,
-    onAddress1Input: C,
-    onAddress2Input: $,
+  const l = Z(!1), h = c(() => le(e.required) ?? !0), {
+    formData: v,
+    onAddress1Input: $,
+    onAddress2Input: M,
     onCityInput: k,
-    onStateChange: A,
-    resetFormData: I
-  } = _e(), D = `${e.addressId}-zip`, { zipDisplay: M, isZipValid: P, zipWrapperClass: S, onZipInput: v, resetZip: T } = Je(b, D), {
-    strictAddress1Valid: R,
-    strictCityValid: d,
-    strictStateValid: y,
-    strictZipValid: L,
-    strictAddressValid: B
+    onStateChange: C,
+    resetFormData: D
+  } = _e(), I = `${e.addressId}-zip`, { zipDisplay: V, isZipValid: w, zipWrapperClass: y, onZipInput: F, resetZip: R } = Je(v, I), {
+    strictAddress1Valid: f,
+    strictCityValid: b,
+    strictStateValid: L,
+    strictZipValid: j,
+    strictAddressValid: N
   } = Xe({
-    formData: b,
-    isZipValid: P
-  }), j = je(t, {
+    formData: v,
+    isZipValid: w
+  }), ee = je(t, {
     submitted: l,
-    isValid: () => B.value
+    isValid: () => N.value
+  }), { touched: te, fieldsetValidate: se, onFocusout: o, reset: g } = ee, s = ee.createFieldValidationsMap({
+    address1: f,
+    city: b,
+    state: L,
+    zip: j,
+    address: N
   }), {
-    touched: Q,
-    fieldsetValidate: ee,
-    onFocusout: ie,
-    reset: o
-  } = j, g = j.createFieldValidationsMap({
-    address1: R,
-    city: d,
-    state: y,
-    zip: L,
-    address: B
+    address1: d,
+    city: E,
+    state: m,
+    zip: x,
+    address: q
+  } = s, Y = c(
+    () => h.value ? se.value : !1
+  ), r = c(
+    () => h.value ? d.value : !0
+  ), p = c(
+    () => h.value ? E.value : !0
+  ), S = c(
+    () => h.value ? m.value : !0
+  ), U = c(
+    () => h.value ? x.value : !0
+  ), B = c(
+    () => h.value ? q.value : !0
+  ), z = { value: null, label: "State" }, X = Ge.map(({ label: n, value: u }) => ({
+    label: n,
+    value: u
+  })), oe = c(() => ({
+    address1: v.address1.trim(),
+    address2: v.address2.trim(),
+    city: v.city.trim(),
+    state: (v.state ?? "").trim().toUpperCase(),
+    zip: v.zip.replace(/\D/g, "")
+  })), a = c(() => v.address1.trim() === "" && v.address2.trim() === "" && v.city.trim() === "" && (v.state ?? "").trim() === "" && v.zip.replace(/\D/g, "") === ""), i = c(() => !a.value), P = c(() => !h.value && i.value && (!f.value || !b.value || !L.value)), O = c(() => {
+    const n = v.zip.replace(/\D/g, "");
+    return !h.value && i.value && n.length !== 5 && n.length !== 9;
+  }), K = c(() => !h.value && i.value && !N.value), _ = c(() => !h.value && K.value && (te.value || l.value));
+  return de(h, (n) => {
+    n || (l.value = !1, g());
   }), {
-    address1: s,
-    city: c,
-    state: E,
-    zip: p,
-    address: x
-  } = g, q = { value: null, label: "Select state" }, Z = Ge.map(({ label: O, value: K }) => ({
-    label: O,
-    value: K
-  })), r = m(() => ({
-    address1: b.address1.trim(),
-    address2: b.address2.trim(),
-    city: b.city.trim(),
-    state: (b.state ?? "").trim().toUpperCase(),
-    zip: b.zip.replace(/\D/g, "")
-  }));
-  return {
-    formData: b,
+    formData: v,
     submitted: l,
-    touched: Q,
-    addressValidate: ee,
-    address1Valid: s,
-    cityValid: c,
-    stateValid: E,
-    zipValid: p,
-    addressValid: x,
-    stateDefaultItem: q,
-    stateOptions: Z,
-    zipDisplay: M,
-    zipWrapperClass: S,
-    onAddress1Input: C,
-    onAddress2Input: $,
+    touched: te,
+    addressValidate: Y,
+    address1Valid: r,
+    cityValid: p,
+    stateValid: S,
+    zipValid: U,
+    addressValid: B,
+    optionalFeedbackActive: _,
+    optionalPartialInvalid: K,
+    optionalMissingRequiredFields: P,
+    optionalZipInvalid: O,
+    stateDefaultItem: z,
+    stateOptions: X,
+    zipDisplay: V,
+    zipWrapperClass: y,
+    onAddress1Input: $,
+    onAddress2Input: M,
     onCityInput: k,
-    onStateChange: A,
-    onZipInput: v,
-    onFieldsetFocusout: ie,
-    normalizedPayload: r,
-    validateForSubmit: async () => (l.value = !0, B.value ? {
+    onStateChange: C,
+    onZipInput: F,
+    onFieldsetFocusout: (n) => {
+      o(n);
+    },
+    normalizedPayload: oe,
+    validateForSubmit: async () => h.value ? (l.value = !0, N.value ? {
+      isValid: !0,
+      payload: oe.value
+    } : (await W(), Qe(t.value), { isValid: !1, payload: null })) : a.value || N.value ? (l.value = !1, {
       isValid: !0,
-      payload: r.value
-    } : (await H(), Qe(t.value), { isValid: !1, payload: null })),
+      payload: oe.value
+    }) : (l.value = !0, { isValid: !1, payload: null }),
     reset: () => {
-      l.value = !1, o(), I(), T();
+      l.value = !1, g(), D(), R();
     }
   };
 }
 function ft(e) {
-  const t = N(""), l = N(void 0), b = N(!!e.debug), C = N(e.dateFormat ?? "mm/dd/yyyy"), $ = m(() => !!e.required), k = N(!1), A = ["ArrowUp", "ArrowDown"], I = ["ArrowLeft", "ArrowRight"], D = m(() => (t.value ?? "").replace(/\D/g, "")), M = (r) => r <= 2 ? "mm" : r <= 5 ? "dd" : D.value.length <= 10 ? "yyyy" : "mm", P = m(() => {
+  const t = Z(""), l = Z(void 0), h = Z(!!e.debug), v = Z(e.dateFormat ?? "mm/dd/yyyy"), $ = c(() => !!e.required), M = Z(!1), k = ["ArrowUp", "ArrowDown"], C = ["ArrowLeft", "ArrowRight"], D = c(() => (t.value ?? "").replace(/\D/g, "")), I = (r) => r <= 2 ? "mm" : r <= 5 ? "dd" : D.value.length <= 10 ? "yyyy" : "mm", V = c(() => {
     const r = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(r).toString().padStart(2, "0");
-  }), S = m(() => {
+  }), w = c(() => {
     const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
     return parseInt(r).toString().padStart(2, "0");
-  }), v = m(() => {
+  }), y = c(() => {
     const r = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(r).toString().padStart(4, "0");
-  }), T = (r) => {
+  }), F = (r) => {
     if (D.value.length === 0) {
       e.onChange({ value: null, event: r });
       return;
@@ -726,64 +747,64 @@ function ft(e) {
       return;
     }
     if ((t.value ?? "").length === 10 && D.value.length === 8) {
-      const [f, h, O] = t.value.split("/"), K = parseInt(f), W = parseInt(h), te = parseInt(O);
-      if (B(te, K, W)) {
-        const se = new Date(te, K - 1, W);
-        R(se) ? e.onChange({ value: se, event: r }) : e.onChange({ value: null, event: r });
+      const [p, S, U] = t.value.split("/"), B = parseInt(p), z = parseInt(S), X = parseInt(U);
+      if (j(X, B, z)) {
+        const oe = new Date(X, B - 1, z);
+        R(oe) ? e.onChange({ value: oe, event: r }) : e.onChange({ value: null, event: r });
       } else
         e.onChange({ value: null, event: r });
     }
   }, R = (r) => {
-    const f = e.min ?? void 0, h = e.max ?? void 0;
-    return !(f && r < f || h && r > h);
-  }, d = m(() => {
+    const p = e.min ?? void 0, S = e.max ?? void 0;
+    return !(p && r < p || S && r > S);
+  }, f = c(() => {
     if ((t.value ?? "").length === 10 && D.value.length === 8) {
-      const [r, f, h] = (t.value ?? "").split("/"), O = parseInt(r), K = parseInt(f), W = parseInt(h);
-      if (B(W, O, K))
-        return new Date(W, O - 1, K);
+      const [r, p, S] = (t.value ?? "").split("/"), U = parseInt(r), B = parseInt(p), z = parseInt(S);
+      if (j(z, U, B))
+        return new Date(z, U - 1, B);
     }
     return null;
-  }), y = m(() => (t.value ?? "").length === 10 && D.value.length === 8), L = (r, f) => new Date(r, f, 0).getDate(), B = (r, f, h) => f >= 1 && f <= 12 && r >= 1900 && h >= 1 && h <= L(r, f), j = (r) => {
+  }), b = c(() => (t.value ?? "").length === 10 && D.value.length === 8), L = (r, p) => new Date(r, p, 0).getDate(), j = (r, p, S) => p >= 1 && p <= 12 && r >= 1900 && S >= 1 && S <= L(r, p), N = (r) => {
     t.value = r.value;
-    const f = r.event?.target;
-    l.value = f?.selectionStart ?? 0, T(r);
-  }, Q = (r) => {
+    const p = r.event?.target;
+    l.value = p?.selectionStart ?? 0, F(r);
+  }, ee = (r) => {
     l.value = r.target.selectionStart ?? 0;
-  }, ee = (r, f, h) => {
-    const O = f?.selectionStart ?? l.value ?? 0;
-    l.value = O;
-    let K = parseInt(P.value), W = parseInt(S.value), te = parseInt(v.value);
-    if (!(D.value.length >= 8) || !B(te, K, W)) {
-      const J = e.defaultValue ?? /* @__PURE__ */ new Date();
-      K = J.getMonth() + 1, W = J.getDate(), te = J.getFullYear(), t.value = `${String(K).padStart(2, "0")}/${String(W).padStart(
+  }, te = (r, p, S) => {
+    const U = p?.selectionStart ?? l.value ?? 0;
+    l.value = U;
+    let B = parseInt(V.value), z = parseInt(w.value), X = parseInt(y.value);
+    if (!(D.value.length >= 8) || !j(X, B, z)) {
+      const _ = e.defaultValue ?? /* @__PURE__ */ new Date();
+      B = _.getMonth() + 1, z = _.getDate(), X = _.getFullYear(), t.value = `${String(B).padStart(2, "0")}/${String(z).padStart(
         2,
         "0"
-      )}/${String(te)}`;
-      const z = new Date(te, K - 1, W);
-      e.onChange({ value: R(z) ? z : null, event: h }), c({ useRAF: !0 });
+      )}/${String(X)}`;
+      const H = new Date(X, B - 1, z);
+      e.onChange({ value: R(H) ? H : null, event: S }), d({ useRAF: !0 });
       return;
     }
-    const a = M(O);
+    const a = I(U);
     if (a === "mm")
-      K = r === "ArrowUp" ? K < 12 ? K + 1 : 1 : K > 1 ? K - 1 : 12;
+      B = r === "ArrowUp" ? B < 12 ? B + 1 : 1 : B > 1 ? B - 1 : 12;
     else if (a === "dd") {
-      const J = new Date(te, K, 0).getDate();
-      W = r === "ArrowUp" ? W < J ? W + 1 : 1 : W > 1 ? W - 1 : J;
-    } else a === "yyyy" && (te = r === "ArrowUp" ? te + 1 : Math.max(1, te - 1));
-    t.value = `${String(K).padStart(2, "0")}/${String(W).padStart(
+      const _ = new Date(X, B, 0).getDate();
+      z = r === "ArrowUp" ? z < _ ? z + 1 : 1 : z > 1 ? z - 1 : _;
+    } else a === "yyyy" && (X = r === "ArrowUp" ? X + 1 : Math.max(1, X - 1));
+    t.value = `${String(B).padStart(2, "0")}/${String(z).padStart(
       2,
       "0"
-    )}/${String(te)}`;
-    const [i, V, U] = t.value.split("/"), Y = new Date(
-      parseInt(U),
+    )}/${String(X)}`;
+    const [i, P, O] = t.value.split("/"), K = new Date(
+      parseInt(O),
       parseInt(i) - 1,
-      parseInt(V)
+      parseInt(P)
     );
-    Y.toString() !== "Invalid Date" && parseInt(U) >= 1e3 ? e.onChange({
-      value: R(Y) ? Y : null,
-      event: h
-    }) : e.onChange({ value: null, event: h }), c({ useRAF: !0 });
-  }, ie = (r) => {
+    K.toString() !== "Invalid Date" && parseInt(O) >= 1e3 ? e.onChange({
+      value: R(K) ? K : null,
+      event: S
+    }) : e.onChange({ value: null, event: S }), d({ useRAF: !0 });
+  }, se = (r) => {
     if (r.code === "Space" || r.key === " ") {
       r.preventDefault(), r.stopPropagation(), e.onShowCalendar(r);
       return;
@@ -792,71 +813,71 @@ function ft(e) {
       r.preventDefault(), r.stopPropagation(), e.onShowCalendar(r);
       return;
     }
-    if (A.includes(r.key)) {
+    if (k.includes(r.key)) {
       if (r.altKey) return;
       r.preventDefault(), r.stopPropagation();
-      const f = r.target;
-      ee(r.key, f, r);
+      const p = r.target;
+      te(r.key, p, r);
       return;
     }
   }, o = (r) => {
     r.preventDefault();
-    const f = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    ee(f, r.target, r);
+    const p = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
+    te(p, r.target, r);
   }, g = (r) => {
-    const f = r.target;
-    if (I.includes(r.key)) {
-      l.value = f?.selectionStart ?? 0;
+    const p = r.target;
+    if (C.includes(r.key)) {
+      l.value = p?.selectionStart ?? 0;
       return;
     }
-    if (A.includes(r.key)) {
+    if (k.includes(r.key)) {
       if (r.altKey) return;
-      l.value = f?.selectionStart ?? 0;
+      l.value = p?.selectionStart ?? 0;
     }
   }, s = (r) => {
-    k.value = !0, $.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && D.value.length === 0 && (e.externalValue.value = "");
-    const f = r.target;
-    f && (l.value = f.selectionStart ?? 0);
-  }, c = (r) => {
-    const f = () => {
-      const h = document.getElementById(
+    M.value = !0, $.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && D.value.length === 0 && (e.externalValue.value = "");
+    const p = r.target;
+    p && (l.value = p.selectionStart ?? 0);
+  }, d = (r) => {
+    const p = () => {
+      const S = document.getElementById(
         e.id
       );
-      if (!h) return;
-      const O = r?.pos ?? l.value ?? h.value.length;
+      if (!S) return;
+      const U = r?.pos ?? l.value ?? S.value.length;
       try {
-        h.focus(), h.setSelectionRange(O, O);
+        S.focus(), S.setSelectionRange(U, U);
       } catch {
       }
     };
-    H(() => {
+    W(() => {
       if (r?.delay && r.delay > 0) {
-        setTimeout(f, r.delay);
+        setTimeout(p, r.delay);
         return;
       }
       if (r?.useRAF) {
-        requestAnimationFrame(f);
+        requestAnimationFrame(p);
         return;
       }
-      f();
+      p();
     });
   };
-  e.externalValue && fe(
+  e.externalValue && de(
     e.externalValue,
     (r) => {
       if (r) {
-        const f = new Date(r);
-        if (f.toString() !== "Invalid Date") {
-          const h = (f.getMonth() + 1).toString().padStart(2, "0"), O = f.getDate().toString().padStart(2, "0"), K = f.getFullYear().toString();
-          t.value = `${h}/${O}/${K}`, c({ delay: 50 });
+        const p = new Date(r);
+        if (p.toString() !== "Invalid Date") {
+          const S = (p.getMonth() + 1).toString().padStart(2, "0"), U = p.getDate().toString().padStart(2, "0"), B = p.getFullYear().toString();
+          t.value = `${S}/${U}/${B}`, d({ delay: 50 });
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const E = m(() => [
-    ["Date", `${P.value} / ${S.value} / ${v.value}`],
+  const E = c(() => [
+    ["Date", `${V.value} / ${w.value} / ${y.value}`],
     ["Digits only", D.value],
     [
       "min",
@@ -874,50 +895,50 @@ function ft(e) {
         day: "2-digit"
       }) ?? null
     ]
-  ]), p = m(() => {
+  ]), m = c(() => {
     if (!$.value) {
-      if (!y.value) return !0;
-      const f = d.value;
-      return f ? R(f) : !1;
+      if (!b.value) return !0;
+      const p = f.value;
+      return p ? R(p) : !1;
     }
-    if (!k.value) return !0;
-    const r = d.value;
-    return !y.value || !r ? !1 : R(r);
-  }), x = m(() => {
+    if (!M.value) return !0;
+    const r = f.value;
+    return !b.value || !r ? !1 : R(r);
+  }), x = c(() => {
     if (!$.value) {
-      if (!y.value) return;
-      const f = d.value;
-      return f ? R(f) ? "valid" : "out-of-bounds" : "invalid-date";
+      if (!b.value) return;
+      const p = f.value;
+      return p ? R(p) ? "valid" : "out-of-bounds" : "invalid-date";
     }
-    if (!k.value) return;
-    if (D.value.length === 0 || !y.value)
+    if (!M.value) return;
+    if (D.value.length === 0 || !b.value)
       return "incomplete";
-    const r = d.value;
+    const r = f.value;
     return r ? R(r) ? "valid" : "out-of-bounds" : "invalid-date";
-  }), q = m(() => {
+  }), q = c(() => {
     const r = x.value;
     if (!r || r === "valid") return "";
     if (r === "incomplete")
       return "Required";
     if (r === "invalid-date")
-      return `Must be in ${C.value} format.`;
-    const f = e.min ? e.min.toLocaleDateString("en-US", {
+      return `Must be in ${v.value} format.`;
+    const p = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
-    }) : null, h = e.max ? e.max.toLocaleDateString("en-US", {
+    }) : null, S = e.max ? e.max.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
     }) : null;
     if (r === "out-of-bounds") {
-      if (f && h) return `Must be between ${f} and ${h}.`;
-      if (f) return `Must be on or after ${f}.`;
-      if (h) return `Must be on or before ${h}.`;
+      if (p && S) return `Must be between ${p} and ${S}.`;
+      if (p) return `Must be on or after ${p}.`;
+      if (S) return `Must be on or before ${S}.`;
     }
     return "";
-  }), Z = () => {
-    H(() => {
+  }), Y = () => {
+    W(() => {
       const r = document.getElementById(
         e.id
       );
@@ -925,16 +946,16 @@ function ft(e) {
         console.warn(`ID (#${e.id}) not found for styling.`);
         return;
       }
-      const f = r.closest(".k-datepicker");
-      if (!f) {
+      const p = r.closest(".k-datepicker");
+      if (!p) {
         console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
         return;
       }
-      const h = f.parentElement;
-      if (h) {
-        if (h.classList.contains("fk-datepicker"))
+      const S = p.parentElement;
+      if (S) {
+        if (S.classList.contains("fk-datepicker"))
           return;
-        h.classList.add("fk-datepicker");
+        S.classList.add("fk-datepicker");
       } else
         console.warn(
           `Parent of .k-datepicker not found for #${e.id} styling.`
@@ -942,70 +963,70 @@ function ft(e) {
     });
   };
   return Me(() => {
-    Z();
+    Y();
   }), {
     raw: t,
     cursorPos: l,
-    debugEnabled: b,
+    debugEnabled: h,
     debugLines: E,
-    placeholder: C,
-    isValid: p,
-    reason: _(x),
+    placeholder: v,
+    isValid: m,
+    reason: J(x),
     validationMessage: q,
     digitsOnly: D,
-    month: _(P),
-    day: _(S),
-    year: _(v),
-    datePart: M,
-    handleChange: j,
-    handleKeyDown: ie,
+    month: J(V),
+    day: J(w),
+    year: J(y),
+    datePart: I,
+    handleChange: N,
+    handleKeyDown: se,
     handleWheel: o,
     handleKeyUp: g,
-    handleClick: Q,
+    handleClick: ee,
     handleBlur: s,
     // Expose so consumers can re-run styling when needed
-    initStyling: Z
+    initStyling: Y
   };
 }
 function pt(e) {
-  const t = N(""), l = N(void 0), b = N(!!e.debug), C = N(!1), $ = 1440 * 60 * 1e3, k = 365 * $, A = /* @__PURE__ */ new Date(), I = new Date(A.getTime() - k), D = new Date(A.getTime() + k);
-  e.min = e.min ?? I, e.max = e.max ?? D;
-  const M = m(() => (t.value ?? "").replace(/\D/g, "")), P = (n, u) => new Date(n, u, 0).getDate(), S = (n, u, w) => u >= 1 && u <= 12 && n >= 1e3 && w >= 1 && w <= P(n, u), v = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), T = (n) => {
+  const t = Z(""), l = Z(void 0), h = Z(!!e.debug), v = Z(!1), $ = 1440 * 60 * 1e3, M = 365 * $, k = /* @__PURE__ */ new Date(), C = new Date(k.getTime() - M), D = new Date(k.getTime() + M);
+  e.min = e.min ?? C, e.max = e.max ?? D;
+  const I = c(() => (t.value ?? "").replace(/\D/g, "")), V = (n, u) => new Date(n, u, 0).getDate(), w = (n, u, A) => u >= 1 && u <= 12 && n >= 1e3 && A >= 1 && A <= V(n, u), y = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate()), F = (n) => {
     if (!n) return null;
-    const u = e.min ?? new Date(Date.now() - 90 * $), w = e.max ?? /* @__PURE__ */ new Date(), F = v(n);
-    return F < v(u) || F > v(w) ? null : n;
-  }, R = (n, u) => e.allowReverse ?? !1 ? !0 : n <= u, d = m(() => (t.value?.length ?? 0) >= 23 && M.value.length >= 16), y = (n) => {
-    if ((n ?? "").length < 23 || M.value.length < 16)
+    const u = e.min ?? new Date(Date.now() - 90 * $), A = e.max ?? /* @__PURE__ */ new Date(), T = y(n);
+    return T < y(u) || T > y(A) ? null : n;
+  }, R = (n, u) => e.allowReverse ?? !1 ? !0 : n <= u, f = c(() => (t.value?.length ?? 0) >= 23 && I.value.length >= 16), b = (n) => {
+    if ((n ?? "").length < 23 || I.value.length < 16)
       return { start: null, end: null };
-    const u = n.substring(0, 10), w = n.substring(13, 23), [F, ne, ae] = u.split("/").map((de) => parseInt(de || "0", 10)), [ce, pe, me] = w.split("/").map((de) => parseInt(de || "0", 10)), ve = new Date(ae, F - 1, ne), he = new Date(me, ce - 1, pe), we = S(ae, F, ne) && ve.toString() !== "Invalid Date", Ae = S(me, ce, pe) && he.toString() !== "Invalid Date";
-    return { start: we ? ve : null, end: Ae ? he : null };
-  }, L = e.externalValid ?? N(!0), B = m(() => y(t.value)), j = m(() => {
-    const n = T(B.value.start), u = T(B.value.end);
+    const u = n.substring(0, 10), A = n.substring(13, 23), [T, ne, ae] = u.split("/").map((fe) => parseInt(fe || "0", 10)), [ce, ve, me] = A.split("/").map((fe) => parseInt(fe || "0", 10)), ge = new Date(ae, T - 1, ne), he = new Date(me, ce - 1, ve), we = w(ae, T, ne) && ge.toString() !== "Invalid Date", Ae = w(me, ce, ve) && he.toString() !== "Invalid Date";
+    return { start: we ? ge : null, end: Ae ? he : null };
+  }, L = e.externalValid ?? Z(!0), j = c(() => b(t.value)), N = c(() => {
+    const n = F(j.value.start), u = F(j.value.end);
     return { start: n, end: u };
-  }), Q = m(() => {
-    if (!d.value) return;
-    const n = j.value.start, u = j.value.end;
+  }), ee = c(() => {
+    if (!f.value) return;
+    const n = N.value.start, u = N.value.end;
     if (!n || !u) return;
-    const w = Math.abs(v(u) - v(n));
-    return Math.round(w / 864e5 + 1);
-  }), ee = m(() => {
-    if (!d.value) return !1;
-    const { start: n, end: u } = B.value;
-    if (!n || !u || !j.value.start || !j.value.end) return !1;
-    const w = j.value.start, F = j.value.end;
-    return !(!R(w, F) || typeof e.maxSpanDays == "number" && Q.value !== void 0 && Q.value > e.maxSpanDays);
-  }), ie = m(() => {
-    const { start: n, end: u } = B.value;
-    if (!d.value) return "incomplete";
+    const A = Math.abs(y(u) - y(n));
+    return Math.round(A / 864e5 + 1);
+  }), te = c(() => {
+    if (!f.value) return !1;
+    const { start: n, end: u } = j.value;
+    if (!n || !u || !N.value.start || !N.value.end) return !1;
+    const A = N.value.start, T = N.value.end;
+    return !(!R(A, T) || typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays);
+  }), se = c(() => {
+    const { start: n, end: u } = j.value;
+    if (!f.value) return "incomplete";
     if (!n || !u) return "invalid-date";
-    if (!j.value.start || !j.value.end) return "out-of-bounds";
-    const w = j.value.start, F = j.value.end;
-    return R(w, F) ? typeof e.maxSpanDays == "number" && Q.value !== void 0 && Q.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), o = N(void 0), g = m(() => {
+    if (!N.value.start || !N.value.end) return "out-of-bounds";
+    const A = N.value.start, T = N.value.end;
+    return R(A, T) ? typeof e.maxSpanDays == "number" && ee.value !== void 0 && ee.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
+  }), o = Z(void 0), g = c(() => {
     if (L.value !== !1) return "";
-    const { min: n, max: u } = e, w = o.value;
-    if (!w) return "";
-    switch (w) {
+    const { min: n, max: u } = e, A = o.value;
+    if (!A) return "";
+    switch (A) {
       case "incomplete":
         return "Required";
       case "invalid-date":
@@ -1013,54 +1034,54 @@ function pt(e) {
       case "reversed-range":
         return "End Date must be on or after Start Date.";
       case "out-of-bounds":
-        return n && u ? `Dates must be between ${p(n)} and ${p(u)}.` : "Dates must be within the allowed range.";
+        return n && u ? `Dates must be between ${m(n)} and ${m(u)}.` : "Dates must be within the allowed range.";
       case "span-exceeds-limit":
         return typeof e.maxSpanDays == "number" ? `Date range exceeds ${e.maxSpanDays} days.` : "Date range exceeds maximum allowed span.";
       default:
         return "";
     }
-  }), s = ["ArrowUp", "ArrowDown"], c = ["ArrowLeft", "ArrowRight"], E = (n, u) => String(n).padStart(u, "0"), p = (n) => `${E(n.getMonth() + 1, 2)}/${E(n.getDate(), 2)}/${E(
+  }), s = ["ArrowUp", "ArrowDown"], d = ["ArrowLeft", "ArrowRight"], E = (n, u) => String(n).padStart(u, "0"), m = (n) => `${E(n.getMonth() + 1, 2)}/${E(n.getDate(), 2)}/${E(
     n.getFullYear(),
     4
-  )}`, x = (n) => n <= 2 ? { side: "start", part: "mm" } : n <= 5 ? { side: "start", part: (n <= 3, "dd") } : n <= 11 ? { side: "start", part: "yyyy" } : n <= 15 ? { side: "end", part: "mm" } : n <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, q = (n, u, w) => {
-    const F = u?.selectionStart ?? l.value ?? 0;
-    l.value = F;
-    const { start: ne, end: ae } = y(t.value);
+  )}`, x = (n) => n <= 2 ? { side: "start", part: "mm" } : n <= 5 ? { side: "start", part: (n <= 3, "dd") } : n <= 11 ? { side: "start", part: "yyyy" } : n <= 15 ? { side: "end", part: "mm" } : n <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, q = (n, u, A) => {
+    const T = u?.selectionStart ?? l.value ?? 0;
+    l.value = T;
+    const { start: ne, end: ae } = b(t.value);
     if (!ne && !ae) {
-      const G = /* @__PURE__ */ new Date(), ue = p(G);
-      t.value = `${ue} - ${ue}`, e.onChange({ value: { start: G, end: G }, event: w }), H(() => {
+      const G = /* @__PURE__ */ new Date(), ue = m(G);
+      t.value = `${ue} - ${ue}`, e.onChange({ value: { start: G, end: G }, event: A }), W(() => {
         requestAnimationFrame(() => {
           const re = document.getElementById(
             e.id
-          ), le = l.value ?? 0;
-          re && (re.focus(), re.setSelectionRange(le, le));
+          ), ie = l.value ?? 0;
+          re && (re.focus(), re.setSelectionRange(ie, ie));
         });
       });
       return;
     }
-    const ce = /* @__PURE__ */ new Date(), pe = x(F);
-    let me = ne ? new Date(ne) : new Date(ce), ve = ae ? new Date(ae) : new Date(ce);
+    const ce = /* @__PURE__ */ new Date(), ve = x(T);
+    let me = ne ? new Date(ne) : new Date(ce), ge = ae ? new Date(ae) : new Date(ce);
     const he = (G, ue) => {
       if (ue === "mm") {
-        const re = G.getMonth() + 1, le = n === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
-        G.setMonth(le - 1);
-        const Se = P(G.getFullYear(), le);
+        const re = G.getMonth() + 1, ie = n === "ArrowUp" ? re < 12 ? re + 1 : 1 : re > 1 ? re - 1 : 12;
+        G.setMonth(ie - 1);
+        const Se = V(G.getFullYear(), ie);
         G.getDate() > Se && G.setDate(Se);
       } else if (ue === "dd") {
-        const re = P(G.getFullYear(), G.getMonth() + 1), le = G.getDate(), Se = n === "ArrowUp" ? le < re ? le + 1 : 1 : le > 1 ? le - 1 : re;
+        const re = V(G.getFullYear(), G.getMonth() + 1), ie = G.getDate(), Se = n === "ArrowUp" ? ie < re ? ie + 1 : 1 : ie > 1 ? ie - 1 : re;
         G.setDate(Se);
       } else if (ue === "yyyy") {
         const re = G.getFullYear();
         G.setFullYear(n === "ArrowUp" ? re + 1 : Math.max(1, re - 1));
-        const le = P(G.getFullYear(), G.getMonth() + 1);
-        G.getDate() > le && G.setDate(le);
+        const ie = V(G.getFullYear(), G.getMonth() + 1);
+        G.getDate() > ie && G.setDate(ie);
       }
     };
-    pe.side === "start" ? he(me, pe.part) : he(ve, pe.part);
-    const we = p(me), Ae = p(ve);
+    ve.side === "start" ? he(me, ve.part) : he(ge, ve.part);
+    const we = m(me), Ae = m(ge);
     t.value = `${we} - ${Ae}`;
-    const de = T(me), ke = T(ve);
-    de && ke && R(de, ke) ? e.onChange({ value: { start: de, end: ke }, event: w }) : e.onChange({ value: null, event: w }), H(() => {
+    const fe = F(me), ke = F(ge);
+    fe && ke && R(fe, ke) ? e.onChange({ value: { start: fe, end: ke }, event: A }) : e.onChange({ value: null, event: A }), W(() => {
       requestAnimationFrame(() => {
         const G = document.getElementById(
           e.id
@@ -1068,34 +1089,34 @@ function pt(e) {
         G && (G.focus(), G.setSelectionRange(ue, ue));
       });
     });
-  }, Z = (n) => {
-    const { start: u, end: w } = y(t.value);
-    if (!u || !w) {
+  }, Y = (n) => {
+    const { start: u, end: A } = b(t.value);
+    if (!u || !A) {
       e.onChange({ value: null, event: n });
       return;
     }
-    const F = T(u), ne = T(w);
-    if (!F || !ne) {
+    const T = F(u), ne = F(A);
+    if (!T || !ne) {
       e.onChange({ value: null, event: n });
       return;
     }
-    if (!R(F, ne)) {
+    if (!R(T, ne)) {
       e.onChange({ value: null, event: n });
       return;
     }
-    e.onChange({ value: { start: F, end: ne }, event: n });
+    e.onChange({ value: { start: T, end: ne }, event: n });
   }, r = (n) => {
-    const u = n.value ?? "", w = n.event;
-    if (!u && w && w.type === "click") {
-      se(w);
+    const u = n.value ?? "", A = n.event;
+    if (!u && A && A.type === "click") {
+      oe(A);
       return;
     }
     t.value = u;
-    const F = w?.target;
-    l.value = F?.selectionStart ?? 0, Z(n);
-  }, f = (n) => {
+    const T = A?.target;
+    l.value = T?.selectionStart ?? 0, Y(n);
+  }, p = (n) => {
     l.value = n.target.selectionStart ?? 0;
-  }, h = (n) => {
+  }, S = (n) => {
     if (n.code === "Space" || n.key === " ") {
       n.preventDefault(), n.stopPropagation(), e.onShowCalendar(n);
       return;
@@ -1110,57 +1131,57 @@ function pt(e) {
       q(n.key, u, n);
       return;
     }
-  }, O = (n) => {
+  }, U = (n) => {
     n.preventDefault();
     const u = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
     q(u, n.target, n);
-  }, K = (n) => {
-    if (c.includes(n.key) || s.includes(n.key)) {
+  }, B = (n) => {
+    if (d.includes(n.key) || s.includes(n.key)) {
       const u = n.target;
       l.value = u?.selectionStart ?? 0;
     }
-  }, W = () => {
-    o.value = ie.value, (e.manageValid ?? !0) && (L.value = ee.value);
-  }, te = (n) => {
-    W();
-  }, se = (n) => {
-    console.log("Clear event:", n), t.value = "", l.value = 0, e.onChange({ value: null, event: n }), W(), H(() => {
+  }, z = () => {
+    o.value = se.value, (e.manageValid ?? !0) && (L.value = te.value);
+  }, X = (n) => {
+    z();
+  }, oe = (n) => {
+    console.log("Clear event:", n), t.value = "", l.value = 0, e.onChange({ value: null, event: n }), z(), W(() => {
       const u = document.getElementById(
         e.id
       );
       u && (u.focus(), u.setSelectionRange(0, 0));
     });
   };
-  e.externalValue && fe(
+  e.externalValue && de(
     e.externalValue,
     (n) => {
-      const u = n?.start ?? null, w = n?.end ?? null;
-      if (u && w) {
-        if (t.value = `${p(u)} - ${p(w)}`, e.isOpen?.value && C.value && e.onRequestClose) {
-          const F = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
+      const u = n?.start ?? null, A = n?.end ?? null;
+      if (u && A) {
+        if (t.value = `${m(u)} - ${m(A)}`, e.isOpen?.value && v.value && e.onRequestClose) {
+          const T = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), C.value = !1, W();
-          }, F);
+            e.onRequestClose?.(), v.value = !1, z();
+          }, T);
         }
         return;
       }
     },
     { immediate: !0 }
   );
-  const a = m(
+  const a = c(
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
-  ), i = m(
+  ), i = c(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), V = m(
+  ), P = c(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), U = m(
+  ), O = c(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), Y = m(
+  ), K = c(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), J = m(
+  ), _ = c(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), z = m(() => {
-    const { start: n, end: u } = y(t.value);
+  ), H = c(() => {
+    const { start: n, end: u } = b(t.value);
     return [
       {
         label: "Raw",
@@ -1178,16 +1199,16 @@ function pt(e) {
         label: "Start",
         value: `${String(a.value).padStart(2, "0")} / ${String(
           i.value
-        ).padStart(2, "0")} / ${String(V.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String(P.value).padStart(4, "0")}`
       },
       {
         label: "End",
-        value: `${String(U.value).padStart(2, "0")} / ${String(
-          Y.value
-        ).padStart(2, "0")} / ${String(J.value).padStart(4, "0")}`
+        value: `${String(O.value).padStart(2, "0")} / ${String(
+          K.value
+        ).padStart(2, "0")} / ${String(_.value).padStart(4, "0")}`
       },
-      { label: "Digits only", value: M.value },
-      { label: "Mask complete", value: `${d.value}` },
+      { label: "Digits only", value: I.value },
+      { label: "Mask complete", value: `${f.value}` },
       {
         label: "Parsed",
         value: `${n ? n.toDateString() : "-"} | ${u ? u.toDateString() : "-"}`
@@ -1196,21 +1217,21 @@ function pt(e) {
         label: "Valid (managed)",
         value: `${L.value ?? "-"}`
       },
-      { label: "Span (days)", value: `${Q.value ?? "-"}` },
+      { label: "Span (days)", value: `${ee.value ?? "-"}` },
       {
         label: "Reason",
-        value: `${ie.value ?? "-"}`
+        value: `${se.value ?? "-"}`
       },
       {
         label: "Cursor in",
         value: `${l.value ?? "-"} (${(() => {
-          const w = l.value ?? 0, F = x(w);
-          return `${F.side}.${F.part}`;
+          const A = l.value ?? 0, T = x(A);
+          return `${T.side}.${T.part}`;
         })()})`
       }
     ];
-  }), X = () => {
-    H(() => {
+  }), Q = () => {
+    W(() => {
       const n = document.getElementById(e.id);
       if (!n) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1225,24 +1246,24 @@ function pt(e) {
     });
   };
   Me(() => {
-    X();
+    Q();
   });
-  const ye = () => {
-    H(() => {
+  const pe = () => {
+    W(() => {
       try {
         const n = Array.from(
           document.querySelectorAll(".k-animation-container")
         );
         if (!n.length) return;
-        const w = [...n].reverse().find((ae) => ae.querySelector(".k-calendar"))?.querySelector(
+        const A = [...n].reverse().find((ae) => ae.querySelector(".k-calendar"))?.querySelector(
           ".k-calendar"
         );
-        if (!w) return;
-        const F = w.querySelectorAll(
+        if (!A) return;
+        const T = A.querySelectorAll(
           ".k-calendar-table"
         );
         let ne = !1;
-        F.forEach((ae) => {
+        T.forEach((ae) => {
           ae.tabIndex === 0 && (ne ? ae.tabIndex = -1 : ne = !0);
         });
       } catch (n) {
@@ -1250,105 +1271,105 @@ function pt(e) {
       }
     });
   };
-  return e.isOpen && fe(
+  return e.isOpen && de(
     e.isOpen,
     (n) => {
-      n && setTimeout(() => ye(), 0);
+      n && setTimeout(() => pe(), 0);
     },
     { immediate: !1 }
   ), {
     raw: t,
     cursorPos: l,
-    debugEnabled: b,
-    debugLines: z,
-    digitsOnly: M,
+    debugEnabled: h,
+    debugLines: H,
+    digitsOnly: I,
     valid: L,
-    validComputed: _(ee),
-    reason: _(ie),
-    validationMessage: _(g),
-    spanDays: _(Q),
-    month1: _(a),
-    day1: _(i),
-    year1: _(V),
-    month2: _(U),
-    day2: _(Y),
-    year2: _(J),
+    validComputed: J(te),
+    reason: J(se),
+    validationMessage: J(g),
+    spanDays: J(ee),
+    month1: J(a),
+    day1: J(i),
+    year1: J(P),
+    month2: J(O),
+    day2: J(K),
+    year2: J(_),
     handleChange: r,
-    handleKeyDown: h,
-    handleWheel: O,
-    handleKeyUp: K,
-    handleClick: f,
-    handleBlur: te,
-    handleClear: se,
+    handleKeyDown: S,
+    handleWheel: U,
+    handleKeyUp: B,
+    handleClick: p,
+    handleBlur: X,
+    handleClear: oe,
     onCalendarChange: () => {
-      C.value = !0;
+      v.value = !0;
     },
-    initStyling: X
+    initStyling: Q
   };
 }
-function mt(e) {
-  const t = N(""), l = N(void 0), b = N(!!e.debug), C = N(e.timeFormat ?? "hh:mm AM"), $ = m(() => !!e.required), k = N(!1), A = ["ArrowUp", "ArrowDown"], I = ["ArrowLeft", "ArrowRight"], D = m(() => (t.value ?? "").replace(/\D/g, "")), M = {
+function vt(e) {
+  const t = Z(""), l = Z(void 0), h = Z(!!e.debug), v = Z(e.timeFormat ?? "hh:mm AM"), $ = c(() => !!e.required), M = Z(!1), k = ["ArrowUp", "ArrowDown"], C = ["ArrowLeft", "ArrowRight"], D = c(() => (t.value ?? "").replace(/\D/g, "")), I = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
     m: /[0-9]/,
     A: /[AaPp]/,
     a: /[Mm]/
-  }, P = (a) => a <= 2 ? "hh" : a <= 5 ? "mm" : "ampm", S = m(() => {
+  }, V = (a) => a <= 2 ? "hh" : a <= 5 ? "mm" : "ampm", w = c(() => {
     const a = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", i = parseInt(a);
     return Math.min(Math.max(i, 0), 23);
-  }), v = m(() => {
+  }), y = c(() => {
     const a = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", i = parseInt(a);
     return Math.min(Math.max(i, 0), 59);
-  }), T = m(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), R = m(() => {
-    const a = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = T.value;
+  }), F = c(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), R = c(() => {
+    const a = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = F.value;
     return a === 12 ? i === "AM" ? 0 : 12 : i === "PM" ? a + 12 : a;
-  }), d = m(() => y.value ? `${String(R.value).padStart(2, "0")}:${String(v.value).padStart(2, "0")}:00` : null), y = m(
+  }), f = c(() => b.value ? `${String(R.value).padStart(2, "0")}:${String(y.value).padStart(2, "0")}:00` : null), b = c(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), L = (a, i, V) => {
-    let U = a % 12;
-    return U === 0 && (U = 12), `${String(U).padStart(2, "0")}:${String(i).padStart(
+  ), L = (a, i, P) => {
+    let O = a % 12;
+    return O === 0 && (O = 12), `${String(O).padStart(2, "0")}:${String(i).padStart(
       2,
       "0"
-    )} ${V}`;
-  }, B = (a) => {
+    )} ${P}`;
+  }, j = (a) => {
     const i = a.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!i) return null;
-    const V = parseInt(i[1]), U = parseInt(i[2]), Y = i[3].toUpperCase();
-    if (V < 1 || V > 12 || U < 0 || U > 59) return null;
-    let J = V % 12;
-    Y === "PM" && (J += 12);
-    const z = /* @__PURE__ */ new Date();
-    return z.setSeconds(0, 0), z.setHours(J), z.setMinutes(U), z;
-  }, j = (a) => {
+    const P = parseInt(i[1]), O = parseInt(i[2]), K = i[3].toUpperCase();
+    if (P < 1 || P > 12 || O < 0 || O > 59) return null;
+    let _ = P % 12;
+    K === "PM" && (_ += 12);
+    const H = /* @__PURE__ */ new Date();
+    return H.setSeconds(0, 0), H.setHours(_), H.setMinutes(O), H;
+  }, N = (a) => {
     if (D.value.length === 0) {
       e.onChange({ value: null, event: a });
       return;
     }
-    if (!y.value) {
+    if (!b.value) {
       e.onChange({ value: null, event: a });
       return;
     }
-    const i = B(t.value);
-    i && ee(i) ? e.onChange({ value: i, event: a }) : e.onChange({ value: null, event: a });
-  }, Q = (a) => a.getHours() * 60 + a.getMinutes(), ee = (a) => {
-    const i = e.min ?? void 0, V = e.max ?? void 0, U = Q(a);
+    const i = j(t.value);
+    i && te(i) ? e.onChange({ value: i, event: a }) : e.onChange({ value: null, event: a });
+  }, ee = (a) => a.getHours() * 60 + a.getMinutes(), te = (a) => {
+    const i = e.min ?? void 0, P = e.max ?? void 0, O = ee(a);
     if (i) {
-      const Y = Q(i);
-      if (U < Y) return !1;
+      const K = ee(i);
+      if (O < K) return !1;
     }
-    if (V) {
-      const Y = Q(V);
-      if (U > Y) return !1;
+    if (P) {
+      const K = ee(P);
+      if (O > K) return !1;
     }
     return !0;
-  }, ie = (a) => {
-    const i = a.getHours(), V = i >= 12 ? "PM" : "AM";
-    t.value = L(i, a.getMinutes(), V);
+  }, se = (a) => {
+    const i = a.getHours(), P = i >= 12 ? "PM" : "AM";
+    t.value = L(i, a.getMinutes(), P);
   }, o = (a, i) => {
     e.onChange({ value: a, event: i });
   }, g = () => {
-    H(() => {
+    W(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const a = document.getElementById(
@@ -1365,20 +1386,20 @@ function mt(e) {
   }, s = (a) => {
     const i = a?.event?.target;
     return i ? i.closest(".k-time-now") ? "now" : i.closest(".k-time-accept") ? "set" : null : null;
-  }, c = (a, i) => {
-    a && ee(a) ? o(a, i) : o(null, i);
+  }, d = (a, i) => {
+    a && te(a) ? o(a, i) : o(null, i);
   }, E = (...a) => {
     const i = a[0];
     if (!i) return;
-    const V = s(i);
-    if (V === "now") {
-      const Y = /* @__PURE__ */ new Date();
-      ie(Y), c(Y, i), g();
+    const P = s(i);
+    if (P === "now") {
+      const K = /* @__PURE__ */ new Date();
+      se(K), d(K, i), g();
       return;
     }
     if (i?.value instanceof Date) {
-      const Y = new Date(i.value);
-      ie(Y), c(Y, i), V === "set" && g();
+      const K = new Date(i.value);
+      se(K), d(K, i), P === "set" && g();
       return;
     }
     if (i?.value === null) {
@@ -1386,43 +1407,43 @@ function mt(e) {
       return;
     }
     t.value = i.value;
-    const U = i.event?.target;
-    l.value = U?.selectionStart ?? 0;
+    const O = i.event?.target;
+    l.value = O?.selectionStart ?? 0;
     try {
-      const Y = l.value ?? 0;
-      if (P(Y) === "ampm" && (t.value ?? "").length >= 8) {
-        const J = t.value.charAt(6);
-        /[Aa]/.test(J) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, H(() => {
+      const K = l.value ?? 0;
+      if (V(K) === "ampm" && (t.value ?? "").length >= 8) {
+        const _ = t.value.charAt(6);
+        /[Aa]/.test(_) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, W(() => {
           requestAnimationFrame(() => {
-            const z = document.getElementById(
+            const H = document.getElementById(
               e.id
             );
-            z && (z.focus(), z.setSelectionRange(8, 8));
+            H && (H.focus(), H.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(J) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, H(() => {
+        })) : /[Pp]/.test(_) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, W(() => {
           requestAnimationFrame(() => {
-            const z = document.getElementById(
+            const H = document.getElementById(
               e.id
             );
-            z && (z.focus(), z.setSelectionRange(8, 8));
+            H && (H.focus(), H.setSelectionRange(8, 8));
           });
         }));
       }
     } catch {
     }
-    j(i);
-  }, p = (a) => {
+    N(i);
+  }, m = (a) => {
     l.value = a.target.selectionStart ?? 0;
-  }, x = (a, i, V) => {
-    const U = i?.selectionStart ?? l.value ?? 0;
-    l.value = U;
-    const Y = P(U), J = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!J) {
+  }, x = (a, i, P) => {
+    const O = i?.selectionStart ?? l.value ?? 0;
+    l.value = O;
+    const K = V(O), _ = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    if (!_) {
       if ((t.value ?? "").length === 0 || D.value.length === 0) {
-        const u = /* @__PURE__ */ new Date(), w = u.getHours(), F = w >= 12 ? "PM" : "AM";
-        t.value = L(w, u.getMinutes(), F);
-        const ne = B(t.value);
-        c(ne, V), H(() => {
+        const u = /* @__PURE__ */ new Date(), A = u.getHours(), T = A >= 12 ? "PM" : "AM";
+        t.value = L(A, u.getMinutes(), T);
+        const ne = j(t.value);
+        d(ne, P), W(() => {
           requestAnimationFrame(() => {
             const ae = document.getElementById(
               e.id
@@ -1433,34 +1454,34 @@ function mt(e) {
       }
       return;
     }
-    let z = parseInt(J[1]), X = parseInt(J[2]), ye = J[3].toUpperCase();
-    if (Y === "hh")
-      a === "ArrowUp" ? z = z < 12 ? z + 1 : 1 : z = z > 1 ? z - 1 : 12;
-    else if (Y === "mm") {
+    let H = parseInt(_[1]), Q = parseInt(_[2]), pe = _[3].toUpperCase();
+    if (K === "hh")
+      a === "ArrowUp" ? H = H < 12 ? H + 1 : 1 : H = H > 1 ? H - 1 : 12;
+    else if (K === "mm") {
       const u = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
       if (u === 1)
-        a === "ArrowUp" ? X = X < 59 ? X + 1 : 0 : X = X > 0 ? X - 1 : 59;
+        a === "ArrowUp" ? Q = Q < 59 ? Q + 1 : 0 : Q = Q > 0 ? Q - 1 : 59;
       else if (a === "ArrowUp") {
-        const w = X % u;
-        let F = w === 0 ? X + u : X + (u - w);
-        F >= 60 && (F = 0), X = F;
+        const A = Q % u;
+        let T = A === 0 ? Q + u : Q + (u - A);
+        T >= 60 && (T = 0), Q = T;
       } else {
-        const w = X % u;
-        let F = w === 0 ? X - u : X - w;
-        F < 0 && (F = 60 - u), X = F;
+        const A = Q % u;
+        let T = A === 0 ? Q - u : Q - A;
+        T < 0 && (T = 60 - u), Q = T;
       }
-    } else Y === "ampm" && (ye = ye === "AM" ? "PM" : "AM");
-    t.value = `${String(z).padStart(2, "0")}:${String(X).padStart(
+    } else K === "ampm" && (pe = pe === "AM" ? "PM" : "AM");
+    t.value = `${String(H).padStart(2, "0")}:${String(Q).padStart(
       2,
       "0"
-    )} ${ye}`;
-    const n = B(t.value);
-    c(n, V), H(() => {
+    )} ${pe}`;
+    const n = j(t.value);
+    d(n, P), W(() => {
       requestAnimationFrame(() => {
         const u = document.getElementById(
           e.id
-        ), w = l.value ?? 0;
-        u && (u.focus(), u.setSelectionRange(w, w));
+        ), A = l.value ?? 0;
+        u && (u.focus(), u.setSelectionRange(A, A));
       });
     });
   }, q = (a) => {
@@ -1472,57 +1493,57 @@ function mt(e) {
       a.preventDefault(), a.stopPropagation(), e.onShowPicker(a);
       return;
     }
-    if (A.includes(a.key)) {
+    if (k.includes(a.key)) {
       if (a.altKey) return;
       a.preventDefault(), a.stopPropagation();
       const i = a.target;
       x(a.key, i, a);
       return;
     }
-  }, Z = (a) => {
+  }, Y = (a) => {
     a.preventDefault();
     const i = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
     x(i, a.target, a);
   }, r = (a) => {
     const i = a.target;
-    if (I.includes(a.key)) {
+    if (C.includes(a.key)) {
       l.value = i?.selectionStart ?? 0;
       return;
     }
-    if (A.includes(a.key)) {
+    if (k.includes(a.key)) {
       if (a.altKey) return;
       l.value = i?.selectionStart ?? 0;
     }
-  }, f = (a) => {
-    k.value = !0, $.value && e.externalValue && e.externalValue.value === void 0 && D.value.length === 0 && (e.externalValue.value = "");
+  }, p = (a) => {
+    M.value = !0, $.value && e.externalValue && e.externalValue.value === void 0 && D.value.length === 0 && (e.externalValue.value = "");
     const i = a.target;
     i && (l.value = i.selectionStart ?? 0);
   };
-  e.externalValue && fe(
+  e.externalValue && de(
     e.externalValue,
     (a) => {
       if (a) {
         const i = new Date(a);
         if (i.toString() !== "Invalid Date") {
-          const V = i.getHours(), U = V >= 12 ? "PM" : "AM";
-          t.value = L(V, i.getMinutes(), U);
+          const P = i.getHours(), O = P >= 12 ? "PM" : "AM";
+          t.value = L(P, i.getMinutes(), O);
           return;
         }
       }
     },
     { immediate: !0 }
   );
-  const h = m(() => [
+  const S = c(() => [
     ["Time", t.value || "--:-- --"],
-    ["Hour (12h)", S.value],
+    ["Hour (12h)", w.value],
     ["Hour (24h)", R.value],
-    ["Minute", v.value],
-    ["Period", T.value],
-    ["Time (24h)", d.value ?? "--:--:--"],
+    ["Minute", y.value],
+    ["Period", F.value],
+    ["Time (24h)", f.value ?? "--:--:--"],
     ["Digits only", D.value],
     [
       "Parsed Date",
-      O.value?.toLocaleDateString("en-US", {
+      U.value?.toLocaleDateString("en-US", {
         hour: "2-digit",
         minute: "2-digit"
       }) ?? null
@@ -1541,50 +1562,50 @@ function mt(e) {
         minute: "2-digit"
       }) ?? null
     ],
-    ["valid", K.value],
-    ["reason", W.value],
-    ["validationMessage", te.value]
-  ]), O = m(
-    () => B(t.value) ?? null
-  ), K = m(() => {
+    ["valid", B.value],
+    ["reason", z.value],
+    ["validationMessage", X.value]
+  ]), U = c(
+    () => j(t.value) ?? null
+  ), B = c(() => {
     if (!$.value) {
-      if (!y.value) return !0;
-      const i = O.value;
-      return i ? ee(i) : !1;
+      if (!b.value) return !0;
+      const i = U.value;
+      return i ? te(i) : !1;
     }
-    if (!k.value) return !0;
-    const a = O.value;
-    return !y.value || !a ? !1 : ee(a);
-  }), W = m(() => {
+    if (!M.value) return !0;
+    const a = U.value;
+    return !b.value || !a ? !1 : te(a);
+  }), z = c(() => {
     if (!$.value) {
-      if (!y.value) return;
-      const i = O.value;
-      return i ? ee(i) ? "valid" : "out-of-bounds" : "invalid-time";
+      if (!b.value) return;
+      const i = U.value;
+      return i ? te(i) ? "valid" : "out-of-bounds" : "invalid-time";
     }
-    if (!k.value) return;
-    if (D.value.length === 0 || !y.value)
+    if (!M.value) return;
+    if (D.value.length === 0 || !b.value)
       return "incomplete";
-    const a = O.value;
-    return a ? ee(a) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), te = m(() => {
-    const a = W.value;
+    const a = U.value;
+    return a ? te(a) ? "valid" : "out-of-bounds" : "invalid-time";
+  }), X = c(() => {
+    const a = z.value;
     if (!a || a === "valid") return "";
     if (a === "incomplete")
       return "Required";
     if (a === "invalid-time")
-      return `Must be in ${C.value} format.`;
+      return `Must be in ${v.value} format.`;
     const i = {
       hour: "2-digit",
       minute: "2-digit"
-    }, V = e.min ? e.min.toLocaleTimeString("en-US", i) : null, U = e.max ? e.max.toLocaleTimeString("en-US", i) : null;
+    }, P = e.min ? e.min.toLocaleTimeString("en-US", i) : null, O = e.max ? e.max.toLocaleTimeString("en-US", i) : null;
     if (a === "out-of-bounds") {
-      if (V && U) return `Must be between ${V} and ${U}.`;
-      if (V) return `Must be ${V} or later.`;
-      if (U) return `Must be ${U} or earlier.`;
+      if (P && O) return `Must be between ${P} and ${O}.`;
+      if (P) return `Must be ${P} or later.`;
+      if (O) return `Must be ${O} or earlier.`;
     }
     return "";
-  }), se = () => {
-    H(() => {
+  }), oe = () => {
+    W(() => {
       const a = document.getElementById(e.id);
       if (!a) {
         console.warn(`#${e.id} not found for styling.`);
@@ -1597,62 +1618,62 @@ function mt(e) {
         );
         return;
       }
-      const V = i.parentElement;
-      if (!V) {
+      const P = i.parentElement;
+      if (!P) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
         );
         return;
       }
-      V.classList.contains("fk-timepicker") || V.classList.add("fk-timepicker");
+      P.classList.contains("fk-timepicker") || P.classList.add("fk-timepicker");
     });
   };
   return Me(() => {
-    se();
+    oe();
   }), {
     raw: t,
-    rules: M,
-    debugEnabled: b,
-    debugLines: h,
-    placeholder: C,
-    isValid: K,
-    reason: _(W),
-    validationMessage: te,
-    isComplete: y,
-    inRangeTime: ee,
+    rules: I,
+    debugEnabled: h,
+    debugLines: S,
+    placeholder: v,
+    isValid: B,
+    reason: J(z),
+    validationMessage: X,
+    isComplete: b,
+    inRangeTime: te,
     cursorPos: l,
-    hour: _(S),
-    hour24: _(R),
-    minute: _(v),
-    period: _(T),
-    time24: _(d),
-    parsedRawTime: _(O),
+    hour: J(w),
+    hour24: J(R),
+    minute: J(y),
+    period: J(F),
+    time24: J(f),
+    parsedRawTime: J(U),
     handleChange: E,
     handleKeyDown: q,
     handleKeyUp: r,
-    handleClick: p,
-    handleWheel: Z,
-    handleBlur: f,
+    handleClick: m,
+    handleWheel: Y,
+    handleBlur: p,
     // Expose so consumers can reapply theming when Kendo updates DOM
-    initStyling: se
+    initStyling: oe
   };
 }
 function et(e) {
   return Le() ? (qe(e), !0) : !1;
 }
-const Fe = typeof window < "u" && typeof document < "u";
+const Pe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const tt = Object.prototype.toString, nt = (e) => tt.call(e) === "[object Object]", ge = () => {
+const tt = Object.prototype.toString, nt = (e) => tt.call(e) === "[object Object]", ye = () => {
 }, at = /* @__PURE__ */ rt();
 function rt() {
   var e, t;
-  return Fe && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+  return Pe && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
 function Ee(e) {
   return Array.isArray(e) ? e : [e];
 }
 function lt(e, t, l) {
-  return fe(
+  return de(
     e,
     t,
     {
@@ -1661,183 +1682,183 @@ function lt(e, t, l) {
     }
   );
 }
-const Pe = Fe ? window : void 0;
+const Te = Pe ? window : void 0;
 function be(e) {
   var t;
-  const l = oe(e);
+  const l = le(e);
   return (t = l?.$el) != null ? t : l;
 }
 function xe(...e) {
   const t = [], l = () => {
-    t.forEach((A) => A()), t.length = 0;
-  }, b = (A, I, D, M) => (A.addEventListener(I, D, M), () => A.removeEventListener(I, D, M)), C = m(() => {
-    const A = Ee(oe(e[0])).filter((I) => I != null);
-    return A.every((I) => typeof I != "string") ? A : void 0;
+    t.forEach((k) => k()), t.length = 0;
+  }, h = (k, C, D, I) => (k.addEventListener(C, D, I), () => k.removeEventListener(C, D, I)), v = c(() => {
+    const k = Ee(le(e[0])).filter((C) => C != null);
+    return k.every((C) => typeof C != "string") ? k : void 0;
   }), $ = lt(
     () => {
-      var A, I;
+      var k, C;
       return [
-        (I = (A = C.value) == null ? void 0 : A.map((D) => be(D))) != null ? I : [Pe].filter((D) => D != null),
-        Ee(oe(C.value ? e[1] : e[0])),
-        Ee(Oe(C.value ? e[2] : e[1])),
+        (C = (k = v.value) == null ? void 0 : k.map((D) => be(D))) != null ? C : [Te].filter((D) => D != null),
+        Ee(le(v.value ? e[1] : e[0])),
+        Ee(Oe(v.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        oe(C.value ? e[3] : e[2])
+        le(v.value ? e[3] : e[2])
       ];
     },
-    ([A, I, D, M]) => {
-      if (l(), !A?.length || !I?.length || !D?.length)
+    ([k, C, D, I]) => {
+      if (l(), !k?.length || !C?.length || !D?.length)
         return;
-      const P = nt(M) ? { ...M } : M;
+      const V = nt(I) ? { ...I } : I;
       t.push(
-        ...A.flatMap(
-          (S) => I.flatMap(
-            (v) => D.map((T) => b(S, v, T, P))
+        ...k.flatMap(
+          (w) => C.flatMap(
+            (y) => D.map((F) => h(w, y, F, V))
           )
         )
       );
     },
     { flush: "post" }
-  ), k = () => {
+  ), M = () => {
     $(), l();
   };
-  return et(l), k;
+  return et(l), M;
 }
 let Ce = !1;
 function ot(e, t, l = {}) {
-  const { window: b = Pe, ignore: C = [], capture: $ = !0, detectIframe: k = !1, controls: A = !1 } = l;
-  if (!b)
-    return A ? { stop: ge, cancel: ge, trigger: ge } : ge;
+  const { window: h = Te, ignore: v = [], capture: $ = !0, detectIframe: M = !1, controls: k = !1 } = l;
+  if (!h)
+    return k ? { stop: ye, cancel: ye, trigger: ye } : ye;
   if (at && !Ce) {
     Ce = !0;
-    const d = { passive: !0 };
-    Array.from(b.document.body.children).forEach((y) => y.addEventListener("click", ge, d)), b.document.documentElement.addEventListener("click", ge, d);
+    const f = { passive: !0 };
+    Array.from(h.document.body.children).forEach((b) => b.addEventListener("click", ye, f)), h.document.documentElement.addEventListener("click", ye, f);
   }
-  let I = !0;
-  const D = (d) => oe(C).some((y) => {
-    if (typeof y == "string")
-      return Array.from(b.document.querySelectorAll(y)).some((L) => L === d.target || d.composedPath().includes(L));
+  let C = !0;
+  const D = (f) => le(v).some((b) => {
+    if (typeof b == "string")
+      return Array.from(h.document.querySelectorAll(b)).some((L) => L === f.target || f.composedPath().includes(L));
     {
-      const L = be(y);
-      return L && (d.target === L || d.composedPath().includes(L));
+      const L = be(b);
+      return L && (f.target === L || f.composedPath().includes(L));
     }
   });
-  function M(d) {
-    const y = oe(d);
-    return y && y.$.subTree.shapeFlag === 16;
+  function I(f) {
+    const b = le(f);
+    return b && b.$.subTree.shapeFlag === 16;
   }
-  function P(d, y) {
-    const L = oe(d), B = L.$.subTree && L.$.subTree.children;
-    return B == null || !Array.isArray(B) ? !1 : B.some((j) => j.el === y.target || y.composedPath().includes(j.el));
+  function V(f, b) {
+    const L = le(f), j = L.$.subTree && L.$.subTree.children;
+    return j == null || !Array.isArray(j) ? !1 : j.some((N) => N.el === b.target || b.composedPath().includes(N.el));
   }
-  const S = (d) => {
-    const y = be(e);
-    if (d.target != null && !(!(y instanceof Element) && M(e) && P(e, d)) && !(!y || y === d.target || d.composedPath().includes(y))) {
-      if ("detail" in d && d.detail === 0 && (I = !D(d)), !I) {
-        I = !0;
+  const w = (f) => {
+    const b = be(e);
+    if (f.target != null && !(!(b instanceof Element) && I(e) && V(e, f)) && !(!b || b === f.target || f.composedPath().includes(b))) {
+      if ("detail" in f && f.detail === 0 && (C = !D(f)), !C) {
+        C = !0;
         return;
       }
-      t(d);
+      t(f);
     }
   };
-  let v = !1;
-  const T = [
-    xe(b, "click", (d) => {
-      v || (v = !0, setTimeout(() => {
-        v = !1;
-      }, 0), S(d));
+  let y = !1;
+  const F = [
+    xe(h, "click", (f) => {
+      y || (y = !0, setTimeout(() => {
+        y = !1;
+      }, 0), w(f));
     }, { passive: !0, capture: $ }),
-    xe(b, "pointerdown", (d) => {
-      const y = be(e);
-      I = !D(d) && !!(y && !d.composedPath().includes(y));
+    xe(h, "pointerdown", (f) => {
+      const b = be(e);
+      C = !D(f) && !!(b && !f.composedPath().includes(b));
     }, { passive: !0 }),
-    k && xe(b, "blur", (d) => {
+    M && xe(h, "blur", (f) => {
       setTimeout(() => {
-        var y;
+        var b;
         const L = be(e);
-        ((y = b.document.activeElement) == null ? void 0 : y.tagName) === "IFRAME" && !L?.contains(b.document.activeElement) && t(d);
+        ((b = h.document.activeElement) == null ? void 0 : b.tagName) === "IFRAME" && !L?.contains(h.document.activeElement) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), R = () => T.forEach((d) => d());
-  return A ? {
+  ].filter(Boolean), R = () => F.forEach((f) => f());
+  return k ? {
     stop: R,
     cancel: () => {
-      I = !1;
+      C = !1;
     },
-    trigger: (d) => {
-      I = !0, S(d), I = !1;
+    trigger: (f) => {
+      C = !0, w(f), C = !1;
     }
   } : R;
 }
-function vt(e) {
+function mt(e) {
   const t = Ue(null), l = [
     ".k-animation-container .k-popup",
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], b = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? l].flat(), C = (M) => M ? typeof e.initialFocus == "string" ? M.querySelector(e.initialFocus) ?? M : typeof e.initialFocus == "function" ? e.initialFocus(M) ?? M : M.querySelector(
+  ], h = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? l].flat(), v = (I) => I ? typeof e.initialFocus == "string" ? I.querySelector(e.initialFocus) ?? I : typeof e.initialFocus == "function" ? e.initialFocus(I) ?? I : I.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? M : null, { activate: $, deactivate: k } = Ke(t, {
+  ) ?? I : null, { activate: $, deactivate: M } = Ke(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     fallbackFocus: () => t.value,
-    initialFocus: () => C(t.value),
+    initialFocus: () => v(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let A = null, I = N(null);
+  let k = null, C = Z(null);
   const D = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
-    const M = (S, v) => {
-      const T = Array.from(S.querySelectorAll(v));
-      if (!T.length) return null;
-      const R = T.filter(
-        (d) => d.offsetParent !== null || d.getClientRects().length > 0
+    const I = (w, y) => {
+      const F = Array.from(w.querySelectorAll(y));
+      if (!F.length) return null;
+      const R = F.filter(
+        (f) => f.offsetParent !== null || f.getClientRects().length > 0
       );
-      return R[R.length - 1] ?? T[T.length - 1] ?? null;
-    }, P = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const S of b) {
-      const v = M(P, S);
-      if (v) return v;
+      return R[R.length - 1] ?? F[F.length - 1] ?? null;
+    }, V = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
+    for (const w of h) {
+      const y = I(V, w);
+      if (y) return y;
     }
-    for (const S of b) {
-      const v = M(document, S);
-      if (v) return v;
+    for (const w of h) {
+      const y = I(document, w);
+      if (y) return y;
     }
     return null;
   };
-  return ot(t, (M) => {
-    I.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", M);
-  }), fe(
+  return ot(t, (I) => {
+    C.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", I);
+  }), de(
     () => e.isOpen.value,
-    (M) => {
-      M ? (I.value = null, H(() => {
-        const P = D();
-        P && (t.value = P, setTimeout(() => $(), 0), A || (A = (S) => {
-          S.key === "Escape" && (I.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", S));
-        }, document.addEventListener("keydown", A, !0)));
-      })) : (k(), A && (document.removeEventListener("keydown", A, !0), A = null), t.value = null, I.value === "outside" && H(() => {
-        const P = () => {
-          const S = e.triggerEl?.value, v = S?.querySelector("input"), T = document.activeElement;
-          T && (T === v || S && S.contains(T)) && (v ?? S)?.blur?.();
+    (I) => {
+      I ? (C.value = null, W(() => {
+        const V = D();
+        V && (t.value = V, setTimeout(() => $(), 0), k || (k = (w) => {
+          w.key === "Escape" && (C.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", w));
+        }, document.addEventListener("keydown", k, !0)));
+      })) : (M(), k && (document.removeEventListener("keydown", k, !0), k = null), t.value = null, C.value === "outside" && W(() => {
+        const V = () => {
+          const w = e.triggerEl?.value, y = w?.querySelector("input"), F = document.activeElement;
+          F && (F === y || w && w.contains(F)) && (y ?? w)?.blur?.();
         };
-        requestAnimationFrame(() => setTimeout(P, 0));
-      }), e.returnFocusToTrigger !== !1 && I.value === "escape" && e.triggerEl?.value && (console.log(
+        requestAnimationFrame(() => setTimeout(V, 0));
+      }), e.returnFocusToTrigger !== !1 && C.value === "escape" && e.triggerEl?.value && (console.log(
         "Returning focus to trigger element:",
         e.triggerEl.value
-      ), H(() => {
-        const P = () => {
-          const S = e.triggerEl?.value;
-          if (!S) return;
-          (S.querySelector("input") ?? S)?.focus?.();
+      ), W(() => {
+        const V = () => {
+          const w = e.triggerEl?.value;
+          if (!w) return;
+          (w.querySelector("input") ?? w)?.focus?.();
         };
-        requestAnimationFrame(() => setTimeout(P, 0));
+        requestAnimationFrame(() => setTimeout(V, 0));
       })));
     }
   ), {
     popupRef: t,
     activate: $,
-    deactivate: k,
-    lastCloseReason: _(I),
-    setPopupEl: (M) => t.value = M
+    deactivate: M,
+    lastCloseReason: J(C),
+    setPopupEl: (I) => t.value = I
   };
 }
 export {
@@ -1847,8 +1868,9 @@ export {
   ct as useGridActiveFilter,
   ft as useMaskedDateInput,
   pt as useMaskedDateRangeInput,
-  mt as useMaskedTimeInput,
-  vt as usePopupTrap,
+  vt as useMaskedTimeInput,
+  mt as usePopupTrap,
   dt as useUSAddress,
   We as useZipTextBox
 };
+//# sourceMappingURL=featherk-composables.es.js.map