@syncfusion/ej2-gantt 23.2.5 → 24.1.41

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

@@ -1,8 +1,19 @@
-import { PdfFontFamily } from '@syncfusion/ej2-pdf-export';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { PdfFontFamily, PdfTextWebLink } from '@syncfusion/ej2-pdf-export';
 import { PdfStringFormat, PdfPageCountField, PdfPageNumberField } from '@syncfusion/ej2-pdf-export';
 import { PdfPageTemplateElement, RectangleF, PdfCompositeField, PointF } from '@syncfusion/ej2-pdf-export';
 import { PdfVerticalAlignment, PdfTextAlignment, PdfStandardFont } from '@syncfusion/ej2-pdf-export';
-import { PdfFontStyle, PdfColor, PdfPen, PdfSolidBrush } from '@syncfusion/ej2-pdf-export';
+import { PdfFontStyle, PdfColor, PdfPen, PdfSolidBrush, SizeF, PdfBitmap } from '@syncfusion/ej2-pdf-export';
 import { PdfBorders, PdfPaddings } from './pdf-base/index';
 import { isNullOrUndefined, Internationalization, getValue, extend } from '@syncfusion/ej2-base';
 import { getForeignData, ValueFormatter } from '@syncfusion/ej2-grids';
@@ -185,8 +196,7 @@ var ExportHelper = /** @class */ (function () {
     };
     ExportHelper.prototype.isColumnVisible = function (column) {
         var visibleColumn = column.visible || this.exportProps.includeHiddenColumn;
-        var templateColumn = !isNullOrUndefined(column.template) ? false : true;
-        return (visibleColumn && templateColumn);
+        return (visibleColumn);
     };
     ExportHelper.prototype.processGanttContent = function () {
         var _this = this;
@@ -218,14 +228,23 @@ var ExportHelper = /** @class */ (function () {
      * @returns {void} .
      */
     ExportHelper.prototype.processTimeline = function () {
+        if (this.parent.enableTimelineVirtualization) {
+            this.parent.timelineModule.createTimelineSeries();
+        }
         var timelineSettings = this.parent.timelineModule;
         this.gantt.chartHeader.topTierHeight = this.gantt.chartHeader.bottomTierHeight
             = (this.parent.timelineModule.isSingleTier ? 45 : 60 / 2);
         this.gantt.chartHeader.topTierCellWidth = timelineSettings.topTierCellWidth;
         this.gantt.chartHeader.bottomTierCellWidth = timelineSettings.bottomTierCellWidth;
-        this.gantt.chartHeader.topTier = extend([], [], timelineSettings.topTierCollection, true);
-        this.gantt.chartHeader.bottomTier = extend([], [], timelineSettings.bottomTierCollection, true);
-        this.gantt.chartHeader.width = timelineSettings.totalTimelineWidth;
+        this.gantt.chartHeader.topTier = extend([], [], this.parent.enableTimelineVirtualization ? timelineSettings.pdfExportTopTierCollection : timelineSettings.topTierCollection, true);
+        this.gantt.chartHeader.bottomTier = extend([], [], this.parent.enableTimelineVirtualization ? timelineSettings.pdfExportBottomTierCollection : timelineSettings.bottomTierCollection, true);
+        if (this.exportProps && this.exportProps.fitToWidthSettings && this.exportProps.fitToWidthSettings.isFitToWidth && this.parent.enableTimelineVirtualization) {
+            var tier = timelineSettings.topTier === 'None' ? 'bottomTier' : 'topTier';
+            this.gantt.chartHeader.width = timelineSettings['calculateWidthBetweenTwoDate'](tier, timelineSettings.timelineStartDate, timelineSettings.timelineEndDate);
+        }
+        else {
+            this.gantt.chartHeader.width = this.parent.enableTimelineVirtualization ? this.parent.timelineModule.wholeTimelineWidth : timelineSettings.totalTimelineWidth;
+        }
         this.gantt.chartHeader.height = this.gantt.rows.getRow(0).height;
         this.gantt.timelineStartDate = new Date(timelineSettings.timelineStartDate.getTime());
     };
@@ -295,6 +314,9 @@ var ExportHelper = /** @class */ (function () {
         else {
             cell.value = !isNullOrUndefined(data[column.field]) ? data[column.field].toString() : '';
         }
+        var cellValueString = !isNullOrUndefined(cell.value) ? cell.value.toString() : '';
+        var cellValue = cellValueString;
+        var value = !isNullOrUndefined(cellValue) ? cellValue : '';
         cell.isHeaderCell = false;
         cell.style.padding = new PdfPaddings();
         this.copyStyles(this.ganttStyle.cell, cell, row.isParentRow);
@@ -306,7 +328,7 @@ var ExportHelper = /** @class */ (function () {
         }
         var args = {
             data: data,
-            value: cell.value,
+            value: value,
             column: column,
             style: cell.style,
             cell: cell
@@ -315,7 +337,28 @@ var ExportHelper = /** @class */ (function () {
         if (this.parent.pdfQueryCellInfo) {
             this.parent.trigger('pdfQueryCellInfo', args);
         }
+        if (!isNullOrUndefined(args.image) && !isNullOrUndefined(args.image.base64)) {
+            args.value = new PdfBitmap(args.image.base64);
+            args.value.height = args.image.height || args.value.height;
+            args.value.width = args.image.width || args.value.width;
+        }
         cell.value = args.value;
+        if (!isNullOrUndefined(args.hyperLink) && !isNullOrUndefined(args.hyperLink.displayText)) {
+            cell.value = this.setHyperLink(args);
+        }
+    };
+    ExportHelper.prototype.setHyperLink = function (args) {
+        // create the Text Web Link
+        var textLink = new PdfTextWebLink();
+        // set the hyperlink
+        textLink.url = args.hyperLink.target;
+        // set the link text
+        textLink.text = args.hyperLink.displayText || args.hyperLink.target;
+        // set the font
+        textLink.font = new PdfStandardFont(PdfFontFamily.Helvetica, 9.75);
+        // set the brush and pen for the text color
+        textLink.brush = new PdfSolidBrush(new PdfColor(51, 102, 187));
+        return textLink;
     };
     /**
      * Method for create the taskbar collection for rendering
@@ -367,6 +410,17 @@ var ExportHelper = /** @class */ (function () {
                 }
                 taskbar.height = height;
             }
+            taskbar.indicators = ganttProp.indicators;
+            taskbar.autoStartDate = ganttProp.autoStartDate;
+            taskbar.autoEndDate = ganttProp.autoEndDate;
+            taskbar.isAutoSchedule = ganttProp.isAutoSchedule;
+            taskbar.autoWidth = ganttProp.autoWidth;
+            taskbar.autoLeft = ganttProp.autoLeft;
+            taskbar.segment = ganttProp.segments;
+            taskbar.isSpliterTask = (isNullOrUndefined(ganttProp.segments) || ganttProp.segments.length === 0) ? false : true;
+            if (taskbar.isSpliterTask) {
+                taskbar.segmentCollection = taskbar.segment.map(function (obj) { return (__assign({}, obj)); });
+            }
             taskbar.baselineTop = _this.parent.chartRowsModule.baselineTop;
             taskbar.isMilestone = ganttProp.isMilestone;
             taskbar.baselineStartDate = ganttProp.baselineStartDate;
@@ -411,6 +465,15 @@ var ExportHelper = /** @class */ (function () {
                     taskbar.taskBorderColor = new PdfColor(_this.ganttStyle.taskbar.taskBorderColor);
                 }
             }
+            taskbar.manualParentBorder = new PdfColor(_this.ganttStyle.taskbar.manualParentBorder);
+            taskbar.manualChildBorder = new PdfColor(_this.ganttStyle.taskbar.manualChildBorder);
+            taskbar.manuallineColor = new PdfColor(_this.ganttStyle.taskbar.manualLineColor);
+            taskbar.unscheduledTaskBarColor = new PdfColor(_this.ganttStyle.taskbar.unscheduledTaskBarColor);
+            taskbar.manualParentBackground = new PdfColor(_this.ganttStyle.taskbar.manualParentBackground);
+            taskbar.manualParentProgress = new PdfColor(_this.ganttStyle.taskbar.manualParentProgress);
+            taskbar.manualChildBackground = new PdfColor(_this.ganttStyle.taskbar.manualChildBackground);
+            taskbar.manualChildProgress = new PdfColor(_this.ganttStyle.taskbar.manualChildProgress);
+            taskbar.splitLineBackground = new PdfColor(_this.ganttStyle.taskbar.splitLineBackground);
             taskbar.baselineColor = new PdfColor(_this.ganttStyle.taskbar.baselineColor);
             taskbar.baselineBorderColor = new PdfColor(_this.ganttStyle.taskbar.baselineBorderColor);
             taskbar.gridLineColor = new PdfColor(_this.ganttStyle.chartGridLineColor);
@@ -425,7 +488,8 @@ var ExportHelper = /** @class */ (function () {
             taskStyle.baselineBorderColor = taskbar.baselineBorderColor;
             var args = {
                 taskbar: taskStyle,
-                data: data
+                data: data,
+                indicators: data.ganttProperties.indicators
             };
             if (_this.parent.pdfQueryTaskbarInfo) {
                 _this.parent.trigger('pdfQueryTaskbarInfo', args);
@@ -436,6 +500,7 @@ var ExportHelper = /** @class */ (function () {
                 taskbar.milestoneColor = args.taskbar.milestoneColor;
                 taskbar.baselineColor = args.taskbar.baselineColor;
                 taskbar.baselineBorderColor = args.taskbar.baselineBorderColor;
+                taskbar.indicators = args.indicators;
             }
         });
     };
@@ -630,6 +695,248 @@ var ExportHelper = /** @class */ (function () {
             compositeField.draw(footer.graphics, new PointF(0, 0));
             pdfDoc.template.bottom = footer;
         }
+        // code for draw header content
+        if (!isNullOrUndefined(this.exportProps.header)) {
+            var clientSize = this.pdfDoc.pageSettings.size;
+            var headerProp = this.exportProps.header;
+            var position = new PointF(0, headerProp.fromTop);
+            var size = new SizeF((clientSize.width * 1.1), ((headerProp && headerProp.height) ? headerProp.height * 0.75 : 50));
+            var bounds = new RectangleF(position, size);
+            pdfDoc.template.top = this.drawPageTemplate(new PdfPageTemplateElement(bounds), headerProp);
+        }
+        // code for customization of footer
+        if (!this.exportProps.enableFooter && !isNullOrUndefined(this.exportProps.footer)) {
+            var clientSize = this.pdfDoc.pageSettings.size;
+            var footer = this.exportProps.footer;
+            var position = new PointF(0, ((clientSize.width - 80) - ((footer && footer.fromBottom) ?
+                footer.fromBottom * 0.75 : 0)));
+            var size = new SizeF((clientSize.width * 1.1), ((footer && footer.height) ? footer.height * 0.75 : 50));
+            var bounds = new RectangleF(position, size);
+            this.pdfDoc.template.bottom = this.drawPageTemplate(new PdfPageTemplateElement(bounds), footer);
+        }
+    };
+    ExportHelper.prototype.drawPageTemplate = function (template, element) {
+        for (var _i = 0, _a = element.contents; _i < _a.length; _i++) {
+            var content = _a[_i];
+            switch (content.type) {
+                case 'Text':
+                    if (content.value === '' || content.value === undefined || content.value === null || typeof content.value !== 'string') {
+                        throw new Error('please enter the valid input value in text content...');
+                    }
+                    this.drawText(template, content);
+                    break;
+                case 'PageNumber':
+                    this.drawPageNumber(template, content);
+                    break;
+                case 'Image':
+                    if (content.src === undefined || content.src === null || content.src === '') {
+                        throw new Error('please enter the valid base64 string in image content...');
+                    }
+                    this.drawImage(template, content);
+                    break;
+                case 'Line':
+                    this.drawLine(template, content);
+                    break;
+                default:
+                    throw new Error('Please set valid content type...');
+            }
+        }
+        return template;
+    };
+    // code for draw text
+    ExportHelper.prototype.drawText = function (pageTemplate, content) {
+        var font = this.getFont(content);
+        var brush = this.getBrushFromContent(content);
+        var pen = null;
+        if (!isNullOrUndefined(content.style.textPenColor)) {
+            var penColor = this.hexToRgb(content.style.textPenColor);
+            pen = new PdfPen(new PdfColor(penColor.r, penColor.g, penColor.b));
+        }
+        if (brush == null && pen == null) {
+            brush = new PdfSolidBrush(new PdfColor(0, 0, 0));
+        }
+        var value = content.value.toString();
+        var x = content.position.x * 0.75;
+        var y = content.position.y * 0.75;
+        var format = new PdfStringFormat();
+        if (!isNullOrUndefined(content.style.stringFormat)) {
+            format.alignment = content.style.stringFormat.alignment;
+        }
+        var result = this.setContentFormat(content, format);
+        if (result !== null && !isNullOrUndefined(result.format) && !isNullOrUndefined(result.size)) {
+            pageTemplate.graphics.drawString(value, font, pen, brush, x, y, result.size.width, result.size.height, result.format);
+        }
+        else {
+            pageTemplate.graphics.drawString(value, font, pen, brush, x, y, format);
+        }
+    };
+    // code for draw pagenumber
+    ExportHelper.prototype.drawPageNumber = function (documentHeader, content) {
+        var font = this.getFont(content);
+        var brush = null;
+        if (!isNullOrUndefined(content.style.textBrushColor)) {
+            var brushColor = this.hexToRgb(content.style.textBrushColor);
+            brush = new PdfSolidBrush(new PdfColor(brushColor.r, brushColor.g, brushColor.b));
+        }
+        else {
+            brush = new PdfSolidBrush(new PdfColor(0, 0, 0));
+        }
+        var pageCounts = this.pdfDoc.pages.count;
+        var pageNumber = new PdfPageNumberField(font, brush);
+        pageNumber.numberStyle = this.getPageNumberStyle(content.pageNumberType);
+        var compositeField;
+        var format;
+        if (!isNullOrUndefined(content.format)) {
+            var total = '$total';
+            var current = '$current';
+            if (content.format.indexOf(total) !== -1 && content.format.indexOf(current) !== -1) {
+                var pageCount = new PdfPageCountField(font);
+                pageCount.numberStyle = this.getPageNumberStyle(content.pageNumberType);
+                if (content.format.indexOf(total) > content.format.indexOf(current)) {
+                    format = content.format.replace(current, '0');
+                    format = format.replace(total, '1');
+                }
+                else {
+                    format = content.format.replace(current, '1');
+                    format = format.replace(total, '0');
+                }
+                compositeField = new PdfCompositeField(font, brush, format, pageNumber, pageCount);
+            }
+            else if (content.format.indexOf(current) !== -1 && content.format.indexOf(total) === -1) {
+                format = content.format.replace(current, '0');
+                compositeField = new PdfCompositeField(font, brush, format, pageNumber);
+            }
+            else {
+                var pageCount = new PdfPageCountField(font);
+                format = content.format.replace(total, '0');
+                compositeField = new PdfCompositeField(font, brush, format, pageCount);
+            }
+        }
+        else {
+            format = '{0}';
+            compositeField = new PdfCompositeField(font, brush, format, pageNumber);
+        }
+        var x = content.position.x * 0.75;
+        var y = content.position.y * 0.75;
+        var result = this.setContentFormat(content, compositeField.stringFormat);
+        if (result !== null && !isNullOrUndefined(result.format) && !isNullOrUndefined(result.size)) {
+            compositeField.stringFormat = result.format;
+            compositeField.bounds = new RectangleF(x, y, result.size.width, result.size.height);
+        }
+        compositeField.draw(documentHeader.graphics, x, y);
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // code for draw image
+    ExportHelper.prototype.drawImage = function (documentHeader, content) {
+        var x = content.position.x * 0.75;
+        var y = content.position.y * 0.75;
+        var width = (!isNullOrUndefined(content.size) && !isNullOrUndefined(content.size.width)) ?
+            (content.size.width * 0.50) : undefined;
+        var height = (!isNullOrUndefined(content.size) && !isNullOrUndefined(content.size.height)) ?
+            (content.size.height * 0.75) : undefined;
+        var image = new PdfBitmap(content.src);
+        if (!isNullOrUndefined(width)) {
+            documentHeader.graphics.drawImage(image, x, y, width, height);
+        }
+        else {
+            documentHeader.graphics.drawImage(image, x, y);
+        }
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // code for draw line
+    ExportHelper.prototype.drawLine = function (documentHeader, content) {
+        var x1 = content.points.x1 * 0.75;
+        var y1 = content.points.y1 * 0.75;
+        var x2 = content.points.x2 * 0.75;
+        var y2 = content.points.y2 * 0.75;
+        var pen = this.getPenFromContent(content);
+        if (!isNullOrUndefined(content.style)) {
+            if (!isNullOrUndefined(content.style.penSize) && typeof content.style.penSize === 'number') {
+                pen.width = content.style.penSize * 0.75;
+            }
+            pen.dashStyle = this.getDashStyle(content.style.dashStyle);
+        }
+        documentHeader.graphics.drawLine(pen, x1, y1, x2, y2);
+    };
+    ExportHelper.prototype.getPenFromContent = function (content) {
+        var pen = new PdfPen(new PdfColor(0, 0, 0));
+        if (!isNullOrUndefined(content.style) && content.style !== null && !isNullOrUndefined(content.style.penColor)) {
+            var penColor = this.hexToRgb(content.style.penColor);
+            pen = new PdfPen(new PdfColor(penColor.r, penColor.g, penColor.b));
+        }
+        return pen;
+    };
+    ExportHelper.prototype.getDashStyle = function (dashStyle) {
+        switch (dashStyle) {
+            case 'Dash':
+                return 1;
+            case 'Dot':
+                return 2;
+            case 'DashDot':
+                return 3;
+            case 'DashDotDot':
+                return 4;
+            default:
+                return 0;
+        }
+    };
+    ExportHelper.prototype.getBrushFromContent = function (content) {
+        var brush = null;
+        if (!isNullOrUndefined(content.style.textBrushColor)) {
+            /* tslint:disable-next-line:max-line-length */
+            var brushColor = this.hexToRgb(content.style.textBrushColor);
+            brush = new PdfSolidBrush(new PdfColor(brushColor.r, brushColor.g, brushColor.b));
+        }
+        return brush;
+    };
+    ExportHelper.prototype.hexToRgb = function (hex) {
+        if (hex === null || hex === '' || hex.length !== 7) {
+            throw new Error('please set valid hex value for color...');
+        }
+        hex = hex.substring(1);
+        var bigint = parseInt(hex, 16);
+        var r = (bigint >> 16) & 255;
+        var g = (bigint >> 8) & 255;
+        var b = bigint & 255;
+        return { r: r, g: g, b: b };
+    };
+    ExportHelper.prototype.setContentFormat = function (content, format) {
+        var width = (content.size) ? content.size.width * 0.75 : this.pdfDoc.pageSettings.size.width;
+        var height = (content.size) ? content.size.height * 0.75 : this.exportProps.footer.height * 0.50;
+        format = new PdfStringFormat(PdfTextAlignment.Left, PdfVerticalAlignment.Middle);
+        if (!isNullOrUndefined(content.style.hAlign)) {
+            switch (content.style.hAlign) {
+                case 'Right':
+                    format.alignment = PdfTextAlignment.Right;
+                    break;
+                case 'Center':
+                    format.alignment = PdfTextAlignment.Center;
+                    break;
+                case 'Justify':
+                    format.alignment = PdfTextAlignment.Justify;
+                    break;
+                default:
+                    format.alignment = PdfTextAlignment.Left;
+            }
+        }
+        if (!isNullOrUndefined(content.style.vAlign)) {
+            format = this.getVerticalAlignment(content.style.vAlign, format);
+        }
+        return { format: format, size: new SizeF(width, height) };
+    };
+    ExportHelper.prototype.getPageNumberStyle = function (pageNumberType) {
+        switch (pageNumberType) {
+            case 'LowerLatin':
+                return 2;
+            case 'LowerRoman':
+                return 3;
+            case 'UpperLatin':
+                return 4;
+            case 'UpperRoman':
+                return 5;
+            default:
+                return 1;
+        }
     };
     return ExportHelper;
 }());

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

@@ -1,7 +1,7 @@
 import { PdfTreeGrid } from '../pdf-treegrid';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { RectangleF, PdfTextAlignment, PdfBorderOverlapStyle, PointF, PdfDashStyle, PdfLineCap, PdfSolidBrush, PdfStandardFont } from '@syncfusion/ej2-pdf-export';
-import { SizeF, PdfFontStyle } from '@syncfusion/ej2-pdf-export';
+import { SizeF, PdfFontStyle, PdfBitmap, PdfImage, PdfTextWebLink } from '@syncfusion/ej2-pdf-export';
 import { PdfStringFormat, PdfStringLayouter } from '@syncfusion/ej2-pdf-export';
 /**@hidden*/
 var PdfTreeGridCell = /** @class */ (function () {
@@ -204,6 +204,19 @@ var PdfTreeGridCell = /** @class */ (function () {
             }
             result = graphics.stringLayoutResult;
         }
+        else if (this.value instanceof PdfImage || this.value instanceof PdfBitmap) {
+            var imageBounds = void 0;
+            if (this.value.width <= innerLayoutArea.width) {
+                imageBounds = new RectangleF(innerLayoutArea.x, innerLayoutArea.y, this.value.width, innerLayoutArea.height);
+            }
+            else {
+                imageBounds = innerLayoutArea;
+            }
+            graphics.drawImage(this.value, imageBounds.x, imageBounds.y - 10, imageBounds.width, imageBounds.height);
+        }
+        else if (this.value instanceof PdfTextWebLink) {
+            this.value.draw(graphics.currentPage, innerLayoutArea);
+        }
         if (this.style.borders != null) {
             this.drawCellBorder(graphics, bounds);
         }

package/src/gantt/export/pdf-base/pdf-style/gantt-theme.js

@@ -70,6 +70,15 @@ var PdfGanttTheme = /** @class */ (function () {
                 ganttStyle.footer.backgroundColor = new PdfColor(255, 255, 255);
                 ganttStyle.taskbar.progressFontColor = new PdfColor(255, 255, 255);
                 ganttStyle.label.fontColor = new PdfColor(0, 0, 0);
+                ganttStyle.taskbar.splitLineBackground = new PdfColor(51, 51, 51);
+                ganttStyle.taskbar.unscheduledTaskBarColor = new PdfColor(49, 122, 185);
+                ganttStyle.taskbar.manualParentBackground = new PdfColor(119, 119, 119);
+                ganttStyle.taskbar.manualParentProgress = new PdfColor(85, 85, 85);
+                ganttStyle.taskbar.manualChildBackground = new PdfColor(117, 56, 201);
+                ganttStyle.taskbar.manualChildProgress = new PdfColor(87, 42, 150);
+                ganttStyle.taskbar.manualLineColor = new PdfColor(152, 154, 156);
+                ganttStyle.taskbar.manualParentBorder = new PdfColor(85, 85, 85);
+                ganttStyle.taskbar.manualChildBorder = new PdfColor(87, 42, 150);
                 break;
             case 'Bootstrap 4':
                 //chart side theme
@@ -92,6 +101,15 @@ var PdfGanttTheme = /** @class */ (function () {
                 ganttStyle.footer.backgroundColor = new PdfColor(255, 255, 255);
                 ganttStyle.taskbar.progressFontColor = new PdfColor(255, 255, 255);
                 ganttStyle.label.fontColor = new PdfColor(33, 37, 41);
+                ganttStyle.taskbar.splitLineBackground = new PdfColor(0, 0, 0);
+                ganttStyle.taskbar.unscheduledTaskBarColor = new PdfColor(0, 123, 255);
+                ganttStyle.taskbar.manualParentBackground = new PdfColor(108, 117, 125);
+                ganttStyle.taskbar.manualParentProgress = new PdfColor(73, 80, 87);
+                ganttStyle.taskbar.manualChildBackground = new PdfColor(133, 83, 241);
+                ganttStyle.taskbar.manualChildProgress = new PdfColor(102, 40, 238);
+                ganttStyle.taskbar.manualLineColor = new PdfColor(152, 154, 156);
+                ganttStyle.taskbar.manualParentBorder = new PdfColor(73, 80, 87);
+                ganttStyle.taskbar.manualChildBorder = new PdfColor(102, 40, 238);
                 break;
             case 'Fabric':
                 ganttStyle.columnHeader.fontColor = new PdfColor(102, 102, 102);
@@ -116,6 +134,15 @@ var PdfGanttTheme = /** @class */ (function () {
                 ganttStyle.footer.backgroundColor = new PdfColor(255, 255, 255);
                 ganttStyle.taskbar.progressFontColor = new PdfColor(255, 255, 255);
                 ganttStyle.label.fontColor = new PdfColor(51, 51, 51);
+                ganttStyle.taskbar.splitLineBackground = new PdfColor(0, 0, 0);
+                ganttStyle.taskbar.unscheduledTaskBarColor = new PdfColor(0, 120, 214);
+                ganttStyle.taskbar.manualParentBackground = new PdfColor(118, 118, 118);
+                ganttStyle.taskbar.manualParentProgress = new PdfColor(80, 80, 80);
+                ganttStyle.taskbar.manualChildBackground = new PdfColor(154, 56, 186);
+                ganttStyle.taskbar.manualChildProgress = new PdfColor(109, 24, 136);
+                ganttStyle.taskbar.manualLineColor = new PdfColor(152, 154, 156);
+                ganttStyle.taskbar.manualParentBorder = new PdfColor(80, 80, 80);
+                ganttStyle.taskbar.manualChildBorder = new PdfColor(109, 24, 136);
                 break;
             default:
                 //chart side theme
@@ -138,6 +165,15 @@ var PdfGanttTheme = /** @class */ (function () {
                 ganttStyle.footer.backgroundColor = new PdfColor(255, 255, 255);
                 ganttStyle.taskbar.progressFontColor = new PdfColor(255, 255, 255);
                 ganttStyle.label.fontColor = new PdfColor(51, 51, 51);
+                ganttStyle.taskbar.splitLineBackground = new PdfColor(0, 0, 0);
+                ganttStyle.taskbar.unscheduledTaskBarColor = new PdfColor(63, 81, 181);
+                ganttStyle.taskbar.manualParentBackground = new PdfColor(97, 97, 97);
+                ganttStyle.taskbar.manualParentProgress = new PdfColor(97, 97, 97);
+                ganttStyle.taskbar.manualChildBackground = new PdfColor(0, 135, 134);
+                ganttStyle.taskbar.manualChildProgress = new PdfColor(0, 135, 134);
+                ganttStyle.taskbar.manualLineColor = new PdfColor(152, 154, 156);
+                ganttStyle.taskbar.manualParentBorder = new PdfColor(97, 97, 97);
+                ganttStyle.taskbar.manualChildBorder = new PdfColor(0, 135, 134);
                 break;
         }
     };