@syncfusion/ej2-treegrid 20.1.51 → 20.1.56

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,10 +959,12 @@ var Selection = /** @__PURE__ @class */ (function () {
     Selection.prototype.getCheckboxcolumnIndex = function () {
         var mappingUid;
         var columnIndex;
-        var columns = (this.parent.columns);
+        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++) {
             if (columns[col].showCheckbox) {
-                mappingUid = this.parent.columns[col].uid;
+                mappingUid = columns[col].uid;
             }
         }
         var headerCelllength = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv').length;
@@ -1775,10 +1777,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) {
@@ -2456,6 +2458,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 () {
@@ -3228,6 +3232,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         _this.addedRecords = 'addedRecords';
         _this.indentOutdentAction = 'indentOutdentAction';
         _this.modifiedRecords = [];
+        _this.stackedHeader = false;
         _this.objectEqualityChecker = function (old, current) {
             if (old) {
                 var keys = Object.keys(old);
@@ -3637,7 +3642,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') ||
@@ -4450,6 +4455,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]);
                 }
@@ -4468,6 +4483,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++) {
@@ -4713,6 +4729,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;
@@ -5186,6 +5205,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      */
     TreeGrid.prototype.getColumnByUid = function (uid) {
         var Columns = this.initialRender ? this.grid.columns : this.columns;
+        var columnModel = 'columnModel';
+        if (this.grid.columns.length !== this.columnModel.length) {
+            Columns = this.grid[columnModel];
+        }
         return iterateArrayOrObject(Columns, function (item) {
             if (item.uid === uid) {
                 return item;
@@ -5313,7 +5336,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             temp = this.columnModel[this.treeColumnIndex].template;
             field = this.columnModel[this.treeColumnIndex].field;
         }
-        var stackedHeader = false;
         var gridColumn;
         if (!this.enableColumnVirtualization || (this.enableColumnVirtualization && this.columnModel.length === gridColumns.length)) {
             this.columnModel = [];
@@ -5332,9 +5354,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         var merge$$1 = 'deepMerge';
         this[merge$$1] = ['columns']; // Workaround for blazor updateModel
         if (this.grid.columns.length !== this.columnModel.length) {
-            stackedHeader = true;
+            this.stackedHeader = true;
         }
-        if (!stackedHeader) {
+        if (!this.stackedHeader) {
             this.setProperties({ columns: this.columnModel }, true);
         }
         this[merge$$1] = undefined; // Workaround for blazor updateModel
@@ -8012,8 +8034,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);
         }
@@ -9371,6 +9393,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);
@@ -9407,6 +9439,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);
@@ -9995,6 +10028,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';
@@ -10007,6 +10042,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') {
@@ -10014,6 +10090,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.