@progress/kendo-vue-grid 3.6.4-dev.202210071340 → 3.6.5-dev.202210181442

package/dist/es/Grid.js

@@ -2,31 +2,24 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -35,9 +28,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
     }
   }
   return to.concat(ar || Array.prototype.slice.call(from));
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -76,7 +68,6 @@ import { pagerMessagesMap } from './messages/main';
 /**
  * @hidden
  */
-
 var GridVue2 = {
   name: 'KendoGrid',
   props: {
@@ -179,8 +170,8 @@ var GridVue2 = {
   mounted: function mounted() {
     this.setRefs();
     var rtl = isRtl(this._element);
-    this.isRtl = rtl; // @ts-ignore
-
+    this.isRtl = rtl;
+    // @ts-ignore
     this.initialHeight = this._element.style ? this._element.style.height : null;
   },
   updated: function updated() {
@@ -210,7 +201,6 @@ var GridVue2 = {
     },
     computedCollapsed: function computedCollapsed() {
       var newCollapsed = [];
-
       if (this.$props.group) {
         for (var i = 0; i < this.$props.group.length; i++) {
           if (this.$props.collapsedGroups[i]) {
@@ -220,7 +210,6 @@ var GridVue2 = {
           }
         }
       }
-
       return newCollapsed;
     }
   },
@@ -236,45 +225,38 @@ var GridVue2 = {
       var shuffledColumns = this._columns.filter(function (q) {
         return q.declarationIndex >= 0 && q.parentIndex === -1;
       });
-
       var sanitize = function sanitize(columns) {
         columns.sort(function (a, b) {
           return a.declarationIndex - b.declarationIndex;
         });
         return columns.map(function (column) {
           var declarationIndex = column.declarationIndex,
-              parentIndex = column.parentIndex,
-              depth = column.depth,
-              colSpan = column.colSpan,
-              rowSpan = column.rowSpan,
-              index = column.index,
-              kFirst = column.kFirst,
-              children = column.children,
-              props = __rest(column, ["declarationIndex", "parentIndex", "depth", "colSpan", "rowSpan", "index", "kFirst", "children"]);
-
+            parentIndex = column.parentIndex,
+            depth = column.depth,
+            colSpan = column.colSpan,
+            rowSpan = column.rowSpan,
+            index = column.index,
+            kFirst = column.kFirst,
+            children = column.children,
+            props = __rest(column, ["declarationIndex", "parentIndex", "depth", "colSpan", "rowSpan", "index", "kFirst", "children"]);
           return children.length ? __assign({
             children: sanitize(children)
           }, props) : props;
         });
       };
-
       return sanitize(shuffledColumns);
     },
     setRefs: function setRefs() {
       var elementString = '$el';
       var element = getRef(this, 'gridNav');
-
       if (element) {
         this._element = element[elementString];
       }
-
       var groupPanelDiv = getRef(this, 'groupPanelDiv');
-
       if (groupPanelDiv) {
         var groupPanelDivElement = groupPanelDiv[elementString] || null;
         this.dragLogic.refGroupPanelDiv(groupPanelDivElement);
       }
-
       var dropElementClue = getRef(this, 'dropElementClue');
       var dragElementClue = getRef(this, 'dragElementClue');
       this.dragLogic.refDropElementClue(dropElementClue);
@@ -291,12 +273,10 @@ var GridVue2 = {
       clearTimeout(this.forceUpdateTimeout);
       this.columnResize.columns = [];
       this.dragLogic.columns = [];
-
       if (this.dragLogic && this.dragLogic.dragElementClue) {
         this.dragLogic.dragElementClue.$el.remove();
         this.dragLogic.dropElementClue.$el.remove();
       }
-
       this.currentData = [];
       this._columns = [];
     },
@@ -330,27 +310,21 @@ var GridVue2 = {
     },
     scrollHandler: function scrollHandler(event) {
       var _this = this;
-
       clearTimeout(this.forceUpdateTimeout);
-
       if (this.$props.columnVirtualization && !this.vs.scrollableVirtual) {
         this.forceUpdateTimeout = setTimeout(function () {
           _this.$forceUpdate();
         }, 0);
       }
-
       if (this._header) {
         this._header.setScrollLeft(event.currentTarget.scrollLeft);
       }
-
       if (this._footer) {
         this._footer.setScrollLeft(event.currentTarget.scrollLeft);
       }
-
       if (this.vs) {
         this.vs.scrollHandler(event);
       }
-
       this.$emit('scroll', event);
     },
     rowClick: function rowClick(e, item) {
@@ -369,20 +343,16 @@ var GridVue2 = {
     },
     loopGroupedItems: function loopGroupedItems(dataItems, func, level, item) {
       var _this = this;
-
       if (level === void 0) {
         level = 0;
       }
-
       if (item === void 0) {
         item = null;
       }
-
       dataItems.forEach(function (di) {
         if (!item && func(di, level)) {
           item = di;
         }
-
         if (di.items && di.items.length && !item) {
           item = _this.loopGroupedItems(di.items, func, level + 1, item);
         }
@@ -393,18 +363,14 @@ var GridVue2 = {
       var collapsed = this.computedCollapsed;
       var collapsedLevel = collapsed[event.level];
       var uniqueField = this.$props.uniqueField;
-
       var allItemsItem = function allItemsItem(item, level) {
         return item.value === event.dataItem.value && level === event.level;
       };
-
       var dataItem = this.allGroupedItems ? this.loopGroupedItems(this.allGroupedItems.data, allItemsItem, 0, null) : event.dataItem;
       var uniqueItemValue = groupedFirstItemValue(dataItem || event.dataItem, uniqueField);
-
       if (event.value) {
         if (collapsedLevel && collapsedLevel.length) {
           var expandedIndex = collapsedLevel.indexOf(uniqueItemValue);
-
           if (expandedIndex > -1) {
             collapsedLevel.splice(expandedIndex, 1);
           }
@@ -418,15 +384,12 @@ var GridVue2 = {
           collapsedLevel = [uniqueItemValue];
         }
       }
-
       return collapsed;
     },
     itemChange: function itemChange(event) {
       var itemChange = hasListener.call(this, 'itemchange');
-
       if (event.field === this.$props.expandField || (this.$props.group || this.$props.detail) && event.field === undefined) {
         var expandChange = hasListener.call(this, 'expandchange');
-
         if (expandChange && event.dataItem) {
           this.$emit('expandchange', __assign(__assign({}, this.getArguments(event.event)), {
             collapsedGroups: this.updateGroupCollapsed(event),
@@ -434,10 +397,8 @@ var GridVue2 = {
             value: event.value
           }));
         }
-
         return;
       }
-
       if (itemChange) {
         this.$emit('itemchange', __assign(__assign({}, this.getArguments(event.event)), {
           dataItem: event.dataItem,
@@ -477,9 +438,9 @@ var GridVue2 = {
     },
     selectionChangeHandler: function selectionChangeHandler(options) {
       var event = options.event,
-          dataItem = options.dataItem,
-          dataIndex = options.dataIndex,
-          columnIndex = options.columnIndex;
+        dataItem = options.dataItem,
+        dataIndex = options.dataIndex,
+        columnIndex = options.columnIndex;
       this.$emit('selectionchange', __assign(__assign({}, this.getArguments(event.event)), {
         dataItem: dataItem,
         startColIndex: columnIndex,
@@ -546,29 +507,21 @@ var GridVue2 = {
     },
     columnReorder: function columnReorder(prev, next, event) {
       var _a;
-
       var _this = this;
-
       var depth = this._columns[prev].depth;
-
       var end = function end(index) {
         do {
           index++;
         } while (index < _this._columns.length && _this._columns[index].depth > depth);
-
         return index;
       };
-
       var spliced = this._columns.splice(prev, end(prev) - prev);
-
       (_a = this._columns).splice.apply(_a, __spreadArray([prev < next ? end(next - spliced.length) : next, 0], spliced, false));
-
       this._columns.filter(function (q) {
         return q.declarationIndex >= 0;
       }).forEach(function (c, i) {
         return c.orderIndex = i;
       });
-
       var eventColumnProps = this.getColumns();
       this.$emit('columnreorder', {
         target: this,
@@ -580,18 +533,15 @@ var GridVue2 = {
       if (this.$props.group === undefined) {
         return;
       }
-
       var group = this.$props.group.slice();
       group.splice.apply(group, __spreadArray([nextIndex, 0], group.splice(prevIndex, 1), false));
       this.groupChangeHandler(group, event);
     },
     columnToGroup: function columnToGroup(columnIndex, groupIndex, event) {
       var field = this._columns[columnIndex].field;
-
       if (!field) {
         return;
       }
-
       var group = (this.$props.group || []).slice();
       group.splice(groupIndex, 0, {
         field: field
@@ -600,33 +550,24 @@ var GridVue2 = {
     },
     resetTableWidth: function resetTableWidth() {
       var totalWidth = 0;
-
       if (!this.columnResize.colGroupMain) {
         return;
       }
-
       var colElements = this.columnResize.colGroupMain.children;
-
       for (var i = 0; i < colElements.length; i++) {
         var width = colElements[i].width;
-
         if (!width) {
           return;
         }
-
         totalWidth += parseFloat(width.toString());
       }
-
       totalWidth = Math.round(totalWidth);
-
       if (this._header) {
         this._header.setWidth(totalWidth);
       }
-
       if (this._footer) {
         this._footer.setWidth(totalWidth);
       }
-
       if (this.vs.table) {
         this.vs.table.style.width = totalWidth + 'px';
       }
@@ -645,13 +586,11 @@ var GridVue2 = {
     },
     initColumns: function initColumns(columnElements, groupCount) {
       var _this = this;
-
       var idPrefix = navigationTools.getIdPrefix(this.navigation);
       this._columns = readColumns(columnElements, this.getColumns(), {
         prevId: 0,
         idPrefix: idPrefix
       });
-
       if (this._columns.length === 0) {
         var currentColumns = autoGenerateColumns(this.$props.dataItems, this.$props.group, this.$props.expandField, {
           prevId: 0,
@@ -659,10 +598,8 @@ var GridVue2 = {
         });
         this._columns = currentColumns;
       }
-
       if (this.$props.selectedField) {
         var that_1 = this;
-
         this._columns.filter(function (c) {
           return c.field === _this.$props.selectedField;
         }).forEach(function (c) {
@@ -671,7 +608,6 @@ var GridVue2 = {
           c.internalHeaderCell = that_1.v3 ? markRaw(GridHeaderSelectionCell) : GridHeaderSelectionCell;
         });
       }
-
       var defaultServiceProps = {
         id: '',
         resizable: true,
@@ -693,7 +629,6 @@ var GridVue2 = {
         isAccessible: true
       };
       var columnIndexOffset = 0;
-
       if (this.$props.expandField && hasListener.call(this, 'expandchange') && this.$props.detail) {
         this._columns.unshift(__assign(__assign(__assign({}, defaultServiceProps), {
           internalCell: this.v3 ? markRaw(GridHierarchyCell) : GridHierarchyCell,
@@ -701,24 +636,19 @@ var GridVue2 = {
           headerClassName: 'k-hierarchy-cell k-header',
           id: navigationTools.generateNavigatableId("".concat(this._columns.length), idPrefix, 'column')
         }), this.expandColumn));
-
         columnIndexOffset++;
       }
-
       for (var i = 0; i < groupCount; i++) {
         this._columns.unshift(__assign(__assign({}, defaultServiceProps), {
           isAccessible: false,
           internalCell: this.v3 ? markRaw(GridGroupCell) : GridGroupCell,
           field: 'value'
         }));
-
         columnIndexOffset++;
       }
-
       this._columns.slice(columnIndexOffset).forEach(function (c) {
         return c.parentIndex >= 0 && (c.parentIndex += columnIndexOffset);
       });
-
       this._columnsMap = mapColumns(this._columns);
       this.columnResize.columns = this._columns;
       this.dragLogic.columns = this._columns;
@@ -730,11 +660,9 @@ var GridVue2 = {
     },
     findColumnByField: function findColumnByField(field) {
       var _this = this;
-
       var column;
       this.$props.columns.forEach(function (c) {
         var columnFound = _this.searchColumn(c, field);
-
         if (columnFound) {
           column = columnFound;
         }
@@ -746,15 +674,12 @@ var GridVue2 = {
         return column;
       } else if (column.children) {
         var i = void 0,
-            result = null;
-
+          result = null;
         for (i = 0; result == null && i < column.children.length; i++) {
           result = this.searchColumn(column.children[i], field);
         }
-
         return result;
       }
-
       return null;
     },
     getDataState: function getDataState() {
@@ -781,23 +706,18 @@ var GridVue2 = {
     },
     totalGroupedRows: function totalGroupedRows(gridData) {
       var allRowsCount = 0;
-
       if (gridData) {
         allRowsCount = this.addSubItems(gridData, allRowsCount);
       }
-
       return allRowsCount;
     },
     addSubItems: function addSubItems(gridData, allRowsCount) {
       var _this = this;
-
       gridData.forEach(function (item) {
         allRowsCount++;
-
         if (item.expanded !== false && item.items) {
           allRowsCount = _this.addSubItems(item.items, allRowsCount);
         }
-
         if (_this.$props.groupable.footer === 'always' || item.expanded !== false && _this.$props.groupable.footer === 'visible') {
           allRowsCount++;
         }
@@ -835,29 +755,24 @@ var GridVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this3 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var total = this.$props.total || 0;
     var idPrefix = navigationTools.getIdPrefix(this.navigation);
     var gridData = [];
-
     if (Array.isArray(this.$props.dataItems)) {
       gridData = this.$props.dataItems;
     } else if (this.$props.dataItems) {
       gridData = applyExpandedState(this.$props.dataItems, this.$props.collapsedGroups.length ? this.computedCollapsed : [], this.$props.uniqueField).data;
       total = total || this.$props.dataItems.total;
     }
-
     var groupable = this.$props.groupable === true || isObject(this.$props.groupable) && this.$props.groupable.enabled !== false;
     this.columnResize.resizable = this.$props.resizable || false;
     this.dragLogic.reorderable = this.$props.reorderable || false;
     this.dragLogic.groupable = groupable;
     this.resetVirtual();
     this.vs.total = total;
-
     if (this.$props.rowHeight !== undefined && this.$props.rowHeight > 0 && !this.currentGroupable) {
       this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * (total || 0));
     } else {
@@ -870,7 +785,6 @@ var GridVue2 = {
         this.vs.containerHeight = 1533915;
       }
     }
-
     var children = defaultSlot || [];
     var groupingFooter = isObject(this.$props.groupable) && this.$props.groupable.footer || 'none';
     this.currentData = [];
@@ -887,12 +801,10 @@ var GridVue2 = {
     var noRecords = children.filter(function (child) {
       return child && child.tag && child.tag.toLowerCase().indexOf('records') !== -1 || child.componentOptions && child.componentOptions.tag && child.componentOptions.tag.toLowerCase().indexOf('records') !== -1 || child.type && child.type.name && child.type.name.toLowerCase().indexOf('records') !== -1;
     });
-
     var columnsWithColGroup = this._columns.filter(function (c) {
       return c.children.length === 0;
-    }); // @ts-ignore
-
-
+    });
+    // @ts-ignore
     var groupingPanel = groupable && h(GroupPanel, {
       ref: this.v3 ? function (el) {
         _this.groupPanelDivRef = el;
@@ -914,18 +826,20 @@ var GridVue2 = {
       onReleaseHandler: this.dragLogic.releaseHandler,
       resolveTitle: this.resolveTitle
     });
-    var clues = (this.dragLogic.reorderable || this.dragLogic.groupable) && canUseDOM && document && document.body // @ts-ignore
+    var clues = (this.dragLogic.reorderable || this.dragLogic.groupable) && canUseDOM && document && document.body
+    // @ts-ignore
     && [h(DropClue, {
       ref: this.v3 ? function (el) {
         _this.dropElementClueRef = el;
       } : 'dropElementClue'
-    }), // @ts-ignore
+    }),
+    // @ts-ignore
     h(DragClue, {
       ref: this.v3 ? function (el) {
         _this.dragElementClueRef = el;
       } : 'dragElementClue'
-    })]; // @ts-ignore
-
+    })];
+    // @ts-ignore
     var header = h(Header, {
       columnResize: this.columnResize,
       attrs: this.v3 ? undefined : {
@@ -950,7 +864,8 @@ var GridVue2 = {
             columnsMap: this._columnsMap,
             cellRender: this.$props.headerCellRender,
             isRtl: this.isRtl,
-            filterRow: this.$props.filterable // @ts-ignore    
+            filterRow: this.$props.filterable
+            // @ts-ignore    
             && h(FilterRow, {
               grid: this,
               attrs: this.v3 ? undefined : {
@@ -1151,13 +1066,15 @@ var GridVue2 = {
     });
     var footer = this._columns.some(function (c) {
       return Boolean(c.footerCell);
-    }) ? // @ts-ignore
+    }) ?
+    // @ts-ignore
     h(Footer, {
       columnResize: this.columnResize,
       attrs: this.v3 ? undefined : {
         columnResize: this.columnResize,
         staticHeaders: this.$props.scrollable !== 'none',
-        row: // @ts-ignore
+        row:
+        // @ts-ignore
         h(FooterRow, {
           isRtl: this.isRtl,
           attrs: this.v3 ? undefined : {
@@ -1221,27 +1138,23 @@ var GridVue2 = {
     var elementInlineStyleWidth = vnodeDataStyle && isObject(vnodeDataStyle) ? vnodeDataStyle[widthProp] || '' : '';
     var tableWidth = parseFloat(elementInlineStyleWidth.toString());
     var scrollLeft = this.vs && this.vs.container && this.vs.container.scrollLeft || 0;
-
     var _a = tableColumnsVirtualization({
-      enabled: this.$props.columnVirtualization,
-      columns: this._columns,
-      tableViewPortWidth: tableWidth,
-      scrollLeft: scrollLeft
-    }),
-        colSpans = _a.colSpans,
-        isColHidden = _a.hiddenColumns;
-
+        enabled: this.$props.columnVirtualization,
+        columns: this._columns,
+        tableViewPortWidth: tableWidth,
+        scrollLeft: scrollLeft
+      }),
+      colSpans = _a.colSpans,
+      isColHidden = _a.hiddenColumns;
     var dataRow = function dataRow(item, rowId, rowDataIndex) {
       var isInEdit = false;
       var selectedValue = this.$props.selectedField ? getNestedValue(this.$props.selectedField, item.dataItem) : undefined;
       return {
         row: this._columns.map(function (column, index) {
           var _this = this;
-
           if (isColHidden[index]) {
             return null;
           }
-
           var className = "".concat(column.className ? column.className + ' ' : '') + "".concat(column.locked ? 'k-grid-content-sticky' : '');
           var style = column.left !== undefined ? !this.isRtl ? {
             left: column.left + 'px',
@@ -1251,27 +1164,21 @@ var GridVue2 = {
             right: column.left + 'px'
           } : {};
           var currentColumnIsInEdit = false;
-
           if (column.editable && this.$props.editField) {
             var inEdit = getNestedValue(this.$props.editField, item.dataItem);
-
             if (inEdit === true || inEdit === column.field) {
               isInEdit = true;
               currentColumnIsInEdit = true;
             }
           }
-
           var columnCellRenderFunction;
-
           if (column.cell) {
             columnCellRenderFunction = templateRendering.call(this, column.cell, getListeners.call(this));
           }
-
           var isCollapsed = this.computedCollapsed && this.computedCollapsed[item.level] && this.computedCollapsed[item.level].some(function (c) {
             return c === groupedFirstItemValue(item.dataItem, _this.$props.uniqueField);
           });
           var isExpanded = isCollapsed ? !isCollapsed : item.expanded;
-
           if (column.internalCell) {
             return h(column.internalCell, {
               key: index,
@@ -1340,7 +1247,6 @@ var GridVue2 = {
               isSelected: Array.isArray(selectedValue) && selectedValue.indexOf(index) > -1
             });
           }
-
           if (currentColumnIsInEdit) {
             // @ts-ignore
             return h(GridEditCell, {
@@ -1398,9 +1304,8 @@ var GridVue2 = {
               dataIndex: item.dataIndex,
               style: style
             });
-          } // @ts-ignore
-
-
+          }
+          // @ts-ignore
           var inbuiltSlot = h(GridCell, {
             key: index,
             id: navigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
@@ -1482,19 +1387,14 @@ var GridVue2 = {
         isSelected: typeof selectedValue === 'boolean' && selectedValue
       };
     };
-
     var hiddenRows = 0;
-
     if (this.$props.scrollable === 'virtual' && this.totalGroupedRows(this.currentData) / 2 > this.$props.take) {
       var topIndex = this.vs.topCacheCount + this.vs.attendedSkip - (this.$props.skip || 0);
-
       for (var i = 0; i < topIndex; i++) {
         var item = this.currentData.shift();
-
         if (item) {
           this.currentData.push(item);
           hiddenRows++;
-
           if (item.rowType === 'groupHeader') {
             i--;
           }
@@ -1503,31 +1403,25 @@ var GridVue2 = {
         }
       }
     }
-
     var hidden = function hidden(index) {
       return index >= _this.currentData.length - hiddenRows;
     };
-
     var detailRenderFunction = templateRendering.call(this, this.$props.detail, getListeners.call(this));
     var absoluteDataIndex = this.vs.propsSkip || 0;
     var rowIndexStart = this._columnsMap.length + (this.$props.filterable ? 1 : 0) + 1;
     var currentAriaRowIndex;
     var dataIndex = -1;
-    var detailRowCount = 0; // @ts-ignore
-
+    var detailRowCount = 0;
+    // @ts-ignore
     var body = this.currentData.length && this.currentData.map(function (item, rowIndex) {
       var _this2 = this;
-
       var _this = this;
-
       if (item.rowType === 'data') {
         absoluteDataIndex++;
       }
-
       if (this.$props.alternatePerGroup && item.rowType === 'groupHeader') {
         absoluteDataIndex = 0;
       }
-
       var isAlt = absoluteDataIndex % 2 === 0;
       var dataItemKey = this.$props.dataItemKey && getter(this.$props.dataItemKey)(item.dataItem);
       var absoluteIndex = rowIndex + (this.vs.propsSkip || 0);
@@ -1537,14 +1431,13 @@ var GridVue2 = {
       leftWidth = 0;
       var rowRenderFunction = templateRendering.call(this, this.$props.rowRender, getListeners.call(this));
       var detailColspan;
-
       if (this.$props.detail && item.rowType === 'data' && item.expanded) {
         detailColspan = columnsWithColGroup.length - (this.$props.expandField ? 1 : 0) - (this.$props.group ? this.$props.group.length : 0) || 1;
         detailRowCount++;
         currentAriaRowIndex = absoluteIndex + rowIndexStart + detailRowCount;
       }
-
-      return [// @ts-ignore function children
+      return [
+      // @ts-ignore function children
       h(GridRow, {
         key: rowId,
         dataItem: item.dataItem,
@@ -1615,13 +1508,15 @@ var GridVue2 = {
           dataItem: item.dataItem,
           key: idx
         });
-      }, this), this.$props.expandField && // @ts-ignore function children
+      }, this), this.$props.expandField &&
+      // @ts-ignore function children
       h(GridDetailHierarchyCell, {
         id: navigationTools.generateNavigatableId("".concat(detailRowId, "-dhcell"), idPrefix),
         attrs: this.v3 ? undefined : {
           id: navigationTools.generateNavigatableId("".concat(detailRowId, "-dhcell"), idPrefix)
         }
-      }), // @ts-ignore function children
+      }),
+      // @ts-ignore function children
       h(GridDetailCell, {
         dataItem: item.dataItem,
         attrs: this.v3 ? undefined : {
@@ -1649,10 +1544,11 @@ var GridVue2 = {
           return !c.children.length;
         }).length
       }
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     noRecords.length ? noRecords : h(GridNoRecords)])]);
-    var pagerTemplate = templateRendering.call(this, this.$props.pager, getListeners.call(this)); // @ts-ignore
-
+    var pagerTemplate = templateRendering.call(this, this.$props.pager, getListeners.call(this));
+    // @ts-ignore
     var defaultPagerRendering = this.$props.pageable && h(Pager, {
       "class": 'k-grid-pager',
       onPagesizechange: this.pageChangeHandler,
@@ -1687,13 +1583,11 @@ var GridVue2 = {
         pagechange: this.pageChangeHandler
       }
     });
-
     var sorted = function sorted(field) {
       return _this.$props.sort && _this.$props.sort.filter(function (descriptor) {
         return descriptor.field === field;
       }).length > 0;
     };
-
     var colGroups = h("colgroup", {
       ref: setRef(this, 'colGroup')
     }, [columnsWithColGroup.map(function (column, index) {
@@ -1729,9 +1623,9 @@ var GridVue2 = {
       template: loaderTemplate,
       defaultRendering: defaultLoaderRendering
     });
-
     if (this.$props.scrollable === 'none') {
-      return (// @ts-ignore function children
+      return (
+        // @ts-ignore function children
         h(TableKeyboardNavigationProvider, {
           ref: 'navRef',
           id: this._gridId,
@@ -1741,7 +1635,8 @@ var GridVue2 = {
           },
           navigatable: this.$props.navigatable
         }, this.v3 ? function () {
-          return [// @ts-ignore function children
+          return [
+          // @ts-ignore function children
           h(GridNav, {
             ref: _this3.v3 ? function (el) {
               _this.gridNavRef = el;
@@ -1810,8 +1705,8 @@ var GridVue2 = {
         }, [body, loader]), footer]), pager, clues])])
       );
     }
-
-    return (// @ts-ignore function children
+    return (
+      // @ts-ignore function children
       h(TableKeyboardNavigationProvider, {
         ref: 'navRef',
         id: this._gridId,
@@ -1821,7 +1716,8 @@ var GridVue2 = {
         },
         navigatable: this.$props.navigatable
       }, this.v3 ? function () {
-        return [// @ts-ignore function children
+        return [
+        // @ts-ignore function children
         h(GridNav, {
           ref: _this3.v3 ? function (el) {
             _this.gridNavRef = el;
@@ -2080,6 +1976,5 @@ var GridVue2 = {
  *
  * ### props <span class='code'>[GridProps]({% slug api_grid_gridprops %})</span>
  */
-
 var Grid = GridVue2;
 export { Grid, GridVue2 };