# Bone Flow #023 Flow Editor - HTML Class Guide

Version: 1.0.79

## 1. 目的

このClassはJavaScriptの `class {}` ではありません。HTML要素の `class=""` に機能Classを設定し、対応Public APIを宣言的に呼び出すためのClass契約です。

Public API function **114件 = HTML Class 114件** を1対1で対応させます。

## 2. Class共通引数契約

- `class="bone-..."`: 対応するPublic APIを指定。
- `data-bone-event`: `load` / `click` / `input` / `change` / `manual` 等。未指定は `load`。
- `data-bone-args`: Public APIの順番に並べたJSON配列。
- `data-bone-arg-N`: 0始まりの引数個別指定。
- `data-bone-once="true"`: DOMイベントを1回だけ処理。
- `data-bone-append-result="false"`: Element戻り値の自動appendを停止。
- `data-bone-throw="true"`: Error保存後にDebug用再throw。

### 特殊値

- `$self`: Classを設定したHTML要素そのものを渡します。element / target / root などの第1引数に使用します。
- `$event`: Class起動の原因になったDOM Eventを渡します。click / input / change等のイベント情報が必要なAPI用です。
- `$value`: input / textarea / select等の現在の value を渡します。
- `$checked`: checkbox / radio等の現在の checked(Boolean)を渡します。
- `$text`: Classを設定した要素の textContent を渡します。
- `$dataset`: Classを設定した要素の dataset を通常Objectとして渡します。
- `$files`: file input の FileList を渡します。
- `$selector:...`: ...をCSS selectorとして document.querySelector() で解決し、そのElementを渡します。
- `$id:...`: ...をDOM idとして document.getElementById() で解決し、そのElementを渡します。
- `$global:...`: window / globalThis上の指定名の値を渡します。
- `$handler:...`: window / globalThis上の指定名のFunctionをコールバック引数として渡します。

## 3. Result / State 契約

- `element.__boneClassResult`: 生の戻り値。
- `data-bone-class-status`: `ok` / `error`。
- `data-bone-class-result`: serializeした結果。
- `bone-html-class-result`: 成功CustomEvent。
- `bone-html-class-error`: 失敗CustomEvent。

## 4. Class一覧

### 1. `bone-flow-editor-definition-normalize-type`

- Public API: `BoneFlowDefinition.normalizeType`
- 説明: TYPEをFlow Editorの正式契約に沿う形へ正規化します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: v` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-definition-normalize-type" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 2. `bone-flow-editor-definition-normalize-field-type`

- Public API: `BoneFlowDefinition.normalizeFieldType`
- 説明: field TypeをFlow Editorの正式契約に沿う形へ正規化します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: v` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-definition-normalize-field-type" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 3. `bone-flow-editor-definition-build`

- Public API: `BoneFlowDefinition.build`
- 説明: Flow Editorで使用する出力・定義オブジェクトを構築します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: astOrSource` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-definition-build" data-bone-event="manual" data-bone-args='["html-class"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 4. `bone-flow-editor-definition-to-canonical`

- Public API: `BoneFlowDefinition.toCanonical`
- 説明: BoneFlowDefinition.toCanonical の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: working` — Object — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: options` — Object — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-definition-to-canonical" data-bone-event="manual" data-bone-args='[null,{}]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 5. `bone-flow-editor-definition-promote-auto-ids`

- Public API: `BoneFlowDefinition.promoteAutoIds`
- 説明: BoneFlowDefinition.promoteAutoIds の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: working` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-definition-promote-auto-ids" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 6. `bone-flow-editor-definition-generate-canonical-source`

- Public API: `BoneFlowDefinition.generateCanonicalSource`
- 説明: BoneFlowDefinition.generateCanonicalSource の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: definition` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-definition-generate-canonical-source" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 7. `bone-flow-editor-definition-quote-text`

- Public API: `BoneFlowDefinition.quoteText`
- 説明: BoneFlowDefinition.quoteText の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: value` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-definition-quote-text" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 8. `bone-flow-editor-definition-quote-joint-label`

- Public API: `BoneFlowDefinition.quoteJointLabel`
- 説明: BoneFlowDefinition.quoteJointLabel の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: value` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-definition-quote-joint-label" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 9. `bone-flow-editor-definition-clone`

- Public API: `BoneFlowDefinition.clone`
- 説明: BoneFlowDefinition.clone の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: v` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-definition-clone" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 10. `bone-flow-editor-create`

- Public API: `BoneFlowEditor.create`
- 説明: Flow Editorの新しい要素またはRuntimeオブジェクトを生成します。
- 使用する場面: HTML上のホスト要素からUI生成・描画を開始したいとき。
- 引数:
  - `0: root` — Element / Instance — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-create" data-bone-event="manual" data-bone-args='["$self"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 11. `bone-flow-editor-joint-adapter-init`

- Public API: `BoneFlowJointAdapter.init`
- 説明: BoneFlowJointAdapter.init の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: ctx` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-init" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 12. `bone-flow-editor-joint-adapter-render`

- Public API: `BoneFlowJointAdapter.render`
- 説明: 指定先へFlow Editorの表示を描画・更新します。
- 使用する場面: HTML上のホスト要素からUI生成・描画を開始したいとき。
- 引数:
  - `0: lines` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-render" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 13. `bone-flow-editor-joint-adapter-refresh-interactions`

- Public API: `BoneFlowJointAdapter.refreshInteractions`
- 説明: Flow Editorの表示・接続・状態を現在値から再計算します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-refresh-interactions" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 14. `bone-flow-editor-joint-adapter-update-hover`

- Public API: `BoneFlowJointAdapter.updateHover`
- 説明: 既存のFlow Editor要素または状態を更新します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: clientX` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: clientY` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-update-hover" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 15. `bone-flow-editor-joint-adapter-clear-hover`

- Public API: `BoneFlowJointAdapter.clearHover`
- 説明: Flow Editorの指定状態・内容をクリアします。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-clear-hover" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 16. `bone-flow-editor-joint-adapter-clear-transient-interactions`

- Public API: `BoneFlowJointAdapter.clearTransientInteractions`
- 説明: Flow Editorの指定状態・内容をクリアします。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-clear-transient-interactions" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 17. `bone-flow-editor-joint-adapter-begin-pointer`

- Public API: `BoneFlowJointAdapter.beginPointer`
- 説明: BoneFlowJointAdapter.beginPointer の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: ev` — Event — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-begin-pointer" data-bone-event="manual" data-bone-args='["$event"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 18. `bone-flow-editor-joint-adapter-open-context-menu`

- Public API: `BoneFlowJointAdapter.openContextMenu`
- 説明: Flow Editorの対象UI・データを開きます。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: ev` — Event — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-open-context-menu" data-bone-event="manual" data-bone-args='["$event"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 19. `bone-flow-editor-joint-adapter-get-menu-anchor-client`

- Public API: `BoneFlowJointAdapter.getMenuAnchorClient`
- 説明: Flow Editorの「Menu Anchor Client」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: jointId` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-get-menu-anchor-client" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 20. `bone-flow-editor-joint-adapter-render-diagnostic`

- Public API: `BoneFlowJointAdapter.renderDiagnostic`
- 説明: Flow Editorの診断表示を描画します。
- 使用する場面: HTML上のホスト要素からUI生成・描画を開始したいとき。
- 引数:
  - `0: d` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-render-diagnostic" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 21. `bone-flow-editor-joint-adapter-set-viewport`

- Public API: `BoneFlowJointAdapter.setViewport`
- 説明: Flow Editorの「Viewport」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-set-viewport" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 22. `bone-flow-editor-joint-adapter-clear`

- Public API: `BoneFlowJointAdapter.clear`
- 説明: Flow Editorの指定状態・内容をクリアします。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-clear" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 23. `bone-flow-editor-joint-adapter-get-diagnostics`

- Public API: `BoneFlowJointAdapter.getDiagnostics`
- 説明: Flow Editorの「Diagnostics」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-joint-adapter-get-diagnostics" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 24. `bone-flow-editor-layout-compute`

- Public API: `BoneFlowLayout.compute`
- 説明: BoneFlowLayout.compute の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: definition` — Object — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: bounds` — API定義値 — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-layout-compute" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 25. `bone-flow-editor-layout-tarjan`

- Public API: `BoneFlowLayout.tarjan`
- 説明: BoneFlowLayout.tarjan の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: nodes` — Element / Instance — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: joints` — API定義値 — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-layout-tarjan" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 26. `bone-flow-editor-lexer-normalize-source`

- Public API: `BoneFlowLexer.normalizeSource`
- 説明: 入力ソースをFlow Editorの正式契約に沿う形へ正規化します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: value` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-lexer-normalize-source" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 27. `bone-flow-editor-lexer-split-lines`

- Public API: `BoneFlowLexer.splitLines`
- 説明: BoneFlowLexer.splitLines の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: source` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-lexer-split-lines" data-bone-event="manual" data-bone-args='["html-class"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 28. `bone-flow-editor-lexer-line-column-at`

- Public API: `BoneFlowLexer.lineColumnAt`
- 説明: BoneFlowLexer.lineColumnAt の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: source` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: offset` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-lexer-line-column-at" data-bone-event="manual" data-bone-args='["html-class",0]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 29. `bone-flow-editor-lexer-source-ref`

- Public API: `BoneFlowLexer.sourceRef`
- 説明: BoneFlowLexer.sourceRef の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: source` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: startOffset` — Number — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: endOffset` — Number — `data-bone-arg-2` または `data-bone-args[2]`
- HTML例:

```html
<div class="bone-flow-editor-lexer-source-ref" data-bone-event="manual" data-bone-args='["html-class",0,0]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 30. `bone-flow-editor-lexer-strip-inline-comment`

- Public API: `BoneFlowLexer.stripInlineComment`
- 説明: BoneFlowLexer.stripInlineComment の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: text` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-lexer-strip-inline-comment" data-bone-event="manual" data-bone-args='["sample"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 31. `bone-flow-editor-lexer-decode-quoted`

- Public API: `BoneFlowLexer.decodeQuoted`
- 説明: BoneFlowLexer.decodeQuoted の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: value` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-lexer-decode-quoted" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 32. `bone-flow-editor-lexer-lex`

- Public API: `BoneFlowLexer.lex`
- 説明: BoneFlowLexer.lex の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: value` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-lexer-lex" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 33. `bone-flow-editor-parser-parse`

- Public API: `BoneFlowParser.parse`
- 説明: Flow Editorの入力を解析し、構造化結果を返します。
- 使用する場面: HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。
- 引数:
  - `0: value` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-parser-parse" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 34. `bone-flow-editor-parser-parse-endpoint-token`

- Public API: `BoneFlowParser.parseEndpointToken`
- 説明: Flow Editorの入力を解析し、構造化結果を返します。
- 使用する場面: HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。
- 引数:
  - `0: text` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: index` — Number — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: absBase` — API定義値 — `data-bone-arg-2` または `data-bone-args[2]`
- HTML例:

```html
<div class="bone-flow-editor-parser-parse-endpoint-token" data-bone-event="manual" data-bone-args='["sample",0,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 35. `bone-flow-editor-parser-parse-connector`

- Public API: `BoneFlowParser.parseConnector`
- 説明: Flow Editorの入力を解析し、構造化結果を返します。
- 使用する場面: HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。
- 引数:
  - `0: text` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: index` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-parser-parse-connector" data-bone-event="manual" data-bone-args='["sample",0]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 36. `bone-flow-editor-parser-parse-options`

- Public API: `BoneFlowParser.parseOptions`
- 説明: Flow Editorの入力を解析し、構造化結果を返します。
- 使用する場面: HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。
- 引数:
  - `0: inner` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-parser-parse-options" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 37. `bone-flow-editor-parser-canonical-directive`

- Public API: `BoneFlowParser.canonicalDirective`
- 説明: BoneFlowParser.canonicalDirective の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: line` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-parser-canonical-directive" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 38. `bone-flow-editor-parser-endpoint-key`

- Public API: `BoneFlowParser.endpointKey`
- 説明: BoneFlowParser.endpointKey の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: ep` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-parser-endpoint-key" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 39. `bone-flow-editor-renderer-init`

- Public API: `BoneFlowRenderer.init`
- 説明: BoneFlowRenderer.init の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: ctx` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-renderer-init" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 40. `bone-flow-editor-renderer-render`

- Public API: `BoneFlowRenderer.render`
- 説明: 指定先へFlow Editorの表示を描画・更新します。
- 使用する場面: HTML上のホスト要素からUI生成・描画を開始したいとき。
- 引数:
  - `0: w` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-renderer-render" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 41. `bone-flow-editor-renderer-refresh-geometry`

- Public API: `BoneFlowRenderer.refreshGeometry`
- 説明: Flow Editorの表示・接続・状態を現在値から再計算します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: w` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-renderer-refresh-geometry" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 42. `bone-flow-editor-renderer-refresh-interactions`

- Public API: `BoneFlowRenderer.refreshInteractions`
- 説明: Flow Editorの表示・接続・状態を現在値から再計算します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-renderer-refresh-interactions" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 43. `bone-flow-editor-renderer-clear-transient-interactions`

- Public API: `BoneFlowRenderer.clearTransientInteractions`
- 説明: Flow Editorの指定状態・内容をクリアします。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-renderer-clear-transient-interactions" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 44. `bone-flow-editor-renderer-update-joint-hover`

- Public API: `BoneFlowRenderer.updateJointHover`
- 説明: 既存のFlow Editor要素または状態を更新します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: clientX` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: clientY` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-renderer-update-joint-hover" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 45. `bone-flow-editor-renderer-clear-joint-hover`

- Public API: `BoneFlowRenderer.clearJointHover`
- 説明: Flow Editorの指定状態・内容をクリアします。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-renderer-clear-joint-hover" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 46. `bone-flow-editor-renderer-begin-joint-pointer`

- Public API: `BoneFlowRenderer.beginJointPointer`
- 説明: BoneFlowRenderer.beginJointPointer の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: ev` — Event — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-renderer-begin-joint-pointer" data-bone-event="manual" data-bone-args='["$event"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 47. `bone-flow-editor-renderer-open-joint-context-menu`

- Public API: `BoneFlowRenderer.openJointContextMenu`
- 説明: Flow Editorの対象UI・データを開きます。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: ev` — Event — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-renderer-open-joint-context-menu" data-bone-event="manual" data-bone-args='["$event"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 48. `bone-flow-editor-renderer-get-joint-menu-anchor-client`

- Public API: `BoneFlowRenderer.getJointMenuAnchorClient`
- 説明: Flow Editorの「Joint Menu Anchor Client」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-renderer-get-joint-menu-anchor-client" data-bone-event="manual" data-bone-args='["sample-id"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 49. `bone-flow-editor-renderer-set-viewport`

- Public API: `BoneFlowRenderer.setViewport`
- 説明: Flow Editorの「Viewport」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-renderer-set-viewport" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 50. `bone-flow-editor-renderer-clear`

- Public API: `BoneFlowRenderer.clear`
- 説明: Flow Editorの指定状態・内容をクリアします。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-renderer-clear" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 51. `bone-flow-editor-renderer-get-dependency-map`

- Public API: `BoneFlowRenderer.getDependencyMap`
- 説明: Flow Editorの「Dependency Map」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-renderer-get-dependency-map" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 52. `bone-flow-editor-renderer-serialize-svg`

- Public API: `BoneFlowRenderer.serializeSvg`
- 説明: Flow Editorの状態をシリアライズして返します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: theme` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: options` — Object — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-renderer-serialize-svg" data-bone-event="manual" data-bone-args='[null,{}]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 53. `bone-flow-editor-shape-adapter-init`

- Public API: `BoneFlowShapeAdapter.init`
- 説明: BoneFlowShapeAdapter.init の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: ctx` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-init" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 54. `bone-flow-editor-shape-adapter-when-ready`

- Public API: `BoneFlowShapeAdapter.whenReady`
- 説明: BoneFlowShapeAdapter.whenReady の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-when-ready" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 55. `bone-flow-editor-shape-adapter-diagnostic-geometry-snapshot`

- Public API: `BoneFlowShapeAdapter.diagnosticGeometrySnapshot`
- 説明: BoneFlowShapeAdapter.diagnosticGeometrySnapshot の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: viewKeys` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-diagnostic-geometry-snapshot" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 56. `bone-flow-editor-shape-adapter-create`

- Public API: `BoneFlowShapeAdapter.create`
- 説明: Flow Editorの新しい要素またはRuntimeオブジェクトを生成します。
- 使用する場面: HTML上のホスト要素からUI生成・描画を開始したいとき。
- 引数:
  - `0: node` — Element / Instance — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: ctx` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-create" data-bone-event="manual" data-bone-args='["$self",null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 57. `bone-flow-editor-shape-adapter-update`

- Public API: `BoneFlowShapeAdapter.update`
- 説明: 既存のFlow Editor要素または状態を更新します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: node` — Element / Instance — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: ctx` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-update" data-bone-event="manual" data-bone-args='["$self",null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 58. `bone-flow-editor-shape-adapter-remove`

- Public API: `BoneFlowShapeAdapter.remove`
- 説明: Flow Editorから指定対象を削除します。
- 使用する場面: HTML操作を契機に対象の破棄・削除・切断・終了を行いたいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-remove" data-bone-event="manual" data-bone-args='["sample-id"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 59. `bone-flow-editor-shape-adapter-get`

- Public API: `BoneFlowShapeAdapter.get`
- 説明: Flow Editorの「Value」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get" data-bone-event="manual" data-bone-args='["sample-id"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 60. `bone-flow-editor-shape-adapter-get-bounds`

- Public API: `BoneFlowShapeAdapter.getBounds`
- 説明: Flow Editorの「Bounds」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-bounds" data-bone-event="manual" data-bone-args='["sample-id"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 61. `bone-flow-editor-shape-adapter-get-avoidance-bounds`

- Public API: `BoneFlowShapeAdapter.getAvoidanceBounds`
- 説明: Flow Editorの「Avoidance Bounds」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-avoidance-bounds" data-bone-event="manual" data-bone-args='["sample-id"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 62. `bone-flow-editor-shape-adapter-get-ports`

- Public API: `BoneFlowShapeAdapter.getPorts`
- 説明: Flow Editorの「Ports」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-ports" data-bone-event="manual" data-bone-args='["sample-id"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 63. `bone-flow-editor-shape-adapter-find-port-at-client-point`

- Public API: `BoneFlowShapeAdapter.findPortAtClientPoint`
- 説明: BoneFlowShapeAdapter.findPortAtClientPoint の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: clientX` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: clientY` — Number — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: role` — String / API許容値 — `data-bone-arg-2` または `data-bone-args[2]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-find-port-at-client-point" data-bone-event="manual" data-bone-args='[null,null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 64. `bone-flow-editor-shape-adapter-set-drop-target`

- Public API: `BoneFlowShapeAdapter.setDropTarget`
- 説明: Flow Editorの「Drop Target」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: candidate` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-drop-target" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 65. `bone-flow-editor-shape-adapter-set-reconnect-candidates`

- Public API: `BoneFlowShapeAdapter.setReconnectCandidates`
- 説明: Flow Editorの「Reconnect Candidates」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: role` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: active` — Boolean — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-reconnect-candidates" data-bone-event="manual" data-bone-args='[null,true]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 66. `bone-flow-editor-shape-adapter-get-reconnect-candidate-positions`

- Public API: `BoneFlowShapeAdapter.getReconnectCandidatePositions`
- 説明: Flow Editorの「Reconnect Candidate Positions」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: role` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-reconnect-candidate-positions" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 67. `bone-flow-editor-shape-adapter-resolve-endpoint`

- Public API: `BoneFlowShapeAdapter.resolveEndpoint`
- 説明: BoneFlowShapeAdapter.resolveEndpoint の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: endpoint` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: side` — String / API許容値 — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: joint` — API定義値 — `data-bone-arg-2` または `data-bone-args[2]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-resolve-endpoint" data-bone-event="manual" data-bone-args='[0,null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 68. `bone-flow-editor-shape-adapter-set-selected`

- Public API: `BoneFlowShapeAdapter.setSelected`
- 説明: Flow Editorの「Selected」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: selected` — Boolean — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-selected" data-bone-event="manual" data-bone-args='["sample-id",true]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 69. `bone-flow-editor-shape-adapter-set-port-visible`

- Public API: `BoneFlowShapeAdapter.setPortVisible`
- 説明: Flow Editorの「Port Visible」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: visible` — Boolean — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-port-visible" data-bone-event="manual" data-bone-args='["sample-id",true]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 70. `bone-flow-editor-shape-adapter-set-position`

- Public API: `BoneFlowShapeAdapter.setPosition`
- 説明: Flow Editorの「Position」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: id` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: p` — API定義値 — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-position" data-bone-event="manual" data-bone-args='["sample-id",null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 71. `bone-flow-editor-shape-adapter-create-diagnostic-copy`

- Public API: `BoneFlowShapeAdapter.createDiagnosticCopy`
- 説明: Flow Editorの新しい要素またはRuntimeオブジェクトを生成します。
- 使用する場面: HTML上のホスト要素からUI生成・描画を開始したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: node` — Element / Instance — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: ctx` — Number — `data-bone-arg-2` または `data-bone-args[2]`
  - `3: caseIndex` — Number — `data-bone-arg-3` または `data-bone-args[3]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-create-diagnostic-copy" data-bone-event="manual" data-bone-args='[null,null,null,0]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 72. `bone-flow-editor-shape-adapter-remove-diagnostic-copy`

- Public API: `BoneFlowShapeAdapter.removeDiagnosticCopy`
- 説明: Flow Editorから指定対象を削除します。
- 使用する場面: HTML操作を契機に対象の破棄・削除・切断・終了を行いたいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-remove-diagnostic-copy" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 73. `bone-flow-editor-shape-adapter-set-diagnostic-position`

- Public API: `BoneFlowShapeAdapter.setDiagnosticPosition`
- 説明: Flow Editorの「Diagnostic Position」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: p` — API定義値 — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-diagnostic-position" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 74. `bone-flow-editor-shape-adapter-get-diagnostic`

- Public API: `BoneFlowShapeAdapter.getDiagnostic`
- 説明: Flow Editorの「Diagnostic」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-diagnostic" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 75. `bone-flow-editor-shape-adapter-get-diagnostic-bounds`

- Public API: `BoneFlowShapeAdapter.getDiagnosticBounds`
- 説明: Flow Editorの「Diagnostic Bounds」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-diagnostic-bounds" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 76. `bone-flow-editor-shape-adapter-get-diagnostic-avoidance-bounds`

- Public API: `BoneFlowShapeAdapter.getDiagnosticAvoidanceBounds`
- 説明: Flow Editorの「Diagnostic Avoidance Bounds」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-diagnostic-avoidance-bounds" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 77. `bone-flow-editor-shape-adapter-get-diagnostic-ports`

- Public API: `BoneFlowShapeAdapter.getDiagnosticPorts`
- 説明: Flow Editorの「Diagnostic Ports」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-diagnostic-ports" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 78. `bone-flow-editor-shape-adapter-resolve-diagnostic-endpoint`

- Public API: `BoneFlowShapeAdapter.resolveDiagnosticEndpoint`
- 説明: BoneFlowShapeAdapter.resolveDiagnosticEndpoint の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: endpoint` — Number — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: side` — String / API許容値 — `data-bone-arg-2` または `data-bone-args[2]`
  - `3: joint` — API定義値 — `data-bone-arg-3` または `data-bone-args[3]`
  - `4: peerViewKey` — Number — `data-bone-arg-4` または `data-bone-args[4]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-resolve-diagnostic-endpoint" data-bone-event="manual" data-bone-args='[null,0,null,null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 79. `bone-flow-editor-shape-adapter-set-port-compatibility`

- Public API: `BoneFlowShapeAdapter.setPortCompatibility`
- 説明: Flow Editorの「Port Compatibility」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: nodeId` — Element / Instance — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: fieldKey` — Number — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: role` — String / API許容値 — `data-bone-arg-2` または `data-bone-args[2]`
  - `3: severity` — Number — `data-bone-arg-3` または `data-bone-args[3]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-port-compatibility" data-bone-event="manual" data-bone-args='[null,null,null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 80. `bone-flow-editor-shape-adapter-set-diagnostic-port-compatibility`

- Public API: `BoneFlowShapeAdapter.setDiagnosticPortCompatibility`
- 説明: Flow Editorの「Diagnostic Port Compatibility」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: fieldKey` — Number — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: role` — String / API許容値 — `data-bone-arg-2` または `data-bone-args[2]`
  - `3: severity` — Number — `data-bone-arg-3` または `data-bone-args[3]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-diagnostic-port-compatibility" data-bone-event="manual" data-bone-args='[null,null,null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 81. `bone-flow-editor-shape-adapter-set-diagnostic-port-visible`

- Public API: `BoneFlowShapeAdapter.setDiagnosticPortVisible`
- 説明: Flow Editorの「Diagnostic Port Visible」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: viewKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: visible` — Boolean — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-diagnostic-port-visible" data-bone-event="manual" data-bone-args='[null,true]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 82. `bone-flow-editor-shape-adapter-create-case-label`

- Public API: `BoneFlowShapeAdapter.createCaseLabel`
- 説明: Flow Editorの新しい要素またはRuntimeオブジェクトを生成します。
- 使用する場面: HTML上のホスト要素からUI生成・描画を開始したいとき。
- 引数:
  - `0: key` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: text` — String / API許容値 — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: p` — API定義値 — `data-bone-arg-2` または `data-bone-args[2]`
  - `3: width` — Number — `data-bone-arg-3` または `data-bone-args[3]`
  - `4: caseIndex` — Number — `data-bone-arg-4` または `data-bone-args[4]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-create-case-label" data-bone-event="manual" data-bone-args='[null,"sample",null,null,0]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 83. `bone-flow-editor-shape-adapter-remove-case-label`

- Public API: `BoneFlowShapeAdapter.removeCaseLabel`
- 説明: Flow Editorから指定対象を削除します。
- 使用する場面: HTML操作を契機に対象の破棄・削除・切断・終了を行いたいとき。
- 引数:
  - `0: key` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-remove-case-label" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 84. `bone-flow-editor-shape-adapter-get-case-label`

- Public API: `BoneFlowShapeAdapter.getCaseLabel`
- 説明: Flow Editorの「Case Label」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: key` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-case-label" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 85. `bone-flow-editor-shape-adapter-get-case-label-bounds`

- Public API: `BoneFlowShapeAdapter.getCaseLabelBounds`
- 説明: Flow Editorの「Case Label Bounds」を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: key` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-get-case-label-bounds" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 86. `bone-flow-editor-shape-adapter-set-viewport`

- Public API: `BoneFlowShapeAdapter.setViewport`
- 説明: Flow Editorの「Viewport」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-set-viewport" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 87. `bone-flow-editor-shape-adapter-clear`

- Public API: `BoneFlowShapeAdapter.clear`
- 説明: Flow Editorの指定状態・内容をクリアします。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-shape-adapter-clear" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 88. `bone-flow-editor-validation-validate`

- Public API: `BoneFlowValidation.validate`
- 説明: Flow Editorの入力・状態を検証し、Validation結果を返します。
- 使用する場面: HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。
- 引数:
  - `0: working` — Object — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: options` — Object — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-validation-validate" data-bone-event="manual" data-bone-args='[null,{}]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 89. `bone-flow-editor-validation-semantic-errors`

- Public API: `BoneFlowValidation.semanticErrors`
- 説明: BoneFlowValidation.semanticErrors の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: working` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-validation-semantic-errors" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 90. `bone-flow-editor-validation-validate-canonical-schema`

- Public API: `BoneFlowValidation.validateCanonicalSchema`
- 説明: Flow Editorの入力・状態を検証し、Validation結果を返します。
- 使用する場面: HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。
- 引数:
  - `0: d` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-validation-validate-canonical-schema" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 91. `bone-flow-editor-validation-validate-canonical-semantics`

- Public API: `BoneFlowValidation.validateCanonicalSemantics`
- 説明: Flow Editorの入力・状態を検証し、Validation結果を返します。
- 使用する場面: HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。
- 引数:
  - `0: definition` — Object — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: options` — Object — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-validation-validate-canonical-semantics" data-bone-event="manual" data-bone-args='[null,{}]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 92. `bone-flow-editor-validation-registry-types`

- Public API: `BoneFlowValidation.registryTypes`
- 説明: BoneFlowValidation.registryTypes の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: options` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-validation-registry-types" data-bone-event="manual" data-bone-args='[{}]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 93. `bone-flow-editor-validation-field-compatibility`

- Public API: `BoneFlowValidation.fieldCompatibility`
- 説明: BoneFlowValidation.fieldCompatibility の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: sourceType` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: targetType` — Element / Instance — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-validation-field-compatibility" data-bone-event="manual" data-bone-args='["html-class",null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 94. `bone-flow-editor-workspace-defaults`

- Public API: `BoneFlowWorkspace.defaults`
- 説明: BoneFlowWorkspace.defaults の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: flowId` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: flowKey` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-defaults" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 95. `bone-flow-editor-workspace-normalize-source`

- Public API: `BoneFlowWorkspace.normalizeSource`
- 説明: 入力ソースをFlow Editorの正式契約に沿う形へ正規化します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: s` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-normalize-source" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 96. `bone-flow-editor-workspace-sha256-bytes`

- Public API: `BoneFlowWorkspace.sha256Bytes`
- 説明: BoneFlowWorkspace.sha256Bytes の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: bytes` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-sha256-bytes" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 97. `bone-flow-editor-workspace-sha256-text`

- Public API: `BoneFlowWorkspace.sha256Text`
- 説明: BoneFlowWorkspace.sha256Text の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: text` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-sha256-text" data-bone-event="manual" data-bone-args='["sample"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 98. `bone-flow-editor-workspace-source-hash`

- Public API: `BoneFlowWorkspace.sourceHash`
- 説明: BoneFlowWorkspace.sourceHash の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: source` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-source-hash" data-bone-event="manual" data-bone-args='["html-class"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 99. `bone-flow-editor-workspace-recovery-checksum`

- Public API: `BoneFlowWorkspace.recoveryChecksum`
- 説明: BoneFlowWorkspace.recoveryChecksum の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: record` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-recovery-checksum" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 100. `bone-flow-editor-workspace-collision-key`

- Public API: `BoneFlowWorkspace.collisionKey`
- 説明: BoneFlowWorkspace.collisionKey の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: oldFlowKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: candidate` — String / API許容値 — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: currentSourceHash` — String / API許容値 — `data-bone-arg-2` または `data-bone-args[2]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-collision-key" data-bone-event="manual" data-bone-args='[null,null,"html-class"]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 101. `bone-flow-editor-workspace-candidate-key`

- Public API: `BoneFlowWorkspace.candidateKey`
- 説明: BoneFlowWorkspace.candidateKey の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: flowId` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: fileName` — String / API許容値 — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: sessionUUID` — String / API許容値 — `data-bone-arg-2` または `data-bone-args[2]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-candidate-key" data-bone-event="manual" data-bone-args='[null,null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 102. `bone-flow-editor-workspace-open-db`

- Public API: `BoneFlowWorkspace.openDb`
- 説明: Flow Editorの対象UI・データを開きます。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-workspace-open-db" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 103. `bone-flow-editor-workspace-atomic-rekey`

- Public API: `BoneFlowWorkspace.atomicRekey`
- 説明: BoneFlowWorkspace.atomicRekey の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: oldKey` — Number — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: candidate` — String / API許容値 — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: currentSourceHash` — String / API許容値 — `data-bone-arg-2` または `data-bone-args[2]`
  - `3: recovery` — Number — `data-bone-arg-3` または `data-bone-args[3]`
  - `4: workspace` — Object — `data-bone-arg-4` または `data-bone-args[4]`
  - `5: options` — Object — `data-bone-arg-5` または `data-bone-args[5]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-atomic-rekey" data-bone-event="manual" data-bone-args='[null,null,"html-class",null,null,{}]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 104. `bone-flow-editor-workspace-save-recovery`

- Public API: `BoneFlowWorkspace.saveRecovery`
- 説明: Flow Editorの対象データを保存します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: record` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-save-recovery" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 105. `bone-flow-editor-workspace-load-recovery`

- Public API: `BoneFlowWorkspace.loadRecovery`
- 説明: Flow Editorの対象データを読み込みます。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: key` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-load-recovery" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 106. `bone-flow-editor-workspace-save-workspace`

- Public API: `BoneFlowWorkspace.saveWorkspace`
- 説明: Flow Editorの対象データを保存します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: w` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-save-workspace" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 107. `bone-flow-editor-workspace-load-workspace`

- Public API: `BoneFlowWorkspace.loadWorkspace`
- 説明: Flow Editorの対象データを読み込みます。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: key` — Number — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-load-workspace" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 108. `bone-flow-editor-workspace-delete-recovery`

- Public API: `BoneFlowWorkspace.deleteRecovery`
- 説明: BoneFlowWorkspace.deleteRecovery の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: 'flowRecovery'` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: key` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-delete-recovery" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 109. `bone-flow-editor-workspace-delete-workspace`

- Public API: `BoneFlowWorkspace.deleteWorkspace`
- 説明: BoneFlowWorkspace.deleteWorkspace の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: 'workspace'` — Object — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: key` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-delete-workspace" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 110. `bone-flow-editor-workspace-list-recovery`

- Public API: `BoneFlowWorkspace.listRecovery`
- 説明: Flow Editorが保持する対象一覧を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-workspace-list-recovery" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 111. `bone-flow-editor-workspace-purge-recoveries`

- Public API: `BoneFlowWorkspace.purgeRecoveries`
- 説明: BoneFlowWorkspace.purgeRecoveries の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: maxRecords` — Object — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: maxAgeDays` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-purge-recoveries" data-bone-event="manual" data-bone-args='[null,0]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 112. `bone-flow-editor-workspace-validate-workspace`

- Public API: `BoneFlowWorkspace.validateWorkspace`
- 説明: Flow Editorの入力・状態を検証し、Validation結果を返します。
- 使用する場面: HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。
- 引数:
  - `0: w` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-validate-workspace" data-bone-event="manual" data-bone-args='[null]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 113. `bone-flow-editor-workspace-debounce`

- Public API: `BoneFlowWorkspace.debounce`
- 説明: BoneFlowWorkspace.debounce の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: fn` — Function — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: ms` — Number — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

```html
<div class="bone-flow-editor-workspace-debounce" data-bone-event="manual" data-bone-args='["$handler:handlerName",0]'></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。

### 114. `bone-flow-editor-workspace-uuid`

- Public API: `BoneFlowWorkspace.uuid`
- 説明: BoneFlowWorkspace.uuid の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - 引数なし
- HTML例:

```html
<div class="bone-flow-editor-workspace-uuid" data-bone-event="manual"></div>
```

- Result: `__boneClassResult` / `data-bone-class-status` / `data-bone-class-result`。


## Safe activation marker

HTML Functional Class is active only when `bone-html-class-use` is present together with the API class. Example: `class="bone-html-class-use bone-..."`. This prevents existing presentation classes from being executed as APIs.