@syncfusion/ej2-gantt 19.2.62 → 19.3.46

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.2.62
+*  version : 19.3.46
 *  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@19.2.59",
+  "_id": "@syncfusion/ej2-gantt@19.3.45",
   "_inBundle": false,
-  "_integrity": "sha512-o2EXo4wrVeP8Kv+Ot4EGQ9vvsbhSWZ3tdR6xtNSiVQzBn6+hFSDPucEZtcZekyO6uGnQibgLN9o22c3N7dtccg==",
+  "_integrity": "sha512-RZLdEJYylDpfailqWhBOXPgh9R/pvL9s1BhtCTXdwpn/lfRqGQV0UlXqvqYnYRfy6DXyzvhfj0kvFX9nnKT1BA==",
   "_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/@syncfusion/ej2-gantt/-/ej2-gantt-19.2.59.tgz",
-  "_shasum": "8461db4d42ad0d75d53167ecb5b795388871d4a0",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-gantt/-/ej2-gantt-19.3.45.tgz",
+  "_shasum": "d3e74c79b2a7f546bd6e8ec0effee6cb28b5db87",
   "_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": "~19.2.60",
-    "@syncfusion/ej2-buttons": "~19.2.60",
-    "@syncfusion/ej2-calendars": "~19.2.62",
-    "@syncfusion/ej2-data": "~19.2.60",
-    "@syncfusion/ej2-dropdowns": "~19.2.62",
-    "@syncfusion/ej2-grids": "~19.2.62",
-    "@syncfusion/ej2-inputs": "~19.2.60",
-    "@syncfusion/ej2-layouts": "~19.2.60",
-    "@syncfusion/ej2-lists": "~19.2.60",
-    "@syncfusion/ej2-navigations": "~19.2.62",
-    "@syncfusion/ej2-popups": "~19.2.62",
-    "@syncfusion/ej2-richtexteditor": "~19.2.62",
-    "@syncfusion/ej2-treegrid": "~19.2.60"
+    "@syncfusion/ej2-base": "~19.3.43",
+    "@syncfusion/ej2-buttons": "~19.3.44",
+    "@syncfusion/ej2-calendars": "~19.3.46",
+    "@syncfusion/ej2-data": "~19.3.46",
+    "@syncfusion/ej2-dropdowns": "~19.3.46",
+    "@syncfusion/ej2-grids": "~19.3.46",
+    "@syncfusion/ej2-inputs": "~19.3.44",
+    "@syncfusion/ej2-layouts": "~19.3.44",
+    "@syncfusion/ej2-lists": "~19.3.45",
+    "@syncfusion/ej2-navigations": "~19.3.46",
+    "@syncfusion/ej2-popups": "~19.3.43",
+    "@syncfusion/ej2-richtexteditor": "~19.3.46",
+    "@syncfusion/ej2-treegrid": "~19.3.46"
   },
   "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": "19.2.62",
+  "version": "19.3.46",
   "sideEffects": false
 }

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

@@ -481,6 +481,7 @@ var CellEdit = /** @class */ (function () {
                 this.parent.editModule.dialogModule.isResourceUpdate = true;
                 this.parent.editModule.dialogModule.previousResource = previousResource;
             }
+            this.updateDates(args);
             this.updateEditedRecord(args);
         }
     };

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

@@ -2155,7 +2155,12 @@ var DialogEdit = /** @class */ (function () {
         var ganttObj = this.parent;
         var rte = notesElement.ej2_instances[0];
         if (this.isEdit) {
-            this.parent.setRecordValue('notes', rte.getHtml(), this.rowData.ganttProperties, true);
+            if (ganttObj.columnByField[ganttObj.taskFields.notes].disableHtmlEncode) {
+                this.parent.setRecordValue('notes', rte.getHtml(), this.rowData.ganttProperties, true);
+            }
+            else {
+                this.parent.setRecordValue('notes', rte.getText(), this.rowData.ganttProperties, true);
+            }
             ganttObj.dataOperation.updateMappingData(this.rowData, 'notes');
         }
         else {

package/src/gantt/actions/edit.js

@@ -529,7 +529,10 @@ var Edit = /** @class */ (function () {
             if (ganttProp.work > 0 || column === 'work') {
                 switch (taskType) {
                     case 'FixedUnit':
-                        if (isAutoSchedule && ganttProp.resourceInfo.length &&
+                        if (ganttProp.resourceInfo.length === 0) {
+                            return;
+                        }
+                        else if (isAutoSchedule && ganttProp.resourceInfo.length &&
                             (column === 'work' || (column === 'resource'))) {
                             this.parent.dataOperation.updateDurationWithWork(currentData);
                         }
@@ -752,7 +755,6 @@ var Edit = /** @class */ (function () {
      */
     Edit.prototype.validateTaskEvent = function (editedEventArgs) {
         var newArgs = {};
-        var blazorArgs = {};
         this.resetValidateArgs();
         this.parent.currentEditedArgs = newArgs;
         newArgs.cancel = false;
@@ -1676,6 +1678,7 @@ var Edit = /** @class */ (function () {
     Edit.prototype.deleteRow = function (tasks) {
         var rowItems = tasks && tasks.length ? tasks :
             this.parent.selectionModule.getSelectedRecords();
+        this.parent.addDeleteRecord = true;
         if (rowItems.length) {
             this.parent.isOnDelete = true;
             rowItems.forEach(function (item) {
@@ -1900,7 +1903,6 @@ var Edit = /** @class */ (function () {
         eventArgs.data = args.deletedRecordCollection;
         eventArgs.modifiedRecords = args.updatedRecordCollection;
         eventArgs.modifiedTaskData = getTaskData(args.updatedRecordCollection, null, null, this.parent);
-        var blazorArgs = {};
         this.parent.trigger('actionBegin', eventArgs, function (eventArg) {
             if (eventArg.cancel) {
                 var deleteRecords = _this.deletedTaskDetails;
@@ -2403,6 +2405,7 @@ var Edit = /** @class */ (function () {
         // this.parent.connectorLineIds = [];
         // this.parent.predecessorModule.createConnectorLinesCollection(this.parent.flatData);
         this.parent.treeGrid.parentData = [];
+        this.parent.addDeleteRecord = true;
         this.parent.selectedRowIndex = 0;
         this.parent.treeGrid.refresh();
         if (this.parent.enableImmutableMode) {
@@ -2519,7 +2522,6 @@ var Edit = /** @class */ (function () {
             var args = {};
             args = this.constructTaskAddedEventArgs(cAddedRecord_1, this.parent.editedRecords, 'beforeAdd');
             this.parent.showSpinner();
-            var blazorArgs = {};
             this.parent.trigger('actionBegin', args, function (args) {
                 if (!args.cancel) {
                     if (isRemoteData(_this.parent.dataSource)) {
@@ -2659,7 +2661,12 @@ var Edit = /** @class */ (function () {
         switch (rowPosition) {
             case 'Top':
             case 'Bottom':
-                level = 0;
+                if (this.parent.viewType === "ResourceView") {
+                    level = 1;
+                }
+                else {
+                    level = 0;
+                }
                 break;
             case 'Above':
             case 'Below':

package/src/gantt/actions/filter.js

@@ -53,7 +53,7 @@ var Filter = /** @class */ (function () {
         }
         if (treeColumn) {
             treeColumn.allowFiltering = column.allowFiltering;
-            treeColumn.filter = column.filter;
+            treeColumn.filter = column.allowFiltering ? column.filter : {};
         }
     };
     /**

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

@@ -310,7 +310,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
      */
     TaskbarEdit.prototype.showHideTaskBarEditingElements = function (element, secondElement, fadeConnectorLine) {
         secondElement = secondElement ? secondElement : this.editElement;
-        var isShowProgressResizer = true;
+        var isShowProgressResizer = this.parent.taskFields.progress ? true : false;
         if (this.parent.readOnly) {
             return;
         }
@@ -398,8 +398,8 @@ var TaskbarEdit = /** @class */ (function (_super) {
         else if (mouseDownElement.classList.contains(cls.taskBarRightResizer)) {
             action = 'RightResizing';
         }
-        else if (mouseDownElement.classList.contains(cls.childProgressResizer) ||
-            closest(mouseDownElement, '.' + cls.childProgressResizer)) {
+        else if ((mouseDownElement.classList.contains(cls.childProgressResizer) ||
+            closest(mouseDownElement, '.' + cls.childProgressResizer)) && (this.parent.taskFields.progress)) {
             action = 'ProgressResizing';
         }
         else if (mouseDownElement.classList.contains(cls.connectorPointLeft)) {

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

@@ -208,7 +208,7 @@ var GanttChart = /** @class */ (function () {
     GanttChart.prototype.updateWidthAndHeight = function () {
         //empty row height
         var emptydivHeight = 36;
-        var emptyHeight = this.parent.contentHeight === 0 ? emptydivHeight : this.parent.contentHeight;
+        var emptyHeight = this.parent.contentHeight === 0 ? this.parent.flatData.length > 1 ? emptydivHeight : 0 : this.parent.contentHeight;
         this.chartBodyContent.style.height = formatUnit(emptyHeight);
         //let element: HTMLElement = this.chartTimelineContainer.querySelector('.' + cls.timelineHeaderTableContainer);
         this.chartBodyContent.style.width = formatUnit(this.parent.timelineModule.totalTimelineWidth);

package/src/gantt/base/gantt-model.d.ts

@@ -103,7 +103,6 @@ export interface GanttModel extends ComponentModel{
      *
      * @default 0
      * @aspType int
-     * @blazorType int
      */
     treeColumnIndex?: number;
 
@@ -269,7 +268,6 @@ export interface GanttModel extends ComponentModel{
      *
      * @default 36
      * @aspType int
-     * @blazorType int
      */
     rowHeight?: number;
 
@@ -277,8 +275,6 @@ export interface GanttModel extends ComponentModel{
      * Defines height of taskbar element in Gantt.
      *
      * @aspType int?
-     * @blazorType int
-     * @isBlazorNullableType true
      */
     taskbarHeight?: number;
 
@@ -286,7 +282,6 @@ export interface GanttModel extends ComponentModel{
      * Defines start date of the project, if `projectStartDate` value not set then it will be calculated from data source.
      *
      * @default null
-     * @blazorType Date
      */
     projectStartDate?: Date | string;
 
@@ -294,7 +289,6 @@ export interface GanttModel extends ComponentModel{
      * Defines end date of the project, if `projectEndDate` value not set then it will be calculated from data source.
      *
      * @default null
-     * @blazorType Date
      */
     projectEndDate?: Date | string;
 
@@ -338,7 +332,6 @@ export interface GanttModel extends ComponentModel{
      *
      * @default 1
      * @aspType int
-     * @blazorType int
      */
     connectorLineWidth?: number;
 
@@ -375,7 +368,6 @@ export interface GanttModel extends ComponentModel{
      *
      * @default -1
      * @aspType int
-     * @blazorType int
      */
     selectedRowIndex?: number;
 
@@ -693,8 +685,6 @@ export interface GanttModel extends ComponentModel{
      * Triggers when Gantt actions such as sorting, filtering, searching etc., starts.
      *
      * @event actionBegin
-     * @blazorproperty 'OnActionBegin'
-     * @blazorType Syncfusion.EJ2.Blazor.Gantt.ActionBeginArgs<TValue>
      */
     actionBegin?: EmitType<Object | PageEventArgs | FilterEventArgs | SortEventArgs | ITimeSpanEventArgs | IDependencyEventArgs | ITaskAddedEventArgs | ZoomEventArgs>;  // eslint-disable-line
 
@@ -702,8 +692,6 @@ export interface GanttModel extends ComponentModel{
      * Triggers when Gantt actions such as sorting, filtering, searching etc. are completed.
      *
      * @event actionComplete
-     * @blazorproperty 'OnActionComplete'
-     * @blazorType Syncfusion.EJ2.Blazor.Gantt.ActionCompleteArgs<TValue>
      */
     actionComplete?: EmitType<FilterEventArgs | SortEventArgs | ITaskAddedEventArgs | IKeyPressedEventArgs | ZoomEventArgs>;
 
@@ -711,8 +699,6 @@ export interface GanttModel extends ComponentModel{
      * Triggers when actions are failed.
      *
      * @event actionFailure
-     * @blazorproperty 'OnActionFailure'
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.FailureEventArgs
      */
     actionFailure?: EmitType<FailureEventArgs>;
 
@@ -742,7 +728,6 @@ export interface GanttModel extends ComponentModel{
      * This will be triggered a cell get begins to edit.
      *
      * @event cellEdit
-     * @blazorproperty 'OnCellEdit'
      */
     cellEdit?: EmitType<CellEditArgs>;
 
@@ -750,8 +735,7 @@ export interface GanttModel extends ComponentModel{
      * Triggered before the Gantt control gets rendered.
      *
      * @event load
-     * @blazorproperty 'OnLoad'
-     */
+     */
     load?: EmitType<Object>;
 
     /**
@@ -810,7 +794,6 @@ export interface GanttModel extends ComponentModel{
      * Triggers when splitter resizing starts.
      *
      * @event splitterResizeStart
-     * @blazorType Syncfusion.EJ2.Blazor.Layouts.ResizeEventArgs
      */
     splitterResizeStart?: EmitType<ResizeEventArgs>;
 
@@ -818,7 +801,6 @@ export interface GanttModel extends ComponentModel{
      * Triggers when splitter bar was dragging.
      *
      * @event splitterResizing
-     * @blazorType Syncfusion.EJ2.Blazor.Layouts.ResizingEventArgs
      */
     splitterResizing?: EmitType<ResizingEventArgs>;
 
@@ -900,7 +882,6 @@ export interface GanttModel extends ComponentModel{
      * Triggers after a cell is selected.
      *
      * @event cellSelected
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.CellSelectEventArgs<TValue>
      */
     cellSelected?: EmitType<CellSelectEventArgs>;
 
@@ -931,8 +912,7 @@ export interface GanttModel extends ComponentModel{
      * This will be triggered before the header cell element is appended to the Grid element.
      *
      * @event headerCellInfo
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.HeaderCellInfoEventArgs
-     */
+     */
     headerCellInfo?: EmitType<HeaderCellInfoEventArgs>;
 
     /**
@@ -954,8 +934,6 @@ export interface GanttModel extends ComponentModel{
      * Triggers when toolbar item was clicked.
      *
      * @event toolbarClick
-     * @blazorproperty 'OnToolbarClick'
-     * @blazorType Syncfusion.EJ2.Blazor.Navigations.ClickEventArgs
      */
     toolbarClick?: EmitType<ClickEventArgs>;
 
@@ -963,16 +941,13 @@ export interface GanttModel extends ComponentModel{
      * Triggers when click on column menu.
      *
      * @event columnMenuClick
-     * @blazorproperty 'ColumnMenuClicked'
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.ColumnMenuClickEventArgs
-     */
+     */
     columnMenuClick?: EmitType<ColumnMenuClickEventArgs>;
 
     /**
      * Triggers before context menu opens.
      *
      * @event contextMenuOpen
-     * @blazorType Syncfusion.EJ2.Blazor.Gantt.ContextMenuOpenEventArgs<TValue>
      */
     contextMenuOpen?: EmitType<CMenuOpenEventArgs>;
 
@@ -980,8 +955,6 @@ export interface GanttModel extends ComponentModel{
      * Triggers when click on context menu.
      *
      * @event contextMenuClick
-     * @blazorproperty 'ContextMenuItemClicked'
-     * @blazorType Syncfusion.EJ2.Blazor.Gantt.ContextMenuClickEventArgs<TValue>
      */
     contextMenuClick?: EmitType<CMenuClickEventArgs>;
 

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

@@ -274,6 +274,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
     /** @hidden */
     showActiveElement: boolean;
     /** @hidden */
+    addDeleteRecord: boolean;
+    /** @hidden */
     enableHeaderFocus: boolean;
     /** @hidden */
     enableValidation: boolean;
@@ -362,7 +364,6 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      *
      * @default 0
      * @aspType int
-     * @blazorType int
      */
     treeColumnIndex: number;
     /**
@@ -508,29 +509,24 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      *
      * @default 36
      * @aspType int
-     * @blazorType int
      */
     rowHeight: number;
     /**
      * Defines height of taskbar element in Gantt.
      *
      * @aspType int?
-     * @blazorType int
-     * @isBlazorNullableType true
      */
     taskbarHeight: number;
     /**
      * Defines start date of the project, if `projectStartDate` value not set then it will be calculated from data source.
      *
      * @default null
-     * @blazorType Date
      */
     projectStartDate: Date | string;
     /**
      * Defines end date of the project, if `projectEndDate` value not set then it will be calculated from data source.
      *
      * @default null
-     * @blazorType Date
      */
     projectEndDate: Date | string;
     /**
@@ -568,7 +564,6 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      *
      * @default 1
      * @aspType int
-     * @blazorType int
      */
     connectorLineWidth: number;
     /**
@@ -601,7 +596,6 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      *
      * @default -1
      * @aspType int
-     * @blazorType int
      */
     selectedRowIndex: number;
     /**
@@ -907,24 +901,18 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * Triggers when Gantt actions such as sorting, filtering, searching etc., starts.
      *
      * @event actionBegin
-     * @blazorproperty 'OnActionBegin'
-     * @blazorType Syncfusion.EJ2.Blazor.Gantt.ActionBeginArgs<TValue>
      */
     actionBegin: EmitType<Object | PageEventArgs | FilterEventArgs | SortEventArgs | ITimeSpanEventArgs | IDependencyEventArgs | ITaskAddedEventArgs | ZoomEventArgs>;
     /**
      * Triggers when Gantt actions such as sorting, filtering, searching etc. are completed.
      *
      * @event actionComplete
-     * @blazorproperty 'OnActionComplete'
-     * @blazorType Syncfusion.EJ2.Blazor.Gantt.ActionCompleteArgs<TValue>
      */
     actionComplete: EmitType<FilterEventArgs | SortEventArgs | ITaskAddedEventArgs | IKeyPressedEventArgs | ZoomEventArgs>;
     /**
      * Triggers when actions are failed.
      *
      * @event actionFailure
-     * @blazorproperty 'OnActionFailure'
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.FailureEventArgs
      */
     actionFailure: EmitType<FailureEventArgs>;
     /**
@@ -950,14 +938,12 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * This will be triggered a cell get begins to edit.
      *
      * @event cellEdit
-     * @blazorproperty 'OnCellEdit'
      */
     cellEdit: EmitType<CellEditArgs>;
     /**
      * Triggered before the Gantt control gets rendered.
      *
      * @event load
-     * @blazorproperty 'OnLoad'
      */
     load: EmitType<Object>;
     /**
@@ -1009,14 +995,12 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * Triggers when splitter resizing starts.
      *
      * @event splitterResizeStart
-     * @blazorType Syncfusion.EJ2.Blazor.Layouts.ResizeEventArgs
      */
     splitterResizeStart: EmitType<ResizeEventArgs>;
     /**
      * Triggers when splitter bar was dragging.
      *
      * @event splitterResizing
-     * @blazorType Syncfusion.EJ2.Blazor.Layouts.ResizingEventArgs
      */
     splitterResizing: EmitType<ResizingEventArgs>;
     /**
@@ -1087,7 +1071,6 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * Triggers after a cell is selected.
      *
      * @event cellSelected
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.CellSelectEventArgs<TValue>
      */
     cellSelected: EmitType<CellSelectEventArgs>;
     /**
@@ -1114,7 +1097,6 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * This will be triggered before the header cell element is appended to the Grid element.
      *
      * @event headerCellInfo
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.HeaderCellInfoEventArgs
      */
     headerCellInfo: EmitType<HeaderCellInfoEventArgs>;
     /**
@@ -1134,31 +1116,24 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * Triggers when toolbar item was clicked.
      *
      * @event toolbarClick
-     * @blazorproperty 'OnToolbarClick'
-     * @blazorType Syncfusion.EJ2.Blazor.Navigations.ClickEventArgs
      */
     toolbarClick: EmitType<ClickEventArgs>;
     /**
      * Triggers when click on column menu.
      *
      * @event columnMenuClick
-     * @blazorproperty 'ColumnMenuClicked'
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.ColumnMenuClickEventArgs
      */
     columnMenuClick: EmitType<ColumnMenuClickEventArgs>;
     /**
      * Triggers before context menu opens.
      *
      * @event contextMenuOpen
-     * @blazorType Syncfusion.EJ2.Blazor.Gantt.ContextMenuOpenEventArgs<TValue>
      */
     contextMenuOpen: EmitType<CMenuOpenEventArgs>;
     /**
      * Triggers when click on context menu.
      *
      * @event contextMenuClick
-     * @blazorproperty 'ContextMenuItemClicked'
-     * @blazorType Syncfusion.EJ2.Blazor.Gantt.ContextMenuClickEventArgs<TValue>
      */
     contextMenuClick: EmitType<CMenuClickEventArgs>;
     constructor(options?: GanttModel, element?: string | HTMLElement);
@@ -1561,7 +1536,6 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @param  {workbook} workbook - Defines the Workbook if multiple export is enabled.
      * @param  {boolean} isBlob - If 'isBlob' set to true, then it will be returned as blob data.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     excelExport(excelExportProperties?: ExcelExportProperties, isMultipleExport?: boolean, workbook?: any, isBlob?: boolean): Promise<any>;
     /**
@@ -1572,7 +1546,6 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @param  {workbook} workbook - Defines the Workbook if multiple export is enabled.
      * @param  {boolean} isBlob - If 'isBlob' set to true, then it will be returned as blob data.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     csvExport(excelExportProperties?: ExcelExportProperties, isMultipleExport?: boolean, workbook?: any, isBlob?: boolean): Promise<any>;
     /**
@@ -1582,7 +1555,6 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @param  {isMultipleExport} isMultipleExport - Define to enable multiple export.
      * @param  {pdfDoc} pdfDoc - Defined the Pdf Document if multiple export is enabled.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     pdfExport(pdfExportProperties?: PdfExportProperties, isMultipleExport?: boolean, pdfDoc?: Object): Promise<Object>;
     /**

package/src/gantt/base/gantt.js

@@ -79,6 +79,8 @@ var Gantt = /** @class */ (function (_super) {
         /** @hidden */
         _this.showActiveElement = true;
         /** @hidden */
+        _this.addDeleteRecord = false;
+        /** @hidden */
         _this.enableHeaderFocus = true;
         /** @hidden */
         _this.enableValidation = true;
@@ -265,7 +267,19 @@ var Gantt = /** @class */ (function (_super) {
      * @returns {void} .
      */
     Gantt.prototype.calculateDimensions = function () {
-        var settingsHeight = this.validateDimentionValue(this.height);
+        var settingsHeight;
+        if (typeof (this.height) !== 'number' && this.height.indexOf('%') !== -1 && (this.element.parentElement &&
+            !this.element.parentElement.style.height)) {
+            var ganttHeight = Number(this.height.split("%")[0]);
+            ganttHeight = (ganttHeight * window.innerHeight) / 100;
+            if (this.height === '100%') {
+                ganttHeight = ganttHeight - 16;
+            }
+            settingsHeight = this.validateDimentionValue(ganttHeight);
+        }
+        else {
+            settingsHeight = this.validateDimentionValue(this.height);
+        }
         var settingsWidth = this.validateDimentionValue(this.width);
         if (!isNullOrUndefined(this.width) && typeof (this.width) === 'string' && this.width.indexOf('%') !== -1) {
             settingsWidth = this.width;
@@ -406,6 +420,33 @@ var Gantt = /** @class */ (function (_super) {
      */
     Gantt.prototype.windowResize = function () {
         if (!isNullOrUndefined(this.element)) {
+            var settingsHeight = void 0;
+            if (this.height.indexOf('%') !== -1) {
+                var ganttHeight = Number(this.height.split("%")[0]);
+                if (this.element.parentElement && this.element.parentElement.style.height) {
+                    var containerHeight = Number(this.element.parentElement.style.height.split("px")[0]);
+                    ganttHeight = (ganttHeight * containerHeight) / 100;
+                }
+                else {
+                    ganttHeight = Number(this.height.split("%")[0]);
+                    ganttHeight = (ganttHeight * window.innerHeight) / 100;
+                }
+                if (this.height === '100%') {
+                    ganttHeight = ganttHeight - 16;
+                }
+                var toolbarHeight = 0;
+                if (!isNullOrUndefined(this.toolbarModule) && !isNullOrUndefined(this.toolbarModule.element)) {
+                    toolbarHeight = this.toolbarModule.element.offsetHeight;
+                }
+                var contentHeight = ganttHeight - this.ganttChartModule.chartTimelineContainer.offsetHeight - toolbarHeight;
+                settingsHeight = this.validateDimentionValue(ganttHeight);
+                this.element.style.height = settingsHeight;
+                this.element.querySelectorAll('.e-content')[0]['style'].height = contentHeight + 'px';
+                this.element.querySelectorAll('.e-content')[2]['style'].height = contentHeight + 'px';
+            }
+            else {
+                settingsHeight = this.validateDimentionValue(this.height);
+            }
             this.updateContentHeight();
             this.ganttChartModule.updateWidthAndHeight(); // Updating chart scroll conatiner height for row mismatch
             this.treeGridModule.ensureScrollBar();
@@ -1313,6 +1354,23 @@ var Gantt = /** @class */ (function (_super) {
         this.treeGrid.height = this.ganttHeight - toolbarHeight -
             this.treeGrid.grid.getHeaderContent().offsetHeight;
         this.splitterModule.splitterObject.height = (this.ganttHeight - toolbarHeight).toString();
+        if (!isNullOrUndefined(this.chartVerticalLineContainer)) {
+            this.chartVerticalLineContainer.style.height = this.ganttHeight + 'px';
+        }
+        if (!isNullOrUndefined(this.dayMarkersModule)) {
+            var holidayContainer = getValue('nonworkingDayRender.holidayContainer', this.dayMarkersModule);
+            var weekendContainer = getValue('nonworkingDayRender.weekendContainer', this.dayMarkersModule);
+            var eventMarkersContainer = getValue('eventMarkerRender.eventMarkersContainer', this.dayMarkersModule);
+            if (holidayContainer) {
+                holidayContainer.style.height = this.ganttHeight + 'px';
+            }
+            if (weekendContainer) {
+                weekendContainer.style.height = this.ganttHeight + 'px';
+            }
+            if (eventMarkersContainer) {
+                eventMarkersContainer.style.height = this.ganttHeight + 'px';
+            }
+        }
         this.splitterModule.splitterObject.width = this.ganttWidth.toString();
         this.ganttChartModule.scrollObject.
             setHeight(this.ganttHeight - this.ganttChartModule.chartTimelineContainer.offsetHeight - toolbarHeight);
@@ -1589,7 +1647,6 @@ var Gantt = /** @class */ (function (_super) {
      * @param  {workbook} workbook - Defines the Workbook if multiple export is enabled.
      * @param  {boolean} isBlob - If 'isBlob' set to true, then it will be returned as blob data.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     Gantt.prototype.excelExport = function (excelExportProperties, isMultipleExport, 
     /* eslint-disable-next-line */
@@ -1604,7 +1661,6 @@ var Gantt = /** @class */ (function (_super) {
      * @param  {workbook} workbook - Defines the Workbook if multiple export is enabled.
      * @param  {boolean} isBlob - If 'isBlob' set to true, then it will be returned as blob data.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     Gantt.prototype.csvExport = function (excelExportProperties, 
     /* eslint-disable-next-line */
@@ -1618,7 +1674,6 @@ var Gantt = /** @class */ (function (_super) {
      * @param  {isMultipleExport} isMultipleExport - Define to enable multiple export.
      * @param  {pdfDoc} pdfDoc - Defined the Pdf Document if multiple export is enabled.
      * @returns {Promise<any>} .
-     * @blazorType void
      */
     Gantt.prototype.pdfExport = function (pdfExportProperties, isMultipleExport, pdfDoc) {
         return this.pdfExportModule ? this.pdfExportModule.export(pdfExportProperties, isMultipleExport, pdfDoc)