@syncfusion/ej2-gantt 20.4.51 → 20.4.53

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

@@ -632,7 +632,7 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
      * @returns {Date} .
      * @private
      */
-    DateProcessor.prototype.getStartDate = function (endDate, duration, durationUnit, ganttProp) {
+    DateProcessor.prototype.getStartDate = function (endDate, duration, durationUnit, ganttProp, fromValidation) {
         var tempEnd = new Date(endDate.getTime());
         var startDate = new Date(endDate.getTime());
         var secondDuration = this.getDurationAsSeconds(duration, durationUnit);
@@ -648,6 +648,12 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
             }
             tempEnd = new Date(startDate.getTime());
         }
+        /* To render the milestone in proper date while loading */
+        if (fromValidation && ganttProp.isMilestone) {
+            startDate.setDate(startDate.getDate() - 1);
+            this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, startDate);
+            startDate = this.parent.dateValidationModule.checkStartDate(startDate, ganttProp, true);
+        }
         return startDate;
     };
     /**
@@ -699,6 +705,7 @@ var DateProcessor = /** @__PURE__ @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;
@@ -709,7 +716,21 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
                 this.setTime(this.parent.defaultStartTime, sDate);
             }
             else if (!isNullOrUndefined(duration)) {
-                sDate = this.getProjectStartDate(ganttProp);
+                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 {
@@ -2942,6 +2963,40 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
             task.taskData[this.parent.taskFields.durationUnit] = task.ganttProperties.durationUnit;
         }
     };
+    TaskProcessor.prototype.setDataSource = function (data) {
+        var createData = [];
+        var length = data.length;
+        for (var i = 0; i < length; i++) {
+            var record = data[i];
+            createData.push(record);
+            if (!(isNullOrUndefined(data[i][this.parent.taskFields.child]))) {
+                this.setDataSource(data[i][this.parent.taskFields.child]);
+            }
+        }
+        return createData;
+    };
+    TaskProcessor.prototype.setStartDate = function (task) {
+        var _this = this;
+        var hierarchicalData = [];
+        if (!isNullOrUndefined(this.parent.taskFields.parentID) && !isNullOrUndefined(this.parent.taskFields.id)) {
+            hierarchicalData = this.setDataSource(this.parent.dataSource);
+        }
+        else {
+            hierarchicalData = this.parent.dataSource;
+        }
+        this.parent.flatData.map(function (data) {
+            hierarchicalData.map(function (record) {
+                if (data.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
+                    if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
+                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
+                    }
+                    if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
+                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
+                    }
+                }
+            });
+        });
+    };
     TaskProcessor.prototype.getWorkInHour = function (work, workUnit) {
         if (workUnit === 'day') {
             return work * (this.parent.secondsPerDay / 3600);
@@ -3236,6 +3291,9 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                 if (!isNullOrUndefined(this.parent.taskFields.duration)) {
                     this.setRecordDuration(ganttData, this.parent.taskFields.duration);
                 }
+                if (this.parent.isLoad) {
+                    this.setStartDate(ganttData);
+                }
                 this.calculateScheduledValues(ganttData, data, false);
             }
             this.updateGanttData();
@@ -5708,6 +5766,9 @@ var Timeline = /** @__PURE__ @class */ (function () {
      */
     Timeline.prototype.changeTimelineSettings = function (newTimeline) {
         var _this = this;
+        if (!this.isZoomIn) {
+            this.isSingleTier = newTimeline.topTier.unit === 'None' || newTimeline.bottomTier.unit === 'None' ? true : false;
+        }
         var skipProperty = this.isSingleTier ?
             this.customTimelineSettings.topTier.unit === 'None' ?
                 'topTier' : 'bottomTier' : null;
@@ -5719,7 +5780,9 @@ var Timeline = /** @__PURE__ @class */ (function () {
             else {
                 var value = property === 'topTier' ? 'bottomTier' : 'topTier';
                 var assignValue = 'bottomTier';
-                _this.customTimelineSettings[value] = __assign({}, newTimeline[assignValue]);
+                if (newTimeline[assignValue].unit != "None") {
+                    _this.customTimelineSettings[value] = __assign({}, newTimeline[assignValue]);
+                }
             }
         });
         this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
@@ -5955,7 +6018,9 @@ var Timeline = /** @__PURE__ @class */ (function () {
             this.customTimelineSettings.bottomTier.count : this.customTimelineSettings.topTier.count;
         var unit = this.customTimelineSettings.bottomTier.unit !== 'None' ?
             this.customTimelineSettings.bottomTier.unit : this.customTimelineSettings.topTier.unit;
-        var zoomLevel = this.getCurrentZoomingLevel(unit, count);
+        var tier = this.customTimelineSettings.bottomTier.unit !== 'None' ?
+            "bottomTier" : "topTier";
+        var zoomLevel = this.getCurrentZoomingLevel(unit, count, tier);
         if (this.parent.toolbarModule) {
             if (zoomLevel === this.parent.zoomingLevels[this.parent.zoomingLevels.length - 1].level) {
                 this.parent.toolbarModule.enableItems([this.parent.controlId + '_zoomin'], false);
@@ -5973,7 +6038,7 @@ var Timeline = /** @__PURE__ @class */ (function () {
      * @returns {number} .
      * @private
      */
-    Timeline.prototype.getCurrentZoomingLevel = function (unit, count) {
+    Timeline.prototype.getCurrentZoomingLevel = function (unit, count, tier) {
         var level;
         var currentZoomCollection;
         var checkSameCountLevels;
@@ -5983,16 +6048,31 @@ var Timeline = /** @__PURE__ @class */ (function () {
             this.parent.zoomingLevels = this.parent.getZoomingLevels();
         }
         var sameUnitLevels = this.parent.zoomingLevels.filter(function (tempLevel) {
-            return tempLevel.bottomTier.unit === unit;
+            if (tier === "bottomTier") {
+                return tempLevel.bottomTier.unit === unit;
+            }
+            else {
+                return tempLevel.topTier.unit === unit;
+            }
         });
         if (sameUnitLevels.length === 0) {
             var closestUnit_1 = this.getClosestUnit(unit, '', false);
             sameUnitLevels = this.parent.zoomingLevels.filter(function (tempLevel) {
-                return tempLevel.bottomTier.unit === closestUnit_1;
+                if (tier === "bottomTier") {
+                    return tempLevel.bottomTier.unit === closestUnit_1;
+                }
+                else {
+                    return tempLevel.topTier.unit === closestUnit_1;
+                }
             });
         }
         var sortedUnitLevels = sameUnitLevels.sort(function (a, b) {
-            return (a.bottomTier.count < b.bottomTier.count) ? 1 : -1;
+            if (tier === "bottomTier") {
+                return (a.bottomTier.count < b.bottomTier.count) ? 1 : -1;
+            }
+            else {
+                return (a.topTier.count < b.topTier.count) ? 1 : -1;
+            }
         });
         for (var i = 0; i < sortedUnitLevels.length; i++) {
             firstValue = sortedUnitLevels[i];
@@ -6003,10 +6083,15 @@ var Timeline = /** @__PURE__ @class */ (function () {
             else {
                 secondValue = sortedUnitLevels[i + 1];
             }
-            if (count >= firstValue.bottomTier.count) {
+            if (count >= firstValue[tier].count) {
                 currentZoomCollection = sortedUnitLevels[i];
                 checkSameCountLevels = sortedUnitLevels.filter(function (tempLevel) {
-                    return tempLevel.bottomTier.count === currentZoomCollection.bottomTier.count;
+                    if (tier === "bottomTier") {
+                        return tempLevel.bottomTier.count === currentZoomCollection.bottomTier.count;
+                    }
+                    else {
+                        return tempLevel.topTier.count === currentZoomCollection.topTier.count;
+                    }
                 });
                 if (checkSameCountLevels.length > 1) {
                     level = this.checkCollectionsWidth(checkSameCountLevels);
@@ -6016,10 +6101,15 @@ var Timeline = /** @__PURE__ @class */ (function () {
                 }
                 break;
             }
-            else if (count < firstValue.bottomTier.count && count > secondValue.bottomTier.count) {
+            else if (count < firstValue[tier].count && count > secondValue[tier].count) {
                 currentZoomCollection = sortedUnitLevels[i + 1];
                 checkSameCountLevels = sortedUnitLevels.filter(function (tempLevel) {
-                    return tempLevel.bottomTier.count === currentZoomCollection.bottomTier.count;
+                    if (tier === "bottomTier") {
+                        return tempLevel.bottomTier.count === currentZoomCollection.bottomTier.count;
+                    }
+                    else {
+                        return tempLevel.topTier.count === currentZoomCollection.topTier.count;
+                    }
                 });
                 if (checkSameCountLevels.length > 1) {
                     level = this.checkCollectionsWidth(checkSameCountLevels);
@@ -7127,7 +7217,13 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
         this.parent.treeGrid.allowKeyboard = this.parent.allowKeyboard;
         this.parent.treeGrid.enableImmutableMode = this.parent.enableImmutableMode;
         this.treeGridColumns = [];
+        if (!this.parent.isLocaleChanged && this.parent.isLoad) {
+            this.parent.previousGanttColumns = extend([], [], this.parent.columns, true);
+        }
         this.validateGanttColumns();
+        if (this.parent.isLocaleChanged) {
+            this.parent.isLocaleChanged = false;
+        }
         this.addEventListener();
     }
     GanttTreeGrid.prototype.addEventListener = function () {
@@ -7549,6 +7645,9 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
      */
     GanttTreeGrid.prototype.createTreeGridColumn = function (column, isDefined) {
         var taskSettings = this.parent.taskFields;
+        var previousColumn = this.parent.previousGanttColumns.filter(function (prevcolumn) {
+            return column.field == prevcolumn.field;
+        })[0];
         column.disableHtmlEncode = !isNullOrUndefined(column.disableHtmlEncode) ? column.disableHtmlEncode : this.parent.disableHtmlEncode;
         if (taskSettings.id !== column.field) {
             column.clipMode = column.clipMode ? column.clipMode : 'EllipsisWithTooltip';
@@ -7559,14 +7658,24 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
         }
         else if (taskSettings.name === column.field) {
             /** Name column */
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('name');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('name');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('name');
+            }
             column.width = column.width ? column.width : 150;
             column.editType = column.editType ? column.editType : 'stringedit';
             column.type = column.type ? column.type : 'string';
         }
         else if (taskSettings.startDate === column.field) {
             /** Name column */
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('startDate');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('startDate');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('startDate');
+            }
             column.editType = column.editType ? column.editType :
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
             column.format = column.format ? column.format : { type: 'date', format: this.parent.getDateFormat() };
@@ -7574,7 +7683,12 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
             column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
         }
         else if (taskSettings.endDate === column.field) {
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('endDate');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('endDate');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('endDate');
+            }
             column.format = column.format ? column.format : { type: 'date', format: this.parent.getDateFormat() };
             column.editType = column.editType ? column.editType :
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
@@ -7583,7 +7697,12 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
         }
         else if (taskSettings.duration === column.field) {
             column.width = column.width ? column.width : 150;
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('duration');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('duration');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('duration');
+            }
             column.valueAccessor = column.valueAccessor ? column.valueAccessor : !isNullOrUndefined(column.edit) ? null :
                 this.durationValueAccessor.bind(this);
             column.editType = column.editType ? column.editType : 'stringedit';
@@ -7593,7 +7712,12 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
             this.composeProgressColumn(column);
         }
         else if (taskSettings.dependency === column.field) {
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('dependency');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('dependency');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('dependency');
+            }
             column.width = column.width ? column.width : 150;
             column.editType = column.editType ? column.editType : 'stringedit';
             column.type = 'string';
@@ -7603,7 +7727,12 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
             this.composeResourceColumn(column);
         }
         else if (taskSettings.notes === column.field) {
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('notes');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('notes');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('notes');
+            }
             column.width = column.width ? column.width : 150;
             column.editType = column.editType ? column.editType : 'stringedit';
             if (!this.parent.showInlineNotes) {
@@ -7618,26 +7747,46 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
             var colName = (taskSettings.baselineEndDate === column.field) ? 'baselineEndDate' :
                 'baselineStartDate';
             column.width = column.width ? column.width : 150;
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant(colName);
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant(colName);
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant(colName);
+            }
             column.format = column.format ? column.format : { type: 'date', format: this.parent.getDateFormat() };
             column.editType = column.editType ? column.editType :
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
         }
         else if (taskSettings.work === column.field) {
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('work');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('work');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('work');
+            }
             column.width = column.width ? column.width : 150;
             column.valueAccessor = column.valueAccessor ? column.valueAccessor : this.workValueAccessor.bind(this);
             column.editType = column.editType ? column.editType : 'numericedit';
         }
         else if (taskSettings.type === column.field) {
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('taskType');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('taskType');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('taskType');
+            }
             column.width = column.width ? column.width : 150;
             //column.type = 'string';
             column.editType = 'dropdownedit';
             column.valueAccessor = column.valueAccessor ? column.valueAccessor : this.taskTypeValueAccessor.bind(this);
         }
         else if (taskSettings.manual === column.field && this.parent.taskMode === 'Custom') {
-            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('taskMode');
+            if (this.parent.isLocaleChanged && previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('taskMode');
+            }
+            else {
+                column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('taskMode');
+            }
             column.width = column.width ? column.width : 120;
             column.editType = column.editType ? column.editType : 'dropdownedit';
             column.valueAccessor = column.valueAccessor ? column.valueAccessor : this.modeValueAccessor.bind(this);
@@ -7661,7 +7810,15 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
      * @returns {void} .
      */
     GanttTreeGrid.prototype.composeResourceColumn = function (column) {
-        column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('resourceName');
+        var previousColumn = this.parent.previousGanttColumns.filter(function (prevcolumn) {
+            return column.field == prevcolumn.field;
+        })[0];
+        if (this.parent.isLocaleChanged && previousColumn) {
+            column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('resourceName');
+        }
+        else {
+            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('resourceName');
+        }
         column.width = column.width ? column.width : 150;
         column.type = 'string';
         column.valueAccessor = column.valueAccessor ? column.valueAccessor : this.resourceValueAccessor.bind(this);
@@ -7696,7 +7853,17 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
         var lengthDataSource = this.parent.dataSource['length'];
         var taskIDName;
         column.isPrimaryKey = isProjectView ? true : false;
-        column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('id');
+        if (this.parent.isLocaleChanged) {
+            var previousColumn = this.parent.previousGanttColumns.filter(function (prevcolumn) {
+                return column.field == prevcolumn.field;
+            })[0];
+            if (previousColumn) {
+                column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('id');
+            }
+        }
+        else {
+            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('id');
+        }
         column.width = column.width ? column.width : 100;
         for (var i = 0; i < lengthDataSource; i++) {
             if (!isNullOrUndefined(this.parent.dataSource[i][this.parent.taskFields.id])) {
@@ -7733,7 +7900,15 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
      * @returns {void} .
      */
     GanttTreeGrid.prototype.composeProgressColumn = function (column) {
-        column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('progress');
+        var previousColumn = this.parent.previousGanttColumns.filter(function (prevcolumn) {
+            return column.field == prevcolumn.field;
+        })[0];
+        if (this.parent.isLocaleChanged && previousColumn) {
+            column.headerText = previousColumn.headerText ? previousColumn.headerText : this.parent.localeObj.getConstant('progress');
+        }
+        else {
+            column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('progress');
+        }
         column.width = column.width ? column.width : 150;
         column.editType = column.editType ? column.editType : 'numericedit';
     };
@@ -9967,7 +10142,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             for (var i = 0; i < this.parent.currentViewData.length; i++) {
                 var tempTemplateData = this.parent.currentViewData[i];
                 if (this.parent.viewType === 'ResourceView') {
-                    if (this.parent.editModule && this.parent.editModule.isResourceTaskDeleted) {
+                    if (this.parent.editModule && this.parent.editModule.isResourceTaskDeleted || this.parent.isFromOnPropertyChange) {
                         this.parent.initialChartRowElements = this.parent.ganttChartModule.getChartRows();
                         this.parent.editModule.isResourceTaskDeleted = false;
                     }
@@ -10479,7 +10654,10 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                 addClass([cloneElement], 'collpse-parent-border');
                 var id = chartRows[i].querySelector('.' + taskBarMainContainer).getAttribute('rowUniqueId');
                 var ganttData = this.parent.getRecordByID(id);
-                var zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
+                var zIndex = "";
+                if (ganttData && ganttData.ganttProperties.eOverlapIndex) {
+                    zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
+                }
                 var cloneChildElement = cloneElement.cloneNode(true);
                 cloneChildElement.style.zIndex = zIndex;
                 parentTrNode[0].childNodes[0].childNodes[0].childNodes[0].appendChild(cloneChildElement);
@@ -11180,7 +11358,7 @@ var Dependency = /** @__PURE__ @class */ (function () {
         var offsetValue = predecessor.offset;
         var durationUnit = predecessor.offsetUnit;
         if (offsetValue < 0) {
-            resultDate = this.dateValidateModule.getStartDate(this.dateValidateModule.checkEndDate(date, record), (offsetValue * -1), durationUnit, record);
+            resultDate = this.dateValidateModule.getStartDate(this.dateValidateModule.checkEndDate(date, record), (offsetValue * -1), durationUnit, record, true);
         }
         else {
             resultDate = this.dateValidateModule.getEndDate(date, offsetValue, durationUnit, record, false);
@@ -13365,6 +13543,7 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
         var _this = _super.call(this, options, element) || this;
         _this.showIndicator = true;
         _this.singleTier = 0;
+        _this.isLocaleChanged = false;
         /** @hidden */
         _this.isCancelled = false;
         /** @hidden */
@@ -14705,6 +14884,7 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                 case 'dayWorkingTime':
                 case 'allowUnscheduledTasks':
                 case 'holidays':
+                    this.isLoad = true;
                     if (prop === 'holidays') {
                         this.totalHolidayDates = this.dataOperation.getHolidayDates();
                         this.notify('ui-update', { module: 'day-markers', properties: newProp });
@@ -14713,6 +14893,7 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                     this.treeGrid.refreshColumns();
                     this.chartRowsModule.initiateTemplates();
                     this.chartRowsModule.refreshGanttRows();
+                    this.isLoad = false;
                     break;
                 case 'addDialogFields':
                 case 'editDialogFields':
@@ -14792,6 +14973,9 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                 case 'enableRtl':
                 case 'readOnly':
                 case 'viewType':
+                    if (prop === 'locale') {
+                        this.isLocaleChanged = true;
+                    }
                     isRefresh = true;
                     break;
                 case 'validateManualTasksOnLinking':
@@ -18418,6 +18602,16 @@ var TaskbarEdit = /** @__PURE__ @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();
+                        }
+                    });
+                }
+            });
         }
     };
     /**
@@ -18971,7 +19165,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
     };
     TaskbarEdit.prototype.updateChildDrag = function (item) {
         var left = this.getRoundOffStartLeft(item, this.roundOffDuration);
-        var projectStartDate = this.getDateByLeft(left);
+        var projectStartDate = this.getDateByLeft(left, item.isMilestone, item);
         var endDate;
         if (this.segmentIndex === 0) {
             this.parent.setRecordValue('startDate', this.parent.dateValidationModule.checkStartDate(projectStartDate, item, null), item, true);
@@ -19194,10 +19388,16 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
      * @returns {Date} .
      * @private
      */
-    TaskbarEdit.prototype.getDateByLeft = function (left) {
+    TaskbarEdit.prototype.getDateByLeft = function (left, isMilestone, property) {
         var pStartDate = new Date(this.parent.timelineModule.timelineStartDate.toString());
         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) {
+            pStartDate.setDate(pStartDate.getDate() - 1);
+            this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, pStartDate);
+            pStartDate = this.parent.dateValidationModule.checkStartDate(pStartDate, property, true);
+        }
         var tierMode = this.parent.timelineModule.bottomTier !== 'None' ? this.parent.timelineModule.topTier :
             this.parent.timelineModule.bottomTier;
         if (tierMode !== 'Hour' && tierMode !== 'Minutes') {
@@ -22774,7 +22974,7 @@ var ConnectorLineEdit = /** @__PURE__ @class */ (function () {
             this.parent.chartRowsModule.refreshRecords([args.data]);
         }
         else if (args.validateMode.removeLink) {
-            this.removePredecessors(ganttRecord, this.validationPredecessor);
+            this.checkChildRecords(ganttRecord);
             this.parent.editModule.updateEditedTask(args.editEventArgs);
         }
         else if (args.validateMode.preserveLinkWithEditing) {
@@ -22782,6 +22982,29 @@ var ConnectorLineEdit = /** @__PURE__ @class */ (function () {
             this.parent.editModule.updateEditedTask(args.editEventArgs);
         }
     };
+    ConnectorLineEdit.prototype.checkChildRecords = function (ganttRecord) {
+        this.validationPredecessor = ganttRecord.ganttProperties.predecessor;
+        if (!isNullOrUndefined(this.validationPredecessor)) {
+            this.removePredecessors(ganttRecord, this.validationPredecessor);
+        }
+        if (ganttRecord.childRecords.length > 0) {
+            for (var i = 0; i < ganttRecord.childRecords.length; i++) {
+                var childRecord = ganttRecord.childRecords[i];
+                this.validationPredecessor = childRecord.ganttProperties.predecessor;
+                if (!isNullOrUndefined(this.validationPredecessor)) {
+                    this.removePredecessors(childRecord, this.validationPredecessor);
+                }
+                if (childRecord.childRecords.length > 0) {
+                    this.checkChildRecords(childRecord);
+                }
+            }
+        }
+        else if (!isNullOrUndefined(ganttRecord.parentItem)) {
+            var parentRecord = this.parent.getRecordByID(ganttRecord.parentItem.taskId);
+            this.validationPredecessor = parentRecord.ganttProperties.predecessor;
+            this.removePredecessors(parentRecord, this.validationPredecessor);
+        }
+    };
     ConnectorLineEdit.prototype.calculateOffset = function (record) {
         var prevPredecessor = extend([], record.ganttProperties.predecessor, [], true);
         var validPredecessor = this.parent.predecessorModule.getValidPredecessor(record);
@@ -22857,6 +23080,9 @@ var ConnectorLineEdit = /** @__PURE__ @class */ (function () {
      */
     ConnectorLineEdit.prototype.removePredecessors = function (ganttRecord, predecessor) {
         var prevPredecessor = extend([], [], ganttRecord.ganttProperties.predecessor, true);
+        if (isNullOrUndefined(predecessor)) {
+            return;
+        }
         var preLength = predecessor.length;
         for (var i = 0; i < preLength; i++) {
             var parentGanttRecord = this.parent.connectorLineModule.getRecordByID(predecessor[i].from);
@@ -22952,14 +23178,20 @@ var ConnectorLineEdit = /** @__PURE__ @class */ (function () {
      * @returns {boolean} .
      * @private
      */
-    ConnectorLineEdit.prototype.validateTypes = function (ganttRecord) {
+    ConnectorLineEdit.prototype.validateTypes = function (ganttRecord, data) {
         var predecessor = this.parent.predecessorModule.getValidPredecessor(ganttRecord);
         var parentGanttRecord;
+        var ganttTaskData;
         this.validationPredecessor = [];
         var violatedParent;
         var violateType;
         var startDate = this.parent.predecessorModule.getPredecessorDate(ganttRecord, predecessor);
-        var ganttTaskData = ganttRecord.ganttProperties;
+        if (data) {
+            ganttTaskData = data.ganttProperties;
+        }
+        else {
+            ganttTaskData = ganttRecord.ganttProperties;
+        }
         var endDate = this.parent.allowUnscheduledTasks && isNullOrUndefined(startDate) ?
             ganttTaskData.endDate :
             this.dateValidateModule.getEndDate(startDate, ganttTaskData.duration, ganttTaskData.durationUnit, ganttTaskData, false);
@@ -23844,6 +24076,29 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
      */
     Edit$$1.prototype.initiateUpdateAction = function (args) {
         var isValidatePredecessor = this.isCheckPredecessor(args.data);
+        var parentData;
+        var childRecordIndex;
+        if (!isNullOrUndefined(args.data.parentItem) && !isValidatePredecessor) {
+            parentData = this.parent.getRecordByID(args.data.parentItem.taskId);
+            if (this.isTaskbarMoved(args.data) && this.parent.predecessorModule.getValidPredecessor(parentData).length > 0
+                && this.parent.isInPredecessorValidation) {
+                isValidatePredecessor = true;
+            }
+            else {
+                isValidatePredecessor = false;
+            }
+        }
+        else if (args.data.childRecords.length > 0 && !isValidatePredecessor) {
+            isValidatePredecessor = this.isCheckPredecessor(args.data);
+            if (!isValidatePredecessor && this.isTaskbarMoved(args.data)) {
+                for (var i = 0; i < args.data.childRecords.length; i++) {
+                    if (this.parent.predecessorModule.getValidPredecessor(args.data.childRecords[i]).length > 0) {
+                        childRecordIndex = i;
+                        isValidatePredecessor = true;
+                    }
+                }
+            }
+        }
         this.taskbarMoved = this.isTaskbarMoved(args.data);
         this.predecessorUpdated = this.isPredecessorUpdated(args.data);
         if (this.predecessorUpdated) {
@@ -23852,7 +24107,15 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
         }
         var validateObject = {};
         if (isValidatePredecessor) {
-            validateObject = this.parent.connectorLineEditModule.validateTypes(args.data);
+            if (!isNullOrUndefined(parentData)) {
+                validateObject = this.parent.connectorLineEditModule.validateTypes(parentData, args.data);
+            }
+            else if (!isNullOrUndefined(childRecordIndex)) {
+                validateObject = this.parent.connectorLineEditModule.validateTypes(args.data.childRecords[childRecordIndex], args.data);
+            }
+            else {
+                validateObject = this.parent.connectorLineEditModule.validateTypes(args.data);
+            }
             this.parent.isConnectorLineUpdate = true;
             if (!isNullOrUndefined(getValue('violationType', validateObject))) {
                 var newArgs = this.validateTaskEvent(args);
@@ -24180,7 +24443,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
             durationDiff = this.parent.dateValidationModule.getDuration(validStartDate, validEndDate, 'minute', true, false);
         }
         for (var i = 0; i < childRecords.length; i++) {
-            if (childRecords[i].ganttProperties.isAutoSchedule) {
+            if ((!(this.parent.isUnscheduledTask(childRecords[i].ganttProperties))) && (childRecords[i].ganttProperties.isAutoSchedule)) {
                 if (durationDiff > 0) {
                     var startDate = isScheduledTask(childRecords[i].ganttProperties) ?
                         childRecords[i].ganttProperties.startDate : childRecords[i].ganttProperties.startDate ?
@@ -24208,6 +24471,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
         }
         if (childRecords.length) {
             this.parent.dataOperation.updateParentItems(ganttRecord, true);
+            this.parent.dataOperation.updateGanttData();
         }
     };
     /**
@@ -24287,9 +24551,21 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
         });
     };
     Edit$$1.prototype.dmSuccess = function (e, args) {
-        var eLength = e['length'];
+        var eLength;
+        var rec;
+        if (e.changedRecords) {
+            eLength = e.changedRecords['length'];
+        }
+        else {
+            eLength = e['length'];
+        }
         for (var i = 0; i < eLength; i++) {
-            var rec = e[i];
+            if (e.changedRecords) {
+                rec = e.changedRecords[i];
+            }
+            else {
+                rec = e[i];
+            }
             var _aLength = Object.keys(rec).length;
             for (var j = 0, _a = Object.keys(rec); j < _aLength; j++) {
                 var key = _a[j];
@@ -25954,9 +26230,9 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                             var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query_2);
                             crud.then(function (e) {
                                 if (_this.parent.taskFields.id && !isNullOrUndefined(e.addedRecords[0][_this.parent.taskFields.id]) &&
-                                    e.addedRecords[0][_this.parent.taskFields.id].toString() !== prevID_1) {
+                                    e.addedRecords[0][_this.parent.taskFields.id].toString() == prevID_1) {
                                     _this.parent.setRecordValue('taskId', e.addedRecords[0][_this.parent.taskFields.id], args.data.ganttProperties, true);
-                                    _this.parent.setRecordValue('taskData.' + _this.parent.taskFields.id, e.addedRecords[0][_this.parent.taskFields.id], args.data);
+                                    _this.parent.setRecordValue('taskData', e.addedRecords[0], args.data);
                                     _this.parent.setRecordValue(_this.parent.taskFields.id, e.addedRecords[0][_this.parent.taskFields.id], args.data);
                                     _this.parent.setRecordValue('rowUniqueID', e.addedRecords[0][_this.parent.taskFields.id].toString(), args.data.ganttProperties, true);
                                     var idsIndex = _this.parent.ids.indexOf(prevID_1);