@syncfusion/ej2-treegrid 30.2.4 → 31.1.17

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

@@ -657,13 +657,29 @@ class TreeClipboard extends Clipboard {
  * @returns {boolean} - Specifies whether remote data binding
  */
 function isRemoteData(parent) {
-    if (parent.dataSource instanceof DataManager) {
-        const 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) {
+                const 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) {
+            const 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
@@ -954,7 +970,7 @@ class Selection {
         const headerCelllength = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv').length;
         for (let j = 0; j < headerCelllength; j++) {
             const 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;
             }
         }
@@ -2195,7 +2211,7 @@ class DataManipulation {
                     const 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');
@@ -3461,6 +3477,39 @@ 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.
+ */
+class ColumnChooserSettings extends ChildProperty {
+}
+__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);
+
+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;
+};
 var TreeGrid_1;
 /**
  * Represents the TreeGrid component.
@@ -4320,7 +4369,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             }
         }
         let alignColumn;
-        if (this.treeColumnIndex !== null && this.treeColumnIndex !== -1) {
+        if (this.treeColumnIndex !== null && this.treeColumnIndex !== -1 && this.treeColumnIndex < this.columns.length) {
             alignColumn = this.columnModel.filter((col) => col.textAlign === 'Right' && col.field === this.columnModel[this.treeColumnIndex].field);
             if (alignColumn.length !== 0) {
                 failureCases.push('TextAlign right for the tree column is not applicable.');
@@ -4427,6 +4476,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         /* 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);
@@ -4454,6 +4504,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         const enableHtmlSanitizer = 'enableHtmlSanitizer';
         this.grid[`${enableHtmlSanitizer}`] = this.enableHtmlSanitizer;
         this.grid.enableStickyHeader = this.enableStickyHeader;
+        this.grid.emptyRecordTemplate = this.emptyRecordTemplate;
         const isTreeGrid = 'isTreeGrid';
         this.grid[`${isTreeGrid}`] = true;
     }
@@ -4519,6 +4570,14 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             this.notify('excelCellInfo', args);
             args = this.dataResults;
         };
+        this.grid.excelAggregateQueryCellInfo = (args) => {
+            this.notify('excelAggregateCellInfo', args);
+            args = this.dataResults;
+        };
+        this.grid.pdfAggregateQueryCellInfo = (args) => {
+            this.notify('pdfAggregateCellInfo', args);
+            args = this.dataResults;
+        };
         this.grid.pdfQueryCellInfo = (args) => {
             this.notify('pdfCellInfo', args);
             args = this.dataResults;
@@ -5403,6 +5462,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 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;
@@ -5450,6 +5512,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 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')) {
@@ -7156,9 +7221,17 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         }
         const deff = new Deferred();
         const childDataBind = 'childDataBind';
+        let state;
+        if (this.query) {
+            state = this.grid.getDataModule().getStateEventArgument(this.query);
+            state.action = expandingArgs;
+        }
+        else {
+            state = expandingArgs;
+        }
         expandingArgs[`${childDataBind}`] = deff.resolve;
         const record = expandingArgs.data;
-        this.trigger(dataStateChange, expandingArgs);
+        this.trigger(dataStateChange, state);
         deff.promise.then(() => {
             if (expandingArgs.childData.length) {
                 if (isCountRequired(this)) {
@@ -7906,403 +7979,415 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         }
     }
 };
-__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);
 
@@ -10268,7 +10353,7 @@ class RowDD {
     }
 }
 
-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;
@@ -10279,7 +10364,7 @@ var __decorate$c = (undefined && undefined.__decorate) || function (decorators,
  */
 class RowDropSettings extends ChildProperty {
 }
-__decorate$c([
+__decorate$d([
     Property()
 ], RowDropSettings.prototype, "targetID", void 0);
 
@@ -10633,6 +10718,7 @@ class ExcelExport {
         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);
     }
     /**
@@ -10655,6 +10741,7 @@ class ExcelExport {
         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);
     }
     updateExcelResultModel(returnResult) {
@@ -10781,6 +10868,16 @@ class ExcelExport {
         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}
+     */
+    excelAggregateCellInfo(args) {
+        this.parent.trigger('excelAggregateQueryCellInfo', args);
+    }
     exportRowDataBound(excelRow) {
         if (excelRow.type === 'excel') {
             const excelrowobj = excelRow.rowObj.data;
@@ -10849,6 +10946,7 @@ class PdfExport {
     addEventListener() {
         this.parent.on('pdfCellInfo', this.pdfQueryCellInfo, this);
         this.parent.on('updateResults', this.updatePdfResultModel, this);
+        this.parent.on('pdfAggregateCellInfo', this.pdfAggregateCellInfo, this);
     }
     /**
      * @hidden
@@ -10860,6 +10958,7 @@ class PdfExport {
         }
         this.parent.off('pdfCellInfo', this.pdfQueryCellInfo);
         this.parent.off('updateResults', this.updatePdfResultModel);
+        this.parent.off('pdfAggregateCellInfo', this.pdfAggregateCellInfo);
     }
     /**
      * To destroy the PDF Export
@@ -10974,6 +11073,16 @@ class PdfExport {
         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}
+     */
+    pdfAggregateCellInfo(args) {
+        this.parent.trigger('pdfAggregateQueryCellInfo', args);
+    }
 }
 
 /**
@@ -11812,7 +11921,9 @@ class ContextMenu {
                     }
                 }
                 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';
+                }
             }
         }
     }
@@ -14449,11 +14560,6 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                 (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);
             }
@@ -14503,9 +14609,9 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             this.parent.setColumnIndexesInView(this.parent.enableColumnVirtualization ? viewInfo.columnIndexes : []);
             const page = viewInfo.loadNext && !viewInfo.loadSelf ? viewInfo.nextInfo.page : viewInfo.page;
             this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
-            if (downScroll && this.endIndex === this.totalRecords && viewInfo.loadNext) {
-                viewInfo.loadNext = false;
-            }
+            // 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;
@@ -14931,8 +15037,8 @@ class VirtualScroll {
                 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;
@@ -15119,7 +15225,7 @@ class Freeze {
         }
         for (let i = 0; i < rows.length; i++) {
             const row = rows[parseInt(i.toString(), 10)];
-            const rData = this.parent.grid.getRowObjectFromUID(row.getAttribute('data-Uid')).data;
+            const 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';
             }