@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
|
@@ -4791,6 +4791,10 @@ class GanttChart {
|
|
|
4791
4791
|
if (!isNullOrUndefined(this.parent.editModule) && !isNullOrUndefined(this.parent.editModule.taskbarEditModule)) {
|
|
4792
4792
|
this.parent.editModule.taskbarEditModule.removeFalseLine(false);
|
|
4793
4793
|
}
|
|
4794
|
+
var resizeCheck = this.parent.element.querySelector(".e-taskbar-resize-div");
|
|
4795
|
+
if (!isNullOrUndefined(resizeCheck)) {
|
|
4796
|
+
resizeCheck.remove();
|
|
4797
|
+
}
|
|
4794
4798
|
if (this.parent.allowRowDragAndDrop) {
|
|
4795
4799
|
const ganttDragElemet = this.parent.element.querySelector('.e-ganttdrag');
|
|
4796
4800
|
if (ganttDragElemet) {
|
|
@@ -7787,6 +7791,7 @@ class GanttTreeGrid {
|
|
|
7787
7791
|
}
|
|
7788
7792
|
}
|
|
7789
7793
|
this.parent.editModule.cellEditModule.initiateCellEdit(args, this.currentEditRow);
|
|
7794
|
+
this.parent.editModule.cellEditModule.isCellEdit = false;
|
|
7790
7795
|
this.currentEditRow = {};
|
|
7791
7796
|
}
|
|
7792
7797
|
}
|
|
@@ -7812,7 +7817,14 @@ class GanttTreeGrid {
|
|
|
7812
7817
|
}
|
|
7813
7818
|
}
|
|
7814
7819
|
else {
|
|
7815
|
-
|
|
7820
|
+
var indexvalue = 0;
|
|
7821
|
+
this.parent.currentViewData.map((data, index) => {
|
|
7822
|
+
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)) {
|
|
7823
|
+
indexvalue = index;
|
|
7824
|
+
}
|
|
7825
|
+
});
|
|
7826
|
+
this.addedRecord = true;
|
|
7827
|
+
this.parent.selectRow((isNullOrUndefined(indexvalue) ? 0 : indexvalue));
|
|
7816
7828
|
}
|
|
7817
7829
|
this.parent.addDeleteRecord = false;
|
|
7818
7830
|
}
|
|
@@ -9465,7 +9477,7 @@ class ChartRows extends DateProcessor {
|
|
|
9465
9477
|
let baselineMilestoneHeight = this.parent.renderBaseline ? 5 : 2;
|
|
9466
9478
|
const template = '<div class="' + baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;height:' +
|
|
9467
9479
|
((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 -
|
|
9468
|
-
(this.milestoneHeight / 2) + 3) : (data.ganttProperties.
|
|
9480
|
+
(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>';
|
|
9469
9481
|
return this.createDivElement(template);
|
|
9470
9482
|
}
|
|
9471
9483
|
/**
|
|
@@ -10490,8 +10502,8 @@ class ChartRows extends DateProcessor {
|
|
|
10490
10502
|
taskbarElement.querySelector(classCollections[0]).style.backgroundColor = args.taskbarBgColor;
|
|
10491
10503
|
}
|
|
10492
10504
|
if (taskbarElement.querySelector(classCollections[0]) &&
|
|
10493
|
-
getComputedStyle(taskbarElement.querySelector(classCollections[0])).
|
|
10494
|
-
taskbarElement.querySelector(classCollections[0]).style.
|
|
10505
|
+
getComputedStyle(taskbarElement.querySelector(classCollections[0])).outlineColor !== args.taskbarBorderColor) {
|
|
10506
|
+
taskbarElement.querySelector(classCollections[0]).style.outlineColor = args.taskbarBorderColor;
|
|
10495
10507
|
}
|
|
10496
10508
|
if (taskbarElement.querySelector(classCollections[1]) &&
|
|
10497
10509
|
getComputedStyle(taskbarElement.querySelector(classCollections[1])).backgroundColor !== args.progressBarBgColor) {
|
|
@@ -10502,8 +10514,8 @@ class ChartRows extends DateProcessor {
|
|
|
10502
10514
|
taskbarElement.style.backgroundColor = args.taskbarBgColor;
|
|
10503
10515
|
}
|
|
10504
10516
|
if (taskbarElement.classList.contains(traceChildTaskBar) &&
|
|
10505
|
-
getComputedStyle(taskbarElement).
|
|
10506
|
-
taskbarElement.style.
|
|
10517
|
+
getComputedStyle(taskbarElement).outlineColor !== args.taskbarBorderColor) {
|
|
10518
|
+
taskbarElement.style.outlineColor = args.taskbarBorderColor;
|
|
10507
10519
|
}
|
|
10508
10520
|
if (taskbarElement.classList.contains(traceChildProgressBar) &&
|
|
10509
10521
|
getComputedStyle(taskbarElement).backgroundColor !== args.progressBarBgColor) {
|
|
@@ -13481,7 +13493,6 @@ class FocusModule {
|
|
|
13481
13493
|
if (ganttObj.editModule.dialogModule.dialogObj && getValue('dialogOpen', ganttObj.editModule.dialogModule.dialogObj)) {
|
|
13482
13494
|
return;
|
|
13483
13495
|
}
|
|
13484
|
-
ganttObj.editModule.cellEditModule.isCellEdit = false;
|
|
13485
13496
|
ganttObj.treeGrid.grid.saveCell();
|
|
13486
13497
|
const focussedElement = ganttObj.element.querySelector('.e-treegrid');
|
|
13487
13498
|
focussedElement.focus();
|
|
@@ -16244,6 +16255,9 @@ let Gantt = class Gantt extends Component {
|
|
|
16244
16255
|
}
|
|
16245
16256
|
else {
|
|
16246
16257
|
this.editModule.addRecord(data, rowPosition, rowIndex);
|
|
16258
|
+
if (rowPosition === 'Above' || rowPosition === 'Below' || rowPosition === 'Child') {
|
|
16259
|
+
this.currentSelection = data;
|
|
16260
|
+
}
|
|
16247
16261
|
}
|
|
16248
16262
|
}
|
|
16249
16263
|
}
|
|
@@ -22561,7 +22575,7 @@ class DialogEdit {
|
|
|
22561
22575
|
}
|
|
22562
22576
|
for (let i = 0; i < childNodes.length; i++) {
|
|
22563
22577
|
const div = childNodes[i];
|
|
22564
|
-
const inputElement = div.querySelector('input[id^="' + ganttObj.element.id + '"]');
|
|
22578
|
+
const inputElement = div.querySelector('input[id^="' + ganttObj.element.id + '"]') || div.querySelector('textarea[id^="' + ganttObj.element.id + '"]');
|
|
22565
22579
|
if (inputElement) {
|
|
22566
22580
|
const fieldName = inputElement.id.replace(ganttObj.element.id, '');
|
|
22567
22581
|
const controlObj = div.querySelector('#' + ganttObj.element.id + fieldName).ej2_instances[0];
|
|
@@ -22581,7 +22595,7 @@ class DialogEdit {
|
|
|
22581
22595
|
}
|
|
22582
22596
|
}
|
|
22583
22597
|
else if (isCustom && column.editType === 'booleanedit') {
|
|
22584
|
-
if (inputElement.checked === true) {
|
|
22598
|
+
if (inputElement instanceof HTMLInputElement && inputElement.checked === true) {
|
|
22585
22599
|
tasksData[fieldName] = true;
|
|
22586
22600
|
}
|
|
22587
22601
|
else {
|
|
@@ -26649,6 +26663,7 @@ class Edit$2 {
|
|
|
26649
26663
|
let data = [];
|
|
26650
26664
|
data.push(args.data);
|
|
26651
26665
|
this.updateRealDataSource(data, rowPosition);
|
|
26666
|
+
this.parent.currentSelection = cAddedRecord[0].ganttProperties;
|
|
26652
26667
|
}
|
|
26653
26668
|
}
|
|
26654
26669
|
}
|
|
@@ -27959,7 +27974,7 @@ class Filter$1 {
|
|
|
27959
27974
|
this.parent.off('columnMenuOpen', this.columnMenuOpen);
|
|
27960
27975
|
}
|
|
27961
27976
|
/**
|
|
27962
|
-
*
|
|
27977
|
+
* This method is used to destroy the filter module. When called, it performs any necessary cleanup operations related to the filter module.
|
|
27963
27978
|
*
|
|
27964
27979
|
* @returns {void} .
|
|
27965
27980
|
*/
|
|
@@ -28255,6 +28270,10 @@ class Selection$1 {
|
|
|
28255
28270
|
selectRow(index, isToggle, isPreventFocus) {
|
|
28256
28271
|
const ganttRow = [].slice.call(this.parent.ganttChartModule.chartBodyContent.querySelector('tbody').children);
|
|
28257
28272
|
// eslint-disable-next-line
|
|
28273
|
+
if (this.parent.enableVirtualization && this.parent.treeGridModule.addedRecord) {
|
|
28274
|
+
index = this.parent.flatData.indexOf(this.parent.currentViewData[index]);
|
|
28275
|
+
this.parent.treeGridModule.addedRecord = false;
|
|
28276
|
+
}
|
|
28258
28277
|
const selectedRow = ganttRow.filter((e) => parseInt(e.getAttribute('aria-rowindex'), 0) === index)[0];
|
|
28259
28278
|
let condition;
|
|
28260
28279
|
if (index === -1 || isNullOrUndefined(selectedRow) || this.parent.selectionSettings.mode === 'Cell') {
|
|
@@ -30384,7 +30403,7 @@ class ContextMenu$2 {
|
|
|
30384
30403
|
switch (this.item) {
|
|
30385
30404
|
case 'TaskInformation':
|
|
30386
30405
|
if (!isNullOrUndefined(this.rowData)) {
|
|
30387
|
-
if (
|
|
30406
|
+
if (typeof this.rowData.ganttProperties.taskId == "string") {
|
|
30388
30407
|
this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
|
|
30389
30408
|
}
|
|
30390
30409
|
else {
|