@syncfusion/ej2-treegrid 30.2.4 → 31.1.20

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

@@ -773,13 +773,29 @@ var TreeClipboard = /** @__PURE__ @class */ (function (_super) {
  * @returns {boolean} - Specifies whether remote data binding
  */
 function isRemoteData(parent) {
-    if (parent.dataSource instanceof DataManager) {
-        var adaptor = parent.dataSource.adaptor;
-        return (adaptor instanceof ODataAdaptor ||
-            (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
-            (adaptor instanceof CacheAdaptor) || adaptor instanceof UrlAdaptor);
+    if (parent['treeGrid'] && parent['treeGrid']['isGantt']) {
+        if (parent['taskFields'].hasChildMapping) {
+            if (parent.dataSource instanceof DataManager) {
+                var adaptor = parent.dataSource.adaptor;
+                return (adaptor instanceof ODataAdaptor ||
+                    (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
+                    (adaptor instanceof CacheAdaptor) || adaptor instanceof UrlAdaptor);
+            }
+            return false;
+        }
+        else {
+            return false;
+        }
+    }
+    else {
+        if (parent.dataSource instanceof DataManager) {
+            var adaptor = parent.dataSource.adaptor;
+            return (adaptor instanceof ODataAdaptor ||
+                (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
+                (adaptor instanceof CacheAdaptor) || adaptor instanceof UrlAdaptor);
+        }
+        return false;
     }
-    return false;
 }
 /**
  * @param {TreeGrid | IGrid} parent - Tree Grid or Grid instance
@@ -1071,7 +1087,7 @@ var Selection = /** @__PURE__ @class */ (function () {
         var headerCelllength = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv').length;
         for (var j = 0; j < headerCelllength; j++) {
             var headercell = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv')[parseInt(j.toString(), 10)];
-            if (headercell.getAttribute('e-mappinguid') === mappingUid) {
+            if (headercell.getAttribute('data-mappinguid') === mappingUid) {
                 columnIndex = j;
             }
         }
@@ -2361,7 +2377,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                     var targetEle = rowDetails.rows[parseInt(i.toString(), 10)].getElementsByClassName('e-treegridcollapse')[0];
                     childRecord = this.parent.rowTemplate ?
                         this.parent.grid.getCurrentViewRecords()[rowDetails.rows[parseInt(i.toString(), 10)].rowIndex] :
-                        this.parent.grid.getRowObjectFromUID(rowDetails.rows[parseInt(i.toString(), 10)].getAttribute('data-Uid')).data;
+                        this.parent.grid.getRowObjectFromUID(rowDetails.rows[parseInt(i.toString(), 10)].getAttribute('data-uid')).data;
                     if (!isNullOrUndefined(targetEle) && childRecord.expanded) {
                         addClass([targetEle], 'e-treegridexpand');
                         removeClass([targetEle], 'e-treegridcollapse');
@@ -3753,6 +3769,57 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+/**
+ * Configures the column chooser behavior of the Grid.
+ */
+var ColumnChooserSettings = /** @__PURE__ @class */ (function (_super) {
+    __extends$d(ColumnChooserSettings, _super);
+    function ColumnChooserSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate$b([
+        Property('startsWith')
+    ], ColumnChooserSettings.prototype, "operator", void 0);
+    __decorate$b([
+        Property(false)
+    ], ColumnChooserSettings.prototype, "ignoreAccent", void 0);
+    __decorate$b([
+        Property(null)
+    ], ColumnChooserSettings.prototype, "headerTemplate", void 0);
+    __decorate$b([
+        Property(null)
+    ], ColumnChooserSettings.prototype, "template", void 0);
+    __decorate$b([
+        Property(null)
+    ], ColumnChooserSettings.prototype, "footerTemplate", void 0);
+    __decorate$b([
+        Property(true)
+    ], ColumnChooserSettings.prototype, "enableSearching", void 0);
+    __decorate$b([
+        Property(null)
+    ], ColumnChooserSettings.prototype, "renderCustomColumnChooser", void 0);
+    return ColumnChooserSettings;
+}(ChildProperty));
+
+var __extends$e = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents the TreeGrid component.
  * ```html
@@ -3764,7 +3831,7 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
  * ```
  */
 var TreeGrid = /** @__PURE__ @class */ (function (_super) {
-    __extends$d(TreeGrid, _super);
+    __extends$e(TreeGrid, _super);
     function TreeGrid(options, element) {
         var _this = _super.call(this, options, element) || this;
         _this.dataResults = {};
@@ -4617,7 +4684,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             }
         }
         var alignColumn;
-        if (this.treeColumnIndex !== null && this.treeColumnIndex !== -1) {
+        if (this.treeColumnIndex !== null && this.treeColumnIndex !== -1 && this.treeColumnIndex < this.columns.length) {
             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.');
@@ -4730,6 +4797,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.toolbarTemplate = this.toolbarTemplate;
         this.grid.showColumnChooser = this.showColumnChooser;
+        this.grid.columnChooserSettings = this.columnChooserSettings;
         this.grid.filterSettings = getActualProperties(this.filterSettings);
         this.grid.selectionSettings = getActualProperties(this.selectionSettings);
         this.grid.sortSettings = getActualProperties(this.sortSettings);
@@ -4757,6 +4825,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         var enableHtmlSanitizer = 'enableHtmlSanitizer';
         this.grid["" + enableHtmlSanitizer] = this.enableHtmlSanitizer;
         this.grid.enableStickyHeader = this.enableStickyHeader;
+        this.grid.emptyRecordTemplate = this.emptyRecordTemplate;
         var isTreeGrid = 'isTreeGrid';
         this.grid["" + isTreeGrid] = true;
     };
@@ -4823,6 +4892,14 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             _this.notify('excelCellInfo', args);
             args = _this.dataResults;
         };
+        this.grid.excelAggregateQueryCellInfo = function (args) {
+            _this.notify('excelAggregateCellInfo', args);
+            args = _this.dataResults;
+        };
+        this.grid.pdfAggregateQueryCellInfo = function (args) {
+            _this.notify('pdfAggregateCellInfo', args);
+            args = _this.dataResults;
+        };
         this.grid.pdfQueryCellInfo = function (args) {
             _this.notify('pdfCellInfo', args);
             args = _this.dataResults;
@@ -5718,6 +5795,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 case 'enableAutoFill':
                     this.grid.enableAutoFill = this.enableAutoFill;
                     break;
+                case 'columnChooserSettings':
+                    this.grid.columnChooserSettings = getActualProperties(this.columnChooserSettings);
+                    break;
                 case 'enableAdaptiveUI':
                     this.grid.enableAdaptiveUI = this.enableAdaptiveUI;
                     break;
@@ -5765,6 +5845,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 case 'enableStickyHeader':
                     this.grid.enableStickyHeader = this.enableStickyHeader;
                     break;
+                case 'emptyRecordTemplate':
+                    this.grid.emptyRecordTemplate = this.emptyRecordTemplate;
+                    break;
                 case 'editSettings':
                     if (this.grid.isEdit && this.grid.editSettings.mode === 'Normal' && newProp["" + prop].mode &&
                         (newProp["" + prop].mode === 'Cell' || newProp["" + prop].mode === 'Row')) {
@@ -7488,9 +7571,17 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         }
         var deff = new Deferred();
         var childDataBind = 'childDataBind';
+        var state;
+        if (this.query) {
+            state = this.grid.getDataModule().getStateEventArgument(this.query);
+            state.action = expandingArgs;
+        }
+        else {
+            state = expandingArgs;
+        }
         expandingArgs["" + childDataBind] = deff.resolve;
         var record = expandingArgs.data;
-        this.trigger(dataStateChange, expandingArgs);
+        this.trigger(dataStateChange, state);
         deff.promise.then(function () {
             if (expandingArgs.childData.length) {
                 if (isCountRequired(_this)) {
@@ -8252,403 +8343,415 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         }
     };
     var TreeGrid_1;
-    __decorate$b([
+    __decorate$c([
         Property(0)
     ], TreeGrid.prototype, "frozenRows", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(0)
     ], TreeGrid.prototype, "frozenColumns", void 0);
-    __decorate$b([
+    __decorate$c([
         Property('Ellipsis')
     ], TreeGrid.prototype, "clipMode", void 0);
-    __decorate$b([
+    __decorate$c([
         Property([])
     ], TreeGrid.prototype, "columns", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(null)
     ], TreeGrid.prototype, "childMapping", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(null)
     ], TreeGrid.prototype, "hasChildMapping", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(0)
     ], TreeGrid.prototype, "treeColumnIndex", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(null)
     ], TreeGrid.prototype, "idMapping", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(null)
     ], TreeGrid.prototype, "parentIdMapping", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableCollapseAll", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(null)
     ], TreeGrid.prototype, "expandStateMapping", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowRowDragAndDrop", void 0);
-    __decorate$b([
+    __decorate$c([
         Property([])
     ], TreeGrid.prototype, "dataSource", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "query", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "cloneQuery", void 0);
-    __decorate$b([
+    __decorate$c([
         Property('AllPages')
     ], TreeGrid.prototype, "printMode", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowPaging", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(true)
     ], TreeGrid.prototype, "loadChildOnDemand", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowTextWrap", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, TextWrapSettings)
     ], TreeGrid.prototype, "textWrapSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowReordering", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowResizing", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "autoCheckHierarchy", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, PageSettings)
     ], TreeGrid.prototype, "pageSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, RowDropSettings$1)
     ], TreeGrid.prototype, "rowDropSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Property('USD')
     ], TreeGrid.prototype, "currencyCode", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "pagerTemplate", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "showColumnMenu", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "showColumnChooser", void 0);
-    __decorate$b([
+    __decorate$c([
+        Complex({}, ColumnChooserSettings)
+    ], TreeGrid.prototype, "columnChooserSettings", void 0);
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowSorting", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(true)
     ], TreeGrid.prototype, "allowMultiSorting", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, SortSettings)
     ], TreeGrid.prototype, "sortSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Collection([], AggregateRow)
     ], TreeGrid.prototype, "aggregates", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, EditSettings)
     ], TreeGrid.prototype, "editSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowFiltering", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "detailTemplate", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, FilterSettings)
     ], TreeGrid.prototype, "filterSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, SearchSettings)
     ], TreeGrid.prototype, "searchSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "toolbar", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "toolbarTemplate", void 0);
-    __decorate$b([
+    __decorate$c([
         Property('Default')
     ], TreeGrid.prototype, "gridLines", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "contextMenuItems", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "columnMenuItems", void 0);
-    __decorate$b([
+    __decorate$c([
         Property()
     ], TreeGrid.prototype, "rowTemplate", void 0);
-    __decorate$b([
+    __decorate$c([
         Property('Parent')
     ], TreeGrid.prototype, "copyHierarchyMode", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(null)
     ], TreeGrid.prototype, "rowHeight", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(true)
     ], TreeGrid.prototype, "enableAltRow", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(true)
     ], TreeGrid.prototype, "allowKeyboard", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableHover", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableAutoFill", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableAdaptiveUI", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableImmutableMode", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableStickyHeader", void 0);
-    __decorate$b([
+    __decorate$c([
+        Property()
+    ], TreeGrid.prototype, "emptyRecordTemplate", void 0);
+    __decorate$c([
         Property('auto')
     ], TreeGrid.prototype, "height", void 0);
-    __decorate$b([
+    __decorate$c([
         Property('auto')
     ], TreeGrid.prototype, "width", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, LoadingIndicator)
     ], TreeGrid.prototype, "loadingIndicator", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(true)
     ], TreeGrid.prototype, "enableVirtualMaskRow", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableVirtualization", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableColumnVirtualization", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableHtmlSanitizer", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "enableInfiniteScrolling", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, InfiniteScrollSettings)
     ], TreeGrid.prototype, "infiniteScrollSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Property('All')
     ], TreeGrid.prototype, "columnQueryMode", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(true)
     ], TreeGrid.prototype, "allowSelection", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(-1)
     ], TreeGrid.prototype, "selectedRowIndex", void 0);
-    __decorate$b([
+    __decorate$c([
         Complex({}, SelectionSettings)
     ], TreeGrid.prototype, "selectionSettings", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowExcelExport", void 0);
-    __decorate$b([
+    __decorate$c([
         Property(false)
     ], TreeGrid.prototype, "allowPdfExport", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "created", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "load", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "expanding", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "expanded", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "collapsing", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "collapsed", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "cellSave", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "cellSaved", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "actionBegin", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "actionComplete", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beginEdit", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "batchAdd", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "batchDelete", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "batchCancel", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforeBatchAdd", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforeBatchDelete", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforeBatchSave", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "cellEdit", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "actionFailure", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "dataBound", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "dataSourceChanged", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "dataStateChange", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "recordDoubleClick", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowDataBound", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "detailDataBound", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "queryCellInfo", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowSelecting", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowSelected", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowDeselecting", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowDeselected", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "headerCellInfo", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "cellSelecting", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "columnMenuOpen", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "columnMenuClick", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "cellSelected", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "cellDeselecting", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "cellDeselected", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "resizeStart", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "resizing", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "resizeStop", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "columnDragStart", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "columnDrag", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "columnDrop", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "checkboxChange", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "printComplete", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforePrint", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "toolbarClick", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforeDataBound", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "contextMenuOpen", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "contextMenuClick", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforeCopy", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforePaste", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowDrag", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowDragStart", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowDragStartHelper", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "rowDrop", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "pdfQueryCellInfo", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "pdfHeaderQueryCellInfo", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "excelQueryCellInfo", void 0);
-    __decorate$b([
+    __decorate$c([
+        Event()
+    ], TreeGrid.prototype, "pdfAggregateQueryCellInfo", void 0);
+    __decorate$c([
+        Event()
+    ], TreeGrid.prototype, "excelAggregateQueryCellInfo", void 0);
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "excelHeaderQueryCellInfo", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforeExcelExport", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "excelExportComplete", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "beforePdfExport", void 0);
-    __decorate$b([
+    __decorate$c([
         Event()
     ], TreeGrid.prototype, "pdfExportComplete", void 0);
-    TreeGrid = TreeGrid_1 = __decorate$b([
+    TreeGrid = TreeGrid_1 = __decorate$c([
         NotifyPropertyChanges
     ], TreeGrid);
     return TreeGrid;
@@ -9218,9 +9321,18 @@ var RowDD = /** @__PURE__ @class */ (function () {
             && !isNullOrUndefined(droppedRecord.taskData)) {
             var keys = Object.keys(temporaryDataSource);
             for (var i = 0; i < keys.length; i++) {
-                if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
-                    droppedRecord.taskData[this.parent.childMapping]) {
-                    indexOfDroppedRecord = i;
+                if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping]) {
+                    if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
+                        droppedRecord.taskData[this.parent.childMapping]) {
+                        indexOfDroppedRecord = i;
+                    }
+                }
+                else {
+                    var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
+                    if (temporaryDataSource[parseInt(i.toString(), 10)]["" + primaryKeyField] ===
+                        droppedRecord.taskData["" + primaryKeyField]) {
+                        indexOfDroppedRecord = i;
+                    }
                 }
             }
             if (!this.parent.idMapping) {
@@ -10631,7 +10743,7 @@ var RowDD = /** @__PURE__ @class */ (function () {
     return RowDD;
 }());
 
-var __extends$e = (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; }) ||
@@ -10644,7 +10756,7 @@ var __extends$e = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (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;
@@ -10654,17 +10766,17 @@ var __decorate$c = (undefined && undefined.__decorate) || function (decorators,
  * Configures the settings for row dragging and dropping within the TreeGrid, allowing for enhanced user interaction and data manipulation capabilities.
  */
 var RowDropSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$e(RowDropSettings, _super);
+    __extends$f(RowDropSettings, _super);
     function RowDropSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$c([
+    __decorate$d([
         Property()
     ], RowDropSettings.prototype, "targetID", void 0);
     return RowDropSettings;
 }(ChildProperty));
 
-var __extends$f = (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; }) ||
@@ -10683,7 +10795,7 @@ var __extends$f = (undefined && undefined.__extends) || (function () {
  * @hidden
  */
 var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
-    __extends$f(TreeVirtualRowModelGenerator, _super);
+    __extends$g(TreeVirtualRowModelGenerator, _super);
     function TreeVirtualRowModelGenerator(parent) {
         var _this = _super.call(this, parent) || this;
         _this.addEventListener();
@@ -11031,6 +11143,7 @@ var ExcelExport = /** @__PURE__ @class */ (function () {
         this.parent.on('updateResults', this.updateExcelResultModel, this);
         this.parent.on('excelCellInfo', this.excelQueryCellInfo, this);
         this.parent.grid.on('export-RowDataBound', this.exportRowDataBound, this);
+        this.parent.on('excelAggregateCellInfo', this.excelAggregateCellInfo, this);
         this.parent.grid.on('finalPageSetup', this.finalPageSetup, this);
     };
     /**
@@ -11053,6 +11166,7 @@ var ExcelExport = /** @__PURE__ @class */ (function () {
         this.parent.off('updateResults', this.updateExcelResultModel);
         this.parent.off('excelCellInfo', this.excelQueryCellInfo);
         this.parent.grid.off('export-RowDataBound', this.exportRowDataBound);
+        this.parent.off('excelAggregateCellInfo', this.excelAggregateCellInfo);
         this.parent.grid.off('finalPageSetup', this.finalPageSetup);
     };
     ExcelExport.prototype.updateExcelResultModel = function (returnResult) {
@@ -11180,6 +11294,16 @@ var ExcelExport = /** @__PURE__ @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('excelQueryCellInfo', args);
     };
+    /**
+     * TreeGrid Excel Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    ExcelExport.prototype.excelAggregateCellInfo = function (args) {
+        this.parent.trigger('excelAggregateQueryCellInfo', args);
+    };
     ExcelExport.prototype.exportRowDataBound = function (excelRow) {
         if (excelRow.type === 'excel') {
             var excelrowobj = excelRow.rowObj.data;
@@ -11249,6 +11373,7 @@ var PdfExport = /** @__PURE__ @class */ (function () {
     PdfExport.prototype.addEventListener = function () {
         this.parent.on('pdfCellInfo', this.pdfQueryCellInfo, this);
         this.parent.on('updateResults', this.updatePdfResultModel, this);
+        this.parent.on('pdfAggregateCellInfo', this.pdfAggregateCellInfo, this);
     };
     /**
      * @hidden
@@ -11260,6 +11385,7 @@ var PdfExport = /** @__PURE__ @class */ (function () {
         }
         this.parent.off('pdfCellInfo', this.pdfQueryCellInfo);
         this.parent.off('updateResults', this.updatePdfResultModel);
+        this.parent.off('pdfAggregateCellInfo', this.pdfAggregateCellInfo);
     };
     /**
      * To destroy the PDF Export
@@ -11375,6 +11501,16 @@ var PdfExport = /** @__PURE__ @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('pdfQueryCellInfo', args);
     };
+    /**
+     * TreeGrid PDF Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    PdfExport.prototype.pdfAggregateCellInfo = function (args) {
+        this.parent.trigger('pdfAggregateQueryCellInfo', args);
+    };
     return PdfExport;
 }());
 
@@ -12231,7 +12367,9 @@ var ContextMenu = /** @__PURE__ @class */ (function () {
                     }
                 }
                 tObj.grid.contextMenuModule.contextMenu.hideItems(tObj.grid.contextMenuModule['hiddenItems']);
-                indent.style.display = outdent.style.display = 'none';
+                if (indent || outdent) {
+                    indent.style.display = outdent.style.display = 'none';
+                }
             }
         }
     };
@@ -13740,7 +13878,7 @@ var Edit = /** @__PURE__ @class */ (function () {
             this.addRowRecord = this.parent.flatData[args.index];
             this.addRowIndex = args.index;
         }
-        if (this.parent.editSettings.newRowPosition === 'Child' && this.isIndexUndefined &&
+        if (this.parent.editSettings.newRowPosition === 'Child' && (this.isIndexUndefined || this.isAddedRowByMethod) &&
             !isNullOrUndefined(this.parent.getSelectedRecords()[0])) {
             this.addRowRecord = this.parent.getSelectedRecords()[0];
             this.isIndexUndefined = false;
@@ -14157,7 +14295,7 @@ var DetailRow = /** @__PURE__ @class */ (function () {
     return DetailRow;
 }());
 
-var __extends$g = (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; }) ||
@@ -14176,7 +14314,7 @@ var __extends$g = (undefined && undefined.__extends) || (function () {
  * @hidden
  */
 var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
-    __extends$g(VirtualTreeContentRenderer, _super);
+    __extends$h(VirtualTreeContentRenderer, _super);
     function VirtualTreeContentRenderer(parent, locator) {
         var _this = _super.call(this, parent, locator) || this;
         _this.isExpandCollapse = false;
@@ -14918,11 +15056,6 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 (this.parent.pageSettings.pageSize / 2) && (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
                 this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
             }
-            if (currentViewData.length && this.startIndex > currentViewData[0]["" + indexValue] &&
-                ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) &&
-                this.parent.selectionModule && this.parent.selectionModule.isRowSelected) {
-                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.getBoundingClientRect().height);
             }
@@ -14972,9 +15105,9 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             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;
-            }
+            // if (downScroll && this.endIndex === this.totalRecords && viewInfo.loadNext) {
+            //     viewInfo.loadNext = false;
+            // }
             this.requestType = 'virtualscroll';
             if (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left' && !isRemoteData(this.parent.root)) {
                 viewInfo.event = viewInfo.event === 'refresh-virtual-block' ? 'model-changed' : viewInfo.event;
@@ -15136,7 +15269,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
     return VirtualTreeContentRenderer;
 }(VirtualContentRenderer));
 var TreeInterSectionObserver = /** @__PURE__ @class */ (function (_super) {
-    __extends$g(TreeInterSectionObserver, _super);
+    __extends$h(TreeInterSectionObserver, _super);
     function TreeInterSectionObserver() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.isWheeling = false;
@@ -15263,7 +15396,7 @@ var TreeInterSectionObserver = /** @__PURE__ @class */ (function (_super) {
     return TreeInterSectionObserver;
 }(InterSectionObserver));
 
-var __extends$h = (undefined && undefined.__extends) || (function () {
+var __extends$i = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -15419,8 +15552,8 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
                 if (this.setEndIndexToGantt) {
                     this.ganttEndIndex = counts.endIndex;
                 }
-                if ((counts.endIndex + this.parent.pageSettings.pageSize >= counts.count && (this.parent.root && counts.count - this.ganttEndIndex === this.visualData.length - this.parent.root['previousFlatData'].length))
-                    || !(this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
+                if (((counts.endIndex + this.parent.pageSettings.pageSize >= counts.count) &&
+                    (this.parent.root && counts.count !== this.ganttEndIndex) && this.parent['isAddedFromGantt']) || !(this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
                     startIndex = counts.startIndex + (counts.count - counts.endIndex);
                     endIndex = counts.count;
                     this.setEndIndexToGantt = false;
@@ -15526,7 +15659,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
     return VirtualScroll;
 }());
 var TreeVirtual = /** @__PURE__ @class */ (function (_super) {
-    __extends$h(TreeVirtual, _super);
+    __extends$i(TreeVirtual, _super);
     function TreeVirtual(parent, locator) {
         var _this = _super.call(this, parent, locator) || this;
         getValue('parent', _this).off('initial-load', getValue('instantiateRenderer', _this), _this);
@@ -15615,7 +15748,7 @@ var Freeze = /** @__PURE__ @class */ (function () {
         }
         for (var i = 0; i < rows.length; i++) {
             var row = rows[parseInt(i.toString(), 10)];
-            var rData = this.parent.grid.getRowObjectFromUID(row.getAttribute('data-Uid')).data;
+            var rData = this.parent.grid.getRowObjectFromUID(row.getAttribute('data-uid')).data;
             if (!isNullOrUndefined(movableRows) && row.parentElement.firstElementChild.clientHeight > 0) {
                 row.style.height = row.parentElement.firstElementChild.clientHeight + 'px';
             }