@progress/kendo-react-grid 7.1.0-develop.8 → 7.1.0

package/index.mjs

@@ -5,21 +5,21 @@
 "use client";
 import * as l from "react";
 import p from "prop-types";
-import { useId as It, Keys as me, IconWrap as O, classNames as y, getScrollbarWidth as St, kendoThemeMaps as K, Draggable as yt, withIdHOC as wt, dispatchEvent as us, memoizeOne as B, validatePackage as gs, shouldShowValidationUI as fs, canUseDOM as it, setScrollbarWidth as ot, getter as ye, WatermarkOverlay as ms, toIconName as Cs, clone as bs } from "@progress/kendo-react-common";
-import { tableKeyboardNavigationTools as z, useTableKeyboardNavigation as q, TABLE_ROW_INDEX_ATTRIBUTE as xs, TABLE_COL_INDEX_ATTRIBUTE as ks, isRtl as Rt, tableKeyboardNavigationHeaderAttributes as lt, ColumnResizer as vs, HeaderThElement as Ft, getIndex as nt, tableKeyboardNavigation as X, getSelectionOptions as at, mapColumns as Es, tableColumnsVirtualization as Is, Pager as Ss, TableKeyboardNavigationContext as we, tableKeyboardNavigationScopeAttributes as ht, TableSelection as ct, tableKeyboardNavigationBodyAttributes as dt, DropClue as pt, DragClue as ut, updateLeft as ys, updateRight as ws } from "@progress/kendo-react-data-tools";
-import { getSelectedState as ei, getSelectedStateFromKeyDown as ti, setSelectedState as si } from "@progress/kendo-react-data-tools";
-import { useLocalization as Nt, provideLocalizationService as G, registerForLocalization as M, useInternationalization as Rs, registerForIntl as Dt } from "@progress/kendo-react-intl";
-import { minusIcon as Fs, plusIcon as Ns, filterIcon as Ce, sortAscSmallIcon as We, sortDescSmallIcon as Ve, filterClearIcon as Ds, xCircleIcon as Ts, caretAltDownIcon as Gs, caretAltLeftIcon as Ms, caretAltRightIcon as Hs, groupIcon as zs, ungroupIcon as Ls, searchIcon as Tt, xIcon as Os } from "@progress/kendo-svg-icons";
-import { NumericTextBox as Ke, TextBox as Gt, Input as Mt, Checkbox as fe, InputPrefix as _s } from "@progress/kendo-react-inputs";
-import { DatePicker as Ue } from "@progress/kendo-react-dateinputs";
-import { Popup as Ps } from "@progress/kendo-react-popup";
+import { useId as yt, Keys as me, IconWrap as O, classNames as y, getScrollbarWidth as wt, kendoThemeMaps as V, Draggable as Rt, withIdHOC as Ft, dispatchEvent as fs, canUseDOM as ye, getActiveElement as ms, memoizeOne as B, validatePackage as Cs, shouldShowValidationUI as bs, setScrollbarWidth as nt, getter as Re, WatermarkOverlay as xs, toIconName as vs, clone as ks } from "@progress/kendo-react-common";
+import { tableKeyboardNavigationTools as z, useTableKeyboardNavigation as q, TABLE_ROW_INDEX_ATTRIBUTE as Es, TABLE_COL_INDEX_ATTRIBUTE as Is, isRtl as Nt, tableKeyboardNavigationHeaderAttributes as at, ColumnResizer as Ss, HeaderThElement as Dt, getIndex as ct, tableKeyboardNavigation as X, getSelectionOptions as ht, mapColumns as ys, ClipboardService as ws, tableColumnsVirtualization as Rs, Pager as Fs, TableKeyboardNavigationContext as Fe, tableKeyboardNavigationScopeAttributes as dt, TableSelection as pt, tableKeyboardNavigationBodyAttributes as ut, DropClue as gt, DragClue as ft, updateLeft as Ns, updateRight as Ds } from "@progress/kendo-react-data-tools";
+import { getSelectedState as ii, getSelectedStateFromKeyDown as oi, setSelectedState as li } from "@progress/kendo-react-data-tools";
+import { useLocalization as Tt, provideLocalizationService as G, registerForLocalization as M, useInternationalization as Ts, registerForIntl as Gt } from "@progress/kendo-react-intl";
+import { minusIcon as Gs, plusIcon as Ms, filterIcon as Ce, sortAscSmallIcon as Ve, sortDescSmallIcon as Ue, filterClearIcon as Hs, xCircleIcon as zs, caretAltDownIcon as Ls, caretAltLeftIcon as Os, caretAltRightIcon as _s, groupIcon as Ps, ungroupIcon as As, searchIcon as Mt, xIcon as Bs } from "@progress/kendo-svg-icons";
+import { NumericTextBox as qe, TextBox as Ht, Input as zt, Checkbox as fe, InputPrefix as Ws } from "@progress/kendo-react-inputs";
+import { DatePicker as $e } from "@progress/kendo-react-dateinputs";
+import { Popup as Ks } from "@progress/kendo-react-popup";
 import { Button as W } from "@progress/kendo-react-buttons";
-import { DropDownList as oe } from "@progress/kendo-react-dropdowns";
-import { isCompositeFilterDescriptor as gt, filterBy as ft } from "@progress/kendo-data-query";
-import { Reveal as As } from "@progress/kendo-react-animation";
-const he = (r) => null;
-he.displayName = "KendoReactGridColumn";
-he.defaultProps = {
+import { DropDownList as ie } from "@progress/kendo-react-dropdowns";
+import { isCompositeFilterDescriptor as mt, filterBy as Ct } from "@progress/kendo-data-query";
+import { Reveal as Vs } from "@progress/kendo-react-animation";
+const ae = (i) => null;
+ae.displayName = "KendoReactGridColumn";
+ae.defaultProps = {
   filterable: !0,
   editable: !0,
   sortable: !0,
@@ -27,7 +27,7 @@ he.defaultProps = {
   reorderable: !0,
   groupable: !0
 };
-he.propTypes = {
+ae.propTypes = {
   field: p.string,
   title: p.string,
   editable: p.bool,
@@ -58,95 +58,95 @@ he.propTypes = {
   columnMenu: p.any,
   locked: p.bool
 };
-function T(r, t) {
-  const s = (r || "").split(".");
+function T(i, t) {
+  const s = (i || "").split(".");
   let o = t;
   return s.forEach((e) => {
     o = o ? o[e] : void 0;
   }), o;
 }
-function Ht(r, t, s, o, e, i, n = 0) {
+function Lt(i, t, s, o, e, r, n = 0) {
   let a = n;
-  for (let h = 0; h < t.length; h++) {
-    if (!e || t[h].value === void 0 || t[h].items === void 0) {
-      r[r.length] = {
+  for (let c = 0; c < t.length; c++) {
+    if (!e || t[c].value === void 0 || t[c].items === void 0) {
+      i[i.length] = {
         dataIndex: o.index,
-        dataItem: t[h],
+        dataItem: t[c],
         rowType: "data",
         level: n,
-        expanded: i === void 0 || T(i, t[h])
+        expanded: r === void 0 || T(r, t[c])
       }, o.index++;
       continue;
     }
     a = Math.max(a, n + 1);
-    const c = i === void 0 || T(i, t[h]) === void 0 || T(i, t[h]);
-    r[r.length] = {
+    const h = r === void 0 || T(r, t[c]) === void 0 || T(r, t[c]);
+    i[i.length] = {
       dataIndex: -1,
-      dataItem: t[h],
+      dataItem: t[c],
       level: n,
       rowType: "groupHeader",
-      expanded: c
-    }, c && (a = Math.max(
-      Ht(r, t[h].items, s, o, e, i, n + 1),
+      expanded: h
+    }, h && (a = Math.max(
+      Lt(i, t[c].items, s, o, e, r, n + 1),
       a
-    )), (s === "always" || c && s === "visible") && (r[r.length] = {
+    )), (s === "always" || h && s === "visible") && (i[i.length] = {
       dataIndex: -1,
-      dataItem: t[h],
+      dataItem: t[c],
       rowType: "groupFooter",
       level: n,
-      expanded: c
+      expanded: h
     });
   }
   return a;
 }
-function zt(r, t, s, o = 0) {
+function Ot(i, t, s, o = 0) {
   let e = [];
-  if (!r)
+  if (!i)
     return [];
-  r && r.length === void 0 && (r = [r]), r.forEach((n, a) => {
+  i && i.length === void 0 && (i = [i]), i.forEach((n, a) => {
     n = n.props ? n.props : n;
-    const h = t[a] || null, c = zt(n.children, h && h.children || [], s, o + 1);
+    const c = t[a] || null, h = Ot(n.children, c && c.children || [], s, o + 1);
     e.push(
       Object.assign(
         { depth: o },
-        he.defaultProps,
-        c.length ? { cell: () => null, filterCell: () => null } : {},
-        h ? { width: h.width, orderIndex: h.orderIndex } : {},
+        ae.defaultProps,
+        h.length ? { cell: () => null, filterCell: () => null } : {},
+        c ? { width: c.width, orderIndex: c.orderIndex } : {},
         n,
         {
           id: n.id ? n.id : z.generateNavigatableId(`${s.prevId++}`, s.idPrefix, "column"),
           declarationIndex: e.length,
-          children: c,
+          children: h,
           rowSpan: 0,
           colSpan: 0,
           isAccessible: !0,
-          left: h && Math.floor(h.left),
-          right: h && Math.floor(h.right)
+          left: c && Math.floor(c.left),
+          right: c && Math.floor(c.right)
         }
       )
     );
   });
-  const i = (n, a) => n.orderIndex === a.orderIndex ? n.declarationIndex - a.declarationIndex : (n.orderIndex || 0) - (a.orderIndex || 0);
-  if (e.sort(i), o === 0) {
+  const r = (n, a) => n.orderIndex === a.orderIndex ? n.declarationIndex - a.declarationIndex : (n.orderIndex || 0) - (a.orderIndex || 0);
+  if (e.sort(r), o === 0) {
     let n = [];
-    const a = (h, c) => h.forEach((d) => {
-      d.parentIndex = c, a(d.children, n.push(d) - 1);
+    const a = (c, h) => c.forEach((d) => {
+      d.parentIndex = h, a(d.children, n.push(d) - 1);
     });
     return a(e, -1), n;
   }
   return e;
 }
-function Bs(r, t, s, o) {
+function Us(i, t, s, o) {
   let e = [];
-  Array.isArray(r) ? e = r : r && (e = r.data);
-  const i = [];
+  Array.isArray(i) ? e = i : i && (e = i.data);
+  const r = [];
   if (e.length > 0) {
     let n = e[0];
     if (t)
-      for (let h = 0; h < t.length; h++)
+      for (let c = 0; c < t.length; c++)
         n = n.items && n.items[0];
-    Object.getOwnPropertyNames(n).forEach((h) => {
-      h !== s && i.push(Object.assign(
+    Object.getOwnPropertyNames(n).forEach((c) => {
+      c !== s && r.push(Object.assign(
         {
           id: z.generateNavigatableId(`${o.prevId++}`, o.idPrefix, "column"),
           declarationIndex: -1,
@@ -162,71 +162,70 @@ function Bs(r, t, s, o) {
           ariaColumnIndex: 0,
           isAccessible: !0
         },
-        he.defaultProps,
-        { field: h }
+        ae.defaultProps,
+        { field: c }
       ));
     });
   }
-  return i;
+  return r;
 }
-const Ws = (r, t) => {
-  let s = r[t.parentIndex];
+const qs = (i, t) => {
+  let s = i[t.parentIndex];
   for (; s; ) {
     if (s.footerCell)
       return !0;
-    s = r[s.parentIndex];
+    s = i[s.parentIndex];
   }
   return !1;
-}, Vs = (r) => r.filter((t) => Ws(r, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), Se = (r) => r.width !== void 0 ? Math.floor(parseFloat(r.width.toString())) + "px" : void 0, Lt = (r) => (r.sort((t, s) => t.declarationIndex - s.declarationIndex), r.map((t) => {
+}, $s = (i) => i.filter((t) => qs(i, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), we = (i) => i.width !== void 0 ? Math.floor(parseFloat(i.width.toString())) + "px" : void 0, _t = (i) => (i.sort((t, s) => t.declarationIndex - s.declarationIndex), i.map((t) => {
   const {
     declarationIndex: s,
     parentIndex: o,
     depth: e,
-    colSpan: i,
+    colSpan: r,
     rowSpan: n,
     index: a,
-    kFirst: h,
-    children: c,
+    kFirst: c,
+    children: h,
     ...d
   } = t;
-  return c.length ? {
-    children: Lt(c),
+  return h.length ? {
+    children: _t(h),
     ...d
   } : d;
-})), Re = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), mt = 17895697, be = (r, t) => {
-  if (!(!r && !t))
-    return t ? r ? {
-      ...r,
+})), Ne = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), bt = 17895697, be = (i, t) => {
+  if (!(!i && !t))
+    return t ? i ? {
+      ...i,
       ...t,
       select: {
-        ...r.select || {},
+        ...i.select || {},
         ...t.select || {}
       },
       hierarchy: {
-        ...r.hierarchy || {},
+        ...i.hierarchy || {},
         ...t.hierarchy || {}
       },
       group: {
-        ...r.group || {},
+        ...i.group || {},
         ...t.group || {}
       },
       edit: {
-        ...r.edit || {},
+        ...i.edit || {},
         ...t.edit || {}
       }
-    } : t : r;
-}, Ks = (r) => {
+    } : t : i;
+}, js = (i) => {
   const t = l.useCallback(
     (d) => {
-      r.selectionChange && r.selectionChange({ syntheticEvent: d });
+      i.selectionChange && i.selectionChange({ syntheticEvent: d });
     },
-    [r.selectionChange]
-  ), s = It(), o = T(r.field, r.dataItem), e = q(r.id);
-  let i = {
-    colSpan: r.colSpan,
-    style: r.style,
-    className: r.className,
-    ["aria-colindex"]: r.ariaColumnIndex,
+    [i.selectionChange]
+  ), s = yt(), o = T(i.field, i.dataItem), e = q(i.id), r = {
+    colSpan: i.colSpan,
+    style: i.style,
+    className: i.className,
+    "aria-colindex": i.ariaColumnIndex,
     role: "gridcell",
     ...e
   }, n = [
@@ -241,51 +240,50 @@ const Ws = (r, t) => {
       }
     )),
     /* @__PURE__ */ l.createElement("label", { className: "k-checkbox-label", htmlFor: s, key: 2 })
-  ];
-  const a = r.rowType !== "groupHeader" ? /* @__PURE__ */ l.createElement(
+  ], a = i.rowType !== "groupHeader" ? /* @__PURE__ */ l.createElement(
     "td",
     {
-      ...i
+      ...r
     },
     n
-  ) : null, h = r.rowType || "data", c = r.cells;
-  if (c && c.select && c.select[h]) {
-    const d = c.select[h];
-    return /* @__PURE__ */ l.createElement(d, { ...r, tdProps: i }, n);
-  }
-  return r.render ? r.render.call(void 0, a, r) : a;
-}, Fe = "grid.noRecords", Us = "grid.pagerInfo", qs = "grid.pagerFirstPage", $s = "grid.pagerPreviousPage", js = "grid.pagerNextPage", Xs = "grid.pagerLastPage", Ys = "grid.pagerItemsPerPage", Js = "grid.pagerPage", Qs = "grid.pagerPageSizeAriaLabel", Zs = "grid.pagerOf", er = "grid.pagerTotalPages", Ne = "grid.groupPanelEmpty", Ot = "grid.groupColumn", _t = "grid.ungroupColumn", De = "grid.columnMenu", U = "grid.filterClearButton", le = "grid.filterSubmitButton", ne = "grid.filterTitle", Te = "grid.sortAscending", Ge = "grid.sortDescending", Me = "grid.searchPlaceholder", He = "grid.filterCheckAll", ze = "grid.filterChooseOperator", Le = "grid.filterSelectedItems", Oe = "grid.sortAriaLabel", _e = "grid.filterAriaLabel", Pe = "grid.groupPanelAriaLabel", Pt = "grid.groupExpand", At = "grid.groupCollapse", Bt = "grid.detailExpand", Wt = "grid.detailCollapse", v = {
-  [Bt]: "Expand detail row",
-  [Wt]: "Collapse detail row",
-  [Pt]: "Expand group",
-  [At]: "Collapse Group",
-  [Fe]: "No records available",
-  [Ne]: "Drag a column header and drop it here to group by that column",
+  ) : null, c = i.rowType || "data", h = i.cells;
+  if (h && h.select && h.select[c]) {
+    const d = h.select[c];
+    return /* @__PURE__ */ l.createElement(d, { ...i, tdProps: r }, n);
+  }
+  return i.render ? i.render.call(void 0, a, i) : a;
+}, De = "grid.noRecords", Xs = "grid.pagerInfo", Ys = "grid.pagerFirstPage", Js = "grid.pagerPreviousPage", Qs = "grid.pagerNextPage", Zs = "grid.pagerLastPage", er = "grid.pagerItemsPerPage", tr = "grid.pagerPage", sr = "grid.pagerPageSizeAriaLabel", rr = "grid.pagerOf", ir = "grid.pagerTotalPages", Te = "grid.groupPanelEmpty", Pt = "grid.groupColumn", At = "grid.ungroupColumn", Ge = "grid.columnMenu", U = "grid.filterClearButton", oe = "grid.filterSubmitButton", le = "grid.filterTitle", Me = "grid.sortAscending", He = "grid.sortDescending", ze = "grid.searchPlaceholder", Le = "grid.filterCheckAll", Oe = "grid.filterChooseOperator", _e = "grid.filterSelectedItems", Pe = "grid.sortAriaLabel", Ae = "grid.filterAriaLabel", Be = "grid.groupPanelAriaLabel", Bt = "grid.groupExpand", Wt = "grid.groupCollapse", Kt = "grid.detailExpand", Vt = "grid.detailCollapse", k = {
+  [Kt]: "Expand detail row",
+  [Vt]: "Collapse detail row",
+  [Bt]: "Expand group",
+  [Wt]: "Collapse Group",
+  [De]: "No records available",
+  [Te]: "Drag a column header and drop it here to group by that column",
   [U]: "Clear",
+  [oe]: "Filter",
   [le]: "Filter",
-  [ne]: "Filter",
-  [Te]: "Sort Ascending",
-  [Ge]: "Sort Descending",
-  [Oe]: "Sortable",
-  [Ot]: "Group Column",
-  [_t]: "Ungroup Column",
-  [De]: "Column menu",
-  [Ys]: "items per page",
-  [Us]: "{0} - {1} of {2} items",
-  [qs]: "Go to the first page",
-  [$s]: "Go to the previous page",
-  [js]: "Go to the next page",
-  [Xs]: "Go to the last page",
-  [Js]: "Page",
-  [Qs]: "Page size",
-  [Zs]: "of",
-  [er]: "{0}",
-  [Me]: "Search",
-  [He]: "Check All",
-  [ze]: "Choose Operator",
-  [Le]: "selected items",
-  [_e]: "Filter",
-  [Pe]: "Group panel",
+  [Me]: "Sort Ascending",
+  [He]: "Sort Descending",
+  [Pe]: "Sortable",
+  [Pt]: "Group Column",
+  [At]: "Ungroup Column",
+  [Ge]: "Column menu",
+  [er]: "items per page",
+  [Xs]: "{0} - {1} of {2} items",
+  [Ys]: "Go to the first page",
+  [Js]: "Go to the previous page",
+  [Qs]: "Go to the next page",
+  [Zs]: "Go to the last page",
+  [tr]: "Page",
+  [sr]: "Page size",
+  [rr]: "of",
+  [ir]: "{0}",
+  [ze]: "Search",
+  [Le]: "Check All",
+  [Oe]: "Choose Operator",
+  [_e]: "selected items",
+  [Ae]: "Filter",
+  [Be]: "Group panel",
   "grid.filterEqOperator": "Is equal to",
   "grid.filterNotEqOperator": "Is not equal to",
   "grid.filterIsNullOperator": "Is null",
@@ -310,53 +308,53 @@ const Ws = (r, t) => {
   "grid.filterAndLogic": "And",
   "grid.filterOrLogic": "Or"
 };
-function tr(r) {
-  const t = r.replace(/^pager\.([a-z])/, (s, o) => "grid.pager" + o.toUpperCase());
-  return { messageKey: t, defaultMessage: v[t] };
+function or(i) {
+  const t = i.replace(/^pager\.([a-z])/, (s, o) => "grid.pager" + o.toUpperCase());
+  return { messageKey: t, defaultMessage: k[t] };
 }
-const sr = (r) => {
+const lr = (i) => {
   let t = null, s = null, o = null;
-  const e = T(r.field, r.dataItem), i = q(r.id), n = Nt(), a = l.useCallback(
+  const e = T(i.field, i.dataItem), r = q(i.id), n = Tt(), a = l.useCallback(
     (d) => {
-      d.isDefaultPrevented() || d.keyCode === me.enter && r.onChange && (d.preventDefault(), r.onChange({
-        dataItem: r.dataItem,
-        dataIndex: r.dataIndex,
+      d.isDefaultPrevented() || d.keyCode === me.enter && i.onChange && (d.preventDefault(), i.onChange({
+        dataItem: i.dataItem,
+        dataIndex: i.dataIndex,
         syntheticEvent: d,
-        field: r.field,
+        field: i.field,
         value: !e
       }));
     },
-    [r.dataItem, r.dataIndex, r.field, r.onChange, e]
+    [i.dataItem, i.dataIndex, i.field, i.onChange, e]
   );
-  if (r.rowType === "groupFooter")
+  if (i.rowType === "groupFooter")
     s = {
       className: "k-table-td k-hierarchy-cell",
       role: "gridcell",
-      ...i
+      ...r
     }, t = /* @__PURE__ */ l.createElement(
       "td",
       {
         ...s
       }
     );
-  else if (r.rowType !== "groupHeader") {
-    const d = e ? Wt : Bt, g = n.toLanguageString(d, v[d]);
+  else if (i.rowType !== "groupHeader") {
+    const d = e ? Vt : Kt, g = n.toLanguageString(d, k[d]);
     s = {
       className: "k-table-td k-hierarchy-cell",
       onKeyDown: a,
       "aria-expanded": !!e,
       role: "gridcell",
-      "aria-colindex": r.ariaColumnIndex,
-      ...i
+      "aria-colindex": i.ariaColumnIndex,
+      ...r
     }, o = /* @__PURE__ */ l.createElement(
       "a",
       {
         onClick: (m) => {
-          m.preventDefault(), r.onChange && r.onChange({
-            dataItem: r.dataItem,
-            dataIndex: r.dataIndex,
+          m.preventDefault(), i.onChange && i.onChange({
+            dataItem: i.dataItem,
+            dataIndex: i.dataIndex,
             syntheticEvent: m,
-            field: r.field,
+            field: i.field,
             value: !e
           });
         },
@@ -364,7 +362,7 @@ const sr = (r) => {
         href: "#",
         tabIndex: -1
       },
-      /* @__PURE__ */ l.createElement(O, { name: e ? "minus" : "plus", icon: e ? Fs : Ns })
+      /* @__PURE__ */ l.createElement(O, { name: e ? "minus" : "plus", icon: e ? Gs : Ms })
     ), t = /* @__PURE__ */ l.createElement(
       "td",
       {
@@ -373,61 +371,61 @@ const sr = (r) => {
       o
     );
   }
-  const h = r.rowType || "data", c = r.cells;
-  if (c && c.hierarchy && c.hierarchy[h]) {
-    const d = c.hierarchy[h];
-    return /* @__PURE__ */ l.createElement(d, { ...r, tdProps: s }, o);
+  const c = i.rowType || "data", h = i.cells;
+  if (h && h.hierarchy && h.hierarchy[c]) {
+    const d = h.hierarchy[c];
+    return /* @__PURE__ */ l.createElement(d, { ...i, tdProps: s }, o);
   }
-  return r.render ? r.render.call(void 0, t, r) : t;
-}, rr = xs, re = ks, ir = (r) => {
-  const t = T(r.field, r.dataItem);
+  return i.render ? i.render.call(void 0, t, i) : t;
+}, nr = Es, se = Is, ar = (i) => {
+  const t = T(i.field, i.dataItem);
   let s = null;
   const o = y("k-table-td", "k-grid-edit-cell", {
-    ["k-selected"]: r.isSelected
-  }, r.className), e = It(), i = q(r.id);
+    ["k-selected"]: i.isSelected
+  }, i.className), e = yt(), r = q(i.id);
   let n = null, a = null;
-  const h = l.useCallback(
+  const c = l.useCallback(
     (u) => {
-      if (r.onChange) {
+      if (i.onChange) {
         const b = u.target.type === "checkbox" ? u.target.checked : u.target.value;
-        r.onChange({
-          dataItem: r.dataItem,
-          dataIndex: r.dataIndex,
-          field: r.field,
+        i.onChange({
+          dataItem: i.dataItem,
+          dataIndex: i.dataIndex,
+          field: i.field,
           syntheticEvent: u,
           value: b
         });
       }
     },
-    [r.onChange, r.dataItem, r.dataIndex, r.field]
-  ), c = l.useCallback((u) => {
-    r.onContextMenu && r.onContextMenu.call(void 0, u, r.dataItem, r.field);
-  }, [r.onContextMenu, r.dataItem, r.field]), d = l.useCallback(
+    [i.onChange, i.dataItem, i.dataIndex, i.field]
+  ), h = l.useCallback((u) => {
+    i.onContextMenu && i.onContextMenu.call(void 0, u, i.dataItem, i.field);
+  }, [i.onContextMenu, i.dataItem, i.field]), d = l.useCallback(
     (u) => {
-      r.onChange && r.onChange({
-        dataItem: r.dataItem,
-        dataIndex: r.dataIndex,
-        field: r.field,
+      i.onChange && i.onChange({
+        dataItem: i.dataItem,
+        dataIndex: i.dataIndex,
+        field: i.field,
         syntheticEvent: u.syntheticEvent,
         value: u.value
       });
     },
-    [r.onChange, r.dataItem, r.dataIndex, r.field]
+    [i.onChange, i.dataItem, i.dataIndex, i.field]
   );
-  switch (r.editor) {
+  switch (i.editor) {
     case "numeric": {
       n = {
-        onContextMenu: c,
-        colSpan: r.colSpan,
-        style: r.style,
+        onContextMenu: h,
+        colSpan: i.colSpan,
+        style: i.style,
         className: o,
-        ["aria-colindex"]: r.ariaColumnIndex,
-        ["aria-selected"]: r.isSelected,
-        [re]: r.columnIndex,
+        ["aria-colindex"]: i.ariaColumnIndex,
+        ["aria-selected"]: i.isSelected,
+        [se]: i.columnIndex,
         role: "gridcell",
-        ...i
+        ...r
       }, a = /* @__PURE__ */ l.createElement(
-        Ke,
+        qe,
         {
           width: "100%",
           value: t === void 0 ? null : t,
@@ -444,17 +442,17 @@ const sr = (r) => {
     }
     case "date":
       n = {
-        onContextMenu: c,
-        colSpan: r.colSpan,
-        style: r.style,
+        onContextMenu: h,
+        colSpan: i.colSpan,
+        style: i.style,
         className: o,
-        ["aria-colindex"]: r.ariaColumnIndex,
-        ["aria-selected"]: r.isSelected,
-        [re]: r.columnIndex,
+        ["aria-colindex"]: i.ariaColumnIndex,
+        ["aria-selected"]: i.isSelected,
+        [se]: i.columnIndex,
         role: "gridcell",
-        ...i
+        ...r
       }, a = /* @__PURE__ */ l.createElement(
-        Ue,
+        $e,
         {
           width: "100%",
           value: t,
@@ -470,15 +468,15 @@ const sr = (r) => {
       break;
     case "boolean":
       n = {
-        onContextMenu: c,
-        colSpan: r.colSpan,
-        style: r.style,
+        onContextMenu: h,
+        colSpan: i.colSpan,
+        style: i.style,
         className: o,
-        ["aria-colindex"]: r.ariaColumnIndex,
-        ["aria-selected"]: r.isSelected,
-        [re]: r.columnIndex,
+        ["aria-colindex"]: i.ariaColumnIndex,
+        ["aria-selected"]: i.isSelected,
+        [se]: i.columnIndex,
         role: "gridcell",
-        ...i
+        ...r
       }, a = [
         /* @__PURE__ */ l.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ l.createElement(
           "input",
@@ -487,7 +485,7 @@ const sr = (r) => {
             id: e,
             type: "checkbox",
             className: "k-checkbox k-checkbox-md k-rounded-md",
-            onChange: h
+            onChange: c
           }
         )),
         /* @__PURE__ */ l.createElement("label", { className: "k-checkbox-label", htmlFor: e, key: 2 })
@@ -501,22 +499,22 @@ const sr = (r) => {
       break;
     default:
       n = {
-        onContextMenu: c,
-        colSpan: r.colSpan,
-        style: r.style,
+        onContextMenu: h,
+        colSpan: i.colSpan,
+        style: i.style,
         className: o,
-        ["aria-colindex"]: r.ariaColumnIndex,
-        ["aria-selected"]: r.isSelected,
-        [re]: r.columnIndex,
+        ["aria-colindex"]: i.ariaColumnIndex,
+        ["aria-selected"]: i.isSelected,
+        [se]: i.columnIndex,
         role: "gridcell",
-        ...i
+        ...r
       }, a = /* @__PURE__ */ l.createElement(
         "input",
         {
           style: { width: "100%" },
           className: "k-input",
           value: t || "",
-          onChange: h
+          onChange: c
         }
       ), s = /* @__PURE__ */ l.createElement(
         "td",
@@ -526,16 +524,16 @@ const sr = (r) => {
         a
       );
   }
-  const g = r.editor || "text", m = r.cells;
+  const g = i.editor || "text", m = i.cells;
   if (m && m.edit && m.edit[g]) {
     const u = m.edit[g];
-    return /* @__PURE__ */ l.createElement(u, { ...r, tdProps: n }, a);
+    return /* @__PURE__ */ l.createElement(u, { ...i, tdProps: n }, a);
   }
-  return r.render ? r.render.call(void 0, s, r) : s;
+  return i.render ? i.render.call(void 0, s, i) : s;
 };
-class or extends l.Component {
+class cr extends l.Component {
   constructor() {
-    super(...arguments), this.headerWrap = null, this.table = null, this.syncScroll = !1, this.scrollbarWidth = St(), this.onScroll = (t) => {
+    super(...arguments), this.headerWrap = null, this.table = null, this.syncScroll = !1, this.scrollbarWidth = wt(), this.onScroll = (t) => {
       if (this.syncScroll) {
         this.syncScroll = !1;
         return;
@@ -550,7 +548,7 @@ class or extends l.Component {
     return this.props.elemRef.current;
   }
   componentDidMount() {
-    const t = Rt(this.element);
+    const t = Nt(this.element);
     this.props.columnResize && this.props.columnResize.setIsRtl(t), this.forceUpdate();
   }
   /**
@@ -599,7 +597,7 @@ class or extends l.Component {
               "k-table k-grid-header-table",
               {
                 "k-table-md": !this.props.size,
-                [`k-table-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+                [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
               },
               this.props.className
             ),
@@ -608,7 +606,7 @@ class or extends l.Component {
           /* @__PURE__ */ l.createElement("colgroup", { ref: (t) => {
             this.props.columnResize.colGroupHeader = t;
           } }, this.props.cols),
-          /* @__PURE__ */ l.createElement("thead", { className: "k-table-thead", role: "rowgroup", ...lt }, this.props.headerRow, this.props.filterRow)
+          /* @__PURE__ */ l.createElement("thead", { className: "k-table-thead", role: "rowgroup", ...at }, this.props.headerRow, this.props.filterRow)
         )
       )
     ) : /* @__PURE__ */ l.createElement(
@@ -619,15 +617,15 @@ class or extends l.Component {
           "k-table-thead",
           { "k-grid-draggable-header": this.props.draggable }
         ),
-        ...lt
+        ...at
       },
       this.props.headerRow,
       this.props.filterRow
     );
   }
 }
-const Vt = (...r) => Object.assign({ allowUnsort: !0, mode: "single" }, ...r);
-class lr extends l.PureComponent {
+const Ut = (...i) => Object.assign({ allowUnsort: !0, mode: "single" }, ...i);
+class hr extends l.PureComponent {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const s = this.draggable && this.draggable.element;
@@ -641,7 +639,7 @@ class lr extends l.PureComponent {
   }
   render() {
     return /* @__PURE__ */ l.createElement(
-      yt,
+      Rt,
       {
         onPress: this.onPress,
         onDrag: this.onDrag,
@@ -657,7 +655,7 @@ class lr extends l.PureComponent {
     );
   }
 }
-class Kt extends l.Component {
+class qt extends l.Component {
   constructor() {
     super(...arguments), this.state = {
       show: !1
@@ -691,7 +689,7 @@ class Kt extends l.Component {
     };
   }
   render() {
-    const { columnMenu: t, ...s } = this.props, { column: o } = this.props, e = G(this), i = o.title || o.field, n = i ? `${i} ` : "";
+    const { columnMenu: t, ...s } = this.props, { column: o } = this.props, e = G(this), r = o.title || o.field, n = r ? `${r} ` : "";
     return /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
       "a",
       {
@@ -701,11 +699,11 @@ class Kt extends l.Component {
         onMouseDown: this.onAnchorMouseDown,
         onKeyDown: this.onAnchorKeyDown,
         href: "#",
-        "aria-label": `${n}${e.toLanguageString(De, v[De])}`
+        "aria-label": `${n}${e.toLanguageString(Ge, k[Ge])}`
       },
       /* @__PURE__ */ l.createElement(O, { name: "filter", icon: Ce })
     ), /* @__PURE__ */ l.createElement(
-      Ps,
+      Ks,
       {
         anchor: this._anchor,
         show: this.state.show,
@@ -731,7 +729,7 @@ class Kt extends l.Component {
     ));
   }
 }
-class nr extends l.Component {
+class dr extends l.Component {
   /**
    * @hidden
    */
@@ -751,46 +749,46 @@ class nr extends l.Component {
       },
       /* @__PURE__ */ l.createElement("span", { className: "k-column-title" }, this.props.title || this.props.field || " "),
       this.props.children
-    ), t.columnMenu && /* @__PURE__ */ l.createElement(Kt, { ...t }));
+    ), t.columnMenu && /* @__PURE__ */ l.createElement(qt, { ...t }));
     return this.props.render ? this.props.render.call(void 0, o, this.props) : o;
   }
 }
-const ar = {
+const pr = {
   true: { asc: "desc", desc: "", "": "asc" },
   false: { asc: "desc", desc: "asc", "": "asc" }
-}, hr = {
+}, ur = {
   none: "none",
   asc: "ascending",
   desc: "descending"
 };
-class Ut extends l.Component {
+class $t extends l.Component {
   constructor(t) {
     super(t), this.serviceIndex = 0, this.index = -1, this.cellKeyDown = (s, o) => {
       s.isDefaultPrevented() || s.keyCode === me.enter && this.cellClick(s, o);
     }, this.cells = (s) => s.map((o) => {
-      const e = this.props.columns[o], i = this.props.sortable && e.sortable, n = this.props.sort ? this.props.sort.findIndex((k) => k.field === e.field) : -1, a = n >= 0 && this.props.sort[n].dir || "none", h = e.columnMenu === null ? null : e.columnMenu || this.props.columnMenu, c = y({
+      const e = this.props.columns[o], r = this.props.sortable && e.sortable, n = this.props.sort ? this.props.sort.findIndex((v) => v.field === e.field) : -1, a = n >= 0 && this.props.sort[n].dir || "none", c = e.columnMenu === null ? null : e.columnMenu || this.props.columnMenu, h = y({
         "k-first": e.kFirst,
-        "k-filterable": !!h,
+        "k-filterable": !!c,
         "k-table-th": !0,
         "k-header": !0,
         "k-grid-header-sticky": e.locked,
-        "k-sorted": this.props.sort && this.props.sort.some((k) => k.field === e.field)
-      }, e.headerClassName), d = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, g = G(this).toLanguageString(Oe, v[Oe]);
+        "k-sorted": this.props.sort && this.props.sort.some((v) => v.field === e.field)
+      }, e.headerClassName), d = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, g = G(this).toLanguageString(Pe, k[Pe]);
       let m = e.isAccessible ? {
-        ariaSort: hr[a],
+        ariaSort: ur[a],
         role: "columnheader",
         ariaColumnIndex: e.ariaColumnIndex,
         ariaSelected: !1,
-        ariaDescription: i ? g : ""
+        ariaDescription: r ? g : ""
       } : {
         role: "presentation"
       };
-      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : nr, E = /* @__PURE__ */ l.createElement(
+      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : dr, E = /* @__PURE__ */ l.createElement(
         b,
         {
           key: 1,
           field: e.field,
-          onClick: i && ((k) => this.cellClick(k, e)) || void 0,
+          onClick: r && ((v) => this.cellClick(v, e)) || void 0,
           selectionChange: this.props.selectionChange,
           title: e.title,
           selectionValue: e.headerSelectionValue,
@@ -804,7 +802,7 @@ class Ut extends l.Component {
               filter: e.filter,
               id: e.id
             },
-            sortable: i && this.props.sortable,
+            sortable: r && this.props.sortable,
             sort: this.props.sort,
             onSortChange: this.props.sortChange,
             filter: this.props.filter,
@@ -814,7 +812,7 @@ class Ut extends l.Component {
             group: this.props.group,
             groupable: this.props.groupable,
             onGroupChange: this.props.groupChange,
-            columnMenu: h
+            columnMenu: c
           }
         }
       ), C = {
@@ -822,29 +820,29 @@ class Ut extends l.Component {
         key: u,
         colSpan: e.colSpan,
         rowSpan: e.rowSpan,
-        className: c,
+        className: h,
         style: d,
         columnId: e.id,
         navigatable: e.navigatable,
-        onKeyDown: i && ((k) => this.cellKeyDown(k, e)) || void 0,
+        onKeyDown: r && ((v) => this.cellKeyDown(v, e)) || void 0,
         role: "columnheader"
       }, x = [
         E,
         this.props.columnResize && this.props.columnResize.resizable && e.resizable && /* @__PURE__ */ l.createElement(
-          vs,
+          Ss,
           {
             key: 2,
-            resize: (k, _, D) => this.props.columnResize && this.props.columnResize.dragHandler(k, e, _, D),
-            autofit: (k) => this.props.columnResize && this.props.columnResize.dblClickHandler(k, [e.id])
+            resize: (v, _, D) => this.props.columnResize && this.props.columnResize.dragHandler(v, e, _, D),
+            autofit: (v) => this.props.columnResize && this.props.columnResize.dblClickHandler(v, [e.id])
           }
         )
       ], I = be(this.props.cells, e.cells);
       if (I && I.headerCell) {
-        const k = I.headerCell;
-        return /* @__PURE__ */ l.createElement(k, { key: u, thProps: C, index: o }, x);
+        const v = I.headerCell;
+        return /* @__PURE__ */ l.createElement(v, { key: u, thProps: C, index: o }, x);
       }
       return /* @__PURE__ */ l.createElement(
-        Ft,
+        Dt,
         {
           ...C,
           key: u
@@ -856,7 +854,7 @@ class Ut extends l.Component {
   cellClick(t, s) {
     if (t.preventDefault(), !this.props.sortChange)
       return;
-    const { allowUnsort: o, mode: e } = Vt(this.props.sortable || !1, s.sortable || !1), i = (this.props.sort || []).filter((h) => h.field === s.field)[0], n = ar[o][i && i.dir || ""], a = e === "single" ? [] : (this.props.sort || []).filter((h) => h.field !== s.field);
+    const { allowUnsort: o, mode: e } = Ut(this.props.sortable || !1, s.sortable || !1), r = (this.props.sort || []).filter((c) => c.field === s.field)[0], n = pr[o][r && r.dir || ""], a = e === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== s.field);
     n !== "" && s.field && a.push({ field: s.field, dir: n }), this.props.sortChange(a, t);
   }
   sortIcon(t) {
@@ -865,7 +863,7 @@ class Ut extends l.Component {
         O,
         {
           name: "sort-" + this.props.sort[t].dir + "-small",
-          icon: this.props.sort[t].dir === "asc" ? We : Ve
+          icon: this.props.sort[t].dir === "asc" ? Ve : Ue
         }
       )),
       this.props.sort.length > 1 && /* @__PURE__ */ l.createElement("span", { key: 2, className: "k-sort-icon" }, /* @__PURE__ */ l.createElement("span", { className: "k-sort-order" }, t + 1))
@@ -873,7 +871,7 @@ class Ut extends l.Component {
   }
   render() {
     return this.serviceIndex = 0, this.index = -1, this.props.columnsMap.map((t, s) => this.props.pressHandler && /* @__PURE__ */ l.createElement(
-      lr,
+      hr,
       {
         key: s,
         pressHandler: this.props.pressHandler,
@@ -888,11 +886,11 @@ class Ut extends l.Component {
     ) || /* @__PURE__ */ l.createElement("tr", { key: s, className: "k-table-row", role: "row", "aria-rowindex": s + 1 }, this.cells(t)));
   }
 }
-M(Ut);
-const cr = [
+M($t);
+const gr = [
   { text: "grid.filterAndLogic", operator: "and" },
   { text: "grid.filterOrLogic", operator: "or" }
-], Ct = {
+], xt = {
   text: [
     { text: "grid.filterContainsOperator", operator: "contains" },
     { text: "grid.filterNotContainsOperator", operator: "doesnotcontain" },
@@ -928,55 +926,55 @@ const cr = [
   boolean: [
     { text: "grid.filterEqOperator", operator: "eq" }
   ]
-}, L = (r) => r === "isnull" || r === "isnotnull" || r === "isempty" || r === "isnotempty", ie = (r, t) => r.map((s) => ({
-  text: t.toLanguageString(s.text, v[s.text]),
+}, L = (i) => i === "isnull" || i === "isnotnull" || i === "isempty" || i === "isnotempty", re = (i, t) => i.map((s) => ({
+  text: t.toLanguageString(s.text, k[s.text]),
   operator: s.operator
-})), dr = "eq", qt = [
+})), fr = "eq", jt = [
   { text: "grid.filterBooleanAll", operator: "" },
   { text: "grid.filterIsTrue", operator: !0 },
   { text: "grid.filterIsFalse", operator: !1 }
-], pr = {
+], mr = {
   text: !1,
   numeric: !1,
   date: !1,
   boolean: !0
-}, $t = (r, t, s) => {
-  const o = jt(s.operators);
+}, Xt = (i, t, s) => {
+  const o = Yt(s.operators);
   let e = s.operator;
   switch (s.filterType) {
     case "numeric":
-      (!e || L(e)) && (e = o), r === null && e === o && (e = "");
+      (!e || L(e)) && (e = o), i === null && e === o && (e = "");
       break;
     case "date":
-      (!e || L(e)) && (e = o), r === null && e === o && (e = "");
+      (!e || L(e)) && (e = o), i === null && e === o && (e = "");
       break;
     case "text":
-      (!e || L(e)) && (e = o), !r && e === o && (e = "");
+      (!e || L(e)) && (e = o), !i && e === o && (e = "");
       break;
     default:
       return;
   }
-  s.onChange({ value: r, operator: e, syntheticEvent: t });
-}, jt = (r, t) => t ? r[t][0].operator : r[0].operator, Ae = (r) => r || "text", Xt = (r, t) => {
-  const s = r.target.value;
+  s.onChange({ value: i, operator: e, syntheticEvent: t });
+}, Yt = (i, t) => t ? i[t][0].operator : i[0].operator, We = (i) => i || "text", Jt = (i, t) => {
+  const s = i.target.value;
   t({
     value: s.operator,
-    operator: s.operator === "" ? "" : dr,
-    syntheticEvent: r.syntheticEvent
+    operator: s.operator === "" ? "" : fr,
+    syntheticEvent: i.syntheticEvent
   });
-}, Yt = (r, t, s) => {
+}, Qt = (i, t, s) => {
   let o = t;
-  const e = r.target.value;
-  r.target.state.opened && (L(e.operator) && (o = null), t === null && !L(e.operator) && (o = void 0), s({ value: o, operator: e.operator, syntheticEvent: r.syntheticEvent }));
+  const e = i.target.value;
+  i.target.state.opened && (L(e.operator) && (o = null), t === null && !L(e.operator) && (o = void 0), s({ value: o, operator: e.operator, syntheticEvent: i.syntheticEvent }));
 };
-class Jt extends l.Component {
+class Zt extends l.Component {
   constructor(t) {
     super(t), this._inputRef = l.createRef(), this.renderOperatorEditor = (s) => {
       if (this.props.filterType === "boolean")
         return;
       const o = this.props.operators.find((e) => e.operator === this.props.operator) || null;
       return /* @__PURE__ */ l.createElement(
-        oe,
+        ie,
         {
           size: this.props.size,
           value: o,
@@ -986,7 +984,7 @@ class Jt extends l.Component {
           svgIcon: Ce,
           data: this.props.operators,
           textField: "text",
-          title: s.toLanguageString(ze, v[ze]),
+          title: s.toLanguageString(Oe, k[Oe]),
           popupSettings: {
             width: ""
           }
@@ -1003,11 +1001,11 @@ class Jt extends l.Component {
       {
         size: this.props.size,
         icon: "filter-clear",
-        svgIcon: Ds,
+        svgIcon: Hs,
         className: y({
           "k-clear-button-visible": !!(!(this.props.value === null || this.props.value === "") || this.props.operator)
         }),
-        title: t.toLanguageString(U, v[U]),
+        title: t.toLanguageString(U, k[U]),
         type: "button",
         onClick: this.clear,
         disabled: !(!(this.props.value === null || this.props.value === "") || this.props.operator)
@@ -1016,13 +1014,13 @@ class Jt extends l.Component {
     return this.props.render ? this.props.render.call(void 0, s, this.props) : s;
   }
   inputChange(t, s) {
-    $t(t, s, this.props);
+    Xt(t, s, this.props);
   }
   operatorChange(t) {
-    Yt(t, this.props.value, this.props.onChange);
+    Qt(t, this.props.value, this.props.onChange);
   }
   boolDropdownChange(t) {
-    Xt(t, this.props.onChange);
+    Jt(t, this.props.onChange);
   }
   clear(t) {
     t.preventDefault(), this.props.onChange({ value: "", operator: "", syntheticEvent: t }), this._inputRef.current && (this._inputRef.current.element.value = "", setTimeout(() => {
@@ -1033,7 +1031,7 @@ class Jt extends l.Component {
     switch (t) {
       case "numeric":
         return /* @__PURE__ */ l.createElement(
-          Ke,
+          qe,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1047,7 +1045,7 @@ class Jt extends l.Component {
         );
       case "date":
         return /* @__PURE__ */ l.createElement(
-          Ue,
+          $e,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1060,14 +1058,14 @@ class Jt extends l.Component {
           }
         );
       case "boolean": {
-        const e = (i) => i == null;
+        const e = (r) => r == null;
         return /* @__PURE__ */ l.createElement(
-          oe,
+          ie,
           {
             ref: this._inputRef,
             size: this.props.size,
             onChange: this.boolDropdownChange,
-            value: o.find((i) => i.operator === (e(s) ? "" : s)),
+            value: o.find((r) => r.operator === (e(s) ? "" : s)),
             data: o,
             textField: "text",
             title: this.props.title,
@@ -1077,7 +1075,7 @@ class Jt extends l.Component {
       }
       default:
         return /* @__PURE__ */ l.createElement(
-          Gt,
+          Ht,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1092,9 +1090,9 @@ class Jt extends l.Component {
     }
   }
 }
-M(Jt);
-const ur = "k-table-row k-filter-row";
-class Qt extends l.Component {
+M(Zt);
+const Cr = "k-table-row k-filter-row";
+class es extends l.Component {
   headerCellClassName(t, s) {
     let o = `${s ? "k-grid-header-sticky" : ""}`;
     return this.props.sort && this.props.sort.filter((e) => e.field === t).length > 0 && (o += " k-sorted"), o;
@@ -1102,45 +1100,45 @@ class Qt extends l.Component {
   setFilter(t, s, o, e) {
     if (!this.props.filterChange)
       return;
-    const i = [];
-    (t !== "" && t !== null || s !== "") && i.push({
+    const r = [];
+    (t !== "" && t !== null || s !== "") && r.push({
       field: o,
       operator: s,
       value: t
-    }), this.props.filter && this.props.filter.filters && (this.props.filter.filters || []).forEach((h) => {
-      const c = h;
-      c && c.field !== o && i.push(c);
+    }), this.props.filter && this.props.filter.filters && (this.props.filter.filters || []).forEach((c) => {
+      const h = c;
+      h && h.field !== o && r.push(h);
     });
     const n = this.props.filter && this.props.filter.logic ? this.props.filter.logic : "and";
-    this.props.filterChange(i.length > 0 ? { logic: n, filters: i } : null, e);
+    this.props.filterChange(r.length > 0 ? { logic: n, filters: r } : null, e);
   }
   render() {
     const t = G(this), s = this.props.filter && this.props.filter.filters || [], o = (a) => {
       if (a === void 0)
         return;
-      const h = s.filter((c) => c.field === a);
-      return h.length ? h[0] : void 0;
+      const c = s.filter((h) => h.field === a);
+      return c.length ? c[0] : void 0;
     };
-    let e = 0, i = -1;
+    let e = 0, r = -1;
     const n = this.props.columns.filter((a) => a.children.length === 0).map(
       (a) => {
-        const h = Ae(a.filter), c = o(a.field), d = a.filterable ? t.toLanguageString(_e, v[_e]) : void 0;
-        let g = c && c.value;
-        g === void 0 && (g = h === "text" ? "" : null);
+        const c = We(a.filter), h = o(a.field), d = a.filterable ? t.toLanguageString(Ae, k[Ae]) : void 0;
+        let g = h && h.value;
+        g === void 0 && (g = c === "text" ? "" : null);
         const m = a.filterable && {
           render: this.props.cellRender,
           field: a.field,
           title: a.filterTitle,
           value: g,
-          operator: c && c.operator,
-          operators: ie(this.props.filterOperators[h] || [], t),
-          booleanValues: ie(qt, t),
-          filterType: h,
+          operator: h && h.operator,
+          operators: re(this.props.filterOperators[c] || [], t),
+          booleanValues: re(jt, t),
+          filterType: c,
           ariaLabel: d,
-          onChange: (k) => {
-            this.setFilter(k.value, k.operator, a.field, k.syntheticEvent);
+          onChange: (v) => {
+            this.setFilter(v.value, v.operator, a.field, v.syntheticEvent);
           }
-        }, u = a.declarationIndex >= 0 ? ++i : --e, b = {
+        }, u = a.declarationIndex >= 0 ? ++r : --e, b = {
           ariaLabel: d,
           ariaColumnIndex: a.ariaColumnIndex
         }, E = a.left !== void 0 ? this.props.isRtl ? { left: a.right, right: a.left } : { left: a.left, right: a.right } : {}, C = {
@@ -1150,13 +1148,13 @@ class Qt extends l.Component {
           className: y("k-table-th", this.headerCellClassName(a.field, a.locked) || void 0),
           role: "columnheader",
           ...b
-        }, x = m && (a.filterCell ? /* @__PURE__ */ l.createElement(a.filterCell, { ...m }) : /* @__PURE__ */ l.createElement(Jt, { size: this.props.size, ...m })), I = be(this.props.cells, a.cells);
+        }, x = m && (a.filterCell ? /* @__PURE__ */ l.createElement(a.filterCell, { ...m }) : /* @__PURE__ */ l.createElement(Zt, { size: this.props.size, ...m })), I = be(this.props.cells, a.cells);
         if (I && I.filterCell) {
-          const k = I.filterCell;
-          return /* @__PURE__ */ l.createElement(k, { key: u, ...m, thProps: C, index: i }, x);
+          const v = I.filterCell;
+          return /* @__PURE__ */ l.createElement(v, { key: u, ...m, thProps: C, index: r }, x);
         }
         return /* @__PURE__ */ l.createElement(
-          Ft,
+          Dt,
           {
             key: u,
             ...C
@@ -1165,11 +1163,11 @@ class Qt extends l.Component {
         );
       }
     );
-    return /* @__PURE__ */ l.createElement("tr", { className: ur, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, n);
+    return /* @__PURE__ */ l.createElement("tr", { className: Cr, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, n);
   }
 }
-M(Qt);
-class Zt extends l.Component {
+M(es);
+class ts extends l.Component {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const s = this.draggable && this.draggable.element;
@@ -1198,7 +1196,7 @@ class Zt extends l.Component {
   render() {
     const { dir: t } = this.props;
     return /* @__PURE__ */ l.createElement(
-      yt,
+      Rt,
       {
         onPress: this.onPress,
         onDrag: this.onDrag,
@@ -1220,7 +1218,7 @@ class Zt extends l.Component {
           O,
           {
             name: "sort-" + t + "-small",
-            icon: t === "asc" ? We : Ve,
+            icon: t === "asc" ? Ve : Ue,
             size: "small"
           }
         )),
@@ -1235,7 +1233,7 @@ class Zt extends l.Component {
             O,
             {
               name: "x-circle",
-              icon: Ts,
+              icon: zs,
               size: "small"
             }
           )
@@ -1244,30 +1242,30 @@ class Zt extends l.Component {
     );
   }
 }
-M(Zt);
-class es extends l.Component {
+M(ts);
+class ss extends l.Component {
   constructor() {
     super(...arguments), this.onGroupRemove = (t, s) => {
       const o = this.props.group.slice();
       o.splice(s, 1), this.props.groupChange(o, t);
     }, this.onGroupSortChange = (t, s, o, e) => {
-      const i = Object.assign({}, o, { dir: e }), n = this.props.group.slice();
-      n.splice(s, 1, i), this.props.groupChange(n, t);
+      const r = Object.assign({}, o, { dir: e }), n = this.props.group.slice();
+      n.splice(s, 1, r), this.props.groupChange(n, t);
     };
   }
   render() {
     const s = (this.props.group || []).map((o, e) => /* @__PURE__ */ l.createElement(
-      Zt,
+      ts,
       {
         key: e,
         index: e,
         dir: o.dir || "asc",
         title: this.props.resolveTitle(o.field),
-        onRemove: (i) => {
-          this.onGroupRemove(i, e);
+        onRemove: (r) => {
+          this.onGroupRemove(r, e);
         },
-        onSortChange: (i, n) => {
-          this.onGroupSortChange(i, e, o, n);
+        onSortChange: (r, n) => {
+          this.onGroupSortChange(r, e, o, n);
         },
         onPress: this.props.pressHandler,
         onDrag: this.props.dragHandler,
@@ -1281,18 +1279,18 @@ class es extends l.Component {
         ref: this.props.refCallback,
         className: "k-grouping-header",
         role: "toolbar",
-        "aria-label": G(this).toLanguageString(Pe, v[Pe]),
+        "aria-label": G(this).toLanguageString(Be, k[Be]),
         "aria-controls": this.props.ariaControls || ""
       },
       /* @__PURE__ */ l.createElement("div", { className: "k-chip-list k-chip-list-md", role: "none" }, s),
-      /* @__PURE__ */ l.createElement("div", { className: "k-grouping-drop-container" }, !s.length && G(this).toLanguageString(Ne, v[Ne]), " ")
+      /* @__PURE__ */ l.createElement("div", { className: "k-grouping-drop-container" }, !s.length && G(this).toLanguageString(Te, k[Te]), " ")
     );
   }
 }
-M(es);
-class gr extends l.Component {
+M(ss);
+class br extends l.Component {
   constructor() {
-    super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = St();
+    super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = wt();
   }
   componentDidMount() {
     this.setState({});
@@ -1338,7 +1336,7 @@ class gr extends l.Component {
               "k-table k-grid-footer-table",
               {
                 "k-table-md": !this.props.size,
-                [`k-table-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+                [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
               },
               this.props.className
             ),
@@ -1353,19 +1351,19 @@ class gr extends l.Component {
     ) : /* @__PURE__ */ l.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
   }
 }
-class fr {
+class xr {
   constructor(t) {
     this.table = null, this.containerHeight = 0, this.topCacheCount = 0, this.attendedSkip = 0, this.propsSkip = 0, this.total = 0, this.scrollableVirtual = !1, this.realSkip = 0, this.pageSize = 0, this.PageChange = null, this.tableBodyRef = l.createRef(), this.fixedScroll = !1, this.askedSkip = void 0, this.containerRef = l.createRef(), this.tableTransform = "", this.prevScrollPos = 0, this.tableTranslate = 0, this.scrollSyncing = !1, this.reactVersion = Number.parseFloat(l.version), this.topItems = (s, o) => {
       if (!this.container || o)
         return { topItemsCount: 0, topItemsHeight: 0 };
-      const e = this.container.clientHeight, i = Math.ceil(e / s[0].line), n = Math.ceil((s.length - i) / 2);
+      const e = this.container.clientHeight, r = Math.ceil(e / s[0].line), n = Math.ceil((s.length - r) / 2);
       let a = 0;
-      for (let h = 0; h < n; h++)
-        a += s[h].line + s[h].acc;
+      for (let c = 0; c < n; c++)
+        a += s[c].line + s[c].acc;
       return {
         topItemsCount: n,
         topItemsHeight: a,
-        itemsNeededOnScreen: i + i / 2
+        itemsNeededOnScreen: r + r / 2
       };
     }, this.horizontalScrollbarHeight = () => this.container ? this.container.offsetHeight - this.container.clientHeight : 0, t && (this.topCacheCount = 4, this.attendedSkip = -this.topCacheCount), this.scrollHandler = this.scrollHandler.bind(this);
   }
@@ -1409,22 +1407,22 @@ class fr {
     if (!this.container)
       return;
     const s = this.rowHeights, o = this.container.scrollTop;
-    let e = this.tableTranslate, i = 0;
+    let e = this.tableTranslate, r = 0;
     const {
       topItemsCount: n,
       topItemsHeight: a,
-      itemsNeededOnScreen: h
-    } = this.topItems(s, !!this.topCacheCount), c = o - e;
-    if (!(c > a || s.length <= h)) {
-      for (; i < this.topCacheCount + this.attendedSkip - this.realSkip + n && this.propsSkip - i > 0 && !(e + (s[s.length - 1 - i].line + s[s.length - 1 - i].acc) + c <= o); )
-        e -= s[s.length - 1 - i].line + s[s.length - 1 - i].acc, i++;
-      if (i === 0 && this.topCacheCount === 0 && this.attendedSkip > 0 && (e = Math.max(e - s[0].line, 0), i = 1), this.propsSkip - i <= 0 && e > o) {
+      itemsNeededOnScreen: c
+    } = this.topItems(s, !!this.topCacheCount), h = o - e;
+    if (!(h > a || s.length <= c)) {
+      for (; r < this.topCacheCount + this.attendedSkip - this.realSkip + n && this.propsSkip - r > 0 && !(e + (s[s.length - 1 - r].line + s[s.length - 1 - r].acc) + h <= o); )
+        e -= s[s.length - 1 - r].line + s[s.length - 1 - r].acc, r++;
+      if (r === 0 && this.topCacheCount === 0 && this.attendedSkip > 0 && (e = Math.max(e - s[0].line, 0), r = 1), this.propsSkip - r <= 0 && e > o) {
         this.translate(0), this.changePage(0, t), this.container.scrollTop = 0;
         return;
       }
       if (e > o && (e = o), e !== this.tableTranslate) {
         this.translate(Math.max(0, e - a));
-        const d = Math.max(0, this.propsSkip - i - n);
+        const d = Math.max(0, this.propsSkip - r - n);
         this.changePage(d, t);
       }
     }
@@ -1433,26 +1431,26 @@ class fr {
     if (!this.container)
       return;
     const s = this.rowHeights, o = this.container.scrollTop;
-    let e = this.tableTranslate, i = 0;
+    let e = this.tableTranslate, r = 0;
     const {
       topItemsCount: n,
       topItemsHeight: a,
-      itemsNeededOnScreen: h
+      itemsNeededOnScreen: c
     } = this.topItems(s, !!this.topCacheCount);
-    for (; i < s.length - this.topCacheCount && !(e + s[i].line + s[i].acc > o); )
-      e += s[i].line + s[i].acc, i++;
-    n > this.propsSkip + i || s.length <= h || (i >= s.length - this.topCacheCount && this.propsSkip + i >= this.total ? (this.translate(e - a), this.changePage(this.total - 1 - n, t)) : e !== this.tableTranslate && this.propsSkip + i - n !== this.propsSkip && (this.translate(e - a), this.changePage(this.propsSkip + i - n, t)));
+    for (; r < s.length - this.topCacheCount && !(e + s[r].line + s[r].acc > o); )
+      e += s[r].line + s[r].acc, r++;
+    n > this.propsSkip + r || s.length <= c || (r >= s.length - this.topCacheCount && this.propsSkip + r >= this.total ? (this.translate(e - a), this.changePage(this.total - 1 - n, t)) : e !== this.tableTranslate && this.propsSkip + r - n !== this.propsSkip && (this.translate(e - a), this.changePage(this.propsSkip + r - n, t)));
   }
   scrollNonStrict(t) {
     const s = this.total * this.prevScrollPos / this.containerHeight;
     let o = Math.floor(s);
     o >= this.total && (o = this.total - 1);
     const e = Math.min(s - o, 1);
-    let i = 0;
+    let r = 0;
     const n = o - this.propsSkip, a = this.rowHeights;
-    n >= 0 && n <= 1 ? i = -((a[0].line + a[0].acc) * e) : n === -1 && (i = -((a[a.length - 1].line + a[a.length - 1].acc) * e));
-    const { topItemsCount: h, topItemsHeight: c } = this.topItems(a, !!this.topCacheCount);
-    this.translate(Math.max(0, i - c - this.horizontalScrollbarHeight() + this.containerHeight * s / this.total)), this.changePage(o - h, t);
+    n >= 0 && n <= 1 ? r = -((a[0].line + a[0].acc) * e) : n === -1 && (r = -((a[a.length - 1].line + a[a.length - 1].acc) * e));
+    const { topItemsCount: c, topItemsHeight: h } = this.topItems(a, !!this.topCacheCount);
+    this.translate(Math.max(0, r - h - this.horizontalScrollbarHeight() + this.containerHeight * s / this.total)), this.changePage(o - c, t);
   }
   scrollHandler(t) {
     if (!this.scrollableVirtual)
@@ -1469,14 +1467,14 @@ class fr {
     s - o < 0 && s > this.tableTranslate - this.table.scrollHeight / 10 ? this.localScrollUp(t) : s - o > 0 && s < this.tableTranslate + this.table.scrollHeight * 2 / 3 ? this.localScrollDown(t) : this.scrollNonStrict(t), this.prevScrollPos = s;
   }
 }
-class bt {
+class vt {
   constructor(t = 0, s, o, e) {
     this.total = t, this.offsets = [], this.heights = [];
-    let i = 0;
+    let r = 0;
     for (let n = 0; n < t; n++) {
-      this.offsets.push(i);
+      this.offsets.push(r);
       const a = e && e[n].expanded && e[n].rowType === "data" ? o : s;
-      i += a, this.heights.push(a);
+      r += a, this.heights.push(a);
     }
   }
   height(t) {
@@ -1485,13 +1483,13 @@ class bt {
   index(t) {
     if (t < 0)
       return;
-    const s = this.offsets.reduce((o, e, i) => {
+    const s = this.offsets.reduce((o, e, r) => {
       if (o !== void 0)
         return o;
       if (e === t)
-        return i;
+        return r;
       if (e > t)
-        return i - 1;
+        return r - 1;
     }, void 0);
     return s === void 0 ? this.total - 1 : s;
   }
@@ -1503,7 +1501,7 @@ class bt {
     return t + s;
   }
 }
-class xt {
+class kt {
   constructor(t) {
     this.table = null, this.containerHeight = 0, this.topCacheCount = 0, this.attendedSkip = 0, this.propsSkip = 0, this.total = 0, this.scrollableVirtual = !1, this.realSkip = 0, this.pageSize = 0, this.PageChange = null, this.tableBodyRef = l.createRef(), this.fixedScroll = !1, this.askedSkip = void 0, this.containerRef = l.createRef(), this.tableTransform = "", this.scrollSyncing = !1, this.lastLoaded = 0, this.firstLoaded = 0, this.lastScrollTop = 0, this.reactVersion = Number.parseFloat(l.version), this.firstLoaded = this.pageSize, this.lastLoaded = this.realSkip + this.pageSize, this.scrollHandler = this.scrollHandler.bind(this);
   }
@@ -1511,7 +1509,7 @@ class xt {
     return this.containerRef.current;
   }
   translate(t, s) {
-    this.scrollableVirtual && this.table && (Re || this.reactVersion <= 17 || s ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
+    this.scrollableVirtual && this.table && (Ne || this.reactVersion <= 17 || s ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
   }
   changePage(t, s) {
     this.PageChange && this.PageChange({ skip: Math.max(0, t), take: this.pageSize }, s);
@@ -1528,71 +1526,71 @@ class xt {
     }
     const s = this.container.scrollTop, o = this.lastScrollTop >= s, e = !o;
     this.lastScrollTop = s;
-    let i = this.rowHeightService.index(s), n = this.rowHeightService.offset(i);
-    const { offsetHeight: a } = this.containerRef.current, h = this.rowHeightService.index(s + a);
-    if (e && h >= this.lastLoaded && this.lastLoaded < this.total) {
-      const c = i + this.pageSize - this.total;
-      c > 0 && (i = i - c, n = this.rowHeightService.offset(i)), this.firstLoaded = i, this.translate(n);
+    let r = this.rowHeightService.index(s), n = this.rowHeightService.offset(r);
+    const { offsetHeight: a } = this.containerRef.current, c = this.rowHeightService.index(s + a);
+    if (e && c >= this.lastLoaded && this.lastLoaded < this.total) {
+      const h = r + this.pageSize - this.total;
+      h > 0 && (r = r - h, n = this.rowHeightService.offset(r)), this.firstLoaded = r, this.translate(n);
       let d = this.firstLoaded + this.pageSize;
       this.lastLoaded = Math.min(d, this.total), this.changePage(this.firstLoaded, t);
-    } else if (o && i < this.firstLoaded) {
-      const c = Math.floor(this.pageSize * 0.3);
-      this.firstLoaded = Math.max(i - c, 0), this.translate(this.rowHeightService.offset(this.firstLoaded)), this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total), this.changePage(this.firstLoaded, t);
+    } else if (o && r < this.firstLoaded) {
+      const h = Math.floor(this.pageSize * 0.3);
+      this.firstLoaded = Math.max(r - h, 0), this.translate(this.rowHeightService.offset(this.firstLoaded)), this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total), this.changePage(this.firstLoaded, t);
     }
   }
 }
-const mr = 1, Cr = 20;
-class br {
+const vr = 1, kr = 20;
+class Er {
   constructor(t) {
     this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (s) => {
       this.isRtl = s;
-    }, this.dragHandler = (s, o, e, i) => {
+    }, this.dragHandler = (s, o, e, r) => {
       const n = s.originalEvent;
-      i || (n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation());
+      r || (n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation());
       const a = e.closest("th");
       if (!a || !a)
         return;
-      const h = a.clientWidth;
-      let c = h;
-      if (this.isRtl ? c += e.getBoundingClientRect().right - e.offsetWidth / 2 - s.clientX : c += s.clientX - e.getBoundingClientRect().left - e.offsetWidth / 2, !i && Math.abs(c - h) < 1)
+      const c = a.clientWidth;
+      let h = c;
+      if (this.isRtl ? h += e.getBoundingClientRect().right - e.offsetWidth / 2 - s.clientX : h += s.clientX - e.getBoundingClientRect().left - e.offsetWidth / 2, !r && Math.abs(h - c) < 1)
         return;
-      this.fixateInitialWidths(a.parentElement.clientWidth), this.setWidths(o, Math.floor(c) / h);
+      this.fixateInitialWidths(a.parentElement.clientWidth), this.setWidths(o, Math.floor(h) / c);
       const d = this.columns.filter((g) => !g.children.length).findIndex((g) => g.id === o.id);
-      this.onResize(d, h, c, n, i, o.id);
+      this.onResize(d, c, h, n, r, o.id);
     }, this.dblClickHandler = (s, o) => {
       const e = this.columns.filter((m) => o.indexOf(m.id) > -1);
       if (!this.colGroupMain || !e.length)
         return;
-      const i = {}, n = e;
+      const r = {}, n = e;
       for (; n.length > 0; ) {
         const m = n.pop();
         if (!m)
           break;
-        m.children.length ? n.push(...m.children) : i[m.id] = m;
+        m.children.length ? n.push(...m.children) : r[m.id] = m;
       }
-      const a = this.columns.filter((m) => !m.children.length), h = [];
+      const a = this.columns.filter((m) => !m.children.length), c = [];
       a.forEach((m, u) => {
-        i[m.id] && h.push(u);
+        r[m.id] && c.push(u);
       });
-      const c = [this.colGroupMain.parentElement], d = [this.colGroupMain];
-      this.colGroupHeader && (c.push(this.colGroupHeader.parentElement), d.push(this.colGroupHeader)), this.colGroupFooter && (c.push(this.colGroupFooter.parentElement), d.push(this.colGroupFooter)), c.forEach((m) => m.classList.add("k-autofitting"));
+      const h = [this.colGroupMain.parentElement], d = [this.colGroupMain];
+      this.colGroupHeader && (h.push(this.colGroupHeader.parentElement), d.push(this.colGroupHeader)), this.colGroupFooter && (h.push(this.colGroupFooter.parentElement), d.push(this.colGroupFooter)), h.forEach((m) => m.classList.add("k-autofitting"));
       let g = [];
       d.forEach((m) => {
-        h.forEach((u) => {
-          m.children[u] && (m.children[u].width = "", g[u] = Math.max(g[u] || 0, m.children[u].offsetWidth + mr));
+        c.forEach((u) => {
+          m.children[u] && (m.children[u].width = "", g[u] = Math.max(g[u] || 0, m.children[u].offsetWidth + vr));
         });
       }), d.forEach((m) => {
-        h.forEach((u) => {
+        c.forEach((u) => {
           m.children[u] && (m.children[u].width = g[u] + "px", a[u].width = g[u]);
         });
-      }), c.forEach((m) => m.classList.remove("k-autofitting")), this.onResize(h[0], 0, 0, s, !0, o[0]);
+      }), h.forEach((m) => m.classList.remove("k-autofitting")), this.onResize(c[0], 0, 0, s, !0, o[0]);
     }, this.updateColElements = (s) => {
-      const o = this.columns.filter((i) => !i.children.length);
+      const o = this.columns.filter((r) => !r.children.length);
       let e = 1e-10;
-      for (let i = 0; i < s.length; i++) {
-        const n = s[i], a = o.findIndex((g) => g.id === n.id), h = parseFloat((n.width || 0).toString()), c = Math.floor(h);
-        e += h - c;
-        const d = c + Math.floor(e);
+      for (let r = 0; r < s.length; r++) {
+        const n = s[r], a = o.findIndex((g) => g.id === n.id), c = parseFloat((n.width || 0).toString()), h = Math.floor(c);
+        e += c - h;
+        const d = h + Math.floor(e);
         if (e -= Math.floor(e), this.colGroupMain && this.colGroupMain.children[a]) {
           const g = parseInt(this.colGroupMain.children[a].width, 10);
           this.colGroupMain.children[a].width = d + "px", this.updateNextLockedCol(
@@ -1627,63 +1625,63 @@ class br {
       e[n].width ? t -= parseFloat(e[n].width) : o++;
     if (o === 0)
       return;
-    const i = Math.floor(t / o);
+    const r = Math.floor(t / o);
     for (let n = 0; n < e.length; n++) {
       const a = e[n];
-      a.width || (a.width = i, s[n].width = i.toString(), this.colGroupHeader && (this.colGroupHeader.children[n].width = i), this.colGroupFooter && (this.colGroupFooter.children[n].width = i));
+      a.width || (a.width = r, s[n].width = r.toString(), this.colGroupHeader && (this.colGroupHeader.children[n].width = r), this.colGroupFooter && (this.colGroupFooter.children[n].width = r));
     }
   }
   setWidths(t, s) {
     const o = this.columns.findIndex((n) => n.id === t.id), e = [];
-    let i = t.children.length;
-    for (let n = o + 1; i > 0 && n < this.columns.length; n++, i--) {
+    let r = t.children.length;
+    for (let n = o + 1; r > 0 && n < this.columns.length; n++, r--) {
       const a = this.columns[n];
-      a.children.length ? i += a.children.length : e.push(a);
+      a.children.length ? r += a.children.length : e.push(a);
     }
     return e.length === 0 && e.push(t), e.forEach((n) => {
       let a = n.width ? parseFloat(n.width.toString()) * s : 0;
-      const h = n.minResizableWidth === void 0 ? 10 : n.minResizableWidth;
-      a < h && (a = h), n.width = a;
+      const c = n.minResizableWidth === void 0 ? 10 : n.minResizableWidth;
+      a < c && (a = c), n.width = a;
     }), this.updateColElements(e), e;
   }
   updateNextLockedCol(t, s, o) {
-    const e = s.index, i = this.colGroupMain.parentElement.closest(".k-grid"), n = i == null ? void 0 : i.clientWidth, a = this.columns.filter((h) => h.locked).map((h) => parseInt(h.width + "", 10)).reduce((h, c) => h + c, 0);
-    !s.locked || n <= a + Cr || this.columns.forEach((h) => {
-      if (h != null && h.locked && o) {
-        const c = t == null ? void 0 : t.querySelectorAll('[aria-colindex="' + h.ariaColumnIndex + '"]');
-        c == null || c.forEach((d) => {
+    const e = s.index, r = this.colGroupMain.parentElement.closest(".k-grid"), n = r == null ? void 0 : r.clientWidth, a = this.columns.filter((c) => c.locked).map((c) => parseInt(c.width + "", 10)).reduce((c, h) => c + h, 0);
+    !s.locked || n <= a + kr || this.columns.forEach((c) => {
+      if (c != null && c.locked && o) {
+        const h = t == null ? void 0 : t.querySelectorAll('[aria-colindex="' + c.ariaColumnIndex + '"]');
+        h == null || h.forEach((d) => {
           const g = d.style;
-          this.isRtl ? (h.index > e && g && g.right && (g.right = parseInt(g.right, 10) - o + "px"), h.index < e && g && g.left && (g.left = parseInt(g.left, 10) - o + "px")) : (h.index > e && g && g.left && (g.left = parseInt(g.left, 10) - o + "px"), h.index < e && g && g.right && (g.right = parseInt(g.right, 10) - o + "px"));
+          this.isRtl ? (c.index > e && g && g.right && (g.right = parseInt(g.right, 10) - o + "px"), c.index < e && g && g.left && (g.left = parseInt(g.left, 10) - o + "px")) : (c.index > e && g && g.left && (g.left = parseInt(g.left, 10) - o + "px"), c.index < e && g && g.right && (g.right = parseInt(g.right, 10) - o + "px"));
         });
       }
     });
   }
 }
-class xr {
+class Ir {
   constructor(t, s, o) {
     this.refDragElementClue = l.createRef(), this.refDropElementClue = l.createRef(), this.columns = [], this.reorderable = !1, this.groupable = !1, this.startColumn = -1, this.startGroup = -1, this.currentColumn = -1, this.currentGroup = -1, this.groupPanelDivElement = null, this.refGroupPanelDiv = (e) => {
       this.groupPanelDivElement = e && e.children ? e.children[0] : e;
-    }, this.pressHandler = (e, i) => {
-      const n = this.getColumnIndex(e, i);
+    }, this.pressHandler = (e, r) => {
+      const n = this.getColumnIndex(e, r);
       if (this.startGroup = this.getGroupIndex(e), n >= 0) {
         const a = this.columns[n];
         (a.reorderable && this.reorderable || a.groupable && this.groupable) && (this.startColumn = n);
       }
-    }, this.dragHandler = (e, i) => {
+    }, this.dragHandler = (e, r) => {
       if (e.isTouch || e.originalEvent.preventDefault(), e.originalEvent.stopPropagation(), this.startColumn === -1 && this.startGroup === -1)
         return;
-      this.currentColumn = this.getColumnIndex(e, i);
+      this.currentColumn = this.getColumnIndex(e, r);
       const n = this.groupPanelDivElement && this.groupPanelDivElement.children;
       this.currentGroup = this.isTargetGroupingContainer(e) ? n && n.length ? n.length : 0 : this.getGroupIndex(e);
       const a = !this.isValid();
       a && (this.currentColumn = -1, this.currentGroup = -1);
-      const h = this.currentColumn >= 0 ? i.children[this.columns[this.currentColumn].index] : this.isTargetGroupingContainer(e) ? e.originalEvent.target : this.groupPanelDivElement && this.groupPanelDivElement.children[this.currentGroup];
-      this.updateDragElementClue(e, i, h, a), this.updateDropElementClue(e, i, h, a);
+      const c = this.currentColumn >= 0 ? r.children[this.columns[this.currentColumn].index] : this.isTargetGroupingContainer(e) ? e.originalEvent.target : this.groupPanelDivElement && this.groupPanelDivElement.children[this.currentGroup];
+      this.updateDragElementClue(e, r, c, a), this.updateDropElementClue(e, r, c, a);
     }, this.releaseHandler = (e) => {
-      const i = this.startColumn, n = this.currentColumn, a = this.startGroup, h = this.currentGroup;
+      const r = this.startColumn, n = this.currentColumn, a = this.startGroup, c = this.currentGroup;
       e.originalEvent.preventDefault(), this.dropElementClue && this.dropElementClue.setState({ visible: !1 }), this.dragElementClue && this.dragElementClue.setState({ visible: !1 });
-      const c = this.isValid();
-      this.startColumn = this.startGroup = this.currentColumn = this.currentGroup = -1, c && (i >= 0 && n >= 0 ? this.columnReorder(i, n, e.originalEvent) : a >= 0 && h >= 0 ? this.groupReorder(a, h, e.originalEvent) : i >= 0 && h >= 0 && this.columnToGroup(i, h, e.originalEvent));
+      const h = this.isValid();
+      this.startColumn = this.startGroup = this.currentColumn = this.currentGroup = -1, h && (r >= 0 && n >= 0 ? this.columnReorder(r, n, e.originalEvent) : a >= 0 && c >= 0 ? this.groupReorder(a, c, e.originalEvent) : r >= 0 && c >= 0 && this.columnToGroup(r, c, e.originalEvent));
     }, this.columnReorder = t, this.groupReorder = s, this.columnToGroup = o;
   }
   get dragClueRef() {
@@ -1701,12 +1699,12 @@ class xr {
   getColumnIndex(t, s) {
     if (!s || s.parentElement === this.groupPanelDivElement)
       return -1;
-    const o = nt(t, s);
+    const o = ct(t, s);
     if (o === -1)
       return -1;
     for (let e = 0; e < s.parentNode.children.length; e++)
       if (s.parentNode.children[e] === s)
-        return this.columns.findIndex((i) => i.index === o && i.depth === e);
+        return this.columns.findIndex((r) => r.index === o && r.depth === e);
     return -1;
   }
   isTargetGroupingContainer(t) {
@@ -1714,7 +1712,7 @@ class xr {
     return s.className.indexOf ? s.className.indexOf("k-grouping-drop-container") !== -1 : !1;
   }
   getGroupIndex(t) {
-    return nt(t, this.groupPanelDivElement);
+    return ct(t, this.groupPanelDivElement);
   }
   isValid() {
     return this.startGroup >= 0 ? this.currentGroup >= 0 && this.currentGroup !== this.startGroup : this.startColumn === -1 ? !1 : this.currentGroup >= 0 ? this.columns[this.startColumn].groupable === !0 && this.groupable === !0 : this.reorderable === !0 && this.currentColumn >= 0 && this.currentColumn !== this.startColumn && this.columns[this.startColumn].reorderable === !0 && this.columns[this.currentColumn].parentIndex === this.columns[this.startColumn].parentIndex;
@@ -1722,12 +1720,12 @@ class xr {
   updateDragElementClue(t, s, o, e) {
     if (!this.dragElementClue)
       return;
-    const i = this.startColumn >= 0 ? s.children[this.columns[this.startColumn].index].innerText : s.innerText;
+    const r = this.startColumn >= 0 ? s.children[this.columns[this.startColumn].index].innerText : s.innerText;
     this.dragElementClue.setState({
       visible: !0,
       top: t.pageY + 10,
       left: t.pageX,
-      innerText: i,
+      innerText: r,
       status: e || !o ? "k-i-cancel" : "k-i-plus"
     });
   }
@@ -1738,109 +1736,109 @@ class xr {
       this.dropElementClue.setState({ visible: !1 });
       return;
     }
-    const i = o.getBoundingClientRect(), a = (o.closest(".k-grouping-header") || o).getBoundingClientRect();
-    let h = i.left + t.pageX - t.clientX - 6;
-    !this.isTargetGroupingContainer(t) && (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) && (h += i.width);
-    const c = a.top + t.pageY - t.clientY;
+    const r = o.getBoundingClientRect(), a = (o.closest(".k-grouping-header") || o).getBoundingClientRect();
+    let c = r.left + t.pageX - t.clientX - 6;
+    !this.isTargetGroupingContainer(t) && (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) && (c += r.width);
+    const h = a.top + t.pageY - t.clientY;
     this.dropElementClue.setState({
       visible: !0,
-      top: c,
-      left: h,
+      top: h,
+      left: c,
       height: this.currentColumn >= 0 ? s.clientHeight : a.height
     });
   }
 }
-const kr = (r) => {
+const Sr = (i) => {
   let t = null;
-  const s = Rs(), o = q(r.id), e = l.useCallback((c) => {
-    r.onContextMenu && r.onContextMenu.call(void 0, c, r.dataItem, r.field);
-  }, [r.onContextMenu, r.dataItem, r.field]);
-  let i = null, n = null;
-  if (r.rowType === "groupFooter")
-    i = {
+  const s = Ts(), o = q(i.id), e = l.useCallback((h) => {
+    i.onContextMenu && i.onContextMenu.call(void 0, h, i.dataItem, i.field);
+  }, [i.onContextMenu, i.dataItem, i.field]);
+  let r = null, n = null;
+  if (i.rowType === "groupFooter")
+    r = {
       onContextMenu: e,
-      className: r.className
-    }, t = /* @__PURE__ */ l.createElement("td", { ...i });
-  else if (r.rowType !== "groupHeader") {
-    if (r.field !== void 0) {
-      const d = T(r.field, r.dataItem);
-      d != null && (n = r.format ? s.format(r.format, d) : d.toString());
+      className: i.className
+    }, t = /* @__PURE__ */ l.createElement("td", { ...r });
+  else if (i.rowType !== "groupHeader") {
+    if (i.field !== void 0) {
+      const d = T(i.field, i.dataItem);
+      d != null && (n = i.format ? s.format(i.format, d) : d.toString());
     }
-    const c = y(
+    const h = y(
       "k-table-td",
-      r.className,
-      { "k-selected": r.isSelected }
+      i.className,
+      { "k-selected": i.isSelected }
     );
-    i = {
+    r = {
       onContextMenu: e,
-      colSpan: r.colSpan,
-      style: r.style,
-      className: c,
+      colSpan: i.colSpan,
+      style: i.style,
+      className: h,
       role: "gridcell",
-      "aria-colindex": r.ariaColumnIndex,
-      "aria-selected": r.isSelected,
-      [re]: r.columnIndex,
+      "aria-colindex": i.ariaColumnIndex,
+      "aria-selected": i.isSelected,
+      [se]: i.columnIndex,
       ...o
-    }, t = /* @__PURE__ */ l.createElement("td", { ...i }, n);
+    }, t = /* @__PURE__ */ l.createElement("td", { ...r }, n);
   }
-  const a = r.rowType || "data", h = r.cells;
-  if (h && h[a]) {
-    const c = h[a];
-    return /* @__PURE__ */ l.createElement(c, { ...r, tdProps: i }, n);
+  const a = i.rowType || "data", c = i.cells;
+  if (c && c[a]) {
+    const h = c[a];
+    return /* @__PURE__ */ l.createElement(h, { ...i, tdProps: r }, n);
   }
-  return r.render ? r.render.call(void 0, t, r) : t;
-}, kt = (r) => {
+  return i.render ? i.render.call(void 0, t, i) : t;
+}, Et = (i) => {
   let t = null;
-  const { columnIndex: s, level: o, columnsCount: e, rowType: i, dataItem: n, field: a, onChange: h, expanded: c, render: d, dataIndex: g, ariaColumnIndex: m, isRtl: u } = r, b = a || "", E = q(r.id), C = Nt();
-  let x = null, I = null, k = null;
+  const { columnIndex: s, level: o, columnsCount: e, rowType: r, dataItem: n, field: a, onChange: c, expanded: h, render: d, dataIndex: g, ariaColumnIndex: m, isRtl: u } = i, b = a || "", E = q(i.id), C = Tt();
+  let x = null, I = null, v = null;
   const _ = l.useCallback(
     (F) => {
-      F.isDefaultPrevented() || F.keyCode === me.enter && h && (F.preventDefault(), h({
+      F.isDefaultPrevented() || F.keyCode === me.enter && c && (F.preventDefault(), c({
         dataItem: n,
         dataIndex: g,
         syntheticEvent: F,
         field: void 0,
-        value: !c
+        value: !h
       }));
     },
-    [c, h, n, g]
+    [h, c, n, g]
   ), D = l.useCallback((F) => {
-    r.onContextMenu && r.onContextMenu.call(void 0, F, r.dataItem, r.field);
-  }, [r.onContextMenu, r.dataItem, r.field]), de = (F, ke) => {
-    const pe = c ? At : Pt, ve = C.toLanguageString(pe, v[pe]);
+    i.onContextMenu && i.onContextMenu.call(void 0, F, i.dataItem, i.field);
+  }, [i.onContextMenu, i.dataItem, i.field]), he = (F, ve) => {
+    const de = h ? Wt : Bt, ke = C.toLanguageString(de, k[de]);
     return x = {
       className: "k-table-td",
-      style: { ...r.style, ...ke },
+      style: { ...i.style, ...ve },
       colSpan: F,
       key: "g-colspan",
       role: "gridcell",
       ["aria-selected"]: !1,
-      ["aria-expanded"]: c,
+      ["aria-expanded"]: h,
       ["aria-colindex"]: m,
       onKeyDown: _,
       onContextMenu: D,
       ...E
-    }, k = /* @__PURE__ */ l.createElement("p", { className: "k-reset" }, /* @__PURE__ */ l.createElement(
+    }, v = /* @__PURE__ */ l.createElement("p", { className: "k-reset" }, /* @__PURE__ */ l.createElement(
       "a",
       {
         onClick: (J) => {
-          J.preventDefault(), h && h({
+          J.preventDefault(), c && c({
             dataItem: n,
             dataIndex: g,
             syntheticEvent: J,
             field: void 0,
-            value: !c
+            value: !h
           });
         },
         href: "#",
         tabIndex: -1,
-        "aria-label": ve
+        "aria-label": ke
       },
       /* @__PURE__ */ l.createElement(
         O,
         {
-          name: c ? "caret-alt-down" : u ? "caret-alt-left" : "caret-alt-right",
-          icon: c ? Gs : u ? Ms : Hs
+          name: h ? "caret-alt-down" : u ? "caret-alt-left" : "caret-alt-right",
+          icon: h ? Ls : u ? Os : _s
         }
       )
     ), n[b] instanceof Date && n[b].toString ? n[b].toString() : n[b]), /* @__PURE__ */ l.createElement(
@@ -1849,16 +1847,16 @@ const kr = (r) => {
         ...x,
         key: x.key
       },
-      k
+      v
     );
   };
-  s === void 0 || o === void 0 || s < o || e === void 0 || i !== "groupHeader" || n[b] === void 0 ? (x = {
-    style: r.style,
+  s === void 0 || o === void 0 || s < o || e === void 0 || r !== "groupHeader" || n[b] === void 0 ? (x = {
+    style: i.style,
     key: "g" + s,
     className: y(
       "k-table-td",
       "k-group-cell",
-      { "k-grid-content-sticky": r.locked }
+      { "k-grid-content-sticky": i.locked }
     ),
     role: "gridcell",
     onContextMenu: D
@@ -1868,26 +1866,26 @@ const kr = (r) => {
       ...x,
       key: x.key
     }
-  )) : s <= o && !r.locked ? t = de(e - s, {}) : s <= o && r.locked && (I = {
+  )) : s <= o && !i.locked ? t = he(e - s, {}) : s <= o && i.locked && (I = {
     className: "k-table-td",
     role: "gridcell",
     colSpan: e - s,
     style: { borderLeftWidth: 0, borderRightWidth: 0 },
     onContextMenu: D
-  }, t = /* @__PURE__ */ l.createElement(l.Fragment, null, de(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ l.createElement(
+  }, t = /* @__PURE__ */ l.createElement(l.Fragment, null, he(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ l.createElement(
     "td",
     {
       ...I
     }
   )));
-  const Y = r.rowType || "data", $ = r.cells;
+  const Y = i.rowType || "data", $ = i.cells;
   if ($ && $.group && $.group[Y]) {
     const F = $.group[Y];
-    return /* @__PURE__ */ l.createElement(F, { ...r, tdProps: x, td2Props: I }, k);
+    return /* @__PURE__ */ l.createElement(F, { ...i, tdProps: x, td2Props: I }, v);
   }
-  return d ? d.call(void 0, t, r) : t;
+  return d ? d.call(void 0, t, i) : t;
 };
-class vr extends l.Component {
+class yr extends l.Component {
   /**
    * @hidden
    */
@@ -1917,14 +1915,14 @@ class vr extends l.Component {
         "aria-rowindex": this.props.ariaRowIndex,
         "absolute-row-index": this.props.absoluteRowIndex,
         key: this.props.absoluteRowIndex,
-        [rr]: this.props.rowType === "data" ? this.props.dataIndex : void 0
+        [nr]: this.props.rowType === "data" ? this.props.dataIndex : void 0
       },
       this.props.children
     );
     return this.props.render ? this.props.render.call(void 0, s, this.props) : s;
   }
 }
-class Er extends l.Component {
+class wr extends l.Component {
   get _inputId() {
     return this.props.id;
   }
@@ -1944,23 +1942,23 @@ class Er extends l.Component {
         }
       )),
       /* @__PURE__ */ l.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: this._inputId }),
-      t.columnMenu && /* @__PURE__ */ l.createElement(Kt, { ...t })
+      t.columnMenu && /* @__PURE__ */ l.createElement(qt, { ...t })
     ];
     return this.props.render ? this.props.render.call(void 0, s, this.props) : s;
   }
 }
-const Ir = wt(Er);
-class qe extends l.Component {
+const Rr = Ft(wr);
+class je extends l.Component {
   /**
    * @hidden
    */
   render() {
-    return this.props.children || G(this).toLanguageString(Fe, v[Fe]);
+    return this.props.children || G(this).toLanguageString(De, k[De]);
   }
 }
-qe.displayName = "KendoReactGridNoRecords";
-M(qe);
-class Sr extends l.Component {
+je.displayName = "KendoReactGridNoRecords";
+M(je);
+class Fr extends l.Component {
   constructor() {
     super(...arguments), this._element = null, this.renderCell = (t, s) => {
       const o = {
@@ -1977,9 +1975,9 @@ class Sr extends l.Component {
         field: t.field,
         ariaColumnIndex: t.ariaColumnIndex,
         ...o
-      }, i = be(this.props.cells, t.cells);
-      if (i && i.footerCell) {
-        const n = i.footerCell;
+      }, r = be(this.props.cells, t.cells);
+      if (r && r.footerCell) {
+        const n = r.footerCell;
         return /* @__PURE__ */ l.createElement(n, { ...e, tdProps: o, index: s });
       }
       return t.footerCell && /* @__PURE__ */ l.createElement(t.footerCell, { ...e, key: s }) || /* @__PURE__ */ l.createElement("td", { ...o });
@@ -1989,36 +1987,36 @@ class Sr extends l.Component {
     return this._element;
   }
   render() {
-    return /* @__PURE__ */ l.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, Vs(this.props.columns).map(this.renderCell));
+    return /* @__PURE__ */ l.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, $s(this.props.columns).map(this.renderCell));
   }
 }
-const yr = ({
-  buttonCount: r = 10,
+const Nr = ({
+  buttonCount: i = 10,
   info: t = !0,
   type: s = "numeric",
   pageSizes: o = void 0,
   previousNext: e = !0,
-  responsive: i = void 0,
+  responsive: r = void 0,
   pageSizeValue: n = void 0
 }) => ({
-  buttonCount: r,
+  buttonCount: i,
   info: t,
   pageSizes: o === !0 ? [5, 10, 20] : o || void 0,
   previousNext: e,
-  responsive: i !== !1,
+  responsive: r !== !1,
   type: s,
   pageSizeValue: n
-}), wr = (r) => yr(r === !0 ? {} : r), vt = {
+}), Dr = (i) => Nr(i === !0 ? {} : i), It = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1705940278,
+  publishDate: 1706619335,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Rr = (r) => {
-  const { colSpan: t, ariaColIndex: s, dataItem: o, dataIndex: e, id: i } = r, n = q(i), a = l.useCallback((h) => {
-    r.onContextMenu && r.onContextMenu.call(void 0, h, r.dataItem);
-  }, [r.onContextMenu, r.dataItem]);
+}, Tr = (i) => {
+  const { colSpan: t, ariaColIndex: s, dataItem: o, dataIndex: e, id: r } = i, n = q(r), a = l.useCallback((c) => {
+    i.onContextMenu && i.onContextMenu.call(void 0, c, i.dataItem);
+  }, [i.onContextMenu, i.dataItem]);
   return /* @__PURE__ */ l.createElement(
     "td",
     {
@@ -2029,96 +2027,96 @@ const yr = ({
       role: "gridcell",
       ...n
     },
-    /* @__PURE__ */ l.createElement(r.detail, { dataItem: o, dataIndex: e })
+    /* @__PURE__ */ l.createElement(i.detail, { dataItem: o, dataIndex: e })
   );
-}, Fr = (r) => {
-  const t = q(r.id);
+}, Gr = (i) => {
+  const t = q(i.id);
   return /* @__PURE__ */ l.createElement("td", { className: "k-table-td k-hierarchy-cell", ...t, role: "gridcell" });
 };
 let ce = class extends l.Component {
   constructor(t) {
     super(t), this._columns = [], this._columnsMap = [[]], this._columnsMutations = 0, this._resized = !1, this._shouldUpdateLeftRight = !0, this.contextStateRef = { current: void 0 }, this.navigationStateRef = { current: void 0 }, this._data = [], this._slicedData = void 0, this.wrapperScrollTop = 0, this.showLicenseWatermark = !1, this.headerRef = l.createRef(), this.headerElementRef = l.createRef(), this._element = null, this.tableElement = null, this.containerRef = l.createRef(), this.tableBodyRef = l.createRef(), this._footer = null, this.forceUpdateTimeout = void 0, this.isRtl = !1, this.observer = null, this.handleIntersection = (e) => {
-      const i = { rowIndex: this.rowIndex };
+      const r = { rowIndex: this.rowIndex };
       e.forEach((n) => {
-        n.isIntersecting || this.setCurrentOnTop(i);
+        n.isIntersecting || this.setCurrentOnTop(r);
       });
     }, this.setCurrentOnTop = (e) => {
       if (!this.vs.container || this.props.scrollable === "none")
         return;
       this.observer && this.observer.disconnect();
-      const { rowIndex: i } = e;
+      const { rowIndex: r } = e;
       if (this.props.scrollable === "virtual")
-        this.vs.askedSkip = i, this.vs.container.scroll(0, Math.round(this.vs.askedSkip / this.vs.total * this.vs.container.scrollHeight));
+        this.vs.askedSkip = r, this.vs.container.scroll(0, Math.round(this.vs.askedSkip / this.vs.total * this.vs.container.scrollHeight));
       else if (this.element) {
-        const n = i < 1 ? this.element.querySelector("tbody > tr:nth-child(1)") : this.element.querySelector(`tbody > tr:nth-child(${i + 1})`);
+        const n = r < 1 ? this.element.querySelector("tbody > tr:nth-child(1)") : this.element.querySelector(`tbody > tr:nth-child(${r + 1})`);
         n && this.containerRef.current && (this.containerRef.current.scrollTop = n.offsetTop);
       }
     }, this.scrollIntoView = (e) => {
       if (!this.vs.container || this.props.scrollable === "none")
         return;
       this.rowIndex = e.rowIndex;
-      const { rowIndex: i } = e, n = this.element;
+      const { rowIndex: r } = e, n = this.element;
       if (this.observer && n) {
         this.observer.disconnect();
-        const a = n.querySelector(`[absolute-row-index="${i}"]`);
+        const a = n.querySelector(`[absolute-row-index="${r}"]`);
         a ? this.observer.observe(a) : this.setCurrentOnTop(e);
       }
     }, this.fitColumns = (e) => {
       this.columnResize.dblClickHandler(null, e);
-    }, this.onContextMenu = (e, i, n) => {
+    }, this.onContextMenu = (e, r, n) => {
       if (this.props.onContextMenu) {
         const a = {
           target: this,
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
-          dataItem: i,
+          dataItem: r,
           field: n
         };
         this.props.onContextMenu.call(void 0, a);
       }
     }, this.getVirtualScroll = (e) => {
-      const { rowHeight: i, detailRowHeight: n, detail: a, expandField: h, groupable: c } = e, d = this.isAllData(), g = i !== void 0 && i > 0, m = n !== void 0 && n > 0, u = c === !0 || typeof c == "object" && c.enabled !== !1;
-      return !g || u && !d || !!(a && h) && (!m || !d) ? fr : xt;
+      const { rowHeight: r, detailRowHeight: n, detail: a, expandField: c, groupable: h } = e, d = this.isAllData(), g = r !== void 0 && r > 0, m = n !== void 0 && n > 0, u = h === !0 || typeof h == "object" && h.enabled !== !1;
+      return !g || u && !d || !!(a && c) && (!m || !d) ? xr : kt;
     }, this.isAllData = () => {
-      const { data: e, total: i } = this.props;
-      return Array.isArray(e) ? e.length === i : e ? i === e.total : !1;
-    }, this.initializeVirtualization = (e, i) => {
+      const { data: e, total: r } = this.props;
+      return Array.isArray(e) ? e.length === r : e ? r === e.total : !1;
+    }, this.initializeVirtualization = (e, r) => {
       if (this.reInitVirtualization(
         this.props.scrollable === "virtual",
         this.props.total,
         this.props.filter,
         this.props.group,
         this.props.sort,
-        i || this.props.rowHeight === void 0 || this.props.rowHeight === 0
-      ), this.vs.fixedScroll = this.props.fixedScroll || !1, this.vs.PageChange = this.pageChange, this.vs.realSkip = this.props.skip || 0, this.vs.pageSize = (this.props.take !== void 0 ? this.props.take : this.props.pageSize) || 0, this.vs.scrollableVirtual = this.props.scrollable === "virtual", this.vs.total = e, this.vs.propsSkip = (this.props.skip || 0) + (this.props.scrollable === "virtual" ? this.vs.topCacheCount + (this.vs.attendedSkip - (this.props.skip || 0)) : 0), this.props.rowHeight !== void 0 && this.props.rowHeight > 0 && !i) {
+        r || this.props.rowHeight === void 0 || this.props.rowHeight === 0
+      ), this.vs.fixedScroll = this.props.fixedScroll || !1, this.vs.PageChange = this.pageChange, this.vs.realSkip = this.props.skip || 0, this.vs.pageSize = (this.props.take !== void 0 ? this.props.take : this.props.pageSize) || 0, this.vs.scrollableVirtual = this.props.scrollable === "virtual", this.vs.total = e, this.vs.propsSkip = (this.props.skip || 0) + (this.props.scrollable === "virtual" ? this.vs.topCacheCount + (this.vs.attendedSkip - (this.props.skip || 0)) : 0), this.props.rowHeight !== void 0 && this.props.rowHeight > 0 && !r) {
         const n = this.props.rowHeight * e;
-        this.vs.containerHeight = Re ? Math.min(mt, n) : n;
+        this.vs.containerHeight = Ne ? Math.min(bt, n) : n;
       } else
         this.vs.containerHeight = 1533915;
-      if (this.vs.containerRef = this.containerRef, this.vs.tableBodyRef = this.tableBodyRef, this.vs.table = this.tableElement, this._slicedData = void 0, this.vs instanceof xt) {
-        const { rowHeight: n = 0, detail: a, expandField: h } = this.props;
-        let { detailRowHeight: c = 0 } = this.props;
-        c = a && h ? c : n, this.isAllData() ? (this.vs.total = this._data.length, this._slicedData = this._data.slice(this.vs.realSkip, this.vs.realSkip + this.vs.pageSize), this.vs.rowHeightService = this.rowHeightService(this.vs, this._data.length, n, c, this._data)) : this.vs.rowHeightService = new bt(e, n, c);
+      if (this.vs.containerRef = this.containerRef, this.vs.tableBodyRef = this.tableBodyRef, this.vs.table = this.tableElement, this._slicedData = void 0, this.vs instanceof kt) {
+        const { rowHeight: n = 0, detail: a, expandField: c } = this.props;
+        let { detailRowHeight: h = 0 } = this.props;
+        h = a && c ? h : n, this.isAllData() ? (this.vs.total = this._data.length, this._slicedData = this._data.slice(this.vs.realSkip, this.vs.realSkip + this.vs.pageSize), this.vs.rowHeightService = this.rowHeightService(this.vs, this._data.length, n, h, this._data)) : this.vs.rowHeightService = new vt(e, n, h);
         const d = this.vs.rowHeightService.totalHeight();
-        this.vs.containerHeight = Re ? Math.min(mt, d) : d;
+        this.vs.containerHeight = Ne ? Math.min(bt, d) : d;
       }
     }, this.scrollHandler = (e) => {
       if (e.target !== e.currentTarget)
         return;
       clearTimeout(this.forceUpdateTimeout), this.vs.table = this.tableElement;
-      const i = e.currentTarget.scrollLeft, n = e.currentTarget.scrollTop;
+      const r = e.currentTarget.scrollLeft, n = e.currentTarget.scrollTop;
       this.props.columnVirtualization && (!this.vs.scrollableVirtual || n === this.wrapperScrollTop) && (this.forceUpdateTimeout = window.setTimeout(() => {
         this.forceUpdate();
-      }, 0)), this._header && this._header.setScrollLeft(i), this._footer && this._footer.setScrollLeft(i), this.vs && n !== this.wrapperScrollTop && this.vs.scrollHandler(e), us(this.props.onScroll, e, this, void 0), this.wrapperScrollTop = n;
+      }, 0)), this._header && this._header.setScrollLeft(r), this._footer && this._footer.setScrollLeft(r), this.vs && n !== this.wrapperScrollTop && this.vs.scrollHandler(e), fs(this.props.onScroll, e, this, void 0), this.wrapperScrollTop = n;
     }, this.onKeyDown = (e) => {
       if (X.onKeyDown(e, {
         contextStateRef: this.contextStateRef,
         navigationStateRef: this.navigationStateRef,
         onNavigationAction: this.onNavigationAction
       }), this.props.onKeyDown) {
-        const { mode: i, cell: n } = at(this.props.selectable), a = {
+        const { mode: r, cell: n } = ht(this.props.selectable), a = {
           dataItems: this.getLeafDataItems(),
-          mode: i,
+          mode: r,
           cell: n,
           componentId: this._gridId,
           selectedField: this.props.selectedField,
@@ -2132,30 +2130,30 @@ let ce = class extends l.Component {
       });
     }, this.onNavigationAction = (e) => {
       if (this.props.onNavigationAction) {
-        const i = {
+        const r = {
           focusElement: e.focusElement,
           ...this.getArguments(e.event)
         };
-        this.props.onNavigationAction.call(void 0, i);
+        this.props.onNavigationAction.call(void 0, r);
       }
-    }, this.rowClick = (e, i) => {
+    }, this.rowClick = (e, r) => {
       this.props.onRowClick && e.target.nodeName === "TD" && this.props.onRowClick.call(
         void 0,
         {
-          dataItem: i.dataItem,
+          dataItem: r.dataItem,
           ...this.getArguments(e)
         }
       );
-    }, this.rowDblClick = (e, i) => {
+    }, this.rowDblClick = (e, r) => {
       this.props.onRowDoubleClick && e.target.nodeName === "TD" && this.props.onRowDoubleClick.call(
         void 0,
         {
-          dataItem: i.dataItem,
+          dataItem: r.dataItem,
           ...this.getArguments(e)
         }
       );
     }, this.itemChange = (e) => {
-      const i = this.props.onItemChange;
+      const r = this.props.onItemChange;
       if (e.field === this.props.expandField || this.props.group && e.field === void 0) {
         const n = this.props.onExpandChange;
         n && n.call(
@@ -2169,7 +2167,7 @@ let ce = class extends l.Component {
         );
         return;
       }
-      i && i.call(
+      r && r.call(
         void 0,
         {
           ...this.getArguments(e.syntheticEvent),
@@ -2192,7 +2190,7 @@ let ce = class extends l.Component {
       );
     }, this.selectionRelease = (e) => {
       if (this.props.onSelectionChange) {
-        const i = {
+        const r = {
           syntheticEvent: void 0,
           target: this,
           selectedField: this.props.selectedField || "",
@@ -2201,78 +2199,99 @@ let ce = class extends l.Component {
           dataItem: null,
           ...e
         };
-        this.props.onSelectionChange.call(void 0, i);
+        this.props.onSelectionChange.call(void 0, r);
       }
-    }, this.pageChange = (e, i, n) => {
+    }, this.pageChange = (e, r, n) => {
       this.raiseDataEvent(
         this.props.onPageChange,
         { page: e },
         { skip: e.skip, take: e.take },
-        i,
+        r,
         n
       );
     }, this.pagerPageChange = (e) => {
       this.pageChange({ skip: e.skip, take: e.take }, e.syntheticEvent, e.targetEvent);
-    }, this.sortChange = (e, i) => {
+    }, this.sortChange = (e, r) => {
       this.raiseDataEvent(
         this.props.onSortChange,
         { sort: e },
         { sort: e, ...this.props.scrollable === "virtual" ? { skip: 0 } : {} },
-        i
+        r
       );
-    }, this.filterChange = (e, i) => {
+    }, this.filterChange = (e, r) => {
       this.raiseDataEvent(
         this.props.onFilterChange,
         { filter: e },
         { filter: e || void 0, skip: 0 },
-        i
+        r
       );
-    }, this.groupChange = (e, i) => {
-      const n = i.nativeEvent ? i : { nativeEvent: i.nativeEvent || i.originalEvent };
+    }, this.groupChange = (e, r) => {
+      const n = r.nativeEvent ? r : { nativeEvent: r.nativeEvent || r.originalEvent };
       this.raiseDataEvent(
         this.props.onGroupChange,
         { group: e },
         { group: e, skip: 0 },
         n
       );
-    }, this.onResize = (e, i, n, a, h, c) => {
+    }, this.onClipboard = (e, r) => {
+      if (this.props.onClipboard) {
+        if (!this.inActiveElement() || !e)
+          return;
+        this.props.onClipboard.call(
+          void 0,
+          {
+            type: e,
+            nativeEvent: r,
+            columns: this._columns,
+            dataItemKey: this.props.dataItemKey || "",
+            ...typeof this.props.clipboard != "boolean" ? this.props.clipboard : {}
+          }
+        );
+      }
+    }, this.inActiveElement = () => {
+      var c, h, d;
+      if (!ye)
+        return !1;
+      const e = ms(this.document), r = e ? e.matches(".k-table-td") ? e : (c = this.document) == null ? void 0 : c.body : (h = this.document) == null ? void 0 : h.body, n = r.closest(".k-grid-container"), a = r && ((d = this._element) == null ? void 0 : d.contains(r));
+      return !!(r && a && n);
+    }, this.onResize = (e, r, n, a, c, h) => {
       this.resetTableWidth(), this._shouldUpdateLeftRight = !0, this._resized = !0, this._columnsMutations++, this.props.onColumnResize && this.props.onColumnResize.call(
         void 0,
         {
           columns: this.columns,
           nativeEvent: a,
-          targetColumnId: c,
+          targetColumnId: h,
           index: e,
-          newWidth: i,
+          newWidth: r,
           oldWidth: n,
-          end: h,
+          end: c,
           target: this
         }
       );
-    }, this.reInitVirtualization = B((e, i, n, a, h, c) => {
+    }, this.reInitVirtualization = B((e, r, n, a, c, h) => {
       this.vs.reset();
       const d = this.getVirtualScroll(this.props);
-      this.vs = new d(c);
-    }), this.flatData = B((e, i, n, a, h, c, d) => {
-      const g = [], m = Ht(
+      this.vs = new d(h);
+    }), this.flatData = B((e, r, n, a, c, h, d) => {
+      const g = [], m = Lt(
         g,
         e,
-        i,
+        r,
         { index: n },
         a !== void 0,
-        h
+        c
       );
       return { flattedData: g, resolvedGroupsCount: m };
-    }), this.rowHeightService = B((e, i, n, a, h) => new bt(i, n, a, h)), this.childrenToArray = B((e) => l.Children.toArray(e)), this.readColumns = B(
-      (e, i, n) => {
-        const a = e.filter((h) => h && h.type && h.type.displayName === "KendoReactGridColumn");
-        return zt(a, this.columns, { prevId: 0, idPrefix: i });
+    }), this.rowHeightService = B((e, r, n, a, c) => new vt(r, n, a, c)), this.childrenToArray = B((e) => l.Children.toArray(e)), this.readColumns = B(
+      (e, r, n) => {
+        const a = e.filter((c) => c && c.type && c.type.displayName === "KendoReactGridColumn");
+        return Ot(a, this.columns, { prevId: 0, idPrefix: r });
       }
     ), this.mapColumns = B(
-      (e) => Es(e)
-    ), this.configureColumns = B((e, i, n) => {
-      this.props.selectedField && e.filter((c) => c.field === this.props.selectedField).forEach((c) => {
-        c.width = c.width || "50px", c.cell = c.cell || Ks, c.headerCell = c.headerCell || Ir;
+      (e) => ys(e)
+    ), this.configureColumns = B((e, r, n) => {
+      this.props.selectedField && e.filter((h) => h.field === this.props.selectedField).forEach((h) => {
+        h.width = h.width || "50px", h.cell = h.cell || js, h.headerCell = h.headerCell || Rr;
       });
       const a = {
         id: "",
@@ -2293,35 +2312,35 @@ let ce = class extends l.Component {
         ariaColumnIndex: 0,
         isAccessible: !0
       };
-      let h = 0;
+      let c = 0;
       this.props.expandField && this.props.onExpandChange && this.props.detail && (e.unshift({
         ...a,
-        cell: sr,
+        cell: lr,
         field: this.props.expandField,
         headerClassName: "k-hierarchy-cell k-header",
         id: z.generateNavigatableId(`${this._columns.length}`, n, "column")
-      }), h++);
-      for (let c = 0; c < i; c++)
+      }), c++);
+      for (let h = 0; h < r; h++)
         e.unshift({
           ...a,
           isAccessible: !1,
-          cell: kt,
+          cell: Et,
           field: "value",
           locked: this.props.lockGroups
-        }), h++;
-      e.slice(h).forEach((c) => c.parentIndex >= 0 && (c.parentIndex += h));
-    }), this.getHeaderRow = B((e, i, n, a, h, c, d, g, m, u, b, E) => /* @__PURE__ */ l.createElement(
-      Ut,
+        }), c++;
+      e.slice(c).forEach((h) => h.parentIndex >= 0 && (h.parentIndex += c));
+    }), this.getHeaderRow = B((e, r, n, a, c, h, d, g, m, u, b, E) => /* @__PURE__ */ l.createElement(
+      $t,
       {
         cells: this.props.cells,
         sort: e,
-        sortable: i,
+        sortable: r,
         sortChange: this.sortChange,
         group: n || [],
         groupable: a,
         groupChange: this.groupChange,
-        filter: h,
-        filterable: c,
+        filter: c,
+        filterable: h,
         filterOperators: d,
         filterChange: this.filterChange,
         columnMenu: m,
@@ -2339,15 +2358,15 @@ let ce = class extends l.Component {
         containerRef: this.containerRef
       }
     )), this.resolveTitle = (e) => {
-      const i = this._columns.find((a) => a.field === e), n = i && (i.title || i.field);
+      const r = this._columns.find((a) => a.field === e), n = r && (r.title || r.field);
       return n === void 0 ? e : n;
-    }, this.getLeafDataItems = () => this._data.filter((e) => e.rowType === "data").map((e) => e.dataItem), gs(vt), this.showLicenseWatermark = fs(vt);
+    }, this.getLeafDataItems = () => this._data.filter((e) => e.rowType === "data").map((e) => e.dataItem), Cs(It), this.showLicenseWatermark = bs(It);
     const s = this.props.groupable === !0 || typeof this.props.groupable == "object" && this.props.groupable.enabled !== !1, o = this.getVirtualScroll(t);
-    this.vs = new o(s || t.rowHeight === void 0 || t.rowHeight === 0), this.dragLogic = new xr(
+    this.vs = new o(s || t.rowHeight === void 0 || t.rowHeight === 0), this.dragLogic = new Ir(
       this.columnReorder.bind(this),
       this.groupReorder.bind(this),
       this.columnToGroup.bind(this)
-    ), this.columnResize = new br(this.onResize), X.onConstructor({
+    ), this.columnResize = new Er(this.onResize), this.props.clipboard && (this.clipboardService = new ws(this.onClipboard)), X.onConstructor({
       navigatable: !!t.navigatable,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef,
@@ -2396,7 +2415,7 @@ let ce = class extends l.Component {
   // tslint:enable:max-line-length
   get columns() {
     const t = this._columns.filter((s) => s.declarationIndex >= 0 && s.parentIndex === -1);
-    return Lt(t);
+    return _t(t);
   }
   /**
    * Returns the HTML element of the Grid component.
@@ -2405,7 +2424,7 @@ let ce = class extends l.Component {
     return this._element;
   }
   get document() {
-    if (it)
+    if (ye)
       return this.element && this.element.ownerDocument || document;
   }
   get _header() {
@@ -2418,8 +2437,8 @@ let ce = class extends l.Component {
    * @hidden
    */
   componentDidMount() {
-    this.resetTableWidth(), ot();
-    const t = Rt(this.element);
+    this.resetTableWidth(), nt();
+    const t = Nt(this.element);
     this.isRtl = t, X.onComponentDidMount({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
@@ -2429,7 +2448,7 @@ let ce = class extends l.Component {
       rootMargin: "0px",
       threshold: 0.9
     };
-    this.observer = it && window.IntersectionObserver && new window.IntersectionObserver(this.handleIntersection, s) || null;
+    this.clipboardService && this.clipboardService.addEventListeners(this.document), this.observer = ye && window.IntersectionObserver && new window.IntersectionObserver(this.handleIntersection, s) || null;
   }
   /**
    * @hidden
@@ -2445,7 +2464,7 @@ let ce = class extends l.Component {
    * @hidden
    */
   componentDidUpdate() {
-    this.resetTableWidth(), ot(), this.vs.tableTransform && this.vs.table && (this.vs.table.style.transform = this.vs.tableTransform, this.vs.tableTransform = ""), X.onComponentDidUpdate({
+    this.resetTableWidth(), nt(), this.vs.tableTransform && this.vs.table && (this.vs.table.style.transform = this.vs.tableTransform, this.vs.tableTransform = ""), X.onComponentDidUpdate({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -2455,18 +2474,18 @@ let ce = class extends l.Component {
    * @hidden
    */
   componentWillUnmount() {
-    clearTimeout(this.forceUpdateTimeout);
+    clearTimeout(this.forceUpdateTimeout), this.clipboardService && this.clipboardService.removeEventListeners(this.document);
   }
   /**
    * @hidden
    */
   render() {
-    var st;
+    var ot;
     let t = this.props.total || 0;
     const s = z.getIdPrefix(this.navigationStateRef);
     let o = [];
     Array.isArray(this.props.data) ? (o = this.props.data, t = t || this.props.data.length) : this.props.data && (o = this.props.data.data, t = t || this.props.data.total);
-    const e = typeof this.props.groupable == "object" && this.props.groupable.footer || "none", { resolvedGroupsCount: i, flattedData: n } = this.flatData(
+    const e = typeof this.props.groupable == "object" && this.props.groupable.footer || "none", { resolvedGroupsCount: r, flattedData: n } = this.flatData(
       o,
       e,
       this.props.skip || 0,
@@ -2478,12 +2497,12 @@ let ce = class extends l.Component {
     this._data = n;
     const a = this.props.groupable === !0 || typeof this.props.groupable == "object" && this.props.groupable.enabled !== !1;
     this.columnResize.resizable = this.props.resizable || !1, this.dragLogic.reorderable = this.props.reorderable || !1, this.dragLogic.groupable = a;
-    const h = this.props.selectable && this.props.selectable.drag ? "none" : void 0;
+    const c = this.props.selectable && this.props.selectable.drag ? "none" : void 0;
     this.initializeVirtualization(t, a);
-    const c = this.childrenToArray(this.props.children);
-    this.initColumns(c, i);
-    const d = c.map((f) => f && f.type && f.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(f, { ...f.props, ariaControls: this._gridId }) : null), g = c.filter((f) => f && f.type && f.type.displayName === "KendoReactGridNoRecords"), m = c.filter((f) => f && f.type && f.type.displayName === "KendoReactGridStatusBar"), u = this._columns.filter((f) => f.children.length === 0), b = a && /* @__PURE__ */ l.createElement(
-      es,
+    const h = this.childrenToArray(this.props.children);
+    this.initColumns(h, r);
+    const d = h.map((f) => f && f.type && f.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(f, { ...f.props, ariaControls: this._gridId }) : null), g = h.filter((f) => f && f.type && f.type.displayName === "KendoReactGridNoRecords"), m = h.filter((f) => f && f.type && f.type.displayName === "KendoReactGridStatusBar"), u = this._columns.filter((f) => f.children.length === 0), b = a && /* @__PURE__ */ l.createElement(
+      ss,
       {
         group: this.props.group || [],
         groupChange: this.groupChange,
@@ -2495,8 +2514,8 @@ let ce = class extends l.Component {
         ariaControls: this._gridId,
         onContextMenu: this.onContextMenu
       }
-    ), { sort: E, sortable: C, group: x, filter: I, filterable: k, filterOperators: _ = Ct, headerCellRender: D, columnMenu: de } = this.props, Y = /* @__PURE__ */ l.createElement(
-      or,
+    ), { sort: E, sortable: C, group: x, filter: I, filterable: v, filterOperators: _ = xt, headerCellRender: D, columnMenu: he } = this.props, Y = /* @__PURE__ */ l.createElement(
+      cr,
       {
         size: this.props.size,
         columnResize: this.columnResize,
@@ -2511,22 +2530,22 @@ let ce = class extends l.Component {
           x,
           a,
           I,
-          k,
+          v,
           _,
           D,
-          de,
+          he,
           this._columns,
           this._columnsMap,
           this.isRtl
         ),
         filterRow: this.props.filterable && /* @__PURE__ */ l.createElement(
-          Qt,
+          es,
           {
             cells: this.props.cells,
             size: this.props.size,
             columns: this._columns,
             filter: this.props.filter,
-            filterOperators: this.props.filterOperators || Ct,
+            filterOperators: this.props.filterOperators || xt,
             filterChange: this.filterChange,
             sort: this.props.sort,
             cellRender: this.props.filterCellRender,
@@ -2538,42 +2557,42 @@ let ce = class extends l.Component {
           "col",
           {
             key: w.toString(),
-            width: Se(f)
+            width: we(f)
           }
         ))
       }
-    ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ke, hiddenColumns: pe } = Is({
+    ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ve, hiddenColumns: de } = Rs({
       enabled: this.props.columnVirtualization,
       columns: u,
       tableViewPortWidth: F,
       scrollLeft: $
-    }), ve = (f, w, R) => {
+    }), ke = (f, w, R) => {
       let j = !1;
-      const V = this.props.selectedField ? T(this.props.selectedField, f.dataItem) : void 0;
+      const K = this.props.selectedField ? T(this.props.selectedField, f.dataItem) : void 0;
       return {
         row: u.map((S, N) => {
-          if (pe[N])
+          if (de[N])
             return null;
-          const ee = S.id ? S.id : N, te = `${S.className ? S.className + " " : ""}${S.locked ? "k-grid-content-sticky" : ""}`, P = S.left !== void 0 ? this.isRtl ? { left: S.right, right: S.left } : { left: S.left, right: S.right } : {};
+          const Z = S.id ? S.id : N, ee = `${S.className ? S.className + " " : ""}${S.locked ? "k-grid-content-sticky" : ""}`, P = S.left !== void 0 ? this.isRtl ? { left: S.right, right: S.left } : { left: S.left, right: S.right } : {};
           let A = !1;
           if (S.editable && this.props.editField) {
             const H = T(this.props.editField, f.dataItem);
             H && (H === !0 || H === S.field) && (j = !0, A = !0);
           }
-          let Ie = S.cell || A && ir || kr;
+          const Se = S.cell || A && ar || Sr;
           return /* @__PURE__ */ l.createElement(
-            Ie,
+            Se,
             {
               onContextMenu: this.onContextMenu,
-              key: ee,
+              key: Z,
               locked: this.props.lockGroups,
               id: z.generateNavigatableId(`${w}-${String(N)}`, s),
-              colSpan: ke[N],
+              colSpan: ve[N],
               dataItem: f.dataItem,
               field: S.field,
               editor: S.editor,
               format: S.format,
-              className: te,
+              className: ee,
               render: this.props.cellRender,
               cells: be(this.props.cells, S.cells),
               onChange: this.itemChange,
@@ -2588,12 +2607,12 @@ let ce = class extends l.Component {
               dataIndex: f.dataIndex,
               style: P,
               ariaColumnIndex: S.ariaColumnIndex,
-              isSelected: Array.isArray(V) && V.indexOf(N) > -1
+              isSelected: Array.isArray(K) && K.indexOf(N) > -1
             }
           );
         }),
         isInEdit: j,
-        isSelected: typeof V == "boolean" && V
+        isSelected: typeof K == "boolean" && K
       };
     };
     let J = 0;
@@ -2605,30 +2624,32 @@ let ce = class extends l.Component {
         else
           break;
       }
-    const je = (f) => f >= this._data.length - J;
-    let Xe = this.vs.realSkip || 0;
-    const Q = [], Ee = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1;
-    let Z = 0;
+    const Ye = (f) => f >= this._data.length - J;
+    let Je = this.vs.realSkip || 0;
+    const pe = [];
+    let Ee = !1;
+    const Ie = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1, Qe = /* @__PURE__ */ l.createElement("div", { key: "no-records", className: "k-grid-norecords", "aria-rowindex": Ie }, /* @__PURE__ */ l.createElement("div", { className: "k-grid-norecords-template" }, g.length ? g : /* @__PURE__ */ l.createElement(je, null)));
+    let Q = 0;
     if (this._data.length) {
       let f = -1, w = 0;
       (this._slicedData || this._data).forEach((R, j) => {
-        R.rowType === "data" && (Xe++, f++);
-        const V = Xe % 2 === 0, S = this.props.dataItemKey && ye(this.props.dataItemKey)(R.dataItem), N = j + (this.vs.realSkip || 0), ee = S || "ai" + N, te = ee + "_1", P = ve(R, ee, f);
-        if (Z = N + Ee + w, Q.push(/* @__PURE__ */ l.createElement(
-          vr,
+        R.rowType === "data" && (Je++, f++);
+        const K = Je % 2 === 0, S = this.props.dataItemKey && Re(this.props.dataItemKey)(R.dataItem), N = j + (this.vs.realSkip || 0), Z = S || "ai" + N, ee = Z + "_1", P = ke(R, Z, f);
+        if (Q = N + Ie + w, pe.push(/* @__PURE__ */ l.createElement(
+          yr,
           {
-            key: ee,
+            key: Z,
             dataItem: R.dataItem,
-            isAltRow: V,
+            isAltRow: K,
             isInEdit: P.isInEdit,
             rowType: R.rowType,
-            isHidden: je(j),
+            isHidden: Ye(j),
             onClick: (A) => this.rowClick(A, R),
             onDoubleClick: (A) => this.rowDblClick(A, R),
             selectedField: this.props.selectedField,
             rowHeight: this.props.rowHeight,
             render: this.props.rowRender,
-            ariaRowIndex: Z,
+            ariaRowIndex: Q,
             absoluteRowIndex: N,
             dataIndex: f,
             isSelected: P.isSelected
@@ -2636,30 +2657,30 @@ let ce = class extends l.Component {
           P.row
         )), this.props.detail && R.rowType === "data" && R.expanded) {
           const A = u.length - (this.props.expandField ? 1 : 0) - (this.props.group ? this.props.group.length : 0) || 1;
-          w++, Z = N + Ee + w, Q.push(/* @__PURE__ */ l.createElement(
+          w++, Q = N + Ie + w, pe.push(/* @__PURE__ */ l.createElement(
             "tr",
             {
-              key: te,
+              key: ee,
               className: y(
                 "k-table-row",
-                V ? "k-detail-row k-table-alt-row k-alt" : "k-detail-row"
+                K ? "k-detail-row k-table-alt-row k-alt" : "k-detail-row"
               ),
-              style: { visibility: je(j) ? "hidden" : "", height: this.props.detailRowHeight },
+              style: { visibility: Ye(j) ? "hidden" : "", height: this.props.detailRowHeight },
               role: "row",
-              "aria-rowindex": Z
+              "aria-rowindex": Q
             },
-            this.props.group && this.props.group.map((Ie, H) => {
-              var rt;
-              const se = (rt = P == null ? void 0 : P.row[H]) == null ? void 0 : rt.props.style, ps = se ? this.isRtl ? { left: se.right, right: se.left } : { left: se.left, right: se.right } : {};
+            this.props.group && this.props.group.map((Se, H) => {
+              var lt;
+              const te = (lt = P == null ? void 0 : P.row[H]) == null ? void 0 : lt.props.style, gs = te ? this.isRtl ? { left: te.right, right: te.left } : { left: te.left, right: te.right } : {};
               return /* @__PURE__ */ l.createElement(
-                kt,
+                Et,
                 {
                   id: "",
                   dataIndex: R.dataIndex,
-                  field: Ie.field,
+                  field: Se.field,
                   dataItem: R.dataItem,
                   key: H,
-                  style: ps,
+                  style: gs,
                   ariaColumnIndex: 1 + H,
                   isSelected: !1,
                   locked: this.props.lockGroups,
@@ -2669,13 +2690,13 @@ let ce = class extends l.Component {
               );
             }),
             this.props.expandField && /* @__PURE__ */ l.createElement(
-              Fr,
+              Gr,
               {
-                id: z.generateNavigatableId(`${te}-dhcell`, s)
+                id: z.generateNavigatableId(`${ee}-dhcell`, s)
               }
             ),
             /* @__PURE__ */ l.createElement(
-              Rr,
+              Tr,
               {
                 onContextMenu: this.onContextMenu,
                 dataItem: R.dataItem,
@@ -2683,53 +2704,53 @@ let ce = class extends l.Component {
                 colSpan: A,
                 ariaColIndex: 2 + (this.props.group ? this.props.group.length : 0),
                 detail: this.props.detail,
-                id: z.generateNavigatableId(`${te}-dcell`, s)
+                id: z.generateNavigatableId(`${ee}-dcell`, s)
               }
             )
           ));
         }
       });
     } else
-      Q.push(/* @__PURE__ */ l.createElement("tr", { key: "no-records", className: "k-table-row k-grid-norecords", role: "row", "aria-rowindex": Ee }, /* @__PURE__ */ l.createElement("td", { className: "k-table-td", colSpan: u.length, role: "gridcell" }, g.length ? g : /* @__PURE__ */ l.createElement(qe, null))));
-    const Ye = {
+      Ee = !0;
+    const Ze = {
       size: this.props.size,
       onPageChange: this.pagerPageChange,
       total: t,
       dir: this.isRtl ? "rtl" : void 0,
       skip: this.vs.propsSkip || 0,
       take: (this.props.take !== void 0 ? this.props.take : this.props.pageSize) || 10,
-      messagesMap: tr,
-      ...wr(this.props.pageable || {})
-    }, Je = this.props.pager ? /* @__PURE__ */ l.createElement(this.props.pager, { ...Ye }) : /* @__PURE__ */ l.createElement(Ss, { className: "k-grid-pager", ...Ye }), cs = (f) => this.props.sort && this.props.sort.filter((w) => w.field === f).length > 0, ds = (f, w) => /* @__PURE__ */ l.createElement(
+      messagesMap: or,
+      ...Dr(this.props.pageable || {})
+    }, et = this.props.pager ? /* @__PURE__ */ l.createElement(this.props.pager, { ...Ze }) : /* @__PURE__ */ l.createElement(Fs, { className: "k-grid-pager", ...Ze }), ps = (f) => this.props.sort && this.props.sort.filter((w) => w.field === f).length > 0, us = (f, w) => /* @__PURE__ */ l.createElement(
       "col",
       {
         key: w.toString(),
-        width: Se(f)
+        width: we(f)
       }
-    ), Qe = (st = this.props.cells) != null && st.footerCell || this._columns.some(
+    ), tt = (ot = this.props.cells) != null && ot.footerCell || this._columns.some(
       (f) => {
         var w;
         return !!(f.footerCell || (w = f.cells) != null && w.footerCell);
       }
     ) ? /* @__PURE__ */ l.createElement(
-      gr,
+      br,
       {
         size: this.props.size,
         columnResize: this.columnResize,
         staticHeaders: this.props.scrollable !== "none",
         ref: (f) => this._footer = f,
         row: /* @__PURE__ */ l.createElement(
-          Sr,
+          Fr,
           {
             cells: this.props.cells,
             columns: this._columns,
             isRtl: this.isRtl,
-            ariaRowIndex: Z + 1
+            ariaRowIndex: Q + 1
           }
         ),
-        cols: u.map(ds)
+        cols: u.map(us)
       }
-    ) : null, Ze = /* @__PURE__ */ l.createElement(
+    ) : null, st = /* @__PURE__ */ l.createElement(
       "colgroup",
       {
         ref: (f) => {
@@ -2741,14 +2762,14 @@ let ce = class extends l.Component {
           "col",
           {
             key: w.toString(),
-            className: cs(f.field) ? "k-sorted" : void 0,
-            width: Se(f)
+            className: ps(f.field) ? "k-sorted" : void 0,
+            width: we(f)
           }
         )
       )
-    ), et = this.dragLogic.reorderable || this.dragLogic.groupable, tt = this.props.columnVirtualization ? "block" : "table";
+    ), rt = this.dragLogic.reorderable || this.dragLogic.groupable, it = this.props.columnVirtualization ? "block" : "table";
     if (this.props.scrollable === "none")
-      return /* @__PURE__ */ l.createElement(we.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
+      return /* @__PURE__ */ l.createElement(Fe.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
         "div",
         {
           id: this.props.id,
@@ -2757,7 +2778,7 @@ let ce = class extends l.Component {
             "k-grid",
             {
               "k-grid-md": !this.props.size,
-              [`k-grid-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+              [`k-grid-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
             },
             this.props.className
           ),
@@ -2767,12 +2788,12 @@ let ce = class extends l.Component {
           "aria-label": this.props.ariaLabel,
           onKeyDown: this.onKeyDown,
           onFocus: this.onFocus,
-          ...ht
+          ...dt
         },
         d,
         b,
         /* @__PURE__ */ l.createElement(
-          ct,
+          pt,
           {
             selectable: this.props.selectable,
             onRelease: this.selectionRelease,
@@ -2785,20 +2806,21 @@ let ce = class extends l.Component {
             {
               className: y(
                 "k-table k-grid-table",
-                { [`k-table-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size }
+                { [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size }
               ),
-              style: { userSelect: h, display: tt }
+              style: { userSelect: c, display: it }
             },
-            Ze,
+            st,
             Y,
-            /* @__PURE__ */ l.createElement("tbody", { role: "rowgroup", className: "k-table-tbody", ...dt }, Q),
-            Qe
+            /* @__PURE__ */ l.createElement("tbody", { role: "rowgroup", className: "k-table-tbody", ...ut }, pe),
+            tt
           )
         ),
-        et && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(pt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(ut, { ref: this.dragLogic.refDragElementClue }))
-      ), m, this.props.pageable && Je);
+        Ee && Qe,
+        rt && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(gt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(ft, { ref: this.dragLogic.refDragElementClue }))
+      ), m, this.props.pageable && et);
     let ue = this.props.style || {};
-    return this.props.scrollable === "virtual" && (ue.height || (ue = Object.assign({}, ue, { height: "450px" }))), /* @__PURE__ */ l.createElement(we.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
+    return this.props.scrollable === "virtual" && (ue.height || (ue = Object.assign({}, ue, { height: "450px" }))), /* @__PURE__ */ l.createElement(Fe.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
       "div",
       {
         id: this.props.id,
@@ -2807,7 +2829,7 @@ let ce = class extends l.Component {
           "k-grid",
           {
             "k-grid-md": !this.props.size,
-            [`k-grid-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size,
+            [`k-grid-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size,
             "k-grid-virtual": this.props.scrollable === "virtual"
           },
           this.props.className
@@ -2818,7 +2840,7 @@ let ce = class extends l.Component {
         "aria-label": this.props.ariaLabel,
         onKeyDown: this.onKeyDown,
         onFocus: this.onFocus,
-        ...ht
+        ...dt
       },
       d,
       b,
@@ -2841,7 +2863,7 @@ let ce = class extends l.Component {
             role: "presentation"
           },
           /* @__PURE__ */ l.createElement("div", { className: "k-grid-table-wrap", role: "presentation" }, /* @__PURE__ */ l.createElement(
-            ct,
+            pt,
             {
               selectable: this.props.selectable,
               onRelease: this.selectionRelease,
@@ -2856,25 +2878,25 @@ let ce = class extends l.Component {
                   "k-table k-grid-table",
                   {
                     "k-table-md": !this.props.size,
-                    [`k-table-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+                    [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
                   }
                 ),
                 role: "presentation",
-                style: { userSelect: h, display: tt }
+                style: { userSelect: c, display: it }
               },
-              Ze,
+              st,
               /* @__PURE__ */ l.createElement(
                 "tbody",
                 {
                   className: "k-table-tbody",
                   ref: this.tableBodyRef,
                   role: "rowgroup",
-                  ...dt
+                  ...ut
                 },
-                Q
+                pe
               )
             )
-          )),
+          ), Ee && Qe),
           /* @__PURE__ */ l.createElement("div", { className: "k-height-container", role: "presentation" }, /* @__PURE__ */ l.createElement(
             "div",
             {
@@ -2882,21 +2904,21 @@ let ce = class extends l.Component {
             }
           ))
         )),
-        Qe,
-        et && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(pt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(ut, { ref: this.dragLogic.refDragElementClue })),
-        this.showLicenseWatermark && /* @__PURE__ */ l.createElement(ms, null)
+        tt,
+        rt && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(gt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(ft, { ref: this.dragLogic.refDragElementClue })),
+        this.showLicenseWatermark && /* @__PURE__ */ l.createElement(xs, null)
       ),
       m,
-      this.props.pageable && Je
+      this.props.pageable && et
     ));
   }
   selectionChange(t) {
     if (this.props.onSelectionChange) {
-      const { event: s, dataItem: o, dataIndex: e, columnIndex: i } = t, { mode: n, cell: a } = at(this.props.selectable), h = {
+      const { event: s, dataItem: o, dataIndex: e, columnIndex: r } = t, { mode: n, cell: a } = ht(this.props.selectable), c = {
         ...this.getArguments(s.syntheticEvent),
         dataItem: o,
-        startColIndex: i,
-        endColIndex: i,
+        startColIndex: r,
+        endColIndex: r,
         startRowIndex: e,
         endRowIndex: e,
         dataItems: this.getLeafDataItems(),
@@ -2910,20 +2932,20 @@ let ce = class extends l.Component {
         componentId: this._gridId,
         selectedField: this.props.selectedField || ""
       };
-      this.props.onSelectionChange.call(void 0, h);
+      this.props.onSelectionChange.call(void 0, c);
     }
   }
-  raiseDataEvent(t, s, o, e, i) {
+  raiseDataEvent(t, s, o, e, r) {
     const n = this.props.onDataStateChange;
     if (t) {
-      const a = { ...this.getArguments(e), ...s, targetEvent: i };
+      const a = { ...this.getArguments(e), ...s, targetEvent: r };
       t.call(void 0, a);
     } else
       n && n.call(
         void 0,
         {
           ...this.getArguments(e),
-          targetEvent: i || {},
+          targetEvent: r || {},
           dataState: {
             ...this.getDataState(),
             ...o
@@ -2932,20 +2954,20 @@ let ce = class extends l.Component {
       );
   }
   columnReorder(t, s, o) {
-    const e = this._columns[t], i = e.depth, n = (d) => {
+    const e = this._columns[t], r = e.depth, n = (d) => {
       do
         d++;
-      while (d < this._columns.length && this._columns[d].depth > i);
+      while (d < this._columns.length && this._columns[d].depth > r);
       return d;
     }, a = this._columns.splice(t, n(t) - t);
     this._columns.splice(t < s ? n(s - a.length) : s, 0, ...a), this._columns.filter((d) => d.declarationIndex >= 0).forEach((d, g) => d.orderIndex = g), this._columnsMutations++;
-    const h = this._columns[t].locked && this._columns[s].locked;
-    ys(this._columnsMap, this._columns, h || this._shouldUpdateLeftRight), ws(this._columnsMap, this._columns, h || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
-    const c = this.columns;
+    const c = this._columns[t].locked && this._columns[s].locked;
+    Ns(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), Ds(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
+    const h = this.columns;
     if (this.forceUpdate(), this.props.onColumnReorder) {
       const d = {
         target: this,
-        columns: c,
+        columns: h,
         columnId: e.id,
         nativeEvent: o
       };
@@ -2962,8 +2984,8 @@ let ce = class extends l.Component {
     const e = this._columns[t].field;
     if (!e)
       return;
-    const i = (this.props.group || []).slice();
-    i.splice(s, 0, { field: e }), this.groupChange(i, o);
+    const r = (this.props.group || []).slice();
+    r.splice(s, 0, { field: e }), this.groupChange(r, o);
   }
   resetTableWidth() {
     let t = 0;
@@ -2980,7 +3002,7 @@ let ce = class extends l.Component {
   }
   initColumns(t, s) {
     const o = z.getIdPrefix(this.navigationStateRef);
-    this._columns = this.readColumns(t, o, this._columnsMutations), this._columns.length === 0 && (this._columns = Bs(this.props.data, this.props.group, this.props.expandField, { prevId: 0, idPrefix: o })), this.configureColumns(this._columns, s, o), this._columnsMap = this.mapColumns(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
+    this._columns = this.readColumns(t, o, this._columnsMutations), this._columns.length === 0 && (this._columns = Us(this.props.data, this.props.group, this.props.expandField, { prevId: 0, idPrefix: o })), this.configureColumns(this._columns, s, o), this._columnsMap = this.mapColumns(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
   }
   getDataState() {
     return {
@@ -3027,6 +3049,7 @@ ce.propTypes = {
     p.bool,
     p.shape({
       buttonCount: p.number,
+      responsive: p.bool,
       info: p.bool,
       type: p.oneOf(["numeric", "input"]),
       pageSizes: p.oneOfType(
@@ -3079,7 +3102,7 @@ ce.propTypes = {
   navigatable: p.bool,
   size: p.oneOf(["small", "medium"])
 };
-ce.contextType = we;
+ce.contextType = Fe;
 class xe extends l.Component {
   /**
    * @hidden
@@ -3097,23 +3120,23 @@ class xe extends l.Component {
     );
   }
 }
-class ae extends l.Component {
+class ne extends l.Component {
   /**
    * @hidden
    */
   render() {
     const { title: t, iconClass: s, svgIcon: o, selected: e } = this.props;
-    return /* @__PURE__ */ l.createElement("div", { onClick: this.props.onClick, className: `k-columnmenu-item ${e ? "k-selected" : ""}` }, (s || o) && /* @__PURE__ */ l.createElement(O, { name: s && Cs(s), icon: o }), t);
+    return /* @__PURE__ */ l.createElement("div", { onClick: this.props.onClick, className: `k-columnmenu-item ${e ? "k-selected" : ""}` }, (s || o) && /* @__PURE__ */ l.createElement(O, { name: s && vs(s), icon: o }), t);
   }
 }
-class ts extends l.Component {
+class rs extends l.Component {
   constructor() {
     super(...arguments), this.onGroupClick = (t) => {
       if (t.preventDefault(), this.props.onGroupChange) {
         const { column: s } = this.props;
         if (!s.field)
           return;
-        const o = (this.props.group || []).slice(), e = o.findIndex((i) => i.field === s.field);
+        const o = (this.props.group || []).slice(), e = o.findIndex((r) => r.field === s.field);
         e > -1 ? o.splice(e, 1) : o.push({
           field: s.field
         }), this.props.onGroupChange(o, t);
@@ -3125,21 +3148,21 @@ class ts extends l.Component {
    * @hidden
    */
   render() {
-    const { group: t, column: s } = this.props, o = G(this), e = !!(t && s.field && t.find((n) => n.field === s.field)), i = e ? _t : Ot;
+    const { group: t, column: s } = this.props, o = G(this), e = !!(t && s.field && t.find((n) => n.field === s.field)), r = e ? At : Pt;
     return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: o.toLanguageString(i, v[i]),
+        title: o.toLanguageString(r, k[r]),
         iconClass: e ? "k-i-ungroup" : "k-i-group",
-        svgIcon: e ? Ls : zs,
+        svgIcon: e ? As : Ps,
         onClick: this.onGroupClick
       }
     ));
   }
 }
-Dt(ts);
-M(ts);
-const ss = "asc", rs = "desc", Nr = {
+Gt(rs);
+M(rs);
+const is = "asc", os = "desc", Mr = {
   true: {
     asc: { asc: "", desc: "desc" },
     desc: { asc: "asc", desc: "" },
@@ -3150,53 +3173,53 @@ const ss = "asc", rs = "desc", Nr = {
     desc: { asc: "asc", desc: "desc" },
     "": { asc: "asc", desc: "desc" }
   }
-}, is = (r, t) => t ? t.findIndex((s) => s.field === r) : -1, os = (r, t) => !!(t && r > -1 && t[r].dir === ss), ls = (r, t) => !!(t && r > -1 && t[r].dir === rs);
-class $e extends l.Component {
+}, ls = (i, t) => t ? t.findIndex((s) => s.field === i) : -1, ns = (i, t) => !!(t && i > -1 && t[i].dir === is), as = (i, t) => !!(t && i > -1 && t[i].dir === os);
+class Xe extends l.Component {
   constructor() {
     super(...arguments), this.onAscClick = (t) => {
-      this.onSort(t, ss), this.props.onCloseMenu && this.props.onCloseMenu();
+      this.onSort(t, is), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.onDescClick = (t) => {
-      this.onSort(t, rs), this.props.onCloseMenu && this.props.onCloseMenu();
+      this.onSort(t, os), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.onSort = (t, s) => {
       if (t.preventDefault(), !this.props.onSortChange)
         return;
-      const { column: o, sortable: e, sort: i } = this.props, { allowUnsort: n, mode: a } = Vt(e || !1, !1), h = (i || []).filter((g) => g.field === o.field)[0], c = Nr[n][h && h.dir || ""][s], d = a === "single" ? [] : (this.props.sort || []).filter((g) => g.field !== o.field);
-      c !== "" && o.field && d.push({ field: o.field, dir: c }), this.props.onSortChange(d, t);
+      const { column: o, sortable: e, sort: r } = this.props, { allowUnsort: n, mode: a } = Ut(e || !1, !1), c = (r || []).filter((g) => g.field === o.field)[0], h = Mr[n][c && c.dir || ""][s], d = a === "single" ? [] : (this.props.sort || []).filter((g) => g.field !== o.field);
+      h !== "" && o.field && d.push({ field: o.field, dir: h }), this.props.onSortChange(d, t);
     };
   }
   /**
    * @hidden
    */
   render() {
-    const { sort: t, column: s } = this.props, o = is(s.field, t), e = G(this);
+    const { sort: t, column: s } = this.props, o = ls(s.field, t), e = G(this);
     return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: e.toLanguageString(Te, v[Te]),
+        title: e.toLanguageString(Me, k[Me]),
         iconClass: "k-i-sort-asc-sm",
-        svgIcon: We,
-        selected: os(o, t),
+        svgIcon: Ve,
+        selected: ns(o, t),
         onClick: this.onAscClick
       }
     ), /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: e.toLanguageString(Ge, v[Ge]),
+        title: e.toLanguageString(He, k[He]),
         iconClass: "k-i-sort-desc-sm",
-        svgIcon: Ve,
-        selected: ls(o, t),
+        svgIcon: Ue,
+        selected: as(o, t),
         onClick: this.onDescClick
       }
     ));
   }
 }
-$e.active = (r, t) => {
-  const s = is(r, t);
-  return ls(s, t) || os(s, t);
+Xe.active = (i, t) => {
+  const s = ls(i, t);
+  return as(s, t) || ns(s, t);
 };
-Dt($e);
-M($e);
-class ns extends l.Component {
+Gt(Xe);
+M(Xe);
+class cs extends l.Component {
   /**
    * @hidden
    */
@@ -3208,18 +3231,18 @@ class ns extends l.Component {
         className: y("k-columnmenu-item-content", this.props.className),
         style: this.props.style
       },
-      /* @__PURE__ */ l.createElement(As, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
+      /* @__PURE__ */ l.createElement(Vs, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
     );
   }
 }
-class Et extends l.Component {
+class St extends l.Component {
   constructor(t) {
     super(t), this.renderOperatorEditor = () => {
       if (this.props.filterType === "boolean")
         return;
       const s = this.props.operators.find((o) => o.operator === this.props.operator) || null;
       return /* @__PURE__ */ l.createElement(
-        oe,
+        ie,
         {
           value: s,
           onChange: this.operatorChange,
@@ -3236,19 +3259,19 @@ class Et extends l.Component {
     return /* @__PURE__ */ l.createElement(l.Fragment, null, this.renderOperatorEditor(), this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues));
   }
   inputChange(t, s) {
-    $t(t, s, this.props);
+    Xt(t, s, this.props);
   }
   operatorChange(t) {
-    Yt(t, this.props.value, this.props.onChange);
+    Qt(t, this.props.value, this.props.onChange);
   }
   boolDropdownChange(t) {
-    Xt(t, this.props.onChange);
+    Jt(t, this.props.onChange);
   }
   filterComponent(t, s, o) {
     switch (t) {
       case "numeric":
         return /* @__PURE__ */ l.createElement(
-          Ke,
+          qe,
           {
             value: s,
             onChange: (e) => {
@@ -3259,7 +3282,7 @@ class Et extends l.Component {
         );
       case "date":
         return /* @__PURE__ */ l.createElement(
-          Ue,
+          $e,
           {
             value: s,
             onChange: (e) => {
@@ -3268,12 +3291,12 @@ class Et extends l.Component {
           }
         );
       case "boolean": {
-        const e = (i) => i == null;
+        const e = (r) => r == null;
         return /* @__PURE__ */ l.createElement(
-          oe,
+          ie,
           {
             onChange: this.boolDropdownChange,
-            value: o.find((i) => i.operator === (e(s) ? "" : s)),
+            value: o.find((r) => r.operator === (e(s) ? "" : s)),
             data: o,
             textField: "text"
           }
@@ -3281,7 +3304,7 @@ class Et extends l.Component {
       }
       default:
         return /* @__PURE__ */ l.createElement(
-          Mt,
+          zt,
           {
             value: s || "",
             onChange: (e) => {
@@ -3292,36 +3315,36 @@ class Et extends l.Component {
     }
   }
 }
-class Dr extends l.Component {
+class Hr extends l.Component {
   render() {
     const {
       firstFilterProps: t,
       hideSecondFilter: s,
       secondFilterProps: o,
       logicData: e,
-      logicValue: i,
+      logicValue: r,
       onLogicChange: n
     } = this.props;
-    return /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Et, { ...t }), !s && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
-      oe,
+    return /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(St, { ...t }), !s && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+      ie,
       {
         data: e,
-        value: i,
+        value: r,
         onChange: n,
         className: "k-filter-and",
         textField: "text"
       }
-    ), /* @__PURE__ */ l.createElement(Et, { ...o })));
+    ), /* @__PURE__ */ l.createElement(St, { ...o })));
   }
 }
-const Be = (r) => r || { filters: [], logic: "and" }, ge = (r, t) => Be(t).filters.filter((e) => gt(e) ? e.filters && e.filters.length && e.filters.length <= 2 && !e.filters.find((i) => gt(i) || i.field !== r) : !1)[0] || null;
-class as extends l.Component {
+const Ke = (i) => i || { filters: [], logic: "and" }, ge = (i, t) => Ke(t).filters.filter((e) => mt(e) ? e.filters && e.filters.length && e.filters.length <= 2 && !e.filters.find((r) => mt(r) || r.field !== i) : !1)[0] || null;
+class hs extends l.Component {
   constructor(t) {
     super(t), this.removeGroup = (o, e) => {
-      const i = [...e.filters], n = i.findIndex((a) => a === o);
-      return n > -1 && i.splice(n, 1), {
+      const r = [...e.filters], n = r.findIndex((a) => a === o);
+      return n > -1 && r.splice(n, 1), {
         ...e,
-        filters: i
+        filters: r
       };
     }, this.insertGroup = (o, e) => ({
       ...e,
@@ -3339,7 +3362,7 @@ class as extends l.Component {
     }, this.secondFilterChange = (o) => {
       this.filterChange(1, o);
     }, this.filterChange = (o, e) => {
-      const i = this.state.filterGroup.filters.map((n, a) => a === o ? {
+      const r = this.state.filterGroup.filters.map((n, a) => a === o ? {
         ...n,
         value: e.value,
         operator: e.operator
@@ -3347,7 +3370,7 @@ class as extends l.Component {
       this.setState({
         filterGroup: {
           ...this.state.filterGroup,
-          filters: i
+          filters: r
         }
       });
     }, this.logicChange = (o) => {
@@ -3360,48 +3383,48 @@ class as extends l.Component {
     }, this.clear = (o) => {
       if (o.preventDefault(), !this.props.onFilterChange)
         return;
-      const e = this.props.column.field, i = Be(this.props.filter), n = ge(e, this.props.filter), a = i.filters.filter((h) => h !== n);
-      a.length ? this.props.onFilterChange({ ...i, filters: a }, o) : this.props.onFilterChange(null, o), this.props.onCloseMenu && this.props.onCloseMenu();
+      const e = this.props.column.field, r = Ke(this.props.filter), n = ge(e, this.props.filter), a = r.filters.filter((c) => c !== n);
+      a.length ? this.props.onFilterChange({ ...r, filters: a }, o) : this.props.onFilterChange(null, o), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.currentFilterGroup = () => ({
       ...this.state.filterGroup,
       filters: this.state.filterGroup.filters.filter((o) => o.value !== void 0 && o.value !== null && o.value !== "" || o.value === null && o.operator)
     }), this.submit = (o) => {
       if (o.preventDefault(), !this.props.onFilterChange)
         return;
-      const e = this.props.column.field, i = Be(this.props.filter), n = ge(e, this.props.filter), a = this.currentFilterGroup();
-      let h = null;
+      const e = this.props.column.field, r = Ke(this.props.filter), n = ge(e, this.props.filter), a = this.currentFilterGroup();
+      let c = null;
       if (n && a.filters.length > 0) {
-        const c = i.filters.map((d) => d === n ? a : d);
-        h = {
-          ...i,
-          filters: c
+        const h = r.filters.map((d) => d === n ? a : d);
+        c = {
+          ...r,
+          filters: h
         };
       } else if (a.filters.length === 0) {
-        const c = i.filters.filter((d) => d !== n);
-        c.length && (h = {
-          ...i,
-          filters: c
+        const h = r.filters.filter((d) => d !== n);
+        h.length && (c = {
+          ...r,
+          filters: h
         });
       } else
-        h = {
-          ...i,
-          filters: [...i.filters, a]
+        c = {
+          ...r,
+          filters: [...r.filters, a]
         };
-      this.props.onFilterChange(h, o), this.props.onCloseMenu && this.props.onCloseMenu();
+      this.props.onFilterChange(c, o), this.props.onCloseMenu && this.props.onCloseMenu();
     };
     let s;
     if (t.column && t.column.field) {
-      const o = Ae(t.column.filter), e = jt(t.filterOperators, o);
+      const o = We(t.column.filter), e = Yt(t.filterOperators, o);
       s = ge(t.column.field, t.filter), s = s ? {
         ...s,
-        filters: s.filters.map((i) => ({ ...i }))
+        filters: s.filters.map((r) => ({ ...r }))
       } : {
         logic: "and",
         filters: [
           { field: t.column.field, operator: e, value: L(e) ? null : void 0 },
           { field: t.column.field, operator: e, value: L(e) ? null : void 0 }
         ]
-      }, s.filters.filter((i) => i.field === t.column.field).length === 1 && s.filters.splice(1, 0, { field: t.column.field, operator: e });
+      }, s.filters.filter((r) => r.field === t.column.field).length === 1 && s.filters.splice(1, 0, { field: t.column.field, operator: e });
     }
     this.state = {
       expanded: t.expanded || !1,
@@ -3415,23 +3438,23 @@ class as extends l.Component {
     const { column: t, filterUI: s, hideSecondFilter: o, filterOperators: e } = this.props;
     if (!t || !t.field)
       return /* @__PURE__ */ l.createElement("div", null);
-    const i = Ae(t.filter), n = o !== void 0 ? o : pr[i], a = G(this), h = this.state.filterGroup.filters, c = ie(e[i], a), d = ie(qt, a), g = {
+    const r = We(t.filter), n = o !== void 0 ? o : mr[r], a = G(this), c = this.state.filterGroup.filters, h = re(e[r], a), d = re(jt, a), g = {
       field: t.field,
-      value: h[0].value,
-      operator: h[0].operator,
-      operators: c,
+      value: c[0].value,
+      operator: c[0].operator,
+      operators: h,
       booleanValues: d,
       onChange: this.firstFilterChange,
-      filterType: i
+      filterType: r
     }, m = {
       field: t.field,
-      value: h[1].value,
-      operator: h[1].operator,
-      operators: c,
+      value: c[1].value,
+      operator: c[1].operator,
+      operators: h,
       booleanValues: d,
       onChange: this.secondFilterChange,
-      filterType: i
-    }, u = this.state.filterGroup.logic, b = ie(cr, a), E = {
+      filterType: r
+    }, u = this.state.filterGroup.logic, b = re(gr, a), E = {
       value: b.find((D) => D.operator === (u === null ? "" : u)),
       onChange: this.logicChange,
       data: b
@@ -3442,16 +3465,16 @@ class as extends l.Component {
       logicValue: E.value,
       onLogicChange: E.onChange,
       hideSecondFilter: n
-    }, I = this.currentFilterGroup().filters.length !== 0 || L(h[0].operator) || L(h[1].operator), k = this.isControlled() ? this.props.expanded : this.state.expanded, _ = this.props.alwaysExpand;
+    }, I = this.currentFilterGroup().filters.length !== 0 || L(c[0].operator) || L(c[1].operator), v = this.isControlled() ? this.props.expanded : this.state.expanded, _ = this.props.alwaysExpand;
     return /* @__PURE__ */ l.createElement(xe, null, !_ && /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: a.toLanguageString(ne, v[ne]),
+        title: a.toLanguageString(le, k[le]),
         iconClass: "k-i-filter",
         svgIcon: Ce,
         onClick: this.onFilterExpand
       }
-    ), /* @__PURE__ */ l.createElement(ns, { show: _ || !!k }, /* @__PURE__ */ l.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ l.createElement(
+    ), /* @__PURE__ */ l.createElement(cs, { show: _ || !!v }, /* @__PURE__ */ l.createElement(
       "form",
       {
         className: "k-filter-menu",
@@ -3459,41 +3482,41 @@ class as extends l.Component {
         onReset: this.clear,
         onKeyDown: (D) => D.stopPropagation()
       },
-      /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, C ? /* @__PURE__ */ l.createElement(C, { ...x }) : /* @__PURE__ */ l.createElement(Dr, { ...x }), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, C ? /* @__PURE__ */ l.createElement(C, { ...x }) : /* @__PURE__ */ l.createElement(Hr, { ...x }), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ l.createElement(
         W,
         {
           themeColor: "primary",
           disabled: !I
         },
-        a.toLanguageString(le, v[le])
+        a.toLanguageString(oe, k[oe])
       ), /* @__PURE__ */ l.createElement(
         W,
         {
           type: "reset"
         },
-        a.toLanguageString(U, v[U])
+        a.toLanguageString(U, k[U])
       )))
-    ))));
+    )));
   }
 }
-as.active = (r, t) => !!ge(r, t);
-M(as);
-const Tr = (r, t) => r.length !== t.length ? !1 : r.every((s, o) => s === t[o]);
-class hs extends l.Component {
+hs.active = (i, t) => !!ge(i, t);
+M(hs);
+const zr = (i, t) => i.length !== t.length ? !1 : i.every((s, o) => s === t[o]);
+class ds extends l.Component {
   constructor(t) {
-    super(t), this.defaultFilter = () => this.props.filter ? bs(this.props.filter) : { filters: [], logic: "and" }, this.isControlled = () => this.props.expanded !== void 0, this.parseData = (s, o) => {
-      let e = this.props.column.field || "", i = s.map((n) => T(e, n));
-      return o ? i.filter((n, a) => i.indexOf(n) === a) : i;
+    super(t), this.defaultFilter = () => this.props.filter ? ks(this.props.filter) : { filters: [], logic: "and" }, this.isControlled = () => this.props.expanded !== void 0, this.parseData = (s, o) => {
+      const e = this.props.column.field || "", r = s.map((n) => T(e, n));
+      return o ? r.filter((n, a) => r.indexOf(n) === a) : r;
     }, this.getFilterIndex = () => {
-      let s = this.props.column.field;
-      return this.defaultFilter().filters.findIndex((i) => i.filters && i.filters.length > 0 && i.filters[0].field === s);
+      const s = this.props.column.field;
+      return this.defaultFilter().filters.findIndex((r) => r.filters && r.filters.length > 0 && r.filters[0].field === s);
     }, this.onFilterExpand = () => {
       const s = this.isControlled(), o = !(s ? this.props.expanded : this.state.expanded);
       this.props.onExpandChange && this.props.onExpandChange(o), s || this.setState({
         expanded: o
       });
     }, this.handleSearchChange = (s) => {
-      let o = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", e = {
+      const o = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", e = {
         logic: "and",
         filters: [
           { field: this.props.column.field, operator: o, value: s.target.value, ignoreCase: !0 }
@@ -3501,10 +3524,10 @@ class hs extends l.Component {
       };
       this.setState({
         value: s.target.value,
-        data: this.parseData(ft(this.props.data || [], e), this.props.uniqueData)
+        data: this.parseData(Ct(this.props.data || [], e), this.props.uniqueData)
       });
     }, this.handleClear = () => {
-      let s = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", o = {
+      const s = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", o = {
         logic: "and",
         filters: [
           { field: this.props.column.field, operator: s, value: "", ignoreCase: !0 }
@@ -3512,42 +3535,42 @@ class hs extends l.Component {
       };
       this.setState({
         value: "",
-        data: this.parseData(ft(this.props.data || [], o), this.props.uniqueData)
+        data: this.parseData(Ct(this.props.data || [], o), this.props.uniqueData)
       });
     }, this.clear = (s) => {
       if (s.preventDefault(), !this.props.onFilterChange)
         return;
-      let o = this.state.currentFilter || null;
+      const o = this.state.currentFilter || null;
       o !== null && o.filters.length > 0 ? (this.compositeFilterIndex >= 0 && o.filters.splice(this.compositeFilterIndex, 1), this.props.onFilterChange(o, s)) : this.props.onFilterChange(null, s), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.submit = (s) => {
       if (s.preventDefault(), !this.props.onFilterChange)
         return;
-      let o = this.state.currentFilter || null;
+      const o = this.state.currentFilter || null;
       this.props.onFilterChange(o, s), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.handleCheckBoxChange = (s, o) => {
-      const e = this.props.column.field || "";
-      let i = { ...this.state.currentFilter }, n = [...this.state.currentFilter.filters], a = [];
-      if (this.compositeFilterIndex !== -1 && i.filters[this.compositeFilterIndex].filters && o !== "all" && (a = i.filters[this.compositeFilterIndex].filters), s.value && o === "all")
-        this.state.data.forEach((h) => {
-          a.push({ field: e, operator: "eq", value: h });
+      const e = this.props.column.field || "", r = { ...this.state.currentFilter }, n = [...this.state.currentFilter.filters];
+      let a = [];
+      if (this.compositeFilterIndex !== -1 && r.filters[this.compositeFilterIndex].filters && o !== "all" && (a = r.filters[this.compositeFilterIndex].filters), s.value && o === "all")
+        this.state.data.forEach((c) => {
+          a.push({ field: e, operator: "eq", value: c });
         });
       else if (s.value)
         a.push({ field: e, operator: "eq", value: o });
       else if (this.state.currentFilter) {
-        let h = a.findIndex((c) => c.value === o);
-        a.splice(h, 1);
+        const c = a.findIndex((h) => h.value === o);
+        a.splice(c, 1);
       }
-      i.logic = "and", this.compositeFilterIndex !== -1 ? n[this.compositeFilterIndex] = {
+      r.logic = "and", this.compositeFilterIndex !== -1 ? n[this.compositeFilterIndex] = {
         logic: "or",
         filters: a
       } : n.push({
         logic: "or",
         filters: a
-      }), (!s.value && o === "all" || a.length === 0) && n.splice(this.compositeFilterIndex, 1), i.filters = n, this.setState({ currentFilter: i });
+      }), (!s.value && o === "all" || a.length === 0) && n.splice(this.compositeFilterIndex, 1), r.filters = n, this.setState({ currentFilter: r });
     }, this.isAllSelected = () => {
       let s = !1;
       if (this.state.currentFilter) {
-        let o = [...this.state.currentFilter.filters];
+        const o = [...this.state.currentFilter.filters];
         return this.compositeFilterIndex === -1 ? !1 : (s = this.state.data.every((e) => this.compositeFilterIndex !== -1 && o[this.compositeFilterIndex].filters ? o[this.compositeFilterIndex].filters.findIndex((n) => n.value === e) >= 0 : !1), s);
       }
       return s;
@@ -3563,8 +3586,8 @@ class hs extends l.Component {
    * @hidden
    */
   componentDidUpdate() {
-    let t = this.props.column.field || "", s = this.props.data.map((o) => T(t, o));
-    Tr(s, this.state.dataFromProps) || this.setState({
+    const t = this.props.column.field || "", s = this.props.data.map((o) => T(t, o));
+    zr(s, this.state.dataFromProps) || this.setState({
       data: s,
       dataFromProps: s
     });
@@ -3576,20 +3599,19 @@ class hs extends l.Component {
     const { column: t } = this.props;
     if (!t || !t.field)
       return /* @__PURE__ */ l.createElement("div", null);
-    const s = G(this), o = this.isControlled() ? this.props.expanded : this.state.expanded;
-    let e = [];
+    const s = G(this), o = this.isControlled() ? this.props.expanded : this.state.expanded, e = [];
     if (this.state.currentFilter) {
       const a = [...this.state.currentFilter.filters];
-      this.compositeFilterIndex = a.findIndex((h) => h.filters && h.filters.length > 0 ? h.filters[0].field === t.field : !1), this.compositeFilterIndex !== -1 && a[this.compositeFilterIndex].filters.length > 0 && a[this.compositeFilterIndex].filters.forEach((h) => {
-        h.field === this.props.column.field && e.push(h.value);
+      this.compositeFilterIndex = a.findIndex((c) => c.filters && c.filters.length > 0 ? c.filters[0].field === t.field : !1), this.compositeFilterIndex !== -1 && a[this.compositeFilterIndex].filters.length > 0 && a[this.compositeFilterIndex].filters.forEach((c) => {
+        c.field === this.props.column.field && e.push(c.value);
       });
     }
-    const i = this.props.searchBox ? /* @__PURE__ */ l.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(O, { className: "k-input-icon", name: "search", icon: Tt }), /* @__PURE__ */ l.createElement(
-      Mt,
+    const r = this.props.searchBox ? /* @__PURE__ */ l.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(O, { className: "k-input-icon", name: "search", icon: Mt }), /* @__PURE__ */ l.createElement(
+      zt,
       {
         className: "k-input-inner",
         type: "text",
-        placeholder: s.toLanguageString(Me, v[Me]),
+        placeholder: s.toLanguageString(ze, k[ze]),
         value: this.state.value,
         onChange: (a) => this.handleSearchChange(a.nativeEvent)
       }
@@ -3601,82 +3623,82 @@ class hs extends l.Component {
         className: "k-input-button",
         onClick: this.handleClear,
         icon: "x",
-        svgIcon: Os
+        svgIcon: Bs
       }
-    )), n = e.filter((a, h) => e.indexOf(a) === h);
+    )), n = e.filter((a, c) => e.indexOf(a) === c);
     return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: s.toLanguageString(ne, v[ne]),
+        title: s.toLanguageString(le, k[le]),
         iconClass: "k-i-filter",
         svgIcon: Ce,
         onClick: this.onFilterExpand
       }
-    ), /* @__PURE__ */ l.createElement(ns, { show: !!o }, /* @__PURE__ */ l.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ l.createElement(
+    ), /* @__PURE__ */ l.createElement(cs, { show: !!o }, /* @__PURE__ */ l.createElement(
       "form",
       {
         className: "k-filter-menu",
         onSubmit: this.submit,
         onReset: this.clear
       },
-      /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, i, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, r, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
         fe,
         {
-          label: s.toLanguageString(He, v[He]),
+          label: s.toLanguageString(Le, k[Le]),
           onChange: (a) => this.handleCheckBoxChange(a, "all"),
           checked: this.isAllSelected()
         }
-      )), this.state.data.map((a, h) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: h }, /* @__PURE__ */ l.createElement(
+      )), this.state.data.map((a, c) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: c }, /* @__PURE__ */ l.createElement(
         fe,
         {
           label: String(a),
-          onChange: (c) => this.handleCheckBoxChange(c, a),
+          onChange: (h) => this.handleCheckBoxChange(h, a),
           checked: n.includes(a)
         }
-      )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, n.length + " " + s.toLanguageString(Le, v[Le])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(
+      )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, n.length + " " + s.toLanguageString(_e, k[_e])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(
         W,
         {
           themeColor: "primary",
           type: "submit"
         },
-        s.toLanguageString(le, v[le])
+        s.toLanguageString(oe, k[oe])
       ), /* @__PURE__ */ l.createElement(
         W,
         {
           className: "k-button",
           type: "reset"
         },
-        s.toLanguageString(U, v[U])
+        s.toLanguageString(U, k[U])
       )))
-    ))));
+    )));
   }
 }
-hs.defaultProps = {
+ds.defaultProps = {
   uniqueData: !0
 };
-M(hs);
-const Gr = (r) => {
-  const [t, s] = l.useState(""), o = l.useMemo(() => new Set(r.columnsState.map((u) => u.id)), [r.columnsState]), e = l.useMemo(() => r.columns.filter((u) => {
+M(ds);
+const Lr = (i) => {
+  const [t, s] = l.useState(""), o = l.useMemo(() => new Set(i.columnsState.map((u) => u.id)), [i.columnsState]), e = l.useMemo(() => i.columns.filter((u) => {
     var b;
     return (b = u.title || u.field) == null ? void 0 : b.toLowerCase().includes(t.toLowerCase());
-  }), [r.columns, t]), [i, n] = l.useState(r.columns.map((u) => o.has(u.id))), a = l.useCallback(() => {
-    const u = r.columns.filter((b, E) => i[E]);
-    r.onColumnsChange.call(void 0, u), r.onCloseMenu.call(void 0);
-  }, [i, r.columns, r.onColumnsChange, r.onCloseMenu]), h = l.useCallback(() => {
-    n(r.columns.map((u) => o.has(u.id)));
-  }, [o, r.columns]), c = i.filter((u) => u).length, d = c === i.length, g = l.useCallback(() => {
-    n(r.columns.map((u, b) => d && b === 0 ? !0 : !d));
-  }, [r.columns, d]), m = l.useCallback((u, b) => {
-    const E = i.slice();
+  }), [i.columns, t]), [r, n] = l.useState(i.columns.map((u) => o.has(u.id))), a = l.useCallback(() => {
+    const u = i.columns.filter((b, E) => r[E]);
+    i.onColumnsChange.call(void 0, u), i.onCloseMenu.call(void 0);
+  }, [r, i.columns, i.onColumnsChange, i.onCloseMenu]), c = l.useCallback(() => {
+    n(i.columns.map((u) => o.has(u.id)));
+  }, [o, i.columns]), h = r.filter((u) => u).length, d = h === r.length, g = l.useCallback(() => {
+    n(i.columns.map((u, b) => d && b === 0 ? !0 : !d));
+  }, [i.columns, d]), m = l.useCallback((u, b) => {
+    const E = r.slice();
     E[b] = u, n(E);
-  }, [i]);
+  }, [r]);
   return /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ l.createElement(
-    Gt,
+    Ht,
     {
       className: "k-searchbox",
       value: t,
       onChange: (u) => s(String(u.target.value)),
-      prefix: () => /* @__PURE__ */ l.createElement(_s, null, /* @__PURE__ */ l.createElement(O, { name: "search", icon: Tt }))
+      prefix: () => /* @__PURE__ */ l.createElement(Ws, null, /* @__PURE__ */ l.createElement(O, { name: "search", icon: Mt }))
     }
   ), /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !t && /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
     fe,
@@ -3688,18 +3710,18 @@ const Gr = (r) => {
   )), e.map((u, b) => /* @__PURE__ */ l.createElement("li", { key: u.id, className: "k-item" }, /* @__PURE__ */ l.createElement(
     fe,
     {
-      disabled: i[b] && c === 1,
-      checked: i[b],
+      disabled: r[b] && h === 1,
+      checked: r[b],
       onChange: (E) => {
         var C;
         return m(!!((C = E.target.element) != null && C.checked), b);
       },
       label: u.title || u.field
     }
-  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, c, " selected items"), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ l.createElement(W, { type: "button", themeColor: "primary", onClick: a }, "Apply"), /* @__PURE__ */ l.createElement(W, { type: "button", onClick: h }, "Reset"))));
+  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, h, " selected items"), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ l.createElement(W, { type: "button", themeColor: "primary", onClick: a }, "Apply"), /* @__PURE__ */ l.createElement(W, { type: "button", onClick: c }, "Reset"))));
 };
-Gr.displayName = "GridColumnMenuColumnsList";
-class Yr extends l.Component {
+Lr.displayName = "GridColumnMenuColumnsList";
+class ei extends l.Component {
   /**
    * @hidden
    */
@@ -3707,7 +3729,7 @@ class Yr extends l.Component {
     return null;
   }
 }
-class Mr extends l.Component {
+class Or extends l.Component {
   /**
    * @hidden
    */
@@ -3719,7 +3741,7 @@ class Mr extends l.Component {
           "k-toolbar k-grid-toolbar",
           {
             "k-toolbar-md": !this.props.size,
-            [`k-toolbar-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+            [`k-toolbar-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
           },
           this.props.className
         ),
@@ -3731,30 +3753,30 @@ class Mr extends l.Component {
     );
   }
 }
-Mr.displayName = "KendoReactGridToolbar";
-const Hr = (r) => {
-  const { data: t = [] } = r;
+Or.displayName = "KendoReactGridToolbar";
+const _r = (i) => {
+  const { data: t = [] } = i;
   return /* @__PURE__ */ l.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, t.map((s, o) => /* @__PURE__ */ l.createElement("div", { key: o }, /* @__PURE__ */ l.createElement("span", { className: "k-selection-aggregates-item-text" }, s.type, ": "), /* @__PURE__ */ l.createElement("span", { className: "k-selection-aggregates-item-value" }, s.formattedValue))));
 };
-Hr.displayName = "KendoReactGridStatusBar";
-const zr = (r) => {
+_r.displayName = "KendoReactGridStatusBar";
+const Pr = (i) => {
   var s;
-  const t = r.slice();
+  const t = i.slice();
   for (let o = 0; o < t.length; o++)
     for (; t[o] && ((s = t[o].children) != null && s.length); )
       t.splice(o, 1, ...t[o].children);
   return t;
-}, Jr = (r) => {
-  const { dataItems: t, target: s, selectedField: o } = r, i = zr(s.columns).map((C) => C.field).filter((C) => C && typeof C == "string").map((C) => ye(C)), n = ye(o), a = { dates: [], numbers: [], booleans: [], others: [] }, h = (C) => {
+}, ti = (i) => {
+  const { dataItems: t, target: s, selectedField: o } = i, r = Pr(s.columns).map((C) => C.field).filter((C) => C && typeof C == "string").map((C) => Re(C)), n = Re(o), a = { dates: [], numbers: [], booleans: [], others: [] }, c = (C) => {
     typeof C == "number" ? a.numbers.push(C) : typeof C == "boolean" ? a.booleans.push(C) : C instanceof Date ? a.dates.push(C) : a.others.push(C);
   };
   t.forEach((C) => {
     const x = n(C);
     x && x.forEach((I) => {
-      h(i[I](C));
+      c(r[I](C));
     });
   });
-  const c = a.dates.map((C) => C.getTime()), d = a.booleans.filter((C) => C).length, g = a.booleans.filter((C) => !C).length, m = a.numbers.length ? a.numbers.reduce((C, x) => C += x, 0) : void 0, u = {
+  const h = a.dates.map((C) => C.getTime()), d = a.booleans.filter((C) => C).length, g = a.booleans.filter((C) => !C).length, m = a.numbers.length ? a.numbers.reduce((C, x) => C += x, 0) : void 0, u = {
     sum: m,
     average: typeof m == "number" ? m / a.numbers.length : void 0,
     min: a.numbers.length ? Math.min(...a.numbers) : void 0,
@@ -3762,59 +3784,59 @@ const zr = (r) => {
     count: a.numbers.length + a.booleans.length + a.dates.length + a.others.length,
     isTrue: d > 0 ? d : void 0,
     isFalse: g > 0 ? g : void 0,
-    earliest: a.dates.length ? new Date(Math.min(...c)) : void 0,
-    latest: a.dates.length ? new Date(Math.max(...c)) : void 0
+    earliest: a.dates.length ? new Date(Math.min(...h)) : void 0,
+    latest: a.dates.length ? new Date(Math.max(...h)) : void 0
   }, b = (C, x) => (x === "sum" || x === "average") && typeof C == "number" ? C.toFixed(2) : (x === "earliest" || x === "latest") && C instanceof Date ? C.toLocaleDateString() : String(C), E = [];
   return Object.keys(u).forEach((C) => {
     const x = C, I = u[x];
     I !== void 0 && E.push({ type: x, value: I, formattedValue: b(I, x) });
   }), E;
-}, Lr = wt(ce);
-Lr.displayName = "KendoReactGrid";
+}, Ar = Ft(ce);
+Ar.displayName = "KendoReactGrid";
 export {
-  re as GRID_COL_INDEX_ATTRIBUTE,
-  rr as GRID_ROW_INDEX_ATTRIBUTE,
-  Lr as Grid,
-  kr as GridCell,
+  se as GRID_COL_INDEX_ATTRIBUTE,
+  nr as GRID_ROW_INDEX_ATTRIBUTE,
+  Ar as Grid,
+  Sr as GridCell,
   ce as GridClassComponent,
-  he as GridColumn,
-  hs as GridColumnMenuCheckboxFilter,
-  Gr as GridColumnMenuColumnsList,
-  as as GridColumnMenuFilter,
-  Et as GridColumnMenuFilterCell,
-  Dr as GridColumnMenuFilterUI,
-  ts as GridColumnMenuGroup,
-  ae as GridColumnMenuItem,
-  ns as GridColumnMenuItemContent,
+  ae as GridColumn,
+  ds as GridColumnMenuCheckboxFilter,
+  Lr as GridColumnMenuColumnsList,
+  hs as GridColumnMenuFilter,
+  St as GridColumnMenuFilterCell,
+  Hr as GridColumnMenuFilterUI,
+  rs as GridColumnMenuGroup,
+  ne as GridColumnMenuItem,
+  cs as GridColumnMenuItemContent,
   xe as GridColumnMenuItemGroup,
-  $e as GridColumnMenuSort,
-  Kt as GridColumnMenuWrapper,
-  xr as GridCommonDragLogic,
-  Yr as GridDetailRow,
-  ir as GridEditCell,
-  Jt as GridFilterCell,
-  kt as GridGroupCell,
-  nr as GridHeaderCell,
-  sr as GridHierarchyCell,
-  qe as GridNoRecords,
-  vr as GridRow,
-  Ks as GridSelectionCell,
-  Mr as GridToolbar,
-  Hr as StatusBar,
-  qt as booleanFilterValues,
+  Xe as GridColumnMenuSort,
+  qt as GridColumnMenuWrapper,
+  Ir as GridCommonDragLogic,
+  ei as GridDetailRow,
+  ar as GridEditCell,
+  Zt as GridFilterCell,
+  Et as GridGroupCell,
+  dr as GridHeaderCell,
+  lr as GridHierarchyCell,
+  je as GridNoRecords,
+  yr as GridRow,
+  js as GridSelectionCell,
+  Or as GridToolbar,
+  _r as StatusBar,
+  jt as booleanFilterValues,
   ge as filterGroupByField,
-  ei as getSelectedState,
-  ti as getSelectedStateFromKeyDown,
-  Jr as getStatusData,
-  v as gridMessages,
-  zr as leafColumns,
-  Ct as operators,
-  qs as pagerFirstPage,
-  Us as pagerInfo,
-  Ys as pagerItemPerPage,
-  Xs as pagerLastPage,
-  js as pagerNextPage,
-  $s as pagerPreviousPage,
-  Be as rootFilterOrDefault,
-  si as setSelectedState
+  ii as getSelectedState,
+  oi as getSelectedStateFromKeyDown,
+  ti as getStatusData,
+  k as gridMessages,
+  Pr as leafColumns,
+  xt as operators,
+  Ys as pagerFirstPage,
+  Xs as pagerInfo,
+  er as pagerItemPerPage,
+  Zs as pagerLastPage,
+  Qs as pagerNextPage,
+  Js as pagerPreviousPage,
+  Ke as rootFilterOrDefault,
+  li as setSelectedState
 };