@featherk/composables 0.15.2 → 0.15.4

package/dist/featherk-composables.es.js

@@ -1,12 +1,12 @@
-import { ref as Y, onBeforeUnmount as He, nextTick as G, computed as y, watchEffect as Ke, toValue as re, reactive as We, watch as ae, useId as Xe, unref as _e, onUnmounted as Fe, shallowRef as ve, shallowReactive as Ze, readonly as te, isRef as Pe, onScopeDispose as Me, onMounted as Le } from "vue";
-import { useFocusTrap as je } from "@vueuse/integrations/useFocusTrap";
+import { ref as Y, onBeforeUnmount as He, nextTick as j, computed as y, watchEffect as Ke, toValue as re, reactive as We, watch as ae, useId as Xe, unref as _e, onUnmounted as Fe, shallowRef as ve, shallowReactive as Ze, readonly as te, isRef as Pe, onScopeDispose as Me, onMounted as Le } from "vue";
+import { useFocusTrap as Ge } from "@vueuse/integrations/useFocusTrap";
 const Ct = (e, t) => {
   const a = Y(null);
   let f = !1, l = null, p = null;
   const b = [], k = ".k-table-row[data-grid-row-index] [tabindex]", L = () => {
     const d = e?.value?.$el;
     return d ? d.closest(".k-grid") : null;
-  }, N = (d) => {
+  }, z = (d) => {
     const I = L();
     if (!I) return !1;
     const m = d.closest(".k-grid-aria-root");
@@ -77,7 +77,7 @@ const Ct = (e, t) => {
             const E = m;
             if (E.classList.contains("k-animation-container")) {
               const D = a.value;
-              D && (D.dataset.featherKSortable === "true" || G(() => {
+              D && (D.dataset.featherKSortable === "true" || j(() => {
                 E.querySelectorAll(
                   ".k-columnmenu-item-wrapper"
                 ).forEach((Z) => {
@@ -86,7 +86,7 @@ const Ct = (e, t) => {
               })), E.addEventListener(
                 "keydown",
                 A
-              ), G(() => {
+              ), j(() => {
                 const P = () => {
                   const K = Array.from(
                     E.querySelectorAll(
@@ -147,7 +147,7 @@ const Ct = (e, t) => {
     const m = I.closest(
       ".k-table-row[data-grid-row-index]"
     );
-    if (!N(I))
+    if (!z(I))
       return;
     const E = ["ArrowLeft", "ArrowRight"].includes(
       d.code
@@ -221,7 +221,7 @@ const Ct = (e, t) => {
       }
     }
   }, g = () => {
-    G(() => {
+    j(() => {
       const d = e.value?.$el;
       if (!d || typeof d.closest != "function") return;
       const I = d.closest(".k-grid");
@@ -267,7 +267,7 @@ const Ct = (e, t) => {
         console.error("Error setting up row navigation:", d);
       }
   }, q = () => {
-    G(() => {
+    j(() => {
       const I = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
       I && I.forEach((m) => {
         m.setAttribute("role", "button"), m.addEventListener(
@@ -365,8 +365,8 @@ const Ct = (e, t) => {
         );
         return;
       }
-      typeof I == "function" && G(() => {
-        a.value && a.value.focus(), I(d), G(() => {
+      typeof I == "function" && j(() => {
+        a.value && a.value.focus(), I(d), j(() => {
           W();
         });
       });
@@ -387,7 +387,7 @@ const Ct = (e, t) => {
     handleSortChange: B,
     initA11y: _
   };
-}, Ge = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Je = (e) => !!e && typeof e == "object" && "field" in e, Ue = (e, t) => !e || typeof e != "object" ? !1 : Ge(e) ? e.filters.some(
+}, je = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Je = (e) => !!e && typeof e == "object" && "field" in e, Ue = (e, t) => !e || typeof e != "object" ? !1 : je(e) ? e.filters.some(
   (a) => Ue(a, t)
 ) : Je(e) ? e.field === t : !1, Rt = (e) => (t) => e.value?.filters && e.value.filters.some(
   (a) => Ue(a, t)
@@ -424,7 +424,7 @@ const Ct = (e, t) => {
     if (!v) return !1;
     const g = k.join(",");
     return v.closest && v.closest(g) ? !0 : p && c ? p(v, c) : !1;
-  }, N = (v) => {
+  }, z = (v) => {
     const g = v?.closest?.(
       ".k-table-row[data-grid-row-index]"
     )?.getAttribute("data-grid-row-index");
@@ -478,7 +478,7 @@ const Ct = (e, t) => {
         return;
       const R = {
         dataItem: v.dataItem,
-        rowIndex: v.rowIndex ?? N(g),
+        rowIndex: v.rowIndex ?? z(g),
         field: v.field,
         event: c || v,
         triggerType: "click",
@@ -533,9 +533,9 @@ const Ct = (e, t) => {
   ), l = y(() => t.value.replace(/\D/g, "")), p = y(() => {
     const A = l.value.length;
     return A === 5 || A === 9;
-  }), b = y(() => a.value && !p.value), k = y(() => !a.value || p.value), L = y(() => a.value), N = (A, V) => {
+  }), b = y(() => a.value && !p.value), k = y(() => !a.value || p.value), L = y(() => a.value), z = (A, V) => {
     const v = nt(V);
-    G(() => {
+    j(() => {
       A.isConnected && A.setSelectionRange(v, v);
     });
   };
@@ -558,12 +558,12 @@ const Ct = (e, t) => {
         c.value,
         c.selectionStart
       ) : R.replace(/\D/g, "").length;
-      t.value = $e(R), c && N(c, q);
+      t.value = $e(R), c && z(c, q);
     },
     submitAndValidate: (A) => {
       a.value = !0;
       const V = p.value;
-      return !V && A?.focus && G(() => {
+      return !V && A?.focus && j(() => {
         document.getElementById(
           e.id
         )?.focus();
@@ -603,7 +603,7 @@ function ot(e, t) {
       ])
     );
   }
-  function N(x) {
+  function z(x) {
     const A = re(x);
     if (!A) return;
     A.querySelector(
@@ -627,7 +627,7 @@ function ot(e, t) {
     reset: C,
     createFieldValidity: k,
     createFieldValidationsMap: L,
-    focusFirstInvalidField: N
+    focusFirstInvalidField: z
   };
 }
 const lt = [
@@ -724,8 +724,8 @@ function st(e, t = "zip") {
     wrapperClass: b,
     handleZipInput: k
   } = a;
-  return ae(l, (N) => {
-    e.zip = N;
+  return ae(l, (z) => {
+    e.zip = z;
   }), {
     zipDisplay: f,
     isZipValid: p,
@@ -772,7 +772,7 @@ function Lt(e) {
     onAddress1Input: b,
     onAddress2Input: k,
     onCityInput: L,
-    onStateChange: N,
+    onStateChange: z,
     resetFormData: M
   } = it(), C = `${e.addressId}-zip`, { zipDisplay: x, isZipValid: A, zipWrapperClass: V, onZipInput: v, resetZip: c } = st(p, C), {
     strictAddress1Valid: g,
@@ -819,10 +819,10 @@ function Lt(e) {
     city: p.city.trim(),
     state: (p.state ?? "").trim().toUpperCase(),
     zip: p.zip.replace(/\D/g, "")
-  })), s = y(() => p.address1.trim() === "" && p.address2.trim() === "" && p.city.trim() === "" && (p.state ?? "").trim() === "" && p.zip.replace(/\D/g, "") === ""), T = y(() => !s.value), z = y(() => !l.value && T.value && (!g.value || !R.value || !q.value)), U = y(() => {
+  })), s = y(() => p.address1.trim() === "" && p.address2.trim() === "" && p.city.trim() === "" && (p.state ?? "").trim() === "" && p.zip.replace(/\D/g, "") === ""), T = y(() => !s.value), N = y(() => !l.value && T.value && (!g.value || !R.value || !q.value)), U = y(() => {
     const w = p.zip.replace(/\D/g, "");
     return !l.value && T.value && w.length !== 5 && w.length !== 9;
-  }), Q = y(() => !l.value && T.value && !W.value), j = y(() => !l.value && Q.value && (f.value || a.value));
+  }), Q = y(() => !l.value && T.value && !W.value), G = y(() => !l.value && Q.value && (f.value || a.value));
   return ae(r, () => {
     l.value || (f.value = !1);
   }), ae(l, (w) => {
@@ -837,9 +837,9 @@ function Lt(e) {
     stateValid: o,
     zipValid: S,
     addressValid: u,
-    optionalFeedbackActive: j,
+    optionalFeedbackActive: G,
     optionalPartialInvalid: Q,
-    optionalMissingRequiredFields: z,
+    optionalMissingRequiredFields: N,
     optionalZipInvalid: U,
     stateDefaultItem: h,
     stateOptions: $,
@@ -848,7 +848,7 @@ function Lt(e) {
     onAddress1Input: b,
     onAddress2Input: k,
     onCityInput: L,
-    onStateChange: N,
+    onStateChange: z,
     onZipInput: v,
     onFieldsetFocusout: (w) => {
       const O = dt(t.value, w);
@@ -858,7 +858,7 @@ function Lt(e) {
     validateForSubmit: async () => l.value ? (a.value = !0, W.value ? {
       isValid: !0,
       payload: r.value
-    } : (await G(), ct(t.value), { isValid: !1, payload: null })) : s.value || W.value ? (a.value = !1, {
+    } : (await j(), ct(t.value), { isValid: !1, payload: null })) : s.value || W.value ? (a.value = !1, {
       isValid: !0,
       payload: r.value
     }) : (a.value = !0, { isValid: !1, payload: null }),
@@ -870,7 +870,7 @@ function Lt(e) {
 const Oe = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Ve = (e) => e === "top" ? "bottom" : e === "bottom" ? "top" : "center", Te = (e, t, a, f) => {
   const l = e.left + (a.horizontal === "right" ? e.width : a.horizontal === "center" ? e.width / 2 : 0), p = e.top + (a.vertical === "bottom" ? e.height : a.vertical === "center" ? e.height / 2 : 0), b = t ? f.horizontal === "right" ? t.width : f.horizontal === "center" ? t.width / 2 : 0 : 0, k = t ? f.vertical === "bottom" ? t.height : f.vertical === "center" ? t.height / 2 : 0 : 0;
   return { left: l - b, top: p - k };
-}, ze = (e, t, a, f) => t >= f - a ? a : Math.min(Math.max(e, a), f - t), ft = ({
+}, Ne = (e, t, a, f) => t >= f - a ? a : Math.min(Math.max(e, a), f - t), ft = ({
   anchor: e,
   popup: t,
   anchorAlign: a,
@@ -882,10 +882,10 @@ const Oe = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Ve
   if (!t) return b;
   let { left: k, top: L } = b;
   if (p.horizontal === "fit")
-    k = ze(k, t.width, l.left, l.right);
+    k = Ne(k, t.width, l.left, l.right);
   else {
-    const N = k + t.width - l.right, M = l.left - k;
-    if (N > 0 || M > 0) {
+    const z = k + t.width - l.right, M = l.left - k;
+    if (z > 0 || M > 0) {
       const C = Te(
         e,
         t,
@@ -897,15 +897,15 @@ const Oe = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Ve
           horizontal: Oe(f.horizontal),
           vertical: f.vertical
         }
-      ), x = Math.max(N, 0) + Math.max(M, 0);
+      ), x = Math.max(z, 0) + Math.max(M, 0);
       Math.max(C.left + t.width - l.right, 0) + Math.max(l.left - C.left, 0) < x && (k = C.left);
     }
   }
   if (p.vertical === "fit")
-    L = ze(L, t.height, l.top, l.bottom);
+    L = Ne(L, t.height, l.top, l.bottom);
   else {
-    const N = L + t.height - l.bottom, M = l.top - L;
-    if (N > 0 || M > 0) {
+    const z = L + t.height - l.bottom, M = l.top - L;
+    if (z > 0 || M > 0) {
       const C = Te(
         e,
         t,
@@ -917,7 +917,7 @@ const Oe = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Ve
           horizontal: f.horizontal,
           vertical: Ve(f.vertical)
         }
-      ), x = Math.max(N, 0) + Math.max(M, 0);
+      ), x = Math.max(z, 0) + Math.max(M, 0);
       Math.max(C.top + t.height - l.bottom, 0) + Math.max(l.top - C.top, 0) < x && (L = C.top);
     }
   }
@@ -959,7 +959,7 @@ function Re(...e) {
     ];
   }, ([f, l, p, b], k, L) => {
     if (!f?.length || !l?.length || !p?.length) return;
-    const N = mt(b) ? { ...b } : b, M = f.flatMap((C) => l.flatMap((x) => p.map((A) => t(C, x, A, N))));
+    const z = mt(b) ? { ...b } : b, M = f.flatMap((C) => l.flatMap((x) => p.map((A) => t(C, x, A, z))));
     L(() => {
       M.forEach((C) => C());
     });
@@ -973,7 +973,7 @@ function Be(e, t, a = {}) {
     trigger: Ae
   } : Ae;
   let L = !0;
-  const N = (c) => re(l).some((g) => {
+  const z = (c) => re(l).some((g) => {
     if (typeof g == "string") return Array.from(f.document.querySelectorAll(g)).some((R) => R === c.target || c.composedPath().includes(R));
     {
       const R = Se(g);
@@ -991,7 +991,7 @@ function Be(e, t, a = {}) {
   const x = (c) => {
     const g = Se(e);
     if (c.target != null && !(!(g instanceof Element) && M(e) && C(e, c)) && !(!g || g === c.target || c.composedPath().includes(g))) {
-      if ("detail" in c && c.detail === 0 && (L = !N(c)), !L) {
+      if ("detail" in c && c.detail === 0 && (L = !z(c)), !L) {
         L = !0;
         return;
       }
@@ -1010,7 +1010,7 @@ function Be(e, t, a = {}) {
     }),
     Re(f, "pointerdown", (c) => {
       const g = Se(e);
-      L = !N(c) && !!(g && !c.composedPath().includes(g));
+      L = !z(c) && !!(g && !c.composedPath().includes(g));
     }, { passive: !0 }),
     b && Re(f, "blur", (c) => {
       setTimeout(() => {
@@ -1069,7 +1069,7 @@ const gt = (e) => {
   const t = Y(null), a = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", f = e.triggerMode, l = e.anchor === !0 ? {} : e.anchor, p = l?.activationPoint ? l.activationPoint === !0 ? {} : l.activationPoint : null, b = ve(null), k = ve(null), L = l?.anchorAlign ?? {
     horizontal: "left",
     vertical: "bottom"
-  }, N = l?.popupAlign ?? {
+  }, z = l?.popupAlign ?? {
     horizontal: "left",
     vertical: "top"
   }, M = l?.collision ?? {
@@ -1101,7 +1101,7 @@ const gt = (e) => {
       anchor: u,
       popup: C.value,
       anchorAlign: L,
-      popupAlign: N,
+      popupAlign: z,
       bounds: h,
       collision: M
     });
@@ -1121,10 +1121,10 @@ const gt = (e) => {
       return k.value = null, !1;
     const r = $.getBoundingClientRect();
     if (h.triggerType === "keyboard") {
-      const s = p.keyboardPosition, T = s?.y ?? "center", z = typeof T == "number" ? T : T === "top" ? 0 : T === "bottom" ? r.height : r.height / 2;
+      const s = p.keyboardPosition, T = s?.y ?? "center", N = typeof T == "number" ? T : T === "top" ? 0 : T === "bottom" ? r.height : r.height / 2;
       return k.value = {
         trigger: $,
-        point: { x: s?.x ?? 8, y: z },
+        point: { x: s?.x ?? 8, y: N },
         hasMatchedTrigger: !1
       }, !0;
     }
@@ -1159,7 +1159,7 @@ const gt = (e) => {
     } else t.value === "mouse-selection" && _.value?.focus();
     t.value = null, B.value = null, _.value = null;
   }, m = (u) => {
-    e.isOpen.value && (t.value = u, B.value = g() ?? (u === "escape" ? q() : null), _.value = x(), K(!1), e.requestHide(), G(I));
+    e.isOpen.value && (t.value = u, B.value = g() ?? (u === "escape" ? q() : null), _.value = x(), K(!1), e.requestHide(), j(I));
   };
   ae(
     [A, k],
@@ -1186,12 +1186,12 @@ const gt = (e) => {
         b.value = l.getRect?.(u) ?? u.getBoundingClientRect();
       }, T = () => {
         r === null && (r = window.requestAnimationFrame(s));
-      }, z = typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
-      z?.observe(u), window.addEventListener("scroll", T, {
+      }, N = typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
+      N?.observe(u), window.addEventListener("scroll", T, {
         capture: !0,
         passive: !0
       }), window.addEventListener("resize", T, { passive: !0 }), T(), $(() => {
-        r !== null && window.cancelAnimationFrame(r), z?.disconnect(), window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
+        r !== null && window.cancelAnimationFrame(r), N?.disconnect(), window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
       });
     },
     { immediate: !0, flush: "post" }
@@ -1216,8 +1216,8 @@ const gt = (e) => {
         C.value = Q?.getBoundingClientRect() ?? null;
       }, T = () => {
         r === null && (r = window.requestAnimationFrame(s));
-      }, z = E(), U = z && typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
-      U?.observe(z), T(), $(() => {
+      }, N = E(), U = N && typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
+      U?.observe(N), T(), $(() => {
         r !== null && window.cancelAnimationFrame(r), U?.disconnect();
       });
     },
@@ -1331,7 +1331,7 @@ const gt = (e) => {
      * outside clicks do not move focus.
      */
     handlePopupClose: () => {
-      G(I);
+      j(I);
     },
     offset: c
   };
@@ -1352,8 +1352,8 @@ const gt = (e) => {
   return t instanceof HTMLElement ? t : null;
 }, Vt = () => {
   const e = Ze(/* @__PURE__ */ new Map()), t = Y(null), a = (k, L) => {
-    const N = kt(L);
-    N ? e.set(k, N) : e.delete(k);
+    const z = kt(L);
+    z ? e.set(k, z) : e.delete(k);
   }, f = (k) => e.get(k) ?? null, l = (k) => {
     t.value = k;
   }, p = () => {
@@ -1371,7 +1371,7 @@ const gt = (e) => {
     deactivate: p,
     isIdActive: b
   };
-}, Ne = {
+}, ze = {
   title: "My Window",
   draggable: !0,
   resizable: !0,
@@ -1388,12 +1388,12 @@ const gt = (e) => {
   left: void 0,
   top: void 0
 }, At = (e) => e === "DEFAULT" || e === "MINIMIZED" || e === "FULLSCREEN", Et = 120, Dt = 100, xt = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], ye = (e, t, a) => Math.min(Math.max(e, t), a), qe = (e) => typeof e == "object" && e !== null && "drag" in e && "left" in e && "top" in e && "width" in e && "height" in e && typeof e.left == "number" && typeof e.top == "number" && typeof e.width == "number" && typeof e.height == "number", Mt = (e, t, a) => Math.max(e - t - a, 0);
-function zt(e = {}) {
+function Nt(e = {}) {
   Pe(e.settings) && (e.settings.value = {
-    ...Ne,
+    ...ze,
     ...e.settings.value
   });
-  const t = Pe(e.settings) ? e.settings : Y({ ...Ne, ...e.settings }), a = ve(null), f = Y(!1), l = Y(e.initialStage ?? "DEFAULT"), p = Y(!1), b = Y(!1), k = Y(0), L = Y(0), N = y(() => t.value.minWidth ?? Et), M = y(
+  const t = Pe(e.settings) ? e.settings : Y({ ...ze, ...e.settings }), a = ve(null), f = Y(!1), l = Y(e.initialStage ?? "DEFAULT"), p = Y(!1), b = Y(!1), k = Y(0), L = Y(0), z = y(() => t.value.minWidth ?? Et), M = y(
     () => t.value.minHeight ?? Dt
   );
   let C = null, x = null;
@@ -1421,7 +1421,7 @@ function zt(e = {}) {
         window.innerWidth,
         t.value.initialWidth,
         u
-      ), L.value = t.value.initialTop ?? $ + u, f.value = !0, await G(), t.value.width = t.value.initialWidth, t.value.height = t.value.initialHeight;
+      ), L.value = t.value.initialTop ?? $ + u, f.value = !0, await j(), t.value.width = t.value.initialWidth, t.value.height = t.value.initialHeight;
     } else
       f.value = !0;
     e.onOpen?.();
@@ -1439,32 +1439,32 @@ function zt(e = {}) {
       const S = a.value?.$el, h = (S instanceof Element ? S.querySelector(".k-window-titlebar") : null)?.getBoundingClientRect(), $ = h?.width ?? o.width, r = h?.height ?? o.height, s = A(), T = Math.max(
         s.right - $,
         s.left
-      ), z = Math.max(
+      ), N = Math.max(
         s.bottom - r,
         s.top
       );
-      t.value.left = ye(o.left, s.left, T), t.value.top = ye(o.top, s.top, z), p.value = o.drag && !o.end, e.onMove?.(o);
+      t.value.left = ye(o.left, s.left, T), t.value.top = ye(o.top, s.top, N), p.value = o.drag && !o.end, e.onMove?.(o);
     }
   }, q = (n) => {
     const { direction: o, start: S } = n, u = A(), h = n.pointerX - n.startX, $ = n.pointerY - n.startY;
-    let r = S.left, s = S.top, T = S.left + S.width, z = S.top + S.height;
+    let r = S.left, s = S.top, T = S.left + S.width, N = S.top + S.height;
     return o.includes("n") && (s = ye(
       S.top + $,
       Math.min(u.top, S.top),
-      z - M.value
-    )), o.includes("s") && (z = ye(
-      z + $,
+      N - M.value
+    )), o.includes("s") && (N = ye(
+      N + $,
       s + M.value,
-      Math.max(u.bottom, z)
+      Math.max(u.bottom, N)
     )), o.includes("w") && (r = ye(
       S.left + h,
       Math.min(u.left, S.left),
-      T - N.value
+      T - z.value
     )), o.includes("e") && (T = ye(
       T + h,
-      r + N.value,
+      r + z.value,
       Math.max(u.right, T)
-    )), { left: r, top: s, width: T - r, height: z - s };
+    )), { left: r, top: s, width: T - r, height: N - s };
   }, X = (n) => {
     const o = V(), S = x ?? o, u = A(), h = Math.max(u.right, o.left + o.width) - o.left, $ = Math.max(u.bottom, o.top + o.height) - o.top;
     return {
@@ -1472,7 +1472,7 @@ function zt(e = {}) {
       top: o.top,
       width: Math.max(
         Math.min(o.width + n.width - S.width, h),
-        N.value
+        z.value
       ),
       height: Math.max(
         Math.min(
@@ -1552,7 +1552,7 @@ function zt(e = {}) {
     initialHeight: t.value.initialHeight,
     width: t.value.width,
     height: t.value.height,
-    minWidth: N.value,
+    minWidth: z.value,
     minHeight: M.value,
     stage: l.value,
     windowClass: Z.value
@@ -1575,8 +1575,8 @@ function zt(e = {}) {
     close: c
   };
 }
-function Nt(e) {
-  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(e.dateFormat ?? "mm/dd/yyyy"), p = y(() => !!e.required), b = 1e3, k = Y(!1), L = ["ArrowUp", "ArrowDown"], N = ["ArrowLeft", "ArrowRight"], M = y(() => (t.value ?? "").replace(/\D/g, "")), C = (n) => n <= 2 ? "mm" : n <= 5 ? "dd" : M.value.length <= 10 ? "yyyy" : "mm", x = y(() => {
+function zt(e) {
+  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(e.dateFormat ?? "mm/dd/yyyy"), p = y(() => !!e.required), b = 1e3, k = Y(!1), L = ["ArrowUp", "ArrowDown"], z = ["ArrowLeft", "ArrowRight"], M = y(() => (t.value ?? "").replace(/\D/g, "")), C = (n) => n <= 2 ? "mm" : n <= 5 ? "dd" : M.value.length <= 10 ? "yyyy" : "mm", x = y(() => {
     const n = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(n).toString().padStart(2, "0");
   }), A = y(() => {
@@ -1646,13 +1646,13 @@ function Nt(e) {
       2,
       "0"
     )}/${String(r)}`;
-    const [z, U, Q] = t.value.split("/"), j = q(
+    const [N, U, Q] = t.value.split("/"), G = q(
       parseInt(Q),
-      parseInt(z),
+      parseInt(N),
       parseInt(U)
     );
-    j.toString() !== "Invalid Date" && parseInt(Q) >= 1e3 ? e.onChange({
-      value: c(j) ? j : null,
+    G.toString() !== "Invalid Date" && parseInt(Q) >= 1e3 ? e.onChange({
+      value: c(G) ? G : null,
       event: S
     }) : e.onChange({ value: null, event: S }), D({ useRAF: !0 });
   }, I = (n) => {
@@ -1677,7 +1677,7 @@ function Nt(e) {
     d(o, n.target, n);
   }, E = (n) => {
     const o = n.target;
-    if (N.includes(n.key)) {
+    if (z.includes(n.key)) {
       a.value = o?.selectionStart ?? 0;
       return;
     }
@@ -1701,7 +1701,7 @@ function Nt(e) {
       } catch {
       }
     };
-    G(() => {
+    j(() => {
       if (n?.delay && n.delay > 0) {
         setTimeout(o, n.delay);
         return;
@@ -1789,7 +1789,7 @@ function Nt(e) {
     }
     return "";
   }), se = () => {
-    G(() => {
+    j(() => {
       const n = document.getElementById(
         e.id
       );
@@ -1840,8 +1840,8 @@ function Nt(e) {
   };
 }
 function qt(e) {
-  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(!1), p = 1440 * 60 * 1e3, b = 365 * p, k = /* @__PURE__ */ new Date(), L = new Date(k.getTime() - b), N = new Date(k.getTime() + b);
-  e.min = e.min ?? L, e.max = e.max ?? N;
+  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(!1), p = 1440 * 60 * 1e3, b = 365 * p, k = /* @__PURE__ */ new Date(), L = new Date(k.getTime() - b), z = new Date(k.getTime() + b);
+  e.min = e.min ?? L, e.max = e.max ?? z;
   const M = y(() => (t.value ?? "").replace(/\D/g, "")), C = (i, w) => new Date(i, w, 0).getDate(), x = (i, w, O) => w >= 1 && w <= 12 && i >= 1e3 && O >= 1 && O <= C(i, w), A = (i) => Date.UTC(i.getFullYear(), i.getMonth(), i.getDate()), V = (i) => {
     if (!i) return null;
     const w = e.min ?? new Date(Date.now() - 90 * p), O = e.max ?? /* @__PURE__ */ new Date(), H = A(i);
@@ -1897,7 +1897,7 @@ function qt(e) {
     const { start: oe, end: le } = g(t.value);
     if (!oe && !le) {
       const ee = /* @__PURE__ */ new Date(), de = D(ee);
-      t.value = `${de} - ${de}`, e.onChange({ value: { start: ee, end: ee }, event: O }), G(() => {
+      t.value = `${de} - ${de}`, e.onChange({ value: { start: ee, end: ee }, event: O }), j(() => {
         requestAnimationFrame(() => {
           const ie = document.getElementById(
             e.id
@@ -1929,7 +1929,7 @@ function qt(e) {
     const Ee = D(he), De = D(ge);
     t.value = `${Ee} - ${De}`;
     const pe = V(he), xe = V(ge);
-    pe && xe && v(pe, xe) ? e.onChange({ value: { start: pe, end: xe }, event: O }) : e.onChange({ value: null, event: O }), G(() => {
+    pe && xe && v(pe, xe) ? e.onChange({ value: { start: pe, end: xe }, event: O }) : e.onChange({ value: null, event: O }), j(() => {
       requestAnimationFrame(() => {
         const ee = document.getElementById(
           e.id
@@ -1993,7 +1993,7 @@ function qt(e) {
   }, h = (i) => {
     u();
   }, $ = (i) => {
-    t.value = "", a.value = 0, e.onChange({ value: null, event: i }), u(), G(() => {
+    t.value = "", a.value = 0, e.onChange({ value: null, event: i }), u(), j(() => {
       const w = document.getElementById(
         e.id
       );
@@ -2022,13 +2022,13 @@ function qt(e) {
     () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
   ), T = y(
     () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), z = y(
+  ), N = y(
     () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
   ), U = y(
     () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
   ), Q = y(
     () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), j = y(() => {
+  ), G = y(() => {
     const { start: i, end: w } = g(t.value);
     return [
       {
@@ -2051,7 +2051,7 @@ function qt(e) {
       },
       {
         label: "End",
-        value: `${String(z.value).padStart(2, "0")} / ${String(
+        value: `${String(N.value).padStart(2, "0")} / ${String(
           U.value
         ).padStart(2, "0")} / ${String(Q.value).padStart(4, "0")}`
       },
@@ -2079,7 +2079,7 @@ function qt(e) {
       }
     ];
   }), J = () => {
-    G(() => {
+    j(() => {
       const i = document.getElementById(e.id);
       if (!i) {
         console.warn(`#${e.id} not found for styling.`);
@@ -2097,7 +2097,7 @@ function qt(e) {
     J();
   });
   const ce = () => {
-    G(() => {
+    j(() => {
       try {
         const i = Array.from(
           document.querySelectorAll(".k-animation-container")
@@ -2129,7 +2129,7 @@ function qt(e) {
     raw: t,
     cursorPos: a,
     debugEnabled: f,
-    debugLines: j,
+    debugLines: G,
     digitsOnly: M,
     valid: R,
     validComputed: te(d),
@@ -2139,7 +2139,7 @@ function qt(e) {
     month1: te(r),
     day1: te(s),
     year1: te(T),
-    month2: te(z),
+    month2: te(N),
     day2: te(U),
     year2: te(Q),
     handleChange: ne,
@@ -2156,7 +2156,7 @@ function qt(e) {
   };
 }
 function Kt(e) {
-  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(e.timeFormat ?? "hh:mm AM"), p = y(() => !!e.required), b = Y(!1), k = ["ArrowUp", "ArrowDown"], L = ["ArrowLeft", "ArrowRight"], N = y(() => (t.value ?? "").replace(/\D/g, "")), M = {
+  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(e.timeFormat ?? "hh:mm AM"), p = y(() => !!e.required), b = Y(!1), k = ["ArrowUp", "ArrowDown"], L = ["ArrowLeft", "ArrowRight"], z = y(() => (t.value ?? "").replace(/\D/g, "")), M = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
@@ -2175,22 +2175,22 @@ function Kt(e) {
   }), c = y(() => g.value ? `${String(v.value).padStart(2, "0")}:${String(A.value).padStart(2, "0")}:00` : null), g = y(
     () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
   ), R = (r, s, T) => {
-    let z = r % 12;
-    return z === 0 && (z = 12), `${String(z).padStart(2, "0")}:${String(s).padStart(
+    let N = r % 12;
+    return N === 0 && (N = 12), `${String(N).padStart(2, "0")}:${String(s).padStart(
       2,
       "0"
     )} ${T}`;
   }, q = (r) => {
     const s = r.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!s) return null;
-    const T = parseInt(s[1]), z = parseInt(s[2]), U = s[3].toUpperCase();
-    if (T < 1 || T > 12 || z < 0 || z > 59) return null;
+    const T = parseInt(s[1]), N = parseInt(s[2]), U = s[3].toUpperCase();
+    if (T < 1 || T > 12 || N < 0 || N > 59) return null;
     let Q = T % 12;
     U === "PM" && (Q += 12);
-    const j = /* @__PURE__ */ new Date();
-    return j.setSeconds(0, 0), j.setHours(Q), j.setMinutes(z), j;
+    const G = /* @__PURE__ */ new Date();
+    return G.setSeconds(0, 0), G.setHours(Q), G.setMinutes(N), G;
   }, X = (r) => {
-    if (N.value.length === 0) {
+    if (z.value.length === 0) {
       e.onChange({ value: null, event: r });
       return;
     }
@@ -2201,14 +2201,14 @@ function Kt(e) {
     const s = q(t.value);
     s && B(s) ? e.onChange({ value: s, event: r }) : e.onChange({ value: null, event: r });
   }, W = (r) => r.getHours() * 60 + r.getMinutes(), B = (r) => {
-    const s = e.min ?? void 0, T = e.max ?? void 0, z = W(r);
+    const s = e.min ?? void 0, T = e.max ?? void 0, N = W(r);
     if (s) {
       const U = W(s);
-      if (z < U) return !1;
+      if (N < U) return !1;
     }
     if (T) {
       const U = W(T);
-      if (z > U) return !1;
+      if (N > U) return !1;
     }
     return !0;
   }, _ = (r) => {
@@ -2217,7 +2217,7 @@ function Kt(e) {
   }, d = (r, s) => {
     e.onChange({ value: r, event: s });
   }, I = () => {
-    G(() => {
+    j(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const r = document.getElementById(
@@ -2255,25 +2255,25 @@ function Kt(e) {
       return;
     }
     t.value = s.value;
-    const z = s.event?.target;
-    a.value = z?.selectionStart ?? 0;
+    const N = s.event?.target;
+    a.value = N?.selectionStart ?? 0;
     try {
       const U = a.value ?? 0;
       if (C(U) === "ampm" && (t.value ?? "").length >= 8) {
         const Q = t.value.charAt(6);
-        /[Aa]/.test(Q) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, G(() => {
+        /[Aa]/.test(Q) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, j(() => {
           requestAnimationFrame(() => {
-            const j = document.getElementById(
+            const G = document.getElementById(
               e.id
             );
-            j && (j.focus(), j.setSelectionRange(8, 8));
+            G && (G.focus(), G.setSelectionRange(8, 8));
           });
-        })) : /[Pp]/.test(Q) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, G(() => {
+        })) : /[Pp]/.test(Q) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, j(() => {
           requestAnimationFrame(() => {
-            const j = document.getElementById(
+            const G = document.getElementById(
               e.id
             );
-            j && (j.focus(), j.setSelectionRange(8, 8));
+            G && (G.focus(), G.setSelectionRange(8, 8));
           });
         }));
       }
@@ -2283,15 +2283,15 @@ function Kt(e) {
   }, D = (r) => {
     a.value = r.target.selectionStart ?? 0;
   }, P = (r, s, T) => {
-    const z = s?.selectionStart ?? a.value ?? 0;
-    a.value = z;
-    const U = C(z), Q = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
+    const N = s?.selectionStart ?? a.value ?? 0;
+    a.value = N;
+    const U = C(N), Q = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
     if (!Q) {
-      if ((t.value ?? "").length === 0 || N.value.length === 0) {
+      if ((t.value ?? "").length === 0 || z.value.length === 0) {
         const w = /* @__PURE__ */ new Date(), O = w.getHours(), H = O >= 12 ? "PM" : "AM";
         t.value = R(O, w.getMinutes(), H);
         const oe = q(t.value);
-        E(oe, T), G(() => {
+        E(oe, T), j(() => {
           requestAnimationFrame(() => {
             const le = document.getElementById(
               e.id
@@ -2302,9 +2302,9 @@ function Kt(e) {
       }
       return;
     }
-    let j = parseInt(Q[1]), J = parseInt(Q[2]), ce = Q[3].toUpperCase();
+    let G = parseInt(Q[1]), J = parseInt(Q[2]), ce = Q[3].toUpperCase();
     if (U === "hh")
-      r === "ArrowUp" ? j = j < 12 ? j + 1 : 1 : j = j > 1 ? j - 1 : 12;
+      r === "ArrowUp" ? G = G < 12 ? G + 1 : 1 : G = G > 1 ? G - 1 : 12;
     else if (U === "mm") {
       const w = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
       if (w === 1)
@@ -2319,12 +2319,12 @@ function Kt(e) {
         H < 0 && (H = 60 - w), J = H;
       }
     } else U === "ampm" && (ce = ce === "AM" ? "PM" : "AM");
-    t.value = `${String(j).padStart(2, "0")}:${String(J).padStart(
+    t.value = `${String(G).padStart(2, "0")}:${String(J).padStart(
       2,
       "0"
     )} ${ce}`;
     const i = q(t.value);
-    E(i, T), G(() => {
+    E(i, T), j(() => {
       requestAnimationFrame(() => {
         const w = document.getElementById(
           e.id
@@ -2363,7 +2363,7 @@ function Kt(e) {
       a.value = s?.selectionStart ?? 0;
     }
   }, se = (r) => {
-    b.value = !0, p.value && e.externalValue && e.externalValue.value === void 0 && N.value.length === 0 && (e.externalValue.value = "");
+    b.value = !0, p.value && e.externalValue && e.externalValue.value === void 0 && z.value.length === 0 && (e.externalValue.value = "");
     const s = r.target;
     s && (a.value = s.selectionStart ?? 0);
   };
@@ -2373,8 +2373,8 @@ function Kt(e) {
       if (r) {
         const s = new Date(r);
         if (s.toString() !== "Invalid Date") {
-          const T = s.getHours(), z = T >= 12 ? "PM" : "AM";
-          t.value = R(T, s.getMinutes(), z);
+          const T = s.getHours(), N = T >= 12 ? "PM" : "AM";
+          t.value = R(T, s.getMinutes(), N);
           return;
         }
       }
@@ -2388,7 +2388,7 @@ function Kt(e) {
     ["Minute", A.value],
     ["Period", V.value],
     ["Time (24h)", c.value ?? "--:--:--"],
-    ["Digits only", N.value],
+    ["Digits only", z.value],
     [
       "Parsed Date",
       o.value?.toLocaleDateString("en-US", {
@@ -2431,7 +2431,7 @@ function Kt(e) {
       return s ? B(s) ? "valid" : "out-of-bounds" : "invalid-time";
     }
     if (!b.value) return;
-    if (N.value.length === 0 || !g.value)
+    if (z.value.length === 0 || !g.value)
       return "incomplete";
     const r = o.value;
     return r ? B(r) ? "valid" : "out-of-bounds" : "invalid-time";
@@ -2445,15 +2445,15 @@ function Kt(e) {
     const s = {
       hour: "2-digit",
       minute: "2-digit"
-    }, T = e.min ? e.min.toLocaleTimeString("en-US", s) : null, z = e.max ? e.max.toLocaleTimeString("en-US", s) : null;
+    }, T = e.min ? e.min.toLocaleTimeString("en-US", s) : null, N = e.max ? e.max.toLocaleTimeString("en-US", s) : null;
     if (r === "out-of-bounds") {
-      if (T && z) return `Must be between ${T} and ${z}.`;
+      if (T && N) return `Must be between ${T} and ${N}.`;
       if (T) return `Must be ${T} or later.`;
-      if (z) return `Must be ${z} or earlier.`;
+      if (N) return `Must be ${N} or earlier.`;
     }
     return "";
   }), $ = () => {
-    G(() => {
+    j(() => {
       const r = document.getElementById(e.id);
       if (!r) {
         console.warn(`#${e.id} not found for styling.`);
@@ -2507,12 +2507,15 @@ function Kt(e) {
   };
 }
 const Ut = {
+  outsideClick: !1,
   returnFocusToTrigger: !1,
   focusTrapOptions: {
     returnFocusOnDeactivate: !1
   }
+}, Yt = {
+  outsideClick: !1
 };
-function Yt(e) {
+function Bt(e) {
   const t = ve(null), a = [
     ".k-animation-container .k-popup",
     ".k-popup",
@@ -2520,7 +2523,7 @@ function Yt(e) {
     ".k-menu-popup"
   ], f = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? a].flat(), l = (M) => M ? typeof e.initialFocus == "string" ? M.querySelector(e.initialFocus) ?? M : typeof e.initialFocus == "function" ? e.initialFocus(M) ?? M : M.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? M : null, { activate: p, deactivate: b } = je(t, {
+  ) ?? M : null, { activate: p, deactivate: b } = Ge(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     // Without this, focus-trap's own default (false) preventDefault()s and
@@ -2533,7 +2536,7 @@ function Yt(e) {
     ...e.focusTrapOptions ?? {}
   });
   let k = null, L = Y(null);
-  const N = () => {
+  const z = () => {
     if (e.resolvePopupEl) return e.resolvePopupEl();
     const M = (x, A) => {
       const V = Array.from(x.querySelectorAll(A));
@@ -2553,13 +2556,17 @@ function Yt(e) {
     }
     return null;
   };
-  return Be(t, (M) => {
-    L.value = "outside", e.isOpen.value && e.onRequestClose?.("outside", M);
-  }), ae(
+  return e.outsideClick !== !1 && Be(
+    t,
+    (M) => {
+      e.isOpen.value && (L.value = "outside", e.onRequestClose?.("outside", M));
+    },
+    e.outsideClick
+  ), ae(
     () => e.isOpen.value,
     (M) => {
-      M ? (L.value = null, G(() => {
-        const C = N();
+      M ? (L.value = null, j(() => {
+        const C = z();
         C && (C.tabIndex < 0 && (C.tabIndex = -1), t.value = C, setTimeout(() => {
           try {
             p();
@@ -2572,13 +2579,13 @@ function Yt(e) {
         }, 0), k || (k = (x) => {
           x.key === "Escape" && (L.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", x));
         }, document.addEventListener("keydown", k, !0)));
-      })) : (b(), k && (document.removeEventListener("keydown", k, !0), k = null), t.value = null, L.value === "outside" && G(() => {
+      })) : (b(), k && (document.removeEventListener("keydown", k, !0), k = null), t.value = null, L.value === "outside" && j(() => {
         const C = () => {
           const x = e.triggerEl?.value, A = x?.querySelector("input"), V = document.activeElement;
           V && (V === A || x && x.contains(V)) && (A ?? x)?.blur?.();
         };
         requestAnimationFrame(() => setTimeout(C, 0));
-      }), e.returnFocusToTrigger !== !1 && L.value === "escape" && e.triggerEl?.value && G(() => {
+      }), e.returnFocusToTrigger !== !1 && L.value === "escape" && e.triggerEl?.value && j(() => {
         const C = () => {
           const x = e.triggerEl?.value;
           if (!x) return;
@@ -2596,8 +2603,9 @@ function Yt(e) {
   };
 }
 export {
+  Yt as DIALOG_TRAP_OPTIONS,
   Ut as POPUP_MENU_TRAP_OPTIONS,
-  Ne as WINDOW_SETTINGS_DEFAULTS,
+  ze as WINDOW_SETTINGS_DEFAULTS,
   ft as computeCollisionOffset,
   Vt as useActiveIdRegistry,
   Pt as useCompositeId,
@@ -2608,13 +2616,13 @@ export {
   Rt as useGridActiveFilter,
   Ft as useGridRowAction,
   gt as useIntersectionObserver,
-  Nt as useMaskedDateInput,
+  zt as useMaskedDateInput,
   qt as useMaskedDateRangeInput,
   Kt as useMaskedTimeInput,
   $t as usePopupMenu,
-  Yt as usePopupTrap,
+  Bt as usePopupTrap,
   Lt as useUSAddress,
-  zt as useWindow,
+  Nt as useWindow,
   rt as useZipTextBox
 };
 //# sourceMappingURL=featherk-composables.es.js.map