@syncfusion/ej2-gantt 19.3.57 → 19.4.42

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

@@ -482,7 +482,14 @@ class DateProcessor {
             tDuration = this.parent.editModule.taskbarEditModule.sumOfDuration(ganttProperties.segments);
         }
         else {
-            tDuration = this.getDuration(ganttProperties.startDate, ganttProperties.endDate, ganttProperties.durationUnit, ganttProperties.isAutoSchedule, ganttProperties.isMilestone);
+            // eslint-disable-next-line
+            if (!isNullOrUndefined(ganttProperties.startDate) && !isNullOrUndefined(ganttProperties.endDate) &&
+                (ganttProperties.startDate).getTime() === (ganttProperties.endDate).getTime() && !isNullOrUndefined(ganttData.taskData[this.parent.taskFields.milestone])) {
+                tDuration = 1;
+            }
+            else {
+                tDuration = this.getDuration(ganttProperties.startDate, ganttProperties.endDate, ganttProperties.durationUnit, ganttProperties.isAutoSchedule, ganttProperties.isMilestone);
+            }
         }
         this.parent.setRecordValue('duration', tDuration, ganttProperties, true);
         const col = this.parent.columnByField[this.parent.columnMapping.duration];
@@ -2190,8 +2197,16 @@ class TaskProcessor extends DateProcessor {
         const ganttProperties = ganttData.ganttProperties;
         let duration = data[taskSettings.duration];
         duration = isNullOrUndefined(duration) || duration === '' ? null : duration;
-        const startDate = this.getDateFromFormat(data[taskSettings.startDate], true);
-        const endDate = this.getDateFromFormat(data[taskSettings.endDate], true);
+        let startDate;
+        let endDate;
+        if (ganttProperties.startDate && ganttProperties.endDate) {
+            startDate = this.getDateFromFormat(ganttProperties.startDate, true);
+            endDate = this.getDateFromFormat(ganttProperties.endDate, true);
+        }
+        else {
+            startDate = this.getDateFromFormat(data[taskSettings.startDate], true);
+            endDate = this.getDateFromFormat(data[taskSettings.endDate], true);
+        }
         const segments = taskSettings.segments ? (data[taskSettings.segments] ||
             ganttData.taskData[taskSettings.segments]) : null;
         const isMileStone = taskSettings.milestone ? data[taskSettings.milestone] ? true : false : false;
@@ -2581,7 +2596,12 @@ class TaskProcessor extends DateProcessor {
                 eDate.setHours(0, 0, 0, 0);
             }
         }
-        return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+        if ((sDate).getTime() === (eDate).getTime()) {
+            return (this.parent.perDayWidth);
+        }
+        else {
+            return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+        }
     }
     /**
      * Get task left value
@@ -2790,7 +2810,10 @@ class TaskProcessor extends DateProcessor {
         if (!isNullOrUndefined(value)) {
             value = new Date(tempDate.getTime());
         }
-        this.parent.setRecordValue('taskData.' + mapping, value, task);
+        if (!this.parent.isLoad && !this.parent.isDynamicData) {
+            this.parent.setRecordValue('taskData.' + mapping, value, task);
+        }
+        this.parent.isDynamicData = false;
     }
     getDurationInDay(duration, durationUnit) {
         if (durationUnit === 'day') {
@@ -3608,8 +3631,14 @@ class TaskProcessor extends DateProcessor {
                     }
                     continue;
                 }
-                const startDate = this.getValidStartDate(childData.ganttProperties);
-                const endDate = this.getValidEndDate(childData.ganttProperties);
+                let startDate = this.getValidStartDate(childData.ganttProperties);
+                if (parentData.hasChildRecords && !ganttProp.isAutoSchedule && !isNullOrUndefined(childData.ganttProperties.autoStartDate)) {
+                    startDate = childData.ganttProperties.autoStartDate;
+                }
+                let endDate = this.getValidEndDate(childData.ganttProperties);
+                if (parentData.hasChildRecords && !ganttProp.isAutoSchedule && !isNullOrUndefined(childData.ganttProperties.autoEndDate)) {
+                    endDate = childData.ganttProperties.autoEndDate;
+                }
                 if (isNullOrUndefined(minStartDate)) {
                     minStartDate = this.getDateFromFormat(startDate);
                 }
@@ -4810,8 +4839,6 @@ class GanttChart {
             this.parent.treeGrid.collapseAll();
         }
         this.isExpandAll = false;
-        const focussedElement = this.parent.element.querySelector('.e-treegrid');
-        focussedElement.focus();
     }
     /**
      * Public method to expand particular level of rows.
@@ -6024,9 +6051,6 @@ class Timeline {
             parentTr = this.getHeaterTemplateString(new Date(startDate.toString()), mode, tier, false, count, timelineCell);
             scheduleDateCollection.push(new Date(startDate.toString()));
             increment = this.getIncrement(startDate, count, mode);
-            if (this.parent.isInDst(startDate)) {
-                increment = increment + (1000 * 60 * 60);
-            }
             newTime = startDate.getTime() + increment;
             startDate.setTime(newTime);
             if (startDate >= endDate) {
@@ -6090,24 +6114,17 @@ class Timeline {
                         dayIntervel - 1 : dayIntervel : dayIntervel;
                     lastDay.setDate(lastDay.getDate() + (dayIntervel + (7 * count)));
                     increment = lastDay.getTime() - firstDay.getTime();
-                    if ((this.parent.isInDst(lastDay) && !this.parent.isInDst(firstDay)) ||
-                        (!this.parent.isInDst(lastDay) && this.parent.isInDst(firstDay))) {
-                        increment = increment - (1000 * 60 * 60);
-                    }
                     break;
                 }
             case 'Day':
                 lastDay.setHours(24, 0, 0, 0);
                 increment = (lastDay.getTime() - firstDay.getTime()) + (1000 * 60 * 60 * 24 * (count - 1));
-                if ((this.parent.isInDst(lastDay) && !this.parent.isInDst(firstDay)) ||
-                    (!this.parent.isInDst(lastDay) && this.parent.isInDst(firstDay))) {
-                    increment -= (1000 * 60 * 60);
-                }
                 break;
             case 'Hour':
                 lastDay.setMinutes(60);
                 lastDay.setSeconds(0);
                 increment = (lastDay.getTime() - firstDay.getTime()) + (1000 * 60 * 60 * (count - 1));
+                increment = this.checkDate(firstDay, lastDay, increment, count);
                 break;
             case 'Minutes':
                 lastDay.setSeconds(60);
@@ -6116,6 +6133,21 @@ class Timeline {
         }
         return increment;
     }
+    checkDate(firstDay, lastDay, increment, count) {
+        var date = new Date(firstDay.getTime());
+        date.setTime(date.getTime() + increment);
+        if (((date.getTime() - lastDay.getTime()) / (1000 * 60 * 60)) != count && (firstDay.getTimezoneOffset() !== date.getTimezoneOffset())) {
+            var diffCount = count - (date.getTime() - lastDay.getTime()) / (1000 * 60 * 60);
+            if (!this.parent.isInDst(date)) {
+                increment += (1000 * 60 * 60 * diffCount);
+            }
+            else if (this.parent.isInDst(date)) {
+                increment -= (1000 * 60 * 60 * diffCount);
+            }
+        }
+        return increment;
+    }
+    ;
     /**
      * Method to find header cell was weekend or not
      *
@@ -6198,10 +6230,6 @@ class Timeline {
      */
     calculateWidthBetweenTwoDate(mode, scheduleWeeks, endDate) {
         let timeDifference = (endDate.getTime() - scheduleWeeks.getTime());
-        if ((this.parent.isInDst(scheduleWeeks) && !this.parent.isInDst(endDate)) ||
-            (!this.parent.isInDst(scheduleWeeks) && this.parent.isInDst(endDate))) {
-            timeDifference = timeDifference - (1000 * 60 * 60);
-        }
         const balanceDay = (timeDifference / (1000 * 60 * 60 * 24));
         return balanceDay * this.parent.perDayWidth;
     }
@@ -6888,6 +6916,9 @@ class GanttTreeGrid {
         if (getValue('requestType', args) === 'refresh' && isNullOrUndefined(getValue('type', args)) && this.parent.addDeleteRecord) {
             if (this.parent.selectedRowIndex != -1) {
                 this.parent.selectRow(this.parent.selectedRowIndex);
+                if (this.parent.selectedRowIndex > this.parent.currentViewData.length - 1) {
+                    this.parent.selectedRowIndex = -1;
+                }
             }
             else {
                 this.parent.selectRow(0);
@@ -8940,6 +8971,7 @@ class ChartRows extends DateProcessor {
                 }
             }
         }
+        this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
         this.parent.modifiedRecords = [];
         if (collapsedResourceRecord.length) {
@@ -9303,6 +9335,7 @@ class ChartRows extends DateProcessor {
             else {
                 tr.replaceChild(this.getGanttChartRow(index, data).childNodes[0], tr.childNodes[0]);
             }
+            this.parent.renderTemplates();
             if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && this.parent.showOverAllocation) {
                 if (isValidateRange) {
                     this.parent.ganttChartModule.renderRangeContainer(this.parent.currentViewData);
@@ -11702,6 +11735,10 @@ class FocusModule {
     onKeyPress(e) {
         const ganttObj = this.parent;
         const expandedRecords = ganttObj.getExpandedRecords(ganttObj.currentViewData);
+        if (isNullOrUndefined(this.parent.focusModule.getActiveElement()) && (e.action === 'expandAll' || e.action === 'collapseAll')) {
+            const focussedElement = this.parent.element.querySelector('.e-treegrid');
+            focussedElement.focus();
+        }
         const targetElement = this.parent.focusModule.getActiveElement();
         if (e.action === 'home' || e.action === 'end' || e.action === 'downArrow' || e.action === 'upArrow' || e.action === 'delete' ||
             e.action === 'rightArrow' || e.action === 'leftArrow' || e.action === 'focusTask' || e.action === 'focusSearch' ||
@@ -11814,9 +11851,9 @@ class FocusModule {
                 {
                     if (isNullOrUndefined(document.getElementById(this.parent.element.id + '_dialog'))) {
                         e.preventDefault();
-                        const focussedElement = ganttObj.element.querySelector('.e-gantt-chart');
-                        focussedElement.focus();
                         ganttObj.addRecord();
+                        const focussedElement = ganttObj.element;
+                        focussedElement.focus();
                     }
                     break;
                 }
@@ -12001,6 +12038,8 @@ let Gantt = class Gantt extends Component {
         /** @hidden */
         this.isExpandCollapseLevelMethod = false;
         /** @hidden */
+        this.isDynamicData = false;
+        /** @hidden */
         this.isConnectorLineUpdate = false;
         /** @hidden */
         this.staticSelectedRowIndex = -1;
@@ -12039,27 +12078,6 @@ let Gantt = class Gantt extends Component {
     getModuleName() {
         return 'gantt';
     }
-    /**
-     * To get timezone offset.
-     *
-     * @returns {number} .
-     * @private
-     */
-    getDefaultTZOffset() {
-        const janMonth = new Date(new Date().getFullYear(), 0, 1);
-        const julMonth = new Date(new Date().getFullYear(), 6, 1); //Because there is no reagions DST inbetwwen this range
-        return Math.max(janMonth.getTimezoneOffset(), julMonth.getTimezoneOffset());
-    }
-    /**
-     * To check whether the date is in DST.
-     *
-     * @param {Date} date .
-     * @returns {boolean} .
-     * @private
-     */
-    isInDst(date) {
-        return date.getTimezoneOffset() < this.getDefaultTZOffset();
-    }
     /**
      * For internal use only - Initialize the event handler
      *
@@ -12178,6 +12196,27 @@ let Gantt = class Gantt extends Component {
             return ganttDateFormat;
         }
     }
+    /**
+     * To get timezone offset.
+     *
+     * @returns {number} .
+     * @private
+     */
+    getDefaultTZOffset() {
+        const janMonth = new Date(new Date().getFullYear(), 0, 1);
+        const julMonth = new Date(new Date().getFullYear(), 6, 1); //Because there is no reagions DST inbetwwen this range
+        return Math.max(janMonth.getTimezoneOffset(), julMonth.getTimezoneOffset());
+    }
+    /**
+     * To check whether the date is in DST.
+     *
+     * @param {Date} date .
+     * @returns {boolean} .
+     * @private
+     */
+    isInDst(date) {
+        return date.getTimezoneOffset() < this.getDefaultTZOffset();
+    }
     /**
      * Method to map resource fields.
      *
@@ -12330,7 +12369,7 @@ let Gantt = class Gantt extends Component {
                 this.treeGrid.dataSource = { result: this.flatData, count: count };
             }
             else {
-                this.treeGrid.dataSource = this.flatData.length > 0 ? this.flatData : [];
+                this.treeGrid.dataSource = this.flatData;
             }
         }
         else {
@@ -12890,10 +12929,8 @@ let Gantt = class Gantt extends Component {
                         this.treeGrid.grid.searchSettings = getActualProperties(this.searchSettings);
                         this.treeGrid.grid.dataBind();
                     }
-                    else {
-                        this.treeGrid.searchSettings = getActualProperties(this.searchSettings);
-                        this.treeGrid.dataBind();
-                    }
+                    this.treeGrid.searchSettings = getActualProperties(this.searchSettings);
+                    this.treeGrid.dataBind();
                     if (this.toolbarModule) {
                         this.toolbarModule.updateSearchTextBox();
                     }
@@ -14376,6 +14413,7 @@ let Gantt = class Gantt extends Component {
      * @public
      */
     updateDataSource(dataSource, args) {
+        this.isDynamicData = true;
         if (!isNullOrUndefined(args)) {
             for (let prop of Object.keys(args)) { // eslint-disable-line
                 switch (prop) {
@@ -14578,12 +14616,15 @@ let Gantt = class Gantt extends Component {
         if (!isNullOrUndefined(rowData)) {
             const data = extend({}, {}, rowData.taskData, true);
             const taskfields = this.taskFields;
+            if (data[taskfields.startDate]) {
+                this.setRecordValue(taskfields.startDate, rowData.ganttProperties.startDate, data, true);
+            }
             if (!isNullOrUndefined(taskfields.duration)) {
                 data[taskfields.duration] = 0;
             }
             else {
-                data[taskfields.startDate] = new Date(rowData.taskData[taskfields.startDate]);
-                data[taskfields.endDate] = new Date(rowData.taskData[taskfields.startDate]);
+                data[taskfields.startDate] = new Date(rowData.ganttProperties.startDate);
+                data[taskfields.endDate] = new Date(rowData.ganttProperties.endDate);
             }
             if (!isNullOrUndefined(taskfields.milestone)) {
                 if (data[taskfields.milestone] === false) {
@@ -16359,8 +16400,11 @@ class TaskbarEdit extends DateProcessor {
         if (this.isMouseDragged && this.taskBarEditAction) {
             const args = {
                 cancel: false,
-                requestType: 'mergeSegment'
+                requestType: 'taskbarediting'
             };
+            if (this.segmentIndex !== -1) {
+                args.requestType = 'mergeSegment';
+            }
             this.parent.trigger('actionBegin', args, (arg) => {
                 if (arg.cancel === false) {
                     this.taskBarEditingAction(event, false);
@@ -17343,6 +17387,7 @@ class TaskbarEdit extends DateProcessor {
                 this.isMouseDragged = false;
             }
             else {
+                this.parent.isOnEdit = false;
                 this.cancelTaskbarEditActionInMouseLeave();
             }
         }
@@ -17999,7 +18044,7 @@ class DialogEdit {
                 tempData.ganttProperties.durationUnit = this.parent.durationUnit.toLocaleLowerCase();
             }
             else if (columns[i].field === taskSettings.name) {
-                tempData[field] = 'New Task ' + id;
+                tempData[field] = this.localeObj.getConstant('addDialogTitle') + ' ' + id;
                 tempData.ganttProperties.taskName = tempData[field];
             }
             else if (columns[i].field === taskSettings.progress) {
@@ -18838,7 +18883,7 @@ class DialogEdit {
                                 const datePickerModel = this.beforeOpenArgs[generalTabString][this.parent.taskFields[fields[i]]];
                                 const value = args.rowData[args.column.field];
                                 setValue('value', value, datePickerModel);
-                                const datePicker = new DatePicker(datePickerModel);
+                                const datePicker = new this.inputs[this.parent.columnByField[this.parent.taskFields[fields[i]]].editType](datePickerModel);
                                 datePicker.appendTo(args.element);
                             },
                             read: (args) => {
@@ -18909,7 +18954,7 @@ class DialogEdit {
             inputValue = dialog.querySelector('#' + ganttId + 'SegmentsTabContainer' + columnName)
                 .ej2_instances[0];
         }
-        if (inputValue.value !== tempValue.toString()) {
+        if (inputValue.value.toString() !== tempValue.toString()) {
             inputValue.value = tempValue;
             inputValue.dataBind();
         }
@@ -19710,6 +19755,9 @@ class DialogEdit {
             this.rowData.ganttProperties.segments = dataSource;
             this.parent.setRecordValue('segments', this.parent.dataOperation.setSegmentsInfo(this.rowData, false), this.rowData.ganttProperties, true);
             this.parent.setRecordValue('taskData.' + this.parent.taskFields.segments, userData, this.rowData);
+            if (dataSource.length <= 0) {
+                this.validateDuration(this.rowData);
+            }
         }
     }
     // eslint-disable-next-line
@@ -21492,7 +21540,7 @@ class Edit$2 {
             this.updateParentItemOnEditing();
         }
         /** Update parent up-to zeroth level */
-        if (ganttRecord.parentItem || this.parent.taskMode !== 'Auto') {
+        if (ganttRecord.parentItem) {
             this.parent.dataOperation.updateParentItems(ganttRecord, true);
         }
         this.initiateSaveAction(args);
@@ -23122,8 +23170,11 @@ class Edit$2 {
      */
     updateRealDataSource(addedRecord, rowPosition) {
         const taskFields = this.parent.taskFields;
-        const dataSource = isCountRequired(this.parent) ? getValue('result', this.parent.dataSource) :
+        let dataSource = isCountRequired(this.parent) ? getValue('result', this.parent.dataSource) :
             this.parent.dataSource;
+        if (this.parent.dataSource instanceof DataManager) {
+            dataSource = this.parent.dataSource.dataSource.json;
+        }
         for (let i = 0; i < addedRecord.length; i++) {
             if (isNullOrUndefined(rowPosition) || isNullOrUndefined(this.addRowSelectedItem)) {
                 rowPosition = 'Top';
@@ -23195,6 +23246,7 @@ class Edit$2 {
      */
     addRecord(data, rowPosition, rowIndex) {
         if (this.parent.editModule && this.parent.editSettings.allowAdding) {
+            this.parent.isDynamicData = true;
             const cAddedRecord = [];
             if (isNullOrUndefined(data)) {
                 this.validateTaskPosition(data, rowPosition, rowIndex, cAddedRecord);
@@ -25944,6 +25996,12 @@ class ContextMenu$2 {
                 position = this.item;
                 data = extend({}, {}, this.rowData.taskData, true);
                 taskfields = this.parent.taskFields;
+                if (data[taskfields.startDate]) {
+                    this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
+                }
+                if (data[taskfields.endDate]) {
+                    this.parent.setRecordValue(taskfields.endDate, this.rowData.ganttProperties.endDate, data, true);
+                }
                 if (!isNullOrUndefined(taskfields.dependency)) {
                     data[taskfields.dependency] = null;
                 }
@@ -26133,7 +26191,12 @@ class ContextMenu$2 {
             for (const item of args.items) {
                 // let target: EventTarget = target;
                 if (!item.separator) {
-                    this.updateItemStatus(item, target, rowIndex);
+                    if ((target.classList.contains('e-gantt-unscheduled-taskbar')) && ((item.text === this.getLocale('splitTask')) || (item.text === this.getLocale('mergeTask')))) {
+                        this.hideItems.push(item.text);
+                    }
+                    else {
+                        this.updateItemStatus(item, target, rowIndex);
+                    }
                 }
             }
             args.rowData = this.rowData;
@@ -26245,24 +26308,34 @@ class ContextMenu$2 {
                     break;
                 case 'Indent':
                     {
-                        const index = this.parent.selectedRowIndex;
-                        const isSelected = this.parent.selectionModule ? this.parent.selectionModule.selectedRowIndexes.length === 1 ||
-                            this.parent.selectionModule.getSelectedRowCellIndexes().length === 1 ? true : false : false;
-                        const prevRecord = this.parent.updatedRecords[this.parent.selectionModule.getSelectedRowIndexes()[0] - 1];
-                        if (!this.parent.editSettings.allowEditing || index === 0 || index === -1 || !isSelected ||
-                            this.parent.viewType === 'ResourceView' || this.parent.updatedRecords[index].level - prevRecord.level === 1) {
-                            this.updateItemVisibility(item.text);
+                        if (!this.parent.allowSelection) {
+                            this.hideItems.push(item.text);
+                        }
+                        else {
+                            const index = this.parent.selectedRowIndex;
+                            const isSelected = this.parent.selectionModule ? this.parent.selectionModule.selectedRowIndexes.length === 1 ||
+                                this.parent.selectionModule.getSelectedRowCellIndexes().length === 1 ? true : false : false;
+                            const prevRecord = this.parent.updatedRecords[this.parent.selectionModule.getSelectedRowIndexes()[0] - 1];
+                            if (!this.parent.editSettings.allowEditing || index === 0 || index === -1 || !isSelected ||
+                                this.parent.viewType === 'ResourceView' || this.parent.updatedRecords[index].level - prevRecord.level === 1) {
+                                this.updateItemVisibility(item.text);
+                            }
                         }
                         break;
                     }
                 case 'Outdent':
                     {
-                        const ind = this.parent.selectionModule.getSelectedRowIndexes()[0];
-                        const isSelect = this.parent.selectionModule ? this.parent.selectionModule.selectedRowIndexes.length === 1 ||
-                            this.parent.selectionModule.getSelectedRowCellIndexes().length === 1 ? true : false : false;
-                        if (!this.parent.editSettings.allowEditing || ind === -1 || ind === 0 || !isSelect ||
-                            this.parent.viewType === 'ResourceView' || this.parent.updatedRecords[ind].level === 0) {
-                            this.updateItemVisibility(item.text);
+                        if (!this.parent.allowSelection) {
+                            this.hideItems.push(item.text);
+                        }
+                        else {
+                            const ind = this.parent.selectionModule.getSelectedRowIndexes()[0];
+                            const isSelect = this.parent.selectionModule ? this.parent.selectionModule.selectedRowIndexes.length === 1 ||
+                                this.parent.selectionModule.getSelectedRowCellIndexes().length === 1 ? true : false : false;
+                            if (!this.parent.editSettings.allowEditing || ind === -1 || ind === 0 || !isSelect ||
+                                this.parent.viewType === 'ResourceView' || this.parent.updatedRecords[ind].level === 0) {
+                                this.updateItemVisibility(item.text);
+                            }
                         }
                         break;
                     }
@@ -27132,6 +27205,7 @@ class RowDD$1 {
             else {
                 const level = 1;
                 draggedRecord.level = droppedRecord.level + 1;
+                this.parent.setRecordValue('level', this.draggedRecord.level, this.draggedRecord);
                 this.updateChildRecordLevel(draggedRecord, level);
             }
             droppedRecord.expanded = true;
@@ -27216,6 +27290,7 @@ class RowDD$1 {
                 parentData = this.parent.treeGrid[id][record.parentItem.uniqueID];
             }
             currentRecord.level = record.parentItem ? parentData.level + level : record.level + 1;
+            this.parent.setRecordValue('level', currentRecord.level, currentRecord);
             if (currentRecord.hasChildRecords) {
                 level--;
                 level = this.updateChildRecordLevel(currentRecord, level);