@syncfusion/ej2-treegrid 24.1.41 → 24.1.45

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

@@ -2,7 +2,7 @@ import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHan
 import { Aggregate, Cell, CellRenderer, CellType, Clipboard, ColumnChooser, ColumnMenu, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getNumberFormat, getObject, getTransformValues, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, templateCompiler } from '@syncfusion/ej2-grids';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, Predicate, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
-import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
+import { Tooltip, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1232,8 +1232,8 @@ class Selection {
             if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
                 movableTr = this.parent.getDataRows()[parseInt(recordIndex.toString(), 10)];
             }
-            checkbox = tr.querySelectorAll('.e-frame')[0] ? tr.querySelectorAll('.e-frame')[0]
-                : movableTr.querySelectorAll('.e-frame')[0];
+            checkbox = tr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0] ? tr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0]
+                : movableTr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0];
             if (!isNullOrUndefined(checkbox)) {
                 removeClass([checkbox], ['e-check', 'e-stop', 'e-uncheck']);
             }
@@ -3835,6 +3835,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     wireEvents() {
         EventHandler.add(this.grid.element, 'click', this.mouseClickHandler, this);
         EventHandler.add(this.element, 'touchend', this.mouseClickHandler, this);
+        EventHandler.add(this.element, 'mousemove', this.mouseMoveHandler, this);
         this.keyboardModule = new KeyboardEvents(this.element, {
             keyAction: this.treeGridkeyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
@@ -5305,6 +5306,20 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             }
         }
     }
+    mouseMoveHandler(e) {
+        let showTooltip = false;
+        const cols = this.getColumns();
+        if (this.clipMode === 'EllipsisWithTooltip') {
+            showTooltip = true;
+        }
+        const element = parentsUntil(e.target, 'e-ellipsistooltip');
+        if ((showTooltip || (this.treeColumnIndex !== -1 && cols[this.treeColumnIndex].clipMode === 'EllipsisWithTooltip')) && element !== null && parseInt(element.getAttribute('data-colindex'), 10) === this.treeColumnIndex && element.children[0].scrollWidth > element.children[0].clientWidth) {
+            const tooltip = new Tooltip({
+                content: element.textContent
+            });
+            tooltip.appendTo(element);
+        }
+    }
     /**
      * Returns TreeGrid rows
      *
@@ -10671,7 +10686,7 @@ class ContextMenu$1 {
         const selectedrow = tObj.getSelectedRows()[0];
         if ((indent || outdent) && !isNullOrUndefined(selectedrow)) {
             const targetElement = args.event.target.closest('td');
-            if (isNullOrUndefined(targetElement) || (!isNullOrUndefined(targetElement) && !targetElement.classList.contains('e-rowcell'))) {
+            if (isNullOrUndefined(targetElement) || (!isNullOrUndefined(targetElement) && (!targetElement.classList.contains('e-rowcell') || targetElement.querySelectorAll('.e-gridform').length !== 0))) {
                 indent.style.display = outdent.style.display = 'none';
             }
             else {
@@ -10681,19 +10696,16 @@ class ContextMenu$1 {
                 else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
                     const selectedItem = tObj.getCurrentViewRecords()[selectedrow.rowIndex];
                     if (!isNullOrUndefined(selectedItem)) {
-                        if ((selectedItem.level > tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level) || this.parent.editSettings.mode === 'Batch'
-                            || this.parent.editSettings.mode === 'Cell') {
+                        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) && this.parent.editSettings.mode !== 'Batch'
-                            && this.parent.editSettings.mode !== 'Cell') {
+                        if ((selectedItem.level === tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level)) {
                             indent.style.display = 'block';
                         }
-                        if ((selectedItem.level === 0) || this.parent.editSettings.mode === 'Batch'
-                            || this.parent.editSettings.mode === 'Cell') {
+                        if ((selectedItem.level === 0)) {
                             outdent.style.display = 'none';
                         }
                         else {