@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.
- package/CHANGELOG.md +20 -0
- package/dist/ej2-gantt.min.js +2 -2
- package/dist/ej2-gantt.umd.min.js +2 -2
- package/dist/ej2-gantt.umd.min.js.map +1 -1
- package/dist/es6/ej2-gantt.es2015.js +30 -11
- package/dist/es6/ej2-gantt.es2015.js.map +1 -1
- package/dist/es6/ej2-gantt.es5.js +31 -11
- package/dist/es6/ej2-gantt.es5.js.map +1 -1
- package/dist/global/ej2-gantt.min.js +2 -2
- package/dist/global/ej2-gantt.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +20 -20
- package/src/gantt/actions/context-menu.js +1 -1
- package/src/gantt/actions/dialog-edit.js +2 -2
- package/src/gantt/actions/edit.js +1 -0
- package/src/gantt/actions/filter.d.ts +1 -1
- package/src/gantt/actions/filter.js +1 -1
- package/src/gantt/actions/keyboard.js +0 -1
- package/src/gantt/actions/selection.js +4 -0
- package/src/gantt/base/gantt-chart.js +4 -0
- package/src/gantt/base/gantt.d.ts +1 -0
- package/src/gantt/base/gantt.js +3 -0
- package/src/gantt/base/tree-grid.d.ts +1 -0
- package/src/gantt/base/tree-grid.js +10 -1
- package/src/gantt/renderer/chart-rows.js +5 -5
- package/styles/bootstrap-dark.css +0 -1
- package/styles/bootstrap.css +0 -1
- package/styles/bootstrap4.css +0 -1
- package/styles/bootstrap5-dark.css +0 -1
- package/styles/bootstrap5.css +0 -1
- package/styles/fabric-dark.css +0 -1
- package/styles/fabric.css +0 -1
- package/styles/fluent-dark.css +0 -1
- package/styles/fluent.css +0 -1
- package/styles/gantt/_theme.scss +0 -1
- package/styles/gantt/bootstrap-dark.css +0 -1
- package/styles/gantt/bootstrap.css +0 -1
- package/styles/gantt/bootstrap4.css +0 -1
- package/styles/gantt/bootstrap5-dark.css +0 -1
- package/styles/gantt/bootstrap5.css +0 -1
- package/styles/gantt/fabric-dark.css +0 -1
- package/styles/gantt/fabric.css +0 -1
- package/styles/gantt/fluent-dark.css +0 -1
- package/styles/gantt/fluent.css +0 -1
- package/styles/gantt/highcontrast-light.css +0 -1
- package/styles/gantt/highcontrast.css +0 -1
- package/styles/gantt/material-dark.css +0 -1
- package/styles/gantt/material.css +0 -1
- package/styles/gantt/material3-dark.css +0 -1
- package/styles/gantt/material3.css +0 -1
- package/styles/gantt/tailwind-dark.css +0 -1
- package/styles/gantt/tailwind.css +0 -1
- package/styles/highcontrast-light.css +0 -1
- package/styles/highcontrast.css +0 -1
- package/styles/material-dark.css +0 -1
- package/styles/material.css +0 -1
- package/styles/material3-dark.css +0 -1
- package/styles/material3.css +0 -1
- package/styles/tailwind-dark.css +0 -1
- 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
|
-
|
|
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.
|
|
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])).
|
|
10901
|
-
taskbarElement.querySelector(classCollections[0]).style.
|
|
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).
|
|
10913
|
-
taskbarElement.style.
|
|
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
|
-
*
|
|
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 (
|
|
30982
|
+
if (typeof this.rowData.ganttProperties.taskId == "string") {
|
|
30963
30983
|
this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
|
|
30964
30984
|
}
|
|
30965
30985
|
else {
|