@syncfusion/ej2-gantt 20.3.48 → 20.3.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.48
+*  version : 20.3.50
 *  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.3.47",
+  "_id": "@syncfusion/ej2-gantt@20.3.49",
   "_inBundle": false,
-  "_integrity": "sha512-oY8te11bKyAhmduU/U9V4BpO1oTQrdw9L1ZCxsr1Dtc6LwBjjCyS7MIZAn+RTb2jtZlEqf8MCNT28YzlzWWV0A==",
+  "_integrity": "sha512-vgFZXyGQch31nJGDvAAnaXl50XBwr1ryX8mdnEhPJU5Y4dlCk6UMXd3bREhCE0Rhl85RfoLijbLoZXA/omIjNQ==",
   "_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-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.3.47.tgz",
-  "_shasum": "f70eab27668d097d2b08789ce16c83463c9bed0b",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.3.49.tgz",
+  "_shasum": "4d68747d121d9d64def512c6f2773a5a583d6b0a",
   "_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.48",
-    "@syncfusion/ej2-buttons": "~20.3.48",
-    "@syncfusion/ej2-calendars": "~20.3.48",
-    "@syncfusion/ej2-data": "~20.3.47",
-    "@syncfusion/ej2-dropdowns": "~20.3.48",
-    "@syncfusion/ej2-grids": "~20.3.48",
-    "@syncfusion/ej2-inputs": "~20.3.47",
+    "@syncfusion/ej2-base": "~20.3.50",
+    "@syncfusion/ej2-buttons": "~20.3.50",
+    "@syncfusion/ej2-calendars": "~20.3.50",
+    "@syncfusion/ej2-data": "~20.3.50",
+    "@syncfusion/ej2-dropdowns": "~20.3.50",
+    "@syncfusion/ej2-grids": "~20.3.50",
+    "@syncfusion/ej2-inputs": "~20.3.50",
     "@syncfusion/ej2-layouts": "~20.3.48",
-    "@syncfusion/ej2-lists": "~20.3.47",
-    "@syncfusion/ej2-navigations": "~20.3.48",
-    "@syncfusion/ej2-popups": "~20.3.48",
-    "@syncfusion/ej2-richtexteditor": "~20.3.47",
-    "@syncfusion/ej2-treegrid": "~20.3.48"
+    "@syncfusion/ej2-lists": "~20.3.50",
+    "@syncfusion/ej2-navigations": "~20.3.50",
+    "@syncfusion/ej2-popups": "~20.3.50",
+    "@syncfusion/ej2-richtexteditor": "~20.3.50",
+    "@syncfusion/ej2-treegrid": "~20.3.50"
   },
   "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.48",
+  "version": "20.3.50",
   "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

@@ -2139,7 +2139,7 @@ var DialogEdit = /** @class */ (function () {
         if (gridObj.isEdit) {
             gridObj.endEdit();
         }
-        if (isEdit) {
+        if (isEdit && gridObj.currentViewData.length != gridObj.dataSource['length']) {
             dataSource = gridObj.dataSource;
         }
         else {

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)) {

package/src/gantt/actions/keyboard.js

@@ -176,7 +176,14 @@ var FocusModule = /** @class */ (function () {
                     || (ganttObj.editSettings.allowTaskbarEditing && !ganttObj.editModule.taskbarEditModule.touchEdit))) {
                     if ((ganttObj.selectionSettings.mode !== 'Cell' && ganttObj.selectionModule.selectedRowIndexes.length)
                         || (ganttObj.selectionSettings.mode === 'Cell' && ganttObj.selectionModule.getSelectedRowCellIndexes().length)) {
-                        ganttObj.editModule.startDeleteAction();
+                        if (!isNullOrUndefined(e.target)) {
+                            if (e.target['tagName'] !== 'INPUT') {
+                                ganttObj.editModule.startDeleteAction();
+                            }
+                        }
+                        else {
+                            ganttObj.editModule.startDeleteAction();
+                        }
                     }
                 }
                 break;

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,10 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
         this.drawLeftLabel(page, startPoint, detail, cumulativeWidth);
         //Draw Taskbar
         var font = new PdfStandardFont(this.fontFamily, 9, PdfFontStyle.Regular);
+        if (!isNullOrUndefined(this.parent.pdfExportModule['helper']['exportProps'].ganttStyle) &&
+            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 +243,10 @@ 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 (!isNullOrUndefined(this.parent.pdfExportModule['helper']['exportProps'].ganttStyle) &&
+                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 +302,10 @@ 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 (!isNullOrUndefined(this.parent.pdfExportModule['helper']['exportProps'].ganttStyle) &&
+                    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 +334,10 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
     };
     PdfGanttTaskbarCollection.prototype.getWidth = function (value, width, height) {
         var font = new PdfStandardFont(this.fontFamily, 9);
+        if (!isNullOrUndefined(this.parent.pdfExportModule['helper']['exportProps'].ganttStyle) &&
+            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/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 {