@syncfusion/ej2-gantt 19.2.62 → 19.3.46

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

@@ -398,10 +398,7 @@ export interface PredecessorTooltip {
 export interface BeforeTooltipRenderEventArgs {
     /** Defines the data. */
     data?: BeforeTooltipRenderEventArgsData;
-    /** Defines the original event arguments of tooltip control.
-     *
-     * @blazorType Syncfusion.EJ2.Blazor.Popups.TooltipEventArgs
-     */
+    /** Defines the original event arguments of tooltip control. */
     args?: TooltipEventArgs;
     /** Defines the content. */
     content?: string | Element;
@@ -490,13 +487,7 @@ export interface ContextMenuOpenEventArgs extends GridContextMenuOpenEventArgs {
     disableItems?: string[];
     /** Defines the target element. */
     target?: Element;
-    /**
-     * @blazorType double?
-     */
     top?: number;
-    /**
-     * @blazorType double?
-     */
     left?: number;
 }
 export interface ContextMenuClickEventArgs extends GridContextMenuClickEventArgs {
@@ -577,17 +568,11 @@ export interface RowDataBoundEventArgs extends GridRowDataBoundEventArgs {
     row?: Element;
 }
 export interface RowDeselectEventArgs extends GridRowDeselectEventArgs {
-    /** Defines the selected/deselected row index.
-     *
-     * @blazorType double[]
-     */
+    /** Defines the selected/deselected row index. */
     rowIndex?: number;
     /** Defines the data collections. */
     data?: IGanttData[];
-    /** Defines the selected/deselected row.
-     *
-     * @blazorType List<DOM>
-     */
+    /** Defines the selected/deselected row. */
     row?: Element;
 }
 export interface ActionCompleteArgs extends ZoomEventArgs, IKeyPressedEventArgs {
@@ -668,10 +653,7 @@ export interface CellEditArgs {
     primaryKey?: string[];
 }
 export interface CellSelectingEventArgs extends GridCellSelectingEventArgs {
-    /** Defines the previously selected cell index.
-     *
-     * @blazorType object
-     */
+    /** Defines the previously selected cell index */
     previousRowCellIndex?: number;
 }
 export interface ScrollArgs {

package/src/gantt/base/splitter.js

@@ -86,8 +86,13 @@ var Splitter = /** @class */ (function () {
                 return this.getSpliterPositionInPercentage(splitter.position);
             }
             else if (!isNullOrUndefined(splitter.columnIndex) && splitter.columnIndex >= 0) {
-                return isDynamic ? this.getSpliterPositionInPercentage(this.getTotalColumnWidthByIndex(splitter.columnIndex).toString() + 'px') :
-                    this.getSpliterPositionInPercentage((splitter.columnIndex * 150) + 'px');
+                if ((splitter.columnIndex * 150) < this.parent.ganttWidth || !this.parent.element.classList.contains('e-device')) {
+                    return isDynamic ? this.getSpliterPositionInPercentage(this.getTotalColumnWidthByIndex(splitter.columnIndex).toString() + 'px') :
+                        this.getSpliterPositionInPercentage((splitter.columnIndex * 150) + 'px');
+                }
+                else {
+                    return this.getSpliterPositionInPercentage((splitter.columnIndex * 130) + 'px');
+                }
             }
             else {
                 return this.getSpliterPositionInPercentage('250px');

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

@@ -364,6 +364,7 @@ var TaskProcessor = /** @class */ (function (_super) {
         this.parent.setRecordValue('isAutoSchedule', autoSchedule, ganttProperties, true);
         this.parent.setRecordValue('resourceInfo', this.setResourceInfo(data), ganttProperties, true);
         this.parent.setRecordValue('isMilestone', false, ganttProperties, true);
+        this.parent.setRecordValue('indicators', data[taskSettings.indicators], ganttProperties, true);
         this.updateResourceName(ganttData);
         this.calculateScheduledValues(ganttData, data, isLoad);
         this.parent.setRecordValue('baselineStartDate', this.checkBaselineStartDate(baselineStartDate), ganttProperties, true);
@@ -375,7 +376,6 @@ var TaskProcessor = /** @class */ (function (_super) {
         this.parent.setRecordValue('progress', progress, ganttProperties, true);
         this.parent.setRecordValue('totalProgress', progress, ganttProperties, true);
         this.parent.setRecordValue('predecessorsName', predecessors, ganttProperties, true);
-        this.parent.setRecordValue('indicators', data[taskSettings.indicators], ganttProperties, true);
         this.parent.setRecordValue('notes', notes, ganttProperties, true);
         this.parent.setRecordValue('cssClass', data[taskSettings.cssClass], ganttProperties, true);
         this.parent.setRecordValue('parentItem', this.getCloneParent(parentItem), ganttData);
@@ -650,6 +650,7 @@ var TaskProcessor = /** @class */ (function (_super) {
         }
     };
     TaskProcessor.prototype.addTaskData = function (ganttData, data, isLoad) {
+        var _this = this;
         var taskSettings = this.parent.taskFields;
         var dataManager = this.parent.dataSource;
         if (isLoad) {
@@ -658,8 +659,15 @@ var TaskProcessor = /** @class */ (function (_super) {
                 if (taskSettings.parentID) {
                     var id = data[taskSettings.id];
                     var index = this.taskIds.indexOf(id.toString());
-                    var tempData = (index > -1) ? this.dataArray[index] : {};
-                    this.parent.setRecordValue('taskData', tempData, ganttData);
+                    var tempData_1 = (index > -1) ? this.dataArray[index] : {};
+                    if (!isNullOrUndefined(this.parent.taskFields.segmentId)) {
+                        var segmentDataCollection = this.segmentCollection.
+                            filter(function (x) { return x.key === tempData_1[_this.parent.taskFields.id]; });
+                        if (segmentDataCollection.length > 0) {
+                            tempData_1[this.parent.taskFields.segments] = segmentDataCollection[0].items;
+                        }
+                    }
+                    this.parent.setRecordValue('taskData', tempData_1, ganttData);
                 }
                 else {
                     this.parent.setRecordValue('taskData', data, ganttData);

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

@@ -294,8 +294,14 @@ var GanttTreeGrid = /** @class */ (function () {
             setValue('action', 'CellEditing', updatedArgs);
             this.parent.isCancelled = false;
         }
-        if (getValue('requestType', args) === 'refresh' && isNullOrUndefined(getValue('type', args))) {
-            this.parent.selectRow(this.parent.selectedRowIndex);
+        if (getValue('requestType', args) === 'refresh' && isNullOrUndefined(getValue('type', args)) && this.parent.addDeleteRecord) {
+            if (this.parent.selectedRowIndex != -1) {
+                this.parent.selectRow(this.parent.selectedRowIndex);
+            }
+            else {
+                this.parent.selectRow(0);
+            }
+            this.parent.addDeleteRecord = false;
         }
         this.parent.trigger('actionComplete', updatedArgs);
     };

package/src/gantt/base/utils.js

@@ -3,7 +3,7 @@
  */
 import { isNullOrUndefined, extend, getValue } from '@syncfusion/ej2-base';
 import { DataManager, UrlAdaptor, WebApiAdaptor, ODataAdaptor } from '@syncfusion/ej2-data';
-import { WebMethodAdaptor, CacheAdaptor, RemoteSaveAdaptor, ODataV4Adaptor, JsonAdaptor } from '@syncfusion/ej2-data';
+import { WebMethodAdaptor, CacheAdaptor, RemoteSaveAdaptor, ODataV4Adaptor } from '@syncfusion/ej2-data';
 /**
  * @param {Element} elem .
  * @param {string} selector .
@@ -75,7 +75,7 @@ export function isRemoteData(dataSource) {
         return (adaptor instanceof ODataAdaptor || (adaptor instanceof ODataV4Adaptor) ||
             (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
             (adaptor instanceof CacheAdaptor) || (adaptor instanceof RemoteSaveAdaptor) ||
-            (adaptor instanceof JsonAdaptor) || adaptor instanceof UrlAdaptor);
+            adaptor instanceof UrlAdaptor);
     }
     return false;
 }

package/src/gantt/export/export-helper.js

@@ -171,7 +171,7 @@ var ExportHelper = /** @class */ (function () {
         var taskFields = this.parent.taskFields;
         var ganttProps = data.ganttProperties;
         if (column.editType === 'datepickeredit' || column.editType === 'datetimepickeredit') {
-            cell.value = this.parent.getFormatedDate(data[column.field], this.parent.getDateFormat());
+            cell.value = data[column.field];
         }
         else if (column.field === taskFields.duration) {
             cell.value = this.parent.getDurationString(ganttProps.duration, ganttProps.durationUnit);
@@ -194,20 +194,18 @@ var ExportHelper = /** @class */ (function () {
         else {
             cell.style.format.paragraphIndent = cell.row.level * 10;
         }
-        if (this.parent.pdfQueryCellInfo != null) {
-            var args = {
-                data: data,
-                value: cell.value,
-                column: column,
-                style: cell.style,
-                cell: cell
-            };
-            args.value = this.exportValueFormatter.formatCellValue(args);
-            if (this.parent.pdfQueryCellInfo) {
-                this.parent.trigger('pdfQueryCellInfo', args);
-            }
-            cell.value = args.value;
+        var args = {
+            data: data,
+            value: cell.value,
+            column: column,
+            style: cell.style,
+            cell: cell
+        };
+        args.value = this.exportValueFormatter.formatCellValue(args);
+        if (this.parent.pdfQueryCellInfo) {
+            this.parent.trigger('pdfQueryCellInfo', args);
         }
+        cell.value = args.value;
     };
     /**
      * Method for create the taskbar collection for rendering

package/src/gantt/models/column.d.ts

@@ -1,6 +1,7 @@
 import { NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
 import { TextAlign, ClipMode, ValueAccessor, IEditCell, IFilter } from '@syncfusion/ej2-grids';
 import { IGanttCellFormatter } from '../base/interface';
+import { SortComparer } from '@syncfusion/ej2-grids';
 /**
  * Configures column collection in Gantt.
  */
@@ -60,7 +61,6 @@ export declare class Column {
      * @default Syncfusion.EJ2.Grids.ClipMode.EllipsisWithTooltip
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.ClipMode
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.ClipMode
      */
     clipMode: ClipMode;
     /**
@@ -89,6 +89,10 @@ export declare class Column {
      * @default 'stringedit'
      */
     editType: string;
+    /**
+     * Defines the custom sort comparer function.
+     */
+    sortComparer: SortComparer | string;
     /**
      * Defines the field name of column which is mapped with mapping name of DataSource.
      * The `field` name must be a valid JavaScript identifier,
@@ -103,7 +107,6 @@ export declare class Column {
      *
      * @default null
      * @aspType string
-     * @blazorType object
      */
     format: string | NumberFormatOptions | DateFormatOptions;
     /**
@@ -261,7 +264,6 @@ export interface ColumnModel {
      * @default Syncfusion.EJ2.Grids.ClipMode.EllipsisWithTooltip
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.ClipMode
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.ClipMode
      */
     clipMode?: ClipMode;
     /**
@@ -306,7 +308,6 @@ export interface ColumnModel {
      *
      * @default null
      * @aspType string
-     * @blazorType object
      */
     format?: string | NumberFormatOptions | DateFormatOptions;
     /**
@@ -337,7 +338,6 @@ export interface ColumnModel {
      * @default Syncfusion.EJ2.Grids.TextAlign.Left
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.TextAlign
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.TextAlign
      */
     headerTextAlign?: TextAlign;
     /**
@@ -372,7 +372,6 @@ export interface ColumnModel {
      * @default Syncfusion.EJ2.Grids.TextAlign.Left
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.TextAlign
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.TextAlign
      */
     textAlign?: TextAlign;
     /**
@@ -411,4 +410,10 @@ export interface ColumnModel {
      * @private
      */
     type?: string;
+    /**
+     * Defines the sort comparer property.
+     *
+     * @default null
+     */
+    sortComparer?: SortComparer | string;
 }

package/src/gantt/models/day-working-time-model.d.ts

@@ -9,8 +9,6 @@ export interface DayWorkingTimeModel {
      * Defines start time of working time range.
      *
      * @default null
-     * @blazorType double?
-     * @blazorDefaultValue null
      */
     from?: number;
 
@@ -18,8 +16,6 @@ export interface DayWorkingTimeModel {
      * Defines end time of working time range.
      *
      * @default null
-     * @blazorType double?
-     * @blazorDefaultValue null
      */
     to?: number;
 

package/src/gantt/models/day-working-time.d.ts

@@ -7,16 +7,12 @@ export declare class DayWorkingTime extends ChildProperty<DayWorkingTime> {
      * Defines start time of working time range.
      *
      * @default null
-     * @blazorType double?
-     * @blazorDefaultValue null
      */
     from: number;
     /**
      * Defines end time of working time range.
      *
      * @default null
-     * @blazorType double?
-     * @blazorDefaultValue null
      */
     to: number;
 }

package/src/gantt/models/selection-settings-model.d.ts

@@ -11,7 +11,6 @@ export interface SelectionSettingsModel {
      * @default Syncfusion.EJ2.Grids.SelectionMode.Row
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionMode
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.SelectionMode
      */
     mode?: SelectionMode;
 
@@ -21,7 +20,6 @@ export interface SelectionSettingsModel {
      * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.CellSelectionMode
      */
     cellSelectionMode?: CellSelectionMode;
 
@@ -32,10 +30,8 @@ export interface SelectionSettingsModel {
      *
      * @default Syncfusion.EJ2.Grids.SelectionType.Single
      * @aspDefaultValueIgnore
-     * @blazorDefaultValueIgnore
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionType
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.SelectionType
      */
     type?: SelectionType;
 

package/src/gantt/models/selection-settings.d.ts

@@ -10,7 +10,6 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
      * @default Syncfusion.EJ2.Grids.SelectionMode.Row
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionMode
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.SelectionMode
      */
     mode: SelectionMode;
     /**
@@ -19,7 +18,6 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
      * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.CellSelectionMode
      */
     cellSelectionMode: CellSelectionMode;
     /**
@@ -29,10 +27,8 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
      *
      * @default Syncfusion.EJ2.Grids.SelectionType.Single
      * @aspDefaultValueIgnore
-     * @blazorDefaultValueIgnore
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionType
-     * @blazorType Syncfusion.EJ2.Blazor.Grids.SelectionType
      */
     type: SelectionType;
     /**

package/src/gantt/renderer/chart-rows.d.ts

@@ -172,7 +172,6 @@ export declare class ChartRows extends DateProcessor {
      * @private
      */
     getTemplateID(templateName: string): string;
-    private updateTaskbarBlazorTemplate;
     private leftLabelContainer;
     private taskbarContainer;
     private rightLabelContainer;

package/src/gantt/renderer/chart-rows.js

@@ -12,7 +12,7 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 import { createElement, isNullOrUndefined, extend, compile, getValue, setValue } from '@syncfusion/ej2-base';
-import { formatUnit, updateBlazorTemplate, resetBlazorTemplate, addClass } from '@syncfusion/ej2-base';
+import { formatUnit, addClass } from '@syncfusion/ej2-base';
 import { isScheduledTask } from '../base/utils';
 import { DataManager, Query } from '@syncfusion/ej2-data';
 import * as cls from '../base/css-constants';
@@ -174,7 +174,7 @@ var ChartRows = /** @class */ (function (_super) {
                 labelString = this.getTaskLabel(this.parent.labelSettings.taskLabel);
                 labelString = labelString === 'isCustomTemplate' ? this.parent.labelSettings.taskLabel : labelString;
             }
-            if (labelString) {
+            if (labelString !== 'null') {
                 taskLabel = '<span class="' + cls.taskLabel + '" style="line-height:' +
                     (this.taskBarHeight - 1) + 'px; text-align:' + (this.parent.viewType === 'ResourceView' ? 'left;' : '') +
                     'display:' + (this.parent.viewType === 'ResourceView' ? 'inline-flex;' : '') +
@@ -777,7 +777,7 @@ var ChartRows = /** @class */ (function (_super) {
                 labelString = this.getTaskLabel(this.parent.labelSettings.taskLabel);
                 labelString = labelString === 'isCustomTemplate' ? this.parent.labelSettings.taskLabel : labelString;
             }
-            if (labelString !== '') {
+            if (labelString !== 'null') {
                 labelDiv = this.createDivElement('<span class="' +
                     cls.taskLabel + '" style="line-height:' +
                     (this.taskBarHeight - 1) + 'px; display:' + (this.parent.viewType === 'ResourceView' ? 'inline-flex;' : '') + 'width:' +
@@ -866,70 +866,6 @@ var ChartRows = /** @class */ (function (_super) {
         var ganttID = this.parent.element.id;
         return ganttID + templateName;
     };
-    ChartRows.prototype.updateTaskbarBlazorTemplate = function (isUpdate, ganttData) {
-        var isMilestone = true;
-        var isParent = true;
-        var isChild = true;
-        if (ganttData) {
-            if (ganttData.ganttProperties.isMilestone) {
-                isParent = isChild = false;
-            }
-            else if (ganttData.hasChildRecords) {
-                isMilestone = isChild = false;
-            }
-            else if (!ganttData.hasChildRecords) {
-                isParent = isMilestone = false;
-            }
-        }
-        if (this.parentTaskbarTemplateFunction && isParent) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('ParentTaskbarTemplate'), 'ParentTaskbarTemplate', this.parent, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('ParentTaskbarTemplate'), 'ParentTaskbarTemplate');
-            }
-        }
-        if (this.childTaskbarTemplateFunction && isChild) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('TaskbarTemplate'), 'TaskbarTemplate', this.parent, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('TaskbarTemplate'), 'TaskbarTemplate');
-            }
-        }
-        if (this.milestoneTemplateFunction && isMilestone) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('MilestoneTemplate'), 'MilestoneTemplate', this.parent, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('MilestoneTemplate'), 'MilestoneTemplate');
-            }
-        }
-        if (this.leftTaskLabelTemplateFunction) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('LeftLabelTemplate'), 'LeftLabelTemplate', this.parent.labelSettings, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('LeftLabelTemplate'), 'LeftLabelTemplate');
-            }
-        }
-        if (this.rightTaskLabelTemplateFunction) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('RightLabelTemplate'), 'RightLabelTemplate', this.parent.labelSettings, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('RightLabelTemplate'), 'RightLabelTemplate');
-            }
-        }
-        if (this.taskLabelTemplateFunction && (isParent || isChild)) {
-            if (isUpdate) {
-                updateBlazorTemplate(this.getTemplateID('TaskLabelTemplate'), 'TaskLabelTemplate', this.parent.labelSettings, false);
-            }
-            else {
-                resetBlazorTemplate(this.getTemplateID('TaskLabelTemplate'), 'TaskLabelTemplate');
-            }
-        }
-    };
     ChartRows.prototype.leftLabelContainer = function () {
         var template = '<div class="' + ((this.leftTaskLabelTemplateFunction) ? cls.leftLabelTempContainer :
             cls.leftLabelContainer) + ' ' + '" tabindex="-1" style="height:' +
@@ -1221,7 +1157,6 @@ var ChartRows = /** @class */ (function (_super) {
      * @private
      */
     ChartRows.prototype.createTaskbarTemplate = function () {
-        this.updateTaskbarBlazorTemplate(false);
         var trs = [].slice.call(this.ganttChartTableBody.querySelectorAll('tr'));
         this.ganttChartTableBody.innerHTML = '';
         var collapsedResourceRecord = [];
@@ -1280,7 +1215,6 @@ var ChartRows = /** @class */ (function (_super) {
             }
         }
         this.parent.renderTemplates();
-        this.updateTaskbarBlazorTemplate(true);
     };
     /**
      * To render taskbars.
@@ -1697,7 +1631,6 @@ var ChartRows = /** @class */ (function (_super) {
      */
     ChartRows.prototype.refreshRecords = function (items, isValidateRange) {
         if (this.parent.isGanttChartRendered) {
-            this.updateTaskbarBlazorTemplate(false);
             this.parent.renderTemplates();
             if (this.parent.viewType === 'ResourceView' && this.parent.enableMultiTaskbar) {
                 var sortedRecords = [];
@@ -1710,7 +1643,6 @@ var ChartRows = /** @class */ (function (_super) {
                 this.refreshRow(index, isValidateRange);
             }
             this.parent.ganttChartModule.updateLastRowBottomWidth();
-            this.updateTaskbarBlazorTemplate(true);
         }
     };
     ChartRows.prototype.removeEventListener = function () {

package/src/gantt/renderer/nonworking-day.js

@@ -37,7 +37,7 @@ var NonWorkingDay = /** @class */ (function () {
             }
             this.holidayContainer.innerHTML = this.getHolidaysElement().innerHTML;
         }
-        else if (this.holidayContainer) {
+        else if (this.holidayContainer && this.holidayContainer.parentNode) {
             remove(this.holidayContainer);
             if (this.nonworkingContainer && this.nonworkingContainer.childNodes.length === 0) {
                 remove(this.nonworkingContainer);

package/styles/bootstrap-dark.css

@@ -738,6 +738,10 @@
           user-select: none;
 }
 
+.e-gantt .e-gantt-chart .e-chart-rows-container {
+  line-height: initial;
+}
+
 .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
 .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
   display: inline-block;
@@ -1183,6 +1187,14 @@
   opacity: 1;
 }
 
+.e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
+  content: '';
+}
+
+.e-bigger .e-gantt .e-gantt-chart .e-label {
+  font-size: 14px;
+}
+
 .e-gantt-tooltip-label {
   padding-bottom: 2px;
   padding-right: 2px;
@@ -1272,6 +1284,10 @@
   border-radius: 4px;
 }
 
+.e-gantt .e-gantt-splitter-height {
+  height: calc(100% - 41px) !important;
+}
+
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   opacity: .95;
@@ -1381,6 +1397,7 @@
 
 .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
   background: #484848;
+  opacity: 1;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-header-container {

package/styles/bootstrap.css

@@ -888,6 +888,10 @@
           user-select: none;
 }
 
+.e-gantt .e-gantt-chart .e-chart-rows-container {
+  line-height: initial;
+}
+
 .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
 .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
   display: inline-block;
@@ -1333,6 +1337,14 @@
   opacity: 1;
 }
 
+.e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
+  content: '';
+}
+
+.e-bigger .e-gantt .e-gantt-chart .e-label {
+  font-size: 14px;
+}
+
 .e-gantt-tooltip-label {
   padding-bottom: 2px;
   padding-right: 2px;
@@ -1422,6 +1434,10 @@
   border-radius: 4px;
 }
 
+.e-gantt .e-gantt-splitter-height {
+  height: calc(100% - 41px) !important;
+}
+
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: .95;
@@ -1531,6 +1547,7 @@
 
 .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
   background: #c6ddf0;
+  opacity: 1;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-header-container {

package/styles/bootstrap4.css

@@ -358,6 +358,11 @@
   background: transparent;
 }
 
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -1100,6 +1105,10 @@
           user-select: none;
 }
 
+.e-gantt .e-gantt-chart .e-chart-rows-container {
+  line-height: initial;
+}
+
 .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
 .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
   display: inline-block;
@@ -1545,6 +1554,14 @@
   opacity: 1;
 }
 
+.e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
+  content: '';
+}
+
+.e-bigger .e-gantt .e-gantt-chart .e-label {
+  font-size: 16px;
+}
+
 .e-gantt-tooltip-label {
   padding-bottom: 2px;
   padding-right: 2px;
@@ -1634,6 +1651,10 @@
   border-radius: 0px;
 }
 
+.e-gantt .e-gantt-splitter-height {
+  height: calc(100% - 38px) !important;
+}
+
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: .95;
@@ -1743,6 +1764,7 @@
 
 .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
   background: rgba(0, 123, 255, 0.16);
+  opacity: 1;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-header-container {