@featherk/composables 0.13.1 → 0.13.3

package/dist/featherk-composables.es.js

@@ -1,13 +1,13 @@
-import { ref as X, onBeforeUnmount as qe, nextTick as j, computed as y, watchEffect as Le, toValue as ne, reactive as Ke, watch as le, useId as ze, unref as Ue, onUnmounted as Te, shallowRef as ye, shallowReactive as Be, readonly as ee, onMounted as Re } from "vue";
+import { ref as X, onBeforeUnmount as qe, nextTick as j, computed as y, watchEffect as Oe, toValue as ne, reactive as Ke, watch as le, useId as ze, unref as Ue, onUnmounted as Te, shallowRef as ye, shallowReactive as Be, readonly as ee, onMounted as Re } from "vue";
 import { useFocusTrap as Ye } from "@vueuse/integrations/useFocusTrap";
 const bt = (e, t) => {
   const n = X(null);
   let p = !1, a = null, d = null;
-  const b = [], D = ".k-table-row[data-grid-row-index] [tabindex]", L = () => {
+  const b = [], D = ".k-table-row[data-grid-row-index] [tabindex]", O = () => {
     const c = e?.value?.$el;
     return c ? c.closest(".k-grid") : null;
   }, K = (c) => {
-    const A = L();
+    const A = O();
     if (!A) return !1;
     const g = c.closest(".k-grid-aria-root");
     if (g)
@@ -69,7 +69,7 @@ const bt = (e, t) => {
         "button, [role='button'], .k-link"
       )?.focus();
     }
-  }, P = () => {
+  }, $ = () => {
     a = new MutationObserver((c) => {
       c.forEach((A) => {
         A.addedNodes.forEach((g) => {
@@ -274,7 +274,7 @@ const bt = (e, t) => {
           "keydown",
           k
         );
-      }), P(), B();
+      }), $(), B();
     });
   }, W = () => {
     const A = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
@@ -387,10 +387,10 @@ const bt = (e, t) => {
     handleSortChange: Y,
     initA11y: J
   };
-}, He = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Xe = (e) => !!e && typeof e == "object" && "field" in e, Oe = (e, t) => !e || typeof e != "object" ? !1 : He(e) ? e.filters.some(
-  (n) => Oe(n, t)
+}, He = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Xe = (e) => !!e && typeof e == "object" && "field" in e, Le = (e, t) => !e || typeof e != "object" ? !1 : He(e) ? e.filters.some(
+  (n) => Le(n, t)
 ) : Xe(e) ? e.field === t : !1, wt = (e) => (t) => e.value?.filters && e.value.filters.some(
-  (n) => Oe(n, t)
+  (n) => Le(n, t)
 ) ? "active" : "", We = [
   "button",
   "a",
@@ -420,7 +420,7 @@ const bt = (e, t) => {
   } = e, D = [
     ...We,
     ...a
-  ], L = (f, u) => {
+  ], O = (f, u) => {
     if (!f) return !1;
     const v = D.join(",");
     return f.closest && f.closest(v) ? !0 : d && u ? d(f, u) : !1;
@@ -474,7 +474,7 @@ const bt = (e, t) => {
       if (u && u.button !== void 0 && u.button !== 0)
         return;
       const v = u?.target || f?.target;
-      if (v && L(v, u || f) || k(v))
+      if (v && O(v, u || f) || k(v))
         return;
       const I = {
         dataItem: f.dataItem,
@@ -499,7 +499,7 @@ const bt = (e, t) => {
       const W = q.closest(
         ".k-table-row[data-grid-row-index], .k-table-row"
       );
-      if (!W || L(q, f))
+      if (!W || O(q, f))
         return;
       f.preventDefault(), f.stopPropagation();
       const B = W.getAttribute("data-grid-row-index"), Y = B !== null ? parseInt(B, 10) : void 0;
@@ -522,7 +522,7 @@ const bt = (e, t) => {
       };
       t(J, c);
     },
-    isIgnoredTarget: L
+    isIgnoredTarget: O
   };
 }, Ze = "Enter a valid ZIP code with exactly 5 or 9 digits.", Fe = (e) => {
   const t = e.replace(/\D/g, "").slice(0, 9);
@@ -533,8 +533,8 @@ const bt = (e, t) => {
   ), a = y(() => t.value.replace(/\D/g, "")), d = y(() => {
     const x = a.value.length;
     return x === 5 || x === 9;
-  }), b = y(() => n.value && !d.value), D = y(() => !n.value || d.value), L = y(() => n.value), K = (x, P) => {
-    const f = je(P);
+  }), b = y(() => n.value && !d.value), D = y(() => !n.value || d.value), O = y(() => n.value), K = (x, $) => {
+    const f = je($);
     j(() => {
       x.isConnected && x.setSelectionRange(f, f);
     });
@@ -551,10 +551,10 @@ const bt = (e, t) => {
     isZipValid: d,
     showZipError: b,
     textBoxValid: D,
-    textBoxValidate: L,
+    textBoxValidate: O,
     // actions
     handleZipInput: (...x) => {
-      const P = x[0], u = P?.event?.target, v = P?.value, I = Array.isArray(v) ? v.join("") : String(v ?? ""), q = u?.selectionStart !== void 0 && u.selectionStart !== null ? _e(
+      const $ = x[0], u = $?.event?.target, v = $?.value, I = Array.isArray(v) ? v.join("") : String(v ?? ""), q = u?.selectionStart !== void 0 && u.selectionStart !== null ? _e(
         u.value,
         u.selectionStart
       ) : I.replace(/\D/g, "").length;
@@ -562,19 +562,19 @@ const bt = (e, t) => {
     },
     submitAndValidate: (x) => {
       n.value = !0;
-      const P = d.value;
-      return !P && x?.focus && j(() => {
+      const $ = d.value;
+      return !$ && x?.focus && j(() => {
         document.getElementById(
           e.id
         )?.focus();
-      }), P;
+      }), $;
     },
     buildPayload: () => ({ zip: a.value })
   };
 };
 function Je(e, t) {
   const n = X(!1);
-  Le(() => {
+  Oe(() => {
     e.value?.setAttribute("aria-invalid", String(!t.isValid()));
   });
   function p(d) {
@@ -595,11 +595,11 @@ function Qe(e, t) {
   function D(k) {
     return y(() => !a.value || ne(k));
   }
-  function L(k) {
+  function O(k) {
     return Object.fromEntries(
-      Object.entries(k).map(([x, P]) => [
+      Object.entries(k).map(([x, $]) => [
         x,
-        D(P)
+        D($)
       ])
     );
   }
@@ -626,7 +626,7 @@ function Qe(e, t) {
     onFocusout: M,
     reset: R,
     createFieldValidity: D,
-    createFieldValidationsMap: L,
+    createFieldValidationsMap: O,
     focusFirstInvalidField: K
   };
 }
@@ -764,17 +764,17 @@ function kt(e) {
   const t = X(
     ne(e.fieldsetRef)
   );
-  Le(() => {
+  Oe(() => {
     t.value = ne(e.fieldsetRef);
   });
   const n = X(!1), p = X(!1), a = y(() => ne(e.required) ?? !0), {
     formData: d,
     onAddress1Input: b,
     onAddress2Input: D,
-    onCityInput: L,
+    onCityInput: O,
     onStateChange: K,
     resetFormData: M
-  } = tt(), R = `${e.addressId}-zip`, { zipDisplay: k, isZipValid: x, zipWrapperClass: P, onZipInput: f, resetZip: u } = nt(d, R), {
+  } = tt(), R = `${e.addressId}-zip`, { zipDisplay: k, isZipValid: x, zipWrapperClass: $, onZipInput: f, resetZip: u } = nt(d, R), {
     strictAddress1Valid: v,
     strictCityValid: I,
     strictStateValid: q,
@@ -810,7 +810,7 @@ function kt(e) {
     () => a.value ? U.value : !0
   ), h = y(
     () => a.value ? _.value : !0
-  ), O = { value: null, label: "State" }, V = et.map(({ label: m, value: T }) => ({
+  ), L = { value: null, label: "State" }, V = et.map(({ label: m, value: T }) => ({
     label: m,
     value: T
   })), r = y(() => ({
@@ -819,10 +819,10 @@ function kt(e) {
     city: d.city.trim(),
     state: (d.state ?? "").trim().toUpperCase(),
     zip: d.zip.replace(/\D/g, "")
-  })), i = y(() => d.address1.trim() === "" && d.address2.trim() === "" && d.city.trim() === "" && (d.state ?? "").trim() === "" && d.zip.replace(/\D/g, "") === ""), $ = y(() => !i.value), N = y(() => !a.value && $.value && (!v.value || !I.value || !q.value)), H = y(() => {
+  })), i = y(() => d.address1.trim() === "" && d.address2.trim() === "" && d.city.trim() === "" && (d.state ?? "").trim() === "" && d.zip.replace(/\D/g, "") === ""), P = y(() => !i.value), N = y(() => !a.value && P.value && (!v.value || !I.value || !q.value)), H = y(() => {
     const m = d.zip.replace(/\D/g, "");
-    return !a.value && $.value && m.length !== 5 && m.length !== 9;
-  }), te = y(() => !a.value && $.value && !B.value), Z = y(() => !a.value && te.value && (p.value || n.value));
+    return !a.value && P.value && m.length !== 5 && m.length !== 9;
+  }), te = y(() => !a.value && P.value && !B.value), Z = y(() => !a.value && te.value && (p.value || n.value));
   return le(r, () => {
     a.value || (p.value = !1);
   }), le(a, (m) => {
@@ -841,13 +841,13 @@ function kt(e) {
     optionalPartialInvalid: te,
     optionalMissingRequiredFields: N,
     optionalZipInvalid: H,
-    stateDefaultItem: O,
+    stateDefaultItem: L,
     stateOptions: V,
     zipDisplay: k,
-    zipWrapperClass: P,
+    zipWrapperClass: $,
     onAddress1Input: b,
     onAddress2Input: D,
-    onCityInput: L,
+    onCityInput: O,
     onStateChange: K,
     onZipInput: f,
     onFieldsetFocusout: (m) => {
@@ -867,7 +867,7 @@ function kt(e) {
     }
   };
 }
-const $e = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Pe = (e) => e === "top" ? "bottom" : e === "bottom" ? "top" : "center", Me = (e, t, n, p) => {
+const Pe = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", $e = (e) => e === "top" ? "bottom" : e === "bottom" ? "top" : "center", Me = (e, t, n, p) => {
   const a = e.left + (n.horizontal === "right" ? e.width : n.horizontal === "center" ? e.width / 2 : 0), d = e.top + (n.vertical === "bottom" ? e.height : n.vertical === "center" ? e.height / 2 : 0), b = t ? p.horizontal === "right" ? t.width : p.horizontal === "center" ? t.width / 2 : 0 : 0, D = t ? p.vertical === "bottom" ? t.height : p.vertical === "center" ? t.height / 2 : 0 : 0;
   return { left: a - b, top: d - D };
 }, lt = ({
@@ -880,20 +880,20 @@ const $e = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Pe
   const d = Me(e, t, n, p);
   if (!t) return d;
   let { left: b, top: D } = d;
-  const L = b + t.width - a.right, K = a.left - b;
-  if (L > 0 || K > 0) {
+  const O = b + t.width - a.right, K = a.left - b;
+  if (O > 0 || K > 0) {
     const k = Me(
       e,
       t,
       {
-        horizontal: $e(n.horizontal),
+        horizontal: Pe(n.horizontal),
         vertical: n.vertical
       },
       {
-        horizontal: $e(p.horizontal),
+        horizontal: Pe(p.horizontal),
         vertical: p.vertical
       }
-    ), x = Math.max(L, 0) + Math.max(K, 0);
+    ), x = Math.max(O, 0) + Math.max(K, 0);
     Math.max(k.left + t.width - a.right, 0) + Math.max(a.left - k.left, 0) < x && (b = k.left);
   }
   const M = D + t.height - a.bottom, R = a.top - D;
@@ -903,11 +903,11 @@ const $e = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Pe
       t,
       {
         horizontal: n.horizontal,
-        vertical: Pe(n.vertical)
+        vertical: $e(n.vertical)
       },
       {
         horizontal: p.horizontal,
-        vertical: Pe(p.vertical)
+        vertical: $e(p.vertical)
       }
     ), x = Math.max(M, 0) + Math.max(R, 0);
     Math.max(k.top + t.height - a.bottom, 0) + Math.max(a.top - k.top, 0) < x && (D = k.top);
@@ -948,10 +948,10 @@ function Ce(...e) {
       Ie(Ue(n.value ? e[2] : e[1])),
       ne(n.value ? e[3] : e[2])
     ];
-  }, ([p, a, d, b], D, L) => {
+  }, ([p, a, d, b], D, O) => {
     if (!p?.length || !a?.length || !d?.length) return;
     const K = ut(b) ? { ...b } : b, M = p.flatMap((R) => a.flatMap((k) => d.map((x) => t(R, k, x, K))));
-    L(() => {
+    O(() => {
       M.forEach((R) => R());
     });
   }, { flush: "post" });
@@ -963,7 +963,7 @@ function Ne(e, t, n = {}) {
     cancel: ke,
     trigger: ke
   } : ke;
-  let L = !0;
+  let O = !0;
   const K = (u) => ne(a).some((v) => {
     if (typeof v == "string") return Array.from(p.document.querySelectorAll(v)).some((I) => I === u.target || u.composedPath().includes(I));
     {
@@ -982,15 +982,15 @@ function Ne(e, t, n = {}) {
   const k = (u) => {
     const v = we(e);
     if (u.target != null && !(!(v instanceof Element) && M(e) && R(e, u)) && !(!v || v === u.target || u.composedPath().includes(v))) {
-      if ("detail" in u && u.detail === 0 && (L = !K(u)), !L) {
-        L = !0;
+      if ("detail" in u && u.detail === 0 && (O = !K(u)), !O) {
+        O = !0;
         return;
       }
       t(u);
     }
   };
   let x = !1;
-  const P = [
+  const $ = [
     Ce(p, "click", (u) => {
       x || (x = !0, setTimeout(() => {
         x = !1;
@@ -1001,7 +1001,7 @@ function Ne(e, t, n = {}) {
     }),
     Ce(p, "pointerdown", (u) => {
       const v = we(e);
-      L = !K(u) && !!(v && !u.composedPath().includes(v));
+      O = !K(u) && !!(v && !u.composedPath().includes(v));
     }, { passive: !0 }),
     b && Ce(p, "blur", (u) => {
       setTimeout(() => {
@@ -1011,14 +1011,14 @@ function Ne(e, t, n = {}) {
         I?.tagName === "IFRAME" && !v?.contains(p.document.activeElement) && t(u);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), f = () => P.forEach((u) => u());
+  ].filter(Boolean), f = () => $.forEach((u) => u());
   return D ? {
     stop: f,
     cancel: () => {
-      L = !1;
+      O = !1;
     },
     trigger: (u) => {
-      L = !0, k(u), L = !1;
+      O = !0, k(u), O = !1;
     }
   } : f;
 }
@@ -1057,7 +1057,7 @@ const dt = (e) => {
   }
   return n;
 }, Dt = (e) => {
-  const t = X(null), n = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", p = e.triggerMode, a = e.anchor === !0 ? {} : e.anchor, d = a?.activationPoint ? a.activationPoint === !0 ? {} : a.activationPoint : null, b = ye(null), D = ye(null), L = a?.anchorAlign ?? {
+  const t = X(null), n = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", p = e.triggerMode, a = e.anchor === !0 ? {} : e.anchor, d = a?.activationPoint ? a.activationPoint === !0 ? {} : a.activationPoint : null, b = ye(null), D = ye(null), O = a?.anchorAlign ?? {
     horizontal: "left",
     vertical: "bottom"
   }, K = a?.popupAlign ?? {
@@ -1065,7 +1065,7 @@ const dt = (e) => {
     vertical: "top"
   }, M = ye(null), R = () => he(e.triggerRef.value), k = y(() => R()), x = y(
     () => a && a.hideWhenAnchorClipped !== !1 ? k.value : null
-  ), P = () => {
+  ), $ = () => {
     const s = a?.clipRoot ? ne(a.clipRoot) : null;
     if (s) {
       const h = s.getBoundingClientRect();
@@ -1085,16 +1085,16 @@ const dt = (e) => {
   }, f = y(() => {
     const s = b.value;
     if (!e.isOpen.value || !s) return { left: 0, top: 0 };
-    const h = P(), O = lt({
+    const h = $(), L = lt({
       anchor: s,
       popup: M.value,
-      anchorAlign: L,
+      anchorAlign: O,
       popupAlign: K,
       bounds: h
     });
     return {
-      left: O.left + window.scrollX,
-      top: O.top + window.scrollY
+      left: L.left + window.scrollX,
+      top: L.top + window.scrollY
     };
   }), u = () => {
     const s = e.resolveFocusTarget?.() ?? he(e.focusTargetRef?.value);
@@ -1103,20 +1103,20 @@ const dt = (e) => {
     ) ?? null : null);
   }, v = (s, h) => {
     if (!d) return !1;
-    const O = he(s);
-    if (!O)
+    const L = he(s);
+    if (!L)
       return D.value = null, !1;
-    const V = O.getBoundingClientRect();
+    const V = L.getBoundingClientRect();
     if (h.triggerType === "keyboard") {
-      const r = d.keyboardPosition, i = r?.y ?? "center", $ = typeof i == "number" ? i : i === "top" ? 0 : i === "bottom" ? V.height : V.height / 2;
+      const r = d.keyboardPosition, i = r?.y ?? "center", P = typeof i == "number" ? i : i === "top" ? 0 : i === "bottom" ? V.height : V.height / 2;
       return D.value = {
-        trigger: O,
-        point: { x: r?.x ?? 8, y: $ },
+        trigger: L,
+        point: { x: r?.x ?? 8, y: P },
         hasMatchedTrigger: !1
       }, !0;
     }
     return h.coordinates ? (D.value = {
-      trigger: O,
+      trigger: L,
       point: {
         x: h.coordinates.clientX - V.left + (d.pointerOffset?.x ?? 0),
         y: h.coordinates.clientY - V.top + (d.pointerOffset?.y ?? 0)
@@ -1150,7 +1150,7 @@ const dt = (e) => {
   };
   le(
     [k, D],
-    ([s], h, O) => {
+    ([s], h, L) => {
       if (!a || !s) {
         b.value = null;
         return;
@@ -1173,12 +1173,12 @@ const dt = (e) => {
         b.value = a.getRect?.(s) ?? s.getBoundingClientRect();
       }, i = () => {
         V === null && (V = window.requestAnimationFrame(r));
-      }, $ = typeof window.ResizeObserver == "function" ? new window.ResizeObserver(i) : null;
-      $?.observe(s), window.addEventListener("scroll", i, {
+      }, P = typeof window.ResizeObserver == "function" ? new window.ResizeObserver(i) : null;
+      P?.observe(s), window.addEventListener("scroll", i, {
         capture: !0,
         passive: !0
-      }), window.addEventListener("resize", i, { passive: !0 }), i(), O(() => {
-        V !== null && window.cancelAnimationFrame(V), $?.disconnect(), window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
+      }), window.addEventListener("resize", i, { passive: !0 }), i(), L(() => {
+        V !== null && window.cancelAnimationFrame(V), P?.disconnect(), window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
       });
     },
     { immediate: !0, flush: "post" }
@@ -1186,7 +1186,7 @@ const dt = (e) => {
   const g = () => he(e.popupContentRef?.value ?? e.menuRef.value);
   a && le(
     e.isOpen,
-    (s, h, O) => {
+    (s, h, L) => {
       if (!s) {
         M.value = null;
         return;
@@ -1198,8 +1198,8 @@ const dt = (e) => {
         M.value = H?.getBoundingClientRect() ?? null;
       }, i = () => {
         V === null && (V = window.requestAnimationFrame(r));
-      }, $ = g(), N = $ && typeof window.ResizeObserver == "function" ? new window.ResizeObserver(i) : null;
-      N?.observe($), i(), O(() => {
+      }, P = g(), N = P && typeof window.ResizeObserver == "function" ? new window.ResizeObserver(i) : null;
+      N?.observe(P), i(), L(() => {
         V !== null && window.cancelAnimationFrame(V), N?.disconnect();
       });
     },
@@ -1230,8 +1230,8 @@ const dt = (e) => {
     }
     w && w !== h && E(), h.setAttribute("aria-expanded", s ? "true" : "false"), w = h;
   }, U = () => {
-    const s = he(e.menuRef.value), h = s?.matches('[role="menubar"]') ? s : s?.querySelector('[role="menubar"]'), O = ne(e.menuLabel)?.trim();
-    C && C !== h && C.removeAttribute("aria-label"), h && (O ? h.setAttribute("aria-label", O) : h.removeAttribute("aria-label")), C = h ?? null;
+    const s = he(e.menuRef.value), h = s?.matches('[role="menubar"]') ? s : s?.querySelector('[role="menubar"]'), L = ne(e.menuLabel)?.trim();
+    C && C !== h && C.removeAttribute("aria-label"), h && (L ? h.setAttribute("aria-label", L) : h.removeAttribute("aria-label")), C = h ?? null;
   };
   le(
     [e.isOpen, e.triggerRef],
@@ -1275,9 +1275,9 @@ const dt = (e) => {
      * requests popup close, then runs the optional caller-owned action.
      */
     handleMenuSelect: (s, h) => {
-      h?.(s), A(
+      A(
         s.event?.type?.startsWith("key") ? "keyboard" : "mouse-selection"
-      );
+      ), h?.(s);
     },
     /**
      * Toggles the action menu. When opening, focuses the first enabled Kendo
@@ -1289,9 +1289,9 @@ const dt = (e) => {
      * closes an open menu or focuses the configured target when already closed.
      */
     handleTriggerKeydown: (...s) => {
-      const h = s[0], O = s[1];
+      const h = s[0], L = s[1];
       if (h.key === "Enter" || h.code === "Space") {
-        h.preventDefault(), _(O);
+        h.preventDefault(), _(L);
         return;
       }
       if (h.key === "Escape") {
@@ -1333,8 +1333,8 @@ const dt = (e) => {
   const t = e && "$el" in e ? e.$el : null;
   return t instanceof HTMLElement ? t : null;
 }, xt = () => {
-  const e = Be(/* @__PURE__ */ new Map()), t = X(null), n = (D, L) => {
-    const K = gt(L);
+  const e = Be(/* @__PURE__ */ new Map()), t = X(null), n = (D, O) => {
+    const K = gt(O);
     K ? e.set(D, K) : e.delete(D);
   }, p = (D) => e.get(D) ?? null, a = (D) => {
     t.value = D;
@@ -1355,13 +1355,13 @@ const dt = (e) => {
   };
 };
 function Mt(e) {
-  const t = X(""), n = X(void 0), p = X(!!e.debug), a = X(e.dateFormat ?? "mm/dd/yyyy"), d = y(() => !!e.required), b = 1e3, D = X(!1), L = ["ArrowUp", "ArrowDown"], K = ["ArrowLeft", "ArrowRight"], M = y(() => (t.value ?? "").replace(/\D/g, "")), R = (o) => o <= 2 ? "mm" : o <= 5 ? "dd" : M.value.length <= 10 ? "yyyy" : "mm", k = y(() => {
+  const t = X(""), n = X(void 0), p = X(!!e.debug), a = X(e.dateFormat ?? "mm/dd/yyyy"), d = y(() => !!e.required), b = 1e3, D = X(!1), O = ["ArrowUp", "ArrowDown"], K = ["ArrowLeft", "ArrowRight"], M = y(() => (t.value ?? "").replace(/\D/g, "")), R = (o) => o <= 2 ? "mm" : o <= 5 ? "dd" : M.value.length <= 10 ? "yyyy" : "mm", k = y(() => {
     const o = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(o).toString().padStart(2, "0");
   }), x = y(() => {
     const o = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
     return parseInt(o).toString().padStart(2, "0");
-  }), P = y(() => {
+  }), $ = y(() => {
     const o = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
     return parseInt(o).toString().padStart(4, "0");
   }), f = (o) => {
@@ -1374,9 +1374,9 @@ function Mt(e) {
       return;
     }
     if ((t.value ?? "").length === 10 && M.value.length === 8) {
-      const [S, s, h] = t.value.split("/"), O = parseInt(S), V = parseInt(s), r = parseInt(h);
-      if (B(r, O, V)) {
-        const i = q(r, O, V);
+      const [S, s, h] = t.value.split("/"), L = parseInt(S), V = parseInt(s), r = parseInt(h);
+      if (B(r, L, V)) {
+        const i = q(r, L, V);
         u(i) ? e.onChange({ value: i, event: o }) : e.onChange({ value: null, event: o });
       } else
         e.onChange({ value: null, event: o });
@@ -1386,9 +1386,9 @@ function Mt(e) {
     return !(S && o < S || s && o > s);
   }, v = y(() => {
     if ((t.value ?? "").length === 10 && M.value.length === 8) {
-      const [o, S, s] = (t.value ?? "").split("/"), h = parseInt(o), O = parseInt(S), V = parseInt(s);
-      if (B(V, h, O))
-        return q(V, h, O);
+      const [o, S, s] = (t.value ?? "").split("/"), h = parseInt(o), L = parseInt(S), V = parseInt(s);
+      if (B(V, h, L))
+        return q(V, h, L);
     }
     return null;
   }), I = y(() => (t.value ?? "").length === 10 && M.value.length === 8), q = (o, S, s) => {
@@ -1403,25 +1403,25 @@ function Mt(e) {
   }, c = (o, S, s) => {
     const h = S?.selectionStart ?? n.value ?? 0;
     n.value = h;
-    let O = parseInt(k.value), V = parseInt(x.value), r = parseInt(P.value);
-    if (!(M.value.length >= 8) || !B(r, O, V)) {
+    let L = parseInt(k.value), V = parseInt(x.value), r = parseInt($.value);
+    if (!(M.value.length >= 8) || !B(r, L, V)) {
       const G = e.defaultValue ?? /* @__PURE__ */ new Date();
-      O = G.getMonth() + 1, V = G.getDate(), r = G.getFullYear(), t.value = `${String(O).padStart(2, "0")}/${String(V).padStart(
+      L = G.getMonth() + 1, V = G.getDate(), r = G.getFullYear(), t.value = `${String(L).padStart(2, "0")}/${String(V).padStart(
         2,
         "0"
       )}/${String(r)}`;
-      const ce = q(r, O, V);
+      const ce = q(r, L, V);
       e.onChange({ value: u(ce) ? ce : null, event: s }), E({ useRAF: !0 });
       return;
     }
-    const $ = R(h);
-    if ($ === "mm")
-      O = o === "ArrowUp" ? O < 12 ? O + 1 : 1 : O > 1 ? O - 1 : 12;
-    else if ($ === "dd") {
-      const G = new Date(r, O, 0).getDate();
+    const P = R(h);
+    if (P === "mm")
+      L = o === "ArrowUp" ? L < 12 ? L + 1 : 1 : L > 1 ? L - 1 : 12;
+    else if (P === "dd") {
+      const G = new Date(r, L, 0).getDate();
       V = o === "ArrowUp" ? V < G ? V + 1 : 1 : V > 1 ? V - 1 : G;
-    } else $ === "yyyy" && (r = o === "ArrowUp" ? r + 1 : Math.max(1, r - 1));
-    t.value = `${String(O).padStart(2, "0")}/${String(V).padStart(
+    } else P === "yyyy" && (r = o === "ArrowUp" ? r + 1 : Math.max(1, r - 1));
+    t.value = `${String(L).padStart(2, "0")}/${String(V).padStart(
       2,
       "0"
     )}/${String(r)}`;
@@ -1443,7 +1443,7 @@ function Mt(e) {
       o.preventDefault(), o.stopPropagation(), e.onShowCalendar(o);
       return;
     }
-    if (L.includes(o.key)) {
+    if (O.includes(o.key)) {
       if (o.altKey) return;
       o.preventDefault(), o.stopPropagation();
       const S = o.target;
@@ -1460,7 +1460,7 @@ function Mt(e) {
       n.value = S?.selectionStart ?? 0;
       return;
     }
-    if (L.includes(o.key)) {
+    if (O.includes(o.key)) {
       if (o.altKey) return;
       n.value = S?.selectionStart ?? 0;
     }
@@ -1498,8 +1498,8 @@ function Mt(e) {
       if (o) {
         const S = new Date(o);
         if (S.toString() !== "Invalid Date") {
-          const s = (S.getMonth() + 1).toString().padStart(2, "0"), h = S.getDate().toString().padStart(2, "0"), O = S.getFullYear().toString();
-          t.value = `${s}/${h}/${O}`, E({ delay: 50 });
+          const s = (S.getMonth() + 1).toString().padStart(2, "0"), h = S.getDate().toString().padStart(2, "0"), L = S.getFullYear().toString();
+          t.value = `${s}/${h}/${L}`, E({ delay: 50 });
           return;
         }
       }
@@ -1507,7 +1507,7 @@ function Mt(e) {
     { immediate: !0 }
   );
   const F = y(() => [
-    ["Date", `${k.value} / ${x.value} / ${P.value}`],
+    ["Date", `${k.value} / ${x.value} / ${$.value}`],
     ["Digits only", M.value],
     [
       "min",
@@ -1606,7 +1606,7 @@ function Mt(e) {
     digitsOnly: M,
     month: ee(k),
     day: ee(x),
-    year: ee(P),
+    year: ee($),
     datePart: R,
     handleChange: Y,
     handleKeyDown: A,
@@ -1619,9 +1619,9 @@ function Mt(e) {
   };
 }
 function It(e) {
-  const t = X(""), n = X(void 0), p = X(!!e.debug), a = X(!1), d = 1440 * 60 * 1e3, b = 365 * d, D = /* @__PURE__ */ new Date(), L = new Date(D.getTime() - b), K = new Date(D.getTime() + b);
-  e.min = e.min ?? L, e.max = e.max ?? K;
-  const M = y(() => (t.value ?? "").replace(/\D/g, "")), R = (l, m) => new Date(l, m, 0).getDate(), k = (l, m, T) => m >= 1 && m <= 12 && l >= 1e3 && T >= 1 && T <= R(l, m), x = (l) => Date.UTC(l.getFullYear(), l.getMonth(), l.getDate()), P = (l) => {
+  const t = X(""), n = X(void 0), p = X(!!e.debug), a = X(!1), d = 1440 * 60 * 1e3, b = 365 * d, D = /* @__PURE__ */ new Date(), O = new Date(D.getTime() - b), K = new Date(D.getTime() + b);
+  e.min = e.min ?? O, e.max = e.max ?? K;
+  const M = y(() => (t.value ?? "").replace(/\D/g, "")), R = (l, m) => new Date(l, m, 0).getDate(), k = (l, m, T) => m >= 1 && m <= 12 && l >= 1e3 && T >= 1 && T <= R(l, m), x = (l) => Date.UTC(l.getFullYear(), l.getMonth(), l.getDate()), $ = (l) => {
     if (!l) return null;
     const m = e.min ?? new Date(Date.now() - 90 * d), T = e.max ?? /* @__PURE__ */ new Date(), z = x(l);
     return z < x(m) || z > x(T) ? null : l;
@@ -1631,7 +1631,7 @@ function It(e) {
     const m = l.substring(0, 10), T = l.substring(13, 23), [z, ae, oe] = m.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, me, ve] = T.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(oe, z - 1, ae), be = new Date(ve, fe - 1, me), Ae = k(oe, z, ae) && ge.toString() !== "Invalid Date", De = k(ve, fe, me) && be.toString() !== "Invalid Date";
     return { start: Ae ? ge : null, end: De ? be : null };
   }, I = e.externalValid ?? X(!0), q = y(() => v(t.value)), W = y(() => {
-    const l = P(q.value.start), m = P(q.value.end);
+    const l = $(q.value.start), m = $(q.value.end);
     return { start: l, end: m };
   }), B = y(() => {
     if (!u.value) return;
@@ -1707,7 +1707,7 @@ function It(e) {
     me.side === "start" ? be(ve, me.part) : be(ge, me.part);
     const Ae = E(ve), De = E(ge);
     t.value = `${Ae} - ${De}`;
-    const pe = P(ve), Ee = P(ge);
+    const pe = $(ve), Ee = $(ge);
     pe && Ee && f(pe, Ee) ? e.onChange({ value: { start: pe, end: Ee }, event: T }) : e.onChange({ value: null, event: T }), j(() => {
       requestAnimationFrame(() => {
         const Q = document.getElementById(
@@ -1722,7 +1722,7 @@ function It(e) {
       e.onChange({ value: null, event: l });
       return;
     }
-    const z = P(m), ae = P(T);
+    const z = $(m), ae = $(T);
     if (!z || !ae) {
       e.onChange({ value: null, event: l });
       return;
@@ -1769,7 +1769,7 @@ function It(e) {
     }
   }, h = () => {
     Y.value = !0, (e.manageValid ?? !0) && (I.value = c.value);
-  }, O = (l) => {
+  }, L = (l) => {
     h();
   }, V = (l) => {
     t.value = "", n.value = 0, e.onChange({ value: null, event: l }), h(), j(() => {
@@ -1799,7 +1799,7 @@ function It(e) {
     () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
   ), i = y(
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), $ = y(
+  ), P = y(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
   ), N = y(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
@@ -1826,7 +1826,7 @@ function It(e) {
         label: "Start",
         value: `${String(r.value).padStart(2, "0")} / ${String(
           i.value
-        ).padStart(2, "0")} / ${String($.value).padStart(4, "0")}`
+        ).padStart(2, "0")} / ${String(P.value).padStart(4, "0")}`
       },
       {
         label: "End",
@@ -1917,7 +1917,7 @@ function It(e) {
     spanDays: ee(B),
     month1: ee(r),
     day1: ee(i),
-    year1: ee($),
+    year1: ee(P),
     month2: ee(N),
     day2: ee(H),
     year2: ee(te),
@@ -1926,7 +1926,7 @@ function It(e) {
     handleWheel: S,
     handleKeyUp: s,
     handleClick: ue,
-    handleBlur: O,
+    handleBlur: L,
     handleClear: V,
     onCalendarChange: () => {
       a.value = !0;
@@ -1935,7 +1935,7 @@ function It(e) {
   };
 }
 function Ct(e) {
-  const t = X(""), n = X(void 0), p = X(!!e.debug), a = X(e.timeFormat ?? "hh:mm AM"), d = y(() => !!e.required), b = X(!1), D = ["ArrowUp", "ArrowDown"], L = ["ArrowLeft", "ArrowRight"], K = y(() => (t.value ?? "").replace(/\D/g, "")), M = {
+  const t = X(""), n = X(void 0), p = X(!!e.debug), a = X(e.timeFormat ?? "hh:mm AM"), d = y(() => !!e.required), b = X(!1), D = ["ArrowUp", "ArrowDown"], O = ["ArrowLeft", "ArrowRight"], K = y(() => (t.value ?? "").replace(/\D/g, "")), M = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
@@ -1948,23 +1948,23 @@ function Ct(e) {
   }), x = y(() => {
     const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", i = parseInt(r);
     return Math.min(Math.max(i, 0), 59);
-  }), P = y(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), f = y(() => {
-    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = P.value;
+  }), $ = y(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), f = y(() => {
+    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), i = $.value;
     return r === 12 ? i === "AM" ? 0 : 12 : i === "PM" ? r + 12 : r;
   }), u = y(() => v.value ? `${String(f.value).padStart(2, "0")}:${String(x.value).padStart(2, "0")}:00` : null), v = y(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), I = (r, i, $) => {
+  ), I = (r, i, P) => {
     let N = r % 12;
     return N === 0 && (N = 12), `${String(N).padStart(2, "0")}:${String(i).padStart(
       2,
       "0"
-    )} ${$}`;
+    )} ${P}`;
   }, q = (r) => {
     const i = r.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!i) return null;
-    const $ = parseInt(i[1]), N = parseInt(i[2]), H = i[3].toUpperCase();
-    if ($ < 1 || $ > 12 || N < 0 || N > 59) return null;
-    let te = $ % 12;
+    const P = parseInt(i[1]), N = parseInt(i[2]), H = i[3].toUpperCase();
+    if (P < 1 || P > 12 || N < 0 || N > 59) return null;
+    let te = P % 12;
     H === "PM" && (te += 12);
     const Z = /* @__PURE__ */ new Date();
     return Z.setSeconds(0, 0), Z.setHours(te), Z.setMinutes(N), Z;
@@ -1980,19 +1980,19 @@ function Ct(e) {
     const i = q(t.value);
     i && Y(i) ? e.onChange({ value: i, event: r }) : e.onChange({ value: null, event: r });
   }, B = (r) => r.getHours() * 60 + r.getMinutes(), Y = (r) => {
-    const i = e.min ?? void 0, $ = e.max ?? void 0, N = B(r);
+    const i = e.min ?? void 0, P = e.max ?? void 0, N = B(r);
     if (i) {
       const H = B(i);
       if (N < H) return !1;
     }
-    if ($) {
-      const H = B($);
+    if (P) {
+      const H = B(P);
       if (N > H) return !1;
     }
     return !0;
   }, J = (r) => {
-    const i = r.getHours(), $ = i >= 12 ? "PM" : "AM";
-    t.value = I(i, r.getMinutes(), $);
+    const i = r.getHours(), P = i >= 12 ? "PM" : "AM";
+    t.value = I(i, r.getMinutes(), P);
   }, c = (r, i) => {
     e.onChange({ value: r, event: i });
   }, A = () => {
@@ -2018,15 +2018,15 @@ function Ct(e) {
   }, C = (...r) => {
     const i = r[0];
     if (!i) return;
-    const $ = g(i);
-    if ($ === "now") {
+    const P = g(i);
+    if (P === "now") {
       const H = /* @__PURE__ */ new Date();
       J(H), w(H, i), A();
       return;
     }
     if (i?.value instanceof Date) {
       const H = new Date(i.value);
-      J(H), w(H, i), $ === "set" && A();
+      J(H), w(H, i), P === "set" && A();
       return;
     }
     if (i?.value === null) {
@@ -2061,7 +2061,7 @@ function Ct(e) {
     W(i);
   }, E = (r) => {
     n.value = r.target.selectionStart ?? 0;
-  }, F = (r, i, $) => {
+  }, F = (r, i, P) => {
     const N = i?.selectionStart ?? n.value ?? 0;
     n.value = N;
     const H = R(N), te = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
@@ -2070,7 +2070,7 @@ function Ct(e) {
         const m = /* @__PURE__ */ new Date(), T = m.getHours(), z = T >= 12 ? "PM" : "AM";
         t.value = I(T, m.getMinutes(), z);
         const ae = q(t.value);
-        w(ae, $), j(() => {
+        w(ae, P), j(() => {
           requestAnimationFrame(() => {
             const oe = document.getElementById(
               e.id
@@ -2103,7 +2103,7 @@ function Ct(e) {
       "0"
     )} ${ce}`;
     const l = q(t.value);
-    w(l, $), j(() => {
+    w(l, P), j(() => {
       requestAnimationFrame(() => {
         const m = document.getElementById(
           e.id
@@ -2133,7 +2133,7 @@ function Ct(e) {
     F(i, r.target, r);
   }, re = (r) => {
     const i = r.target;
-    if (L.includes(r.key)) {
+    if (O.includes(r.key)) {
       n.value = i?.selectionStart ?? 0;
       return;
     }
@@ -2152,8 +2152,8 @@ function Ct(e) {
       if (r) {
         const i = new Date(r);
         if (i.toString() !== "Invalid Date") {
-          const $ = i.getHours(), N = $ >= 12 ? "PM" : "AM";
-          t.value = I($, i.getMinutes(), N);
+          const P = i.getHours(), N = P >= 12 ? "PM" : "AM";
+          t.value = I(P, i.getMinutes(), N);
           return;
         }
       }
@@ -2165,7 +2165,7 @@ function Ct(e) {
     ["Hour (12h)", k.value],
     ["Hour (24h)", f.value],
     ["Minute", x.value],
-    ["Period", P.value],
+    ["Period", $.value],
     ["Time (24h)", u.value ?? "--:--:--"],
     ["Digits only", K.value],
     [
@@ -2191,7 +2191,7 @@ function Ct(e) {
     ],
     ["valid", s.value],
     ["reason", h.value],
-    ["validationMessage", O.value]
+    ["validationMessage", L.value]
   ]), S = y(
     () => q(t.value) ?? null
   ), s = y(() => {
@@ -2214,7 +2214,7 @@ function Ct(e) {
       return "incomplete";
     const r = S.value;
     return r ? Y(r) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), O = y(() => {
+  }), L = y(() => {
     const r = h.value;
     if (!r || r === "valid") return "";
     if (r === "incomplete")
@@ -2224,10 +2224,10 @@ function Ct(e) {
     const i = {
       hour: "2-digit",
       minute: "2-digit"
-    }, $ = e.min ? e.min.toLocaleTimeString("en-US", i) : null, N = e.max ? e.max.toLocaleTimeString("en-US", i) : null;
+    }, P = e.min ? e.min.toLocaleTimeString("en-US", i) : null, N = e.max ? e.max.toLocaleTimeString("en-US", i) : null;
     if (r === "out-of-bounds") {
-      if ($ && N) return `Must be between ${$} and ${N}.`;
-      if ($) return `Must be ${$} or later.`;
+      if (P && N) return `Must be between ${P} and ${N}.`;
+      if (P) return `Must be ${P} or later.`;
       if (N) return `Must be ${N} or earlier.`;
     }
     return "";
@@ -2245,14 +2245,14 @@ function Ct(e) {
         );
         return;
       }
-      const $ = i.parentElement;
-      if (!$) {
+      const P = i.parentElement;
+      if (!P) {
         console.warn(
           `Parent of .k-timepicker not found for #${e.id} styling.`
         );
         return;
       }
-      $.classList.contains("fk-timepicker") || $.classList.add("fk-timepicker");
+      P.classList.contains("fk-timepicker") || P.classList.add("fk-timepicker");
     });
   };
   return Re(() => {
@@ -2265,14 +2265,14 @@ function Ct(e) {
     placeholder: a,
     isValid: s,
     reason: ee(h),
-    validationMessage: O,
+    validationMessage: L,
     isComplete: v,
     inRangeTime: Y,
     cursorPos: n,
     hour: ee(k),
     hour24: ee(f),
     minute: ee(x),
-    period: ee(P),
+    period: ee($),
     time24: ee(u),
     parsedRawTime: ee(S),
     handleChange: C,
@@ -2285,7 +2285,13 @@ function Ct(e) {
     initStyling: V
   };
 }
-function Tt(e) {
+const Tt = {
+  returnFocusToTrigger: !1,
+  focusTrapOptions: {
+    returnFocusOnDeactivate: !1
+  }
+};
+function Rt(e) {
   const t = ye(null), n = [
     ".k-animation-container .k-popup",
     ".k-popup",
@@ -2305,16 +2311,16 @@ function Tt(e) {
     initialFocus: () => a(t.value),
     ...e.focusTrapOptions ?? {}
   });
-  let D = null, L = X(null);
+  let D = null, O = X(null);
   const K = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
     const M = (k, x) => {
-      const P = Array.from(k.querySelectorAll(x));
-      if (!P.length) return null;
-      const f = P.filter(
+      const $ = Array.from(k.querySelectorAll(x));
+      if (!$.length) return null;
+      const f = $.filter(
         (u) => u.offsetParent !== null || u.getClientRects().length > 0
       );
-      return f[f.length - 1] ?? P[P.length - 1] ?? null;
+      return f[f.length - 1] ?? $[$.length - 1] ?? null;
     }, R = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
     for (const k of p) {
       const x = M(R, k);
@@ -2327,11 +2333,11 @@ function Tt(e) {
     return null;
   };
   return Ne(t, (M) => {
-    L.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", M);
+    O.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", M);
   }), le(
     () => e.isOpen.value,
     (M) => {
-      M ? (L.value = null, j(() => {
+      M ? (O.value = null, j(() => {
         const R = K();
         R && (R.tabIndex < 0 && (R.tabIndex = -1), t.value = R, setTimeout(() => {
           try {
@@ -2343,15 +2349,15 @@ function Tt(e) {
             );
           }
         }, 0), D || (D = (k) => {
-          k.key === "Escape" && (L.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", k));
+          k.key === "Escape" && (O.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", k));
         }, document.addEventListener("keydown", D, !0)));
-      })) : (b(), D && (document.removeEventListener("keydown", D, !0), D = null), t.value = null, L.value === "outside" && j(() => {
+      })) : (b(), D && (document.removeEventListener("keydown", D, !0), D = null), t.value = null, O.value === "outside" && j(() => {
         const R = () => {
-          const k = e.triggerEl?.value, x = k?.querySelector("input"), P = document.activeElement;
-          P && (P === x || k && k.contains(P)) && (x ?? k)?.blur?.();
+          const k = e.triggerEl?.value, x = k?.querySelector("input"), $ = document.activeElement;
+          $ && ($ === x || k && k.contains($)) && (x ?? k)?.blur?.();
         };
         requestAnimationFrame(() => setTimeout(R, 0));
-      }), e.returnFocusToTrigger !== !1 && L.value === "escape" && e.triggerEl?.value && j(() => {
+      }), e.returnFocusToTrigger !== !1 && O.value === "escape" && e.triggerEl?.value && j(() => {
         const R = () => {
           const k = e.triggerEl?.value;
           if (!k) return;
@@ -2364,11 +2370,12 @@ function Tt(e) {
     popupRef: t,
     activate: d,
     deactivate: b,
-    lastCloseReason: ee(L),
+    lastCloseReason: ee(O),
     setPopupEl: (M) => t.value = M
   };
 }
 export {
+  Tt as POPUP_MENU_TRAP_OPTIONS,
   lt as computeFlippedOffset,
   xt as useActiveIdRegistry,
   At as useCompositeId,
@@ -2383,7 +2390,7 @@ export {
   It as useMaskedDateRangeInput,
   Ct as useMaskedTimeInput,
   Dt as usePopupMenu,
-  Tt as usePopupTrap,
+  Rt as usePopupTrap,
   kt as useUSAddress,
   Ge as useZipTextBox
 };