@syncfusion/ej2-gantt 20.2.36 → 20.2.43

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

@@ -239,7 +239,7 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
             this.setTime(this.parent.defaultStartTime, cloneStartDate);
         }
         else if (hour < this.parent.defaultStartTime && validateAsMilestone) {
-            this.setTime(this.parent.defaultEndTime, cloneStartDate);
+            this.setTime(this.parent.defaultStartTime, cloneStartDate);
         }
         else if ((hour === this.parent.defaultEndTime && (!ganttProp || !validateAsMilestone)) || hour > this.parent.defaultEndTime) {
             cloneStartDate.setDate(cloneStartDate.getDate() + 1);
@@ -401,7 +401,7 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
             if (hour > this.parent.defaultEndTime) {
                 this.setTime(this.parent.defaultEndTime, cloneDate);
             }
-            else if (hour <= this.parent.defaultStartTime && !ganttProp.isMilestone) {
+            else if (hour <= this.parent.defaultStartTime && !isNullOrUndefined(ganttProp) && !ganttProp.isMilestone) {
                 cloneDate.setDate(cloneDate.getDate() - 1);
                 this.setTime(this.parent.defaultEndTime, cloneDate);
             }
@@ -1473,7 +1473,13 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
             }
             sortDates(taskRange);
             if (!minStartDate || !maxEndDate) {
-                minStartDate = isNullOrUndefined(minStartDate) ? this.getDateFromFormat(new Date()) : minStartDate;
+                if (!minStartDate) {
+                    minStartDate = isNullOrUndefined(minStartDate) ? this.getDateFromFormat(new Date()) : minStartDate;
+                    minStartDate.setHours(0, 0, 0, 0);
+                }
+                else {
+                    minStartDate = isNullOrUndefined(minStartDate) ? this.getDateFromFormat(new Date()) : minStartDate;
+                }
                 maxEndDate = this.getDateFromFormat(new Date(minStartDate.getTime()));
                 maxEndDate.setDate(maxEndDate.getDate() + 20);
             }
@@ -4862,6 +4868,9 @@ var GanttChart = /** @__PURE__ @class */ (function () {
      * @private
      */
     GanttChart.prototype.expandedGanttRow = function (args) {
+        if (isNullOrUndefined(args['gridRow']) && this.parent.enableVirtualization) {
+            return;
+        }
         var record = getValue('data', args);
         if (this.isExpandCollapseFromChart) {
             this.expandCollapseChartRows('expand', getValue('chartRow', args), record, null);
@@ -5069,6 +5078,23 @@ var GanttChart = /** @__PURE__ @class */ (function () {
             $target.closest('.e-chart-row') ? $target.closest('.e-chart-row').rowIndex : -1;
         var isTab = (e.action === 'tab') ? true : false;
         var nextElement = this.getNextElement($target, isTab, isInEditedState);
+        this.tempNextElement = nextElement;
+        if (!isNullOrUndefined(nextElement['cellIndex'])) {
+            if (this.parent.allowRowDragAndDrop) {
+                this.childrenIndex = nextElement['cellIndex'];
+                this.nextElementIndex = nextElement['cellIndex'] - 1;
+            }
+            else {
+                this.childrenIndex = nextElement['cellIndex'];
+                this.nextElementIndex = nextElement['cellIndex'];
+            }
+            if (!this.parent.ganttColumns[this.nextElementIndex]['allowEditing'] && this.parent.ganttColumns[this.nextElementIndex]['field'] !== this.parent.taskFields.id) {
+                this.isEditableElement = true;
+            }
+            else {
+                this.isEditableElement = false;
+            }
+        }
         if (nextElement === 'noNextRow') {
             this.manageFocus($target, 'remove', true);
             return;
@@ -5116,7 +5142,8 @@ var GanttChart = /** @__PURE__ @class */ (function () {
                     this.parent.treeGrid.grid.notify('key-pressed', e);
                 }
             }
-            if (!isNullOrUndefined(isInEditedState) && !this.parent.editModule.cellEditModule.isCellEdit) {
+            if (!(this.parent.editModule && this.parent.editModule.cellEditModule
+                && !isNullOrUndefined(this.parent.editModule.cellEditModule.editedColumn))) {
                 if (nextElement) {
                     if ($target.classList.contains('e-rowcell')) {
                         this.manageFocus($target, 'remove', false);
@@ -5609,8 +5636,8 @@ var Timeline = /** @__PURE__ @class */ (function () {
             }
         }
         var newTimeline = extend({}, {}, zoomingLevel, true);
-        this.roundOffDateToZoom(this.parent.cloneProjectStartDate, true, perDayWidth, newTimeline.bottomTier.unit);
-        this.roundOffDateToZoom(this.parent.cloneProjectEndDate, false, perDayWidth, newTimeline.bottomTier.unit);
+        this.roundOffDateToZoom(this.parent.cloneProjectStartDate, true, perDayWidth, newTimeline.bottomTier.unit, zoomingLevel);
+        this.roundOffDateToZoom(this.parent.cloneProjectEndDate, false, perDayWidth, newTimeline.bottomTier.unit, zoomingLevel);
         var numberOfCells = this.calculateNumberOfTimelineCells(newTimeline);
         var scrollHeight = this.parent.ganttChartModule.scrollElement.offsetHeight - 17; //17 is horizontal scrollbar width
         var contentHeight = this.parent.ganttChartModule.chartBodyContent.offsetHeight;
@@ -5626,24 +5653,40 @@ var Timeline = /** @__PURE__ @class */ (function () {
         this.parent.trigger('actionBegin', args);
         this.changeTimelineSettings(newTimeline);
     };
-    Timeline.prototype.roundOffDateToZoom = function (date, isStartDate, perDayWidth, tierMode) {
-        var width = tierMode === 'Month' || tierMode === 'Year' ? 60 : 20;
-        var roundOffTime = (width / perDayWidth) * (24 * 60 * 60 * 1000);
+    Timeline.prototype.bottomTierCellWidthCalc = function (mode, zoomLevel, date) {
+        var convertedMilliSeconds;
+        switch (mode) {
+            case 'Minutes':
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (60 * 1000);
+                break;
+            case 'Hour':
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (60 * 60 * 1000);
+                break;
+            case 'Week':
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (7 * 24 * 60 * 60 * 1000);
+                break;
+            case 'Day':
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (24 * 60 * 60 * 1000);
+                break;
+            case 'Month':
+                var daysInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (60 * 60 * 24 * daysInMonth * 1000);
+                break;
+            case 'Year':
+                var daysInYear = (date.getFullYear() % 400 === 0 || (date.getFullYear() % 100 !== 0 && date.getFullYear() % 4 === 0)) ? 366 : 365;
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (60 * 60 * 24 * daysInYear * 1000);
+                break;
+        }
+        return convertedMilliSeconds;
+    };
+    Timeline.prototype.roundOffDateToZoom = function (date, isStartDate, perDayWidth, tierMode, zoomingLevel) {
+        var roundOffTime = this.bottomTierCellWidthCalc(tierMode, zoomingLevel, date);
         if (isStartDate) {
             date.setTime(date.getTime() - roundOffTime);
         }
         else {
             date.setTime(date.getTime() + roundOffTime);
         }
-        if (tierMode === 'Hour') {
-            date.setMinutes(isStartDate ? -120 : 120);
-        }
-        else if (tierMode === 'Minutes') {
-            date.setSeconds(isStartDate ? -120 : 120);
-        }
-        else {
-            date.setHours(isStartDate ? -48 : 48, 0, 0, 0);
-        }
     };
     Timeline.prototype.calculateNumberOfTimelineCells = function (newTimeline) {
         var numberOfDays = Math.abs((this.parent.cloneProjectEndDate.getTime() -
@@ -6773,7 +6816,10 @@ var Timeline = /** @__PURE__ @class */ (function () {
             if (type === 'prevTimeSpan' && isFrom === 'publicMethod') {
                 this.parent.ganttChartModule.updateScrollLeft(0);
             }
-            else if ((type === 'nextTimeSpan' && isFrom === 'publicMethod') || (type === 'nextTimeSpan' && isFrom === 'TaskbarEditing')) {
+            else if (type === 'nextTimeSpan' && isFrom === 'publicMethod') {
+                this.parent.ganttChartModule.updateScrollLeft(this.parent.timelineModule.totalTimelineWidth);
+            }
+            else if (type === 'nextTimeSpan' && isFrom === 'TaskbarEditing') {
                 var currentScrollLeft = document.getElementsByClassName('e-chart-scroll-container e-content')[0].scrollLeft;
                 this.parent.element.querySelector('.e-timeline-header-container').scrollLeft = currentScrollLeft;
             }
@@ -6956,6 +7002,7 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
     };
     GanttTreeGrid.prototype.composeProperties = function () {
         this.parent.treeGrid.showColumnMenu = this.parent.showColumnMenu;
+        this.parent.treeGrid.enableCollapseAll = this.parent.collapseAllParentTasks;
         this.parent.treeGrid.columnMenuItems = this.parent.columnMenuItems;
         this.parent.treeGrid.childMapping = isNullOrUndefined(this.parent.taskFields.child) ? '' : this.parent.taskFields.child;
         this.parent.treeGrid.treeColumnIndex = this.parent.treeColumnIndex;
@@ -10006,6 +10053,12 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             }
             var dataId = this.parent.viewType === 'ProjectView' ? data.ganttProperties.taskId : data.ganttProperties.rowUniqueID;
             this.parent.treeGrid.grid.setRowData(dataId, data);
+            var nextEditableElement = this.parent.ganttChartModule.tempNextElement;
+            if (this.parent.ganttChartModule.isEditableElement && nextEditableElement) {
+                this.parent.treeGrid.grid.focusModule.focus();
+                addClass([this.parent.treeGrid.getRows()[tr['ariaRowIndex']].children[this.parent.ganttChartModule.childrenIndex]], 'e-focused');
+                this.parent.ganttChartModule.tempNextElement = null;
+            }
             var row = this.parent.treeGrid.grid.getRowObjectFromUID(this.parent.treeGrid.grid.getDataRows()[index].getAttribute('data-uid'));
             row.data = data;
         }
@@ -12204,7 +12257,7 @@ var Tooltip$1 = /** @__PURE__ @class */ (function () {
         if (ganttData) {
             data = ganttData.ganttProperties;
             taskName = !isNullOrUndefined(data.taskName) ? '<tr class = "e-gantt-tooltip-rowcell"><td colspan="3">' +
-                data.taskName + '</td></tr>' : '';
+                (this.parent.disableHtmlEncode ? data.taskName.replace(/</g, "&lt;").replace(/>/g, "&gt;") : data.taskName) + '</td></tr>' : '';
         }
         switch (elementType) {
             case 'milestone':
@@ -21762,7 +21815,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                     if (column.field === this.parent.taskFields.id) {
                         this.updateIDColumnEditParams(column);
                     }
-                    else if (column.field === this.parent.taskFields.progress) {
+                    else if (column.field === this.parent.taskFields.progress && isNullOrUndefined(column.edit)) {
                         this.updateProgessColumnEditParams(column);
                     }
                     else if (column.field === this.parent.taskFields.resourceInfo) {
@@ -23729,6 +23782,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
         eventArgs.modifiedRecords = args.updatedRecordCollection;
         eventArgs.modifiedTaskData = getTaskData(args.updatedRecordCollection, null, null, this.parent);
         setValue('action', args.action, eventArgs);
+        this.parent.isOnDelete = false;
         this.parent.trigger('actionComplete', eventArgs);
         this.deletedTaskDetails = [];
         this.parent.initiateEditAction(false);
@@ -28079,7 +28133,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             var rowIndex = -1;
             if (args.gridRow) {
                 // eslint-disable-next-line
-                rowIndex = parseInt(args.gridRow.getAttribute('aria-rowindex'), 0);
+                rowIndex = parseInt(args.gridRow.getAttribute('data-rowindex'), 0);
             }
             else if (args.chartRow) {
                 // eslint-disable-next-line
@@ -28715,7 +28769,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             ganttDragelem.remove();
         }
         var gridRow = closest(args.target, '.e-row');
-        var dropIndex = gridRow ? parseInt(gridRow.getAttribute('aria-rowindex'), 10) : args.dropIndex;
+        var dropIndex = gridRow ? parseInt(gridRow.getAttribute('data-rowindex'), 10) : args.dropIndex;
         args.dropIndex = dropIndex;
         args.dropRecord = this.parent.updatedRecords[args.dropIndex];
         this.parent.trigger('rowDrop', args);
@@ -29043,6 +29097,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         var proxy = this.parent;
         var tempDataSource;
         var idx;
+        var ganttFields = this.parent.taskFields;
         if (this.parent.dataSource instanceof DataManager) {
             tempDataSource = getValue('dataOperation.dataArray', this.parent);
         }
@@ -29051,7 +29106,12 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         }
         if (tempDataSource.length > 0 && (!isNullOrUndefined(droppedRecord) && !droppedRecord.parentItem)) {
             for (var i = 0; i < Object.keys(tempDataSource).length; i++) {
-                if (tempDataSource[i][this.parent.taskFields.child] === droppedRecord.taskData[this.parent.taskFields.child]) {
+                if (!isNullOrUndefined(droppedRecord.taskData[ganttFields.child]) &&
+                    tempDataSource[i][ganttFields.child] === droppedRecord.taskData[ganttFields.child]) {
+                    idx = i;
+                }
+                else if (isNullOrUndefined(droppedRecord.taskData[ganttFields.child]) &&
+                    droppedRecord.taskData[ganttFields.id] === tempDataSource[i][ganttFields.id]) {
                     idx = i;
                 }
             }