@syncfusion/ej2-treegrid 27.1.50 → 27.1.53

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 (71) 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 +29 -7
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +29 -7
  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 +9 -9
  12. package/src/treegrid/base/treegrid.js +10 -4
  13. package/src/treegrid/renderer/virtual-tree-content-render.js +19 -3
  14. package/styles/bootstrap-dark-lite.css +5 -0
  15. package/styles/bootstrap-dark.css +5 -0
  16. package/styles/bootstrap-lite.css +5 -0
  17. package/styles/bootstrap.css +5 -0
  18. package/styles/bootstrap4-lite.css +5 -0
  19. package/styles/bootstrap4.css +5 -0
  20. package/styles/bootstrap5-dark-lite.css +5 -0
  21. package/styles/bootstrap5-dark.css +5 -0
  22. package/styles/bootstrap5-lite.css +5 -0
  23. package/styles/bootstrap5.3-lite.css +5 -0
  24. package/styles/bootstrap5.3.css +5 -0
  25. package/styles/bootstrap5.css +5 -0
  26. package/styles/fabric-dark-lite.css +5 -0
  27. package/styles/fabric-dark.css +5 -0
  28. package/styles/fabric-lite.css +5 -0
  29. package/styles/fabric.css +5 -0
  30. package/styles/fluent-dark-lite.css +5 -0
  31. package/styles/fluent-dark.css +5 -0
  32. package/styles/fluent-lite.css +5 -0
  33. package/styles/fluent.css +5 -0
  34. package/styles/fluent2-lite.css +5 -0
  35. package/styles/fluent2.css +5 -0
  36. package/styles/highcontrast-light-lite.css +5 -0
  37. package/styles/highcontrast-light.css +5 -0
  38. package/styles/highcontrast-lite.css +5 -0
  39. package/styles/highcontrast.css +5 -0
  40. package/styles/material-dark-lite.css +5 -0
  41. package/styles/material-dark.css +5 -0
  42. package/styles/material-lite.css +5 -0
  43. package/styles/material.css +5 -0
  44. package/styles/material3-dark-lite.css +5 -0
  45. package/styles/material3-dark.css +5 -0
  46. package/styles/material3-lite.css +5 -0
  47. package/styles/material3.css +5 -0
  48. package/styles/tailwind-dark-lite.css +5 -0
  49. package/styles/tailwind-dark.css +5 -0
  50. package/styles/tailwind-lite.css +5 -0
  51. package/styles/tailwind.css +5 -0
  52. package/styles/treegrid/_layout.scss +5 -0
  53. package/styles/treegrid/bootstrap-dark.css +5 -0
  54. package/styles/treegrid/bootstrap.css +5 -0
  55. package/styles/treegrid/bootstrap4.css +5 -0
  56. package/styles/treegrid/bootstrap5-dark.css +5 -0
  57. package/styles/treegrid/bootstrap5.3.css +5 -0
  58. package/styles/treegrid/bootstrap5.css +5 -0
  59. package/styles/treegrid/fabric-dark.css +5 -0
  60. package/styles/treegrid/fabric.css +5 -0
  61. package/styles/treegrid/fluent-dark.css +5 -0
  62. package/styles/treegrid/fluent.css +5 -0
  63. package/styles/treegrid/fluent2.css +5 -0
  64. package/styles/treegrid/highcontrast-light.css +5 -0
  65. package/styles/treegrid/highcontrast.css +5 -0
  66. package/styles/treegrid/material-dark.css +5 -0
  67. package/styles/treegrid/material.css +5 -0
  68. package/styles/treegrid/material3-dark.css +5 -0
  69. package/styles/treegrid/material3.css +5 -0
  70. package/styles/treegrid/tailwind-dark.css +5 -0
  71. package/styles/treegrid/tailwind.css +5 -0
@@ -5783,12 +5783,12 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
5783
5783
  */
5784
5784
  TreeGrid.prototype.getPersistData = function () {
5785
5785
  var keyEntity = ['pageSettings', 'sortSettings',
5786
- 'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex'];
5786
+ 'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex', 'scrollPosition'];
5787
5787
  var ignoreOnPersist = {
5788
5788
  pageSettings: ['template', 'pageSizes', 'pageSizeMode', 'enableQueryString', 'totalRecordsCount', 'pageCount'],
5789
5789
  filterSettings: ['type', 'mode', 'showFilterBarStatus', 'immediateModeDelay', 'ignoreAccent', 'hierarchyMode'],
5790
5790
  searchSettings: ['fields', 'operator', 'ignoreCase'],
5791
- sortSettings: [], columns: [], selectedRowIndex: []
5791
+ sortSettings: [], columns: [], selectedRowIndex: [], scrollPosition: []
5792
5792
  };
5793
5793
  var ignoreOnColumn = ['filter', 'edit', 'filterBarTemplate', 'headerTemplate', 'template',
5794
5794
  'commandTemplate', 'commands', 'dataSource'];
@@ -6638,6 +6638,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
6638
6638
  });
6639
6639
  }
6640
6640
  record = this.getCollapseExpandRecords(row, record);
6641
+ if (isNullOrUndefined(row) && isNullOrUndefined(record)) {
6642
+ return;
6643
+ }
6641
6644
  if (!isNullOrUndefined(row) && row.cells[0].classList.contains('e-lastrowcell')) {
6642
6645
  this.lastRowBorder(row, false);
6643
6646
  }
@@ -6719,7 +6722,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
6719
6722
  return e.hasChildRecords;
6720
6723
  });
6721
6724
  }
6722
- else if (isNullOrUndefined(record)) {
6725
+ else if (isNullOrUndefined(record) && !isNullOrUndefined(row)) {
6723
6726
  if (this.detailTemplate) {
6724
6727
  record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
6725
6728
  }
@@ -6760,6 +6763,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
6760
6763
  });
6761
6764
  }
6762
6765
  record = this.getCollapseExpandRecords(row, record);
6766
+ if (isNullOrUndefined(row) && isNullOrUndefined(record)) {
6767
+ return;
6768
+ }
6763
6769
  if (this.isCollapseAll && !isRemoteData(this)) {
6764
6770
  var args = { data: parentRec, row: row, cancel: false };
6765
6771
  if (!this.isCollapsingEventTriggered) {
@@ -6781,7 +6787,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
6781
6787
  else if (!this.isCollapseAll || (this.isCollapseAll && isRemoteData(this))) {
6782
6788
  var args = { data: record, row: row, cancel: false };
6783
6789
  this.trigger(collapsing, args, function (collapsingArgs) {
6784
- if (!collapsingArgs.cancel && !isNullOrUndefined(record)) {
6790
+ if (!collapsingArgs.cancel) {
6785
6791
  _this.collapseRows(row, record, parentRec);
6786
6792
  }
6787
6793
  });
@@ -13409,6 +13415,18 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
13409
13415
  this.parent["" + action]('refresh-virtual-block', this.refreshContentRows, this);
13410
13416
  this.fn = function () {
13411
13417
  _this.observers.observes(function (scrollArgs) { return _this.scrollListeners(scrollArgs); }, _this.onEnteredAction(), _this.parent);
13418
+ var gObj = _this.parent;
13419
+ if (gObj.root.enablePersistence && gObj.root.scrollPosition) {
13420
+ _this.content.scrollTop = gObj.root.scrollPosition.top;
13421
+ if (gObj.root.enableColumnVirtualization) {
13422
+ _this.content.scrollLeft = gObj.root.scrollPosition.left;
13423
+ }
13424
+ var scrollValues = {
13425
+ direction: 'down', sentinel: _this.observer.sentinelInfo.down,
13426
+ offset: gObj.root.scrollPosition, focusElement: gObj.element
13427
+ };
13428
+ _this.scrollListeners(scrollValues);
13429
+ }
13412
13430
  _this.parent.off('content-ready', _this.fn);
13413
13431
  };
13414
13432
  this.parent.addEventListener('dataBound', this.dataBoundEvent.bind(this));
@@ -13667,6 +13685,9 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
13667
13685
  };
13668
13686
  VirtualTreeContentRenderer.prototype.scrollListeners = function (scrollArgs) {
13669
13687
  this['scrollAfterEdit']();
13688
+ if (this.parent.root.enablePersistence) {
13689
+ this.parent.root.scrollPosition = scrollArgs.offset;
13690
+ }
13670
13691
  var info = scrollArgs.sentinel;
13671
13692
  var rowHeight = this.parent.getRowHeight();
13672
13693
  var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
@@ -13688,13 +13709,14 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
13688
13709
  - this.parent.pageSettings.pageSize;
13689
13710
  index = (index > 0) ? index : 0;
13690
13711
  if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex] &&
13691
- ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
13712
+ ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop) &&
13713
+ !(this.parent.root && this.parent.root.treeGrid && this.parent.root.treeGrid.isGantt)) {
13692
13714
  index = this["" + selectedRowIndex];
13693
13715
  }
13694
13716
  this.startIndex = index;
13695
13717
  this.endIndex = index + this.parent.pageSettings.pageSize;
13696
13718
  if (this.endIndex > this.totalRecords) {
13697
- var lastInx = this.totalRecords - 1;
13719
+ var lastInx = this.totalRecords;
13698
13720
  var remains = this.endIndex % lastInx;
13699
13721
  this.endIndex = lastInx;
13700
13722
  this.startIndex = (this.startIndex - remains) < 0 ? 0 : (this.startIndex - remains);
@@ -13732,7 +13754,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
13732
13754
  var nextSetResIndex = ~~(content.scrollTop / rowHeight);
13733
13755
  var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
13734
13756
  if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
13735
- nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock) {
13757
+ nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock && !(this.parent.root && this.parent.root.treeGrid && this.parent.root.treeGrid.isGantt)) {
13736
13758
  nextSetResIndex = this["" + selectedRowIndex];
13737
13759
  }
13738
13760
  var lastIndex = nextSetResIndex + this.parent.pageSettings.pageSize;