@progress/kendo-react-data-tools 7.2.2 → 7.2.3-develop.1

package/index.mjs

@@ -5,45 +5,46 @@
 "use client";
 import * as a from "react";
 import p from "prop-types";
-import { classNames as H, kendoThemeMaps as $t, validatePackage as gt, Draggable as ft, Keys as K, IconWrap as Me, canUseDOM as Wt, toIconName as ir, extendDataItem as mt, mapTree as U, getItemPath as lr, getNestedValue as $e, guid as cr, getActiveElement as ur, getter as Vt, hasRelativeStackingContext as dr, useDocument as pr, isArray as hr } from "@progress/kendo-react-common";
-import { Button as B, Toolbar as Yt, ToolbarItem as We, ButtonGroup as gr } from "@progress/kendo-react-buttons";
-import { provideLocalizationService as q, provideIntlService as Ut, registerForLocalization as $, registerForIntl as fr, useLocalization as j } from "@progress/kendo-react-intl";
-import { NumericTextBox as Le, Input as jt, TextBox as mr, Checkbox as vr } from "@progress/kendo-react-inputs";
-import { DropDownList as _ } from "@progress/kendo-react-dropdowns";
-import { caretAltToRightIcon as wt, caretAltToLeftIcon as Ot, caretAltRightIcon as Nt, caretAltLeftIcon as At, filterIcon as Ye, filterClearIcon as Er, sortAscSmallIcon as Xt, sortDescSmallIcon as Zt, cancelIcon as Cr, plusIcon as xr, xIcon as Jt, filterAddExpressionIcon as br, filterAddGroupIcon as yr } from "@progress/kendo-svg-icons";
+import { classNames as H, kendoThemeMaps as Ht, validatePackage as gt, Draggable as ft, Keys as K, IconWrap as Me, canUseDOM as Wt, toIconName as ir, extendDataItem as mt, mapTree as J, getItemPath as lr, getNestedValue as $e, guid as cr, getActiveElement as ur, getter as Vt, hasRelativeStackingContext as dr, useDocument as pr, isArray as hr } from "@progress/kendo-react-common";
+import { Button as B, Toolbar as Yt, ToolbarItem as He, ButtonGroup as gr } from "@progress/kendo-react-buttons";
+import { provideLocalizationService as q, provideIntlService as Ut, registerForLocalization as W, registerForIntl as fr, useLocalization as Q } from "@progress/kendo-react-intl";
+import { NumericTextBox as Re, Input as jt, TextBox as mr, Checkbox as vr } from "@progress/kendo-react-inputs";
+import { DropDownList as $ } from "@progress/kendo-react-dropdowns";
+import { caretAltToRightIcon as wt, caretAltToLeftIcon as Ot, caretAltRightIcon as Nt, caretAltLeftIcon as At, filterIcon as Ve, filterClearIcon as Er, sortAscSmallIcon as Xt, sortDescSmallIcon as Zt, cancelIcon as Cr, plusIcon as xr, xIcon as Jt, filterAddExpressionIcon as br, filterAddGroupIcon as yr } from "@progress/kendo-svg-icons";
 import * as Ir from "react-dom";
 import { createPortal as Qt } from "react-dom";
 import { isCompositeFilterDescriptor as en, orderBy as tn, filterBy as kr } from "@progress/kendo-data-query";
 import { DatePicker as vt } from "@progress/kendo-react-dateinputs";
-import { Popup as Fr } from "@progress/kendo-react-popup";
-import { Reveal as Sr } from "@progress/kendo-react-animation";
-const he = "pager.info", ge = "pager.firstPage", fe = "pager.previousPage", me = "pager.nextPage", ve = "pager.lastPage", Ee = "pager.itemsPerPage", Rr = "pager.pageSelection", Y = "pager.page", Ce = "pager.of", xe = "pager.totalPages", Mr = "pager.pageLabel", be = "pager.ariaKeyshortcuts", ye = "pager.ariaLabel", Ie = "pager.pageSizeAriaLabel", ke = "pager.mobileSelect", Fe = "pager.moreButtonLabel", le = "filter.eqOperator", ce = "filter.notEqOperator", De = "filter.isNullOperator", we = "filter.isNotNullOperator", nn = "filter.isEmptyOperator", rn = "filter.isNotEmptyOperator", on = "filter.startsWithOperator", sn = "filter.containsOperator", an = "filter.notContainsOperator", ln = "filter.endsWithOperator", cn = "filter.gteOperator", un = "filter.gtOperator", dn = "filter.lteOperator", pn = "filter.ltOperator", hn = "filter.isTrue", gn = "filter.isFalse", fn = "filter.afterOrEqualOperator", mn = "filter.afterOperator", vn = "filter.beforeOperator", En = "filter.beforeOrEqualOperator", Ue = "filter.andLogic", je = "filter.orLogic", re = "filter.addExpression", oe = "filter.addGroup", ae = "filter.close", Xe = "filter.groupAriaLabel", Ze = "filter.expressionAriaLabel", Je = "filter.expressionDropdownAriaLabel", Qe = "filter.expressionOperatorDropdownAriaLabel", et = "filter.enumFilterDropdownAriaLabel", tt = "filter.numericFilterAriaLabel", nt = "filter.textFilterAriaLabel", rt = "columnMenu.filterClearButton", ot = "columnMenu.filterSubmitButton", st = "columnMenu.filterTitle", at = "columnMenu.sortAscending", it = "columnMenu.sortDescending", Oe = "columnMenu.filterEqOperator", Ne = "columnMenu.filterNotEqOperator", Ae = "columnMenu.filterIsNullOperator", Pe = "columnMenu.filterIsNotNullOperator", Cn = "columnMenu.filterIsEmptyOperator", xn = "columnMenu.filterIsNotEmptyOperator", bn = "columnMenu.filterStartsWithOperator", yn = "columnMenu.filterContainsOperator", In = "columnMenu.filterNotContainsOperator", kn = "columnMenu.filterEndsWithOperator", Fn = "columnMenu.filterGteOperator", Sn = "columnMenu.filterGtOperator", Rn = "columnMenu.filterLteOperator", Mn = "columnMenu.filterLtOperator", Ln = "columnMenu.filterIsTrue", Dn = "columnMenu.filterAfterOrEqualOperator", wn = "columnMenu.filterAfterOperator", On = "columnMenu.filterBeforeOperator", Nn = "columnMenu.filterBeforeOrEqualOperator", An = "columnMenu.filterAndLogic", Pn = "columnMenu.filterOrLogic", lt = "sort.ariaLabel", ct = "filter.ariaLabel", E = {
-  [Ee]: "items per page",
-  [Rr]: "Select page",
-  [he]: "{0} - {1} of {2} items",
-  [ge]: "Go to the first page",
-  [fe]: "Go to the previous page",
-  [me]: "Go to the next page",
-  [ve]: "Go to the last page",
-  [Y]: "Page",
-  [Ce]: "of",
-  [xe]: "{0}",
-  [Mr]: "Page",
+import { Popup as Sr } from "@progress/kendo-react-popup";
+import { Reveal as Fr } from "@progress/kendo-react-animation";
+const fe = "pager.info", me = "pager.firstPage", ve = "pager.previousPage", Ee = "pager.nextPage", Ce = "pager.lastPage", xe = "pager.itemsPerPage", Mr = "pager.pageSelection", _ = "pager.page", X = "pager.of", U = "pager.totalPages", Ye = "pager.pageNumberLabel", Rr = "pager.pageLabel", be = "pager.ariaKeyshortcuts", Lr = "pager.ariaLabel", ye = "pager.pageSizeAriaLabel", Ie = "pager.mobileSelect", ke = "pager.moreButtonLabel", de = "filter.eqOperator", pe = "filter.notEqOperator", Le = "filter.isNullOperator", De = "filter.isNotNullOperator", nn = "filter.isEmptyOperator", rn = "filter.isNotEmptyOperator", sn = "filter.startsWithOperator", on = "filter.containsOperator", an = "filter.notContainsOperator", ln = "filter.endsWithOperator", cn = "filter.gteOperator", un = "filter.gtOperator", dn = "filter.lteOperator", pn = "filter.ltOperator", hn = "filter.isTrue", gn = "filter.isFalse", fn = "filter.afterOrEqualOperator", mn = "filter.afterOperator", vn = "filter.beforeOperator", En = "filter.beforeOrEqualOperator", Ue = "filter.andLogic", je = "filter.orLogic", ae = "filter.addExpression", ie = "filter.addGroup", ce = "filter.close", Xe = "filter.groupAriaLabel", Ze = "filter.expressionAriaLabel", Je = "filter.expressionDropdownAriaLabel", Qe = "filter.expressionOperatorDropdownAriaLabel", et = "filter.enumFilterDropdownAriaLabel", tt = "filter.numericFilterAriaLabel", nt = "filter.textFilterAriaLabel", rt = "columnMenu.filterClearButton", st = "columnMenu.filterSubmitButton", ot = "columnMenu.filterTitle", at = "columnMenu.sortAscending", it = "columnMenu.sortDescending", we = "columnMenu.filterEqOperator", Oe = "columnMenu.filterNotEqOperator", Ne = "columnMenu.filterIsNullOperator", Ae = "columnMenu.filterIsNotNullOperator", Cn = "columnMenu.filterIsEmptyOperator", xn = "columnMenu.filterIsNotEmptyOperator", bn = "columnMenu.filterStartsWithOperator", yn = "columnMenu.filterContainsOperator", In = "columnMenu.filterNotContainsOperator", kn = "columnMenu.filterEndsWithOperator", Sn = "columnMenu.filterGteOperator", Fn = "columnMenu.filterGtOperator", Mn = "columnMenu.filterLteOperator", Rn = "columnMenu.filterLtOperator", Ln = "columnMenu.filterIsTrue", Dn = "columnMenu.filterAfterOrEqualOperator", wn = "columnMenu.filterAfterOperator", On = "columnMenu.filterBeforeOperator", Nn = "columnMenu.filterBeforeOrEqualOperator", An = "columnMenu.filterAndLogic", Pn = "columnMenu.filterOrLogic", lt = "sort.ariaLabel", ct = "filter.ariaLabel", v = {
+  [xe]: "items per page",
+  [Mr]: "Select page",
+  [fe]: "{0} - {1} of {2} items",
+  [me]: "Go to the first page",
+  [ve]: "Go to the previous page",
+  [Ee]: "Go to the next page",
+  [Ce]: "Go to the last page",
+  [_]: "Page",
+  [X]: "of",
+  [U]: "{0}",
+  [Rr]: "Page",
   [be]: "Enter ArrowRight ArrowLeft",
-  [ye]: "Pager",
-  [Ie]: "Page size",
-  [ke]: "Select",
-  [Fe]: "More pages",
+  [Lr]: "Pager",
+  [ye]: "Page size",
+  [Ie]: "Select",
+  [ke]: "More pages",
+  [Ye]: "Type a page number",
   [lt]: "Sortable",
   [ct]: "Filter",
-  [le]: "Is equal to",
-  [ce]: "Is not equal to",
-  [De]: "Is null",
-  [we]: "Is not null",
+  [de]: "Is equal to",
+  [pe]: "Is not equal to",
+  [Le]: "Is null",
+  [De]: "Is not null",
   [nn]: "Is empty",
   [rn]: "Is not empty",
-  [on]: "Starts with",
-  [sn]: "Contains",
+  [sn]: "Starts with",
+  [on]: "Contains",
   [an]: "Does not contain",
   [ln]: "Ends with",
   [cn]: "Is greater than or equal to",
@@ -58,9 +59,9 @@ const he = "pager.info", ge = "pager.firstPage", fe = "pager.previousPage", me =
   [En]: "Is before or equal to",
   [Ue]: "And",
   [je]: "Or",
-  [re]: "Add Expression",
-  [oe]: "Add Group",
-  [ae]: "Remove",
+  [ae]: "Add Expression",
+  [ie]: "Add Group",
+  [ce]: "Remove",
   [Xe]: "Filter toolbar",
   [Ze]: "Filter expression row",
   [Je]: "Filter dropdown",
@@ -69,24 +70,24 @@ const he = "pager.info", ge = "pager.firstPage", fe = "pager.previousPage", me =
   [tt]: "Enter number",
   [nt]: "Enter text",
   [rt]: "Clear",
-  [ot]: "Filter",
   [st]: "Filter",
+  [ot]: "Filter",
   [at]: "Sort Ascending",
   [it]: "Sort Descending",
-  [Oe]: "Is equal to",
-  [Ne]: "Is not equal to",
-  [Ae]: "Is null",
-  [Pe]: "Is not null",
+  [we]: "Is equal to",
+  [Oe]: "Is not equal to",
+  [Ne]: "Is null",
+  [Ae]: "Is not null",
   [Cn]: "Is empty",
   [xn]: "Is not empty",
   [bn]: "Starts with",
   [yn]: "Contains",
   [In]: "Does not contain",
   [kn]: "Ends with",
-  [Fn]: "Is greater than or equal to",
-  [Sn]: "Is greater than",
-  [Rn]: "Is less than or equal to",
-  [Mn]: "Is less than",
+  [Sn]: "Is greater than or equal to",
+  [Fn]: "Is greater than",
+  [Mn]: "Is less than or equal to",
+  [Rn]: "Is less than",
   [Ln]: "Is true",
   [Dn]: "Is after or equal to",
   [wn]: "Is after",
@@ -95,7 +96,7 @@ const he = "pager.info", ge = "pager.firstPage", fe = "pager.previousPage", me =
   [An]: "And",
   [Pn]: "Or"
 }, Pt = "...";
-class Lr extends a.Component {
+class Dr extends a.Component {
   constructor() {
     super(...arguments), this.handlePageChange = (t, n) => {
       t.preventDefault(), this.props.pageChange(n, t);
@@ -104,25 +105,25 @@ class Lr extends a.Component {
     };
   }
   render() {
-    const t = q(this), n = this.props.messagesMap ? this.props.messagesMap(ke) : { messageKey: ke, defaultMessage: E[ke] }, r = this.props.messagesMap ? this.props.messagesMap(Y) : { messageKey: Y, defaultMessage: E[Y] }, o = this.props.messagesMap ? this.props.messagesMap(Fe) : { messageKey: Fe, defaultMessage: E[Fe] }, s = t.toLanguageString(o.messageKey, o.defaultMessage), i = this.start > 1 && this.renderDots(this.start - 1, s), l = this.end < this.props.totalPages && this.renderDots(this.end + 1, s), c = this.start > 1 && this.renderOptionDots(this.start - 1), u = this.end < this.props.totalPages && this.renderOptionDots(this.end + 1), d = [];
-    for (let h = this.start; h <= this.end; h++)
-      d.push(h);
-    const g = d.map((h) => /* @__PURE__ */ a.createElement(
+    const t = q(this), n = this.props.messagesMap ? this.props.messagesMap(Ie) : { messageKey: Ie, defaultMessage: v[Ie] }, r = this.props.messagesMap ? this.props.messagesMap(_) : { messageKey: _, defaultMessage: v[_] }, s = this.props.messagesMap ? this.props.messagesMap(ke) : { messageKey: ke, defaultMessage: v[ke] }, o = t.toLanguageString(s.messageKey, s.defaultMessage), i = this.start > 1 && this.renderDots(this.start - 1, o), l = this.end < this.props.totalPages && this.renderDots(this.end + 1, o), c = this.start > 1 && this.renderOptionDots(this.start - 1), u = this.end < this.props.totalPages && this.renderOptionDots(this.end + 1), d = [];
+    for (let g = this.start; g <= this.end; g++)
+      d.push(g);
+    const h = d.map((g) => /* @__PURE__ */ a.createElement(
       B,
       {
-        className: H({ "k-selected": this.props.currentPage === h }),
-        key: h,
+        className: H({ "k-selected": this.props.currentPage === g }),
+        key: g,
         fillMode: "flat",
         themeColor: "primary",
         size: this.props.size,
         rounded: null,
         role: "button",
-        "aria-label": t.toLanguageString(r.messageKey, r.defaultMessage) + " " + h,
-        "aria-current": this.props.currentPage === h ? !0 : void 0,
-        onClick: (v) => this.handlePageChange(v, h)
+        "aria-label": t.toLanguageString(r.messageKey, r.defaultMessage) + " " + g,
+        "aria-current": this.props.currentPage === g ? !0 : void 0,
+        onClick: (E) => this.handlePageChange(E, g)
       },
-      h
-    )), m = d.map((h) => /* @__PURE__ */ a.createElement("option", { key: h }, h));
+      g
+    )), m = d.map((g) => /* @__PURE__ */ a.createElement("option", { key: g }, g));
     return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
       "select",
       {
@@ -130,12 +131,12 @@ class Lr extends a.Component {
         className: H(
           "k-picker k-dropdown-list k-dropdown k-rounded-md",
           {
-            [`k-picker-${$t.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+            [`k-picker-${Ht.sizeMap[this.props.size] || this.props.size}`]: this.props.size
           }
         ),
         "aria-label": t.toLanguageString(n.messageKey, n.defaultMessage),
         value: this.props.currentPage,
-        onChange: (h) => this.handleSelectPageChange(h)
+        onChange: (g) => this.handleSelectPageChange(g)
       },
       c,
       m,
@@ -147,7 +148,7 @@ class Lr extends a.Component {
         style: { display: this.props.type === "numbers" ? "" : "none" }
       },
       i,
-      g,
+      h,
       l
     ));
   }
@@ -188,21 +189,22 @@ class Tn extends a.Component {
     };
   }
   render() {
-    const t = Ut(this), n = q(this), r = this.props.messagesMap ? this.props.messagesMap(Y) : { messageKey: Y, defaultMessage: E[Y] }, o = this.props.messagesMap ? this.props.messagesMap(Ce) : { messageKey: Ce, defaultMessage: E[Ce] }, s = this.props.messagesMap ? this.props.messagesMap(xe) : { messageKey: xe, defaultMessage: E[xe] };
-    return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("span", { className: "k-pager-input" }, /* @__PURE__ */ a.createElement("span", null, n.toLanguageString(r.messageKey, r.defaultMessage)), /* @__PURE__ */ a.createElement(
-      Le,
+    const t = Ut(this), n = q(this), r = this.props.messagesMap ? this.props.messagesMap(_) : { messageKey: _, defaultMessage: v[_] }, s = this.props.messagesMap ? this.props.messagesMap(X) : { messageKey: X, defaultMessage: v[X] }, o = this.props.messagesMap ? this.props.messagesMap(U) : { messageKey: U, defaultMessage: v[U] }, i = this.props.messagesMap ? this.props.messagesMap(U) : { messageKey: Ye, defaultMessage: v[Ye] };
+    return /* @__PURE__ */ a.createElement("span", { className: "k-pager-input" }, /* @__PURE__ */ a.createElement("span", null, n.toLanguageString(r.messageKey, r.defaultMessage)), /* @__PURE__ */ a.createElement(
+      Re,
       {
         value: this.props.currentPage !== void 0 ? this.props.currentPage : this.state.page,
         onChange: this.handleOnChange,
         min: 1,
-        spinners: !1
+        spinners: !1,
+        ariaLabel: n.toLanguageString(i.messageKey, i.defaultMessage)
       }
-    ), /* @__PURE__ */ a.createElement("span", null, `${n.toLanguageString(o.messageKey, o.defaultMessage)} ${t.format(n.toLanguageString(s.messageKey, s.defaultMessage), [
+    ), /* @__PURE__ */ a.createElement("span", null, `${n.toLanguageString(s.messageKey, s.defaultMessage)} ${t.format(n.toLanguageString(o.messageKey, o.defaultMessage), [
       this.props.totalPages
-    ])}`)));
+    ])}`));
   }
 }
-$(Tn);
+W(Tn);
 class Kn extends a.Component {
   constructor() {
     super(...arguments), this.pageSizeChange = (t) => {
@@ -210,14 +212,14 @@ class Kn extends a.Component {
     };
   }
   render() {
-    const { value: t, pageSizes: n, pageSize: r, messagesMap: o } = this.props, s = n.slice();
-    t === void 0 && s.filter((c) => c === r).length === 0 && s.unshift(r);
-    const i = o ? o(Ee) : { messageKey: Ee, defaultMessage: E[Ee] }, l = o ? o(Ie) : { messageKey: Ie, defaultMessage: E[Ie] };
+    const { value: t, pageSizes: n, pageSize: r, messagesMap: s } = this.props, o = n.slice();
+    t === void 0 && o.filter((c) => c === r).length === 0 && o.unshift(r);
+    const i = s ? s(xe) : { messageKey: xe, defaultMessage: v[xe] }, l = s ? s(ye) : { messageKey: ye, defaultMessage: v[ye] };
     return /* @__PURE__ */ a.createElement("span", { className: "k-pager-sizes" }, /* @__PURE__ */ a.createElement(
-      _,
+      $,
       {
         value: t !== void 0 ? t : r,
-        data: s,
+        data: o,
         onChange: this.pageSizeChange,
         ariaLabel: q(this).toLanguageString(l.messageKey, l.defaultMessage),
         size: this.props.size
@@ -225,26 +227,26 @@ class Kn extends a.Component {
     ), /* @__PURE__ */ a.createElement("span", null, q(this).toLanguageString(i.messageKey, i.defaultMessage)));
   }
 }
-$(Kn);
+W(Kn);
 const Et = {
   name: "@progress/kendo-react-data-tools",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1708613478,
+  publishDate: 1708617648,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Tt = 600, Dr = 768;
-class Te extends a.Component {
+}, Tt = 600, wr = 768;
+class Pe extends a.Component {
   constructor(t) {
     super(t), this._element = null, this.onPageChange = (n, r) => {
-      const o = {
+      const s = {
         target: this,
         syntheticEvent: r.syntheticEvent,
         nativeEvent: r.nativeEvent,
         targetEvent: r,
         ...n
       };
-      this.props.onPageChange && this.props.onPageChange.call(void 0, o);
+      this.props.onPageChange && this.props.onPageChange.call(void 0, s);
     }, this.changePage = (n, r) => {
       this.props.onPageChange && n > 0 && n <= this.totalPages && this.props.onPageChange({
         target: this,
@@ -259,7 +261,7 @@ class Te extends a.Component {
       if (!n || !this.props.responsive)
         return;
       const r = n.offsetWidth;
-      r < Tt ? this.setState({ showPagerSizes: !1 }) : r >= Tt && r < Dr ? this.setState({ showPagerInfo: !1, showPagerSizes: !0 }) : this.setState({ showPagerInfo: !0, showPagerSizes: !0 });
+      r < Tt ? this.setState({ showPagerSizes: !1 }) : r >= Tt && r < wr ? this.setState({ showPagerInfo: !1, showPagerSizes: !0 }) : this.setState({ showPagerInfo: !0, showPagerSizes: !0 });
     }, gt(Et), this.state = { showPagerSizes: !0, showPagerInfo: !0 };
   }
   get isRtl() {
@@ -287,72 +289,84 @@ class Te extends a.Component {
    * @hidden
    */
   render() {
-    const { showPagerSizes: t, showPagerInfo: n } = this.state, { skip: r, take: o, total: s, pageSizes: i, size: l, responsive: c, messagesMap: u, pageSizeValue: d } = this.props, g = q(this), m = Ut(this), h = Math.floor(r / o) + 1, v = this.props.type === "numeric" ? /* @__PURE__ */ a.createElement(
-      Lr,
+    const { showPagerSizes: t, showPagerInfo: n } = this.state, { skip: r, take: s, total: o, pageSizes: i, size: l, responsive: c, messagesMap: u, pageSizeValue: d } = this.props, h = q(this), m = Ut(this), g = Math.floor(r / s) + 1, E = this.props.type === "numeric" ? /* @__PURE__ */ a.createElement(
+      Dr,
       {
         type: c && !t ? "dropdown" : "numbers",
         buttonCount: this.props.buttonCount || 0,
         totalPages: this.totalPages,
-        currentPage: h,
+        currentPage: g,
         pageChange: this.changePage,
         messagesMap: this.props.messagesMap,
-        size: this.props.size
+        size: l
       }
     ) : /* @__PURE__ */ a.createElement(
       Tn,
       {
         buttonCount: this.props.buttonCount || 0,
         totalPages: this.totalPages,
-        currentPage: h,
+        currentPage: g,
         pageChange: this.changePage,
         messagesMap: u,
-        size: this.props.size
+        size: l
       }
-    ), b = u ? u(ge) : { messageKey: ge, defaultMessage: E[ge] }, C = u ? u(fe) : { messageKey: fe, defaultMessage: E[fe] }, f = u ? u(me) : { messageKey: me, defaultMessage: E[me] }, I = u ? u(ve) : { messageKey: ve, defaultMessage: E[ve] }, S = u ? u(he) : { messageKey: he, defaultMessage: E[he] }, k = u ? u(be) : { messageKey: be, defaultMessage: E[be] }, x = u ? u(ye) : { messageKey: ye, defaultMessage: E[ye] };
-    let y, F, w, P;
-    this.props.previousNext && (y = this.renderButton(
+    ), b = u ? u(me) : { messageKey: me, defaultMessage: v[me] }, C = u ? u(ve) : { messageKey: ve, defaultMessage: v[ve] }, f = u ? u(Ee) : { messageKey: Ee, defaultMessage: v[Ee] }, I = u ? u(Ce) : { messageKey: Ce, defaultMessage: v[Ce] }, F = u ? u(fe) : { messageKey: fe, defaultMessage: v[fe] }, k = u ? u(be) : { messageKey: be, defaultMessage: v[be] }, x = u ? u(_) : { messageKey: _, defaultMessage: v[_] }, y = u ? u(X) : { messageKey: X, defaultMessage: v[X] }, S = u ? u(U) : { messageKey: U, defaultMessage: v[U] }, A = `${m.format(h.toLanguageString(
+      x.messageKey,
+      x.defaultMessage
+    ), [s])} ${h.toLanguageString(
+      y.messageKey,
+      y.defaultMessage
+    )} ${m.format(
+      h.toLanguageString(
+        S.messageKey,
+        S.defaultMessage
+      ),
+      [d]
+    )}`;
+    let P, T, G, D;
+    this.props.previousNext && (P = this.renderButton(
       1,
-      "k-pager-nav k-pager-first" + (h === 1 ? " k-disabled" : ""),
-      g.toLanguageString(b.messageKey, b.defaultMessage),
+      "k-pager-nav k-pager-first" + (g === 1 ? " k-disabled" : ""),
+      h.toLanguageString(b.messageKey, b.defaultMessage),
       this.isRtl ? "caret-alt-to-right" : "caret-alt-to-left",
       this.isRtl ? wt : Ot,
-      h === 1 ? !0 : void 0
-    ), F = this.renderButton(
-      h - 1,
-      "k-pager-nav" + (h === 1 ? " k-disabled" : ""),
-      g.toLanguageString(C.messageKey, C.defaultMessage),
+      g === 1 ? !0 : void 0
+    ), T = this.renderButton(
+      g - 1,
+      "k-pager-nav" + (g === 1 ? " k-disabled" : ""),
+      h.toLanguageString(C.messageKey, C.defaultMessage),
       this.isRtl ? "caret-alt-right" : "caret-alt-left",
       this.isRtl ? Nt : At,
-      h === 1 ? !0 : void 0
-    ), w = this.renderButton(
-      h + 1,
-      "k-pager-nav" + (h >= this.totalPages ? " k-disabled" : ""),
-      g.toLanguageString(f.messageKey, f.defaultMessage),
+      g === 1 ? !0 : void 0
+    ), G = this.renderButton(
+      g + 1,
+      "k-pager-nav" + (g >= this.totalPages ? " k-disabled" : ""),
+      h.toLanguageString(f.messageKey, f.defaultMessage),
       this.isRtl ? "caret-alt-left" : "caret-alt-right",
       this.isRtl ? At : Nt,
-      h >= this.totalPages ? !0 : void 0
-    ), P = this.renderButton(
+      g >= this.totalPages ? !0 : void 0
+    ), D = this.renderButton(
       this.totalPages,
-      "k-pager-nav k-pager-last" + (h >= this.totalPages ? " k-disabled" : ""),
-      g.toLanguageString(I.messageKey, I.defaultMessage),
+      "k-pager-nav k-pager-last" + (g >= this.totalPages ? " k-disabled" : ""),
+      h.toLanguageString(I.messageKey, I.defaultMessage),
       this.isRtl ? "caret-alt-to-left" : "caret-alt-to-right",
       this.isRtl ? Ot : wt,
-      h >= this.totalPages ? !0 : void 0
+      g >= this.totalPages ? !0 : void 0
     ));
-    const T = i && /* @__PURE__ */ a.createElement(
+    const L = i && /* @__PURE__ */ a.createElement(
       Kn,
       {
         pageChange: this.onPageChange,
-        pageSize: o,
+        pageSize: s,
         pageSizes: i,
         value: d,
         messagesMap: u,
-        size: this.props.size
+        size: l
       }
-    ), z = this.props.info && /* @__PURE__ */ a.createElement("span", { className: "k-pager-info" }, m.format(g.toLanguageString(S.messageKey, S.defaultMessage), [
-      Math.min(r + 1, s),
-      Math.min(r + o, s),
-      s
+    ), V = this.props.info && /* @__PURE__ */ a.createElement("span", { className: "k-pager-info" }, m.format(h.toLanguageString(F.messageKey, F.defaultMessage), [
+      Math.min(r + 1, o),
+      Math.min(r + s, o),
+      o
     ]));
     return /* @__PURE__ */ a.createElement(
       "div",
@@ -360,7 +374,7 @@ class Te extends a.Component {
         className: H(
           "k-pager",
           {
-            [`k-pager-${$t.sizeMap[l] || l}`]: l
+            [`k-pager-${Ht.sizeMap[l] || l}`]: l
           },
           this.props.className
         ),
@@ -368,16 +382,16 @@ class Te extends a.Component {
         role: "application",
         "aria-roledescription": "pager",
         dir: this.props.dir,
-        "aria-keyshortcuts": g.toLanguageString(k.messageKey, k.defaultMessage),
-        "aria-label": g.toLanguageString(x.messageKey, x.defaultMessage),
-        ref: (L) => this._element = L
+        "aria-keyshortcuts": h.toLanguageString(k.messageKey, k.defaultMessage),
+        "aria-label": A,
+        ref: (Z) => this._element = Z
       },
-      /* @__PURE__ */ a.createElement("div", { className: H("k-pager-numbers-wrap") }, y, F, v, w, P),
-      c ? t && T : T,
-      c ? n && z : z
+      /* @__PURE__ */ a.createElement("div", { className: H("k-pager-numbers-wrap") }, P, T, E, G, D),
+      c ? t && L : L,
+      c ? n && V : V
     );
   }
-  renderButton(t, n, r, o, s, i) {
+  renderButton(t, n, r, s, o, i) {
     return /* @__PURE__ */ a.createElement(
       B,
       {
@@ -386,8 +400,8 @@ class Te extends a.Component {
         size: this.props.size,
         rounded: null,
         className: n,
-        icon: o,
-        svgIcon: s,
+        icon: s,
+        svgIcon: o,
         title: r,
         role: "button",
         "aria-disabled": i,
@@ -401,7 +415,7 @@ class Te extends a.Component {
     return Math.ceil((this.props.total || 0) / this.props.take);
   }
 }
-Te.propTypes = {
+Pe.propTypes = {
   className: p.string,
   style: p.object,
   total: p.number.isRequired,
@@ -420,53 +434,53 @@ Te.propTypes = {
   size: p.oneOf([null, "small", "medium", "large"]),
   dir: p.string
 };
-Te.defaultProps = {
+Pe.defaultProps = {
   buttonCount: 10,
   info: !0,
   type: "numeric",
   size: "medium"
 };
-fr(Te);
-$(Te);
-const Ke = (e) => class extends a.Component {
+fr(Pe);
+W(Pe);
+const Te = (e) => class extends a.Component {
   constructor() {
     super(...arguments), this.filterChange = (r) => {
       this.props.onFilterChange && this.props.onFilterChange(r);
     }, this.inputChange = (r) => {
-      const o = r.target.value, { filter: s = [], field: i = "" } = this.props, l = this.findCellFilter(), c = l ? s.map((u) => u.field === i ? { ...l, value: o } : u) : [...s, { ...e.emptyFilter, value: o, field: i }];
+      const s = r.target.value, { filter: o = [], field: i = "" } = this.props, l = this.findCellFilter(), c = l ? o.map((u) => u.field === i ? { ...l, value: s } : u) : [...o, { ...e.emptyFilter, value: s, field: i }];
       this.filterChange({
         filter: c,
         field: i,
         syntheticEvent: r.syntheticEvent
       });
     }, this.operatorChange = (r) => {
-      const { operator: o } = r.target.value, { filter: s = [], field: i = "" } = this.props, l = this.findCellFilter(), c = l ? s.map((u) => u.field === i ? { ...l, operator: o } : u) : [...s, { ...e.emptyFilter, field: i, operator: o }];
+      const { operator: s } = r.target.value, { filter: o = [], field: i = "" } = this.props, l = this.findCellFilter(), c = l ? o.map((u) => u.field === i ? { ...l, operator: s } : u) : [...o, { ...e.emptyFilter, field: i, operator: s }];
       this.filterChange({
         filter: c,
         field: i,
         syntheticEvent: r.syntheticEvent
       });
     }, this.clearButtonClick = (r) => {
-      const { filter: o = [], field: s = "" } = this.props;
+      const { filter: s = [], field: o = "" } = this.props;
       this.filterChange({
-        filter: o.filter((i) => i.field !== s),
-        field: s,
+        filter: s.filter((i) => i.field !== o),
+        field: o,
         syntheticEvent: r
       });
     }, this.findCellFilter = () => {
-      const { filter: r = [], field: o } = this.props;
-      return r.find((s) => s.field === o);
+      const { filter: r = [], field: s } = this.props;
+      return r.find((o) => o.field === s);
     };
   }
   render() {
-    const { clearButtonTitle: r = "", operators: o = [] } = this.props, s = this.findCellFilter() || { ...e.emptyFilter, operator: "" }, { operator: i, value: l } = s, c = {
+    const { clearButtonTitle: r = "", operators: s = [] } = this.props, o = this.findCellFilter() || { ...e.emptyFilter, operator: "" }, { operator: i, value: l } = o, c = {
       ariaLabel: "filter",
-      value: o.find((u) => u.operator === i) || null,
+      value: s.find((u) => u.operator === i) || null,
       onChange: this.operatorChange,
       className: "k-dropdown-operator",
       iconClassName: "k-i-filter",
-      svgIcon: Ye,
-      data: o,
+      svgIcon: Ve,
+      data: s,
       textField: "text",
       popupSettings: { width: "" },
       components: this.props.components
@@ -493,70 +507,70 @@ const Ke = (e) => class extends a.Component {
       }
     ))));
   }
-}, Kt = "eq", wr = {
+}, Kt = "eq", Or = {
   emptyFilter: { operator: Kt, value: "" },
   inputComponent: (e) => null,
   operatorComponent: function(e, t) {
-    const { filter: n = [], field: r } = t, o = n.find((s) => s.field === r);
+    const { filter: n = [], field: r } = t, s = n.find((o) => o.field === r);
     return /* @__PURE__ */ a.createElement(
-      _,
+      $,
       {
         ...e,
-        value: e.data.find((s) => s.operator === (o ? o.value : "")),
-        onChange: (s) => {
+        value: e.data.find((o) => o.operator === (s ? s.value : "")),
+        onChange: (o) => {
           if (!t.onFilterChange)
             return;
-          const i = s.target.value.operator;
+          const i = o.target.value.operator;
           if (i === "") {
-            o && t.onFilterChange.call(void 0, {
-              filter: n.filter((c) => c.field !== o.field),
+            s && t.onFilterChange.call(void 0, {
+              filter: n.filter((c) => c.field !== s.field),
               field: r,
-              syntheticEvent: s.syntheticEvent
+              syntheticEvent: o.syntheticEvent
             });
             return;
           }
-          let l = o ? n.map((c) => c.field === r ? { ...o, value: i } : c) : [...n, { value: i, field: r, operator: Kt }];
+          let l = s ? n.map((c) => c.field === r ? { ...s, value: i } : c) : [...n, { value: i, field: r, operator: Kt }];
           t.onFilterChange.call(void 0, {
             filter: l,
             field: r,
-            syntheticEvent: s.syntheticEvent
+            syntheticEvent: o.syntheticEvent
           });
         }
       }
     );
   }
 };
-class cs extends Ke(wr) {
+class co extends Te(Or) {
 }
-const Or = {
+const Nr = {
   inputComponent: (e) => /* @__PURE__ */ a.createElement(vt, { ...e }),
-  operatorComponent: (e) => /* @__PURE__ */ a.createElement(_, { ...e }),
+  operatorComponent: (e) => /* @__PURE__ */ a.createElement($, { ...e }),
   emptyFilter: { operator: "eq", value: null }
 };
-class us extends Ke(Or) {
+class uo extends Te(Nr) {
 }
-const Nr = {
-  inputComponent: (e) => /* @__PURE__ */ a.createElement(Le, { ...e }),
-  operatorComponent: (e) => /* @__PURE__ */ a.createElement(_, { ...e }),
+const Ar = {
+  inputComponent: (e) => /* @__PURE__ */ a.createElement(Re, { ...e }),
+  operatorComponent: (e) => /* @__PURE__ */ a.createElement($, { ...e }),
   emptyFilter: { operator: "eq", value: null }
 };
-class ds extends Ke(Nr) {
+class po extends Te(Ar) {
 }
-const Ar = {
+const Pr = {
   inputComponent: (e) => /* @__PURE__ */ a.createElement(jt, { ...e }),
-  operatorComponent: (e) => /* @__PURE__ */ a.createElement(_, { ...e }),
+  operatorComponent: (e) => /* @__PURE__ */ a.createElement($, { ...e }),
   emptyFilter: { operator: "contains", value: "" }
 };
-class ps extends Ke(Ar) {
+class ho extends Te(Pr) {
 }
-const Pr = {
+const Tr = {
   filterable: !0,
   editable: !0,
   sortable: !0,
   resizable: !0,
   reorderable: !0,
   groupable: !0
-}, X = "data-keyboardnavlevel", Bn = "data-keyboardnavscope", qn = "data-keyboardnavheader", zn = "data-keyboardnavbody", Be = "data-keyboardnavid", hs = "data-keyboardnavzone", Tr = "_filter", Gn = [
+}, ee = "data-keyboardnavlevel", Bn = "data-keyboardnavscope", qn = "data-keyboardnavheader", Gn = "data-keyboardnavbody", Ke = "data-keyboardnavid", go = "data-keyboardnavzone", Kr = "_filter", zn = [
   "input:not([disabled]):not([type=hidden])",
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -570,36 +584,36 @@ const Pr = {
   "audio[controls]",
   "video[controls]",
   "[contenteditable]"
-], Ct = [...Gn, "[tabindex]"], Kr = [...Gn, "[tabindex]"].map((e) => e + ':not([tabindex="-1"])'), gs = {
+], Ct = [...zn, "[tabindex]"], Br = [...zn, "[tabindex]"].map((e) => e + ':not([tabindex="-1"])'), fo = {
   [Bn]: !0
-}, Br = {
+}, qr = {
   [qn]: !0
-}, fs = {
-  [zn]: !0
+}, mo = {
+  [Gn]: !0
 }, _n = a.createContext(void 0);
 _n.displayName = "KendoReactTableKeyboardNavigationContext";
-const qr = (e, t) => {
+const Gr = (e, t) => {
   const n = a.useContext(_n);
   return !n || !e || t === !1 ? {} : {
     tabIndex: n && n.activeId && n.activeId === e ? 0 : -1,
-    [X]: n.level,
-    [Be]: e
+    [ee]: n.level,
+    [Ke]: e
   };
 }, xt = (e) => {
   const {
     ariaSort: t,
     colSpan: n,
     rowSpan: r,
-    className: o,
-    style: s,
+    className: s,
+    style: o,
     columnId: i,
     onKeyDown: l,
     navigatable: c,
     ariaColumnIndex: u,
     ariaLabel: d,
-    role: g,
+    role: h,
     ariaSelected: m
-  } = e, h = qr(i, c);
+  } = e, g = Gr(i, c);
   return /* @__PURE__ */ a.createElement(
     "th",
     {
@@ -609,60 +623,60 @@ const qr = (e, t) => {
       "aria-selected": m,
       colSpan: n,
       rowSpan: r,
-      className: o,
-      style: s,
+      className: s,
+      style: o,
       onKeyDown: l,
-      role: g,
-      ...h
+      role: h,
+      ...g
     },
     e.children
   );
 };
 xt.displayName = "KendoReactHeaderThElement";
-const Hn = (e, t, n = "cell") => `${t}_${e}_${n}`, zr = (e) => {
+const $n = (e, t, n = "cell") => `${t}_${e}_${n}`, zr = (e) => {
   if (e)
-    return parseInt(e.getAttribute(X) || "", 10);
+    return parseInt(e.getAttribute(ee) || "", 10);
 }, bt = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(Be);
+  const t = e.getAttribute(Ke);
   return t || void 0;
-}, ut = (e) => e ? !!e.getAttribute(Be) : !1, Gr = (e, t = { level: 0 }) => e.querySelector(`[${X}='${t.level}']`), _r = (e) => e.parentElement && e.parentElement.closest(`[${X}]`), Hr = (e, t) => e.querySelector(`[${Be}='${t}']`), $r = (e) => e.parentElement && e.parentElement.closest(`[${Bn}]`), $n = (e) => e.querySelector(`[${qn}]`), Wn = (e) => e.querySelector(`[${zn}]`), Wr = (e, t = { focusable: !1 }) => {
-  let n = t.focusable ? Ct : Kr;
+}, ut = (e) => e ? !!e.getAttribute(Ke) : !1, _r = (e, t = { level: 0 }) => e.querySelector(`[${ee}='${t.level}']`), $r = (e) => e.parentElement && e.parentElement.closest(`[${ee}]`), Hr = (e, t) => e.querySelector(`[${Ke}='${t}']`), Wr = (e) => e.parentElement && e.parentElement.closest(`[${Bn}]`), Hn = (e) => e.querySelector(`[${qn}]`), Wn = (e) => e.querySelector(`[${Gn}]`), Vr = (e, t = { focusable: !1 }) => {
+  let n = t.focusable ? Ct : Br;
   return Array.from(e.querySelectorAll(n.join(",")));
-}, Vr = (e, t = { level: 0 }) => {
+}, Yr = (e, t = { level: 0 }) => {
   if (!e)
     return [];
-  let n = Ct.map((r) => r + `[${X}='${t.level}']`).join(",");
+  let n = Ct.map((r) => r + `[${ee}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(n));
-}, Yr = (e = { level: 0 }) => {
+}, Ur = (e = { level: 0 }) => {
   let t = Ct.map(
-    (n) => n + `[${X}='${e.level}']`
+    (n) => n + `[${ee}='${e.level}']`
   ).join(",");
   return (n) => n.matches(t);
-}, Ur = (e) => {
-  const { elementForFocus: t, event: n, contextStateRef: r, prevElement: o } = e;
-  r.current && t && t.focus && (n.preventDefault(), t.focus(), ut(t) && (t.setAttribute("tabIndex", "0"), r.current.activeId = bt(t)), o && ut(o) && o.setAttribute("tabIndex", "-1"));
-}, jr = (e) => e.current ? e.current.idPrefix : "", Vn = (e, t, n, r, o) => {
+}, jr = (e) => {
+  const { elementForFocus: t, event: n, contextStateRef: r, prevElement: s } = e;
+  r.current && t && t.focus && (n.preventDefault(), t.focus(), ut(t) && (t.setAttribute("tabIndex", "0"), r.current.activeId = bt(t)), s && ut(s) && s.setAttribute("tabIndex", "-1"));
+}, Xr = (e) => e.current ? e.current.idPrefix : "", Vn = (e, t, n, r, s) => {
   if (!n)
     return [];
-  let s = e + (o ? -1 : 1);
-  for (; s >= 0 && s < r.length; ) {
-    const i = r[s][t];
+  let o = e + (s ? -1 : 1);
+  for (; o >= 0 && o < r.length; ) {
+    const i = r[o][t];
     if (i !== n)
-      return [i, [s, t]];
-    s = s + (o ? -1 : 1);
+      return [i, [o, t]];
+    o = o + (s ? -1 : 1);
   }
   return [];
-}, Yn = (e, t, n, r, o) => {
+}, Yn = (e, t, n, r, s) => {
   if (!n)
     return [];
-  let s = t + (o ? -1 : 1);
-  for (; s >= 0 && s < r[e].length; ) {
-    const i = r[e][s];
+  let o = t + (s ? -1 : 1);
+  for (; o >= 0 && o < r[e].length; ) {
+    const i = r[e][o];
     if (i !== n)
-      return [i, [e, s]];
-    s = s + (o ? -1 : 1);
+      return [i, [e, o]];
+    o = o + (s ? -1 : 1);
   }
   return [];
 }, dt = (e, t) => {
@@ -672,33 +686,33 @@ const Hn = (e, t, n = "cell") => `${t}_${e}_${n}`, zr = (e) => {
         if (e[n][r] === t)
           return [n, r];
   }
-}, Xr = (e) => e.current ? e.current.navigationMatrix.length : 0, Un = (e) => e ? `${e}${Tr}` : "", M = {
-  generateNavigatableId: Hn,
+}, Zr = (e) => e.current ? e.current.navigationMatrix.length : 0, Un = (e) => e ? `${e}${Kr}` : "", R = {
+  generateNavigatableId: $n,
   getNavigatableId: bt,
   getNavigatableLevel: zr,
-  getNavigatableElement: Gr,
-  getClosestNavigatableElement: _r,
+  getNavigatableElement: _r,
+  getClosestNavigatableElement: $r,
   getActiveElement: Hr,
-  getClosestScope: $r,
-  getHeaderElement: $n,
+  getClosestScope: Wr,
+  getHeaderElement: Hn,
   getBodyElement: Wn,
-  getFocusableElements: Wr,
-  getNavigatableElements: Vr,
-  filterNavigatableElements: Yr,
-  focusElement: Ur,
-  getIdPrefix: jr,
+  getFocusableElements: Vr,
+  getNavigatableElements: Yr,
+  filterNavigatableElements: Ur,
+  focusElement: jr,
+  getIdPrefix: Xr,
   isNavigatable: ut,
   findNextIdByRowIndex: Vn,
   findNextIdByCellIndex: Yn,
   findId: dt,
-  getNextNavigationIndex: Xr,
+  getNextNavigationIndex: Zr,
   getFilterColumnId: Un
-}, Zr = "k-table-row k-filter-row", Jr = (e, t, n) => {
+}, Jr = "k-table-row k-filter-row", Qr = (e, t, n) => {
   let r = `${n ? "k-grid-header-sticky" : ""}`;
-  return e.some((o) => o.field === t) && (r += " k-sorted"), r;
-}, ms = function(e) {
-  const { columns: t, filter: n, filterChange: r, sort: o = [], ariaRowIndex: s } = e, i = j();
-  return /* @__PURE__ */ a.createElement("tr", { className: Zr, "aria-rowindex": s, role: "row" }, t.map((l, c) => {
+  return e.some((s) => s.field === t) && (r += " k-sorted"), r;
+}, vo = function(e) {
+  const { columns: t, filter: n, filterChange: r, sort: s = [], ariaRowIndex: o } = e, i = Q();
+  return /* @__PURE__ */ a.createElement("tr", { className: Jr, "aria-rowindex": o, role: "row" }, t.map((l, c) => {
     const u = l.locked !== void 0 ? {
       left: l.left,
       right: l.right,
@@ -712,10 +726,10 @@ const Hn = (e, t, n = "cell") => `${t}_${e}_${n}`, zr = (e) => {
         style: u,
         key: c,
         ariaColumnIndex: l.ariaColumnIndex,
-        ariaLabel: d ? i.toLanguageString(ct, E[ct]) : void 0,
+        ariaLabel: d ? i.toLanguageString(ct, v[ct]) : void 0,
         className: H(
           "k-table-th k-header",
-          Jr(o, l.field, l.locked)
+          Qr(s, l.field, l.locked)
         )
       },
       d && /* @__PURE__ */ a.createElement(
@@ -729,12 +743,12 @@ const Hn = (e, t, n = "cell") => `${t}_${e}_${n}`, zr = (e) => {
     );
   }));
 };
-function Qr(e, t) {
+function es(e, t) {
   const n = e[t].depth;
   let r = null;
-  for (let o = t + 1; o < e.length; o++)
-    if (e[o].depth === n) {
-      r = e[o];
+  for (let s = t + 1; s < e.length; s++)
+    if (e[s].depth === n) {
+      r = e[s];
       break;
     }
   return r;
@@ -743,61 +757,61 @@ const yt = (e) => {
   let t = e.width ? parseFloat(e.width.toString()) : 0;
   return !t && e.children && e.children.length && (t = e.children.reduce((n, r) => yt(r) + n, 0)), t;
 };
-function vs(e) {
+function Eo(e) {
   const t = [[]];
   let n = 0;
-  for (let s = e.length - 1; s >= 0; s--)
-    n = Math.max(n, e[s].depth), e[s].colSpan = e[s].colSpan || 1, e[s].parentIndex !== -1 && (e[e[s].parentIndex].colSpan = (e[e[s].parentIndex].colSpan || 0) + e[s].colSpan);
+  for (let o = e.length - 1; o >= 0; o--)
+    n = Math.max(n, e[o].depth), e[o].colSpan = e[o].colSpan || 1, e[o].parentIndex !== -1 && (e[e[o].parentIndex].colSpan = (e[e[o].parentIndex].colSpan || 0) + e[o].colSpan);
   const r = [];
-  let o = 1;
-  return e.forEach((s, i) => {
-    t[s.depth] = t[s.depth] || [];
+  let s = 1;
+  return e.forEach((o, i) => {
+    t[o.depth] = t[o.depth] || [];
     let l = !1;
-    t[s.depth].length === 0 && (o <= 1 ? o = 1 + (s.children.length > 0 ? 0 : n - s.depth) : (o--, l = !0)), s.rowSpan = 1 + (s.children.length > 0 ? 0 : n - s.depth), s.kFirst = l, s.index = t[s.depth].length, t[s.depth].push(i), s.ariaColumnIndex = r[s.depth] ? r[s.depth] + 1 : 1;
-    for (let c = s.depth; c < s.depth + s.rowSpan; c++)
-      r[c] = (r[c] || 0) + s.colSpan;
-  }), eo(t, e), to(t, e), t;
+    t[o.depth].length === 0 && (s <= 1 ? s = 1 + (o.children.length > 0 ? 0 : n - o.depth) : (s--, l = !0)), o.rowSpan = 1 + (o.children.length > 0 ? 0 : n - o.depth), o.kFirst = l, o.index = t[o.depth].length, t[o.depth].push(i), o.ariaColumnIndex = r[o.depth] ? r[o.depth] + 1 : 1;
+    for (let c = o.depth; c < o.depth + o.rowSpan; c++)
+      r[c] = (r[c] || 0) + o.colSpan;
+  }), ts(t, e), ns(t, e), t;
 }
-function eo(e, t, n) {
-  let r = new Array(e.length).fill(0), o = 0;
-  t.forEach((s) => {
-    if (s.locked && (!s.left || n))
-      if (s.left = r[s.depth], o = yt(s), s.children.length === 0)
-        for (let i = s.depth; i < r.length; i++)
-          r[i] += o;
+function ts(e, t, n) {
+  let r = new Array(e.length).fill(0), s = 0;
+  t.forEach((o) => {
+    if (o.locked && (!o.left || n))
+      if (o.left = r[o.depth], s = yt(o), o.children.length === 0)
+        for (let i = o.depth; i < r.length; i++)
+          r[i] += s;
       else
-        r[s.depth] += o;
+        r[o.depth] += s;
   });
 }
-function to(e, t, n) {
-  let r = 0, o = new Array(e.length).fill(0);
-  for (let s = t.length - 1; s >= 0; s--) {
-    const i = t[s];
+function ns(e, t, n) {
+  let r = 0, s = new Array(e.length).fill(0);
+  for (let o = t.length - 1; o >= 0; o--) {
+    const i = t[o];
     if (i.locked && (!i.right || n)) {
-      if (i.right = o[i.depth], r = yt(i), i.children.length === 0)
-        for (let c = i.depth; c < o.length; c++)
-          o[c] += r;
+      if (i.right = s[i.depth], r = yt(i), i.children.length === 0)
+        for (let c = i.depth; c < s.length; c++)
+          s[c] += r;
       else
-        o[i.depth] += r;
-      const l = Qr(t, s);
+        s[i.depth] += r;
+      const l = es(t, o);
       i.rightBorder = !(l && l.locked);
     }
   }
 }
-function no(e, t, n = 0) {
+function rs(e, t, n = 0) {
   let r = [];
   if (!e || !e.length)
     return [];
-  e.forEach((s) => {
-    const i = no(s.children || [], t, n + 1);
+  e.forEach((o) => {
+    const i = rs(o.children || [], t, n + 1);
     r.push(
       Object.assign(
         {},
         { depth: n },
-        Pr,
-        s,
+        Tr,
+        o,
         {
-          id: s.id ? s.id : Hn(`${t.prevId++}`, t.idPrefix, "column"),
+          id: o.id ? o.id : $n(`${t.prevId++}`, t.idPrefix, "column"),
           declarationIndex: r.length,
           children: i,
           rowSpan: 0,
@@ -807,17 +821,17 @@ function no(e, t, n = 0) {
       )
     );
   });
-  const o = (s, i) => s.orderIndex === i.orderIndex ? s.declarationIndex - i.declarationIndex : (s.orderIndex || 0) - (i.orderIndex || 0);
-  if (r.sort(o), n === 0) {
-    let s = [];
+  const s = (o, i) => o.orderIndex === i.orderIndex ? o.declarationIndex - i.declarationIndex : (o.orderIndex || 0) - (i.orderIndex || 0);
+  if (r.sort(s), n === 0) {
+    let o = [];
     const i = (l, c) => l.forEach((u) => {
-      u.parentIndex = c, i(u.children, s.push(u) - 1);
+      u.parentIndex = c, i(u.children, o.push(u) - 1);
     });
-    return i(r, -1), s;
+    return i(r, -1), o;
   }
   return r;
 }
-function ro(e) {
+function ss(e) {
   return !!(e && getComputedStyle(e).direction === "rtl");
 }
 function Bt(e, t) {
@@ -828,25 +842,25 @@ function Bt(e, t) {
   for (; r && r.parentElement !== t; )
     r = r.parentElement;
   if (!r && t.matches("tr")) {
-    const s = (i) => {
+    const o = (i) => {
       const l = i.getBoundingClientRect();
       return n.x > l.left && n.x < l.left + l.width && n.y > l.top && n.y < l.top + l.height;
     };
-    r = Array.from(t.children).find(s) || null;
+    r = Array.from(t.children).find(o) || null;
   }
-  const o = t.children;
-  for (let s = 0; s < o.length; s++)
-    if (o[s] === r)
-      return s;
+  const s = t.children;
+  for (let o = 0; o < s.length; o++)
+    if (s[o] === r)
+      return o;
   return -1;
 }
-class Es extends a.Component {
+class Co extends a.Component {
   constructor() {
     super(...arguments), this.element = null;
   }
   componentDidMount() {
     const { columnResize: t } = this.props;
-    t && t.resizable && t.setIsRtl(ro(this.element));
+    t && t.resizable && t.setIsRtl(ss(this.element));
   }
   render() {
     return /* @__PURE__ */ a.createElement(
@@ -855,21 +869,21 @@ class Es extends a.Component {
         className: "k-table-thead k-grid-header",
         role: "presentation",
         ref: (t) => this.element = t,
-        ...Br
+        ...qr
       },
       this.props.headerRow,
       this.props.filterRow
     );
   }
 }
-function oo(e) {
+function os(e) {
   const t = e.onClick ? {
     onClick: e.onClick
   } : {}, n = /* @__PURE__ */ a.createElement("span", { className: "k-link", ...t }, /* @__PURE__ */ a.createElement("span", { className: "k-column-title" }, e.title || e.field || " "), e.children);
   return /* @__PURE__ */ a.createElement(a.Fragment, null, e.render ? e.render.call(void 0, n, e) : n);
 }
-const so = (...e) => Object.assign({ allowUnsort: !0, mode: "single" }, ...e);
-class ao extends a.Component {
+const as = (...e) => Object.assign({ allowUnsort: !0, mode: "single" }, ...e);
+class is extends a.Component {
   constructor() {
     super(...arguments), this.draggable = null, this.isDragged = !1, this.onDrag = (t) => {
       this.isDragged = !0;
@@ -912,7 +926,7 @@ class ao extends a.Component {
     );
   }
 }
-class io extends a.PureComponent {
+class ls extends a.PureComponent {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const n = this.draggable && this.draggable.element;
@@ -939,36 +953,36 @@ class io extends a.PureComponent {
     );
   }
 }
-const lo = {
+const cs = {
   true: { asc: "desc", desc: "", "": "asc" },
   false: { asc: "desc", desc: "asc", "": "asc" }
-}, co = {
+}, us = {
   none: "none",
   asc: "ascending",
   desc: "descending"
 };
-class uo extends a.Component {
+class ds extends a.Component {
   constructor() {
     super(...arguments), this.cellClick = (t, n) => {
       if (t.preventDefault(), !this.props.sortChange)
         return;
-      const { allowUnsort: r, mode: o } = so(this.props.sortable || !1, n.sortable || !1), s = (this.props.sort || []).filter((c) => c.field === n.field)[0], i = lo[r][s && s.dir || ""], l = o === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== n.field);
+      const { allowUnsort: r, mode: s } = as(this.props.sortable || !1, n.sortable || !1), o = (this.props.sort || []).filter((c) => c.field === n.field)[0], i = cs[r][o && o.dir || ""], l = s === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== n.field);
       i !== "" && n.field && l.push({ field: n.field, dir: i }), this.props.sortChange(t, l, n.field);
     }, this.cellKeyDown = (t, n) => {
       t.isDefaultPrevented() || t.keyCode === K.enter && this.cellClick(t, n);
     }, this.cells = (t) => t.map((n, r) => {
-      const o = this.props.columns[n], { columnResize: s } = this.props, i = s && s.resizable && o.resizable, l = this.props.sortable && o.sortable, c = this.props.sort ? this.props.sort.findIndex((f) => f.field === o.field) : -1, u = c >= 0 && this.props.sort[c].dir || "none", d = {
+      const s = this.props.columns[n], { columnResize: o } = this.props, i = o && o.resizable && s.resizable, l = this.props.sortable && s.sortable, c = this.props.sort ? this.props.sort.findIndex((f) => f.field === s.field) : -1, u = c >= 0 && this.props.sort[c].dir || "none", d = {
         sort: this.props.sort,
         onSortChange: this.props.sortChange,
         filter: this.props.columnMenuFilter,
         onFilterChange: this.props.columnMenuFilterChange,
-        field: o.field
-      }, g = {
-        field: o.field,
-        onClick: l && ((f) => this.cellClick(f, o)) || void 0,
+        field: s.field
+      }, h = {
+        field: s.field,
+        onClick: l && ((f) => this.cellClick(f, s)) || void 0,
         selectionChange: this.props.selectionChange,
-        title: o.title,
-        selectionValue: o.headerSelectionValue,
+        title: s.title,
+        selectionValue: s.headerSelectionValue,
         render: this.props.cellRender,
         children: this.sortIcon(c),
         sort: this.props.sort,
@@ -977,25 +991,25 @@ class uo extends a.Component {
         filterChange: this.props.filterChange,
         columns: this.props.columns,
         columnMenuWrapperProps: d
-      }, m = o.columnMenu || this.props.columnMenu, h = H(
+      }, m = s.columnMenu || this.props.columnMenu, g = H(
         "k-table-th",
         {
-          "k-first": o.kFirst,
+          "k-first": s.kFirst,
           "k-filterable": !!m,
           "k-header": !0,
-          "k-grid-header-sticky": o.locked,
-          "k-sorted": this.props.sort && this.props.sort.some((f) => f.field === o.field)
+          "k-grid-header-sticky": s.locked,
+          "k-sorted": this.props.sort && this.props.sort.some((f) => f.field === s.field)
         },
-        o.headerClassName
-      ), v = o.locked !== void 0 ? {
-        left: o.left,
-        right: o.right,
-        borderRightWidth: o.rightBorder ? "1px" : ""
-      } : {}, b = q(this).toLanguageString(lt, E[lt]);
-      let C = o.isAccessible ? {
-        ariaSort: l ? co[u] : void 0,
+        s.headerClassName
+      ), E = s.locked !== void 0 ? {
+        left: s.left,
+        right: s.right,
+        borderRightWidth: s.rightBorder ? "1px" : ""
+      } : {}, b = q(this).toLanguageString(lt, v[lt]);
+      let C = s.isAccessible ? {
+        ariaSort: l ? us[u] : void 0,
         role: "columnheader",
-        ariaColumnIndex: o.ariaColumnIndex,
+        ariaColumnIndex: s.ariaColumnIndex,
         ariaSelected: !1,
         ariaDescription: l ? b : ""
       } : {
@@ -1005,22 +1019,22 @@ class uo extends a.Component {
         xt,
         {
           key: r,
-          colSpan: o.colSpan,
-          rowSpan: o.rowSpan,
-          className: h,
-          style: v,
-          columnId: o.id,
-          navigatable: o.navigatable,
-          onKeyDown: l && ((f) => this.cellKeyDown(f, o)) || void 0,
+          colSpan: s.colSpan,
+          rowSpan: s.rowSpan,
+          className: g,
+          style: E,
+          columnId: s.id,
+          navigatable: s.navigatable,
+          onKeyDown: l && ((f) => this.cellKeyDown(f, s)) || void 0,
           ...C
         },
-        o.headerCell && /* @__PURE__ */ a.createElement(o.headerCell, { ...g }),
-        !o.headerCell && /* @__PURE__ */ a.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ a.createElement(oo, { ...g }), m && /* @__PURE__ */ a.createElement(m, { ...d })),
-        s && i && /* @__PURE__ */ a.createElement(
-          ao,
+        s.headerCell && /* @__PURE__ */ a.createElement(s.headerCell, { ...h }),
+        !s.headerCell && /* @__PURE__ */ a.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ a.createElement(os, { ...h }), m && /* @__PURE__ */ a.createElement(m, { ...d })),
+        o && i && /* @__PURE__ */ a.createElement(
+          is,
           {
             key: "ColumnResizer",
-            resize: (f, I, S) => s.dragHandler(f, o, I, S)
+            resize: (f, I, F) => o.dragHandler(f, s, I, F)
           }
         )
       );
@@ -1037,7 +1051,7 @@ class uo extends a.Component {
   }
   render() {
     return this.props.columnsMap.map((t, n) => this.props.pressHandler && /* @__PURE__ */ a.createElement(
-      io,
+      ls,
       {
         key: n,
         pressHandler: this.props.pressHandler,
@@ -1049,8 +1063,8 @@ class uo extends a.Component {
     ) || /* @__PURE__ */ a.createElement("tr", { className: "k-table-row", "aria-rowindex": n + 1, role: "row" }, this.cells(t)));
   }
 }
-$(uo);
-function Cs(e) {
+W(ds);
+function xo(e) {
   const t = [
     /* @__PURE__ */ a.createElement(
       "input",
@@ -1070,17 +1084,17 @@ function Cs(e) {
   ];
   return /* @__PURE__ */ a.createElement(a.Fragment, null, e.render ? e.render.call(void 0, t, e) : t);
 }
-function xs(e) {
-  const { enabled: t, columns: n = [], tableViewPortWidth: r, scrollLeft: o } = e, s = n.map(() => 1), i = n.map(() => !1);
+function bo(e) {
+  const { enabled: t, columns: n = [], tableViewPortWidth: r, scrollLeft: s } = e, o = n.map(() => 1), i = n.map(() => !1);
   if (!t)
-    return { colSpans: s, hiddenColumns: i };
+    return { colSpans: o, hiddenColumns: i };
   const l = n.map((f) => parseFloat((f.width || "").toString()) || 10);
   let c = 0;
   for (let f = 0; f < n.length; f++) {
     if (n[f].locked)
       continue;
     const I = f < l.length - 1 ? l[f + 1] : 0;
-    if (c + l[f] + I < o)
+    if (c + l[f] + I < s)
       i[f] = !0, c += l[f];
     else
       break;
@@ -1089,93 +1103,93 @@ function xs(e) {
   c = 0;
   for (let f = n.length - 1; f >= 0; f--)
     if (!n[f].locked)
-      if (c + 2 * l[f] < u - r - o)
+      if (c + 2 * l[f] < u - r - s)
         i[f] = !0, c += l[f];
       else
         break;
-  const d = [...i], g = (f) => f;
-  let m = d.lastIndexOf(!1), h = d.some(g), v = d.every(g), b, C;
-  for (; h && d.length && (m !== -1 || v); ) {
-    for (m < d.length - 1 && (b = v ? d.length : d.length - m - 1, C = d.length - b, C === 0 && (C = b - 1), i[C] = !1, s[C] = b, d.splice(m + 1, b)); d.length && !d[d.length - 1]; )
+  const d = [...i], h = (f) => f;
+  let m = d.lastIndexOf(!1), g = d.some(h), E = d.every(h), b, C;
+  for (; g && d.length && (m !== -1 || E); ) {
+    for (m < d.length - 1 && (b = E ? d.length : d.length - m - 1, C = d.length - b, C === 0 && (C = b - 1), i[C] = !1, o[C] = b, d.splice(m + 1, b)); d.length && !d[d.length - 1]; )
       d.pop();
-    m = d.lastIndexOf(!1), h = d.some(g), v = d.every(g);
+    m = d.lastIndexOf(!1), g = d.some(h), E = d.every(h);
   }
-  return { colSpans: s, hiddenColumns: i };
+  return { colSpans: o, hiddenColumns: i };
 }
-class bs {
+class yo {
   constructor(t) {
     this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (n) => {
       this.isRtl = n;
     }, this.onResize = t, this.dragHandler = this.dragHandler.bind(this);
   }
-  dragHandler(t, n, r, o) {
-    const s = t.originalEvent;
-    o || (s.preventDefault(), s.stopPropagation(), s.stopImmediatePropagation());
+  dragHandler(t, n, r, s) {
+    const o = t.originalEvent;
+    s || (o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation());
     const i = r.parentElement;
     if (!i || !i.parentElement)
       return;
     const l = i.clientWidth;
     let c;
-    if (this.isRtl ? (c = r.getBoundingClientRect().right - r.offsetWidth / 2 - t.clientX, c += l) : c = l + t.clientX - r.getBoundingClientRect().left - r.offsetWidth / 2, !o && Math.abs(c - l) < 1)
+    if (this.isRtl ? (c = r.getBoundingClientRect().right - r.offsetWidth / 2 - t.clientX, c += l) : c = l + t.clientX - r.getBoundingClientRect().left - r.offsetWidth / 2, !s && Math.abs(c - l) < 1)
       return;
     this.setWidths(n, Math.floor(c) / l);
     const u = this.columns.filter((d) => !d.children.length).indexOf(n);
-    this.onResize(u, l, c, s, o);
+    this.onResize(u, l, c, o, s);
   }
   setWidths(t, n) {
-    const r = this.columns.indexOf(t), o = [];
-    let s = t.children.length;
-    for (let i = r + 1; s > 0 && i < this.columns.length; i++, s--) {
+    const r = this.columns.indexOf(t), s = [];
+    let o = t.children.length;
+    for (let i = r + 1; o > 0 && i < this.columns.length; i++, o--) {
       const l = this.columns[i];
-      l.children.length ? s += l.children.length : o.push(l);
+      l.children.length ? o += l.children.length : s.push(l);
     }
-    o.length === 0 && o.push(t), o.forEach((i) => {
+    s.length === 0 && s.push(t), s.forEach((i) => {
       let l = i.width ? parseFloat(i.width.toString()) * n : 0;
       const c = i.minResizableWidth === void 0 ? 10 : i.minResizableWidth;
       l < c && (l = c), i.width = Math.floor(l);
-    }), this.updateColElements(o);
+    }), this.updateColElements(s);
   }
   updateColElements(t) {
-    const n = this.columns.filter((o) => !o.children.length);
+    const n = this.columns.filter((s) => !s.children.length);
     let r = 1e-10;
-    for (let o = 0; o < t.length; o++) {
-      const s = n.indexOf(t[o]), i = parseFloat((t[o].width || 0).toString());
+    for (let s = 0; s < t.length; s++) {
+      const o = n.indexOf(t[s]), i = parseFloat((t[s].width || 0).toString());
       r += i - Math.floor(i);
       const l = Math.floor(i) + Math.floor(r);
-      r -= Math.floor(r), this.setColWidth(this.colGroupMain && this.colGroupMain.children[s], l), this.setColWidth(this.colGroupHeader && this.colGroupHeader.children[s], l), this.setColWidth(this.colGroupFooter && this.colGroupFooter.children[s], l);
+      r -= Math.floor(r), this.setColWidth(this.colGroupMain && this.colGroupMain.children[o], l), this.setColWidth(this.colGroupHeader && this.colGroupHeader.children[o], l), this.setColWidth(this.colGroupFooter && this.colGroupFooter.children[o], l);
     }
   }
   setColWidth(t, n) {
     t && (t.style.width = n + "px");
   }
 }
-class ys {
+class Io {
   constructor(t, n, r) {
-    this.columns = [], this.reorderable = !1, this.groupable = !1, this.startColumn = -1, this.startGroup = -1, this.currentColumn = -1, this.currentGroup = -1, this.dropElementClue = null, this.dragElementClue = null, this.groupPanelDivElement = null, this.refGroupPanelDiv = (o) => {
-      this.groupPanelDivElement = o;
-    }, this.refDropElementClue = (o) => {
-      this.dropElementClue = o;
-    }, this.refDragElementClue = (o) => {
-      this.dragElementClue = o;
-    }, this.pressHandler = (o, s) => {
-      const i = this.getColumnIndex(o, s);
-      if (this.startGroup = this.getGroupIndex(o), i >= 0) {
+    this.columns = [], this.reorderable = !1, this.groupable = !1, this.startColumn = -1, this.startGroup = -1, this.currentColumn = -1, this.currentGroup = -1, this.dropElementClue = null, this.dragElementClue = null, this.groupPanelDivElement = null, this.refGroupPanelDiv = (s) => {
+      this.groupPanelDivElement = s;
+    }, this.refDropElementClue = (s) => {
+      this.dropElementClue = s;
+    }, this.refDragElementClue = (s) => {
+      this.dragElementClue = s;
+    }, this.pressHandler = (s, o) => {
+      const i = this.getColumnIndex(s, o);
+      if (this.startGroup = this.getGroupIndex(s), i >= 0) {
         const l = this.columns[i];
         (l.reorderable && this.reorderable || l.groupable && this.groupable) && (this.startColumn = i);
       }
-    }, this.dragHandler = (o, s) => {
-      if (o.isTouch || o.originalEvent.preventDefault(), o.originalEvent.stopPropagation(), this.startColumn === -1 && this.startGroup === -1)
+    }, this.dragHandler = (s, o) => {
+      if (s.isTouch || s.originalEvent.preventDefault(), s.originalEvent.stopPropagation(), this.startColumn === -1 && this.startGroup === -1)
         return;
-      this.currentColumn = this.getColumnIndex(o, s), this.currentGroup = this.getGroupIndex(o), this.groupPanelDivElement && this.startGroup >= 0 && (this.currentGroup = Math.min(this.currentGroup, this.groupPanelDivElement.children.length - 2));
+      this.currentColumn = this.getColumnIndex(s, o), this.currentGroup = this.getGroupIndex(s), this.groupPanelDivElement && this.startGroup >= 0 && (this.currentGroup = Math.min(this.currentGroup, this.groupPanelDivElement.children.length - 2));
       const i = !this.isValid();
       i && (this.currentColumn = -1, this.currentGroup = -1);
-      const l = this.currentColumn >= 0 ? s.children[this.columns[this.currentColumn].index] : this.groupPanelDivElement && this.groupPanelDivElement.children[this.currentGroup];
-      this.updateDragElementClue(o, s, l, i), this.updateDropElementClue(o, s, l, i);
-    }, this.releaseHandler = (o) => {
-      const s = this.startColumn, i = this.currentColumn, l = this.startGroup, c = this.currentGroup;
+      const l = this.currentColumn >= 0 ? o.children[this.columns[this.currentColumn].index] : this.groupPanelDivElement && this.groupPanelDivElement.children[this.currentGroup];
+      this.updateDragElementClue(s, o, l, i), this.updateDropElementClue(s, o, l, i);
+    }, this.releaseHandler = (s) => {
+      const o = this.startColumn, i = this.currentColumn, l = this.startGroup, c = this.currentGroup;
       this.dropElementClue && this.dropElementClue.setState({ visible: !1 }), this.dragElementClue && this.dragElementClue.setState({ visible: !1 });
       const u = this.isValid();
-      this.startColumn = this.startGroup = this.currentColumn = this.currentGroup = -1, u && (s >= 0 && i >= 0 ? this.columnReorder(s, i, o.originalEvent) : l >= 0 && c >= 0 ? this.groupReorder(l, c, o.originalEvent) : s >= 0 && c >= 0 && this.columnToGroup(s, c, o.originalEvent));
+      this.startColumn = this.startGroup = this.currentColumn = this.currentGroup = -1, u && (o >= 0 && i >= 0 ? this.columnReorder(o, i, s.originalEvent) : l >= 0 && c >= 0 ? this.groupReorder(l, c, s.originalEvent) : o >= 0 && c >= 0 && this.columnToGroup(o, c, s.originalEvent));
     }, this.columnReorder = t, this.groupReorder = n, this.columnToGroup = r;
   }
   getColumnIndex(t, n) {
@@ -1184,9 +1198,9 @@ class ys {
     const r = Bt(t, n);
     if (r === -1)
       return -1;
-    for (let o = 0; o < n.parentNode.children.length; o++)
-      if (n.parentNode.children[o] === n)
-        return this.columns.findIndex((s) => s.index === r && s.depth === o);
+    for (let s = 0; s < n.parentNode.children.length; s++)
+      if (n.parentNode.children[s] === n)
+        return this.columns.findIndex((o) => o.index === r && o.depth === s);
     return -1;
   }
   getGroupIndex(t) {
@@ -1195,38 +1209,38 @@ class ys {
   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;
   }
-  updateDragElementClue(t, n, r, o) {
+  updateDragElementClue(t, n, r, s) {
     if (!this.dragElementClue)
       return;
-    const s = this.startColumn >= 0 ? n.children[this.columns[this.startColumn].index].innerText : n.innerText;
+    const o = this.startColumn >= 0 ? n.children[this.columns[this.startColumn].index].innerText : n.innerText;
     this.dragElementClue.setState({
       visible: !0,
       top: t.pageY + 10,
       left: t.pageX,
-      innerText: s,
-      status: o || !r ? "k-i-cancel" : "k-i-plus"
+      innerText: o,
+      status: s || !r ? "k-i-cancel" : "k-i-plus"
     });
   }
-  updateDropElementClue(t, n, r, o) {
+  updateDropElementClue(t, n, r, s) {
     if (!this.dropElementClue)
       return;
-    if (o || !r) {
+    if (s || !r) {
       this.dropElementClue.setState({ visible: !1 });
       return;
     }
-    const s = r.getBoundingClientRect();
-    let i = s.left + t.pageX - t.clientX - 6;
-    (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) && (i += s.width);
-    const l = s.top + t.pageY - t.clientY;
+    const o = r.getBoundingClientRect();
+    let i = o.left + t.pageX - t.clientX - 6;
+    (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) && (i += o.width);
+    const l = o.top + t.pageY - t.clientY;
     this.dropElementClue.setState({
       visible: !0,
       top: l,
       left: i,
-      height: this.currentColumn >= 0 ? n.clientHeight : s.height
+      height: this.currentColumn >= 0 ? n.clientHeight : o.height
     });
   }
 }
-class Is extends a.PureComponent {
+class ko extends a.PureComponent {
   constructor(t) {
     super(t), this.elementRef = a.createRef(), this.state = {
       visible: !1,
@@ -1263,7 +1277,7 @@ class Is extends a.PureComponent {
     return /* @__PURE__ */ a.createElement(a.Fragment, null, r, /* @__PURE__ */ a.createElement("div", { ref: this.hiddenElementRef, style: { display: "none" } }));
   }
 }
-class ks extends a.PureComponent {
+class So extends a.PureComponent {
   constructor(t) {
     super(t), this.state = {
       height: 0,
@@ -1304,7 +1318,7 @@ class jn extends a.Component {
    * @hidden
    */
   render() {
-    const t = q(this), { ariaLabel: n = t.toLanguageString(nt, E[nt]) } = this.props;
+    const t = q(this), { ariaLabel: n = t.toLanguageString(nt, v[nt]) } = this.props;
     return /* @__PURE__ */ a.createElement(
       mr,
       {
@@ -1320,7 +1334,7 @@ jn.propTypes = {
   onFilterChange: p.func.isRequired,
   ariaLabel: p.string
 };
-$(jn);
+W(jn);
 class Xn extends a.Component {
   constructor() {
     super(...arguments), this.onChange = (t) => {
@@ -1336,15 +1350,15 @@ class Xn extends a.Component {
     const t = q(this), {
       min: n,
       max: r,
-      filter: o,
-      ariaLabel: s = t.toLanguageString(tt, E[tt])
+      filter: s,
+      ariaLabel: o = t.toLanguageString(tt, v[tt])
     } = this.props;
     return /* @__PURE__ */ a.createElement(
-      Le,
+      Re,
       {
-        value: typeof o.value == "number" ? o.value : null,
+        value: typeof s.value == "number" ? s.value : null,
         onChange: this.onChange,
-        ariaLabel: s,
+        ariaLabel: o,
         "aria-valuemin": n,
         "aria-valuemax": r,
         min: n,
@@ -1357,8 +1371,8 @@ Xn.propTypes = {
   filter: p.object.isRequired,
   onFilterChange: p.func.isRequired
 };
-$(Xn);
-class po extends a.Component {
+W(Xn);
+class ps extends a.Component {
   constructor() {
     super(...arguments), this.onChange = (t) => {
       this.props.onFilterChange.call(void 0, {
@@ -1381,7 +1395,7 @@ class po extends a.Component {
     );
   }
 }
-po.propTypes = {
+ps.propTypes = {
   filter: p.object.isRequired,
   onFilterChange: p.func.isRequired,
   ariaLabel: p.string
@@ -1401,21 +1415,21 @@ class It extends a.Component {
     const t = q(this), {
       filter: n,
       data: r = [],
-      defaultItem: o,
-      ariaLabel: s = t.toLanguageString(et, E[et])
+      defaultItem: s,
+      ariaLabel: o = t.toLanguageString(et, v[et])
     } = this.props, i = r.map((l) => ({
       ...l,
-      text: t.toLanguageString(l.text, E[l.text] || l.text)
+      text: t.toLanguageString(l.text, v[l.text] || l.text)
     }));
     return /* @__PURE__ */ a.createElement(
-      _,
+      $,
       {
         value: i.find((l) => l.value === n.value) || null,
         onChange: this.onChange,
-        defaultItem: o,
+        defaultItem: s,
         data: i,
         textField: "text",
-        ariaLabel: s
+        ariaLabel: o
       }
     );
   }
@@ -1427,8 +1441,8 @@ It.propTypes = {
   defaultItem: p.any,
   ariaLabel: p.string
 };
-$(It);
-class ho extends a.Component {
+W(It);
+class hs extends a.Component {
   constructor() {
     super(...arguments), this.data = [{ text: hn, value: !0 }, { text: gn, value: !1 }];
   }
@@ -1448,47 +1462,47 @@ class ho extends a.Component {
     );
   }
 }
-ho.propTypes = {
+hs.propTypes = {
   filter: p.object.isRequired,
   onFilterChange: p.func.isRequired,
   data: p.arrayOf(p.shape({ text: p.string, value: p.any })),
   ariaLabel: p.string,
   defaultItem: p.any
 };
-const go = [
-  { text: sn, operator: "contains" },
+const gs = [
+  { text: on, operator: "contains" },
   { text: an, operator: "doesnotcontain" },
-  { text: le, operator: "eq" },
-  { text: ce, operator: "neq" },
-  { text: on, operator: "startswith" },
+  { text: de, operator: "eq" },
+  { text: pe, operator: "neq" },
+  { text: sn, operator: "startswith" },
   { text: ln, operator: "endswith" },
-  { text: De, operator: "isnull" },
-  { text: we, operator: "isnotnull" },
+  { text: Le, operator: "isnull" },
+  { text: De, operator: "isnotnull" },
   { text: nn, operator: "isempty" },
   { text: rn, operator: "isnotempty" }
-], fo = [
-  { text: le, operator: "eq" },
-  { text: ce, operator: "neq" },
+], fs = [
+  { text: de, operator: "eq" },
+  { text: pe, operator: "neq" },
   { text: cn, operator: "gte" },
   { text: un, operator: "gt" },
   { text: dn, operator: "lte" },
   { text: pn, operator: "lt" },
-  { text: De, operator: "isnull" },
-  { text: we, operator: "isnotnull" }
-], mo = [
-  { text: le, operator: "eq" },
-  { text: ce, operator: "neq" },
+  { text: Le, operator: "isnull" },
+  { text: De, operator: "isnotnull" }
+], ms = [
+  { text: de, operator: "eq" },
+  { text: pe, operator: "neq" },
   { text: fn, operator: "gte" },
   { text: mn, operator: "gt" },
   { text: vn, operator: "lt" },
   { text: En, operator: "lte" },
-  { text: De, operator: "isnull" },
-  { text: we, operator: "isnotnull" }
-], vo = [
-  { text: le, operator: "eq" },
-  { text: ce, operator: "neq" }
+  { text: Le, operator: "isnull" },
+  { text: De, operator: "isnotnull" }
+], vs = [
+  { text: de, operator: "eq" },
+  { text: pe, operator: "neq" }
 ];
-class Fs {
+class Fo {
   /**
    * An array containing the operators for the TextFilter component.
    *
@@ -1506,7 +1520,7 @@ class Fs {
    * - { text: 'filter.isNotEmptyOperator', operator: 'isnotempty' }
    */
   static get text() {
-    return [...go];
+    return [...gs];
   }
   /**
    * An array containing the operators for the NumericFilter component.
@@ -1523,7 +1537,7 @@ class Fs {
    * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
    */
   static get numeric() {
-    return [...fo];
+    return [...fs];
   }
   /**
    * An array containing the operators for the DateFilter component.
@@ -1540,7 +1554,7 @@ class Fs {
    * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
    */
   static get date() {
-    return [...mo];
+    return [...ms];
   }
   /**
    * An array containing the operators for the BooleanFilter component.
@@ -1551,7 +1565,7 @@ class Fs {
    * - { text: 'filter.notEqOperator', operator: 'neq' }
    */
   static get boolean() {
-    return [...vo];
+    return [...vs];
   }
 }
 const Zn = (e) => e === "contains" || e === "doesnotcontain" || e === "startswith" || e === "endswith", pt = (e) => e === "isnull" || e === "isnotnull" || e === "isempty" || e === "isnotempty", qt = (e) => {
@@ -1560,37 +1574,37 @@ const Zn = (e) => e === "contains" || e === "doesnotcontain" || e === "startswit
 class kt extends a.Component {
   constructor() {
     super(...arguments), this.onFieldChange = (t) => {
-      const n = t.value.name, r = this.props.fields.find((l) => l.name === n), o = this.props.filter, s = r && !r.operators.some((l) => l.operator === o.operator) ? r.operators[0].operator : o.operator, i = {
+      const n = t.value.name, r = this.props.fields.find((l) => l.name === n), s = this.props.filter, o = r && !r.operators.some((l) => l.operator === s.operator) ? r.operators[0].operator : s.operator, i = {
         field: n,
-        operator: s
+        operator: o
       };
-      qt(i), this.triggerOnFilterChange(o, i, t);
+      qt(i), this.triggerOnFilterChange(s, i, t);
     }, this.onOperatorChange = (t) => {
       const n = t.value.operator, r = this.props.filter;
-      let o;
+      let s;
       if (pt(n)) {
-        let { value: s, ...i } = r;
-        o = { ...i, operator: n };
+        let { value: o, ...i } = r;
+        s = { ...i, operator: n };
       } else
-        o = { ...r, operator: n };
-      qt(o), this.triggerOnFilterChange(r, o, t);
+        s = { ...r, operator: n };
+      qt(s), this.triggerOnFilterChange(r, s, t);
     }, this.onInputChange = (t) => {
       const n = this.props.filter;
       let r = t.nextFilter;
       if (pt(r.operator)) {
-        const o = this.props.fields.find((s) => s.name === r.field);
-        r = { ...r, operator: o && o.operators[0].operator || r.operator };
+        const s = this.props.fields.find((o) => o.name === r.field);
+        r = { ...r, operator: s && s.operators[0].operator || r.operator };
       }
       this.triggerOnFilterChange(n, r, t);
     }, this.triggerOnFilterChange = (t, n, r) => {
-      const o = {
+      const s = {
         prevFilter: t,
         nextFilter: n,
         syntheticEvent: r.syntheticEvent,
         nativeEvent: r.nativeEvent,
         target: this
       };
-      this.props.onChange.call(void 0, o);
+      this.props.onChange.call(void 0, s);
     }, this.onFilterRemove = (t) => {
       const n = {
         filter: this.props.filter,
@@ -1605,32 +1619,32 @@ class kt extends a.Component {
     const t = q(this), {
       fields: n,
       filter: r,
-      ariaLabel: o = t.toLanguageString(Ze, E[Ze])
-    } = this.props, s = n.find((l) => l.name === r.field), i = (s && s.operators || []).map((l) => ({ ...l, text: t.toLanguageString(l.text, E[l.text] || l.text) }));
-    return /* @__PURE__ */ a.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ a.createElement(Yt, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ a.createElement(We, { className: "k-filter-field" }, /* @__PURE__ */ a.createElement(
-      _,
+      ariaLabel: s = t.toLanguageString(Ze, v[Ze])
+    } = this.props, o = n.find((l) => l.name === r.field), i = (o && o.operators || []).map((l) => ({ ...l, text: t.toLanguageString(l.text, v[l.text] || l.text) }));
+    return /* @__PURE__ */ a.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ a.createElement(Yt, { keyboardNavigation: !1, role: "toolbar", ariaLabel: s }, /* @__PURE__ */ a.createElement(He, { className: "k-filter-field" }, /* @__PURE__ */ a.createElement(
+      $,
       {
         className: "k-filter-dropdown",
         data: n,
         textField: "label",
         value: n.find((l) => l.name === r.field),
         onChange: this.onFieldChange,
-        ariaLabel: t.toLanguageString(Je, E[Je])
+        ariaLabel: t.toLanguageString(Je, v[Je])
       }
-    )), /* @__PURE__ */ a.createElement(We, { className: "k-filter-operator" }, /* @__PURE__ */ a.createElement(
-      _,
+    )), /* @__PURE__ */ a.createElement(He, { className: "k-filter-operator" }, /* @__PURE__ */ a.createElement(
+      $,
       {
         data: i,
         textField: "text",
         value: i.find((l) => l.operator === r.operator),
         onChange: this.onOperatorChange,
-        ariaLabel: t.toLanguageString(Qe, E[Qe])
+        ariaLabel: t.toLanguageString(Qe, v[Qe])
       }
-    )), /* @__PURE__ */ a.createElement(We, { className: "k-filter-value" }, s && /* @__PURE__ */ a.createElement(s.filter, { filter: r, onFilterChange: this.onInputChange, min: s.min, max: s.max })), /* @__PURE__ */ a.createElement(
+    )), /* @__PURE__ */ a.createElement(He, { className: "k-filter-value" }, o && /* @__PURE__ */ a.createElement(o.filter, { filter: r, onFilterChange: this.onInputChange, min: o.min, max: o.max })), /* @__PURE__ */ a.createElement(
       B,
       {
         className: "k-toolbar-button",
-        title: t.toLanguageString(ae, E[ae]),
+        title: t.toLanguageString(ce, v[ce]),
         icon: "x",
         svgIcon: Jt,
         fillMode: "flat",
@@ -1647,7 +1661,7 @@ kt.propTypes = {
   onChange: p.func.isRequired,
   onRemove: p.func.isRequired
 };
-$(kt);
+W(kt);
 const Jn = class extends a.Component {
   constructor() {
     super(...arguments), this.onGroupRemove = (e) => {
@@ -1661,7 +1675,7 @@ const Jn = class extends a.Component {
     }, this.onAddExpression = (e) => {
       const t = this.props.filter, n = this.props.fields[0], r = { field: n.name, operator: n.operators[0].operator };
       r.value = Zn(r.operator) ? "" : null;
-      const o = {
+      const s = {
         nextFilter: {
           ...t,
           filters: [...t.filters, r]
@@ -1671,7 +1685,7 @@ const Jn = class extends a.Component {
         syntheticEvent: e,
         nativeEvent: e.nativeEvent
       };
-      this.props.onChange.call(void 0, o);
+      this.props.onChange.call(void 0, s);
     }, this.onAddGroup = (e) => {
       const t = this.props.filter, n = {
         nextFilter: { ...t, filters: [...t.filters, { ...this.props.defaultGroupFilter }] },
@@ -1694,7 +1708,7 @@ const Jn = class extends a.Component {
         this.props.onChange.call(void 0, r);
       }
     }, this.replaceFilter = (e, t) => {
-      const n = this.props.filter, r = n.filters.map((o) => o === e ? t : o);
+      const n = this.props.filter, r = n.filters.map((s) => s === e ? t : s);
       return { ...n, filters: r };
     }, this.onChange = (e) => {
       const n = {
@@ -1706,7 +1720,7 @@ const Jn = class extends a.Component {
       };
       this.props.onChange.call(void 0, n);
     }, this.onRemove = (e) => {
-      const t = this.props.filter, n = t.filters.filter((o) => o !== e.filter), r = {
+      const t = this.props.filter, n = t.filters.filter((s) => s !== e.filter), r = {
         nextFilter: { ...t, filters: n },
         prevFilter: t,
         syntheticEvent: e.syntheticEvent,
@@ -1720,35 +1734,35 @@ const Jn = class extends a.Component {
     const e = q(this), {
       fields: t,
       filter: n,
-      ariaLabel: r = e.toLanguageString(Xe, E[Xe])
+      ariaLabel: r = e.toLanguageString(Xe, v[Xe])
     } = this.props;
-    return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ a.createElement(Yt, { keyboardNavigation: !1, role: "toolbar", ariaLabel: r }, /* @__PURE__ */ a.createElement(gr, { className: "k-toolbar-button-group" }, /* @__PURE__ */ a.createElement(B, { className: "k-toolbar-button", togglable: !0, onClick: this.onLogicAnd, selected: n.logic === "and", type: "button" }, e.toLanguageString(Ue, E[Ue])), /* @__PURE__ */ a.createElement(B, { className: "k-toolbar-button", togglable: !0, onClick: this.onLogicOr, selected: n.logic === "or", type: "button" }, e.toLanguageString(je, E[je]))), /* @__PURE__ */ a.createElement(
+    return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ a.createElement(Yt, { keyboardNavigation: !1, role: "toolbar", ariaLabel: r }, /* @__PURE__ */ a.createElement(gr, { className: "k-toolbar-button-group" }, /* @__PURE__ */ a.createElement(B, { className: "k-toolbar-button", togglable: !0, onClick: this.onLogicAnd, selected: n.logic === "and", type: "button" }, e.toLanguageString(Ue, v[Ue])), /* @__PURE__ */ a.createElement(B, { className: "k-toolbar-button", togglable: !0, onClick: this.onLogicOr, selected: n.logic === "or", type: "button" }, e.toLanguageString(je, v[je]))), /* @__PURE__ */ a.createElement(
       B,
       {
         className: "k-toolbar-button",
-        title: e.toLanguageString(re, E[re]),
+        title: e.toLanguageString(ae, v[ae]),
         icon: "filter-add-expression",
         svgIcon: br,
         type: "button",
         onClick: this.onAddExpression
       },
-      e.toLanguageString(re, E[re])
+      e.toLanguageString(ae, v[ae])
     ), /* @__PURE__ */ a.createElement(
       B,
       {
         className: "k-toolbar-button",
-        title: e.toLanguageString(oe, E[oe]),
+        title: e.toLanguageString(ie, v[ie]),
         icon: "filter-add-group",
         svgIcon: yr,
         type: "button",
         onClick: this.onAddGroup
       },
-      e.toLanguageString(oe, E[oe])
+      e.toLanguageString(ie, v[ie])
     ), /* @__PURE__ */ a.createElement(
       B,
       {
         className: "k-toolbar-button",
-        title: e.toLanguageString(ae, E[ae]),
+        title: e.toLanguageString(ce, v[ce]),
         icon: "x",
         svgIcon: Jt,
         fillMode: "flat",
@@ -1756,10 +1770,10 @@ const Jn = class extends a.Component {
         onClick: this.onGroupRemove
       }
     ))), n.filters.length > 0 && /* @__PURE__ */ a.createElement("ul", { role: "group", className: "k-filter-lines" }, n.filters.map(
-      (o, s) => /* @__PURE__ */ a.createElement("li", { role: "treeitem", key: s, className: "k-filter-item" }, en(o) ? /* @__PURE__ */ a.createElement(
+      (s, o) => /* @__PURE__ */ a.createElement("li", { role: "treeitem", key: o, className: "k-filter-item" }, en(s) ? /* @__PURE__ */ a.createElement(
         Jn,
         {
-          filter: o,
+          filter: s,
           fields: t,
           onChange: this.onChange,
           onRemove: this.onRemove,
@@ -1770,7 +1784,7 @@ const Jn = class extends a.Component {
       ) : /* @__PURE__ */ a.createElement(
         kt,
         {
-          filter: o,
+          filter: s,
           fields: t,
           ariaLabel: this.props.ariaLabelExpression,
           onChange: this.onChange,
@@ -1780,8 +1794,8 @@ const Jn = class extends a.Component {
     )));
   }
 };
-let Ft = Jn;
-Ft.propTypes = {
+let St = Jn;
+St.propTypes = {
   filter: p.object.isRequired,
   fields: p.array.isRequired,
   ariaLabel: p.string,
@@ -1790,8 +1804,8 @@ Ft.propTypes = {
   onRemove: p.func.isRequired,
   defaultGroupFilter: p.object.isRequired
 };
-$(Ft);
-class Eo extends a.Component {
+W(St);
+class Es extends a.Component {
   constructor(t) {
     super(t), this.onFilterChange = (n) => {
       const r = {
@@ -1825,7 +1839,7 @@ class Eo extends a.Component {
         style: this.props.style
       },
       /* @__PURE__ */ a.createElement("ul", { role: "tree", className: "k-filter-container", "aria-label": this.props.ariaLabel }, /* @__PURE__ */ a.createElement("li", { role: "treeitem", className: "k-filter-group-main" }, /* @__PURE__ */ a.createElement(
-        Ft,
+        St,
         {
           filter: this.props.value,
           fields: this.props.fields,
@@ -1839,7 +1853,7 @@ class Eo extends a.Component {
     );
   }
 }
-Eo.propTypes = {
+Es.propTypes = {
   className: p.string,
   style: p.object,
   fields: function(e, t) {
@@ -1847,7 +1861,7 @@ Eo.propTypes = {
     if (n === void 0)
       return new Error(`Property '${t}' is missing.`);
     if (Array.isArray(n)) {
-      if (Object.keys(n.reduce((r, o) => ({ ...r, [o.name]: 1 }), {})).length !== n.length)
+      if (Object.keys(n.reduce((r, s) => ({ ...r, [s.name]: 1 }), {})).length !== n.length)
         return new Error(`Property '${t}' needs to contain objects with unique 'name' field.`);
     } else
       return new Error(`Property '${t}' needs to be Array<FieldSettings>.`);
@@ -1858,7 +1872,7 @@ Eo.propTypes = {
   value: p.object.isRequired,
   onChange: p.func.isRequired
 };
-const Ve = (e) => /* @__PURE__ */ a.createElement(
+const We = (e) => /* @__PURE__ */ a.createElement(
   "div",
   {
     onClick: e.onClick,
@@ -1870,39 +1884,39 @@ const Ve = (e) => /* @__PURE__ */ a.createElement(
   },
   (e.iconClass || e.svgIcon) && /* @__PURE__ */ a.createElement(Me, { name: e.iconClass ? ir(e.iconClass) : void 0, icon: e.svgIcon }),
   e.title
-), Co = [
+), Cs = [
   { text: yn, operator: "contains" },
   { text: In, operator: "doesnotcontain" },
-  { text: Oe, operator: "eq" },
-  { text: Ne, operator: "neq" },
+  { text: we, operator: "eq" },
+  { text: Oe, operator: "neq" },
   { text: bn, operator: "startswith" },
   { text: kn, operator: "endswith" },
-  { text: Ae, operator: "isnull" },
-  { text: Pe, operator: "isnotnull" },
+  { text: Ne, operator: "isnull" },
+  { text: Ae, operator: "isnotnull" },
   { text: Cn, operator: "isempty" },
   { text: xn, operator: "isnotempty" }
-], xo = [
-  { text: Oe, operator: "eq" },
-  { text: Ne, operator: "neq" },
-  { text: Fn, operator: "gte" },
-  { text: Sn, operator: "gt" },
-  { text: Rn, operator: "lte" },
-  { text: Mn, operator: "lt" },
-  { text: Ae, operator: "isnull" },
-  { text: Pe, operator: "isnotnull" }
-], bo = [
-  { text: Oe, operator: "eq" },
-  { text: Ne, operator: "neq" },
+], xs = [
+  { text: we, operator: "eq" },
+  { text: Oe, operator: "neq" },
+  { text: Sn, operator: "gte" },
+  { text: Fn, operator: "gt" },
+  { text: Mn, operator: "lte" },
+  { text: Rn, operator: "lt" },
+  { text: Ne, operator: "isnull" },
+  { text: Ae, operator: "isnotnull" }
+], bs = [
+  { text: we, operator: "eq" },
+  { text: Oe, operator: "neq" },
   { text: Dn, operator: "gte" },
   { text: wn, operator: "gt" },
   { text: On, operator: "lt" },
   { text: Nn, operator: "lte" },
-  { text: Ae, operator: "isnull" },
-  { text: Pe, operator: "isnotnull" }
-], yo = [
+  { text: Ne, operator: "isnull" },
+  { text: Ae, operator: "isnotnull" }
+], ys = [
   { text: Ln, operator: "" }
 ];
-class qe {
+class Be {
   /**
    * An array containing the operators for the ColumnMenuTextFilter component.
    *
@@ -1920,7 +1934,7 @@ class qe {
    * - { text: 'columnMenu.filterIsNotEmptyOperator', operator: 'isnotempty' }
    */
   static get text() {
-    return [...Co];
+    return [...Cs];
   }
   /**
    * An array containing the operators for the ColumnMenuNumericFilter component.
@@ -1937,7 +1951,7 @@ class qe {
    * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
    */
   static get numeric() {
-    return [...xo];
+    return [...xs];
   }
   /**
    * An array containing the operators for the ColumnMenuDateFilter component.
@@ -1954,7 +1968,7 @@ class qe {
    * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
    */
   static get date() {
-    return [...bo];
+    return [...bs];
   }
   /**
    * An array containing the operators for the ColumnMenuBooleanFilter component.
@@ -1964,28 +1978,28 @@ class qe {
    * - { text: 'columnMenu.filterIsTrue', operator: '' }
    */
   static get boolean() {
-    return [...yo];
+    return [...ys];
   }
 }
-const St = (e) => {
-  const { filter: t, onFilterChange: n, operators: r, initialFilter: o } = e, s = a.useCallback(
+const Ft = (e) => {
+  const { filter: t, onFilterChange: n, operators: r, initialFilter: s } = e, o = a.useCallback(
     (u) => {
-      const d = t, g = u.target.value.operator, m = d ? { ...d, operator: g } : { value: o.value, operator: g };
+      const d = t, h = u.target.value.operator, m = d ? { ...d, operator: h } : { value: s.value, operator: h };
       n.call(void 0, u.syntheticEvent, m, d);
     },
-    [t, n, o]
+    [t, n, s]
   ), i = a.useCallback(
     (u) => {
-      const d = u.target.value, g = t, m = g ? { ...g, value: d } : { value: d, operator: r[0].operator };
-      n.call(void 0, u, m, g);
+      const d = u.target.value, h = t, m = h ? { ...h, value: d } : { value: d, operator: r[0].operator };
+      n.call(void 0, u, m, h);
     },
     [t, n, r]
-  ), l = j(), c = r.map((u) => ({ ...u, text: l.toLanguageString(u.text, E[u.text]) }));
+  ), l = Q(), c = r.map((u) => ({ ...u, text: l.toLanguageString(u.text, v[u.text]) }));
   return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
-    _,
+    $,
     {
       value: c.find((u) => u.operator === t.operator) || null,
-      onChange: s,
+      onChange: o,
       data: c,
       textField: "text"
     }
@@ -1996,24 +2010,24 @@ const St = (e) => {
       onChange: i
     }
   ));
-}, Io = (e) => {
+}, Is = (e) => {
   const { filter: t, onFilterChange: n } = e, r = a.useCallback(
-    (s) => n.call(void 0, s.syntheticEvent, { ...t, value: s.value }, t),
+    (o) => n.call(void 0, o.syntheticEvent, { ...t, value: o.value }, t),
     [t, n]
-  ), o = qe.boolean[0].text;
+  ), s = Be.boolean[0].text;
   return /* @__PURE__ */ a.createElement(
     vr,
     {
       onChange: r,
       checked: t.value,
-      label: j().toLanguageString(o, E[o]),
+      label: Q().toLanguageString(s, v[s]),
       labelPlacement: "after"
     }
   );
-}, zt = (e) => {
-  const t = a.useCallback((o) => /* @__PURE__ */ a.createElement(jt, { ...o, value: o.value || "" }), []), n = a.useRef(qe.text), r = a.useRef({ operator: "", value: "" });
+}, Gt = (e) => {
+  const t = a.useCallback((s) => /* @__PURE__ */ a.createElement(jt, { ...s, value: s.value || "" }), []), n = a.useRef(Be.text), r = a.useRef({ operator: "", value: "" });
   return /* @__PURE__ */ a.createElement(
-    St,
+    Ft,
     {
       initialFilter: r.current,
       input: t,
@@ -2021,10 +2035,10 @@ const St = (e) => {
       ...e
     }
   );
-}, Gt = (e) => {
-  const t = a.useCallback((o) => /* @__PURE__ */ a.createElement(Le, { ...o, value: o.value || null }), []), n = a.useRef(qe.numeric), r = a.useRef({ operator: "", value: null });
+}, zt = (e) => {
+  const t = a.useCallback((s) => /* @__PURE__ */ a.createElement(Re, { ...s, value: s.value || null }), []), n = a.useRef(Be.numeric), r = a.useRef({ operator: "", value: null });
   return /* @__PURE__ */ a.createElement(
-    St,
+    Ft,
     {
       initialFilter: r.current,
       input: t,
@@ -2033,9 +2047,9 @@ const St = (e) => {
     }
   );
 }, _t = (e) => {
-  const t = a.useCallback((o) => /* @__PURE__ */ a.createElement(vt, { ...o, value: o.value || null }), []), n = a.useRef(qe.date), r = a.useRef({ operator: "", value: null });
+  const t = a.useCallback((s) => /* @__PURE__ */ a.createElement(vt, { ...s, value: s.value || null }), []), n = a.useRef(Be.date), r = a.useRef({ operator: "", value: null });
   return /* @__PURE__ */ a.createElement(
-    St,
+    Ft,
     {
       initialFilter: r.current,
       input: t,
@@ -2043,10 +2057,10 @@ const St = (e) => {
       ...e
     }
   );
-}, ko = [{ text: An, logic: "and" }, { text: Pn, logic: "or" }], Rt = (e) => {
-  const t = j(), n = (e.data || ko).map((r) => ({ ...r, text: t.toLanguageString(r.text, E[r.text]) }));
+}, ks = [{ text: An, logic: "and" }, { text: Pn, logic: "or" }], Mt = (e) => {
+  const t = Q(), n = (e.data || ks).map((r) => ({ ...r, text: t.toLanguageString(r.text, v[r.text]) }));
   return /* @__PURE__ */ a.createElement(
-    _,
+    $,
     {
       onChange: e.onChange,
       className: "k-filter-and",
@@ -2056,7 +2070,7 @@ const St = (e) => {
       value: n.find((r) => r.logic === e.value)
     }
   );
-}, Fo = (e) => /* @__PURE__ */ a.createElement("div", { className: "k-columnmenu-item-content" }, /* @__PURE__ */ a.createElement(Sr, { style: { position: "relative", display: "block" } }, e.show && /* @__PURE__ */ a.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ a.createElement(
+}, Ss = (e) => /* @__PURE__ */ a.createElement("div", { className: "k-columnmenu-item-content" }, /* @__PURE__ */ a.createElement(Fr, { style: { position: "relative", display: "block" } }, e.show && /* @__PURE__ */ a.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ a.createElement(
   "form",
   {
     className: "k-filter-menu",
@@ -2064,10 +2078,10 @@ const St = (e) => {
     onReset: e.onReset
   },
   /* @__PURE__ */ a.createElement("div", { className: "k-filter-menu-container" }, e.children, /* @__PURE__ */ a.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, e.actions))
-)))), So = (e) => {
-  const t = j();
+)))), Fs = (e) => {
+  const t = Q();
   return /* @__PURE__ */ a.createElement(
-    Fo,
+    Ss,
     {
       ...e,
       actions: /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
@@ -2075,148 +2089,148 @@ const St = (e) => {
         {
           type: "reset"
         },
-        t.toLanguageString(rt, E[rt])
+        t.toLanguageString(rt, v[rt])
       ), /* @__PURE__ */ a.createElement(
         B,
         {
           themeColor: "primary"
         },
-        t.toLanguageString(ot, E[ot])
+        t.toLanguageString(st, v[st])
       ))
     }
   );
-}, ze = (e) => {
+}, qe = (e) => {
   gt(Et);
   const t = a.useRef([]), {
     field: n,
     filter: r,
-    sort: o = t.current,
-    onSortChange: s,
+    sort: s = t.current,
+    onSortChange: o,
     onFilterChange: i,
     initialFilter: l,
     sortAsc: c = !1,
     sortDesc: u = !1,
     filterContent: d = [],
-    expandFilters: g = !1
-  } = e, [m, h] = a.useState(!1), [v, b] = a.useState(g), [C, f] = a.useState(n && l ? l(n) : null), I = a.useRef(null), S = a.useRef(null), k = a.useRef(null), x = a.useRef(!1), y = a.useCallback(
-    () => (r || []).find((R) => R.filters.every((D) => !en(D) && D.field === n)),
+    expandFilters: h = !1
+  } = e, [m, g] = a.useState(!1), [E, b] = a.useState(h), [C, f] = a.useState(n && l ? l(n) : null), I = a.useRef(null), F = a.useRef(null), k = a.useRef(null), x = a.useRef(!1), y = a.useCallback(
+    () => (r || []).find((M) => M.filters.every((w) => !en(w) && w.field === n)),
     [r, n]
-  ), F = a.useCallback(
+  ), S = a.useCallback(
     () => {
-      h(!1);
+      g(!1);
     },
     []
-  ), w = a.useCallback(
+  ), A = a.useCallback(
     () => {
       if (x.current) {
         x.current = !1;
         return;
       }
       clearTimeout(k.current), k.current = window.setTimeout(() => {
-        F();
+        S();
       });
     },
-    [F]
+    [S]
   ), P = a.useCallback(
     () => clearTimeout(k.current),
     []
-  ), T = a.useCallback((R) => {
-    x.current = m && R.currentTarget === I.current;
-  }, [m]), z = a.useCallback(
+  ), T = a.useCallback((M) => {
+    x.current = m && M.currentTarget === I.current;
+  }, [m]), G = a.useCallback(
     () => {
-      h(!m), n && l && (b(m ? !1 : g), f(m ? C : y() || l(n)));
+      g(!m), n && l && (b(m ? !1 : h), f(m ? C : y() || l(n)));
     },
-    [y, n, m, C, l, g]
+    [y, n, m, C, l, h]
   );
   a.useEffect(
     () => {
-      m && S.current && S.current.focus();
+      m && F.current && F.current.focus();
     },
     [m]
   );
-  const L = a.useCallback(
-    () => b(!v),
-    [v]
-  ), O = a.useCallback(
-    (R, D) => {
-      const N = [...o], A = N.findIndex((ar) => ar.field === n), ne = { field: n, dir: D };
-      A >= 0 ? N[A].dir !== ne.dir ? N.splice(A, 1, ne) : N.splice(A, 1) : N.push(ne), F(), s && s.call(void 0, R, N, n);
+  const D = a.useCallback(
+    () => b(!E),
+    [E]
+  ), L = a.useCallback(
+    (M, w) => {
+      const O = [...s], N = O.findIndex((ar) => ar.field === n), oe = { field: n, dir: w };
+      N >= 0 ? O[N].dir !== oe.dir ? O.splice(N, 1, oe) : O.splice(N, 1) : O.push(oe), S(), o && o.call(void 0, M, O, n);
     },
-    [o, n, s, F]
-  ), Z = a.useCallback(
-    (R, D, N) => {
-      const A = { ...C, filters: [...C.filters] }, ne = A.filters.indexOf(N);
-      A.filters.splice(ne, 1, D), f(A);
+    [s, n, o, S]
+  ), V = a.useCallback(
+    (M, w, O) => {
+      const N = { ...C, filters: [...C.filters] }, oe = N.filters.indexOf(O);
+      N.filters.splice(oe, 1, w), f(N);
     },
     [C]
-  ), ue = a.useCallback(
-    (R) => {
-      R.preventDefault();
-      const D = (r || []).slice(), N = y(), A = N ? D.indexOf(N) : -1;
-      A >= 0 ? D.splice(A, 1, C) : D.push(C), F(), i && i.call(void 0, R, D, n);
+  ), Z = a.useCallback(
+    (M) => {
+      M.preventDefault();
+      const w = (r || []).slice(), O = y(), N = O ? w.indexOf(O) : -1;
+      N >= 0 ? w.splice(N, 1, C) : w.push(C), S(), i && i.call(void 0, M, w, n);
     },
-    [r, C, n, i, F, y]
-  ), de = a.useCallback(
-    (R) => {
-      const D = (r || []).slice(), N = y(), A = N ? D.indexOf(N) : -1;
-      A >= 0 && D.splice(A, 1), l && f(l(n)), F(), i && i.call(void 0, R, D, n);
+    [r, C, n, i, S, y]
+  ), he = a.useCallback(
+    (M) => {
+      const w = (r || []).slice(), O = y(), N = O ? w.indexOf(O) : -1;
+      N >= 0 && w.splice(N, 1), l && f(l(n)), S(), i && i.call(void 0, M, w, n);
     },
-    [r, n, i, l, F, y]
-  ), Ge = a.useCallback((R) => O(R, "asc"), [O]), pe = a.useCallback((R) => O(R, "desc"), [O]), _e = a.useCallback(
-    (R) => C && f({ ...C, logic: R.value.logic }),
+    [r, n, i, l, S, y]
+  ), Ge = a.useCallback((M) => L(M, "asc"), [L]), ge = a.useCallback((M) => L(M, "desc"), [L]), ze = a.useCallback(
+    (M) => C && f({ ...C, logic: M.value.logic }),
     [C]
-  ), J = o.find((R) => R.field === n) || { dir: "" }, [
-    Q,
-    ee,
-    te
-  ] = d, He = j(), nr = c || u ? /* @__PURE__ */ a.createElement("div", { className: "k-columnmenu-item-wrapper", key: "sorting" }, c && /* @__PURE__ */ a.createElement(
-    Ve,
+  ), te = s.find((M) => M.field === n) || { dir: "" }, [
+    ne,
+    re,
+    se
+  ] = d, _e = Q(), nr = c || u ? /* @__PURE__ */ a.createElement("div", { className: "k-columnmenu-item-wrapper", key: "sorting" }, c && /* @__PURE__ */ a.createElement(
+    We,
     {
-      title: He.toLanguageString(at, E[at]),
+      title: _e.toLanguageString(at, v[at]),
       iconClass: "k-i-sort-asc-small",
       svgIcon: Xt,
-      selected: J.dir === "asc",
+      selected: te.dir === "asc",
       onClick: Ge
     }
   ), u && /* @__PURE__ */ a.createElement(
-    Ve,
+    We,
     {
-      title: He.toLanguageString(it, E[it]),
+      title: _e.toLanguageString(it, v[it]),
       iconClass: "k-i-sort-desc-small",
       svgIcon: Zt,
-      selected: J.dir === "desc",
-      onClick: pe
+      selected: te.dir === "desc",
+      onClick: ge
     }
   )) : null, rr = C && d.length > 0 ? /* @__PURE__ */ a.createElement("div", { className: "k-columnmenu-item-wrapper", key: "filtering" }, /* @__PURE__ */ a.createElement(
-    Ve,
+    We,
     {
       iconClass: "k-i-filter",
-      svgIcon: Ye,
-      title: He.toLanguageString(st, E[st]),
-      onClick: L
+      svgIcon: Ve,
+      title: _e.toLanguageString(ot, v[ot]),
+      onClick: D
     }
   ), /* @__PURE__ */ a.createElement(
-    So,
+    Fs,
     {
-      show: v,
-      onSubmit: ue,
-      onReset: de
+      show: E,
+      onSubmit: Z,
+      onReset: he
     },
-    Q && /* @__PURE__ */ a.createElement(Q, { filter: C.filters[0], onFilterChange: Z }),
-    ee && /* @__PURE__ */ a.createElement(ee, { value: C.logic, onChange: _e }),
-    te && /* @__PURE__ */ a.createElement(te, { filter: C.filters[1], onFilterChange: Z })
-  )) : null, Lt = [nr, rr], or = /* @__PURE__ */ a.createElement(
+    ne && /* @__PURE__ */ a.createElement(ne, { filter: C.filters[0], onFilterChange: V }),
+    re && /* @__PURE__ */ a.createElement(re, { value: C.logic, onChange: ze }),
+    se && /* @__PURE__ */ a.createElement(se, { filter: C.filters[1], onFilterChange: V })
+  )) : null, Lt = [nr, rr], sr = /* @__PURE__ */ a.createElement(
     "span",
     {
       ref: I,
-      onClick: z,
+      onClick: G,
       onMouseDown: T,
       className: "k-grid-header-menu k-grid-column-menu" + (y() ? " k-active" : ""),
       key: "button"
     },
-    /* @__PURE__ */ a.createElement(Me, { name: "filter", icon: Ye })
-  ), sr = /* @__PURE__ */ a.createElement(
-    Fr,
+    /* @__PURE__ */ a.createElement(Me, { name: "filter", icon: Ve })
+  ), or = /* @__PURE__ */ a.createElement(
+    Sr,
     {
       anchor: I.current,
       show: m,
@@ -2226,111 +2240,111 @@ const St = (e) => {
     /* @__PURE__ */ a.createElement(
       "div",
       {
-        ref: S,
+        ref: F,
         tabIndex: 0,
-        onBlur: w,
+        onBlur: A,
         onFocus: P,
         style: { outline: "none" }
       },
-      e.itemsRender ? e.itemsRender.call(void 0, Lt, { closeMenu: F, field: n }) : Lt
+      e.itemsRender ? e.itemsRender.call(void 0, Lt, { closeMenu: S, field: n }) : Lt
     )
-  ), Dt = [or, sr];
+  ), Dt = [sr, or];
   return /* @__PURE__ */ a.createElement(a.Fragment, null, e.render ? e.render.call(void 0, Dt) : Dt);
-}, Ss = (e) => {
+}, Mo = (e) => {
   const { field: t, ...n } = e, r = a.useCallback(
     (i) => ({ logic: "and", filters: [{ operator: "contains", field: i, value: "" }, { operator: "contains", field: i, value: "" }] }),
     []
-  ), o = !!e.field, s = o ? [
-    zt,
-    Rt,
-    zt
+  ), s = !!e.field, o = s ? [
+    Gt,
+    Mt,
+    Gt
   ] : [];
   return /* @__PURE__ */ a.createElement(
-    ze,
+    qe,
     {
-      sortAsc: o,
-      sortDesc: o,
-      filterContent: s,
-      initialFilter: o ? r : void 0,
+      sortAsc: s,
+      sortDesc: s,
+      filterContent: o,
+      initialFilter: s ? r : void 0,
       field: t,
       ...n
     }
   );
-}, Rs = (e) => {
+}, Ro = (e) => {
   const { field: t, ...n } = e, r = a.useCallback(
     (i) => ({ logic: "or", filters: [{ operator: "eq", field: i, value: null }, { operator: "eq", field: i, value: null }] }),
     []
-  ), o = !!e.field, s = o ? [
-    Gt,
-    Rt,
-    Gt
+  ), s = !!e.field, o = s ? [
+    zt,
+    Mt,
+    zt
   ] : [];
   return /* @__PURE__ */ a.createElement(
-    ze,
+    qe,
     {
-      sortAsc: o,
-      sortDesc: o,
-      filterContent: s,
-      initialFilter: o ? r : void 0,
+      sortAsc: s,
+      sortDesc: s,
+      filterContent: o,
+      initialFilter: s ? r : void 0,
       field: t,
       ...n
     }
   );
-}, Ms = (e) => {
+}, Lo = (e) => {
   const { field: t, ...n } = e, r = a.useCallback(
     (i) => ({ logic: "or", filters: [{ operator: "eq", field: i, value: null }, { operator: "eq", field: i, value: null }] }),
     []
-  ), o = !!e.field, s = o ? [
+  ), s = !!e.field, o = s ? [
     _t,
-    Rt,
+    Mt,
     _t
   ] : [];
   return /* @__PURE__ */ a.createElement(
-    ze,
+    qe,
     {
-      sortAsc: o,
-      sortDesc: o,
-      filterContent: s,
-      initialFilter: o ? r : void 0,
+      sortAsc: s,
+      sortDesc: s,
+      filterContent: o,
+      initialFilter: s ? r : void 0,
       field: t,
       ...n
     }
   );
-}, Ls = (e) => {
+}, Do = (e) => {
   const { field: t, ...n } = e, r = a.useCallback(
     (i) => ({ logic: "and", filters: [{ operator: "eq", field: i, value: !1 }] }),
     []
-  ), o = !!e.field, s = o ? [
-    Io
+  ), s = !!e.field, o = s ? [
+    Is
   ] : [];
   return /* @__PURE__ */ a.createElement(
-    ze,
+    qe,
     {
-      sortAsc: o,
-      sortDesc: o,
-      filterContent: s,
-      initialFilter: o ? r : void 0,
+      sortAsc: s,
+      sortDesc: s,
+      filterContent: o,
+      initialFilter: s ? r : void 0,
       field: t,
       ...n
     }
   );
 };
-function se(e, t, n) {
+function le(e, t, n) {
   return n ? { ...e, [t]: n.length ? [...n] : void 0 } : e && e[t] ? [...e[t]] : [];
 }
 function Qn(e, t, n) {
   if (e[n]) {
-    let r = se(e, n, tn(se(e, n), t)), o = se(r, n).map((s) => Qn(s, t, n));
-    return { ...r, [n]: o };
+    let r = le(e, n, tn(le(e, n), t)), s = le(r, n).map((o) => Qn(o, t, n));
+    return { ...r, [n]: s };
   }
   return e;
 }
-function Ds(e, t, n) {
+function wo(e, t, n) {
   let r = tn(e, t);
-  return r = r.map((o) => Qn(o, t, n)), r;
+  return r = r.map((s) => Qn(s, t, n)), r;
 }
 function er(e, t, n) {
-  let r = se(e, n);
+  let r = le(e, n);
   if (r && r.length) {
     r = r.map((l) => er(l, t, n));
     const i = kr(r, {
@@ -2340,231 +2354,231 @@ function er(e, t, n) {
       ],
       logic: "or"
     });
-    return se(e, n, i);
+    return le(e, n, i);
   }
   return e;
 }
-function ws(e, t, n) {
+function Oo(e, t, n) {
   let r = { [n]: [...e] };
   return r = er(r, t, n), r[n] || [];
 }
-function Os(e, t, n) {
+function No(e, t, n) {
   let r = [];
-  const o = [];
-  for (let s = e.length - 1; s >= 0; s--) {
-    const i = e[s];
+  const s = [];
+  for (let o = e.length - 1; o >= 0; o--) {
+    const i = e[o];
     r.push({
       root: i,
       data: t(i),
-      level: [s],
+      level: [o],
       levelCount: e.length
     });
   }
   for (; r.length > 0; ) {
-    let s = r.pop();
-    if (o.push({
-      dataItem: s.root,
-      level: [...s.level],
-      ...n(s.root),
-      levelCount: s.levelCount
-    }), s.data.length)
-      for (let i = s.data.length - 1; i >= 0; i--) {
-        const l = s.data[i];
+    let o = r.pop();
+    if (s.push({
+      dataItem: o.root,
+      level: [...o.level],
+      ...n(o.root),
+      levelCount: o.levelCount
+    }), o.data.length)
+      for (let i = o.data.length - 1; i >= 0; i--) {
+        const l = o.data[i];
         r.push({
           root: l,
           data: t(l),
-          level: [...s.level, i],
-          levelCount: s.data.length
+          level: [...o.level, i],
+          levelCount: o.data.length
         });
       }
   }
-  return o;
+  return s;
 }
-const Ns = (e, t, n) => {
-  const r = (c) => !!$e(t, c), o = (c) => !!$e(n, c), s = (c) => {
+const Ao = (e, t, n) => {
+  const r = (c) => !!$e(t, c), s = (c) => !!$e(n, c), o = (c) => {
     const u = [];
-    return r(c) && o(c) && u.push(...$e(n, c)), u;
+    return r(c) && s(c) && u.push(...$e(n, c)), u;
   }, i = (c, u, d) => {
-    u.push({ ...c, level: d }), s(c).forEach((g) => i(g, u, d + 1));
+    u.push({ ...c, level: d }), o(c).forEach((h) => i(h, u, d + 1));
   }, l = [];
   return e.forEach((c) => i(c, l, 0)), l;
-}, As = (e, t, n, r) => {
-  let o = {}, s = [], i;
-  return e.forEach((l) => o[t(l)] = { ...l }), e.forEach((l) => {
-    i = o[n(l)], i ? (i[r] = i[r] || [], i[r].push(o[t(l)])) : s.push(o[t(l)]);
-  }), s;
-}, Ps = (e, t, n) => mt(e, t, n), Ts = (e, t, n) => [...U(
+}, Po = (e, t, n, r) => {
+  let s = {}, o = [], i;
+  return e.forEach((l) => s[t(l)] = { ...l }), e.forEach((l) => {
+    i = s[n(l)], i ? (i[r] = i[r] || [], i[r].push(s[t(l)])) : o.push(s[t(l)]);
+  }), o;
+}, To = (e, t, n) => mt(e, t, n), Ko = (e, t, n) => [...J(
   [{ [t]: [...e] }],
   t,
-  (o) => Ro(o, n, t)
-)[0][t]], Ro = (e, t, n) => {
-  const r = e[n] || [], o = r.findIndex(t);
-  if (o !== -1) {
-    const s = [...r];
-    return s.splice(o, 1), {
+  (s) => Ms(s, n, t)
+)[0][t]], Ms = (e, t, n) => {
+  const r = e[n] || [], s = r.findIndex(t);
+  if (s !== -1) {
+    const o = [...r];
+    return o.splice(s, 1), {
       ...e,
-      [n]: s
+      [n]: o
     };
   }
   return e;
-}, Ks = (e, t, n, r) => U(
+}, Bo = (e, t, n, r) => J(
   e,
   t,
-  (o) => n(o) ? { ...o, [t]: r(o[t] || []) } : o
-), Ht = (e, t, n) => lr(e, t, n), Bs = (e, t, n, r) => {
-  const o = [...e], s = Ht(o, t, r), i = s.pop(), l = s.pop(), c = t[t.length - 1];
+  (s) => n(s) ? { ...s, [t]: r(s[t] || []) } : s
+), $t = (e, t, n) => lr(e, t, n), qo = (e, t, n, r) => {
+  const s = [...e], o = $t(s, t, r), i = o.pop(), l = o.pop(), c = t[t.length - 1];
   if (n) {
-    const d = Ht(o, n, r).pop();
-    (l ? l[r] : o).splice(c, 1), d[r] = d[r] || [], d[r].push(i);
+    const d = $t(s, n, r).pop();
+    (l ? l[r] : s).splice(c, 1), d[r] = d[r] || [], d[r].push(i);
   } else
-    (l ? l[r] : o).splice(c, 1), o.push(i);
-  return o;
-}, ie = "groupId", ht = "items", tr = (e, t, n) => {
-  e.items && (e[ie] = `${n}${n && "_"}${e.value}${e.field}`, t > 1 && e.items.forEach((r) => tr(r, t - 1, e[ie])));
-}, qs = (e) => {
+    (l ? l[r] : s).splice(c, 1), s.push(i);
+  return s;
+}, ue = "groupId", ht = "items", tr = (e, t, n) => {
+  e.items && (e[ue] = `${n}${n && "_"}${e.value}${e.field}`, t > 1 && e.items.forEach((r) => tr(r, t - 1, e[ue])));
+}, Go = (e) => {
   const { group: t } = e;
   if (t && t.length && e.data)
     return e.data.forEach((n) => tr(n, t.length, ""));
-}, zs = (e) => {
+}, zo = (e) => {
   const t = [];
-  return U(e.data, ht, (n) => {
-    n[ie] && t.push(n[ie]);
+  return J(e.data, ht, (n) => {
+    n[ue] && t.push(n[ue]);
   }), t;
-}, Gs = (e) => U(
+}, _o = (e) => J(
   e.data,
   ht,
   (t) => mt(t, ht, {
-    expanded: !e.collapsedIds.some((n) => n === t[ie])
+    expanded: !e.collapsedIds.some((n) => n === t[ue])
   })
-), Mo = (e) => {
-  const { navigatable: t, contextStateRef: n, navigationStateRef: r, idPrefix: o } = e;
+), Rs = (e) => {
+  const { navigatable: t, contextStateRef: n, navigationStateRef: r, idPrefix: s } = e;
   t && (n.current = {
     activeId: "",
     level: 0
   }, r.current = {
     activeElementIsFocused: !1,
     prevNavigationIndexes: void 0,
-    idPrefix: o || cr(),
+    idPrefix: s || cr(),
     navigationMatrix: [],
     lastHeaderIndex: -1
   });
-}, Lo = (e) => {
+}, Ls = (e) => {
   const { scope: t, contextStateRef: n, navigationStateRef: r } = e;
   if (n.current && r.current && t) {
-    Mt(e);
-    const o = r.current.navigationMatrix[0][0], s = M.getActiveElement(t, o);
-    o && s && (n.current.activeId = o, s.setAttribute("tabIndex", "0"));
+    Rt(e);
+    const s = r.current.navigationMatrix[0][0], o = R.getActiveElement(t, s);
+    s && o && (n.current.activeId = s, o.setAttribute("tabIndex", "0"));
   }
-}, Do = (e) => {
+}, Ds = (e) => {
   const { contextStateRef: t, navigationStateRef: n, document: r } = e;
   if (t.current && n.current && r) {
-    const o = ur(r), s = M.getNavigatableId(o);
-    s && s === t.current.activeId && (n.current.activeElementIsFocused = !0);
+    const s = ur(r), o = R.getNavigatableId(s);
+    o && o === t.current.activeId && (n.current.activeElementIsFocused = !0);
   }
-}, wo = (e) => {
+}, ws = (e) => {
   const { scope: t, contextStateRef: n, navigationStateRef: r } = e;
-  if (Mt(e), n.current && r.current && t) {
-    if (!M.getActiveElement(t, n.current.activeId)) {
-      const s = r.current.navigationMatrix[0][0], i = M.getActiveElement(t, s);
-      s && i && (n.current.activeId = s, i.setAttribute("tabIndex", "0"), r.current.activeElementIsFocused && i.focus());
+  if (Rt(e), n.current && r.current && t) {
+    if (!R.getActiveElement(t, n.current.activeId)) {
+      const o = r.current.navigationMatrix[0][0], i = R.getActiveElement(t, o);
+      o && i && (n.current.activeId = o, i.setAttribute("tabIndex", "0"), r.current.activeElementIsFocused && i.focus());
     }
     r.current.activeElementIsFocused = !1;
   }
-}, Oo = (e, t) => {
+}, Os = (e, t) => {
   const { contextStateRef: n } = t;
   if (e.isDefaultPrevented() || !n.current)
     return;
-  const r = e.target, o = M.getNavigatableId(r);
-  if (o && o !== n.current.activeId) {
-    const s = M.getClosestScope(r);
-    if (!s)
+  const r = e.target, s = R.getNavigatableId(r);
+  if (s && s !== n.current.activeId) {
+    const o = R.getClosestScope(r);
+    if (!o)
       return;
-    const i = M.getActiveElement(s, n.current.activeId);
-    i && i.setAttribute("tabIndex", "-1"), r.setAttribute("tabIndex", "0"), n.current.activeId = o;
+    const i = R.getActiveElement(o, n.current.activeId);
+    i && i.setAttribute("tabIndex", "-1"), r.setAttribute("tabIndex", "0"), n.current.activeId = s;
   }
-}, No = (e, t) => {
+}, Ns = (e, t) => {
   const {
     contextStateRef: n,
     navigationStateRef: r,
-    onNavigationAction: o
+    onNavigationAction: s
   } = t;
   if (e.isDefaultPrevented() || !n.current || !r.current)
     return;
   if (e.keyCode === K.esc) {
-    const d = M.getClosestNavigatableElement(e.target);
-    M.focusElement({ elementForFocus: d, event: e, contextStateRef: n });
+    const d = R.getClosestNavigatableElement(e.target);
+    R.focusElement({ elementForFocus: d, event: e, contextStateRef: n });
     return;
   }
-  const s = e.target, i = M.getNavigatableId(s), l = M.getNavigatableLevel(s), c = M.getClosestScope(s), u = r.current.navigationMatrix;
+  const o = e.target, i = R.getNavigatableId(o), l = R.getNavigatableLevel(o), c = R.getClosestScope(o), u = r.current.navigationMatrix;
   if (l !== void 0 && c) {
     if (e.keyCode === K.enter) {
-      const d = M.getNavigatableElement(s, { level: l + 1 });
+      const d = R.getNavigatableElement(o, { level: l + 1 });
       if (d) {
-        M.focusElement({
+        R.focusElement({
           elementForFocus: d,
           event: e,
           contextStateRef: n,
-          prevElement: s
+          prevElement: o
         });
         return;
       } else {
-        const g = M.getFocusableElements(s)[0];
-        M.focusElement({ elementForFocus: g, event: e, contextStateRef: n, prevElement: s });
+        const h = R.getFocusableElements(o)[0];
+        R.focusElement({ elementForFocus: h, event: e, contextStateRef: n, prevElement: o });
         return;
       }
     }
     if (e.keyCode === K.up || e.keyCode === K.down || e.keyCode === K.left || e.keyCode === K.right) {
-      const d = e.keyCode === K.up || e.keyCode === K.left, g = e.keyCode === K.up || e.keyCode === K.down;
+      const d = e.keyCode === K.up || e.keyCode === K.left, h = e.keyCode === K.up || e.keyCode === K.down;
       let m;
       if (r.current && r.current.prevNavigationIndexes) {
-        const [h, v] = r.current.prevNavigationIndexes;
-        u[h][v] === i ? m = r.current.prevNavigationIndexes : m = dt(u, i);
+        const [g, E] = r.current.prevNavigationIndexes;
+        u[g][E] === i ? m = r.current.prevNavigationIndexes : m = dt(u, i);
       } else
         m = dt(u, i);
       if (m) {
-        const [h, v] = m, [b, C] = g ? Vn(h, v, i, u, d) : Yn(h, v, i, u, d);
+        const [g, E] = m, [b, C] = h ? Vn(g, E, i, u, d) : Yn(g, E, i, u, d);
         if (b) {
-          const f = M.getActiveElement(c, b);
-          M.focusElement({ elementForFocus: f, event: e, contextStateRef: n, prevElement: s }), r.current.prevNavigationIndexes = C, o && o({ focusElement: f, event: e });
+          const f = R.getActiveElement(c, b);
+          R.focusElement({ elementForFocus: f, event: e, contextStateRef: n, prevElement: o }), r.current.prevNavigationIndexes = C, s && s({ focusElement: f, event: e });
         }
       }
     }
   }
-}, Mt = (e) => {
+}, Rt = (e) => {
   const { navigationStateRef: t, scope: n } = e;
   if (!t.current || !n)
     return;
-  const r = [], o = $n(n), s = Wn(n);
-  if (!o || !s)
+  const r = [], s = Hn(n), o = Wn(n);
+  if (!s || !o)
     return;
-  const i = Array.from(o.children), l = Array.from(s.children);
+  const i = Array.from(s.children), l = Array.from(o.children);
   [...i, ...l].forEach((c, u) => {
     Array.from(c.children).forEach((d) => {
-      const g = bt(d);
-      if (!g)
+      const h = bt(d);
+      if (!h)
         return;
-      const m = d.rowSpan || 1, h = d.colSpan || 1;
-      let v;
+      const m = d.rowSpan || 1, g = d.colSpan || 1;
+      let E;
       for (let b = u, C = u + m; b < C; b++) {
-        if (r[b] || (r[b] = []), v === void 0) {
+        if (r[b] || (r[b] = []), E === void 0) {
           const f = r[b].findIndex((I) => !I);
-          v = f > -1 ? f : r[b].length;
+          E = f > -1 ? f : r[b].length;
         }
-        r[b][v] = g || "";
+        r[b][E] = h || "";
       }
-      for (let b = v + 1, C = v + h; b < C; b++)
-        r[u][b] = g || "";
+      for (let b = E + 1, C = E + g; b < C; b++)
+        r[u][b] = h || "";
     });
   }), t.current.navigationMatrix = r.filter((c) => !!c), t.current.lastHeaderIndex = i.length - 1;
-}, _s = {
-  onConstructor: Mo,
-  onComponentDidMount: Lo,
-  onGetSnapshotBeforeUpdate: Do,
-  onComponentDidUpdate: wo,
-  onFocus: Oo,
-  onKeyDown: No,
-  generateMatrix: Mt
-}, Ao = "data-grid-row-index", Po = "data-grid-col-index", To = "data-prevent-selection", Ko = "items", V = {}, Bo = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((r) => r === t) > -1 ? e.filter((r) => r !== t) : [...e, t], W = (e, t) => {
+}, $o = {
+  onConstructor: Rs,
+  onComponentDidMount: Ls,
+  onGetSnapshotBeforeUpdate: Ds,
+  onComponentDidUpdate: ws,
+  onFocus: Os,
+  onKeyDown: Ns,
+  generateMatrix: Rt
+}, As = "data-grid-row-index", Ps = "data-grid-col-index", Ts = "data-prevent-selection", Ks = "items", j = {}, Bs = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((r) => r === t) > -1 ? e.filter((r) => r !== t) : [...e, t], Y = (e, t) => {
   let n = e;
   for (; n; ) {
     if (n.tagName === t)
@@ -2577,35 +2591,35 @@ const Ns = (e, t, n) => {
 }, Se = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(Ao);
+  const t = e.getAttribute(As);
   return t ? parseInt(t, 10) : void 0;
-}, Re = (e) => {
+}, Fe = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(Po);
+  const t = e.getAttribute(Ps);
   return t ? parseInt(t, 10) : void 0;
-}, Hs = (e) => {
-  const t = e.subItemsField || Ko, n = Vt(e.dataItemKey);
-  return U(
+}, Ho = (e) => {
+  const t = e.subItemsField || Ks, n = Vt(e.dataItemKey);
+  return J(
     e.data,
     t,
     (r) => mt(r, t, {
       [e.selectedField]: e.selectedState[n(r)]
     })
   );
-}, $s = (e) => {
-  const { event: t, dataItemKey: n, selectedState: r } = e, { syntheticEvent: o, nativeEvent: s, dataItems: i, componentId: l, mode: c, cell: u, selectedField: d } = t, { target: g, ctrlKey: m, metaKey: h, altKey: v, shiftKey: b } = s;
-  if (o.isDefaultPrevented() || s.keyCode !== K.enter)
+}, Wo = (e) => {
+  const { event: t, dataItemKey: n, selectedState: r } = e, { syntheticEvent: s, nativeEvent: o, dataItems: i, componentId: l, mode: c, cell: u, selectedField: d } = t, { target: h, ctrlKey: m, metaKey: g, altKey: E, shiftKey: b } = o;
+  if (s.isDefaultPrevented() || o.keyCode !== K.enter)
     return r;
-  const C = W(g, "TD"), f = W(g, "TR"), I = Re(C), S = Se(f);
+  const C = Y(h, "TD"), f = Y(h, "TR"), I = Fe(C), F = Se(f);
   let k = {};
-  return C && f && S !== void 0 && I !== void 0 && (k = qo({
+  return C && f && F !== void 0 && I !== void 0 && (k = qs({
     selectedState: r,
     dataItemKey: n,
     event: {
       ctrlKey: m,
-      metaKey: h,
-      altKey: v,
+      metaKey: g,
+      altKey: E,
       shiftKey: b,
       dataItems: i,
       cell: u,
@@ -2614,70 +2628,70 @@ const Ns = (e, t, n) => {
       componentId: l,
       startColIndex: I,
       endColIndex: I,
-      startRowIndex: S,
-      endRowIndex: S,
+      startRowIndex: F,
+      endRowIndex: F,
       isDrag: !1,
-      syntheticEvent: o,
-      nativeEvent: s,
+      syntheticEvent: s,
+      nativeEvent: o,
       target: t.target,
       dataItem: null
     }
   })), k;
-}, qo = (e) => {
+}, qs = (e) => {
   const { event: t, dataItemKey: n, selectedState: r } = e, {
-    dataItems: o,
-    startRowIndex: s,
+    dataItems: s,
+    startRowIndex: o,
     endRowIndex: i,
     startColIndex: l,
     endColIndex: c,
     cell: u,
     isDrag: d,
-    ctrlKey: g,
+    ctrlKey: h,
     shiftKey: m,
-    metaKey: h,
-    componentId: v,
+    metaKey: g,
+    componentId: E,
     mode: b,
     dataItem: C
   } = t, f = Vt(n);
   let I = {};
-  const S = C !== null;
+  const F = C !== null;
   if (b === "single") {
-    const k = o.slice(s, s + 1)[0], x = f(k);
-    V[v] = {
-      rowIndex: s,
+    const k = s.slice(o, o + 1)[0], x = f(k);
+    j[E] = {
+      rowIndex: o,
       colIndex: l
     }, I[x] = u ? [l] : !0;
-  } else if (d || !m && !g && !h && !S) {
-    d || (V[v] = {
-      rowIndex: s,
+  } else if (d || !m && !h && !g && !F) {
+    d || (j[E] = {
+      rowIndex: o,
       colIndex: l
     });
     const k = [];
     for (let y = l; y <= c; y++)
       k.push(y);
-    o.slice(s, i + 1).forEach((y) => {
-      const F = f(y);
-      I[F] = u ? [...k] : !0;
+    s.slice(o, i + 1).forEach((y) => {
+      const S = f(y);
+      I[S] = u ? [...k] : !0;
     });
-  } else if (g || h || S) {
-    V[v] = {
-      rowIndex: s,
+  } else if (h || g || F) {
+    j[E] = {
+      rowIndex: o,
       colIndex: l
     };
-    const x = o.slice(s, i + 1)[0], y = f(x);
-    I = { ...r }, I[y] = u && !S ? Bo(I[y], l) : !I[y];
+    const x = s.slice(o, i + 1)[0], y = f(x);
+    I = { ...r }, I[y] = u && !F ? Bs(I[y], l) : !I[y];
   } else if (m) {
-    const k = V[v] && V[v].rowIndex || 0, x = V[v] && V[v].colIndex || 0, y = Math.min(k, s, i), F = Math.max(k, s, i), w = Math.min(x, l, c), P = Math.max(x, l, c), T = [];
-    for (let L = w; L <= P; L++)
-      T.push(L);
-    o.slice(y, F + 1).forEach((L) => {
-      const O = f(L);
-      I[O] = u ? [...T] : !0;
+    const k = j[E] && j[E].rowIndex || 0, x = j[E] && j[E].colIndex || 0, y = Math.min(k, o, i), S = Math.max(k, o, i), A = Math.min(x, l, c), P = Math.max(x, l, c), T = [];
+    for (let D = A; D <= P; D++)
+      T.push(D);
+    s.slice(y, S + 1).forEach((D) => {
+      const L = f(D);
+      I[L] = u ? [...T] : !0;
     });
   }
   return I;
-}, zo = dr(), Go = (e) => {
-  if (!e || !zo)
+}, Gs = dr(), zs = (e) => {
+  if (!e || !Gs)
     return null;
   let t = e.parentElement;
   for (; t; ) {
@@ -2685,7 +2699,7 @@ const Ns = (e, t, n) => {
       return t;
     t = t.parentElement;
   }
-}, _o = (e) => {
+}, _s = (e) => {
   if (e && e.ownerDocument && e !== e.ownerDocument.body) {
     const t = e.getBoundingClientRect();
     return {
@@ -2694,20 +2708,20 @@ const Ns = (e, t, n) => {
     };
   }
   return { left: 0, top: 0 };
-}, Ho = (e) => {
-  const t = e ? typeof e.enabled == "boolean" ? e.enabled : !0 : !1, n = e ? !!e.drag : !1, r = e && e.mode ? e.mode : "multiple", o = !!(e && e.cell);
-  return { enabled: t, drag: n, mode: r, cell: o };
-}, Ws = (e) => {
-  var S;
+}, $s = (e) => {
+  const t = e ? typeof e.enabled == "boolean" ? e.enabled : !0 : !1, n = e ? !!e.drag : !1, r = e && e.mode ? e.mode : "multiple", s = !!(e && e.cell);
+  return { enabled: t, drag: n, mode: r, cell: s };
+}, Vo = (e) => {
+  var F;
   const { onRelease: t, childRef: n } = e, {
     enabled: r,
-    drag: o,
-    mode: s,
+    drag: s,
+    mode: o,
     cell: i
-  } = Ho(e.selectable), l = a.useRef(null), c = a.useRef(null), u = a.useRef({ clientX: 0, clientY: 0 }), [d, g] = a.useState(null), m = a.useRef(), h = a.useRef(!1), v = a.useRef(!1), b = a.useCallback(
+  } = $s(e.selectable), l = a.useRef(null), c = a.useRef(null), u = a.useRef({ clientX: 0, clientY: 0 }), [d, h] = a.useState(null), m = a.useRef(), g = a.useRef(!1), E = a.useRef(!1), b = a.useCallback(
     (k) => {
       const { event: x } = k;
-      v.current = x.originalEvent.target.hasAttribute(To), !(v.current || !l.current) && (m.current = Go(l.current.element), u.current = {
+      E.current = x.originalEvent.target.hasAttribute(Ts), !(E.current || !l.current) && (m.current = zs(l.current.element), u.current = {
         clientY: x.clientY,
         clientX: x.clientX
       });
@@ -2715,72 +2729,72 @@ const Ns = (e, t, n) => {
     []
   ), C = a.useCallback(
     (k) => {
-      const { event: x } = k, { clientX: y, clientY: F } = u.current;
-      if (!v.current && !(!o || s === "single") && ((Math.abs(F - x.clientY) > 5 || Math.abs(y - x.clientX) > 5) && (h.current = !0), h.current)) {
-        const w = _o(m.current);
-        g({
-          top: Math.min(F, x.clientY) - w.top,
-          left: Math.min(y, x.clientX) - w.left,
+      const { event: x } = k, { clientX: y, clientY: S } = u.current;
+      if (!E.current && !(!s || o === "single") && ((Math.abs(S - x.clientY) > 5 || Math.abs(y - x.clientX) > 5) && (g.current = !0), g.current)) {
+        const A = _s(m.current);
+        h({
+          top: Math.min(S, x.clientY) - A.top,
+          left: Math.min(y, x.clientX) - A.left,
           width: Math.abs(x.clientX - y),
-          height: Math.abs(x.clientY - F)
+          height: Math.abs(x.clientY - S)
         });
       }
     },
-    [g, o, s]
+    [h, s, o]
   ), f = a.useCallback(
     (k) => {
-      const { event: x } = k, { clientX: y, clientY: F } = u.current;
-      if (v.current || !l.current)
+      const { event: x } = k, { clientX: y, clientY: S } = u.current;
+      if (E.current || !l.current)
         return;
-      const w = l.current.element && l.current.element.ownerDocument;
-      if (w) {
-        if (h.current) {
-          const P = Math.min(F, x.clientY), T = Math.min(y, x.clientX), z = Math.max(F, x.clientY), L = Math.max(y, x.clientX), O = c.current;
-          if (!O)
+      const A = l.current.element && l.current.element.ownerDocument;
+      if (A) {
+        if (g.current) {
+          const P = Math.min(S, x.clientY), T = Math.min(y, x.clientX), G = Math.max(S, x.clientY), D = Math.max(y, x.clientX), L = c.current;
+          if (!L)
             return;
-          O.style.visibility = "hidden";
-          const Z = w.elementFromPoint(T, P), ue = w.elementFromPoint(L, z);
-          if (O.style.visibility = "", !Z || !ue)
+          L.style.visibility = "hidden";
+          const V = A.elementFromPoint(T, P), Z = A.elementFromPoint(D, G);
+          if (L.style.visibility = "", !V || !Z)
             return;
-          const de = W(Z, "TD"), Ge = W(de, "TR"), pe = W(ue, "TD"), _e = W(pe, "TR"), J = Re(de), Q = Se(Ge), ee = Re(pe), te = Se(_e);
-          J !== void 0 && Q !== void 0 && ee !== void 0 && te !== void 0 && t({
+          const he = Y(V, "TD"), Ge = Y(he, "TR"), ge = Y(Z, "TD"), ze = Y(ge, "TR"), te = Fe(he), ne = Se(Ge), re = Fe(ge), se = Se(ze);
+          te !== void 0 && ne !== void 0 && re !== void 0 && se !== void 0 && t({
             nativeEvent: x.originalEvent,
-            startRowIndex: Q,
-            startColIndex: J,
-            endRowIndex: te,
-            endColIndex: ee,
+            startRowIndex: ne,
+            startColIndex: te,
+            endRowIndex: se,
+            endColIndex: re,
             altKey: x.altKey,
             shiftKey: x.shiftKey,
             ctrlKey: x.ctrlKey,
             metaKey: x.metaKey,
-            mode: s,
+            mode: o,
             cell: i,
             isDrag: !0
           });
         } else {
-          const P = w.elementFromPoint(y, F);
+          const P = A.elementFromPoint(y, S);
           if (!P)
             return;
-          const T = W(P, "TD"), z = W(P, "TR"), L = Re(T), O = Se(z);
-          T && z && O !== void 0 && L !== void 0 && t({
+          const T = Y(P, "TD"), G = Y(P, "TR"), D = Fe(T), L = Se(G);
+          T && G && L !== void 0 && D !== void 0 && t({
             nativeEvent: x.originalEvent,
-            startRowIndex: O,
-            startColIndex: L,
-            endRowIndex: O,
-            endColIndex: L,
+            startRowIndex: L,
+            startColIndex: D,
+            endRowIndex: L,
+            endColIndex: D,
             altKey: x.altKey,
             shiftKey: x.shiftKey,
             ctrlKey: x.ctrlKey,
             metaKey: x.metaKey,
-            mode: s,
+            mode: o,
             cell: i,
             isDrag: !1
           });
         }
-        g(null), h.current = !1, u.current = { clientX: 0, clientY: 0 };
+        h(null), g.current = !1, u.current = { clientX: 0, clientY: 0 };
       }
     },
-    [g, s, i, t]
+    [h, o, i, t]
   ), I = pr(c);
   return r ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
     ft,
@@ -2801,170 +2815,170 @@ const Ns = (e, t, n) => {
         className: "k-marquee k-marquee-color"
       }
     ),
-    (S = I()) == null ? void 0 : S.body
+    (F = I()) == null ? void 0 : F.body
   )) : a.cloneElement(a.Children.only(e.children), { ref: n });
-}, $o = "items";
-var G = /* @__PURE__ */ ((e) => (e.copy = "copy", e.cut = "cut", e.paste = "paste", e))(G || {});
-const Wo = (e, t, n) => {
-  const r = e.cellDelimiter || "	", o = e.newLineDelimiter || `\r
-`, s = t.includes(o) ? o : t.includes(`
+}, Hs = "items";
+var z = /* @__PURE__ */ ((e) => (e.copy = "copy", e.cut = "cut", e.paste = "paste", e))(z || {});
+const Ws = (e, t, n) => {
+  const r = e.cellDelimiter || "	", s = e.newLineDelimiter || `\r
+`, o = t.includes(s) ? s : t.includes(`
 `) ? `
-` : null, i = s ? t.split(s) : [t], l = n.copiedItems.length ? n.copiedItems[0].fields[0] : e.columns[0].field || "";
+` : null, i = o ? t.split(o) : [t], l = n.copiedItems.length ? n.copiedItems[0].fields[0] : e.columns[0].field || "";
   return i.map((u) => {
-    const d = u.includes(r) ? u.split(r) : [u], g = e.columns.map((b) => b.field || ""), m = g.indexOf(l), h = g.slice(m, m + d.length), v = {};
-    return g.slice(m, m + d.length).forEach((b, C) => v[b] = d[C]), {
-      dataItem: v,
-      fields: h
+    const d = u.includes(r) ? u.split(r) : [u], h = e.columns.map((b) => b.field || ""), m = h.indexOf(l), g = h.slice(m, m + d.length), E = {};
+    return h.slice(m, m + d.length).forEach((b, C) => E[b] = d[C]), {
+      dataItem: E,
+      fields: g
     };
   });
-}, Vo = (e, t) => {
+}, Vs = (e, t) => {
   if (!t.length)
     return null;
   let n = "";
-  return t.forEach((r, o, s) => n += `${e[r]}${o < s.length - 1 ? "	" : ""}`), n;
-}, Yo = (e, t, n) => {
-  const r = n.cellDelimiter || "	", o = n.newLineDelimiter || `\r
+  return t.forEach((r, s, o) => n += `${e[r]}${s < o.length - 1 ? "	" : ""}`), n;
+}, Ys = (e, t, n) => {
+  const r = n.cellDelimiter || "	", s = n.newLineDelimiter || `\r
 `;
-  return `${t.join(r)}${o}${e}`;
-}, Uo = (e) => {
-  const { event: t, selectedState: n, data: r, dataItemKey: o } = e, s = {}, i = { copiedItems: [], pastedItems: [], clipboardData: "" }, l = e.subItemsField || $o;
+  return `${t.join(r)}${s}${e}`;
+}, Us = (e) => {
+  const { event: t, selectedState: n, data: r, dataItemKey: s } = e, o = {}, i = { copiedItems: [], pastedItems: [], clipboardData: "" }, l = e.subItemsField || Hs;
   return Object.entries(n).forEach(([c, u]) => {
-    s[c] = hr(u) ? u.map((d) => t.columns[d]) : t.columns;
-  }), U(r, l, (c) => {
-    const u = c[o || t.dataItemKey || ""] || "";
-    return s[u] && i.copiedItems.push({
+    o[c] = hr(u) ? u.map((d) => t.columns[d]) : t.columns;
+  }), J(r, l, (c) => {
+    const u = c[s || t.dataItemKey || ""] || "";
+    return o[u] && i.copiedItems.push({
       dataItem: c,
-      fields: s[u].map((d) => d.field || "")
+      fields: o[u].map((d) => d.field || "")
     }), c;
   }), i;
-}, jo = (e, t) => {
+}, js = (e, t) => {
   const n = t.newLineDelimiter || `\r
-`, r = e.copiedItems.map((o, s) => {
-    let i = Vo(o.dataItem, o.fields) || "";
-    return t.copyHeaders && s === 0 && (i = Yo(i, o.fields, t)), i ? [i] : [];
+`, r = e.copiedItems.map((s, o) => {
+    let i = Vs(s.dataItem, s.fields) || "";
+    return t.copyHeaders && o === 0 && (i = Ys(i, s.fields, t)), i ? [i] : [];
   }).join(n);
   return navigator.clipboard.writeText(r), r;
-}, Vs = (e) => {
-  const { event: t } = e, n = Uo(e);
+}, Yo = (e) => {
+  const { event: t } = e, n = Us(e);
   let r = "";
   if (t.type === "paste") {
-    const o = t.nativeEvent ? t.nativeEvent.clipboardData : "";
-    r = o ? o.getData("text").trim() : "", n.pastedItems = Wo(t, r, n);
+    const s = t.nativeEvent ? t.nativeEvent.clipboardData : "";
+    r = s ? s.getData("text").trim() : "", n.pastedItems = Ws(t, r, n);
   } else
-    n.pastedItems = [], r = jo(n, t);
+    n.pastedItems = [], r = js(n, t);
   return n.clipboardData = r, n;
 };
-class Ys {
+class Uo {
   constructor(t) {
     this.copyHandler = (n) => {
-      this.clipboardEvent(G.copy, n);
+      this.clipboardEvent(z.copy, n);
     }, this.cutHandler = (n) => {
-      this.clipboardEvent(G.cut, n);
+      this.clipboardEvent(z.cut, n);
     }, this.pasteHandler = (n) => {
-      this.clipboardEvent(G.paste, n);
+      this.clipboardEvent(z.paste, n);
     }, this.addEventListeners = (n) => {
-      n && (n.addEventListener(G.copy, this.copyHandler), n.addEventListener(G.cut, this.cutHandler), n.addEventListener(G.paste, this.pasteHandler));
+      n && (n.addEventListener(z.copy, this.copyHandler), n.addEventListener(z.cut, this.cutHandler), n.addEventListener(z.paste, this.pasteHandler));
     }, this.removeEventListeners = (n) => {
-      n && (n.removeEventListener(G.copy, this.copyHandler), n.removeEventListener(G.cut, this.cutHandler), n.removeEventListener(G.paste, this.pasteHandler));
+      n && (n.removeEventListener(z.copy, this.copyHandler), n.removeEventListener(z.cut, this.cutHandler), n.removeEventListener(z.paste, this.pasteHandler));
     }, this.clipboardEvent = t;
   }
 }
 export {
-  ho as BooleanFilter,
-  cs as BooleanFilterCell,
-  G as ClipboardActionType,
-  Ys as ClipboardService,
-  Pr as ColumnDefaultProps,
-  Ls as ColumnMenuBooleanColumn,
-  Io as ColumnMenuBooleanFilter,
-  Ms as ColumnMenuDateColumn,
+  hs as BooleanFilter,
+  co as BooleanFilterCell,
+  z as ClipboardActionType,
+  Uo as ClipboardService,
+  Tr as ColumnDefaultProps,
+  Do as ColumnMenuBooleanColumn,
+  Is as ColumnMenuBooleanFilter,
+  Lo as ColumnMenuDateColumn,
   _t as ColumnMenuDateFilter,
-  So as ColumnMenuFilterForm,
-  Rt as ColumnMenuFilterLogic,
-  Fo as ColumnMenuForm,
-  Ve as ColumnMenuItem,
-  Rs as ColumnMenuNumericColumn,
-  Gt as ColumnMenuNumericFilter,
-  qe as ColumnMenuOperators,
-  Ss as ColumnMenuTextColumn,
-  zt as ColumnMenuTextFilter,
-  bs as ColumnResize,
-  ao as ColumnResizer,
-  ys as CommonDragLogic,
-  po as DateFilter,
-  us as DateFilterCell,
-  Is as DragClue,
-  ks as DropClue,
+  Fs as ColumnMenuFilterForm,
+  Mt as ColumnMenuFilterLogic,
+  Ss as ColumnMenuForm,
+  We as ColumnMenuItem,
+  Ro as ColumnMenuNumericColumn,
+  zt as ColumnMenuNumericFilter,
+  Be as ColumnMenuOperators,
+  Mo as ColumnMenuTextColumn,
+  Gt as ColumnMenuTextFilter,
+  yo as ColumnResize,
+  is as ColumnResizer,
+  Io as CommonDragLogic,
+  ps as DateFilter,
+  uo as DateFilterCell,
+  ko as DragClue,
+  So as DropClue,
   It as EnumFilter,
   kt as Expression,
-  Zr as FILTER_ROW_CLASS,
+  Jr as FILTER_ROW_CLASS,
   Ct as FOCUSABLE_ELEMENTS,
-  Eo as Filter,
-  ms as FilterRow,
-  Ft as Group,
-  Es as Header,
-  oo as HeaderCell,
-  uo as HeaderRow,
-  Cs as HeaderSelectionCell,
+  Es as Filter,
+  vo as FilterRow,
+  St as Group,
+  Co as Header,
+  os as HeaderCell,
+  ds as HeaderRow,
+  xo as HeaderSelectionCell,
   xt as HeaderThElement,
-  zn as KEYBOARD_NAV_DATA_BODY,
+  Gn as KEYBOARD_NAV_DATA_BODY,
   qn as KEYBOARD_NAV_DATA_HEADER,
-  Be as KEYBOARD_NAV_DATA_ID,
-  X as KEYBOARD_NAV_DATA_LEVEL,
+  Ke as KEYBOARD_NAV_DATA_ID,
+  ee as KEYBOARD_NAV_DATA_LEVEL,
   Bn as KEYBOARD_NAV_DATA_SCOPE,
-  hs as KEYBOARD_NAV_DATA_ZONE,
-  Tr as KEYBOARD_NAV_FILTER_COL_SUFFIX,
+  go as KEYBOARD_NAV_DATA_ZONE,
+  Kr as KEYBOARD_NAV_FILTER_COL_SUFFIX,
   Xn as NumericFilter,
-  ds as NumericFilterCell,
-  Fs as Operators,
-  Te as Pager,
-  Kr as TABBABLE_ELEMENTS,
-  Po as TABLE_COL_INDEX_ATTRIBUTE,
-  To as TABLE_PREVENT_SELECTION_ELEMENT,
-  Ao as TABLE_ROW_INDEX_ATTRIBUTE,
+  po as NumericFilterCell,
+  Fo as Operators,
+  Pe as Pager,
+  Br as TABBABLE_ELEMENTS,
+  Ps as TABLE_COL_INDEX_ATTRIBUTE,
+  Ts as TABLE_PREVENT_SELECTION_ELEMENT,
+  As as TABLE_ROW_INDEX_ATTRIBUTE,
   _n as TableKeyboardNavigationContext,
-  Ws as TableSelection,
+  Vo as TableSelection,
   jn as TextFilter,
-  ps as TextFilterCell,
-  W as closestTagName,
-  As as createDataTree,
-  Ke as createFilterComponent,
-  Ps as extendDataItem,
-  ws as filterBy,
-  Os as flatData,
-  Re as getColumnIndex,
-  zs as getGroupIds,
+  ho as TextFilterCell,
+  Y as closestTagName,
+  Po as createDataTree,
+  Te as createFilterComponent,
+  To as extendDataItem,
+  Oo as filterBy,
+  No as flatData,
+  Fe as getColumnIndex,
+  zo as getGroupIds,
   Bt as getIndex,
-  Ht as getItemPath,
-  _o as getOffset,
+  $t as getItemPath,
+  _s as getOffset,
   Se as getRowIndex,
-  qo as getSelectedState,
-  $s as getSelectedStateFromKeyDown,
-  Ho as getSelectionOptions,
-  ro as isRtl,
-  vs as mapColumns,
-  Ks as modifySubItems,
-  Bs as moveTreeItem,
-  Qr as nextColumn,
-  so as normalize,
-  Ds as orderBy,
-  Vs as populateClipboardData,
-  no as readColumns,
-  Go as relativeContextElement,
-  Ts as removeItems,
-  Gs as setExpandedState,
-  qs as setGroupIds,
-  Hs as setSelectedState,
+  qs as getSelectedState,
+  Wo as getSelectedStateFromKeyDown,
+  $s as getSelectionOptions,
+  ss as isRtl,
+  Eo as mapColumns,
+  Bo as modifySubItems,
+  qo as moveTreeItem,
+  es as nextColumn,
+  as as normalize,
+  wo as orderBy,
+  Yo as populateClipboardData,
+  rs as readColumns,
+  zs as relativeContextElement,
+  Ko as removeItems,
+  _o as setExpandedState,
+  Go as setGroupIds,
+  Ho as setSelectedState,
   Zn as stringOperator,
-  xs as tableColumnsVirtualization,
-  _s as tableKeyboardNavigation,
-  fs as tableKeyboardNavigationBodyAttributes,
-  Br as tableKeyboardNavigationHeaderAttributes,
-  gs as tableKeyboardNavigationScopeAttributes,
-  M as tableKeyboardNavigationTools,
-  Ns as treeToFlat,
+  bo as tableColumnsVirtualization,
+  $o as tableKeyboardNavigation,
+  mo as tableKeyboardNavigationBodyAttributes,
+  qr as tableKeyboardNavigationHeaderAttributes,
+  fo as tableKeyboardNavigationScopeAttributes,
+  R as tableKeyboardNavigationTools,
+  Ao as treeToFlat,
   pt as unaryOperator,
-  eo as updateLeft,
-  to as updateRight,
-  qr as useTableKeyboardNavigation
+  ts as updateLeft,
+  ns as updateRight,
+  Gr as useTableKeyboardNavigation
 };