正常接続（IN / OUT）
Source
schedule
schedule
#054
Display Timeline
Display Timeline
Consumer
view
view
#002 Runtime待機
Bone Flow #054 - Display Timeline
Package Version 1.0.39 / Runtime BoneDisplayTimeline 1.0.13 / Status: Development
Dependencies#002 Bone Joint min v1.1.36#020 Label #040 dependency#022 Hover Border Effect #040 dependency#118 Transition min v1.0.3#040 ColorPicker min v1.0.18#125 Blend min v1.0.0
使用コンポーネント
#002 Bone Joint接続イメージ
#021 ShapeShape Comment表現
#040 ColorPicker色選択UI
#048 Table週報Consumer
#118 Transition#040依存
#026 TimePicker時刻選択
#125 BlendBar合成
テスト対象：Display Timelineのプロパティ設定、タイムバー / Shape Comment表示、週報Consumer、ColorPicker / Blend連携、およびBone Joint接続イメージを確認します。
Display Timelineは時間軸上の表示を担当し、Delay / Duration / Loop / Repeat / Sequence / Parallel は #121 Timeline の責務として持ち込みません。
プロパティ設定
基本設定 / データ設定
初期値は縮小表示。expand-column選択時は必要に応じて #048 Table の列幅を自動拡張します。
#048 Table：7列・表示幅140px／列（時間表示列は+62px）
各データの「重なり（最前面）」で指定。バーは列の全幅を維持します。
初期値：グループ先頭だけ表示（左端列のみ）。時間表示幅62pxは表示列だけ追加。
親要素設定
1日枠線の色#040 ColorPicker
吸着ON時は #054 外枠・余白を消して親要素へ直接FITします。週報/月報は日間隔を0にすると行間の無駄をなくし、1日枠線で各日を区切れます。
・コメント文字は枠内表示。コメント枠はプレビュー上でドラッグ移動可能。Shape Commentも「開始〜終了」を保持し、開始時刻をAnchorに使用
・初期値は「重ねて表示」。勤務時間の上に休憩時間を重ね、#125 Blend の効果を確認可能
・時間軸上の○は表示せず、9:00 / 21:00 端ラベルも見切れないように表示
・Barの左右端は見えないリサイズ領域。縦線ハンドルを表示せず幅調整可能
・時間ラベルは「各Timeline / グループ先頭だけ / 非表示」を選択可能。週報・月報は先頭行だけにすると高さを節約
・親要素設定：吸着ONで#054自身の外枠/余白を消し親へ直接FIT。高さ・日間隔・1日枠線/色/太さ/角丸を設定可能
・時間は tooltip / 下部ステータスで確認
・縦線は前面Gridで維持し、Bar重なり時は #125 blendMode でも見やすさ調整
親要素：サイズ取得待ち
正式Property定義（Runtime Schema）
#054自身が公開するProperty Schemaです。#048 Table等のConsumerはこの定義を参照し、Property名を独自再定義しません。
接続イメージ
#054をIN / OUTの表示Componentとして利用した場合の接続イメージです。接続線・端点・異常表示は正式 #002 Bone Joint Runtimeで描画します。
IN：Target不存在
Source
#054
Target Field不存在を #002 の異常表示で確認
OUT：Target不存在
#054
Missing Target
OUT終端異常を #002 の異常表示で確認
青色：IN緑色：OUT赤色：異常色だけでなく日本語ラベルでも判別できます。
週報Consumer例 — #048 Table の各行に #054 を配置
横表示の週報は従来の月〜金、縦表示プレビューは #048 Table の列数（既定7列）と列幅を設定して、各セルへ #054 を配置します。
Smoke Test / Validation Report
NOT RUN
実行日時-
検査件数0件
PASS0件
FAIL0件
Runtime1.0.13
Smoke Test 結果NOT RUN
Smoke Testは未実行です。
Validation 結果NOT RUN
Validationは未実行です。
コンポーネント完了管理
Smoke TestとValidation ReportがALL PASSになった後に、このテスト画面上で完了操作できます。ユーザーlocalhost確認前に正式Completedとは扱いません。
Component#054 Display Timeline
Runtime1.0.13
Completion Flagfalse
StatusDevelopment
ValidationDevelopment
完了日時-
Smoke TestとValidationの両方がALL PASS後に完了できます。