@syncfusion/ej2-treegrid 21.2.6 → 21.2.9

package/dist/es6/ej2-treegrid.es2015.js

@@ -1,9 +1,15 @@
 import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, classList, closest, compile, createElement, debounce, extend, getEnumValue, getValue, isNullOrUndefined, merge, remove, removeClass, select, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
-import { Aggregate, Cell, CellRenderer, CellType, Clipboard, ColumnChooser, ColumnFreezeContentRenderer, ColumnFreezeHeaderRenderer, ColumnMenu, ColumnVirtualFreezeRenderer, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, FreezeContentRender, FreezeRender, FreezeRowModelGenerator, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualFreezeHdrRenderer, VirtualFreezeRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getObject, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, setDebounce, templateCompiler } from '@syncfusion/ej2-grids';
+import { Aggregate, Cell, CellRenderer, CellType, Clipboard, ColumnChooser, ColumnFreezeContentRenderer, ColumnFreezeHeaderRenderer, ColumnMenu, ColumnVirtualFreezeRenderer, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, FreezeContentRender, FreezeRender, FreezeRowModelGenerator, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualFreezeHdrRenderer, VirtualFreezeRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getObject, getTransformValues, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, setDebounce, templateCompiler } from '@syncfusion/ej2-grids';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, Predicate, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
 import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents TreeGrid `Column` model class.
  */
@@ -96,8 +102,21 @@ class Column {
         }
     }
 }
+/**
+ * Defines TreeGrid column
+ */
+class TreeGridColumn extends Column {
+}
+__decorate$1([
+    Property(null)
+], TreeGridColumn.prototype, "columns", void 0);
+/**
+ * Defines stacked tree grid column
+ */
+class StackedColumn extends TreeGridColumn {
+}
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -108,11 +127,11 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
  */
 class LoadingIndicator extends ChildProperty {
 }
-__decorate$1([
+__decorate$2([
     Property('Spinner')
 ], LoadingIndicator.prototype, "indicatorType", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -123,40 +142,40 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  */
 class Predicate$1 extends ChildProperty {
 }
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "field", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "operator", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "value", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "matchCase", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "ignoreAccent", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "predicate", void 0);
-__decorate$2([
+__decorate$3([
     Property({})
 ], Predicate$1.prototype, "actualFilterValue", void 0);
-__decorate$2([
+__decorate$3([
     Property({})
 ], Predicate$1.prototype, "actualOperator", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "type", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "ejpredicate", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "uid", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], Predicate$1.prototype, "isForeignKey", void 0);
 /**
@@ -164,32 +183,32 @@ __decorate$2([
  */
 class FilterSettings extends ChildProperty {
 }
-__decorate$2([
+__decorate$3([
     Collection([], Predicate$1)
 ], FilterSettings.prototype, "columns", void 0);
-__decorate$2([
+__decorate$3([
     Property('FilterBar')
 ], FilterSettings.prototype, "type", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], FilterSettings.prototype, "mode", void 0);
-__decorate$2([
+__decorate$3([
     Property(true)
 ], FilterSettings.prototype, "showFilterBarStatus", void 0);
-__decorate$2([
+__decorate$3([
     Property(1500)
 ], FilterSettings.prototype, "immediateModeDelay", void 0);
-__decorate$2([
+__decorate$3([
     Property()
 ], FilterSettings.prototype, "operators", void 0);
-__decorate$2([
+__decorate$3([
     Property(false)
 ], FilterSettings.prototype, "ignoreAccent", void 0);
-__decorate$2([
+__decorate$3([
     Property('Parent')
 ], FilterSettings.prototype, "hierarchyMode", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -200,7 +219,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
  */
 class TextWrapSettings extends ChildProperty {
 }
-__decorate$3([
+__decorate$4([
     Property('Both')
 ], TextWrapSettings.prototype, "wrapMode", void 0);
 
@@ -1408,7 +1427,7 @@ class Print$1 {
     }
 }
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1419,23 +1438,23 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
  */
 class SearchSettings extends ChildProperty {
 }
-__decorate$4([
+__decorate$5([
     Property()
 ], SearchSettings.prototype, "fields", void 0);
-__decorate$4([
+__decorate$5([
     Property(false)
 ], SearchSettings.prototype, "ignoreCase", void 0);
-__decorate$4([
+__decorate$5([
     Property('contains')
 ], SearchSettings.prototype, "operator", void 0);
-__decorate$4([
+__decorate$5([
     Property()
 ], SearchSettings.prototype, "key", void 0);
-__decorate$4([
+__decorate$5([
     Property()
 ], SearchSettings.prototype, "hierarchyMode", void 0);
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1446,25 +1465,25 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
  */
 class SelectionSettings extends ChildProperty {
 }
-__decorate$5([
+__decorate$6([
     Property('Row')
 ], SelectionSettings.prototype, "mode", void 0);
-__decorate$5([
+__decorate$6([
     Property('Flow')
 ], SelectionSettings.prototype, "cellSelectionMode", void 0);
-__decorate$5([
+__decorate$6([
     Property('Single')
 ], SelectionSettings.prototype, "type", void 0);
-__decorate$5([
+__decorate$6([
     Property(false)
 ], SelectionSettings.prototype, "persistSelection", void 0);
-__decorate$5([
+__decorate$6([
     Property('Default')
 ], SelectionSettings.prototype, "checkboxMode", void 0);
-__decorate$5([
+__decorate$6([
     Property(false)
 ], SelectionSettings.prototype, "checkboxOnly", void 0);
-__decorate$5([
+__decorate$6([
     Property(true)
 ], SelectionSettings.prototype, "enableToggle", void 0);
 
@@ -1506,7 +1525,7 @@ class Render {
             if (collapsed$$1 && !isNullOrUndefined(args.row)) {
                 args.row.style.display = 'none';
                 const rowsObj = this.parent.grid.getRowsObject();
-                if (!isNullOrUndefined(args.row.getAttribute('data-uid'))) {
+                if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
                     rowsObj.filter((e) => e.uid === args.row.getAttribute('data-uid'))[0].visible = false;
                 }
             }
@@ -1691,7 +1710,8 @@ class Render {
         }
         if (summaryRow) {
             addClass([args.cell], 'e-summarycell');
-            const summaryData = getObject(args.column.field, args.data);
+            let summaryData = getObject(args.column.field, args.data);
+            summaryData = isNullOrUndefined(summaryData) ? null : summaryData;
             if (args.cell.querySelector('.e-treecell') != null) {
                 args.cell.querySelector('.e-treecell').innerHTML = summaryData;
             }
@@ -2190,7 +2210,18 @@ class DataManipulation {
                 }
                 result = resultChildData;
             }
-            rowDetails.record.childRecords = result;
+            if (this.parent.enableVirtualization && rowDetails.action === 'remoteExpand') {
+                rowDetails.record.childRecords = [];
+                for (let i = 0; i < result.length; i++) {
+                    if (rowDetails.record['' + this.parent.idMapping] !== result[parseInt(i.toString(), 10)]['' + this.parent.idMapping] &&
+                        rowDetails.record['' + this.parent.idMapping] === result[parseInt(i.toString(), 10)]['' + this.parent.parentIdMapping] && Object.prototype.hasOwnProperty.call(result, i)) {
+                        rowDetails.record.childRecords.push(result[parseInt(i.toString(), 10)]);
+                    }
+                }
+            }
+            else {
+                rowDetails.record.childRecords = result;
+            }
             for (let r = 0; r < result.length; r++) {
                 if (this.parent.enableVirtualization && result[parseInt(r.toString(), 10)][`${this.parent.idMapping}`] === rowDetails.record[`${this.parent.idMapping}`] && rowDetails.action === 'remoteExpand') {
                     this.parent[`${remoteExpandedData}`].push(rowDetails.record);
@@ -2208,6 +2239,7 @@ class DataManipulation {
                         if (result[parseInt(r.toString(), 10)][`${this.parent.parentIdMapping}`] === this.parent[`${remoteExpandedData}`][parseInt(i.toString(), 10)][`${this.parent.idMapping}`]) {
                             result[parseInt(r.toString(), 10)].level = this.parent[`${remoteExpandedData}`][parseInt(i.toString(), 10)][`${level}`] + 1;
                             const parentData = this.parent[`${remoteExpandedData}`][parseInt(i.toString(), 10)];
+                            delete parentData.childRecords;
                             result[parseInt(r.toString(), 10)].parentItem = parentData;
                             result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
                         }
@@ -2219,6 +2251,10 @@ class DataManipulation {
                         && !(haveChild && !haveChild[parseInt(r.toString(), 10)])) {
                         if (isNullOrUndefined(result[parseInt(r.toString(), 10)][`${this.parent.parentIdMapping}`])) {
                             result[parseInt(r.toString(), 10)].level = 0;
+                            if (rowDetails.action === 'remoteExpand') {
+                                result[parseInt(r.toString(), 10)].childRecords = [];
+                                result[parseInt(r.toString(), 10)].childRecords = rowDetails.record.childRecords;
+                            }
                         }
                         else {
                             result[parseInt(r.toString(), 10)].level = rowDetails.record.level;
@@ -2662,7 +2698,7 @@ var ContextMenuItems;
     ContextMenuItems[ContextMenuItems["RowOutdent"] = 17] = "RowOutdent";
 })(ContextMenuItems || (ContextMenuItems = {}));
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2673,32 +2709,32 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
  */
 class PageSettings extends ChildProperty {
 }
-__decorate$6([
+__decorate$7([
     Property(12)
 ], PageSettings.prototype, "pageSize", void 0);
-__decorate$6([
+__decorate$7([
     Property(8)
 ], PageSettings.prototype, "pageCount", void 0);
-__decorate$6([
+__decorate$7([
     Property(1)
 ], PageSettings.prototype, "currentPage", void 0);
-__decorate$6([
+__decorate$7([
     Property()
 ], PageSettings.prototype, "totalRecordsCount", void 0);
-__decorate$6([
+__decorate$7([
     Property(false)
 ], PageSettings.prototype, "enableQueryString", void 0);
-__decorate$6([
+__decorate$7([
     Property(false)
 ], PageSettings.prototype, "pageSizes", void 0);
-__decorate$6([
+__decorate$7([
     Property(null)
 ], PageSettings.prototype, "template", void 0);
-__decorate$6([
+__decorate$7([
     Property('All')
 ], PageSettings.prototype, "pageSizeMode", void 0);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2774,34 +2810,34 @@ class AggregateColumn extends ChildProperty {
         this.setProperties(prop, true);
     }
 }
-__decorate$7([
+__decorate$8([
     Property()
 ], AggregateColumn.prototype, "type", void 0);
-__decorate$7([
+__decorate$8([
     Property()
 ], AggregateColumn.prototype, "footerTemplate", void 0);
-__decorate$7([
+__decorate$8([
     Property()
 ], AggregateColumn.prototype, "field", void 0);
-__decorate$7([
+__decorate$8([
     Property()
 ], AggregateColumn.prototype, "format", void 0);
-__decorate$7([
+__decorate$8([
     Property()
 ], AggregateColumn.prototype, "columnName", void 0);
-__decorate$7([
+__decorate$8([
     Property()
 ], AggregateColumn.prototype, "customAggregate", void 0);
 class AggregateRow extends ChildProperty {
 }
-__decorate$7([
+__decorate$8([
     Collection([], AggregateColumn)
 ], AggregateRow.prototype, "columns", void 0);
-__decorate$7([
+__decorate$8([
     Property(true)
 ], AggregateRow.prototype, "showChildSummary", void 0);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2812,41 +2848,41 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
  */
 class EditSettings extends ChildProperty {
 }
-__decorate$8([
+__decorate$9([
     Property(false)
 ], EditSettings.prototype, "allowAdding", void 0);
-__decorate$8([
+__decorate$9([
     Property(false)
 ], EditSettings.prototype, "allowEditing", void 0);
-__decorate$8([
+__decorate$9([
     Property(false)
 ], EditSettings.prototype, "allowDeleting", void 0);
-__decorate$8([
+__decorate$9([
     Property('Cell')
 ], EditSettings.prototype, "mode", void 0);
-__decorate$8([
+__decorate$9([
     Property('Top')
 ], EditSettings.prototype, "newRowPosition", void 0);
-__decorate$8([
+__decorate$9([
     Property(true)
 ], EditSettings.prototype, "allowEditOnDblClick", void 0);
-__decorate$8([
+__decorate$9([
     Property(true)
 ], EditSettings.prototype, "showConfirmDialog", void 0);
-__decorate$8([
+__decorate$9([
     Property(false)
 ], EditSettings.prototype, "showDeleteConfirmDialog", void 0);
-__decorate$8([
+__decorate$9([
     Property('')
 ], EditSettings.prototype, "template", void 0);
-__decorate$8([
+__decorate$9([
     Property({})
 ], EditSettings.prototype, "dialog", void 0);
-__decorate$8([
+__decorate$9([
     Property(false)
 ], EditSettings.prototype, "allowNextRowEdit", void 0);
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$10 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2857,10 +2893,10 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
  */
 class SortDescriptor extends ChildProperty {
 }
-__decorate$9([
+__decorate$10([
     Property()
 ], SortDescriptor.prototype, "field", void 0);
-__decorate$9([
+__decorate$10([
     Property()
 ], SortDescriptor.prototype, "direction", void 0);
 /**
@@ -2868,10 +2904,10 @@ __decorate$9([
  */
 class SortSettings extends ChildProperty {
 }
-__decorate$9([
+__decorate$10([
     Collection([], SortDescriptor)
 ], SortSettings.prototype, "columns", void 0);
-__decorate$9([
+__decorate$10([
     Property(true)
 ], SortSettings.prototype, "allowUnsort", void 0);
 
@@ -3275,7 +3311,7 @@ function updateParentRow(key, record, action, control, isSelfReference, child) {
     }
 }
 
-var __decorate$10 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$11 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3286,13 +3322,13 @@ var __decorate$10 = (undefined && undefined.__decorate) || function (decorators,
  */
 class InfiniteScrollSettings extends ChildProperty {
 }
-__decorate$10([
+__decorate$11([
     Property(false)
 ], InfiniteScrollSettings.prototype, "enableCache", void 0);
-__decorate$10([
+__decorate$11([
     Property(3)
 ], InfiniteScrollSettings.prototype, "maxBlocks", void 0);
-__decorate$10([
+__decorate$11([
     Property(3)
 ], InfiniteScrollSettings.prototype, "initialBlocks", void 0);
 
@@ -5890,7 +5926,17 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
             }
             else {
-                record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                if (this.enableVirtualization && this.isCollapseAll) {
+                    if (this.isExpandAll && row.rowIndex === -1) {
+                        record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                    }
+                    else {
+                        record = this.grid.getCurrentViewRecords()[row.rowIndex];
+                    }
+                }
+                else {
+                    record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                }
             }
         }
         return record;
@@ -6113,10 +6159,17 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             if (rows.length) {
                 for (let i = 0; i < rows.length; i++) {
                     if (action === 'collapse') {
-                        this.collapseRow(rows[parseInt(i.toString(), 10)]);
+                        if (!isNullOrUndefined(this.getCurrentViewRecords()[rows[parseInt(i.toString(), 10)].rowIndex])) {
+                            this.collapseRow(rows[parseInt(i.toString(), 10)]);
+                        }
                     }
                     else {
-                        this.expandRow(rows[parseInt(i.toString(), 10)]);
+                        if (!this.enableVirtualization) {
+                            this.expandRow(rows[parseInt(i.toString(), 10)]);
+                        }
+                        else if (rows[0].getAttribute('aria-expanded') !== 'true') {
+                            this.expandRow(rows[0]);
+                        }
                     }
                 }
             }
@@ -8457,14 +8510,13 @@ class RowDD$1 {
                             const childRecords = rec[0].childRecords;
                             const droppedRecordIndex = childRecords.indexOf(droppedRecord) + 1;
                             childRecords.splice(droppedRecordIndex, 0, draggedRecord);
-                            if (this.parent.enableImmutableMode || this.parent['isIndentEnabled'] && !this.parent.parentIdMapping) {
-                                draggedRecord.parentItem = droppedRecord.parentItem;
-                                draggedRecord.level = droppedRecord.level;
-                            }
+                            draggedRecord.parentItem = droppedRecord.parentItem;
                             draggedRecord.parentUniqueID = droppedRecord.parentUniqueID;
+                            draggedRecord.level = droppedRecord.level;
                             if (this.parent.parentIdMapping) {
                                 draggedRecord[this.parent.parentIdMapping] = droppedRecord[this.parent.parentIdMapping];
-                                draggedRecord.parentUniqueID = droppedRecord.parentUniqueID;
+                                draggedRecord.parentItem = droppedRecord.parentItem;
+                                draggedRecord.level = droppedRecord.level;
                             }
                         }
                         if (draggedRecord.hasChildRecords) {
@@ -8849,7 +8901,7 @@ class RowDD$1 {
  * Base export
  */
 
-var __decorate$11 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$12 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -8860,7 +8912,7 @@ var __decorate$11 = (undefined && undefined.__decorate) || function (decorators,
  */
 class RowDropSettings$1 extends ChildProperty {
 }
-__decorate$11([
+__decorate$12([
     Property()
 ], RowDropSettings$1.prototype, "targetID", void 0);
 
@@ -11122,6 +11174,9 @@ class Edit$1 {
     }
     gridDblClick(e) {
         this.doubleClickTarget = e.target;
+        if (e.target.classList.contains('e-frame') && this.parent.getCurrentViewRecords().length === 0) {
+            this.doubleClickTarget = null;
+        }
     }
     getRowPosition(addArgs) {
         addArgs.newRowPosition = this.parent.editSettings.newRowPosition;
@@ -11129,7 +11184,9 @@ class Edit$1 {
         addArgs.dataRowIndex = +this.prevAriaRowIndex;
     }
     beforeStartEdit(args) {
-        this.parent.trigger(actionBegin, args);
+        if (this.parent.editSettings.mode === 'Cell') {
+            this.parent.trigger(actionBegin, args);
+        }
     }
     beforeBatchCancel(args) {
         if (this.parent.editSettings.mode === 'Cell') {
@@ -11695,7 +11752,7 @@ class Edit$1 {
                             index = index + batchChildCount;
                         }
                     }
-                    else {
+                    else if (!this.parent.enableVirtualization) {
                         index += findChildrenRecords(records[parseInt(index.toString(), 10)]).length;
                     }
                 }
@@ -12624,7 +12681,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         const currentViewData = this.parent.currentViewData;
         const indexValue = 'index';
         if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
-            const vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? this.parent.height :
+            const vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? parseInt(this.parent.height.toString(), 10) :
                 this.parent.element.getBoundingClientRect().height);
             let index = (~~(content$$1.scrollTop / rowHeight)
                 + Math.ceil(vHeight / rowHeight))
@@ -12683,6 +12740,11 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             }
             this.startIndex = !isLastBlock ? lastIndex - this.parent.pageSettings.pageSize : nextSetResIndex;
             this.endIndex = lastIndex;
+            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords &&
+                (this.endIndex - this.startIndex) < (this.parent.pageSettings.pageSize / 2) &&
+                (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
+                this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
+            }
             if (currentViewData.length && this.startIndex > currentViewData[0][`${indexValue}`] &&
                 ((this.startIndex - currentViewData[0][`${indexValue}`]) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
                 this.startIndex = currentViewData[0][`${indexValue}`] + (this.parent.pageSettings.pageSize / 2);
@@ -12695,7 +12757,12 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                     this.translateY = scrollArgs.offset.top - rowHeight * 2;
                 }
                 else {
-                    this.translateY = scrollArgs.offset.top;
+                    if (this.totalRecords == this.endIndex) {
+                        this.translateY = scrollArgs.offset.top - (rowHeight - outBuffer);
+                    }
+                    else {
+                        this.translateY = scrollArgs.offset.top;
+                    }
                 }
             }
         }
@@ -13016,14 +13083,17 @@ class VirtualScroll$1 {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(virtualActionArgs, { setTop: true });
             }
-            if (requestType === 'save' && this.parent.editSettings.newRowPosition === 'Bottom') {
+            if (requestType === 'save') {
+                startIndex = counts.startIndex + (counts.count - counts.endIndex);
                 endIndex = counts.count;
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&
             //this.prevendIndex === endIndex && this.prevstartIndex === startIndex) {
+            const virtualWrapperElement = this.parent.grid.contentModule.virtualEle.wrapper;
+            const translateY = getTransformValues(virtualWrapperElement).height;
             if (!isNullOrUndefined(this.expandCollapseRec) && (pageingDetails.actionArgs.requestType === 'virtualscroll' ||
                 (pageingDetails.actionArgs.requestType === 'refresh' && startIndex !== this.prevstartIndex)) &&
-                (startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length)) {
+                (startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length) && translateY === 0) {
                 startIndex = 0;
             }
             if (!isNullOrUndefined(this.expandCollapseRec)) {
@@ -13099,7 +13169,7 @@ class TreeVirtual extends VirtualScroll {
         if (!isNullOrUndefined(parentGrid.height) && typeof (parentGrid.height) === 'string' && parentGrid.height.indexOf('%') !== -1) {
             parentGrid.element.style.height = parentGrid.height;
         }
-        const vHeight = parentGrid.height.toString().indexOf('%') < 0 ? parentGrid.height :
+        const vHeight = parentGrid.height.toString().indexOf('%') < 0 ? parseInt(parentGrid.height.toString(), 10) :
             parentGrid.element.getBoundingClientRect().height;
         const blockSize = ~~(vHeight / rowHeight);
         const height = blockSize * 2;
@@ -13750,5 +13820,5 @@ class InfiniteScroll$1 {
  * Export TreeGrid component
  */
 
-export { TreeGrid, load, rowDataBound, dataBound, queryCellInfo, beforeDataBound, actionBegin, dataStateChange, actionComplete, rowSelecting, rowSelected, checkboxChange, rowDeselected, toolbarClick, beforeExcelExport, beforePdfExport, resizeStop, expanded, expanding, collapsed, collapsing, remoteExpand, localPagedExpandCollapse, pagingActions, printGridInit, contextMenuOpen, contextMenuClick, beforeCopy, beforePaste, savePreviousRowPosition, crudAction, beginEdit, beginAdd, recordDoubleClick, cellSave, cellSaved, cellEdit, batchDelete, batchCancel, batchAdd, beforeBatchDelete, beforeBatchAdd, beforeBatchSave, batchSave, keyPressed, updateData, doubleTap, virtualColumnIndex, virtualActionArgs, destroy, dataListener, indexModifier, beforeStartEdit, beforeBatchCancel, batchEditFormRendered, detailDataBound, rowDrag, rowDragStartHelper, rowDrop, rowDragStart, rowsAdd, rowsRemove, rowdraging, rowDropped, autoCol, rowDeselecting, headerContent, movableContent, movableHeader, frozenContent, frozenHeader, content, table, leftRight, frozenRight, frozenLeft, dataColIndex, ariaColIndex, dataRowIndex, ariaRowIndex, DataManipulation, Reorder$1 as Reorder, Resize$1 as Resize, RowDD$1 as RowDD, Column, EditSettings, Predicate$1 as Predicate, FilterSettings, PageSettings, SearchSettings, SelectionSettings, AggregateColumn, AggregateRow, SortDescriptor, SortSettings, RowDropSettings$1 as RowDropSettings, InfiniteScrollSettings, LoadingIndicator, Render, TreeVirtualRowModelGenerator, isRemoteData, isCountRequired, isCheckboxcolumn, isFilterChildHierarchy, findParentRecords, getExpandStatus, findChildrenRecords, isOffline, extendArray, getPlainData, getParentData, isHidden, ToolbarItem, ContextMenuItems, Filter$1 as Filter, ExcelExport$1 as ExcelExport, PdfExport$1 as PdfExport, Page$1 as Page, Toolbar$1 as Toolbar, Aggregate$1 as Aggregate, Sort$1 as Sort, TreeClipboard, ColumnMenu$1 as ColumnMenu, ContextMenu$1 as ContextMenu, Edit$1 as Edit, CommandColumn$1 as CommandColumn, Selection, DetailRow$1 as DetailRow, VirtualScroll$1 as VirtualScroll, TreeVirtual, Freeze$1 as Freeze, ColumnChooser$1 as ColumnChooser, Logger$1 as Logger, treeGridDetails, InfiniteScroll$1 as InfiniteScroll };
+export { TreeGrid, load, rowDataBound, dataBound, queryCellInfo, beforeDataBound, actionBegin, dataStateChange, actionComplete, rowSelecting, rowSelected, checkboxChange, rowDeselected, toolbarClick, beforeExcelExport, beforePdfExport, resizeStop, expanded, expanding, collapsed, collapsing, remoteExpand, localPagedExpandCollapse, pagingActions, printGridInit, contextMenuOpen, contextMenuClick, beforeCopy, beforePaste, savePreviousRowPosition, crudAction, beginEdit, beginAdd, recordDoubleClick, cellSave, cellSaved, cellEdit, batchDelete, batchCancel, batchAdd, beforeBatchDelete, beforeBatchAdd, beforeBatchSave, batchSave, keyPressed, updateData, doubleTap, virtualColumnIndex, virtualActionArgs, destroy, dataListener, indexModifier, beforeStartEdit, beforeBatchCancel, batchEditFormRendered, detailDataBound, rowDrag, rowDragStartHelper, rowDrop, rowDragStart, rowsAdd, rowsRemove, rowdraging, rowDropped, autoCol, rowDeselecting, headerContent, movableContent, movableHeader, frozenContent, frozenHeader, content, table, leftRight, frozenRight, frozenLeft, dataColIndex, ariaColIndex, dataRowIndex, ariaRowIndex, DataManipulation, Reorder$1 as Reorder, Resize$1 as Resize, RowDD$1 as RowDD, Column, TreeGridColumn, StackedColumn, EditSettings, Predicate$1 as Predicate, FilterSettings, PageSettings, SearchSettings, SelectionSettings, AggregateColumn, AggregateRow, SortDescriptor, SortSettings, RowDropSettings$1 as RowDropSettings, InfiniteScrollSettings, LoadingIndicator, Render, TreeVirtualRowModelGenerator, isRemoteData, isCountRequired, isCheckboxcolumn, isFilterChildHierarchy, findParentRecords, getExpandStatus, findChildrenRecords, isOffline, extendArray, getPlainData, getParentData, isHidden, ToolbarItem, ContextMenuItems, Filter$1 as Filter, ExcelExport$1 as ExcelExport, PdfExport$1 as PdfExport, Page$1 as Page, Toolbar$1 as Toolbar, Aggregate$1 as Aggregate, Sort$1 as Sort, TreeClipboard, ColumnMenu$1 as ColumnMenu, ContextMenu$1 as ContextMenu, Edit$1 as Edit, CommandColumn$1 as CommandColumn, Selection, DetailRow$1 as DetailRow, VirtualScroll$1 as VirtualScroll, TreeVirtual, Freeze$1 as Freeze, ColumnChooser$1 as ColumnChooser, Logger$1 as Logger, treeGridDetails, InfiniteScroll$1 as InfiniteScroll };
 //# sourceMappingURL=ej2-treegrid.es2015.js.map