@syncfusion/ej2-treegrid 20.1.60 → 20.2.36

package/dist/es6/ej2-treegrid.es5.js

@@ -1350,105 +1350,6 @@ var Selection = /** @__PURE__ @class */ (function () {
     return Selection;
 }());
 
-/**
- * TreeGrid Freeze module
- *
- * @hidden
- */
-var Freeze$1 = /** @__PURE__ @class */ (function () {
-    /**
-     * Constructor for render module
-     *
-     * @param {TreeGrid} parent - Tree Grid instance
-     */
-    function Freeze$$1(parent) {
-        Grid.Inject(Freeze);
-        this.parent = parent;
-        this.addEventListener();
-    }
-    Freeze$$1.prototype.addEventListener = function () {
-        this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
-        this.parent.on('dataBoundArg', this.dataBoundArg, this);
-        this.parent.grid.on('dblclick', this.dblClickHandler, this);
-    };
-    Freeze$$1.prototype.removeEventListener = function () {
-        if (this.parent.isDestroyed) {
-            return;
-        }
-        this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
-        this.parent.off('dataBoundArg', this.dataBoundArg);
-        this.parent.grid.off('dblclick', this.dblClickHandler);
-    };
-    Freeze$$1.prototype.rowExpandCollapse = function (args) {
-        var movableRows = this.parent.getMovableDataRows();
-        var frozenrows = this.parent.getRows();
-        var rows;
-        var frozenRightRows;
-        var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (freeze) {
-            frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
-                return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
-            });
-        }
-        if (!args.detailrows.length) {
-            rows = movableRows.filter(function (e) {
-                return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
-            });
-        }
-        else {
-            rows = args.detailrows;
-        }
-        for (var i = 0; i < rows.length; i++) {
-            var rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
-            rows[i].style.display = args.action;
-            if (freeze) {
-                frozenRightRows[i].style.display = args.action;
-            }
-            var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
-                : '.e-treecolumn-container .e-treegridexpand';
-            if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
-                var cRow = [];
-                for (var i_1 = 0; i_1 < movableRows.length; i_1++) {
-                    if (movableRows[i_1].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
-                        cRow.push(movableRows[i_1]);
-                    }
-                }
-                if (cRow.length) {
-                    this.rowExpandCollapse({ detailrows: cRow, action: args.action });
-                }
-            }
-        }
-    };
-    Freeze$$1.prototype.dblClickHandler = function (e) {
-        if (parentsUntil(e.target, 'e-rowcell') &&
-            this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell') {
-            this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
-        }
-    };
-    Freeze$$1.prototype.dataBoundArg = function () {
-        var checkboxColumn = this.parent.getColumns().filter(function (e) {
-            return e.showCheckbox;
-        });
-        if (checkboxColumn.length && this.parent.freezeModule && this.parent.initialRender) {
-            addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
-        }
-    };
-    Freeze$$1.prototype.destroy = function () {
-        this.removeEventListener();
-    };
-    /**
-     * For internal use only - Get the module name.
-     *
-     * @private
-     * @returns {string} Returns Freeze module name
-     */
-    Freeze$$1.prototype.getModuleName = function () {
-        return 'freeze';
-    };
-    return Freeze$$1;
-}());
-
 /**
  * TreeGrid Print module
  *
@@ -2446,6 +2347,18 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                 srtQry.sortBy(this.parent.grid.sortSettings.columns[srt].field, compFun);
             }
             var modifiedData = new DataManager(parentData).executeLocal(srtQry);
+            if (this.parent.allowRowDragAndDrop && !isNullOrUndefined(this.parent.rowDragAndDropModule['draggedRecord']) &&
+                this.parent.rowDragAndDropModule['droppedRecord'].hasChildRecords && this.parent.rowDragAndDropModule['dropPosition'] !== 'middleSegment') {
+                var dragdIndex = modifiedData.indexOf(this.parent.rowDragAndDropModule['draggedRecord']);
+                modifiedData.splice(dragdIndex, 1);
+                var dropdIndex = modifiedData.indexOf(this.parent.rowDragAndDropModule['droppedRecord']);
+                if (this.parent.rowDragAndDropModule['droppedRecord'].hasChildRecords && this.parent.rowDragAndDropModule['dropPosition'] === 'topSegment') {
+                    modifiedData.splice(dropdIndex, 0, this.parent.rowDragAndDropModule['draggedRecord']);
+                }
+                else if (this.parent.rowDragAndDropModule['dropPosition'] === 'bottomSegment') {
+                    modifiedData.splice(dropdIndex + 1, 0, this.parent.rowDragAndDropModule['draggedRecord']);
+                }
+            }
             var sortArgs = { modifiedData: modifiedData, filteredData: results, srtQry: srtQry };
             this.parent.notify('createSort', sortArgs);
             results = sortArgs.modifiedData;
@@ -3662,7 +3575,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.requiredModules = function () {
         var modules = [];
         var splitFrozenCount = 'splitFrozenCount';
-        this.freezeModule = new Freeze$1(this);
         this.grid[splitFrozenCount](this.getGridColumns(this.columns));
         if (this.isDestroyed) {
             return modules;
@@ -3713,8 +3625,11 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 member: 'ExcelExport', args: [this]
             });
         }
+        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() || this.freezeModule) {
+            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount() || freezePresent.length) {
             modules.push({
                 member: 'freeze', args: [this]
             });
@@ -7376,7 +7291,8 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             this.parent[dropPosition] = this.dropPosition;
             var data = [];
             for (var i = 0; i < fromIndexes.length; i++) {
-                data[i] = this.parent.getCurrentViewRecords()[fromIndexes[i]];
+                var index = this.parent.getRowByIndex(fromIndexes[i]).rowIndex;
+                data[i] = this.parent.getCurrentViewRecords()[index];
             }
             var isByMethod = true;
             var args = {
@@ -7480,6 +7396,9 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
                 else {
                     dropIndex = this.selectedRow.rowIndex - 1;
                 }
+                if (this.parent.enableVirtualization && this.parent.allowRowDragAndDrop && this.selectedRecord) {
+                    dropIndex = parseInt(this.selectedRow.getAttribute('aria-rowindex'), 10) - 1;
+                }
                 tObj[action] = 'indenting';
                 tObj[droppedIndex] = dropIndex;
                 this.eventTrigger('indenting', dropIndex);
@@ -7496,6 +7415,9 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
                         dropIndex = i;
                     }
                 }
+                if (this.parent.enableVirtualization && this.parent.allowRowDragAndDrop && this.selectedRecord) {
+                    dropIndex = parseInt(this.parent.getRows()[dropIndex].getAttribute('aria-rowindex'), 10);
+                }
                 tObj[action] = 'outdenting';
                 tObj[droppedIndex] = dropIndex;
                 this.eventTrigger('outdenting', dropIndex);
@@ -7513,10 +7435,20 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         this.parent.trigger(actionBegin, actionArgs, function (actionArgs) {
             if (!actionArgs.cancel) {
                 if (actionArgs.action === 'indenting') {
-                    _this.reorderRows([_this.selectedRow.rowIndex], dropIndex, 'child');
+                    if (_this.parent.enableVirtualization && _this.parent.allowRowDragAndDrop) {
+                        _this.reorderRows([parseInt(_this.selectedRow.getAttribute('aria-rowindex'), 10)], dropIndex, 'child');
+                    }
+                    else {
+                        _this.reorderRows([_this.selectedRow.rowIndex], dropIndex, 'child');
+                    }
                 }
                 else if (actionArgs.action === 'outdenting') {
-                    _this.reorderRows([_this.selectedRow.rowIndex], dropIndex, 'below');
+                    if (_this.parent.enableVirtualization && _this.parent.allowRowDragAndDrop) {
+                        _this.reorderRows([parseInt(_this.selectedRow.getAttribute('aria-rowindex'), 10)], dropIndex, 'below');
+                    }
+                    else {
+                        _this.reorderRows([_this.selectedRow.rowIndex], dropIndex, 'below');
+                    }
                 }
             }
         });
@@ -7711,9 +7643,17 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
     RowDD$$1.prototype.removeLastrowBorder = function (element) {
         var isEmptyRow = element && (element.classList.contains('e-emptyrow') || element.classList.contains('e-columnheader')
             || element.classList.contains('e-detailrow'));
-        var islastRowIndex = element && !isEmptyRow &&
-            this.parent.getRowByIndex(this.parent.getCurrentViewRecords().length - 1).getAttribute('data-uid') !==
-                element.getAttribute('data-uid');
+        var islastRowIndex;
+        if (this.parent.enableVirtualization) {
+            islastRowIndex = element && !isEmptyRow &&
+                this.parent.getRows()[this.parent.getCurrentViewRecords().length - 1].getAttribute('data-uid') !==
+                    element.getAttribute('data-uid');
+        }
+        else {
+            islastRowIndex = element && !isEmptyRow &&
+                this.parent.getRowByIndex(this.parent.getCurrentViewRecords().length - 1).getAttribute('data-uid') !==
+                    element.getAttribute('data-uid');
+        }
         var canremove = islastRowIndex || this.dropPosition === 'topSegment';
         if (this.parent.element.getElementsByClassName('e-lastrow-border').length > 0 && element && (islastRowIndex || canremove)) {
             this.parent.element.getElementsByClassName('e-lastrow-border')[0].remove();
@@ -7747,7 +7687,12 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             rowPositionHeight = rowEle.offsetTop - scrollTop;
         }
         // let scrollTop = (tObj.grid.scrollModule as any).content.scrollTop;
-        rowTop = rowPositionHeight + contentHeight + roundOff;
+        if (this.parent.enableVirtualization) {
+            rowTop = rowEle.getBoundingClientRect().top;
+        }
+        else {
+            rowTop = rowPositionHeight + contentHeight + roundOff;
+        }
         var rowBottom = rowTop + row[0].offsetHeight;
         var difference = rowBottom - rowTop;
         var divide = difference / 3;
@@ -7827,7 +7772,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
     RowDD$$1.prototype.addLastRowborder = function (trElement) {
         var isEmptyRow = trElement && (trElement.classList.contains('e-emptyrow') ||
             trElement.classList.contains('e-columnheader') || trElement.classList.contains('e-detailrow'));
-        if (trElement && !isEmptyRow && this.parent.getRowByIndex(this.parent.getCurrentViewRecords().length - 1).getAttribute('data-uid') ===
+        if (trElement && !isEmptyRow && this.parent.getRows()[this.parent.getCurrentViewRecords().length - 1].getAttribute('data-uid') ===
             trElement.getAttribute('data-uid')) {
             var bottomborder = this.parent.createElement('div', { className: 'e-lastrow-border' });
             var gridcontentEle = this.parent.getContent();
@@ -8169,7 +8114,13 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             }
             else {
                 args.dropIndex = args.dropIndex === args.fromIndex ? this.getTargetIdx(args.target.parentElement) : args.dropIndex;
-                this.droppedRecord = tObj.getCurrentViewRecords()[args.dropIndex];
+                if (this.parent.enableVirtualization) {
+                    var index = this.parent.getRowByIndex(args.dropIndex).rowIndex;
+                    this.droppedRecord = tObj.getCurrentViewRecords()[index];
+                }
+                else {
+                    this.droppedRecord = tObj.getCurrentViewRecords()[args.dropIndex];
+                }
             }
             var dragRecords = [];
             droppedRecord = this.droppedRecord;
@@ -8246,6 +8197,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
                             childRecords.splice(droppedRecordIndex, 0, draggedRecord_2);
                             draggedRecord_2.parentItem = droppedRecord.parentItem;
                             draggedRecord_2.parentUniqueID = droppedRecord.parentUniqueID;
+                            draggedRecord_2.level = droppedRecord.level;
                             if (this_1.parent.parentIdMapping) {
                                 draggedRecord_2[this_1.parent.parentIdMapping] = droppedRecord[this_1.parent.parentIdMapping];
                                 draggedRecord_2.parentItem = droppedRecord.parentItem;
@@ -10019,6 +9971,17 @@ var Sort$1 = /** @__PURE__ @class */ (function () {
             }
             if (data[d].hasChildRecords) {
                 var childSort = (new DataManager(data[d].childRecords).executeLocal(srtQry));
+                if (this.parent.allowRowDragAndDrop && data[d].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);
             }
         }
@@ -10838,7 +10801,12 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
     BatchEdit.prototype.nextCellIndex = function (args) {
         var index = 'index';
         var rowIndex = 'rowIndex';
-        args[index] = this.parent.getSelectedRows()[0][rowIndex];
+        if (this.parent.getSelectedRows().length) {
+            args[index] = this.parent.getSelectedRows()[0][rowIndex];
+        }
+        else {
+            args[index] = this.batchIndex;
+        }
     };
     return BatchEdit;
 }());
@@ -12358,7 +12326,12 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 firsttdinx = +attr; // this.parent.getContent().querySelector('.e-content tr').getAttribute('aria-rowindex');
             }
             if (firsttdinx === 0) {
-                this.translateY = scrollArgs.offset.top;
+                if (this.parent.allowRowDragAndDrop) {
+                    this.translateY = scrollArgs.offset.top - this.parent.getRowHeight() * 2;
+                }
+                else {
+                    this.translateY = scrollArgs.offset.top;
+                }
             }
             else {
                 var height = this.parent.getRowHeight();
@@ -12384,7 +12357,12 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 this.translateY = this.getTranslateY(scrollArgs.offset.top, content.getBoundingClientRect().height);
             }
             else {
-                this.translateY = scrollArgs.offset.top;
+                if (this.parent.allowRowDragAndDrop) {
+                    this.translateY = scrollArgs.offset.top - this.parent.getRowHeight() * 2;
+                }
+                else {
+                    this.translateY = scrollArgs.offset.top;
+                }
             }
         }
         if (((downScroll && (scrollArgs.offset.top < (this.parent.getRowHeight() * this.totalRecords)))
@@ -12769,6 +12747,105 @@ var TreeVirtual = /** @__PURE__ @class */ (function (_super) {
     return TreeVirtual;
 }(VirtualScroll));
 
+/**
+ * TreeGrid Freeze module
+ *
+ * @hidden
+ */
+var Freeze$1 = /** @__PURE__ @class */ (function () {
+    /**
+     * Constructor for render module
+     *
+     * @param {TreeGrid} parent - Tree Grid instance
+     */
+    function Freeze$$1(parent) {
+        Grid.Inject(Freeze);
+        this.parent = parent;
+        this.addEventListener();
+    }
+    Freeze$$1.prototype.addEventListener = function () {
+        this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
+        this.parent.on('dataBoundArg', this.dataBoundArg, this);
+        this.parent.grid.on('dblclick', this.dblClickHandler, this);
+    };
+    Freeze$$1.prototype.removeEventListener = function () {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
+        this.parent.off('dataBoundArg', this.dataBoundArg);
+        this.parent.grid.off('dblclick', this.dblClickHandler);
+    };
+    Freeze$$1.prototype.rowExpandCollapse = function (args) {
+        var movableRows = this.parent.getMovableDataRows();
+        var frozenrows = this.parent.getRows();
+        var rows;
+        var frozenRightRows;
+        var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
+            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
+        if (freeze) {
+            frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
+                return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
+            });
+        }
+        if (!args.detailrows.length) {
+            rows = movableRows.filter(function (e) {
+                return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
+            });
+        }
+        else {
+            rows = args.detailrows;
+        }
+        for (var i = 0; i < rows.length; i++) {
+            var rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
+            rows[i].style.display = args.action;
+            if (freeze) {
+                frozenRightRows[i].style.display = args.action;
+            }
+            var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
+                : '.e-treecolumn-container .e-treegridexpand';
+            if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
+                var cRow = [];
+                for (var i_1 = 0; i_1 < movableRows.length; i_1++) {
+                    if (movableRows[i_1].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
+                        cRow.push(movableRows[i_1]);
+                    }
+                }
+                if (cRow.length) {
+                    this.rowExpandCollapse({ detailrows: cRow, action: args.action });
+                }
+            }
+        }
+    };
+    Freeze$$1.prototype.dblClickHandler = function (e) {
+        if (parentsUntil(e.target, 'e-rowcell') &&
+            this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell') {
+            this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
+        }
+    };
+    Freeze$$1.prototype.dataBoundArg = function () {
+        var checkboxColumn = this.parent.getColumns().filter(function (e) {
+            return e.showCheckbox;
+        });
+        if (checkboxColumn.length && this.parent.freezeModule && this.parent.initialRender) {
+            addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
+        }
+    };
+    Freeze$$1.prototype.destroy = function () {
+        this.removeEventListener();
+    };
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @private
+     * @returns {string} Returns Freeze module name
+     */
+    Freeze$$1.prototype.getModuleName = function () {
+        return 'freeze';
+    };
+    return Freeze$$1;
+}());
+
 /**
  * TreeGrid ColumnChooser module
  *