@syncfusion/ej2-treegrid 20.1.52 → 20.1.59

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

@@ -77,12 +77,12 @@ var Column = /** @__PURE__ @class */ (function () {
         merge(this, options);
     }
     /**
-    * Update the State changes reflected for TreeGrid columndirective in react platform.
-    *
-    * @param {Column} column - specifies the column
-    * @returns {void}
-    * @hidden
-    */
+     * Update the State changes reflected for TreeGrid columndirective in react platform.
+     *
+     * @param {Column} column - specifies the column
+     * @returns {void}
+     * @hidden
+     */
     Column.prototype.setProperties = function (column) {
         //Angular two way binding
         var keys = Object.keys(column);
@@ -959,7 +959,7 @@ var Selection = /** @__PURE__ @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);
         for (var col = 0; col < columns.length; col++) {
@@ -1350,6 +1350,105 @@ 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
  *
@@ -1777,10 +1876,10 @@ var Render = /** @__PURE__ @class */ (function () {
         }
     };
     /**
-    * @param {string} columnUid - Defines column uid
-    * @returns {void}
-    * @hidden
-    */
+     * @param {string} columnUid - Defines column uid
+     * @returns {void}
+     * @hidden
+     */
     Render.prototype.refreshReactColumnTemplateByUid = function (columnUid) {
         var _this = this;
         if (this.parent.isReact) {
@@ -2458,6 +2557,8 @@ var ContextMenuItems;
     ContextMenuItems[ContextMenuItems["LastPage"] = 13] = "LastPage";
     ContextMenuItems[ContextMenuItems["NextPage"] = 14] = "NextPage";
     ContextMenuItems[ContextMenuItems["AddRow"] = 15] = "AddRow";
+    ContextMenuItems[ContextMenuItems["RowIndent"] = 16] = "RowIndent";
+    ContextMenuItems[ContextMenuItems["RowOutdent"] = 17] = "RowOutdent";
 })(ContextMenuItems || (ContextMenuItems = {}));
 
 var __extends$7 = (undefined && undefined.__extends) || (function () {
@@ -3559,6 +3660,7 @@ 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;
@@ -3610,7 +3712,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             });
         }
         if (this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
-            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) {
+            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount() || this.freezeModule) {
             modules.push({
                 member: 'freeze', args: [this]
             });
@@ -3640,7 +3742,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     };
     TreeGrid.prototype.extendRequiredModules = function (modules) {
         var IsRowDDInjected = this.injectedModules.filter(function (e) {
-            return e.name === 'RowDD';
+            return e.prototype.getModuleName() === 'rowDragAndDrop';
         });
         if (this.allowRowDragAndDrop || IsRowDDInjected.length) {
             if ((!isNullOrUndefined(this.toolbar) && (this.toolbar['includes']('Indent') ||
@@ -4453,6 +4555,16 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                             target: '.e-content', id: this.element.id + '_gridcontrol_cmenu_AddRow',
                             items: [{ text: this.l10n.getConstant('Above'), id: 'Above' }, { text: this.l10n.getConstant('Below'), id: 'Below' }, { text: this.l10n.getConstant('Child'), id: 'Child' }] });
                         break;
+                    case 'Indent':
+                    case ContextMenuItems.RowIndent:
+                        items.push({ text: this.l10n.getConstant('RowIndent'),
+                            target: '.e-content', iconCss: 'e-indent e-icons', id: this.element.id + '_gridcontrol_cmenu_Indent' });
+                        break;
+                    case 'Outdent':
+                    case ContextMenuItems.RowOutdent:
+                        items.push({ text: this.l10n.getConstant('RowOutdent'),
+                            target: '.e-content', iconCss: 'e-outdent e-icons', id: this.element.id + '_gridcontrol_cmenu_Outdent' });
+                        break;
                     default:
                         items.push(this.contextMenuItems[i]);
                 }
@@ -4471,6 +4583,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      */
     TreeGrid.prototype.getGridToolbar = function () {
         if (this.toolbar) {
+            this.l10n = new L10n('treegrid', this.defaultLocale, this.locale);
             var items = [];
             var tooltipText = void 0;
             for (var i = 0; i < this.toolbar.length; i++) {
@@ -4716,6 +4829,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'locale':
                     this.grid.locale = this.locale;
+                    this.TreeGridLocale();
+                    this.grid.toolbar = this.getGridToolbar();
+                    this.grid.contextMenuItems = this.getContextMenu();
                     break;
                 case 'selectedRowIndex':
                     this.grid.selectedRowIndex = this.selectedRowIndex;
@@ -8018,8 +8134,8 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         if (this.dropPosition === 'bottomSegment') {
             var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
             var rowIndex = selectedItemIndex === -1 ?
-                (this.parent.grid.getRowIndexByPrimaryKey(data[0][primaryKeyField])) - 1
-                : this.parent.getSelectedRowIndexes()[0] - 1;
+                (this.parent.grid.getRowIndexByPrimaryKey(data[0][primaryKeyField]))
+                : this.parent.getSelectedRowIndexes()[0];
             var selectedRecord = this.parent.getCurrentViewRecords()[rowIndex];
             this.droppedRecord = getParentData(this.parent, selectedRecord.parentItem.uniqueID);
         }
@@ -9377,6 +9493,16 @@ var Page$1 = /** @__PURE__ @class */ (function () {
         }
         return newResults;
     };
+    Page$$1.prototype.updatePageSize = function (pageingDetails) {
+        var updateSize = pageingDetails.result.length;
+        var gridPagerModule = this.parent.grid.pagerModule;
+        if (this.parent.pageSettings.pageSizes === true) {
+            if (gridPagerModule.pagerObj.pagerdropdownModule['dropDownListObject'].value === gridPagerModule.pagerObj.getLocalizedLabel('All')) {
+                gridPagerModule['pagerObj'].totalRecordsCount = updateSize;
+                this.parent.grid.pageSettings.pageSize = updateSize;
+            }
+        }
+    };
     Page$$1.prototype.pageAction = function (pageingDetails) {
         var _this = this;
         var dm = new DataManager(pageingDetails.result);
@@ -9413,6 +9539,7 @@ var Page$1 = /** @__PURE__ @class */ (function () {
             pageingDetails.count = visualData.length;
             var query = new Query();
             var size = this.parent.grid.pageSettings.pageSize;
+            this.updatePageSize(pageingDetails);
             var current = this.parent.grid.pageSettings.currentPage;
             if (visualData.length < (current * size)) {
                 current = (Math.floor(visualData.length / size)) + ((visualData.length % size) ? 1 : 0);
@@ -10001,6 +10128,8 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
     ContextMenu$$1.prototype.contextMenuOpen = function (args) {
         var addRow = select('#' + this.parent.element.id + '_gridcontrol_cmenu_AddRow', args.element);
         var editRecord = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Edit', args.element);
+        var indent = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Indent', args.element);
+        var outdent = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Outdent', args.element);
         if (addRow) {
             if (this.parent.grid.editSettings.allowAdding === false) {
                 addRow.style.display = 'none';
@@ -10013,6 +10142,47 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
             && !(isNullOrUndefined(editRecord)) && !(editRecord.classList.contains('e-menu-hide'))) {
             editRecord.style.display = 'none';
         }
+        if (indent || outdent) {
+            var tObj = this.parent;
+            var selectedrow = tObj.getSelectedRows()[0];
+            var targetElement = args.event.target.closest('td');
+            if (isNullOrUndefined(targetElement) || (!isNullOrUndefined(targetElement) && !targetElement.classList.contains('e-rowcell'))) {
+                indent.style.display = outdent.style.display = 'none';
+            }
+            else {
+                if (selectedrow.rowIndex === 0 || tObj.getSelectedRowIndexes().length > 1) {
+                    indent.style.display = outdent.style.display = 'none';
+                }
+                else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
+                    var selectedItem = tObj.getCurrentViewRecords()[selectedrow.rowIndex];
+                    if (!isNullOrUndefined(selectedItem)) {
+                        if ((selectedItem.level > tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level)) {
+                            indent.style.display = 'none';
+                        }
+                        else {
+                            indent.style.display = 'block';
+                        }
+                        if (selectedItem.level === tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level) {
+                            indent.style.display = 'block';
+                        }
+                        if (selectedItem.level === 0) {
+                            outdent.style.display = 'none';
+                        }
+                        if (selectedItem.level !== 0) {
+                            outdent.style.display = 'block';
+                        }
+                    }
+                }
+                if (args['name'] === 'rowDeselected' && isNullOrUndefined(selectedrow) && !tObj.grid.isCheckBoxSelection) {
+                    if (this.parent.toolbar['includes']('Indent')) {
+                        indent.style.display = 'none';
+                    }
+                    if (this.parent.toolbar['includes']('Outdent')) {
+                        outdent.style.display = 'none';
+                    }
+                }
+            }
+        }
     };
     ContextMenu$$1.prototype.contextMenuClick = function (args) {
         if (args.item.id === 'Above' || args.item.id === 'Below' || args.item.id === 'Child') {
@@ -10020,6 +10190,13 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
             this.parent.setProperties({ editSettings: { newRowPosition: args.item.id } }, true);
             this.parent.addRecord();
         }
+        if (args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Indent' || args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Outdent') {
+            if (!isNullOrUndefined(this.parent.rowDragAndDropModule)) {
+                var indentOutdentAction = 'indentOutdentAction';
+                var action = args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Indent' ? 'indent' : 'outdent';
+                this.parent.rowDragAndDropModule[indentOutdentAction](null, action);
+            }
+        }
     };
     /**
      * For internal use only - Get the module name.
@@ -11195,11 +11372,13 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
     Edit$$1.prototype.updateIndex = function (data, rows, records) {
         for (var j = 0; j < this.parent.getDataRows().length; j++) {
             var data1 = records[j];
-            var index = getValue('uniqueIDCollection.' + data1.uniqueID + '.index', this.parent);
-            data1.index = index;
-            if (!isNullOrUndefined(data1.parentItem)) {
-                var parentIndex = getValue('uniqueIDCollection.' + data1.parentItem.uniqueID + '.index', this.parent);
-                data1.parentItem.index = parentIndex;
+            if (!isNullOrUndefined(data1)) {
+                var index = getValue('uniqueIDCollection.' + data1.uniqueID + '.index', this.parent);
+                data1.index = index;
+                if (!isNullOrUndefined(data1.parentItem)) {
+                    var parentIndex = getValue('uniqueIDCollection.' + data1.parentItem.uniqueID + '.index', this.parent);
+                    data1.parentItem.index = parentIndex;
+                }
             }
         }
         var count = -1;
@@ -11218,32 +11397,34 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                 count++;
             }
             var data2 = records[count];
-            var index = data2.index;
-            var level = data2.level;
-            var row = rows[k];
-            if (!isNullOrUndefined(data2.parentItem)) {
-                index = getValue('uniqueIDCollection.' + data2.parentItem.uniqueID + '.index', this.parent);
-            }
-            var treecell = row.cells[treeColIndex];
-            if (!isNullOrUndefined(treecell)) {
-                for (var l = 0; l < treecell.classList.length; l++) {
-                    var value = treecell.classList[l];
-                    var remove$$1 = /e-gridrowindex/i;
-                    var removed = /e-griddetailrowindex/i;
-                    var result = value.match(remove$$1);
-                    var results = value.match(removed);
-                    if (result != null) {
-                        removeClass([treecell], value);
-                    }
-                    if (results != null) {
-                        removeClass([treecell], value);
-                    }
-                }
-                if (!rows[k].classList.contains('e-detailrow')) {
-                    addClass([treecell], 'e-gridrowindex' + index + 'level' + level);
-                }
-                else {
-                    addClass([treecell], 'e-griddetailrowindex' + index + 'level' + level);
+            if (!isNullOrUndefined(data2)) {
+                var index = data2.index;
+                var level = data2.level;
+                var row = rows[k];
+                if (!isNullOrUndefined(data2.parentItem)) {
+                    index = getValue('uniqueIDCollection.' + data2.parentItem.uniqueID + '.index', this.parent);
+                }
+                var treecell = row.cells[treeColIndex];
+                if (!isNullOrUndefined(treecell)) {
+                    for (var l = 0; l < treecell.classList.length; l++) {
+                        var value = treecell.classList[l];
+                        var remove$$1 = /e-gridrowindex/i;
+                        var removed = /e-griddetailrowindex/i;
+                        var result = value.match(remove$$1);
+                        var results = value.match(removed);
+                        if (result != null) {
+                            removeClass([treecell], value);
+                        }
+                        if (results != null) {
+                            removeClass([treecell], value);
+                        }
+                    }
+                    if (!rows[k].classList.contains('e-detailrow')) {
+                        addClass([treecell], 'e-gridrowindex' + index + 'level' + level);
+                    }
+                    else {
+                        addClass([treecell], 'e-griddetailrowindex' + index + 'level' + level);
+                    }
                 }
             }
         }
@@ -12583,105 +12764,6 @@ 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
  *
@@ -13018,7 +13100,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
                 if (getValue('selectedIndex', this.parent.editModule) !== -1 && this.parent.editSettings.newRowPosition !== 'Top') {
                     if (this.parent.editSettings.newRowPosition === 'Below' || this.parent.editSettings.newRowPosition === 'Child') {
                         position = 'after';
-                        newRowIndex += findChildrenRecords(currentData[newRowIndex + 1]).length;
+                        newRowIndex += findChildrenRecords(currentData[newRowIndex]).length;
                         if (this.parent.editSettings.newRowPosition === 'Child') {
                             newRowIndex -= 1; //// for child position already child record is added in childRecords so subtracting 1
                         }