Merge branch 'release/4.1.0'

Author: Xeyos88

docs/api/props.md

@@ -76,6 +76,7 @@ interface BehaviorProps {
   barLabelEditable?: boolean;               // Allow editing bar labels
   enableConnectionCreation?: boolean;       // Enable creating connections
   enableConnectionDeletion?: boolean;       // Enable deleting connections
+  autoScrollToToday?: boolean;              // Auto-scroll to center today's date on chart load
 }
 ```
 

docs/components/g-gantt-chart.md

@@ -95,6 +95,7 @@ Here's a minimal example of using the GGanttChart component:
 | baseUnitWidth | `number` | `24` | Default width in px for one lower unit in timeaxis (min: 20, max: 50) |
 | defaultZoom | `number` | `3` | Default initial zoom value (min: 1, max: 10)  |
 | tick | `number` | `0` | Range selection snap interval. When > 0, enables snapped selection based on current precision |
+| autoScrollToToday | `boolean` | `false` | Automatically scroll to center today's date on chart initialization. Only works if today falls within the chart range |
 
 ### Events
 

docs/guide/chart-configuration.md

@@ -19,6 +19,7 @@ The GGanttChart component accepts several key configuration properties that defi
   :push-on-overlap="true"
   :no-overlap="false"
   :commands="true"
+  :auto-scroll-to-today="true"
 />
 ```
 
@@ -59,6 +60,33 @@ The chart emits various events that you can listen to:
 />
 ```
 
+## Auto-Scroll to Current Date
+
+The chart can automatically center on today's date when it loads using the `autoScrollToToday` property:
+
+```vue
+<template>
+  <g-gantt-chart
+    :chart-start="'2024-01-01'"
+    :chart-end="'2024-12-31'"
+    :auto-scroll-to-today="true"
+  >
+    <!-- Your gantt rows here -->
+  </g-gantt-chart>
+</template>
+```
+
+**Key Features:**
+- Only activates when today's date falls within the chart's visible range (`chartStart` to `chartEnd`)
+- Centers the current date in the viewport on chart initialization
+- No action taken if today is outside the date range
+- Executes after the chart is fully loaded and positioned
+
+**Use Cases:**
+- Project timelines where you want immediate visibility of current status
+- Long-term planning charts that span multiple months or years
+- Real-time dashboards showing current progress
+
 ## Performance Optimization
 
 For optimal performance:

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "hy-vue-gantt",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Evolution of vue-ganttastic package",
   "author": "Eugenio Topa (@Xeyos88)",
   "scripts": {
@@ -79,7 +79,7 @@
     "date-holidays": "^3.23.14",
     "dayjs": "^1.11.13",
     "html2canvas": "^1.4.1",
-    "jspdf": "^3.0.1",
+    "jspdf": "^3.0.2",
     "lodash-es": "^4.17.21",
     "papaparse": "^5.5.2",
     "uuid": "^11.0.5",