@syncfusion/ej2-gantt 21.2.9 → 22.1.34

package/src/gantt/actions/taskbar-edit.js

@@ -245,8 +245,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
             || target.classList.contains(cls.manualParentTaskBar)) {
             element = parentsUntil(target, cls.manualParentMainContainer);
         }
-        else if (target.classList.contains(cls.manualParentMilestoneTop) || target.classList.contains(cls.manualParentMilestoneBottom)
-            || target.classList.contains(cls.manualParentMilestone)) {
+        else if (target.classList.contains(cls.manualParentMilestone)) {
             element = parentsUntil(target, cls.manualParentMilestone);
         }
         else {
@@ -262,18 +261,60 @@ var TaskbarEdit = /** @class */ (function (_super) {
         if (this.parent.editSettings.allowTaskbarEditing && element) {
             this.showHideTaskBarEditingElements(element, this.taskBarEditElement);
             this.editElement = element;
-            this.taskBarEditElement = element;
-            var index = this.taskBarEditElement.getAttribute('data-segment-index');
+            this.realTaskbarElement = this.editElement;
+            var index = this.editElement.getAttribute('data-segment-index');
             if (!isNullOrUndefined(index)) {
                 this.segmentIndex = Number(index);
             }
             else {
                 this.segmentIndex = -1;
             }
-            this.taskBarEditRecord = this.parent.ganttChartModule.getRecordByTaskBar(this.taskBarEditElement);
+            this.taskBarEditRecord = this.parent.ganttChartModule.getRecordByTaskBar(this.editElement);
             if (e.type === 'mousedown' || e.type === 'touchstart' || e.type === 'click') {
-                this.roundOffDuration = true;
                 this.taskBarEditAction = this.getTaskBarAction(e);
+                var index_1 = this.editElement.getAttribute('data-segment-index');
+                var currentRecord = this.parent.ganttChartModule.getRecordByTaskBar(element);
+                var ganttprop = currentRecord.ganttProperties;
+                var parentleft = this.editElement.parentElement.offsetLeft;
+                this.currentData = currentRecord;
+                var resizeElement = createElement('div', { styles: 'height:100%;border-style:dashed;border-bottom:none;border-top:none;border-width:1px;position:absolute;z-index:10000' });
+                addClass([resizeElement], 'e-taskbar-resize-div');
+                resizeElement.style.setProperty("width", ganttprop.width + "px");
+                var currentindex = this.editElement.getAttribute('data-segment-index');
+                resizeElement.style.setProperty("left", ((!isNullOrUndefined(ganttprop.segments) ? parentleft + ganttprop.segments[Number(currentindex)].left + "px" : (ganttprop.left) + "px")));
+                var resizeTable = this.parent.createElement('table');
+                var resizetableBody = this.parent.createElement("tbody");
+                resizetableBody.appendChild(resizeElement);
+                resizeTable.appendChild(resizetableBody);
+                var Check = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-clone-taskbar');
+                var createTable = null;
+                if ((this.taskBarEditAction === 'ChildDrag' || this.taskBarEditAction === 'LeftResizing') && !isNullOrUndefined(index_1) && !isNullOrUndefined(index_1) ? Number(index_1) === 0 : false) {
+                    var cloneTaskBar = this.editElement.parentElement.cloneNode(true);
+                }
+                else {
+                    var cloneTaskBar = this.editElement.cloneNode(true);
+                }
+                if (!Check) {
+                    addClass([cloneTaskBar], 'e-clone-taskbar');
+                    cloneTaskBar.style.setProperty("position", "absolute");
+                    cloneTaskBar.style.setProperty("top", 0 + "px");
+                    createTable = this.parent.createElement('table');
+                    var tableBody = this.parent.createElement("tbody");
+                    tableBody.appendChild(cloneTaskBar);
+                    createTable.appendChild(tableBody);
+                }
+                if ((this.taskBarEditAction === 'ChildDrag' || this.taskBarEditAction === 'LeftResizing') && !isNullOrUndefined(index_1) && !isNullOrUndefined(index_1) ? Number(index_1) === 0 : false) {
+                    var segmentedTasks = cloneTaskBar.getElementsByClassName('e-segmented-taskbar');
+                    this.cloneTaskbarElement = segmentedTasks[Number(index_1)];
+                }
+                else {
+                    this.cloneTaskbarElement = cloneTaskBar;
+                }
+                this.taskBarEditElement = this.cloneTaskbarElement;
+                this.taskbarElement = createTable;
+                this.taskbarResizer = resizeTable;
+                this.currentIndex = index_1;
+                this.roundOffDuration = true;
                 if ((this.taskBarEditAction === 'ConnectorPointLeftDrag' || this.taskBarEditAction === 'ConnectorPointRightDrag') &&
                     isNullOrUndefined(this.parent.taskFields.dependency)) {
                     this.taskBarEditAction = null;
@@ -304,7 +345,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 this.initPublicProp();
             }
             else {
-                this.showHideTaskBarEditingElements(element, this.taskBarEditElement);
+                this.showHideTaskBarEditingElements(element, this.editElement);
             }
         }
     };
@@ -339,9 +380,10 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 addClass([element.querySelector('.' + cls.taskBarLeftResizer)], [cls.leftResizeGripper]);
                 addClass([element.querySelector('.' + cls.taskBarRightResizer)], [cls.rightResizeGripper]);
                 if (isShowProgressResizer) {
-                    var progresElement = !isNullOrUndefined(element.querySelector('.' + cls.childProgressResizer)) ? true : false;
-                    if (progresElement) {
-                        addClass([element.querySelector('.' + cls.childProgressResizer)], [cls.progressResizeGripper]);
+                    var progressElement = element.querySelector('.' + cls.childProgressResizer);
+                    if (!isNullOrUndefined(progressElement)) {
+                        addClass([progressElement], [cls.progressResizeGripper]);
+                        progressElement.style.top = '3px';
                     }
                 }
             }
@@ -422,9 +464,6 @@ var TaskbarEdit = /** @class */ (function (_super) {
         }
         else if (mouseDownElement.classList.contains(cls.manualParentTaskBar) ||
             mouseDownElement.classList.contains(cls.manualParentMainContainer) ||
-            mouseDownElement.classList.contains(cls.manualParentMilestone) ||
-            mouseDownElement.classList.contains(cls.manualParentMilestoneTop) ||
-            mouseDownElement.classList.contains(cls.manualParentMilestoneBottom) ||
             mouseDownElement.classList.contains(cls.manualParentMilestone)) {
             action = 'ManualParentDrag';
         }
@@ -521,6 +560,21 @@ var TaskbarEdit = /** @class */ (function (_super) {
         this.dragMouseLeave = false;
         this.isMouseDragCheck();
         if (this.isMouseDragged && this.taskBarEditAction) {
+            if (!isNullOrUndefined(this.taskbarElement) && !isNullOrUndefined(this.editElement) && (this.taskBarEditAction !== "ConnectorPointRightDrag" && this.taskBarEditAction !== "ConnectorPointLeftDrag") && !(this.parent.viewType === 'ResourceView' && this.currentData.hasChildRecords)) {
+                var currentElement = this.editElement.parentElement;
+                currentElement.style.setProperty("position", "absolute");
+                if ((this.taskBarEditAction === 'ChildDrag' || this.taskBarEditAction === 'LeftResizing') && !isNullOrUndefined(this.currentIndex) && !isNullOrUndefined(this.currentIndex) ? Number(this.currentIndex) === 0 : false) {
+                    this.taskbarElement.childNodes[0].childNodes[0].style.setProperty("top", currentElement.parentElement.offsetTop + "px");
+                    currentElement.parentElement.appendChild(this.taskbarElement);
+                }
+                else {
+                    currentElement.appendChild(this.taskbarElement);
+                }
+                if (this.taskBarEditAction !== 'ProgressResizing') {
+                    var rootElement = this.parent.ganttChartModule.chartBodyContainer.querySelectorAll(".e-chart-rows-container");
+                    rootElement[0].appendChild(this.taskbarResizer);
+                }
+            }
             var args_1 = {
                 cancel: false,
                 requestType: 'taskbarediting',
@@ -627,16 +681,6 @@ var TaskbarEdit = /** @class */ (function (_super) {
                     merge(_this.taskBarEditRecord.ganttProperties, arg.previousData);
                 }
             });
-            this.parent.flatData.map(function (data) {
-                if ((!isNullOrUndefined(_this.taskBarEditRecord.parentItem)) && data.ganttProperties.taskId === _this.taskBarEditRecord.parentItem.taskId) {
-                    data.childRecords.map(function (s) {
-                        if (isNullOrUndefined(s.ganttProperties.startDate) || isNullOrUndefined(s.ganttProperties.endDate) ||
-                            isNullOrUndefined(s.ganttProperties.duration)) {
-                            _this.parent.dataOperation.updateGanttData();
-                        }
-                    });
-                }
-            });
         }
     };
     /**
@@ -1442,6 +1486,15 @@ var TaskbarEdit = /** @class */ (function (_super) {
      * @private
      */
     TaskbarEdit.prototype.setItemPosition = function () {
+        if (!isNullOrUndefined(this.editElement)) {
+            var currentElement = this.editElement.parentElement;
+            if (this.parent.viewType == 'ResourceView' && this.parent.allowTaskbarDragAndDrop && this.taskBarEditAction === 'ChildDrag') {
+                currentElement.style.position = null;
+            }
+            else {
+                currentElement.style.setProperty("position", "absolute");
+            }
+        }
         var item = this.taskBarEditRecord.ganttProperties;
         var position = this.parent.enableRtl ? "right" : "left";
         var segment = !isNullOrUndefined(item.segments) ? item.segments[this.segmentIndex] : null;
@@ -1451,13 +1504,10 @@ var TaskbarEdit = /** @class */ (function (_super) {
         if (!isNullOrUndefined(segment)) {
             rightResizer = this.parent.isAdaptive ? (segment.width - 2) : (segment.width - 10);
         }
-        var taskBarMainContainer = (!this.taskBarEditElement.classList.contains(cls.taskBarMainContainer)) ? closest(this.taskBarEditElement, 'tr.' + cls.chartRow)
+        this.taskBarEditElement.style.setProperty("opacity", '.75');
+        var taskBarMainContainer = (!this.taskBarEditElement.classList.contains(cls.taskBarMainContainer)) ? ((this.taskBarEditAction === 'ChildDrag' || this.taskBarEditAction === 'LeftResizing') && this.segmentIndex === 0) ? this.taskBarEditElement.parentElement : closest(this.taskBarEditElement, 'tr.' + cls.chartRow)
             .querySelector('.' + cls.taskBarMainContainer) : this.taskBarEditElement;
         var segmentedTaskBarContainer = this.taskBarEditElement.classList.contains('e-segmented-taskbar');
-        var leftLabelContainer = closest(this.taskBarEditElement, 'tr.' + cls.chartRow)
-            .querySelector('.' + cls.leftLabelContainer);
-        var rightLabelContainer = closest(this.taskBarEditElement, 'tr.' + cls.chartRow)
-            .querySelector('.' + cls.rightLabelContainer);
         var traceChildProgressBar = this.taskBarEditElement.querySelector('.' + cls.traceChildProgressBar);
         var traceChildTaskBar = this.taskBarEditElement.querySelector('.' + cls.traceChildTaskBar);
         var childProgressResizer = this.taskBarEditElement.querySelector('.' + cls.childProgressResizer);
@@ -1469,34 +1519,45 @@ var TaskbarEdit = /** @class */ (function (_super) {
         var manualTaskbar = this.taskBarEditElement.querySelector('.' + cls.manualParentTaskBar);
         var manualParentRight = this.taskBarEditElement.querySelector('.' + cls.manualParentRightResizer);
         var manualParentLeft = this.taskBarEditElement.querySelector('.' + cls.manualParentLeftResizer);
+        var resizeLine = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-taskbar-resize-div');
         if (this.taskBarEditAction !== 'ConnectorPointRightDrag' &&
             this.taskBarEditAction !== 'ConnectorPointLeftDrag') {
             if (this.taskBarEditAction !== 'ParentResizing' && this.taskBarEditAction !== 'ManualParentDrag') {
                 if (segmentedTaskBarContainer && !isNullOrUndefined(item.segments)
                     && (this.taskBarEditAction === 'RightResizing' || this.segmentIndex !== 0)) {
+                    if (!isNullOrUndefined(resizeLine)) {
+                        resizeLine.style.width = (segment.width) + "px";
+                    }
                     this.taskBarEditElement.style.width = (segment.width) + 'px';
                     if (this.parent.enableRtl) {
                         this.taskBarEditElement.style.right = (segment.left) + 'px';
                     }
                     else {
                         this.taskBarEditElement.style.left = (segment.left) + 'px';
+                        if (!isNullOrUndefined(resizeLine)) {
+                            resizeLine.style.left = (segment.left + this.editElement.parentElement.offsetLeft) + "px";
+                        }
                     }
                 }
-                taskBarMainContainer.style.width = (width) + 'px';
-                leftLabelContainer.style.width = (item.left) + 'px';
                 taskBarMainContainer.style.setProperty(position, (item.left) + 'px');
+                taskBarMainContainer.style.width = (width) + 'px';
                 if (this.parent.viewType === 'ResourceView' && this.parent.allowTaskbarDragAndDrop && this.parent.rowDragAndDropModule &&
                     (this.taskBarEditAction === 'ChildDrag' || this.taskBarEditAction === 'MilestoneDrag')) {
                     taskBarMainContainer.style.setProperty('top', (this.topValue) + 'px');
                     taskBarMainContainer.style.zIndex = '4';
                 }
                 if (this.taskBarEditAction === 'LeftResizing' && this.segmentIndex === 0) {
+                    this.taskBarEditElement.style.setProperty("opacity", '.75');
                     var parent_1 = this.taskBarEditElement.parentElement;
                     var segmentedTasks = parent_1.getElementsByClassName('e-segmented-taskbar');
                     for (var i = 0; i < item.segments.length; i++) {
                         var segment_4 = item.segments[i];
                         var segmentElement = segmentedTasks[i];
                         segmentElement.style.width = (segment_4.width) + 'px';
+                        if (i === 0) {
+                            resizeLine.style.width = (segment_4.width) + "px";
+                            resizeLine.style.left = (segment_4.left + item.left) + "px";
+                        }
                         if (this.parent.enableRtl) {
                             segmentElement.style.right = (segment_4.left) + 'px';
                         }
@@ -1505,8 +1566,10 @@ var TaskbarEdit = /** @class */ (function (_super) {
                         }
                     }
                 }
-                if (!isNullOrUndefined(rightLabelContainer)) {
-                    rightLabelContainer.style.setProperty(position, (item.left + width) + 'px');
+                if (this.taskBarEditAction === 'ChildDrag' && this.segmentIndex === 0) {
+                    resizeLine.style.width = (width) + "px";
+                    resizeLine.style.left = (item.left) + "px";
+                    taskBarMainContainer.style.setProperty("opacity", '.75');
                 }
             }
             if (traceConnectorPointRight) {
@@ -1519,10 +1582,8 @@ var TaskbarEdit = /** @class */ (function (_super) {
             }
             if (this.taskBarEditAction === 'MilestoneDrag' || item.isMilestone) {
                 taskBarMainContainer.style.setProperty(position, (item.left - (width / 2)) + 'px');
-                leftLabelContainer.style.width = (item.left - (width / 2)) + 'px';
-                if (!isNullOrUndefined(rightLabelContainer)) {
-                    rightLabelContainer.style.setProperty(position, (item.left + (width / 2)) + 'px');
-                }
+                resizeLine.style.left = (item.left - (width / 2)) + 'px';
+                resizeLine.style.width = (width) + "px";
             }
             else if (this.taskBarEditAction === 'ProgressResizing') {
                 if (this.segmentIndex === -1) {
@@ -1545,6 +1606,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
             }
             else if (this.taskBarEditAction === 'RightResizing' && !isNullOrUndefined(traceChildTaskBar)) {
+                resizeLine.style.width = (width) + 'px';
                 traceChildTaskBar.style.width = (width) + 'px';
                 if (!isNullOrUndefined(traceChildProgressBar)) {
                     traceChildProgressBar.style.width = (item.progressWidth) + 'px';
@@ -1555,23 +1617,36 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
             }
             else if (this.taskBarEditAction === 'ParentDrag') {
+                resizeLine.style.left = (item.left) + 'px';
+                resizeLine.style.width = (width) + "px";
+                resizeLine.style.width = (item.width) + 'px';
                 if (!isNullOrUndefined(traceParentTaskBar)) {
                     traceParentTaskBar.style.width = (width) + 'px';
+                    resizeLine.style.width = (item.width) + 'px';
                 }
                 if (!isNullOrUndefined(traceChildProgressBar)) {
                     traceParentProgressBar.style.width = (item.progressWidth) + 'px';
                 }
             }
             else if (this.taskBarEditAction === 'ParentResizing') {
+                resizeLine.style.width = (item.width) + 'px';
+                resizeLine.style.left = item.left + 'px';
                 manualParentTaskbar.style.width = manualTaskbar.style.width = (item.width) + 'px';
                 manualParentRight.style.setProperty(position, item.width - manualParentLeft.offsetLeft + 'px');
             }
             else if (this.taskBarEditAction === 'ManualParentDrag') {
+                resizeLine.style.width = (item.width) + 'px';
+                resizeLine.style.left = item.left + 'px';
                 manualParentTaskbar.style.setProperty(position, item.left - item.autoLeft + 'px');
             }
             else {
                 if (!isNullOrUndefined(traceChildTaskBar) && !segmentedTaskBarContainer) {
-                    traceChildTaskBar.style.width = (width) + 'px';
+                    traceChildTaskBar.style.width = (item.width) + 'px';
+                    traceChildTaskBar.style.left = (item.left) + 'px';
+                    this.taskBarEditElement.style.width = (item.width) + 'px';
+                    this.taskBarEditElement.style.left = (item.left) + "px";
+                    resizeLine.style.left = (item.left) + 'px';
+                    resizeLine.style.width = (item.width) + "px";
                 }
                 if (!isNullOrUndefined(traceChildProgressBar)) {
                     taskBarRightResizer.style.setProperty(position, rightResizer + 'px');
@@ -1967,21 +2042,21 @@ var TaskbarEdit = /** @class */ (function (_super) {
             if ((this.parent.virtualScrollModule && this.parent.enableVirtualization &&
                 !this.elementOffsetLeft) || !this.parent.enableVirtualization) {
                 if (!this.parent.allowParentDependency) {
-                    this.elementOffsetLeft = this.taskBarEditElement.offsetLeft;
-                    this.elementOffsetTop = this.taskBarEditElement.offsetTop + scrollTop;
+                    this.elementOffsetLeft = this.realTaskbarElement.offsetLeft;
+                    this.elementOffsetTop = this.realTaskbarElement.parentElement.offsetTop + this.realTaskbarElement.offsetHeight / 3 + scrollTop;
                 }
                 else {
                     if (this.taskBarEditElement.children[0].classList.contains('e-manualparent-main-container')) {
-                        this.elementOffsetLeft = this.taskBarEditElement.children[0]['offsetLeft'] + this.taskBarEditElement.offsetLeft;
-                        this.elementOffsetTop = ((this.taskBarEditElement.offsetTop - 5) + this.taskBarEditElement.children[0]['offsetTop']) + scrollTop;
+                        this.elementOffsetLeft = this.realTaskbarElement.children[0]['offsetLeft'] + this.realTaskbarElement.offsetLeft;
+                        this.elementOffsetTop = ((this.realTaskbarElement.parentElement.offsetTop + this.realTaskbarElement.offsetHeight / 3 - 5) + this.taskBarEditElement.children[0]['offsetTop']) + scrollTop;
                     }
                     else {
-                        this.elementOffsetLeft = this.taskBarEditElement.offsetLeft;
-                        this.elementOffsetTop = this.taskBarEditElement.offsetTop + scrollTop;
+                        this.elementOffsetLeft = this.realTaskbarElement.offsetLeft;
+                        this.elementOffsetTop = this.realTaskbarElement.parentElement.offsetTop + this.realTaskbarElement.offsetHeight / 3 + scrollTop;
                     }
                 }
-                this.elementOffsetWidth = this.taskBarEditElement.offsetWidth;
-                this.elementOffsetHeight = this.taskBarEditElement.offsetHeight;
+                this.elementOffsetWidth = this.realTaskbarElement.offsetWidth;
+                this.elementOffsetHeight = this.realTaskbarElement.offsetHeight;
             }
             this.showHideTaskBarEditingElements(element, this.highlightedSecondElement, true);
         }

package/src/gantt/base/css-constants.d.ts

@@ -38,15 +38,10 @@ export declare const childTaskBarInnerDiv: string;
 export declare const childProgressBarInnerDiv: string;
 export declare const criticalChildTaskBarInnerDiv: string;
 export declare const criticalChildProgressBarInnerDiv: string;
-export declare const milestoneTop: string;
-export declare const milestoneBottom: string;
-export declare const criticalMilestoneTop: string;
-export declare const criticalMilestoneBottom: string;
+export declare const criticalMilestone: string;
 export declare const baselineBar: string;
 export declare const baselineMilestoneContainer: string;
 export declare const baselineMilestoneDiv: string;
-export declare const baselineMilestoneTop: string;
-export declare const baselineMilestoneBottom: string;
 export declare const chartRowCell: string;
 export declare const chartRow: string;
 export declare const rowExpand: string;
@@ -60,15 +55,11 @@ export declare const progressBarHandlerAfter: string;
 export declare const icon: string;
 export declare const traceMilestone: string;
 export declare const parentMilestone: string;
-export declare const parentMilestoneTop: string;
-export declare const parentMilestoneBottom: string;
 export declare const traceChildTaskBar: string;
 export declare const traceChildProgressBar: string;
 export declare const manualParentMainContainer: string;
 export declare const manualParentTaskBar: string;
 export declare const manualParentMilestone: string;
-export declare const manualParentMilestoneTop: string;
-export declare const manualParentMilestoneBottom: string;
 export declare const manualChildTaskBar: string;
 export declare const manualChildProgressBar: string;
 export declare const manualParentRightResizer: string;
@@ -100,6 +91,10 @@ export declare const unscheduledMilestoneBottom: string;
 export declare const dependencyViewContainer: string;
 export declare const connectorLineContainer: string;
 export declare const connectorLine: string;
+export declare const connectorLineSVG: string;
+export declare const criticalConnectorLineSVG: string;
+export declare const criticalConnectorArrowSVG: string;
+export declare const connectorLineArrow: string;
 export declare const criticalConnectorLine: string;
 export declare const criticalConnectorLineRightArrow: string;
 export declare const criticalConnectorLineLeftArrow: string;

package/src/gantt/base/css-constants.js

@@ -40,15 +40,10 @@ export var childTaskBarInnerDiv = 'e-gantt-child-taskbar-inner-div';
 export var childProgressBarInnerDiv = 'e-gantt-child-progressbar-inner-div';
 export var criticalChildTaskBarInnerDiv = 'e-gantt-child-critical-taskbar-inner-div';
 export var criticalChildProgressBarInnerDiv = 'e-gantt-child-critical-progressbar-inner-div';
-export var milestoneTop = 'e-milestone-top';
-export var milestoneBottom = 'e-milestone-bottom';
-export var criticalMilestoneTop = 'e-critical-milestone-top';
-export var criticalMilestoneBottom = 'e-critical-milestone-bottom';
+export var criticalMilestone = 'e-critical-milestone';
 export var baselineBar = 'e-baseline-bar';
 export var baselineMilestoneContainer = 'e-baseline-gantt-milestone-container';
 export var baselineMilestoneDiv = 'e-baseline-gantt-milestone';
-export var baselineMilestoneTop = 'e-baseline-milestone-top';
-export var baselineMilestoneBottom = 'e-baseline-milestone-bottom';
 export var chartRowCell = 'e-chart-row-cell';
 export var chartRow = 'e-chart-row';
 export var rowExpand = 'e-row-expand';
@@ -62,15 +57,11 @@ export var progressBarHandlerAfter = 'e-progressbar-handler-after';
 export var icon = 'e-icon';
 export var traceMilestone = 'e-gantt-milestone';
 export var parentMilestone = 'e-gantt-parent-milestone';
-export var parentMilestoneTop = 'e-parent-milestone-top';
-export var parentMilestoneBottom = 'e-parent-milestone-bottom';
 export var traceChildTaskBar = 'e-gantt-child-taskbar';
 export var traceChildProgressBar = 'e-gantt-child-progressbar';
 export var manualParentMainContainer = 'e-manualparent-main-container';
 export var manualParentTaskBar = 'e-gantt-manualparenttaskbar';
 export var manualParentMilestone = 'e-gantt-manualparent-milestone';
-export var manualParentMilestoneTop = 'e-manualparent-milestone-top';
-export var manualParentMilestoneBottom = 'e-manualparent-milestone-bottom';
 export var manualChildTaskBar = 'e-gantt-child-manualtaskbar';
 export var manualChildProgressBar = 'e-gantt-child-manualprogressbar';
 export var manualParentRightResizer = 'e-gantt-manualparenttaskbar-right';
@@ -107,6 +98,10 @@ export var unscheduledMilestoneBottom = 'e-unscheduled-milestone-bottom';
 export var dependencyViewContainer = 'e-gantt-dependency-view-container';
 export var connectorLineContainer = 'e-connector-line-container';
 export var connectorLine = 'e-line';
+export var connectorLineSVG = 'e-connector-line';
+export var criticalConnectorLineSVG = 'e-critical-line';
+export var criticalConnectorArrowSVG = 'e-critical-line-arrow';
+export var connectorLineArrow = 'e-connector-line-arrow';
 export var criticalConnectorLine = 'e-criticalconnector-line';
 export var criticalConnectorLineRightArrow = 'e-criticalconnector-line-right-arrow';
 export var criticalConnectorLineLeftArrow = 'e-criticalconnector-line-left-arrow';

package/src/gantt/base/date-processor.js

@@ -522,7 +522,6 @@ var DateProcessor = /** @class */ (function () {
      * @private
      */
     DateProcessor.prototype.getValidStartDate = function (ganttProp, isAuto) {
-        var _this = this;
         var sDate = null;
         var startDate = isAuto ? ganttProp.autoStartDate : ganttProp.startDate;
         var endDate = isAuto ? ganttProp.autoEndDate : ganttProp.endDate;
@@ -533,24 +532,7 @@ var DateProcessor = /** @class */ (function () {
                 this.setTime(this.parent.defaultStartTime, sDate);
             }
             else if (!isNullOrUndefined(duration)) {
-                this.parent.flatData.map(function (record) {
-                    if (record.ganttProperties.taskId == ganttProp.taskId) {
-                        if ((!isNullOrUndefined(record.parentItem)) && (record.parentItem.taskId)) {
-                            _this.parent.flatData.map(function (data) {
-                                if (data.ganttProperties.taskId === record.parentItem.taskId) {
-                                    if (!isNullOrUndefined(data.ganttProperties.startDate))
-                                        sDate = data.ganttProperties.startDate;
-                                }
-                                else {
-                                    sDate = _this.getProjectStartDate(ganttProp);
-                                }
-                            });
-                        }
-                        else {
-                            sDate = _this.getProjectStartDate(ganttProp);
-                        }
-                    }
-                });
+                sDate = this.getProjectStartDate(ganttProp);
             }
         }
         else {
@@ -1362,7 +1344,15 @@ var DateProcessor = /** @class */ (function () {
             var segment = segments[i];
             var sDate = segment.startDate;
             var eDate = segment.endDate;
-            duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24));
+            if (this.parent.timelineModule.bottomTier === "Hour") {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60));
+            }
+            else if (this.parent.timelineModule.bottomTier === "Minutes") {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60));
+            }
+            else {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24));
+            }
         }
         return duration;
     };