@syncfusion/ej2-gantt 19.4.43 → 19.4.52

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

@@ -4003,6 +4003,7 @@ class ChartScroll {
      */
     setScrollTop(scrollTop) {
         this.element.scrollTop = scrollTop;
+        this.parent.treeGrid.element.querySelector('.e-content').scrollTop = scrollTop;
     }
     /**
      * To set scroll left for chart scroll container
@@ -4395,6 +4396,12 @@ class GanttChart {
      * @private
      */
     mouseUp(e) {
+        if (this.parent.allowRowDragAndDrop) {
+            const ganttDragElemet = this.parent.element.querySelector('.e-ganttdrag');
+            if (ganttDragElemet) {
+                ganttDragElemet.remove();
+            }
+        }
         if (!this.isGanttElement) {
             this.parent.notify('chartMouseUp', e);
         }
@@ -6034,6 +6041,7 @@ class Timeline {
      * @private
      */
     createTimelineTemplate(tier) {
+        var isFirstCell = false;
         const parent = this.parent;
         let parentTh = '';
         let parentTr = '';
@@ -6050,10 +6058,19 @@ class Timeline {
             // PDf export collection
             const timelineCell = {};
             timelineCell.startDate = new Date(startDate.getTime());
-            parentTr = this.getHeaterTemplateString(new Date(startDate.toString()), mode, tier, false, count, timelineCell);
+            if (mode === 'Month' && tier === 'bottomTier' && ((this.parent.currentZoomingLevel.level === 5) || (this.parent.currentZoomingLevel.level === 6)) && scheduleDateCollection.length === 0) {
+                isFirstCell = true;
+            }
+            parentTr = this.getHeaterTemplateString(new Date(startDate.toString()), mode, tier, false, count, timelineCell, isFirstCell);
             scheduleDateCollection.push(new Date(startDate.toString()));
-            increment = this.getIncrement(startDate, count, mode);
-            newTime = startDate.getTime() + increment;
+            if (isFirstCell) {
+                newTime = this.calculateQuarterEndDate(startDate).getTime();
+            }
+            else {
+                increment = this.getIncrement(startDate, count, mode);
+                newTime = startDate.getTime() + increment;
+            }
+            isFirstCell = false;
             startDate.setTime(newTime);
             if (startDate >= endDate) {
                 /* eslint-disable-next-line */
@@ -6163,6 +6180,21 @@ class Timeline {
             mode === 'Hour' || mode === 'Minutes') &&
             this.parent.nonWorkingDayIndex.indexOf(day.getDay()) !== -1;
     }
+    calculateQuarterEndDate(date) {
+        const month = date.getMonth();
+        if (month >= 0 && month <= 2) {
+            return new Date(date.getFullYear(), 3, 1);
+        }
+        else if (month >= 3 && month <= 5) {
+            return new Date(date.getFullYear(), 6, 1);
+        }
+        else if (month >= 6 && month <= 8) {
+            return new Date(date.getFullYear(), 9, 1);
+        }
+        else {
+            return new Date(date.getFullYear() + 1, 0, 1);
+        }
+    }
     /**
      * To construct template string.
      *
@@ -6176,7 +6208,7 @@ class Timeline {
      * @private
      */
     /* eslint-disable-next-line */
-    getHeaterTemplateString(scheduleWeeks, mode, tier, isLast, count, timelineCell) {
+    getHeaterTemplateString(scheduleWeeks, mode, tier, isLast, count, timelineCell, isFirstCell) {
         let parentTr = '';
         let td = '';
         const format = tier === 'topTier' ?
@@ -6191,7 +6223,7 @@ class Timeline {
             this.customFormat(scheduleWeeks, format, tier, mode, formatter);
         thWidth = (this.getIncrement(scheduleWeeks, count, mode) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth;
         const cellWidth = thWidth;
-        thWidth = isLast ? this.calculateWidthBetweenTwoDate(mode, scheduleWeeks, this.timelineRoundOffEndDate)
+        thWidth = isLast || isFirstCell ? isLast ? this.calculateWidthBetweenTwoDate(mode, scheduleWeeks, this.timelineRoundOffEndDate) : this.calculateWidthBetweenTwoDate(mode, scheduleWeeks, this.calculateQuarterEndDate(scheduleWeeks))
             : thWidth;
         const isWeekendCell = this.isWeekendHeaderCell(mode, tier, scheduleWeeks);
         const textClassName = tier === 'topTier' ? ' e-gantt-top-cell-text' : '';
@@ -6859,6 +6891,10 @@ class GanttTreeGrid {
     }
     actionBegin(args) {
         this.parent.notify('actionBegin', args);
+        let flag = getValue('doubleClickTarget', this.parent.treeGrid.editModule);
+        if (flag !== null) {
+            setValue('doubleClickTarget', null, this.parent.treeGrid.editModule);
+        }
         this.parent.trigger('actionBegin', args);
     } // eslint-disable-next-line
     created(args) {
@@ -7945,9 +7981,9 @@ class ChartRows extends DateProcessor {
             }
             if (labelString !== 'null') {
                 taskLabel$$1 = '<span class="' + taskLabel + '" style="line-height:' +
-                    (this.taskBarHeight - 1) + 'px; text-align:' + (this.parent.viewType === 'ResourceView' ? 'left;' : '') +
-                    'display:' + (this.parent.viewType === 'ResourceView' ? 'inline-flex;' : '') +
-                    'width:' + (this.parent.viewType === 'ResourceView' ? (data.ganttProperties.width - 10) : '') + 'px; height:' +
+                    (this.taskBarHeight - 1) + 'px; text-align: left;' +
+                    'display:' + 'inline-block;' +
+                    'width:' + (data.ganttProperties.width - 10) + 'px; height:' +
                     this.taskBarHeight + 'px;">' + labelString + '</span>';
             }
             const template = !isNullOrUndefined(data.ganttProperties.segments) && data.ganttProperties.segments.length > 0 ?
@@ -11489,6 +11525,7 @@ class Tooltip$1 {
             tooltipPositionY = tooltipPositionY + 10;
         }
         args.element.style.top = tooltipPositionY + 'px';
+        args.element.style.visibility = 'visible';
     }
     /**
      * Method to get mouse pointor position
@@ -11853,7 +11890,7 @@ class FocusModule {
                 {
                     if (isNullOrUndefined(document.getElementById(this.parent.element.id + '_dialog'))) {
                         e.preventDefault();
-                        ganttObj.addRecord();
+                        ganttObj.addRecord(undefined, this.parent.editSettings.newRowPosition);
                         const focussedElement = ganttObj.element;
                         focussedElement.focus();
                     }
@@ -12260,7 +12297,13 @@ let Gantt = class Gantt extends Component {
         let settingsHeight;
         if (typeof (this.height) !== 'number' && this.height.indexOf('%') !== -1 && (this.element.parentElement &&
             !this.element.parentElement.style.height || this.element.parentElement.style.height.indexOf('%') !== -1)) {
-            let ganttHeight = Number(this.height.split("%")[0]);
+            let ganttHeight;
+            if (this.element.parentElement.style.height.indexOf('%') == -1) {
+                ganttHeight = Number(this.height.split("%")[0]);
+            }
+            else {
+                ganttHeight = Number(this.element.parentElement.style.height.split("%")[0]);
+            }
             ganttHeight = (ganttHeight * window.innerHeight) / 100;
             if (this.height === '100%') {
                 ganttHeight = ganttHeight - 16;
@@ -12415,10 +12458,16 @@ let Gantt = class Gantt extends Component {
             let settingsHeight;
             if (this.height.indexOf('%') !== -1) {
                 let ganttHeight = Number(this.height.split("%")[0]);
-                if (this.element.parentElement && (this.element.parentElement.style.height
-                    || this.element.parentElement.style.height.indexOf('%') !== -1)) {
-                    let containerHeight = Number(this.element.parentElement.style.height.split("px")[0]);
-                    ganttHeight = (ganttHeight * containerHeight) / 100;
+                if (this.element.parentElement && (this.element.parentElement.style.height)) {
+                    let containerHeight;
+                    if (this.element.parentElement.style.height.indexOf('%') == -1) {
+                        containerHeight = Number(this.element.parentElement.style.height.split("px")[0]);
+                        ganttHeight = (ganttHeight * containerHeight) / 100;
+                    }
+                    else {
+                        containerHeight = Number(this.element.parentElement.style.height.split("%")[0]);
+                        ganttHeight = (window.innerHeight * containerHeight) / 100;
+                    }
                 }
                 else {
                     ganttHeight = Number(this.height.split("%")[0]);
@@ -15185,6 +15234,7 @@ class CellEdit {
          * @private
          */
         this.isCellEdit = false;
+        this.isResourceCellEdited = false;
         this.parent = ganttObj;
         this.bindTreeGridProperties();
     }
@@ -15613,6 +15663,7 @@ class CellEdit {
         const resourceSettings = this.parent.resourceFields;
         const editedResourceId = editedObj[this.parent.taskFields.resourceInfo];
         if (editedResourceId) {
+            this.isResourceCellEdited = true;
             const tempResourceInfo = this.parent.dataOperation.setResourceInfo(editedObj);
             const editedResouceLength = tempResourceInfo.length;
             const previousResource = previousData.ganttProperties.resourceInfo;
@@ -15784,6 +15835,7 @@ class EditTooltip {
             tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
         }
         args.element.style.left = tooltipPositionX + 'px';
+        args.element.style.visibility = 'visible';
     }
     /**
      * To show/hide taskbar edit tooltip.
@@ -16403,7 +16455,9 @@ class TaskbarEdit extends DateProcessor {
         if (this.isMouseDragged && this.taskBarEditAction) {
             const args = {
                 cancel: false,
-                requestType: 'taskbarediting'
+                requestType: 'taskbarediting',
+                taskBarEditAction: this.taskBarEditAction,
+                data: this.taskBarEditRecord
             };
             if (this.segmentIndex !== -1) {
                 args.requestType = 'mergeSegment';
@@ -18883,7 +18937,15 @@ class DialogEdit {
                         field: fields[i], headerText: this.localeObj.getConstant(fields[i]), editType: 'stringedit', width: '200px',
                         edit: {
                             write: (args) => {
-                                const datePickerModel = this.beforeOpenArgs[generalTabString][this.parent.taskFields[fields[i]]];
+                                let datePickerModel;
+                                if (!isNullOrUndefined(this.beforeOpenArgs[generalTabString])) {
+                                    datePickerModel = this.beforeOpenArgs[generalTabString][this.parent.taskFields[fields[i]]];
+                                }
+                                else {
+                                    let columnFields = this.getGeneralColumnFields();
+                                    let columnModel = this.getFieldsModel(columnFields);
+                                    datePickerModel = columnModel[this.parent.taskFields[fields[i]]];
+                                }
                                 const value = args.rowData[args.column.field];
                                 setValue('value', value, datePickerModel);
                                 const datePicker = new this.inputs[this.parent.columnByField[this.parent.taskFields[fields[i]]].editType](datePickerModel);
@@ -18906,7 +18968,15 @@ class DialogEdit {
                         field: fields[i], headerText: this.localeObj.getConstant(fields[i]), editType: 'stringedit', width: '100px',
                         edit: {
                             write: (args) => {
-                                const inputTextModel = this.beforeOpenArgs[generalTabString][this.parent.taskFields[fields[i]]];
+                                let inputTextModel;
+                                if (!isNullOrUndefined(this.beforeOpenArgs[generalTabString])) {
+                                    inputTextModel = this.beforeOpenArgs[generalTabString][this.parent.taskFields[fields[i]]];
+                                }
+                                else {
+                                    let columnFields = this.getGeneralColumnFields();
+                                    let columnModel = this.getFieldsModel(columnFields);
+                                    inputTextModel = columnModel[this.parent.taskFields[fields[i]]];
+                                }
                                 inputTextModel.floatLabelType = 'Never';
                                 const value = args.rowData[args.column.field];
                                 if (!isNullOrUndefined(value)) {
@@ -21565,9 +21635,12 @@ class Edit$2 {
      */
     updateParentChildRecord(data) {
         const ganttRecord = data;
-        if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto') {
+        if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto' && (!isNullOrUndefined(this.parent.editModule.cellEditModule) && !this.parent.editModule.cellEditModule.isResourceCellEdited)) {
             this.updateChildItems(ganttRecord);
         }
+        if (!isNullOrUndefined(this.parent.editModule.cellEditModule)) {
+            this.parent.editModule.cellEditModule.isResourceCellEdited = false;
+        }
     }
     /**
      * To update records while changing schedule mode.
@@ -23017,7 +23090,7 @@ class Edit$2 {
                 /*Record Updates*/
                 recordIndex = flatRecords.indexOf(this.addRowSelectedItem);
                 updatedCollectionIndex = currentViewData.indexOf(this.addRowSelectedItem);
-                this.recordCollectionUpdate(childIndex, recordIndex, updatedCollectionIndex, record, parentItem);
+                this.recordCollectionUpdate(childIndex, recordIndex, updatedCollectionIndex, record, parentItem, rowPosition);
                 break;
             case 'Below':
                 currentItemIndex = flatRecords.indexOf(this.addRowSelectedItem);
@@ -23031,7 +23104,7 @@ class Edit$2 {
                     recordIndex = currentItemIndex + 1;
                     updatedCollectionIndex = currentViewData.indexOf(this.addRowSelectedItem) + 1;
                 }
-                this.recordCollectionUpdate(childIndex + 1, recordIndex, updatedCollectionIndex, record, parentItem);
+                this.recordCollectionUpdate(childIndex + 1, recordIndex, updatedCollectionIndex, record, parentItem, rowPosition);
                 break;
             case 'Child':
                 currentItemIndex = flatRecords.indexOf(this.addRowSelectedItem);
@@ -23059,7 +23132,7 @@ class Edit$2 {
                         this.addRowSelectedItem.ganttProperties.segments = null;
                     }
                 }
-                this.recordCollectionUpdate(childIndex + 1, recordIndex, updatedCollectionIndex, record, parentItem);
+                this.recordCollectionUpdate(childIndex + 1, recordIndex, updatedCollectionIndex, record, parentItem, rowPosition);
                 break;
         }
         this.newlyAddedRecordBackup = record;
@@ -23073,7 +23146,7 @@ class Edit$2 {
      * @returns {void} .
      * @private
      */
-    recordCollectionUpdate(childIndex, recordIndex, updatedCollectionIndex, record, parentItem) {
+    recordCollectionUpdate(childIndex, recordIndex, updatedCollectionIndex, record, parentItem, rowPosition) {
         const flatRecords = this.parent.flatData;
         const currentViewData = this.parent.currentViewData;
         const ids = this.parent.ids;
@@ -23095,7 +23168,15 @@ class Edit$2 {
                 !isNullOrUndefined(this.parent.dataSource)) {
                 const child = this.parent.taskFields.child;
                 if (parentItem.taskData[child] && parentItem.taskData[child].length > 0) {
-                    parentItem.taskData[child].push(record.taskData);
+                    if (rowPosition === 'Above') {
+                        parentItem.taskData[child].splice(childIndex, 0, record.taskData);
+                    }
+                    else if (rowPosition === 'Below') {
+                        parentItem.taskData[child].splice(childIndex + 1, 0, record.taskData);
+                    }
+                    else {
+                        parentItem.taskData[child].push(record.taskData);
+                    }
                 }
                 else {
                     parentItem.taskData[child] = [];
@@ -23180,13 +23261,13 @@ class Edit$2 {
         }
         for (let i = 0; i < addedRecord.length; i++) {
             if (isNullOrUndefined(rowPosition) || isNullOrUndefined(this.addRowSelectedItem)) {
-                rowPosition = 'Top';
+                rowPosition = rowPosition === 'Bottom' ? 'Bottom' : 'Top';
             }
             if (rowPosition === 'Top') {
                 dataSource.splice(0, 0, addedRecord[i].taskData);
             }
             else if (rowPosition === 'Bottom') {
-                dataSource.push(addedRecord[i]);
+                dataSource.push(addedRecord[i].taskData);
             }
             else {
                 if (!isNullOrUndefined(taskFields.id) && !isNullOrUndefined(taskFields.parentID)) {
@@ -23338,7 +23419,7 @@ class Edit$2 {
                     else {
                         if (this.parent.viewType === 'ProjectView') {
                             if ((rowPosition === 'Top' || rowPosition === 'Bottom') ||
-                                ((rowPosition === 'Above' || rowPosition === 'Below') && !args.data.parentItem)) {
+                                ((rowPosition === 'Above' || rowPosition === 'Below' || rowPosition === 'Child') && !args.data.parentItem)) {
                                 if (args.data instanceof Array) {
                                     this.updateRealDataSource(args.data, rowPosition);
                                 }
@@ -23381,6 +23462,59 @@ class Edit$2 {
      * @returns {void} .
      * @private
      */
+    createNewRecord() {
+        const tempRecord = {};
+        const ganttColumns = this.parent.ganttColumns;
+        const taskSettingsFields = this.parent.taskFields;
+        const taskId = this.parent.editModule.getNewTaskId();
+        for (let i = 0; i < ganttColumns.length; i++) {
+            const fieldName = ganttColumns[i].field;
+            if (fieldName === taskSettingsFields.id) {
+                tempRecord[fieldName] = taskId;
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.startDate) {
+                if (isNullOrUndefined(tempRecord[taskSettingsFields.endDate])) {
+                    tempRecord[fieldName] = this.parent.editModule.dialogModule.getMinimumStartDate();
+                }
+                else {
+                    tempRecord[fieldName] = new Date(tempRecord[taskSettingsFields.endDate]);
+                }
+                if (this.parent.timezone) {
+                    tempRecord[fieldName] = this.parent.dateValidationModule.remove(tempRecord[fieldName], this.parent.timezone);
+                }
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.endDate) {
+                if (isNullOrUndefined(tempRecord[taskSettingsFields.startDate])) {
+                    tempRecord[fieldName] = this.parent.editModule.dialogModule.getMinimumStartDate();
+                }
+                else {
+                    tempRecord[fieldName] = new Date(tempRecord[taskSettingsFields.startDate]);
+                }
+                if (this.parent.timezone) {
+                    tempRecord[fieldName] = this.parent.dateValidationModule.remove(tempRecord[fieldName], this.parent.timezone);
+                }
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.duration) {
+                tempRecord[fieldName] = 1;
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.name) {
+                tempRecord[fieldName] = this.parent.editModule.dialogModule['localeObj'].getConstant('addDialogTitle') + ' ' + taskId;
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.progress) {
+                tempRecord[fieldName] = 0;
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.work) {
+                tempRecord[fieldName] = 0;
+            }
+            else if (ganttColumns[i].field === 'taskType') {
+                tempRecord[fieldName] = this.parent.taskType;
+            }
+            else {
+                tempRecord[this.parent.ganttColumns[i].field] = '';
+            }
+        }
+        return tempRecord;
+    }
     validateTaskPosition(data, rowPosition, rowIndex, cAddedRecord) {
         const selectedRowIndex = isNullOrUndefined(rowIndex) || isNaN(parseInt(rowIndex.toString(), 10)) ?
             this.parent.selectionModule ?
@@ -23392,7 +23526,7 @@ class Edit$2 {
                         this.parent.selectionModule.getSelectedRowCellIndexes()[0].rowIndex : null : null : rowIndex;
         this.addRowSelectedItem = isNullOrUndefined(selectedRowIndex) ? null : this.parent.updatedRecords[selectedRowIndex];
         rowPosition = isNullOrUndefined(rowPosition) ? this.parent.editSettings.newRowPosition : rowPosition;
-        data = isNullOrUndefined(data) ? this.parent.editModule.dialogModule.composeAddRecord() : data;
+        data = isNullOrUndefined(data) ? this.createNewRecord() : data;
         if (((isNullOrUndefined(selectedRowIndex) || selectedRowIndex < 0 ||
             isNullOrUndefined(this.addRowSelectedItem)) && (rowPosition === 'Above'
             || rowPosition === 'Below'
@@ -23885,6 +24019,25 @@ class Edit$2 {
         const delRow = this.parent.getTaskByUniqueID(this.draggedRecord.uniqueID);
         this.removeRecords(delRow);
     }
+    updateIndentedChildRecords(indentedRecord) {
+        let createParentItem = {
+            uniqueID: indentedRecord.uniqueID,
+            expanded: indentedRecord.expanded,
+            level: indentedRecord.level,
+            index: indentedRecord.index,
+            taskId: indentedRecord.ganttProperties.rowUniqueID
+        };
+        for (let i = 0; i < indentedRecord.childRecords.length; i++) {
+            this.parent.setRecordValue('parentItem', createParentItem, indentedRecord.childRecords[i]);
+            this.parent.setRecordValue('parentUniqueID', indentedRecord.uniqueID, indentedRecord.childRecords[i]);
+        }
+        if (indentedRecord.hasChildRecords) {
+            indentedRecord = indentedRecord.childRecords;
+            for (let j = 0; j < indentedRecord['length']; j++) {
+                this.updateIndentedChildRecords(indentedRecord[j]);
+            }
+        }
+    }
     dropMiddle(recordIndex1) {
         const obj = this.parent;
         const childRec = this.parent.editModule.getChildCount(this.droppedRecord, 0);
@@ -23900,6 +24053,10 @@ class Edit$2 {
             this.recordLevel();
             if (this.draggedRecord.hasChildRecords) {
                 this.updateChildRecord(this.draggedRecord, childRecordsLength, this.droppedRecord.expanded);
+                if (this.parent.enableImmutableMode) {
+                    let indentedRecord = this.draggedRecord;
+                    this.updateIndentedChildRecords(indentedRecord);
+                }
             }
             if (isNullOrUndefined(this.draggedRecord.parentItem &&
                 this.updateParentRecords.indexOf(this.draggedRecord.parentItem) !== -1)) {
@@ -24380,7 +24537,7 @@ class Filter$1 {
             const ganttElement = closest(element, '#' + this.parent.element.id)
                 || element.querySelector('#' + this.parent.element.id);
             if ((!(this.filterMenuElement.contains(element)) && !isNullOrUndefined(ganttElement)) || element.nodeName === 'HTML'
-                || element.nodeName === 'DIV') {
+                || ((element.nodeName === 'DIV') && (!element.classList.contains('e-day')))) {
                 remove(this.filterMenuElement);
                 this.parent.treeGrid.grid.notify('filter-menu-close', { isOpen: false });
                 this.filterMenuElement = null;
@@ -27124,7 +27281,7 @@ class RowDD$1 {
             if (this.dropPosition === 'topSegment' || this.dropPosition === 'bottomSegment') {
                 const rowPosition = this.dropPosition === 'topSegment' ? 'Above' : 'Below';
                 this.parent.editModule.addRowSelectedItem = droppedRecord;
-                this.parent.editModule.updateRealDataSource(draggedRecord, rowPosition);
+                this.parent.editModule.updateRealDataSource([draggedRecord], rowPosition);
                 delete this.parent.editModule.addRowSelectedItem;
             }
         }