@syncfusion/ej2-treegrid 28.1.33 → 28.1.35

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 (95) hide show
  1. package/dist/ej2-treegrid.min.js +2 -2
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +13 -5
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +13 -5
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +6 -6
  12. package/src/treegrid/base/treegrid.js +1 -1
  13. package/src/treegrid/renderer/virtual-tree-content-render.js +12 -4
  14. package/styles/bds-lite.css +11 -0
  15. package/styles/bds.css +11 -0
  16. package/styles/bootstrap-dark-lite.css +16 -0
  17. package/styles/bootstrap-dark.css +16 -0
  18. package/styles/bootstrap-lite.css +16 -0
  19. package/styles/bootstrap.css +16 -0
  20. package/styles/bootstrap4-lite.css +16 -0
  21. package/styles/bootstrap4.css +16 -0
  22. package/styles/bootstrap5-dark-lite.css +16 -0
  23. package/styles/bootstrap5-dark.css +16 -0
  24. package/styles/bootstrap5-lite.css +16 -0
  25. package/styles/bootstrap5.3-lite.css +16 -0
  26. package/styles/bootstrap5.3.css +16 -0
  27. package/styles/bootstrap5.css +16 -0
  28. package/styles/fabric-dark-lite.css +16 -0
  29. package/styles/fabric-dark.css +16 -0
  30. package/styles/fabric-lite.css +16 -0
  31. package/styles/fabric.css +16 -0
  32. package/styles/fluent-dark-lite.css +16 -0
  33. package/styles/fluent-dark.css +16 -0
  34. package/styles/fluent-lite.css +16 -0
  35. package/styles/fluent.css +16 -0
  36. package/styles/fluent2-lite.css +16 -0
  37. package/styles/fluent2.css +16 -0
  38. package/styles/highcontrast-light-lite.css +16 -0
  39. package/styles/highcontrast-light.css +16 -0
  40. package/styles/highcontrast-lite.css +16 -0
  41. package/styles/highcontrast.css +16 -0
  42. package/styles/material-dark-lite.css +16 -0
  43. package/styles/material-dark.css +16 -0
  44. package/styles/material-lite.css +16 -0
  45. package/styles/material.css +16 -0
  46. package/styles/material3-dark-lite.css +16 -0
  47. package/styles/material3-dark.css +16 -0
  48. package/styles/material3-lite.css +16 -0
  49. package/styles/material3.css +16 -0
  50. package/styles/tailwind-dark-lite.css +16 -0
  51. package/styles/tailwind-dark.css +16 -0
  52. package/styles/tailwind-lite.css +16 -0
  53. package/styles/tailwind.css +16 -0
  54. package/styles/tailwind3-lite.css +16 -0
  55. package/styles/tailwind3.css +16 -0
  56. package/styles/treegrid/_icons.scss +7 -0
  57. package/styles/treegrid/_layout.scss +16 -0
  58. package/styles/treegrid/bds.css +11 -0
  59. package/styles/treegrid/bootstrap-dark.css +16 -0
  60. package/styles/treegrid/bootstrap.css +16 -0
  61. package/styles/treegrid/bootstrap4.css +16 -0
  62. package/styles/treegrid/bootstrap5-dark.css +16 -0
  63. package/styles/treegrid/bootstrap5.3.css +16 -0
  64. package/styles/treegrid/bootstrap5.css +16 -0
  65. package/styles/treegrid/fabric-dark.css +16 -0
  66. package/styles/treegrid/fabric.css +16 -0
  67. package/styles/treegrid/fluent-dark.css +16 -0
  68. package/styles/treegrid/fluent.css +16 -0
  69. package/styles/treegrid/fluent2.css +16 -0
  70. package/styles/treegrid/highcontrast-light.css +16 -0
  71. package/styles/treegrid/highcontrast.css +16 -0
  72. package/styles/treegrid/icons/_bootstrap-dark.scss +7 -0
  73. package/styles/treegrid/icons/_bootstrap.scss +7 -0
  74. package/styles/treegrid/icons/_bootstrap4.scss +7 -0
  75. package/styles/treegrid/icons/_bootstrap5.3.scss +7 -0
  76. package/styles/treegrid/icons/_bootstrap5.scss +7 -0
  77. package/styles/treegrid/icons/_fabric-dark.scss +7 -0
  78. package/styles/treegrid/icons/_fabric.scss +7 -0
  79. package/styles/treegrid/icons/_fluent.scss +7 -0
  80. package/styles/treegrid/icons/_fluent2.scss +7 -0
  81. package/styles/treegrid/icons/_highcontrast-light.scss +7 -0
  82. package/styles/treegrid/icons/_highcontrast.scss +7 -0
  83. package/styles/treegrid/icons/_material-dark.scss +7 -0
  84. package/styles/treegrid/icons/_material.scss +7 -0
  85. package/styles/treegrid/icons/_material3.scss +7 -0
  86. package/styles/treegrid/icons/_tailwind-dark.scss +7 -0
  87. package/styles/treegrid/icons/_tailwind.scss +7 -0
  88. package/styles/treegrid/icons/_tailwind3.scss +7 -0
  89. package/styles/treegrid/material-dark.css +16 -0
  90. package/styles/treegrid/material.css +16 -0
  91. package/styles/treegrid/material3-dark.css +16 -0
  92. package/styles/treegrid/material3.css +16 -0
  93. package/styles/treegrid/tailwind-dark.css +16 -0
  94. package/styles/treegrid/tailwind.css +16 -0
  95. package/styles/treegrid/tailwind3.css +16 -0
@@ -4181,7 +4181,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
4181
4181
  this.grid.rowDropSettings.targetID += '_gridcontrol';
4182
4182
  }
4183
4183
  this.addListener();
4184
- const gridContainer = createElement('div', { id: this.element.id + '_gridcontrol' });
4184
+ const gridContainer = createElement('div', { id: this.element.id + '_gridcontrol', className: 'e-treelistgrid' });
4185
4185
  addClass([this.element], 'e-treegrid');
4186
4186
  if (!isNullOrUndefined(this.height) && typeof (this.height) === 'string' && this.height.indexOf('%') !== -1) {
4187
4187
  this.element.style.height = this.height;
@@ -13408,7 +13408,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
13408
13408
  if (rowTop > 0) {
13409
13409
  this[`${initialRowTop}`] = this.parent.getRowByIndex(0).getBoundingClientRect().top - gridTop;
13410
13410
  }
13411
- else {
13411
+ else if (this.parent.selectedRowIndex === -1) {
13412
13412
  this[`${initialRowTop}`] = this.content.getBoundingClientRect().top -
13413
13413
  this.parent.getRowByIndex(0).getBoundingClientRect().height;
13414
13414
  }
@@ -13606,7 +13606,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
13606
13606
  - this.parent.pageSettings.pageSize;
13607
13607
  index = (index > 0) ? index : 0;
13608
13608
  if (!isNullOrUndefined(this[`${selectedRowIndex}`]) && this[`${selectedRowIndex}`] !== -1 && index !== this[`${selectedRowIndex}`] &&
13609
- ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
13609
+ ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop) && !this.parent.allowRowDragAndDrop) {
13610
13610
  index = this[`${selectedRowIndex}`];
13611
13611
  }
13612
13612
  this.startIndex = index;
@@ -13638,6 +13638,9 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
13638
13638
  (this.endIndex - this.parent.pageSettings.pageSize) * (this.parent.rowHeight ?
13639
13639
  this.parent.rowHeight : this.parent.getRowHeight()) : 0;
13640
13640
  }
13641
+ else if (this.startIndex === this[`${selectedRowIndex}`]) {
13642
+ this.translateY = scrollArgs.offset.top;
13643
+ }
13641
13644
  else {
13642
13645
  this.translateY = (scrollArgs.offset.top - (outBuffer * rowHeight) > 0) ?
13643
13646
  scrollArgs.offset.top - (outBuffer * rowHeight) + rowHeight : 0;
@@ -13657,7 +13660,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
13657
13660
  let nextSetResIndex = ~~(content.scrollTop / rowHeight);
13658
13661
  const isLastBlock = (this[`${selectedRowIndex}`] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
13659
13662
  if (!isNullOrUndefined(this[`${selectedRowIndex}`]) && this[`${selectedRowIndex}`] !== -1 &&
13660
- nextSetResIndex !== this[`${selectedRowIndex}`] && !isLastBlock) {
13663
+ nextSetResIndex !== this[`${selectedRowIndex}`] && !isLastBlock && !this.parent.allowRowDragAndDrop) {
13661
13664
  nextSetResIndex = this[`${selectedRowIndex}`];
13662
13665
  }
13663
13666
  let lastIndex = nextSetResIndex + this.parent.pageSettings.pageSize;
@@ -13684,7 +13687,12 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
13684
13687
  }
13685
13688
  else {
13686
13689
  if (this.totalRecords === this.endIndex) {
13687
- this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
13690
+ if (isLastBlock) {
13691
+ this.translateY = (this.totalRecords * rowHeight) - (this.parent.pageSettings.pageSize * rowHeight);
13692
+ }
13693
+ else {
13694
+ this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
13695
+ }
13688
13696
  }
13689
13697
  else {
13690
13698
  if (this.parent.getFrozenColumns() > 0) {