@syncfusion/ej2-treegrid 32.2.4 → 32.2.9-1987473

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

@@ -1,4 +1,4 @@
-import { Property, ChildProperty } from '@syncfusion/ej2-base';import { SelectionMode, CellSelectionMode, SelectionType, CheckboxSelectionType } from '@syncfusion/ej2-grids';
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class SelectionSettings
@@ -6,71 +6,71 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { Selectio
 export interface SelectionSettingsModel {
 
     /**
-     * Specifies the selection mode for the TreeGrid, which supports row, cell, and both (row and cell) selection modes.
-     * * `Row`: Selects the entire row.
-     * * `Cell`: Selects a single cell.
-     * * `Both`: Selects the entire row and its cells.
-     *
-     * @default Syncfusion.EJ2.Grids.SelectionMode.Row
-     * @isEnumeration true
-     * @aspType Syncfusion.EJ2.Grids.SelectionMode
-     */
-    mode?: SelectionMode;
+     * Specifies the selection mode for the TreeGrid, which supports row, cell, and both (row and cell) selection modes.
+     * * `Row`: Selects the entire row.
+     * * `Cell`: Selects a single cell.
+     * * `Both`: Selects the entire row and its cells.
+     *
+     * @default Syncfusion.EJ2.Grids.SelectionMode.Row
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.SelectionMode
+     */
+    mode?: SelectionMode;
 
     /**
-     * Determines the mode for cell selection, available options are flow and box.
-     * Requires the selection `mode` to be either cell or both.
-     * * `Flow`: Selects the range between start and end indexes, including other cells of selected rows.
-     * * `Box`: Selects cells within the start and end column indexes within the selected rows.
-     *
-     * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
-     * @isEnumeration true
-     * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
-     */
-    cellSelectionMode?: CellSelectionMode;
+     * Determines the mode for cell selection, available options are flow and box.
+     * Requires the selection `mode` to be either cell or both.
+     * * `Flow`: Selects the range between start and end indexes, including other cells of selected rows.
+     * * `Box`: Selects cells within the start and end column indexes within the selected rows.
+     *
+     * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
+     */
+    cellSelectionMode?: CellSelectionMode;
 
     /**
-     * Defines the selection type, specifying whether single or multiple selections are allowed.
-     * * `Single`: Allows selection of only a single row or cell.
-     * * `Multiple`: Allows selection of multiple rows or cells.
-     *
-     * @default Syncfusion.EJ2.Grids.SelectionType.Single
-     * @isEnumeration true
-     * @aspType Syncfusion.EJ2.Grids.SelectionType
-     */
-    type?: SelectionType;
+     * Defines the selection type, specifying whether single or multiple selections are allowed.
+     * * `Single`: Allows selection of only a single row or cell.
+     * * `Multiple`: Allows selection of multiple rows or cells.
+     *
+     * @default Syncfusion.EJ2.Grids.SelectionType.Single
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.SelectionType
+     */
+    type?: SelectionType;
 
     /**
-     * When set to true, the TreeGrid selection persists even during various grid operations such as sorting or paging.
-     * Requires at least one column to be configured as the primary key for persistence.
-     *
-     * @default false
-     */
-    persistSelection?: boolean;
+     * When set to true, the TreeGrid selection persists even during various grid operations such as sorting or paging.
+     * Requires at least one column to be configured as the primary key for persistence.
+     *
+     * @default false
+     */
+    persistSelection?: boolean;
 
     /**
-     * Specifies the mode for checkbox selection:
-     * * `Default`: Allows selection of multiple rows by clicking on each row individually.
-     * * `ResetOnRowClick`: Resets prior selection when a new row is clicked. Multiple rows can be selected using CTRL or SHIFT keys.
-     *
-     * @default Syncfusion.EJ2.Grids.CheckboxSelectionType.Default
-     * @isEnumeration true
-     * @aspType Syncfusion.EJ2.Grids.CheckboxSelectionType
-     */
-    checkboxMode?: CheckboxSelectionType;
+     * Specifies the mode for checkbox selection:
+     * * `Default`: Allows selection of multiple rows by clicking on each row individually.
+     * * `ResetOnRowClick`: Resets prior selection when a new row is clicked. Multiple rows can be selected using CTRL or SHIFT keys.
+     *
+     * @default Syncfusion.EJ2.Grids.CheckboxSelectionType.Default
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.CheckboxSelectionType
+     */
+    checkboxMode?: CheckboxSelectionType;
 
     /**
-     * If set to true, TreeGrid selection is allowed only through checkboxes. Ensure the column type is set to `checkbox` to enable this mode.
-     *
-     * @default false
-     */
-    checkboxOnly?: boolean;
+     * If set to true, TreeGrid selection is allowed only through checkboxes. Ensure the column type is set to `checkbox` to enable this mode.
+     *
+     * @default false
+     */
+    checkboxOnly?: boolean;
 
     /**
-     * Enables toggling of the selected row. When true, users can toggle the selection of a row.
-     *
-     * @default true
-     */
-    enableToggle?: boolean;
+     * Enables toggling of the selected row. When true, users can toggle the selection of a row.
+     *
+     * @default true
+     */
+    enableToggle?: boolean;
 
 }

package/src/treegrid/models/selection-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 selection behavior of the TreeGrid.

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,22 +6,22 @@ import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';impor
 export interface SortDescriptorModel {
 
     /**
-     * Specifies the field name of the column to be sorted.
-     *
-     * @default ''
-     */
-    field?: string;
+     * Specifies the field name of the column to be sorted.
+     *
+     * @default ''
+     */
+    field?: string;
 
     /**
-     * Specifies the direction of sorting for the column. The available options are:
-     * * `Ascending`: Sorts the column in ascending order.
-     * * `Descending`: Sorts the column in descending order.
-     *
-     * @default ''
-     * @isEnumeration true
-     * @aspType Syncfusion.EJ2.Grids.SortDirection
-     */
-    direction?: SortDirection;
+     * Specifies the direction of sorting for the column. The available options are:
+     * * `Ascending`: Sorts the column in ascending order.
+     * * `Descending`: Sorts the column in descending order.
+     *
+     * @default ''
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.SortDirection
+     */
+    direction?: SortDirection;
 
 }
 
@@ -31,19 +31,19 @@ export interface SortDescriptorModel {
 export interface SortSettingsModel {
 
     /**
-     * Specifies the columns to be sorted at initial rendering of the TreeGrid.
-     * This property can also be used to get or modify the currently sorted columns at runtime.
-     *
-     * @default []
-     */
-    columns?: SortDescriptorModel[];
+     * Specifies the columns to be sorted at initial rendering of the TreeGrid.
+     * This property can also be used to get or modify the currently sorted columns at runtime.
+     *
+     * @default []
+     */
+    columns?: SortDescriptorModel[];
 
     /**
-     * If set to false, the user cannot reset the TreeGrid to an unsorted state by clicking on the sorted column header.
-     * When true, clicking an already sorted column header will toggle the sort direction or remove sorting.
-     *
-     * @default true
-     */
-    allowUnsort?: boolean;
+     * If set to false, the user cannot reset the TreeGrid to an unsorted state by clicking on the sorted column header.
+     * When true, clicking an already sorted column header will toggle the sort direction or remove sorting.
+     *
+     * @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 a sort column in the TreeGrid.

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,69 +6,69 @@ import { Property, ChildProperty, Collection, getEnumValue, compile, DateFormatO
 export interface AggregateColumnModel {
 
     /**
-     * Defines the aggregate type(s) for a particular column.
-     * To apply multiple aggregates to a single column, specify the `type` as an array.
-     * Available aggregate types include:
-     * * `sum`: Calculates the sum of all values in a column.
-     * * `average`: Computes the average of the column values.
-     * * `max`: Finds the maximum value in a column.
-     * * `min`: Finds the minimum value in a column.
-     * * `count`: Counts the number of records.
-     * * `falsecount`: Counts the number of false values.
-     * * `truecount`: Counts the number of true values.
-     * * `custom`: Allows for a custom aggregate function.
-     *
-     * Use `custom` to specify a custom aggregation.
-     *
-     * @aspType string
-     * @default null
-     */
-    type?: AggregateType | AggregateType[] | string;
+     * Defines the aggregate type(s) for a particular column.
+     * To apply multiple aggregates to a single column, specify the `type` as an array.
+     * Available aggregate types include:
+     * * `sum`: Calculates the sum of all values in a column.
+     * * `average`: Computes the average of the column values.
+     * * `max`: Finds the maximum value in a column.
+     * * `min`: Finds the minimum value in a column.
+     * * `count`: Counts the number of records.
+     * * `falsecount`: Counts the number of false values.
+     * * `truecount`: Counts the number of true values.
+     * * `custom`: Allows for a custom aggregate function.
+     *
+     * Use `custom` to specify a custom aggregation.
+     *
+     * @aspType string
+     * @default null
+     */
+    type?: AggregateType | AggregateType[] | string;
 
     /**
-     * Defines a template for the footer cell of the aggregate column.
-     * Use the aggregate `type` names within the template to access aggregate values.
-     *
-     * @default null
-     * @aspType string
-     *
-     */
-    footerTemplate?: string | Function;
+     * Defines a template for the footer cell of the aggregate column.
+     * Use the aggregate `type` names within the template to access aggregate values.
+     *
+     * @default null
+     * @aspType string
+     *
+     */
+    footerTemplate?: string | Function;
 
     /**
-     * Specifies the column name on which to perform the aggregation.
-     *
-     * @default null
-     */
-    field?: string;
+     * Specifies the column name on which to perform the aggregation.
+     *
+     * @default null
+     */
+    field?: string;
 
     /**
-     * Specifies the format to be applied to the calculated aggregate value before display.
-     * Supports both standard and custom formats for numbers and dates.
-     * Refer to the Syncfusion documentation for [number](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
-     * and [date](https://ej2.syncfusion.com/documentation/common/internationalization#date-formatting) formats.
-     *
-     * @aspType string
-     * @default null
-     */
-    format?: string | NumberFormatOptions | DateFormatOptions;
+     * Specifies the format to be applied to the calculated aggregate value before display.
+     * Supports both standard and custom formats for numbers and dates.
+     * Refer to the Syncfusion documentation for [number](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
+     * and [date](https://ej2.syncfusion.com/documentation/common/internationalization#date-formatting) formats.
+     *
+     * @aspType string
+     * @default null
+     */
+    format?: string | NumberFormatOptions | DateFormatOptions;
 
     /**
-     * Specifies the column name to display the aggregate value. If not defined, the `field` name is used by default.
-     *
-     * @default null
-     */
-    columnName?: string;
+     * Specifies the column name to display the aggregate value. If not defined, the `field` name is used by default.
+     *
+     * @default null
+     */
+    columnName?: string;
 
     /**
-     * Defines a custom function to calculate the aggregate value. The `type` must be set to `custom`.
-     * Use the custom value as `${custom}` in templates.
-     * * `Total aggregation`: The custom function is called with the entire dataset and the current `AggregateColumn` object.
-     * * `Group aggregation`: It is called with the current group details and the `AggregateColumn` object.
-     *
-     * @default null
-     */
-    customAggregate?: CustomSummaryType | string;
+     * Defines a custom function to calculate the aggregate value. The `type` must be set to `custom`.
+     * Use the custom value as `${custom}` in templates.
+     * * `Total aggregation`: The custom function is called with the entire dataset and the current `AggregateColumn` object.
+     * * `Group aggregation`: It is called with the current group details and the `AggregateColumn` object.
+     *
+     * @default null
+     */
+    customAggregate?: CustomSummaryType | string;
 
 }
 
@@ -78,16 +78,16 @@ export interface AggregateColumnModel {
 export interface AggregateRowModel {
 
     /**
-     * Configures the collection of aggregate columns.
-     *
-     * @default []
-     */
-    columns?: AggregateColumnModel[];
+     * Configures the collection of aggregate columns.
+     *
+     * @default []
+     */
+    columns?: AggregateColumnModel[];
 
     /**
-     * Determines whether to display child summaries for each parent row.
-     *
-     */
-    showChildSummary?: boolean;
+     * Determines whether to display child summaries for each parent row.
+     *
+     */
+    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,16 +6,16 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { WrapMode
 export interface TextWrapSettingsModel {
 
     /**
-     * Defines the `wrapMode` of the TreeGrid, controlling how text wrapping is applied to header and content.
-     * Available wrap modes are:
-     * * `Both`: Wraps both the header and the content of all columns.
-     * * `Content`: Wraps only the content of the columns, allowing headers to remain unchanged.
-     * * `Header`: Wraps only the header text of the columns, while content remains unwrapped.
-     *
-     * Text wrapping can improve readability when dealing with long text values or narrow column widths.
-     *
-     * @default Both
-     */
-    wrapMode?: WrapMode;
+     * Defines the `wrapMode` of the TreeGrid, controlling how text wrapping is applied to header and content.
+     * Available wrap modes are:
+     * * `Both`: Wraps both the header and the content of all columns.
+     * * `Content`: Wraps only the content of the columns, allowing headers to remain unchanged.
+     * * `Header`: Wraps only the header text of the columns, while content remains unwrapped.
+     *
+     * Text wrapping can improve readability when dealing with long text values or narrow column widths.
+     *
+     * @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 text wrapping behavior of the TreeGrid.

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';

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, getVisiblePage } from '@syncfusion/ej2-grids';
 import { VirtualContentRenderer } from '@syncfusion/ej2-grids';
 import * as literals from '../base/constant';
@@ -787,6 +787,9 @@ var VirtualTreeContentRenderer = /** @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 (this.totalRecords < this.parent.pageSettings.pageSize) {
+                this.startIndex = 0;
+            }
             if (scrollArgs.offset.top > (rowHeight * this.totalRecords)) {
                 this.translateY = this.getTranslateY(scrollArgs.offset.top, content.getBoundingClientRect().height);
             }

package/styles/treegrid/_all.bds.scss

@@ -1,2 +1,2 @@
-@use 'layout.bds' as *;
-@use 'theme.bds' as *;
+@use 'layout.bds' as *;
+@use 'theme.bds' as *;