@mogura/moguchart-core 1.5.0 → 1.6.0

package/CHANGELOG.ja.md

@@ -5,6 +5,51 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.6.0] - 2026-10-25
+
+### Added
+
+- **自動スケジューリング（Auto-Scheduling）＆ 拡張依存関係タイプ（`FS` / `SS` / `FF` / `SF`）・ラグ設定のサポート**:
+  - **拡張された依存関係リンク定義 (`GanttDependencyLink`)**:
+    - `task.dependencies`（`GanttDependency[]`）において、従来のタスクID文字列（`string`）との完全な後方互換性を保ちつつ、オブジェクト形式 `GanttDependencyLink`（`{ taskId: string, type?: 'FS' | 'SS' | 'FF' | 'SF', lag?: number }`）の指定に対応
+    - 4種類の標準依存関係タイプをサポート:
+      - `FS` (Finish-to-Start / 終了-開始、デフォルト): 先行タスク終了後に後続タスクを開始
+      - `SS` (Start-to-Start / 開始-開始): 先行タスク開始に合わせて後続タスクを開始
+      - `FF` (Finish-to-Finish / 終了-終了): 先行タスク終了に合わせて後続タスクを終了
+      - `SF` (Start-to-Finish / 開始-終了): 先行タスク開始に合わせて後続タスクを終了
+    - 分単位のラグ（遅延: 正の値）およびリード（前倒し: 負の値）期間（`lag`）の設定に対応
+  - **トポロジカルカスケード自動スケジューリングエンジン (`option.dependency.autoSchedule`)**:
+    - `option.dependency` に `autoSchedule?: boolean`（デフォルト: `false`）、`scheduleMode?: 'push-only' | 'strict'`（デフォルト: `'push-only'`）、`respectMovable?: boolean`（デフォルト: `true`）、`calendarMode?: 'calendar' | 'weekends' | 'weekends-holidays'`（デフォルト: `'calendar'`）、`isHoliday?: (date: Date) => boolean`（未指定時は `option.calendar.isHoliday` にフォールバック）を追加
+    - 依存制約に違反（逆転）する場合のみ後続タスクを後ろへ押し出す `'push-only'` モードと、先行タスクの移動およびラグに常時厳密追従させる `'strict'` モードをサポート
+    - **営業日ベース（土日除外・土日祝日除外）の稼働日・ラグ計算 (`calendarMode`)**: `'weekends'`（土日除外）または `'weekends-holidays'`（土日・祝日除外）を指定した場合、後続タスクの着地日が非稼働日にあたる際に翌営業日へ自動スキップし、各タスクの実稼働日数（営業日数）および依存関係のラグ・リード期間（`lag`）を営業日ベースで維持したまま期間を自動伸縮
+    - タスクバーのドラッグ移動・期間リサイズ、複数タスク一括移動、キーボード（`Shift + 矢印キー`）移動、マルチカラムグリッドのインラインセル編集（`startDate`, `endDate`, `duration`）のすべてと自動連動し、連鎖更新された全タスクの変更を単一の Undo / Redo 履歴コマンドとして記録
+    - プログラムから任意のタイミングで後続タスクの再計算を実行できるパブリックメソッド `chart.autoSchedule(changedTaskIds?, options?)` を `GanttChartElement` および `@mogura/moguchart-vue`（`GanttChartPublicApi`）に追加
+  - **エンドポイント連動の依存関係線描画・コネクタ作成・Excelエクスポート対応**:
+    - 直角折れ線（`'orthogonal'`）およびベジェ曲線（`'curve'`）のSVGパス計算において、`FS` / `SS` / `FF` / `SF` の各始点・終点（左端 `start` / 右端 `end`）に応じた正確なルートおよび矢印向きの描画に対応
+    - タスクバー左右端のコネクタドラッグによる依存関係作成時、接続元・接続先のエンドポイントから依存関係種別（`type: 'FS' | 'SS' | 'FF' | 'SF'`）を自動判定し、`DependencyCreateEventDetail.type` に格納
+    - クリティカルパス計算（`computeCriticalPath`）および Excel エクスポートプラグイン（`@mogura/moguchart-plugin-excel`）で `GanttDependencyLink` に対応（Excel 出力時は `FS` 以外の種別を `1 (SS)` のように表記）
+    - 操作履歴の `GanttCommandType` に `'dependency-update'` を追加
+    - 自動スケジューリング・営業日計算および依存関係操作用のユーティリティ関数（`propagateAutoSchedule`, `computeRequiredStartMs`, `createNonWorkingDayChecker`, `computeWorkingDurationMs`, `snapToWorkingStartMs`, `addWorkingTimeMs`, `getDependencyTaskId`, `normalizeDependencyLink`, `endpointsToDependencyType`, `dependencyTypeToEndpoints`, `createDependencyEntry`, `hasDependencyTarget`, `removeDependencyTarget`）をエクスポート
+- **依存関係線の操作性向上 ＆ 同一行内タスクのレーン配置改善**:
+  - 依存関係線のヒット領域において、通常のクリック（`click`）に加えてダブルクリック（`dblclick`）および右クリック（`contextmenu`）での `dependency-click` イベント発火に対応（`e.detail.event.type` で判別可能）
+  - 同一行内で `FS`（`lag: 0`）の依存関係を持ち、先行タスクの終了日時と後続タスクの開始日時が接している（`pred.end === succ.start`）場合に、依存関係線が潰れて選択不能になるのを防ぐため自動的に別レーン（上下段）へ分離する改善（`calculateTaskLanes`）
+  - 依存関係線上のカーソル表示と削除「×」ボタンのヒット領域半径を調整
+
+### Fixed
+
+- **マルチカラムグリッドにおける排他的終了日時（翌日 `00:00`）タスクの表示・期間日数集計・インライン編集の修正**:
+  - 日単位モードで終了日時が翌日 `00:00`（排他的終了境界）として保持されているタスクについて、`calculateRowSummaryDates` の期間日数（`durationDays`）計算、`formatGridCellValue` / `formatGridCellEditValue` の「終了日」表示（前日表記への補正）、および `applyGridCellEdit` での「終了日」「期間」インライン編集時に排他的終了日時のセマンティクスが正確に維持されるよう修正
+- **複数タスク一括ドラッグ移動の状態委譲 ＆ Shadow DOM 内での矩形範囲選択（Marquee Selection）の修正**:
+  - `GanttChartElement` と `DragDropController` 間で `TaskDragController` / `RowReorderController` のインスタンスを共有するよう修正し、複数選択したタスクのドラッグ＆ドロップ時に選択状態が維持され全選択タスクへ移動量が反映されるよう修正
+  - `MarqueeController` で `composedPath()` および固定行ヘッダー領域の座標判定を行うよう修正し、行ヘッダーやスプリッター操作時に誤って矩形選択が開始される問題や、矩形ドラッグ中に行ヘッダーのテキストが選択される問題を解消
+- **マルチカラムグリッド有効時のツリートグルボタン位置の整合性修正**:
+  - グリッド表示モード時における階層展開・折りたたみボタン（`.tree-toggle-btn`）の配置位置を非グリッド表示時と一致するよう修正
+- **タスクバーのリサイズハンドル優先度 ＆ 進捗操作ハンドルのヒット領域修正**:
+  - タスクバー端において期間リサイズハンドル（`.resize-handle`）と依存関係コネクタ（`.connector-handle`）が重なる領域で、期間リサイズ操作を優先するよう修正
+  - 進捗率ドラッグ操作ハンドルのヒット領域を下部の逆三角形ノブ部分のみに限定し、タスクバー本体のホバーやドラッグ時に意図せず進捗変更モードに入る問題を修正
+
+---
+
 ## [1.5.0] - 2026-10-17
 
 ### Added

package/CHANGELOG.md

@@ -5,6 +5,51 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.6.0] - 2026-10-25
+
+### Added
+
+- **Auto-Scheduling & Extended Dependency Types (`FS` / `SS` / `FF` / `SF`) with Lag**:
+  - **Extended Dependency Link Model (`GanttDependencyLink`)**:
+    - `task.dependencies` (`GanttDependency[]`) now supports rich `GanttDependencyLink` objects (`{ taskId: string, type?: 'FS' | 'SS' | 'FF' | 'SF', lag?: number }`) in addition to plain task ID strings (`string`), maintaining 100% backward compatibility.
+    - Support all four standard dependency relationships:
+      - `FS` (Finish-to-Start, default): Successor starts after predecessor finishes (`+ lag`).
+      - `SS` (Start-to-Start): Successor starts relative to predecessor start (`+ lag`).
+      - `FF` (Finish-to-Finish): Successor finishes relative to predecessor finish (`+ lag`).
+      - `SF` (Start-to-Finish): Successor finishes relative to predecessor start (`+ lag`).
+    - Support positive lag (delay) and negative lag (lead time) in minutes (`lag`).
+  - **Topological Cascade Auto-Scheduling Engine (`option.dependency.autoSchedule`)**:
+    - Added `autoSchedule?: boolean` (default: `false`), `scheduleMode?: 'push-only' | 'strict'` (default: `'push-only'`), `respectMovable?: boolean` (default: `true`), `calendarMode?: 'calendar' | 'weekends' | 'weekends-holidays'` (default: `'calendar'`), and `isHoliday?: (date: Date) => boolean` (falls back to `option.calendar.isHoliday`) to `option.dependency`.
+    - `'push-only'` mode shifts successor tasks forward only when a dependency constraint is violated, whereas `'strict'` mode locks successor dates strictly to predecessor dates plus lag.
+    - **Working-Day & Holiday-Aware Scheduling (`calendarMode`)**: When set to `'weekends'` (skip Saturdays and Sundays) or `'weekends-holidays'` (skip weekends and holidays), successor start dates automatically snap forward to the next working day, while both task working durations and dependency lag/lead times (`lag`) are calculated and preserved in working days.
+    - Automatically cascades schedule updates across downstream tasks during task bar drag/resize, multi-task batch move, keyboard `Shift + Arrow` movement, and inline grid cell editing (`startDate`, `endDate`, `duration`), recording all cascaded changes in a single atomic Undo / Redo command.
+    - Added programmatic `chart.autoSchedule(changedTaskIds?, options?)` public method on `GanttChartElement` and `@mogura/moguchart-vue` (`GanttChartPublicApi`).
+  - **Endpoint-Aware Dependency Rendering, Creation & Export**:
+    - Orthogonal (`'orthogonal'`) and Bezier (`'curve'`) SVG dependency path builders now route from and to the appropriate left (`start`) or right (`end`) task bar endpoints based on `FS`, `SS`, `FF`, and `SF` types.
+    - Dragging between left/right task bar connectors automatically infers the corresponding `type` (`'FS' | 'SS' | 'FF' | 'SF'`) and includes it in `DependencyCreateEventDetail.type`.
+    - Updated `computeCriticalPath` and `@mogura/moguchart-plugin-excel` to support `GanttDependencyLink` entries (formatting non-FS dependencies such as `1 (SS)` in Excel exports).
+    - Added `'dependency-update'` to `GanttCommandType` for Undo / Redo history tracking of dependency link edits.
+    - Exported auto-scheduling, working-day calculation, and dependency helper utilities (`propagateAutoSchedule`, `computeRequiredStartMs`, `createNonWorkingDayChecker`, `computeWorkingDurationMs`, `snapToWorkingStartMs`, `addWorkingTimeMs`, `getDependencyTaskId`, `normalizeDependencyLink`, `endpointsToDependencyType`, `dependencyTypeToEndpoints`, `createDependencyEntry`, `hasDependencyTarget`, `removeDependencyTarget`).
+- **Dependency Line Interaction & Intra-Row Lane Layout Enhancements**:
+  - Supported `dblclick` and `contextmenu` (right-click) events on dependency line hit areas via `dependency-click` (inspect `e.detail.event.type` for `'click' | 'dblclick' | 'contextmenu'`).
+  - Improved `calculateTaskLanes` so intra-row successor tasks connected via `FS` (`lag: 0`) with touching boundary dates (`pred.end.getTime() === succ.start.getTime()`) are separated into distinct lanes, keeping the connecting dependency line visible and clickable.
+  - Refined cursor styles on dependency lines and adjusted delete button hit area radius.
+
+### Fixed
+
+- **Multi-Column Grid Exclusive Midnight (`00:00`) End Date Display, Duration Count & Inline Editing**:
+  - Fixed `calculateRowSummaryDates`, `formatGridCellValue`, `formatGridCellEditValue`, and `applyGridCellEdit` so day-mode tasks stored with exclusive midnight end timestamps (next day `00:00`) display inclusive calendar end dates (previous day) and accurate `durationDays` counts, while preserving exclusive midnight semantics when inline editing `endDate` or `duration`.
+- **Multi-Task Drag-and-Drop State Delegation & Marquee Selection in Shadow DOM**:
+  - Fixed controller instance sharing between `GanttChartElement` and `DragDropController` (`TaskDragController`, `RowReorderController`) so multi-task selection is preserved and movement is applied to all selected tasks upon drop.
+  - Updated `MarqueeController` to inspect `composedPath()` and sticky row header viewport bounds, preventing unintended marquee selection activation when dragging from row headers/splitters and suppressing text selection during marquee drag.
+- **Multi-Column Grid Tree Toggle Button Alignment**:
+  - Aligned the vertical and horizontal position of `.tree-toggle-btn` in multi-column grid mode with the classic non-grid row header.
+- **Task Bar Resize Handle Priority & Progress Knob Hit Area**:
+  - Prioritized task duration resize handles (`.resize-handle`) over dependency connector circles (`.connector-handle`) in overlapping edge regions.
+  - Restricted the progress resize handle hit area exclusively to the bottom triangular knob so hovering or dragging the main task bar body no longer triggers accidental progress changes.
+
+---
+
 ## [1.5.0] - 2026-10-17
 
 ### Added

package/README.ja.md

@@ -28,9 +28,11 @@ Vue, React, Angular, Svelte など、どのフレームワークでも動作す
   - ライト/ダーク/システムテーマの切り替え＋カスタムカラーテーマ
   - タスクバーの塗りつぶしパターン（ストライプ、ドット、チェッカーボードなど13種類）
   - CSSによるスタイリング
-- 🔗 **依存関係の対話的操作**:
-  - タスク間の依存関係を矢印付き直線・曲線（直角折れ線/ベジェ曲線）で可視化
-  - 依存関係線のクリック選択とハイライト表示
+- 🔗 **依存関係の対話的操作 ＆ 自動スケジューリング**:
+  - 4種類の標準依存関係タイプ（`FS`: 終了-開始、`SS`: 開始-開始、`FF`: 終了-終了、`SF`: 開始-終了）およびラグ・リード期間（`lag`: 分単位）を `GanttDependencyLink` で指定可能（文字列タスクIDとも100%後方互換）
+  - トポロジカルソートによる **自動スケジューリング（Auto-Scheduling）** に対応（`autoSchedule`, `scheduleMode: 'push-only' | 'strict'`, `respectMovable`, `calendarMode: 'calendar' | 'weekends' | 'weekends-holidays'`, `isHoliday`）。営業日ベース（土日除外・土日祝日除外）での非稼働日スキップと実稼働期間・ラグ維持、ドラッグ移動・リサイズ、複数選択移動、キーボード移動、グリッドのインラインセル編集、および `chart.autoSchedule()` メソッドと完全連動
+  - タスク間の依存関係を矢印付き直線・曲線（直角折れ線/ベジェ曲線）で左右端エンドポイントに応じて可視化
+  - 依存関係線のクリック選択・ハイライト表示に加え、ダブルクリック（`dblclick`）・右クリック（`contextmenu`）イベントにも対応
   - 選択中の線上の削除「×」ボタンまたは `Delete` / `Backspace` キーによるワンクリック削除
   - クリティカルパス（最長チェーン）の自動検出＋ハイライト表示
 - 📅 **柔軟なカレンダー**:
@@ -126,7 +128,7 @@ pnpm add @mogura/moguchart-vue @mogura/moguchart-core
 
 ## React での使用例（公式ラッパー）
 
-[`@mogura/moguchart-react`](./packages/react/README.ja.md) を使用すると、React の合成イベントや Props、`ref` を通じた命令的メソッド呼び出しが完全に型安全に動作します：
+[`@mogura/moguchart-react`](../react/README.ja.md) を使用すると、React の合成イベントや Props、`ref` を通じた命令的メソッド呼び出しが完全に型安全に動作します：
 
 ```tsx
 import React, { useRef } from 'react'
@@ -202,7 +204,7 @@ export default function App() {
 
 ## Vue 3 での使用例（公式ラッパー）
 
-[`@mogura/moguchart-vue`](./packages/vue/README.ja.md) を使用すると、Composition API（`<script setup>`）でリアクティブな Props や Vue 標準のイベントハンドリング（`@task-update` 等）を直感的に扱えます：
+[`@mogura/moguchart-vue`](../vue/README.ja.md) を使用すると、Composition API（`<script setup>`）でリアクティブな Props や Vue 標準のイベントハンドリング（`@task-update` 等）を直感的に扱えます：
 
 ```vue
 <script setup lang="ts">
@@ -511,13 +513,32 @@ gantt-chart {
 
 フォント倍率はカレンダーヘッダー（年月・週・日・時・バッジ）、行ヘッダー、WBSコードバッジ、ツリー開閉トグル、タスクバーラベル、進捗率ラベル、マーカー、ツールチップ、ドラッグ情報オーバーレイに自動反映されます。
 
-### 依存関係線の設定
+### 依存関係線の設定 ＆ 自動スケジューリング
 
-`dependency` オプションで依存関係線の表示や操作をカスタマイズできます。
-矢印の表示/非表示や大きさ、接続コネクター、最長チェーン（クリティカルパス）の自動検出ハイライトを制御できます。
-線のクリックによる選択（ハイライト表示）、選択時の削除「×」ボタン、`Delete` / `Backspace` キーによる直感的な削除に対応しています。
+`dependency` オプションで依存関係線の表示や操作、および先行タスク変更時の自動スケジューリング（カスケード移動）をカスタマイズできます。
+
+- `task.dependencies` の各要素には、シンプルなタスクID文字列（`'task-1'`：`FS` / ラグ `0` として扱われます）または拡張オブジェクト `GanttDependencyLink`（`{ taskId: 'task-1', type: 'FS' | 'SS' | 'FF' | 'SF', lag: 1440 }`、`lag` は分単位）を指定できます。
+- 線のクリック・ダブルクリック・右クリック（`dependency-click`）、選択（`dependency-select`）、選択時の削除「×」ボタンや `Delete` / `Backspace` キーによる直感的な削除に対応しています。
 
 ```javascript
+const rows = [
+  {
+    id: 'row-1',
+    name: 'バックエンド開発',
+    tasks: [
+      { id: 't-1', name: 'スキーマ設計', start: new Date('2026-04-01'), end: new Date('2026-04-05') },
+      {
+        id: 't-2',
+        name: 'API実装',
+        start: new Date('2026-04-06'),
+        end: new Date('2026-04-12'),
+        // タスクID文字列、または GanttDependencyLink ({ taskId, type: 'FS' | 'SS' | 'FF' | 'SF', lag }) を指定可能
+        dependencies: [{ taskId: 't-1', type: 'FS', lag: 1440 }], // +1日 (1440分) のラグ
+      },
+    ],
+  },
+]
+
 const option = {
   dependency: {
     lineStyle: 'orthogonal', // 接続線の形状 ('orthogonal': 角丸直角折れ線, 'curve': ベジェ曲線)
@@ -529,10 +550,18 @@ const option = {
     creatable: true, // コネクタからのドラッグによる依存関係作成を許可 (デフォルト: true)
     deletable: true, // 依存関係の削除を許可 (デフォルト: true)
     showDeleteButton: true, // 選択時の削除「×」ボタンを表示 (デフォルト: true)
+    autoSchedule: true, // 先行タスク変更時に後続タスクを自動カスケード移動 (デフォルト: false)
+    scheduleMode: 'push-only', // 'push-only' (制約違反時のみ押し出し) | 'strict' (常に厳密追従)
+    respectMovable: true, // movable: 'none' | 'y' のタスクを自動移動対象から除外 (デフォルト: true)
+    calendarMode: 'weekends-holidays', // 'calendar' (暦日, デフォルト) | 'weekends' (土日除外) | 'weekends-holidays' (土日・祝日除外)
+    // isHoliday: (date) => false, // 祝日判定関数（省略時は option.calendar.isHoliday を使用）
   },
   // ...
 }
 
+// プログラムから全依存関係または指定タスク起点で自動スケジューリングを実行
+const updatedTaskIds = chart.autoSchedule()
+
 // 依存関係の選択・削除イベント
 chart.addEventListener('dependency-select', (e) => {
   console.log('選択された依存関係:', e.detail.selected)
@@ -1032,12 +1061,16 @@ chart.addEventListener('history-change', (e) => {
 })
 ```
 
-#### 依存関係の削除 (triggerDependencyDelete)
+#### 依存関係の削除 ＆ 自動スケジューリング (`triggerDependencyDelete` / `autoSchedule`)
 
-プログラムから特定の依存関係線を削除できます。
+プログラムから特定の依存関係線を削除したり、依存関係に基づく後続タスクの自動スケジューリングを実行できます。
 
 ```javascript
 chart.triggerDependencyDelete('task-1', 'task-2')
+
+// 依存関係に基づき後続タスクの日程を一括再計算（更新されたタスクID配列を返す）
+const updatedIds = chart.autoSchedule()
+const cascadedFromTask1 = chart.autoSchedule(['task-1'], { mode: 'strict' })
 ```
 
 #### WBS・折りたたみ操作 (toggleRowCollapse / collapseAll / expandAll)
@@ -1077,6 +1110,20 @@ import {
   canDropRow,
   // クリティカルパス計算
   computeCriticalPath,
+  // 自動スケジューリング・依存関係ヘルパー
+  propagateAutoSchedule,
+  computeRequiredStartMs,
+  createNonWorkingDayChecker,
+  computeWorkingDurationMs,
+  snapToWorkingStartMs,
+  addWorkingTimeMs,
+  getDependencyTaskId,
+  normalizeDependencyLink,
+  endpointsToDependencyType,
+  dependencyTypeToEndpoints,
+  createDependencyEntry,
+  hasDependencyTarget,
+  removeDependencyTarget,
   // 進捗率計算
   clampProgress,
   calculateRowProgress,
@@ -1118,8 +1165,8 @@ const isSafe = canDropRow('source-row-id', 'target-row-id', rows) // boolean
 // 7. クリティカルパス（最長依存関係チェーン）の計算
 const criticalTaskIds = computeCriticalPath(allTasks) // Set<string>
 
-// 8. 行内のタスク配列から最小開始日・最大終了日・期間日数を算出
-const summaryDates = calculateRowSummaryDates(rows[0].tasks) // { start, end, durationDays }
+// 8. 行内のタスク配列から最小開始日・最大終了日・期間日数・期間（ミリ秒）・加重平均進捗率を算出
+const summaryDates = calculateRowSummaryDates(rows[0].tasks) // { start, end, durationDays, durationMs, progress }
 ```
 
 ### キーボード操作
@@ -1160,9 +1207,9 @@ const option = {
 
 ## 更新履歴
 
-変更履歴の詳細は [CHANGELOG.ja.md](CHANGELOG.ja.md)（[英語版: CHANGELOG.md](CHANGELOG.md)）をご覧ください。
+変更履歴の詳細は [CHANGELOG.ja.md](../../CHANGELOG.ja.md)（[英語版: CHANGELOG.md](../../CHANGELOG.md)）をご覧ください。
 
 ## ライセンス
 
-MIT
+[MIT License](./LICENSE)
 

package/README.md

@@ -29,9 +29,11 @@ A lightweight yet feature-rich Gantt chart Web Component built with Lit. Works s
   - Light / Dark / System theme switching + custom color palettes
   - 13 built-in task bar fill patterns (stripes, dots, checkerboard, grid, etc.)
   - Native CSS variable-driven styling
-- 🔗 **Interactive Dependencies**:
-  - Direct task dependencies visualised with orthogonal segmented lines or Bezier curves
-  - Click-to-select dependency lines with dedicated highlight styling
+- 🔗 **Interactive Dependencies & Auto-Scheduling**:
+  - Support all 4 standard dependency relationships (`FS`: Finish-to-Start, `SS`: Start-to-Start, `FF`: Finish-to-Finish, `SF`: Start-to-Finish) and lag/lead time (`lag` in minutes) via `GanttDependencyLink` (with 100% backward compatibility for string task IDs)
+  - Topological cascade **Auto-Scheduling** (`autoSchedule`, `scheduleMode: 'push-only' | 'strict'`, `respectMovable`, `calendarMode: 'calendar' | 'weekends' | 'weekends-holidays'`, `isHoliday`) with working-day/holiday skipping and working-duration/lag preservation across drag/resize, multi-task move, keyboard movement, inline grid cell editing, and programmatic `chart.autoSchedule()`
+  - Direct task dependencies visualised with orthogonal segmented lines or Bezier curves routed accurately to left/right bar endpoints
+  - Click, double-click, and right-click (`contextmenu`) support on dependency lines with dedicated highlight styling
   - One-click deletion via on-line "×" button or `Delete` / `Backspace` key
   - Proximity connector toggle (`showConnectors`)
   - Automatic critical path detection and highlighted visualization (`showCriticalPath`)
@@ -131,7 +133,7 @@ For exhaustive configuration properties, methods, and event signatures, refer to
 
 ## Usage with React (Official Wrapper)
 
-Use [`@mogura/moguchart-react`](./packages/react/README.md) for first-class React support with full TypeScript typing, React synthetic events, and imperative `ref` calls:
+Use [`@mogura/moguchart-react`](../react/README.md) for first-class React support with full TypeScript typing, React synthetic events, and imperative `ref` calls:
 
 ```tsx
 import React, { useRef } from 'react'
@@ -207,7 +209,7 @@ export default function App() {
 
 ## Usage with Vue 3 (Official Wrapper)
 
-Use [`@mogura/moguchart-vue`](./packages/vue/README.md) for seamless Vue 3 reactivity, Composition API (`<script setup>`), and native event listeners (`@task-update`):
+Use [`@mogura/moguchart-vue`](../vue/README.md) for seamless Vue 3 reactivity, Composition API (`<script setup>`), and native event listeners (`@task-update`):
 
 ```vue
 <script setup lang="ts">
@@ -519,22 +521,47 @@ gantt-chart {
 
 Font scaling is automatically applied to calendar headers (year/month, weeks, days, hours, badges), row headers, WBS code badges, tree toggle icons, task bar labels, progress labels, markers, tooltips, and drag info overlays.
 
-### Dependency Line Settings
+### Dependency Line Settings & Auto-Scheduling
 
-Configure task dependency curves and interactive operations with the `dependency` option:
+Configure task dependency curves, interactive operations, and topological cascade auto-scheduling with the `dependency` option:
 
 - `lineStyle`: `'orthogonal'` (rounded segmented lines, default) or `'curve'` (Bezier curves).
 - `showArrows`: Toggle directional arrow heads (default: `true`).
 - `arrowSize`: Arrow dimensions in pixels (default: `8`).
 - `showConnectors`: Control whether circular connection handles appear on hover (default: `true`).
 - `showCriticalPath`: Automatically detect the longest chain (critical path) and highlight connected tasks and lines.
-- `creatable`: Allow creating links via connector drag (default: `true`).
+- `creatable`: Allow creating links via connector drag (default: `true`). Dragging between left/right connectors automatically infers `'FS' | 'SS' | 'FF' | 'SF'`.
 - `deletable`: Allow deleting links via keyboard or button (default: `true`).
 - `showDeleteButton`: Display "×" delete button on selected link (default: `true`).
+- `autoSchedule`: Automatically cascade date changes to successor tasks when a predecessor task is moved, resized, or edited (default: `false`).
+- `scheduleMode`: `'push-only'` (default: shifts successors forward only when constraints are violated) or `'strict'` (always shifts successors in lockstep with predecessor dates and lag).
+- `respectMovable`: Exclude tasks with `movable: 'none' | 'y'` from automatic cascade movement (default: `true`).
+- `calendarMode`: `'calendar'` (default: calendar days), `'weekends'` (skip Saturdays/Sundays and preserve working days/lag), or `'weekends-holidays'` (skip weekends and holidays).
+- `isHoliday`: Custom holiday predicate `(date: Date) => boolean` used when `calendarMode === 'weekends-holidays'` (falls back to `option.calendar.isHoliday`).
 
-Lines can be clicked to select (highlighted with distinct stroke & shadow), and deleted by clicking the "×" button or pressing `Delete` / `Backspace`.
+Each item in `task.dependencies` can be a simple task ID string (`'task-1'`, treated as `FS` with `0` lag) or a `GanttDependencyLink` object (`{ taskId: 'task-1', type: 'FS' | 'SS' | 'FF' | 'SF', lag: 1440 }`, where `lag` is in minutes).
+
+Lines can be clicked, double-clicked, or right-clicked (`dependency-click`), selected (`dependency-select`), and deleted by clicking the "×" button or pressing `Delete` / `Backspace`.
 
 ```javascript
+const rows = [
+  {
+    id: 'row-1',
+    name: 'Backend API',
+    tasks: [
+      { id: 't-1', name: 'Schema Design', start: new Date('2026-04-01'), end: new Date('2026-04-05') },
+      {
+        id: 't-2',
+        name: 'API Implementation',
+        start: new Date('2026-04-06'),
+        end: new Date('2026-04-12'),
+        // Supports string taskId or GanttDependencyLink ({ taskId, type: 'FS' | 'SS' | 'FF' | 'SF', lag })
+        dependencies: [{ taskId: 't-1', type: 'FS', lag: 1440 }], // +1 day (1440 min) lag
+      },
+    ],
+  },
+]
+
 const option = {
   dependency: {
     lineStyle: 'orthogonal',
@@ -546,10 +573,18 @@ const option = {
     creatable: true,
     deletable: true,
     showDeleteButton: true,
+    autoSchedule: true, // Enable topological cascade auto-scheduling
+    scheduleMode: 'push-only', // 'push-only' | 'strict'
+    respectMovable: true,
+    calendarMode: 'weekends-holidays', // 'calendar' | 'weekends' | 'weekends-holidays'
+    // isHoliday: (date) => false, // Optional holiday checker (falls back to option.calendar.isHoliday)
   },
   // ...
 }
 
+// Programmatically recalculate and cascade all dependencies
+const updatedTaskIds = chart.autoSchedule()
+
 // Dependency selection and deletion events
 chart.addEventListener('dependency-select', (e) => {
   console.log('Selected dependency:', e.detail.selected)
@@ -1050,12 +1085,16 @@ chart.addEventListener('history-change', (e) => {
 })
 ```
 
-#### Dependency Deletion (`triggerDependencyDelete`)
+#### Dependency Deletion & Auto-Scheduling (`triggerDependencyDelete`, `autoSchedule`)
 
-Programmatically remove a dependency connection between two tasks:
+Programmatically remove a dependency connection between two tasks or execute topological cascade auto-scheduling:
 
 ```javascript
 chart.triggerDependencyDelete('task-1', 'task-2')
+
+// Recalculate downstream schedules (returns array of updated task IDs)
+const updatedIds = chart.autoSchedule()
+const cascadedFromTask1 = chart.autoSchedule(['task-1'], { mode: 'strict' })
 ```
 
 #### WBS & Collapse Operations (`toggleRowCollapse`, `collapseAll`, `expandAll`)
@@ -1095,6 +1134,20 @@ import {
   canDropRow,
   // Critical path computation
   computeCriticalPath,
+  // Auto-scheduling & dependency helpers
+  propagateAutoSchedule,
+  computeRequiredStartMs,
+  createNonWorkingDayChecker,
+  computeWorkingDurationMs,
+  snapToWorkingStartMs,
+  addWorkingTimeMs,
+  getDependencyTaskId,
+  normalizeDependencyLink,
+  endpointsToDependencyType,
+  dependencyTypeToEndpoints,
+  createDependencyEntry,
+  hasDependencyTarget,
+  removeDependencyTarget,
   // Progress calculations
   clampProgress,
   calculateRowProgress,
@@ -1129,8 +1182,8 @@ const summaryTask = computeSummaryTask(childTasks, 'project-1') // Min start, ma
 const isDropAllowed = canDropRow('source-row-id', 'target-row-id', rows) // boolean
 // 7. Find longest task dependency chains (critical path)
 const criticalTaskIds = computeCriticalPath(allTasks) // Set<string>
-// 8. Calculate earliest start, latest end, and calendar days across tasks in a row
-const summaryDates = calculateRowSummaryDates(rows[0].tasks) // { start, end, durationDays }
+// 8. Calculate earliest start, latest end, calendar days, duration (ms), and weighted progress across tasks in a row
+const summaryDates = calculateRowSummaryDates(rows[0].tasks) // { start, end, durationDays, durationMs, progress }
 ```
 
 ### Keyboard Operations
@@ -1170,8 +1223,8 @@ const option = {
 
 ## Changelog
 
-See [CHANGELOG.md](CHANGELOG.md) ([日本語版: CHANGELOG.ja.md](CHANGELOG.ja.md)) for release history and migration details.
+See [CHANGELOG.md](../../CHANGELOG.md) ([日本語版: CHANGELOG.ja.md](../../CHANGELOG.ja.md)) for release history and migration details.
 
 ## License
 
-[MIT License](LICENSE)
+[MIT License](./LICENSE)

package/dist/components/controllers/drag-drop-controller.d.ts

@@ -1,8 +1,8 @@
 import type { ReactiveController, ReactiveControllerHost } from 'lit';
 import type { GanttChartOption, GanttRow, GanttTask, GanttTaskMoveMode, TaskUpdateEventDetail } from '../../core/types';
 import type { GanttCommandType } from '../../core/history';
-import { type DragOverlayInfo, type DragPreviewState, type DraggingTaskState, type TaskDragControllerHost } from './task-drag-controller';
-import { type RowReorderControllerHost } from './row-reorder-controller';
+import { TaskDragController, type DragOverlayInfo, type DragPreviewState, type DraggingTaskState, type TaskDragControllerHost } from './task-drag-controller';
+import { RowReorderController, type RowReorderControllerHost } from './row-reorder-controller';
 export type { DragOverlayInfo, DragPreviewState, DraggingTaskState };
 export interface DragDropControllerHost extends ReactiveControllerHost, HTMLElement, TaskDragControllerHost, RowReorderControllerHost {
     rows: GanttRow[];
@@ -39,7 +39,7 @@ export interface DragDropControllerHost extends ReactiveControllerHost, HTMLElem
 export declare class DragDropController implements ReactiveController {
     private taskDrag;
     private rowReorder;
-    constructor(host: DragDropControllerHost);
+    constructor(host: DragDropControllerHost, taskDrag?: TaskDragController, rowReorder?: RowReorderController);
     hostConnected(): void;
     hostDisconnected(): void;
     get draggingTask(): DraggingTaskState | null;

package/dist/components/gantt-chart-dependency-path.d.ts

@@ -1,15 +1,18 @@
+import type { DependencyEndpoint } from '../core/types';
 /**
  * 直角折れ線（角丸）の SVG パスを生成するヘルパー関数。
- * @param startX 接続元 X（バー右端）
+ * @param startX 接続元 X（バー右端または左端）
  * @param startY 接続元 Y（バー中央）
- * @param endX 接続先 X（バー左端、矢印なし時と共通）
+ * @param endX 接続先 X（バー左端または右端、矢印なし時と共通）
  * @param endY 接続先 Y（バー中央）
  * @param adjustedEndX 矢印表示時の終端 X（矢印サイズ分手前）
  * @param barHeight バー高さ（迂回ルート計算用）
  * @param barMargin バーマージン（迂回ルート計算用）
  * @param r 角丸半径 (px)
+ * @param sourceEndpoint 接続元の端点 ('end'=右端 | 'start'=左端、デフォルト: 'end')
+ * @param targetEndpoint 接続先の端点 ('start'=左端 | 'end'=右端、デフォルト: 'start')
  */
-export declare function buildOrthogonalPath(startX: number, startY: number, endX: number, endY: number, adjustedEndX: number, barHeight: number, barMargin: number, r: number): {
+export declare function buildOrthogonalPath(startX: number, startY: number, endX: number, endY: number, adjustedEndX: number, barHeight: number, barMargin: number, r: number, sourceEndpoint?: DependencyEndpoint, targetEndpoint?: DependencyEndpoint): {
     pathD: string;
     hitPathD: string;
 };

package/dist/components/gantt-chart.d.ts

@@ -1,5 +1,6 @@
 import type { GanttChartOption, GanttChartOptionZoom, GanttRow, GanttTask, GanttTaskMoveMode, TaskUpdateEventDetail, GanttColumn } from '../core/types';
 import { HistoryManager, type GanttCommand, type GanttCommandType } from '../core/history';
+import { type AutoScheduleOptions } from '../core/auto-schedule';
 import { LitElement, type PropertyValues } from 'lit';
 import './gantt-calendar';
 import './gantt-row';
@@ -285,6 +286,13 @@ export declare class GanttChartElement extends LitElement {
     collapseAll(): void;
     expandAll(): void;
     private handleRowCellEdit;
+    /**
+     * 依存関係に基づいて後続タスクの日程を自動的に再計算・カスケード更新する
+     * @param changedTaskIds 変更の起点となるタスクID配列（省略時は依存関係を持つ全タスクを対象に再計算）
+     * @param options 自動スケジューリング設定
+     * @returns 日時が更新されたタスクIDの配列
+     */
+    autoSchedule(changedTaskIds?: string[], options?: AutoScheduleOptions): string[];
     /**
      * 指定された行とカラムのインライン編集を開始する
      */

package/dist/core/auto-schedule.d.ts

@@ -0,0 +1,101 @@
+import type { AutoScheduleCalendarMode, AutoScheduleMode, DependencyEndpoint, DependencyType, GanttDependency, GanttDependencyLink, GanttRow } from './types';
+/**
+ * 自動スケジューリング実行オプション
+ */
+export interface AutoScheduleOptions {
+    /**
+     * スケジュール制約モード (デフォルト: 'push-only')
+     * - 'push-only': 先行タスクとの依存制約（＋ラグ）に違反する場合のみ後続タスクを後ろへ押し出す
+     * - 'strict': 先行タスクの位置（＋ラグ）に合わせて後続タスクを常に厳密に追従させる
+     */
+    mode?: AutoScheduleMode;
+    /**
+     * タスクの movable 設定 ('none' | 'y') を尊重して自動移動対象から除外するか (デフォルト: true)
+     */
+    respectMovable?: boolean;
+    /**
+     * 稼働日（休日除外）計算モード (デフォルト: 'calendar')
+     * - 'calendar': カレンダー通り（土日・祝日を含めて計算）
+     * - 'weekends': 営業日ベース（土日を非営業日として除外）
+     * - 'weekends-holidays': 営業日ベース（土日および祝日を非営業日として除外）
+     */
+    calendarMode?: AutoScheduleCalendarMode;
+    /**
+     * 祝日判定関数 ('weekends-holidays' モード時に使用)
+     */
+    isHoliday?: (date: Date) => boolean;
+}
+/**
+ * 自動スケジューリング計算結果
+ */
+export interface AutoScheduleResult {
+    /** 更新後の行配列（変更がない場合は元の参照を維持） */
+    rows: GanttRow[];
+    /** 自動スケジューリングによって日時が更新されたタスクIDの配列 */
+    updatedTaskIds: string[];
+    /** 1つ以上のタスクが更新されたかどうか */
+    hasChanges: boolean;
+}
+/**
+ * 依存関係要素（文字列またはオブジェクト）から先行タスクIDを取得する
+ */
+export declare function getDependencyTaskId(dep: GanttDependency): string;
+/**
+ * 依存関係要素を正規化された GanttDependencyLink オブジェクトに変換する
+ */
+export declare function normalizeDependencyLink(dep: GanttDependency): Required<GanttDependencyLink>;
+/**
+ * 接続元・接続先のエンドポイントから依存関係タイプ ('FS' | 'SS' | 'FF' | 'SF') を判定する
+ */
+export declare function endpointsToDependencyType(sourceEndpoint?: DependencyEndpoint | string | null, targetEndpoint?: DependencyEndpoint | string | null): DependencyType;
+/**
+ * 依存関係タイプ ('FS' | 'SS' | 'FF' | 'SF') から接続元・接続先のエンドポイントを取得する
+ */
+export declare function dependencyTypeToEndpoints(type?: DependencyType): {
+    sourceEndpoint: DependencyEndpoint;
+    targetEndpoint: DependencyEndpoint;
+};
+/**
+ * 後方互換性を保ちつつ依存関係エントリを生成する。
+ * 標準の 'FS' かつ lag === 0 の場合はシンプルなタスクID文字列を返し、
+ * それ以外（'SS', 'FF', 'SF' または lag 指定あり）の場合は GanttDependencyLink オブジェクトを返す。
+ */
+export declare function createDependencyEntry(sourceTaskId: string, type?: DependencyType, lag?: number): GanttDependency;
+/**
+ * 依存関係配列の中に指定した先行タスクIDが含まれているか判定する
+ */
+export declare function hasDependencyTarget(dependencies: GanttDependency[] | undefined, sourceTaskId: string): boolean;
+/**
+ * 依存関係配列から指定した先行タスクIDを除外した新しい配列を返す
+ */
+export declare function removeDependencyTarget(dependencies: GanttDependency[] | undefined, sourceTaskId: string): GanttDependency[];
+/**
+ * 稼働日計算モードと祝日判定関数から、非営業日判定関数を生成する
+ * ('calendar' の場合は null を返す)
+ */
+export declare function createNonWorkingDayChecker(calendarMode?: AutoScheduleCalendarMode, isHoliday?: (date: Date) => boolean): ((dayStartMs: number) => boolean) | null;
+/**
+ * 指定された期間 [startMs, endMs] に含まれる営業日ベースの所要時間（ミリ秒）を算出する。
+ * タスク全体が非営業日のみに配置されていた場合は、期間が0に潰れるのを防ぐため暦日期間を返す。
+ */
+export declare function computeWorkingDurationMs(startMs: number, endMs: number, isNonWorkingDay: (dayStartMs: number) => boolean): number;
+/**
+ * 指定時刻が非営業日に該当する場合、翌営業日の開始時刻 (00:00:00) へ進める
+ */
+export declare function snapToWorkingStartMs(ms: number, isNonWorkingDay: (dayStartMs: number) => boolean): number;
+/**
+ * 基準時刻から営業日ベースで指定ミリ秒（正: 未来方向 / 負: 過去方向）を進めた時刻を算出する
+ */
+export declare function addWorkingTimeMs(anchorMs: number, deltaMs: number, isNonWorkingDay: (dayStartMs: number) => boolean): number;
+/**
+ * 単一の先行タスク制約に基づき、後続タスクに要求される開始時刻（ミリ秒）を計算する
+ */
+export declare function computeRequiredStartMs(predStartMs: number, predEndMs: number, succDurationMs: number, type?: DependencyType, lagMinutes?: number, isNonWorkingDay?: ((dayStartMs: number) => boolean) | null): number;
+/**
+ * 先行タスクの変更に伴い、依存関係を持つ後続タスクの日程をトポロジカルソート順でカスケード更新する。
+ *
+ * @param rows 全行データ
+ * @param changedTaskIds 変更の起点となったタスクIDの配列または集合（省略時は依存関係を持つ全タスクを対象にスケジュール計算）
+ * @param options 自動スケジューリング設定
+ */
+export declare function propagateAutoSchedule(rows: GanttRow[], changedTaskIds?: Iterable<string>, options?: AutoScheduleOptions): AutoScheduleResult;

package/dist/core/history.d.ts

@@ -1,7 +1,7 @@
 /**
  * ガントチャートのUndo/Redo（操作履歴）管理
  */
-export type GanttCommandType = 'task-move' | 'task-resize' | 'task-progress' | 'task-delete' | 'row-reorder' | 'dependency-create' | 'dependency-delete' | 'cell-edit' | 'custom';
+export type GanttCommandType = 'task-move' | 'task-resize' | 'task-progress' | 'task-delete' | 'row-reorder' | 'dependency-create' | 'dependency-delete' | 'dependency-update' | 'cell-edit' | 'custom';
 /**
  * ガントチャートに対する単一の編集操作を表すコマンドインターフェース
  */