@syncfusion/ej2-gantt 23.2.7 → 24.1.43

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

@@ -1,8 +1,8 @@
 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, PdfTrueTypeFont } from '@syncfusion/ej2-pdf-export';
-import { ContextMenuType, PdfPageSize, PageOrientation, ExportType, PdfTheme, TaskType } from './enum';
+import { PointF, PdfColor, PdfFontFamily, PdfFontStyle, PdfStringFormat, PdfTrueTypeFont, PdfStandardFont, PdfTextWebLink, PdfImage } from '@syncfusion/ej2-pdf-export';
+import { ContextMenuType, PdfPageSize, PageOrientation, ExportType, PdfTheme, TaskType, ContentType, PdfPageNumberType, PdfDashStyle, PdfHAlign, PdfVAlign } from './enum';
 import { ContextMenuOpenEventArgs as GridContextMenuOpenEventArgs } from '@syncfusion/ej2-grids';
 import { ContextMenuClickEventArgs as GridContextMenuClickEventArgs } from '@syncfusion/ej2-grids';
 import { RecordDoubleClickEventArgs as GridRecordDoubleClickEventArgs } from '@syncfusion/ej2-grids';
@@ -220,6 +220,8 @@ export interface IIndicator {
     date?: Date | string;
     /** Defines the icon class of indicator. */
     iconClass?: string;
+    /** Defines the pdf image of indicator. */
+    base64?: string;
     /** Defines the name of indicator. */
     name?: string;
     /** Defines the tooltip of indicator. */
@@ -619,6 +621,12 @@ export interface RowDeselectEventArgs extends GridRowDeselectEventArgs {
     /** Defines the selected/deselected row. */
     row?: Element;
 }
+export interface IEventMarkerInfo {
+    id?: number;
+    left?: number;
+    label?: string;
+    date?: Date;
+}
 export interface ActionCompleteArgs extends ZoomEventArgs, IKeyPressedEventArgs {
     element?: HTMLElement;
     requestType?: string;
@@ -790,6 +798,8 @@ export interface PdfExportProperties {
     pageSize?: PdfPageSize;
     /** Enable the footer. */
     enableFooter?: boolean;
+    /** Enable the header. */
+    enableHeader?: boolean;
     /** Indicates whether to show the hidden columns in exported Pdf */
     includeHiddenColumn?: boolean;
     /** Defines the theme for exported Gantt  */
@@ -804,6 +814,10 @@ export interface PdfExportProperties {
     showPredecessorLines?: boolean;
     /** Defines the export options in rendering each row fit to the PDF page width */
     fitToWidthSettings?: FitToWidthSettings;
+    /** Defines the Pdf header. */
+    header?: PdfHeader;
+    /** Defines the Pdf footer. */
+    footer?: PdfFooter;
 }
 export interface PdfQueryCellInfoEventArgs {
     /** Defines the column of the current cell. */
@@ -811,11 +825,29 @@ export interface PdfQueryCellInfoEventArgs {
     /** Defines the style of the current cell. */
     style?: PdfGanttCellStyle;
     /** Defines the value of the current cell. */
-    value?: Date | string | number | boolean | Object;
+    value?: Date | string | number | boolean | PdfTextWebLink | PdfImage;
     /** Defines the data of the cell */
     data?: Object;
     /** Defines the current PDF cell */
     cell?: PdfTreeGridCell;
+    /** Defines the image details */
+    image?: Image;
+    /** Defines the hyperlink of the cell */
+    hyperLink?: Hyperlink;
+}
+export interface Image {
+    /**  Defines the base 64 string for image */
+    base64: string;
+    /**  Defines the height for the image */
+    height?: number;
+    /**  Defines the height for the image */
+    width?: number;
+}
+export interface Hyperlink {
+    /** Defines the Url for hyperlink */
+    target?: string;
+    /** Defines the display text for hyperlink */
+    displayText?: string;
 }
 export interface TimelineDetails {
     startPoint?: number;
@@ -892,6 +924,24 @@ export interface ITaskbarStyle {
     baselineColor?: PdfColor;
     /** Defines the baseline border color */
     baselineBorderColor?: PdfColor;
+    /** Defines the split line background color */
+    splitLineBackground?: PdfColor;
+    /** Defines the unscheduled taskbar background color */
+    unscheduledTaskBarColor?: PdfColor;
+    /** Defines the manualParent Background color */
+    manualParentBackground?: PdfColor;
+    /** Defines the manualParent Progress color */
+    manualParentProgress?: PdfColor;
+    /** Defines the manualChild Background color */
+    manualChildBackground?: PdfColor;
+    /** Defines the manualChild Progress color */
+    manualChildProgress?: PdfColor;
+    /** Defines the manual line color */
+    manualLineColor?: PdfColor;
+    /** Defines the manualParent Background color */
+    manualParentBorder?: PdfColor;
+    /** Defines the manualChild Background color */
+    manualChildBorder?: PdfColor;
 }
 export interface FitToWidthSettings {
     /** Specifies whether to export gantt data where each row is adjusted and rendered to fit the PDF document page size. */
@@ -936,6 +986,8 @@ export interface PdfQueryTaskbarInfoEventArgs {
     taskbar?: ITaskbarStyle;
     /** Specify the value of the task data */
     data?: IGanttData;
+    /** Defines the Indicator */
+    indicators?: IIndicator[];
 }
 export interface PdfColumnHeaderQueryCellInfoEventArgs {
     /** Defines the PDF grid current cell. */
@@ -973,3 +1025,83 @@ export declare enum PdfHorizontalOverflowType {
      */
     LastPage = 1
 }
+export interface PdfHeader {
+    /** Defines the header content distance from top. */
+    fromTop?: number;
+    /** Defines the height of header content. */
+    height?: number;
+    /** Defines the header contents. */
+    contents?: PdfHeaderFooterContent[];
+}
+export interface PdfFooter {
+    /** Defines the footer content distance from bottom. */
+    fromBottom?: number;
+    /** Defines the height of footer content. */
+    height?: number;
+    /** Defines the footer contents */
+    contents?: PdfHeaderFooterContent[];
+}
+export interface PdfHeaderFooterContent {
+    /** Defines the content type */
+    type: ContentType;
+    /** Defines the page number type */
+    pageNumberType?: PdfPageNumberType;
+    /** Defines the style of content */
+    style?: PdfContentStyle;
+    /** Defines the pdf points for drawing line */
+    points?: PdfPoints;
+    /** Defines the format for customizing page number */
+    format?: string;
+    /** Defines the position of the content */
+    position?: PdfPosition;
+    /** Defines the size of content */
+    size?: PdfSize;
+    /** Defines the base64 string for image content type */
+    src?: string;
+    /** Defines the value for content */
+    value?: any;
+    /** Defines the font for the content */
+    font?: PdfStandardFont | PdfTrueTypeFont;
+    /** Defines the alignment of header */
+    stringFormat?: PdfStringFormat;
+}
+export interface PdfContentStyle {
+    /** Defines the pen color. */
+    penColor?: string;
+    /** Defines the pen size. */
+    penSize?: number;
+    /** Defines the dash style. */
+    dashStyle?: PdfDashStyle;
+    /** Defines the text brush color. */
+    textBrushColor?: string;
+    /** Defines the text pen color. */
+    textPenColor?: string;
+    /** Defines the font size. */
+    fontSize?: number;
+    /** Defines the horizontal alignment. */
+    hAlign?: PdfHAlign;
+    /** Defines the vertical alignment. */
+    vAlign?: PdfVAlign;
+}
+export interface PdfPoints {
+    /** Defines the x1 position */
+    x1: number;
+    /** Defines the y1 position */
+    y1: number;
+    /** Defines the x2 position */
+    x2: number;
+    /** Defines the y2 position */
+    y2: number;
+}
+export interface PdfPosition {
+    /** Defines the x position */
+    x: number;
+    /** Defines the y position */
+    y: number;
+}
+export interface PdfSize {
+    /** Defines the height */
+    height: number;
+    /** Defines the width */
+    width: number;
+}

package/src/gantt/base/splitter.js

@@ -90,6 +90,12 @@ var Splitter = /** @class */ (function () {
         });
         this.parent.element.appendChild(this.parent.splitterElement);
         this.splitterObject.appendTo(this.parent.splitterElement);
+        var splitterLeftPane = this.splitterObject.element.querySelector('.e-split-bar');
+        if (splitterLeftPane) {
+            var numericValue = parseFloat(splitterPosition.replace('%', ''));
+            var ariaValueNow = Math.min(100, Math.max(0, numericValue));
+            splitterLeftPane.setAttribute('aria-valuenow', ariaValueNow.toString());
+        }
     };
     /**
      * @param {SplitterSettingsModel} splitter .

package/src/gantt/base/task-processor.d.ts

@@ -196,7 +196,7 @@ export declare class TaskProcessor extends DateProcessor {
      * @returns {number} .
      * @private
      */
-    getTaskLeft(startDate: Date, isMilestone: boolean): number;
+    getTaskLeft(startDate: Date, isMilestone: boolean, isFromTimelineVirtulization?: boolean): number;
     getSplitTaskWidth(sDate: Date, duration: number, data: IGanttData): number;
     getSplitTaskLeft(sDate: Date, segmentTaskStartDate: Date): number;
     /**

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

@@ -1255,7 +1255,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             }
             else {
                 if (isValid) {
-                    return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+                    return ((this.getTimeDifference(sDate, eDate, true) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
                 }
                 else {
                     return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * hour)) * this.parent.perDayWidth);
@@ -1290,7 +1290,7 @@ var TaskProcessor = /** @class */ (function (_super) {
      * @returns {number} .
      * @private
      */
-    TaskProcessor.prototype.getTaskLeft = function (startDate, isMilestone) {
+    TaskProcessor.prototype.getTaskLeft = function (startDate, isMilestone, isFromTimelineVirtulization) {
         var date = new Date(startDate.getTime());
         var tierMode = this.parent.timelineModule.bottomTier !== 'None' ? this.parent.timelineModule.bottomTier :
             this.parent.timelineModule.topTier;
@@ -1305,7 +1305,18 @@ var TaskProcessor = /** @class */ (function (_super) {
                 date.setHours(22);
             }
         }
-        var timelineStartDate = this.parent.timelineModule.timelineStartDate;
+        var leftValueForStartDate;
+        var isValid = true;
+        if ((this.parent.editModule && ((this.parent.editModule.taskbarEditModule && this.parent.editModule.taskbarEditModule.taskBarEditAction) || (this.parent.editModule.dialogModule && this.parent.editModule.dialogModule['isEdit']) ||
+            this.parent.ganttChartModule.scrollObject['isSetScrollLeft'])) && !isFromTimelineVirtulization) {
+            isValid = false;
+        }
+        if (this.parent.enableTimelineVirtualization && isValid && !this.parent.timelineModule['performedTimeSpanAction']) {
+            leftValueForStartDate = (this.parent.enableTimelineVirtualization && this.parent.ganttChartModule.scrollObject.element.scrollLeft != 0)
+                ? this.parent.ganttChartModule.scrollObject.getTimelineLeft() : null;
+        }
+        var timelineStartDate = (this.parent.enableTimelineVirtualization && !isNullOrUndefined(leftValueForStartDate))
+            ? new Date((this.parent.timelineModule['dateByLeftValue'](leftValueForStartDate)).toString()) : new Date(this.parent.timelineModule.timelineStartDate);
         if (timelineStartDate) {
             return (date.getTime() - timelineStartDate.getTime()) / (1000 * 60 * 60 * 24) * this.parent.perDayWidth;
         }
@@ -1746,7 +1757,7 @@ var TaskProcessor = /** @class */ (function (_super) {
         var resourceInfo = data.ganttProperties.resourceInfo;
         var resourceName = [];
         var taskMapping = this.parent.taskFields;
-        if (resourceInfo) {
+        if (resourceInfo && resourceInfo.length > 0) {
             var resourceLength = resourceInfo.length;
             var taskResources = extend([], [], data.taskData[this.parent.taskFields.resourceInfo], true);
             this.parent.setRecordValue('taskData.' + this.parent.taskFields.resourceInfo, [], data);
@@ -1848,7 +1859,7 @@ var TaskProcessor = /** @class */ (function (_super) {
      */
     TaskProcessor.prototype.updateDurationValue = function (duration, ganttProperties) {
         var tempDuration = this.getDurationValue(duration);
-        if (!isNaN(getValue('duration', tempDuration)) && !(this.parent.viewType === "ResourceView" && tempDuration["duration"] === 0)) {
+        if (!isNaN(getValue('duration', tempDuration)) && !(this.parent.viewType === "ResourceView" && tempDuration["duration"] === 0 && this.parent.editModule.cellEditModule.isCellEdit)) {
             this.parent.setRecordValue('duration', getValue('duration', tempDuration), ganttProperties, true);
         }
         if (!isNullOrUndefined(getValue('durationUnit', tempDuration))) {
@@ -1913,8 +1924,14 @@ var TaskProcessor = /** @class */ (function (_super) {
         this.updateOverlappingIndex(tasks);
         for (var count = 1; count < tasks.length; count++) {
             currentTask = tasks[count];
-            var cStartDate = new Date(currentTask.ganttProperties.startDate.getTime());
-            var cEndDate = new Date(currentTask.ganttProperties.endDate.getTime()); //task 2
+            var cStartDate = void 0;
+            var cEndDate = void 0;
+            if (currentTask.ganttProperties.startDate) {
+                cStartDate = new Date(currentTask.ganttProperties.startDate.getTime());
+            }
+            if (currentTask.ganttProperties.endDate) {
+                cEndDate = new Date(currentTask.ganttProperties.endDate.getTime()); //task 2
+            }
             var range = [];
             // eslint-disable-next-line
             var rangeObj = {};
@@ -1922,7 +1939,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                 var tStartDate = tasks[index].ganttProperties.startDate;
                 var tEndDate = tasks[index].ganttProperties.endDate; // task 1
                 var rangeObj_1 = {};
-                if (this._isInStartDateRange(cStartDate, tStartDate, tEndDate) || this._isInEndDateRange(cEndDate, tStartDate, tEndDate)) {
+                if (cStartDate && cEndDate && (this._isInStartDateRange(cStartDate, tStartDate, tEndDate) || this._isInEndDateRange(cEndDate, tStartDate, tEndDate))) {
                     if ((tStartDate.getTime() > cStartDate.getTime() && tStartDate.getTime() < cEndDate.getTime()
                         && tEndDate.getTime() > cStartDate.getTime() && tEndDate.getTime() >= cEndDate.getTime())
                         || (cStartDate.getTime() === tStartDate.getTime() && cEndDate.getTime() <= tEndDate.getTime())) {
@@ -2433,9 +2450,20 @@ var TaskProcessor = /** @class */ (function (_super) {
                     else {
                         milestoneCount++;
                     }
-                    childCompletedWorks += childData.ganttProperties.work;
+                    work = childData.ganttProperties.work;
+                    if (typeof work === 'string') {
+                        // If it's a string, convert it to a number
+                        numericValue = parseFloat(work);
+                        if (!isNaN(numericValue)) {
+                            childCompletedWorks += numericValue;
+                        }
+                    }
+                    else if (typeof work === 'number') {
+                        // If it's already a number, simply add it to childCompletedWorks
+                        childCompletedWorks += work;
+                    }
                 };
-                var this_4 = this;
+                var this_4 = this, work, numericValue;
                 for (var count = 0; count < childLength; count++) {
                     _loop_6(count);
                 }

package/src/gantt/export/export-helper.d.ts

@@ -50,6 +50,7 @@ export declare class ExportHelper {
     private processPredecessor;
     private processRecordRow;
     private processRecordCell;
+    private setHyperLink;
     /**
      * Method for create the taskbar collection for rendering
      *
@@ -86,6 +87,17 @@ export declare class ExportHelper {
      * @private
      */
     initializePdf(pdfDoc: PdfDocument): void;
+    private drawPageTemplate;
+    private drawText;
+    private drawPageNumber;
+    private drawImage;
+    private drawLine;
+    private getPenFromContent;
+    private getDashStyle;
+    private getBrushFromContent;
+    private hexToRgb;
+    private setContentFormat;
+    private getPageNumberStyle;
 }
 /**
  * @hidden