@syncfusion/ej2-treegrid 30.2.4 → 31.1.17

package/dist/ts/treegrid/utils.d.ts

@@ -0,0 +1,70 @@
+import { IGrid } from '@syncfusion/ej2-grids';
+import { TreeGrid } from './base/treegrid';
+import { ITreeData } from './base/interface';
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Specifies whether remote data binding
+ */
+export declare function isRemoteData(parent: TreeGrid): boolean;
+/**
+ * @param {TreeGrid | IGrid} parent - Tree Grid or Grid instance
+ * @returns {boolean} - Returns whether custom binding
+ */
+export declare function isCountRequired(parent: TreeGrid | IGrid): boolean;
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Returns whether checkbox column is enabled
+ */
+export declare function isCheckboxcolumn(parent: TreeGrid): boolean;
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Returns whether filtering and searching done
+ */
+export declare function isFilterChildHierarchy(parent: TreeGrid): boolean;
+/**
+ * @param {Object} records - Define records for which parent records has to be found
+ * @hidden
+ * @returns {Object} - Returns parent records collection
+ */
+export declare function findParentRecords(records: Object): Object;
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Returns the expand status of record
+ * @param {ITreeData} record - Define the record for which expand status has be found
+ * @param {ITreeData[]} parents - Parent Data collection
+ * @hidden
+ */
+export declare function getExpandStatus(parent: TreeGrid, record: ITreeData, parents: ITreeData[]): boolean;
+/**
+ * @param {ITreeData} records - Define the record for which child records has to be found
+ * @returns {Object[]} - Returns child records collection
+ * @hidden
+ */
+export declare function findChildrenRecords(records: ITreeData): Object[];
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Returns whether local data binding
+ */
+export declare function isOffline(parent: TreeGrid): boolean;
+/**
+ * @param {Object[]} array - Defines the array to be cloned
+ * @returns {Object[]} - Returns cloned array collection
+ */
+export declare function extendArray(array: Object[]): Object[];
+/**
+ * @param {ITreeData} value - Defined the dirty data to be cleaned
+ * @returns {ITreeData} - Returns cleaned original data
+ */
+export declare function getPlainData(value: ITreeData): ITreeData;
+/**
+ * @param {TreeGrid} parent - TreeGrid instance
+ * @param {string} value - IdMapping field name
+ * @param {boolean} requireFilter - Specified whether treegrid data is filtered
+ * @returns {ITreeData} - Returns IdMapping matched record
+ */
+export declare function getParentData(parent: TreeGrid, value: string, requireFilter?: boolean): ITreeData;
+/**
+ * @param {HTMLTableRowElement} el - Row element
+ * @returns {boolean} - Returns whether hidden
+ */
+export declare function isHidden(el: HTMLTableRowElement): boolean;

package/dist/ts/treegrid/utils.ts

@@ -0,0 +1,217 @@
+import { getObject, IGrid } from '@syncfusion/ej2-grids';
+import { TreeGrid } from './base/treegrid';
+import { ColumnModel } from './models/column';
+import { DataManager, ODataAdaptor, UrlAdaptor, AdaptorOptions } from '@syncfusion/ej2-data';
+import { WebApiAdaptor, WebMethodAdaptor, CacheAdaptor } from '@syncfusion/ej2-data';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { ITreeData } from './base/interface';
+
+
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Specifies whether remote data binding
+ */
+export function isRemoteData(parent: TreeGrid) : boolean {
+    if (parent['treeGrid'] && parent['treeGrid']['isGantt']) {
+        if (parent['taskFields'].hasChildMapping) {
+            if (parent.dataSource instanceof DataManager) {
+                const adaptor: AdaptorOptions = parent.dataSource.adaptor;
+                return (adaptor instanceof ODataAdaptor ||
+                    (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
+                    (adaptor instanceof CacheAdaptor) || adaptor instanceof UrlAdaptor);
+            }
+            return false;
+        } else {
+            return false;
+        }
+    } else {
+        if (parent.dataSource instanceof DataManager) {
+            const adaptor: AdaptorOptions = parent.dataSource.adaptor;
+            return (adaptor instanceof ODataAdaptor ||
+                (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
+                (adaptor instanceof CacheAdaptor) || adaptor instanceof UrlAdaptor);
+        }
+        return false;
+    }
+}
+
+/**
+ * @param {TreeGrid | IGrid} parent - Tree Grid or Grid instance
+ * @returns {boolean} - Returns whether custom binding
+ */
+export function isCountRequired(parent: TreeGrid | IGrid) : boolean {
+    if (parent.dataSource && 'result' in parent.dataSource) {
+        return true;
+    }
+    return false;
+}
+
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Returns whether checkbox column is enabled
+ */
+export function isCheckboxcolumn(parent: TreeGrid) : boolean {
+    for (let i: number = 0; i < parent.columns.length; i++) {
+        if ((parent.columns[parseInt(i.toString(), 10)] as ColumnModel).showCheckbox) {
+            return true;
+        }
+    }
+    return false;
+}
+
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Returns whether filtering and searching done
+ */
+export function isFilterChildHierarchy(parent: TreeGrid): boolean {
+    if ((!isNullOrUndefined(parent.grid.searchSettings.key) && parent.grid.searchSettings.key !== '' &&
+    (parent.searchSettings.hierarchyMode === 'Child' || parent.searchSettings.hierarchyMode === 'None')) ||
+    (parent.allowFiltering && parent.grid.filterSettings.columns.length &&
+      (parent.filterSettings.hierarchyMode === 'Child' || parent.filterSettings.hierarchyMode === 'None'))) {
+        return true;
+    }
+    return false;
+}
+
+/**
+ * @param {Object} records - Define records for which parent records has to be found
+ * @hidden
+ * @returns {Object} - Returns parent records collection
+ */
+export function findParentRecords(records: Object): Object {
+    const datas: Object[] = [];
+    const recordsLength: number = Object.keys(records).length;
+    for (let i: number = 0, len: number = recordsLength; i < len; i++) {
+        const hasChild: boolean = getObject('hasChildRecords', records[parseInt(i.toString(), 10)]);
+        if (hasChild) {
+            datas.push(records[parseInt(i.toString(), 10)]);
+        }
+    }
+    return datas;
+}
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Returns the expand status of record
+ * @param {ITreeData} record - Define the record for which expand status has be found
+ * @param {ITreeData[]} parents - Parent Data collection
+ * @hidden
+ */
+export function getExpandStatus (parent: TreeGrid, record: ITreeData, parents: ITreeData[]) : boolean {
+    const parentRecord: ITreeData = isNullOrUndefined(record.parentItem) ? null :
+        getParentData(parent, record.parentItem.uniqueID);
+    let childParent: ITreeData;
+    if (parentRecord != null) {
+        if (parent.initialRender && !isNullOrUndefined(parentRecord[parent.expandStateMapping])
+        && !parentRecord[parent.expandStateMapping]) {
+            parentRecord.expanded = false;
+            return false;
+        } else if (parentRecord.expanded === false) {
+            return false;
+        } else if (parentRecord.parentItem) {
+            childParent = getParentData(parent, parentRecord.parentItem.uniqueID);
+            if (childParent && parent.initialRender && !isNullOrUndefined(childParent[parent.expandStateMapping])
+            && !childParent[parent.expandStateMapping]) {
+                childParent.expanded = false;
+                return false;
+            }
+            if (childParent && childParent.expanded === false) {
+                return false;
+            } else if (childParent) {
+                return getExpandStatus(parent, childParent, parents);
+            }
+            return true;
+        } else {
+            return true;
+        }
+    } else {
+        return true;
+    }
+}
+/**
+ * @param {ITreeData} records - Define the record for which child records has to be found
+ * @returns {Object[]} - Returns child records collection
+ * @hidden
+ */
+export function findChildrenRecords(records: ITreeData): Object[] {
+    let datas: Object[] = [];
+    if (isNullOrUndefined(records) || (!records.hasChildRecords && !isNullOrUndefined(records.childRecords)
+     && !records.childRecords.length)) {
+        return [];
+    }
+    if (!isNullOrUndefined(records.childRecords)) {
+        const childRecords: ITreeData[] = records.childRecords.filter((item: ITreeData) => !item.isSummaryRow);
+        const keys: string[] = Object.keys(childRecords);
+        for (let i: number = 0, len: number = keys.length; i < len; i++) {
+            datas.push(childRecords[parseInt(i.toString(), 10)]);
+            if (childRecords[parseInt(i.toString(), 10)].hasChildRecords ||
+             (!isNullOrUndefined(childRecords[parseInt(i.toString(), 10)].childRecords) &&
+         childRecords[parseInt(i.toString(), 10)].childRecords.length)) {
+                datas = [...datas, ...findChildrenRecords(childRecords[parseInt(i.toString(), 10)])];
+            }
+        }
+    }
+    return datas;
+}
+
+/**
+ * @param {TreeGrid} parent - Tree Grid instance
+ * @returns {boolean} - Returns whether local data binding
+ */
+export function isOffline(parent: TreeGrid) : boolean {
+    if (isRemoteData(parent)) {
+        const dm: DataManager = <DataManager>parent.dataSource;
+        return !isNullOrUndefined(dm.ready);
+    }
+    return true;
+}
+
+/**
+ * @param {Object[]} array - Defines the array to be cloned
+ * @returns {Object[]} - Returns cloned array collection
+ */
+export function extendArray(array: Object[]): Object[] {
+    const objArr: Object[] = []; let obj: Object ; let keys: string[];
+    for (let i: number = 0; array && i < array.length; i++) {
+        keys = Object.keys(array[parseInt(i.toString(), 10)]); obj = {};
+        for (let j: number = 0; j < keys.length; j++) {
+            obj[keys[parseInt(j.toString(), 10)]] = array[parseInt(i.toString(), 10)][keys[parseInt(j.toString(), 10)]];
+        }
+        objArr.push(obj);
+    }
+    return objArr;
+}
+
+/**
+ * @param {ITreeData} value - Defined the dirty data to be cleaned
+ * @returns {ITreeData} - Returns cleaned original data
+ */
+export function getPlainData(value: ITreeData): ITreeData {
+    delete value.hasChildRecords; delete value.childRecords; delete value.index; delete value.parentItem;
+    delete value.level; delete value.taskData;  delete value.uniqueID;
+    return value;
+}
+
+/**
+ * @param {TreeGrid} parent - TreeGrid instance
+ * @param {string} value - IdMapping field name
+ * @param {boolean} requireFilter - Specified whether treegrid data is filtered
+ * @returns {ITreeData} - Returns IdMapping matched record
+ */
+export function getParentData(parent: TreeGrid, value: string, requireFilter?: boolean) : ITreeData {
+    if (requireFilter) {
+        const idFilter: string = 'uniqueIDFilterCollection';
+        return parent[`${idFilter}`][`${value}`];
+    } else {
+        const id: string = 'uniqueIDCollection';
+        return parent[`${id}`][`${value}`];
+    }
+}
+
+/**
+ * @param {HTMLTableRowElement} el - Row element
+ * @returns {boolean} - Returns whether hidden
+ */
+export function isHidden(el: HTMLTableRowElement): boolean {
+    const style: CSSStyleDeclaration = window.getComputedStyle(el);
+    return ((style.display === 'none') || (style.visibility === 'hidden'));
+}

package/package.json

@@ -1,19 +1,51 @@
 {
-  "name": "@syncfusion/ej2-treegrid",
-  "version": "30.2.4",
-  "description": "Essential JS 2 TreeGrid Component",
-  "author": "Syncfusion Inc.",
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-treegrid.umd.min.js",
-  "module": "./index.js",
-  "es2015": "./dist/es6/ej2-treegrid.es5.js",
+  "_from": "@syncfusion/ej2-treegrid@*",
+  "_id": "@syncfusion/ej2-treegrid@20.13.0",
+  "_inBundle": false,
+  "_integrity": "sha512-GMC0p8nWtl3jD49ADd/wqepdA9S0FEKGwk/CHVkjZVDJDep+PxgdHZL6xIMS3yrwU38egx9K7HLy5CucnuygGg==",
+  "_location": "/@syncfusion/ej2-treegrid",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-treegrid@*",
+    "name": "@syncfusion/ej2-treegrid",
+    "escapedName": "@syncfusion%2fej2-treegrid",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/",
+    "/@syncfusion/ej2",
+    "/@syncfusion/ej2-angular-treegrid",
+    "/@syncfusion/ej2-gantt",
+    "/@syncfusion/ej2-react-treegrid",
+    "/@syncfusion/ej2-vue-treegrid"
+  ],
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-development/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.13.0.tgz",
+  "_shasum": "7b67b44c412dafac81d7f6f4eefe8f4c5e10e6f7",
+  "_spec": "@syncfusion/ej2-treegrid@*",
+  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-treegrid/issues"
+  },
+  "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.2.4",
-    "@syncfusion/ej2-data": "~30.2.4",
-    "@syncfusion/ej2-grids": "~30.2.4",
-    "@syncfusion/ej2-popups": "~30.2.4"
+    "@syncfusion/ej2-base": "~31.1.17",
+    "@syncfusion/ej2-data": "~31.1.17",
+    "@syncfusion/ej2-grids": "~31.1.17",
+    "@syncfusion/ej2-popups": "~31.1.17"
   },
+  "deprecated": false,
+  "description": "Essential JS 2 TreeGrid Component",
   "devDependencies": {},
+  "es2015": "./dist/es6/ej2-treegrid.es5.js",
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -35,11 +67,15 @@
     "collapsible-table",
     "multi-level-table"
   ],
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-treegrid.umd.min.js",
+  "module": "./index.js",
+  "name": "@syncfusion/ej2-treegrid",
   "repository": {
     "type": "git",
-    "url": "https://github.com/syncfusion/ej2-treegrid.git"
+    "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "sideEffects": false,
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
+  "version": "31.1.17",
+  "sideEffects": false
 }

package/src/treegrid/actions/context-menu.js

@@ -99,7 +99,9 @@ var ContextMenu = /** @class */ (function () {
                     }
                 }
                 tObj.grid.contextMenuModule.contextMenu.hideItems(tObj.grid.contextMenuModule['hiddenItems']);
-                indent.style.display = outdent.style.display = 'none';
+                if (indent || outdent) {
+                    indent.style.display = outdent.style.display = 'none';
+                }
             }
         }
     };

package/src/treegrid/actions/excel-export.d.ts

@@ -53,6 +53,14 @@ export declare class ExcelExport {
      * @returns {void}
      */
     private excelQueryCellInfo;
+    /**
+     * TreeGrid Excel Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    private excelAggregateCellInfo;
     private exportRowDataBound;
     private finalPageSetup;
     private isLocal;

package/src/treegrid/actions/excel-export.js

@@ -39,6 +39,7 @@ var ExcelExport = /** @class */ (function () {
         this.parent.on('updateResults', this.updateExcelResultModel, this);
         this.parent.on('excelCellInfo', this.excelQueryCellInfo, this);
         this.parent.grid.on('export-RowDataBound', this.exportRowDataBound, this);
+        this.parent.on('excelAggregateCellInfo', this.excelAggregateCellInfo, this);
         this.parent.grid.on('finalPageSetup', this.finalPageSetup, this);
     };
     /**
@@ -61,6 +62,7 @@ var ExcelExport = /** @class */ (function () {
         this.parent.off('updateResults', this.updateExcelResultModel);
         this.parent.off('excelCellInfo', this.excelQueryCellInfo);
         this.parent.grid.off('export-RowDataBound', this.exportRowDataBound);
+        this.parent.off('excelAggregateCellInfo', this.excelAggregateCellInfo);
         this.parent.grid.off('finalPageSetup', this.finalPageSetup);
     };
     ExcelExport.prototype.updateExcelResultModel = function (returnResult) {
@@ -188,6 +190,16 @@ var ExcelExport = /** @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('excelQueryCellInfo', args);
     };
+    /**
+     * TreeGrid Excel Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    ExcelExport.prototype.excelAggregateCellInfo = function (args) {
+        this.parent.trigger('excelAggregateQueryCellInfo', args);
+    };
     ExcelExport.prototype.exportRowDataBound = function (excelRow) {
         if (excelRow.type === 'excel') {
             var excelrowobj = excelRow.rowObj.data;

package/src/treegrid/actions/freeze-column.js

@@ -52,7 +52,7 @@ var Freeze = /** @class */ (function () {
         }
         for (var i = 0; i < rows.length; i++) {
             var row = rows[parseInt(i.toString(), 10)];
-            var rData = this.parent.grid.getRowObjectFromUID(row.getAttribute('data-Uid')).data;
+            var rData = this.parent.grid.getRowObjectFromUID(row.getAttribute('data-uid')).data;
             if (!isNullOrUndefined(movableRows) && row.parentElement.firstElementChild.clientHeight > 0) {
                 row.style.height = row.parentElement.firstElementChild.clientHeight + 'px';
             }

package/src/treegrid/actions/pdf-export.d.ts

@@ -52,4 +52,12 @@ export declare class PdfExport {
      * @returns {void}
      */
     private pdfQueryCellInfo;
+    /**
+     * TreeGrid PDF Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    private pdfAggregateCellInfo;
 }

package/src/treegrid/actions/pdf-export.js

@@ -36,6 +36,7 @@ var PdfExport = /** @class */ (function () {
     PdfExport.prototype.addEventListener = function () {
         this.parent.on('pdfCellInfo', this.pdfQueryCellInfo, this);
         this.parent.on('updateResults', this.updatePdfResultModel, this);
+        this.parent.on('pdfAggregateCellInfo', this.pdfAggregateCellInfo, this);
     };
     /**
      * @hidden
@@ -47,6 +48,7 @@ var PdfExport = /** @class */ (function () {
         }
         this.parent.off('pdfCellInfo', this.pdfQueryCellInfo);
         this.parent.off('updateResults', this.updatePdfResultModel);
+        this.parent.off('pdfAggregateCellInfo', this.pdfAggregateCellInfo);
     };
     /**
      * To destroy the PDF Export
@@ -162,6 +164,16 @@ var PdfExport = /** @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('pdfQueryCellInfo', args);
     };
+    /**
+     * TreeGrid PDF Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    PdfExport.prototype.pdfAggregateCellInfo = function (args) {
+        this.parent.trigger('pdfAggregateQueryCellInfo', args);
+    };
     return PdfExport;
 }());
 export { PdfExport };

package/src/treegrid/actions/selection.js

@@ -106,7 +106,7 @@ var Selection = /** @class */ (function () {
         var headerCelllength = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv').length;
         for (var j = 0; j < headerCelllength; j++) {
             var headercell = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv')[parseInt(j.toString(), 10)];
-            if (headercell.getAttribute('e-mappinguid') === mappingUid) {
+            if (headercell.getAttribute('data-mappinguid') === mappingUid) {
                 columnIndex = j;
             }
         }

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

@@ -162,8 +162,8 @@ var VirtualScroll = /** @class */ (function () {
                 if (this.setEndIndexToGantt) {
                     this.ganttEndIndex = counts.endIndex;
                 }
-                if ((counts.endIndex + this.parent.pageSettings.pageSize >= counts.count && (this.parent.root && counts.count - this.ganttEndIndex === this.visualData.length - this.parent.root['previousFlatData'].length))
-                    || !(this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
+                if (((counts.endIndex + this.parent.pageSettings.pageSize >= counts.count) &&
+                    (this.parent.root && counts.count !== this.ganttEndIndex) && this.parent['isAddedFromGantt']) || !(this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
                     startIndex = counts.startIndex + (counts.count - counts.endIndex);
                     endIndex = counts.count;
                     this.setEndIndexToGantt = false;

package/src/treegrid/base/data.js

@@ -329,7 +329,7 @@ var DataManipulation = /** @class */ (function () {
                     var targetEle = rowDetails.rows[parseInt(i.toString(), 10)].getElementsByClassName('e-treegridcollapse')[0];
                     childRecord = this.parent.rowTemplate ?
                         this.parent.grid.getCurrentViewRecords()[rowDetails.rows[parseInt(i.toString(), 10)].rowIndex] :
-                        this.parent.grid.getRowObjectFromUID(rowDetails.rows[parseInt(i.toString(), 10)].getAttribute('data-Uid')).data;
+                        this.parent.grid.getRowObjectFromUID(rowDetails.rows[parseInt(i.toString(), 10)].getAttribute('data-uid')).data;
                     if (!isNullOrUndefined(targetEle) && childRecord.expanded) {
                         addClass([targetEle], 'e-treegridexpand');
                         removeClass([targetEle], 'e-treegridcollapse');

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

@@ -1,4 +1,4 @@
-import { Component, addClass, createElement, EventHandler, isNullOrUndefined, 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, Freeze as FreezeColumn } 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 { 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, ActionEventArgs } 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 { Component, addClass, createElement, EventHandler, isNullOrUndefined, 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, Freeze as FreezeColumn } 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 { 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, AggregateQueryCellInfoEventArgs } 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, ActionEventArgs } 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 { ColumnChooserSettings } from '../models/column-chooser-settings';import { ColumnChooserSettingsModel } from '../models/column-chooser-settings-model';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -220,7 +220,6 @@ export interface TreeGridModel extends ComponentModel{
     currencyCode?: string;
 
     /**
-     * @hidden
      * It used to render pager template
      * @default null
      * @aspType string
@@ -243,6 +242,13 @@ export interface TreeGridModel extends ComponentModel{
      */
     showColumnChooser?: boolean;
 
+    /**
+     * Configures the column chooser in the Grid.
+     *
+     * @default { columnChooserOperator: 'startsWith' }
+     */
+    columnChooserSettings?: ColumnChooserSettingsModel;
+
     /**
      * If `allowSorting` is set to true, it allows sorting of treegrid records when column header is clicked.
      *
@@ -488,6 +494,16 @@ export interface TreeGridModel extends ComponentModel{
      */
     enableStickyHeader?: boolean;
 
+    /**
+     * The empty record template that renders customized element or text or image instead of displaying the empty record message in the TreeGrid.
+     *
+     * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.
+     *
+     * @default null
+     * @aspType string
+     */
+    emptyRecordTemplate?: string | Function;
+
     /**
      * Defines the scrollable height of the TreeGrid content.
      *
@@ -1032,6 +1048,20 @@ export interface TreeGridModel extends ComponentModel{
      */
     excelQueryCellInfo?: EmitType<ExcelQueryCellInfoEventArgs>;
 
+    /**
+     * Triggers before exporting aggregate cell to PDF document. You can also customize the PDF cells.
+     *
+     * @event pdfAggregateQueryCellInfo
+     */
+    pdfAggregateQueryCellInfo?: EmitType<AggregateQueryCellInfoEventArgs>;
+
+    /**
+     * Triggers before exporting aggregate cell to Excel document.
+     *
+     * @event excelAggregateQueryCellInfo
+     */
+    excelAggregateQueryCellInfo?: EmitType<AggregateQueryCellInfoEventArgs>;
+
     /**
      * Triggers before each header cell is exported to an Excel file, allowing customization of cells.
      *