# Bone Flow #019 Image - HTML Class Guide

Version: 1.0.72

## 1. 目的

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

Public API function **51件 = HTML Class 51件** を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-image-get-public-api`

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

```html
<div class="bone-image-get-public-api" data-bone-event="manual"></div>
```

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

### 2. `bone-image-has-public-api`

- Public API: `BoneImage.hasPublicAPI`
- 説明: Imageが「Public API」を持つか判定します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: name` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-has-public-api" data-bone-event="manual" data-bone-args='["sample"]'></div>
```

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

### 3. `bone-image-get-completion-state`

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

```html
<div class="bone-image-get-completion-state" data-bone-event="manual"></div>
```

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

### 4. `bone-image-complete`

- Public API: `BoneImage.complete`
- 説明: ImageのCompletion状態を確定します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: meta` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-complete" data-bone-event="manual" data-bone-args='[{}]'></div>
```

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

### 5. `bone-image-reopen`

- Public API: `BoneImage.reopen`
- 説明: ImageのCompletion確定を解除して再編集可能にします。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: meta` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-reopen" data-bone-event="manual" data-bone-args='[{}]'></div>
```

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

### 6. `bone-image-registry`

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

```html
<div class="bone-image-registry" data-bone-event="manual"></div>
```

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

### 7. `bone-image-resolve-child`

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

```html
<div class="bone-image-resolve-child" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 8. `bone-image-get-emoji-catalog`

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

```html
<div class="bone-image-get-emoji-catalog" data-bone-event="manual"></div>
```

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

### 9. `bone-image-get-uilist`

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

```html
<div class="bone-image-get-uilist" data-bone-event="manual"></div>
```

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

### 10. `bone-image-get-registered-uilist`

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

```html
<div class="bone-image-get-registered-uilist" data-bone-event="manual"></div>
```

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

### 11. `bone-image-register-ui`

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

```html
<div class="bone-image-register-ui" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 12. `bone-image-unregister-ui`

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

```html
<div class="bone-image-unregister-ui" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 13. `bone-image-delete-ui`

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

```html
<div class="bone-image-delete-ui" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 14. `bone-image-get-ready-uilist`

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

```html
<div class="bone-image-get-ready-uilist" data-bone-event="manual"></div>
```

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

### 15. `bone-image-get-used-components`

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

```html
<div class="bone-image-get-used-components" data-bone-event="manual"></div>
```

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

### 16. `bone-image-normalize`

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

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

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

### 17. `bone-image-normalize-value`

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

```html
<div class="bone-image-normalize-value" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 18. `bone-image-validate-value`

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

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

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

### 19. `bone-image-load-type-uisettings`

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

```html
<div class="bone-image-load-type-uisettings" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 20. `bone-image-save-type-uisettings`

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

```html
<div class="bone-image-save-type-uisettings" data-bone-event="manual" data-bone-args='[null,null]'></div>
```

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

### 21. `bone-image-get-type-uisetting`

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

```html
<div class="bone-image-get-type-uisetting" data-bone-event="manual" data-bone-args='["sample",null]'></div>
```

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

### 22. `bone-image-set-type-uisetting`

- Public API: `BoneImage.setTypeUISetting`
- 説明: Imageの「Type UISetting」を設定します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: type` — String / API許容値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: listKey` — Array / Collection — `data-bone-arg-1` または `data-bone-args[1]`
  - `2: storage` — API定義値 — `data-bone-arg-2` または `data-bone-args[2]`
- HTML例:

```html
<div class="bone-image-set-type-uisetting" data-bone-event="manual" data-bone-args='["sample",null,null]'></div>
```

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

### 23. `bone-image-build-output`

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

```html
<div class="bone-image-build-output" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 24. `bone-image-build-child-input`

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

```html
<div class="bone-image-build-child-input" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 25. `bone-image-build-child-output`

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

```html
<div class="bone-image-build-child-output" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 26. `bone-image-create`

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

```html
<div class="bone-image-create" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 27. `bone-image-create-parent`

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

```html
<div class="bone-image-create-parent" data-bone-event="manual" data-bone-args='[{}]'></div>
```

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

### 28. `bone-image-create-editor`

- Public API: `BoneImage.createEditor`
- 説明: Imageの編集用UIを生成します。
- 使用する場面: HTML上のホスト要素からUI生成・描画を開始したいとき。
- 引数:
  - `0: options` — Object — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-create-editor" data-bone-event="manual" data-bone-args='[{}]'></div>
```

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

### 29. `bone-image-render`

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

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

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

### 30. `bone-image-update`

- Public API: `BoneImage.update`
- 説明: 既存のImage要素または状態を更新します。
- 使用する場面: HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。
- 引数:
  - `0: e` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
  - `1: b` — API定義値 — `data-bone-arg-1` または `data-bone-args[1]`
- HTML例:

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

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

### 31. `bone-image-get-bone`

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

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

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

### 32. `bone-image-get-value`

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

```html
<div class="bone-image-get-value" data-bone-event="manual" data-bone-args='["$self"]'></div>
```

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

### 33. `bone-image-get-output`

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

```html
<div class="bone-image-get-output" data-bone-event="manual" data-bone-args='["$self"]'></div>
```

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

### 34. `bone-image-get-child-input`

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

```html
<div class="bone-image-get-child-input" data-bone-event="manual" data-bone-args='["$self"]'></div>
```

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

### 35. `bone-image-get-child-output`

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

```html
<div class="bone-image-get-child-output" data-bone-event="manual" data-bone-args='["$self"]'></div>
```

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

### 36. `bone-image-is-instance`

- Public API: `BoneImage.isInstance`
- 説明: 対象がImageの「Instance」条件を満たすか判定します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: e` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-is-instance" data-bone-event="manual" data-bone-args='["$self"]'></div>
```

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

### 37. `bone-image-destroy`

- Public API: `BoneImage.destroy`
- 説明: Imageの対象インスタンスを破棄し、関連状態を解放します。
- 使用する場面: HTML操作を契機に対象の破棄・削除・切断・終了を行いたいとき。
- 引数:
  - `0: e` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

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

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

### 38. `bone-image-uiregistry-define`

- Public API: `BoneUIRegistry.define`
- 説明: BoneUIRegistry.define の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: e` — 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-image-uiregistry-define" data-bone-event="manual" data-bone-args='["$self",{}]'></div>
```

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

### 39. `bone-image-uiregistry-add-definition`

- Public API: `BoneUIRegistry.addDefinition`
- 説明: BoneUIRegistry.addDefinition の公開機能をHTML Classから呼び出します。
- 使用する場面: HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。
- 引数:
  - `0: e` — 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-image-uiregistry-add-definition" data-bone-event="manual" data-bone-args='["$self",{}]'></div>
```

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

### 40. `bone-image-uiregistry-update-definition`

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

```html
<div class="bone-image-uiregistry-update-definition" data-bone-event="manual" data-bone-args='[null,{}]'></div>
```

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

### 41. `bone-image-uiregistry-remove-definition`

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

```html
<div class="bone-image-uiregistry-remove-definition" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 42. `bone-image-uiregistry-resolve`

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

```html
<div class="bone-image-uiregistry-resolve" data-bone-event="manual" data-bone-args='["sample"]'></div>
```

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

### 43. `bone-image-uiregistry-resolve-list-key`

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

```html
<div class="bone-image-uiregistry-resolve-list-key" data-bone-event="manual" data-bone-args='[null,{}]'></div>
```

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

### 44. `bone-image-uiregistry-register-list-key`

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

```html
<div class="bone-image-uiregistry-register-list-key" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 45. `bone-image-uiregistry-unregister-list-key`

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

```html
<div class="bone-image-uiregistry-unregister-list-key" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 46. `bone-image-uiregistry-delete-registered`

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

```html
<div class="bone-image-uiregistry-delete-registered" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 47. `bone-image-uiregistry-list-definitions`

- Public API: `BoneUIRegistry.listDefinitions`
- 説明: Imageが保持する対象一覧を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: filter` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-uiregistry-list-definitions" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 48. `bone-image-uiregistry-list-registered`

- Public API: `BoneUIRegistry.listRegistered`
- 説明: Imageが保持する対象一覧を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: filter` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-uiregistry-list-registered" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 49. `bone-image-uiregistry-list-available`

- Public API: `BoneUIRegistry.listAvailable`
- 説明: Imageが保持する対象一覧を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: filter` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-uiregistry-list-available" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 50. `bone-image-uiregistry-list-keys`

- Public API: `BoneUIRegistry.listKeys`
- 説明: Imageが保持する対象一覧を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: filter` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-uiregistry-list-keys" data-bone-event="manual" data-bone-args='[null]'></div>
```

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

### 51. `bone-image-uiregistry-list`

- Public API: `BoneUIRegistry.list`
- 説明: Imageが保持する対象一覧を取得します。
- 使用する場面: JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。
- 引数:
  - `0: filter` — API定義値 — `data-bone-arg-0` または `data-bone-args[0]`
- HTML例:

```html
<div class="bone-image-uiregistry-list" data-bone-event="manual" data-bone-args='[null]'></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.