@syncfusion/ej2-treegrid 25.2.5 → 26.1.35

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

@@ -1,10 +1,10 @@
-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 { Property, merge, ChildProperty, Collection, isNullOrUndefined, Browser, removeClass, addClass, getValue, createElement, setValue, extend as extend$1, Internationalization, getEnumValue, compile, L10n, EventHandler, KeyboardEvents, SanitizeHtmlHelper, Complex, Event, NotifyPropertyChanges, Component, closest, classList, setStyleAttribute, select, debounce, remove } from '@syncfusion/ej2-base';
+import { Grid, Logger as Logger$1, 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, Scroll, RowDD as RowDD$1, VirtualRowModelGenerator, Filter as Filter$1, ExcelExport as ExcelExport$1, PdfExport as PdfExport$1, Page as Page$1, Toolbar as Toolbar$1, calculateAggregate, Aggregate as Aggregate$1, Sort as Sort$1, ColumnMenu as ColumnMenu$1, ContextMenu as ContextMenu$1, resetRowIndex, Edit as Edit$1, CommandColumn as CommandColumn$1, DetailRow as DetailRow$1, Cell, VirtualContentRenderer, InterSectionObserver, getTransformValues, RenderType, VirtualHeaderRenderer, VirtualScroll as VirtualScroll$1, ColumnChooser as ColumnChooser$1, RowRenderer, InfiniteScroll as InfiniteScroll$1 } 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 __extends$1 = (undefined && undefined.__extends) || (function () {
+var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -17,7 +17,7 @@ var __extends$1 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -120,11 +120,11 @@ var Column = /** @__PURE__ @class */ (function () {
  * Defines TreeGrid column
  */
 var TreeGridColumn = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(TreeGridColumn, _super);
+    __extends(TreeGridColumn, _super);
     function TreeGridColumn() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(null)
     ], TreeGridColumn.prototype, "columns", void 0);
     return TreeGridColumn;
@@ -133,14 +133,14 @@ var TreeGridColumn = /** @__PURE__ @class */ (function (_super) {
  * Defines stacked tree grid column
  */
 var StackedColumn = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(StackedColumn, _super);
+    __extends(StackedColumn, _super);
     function StackedColumn() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     return StackedColumn;
 }(TreeGridColumn));
 
-var __extends$2 = (undefined && undefined.__extends) || (function () {
+var __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -153,7 +153,7 @@ var __extends$2 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -163,17 +163,17 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * Configures the Loading Indicator of the Tree Grid.
  */
 var LoadingIndicator = /** @__PURE__ @class */ (function (_super) {
-    __extends$2(LoadingIndicator, _super);
+    __extends$1(LoadingIndicator, _super);
     function LoadingIndicator() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$2([
+    __decorate$1([
         Property('Spinner')
     ], LoadingIndicator.prototype, "indicatorType", void 0);
     return LoadingIndicator;
 }(ChildProperty));
 
-var __extends$3 = (undefined && undefined.__extends) || (function () {
+var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -186,7 +186,7 @@ var __extends$3 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -195,85 +195,85 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 /**
  * Represents the Tree Grid predicate for the filter column.
  */
-var Predicate$1 = /** @__PURE__ @class */ (function (_super) {
-    __extends$3(Predicate$$1, _super);
-    function Predicate$$1() {
+var Predicate = /** @__PURE__ @class */ (function (_super) {
+    __extends$2(Predicate, _super);
+    function Predicate() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __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);
-    return Predicate$$1;
+    ], Predicate.prototype, "isForeignKey", void 0);
+    return Predicate;
 }(ChildProperty));
 /**
  * Configures the filtering behavior of the TreeGrid.
  */
 var FilterSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$3(FilterSettings, _super);
+    __extends$2(FilterSettings, _super);
     function FilterSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __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);
     return FilterSettings;
 }(ChildProperty));
 
-var __extends$4 = (undefined && undefined.__extends) || (function () {
+var __extends$3 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -286,7 +286,7 @@ var __extends$4 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -296,17 +296,17 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
  * Configures the textwrap behavior of the TreeGrid.
  */
 var TextWrapSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$4(TextWrapSettings, _super);
+    __extends$3(TextWrapSettings, _super);
     function TextWrapSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$4([
+    __decorate$3([
         Property('Both')
     ], TextWrapSettings.prototype, "wrapMode", void 0);
     return TextWrapSettings;
 }(ChildProperty));
 
-var __extends$5 = (undefined && undefined.__extends) || (function () {
+var __extends$4 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -328,11 +328,11 @@ var DOC_URL = 'https://ej2.syncfusion.com/documentation/treegrid';
 var BASE_DOC_URL = 'https://ej2.syncfusion.com/documentation';
 var ERROR = '[EJ2TreeGrid.Error]';
 var IsRowDDEnabled = false;
-var Logger$1 = /** @__PURE__ @class */ (function (_super) {
-    __extends$5(Logger$$1, _super);
-    function Logger$$1(parent) {
+var Logger = /** @__PURE__ @class */ (function (_super) {
+    __extends$4(Logger, _super);
+    function Logger(parent) {
         var _this = this;
-        Grid.Inject(Logger);
+        Grid.Inject(Logger$1);
         _this = _super.call(this, parent) || this;
         return _this;
     }
@@ -342,10 +342,10 @@ var Logger$1 = /** @__PURE__ @class */ (function (_super) {
      * @private
      * @returns {string} - Returns Logger module name
      */
-    Logger$$1.prototype.getModuleName = function () {
+    Logger.prototype.getModuleName = function () {
         return 'logger';
     };
-    Logger$$1.prototype.log = function (types, args) {
+    Logger.prototype.log = function (types, args) {
         if (!(types instanceof Array)) {
             types = [types];
         }
@@ -393,7 +393,7 @@ var Logger$1 = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    Logger$$1.prototype.treeLog = function (types, args, treeGrid) {
+    Logger.prototype.treeLog = function (types, args, treeGrid) {
         this.treeGridObj = treeGrid;
         if (!(types instanceof Array)) {
             types = [types];
@@ -413,8 +413,8 @@ var Logger$1 = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    return Logger$$1;
-}(Logger));
+    return Logger;
+}(Logger$1));
 var treeGridDetails = {
     // eslint-disable-next-line camelcase
     mapping_fields_missing: {
@@ -602,8 +602,10 @@ var ariaColIndex = 'aria-colindex';
 var dataRowIndex = 'data-rowindex';
 /** @hidden */
 var ariaRowIndex = 'aria-rowindex';
+/** @hidden */
+var actionFailure = 'actionFailure';
 
-var __extends$6 = (undefined && undefined.__extends) || (function () {
+var __extends$5 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -622,7 +624,7 @@ var __extends$6 = (undefined && undefined.__extends) || (function () {
  * @hidden
  */
 var TreeClipboard = /** @__PURE__ @class */ (function (_super) {
-    __extends$6(TreeClipboard, _super);
+    __extends$5(TreeClipboard, _super);
     function TreeClipboard(parent, serviceLocator) {
         var _this = _super.call(this, parent.grid, serviceLocator) || this;
         _this.treeCopyContent = '';
@@ -880,7 +882,7 @@ function getExpandStatus(parent, record, parents) {
                 return false;
             }
             else if (childParent) {
-                return getExpandStatus(parent, childParent, parents);
+                return getExpandStatus(parent, childParent);
             }
             return true;
         }
@@ -1148,6 +1150,10 @@ var Selection = /** @__PURE__ @class */ (function () {
         }
     };
     Selection.prototype.selectCheckboxes = function (rowIndexes) {
+        if (isNullOrUndefined(rowIndexes)) {
+            var error = 'The provided value for the rowIndexes is undefined. Please ensure the rowIndexes contains number.';
+            this.parent.trigger(actionFailure, { error: error });
+        }
         for (var i = 0; i < rowIndexes.length; i++) {
             var record = this.parent.getCurrentViewRecords()[rowIndexes[parseInt(i.toString(), 10)]];
             var flatRecord = getParentData(this.parent, record.uniqueID);
@@ -1493,15 +1499,15 @@ var Selection = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var Print$1 = /** @__PURE__ @class */ (function () {
+var Print = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for Print module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function Print$$1(parent) {
+    function Print(parent) {
         this.parent = parent;
-        Grid.Inject(Print);
+        Grid.Inject(Print$1);
         this.addEventListener();
     }
     /**
@@ -1510,20 +1516,20 @@ var Print$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Print module name
      */
-    Print$$1.prototype.getModuleName = function () {
+    Print.prototype.getModuleName = function () {
         return 'print';
     };
     /**
      * @hidden
      * @returns {void}
      */
-    Print$$1.prototype.addEventListener = function () {
+    Print.prototype.addEventListener = function () {
         this.parent.grid.on(printGridInit, this.printTreeGrid, this);
     };
-    Print$$1.prototype.removeEventListener = function () {
+    Print.prototype.removeEventListener = function () {
         this.parent.grid.off(printGridInit, this.printTreeGrid);
     };
-    Print$$1.prototype.printTreeGrid = function (printGrid) {
+    Print.prototype.printTreeGrid = function (printGrid) {
         var grid = getObject('printgrid', printGrid);
         var gridElement = getObject('element', printGrid);
         grid.addEventListener(queryCellInfo, this.parent.grid.queryCellInfo);
@@ -1531,7 +1537,7 @@ var Print$1 = /** @__PURE__ @class */ (function () {
         grid.addEventListener(beforeDataBound, this.parent.grid.beforeDataBound);
         addClass([gridElement], 'e-treegrid');
     };
-    Print$$1.prototype.print = function () {
+    Print.prototype.print = function () {
         this.parent.grid.print();
     };
     /**
@@ -1540,13 +1546,13 @@ var Print$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Print$$1.prototype.destroy = function () {
+    Print.prototype.destroy = function () {
         this.removeEventListener();
     };
-    return Print$$1;
+    return Print;
 }());
 
-var __extends$7 = (undefined && undefined.__extends) || (function () {
+var __extends$6 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -1559,7 +1565,7 @@ var __extends$7 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1569,29 +1575,29 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
  * Configures the filtering behavior of the TreeGrid.
  */
 var SearchSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$7(SearchSettings, _super);
+    __extends$6(SearchSettings, _super);
     function SearchSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __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);
     return SearchSettings;
 }(ChildProperty));
 
-var __extends$8 = (undefined && undefined.__extends) || (function () {
+var __extends$7 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -1604,7 +1610,7 @@ var __extends$8 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1614,29 +1620,29 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
  * Configures the selection behavior of the TreeGrid.
  */
 var SelectionSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$8(SelectionSettings, _super);
+    __extends$7(SelectionSettings, _super);
     function SelectionSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __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);
     return SelectionSettings;
@@ -1674,10 +1680,10 @@ var Render = /** @__PURE__ @class */ (function () {
         if (!isNullOrUndefined(data.parentItem) && !isFilterChildHierarchy(this.parent) &&
             (!(this.parent.allowPaging && !(this.parent.pageSettings.pageSizeMode === 'Root')) ||
                 (isRemoteData(this.parent) && !isOffline(this.parent)))) {
-            var collapsed$$1 = (this.parent.initialRender && (!(isNullOrUndefined(parentData[this.parent.expandStateMapping]) ||
+            var 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';
                 var rowsObj = this.parent.grid.getRowsObject();
                 if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
@@ -1956,7 +1962,7 @@ var Render = /** @__PURE__ @class */ (function () {
                 }
                 else {
                     var str = 'isStringTemplate';
-                    var result = args.column["" + templateFn](extend$1({ 'index': '' }, args.data), this.parent, 'template', tempID, this.parent["" + str]);
+                    var result = args.column["" + templateFn](extend({ 'index': '' }, args.data), this.parent, 'template', tempID, this.parent["" + str]);
                     appendChildren(cellElement, result);
                 }
                 delete args.column.template;
@@ -1996,7 +2002,9 @@ var Render = /** @__PURE__ @class */ (function () {
                             && !isNullOrUndefined(rowsObj[parseInt(j.toString(), 10)].index)) {
                             var cell = rowsObj[parseInt(j.toString(), 10)]["" + cells][parseInt(cellIndex.toString(), 10)];
                             var cellRenderer = new CellRenderer(_this.parent.grid, _this.parent.grid.serviceLocator);
-                            var td = _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent);
+                            var 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] });
                             var treecell = _this.parent.getRows()[parseInt(j.toString(), 10)]
                                 .cells[parseInt(cellIndex.toString(), 10)];
@@ -2099,7 +2107,8 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
      */
     DataManipulation.prototype.convertToFlatData = function (data) {
         var _this = this;
-        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)) {
@@ -2155,7 +2164,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
             var keys = Object.keys(data);
             for (var i = 0; i < keys.length; i++) {
                 var 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]);
                 }
@@ -2257,7 +2266,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                         }
                     }
                     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_1.parent.element.id + '_data_');
                         setValue('uniqueIDCollection.' + records[parseInt(rec.toString(), 10)].uniqueID, records[parseInt(rec.toString(), 10)], this_1.parent);
                         records[parseInt(rec.toString(), 10)].level = 0;
@@ -2456,7 +2465,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                         }
                     }
                 }
-                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 (var 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]) {
@@ -2484,7 +2493,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                         }
                     }
                     else {
-                        var parentData = extend({}, rowDetails.record);
+                        var parentData = extend$1({}, rowDetails.record);
                         delete parentData.childRecords;
                         result[parseInt(r.toString(), 10)].parentItem = parentData;
                         result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
@@ -2492,7 +2501,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                 }
                 else {
                     result[parseInt(r.toString(), 10)].level = rowDetails.record.level + 1;
-                    var parentData = extend({}, rowDetails.record);
+                    var parentData = extend$1({}, rowDetails.record);
                     delete parentData.childRecords;
                     result[parseInt(r.toString(), 10)].parentItem = parentData;
                     result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
@@ -2612,7 +2621,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
         var treeGridData = [];
         var keys = Object.keys(data);
         for (var i = 0, len = keys.length; i < len; i++) {
-            var currentData = extend({}, data[parseInt(i.toString(), 10)]);
+            var currentData = extend$1({}, data[parseInt(i.toString(), 10)]);
             currentData.taskData = data[parseInt(i.toString(), 10)];
             var level = 0;
             this.storedIndex++;
@@ -2640,7 +2649,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
             currentData.uniqueID = getUid(this.parent.element.id + '_data_');
             setValue('uniqueIDCollection.' + currentData.uniqueID, currentData, this.parent);
             if (!isNullOrUndefined(parentRecords)) {
-                var parentData = extend({}, parentRecords);
+                var parentData = extend$1({}, parentRecords);
                 delete parentData.childRecords;
                 delete parentData[this.parent.childMapping];
                 if (this.isSelfReference) {
@@ -2922,7 +2931,7 @@ var ContextMenuItems;
     ContextMenuItems[ContextMenuItems["RowOutdent"] = 17] = "RowOutdent";
 })(ContextMenuItems || (ContextMenuItems = {}));
 
-var __extends$9 = (undefined && undefined.__extends) || (function () {
+var __extends$8 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -2935,7 +2944,7 @@ var __extends$9 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2945,38 +2954,38 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
  * Configures the paging behavior of the TreeGrid.
  */
 var PageSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$9(PageSettings, _super);
+    __extends$8(PageSettings, _super);
     function PageSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __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);
     return PageSettings;
 }(ChildProperty));
 
-var __extends$10 = (undefined && undefined.__extends) || (function () {
+var __extends$9 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -2989,7 +2998,7 @@ var __extends$10 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2999,7 +3008,7 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
  * Configures the TreeGrid's aggregate column.
  */
 var AggregateColumn = /** @__PURE__ @class */ (function (_super) {
-    __extends$10(AggregateColumn, _super);
+    __extends$9(AggregateColumn, _super);
     function AggregateColumn() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.intl = new Internationalization();
@@ -3067,41 +3076,41 @@ var AggregateColumn = /** @__PURE__ @class */ (function (_super) {
     AggregateColumn.prototype.setPropertiesSilent = function (prop) {
         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);
     return AggregateColumn;
 }(ChildProperty));
 var AggregateRow = /** @__PURE__ @class */ (function (_super) {
-    __extends$10(AggregateRow, _super);
+    __extends$9(AggregateRow, _super);
     function AggregateRow() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$8([
+    __decorate$7([
         Collection([], AggregateColumn)
     ], AggregateRow.prototype, "columns", void 0);
-    __decorate$8([
+    __decorate$7([
         Property(true)
     ], AggregateRow.prototype, "showChildSummary", void 0);
     return AggregateRow;
 }(ChildProperty));
 
-var __extends$11 = (undefined && undefined.__extends) || (function () {
+var __extends$a = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -3114,7 +3123,7 @@ var __extends$11 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3124,47 +3133,47 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
  * Configures the edit behavior of the TreeGrid.
  */
 var EditSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$11(EditSettings, _super);
+    __extends$a(EditSettings, _super);
     function EditSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __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);
     return EditSettings;
 }(ChildProperty));
 
-var __extends$12 = (undefined && undefined.__extends) || (function () {
+var __extends$b = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -3177,7 +3186,7 @@ var __extends$12 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$10 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3187,14 +3196,14 @@ var __decorate$10 = (undefined && undefined.__decorate) || function (decorators,
  * Represents the field name and direction of sort column.
  */
 var SortDescriptor = /** @__PURE__ @class */ (function (_super) {
-    __extends$12(SortDescriptor, _super);
+    __extends$b(SortDescriptor, _super);
     function SortDescriptor() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$10([
+    __decorate$9([
         Property()
     ], SortDescriptor.prototype, "field", void 0);
-    __decorate$10([
+    __decorate$9([
         Property()
     ], SortDescriptor.prototype, "direction", void 0);
     return SortDescriptor;
@@ -3203,14 +3212,14 @@ var SortDescriptor = /** @__PURE__ @class */ (function (_super) {
  * Configures the sorting behavior of TreeGrid.
  */
 var SortSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$12(SortSettings, _super);
+    __extends$b(SortSettings, _super);
     function SortSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$10([
+    __decorate$9([
         Collection([], SortDescriptor)
     ], SortSettings.prototype, "columns", void 0);
-    __decorate$10([
+    __decorate$9([
         Property(true)
     ], SortSettings.prototype, "allowUnsort", void 0);
     return SortSettings;
@@ -3257,7 +3266,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'))) {
@@ -3380,7 +3389,7 @@ function addAction(details, treeData, control, isSelfReference, addRowIndex, sel
     var value;
     var isSkip = false;
     var currentViewRecords = control.grid.getCurrentViewRecords();
-    value = extend({}, details.value);
+    value = extend$1({}, details.value);
     value = getPlainData(value);
     switch (control.editSettings.newRowPosition) {
         case 'Top':
@@ -3393,28 +3402,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 {
                 var primaryKeys = control.grid.getPrimaryKeyFieldNames()[0];
                 var 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);
                 var internalProperty = 'internalProperties';
@@ -3623,7 +3632,7 @@ function updateParentRow(key, record, action, control, isSelfReference, child) {
     }
 }
 
-var __extends$13 = (undefined && undefined.__extends) || (function () {
+var __extends$c = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -3636,7 +3645,7 @@ var __extends$13 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$11 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -3646,23 +3655,23 @@ var __decorate$11 = (undefined && undefined.__decorate) || function (decorators,
  * Configures the infinite scroll behavior of Tree Grid.
  */
 var InfiniteScrollSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$13(InfiniteScrollSettings, _super);
+    __extends$c(InfiniteScrollSettings, _super);
     function InfiniteScrollSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __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);
     return InfiniteScrollSettings;
 }(ChildProperty));
 
-var __extends = (undefined && undefined.__extends) || (function () {
+var __extends$d = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -3675,7 +3684,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -3692,7 +3701,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
  * ```
  */
 var TreeGrid = /** @__PURE__ @class */ (function (_super) {
-    __extends(TreeGrid, _super);
+    __extends$d(TreeGrid, _super);
     function TreeGrid(options, element) {
         var _this = _super.call(this, options, element) || this;
         _this.dataResults = {};
@@ -3727,15 +3736,15 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 return false;
             }
         };
-        TreeGrid_1.Inject(Selection, Logger$1);
+        TreeGrid_1.Inject(Selection, Logger);
         setValue('mergePersistData', _this.mergePersistTreeGridData, _this);
         var logger = 'Logger';
         if (!isNullOrUndefined(_this.injectedModules["" + logger])) {
-            Grid.Inject(Logger);
+            Grid.Inject(Logger$1);
         }
         var freezeModulePresent = _this.injectedModules.filter(function (e) {
             if (e.prototype.getModuleName() === 'freeze') {
-                Grid.Inject(Freeze);
+                Grid.Inject(Freeze$1);
             }
         });
         _this.grid = new Grid();
@@ -3814,6 +3823,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     };
     /**
      * Exports the TreeGrid data to the specified URL using a POST request.
+     *
      * @param {string} url - Defines exporting url
      * @returns {void}
      */
@@ -3844,6 +3854,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     };
     /**
      * 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
@@ -3930,6 +3941,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.sortByColumn = function (columnName, direction, isMultiSort) {
+        if (isNullOrUndefined(columnName) && isNullOrUndefined(direction)) {
+            var 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);
         }
@@ -3990,21 +4005,27 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.reorderColumns = function (fromFName, toFName) {
+        if (isNullOrUndefined(fromFName) && isNullOrUndefined(toFName)) {
+            var 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);
     };
     TreeGrid.prototype.TreeGridLocale = function () {
-        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-        var locale = L10n.locale;
-        var localeObject = {};
-        setValue(this.locale, {}, localeObject);
-        var gridLocale;
-        gridLocale = {};
-        gridLocale = getObject(this.locale, locale);
-        var 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 */
+            var locale = L10n.locale;
+            var localeObject = {};
+            setValue(this.locale, {}, localeObject);
+            var gridLocale = void 0;
+            gridLocale = {};
+            gridLocale = getObject(this.locale, locale);
+            var treeGridLocale = void 0;
+            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.
@@ -4051,45 +4072,57 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     }
                     break;
                 case 'downArrow':
-                    if (!this.enableVirtualization) {
+                    if (!this.enableVirtualization && isNullOrUndefined(this.rowTemplate)) {
                         target = e.target;
-                        parentTarget = target.parentElement;
-                        if (!isNullOrUndefined(parentTarget)) {
-                            var 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) {
-                                var cellIndex_1 = e.target.cellIndex;
-                                var row_1 = summaryElement.children[parseInt(cellIndex_1.toString(), 10)];
-                                addClass([row_1], 'e-focused');
-                                addClass([row_1], '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)) {
+                                var 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) {
+                                    var cellIndex_1 = target.cellIndex;
+                                    var row_1 = summaryElement.children[parseInt(cellIndex_1.toString(), 10)];
+                                    addClass([row_1], 'e-focused');
+                                    addClass([row_1], '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)) {
-                            var 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) {
-                                var cIndex = e.target.cellIndex;
-                                var 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)) {
+                                var 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) {
+                                    var cellIndex_2 = target.cellIndex;
+                                    if (!isNullOrUndefined(cellIndex_2)) {
+                                        var row_2 = summaryElement.children[parseInt(cellIndex_2.toString(), 10)];
+                                        addClass([row_2], 'e-focused');
+                                        addClass([row_2], 'e-focus');
+                                    }
+                                }
+                                else {
+                                    this.clearSelection();
+                                }
                             }
                         }
                     }
@@ -4283,7 +4316,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 name: 'Edit'
             });
         }
-        if (this.isCommandColumn(this.columns)) {
+        if (!isNullOrUndefined(this.columns) && this.isCommandColumn(this.columns)) {
             modules.push({
                 member: 'commandColumn',
                 args: [this],
@@ -4381,7 +4414,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         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;
@@ -4416,6 +4449,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         var root = 'root';
         this.grid["" + root] = this["" + root] ? this["" + root] : this;
         this.grid.appendTo(gridContainer);
+        this.actionFailureHandler();
         var gridContent = this.element.getElementsByClassName('e-gridcontent')[0].childNodes[0];
         gridContent.setAttribute('tabindex', '0');
         var contentTable = this.element.getElementsByClassName('e-content')[0].querySelector('.e-table');
@@ -4438,6 +4472,85 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             }
         };
     };
+    TreeGrid.prototype.actionFailureHandler = function () {
+        var _this = this;
+        var failureCases = [];
+        var primaryKeyFieldNames = this.getPrimaryKeyFieldNames();
+        var 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(function (col) { return 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(function (col) { return 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(function (col) { return 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(function (col) { return col.width; }).toString())
+            && !/[px]$/.test(this.columnModel.filter(function (col) { return 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.');
+        }
+        var checkboxColumn = this.columnModel.filter(function (col) { return col.showCheckbox; });
+        var 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.');
+            }
+        }
+        var alignColumn = this.columnModel.filter(function (col) { return 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) {
+            var failureEventArgs_1 = {
+                error: {}
+            };
+            failureCases.forEach(function (failureCase, index) {
+                failureEventArgs_1.error[parseInt(index.toString(), 10)] = failureCase;
+            });
+            this.trigger(actionFailure, failureEventArgs_1);
+        }
+    };
     TreeGrid.prototype.refreshToolbarItems = function () {
         var toolbarElement = this.toolbarModule.getToolbar();
         var indentID = this.element.id + '_gridcontrol_indent';
@@ -4645,11 +4758,13 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             _this.grid.on('initial-end', _this.afterGridRender, _this);
             if (!isNullOrUndefined(_this.loggerModule)) {
                 var 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 = function (args) {
+            _this.trigger(actionFailure, args);
+        };
         this.extendedGridDataBoundEvent();
         this.extendedGridEvents();
         this.extendedGridActionEvents();
@@ -4738,7 +4853,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 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();
             }
@@ -5022,9 +5137,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 if (_this.grid.isFrozenGrid() && _this.enableVirtualization && args['tableName'] === 'movable') {
-                    var movableContent$$1 = _this.grid.element.querySelector('.' + movableContent);
-                    var frozenContent$$1 = _this.grid.element.querySelector('.' + frozenContent);
-                    movableContent$$1.style.height = frozenContent$$1.style.height = 'auto';
+                    var movableContent$1 = _this.grid.element.querySelector('.' + movableContent);
+                    var frozenContent$1 = _this.grid.element.querySelector('.' + frozenContent);
+                    movableContent$1.style.height = frozenContent$1.style.height = 'auto';
                 }
                 _this.trigger(actionComplete, args);
             }
@@ -5745,7 +5860,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         if (this.grid.editModule) {
             if (!isNullOrUndefined(index)) {
                 var griddata = this.grid.getCurrentViewRecords()[parseInt(index.toString(), 10)];
-                extend(griddata, data);
+                extend$1(griddata, data);
                 this.grid.editModule.updateRow(index, griddata);
             }
             else {
@@ -5762,6 +5877,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.deleteRecord = function (fieldName, data) {
+        if ((isNullOrUndefined(fieldName) && (isNullOrUndefined(data)) || (this.getSelectedRecords().length <= 0))) {
+            var 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);
         }
@@ -5830,6 +5949,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.deleteRow = function (tr) {
+        if (isNullOrUndefined(tr)) {
+            var 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);
         }
@@ -5855,9 +5978,11 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.grid.setCellValue(key, field, value);
         var rowIndex = this.grid.getRowIndexByPrimaryKey(key);
         var 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)) {
+            var 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.
@@ -5895,8 +6020,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.grid.setRowData(key, rowData);
         var visibleRecords = this.getVisibleRecords();
         if (visibleRecords.length > 0 && key === (visibleRecords[visibleRecords.length - 1])["" + primaryKey]) {
-            var table$$1 = this.getContentTable();
-            var sHeight = table$$1.scrollHeight;
+            var table = this.getContentTable();
+            var sHeight = table.scrollHeight;
             var clientHeight = this.getContent().clientHeight;
             this.lastRowBorder(this.getRows()[currentRecords.indexOf(record)], sHeight <= clientHeight);
         }
@@ -5908,6 +6033,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.goToPage = function (pageNo) {
+        if (isNullOrUndefined(pageNo)) {
+            var 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);
         }
@@ -6009,6 +6138,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.hideColumns = function (keys, hideBy) {
+        if (isNullOrUndefined(keys)) {
+            var 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();
     };
@@ -6106,10 +6239,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         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
@@ -6118,10 +6251,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.updateColumnsWidth = function (columns) {
         var _this = this;
         columns.forEach(function (column) {
-            if (column.columns) {
+            if (!isNullOrUndefined(column) && column.columns) {
                 _this.updateColumnsWidth(column.columns);
             }
-            else if (column.field) {
+            else if (!isNullOrUndefined(column) && column.field) {
                 var currentColumn = _this.grid.getColumnByField(column.field);
                 if (!isNullOrUndefined(currentColumn)) {
                     column.width = currentColumn.width;
@@ -6426,6 +6559,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      */
     TreeGrid.prototype.expandRow = function (row, record, key, level) {
         var _this = this;
+        if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key) && isNullOrUndefined(level)) {
+            var error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
+            this.trigger(actionFailure, { error: error });
+        }
         var parentRec = this.parentData;
         if (!this.enableVirtualization) {
             parentRec = this.flatData.filter(function (e) {
@@ -6449,13 +6586,13 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                         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;
         }
@@ -6466,13 +6603,13 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     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
-    TreeGrid.prototype.expandRows = function (row, record, parentRec, key, level) {
+    TreeGrid.prototype.expandRows = function (row, record, parentRec) {
         this.expandCollapse('expand', row, record);
         var children = 'Children';
         if (!(isRemoteData(this) && !isOffline(this)) && (!isCountRequired(this) || !isNullOrUndefined(record["" + children]))) {
@@ -6543,6 +6680,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      */
     TreeGrid.prototype.collapseRow = function (row, record, key) {
         var _this = this;
+        if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key)) {
+            var error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
+            this.trigger(actionFailure, { error: error });
+        }
         var parentRec = this.parentData;
         if (!this.enableVirtualization) {
             parentRec = this.flatData.filter(function (e) {
@@ -6559,12 +6700,12 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                         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;
         }
@@ -6572,13 +6713,13 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             var args = { data: record, row: row, cancel: false };
             this.trigger(collapsing, args, function (collapsingArgs) {
                 if (!collapsingArgs.cancel && !isNullOrUndefined(record)) {
-                    _this.collapseRows(row, record, parentRec, key);
+                    _this.collapseRows(row, record, parentRec);
                 }
             });
         }
     };
     // Internal method for handling the rows collapse
-    TreeGrid.prototype.collapseRows = function (row, record, parentRec, key) {
+    TreeGrid.prototype.collapseRows = function (row, record, parentRec) {
         this.expandCollapse('collapse', row, record);
         var collapseArgs = { data: record, row: row };
         if (!isRemoteData(this)) {
@@ -6622,6 +6763,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandAtLevel = function (level) {
+        if (isNullOrUndefined(level)) {
+            var 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)) {
             var rec = this.grid.dataSource.filter(function (e) {
                 if (e.hasChildRecords && e.level === level) {
@@ -6644,6 +6789,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandByKey = function (key) {
+        if (isNullOrUndefined(key)) {
+            var error = 'The provided value for the key is undefined. Please ensure the key contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.expandCollapseActionByKey(key, 'Expand');
     };
     TreeGrid.prototype.expandAction = function (record, key, level, isPaging) {
@@ -6701,6 +6850,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseAtLevel = function (level) {
+        if (isNullOrUndefined(level)) {
+            var 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)) {
             var record = this.grid.dataSource.filter(function (e) {
                 if (e.hasChildRecords && e.level === level) {
@@ -6723,6 +6876,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseByKey = function (key) {
+        if (isNullOrUndefined(key)) {
+            var error = 'The provided value for the key is undefined. Please ensure the key contains number.';
+            this.trigger(actionFailure, { error: error });
+        }
         this.expandCollapseActionByKey(key, 'Collapse');
     };
     TreeGrid.prototype.expandCollapseActionByKey = function (key, action) {
@@ -6763,6 +6920,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandAll = function () {
+        if (this.getCurrentViewRecords().length === 0) {
+            var 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');
@@ -6773,6 +6934,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseAll = function () {
+        if (this.getCurrentViewRecords().length === 0) {
+            var 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');
@@ -6942,8 +7107,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 totalRows = [].slice.call(rows);
                 for (var i = totalRows.length - 1; i >= 0; i--) {
                     if (!isHidden(totalRows[parseInt(i.toString(), 10)])) {
-                        var table$$1 = this.getContentTable();
-                        var sHeight = table$$1.scrollHeight;
+                        var table = this.getContentTable();
+                        var sHeight = table.scrollHeight;
                         var clientHeight = this.getContent().clientHeight;
                         this.lastRowBorder(totalRows[parseInt(i.toString(), 10)], sHeight <= clientHeight);
                         break;
@@ -7003,8 +7168,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     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;
@@ -7332,6 +7497,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.filterByColumn = function (fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator) {
+        if (isNullOrUndefined(fieldName) && isNullOrUndefined(filterOperator) && isNullOrUndefined(filterValue)) {
+            var 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);
     };
     /**
@@ -7398,6 +7567,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.paste = function (data, rowIndex, colIndex) {
+        if (isNullOrUndefined(data) && isNullOrUndefined(rowIndex) && isNullOrUndefined(colIndex)) {
+            var 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);
     };
     /**
@@ -7609,7 +7782,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {number} - Returns frozen column count
      */
     TreeGrid.prototype.getFrozenColumns = function () {
-        return this.getFrozenCount(this.columns, 0) + this.frozenColumns;
+        return this.getFrozenCount(!isNullOrUndefined(this.columns) && this.columns, 0) + this.frozenColumns;
     };
     TreeGrid.prototype.getFrozenCount = function (cols, cnt) {
         for (var j = 0, len = cols.length; j < len; j++) {
@@ -7666,6 +7839,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.reorderRows = function (fromIndexes, toIndex, position) {
+        if (isNullOrUndefined(fromIndexes) && isNullOrUndefined(toIndex) && isNullOrUndefined(position)) {
+            var 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);
     };
     /**
@@ -7693,400 +7870,400 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         }
     };
     var TreeGrid_1;
-    __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);
     return TreeGrid;
@@ -8097,14 +8274,14 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
  *
  * @hidden
  */
-var Reorder$1 = /** @__PURE__ @class */ (function () {
+var Reorder = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for Reorder module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function Reorder$$1(parent) {
-        Grid.Inject(Reorder);
+    function Reorder(parent) {
+        Grid.Inject(Reorder$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -8114,17 +8291,17 @@ var Reorder$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Reorder module name
      */
-    Reorder$$1.prototype.getModuleName = function () {
+    Reorder.prototype.getModuleName = function () {
         return 'reorder';
     };
     /**
      * @hidden
      * @returns {void}
      */
-    Reorder$$1.prototype.addEventListener = function () {
+    Reorder.prototype.addEventListener = function () {
         this.parent.on('getColumnIndex', this.getTreeColumn, this);
     };
-    Reorder$$1.prototype.removeEventListener = function () {
+    Reorder.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -8136,10 +8313,10 @@ var Reorder$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Reorder$$1.prototype.destroy = function () {
+    Reorder.prototype.destroy = function () {
         this.removeEventListener();
     };
-    Reorder$$1.prototype.getTreeColumn = function () {
+    Reorder.prototype.getTreeColumn = function () {
         var columnModel = 'columnModel';
         var treeColumn = this.parent["" + columnModel][this.parent.treeColumnIndex];
         var treeIndex;
@@ -8154,7 +8331,7 @@ var Reorder$1 = /** @__PURE__ @class */ (function () {
         }
         this.parent.setProperties({ treeColumnIndex: treeIndex }, true);
     };
-    return Reorder$$1;
+    return Reorder;
 }());
 
 /**
@@ -8162,14 +8339,14 @@ var Reorder$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var Resize$1 = /** @__PURE__ @class */ (function () {
+var Resize = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for Resize module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function Resize$$1(parent) {
-        Grid.Inject(Resize);
+    function Resize(parent) {
+        Grid.Inject(Resize$1);
         this.parent = parent;
     }
     /**
@@ -8178,7 +8355,7 @@ var Resize$1 = /** @__PURE__ @class */ (function () {
      * @param  {string|string[]} fName - Defines the field name.
      * @returns {void}
      */
-    Resize$$1.prototype.autoFitColumns = function (fName) {
+    Resize.prototype.autoFitColumns = function (fName) {
         this.parent.grid.autoFitColumns(fName);
     };
     /**
@@ -8187,7 +8364,7 @@ var Resize$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Resize module name
      */
-    Resize$$1.prototype.getModuleName = function () {
+    Resize.prototype.getModuleName = function () {
         return 'resize';
     };
     /**
@@ -8196,13 +8373,13 @@ var Resize$1 = /** @__PURE__ @class */ (function () {
      * @function destroy
      * @returns {void}
      */
-    Resize$$1.prototype.destroy = function () {
+    Resize.prototype.destroy = function () {
         if (this.parent.isDestroyed) {
             return;
         }
         this.parent.grid.resizeModule.destroy();
     };
-    return Resize$$1;
+    return Resize;
 }());
 
 /**
@@ -8210,13 +8387,13 @@ var Resize$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var RowDD$1 = /** @__PURE__ @class */ (function () {
+var RowDD = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for render module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function RowDD$$1(parent) {
+    function RowDD(parent) {
         /** @hidden */
         this.canDrop = true;
         /** @hidden */
@@ -8231,11 +8408,11 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         this.hasDropItem = true;
         /** @hidden */
         this.isaddtoBottom = false;
-        Grid.Inject(RowDD);
+        Grid.Inject(RowDD$1);
         this.parent = parent;
         this.addEventListener();
     }
-    RowDD$$1.prototype.getChildrecordsByParentID = function (id) {
+    RowDD.prototype.getChildrecordsByParentID = function (id) {
         var treeGridDataSource;
         if (this.parent.dataSource instanceof DataManager && isOffline(this.parent)) {
             treeGridDataSource = this.parent.grid.dataSource.dataSource.json;
@@ -8252,7 +8429,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    RowDD$$1.prototype.addEventListener = function () {
+    RowDD.prototype.addEventListener = function () {
         this.parent.on(rowdraging, this.Rowdraging, this);
         this.parent.on(rowDropped, this.rowDropped, this);
         this.parent.on(rowsAdd, this.rowsAdded, this);
@@ -8266,7 +8443,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
      * @param {number} toIndex - Destination row index
      * @param {string} position - Drop position as above or below or child
      */
-    RowDD$$1.prototype.reorderRows = function (fromIndexes, toIndex, position) {
+    RowDD.prototype.reorderRows = function (fromIndexes, toIndex, position) {
         var tObj = this.parent;
         var action = 'action';
         var dropPosition = 'dropPosition';
@@ -8347,7 +8524,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             return;
         }
     };
-    RowDD$$1.prototype.indentOutdentAction = function (record, request) {
+    RowDD.prototype.indentOutdentAction = function (record, request) {
         var tObj = this.parent;
         var action = 'action';
         var droppedIndex = 'dropIndex';
@@ -8421,7 +8598,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.eventTrigger = function (action, dropIndex) {
+    RowDD.prototype.eventTrigger = function (action, dropIndex) {
         var _this = this;
         var actionArgs = {
             action: action,
@@ -8450,7 +8627,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         });
     };
-    RowDD$$1.prototype.orderToIndex = function (currentData) {
+    RowDD.prototype.orderToIndex = function (currentData) {
         for (var i = 0; i < currentData.length; i++) {
             currentData[parseInt(i.toString(), 10)].index = i;
             if (!isNullOrUndefined(currentData[parseInt(i.toString(), 10)].parentItem)) {
@@ -8460,7 +8637,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         }
         return currentData;
     };
-    RowDD$$1.prototype.rowsAdded = function (e) {
+    RowDD.prototype.rowsAdded = function (e) {
         var draggedRecord;
         var dragRecords = e.records;
         for (var i = e.records.length - 1; i > -1; i--) {
@@ -8503,15 +8680,17 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
                     !Object.prototype.hasOwnProperty.call(draggedRecord_1.taskData, tObj.childMapping)) {
                     draggedRecord_1.taskData[tObj.childMapping] = [];
                 }
-                if (Object.prototype.hasOwnProperty.call(draggedRecord_1, tObj.childMapping) &&
-                    (draggedRecord_1[tObj.childMapping]).length && !this.isDraggedWithChild &&
-                    !isNullOrUndefined(tObj.parentIdMapping)) {
-                    var childData = (draggedRecord_1[tObj.childMapping]);
-                    for (var j = 0; j < childData.length; j++) {
-                        if (dragRecords_1.indexOf(childData[parseInt(j.toString(), 10)]) === -1) {
-                            dragRecords_1.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_1[tObj.childMapping])) {
+                    if (Object.prototype.hasOwnProperty.call(draggedRecord_1, tObj.childMapping) &&
+                        (draggedRecord_1[tObj.childMapping]).length && !this.isDraggedWithChild &&
+                        !isNullOrUndefined(tObj.parentIdMapping)) {
+                        var childData = (draggedRecord_1[tObj.childMapping]);
+                        for (var j = 0; j < childData.length; j++) {
+                            if (dragRecords_1.indexOf(childData[parseInt(j.toString(), 10)]) === -1) {
+                                dragRecords_1.splice(j, 0, childData[parseInt(j.toString(), 10)]);
+                                childData[parseInt(j.toString(), 10)].taskData = extend$1({}, childData[parseInt(j.toString(), 10)]);
+                                i += 1;
+                            }
                         }
                     }
                 }
@@ -8562,7 +8741,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             this.dropRows(args);
         }
     };
-    RowDD$$1.prototype.rowsRemoved = function (e) {
+    RowDD.prototype.rowsRemoved = function (e) {
         for (var i = 0; i < e.records.length; i++) {
             this.draggedRecord = e.records[parseInt(i.toString(), 10)];
             if (this.draggedRecord.hasChildRecords || this.draggedRecord.parentItem &&
@@ -8573,7 +8752,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.refreshGridDataSource = function () {
+    RowDD.prototype.refreshGridDataSource = function () {
         var draggedRecord = this.draggedRecord;
         var droppedRecord = this.droppedRecord;
         var proxy = this.parent;
@@ -8585,8 +8764,8 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         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)) {
             var keys = Object.keys(tempDataSource);
             for (var i = 0; i < keys.length; i++) {
                 if (tempDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
@@ -8632,14 +8811,14 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.removeFirstrowBorder = function (element) {
+    RowDD.prototype.removeFirstrowBorder = function (element) {
         var canremove = this.dropPosition === 'bottomSegment';
         if (this.parent.element.getElementsByClassName('e-firstrow-border').length > 0 && element &&
             (element.rowIndex !== 0 || canremove)) {
             this.parent.element.getElementsByClassName('e-firstrow-border')[0].remove();
         }
     };
-    RowDD$$1.prototype.removeLastrowBorder = function (element) {
+    RowDD.prototype.removeLastrowBorder = function (element) {
         var isEmptyRow = element && (element.classList.contains('e-emptyrow') || element.classList.contains('e-columnheader')
             || element.classList.contains('e-detailrow'));
         var islastRowIndex;
@@ -8658,7 +8837,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             this.parent.element.getElementsByClassName('e-lastrow-border')[0].remove();
         }
     };
-    RowDD$$1.prototype.updateIcon = function (row, index, args) {
+    RowDD.prototype.updateIcon = function (row, index, args) {
         var rowEle = args.target ? closest(args.target, 'tr') : null;
         this.dropPosition = undefined;
         var rowPositionHeight = 0;
@@ -8702,6 +8881,10 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         var touchEvent = getObject('originalEvent.event', args);
         var 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);
+        }
         var isTopSegment = posy <= topRowSegment;
         var isMiddleRowSegment = (posy > topRowSegment && posy <= middleRowSegment);
         var isBottomRowSegment = (posy > middleRowSegment && posy <= bottomRowSegment);
@@ -8739,14 +8922,14 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         }
         return this.dropPosition;
     };
-    RowDD$$1.prototype.removeChildBorder = function () {
+    RowDD.prototype.removeChildBorder = function () {
         var borderElem = [];
         borderElem = [].slice.call(this.parent.element.querySelectorAll('.e-childborder'));
         if (borderElem.length > 0) {
             this.addRemoveClasses(borderElem, false, 'e-childborder');
         }
     };
-    RowDD$$1.prototype.addFirstrowBorder = function (targetRow) {
+    RowDD.prototype.addFirstrowBorder = function (targetRow) {
         var node = this.parent.element;
         var tObj = this.parent;
         if (targetRow && targetRow.rowIndex === 0 && !targetRow.classList.contains('e-emptyrow')) {
@@ -8768,7 +8951,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.addLastRowborder = function (trElement) {
+    RowDD.prototype.addLastRowborder = function (trElement) {
         var isEmptyRow = trElement && (trElement.classList.contains('e-emptyrow') ||
             trElement.classList.contains('e-columnheader') || trElement.classList.contains('e-detailrow'));
         if (trElement && !isEmptyRow && this.parent.getRows()[this.parent.getCurrentViewRecords().length - 1].getAttribute('data-uid') ===
@@ -8783,11 +8966,11 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.getScrollWidth = function () {
+    RowDD.prototype.getScrollWidth = function () {
         var scrollElem = this.parent.getContent().firstElementChild;
         return scrollElem.scrollWidth > scrollElem.offsetWidth ? Scroll.getScrollBarWidth() : 0;
     };
-    RowDD$$1.prototype.addErrorElem = function () {
+    RowDD.prototype.addErrorElem = function () {
         var dragelem = document.getElementsByClassName('e-cloneproperties')[0];
         var errorelem = dragelem.querySelectorAll('.e-errorelem').length;
         var sanitize = 'sanitize';
@@ -8796,16 +8979,16 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             classList(ele, ['e-errorcontainer'], []);
             classList(ele, ['e-icons', 'e-errorelem'], []);
             var errorVal = dragelem.querySelector('.errorValue');
-            var content$$1 = dragelem.querySelector('.e-rowcell').innerHTML;
+            var 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 = '';
             var 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);
             var dropItemSpan = document.querySelector('.e-dropitemscount');
@@ -8817,7 +9000,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.removeErrorElem = function () {
+    RowDD.prototype.removeErrorElem = function () {
         var errorelem = document.querySelector('.e-errorelem');
         var errorValue = document.querySelector('.errorValue');
         var dropItemSpan = document.querySelector('.e-dropitemscount');
@@ -8837,7 +9020,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         }
         this.hasDropItem = true;
     };
-    RowDD$$1.prototype.topOrBottomBorder = function (target) {
+    RowDD.prototype.topOrBottomBorder = function (target) {
         var rowElement = [];
         var element = closest(target, 'tr');
         rowElement = element ? [].slice.call(element.querySelectorAll('.e-rowcell,.e-rowdragdrop,.e-detailrowcollapse')) : [];
@@ -8853,7 +9036,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.removetopOrBottomBorder = function () {
+    RowDD.prototype.removetopOrBottomBorder = function () {
         var border = [];
         border = [].slice.call(this.parent.element.querySelectorAll('.e-dropbottom, .e-droptop'));
         if (border.length) {
@@ -8861,7 +9044,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             this.addRemoveClasses(border, false, 'e-droptop');
         }
     };
-    RowDD$$1.prototype.addRemoveClasses = function (cells, add, className) {
+    RowDD.prototype.addRemoveClasses = function (cells, add, className) {
         for (var i = 0, len = cells.length; i < len; i++) {
             if (add) {
                 cells[parseInt(i.toString(), 10)].classList.add(className);
@@ -8871,7 +9054,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.getOffset = function (element) {
+    RowDD.prototype.getOffset = function (element) {
         var box = element.getBoundingClientRect();
         var body = document.body;
         var docElem = document.documentElement;
@@ -8883,7 +9066,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         var left = box.left + scrollLeft - clientLeft;
         return { top: Math.round(top), left: Math.round(left) };
     };
-    RowDD$$1.prototype.Rowdraging = function (args) {
+    RowDD.prototype.Rowdraging = function (args) {
         var tObj = this.parent;
         var cloneElement = this.parent.element.querySelector('.e-cloneproperties');
         cloneElement.style.cursor = '';
@@ -8926,7 +9109,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.rowDropped = function (args) {
+    RowDD.prototype.rowDropped = function (args) {
         var tObj = this.parent;
         var parentItem = 'parentItem';
         if (!tObj.rowDropSettings.targetID) {
@@ -9012,7 +9195,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.dragDropGrid = function (args) {
+    RowDD.prototype.dragDropGrid = function (args) {
         var tObj = this.parent;
         var targetRow = closest(args.target, 'tr');
         var targetIndex = isNaN(this.getTargetIdx(targetRow)) ? 0 : this.getTargetIdx(targetRow);
@@ -9072,10 +9255,10 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             srcControl.grid.refresh();
         }
     };
-    RowDD$$1.prototype.getTargetIdx = function (targetRow) {
+    RowDD.prototype.getTargetIdx = function (targetRow) {
         return targetRow ? parseInt(targetRow.getAttribute('data-rowindex'), 10) : 0;
     };
-    RowDD$$1.prototype.getParentData = function (record, data) {
+    RowDD.prototype.getParentData = function (record, data) {
         var parentItem = record.parentItem;
         var selectedItemIndex = -1;
         if (this.parent.enableVirtualization && this.parent.selectedRowIndex !== -1) {
@@ -9102,7 +9285,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.dropRows = function (args, isByMethod) {
+    RowDD.prototype.dropRows = function (args, isByMethod) {
         if (this.dropPosition !== 'Invalid' && !isRemoteData(this.parent)) {
             var tObj = this.parent;
             var draggedRecord_2;
@@ -9239,7 +9422,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.dropMiddle = function (recordIndex) {
+    RowDD.prototype.dropMiddle = function (recordIndex) {
         var tObj = this.parent;
         var childRecords = findChildrenRecords(this.droppedRecord);
         var childRecordsLength = (isNullOrUndefined(childRecords) ||
@@ -9259,7 +9442,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.dropAtTop = function (recordIndex1) {
+    RowDD.prototype.dropAtTop = function (recordIndex1) {
         var tObj = this.parent;
         if (this.dropPosition === 'topSegment') {
             if (tObj.parentIdMapping) {
@@ -9282,7 +9465,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.recordLevel = function () {
+    RowDD.prototype.recordLevel = function () {
         var tObj = this.parent;
         var draggedRecord = this.draggedRecord;
         var droppedRecord = this.droppedRecord;
@@ -9298,7 +9481,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
         if (this.dropPosition === 'middleSegment') {
-            var parentItem = extend({}, droppedRecord);
+            var parentItem = extend$1({}, droppedRecord);
             delete parentItem.childRecords;
             draggedRecord.parentItem = parentItem;
             draggedRecord.parentUniqueID = droppedRecord.uniqueID;
@@ -9322,7 +9505,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             droppedRecord.expanded = true;
         }
     };
-    RowDD$$1.prototype.deleteDragRow = function () {
+    RowDD.prototype.deleteDragRow = function () {
         if (this.parent.dataSource instanceof DataManager && isOffline(this.parent)) {
             this.treeGridData = this.parent.grid.dataSource.dataSource.json;
             this.treeData = this.parent.dataSource.dataSource.json;
@@ -9337,7 +9520,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         }
         this.removeRecords(deletedRow);
     };
-    RowDD$$1.prototype.updateChildRecord = function (record, count) {
+    RowDD.prototype.updateChildRecord = function (record, count) {
         var currentRecord;
         var tObj = this.parent;
         var length = 0;
@@ -9364,7 +9547,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         }
         return count;
     };
-    RowDD$$1.prototype.updateChildRecordLevel = function (record, level) {
+    RowDD.prototype.updateChildRecordLevel = function (record, level) {
         var length = 0;
         var currentRecord;
         level++;
@@ -9394,7 +9577,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         }
         return level;
     };
-    RowDD$$1.prototype.removeRecords = function (record) {
+    RowDD.prototype.removeRecords = function (record) {
         var tObj = this.parent;
         var dataSource;
         if (this.parent.dataSource instanceof DataManager && isOffline(this.parent)) {
@@ -9476,14 +9659,14 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.updateModifiedRecords = function (record) {
+    RowDD.prototype.updateModifiedRecords = function (record) {
         var parentData = getParentData(this.parent, record.parentUniqueID);
         if (!isNullOrUndefined(parentData)) {
             this.parent[this.modifiedRecords].push(parentData);
             this.updateModifiedRecords(parentData);
         }
     };
-    RowDD$$1.prototype.removeChildItem = function (record) {
+    RowDD.prototype.removeChildItem = function (record) {
         var currentRecord;
         var idx;
         var idz;
@@ -9529,7 +9712,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    RowDD$$1.prototype.getChildCount = function (record, count) {
+    RowDD.prototype.getChildCount = function (record, count) {
         var currentRecord;
         if (!record.hasChildRecords) {
             return 0;
@@ -9543,7 +9726,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         }
         return count;
     };
-    RowDD$$1.prototype.ensuredropPosition = function (draggedRecords, currentRecord) {
+    RowDD.prototype.ensuredropPosition = function (draggedRecords, currentRecord) {
         var _this = this;
         draggedRecords.filter(function (e) {
             if (e.hasChildRecords && !isNullOrUndefined(e.childRecords)) {
@@ -9560,14 +9743,14 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
         });
     };
-    RowDD$$1.prototype.destroy = function () {
+    RowDD.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
      * @hidden
      * @returns {void}
      */
-    RowDD$$1.prototype.removeEventListener = function () {
+    RowDD.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -9585,17 +9768,13 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns RowDragAndDrop module name
      */
-    RowDD$$1.prototype.getModuleName = function () {
+    RowDD.prototype.getModuleName = function () {
         return 'rowDragAndDrop';
     };
-    return RowDD$$1;
+    return RowDD;
 }());
 
-/**
- * Base export
- */
-
-var __extends$14 = (undefined && undefined.__extends) || (function () {
+var __extends$e = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -9608,7 +9787,7 @@ var __extends$14 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$12 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -9617,22 +9796,18 @@ var __decorate$12 = (undefined && undefined.__decorate) || function (decorators,
 /**
  * Configures the row drop settings of the TreeGrid.
  */
-var RowDropSettings$1 = /** @__PURE__ @class */ (function (_super) {
-    __extends$14(RowDropSettings$$1, _super);
-    function RowDropSettings$$1() {
+var RowDropSettings = /** @__PURE__ @class */ (function (_super) {
+    __extends$e(RowDropSettings, _super);
+    function RowDropSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$12([
+    __decorate$c([
         Property()
-    ], RowDropSettings$$1.prototype, "targetID", void 0);
-    return RowDropSettings$$1;
+    ], RowDropSettings.prototype, "targetID", void 0);
+    return RowDropSettings;
 }(ChildProperty));
 
-/**
- * Models export
- */
-
-var __extends$15 = (undefined && undefined.__extends) || (function () {
+var __extends$f = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -9651,7 +9826,7 @@ var __extends$15 = (undefined && undefined.__extends) || (function () {
  * @hidden
  */
 var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
-    __extends$15(TreeVirtualRowModelGenerator, _super);
+    __extends$f(TreeVirtualRowModelGenerator, _super);
     function TreeVirtualRowModelGenerator(parent) {
         var _this = _super.call(this, parent) || this;
         _this.addEventListener();
@@ -9699,8 +9874,8 @@ var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
             var rows = _super.prototype.generateRows.call(this, data, notifyArgs);
             if (!isNullOrUndefined((this.visualData))) {
                 for (var 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;
@@ -9740,23 +9915,19 @@ var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
     return TreeVirtualRowModelGenerator;
 }(VirtualRowModelGenerator));
 
-/**
- * Renderer export
- */
-
 /**
  * TreeGrid Filter module will handle filtering action
  *
  * @hidden
  */
-var Filter$1 = /** @__PURE__ @class */ (function () {
+var Filter = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for Filter module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function Filter$$1(parent) {
-        Grid.Inject(Filter);
+    function Filter(parent) {
+        Grid.Inject(Filter$1);
         this.parent = parent;
         this.isHierarchyFilter = false;
         this.filteredResult = [];
@@ -9770,7 +9941,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Filter module name
      */
-    Filter$$1.prototype.getModuleName = function () {
+    Filter.prototype.getModuleName = function () {
         return 'filter';
     };
     /**
@@ -9779,14 +9950,14 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Filter$$1.prototype.destroy = function () {
+    Filter.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
      * @hidden
      * @returns {void}
      */
-    Filter$$1.prototype.addEventListener = function () {
+    Filter.prototype.addEventListener = function () {
         this.parent.on('updateFilterRecs', this.updatedFilteredRecord, this);
         this.parent.on('clearFilters', this.clearFilterLevel, this);
     };
@@ -9794,7 +9965,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Filter$$1.prototype.removeEventListener = function () {
+    Filter.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -9809,7 +9980,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Filter$$1.prototype.updatedFilteredRecord = function (dataDetails) {
+    Filter.prototype.updatedFilteredRecord = function (dataDetails) {
         setValue('uniqueIDFilterCollection', {}, this.parent);
         this.flatFilteredData = dataDetails.data;
         this.filteredParentRecs = [];
@@ -9844,7 +10015,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
         }
         this.parent.notify('updateAction', { result: this.filteredResult });
     };
-    Filter$$1.prototype.updateParentFilteredRecord = function (record) {
+    Filter.prototype.updateParentFilteredRecord = function (record) {
         var parRecord = getParentData(this.parent, record.parentItem.uniqueID, true);
         var uniqueIDValue = getValue('uniqueIDFilterCollection', this.parent);
         if (parRecord && Object.prototype.hasOwnProperty.call(uniqueIDValue, parRecord.uniqueID)) {
@@ -9854,7 +10025,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
             this.updateParentFilteredRecord(parRecord);
         }
     };
-    Filter$$1.prototype.addParentRecord = function (record) {
+    Filter.prototype.addParentRecord = function (record) {
         var parent = getParentData(this.parent, record.parentUniqueID);
         //let parent: Object = this.parent.flatData.filter((e: ITreeData) => {return e.uniqueID === record.parentUniqueID; })[0];
         var hierarchyMode = this.parent.grid.searchSettings.key === '' ? this.parent.filterSettings.hierarchyMode
@@ -9907,7 +10078,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Filter$$1.prototype.checkChildExsist = function (records) {
+    Filter.prototype.checkChildExsist = function (records) {
         var childRec = getObject('childRecords', records);
         var isExist = false;
         for (var count = 0; count < childRec.length; count++) {
@@ -9939,7 +10110,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
         }
         return isExist;
     };
-    Filter$$1.prototype.updateFilterLevel = function () {
+    Filter.prototype.updateFilterLevel = function () {
         var record = this.filteredResult;
         var len = this.filteredResult.length;
         for (var c = 0; c < len; c++) {
@@ -9955,7 +10126,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Filter$$1.prototype.clearFilterLevel = function (data) {
+    Filter.prototype.clearFilterLevel = function (data) {
         var count = 0;
         var flatData = data.flatData;
         var len = flatData.length;
@@ -9971,7 +10142,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
         this.filteredResult = [];
         this.parent.notify('updateResults', { result: flatData, count: flatData.length });
     };
-    return Filter$$1;
+    return Filter;
 }());
 
 /**
@@ -9979,15 +10150,15 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var ExcelExport$1 = /** @__PURE__ @class */ (function () {
+var ExcelExport = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for Excel Export module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function ExcelExport$$1(parent) {
+    function ExcelExport(parent) {
         this.isCollapsedStatePersist = false;
-        Grid.Inject(ExcelExport);
+        Grid.Inject(ExcelExport$1);
         this.parent = parent;
         this.dataResults = {};
         this.addEventListener();
@@ -9998,14 +10169,14 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns ExcelExport module name
      */
-    ExcelExport$$1.prototype.getModuleName = function () {
+    ExcelExport.prototype.getModuleName = function () {
         return 'ExcelExport';
     };
     /**
      * @hidden
      * @returns {void}
      */
-    ExcelExport$$1.prototype.addEventListener = function () {
+    ExcelExport.prototype.addEventListener = function () {
         this.parent.on('updateResults', this.updateExcelResultModel, this);
         this.parent.on('excelCellInfo', this.excelQueryCellInfo, this);
         this.parent.grid.on('export-RowDataBound', this.exportRowDataBound, this);
@@ -10017,14 +10188,14 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    ExcelExport$$1.prototype.destroy = function () {
+    ExcelExport.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
      * @hidden
      * @returns {void}
      */
-    ExcelExport$$1.prototype.removeEventListener = function () {
+    ExcelExport.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -10033,10 +10204,10 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         this.parent.grid.off('export-RowDataBound', this.exportRowDataBound);
         this.parent.grid.off('finalPageSetup', this.finalPageSetup);
     };
-    ExcelExport$$1.prototype.updateExcelResultModel = function (returnResult) {
+    ExcelExport.prototype.updateExcelResultModel = function (returnResult) {
         this.dataResults = returnResult;
     };
-    ExcelExport$$1.prototype.Map = function (excelExportProperties, 
+    ExcelExport.prototype.Map = function (excelExportProperties, 
     /* eslint-disable-next-line */
     isMultipleExport, workbook, isBlob, isCsv) {
         var _this = this;
@@ -10047,9 +10218,10 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         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(function (resolve) {
             var dm = _this.isLocal() && !(dataSource instanceof DataManager) ? new DataManager(dataSource)
@@ -10060,7 +10232,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
                 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;
             }
@@ -10082,7 +10254,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
             });
         });
     };
-    ExcelExport$$1.prototype.generateQuery = function (query, property) {
+    ExcelExport.prototype.generateQuery = function (query, property) {
         if (!isNullOrUndefined(property) && property.exportType === 'CurrentPage'
             && this.parent.allowPaging) {
             property.exportType = 'AllPages';
@@ -10092,7 +10264,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         }
         return query;
     };
-    ExcelExport$$1.prototype.manipulateExportProperties = function (property, dtSrc, queryResult) {
+    ExcelExport.prototype.manipulateExportProperties = function (property, dtSrc, queryResult) {
         //count not required for this query
         var args = Object();
         setValue('query', this.parent.grid.getDataModule().generateQuery(true), args);
@@ -10133,7 +10305,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    ExcelExport$$1.prototype.excelQueryCellInfo = function (args) {
+    ExcelExport.prototype.excelQueryCellInfo = function (args) {
         if (this.parent.grid.getColumnIndexByUid(args.column.uid) === this.parent.treeColumnIndex) {
             var style = {};
             var data = args.data;
@@ -10145,7 +10317,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('excelQueryCellInfo', args);
     };
-    ExcelExport$$1.prototype.exportRowDataBound = function (excelRow) {
+    ExcelExport.prototype.exportRowDataBound = function (excelRow) {
         if (excelRow.type === 'excel') {
             var excelrowobj = excelRow.rowObj.data;
             var filtercolumnlength = this.parent.grid.filterSettings.columns.length;
@@ -10168,17 +10340,17 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         }
     };
     /* eslint-disable-next-line */
-    ExcelExport$$1.prototype.finalPageSetup = function (workbook) {
+    ExcelExport.prototype.finalPageSetup = function (workbook) {
         for (var i = 0; i < workbook.worksheets.length; i++) {
             if (workbook.worksheets[parseInt(i.toString(), 10)].rows) {
                 workbook.worksheets[parseInt(i.toString(), 10)].pageSetup = { isSummaryRowBelow: false };
             }
         }
     };
-    ExcelExport$$1.prototype.isLocal = function () {
+    ExcelExport.prototype.isLocal = function () {
         return !isRemoteData(this.parent) && isOffline(this.parent);
     };
-    return ExcelExport$$1;
+    return ExcelExport;
 }());
 
 /**
@@ -10186,14 +10358,14 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var PdfExport$1 = /** @__PURE__ @class */ (function () {
+var PdfExport = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for PDF export module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function PdfExport$$1(parent) {
-        Grid.Inject(PdfExport);
+    function PdfExport(parent) {
+        Grid.Inject(PdfExport$1);
         this.parent = parent;
         this.dataResults = {};
         this.addEventListener();
@@ -10204,14 +10376,14 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} PdfExport module name
      */
-    PdfExport$$1.prototype.getModuleName = function () {
+    PdfExport.prototype.getModuleName = function () {
         return 'PdfExport';
     };
     /**
      * @hidden
      * @returns {void}
      */
-    PdfExport$$1.prototype.addEventListener = function () {
+    PdfExport.prototype.addEventListener = function () {
         this.parent.on('pdfCellInfo', this.pdfQueryCellInfo, this);
         this.parent.on('updateResults', this.updatePdfResultModel, this);
     };
@@ -10219,7 +10391,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    PdfExport$$1.prototype.removeEventListener = function () {
+    PdfExport.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -10232,13 +10404,13 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    PdfExport$$1.prototype.destroy = function () {
+    PdfExport.prototype.destroy = function () {
         this.removeEventListener();
     };
-    PdfExport$$1.prototype.updatePdfResultModel = function (returnResult) {
+    PdfExport.prototype.updatePdfResultModel = function (returnResult) {
         this.dataResults = returnResult;
     };
-    PdfExport$$1.prototype.Map = function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
+    PdfExport.prototype.Map = function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
         var _this = this;
         var dtSrc = this.parent.dataSource;
         var prop = Object();
@@ -10252,7 +10424,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
                 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;
             }
@@ -10274,7 +10446,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
             });
         });
     };
-    PdfExport$$1.prototype.generateQuery = function (query, prop) {
+    PdfExport.prototype.generateQuery = function (query, prop) {
         if (!isNullOrUndefined(prop) && prop.exportType === 'CurrentPage'
             && this.parent.allowPaging) {
             prop.exportType = 'AllPages';
@@ -10284,7 +10456,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
         }
         return query;
     };
-    PdfExport$$1.prototype.manipulatePdfProperties = function (prop, dtSrc, queryResult) {
+    PdfExport.prototype.manipulatePdfProperties = function (prop, dtSrc, queryResult) {
         var args = {};
         //count not required for this query
         var isLocal = !isRemoteData(this.parent) && isOffline(this.parent);
@@ -10328,7 +10500,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    PdfExport$$1.prototype.pdfQueryCellInfo = function (args) {
+    PdfExport.prototype.pdfQueryCellInfo = function (args) {
         if (this.parent.grid.getColumnIndexByUid(args.column.uid) === this.parent.treeColumnIndex) {
             var style = {};
             var data = getObject('data', args);
@@ -10340,7 +10512,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('pdfQueryCellInfo', args);
     };
-    return PdfExport$$1;
+    return PdfExport;
 }());
 
 /**
@@ -10348,9 +10520,9 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var Page$1 = /** @__PURE__ @class */ (function () {
-    function Page$$1(parent) {
-        Grid.Inject(Page);
+var Page = /** @__PURE__ @class */ (function () {
+    function Page(parent) {
+        Grid.Inject(Page$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -10358,7 +10530,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Page$$1.prototype.addEventListener = function () {
+    Page.prototype.addEventListener = function () {
         this.parent.on(localPagedExpandCollapse, this.collapseExpandPagedchilds, this);
         this.parent.on(pagingActions, this.pageAction, this);
     };
@@ -10366,7 +10538,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Page$$1.prototype.removeEventListener = function () {
+    Page.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -10379,7 +10551,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Pager module name
      */
-    Page$$1.prototype.getModuleName = function () {
+    Page.prototype.getModuleName = function () {
         return 'pager';
     };
     /**
@@ -10387,7 +10559,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {void}
      */
-    Page$$1.prototype.refresh = function () {
+    Page.prototype.refresh = function () {
         this.parent.grid.pagerModule.refresh();
     };
     /**
@@ -10396,7 +10568,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Page$$1.prototype.destroy = function () {
+    Page.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
@@ -10405,7 +10577,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @param  {number} pageNo - Defines the page number to navigate.
      * @returns {void}
      */
-    Page$$1.prototype.goToPage = function (pageNo) {
+    Page.prototype.goToPage = function (pageNo) {
         this.parent.grid.pagerModule.goToPage(pageNo);
     };
     /**
@@ -10414,7 +10586,11 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @param  {string} message - Defines the message to update.
      * @returns {void}
      */
-    Page$$1.prototype.updateExternalMessage = function (message) {
+    Page.prototype.updateExternalMessage = function (message) {
+        if (isNullOrUndefined(message)) {
+            var 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);
     };
     /**
@@ -10426,7 +10602,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Page$$1.prototype.collapseExpandPagedchilds = function (rowDetails) {
+    Page.prototype.collapseExpandPagedchilds = function (rowDetails) {
         rowDetails.record.expanded = rowDetails.action === 'collapse' ? false : true;
         this.parent.flatData.map(function (e) { return e.expanded = e.uniqueID === rowDetails.record.uniqueID &&
             e.expanded !== rowDetails.record.expanded ? rowDetails.record.expanded : e.expanded; });
@@ -10467,7 +10643,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Page$$1.prototype.pageRoot = function (pagedResults, temp, result) {
+    Page.prototype.pageRoot = function (pagedResults, temp, result) {
         var newResults = isNullOrUndefined(result) ? [] : result;
         var _loop_1 = function (t) {
             newResults.push(temp[parseInt(t.toString(), 10)]);
@@ -10485,7 +10661,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
         }
         return newResults;
     };
-    Page$$1.prototype.updatePageSize = function (pageingDetails) {
+    Page.prototype.updatePageSize = function (pageingDetails) {
         var updateSize = pageingDetails.result.length;
         var gridPagerModule = this.parent.grid.pagerModule;
         if (this.parent.pageSettings.pageSizes === true) {
@@ -10495,7 +10671,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Page$$1.prototype.pageAction = function (pageingDetails) {
+    Page.prototype.pageAction = function (pageingDetails) {
         var _this = this;
         var dm = new DataManager(pageingDetails.result);
         if (this.parent.pageSettings.pageSizeMode === 'Root') {
@@ -10516,8 +10692,8 @@ var Page$1 = /** @__PURE__ @class */ (function () {
         }
         else {
             var dm_1 = new DataManager(pageingDetails.result);
-            var expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
-            var parents_1 = dm_1.executeLocal(new Query().where(expanded$$1));
+            var expanded = new Predicate$1('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
+            var parents_1 = dm_1.executeLocal(new Query().where(expanded));
             var visualData = void 0;
             if (isFilterChildHierarchy(this.parent) && (pageingDetails.actionArgs.action !== 'collapse' &&
                 pageingDetails.actionArgs.action !== 'expand')) {
@@ -10525,7 +10701,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
             }
             else {
                 visualData = parents_1.filter(function (e) {
-                    return getExpandStatus(_this.parent, e, parents_1);
+                    return getExpandStatus(_this.parent, e);
                 });
             }
             pageingDetails.count = visualData.length;
@@ -10545,7 +10721,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
         }
         this.parent.notify('updateAction', pageingDetails);
     };
-    return Page$$1;
+    return Page;
 }());
 
 /**
@@ -10553,9 +10729,9 @@ var Page$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var Toolbar$1 = /** @__PURE__ @class */ (function () {
-    function Toolbar$$1(parent) {
-        Grid.Inject(Toolbar);
+var Toolbar = /** @__PURE__ @class */ (function () {
+    function Toolbar(parent) {
+        Grid.Inject(Toolbar$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -10565,14 +10741,14 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} - Returns Toolbar module name
      */
-    Toolbar$$1.prototype.getModuleName = function () {
+    Toolbar.prototype.getModuleName = function () {
         return 'toolbar';
     };
     /**
      * @hidden
      * @returns {void}
      */
-    Toolbar$$1.prototype.addEventListener = function () {
+    Toolbar.prototype.addEventListener = function () {
         this.parent.on(rowSelected, this.refreshToolbar, this);
         this.parent.on(rowDeselected, this.refreshToolbar, this);
         this.parent.on(toolbarClick, this.toolbarClickHandler, this);
@@ -10581,7 +10757,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Toolbar$$1.prototype.removeEventListener = function () {
+    Toolbar.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -10589,7 +10765,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         this.parent.off(rowDeselected, this.refreshToolbar);
         this.parent.off(toolbarClick, this.toolbarClickHandler);
     };
-    Toolbar$$1.prototype.refreshToolbar = function (args) {
+    Toolbar.prototype.refreshToolbar = function (args) {
         var toolbarElement = this.parent.grid.toolbarModule.getToolbar();
         if (!isNullOrUndefined(toolbarElement)) {
             var tObj = this.parent;
@@ -10643,7 +10819,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Toolbar$$1.prototype.toolbarClickHandler = function (args) {
+    Toolbar.prototype.toolbarClickHandler = function (args) {
         var tObj = this.parent;
         var indentOutdentAction = 'indentOutdentAction';
         if (this.parent.editSettings.mode === 'Cell' && this.parent.grid.editSettings.mode === 'Batch' &&
@@ -10672,7 +10848,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
      * @returns {Element} - Returns Toolbar element
      * @hidden
      */
-    Toolbar$$1.prototype.getToolbar = function () {
+    Toolbar.prototype.getToolbar = function () {
         return this.parent.grid.toolbarModule.getToolbar();
     };
     /**
@@ -10683,7 +10859,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Toolbar$$1.prototype.enableItems = function (items, isEnable) {
+    Toolbar.prototype.enableItems = function (items, isEnable) {
         this.parent.grid.toolbarModule.enableItems(items, isEnable);
     };
     /**
@@ -10692,10 +10868,10 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
      * @method destroy
      * @returns {void}
      */
-    Toolbar$$1.prototype.destroy = function () {
+    Toolbar.prototype.destroy = function () {
         this.removeEventListener();
     };
-    return Toolbar$$1;
+    return Toolbar;
 }());
 
 /**
@@ -10703,14 +10879,14 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var Aggregate$1 = /** @__PURE__ @class */ (function () {
+var Aggregate = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for Aggregate module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function Aggregate$$1(parent) {
-        Grid.Inject(Aggregate);
+    function Aggregate(parent) {
+        Grid.Inject(Aggregate$1);
         this.parent = parent;
         this.flatChildRecords = [];
         this.summaryQuery = [];
@@ -10721,10 +10897,10 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Summary module name
      */
-    Aggregate$$1.prototype.getModuleName = function () {
+    Aggregate.prototype.getModuleName = function () {
         return 'summary';
     };
-    Aggregate$$1.prototype.removeEventListener = function () {
+    Aggregate.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -10738,7 +10914,7 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {Object[]} -  return flat records with summary values
      */
-    Aggregate$$1.prototype.calculateSummaryValue = function (summaryQuery, filteredData, isSort) {
+    Aggregate.prototype.calculateSummaryValue = function (summaryQuery, filteredData, isSort) {
         this.summaryQuery = summaryQuery;
         var parentRecord;
         var parentDataLength = Object.keys(filteredData).length;
@@ -10778,7 +10954,7 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
                                 }
                             });
                             var currentIndex = idx_1 + childRecordsLength + summaryRowIndex;
-                            var summaryParent = extend({}, parentRecord);
+                            var summaryParent = extend$1({}, parentRecord);
                             delete summaryParent.childRecords;
                             delete summaryParent[this_1.parent.childMapping];
                             setValue('parentItem', summaryParent, item);
@@ -10819,7 +10995,7 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
         }
         return flatRecords;
     };
-    Aggregate$$1.prototype.getChildRecordsLength = function (parentData, flatData) {
+    Aggregate.prototype.getChildRecordsLength = function (parentData, flatData) {
         var recordLength = Object.keys(flatData).length;
         var record;
         for (var i = 0, len = recordLength; i < len; i++) {
@@ -10839,7 +11015,7 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
         }
         return this.flatChildRecords.length;
     };
-    Aggregate$$1.prototype.createSummaryItem = function (itemData, summary) {
+    Aggregate.prototype.createSummaryItem = function (itemData, summary) {
         var summaryColumnLength = Object.keys(summary.columns).length;
         for (var i = 0, len = summaryColumnLength; i < len; i++) {
             var displayColumn = isNullOrUndefined(summary.columns[parseInt(i.toString(), 10)].columnName) ?
@@ -10864,7 +11040,7 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
         }
         return itemData;
     };
-    Aggregate$$1.prototype.getSummaryValues = function (summaryColumn, summaryData) {
+    Aggregate.prototype.getSummaryValues = function (summaryColumn, summaryData) {
         var qry = new Query();
         var single = {};
         var helper = {};
@@ -10915,7 +11091,7 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
             return cellElement.innerHTML;
         }
     };
-    Aggregate$$1.prototype.getFormatFromType = function (summaryformat, type) {
+    Aggregate.prototype.getFormatFromType = function (summaryformat, type) {
         if (isNullOrUndefined(type) || typeof summaryformat !== 'string') {
             return summaryformat;
         }
@@ -10939,10 +11115,10 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Aggregate$$1.prototype.destroy = function () {
+    Aggregate.prototype.destroy = function () {
         this.removeEventListener();
     };
-    return Aggregate$$1;
+    return Aggregate;
 }());
 
 /**
@@ -10950,9 +11126,9 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var Sort$1 = /** @__PURE__ @class */ (function () {
-    function Sort$$1(grid) {
-        Grid.Inject(Sort);
+var Sort = /** @__PURE__ @class */ (function () {
+    function Sort(grid) {
+        Grid.Inject(Sort$1);
         this.parent = grid;
         this.taskIds = [];
         this.flatSortedData = [];
@@ -10966,13 +11142,13 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Sort module name
      */
-    Sort$$1.prototype.getModuleName = function () {
+    Sort.prototype.getModuleName = function () {
         return 'sort';
     };
     /**
      * @hidden
      */
-    Sort$$1.prototype.addEventListener = function () {
+    Sort.prototype.addEventListener = function () {
         this.parent.on('updateModel', this.updateModel, this);
         this.parent.on('createSort', this.createdSortedRecords, this);
     };
@@ -10980,14 +11156,14 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Sort$$1.prototype.removeEventListener = function () {
+    Sort.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
         this.parent.off('updateModel', this.updateModel);
         this.parent.off('createSort', this.createdSortedRecords);
     };
-    Sort$$1.prototype.createdSortedRecords = function (sortParams) {
+    Sort.prototype.createdSortedRecords = function (sortParams) {
         var data = sortParams.modifiedData;
         var srtQry = sortParams.srtQry;
         this.iterateSort(data, srtQry);
@@ -10995,7 +11171,7 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
         sortParams.modifiedData = this.flatSortedData;
         this.flatSortedData = [];
     };
-    Sort$$1.prototype.iterateSort = function (data, srtQry) {
+    Sort.prototype.iterateSort = function (data, srtQry) {
         for (var d = 0; d < data.length; d++) {
             if (this.parent.grid.filterSettings.columns.length > 0 || this.parent.grid.searchSettings.key !== '') {
                 if (!isNullOrUndefined(getParentData(this.parent, data[parseInt(d.toString(), 10)].uniqueID, true))) {
@@ -11033,10 +11209,10 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
      * @param {boolean} isMultiSort - Specifies whether the previous sorted columns are to be maintained.
      * @returns {void}
      */
-    Sort$$1.prototype.sortColumn = function (columnName, direction, isMultiSort) {
+    Sort.prototype.sortColumn = function (columnName, direction, isMultiSort) {
         this.parent.grid.sortColumn(columnName, direction, isMultiSort);
     };
-    Sort$$1.prototype.removeSortColumn = function (field) {
+    Sort.prototype.removeSortColumn = function (field) {
         this.parent.grid.removeSortColumn(field);
     };
     /**
@@ -11045,7 +11221,7 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Sort$$1.prototype.updateModel = function () {
+    Sort.prototype.updateModel = function () {
         this.parent.setProperties({ sortSettings: getActualProperties(this.parent.grid.sortSettings) }, true);
     };
     /**
@@ -11053,7 +11229,7 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {void}
      */
-    Sort$$1.prototype.clearSorting = function () {
+    Sort.prototype.clearSorting = function () {
         this.parent.grid.clearSorting();
         this.updateModel();
     };
@@ -11063,10 +11239,10 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
      * @function destroy
      * @returns {void}
      */
-    Sort$$1.prototype.destroy = function () {
+    Sort.prototype.destroy = function () {
         this.removeEventListener();
     };
-    return Sort$$1;
+    return Sort;
 }());
 
 /**
@@ -11074,20 +11250,20 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var ColumnMenu$1 = /** @__PURE__ @class */ (function () {
+var ColumnMenu = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for render module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function ColumnMenu$$1(parent) {
-        Grid.Inject(ColumnMenu);
+    function ColumnMenu(parent) {
+        Grid.Inject(ColumnMenu$1);
         this.parent = parent;
     }
-    ColumnMenu$$1.prototype.getColumnMenu = function () {
+    ColumnMenu.prototype.getColumnMenu = function () {
         return this.parent.grid.columnMenuModule.getColumnMenu();
     };
-    ColumnMenu$$1.prototype.destroy = function () {
+    ColumnMenu.prototype.destroy = function () {
         //this.parent.grid.columnMenuModule.destroy();
     };
     /**
@@ -11096,10 +11272,10 @@ var ColumnMenu$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns ColumnMenu module name
      */
-    ColumnMenu$$1.prototype.getModuleName = function () {
+    ColumnMenu.prototype.getModuleName = function () {
         return 'columnMenu';
     };
-    return ColumnMenu$$1;
+    return ColumnMenu;
 }());
 
 /**
@@ -11107,9 +11283,9 @@ var ColumnMenu$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var ContextMenu$1 = /** @__PURE__ @class */ (function () {
-    function ContextMenu$$1(parent) {
-        Grid.Inject(ContextMenu);
+var ContextMenu = /** @__PURE__ @class */ (function () {
+    function ContextMenu(parent) {
+        Grid.Inject(ContextMenu$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -11117,7 +11293,7 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    ContextMenu$$1.prototype.addEventListener = function () {
+    ContextMenu.prototype.addEventListener = function () {
         this.parent.on('contextMenuOpen', this.contextMenuOpen, this);
         this.parent.on('contextMenuClick', this.contextMenuClick, this);
     };
@@ -11125,14 +11301,14 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    ContextMenu$$1.prototype.removeEventListener = function () {
+    ContextMenu.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
         this.parent.off('contextMenuOpen', this.contextMenuOpen);
         this.parent.off('contextMenuClick', this.contextMenuClick);
     };
-    ContextMenu$$1.prototype.contextMenuOpen = function (args) {
+    ContextMenu.prototype.contextMenuOpen = function (args) {
         var addRow = select('#' + this.parent.element.id + '_gridcontrol_cmenu_AddRow', args.element);
         var editRecord = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Edit', args.element);
         var indent = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Indent', args.element);
@@ -11203,7 +11379,7 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    ContextMenu$$1.prototype.contextMenuClick = function (args) {
+    ContextMenu.prototype.contextMenuClick = function (args) {
         if (args.item.id === 'Above' || args.item.id === 'Below' || args.item.id === 'Child') {
             this.parent.notify('savePreviousRowPosition', args);
             this.parent.setProperties({ editSettings: { newRowPosition: args.item.id } }, true);
@@ -11224,7 +11400,7 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns ContextMenu module name
      */
-    ContextMenu$$1.prototype.getModuleName = function () {
+    ContextMenu.prototype.getModuleName = function () {
         return 'contextMenu';
     };
     /**
@@ -11233,7 +11409,7 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
      * @function destroy
      * @returns {void}
      */
-    ContextMenu$$1.prototype.destroy = function () {
+    ContextMenu.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
@@ -11241,10 +11417,10 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {Element} Return Context Menu root element.
      */
-    ContextMenu$$1.prototype.getContextMenu = function () {
+    ContextMenu.prototype.getContextMenu = function () {
         return this.parent.grid.contextMenuModule.getContextMenu();
     };
-    return ContextMenu$$1;
+    return ContextMenu;
 }());
 
 /**
@@ -11392,7 +11568,7 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
                     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];
@@ -11501,13 +11677,13 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
             this.updateRowIndex();
             // update focus module, need to refix this once grid source modified.
             var focusModule = getValue('focusModule', this.parent.grid);
-            var table$$1 = this.parent.getContentTable();
+            var 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;
                 // }
@@ -11735,7 +11911,7 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
                 addRecords.reverse();
             }
             for (i = 0; i < addRecords.length; i++) {
-                var taskData = extend({}, addRecords[parseInt(i.toString(), 10)]);
+                var taskData = extend$1({}, addRecords[parseInt(i.toString(), 10)]);
                 delete taskData.parentItem;
                 delete taskData.uniqueID;
                 delete taskData.index;
@@ -11860,19 +12036,19 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
  * TreeGrid Edit Module
  * The `Edit` module is used to handle editing actions.
  */
-var Edit$1 = /** @__PURE__ @class */ (function () {
+var Edit = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for Edit module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function Edit$$1(parent) {
+    function Edit(parent) {
         this.addedRecords = 'addedRecords';
         this.deletedRecords = 'deletedRecords';
         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;
@@ -11886,14 +12062,14 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Edit module name
      */
-    Edit$$1.prototype.getModuleName = function () {
+    Edit.prototype.getModuleName = function () {
         return 'edit';
     };
     /**
      * @hidden
      * @returns {void}
      */
-    Edit$$1.prototype.addEventListener = function () {
+    Edit.prototype.addEventListener = function () {
         this.parent.on(crudAction, this.crudAction, this);
         this.parent.on(beginEdit, this.beginEdit, this);
         this.parent.on(beginAdd, this.beginAdd, this);
@@ -11916,7 +12092,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
         this.parent.grid.on('reset-edit-props', this.resetIsOnBatch, this);
         this.parent.grid.on('get-row-position', this.getRowPosition, this);
     };
-    Edit$$1.prototype.gridDblClick = function (e) {
+    Edit.prototype.gridDblClick = function (e) {
         this.doubleClickTarget = e.target;
         if (e.target.classList.contains('e-frame') && this.parent.getCurrentViewRecords().length === 0) {
             this.doubleClickTarget = null;
@@ -11930,17 +12106,17 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Edit$$1.prototype.getRowPosition = function (addArgs) {
+    Edit.prototype.getRowPosition = function (addArgs) {
         addArgs.newRowPosition = this.parent.editSettings.newRowPosition;
         addArgs.addRowIndex = this.addRowIndex;
         addArgs.dataRowIndex = +this.prevAriaRowIndex;
     };
-    Edit$$1.prototype.beforeStartEdit = function (args) {
+    Edit.prototype.beforeStartEdit = function (args) {
         if (this.parent.editSettings.mode === 'Cell') {
             this.parent.trigger(actionBegin, args);
         }
     };
-    Edit$$1.prototype.beforeBatchCancel = function (args) {
+    Edit.prototype.beforeBatchCancel = function (args) {
         if (this.parent.editSettings.mode === 'Cell') {
             args['requestType'] = 'cancel';
             this.parent.trigger(actionComplete, args);
@@ -11950,7 +12126,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Edit$$1.prototype.removeEventListener = function () {
+    Edit.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -11981,7 +12157,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Edit$$1.prototype.destroy = function () {
+    Edit.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
@@ -11989,15 +12165,16 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Edit$$1.prototype.applyFormValidation = function (cols) {
+    Edit.prototype.applyFormValidation = function (cols) {
         this.parent.grid.editModule.applyFormValidation(cols);
     };
-    Edit$$1.prototype.editActionEvents = function (args) {
+    Edit.prototype.editActionEvents = function (args) {
         var eventArgs = getObject('editAction', args);
         var eventName = getObject('name', eventArgs);
         var treeObj = this.parent;
-        var adaptor = treeObj.dataSource.adaptor;
-        if ((isRemoteData(treeObj) || adaptor instanceof RemoteSaveAdaptor) &&
+        var 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')) {
@@ -12024,7 +12201,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             this.parent.notify('batchPageAction', {});
         }
     };
-    Edit$$1.prototype.infiniteAddAction = function (args) {
+    Edit.prototype.infiniteAddAction = function (args) {
         if ((args.requestType === 'save' && args.action === 'add') || args.requestType === 'delete') {
             if (this.parent.editSettings.newRowPosition !== 'Top' && this.selectedIndex !== -1
                 && (args.requestType === 'save' && args.action === 'add')) {
@@ -12054,7 +12231,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Edit$$1.prototype.updateInfiniteCurrentViewData = function (newRecord, newRowIndex) {
+    Edit.prototype.updateInfiniteCurrentViewData = function (newRecord, newRowIndex) {
         var _this = this;
         var infiniteData = 'infiniteCurrentViewData';
         var updateCurrentViewData = 'updateCurrentViewData';
@@ -12084,7 +12261,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
         data.splice(dataIndex, 0, newRecord);
         this.parent.grid.infiniteScrollModule["" + updateCurrentViewData]();
     };
-    Edit$$1.prototype.recordDoubleClick = function (args) {
+    Edit.prototype.recordDoubleClick = function (args) {
         var target = args.target;
         if (isNullOrUndefined(target.closest('td.e-rowcell'))) {
             return;
@@ -12110,19 +12287,19 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             this.updateGridEditMode('Batch');
         }
     };
-    Edit$$1.prototype.updateGridEditMode = function (mode) {
+    Edit.prototype.updateGridEditMode = function (mode) {
         this.parent.grid.setProperties({ editSettings: { mode: mode } }, true);
         var updateMethod = getObject('updateEditObj', this.parent.grid.editModule);
         updateMethod.apply(this.parent.grid.editModule);
         this.parent.grid.isEdit = false;
     };
-    Edit$$1.prototype.resetIsOnBatch = function () {
+    Edit.prototype.resetIsOnBatch = function () {
         if (this.parent.enableVirtualization && this.parent.editSettings.mode === 'Cell') {
             this.isOnBatch = false;
             this.updateGridEditMode('Normal');
         }
     };
-    Edit$$1.prototype.keyPressed = function (args) {
+    Edit.prototype.keyPressed = function (args) {
         if (this.isOnBatch) {
             this.keyPress = args.action;
         }
@@ -12133,13 +12310,13 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             this.parent.closeEdit();
         }
     };
-    Edit$$1.prototype.deleteUniqueID = function (value) {
+    Edit.prototype.deleteUniqueID = function (value) {
         var idFilter = 'uniqueIDFilterCollection';
         delete this.parent["" + idFilter]["" + value];
         var id = 'uniqueIDCollection';
         delete this.parent["" + id]["" + value];
     };
-    Edit$$1.prototype.cellEdit = function (args) {
+    Edit.prototype.cellEdit = function (args) {
         var _this = this;
         var promise = 'promise';
         var prom = args["" + promise];
@@ -12188,14 +12365,14 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
         //   this.isAdd = false;
         // }
     };
-    Edit$$1.prototype.enableToolbarItems = function (request) {
+    Edit.prototype.enableToolbarItems = function (request) {
         if (!isNullOrUndefined(this.parent.grid.toolbarModule)) {
             var toolbarID = this.parent.element.id + '_gridcontrol_';
             this.parent.grid.toolbarModule.enableItems([toolbarID + 'add', toolbarID + 'edit', toolbarID + 'delete'], request === 'save');
             this.parent.grid.toolbarModule.enableItems([toolbarID + 'update', toolbarID + 'cancel'], request === 'edit');
         }
     };
-    Edit$$1.prototype.batchCancel = function () {
+    Edit.prototype.batchCancel = function () {
         if (this.parent.editSettings.mode === 'Cell') {
             var cellDetails = getValue('editModule.cellDetails', this.parent.grid.editModule);
             var treeCell = this.parent.getCellFromIndex(cellDetails.rowIndex, this.parent.treeColumnIndex);
@@ -12211,13 +12388,13 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             this.parent.notify('batchCancelAction', {});
         }
     };
-    Edit$$1.prototype.customCellSave = function (args) {
+    Edit.prototype.customCellSave = function (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);
         }
     };
-    Edit$$1.prototype.cellSave = function (args) {
+    Edit.prototype.cellSave = function (args) {
         var _this = this;
         if (this.parent.editSettings.mode === 'Cell' && this.parent.element.querySelector('form')) {
             args.cancel = true;
@@ -12258,7 +12435,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                 }
             }
             var arg = {};
-            extend(arg, args);
+            extend$1(arg, args);
             arg.cancel = false;
             arg.type = 'save';
             row_1 = this.parent.grid.getRows()[row_1.rowIndex];
@@ -12279,7 +12456,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                     else {
                         this.updateCell(args, rowIndex_1);
                         setValue('isEdit', false, this.parent.grid);
-                        this.afterCellSave(args, row_1, rowIndex_1);
+                        this.afterCellSave(args, row_1);
                     }
                 }
                 else if (isRemoteData(this.parent) ||
@@ -12288,7 +12465,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                     if (this.parent['isGantt'] && !this.parent.loadChildOnDemand) {
                         this.updateCell(args, rowIndex_1);
                         setValue('isEdit', false, this.parent.grid);
-                        this.afterCellSave(args, row_1, rowIndex_1);
+                        this.afterCellSave(args, row_1);
                     }
                     else {
                         var crud = null;
@@ -12299,7 +12476,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                             }
                             _this.updateCell(args, rowIndex_1);
                             setValue('isEdit', false, _this.parent.grid);
-                            _this.afterCellSave(args, row_1, rowIndex_1);
+                            _this.afterCellSave(args, row_1);
                         });
                     }
                 }
@@ -12312,7 +12489,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             this.parent.grid.contentModule['virtualData'] = {};
         }
     };
-    Edit$$1.prototype.afterCellSave = function (args, row, rowIndex) {
+    Edit.prototype.afterCellSave = function (args, row) {
         if (this.parent.grid.aggregateModule) {
             this.parent.grid.aggregateModule.refresh(args.rowData);
         }
@@ -12341,7 +12518,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
         }
         this.parent.trigger(actionComplete, saveArgs);
     };
-    Edit$$1.prototype.lastCellTab = function () {
+    Edit.prototype.lastCellTab = function () {
         if (!this.parent.grid.isEdit && this.isOnBatch && this.keyPress === 'tab' && this.parent.editSettings.mode === 'Cell') {
             if (!this.parent.editSettings.allowNextRowEdit) {
                 this.updateGridEditMode('Normal');
@@ -12353,11 +12530,11 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Edit$$1.prototype.updateCell = function (args, rowIndex) {
+    Edit.prototype.updateCell = function (args, rowIndex) {
         this.parent.grid.editModule.updateCell(rowIndex, args.columnName, args.rowData[args.columnName]);
         this.parent.grid.getRowsObject()[parseInt(rowIndex.toString(), 10)].data = args.rowData;
     };
-    Edit$$1.prototype.crudAction = function (details, columnName) {
+    Edit.prototype.crudAction = function (details, columnName) {
         editAction(details, this.parent, this.isSelfReference, this.addRowIndex, this.selectedIndex, columnName, this.addRowRecord);
         this.parent.parentData = [];
         var data = this.parent.grid.dataSource instanceof DataManager ?
@@ -12393,7 +12570,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Edit$$1.prototype.updateIndex = function (data, rows, records) {
+    Edit.prototype.updateIndex = function (data, rows, records) {
         for (var j = 0; j < this.parent.getDataRows().length; j++) {
             var data1 = records[parseInt(j.toString(), 10)];
             if (!isNullOrUndefined(data1)) {
@@ -12432,9 +12609,9 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                 if (!isNullOrUndefined(treecell)) {
                     for (var l = 0; l < treecell.classList.length; l++) {
                         var value = treecell.classList[parseInt(l.toString(), 10)];
-                        var remove$$1 = /e-gridrowindex/i;
+                        var remove = /e-gridrowindex/i;
                         var removed = /e-griddetailrowindex/i;
-                        var result = value.match(remove$$1);
+                        var result = value.match(remove);
                         var results = value.match(removed);
                         if (result != null) {
                             removeClass([treecell], value);
@@ -12453,7 +12630,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Edit$$1.prototype.beginAdd = function () {
+    Edit.prototype.beginAdd = function () {
         var position;
         var index = this.addRowIndex;
         var records = this.parent.grid.getCurrentViewRecords();
@@ -12567,7 +12744,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
     //     }
     //   }
     // }
-    Edit$$1.prototype.beginEdit = function (args) {
+    Edit.prototype.beginEdit = function (args) {
         if (args.requestType === 'refresh' && this.isOnBatch) {
             args.cancel = true;
             return;
@@ -12679,17 +12856,17 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
         //      }
         // }
     };
-    Edit$$1.prototype.savePreviousRowPosition = function () {
+    Edit.prototype.savePreviousRowPosition = function () {
         if (this.previousNewRowPosition === null) {
             this.previousNewRowPosition = this.parent.editSettings.newRowPosition;
         }
     };
-    Edit$$1.prototype.beginAddEdit = function (args) {
+    Edit.prototype.beginAddEdit = function (args) {
         var value = args.data;
         if (args.action === 'add') {
             var key = this.parent.grid.getPrimaryKeyFieldNames()[0];
             var position = null;
-            value.taskData = isNullOrUndefined(value.taskData) ? extend({}, args.data) : value.taskData;
+            value.taskData = isNullOrUndefined(value.taskData) ? extend$1({}, args.data) : value.taskData;
             var currentData = void 0;
             if (this.parent.enableVirtualization && args.index !== 0) {
                 currentData = this.parent.flatData;
@@ -12741,7 +12918,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                 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];
@@ -12767,7 +12944,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                 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];
                     }
@@ -12820,7 +12997,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {void}
      */
-    Edit$$1.prototype.addRecord = function (data, index, position) {
+    Edit.prototype.addRecord = function (data, index, position) {
         if (this.parent.editSettings.newRowPosition === this.previousNewRowPosition || this.previousNewRowPosition === null) {
             this.previousNewRowPosition = this.parent.editSettings.newRowPosition;
         }
@@ -12865,17 +13042,17 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {boolean} Returns form validation results
      */
-    Edit$$1.prototype.editFormValidate = function () {
+    Edit.prototype.editFormValidate = function () {
         return this.parent.grid.editModule.editFormValidate();
     };
     /**
      * @hidden
      * @returns {void}
      */
-    Edit$$1.prototype.destroyForm = function () {
+    Edit.prototype.destroyForm = function () {
         this.parent.grid.editModule.destroyForm();
     };
-    Edit$$1.prototype.contentready = function (e) {
+    Edit.prototype.contentready = function (e) {
         if (!isNullOrUndefined(e.args.requestType)
             && (e.args.requestType.toString() === 'delete' || e.args.requestType.toString() === 'save'
                 || (this.parent.editSettings.mode === 'Batch' && e.args.requestType.toString() === 'batchsave'))) {
@@ -12892,7 +13069,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {void}
      */
-    Edit$$1.prototype.editCell = function (rowIndex, field) {
+    Edit.prototype.editCell = function (rowIndex, field) {
         if (this.parent.editSettings.mode === 'Cell' || this.parent.editSettings.mode === 'Batch') {
             if (this.parent.editSettings.mode !== 'Batch') {
                 this.isOnBatch = true;
@@ -12901,7 +13078,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             this.parent.grid.editModule.editCell(rowIndex, field);
         }
     };
-    return Edit$$1;
+    return Edit;
 }());
 
 /**
@@ -12909,9 +13086,9 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var CommandColumn$1 = /** @__PURE__ @class */ (function () {
-    function CommandColumn$$1(parent) {
-        Grid.Inject(CommandColumn);
+var CommandColumn = /** @__PURE__ @class */ (function () {
+    function CommandColumn(parent) {
+        Grid.Inject(CommandColumn$1);
         this.parent = parent;
     }
     /**
@@ -12920,7 +13097,7 @@ var CommandColumn$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns CommandColumn module name
      */
-    CommandColumn$$1.prototype.getModuleName = function () {
+    CommandColumn.prototype.getModuleName = function () {
         return 'commandColumn';
     };
     /**
@@ -12929,10 +13106,10 @@ var CommandColumn$1 = /** @__PURE__ @class */ (function () {
      * @function destroy
      * @returns {void}
      */
-    CommandColumn$$1.prototype.destroy = function () {
+    CommandColumn.prototype.destroy = function () {
         //this.removeEventListener();
     };
-    return CommandColumn$$1;
+    return CommandColumn;
 }());
 
 /**
@@ -12940,9 +13117,9 @@ var CommandColumn$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var DetailRow$1 = /** @__PURE__ @class */ (function () {
-    function DetailRow$$1(parent) {
-        Grid.Inject(DetailRow);
+var DetailRow = /** @__PURE__ @class */ (function () {
+    function DetailRow(parent) {
+        Grid.Inject(DetailRow$1);
         this.parent = parent;
         this.addEventListener();
     }
@@ -12955,10 +13132,10 @@ var DetailRow$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns DetailRow module name
      */
-    DetailRow$$1.prototype.getModuleName = function () {
+    DetailRow.prototype.getModuleName = function () {
         return 'detailRow';
     };
-    DetailRow$$1.prototype.addEventListener = function () {
+    DetailRow.prototype.addEventListener = function () {
         this.parent.on('dataBoundArg', this.dataBoundArg, this);
         this.parent.on('detaildataBound', this.detaildataBound, this);
         this.parent.grid.on('detail-indentcell-info', this.setIndentVisibility, this);
@@ -12970,7 +13147,7 @@ var DetailRow$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    DetailRow$$1.prototype.removeEventListener = function () {
+    DetailRow.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -12981,11 +13158,11 @@ var DetailRow$1 = /** @__PURE__ @class */ (function () {
         this.parent.off('actioncomplete', this.actioncomplete);
         this.parent.grid.off('detail-indentcell-info', this.setIndentVisibility);
     };
-    DetailRow$$1.prototype.setIndentVisibility = function (args) {
+    DetailRow.prototype.setIndentVisibility = function (args) {
         var visible = 'visible';
         args["" + visible] = false;
     };
-    DetailRow$$1.prototype.dataBoundArg = function () {
+    DetailRow.prototype.dataBoundArg = function () {
         var detailele = this.parent.getRows().filter(function (e) {
             return !e.classList.contains('e-detailrow');
         });
@@ -12999,13 +13176,13 @@ var DetailRow$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    DetailRow$$1.prototype.childRowExpand = function (args) {
+    DetailRow.prototype.childRowExpand = function (args) {
         var detailRowElement = args.row.getElementsByClassName('e-detailrowcollapse');
         if (!isNullOrUndefined(detailRowElement[0])) {
             this.parent.grid.detailRowModule.expand(detailRowElement[0]);
         }
     };
-    DetailRow$$1.prototype.rowExpandCollapse = function (args) {
+    DetailRow.prototype.rowExpandCollapse = function (args) {
         if (isRemoteData(this.parent)) {
             return;
         }
@@ -13013,7 +13190,7 @@ var DetailRow$1 = /** @__PURE__ @class */ (function () {
             args.detailrows[parseInt(i.toString(), 10)].style.display = args.action;
         }
     };
-    DetailRow$$1.prototype.detaildataBound = function (args) {
+    DetailRow.prototype.detaildataBound = function (args) {
         var data = args.data;
         var row = args.detailElement.parentElement.previousSibling;
         var index = !isNullOrUndefined(data.parentItem) ? data.parentItem.index : data.index;
@@ -13025,7 +13202,7 @@ var DetailRow$1 = /** @__PURE__ @class */ (function () {
         var detailClass = 'e-griddetail' + slicedclas;
         addClass([args.detailElement.parentElement], detailClass);
     };
-    DetailRow$$1.prototype.actioncomplete = function (args) {
+    DetailRow.prototype.actioncomplete = function (args) {
         if (args.requestType === 'beginEdit' || args.requestType === 'add') {
             var spann = (args.row.querySelectorAll('.e-editcell')[0].getAttribute('colSpan'));
             var colum = parseInt(spann, 10) - 1;
@@ -13046,13 +13223,13 @@ var DetailRow$1 = /** @__PURE__ @class */ (function () {
      * @function destroy
      * @returns {void}
      */
-    DetailRow$$1.prototype.destroy = function () {
+    DetailRow.prototype.destroy = function () {
         this.removeEventListener();
     };
-    return DetailRow$$1;
+    return DetailRow;
 }());
 
-var __extends$17 = (undefined && undefined.__extends) || (function () {
+var __extends$g = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -13066,7 +13243,7 @@ var __extends$17 = (undefined && undefined.__extends) || (function () {
     };
 })();
 var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
-    __extends$17(VirtualTreeContentRenderer, _super);
+    __extends$g(VirtualTreeContentRenderer, _super);
     function VirtualTreeContentRenderer(parent, locator) {
         var _this = _super.call(this, parent, locator) || this;
         _this.isExpandCollapse = false;
@@ -13097,6 +13274,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
     VirtualTreeContentRenderer.prototype.getFrozenRightVirtualRowByIndex = function (index) {
         return this.getRowCollection(index, false, false, true);
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     VirtualTreeContentRenderer.prototype.getRowCollection = function (index, isMovable, isRowObject, isFrozenRight) {
         var startIdx = parseInt(this.parent.getRows()[0].getAttribute(dataRowIndex), 10);
         var rowCollection = this.parent.getDataRows();
@@ -13129,10 +13307,10 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
         }
     };
     VirtualTreeContentRenderer.prototype.indexModifier = function (args) {
-        var content$$1 = this.parent.getContent().querySelector('.e-content');
+        var 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) {
-                var nextSetResIndex = ~~(content$$1.scrollTop / this.parent.getRowHeight());
+                var nextSetResIndex = ~~(content.scrollTop / this.parent.getRowHeight());
                 var lastIndex = nextSetResIndex + this.parent.getRows().length;
                 if (lastIndex > args.count) {
                     lastIndex = nextSetResIndex +
@@ -13261,8 +13439,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
         _super.prototype["" + dataBoundEve].call(this);
     };
     VirtualTreeContentRenderer.prototype.rowSelectedEvent = function (args) {
-        var rowSelected$$1 = 'rowSelected';
-        _super.prototype["" + rowSelected$$1].call(this, args);
+        var rowSelected = 'rowSelected';
+        _super.prototype["" + rowSelected].call(this, args);
     };
     VirtualTreeContentRenderer.prototype.toSelectVirtualRow = function (args) {
         if (this.parent.isEdit) {
@@ -13347,8 +13525,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
     };
     VirtualTreeContentRenderer.prototype.virtualEditSuccess = function () {
         var isAdd = 'isAdd';
-        var content$$1 = this.parent.getContent().querySelector('.e-content');
-        if (this["" + isAdd] && content$$1.querySelector('.e-addedrow')) {
+        var content = this.parent.getContent().querySelector('.e-content');
+        if (this["" + isAdd] && content.querySelector('.e-addedrow')) {
             this.recordAdded = true;
         }
     };
@@ -13362,8 +13540,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
     };
     VirtualTreeContentRenderer.prototype.restoreNewRow = function () {
         var isAdd = 'isAdd';
-        var content$$1 = this.parent.getContent().querySelector('.e-content');
-        if (this["" + isAdd] && !content$$1.querySelector('.e-addedrow')) {
+        var 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);
         }
@@ -13380,8 +13558,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             this.addRowIndex = addArgs.addRowIndex;
             this.dataRowIndex = this.parent.root.editModule.selectedIndex;
         }
-        var actionComplete$$1 = 'actionComplete';
-        _super.prototype["" + actionComplete$$1].call(this, args);
+        var actionComplete = 'actionComplete';
+        _super.prototype["" + actionComplete].call(this, args);
     };
     VirtualTreeContentRenderer.prototype.onEnteredAction = function () {
         var _this = this;
@@ -13430,7 +13608,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
         var info = scrollArgs.sentinel;
         var rowHeight = this.parent.getRowHeight();
         var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
-        var content$$1 = this.parent.getContent().querySelector('.e-content');
+        var content = this.parent.getContent().querySelector('.e-content');
         var scrollHeight = outBuffer * rowHeight;
         var upScroll = (scrollArgs.offset.top - this.translateY) < 0;
         var downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
@@ -13440,7 +13618,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
         if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
             var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? parseInt(this.parent.height.toString(), 10) :
                 this.parent.element.getBoundingClientRect().height);
-            var index = (~~(content$$1.scrollTop / rowHeight)
+            var index = (~~(content.scrollTop / rowHeight)
                 + Math.ceil(vHeight / rowHeight))
                 - this.parent.pageSettings.pageSize;
             index = (index > 0) ? index : 0;
@@ -13485,7 +13663,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
-            var nextSetResIndex = ~~(content$$1.scrollTop / rowHeight);
+            var nextSetResIndex = ~~(content.scrollTop / rowHeight);
             var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
             if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
                 nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock) {
@@ -13507,7 +13685,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 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) {
@@ -13534,10 +13712,10 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             this.previousInfo = viewInfo;
             this.parent.setColumnIndexesInView(this.parent.enableColumnVirtualization ? viewInfo.columnIndexes : []);
             var 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;
@@ -13642,7 +13820,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
     return VirtualTreeContentRenderer;
 }(VirtualContentRenderer));
 var TreeInterSectionObserver = /** @__PURE__ @class */ (function (_super) {
-    __extends$17(TreeInterSectionObserver, _super);
+    __extends$g(TreeInterSectionObserver, _super);
     function TreeInterSectionObserver() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.isWheeling = false;
@@ -13736,7 +13914,7 @@ var TreeInterSectionObserver = /** @__PURE__ @class */ (function (_super) {
     return TreeInterSectionObserver;
 }(InterSectionObserver));
 
-var __extends$16 = (undefined && undefined.__extends) || (function () {
+var __extends$h = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -13754,20 +13932,20 @@ var __extends$16 = (undefined && undefined.__extends) || (function () {
  *
  * @hidden
  */
-var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
+var VirtualScroll = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for VirtualScroll module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function VirtualScroll$$1(parent) {
+    function VirtualScroll(parent) {
         this.prevstartIndex = -1;
         this.prevendIndex = -1;
         this.parent = parent;
         Grid.Inject(TreeVirtual);
         this.addEventListener();
     }
-    VirtualScroll$$1.prototype.returnVisualData = function (args) {
+    VirtualScroll.prototype.returnVisualData = function (args) {
         args.data = this.visualData;
     };
     /**
@@ -13776,14 +13954,14 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} - Returns VirtualScroll module name
      */
-    VirtualScroll$$1.prototype.getModuleName = function () {
+    VirtualScroll.prototype.getModuleName = function () {
         return 'virtualScroll';
     };
     /**
      * @hidden
      * @returns {void}
      */
-    VirtualScroll$$1.prototype.addEventListener = function () {
+    VirtualScroll.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -13795,7 +13973,7 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    VirtualScroll$$1.prototype.removeEventListener = function () {
+    VirtualScroll.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -13803,7 +13981,7 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
         this.parent.off(pagingActions, this.virtualPageAction);
         this.parent.off(destroy, this.destroy);
     };
-    VirtualScroll$$1.prototype.collapseExpandVirtualchilds = function (row) {
+    VirtualScroll.prototype.collapseExpandVirtualchilds = function (row) {
         this.parent.grid.notify(virtualActionArgs, { isExpandCollapse: true });
         this.expandCollapseRec = row.record;
         row.record.expanded = row.action === 'collapse' ? false : true;
@@ -13821,13 +13999,13 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
         var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
         getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
     };
-    VirtualScroll$$1.prototype.virtualPageAction = function (pageingDetails) {
+    VirtualScroll.prototype.virtualPageAction = function (pageingDetails) {
         var _this = this;
         var dm = new DataManager(pageingDetails.result);
-        var expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
-        var parents = dm.executeLocal(new Query().where(expanded$$1));
+        var expanded = new Predicate$1('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
+        var parents = dm.executeLocal(new Query().where(expanded));
         var visualData = parents.filter(function (e) {
-            return getExpandStatus(_this.parent, e, parents);
+            return getExpandStatus(_this.parent, e);
         });
         this.visualData = visualData;
         pageingDetails.count = visualData.length;
@@ -13916,13 +14094,13 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    VirtualScroll$$1.prototype.destroy = function () {
+    VirtualScroll.prototype.destroy = function () {
         this.removeEventListener();
     };
-    return VirtualScroll$$1;
+    return VirtualScroll;
 }());
 var TreeVirtual = /** @__PURE__ @class */ (function (_super) {
-    __extends$16(TreeVirtual, _super);
+    __extends$h(TreeVirtual, _super);
     function TreeVirtual(parent, locator) {
         var _this = _super.call(this, parent, locator) || this;
         getValue('parent', _this).off('initial-load', getValue('instantiateRenderer', _this), _this);
@@ -13958,30 +14136,30 @@ var TreeVirtual = /** @__PURE__ @class */ (function (_super) {
         parentGrid.setProperties({ pageSettings: { pageSize: size < height ? height : size } }, true);
     };
     return TreeVirtual;
-}(VirtualScroll));
+}(VirtualScroll$1));
 
 /**
  * TreeGrid Freeze module
  *
  * @hidden
  */
-var Freeze$1 = /** @__PURE__ @class */ (function () {
+var Freeze = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for render module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function Freeze$$1(parent) {
-        Grid.Inject(Freeze);
+    function Freeze(parent) {
+        Grid.Inject(Freeze$1);
         this.parent = parent;
         this.addEventListener();
     }
-    Freeze$$1.prototype.addEventListener = function () {
+    Freeze.prototype.addEventListener = function () {
         this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
         this.parent.on('dataBoundArg', this.dataBoundArg, this);
         this.parent.grid.on('dblclick', this.dblClickHandler, this);
     };
-    Freeze$$1.prototype.removeEventListener = function () {
+    Freeze.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -13989,7 +14167,7 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
         this.parent.off('dataBoundArg', this.dataBoundArg);
         this.parent.grid.off('dblclick', this.dblClickHandler);
     };
-    Freeze$$1.prototype.rowExpandCollapse = function (args) {
+    Freeze.prototype.rowExpandCollapse = function (args) {
         var movableRows = this.parent.getDataRows();
         var frozenrows = this.parent.getRows();
         var rows;
@@ -14035,13 +14213,13 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Freeze$$1.prototype.dblClickHandler = function (e) {
+    Freeze.prototype.dblClickHandler = function (e) {
         if (parentsUntil(e.target, 'e-rowcell') &&
             this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell' && (!e.target['classList'].contains('e-treegridcollapse') && !e.target['classList'].contains('e-treegridexpand'))) {
             this.parent.startEdit(parentsUntil(e.target, 'e-row'));
         }
     };
-    Freeze$$1.prototype.dataBoundArg = function () {
+    Freeze.prototype.dataBoundArg = function () {
         var checkboxColumn = this.parent.getColumns().filter(function (e) {
             return e.showCheckbox;
         });
@@ -14049,7 +14227,7 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
             addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
         }
     };
-    Freeze$$1.prototype.destroy = function () {
+    Freeze.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
@@ -14058,10 +14236,10 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns Freeze module name
      */
-    Freeze$$1.prototype.getModuleName = function () {
+    Freeze.prototype.getModuleName = function () {
         return 'freeze';
     };
-    return Freeze$$1;
+    return Freeze;
 }());
 
 /**
@@ -14069,14 +14247,14 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var ColumnChooser$1 = /** @__PURE__ @class */ (function () {
+var ColumnChooser = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for render module
      *
      * @param {TreeGrid} parent - Tree Grid instance.
      */
-    function ColumnChooser$$1(parent) {
-        Grid.Inject(ColumnChooser);
+    function ColumnChooser(parent) {
+        Grid.Inject(ColumnChooser$1);
         this.parent = parent;
     }
     /**
@@ -14086,7 +14264,7 @@ var ColumnChooser$1 = /** @__PURE__ @class */ (function () {
      * @param  {number} Y - Defines the Y axis.
      * @returns {void}
      */
-    ColumnChooser$$1.prototype.openColumnChooser = function (X, Y) {
+    ColumnChooser.prototype.openColumnChooser = function (X, Y) {
         return this.parent.grid.columnChooserModule.openColumnChooser(X, Y);
     };
     /**
@@ -14095,7 +14273,7 @@ var ColumnChooser$1 = /** @__PURE__ @class */ (function () {
      * @function destroy
      * @returns {void}
      */
-    ColumnChooser$$1.prototype.destroy = function () {
+    ColumnChooser.prototype.destroy = function () {
         //this.parent.grid.ColumnChooserModule.destroy();
     };
     /**
@@ -14104,10 +14282,10 @@ var ColumnChooser$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} Returns ColumnChooser module name
      */
-    ColumnChooser$$1.prototype.getModuleName = function () {
+    ColumnChooser.prototype.getModuleName = function () {
         return 'ColumnChooser';
     };
-    return ColumnChooser$$1;
+    return ColumnChooser;
 }());
 
 /**
@@ -14115,15 +14293,15 @@ var ColumnChooser$1 = /** @__PURE__ @class */ (function () {
  *
  * @hidden
  */
-var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
+var InfiniteScroll = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for VirtualScroll module
      *
      * @param {TreeGrid} parent - Tree Grid instance
      */
-    function InfiniteScroll$$1(parent) {
+    function InfiniteScroll(parent) {
         this.parent = parent;
-        Grid.Inject(InfiniteScroll);
+        Grid.Inject(InfiniteScroll$1);
         this.addEventListener();
     }
     /**
@@ -14132,14 +14310,14 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @private
      * @returns {string} - Returns Logger module name
      */
-    InfiniteScroll$$1.prototype.getModuleName = function () {
+    InfiniteScroll.prototype.getModuleName = function () {
         return 'infiniteScroll';
     };
     /**
      * @hidden
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.addEventListener = function () {
+    InfiniteScroll.prototype.addEventListener = function () {
         this.parent.on(pagingActions, this.infinitePageAction, this);
         this.parent.on('infinite-remote-expand', this.infiniteRemoteExpand, this);
         this.parent.grid.on('delete-complete', this.infiniteDeleteHandler, this);
@@ -14151,7 +14329,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.removeEventListener = function () {
+    InfiniteScroll.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -14170,7 +14348,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @param { ITreeData[] } args.childData - child data of expanded row
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.infiniteRemoteExpand = function (args) {
+    InfiniteScroll.prototype.infiniteRemoteExpand = function (args) {
         var rowObjects = this.parent.grid.getRowsObject();
         var locator = 'serviceLocator';
         var generateRows = 'generateRows';
@@ -14201,7 +14379,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.contentready = function () {
+    InfiniteScroll.prototype.contentready = function () {
         if (this.parent.infiniteScrollSettings.enableCache && !isNullOrUndefined(this.parent.editModule)) {
             var updateIndex = 'updateIndex';
             this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getRows(), this.parent.getCurrentViewRecords());
@@ -14219,10 +14397,10 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @param {Object} pageingDetails.actionArgs - scroll action details
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.infinitePageAction = function (pageingDetails) {
+    InfiniteScroll.prototype.infinitePageAction = function (pageingDetails) {
         var dm = new DataManager(pageingDetails.result);
-        var expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
-        var visualData = dm.executeLocal(new Query().where(expanded$$1));
+        var expanded = new Predicate$1('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
+        var visualData = dm.executeLocal(new Query().where(expanded));
         var actionArgs = getValue('actionArgs', pageingDetails.actionArgs);
         var actions = getValue('actions', this.parent.grid.infiniteScrollModule);
         if (this.parent.grid.infiniteScrollModule['isInitialRender'] && !this.parent.initialRender) {
@@ -14283,7 +14461,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @param {Object[]} args.result - data details while CRUD
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.infiniteEditHandler = function (args) {
+    InfiniteScroll.prototype.infiniteEditHandler = function (args) {
         var infiniteData = 'infiniteCurrentViewData';
         var infiniteCurrentViewData = this.parent.grid.infiniteScrollModule["" + infiniteData];
         var keys = Object.keys(infiniteCurrentViewData);
@@ -14299,7 +14477,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @param {ActionEventArgs} args - crud action details
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.infiniteDeleteHandler = function (args) {
+    InfiniteScroll.prototype.infiniteDeleteHandler = function (args) {
         if (args.requestType === 'delete') {
             var rows = this.parent.grid.getRowsObject();
             var rowElms = this.parent.getRows();
@@ -14323,7 +14501,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @param { boolean} isFrozen - Specifies whether frozen column enabled
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.removeRows = function (rowElms, rows, data, keyField, isFrozen) {
+    InfiniteScroll.prototype.removeRows = function (rowElms, rows, data, keyField, isFrozen) {
         var _this = this;
         var resetInfiniteCurrentViewData = 'resetInfiniteCurrentViewData';
         var _loop_1 = function (i) {
@@ -14346,7 +14524,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
     /**
      * Handles the row objects for Add operation.
      */
-    InfiniteScroll$$1.prototype.createRows = function (eventArgs) {
+    InfiniteScroll.prototype.createRows = function (eventArgs) {
         var locator = 'serviceLocator';
         var actionArgs = eventArgs.args.e;
         var row = eventArgs.row;
@@ -14411,23 +14589,11 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    InfiniteScroll$$1.prototype.destroy = function () {
+    InfiniteScroll.prototype.destroy = function () {
         this.removeEventListener();
     };
-    return InfiniteScroll$$1;
+    return InfiniteScroll;
 }());
 
-/**
- * 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.es5.js.map