@syncfusion/ej2-gantt 20.3.47 → 20.3.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.47
+*  version : 20.3.49
 *  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.6.13",
+  "_id": "@syncfusion/ej2-gantt@20.3.48",
   "_inBundle": false,
-  "_integrity": "sha512-kdZk1adl1XJlxz+IuDQCFGD4Cmd+rlfqUOfVr1pwEsBfuaaa9C1tZmDysXPDkn2AiVyZ64EWDPgQOw/ZnQl27A==",
+  "_integrity": "sha512-N2zofXz/onMGBz+cAMn0tl9QWbncq9Yz54oi001UB2zVN57sDolIgOnS7DXmP0Sz38+Ff+t3Nv0DiXMjIirVhg==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-gantt/-/ej2-gantt-20.6.13.tgz",
-  "_shasum": "70beb11e362a1f86c917e363fd8a653bd1409437",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.3.48.tgz",
+  "_shasum": "48056e66d813021bce8762c3c3ccf28f99f59f57",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,19 +35,19 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.47",
-    "@syncfusion/ej2-buttons": "~20.3.47",
-    "@syncfusion/ej2-calendars": "~20.3.47",
+    "@syncfusion/ej2-base": "~20.3.49",
+    "@syncfusion/ej2-buttons": "~20.3.49",
+    "@syncfusion/ej2-calendars": "~20.3.49",
     "@syncfusion/ej2-data": "~20.3.47",
-    "@syncfusion/ej2-dropdowns": "~20.3.47",
-    "@syncfusion/ej2-grids": "~20.3.47",
-    "@syncfusion/ej2-inputs": "~20.3.47",
-    "@syncfusion/ej2-layouts": "~20.3.47",
+    "@syncfusion/ej2-dropdowns": "~20.3.49",
+    "@syncfusion/ej2-grids": "~20.3.49",
+    "@syncfusion/ej2-inputs": "~20.3.49",
+    "@syncfusion/ej2-layouts": "~20.3.48",
     "@syncfusion/ej2-lists": "~20.3.47",
-    "@syncfusion/ej2-navigations": "~20.3.47",
-    "@syncfusion/ej2-popups": "~20.3.47",
+    "@syncfusion/ej2-navigations": "~20.3.49",
+    "@syncfusion/ej2-popups": "~20.3.49",
     "@syncfusion/ej2-richtexteditor": "~20.3.47",
-    "@syncfusion/ej2-treegrid": "~20.3.47"
+    "@syncfusion/ej2-treegrid": "~20.3.49"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.47",
+  "version": "20.3.49",
   "sideEffects": false
 }

package/src/gantt/actions/context-menu.js

@@ -519,7 +519,9 @@ var ContextMenu = /** @class */ (function () {
     ContextMenu.prototype.contextMenuOpen = function (args) {
         this.isOpen = true;
         var firstMenuItem = args.element.querySelectorAll('li:not(.e-menu-hide):not(.e-disabled)')[0];
-        addClass([firstMenuItem], 'e-focused');
+        if (!isNullOrUndefined(firstMenuItem)) {
+            addClass([firstMenuItem], 'e-focused');
+        }
     };
     ContextMenu.prototype.getMenuItems = function () {
         var menuItems = !isNullOrUndefined(this.parent.contextMenuItems) ?

package/src/gantt/actions/dialog-edit.js

@@ -2134,10 +2134,17 @@ var DialogEdit = /** @class */ (function () {
     // eslint-disable-next-line
     DialogEdit.prototype.updateSegmentsData = function (segmentForm, data) {
         var gridObj = segmentForm.ej2_instances[0];
+        var isEdit = gridObj.isEdit;
+        var dataSource;
         if (gridObj.isEdit) {
             gridObj.endEdit();
         }
-        var dataSource = gridObj.currentViewData;
+        if (isEdit) {
+            dataSource = gridObj.dataSource;
+        }
+        else {
+            dataSource = gridObj.currentViewData;
+        }
         this.updateSegmentTaskData(dataSource);
     };
     DialogEdit.prototype.updateGeneralTab = function (generalForm, isCustom) {
@@ -2231,10 +2238,6 @@ var DialogEdit = /** @class */ (function () {
         var ids = [];
         for (var i = 0; i < dataSource.length; i++) {
             var preData = dataSource[i];
-            var newId = preData.name.split('-')[0];
-            if (preData.id !== newId) {
-                preData.id = newId;
-            }
             if (ids.indexOf(preData.id) === -1) {
                 var name_1 = preData.id + preData.type;
                 if (preData.offset && preData.offset.indexOf('-') !== -1) {

package/src/gantt/actions/edit.js

@@ -2445,6 +2445,9 @@ var Edit = /** @class */ (function () {
             }
             /*Child collection update*/
             parentItem.childRecords.splice(childIndex, 0, record);
+            if (!this.parent.taskFields.child) {
+                this.parent.taskFields.child = 'Children';
+            }
             if ((this.parent.dataSource instanceof DataManager &&
                 isNullOrUndefined(parentItem.taskData[this.parent.taskFields.parentID])) ||
                 !isNullOrUndefined(this.parent.dataSource)) {
@@ -2579,7 +2582,9 @@ var Edit = /** @class */ (function () {
                     dataSource.push(addedRecord[i].taskData);
                 }
                 else {
-                    this.addDataInRealDataSource(dataSource, addedRecord[i].taskData, rowPosition);
+                    if (isNullOrUndefined(addedRecord[i].parentItem)) {
+                        this.addDataInRealDataSource(dataSource, addedRecord[i].taskData, rowPosition);
+                    }
                 }
             }
             this.isBreakLoop = false;

package/src/gantt/base/gantt-chart.js

@@ -671,6 +671,9 @@ var GanttChart = /** @class */ (function () {
      * @private
      */
     GanttChart.prototype.collapsedGanttRow = function (args) {
+        if ((isNullOrUndefined(args['gridRow']) && this.parent.enableVirtualization) || isNullOrUndefined(args['chartRow'])) {
+            return;
+        }
         var record = getValue('data', args);
         if (this.isExpandCollapseFromChart) {
             this.expandCollapseChartRows('collapse', getValue('chartRow', args), record, null);

package/src/gantt/base/gantt.js

@@ -2409,7 +2409,9 @@ var Gantt = /** @class */ (function (_super) {
         if (isNullOrUndefined(index)) {
             record = this.getRecordByID(id.toString());
             chartRow = this.getRowByID(id);
-            rowIndex = getValue('rowIndex', chartRow);
+            if (!isNullOrUndefined(chartRow)) {
+                rowIndex = getValue('rowIndex', chartRow);
+            }
         }
         else if (!isNullOrUndefined(index)) {
             chartRow = this.getRowByIndex(index);

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

@@ -1,7 +1,7 @@
 import { PdfTreeGridCell } from './../export/pdf-base/pdf-grid-table';
 import { PdfBorders } from './../export/pdf-base/pdf-borders';
 import { ColumnModel } from './../models/column';
-import { PointF, PdfColor, PdfFontFamily, PdfFontStyle, PdfStringFormat } from '@syncfusion/ej2-pdf-export';
+import { PointF, PdfColor, PdfFontFamily, PdfFontStyle, PdfStringFormat, PdfTrueTypeFont } from '@syncfusion/ej2-pdf-export';
 import { ContextMenuType, PdfPageSize, PageOrientation, ExportType, PdfTheme, TaskType } from './enum';
 import { ContextMenuOpenEventArgs as GridContextMenuOpenEventArgs } from '@syncfusion/ej2-grids';
 import { ContextMenuClickEventArgs as GridContextMenuClickEventArgs } from '@syncfusion/ej2-grids';
@@ -857,16 +857,28 @@ export interface ITaskbarStyle {
     criticalTaskBorderColor?: PdfColor;
 }
 export interface IGanttStyle {
+    /** Defines the columnHeader style. */
     columnHeader?: PdfGanttCellStyle;
+    /** Defines the font family. */
     fontFamily?: PdfFontFamily;
+    /** Defines the cell style. */
     cell?: PdfGanttCellStyle;
+    /** Defines the taskbar style. */
     taskbar?: ITaskbarStyle;
+    /** Defines the font style. */
     label?: PdfGanttCellStyle;
+    /** Defines the timeline style. */
     timeline?: PdfGanttCellStyle;
+    /** Defines the chart line color. */
     chartGridLineColor?: PdfColor;
+    /** Defines the connector line color. */
     connectorLineColor?: PdfColor;
+    /** Defines the critical connector line color. */
     criticalConnectorLineColor?: PdfColor;
+    /** Defines the footer format. */
     footer?: PdfGanttCellStyle;
+    /** Defines the font of the theme. */
+    font?: PdfTrueTypeFont;
 }
 export interface PdfQueryTimelineCellInfoEventArgs {
     /** Defines the timeline cell */

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

@@ -1443,7 +1443,9 @@ var TaskProcessor = /** @class */ (function (_super) {
                 this.parent.setRecordValue(dataMapping.id, ganttProperties.taskId, ganttData);
             }
             if (dataMapping.name) {
-                this.parent.setRecordValue('taskData.' + dataMapping.name, ganttProperties.taskName, ganttData);
+                if (!this.parent.isLoad) {
+                    this.parent.setRecordValue('taskData.' + dataMapping.name, ganttProperties.taskName, ganttData);
+                }
                 this.parent.setRecordValue(dataMapping.name, ganttProperties.taskName, ganttData);
             }
             if (dataMapping.startDate) {
@@ -1459,7 +1461,9 @@ var TaskProcessor = /** @class */ (function (_super) {
                 data[dataMapping.durationUnit] = ganttProperties.durationUnit;
             }
             if (dataMapping.progress) {
-                this.parent.setRecordValue('taskData.' + dataMapping.progress, ganttProperties.progress, ganttData);
+                if (!this.parent.isLoad) {
+                    this.parent.setRecordValue('taskData.' + dataMapping.progress, ganttProperties.progress, ganttData);
+                }
                 this.parent.setRecordValue(dataMapping.progress, ganttProperties.progress, ganttData);
             }
             if (dataMapping.baselineStartDate) {
@@ -1469,15 +1473,21 @@ var TaskProcessor = /** @class */ (function (_super) {
                 this.setRecordDate(ganttData, ganttProperties.baselineEndDate, dataMapping.baselineEndDate);
             }
             if (dataMapping.notes) {
-                this.parent.setRecordValue('taskData.' + dataMapping.notes, ganttProperties.notes, ganttData);
+                if (!this.parent.isLoad) {
+                    this.parent.setRecordValue('taskData.' + dataMapping.notes, ganttProperties.notes, ganttData);
+                }
                 this.parent.setRecordValue(dataMapping.notes, ganttProperties.notes, ganttData);
             }
             if (dataMapping.cssClass) {
-                this.parent.setRecordValue('taskData.' + dataMapping.cssClass, ganttProperties.cssClass, ganttData);
+                if (!this.parent.isLoad) {
+                    this.parent.setRecordValue('taskData.' + dataMapping.cssClass, ganttProperties.cssClass, ganttData);
+                }
                 this.parent.setRecordValue(dataMapping.cssClass, ganttProperties.cssClass, ganttData);
             }
             if (dataMapping.indicators) {
-                this.parent.setRecordValue('taskData.' + dataMapping.indicators, ganttProperties.indicators, ganttData);
+                if (!this.parent.isLoad) {
+                    this.parent.setRecordValue('taskData.' + dataMapping.indicators, ganttProperties.indicators, ganttData);
+                }
                 this.parent.setRecordValue(dataMapping.indicators, ganttProperties.indicators, ganttData);
             }
             if (dataMapping.parentID) {
@@ -1486,11 +1496,15 @@ var TaskProcessor = /** @class */ (function (_super) {
                 this.parent.setRecordValue(dataMapping.parentID, ganttProperties.parentId, ganttData);
             }
             if (dataMapping.work) {
-                this.parent.setRecordValue('taskData.' + dataMapping.work, this.getWorkString(ganttProperties.work, ganttProperties.workUnit), ganttData);
+                if (!this.parent.isLoad) {
+                    this.parent.setRecordValue('taskData.' + dataMapping.work, this.getWorkString(ganttProperties.work, ganttProperties.workUnit), ganttData);
+                }
                 this.parent.setRecordValue(dataMapping.work, ganttProperties.work, ganttData);
             }
             if (dataMapping.type) {
-                this.parent.setRecordValue('taskData.' + dataMapping.type, ganttProperties.taskType, ganttData);
+                if (!this.parent.isLoad) {
+                    this.parent.setRecordValue('taskData.' + dataMapping.type, ganttProperties.taskType, ganttData);
+                }
                 this.parent.setRecordValue(dataMapping.type, ganttProperties.taskType, ganttData);
             }
         }

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

@@ -689,7 +689,14 @@ var GanttTreeGrid = /** @class */ (function () {
         return data.level === 0 ? 'R-' + data.ganttProperties.taskId : 'T-' + data.ganttProperties.taskId;
     };
     GanttTreeGrid.prototype.updateScrollTop = function (args) {
-        this.treeGridElement.querySelector('.e-content').scrollTop = getValue('top', args);
+        var newScrollTop;
+        if (getValue('top', args) > (this.parent.flatData.length * this.parent.rowHeight)) {
+            newScrollTop = getValue('top', args) - document.getElementsByClassName('e-chart-scroll-container e-content')[0]['offsetHeight'];
+        }
+        else {
+            newScrollTop = getValue('top', args);
+        }
+        this.treeGridElement.querySelector('.e-content').scrollTop = newScrollTop;
         this.previousScroll.top = this.treeGridElement.querySelector('.e-content').scrollTop;
     };
     GanttTreeGrid.prototype.treeGridClickHandler = function (e) {

package/src/gantt/export/pdf-base/pdf-grid-table.js

@@ -65,6 +65,9 @@ var PdfTreeGridCell = /** @class */ (function () {
         if (typeof this.value === 'string') {
             /* eslint-disable-next-line */
             var font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, this.style.fontStyle);
+            if (this.row.treegrid.ganttStyle.font) {
+                font = this.row.treegrid.ganttStyle.font;
+            }
             /* eslint-disable-next-line */
             var slr = layouter.layout(this.value, font, this.style.format, new SizeF(Number.MAX_VALUE, Number.MAX_VALUE), false, new SizeF(0, 0));
             width += slr.actualSize.width;
@@ -98,6 +101,9 @@ var PdfTreeGridCell = /** @class */ (function () {
             }
             /* eslint-disable */
             var font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, this.style.fontStyle);
+            if (this.row.treegrid.ganttStyle.font) {
+                font = this.row.treegrid.ganttStyle.font;
+            }
             /* eslint-disable */
             var slr = layouter.layout(currentValue, font, this.style.format, new SizeF(width, 0), false, new SizeF(0, 0));
             height += slr.actualSize.height;
@@ -165,6 +171,9 @@ var PdfTreeGridCell = /** @class */ (function () {
         else {
             font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, this.style.fontStyle);
         }
+        if (this.row.treegrid.ganttStyle.font) {
+            font = this.row.treegrid.ganttStyle.font;
+        }
         var innerLayoutArea = bounds;
         if (!this.isHeaderCell) {
             /* eslint-disable-next-line */

package/src/gantt/export/pdf-taskbar.js

@@ -74,6 +74,9 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
         this.drawLeftLabel(page, startPoint, detail, cumulativeWidth);
         //Draw Taskbar
         var font = new PdfStandardFont(this.fontFamily, 9, PdfFontStyle.Regular);
+        if (this.parent.pdfExportModule['helper']['exportProps'].ganttStyle.font) {
+            font = this.parent.pdfExportModule['helper']['exportProps'].ganttStyle.font;
+        }
         var fontColor = null;
         var fontBrush = new PdfSolidBrush(this.progressFontColor);
         var progressFormat = new PdfStringFormat();
@@ -239,6 +242,9 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
             !isNullOrUndefined(this.rightTaskLabel.value) && !this.rightTaskLabel.isCompleted) {
             var result = this.getWidth(this.rightTaskLabel.value, detail.endPoint - left, 15);
             var font = new PdfStandardFont(this.fontFamily, 9);
+            if (this.parent.pdfExportModule['helper']['exportProps'].ganttStyle.font) {
+                font = this.parent.pdfExportModule['helper']['exportProps'].ganttStyle.font;
+            }
             var adjustHeight = (pixelToPoint(this.parent.rowHeight) - result.actualSize.height) / 2;
             var point = new PointF(actualLeft, startPoint.y + adjustHeight);
             var size = new SizeF(result.actualSize.width, result.actualSize.height);
@@ -294,6 +300,9 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
                 && !this.leftTaskLabel.isCompleted) {
                 var result = this.getWidth(this.leftTaskLabel.value, detail.endPoint - left, 15);
                 var font = new PdfStandardFont(this.fontFamily, 9);
+                if (this.parent.pdfExportModule['helper']['exportProps'].ganttStyle.font) {
+                    font = this.parent.pdfExportModule['helper']['exportProps'].ganttStyle.font;
+                }
                 var adjustHeight = (pixelToPoint(this.parent.rowHeight) - result.actualSize.height) / 2;
                 var rightLabelpoint = new PointF(actualLeft, startPoint.y + adjustHeight);
                 var rightLabelSize = new SizeF(result.actualSize.width, result.actualSize.height);
@@ -322,6 +331,9 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
     };
     PdfGanttTaskbarCollection.prototype.getWidth = function (value, width, height) {
         var font = new PdfStandardFont(this.fontFamily, 9);
+        if (this.parent.pdfExportModule['helper']['exportProps'].ganttStyle.font) {
+            font = this.parent.pdfExportModule['helper']['exportProps'].ganttStyle.font;
+        }
         var layouter = new PdfStringLayouter();
         var progressFormat = new PdfStringFormat();
         progressFormat.alignment = PdfTextAlignment.Left;

package/src/gantt/export/pdf-timeline.js

@@ -170,6 +170,9 @@ var PdfTimeline = /** @class */ (function () {
         var rectBrush = new PdfSolidBrush(eventArgs.timelineCell.backgroundColor);
         graphics.drawRectangle(rectPen, rectBrush, x, y, pixelToPoint(width), pixelToPoint(height));
         var font = new PdfStandardFont(ganttStyle.fontFamily, e.fontSize, e.fontStyle);
+        if (ganttStyle.font) {
+            font = ganttStyle.font;
+        }
         var textBrush = new PdfSolidBrush(eventArgs.timelineCell.fontColor);
         var pLeft = ganttStyle.timeline.padding ? eventArgs.timelineCell.padding.left : 0;
         var pTop = ganttStyle.timeline.padding ? eventArgs.timelineCell.padding.top : 0;

package/src/gantt/renderer/timeline.js

@@ -921,7 +921,7 @@ var Timeline = /** @class */ (function () {
                 endDate.setHours(24, 0, 0, 0);
             }
         }
-        if ((this.isZooming || this.parent.isLoad) && isNullOrUndefined(this.parent.projectEndDate)) {
+        if ((this.isZooming || this.parent.isLoad || this.parent.isFromOnPropertyChange) && isNullOrUndefined(this.parent.projectEndDate)) {
             this.updateTimelineAfterZooming(endDate, false);
         }
         return endDate;

package/src/gantt/renderer/tooltip.js

@@ -148,6 +148,7 @@ var Tooltip = /** @class */ (function () {
                     args.cancel = true;
                 }
             });
+            this.toolTipObj.content = argsData.content;
             if (!this.parent.isAdaptive && args.event.type === 'mouseover') {
                 this.currentTarget = args.target;
                 EventHandler.add(this.currentTarget, 'mousemove', this.mouseMoveHandler.bind(this));

package/styles/bootstrap4.css

@@ -414,7 +414,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {

package/styles/gantt/bootstrap4.css

@@ -414,7 +414,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {