@syncfusion/ej2-treegrid 21.2.9 → 22.1.34

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

@@ -1775,7 +1775,12 @@ var Render = /** @__PURE__ @class */ (function () {
             var iconRequired = !isNullOrUndefined(data.hasFilteredChildRecords)
                 ? data.hasFilteredChildRecords : data.hasChildRecords;
             if (iconRequired && !isNullOrUndefined(data.childRecords)) {
-                iconRequired = !(data.childRecords.length === 0);
+                if (this.parent['isFromGantt'] && !this.parent.loadChildOnDemand) {
+                    iconRequired = data.hasChildRecords;
+                }
+                else {
+                    iconRequired = !(data.childRecords.length === 0);
+                }
             }
             if (iconRequired) {
                 addClass([args.cell], 'e-treerowcell');
@@ -1894,6 +1899,7 @@ var Render = /** @__PURE__ @class */ (function () {
             args.cell.setAttribute('data-colindex', colindex + '');
         }
         if (treeColumn.field === args.column.field && !isNullOrUndefined(treeColumn.template)) {
+            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             args.column.template = treeColumn.template;
             args.column["" + templateFn] = templateCompiler(args.column.template);
             args.cell.classList.add('e-templatecell');
@@ -4291,7 +4297,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.grid.query = this.query;
         this.grid.columnQueryMode = this.columnQueryMode;
         this.grid.allowPaging = this.allowPaging;
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.pageSettings = getActualProperties(this.pageSettings);
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.pagerTemplate = this.pagerTemplate;
         this.grid.showColumnMenu = this.showColumnMenu;
         this.grid.allowSorting = this.allowSorting;
@@ -4318,12 +4326,14 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.grid.gridLines = this.gridLines;
         this.grid.allowSelection = this.allowSelection;
         this.grid.toolbar = getActualProperties(this.getGridToolbar());
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.toolbarTemplate = this.toolbarTemplate;
         this.grid.showColumnChooser = this.showColumnChooser;
         this.grid.filterSettings = getActualProperties(this.filterSettings);
         this.grid.selectionSettings = getActualProperties(this.selectionSettings);
         this.grid.sortSettings = getActualProperties(this.sortSettings);
         this.grid.searchSettings = getActualProperties(this.searchSettings);
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.aggregates = getActualProperties(this.aggregates);
         this.grid.textWrapSettings = getActualProperties(this.textWrapSettings);
         this.grid.printMode = getActualProperties(this.printMode);
@@ -4332,7 +4342,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.grid.contextMenuItems = getActualProperties(this.getContextMenu());
         this.grid.columnMenuItems = getActualProperties(this.columnMenuItems);
         this.grid.editSettings = this.getGridEditSettings();
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.rowTemplate = getActualProperties(this.rowTemplate);
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.detailTemplate = getActualProperties(this.detailTemplate);
         this.grid.frozenRows = this.frozenRows;
         this.grid.frozenColumns = this.frozenColumns;
@@ -4662,10 +4674,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                         var currentData = _this.getCurrentViewRecords();
                         var rows = _this.getContentTable().rows;
                         for (var i = 0; i < rows.length; i++) {
-                            var args = {
-                                data: currentData[parseInt(i.toString(), 10)],
-                                row: rows[parseInt(i.toString(), 10)]
-                            };
+                            var args = { data: currentData[parseInt(i.toString(), 10)],
+                                row: rows[parseInt(i.toString(), 10)] };
                             _this.renderModule.RowModifier(args);
                         }
                     }
@@ -5124,6 +5134,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     this.grid.allowPaging = this.allowPaging;
                     break;
                 case 'pageSettings':
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                     this.grid.pageSettings = getActualProperties(this.pageSettings);
                     requireRefresh = true;
                     break;
@@ -5169,6 +5180,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     this.grid.allowRowDragAndDrop = this.allowRowDragAndDrop;
                     break;
                 case 'aggregates':
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                     this.grid.aggregates = getActualProperties(this.aggregates);
                     break;
                 case 'enableInfiniteScrolling':
@@ -5219,6 +5231,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     this.grid.gridLines = this.gridLines;
                     break;
                 case 'rowTemplate':
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                     this.grid.rowTemplate = getActualProperties(this.rowTemplate);
                     break;
                 case 'frozenRows':
@@ -5298,6 +5311,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     this.grid.showColumnChooser = this.showColumnChooser;
                     break;
                 case 'detailTemplate':
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                     this.grid.detailTemplate = getActualProperties(this.detailTemplate);
                     break;
                 case 'columnMenuItems':
@@ -5882,8 +5896,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 else if (!isNullOrUndefined(this.columns[parseInt(i.toString(), 10)].field)) {
-                    var fieldName = this.columns[parseInt(i.toString(), 10)].field;
-                    var currentColumn = this.grid.getColumnByField(fieldName);
+                    var currentColumn = this.grid.getColumnByField(this.columns[parseInt(i.toString(), 10)]
+                        .field);
                     this.columns[parseInt(i.toString(), 10)].width = currentColumn.width;
                 }
             }
@@ -10522,6 +10536,7 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
             summaryKey = types[parseInt(i.toString(), 10)];
             var key = summaryColumn.field + ' - ' + types[parseInt(i.toString(), 10)].toLowerCase();
             var val = types[parseInt(i.toString(), 10)] !== 'Custom' ? getObject('aggregates', sumData) :
+                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                 calculateAggregate(types[parseInt(i.toString(), 10)], sumData, summaryColumn, this.parent);
             var disp = summaryColumn.columnName;
             var value_1 = types[parseInt(i.toString(), 10)] !== 'Custom' ? val["" + key] : val;
@@ -11576,6 +11591,14 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
         if (e.target.classList.contains('e-frame') && this.parent.getCurrentViewRecords().length === 0) {
             this.doubleClickTarget = null;
         }
+        if (e.target.classList.contains('e-treegridcollapse') || e.target.classList.contains('e-treegridexpand')) {
+            var tr = parentsUntil(e.target, 'e-row');
+            var rowIndex = tr && parseInt(tr.getAttribute('data-rowindex'), 10);
+            if (!isNullOrUndefined(rowIndex) && rowIndex >= 0 && this.parent.allowPaging) {
+                /* eslint-disable-next-line */
+                this.parent.grid.getDataRows()[rowIndex].dataset.uid = this.parent.grid.contentModule.getRows()[rowIndex].uid;
+            }
+        }
     };
     Edit$$1.prototype.getRowPosition = function (addArgs) {
         addArgs.newRowPosition = this.parent.editSettings.newRowPosition;
@@ -11934,15 +11957,21 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                 else if (isRemoteData(this.parent) ||
                     (this.parent.dataSource instanceof DataManager && this.parent.dataSource.adaptor instanceof RemoteSaveAdaptor)) {
                     var query = this.parent.grid.query;
-                    var crud = null;
-                    crud = this.parent.grid.dataSource.update(primaryKeys_1[0], args.rowData, query.fromTable, query, args.previousValue);
-                    crud.then(function (e) {
-                        if (!isNullOrUndefined(e)) {
-                            args.rowData[args.columnName] = e[args.columnName];
-                        }
-                        _this.updateCell(args, rowIndex_1);
-                        _this.afterCellSave(args, row_1, rowIndex_1);
-                    });
+                    if (this.parent['isGantt'] && !this.parent.loadChildOnDemand) {
+                        this.updateCell(args, rowIndex_1);
+                        this.afterCellSave(args, row_1, rowIndex_1);
+                    }
+                    else {
+                        var crud = null;
+                        crud = this.parent.grid.dataSource.update(primaryKeys_1[0], args.rowData, query.fromTable, query, args.previousValue);
+                        crud.then(function (e) {
+                            if (!isNullOrUndefined(e)) {
+                                args.rowData[args.columnName] = e[args.columnName];
+                            }
+                            _this.updateCell(args, rowIndex_1);
+                            _this.afterCellSave(args, row_1, rowIndex_1);
+                        });
+                    }
                 }
             }
             else {
@@ -13166,9 +13195,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             }
             this.startIndex = !isLastBlock ? lastIndex - this.parent.pageSettings.pageSize : nextSetResIndex;
             this.endIndex = lastIndex;
-            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords &&
-                (this.endIndex - this.startIndex) < (this.parent.pageSettings.pageSize / 2) &&
-                (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
+            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords && (this.endIndex - this.startIndex) <
+                (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] &&
@@ -13183,8 +13211,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                     this.translateY = scrollArgs.offset.top - rowHeight * 2;
                 }
                 else {
-                    if (this.totalRecords == this.endIndex) {
-                        this.translateY = scrollArgs.offset.top - (rowHeight - outBuffer);
+                    if (this.totalRecords === this.endIndex) {
+                        this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
                     }
                     else {
                         this.translateY = scrollArgs.offset.top;
@@ -13375,6 +13403,8 @@ var TreeInterSectionObserver = /** @__PURE__ @class */ (function (_super) {
             if (_this["" + options].axes.indexOf(current.axis) === -1) {
                 return;
             }
+            var containerRect = 'containerRect';
+            _this["" + containerRect] = _this["" + options].container.getBoundingClientRect();
             var check = _this.check(direction);
             if (current.entered && (current.axis === 'X' || instance.enableVirtualMaskRow)) {
                 if (_this["" + movableEle] && (direction === 'right' || direction === 'left')) {
@@ -13528,9 +13558,10 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(virtualActionArgs, { setTop: true });
             }
-            if (requestType === 'save') {
+            if (requestType === 'save' || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
                 startIndex = counts.startIndex + (counts.count - counts.endIndex);
                 endIndex = counts.count;
+                this.parent['isAddedFromGantt'] = false;
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&
             //this.prevendIndex === endIndex && this.prevstartIndex === startIndex) {
@@ -13829,6 +13860,10 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
                 getValue('addRenderer', renderer)
                     .apply(renderer, [RenderType.Content, new VirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
             }
+            else {
+                getValue('addRenderer', renderer)
+                    .apply(renderer, [RenderType.Content, new FreezeContentRender(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
+            }
         }
         if (this.parent.getFrozenLeftColumnsCount() || this.parent.getFrozenRightColumnsCount()) {
             getValue('addRenderer', renderer)