@syncfusion/ej2-treegrid 24.2.9 → 25.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.9
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@24.2.8",
+  "_id": "@syncfusion/ej2-treegrid@20.12.1",
   "_inBundle": false,
-  "_integrity": "sha512-FszUjBBJdywxw3DyIgp+wHsJ93z8G+CKd9f0VUaqkeySW/yRRtKVBGB0RJ7snJaMyc/uxIApPaAtY5CquNdLfw==",
+  "_integrity": "sha512-F833twyGGqQ5dieEzzXNBDedL8qGf12rSpYe9UWtvj0Tsc4UIdaJZMAuOlqPIBpBAMBjTLLKRkr7hRc6VAXAfA==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,10 +24,10 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-24.2.8.tgz",
-  "_shasum": "bfa805b7271215c1d2d53c303953de8b7186e779",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.12.1.tgz",
+  "_shasum": "7fcd4cdcf02c5c0813d3e920096ac8d3379004c4",
   "_spec": "@syncfusion/ej2-treegrid@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.7",
-    "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-grids": "~24.2.9",
-    "@syncfusion/ej2-popups": "~24.2.9"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-data": "~25.1.35",
+    "@syncfusion/ej2-grids": "~25.1.35",
+    "@syncfusion/ej2-popups": "~25.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -66,6 +66,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.9",
+  "version": "25.1.35",
   "sideEffects": false
 }

package/src/treegrid/actions/summary.js

@@ -2,7 +2,6 @@ import { Query, DataManager } from '@syncfusion/ej2-data';
 import { getObject, calculateAggregate, Aggregate as GridAggregate, Grid, appendChildren } from '@syncfusion/ej2-grids';
 import { findParentRecords } from '../utils';
 import { isNullOrUndefined, setValue, createElement, extend } from '@syncfusion/ej2-base';
-import * as events from '../base/constant';
 /**
  * TreeGrid Aggregate module
  *
@@ -205,12 +204,7 @@ var Aggregate = /** @class */ (function () {
         if (this.parent.isReact) {
             var renderReactTemplates = 'renderReactTemplates';
             tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property, '', null, null, cellElement);
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            var thisRef_1 = this;
-            // tslint:disable-next-line:typedef
-            thisRef_1.parent["" + renderReactTemplates](function () {
-                thisRef_1.parent.trigger(events.queryCellInfo, thisRef_1.parent['args']);
-            });
+            this.parent["" + renderReactTemplates]();
         }
         else {
             appendChildren(cellElement, tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property));

package/src/treegrid/actions/virtual-scroll.js

@@ -125,10 +125,16 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
             }
-            if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt']
-                && this.parent.grid.pageSettings.currentPage === this.parent.grid.contentModule['maxPage'])) {
-                startIndex = counts.startIndex + (counts.count - counts.endIndex);
-                endIndex = counts.count;
+            if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
+                var modifiedStartIndex = counts.startIndex + (counts.count - counts.endIndex);
+                if (counts.startIndex <= modifiedStartIndex && counts.endIndex <= modifiedStartIndex) {
+                    startIndex = counts.startIndex;
+                    endIndex = counts.endIndex;
+                }
+                else {
+                    startIndex = modifiedStartIndex;
+                    endIndex = counts.count;
+                }
                 this.parent['isAddedFromGantt'] = false;
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&

package/src/treegrid/base/treegrid-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, addClass, createElement, EventHandler, isNullOrUndefined, Fetch, ModuleDeclaration, extend, merge, SanitizeHtmlHelper} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';import {Event, Property, NotifyPropertyChanges, INotifyPropertyChanged, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { Column, ColumnModel } from '../models/column';import { BeforeBatchSaveArgs, BeforeBatchAddArgs, BatchDeleteArgs, BeforeBatchDeleteArgs, Row, getNumberFormat } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel } from '@syncfusion/ej2-grids';import { RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid, parentsUntil } from '@syncfusion/ej2-grids';import { LoadingIndicator } from '../models/loading-indicator';import { LoadingIndicatorModel } from '../models/loading-indicator-model';import { ActionEventArgs, TextAlign } from'@syncfusion/ej2-grids';import { DetailDataBoundEventArgs, ClipMode, ColumnChooser}  from '@syncfusion/ej2-grids';import { SearchEventArgs, AddEventArgs, EditEventArgs, DeleteEventArgs}  from '@syncfusion/ej2-grids';import { SaveEventArgs, CellSaveArgs, BatchAddArgs, BatchCancelArgs,  BeginEditArgs, CellEditArgs}  from '@syncfusion/ej2-grids';import { FilterSettings } from '../models/filter-settings';import { TextWrapSettings } from '../models/textwrap-settings';import { TextWrapSettingsModel } from '../models/textwrap-settings-model';import {Filter} from '../actions/filter';import { Logger as TreeLogger } from '../actions/logger';import { BeforeCopyEventArgs, BeforePasteEventArgs } from '@syncfusion/ej2-grids';import { TreeClipboard } from '../actions/clipboard';import {Aggregate} from '../actions/summary';import { Reorder } from '../actions/reorder';import { Resize } from '../actions/resize';import { Selection as TreeGridSelection } from '../actions/selection';import { ColumnMenu } from '../actions/column-menu';import { DetailRow } from '../actions/detail-row';import { Freeze } from '../actions/freeze-column';import { Print } from '../actions/print';import * as events from '../base/constant';import { FilterSettingsModel } from '../models/filter-settings-model';import { SearchSettings} from '../models/search-settings';import { SearchSettingsModel } from '../models/search-settings-model';import {RowInfo, RowDataBoundEventArgs, PageEventArgs, FilterEventArgs, FailureEventArgs, SortEventArgs } from '@syncfusion/ej2-grids';import { RowSelectingEventArgs, RowSelectEventArgs, RowDeselectingEventArgs, RowDeselectEventArgs, IIndex, ISelectedCell } from '@syncfusion/ej2-grids';import {ColumnModel as GridColumnModel, Column as GridColumn, CellSelectEventArgs, CellDeselectEventArgs } from '@syncfusion/ej2-grids';import { SelectionSettings } from '../models/selection-settings';import { SelectionSettingsModel } from '../models/selection-settings-model';import {getActualProperties, SortDirection, getObject, ColumnDragEventArgs } from '@syncfusion/ej2-grids';import { PrintMode, Data, IGrid, ContextMenuItemModel } from '@syncfusion/ej2-grids';import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';import {BeforeDataBoundArgs} from '@syncfusion/ej2-grids';import { DataManager, ReturnOption, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred, UrlAdaptor } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner, Dialog } from '@syncfusion/ej2-popups';import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';import { Grid, QueryCellInfoEventArgs, Logger } from '@syncfusion/ej2-grids';import { Render } from '../renderer/render';import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';import { DataManipulation } from './data';import { RowDD } from '../actions/rowdragdrop';import { Sort } from '../actions/sort';import { ITreeData, RowExpandedEventArgs, RowCollapsedEventArgs, RowCollapsingEventArgs, TreeGridExcelExportProperties } from './interface';import { DataStateChangeEventArgs, RowExpandingEventArgs, TreeGridPdfExportProperties } from './interface';import { iterateArrayOrObject, GridLine } from '@syncfusion/ej2-grids';import { DataSourceChangedEventArgs, RecordDoubleClickEventArgs, ResizeArgs } from '@syncfusion/ej2-grids';import { ToolbarItems, ToolbarItem, ContextMenuItem, ContextMenuItems, RowPosition, CopyHierarchyType } from '../enum';import { ItemModel, ClickEventArgs, BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { PageSettings } from '../models/page-settings';import { PageSettingsModel } from '../models/page-settings-model';import { AggregateRow } from '../models/summary';import { AggregateRowModel } from '../models/summary-model';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Toolbar } from '../actions/toolbar';import { Page } from '../actions/page';import { ContextMenu } from '../actions/context-menu';import { EditSettings } from '../models/edit-settings';import { EditSettingsModel } from '../models/edit-settings-model';import { Edit} from '../actions/edit';import { SortSettings } from '../models/sort-settings';import { SortSettingsModel } from '../models/sort-settings-model';import { isHidden, getExpandStatus } from '../utils';import { editAction } from '../actions/crud-actions';import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';import { TreeActionEventArgs } from '..';import * as literals from '../base/constant';import { Tooltip } from '@syncfusion/ej2-popups';
+import { Component, addClass, createElement, EventHandler, isNullOrUndefined, Fetch, ModuleDeclaration, extend, merge, SanitizeHtmlHelper} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';import {Event, Property, NotifyPropertyChanges, INotifyPropertyChanged, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { Column, ColumnModel } from '../models/column';import { BeforeBatchSaveArgs, BeforeBatchAddArgs, BatchDeleteArgs, BeforeBatchDeleteArgs, Row, getNumberFormat } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel } from '@syncfusion/ej2-grids';import { RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid, parentsUntil } from '@syncfusion/ej2-grids';import { LoadingIndicator } from '../models/loading-indicator';import { LoadingIndicatorModel } from '../models/loading-indicator-model';import { ActionEventArgs, TextAlign } from'@syncfusion/ej2-grids';import { DetailDataBoundEventArgs, ClipMode, ColumnChooser}  from '@syncfusion/ej2-grids';import { SearchEventArgs, AddEventArgs, EditEventArgs, DeleteEventArgs}  from '@syncfusion/ej2-grids';import { SaveEventArgs, CellSaveArgs, BatchAddArgs, BatchCancelArgs,  BeginEditArgs, CellEditArgs}  from '@syncfusion/ej2-grids';import { FilterSettings } from '../models/filter-settings';import { TextWrapSettings } from '../models/textwrap-settings';import { TextWrapSettingsModel } from '../models/textwrap-settings-model';import {Filter} from '../actions/filter';import { Logger as TreeLogger } from '../actions/logger';import { BeforeCopyEventArgs, BeforePasteEventArgs } from '@syncfusion/ej2-grids';import { TreeClipboard } from '../actions/clipboard';import {Aggregate} from '../actions/summary';import { Reorder } from '../actions/reorder';import { Resize } from '../actions/resize';import { Selection as TreeGridSelection } from '../actions/selection';import { ColumnMenu } from '../actions/column-menu';import { DetailRow } from '../actions/detail-row';import { Freeze } from '../actions/freeze-column';import { Print } from '../actions/print';import * as events from '../base/constant';import { FilterSettingsModel } from '../models/filter-settings-model';import { SearchSettings} from '../models/search-settings';import { SearchSettingsModel } from '../models/search-settings-model';import {RowInfo, RowDataBoundEventArgs, PageEventArgs, FilterEventArgs, FailureEventArgs, SortEventArgs } from '@syncfusion/ej2-grids';import { RowSelectingEventArgs, RowSelectEventArgs, RowDeselectingEventArgs, RowDeselectEventArgs, IIndex, ISelectedCell } from '@syncfusion/ej2-grids';import {ColumnModel as GridColumnModel, Column as GridColumn, CellSelectEventArgs, CellDeselectEventArgs } from '@syncfusion/ej2-grids';import { SelectionSettings } from '../models/selection-settings';import { SelectionSettingsModel } from '../models/selection-settings-model';import {getActualProperties, SortDirection, getObject, ColumnDragEventArgs } from '@syncfusion/ej2-grids';import { PrintMode, Data, IGrid, ContextMenuItemModel } from '@syncfusion/ej2-grids';import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';import {BeforeDataBoundArgs} from '@syncfusion/ej2-grids';import { DataManager, ReturnOption, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred, UrlAdaptor } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner, Dialog } from '@syncfusion/ej2-popups';import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';import { Grid, QueryCellInfoEventArgs, Logger } from '@syncfusion/ej2-grids';import { Render } from '../renderer/render';import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';import { DataManipulation } from './data';import { RowDD } from '../actions/rowdragdrop';import { Sort } from '../actions/sort';import { ITreeData, RowExpandedEventArgs, RowCollapsedEventArgs, RowCollapsingEventArgs, TreeGridExcelExportProperties } from './interface';import { DataStateChangeEventArgs, RowExpandingEventArgs, TreeGridPdfExportProperties } from './interface';import { iterateArrayOrObject, GridLine } from '@syncfusion/ej2-grids';import { DataSourceChangedEventArgs, RecordDoubleClickEventArgs, ResizeArgs } from '@syncfusion/ej2-grids';import { ToolbarItems, ToolbarItem, ContextMenuItem, ContextMenuItems, RowPosition, CopyHierarchyType } from '../enum';import { ItemModel, ClickEventArgs, BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { PageSettings } from '../models/page-settings';import { PageSettingsModel } from '../models/page-settings-model';import { AggregateRow } from '../models/summary';import { AggregateRowModel } from '../models/summary-model';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Toolbar } from '../actions/toolbar';import { Page } from '../actions/page';import { ContextMenu } from '../actions/context-menu';import { EditSettings } from '../models/edit-settings';import { EditSettingsModel } from '../models/edit-settings-model';import { Edit} from '../actions/edit';import { SortSettings } from '../models/sort-settings';import { SortSettingsModel } from '../models/sort-settings-model';import { isHidden, getExpandStatus } from '../utils';import { editAction } from '../actions/crud-actions';import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';import { TreeActionEventArgs } from '..';import * as literals from '../base/constant';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -521,9 +521,9 @@ export interface TreeGridModel extends ComponentModel{
 
     /**
      * Specifies whether to display or remove the untrusted HTML values in the TreeGrid component.
-     * If `enableHtmlSanitizer` set to true, then it will sanitize any suspected untrusted strings and scripts before rendering them.
+     * By default `enableHtmlSanitizer` is set to true, and it sanitizes any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer?: boolean;
 

package/src/treegrid/base/treegrid.d.ts

@@ -646,9 +646,9 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     enableColumnVirtualization: boolean;
     /**
      * Specifies whether to display or remove the untrusted HTML values in the TreeGrid component.
-     * If `enableHtmlSanitizer` set to true, then it will sanitize any suspected untrusted strings and scripts before rendering them.
+     * By default `enableHtmlSanitizer` is set to true, and it sanitizes any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer: boolean;
     /**
@@ -1393,7 +1393,6 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     private ignoreInArrays;
     private ignoreInColumn;
     private mouseClickHandler;
-    private mouseMoveHandler;
     /**
      * Returns TreeGrid rows
      *

package/src/treegrid/base/treegrid.js

@@ -22,7 +22,7 @@ import { removeClass, Complex, Collection, getValue } from '@syncfusion/ej2-base
 import { Event, Property, NotifyPropertyChanges, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';
 import { Column } from '../models/column';
 import { getNumberFormat } from '@syncfusion/ej2-grids';
-import { RowDropSettings, getUid, parentsUntil } from '@syncfusion/ej2-grids';
+import { RowDropSettings, getUid } from '@syncfusion/ej2-grids';
 import { LoadingIndicator } from '../models/loading-indicator';
 import { FilterSettings } from '../models/filter-settings';
 import { TextWrapSettings } from '../models/textwrap-settings';
@@ -50,7 +50,6 @@ import { isHidden, getExpandStatus } from '../utils';
 import { editAction } from '../actions/crud-actions';
 import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';
 import * as literals from '../base/constant';
-import { Tooltip } from '@syncfusion/ej2-popups';
 /**
  * Represents the TreeGrid component.
  * ```html
@@ -97,7 +96,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 return false;
             }
         };
-        TreeGrid_1.Inject(TreeGridSelection);
+        TreeGrid_1.Inject(TreeGridSelection, TreeLogger);
         setValue('mergePersistData', _this.mergePersistTreeGridData, _this);
         var logger = 'Logger';
         if (!isNullOrUndefined(_this.injectedModules["" + logger])) {
@@ -506,7 +505,6 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.wireEvents = function () {
         EventHandler.add(this.grid.element, 'click', this.mouseClickHandler, this);
         EventHandler.add(this.element, 'touchend', this.mouseClickHandler, this);
-        EventHandler.add(this.element, 'mousemove', this.mouseMoveHandler, this);
         this.keyboardModule = new KeyboardEvents(this.element, {
             keyAction: this.treeGridkeyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
@@ -530,78 +528,94 @@ var TreeGrid = /** @class */ (function (_super) {
             return modules;
         }
         modules.push({
-            member: 'filter', args: [this, this.filterSettings]
+            member: 'filter', args: [this, this.filterSettings],
+            name: 'Filter'
         });
         if (!isNullOrUndefined(this.toolbar)) {
             modules.push({
                 member: 'toolbar',
-                args: [this]
+                args: [this],
+                name: 'Toolbar'
             });
         }
         if (this.contextMenuItems) {
             modules.push({
                 member: 'contextMenu',
-                args: [this]
+                args: [this],
+                name: 'ContextMenu'
             });
         }
         if (this.allowPaging) {
             modules.push({
                 member: 'pager',
-                args: [this, this.pageSettings]
+                args: [this, this.pageSettings],
+                name: 'Page'
             });
         }
         if (this.allowReordering) {
             modules.push({
                 member: 'reorder',
-                args: [this]
+                args: [this],
+                name: 'Reorder'
             });
         }
         if (this.allowSorting) {
             modules.push({
                 member: 'sort',
-                args: [this]
+                args: [this],
+                name: 'Sort'
             });
         }
         if (this.aggregates.length > 0) {
             modules.push({
-                member: 'summary', args: [this]
+                member: 'summary', args: [this],
+                name: 'Aggregate'
+            });
+        }
+        if (this.allowResizing) {
+            modules.push({
+                member: 'resize', args: [this],
+                name: 'Resize'
             });
         }
-        modules.push({
-            member: 'resize', args: [this]
-        });
         if (this.allowExcelExport) {
             modules.push({
-                member: 'ExcelExport', args: [this]
+                member: 'ExcelExport', args: [this],
+                name: 'ExcelExport'
             });
         }
         var freezePresent = this.injectedModules.filter(function (e) {
             return e.prototype.getModuleName() === 'freeze';
         });
-        if (this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
-            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount() || freezePresent.length) {
+        if ((this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
+            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) && freezePresent.length > 0) {
             modules.push({
-                member: 'freeze', args: [this]
+                member: 'freeze', args: [this],
+                name: 'Freeze'
             });
         }
         if (this.detailTemplate) {
             modules.push({
-                member: 'detailRow', args: [this]
+                member: 'detailRow', args: [this],
+                name: 'DetailRow'
             });
         }
         if (this.allowPdfExport) {
             modules.push({
-                member: 'PdfExport', args: [this]
+                member: 'PdfExport', args: [this],
+                name: 'PdfExport'
             });
         }
         if (this.showColumnMenu) {
             modules.push({
-                member: 'columnMenu', args: [this]
+                member: 'columnMenu', args: [this],
+                name: 'ColumnMenu'
             });
         }
         if (this.showColumnChooser) {
             modules.push({
-                member: 'ColumnChooser', args: [this]
+                member: 'ColumnChooser', args: [this],
+                name: 'ColumnChooser'
             });
         }
         this.extendRequiredModules(modules);
@@ -618,37 +632,43 @@ var TreeGrid = /** @class */ (function (_super) {
             }
             modules.push({
                 member: 'rowDragAndDrop',
-                args: [this]
+                args: [this],
+                name: 'RowDD'
             });
         }
         if (this.editSettings.allowAdding || this.editSettings.allowDeleting || this.editSettings.allowEditing) {
             modules.push({
                 member: 'edit',
-                args: [this]
+                args: [this],
+                name: 'Edit'
             });
         }
         if (this.isCommandColumn(this.columns)) {
             modules.push({
                 member: 'commandColumn',
-                args: [this]
+                args: [this],
+                name: 'CommandColumn'
             });
         }
         if (this.allowSelection) {
             modules.push({
                 member: 'selection',
-                args: [this]
+                args: [this],
+                name: 'Selection'
             });
         }
         if (this.enableVirtualization) {
             modules.push({
                 member: 'virtualScroll',
-                args: [this]
+                args: [this],
+                name: 'VirtualScroll'
             });
         }
         if (this.enableInfiniteScrolling) {
             modules.push({
                 member: 'infiniteScroll',
-                args: [this]
+                args: [this],
+                name: 'InfiniteScroll'
             });
         }
         modules.push({
@@ -675,6 +695,16 @@ var TreeGrid = /** @class */ (function (_super) {
         if (this.grid && this.grid.element) {
             EventHandler.remove(this.grid.element, 'click', this.mouseClickHandler);
         }
+        if (this.element) {
+            EventHandler.remove(this.element, 'touchend', this.mouseClickHandler);
+            if (this.keyboardModule) {
+                this.keyboardModule.destroy();
+                this.keyboardModule = null;
+            }
+            if (this.allowKeyboard) {
+                this.element.removeAttribute('tabIndex');
+            }
+        }
     };
     /**
      * Logs tree grid error message on console
@@ -1977,6 +2007,11 @@ var TreeGrid = /** @class */ (function (_super) {
             target.classList.contains('e-treegridcollapse')) && (!this.isEditCollapse && !this.grid.isEdit)) {
             this.expandCollapseRequest(target);
         }
+        var isEllipsisTooltip = 'isEllipsisTooltip';
+        if ((target.classList.contains('e-treegridexpand') || target.classList.contains('e-treegridcollapse')) &&
+            (this.grid["" + isEllipsisTooltip]())) {
+            this.grid['toolTipObj'].close();
+        }
         this.isEditCollapse = false;
         this.notify('checkboxSelection', { target: target });
         if (this.grid.isCheckBoxSelection && !this.grid.isPersistSelection) {
@@ -1992,20 +2027,6 @@ var TreeGrid = /** @class */ (function (_super) {
             }
         }
     };
-    TreeGrid.prototype.mouseMoveHandler = function (e) {
-        var showTooltip = false;
-        var cols = this.getColumns();
-        if (this.clipMode === 'EllipsisWithTooltip') {
-            showTooltip = true;
-        }
-        var element = parentsUntil(e.target, 'e-ellipsistooltip');
-        if ((showTooltip || (this.treeColumnIndex !== -1 && cols[this.treeColumnIndex].clipMode === 'EllipsisWithTooltip')) && element !== null && parseInt(element.getAttribute('data-colindex'), 10) === this.treeColumnIndex && element.children[0].scrollWidth > element.children[0].clientWidth) {
-            var tooltip = new Tooltip({
-                content: element.textContent
-            });
-            tooltip.appendTo(element);
-        }
-    };
     /**
      * Returns TreeGrid rows
      *
@@ -4194,7 +4215,7 @@ var TreeGrid = /** @class */ (function (_super) {
         Property(false)
     ], TreeGrid.prototype, "enableColumnVirtualization", void 0);
     __decorate([
-        Property(false)
+        Property(true)
     ], TreeGrid.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Property(false)

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

@@ -68,8 +68,10 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
                 notifyArgs.requestType = 'refresh';
             }
             var rows = _super.prototype.generateRows.call(this, data, notifyArgs);
-            for (var r = 0; r < rows.length; r++) {
-                rows[parseInt(r.toString(), 10)].index = (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
+            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);
+                }
             }
             return rows;
         }

package/styles/bootstrap-dark.css

@@ -394,10 +394,18 @@
   border-bottom: 1px solid #0070f0;
   box-shadow: 0 0 0 0 #0070f0;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #0070f0;
+  box-shadow: 0 0 0 0 #0070f0;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #0070f0;
   box-shadow: 0 0 0 0 #0070f0;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #0070f0;
+  box-shadow: 0 0 0 0 #0070f0;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/bootstrap.css

@@ -401,10 +401,18 @@
   border-bottom: 1px solid #317ab9;
   box-shadow: 0 0 0 0 #317ab9;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #317ab9;
+  box-shadow: 0 0 0 0 #317ab9;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #317ab9;
   box-shadow: 0 0 0 0 #317ab9;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #317ab9;
+  box-shadow: 0 0 0 0 #317ab9;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/bootstrap4.css

@@ -447,10 +447,18 @@
   border-bottom: 1px solid #e3165b;
   box-shadow: 0 0 0 0 #e3165b;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #e3165b;
+  box-shadow: 0 0 0 0 #e3165b;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #e3165b;
   box-shadow: 0 0 0 0 #e3165b;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #e3165b;
+  box-shadow: 0 0 0 0 #e3165b;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/bootstrap5-dark.css

@@ -437,10 +437,18 @@
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #0d6efd;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #0d6efd;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #0d6efd;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #0d6efd;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/bootstrap5.css

@@ -437,10 +437,18 @@
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #0d6efd;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #0d6efd;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #0d6efd;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #0d6efd;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/fabric-dark.css

@@ -376,10 +376,18 @@
   border-bottom: 1px solid #0074cc;
   box-shadow: 0 0 0 0 #0074cc;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #0074cc;
+  box-shadow: 0 0 0 0 #0074cc;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #0074cc;
   box-shadow: 0 0 0 0 #0074cc;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #0074cc;
+  box-shadow: 0 0 0 0 #0074cc;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/fabric.css

@@ -369,10 +369,18 @@
   border-bottom: 1px solid #0078d6;
   box-shadow: 0 0 0 0 #0078d6;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #0078d6;
+  box-shadow: 0 0 0 0 #0078d6;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #0078d6;
   box-shadow: 0 0 0 0 #0078d6;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #0078d6;
+  box-shadow: 0 0 0 0 #0078d6;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/fluent-dark.css

@@ -434,10 +434,18 @@
   border-bottom: 2px solid #0078d4;
   box-shadow: 0 0 0 0 #0078d4;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #0078d4;
+  box-shadow: 0 0 0 0 #0078d4;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #0078d4;
   box-shadow: 0 0 0 0 #0078d4;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #0078d4;
+  box-shadow: 0 0 0 0 #0078d4;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/fluent.css

@@ -434,10 +434,18 @@
   border-bottom: 2px solid #0078d4;
   box-shadow: 0 0 0 0 #0078d4;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #0078d4;
+  box-shadow: 0 0 0 0 #0078d4;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #0078d4;
   box-shadow: 0 0 0 0 #0078d4;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #0078d4;
+  box-shadow: 0 0 0 0 #0078d4;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/highcontrast-light.css

@@ -367,10 +367,18 @@
   border-bottom: 1px solid #400074;
   box-shadow: 0 0 0 0 #400074;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #400074;
+  box-shadow: 0 0 0 0 #400074;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #400074;
   box-shadow: 0 0 0 0 #400074;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #400074;
+  box-shadow: 0 0 0 0 #400074;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/highcontrast.css

@@ -373,10 +373,18 @@
   border-bottom: 1px solid #ffd939;
   box-shadow: 0 0 0 0 #ffd939;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #ffd939;
+  box-shadow: 0 0 0 0 #ffd939;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #ffd939;
   box-shadow: 0 0 0 0 #ffd939;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #ffd939;
+  box-shadow: 0 0 0 0 #ffd939;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }