@syncfusion/ej2-gantt 23.1.36 → 23.1.39

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

@@ -4131,7 +4131,7 @@ var chartRowCell = 'e-chart-row-cell';
 var chartRow = 'e-chart-row';
 var rowExpand = 'e-row-expand';
 var rowCollapse = 'e-row-collapse';
-var collapseParent = 'e-collapse-parent';
+
 var taskBarLeftResizer = 'e-taskbar-left-resizer';
 var taskBarRightResizer = 'e-taskbar-right-resizer';
 var childProgressResizer = 'e-child-progress-resizer';
@@ -5457,6 +5457,12 @@ var GanttChart = /** @__PURE__ @class */ (function () {
         else {
             this.isCollapseAll = true;
             this.parent.treeGrid.collapseAll();
+            if (this.isCollapseAll && !this.parent.allowTaskbarOverlap && this.parent.viewType === 'ResourceView') {
+                var 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;
@@ -10056,7 +10062,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         var baselineMilestoneHeight = this.parent.renderBaseline ? 5 : 2;
         var 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);
     };
     /**
@@ -11031,7 +11037,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                 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 :
@@ -11080,7 +11086,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
      */
     ChartRows.prototype.updateQueryTaskbarInfoArgs = function (args, rowElement, taskBarElement) {
         var trElement = args.rowElement;
-        var taskbarElement = args.taskbarElement;
+        var taskbarElement = this.parent.enableVirtualization ? args.rowElement : args.taskbarElement;
         var classCollections = this.getClassName(args);
         var segmentRowElement;
         if (args.data.ganttProperties.segments && args.data.ganttProperties.segments.length > 0) {
@@ -11101,18 +11107,6 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else if (taskbarElement) {
-            if (taskbarElement && this.parent.enableVirtualization && !args.data.expanded) {
-                var childElement = trElement.querySelector('.' + collapseParent);
-                if (childElement) {
-                    for (var i = 0; i < childElement.childNodes.length; i++) {
-                        var taskbar = childElement.childNodes[i];
-                        var 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;
@@ -11338,8 +11332,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             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) {
@@ -11362,6 +11355,10 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         addClass([cloneElement], 'collpse-parent-border');
         var id = tRow.querySelector('.' + taskBarMainContainer).getAttribute('rowUniqueId');
         var ganttData = this.parent.getRecordByID(id);
+        var mainTaskbar = (cloneElement.querySelector('.e-gantt-child-taskbar'));
+        if (this.parent.queryTaskbarInfo) {
+            this.triggerQueryTaskbarInfoByIndex(mainTaskbar, ganttData);
+        }
         var zIndex = "";
         if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
             zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
@@ -11651,15 +11648,58 @@ var Dependency = /** @__PURE__ @class */ (function () {
         var predecessor = predecessorValue.toString();
         var collection = [];
         var match;
-        var values;
+        var values = [];
         var offsetValue;
         var predecessorText;
         predecessor.split(',').forEach(function (el) {
-            values = el.split('+');
-            offsetValue = '+';
-            if (el.indexOf('-') >= 0) {
-                values = el.split('-');
-                offsetValue = '-';
+            var 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}$/;
+            var elSplit = el.split('-');
+            var 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) {
+                var split = void 0;
+                split = elSplit[4].split('+');
+                var spliceLength = void 0;
+                
+                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 = [];
             var ids = _this.parent.viewType === 'ResourceView' ? _this.parent.getTaskIds() : _this.parent.ids;
@@ -12386,6 +12426,7 @@ var ConnectorLine = /** @__PURE__ @class */ (function () {
         this.transform = '';
         this.connectorLinePath = '';
         this.arrowPath = '';
+        this.taskLineValue = 0;
         this.expandedRecords = [];
         this.parent = ganttObj;
         this.dependencyViewContainer =
@@ -13224,10 +13265,10 @@ var ConnectorLine = /** @__PURE__ @class */ (function () {
      * @private
      */
     ConnectorLine.prototype.getConnectorLineTooltipInnerTd = function (fromTaskName, fromPredecessorText, toTaskName, toPredecessorText) {
-        var innerTd = '<tr  id="fromPredecessor"><td style="padding: 4px;">' + this.parent.localeObj.getConstant('from') + '</td><td> ';
+        var 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;
     };
     /**
@@ -13400,6 +13441,7 @@ var Splitter$1 = /** @__PURE__ @class */ (function () {
                 var 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';
                 var callBackPromise = new Deferred();
                 _this.parent.trigger('splitterResized', args, function (splitterResizedArgs) {
                     if (splitterResizedArgs.cancel === true) {
@@ -13545,7 +13587,7 @@ var Tooltip$1 = /** @__PURE__ @class */ (function () {
             '.e-gantt-parent-taskbar, .e-gantt-milestone, .e-gantt-unscheduled-taskbar' +
             '.e-event-markers, .e-baseline-bar, .e-event-markers,' +
             '.e-connector-line-container, .e-indicator-span, .e-notes-info, .e-gantt-manualparent-milestone,' +
-            '.e-taskbar-left-resizer, .e-taskbar-right-resizer, .e-baseline-gantt-milestone, .e-gantt-manualparenttaskbar';
+            '.e-taskbar-left-resizer, .e-taskbar-right-resizer, .e-baseline-gantt-milestone-container, .e-gantt-manualparenttaskbar';
         this.toolTipObj.position = 'BottomCenter';
         this.toolTipObj.openDelay = 700;
         this.toolTipObj.enableRtl = this.parent.enableRtl;
@@ -13613,7 +13655,7 @@ var Tooltip$1 = /** @__PURE__ @class */ (function () {
                         parent.tooltipModule.getTooltipContent((data.ganttProperties.isMilestone ? 'milestone' : 'taskbar'), data, parent, args) : "";
                 }
                 else if (args.target.classList.contains('e-baseline-bar') ||
-                    args.target.classList.contains('e-baseline-gantt-milestone')) {
+                    args.target.classList.contains('e-baseline-gantt-milestone-container')) {
                     var baseLineTemplateNode = void 0;
                     if ((parent.tooltipSettings.baseline)) {
                         baseLineTemplateNode = parent.tooltipModule.templateCompiler(parent.tooltipSettings.baseline, parent, data, 'TooltipBaselineTemplate');
@@ -13784,7 +13826,7 @@ var Tooltip$1 = /** @__PURE__ @class */ (function () {
             case 'milestone':
                 {
                     var milestoneStartDate = void 0;
-                    if (args.target.className.includes('e-baseline-gantt-milestone') && !isNullOrUndefined(data.baselineStartDate)) {
+                    if (args.target.className.includes('e-baseline-gantt-milestone-container') && !isNullOrUndefined(data.baselineStartDate)) {
                         milestoneStartDate = data.baselineStartDate;
                     }
                     else if (!isNullOrUndefined(data.startDate)) {
@@ -15137,8 +15179,6 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
         removeClass(ganttChartElement.querySelectorAll('.e-critical-milestone'), criticalMilestone);
         removeClass(this.element.querySelectorAll('.e-connector-line'), criticalConnectorLineSVG);
         removeClass(this.element.querySelectorAll('.e-connector-line-arrow'), criticalConnectorArrowSVG);
-        var innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
-        innerDivs.style.outlineColor = "";
     };
     Gantt.prototype.wireEvents = function () {
         if (this.allowKeyboard) {
@@ -15184,10 +15224,12 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
             var 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';
+            var proxy_1 = this;
             if (this.timelineModule.isZoomToFit) {
-                this.timelineModule.processZoomToFit();
+                setTimeout(function () {
+                    proxy_1.timelineModule.processZoomToFit();
+                }, 0);
             }
         }
     };
@@ -19266,7 +19308,12 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
     };
     // eslint-disable-next-line
     TaskbarEdit.prototype.mouseLeaveHandler = function (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.
@@ -20530,7 +20577,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
         var 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);
@@ -22370,7 +22417,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
                     else {
                         if (value === "") {
                             this.parent.setRecordValue('duration', null, ganttProp, true);
-                            if (ganttProp.endDate) {
+                            if (ganttProp.endDate && ganttProp.startDate) {
                                 this.parent.setRecordValue('endDate', null, ganttProp, true);
                             }
                         }
@@ -23506,7 +23553,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
                         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;
                     }
@@ -23840,14 +23887,55 @@ var ConnectorLineEdit = /** @__PURE__ @class */ (function () {
     ConnectorLineEdit.prototype.idFromPredecessor = function (pre) {
         var preArray = pre.split(',');
         var preIdArray = [];
-        var values;
+        var values = [];
         var match = [];
         for (var j = 0; j < preArray.length; j++) {
             var strArray = [];
-            values = preArray[j].split('+');
-            if (preArray[j].indexOf('-') >= 0) {
-                values = preArray[j].split('-');
-                
+            var 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}$/;
+            var elSplit = preArray[j].split('-');
+            var id = void 0;
+            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) {
+                var split = void 0;
+                split = elSplit[4].split('+');
+                var spliceLength = void 0;
+                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])) {
                 var ids = this.parent.viewType === 'ResourceView' ? this.parent.getTaskIds() : this.parent.ids;
@@ -27629,6 +27717,9 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                     _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']) {
@@ -27647,8 +27738,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                         /* tslint:disable-next-line */
                         var query = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var adaptor = data_2.adaptor;
-                        var moduleName = adaptor.getModuleName();
-                        if (!(moduleName == "WebApiAdaptor" || moduleName == "ODataAdaptor" || moduleName == "ODataV4Adaptor") || data_2.dataSource.batchUrl) {
+                        if (!(adaptor instanceof WebApiAdaptor || adaptor instanceof ODataAdaptor || adaptor instanceof ODataV4Adaptor) || data_2.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
                             var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query);
                             crud.then(function (e) {
@@ -31424,8 +31514,6 @@ var CriticalPath = /** @__PURE__ @class */ (function () {
                 }
                 if (element.getElementsByClassName('e-gantt-child-taskbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-taskbar-inner-div'), criticalChildTaskBarInnerDiv);
-                    var 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);