@syncfusion/ej2-treegrid 25.2.5 → 26.1.35-469198

package/src/treegrid/models/sort-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';import { SortDirection } from '@syncfusion/ej2-grids';
+import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class SortDescriptor
@@ -6,20 +6,20 @@ import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';impor
 export interface SortDescriptorModel {
 
     /**
-     * Defines the field name of sort column.
-     *
-     * @default ''
-     */
-    field?: string;
+     * Defines the field name of sort column.
+     *
+     * @default ''
+     */
+    field?: string;
 
     /**
-     * Defines the direction of sort column.
-     *
-     * @default ''
-     * @isEnumeration true
-     * @aspType Syncfusion.EJ2.Grids.SortDirection
-     */
-    direction?: SortDirection;
+     * Defines the direction of sort column.
+     *
+     * @default ''
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.SortDirection
+     */
+    direction?: SortDirection;
 
 }
 
@@ -29,18 +29,18 @@ export interface SortDescriptorModel {
 export interface SortSettingsModel {
 
     /**
-     * Specifies the columns to sort at initial rendering of TreeGrid.
-     * Also user can get current sorted columns.
-     *
-     * @default []
-     */
-    columns?: SortDescriptorModel[];
+     * Specifies the columns to sort at initial rendering of TreeGrid.
+     * Also user can get current sorted columns.
+     *
+     * @default []
+     */
+    columns?: SortDescriptorModel[];
 
     /**
-     * If `allowUnsort` set to false the user can not get the TreeGrid in unsorted state by clicking the sorted column header.
-     *
-     * @default true
-     */
-    allowUnsort?: boolean;
+     * If `allowUnsort` set to false the user can not get the TreeGrid in unsorted state by clicking the sorted column header.
+     *
+     * @default true
+     */
+    allowUnsort?: boolean;
 
 }

package/src/treegrid/models/sort-settings.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__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 = (this && this.__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 __extends = (this && this.__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 = (this && this.__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;
+};
 import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';
 /**
  * Represents the field name and direction of sort column.

package/src/treegrid/models/summary-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Collection, getEnumValue, compile, DateFormatOptions, NumberFormatOptions } from '@syncfusion/ej2-base';import { Internationalization } from '@syncfusion/ej2-base';import { CustomSummaryType, AggregateType, CellType } from '@syncfusion/ej2-grids';
+import { Property, ChildProperty, Collection, getEnumValue, compile, DateFormatOptions, NumberFormatOptions } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class AggregateColumn
@@ -6,71 +6,71 @@ import { Property, ChildProperty, Collection, getEnumValue, compile, DateFormatO
 export interface AggregateColumnModel {
 
     /**
-     * Defines the aggregate type of a particular column.
-     * To use multiple aggregates for single column, specify the `type` as array.
-     * Types of aggregate are,
-     * * sum
-     * * average
-     * * max
-     * * min
-     * * count
-     * * falsecount
-     * * truecount
-     * * custom
-     * > Specify the `type` value as `custom` to use custom aggregation.
-     *
-     * @aspType string
-     * @default null
-     */
-    type?: AggregateType | AggregateType[] | string;
+     * Defines the aggregate type of a particular column.
+     * To use multiple aggregates for single column, specify the `type` as array.
+     * Types of aggregate are,
+     * * sum
+     * * average
+     * * max
+     * * min
+     * * count
+     * * falsecount
+     * * truecount
+     * * custom
+     * > Specify the `type` value as `custom` to use custom aggregation.
+     *
+     * @aspType string
+     * @default null
+     */
+    type?: AggregateType | AggregateType[] | string;
 
     /**
-     * Defines the footer cell template as a string for the aggregate column.
-     * The `type` name should be used to access aggregate values inside the template.
-     *
-     * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
-     *
-     * @default null
-     * @aspType string
-     *
-     */
-    footerTemplate?: string | Function;
+     * Defines the footer cell template as a string for the aggregate column.
+     * The `type` name should be used to access aggregate values inside the template.
+     *
+     * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
+     *
+     * @default null
+     * @aspType string
+     *
+     */
+    footerTemplate?: string | Function;
 
     /**
-     * Defines the column name to perform aggregation.
-     *
-     * @default null
-     */
-    field?: string;
+     * Defines the column name to perform aggregation.
+     *
+     * @default null
+     */
+    field?: string;
 
     /**
-     * Format is applied to a calculated value before it is displayed.
-     * Gets the format from the user, which can be standard or custom
-     * [`number`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
-     * and [`date`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string-1) formats.
-     *
-     * @aspType string
-     * @default null
-     */
-    format?: string | NumberFormatOptions | DateFormatOptions;
+     * Format is applied to a calculated value before it is displayed.
+     * Gets the format from the user, which can be standard or custom
+     * [`number`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
+     * and [`date`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string-1) formats.
+     *
+     * @aspType string
+     * @default null
+     */
+    format?: string | NumberFormatOptions | DateFormatOptions;
 
     /**
-     * Defines the column name to display the aggregate value. If `columnName` is not defined,
-     * then `field` name value will be assigned to the `columnName` property.
-     *
-     * @default null
-     */
-    columnName?: string;
+     * Defines the column name to display the aggregate value. If `columnName` is not defined,
+     * then `field` name value will be assigned to the `columnName` property.
+     *
+     * @default null
+     */
+    columnName?: string;
 
     /**
-     * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`.
-     * To use custom aggregate value in the template, use the key as `${custom}`.
-     * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object.
-     * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.
-     *
-     * @default null
-     */
-    customAggregate?: CustomSummaryType | string;
+     * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`.
+     * To use custom aggregate value in the template, use the key as `${custom}`.
+     * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object.
+     * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.
+     *
+     * @default null
+     */
+    customAggregate?: CustomSummaryType | string;
 
 }
 
@@ -80,15 +80,15 @@ export interface AggregateColumnModel {
 export interface AggregateRowModel {
 
     /**
-     * Configures the aggregate columns.
-     *
-     * @default []
-     */
-    columns?: AggregateColumnModel[];
+     * Configures the aggregate columns.
+     *
+     * @default []
+     */
+    columns?: AggregateColumnModel[];
 
     /**
-     * Display the childSummary for each parent.
-     */
-    showChildSummary?: boolean;
+     * Display the childSummary for each parent.
+     */
+    showChildSummary?: boolean;
 
 }

package/src/treegrid/models/summary.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__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 = (this && this.__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 __extends = (this && this.__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 = (this && this.__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;
+};
 import { Property, ChildProperty, Collection, getEnumValue, compile } from '@syncfusion/ej2-base';
 import { Internationalization } from '@syncfusion/ej2-base';
 import { CellType } from '@syncfusion/ej2-grids';

package/src/treegrid/models/textwrap-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty } from '@syncfusion/ej2-base';import { WrapMode } from '../enum';
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class TextWrapSettings
@@ -6,13 +6,13 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { WrapMode
 export interface TextWrapSettingsModel {
 
     /**
-     * Defines the `wrapMode` of the TreeGrid. The available modes are:
-     * * `Both`: Wraps both the header and content.
-     * * `Content`: Wraps the header alone.
-     * * `Header`: Wraps the content alone.
-     *
-     * @default Both
-     */
-    wrapMode?: WrapMode;
+     * Defines the `wrapMode` of the TreeGrid. The available modes are:
+     * * `Both`: Wraps both the header and content.
+     * * `Content`: Wraps the header alone.
+     * * `Header`: Wraps the content alone.
+     *
+     * @default Both
+     */
+    wrapMode?: WrapMode;
 
 }

package/src/treegrid/models/textwrap-settings.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__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 = (this && this.__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 __extends = (this && this.__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 = (this && this.__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;
+};
 import { Property, ChildProperty } from '@syncfusion/ej2-base';
 /**
  * Configures the textwrap behavior of the TreeGrid.

package/src/treegrid/renderer/render.js

@@ -357,7 +357,9 @@ var Render = /** @class */ (function () {
                             && !isNullOrUndefined(rowsObj[parseInt(j.toString(), 10)].index)) {
                             var cell = rowsObj[parseInt(j.toString(), 10)]["" + cells][parseInt(cellIndex.toString(), 10)];
                             var cellRenderer = new CellRenderer(_this.parent.grid, _this.parent.grid.serviceLocator);
-                            var td = _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent);
+                            var td = rows.length >= rowsObj.length
+                                ? _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent)
+                                : _this.parent.getRows()[rowsObj[parseInt(j.toString(), 10)].index].querySelector('.e-templatecell');
                             cellRenderer.refreshTD(td, cell, rowsObj[parseInt(j.toString(), 10)].data, { index: rowsObj[parseInt(j.toString(), 10)]["" + rowIdx] });
                             var treecell = _this.parent.getRows()[parseInt(j.toString(), 10)]
                                 .cells[parseInt(cellIndex.toString(), 10)];

package/src/treegrid/renderer/virtual-row-model-generator.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__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 __extends = (this && this.__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 __());
+    };
+})();
 import { VirtualRowModelGenerator } from '@syncfusion/ej2-grids';
 import * as events from '../base/constant';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
@@ -70,8 +70,8 @@ var TreeVirtualRowModelGenerator = /** @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;

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__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 __extends = (this && this.__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 __());
+    };
+})();
 import { Cell, CellType } from '@syncfusion/ej2-grids';
 import { VirtualContentRenderer } from '@syncfusion/ej2-grids';
 import * as literals from '../base/constant';
@@ -52,6 +52,7 @@ var VirtualTreeContentRenderer = /** @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(literals.dataRowIndex), 10);
         var rowCollection = this.parent.getDataRows();
@@ -489,10 +490,10 @@ var VirtualTreeContentRenderer = /** @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;