@syncfusion/ej2-gantt 20.4.52 → 20.4.54

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.52
+*  version : 20.4.54
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@20.4.51",
+  "_id": "@syncfusion/ej2-gantt@20.4.53",
   "_inBundle": false,
-  "_integrity": "sha512-MeRVHT0+jrE16XAXCIq90XHt8jCcOhPXqJ7SiE31NEMkf2mPg8+VkaFxcgYxyZ3aUDGikV2mYk1/Vcsuu0zufg==",
+  "_integrity": "sha512-vytG1vjcERh3V5le6Fv0M1iA1RzCwX6QrrC5LXe4nQABltBF6xxPf1/pwL/s1hdBMUXOGi2BKtK0WYo7/SUPGw==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.4.51.tgz",
-  "_shasum": "adf3c3f231d0673d9a16819bcae9da7625a44a1d",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.4.53.tgz",
+  "_shasum": "bd1a810cc56f9c53e4d53fb40f5fd7d84118c78f",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -36,19 +36,19 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.50",
-    "@syncfusion/ej2-calendars": "~20.4.52",
+    "@syncfusion/ej2-buttons": "~20.4.53",
+    "@syncfusion/ej2-calendars": "~20.4.54",
     "@syncfusion/ej2-data": "~20.4.48",
-    "@syncfusion/ej2-dropdowns": "~20.4.52",
-    "@syncfusion/ej2-grids": "~20.4.52",
-    "@syncfusion/ej2-inputs": "~20.4.52",
-    "@syncfusion/ej2-layouts": "~20.4.48",
+    "@syncfusion/ej2-dropdowns": "~20.4.54",
+    "@syncfusion/ej2-grids": "~20.4.54",
+    "@syncfusion/ej2-inputs": "~20.4.54",
+    "@syncfusion/ej2-layouts": "~20.4.53",
     "@syncfusion/ej2-lists": "~20.4.50",
-    "@syncfusion/ej2-navigations": "~20.4.52",
+    "@syncfusion/ej2-navigations": "~20.4.53",
     "@syncfusion/ej2-notifications": "~20.4.48",
-    "@syncfusion/ej2-popups": "~20.4.52",
-    "@syncfusion/ej2-richtexteditor": "~20.4.52",
-    "@syncfusion/ej2-treegrid": "~20.4.49"
+    "@syncfusion/ej2-popups": "~20.4.53",
+    "@syncfusion/ej2-richtexteditor": "~20.4.53",
+    "@syncfusion/ej2-treegrid": "~20.4.54"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.52",
+  "version": "20.4.54",
   "sideEffects": false
 }

package/src/gantt/actions/connector-line-edit.d.ts

@@ -135,6 +135,7 @@ export declare class ConnectorLineEdit {
      * @private
      */
     applyPredecessorOption(): void;
+    private checkChildRecords;
     private calculateOffset;
     /**
      * Update predecessor value with user selection option in predecessor validation dialog
@@ -167,7 +168,7 @@ export declare class ConnectorLineEdit {
      * @returns {boolean} .
      * @private
      */
-    validateTypes(ganttRecord: IGanttData): object;
+    validateTypes(ganttRecord: IGanttData, data?: any): object;
     /**
      * Method to remove and update new predecessor collection in successor record
      *

package/src/gantt/actions/connector-line-edit.js

@@ -602,12 +602,13 @@ var ConnectorLineEdit = /** @class */ (function () {
     ConnectorLineEdit.prototype.applyPredecessorOption = function () {
         var args = this.parent.currentEditedArgs;
         var ganttRecord = args.data;
+        var parentData;
         if (args.validateMode.respectLink) {
             this.parent.editModule.reUpdatePreviousRecords();
             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) {
@@ -615,6 +616,29 @@ var ConnectorLineEdit = /** @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);
@@ -690,6 +714,9 @@ var ConnectorLineEdit = /** @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);
@@ -785,14 +812,20 @@ var ConnectorLineEdit = /** @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);

package/src/gantt/actions/critical-path.js

@@ -696,10 +696,10 @@ var CriticalPath = /** @class */ (function () {
         var _loop_2 = function (i) {
             var criticalData;
             if (this_2.parent.viewType === 'ProjectView') {
-                criticalData = this_2.parent.currentViewData[this_2.parent.ids.indexOf(criticalPathIds[i].toString())];
+                criticalData = this_2.parent.flatData[this_2.parent.ids.indexOf(criticalPathIds[i].toString())];
             }
             else {
-                var currentRecords = this_2.parent.currentViewData.filter(function (data) {
+                var currentRecords = this_2.parent.flatData.filter(function (data) {
                     return (data.ganttProperties.taskId).toString() === criticalPathIds[i].toString();
                 });
                 for (var i_1 = 0; i_1 < currentRecords.length; i_1++) {
@@ -712,16 +712,18 @@ var CriticalPath = /** @class */ (function () {
             var element = this_2.parent.getRowByIndex(index);
             var taskClass = void 0;
             var columnFields = this_2.parent.taskFields;
-            if (criticalData.parentItem) {
+            if (criticalData && criticalData.parentItem) {
                 var parentRecord = this_2.parent.currentViewData.filter(function (data) {
                     return criticalData.parentItem.uniqueID === data.uniqueID;
                 });
-                var parentIndex = this_2.parent.currentViewData.indexOf(parentRecord[0]);
+                var parentIndex = this_2.parent.flatData.indexOf(parentRecord[0]);
                 var parentElement = this_2.parent.getRowByIndex(parentIndex);
-                var parentTaskbarElement = parentElement.querySelectorAll('.e-taskbar-main-container');
-                for (var i_2 = 0; i_2 < parentTaskbarElement.length; i_2++) {
-                    if (parentTaskbarElement[i_2].getAttribute('rowuniqueid') === criticalData['rowUniqueID']) {
-                        addClass(parentTaskbarElement[i_2].querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
+                if (parentElement) {
+                    var parentTaskbarElement = parentElement.querySelectorAll('.e-taskbar-main-container');
+                    for (var i_2 = 0; i_2 < parentTaskbarElement.length; i_2++) {
+                        if (parentTaskbarElement[i_2].getAttribute('rowuniqueid') === criticalData['rowUniqueID']) {
+                            addClass(parentTaskbarElement[i_2].querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
+                        }
                     }
                 }
             }

package/src/gantt/actions/edit.js

@@ -734,6 +734,29 @@ var Edit = /** @class */ (function () {
      */
     Edit.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) {
@@ -742,7 +765,15 @@ var Edit = /** @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);
@@ -808,7 +839,7 @@ var Edit = /** @class */ (function () {
             }
             this.parent.predecessorModule.isValidatedParentTaskID = '';
             /** validating predecessor for current edited records */
-            if (ganttRecord.ganttProperties.predecessorsName) {
+            if (ganttRecord.ganttProperties.predecessor) {
                 this.parent.isMileStoneEdited = ganttRecord.ganttProperties.isMilestone;
                 if (this.taskbarMoved) {
                     this.parent.editedTaskBarItem = ganttRecord;
@@ -2850,11 +2881,11 @@ var Edit = /** @class */ (function () {
                         };
                         var prevID_1 = args.data.ganttProperties.taskId.toString();
                         /* tslint:disable-next-line */
-                        var query_2 = _this.parent.query instanceof Query ? _this.parent.query : new Query();
+                        var query = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var adaptor = data_2.adaptor;
                         if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor) || data_2.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
-                            var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query_2);
+                            var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query);
                             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) {
@@ -2876,9 +2907,8 @@ var Edit = /** @class */ (function () {
                         }
                         else {
                             var addedRecords = 'addedRecords';
-                            var insertCrud = data_2.insert(updatedData_2[addedRecords], null, query_2);
+                            var insertCrud = data_2.insert(updatedData_2[addedRecords], null, query);
                             insertCrud.then(function (e) {
-                                var changedRecords = 'changedRecords';
                                 var addedRecords;
                                 if (!isNullOrUndefined(e[0])) {
                                     addedRecords = e[0];
@@ -2886,26 +2916,7 @@ var Edit = /** @class */ (function () {
                                 else {
                                     addedRecords = updatedData_2['addedRecords'][0];
                                 }
-                                /* tslint:disable-next-line */
-                                var updateCrud = data_2.update(_this.parent.taskFields.id, updatedData_2[changedRecords], null, query_2);
-                                updateCrud.then(function () {
-                                    if (_this.parent.taskFields.id && !isNullOrUndefined(addedRecords[_this.parent.taskFields.id]) &&
-                                        addedRecords[_this.parent.taskFields.id].toString() !== prevID_1) {
-                                        _this.parent.setRecordValue('taskId', addedRecords[_this.parent.taskFields.id], args.data.ganttProperties, true);
-                                        _this.parent.setRecordValue('taskData.' + _this.parent.taskFields.id, addedRecords[_this.parent.taskFields.id], args.data);
-                                        _this.parent.setRecordValue(_this.parent.taskFields.id, addedRecords[_this.parent.taskFields.id], args.data);
-                                        _this.parent.setRecordValue('rowUniqueID', addedRecords[_this.parent.taskFields.id].toString(), args.data.ganttProperties, true);
-                                        var idIndex = _this.parent.ids.indexOf(prevID_1);
-                                        if (idIndex !== -1) {
-                                            _this.parent.ids[idIndex] = addedRecords[_this.parent.taskFields.id].toString();
-                                        }
-                                    }
-                                    _this.updateNewRecord(cAddedRecord_1, args);
-                                }).catch(function (e) {
-                                    _this.removeAddedRecord();
-                                    _this.dmFailure(e, args);
-                                    _this._resetProperties();
-                                });
+                                _this.updateNewRecord(cAddedRecord_1, args);
                             }).catch(function (e) {
                                 _this.removeAddedRecord();
                                 _this.dmFailure(e, args);

package/src/gantt/base/gantt.d.ts

@@ -92,6 +92,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
     isVirtualScroll: boolean;
     scrollLeftValue: any;
     isToolBarClick: any;
+    isLocaleChanged: boolean;
+    previousGanttColumns: ColumnModel[];
     /** @hidden */
     topBottomHeader: any;
     /** @hidden */

package/src/gantt/base/gantt.js

@@ -61,6 +61,7 @@ var Gantt = /** @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 */
@@ -1490,6 +1491,10 @@ var Gantt = /** @class */ (function (_super) {
                 case 'enableRtl':
                 case 'readOnly':
                 case 'viewType':
+                case 'taskFields':
+                    if (prop === 'locale') {
+                        this.isLocaleChanged = true;
+                    }
                     isRefresh = true;
                     break;
                 case 'validateManualTasksOnLinking':

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

@@ -2210,7 +2210,7 @@ var TaskProcessor = /** @class */ (function (_super) {
         }
         if (childGanttRecord.hasChildRecords) {
             setValue('totalProgress', childGanttRecord.ganttProperties.totalProgress, progressValues);
-            setValue('totalDuration', childGanttRecord.ganttProperties.totalDuration, progressValues);
+            setValue('totalDuration', childGanttRecord.ganttProperties.totalDuration ? childGanttRecord.ganttProperties.totalDuration : 0, progressValues);
         }
         else {
             setValue('totalProgress', childGanttRecord.ganttProperties.progress * durationInDay, progressValues);
@@ -2284,10 +2284,8 @@ var TaskProcessor = /** @class */ (function (_super) {
                     progressValues = this.getParentProgress(childData);
                     totalProgress += getValue('totalProgress', progressValues);
                     if (childData[this.parent.taskFields.duration] < 1) {
-                        if (typeof (getValue('totalDuration', progressValues)) != 'object') {
-                            totalDuration += getValue('totalDuration', progressValues);
-                            totalDuration = Number(totalDuration.toFixed(4));
-                        }
+                        totalDuration += getValue('totalDuration', progressValues);
+                        totalDuration = Number(totalDuration.toFixed(4));
                     }
                     else {
                         totalDuration += getValue('totalDuration', progressValues);

package/src/gantt/base/tree-grid.js

@@ -59,7 +59,13 @@ var GanttTreeGrid = /** @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 () {
@@ -481,6 +487,9 @@ var GanttTreeGrid = /** @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';
@@ -491,14 +500,24 @@ var GanttTreeGrid = /** @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() };
@@ -506,7 +525,12 @@ var GanttTreeGrid = /** @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';
@@ -515,7 +539,12 @@ var GanttTreeGrid = /** @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';
@@ -525,7 +554,12 @@ var GanttTreeGrid = /** @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';
@@ -535,7 +569,12 @@ var GanttTreeGrid = /** @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) {
@@ -550,26 +589,46 @@ var GanttTreeGrid = /** @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);
@@ -593,7 +652,15 @@ var GanttTreeGrid = /** @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);
@@ -628,7 +695,17 @@ var GanttTreeGrid = /** @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])) {
@@ -665,7 +742,15 @@ var GanttTreeGrid = /** @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';
     };

package/src/gantt/export/export-helper.js

@@ -437,6 +437,12 @@ var ExportHelper = /** @class */ (function () {
         cell.style.padding.bottom = padding - style.fontSize;
         cell.style.padding.left = 10;
         cell.style.padding.right = 10;
+        if (style.padding) {
+            cell.style.padding = style.padding;
+        }
+        if (style.borders) {
+            cell.style.borders = style.borders;
+        }
     };
     /**
      * @param {PdfDocument} pdfDoc .

package/src/gantt/renderer/chart-rows.js

@@ -1328,7 +1328,7 @@ var ChartRows = /** @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;
                     }
@@ -1840,7 +1840,10 @@ var ChartRows = /** @class */ (function (_super) {
                 addClass([cloneElement], 'collpse-parent-border');
                 var id = chartRows[i].querySelector('.' + cls.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);

package/GitLeaksReport.json

@@ -1 +0,0 @@
-[]