@syncfusion/ej2-gantt 22.2.5 → 22.2.7

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 (58) hide show
  1. package/CHANGELOG.md +17 -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 +216 -174
  6. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  7. package/dist/es6/ej2-gantt.es5.js +216 -174
  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 +10 -10
  13. package/src/gantt/actions/critical-path.js +14 -3
  14. package/src/gantt/actions/edit.js +5 -2
  15. package/src/gantt/actions/taskbar-edit.js +10 -1
  16. package/src/gantt/base/gantt-chart.js +3 -0
  17. package/src/gantt/base/interface.d.ts +0 -2
  18. package/src/gantt/base/task-processor.js +1 -0
  19. package/src/gantt/base/tree-grid.js +20 -4
  20. package/src/gantt/renderer/chart-rows.js +13 -6
  21. package/src/gantt/renderer/connector-line.d.ts +0 -2
  22. package/src/gantt/renderer/connector-line.js +130 -153
  23. package/src/gantt/renderer/timeline.js +1 -2
  24. package/styles/bootstrap-dark.css +1 -1
  25. package/styles/bootstrap.css +1 -1
  26. package/styles/bootstrap4.css +1 -1
  27. package/styles/bootstrap5-dark.css +1 -1
  28. package/styles/bootstrap5.css +1 -1
  29. package/styles/fabric-dark.css +1 -1
  30. package/styles/fabric.css +1 -1
  31. package/styles/fluent-dark.css +1 -1
  32. package/styles/fluent.css +1 -1
  33. package/styles/gantt/_layout.scss +1 -1
  34. package/styles/gantt/bootstrap-dark.css +1 -1
  35. package/styles/gantt/bootstrap.css +1 -1
  36. package/styles/gantt/bootstrap4.css +1 -1
  37. package/styles/gantt/bootstrap5-dark.css +1 -1
  38. package/styles/gantt/bootstrap5.css +1 -1
  39. package/styles/gantt/fabric-dark.css +1 -1
  40. package/styles/gantt/fabric.css +1 -1
  41. package/styles/gantt/fluent-dark.css +1 -1
  42. package/styles/gantt/fluent.css +1 -1
  43. package/styles/gantt/highcontrast-light.css +1 -1
  44. package/styles/gantt/highcontrast.css +1 -1
  45. package/styles/gantt/material-dark.css +1 -1
  46. package/styles/gantt/material.css +1 -1
  47. package/styles/gantt/material3-dark.css +1 -1
  48. package/styles/gantt/material3.css +1 -1
  49. package/styles/gantt/tailwind-dark.css +1 -1
  50. package/styles/gantt/tailwind.css +1 -1
  51. package/styles/highcontrast-light.css +1 -1
  52. package/styles/highcontrast.css +1 -1
  53. package/styles/material-dark.css +1 -1
  54. package/styles/material.css +1 -1
  55. package/styles/material3-dark.css +1 -1
  56. package/styles/material3.css +1 -1
  57. package/styles/tailwind-dark.css +1 -1
  58. package/styles/tailwind.css +1 -1
@@ -106,8 +106,6 @@ var ConnectorLine = /** @class */ (function () {
106
106
  connectorObj.connectorLineId = 'parent' + parentId + 'child' + childId;
107
107
  connectorObj.milestoneParent = parentGanttRecord.isMilestone ? true : false;
108
108
  connectorObj.milestoneChild = childGanttRecord.isMilestone ? true : false;
109
- connectorObj.isManualParent = (!(this.parent.flatData[parentIndex].ganttProperties.isAutoSchedule) && this.parent.flatData[parentIndex].hasChildRecords);
110
- connectorObj.isManualChild = (!(this.parent.flatData[childIndex].ganttProperties.isAutoSchedule) && this.parent.flatData[childIndex].hasChildRecords);
111
109
  connectorObj.parentEndPoint = connectorObj.parentLeft + connectorObj.parentWidth;
112
110
  connectorObj.childEndPoint = connectorObj.childLeft + connectorObj.childWidth;
113
111
  if (isNullOrUndefined(isScheduledTask(parentGanttRecord)) || isNullOrUndefined(isScheduledTask(childGanttRecord))) {
@@ -474,8 +472,8 @@ var ConnectorLine = /** @class */ (function () {
474
472
  }
475
473
  if (this.parent.currentViewData[data.parentIndex].ganttProperties.isMilestone) {
476
474
  if (data.parentIndex > data.childIndex) {
477
- addTop = -5;
478
- borderTopWidth = 10;
475
+ addTop = -11;
476
+ borderTopWidth = 12;
479
477
  }
480
478
  else if (data.type === 'SS' || data.type === 'FF') {
481
479
  addTop = -5;
@@ -486,8 +484,20 @@ var ConnectorLine = /** @class */ (function () {
486
484
  addTop = 5;
487
485
  borderTopWidth = -10;
488
486
  }
489
- else if (data.type === 'SS' || data.type === 'FF') {
490
- addTop = 5;
487
+ else if (data.parentIndex < data.childIndex) {
488
+ if (data.type === 'SS' || data.type === 'FF') {
489
+ addTop = -10;
490
+ }
491
+ }
492
+ }
493
+ else {
494
+ if (data.parentIndex < data.childIndex && fromRecordIsManual && !toRecordIsManual) {
495
+ addTop = 0;
496
+ borderTopWidth = -11;
497
+ }
498
+ else if (data.childIndex < data.parentIndex && !fromRecordIsManual && toRecordIsManual) {
499
+ addTop = 0;
500
+ borderTopWidth = -11;
491
501
  }
492
502
  }
493
503
  }
@@ -520,127 +530,110 @@ var ConnectorLine = /** @class */ (function () {
520
530
  if (this.getParentPosition(data) === 'FSType1') {
521
531
  this.taskLineValue = data.milestoneChild ? 1 : 0;
522
532
  this.x1 = data.parentEndPoint + (data.milestoneParent ? -1 : (data.milestoneChild ? -1 : 0));
523
- this.x2 = data.milestoneParent ? ((((data.childLeft - (data.parentEndPoint + 10)) + 1) - 10) + 1) : (((data.childLeft - (data.parentEndPoint + 10))) - 10);
524
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
525
- this.y2 = heightValue + this.taskLineValue;
526
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
527
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
528
- this.connectorLinePath = "M " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2) + " " + (this.y1 + this.y2) +
529
- " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 + this.y2);
530
- this.arrowPath = "M " + (this.x1 + this.x2 + 18) + " " + (this.y1 + this.y2 + this.manualChild) +
531
- " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 + this.y2 - (4 + this.lineStroke) + this.manualChild) +
532
- " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 + this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
533
+ this.x2 = data.milestoneParent ? ((((data.childLeft - (data.parentLeft + data.parentWidth + 10)) + this.lineStroke) - 10) + 1) : (((data.childLeft - (data.parentLeft + data.parentWidth + 10)) + this.lineStroke) - 10);
534
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1) - isMilestoneValue));
535
+ this.y2 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
536
+ this.connectorLinePath = "M " + this.x1 + " " + (this.y1) + " L " + (this.x1 + this.x2) + " " + (this.y1) + " L " + (this.x1 + this.x2) + " " + (this.y1 + this.y2) +
537
+ " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 + this.y2);
538
+ this.arrowPath = "M " + (this.x1 + this.x2 + 20) + " " + (this.y1 + this.y2) +
539
+ " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 + this.y2 - (4 + this.lineStroke)) +
540
+ " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 + this.y2 + 4) + " Z";
533
541
  }
534
542
  if (this.getParentPosition(data) === 'FSType2') {
535
- this.taskLineValue = data.milestoneChild ? 1 : 0;
536
- this.x1 = data.parentLeft + (data.milestoneChild ? -1 : 0);
537
- this.x2 = data.parentWidth + (data.milestoneParent ? 1 : 0);
543
+ this.x1 = data.parentLeft;
544
+ this.x2 = data.parentWidth + (data.milestoneParent ? -1 : 0);
538
545
  this.x3 = this.x2 + (data.milestoneParent ? 11 : 10);
539
546
  this.x4 = data.parentWidth - ((data.parentEndPoint - data.childLeft) + 20);
540
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
541
- this.y2 = heightValue - this.getconnectorLineGap(data) + this.taskLineValue;
547
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1) - isMilestoneValue));
548
+ this.y2 = heightValue + borderTopWidth - this.getconnectorLineGap(data) - this.lineStroke;
542
549
  this.y3 = this.getconnectorLineGap(data);
543
- this.y4 = this.y1 + this.y2 - ((this.y1 + this.y2) % data.rowHeight);
544
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
545
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
546
- this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " " + " L " + (this.x1 + this.x3) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x3) + " " + this.y4 +
547
- " L " + (this.x1 + this.x4) + " " + this.y4 + " L " + (this.x1 + this.x4) + " " + (this.y1 + this.y2 + this.y3) + " L " + (this.x1 + this.x4 + 11) + " " + (this.y1 + this.y2 + this.y3);
548
- this.arrowPath = "M " + (this.x1 + this.x4 + 18) + " " + (this.y1 + this.y2 + this.y3 + this.manualChild) +
549
- " L " + (this.x1 + this.x4 + 11) + " " + (this.y1 + this.y2 + this.y3 - (4 + this.lineStroke) + this.manualChild) +
550
- " L " + (this.x1 + this.x4 + 11) + " " + (this.y1 + this.y2 + this.y3 + 4 + this.lineStroke + this.manualChild) + " Z";
550
+ this.y4 = (!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (this.y1 + this.y2 - ((this.y1 + this.y2) % data.rowHeight)));
551
+ this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1) + " " + " L " + (this.x1 + this.x3) + " " + (this.y1) + " L " + (this.x1 + this.x3) + " " + this.y4 +
552
+ " L " + (this.x1 + this.x4) + " " + this.y4 + " L " + (this.x1 + this.x4) + " " + (this.y1 + this.y2 + this.y3) + " L " + (this.x1 + this.x4 + 12) + " " + (this.y1 + this.y2 + this.y3);
553
+ this.arrowPath = "M " + (this.x1 + this.x4 + 20) + " " + (this.y1 + this.y2 + this.y3) +
554
+ " L " + (this.x1 + this.x4 + 12) + " " + (this.y1 + this.y2 + this.y3 - (4 + this.lineStroke)) +
555
+ " L " + (this.x1 + this.x4 + 12) + " " + (this.y1 + this.y2 + this.y3 + 4 + this.lineStroke) + " Z";
551
556
  }
552
557
  if (this.getParentPosition(data) === 'FSType3') {
553
558
  this.taskLineValue = data.milestoneChild ? 1 : 0;
554
- this.point1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
559
+ this.point1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1) - isMilestoneValue));
555
560
  this.x1 = (data.childLeft + (data.milestoneChild ? -1 : 0) + (data.milestoneParent ? 1 : 0)) - 20;
556
561
  this.x2 = (data.parentEndPoint - data.childLeft) + 30;
557
- this.y1 = this.point1 + ((data.isManualParent && data.isManualChild) ? -10 : 0);
558
- this.y2 = this.point1 + heightValue - this.getconnectorLineGap(data) + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneChild ? -10 : 0) : 0);
559
- this.y3 = this.getconnectorLineGap(data) + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
562
+ this.y1 = this.point1 + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? 11 : data.milestoneParent && !(data.milestoneChild) ? -12 : 0) : 0);
563
+ this.y2 = this.point1 + heightValue + borderTopWidth - this.getconnectorLineGap(data) - this.lineStroke + this.taskLineValue;
564
+ this.y3 = this.getconnectorLineGap(data);
560
565
  this.y4 = this.y2 - (this.y2 % data.rowHeight);
561
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
562
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
563
- this.connectorLinePath = "M " + (this.x1 + 12) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + this.y4 +
566
+ this.connectorLinePath = "M " + (this.x1 + 12) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) + " L " + this.x1 + " " + this.y4 +
564
567
  " L " + (this.x1 + this.x2) + " " + this.y4 + " L " + (this.x1 + this.x2) + " " + (this.y2 + this.y3) + " L " + (this.x1 + this.x2 - 12) + " " + (this.y2 + this.y3);
565
- this.arrowPath = "M " + (this.x1 + 18) + " " + (this.y1 + this.manualChild) +
566
- " L " + (this.x1 + 11) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
567
- " L " + (this.x1 + 11) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
568
+ this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y1) +
569
+ " L " + (this.x1 + 12) + " " + (this.y1 - (4 + this.lineStroke)) +
570
+ " L " + (this.x1 + 12) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
568
571
  }
569
572
  if (this.getParentPosition(data) === 'FSType4') {
570
- this.point1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
573
+ this.point1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
571
574
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
572
575
  this.x1 = data.parentEndPoint + (data.milestoneChild ? -1 : 0) + (data.milestoneParent ? 1 : 0);
573
576
  this.x2 = data.childLeft - data.parentEndPoint - 20;
574
- this.y1 = this.point1 + (data.milestoneChild ? 1 : 0) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
575
- this.y2 = this.point1 + heightValue + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
576
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
577
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
578
- this.connectorLinePath = "M " + (this.x1 + this.x2 + 11) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2) + " " + this.y2 +
577
+ this.y1 = this.point1 + (data.milestoneChild ? -1 : 0);
578
+ this.y2 = this.point1 + heightValue + borderTopWidth - this.lineStroke + 1 + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? -12 : data.milestoneParent && !(data.milestoneChild) ? 11 : 0) : 0);
579
+ this.connectorLinePath = "M " + (this.x1 + this.x2 + 12) + " " + (this.y1) + " L " + (this.x1 + this.x2) + " " + (this.y1) + " L " + (this.x1 + this.x2) + " " + this.y2 +
579
580
  " L " + this.x1 + " " + this.y2;
580
- this.arrowPath = "M " + (this.x1 + this.x2 + 18) + " " + (this.y1 + this.manualChild) +
581
- " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
582
- " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
581
+ this.arrowPath = "M " + (this.x1 + this.x2 + 20) + " " + (this.y1) +
582
+ " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 - (4 + this.lineStroke)) +
583
+ " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
583
584
  }
584
585
  if (this.getParentPosition(data) === 'SSType4') {
585
586
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
586
- this.point1 = heightValue + this.taskLineValue;
587
- this.point2 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
588
- this.x1 = data.parentLeft - 8;
587
+ this.point1 = heightValue + this.taskLineValue + borderTopWidth;
588
+ this.point2 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
589
+ this.x1 = data.parentLeft - 10;
589
590
  this.x2 = data.childLeft - data.parentLeft;
590
- this.y1 = this.point2 + (data.milestoneChild ? 1 : 0) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
591
- this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
592
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
593
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
594
- this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) +
591
+ this.y1 = this.point2 + (data.milestoneChild ? 1 : 0);
592
+ this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneParent && !(data.milestoneChild) ? 10 : data.milestoneChild && !(data.milestoneParent) ? -13 : 0) : 0);
593
+ this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) +
595
594
  " L " + this.x1 + " " + this.y2 + " L " + (this.x1 + 10) + " " + this.y2;
596
- this.arrowPath = "M " + (this.x1 + this.x2 + 8) + " " + (this.y1 + this.manualChild) +
597
- " L " + (this.x1 + this.x2) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
598
- " L " + (this.x1 + this.x2) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
595
+ this.arrowPath = "M " + (this.x1 + this.x2 + 8) + " " + (this.y1) +
596
+ " L " + (this.x1 + this.x2) + " " + (this.y1 - (4 + this.lineStroke)) +
597
+ " L " + (this.x1 + this.x2) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
599
598
  }
600
599
  if (this.getParentPosition(data) === 'SSType3') {
601
600
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : data.milestoneChild ? 1 : 0;
602
- this.point1 = heightValue + this.taskLineValue;
601
+ this.point1 = heightValue + this.taskLineValue + borderTopWidth - (this.lineStroke - 1);
603
602
  this.x1 = data.childLeft - 20;
604
- this.y1 = (data.milestoneChild ? 1 : 0) + ((this.parent.enableVirtualization ? rowPositionHeight : (!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild))) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
603
+ this.y1 = (data.milestoneChild ? 1 : 0) + (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
605
604
  this.x2 = data.parentLeft - data.childLeft + 21;
606
- this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneChild ? -11 : data.milestoneParent ? 10 : 0) : 0);
607
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
608
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
609
- this.connectorLinePath = "M " + (this.x1 + 12) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) +
605
+ this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? -11 : data.milestoneParent && !(data.milestoneChild) ? 10 : 0) : 0);
606
+ this.connectorLinePath = "M " + (this.x1 + 12) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) +
610
607
  " L " + this.x1 + " " + this.y2 + " L " + (this.x1 + this.x2) + " " + this.y2;
611
- this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y1 + this.manualChild) +
612
- " L " + (this.x1 + 12) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
613
- " L " + (this.x1 + 12) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
608
+ this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y1) +
609
+ " L " + (this.x1 + 12) + " " + (this.y1 - (4 + this.lineStroke)) +
610
+ " L " + (this.x1 + 12) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
614
611
  }
615
612
  if (this.getParentPosition(data) === 'SSType2') {
616
613
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : data.milestoneChild ? 1 : 0;
617
- this.point1 = heightValue + this.taskLineValue;
614
+ this.point1 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
618
615
  this.x1 = setInnerElementLeftSSType2;
619
616
  this.x2 = setInnerChildWidthSSType2 + 1;
620
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
617
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1)));
621
618
  this.y2 = this.y1 + this.point1;
622
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
623
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
624
- this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + this.y2 +
619
+ this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) + " L " + this.x1 + " " + this.y2 +
625
620
  " L " + (this.x1 + setInnerElementWidthSSType2) + " " + this.y2;
626
- this.arrowPath = "M " + (this.x1 + setInnerElementWidthSSType2 + 8) + " " + (this.y2 + this.manualChild) +
627
- " L " + (this.x1 + setInnerElementWidthSSType2) + " " + (this.y2 - (4 + this.lineStroke) + this.manualChild) +
628
- " L " + (this.x1 + setInnerElementWidthSSType2) + " " + (this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
621
+ this.arrowPath = "M " + (this.x1 + setInnerElementWidthSSType2 + 8) + " " + (this.y2) +
622
+ " L " + (this.x1 + setInnerElementWidthSSType2) + " " + (this.y2 - (4 + this.lineStroke)) +
623
+ " L " + (this.x1 + setInnerElementWidthSSType2) + " " + (this.y2 + 4 + this.lineStroke) + " Z";
629
624
  }
630
625
  if (this.getParentPosition(data) === 'SSType1') {
631
626
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : data.milestoneChild ? 1 : 0;
632
- this.point1 = heightValue + this.taskLineValue;
627
+ this.point1 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
633
628
  this.x1 = data.childLeft - 20;
634
629
  this.x2 = data.parentLeft - data.childLeft + 21;
635
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + +((data.isManualParent && data.isManualChild) ? -10 : 0);
630
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1)));
636
631
  this.y2 = this.y1 + this.point1;
637
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
638
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
639
- this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + this.y2 +
632
+ this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) + " L " + this.x1 + " " + this.y2 +
640
633
  " L " + (this.x1 + 12) + " " + this.y2;
641
- this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y2 + this.manualChild) +
642
- " L " + (this.x1 + 12) + " " + (this.y2 - (4 + this.lineStroke) + this.manualChild) +
643
- " L " + (this.x1 + 12) + " " + (this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
634
+ this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y2) +
635
+ " L " + (this.x1 + 12) + " " + (this.y2 - (4 + this.lineStroke)) +
636
+ " L " + (this.x1 + 12) + " " + (this.y2 + 4 + this.lineStroke) + " Z";
644
637
  }
645
638
  if (this.getParentPosition(data) === 'FFType1') {
646
639
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : (data.milestoneChild ? 1 : 0);
@@ -648,30 +641,26 @@ var ConnectorLine = /** @class */ (function () {
648
641
  this.x2 = data.parentEndPoint + (data.milestoneParent ? -1 : 0);
649
642
  this.x3 = data.milestoneParent ? 22 : 21;
650
643
  this.x4 = data.milestoneChild ? 4 : 8;
651
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
652
- this.y2 = heightValue + this.taskLineValue;
653
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
654
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
655
- this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.y2) +
644
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1)));
645
+ this.y2 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
646
+ this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + (this.x2 + this.x3) + " " + (this.y1) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.y2) +
656
647
  " L " + (this.x1 + this.x4) + " " + (this.y1 + this.y2);
657
- this.arrowPath = "M " + this.x1 + " " + (this.y1 + this.y2 + this.manualChild) +
658
- " L " + (this.x1 + 8) + " " + (this.y1 + this.y2 - (4 + this.lineStroke) + this.manualChild) +
659
- " L " + (this.x1 + 8) + " " + (this.y1 + this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
648
+ this.arrowPath = "M " + this.x1 + " " + (this.y1 + this.y2) +
649
+ " L " + (this.x1 + 8) + " " + (this.y1 + this.y2 - (4 + this.lineStroke)) +
650
+ " L " + (this.x1 + 8) + " " + (this.y1 + this.y2 + 4 + this.lineStroke) + " Z";
660
651
  }
661
652
  if (this.getParentPosition(data) === 'FFType2') {
662
653
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : (data.milestoneChild ? 1 : 0);
663
654
  this.x1 = data.parentEndPoint;
664
655
  this.x2 = data.childEndPoint + (data.milestoneParent ? 22 : 21);
665
656
  this.x3 = data.childEndPoint + (data.milestoneChild ? 9 : 8);
666
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
667
- this.y2 = heightValue + this.taskLineValue;
668
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
669
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
670
- this.connectorLinePath = "M " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x2 + " " + (this.y1 + this.y2) +
657
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(data.milestoneParent) - (this.lineStroke - 1)));
658
+ this.y2 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
659
+ this.connectorLinePath = "M " + this.x1 + " " + (this.y1) + " L " + this.x2 + " " + (this.y1) + " L " + this.x2 + " " + (this.y1 + this.y2) +
671
660
  " L " + this.x3 + " " + (this.y1 + this.y2);
672
- this.arrowPath = "M " + (this.x3 - 8) + " " + (this.y1 + this.y2 + this.manualChild) +
673
- " L " + this.x3 + " " + (this.y1 + this.y2 - (4 + this.lineStroke) + this.manualChild) +
674
- " L " + this.x3 + " " + (this.y1 + this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
661
+ this.arrowPath = "M " + (this.x3 - 8) + " " + (this.y1 + this.y2) +
662
+ " L " + this.x3 + " " + (this.y1 + this.y2 - (4 + this.lineStroke)) +
663
+ " L " + this.x3 + " " + (this.y1 + this.y2 + 4 + this.lineStroke) + " Z";
675
664
  }
676
665
  if (this.getParentPosition(data) === 'FFType3') {
677
666
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
@@ -679,98 +668,86 @@ var ConnectorLine = /** @class */ (function () {
679
668
  this.x2 = this.x1 + (data.milestoneChild ? 4 : 8);
680
669
  this.x3 = data.parentEndPoint - data.childEndPoint + (data.milestoneChild ? 16 : 10);
681
670
  this.x4 = data.parentEndPoint + (data.milestoneParent ? -1 : 0);
682
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
683
- this.y2 = heightValue + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
684
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
685
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
686
- this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.y2) +
671
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
672
+ this.y2 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke + (this.parent.renderBaseline ? (data.milestoneParent && !(data.milestoneChild) ? 10 : data.milestoneChild && !(data.milestoneParent) ? -11 : 0) : 0);
673
+ this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + (this.x2 + this.x3) + " " + (this.y1) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.y2) +
687
674
  " L " + this.x4 + " " + (this.y1 + this.y2);
688
- this.arrowPath = "M " + this.x1 + " " + (this.y1 + this.manualChild) +
689
- " L " + (this.x1 + 8) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
690
- " L " + (this.x1 + 8) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
675
+ this.arrowPath = "M " + this.x1 + " " + (this.y1) +
676
+ " L " + (this.x1 + 8) + " " + (this.y1 - (4 + this.lineStroke)) +
677
+ " L " + (this.x1 + 8) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
691
678
  }
692
679
  if (this.getParentPosition(data) === 'FFType4') {
693
680
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
694
681
  this.x1 = data.parentEndPoint;
695
682
  this.x2 = data.childEndPoint + (data.milestoneChild ? 7 : 8);
696
683
  this.x3 = this.x2 + (data.milestoneChild ? 12 : 11);
697
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
698
- this.y2 = heightValue + this.taskLineValue + +(this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
699
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
700
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
701
- this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + (this.y1 + this.y2) +
684
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
685
+ this.y2 = heightValue + this.taskLineValue + borderTopWidth + (this.parent.renderBaseline ? (data.milestoneParent && !(data.milestoneChild) ? 10 : data.milestoneChild && !(data.milestoneParent) ? -12 : 0) : 0) - this.lineStroke + 1;
686
+ this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + this.x3 + " " + (this.y1) + " L " + this.x3 + " " + (this.y1 + this.y2) +
702
687
  " L " + this.x1 + " " + (this.y1 + this.y2);
703
- this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1 + this.manualChild) +
704
- " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
705
- " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
688
+ this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1) +
689
+ " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke)) +
690
+ " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke) + " Z";
706
691
  }
707
692
  if (this.getParentPosition(data) === 'SFType4') {
708
693
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : (data.milestoneChild ? -1 : 0);
709
- this.point1 = heightValue - this.getconnectorLineGap(data) + this.taskLineValue;
710
- this.point2 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
694
+ this.point1 = (this.taskLineValue + heightValue + borderTopWidth - this.getconnectorLineGap(data) - (this.lineStroke - 1));
695
+ this.point2 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1) - isMilestoneValue));
711
696
  this.x1 = data.parentLeft - 10;
712
697
  this.x2 = this.x1 + ((data.childEndPoint - data.parentLeft) + 18);
713
698
  this.x3 = this.x2 + (data.milestoneChild ? 16 : 11);
714
- this.y1 = this.point2 + (data.milestoneChild ? 1 : 0) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
715
- this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneChild ? -11 : 0) : 0);
716
- this.y3 = this.getconnectorLineGap(data) + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
699
+ this.y1 = this.point2 + (data.milestoneChild ? 2 : 0) + (this.parent.renderBaseline ? (data.milestoneParent ? -5 : 0) : 0);
700
+ this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? -9 : data.milestoneParent && !(data.milestoneChild) ? 9 : 0) : 0);
701
+ this.y3 = this.getconnectorLineGap(data);
717
702
  this.y4 = this.y2 - (this.y2 % data.rowHeight);
718
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
719
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
720
- this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + this.y4 + " L " + this.x1 + " " + this.y4 +
703
+ this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + this.x3 + " " + (this.y1) + " L " + this.x3 + " " + this.y4 + " L " + this.x1 + " " + this.y4 +
721
704
  " L " + this.x1 + " " + (this.y2 + this.y3) + " L " + (this.x1 + 11) + " " + (this.y2 + this.y3);
722
- this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1 + this.manualChild) +
723
- " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
724
- " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
705
+ this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1) +
706
+ " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke)) +
707
+ " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke) + " Z";
725
708
  }
726
709
  if (this.getParentPosition(data) === 'SFType3') {
727
710
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
728
- this.point1 = (data.parentLeft - (data.childEndPoint + (data.milestoneParent ? 25 : 20))) + 1 + (this.parent.renderBaseline ? (data.milestoneParent ? 5 : 0) : 0);
729
- this.point2 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
711
+ this.point1 = (data.parentLeft - (data.childEndPoint + (data.milestoneParent ? 23 : 20))) + 1;
712
+ this.point2 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
730
713
  this.x1 = data.childEndPoint;
731
714
  this.x2 = this.x1 + (data.milestoneChild ? 9 : 8);
732
715
  this.x3 = this.x2 + (data.milestoneChild ? 17 : 11);
733
- this.y1 = this.point2 + ((data.isManualParent && data.isManualChild) ? -10 : 0);
734
- this.y2 = this.y1 + heightValue + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
735
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
736
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
737
- this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + (this.y1 + this.manualParent + this.manualChild) +
716
+ this.y1 = this.point2;
717
+ this.y2 = this.y1 + heightValue + borderTopWidth - (this.lineStroke - 1) + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? -12 : data.milestoneParent && !(data.milestoneChild) ? 10 : 0) : 0);
718
+ this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + this.x3 + " " + (this.y1) +
738
719
  " L " + this.x3 + " " + this.y2 + " L " + (this.x3 + this.point1) + " " + this.y2;
739
- this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1 + this.manualChild) +
740
- " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
741
- " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
720
+ this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1) +
721
+ " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke)) +
722
+ " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke) + " Z";
742
723
  }
743
724
  if (this.getParentPosition(data) === 'SFType1') {
744
725
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : data.milestoneChild ? 1 : 0;
745
- this.point1 = heightValue - this.getconnectorLineGap(data) + this.taskLineValue;
726
+ this.point1 = heightValue + borderTopWidth - this.getconnectorLineGap(data) + this.taskLineValue - this.lineStroke;
746
727
  this.point2 = this.getconnectorLineGap(data);
747
728
  this.x1 = data.parentLeft - 10;
748
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + +((data.isManualParent && data.isManualChild) ? -10 : 0);
729
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1) - isMilestoneValue));
749
730
  this.x2 = (data.childEndPoint - data.parentLeft) + 31;
750
731
  this.y2 = this.y1 + this.point1;
751
732
  this.x3 = (data.childEndPoint - data.parentLeft) + 18;
752
733
  this.y3 = this.y2 - (this.y2 % data.rowHeight);
753
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
754
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
755
- this.connectorLinePath = "M " + (this.x1 + 11) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + this.y3 +
734
+ this.connectorLinePath = "M " + (this.x1 + 11) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) + " L " + this.x1 + " " + this.y3 +
756
735
  " L " + (this.x1 + this.x2) + " " + this.y3 + " L " + (this.x1 + this.x2) + " " + (this.y2 + this.point2) + " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2);
757
- this.arrowPath = "M " + (this.x1 + this.x3 - 8) + " " + (this.y2 + this.point2 + this.manualChild) +
758
- " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2 - (4 + this.lineStroke) + this.manualChild) +
759
- " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2 + 4 + this.lineStroke + this.manualChild) + " Z";
736
+ this.arrowPath = "M " + (this.x1 + this.x3 - 8) + " " + (this.y2 + this.point2) +
737
+ " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2 - (4 + this.lineStroke)) +
738
+ " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2 + 4 + this.lineStroke) + " Z";
760
739
  }
761
740
  if (this.getParentPosition(data) === 'SFType2') {
762
741
  this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
763
742
  this.x1 = data.childEndPoint;
764
- this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + +((data.isManualParent && data.isManualChild) ? -10 : 0);
743
+ this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1)));
765
744
  this.x2 = (data.parentLeft - data.childEndPoint);
766
- this.y2 = this.y1 + heightValue + this.taskLineValue;
767
- this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
768
- this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
769
- this.connectorLinePath = "M " + (this.x1 + this.x2 + 1) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2 - 10) + " " + (this.y1 + this.manualParent + this.manualChild) +
745
+ this.y2 = this.y1 + heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
746
+ this.connectorLinePath = "M " + (this.x1 + this.x2 + 1) + " " + (this.y1) + " L " + (this.x1 + this.x2 - 10) + " " + (this.y1) +
770
747
  " L " + (this.x1 + this.x2 - 10) + " " + this.y2 + " L " + (this.x1 + 8) + " " + this.y2;
771
- this.arrowPath = "M " + this.x1 + " " + (this.y2 + this.manualChild) +
772
- " L " + (this.x1 + 8) + " " + (this.y2 - (4 + this.lineStroke) + this.manualChild) +
773
- " L " + (this.x1 + 8) + " " + (this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
748
+ this.arrowPath = "M " + this.x1 + " " + (this.y2) +
749
+ " L " + (this.x1 + 8) + " " + (this.y2 - (4 + this.lineStroke)) +
750
+ " L " + (this.x1 + 8) + " " + (this.y2 + 4 + this.lineStroke) + " Z";
774
751
  }
775
752
  this.connectorPath.setAttribute("d", this.connectorLinePath);
776
753
  this.arrowlinePath.setAttribute("d", this.arrowPath);
@@ -276,8 +276,7 @@ var Timeline = /** @class */ (function () {
276
276
  this.parent.showSpinner();
277
277
  }
278
278
  this.changeTimelineSettings(newTimeline);
279
- this.isZoomToFit = false;
280
- this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
279
+ this.parent.isTimelineRoundOff = isNullOrUndefined(this.parent.projectStartDate) ? true : false;
281
280
  };
282
281
  Timeline.prototype.bottomTierCellWidthCalc = function (mode, zoomLevel, date) {
283
282
  var convertedMilliSeconds;
@@ -910,7 +910,7 @@
910
910
  pointer-events: none;
911
911
  position: absolute;
912
912
  top: 50%;
913
- width: 98%;
913
+ width: 99%;
914
914
  }
915
915
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
916
916
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -1053,7 +1053,7 @@
1053
1053
  pointer-events: none;
1054
1054
  position: absolute;
1055
1055
  top: 50%;
1056
- width: 98%;
1056
+ width: 99%;
1057
1057
  }
1058
1058
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
1059
1059
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -1237,7 +1237,7 @@
1237
1237
  pointer-events: none;
1238
1238
  position: absolute;
1239
1239
  top: 50%;
1240
- width: 98%;
1240
+ width: 99%;
1241
1241
  }
1242
1242
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
1243
1243
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -953,7 +953,7 @@
953
953
  pointer-events: none;
954
954
  position: absolute;
955
955
  top: 50%;
956
- width: 98%;
956
+ width: 99%;
957
957
  }
958
958
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
959
959
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -953,7 +953,7 @@
953
953
  pointer-events: none;
954
954
  position: absolute;
955
955
  top: 50%;
956
- width: 98%;
956
+ width: 99%;
957
957
  }
958
958
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
959
959
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -865,7 +865,7 @@
865
865
  pointer-events: none;
866
866
  position: absolute;
867
867
  top: 50%;
868
- width: 98%;
868
+ width: 99%;
869
869
  }
870
870
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
871
871
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
package/styles/fabric.css CHANGED
@@ -863,7 +863,7 @@
863
863
  pointer-events: none;
864
864
  position: absolute;
865
865
  top: 50%;
866
- width: 98%;
866
+ width: 99%;
867
867
  }
868
868
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
869
869
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -937,7 +937,7 @@
937
937
  pointer-events: none;
938
938
  position: absolute;
939
939
  top: 50%;
940
- width: 98%;
940
+ width: 99%;
941
941
  }
942
942
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
943
943
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
package/styles/fluent.css CHANGED
@@ -937,7 +937,7 @@
937
937
  pointer-events: none;
938
938
  position: absolute;
939
939
  top: 50%;
940
- width: 98%;
940
+ width: 99%;
941
941
  }
942
942
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
943
943
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -936,7 +936,7 @@
936
936
  pointer-events: none;
937
937
  position: absolute;
938
938
  top: 50%;
939
- width: 98%;
939
+ width: 99%;
940
940
  }
941
941
 
942
942
  .e-gantt-child-taskbar-inner-div,
@@ -910,7 +910,7 @@
910
910
  pointer-events: none;
911
911
  position: absolute;
912
912
  top: 50%;
913
- width: 98%;
913
+ width: 99%;
914
914
  }
915
915
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
916
916
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -1053,7 +1053,7 @@
1053
1053
  pointer-events: none;
1054
1054
  position: absolute;
1055
1055
  top: 50%;
1056
- width: 98%;
1056
+ width: 99%;
1057
1057
  }
1058
1058
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
1059
1059
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
@@ -1237,7 +1237,7 @@
1237
1237
  pointer-events: none;
1238
1238
  position: absolute;
1239
1239
  top: 50%;
1240
- width: 98%;
1240
+ width: 99%;
1241
1241
  }
1242
1242
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
1243
1243
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {