@syncfusion/ej2-treegrid 25.2.6 → 26.1.39

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, Data, ExportHelper, 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;
@@ -2101,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)) {
@@ -2157,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]);
                 }
@@ -2259,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;
@@ -2366,16 +2373,20 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
         var clonequries = qry.queries.filter(function (e) { return e.fn !== 'onPage' && e.fn !== 'onWhere'; });
         qry.queries = clonequries;
         qry.isCountRequired = true;
+        var idMappingValue = parseInt(rowDetails.record[this.parent.idMapping], 10);
+        if (isNaN(idMappingValue)) {
+            idMappingValue = rowDetails.record[this.parent.idMapping].toString();
+        }
         if (this.parent.enableVirtualization && rowDetails.action === 'remoteExpand') {
             qry.take(this.parent.pageSettings.pageSize);
             var expandDetail = [];
-            expandDetail.push('ExpandingAction', parseInt(rowDetails.record[this.parent.idMapping], 10).toString());
+            expandDetail.push('ExpandingAction', idMappingValue.toString());
             qry.expand(expandDetail);
         }
         else if (this.parent.enableVirtualization && rowDetails.action === 'collapse') {
             qry.take(this.parent.grid.pageSettings.pageSize);
             var expandDetail = [];
-            expandDetail.push('CollapsingAction', parseInt(rowDetails.record[this.parent.idMapping], 10).toString());
+            expandDetail.push('CollapsingAction', idMappingValue.toString());
             qry.expand(expandDetail);
         }
         qry.where(this.parent.parentIdMapping, 'equal', rowDetails.record[this.parent.idMapping]);
@@ -2458,7 +2469,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]) {
@@ -2486,7 +2497,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;
@@ -2494,7 +2505,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;
@@ -2614,7 +2625,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++;
@@ -2642,7 +2653,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) {
@@ -2924,7 +2935,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; }) ||
@@ -2937,7 +2948,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;
@@ -2947,38 +2958,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; }) ||
@@ -2991,7 +3002,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;
@@ -3001,7 +3012,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();
@@ -3069,41 +3080,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; }) ||
@@ -3116,7 +3127,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;
@@ -3126,47 +3137,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; }) ||
@@ -3179,7 +3190,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;
@@ -3189,14 +3200,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;
@@ -3205,14 +3216,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;
@@ -3259,7 +3270,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'))) {
@@ -3382,7 +3393,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':
@@ -3395,28 +3406,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';
@@ -3625,7 +3636,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; }) ||
@@ -3638,7 +3649,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;
@@ -3648,23 +3659,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; }) ||
@@ -3677,7 +3688,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;
@@ -3694,7 +3705,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 = {};
@@ -3729,15 +3740,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();
@@ -3816,6 +3827,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}
      */
@@ -3846,6 +3858,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
@@ -3932,6 +3945,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);
         }
@@ -3992,21 +4009,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.
@@ -4053,45 +4076,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();
+                                }
                             }
                         }
                     }
@@ -4165,7 +4200,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.requiredModules = function () {
         var modules = [];
         var splitFrozenCount = 'splitFrozenCount';
-        this.grid["" + splitFrozenCount](this.getColumns());
+        if (!this.isReact && isNullOrUndefined(this['changedProperties'].columns)) {
+            this.grid["" + splitFrozenCount](this.getColumns());
+        }
         if (this.isDestroyed) {
             return modules;
         }
@@ -4285,7 +4322,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],
@@ -4383,7 +4420,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;
@@ -4418,6 +4455,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');
@@ -4440,6 +4478,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';
@@ -4647,11 +4764,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();
@@ -4740,7 +4859,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();
             }
@@ -5024,9 +5143,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);
             }
@@ -5328,6 +5447,11 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.onPropertyChanged = function (newProp) {
         var properties = Object.keys(newProp);
         var requireRefresh = false;
+        if (properties.indexOf('columns') > -1) {
+            this.grid.columns = this.getGridColumns(newProp.columns);
+            this.grid['updateColumnObject']();
+            requireRefresh = true;
+        }
         for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {
             var prop = properties_1[_i];
             switch (prop) {
@@ -5747,7 +5871,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 {
@@ -5764,6 +5888,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);
         }
@@ -5832,6 +5960,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);
         }
@@ -5857,9 +5989,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.
@@ -5897,8 +6031,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);
         }
@@ -5910,6 +6044,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);
         }
@@ -6011,6 +6149,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();
     };
@@ -6108,10 +6250,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
@@ -6120,10 +6262,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;
@@ -6428,6 +6570,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) {
@@ -6451,13 +6597,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;
         }
@@ -6468,13 +6614,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]))) {
@@ -6545,6 +6691,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) {
@@ -6561,12 +6711,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;
         }
@@ -6574,13 +6724,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)) {
@@ -6624,6 +6774,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) {
@@ -6646,6 +6800,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) {
@@ -6703,6 +6861,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) {
@@ -6725,6 +6887,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) {
@@ -6765,6 +6931,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');
@@ -6775,6 +6945,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');
@@ -6944,8 +7118,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;
@@ -7005,8 +7179,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;
@@ -7334,6 +7508,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);
     };
     /**
@@ -7400,6 +7578,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);
     };
     /**
@@ -7611,7 +7793,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++) {
@@ -7668,6 +7850,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);
     };
     /**
@@ -7695,400 +7881,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;
@@ -8099,14 +8285,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();
     }
@@ -8116,17 +8302,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;
         }
@@ -8138,10 +8324,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;
@@ -8156,7 +8342,7 @@ var Reorder$1 = /** @__PURE__ @class */ (function () {
         }
         this.parent.setProperties({ treeColumnIndex: treeIndex }, true);
     };
-    return Reorder$$1;
+    return Reorder;
 }());
 
 /**
@@ -8164,14 +8350,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;
     }
     /**
@@ -8180,7 +8366,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);
     };
     /**
@@ -8189,7 +8375,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';
     };
     /**
@@ -8198,13 +8384,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;
 }());
 
 /**
@@ -8212,13 +8398,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 */
@@ -8233,11 +8419,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;
@@ -8254,7 +8440,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);
@@ -8268,7 +8454,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';
@@ -8349,7 +8535,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';
@@ -8423,7 +8609,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,
@@ -8452,7 +8638,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)) {
@@ -8462,7 +8648,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--) {
@@ -8505,15 +8691,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;
+                            }
                         }
                     }
                 }
@@ -8564,7 +8752,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 &&
@@ -8575,7 +8763,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;
@@ -8587,8 +8775,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] ===
@@ -8634,14 +8822,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;
@@ -8660,7 +8848,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;
@@ -8745,14 +8933,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')) {
@@ -8774,7 +8962,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') ===
@@ -8789,11 +8977,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';
@@ -8802,16 +8990,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');
@@ -8823,7 +9011,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');
@@ -8843,7 +9031,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')) : [];
@@ -8859,7 +9047,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) {
@@ -8867,7 +9055,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);
@@ -8877,7 +9065,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;
@@ -8889,7 +9077,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 = '';
@@ -8932,7 +9120,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) {
@@ -9018,7 +9206,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);
@@ -9078,10 +9266,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) {
@@ -9108,7 +9296,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;
@@ -9245,7 +9433,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) ||
@@ -9265,7 +9453,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) {
@@ -9288,7 +9476,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;
@@ -9304,7 +9492,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;
@@ -9328,7 +9516,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;
@@ -9343,7 +9531,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;
@@ -9370,7 +9558,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++;
@@ -9400,7 +9588,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)) {
@@ -9482,14 +9670,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;
@@ -9535,7 +9723,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;
@@ -9549,7 +9737,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)) {
@@ -9566,14 +9754,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;
         }
@@ -9591,17 +9779,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; }) ||
@@ -9614,7 +9798,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;
@@ -9623,22 +9807,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; }) ||
@@ -9657,7 +9837,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();
@@ -9705,8 +9885,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;
@@ -9746,23 +9926,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 = [];
@@ -9776,7 +9952,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';
     };
     /**
@@ -9785,14 +9961,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);
     };
@@ -9800,7 +9976,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Filter$$1.prototype.removeEventListener = function () {
+    Filter.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -9815,7 +9991,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 = [];
@@ -9850,7 +10026,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)) {
@@ -9860,7 +10036,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
@@ -9913,7 +10089,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++) {
@@ -9945,7 +10121,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++) {
@@ -9961,7 +10137,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;
@@ -9977,7 +10153,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
         this.filteredResult = [];
         this.parent.notify('updateResults', { result: flatData, count: flatData.length });
     };
-    return Filter$$1;
+    return Filter;
 }());
 
 /**
@@ -9985,15 +10161,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();
@@ -10004,14 +10180,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);
@@ -10023,14 +10199,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;
         }
@@ -10039,23 +10215,29 @@ 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;
         var dataSource = this.parent.dataSource;
+        var data = new Data(this.parent.grid);
         var property = Object();
         setValue('isCsv', isCsv, property);
         setValue('cancel', false, property);
         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)) {
+            if (!isNullOrUndefined(excelExportProperties.dataSource) && !excelExportProperties.dataSource['dataSource']) {
+                return this.parent.grid.excelExportModule.Map(this.parent.grid, excelExportProperties, isMultipleExport, workbook, isCsv, isBlob);
+            }
+            if (excelExportProperties.exportType === 'CurrentPage') {
+                excelExportProperties.dataSource = this.parent.getCurrentViewRecords();
+                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)
@@ -10064,9 +10246,14 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
             if (!_this.isLocal()) {
                 query = _this.generateQuery(query);
                 query.queries = _this.parent.grid.getDataModule().generateQuery().queries;
+                query = ExportHelper.getQuery(_this.parent.grid, data);
+                if (isNullOrUndefined(_this.parent.filterModule)) {
+                    query.queries = query.queries.slice(1, 2);
+                    query.params = query.params.slice(0, 0);
+                }
                 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;
             }
@@ -10088,7 +10275,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';
@@ -10098,7 +10285,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);
@@ -10139,7 +10326,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;
@@ -10151,7 +10338,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;
@@ -10174,17 +10361,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;
 }());
 
 /**
@@ -10192,14 +10379,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();
@@ -10210,14 +10397,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);
     };
@@ -10225,7 +10412,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    PdfExport$$1.prototype.removeEventListener = function () {
+    PdfExport.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -10238,13 +10425,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();
@@ -10258,7 +10445,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;
             }
@@ -10280,7 +10467,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';
@@ -10290,7 +10477,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);
@@ -10334,7 +10521,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);
@@ -10346,7 +10533,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('pdfQueryCellInfo', args);
     };
-    return PdfExport$$1;
+    return PdfExport;
 }());
 
 /**
@@ -10354,9 +10541,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();
     }
@@ -10364,7 +10551,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);
     };
@@ -10372,7 +10559,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Page$$1.prototype.removeEventListener = function () {
+    Page.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -10385,7 +10572,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';
     };
     /**
@@ -10393,7 +10580,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {void}
      */
-    Page$$1.prototype.refresh = function () {
+    Page.prototype.refresh = function () {
         this.parent.grid.pagerModule.refresh();
     };
     /**
@@ -10402,7 +10589,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Page$$1.prototype.destroy = function () {
+    Page.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
@@ -10411,7 +10598,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);
     };
     /**
@@ -10420,7 +10607,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);
     };
     /**
@@ -10432,7 +10623,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; });
@@ -10473,7 +10664,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)]);
@@ -10491,7 +10682,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) {
@@ -10501,7 +10692,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') {
@@ -10522,8 +10713,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')) {
@@ -10531,7 +10722,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;
@@ -10551,7 +10742,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
         }
         this.parent.notify('updateAction', pageingDetails);
     };
-    return Page$$1;
+    return Page;
 }());
 
 /**
@@ -10559,9 +10750,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();
     }
@@ -10571,14 +10762,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);
@@ -10587,7 +10778,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Toolbar$$1.prototype.removeEventListener = function () {
+    Toolbar.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -10595,7 +10786,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;
@@ -10649,7 +10840,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' &&
@@ -10678,7 +10869,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();
     };
     /**
@@ -10689,7 +10880,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);
     };
     /**
@@ -10698,10 +10889,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;
 }());
 
 /**
@@ -10709,14 +10900,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 = [];
@@ -10727,10 +10918,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;
         }
@@ -10744,7 +10935,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;
@@ -10784,7 +10975,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);
@@ -10825,7 +11016,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++) {
@@ -10845,7 +11036,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) ?
@@ -10870,7 +11061,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 = {};
@@ -10921,7 +11112,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;
         }
@@ -10945,10 +11136,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;
 }());
 
 /**
@@ -10956,9 +11147,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 = [];
@@ -10972,13 +11163,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);
     };
@@ -10986,14 +11177,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);
@@ -11001,7 +11192,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))) {
@@ -11039,10 +11230,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);
     };
     /**
@@ -11051,7 +11242,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);
     };
     /**
@@ -11059,7 +11250,7 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
      *
      * @returns {void}
      */
-    Sort$$1.prototype.clearSorting = function () {
+    Sort.prototype.clearSorting = function () {
         this.parent.grid.clearSorting();
         this.updateModel();
     };
@@ -11069,10 +11260,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;
 }());
 
 /**
@@ -11080,20 +11271,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();
     };
     /**
@@ -11102,10 +11293,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;
 }());
 
 /**
@@ -11113,9 +11304,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();
     }
@@ -11123,7 +11314,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);
     };
@@ -11131,14 +11322,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);
@@ -11209,7 +11400,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);
@@ -11230,7 +11421,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';
     };
     /**
@@ -11239,7 +11430,7 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
      * @function destroy
      * @returns {void}
      */
-    ContextMenu$$1.prototype.destroy = function () {
+    ContextMenu.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
@@ -11247,10 +11438,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;
 }());
 
 /**
@@ -11398,7 +11589,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];
@@ -11507,13 +11698,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;
                 // }
@@ -11741,7 +11932,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;
@@ -11866,19 +12057,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;
@@ -11892,14 +12083,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);
@@ -11922,7 +12113,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;
@@ -11936,17 +12127,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);
@@ -11956,7 +12147,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    Edit$$1.prototype.removeEventListener = function () {
+    Edit.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -11987,7 +12178,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @hidden
      */
-    Edit$$1.prototype.destroy = function () {
+    Edit.prototype.destroy = function () {
         this.removeEventListener();
     };
     /**
@@ -11995,15 +12186,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')) {
@@ -12030,7 +12222,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')) {
@@ -12060,7 +12252,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';
@@ -12090,7 +12282,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;
@@ -12116,19 +12308,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;
         }
@@ -12139,13 +12331,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];
@@ -12194,14 +12386,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);
@@ -12217,13 +12409,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;
@@ -12264,7 +12456,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];
@@ -12285,7 +12477,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) ||
@@ -12294,7 +12486,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;
@@ -12305,7 +12497,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);
                         });
                     }
                 }
@@ -12318,7 +12510,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);
         }
@@ -12347,7 +12539,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');
@@ -12359,11 +12551,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 ?
@@ -12399,7 +12591,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)) {
@@ -12438,9 +12630,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);
@@ -12459,7 +12651,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();
@@ -12573,7 +12765,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;
@@ -12685,17 +12877,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;
@@ -12747,7 +12939,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];
@@ -12773,7 +12965,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];
                     }
@@ -12826,7 +13018,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;
         }
@@ -12871,17 +13063,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'))) {
@@ -12898,7 +13090,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;
@@ -12907,7 +13099,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             this.parent.grid.editModule.editCell(rowIndex, field);
         }
     };
-    return Edit$$1;
+    return Edit;
 }());
 
 /**
@@ -12915,9 +13107,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;
     }
     /**
@@ -12926,7 +13118,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';
     };
     /**
@@ -12935,10 +13127,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;
 }());
 
 /**
@@ -12946,9 +13138,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();
     }
@@ -12961,10 +13153,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);
@@ -12976,7 +13168,7 @@ var DetailRow$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    DetailRow$$1.prototype.removeEventListener = function () {
+    DetailRow.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -12987,11 +13179,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');
         });
@@ -13005,13 +13197,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;
         }
@@ -13019,7 +13211,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;
@@ -13031,7 +13223,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;
@@ -13052,13 +13244,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; }) ||
@@ -13072,7 +13264,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;
@@ -13103,6 +13295,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();
@@ -13135,10 +13328,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 +
@@ -13267,8 +13460,9 @@ 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);
+        this.parent.notify('virtualTransform', { requestType: 'transformChange' });
     };
     VirtualTreeContentRenderer.prototype.toSelectVirtualRow = function (args) {
         if (this.parent.isEdit) {
@@ -13353,8 +13547,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;
         }
     };
@@ -13368,8 +13562,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);
         }
@@ -13386,8 +13580,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;
@@ -13436,9 +13630,9 @@ 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 upScroll = (scrollArgs.offset.top - this.translateY) <= 0;
         var downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
         var selectedRowIndex = 'selectedRowIndex';
         var currentViewData = this.parent.currentViewData;
@@ -13446,11 +13640,12 @@ 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;
-            if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex]) {
+            if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex] &&
+                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
                 index = this["" + selectedRowIndex];
             }
             this.startIndex = index;
@@ -13491,7 +13686,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) {
@@ -13513,7 +13708,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) {
@@ -13540,10 +13735,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;
@@ -13648,7 +13843,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;
@@ -13742,7 +13937,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; }) ||
@@ -13760,20 +13955,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;
     };
     /**
@@ -13782,14 +13977,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;
         }
@@ -13801,7 +13996,7 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    VirtualScroll$$1.prototype.removeEventListener = function () {
+    VirtualScroll.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -13809,7 +14004,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;
@@ -13827,13 +14022,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;
@@ -13922,13 +14117,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);
@@ -13964,30 +14159,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;
         }
@@ -13995,7 +14190,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;
@@ -14041,13 +14236,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;
         });
@@ -14055,7 +14250,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();
     };
     /**
@@ -14064,10 +14259,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;
 }());
 
 /**
@@ -14075,14 +14270,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;
     }
     /**
@@ -14092,7 +14287,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);
     };
     /**
@@ -14101,7 +14296,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();
     };
     /**
@@ -14110,10 +14305,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;
 }());
 
 /**
@@ -14121,15 +14316,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();
     }
     /**
@@ -14138,14 +14333,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);
@@ -14157,7 +14352,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @hidden
      * @returns {void}
      */
-    InfiniteScroll$$1.prototype.removeEventListener = function () {
+    InfiniteScroll.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -14176,7 +14371,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';
@@ -14207,7 +14402,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());
@@ -14225,10 +14420,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) {
@@ -14289,7 +14484,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);
@@ -14305,7 +14500,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();
@@ -14329,7 +14524,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) {
@@ -14352,7 +14547,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;
@@ -14417,23 +14612,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