@syncfusion/ej2-gantt 20.1.56 → 20.1.60

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

@@ -2070,6 +2070,13 @@ class TaskProcessor extends DateProcessor {
                 work = parseFloat(work.toFixed(2));
             }
         }
+        if (ganttData.childRecords.length > 0) {
+            let childCompletedWorks = 0;
+            for (let i = 0; i < ganttData.childRecords.length; i++) {
+                childCompletedWorks += ganttData.childRecords[i][this.parent.taskFields.work];
+            }
+            work += childCompletedWorks;
+        }
         this.parent.setRecordValue('work', work, ganttData.ganttProperties, true);
         if (!isNullOrUndefined(this.parent.taskFields.work)) {
             this.parent.dataOperation.updateMappingData(ganttData, 'work');
@@ -3623,7 +3630,6 @@ class TaskProcessor extends DateProcessor {
             let maxEndDate = null;
             let milestoneCount = 0;
             let totalProgress = 0;
-            let childCompletedWorks = 0;
             let childData;
             for (let count = 0; count < childLength; count++) {
                 childData = childRecords[count];
@@ -3661,7 +3667,6 @@ class TaskProcessor extends DateProcessor {
                 else {
                     milestoneCount++;
                 }
-                childCompletedWorks += childData.ganttProperties.work;
             }
             if (!deleteUpdate) {
                 if (this.compareDates(previousStartDate, minStartDate) !== 0) {
@@ -3687,7 +3692,6 @@ class TaskProcessor extends DateProcessor {
                 }
                 this.updateWorkWithDuration(parentData);
                 let parentWork = parentProp.work;
-                parentWork += childCompletedWorks;
                 this.parent.setRecordValue('work', parentWork, parentProp, true);
                 this.parent.setRecordValue('taskType', 'FixedDuration', parentProp, true);
                 if (!isNullOrUndefined(this.parent.taskFields.type)) {
@@ -4662,7 +4666,12 @@ class GanttChart {
      * @private
      */
     getChartRows() {
-        return document.getElementById(this.parent.element.id + 'GanttTaskTableBody').querySelectorAll('.e-chart-row');
+        if (document.getElementById(this.parent.element.id + 'GanttTaskTableBody') != null) {
+            return document.getElementById(this.parent.element.id + 'GanttTaskTableBody').querySelectorAll('.e-chart-row');
+        }
+        else {
+            return null;
+        }
     }
     /**
      * Expand Collapse operations from gantt chart side
@@ -5467,6 +5476,9 @@ class Timeline {
             this.parent.zoomingProjectEndDate = this.parent.cloneProjectEndDate;
         }
         this.parent.dataOperation.calculateProjectDates();
+        if (this.parent.zoomingProjectStartDate > this.parent.cloneProjectStartDate) {
+            this.parent.cloneProjectStartDate = new Date(this.parent.allowUnscheduledTasks ? this.parent.zoomingProjectStartDate : this.parent.cloneProjectStartDate);
+        }
         const timeDifference = (this.parent.cloneProjectEndDate.getTime() - this.parent.cloneProjectStartDate.getTime());
         const totalDays = (timeDifference / (1000 * 3600 * 24));
         const chartWidth = this.parent.ganttChartModule.chartElement.offsetWidth;
@@ -10468,7 +10480,7 @@ class ConnectorLine {
                 (Math.floor(this.parent.chartRowsModule.milestoneHeight)) : childGanttRecord.width;
             connectorObj.parentIndex = parentIndex;
             connectorObj.childIndex = childIndex;
-            const rowHeight = this.parent.ganttChartModule.getChartRows()[0] &&
+            const rowHeight = !isNullOrUndefined(this.parent.ganttChartModule.getChartRows()) && this.parent.ganttChartModule.getChartRows()[0] &&
                 this.parent.ganttChartModule.getChartRows()[0].getBoundingClientRect().height;
             connectorObj.rowHeight = rowHeight && !isNaN(rowHeight) ? rowHeight : this.parent.rowHeight;
             connectorObj.type = predecessor.type;
@@ -12569,10 +12581,7 @@ let Gantt = class Gantt extends Component {
                 this.treeGrid.dataSource = { result: this.flatData, count: count };
             }
             else {
-                this.treeGrid.dataSource = this.flatData;
-                if (!isNullOrUndefined(document.getElementsByClassName('e-listview')[0])) {
-                    this.treeGrid.dataBind();
-                }
+                this.treeGrid.setProperties({ dataSource: this.flatData }, false);
             }
         }
         else {
@@ -12689,7 +12698,7 @@ let Gantt = class Gantt extends Component {
             const expandedRecords = this.virtualScrollModule && this.enableVirtualization ?
                 this.currentViewData : this.getExpandedRecords(this.currentViewData);
             let height;
-            const chartRow$$1 = this.ganttChartModule.getChartRows()[0];
+            const chartRow$$1 = !isNullOrUndefined(this.ganttChartModule.getChartRows()) ? this.ganttChartModule.getChartRows()[0] : null;
             if (!isNullOrUndefined(chartRow$$1) && chartRow$$1.getBoundingClientRect().height > 0) {
                 height = chartRow$$1.getBoundingClientRect().height;
             }
@@ -16443,9 +16452,7 @@ class TaskbarEdit extends DateProcessor {
                     addClass([element], [activeParentTask]);
                 }
             }
-            if (isShowProgressResizer) {
-                addClass(this.parent.ganttChartModule.scrollElement.querySelectorAll('.' + connectorLineContainer), [connectorLineZIndex]);
-            }
+            addClass(this.parent.ganttChartModule.scrollElement.querySelectorAll('.' + connectorLineContainer), [connectorLineZIndex]);
             if (!isNullOrUndefined(this.parent.taskFields.dependency)
                 && (element.querySelector('.' + connectorPointLeft)
                     || element.parentElement.querySelector('.' + connectorPointLeft))
@@ -18892,7 +18899,7 @@ class DialogEdit {
             }
             else if (isScheduledTask(ganttProp) || !isNullOrUndefined(ganttProp.startDate)) {
                 if (ganttData.ganttProperties.isMilestone && ganttData.ganttProperties.duration !== 0) {
-                    this.parent.dateValidationModule.calculateStartDate(ganttData);
+                    this.parent.dateValidationModule.checkStartDate(ganttProp.startDate);
                 }
                 this.parent.dateValidationModule.calculateEndDate(ganttData);
             }
@@ -21315,8 +21322,12 @@ class Edit$2 {
             if (!isNullOrUndefined(this.parent.editModule) && ganttData) {
                 this.parent.isOnEdit = true;
                 this.validateUpdateValues(data, ganttData, true);
-                if (data[this.parent.taskFields.resourceInfo] && data[this.parent.taskFields.duration] != 0) {
+                if (data[this.parent.taskFields.resourceInfo]) {
+                    if (ganttData.ganttProperties.duration === 0) {
+                        this.parent.dataOperation.updateWorkWithDuration(ganttData);
+                    }
                     this.updateResourceRelatedFields(ganttData, 'resource');
+                    this.parent.dateValidationModule.calculateEndDate(ganttData);
                 }
                 const keys = Object.keys(data);
                 if (keys.indexOf(tasks.startDate) !== -1 || keys.indexOf(tasks.endDate) !== -1 ||
@@ -25824,6 +25835,8 @@ class Toolbar$3 {
             disableItems.push(gID + '_edit');
             disableItems.push(gID + '_update');
             disableItems.push(gID + '_cancel');
+            disableItems.push(gID + '_indent');
+            disableItems.push(gID + '_outdent');
         }
         for (let e = 0; e < enableItems.length; e++) {
             let index;
@@ -30424,13 +30437,13 @@ class ExportValueFormatter {
             if (typeof args.column.format === 'string') {
                 let format;
                 if (args.column.type === 'date') {
-                    format = { type: 'date', skeleton: args.column.format };
+                    format = { type: 'date', format: args.column.format };
                 }
                 else if (args.column.type === 'time') {
-                    format = { type: 'time', skeleton: args.column.format };
+                    format = { type: 'time', format: args.column.format };
                 }
                 else {
-                    format = { type: 'dateTime', skeleton: args.column.format };
+                    format = { type: 'dateTime', format: args.column.format };
                 }
                 return this.returnFormattedValue(args, format);
             }