@featherk/composables 0.12.2 → 0.12.4

package/dist/featherk-composables.es.js

@@ -2,27 +2,27 @@ import { ref as Y, onBeforeUnmount as Ve, nextTick as H, computed as h, watchEff
 import { useFocusTrap as Ue } from "@vueuse/integrations/useFocusTrap";
 const vt = (e, t) => {
   const r = Y(null);
-  let g = !1, u = null, f = null;
+  let g = !1, s = null, f = null;
   const A = [], I = ".k-table-row[data-grid-row-index] [tabindex]", F = () => {
-    const s = e?.value?.$el;
-    return s ? s.closest(".k-grid") : null;
-  }, N = (s) => {
+    const u = e?.value?.$el;
+    return u ? u.closest(".k-grid") : null;
+  }, N = (u) => {
     const k = F();
     if (!k) return !1;
-    const y = s.closest(".k-grid-aria-root");
+    const y = u.closest(".k-grid-aria-root");
     if (y)
       return k.contains(y);
-    const w = s.closest(
+    const w = u.closest(
       ".k-grid-header, .k-grid-content, .k-grid-content-locked"
     );
     return w ? k.contains(w) : !1;
-  }, E = (s) => s.key === "Enter" || s.code === "Enter" || s.code === "NumpadEnter", $ = () => e?.value?.columns, x = (s) => {
-    const k = s.key || s.code;
-    ([" ", "Spacebar", "Space"].includes(k) || E(s)) && (s.preventDefault(), s.stopPropagation(), r.value = s.target, s.target.click());
-  }, D = (s) => {
+  }, E = (u) => u.key === "Enter" || u.code === "Enter" || u.code === "NumpadEnter", $ = () => e?.value?.columns, x = (u) => {
+    const k = u.key || u.code;
+    ([" ", "Spacebar", "Space"].includes(k) || E(u)) && (u.preventDefault(), u.stopPropagation(), r.value = u.target, u.target.click());
+  }, D = (u) => {
     if (!r.value) return;
-    if (s.code === "Escape") {
-      s.stopPropagation(), r.value && r.value.focus();
+    if (u.code === "Escape") {
+      u.stopPropagation(), r.value && r.value.focus();
       return;
     }
     const k = Array.from(
@@ -33,7 +33,7 @@ const vt = (e, t) => {
       ".k-animation-container .k-popup .k-column-menu .k-filter-menu-container"
     );
     if (y) {
-      if (s.code === "Tab") {
+      if (u.code === "Tab") {
         const w = [
           // ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
           // ".k-filter-menu-container input.k-input-inner:not([tabindex='-1']):not([disabled])",
@@ -51,27 +51,27 @@ const vt = (e, t) => {
           (U) => U === document.activeElement
         );
         let V;
-        p === -1 ? V = 0 : s.shiftKey ? V = (p - 1 + l.length) % l.length : V = (p + 1) % l.length, s.preventDefault(), s.stopPropagation(), l[V]?.focus();
+        p === -1 ? V = 0 : u.shiftKey ? V = (p - 1 + l.length) % l.length : V = (p + 1) % l.length, u.preventDefault(), u.stopPropagation(), l[V]?.focus();
       }
-    } else if (s.code === "ArrowUp" || s.code === "ArrowDown") {
-      s.preventDefault(), s.stopPropagation();
+    } else if (u.code === "ArrowUp" || u.code === "ArrowDown") {
+      u.preventDefault(), u.stopPropagation();
       const w = k.findIndex(
         (l) => l === document.activeElement
       );
       let T = w;
-      s.code === "ArrowUp" ? T = w > 0 ? w - 1 : k.length - 1 : s.code === "ArrowDown" && (T = w < k.length - 1 ? w + 1 : 0), k[T]?.focus();
+      u.code === "ArrowUp" ? T = w > 0 ? w - 1 : k.length - 1 : u.code === "ArrowDown" && (T = w < k.length - 1 ? w + 1 : 0), k[T]?.focus();
       return;
     }
-    if (s.code === "Tab") {
-      s.preventDefault(), s.stopPropagation();
+    if (u.code === "Tab") {
+      u.preventDefault(), u.stopPropagation();
       const w = r.value?.parentElement;
-      (s.shiftKey ? w?.previousElementSibling : w?.nextElementSibling)?.querySelector(
+      (u.shiftKey ? w?.previousElementSibling : w?.nextElementSibling)?.querySelector(
         "button, [role='button'], .k-link"
       )?.focus();
     }
   }, C = () => {
-    u = new MutationObserver((s) => {
-      s.forEach((k) => {
+    s = new MutationObserver((u) => {
+      u.forEach((k) => {
         k.addedNodes.forEach((y) => {
           if (y.nodeType === Node.ELEMENT_NODE) {
             const w = y;
@@ -130,19 +130,19 @@ const vt = (e, t) => {
           }
         });
       });
-    }), u.observe(document.body, {
+    }), s.observe(document.body, {
       childList: !0,
       subtree: !0
     });
-  }, c = (s) => {
-    const k = s.tagName.toLowerCase();
-    return !!(["input", "textarea", "select", "button"].includes(k) || s.closest(
+  }, c = (u) => {
+    const k = u.tagName.toLowerCase();
+    return !!(["input", "textarea", "select", "button"].includes(k) || u.closest(
       '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
     ));
-  }, i = (s) => {
-    if (!s.type || !s)
+  }, i = (u) => {
+    if (!u.type || !u)
       return;
-    const k = s.target;
+    const k = u.target;
     if (!k) return;
     const y = k.closest(
       ".k-table-row[data-grid-row-index]"
@@ -150,13 +150,13 @@ const vt = (e, t) => {
     if (!N(k))
       return;
     const w = ["ArrowLeft", "ArrowRight"].includes(
-      s.code
+      u.code
     );
     if (!(c(k) && !(y && w))) {
-      if (s.code === "Escape") {
+      if (u.code === "Escape") {
         const T = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
         if (T) {
-          s.preventDefault(), s.stopPropagation();
+          u.preventDefault(), u.stopPropagation();
           try {
             Array.from(
               e?.value.$el.querySelectorAll(
@@ -177,14 +177,14 @@ const vt = (e, t) => {
         "Enter",
         "NumpadEnter",
         "Space"
-      ].includes(s.code)) {
+      ].includes(u.code)) {
         if (k.classList.contains("k-grid-header-menu") && k.classList.contains("k-grid-column-menu")) {
           r.value = k;
           return;
         }
         if (y) {
-          if (["ArrowDown", "ArrowUp"].includes(s.code)) {
-            s.preventDefault(), s.stopPropagation();
+          if (["ArrowDown", "ArrowUp"].includes(u.code)) {
+            u.preventDefault(), u.stopPropagation();
             const T = (p, V) => {
               let U = V === "next" ? p.nextElementSibling : p.previousElementSibling;
               for (; U; ) {
@@ -197,12 +197,12 @@ const vt = (e, t) => {
                 U = V === "next" ? U.nextElementSibling : U.previousElementSibling;
               }
               return null;
-            }, l = s.code === "ArrowDown" ? T(y, "next") : T(y, "previous");
+            }, l = u.code === "ArrowDown" ? T(y, "next") : T(y, "previous");
             l && (y.setAttribute("tabindex", "-1"), l.setAttribute("tabindex", "0"), l.focus());
             return;
           }
-          if (["ArrowLeft", "ArrowRight"].includes(s.code)) {
-            s.preventDefault(), s.stopPropagation();
+          if (["ArrowLeft", "ArrowRight"].includes(u.code)) {
+            u.preventDefault(), u.stopPropagation();
             const T = y.querySelectorAll(
               I
             );
@@ -214,7 +214,7 @@ const vt = (e, t) => {
               T[0].focus();
               return;
             }
-            s.code === "ArrowRight" ? l = l === T.length - 1 ? 0 : l + 1 : s.code === "ArrowLeft" && (l = l === 0 ? T.length - 1 : l - 1), T[l].focus();
+            u.code === "ArrowRight" ? l = l === T.length - 1 ? 0 : l + 1 : u.code === "ArrowLeft" && (l = l === 0 ? T.length - 1 : l - 1), T[l].focus();
             return;
           }
         }
@@ -222,15 +222,15 @@ const vt = (e, t) => {
     }
   }, m = () => {
     H(() => {
-      const s = e.value?.$el;
-      if (!s || typeof s.closest != "function") return;
-      const k = s.closest(".k-grid");
+      const u = e.value?.$el;
+      if (!u || typeof u.closest != "function") return;
+      const k = u.closest(".k-grid");
       k && k.classList.add("fk-grid");
     });
   }, S = () => {
     if (!f)
       try {
-        const s = () => {
+        const u = () => {
           try {
             const w = Array.from(
               e.value.$el.querySelectorAll(
@@ -261,10 +261,10 @@ const vt = (e, t) => {
         });
         const y = e.value.$el.querySelector(".k-table-tbody");
         y && (f = new MutationObserver(() => {
-          s();
+          u();
         }), f.observe(y, { childList: !0, subtree: !0 }));
-      } catch (s) {
-        console.error("Error setting up row navigation:", s);
+      } catch (u) {
+        console.error("Error setting up row navigation:", u);
       }
   }, R = () => {
     H(() => {
@@ -283,7 +283,7 @@ const vt = (e, t) => {
         "keydown",
         x
       );
-    }), u && (u.disconnect(), u = null), f && (f.disconnect(), f = null), A.forEach((y) => y()), A.length = 0;
+    }), s && (s.disconnect(), s = null), f && (f.disconnect(), f = null), A.forEach((y) => y()), A.length = 0;
   }, q = () => {
     document.querySelectorAll(
       ".k-grid-header .k-table-thead th"
@@ -354,19 +354,19 @@ const vt = (e, t) => {
         );
       }), k.dataset.featherKHeaderBound = "true";
     }
-  }, X = function(s, k) {
-    const y = s?.event?.event.target, w = $();
+  }, X = function(u, k) {
+    const y = u?.event?.event.target, w = $();
     if (!y || !w) return;
-    const T = y.classList.contains("k-grid-header-menu"), l = y.classList.contains("k-columnmenu-item"), p = w.find((V) => V.field === s?.event?.field)?.sortable && !0;
+    const T = y.classList.contains("k-grid-header-menu"), l = y.classList.contains("k-columnmenu-item"), p = w.find((V) => V.field === u?.event?.field)?.sortable && !0;
     if (!T) {
       if (l && !p) {
-        s?.event?.sort?.filter(
-          (U) => U.field !== s?.event?.field
+        u?.event?.sort?.filter(
+          (U) => U.field !== u?.event?.field
         );
         return;
       }
       typeof k == "function" && H(() => {
-        r.value && r.value.focus(), k(s), H(() => {
+        r.value && r.value.focus(), k(u), H(() => {
           q();
         });
       });
@@ -375,8 +375,8 @@ const vt = (e, t) => {
     if (!g)
       try {
         m(), S(), R(), g = !0;
-      } catch (s) {
-        console.error("initA11y failed:", s), K();
+      } catch (u) {
+        console.error("initA11y failed:", u), K();
       }
   };
   return Ve(() => {
@@ -414,12 +414,12 @@ const vt = (e, t) => {
     onRowAction: t,
     gridRef: r,
     dataItems: g,
-    ignoreSelectors: u = [],
+    ignoreSelectors: s = [],
     shouldIgnoreTarget: f,
     enableKeyboardAction: A = !0
   } = e, I = [
     ...ze,
-    ...u
+    ...s
   ], F = (c, i) => {
     if (!c) return !1;
     const m = I.join(",");
@@ -509,7 +509,7 @@ const vt = (e, t) => {
         k && X !== void 0 && X >= 0 && X < k.length && (ee = k[X]);
       }
       if (ee === void 0) return;
-      const s = {
+      const u = {
         dataItem: ee,
         rowIndex: X,
         event: c,
@@ -520,7 +520,7 @@ const vt = (e, t) => {
         altKey: !!c.altKey,
         coordinates: $(K)
       };
-      t(ee, s);
+      t(ee, u);
     },
     isIgnoredTarget: F
   };
@@ -530,8 +530,8 @@ const vt = (e, t) => {
 }, Xe = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, Ze = (e) => e <= 5 ? e : Math.min(e + 1, 10), We = (e) => {
   const t = Y(Re(e.initialValue ?? "")), r = Y(!1), g = Y(
     e.errorMessage?.trim() || He
-  ), u = h(() => t.value.replace(/\D/g, "")), f = h(() => {
-    const D = u.value.length;
+  ), s = h(() => t.value.replace(/\D/g, "")), f = h(() => {
+    const D = s.value.length;
     return D === 5 || D === 9;
   }), A = h(() => r.value && !f.value), I = h(() => !r.value || f.value), F = h(() => r.value), N = (D, C) => {
     const c = Ze(C);
@@ -547,7 +547,7 @@ const vt = (e, t) => {
     // bindings
     wrapperClass: "fk-zip-textbox",
     // derived state
-    zipRaw: u,
+    zipRaw: s,
     isZipValid: f,
     showZipError: A,
     textBoxValid: I,
@@ -569,7 +569,7 @@ const vt = (e, t) => {
         )?.focus();
       }), C;
     },
-    buildPayload: () => ({ zip: u.value })
+    buildPayload: () => ({ zip: s.value })
   };
 };
 function _e(e, t) {
@@ -581,19 +581,19 @@ function _e(e, t) {
     const A = e.value ?? f.currentTarget, I = f.relatedTarget;
     (!A || !A.contains(I)) && (r.value = !0);
   }
-  function u() {
+  function s() {
     r.value = !1;
   }
-  return { touched: r, onFocusout: g, reset: u };
+  return { touched: r, onFocusout: g, reset: s };
 }
 function je(e, t) {
-  const r = Y(!1), g = Y(!1), u = h(
+  const r = Y(!1), g = Y(!1), s = h(
     () => re(t.submitted) || r.value
-  ), f = h(() => !u.value || t.isValid()), A = _e(e, {
+  ), f = h(() => !s.value || t.isValid()), A = _e(e, {
     isValid: () => f.value
   });
   function I(x) {
-    return h(() => !u.value || re(x));
+    return h(() => !s.value || re(x));
   }
   function F(x) {
     return Object.fromEntries(
@@ -622,7 +622,7 @@ function je(e, t) {
   }
   return {
     touched: r,
-    fieldsetValidate: u,
+    fieldsetValidate: s,
     onFocusout: E,
     reset: $,
     createFieldValidity: I,
@@ -719,12 +719,12 @@ function Je() {
 function Qe(e, t = "zip") {
   const r = We({ id: t }), {
     zipDisplay: g,
-    zipRaw: u,
+    zipRaw: s,
     isZipValid: f,
     wrapperClass: A,
     handleZipInput: I
   } = r;
-  return se(u, (N) => {
+  return se(s, (N) => {
     e.zip = N;
   }), {
     zipDisplay: g,
@@ -739,14 +739,14 @@ function Qe(e, t = "zip") {
 function et(e) {
   const t = h(
     () => e.formData.address1.trim() !== ""
-  ), r = h(() => e.formData.city.trim() !== ""), g = h(() => !!e.formData.state), u = h(() => re(e.isZipValid)), f = h(
-    () => t.value && r.value && g.value && u.value
+  ), r = h(() => e.formData.city.trim() !== ""), g = h(() => !!e.formData.state), s = h(() => re(e.isZipValid)), f = h(
+    () => t.value && r.value && g.value && s.value
   );
   return {
     strictAddress1Valid: t,
     strictCityValid: r,
     strictStateValid: g,
-    strictZipValid: u,
+    strictZipValid: s,
     strictAddressValid: f
   };
 }
@@ -767,7 +767,7 @@ function ht(e) {
   Fe(() => {
     t.value = re(e.fieldsetRef);
   });
-  const r = Y(!1), g = Y(!1), u = h(() => re(e.required) ?? !0), {
+  const r = Y(!1), g = Y(!1), s = h(() => re(e.required) ?? !0), {
     formData: f,
     onAddress1Input: A,
     onAddress2Input: I,
@@ -786,7 +786,7 @@ function ht(e) {
   }), X = je(t, {
     submitted: r,
     isValid: () => q.value
-  }), { touched: ee, fieldsetValidate: s, onFocusout: k, reset: y } = X, w = X.createFieldValidationsMap({
+  }), { touched: ee, fieldsetValidate: u, onFocusout: k, reset: y } = X, w = X.createFieldValidationsMap({
     address1: m,
     city: S,
     state: R,
@@ -799,17 +799,17 @@ function ht(e) {
     zip: V,
     address: U
   } = w, ae = h(
-    () => u.value ? s.value : !1
+    () => s.value ? u.value : !1
   ), ne = h(
-    () => u.value ? T.value : !0
+    () => s.value ? T.value : !0
   ), a = h(
-    () => u.value ? l.value : !0
+    () => s.value ? l.value : !0
   ), b = h(
-    () => u.value ? p.value : !0
+    () => s.value ? p.value : !0
   ), L = h(
-    () => u.value ? V.value : !0
+    () => s.value ? V.value : !0
   ), Z = h(
-    () => u.value ? U.value : !0
+    () => s.value ? U.value : !0
   ), W = { value: null, label: "State" }, j = Ge.map(({ label: v, value: M }) => ({
     label: v,
     value: M
@@ -819,13 +819,13 @@ function ht(e) {
     city: f.city.trim(),
     state: (f.state ?? "").trim().toUpperCase(),
     zip: f.zip.replace(/\D/g, "")
-  })), d = h(() => f.address1.trim() === "" && f.address2.trim() === "" && f.city.trim() === "" && (f.state ?? "").trim() === "" && f.zip.replace(/\D/g, "") === ""), P = h(() => !d.value), B = h(() => !u.value && P.value && (!m.value || !S.value || !R.value)), G = h(() => {
+  })), d = h(() => f.address1.trim() === "" && f.address2.trim() === "" && f.city.trim() === "" && (f.state ?? "").trim() === "" && f.zip.replace(/\D/g, "") === ""), P = h(() => !d.value), B = h(() => !s.value && P.value && (!m.value || !S.value || !R.value)), G = h(() => {
     const v = f.zip.replace(/\D/g, "");
-    return !u.value && P.value && v.length !== 5 && v.length !== 9;
-  }), te = h(() => !u.value && P.value && !q.value), z = h(() => !u.value && te.value && (g.value || r.value));
+    return !s.value && P.value && v.length !== 5 && v.length !== 9;
+  }), te = h(() => !s.value && P.value && !q.value), z = h(() => !s.value && te.value && (g.value || r.value));
   return se(n, () => {
-    u.value || (g.value = !1);
-  }), se(u, (v) => {
+    s.value || (g.value = !1);
+  }), se(s, (v) => {
     v || (r.value = !1, g.value = !1, y());
   }), {
     formData: f,
@@ -852,10 +852,10 @@ function ht(e) {
     onZipInput: c,
     onFieldsetFocusout: (v) => {
       const M = nt(t.value, v);
-      k(v), !u.value && M && (g.value = !0);
+      k(v), !s.value && M && (g.value = !0);
     },
     normalizedPayload: n,
-    validateForSubmit: async () => u.value ? (r.value = !0, q.value ? {
+    validateForSubmit: async () => s.value ? (r.value = !0, q.value ? {
       isValid: !0,
       payload: n.value
     } : (await H(), tt(t.value), { isValid: !1, payload: null })) : d.value || q.value ? (r.value = !1, {
@@ -869,7 +869,7 @@ function ht(e) {
 }
 const bt = (e = "fkid") => {
   const t = `${e}-${Oe()}`;
-  return { instanceId: t, compose: (...g) => [t, ...g].filter((u) => u != null).map(String).join("-") };
+  return { instanceId: t, compose: (...g) => [t, ...g].filter((s) => s != null).map(String).join("-") };
 }, rt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const at = Object.prototype.toString, ot = (e) => at.call(e) === "[object Object]", we = () => {
@@ -890,35 +890,35 @@ function he(e) {
   return (t = r?.$el) !== null && t !== void 0 ? t : r;
 }
 function Me(...e) {
-  const t = (g, u, f, A) => (g.addEventListener(u, f, A), () => g.removeEventListener(u, f, A)), r = h(() => {
-    const g = xe(re(e[0])).filter((u) => u != null);
-    return g.every((u) => typeof u != "string") ? g : void 0;
+  const t = (g, s, f, A) => (g.addEventListener(s, f, A), () => g.removeEventListener(s, f, A)), r = h(() => {
+    const g = xe(re(e[0])).filter((s) => s != null);
+    return g.every((s) => typeof s != "string") ? g : void 0;
   });
   return lt(() => {
-    var g, u;
+    var g, s;
     return [
-      (g = (u = r.value) === null || u === void 0 ? void 0 : u.map((f) => he(f))) !== null && g !== void 0 ? g : [Pe].filter((f) => f != null),
+      (g = (s = r.value) === null || s === void 0 ? void 0 : s.map((f) => he(f))) !== null && g !== void 0 ? g : [Pe].filter((f) => f != null),
       xe(re(r.value ? e[1] : e[0])),
       xe(Ke(r.value ? e[2] : e[1])),
       re(r.value ? e[3] : e[2])
     ];
-  }, ([g, u, f, A], I, F) => {
-    if (!g?.length || !u?.length || !f?.length) return;
-    const N = ot(A) ? { ...A } : A, E = g.flatMap(($) => u.flatMap((x) => f.map((D) => t($, x, D, N))));
+  }, ([g, s, f, A], I, F) => {
+    if (!g?.length || !s?.length || !f?.length) return;
+    const N = ot(A) ? { ...A } : A, E = g.flatMap(($) => s.flatMap((x) => f.map((D) => t($, x, D, N))));
     F(() => {
       E.forEach(($) => $());
     });
   }, { flush: "post" });
 }
 function Le(e, t, r = {}) {
-  const { window: g = Pe, ignore: u = [], capture: f = !0, detectIframe: A = !1, controls: I = !1 } = r;
+  const { window: g = Pe, ignore: s = [], capture: f = !0, detectIframe: A = !1, controls: I = !1 } = r;
   if (!g) return I ? {
     stop: we,
     cancel: we,
     trigger: we
   } : we;
   let F = !0;
-  const N = (i) => re(u).some((m) => {
+  const N = (i) => re(s).some((m) => {
     if (typeof m == "string") return Array.from(g.document.querySelectorAll(m)).some((S) => S === i.target || i.composedPath().includes(S));
     {
       const S = he(m);
@@ -983,13 +983,13 @@ const it = (e) => {
   };
   return typeof window < "u" && typeof window.IntersectionObserver == "function" && se(
     [e.target, () => e.root()],
-    ([u, f]) => {
-      r(), u && (t = new IntersectionObserver(
+    ([s, f]) => {
+      r(), s && (t = new IntersectionObserver(
         ([A]) => {
           A && e.onChange(A);
         },
         { root: f, threshold: e.threshold ?? 1 }
-      ), t.observe(u));
+      ), t.observe(s));
     },
     { immediate: !0 }
   ), Ce(r), { disconnect: r };
@@ -1004,8 +1004,8 @@ const it = (e) => {
 }, dt = (e) => {
   let t = e.parentElement;
   for (; t; ) {
-    const { overflow: r, overflowX: g, overflowY: u } = window.getComputedStyle(t);
-    if ([r, g, u].some(
+    const { overflow: r, overflowX: g, overflowY: s } = window.getComputedStyle(t);
+    if ([r, g, s].some(
       (f) => /auto|scroll|overlay/.test(f)
     ))
       return t;
@@ -1013,8 +1013,8 @@ const it = (e) => {
   }
   return null;
 }, wt = (e) => {
-  const t = Y(null), r = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", g = e.triggerMode, u = e.anchor === !0 ? {} : e.anchor, f = Ae(null), A = () => Se(e.triggerRef.value), I = h(() => A()), F = h(
-    () => u && u.hideWhenAnchorClipped !== !1 ? I.value : null
+  const t = Y(null), r = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", g = e.triggerMode, s = e.anchor === !0 ? {} : e.anchor, f = Ae(null), A = () => Se(e.triggerRef.value), I = h(() => A()), F = h(
+    () => s && s.hideWhenAnchorClipped !== !1 ? I.value : null
   ), N = h(() => {
     const l = f.value;
     return !e.isOpen.value || !l ? { left: 0, top: 0 } : {
@@ -1049,13 +1049,13 @@ const it = (e) => {
   se(
     I,
     (l, p, V) => {
-      if (!u || !l) {
+      if (!s || !l) {
         f.value = null;
         return;
       }
       let U = null;
       const ae = () => {
-        U = null, f.value = u.getRect?.() ?? l.getBoundingClientRect();
+        U = null, f.value = s.getRect?.() ?? l.getBoundingClientRect();
       }, ne = () => {
         U === null && (U = window.requestAnimationFrame(ae));
       }, a = typeof window.ResizeObserver == "function" ? new window.ResizeObserver(ne) : null;
@@ -1069,8 +1069,8 @@ const it = (e) => {
     { immediate: !0, flush: "post" }
   ), it({
     target: F,
-    root: () => u?.clipRoot ? re(u.clipRoot) : I.value ? dt(I.value) : null,
-    threshold: 1,
+    root: () => s?.clipRoot ? re(s.clipRoot) : I.value ? dt(I.value) : null,
+    threshold: s?.intersectionThreshold ?? 0.5,
     onChange: (l) => {
       l.isIntersecting || S("anchor-hidden");
     }
@@ -1113,7 +1113,7 @@ const it = (e) => {
     },
     { flush: "post" }
   );
-  const s = (...l) => {
+  const u = (...l) => {
     const p = l[0];
     if (i) {
       i = !1;
@@ -1139,7 +1139,7 @@ const it = (e) => {
      * Toggles the action menu. When opening, focuses the first enabled Kendo
      * Menu item after Vue renders the popup.
      */
-    handleActionButtonClick: s,
+    handleActionButtonClick: u,
     /**
      * Handles trigger keyboard input: Enter and Space toggle the menu; Escape
      * closes an open menu or focuses the configured target when already closed.
@@ -1147,7 +1147,7 @@ const it = (e) => {
     handleActionButtonKeydown: (...l) => {
       const p = l[0], V = l[1];
       if (p.key === "Enter" || p.code === "Space") {
-        p.preventDefault(), s(V);
+        p.preventDefault(), u(V);
         return;
       }
       if (p.key === "Escape") {
@@ -1175,14 +1175,14 @@ const it = (e) => {
   };
 }, St = () => {
   const e = /* @__PURE__ */ new Set();
-  return { register: (u) => {
-    e.add(u), Ce(() => e.delete(u));
-  }, deactivateOthers: (u) => {
+  return { register: (s) => {
+    e.add(s), Ce(() => e.delete(s));
+  }, deactivateOthers: (s) => {
     e.forEach((f) => {
-      f !== u && f.deactivate();
+      f !== s && f.deactivate();
     });
   }, deactivateAll: () => {
-    e.forEach((u) => u.deactivate());
+    e.forEach((s) => s.deactivate());
   } };
 }, ft = (e) => {
   if (e instanceof HTMLElement) return e;
@@ -1192,7 +1192,7 @@ const it = (e) => {
   const e = qe(/* @__PURE__ */ new Map()), t = Y(null), r = (I, F) => {
     const N = ft(F);
     N ? e.set(I, N) : e.delete(I);
-  }, g = (I) => e.get(I) ?? null, u = (I) => {
+  }, g = (I) => e.get(I) ?? null, s = (I) => {
     t.value = I;
   }, f = () => {
     t.value = null;
@@ -1205,13 +1205,13 @@ const it = (e) => {
     ),
     register: r,
     resolve: g,
-    activate: u,
+    activate: s,
     deactivate: f,
     isIdActive: A
   };
 };
 function kt(e) {
-  const t = Y(""), r = Y(void 0), g = Y(!!e.debug), u = Y(e.dateFormat ?? "mm/dd/yyyy"), f = h(() => !!e.required), A = 1e3, I = Y(!1), F = ["ArrowUp", "ArrowDown"], N = ["ArrowLeft", "ArrowRight"], E = h(() => (t.value ?? "").replace(/\D/g, "")), $ = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : E.value.length <= 10 ? "yyyy" : "mm", x = h(() => {
+  const t = Y(""), r = Y(void 0), g = Y(!!e.debug), s = Y(e.dateFormat ?? "mm/dd/yyyy"), f = h(() => !!e.required), A = 1e3, I = Y(!1), F = ["ArrowUp", "ArrowDown"], N = ["ArrowLeft", "ArrowRight"], E = h(() => (t.value ?? "").replace(/\D/g, "")), $ = (a) => a <= 2 ? "mm" : a <= 5 ? "dd" : E.value.length <= 10 ? "yyyy" : "mm", x = h(() => {
     const a = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
     return parseInt(a).toString().padStart(2, "0");
   }), D = h(() => {
@@ -1256,7 +1256,7 @@ function kt(e) {
     r.value = b?.selectionStart ?? 0, c(a);
   }, ee = (a) => {
     r.value = a.target.selectionStart ?? 0;
-  }, s = (a, b, L) => {
+  }, u = (a, b, L) => {
     const Z = b?.selectionStart ?? r.value ?? 0;
     r.value = Z;
     let W = parseInt(x.value), j = parseInt(D.value), n = parseInt(C.value);
@@ -1303,13 +1303,13 @@ function kt(e) {
       if (a.altKey) return;
       a.preventDefault(), a.stopPropagation();
       const b = a.target;
-      s(a.key, b, a);
+      u(a.key, b, a);
       return;
     }
   }, y = (a) => {
     a.preventDefault();
     const b = a.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    s(b, a.target, a);
+    u(b, a.target, a);
   }, w = (a) => {
     const b = a.target;
     if (N.includes(a.key)) {
@@ -1407,7 +1407,7 @@ function kt(e) {
     if (a === "incomplete")
       return "Required";
     if (a === "invalid-date")
-      return `Must be in ${u.value} format.`;
+      return `Must be in ${s.value} format.`;
     const b = e.min ? e.min.toLocaleDateString("en-US", {
       year: "numeric",
       month: "2-digit",
@@ -1455,7 +1455,7 @@ function kt(e) {
     cursorPos: r,
     debugEnabled: g,
     debugLines: p,
-    placeholder: u,
+    placeholder: s,
     isValid: V,
     reason: Q(U),
     validationMessage: ae,
@@ -1475,7 +1475,7 @@ function kt(e) {
   };
 }
 function Dt(e) {
-  const t = Y(""), r = Y(void 0), g = Y(!!e.debug), u = Y(!1), f = 1440 * 60 * 1e3, A = 365 * f, I = /* @__PURE__ */ new Date(), F = new Date(I.getTime() - A), N = new Date(I.getTime() + A);
+  const t = Y(""), r = Y(void 0), g = Y(!!e.debug), s = Y(!1), f = 1440 * 60 * 1e3, A = 365 * f, I = /* @__PURE__ */ new Date(), F = new Date(I.getTime() - A), N = new Date(I.getTime() + A);
   e.min = e.min ?? F, e.max = e.max ?? N;
   const E = h(() => (t.value ?? "").replace(/\D/g, "")), $ = (o, v) => new Date(o, v, 0).getDate(), x = (o, v, M) => v >= 1 && v <= 12 && o >= 1e3 && M >= 1 && M <= $(o, v), D = (o) => Date.UTC(o.getFullYear(), o.getMonth(), o.getDate()), C = (o) => {
     if (!o) return null;
@@ -1503,7 +1503,7 @@ function Dt(e) {
     if (!K.value.start || !K.value.end) return "out-of-bounds";
     const M = K.value.start, O = K.value.end;
     return c(M, O) ? typeof e.maxSpanDays == "number" && q.value !== void 0 && q.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), s = h(() => {
+  }), u = h(() => {
     const o = ee.value;
     return o === void 0 || o === "valid";
   }), k = h(() => {
@@ -1624,7 +1624,7 @@ function Dt(e) {
       r.value = v?.selectionStart ?? 0;
     }
   }, Z = () => {
-    X.value = !0, (e.manageValid ?? !0) && (S.value = s.value);
+    X.value = !0, (e.manageValid ?? !0) && (S.value = u.value);
   }, W = (o) => {
     Z();
   }, j = (o) => {
@@ -1640,10 +1640,10 @@ function Dt(e) {
     (o) => {
       const v = o?.start ?? null, M = o?.end ?? null;
       if (v && M) {
-        if (t.value = `${l(v)} - ${l(M)}`, e.isOpen?.value && u.value && e.onRequestClose) {
+        if (t.value = `${l(v)} - ${l(M)}`, e.isOpen?.value && s.value && e.onRequestClose) {
           const O = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
           setTimeout(() => {
-            e.onRequestClose?.(), u.value = !1, Z();
+            e.onRequestClose?.(), s.value = !1, Z();
           }, O);
         }
         return;
@@ -1767,7 +1767,7 @@ function Dt(e) {
     debugLines: z,
     digitsOnly: E,
     valid: S,
-    validComputed: Q(s),
+    validComputed: Q(u),
     reason: Q(ee),
     validationMessage: Q(k),
     spanDays: Q(q),
@@ -1785,13 +1785,13 @@ function Dt(e) {
     handleBlur: W,
     handleClear: j,
     onCalendarChange: () => {
-      u.value = !0;
+      s.value = !0;
     },
     initStyling: _
   };
 }
 function Et(e) {
-  const t = Y(""), r = Y(void 0), g = Y(!!e.debug), u = Y(e.timeFormat ?? "hh:mm AM"), f = h(() => !!e.required), A = Y(!1), I = ["ArrowUp", "ArrowDown"], F = ["ArrowLeft", "ArrowRight"], N = h(() => (t.value ?? "").replace(/\D/g, "")), E = {
+  const t = Y(""), r = Y(void 0), g = Y(!!e.debug), s = Y(e.timeFormat ?? "hh:mm AM"), f = h(() => !!e.required), A = Y(!1), I = ["ArrowUp", "ArrowDown"], F = ["ArrowLeft", "ArrowRight"], N = h(() => (t.value ?? "").replace(/\D/g, "")), E = {
     H: /[0-9]/,
     h: /[0-9]/,
     M: /[0-9]/,
@@ -1849,7 +1849,7 @@ function Et(e) {
   }, ee = (n) => {
     const d = n.getHours(), P = d >= 12 ? "PM" : "AM";
     t.value = S(d, n.getMinutes(), P);
-  }, s = (n, d) => {
+  }, u = (n, d) => {
     e.onChange({ value: n, event: d });
   }, k = () => {
     H(() => {
@@ -1870,7 +1870,7 @@ function Et(e) {
     const d = n?.event?.target;
     return d ? d.closest(".k-time-now") ? "now" : d.closest(".k-time-accept") ? "set" : null : null;
   }, w = (n, d) => {
-    n && X(n) ? s(n, d) : s(null, d);
+    n && X(n) ? u(n, d) : u(null, d);
   }, T = (...n) => {
     const d = n[0];
     if (!d) return;
@@ -1886,7 +1886,7 @@ function Et(e) {
       return;
     }
     if (d?.value === null) {
-      t.value = "", s(null, d);
+      t.value = "", u(null, d);
       return;
     }
     t.value = d.value;
@@ -2076,7 +2076,7 @@ function Et(e) {
     if (n === "incomplete")
       return "Required";
     if (n === "invalid-time")
-      return `Must be in ${u.value} format.`;
+      return `Must be in ${s.value} format.`;
     const d = {
       hour: "2-digit",
       minute: "2-digit"
@@ -2118,7 +2118,7 @@ function Et(e) {
     rules: E,
     debugEnabled: g,
     debugLines: a,
-    placeholder: u,
+    placeholder: s,
     isValid: L,
     reason: Q(Z),
     validationMessage: W,
@@ -2147,13 +2147,13 @@ function It(e) {
     ".k-popup",
     ".k-timepicker-popup",
     ".k-menu-popup"
-  ], g = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? r].flat(), u = (E) => E ? typeof e.initialFocus == "string" ? E.querySelector(e.initialFocus) ?? E : typeof e.initialFocus == "function" ? e.initialFocus(E) ?? E : E.querySelector(
+  ], g = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? r].flat(), s = (E) => E ? typeof e.initialFocus == "string" ? E.querySelector(e.initialFocus) ?? E : typeof e.initialFocus == "function" ? e.initialFocus(E) ?? E : E.querySelector(
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
   ) ?? E : null, { activate: f, deactivate: A } = Ue(t, {
     escapeDeactivates: !1,
     clickOutsideDeactivates: !1,
     fallbackFocus: () => t.value,
-    initialFocus: () => u(t.value),
+    initialFocus: () => s(t.value),
     ...e.focusTrapOptions ?? {}
   });
   let I = null, F = Y(null);