gantt-lib 0.0.5 → 0.0.6

package/README.md

@@ -13,6 +13,7 @@ Lightweight React Gantt chart component library with drag-and-drop task manageme
 - 📅 **Multi-month calendar grid** with two-row header (month + day)
 - 🌈 **Weekend highlighting** with customizable colors
 - 📍 **Today indicator** vertical line
+- 📈 **Progress bars** with accepted/completed states
 - ⚡ **Performance optimized** for ~100 tasks at 60fps
 - 📦 **Tree-shakeable** ESM + CJS builds
 - ✅ **TypeScript** types included
@@ -84,6 +85,8 @@ interface Task {
   startDate: string; // ISO date format: YYYY-MM-DD
   endDate: string; // ISO date format: YYYY-MM-DD
   color?: string; // Optional bar color (CSS color value)
+  progress?: number; // Optional progress 0–100. Renders a progress bar overlay inside the task bar.
+  accepted?: boolean; // Optional. Only meaningful when progress is 100. true = green bar, false/undefined = yellow bar.
 }
 ```
 
@@ -111,6 +114,11 @@ Override these CSS variables to customize the appearance:
   --gantt-task-bar-border-radius: 4px;
   --gantt-task-bar-height: 24px;
 
+  /* Progress Bar */
+  --gantt-progress-color: rgba(0, 0, 0, 0.2); /* In-progress overlay */
+  --gantt-progress-completed: #fbbf24; /* 100% but not accepted */
+  --gantt-progress-accepted: #22c55e; /* 100% and accepted */
+
   /* Today Indicator */
   --gantt-today-indicator-color: rgba(255, 0, 0, 0.2);
   --gantt-today-indicator-width: 2px;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles.css","../src/components/TimeScaleHeader/TimeScaleHeader.css","../src/components/TaskRow/TaskRow.css","../src/components/TodayIndicator/TodayIndicator.css","../src/components/GridBackground/GridBackground.css","../src/components/DragGuideLines/DragGuideLines.css","../src/components/GanttChart/GanttChart.css"],"sourcesContent":["/* Gantt Chart CSS Variables - User customizable theming */\n:root {\n  /* Grid Colors */\n  --gantt-grid-line-color: #e0e0e0;\n  --gantt-cell-background: #ffffff;\n  --gantt-row-hover-background: #f8f9fa;\n\n  /* Dimensions */\n  --gantt-row-height: 30px;\n  --gantt-header-height: 40px;\n  --gantt-day-width: 30px;\n\n  /* Task Bar Styling */\n  --gantt-task-bar-default-color: #3b82f6;\n  --gantt-task-bar-text-color: #ffffff;\n  --gantt-task-bar-border-radius: 4px;\n  --gantt-task-bar-height: 24px;\n\n  /* Today Indicator */\n  --gantt-today-indicator-color: rgba(255, 0, 0, 0.2);\n  --gantt-today-indicator-width: 2px;\n\n  /* Calendar Grid - Weekend */\n  --gantt-weekend-background: #fff9f8;\n  --gantt-weekend-border: #fca5a5;\n\n  /* Calendar Grid - Separators */\n  --gantt-month-separator-width: 2px;\n  --gantt-month-separator-color: #a1a1a1;\n  --gantt-week-separator-width: 1px;\n  --gantt-week-separator-color: #f3f4f6;\n  --gantt-day-line-width: 1px;\n  --gantt-day-line-color: #f3f4f6;\n\n  /* Progress Bar Colors */\n  --gantt-progress-color: rgba(0, 0, 0, 0.2);\n  --gantt-progress-completed: #fbbf24;\n  --gantt-progress-accepted: #22c55e;\n}\n\n/* GanttChart Component Styles */\n.gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n/* TaskRow Component Styles */\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: visible;\n  cursor: grab;\n}\n\n.gantt-tr-taskBar:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* TimeScaleHeader Component Styles - Two-row header layout */\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n\n/* GridBackground Component Styles */\n.gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n/* TodayIndicator Component Styles */\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n\n/* DragGuideLines Component Styles */\n.gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n","/**\n * TimeScaleHeader Component Styles - Two-row header layout\n */\n\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n/* Month row (top row) */\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n/* Day row (bottom row) */\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n","/**\n * TaskRow Component Styles\n */\n\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n  /* transition: box-shadow 0.15s ease; */\n  cursor: grab;\n}\n\n/**\n * Hover state - provides smooth visual feedback\n * Transition disabled during drag (see .gantt-tr-taskBar.gantt-tr-dragging)\n */\n.gantt-tr-taskBar:hover {\n  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */\n}\n\n/**\n * Dragging state - disables all transitions for performance\n *\n * CRITICAL: transition: none !important is required to override the\n * default box-shadow transition on .gantt-tr-taskBar. Without this, CSS transitions\n * during drag cause lag/ghosting and break the 60fps performance target.\n *\n * Per research anti-pattern: \"Using CSS transitions during drag causes lag/ghosting.\"\n */\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n  pointer-events: auto;\n  z-index: 10;\n  /* z-index requires a positioning context; position: absolute is set here.\n     Do NOT add position: relative via a shared selector - that would override\n     this rule and break the absolute positioning at bar edges. */\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* Progress bar overlay */\n.gantt-tr-progressBar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1;\n  pointer-events: none;\n  border-radius: var(--gantt-task-bar-border-radius) 0 0 var(--gantt-task-bar-border-radius);\n  transition: width 0.3s ease;\n}\n\n/* Ensure text stays above progress bar.\n   NOTE: .gantt-tr-resizeHandle is intentionally excluded here because it already\n   uses position: absolute with z-index: 10, which places it above the progress bar.\n   Adding position: relative here would override position: absolute and break the\n   absolute positioning that anchors handles to the bar edges. */\n.gantt-tr-taskName,\n.gantt-tr-taskDuration {\n  position: relative;\n  z-index: 2;\n}\n\n/* Disable transition during drag */\n.gantt-tr-taskBar.gantt-tr-dragging .gantt-tr-progressBar {\n  transition: none !important;\n}\n","/**\n * TodayIndicator Component Styles\n */\n\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n",".gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n",".gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n",".gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/styles.css","../src/components/TimeScaleHeader/TimeScaleHeader.css","../src/components/TaskRow/TaskRow.css","../src/components/TodayIndicator/TodayIndicator.css","../src/components/GridBackground/GridBackground.css","../src/components/DragGuideLines/DragGuideLines.css","../src/components/DependencyLines/DependencyLines.css","../src/components/GanttChart/GanttChart.css"],"sourcesContent":["/* Gantt Chart CSS Variables - User customizable theming */\n:root {\n  /* Grid Colors */\n  --gantt-grid-line-color: #e0e0e0;\n  --gantt-cell-background: #ffffff;\n  --gantt-row-hover-background: #f8f9fa;\n\n  /* Dimensions */\n  --gantt-row-height: 30px;\n  --gantt-header-height: 40px;\n  --gantt-day-width: 30px;\n\n  /* Task Bar Styling */\n  --gantt-task-bar-default-color: #3b82f6;\n  --gantt-task-bar-text-color: #ffffff;\n  --gantt-task-bar-border-radius: 4px;\n  --gantt-task-bar-height: 24px;\n\n  /* Today Indicator */\n  --gantt-today-indicator-color: rgba(255, 0, 0, 0.2);\n  --gantt-today-indicator-width: 2px;\n\n  /* Calendar Grid - Weekend */\n  --gantt-weekend-background: #fff9f8;\n  --gantt-weekend-border: #fca5a5;\n\n  /* Calendar Grid - Separators */\n  --gantt-month-separator-width: 2px;\n  --gantt-month-separator-color: #a1a1a1;\n  --gantt-week-separator-width: 1px;\n  --gantt-week-separator-color: #f3f4f6;\n  --gantt-day-line-width: 1px;\n  --gantt-day-line-color: #f3f4f6;\n\n  /* Progress Bar Colors */\n  --gantt-progress-color: rgba(0, 0, 0, 0.2);\n  --gantt-progress-completed: #fbbf24;\n  --gantt-progress-accepted: #22c55e;\n\n  /* Dependency line colors */\n  --gantt-dependency-line-color: rgba(0, 0, 55, 0.8);\n  --gantt-dependency-cycle-color: #ef4444;\n}\n\n/* GanttChart Component Styles */\n.gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n/* TaskRow Component Styles */\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: visible;\n  cursor: grab;\n}\n\n.gantt-tr-taskBar:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* TimeScaleHeader Component Styles - Two-row header layout */\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n\n/* GridBackground Component Styles */\n.gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n/* TodayIndicator Component Styles */\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n\n/* DragGuideLines Component Styles */\n.gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}","/**\n * TimeScaleHeader Component Styles - Two-row header layout\n */\n\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n/* Month row (top row) */\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n/* Day row (bottom row) */\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n","/**\n * TaskRow Component Styles\n */\n\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n  /* transition: box-shadow 0.15s ease; */\n  cursor: grab;\n}\n\n/**\n * Hover state - provides smooth visual feedback\n * Transition disabled during drag (see .gantt-tr-taskBar.gantt-tr-dragging)\n */\n.gantt-tr-taskBar:hover {\n  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */\n}\n\n/**\n * Dragging state - disables all transitions for performance\n *\n * CRITICAL: transition: none !important is required to override the\n * default box-shadow transition on .gantt-tr-taskBar. Without this, CSS transitions\n * during drag cause lag/ghosting and break the 60fps performance target.\n *\n * Per research anti-pattern: \"Using CSS transitions during drag causes lag/ghosting.\"\n */\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n  pointer-events: auto;\n  z-index: 10;\n  /* z-index requires a positioning context; position: absolute is set here.\n     Do NOT add position: relative via a shared selector - that would override\n     this rule and break the absolute positioning at bar edges. */\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* Progress bar overlay */\n.gantt-tr-progressBar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1;\n  pointer-events: none;\n  border-radius: var(--gantt-task-bar-border-radius) 0 0 var(--gantt-task-bar-border-radius);\n  transition: width 0.3s ease;\n}\n\n/* Ensure text stays above progress bar.\n   NOTE: .gantt-tr-resizeHandle is intentionally excluded here because it already\n   uses position: absolute with z-index: 10, which places it above the progress bar.\n   Adding position: relative here would override position: absolute and break the\n   absolute positioning that anchors handles to the bar edges. */\n.gantt-tr-taskDuration {\n  position: relative;\n  z-index: 2;\n}\n\n/* Disable transition during drag */\n.gantt-tr-taskBar.gantt-tr-dragging .gantt-tr-progressBar {\n  transition: none !important;\n}\n","/**\n * TodayIndicator Component Styles\n */\n\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n",".gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n",".gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n","/* SVG overlay for dependency lines */\n.gantt-dependencies-svg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 5;\n  pointer-events: none;\n  /* Allow clicks to pass through to task bars */\n  overflow: visible;\n}\n\n/* Dependency line path */\n.gantt-dependency-path {\n  fill: none;\n  stroke: var(--gantt-dependency-line-color, #666666);\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n/* Circular dependency highlighting */\n.gantt-dependency-cycle {\n  stroke: var(--gantt-dependency-cycle-color, #ef4444);\n}\n\n/* Arrow markers */\n.gantt-dependency-arrow polygon {\n  fill: var(--gantt-dependency-line-color, #666666);\n}\n\n.gantt-dependency-arrow-cycle polygon {\n  fill: var(--gantt-dependency-cycle-color, #ef4444);\n}",".gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n"],"mappings":";AACA;AAEE,2BAAyB;AACzB,2BAAyB;AACzB,gCAA8B;AAG9B,sBAAoB;AACpB,yBAAuB;AACvB,qBAAmB;AAGnB,kCAAgC;AAChC,+BAA6B;AAC7B,kCAAgC;AAChC,2BAAyB;AAGzB,iCAA+B,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;AAC/C,iCAA+B;AAG/B,8BAA4B;AAC5B,0BAAwB;AAGxB,iCAA+B;AAC/B,iCAA+B;AAC/B,gCAA8B;AAC9B,gCAA8B;AAC9B,0BAAwB;AACxB,0BAAwB;AAGxB,0BAAwB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtC,8BAA4B;AAC5B,6BAA2B;AAG3B,iCAA+B,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;AAC9C,kCAAgC;AAClC;AAGA,CAAC;AACC,SAAO;AACP;AAAA,IAAa,SAAS;AAAA,IAAE,aAAa;AAAA,IAAE,kBAAkB;AAAA,IAAE,UAAU;AAAA,IAAE,MAAM;AAAA,IAAE;AAC/E,UAAQ,IAAI,MAAM,IAAI,uBAAuB,EAAE;AAC/C,oBAAkB,IAAI,uBAAuB,EAAE;AACjD;AAEA,CAAC;AACC,YAAU;AACZ;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,WAAS;AACT,oBAAkB,IAAI,uBAAuB,EAAE;AAC/C,iBAAe,IAAI,MAAM,IAAI,uBAAuB,EAAE;AACxD;AAEA,CAAC;AACC,YAAU;AACV,oBAAkB,IAAI,uBAAuB,EAAE;AACjD;AAGA,CAAC;AACC,YAAU;AACV,SAAO;AACP,iBAAe,IAAI,MAAM,IAAI;AAC7B,cAAY;AACd;AAEA,CAPC,YAOY;AACX,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,aAAW,WAAW;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,eAAa;AACb,WAAS,EAAE;AACX,cAAY;AACZ,eAAa;AACb,YAAU;AACV,UAAQ;AACV;AAEA,CAdC,gBAcgB;AACf,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtC;AAEA,CAlBC,gBAkBgB,CAAC;AAChB,UAAQ;AACR,cAAY,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrC,WAAS;AACT,cAAY;AACd;AAEA,CAAC;AACC,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACb,eAAa;AACb,YAAU;AACV,iBAAe;AACf,aAAW;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACb,eAAa;AACb,gBAAc;AAChB;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,aAAW,WAAW;AACtB,WAAS;AACT,eAAa;AACb,OAAK;AACL,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,gBAAc;AAChB;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO;AACP,eAAa;AACb,eAAa;AACb,eAAa;AACf;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,UAAQ;AACR,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChC,UAAQ;AACV;AAEA,CAAC;AACC,QAAM;AACR;AAEA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,WAAS;AACT,eAAa;AACf;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,aAAW,WAAW;AACtB,WAAS;AACT,eAAa;AACb,kBAAgB;AAClB;AAEA,CAAC;AACC,aAAW;AACX,SAAO;AACP,eAAa;AACb,kBAAgB;AAChB,eAAa;AACf;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,gBAAc;AACd,OAAK;AACL,aAAW,WAAW;AACxB;AAGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,oBAAkB,IAAI;AACtB,iBAAe,IAAI,4BAA4B,EAAE,KAAK,MAAM,IAAI,4BAA4B,EAAE;AAC9F,cAAY;AACd;AAEA,CAAC;AACC,WAAS;AACT,iBAAe,IAAI,sBAAsB,EAAE,KAAK,MAAM,IAAI,sBAAsB,EAAE;AAClF,eAAa;AACf;AAEA,CAAC;AACC,cAAY;AACZ,WAAS,OAAO;AAChB,aAAW;AACX,eAAa;AACb,SAAO;AACP,eAAa,IAAI,6BAA6B,EAAE,KAAK,MAAM,IAAI,6BAA6B,EAAE;AAC9F,cAAY;AACd;AAEA,CAVC,mBAUmB;AAClB,eAAa;AACf;AAEA,CAAC;AACC,WAAS;AACT,cAAY;AACd;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACd;AAEA,CAAC;AACC,eAAa,IAAI,6BAA6B,EAAE,KAAK,MAAM,IAAI,6BAA6B,EAAE;AAChG;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO;AACT;AAEA,CAAC;AACC,oBAAkB,IAAI,0BAA0B,EAAE;AACpD;AAEA,CAJC,qBAIqB,CAVrB;AAWC,SAAO;AACT;AAEA,CAAC;AACC,oBAAkB;AAClB,iBAAe,EAAE,IAAI,IAAI;AAC3B;AAEA,CALC,gBAKgB,CAnBhB;AAoBC,SAAO;AACT;AAGA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,WAAS;AACT,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,oBAAkB,IAAI,0BAA0B,EAAE;AACpD;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,oBAAkB,IAAI,sBAAsB,EAAE;AAChD;AAEA,CAAC;AACC,SAAO,IAAI,6BAA6B,EAAE;AAC1C,oBAAkB,IAAI,6BAA6B,EAAE;AACvD;AAEA,CAAC;AACC,SAAO,IAAI,4BAA4B,EAAE;AACzC,oBAAkB,IAAI,4BAA4B,EAAE;AACtD;AAEA,CAAC;AACC,SAAO,IAAI,sBAAsB,EAAE;AACnC,oBAAkB,IAAI,sBAAsB,EAAE;AAChD;AAGA,CAAC;AACC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,WAAS;AACT,kBAAgB;AAClB;AAGA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,oBAAkB,IAAI,6BAA6B,EAAE;AACrD,WAAS;AACT,kBAAgB;AAChB,WAAS;AACX;;;AC1UA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,oBAAkB,IAAI;AACtB,iBAAe,IAAI,4BAA4B,EAAE,KAAK,MAAM,IAAI,4BAA4B,EAAE;AAC9F,cAAY;AACd;AAGA,CAAC;AACC,WAAS;AACT,iBAAe,IAAI,sBAAsB,EAAE,KAAK,MAAM,IAAI,sBAAsB,EAAE;AAClF,eAAa;AACf;AAEA,CAAC;AACC,cAAY;AACZ,WAAS,OAAO;AAChB,aAAW;AACX,eAAa;AACb,SAAO;AACP,eAAa,IAAI,6BAA6B,EAAE,KAAK,MAAM,IAAI,6BAA6B,EAAE;AAC9F,cAAY;AACd;AAEA,CAVC,mBAUmB;AAClB,eAAa;AACf;AAGA,CAAC;AACC,WAAS;AACT,cAAY;AACd;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACd;AAEA,CAAC;AACC,eAAa,IAAI,6BAA6B,EAAE,KAAK,MAAM,IAAI,6BAA6B,EAAE;AAChG;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO;AACT;AAEA,CAAC;AACC,oBAAkB,IAAI,0BAA0B,EAAE;AACpD;AAEA,CAJC,qBAIqB,CAVrB;AAWC,SAAO;AACT;AAEA,CAAC;AACC,oBAAkB;AAClB,iBAAe,EAAE,IAAI,IAAI;AAC3B;AAEA,CALC,gBAKgB,CAnBhB;AAoBC,SAAO;AACT;;;ACnEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,iBAAe,IAAI,MAAM,IAAI;AAC7B,cAAY;AACd;AAEA,CAPC,YAOY;AACX,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,aAAW,WAAW;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,eAAa;AACb,WAAS,EAAE;AACX,cAAY;AACZ,eAAa;AACb,YAAU;AAEV,UAAQ;AACV;AAMA,CAnBC,gBAmBgB;AAEjB;AAWA,CAhCC,gBAgCgB,CAAC;AAChB,UAAQ;AACR,cAAY,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrC,WAAS;AACT,cAAY;AACd;AAEA,CAAC;AACC,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACb,eAAa;AACb,gBAAc;AAChB;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,aAAW,WAAW;AACtB,WAAS;AACT,eAAa;AACb,OAAK;AACL,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,gBAAc;AAChB;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO;AACP,eAAa;AACb,eAAa;AACb,eAAa;AACf;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,UAAQ;AACR,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChC,UAAQ;AACR,kBAAgB;AAChB,WAAS;AAIX;AAEA,CAAC;AACC,QAAM;AACR;AAEA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,WAAS;AACT,eAAa;AACf;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,aAAW,WAAW;AACtB,WAAS;AACT,eAAa;AACb,kBAAgB;AAClB;AAEA,CAAC;AACC,aAAW;AACX,SAAO;AACP,eAAa;AACb,kBAAgB;AAChB,eAAa;AACf;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,gBAAc;AACd,OAAK;AACL,aAAW,WAAW;AACxB;AAGA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,UAAQ;AACR,WAAS;AACT,kBAAgB;AAChB,iBAAe,IAAI,gCAAgC,EAAE,EAAE,IAAI;AAC3D,cAAY,MAAM,KAAK;AACzB;AAOA,CAhHC;AAiHC,YAAU;AACV,WAAS;AACX;AAGA,CA7JC,gBA6JgB,CA7HC,kBA6HkB,CAtBnC;AAuBC,cAAY;AACd;;;AC1KA,CAAC;AACC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,WAAS;AACT,kBAAgB;AAClB;;;ACVA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,WAAS;AACT,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,oBAAkB,IAAI,0BAA0B,EAAE;AACpD;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,oBAAkB,IAAI,sBAAsB,EAAE;AAChD;AAEA,CAAC;AACC,SAAO,IAAI,6BAA6B,EAAE;AAC1C,oBAAkB,IAAI,6BAA6B,EAAE;AACvD;AAEA,CAAC;AACC,SAAO,IAAI,4BAA4B,EAAE;AACzC,oBAAkB,IAAI,4BAA4B,EAAE;AACtD;AAEA,CAAC;AACC,SAAO,IAAI,sBAAsB,EAAE;AACnC,oBAAkB,IAAI,sBAAsB,EAAE;AAChD;;;ACnCA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,oBAAkB,IAAI,6BAA6B,EAAE;AACrD,WAAS;AACT,kBAAgB;AAChB,WAAS;AACX;;;ACPA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,WAAS;AACT,kBAAgB;AAEhB,YAAU;AACZ;AAGA,CAAC;AACC,QAAM;AACN,UAAQ,IAAI,6BAA6B,EAAE;AAC3C,gBAAc;AACd,kBAAgB;AAChB,mBAAiB;AACnB;AAGA,CAAC;AACC,UAAQ,IAAI,8BAA8B,EAAE;AAC9C;AAGA,CAAC,uBAAuB;AACtB,QAAM,IAAI,6BAA6B,EAAE;AAC3C;AAEA,CAAC,6BAA6B;AAC5B,QAAM,IAAI,8BAA8B,EAAE;AAC5C;;;AChCA,CAAC;AACC,SAAO;AACP;AAAA,IAAa,SAAS;AAAA,IAAE,aAAa;AAAA,IAAE,kBAAkB;AAAA,IAAE,UAAU;AAAA,IAAE,MAAM;AAAA,IAAE;AAC/E,UAAQ,IAAI,MAAM,IAAI,uBAAuB,EAAE;AAC/C,oBAAkB,IAAI,uBAAuB,EAAE;AACjD;AAEA,CAAC;AACC,YAAU;AACZ;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,WAAS;AACT,oBAAkB,IAAI,uBAAuB,EAAE;AAC/C,iBAAe,IAAI,MAAM,IAAI,uBAAuB,EAAE;AACxD;AAEA,CAAC;AACC,YAAU;AACV,oBAAkB,IAAI,uBAAuB,EAAE;AACjD;","names":[]}

package/dist/index.d.mts

@@ -1,5 +1,139 @@
 import React$1 from 'react';
 
+/**
+ * Dependency link types following PM standard
+ * - FS (Finish-to-Start): Predecessor must finish before successor starts
+ * - SS (Start-to-Start): Predecessor must start before successor starts
+ * - FF (Finish-to-Finish): Predecessor must finish before successor finishes
+ * - SF (Start-to-Finish): Predecessor must start before successor finishes
+ */
+type LinkType = 'FS' | 'SS' | 'FF' | 'SF';
+/**
+ * Single dependency relationship (predecessor link)
+ */
+interface TaskDependency$1 {
+    /** ID of the predecessor task */
+    taskId: string;
+    /** Type of link: FS (finish-to-start), SS, FF, SF */
+    type: LinkType;
+    /** Lag in days (positive or negative integer, default: 0) */
+    lag?: number;
+}
+/**
+ * Error or warning from dependency validation
+ */
+interface DependencyError {
+    /** Type of error */
+    type: 'cycle' | 'constraint' | 'missing-task';
+    /** ID of the task with the error */
+    taskId: string;
+    /** Human-readable error message */
+    message: string;
+    /** Related task IDs (e.g., cycle path, referenced tasks) */
+    relatedTaskIds?: string[];
+}
+/**
+ * Result of dependency validation
+ */
+interface ValidationResult {
+    /** True if no errors found */
+    isValid: boolean;
+    /** Array of errors/warnings (empty if valid) */
+    errors: DependencyError[];
+}
+/**
+ * Task data structure for Gantt chart
+ */
+interface Task$1 {
+    /** Unique identifier for the task */
+    id: string;
+    /** Display name of the task */
+    name: string;
+    /** Task start date (ISO string or Date object) */
+    startDate: string | Date;
+    /** Task end date (ISO string or Date object) */
+    endDate: string | Date;
+    /** Optional color for task bar visualization */
+    color?: string;
+    /**
+     * Optional progress value from 0-100
+     * - Decimal values are allowed and rounded to nearest integer for display
+     * - Values are clamped to 0-100 range
+     * - Undefined or 0 means no progress is displayed
+     * - Progress is visual-only, no user interaction
+     */
+    progress?: number;
+    /**
+     * Optional flag indicating if task is accepted
+     * - Only meaningful when progress is 100%
+     * - Affects the color of the progress bar (green for accepted, yellow for completed)
+     */
+    accepted?: boolean;
+    /**
+     * Optional array of predecessor dependencies
+     * Each dependency specifies a predecessor task, link type, and optional lag
+     */
+    dependencies?: TaskDependency$1[];
+}
+/**
+ * Date range for Gantt chart display
+ */
+interface GanttDateRange {
+    /** Start date of the visible range */
+    start: Date;
+    /** End date of the visible range */
+    end: Date;
+}
+/**
+ * Task bar positioning and dimensions
+ */
+interface TaskBarGeometry {
+    /** Left position in pixels */
+    left: number;
+    /** Width in pixels */
+    width: number;
+}
+/**
+ * Grid configuration for layout calculations
+ */
+interface GridConfig {
+    /** Width of each day column in pixels */
+    dayWidth: number;
+    /** Height of each task row in pixels */
+    rowHeight: number;
+}
+/**
+ * Represents a month span in the calendar header
+ */
+interface MonthSpan {
+    /** First day of the month (UTC) */
+    month: Date;
+    /** Number of days this month spans in the visible range */
+    days: number;
+    /** Start index in the date range array */
+    startIndex: number;
+}
+/**
+ * Represents a vertical grid line
+ */
+interface GridLine {
+    /** X position in pixels */
+    x: number;
+    /** True if this line is at the start of a month */
+    isMonthStart: boolean;
+    /** True if this line is at the start of a week (Monday) */
+    isWeekStart: boolean;
+}
+/**
+ * Represents a weekend background block
+ */
+interface WeekendBlock {
+    /** Left position in pixels */
+    left: number;
+    /** Width in pixels */
+    width: number;
+}
+
 /**
  * Task data structure for Gantt chart
  */
@@ -28,6 +162,24 @@ interface Task {
      * - Affects the color of the progress bar (green for accepted, yellow for completed)
      */
     accepted?: boolean;
+    /**
+     * Optional array of task dependencies
+     * - Each dependency references a predecessor task by ID
+     * - Supports 4 link types: FS (finish-to-start), SS (start-to-start), FF (finish-to-finish), SF (start-to-finish)
+     * - Lag is optional and defaults to 0 (positive = delay, negative = overlap)
+     */
+    dependencies?: TaskDependency[];
+}
+/**
+ * Task dependency definition
+ */
+interface TaskDependency {
+    /** ID of the predecessor task */
+    taskId: string;
+    /** Link type: FS, SS, FF, or SF */
+    type: 'FS' | 'SS' | 'FF' | 'SF';
+    /** Optional lag in days (default: 0) */
+    lag?: number;
 }
 interface GanttChartProps {
     /** Array of tasks to display */
@@ -42,6 +194,14 @@ interface GanttChartProps {
     containerHeight?: number;
     /** Callback when tasks are modified via drag/resize. Can receive either the new tasks array or a functional updater. */
     onChange?: (tasks: Task[] | ((currentTasks: Task[]) => Task[])) => void;
+    /** Optional callback for dependency validation results */
+    onValidateDependencies?: (result: ValidationResult) => void;
+    /** Enable automatic shifting of dependent tasks when predecessor moves (default: false) */
+    enableAutoSchedule?: boolean;
+    /** Disable dependency constraint checking during drag (default: false) */
+    disableConstraints?: boolean;
+    /** Called when a cascade drag completes; receives all shifted tasks (including dragged task) in hard mode */
+    onCascade?: (tasks: Task[]) => void;
 }
 /**
  * GanttChart component - displays tasks on a monthly timeline with Excel-like styling
@@ -79,6 +239,26 @@ interface TaskRowProps {
         left: number;
         width: number;
     }) => void;
+    /** Index of the task row (used for dependency rendering) */
+    rowIndex?: number;
+    /** All tasks in the chart (used for dependency validation) */
+    allTasks?: Task[];
+    /** Whether auto-scheduling is enabled */
+    enableAutoSchedule?: boolean;
+    /** Whether to disable constraint checking during drag */
+    disableConstraints?: boolean;
+    /** Position override for cascade preview — when set, overrides both static and drag position */
+    overridePosition?: {
+        left: number;
+        width: number;
+    };
+    /** Called each RAF during cascade drag with override positions for non-dragged chain tasks */
+    onCascadeProgress?: (overrides: Map<string, {
+        left: number;
+        width: number;
+    }>) => void;
+    /** Called when cascade drag completes; receives all shifted tasks including dragged task */
+    onCascade?: (tasks: Task[]) => void;
 }
 /**
  * TaskRow component - renders a single task row with a task bar
@@ -168,6 +348,7 @@ interface UseTaskDragOptions {
         id: string;
         startDate: Date;
         endDate: Date;
+        updatedDependencies?: Task$1['dependencies'];
     }) => void;
     /** Callback for drag state changes (for parent components to render guide lines) */
     onDragStateChange?: (state: {
@@ -178,6 +359,21 @@ interface UseTaskDragOptions {
     }) => void;
     /** Width of edge zones for resize detection (default: 12px) */
     edgeZoneWidth?: number;
+    /** Array of all tasks for dependency validation */
+    allTasks?: Task$1[];
+    /** Row index of this task (for task lookup) */
+    rowIndex?: number;
+    /** Enable automatic scheduling of dependent tasks */
+    enableAutoSchedule?: boolean;
+    /** When true, dependency constraint checking is skipped during drag (default: false) */
+    disableConstraints?: boolean;
+    /** Callback for real-time cascade preview — called each RAF with non-dragged chain member positions */
+    onCascadeProgress?: (overrides: Map<string, {
+        left: number;
+        width: number;
+    }>) => void;
+    /** Callback when cascade completes — receives all shifted tasks including dragged task */
+    onCascade?: (tasks: Task$1[]) => void;
 }
 /**
  * Return value from useTaskDrag hook
@@ -265,6 +461,52 @@ declare const getMonthSpans: (dateRange: Date[]) => Array<{
  */
 declare const formatDateLabel: (date: Date | string) => string;
 
+/**
+ * Build adjacency list for dependency graph (task -> successors)
+ */
+declare function buildAdjacencyList(tasks: Task$1[]): Map<string, string[]>;
+/**
+ * Detect circular dependencies using depth-first search
+ */
+declare function detectCycles(tasks: Task$1[]): {
+    hasCycle: boolean;
+    cyclePath?: string[];
+};
+/**
+ * Calculate successor date based on predecessor dates, link type, and lag
+ *
+ * Link type semantics:
+ * - FS: Successor start = Predecessor end + lag
+ * - SS: Successor start = Predecessor start + lag
+ * - FF: Successor end = Predecessor end + lag
+ * - SF: Successor end = Predecessor start + lag
+ */
+declare function calculateSuccessorDate(predecessorStart: Date, predecessorEnd: Date, linkType: LinkType, lag?: number): Date;
+/**
+ * Validate all dependencies in the task list
+ */
+declare function validateDependencies(tasks: Task$1[]): ValidationResult;
+/**
+ * Get all FS successor tasks of a dragged task using BFS (FS edges only, Phase 7).
+ *
+ * Returns tasks in breadth-first order (direct successors first, then their successors).
+ * The dragged task itself is NOT included in the returned array.
+ *
+ * The visited set prevents infinite loops in case of cycles (cycle detection already
+ * prevents cycles in valid data, but the guard adds safety during cascade computation).
+ */
+declare function getSuccessorChain(draggedTaskId: string, allTasks: Task$1[]): Task$1[];
+/**
+ * Get all dependency edges for rendering
+ * Returns array of { predecessorId, successorId, type, lag }
+ */
+declare function getAllDependencyEdges(tasks: Task$1[]): Array<{
+    predecessorId: string;
+    successorId: string;
+    type: LinkType;
+    lag: number;
+}>;
+
 /**
  * Calculate task bar positioning and dimensions
  * @param taskStartDate - Start date of the task
@@ -327,64 +569,33 @@ declare const calculateWeekendBlocks: (dateRange: Date[], dayWidth: number) => A
     left: number;
     width: number;
 }>;
-
 /**
- * Date range for Gantt chart display
+ * Calculate SVG cubic Bezier curve path for dependency lines
+ * @param from - Start point {x, y} (right edge of predecessor)
+ * @param to - End point {x, y} (left edge of successor)
+ * @returns SVG path string for cubic Bezier curve
  */
-interface GanttDateRange {
-    /** Start date of the visible range */
-    start: Date;
-    /** End date of the visible range */
-    end: Date;
-}
-/**
- * Task bar positioning and dimensions
- */
-interface TaskBarGeometry {
-    /** Left position in pixels */
-    left: number;
-    /** Width in pixels */
-    width: number;
-}
-/**
- * Grid configuration for layout calculations
- */
-interface GridConfig {
-    /** Width of each day column in pixels */
-    dayWidth: number;
-    /** Height of each task row in pixels */
-    rowHeight: number;
-}
-/**
- * Represents a month span in the calendar header
- */
-interface MonthSpan {
-    /** First day of the month (UTC) */
-    month: Date;
-    /** Number of days this month spans in the visible range */
-    days: number;
-    /** Start index in the date range array */
-    startIndex: number;
-}
-/**
- * Represents a vertical grid line
- */
-interface GridLine {
-    /** X position in pixels */
+declare const calculateBezierPath: (from: {
     x: number;
-    /** True if this line is at the start of a month */
-    isMonthStart: boolean;
-    /** True if this line is at the start of a week (Monday) */
-    isWeekStart: boolean;
-}
+    y: number;
+}, to: {
+    x: number;
+    y: number;
+}) => string;
 /**
- * Represents a weekend background block
+ * Calculate SVG Г-shaped (L-shaped) path for FS dependency lines.
+ * Goes vertically from the right edge of the predecessor bar, then horizontally
+ * to the left edge of the successor bar. Supports negative lag (overlap).
+ * @param from - Start point {x, y} (right edge of predecessor, vertical center)
+ * @param to - End point {x, y} (left edge of successor, vertical center)
+ * @returns SVG path string
  */
-interface WeekendBlock {
-    /** Left position in pixels */
-    left: number;
-    /** Width in pixels */
-    width: number;
-}
+declare const calculateOrthogonalPath: (from: {
+    x: number;
+    y: number;
+}, to: {
+    x: number;
+    y: number;
+}) => string;
 
-export { DragGuideLines, GanttChart, type GanttChartProps, type GanttDateRange, GridBackground, type GridConfig, type GridLine, type MonthSpan, type Task, type TaskBarGeometry, TaskRow, TimeScaleHeader, TodayIndicator, type WeekendBlock, calculateGridLines, calculateGridWidth, calculateTaskBar, calculateWeekendBlocks, detectEdgeZone, formatDateLabel, getCursorForPosition, getDayOffset, getMonthDays, getMonthSpans, getMultiMonthDays, isToday, isWeekend, parseUTCDate, pixelsToDate, useTaskDrag };
+export { DragGuideLines, GanttChart, type GanttChartProps, type GanttDateRange, GridBackground, type GridConfig, type GridLine, type MonthSpan, type Task, type TaskBarGeometry, type TaskDependency, TaskRow, TimeScaleHeader, TodayIndicator, type WeekendBlock, buildAdjacencyList, calculateBezierPath, calculateGridLines, calculateGridWidth, calculateOrthogonalPath, calculateSuccessorDate, calculateTaskBar, calculateWeekendBlocks, detectCycles, detectEdgeZone, formatDateLabel, getAllDependencyEdges, getCursorForPosition, getDayOffset, getMonthDays, getMonthSpans, getMultiMonthDays, getSuccessorChain, isToday, isWeekend, parseUTCDate, pixelsToDate, useTaskDrag, validateDependencies };