@progress/kendo-vue-grid 7.0.0-develop.4 → 7.0.0-develop.6

package/Grid.mjs

@@ -5,38 +5,38 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as Ge, createVNode as o, h as le, ref as $, markRaw as E } from "vue";
-import { SvgIcon as De, getDefaultSlots as Te, isObject as M, canUseDOM as U, templateRendering as y, getListeners as R, WatermarkOverlay as Oe, getter as q, getTemplate as ae, setRef as A, hasListener as D, getRef as b, kendoThemeMaps as ne, isRtl as de, validatePackage as Le, shouldShowValidationUI as Ee, guid as he, getNestedValue as pe } from "@progress/kendo-vue-common";
-import { tableKeyboardNavigationTools as I, tableColumnsVirtualization as Me, Pager as Ae, normalize as Pe, TableKeyboardNavigationProvider as ce } from "@progress/kendo-vue-data-tools";
-import { Loader as Ne } from "@progress/kendo-vue-indicators";
-import { GridNav as ue } from "./GridNav.mjs";
-import { GridSelectionCell as Ve } from "./cells/GridSelectionCell.mjs";
-import { GridHierarchyCell as Be } from "./cells/GridHierarchyCell.mjs";
-import { GridDetailHierarchyCell as We } from "./cells/GridDetailHierarchyCell.mjs";
-import { GridDetailCell as je } from "./cells/GridDetailCell.mjs";
-import { GridEditCell as Ke } from "./cells/GridEditCell.mjs";
-import { Header as Ue } from "./header/Header.mjs";
-import { HeaderRow as qe } from "./header/HeaderRow.mjs";
-import { FilterRow as Je } from "./header/FilterRow.mjs";
-import { GroupPanel as Qe } from "./header/GroupPanel.mjs";
-import { Footer as Xe } from "./footer/Footer.mjs";
-import { FooterRow as Ye } from "./footer/FooterRow.mjs";
-import { operators as ge } from "./filterCommon.mjs";
+import { defineComponent as Ge, createVNode as o, h as ae, ref as $, markRaw as M } from "vue";
+import { SvgIcon as De, getDefaultSlots as Te, isObject as E, canUseDOM as U, templateRendering as y, getListeners as R, WatermarkOverlay as Oe, getter as q, getTemplate as ne, setRef as A, hasListener as D, getRef as b, kendoThemeMaps as de, isRtl as he, validatePackage as Le, shouldShowValidationUI as Me, getLicenseMessage as Ee, guid as pe, getNestedValue as ce } from "@progress/kendo-vue-common";
+import { tableKeyboardNavigationTools as I, tableColumnsVirtualization as Ae, Pager as Pe, normalize as Ne, TableKeyboardNavigationProvider as ue } from "@progress/kendo-vue-data-tools";
+import { Loader as Ve } from "@progress/kendo-vue-indicators";
+import { GridNav as ge } from "./GridNav.mjs";
+import { GridSelectionCell as Be } from "./cells/GridSelectionCell.mjs";
+import { GridHierarchyCell as We } from "./cells/GridHierarchyCell.mjs";
+import { GridDetailHierarchyCell as je } from "./cells/GridDetailHierarchyCell.mjs";
+import { GridDetailCell as Ke } from "./cells/GridDetailCell.mjs";
+import { GridEditCell as Ue } from "./cells/GridEditCell.mjs";
+import { Header as qe } from "./header/Header.mjs";
+import { HeaderRow as Je } from "./header/HeaderRow.mjs";
+import { FilterRow as Qe } from "./header/FilterRow.mjs";
+import { GroupPanel as Xe } from "./header/GroupPanel.mjs";
+import { Footer as Ye } from "./footer/Footer.mjs";
+import { FooterRow as Ze } from "./footer/FooterRow.mjs";
+import { operators as fe } from "./filterCommon.mjs";
 import { VirtualScroll as J } from "./VirtualScroll.mjs";
-import { VirtualScrollFixed as Ze, RowHeightService as et } from "./VirtualScrollFixed.mjs";
-import { ColumnResize as tt } from "./drag/ColumnResize.mjs";
-import { CommonDragLogic as st } from "./drag/CommonDragLogic.mjs";
-import { DragClue as it } from "./drag/DragClue.mjs";
-import { DropClue as rt } from "./drag/DropClue.mjs";
-import { applyExpandedState as fe, flatData as ot, readColumns as lt, autoGenerateColumns as at, mapColumns as nt, groupedFirstItemValue as me, firefox as dt, firefoxMaxHeight as ht } from "./utils/main.mjs";
-import { GridCell as pt } from "./cells/GridCell.mjs";
-import { GridGroupCell as $e } from "./cells/GridGroupCell.mjs";
-import { GridRow as ct } from "./rows/GridRow.mjs";
-import { GridHeaderSelectionCell as ut } from "./header/GridHeaderSelectionCell.mjs";
-import { GridNoRecords as gt } from "./GridNoRecords.mjs";
-import { packageMetadata as be } from "./package-metadata.mjs";
+import { VirtualScrollFixed as et, RowHeightService as tt } from "./VirtualScrollFixed.mjs";
+import { ColumnResize as st } from "./drag/ColumnResize.mjs";
+import { CommonDragLogic as it } from "./drag/CommonDragLogic.mjs";
+import { DragClue as rt } from "./drag/DragClue.mjs";
+import { DropClue as ot } from "./drag/DropClue.mjs";
+import { applyExpandedState as me, flatData as lt, readColumns as at, autoGenerateColumns as nt, mapColumns as dt, groupedFirstItemValue as $e, firefox as ht, firefoxMaxHeight as pt } from "./utils/main.mjs";
+import { GridCell as ct } from "./cells/GridCell.mjs";
+import { GridGroupCell as be } from "./cells/GridGroupCell.mjs";
+import { GridRow as ut } from "./rows/GridRow.mjs";
+import { GridHeaderSelectionCell as gt } from "./header/GridHeaderSelectionCell.mjs";
+import { GridNoRecords as ft } from "./GridNoRecords.mjs";
+import { packageMetadata as Q } from "./package-metadata.mjs";
 import { pagerMessagesMap as Ce } from "./messages/main.mjs";
-const qt = /* @__PURE__ */ Ge({
+const Jt = /* @__PURE__ */ Ge({
   name: "KendoGrid",
   props: {
     topCacheCount: {
@@ -123,6 +123,7 @@ const qt = /* @__PURE__ */ Ge({
       context: void 0,
       navigation: void 0,
       showLicenseWatermark: !1,
+      licenseMessage: void 0,
       notHiddenColumns: []
     };
   },
@@ -138,18 +139,18 @@ const qt = /* @__PURE__ */ Ge({
     }
   },
   created() {
-    Le(be), this.showLicenseWatermark = Ee(be), this.initialHeight = null, this._columns = [];
+    Le(Q), this.showLicenseWatermark = Me(Q), this.licenseMessage = Ee(Q), this.initialHeight = null, this._columns = [];
     const e = this.currentGroupable, t = this.getVirtualScroll();
-    this.vs = new t(e || this.$props.rowHeight === void 0 || this.$props.rowHeight === 0, this.$props.topCacheCount), this.dragLogic = new st(this.columnReorder.bind(this), this.groupReorder.bind(this), this.columnToGroup.bind(this)), this.columnResize = new tt(this.onResize.bind(this)), this._columnsMap = [[]], this._header = null, this._footer = null, this.forceUpdateTimeout = void 0, this._gridId = he(), this._gridRoleElementId = he(), this.slicedCurrentData = void 0, this._prevTotal = void 0;
+    this.vs = new t(e || this.$props.rowHeight === void 0 || this.$props.rowHeight === 0, this.$props.topCacheCount), this.dragLogic = new it(this.columnReorder.bind(this), this.groupReorder.bind(this), this.columnToGroup.bind(this)), this.columnResize = new st(this.onResize.bind(this)), this._columnsMap = [[]], this._header = null, this._footer = null, this.forceUpdateTimeout = void 0, this._gridId = pe(), this._gridRoleElementId = pe(), this.slicedCurrentData = void 0, this._prevTotal = void 0;
   },
   mounted() {
     this.setRefs();
-    const e = de(this._element);
+    const e = he(this._element);
     this._prevTotal = this.$props.total, this.isRtl = e, this.initialHeight = this._element.style ? this._element.style.height : null, this.resizeObserver = U && window.ResizeObserver && new ResizeObserver(this.calculateMedia), document != null && document.body && this.resizeObserver && this.resizeObserver.observe(document.body);
   },
   updated() {
     this.setRefs();
-    const e = de(this._element);
+    const e = he(this._element);
     this.isRtl = e, this._prevTotal = this.$props.total, this.vs.tableTransform && this.vs.table && (this.vs.table.style.transform = this.vs.tableTransform, this.vs.tableTransform = "");
   },
   unmounted() {
@@ -163,7 +164,7 @@ const qt = /* @__PURE__ */ Ge({
       return {
         "k-grid": !0,
         "k-grid-md": !e,
-        [`k-grid-${ne.sizeMap[e] || e}`]: e
+        [`k-grid-${de.sizeMap[e] || e}`]: e
       };
     },
     scrollableWrapperClass() {
@@ -183,14 +184,14 @@ const qt = /* @__PURE__ */ Ge({
         "k-table": !0,
         "k-grid-table": !0,
         "k-grid-md": !e,
-        [`k-table-${ne.sizeMap[e] || e}`]: e
+        [`k-table-${de.sizeMap[e] || e}`]: e
       };
     },
     getCorrectHeight() {
       return this.$props.scrollable === "virtual" ? this.initialHeight || "450px" : null;
     },
     currentGroupable() {
-      return this.$props.groupable === !0 && this.$props.group && this.$props.group.length || M(this.$props.groupable) && this.$props.groupable.enabled !== !1;
+      return this.$props.groupable === !0 && this.$props.group && this.$props.group.length || E(this.$props.groupable) && this.$props.groupable.enabled !== !1;
     },
     computedCollapsed() {
       let e = [];
@@ -295,11 +296,11 @@ const qt = /* @__PURE__ */ Ge({
       else if (this.$props.totalGroupedHeight)
         this.vs.containerHeight = Math.min(1533915, this.$props.totalGroupedHeight);
       else if (this.$props.allGroupedItems && this.$props.allGroupedItems.data) {
-        const t = this.totalGroupedRows(fe(this.$props.allGroupedItems, this.computedCollapsed, this.$props.uniqueField).data);
+        const t = this.totalGroupedRows(me(this.$props.allGroupedItems, this.computedCollapsed, this.$props.uniqueField).data);
         this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * t);
       } else
         this.vs.containerHeight = 1533915;
-      if (this.slicedCurrentData = void 0, this.vs instanceof Ze) {
+      if (this.slicedCurrentData = void 0, this.vs instanceof et) {
         const {
           rowHeight: t = 0,
           detail: i,
@@ -308,9 +309,9 @@ const qt = /* @__PURE__ */ Ge({
         let {
           detailRowHeight: l = 0
         } = this.$props;
-        l = i && r ? l : t, this.isAllData() ? (this.vs.total = this.currentData.length, this.slicedCurrentData = this.currentData.slice(this.vs.realSkip, this.vs.realSkip + this.vs.pageSize), this.vs.rowHeightService = this.rowHeightService(this.vs, this.currentData.length, t, l, this.currentData)) : this.vs.rowHeightService = new et(e, t, l);
+        l = i && r ? l : t, this.isAllData() ? (this.vs.total = this.currentData.length, this.slicedCurrentData = this.currentData.slice(this.vs.realSkip, this.vs.realSkip + this.vs.pageSize), this.vs.rowHeightService = this.rowHeightService(this.vs, this.currentData.length, t, l, this.currentData)) : this.vs.rowHeightService = new tt(e, t, l);
         const n = this.vs.rowHeightService.totalHeight();
-        this.vs.containerHeight = dt ? Math.min(ht, n) : n;
+        this.vs.containerHeight = ht ? Math.min(pt, n) : n;
       }
     },
     onSkipChanged(e, t) {
@@ -350,7 +351,7 @@ const qt = /* @__PURE__ */ Ge({
       let t = this.computedCollapsed, i = t[e.level];
       const r = this.$props.uniqueField, l = function(p, C) {
         return p.value === e.dataItem.value && C === e.level;
-      }, n = this.allGroupedItems ? this.loopGroupedItems(this.allGroupedItems.data, l, 0, null) : e.dataItem, g = me(n || e.dataItem, r);
+      }, n = this.allGroupedItems ? this.loopGroupedItems(this.allGroupedItems.data, l, 0, null) : e.dataItem, g = $e(n || e.dataItem, r);
       if (e.value) {
         if (i && i.length) {
           const p = i.indexOf(g);
@@ -540,18 +541,18 @@ const qt = /* @__PURE__ */ Ge({
     },
     initColumns(e, t) {
       const i = I.getIdPrefix(this.navigation);
-      if (this._columns = lt(e, this.getColumns(), {
+      if (this._columns = at(e, this.getColumns(), {
         prevId: 0,
         idPrefix: i
       }), this._columns.length === 0) {
-        const n = at(this.$props.dataItems, this.$props.group, this.$props.expandField, {
+        const n = nt(this.$props.dataItems, this.$props.group, this.$props.expandField, {
           prevId: 0,
           idPrefix: i
         });
         this._columns = n;
       }
       this.$props.selectedField && this._columns.filter((n) => n.field === this.$props.selectedField).forEach((n) => {
-        n.width = n.width || "50px", n.internalCell = E(Ve), n.internalHeaderCell = E(ut);
+        n.width = n.width || "50px", n.internalCell = M(Be), n.internalHeaderCell = M(gt);
       });
       const r = {
         id: "",
@@ -576,7 +577,7 @@ const qt = /* @__PURE__ */ Ge({
       let l = 0;
       this.$props.expandField && D.call(this, "expandchange") && this.$props.detail && (this._columns.unshift({
         ...r,
-        internalCell: E(Be),
+        internalCell: M(We),
         field: this.$props.expandField,
         headerClassName: "k-hierarchy-cell k-header",
         id: I.generateNavigatableId(`${this._columns.length}`, i, "column"),
@@ -586,10 +587,10 @@ const qt = /* @__PURE__ */ Ge({
         this._columns.unshift({
           ...r,
           isAccessible: !1,
-          internalCell: E($e),
+          internalCell: M(be),
           field: "value"
         }), l++;
-      this._columns.slice(l).forEach((n) => n.parentIndex >= 0 && (n.parentIndex += l)), this._columnsMap = nt(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
+      this._columns.slice(l).forEach((n) => n.parentIndex >= 0 && (n.parentIndex += l)), this._columnsMap = dt(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
     },
     resolveTitle(e) {
       const t = this.findColumnByField(e), i = t && (t.title || t.field);
@@ -661,16 +662,16 @@ const qt = /* @__PURE__ */ Ge({
     let t = this.$props.total || 0;
     const i = I.getIdPrefix(this.navigation);
     let r = [];
-    Array.isArray(this.$props.dataItems) ? r = this.$props.dataItems : this.$props.dataItems && (r = fe(this.$props.dataItems, this.$props.collapsedGroups.length ? this.computedCollapsed : [], this.$props.uniqueField).data, t = t || this.$props.dataItems.total);
-    const l = this.$props.groupable === !0 || M(this.$props.groupable) && this.$props.groupable.enabled !== !1;
+    Array.isArray(this.$props.dataItems) ? r = this.$props.dataItems : this.$props.dataItems && (r = me(this.$props.dataItems, this.$props.collapsedGroups.length ? this.computedCollapsed : [], this.$props.uniqueField).data, t = t || this.$props.dataItems.total);
+    const l = this.$props.groupable === !0 || E(this.$props.groupable) && this.$props.groupable.enabled !== !1;
     this.columnResize.resizable = this.$props.resizable || !1, this.dragLogic.reorderable = this.$props.reorderable || !1, this.dragLogic.groupable = l, this.initializeVirtualization(t);
-    const n = M(this.$props.groupable) && this.$props.groupable.footer || "none";
+    const n = E(this.$props.groupable) && this.$props.groupable.footer || "none";
     this.currentData = [];
-    const g = ot(this.currentData, r, n, {
+    const g = lt(this.currentData, r, n, {
       index: this.$props.skip || 0
     }, this.$props.group !== void 0, this.$props.expandField), p = e || [];
     this.notHiddenColumns = this.filterHiddenColumns(this.$props.columns), this.initColumns(this.notHiddenColumns, g);
-    const C = p.filter((s) => s && s.tag && s.tag.toLowerCase().indexOf("toolbar") !== -1 || s.componentOptions && s.componentOptions.tag && s.componentOptions.tag.toLowerCase().indexOf("toolbar") !== -1 || s.type && s.type.name && s.type.name.toLowerCase().indexOf("toolbar") !== -1), k = p.filter((s) => s && s.tag && s.tag.toLowerCase().indexOf("records") !== -1 || s.componentOptions && s.componentOptions.tag && s.componentOptions.tag.toLowerCase().indexOf("records") !== -1 || s.type && s.type.name && s.type.name.toLowerCase().indexOf("records") !== -1), S = this._columns.filter((s) => s.children.length === 0), x = l && o(Qe, {
+    const C = p.filter((s) => s && s.tag && s.tag.toLowerCase().indexOf("toolbar") !== -1 || s.componentOptions && s.componentOptions.tag && s.componentOptions.tag.toLowerCase().indexOf("toolbar") !== -1 || s.type && s.type.name && s.type.name.toLowerCase().indexOf("toolbar") !== -1), k = p.filter((s) => s && s.tag && s.tag.toLowerCase().indexOf("records") !== -1 || s.componentOptions && s.componentOptions.tag && s.componentOptions.tag.toLowerCase().indexOf("records") !== -1 || s.type && s.type.name && s.type.name.toLowerCase().indexOf("records") !== -1), S = this._columns.filter((s) => s.children.length === 0), x = l && o(Xe, {
       ref: (s) => {
         this.groupPanelDivRef = s;
       },
@@ -681,22 +682,22 @@ const qt = /* @__PURE__ */ Ge({
       onDragHandler: this.dragLogic.dragHandler,
       onReleaseHandler: this.dragLogic.releaseHandler,
       resolveTitle: this.resolveTitle
-    }, null), _ = (this.dragLogic.reorderable || this.dragLogic.groupable) && U && document && document.body, Q = [_ && o(rt, {
+    }, null), _ = (this.dragLogic.reorderable || this.dragLogic.groupable) && U && document && document.body, X = [_ && o(ot, {
       ref: (s) => {
         this.dropElementClueRef = s;
       }
-    }, null), _ && o(it, {
+    }, null), _ && o(rt, {
       ref: (s) => {
         this.dragElementClueRef = s;
       }
-    }, null)], X = o(Ue, {
+    }, null)], Y = o(qe, {
       size: this.$props.size,
       columnResize: this.columnResize,
       staticHeaders: this.$props.scrollable !== "none",
       ref: (s) => {
         this.headerRef = s;
       },
-      headerRow: o(qe, {
+      headerRow: o(Je, {
         grid: this,
         sort: this.$props.sort,
         groupable: this.$props.groupable,
@@ -705,7 +706,7 @@ const qt = /* @__PURE__ */ Ge({
         onSortChange: this.sortChangeHandler,
         filter: this.$props.filter,
         filterable: this.$props.filterable,
-        filterOperators: this.$props.filterOperators || ge,
+        filterOperators: this.$props.filterOperators || fe,
         onFilterChange: this.filterChangeHandler,
         columnMenu: this.$props.columnMenu,
         columnMenuIcon: this.$props.columnMenuIcon,
@@ -721,12 +722,12 @@ const qt = /* @__PURE__ */ Ge({
         cellRender: this.$props.headerCellRender,
         isRtl: this.isRtl,
         isColCountDefined: this.getAriaColCount !== void 0,
-        filterRow: this.$props.filterable && o(Je, {
+        filterRow: this.$props.filterable && o(Qe, {
           grid: this,
           size: this.$props.size,
           columns: this._columns,
           filter: this.$props.filter,
-          filterOperators: this.$props.filterOperators || ge,
+          filterOperators: this.$props.filterOperators || fe,
           onFilterchange: this.filterChangeHandler,
           sort: this.$props.sort,
           cellRender: this.$props.filterCellRender,
@@ -740,14 +741,14 @@ const qt = /* @__PURE__ */ Ge({
           width: s.width !== void 0 ? Math.floor(parseFloat(s.width.toString())) + "px" : void 0
         }, null);
       }, this)
-    }, null), Y = this._columns.some((s) => !!s.footerCell) ? o(Xe, {
+    }, null), Z = this._columns.some((s) => !!s.footerCell) ? o(Ye, {
       size: this.$props.size,
       columnResize: this.columnResize,
       staticHeaders: this.$props.scrollable !== "none",
       ref: (s) => {
         this.footerRef = s;
       },
-      row: o(Ye, {
+      row: o(Ze, {
         isRtl: this.isRtl,
         rowIndex: this.getAriaRowCount + 1,
         columns: this._columns.map(function(s) {
@@ -763,17 +764,19 @@ const qt = /* @__PURE__ */ Ge({
           width: s.width !== void 0 ? Math.floor(parseFloat(s.width.toString())) + "px" : void 0
         }, null);
       }, this)
-    }, null) : o("span", null, null), P = y.call(this, this.$props.cellRender, R.call(this)), ve = this.showLicenseWatermark ? o(Oe, null, null) : null, N = this.$attrs.style, Ie = N && M(N) && N["width"] || "", we = parseFloat(Ie.toString()), ye = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, {
+    }, null) : o("span", null, null), P = y.call(this, this.$props.cellRender, R.call(this)), ve = this.showLicenseWatermark ? o(Oe, {
+      message: this.licenseMessage
+    }, null) : null, N = this.$attrs.style, Ie = N && E(N) && N["width"] || "", we = parseFloat(Ie.toString()), ye = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, {
       colSpans: V,
       hiddenColumns: Re
-    } = Me({
+    } = Ae({
       enabled: this.$props.columnVirtualization,
       columns: this._columns,
       tableViewPortWidth: we,
       scrollLeft: ye
     }), He = function(s, d, v) {
       let F = !1;
-      const H = this.$props.selectedField, f = H ? pe(H, s.dataItem) : void 0, u = this.$props.highlight && this.$props.dataItemKey && q(this.$props.dataItemKey)(s.dataItem) !== void 0 ? this.$props.highlight[q(this.$props.dataItemKey)(s.dataItem)] : void 0;
+      const H = this.$props.selectedField, f = H ? ce(H, s.dataItem) : void 0, u = this.$props.highlight && this.$props.dataItemKey && q(this.$props.dataItemKey)(s.dataItem) !== void 0 ? this.$props.highlight[q(this.$props.dataItemKey)(s.dataItem)] : void 0;
       return {
         row: this._columns.map(function(a, h) {
           if (Re[h])
@@ -787,12 +790,12 @@ const qt = /* @__PURE__ */ Ge({
           } : {};
           let w = !1;
           if (a.editable && this.$props.editField) {
-            const c = pe(this.$props.editField, s.dataItem);
+            const c = ce(this.$props.editField, s.dataItem);
             (c === !0 || c === a.field) && (F = !0, w = !0);
           }
           let m;
           a.cell && (m = y.call(this, a.cell, R.call(this)));
-          const L = this.computedCollapsed && this.computedCollapsed[s.level] && this.computedCollapsed[s.level].some((c) => c === me(s.dataItem, this.$props.uniqueField)), K = L ? !L : s.expanded;
+          const L = this.computedCollapsed && this.computedCollapsed[s.level] && this.computedCollapsed[s.level].some((c) => c === $e(s.dataItem, this.$props.uniqueField)), K = L ? !L : s.expanded;
           return a.internalCell ? o(a.internalCell, {
             key: h,
             id: I.generateNavigatableId(`${d}-${String(h)}`, i),
@@ -823,7 +826,7 @@ const qt = /* @__PURE__ */ Ge({
             isRtl: this.isRtl,
             isSelected: Array.isArray(f) && f.indexOf(h) > -1,
             isHighlighted: !!(typeof u != "boolean" && u && a.field && u[a.field] === !0)
-          }, null) : w ? o(Ke, {
+          }, null) : w ? o(Ue, {
             id: I.generateNavigatableId(`${d}-${String(h)}`, i),
             key: h,
             colSpan: V[h],
@@ -847,7 +850,7 @@ const qt = /* @__PURE__ */ Ge({
             expanded: K,
             dataIndex: s.dataIndex,
             style: G
-          }, null) : o(pt, {
+          }, null) : o(ct, {
             key: h,
             id: I.generateNavigatableId(`${d}-${String(h)}`, i),
             colSpan: V[h],
@@ -888,23 +891,23 @@ const qt = /* @__PURE__ */ Ge({
         isHighlighted: typeof u == "boolean" && u
       };
     };
-    let Z = 0;
+    let ee = 0;
     if (this.$props.scrollable === "virtual" && this.totalGroupedRows(this.currentData) / 2 > this.$props.take) {
       const s = this.vs.topCacheCount + this.vs.attendedSkip - (this.$props.skip || 0);
       for (let d = 0; d < s; ) {
         const v = this.currentData.shift();
         if (v)
-          this.currentData.push(v), Z++, v.rowType === "groupHeader" && d--;
+          this.currentData.push(v), ee++, v.rowType === "groupHeader" && d--;
         else
           break;
         d++;
       }
     }
-    const ee = (s) => s >= this.currentData.length - Z, ke = y.call(this, this.$props.detail, R.call(this));
+    const te = (s) => s >= this.currentData.length - ee, ke = y.call(this, this.$props.detail, R.call(this));
     let B = this.vs.propsSkip || 0;
     const T = this._columnsMap.length + (this.$props.filterable ? 1 : 0) + 1;
     let O, W = -1, j = 0;
-    const te = this.currentData.length && this.currentData.map(function(s, d) {
+    const se = this.currentData.length && this.currentData.map(function(s, d) {
       s.rowType === "data" && (B++, W++), this.$props.alternatePerGroup && s.rowType === "groupHeader" && (B = 0);
       const v = B % 2 === 0, F = this.$props.dataItemKey && q(this.$props.dataItemKey)(s.dataItem), H = d + (this.vs.propsSkip || 0), f = F || "ai" + H, u = f + "_1";
       O = H + T + j;
@@ -912,7 +915,7 @@ const qt = /* @__PURE__ */ Ge({
       let h;
       this.$props.detail && s.rowType === "data" && s.expanded && (h = S.length - (this.$props.expandField ? 1 : 0) - (this.$props.group ? this.$props.group.length : 0) || 1, j++, O = H + T + j);
       const z = d * 2 + T, G = d * 2 + T + 1, w = He.call(this, s, f, W);
-      return [o(ct, {
+      return [o(ut, {
         key: f,
         dataItem: s.dataItem,
         isAltRow: v,
@@ -920,7 +923,7 @@ const qt = /* @__PURE__ */ Ge({
         isSelected: w.isSelected,
         isHighlighted: w.isHighlighted,
         rowType: s.rowType,
-        isHidden: ee(d),
+        isHidden: te(d),
         onRowclick: (m) => this.rowClick(m, s),
         onRowdblclick: (m) => this.rowDoubleClick(m, s),
         selectedField: this.$props.selectedField,
@@ -935,22 +938,22 @@ const qt = /* @__PURE__ */ Ge({
         key: u,
         class: v ? "k-table-row k-table-alt-row k-detail-row" : "k-table-row k-detail-row",
         style: {
-          visibility: ee(d) ? "hidden" : "",
+          visibility: te(d) ? "hidden" : "",
           height: this.$props.detailRowHeight + "px"
         },
         role: "row",
         "aria-rowindex": this.$props.detail ? G : O
       }, [this.$props.group && this.$props.group.map(function(m, L) {
-        return o($e, {
+        return o(be, {
           id: "",
           dataIndex: s.dataIndex,
           field: m.field,
           dataItem: s.dataItem,
           key: L
         }, null);
-      }, this), this.$props.expandField && o(We, {
+      }, this), this.$props.expandField && o(je, {
         id: I.generateNavigatableId(`${u}-dhcell`, i)
-      }, null), o(je, {
+      }, null), o(Ke, {
         dataItem: s.dataItem,
         dataIndex: s.dataIndex,
         colSpan: h,
@@ -963,7 +966,7 @@ const qt = /* @__PURE__ */ Ge({
     }, [o("td", {
       class: "k-table-td",
       colspan: this._columns.filter((s) => !s.children.length).length
-    }, [k.length ? k : o(gt, null, null)])]), Se = y.call(this, this.$props.pager, R.call(this)), xe = this.$props.pageable && o(Ae, {
+    }, [k.length ? k : o(ft, null, null)])]), Se = y.call(this, this.$props.pager, R.call(this)), xe = this.$props.pageable && o(Pe, {
       class: "k-grid-pager",
       onPagesizechange: this.pageChangeHandler,
       onPagechange: this.pageChangeHandler,
@@ -972,9 +975,9 @@ const qt = /* @__PURE__ */ Ge({
       skip: this.vs.propsSkip || 0,
       pageSize: (this.$props.take !== void 0 ? this.$props.take : this.$props.pageSize) || 10,
       messagesMap: Ce,
-      settings: Pe(this.$props.pageable || {})
-    }, null), se = ae.call(this, {
-      h: le,
+      settings: Ne(this.$props.pageable || {})
+    }, null), ie = ne.call(this, {
+      h: ae,
       template: Se,
       defaultRendering: xe,
       additionalProps: {
@@ -986,7 +989,7 @@ const qt = /* @__PURE__ */ Ge({
         pagesizechange: this.pageChangeHandler,
         pagechange: this.pageChangeHandler
       }
-    }), _e = (s) => this.$props.sort && this.$props.sort.filter((d) => d.field === s).length > 0, ie = o("colgroup", {
+    }), _e = (s) => this.$props.sort && this.$props.sort.filter((d) => d.field === s).length > 0, re = o("colgroup", {
       ref: A(this, "colGroup")
     }, [S.map(function(s, d) {
       return o("col", {
@@ -994,7 +997,7 @@ const qt = /* @__PURE__ */ Ge({
         class: _e(s.field) ? "k-sorted" : void 0,
         width: s.width !== void 0 ? s.width.toString().indexOf("%") !== -1 ? s.width : Math.floor(parseFloat(s.width.toString())) + "px" : void 0
       }, null);
-    }, this)]), re = {
+    }, this)]), oe = {
       height: this.getCorrectHeight
     }, Fe = y.call(this, this.$props.loader, R.call(this)), ze = this.$props.loader && o("div", {
       class: "k-loader-container k-loader-container-md k-loader-top"
@@ -1002,25 +1005,25 @@ const qt = /* @__PURE__ */ Ge({
       class: "k-loader-container-overlay k-overlay-light"
     }, null), o("div", {
       class: "k-loader-container-inner"
-    }, [o(Ne, {
+    }, [o(Ve, {
       size: "large",
       type: "infinite-spinner"
-    }, null)])]), oe = ae.call(this, {
-      h: le,
+    }, null)])]), le = ne.call(this, {
+      h: ae,
       template: Fe,
       defaultRendering: ze
     });
-    return this.$props.scrollable === "none" ? o(ce, {
+    return this.$props.scrollable === "none" ? o(ue, {
       ref: "navRef",
       id: this._gridId,
       navigatable: this.$props.navigatable
     }, {
-      default: () => [o(ue, {
+      default: () => [o(ge, {
         ref: (s) => {
           this.gridNavRef = s;
         },
         currentData: this.currentData,
-        style: re,
+        style: oe,
         class: this.nonscrollableWrapperClass
       }, {
         default: () => [C, x, o("div", {
@@ -1035,22 +1038,22 @@ const qt = /* @__PURE__ */ Ge({
             tableLayout: "fixed"
           },
           role: "none"
-        }, [ie, X, o("tbody", {
+        }, [re, Y, o("tbody", {
           class: "k-table-tbody",
           "data-keyboardnavbody": !0
-        }, [te, oe]), Y])]), se, Q]
+        }, [se, le]), Z])]), ie, X]
       })]
-    }) : o(ce, {
+    }) : o(ue, {
       ref: "navRef",
       id: this._gridId,
       navigatable: this.$props.navigatable
     }, {
-      default: () => [o(ue, {
+      default: () => [o(ge, {
         ref: (s) => {
           this.gridNavRef = s;
         },
         currentData: this.currentData,
-        style: re,
+        style: oe,
         class: this.scrollableWrapperClass
       }, {
         default: () => [C, x, o("div", {
@@ -1059,7 +1062,7 @@ const qt = /* @__PURE__ */ Ge({
           id: this._gridRoleElementId,
           "aria-colcount": this.getAriaColCount,
           "aria-rowcount": this.getAriaRowCount
-        }, [X, o("div", {
+        }, [Y, o("div", {
           class: "k-grid-container",
           role: "presentation"
         }, [o("div", {
@@ -1074,23 +1077,23 @@ const qt = /* @__PURE__ */ Ge({
           role: "none",
           class: this.gridTableClass,
           ref: A(this, "scrollTable")
-        }, [ie, o("tbody", {
+        }, [re, o("tbody", {
           class: "k-table-tbody",
           role: "rowgroup",
           "data-keyboardnavbody": !0,
           ref: A(this, "scrollTableBody")
-        }, [te])])]), o("div", {
+        }, [se])])]), o("div", {
           class: "k-height-container",
           role: "presentation"
         }, [o("div", {
           style: this.$props.scrollable === "virtual" ? {
             height: this.vs.containerHeight + "px"
           } : {}
-        }, null)])]), oe]), Y, ve]), se, Q]
+        }, null)])]), le]), Z, ve]), ie, X]
       })]
     });
   }
 });
 export {
-  qt as Grid
+  Jt as Grid
 };