@syncfusion/ej2-treegrid 25.2.4 → 25.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-treegrid.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js +2 -2
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +8 -2
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +7 -1
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +2 -2
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/treegrid/actions/rowdragdrop.js +4 -0
  14. package/src/treegrid/renderer/render.js +3 -1
  15. package/styles/bootstrap-dark.css +3 -0
  16. package/styles/bootstrap.css +3 -0
  17. package/styles/bootstrap4.css +3 -0
  18. package/styles/bootstrap5-dark.css +3 -0
  19. package/styles/bootstrap5.css +3 -0
  20. package/styles/fabric-dark.css +3 -0
  21. package/styles/fabric.css +3 -0
  22. package/styles/fluent-dark.css +3 -0
  23. package/styles/fluent.css +3 -0
  24. package/styles/highcontrast-light.css +3 -0
  25. package/styles/highcontrast.css +3 -0
  26. package/styles/material-dark.css +3 -0
  27. package/styles/material.css +3 -0
  28. package/styles/material3-dark.css +3 -0
  29. package/styles/material3.css +3 -0
  30. package/styles/tailwind-dark.css +3 -0
  31. package/styles/tailwind.css +3 -0
  32. package/styles/treegrid/_layout.scss +5 -1
  33. package/styles/treegrid/bootstrap-dark.css +3 -0
  34. package/styles/treegrid/bootstrap.css +3 -0
  35. package/styles/treegrid/bootstrap4.css +3 -0
  36. package/styles/treegrid/bootstrap5-dark.css +3 -0
  37. package/styles/treegrid/bootstrap5.css +3 -0
  38. package/styles/treegrid/fabric-dark.css +3 -0
  39. package/styles/treegrid/fabric.css +3 -0
  40. package/styles/treegrid/fluent-dark.css +3 -0
  41. package/styles/treegrid/fluent.css +3 -0
  42. package/styles/treegrid/highcontrast-light.css +3 -0
  43. package/styles/treegrid/highcontrast.css +3 -0
  44. package/styles/treegrid/material-dark.css +3 -0
  45. package/styles/treegrid/material.css +3 -0
  46. package/styles/treegrid/material3-dark.css +3 -0
  47. package/styles/treegrid/material3.css +3 -0
  48. package/styles/treegrid/tailwind-dark.css +3 -0
  49. package/styles/treegrid/tailwind.css +3 -0
package/dist/es6/ej2-treegrid.es2015.js CHANGED
@@ -1838,7 +1838,9 @@ class Render {
1838
1838
  && !isNullOrUndefined(rowsObj[parseInt(j.toString(), 10)].index)) {
1839
1839
  const cell = rowsObj[parseInt(j.toString(), 10)][`${cells}`][parseInt(cellIndex.toString(), 10)];
1840
1840
  const cellRenderer = new CellRenderer(this.parent.grid, this.parent.grid.serviceLocator);
1841
- const td = this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent);
1841
+ const td = rows.length >= rowsObj.length
1842
+ ? this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent)
1843
+ : this.parent.getRows()[rowsObj[parseInt(j.toString(), 10)].index].querySelector('.e-templatecell');
1842
1844
  cellRenderer.refreshTD(td, cell, rowsObj[parseInt(j.toString(), 10)].data, { index: rowsObj[parseInt(j.toString(), 10)][`${rowIdx}`] });
1843
1845
  const treecell = this.parent.getRows()[parseInt(j.toString(), 10)]
1844
1846
  .cells[parseInt(cellIndex.toString(), 10)];
@@ -8362,8 +8364,12 @@ class RowDD$1 {
8362
8364
  const bottomRowSegment = middleRowSegment + divide;
8363
8365
  const mouseEvent = getObject('originalEvent.event', args);
8364
8366
  const touchEvent = getObject('originalEvent.event', args);
8365
- const posy = (mouseEvent.type === 'mousemove') ? mouseEvent.pageY : ((!isNullOrUndefined(touchEvent) &&
8367
+ let posy = (mouseEvent.type === 'mousemove') ? mouseEvent.pageY : ((!isNullOrUndefined(touchEvent) &&
8366
8368
  !isNullOrUndefined(touchEvent.changedTouches)) ? touchEvent.changedTouches[0].pageY : null);
8369
+ if (this.parent.enableVirtualization) {
8370
+ posy = (mouseEvent.type === 'mousemove') ? mouseEvent.clientY : ((!isNullOrUndefined(touchEvent) &&
8371
+ !isNullOrUndefined(touchEvent.changedTouches)) ? touchEvent.changedTouches[0].clientY : null);
8372
+ }
8367
8373
  const isTopSegment = posy <= topRowSegment;
8368
8374
  const isMiddleRowSegment = (posy > topRowSegment && posy <= middleRowSegment);
8369
8375
  const isBottomRowSegment = (posy > middleRowSegment && posy <= bottomRowSegment);