@progress/kendo-react-common 7.0.2-develop.1 → 7.0.2-develop.3

package/index.mjs

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 "use client";
 import * as r from "react";
-import * as Y from "@progress/kendo-licensing";
+import { validatePackage as Ve } from "@progress/kendo-licensing";
 import * as bt from "react-dom";
-import * as g from "prop-types";
-import { dispatchDragAndDrop as xt, getScrollableParent as Xe, autoScroll as yt } from "@progress/kendo-draggable-common";
-const qe = r.createContext(0), kn = () => r.useContext(qe);
+import g from "prop-types";
+import { dispatchDragAndDrop as xt, getScrollableParent as Fe, autoScroll as yt } from "@progress/kendo-draggable-common";
+const qe = r.createContext(0), An = () => r.useContext(qe);
 qe.displayName = "KendoReactZIndexContext";
 const pt = () => typeof document < "u" ? document : {};
 class Ke {
@@ -24,17 +24,17 @@ class Ke {
     return this.scrollbar;
   }
 }
-const he = !!// from fbjs
+const fe = !!// from fbjs
 (typeof window < "u" && window.document && window.document.createElement), kt = (e) => {
   var t;
   return !!(typeof e == "function" && ((t = e.prototype) != null && t.isReactComponent));
-}, Dt = (e) => !!(e.$$typeof && typeof e.render == "function"), Dn = (e) => typeof Comment != "string" && (kt(e) || Dt(e)), We = (...e) => {
+}, Dt = (e) => !!(e.$$typeof && typeof e.render == "function"), wn = (e) => typeof Comment != "string" && (kt(e) || Dt(e)), We = (...e) => {
   const t = {}, n = (s) => typeof s == "object" ? Object.keys(s).forEach((l) => {
     t[l] = s[l];
   }) : t[s] = !0, o = (s) => s.filter((l) => l !== !0 && !!l).map((l) => Array.isArray(l) ? o(l) : n(l));
   return o(e), Object.keys(t).map((s) => t[s] && s || null).filter((s) => s !== null).join(" ");
 }, At = (e) => e ? new Date(e.getTime()) : null;
-function An(e) {
+function Pn(e) {
   const t = {};
   return _e(e, t), t;
 }
@@ -61,7 +61,7 @@ function $e(e, t) {
 function wt(e) {
   return e.map((t) => $e(t, void 0));
 }
-const wn = (e) => {
+const In = (e) => {
   if (e) {
     if ((e instanceof HTMLInputElement || e.tabIndex !== -1) && e.focus) {
       e.focus();
@@ -71,9 +71,9 @@ const wn = (e) => {
     t && t.focus && t.focus();
   }
 };
-class Pn {
+class On {
 }
-const Pt = -1, It = 0, In = (e, t, n) => {
+const Pt = -1, It = 0, Mn = (e, t, n) => {
   const o = typeof e == "string" ? parseInt(e) : e;
   if (!Number.isNaN(o))
     return o !== void 0 ? o : t ? n ? void 0 : Pt : It;
@@ -87,7 +87,7 @@ function et(e) {
 const z = {};
 z.undefined = () => {
 };
-function On(e) {
+function Sn(e) {
   if (z[e])
     return z[e];
   const t = et(e);
@@ -98,12 +98,12 @@ function On(e) {
     return o;
   }, z[e];
 }
-const Ye = () => {
+const Xe = () => {
   let e = "", t, n;
   for (t = 0; t < 32; t++)
     n = Math.random() * 16 | 0, (t === 8 || t === 12 || t === 16 || t === 20) && (e += "-"), e += (t === 12 ? 4 : t === 16 ? n & 3 | 8 : n).toString(16);
   return e;
-}, Mn = {
+}, Rn = {
   backspace: 8,
   tab: 9,
   enter: 13,
@@ -120,15 +120,15 @@ const Ye = () => {
   down: 40,
   delete: 46
 }, C = function() {
-}, Sn = () => !he || !document.body ? !1 : new Ke().scrollbarWidth, Rn = () => {
-  if (!he || !document.body)
+}, Ln = () => !fe || !document.body ? !1 : new Ke().scrollbarWidth, Tn = () => {
+  if (!fe || !document.body)
     return !1;
   let e = new Ke().scrollbarWidth;
   document.body.style.setProperty("--kendo-scrollbar-width", `${e}px`);
 }, F = {};
 F.undefined = (e) => e;
 const Mt = (e, t) => t && t.arrays && !isNaN(Number(e)) ? [] : {};
-function Ln(e) {
+function Nn(e) {
   if (F[e])
     return F[e];
   const t = et(e);
@@ -140,29 +140,29 @@ function Ln(e) {
     l[t[c]] = o;
   }, F[e];
 }
-function Ge(e, t, n) {
+function Ye(e, t, n) {
   return n ? { ...e, [t]: n.length ? [...n] : void 0 } : e && e[t] ? [...e[t]] : [];
 }
 function tt(e, t, n) {
   if (e[t]) {
-    let o = Ge(e, t).map((s) => tt(s, t, n));
-    return n(Ge(e, t, o));
+    let o = Ye(e, t).map((s) => tt(s, t, n));
+    return n(Ye(e, t, o));
   }
   return n(e);
 }
-const Tn = (e, t, n) => [...e.map((o) => tt(o, t, n))], Nn = (e, t, n, o) => {
+const Hn = (e, t, n) => [...e.map((o) => tt(o, t, n))], Bn = (e, t, n, o) => {
   let s = e;
   const l = [];
   for (let f = 0; f < t.length; f++)
     s = s[t[f]], s = Array.isArray(s) ? s : s[n], l.push(s);
   const c = l.length > 1 ? l[l.length - 2] : e, i = t[t.length - 1], h = o(c[i]);
   c.splice(i, 1, h);
-}, Hn = (e, t, n) => Object.assign(
+}, jn = (e, t, n) => Object.assign(
   {},
   e,
   e[t] ? { [t]: e[t].slice() } : {},
   n || {}
-), Bn = (e, t, n) => {
+), Qn = (e, t, n) => {
   const o = [], s = [...t];
   if (s.length) {
     let l = e[s.shift() || 0];
@@ -170,26 +170,15 @@ const Tn = (e, t, n) => [...e.map((o) => tt(o, t, n))], Nn = (e, t, n, o) => {
       l = l[n][s.shift() || 0], o.push(l);
   }
   return o;
-}, St = ["telerik.com", "progress.com", "stackblitz.io", "csb.app"];
-function jn(e) {
-  if (typeof Y < "u")
-    Y.validatePackage(e);
-  else {
-    let t = `License activation failed for ${e.name}
-`;
-    t += `The @progress/kendo-licensing script is not loaded.
-`, t += `See ${e.licensingDocsUrl} for more information.
-`, console.warn(t);
-  }
-}
-function Qn(e) {
+}, St = ["telerik.com", "progress.com", "stackblitz.io", "csb.app"], zn = Ve;
+function Fn(e) {
   return !St.some((n) => {
     var o;
     return (o = globalThis.document) == null ? void 0 : o.location.hostname.endsWith(n);
-  }) && !(Y != null && Y.validatePackage(e));
+  }) && !Ve(e);
 }
-const zn = (e) => {
-  if (!he)
+const Xn = (e) => {
+  if (!fe)
     return !1;
   const t = e ? e.ownerDocument : document;
   if (!t || !t.body)
@@ -201,11 +190,11 @@ const zn = (e) => {
   const l = s.getBoundingClientRect().top !== n;
   return t.body.removeChild(o), l;
 }, Rt = "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-banner";
-let Je = !1;
-const Fn = () => {
+let Ge = !1;
+const Yn = () => {
   const [e, t] = r.useState(!0), [n, o] = r.useState(!1);
   r.useEffect(() => {
-    Je || (o(!0), Je = !0);
+    Ge || (o(!0), Ge = !0);
   }, []);
   const s = () => {
     t(!1);
@@ -280,7 +269,7 @@ const Fn = () => {
     }
   ), n && bt.createPortal(l, document.body));
 };
-function Xn(e, t, n, o) {
+function Gn(e, t, n, o) {
   if (e) {
     const s = {
       syntheticEvent: t,
@@ -316,7 +305,7 @@ function Lt({ onFocus: e, onBlur: t, onSyncFocus: n, onSyncBlur: o }) {
     onBlur: h
   };
 }
-const Yn = ({
+const Jn = ({
   children: e,
   onFocus: t,
   onBlur: n,
@@ -325,7 +314,7 @@ const Yn = ({
 }) => {
   const l = Lt({ onFocus: t, onBlur: n, onSyncFocus: o, onSyncBlur: s });
   return /* @__PURE__ */ r.createElement(r.Fragment, null, e.call(void 0, { ...l }));
-}, Tt = (e, t) => r.useContext(e)(t), Gn = () => r.createContext((e) => e), Jn = (e, t) => r.forwardRef((n, o) => {
+}, Tt = (e, t) => r.useContext(e)(t), Un = () => r.createContext((e) => e), Zn = (e, t) => r.forwardRef((n, o) => {
   const s = Tt(e, n);
   return /* @__PURE__ */ r.createElement(t, { ...s, ref: o });
 }), Nt = typeof window < "u" ? r.useLayoutEffect : r.useEffect;
@@ -338,17 +327,17 @@ function Ht(e) {
     if (e)
       return e;
     if (t)
-      return Ye();
+      return Xe();
   });
   return Nt(() => {
-    o === void 0 && s(Ye());
+    o === void 0 && s(Xe());
   }, []), r.useId ? e ?? r.useId() : o;
 }
-const Un = (e) => r.forwardRef((t, n) => {
+const Vn = (e) => r.forwardRef((t, n) => {
   const o = Ht(t.id);
   return /* @__PURE__ */ r.createElement(e, { ...t, id: o, ref: n });
 });
-function Zn(e, t, n) {
+function qn(e, t, n) {
   const [o, s] = r.useState(t);
   return r.useEffect(
     () => {
@@ -360,7 +349,7 @@ function Zn(e, t, n) {
     n
   ), o;
 }
-function Vn(e, t, n) {
+function Kn(e, t, n) {
   const [o, s] = r.useState(t);
   return r.useEffect(
     () => {
@@ -457,9 +446,9 @@ const Bt = (e, t, n = {}) => {
     onMouseOut: d,
     onMouseOver: m
   };
-}, qn = (e) => [e, {}];
+}, Wn = (e) => [e, {}];
 var X = /* @__PURE__ */ ((e) => (e[e.add = 0] = "add", e[e.remove = 1] = "remove", e))(X || {});
-const Ue = (e = []) => {
+const Je = (e = []) => {
   const t = r.useRef(e), n = r.useCallback(
     (o) => {
       switch (o.type) {
@@ -485,7 +474,7 @@ const Ue = (e = []) => {
     const o = t();
     return o && o.ownerDocument || document;
   }, [t]);
-}, Kn = (e) => {
+}, _n = (e) => {
   const t = jt(e);
   return r.useCallback(() => {
     const o = t();
@@ -500,11 +489,11 @@ const Ue = (e = []) => {
   xlarge: "k-icon-xl",
   xxlarge: "k-icon-xxl",
   xxxlarge: "k-icon-xxxl"
-}, Wn = (e) => e.replace(/^k-i-/, ""), Qt = (e) => "k-i-" + e, _n = g.shape({
+}, $n = (e) => e.replace(/^k-i-/, ""), Qt = (e) => "k-i-" + e, er = g.shape({
   name: g.string.isRequired,
   content: g.string.isRequired,
   viewBox: g.string.isRequired
-}), de = (e, t) => {
+}), ue = (e, t) => {
   const [n, o] = r.useContext(e), [s, l] = r.useState(t);
   return [
     n !== void 0 ? n : s,
@@ -515,10 +504,10 @@ const Ue = (e = []) => {
 }, rt = r.createContext([
   void 0,
   C
-]), ge = r.createContext([
+]), he = r.createContext([
   void 0,
   C
-]), ot = r.createContext([[], C, C]), me = r.createContext([[], C, C]), zt = 2e3;
+]), ot = r.createContext([[], C, C]), ge = r.createContext([[], C, C]), zt = 2e3;
 function Ft(e, t, n = {}) {
   const {
     onPress: o = C,
@@ -531,16 +520,16 @@ function Ft(e, t, n = {}) {
     mouseOnly: f = !1,
     autoScroll: d = !0,
     scrollContainer: m = null
-  } = n, [u, x] = r.useState(!1), [y, w] = r.useState(!1), [E] = de(ge), [R, M] = de(rt), [T] = r.useContext(me), [I, P, O] = r.useContext(ot), p = r.useRef({ x: 0, y: 0 }), K = r.useRef(), W = r.useRef(!1), ye = r.useRef(), j = r.useRef(null), _ = r.useRef(!1), pe = r.useRef({ x: 0, y: 0 }), ke = r.useRef({ x: 0, y: 0 }), Z = r.useRef({ x: 0, y: 0 }), De = r.useRef({ x: 0, y: 0 }), Ae = r.useRef({ x: 0, y: 0 }), we = r.useRef({ x: 0, y: 0 }), dt = !!(typeof window < "u" && window.PointerEvent), Pe = !f && dt, L = r.useCallback(
+  } = n, [u, x] = r.useState(!1), [y, w] = r.useState(!1), [E] = ue(he), [R, M] = ue(rt), [T] = r.useContext(ge), [I, P, O] = r.useContext(ot), p = r.useRef({ x: 0, y: 0 }), q = r.useRef(), K = r.useRef(!1), xe = r.useRef(), j = r.useRef(null), W = r.useRef(!1), ye = r.useRef({ x: 0, y: 0 }), pe = r.useRef({ x: 0, y: 0 }), U = r.useRef({ x: 0, y: 0 }), ke = r.useRef({ x: 0, y: 0 }), De = r.useRef({ x: 0, y: 0 }), Ae = r.useRef({ x: 0, y: 0 }), dt = !!(typeof window < "u" && window.PointerEvent), we = !f && dt, L = r.useCallback(
     () => e.current && e.current.element ? e.current.element : e.current,
     [e]
   ), ft = r.useCallback(
     () => h && h.current && h.current.element ? h.current.element : h ? h.current : null,
     [h]
-  ), Ie = r.useCallback(
+  ), Pe = r.useCallback(
     () => m && m.current && m.current.element ? m.current.element : m ? m.current : null,
     [m]
-  ), Oe = r.useCallback(
+  ), Ie = r.useCallback(
     () => typeof d == "object" && d.boundaryElementRef && d.boundaryElementRef.current && d.boundaryElementRef.current.element ? d.boundaryElementRef.current.element : typeof d == "object" && d.boundaryElementRef && d.boundaryElementRef.current ? d.boundaryElementRef.current : null,
     [d]
   ), Q = r.useRef(null);
@@ -554,7 +543,7 @@ function Ft(e, t, n = {}) {
     onRelease: gt,
     data: e.current
   }));
-  const V = r.useCallback(
+  const Z = r.useCallback(
     () => {
       const a = L();
       return a && a.ownerDocument || document;
@@ -562,54 +551,59 @@ function Ft(e, t, n = {}) {
     [L]
   ), N = r.useCallback(
     () => {
-      const a = V();
+      const a = Z();
       return a && a.defaultView || window;
     },
-    [V]
-  ), Me = r.useCallback(
+    [Z]
+  ), Oe = r.useCallback(
     () => ({
       drag: R ? R.current : null,
       drop: E ? E.current : null,
       drags: I.map((a) => a.current),
       drops: T.map((a) => a.current),
       pressed: u,
-      ignoreMouse: W.current,
-      scrollOffset: Ae.current,
-      offset: pe.current,
-      pageOffset: ke.current,
-      initialScrollOffset: we.current,
-      clientOffset: Z.current,
-      initialClientOffset: De.current,
+      ignoreMouse: K.current,
+      scrollOffset: De.current,
+      offset: ye.current,
+      pageOffset: pe.current,
+      initialScrollOffset: Ae.current,
+      clientOffset: U.current,
+      initialClientOffset: ke.current,
       velocity: p.current,
       autoScroll: !!(typeof d == "object" ? d.enabled !== !1 : d),
-      scrollableParent: Oe(),
+      scrollableParent: Ie(),
       autoScrollDirection: typeof d == "object" ? d.direction : { horizontal: !0, vertical: !0 },
       isScrolling: y
     }),
-    [R, E, I, T, u, d, Oe, y]
-  ), Se = r.useCallback(
+    [R, E, I, T, u, d, Ie, y]
+  ), Me = r.useCallback(
     (a) => {
       x(a);
     },
     []
-  ), Re = r.useCallback(
+  ), Se = r.useCallback(
     (a) => {
       w(a);
     },
     []
-  ), Le = r.useCallback(
+  ), Re = r.useCallback(
     (a) => {
       p.current = a;
     },
     []
+  ), Le = r.useCallback(
+    (a) => {
+      ye.current = a;
+    },
+    []
   ), Te = r.useCallback(
     (a) => {
-      pe.current = a;
+      U.current = a;
     },
     []
   ), Ne = r.useCallback(
     (a) => {
-      Z.current = a;
+      pe.current = a;
     },
     []
   ), He = r.useCallback(
@@ -627,11 +621,6 @@ function Ft(e, t, n = {}) {
       Ae.current = a;
     },
     []
-  ), Qe = r.useCallback(
-    (a) => {
-      we.current = a;
-    },
-    []
   ), ht = r.useCallback(
     (a) => {
       o(a);
@@ -654,39 +643,44 @@ function Ft(e, t, n = {}) {
     [c]
   ), Ct = r.useCallback(
     (a) => {
-      _.current || (M(null, { target: e.current, event: a }), i(a));
+      W.current || (M(null, { target: e.current, event: a }), i(a));
     },
     [i, M, e]
   ), v = r.useCallback(
     (a) => {
       xt(
-        Me(),
+        Oe(),
         { event: a, payload: Q.current },
         {
-          onVelocityChange: Le,
-          onOffsetChange: Te,
-          onClientOffsetChange: Ne,
-          onPageOffsetChange: He,
-          onInitialClientOffsetChange: Be,
-          onScrollOffsetChange: je,
-          onInitialScrollOffsetChange: Qe,
-          onIsPressedChange: Se,
-          onIsScrollingChange: Re
+          onVelocityChange: Re,
+          onOffsetChange: Le,
+          onClientOffsetChange: Te,
+          onPageOffsetChange: Ne,
+          onInitialClientOffsetChange: He,
+          onScrollOffsetChange: Be,
+          onInitialScrollOffsetChange: je,
+          onIsPressedChange: Me,
+          onIsScrollingChange: Se
         }
       );
     },
     [
-      Me,
+      Oe,
+      Re,
       Le,
+      Ne,
       Te,
       He,
-      Ne,
-      Be,
-      Qe,
-      Se,
       je,
-      Re
+      Me,
+      Be,
+      Se
     ]
+  ), _ = r.useCallback(
+    (a) => {
+      v(a);
+    },
+    [v]
   ), $ = r.useCallback(
     (a) => {
       v(a);
@@ -719,7 +713,7 @@ function Ft(e, t, n = {}) {
     [v]
   ), se = r.useCallback(
     (a) => {
-      v(a);
+      a.preventDefault(), v(a);
     },
     [v]
   ), le = r.useCallback(
@@ -733,27 +727,22 @@ function Ft(e, t, n = {}) {
     },
     [v]
   ), ae = r.useCallback(
-    (a) => {
-      a.preventDefault(), v(a);
-    },
-    [v]
-  ), ie = r.useCallback(
     (a) => {
       if (a.touches.length === 0 && a.changedTouches.length === 1) {
         const b = N();
-        W.current = !0, ye.current = b.setTimeout(() => {
-          W.current = !1;
+        K.current = !0, xe.current = b.setTimeout(() => {
+          K.current = !1;
         }, zt);
       }
       v(a);
     },
     [v, N]
-  ), ue = r.useCallback(
+  ), ie = r.useCallback(
     (a) => {
       v(a);
     },
     [v]
-  ), ze = r.useCallback(
+  ), Qe = r.useCallback(
     () => {
       const a = L();
       if (a) {
@@ -764,50 +753,50 @@ function Ft(e, t, n = {}) {
       }
     },
     [L]
-  ), Fe = r.useCallback(
+  ), ze = r.useCallback(
     () => (P(Q), () => {
       O(Q);
     }),
     [O, P]
   ), Et = () => {
-    const a = N(), b = L(), D = V();
-    return Pe ? (b && (j.current = Xe(b), j.current && j.current.addEventListener("scroll", ue, { passive: !0 }), b.addEventListener("pointerdown", $, { passive: !0 })), u && (D.addEventListener("pointermove", ee), D.addEventListener("pointerup", ne, !0), D.addEventListener("contextmenu", le), D.addEventListener("pointercancel", te, { passive: !0 }))) : (a.addEventListener("touchmove", C, { capture: !1, passive: !1 }), b && (b.addEventListener("mousedown", re, { passive: !0 }), f || (b.addEventListener("touchstart", ce, { passive: !0 }), u && (b.addEventListener("touchmove", ae, { passive: !0 }), b.addEventListener("touchend", ie, { passive: !0 })))), u && (D.addEventListener("mousemove", oe, { passive: !0 }), D.addEventListener("mouseup", se, { passive: !0 }))), () => {
-      j.current && j.current.removeEventListener("scroll", ue), b && (b.removeEventListener("pointerdown", $), b.removeEventListener("mousedown", re), b.removeEventListener("touchstart", ce), b.removeEventListener("touchmove", ae), b.removeEventListener("touchend", ie)), D.removeEventListener("pointermove", ee), D.removeEventListener("pointerup", ne, !0), D.removeEventListener("contextmenu", le), D.removeEventListener("pointercancel", te), D.removeEventListener("mousemove", oe), D.removeEventListener("mouseup", se), a.removeEventListener("touchmove", C), a.clearTimeout(ye.current);
+    const a = N(), b = L(), D = Z();
+    return we ? (b && (j.current = Fe(b), j.current && j.current.addEventListener("scroll", ie, { passive: !0 }), b.addEventListener("pointerdown", _, { passive: !0 })), u && (D.addEventListener("pointermove", $), D.addEventListener("pointerup", te, !0), D.addEventListener("contextmenu", se), D.addEventListener("pointercancel", ee, { passive: !0 }))) : (a.addEventListener("touchmove", C, { capture: !1, passive: !1 }), b && (b.addEventListener("mousedown", ne, { passive: !0 }), f || (b.addEventListener("touchstart", le, { passive: !0 }), u && (b.addEventListener("touchmove", ce, { passive: !0 }), b.addEventListener("touchend", ae, { passive: !0 })))), u && (D.addEventListener("mousemove", re, { passive: !0 }), D.addEventListener("mouseup", oe, { passive: !0 }))), () => {
+      j.current && j.current.removeEventListener("scroll", ie), b && (b.removeEventListener("pointerdown", _), b.removeEventListener("mousedown", ne), b.removeEventListener("touchstart", le), b.removeEventListener("touchmove", ce), b.removeEventListener("touchend", ae)), D.removeEventListener("pointermove", $), D.removeEventListener("pointerup", te, !0), D.removeEventListener("contextmenu", se), D.removeEventListener("pointercancel", ee), D.removeEventListener("mousemove", re), D.removeEventListener("mouseup", oe), a.removeEventListener("touchmove", C), a.clearTimeout(xe.current);
     };
   };
   r.useEffect(() => {
     const a = N();
     if (y) {
-      const b = Ie() || Xe(document.elementFromPoint(Z.current.x, Z.current.y));
-      a.clearInterval(K.current), K.current = a.setInterval(() => {
+      const b = Pe() || Fe(document.elementFromPoint(U.current.x, U.current.y));
+      a.clearInterval(q.current), q.current = a.setInterval(() => {
         yt(b, { x: p.current.x, y: p.current.y });
       }, 50);
     }
     return () => {
-      a.clearInterval(K.current);
+      a.clearInterval(q.current);
     };
-  }, [L, Ie, N, y]), r.useEffect(ze, [ze]), r.useEffect(Et, [
+  }, [L, Pe, N, y]), r.useEffect(Qe, [Qe]), r.useEffect(Et, [
     u,
     N,
     L,
-    V,
+    Z,
     f,
-    Pe,
-    le,
+    we,
+    se,
+    ne,
     re,
     oe,
-    se,
-    te,
-    $,
     ee,
-    ne,
-    ie,
+    _,
+    $,
+    te,
     ae,
     ce,
-    ue
-  ]), r.useEffect(() => (_.current = !1, () => {
-    _.current = !0;
-  }), []), r.useLayoutEffect(Fe, [Fe]);
+    le,
+    ie
+  ]), r.useEffect(() => (W.current = !1, () => {
+    W.current = !0;
+  }), []), r.useLayoutEffect(ze, [ze]);
 }
 function Xt(e, t = {
   onDragEnter: C,
@@ -820,7 +809,7 @@ function Xt(e, t = {
     onDragOver: o = C,
     onDragLeave: s = C,
     onDrop: l = C
-  } = t, [, c] = de(ge), [, i, h] = r.useContext(me), f = r.useCallback(
+  } = t, [, c] = ue(he), [, i, h] = r.useContext(ge), f = r.useCallback(
     () => e.current && e.current.element ? e.current.element : e.current,
     [e]
   ), d = r.useRef(null);
@@ -860,7 +849,7 @@ function Xt(e, t = {
   );
   r.useLayoutEffect(w, [w]);
 }
-const Ze = (e, t, n) => {
+const Ue = (e, t, n) => {
   const [o, s] = r.useState(t || e), l = r.useCallback(
     (c, i) => {
       s(c), n && n.call(void 0, { ...i, value: c });
@@ -868,7 +857,7 @@ const Ze = (e, t, n) => {
     [n, s]
   );
   return [t !== void 0 ? t : o, l];
-}, ve = r.forwardRef((e, t) => {
+}, me = r.forwardRef((e, t) => {
   const {
     className: n,
     name: o,
@@ -884,10 +873,10 @@ const Ze = (e, t, n) => {
     element: u.current
   })), r.useImperativeHandle(t, () => m.current);
   const x = r.useMemo(
-    () => l || Ve.size,
+    () => l || Ze.size,
     [l]
   ), y = r.useMemo(
-    () => c || Ve.flip,
+    () => c || Ze.flip,
     [c]
   ), w = r.useMemo(
     () => We(
@@ -918,7 +907,7 @@ const Ze = (e, t, n) => {
     }
   );
 });
-ve.propTypes = {
+me.propTypes = {
   style: g.object,
   classNames: g.string,
   name: g.string,
@@ -938,12 +927,12 @@ ve.propTypes = {
   size: g.oneOf(["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"]),
   flip: g.oneOf(["default", "horizontal", "vertical", "both"])
 };
-const Ve = {
+const Ze = {
   size: "default",
   flip: "default"
 };
-ve.displayName = "KendoIcon";
-const Ce = r.forwardRef((e, t) => {
+me.displayName = "KendoIcon";
+const ve = r.forwardRef((e, t) => {
   const {
     children: n,
     className: o,
@@ -968,16 +957,16 @@ const Ce = r.forwardRef((e, t) => {
     })
   );
   const M = r.useMemo(
-    () => l ? l.name : q.icon,
+    () => l ? l.name : V.icon,
     [l]
   ), T = r.useMemo(
-    () => f || q.size,
+    () => f || V.size,
     [f]
   ), I = r.useMemo(
-    () => c || q.flip,
+    () => c || V.flip,
     [c]
   ), P = r.useMemo(
-    () => x || q.viewBox,
+    () => x || V.viewBox,
     [x]
   ), O = r.useMemo(
     () => We(
@@ -1023,7 +1012,7 @@ const Ce = r.forwardRef((e, t) => {
     )
   );
 });
-Ce.propTypes = {
+ve.propTypes = {
   style: g.object,
   classNames: g.string,
   children: g.any,
@@ -1044,13 +1033,13 @@ Ce.propTypes = {
   size: g.oneOf(["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"]),
   flip: g.oneOf(["default", "horizontal", "vertical", "both"])
 };
-const q = {
+const V = {
   size: "default",
   flip: "default",
   icon: "",
   viewBox: "0 0 24 24"
 };
-Ce.displayName = "KendoSvgIcon";
+ve.displayName = "KendoSvgIcon";
 const st = r.createContext({ type: "svg" });
 st.displayName = "KendoReactIconsContext";
 const Yt = r.forwardRef((e, t) => {
@@ -1059,7 +1048,7 @@ const Yt = r.forwardRef((e, t) => {
   let c = n === "svg" ? ((h = e.icon) == null ? void 0 : h.name) || e.name : e.name || ((f = e.icon) == null ? void 0 : f.name);
   c = c && o && o[c] && typeof o[c] == "string" ? o[c] : c;
   const i = c && o && o[c] && typeof o[c] != "string" ? o[c] : s;
-  return n === "svg" && i ? /* @__PURE__ */ r.createElement(Ce, { ...e, icon: i, ref: t }) : /* @__PURE__ */ r.createElement(ve, { ...l, name: c, ref: t });
+  return n === "svg" && i ? /* @__PURE__ */ r.createElement(ve, { ...e, icon: i, ref: t }) : /* @__PURE__ */ r.createElement(me, { ...l, name: c, ref: t });
 });
 Yt.displayName = "KendoIconWrap";
 const Gt = {
@@ -1199,7 +1188,7 @@ const Gt = {
       "inverse"
     ])
   }, t.displayName = `KendoReactTypography${e.toUpperCase()}`, t;
-}, _t = S("h1"), $t = S("h2"), en = S("h3"), tn = S("h4"), nn = S("h5"), rn = S("h6"), on = S("p"), sn = S("code"), ln = S("pre"), $n = {
+}, _t = S("h1"), $t = S("h2"), en = S("h3"), tn = S("h4"), nn = S("h5"), rn = S("h6"), on = S("p"), sn = S("code"), ln = S("pre"), tr = {
   h1: _t,
   h2: $t,
   h3: en,
@@ -1210,13 +1199,13 @@ const Gt = {
   code: sn,
   pre: ln
 }, cn = (e) => {
-  const [t, n] = Ze(
+  const [t, n] = Ue(
     null,
     void 0
-  ), [o, s] = Ze(
+  ), [o, s] = Ue(
     null,
     void 0
-  ), [l, c] = Ue([]), [i, h] = Ue([]), f = (x) => {
+  ), [l, c] = Je([]), [i, h] = Je([]), f = (x) => {
     c({
       type: X.add,
       item: x
@@ -1237,7 +1226,7 @@ const Gt = {
       item: x
     });
   };
-  return /* @__PURE__ */ r.createElement(rt.Provider, { value: [t, n] }, /* @__PURE__ */ r.createElement(ge.Provider, { value: [o, s] }, /* @__PURE__ */ r.createElement(ot.Provider, { value: [l, f, d] }, /* @__PURE__ */ r.createElement(me.Provider, { value: [i, m, u] }, e.children))));
+  return /* @__PURE__ */ r.createElement(rt.Provider, { value: [t, n] }, /* @__PURE__ */ r.createElement(he.Provider, { value: [o, s] }, /* @__PURE__ */ r.createElement(ot.Provider, { value: [l, f, d] }, /* @__PURE__ */ r.createElement(ge.Provider, { value: [i, m, u] }, e.children))));
 };
 cn.displayName = "KendoReactDragAndDrop";
 const an = r.forwardRef((e, t) => {
@@ -1357,7 +1346,7 @@ const un = r.forwardRef((e, t) => {
   }), e.children ? r.cloneElement(r.Children.only(e.children), { ref: n }) : null;
 });
 un.displayName = "KendoReactDroppable";
-const er = {
+const nr = {
   sizeMap: {
     small: "sm",
     medium: "md",
@@ -1384,7 +1373,7 @@ function fn(e, t) {
       return !1;
   return !0;
 }
-function tr(e, t = fn) {
+function rr(e, t = fn) {
   let n = null;
   function o(...s) {
     if (n && n.lastThis === this && t(s, n.lastArgs))
@@ -1400,7 +1389,7 @@ function tr(e, t = fn) {
     n = null;
   }, o;
 }
-const nr = [
+const or = [
   "input:not([disabled]):not([type=hidden])",
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -1415,7 +1404,7 @@ const nr = [
   "video[controls]",
   "[contenteditable]"
 ];
-class rr {
+class sr {
   constructor(t) {
     this.rovingTabIndex = !0, this.update = () => {
     }, this.focusNextIndex = (n, o) => {
@@ -1484,12 +1473,12 @@ class rr {
     t && (n && (this.rovingTabIndex && n.removeAttribute("tabindex"), n.classList.remove("k-focus")), this.rovingTabIndex && t.setAttribute("tabindex", String(this.tabIndex)), t.focus(this.focusOptions));
   }
 }
-const fe = (e) => {
+const de = (e) => {
   const t = e.shadowRoot, n = e.contentDocument;
-  return t && t.activeElement ? fe(t.activeElement) : n && n.activeElement ? fe(n.activeElement) : e;
-}, or = (e) => {
+  return t && t.activeElement ? de(t.activeElement) : n && n.activeElement ? de(n.activeElement) : e;
+}, lr = (e) => {
   if (!(!e || !e.activeElement))
-    return fe(e.activeElement);
+    return de(e.activeElement);
 };
 function k(e, t) {
   const n = (e || "").split(".");
@@ -1498,10 +1487,10 @@ function k(e, t) {
     o = o ? o[s] : void 0;
   }), o;
 }
-function sr(e) {
+function cr(e) {
   return e.length !== void 0;
 }
-class lr {
+class ar {
   constructor(t) {
     this.expandField = t.expandField, this.selectField = t.selectField, this.hasChildrenField = t.hasChildrenField, this.childrenField = t.childrenField, this.textField = t.textField, this.disableField = t.disableField, this.checkField = t.checkField, this.checkIndeterminateField = t.checkIndeterminateField, this.focusIdField = t.focusIdField;
   }
@@ -1551,9 +1540,9 @@ class gn {
     return this.objects.some((n) => n[t]);
   }
 }
-const G = "", lt = "0", A = "_";
+const Y = "", lt = "0", A = "_";
 function ct(e, t, n) {
-  if (U(e))
+  if (J(e))
     return t[Number(e)];
   {
     const o = t[Number(H(e))], s = o && o[n] || [];
@@ -1561,10 +1550,10 @@ function ct(e, t, n) {
   }
 }
 function H(e) {
-  return Ee(e) ? e : e.split(A)[0];
+  return Ce(e) ? e : e.split(A)[0];
 }
 function B(e) {
-  if (Ee(e))
+  if (Ce(e))
     return e;
   {
     const t = e.indexOf(A);
@@ -1572,30 +1561,30 @@ function B(e) {
   }
 }
 function mn(e) {
-  return J("0", e);
+  return G("0", e);
 }
-function J(e, t) {
+function G(e, t) {
   return e = e.toString(), t ? t + A + e : e;
 }
 function at(e) {
   const t = e.lastIndexOf(A);
-  return t < 0 ? G : e.substring(0, t);
+  return t < 0 ? Y : e.substring(0, t);
 }
-function Ee(e) {
-  return e === G || e.indexOf(A) < 0;
+function Ce(e) {
+  return e === Y || e.indexOf(A) < 0;
 }
-function U(e) {
-  return e !== G && e.indexOf(A) < 0;
+function J(e) {
+  return e !== Y && e.indexOf(A) < 0;
 }
-function be(e) {
+function Ee(e) {
   return e.split(A);
 }
-function xe(e) {
+function be(e) {
   const t = e.lastIndexOf(A);
   return t < 0 ? e : e.substring(t + 1);
 }
 function vn(e) {
-  return xe(e) === lt;
+  return be(e) === lt;
 }
 function Cn(e, t) {
   const n = t;
@@ -1605,7 +1594,7 @@ function Cn(e, t) {
     const s = t.substring(o.length);
     if (s) {
       const l = H(s);
-      if (Number(xe(e)) < Number(l)) {
+      if (Number(be(e)) < Number(l)) {
         const c = o + (Number(l) - 1).toString() + s.substring(l.length);
         return B(c);
       }
@@ -1613,48 +1602,48 @@ function Cn(e, t) {
   }
   return n;
 }
-const cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  EMPTY_ID: G,
+  EMPTY_ID: Y,
   SEPARATOR: A,
   ZERO_LEVEL_ZERO_NODE_ID: lt,
-  createId: J,
-  getAllShortIds: be,
+  createId: G,
+  getAllShortIds: Ee,
   getDecrementedItemIdAfterRemoval: Cn,
   getDirectParentId: at,
   getFirstChildId: mn,
   getIdWithoutRootParentId: B,
   getItemById: ct,
   getRootParentId: H,
-  getShortId: xe,
-  isIdEmptyOrZeroLevel: Ee,
-  isIdZeroLevel: U,
+  getShortId: be,
+  isIdEmptyOrZeroLevel: Ce,
+  isIdZeroLevel: J,
   isItemFirstFromSiblings: vn
 }, Symbol.toStringTag, { value: "Module" }));
 function it(e, t) {
   const n = k(t, e);
   return !!(n && n.length);
 }
-function ar(e, t) {
+function ur(e, t) {
   return t.expanded(e) && it(e, t.getChildrenField());
 }
-function ir(e, t, n, o) {
+function dr(e, t, n, o) {
   const s = En([e], t, n, o);
   return s.length ? s[0] : void 0;
 }
 function En(e, t, n, o) {
   const s = [], l = new gn();
-  return l.init(e), ut(l, t, n, G, s, o), s;
+  return l.init(e), ut(l, t, n, Y, s, o), s;
 }
 function bn(e, t, n, o, s) {
   const l = Number(H(t));
   if (l >= e.length)
     return e;
   let c = e, i = e[l];
-  return i[o] || (c = e.slice(), i = c[l] = Object.assign({}, i, { [o]: !0 })), U(t) ? n(i) : i[s] && (i[s] = bn(i[s], B(t), n, o, s)), c;
+  return i[o] || (c = e.slice(), i = c[l] = Object.assign({}, i, { [o]: !0 })), J(t) ? n(i) : i[s] && (i[s] = bn(i[s], B(t), n, o, s)), c;
 }
-function ur(e, t, n) {
-  const o = be(e);
+function fr(e, t, n) {
+  const o = Ee(e);
   let s = t;
   for (let l = 0; l < o.length; l++) {
     const c = s[Number(o[l])];
@@ -1664,13 +1653,13 @@ function ur(e, t, n) {
   }
   return !0;
 }
-function dr(e, t, n, o) {
+function hr(e, t, n, o) {
   return o ? l(e) : s(e, t);
   function s(c, i) {
     let h = [];
     const f = c[n] || [];
     for (let d = 0; d < f.length; d++) {
-      const m = J(d, i);
+      const m = G(d, i);
       h.push(m), h = h.concat(s(f[d], m));
     }
     return h;
@@ -1683,11 +1672,11 @@ function dr(e, t, n, o) {
     return i;
   }
 }
-function fr(e, t, n, o, s) {
-  return (e[o] || []).every((c, i) => s.indexOf(n ? k(n, c) : J(i, t)) > -1);
+function gr(e, t, n, o, s) {
+  return (e[o] || []).every((c, i) => s.indexOf(n ? k(n, c) : G(i, t)) > -1);
 }
-function hr(e, t, n) {
-  const o = [], s = be(e);
+function mr(e, t, n) {
+  const o = [], s = Ee(e);
   let l = n;
   for (let c = 0; c < s.length - 1 && l; c++) {
     const i = l[Number(s[c])];
@@ -1697,7 +1686,7 @@ function hr(e, t, n) {
 }
 function xn(e, t, n) {
   const o = n.slice();
-  if (U(e))
+  if (J(e))
     o.splice(Number(e), 1);
   else {
     const s = Number(H(e)), l = o[s] = { ...o[s] };
@@ -1707,7 +1696,7 @@ function xn(e, t, n) {
 }
 function yn(e, t, n, o, s) {
   const l = s.slice();
-  if (U(o))
+  if (J(o))
     if (t === "child") {
       const c = l[Number(o)] = { ...l[Number(o)] };
       c[n] ? (c[n] = c[n].slice(), c[n].push(e)) : c[n] = [e];
@@ -1721,79 +1710,79 @@ function yn(e, t, n, o, s) {
 }
 function ut(e, t, n, o, s, l) {
   for (let c = 0; c < n.length; c++) {
-    const i = n[c], h = J(c, o);
+    const i = n[c], h = G(c, o);
     e.hasId(k(t, i)) && s.push(h), it(i, l) && ut(e, t, k(l, i), h, s, l);
   }
 }
 export {
-  Yn as AsyncFocusBlur,
+  Jn as AsyncFocusBlur,
   Ke as BrowserSupportService,
   X as COLLECTION_ACTION,
   cn as DragAndDrop,
   an as Draggable,
   un as Droppable,
-  nr as FOCUSABLE_ELEMENTS,
-  Pn as FormComponent,
-  ve as Icon,
+  or as FOCUSABLE_ELEMENTS,
+  On as FormComponent,
+  me as Icon,
   Yt as IconWrap,
   st as IconsContext,
-  Mn as Keys,
-  rr as Navigation,
+  Rn as Keys,
+  sr as Navigation,
   gn as SortedPublicItemIds,
-  Ce as SvgIcon,
-  lr as TreeFieldsService,
-  $n as Typography,
-  Fn as WatermarkOverlay,
+  ve as SvgIcon,
+  ar as TreeFieldsService,
+  tr as Typography,
+  Yn as WatermarkOverlay,
   qe as ZIndexContext,
   yn as addItem,
-  fr as areAllDirectChildrenChecked,
-  he as canUseDOM,
-  Dn as canUseRef,
+  gr as areAllDirectChildrenChecked,
+  fe as canUseDOM,
+  wn as canUseRef,
   We as classNames,
-  An as clone,
+  Pn as clone,
   wt as cloneArray,
   At as cloneDate,
   _e as cloneObject,
   $e as cloneValue,
-  Gn as createPropsContext,
-  Xn as dispatchEvent,
-  Hn as extendDataItem,
-  wn as focusFirstFocusableChild,
-  or as getActiveElement,
-  dr as getAllDirectIndirectChildrenIds,
-  hr as getAllParents,
-  fe as getInnerActiveElement,
-  Bn as getItemPath,
+  Un as createPropsContext,
+  Gn as dispatchEvent,
+  jn as extendDataItem,
+  In as focusFirstFocusableChild,
+  lr as getActiveElement,
+  hr as getAllDirectIndirectChildrenIds,
+  mr as getAllParents,
+  de as getInnerActiveElement,
+  Qn as getItemPath,
   k as getNestedValue,
-  Sn as getScrollbarWidth,
-  In as getTabIndex,
-  On as getter,
-  Ye as guid,
+  Ln as getScrollbarWidth,
+  Mn as getTabIndex,
+  Sn as getter,
+  Xe as guid,
   it as hasChildren,
-  zn as hasRelativeStackingContext,
-  sr as isArray,
-  ur as isEnabledAndAllParentsEnabled,
-  ar as isItemExpandedAndWithChildren,
-  er as kendoThemeMaps,
-  Tn as mapTree,
-  Nn as mapTreeItem,
-  tr as memoizeOne,
+  Xn as hasRelativeStackingContext,
+  cr as isArray,
+  fr as isEnabledAndAllParentsEnabled,
+  ur as isItemExpandedAndWithChildren,
+  nr as kendoThemeMaps,
+  Hn as mapTree,
+  Bn as mapTreeItem,
+  rr as memoizeOne,
   C as noop,
   xn as removeItem,
-  ir as resolveItemId,
+  dr as resolveItemId,
   En as resolveItemsIds,
-  Rn as setScrollbarWidth,
-  Ln as setter,
-  Qn as shouldShowValidationUI,
-  _n as svgIconPropType,
+  Tn as setScrollbarWidth,
+  Nn as setter,
+  Fn as shouldShowValidationUI,
+  er as svgIconPropType,
   Qt as toIconClass,
-  Wn as toIconName,
-  cr as treeIdUtils,
+  $n as toIconName,
+  ir as treeIdUtils,
   bn as updateItem,
   Lt as useAsyncFocusBlur,
-  Ue as useCollection,
-  qn as useCustomComponent,
-  Zn as useDir,
+  Je as useCollection,
+  Wn as useCustomComponent,
+  qn as useDir,
   jt as useDocument,
   Ft as useDraggable,
   Xt as useDroppable,
@@ -1801,10 +1790,10 @@ export {
   Nt as useIsomorphicLayoutEffect,
   Bt as useMouse,
   Tt as usePropsContext,
-  Vn as useRtl,
-  Kn as useWindow,
-  kn as useZIndexContext,
-  jn as validatePackage,
-  Un as withIdHOC,
-  Jn as withPropsContext
+  Kn as useRtl,
+  _n as useWindow,
+  An as useZIndexContext,
+  zn as validatePackage,
+  Vn as withIdHOC,
+  Zn as withPropsContext
 };