@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
@@ -4474,7 +4474,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4474
4474
  this.grid.rowDropSettings.targetID += '_gridcontrol';
4475
4475
  }
4476
4476
  this.addListener();
4477
- var gridContainer = createElement('div', { id: this.element.id + '_gridcontrol' });
4477
+ var gridContainer = createElement('div', { id: this.element.id + '_gridcontrol', className: 'e-treelistgrid' });
4478
4478
  addClass([this.element], 'e-treegrid');
4479
4479
  if (!isNullOrUndefined(this.height) && typeof (this.height) === 'string' && this.height.indexOf('%') !== -1) {
4480
4480
  this.element.style.height = this.height;
@@ -13843,7 +13843,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
13843
13843
  if (rowTop > 0) {
13844
13844
  this["" + initialRowTop] = this.parent.getRowByIndex(0).getBoundingClientRect().top - gridTop;
13845
13845
  }
13846
- else {
13846
+ else if (this.parent.selectedRowIndex === -1) {
13847
13847
  this["" + initialRowTop] = this.content.getBoundingClientRect().top -
13848
13848
  this.parent.getRowByIndex(0).getBoundingClientRect().height;
13849
13849
  }
@@ -14042,7 +14042,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
14042
14042
  - this.parent.pageSettings.pageSize;
14043
14043
  index = (index > 0) ? index : 0;
14044
14044
  if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex] &&
14045
- ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
14045
+ ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop) && !this.parent.allowRowDragAndDrop) {
14046
14046
  index = this["" + selectedRowIndex];
14047
14047
  }
14048
14048
  this.startIndex = index;
@@ -14074,6 +14074,9 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
14074
14074
  (this.endIndex - this.parent.pageSettings.pageSize) * (this.parent.rowHeight ?
14075
14075
  this.parent.rowHeight : this.parent.getRowHeight()) : 0;
14076
14076
  }
14077
+ else if (this.startIndex === this["" + selectedRowIndex]) {
14078
+ this.translateY = scrollArgs.offset.top;
14079
+ }
14077
14080
  else {
14078
14081
  this.translateY = (scrollArgs.offset.top - (outBuffer * rowHeight) > 0) ?
14079
14082
  scrollArgs.offset.top - (outBuffer * rowHeight) + rowHeight : 0;
@@ -14093,7 +14096,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
14093
14096
  var nextSetResIndex = ~~(content.scrollTop / rowHeight);
14094
14097
  var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
14095
14098
  if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
14096
- nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock) {
14099
+ nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock && !this.parent.allowRowDragAndDrop) {
14097
14100
  nextSetResIndex = this["" + selectedRowIndex];
14098
14101
  }
14099
14102
  var lastIndex = nextSetResIndex + this.parent.pageSettings.pageSize;
@@ -14120,7 +14123,12 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
14120
14123
  }
14121
14124
  else {
14122
14125
  if (this.totalRecords === this.endIndex) {
14123
- this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
14126
+ if (isLastBlock) {
14127
+ this.translateY = (this.totalRecords * rowHeight) - (this.parent.pageSettings.pageSize * rowHeight);
14128
+ }
14129
+ else {
14130
+ this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
14131
+ }
14124
14132
  }
14125
14133
  else {
14126
14134
  if (this.parent.getFrozenColumns() > 0) {