@progress/kendo-vue-grid 8.0.0-develop.6 → 8.0.1-develop.1

package/Grid.mjs

@@ -5,46 +5,46 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as pt, createVNode as n, h as Le, createTextVNode as Pe, ref as v, inject as ut, markRaw as E } from "vue";
-import { isObject as V, cloneArray as ct, canUseDOM as X, WatermarkOverlay as gt, getter as Y, getTemplate as Me, setRef as G, hasListener as P, getRef as $, RowHeightService as ft, setScrollbarWidth as mt, kendoThemeMaps as Ae, uGrid as Ct, isRtl as Ve, validatePackage as bt, shouldShowValidationUI as $t, getLicenseMessage as Rt, guid as Ne, getNestedValue as Oe } from "@progress/kendo-vue-common";
-import { tableKeyboardNavigationTools as z, combineFilters as xt, Pager as vt, normalize as It, TableKeyboardNavigationProvider as We, updateLeft as wt, updateRight as St, groupExpandReducer as yt, detailExpandReducer as Ht, getDetailExpandableOptions as kt, getGroupExpandableOptions as _t } from "@progress/kendo-vue-data-tools";
-import { Loader as Et } from "@progress/kendo-vue-indicators";
-import { GridNav as Ke } from "./GridNav.mjs";
-import { GridSelectionCell as Ue } from "./cells/GridSelectionCell.mjs";
+import { defineComponent as ut, createVNode as n, h as Pe, createTextVNode as Me, ref as v, inject as ct, markRaw as E } from "vue";
+import { isObject as V, cloneArray as gt, canUseDOM as X, WatermarkOverlay as ft, getter as Y, getTemplate as Ae, setRef as G, hasListener as P, getRef as $, RowHeightService as mt, setScrollbarWidth as Ct, kendoThemeMaps as Ve, uGrid as bt, isRtl as Ne, validatePackage as $t, shouldShowValidationUI as Rt, getLicenseMessage as xt, guid as Oe, getNestedValue as We } from "@progress/kendo-vue-common";
+import { tableKeyboardNavigationTools as z, combineFilters as vt, Pager as It, normalize as wt, TableKeyboardNavigationProvider as Ke, updateLeft as St, updateRight as yt, groupExpandReducer as Ht, detailExpandReducer as kt, getDetailExpandableOptions as _t, getGroupExpandableOptions as Et } from "@progress/kendo-vue-data-tools";
+import { Loader as zt } from "@progress/kendo-vue-indicators";
+import { GridNav as Ue } from "./GridNav.mjs";
+import { GridSelectionCell as Be } from "./cells/GridSelectionCell.mjs";
 import { GridHierarchyCell as Z } from "./cells/GridHierarchyCell.mjs";
-import { GridDetailHierarchyCell as zt } from "./cells/GridDetailHierarchyCell.mjs";
-import { GridDetailCell as Tt } from "./cells/GridDetailCell.mjs";
-import { GridEditCell as Dt } from "./cells/GridEditCell.mjs";
-import { Header as Gt } from "./header/Header.mjs";
-import { HeaderRow as Ft } from "./header/HeaderRow.mjs";
-import { FilterRow as Lt } from "./header/FilterRow.mjs";
-import { GroupPanel as Pt } from "./header/GroupPanel.mjs";
-import { Footer as Mt } from "./footer/Footer.mjs";
-import { FooterRow as At } from "./footer/FooterRow.mjs";
-import { operators as Be } from "./filterCommon.mjs";
-import { VirtualScroll as Vt } from "./VirtualScroll.mjs";
-import { ColumnResize as Nt } from "./drag/ColumnResize.mjs";
-import { CommonDragLogic as Ot } from "./drag/CommonDragLogic.mjs";
-import { DragClue as Wt } from "./drag/DragClue.mjs";
-import { DropClue as Kt } from "./drag/DropClue.mjs";
-import { applyExpandedState as Ut, getColSpan as Bt, autoGenerateColumns as jt, mapColumns as qt, getFlatColumnsState as je, getRowSpanOptions as qe, groupedFirstItemValue as Je, calcRowHeight as Jt, flatData as Qt, readColumns as Xt } from "./utils/main.mjs";
-import { GridCell as Yt } from "./cells/GridCell.mjs";
+import { GridDetailHierarchyCell as Tt } from "./cells/GridDetailHierarchyCell.mjs";
+import { GridDetailCell as Dt } from "./cells/GridDetailCell.mjs";
+import { GridEditCell as Gt } from "./cells/GridEditCell.mjs";
+import { Header as Ft } from "./header/Header.mjs";
+import { HeaderRow as Lt } from "./header/HeaderRow.mjs";
+import { FilterRow as Pt } from "./header/FilterRow.mjs";
+import { GroupPanel as Mt } from "./header/GroupPanel.mjs";
+import { Footer as At } from "./footer/Footer.mjs";
+import { FooterRow as Vt } from "./footer/FooterRow.mjs";
+import { operators as je } from "./filterCommon.mjs";
+import { VirtualScroll as Nt } from "./VirtualScroll.mjs";
+import { ColumnResize as Ot } from "./drag/ColumnResize.mjs";
+import { CommonDragLogic as Wt } from "./drag/CommonDragLogic.mjs";
+import { DragClue as Kt } from "./drag/DragClue.mjs";
+import { DropClue as Ut } from "./drag/DropClue.mjs";
+import { applyExpandedState as Bt, getColSpan as jt, autoGenerateColumns as qt, mapColumns as Jt, getFlatColumnsState as qe, getRowSpanOptions as Je, groupedFirstItemValue as Qe, calcRowHeight as Qt, flatData as Xt, readColumns as Yt } from "./utils/main.mjs";
+import { GridCell as Zt } from "./cells/GridCell.mjs";
 import { GridGroupCell as ee } from "./cells/GridGroupCell.mjs";
-import { GridRow as Zt } from "./rows/GridRow.mjs";
-import { gridProps as ei } from "./common.mjs";
-import { GridHeaderSelectionCell as Qe } from "./header/GridHeaderSelectionCell.mjs";
-import { GridNoRecords as Xe } from "./components/noRecords/GridNoRecords.mjs";
-import { GridNoRecordsContainer as Ye } from "./components/noRecords/GridNoRecordsContainer.mjs";
+import { GridRow as ei } from "./rows/GridRow.mjs";
+import { gridProps as ti } from "./common.mjs";
+import { GridHeaderSelectionCell as Xe } from "./header/GridHeaderSelectionCell.mjs";
+import { GridNoRecords as Ye } from "./components/noRecords/GridNoRecords.mjs";
+import { GridNoRecordsContainer as Ze } from "./components/noRecords/GridNoRecordsContainer.mjs";
 import { packageMetadata as te } from "./package-metadata.mjs";
-import { pagerMessagesMap as Ze } from "./messages/messagesMap.mjs";
-import { process as ti } from "@progress/kendo-data-query";
-import { KendoKey as ii } from "./key.mjs";
-import { getVirtualCellsToRender as si } from "./utils/virtualColumns.mjs";
-const Ni = /* @__PURE__ */ pt({
+import { pagerMessagesMap as et } from "./messages/messagesMap.mjs";
+import { process as ii } from "@progress/kendo-data-query";
+import { KendoKey as si } from "./key.mjs";
+import { getVirtualCellsToRender as ri } from "./utils/virtualColumns.mjs";
+const Oi = /* @__PURE__ */ ut({
   name: "KendoGrid",
   inheritAttrs: !1,
   props: {
-    ...ei,
+    ...ti,
     toolbar: {
       type: Object
     },
@@ -89,18 +89,18 @@ const Ni = /* @__PURE__ */ pt({
     }
   },
   created() {
-    bt(te), this.showLicenseWatermark = $t(te), this.licenseMessage = Rt(te), this.initialHeight = null, this._columns = [], this.vsRef = new Vt(), this.dragLogic = new Ot(this.columnReorder.bind(this), this.groupReorder.bind(this), this.columnToGroup.bind(this)), this.columnResize = new Nt(this.onResize.bind(this)), this._columnsMap = [[]], this._header = null, this._footer = null, this.tableBodyRef = null, this.tableRef = null, this.scrollHeightContainerRef = null, this.forceUpdateTimeout = void 0, this._gridId = Ne(), this._gridRoleElementId = Ne(), this.slicedCurrentData = void 0, this._prevTotal = void 0, this._containerHeightRef = 0, this._minRowHeightRef = 0, this._virtualSkipRef = 0, this.wrapperScrollTopRef = 0, this.scrollLeftRef = 0;
+    $t(te), this.showLicenseWatermark = Rt(te), this.licenseMessage = xt(te), this.initialHeight = null, this._columns = [], this.vsRef = new Nt(), this.dragLogic = new Wt(this.columnReorder.bind(this), this.groupReorder.bind(this), this.columnToGroup.bind(this)), this.columnResize = new Ot(this.onResize.bind(this)), this._columnsMap = [[]], this._header = null, this._footer = null, this.tableBodyRef = null, this.tableRef = null, this.scrollHeightContainerRef = null, this.forceUpdateTimeout = void 0, this._gridId = Oe(), this._gridRoleElementId = Oe(), this.slicedCurrentData = void 0, this._prevTotal = void 0, this._containerHeightRef = 0, this._minRowHeightRef = 0, this._virtualSkipRef = 0, this.wrapperScrollTopRef = 0, this.scrollLeftRef = 0;
   },
   mounted() {
     var t, i;
     this.setRefs();
-    const e = Ve(this._element);
+    const e = Ne(this._element);
     this._prevTotal = this.$props.total, this.isRtl = e, this.initialHeight = ((i = (t = this._element) == null ? void 0 : t.style) == null ? void 0 : i.height) || null, this.resizeObserver = X && (window == null ? void 0 : window.ResizeObserver) && new ResizeObserver(this.calculateMedia), document != null && document.body && this.resizeObserver && this.resizeObserver.observe(document.body);
   },
   updated() {
     var t;
     this.setRefs();
-    const e = Ve(this._element);
+    const e = Ne(this._element);
     this.isRtl = e, this._prevTotal = this.$props.total, this.vsRef.tableTransform && this.vsRef.table && (this.vsRef.table.style.transform = this.vsRef.tableTransform, this.vsRef.tableTransform = ""), this.isVirtualScroll && (this.setContainerHeight(), this.setMinRowHeight(), (t = this.vsRef) == null || t.update());
   },
   unmounted() {
@@ -114,16 +114,16 @@ const Ni = /* @__PURE__ */ pt({
       return this.$props.navigatable ? this.gridId : "";
     },
     groupExpandable() {
-      return _t(typeof this.$props.groupable == "object" && this.$props.groupable.enabled !== !1 ? this.$props.groupable.expandable : this.$props.groupable);
+      return Et(typeof this.$props.groupable == "object" && this.$props.groupable.enabled !== !1 ? this.$props.groupable.expandable : this.$props.groupable);
     },
     hierarchClass() {
-      return Ct.hierarchyCell({});
+      return bt.hierarchyCell({});
     },
     computedRowSpannable() {
-      return qe(this.$props.rowSpannable);
+      return Je(this.$props.rowSpannable);
     },
     detailExpandable() {
-      return kt(!!this.$props.detail);
+      return _t(!!this.$props.detail);
     },
     nonscrollableWrapperClass() {
       const {
@@ -132,7 +132,7 @@ const Ni = /* @__PURE__ */ pt({
       return {
         "k-grid": !0,
         "k-grid-md": !e,
-        [`k-grid-${Ae.sizeMap[e] || e}`]: e,
+        [`k-grid-${Ve.sizeMap[e] || e}`]: e,
         [t]: !!t
       };
     },
@@ -153,7 +153,7 @@ const Ni = /* @__PURE__ */ pt({
         "k-table": !0,
         "k-grid-table": !0,
         "k-grid-md": !e,
-        [`k-table-${Ae.sizeMap[e] || e}`]: e
+        [`k-table-${Ve.sizeMap[e] || e}`]: e
       };
     },
     getCorrectHeight() {
@@ -189,7 +189,7 @@ const Ni = /* @__PURE__ */ pt({
   },
   methods: {
     readColumnElements() {
-      return Xt(this.$props.columns, this.currentColumnsState, {
+      return Yt(this.$props.columns, this.currentColumnsState, {
         prevId: 0,
         idPrefix: this.idPrefix
       });
@@ -215,7 +215,7 @@ const Ni = /* @__PURE__ */ pt({
       })];
     },
     getFlatData(e, t, i, s, r, l, d) {
-      const h = [], c = Qt(h, e, t, {
+      const h = [], c = Xt(h, e, t, {
         index: i
       }, s !== void 0, r, l, this.groupExpandable.defaultExpand, d, this.$props.expandField);
       return {
@@ -281,7 +281,7 @@ const Ni = /* @__PURE__ */ pt({
         this.dragLogic.refGroupPanelDiv(l);
       }
       const s = $(this, "dropElementClue"), r = $(this, "dragElementClue");
-      this.dragLogic.refDropElementClue(s), this.dragLogic.refDragElementClue(r), this.columnResize.colGroupMain = $(this, "colGroup"), this._header = $(this, "header"), this._footer = $(this, "footer"), this.resetTableWidth(), mt();
+      this.dragLogic.refDropElementClue(s), this.dragLogic.refDragElementClue(r), this.columnResize.colGroupMain = $(this, "colGroup"), this._header = $(this, "header"), this._footer = $(this, "footer"), this.resetTableWidth(), Ct();
     },
     gridUnmounted() {
       clearTimeout(this.forceUpdateTimeout), this.columnResize.columns = [], this.dragLogic.columns = [], this.dragLogic && this.dragLogic.dragElementClue && (this.dragLogic.dragElementClue.$el.remove(), this.dragLogic.dropElementClue.$el.remove()), this.currentData = [], this._columns = [], document != null && document.body && this.resizeObserver && this.resizeObserver.disconnect();
@@ -302,7 +302,7 @@ const Ni = /* @__PURE__ */ pt({
     },
     initializeVirtualization() {
       const e = this.vsRef, t = this.$props.rowHeight || this._minRowHeightRef || 0;
-      e && (e.fixedScroll = this.$props.fixedScroll || !1, e.PageChange = this.virtualPageChange, e.pageSize = this._virtualPageSize, e.scrollableVirtual = this.isVirtualScroll, e.container = $(this, "scrollContainer"), e.tableBody = $(this, "tableBody"), e.scrollHeightContainer = $(this, "scrollHeightContainer"), e.table = $(this, "table"), (!e.rowHeightService || e.total !== this._virtualTotal) && t && (e.total = this._virtualTotal, e.rowHeightService = new ft(this._virtualTotal, t)));
+      e && (e.fixedScroll = this.$props.fixedScroll || !1, e.PageChange = this.virtualPageChange, e.pageSize = this._virtualPageSize, e.scrollableVirtual = this.isVirtualScroll, e.container = $(this, "scrollContainer"), e.tableBody = $(this, "tableBody"), e.scrollHeightContainer = $(this, "scrollHeightContainer"), e.table = $(this, "table"), (!e.rowHeightService || e.total !== this._virtualTotal) && t && (e.total = this._virtualTotal, e.rowHeightService = new mt(this._virtualTotal, t)));
     },
     setContainerHeight() {
       const e = $(this, "scrollContainer");
@@ -310,7 +310,7 @@ const Ni = /* @__PURE__ */ pt({
     },
     setMinRowHeight() {
       if (!this._minRowHeightRef && !this.$props.rowHeight) {
-        const t = Jt($(this, "tableBody"));
+        const t = Qt($(this, "tableBody"));
         t && (this._minRowHeightRef = t, this.$forceUpdate());
       }
     },
@@ -345,7 +345,7 @@ const Ni = /* @__PURE__ */ pt({
       let t = this.computedCollapsed, i = t[e.level];
       const s = this.$props.uniqueField, r = function(h, c) {
         return h.value === e.dataItem.value && c === e.level;
-      }, l = this.allGroupedItems ? this.loopGroupedItems(this.allGroupedItems.data, r, 0, null) : e.dataItem, d = Je(l || e.dataItem, s);
+      }, l = this.allGroupedItems ? this.loopGroupedItems(this.allGroupedItems.data, r, 0, null) : e.dataItem, d = Qe(l || e.dataItem, s);
       if (e.value) {
         if (i && i.length) {
           const h = i.indexOf(d);
@@ -469,7 +469,7 @@ const Ni = /* @__PURE__ */ pt({
     handleDetailExpandAction(e, t) {
       var i;
       if (this.detailExpandable.enabled) {
-        const s = (i = this.gridContext.detailExpand) == null ? void 0 : i.value, r = Ht(s != null ? s : {}, e);
+        const s = (i = this.gridContext.detailExpand) == null ? void 0 : i.value, r = kt(s != null ? s : {}, e);
         this.gridContext.detailexpandchange({
           ...this.getArguments(t),
           detailExpand: r
@@ -479,7 +479,7 @@ const Ni = /* @__PURE__ */ pt({
     handleGroupExpandAction(e, t) {
       var i;
       if (this.groupExpandable.enabled) {
-        const s = (i = this.gridContext.groupExpand) == null ? void 0 : i.value, r = yt(s != null ? s : [], e, this.groupExpandable);
+        const s = (i = this.gridContext.groupExpand) == null ? void 0 : i.value, r = Ht(s != null ? s : [], e, this.groupExpandable);
         this.$props.expandField || this.gridContext.groupexpandchange({
           ...this.getArguments(t),
           groupExpand: r
@@ -510,7 +510,7 @@ const Ni = /* @__PURE__ */ pt({
       }
     },
     columnReorder(e, t, i) {
-      const s = this._columns[e], r = je(this.currentColumnsState), l = s.depth, d = (u) => {
+      const s = this._columns[e], r = qe(this.currentColumnsState), l = s.depth, d = (u) => {
         do
           u++;
         while (u < this._columns.length && this._columns[u].depth > l);
@@ -522,7 +522,7 @@ const Ni = /* @__PURE__ */ pt({
         R && (R.orderIndex = m);
       });
       const c = this._columns[e].locked && this._columns[t].locked;
-      wt(this._columnsMap, this._columns, c || this.shouldUpdateLeftRightRef), St(this._columnsMap, this._columns, c || this.shouldUpdateLeftRightRef), this.resizedRef && (this.shouldUpdateLeftRightRef = !1, this.resizedRef = !1);
+      St(this._columnsMap, this._columns, c || this.shouldUpdateLeftRightRef), yt(this._columnsMap, this._columns, c || this.shouldUpdateLeftRightRef), this.resizedRef && (this.shouldUpdateLeftRightRef = !1, this.resizedRef = !1);
       const f = this.getColumns();
       this.$emit("columnreorder", {
         target: this,
@@ -595,11 +595,11 @@ const Ni = /* @__PURE__ */ pt({
     },
     configureColumns(e, t) {
       e.filter((l) => l.columnType === "checkbox").forEach((l) => {
-        l.width = l.width || "50px", l.defaultCell = E(Ue), l.defaultHeaderCell = E(Qe), l._type = "edit";
+        l.width = l.width || "50px", l.defaultCell = E(Be), l.defaultHeaderCell = E(Xe), l._type = "edit";
       }), this.$props.selectedField && this._columns.filter((l) => l.field === this.$props.selectedField).forEach((l) => {
-        l.width = l.width || "50px", l.internalCell = E(Ue), l.internalHeaderCell = E(Qe);
+        l.width = l.width || "50px", l.internalCell = E(Be), l.internalHeaderCell = E(Xe);
       });
-      const i = je(this.currentColumnsState);
+      const i = qe(this.currentColumnsState);
       this.initColumnsState(e, i);
       const s = {
         id: "",
@@ -655,21 +655,21 @@ const Ni = /* @__PURE__ */ pt({
         e.unshift(d), this.currentColumnsState.unshift(i.find((h) => h.id === d.id) || d);
       }
       e.slice(r).forEach((l) => {
-        l.parentIndex >= 0 && (l.parentIndex += r), l.rowSpannable = l.rowSpannable !== void 0 ? qe(l.rowSpannable) : this.computedRowSpannable;
+        l.parentIndex >= 0 && (l.parentIndex += r), l.rowSpannable = l.rowSpannable !== void 0 ? Je(l.rowSpannable) : this.computedRowSpannable;
       });
     },
     initColumns(e, t) {
       var l;
       this._columns = this.readColumnElements();
       const i = (l = this.gridContext.group) == null ? void 0 : l.value;
-      this._columns.filter((d) => !d.hidden).length === 0 && (this._columns = jt(e, i, {
+      this._columns.filter((d) => !d.hidden).length === 0 && (this._columns = qt(e, i, {
         column: this.$props.expandField ? this.$props.expandField : this.groupExpandable.column
       }, {
         prevId: 0,
         idPrefix: this.idPrefix
       })), this.configureColumns(this._columns, t);
       const [s, r] = this.filterColumns(this._columns);
-      this._columns = s, this.hiddenColumnsRef = r, this._columnsMap = qt(this._columns, !0);
+      this._columns = s, this.hiddenColumnsRef = r, this._columnsMap = Jt(this._columns, !0);
     },
     resolveTitle(e) {
       const t = this.findColumnByField(e), i = t && (t.title || t.field);
@@ -755,7 +755,7 @@ const Ni = /* @__PURE__ */ pt({
           r--, s && (s.width += c);
           return;
         }
-        const f = Math.min(Bt(d, e), t.length - h);
+        const f = Math.min(jt(d, e), t.length - h);
         r = f - 1, s = {
           width: c,
           colSpan: f,
@@ -763,7 +763,7 @@ const Ni = /* @__PURE__ */ pt({
         }, i.push(s);
       }), this.$props.columnVirtualization) {
         const d = this.scrollLeftRef || 0, h = this.tableWidth || parseFloat((((l = this.$attrs.style) == null ? void 0 : l.width) || "").toString());
-        return si({
+        return ri({
           cellModels: i,
           columns: t,
           tableViewPortWidth: h,
@@ -801,7 +801,7 @@ const Ni = /* @__PURE__ */ pt({
     };
   },
   setup(e) {
-    const t = v(null), i = v(null), s = v(null), r = v(null), l = v(null), d = v(null), h = v(null), c = v(null), f = v(null), u = v(null), m = v(!0), R = v(!1), x = ut(ii, {});
+    const t = v(null), i = v(null), s = v(null), r = v(null), l = v(null), d = v(null), h = v(null), c = v(null), f = v(null), u = v(null), m = v(!0), R = v(!1), x = ct(si, {});
     return {
       groupPanelDivRef: t,
       dropElementClueRef: i,
@@ -820,7 +820,7 @@ const Ni = /* @__PURE__ */ pt({
     };
   },
   render() {
-    var fe, me, Ce, be, $e, Re, xe, ve, Ie, we, Se, ye, He, ke;
+    var fe, me, Ce, be, $e, Re, xe, ve, Ie, we, Se, ye, He, ke, _e;
     const e = (fe = this.gridContext.sort) == null ? void 0 : fe.value, t = (me = this.gridContext.filter) == null ? void 0 : me.value, i = (Ce = this.gridContext.search) == null ? void 0 : Ce.value, s = (be = this.gridContext.skip) == null ? void 0 : be.value, r = ($e = this.gridContext.take) == null ? void 0 : $e.value, l = (Re = this.gridContext.group) == null ? void 0 : Re.value, d = (xe = this.gridContext.groupExpand) == null ? void 0 : xe.value, h = (ve = this.gridContext.detailExpand) == null ? void 0 : ve.value, c = !!(l != null && l.length);
     let f;
     this.currentColumnsState = (Ie = this.gridContext.columnsState) == null ? void 0 : Ie.value;
@@ -834,30 +834,30 @@ const Ni = /* @__PURE__ */ pt({
     let m;
     const R = z.getIdPrefix(this.navigation);
     let x = [];
-    Array.isArray(this.$props.dataItems) ? (x = this.$props.dataItems, m = (we = this.$props.total) != null ? we : x.length) : (x = ((Se = Ut(this.$props.dataItems, this.$props.collapsedGroups.length ? this.computedCollapsed : [], this.$props.uniqueField)) == null ? void 0 : Se.data) || [], m = (ke = (He = this.$props.total) != null ? He : (ye = this.$props.dataItems) == null ? void 0 : ye.total) != null ? ke : x.length);
+    Array.isArray(this.$props.dataItems) ? (x = this.$props.dataItems, m = (we = this.$props.total) != null ? we : x.length) : (x = ((Se = Bt(this.$props.dataItems, this.$props.collapsedGroups.length ? this.computedCollapsed : [], this.$props.uniqueField)) == null ? void 0 : Se.data) || [], m = (ke = (He = this.$props.total) != null ? He : (ye = this.$props.dataItems) == null ? void 0 : ye.total) != null ? ke : x.length);
     const ie = this.$props.groupable === !0 || V(this.$props.groupable) && this.$props.groupable.enabled !== !1;
     this.dragLogic.reorderable = this.$props.reorderable || !1, this.dragLogic.groupable = ie, this._virtualPageSize = this.calcVirtualPageSize();
-    const N = x.length === m, et = V(this.$props.groupable) && this.$props.groupable.footer || "none";
+    const N = x.length === m, tt = V(this.$props.groupable) && this.$props.groupable.footer || "none";
     if (this.currentData = [], u) {
       const a = u.page && !(this.isVirtualScroll && !this.$props.pageable), {
         data: C,
         total: S
-      } = ti(x, {
+      } = ii(x, {
         group: u.group ? l : void 0,
         sort: u.sort ? e : void 0,
-        filter: xt(u.filter ? t : void 0, u.search ? i : void 0),
+        filter: vt(u.filter ? t : void 0, u.search ? i : void 0),
         ...a ? {
           take: this.$props.pageable ? r || 10 : r,
           skip: s || 0
         } : {}
       });
-      x = C, m = S;
+      x = C, m = (_e = this.$props.total) != null ? _e : S;
     }
     const {
-      resolvedGroupsCount: tt,
-      flattedData: it
-    } = this.getFlatData(x, et, N ? 0 : this.$props.skip || 0, l, h, d, this.$props.dataItemKey);
-    this.currentData = it;
+      resolvedGroupsCount: it,
+      flattedData: st
+    } = this.getFlatData(x, tt, N ? 0 : this.$props.skip || 0, l, h, d, this.$props.dataItemKey);
+    this.currentData = st;
     const O = this._virtualSkipRef || 0;
     if (this._virtualTotal = m, this.isVirtualScroll) {
       let a = s || 0;
@@ -868,8 +868,8 @@ const Ni = /* @__PURE__ */ pt({
         } else
           f = this.currentData.slice(a, a + this._virtualPageSize);
     }
-    this.initializeVirtualization(), this.initColumns(this.$props.dataItems, tt), this.columnResize.resizable = this.$props.resizable || !1, this.columnResize.columns = this._columns, this.columnResize.columnsState = ct(this.currentColumnsState || []), this.dragLogic.columns = this._columns;
-    const se = this.$props.toolbar, M = this.$props.noRecords, k = this._columns.filter((a) => a.children.length === 0), re = ie && n(Pt, {
+    this.initializeVirtualization(), this.initColumns(this.$props.dataItems, it), this.columnResize.resizable = this.$props.resizable || !1, this.columnResize.columns = this._columns, this.columnResize.columnsState = gt(this.currentColumnsState || []), this.dragLogic.columns = this._columns;
+    const se = this.$props.toolbar, M = this.$props.noRecords, k = this._columns.filter((a) => a.children.length === 0), re = ie && n(Mt, {
       ref: (a) => {
         this.groupPanelDivRef = a;
       },
@@ -880,18 +880,18 @@ const Ni = /* @__PURE__ */ pt({
       onDragHandler: this.dragLogic.dragHandler,
       onReleaseHandler: this.dragLogic.releaseHandler,
       resolveTitle: this.resolveTitle
-    }, null), le = (this.dragLogic.reorderable || this.dragLogic.groupable) && X && document && document.body, ae = [le && n(Kt, {
+    }, null), le = (this.dragLogic.reorderable || this.dragLogic.groupable) && X && document && document.body, ae = [le && n(Ut, {
       ref: (a) => {
         this.dropElementClueRef = a;
       }
-    }, null), le && n(Wt, {
+    }, null), le && n(Kt, {
       ref: (a) => {
         this.dragElementClueRef = a;
       }
-    }, null)], st = this.showLicenseWatermark ? n(gt, {
+    }, null)], rt = this.showLicenseWatermark ? n(ft, {
       message: this.licenseMessage
-    }, null) : null, W = this.$attrs.style, rt = W && V(W) && W["width"] || "";
-    this.tableWidth = parseFloat(rt.toString());
+    }, null) : null, W = this.$attrs.style, lt = W && V(W) && W["width"] || "";
+    this.tableWidth = parseFloat(lt.toString());
     const oe = k.findIndex((a) => typeof a.colSpan == "function") > -1;
     let F;
     oe || (F = this.getCellsToRender(null, k));
@@ -902,14 +902,14 @@ const Ni = /* @__PURE__ */ pt({
         key: a.id || `col-${C}`,
         width: a.width !== void 0 ? Math.floor(parseFloat(a.width.toString())) : void 0
       }, null);
-    }, this), de = n(Gt, {
+    }, this), de = n(Ft, {
       size: this.$props.size,
       columnResize: this.columnResize,
       staticHeaders: this.$props.scrollable !== "none",
       ref: (a) => {
         this.headerRef = a;
       },
-      headerRow: n(Ft, {
+      headerRow: n(Lt, {
         grid: this,
         sort: e,
         groupable: this.$props.groupable,
@@ -918,7 +918,7 @@ const Ni = /* @__PURE__ */ pt({
         onSortChange: this.sortChangeHandler,
         filter: t,
         filterable: this.$props.filterable,
-        filterOperators: this.$props.filterOperators || Be,
+        filterOperators: this.$props.filterOperators || je,
         onFilterChange: this.filterChangeHandler,
         columnMenu: this.$props.columnMenu,
         columnMenuIcon: this.$props.columnMenuIcon,
@@ -936,14 +936,14 @@ const Ni = /* @__PURE__ */ pt({
         cellRender: this.$props.headerCellRender,
         isRtl: this.isRtl,
         isColCountDefined: this.getAriaColCount !== void 0,
-        filterRow: this.$props.filterable && n(Lt, {
+        filterRow: this.$props.filterable && n(Pt, {
           grid: this,
           size: this.$props.size,
           columns: this._columns,
           cellsToRender: F,
           columnVirtualization: this.$props.columnVirtualization,
           filter: t,
-          filterOperators: this.$props.filterOperators || Be,
+          filterOperators: this.$props.filterOperators || je,
           onFilterchange: this.filterChangeHandler,
           sort: this.$props.sort,
           cellRender: this.$props.filterCellRender,
@@ -952,36 +952,36 @@ const Ni = /* @__PURE__ */ pt({
         }, null) || void 0
       }, null),
       cols: ne
-    }, null), he = this._columns.some((a) => !!a.footerCell) ? n(Mt, {
+    }, null), he = this._columns.some((a) => !!a.footerCell) ? n(At, {
       size: this.$props.size,
       columnResize: this.columnResize,
       staticHeaders: this.$props.scrollable !== "none",
       ref: (a) => {
         this.footerRef = a;
       },
-      row: n(At, {
+      row: n(Vt, {
         isRtl: this.isRtl,
         rowIndex: this.getAriaRowCount + 1,
         columns: this._columns
       }, null),
       cols: ne
-    }, null) : n("span", null, null), lt = function(a, C, S, _e, _) {
+    }, null) : n("span", null, null), at = function(a, C, S, Ee, _) {
       let p = !1;
-      const T = this.$props.selectedField, y = T ? Oe(T, a.dataItem) : void 0, I = this.$props.highlight && this.$props.dataItemKey && Y(this.$props.dataItemKey)(a.dataItem) !== void 0 ? this.$props.highlight[Y(this.$props.dataItemKey)(a.dataItem)] : void 0;
+      const T = this.$props.selectedField, y = T ? We(T, a.dataItem) : void 0, I = this.$props.highlight && this.$props.dataItemKey && Y(this.$props.dataItemKey)(a.dataItem) !== void 0 ? this.$props.highlight[Y(this.$props.dataItemKey)(a.dataItem)] : void 0;
       return oe && (F = this.getCellsToRender(a.dataItem, k)), {
         row: F.map(function({
           columnIndex: b,
           colSpan: D
         }) {
-          var Te, De, Ge, Fe;
+          var De, Ge, Fe, Le;
           const o = k[b];
           let w;
-          if ((Te = o.rowSpannable) != null && Te.enabled && a.rowType === "data" && o.field && _) {
-            const g = o.field ? (Ge = (De = o.rowSpannable).valueGetter) == null ? void 0 : Ge.call(De, a.dataItem, o.field) : null;
+          if ((De = o.rowSpannable) != null && De.enabled && a.rowType === "data" && o.field && _) {
+            const g = o.field ? (Fe = (Ge = o.rowSpannable).valueGetter) == null ? void 0 : Fe.call(Ge, a.dataItem, o.field) : null;
             w = {
               value: g,
               count: 1
-            }, _[o.field] && ((Fe = _[o.field]) == null ? void 0 : Fe.value) === g && _[o.field] !== null ? (_[o.field].count++, w.count = null) : _[o.field] = w;
+            }, _[o.field] && ((Le = _[o.field]) == null ? void 0 : Le.value) === g && _[o.field] !== null ? (_[o.field].count++, w.count = null) : _[o.field] = w;
           }
           const L = `${o.className ? o.className + " " : ""}${o.locked ? "k-grid-content-sticky" : ""}`, H = o.locked && o.left !== void 0 ? this.isRtl ? {
             left: o.right + "px",
@@ -990,14 +990,14 @@ const Ni = /* @__PURE__ */ pt({
             left: o.left + "px",
             right: o.right + "px"
           } : void 0;
-          let Ee = !1;
+          let ze = !1;
           if (o.editable && this.$props.editField) {
-            const g = Oe(this.$props.editField, a.dataItem);
-            (g === !0 || g === o.field) && (p = !0, Ee = !0);
+            const g = We(this.$props.editField, a.dataItem);
+            (g === !0 || g === o.field) && (p = !0, ze = !0);
           }
           let A;
           o.cell && (A = o.cell);
-          const ze = this.computedCollapsed && this.computedCollapsed[a.level] && this.computedCollapsed[a.level].some((g) => g === Je(a.dataItem, this.$props.uniqueField)), q = o.id ? o.id : b, J = ze ? !ze : a.expanded || a.dataItem.expanded, ht = o._type === "expand", Q = z.generateNavigatableId(`${C}-${String(b)}`, R, ht || a.rowType === "groupHeader" || a.rowType === "groupFooter" || o.field === "value" ? "nodata" : "cell");
+          const Te = this.computedCollapsed && this.computedCollapsed[a.level] && this.computedCollapsed[a.level].some((g) => g === Qe(a.dataItem, this.$props.uniqueField)), q = o.id ? o.id : b, J = Te ? !Te : a.expanded || a.dataItem.expanded, pt = o._type === "expand", Q = z.generateNavigatableId(`${C}-${String(b)}`, R, pt || a.rowType === "groupHeader" || a.rowType === "groupFooter" || o.field === "value" ? "nodata" : "cell");
           return o.internalCell ? n(o.internalCell, {
             key: q,
             id: Q,
@@ -1030,7 +1030,7 @@ const Ni = /* @__PURE__ */ pt({
             isHighlighted: !!(typeof I != "boolean" && I && o.field && I[o.field] === !0),
             group: a.group,
             rowSpan: w
-          }, null) : Ee ? n(Dt, {
+          }, null) : ze ? n(Gt, {
             id: Q,
             key: q,
             colSpan: D,
@@ -1054,7 +1054,7 @@ const Ni = /* @__PURE__ */ pt({
             expanded: J,
             dataIndex: a.dataIndex,
             style: H
-          }, null) : n(Yt, {
+          }, null) : n(Zt, {
             key: q,
             id: Q,
             colSpan: D,
@@ -1096,12 +1096,12 @@ const Ni = /* @__PURE__ */ pt({
         isHighlighted: typeof I == "boolean" && I
       };
     };
-    let at = 0, K = [];
-    const U = !this.currentData.length, pe = (a) => a >= this.currentData.length - at;
+    let ot = 0, K = [];
+    const U = !this.currentData.length, pe = (a) => a >= this.currentData.length - ot;
     let B = 0;
     if (this.currentData.length) {
       const a = this._columnsMap.length + (this.$props.filterable ? 1 : 0) + 1;
-      let C = this.$props.skip || 0, S = -1, _e = 0;
+      let C = this.$props.skip || 0, S = -1, Ee = 0;
       const _ = this.computedRowSpannable.enabled ? {} : void 0;
       if (this.isVirtualScroll) {
         if (O > 0) {
@@ -1112,8 +1112,8 @@ const Ni = /* @__PURE__ */ pt({
       }
       K = (f || this.currentData).map(function(p, T) {
         p.rowType === "data" && S++;
-        const y = p.dataIndex % 2 !== 0, I = this.$props.dataItemKey && Y(this.$props.dataItemKey)(p.dataItem), b = T + C, D = I || "ai" + b, o = D + "_1", w = lt.call(this, p, D, S, y, _), L = k.length - (this.detailExpandable.enabled ? 1 : 0) - ((l == null ? void 0 : l.length) || 0) || 1;
-        return B = b + a + _e, [n(Zt, {
+        const y = p.dataIndex % 2 !== 0, I = this.$props.dataItemKey && Y(this.$props.dataItemKey)(p.dataItem), b = T + C, D = I || "ai" + b, o = D + "_1", w = at.call(this, p, D, S, y, _), L = k.length - (this.detailExpandable.enabled ? 1 : 0) - ((l == null ? void 0 : l.length) || 0) || 1;
+        return B = b + a + Ee, [n(ei, {
           key: D,
           item: p,
           dataIndex: S,
@@ -1150,9 +1150,9 @@ const Ni = /* @__PURE__ */ pt({
             key: `group-${H.field}-${p.dataIndex}`,
             group: p.group
           }, null);
-        }, this), (this.$props.expandField || this.detailExpandable.enabled) && n(zt, {
+        }, this), (this.$props.expandField || this.detailExpandable.enabled) && n(Tt, {
           id: z.generateNavigatableId(`${o}-dhcell`, R)
-        }, null), n(Tt, {
+        }, null), n(Dt, {
           dataItem: p.dataItem,
           dataIndex: p.dataIndex,
           colSpan: L,
@@ -1162,7 +1162,7 @@ const Ni = /* @__PURE__ */ pt({
         }, null)])];
       }, this);
     }
-    const ot = this.$props.pageable && n(vt, {
+    const nt = this.$props.pageable && n(It, {
       class: "k-grid-pager",
       onPagesizechange: this.pageChangeHandler,
       onPagechange: this.pageChangeHandler,
@@ -1170,33 +1170,33 @@ const Ni = /* @__PURE__ */ pt({
       total: m,
       skip: s || 0,
       pageSize: (r !== void 0 ? r : this.$props.pageSize) || 10,
-      messagesMap: Ze,
-      settings: It(this.$props.pageable || {})
-    }, null), ue = Me.call(this, {
-      h: Le,
+      messagesMap: et,
+      settings: wt(this.$props.pageable || {})
+    }, null), ue = Ae.call(this, {
+      h: Pe,
       template: this.$props.pager,
-      defaultRendering: ot,
+      defaultRendering: nt,
       additionalProps: {
         ...this.$props,
         skip: this.$props.skip || 0,
-        messagesMap: Ze
+        messagesMap: et
       },
       additionalListeners: {
         pagesizechange: this.pageChangeHandler,
         pagechange: this.pageChangeHandler
       }
-    }), nt = (a) => e && e.filter((C) => C.field === a).length > 0, ce = n("colgroup", {
+    }), dt = (a) => e && e.filter((C) => C.field === a).length > 0, ce = n("colgroup", {
       ref: G(this, "colGroup")
     }, [k.map(function(a, C) {
       return n("col", {
         key: a.id || `col-${C}`,
-        class: nt(a.field) ? "k-sorted" : void 0,
+        class: dt(a.field) ? "k-sorted" : void 0,
         width: a.width !== void 0 ? a.width.toString().indexOf("%") !== -1 ? a.width : Math.floor(parseFloat(a.width.toString())) + "px" : void 0
       }, null);
     }, this)]), ge = {
       height: this.getCorrectHeight,
       ...this.$attrs.style
-    }, dt = n("div", {
+    }, ht = n("div", {
       class: "k-loading-mask"
     }, [n("div", {
       class: "k-loading-color"
@@ -1207,20 +1207,20 @@ const Ni = /* @__PURE__ */ pt({
         justifyContent: "center",
         alignItems: "center"
       }
-    }, [n(Et, {
+    }, [n(zt, {
       size: "large",
       type: "converging-spinner"
-    }, null)])]), j = this.$props.showLoader && Me.call(this, {
-      h: Le,
+    }, null)])]), j = this.$props.showLoader && Ae.call(this, {
+      h: Pe,
       template: this.$props.loader,
-      defaultRendering: dt
+      defaultRendering: ht
     });
-    return this.$props.scrollable === "none" ? n(We, {
+    return this.$props.scrollable === "none" ? n(Ke, {
       ref: "navRef",
       id: this._gridId,
       navigatable: this.$props.navigatable
     }, {
-      default: () => [n(Ke, {
+      default: () => [n(Ue, {
         ref: (a) => {
           this.gridNavRef = a;
         },
@@ -1242,21 +1242,21 @@ const Ni = /* @__PURE__ */ pt({
           },
           ref: G(this, "table"),
           role: "none"
-        }, [Pe(" "), ce, de, n("tbody", {
+        }, [Me(" "), ce, de, n("tbody", {
           class: "k-table-tbody",
           "data-keyboardnavbody": !0
-        }, [K, Pe("  "), j]), he]), U && n(Ye, {
+        }, [K, Me("  "), j]), he]), U && n(Ze, {
           id: z.generateNavigatableId("no-records", R)
         }, {
-          default: () => [M.length ? M : n(Xe, null, null)]
+          default: () => [M.length ? M : n(Ye, null, null)]
         })]), ue, j, ae]
       })]
-    }) : n(We, {
+    }) : n(Ke, {
       ref: "navRef",
       id: this._gridId,
       navigatable: this.$props.navigatable
     }, {
-      default: () => [n(Ke, {
+      default: () => [n(Ue, {
         ref: (a) => {
           this.gridNavRef = a;
         },
@@ -1291,10 +1291,10 @@ const Ni = /* @__PURE__ */ pt({
           role: "rowgroup",
           "data-keyboardnavbody": !0,
           ref: G(this, "tableBody")
-        }, [K])]), U && n(Ye, {
+        }, [K])]), U && n(Ze, {
           id: z.generateNavigatableId("no-records", R)
         }, {
-          default: () => [M.length ? M : n(Xe, null, null)]
+          default: () => [M.length ? M : n(Ye, null, null)]
         })]), !U && n("div", {
           class: "k-height-container",
           role: "presentation"
@@ -1303,11 +1303,11 @@ const Ni = /* @__PURE__ */ pt({
           style: this.$props.scrollable === "virtual" ? {
             height: this._containerHeightRef + "px"
           } : {}
-        }, null)])])]), he, st]), ue, j, ae]
+        }, null)])])]), he, rt]), ue, j, ae]
       })]
     });
   }
 });
 export {
-  Ni as Grid
+  Oi as Grid
 };