@syncfusion/ej2-treegrid 28.1.35 → 28.1.36

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 (96) hide show
  1. package/dist/ej2-treegrid.min.js +1 -10
  2. package/dist/ej2-treegrid.umd.min.js +1 -10
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +34 -5
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +34 -5
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +1 -10
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +6 -7
  12. package/src/treegrid/base/treegrid.js +28 -1
  13. package/src/treegrid/renderer/virtual-tree-content-render.js +6 -4
  14. package/styles/bds-lite.css +16 -12
  15. package/styles/bds.css +16 -12
  16. package/styles/bootstrap-dark-lite.css +23 -16
  17. package/styles/bootstrap-dark.css +23 -16
  18. package/styles/bootstrap-lite.css +34 -15
  19. package/styles/bootstrap.css +34 -15
  20. package/styles/bootstrap4-lite.css +23 -16
  21. package/styles/bootstrap4.css +23 -16
  22. package/styles/bootstrap5-dark-lite.css +23 -16
  23. package/styles/bootstrap5-dark.css +23 -16
  24. package/styles/bootstrap5-lite.css +23 -16
  25. package/styles/bootstrap5.3-lite.css +23 -16
  26. package/styles/bootstrap5.3.css +23 -16
  27. package/styles/bootstrap5.css +23 -16
  28. package/styles/fabric-dark-lite.css +23 -16
  29. package/styles/fabric-dark.css +23 -16
  30. package/styles/fabric-lite.css +23 -16
  31. package/styles/fabric.css +23 -16
  32. package/styles/fluent-dark-lite.css +23 -16
  33. package/styles/fluent-dark.css +23 -16
  34. package/styles/fluent-lite.css +23 -16
  35. package/styles/fluent.css +23 -16
  36. package/styles/fluent2-lite.css +23 -16
  37. package/styles/fluent2.css +23 -16
  38. package/styles/highcontrast-light-lite.css +23 -16
  39. package/styles/highcontrast-light.css +23 -16
  40. package/styles/highcontrast-lite.css +23 -16
  41. package/styles/highcontrast.css +23 -16
  42. package/styles/material-dark-lite.css +23 -16
  43. package/styles/material-dark.css +23 -16
  44. package/styles/material-lite.css +23 -16
  45. package/styles/material.css +23 -16
  46. package/styles/material3-dark-lite.css +23 -16
  47. package/styles/material3-dark.css +23 -16
  48. package/styles/material3-lite.css +23 -16
  49. package/styles/material3.css +23 -16
  50. package/styles/tailwind-dark-lite.css +23 -16
  51. package/styles/tailwind-dark.css +23 -16
  52. package/styles/tailwind-lite.css +23 -16
  53. package/styles/tailwind.css +23 -16
  54. package/styles/tailwind3-lite.css +23 -16
  55. package/styles/tailwind3.css +23 -16
  56. package/styles/treegrid/_icons.scss +8 -5
  57. package/styles/treegrid/_layout.scss +17 -13
  58. package/styles/treegrid/bds.css +16 -12
  59. package/styles/treegrid/bootstrap-dark.css +23 -16
  60. package/styles/treegrid/bootstrap.css +34 -15
  61. package/styles/treegrid/bootstrap4.css +23 -16
  62. package/styles/treegrid/bootstrap5-dark.css +23 -16
  63. package/styles/treegrid/bootstrap5.3.css +23 -16
  64. package/styles/treegrid/bootstrap5.css +23 -16
  65. package/styles/treegrid/fabric-dark.css +23 -16
  66. package/styles/treegrid/fabric.css +23 -16
  67. package/styles/treegrid/fluent-dark.css +23 -16
  68. package/styles/treegrid/fluent.css +23 -16
  69. package/styles/treegrid/fluent2.css +23 -16
  70. package/styles/treegrid/highcontrast-light.css +23 -16
  71. package/styles/treegrid/highcontrast.css +23 -16
  72. package/styles/treegrid/icons/_bootstrap-dark.scss +8 -5
  73. package/styles/treegrid/icons/_bootstrap.scss +24 -4
  74. package/styles/treegrid/icons/_bootstrap4.scss +8 -5
  75. package/styles/treegrid/icons/_bootstrap5.3.scss +8 -5
  76. package/styles/treegrid/icons/_bootstrap5.scss +8 -5
  77. package/styles/treegrid/icons/_fabric-dark.scss +8 -5
  78. package/styles/treegrid/icons/_fabric.scss +8 -5
  79. package/styles/treegrid/icons/_fluent.scss +8 -5
  80. package/styles/treegrid/icons/_fluent2.scss +8 -5
  81. package/styles/treegrid/icons/_fusionnew.scss +8 -5
  82. package/styles/treegrid/icons/_highcontrast-light.scss +8 -5
  83. package/styles/treegrid/icons/_highcontrast.scss +8 -5
  84. package/styles/treegrid/icons/_material-dark.scss +8 -5
  85. package/styles/treegrid/icons/_material.scss +8 -5
  86. package/styles/treegrid/icons/_material3.scss +8 -5
  87. package/styles/treegrid/icons/_tailwind-dark.scss +9 -6
  88. package/styles/treegrid/icons/_tailwind.scss +8 -5
  89. package/styles/treegrid/icons/_tailwind3.scss +8 -5
  90. package/styles/treegrid/material-dark.css +23 -16
  91. package/styles/treegrid/material.css +23 -16
  92. package/styles/treegrid/material3-dark.css +23 -16
  93. package/styles/treegrid/material3.css +23 -16
  94. package/styles/treegrid/tailwind-dark.css +23 -16
  95. package/styles/treegrid/tailwind.css +23 -16
  96. package/styles/treegrid/tailwind3.css +23 -16
@@ -4301,8 +4301,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4301
4301
  var freezePresent = this.injectedModules.filter(function (e) {
4302
4302
  return e.prototype.getModuleName() === 'freeze';
4303
4303
  });
4304
+ var hasFreezeProp = Array.isArray(this.columns) &&
4305
+ this.columns.some(function (col) { return !!col.freeze; });
4304
4306
  if ((this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
4305
- this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) && freezePresent.length > 0) {
4307
+ hasFreezeProp) && freezePresent.length > 0) {
4306
4308
  modules.push({
4307
4309
  member: 'freeze', args: [this],
4308
4310
  name: 'Freeze'
@@ -6706,6 +6708,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
6706
6708
  };
6707
6709
  // Internal method to handle the rows expand
6708
6710
  TreeGrid.prototype.expandRows = function (row, record, parentRec) {
6711
+ var initialTotalRecordsCount = this.grid.totalDataRecordsCount;
6709
6712
  this.expandCollapse('expand', row, record);
6710
6713
  var children = 'Children';
6711
6714
  if (!(isRemoteData(this) && !isOffline(this)) && (!isCountRequired(this) || !isNullOrUndefined(record["" + children]))) {
@@ -6726,6 +6729,18 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
6726
6729
  this.trigger(expanded, expandArgs);
6727
6730
  }
6728
6731
  }
6732
+ if (this.enableVirtualization) {
6733
+ var index = this.grid.currentViewData.indexOf(record);
6734
+ var expandedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
6735
+ if (!isNullOrUndefined(expandedRow)) {
6736
+ var rowIndex = +expandedRow.getAttribute('data-rowindex');
6737
+ var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
6738
+ var lastBlockIdx = initialTotalRecordsCount - outBuffer;
6739
+ if (rowIndex > lastBlockIdx) {
6740
+ this.grid.getContent().firstElementChild.scrollTop = rowIndex * this.grid.getRowHeight();
6741
+ }
6742
+ }
6743
+ }
6729
6744
  };
6730
6745
  TreeGrid.prototype.expandCollapseAllChildren = function (record, action, key, level) {
6731
6746
  if ((!isNullOrUndefined(key) && record[this.getPrimaryKeyFieldNames()[0]] !== key) ||
@@ -6841,6 +6856,18 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
6841
6856
  this.grid.getContent().firstElementChild.scrollBy(0, this.grid.getRowHeight());
6842
6857
  }
6843
6858
  }
6859
+ if (this.enableVirtualization) {
6860
+ var index = this.grid.currentViewData.indexOf(record);
6861
+ var collapsedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
6862
+ if (!isNullOrUndefined(collapsedRow)) {
6863
+ var rowIndex = +collapsedRow.getAttribute('data-rowindex');
6864
+ var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
6865
+ var lastBlockIdx = this.grid.totalDataRecordsCount - outBuffer;
6866
+ if (rowIndex > lastBlockIdx) {
6867
+ this.grid.getContent().firstElementChild.scrollBy(0, (rowIndex - lastBlockIdx) * this.grid.getRowHeight());
6868
+ }
6869
+ }
6870
+ }
6844
6871
  }
6845
6872
  };
6846
6873
  TreeGrid.prototype.updateExpandStateMapping = function (record, state) {
@@ -13837,7 +13864,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
13837
13864
  VirtualTreeContentRenderer.prototype.dataBoundEvent = function () {
13838
13865
  var dataBoundEve = 'dataBound';
13839
13866
  var initialRowTop = 'initialRowTop';
13840
- if (this.parent.getRows().length && !isNullOrUndefined(this.parent.getRowByIndex(0)) && !this["" + initialRowTop]) {
13867
+ if (!isNullOrUndefined(this.parent.getRows()) && this.parent.getRows().length && !isNullOrUndefined(this.parent.getRowByIndex(0)) && !this["" + initialRowTop]) {
13841
13868
  var rowTop = this.parent.getRowByIndex(0).getBoundingClientRect().top;
13842
13869
  var gridTop = this.parent.element.getBoundingClientRect().top;
13843
13870
  if (rowTop > 0) {
@@ -14029,7 +14056,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
14029
14056
  content = this.parent.getContent().querySelector('.e-content');
14030
14057
  }
14031
14058
  var scrollHeight = outBuffer * rowHeight;
14032
- var upScroll = (scrollArgs.offset.top - this.translateY) < 0;
14059
+ var upScroll = (scrollArgs.offset.top - this.translateY) < 0 && this.activeKey !== 'downArrow';
14033
14060
  var downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
14034
14061
  var selectedRowIndex = 'selectedRowIndex';
14035
14062
  var currentViewData = this.parent.currentViewData;
@@ -14054,7 +14081,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
14054
14081
  this.startIndex = (this.startIndex - remains) < 0 ? 0 : (this.startIndex - remains);
14055
14082
  }
14056
14083
  if (currentViewData.length && (currentViewData[0]["" + indexValue] >= this.parent.pageSettings.pageSize / 2) &&
14057
- ((currentViewData[0]["" + indexValue] - this.startIndex) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
14084
+ ((currentViewData[0]["" + indexValue] - this.startIndex) < (this.parent.pageSettings.pageSize / 2)) &&
14085
+ this.parent.selectionModule && this.parent.selectionModule.isRowSelected) {
14058
14086
  this.startIndex = currentViewData[0]["" + indexValue] - (this.parent.pageSettings.pageSize / 2);
14059
14087
  this.endIndex = this.startIndex + this.parent.pageSettings.pageSize;
14060
14088
  }
@@ -14111,7 +14139,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
14111
14139
  this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
14112
14140
  }
14113
14141
  if (currentViewData.length && this.startIndex > currentViewData[0]["" + indexValue] &&
14114
- ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
14142
+ ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) &&
14143
+ this.parent.selectionModule && this.parent.selectionModule.isRowSelected) {
14115
14144
  this.startIndex = currentViewData[0]["" + indexValue] + (this.parent.pageSettings.pageSize / 2);
14116
14145
  }
14117
14146
  if (this.parent.root.isSelfReference) {