Bone Flow #117 - Animation v1.0.14

Independent Motion UI / Relation Controller / 7 Formal + 4 Flow Presets / Target isolation / Loop WAIT / #002 Joint / Security / QA

累積Regression
DevelopmentPackage 3.0.10HTML Functional Class: bf-animation

使用コンポーネント

#001 Bone Core確認中
#002 Bone Joint確認中
#017 Bone TextTarget / UI基準

#117 Runtime自体はTarget UIから独立します。#002は接続イメージとJoint WAIT/FIFO/BLOCKEDの実検証に使用します。#017は完成済みページ構成・Text Target確認の基準です。

HTML Functional Class — bf-animation

対象DOM自身へbf-animationを付けません。 Relation ControllerとしてTarget UI Number / Target Partを宣言します。

<button data-ui-no="UI-BUTTON-001"><span data-ui-part="button-text">保存</span></button> <div class="bf-animation" data-animation-ui-no="UI-117-HTML-001" data-target-ui-no="UI-BUTTON-001" data-target-part="button-text" data-animation="pulse" data-loop="true" data-loop-wait-ms="300" data-autoplay="true"></div>
mount確認中

Property Editor / Preview

Property
Move移動量 / Slideでは要素外へ出す追加Margin(px)
0–60000ms / Default 300
未適用
Relation Key-
Motion State-
Loop Cycle0
WAIT Remaining0ms

正式Animation / Flow Preset

接続イメージ — #002 Bone Joint

正式5ケース：正常接続（IN / OUT）／IN Target Field不存在／OUT Target Field不存在／型不一致（IN）／型不一致（OUT）。実BoneJoint.evaluate / drawLine / drawError / drawCompatibilityMarkerを使用します。

青: IN緑: OUT橙: 型不一致赤: Target Field不存在

#117 Loop WAIT

1 cycle終了後のAnimation内部WAITです。#002 JointのTarget Busy / WAIT queue / FIFO / BLOCKEDとは別責務です。

OUT WAIT / BLOCKED - #002 Joint v1.1.36 Integration

#117 AnimationはAnimation output生成までを担当し、WAIT queue / FIFO / BLOCK判定後の配送停止は#002 Jointへ委譲します。通常Previewと#117 Loop WAITから分離した専用Delivery Channelを使用します。

READY ○Target受信 0件 / Queue 0
Animation OUTanimation output
TargetREADY
Target受信ログ: なし
Joint描画確認中...

Untrusted IN / Security Test

Previewとは独立。任意CSS selectorは禁止し、Allow-list Propertyだけを検証します。NaN / Infinity / 負値 / Unknown Animation / Unknown Part / Unknown Direction / Unknown Axis / Invalid TargetをRejectします。

Smoke Test / Validation Report

OverallNOT RUN
実行日時-
検査件数0
PASS0
FAIL0
実行時間0.0ms

Smoke NOT RUN

Validation NOT RUN

Runtime Console



コンポーネント完了管理
内部QAだけでは完了しません。localhost目視確認を含む条件を明示します。
Component#117 Animation
Version1.0.14
Completion Flagfalse
StatusDevelopment
Smoke/Validation ALL PASS + 全目視確認が必要です。


Class List / HTML Functional Class
bf-animation = Relation Controller / Target自身には付与しない