@syncfusion/ej2-treegrid 25.2.5 → 26.1.35-469198

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

@@ -1,15 +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, ColumnMenu, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getNumberFormat, getObject, getTransformValues, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, templateCompiler } from '@syncfusion/ej2-grids';
+import { merge, Property, ChildProperty, Collection, isNullOrUndefined, Browser, removeClass, addClass, getValue, createElement, setValue, extend as extend$1, Internationalization, getEnumValue, compile, Component, L10n, EventHandler, KeyboardEvents, SanitizeHtmlHelper, Complex, Event, NotifyPropertyChanges, closest, classList, setStyleAttribute, select, debounce, remove } from '@syncfusion/ej2-base';
+import { Logger as Logger$1, Grid, detailLists, Clipboard, getObject, parentsUntil, Print as Print$1, templateCompiler, appendChildren, extend, CellRenderer, getUid, CellType, Freeze as Freeze$1, getNumberFormat, getActualProperties, iterateArrayOrObject, RowDropSettings as RowDropSettings$1, Reorder as Reorder$1, Resize as Resize$1, RowDD as RowDD$1, Scroll, VirtualRowModelGenerator, Filter as Filter$1, ExcelExport as ExcelExport$1, PdfExport as PdfExport$1, Page as Page$1, Toolbar as Toolbar$1, Aggregate as Aggregate$1, calculateAggregate, Sort as Sort$1, ColumnMenu as ColumnMenu$1, ContextMenu as ContextMenu$1, Edit as Edit$1, resetRowIndex, CommandColumn as CommandColumn$1, DetailRow as DetailRow$1, VirtualContentRenderer, Cell, InterSectionObserver, getTransformValues, VirtualScroll as VirtualScroll$1, RenderType, VirtualHeaderRenderer, ColumnChooser as ColumnChooser$1, InfiniteScroll as InfiniteScroll$1, RowRenderer } 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';
+import { DataManager, ODataAdaptor, WebApiAdaptor, WebMethodAdaptor, CacheAdaptor, UrlAdaptor, Query, DataUtil, RemoteSaveAdaptor, Deferred, JsonAdaptor, Predicate as Predicate$1 } from '@syncfusion/ej2-data';
+import { showSpinner, hideSpinner, createSpinner } 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;
-};
+var __decorate = (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.
  */
@@ -107,7 +107,7 @@ class Column {
  */
 class TreeGridColumn extends Column {
 }
-__decorate$1([
+__decorate([
     Property(null)
 ], TreeGridColumn.prototype, "columns", void 0);
 /**
@@ -116,110 +116,110 @@ __decorate$1([
 class StackedColumn extends TreeGridColumn {
 }
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+};
 /**
  * Configures the Loading Indicator of the Tree Grid.
  */
 class LoadingIndicator extends ChildProperty {
 }
-__decorate$2([
+__decorate$1([
     Property('Spinner')
 ], LoadingIndicator.prototype, "indicatorType", void 0);
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents the Tree Grid predicate for the filter column.
  */
-class Predicate$1 extends ChildProperty {
+class Predicate extends ChildProperty {
 }
-__decorate$3([
+__decorate$2([
     Property()
-], Predicate$1.prototype, "field", void 0);
-__decorate$3([
+], Predicate.prototype, "field", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "operator", void 0);
-__decorate$3([
+], Predicate.prototype, "operator", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "value", void 0);
-__decorate$3([
+], Predicate.prototype, "value", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "matchCase", void 0);
-__decorate$3([
+], Predicate.prototype, "matchCase", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "ignoreAccent", void 0);
-__decorate$3([
+], Predicate.prototype, "ignoreAccent", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "predicate", void 0);
-__decorate$3([
+], Predicate.prototype, "predicate", void 0);
+__decorate$2([
     Property({})
-], Predicate$1.prototype, "actualFilterValue", void 0);
-__decorate$3([
+], Predicate.prototype, "actualFilterValue", void 0);
+__decorate$2([
     Property({})
-], Predicate$1.prototype, "actualOperator", void 0);
-__decorate$3([
+], Predicate.prototype, "actualOperator", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "type", void 0);
-__decorate$3([
+], Predicate.prototype, "type", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "ejpredicate", void 0);
-__decorate$3([
+], Predicate.prototype, "ejpredicate", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "uid", void 0);
-__decorate$3([
+], Predicate.prototype, "uid", void 0);
+__decorate$2([
     Property()
-], Predicate$1.prototype, "isForeignKey", void 0);
+], Predicate.prototype, "isForeignKey", void 0);
 /**
  * Configures the filtering behavior of the TreeGrid.
  */
 class FilterSettings extends ChildProperty {
 }
-__decorate$3([
-    Collection([], Predicate$1)
+__decorate$2([
+    Collection([], Predicate)
 ], FilterSettings.prototype, "columns", void 0);
-__decorate$3([
+__decorate$2([
     Property('FilterBar')
 ], FilterSettings.prototype, "type", void 0);
-__decorate$3([
+__decorate$2([
     Property()
 ], FilterSettings.prototype, "mode", void 0);
-__decorate$3([
+__decorate$2([
     Property(true)
 ], FilterSettings.prototype, "showFilterBarStatus", void 0);
-__decorate$3([
+__decorate$2([
     Property(1500)
 ], FilterSettings.prototype, "immediateModeDelay", void 0);
-__decorate$3([
+__decorate$2([
     Property()
 ], FilterSettings.prototype, "operators", void 0);
-__decorate$3([
+__decorate$2([
     Property(false)
 ], FilterSettings.prototype, "ignoreAccent", void 0);
-__decorate$3([
+__decorate$2([
     Property('Parent')
 ], FilterSettings.prototype, "hierarchyMode", void 0);
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the textwrap behavior of the TreeGrid.
  */
 class TextWrapSettings extends ChildProperty {
 }
-__decorate$4([
+__decorate$3([
     Property('Both')
 ], TextWrapSettings.prototype, "wrapMode", void 0);
 
@@ -232,9 +232,9 @@ const DOC_URL = 'https://ej2.syncfusion.com/documentation/treegrid';
 const BASE_DOC_URL = 'https://ej2.syncfusion.com/documentation';
 const ERROR = '[EJ2TreeGrid.Error]';
 let IsRowDDEnabled = false;
-class Logger$1 extends Logger {
+class Logger extends Logger$1 {
     constructor(parent) {
-        Grid.Inject(Logger);
+        Grid.Inject(Logger$1);
         super(parent);
     }
     /**
@@ -502,6 +502,8 @@ const ariaColIndex = 'aria-colindex';
 const dataRowIndex = 'data-rowindex';
 /** @hidden */
 const ariaRowIndex = 'aria-rowindex';
+/** @hidden */
+const actionFailure = 'actionFailure';
 
 /**
  * The `Clipboard` module is used to handle clipboard copy action.
@@ -764,7 +766,7 @@ function getExpandStatus(parent, record, parents) {
                 return false;
             }
             else if (childParent) {
-                return getExpandStatus(parent, childParent, parents);
+                return getExpandStatus(parent, childParent);
             }
             return true;
         }
@@ -1032,6 +1034,10 @@ class Selection {
         }
     }
     selectCheckboxes(rowIndexes) {
+        if (isNullOrUndefined(rowIndexes)) {
+            const error = 'The provided value for the rowIndexes is undefined. Please ensure the rowIndexes contains number.';
+            this.parent.trigger(actionFailure, { error: error });
+        }
         for (let i = 0; i < rowIndexes.length; i++) {
             let record = this.parent.getCurrentViewRecords()[rowIndexes[parseInt(i.toString(), 10)]];
             const flatRecord = getParentData(this.parent, record.uniqueID);
@@ -1373,7 +1379,7 @@ class Selection {
  *
  * @hidden
  */
-class Print$1 {
+class Print {
     /**
      * Constructor for Print module
      *
@@ -1381,7 +1387,7 @@ class Print$1 {
      */
     constructor(parent) {
         this.parent = parent;
-        Grid.Inject(Print);
+        Grid.Inject(Print$1);
         this.addEventListener();
     }
     /**
@@ -1425,63 +1431,63 @@ class Print$1 {
     }
 }
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the filtering behavior of the TreeGrid.
  */
 class SearchSettings extends ChildProperty {
 }
-__decorate$5([
+__decorate$4([
     Property()
 ], SearchSettings.prototype, "fields", void 0);
-__decorate$5([
+__decorate$4([
     Property(false)
 ], SearchSettings.prototype, "ignoreCase", void 0);
-__decorate$5([
+__decorate$4([
     Property('contains')
 ], SearchSettings.prototype, "operator", void 0);
-__decorate$5([
+__decorate$4([
     Property()
 ], SearchSettings.prototype, "key", void 0);
-__decorate$5([
+__decorate$4([
     Property()
 ], SearchSettings.prototype, "hierarchyMode", void 0);
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the selection behavior of the TreeGrid.
  */
 class SelectionSettings extends ChildProperty {
 }
-__decorate$6([
+__decorate$5([
     Property('Row')
 ], SelectionSettings.prototype, "mode", void 0);
-__decorate$6([
+__decorate$5([
     Property('Flow')
 ], SelectionSettings.prototype, "cellSelectionMode", void 0);
-__decorate$6([
+__decorate$5([
     Property('Single')
 ], SelectionSettings.prototype, "type", void 0);
-__decorate$6([
+__decorate$5([
     Property(false)
 ], SelectionSettings.prototype, "persistSelection", void 0);
-__decorate$6([
+__decorate$5([
     Property('Default')
 ], SelectionSettings.prototype, "checkboxMode", void 0);
-__decorate$6([
+__decorate$5([
     Property(false)
 ], SelectionSettings.prototype, "checkboxOnly", void 0);
-__decorate$6([
+__decorate$5([
     Property(true)
 ], SelectionSettings.prototype, "enableToggle", void 0);
 
@@ -1517,10 +1523,10 @@ class Render {
         if (!isNullOrUndefined(data.parentItem) && !isFilterChildHierarchy(this.parent) &&
             (!(this.parent.allowPaging && !(this.parent.pageSettings.pageSizeMode === 'Root')) ||
                 (isRemoteData(this.parent) && !isOffline(this.parent)))) {
-            const collapsed$$1 = (this.parent.initialRender && (!(isNullOrUndefined(parentData[this.parent.expandStateMapping]) ||
+            const collapsed = (this.parent.initialRender && (!(isNullOrUndefined(parentData[this.parent.expandStateMapping]) ||
                 parentData[this.parent.expandStateMapping]) || this.parent.enableCollapseAll)) ||
                 !getExpandStatus(this.parent, args.data, this.parent.grid.getCurrentViewRecords());
-            if (collapsed$$1 && !isNullOrUndefined(args.row)) {
+            if (collapsed && !isNullOrUndefined(args.row)) {
                 args.row.style.display = 'none';
                 const rowsObj = this.parent.grid.getRowsObject();
                 if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
@@ -1799,7 +1805,7 @@ class Render {
                 }
                 else {
                     const str = 'isStringTemplate';
-                    const result = args.column[`${templateFn}`](extend$1({ 'index': '' }, args.data), this.parent, 'template', tempID, this.parent[`${str}`]);
+                    const result = args.column[`${templateFn}`](extend({ 'index': '' }, args.data), this.parent, 'template', tempID, this.parent[`${str}`]);
                     appendChildren(cellElement, result);
                 }
                 delete args.column.template;
@@ -1838,7 +1844,9 @@ class Render {
                             && !isNullOrUndefined(rowsObj[parseInt(j.toString(), 10)].index)) {
                             const cell = rowsObj[parseInt(j.toString(), 10)][`${cells}`][parseInt(cellIndex.toString(), 10)];
                             const cellRenderer = new CellRenderer(this.parent.grid, this.parent.grid.serviceLocator);
-                            const td = this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent);
+                            const td = rows.length >= rowsObj.length
+                                ? this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent)
+                                : this.parent.getRows()[rowsObj[parseInt(j.toString(), 10)].index].querySelector('.e-templatecell');
                             cellRenderer.refreshTD(td, cell, rowsObj[parseInt(j.toString(), 10)].data, { index: rowsObj[parseInt(j.toString(), 10)][`${rowIdx}`] });
                             const treecell = this.parent.getRows()[parseInt(j.toString(), 10)]
                                 .cells[parseInt(cellIndex.toString(), 10)];
@@ -1939,7 +1947,8 @@ class DataManipulation {
      * @returns {void}
      */
     convertToFlatData(data) {
-        this.parent.flatData = (Object.keys(data).length === 0 && !(this.parent.dataSource instanceof DataManager) ?
+        this.parent.flatData = (!isNullOrUndefined(data) && Object.keys(data).length === 0
+            && !(this.parent.dataSource instanceof DataManager) ?
             this.parent.dataSource : []);
         this.parent.parentData = [];
         if ((isRemoteData(this.parent) && !isOffline(this.parent)) && data instanceof DataManager && !(data instanceof Array)) {
@@ -1995,7 +2004,7 @@ class DataManipulation {
             const keys = Object.keys(data);
             for (let i = 0; i < keys.length; i++) {
                 const tempData = data[parseInt(i.toString(), 10)];
-                this.hierarchyData.push(extend({}, tempData));
+                this.hierarchyData.push(extend$1({}, tempData));
                 if (!isNullOrUndefined(tempData[this.parent.idMapping])) {
                     this.taskIds.push(tempData[this.parent.idMapping]);
                 }
@@ -2097,7 +2106,7 @@ class DataManipulation {
                         }
                     }
                     if (isNullOrUndefined(records[parseInt(rec.toString(), 10)].index)) {
-                        records[parseInt(rec.toString(), 10)].taskData = extend({}, records[parseInt(rec.toString(), 10)]);
+                        records[parseInt(rec.toString(), 10)].taskData = extend$1({}, records[parseInt(rec.toString(), 10)]);
                         records[parseInt(rec.toString(), 10)].uniqueID = getUid(this.parent.element.id + '_data_');
                         setValue('uniqueIDCollection.' + records[parseInt(rec.toString(), 10)].uniqueID, records[parseInt(rec.toString(), 10)], this.parent);
                         records[parseInt(rec.toString(), 10)].level = 0;
@@ -2289,7 +2298,7 @@ class DataManipulation {
                         }
                     }
                 }
-                result[parseInt(r.toString(), 10)].taskData = extend({}, result[parseInt(r.toString(), 10)]);
+                result[parseInt(r.toString(), 10)].taskData = extend$1({}, result[parseInt(r.toString(), 10)]);
                 if (result[parseInt(r.toString(), 10)][`${this.parent.parentIdMapping}`] && this.parent.enableVirtualization && this.parent[`${remoteExpandedData}`].length) {
                     for (let i = 0; i < this.parent[`${remoteExpandedData}`].length; i++) {
                         if (result[parseInt(r.toString(), 10)][`${this.parent.parentIdMapping}`] === this.parent[`${remoteExpandedData}`][parseInt(i.toString(), 10)][`${this.parent.idMapping}`]) {
@@ -2317,7 +2326,7 @@ class DataManipulation {
                         }
                     }
                     else {
-                        const parentData = extend({}, rowDetails.record);
+                        const parentData = extend$1({}, rowDetails.record);
                         delete parentData.childRecords;
                         result[parseInt(r.toString(), 10)].parentItem = parentData;
                         result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
@@ -2325,7 +2334,7 @@ class DataManipulation {
                 }
                 else {
                     result[parseInt(r.toString(), 10)].level = rowDetails.record.level + 1;
-                    const parentData = extend({}, rowDetails.record);
+                    const parentData = extend$1({}, rowDetails.record);
                     delete parentData.childRecords;
                     result[parseInt(r.toString(), 10)].parentItem = parentData;
                     result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
@@ -2445,7 +2454,7 @@ class DataManipulation {
         const treeGridData = [];
         const keys = Object.keys(data);
         for (let i = 0, len = keys.length; i < len; i++) {
-            const currentData = extend({}, data[parseInt(i.toString(), 10)]);
+            const currentData = extend$1({}, data[parseInt(i.toString(), 10)]);
             currentData.taskData = data[parseInt(i.toString(), 10)];
             let level = 0;
             this.storedIndex++;
@@ -2473,7 +2482,7 @@ class DataManipulation {
             currentData.uniqueID = getUid(this.parent.element.id + '_data_');
             setValue('uniqueIDCollection.' + currentData.uniqueID, currentData, this.parent);
             if (!isNullOrUndefined(parentRecords)) {
-                const parentData = extend({}, parentRecords);
+                const parentData = extend$1({}, parentRecords);
                 delete parentData.childRecords;
                 delete parentData[this.parent.childMapping];
                 if (this.isSelfReference) {
@@ -2754,48 +2763,48 @@ var ContextMenuItems;
     ContextMenuItems[ContextMenuItems["RowOutdent"] = 17] = "RowOutdent";
 })(ContextMenuItems || (ContextMenuItems = {}));
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the paging behavior of the TreeGrid.
  */
 class PageSettings extends ChildProperty {
 }
-__decorate$7([
+__decorate$6([
     Property(12)
 ], PageSettings.prototype, "pageSize", void 0);
-__decorate$7([
+__decorate$6([
     Property(8)
 ], PageSettings.prototype, "pageCount", void 0);
-__decorate$7([
+__decorate$6([
     Property(1)
 ], PageSettings.prototype, "currentPage", void 0);
-__decorate$7([
+__decorate$6([
     Property()
 ], PageSettings.prototype, "totalRecordsCount", void 0);
-__decorate$7([
+__decorate$6([
     Property(false)
 ], PageSettings.prototype, "enableQueryString", void 0);
-__decorate$7([
+__decorate$6([
     Property(false)
 ], PageSettings.prototype, "pageSizes", void 0);
-__decorate$7([
+__decorate$6([
     Property(null)
 ], PageSettings.prototype, "template", void 0);
-__decorate$7([
+__decorate$6([
     Property('All')
 ], PageSettings.prototype, "pageSizeMode", void 0);
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the TreeGrid's aggregate column.
  */
@@ -2866,93 +2875,93 @@ class AggregateColumn extends ChildProperty {
         this.setProperties(prop, true);
     }
 }
-__decorate$8([
+__decorate$7([
     Property()
 ], AggregateColumn.prototype, "type", void 0);
-__decorate$8([
+__decorate$7([
     Property()
 ], AggregateColumn.prototype, "footerTemplate", void 0);
-__decorate$8([
+__decorate$7([
     Property()
 ], AggregateColumn.prototype, "field", void 0);
-__decorate$8([
+__decorate$7([
     Property()
 ], AggregateColumn.prototype, "format", void 0);
-__decorate$8([
+__decorate$7([
     Property()
 ], AggregateColumn.prototype, "columnName", void 0);
-__decorate$8([
+__decorate$7([
     Property()
 ], AggregateColumn.prototype, "customAggregate", void 0);
 class AggregateRow extends ChildProperty {
 }
-__decorate$8([
+__decorate$7([
     Collection([], AggregateColumn)
 ], AggregateRow.prototype, "columns", void 0);
-__decorate$8([
+__decorate$7([
     Property(true)
 ], AggregateRow.prototype, "showChildSummary", void 0);
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the edit behavior of the TreeGrid.
  */
 class EditSettings extends ChildProperty {
 }
-__decorate$9([
+__decorate$8([
     Property(false)
 ], EditSettings.prototype, "allowAdding", void 0);
-__decorate$9([
+__decorate$8([
     Property(false)
 ], EditSettings.prototype, "allowEditing", void 0);
-__decorate$9([
+__decorate$8([
     Property(false)
 ], EditSettings.prototype, "allowDeleting", void 0);
-__decorate$9([
+__decorate$8([
     Property('Cell')
 ], EditSettings.prototype, "mode", void 0);
-__decorate$9([
+__decorate$8([
     Property('Top')
 ], EditSettings.prototype, "newRowPosition", void 0);
-__decorate$9([
+__decorate$8([
     Property(true)
 ], EditSettings.prototype, "allowEditOnDblClick", void 0);
-__decorate$9([
+__decorate$8([
     Property(true)
 ], EditSettings.prototype, "showConfirmDialog", void 0);
-__decorate$9([
+__decorate$8([
     Property(false)
 ], EditSettings.prototype, "showDeleteConfirmDialog", void 0);
-__decorate$9([
+__decorate$8([
     Property('')
 ], EditSettings.prototype, "template", void 0);
-__decorate$9([
+__decorate$8([
     Property({})
 ], EditSettings.prototype, "dialog", void 0);
-__decorate$9([
+__decorate$8([
     Property(false)
 ], EditSettings.prototype, "allowNextRowEdit", void 0);
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents the field name and direction of sort column.
  */
 class SortDescriptor extends ChildProperty {
 }
-__decorate$10([
+__decorate$9([
     Property()
 ], SortDescriptor.prototype, "field", void 0);
-__decorate$10([
+__decorate$9([
     Property()
 ], SortDescriptor.prototype, "direction", void 0);
 /**
@@ -2960,10 +2969,10 @@ __decorate$10([
  */
 class SortSettings extends ChildProperty {
 }
-__decorate$10([
+__decorate$9([
     Collection([], SortDescriptor)
 ], SortSettings.prototype, "columns", void 0);
-__decorate$10([
+__decorate$9([
     Property(true)
 ], SortSettings.prototype, "allowUnsort", void 0);
 
@@ -3008,7 +3017,7 @@ function editAction(details, control, isSelfReference, addRowIndex, selectedInde
         modifiedData = extendArray(value);
     }
     else {
-        modifiedData.push(extend({}, value));
+        modifiedData.push(extend$1({}, value));
     }
     if (!isSkip && (action !== 'add' ||
         (control.editSettings.newRowPosition !== 'Top' && control.editSettings.newRowPosition !== 'Bottom'))) {
@@ -3124,7 +3133,7 @@ function addAction(details, treeData, control, isSelfReference, addRowIndex, sel
     let value;
     let isSkip = false;
     const currentViewRecords = control.grid.getCurrentViewRecords();
-    value = extend({}, details.value);
+    value = extend$1({}, details.value);
     value = getPlainData(value);
     switch (control.editSettings.newRowPosition) {
         case 'Top':
@@ -3137,28 +3146,28 @@ function addAction(details, treeData, control, isSelfReference, addRowIndex, sel
             break;
         case 'Above':
             if (!isNullOrUndefined(addRowRecord)) {
-                value = extend({}, addRowRecord);
+                value = extend$1({}, addRowRecord);
                 value = getPlainData(value);
             }
             else {
-                value = extend({}, currentViewRecords[addRowIndex + 1]);
+                value = extend$1({}, currentViewRecords[addRowIndex + 1]);
                 value = getPlainData(value);
             }
             break;
         case 'Below':
         case 'Child':
             if (!isNullOrUndefined(addRowRecord)) {
-                value = extend({}, addRowRecord);
+                value = extend$1({}, addRowRecord);
                 value = getPlainData(value);
             }
             else {
                 const primaryKeys = control.grid.getPrimaryKeyFieldNames()[0];
                 const currentdata = currentViewRecords[parseInt(addRowIndex.toString(), 10)];
                 if (!isNullOrUndefined(currentdata) && currentdata[`${primaryKeys}`] === details.value[`${primaryKeys}`] || selectedIndex !== -1) {
-                    value = extend({}, currentdata);
+                    value = extend$1({}, currentdata);
                 }
                 else {
-                    value = extend({}, details.value);
+                    value = extend$1({}, details.value);
                 }
                 value = getPlainData(value);
                 const internalProperty = 'internalProperties';
@@ -3367,33 +3376,33 @@ function updateParentRow(key, record, action, control, isSelfReference, child) {
     }
 }
 
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$a = (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;
+};
 /**
  * Configures the infinite scroll behavior of Tree Grid.
  */
 class InfiniteScrollSettings extends ChildProperty {
 }
-__decorate$11([
+__decorate$a([
     Property(false)
 ], InfiniteScrollSettings.prototype, "enableCache", void 0);
-__decorate$11([
+__decorate$a([
     Property(3)
 ], InfiniteScrollSettings.prototype, "maxBlocks", void 0);
-__decorate$11([
+__decorate$a([
     Property(3)
 ], InfiniteScrollSettings.prototype, "initialBlocks", void 0);
 
-var __decorate = (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;
-};
+var __decorate$b = (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;
+};
 var TreeGrid_1;
 /**
  * Represents the TreeGrid component.
@@ -3440,15 +3449,15 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 return false;
             }
         };
-        TreeGrid_1.Inject(Selection, Logger$1);
+        TreeGrid_1.Inject(Selection, Logger);
         setValue('mergePersistData', this.mergePersistTreeGridData, this);
         const logger = 'Logger';
         if (!isNullOrUndefined(this.injectedModules[`${logger}`])) {
-            Grid.Inject(Logger);
+            Grid.Inject(Logger$1);
         }
         const freezeModulePresent = this.injectedModules.filter((e) => {
             if (e.prototype.getModuleName() === 'freeze') {
-                Grid.Inject(Freeze);
+                Grid.Inject(Freeze$1);
             }
         });
         this.grid = new Grid();
@@ -3525,6 +3534,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     }
     /**
      * Exports the TreeGrid data to the specified URL using a POST request.
+     *
      * @param {string} url - Defines exporting url
      * @returns {void}
      */
@@ -3555,6 +3565,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     }
     /**
      * Sets the header text and other properties for an array of columns based on specified criteria.
+     *
      * @param {Column[]} columns - Defines array of columns
      * @param {string[]} include - Defines array of sting
      * @returns {Column[]} returns array of columns
@@ -3641,6 +3652,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     sortByColumn(columnName, direction, isMultiSort) {
+        if (isNullOrUndefined(columnName) && isNullOrUndefined(direction)) {
+            const error = 'The provided value for the columnName and direction is undefined. Please ensure the columnName and direction contains string.';
+            this.trigger(actionFailure, { error: error });
+        }
         if (this.sortModule) {
             this.sortModule.sortColumn(columnName, direction, isMultiSort);
         }
@@ -3701,21 +3716,27 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     reorderColumns(fromFName, toFName) {
+        if (isNullOrUndefined(fromFName) && isNullOrUndefined(toFName)) {
+            const error = 'The provided value for the fromFName and toFName is undefined. Please ensure the fromFName and toFName contains string.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.grid.reorderColumns(fromFName, toFName);
     }
     TreeGridLocale() {
-        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-        const locale = L10n.locale;
-        const localeObject = {};
-        setValue(this.locale, {}, localeObject);
-        let gridLocale;
-        gridLocale = {};
-        gridLocale = getObject(this.locale, locale);
-        let treeGridLocale;
-        treeGridLocale = {};
-        treeGridLocale = getObject(this.getModuleName(), gridLocale);
-        setValue('grid', treeGridLocale, getObject(this.locale, localeObject));
-        L10n.load(localeObject);
+        if (!isNullOrUndefined(this.locale)) {
+            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+            const locale = L10n.locale;
+            const localeObject = {};
+            setValue(this.locale, {}, localeObject);
+            let gridLocale;
+            gridLocale = {};
+            gridLocale = getObject(this.locale, locale);
+            let treeGridLocale;
+            treeGridLocale = {};
+            treeGridLocale = getObject(this.getModuleName(), gridLocale);
+            setValue('grid', treeGridLocale, getObject(this.locale, localeObject));
+            L10n.load(localeObject);
+        }
     }
     /**
      * By default, prints all the pages of the TreeGrid and hides the pager.
@@ -3762,45 +3783,57 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     }
                     break;
                 case 'downArrow':
-                    if (!this.enableVirtualization) {
+                    if (!this.enableVirtualization && isNullOrUndefined(this.rowTemplate)) {
                         target = e.target;
-                        parentTarget = target.parentElement;
-                        if (!isNullOrUndefined(parentTarget)) {
-                            const cellIndex = parentTarget.cellIndex;
-                            if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit['obj'])) {
-                                parentTarget = target;
-                            }
-                            summaryElement = this.findnextRowElement(parentTarget);
-                            if (summaryElement !== null) {
-                                const cellIndex = e.target.cellIndex;
-                                const row = summaryElement.children[parseInt(cellIndex.toString(), 10)];
-                                addClass([row], 'e-focused');
-                                addClass([row], 'e-focus');
-                            }
-                            else {
-                                this.clearSelection();
+                        if (!isNullOrUndefined(target.querySelectorAll('.e-rowcell'))) {
+                            target = parentsUntil(target, 'e-rowcell');
+                        }
+                        if (!isNullOrUndefined(target)) {
+                            parentTarget = target.parentElement;
+                            if (!isNullOrUndefined(parentTarget)) {
+                                const cellIndex = parentTarget.cellIndex;
+                                if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit['obj'])) {
+                                    parentTarget = target;
+                                }
+                                summaryElement = this.findnextRowElement(parentTarget);
+                                if (summaryElement !== null) {
+                                    const cellIndex = target.cellIndex;
+                                    const row = summaryElement.children[parseInt(cellIndex.toString(), 10)];
+                                    addClass([row], 'e-focused');
+                                    addClass([row], 'e-focus');
+                                }
+                                else {
+                                    this.clearSelection();
+                                }
                             }
                         }
                     }
                     break;
                 case 'upArrow':
-                    if (!this.enableVirtualization) {
+                    if (!this.enableVirtualization && isNullOrUndefined(this.rowTemplate)) {
                         target = e.target;
-                        parentTarget = target.parentElement;
-                        if (!isNullOrUndefined(parentTarget)) {
-                            const cellIndex = parentTarget.cellIndex;
-                            if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit['obj'])) {
-                                parentTarget = target;
-                            }
-                            summaryElement = this.findPreviousRowElement(parentTarget);
-                            if (summaryElement !== null) {
-                                const cIndex = e.target.cellIndex;
-                                const rows = summaryElement.children[parseInt(cIndex.toString(), 10)];
-                                addClass([rows], 'e-focused');
-                                addClass([rows], 'e-focus');
-                            }
-                            else {
-                                this.clearSelection();
+                        if (!isNullOrUndefined(target.querySelectorAll('.e-rowcell'))) {
+                            target = parentsUntil(target, 'e-rowcell');
+                        }
+                        if (!isNullOrUndefined(target)) {
+                            parentTarget = target.parentElement;
+                            if (!isNullOrUndefined(parentTarget)) {
+                                const cellIndex = parentTarget.cellIndex;
+                                if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit['obj'])) {
+                                    parentTarget = target;
+                                }
+                                summaryElement = this.findPreviousRowElement(parentTarget);
+                                if (summaryElement !== null) {
+                                    const cellIndex = target.cellIndex;
+                                    if (!isNullOrUndefined(cellIndex)) {
+                                        const row = summaryElement.children[parseInt(cellIndex.toString(), 10)];
+                                        addClass([row], 'e-focused');
+                                        addClass([row], 'e-focus');
+                                    }
+                                }
+                                else {
+                                    this.clearSelection();
+                                }
                             }
                         }
                     }
@@ -3994,7 +4027,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 name: 'Edit'
             });
         }
-        if (this.isCommandColumn(this.columns)) {
+        if (!isNullOrUndefined(this.columns) && this.isCommandColumn(this.columns)) {
             modules.push({
                 member: 'commandColumn',
                 args: [this],
@@ -4090,7 +4123,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.log(['mapping_fields_missing']);
         this.renderModule = new Render(this);
         this.dataModule = new DataManipulation(this);
-        this.printModule = new Print$1(this);
+        this.printModule = new Print(this);
         this.trigger(load);
         this.autoGenerateColumns();
         this.initialRender = true;
@@ -4125,6 +4158,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         const root = 'root';
         this.grid[`${root}`] = this[`${root}`] ? this[`${root}`] : this;
         this.grid.appendTo(gridContainer);
+        this.actionFailureHandler();
         const gridContent = this.element.getElementsByClassName('e-gridcontent')[0].childNodes[0];
         gridContent.setAttribute('tabindex', '0');
         const contentTable = this.element.getElementsByClassName('e-content')[0].querySelector('.e-table');
@@ -4147,6 +4181,84 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             }
         };
     }
+    actionFailureHandler() {
+        const failureCases = [];
+        const primaryKeyFieldNames = this.getPrimaryKeyFieldNames();
+        const RecordsCount = this.flatData.length;
+        if ((this.editSettings.allowAdding || this.editSettings.allowDeleting || this.editSettings.allowEditing)
+            && primaryKeyFieldNames.length === 0 && RecordsCount !== 0) {
+            failureCases.push('For the CRUD actions, it is necessary to enable Primary Key field for the unique data column.');
+        }
+        if (this.allowRowDragAndDrop && primaryKeyFieldNames.length === 0 && RecordsCount !== 0) {
+            failureCases.push('For the Row Drag and Drop actions, it is necessary to enable Primary Key field for the unique data column.');
+        }
+        if (this.allowPaging && this.enableVirtualization) {
+            failureCases.push('Paging is not allowed in virtualization case.');
+        }
+        if (RecordsCount === 0 && this.columns.length === 0) {
+            failureCases.push('Either of the Data source or columns should be given.');
+        }
+        if (this.frozenColumns > 0 && this.columnModel.filter((col) => col.isFrozen)) {
+            failureCases.push('Use only one attribute for Frozen either IsFrozen or FrozenColumns.');
+        }
+        if (this.enableVirtualization && !isNullOrUndefined(this.detailTemplate)) {
+            failureCases.push('Virtual scrolling is not compatible with the detail template');
+        }
+        if (this.stackedHeader && !isNullOrUndefined(this.detailTemplate)) {
+            failureCases.push('Virtual scrolling is not compatible with the detail template');
+        }
+        if ((this.frozenColumns > 0 || this.columnModel.filter((col) => col.isFrozen) || this.frozenRows > 0)
+            && (!isNullOrUndefined(this.detailTemplate) || !isNullOrUndefined(this.rowTemplate))) {
+            failureCases.push('Frozen rows and columns are not supported with the Detail template and row template.');
+        }
+        if ((this.frozenColumns > 0 || this.columnModel.filter((col) => col.isFrozen).length > 0 || this.frozenRows > 0) && this.editSettings.mode === 'Cell') {
+            failureCases.push('Frozen rows and columns are not supported with cell editing.');
+        }
+        if (this.allowSelection && !isNullOrUndefined(this.rowTemplate)) {
+            failureCases.push('Selection is not supported in RowTemplate');
+        }
+        if (this.treeColumnIndex < 0) {
+            failureCases.push('For showing tree structure it is must to set the TreeColumnIndex value.');
+        }
+        if (this.treeColumnIndex >= this.columns.length) {
+            failureCases.push('TreeColumnIndex value should not exceed the total column count.');
+        }
+        if (this.enableVirtualization && (!/[0-9]$/.test(this.columnModel.filter((col) => col.width).toString())
+            && !/[px]$/.test(this.columnModel.filter((col) => col.width).toString()))
+            || (/[0-9]$/.test(this.height.toString()) && /[px]$/.test(this.height.toString()))) {
+            failureCases.push('column width and height should be in pixels');
+        }
+        if (!isNullOrUndefined(this.childMapping) && !isNullOrUndefined(this.idMapping)) {
+            failureCases.push('Both IdMapping and ChildMapping should not be used together for tree grid rendering.');
+        }
+        if ((!isNullOrUndefined(this.idMapping) && (isNullOrUndefined(this.parentIdMapping))) ||
+            ((isNullOrUndefined(this.idMapping) && (!isNullOrUndefined(this.parentIdMapping))))) {
+            failureCases.push('IdMapping and ParentIdMapping properties should be defined and vice versa.');
+        }
+        const checkboxColumn = this.columnModel.filter((col) => col.showCheckbox);
+        const treeColumn = this.columns[this.treeColumnIndex];
+        if (checkboxColumn.length !== 0) {
+            if (checkboxColumn !== treeColumn) {
+                failureCases.push('ShowCheckbox column should not be defined other than the tree column.');
+            }
+            if (checkboxColumn.length > 1) {
+                failureCases.push('Only one column can have the ShowCheckbox option enabled.');
+            }
+        }
+        const alignColumn = this.columnModel.filter((col) => col.textAlign === 'Right' && col.field === this.columnModel[this.treeColumnIndex].field);
+        if (alignColumn.length !== 0) {
+            failureCases.push('TextAlign right for the tree column is not applicable.');
+        }
+        if (failureCases.length > 0) {
+            const failureEventArgs = {
+                error: {}
+            };
+            failureCases.forEach((failureCase, index) => {
+                failureEventArgs.error[parseInt(index.toString(), 10)] = failureCase;
+            });
+            this.trigger(actionFailure, failureEventArgs);
+        }
+    }
     refreshToolbarItems() {
         const toolbarElement = this.toolbarModule.getToolbar();
         const indentID = this.element.id + '_gridcontrol_indent';
@@ -4352,11 +4464,13 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             this.grid.on('initial-end', this.afterGridRender, this);
             if (!isNullOrUndefined(this.loggerModule)) {
                 const loggerModule = 'loggerModule';
-                this.loggerModule = this.grid[`${loggerModule}`] = new Logger$1(this.grid);
+                this.loggerModule = this.grid[`${loggerModule}`] = new Logger(this.grid);
             }
         };
         this.grid.printComplete = this.triggerEvents.bind(this);
-        this.grid.actionFailure = this.triggerEvents.bind(this);
+        this.grid.actionFailure = (args) => {
+            this.trigger(actionFailure, args);
+        };
         this.extendedGridDataBoundEvent();
         this.extendedGridEvents();
         this.extendedGridActionEvents();
@@ -4444,7 +4558,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 treeGrid.notify('dataProcessor', args);
                 //args = treeGrid.dataModule.dataProcessor(args);
             }
-            extend(args, treeGrid.dataResults);
+            extend$1(args, treeGrid.dataResults);
             if (treeGrid.enableImmutableMode) {
                 args.result = args.result.slice();
             }
@@ -4724,9 +4838,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             }
             else {
                 if (this.grid.isFrozenGrid() && this.enableVirtualization && args['tableName'] === 'movable') {
-                    const movableContent$$1 = this.grid.element.querySelector('.' + movableContent);
-                    const frozenContent$$1 = this.grid.element.querySelector('.' + frozenContent);
-                    movableContent$$1.style.height = frozenContent$$1.style.height = 'auto';
+                    const movableContent$1 = this.grid.element.querySelector('.' + movableContent);
+                    const frozenContent$1 = this.grid.element.querySelector('.' + frozenContent);
+                    movableContent$1.style.height = frozenContent$1.style.height = 'auto';
                 }
                 this.trigger(actionComplete, args);
             }
@@ -5441,7 +5555,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         if (this.grid.editModule) {
             if (!isNullOrUndefined(index)) {
                 const griddata = this.grid.getCurrentViewRecords()[parseInt(index.toString(), 10)];
-                extend(griddata, data);
+                extend$1(griddata, data);
                 this.grid.editModule.updateRow(index, griddata);
             }
             else {
@@ -5458,6 +5572,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     deleteRecord(fieldName, data) {
+        if ((isNullOrUndefined(fieldName) && (isNullOrUndefined(data)) || (this.getSelectedRecords().length <= 0))) {
+            const error = 'The provided value for the fieldName and data is undefined. Please ensure the fieldName and data contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         if (this.grid.editModule) {
             this.grid.editModule.deleteRecord(fieldName, data);
         }
@@ -5526,6 +5644,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     deleteRow(tr) {
+        if (isNullOrUndefined(tr)) {
+            const error = 'The provided value for the tr is undefined. Please ensure the tr contains HTMLTableRowElement.';
+            this.trigger(actionFailure, { error: error });
+        }
         if (this.grid.editModule) {
             this.grid.editModule.deleteRow(tr);
         }
@@ -5551,9 +5673,11 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.grid.setCellValue(key, field, value);
         const rowIndex = this.grid.getRowIndexByPrimaryKey(key);
         const record = this.getCurrentViewRecords()[parseInt(rowIndex.toString(), 10)];
-        if (!isNullOrUndefined(record)) {
-            editAction({ value: record, action: 'edit' }, this, this.isSelfReference, record.index, this.grid.selectedRowIndex, field);
+        if (isNullOrUndefined(record)) {
+            const error = 'The provided value for the record is undefined. Please ensure the record contains ITreeData.';
+            this.trigger(actionFailure, { error: error });
         }
+        editAction({ value: record, action: 'edit' }, this, this.isSelfReference, record.index, this.grid.selectedRowIndex, field);
     }
     /**
      * Updates and refresh the particular row values based on the given primary key value.
@@ -5591,8 +5715,8 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.grid.setRowData(key, rowData);
         const visibleRecords = this.getVisibleRecords();
         if (visibleRecords.length > 0 && key === (visibleRecords[visibleRecords.length - 1])[`${primaryKey}`]) {
-            const table$$1 = this.getContentTable();
-            const sHeight = table$$1.scrollHeight;
+            const table = this.getContentTable();
+            const sHeight = table.scrollHeight;
             const clientHeight = this.getContent().clientHeight;
             this.lastRowBorder(this.getRows()[currentRecords.indexOf(record)], sHeight <= clientHeight);
         }
@@ -5604,6 +5728,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     goToPage(pageNo) {
+        if (isNullOrUndefined(pageNo)) {
+            const error = 'The provided value for the pageNo is undefined. Please ensure the pageNo contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         if (this.grid.pagerModule) {
             this.grid.pagerModule.goToPage(pageNo);
         }
@@ -5705,6 +5833,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     hideColumns(keys, hideBy) {
+        if (isNullOrUndefined(keys)) {
+            const error = 'The provided value for the keys is undefined. Please ensure the keys contains string.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.grid.hideColumns(keys, hideBy);
         this.updateColumnModel();
     }
@@ -5801,10 +5933,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         if (this.grid.columns.length !== this.columnModel.length) {
             this.stackedHeader = true;
         }
-        if (this.stackedHeader && this.allowResizing) {
+        if (this.stackedHeader && this.allowResizing && !isNullOrUndefined(this.columns)) {
             this.updateColumnsWidth(this.columns);
         }
-        if (!this.stackedHeader) {
+        if (!this.stackedHeader && !isNullOrUndefined(this.columns)) {
             merge(this.columns, this.columnModel);
         }
         this[`${deepMerge}`] = undefined; // Workaround for blazor updateModel
@@ -5812,10 +5944,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     }
     updateColumnsWidth(columns) {
         columns.forEach((column) => {
-            if (column.columns) {
+            if (!isNullOrUndefined(column) && column.columns) {
                 this.updateColumnsWidth(column.columns);
             }
-            else if (column.field) {
+            else if (!isNullOrUndefined(column) && column.field) {
                 const currentColumn = this.grid.getColumnByField(column.field);
                 if (!isNullOrUndefined(currentColumn)) {
                     column.width = currentColumn.width;
@@ -6118,6 +6250,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     expandRow(row, record, key, level) {
+        if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key) && isNullOrUndefined(level)) {
+            const error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
+            this.trigger(actionFailure, { error: error });
+        }
         let parentRec = this.parentData;
         if (!this.enableVirtualization) {
             parentRec = this.flatData.filter((e) => {
@@ -6141,13 +6277,13 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                         if (expandingArgs.expandAll) {
                             this.expandCollapseAllChildren(record, 'expand', key, level);
                         }
-                        this.expandRows(row, record, parentRec, key, level);
+                        this.expandRows(row, record, parentRec);
                     }
                 });
             }
             else if ((!this.allowPaging || (pagerValuePresent && this.grid.pagerModule.pagerObj.pagerdropdownModule['dropDownListObject'].value === 'All')) &&
                 !this.expandAllPrevent && this.isExpandingEventTriggered) {
-                this.expandRows(row, record, parentRec, key, level);
+                this.expandRows(row, record, parentRec);
             }
             this.isExpandingEventTriggered = true;
         }
@@ -6158,13 +6294,13 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     if (expandingArgs.expandAll) {
                         this.expandCollapseAllChildren(record, 'expand', key, level);
                     }
-                    this.expandRows(row, record, parentRec, key, level);
+                    this.expandRows(row, record, parentRec);
                 }
             });
         }
     }
     // Internal method to handle the rows expand
-    expandRows(row, record, parentRec, key, level) {
+    expandRows(row, record, parentRec) {
         this.expandCollapse('expand', row, record);
         const children = 'Children';
         if (!(isRemoteData(this) && !isOffline(this)) && (!isCountRequired(this) || !isNullOrUndefined(record[`${children}`]))) {
@@ -6234,6 +6370,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     collapseRow(row, record, key) {
+        if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key)) {
+            const error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
+            this.trigger(actionFailure, { error: error });
+        }
         let parentRec = this.parentData;
         if (!this.enableVirtualization) {
             parentRec = this.flatData.filter((e) => {
@@ -6250,12 +6390,12 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                         if (collapsingArgs.collapseAll) {
                             this.expandCollapseAllChildren(record, 'collapse', key);
                         }
-                        this.collapseRows(row, record, parentRec, key);
+                        this.collapseRows(row, record, parentRec);
                     }
                 });
             }
             else if (!this.allowPaging && !this.collapseAllPrevent && this.isCollapsingEventTriggered) {
-                this.collapseRows(row, record, parentRec, key);
+                this.collapseRows(row, record, parentRec);
             }
             this.isCollapsingEventTriggered = true;
         }
@@ -6263,13 +6403,13 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             const args = { data: record, row: row, cancel: false };
             this.trigger(collapsing, args, (collapsingArgs) => {
                 if (!collapsingArgs.cancel && !isNullOrUndefined(record)) {
-                    this.collapseRows(row, record, parentRec, key);
+                    this.collapseRows(row, record, parentRec);
                 }
             });
         }
     }
     // Internal method for handling the rows collapse
-    collapseRows(row, record, parentRec, key) {
+    collapseRows(row, record, parentRec) {
         this.expandCollapse('collapse', row, record);
         let collapseArgs = { data: record, row: row };
         if (!isRemoteData(this)) {
@@ -6313,6 +6453,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     expandAtLevel(level) {
+        if (isNullOrUndefined(level)) {
+            const error = 'The provided value for the level is undefined. Please ensure the level contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)) {
             const rec = this.grid.dataSource.filter((e) => {
                 if (e.hasChildRecords && e.level === level) {
@@ -6335,6 +6479,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     expandByKey(key) {
+        if (isNullOrUndefined(key)) {
+            const error = 'The provided value for the key is undefined. Please ensure the key contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.expandCollapseActionByKey(key, 'Expand');
     }
     expandAction(record, key, level, isPaging = false) {
@@ -6387,6 +6535,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     collapseAtLevel(level) {
+        if (isNullOrUndefined(level)) {
+            const error = 'The provided value for the level is undefined. Please ensure the level contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)) {
             const record = this.grid.dataSource.filter((e) => {
                 if (e.hasChildRecords && e.level === level) {
@@ -6409,6 +6561,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     collapseByKey(key) {
+        if (isNullOrUndefined(key)) {
+            const error = 'The provided value for the key is undefined. Please ensure the key contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.expandCollapseActionByKey(key, 'Collapse');
     }
     expandCollapseActionByKey(key, action) {
@@ -6448,6 +6604,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     expandAll() {
+        if (this.getCurrentViewRecords().length === 0) {
+            const error = 'The provided value for the datasource is undefined. Please ensure to add the dataSource.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.isExpandedEventTriggered = false;
         this.isExpandingEventTriggered = false;
         this.expandCollapseAll('expand');
@@ -6458,6 +6618,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     collapseAll() {
+        if (this.getCurrentViewRecords().length === 0) {
+            const error = 'The provided value for the datasource is undefined. Please ensure to add the dataSource.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.isCollapsedEventTriggered = false;
         this.isCollapsingEventTriggered = false;
         this.expandCollapseAll('collapse');
@@ -6624,8 +6788,8 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 totalRows = [].slice.call(rows);
                 for (let i = totalRows.length - 1; i >= 0; i--) {
                     if (!isHidden(totalRows[parseInt(i.toString(), 10)])) {
-                        const table$$1 = this.getContentTable();
-                        const sHeight = table$$1.scrollHeight;
+                        const table = this.getContentTable();
+                        const sHeight = table.scrollHeight;
                         const clientHeight = this.getContent().clientHeight;
                         this.lastRowBorder(totalRows[parseInt(i.toString(), 10)], sHeight <= clientHeight);
                         break;
@@ -6684,8 +6848,8 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     if (childData[parseInt(i.toString(), 10)]) {
                         childData[parseInt(i.toString(), 10)].level = record.level + 1;
                         childData[parseInt(i.toString(), 10)].index = Math.ceil(Math.random() * 1000);
-                        childData[parseInt(i.toString(), 10)].parentItem = extend({}, record);
-                        childData[parseInt(i.toString(), 10)].taskData = extend({}, childData[parseInt(i.toString(), 10)]);
+                        childData[parseInt(i.toString(), 10)].parentItem = extend$1({}, record);
+                        childData[parseInt(i.toString(), 10)].taskData = extend$1({}, childData[parseInt(i.toString(), 10)]);
                         delete childData[parseInt(i.toString(), 10)].parentItem.childRecords;
                         delete childData[parseInt(i.toString(), 10)].taskData.parentItem;
                         childData[parseInt(i.toString(), 10)].parentUniqueID = record.uniqueID;
@@ -6999,6 +7163,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     filterByColumn(fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator) {
+        if (isNullOrUndefined(fieldName) && isNullOrUndefined(filterOperator) && isNullOrUndefined(filterValue)) {
+            const error = 'The provided value for the fieldName, filterOperator and filterValue are undefined. Please ensure the fieldName, filterOperator and filterValue.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.grid.filterByColumn(fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator);
     }
     /**
@@ -7065,6 +7233,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     paste(data, rowIndex, colIndex) {
+        if (isNullOrUndefined(data) && isNullOrUndefined(rowIndex) && isNullOrUndefined(colIndex)) {
+            const error = 'The provided value for the index is undefined. Please ensure the index contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.clipboardModule.paste(data, rowIndex, colIndex);
     }
     /**
@@ -7276,7 +7448,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {number} - Returns frozen column count
      */
     getFrozenColumns() {
-        return this.getFrozenCount(this.columns, 0) + this.frozenColumns;
+        return this.getFrozenCount(!isNullOrUndefined(this.columns) && this.columns, 0) + this.frozenColumns;
     }
     getFrozenCount(cols, cnt) {
         for (let j = 0, len = cols.length; j < len; j++) {
@@ -7333,6 +7505,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     reorderRows(fromIndexes, toIndex, position) {
+        if (isNullOrUndefined(fromIndexes) && isNullOrUndefined(toIndex) && isNullOrUndefined(position)) {
+            const error = 'The provided value for the fromIndexes, toIndex and position is undefined. Please ensure the fromIndexes and toIndex contains number and position contains string.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.rowDragAndDropModule.reorderRows(fromIndexes, toIndex, position);
     }
     /**
@@ -7360,400 +7536,400 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         }
     }
 };
-__decorate([
+__decorate$b([
     Property(0)
 ], TreeGrid.prototype, "frozenRows", void 0);
-__decorate([
+__decorate$b([
     Property(0)
 ], TreeGrid.prototype, "frozenColumns", void 0);
-__decorate([
+__decorate$b([
     Property('Ellipsis')
 ], TreeGrid.prototype, "clipMode", void 0);
-__decorate([
+__decorate$b([
     Property([])
 ], TreeGrid.prototype, "columns", void 0);
-__decorate([
+__decorate$b([
     Property(null)
 ], TreeGrid.prototype, "childMapping", void 0);
-__decorate([
+__decorate$b([
     Property(null)
 ], TreeGrid.prototype, "hasChildMapping", void 0);
-__decorate([
+__decorate$b([
     Property(0)
 ], TreeGrid.prototype, "treeColumnIndex", void 0);
-__decorate([
+__decorate$b([
     Property(null)
 ], TreeGrid.prototype, "idMapping", void 0);
-__decorate([
+__decorate$b([
     Property(null)
 ], TreeGrid.prototype, "parentIdMapping", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableCollapseAll", void 0);
-__decorate([
+__decorate$b([
     Property(null)
 ], TreeGrid.prototype, "expandStateMapping", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowRowDragAndDrop", void 0);
-__decorate([
+__decorate$b([
     Property([])
 ], TreeGrid.prototype, "dataSource", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "query", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "cloneQuery", void 0);
-__decorate([
+__decorate$b([
     Property('AllPages')
 ], TreeGrid.prototype, "printMode", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowPaging", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "loadChildOnDemand", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowTextWrap", void 0);
-__decorate([
+__decorate$b([
     Complex({}, TextWrapSettings)
 ], TreeGrid.prototype, "textWrapSettings", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowReordering", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowResizing", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "autoCheckHierarchy", void 0);
-__decorate([
+__decorate$b([
     Complex({}, PageSettings)
 ], TreeGrid.prototype, "pageSettings", void 0);
-__decorate([
-    Complex({}, RowDropSettings)
+__decorate$b([
+    Complex({}, RowDropSettings$1)
 ], TreeGrid.prototype, "rowDropSettings", void 0);
-__decorate([
+__decorate$b([
     Property('USD')
 ], TreeGrid.prototype, "currencyCode", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "pagerTemplate", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "showColumnMenu", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "showColumnChooser", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowSorting", void 0);
-__decorate([
+__decorate$b([
     Property(true)
 ], TreeGrid.prototype, "allowMultiSorting", void 0);
-__decorate([
+__decorate$b([
     Complex({}, SortSettings)
 ], TreeGrid.prototype, "sortSettings", void 0);
-__decorate([
+__decorate$b([
     Collection([], AggregateRow)
 ], TreeGrid.prototype, "aggregates", void 0);
-__decorate([
+__decorate$b([
     Complex({}, EditSettings)
 ], TreeGrid.prototype, "editSettings", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowFiltering", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "detailTemplate", void 0);
-__decorate([
+__decorate$b([
     Complex({}, FilterSettings)
 ], TreeGrid.prototype, "filterSettings", void 0);
-__decorate([
+__decorate$b([
     Complex({}, SearchSettings)
 ], TreeGrid.prototype, "searchSettings", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "toolbar", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "toolbarTemplate", void 0);
-__decorate([
+__decorate$b([
     Property('Default')
 ], TreeGrid.prototype, "gridLines", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "contextMenuItems", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "columnMenuItems", void 0);
-__decorate([
+__decorate$b([
     Property()
 ], TreeGrid.prototype, "rowTemplate", void 0);
-__decorate([
+__decorate$b([
     Property('Parent')
 ], TreeGrid.prototype, "copyHierarchyMode", void 0);
-__decorate([
+__decorate$b([
     Property(null)
 ], TreeGrid.prototype, "rowHeight", void 0);
-__decorate([
+__decorate$b([
     Property(true)
 ], TreeGrid.prototype, "enableAltRow", void 0);
-__decorate([
+__decorate$b([
     Property(true)
 ], TreeGrid.prototype, "allowKeyboard", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableHover", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableAutoFill", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableAdaptiveUI", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableImmutableMode", void 0);
-__decorate([
+__decorate$b([
     Property('auto')
 ], TreeGrid.prototype, "height", void 0);
-__decorate([
+__decorate$b([
     Property('auto')
 ], TreeGrid.prototype, "width", void 0);
-__decorate([
+__decorate$b([
     Complex({}, LoadingIndicator)
 ], TreeGrid.prototype, "loadingIndicator", void 0);
-__decorate([
+__decorate$b([
     Property(true)
 ], TreeGrid.prototype, "enableVirtualMaskRow", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableVirtualization", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableColumnVirtualization", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableHtmlSanitizer", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "enableInfiniteScrolling", void 0);
-__decorate([
+__decorate$b([
     Complex({}, InfiniteScrollSettings)
 ], TreeGrid.prototype, "infiniteScrollSettings", void 0);
-__decorate([
+__decorate$b([
     Property('All')
 ], TreeGrid.prototype, "columnQueryMode", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "created", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "load", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "expanding", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "expanded", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "collapsing", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "collapsed", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "cellSave", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "cellSaved", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "actionBegin", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "actionComplete", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beginEdit", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "batchAdd", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "batchDelete", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "batchCancel", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforeBatchAdd", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforeBatchDelete", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforeBatchSave", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "cellEdit", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "actionFailure", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "dataBound", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "dataSourceChanged", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "dataStateChange", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "recordDoubleClick", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowDataBound", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "detailDataBound", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "queryCellInfo", void 0);
-__decorate([
+__decorate$b([
     Property(true)
 ], TreeGrid.prototype, "allowSelection", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowSelecting", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowSelected", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowDeselecting", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowDeselected", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "headerCellInfo", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "cellSelecting", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "columnMenuOpen", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "columnMenuClick", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "cellSelected", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "cellDeselecting", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "cellDeselected", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "resizeStart", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "resizing", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "resizeStop", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "columnDragStart", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "columnDrag", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "columnDrop", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "checkboxChange", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "printComplete", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforePrint", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "toolbarClick", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforeDataBound", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "contextMenuOpen", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "contextMenuClick", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforeCopy", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforePaste", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowDrag", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowDragStart", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowDragStartHelper", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "rowDrop", void 0);
-__decorate([
+__decorate$b([
     Property(-1)
 ], TreeGrid.prototype, "selectedRowIndex", void 0);
-__decorate([
+__decorate$b([
     Complex({}, SelectionSettings)
 ], TreeGrid.prototype, "selectionSettings", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowExcelExport", void 0);
-__decorate([
+__decorate$b([
     Property(false)
 ], TreeGrid.prototype, "allowPdfExport", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "pdfQueryCellInfo", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "pdfHeaderQueryCellInfo", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "excelQueryCellInfo", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "excelHeaderQueryCellInfo", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforeExcelExport", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "excelExportComplete", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "beforePdfExport", void 0);
-__decorate([
+__decorate$b([
     Event()
 ], TreeGrid.prototype, "pdfExportComplete", void 0);
-TreeGrid = TreeGrid_1 = __decorate([
+TreeGrid = TreeGrid_1 = __decorate$b([
     NotifyPropertyChanges
 ], TreeGrid);
 
@@ -7762,14 +7938,14 @@ TreeGrid = TreeGrid_1 = __decorate([
  *
  * @hidden
  */
-class Reorder$1 {
+class Reorder {
     /**
      * Constructor for Reorder module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
     constructor(parent) {
-        Grid.Inject(Reorder);
+        Grid.Inject(Reorder$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -7826,14 +8002,14 @@ class Reorder$1 {
  *
  * @hidden
  */
-class Resize$1 {
+class Resize {
     /**
      * Constructor for Resize module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
     constructor(parent) {
-        Grid.Inject(Resize);
+        Grid.Inject(Resize$1);
         this.parent = parent;
     }
     /**
@@ -7873,7 +8049,7 @@ class Resize$1 {
  *
  * @hidden
  */
-class RowDD$1 {
+class RowDD {
     /**
      * Constructor for render module
      *
@@ -7894,7 +8070,7 @@ class RowDD$1 {
         this.hasDropItem = true;
         /** @hidden */
         this.isaddtoBottom = false;
-        Grid.Inject(RowDD);
+        Grid.Inject(RowDD$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -8165,15 +8341,17 @@ class RowDD$1 {
                     !Object.prototype.hasOwnProperty.call(draggedRecord.taskData, tObj.childMapping)) {
                     draggedRecord.taskData[tObj.childMapping] = [];
                 }
-                if (Object.prototype.hasOwnProperty.call(draggedRecord, tObj.childMapping) &&
-                    (draggedRecord[tObj.childMapping]).length && !this.isDraggedWithChild &&
-                    !isNullOrUndefined(tObj.parentIdMapping)) {
-                    const childData = (draggedRecord[tObj.childMapping]);
-                    for (let j = 0; j < childData.length; j++) {
-                        if (dragRecords.indexOf(childData[parseInt(j.toString(), 10)]) === -1) {
-                            dragRecords.splice(j, 0, childData[parseInt(j.toString(), 10)]);
-                            childData[parseInt(j.toString(), 10)].taskData = extend({}, childData[parseInt(j.toString(), 10)]);
-                            i += 1;
+                if (!isNullOrUndefined(draggedRecord[tObj.childMapping])) {
+                    if (Object.prototype.hasOwnProperty.call(draggedRecord, tObj.childMapping) &&
+                        (draggedRecord[tObj.childMapping]).length && !this.isDraggedWithChild &&
+                        !isNullOrUndefined(tObj.parentIdMapping)) {
+                        const childData = (draggedRecord[tObj.childMapping]);
+                        for (let j = 0; j < childData.length; j++) {
+                            if (dragRecords.indexOf(childData[parseInt(j.toString(), 10)]) === -1) {
+                                dragRecords.splice(j, 0, childData[parseInt(j.toString(), 10)]);
+                                childData[parseInt(j.toString(), 10)].taskData = extend$1({}, childData[parseInt(j.toString(), 10)]);
+                                i += 1;
+                            }
                         }
                     }
                 }
@@ -8247,13 +8425,22 @@ class RowDD$1 {
         else {
             tempDataSource = proxy.dataSource;
         }
-        // eslint-disable-next-line max-len
-        if (tempDataSource && (!isNullOrUndefined(droppedRecord) && !droppedRecord.parentItem) && !isNullOrUndefined(droppedRecord.taskData)) {
+        if (tempDataSource && (!isNullOrUndefined(droppedRecord) && !droppedRecord.parentItem)
+            && !isNullOrUndefined(droppedRecord.taskData)) {
             const keys = Object.keys(tempDataSource);
             for (let i = 0; i < keys.length; i++) {
-                if (tempDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
-                    droppedRecord.taskData[this.parent.childMapping]) {
-                    idx = i;
+                if (tempDataSource[parseInt(i.toString(), 10)][this.parent.childMapping]) {
+                    if (tempDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
+                        droppedRecord.taskData[this.parent.childMapping]) {
+                        idx = i;
+                    }
+                }
+                else {
+                    const primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
+                    if (tempDataSource[parseInt(i.toString(), 10)][`${primaryKeyField}`] ===
+                        droppedRecord.taskData[`${primaryKeyField}`]) {
+                        idx = i;
+                    }
                 }
             }
             if (this.dropPosition === 'topSegment') {
@@ -8362,8 +8549,12 @@ class RowDD$1 {
         const bottomRowSegment = middleRowSegment + divide;
         const mouseEvent = getObject('originalEvent.event', args);
         const touchEvent = getObject('originalEvent.event', args);
-        const posy = (mouseEvent.type === 'mousemove') ? mouseEvent.pageY : ((!isNullOrUndefined(touchEvent) &&
+        let posy = (mouseEvent.type === 'mousemove') ? mouseEvent.pageY : ((!isNullOrUndefined(touchEvent) &&
             !isNullOrUndefined(touchEvent.changedTouches)) ? touchEvent.changedTouches[0].pageY : null);
+        if (this.parent.enableVirtualization) {
+            posy = (mouseEvent.type === 'mousemove') ? mouseEvent.clientY : ((!isNullOrUndefined(touchEvent) &&
+                !isNullOrUndefined(touchEvent.changedTouches)) ? touchEvent.changedTouches[0].clientY : null);
+        }
         const isTopSegment = posy <= topRowSegment;
         const isMiddleRowSegment = (posy > topRowSegment && posy <= middleRowSegment);
         const isBottomRowSegment = (posy > middleRowSegment && posy <= bottomRowSegment);
@@ -8458,16 +8649,16 @@ class RowDD$1 {
             classList(ele, ['e-errorcontainer'], []);
             classList(ele, ['e-icons', 'e-errorelem'], []);
             const errorVal = dragelem.querySelector('.errorValue');
-            let content$$1 = dragelem.querySelector('.e-rowcell').innerHTML;
+            let content = dragelem.querySelector('.e-rowcell').innerHTML;
             if (errorVal) {
-                content$$1 = this.parent[`${sanitize}`](errorVal.innerHTML);
+                content = this.parent[`${sanitize}`](errorVal.innerHTML);
                 errorVal.parentNode.removeChild(errorVal);
             }
             dragelem.querySelector('.e-rowcell').innerHTML = '';
             const spanContent = document.createElement('span');
             spanContent.className = 'errorValue';
             spanContent.style.paddingLeft = '16px';
-            spanContent.innerHTML = this.parent[`${sanitize}`](content$$1);
+            spanContent.innerHTML = this.parent[`${sanitize}`](content);
             dragelem.querySelector('.e-rowcell').appendChild(ele);
             dragelem.querySelector('.e-rowcell').appendChild(spanContent);
             const dropItemSpan = document.querySelector('.e-dropitemscount');
@@ -8956,7 +9147,7 @@ class RowDD$1 {
             }
         }
         if (this.dropPosition === 'middleSegment') {
-            const parentItem = extend({}, droppedRecord);
+            const parentItem = extend$1({}, droppedRecord);
             delete parentItem.childRecords;
             draggedRecord.parentItem = parentItem;
             draggedRecord.parentUniqueID = droppedRecord.uniqueID;
@@ -9247,28 +9438,20 @@ class RowDD$1 {
     }
 }
 
-/**
- * Base export
- */
-
-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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$c = (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;
+};
 /**
  * Configures the row drop settings of the TreeGrid.
  */
-class RowDropSettings$1 extends ChildProperty {
+class RowDropSettings extends ChildProperty {
 }
-__decorate$12([
+__decorate$c([
     Property()
-], RowDropSettings$1.prototype, "targetID", void 0);
-
-/**
- * Models export
- */
+], RowDropSettings.prototype, "targetID", void 0);
 
 /**
  * RowModelGenerator is used to generate grid data rows.
@@ -9322,8 +9505,8 @@ class TreeVirtualRowModelGenerator extends VirtualRowModelGenerator {
             const rows = super.generateRows(data, notifyArgs);
             if (!isNullOrUndefined((this.visualData))) {
                 for (let r = 0; r < rows.length; r++) {
-                    rows[parseInt(r.toString(), 10)].index =
-                        (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
+                    rows[parseInt(r.toString(), 10)].index
+                        = (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
                 }
             }
             return rows;
@@ -9362,23 +9545,19 @@ class TreeVirtualRowModelGenerator extends VirtualRowModelGenerator {
     }
 }
 
-/**
- * Renderer export
- */
-
 /**
  * TreeGrid Filter module will handle filtering action
  *
  * @hidden
  */
-class Filter$1 {
+class Filter {
     /**
      * Constructor for Filter module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
     constructor(parent) {
-        Grid.Inject(Filter);
+        Grid.Inject(Filter$1);
         this.parent = parent;
         this.isHierarchyFilter = false;
         this.filteredResult = [];
@@ -9600,7 +9779,7 @@ class Filter$1 {
  *
  * @hidden
  */
-class ExcelExport$1 {
+class ExcelExport {
     /**
      * Constructor for Excel Export module
      *
@@ -9608,7 +9787,7 @@ class ExcelExport$1 {
      */
     constructor(parent) {
         this.isCollapsedStatePersist = false;
-        Grid.Inject(ExcelExport);
+        Grid.Inject(ExcelExport$1);
         this.parent = parent;
         this.dataResults = {};
         this.addEventListener();
@@ -9667,9 +9846,10 @@ class ExcelExport$1 {
         if (!isNullOrUndefined(excelExportProperties)) {
             this.isCollapsedStatePersist = excelExportProperties.isCollapsedStatePersist;
         }
-        if (!isNullOrUndefined(excelExportProperties) && !isNullOrUndefined(excelExportProperties.dataSource)
-            && !isNullOrUndefined(excelExportProperties.dataSource instanceof DataManager)) {
-            return this.parent.grid.excelExportModule.Map(this.parent.grid, excelExportProperties, isMultipleExport, workbook, isCsv, isBlob);
+        if (!isNullOrUndefined(excelExportProperties) && !isNullOrUndefined(excelExportProperties.dataSource)) {
+            if (!excelExportProperties.dataSource['dataSource']) {
+                return this.parent.grid.excelExportModule.Map(this.parent.grid, excelExportProperties, isMultipleExport, workbook, isCsv, isBlob);
+            }
         }
         return new Promise((resolve) => {
             const dm = this.isLocal() && !(dataSource instanceof DataManager) ? new DataManager(dataSource)
@@ -9680,7 +9860,7 @@ class ExcelExport$1 {
                 query.queries = this.parent.grid.getDataModule().generateQuery().queries;
                 setValue('query', query, property);
             }
-            this.parent.trigger(beforeExcelExport, extend(property, excelExportProperties));
+            this.parent.trigger(beforeExcelExport, extend$1(property, excelExportProperties));
             if (getObject('cancel', property)) {
                 return null;
             }
@@ -9805,14 +9985,14 @@ class ExcelExport$1 {
  *
  * @hidden
  */
-class PdfExport$1 {
+class PdfExport {
     /**
      * Constructor for PDF export module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
     constructor(parent) {
-        Grid.Inject(PdfExport);
+        Grid.Inject(PdfExport$1);
         this.parent = parent;
         this.dataResults = {};
         this.addEventListener();
@@ -9870,7 +10050,7 @@ class PdfExport$1 {
                 query = this.generateQuery(query);
                 setValue('query', query, prop);
             }
-            this.parent.trigger(beforePdfExport, extend(prop, pdfExportProperties));
+            this.parent.trigger(beforePdfExport, extend$1(prop, pdfExportProperties));
             if (getObject('cancel', prop)) {
                 return null;
             }
@@ -9965,9 +10145,9 @@ class PdfExport$1 {
  *
  * @hidden
  */
-class Page$1 {
+class Page {
     constructor(parent) {
-        Grid.Inject(Page);
+        Grid.Inject(Page$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -10032,6 +10212,10 @@ class Page$1 {
      * @returns {void}
      */
     updateExternalMessage(message) {
+        if (isNullOrUndefined(message)) {
+            const error = 'The provided value for the message is undefined. Please ensure the message contains string.';
+            this.parent.trigger(actionFailure, { error: error });
+        }
         this.parent.grid.pagerModule.updateExternalMessage(message);
     }
     /**
@@ -10128,8 +10312,8 @@ class Page$1 {
         }
         else {
             const dm = new DataManager(pageingDetails.result);
-            const expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
-            const parents = dm.executeLocal(new Query().where(expanded$$1));
+            const expanded = new Predicate$1('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
+            const parents = dm.executeLocal(new Query().where(expanded));
             let visualData;
             if (isFilterChildHierarchy(this.parent) && (pageingDetails.actionArgs.action !== 'collapse' &&
                 pageingDetails.actionArgs.action !== 'expand')) {
@@ -10137,7 +10321,7 @@ class Page$1 {
             }
             else {
                 visualData = parents.filter((e) => {
-                    return getExpandStatus(this.parent, e, parents);
+                    return getExpandStatus(this.parent, e);
                 });
             }
             pageingDetails.count = visualData.length;
@@ -10164,9 +10348,9 @@ class Page$1 {
  *
  * @hidden
  */
-class Toolbar$1 {
+class Toolbar {
     constructor(parent) {
-        Grid.Inject(Toolbar);
+        Grid.Inject(Toolbar$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -10313,14 +10497,14 @@ class Toolbar$1 {
  *
  * @hidden
  */
-class Aggregate$1 {
+class Aggregate {
     /**
      * Constructor for Aggregate module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
     constructor(parent) {
-        Grid.Inject(Aggregate);
+        Grid.Inject(Aggregate$1);
         this.parent = parent;
         this.flatChildRecords = [];
         this.summaryQuery = [];
@@ -10388,7 +10572,7 @@ class Aggregate$1 {
                                 }
                             });
                             const currentIndex = idx + childRecordsLength + summaryRowIndex;
-                            const summaryParent = extend({}, parentRecord);
+                            const summaryParent = extend$1({}, parentRecord);
                             delete summaryParent.childRecords;
                             delete summaryParent[this.parent.childMapping];
                             setValue('parentItem', summaryParent, item);
@@ -10554,9 +10738,9 @@ class Aggregate$1 {
  *
  * @hidden
  */
-class Sort$1 {
+class Sort {
     constructor(grid) {
-        Grid.Inject(Sort);
+        Grid.Inject(Sort$1);
         this.parent = grid;
         this.taskIds = [];
         this.flatSortedData = [];
@@ -10677,14 +10861,14 @@ class Sort$1 {
  *
  * @hidden
  */
-class ColumnMenu$1 {
+class ColumnMenu {
     /**
      * Constructor for render module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
     constructor(parent) {
-        Grid.Inject(ColumnMenu);
+        Grid.Inject(ColumnMenu$1);
         this.parent = parent;
     }
     getColumnMenu() {
@@ -10709,9 +10893,9 @@ class ColumnMenu$1 {
  *
  * @hidden
  */
-class ContextMenu$1 {
+class ContextMenu {
     constructor(parent) {
-        Grid.Inject(ContextMenu);
+        Grid.Inject(ContextMenu$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -10991,7 +11175,7 @@ class BatchEdit {
                     if (this.parent.editSettings.newRowPosition === 'Child') {
                         added.primaryParent = parentRecord;
                         if (this.selectedIndex > -1) {
-                            added.parentItem = extend({}, this.batchRecords[this.addRowIndex]);
+                            added.parentItem = extend$1({}, this.batchRecords[this.addRowIndex]);
                             added.parentUniqueID = added.parentItem.uniqueID;
                             delete added.parentItem.childRecords;
                             delete added.parentItem[this.parent.childMapping];
@@ -11100,13 +11284,13 @@ class BatchEdit {
             this.updateRowIndex();
             // update focus module, need to refix this once grid source modified.
             const focusModule = getValue('focusModule', this.parent.grid);
-            const table$$1 = this.parent.getContentTable();
+            const table = this.parent.getContentTable();
             if (this.parent.getBatchChanges()[this.deletedRecords].length && this.parent.editSettings.newRowPosition === 'Above') {
                 actualIndex = e.row.rowIndex;
                 focusModule.getContent().matrix.matrix = this.matrix;
             }
             else {
-                actualIndex = table$$1.getElementsByClassName('e-batchrow')[0].rowIndex;
+                actualIndex = table.getElementsByClassName('e-batchrow')[0].rowIndex;
                 // if (this.parent.frozenRows || this.parent.frozenColumns) {
                 //   actualIndex = this.batchIndex;
                 // }
@@ -11334,7 +11518,7 @@ class BatchEdit {
                 addRecords.reverse();
             }
             for (i = 0; i < addRecords.length; i++) {
-                const taskData = extend({}, addRecords[parseInt(i.toString(), 10)]);
+                const taskData = extend$1({}, addRecords[parseInt(i.toString(), 10)]);
                 delete taskData.parentItem;
                 delete taskData.uniqueID;
                 delete taskData.index;
@@ -11458,7 +11642,7 @@ class BatchEdit {
  * TreeGrid Edit Module
  * The `Edit` module is used to handle editing actions.
  */
-class Edit$1 {
+class Edit {
     /**
      * Constructor for Edit module
      *
@@ -11470,7 +11654,7 @@ class Edit$1 {
         this.prevAriaRowIndex = '-1';
         this.isAddedRowByMethod = false;
         this.isAddedRowByContextMenu = false;
-        Grid.Inject(Edit);
+        Grid.Inject(Edit$1);
         this.parent = parent;
         this.isSelfReference = !isNullOrUndefined(parent.parentIdMapping);
         this.previousNewRowPosition = null;
@@ -11594,8 +11778,9 @@ class Edit$1 {
         const eventArgs = getObject('editAction', args);
         const eventName = getObject('name', eventArgs);
         const treeObj = this.parent;
-        const adaptor = treeObj.dataSource.adaptor;
-        if ((isRemoteData(treeObj) || adaptor instanceof RemoteSaveAdaptor) &&
+        const adaptor = !isNullOrUndefined(treeObj.dataSource)
+            && treeObj.dataSource.adaptor;
+        if (!isNullOrUndefined(adaptor) && (isRemoteData(treeObj) || adaptor instanceof RemoteSaveAdaptor) &&
             (eventArgs.requestType === 'save' && eventArgs.action === 'add') &&
             (treeObj.editSettings.newRowPosition === 'Child' || treeObj.editSettings.newRowPosition === 'Below'
                 || treeObj.editSettings.newRowPosition === 'Above')) {
@@ -11810,7 +11995,7 @@ class Edit$1 {
     customCellSave(args) {
         if (isCountRequired(this.parent) && this.parent.editSettings.mode === 'Cell' && args.action === 'edit') {
             this.updateCell(args, args.rowIndex);
-            this.afterCellSave(args, args.row, args.rowIndex);
+            this.afterCellSave(args, args.row);
         }
     }
     cellSave(args) {
@@ -11853,7 +12038,7 @@ class Edit$1 {
                 }
             }
             const arg = {};
-            extend(arg, args);
+            extend$1(arg, args);
             arg.cancel = false;
             arg.type = 'save';
             row = this.parent.grid.getRows()[row.rowIndex];
@@ -11874,7 +12059,7 @@ class Edit$1 {
                     else {
                         this.updateCell(args, rowIndex);
                         setValue('isEdit', false, this.parent.grid);
-                        this.afterCellSave(args, row, rowIndex);
+                        this.afterCellSave(args, row);
                     }
                 }
                 else if (isRemoteData(this.parent) ||
@@ -11883,7 +12068,7 @@ class Edit$1 {
                     if (this.parent['isGantt'] && !this.parent.loadChildOnDemand) {
                         this.updateCell(args, rowIndex);
                         setValue('isEdit', false, this.parent.grid);
-                        this.afterCellSave(args, row, rowIndex);
+                        this.afterCellSave(args, row);
                     }
                     else {
                         let crud = null;
@@ -11894,7 +12079,7 @@ class Edit$1 {
                             }
                             this.updateCell(args, rowIndex);
                             setValue('isEdit', false, this.parent.grid);
-                            this.afterCellSave(args, row, rowIndex);
+                            this.afterCellSave(args, row);
                         });
                     }
                 }
@@ -11907,7 +12092,7 @@ class Edit$1 {
             this.parent.grid.contentModule['virtualData'] = {};
         }
     }
-    afterCellSave(args, row, rowIndex) {
+    afterCellSave(args, row) {
         if (this.parent.grid.aggregateModule) {
             this.parent.grid.aggregateModule.refresh(args.rowData);
         }
@@ -12027,9 +12212,9 @@ class Edit$1 {
                 if (!isNullOrUndefined(treecell)) {
                     for (let l = 0; l < treecell.classList.length; l++) {
                         const value = treecell.classList[parseInt(l.toString(), 10)];
-                        const remove$$1 = /e-gridrowindex/i;
+                        const remove = /e-gridrowindex/i;
                         const removed = /e-griddetailrowindex/i;
-                        const result = value.match(remove$$1);
+                        const result = value.match(remove);
                         const results = value.match(removed);
                         if (result != null) {
                             removeClass([treecell], value);
@@ -12280,7 +12465,7 @@ class Edit$1 {
         if (args.action === 'add') {
             const key = this.parent.grid.getPrimaryKeyFieldNames()[0];
             let position = null;
-            value.taskData = isNullOrUndefined(value.taskData) ? extend({}, args.data) : value.taskData;
+            value.taskData = isNullOrUndefined(value.taskData) ? extend$1({}, args.data) : value.taskData;
             let currentData;
             if (this.parent.enableVirtualization && args.index !== 0) {
                 currentData = this.parent.flatData;
@@ -12332,7 +12517,7 @@ class Edit$1 {
                 else if (this.parent.editSettings.newRowPosition === 'Child') {
                     position = 'after';
                     if ((this.selectedIndex > -1 || isVirtualization) && withinRange) {
-                        value.parentItem = extend({}, currentData[this.addRowIndex]);
+                        value.parentItem = extend$1({}, currentData[this.addRowIndex]);
                         value.parentUniqueID = value.parentItem.uniqueID;
                         delete value.parentItem.childRecords;
                         delete value.parentItem[this.parent.childMapping];
@@ -12358,7 +12543,7 @@ class Edit$1 {
                 if (this.parent.editSettings.newRowPosition === 'Above' || this.parent.editSettings.newRowPosition === 'Below') {
                     if ((this.selectedIndex > -1 || isVirtualization) && level && withinRange) {
                         value.parentUniqueID = parentUniqueID;
-                        value.parentItem = extend({}, parentItem);
+                        value.parentItem = extend$1({}, parentItem);
                         delete value.parentItem.childRecords;
                         delete value.parentItem[this.parent.childMapping];
                     }
@@ -12499,9 +12684,9 @@ class Edit$1 {
  *
  * @hidden
  */
-class CommandColumn$1 {
+class CommandColumn {
     constructor(parent) {
-        Grid.Inject(CommandColumn);
+        Grid.Inject(CommandColumn$1);
         this.parent = parent;
     }
     /**
@@ -12529,9 +12714,9 @@ class CommandColumn$1 {
  *
  * @hidden
  */
-class DetailRow$1 {
+class DetailRow {
     constructor(parent) {
-        Grid.Inject(DetailRow);
+        Grid.Inject(DetailRow$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -12670,6 +12855,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
     getFrozenRightVirtualRowByIndex(index) {
         return this.getRowCollection(index, false, false, true);
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     getRowCollection(index, isMovable, isRowObject, isFrozenRight) {
         const startIdx = parseInt(this.parent.getRows()[0].getAttribute(dataRowIndex), 10);
         const rowCollection = this.parent.getDataRows();
@@ -12702,10 +12888,10 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         }
     }
     indexModifier(args) {
-        const content$$1 = this.parent.getContent().querySelector('.e-content');
+        const content = this.parent.getContent().querySelector('.e-content');
         if ((this.recordAdded || args.requestType === 'delete' && this.endIndex > args.count - this.parent.pageSettings.pageSize) && this.startIndex > -1 && this.endIndex > -1) {
             if (this.endIndex > args.count - this.parent.pageSettings.pageSize) {
-                const nextSetResIndex = ~~(content$$1.scrollTop / this.parent.getRowHeight());
+                const nextSetResIndex = ~~(content.scrollTop / this.parent.getRowHeight());
                 let lastIndex = nextSetResIndex + this.parent.getRows().length;
                 if (lastIndex > args.count) {
                     lastIndex = nextSetResIndex +
@@ -12833,8 +13019,8 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         super[`${dataBoundEve}`]();
     }
     rowSelectedEvent(args) {
-        const rowSelected$$1 = 'rowSelected';
-        super[`${rowSelected$$1}`](args);
+        const rowSelected = 'rowSelected';
+        super[`${rowSelected}`](args);
     }
     toSelectVirtualRow(args) {
         if (this.parent.isEdit) {
@@ -12919,8 +13105,8 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
     }
     virtualEditSuccess() {
         const isAdd = 'isAdd';
-        const content$$1 = this.parent.getContent().querySelector('.e-content');
-        if (this[`${isAdd}`] && content$$1.querySelector('.e-addedrow')) {
+        const content = this.parent.getContent().querySelector('.e-content');
+        if (this[`${isAdd}`] && content.querySelector('.e-addedrow')) {
             this.recordAdded = true;
         }
     }
@@ -12934,8 +13120,8 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
     }
     restoreNewRow() {
         const isAdd = 'isAdd';
-        const content$$1 = this.parent.getContent().querySelector('.e-content');
-        if (this[`${isAdd}`] && !content$$1.querySelector('.e-addedrow')) {
+        const content = this.parent.getContent().querySelector('.e-content');
+        if (this[`${isAdd}`] && !content.querySelector('.e-addedrow')) {
             this.parent.isEdit = false;
             this.parent.editModule.addRecord(null, this.parent.root.editModule.selectedIndex);
         }
@@ -12952,8 +13138,8 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             this.addRowIndex = addArgs.addRowIndex;
             this.dataRowIndex = this.parent.root.editModule.selectedIndex;
         }
-        const actionComplete$$1 = 'actionComplete';
-        super[`${actionComplete$$1}`](args);
+        const actionComplete = 'actionComplete';
+        super[`${actionComplete}`](args);
     }
     onEnteredAction() {
         return (element, current, direction, e, isWheel, check) => {
@@ -13001,7 +13187,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         const info = scrollArgs.sentinel;
         const rowHeight = this.parent.getRowHeight();
         const outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
-        const content$$1 = this.parent.getContent().querySelector('.e-content');
+        const content = this.parent.getContent().querySelector('.e-content');
         const scrollHeight = outBuffer * rowHeight;
         const upScroll = (scrollArgs.offset.top - this.translateY) < 0;
         const downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
@@ -13011,7 +13197,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
             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)
+            let index = (~~(content.scrollTop / rowHeight)
                 + Math.ceil(vHeight / rowHeight))
                 - this.parent.pageSettings.pageSize;
             index = (index > 0) ? index : 0;
@@ -13056,7 +13242,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             }
         }
         else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
-            let nextSetResIndex = ~~(content$$1.scrollTop / rowHeight);
+            let nextSetResIndex = ~~(content.scrollTop / rowHeight);
             const isLastBlock = (this[`${selectedRowIndex}`] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
             if (!isNullOrUndefined(this[`${selectedRowIndex}`]) && this[`${selectedRowIndex}`] !== -1 &&
                 nextSetResIndex !== this[`${selectedRowIndex}`] && !isLastBlock) {
@@ -13078,7 +13264,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                 this.startIndex = currentViewData[0][`${indexValue}`] + (this.parent.pageSettings.pageSize / 2);
             }
             if (scrollArgs.offset.top > (rowHeight * this.totalRecords)) {
-                this.translateY = this.getTranslateY(scrollArgs.offset.top, content$$1.getBoundingClientRect().height);
+                this.translateY = this.getTranslateY(scrollArgs.offset.top, content.getBoundingClientRect().height);
             }
             else {
                 if (this.totalRecords === this.endIndex) {
@@ -13105,10 +13291,10 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             this.previousInfo = viewInfo;
             this.parent.setColumnIndexesInView(this.parent.enableColumnVirtualization ? viewInfo.columnIndexes : []);
             const page = viewInfo.loadNext && !viewInfo.loadSelf ? viewInfo.nextInfo.page : viewInfo.page;
+            this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
             if (downScroll && this.endIndex === this.totalRecords && viewInfo.loadNext) {
                 viewInfo.loadNext = false;
             }
-            this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
             this.requestType = 'virtualscroll';
             if (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') {
                 viewInfo.event = viewInfo.event === 'refresh-virtual-block' ? 'model-changed' : viewInfo.event;
@@ -13307,7 +13493,7 @@ class TreeInterSectionObserver extends InterSectionObserver {
  *
  * @hidden
  */
-class VirtualScroll$1 {
+class VirtualScroll {
     /**
      * Constructor for VirtualScroll module
      *
@@ -13376,10 +13562,10 @@ class VirtualScroll$1 {
     }
     virtualPageAction(pageingDetails) {
         const dm = new DataManager(pageingDetails.result);
-        const expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
-        const parents = dm.executeLocal(new Query().where(expanded$$1));
+        const expanded = new Predicate$1('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
+        const parents = dm.executeLocal(new Query().where(expanded));
         const visualData = parents.filter((e) => {
-            return getExpandStatus(this.parent, e, parents);
+            return getExpandStatus(this.parent, e);
         });
         this.visualData = visualData;
         pageingDetails.count = visualData.length;
@@ -13472,7 +13658,7 @@ class VirtualScroll$1 {
         this.removeEventListener();
     }
 }
-class TreeVirtual extends VirtualScroll {
+class TreeVirtual extends VirtualScroll$1 {
     constructor(parent, locator) {
         super(parent, locator);
         getValue('parent', this).off('initial-load', getValue('instantiateRenderer', this), this);
@@ -13513,14 +13699,14 @@ class TreeVirtual extends VirtualScroll {
  *
  * @hidden
  */
-class Freeze$1 {
+class Freeze {
     /**
      * Constructor for render module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
     constructor(parent) {
-        Grid.Inject(Freeze);
+        Grid.Inject(Freeze$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -13612,14 +13798,14 @@ class Freeze$1 {
  *
  * @hidden
  */
-class ColumnChooser$1 {
+class ColumnChooser {
     /**
      * Constructor for render module
      *
      * @param {TreeGrid} parent - Tree Grid instance.
      */
     constructor(parent) {
-        Grid.Inject(ColumnChooser);
+        Grid.Inject(ColumnChooser$1);
         this.parent = parent;
     }
     /**
@@ -13657,7 +13843,7 @@ class ColumnChooser$1 {
  *
  * @hidden
  */
-class InfiniteScroll$1 {
+class InfiniteScroll {
     /**
      * Constructor for VirtualScroll module
      *
@@ -13665,7 +13851,7 @@ class InfiniteScroll$1 {
      */
     constructor(parent) {
         this.parent = parent;
-        Grid.Inject(InfiniteScroll);
+        Grid.Inject(InfiniteScroll$1);
         this.addEventListener();
     }
     /**
@@ -13763,8 +13949,8 @@ class InfiniteScroll$1 {
      */
     infinitePageAction(pageingDetails) {
         const dm = new DataManager(pageingDetails.result);
-        const expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
-        const visualData = dm.executeLocal(new Query().where(expanded$$1));
+        const expanded = new Predicate$1('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
+        const visualData = dm.executeLocal(new Query().where(expanded));
         const actionArgs = getValue('actionArgs', pageingDetails.actionArgs);
         const actions = getValue('actions', this.parent.grid.infiniteScrollModule);
         if (this.parent.grid.infiniteScrollModule['isInitialRender'] && !this.parent.initialRender) {
@@ -13954,17 +14140,5 @@ class InfiniteScroll$1 {
     }
 }
 
-/**
- * actions export
- */
-
-/**
- * TreeGrid component exported items
- */
-
-/**
- * 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, 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 };
+export { Aggregate, AggregateColumn, AggregateRow, Column, ColumnChooser, ColumnMenu, CommandColumn, ContextMenu, ContextMenuItems, DataManipulation, DetailRow, Edit, EditSettings, ExcelExport, Filter, FilterSettings, Freeze, InfiniteScroll, InfiniteScrollSettings, LoadingIndicator, Logger, Page, PageSettings, PdfExport, Predicate, Render, Reorder, Resize, RowDD, RowDropSettings, SearchSettings, Selection, SelectionSettings, Sort, SortDescriptor, SortSettings, StackedColumn, Toolbar, ToolbarItem, TreeClipboard, TreeGrid, TreeGridColumn, TreeVirtual, TreeVirtualRowModelGenerator, VirtualScroll, actionBegin, actionComplete, actionFailure, ariaColIndex, ariaRowIndex, autoCol, batchAdd, batchCancel, batchDelete, batchEditFormRendered, batchSave, beforeBatchAdd, beforeBatchCancel, beforeBatchDelete, beforeBatchSave, beforeCopy, beforeDataBound, beforeExcelExport, beforePaste, beforePdfExport, beforeStartEdit, beginAdd, beginEdit, cellEdit, cellSave, cellSaved, checkboxChange, collapsed, collapsing, content, contextMenuClick, contextMenuOpen, crudAction, dataBound, dataColIndex, dataListener, dataRowIndex, dataStateChange, destroy, detailDataBound, doubleTap, expanded, expanding, extendArray, findChildrenRecords, findParentRecords, frozenContent, frozenHeader, frozenLeft, frozenRight, getExpandStatus, getParentData, getPlainData, headerContent, indexModifier, isCheckboxcolumn, isCountRequired, isFilterChildHierarchy, isHidden, isOffline, isRemoteData, keyPressed, leftRight, load, localPagedExpandCollapse, movableContent, movableHeader, pagingActions, printGridInit, queryCellInfo, recordDoubleClick, remoteExpand, resizeStop, rowDataBound, rowDeselected, rowDeselecting, rowDrag, rowDragStart, rowDragStartHelper, rowDrop, rowDropped, rowSelected, rowSelecting, rowdraging, rowsAdd, rowsRemove, savePreviousRowPosition, table, toolbarClick, treeGridDetails, updateData, virtualActionArgs, virtualColumnIndex };
 //# sourceMappingURL=ej2-treegrid.es2015.js.map