@syncfusion/ej2-treegrid 20.1.55 → 20.1.56-97113

package/src/treegrid/actions/selection.js

@@ -19,6 +19,7 @@ var Selection = /** @class */ (function () {
         this.selectedItems = [];
         this.selectedIndexes = [];
         this.filteredList = [];
+        this.searchingRecords = [];
         this.addEventListener();
     }
     /**
@@ -85,17 +86,17 @@ var Selection = /** @class */ (function () {
     Selection.prototype.getCheckboxcolumnIndex = function () {
         var mappingUid;
         var columnIndex;
-        var stackedHeader = "stackedHeader";
+        var stackedHeader = 'stackedHeader';
         var columnModel = 'columnModel';
-        var columns = this.parent[stackedHeader] ? this.parent[columnModel] : (this.parent.columns);
+        var columns = this.parent["" + stackedHeader] ? this.parent["" + columnModel] : (this.parent.columns);
         for (var col = 0; col < columns.length; col++) {
-            if (columns[col].showCheckbox) {
-                mappingUid = columns[col].uid;
+            if (columns[parseInt(col.toString(), 10)].showCheckbox) {
+                mappingUid = columns[parseInt(col.toString(), 10)].uid;
             }
         }
         var headerCelllength = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv').length;
         for (var j = 0; j < headerCelllength; j++) {
-            var headercell = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv')[j];
+            var headercell = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv')[parseInt(j.toString(), 10)];
             if (headercell.getAttribute('e-mappinguid') === mappingUid) {
                 columnIndex = j;
             }
@@ -127,7 +128,7 @@ var Selection = /** @class */ (function () {
         }
     };
     Selection.prototype.renderColumnCheckbox = function (args) {
-        var rowChkBox = this.parent.createElement('input', { className: 'e-treecheckselect', attrs: { 'type': 'checkbox' } });
+        var rowChkBox = this.parent.createElement('input', { className: 'e-treecheckselect', attrs: { 'type': 'checkbox', 'aria-label': 'checkbox' } });
         var data = args.data;
         args.cell.classList.add('e-treegridcheckbox');
         args.cell.setAttribute('aria-label', 'checkbox');
@@ -166,15 +167,15 @@ var Selection = /** @class */ (function () {
     };
     Selection.prototype.selectCheckboxes = function (rowIndexes) {
         for (var i = 0; i < rowIndexes.length; i++) {
-            var record = this.parent.getCurrentViewRecords()[rowIndexes[i]];
+            var record = this.parent.getCurrentViewRecords()[rowIndexes[parseInt(i.toString(), 10)]];
             var flatRecord = getParentData(this.parent, record.uniqueID);
             record = flatRecord;
             var checkboxState = (record.checkboxState === 'uncheck') ? 'check' : 'uncheck';
             record.checkboxState = checkboxState;
             var keys = Object.keys(record);
             for (var j = 0; j < keys.length; j++) {
-                if (Object.prototype.hasOwnProperty.call(flatRecord, keys[j])) {
-                    flatRecord[keys[j]] = record[keys[j]];
+                if (Object.prototype.hasOwnProperty.call(flatRecord, keys[parseInt(j.toString(), 10)])) {
+                    flatRecord[keys[parseInt(j.toString(), 10)]] = record[keys[parseInt(j.toString(), 10)]];
                 }
             }
             this.traverSelection(record, checkboxState, false);
@@ -197,12 +198,12 @@ var Selection = /** @class */ (function () {
             }
             length = childRecords.length;
             for (var count = 0; count < length; count++) {
-                if (!childRecords[count].isSummaryRow) {
-                    if (childRecords[count].hasChildRecords) {
-                        this.traverSelection(childRecords[count], checkboxState, true);
+                if (!childRecords[parseInt(count.toString(), 10)].isSummaryRow) {
+                    if (childRecords[parseInt(count.toString(), 10)].hasChildRecords) {
+                        this.traverSelection(childRecords[parseInt(count.toString(), 10)], checkboxState, true);
                     }
                     else {
-                        this.updateSelectedItems(childRecords[count], checkboxState);
+                        this.updateSelectedItems(childRecords[parseInt(count.toString(), 10)], checkboxState);
                     }
                 }
             }
@@ -231,7 +232,7 @@ var Selection = /** @class */ (function () {
         var checkChildRecords = 0;
         if (!isNullOrUndefined(record)) {
             for (var i = 0; i < childRecords.length; i++) {
-                var currentRecord = getParentData(this.parent, childRecords[i].uniqueID);
+                var currentRecord = getParentData(this.parent, childRecords[parseInt(i.toString(), 10)].uniqueID);
                 var checkBoxRecord = currentRecord;
                 if (!isNullOrUndefined(checkBoxRecord)) {
                     if (checkBoxRecord.checkboxState === 'indeterminate') {
@@ -245,7 +246,12 @@ var Selection = /** @class */ (function () {
             if (indeter > 0 || (checkChildRecords > 0 && checkChildRecords !== length)) {
                 record.checkboxState = 'indeterminate';
             }
-            else if (checkChildRecords === 0 && indeter === 0) {
+            else if (checkChildRecords === 0 && (!record.hasFilteredChildRecords || isNullOrUndefined(record.hasFilteredChildRecords)) && !isNullOrUndefined(this.parent['dataResults']['actionArgs']) &&
+                (this.parent['dataResults']['actionArgs'].requestType === 'searching' || this.parent['dataResults']['actionArgs'].requestType === 'filtering') && record.checkboxState === 'check') {
+                record.checkboxState = 'check';
+            }
+            else if ((checkChildRecords === 0 && indeter === 0) || (checkChildRecords === 0 && record.hasFilteredChildRecords && !isNullOrUndefined(this.parent['dataResults']['actionArgs']) &&
+                (this.parent['dataResults']['actionArgs'].requestType === 'searching' || this.parent['dataResults']['actionArgs'].requestType === 'filtering') && record.checkboxState === 'check')) {
                 record.checkboxState = 'uncheck';
             }
             else {
@@ -261,42 +267,64 @@ var Selection = /** @class */ (function () {
         var _this = this;
         var index = -1;
         var length = 0;
+        //This property used to maintain the check state of the currentview data after clear filtering
+        var multiFilterCheckState = false;
         if (!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0) {
             var filterResult = this.parent.filterModule.filteredResult;
             if (this.filteredList.length === 0) {
                 this.filteredList = filterResult;
             }
+            if (this.parent.grid.searchSettings.key.length) {
+                this.searchingRecords = filterResult;
+            }
             else {
                 if (this.filteredList !== filterResult) {
                     this.filteredList = filterResult;
+                    multiFilterCheckState = true;
+                }
+                else {
+                    multiFilterCheckState = false;
                 }
             }
         }
         if (this.filteredList.length > 0) {
-            if (!this.parent.filterSettings.columns.length && this.filteredList.length) {
+            if (!this.parent.filterSettings.columns.length && this.filteredList.length && !this.parent.grid.searchSettings.key.length) {
                 this.filteredList = [];
             }
+            if (this.searchingRecords.length && !isNullOrUndefined(checkAll)) {
+                this.filteredList = this.searchingRecords;
+            }
+        }
+        var data;
+        if (!(isNullOrUndefined(this.parent.filterModule)) &&
+            this.parent.filterModule.filteredResult.length === 0 && this.parent.getCurrentViewRecords().length === 0 &&
+            this.parent.filterSettings.columns.length > 0) {
+            data = this.filteredList;
+        }
+        else {
+            data = (!isNullOrUndefined(this.parent.filterModule) &&
+                (this.filteredList.length > 0)) ? this.filteredList : this.parent.flatData;
         }
-        var data = (!isNullOrUndefined(this.parent.filterModule) &&
-            (this.filteredList.length > 0)) ? this.filteredList :
-            this.parent.flatData;
         data = isRemoteData(this.parent) ? this.parent.getCurrentViewRecords() : data;
         if (!isNullOrUndefined(checkAll)) {
             for (var i = 0; i < data.length; i++) {
                 if (checkAll) {
-                    if (data[i].checkboxState === 'check') {
+                    if (data[parseInt(i.toString(), 10)].checkboxState === 'check') {
                         continue;
                     }
-                    data[i].checkboxState = 'check';
-                    this.updateSelectedItems(data[i], data[i].checkboxState);
+                    if (multiFilterCheckState) {
+                        continue;
+                    }
+                    data[parseInt(i.toString(), 10)].checkboxState = 'check';
+                    this.updateSelectedItems(data[parseInt(i.toString(), 10)], data[parseInt(i.toString(), 10)].checkboxState);
                 }
                 else {
-                    index = this.selectedItems.indexOf(data[i]);
+                    index = this.selectedItems.indexOf(data[parseInt(i.toString(), 10)]);
                     if (index > -1) {
-                        data[i].checkboxState = 'uncheck';
-                        this.updateSelectedItems(data[i], data[i].checkboxState);
+                        data[parseInt(i.toString(), 10)].checkboxState = 'uncheck';
+                        this.updateSelectedItems(data[parseInt(i.toString(), 10)], data[parseInt(i.toString(), 10)].checkboxState);
                         if (this.parent.autoCheckHierarchy) {
-                            this.updateParentSelection(data[i]);
+                            this.updateParentSelection(data[parseInt(i.toString(), 10)]);
                         }
                     }
                 }
@@ -333,12 +361,12 @@ var Selection = /** @class */ (function () {
         var checkedRecord;
         var recordIndex = this.parent.getCurrentViewRecords().indexOf(record[0]);
         var checkboxRecord = getParentData(this.parent, currentRecord.uniqueID);
+        var tr = this.parent.getRows()[parseInt(recordIndex.toString(), 10)];
         var checkbox;
         if (recordIndex > -1) {
-            var tr = this.parent.getRows()[recordIndex];
             var movableTr = void 0;
             if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
-                movableTr = this.parent.getMovableDataRows()[recordIndex];
+                movableTr = this.parent.getMovableDataRows()[parseInt(recordIndex.toString(), 10)];
             }
             checkbox = tr.querySelectorAll('.e-frame')[0] ? tr.querySelectorAll('.e-frame')[0]
                 : movableTr.querySelectorAll('.e-frame')[0];
@@ -384,6 +412,9 @@ var Selection = /** @class */ (function () {
         if (recordIndex > -1) {
             if (!isNullOrUndefined(checkbox)) {
                 checkbox.classList.add(checkBoxclass);
+                var chkstate = checkState === 'check' ? 'checked' : checkState === 'uncheck' ? 'unchecked' : 'mixed';
+                tr.querySelector('.e-treecheckselect').setAttribute('aria-checked', checkState === 'check' ? 'true' : checkState === 'uncheck' ? 'false' : 'mixed');
+                tr.querySelector('.e-frame').setAttribute('title', 'checkbox' + chkstate);
             }
         }
     };
@@ -400,8 +431,8 @@ var Selection = /** @class */ (function () {
                     childLength = childData.length;
                     this.selectedIndexes = [];
                     for (var i = 0; i < childLength; i++) {
-                        if (!rows[i].classList.contains('e-summaryrow')) {
-                            this.updateSelectedItems(childData[i], childData[i].checkboxState);
+                        if (!rows[parseInt(i.toString(), 10)].classList.contains('e-summaryrow')) {
+                            this.updateSelectedItems(childData[parseInt(i.toString(), 10)], childData[parseInt(i.toString(), 10)].checkboxState);
                         }
                     }
                 }
@@ -415,13 +446,13 @@ var Selection = /** @class */ (function () {
                     }
                     for (var i = 0; i < updatedData.length; i++) {
                         if (requestType === 'delete') {
-                            var index = this.parent.flatData.indexOf(updatedData[i]);
+                            var index = this.parent.flatData.indexOf(updatedData[parseInt(i.toString(), 10)]);
                             var checkedIndex = this.selectedIndexes.indexOf(index);
                             this.selectedIndexes.splice(checkedIndex, 1);
-                            this.updateSelectedItems(updatedData[i], 'uncheck');
+                            this.updateSelectedItems(updatedData[parseInt(i.toString(), 10)], 'uncheck');
                         }
-                        if (!isNullOrUndefined(updatedData[i].parentItem)) {
-                            this.updateParentSelection(updatedData[i].parentItem);
+                        if (!isNullOrUndefined(updatedData[parseInt(i.toString(), 10)].parentItem)) {
+                            this.updateParentSelection(updatedData[parseInt(i.toString(), 10)].parentItem);
                         }
                     }
                 }
@@ -436,7 +467,7 @@ var Selection = /** @class */ (function () {
                         this.parent.getCurrentViewRecords() : this.parent.flatData;
                     childData.forEach(function (record) {
                         if (_this.parent.enableVirtualization) {
-                            if (record.hasChildRecords) {
+                            if (record.hasChildRecords && record.childRecords.length > 0) {
                                 _this.updateParentSelection(record);
                             }
                             else {
@@ -445,11 +476,12 @@ var Selection = /** @class */ (function () {
                             var child = findChildrenRecords(record);
                             child = _this.getFilteredChildRecords(child);
                             for (var i = 0; i < child.length; i++) {
-                                if (child[i].hasChildRecords) {
-                                    _this.updateParentSelection(child[i]);
+                                if (child[parseInt(i.toString(), 10)].hasChildRecords) {
+                                    _this.updateParentSelection(child[parseInt(i.toString(), 10)]);
                                 }
-                                else if (!(child[i].hasChildRecords) && !isNullOrUndefined(child[i])) {
-                                    _this.updateSelectedItems(child[i], child[i].checkboxState);
+                                else if (!(child[parseInt(i.toString(), 10)].hasChildRecords) &&
+                                    !isNullOrUndefined(child[parseInt(i.toString(), 10)])) {
+                                    _this.updateSelectedItems(child[parseInt(i.toString(), 10)], child[parseInt(i.toString(), 10)].checkboxState);
                                 }
                             }
                         }

package/src/treegrid/actions/sort.js

@@ -55,17 +55,29 @@ var Sort = /** @class */ (function () {
     Sort.prototype.iterateSort = function (data, srtQry) {
         for (var d = 0; d < data.length; d++) {
             if (this.parent.grid.filterSettings.columns.length > 0 || this.parent.grid.searchSettings.key !== '') {
-                if (!isNullOrUndefined(getParentData(this.parent, data[d].uniqueID, true))) {
+                if (!isNullOrUndefined(getParentData(this.parent, data[parseInt(d.toString(), 10)].uniqueID, true))) {
                     this.storedIndex++;
-                    this.flatSortedData[this.storedIndex] = data[d];
+                    this.flatSortedData[this.storedIndex] = data[parseInt(d.toString(), 10)];
                 }
             }
             else {
                 this.storedIndex++;
-                this.flatSortedData[this.storedIndex] = data[d];
+                this.flatSortedData[this.storedIndex] = data[parseInt(d.toString(), 10)];
             }
-            if (data[d].hasChildRecords) {
-                var childSort = (new DataManager(data[d].childRecords).executeLocal(srtQry));
+            if (data[parseInt(d.toString(), 10)].hasChildRecords) {
+                var childSort = (new DataManager(data[parseInt(d.toString(), 10)].childRecords)
+                    .executeLocal(srtQry));
+                if (this.parent.allowRowDragAndDrop && data[parseInt(d.toString(), 10)].childRecords.indexOf(this.parent.rowDragAndDropModule['draggedRecord']) !== -1 && this.parent.rowDragAndDropModule['dropPosition'] !== 'middleSegment') {
+                    var dragdIndex = childSort.indexOf(this.parent.rowDragAndDropModule['draggedRecord']);
+                    childSort.splice(dragdIndex, 1);
+                    var dropdIndex = childSort.indexOf(this.parent.rowDragAndDropModule['droppedRecord']);
+                    if (this.parent.rowDragAndDropModule['dropPosition'] === 'topSegment') {
+                        childSort.splice(dropdIndex, 0, this.parent.rowDragAndDropModule['draggedRecord']);
+                    }
+                    else if (this.parent.rowDragAndDropModule['dropPosition'] === 'bottomSegment') {
+                        childSort.splice(dropdIndex + 1, 0, this.parent.rowDragAndDropModule['draggedRecord']);
+                    }
+                }
                 this.iterateSort(childSort, srtQry);
             }
         }

package/src/treegrid/actions/summary.js

@@ -48,9 +48,9 @@ var Aggregate = /** @class */ (function () {
         var parentDataLength = Object.keys(filteredData).length;
         var parentData = [];
         for (var p = 0, len = parentDataLength; p < len; p++) {
-            var summaryRow = getObject('isSummaryRow', filteredData[p]);
+            var summaryRow = getObject('isSummaryRow', filteredData[parseInt(p.toString(), 10)]);
             if (!summaryRow) {
-                parentData.push(filteredData[p]);
+                parentData.push(filteredData[parseInt(p.toString(), 10)]);
             }
         }
         var parentRecords = findParentRecords(parentData);
@@ -61,16 +61,16 @@ var Aggregate = /** @class */ (function () {
         var columns = this.parent.getColumns();
         if (this.parent.aggregates.filter(function (x) { return x.showChildSummary; }).length) {
             for (var i = 0, len = dataLength; i < len; i++) {
-                parentRecord = parentRecords[i];
+                parentRecord = parentRecords[parseInt(i.toString(), 10)];
                 childRecordsLength = this.getChildRecordsLength(parentRecord, flatRecords);
                 if (childRecordsLength) {
                     var _loop_1 = function (summaryRowIndex, len_1) {
                         var item = void 0;
                         item = {};
                         for (var i_1 = 0; i_1 < columns.length; i_1++) {
-                            var field = (isNullOrUndefined(getObject('field', columns[i_1]))) ?
-                                columns[i_1] : getObject('field', (columns[i_1]));
-                            item[field] = null;
+                            var field = (isNullOrUndefined(getObject('field', columns[parseInt(i_1.toString(), 10)]))) ?
+                                columns[parseInt(i_1.toString(), 10)] : getObject('field', (columns[parseInt(i_1.toString(), 10)]));
+                            item["" + field] = null;
                         }
                         item = this_1.createSummaryItem(item, this_1.parent.aggregates[summaryRowIndex - 1]);
                         if (this_1.parent.aggregates[summaryRowIndex - 1].showChildSummary) {
@@ -113,9 +113,9 @@ var Aggregate = /** @class */ (function () {
         else {
             var items = {};
             for (var columnIndex = 0, length_1 = columns.length; columnIndex < length_1; columnIndex++) {
-                var fields = isNullOrUndefined(getObject('field', columns[columnIndex])) ?
-                    columns[columnIndex] : getObject('field', columns[columnIndex]);
-                items[fields] = null;
+                var fields = isNullOrUndefined(getObject('field', columns[parseInt(columnIndex.toString(), 10)])) ?
+                    columns[parseInt(columnIndex.toString(), 10)] : getObject('field', columns[parseInt(columnIndex.toString(), 10)]);
+                items["" + fields] = null;
             }
             for (var summaryRowIndex = 1, length_2 = summaryLength; summaryRowIndex <= length_2; summaryRowIndex++) {
                 this.createSummaryItem(items, this.parent.aggregates[summaryRowIndex - 1]);
@@ -127,7 +127,7 @@ var Aggregate = /** @class */ (function () {
         var recordLength = Object.keys(flatData).length;
         var record;
         for (var i = 0, len = recordLength; i < len; i++) {
-            record = flatData[i];
+            record = flatData[parseInt(i.toString(), 10)];
             var parent_1 = isNullOrUndefined(record.parentItem) ? null :
                 flatData.filter(function (e) { return e.uniqueID === record.parentItem.uniqueID; })[0];
             if (parentData === parent_1) {
@@ -146,19 +146,19 @@ var Aggregate = /** @class */ (function () {
     Aggregate.prototype.createSummaryItem = function (itemData, summary) {
         var summaryColumnLength = Object.keys(summary.columns).length;
         for (var i = 0, len = summaryColumnLength; i < len; i++) {
-            var displayColumn = isNullOrUndefined(summary.columns[i].columnName) ? summary.columns[i].field :
-                summary.columns[i].columnName;
+            var displayColumn = isNullOrUndefined(summary.columns[parseInt(i.toString(), 10)].columnName) ?
+                summary.columns[parseInt(i.toString(), 10)].field : summary.columns[parseInt(i.toString(), 10)].columnName;
             var keys = Object.keys(itemData);
             for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
                 var key = keys_1[_i];
                 if (key === displayColumn) {
                     if (this.flatChildRecords.length) {
-                        itemData[key] = this.getSummaryValues(summary.columns[i], this.flatChildRecords);
+                        itemData["" + key] = this.getSummaryValues(summary.columns[parseInt(i.toString(), 10)], this.flatChildRecords);
                     }
                     else if (this.parent.isLocalData) {
                         var data = this.parent.dataSource instanceof DataManager ? this.parent.dataSource.dataSource.json
                             : this.parent.flatData;
-                        itemData[key] = this.getSummaryValues(summary.columns[i], data);
+                        itemData["" + key] = this.getSummaryValues(summary.columns[parseInt(i.toString(), 10)], data);
                     }
                 }
                 else {
@@ -186,15 +186,15 @@ var Aggregate = /** @class */ (function () {
         var summaryKey;
         types = [summaryColumn.type];
         for (var i = 0; i < types.length; i++) {
-            summaryKey = types[i];
-            var key = summaryColumn.field + ' - ' + types[i].toLowerCase();
-            var val = types[i] !== 'Custom' ? getObject('aggregates', sumData) :
-                calculateAggregate(types[i], sumData, summaryColumn, this.parent);
+            summaryKey = types[parseInt(i.toString(), 10)];
+            var key = summaryColumn.field + ' - ' + types[parseInt(i.toString(), 10)].toLowerCase();
+            var val = types[parseInt(i.toString(), 10)] !== 'Custom' ? getObject('aggregates', sumData) :
+                calculateAggregate(types[parseInt(i.toString(), 10)], sumData, summaryColumn, this.parent);
             var disp = summaryColumn.columnName;
-            var value_1 = types[i] !== 'Custom' ? val[key] : val;
-            single[disp] = single[disp] || {};
-            single[disp][key] = value_1;
-            single[disp][types[i]] = !isNullOrUndefined(val) ? formatFn(value_1) : ' ';
+            var value_1 = types[parseInt(i.toString(), 10)] !== 'Custom' ? val["" + key] : val;
+            single["" + disp] = single["" + disp] || {};
+            single["" + disp]["" + key] = value_1;
+            single["" + disp][types[parseInt(i.toString(), 10)]] = !isNullOrUndefined(val) ? formatFn(value_1) : ' ';
         }
         helper.format = summaryColumn.getFormatter();
         var cellElement = createElement('td', {
@@ -203,12 +203,12 @@ var Aggregate = /** @class */ (function () {
         if (this.parent.isReact) {
             var renderReactTemplates = 'renderReactTemplates';
             tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property, '', null, null, cellElement);
-            this.parent[renderReactTemplates]();
+            this.parent["" + renderReactTemplates]();
         }
         else {
             appendChildren(cellElement, tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property));
         }
-        var value = single[summaryColumn.columnName][summaryKey];
+        var value = single["" + summaryColumn.columnName]["" + summaryKey];
         var summaryValue;
         if (cellElement.innerHTML.indexOf(value) === -1) {
             summaryValue = cellElement.innerHTML + value;

package/src/treegrid/actions/toolbar.js

@@ -43,53 +43,55 @@ var Toolbar = /** @class */ (function () {
         this.parent.off(events.toolbarClick, this.toolbarClickHandler);
     };
     Toolbar.prototype.refreshToolbar = function (args) {
-        var tObj = this.parent;
-        var indentElement;
-        var outdentElement;
-        var indentID = tObj.element.id + '_gridcontrol_indent';
-        var outdentID = tObj.element.id + '_gridcontrol_outdent';
         var toolbarElement = this.parent.grid.toolbarModule.getToolbar();
-        var indentEle = toolbarElement.querySelector('#' + indentID);
-        var outdentEle = toolbarElement.querySelector('#' + outdentID);
-        var row = args.row;
-        var selectedrow = tObj.getSelectedRows()[0];
-        if (!isNullOrUndefined(row[0])) {
-            row = row[0];
-        }
-        row = (!isNullOrUndefined(selectedrow) && selectedrow.rowIndex !== row.rowIndex) ? selectedrow : row;
-        if (indentEle !== null && outdentEle !== null) {
-            indentElement = toolbarElement.querySelector('#' + indentID).parentElement;
-            outdentElement = toolbarElement.querySelector('#' + outdentID).parentElement;
-            if (row.rowIndex === 0 || tObj.getSelectedRowIndexes().length > 1) {
-                indentElement.classList.add('e-hidden');
-                outdentElement.classList.add('e-hidden');
+        if (!isNullOrUndefined(toolbarElement)) {
+            var tObj = this.parent;
+            var indentElement = void 0;
+            var outdentElement = void 0;
+            var indentID = tObj.element.id + '_gridcontrol_indent';
+            var outdentID = tObj.element.id + '_gridcontrol_outdent';
+            var indentEle = toolbarElement.querySelector('#' + indentID);
+            var outdentEle = toolbarElement.querySelector('#' + outdentID);
+            var row = args.row;
+            var selectedrow = tObj.getSelectedRows()[0];
+            if (!isNullOrUndefined(row[0])) {
+                row = row[0];
             }
-            else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
-                var selectedItem = tObj.getCurrentViewRecords()[row.rowIndex];
-                if (!isNullOrUndefined(selectedItem)) {
-                    if ((selectedItem.level > tObj.getCurrentViewRecords()[row.rowIndex - 1].level)) {
-                        indentElement.classList.add('e-hidden');
-                    }
-                    else {
-                        indentElement.classList.remove('e-hidden');
+            row = (!isNullOrUndefined(selectedrow) && selectedrow.rowIndex !== row.rowIndex) ? selectedrow : row;
+            if (indentEle !== null && outdentEle !== null) {
+                indentElement = toolbarElement.querySelector('#' + indentID).parentElement;
+                outdentElement = toolbarElement.querySelector('#' + outdentID).parentElement;
+                if (row.rowIndex === 0 || tObj.getSelectedRowIndexes().length > 1) {
+                    indentElement.classList.add('e-hidden');
+                    outdentElement.classList.add('e-hidden');
+                }
+                else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
+                    var selectedItem = tObj.getCurrentViewRecords()[row.rowIndex];
+                    if (!isNullOrUndefined(selectedItem)) {
+                        if ((selectedItem.level > tObj.getCurrentViewRecords()[row.rowIndex - 1].level)) {
+                            indentElement.classList.add('e-hidden');
+                        }
+                        else {
+                            indentElement.classList.remove('e-hidden');
+                        }
+                        if (selectedItem.level === tObj.getCurrentViewRecords()[row.rowIndex - 1].level) {
+                            indentElement.classList.remove('e-hidden');
+                        }
+                        if (selectedItem.level === 0) {
+                            outdentElement.classList.add('e-hidden');
+                        }
+                        if (selectedItem.level !== 0) {
+                            outdentElement.classList.remove('e-hidden');
+                        }
                     }
-                    if (selectedItem.level === tObj.getCurrentViewRecords()[row.rowIndex - 1].level) {
-                        indentElement.classList.remove('e-hidden');
+                }
+                if (args['name'] === 'rowDeselected' && isNullOrUndefined(selectedrow) && !tObj.grid.isCheckBoxSelection) {
+                    if (this.parent.toolbar['includes']('Indent')) {
+                        indentElement.classList.add('e-hidden');
                     }
-                    if (selectedItem.level === 0) {
+                    if (this.parent.toolbar['includes']('Outdent')) {
                         outdentElement.classList.add('e-hidden');
                     }
-                    if (selectedItem.level !== 0) {
-                        outdentElement.classList.remove('e-hidden');
-                    }
-                }
-            }
-            if (args['name'] === 'rowDeselected' && isNullOrUndefined(selectedrow) && !tObj.grid.isCheckBoxSelection) {
-                if (this.parent.toolbar['includes']('Indent')) {
-                    indentElement.classList.add('e-hidden');
-                }
-                if (this.parent.toolbar['includes']('Outdent')) {
-                    outdentElement.classList.add('e-hidden');
                 }
             }
         }
@@ -110,11 +112,11 @@ var Toolbar = /** @class */ (function () {
         }
         if (args.item.id === tObj.grid.element.id + '_indent' && tObj.getSelectedRecords().length
             && !isNullOrUndefined(tObj.rowDragAndDropModule)) {
-            this.parent.rowDragAndDropModule[indentOutdentAction](null, 'indent');
+            this.parent.rowDragAndDropModule["" + indentOutdentAction](null, 'indent');
         }
         if (args.item.id === tObj.grid.element.id + '_outdent' && tObj.getSelectedRecords().length
             && !isNullOrUndefined(tObj.rowDragAndDropModule)) {
-            this.parent.rowDragAndDropModule[indentOutdentAction](null, 'outdent');
+            this.parent.rowDragAndDropModule["" + indentOutdentAction](null, 'outdent');
         }
     };
     /**

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

@@ -157,6 +157,7 @@ var VirtualScroll = /** @class */ (function () {
                 }
             }
             this.expandCollapseRec = null;
+            startIndex = startIndex < 0 ? 0 : startIndex;
             pageingDetails.result = visualData.slice(startIndex, endIndex);
             this.prevstartIndex = startIndex;
             this.prevendIndex = endIndex;
@@ -190,12 +191,14 @@ var TreeVirtual = /** @class */ (function (_super) {
         var parentGrid = getValue('parent', this);
         getValue('parent', this).log(['limitation', 'virtual_height'], 'virtualization');
         var renderer = getValue('locator', this).getService('rendererFactory');
-        if (parentGrid.enableColumnVirtualization) {
+        if (!parentGrid.isFrozenGrid()) {
+            if (parentGrid.enableColumnVirtualization) {
+                getValue('addRenderer', renderer)
+                    .apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
+            }
             getValue('addRenderer', renderer)
-                .apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
+                .apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
         }
-        getValue('addRenderer', renderer)
-            .apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
         //renderer.addRenderer(RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this)));
         this.ensurePageSize();
     };

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

@@ -128,3 +128,33 @@ export declare const rowdraging: string;
 export declare const rowDropped: string;
 /** @hidden */
 export declare const autoCol: string;
+/** @hidden */
+export declare const rowDeselecting: string;
+/** @hidden */
+export declare const headerContent: string;
+/** @hidden */
+export declare const movableContent: string;
+/** @hidden */
+export declare const movableHeader: string;
+/** @hidden */
+export declare const frozenContent: string;
+/** @hidden */
+export declare const frozenHeader: string;
+/** @hidden */
+export declare const content: string;
+/** @hidden */
+export declare const table: string;
+/** @hidden */
+export declare const leftRight: string;
+/** @hidden */
+export declare const frozenRight: string;
+/** @hidden */
+export declare const frozenLeft: string;
+/** @hidden */
+export declare const dataColIndex: string;
+/** @hidden */
+export declare const ariaColIndex: string;
+/** @hidden */
+export declare const dataRowIndex: string;
+/** @hidden */
+export declare const ariaRowIndex: string;

package/src/treegrid/base/constant.js

@@ -128,3 +128,33 @@ export var rowdraging = 'row-draging';
 export var rowDropped = 'row-dropped';
 /** @hidden */
 export var autoCol = 'auto-col';
+/** @hidden */
+export var rowDeselecting = 'rowDeselecting';
+/** @hidden */
+export var headerContent = 'e-headercontent';
+/** @hidden */
+export var movableContent = 'e-movablecontent';
+/** @hidden */
+export var movableHeader = 'e-movableheader';
+/** @hidden */
+export var frozenContent = 'e-frozencontent';
+/** @hidden */
+export var frozenHeader = 'e-frozenheader';
+/** @hidden */
+export var content = 'e-content';
+/** @hidden */
+export var table = 'e-table';
+/** @hidden */
+export var leftRight = 'Left-Right';
+/** @hidden */
+export var frozenRight = 'frozen-right';
+/** @hidden */
+export var frozenLeft = 'frozen-left';
+/** @hidden */
+export var dataColIndex = 'data-colindex';
+/** @hidden */
+export var ariaColIndex = 'aria-colindex';
+/** @hidden */
+export var dataRowIndex = 'data-rowindex';
+/** @hidden */
+export var ariaRowIndex = 'aria-rowindex';

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

@@ -18,6 +18,7 @@ export declare class DataManipulation {
     private hierarchyData;
     private isSelfReference;
     private isSortAction;
+    private infiniteScrollData;
     constructor(grid: TreeGrid);
     /**
      * @hidden