@syncfusion/ej2-treegrid 25.2.4 → 25.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.4
+*  version : 25.2.6
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@25.2.3",
+  "_id": "@syncfusion/ej2-treegrid@25.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-HOkPjvJIYwpxfaWkUIOYpnGC5XJO7/cJB/tZwq6Jg9EMWQ7l7aqvuTQrYhxbzxSiHddeWg0QQMr5kn01Hjn4DQ==",
+  "_integrity": "sha512-6olifiUnA9rLIHDZo/KIcz2PE+HHsvKvaUInwPW8IYID4KDpFYCLNW208AcwAmkLSvejdrD48dxie95yPL9R7A==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-25.2.3.tgz",
-  "_shasum": "533c93d33f5d4bfab536136267ea32479a363b5b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-25.2.5.tgz",
+  "_shasum": "2873e432ebd7866e8bd6e4408b7daa6d0576b0a6",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-base": "~25.2.5",
     "@syncfusion/ej2-data": "~25.2.3",
-    "@syncfusion/ej2-grids": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.4"
+    "@syncfusion/ej2-grids": "~25.2.6",
+    "@syncfusion/ej2-popups": "~25.2.6"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -66,6 +66,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.4",
+  "version": "25.2.6",
   "sideEffects": false
 }

package/src/treegrid/actions/rowdragdrop.js

@@ -502,6 +502,10 @@ var RowDD = /** @class */ (function () {
         var touchEvent = getObject('originalEvent.event', args);
         var posy = (mouseEvent.type === 'mousemove') ? mouseEvent.pageY : ((!isNullOrUndefined(touchEvent) &&
             !isNullOrUndefined(touchEvent.changedTouches)) ? touchEvent.changedTouches[0].pageY : null);
+        if (this.parent.enableVirtualization) {
+            posy = (mouseEvent.type === 'mousemove') ? mouseEvent.clientY : ((!isNullOrUndefined(touchEvent) &&
+                !isNullOrUndefined(touchEvent.changedTouches)) ? touchEvent.changedTouches[0].clientY : null);
+        }
         var isTopSegment = posy <= topRowSegment;
         var isMiddleRowSegment = (posy > topRowSegment && posy <= middleRowSegment);
         var isBottomRowSegment = (posy > middleRowSegment && posy <= bottomRowSegment);

package/src/treegrid/renderer/render.js

@@ -357,7 +357,9 @@ var Render = /** @class */ (function () {
                             && !isNullOrUndefined(rowsObj[parseInt(j.toString(), 10)].index)) {
                             var cell = rowsObj[parseInt(j.toString(), 10)]["" + cells][parseInt(cellIndex.toString(), 10)];
                             var cellRenderer = new CellRenderer(_this.parent.grid, _this.parent.grid.serviceLocator);
-                            var td = _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent);
+                            var td = rows.length >= rowsObj.length
+                                ? _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent)
+                                : _this.parent.getRows()[rowsObj[parseInt(j.toString(), 10)].index].querySelector('.e-templatecell');
                             cellRenderer.refreshTD(td, cell, rowsObj[parseInt(j.toString(), 10)].data, { index: rowsObj[parseInt(j.toString(), 10)]["" + rowIdx] });
                             var treecell = _this.parent.getRows()[parseInt(j.toString(), 10)]
                                 .cells[parseInt(cellIndex.toString(), 10)];

package/styles/bootstrap-dark.css

@@ -222,6 +222,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;

package/styles/bootstrap.css

@@ -226,6 +226,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/bootstrap4.css

@@ -275,6 +275,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/bootstrap5-dark.css

@@ -265,6 +265,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/bootstrap5.css

@@ -265,6 +265,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/fabric-dark.css

@@ -201,6 +201,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/fabric.css

@@ -194,6 +194,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/fluent-dark.css

@@ -259,6 +259,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/fluent.css

@@ -259,6 +259,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/highcontrast-light.css

@@ -195,6 +195,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;

package/styles/highcontrast.css

@@ -198,6 +198,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/material-dark.css

@@ -238,6 +238,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 18px;
   width: 18px;

package/styles/material.css

@@ -272,6 +272,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 18px;
   width: 18px;

package/styles/material3-dark.css

@@ -329,6 +329,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/material3.css

@@ -385,6 +385,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/tailwind-dark.css

@@ -211,6 +211,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 16px;
   width: 16px;

package/styles/tailwind.css

@@ -211,6 +211,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 16px;
   width: 16px;

package/styles/treegrid/_layout.scss

@@ -135,7 +135,11 @@
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/styles/treegrid/bootstrap-dark.css

@@ -222,6 +222,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;

package/styles/treegrid/bootstrap.css

@@ -226,6 +226,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/treegrid/bootstrap4.css

@@ -275,6 +275,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/treegrid/bootstrap5-dark.css

@@ -265,6 +265,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/treegrid/bootstrap5.css

@@ -265,6 +265,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/treegrid/fabric-dark.css

@@ -201,6 +201,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/treegrid/fabric.css

@@ -194,6 +194,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/treegrid/fluent-dark.css

@@ -259,6 +259,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/treegrid/fluent.css

@@ -259,6 +259,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/treegrid/highcontrast-light.css

@@ -195,6 +195,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;

package/styles/treegrid/highcontrast.css

@@ -198,6 +198,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;

package/styles/treegrid/material-dark.css

@@ -238,6 +238,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 18px;
   width: 18px;

package/styles/treegrid/material.css

@@ -272,6 +272,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 18px;
   width: 18px;

package/styles/treegrid/material3-dark.css

@@ -329,6 +329,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/treegrid/material3.css

@@ -385,6 +385,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 14px;
   width: 14px;

package/styles/treegrid/tailwind-dark.css

@@ -211,6 +211,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 16px;
   width: 16px;

package/styles/treegrid/tailwind.css

@@ -211,6 +211,9 @@
   display: inline-block;
   vertical-align: middle;
 }
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 16px;
   width: 16px;