@progress/kendo-react-data-tools 7.1.0-develop.2 → 7.1.0-develop.5

package/index.mjs

@@ -5,21 +5,21 @@
 "use client";
 import * as a from "react";
 import d from "prop-types";
-import { classNames as _, kendoThemeMaps as _t, validatePackage as dt, Draggable as ht, Keys as B, IconWrap as Re, canUseDOM as $t, toIconName as sn, extendDataItem as gt, mapTree as ae, getItemPath as an, getNestedValue as $e, guid as ln, getActiveElement as cn, getter as Wt, hasRelativeStackingContext as un, useDocument as pn } from "@progress/kendo-react-common";
-import { Button as K, Toolbar as Ht, ToolbarItem as We, ButtonGroup as dn } from "@progress/kendo-react-buttons";
-import { provideLocalizationService as q, provideIntlService as Vt, registerForLocalization as $, registerForIntl as hn, useLocalization as Y } from "@progress/kendo-react-intl";
-import { NumericTextBox as Me, Input as Yt, TextBox as gn, Checkbox as fn } from "@progress/kendo-react-inputs";
+import { classNames as _, kendoThemeMaps as $t, validatePackage as ht, Draggable as gt, Keys as B, IconWrap as Re, canUseDOM as Wt, toIconName as sn, extendDataItem as ft, mapTree as ae, getItemPath as an, getNestedValue as $e, guid as ln, getActiveElement as cn, getter as Ht, hasRelativeStackingContext as un, useDocument as pn } from "@progress/kendo-react-common";
+import { Button as K, Toolbar as Vt, ToolbarItem as We, ButtonGroup as dn } from "@progress/kendo-react-buttons";
+import { provideLocalizationService as q, provideIntlService as Yt, registerForLocalization as $, registerForIntl as hn, useLocalization as Y } from "@progress/kendo-react-intl";
+import { NumericTextBox as Me, Input as Xt, TextBox as gn, Checkbox as fn } from "@progress/kendo-react-inputs";
 import { DropDownList as G } from "@progress/kendo-react-dropdowns";
-import { caretAltToRightIcon as Lt, caretAltToLeftIcon as Dt, caretAltRightIcon as wt, caretAltLeftIcon as Ot, filterIcon as Xt, filterClearIcon as mn, sortAscSmallIcon as Ut, sortDescSmallIcon as jt, cancelIcon as vn, plusIcon as En, xIcon as Zt, filterAddExpressionIcon as Cn, filterAddGroupIcon as xn, moreVerticalIcon as bn } from "@progress/kendo-svg-icons";
-import * as yn from "react-dom";
+import { caretAltToRightIcon as Dt, caretAltToLeftIcon as wt, caretAltRightIcon as Ot, caretAltLeftIcon as Nt, filterIcon as Ve, filterClearIcon as mn, sortAscSmallIcon as Ut, sortDescSmallIcon as jt, cancelIcon as vn, plusIcon as En, xIcon as Zt, filterAddExpressionIcon as Cn, filterAddGroupIcon as xn } from "@progress/kendo-svg-icons";
+import * as bn from "react-dom";
 import { createPortal as Jt } from "react-dom";
-import { isCompositeFilterDescriptor as Qt, orderBy as er, filterBy as In } from "@progress/kendo-data-query";
-import { DatePicker as ft } from "@progress/kendo-react-dateinputs";
-import { Popup as kn } from "@progress/kendo-react-popup";
-import { Reveal as Sn } from "@progress/kendo-react-animation";
-const de = "pager.info", he = "pager.firstPage", ge = "pager.previousPage", fe = "pager.nextPage", me = "pager.lastPage", ve = "pager.itemsPerPage", Fn = "pager.pageSelection", V = "pager.page", Ee = "pager.of", Ce = "pager.totalPages", Rn = "pager.pageLabel", xe = "pager.ariaKeyshortcuts", be = "pager.ariaLabel", ye = "pager.pageSizeAriaLabel", Ie = "pager.mobileSelect", ke = "pager.moreButtonLabel", ie = "filter.eqOperator", le = "filter.notEqOperator", Le = "filter.isNullOperator", De = "filter.isNotNullOperator", tr = "filter.isEmptyOperator", rr = "filter.isNotEmptyOperator", nr = "filter.startsWithOperator", or = "filter.containsOperator", sr = "filter.notContainsOperator", ar = "filter.endsWithOperator", ir = "filter.gteOperator", lr = "filter.gtOperator", cr = "filter.lteOperator", ur = "filter.ltOperator", pr = "filter.isTrue", dr = "filter.isFalse", hr = "filter.afterOrEqualOperator", gr = "filter.afterOperator", fr = "filter.beforeOperator", mr = "filter.beforeOrEqualOperator", Ve = "filter.andLogic", Ye = "filter.orLogic", te = "filter.addExpression", re = "filter.addGroup", oe = "filter.close", Xe = "filter.groupAriaLabel", Ue = "filter.expressionAriaLabel", je = "filter.expressionDropdownAriaLabel", Ze = "filter.expressionOperatorDropdownAriaLabel", Je = "filter.enumFilterDropdownAriaLabel", Qe = "filter.numericFilterAriaLabel", et = "filter.textFilterAriaLabel", tt = "columnMenu.filterClearButton", rt = "columnMenu.filterSubmitButton", nt = "columnMenu.filterTitle", ot = "columnMenu.sortAscending", st = "columnMenu.sortDescending", we = "columnMenu.filterEqOperator", Oe = "columnMenu.filterNotEqOperator", Ne = "columnMenu.filterIsNullOperator", Ae = "columnMenu.filterIsNotNullOperator", vr = "columnMenu.filterIsEmptyOperator", Er = "columnMenu.filterIsNotEmptyOperator", Cr = "columnMenu.filterStartsWithOperator", xr = "columnMenu.filterContainsOperator", br = "columnMenu.filterNotContainsOperator", yr = "columnMenu.filterEndsWithOperator", Ir = "columnMenu.filterGteOperator", kr = "columnMenu.filterGtOperator", Sr = "columnMenu.filterLteOperator", Fr = "columnMenu.filterLtOperator", Rr = "columnMenu.filterIsTrue", Mr = "columnMenu.filterAfterOrEqualOperator", Lr = "columnMenu.filterAfterOperator", Dr = "columnMenu.filterBeforeOperator", wr = "columnMenu.filterBeforeOrEqualOperator", Or = "columnMenu.filterAndLogic", Nr = "columnMenu.filterOrLogic", at = "sort.ariaLabel", it = "filter.ariaLabel", v = {
+import { isCompositeFilterDescriptor as Qt, orderBy as er, filterBy as yn } from "@progress/kendo-data-query";
+import { DatePicker as mt } from "@progress/kendo-react-dateinputs";
+import { Popup as In } from "@progress/kendo-react-popup";
+import { Reveal as kn } from "@progress/kendo-react-animation";
+const de = "pager.info", he = "pager.firstPage", ge = "pager.previousPage", fe = "pager.nextPage", me = "pager.lastPage", ve = "pager.itemsPerPage", Sn = "pager.pageSelection", V = "pager.page", Ee = "pager.of", Ce = "pager.totalPages", Fn = "pager.pageLabel", xe = "pager.ariaKeyshortcuts", be = "pager.ariaLabel", ye = "pager.pageSizeAriaLabel", Ie = "pager.mobileSelect", ke = "pager.moreButtonLabel", ie = "filter.eqOperator", le = "filter.notEqOperator", Le = "filter.isNullOperator", De = "filter.isNotNullOperator", tr = "filter.isEmptyOperator", rr = "filter.isNotEmptyOperator", nr = "filter.startsWithOperator", or = "filter.containsOperator", sr = "filter.notContainsOperator", ar = "filter.endsWithOperator", ir = "filter.gteOperator", lr = "filter.gtOperator", cr = "filter.lteOperator", ur = "filter.ltOperator", pr = "filter.isTrue", dr = "filter.isFalse", hr = "filter.afterOrEqualOperator", gr = "filter.afterOperator", fr = "filter.beforeOperator", mr = "filter.beforeOrEqualOperator", Ye = "filter.andLogic", Xe = "filter.orLogic", te = "filter.addExpression", re = "filter.addGroup", oe = "filter.close", Ue = "filter.groupAriaLabel", je = "filter.expressionAriaLabel", Ze = "filter.expressionDropdownAriaLabel", Je = "filter.expressionOperatorDropdownAriaLabel", Qe = "filter.enumFilterDropdownAriaLabel", et = "filter.numericFilterAriaLabel", tt = "filter.textFilterAriaLabel", rt = "columnMenu.filterClearButton", nt = "columnMenu.filterSubmitButton", ot = "columnMenu.filterTitle", st = "columnMenu.sortAscending", at = "columnMenu.sortDescending", we = "columnMenu.filterEqOperator", Oe = "columnMenu.filterNotEqOperator", Ne = "columnMenu.filterIsNullOperator", Ae = "columnMenu.filterIsNotNullOperator", vr = "columnMenu.filterIsEmptyOperator", Er = "columnMenu.filterIsNotEmptyOperator", Cr = "columnMenu.filterStartsWithOperator", xr = "columnMenu.filterContainsOperator", br = "columnMenu.filterNotContainsOperator", yr = "columnMenu.filterEndsWithOperator", Ir = "columnMenu.filterGteOperator", kr = "columnMenu.filterGtOperator", Sr = "columnMenu.filterLteOperator", Fr = "columnMenu.filterLtOperator", Rr = "columnMenu.filterIsTrue", Mr = "columnMenu.filterAfterOrEqualOperator", Lr = "columnMenu.filterAfterOperator", Dr = "columnMenu.filterBeforeOperator", wr = "columnMenu.filterBeforeOrEqualOperator", Or = "columnMenu.filterAndLogic", Nr = "columnMenu.filterOrLogic", it = "sort.ariaLabel", lt = "filter.ariaLabel", v = {
   [ve]: "items per page",
-  [Fn]: "Select page",
+  [Sn]: "Select page",
   [de]: "{0} - {1} of {2} items",
   [he]: "Go to the first page",
   [ge]: "Go to the previous page",
@@ -28,14 +28,14 @@ const de = "pager.info", he = "pager.firstPage", ge = "pager.previousPage", fe =
   [V]: "Page",
   [Ee]: "of",
   [Ce]: "{0}",
-  [Rn]: "Page",
+  [Fn]: "Page",
   [xe]: "Enter ArrowRight ArrowLeft",
   [be]: "Pager",
   [ye]: "Page size",
   [Ie]: "Select",
   [ke]: "More pages",
-  [at]: "Sortable",
-  [it]: "Filter",
+  [it]: "Sortable",
+  [lt]: "Filter",
   [ie]: "Is equal to",
   [le]: "Is not equal to",
   [Le]: "Is null",
@@ -56,23 +56,23 @@ const de = "pager.info", he = "pager.firstPage", ge = "pager.previousPage", fe =
   [gr]: "Is after",
   [fr]: "Is before",
   [mr]: "Is before or equal to",
-  [Ve]: "And",
-  [Ye]: "Or",
+  [Ye]: "And",
+  [Xe]: "Or",
   [te]: "Add Expression",
   [re]: "Add Group",
   [oe]: "Close",
-  [Xe]: "Filter toolbar",
-  [Ue]: "Filter expression row",
-  [je]: "Filter dropdown",
-  [Ze]: "Filter operator dropdown",
-  [Je]: "Select True/False",
-  [Qe]: "Enter number",
-  [et]: "Enter text",
-  [tt]: "Clear",
-  [rt]: "Filter",
+  [Ue]: "Filter toolbar",
+  [je]: "Filter expression row",
+  [Ze]: "Filter dropdown",
+  [Je]: "Filter operator dropdown",
+  [Qe]: "Select True/False",
+  [et]: "Enter number",
+  [tt]: "Enter text",
+  [rt]: "Clear",
   [nt]: "Filter",
-  [ot]: "Sort Ascending",
-  [st]: "Sort Descending",
+  [ot]: "Filter",
+  [st]: "Sort Ascending",
+  [at]: "Sort Descending",
   [we]: "Is equal to",
   [Oe]: "Is not equal to",
   [Ne]: "Is null",
@@ -94,8 +94,8 @@ const de = "pager.info", he = "pager.firstPage", ge = "pager.previousPage", fe =
   [wr]: "Is before or equal to",
   [Or]: "And",
   [Nr]: "Or"
-}, Nt = "...";
-class Mn extends a.Component {
+}, At = "...";
+class Rn extends a.Component {
   constructor() {
     super(...arguments), this.handlePageChange = (t, r) => {
       t.preventDefault(), this.props.pageChange(r, t);
@@ -130,7 +130,7 @@ class Mn extends a.Component {
         className: _(
           "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-${$t.sizeMap[this.props.size] || this.props.size}`]: this.props.size
           }
         ),
         "aria-label": t.toLanguageString(r.messageKey, r.defaultMessage),
@@ -174,11 +174,11 @@ class Mn extends a.Component {
         "aria-label": r,
         onClick: (n) => this.handlePageChange(n, t)
       },
-      Nt
+      At
     );
   }
   renderOptionDots(t) {
-    return /* @__PURE__ */ a.createElement("option", { value: t }, Nt);
+    return /* @__PURE__ */ a.createElement("option", { value: t }, At);
   }
 }
 class Ar extends a.Component {
@@ -188,7 +188,7 @@ class Ar extends a.Component {
     };
   }
   render() {
-    const t = Vt(this), r = q(this), n = this.props.messagesMap ? this.props.messagesMap(V) : { messageKey: V, defaultMessage: v[V] }, o = this.props.messagesMap ? this.props.messagesMap(Ee) : { messageKey: Ee, defaultMessage: v[Ee] }, s = this.props.messagesMap ? this.props.messagesMap(Ce) : { messageKey: Ce, defaultMessage: v[Ce] };
+    const t = Yt(this), r = q(this), n = this.props.messagesMap ? this.props.messagesMap(V) : { messageKey: V, defaultMessage: v[V] }, o = this.props.messagesMap ? this.props.messagesMap(Ee) : { messageKey: Ee, defaultMessage: v[Ee] }, s = this.props.messagesMap ? this.props.messagesMap(Ce) : { messageKey: Ce, defaultMessage: v[Ce] };
     return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("span", { className: "k-pager-input" }, /* @__PURE__ */ a.createElement("span", null, r.toLanguageString(n.messageKey, n.defaultMessage)), /* @__PURE__ */ a.createElement(
       Me,
       {
@@ -226,14 +226,14 @@ class Pr extends a.Component {
   }
 }
 $(Pr);
-const mt = {
+const vt = {
   name: "@progress/kendo-react-data-tools",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1705398553,
+  publishDate: 1705499452,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, At = 600, Ln = 768;
+}, Pt = 600, Mn = 768;
 class Pe extends a.Component {
   constructor(t) {
     super(t), this._element = null, this.onPageChange = (r, n) => {
@@ -259,8 +259,8 @@ class Pe extends a.Component {
       if (!r || !this.props.responsive)
         return;
       const n = r.offsetWidth;
-      n < At ? this.setState({ showPagerSizes: !1 }) : n >= At && n < Ln ? this.setState({ showPagerInfo: !1, showPagerSizes: !0 }) : this.setState({ showPagerInfo: !0, showPagerSizes: !0 });
-    }, dt(mt), this.state = { showPagerSizes: !0, showPagerInfo: !0 };
+      n < Pt ? this.setState({ showPagerSizes: !1 }) : n >= Pt && n < Mn ? this.setState({ showPagerInfo: !1, showPagerSizes: !0 }) : this.setState({ showPagerInfo: !0, showPagerSizes: !0 });
+    }, ht(vt), this.state = { showPagerSizes: !0, showPagerInfo: !0 };
   }
   get isRtl() {
     return this.props.dir === "rtl";
@@ -287,8 +287,8 @@ class Pe extends a.Component {
    * @hidden
    */
   render() {
-    const { showPagerSizes: t, showPagerInfo: r } = this.state, { skip: n, take: o, total: s, pageSizes: i, size: l, responsive: c, messagesMap: u, pageSizeValue: p } = this.props, f = q(this), m = Vt(this), h = Math.floor(n / o) + 1, C = this.props.type === "numeric" ? /* @__PURE__ */ a.createElement(
-      Mn,
+    const { showPagerSizes: t, showPagerInfo: r } = this.state, { skip: n, take: o, total: s, pageSizes: i, size: l, responsive: c, messagesMap: u, pageSizeValue: p } = this.props, f = q(this), m = Yt(this), h = Math.floor(n / o) + 1, C = this.props.type === "numeric" ? /* @__PURE__ */ a.createElement(
+      Rn,
       {
         type: c && !t ? "dropdown" : "numbers",
         buttonCount: this.props.buttonCount || 0,
@@ -315,28 +315,28 @@ class Pe extends a.Component {
       "k-pager-nav k-pager-first" + (h === 1 ? " k-disabled" : ""),
       f.toLanguageString(b.messageKey, b.defaultMessage),
       this.isRtl ? "caret-alt-to-right" : "caret-alt-to-left",
-      this.isRtl ? Lt : Dt,
+      this.isRtl ? Dt : wt,
       h === 1 ? !0 : void 0
     ), S = this.renderButton(
       h - 1,
       "k-pager-nav" + (h === 1 ? " k-disabled" : ""),
       f.toLanguageString(x.messageKey, x.defaultMessage),
       this.isRtl ? "caret-alt-right" : "caret-alt-left",
-      this.isRtl ? wt : Ot,
+      this.isRtl ? Ot : Nt,
       h === 1 ? !0 : void 0
     ), w = this.renderButton(
       h + 1,
       "k-pager-nav" + (h >= this.totalPages ? " k-disabled" : ""),
       f.toLanguageString(g.messageKey, g.defaultMessage),
       this.isRtl ? "caret-alt-left" : "caret-alt-right",
-      this.isRtl ? Ot : wt,
+      this.isRtl ? Nt : Ot,
       h >= this.totalPages ? !0 : void 0
     ), P = this.renderButton(
       this.totalPages,
       "k-pager-nav k-pager-last" + (h >= this.totalPages ? " k-disabled" : ""),
       f.toLanguageString(I.messageKey, I.defaultMessage),
       this.isRtl ? "caret-alt-to-left" : "caret-alt-to-right",
-      this.isRtl ? Dt : Lt,
+      this.isRtl ? wt : Dt,
       h >= this.totalPages ? !0 : void 0
     ));
     const T = i && /* @__PURE__ */ a.createElement(
@@ -360,7 +360,7 @@ class Pe extends a.Component {
         className: _(
           "k-pager",
           {
-            [`k-pager-${_t.sizeMap[l] || l}`]: l
+            [`k-pager-${$t.sizeMap[l] || l}`]: l
           },
           this.props.className
         ),
@@ -465,7 +465,7 @@ const Te = (e) => class extends a.Component {
       onChange: this.operatorChange,
       className: "k-dropdown-operator",
       iconClassName: "k-i-filter",
-      svgIcon: Xt,
+      svgIcon: Ve,
       data: o,
       textField: "text",
       popupSettings: { width: "" },
@@ -493,8 +493,8 @@ const Te = (e) => class extends a.Component {
       }
     ))));
   }
-}, Pt = "eq", Dn = {
-  emptyFilter: { operator: Pt, value: "" },
+}, Tt = "eq", Ln = {
+  emptyFilter: { operator: Tt, value: "" },
   inputComponent: (e) => null,
   operatorComponent: function(e, t) {
     const { filter: r = [], field: n } = t, o = r.find((s) => s.field === n);
@@ -515,7 +515,7 @@ const Te = (e) => class extends a.Component {
             });
             return;
           }
-          let l = o ? r.map((c) => c.field === n ? { ...o, value: i } : c) : [...r, { value: i, field: n, operator: Pt }];
+          let l = o ? r.map((c) => c.field === n ? { ...o, value: i } : c) : [...r, { value: i, field: n, operator: Tt }];
           t.onFilterChange.call(void 0, {
             filter: l,
             field: n,
@@ -526,37 +526,37 @@ const Te = (e) => class extends a.Component {
     );
   }
 };
-class rs extends Te(Dn) {
+class ts extends Te(Ln) {
 }
-const wn = {
-  inputComponent: (e) => /* @__PURE__ */ a.createElement(ft, { ...e }),
+const Dn = {
+  inputComponent: (e) => /* @__PURE__ */ a.createElement(mt, { ...e }),
   operatorComponent: (e) => /* @__PURE__ */ a.createElement(G, { ...e }),
   emptyFilter: { operator: "eq", value: null }
 };
-class ns extends Te(wn) {
+class rs extends Te(Dn) {
 }
-const On = {
+const wn = {
   inputComponent: (e) => /* @__PURE__ */ a.createElement(Me, { ...e }),
   operatorComponent: (e) => /* @__PURE__ */ a.createElement(G, { ...e }),
   emptyFilter: { operator: "eq", value: null }
 };
-class os extends Te(On) {
+class ns extends Te(wn) {
 }
-const Nn = {
-  inputComponent: (e) => /* @__PURE__ */ a.createElement(Yt, { ...e }),
+const On = {
+  inputComponent: (e) => /* @__PURE__ */ a.createElement(Xt, { ...e }),
   operatorComponent: (e) => /* @__PURE__ */ a.createElement(G, { ...e }),
   emptyFilter: { operator: "contains", value: "" }
 };
-class ss extends Te(Nn) {
+class os extends Te(On) {
 }
-const An = {
+const Nn = {
   filterable: !0,
   editable: !0,
   sortable: !0,
   resizable: !0,
   reorderable: !0,
   groupable: !0
-}, X = "data-keyboardnavlevel", Tr = "data-keyboardnavscope", Br = "data-keyboardnavheader", Kr = "data-keyboardnavbody", Be = "data-keyboardnavid", as = "data-keyboardnavzone", Pn = "_filter", qr = [
+}, X = "data-keyboardnavlevel", Tr = "data-keyboardnavscope", Br = "data-keyboardnavheader", Kr = "data-keyboardnavbody", Be = "data-keyboardnavid", ss = "data-keyboardnavzone", An = "_filter", qr = [
   "input:not([disabled]):not([type=hidden])",
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -570,22 +570,22 @@ const An = {
   "audio[controls]",
   "video[controls]",
   "[contenteditable]"
-], vt = [...qr, "[tabindex]"], Tn = [...qr, "[tabindex]"].map((e) => e + ':not([tabindex="-1"])'), is = {
+], Et = [...qr, "[tabindex]"], Pn = [...qr, "[tabindex]"].map((e) => e + ':not([tabindex="-1"])'), as = {
   [Tr]: !0
-}, Bn = {
+}, Tn = {
   [Br]: !0
-}, ls = {
+}, is = {
   [Kr]: !0
 }, zr = a.createContext(void 0);
 zr.displayName = "KendoReactTableKeyboardNavigationContext";
-const Kn = (e, t) => {
+const Bn = (e, t) => {
   const r = a.useContext(zr);
   return !r || !e || t === !1 ? {} : {
     tabIndex: r && r.activeId && r.activeId === e ? 0 : -1,
     [X]: r.level,
     [Be]: e
   };
-}, Et = (e) => {
+}, Ct = (e) => {
   const {
     ariaSort: t,
     colSpan: r,
@@ -599,7 +599,7 @@ const Kn = (e, t) => {
     ariaLabel: p,
     role: f,
     ariaSelected: m
-  } = e, h = Kn(i, c);
+  } = e, h = Bn(i, c);
   return /* @__PURE__ */ a.createElement(
     "th",
     {
@@ -618,32 +618,32 @@ const Kn = (e, t) => {
     e.children
   );
 };
-Et.displayName = "KendoReactHeaderThElement";
-const Gr = (e, t, r = "cell") => `${t}_${e}_${r}`, qn = (e) => {
+Ct.displayName = "KendoReactHeaderThElement";
+const Gr = (e, t, r = "cell") => `${t}_${e}_${r}`, Kn = (e) => {
   if (e)
     return parseInt(e.getAttribute(X) || "", 10);
-}, Ct = (e) => {
+}, xt = (e) => {
   if (!e)
     return;
   const t = e.getAttribute(Be);
   return t || void 0;
-}, lt = (e) => e ? !!e.getAttribute(Be) : !1, zn = (e, t = { level: 0 }) => e.querySelector(`[${X}='${t.level}']`), Gn = (e) => e.parentElement && e.parentElement.closest(`[${X}]`), _n = (e, t) => e.querySelector(`[${Be}='${t}']`), $n = (e) => e.parentElement && e.parentElement.closest(`[${Tr}]`), _r = (e) => e.querySelector(`[${Br}]`), $r = (e) => e.querySelector(`[${Kr}]`), Wn = (e, t = { focusable: !1 }) => {
-  let r = t.focusable ? vt : Tn;
+}, ct = (e) => e ? !!e.getAttribute(Be) : !1, qn = (e, t = { level: 0 }) => e.querySelector(`[${X}='${t.level}']`), zn = (e) => e.parentElement && e.parentElement.closest(`[${X}]`), Gn = (e, t) => e.querySelector(`[${Be}='${t}']`), _n = (e) => e.parentElement && e.parentElement.closest(`[${Tr}]`), _r = (e) => e.querySelector(`[${Br}]`), $r = (e) => e.querySelector(`[${Kr}]`), $n = (e, t = { focusable: !1 }) => {
+  let r = t.focusable ? Et : Pn;
   return Array.from(e.querySelectorAll(r.join(",")));
-}, Hn = (e, t = { level: 0 }) => {
+}, Wn = (e, t = { level: 0 }) => {
   if (!e)
     return [];
-  let r = vt.map((n) => n + `[${X}='${t.level}']`).join(",");
+  let r = Et.map((n) => n + `[${X}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(r));
-}, Vn = (e = { level: 0 }) => {
-  let t = vt.map(
+}, Hn = (e = { level: 0 }) => {
+  let t = Et.map(
     (r) => r + `[${X}='${e.level}']`
   ).join(",");
   return (r) => r.matches(t);
-}, Yn = (e) => {
+}, Vn = (e) => {
   const { elementForFocus: t, event: r, contextStateRef: n, prevElement: o } = e;
-  n.current && t && t.focus && (r.preventDefault(), t.focus(), lt(t) && (t.setAttribute("tabIndex", "0"), n.current.activeId = Ct(t)), o && lt(o) && o.setAttribute("tabIndex", "-1"));
-}, Xn = (e) => e.current ? e.current.idPrefix : "", Wr = (e, t, r, n, o) => {
+  n.current && t && t.focus && (r.preventDefault(), t.focus(), ct(t) && (t.setAttribute("tabIndex", "0"), n.current.activeId = xt(t)), o && ct(o) && o.setAttribute("tabIndex", "-1"));
+}, Yn = (e) => e.current ? e.current.idPrefix : "", Wr = (e, t, r, n, o) => {
   if (!r)
     return [];
   let s = e + (o ? -1 : 1);
@@ -665,57 +665,57 @@ const Gr = (e, t, r = "cell") => `${t}_${e}_${r}`, qn = (e) => {
     s = s + (o ? -1 : 1);
   }
   return [];
-}, ct = (e, t) => {
+}, ut = (e, t) => {
   if (t) {
     for (let r = 0; r < e.length; r++)
       for (let n = 0; n < e[r].length; n++)
         if (e[r][n] === t)
           return [r, n];
   }
-}, Un = (e) => e.current ? e.current.navigationMatrix.length : 0, Vr = (e) => e ? `${e}${Pn}` : "", M = {
+}, Xn = (e) => e.current ? e.current.navigationMatrix.length : 0, Vr = (e) => e ? `${e}${An}` : "", M = {
   generateNavigatableId: Gr,
-  getNavigatableId: Ct,
-  getNavigatableLevel: qn,
-  getNavigatableElement: zn,
-  getClosestNavigatableElement: Gn,
-  getActiveElement: _n,
-  getClosestScope: $n,
+  getNavigatableId: xt,
+  getNavigatableLevel: Kn,
+  getNavigatableElement: qn,
+  getClosestNavigatableElement: zn,
+  getActiveElement: Gn,
+  getClosestScope: _n,
   getHeaderElement: _r,
   getBodyElement: $r,
-  getFocusableElements: Wn,
-  getNavigatableElements: Hn,
-  filterNavigatableElements: Vn,
-  focusElement: Yn,
-  getIdPrefix: Xn,
-  isNavigatable: lt,
+  getFocusableElements: $n,
+  getNavigatableElements: Wn,
+  filterNavigatableElements: Hn,
+  focusElement: Vn,
+  getIdPrefix: Yn,
+  isNavigatable: ct,
   findNextIdByRowIndex: Wr,
   findNextIdByCellIndex: Hr,
-  findId: ct,
-  getNextNavigationIndex: Un,
+  findId: ut,
+  getNextNavigationIndex: Xn,
   getFilterColumnId: Vr
-}, jn = "k-table-row k-filter-row", Zn = (e, t, r) => {
+}, Un = "k-table-row k-filter-row", jn = (e, t, r) => {
   let n = `${r ? "k-grid-header-sticky" : ""}`;
   return e.some((o) => o.field === t) && (n += " k-sorted"), n;
-}, cs = function(e) {
+}, ls = function(e) {
   const { columns: t, filter: r, filterChange: n, sort: o = [], ariaRowIndex: s } = e, i = Y();
-  return /* @__PURE__ */ a.createElement("tr", { className: jn, "aria-rowindex": s, role: "row" }, t.map((l, c) => {
+  return /* @__PURE__ */ a.createElement("tr", { className: Un, "aria-rowindex": s, role: "row" }, t.map((l, c) => {
     const u = l.locked !== void 0 ? {
       left: l.left,
       right: l.right,
       borderRightWidth: l.rightBorder ? "1px" : ""
     } : {}, p = l.filterCell || l.filter;
     return /* @__PURE__ */ a.createElement(
-      Et,
+      Ct,
       {
         columnId: Vr(l.id),
         navigatable: l.navigatable,
         style: u,
         key: c,
         ariaColumnIndex: l.ariaColumnIndex,
-        ariaLabel: p ? i.toLanguageString(it, v[it]) : void 0,
+        ariaLabel: p ? i.toLanguageString(lt, v[lt]) : void 0,
         className: _(
           "k-table-th k-header",
-          Zn(o, l.field, l.locked)
+          jn(o, l.field, l.locked)
         )
       },
       p && /* @__PURE__ */ a.createElement(
@@ -729,7 +729,7 @@ const Gr = (e, t, r = "cell") => `${t}_${e}_${r}`, qn = (e) => {
     );
   }));
 };
-function Jn(e, t) {
+function Zn(e, t) {
   const r = e[t].depth;
   let n = null;
   for (let o = t + 1; o < e.length; o++)
@@ -739,11 +739,11 @@ function Jn(e, t) {
     }
   return n;
 }
-const xt = (e) => {
+const bt = (e) => {
   let t = e.width ? parseFloat(e.width.toString()) : 0;
-  return !t && e.children && e.children.length && (t = e.children.reduce((r, n) => xt(n) + r, 0)), t;
+  return !t && e.children && e.children.length && (t = e.children.reduce((r, n) => bt(n) + r, 0)), t;
 };
-function us(e) {
+function cs(e) {
   const t = [[]];
   let r = 0;
   for (let s = e.length - 1; s >= 0; s--)
@@ -756,45 +756,45 @@ function us(e) {
     t[s.depth].length === 0 && (o <= 1 ? o = 1 + (s.children.length > 0 ? 0 : r - s.depth) : (o--, l = !0)), s.rowSpan = 1 + (s.children.length > 0 ? 0 : r - s.depth), s.kFirst = l, s.index = t[s.depth].length, t[s.depth].push(i), s.ariaColumnIndex = n[s.depth] ? n[s.depth] + 1 : 1;
     for (let c = s.depth; c < s.depth + s.rowSpan; c++)
       n[c] = (n[c] || 0) + s.colSpan;
-  }), Qn(t, e), eo(t, e), t;
+  }), Jn(t, e), Qn(t, e), t;
 }
-function Qn(e, t, r) {
+function Jn(e, t, r) {
   let n = new Array(e.length).fill(0), o = 0;
   t.forEach((s) => {
     if (s.locked && (!s.left || r))
-      if (s.left = n[s.depth], o = xt(s), s.children.length === 0)
+      if (s.left = n[s.depth], o = bt(s), s.children.length === 0)
         for (let i = s.depth; i < n.length; i++)
           n[i] += o;
       else
         n[s.depth] += o;
   });
 }
-function eo(e, t, r) {
+function Qn(e, t, r) {
   let n = 0, o = new Array(e.length).fill(0);
   for (let s = t.length - 1; s >= 0; s--) {
     const i = t[s];
     if (i.locked && (!i.right || r)) {
-      if (i.right = o[i.depth], n = xt(i), i.children.length === 0)
+      if (i.right = o[i.depth], n = bt(i), i.children.length === 0)
         for (let c = i.depth; c < o.length; c++)
           o[c] += n;
       else
         o[i.depth] += n;
-      const l = Jn(t, s);
+      const l = Zn(t, s);
       i.rightBorder = !(l && l.locked);
     }
   }
 }
-function to(e, t, r = 0) {
+function eo(e, t, r = 0) {
   let n = [];
   if (!e || !e.length)
     return [];
   e.forEach((s) => {
-    const i = to(s.children || [], t, r + 1);
+    const i = eo(s.children || [], t, r + 1);
     n.push(
       Object.assign(
         {},
         { depth: r },
-        An,
+        Nn,
         s,
         {
           id: s.id ? s.id : Gr(`${t.prevId++}`, t.idPrefix, "column"),
@@ -817,10 +817,10 @@ function to(e, t, r = 0) {
   }
   return n;
 }
-function ro(e) {
+function to(e) {
   return !!(e && getComputedStyle(e).direction === "rtl");
 }
-function Tt(e, t) {
+function Bt(e, t) {
   if (!t || !e || !e.originalEvent)
     return -1;
   const r = { x: e.clientX, y: e.originalEvent.clientY };
@@ -840,13 +840,13 @@ function Tt(e, t) {
       return s;
   return -1;
 }
-class ps extends a.Component {
+class us 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(to(this.element));
   }
   render() {
     return /* @__PURE__ */ a.createElement(
@@ -855,21 +855,21 @@ class ps extends a.Component {
         className: "k-table-thead k-grid-header",
         role: "presentation",
         ref: (t) => this.element = t,
-        ...Bn
+        ...Tn
       },
       this.props.headerRow,
       this.props.filterRow
     );
   }
 }
-function no(e) {
+function ro(e) {
   const t = e.onClick ? {
     onClick: e.onClick
   } : {}, r = /* @__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, r, e) : r);
 }
-const oo = (...e) => Object.assign({ allowUnsort: !0, mode: "single" }, ...e);
-class so extends a.Component {
+const no = (...e) => Object.assign({ allowUnsort: !0, mode: "single" }, ...e);
+class oo extends a.Component {
   constructor() {
     super(...arguments), this.draggable = null, this.isDragged = !1, this.onDrag = (t) => {
       this.isDragged = !0;
@@ -889,7 +889,7 @@ class so extends a.Component {
   }
   render() {
     return /* @__PURE__ */ a.createElement(
-      ht,
+      gt,
       {
         onPress: (t) => {
           t.event.originalEvent.stopPropagation();
@@ -912,7 +912,7 @@ class so extends a.Component {
     );
   }
 }
-class ao extends a.PureComponent {
+class so extends a.PureComponent {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const r = this.draggable && this.draggable.element;
@@ -926,7 +926,7 @@ class ao extends a.PureComponent {
   }
   render() {
     return /* @__PURE__ */ a.createElement(
-      ht,
+      gt,
       {
         onPress: this.onPress,
         onDrag: this.onDrag,
@@ -939,20 +939,20 @@ class ao extends a.PureComponent {
     );
   }
 }
-const io = {
+const ao = {
   true: { asc: "desc", desc: "", "": "asc" },
   false: { asc: "desc", desc: "asc", "": "asc" }
-}, lo = {
+}, io = {
   none: "none",
   asc: "ascending",
   desc: "descending"
 };
-class co extends a.Component {
+class lo extends a.Component {
   constructor() {
     super(...arguments), this.cellClick = (t, r) => {
       if (t.preventDefault(), !this.props.sortChange)
         return;
-      const { allowUnsort: n, mode: o } = oo(this.props.sortable || !1, r.sortable || !1), s = (this.props.sort || []).filter((c) => c.field === r.field)[0], i = io[n][s && s.dir || ""], l = o === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== r.field);
+      const { allowUnsort: n, mode: o } = no(this.props.sortable || !1, r.sortable || !1), s = (this.props.sort || []).filter((c) => c.field === r.field)[0], i = ao[n][s && s.dir || ""], l = o === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== r.field);
       i !== "" && r.field && l.push({ field: r.field, dir: i }), this.props.sortChange(t, l, r.field);
     }, this.cellKeyDown = (t, r) => {
       t.isDefaultPrevented() || t.keyCode === B.enter && this.cellClick(t, r);
@@ -991,9 +991,9 @@ class co extends a.Component {
         left: o.left,
         right: o.right,
         borderRightWidth: o.rightBorder ? "1px" : ""
-      } : {}, b = q(this).toLanguageString(at, v[at]);
+      } : {}, b = q(this).toLanguageString(it, v[it]);
       let x = o.isAccessible ? {
-        ariaSort: l ? lo[u] : void 0,
+        ariaSort: l ? io[u] : void 0,
         role: "columnheader",
         ariaColumnIndex: o.ariaColumnIndex,
         ariaSelected: !1,
@@ -1002,7 +1002,7 @@ class co extends a.Component {
         role: "presentation"
       };
       return /* @__PURE__ */ a.createElement(
-        Et,
+        Ct,
         {
           key: n,
           colSpan: o.colSpan,
@@ -1015,9 +1015,9 @@ class co extends a.Component {
           ...x
         },
         o.headerCell && /* @__PURE__ */ a.createElement(o.headerCell, { ...f }),
-        !o.headerCell && /* @__PURE__ */ a.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ a.createElement(no, { ...f }), m && /* @__PURE__ */ a.createElement(m, { ...p })),
+        !o.headerCell && /* @__PURE__ */ a.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ a.createElement(ro, { ...f }), m && /* @__PURE__ */ a.createElement(m, { ...p })),
         s && i && /* @__PURE__ */ a.createElement(
-          so,
+          oo,
           {
             key: "ColumnResizer",
             resize: (g, I, F) => s.dragHandler(g, o, I, F)
@@ -1037,7 +1037,7 @@ class co extends a.Component {
   }
   render() {
     return this.props.columnsMap.map((t, r) => this.props.pressHandler && /* @__PURE__ */ a.createElement(
-      ao,
+      so,
       {
         key: r,
         pressHandler: this.props.pressHandler,
@@ -1049,8 +1049,8 @@ class co extends a.Component {
     ) || /* @__PURE__ */ a.createElement("tr", { className: "k-table-row", "aria-rowindex": r + 1, role: "row" }, this.cells(t)));
   }
 }
-$(co);
-function ds(e) {
+$(lo);
+function ps(e) {
   const t = [
     /* @__PURE__ */ a.createElement(
       "input",
@@ -1070,7 +1070,7 @@ function ds(e) {
   ];
   return /* @__PURE__ */ a.createElement(a.Fragment, null, e.render ? e.render.call(void 0, t, e) : t);
 }
-function hs(e) {
+function ds(e) {
   const { enabled: t, columns: r = [], tableViewPortWidth: n, scrollLeft: o } = e, s = r.map(() => 1), i = r.map(() => !1);
   if (!t)
     return { colSpans: s, hiddenColumns: i };
@@ -1102,7 +1102,7 @@ function hs(e) {
   }
   return { colSpans: s, hiddenColumns: i };
 }
-class gs {
+class hs {
   constructor(t) {
     this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (r) => {
       this.isRtl = r;
@@ -1149,7 +1149,7 @@ class gs {
     t && (t.style.width = r + "px");
   }
 }
-class fs {
+class gs {
   constructor(t, r, n) {
     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;
@@ -1181,7 +1181,7 @@ class fs {
   getColumnIndex(t, r) {
     if (!r || r.parentElement === this.groupPanelDivElement)
       return -1;
-    const n = Tt(t, r);
+    const n = Bt(t, r);
     if (n === -1)
       return -1;
     for (let o = 0; o < r.parentNode.children.length; o++)
@@ -1190,7 +1190,7 @@ class fs {
     return -1;
   }
   getGroupIndex(t) {
-    return Tt(t, this.groupPanelDivElement);
+    return Bt(t, this.groupPanelDivElement);
   }
   isValid() {
     return this.startGroup >= 0 ? this.currentGroup >= 0 && this.currentGroup !== this.startGroup : this.startColumn === -1 ? !1 : this.currentGroup >= 0 ? this.columns[this.startColumn].groupable === !0 && this.groupable === !0 : this.reorderable === !0 && this.currentColumn >= 0 && this.currentColumn !== this.startColumn && this.columns[this.startColumn].reorderable === !0 && this.columns[this.currentColumn].parentIndex === this.columns[this.startColumn].parentIndex;
@@ -1226,7 +1226,7 @@ class fs {
     });
   }
 }
-class ms extends a.PureComponent {
+class fs extends a.PureComponent {
   constructor(t) {
     super(t), this.elementRef = a.createRef(), this.state = {
       visible: !1,
@@ -1240,7 +1240,7 @@ class ms extends a.PureComponent {
     return this.elementRef.current;
   }
   render() {
-    const t = this.hiddenElementRef.current, { status: r } = this.state, n = this.state.visible && $t && Jt(
+    const t = this.hiddenElementRef.current, { status: r } = this.state, n = this.state.visible && Wt && Jt(
       /* @__PURE__ */ a.createElement(
         "div",
         {
@@ -1263,7 +1263,7 @@ class ms extends a.PureComponent {
     return /* @__PURE__ */ a.createElement(a.Fragment, null, n, /* @__PURE__ */ a.createElement("div", { ref: this.hiddenElementRef, style: { display: "none" } }));
   }
 }
-class vs extends a.PureComponent {
+class ms extends a.PureComponent {
   constructor(t) {
     super(t), this.state = {
       height: 0,
@@ -1273,7 +1273,7 @@ class vs extends a.PureComponent {
     }, this.hiddenElementRef = a.createRef();
   }
   render() {
-    const t = this.hiddenElementRef.current, r = this.state.visible && $t && Jt(
+    const t = this.hiddenElementRef.current, r = this.state.visible && Wt && Jt(
       /* @__PURE__ */ a.createElement(
         "div",
         {
@@ -1304,7 +1304,7 @@ class Yr extends a.Component {
    * @hidden
    */
   render() {
-    const t = q(this), { ariaLabel: r = t.toLanguageString(et, v[et]) } = this.props;
+    const t = q(this), { ariaLabel: r = t.toLanguageString(tt, v[tt]) } = this.props;
     return /* @__PURE__ */ a.createElement(
       gn,
       {
@@ -1337,7 +1337,7 @@ class Xr extends a.Component {
       min: r,
       max: n,
       filter: o,
-      ariaLabel: s = t.toLanguageString(Qe, v[Qe])
+      ariaLabel: s = t.toLanguageString(et, v[et])
     } = this.props;
     return /* @__PURE__ */ a.createElement(
       Me,
@@ -1358,7 +1358,7 @@ Xr.propTypes = {
   onFilterChange: d.func.isRequired
 };
 $(Xr);
-class uo extends a.Component {
+class co extends a.Component {
   constructor() {
     super(...arguments), this.onChange = (t) => {
       this.props.onFilterChange.call(void 0, {
@@ -1372,7 +1372,7 @@ class uo extends a.Component {
   render() {
     const t = this.props.filter;
     return /* @__PURE__ */ a.createElement(
-      ft,
+      mt,
       {
         value: t.value || null,
         onChange: this.onChange,
@@ -1381,12 +1381,12 @@ class uo extends a.Component {
     );
   }
 }
-uo.propTypes = {
+co.propTypes = {
   filter: d.object.isRequired,
   onFilterChange: d.func.isRequired,
   ariaLabel: d.string
 };
-class bt extends a.Component {
+class yt extends a.Component {
   constructor() {
     super(...arguments), this.onChange = (t) => {
       this.props.onFilterChange.call(void 0, {
@@ -1402,7 +1402,7 @@ class bt extends a.Component {
       filter: r,
       data: n = [],
       defaultItem: o,
-      ariaLabel: s = t.toLanguageString(Je, v[Je])
+      ariaLabel: s = t.toLanguageString(Qe, v[Qe])
     } = this.props, i = n.map((l) => ({
       ...l,
       text: t.toLanguageString(l.text, v[l.text] || l.text)
@@ -1420,15 +1420,15 @@ class bt extends a.Component {
     );
   }
 }
-bt.propTypes = {
+yt.propTypes = {
   filter: d.object.isRequired,
   onFilterChange: d.func.isRequired,
   data: d.arrayOf(d.shape({ text: d.string, value: d.any })),
   defaultItem: d.any,
   ariaLabel: d.string
 };
-$(bt);
-class po extends a.Component {
+$(yt);
+class uo extends a.Component {
   constructor() {
     super(...arguments), this.data = [{ text: pr, value: !0 }, { text: dr, value: !1 }];
   }
@@ -1437,7 +1437,7 @@ class po extends a.Component {
    */
   render() {
     return /* @__PURE__ */ a.createElement(
-      bt,
+      yt,
       {
         filter: this.props.filter,
         onFilterChange: this.props.onFilterChange,
@@ -1448,14 +1448,14 @@ class po extends a.Component {
     );
   }
 }
-po.propTypes = {
+uo.propTypes = {
   filter: d.object.isRequired,
   onFilterChange: d.func.isRequired,
   data: d.arrayOf(d.shape({ text: d.string, value: d.any })),
   ariaLabel: d.string,
   defaultItem: d.any
 };
-const ho = [
+const po = [
   { text: or, operator: "contains" },
   { text: sr, operator: "doesnotcontain" },
   { text: ie, operator: "eq" },
@@ -1466,7 +1466,7 @@ const ho = [
   { text: De, operator: "isnotnull" },
   { text: tr, operator: "isempty" },
   { text: rr, operator: "isnotempty" }
-], go = [
+], ho = [
   { text: ie, operator: "eq" },
   { text: le, operator: "neq" },
   { text: ir, operator: "gte" },
@@ -1475,7 +1475,7 @@ const ho = [
   { text: ur, operator: "lt" },
   { text: Le, operator: "isnull" },
   { text: De, operator: "isnotnull" }
-], fo = [
+], go = [
   { text: ie, operator: "eq" },
   { text: le, operator: "neq" },
   { text: hr, operator: "gte" },
@@ -1484,11 +1484,11 @@ const ho = [
   { text: mr, operator: "lte" },
   { text: Le, operator: "isnull" },
   { text: De, operator: "isnotnull" }
-], mo = [
+], fo = [
   { text: ie, operator: "eq" },
   { text: le, operator: "neq" }
 ];
-class Es {
+class vs {
   /**
    * An array containing the operators for the TextFilter component.
    *
@@ -1506,7 +1506,7 @@ class Es {
    * - { text: 'filter.isNotEmptyOperator', operator: 'isnotempty' }
    */
   static get text() {
-    return [...ho];
+    return [...po];
   }
   /**
    * An array containing the operators for the NumericFilter component.
@@ -1523,7 +1523,7 @@ class Es {
    * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
    */
   static get numeric() {
-    return [...go];
+    return [...ho];
   }
   /**
    * An array containing the operators for the DateFilter component.
@@ -1540,7 +1540,7 @@ class Es {
    * - { text: 'filter.isNotNullOperator', operator: 'isnotnull' }
    */
   static get date() {
-    return [...fo];
+    return [...go];
   }
   /**
    * An array containing the operators for the BooleanFilter component.
@@ -1551,33 +1551,33 @@ class Es {
    * - { text: 'filter.notEqOperator', operator: 'neq' }
    */
   static get boolean() {
-    return [...mo];
+    return [...fo];
   }
 }
-const Ur = (e) => e === "contains" || e === "doesnotcontain" || e === "startswith" || e === "endswith", ut = (e) => e === "isnull" || e === "isnotnull" || e === "isempty" || e === "isnotempty", Bt = (e) => {
-  e.value === void 0 && !ut(e.operator) && (e.value = Ur(e.operator) ? "" : null);
+const Ur = (e) => e === "contains" || e === "doesnotcontain" || e === "startswith" || e === "endswith", pt = (e) => e === "isnull" || e === "isnotnull" || e === "isempty" || e === "isnotempty", Kt = (e) => {
+  e.value === void 0 && !pt(e.operator) && (e.value = Ur(e.operator) ? "" : null);
 };
-class yt extends a.Component {
+class It extends a.Component {
   constructor() {
     super(...arguments), this.onFieldChange = (t) => {
       const r = t.value.name, n = this.props.fields.find((l) => l.name === r), o = this.props.filter, s = n && !n.operators.some((l) => l.operator === o.operator) ? n.operators[0].operator : o.operator, i = {
         field: r,
         operator: s
       };
-      Bt(i), this.triggerOnFilterChange(o, i, t);
+      Kt(i), this.triggerOnFilterChange(o, i, t);
     }, this.onOperatorChange = (t) => {
       const r = t.value.operator, n = this.props.filter;
       let o;
-      if (ut(r)) {
+      if (pt(r)) {
         let { value: s, ...i } = n;
         o = { ...i, operator: r };
       } else
         o = { ...n, operator: r };
-      Bt(o), this.triggerOnFilterChange(n, o, t);
+      Kt(o), this.triggerOnFilterChange(n, o, t);
     }, this.onInputChange = (t) => {
       const r = this.props.filter;
       let n = t.nextFilter;
-      if (ut(n.operator)) {
+      if (pt(n.operator)) {
         const o = this.props.fields.find((s) => s.name === n.field);
         n = { ...n, operator: o && o.operators[0].operator || n.operator };
       }
@@ -1605,9 +1605,9 @@ class yt extends a.Component {
     const t = q(this), {
       fields: r,
       filter: n,
-      ariaLabel: o = t.toLanguageString(Ue, v[Ue])
+      ariaLabel: o = t.toLanguageString(je, v[je])
     } = this.props, s = r.find((l) => l.name === n.field), i = (s && s.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(Ht, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ a.createElement(We, { className: "k-filter-field" }, /* @__PURE__ */ a.createElement(
+    return /* @__PURE__ */ a.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ a.createElement(Vt, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ a.createElement(We, { className: "k-filter-field" }, /* @__PURE__ */ a.createElement(
       G,
       {
         className: "k-filter-dropdown",
@@ -1615,7 +1615,7 @@ class yt extends a.Component {
         textField: "label",
         value: r.find((l) => l.name === n.field),
         onChange: this.onFieldChange,
-        ariaLabel: t.toLanguageString(je, v[je])
+        ariaLabel: t.toLanguageString(Ze, v[Ze])
       }
     )), /* @__PURE__ */ a.createElement(We, { className: "k-filter-operator" }, /* @__PURE__ */ a.createElement(
       G,
@@ -1624,7 +1624,7 @@ class yt extends a.Component {
         textField: "text",
         value: i.find((l) => l.operator === n.operator),
         onChange: this.onOperatorChange,
-        ariaLabel: t.toLanguageString(Ze, v[Ze])
+        ariaLabel: t.toLanguageString(Je, v[Je])
       }
     )), /* @__PURE__ */ a.createElement(We, { className: "k-filter-value" }, s && /* @__PURE__ */ a.createElement(s.filter, { filter: n, onFilterChange: this.onInputChange, min: s.min, max: s.max })), /* @__PURE__ */ a.createElement(
       K,
@@ -1640,14 +1640,14 @@ class yt extends a.Component {
     )));
   }
 }
-yt.propTypes = {
+It.propTypes = {
   filter: d.object.isRequired,
   fields: d.array.isRequired,
   ariaLabel: d.string,
   onChange: d.func.isRequired,
   onRemove: d.func.isRequired
 };
-$(yt);
+$(It);
 const jr = class extends a.Component {
   constructor() {
     super(...arguments), this.onGroupRemove = (e) => {
@@ -1720,9 +1720,9 @@ const jr = class extends a.Component {
     const e = q(this), {
       fields: t,
       filter: r,
-      ariaLabel: n = e.toLanguageString(Xe, v[Xe])
+      ariaLabel: n = e.toLanguageString(Ue, v[Ue])
     } = this.props;
-    return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ a.createElement(Ht, { keyboardNavigation: !1, role: "toolbar", ariaLabel: n }, /* @__PURE__ */ a.createElement(dn, { className: "k-toolbar-button-group" }, /* @__PURE__ */ a.createElement(K, { className: "k-toolbar-button", togglable: !0, onClick: this.onLogicAnd, selected: r.logic === "and", type: "button" }, e.toLanguageString(Ve, v[Ve])), /* @__PURE__ */ a.createElement(K, { className: "k-toolbar-button", togglable: !0, onClick: this.onLogicOr, selected: r.logic === "or", type: "button" }, e.toLanguageString(Ye, v[Ye]))), /* @__PURE__ */ a.createElement(
+    return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ a.createElement(Vt, { keyboardNavigation: !1, role: "toolbar", ariaLabel: n }, /* @__PURE__ */ a.createElement(dn, { className: "k-toolbar-button-group" }, /* @__PURE__ */ a.createElement(K, { className: "k-toolbar-button", togglable: !0, onClick: this.onLogicAnd, selected: r.logic === "and", type: "button" }, e.toLanguageString(Ye, v[Ye])), /* @__PURE__ */ a.createElement(K, { className: "k-toolbar-button", togglable: !0, onClick: this.onLogicOr, selected: r.logic === "or", type: "button" }, e.toLanguageString(Xe, v[Xe]))), /* @__PURE__ */ a.createElement(
       K,
       {
         className: "k-toolbar-button",
@@ -1768,7 +1768,7 @@ const jr = class extends a.Component {
           ariaLabelExpression: this.props.ariaLabelExpression
         }
       ) : /* @__PURE__ */ a.createElement(
-        yt,
+        It,
         {
           filter: o,
           fields: t,
@@ -1780,8 +1780,8 @@ const jr = class extends a.Component {
     )));
   }
 };
-let It = jr;
-It.propTypes = {
+let kt = jr;
+kt.propTypes = {
   filter: d.object.isRequired,
   fields: d.array.isRequired,
   ariaLabel: d.string,
@@ -1790,8 +1790,8 @@ It.propTypes = {
   onRemove: d.func.isRequired,
   defaultGroupFilter: d.object.isRequired
 };
-$(It);
-class vo extends a.Component {
+$(kt);
+class mo extends a.Component {
   constructor(t) {
     super(t), this.onFilterChange = (r) => {
       const n = {
@@ -1809,7 +1809,7 @@ class vo extends a.Component {
         target: this
       };
       this.props.onChange.call(void 0, n);
-    }, dt(mt);
+    }, ht(vt);
   }
   /**
    * @hidden
@@ -1825,7 +1825,7 @@ class vo 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(
-        It,
+        kt,
         {
           filter: this.props.value,
           fields: this.props.fields,
@@ -1839,7 +1839,7 @@ class vo extends a.Component {
     );
   }
 }
-vo.propTypes = {
+mo.propTypes = {
   className: d.string,
   style: d.object,
   fields: function(e, t) {
@@ -1870,7 +1870,7 @@ const He = (e) => /* @__PURE__ */ a.createElement(
   },
   (e.iconClass || e.svgIcon) && /* @__PURE__ */ a.createElement(Re, { name: e.iconClass ? sn(e.iconClass) : void 0, icon: e.svgIcon }),
   e.title
-), Eo = [
+), vo = [
   { text: xr, operator: "contains" },
   { text: br, operator: "doesnotcontain" },
   { text: we, operator: "eq" },
@@ -1881,7 +1881,7 @@ const He = (e) => /* @__PURE__ */ a.createElement(
   { text: Ae, operator: "isnotnull" },
   { text: vr, operator: "isempty" },
   { text: Er, operator: "isnotempty" }
-], Co = [
+], Eo = [
   { text: we, operator: "eq" },
   { text: Oe, operator: "neq" },
   { text: Ir, operator: "gte" },
@@ -1890,7 +1890,7 @@ const He = (e) => /* @__PURE__ */ a.createElement(
   { text: Fr, operator: "lt" },
   { text: Ne, operator: "isnull" },
   { text: Ae, operator: "isnotnull" }
-], xo = [
+], Co = [
   { text: we, operator: "eq" },
   { text: Oe, operator: "neq" },
   { text: Mr, operator: "gte" },
@@ -1899,7 +1899,7 @@ const He = (e) => /* @__PURE__ */ a.createElement(
   { text: wr, operator: "lte" },
   { text: Ne, operator: "isnull" },
   { text: Ae, operator: "isnotnull" }
-], bo = [
+], xo = [
   { text: Rr, operator: "" }
 ];
 class Ke {
@@ -1920,7 +1920,7 @@ class Ke {
    * - { text: 'columnMenu.filterIsNotEmptyOperator', operator: 'isnotempty' }
    */
   static get text() {
-    return [...Eo];
+    return [...vo];
   }
   /**
    * An array containing the operators for the ColumnMenuNumericFilter component.
@@ -1937,7 +1937,7 @@ class Ke {
    * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
    */
   static get numeric() {
-    return [...Co];
+    return [...Eo];
   }
   /**
    * An array containing the operators for the ColumnMenuDateFilter component.
@@ -1954,7 +1954,7 @@ class Ke {
    * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
    */
   static get date() {
-    return [...xo];
+    return [...Co];
   }
   /**
    * An array containing the operators for the ColumnMenuBooleanFilter component.
@@ -1964,10 +1964,10 @@ class Ke {
    * - { text: 'columnMenu.filterIsTrue', operator: '' }
    */
   static get boolean() {
-    return [...bo];
+    return [...xo];
   }
 }
-const kt = (e) => {
+const St = (e) => {
   const { filter: t, onFilterChange: r, operators: n, initialFilter: o } = e, s = a.useCallback(
     (u) => {
       const p = t, f = u.target.value.operator, m = p ? { ...p, operator: f } : { value: o.value, operator: f };
@@ -1996,7 +1996,7 @@ const kt = (e) => {
       onChange: i
     }
   ));
-}, yo = (e) => {
+}, bo = (e) => {
   const { filter: t, onFilterChange: r } = e, n = a.useCallback(
     (s) => r.call(void 0, s.syntheticEvent, { ...t, value: s.value }, t),
     [t, r]
@@ -2010,10 +2010,10 @@ const kt = (e) => {
       labelPlacement: "after"
     }
   );
-}, Kt = (e) => {
-  const t = a.useCallback((o) => /* @__PURE__ */ a.createElement(Yt, { ...o, value: o.value || "" }), []), r = a.useRef(Ke.text), n = a.useRef({ operator: "", value: "" });
+}, qt = (e) => {
+  const t = a.useCallback((o) => /* @__PURE__ */ a.createElement(Xt, { ...o, value: o.value || "" }), []), r = a.useRef(Ke.text), n = a.useRef({ operator: "", value: "" });
   return /* @__PURE__ */ a.createElement(
-    kt,
+    St,
     {
       initialFilter: n.current,
       input: t,
@@ -2021,10 +2021,10 @@ const kt = (e) => {
       ...e
     }
   );
-}, qt = (e) => {
+}, zt = (e) => {
   const t = a.useCallback((o) => /* @__PURE__ */ a.createElement(Me, { ...o, value: o.value || null }), []), r = a.useRef(Ke.numeric), n = a.useRef({ operator: "", value: null });
   return /* @__PURE__ */ a.createElement(
-    kt,
+    St,
     {
       initialFilter: n.current,
       input: t,
@@ -2032,10 +2032,10 @@ const kt = (e) => {
       ...e
     }
   );
-}, zt = (e) => {
-  const t = a.useCallback((o) => /* @__PURE__ */ a.createElement(ft, { ...o, value: o.value || null }), []), r = a.useRef(Ke.date), n = a.useRef({ operator: "", value: null });
+}, Gt = (e) => {
+  const t = a.useCallback((o) => /* @__PURE__ */ a.createElement(mt, { ...o, value: o.value || null }), []), r = a.useRef(Ke.date), n = a.useRef({ operator: "", value: null });
   return /* @__PURE__ */ a.createElement(
-    kt,
+    St,
     {
       initialFilter: n.current,
       input: t,
@@ -2043,8 +2043,8 @@ const kt = (e) => {
       ...e
     }
   );
-}, Io = [{ text: Or, logic: "and" }, { text: Nr, logic: "or" }], St = (e) => {
-  const t = Y(), r = (e.data || Io).map((n) => ({ ...n, text: t.toLanguageString(n.text, v[n.text]) }));
+}, yo = [{ text: Or, logic: "and" }, { text: Nr, logic: "or" }], Ft = (e) => {
+  const t = Y(), r = (e.data || yo).map((n) => ({ ...n, text: t.toLanguageString(n.text, v[n.text]) }));
   return /* @__PURE__ */ a.createElement(
     G,
     {
@@ -2056,18 +2056,18 @@ const kt = (e) => {
       value: r.find((n) => n.logic === e.value)
     }
   );
-}, ko = (e) => /* @__PURE__ */ a.createElement("div", { className: "k-columnmenu-item-content" }, /* @__PURE__ */ a.createElement(Sn, { style: { position: "relative", display: "block" } }, e.show && /* @__PURE__ */ a.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ a.createElement(
+}, Io = (e) => /* @__PURE__ */ a.createElement("div", { className: "k-columnmenu-item-content" }, /* @__PURE__ */ a.createElement(kn, { 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 k-group k-reset k-state-border-up",
+    className: "k-filter-menu",
     onSubmit: e.onSubmit,
     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) => {
+)))), ko = (e) => {
   const t = Y();
   return /* @__PURE__ */ a.createElement(
-    ko,
+    Io,
     {
       ...e,
       actions: /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
@@ -2075,18 +2075,18 @@ const kt = (e) => {
         {
           type: "reset"
         },
-        t.toLanguageString(tt, v[tt])
+        t.toLanguageString(rt, v[rt])
       ), /* @__PURE__ */ a.createElement(
         K,
         {
           themeColor: "primary"
         },
-        t.toLanguageString(rt, v[rt])
+        t.toLanguageString(nt, v[nt])
       ))
     }
   );
 }, qe = (e) => {
-  dt(mt);
+  ht(vt);
   const t = a.useRef([]), {
     field: r,
     filter: n,
@@ -2172,7 +2172,7 @@ const kt = (e) => {
   ] = p, _e = Y(), en = c || u ? /* @__PURE__ */ a.createElement("div", { className: "k-columnmenu-item-wrapper", key: "sorting" }, c && /* @__PURE__ */ a.createElement(
     He,
     {
-      title: _e.toLanguageString(ot, v[ot]),
+      title: _e.toLanguageString(st, v[st]),
       iconClass: "k-i-sort-asc-small",
       svgIcon: Ut,
       selected: j.dir === "asc",
@@ -2181,7 +2181,7 @@ const kt = (e) => {
   ), u && /* @__PURE__ */ a.createElement(
     He,
     {
-      title: _e.toLanguageString(st, v[st]),
+      title: _e.toLanguageString(at, v[at]),
       iconClass: "k-i-sort-desc-small",
       svgIcon: jt,
       selected: j.dir === "desc",
@@ -2191,12 +2191,12 @@ const kt = (e) => {
     He,
     {
       iconClass: "k-i-filter",
-      svgIcon: Xt,
-      title: _e.toLanguageString(nt, v[nt]),
+      svgIcon: Ve,
+      title: _e.toLanguageString(ot, v[ot]),
       onClick: L
     }
   ), /* @__PURE__ */ a.createElement(
-    So,
+    ko,
     {
       show: C,
       onSubmit: ce,
@@ -2205,7 +2205,7 @@ const kt = (e) => {
     Z && /* @__PURE__ */ a.createElement(Z, { filter: x.filters[0], onFilterChange: U }),
     J && /* @__PURE__ */ a.createElement(J, { value: x.logic, onChange: Ge }),
     Q && /* @__PURE__ */ a.createElement(Q, { filter: x.filters[1], onFilterChange: U })
-  )) : null, Rt = [en, tn], rn = /* @__PURE__ */ a.createElement(
+  )) : null, Mt = [en, tn], rn = /* @__PURE__ */ a.createElement(
     "span",
     {
       ref: I,
@@ -2214,36 +2214,36 @@ const kt = (e) => {
       className: "k-grid-header-menu k-grid-column-menu" + (y() ? " k-active" : ""),
       key: "button"
     },
-    /* @__PURE__ */ a.createElement(Re, { name: "more-vertical", icon: bn })
+    /* @__PURE__ */ a.createElement(Re, { name: "filter", icon: Ve })
   ), nn = /* @__PURE__ */ a.createElement(
-    kn,
+    In,
     {
       anchor: I.current,
       show: m,
-      key: "popup"
+      key: "popup",
+      popupClass: "k-column-menu k-column-menu-popup"
     },
     /* @__PURE__ */ a.createElement(
       "div",
       {
-        className: "k-grid-columnmenu-popup",
         ref: F,
         tabIndex: 0,
         onBlur: w,
         onFocus: P,
         style: { outline: "none" }
       },
-      e.itemsRender ? e.itemsRender.call(void 0, Rt, { closeMenu: S, field: r }) : Rt
+      e.itemsRender ? e.itemsRender.call(void 0, Mt, { closeMenu: S, field: r }) : Mt
     )
-  ), Mt = [rn, nn];
-  return /* @__PURE__ */ a.createElement(a.Fragment, null, e.render ? e.render.call(void 0, Mt) : Mt);
-}, Cs = (e) => {
+  ), Lt = [rn, nn];
+  return /* @__PURE__ */ a.createElement(a.Fragment, null, e.render ? e.render.call(void 0, Lt) : Lt);
+}, Es = (e) => {
   const { field: t, ...r } = e, n = a.useCallback(
     (i) => ({ logic: "and", filters: [{ operator: "contains", field: i, value: "" }, { operator: "contains", field: i, value: "" }] }),
     []
   ), o = !!e.field, s = o ? [
-    Kt,
-    St,
-    Kt
+    qt,
+    Ft,
+    qt
   ] : [];
   return /* @__PURE__ */ a.createElement(
     qe,
@@ -2256,14 +2256,14 @@ const kt = (e) => {
       ...r
     }
   );
-}, xs = (e) => {
+}, Cs = (e) => {
   const { field: t, ...r } = e, n = a.useCallback(
     (i) => ({ logic: "or", filters: [{ operator: "eq", field: i, value: null }, { operator: "eq", field: i, value: null }] }),
     []
   ), o = !!e.field, s = o ? [
-    qt,
-    St,
-    qt
+    zt,
+    Ft,
+    zt
   ] : [];
   return /* @__PURE__ */ a.createElement(
     qe,
@@ -2276,14 +2276,14 @@ const kt = (e) => {
       ...r
     }
   );
-}, bs = (e) => {
+}, xs = (e) => {
   const { field: t, ...r } = e, n = a.useCallback(
     (i) => ({ logic: "or", filters: [{ operator: "eq", field: i, value: null }, { operator: "eq", field: i, value: null }] }),
     []
   ), o = !!e.field, s = o ? [
-    zt,
-    St,
-    zt
+    Gt,
+    Ft,
+    Gt
   ] : [];
   return /* @__PURE__ */ a.createElement(
     qe,
@@ -2296,12 +2296,12 @@ const kt = (e) => {
       ...r
     }
   );
-}, ys = (e) => {
+}, bs = (e) => {
   const { field: t, ...r } = e, n = a.useCallback(
     (i) => ({ logic: "and", filters: [{ operator: "eq", field: i, value: !1 }] }),
     []
   ), o = !!e.field, s = o ? [
-    yo
+    bo
   ] : [];
   return /* @__PURE__ */ a.createElement(
     qe,
@@ -2325,7 +2325,7 @@ function Zr(e, t, r) {
   }
   return e;
 }
-function Is(e, t, r) {
+function ys(e, t, r) {
   let n = er(e, t);
   return n = n.map((o) => Zr(o, t, r)), n;
 }
@@ -2333,7 +2333,7 @@ function Jr(e, t, r) {
   let n = ne(e, r);
   if (n && n.length) {
     n = n.map((l) => Jr(l, t, r));
-    const i = In(n, {
+    const i = yn(n, {
       filters: [
         { filters: t, logic: "and" },
         { operator: (l) => !!(l[r] || []).length }
@@ -2344,11 +2344,11 @@ function Jr(e, t, r) {
   }
   return e;
 }
-function ks(e, t, r) {
+function Is(e, t, r) {
   let n = { [r]: [...e] };
   return n = Jr(n, t, r), n[r] || [];
 }
-function Ss(e, t, r) {
+function ks(e, t, r) {
   let n = [];
   const o = [];
   for (let s = e.length - 1; s >= 0; s--) {
@@ -2380,7 +2380,7 @@ function Ss(e, t, r) {
   }
   return o;
 }
-const Fs = (e, t, r) => {
+const Ss = (e, t, r) => {
   const n = (c) => !!$e(t, c), o = (c) => !!$e(r, c), s = (c) => {
     const u = [];
     return n(c) && o(c) && u.push(...$e(r, c)), u;
@@ -2388,16 +2388,16 @@ const Fs = (e, t, r) => {
     u.push({ ...c, level: p }), s(c).forEach((f) => i(f, u, p + 1));
   }, l = [];
   return e.forEach((c) => i(c, l, 0)), l;
-}, Rs = (e, t, r, n) => {
+}, Fs = (e, t, r, n) => {
   let o = {}, s = [], i;
   return e.forEach((l) => o[t(l)] = { ...l }), e.forEach((l) => {
     i = o[r(l)], i ? (i[n] = i[n] || [], i[n].push(o[t(l)])) : s.push(o[t(l)]);
   }), s;
-}, Ms = (e, t, r) => gt(e, t, r), Ls = (e, t, r) => [...ae(
+}, Rs = (e, t, r) => ft(e, t, r), Ms = (e, t, r) => [...ae(
   [{ [t]: [...e] }],
   t,
-  (o) => Fo(o, r, t)
-)[0][t]], Fo = (e, t, r) => {
+  (o) => So(o, r, t)
+)[0][t]], So = (e, t, r) => {
   const n = e[r] || [], o = n.findIndex(t);
   if (o !== -1) {
     const s = [...n];
@@ -2407,36 +2407,36 @@ const Fs = (e, t, r) => {
     };
   }
   return e;
-}, Ds = (e, t, r, n) => ae(
+}, Ls = (e, t, r, n) => ae(
   e,
   t,
   (o) => r(o) ? { ...o, [t]: n(o[t] || []) } : o
-), Gt = (e, t, r) => an(e, t, r), ws = (e, t, r, n) => {
-  const o = [...e], s = Gt(o, t, n), i = s.pop(), l = s.pop(), c = t[t.length - 1];
+), _t = (e, t, r) => an(e, t, r), Ds = (e, t, r, n) => {
+  const o = [...e], s = _t(o, t, n), i = s.pop(), l = s.pop(), c = t[t.length - 1];
   if (r) {
-    const p = Gt(o, r, n).pop();
+    const p = _t(o, r, n).pop();
     (l ? l[n] : o).splice(c, 1), p[n] = p[n] || [], p[n].push(i);
   } else
     (l ? l[n] : o).splice(c, 1), o.push(i);
   return o;
-}, se = "groupId", pt = "items", Qr = (e, t, r) => {
+}, se = "groupId", dt = "items", Qr = (e, t, r) => {
   e.items && (e[se] = `${r}${r && "_"}${e.value}${e.field}`, t > 1 && e.items.forEach((n) => Qr(n, t - 1, e[se])));
-}, Os = (e) => {
+}, ws = (e) => {
   const { group: t } = e;
   if (t && t.length && e.data)
     return e.data.forEach((r) => Qr(r, t.length, ""));
-}, Ns = (e) => {
+}, Os = (e) => {
   const t = [];
-  return ae(e.data, pt, (r) => {
+  return ae(e.data, dt, (r) => {
     r[se] && t.push(r[se]);
   }), t;
-}, As = (e) => ae(
+}, Ns = (e) => ae(
   e.data,
-  pt,
-  (t) => gt(t, pt, {
+  dt,
+  (t) => ft(t, dt, {
     expanded: !e.collapsedIds.some((r) => r === t[se])
   })
-), Ro = (e) => {
+), Fo = (e) => {
   const { navigatable: t, contextStateRef: r, navigationStateRef: n, idPrefix: o } = e;
   t && (r.current = {
     activeId: "",
@@ -2448,29 +2448,29 @@ const Fs = (e, t, r) => {
     navigationMatrix: [],
     lastHeaderIndex: -1
   });
-}, Mo = (e) => {
+}, Ro = (e) => {
   const { scope: t, contextStateRef: r, navigationStateRef: n } = e;
   if (r.current && n.current && t) {
-    Ft(e);
+    Rt(e);
     const o = n.current.navigationMatrix[0][0], s = M.getActiveElement(t, o);
     o && s && (r.current.activeId = o, s.setAttribute("tabIndex", "0"));
   }
-}, Lo = (e) => {
+}, Mo = (e) => {
   const { contextStateRef: t, navigationStateRef: r, document: n } = e;
   if (t.current && r.current && n) {
     const o = cn(n), s = M.getNavigatableId(o);
     s && s === t.current.activeId && (r.current.activeElementIsFocused = !0);
   }
-}, Do = (e) => {
+}, Lo = (e) => {
   const { scope: t, contextStateRef: r, navigationStateRef: n } = e;
-  if (Ft(e), r.current && n.current && t) {
+  if (Rt(e), r.current && n.current && t) {
     if (!M.getActiveElement(t, r.current.activeId)) {
       const s = n.current.navigationMatrix[0][0], i = M.getActiveElement(t, s);
       s && i && (r.current.activeId = s, i.setAttribute("tabIndex", "0"), n.current.activeElementIsFocused && i.focus());
     }
     n.current.activeElementIsFocused = !1;
   }
-}, wo = (e, t) => {
+}, Do = (e, t) => {
   const { contextStateRef: r } = t;
   if (e.isDefaultPrevented() || !r.current)
     return;
@@ -2482,7 +2482,7 @@ const Fs = (e, t, r) => {
     const i = M.getActiveElement(s, r.current.activeId);
     i && i.setAttribute("tabIndex", "-1"), n.setAttribute("tabIndex", "0"), r.current.activeId = o;
   }
-}, Oo = (e, t) => {
+}, wo = (e, t) => {
   const {
     contextStateRef: r,
     navigationStateRef: n,
@@ -2518,9 +2518,9 @@ const Fs = (e, t, r) => {
       let m;
       if (n.current && n.current.prevNavigationIndexes) {
         const [h, C] = n.current.prevNavigationIndexes;
-        u[h][C] === i ? m = n.current.prevNavigationIndexes : m = ct(u, i);
+        u[h][C] === i ? m = n.current.prevNavigationIndexes : m = ut(u, i);
       } else
-        m = ct(u, i);
+        m = ut(u, i);
       if (m) {
         const [h, C] = m, [b, x] = f ? Wr(h, C, i, u, p) : Hr(h, C, i, u, p);
         if (b) {
@@ -2530,7 +2530,7 @@ const Fs = (e, t, r) => {
       }
     }
   }
-}, Ft = (e) => {
+}, Rt = (e) => {
   const { navigationStateRef: t, scope: r } = e;
   if (!t.current || !r)
     return;
@@ -2540,7 +2540,7 @@ const Fs = (e, t, r) => {
   const i = Array.from(o.children), l = Array.from(s.children);
   [...i, ...l].forEach((c, u) => {
     Array.from(c.children).forEach((p) => {
-      const f = Ct(p);
+      const f = xt(p);
       if (!f)
         return;
       const m = p.rowSpan || 1, h = p.colSpan || 1;
@@ -2556,15 +2556,15 @@ const Fs = (e, t, r) => {
         n[u][b] = f || "";
     });
   }), t.current.navigationMatrix = n.filter((c) => !!c), t.current.lastHeaderIndex = i.length - 1;
-}, Ps = {
-  onConstructor: Ro,
-  onComponentDidMount: Mo,
-  onGetSnapshotBeforeUpdate: Lo,
-  onComponentDidUpdate: Do,
-  onFocus: wo,
-  onKeyDown: Oo,
-  generateMatrix: Ft
-}, No = "data-grid-row-index", Ao = "data-grid-col-index", Po = "data-prevent-selection", To = "items", H = {}, Bo = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((n) => n === t) > -1 ? e.filter((n) => n !== t) : [...e, t], W = (e, t) => {
+}, As = {
+  onConstructor: Fo,
+  onComponentDidMount: Ro,
+  onGetSnapshotBeforeUpdate: Mo,
+  onComponentDidUpdate: Lo,
+  onFocus: Do,
+  onKeyDown: wo,
+  generateMatrix: Rt
+}, Oo = "data-grid-row-index", No = "data-grid-col-index", Ao = "data-prevent-selection", Po = "items", H = {}, To = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((n) => n === t) > -1 ? e.filter((n) => n !== t) : [...e, t], W = (e, t) => {
   let r = e;
   for (; r; ) {
     if (r.tagName === t)
@@ -2577,29 +2577,29 @@ const Fs = (e, t, r) => {
 }, Se = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(No);
+  const t = e.getAttribute(Oo);
   return t ? parseInt(t, 10) : void 0;
 }, Fe = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(Ao);
+  const t = e.getAttribute(No);
   return t ? parseInt(t, 10) : void 0;
-}, Ts = (e) => {
-  const t = e.subItemsField || To, r = Wt(e.dataItemKey);
+}, Ps = (e) => {
+  const t = e.subItemsField || Po, r = Ht(e.dataItemKey);
   return ae(
     e.data,
     t,
-    (n) => gt(n, t, {
+    (n) => ft(n, t, {
       [e.selectedField]: e.selectedState[r(n)]
     })
   );
-}, Bs = (e) => {
+}, Ts = (e) => {
   const { event: t, dataItemKey: r, selectedState: n } = e, { syntheticEvent: o, nativeEvent: s, dataItems: i, componentId: l, mode: c, cell: u, selectedField: p } = t, { target: f, ctrlKey: m, metaKey: h, altKey: C, shiftKey: b } = s;
   if (o.isDefaultPrevented() || s.keyCode !== B.enter)
     return n;
   const x = W(f, "TD"), g = W(f, "TR"), I = Fe(x), F = Se(g);
   let k = {};
-  return x && g && F !== void 0 && I !== void 0 && (k = Ko({
+  return x && g && F !== void 0 && I !== void 0 && (k = Bo({
     selectedState: n,
     dataItemKey: r,
     event: {
@@ -2623,7 +2623,7 @@ const Fs = (e, t, r) => {
       dataItem: null
     }
   })), k;
-}, Ko = (e) => {
+}, Bo = (e) => {
   const { event: t, dataItemKey: r, selectedState: n } = e, {
     dataItems: o,
     startRowIndex: s,
@@ -2638,7 +2638,7 @@ const Fs = (e, t, r) => {
     componentId: C,
     mode: b,
     dataItem: x
-  } = t, g = Wt(r);
+  } = t, g = Ht(r);
   let I = {};
   const F = x !== null;
   if (b === "single") {
@@ -2665,7 +2665,7 @@ const Fs = (e, t, r) => {
       colIndex: l
     };
     const E = o.slice(s, i + 1)[0], y = g(E);
-    I = { ...n }, I[y] = u && !F ? Bo(I[y], l) : !I[y];
+    I = { ...n }, I[y] = u && !F ? To(I[y], l) : !I[y];
   } else if (m) {
     const k = H[C] && H[C].rowIndex || 0, E = H[C] && H[C].colIndex || 0, y = Math.min(k, s, i), S = Math.max(k, s, i), w = Math.min(E, l, c), P = Math.max(E, l, c), T = [];
     for (let L = w; L <= P; L++)
@@ -2676,8 +2676,8 @@ const Fs = (e, t, r) => {
     });
   }
   return I;
-}, qo = un(), zo = (e) => {
-  if (!e || !qo)
+}, Ko = un(), qo = (e) => {
+  if (!e || !Ko)
     return null;
   let t = e.parentElement;
   for (; t; ) {
@@ -2685,7 +2685,7 @@ const Fs = (e, t, r) => {
       return t;
     t = t.parentElement;
   }
-}, Go = (e) => {
+}, zo = (e) => {
   if (e && e.ownerDocument && e !== e.ownerDocument.body) {
     const t = e.getBoundingClientRect();
     return {
@@ -2694,20 +2694,20 @@ const Fs = (e, t, r) => {
     };
   }
   return { left: 0, top: 0 };
-}, _o = (e) => {
+}, Go = (e) => {
   const t = e ? typeof e.enabled == "boolean" ? e.enabled : !0 : !1, r = e ? !!e.drag : !1, n = e && e.mode ? e.mode : "multiple", o = !!(e && e.cell);
   return { enabled: t, drag: r, mode: n, cell: o };
-}, Ks = (e) => {
+}, Bs = (e) => {
   var F;
   const { onRelease: t, childRef: r } = e, {
     enabled: n,
     drag: o,
     mode: s,
     cell: i
-  } = _o(e.selectable), l = a.useRef(null), c = a.useRef(null), u = a.useRef({ clientX: 0, clientY: 0 }), [p, f] = a.useState(null), m = a.useRef(), h = a.useRef(!1), C = a.useRef(!1), b = a.useCallback(
+  } = Go(e.selectable), l = a.useRef(null), c = a.useRef(null), u = a.useRef({ clientX: 0, clientY: 0 }), [p, f] = a.useState(null), m = a.useRef(), h = a.useRef(!1), C = a.useRef(!1), b = a.useCallback(
     (k) => {
       const { event: E } = k;
-      C.current = E.originalEvent.target.hasAttribute(Po), !(C.current || !l.current) && (m.current = zo(l.current.element), u.current = {
+      C.current = E.originalEvent.target.hasAttribute(Ao), !(C.current || !l.current) && (m.current = qo(l.current.element), u.current = {
         clientY: E.clientY,
         clientX: E.clientX
       });
@@ -2717,7 +2717,7 @@ const Fs = (e, t, r) => {
     (k) => {
       const { event: E } = k, { clientX: y, clientY: S } = u.current;
       if (!C.current && !(!o || s === "single") && ((Math.abs(S - E.clientY) > 5 || Math.abs(y - E.clientX) > 5) && (h.current = !0), h.current)) {
-        const w = Go(m.current);
+        const w = zo(m.current);
         f({
           top: Math.min(S, E.clientY) - w.top,
           left: Math.min(y, E.clientX) - w.left,
@@ -2783,7 +2783,7 @@ const Fs = (e, t, r) => {
     [f, s, i, t]
   ), I = pn(c);
   return n ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
-    ht,
+    gt,
     {
       onPress: b,
       onDrag: x,
@@ -2792,7 +2792,7 @@ const Fs = (e, t, r) => {
       childRef: r
     },
     e.children
-  ), p && yn.createPortal(
+  ), p && bn.createPortal(
     /* @__PURE__ */ a.createElement(
       "div",
       {
@@ -2805,98 +2805,98 @@ const Fs = (e, t, r) => {
   )) : a.cloneElement(a.Children.only(e.children), { ref: r });
 };
 export {
-  po as BooleanFilter,
-  rs as BooleanFilterCell,
-  An as ColumnDefaultProps,
-  ys as ColumnMenuBooleanColumn,
-  yo as ColumnMenuBooleanFilter,
-  bs as ColumnMenuDateColumn,
-  zt as ColumnMenuDateFilter,
-  So as ColumnMenuFilterForm,
-  St as ColumnMenuFilterLogic,
-  ko as ColumnMenuForm,
+  uo as BooleanFilter,
+  ts as BooleanFilterCell,
+  Nn as ColumnDefaultProps,
+  bs as ColumnMenuBooleanColumn,
+  bo as ColumnMenuBooleanFilter,
+  xs as ColumnMenuDateColumn,
+  Gt as ColumnMenuDateFilter,
+  ko as ColumnMenuFilterForm,
+  Ft as ColumnMenuFilterLogic,
+  Io as ColumnMenuForm,
   He as ColumnMenuItem,
-  xs as ColumnMenuNumericColumn,
-  qt as ColumnMenuNumericFilter,
+  Cs as ColumnMenuNumericColumn,
+  zt as ColumnMenuNumericFilter,
   Ke as ColumnMenuOperators,
-  Cs as ColumnMenuTextColumn,
-  Kt as ColumnMenuTextFilter,
-  gs as ColumnResize,
-  so as ColumnResizer,
-  fs as CommonDragLogic,
-  uo as DateFilter,
-  ns as DateFilterCell,
-  ms as DragClue,
-  vs as DropClue,
-  bt as EnumFilter,
-  yt as Expression,
-  jn as FILTER_ROW_CLASS,
-  vt as FOCUSABLE_ELEMENTS,
-  vo as Filter,
-  cs as FilterRow,
-  It as Group,
-  ps as Header,
-  no as HeaderCell,
-  co as HeaderRow,
-  ds as HeaderSelectionCell,
-  Et as HeaderThElement,
+  Es as ColumnMenuTextColumn,
+  qt as ColumnMenuTextFilter,
+  hs as ColumnResize,
+  oo as ColumnResizer,
+  gs as CommonDragLogic,
+  co as DateFilter,
+  rs as DateFilterCell,
+  fs as DragClue,
+  ms as DropClue,
+  yt as EnumFilter,
+  It as Expression,
+  Un as FILTER_ROW_CLASS,
+  Et as FOCUSABLE_ELEMENTS,
+  mo as Filter,
+  ls as FilterRow,
+  kt as Group,
+  us as Header,
+  ro as HeaderCell,
+  lo as HeaderRow,
+  ps as HeaderSelectionCell,
+  Ct as HeaderThElement,
   Kr as KEYBOARD_NAV_DATA_BODY,
   Br as KEYBOARD_NAV_DATA_HEADER,
   Be as KEYBOARD_NAV_DATA_ID,
   X as KEYBOARD_NAV_DATA_LEVEL,
   Tr as KEYBOARD_NAV_DATA_SCOPE,
-  as as KEYBOARD_NAV_DATA_ZONE,
-  Pn as KEYBOARD_NAV_FILTER_COL_SUFFIX,
+  ss as KEYBOARD_NAV_DATA_ZONE,
+  An as KEYBOARD_NAV_FILTER_COL_SUFFIX,
   Xr as NumericFilter,
-  os as NumericFilterCell,
-  Es as Operators,
+  ns as NumericFilterCell,
+  vs as Operators,
   Pe as Pager,
-  Tn as TABBABLE_ELEMENTS,
-  Ao as TABLE_COL_INDEX_ATTRIBUTE,
-  Po as TABLE_PREVENT_SELECTION_ELEMENT,
-  No as TABLE_ROW_INDEX_ATTRIBUTE,
+  Pn as TABBABLE_ELEMENTS,
+  No as TABLE_COL_INDEX_ATTRIBUTE,
+  Ao as TABLE_PREVENT_SELECTION_ELEMENT,
+  Oo as TABLE_ROW_INDEX_ATTRIBUTE,
   zr as TableKeyboardNavigationContext,
-  Ks as TableSelection,
+  Bs as TableSelection,
   Yr as TextFilter,
-  ss as TextFilterCell,
+  os as TextFilterCell,
   W as closestTagName,
-  Rs as createDataTree,
+  Fs as createDataTree,
   Te as createFilterComponent,
-  Ms as extendDataItem,
-  ks as filterBy,
-  Ss as flatData,
+  Rs as extendDataItem,
+  Is as filterBy,
+  ks as flatData,
   Fe as getColumnIndex,
-  Ns as getGroupIds,
-  Tt as getIndex,
-  Gt as getItemPath,
-  Go as getOffset,
+  Os as getGroupIds,
+  Bt as getIndex,
+  _t as getItemPath,
+  zo as getOffset,
   Se as getRowIndex,
-  Ko as getSelectedState,
-  Bs as getSelectedStateFromKeyDown,
-  _o as getSelectionOptions,
-  ro as isRtl,
-  us as mapColumns,
-  Ds as modifySubItems,
-  ws as moveTreeItem,
-  Jn as nextColumn,
-  oo as normalize,
-  Is as orderBy,
-  to as readColumns,
-  zo as relativeContextElement,
-  Ls as removeItems,
-  As as setExpandedState,
-  Os as setGroupIds,
-  Ts as setSelectedState,
+  Bo as getSelectedState,
+  Ts as getSelectedStateFromKeyDown,
+  Go as getSelectionOptions,
+  to as isRtl,
+  cs as mapColumns,
+  Ls as modifySubItems,
+  Ds as moveTreeItem,
+  Zn as nextColumn,
+  no as normalize,
+  ys as orderBy,
+  eo as readColumns,
+  qo as relativeContextElement,
+  Ms as removeItems,
+  Ns as setExpandedState,
+  ws as setGroupIds,
+  Ps as setSelectedState,
   Ur as stringOperator,
-  hs as tableColumnsVirtualization,
-  Ps as tableKeyboardNavigation,
-  ls as tableKeyboardNavigationBodyAttributes,
-  Bn as tableKeyboardNavigationHeaderAttributes,
-  is as tableKeyboardNavigationScopeAttributes,
+  ds as tableColumnsVirtualization,
+  As as tableKeyboardNavigation,
+  is as tableKeyboardNavigationBodyAttributes,
+  Tn as tableKeyboardNavigationHeaderAttributes,
+  as as tableKeyboardNavigationScopeAttributes,
   M as tableKeyboardNavigationTools,
-  Fs as treeToFlat,
-  ut as unaryOperator,
-  Qn as updateLeft,
-  eo as updateRight,
-  Kn as useTableKeyboardNavigation
+  Ss as treeToFlat,
+  pt as unaryOperator,
+  Jn as updateLeft,
+  Qn as updateRight,
+  Bn as useTableKeyboardNavigation
 };