gantt-canvas-chart 1.2.0 → 1.3.1

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * gantt-canvas-chart v1.2.0
+ * gantt-canvas-chart v1.3.1
  * (c) 2025-present chandq
  * Released under the MIT License.
  */
@@ -80,7 +80,7 @@
   font-size: 13px;
   line-height: 1.6;
   pointer-events: none;
-  z-index: 1000;
+  z-index: 2147483640;
   max-width: 300px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 export declare class DateUtils {
     static readonly ONE_DAY_MS: number;
     static format(date: Date, format?: string): string;
-    static addDays(date: Date, days: number): Date;
-    static addMonths(date: Date, months: number): Date;
+    static addDays(date: Date | string, days: number): Date;
+    static addMonths(date: Date | string, months: number): Date;
     static addYears(date: Date, years: number): Date;
     static diffDays(date1: Date, date2: Date): number;
     static diffDaysInclusive(date1: Date, date2: Date): number;
@@ -29,6 +29,8 @@ export declare class GanttChart {
     private mainCanvas;
     private scrollDummy;
     private tooltip;
+    private scrolling;
+    private showTooltip;
     private headerCtx;
     private mainCtx;
     private timelineStart;
@@ -39,7 +41,7 @@ export declare class GanttChart {
     private scrollLeft;
     private scrollTop;
     private visibleDateRange;
-    private today;
+    today: Date;
     private devicePixelRatio;
     private viewportWidth;
     private viewportHeight;
@@ -48,11 +50,17 @@ export declare class GanttChart {
     private resizeObserver;
     private taskPositions;
     private taskMap;
-    private boundHandleMouseMove;
-    private boundHandleMouseLeave;
-    private boundHandleScroll;
+    private isLoadingData;
+    private hasMoreDataLeft;
+    private hasMoreDataRight;
+    private hasMoreDataBottom;
+    private lastScrollLeft;
+    private lastScrollTop;
+    private onDataLoad;
+    private scrollLoadTimer;
     constructor(rootContainer: HTMLElement, data: GanttData, config?: GanttConfig);
     private init;
+    private updateLoadMoreConf;
     private buildTaskMap;
     private setupEvents;
     updateConfig(newConfig: GanttConfig): void;
@@ -63,15 +71,23 @@ export declare class GanttChart {
     private dateToX;
     private xToDate;
     private handleResize;
+    setOnDataLoadCallback(callback: (direction: 'left' | 'right' | 'bottom', params?: any) => Promise<GanttData>): void;
     private handleScroll;
+    private checkScrollLoad;
+    resetScrollLoadingState(): void;
+    private loadMoreData;
+    private appendData;
+    private prependData;
+    private appendRows;
     setScrollTop(scrollTop: number): void;
     private updateVirtualRanges;
     private updateDimensions;
     private setupCanvas;
     private calculateAllTaskPositions;
     private getIterationStartDate;
-    render(): void;
+    render(scrolling?: boolean): void;
     private renderHeader;
+    private groupConsecutiveBlocks;
     private renderMain;
     private drawArrow;
     private drawAllDependencies;
@@ -91,17 +107,27 @@ export declare class GanttChart {
      */
     static getTaskWidthPercent(diffMilliseconds: number, pixelsPerDay: number): number;
     /**
-     * scroll to specified date position, default to minDate
+     * horizontal scroll to specified date position, default to minDate
      *
      * @param date
      */
-    scrollToStartDate(date?: Date): void;
+    horizontalScrollTo(date?: Date): void;
+    /**
+     * vertical scroll to specified position
+     *
+     * @param  params
+     */
+    verticalScrollTo(params: {
+        rowId: string;
+        rowIndex: number;
+    }): void;
 }
 
 export declare interface GanttConfig {
     viewMode?: 'Day' | 'Week' | 'Month' | 'Year';
     planBorderColor?: string;
     actualBgColor?: string;
+    headerBgColor?: string;
     rowHeight?: number;
     headerHeight?: number;
     showPlan?: boolean;
@@ -116,6 +142,7 @@ export declare interface GanttConfig {
     todayColor?: string;
     offsetTop?: number;
     offsetLeft?: number;
+    enabledLoadMore?: [LoadMoreDirection?, LoadMoreDirection?, LoadMoreDirection?];
     viewFactors?: {
         Day: number;
         Week: number;
@@ -127,6 +154,8 @@ export declare interface GanttConfig {
 
 export declare type GanttData = Row[];
 
+export declare type LoadMoreDirection = 'left' | 'right' | 'bottom';
+
 export declare interface Row {
     id: string;
     name: string;
@@ -158,6 +187,12 @@ export declare interface TaskPosition {
     x_plan_end: number;
     x_actual_start: number | null;
     x_actual_end: number | null;
+    x_plan_width: number;
+    x_actual_width: number;
+    offset_x_plan_start: number;
+    offset_x_plan_end: number;
+    offset_x_actual_start: number | null;
+    offset_x_actual_end: number | null;
     y: number;
     row: number;
 }