@syncfusion/ej2-gantt 22.1.38 → 22.2.5

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 (60) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/ej2-gantt.min.js +2 -2
  3. package/dist/ej2-gantt.umd.min.js +2 -2
  4. package/dist/ej2-gantt.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-gantt.es2015.js +30 -11
  6. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  7. package/dist/es6/ej2-gantt.es5.js +31 -11
  8. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  9. package/dist/global/ej2-gantt.min.js +2 -2
  10. package/dist/global/ej2-gantt.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +20 -20
  13. package/src/gantt/actions/context-menu.js +1 -1
  14. package/src/gantt/actions/dialog-edit.js +2 -2
  15. package/src/gantt/actions/edit.js +1 -0
  16. package/src/gantt/actions/filter.d.ts +1 -1
  17. package/src/gantt/actions/filter.js +1 -1
  18. package/src/gantt/actions/keyboard.js +0 -1
  19. package/src/gantt/actions/selection.js +4 -0
  20. package/src/gantt/base/gantt-chart.js +4 -0
  21. package/src/gantt/base/gantt.d.ts +1 -0
  22. package/src/gantt/base/gantt.js +3 -0
  23. package/src/gantt/base/tree-grid.d.ts +1 -0
  24. package/src/gantt/base/tree-grid.js +10 -1
  25. package/src/gantt/renderer/chart-rows.js +5 -5
  26. package/styles/bootstrap-dark.css +0 -1
  27. package/styles/bootstrap.css +0 -1
  28. package/styles/bootstrap4.css +0 -1
  29. package/styles/bootstrap5-dark.css +0 -1
  30. package/styles/bootstrap5.css +0 -1
  31. package/styles/fabric-dark.css +0 -1
  32. package/styles/fabric.css +0 -1
  33. package/styles/fluent-dark.css +0 -1
  34. package/styles/fluent.css +0 -1
  35. package/styles/gantt/_theme.scss +0 -1
  36. package/styles/gantt/bootstrap-dark.css +0 -1
  37. package/styles/gantt/bootstrap.css +0 -1
  38. package/styles/gantt/bootstrap4.css +0 -1
  39. package/styles/gantt/bootstrap5-dark.css +0 -1
  40. package/styles/gantt/bootstrap5.css +0 -1
  41. package/styles/gantt/fabric-dark.css +0 -1
  42. package/styles/gantt/fabric.css +0 -1
  43. package/styles/gantt/fluent-dark.css +0 -1
  44. package/styles/gantt/fluent.css +0 -1
  45. package/styles/gantt/highcontrast-light.css +0 -1
  46. package/styles/gantt/highcontrast.css +0 -1
  47. package/styles/gantt/material-dark.css +0 -1
  48. package/styles/gantt/material.css +0 -1
  49. package/styles/gantt/material3-dark.css +0 -1
  50. package/styles/gantt/material3.css +0 -1
  51. package/styles/gantt/tailwind-dark.css +0 -1
  52. package/styles/gantt/tailwind.css +0 -1
  53. package/styles/highcontrast-light.css +0 -1
  54. package/styles/highcontrast.css +0 -1
  55. package/styles/material-dark.css +0 -1
  56. package/styles/material.css +0 -1
  57. package/styles/material3-dark.css +0 -1
  58. package/styles/material3.css +0 -1
  59. package/styles/tailwind-dark.css +0 -1
  60. package/styles/tailwind.css +0 -1
@@ -4836,6 +4836,10 @@ var GanttChart = /** @__PURE__ @class */ (function () {
4836
4836
  if (!isNullOrUndefined(this.parent.editModule) && !isNullOrUndefined(this.parent.editModule.taskbarEditModule)) {
4837
4837
  this.parent.editModule.taskbarEditModule.removeFalseLine(false);
4838
4838
  }
4839
+ var resizeCheck = this.parent.element.querySelector(".e-taskbar-resize-div");
4840
+ if (!isNullOrUndefined(resizeCheck)) {
4841
+ resizeCheck.remove();
4842
+ }
4839
4843
  if (this.parent.allowRowDragAndDrop) {
4840
4844
  var ganttDragElemet = this.parent.element.querySelector('.e-ganttdrag');
4841
4845
  if (ganttDragElemet) {
@@ -7833,6 +7837,7 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
7833
7837
  }
7834
7838
  };
7835
7839
  GanttTreeGrid.prototype.treeActionComplete = function (args) {
7840
+ var _this = this;
7836
7841
  var updatedArgs = extend({}, args);
7837
7842
  if (getValue('requestType', args) === 'sorting') {
7838
7843
  this.parent.notify('updateModel', {});
@@ -7855,6 +7860,7 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
7855
7860
  }
7856
7861
  }
7857
7862
  this.parent.editModule.cellEditModule.initiateCellEdit(args, this.currentEditRow);
7863
+ this.parent.editModule.cellEditModule.isCellEdit = false;
7858
7864
  this.currentEditRow = {};
7859
7865
  }
7860
7866
  }
@@ -7880,7 +7886,14 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
7880
7886
  }
7881
7887
  }
7882
7888
  else {
7883
- this.parent.selectRow(0);
7889
+ var indexvalue = 0;
7890
+ this.parent.currentViewData.map(function (data, index) {
7891
+ if (!isNullOrUndefined(_this.parent.currentSelection) && ((data.ganttProperties.taskId === _this.parent.currentSelection[_this.parent.taskFields.id])) || (!isNullOrUndefined(_this.parent.currentSelection)) && (data.ganttProperties.taskId === _this.parent.currentSelection.taskId)) {
7892
+ indexvalue = index;
7893
+ }
7894
+ });
7895
+ this.addedRecord = true;
7896
+ this.parent.selectRow((isNullOrUndefined(indexvalue) ? 0 : indexvalue));
7884
7897
  }
7885
7898
  this.parent.addDeleteRecord = false;
7886
7899
  }
@@ -9870,7 +9883,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
9870
9883
  var baselineMilestoneHeight = this.parent.renderBaseline ? 5 : 2;
9871
9884
  var template = '<div class="' + baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;height:' +
9872
9885
  ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
9873
- (this.milestoneHeight / 2) + 3) : (data.ganttProperties.left - (this.milestoneHeight / 2) + 2)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 3) + 'px"> </div>';
9886
+ (this.milestoneHeight / 2) + 3) : (data.ganttProperties.baselineLeft - (this.milestoneHeight / 2) + 2)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 3) + 'px"> </div>';
9874
9887
  return this.createDivElement(template);
9875
9888
  };
9876
9889
  /**
@@ -10897,8 +10910,8 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
10897
10910
  taskbarElement.querySelector(classCollections[0]).style.backgroundColor = args.taskbarBgColor;
10898
10911
  }
10899
10912
  if (taskbarElement.querySelector(classCollections[0]) &&
10900
- getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderColor !== args.taskbarBorderColor) {
10901
- taskbarElement.querySelector(classCollections[0]).style.borderColor = args.taskbarBorderColor;
10913
+ getComputedStyle(taskbarElement.querySelector(classCollections[0])).outlineColor !== args.taskbarBorderColor) {
10914
+ taskbarElement.querySelector(classCollections[0]).style.outlineColor = args.taskbarBorderColor;
10902
10915
  }
10903
10916
  if (taskbarElement.querySelector(classCollections[1]) &&
10904
10917
  getComputedStyle(taskbarElement.querySelector(classCollections[1])).backgroundColor !== args.progressBarBgColor) {
@@ -10909,8 +10922,8 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
10909
10922
  taskbarElement.style.backgroundColor = args.taskbarBgColor;
10910
10923
  }
10911
10924
  if (taskbarElement.classList.contains(traceChildTaskBar) &&
10912
- getComputedStyle(taskbarElement).borderColor !== args.taskbarBorderColor) {
10913
- taskbarElement.style.borderColor = args.taskbarBorderColor;
10925
+ getComputedStyle(taskbarElement).outlineColor !== args.taskbarBorderColor) {
10926
+ taskbarElement.style.outlineColor = args.taskbarBorderColor;
10914
10927
  }
10915
10928
  if (taskbarElement.classList.contains(traceChildProgressBar) &&
10916
10929
  getComputedStyle(taskbarElement).backgroundColor !== args.progressBarBgColor) {
@@ -13897,7 +13910,6 @@ var FocusModule = /** @__PURE__ @class */ (function () {
13897
13910
  if (ganttObj.editModule.dialogModule.dialogObj && getValue('dialogOpen', ganttObj.editModule.dialogModule.dialogObj)) {
13898
13911
  return;
13899
13912
  }
13900
- ganttObj.editModule.cellEditModule.isCellEdit = false;
13901
13913
  ganttObj.treeGrid.grid.saveCell();
13902
13914
  var focussedElement = ganttObj.element.querySelector('.e-treegrid');
13903
13915
  focussedElement.focus();
@@ -16679,6 +16691,9 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
16679
16691
  }
16680
16692
  else {
16681
16693
  this.editModule.addRecord(data, rowPosition, rowIndex);
16694
+ if (rowPosition === 'Above' || rowPosition === 'Below' || rowPosition === 'Child') {
16695
+ this.currentSelection = data;
16696
+ }
16682
16697
  }
16683
16698
  }
16684
16699
  };
@@ -23054,7 +23069,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
23054
23069
  }
23055
23070
  for (var i = 0; i < childNodes.length; i++) {
23056
23071
  var div = childNodes[i];
23057
- var inputElement = div.querySelector('input[id^="' + ganttObj.element.id + '"]');
23072
+ var inputElement = div.querySelector('input[id^="' + ganttObj.element.id + '"]') || div.querySelector('textarea[id^="' + ganttObj.element.id + '"]');
23058
23073
  if (inputElement) {
23059
23074
  var fieldName = inputElement.id.replace(ganttObj.element.id, '');
23060
23075
  var controlObj = div.querySelector('#' + ganttObj.element.id + fieldName).ej2_instances[0];
@@ -23074,7 +23089,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
23074
23089
  }
23075
23090
  }
23076
23091
  else if (isCustom && column.editType === 'booleanedit') {
23077
- if (inputElement.checked === true) {
23092
+ if (inputElement instanceof HTMLInputElement && inputElement.checked === true) {
23078
23093
  tasksData[fieldName] = true;
23079
23094
  }
23080
23095
  else {
@@ -27187,6 +27202,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
27187
27202
  var data_3 = [];
27188
27203
  data_3.push(args.data);
27189
27204
  _this.updateRealDataSource(data_3, rowPosition);
27205
+ _this.parent.currentSelection = cAddedRecord_1[0].ganttProperties;
27190
27206
  }
27191
27207
  }
27192
27208
  }
@@ -28507,7 +28523,7 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
28507
28523
  this.parent.off('columnMenuOpen', this.columnMenuOpen);
28508
28524
  };
28509
28525
  /**
28510
- * To destroy module
28526
+ * This method is used to destroy the filter module. When called, it performs any necessary cleanup operations related to the filter module.
28511
28527
  *
28512
28528
  * @returns {void} .
28513
28529
  */
@@ -28805,6 +28821,10 @@ var Selection$1 = /** @__PURE__ @class */ (function () {
28805
28821
  Selection$$1.prototype.selectRow = function (index, isToggle, isPreventFocus) {
28806
28822
  var ganttRow = [].slice.call(this.parent.ganttChartModule.chartBodyContent.querySelector('tbody').children);
28807
28823
  // eslint-disable-next-line
28824
+ if (this.parent.enableVirtualization && this.parent.treeGridModule.addedRecord) {
28825
+ index = this.parent.flatData.indexOf(this.parent.currentViewData[index]);
28826
+ this.parent.treeGridModule.addedRecord = false;
28827
+ }
28808
28828
  var selectedRow = ganttRow.filter(function (e) { return parseInt(e.getAttribute('aria-rowindex'), 0) === index; })[0];
28809
28829
  var condition;
28810
28830
  if (index === -1 || isNullOrUndefined(selectedRow) || this.parent.selectionSettings.mode === 'Cell') {
@@ -30959,7 +30979,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
30959
30979
  switch (this.item) {
30960
30980
  case 'TaskInformation':
30961
30981
  if (!isNullOrUndefined(this.rowData)) {
30962
- if (isNaN(Number(this.rowData.ganttProperties.rowUniqueID))) {
30982
+ if (typeof this.rowData.ganttProperties.taskId == "string") {
30963
30983
  this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
30964
30984
  }
30965
30985
  else {