@syncfusion/ej2-gantt 23.1.36 → 23.1.38

package/dist/es6/ej2-gantt.es2015.js

@@ -4079,7 +4079,7 @@ const chartRowCell = 'e-chart-row-cell';
 const chartRow = 'e-chart-row';
 const rowExpand = 'e-row-expand';
 const rowCollapse = 'e-row-collapse';
-const collapseParent = 'e-collapse-parent';
+
 const taskBarLeftResizer = 'e-taskbar-left-resizer';
 const taskBarRightResizer = 'e-taskbar-right-resizer';
 const childProgressResizer = 'e-child-progress-resizer';
@@ -5403,6 +5403,12 @@ class GanttChart {
         else {
             this.isCollapseAll = true;
             this.parent.treeGrid.collapseAll();
+            if (this.isCollapseAll && !this.parent.allowTaskbarOverlap && this.parent.viewType === 'ResourceView') {
+                let treeGridContentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
+                    this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
+                this.parent.contentHeight = treeGridContentHeight;
+                document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            }
         }
         this.isExpandAll = false;
         this.isCollapseAll = false;
@@ -9643,7 +9649,7 @@ class ChartRows extends DateProcessor {
         let baselineMilestoneHeight = this.parent.renderBaseline ? 5 : 2;
         const template = '<div class="' + baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;height:' +
             ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
-            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.left - (this.milestoneHeight / 2) + 1)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 2) + 'px"> </div>';
+            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.baselineLeft - (this.milestoneHeight / 2) + 1)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 2) + 'px"> </div>';
         return this.createDivElement(template);
     }
     /**
@@ -10615,7 +10621,7 @@ class ChartRows extends DateProcessor {
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).backgroundColor;
             args.taskbarBorderColor = isNullOrUndefined(childTask) ? null : taskbarElement.classList.contains(traceChildTaskBar) ?
                 getComputedStyle(taskbarElement).backgroundColor :
-                getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderColor;
+                getComputedStyle(taskbarElement.querySelector(classCollections[0])).outlineColor;
             args.progressBarBgColor = isNullOrUndefined(progressTask) ? null :
                 taskbarElement.classList.contains(traceChildProgressBar) ?
                     getComputedStyle(taskbarElement).backgroundColor :
@@ -10664,7 +10670,7 @@ class ChartRows extends DateProcessor {
      */
     updateQueryTaskbarInfoArgs(args, rowElement, taskBarElement) {
         const trElement = args.rowElement;
-        const taskbarElement = args.taskbarElement;
+        const taskbarElement = this.parent.enableVirtualization ? args.rowElement : args.taskbarElement;
         const classCollections = this.getClassName(args);
         let segmentRowElement;
         if (args.data.ganttProperties.segments && args.data.ganttProperties.segments.length > 0) {
@@ -10685,18 +10691,6 @@ class ChartRows extends DateProcessor {
             }
         }
         else if (taskbarElement) {
-            if (taskbarElement && this.parent.enableVirtualization && !args.data.expanded) {
-                const childElement = trElement.querySelector('.' + collapseParent);
-                if (childElement) {
-                    for (let i = 0; i < childElement.childNodes.length; i++) {
-                        const taskbar = childElement.childNodes[i];
-                        const mainTaskbar = taskbar.querySelector('.' + traceChildTaskBar);
-                        if (mainTaskbar) {
-                            mainTaskbar.style.backgroundColor = args.taskbarBgColor;
-                        }
-                    }
-                }
-            }
             if (taskbarElement.querySelector(classCollections[0]) &&
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).backgroundColor !== args.taskbarBgColor) {
                 taskbarElement.querySelector(classCollections[0]).style.backgroundColor = args.taskbarBgColor;
@@ -10922,8 +10916,7 @@ class ChartRows extends DateProcessor {
             if (!this.parent.ganttChartModule.isExpandAll && !this.parent.ganttChartModule.isCollapseAll) {
                 this.parent.treeGrid.grid.setRowData(dataId, data);
             }
-            if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && !data.expanded && this.parent.enableMultiTaskbar && !this.parent.allowTaskbarOverlap &&
-                !this.parent.ganttChartModule.isCollapseAll && !this.parent.ganttChartModule.isExpandAll) {
+            if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && !data.expanded && this.parent.enableMultiTaskbar && !this.parent.allowTaskbarOverlap) {
                 this.updateDragDropRecords(selectedItem, tr);
             }
             if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && this.parent.showOverAllocation && !this.parent.allowTaskbarOverlap) {
@@ -10946,6 +10939,10 @@ class ChartRows extends DateProcessor {
         addClass([cloneElement], 'collpse-parent-border');
         const id = tRow.querySelector('.' + taskBarMainContainer).getAttribute('rowUniqueId');
         const ganttData = this.parent.getRecordByID(id);
+        const mainTaskbar = (cloneElement.querySelector('.e-gantt-child-taskbar'));
+        if (this.parent.queryTaskbarInfo) {
+            this.triggerQueryTaskbarInfoByIndex(mainTaskbar, ganttData);
+        }
         let zIndex = "";
         if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
             zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
@@ -11233,15 +11230,58 @@ class Dependency {
         const predecessor = predecessorValue.toString();
         const collection = [];
         let match;
-        let values;
+        let values = [];
         let offsetValue;
         let predecessorText;
         predecessor.split(',').forEach((el) => {
-            values = el.split('+');
-            offsetValue = '+';
-            if (el.indexOf('-') >= 0) {
-                values = el.split('-');
-                offsetValue = '-';
+            let isGUId = false;
+            var regex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;
+            let elSplit = el.split('-');
+            let id;
+            if (elSplit.length === 6) {
+                elSplit[4] = elSplit[4] + '-' + elSplit[5];
+                elSplit.pop();
+            }
+            if (elSplit.length === 5 && elSplit[4].length > 12) {
+                id = el.substring(0, 36);
+                if (regex.test(id)) {
+                    isGUId = true;
+                }
+            }
+            if (isGUId) {
+                let split;
+                split = elSplit[4].split('+');
+                let spliceLength;
+                
+                if (split.length === 1) {
+                    values[0] = el;
+                }
+                else {
+                    spliceLength = split[1].length;
+                    values[0] = el.slice(0, -(spliceLength + 1));
+                    values[1] = split[1];
+                }
+                offsetValue = '+';
+                if (elSplit[4].indexOf('-') >= 0) {
+                    split = elSplit[4].split('-');
+                    if (split.length === 1) {
+                        values[0] = el;
+                    }
+                    else {
+                        spliceLength = split[1].length;
+                        values[0] = el.slice(0, -(spliceLength + 1));
+                        values[1] = split[1];
+                    }
+                    offsetValue = '-';
+                }
+            }
+            else {
+                values = el.split('+');
+                offsetValue = '+';
+                if (el.indexOf('-') >= 0) {
+                    values = el.split('-');
+                    offsetValue = '-';
+                }
             }
             match = [];
             const ids = this.parent.viewType === 'ResourceView' ? this.parent.getTaskIds() : this.parent.ids;
@@ -11965,6 +12005,7 @@ class ConnectorLine {
         this.transform = '';
         this.connectorLinePath = '';
         this.arrowPath = '';
+        this.taskLineValue = 0;
         this.expandedRecords = [];
         this.parent = ganttObj;
         this.dependencyViewContainer =
@@ -12803,10 +12844,10 @@ class ConnectorLine {
      * @private
      */
     getConnectorLineTooltipInnerTd(fromTaskName, fromPredecessorText, toTaskName, toPredecessorText) {
-        let innerTd = '<tr  id="fromPredecessor"><td style="padding: 4px;">' + this.parent.localeObj.getConstant('from') + '</td><td> ';
+        let innerTd = '<tr  id="fromPredecessor"><td style="padding: 4px;width: 30px;">' + this.parent.localeObj.getConstant('from') + '</td><td> ';
         innerTd = innerTd + fromTaskName + ' </td><td style="padding: 2px;"> ' + this.parent.localeObj.getConstant(fromPredecessorText) + ' </td> </tr>';
         innerTd = innerTd + '<tr id="toPredecessor"><td style="padding: 4px;">' + this.parent.localeObj.getConstant('to') + '</td><td> ' + toTaskName;
-        innerTd = innerTd + ' </td><td style="padding: 2px;"> ' + this.parent.localeObj.getConstant(toPredecessorText) + ' </td></tr></tbody><table>';
+        innerTd = innerTd + ' </td><td style="padding: 2px;width: 30px;"> ' + this.parent.localeObj.getConstant(toPredecessorText) + ' </td></tr></tbody><table>';
         return innerTd;
     }
     /**
@@ -12977,6 +13018,7 @@ class Splitter$1 {
                 const leftPane = args.pane[0];
                 this.splitterPreviousPositionGrid = leftPane.scrollWidth + 1 + 'px';
                 this.splitterObject.paneSettings[0].size = this.getSpliterPositionInPercentage(this.splitterPreviousPositionGrid);
+                this.splitterObject.paneSettings[1].size = (this.parent.ganttWidth - parseInt(this.splitterPreviousPositionGrid) - 4) + 'px';
                 const callBackPromise = new Deferred();
                 this.parent.trigger('splitterResized', args, (splitterResizedArgs) => {
                     if (splitterResizedArgs.cancel === true) {
@@ -14696,8 +14738,6 @@ let Gantt = class Gantt extends Component {
         removeClass(ganttChartElement.querySelectorAll('.e-critical-milestone'), criticalMilestone);
         removeClass(this.element.querySelectorAll('.e-connector-line'), criticalConnectorLineSVG);
         removeClass(this.element.querySelectorAll('.e-connector-line-arrow'), criticalConnectorArrowSVG);
-        const innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
-        innerDivs.style.outlineColor = "";
     }
     wireEvents() {
         if (this.allowKeyboard) {
@@ -14743,10 +14783,12 @@ let Gantt = class Gantt extends Component {
             const pane2 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[1];
             this.splitterModule.splitterPreviousPositionGrid = pane1.scrollWidth + 1 + 'px';
             this.splitterModule.splitterPreviousPositionChart = pane2.scrollWidth + 1 + 'px';
-            this.splitterModule.splitterObject.paneSettings[0].size = this.splitterModule['getSpliterPositionInPercentage'](this.splitterModule.splitterPreviousPositionGrid);
-            this.splitterModule.splitterObject.paneSettings[1].size = this.splitterModule.splitterPreviousPositionChart;
+            this.splitterModule.splitterObject.paneSettings[1].size = (this.ganttWidth - parseInt(this.splitterModule.splitterPreviousPositionGrid) - 4) + 'px';
+            let proxy = this;
             if (this.timelineModule.isZoomToFit) {
-                this.timelineModule.processZoomToFit();
+                setTimeout(() => {
+                    proxy.timelineModule.processZoomToFit();
+                }, 0);
             }
         }
     }
@@ -18785,7 +18827,12 @@ class TaskbarEdit extends DateProcessor {
     }
     // eslint-disable-next-line
     mouseLeaveHandler(e) {
-        this.dragMouseLeave = true;
+        if (this.taskBarEditAction === "ChildDrag" || this.taskBarEditAction === "ParentDrag" || this.taskBarEditAction === "ProgressResizing" || this.taskBarEditAction === "LeftResizing" || this.taskBarEditAction === "RightResizing") {
+            this.dragMouseLeave = false;
+        }
+        else {
+            this.dragMouseLeave = true;
+        }
     }
     /**
      * To update taskbar edited elements on mouse down action.
@@ -20046,7 +20093,7 @@ class TaskbarEdit extends DateProcessor {
         const milliSecondsPerPixel = (24 * 60 * 60 * 1000) / this.parent.perDayWidth;
         pStartDate.setTime(pStartDate.getTime() + (left * milliSecondsPerPixel));
         /* To render the milestone in proper date while editing */
-        if (isMilestone && !isNullOrUndefined(property.predecessor) && property.predecessor.length > 0) {
+        if (isMilestone && !isNullOrUndefined(property.predecessorsName) && property.predecessorsName !== '') {
             pStartDate.setDate(pStartDate.getDate() - 1);
             this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, pStartDate);
             pStartDate = this.parent.dateValidationModule.checkStartDate(pStartDate, property, true);
@@ -23002,7 +23049,7 @@ class DialogEdit {
                         tasksData[fieldName] = column.edit.read(inputElement, controlObj.value);
                     }
                 }
-                else if (isCustom && column.editType === 'booleanedit') {
+                else if (column.editType === 'booleanedit') {
                     if (inputElement instanceof HTMLInputElement && inputElement.checked === true) {
                         tasksData[fieldName] = true;
                     }
@@ -23336,14 +23383,55 @@ class ConnectorLineEdit {
     idFromPredecessor(pre) {
         const preArray = pre.split(',');
         const preIdArray = [];
-        let values;
+        let values = [];
         let match = [];
         for (let j = 0; j < preArray.length; j++) {
             const strArray = [];
-            values = preArray[j].split('+');
-            if (preArray[j].indexOf('-') >= 0) {
-                values = preArray[j].split('-');
-                
+            let isGUId = false;
+            var regex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;
+            let elSplit = preArray[j].split('-');
+            let id;
+            if (elSplit.length === 6) {
+                elSplit[4] = elSplit[4] + '-' + elSplit[5];
+                elSplit.pop();
+            }
+            if (elSplit.length === 5 && elSplit[4].length > 12) {
+                id = preArray[j].substring(0, 36);
+                if (regex.test(id)) {
+                    isGUId = true;
+                }
+            }
+            if (isGUId) {
+                let split;
+                split = elSplit[4].split('+');
+                let spliceLength;
+                if (split.length === 1) {
+                    values[0] = preArray[j];
+                }
+                else {
+                    spliceLength = split[1].length;
+                    values[0] = preArray[j].slice(0, -(spliceLength + 1));
+                    values[1] = split[1];
+                }
+                if (elSplit[4].indexOf('-') >= 0) {
+                    split = elSplit[4].split('-');
+                    if (split.length === 1) {
+                        values[0] = preArray[j];
+                    }
+                    else {
+                        spliceLength = split[1].length;
+                        values[0] = preArray[j].slice(0, -(spliceLength + 1));
+                        values[1] = split[1];
+                    }
+                    
+                }
+            }
+            else {
+                values = preArray[j].split('+');
+                if (preArray[j].indexOf('-') >= 0) {
+                    values = preArray[j].split('-');
+                    
+                }
             }
             if (!isNullOrUndefined(values[0])) {
                 const ids = this.parent.viewType === 'ResourceView' ? this.parent.getTaskIds() : this.parent.ids;
@@ -27080,6 +27168,9 @@ class Edit$2 {
                     this.parent.flatData[this.parent.getTaskIds().indexOf('T' + args.data[tasks.id])] : this.parent.getRecordByID(args.data[tasks.id]);
                 if (!isNullOrUndefined(ganttData)) {
                     this.validateUpdateValues(args.newTaskData, ganttData, true);
+                    this.parent.dateValidationModule.calculateEndDate(ganttData);
+                    this.parent.dataOperation.updateWidthLeft(ganttData);
+                    this.parent.dataOperation.updateParentItems(ganttData);
                 }
                 if (!isNullOrUndefined(args.data[`${tempTaskID}`])) {
                     if (args.data[tempTaskID] != args.data['ganttProperties']['taskId']) {
@@ -30840,8 +30931,6 @@ class CriticalPath {
                 }
                 if (element.getElementsByClassName('e-gantt-child-taskbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-taskbar-inner-div'), criticalChildTaskBarInnerDiv);
-                    const innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
-                    innerDivs.style.outlineColor = "";
                 }
                 if (element.getElementsByClassName('e-gantt-child-progressbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-progressbar-inner-div'), taskClass);