gantt-canvas-chart 1.1.1 → 1.2.0

package/dist/index.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * gantt-canvas-chart v1.1.1
+ * gantt-canvas-chart v1.2.0
  * (c) 2025-present chandq
  * Released under the MIT License.
  */
@@ -96,7 +96,7 @@ class GanttChart {
   timelineStart;
   timelineEnd;
   minDate;
-  // private maxDate: Date | null;
+  maxDate;
   pixelsPerDay;
   scrollLeft;
   scrollTop;
@@ -166,6 +166,7 @@ class GanttChart {
     this.timelineStart = /* @__PURE__ */ new Date();
     this.timelineEnd = /* @__PURE__ */ new Date();
     this.minDate = null;
+    this.maxDate = null;
     this.pixelsPerDay = 40;
     this.scrollLeft = 0;
     this.scrollTop = 0;
@@ -243,11 +244,12 @@ class GanttChart {
     this.container.remove();
   }
   calculateFullTimeline() {
+    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     let minDate = new Date(9999, 0, 1);
     let maxDate = new Date(1e3, 0, 1);
     if (this.data.length === 0) {
       minDate = /* @__PURE__ */ new Date();
-      maxDate = DateUtils.addDays(/* @__PURE__ */ new Date(), 30);
+      maxDate = DateUtils.addDays(/* @__PURE__ */ new Date(), 60);
     } else {
       this.taskMap.forEach(({ task }) => {
         const pStart = new Date(task.planStart);
@@ -263,8 +265,11 @@ class GanttChart {
       });
     }
     this.minDate = minDate;
-    minDate = DateUtils.addDays(minDate, -7);
-    maxDate = DateUtils.addDays(maxDate, 14);
+    this.maxDate = maxDate;
+    const minYear = minDate.getFullYear();
+    const maxYear = maxDate.getFullYear();
+    minDate = DateUtils.addDays(minYear === 9999 ? new Date(currentYear, 0, 1) : minDate, -7);
+    maxDate = DateUtils.addDays(maxYear === 1e3 ? new Date(currentYear + 1, 0, 1) : maxDate, 14);
     switch (this.config.viewMode) {
       case "Year":
         this.timelineStart = DateUtils.getStartOfYear(minDate);
@@ -683,7 +688,7 @@ class GanttChart {
     const x = this.dateToX(this.today);
     if (x >= this.scrollLeft && x <= this.scrollLeft + this.viewportWidth) {
       ctx.strokeStyle = this.config.todayColor;
-      ctx.lineWidth = 2;
+      ctx.lineWidth = 1;
       ctx.beginPath();
       ctx.moveTo(x, this.scrollTop);
       ctx.lineTo(x, this.scrollTop + this.viewportHeight);

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * gantt-canvas-chart v1.1.1
+ * gantt-canvas-chart v1.2.0
  * (c) 2025-present chandq
  * Released under the MIT License.
  */

package/dist/index.d.ts

@@ -22,7 +22,7 @@ export declare function firstValidValue(...args: any[]): any;
 
 export declare class GanttChart {
     private rootContainer;
-    private container;
+    container: HTMLElement;
     private data;
     private config;
     private headerCanvas;
@@ -33,7 +33,8 @@ export declare class GanttChart {
     private mainCtx;
     private timelineStart;
     private timelineEnd;
-    private minDate;
+    minDate: Date | null;
+    maxDate: Date | null;
     private pixelsPerDay;
     private scrollLeft;
     private scrollTop;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 /*!
- * gantt-canvas-chart v1.1.1
+ * gantt-canvas-chart v1.2.0
  * (c) 2025-present chandq
  * Released under the MIT License.
  */
@@ -94,7 +94,7 @@ class GanttChart {
   timelineStart;
   timelineEnd;
   minDate;
-  // private maxDate: Date | null;
+  maxDate;
   pixelsPerDay;
   scrollLeft;
   scrollTop;
@@ -164,6 +164,7 @@ class GanttChart {
     this.timelineStart = /* @__PURE__ */ new Date();
     this.timelineEnd = /* @__PURE__ */ new Date();
     this.minDate = null;
+    this.maxDate = null;
     this.pixelsPerDay = 40;
     this.scrollLeft = 0;
     this.scrollTop = 0;
@@ -241,11 +242,12 @@ class GanttChart {
     this.container.remove();
   }
   calculateFullTimeline() {
+    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     let minDate = new Date(9999, 0, 1);
     let maxDate = new Date(1e3, 0, 1);
     if (this.data.length === 0) {
       minDate = /* @__PURE__ */ new Date();
-      maxDate = DateUtils.addDays(/* @__PURE__ */ new Date(), 30);
+      maxDate = DateUtils.addDays(/* @__PURE__ */ new Date(), 60);
     } else {
       this.taskMap.forEach(({ task }) => {
         const pStart = new Date(task.planStart);
@@ -261,8 +263,11 @@ class GanttChart {
       });
     }
     this.minDate = minDate;
-    minDate = DateUtils.addDays(minDate, -7);
-    maxDate = DateUtils.addDays(maxDate, 14);
+    this.maxDate = maxDate;
+    const minYear = minDate.getFullYear();
+    const maxYear = maxDate.getFullYear();
+    minDate = DateUtils.addDays(minYear === 9999 ? new Date(currentYear, 0, 1) : minDate, -7);
+    maxDate = DateUtils.addDays(maxYear === 1e3 ? new Date(currentYear + 1, 0, 1) : maxDate, 14);
     switch (this.config.viewMode) {
       case "Year":
         this.timelineStart = DateUtils.getStartOfYear(minDate);
@@ -681,7 +686,7 @@ class GanttChart {
     const x = this.dateToX(this.today);
     if (x >= this.scrollLeft && x <= this.scrollLeft + this.viewportWidth) {
       ctx.strokeStyle = this.config.todayColor;
-      ctx.lineWidth = 2;
+      ctx.lineWidth = 1;
       ctx.beginPath();
       ctx.moveTo(x, this.scrollTop);
       ctx.lineTo(x, this.scrollTop + this.viewportHeight);

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * gantt-canvas-chart v1.1.1
+ * gantt-canvas-chart v1.2.0
  * (c) 2025-present chandq
  * Released under the MIT License.
  */
@@ -98,7 +98,7 @@
     timelineStart;
     timelineEnd;
     minDate;
-    // private maxDate: Date | null;
+    maxDate;
     pixelsPerDay;
     scrollLeft;
     scrollTop;
@@ -168,6 +168,7 @@
       this.timelineStart = /* @__PURE__ */ new Date();
       this.timelineEnd = /* @__PURE__ */ new Date();
       this.minDate = null;
+      this.maxDate = null;
       this.pixelsPerDay = 40;
       this.scrollLeft = 0;
       this.scrollTop = 0;
@@ -245,11 +246,12 @@
       this.container.remove();
     }
     calculateFullTimeline() {
+      const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
       let minDate = new Date(9999, 0, 1);
       let maxDate = new Date(1e3, 0, 1);
       if (this.data.length === 0) {
         minDate = /* @__PURE__ */ new Date();
-        maxDate = DateUtils.addDays(/* @__PURE__ */ new Date(), 30);
+        maxDate = DateUtils.addDays(/* @__PURE__ */ new Date(), 60);
       } else {
         this.taskMap.forEach(({ task }) => {
           const pStart = new Date(task.planStart);
@@ -265,8 +267,11 @@
         });
       }
       this.minDate = minDate;
-      minDate = DateUtils.addDays(minDate, -7);
-      maxDate = DateUtils.addDays(maxDate, 14);
+      this.maxDate = maxDate;
+      const minYear = minDate.getFullYear();
+      const maxYear = maxDate.getFullYear();
+      minDate = DateUtils.addDays(minYear === 9999 ? new Date(currentYear, 0, 1) : minDate, -7);
+      maxDate = DateUtils.addDays(maxYear === 1e3 ? new Date(currentYear + 1, 0, 1) : maxDate, 14);
       switch (this.config.viewMode) {
         case "Year":
           this.timelineStart = DateUtils.getStartOfYear(minDate);
@@ -685,7 +690,7 @@
       const x = this.dateToX(this.today);
       if (x >= this.scrollLeft && x <= this.scrollLeft + this.viewportWidth) {
         ctx.strokeStyle = this.config.todayColor;
-        ctx.lineWidth = 2;
+        ctx.lineWidth = 1;
         ctx.beginPath();
         ctx.moveTo(x, this.scrollTop);
         ctx.lineTo(x, this.scrollTop + this.viewportHeight);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-canvas-chart",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "High performance Gantt chart component based on Canvas, can be applied to any framework",
   "type": "module",
   "main": "dist/index.es.js",