1. HTML Class の使い方
このClassはJavaScriptの class {} ではありません。 HTML要素の class="" に機能Classを設定し、そのClassと1対1のPublic APIを呼び出すための宣言的な入口です。
Class一覧 から使用する機能を選ぶHTML要素の class="" にClass名を設定する data-bone-event でいつ呼ぶかを設定するdata-bone-args / data-bone-arg-N でAPI引数を渡す戻り値はResult / State契約から取得する <div class="bone-html-class-use bone-numberbox-defaults" data-bone-event="manual"></div>Class一覧 左側の Class一覧 44件 からClassを選択すると、そのClass専用の説明・引数・HTML例・実行・Resultを表示します。
2. Class共通引数契約
HTMLの class="" は「どのPublic APIを使うか」を指定します。Public APIへ渡す引数と呼出タイミングは、以下の共通 data-bone-* 属性で指定します。
実行マーカー: 機能Classは bone-html-class-use と組み合わせて使用します。例: class="bone-html-class-use bone-bone-numberbox-defaults"。既存CSS Classを誤実行しないための共通契約です。
属性 役割 値 / Default 説明
class機能Class bone-html-class-use bone-...-...bone-html-class-use とClass一覧の機能Classを同じ class="" に設定します。対応Public APIと1対1です。data-bone-event起動タイミング load / click / input / change / manual 等load複数指定は空白またはカンマ区切り。manual は自動実行せず、Bridgeの invoke() から実行します。 data-bone-args引数一括指定 JSON Array Public APIの引数順そのままのJSON配列です。例: ["$self","$value",{}] data-bone-arg-N引数個別指定 Nは0始まり data-bone-arg-0, data-bone-arg-1 のように1引数ずつ指定します。一括指定より個別値を補完できます。data-bone-onceイベント1回限定 true / Default: falseclick等のイベント監視を1回だけ実行したい場合に指定します。 data-bone-append-resultElement戻り値 false でappend停止Public APIがElementを返した場合、既定ではClass設定要素へappendします。 data-bone-throwDebug再throw true / Default: falseClass実行エラーをResultへ保存した後、Debug用に非同期で再throwします。
特殊値 値 解決内容 $selfClassを設定したHTML要素そのものを渡します。element / target / root などの第1引数に使用します。 $eventClass起動の原因になったDOM Eventを渡します。click / input / change等のイベント情報が必要なAPI用です。 $valueinput / textarea / select等の現在の value を渡します。 $checkedcheckbox / radio等の現在の checked(Boolean)を渡します。 $textClassを設定した要素の textContent を渡します。 $datasetClassを設定した要素の dataset を通常Objectとして渡します。 $filesfile input の FileList を渡します。 $selector:......をCSS selectorとして document.querySelector() で解決し、そのElementを渡します。 $id:......をDOM idとして document.getElementById() で解決し、そのElementを渡します。 $global:...window / globalThis上の指定名の値を渡します。 $handler:...window / globalThis上の指定名のFunctionをコールバック引数として渡します。
引数の優先順 data-bone-args で配列を読み込み、未指定位置を data-bone-arg-N と自動補完（第1引数のelement系は $self、event系は $event）で埋めます。
3. Result / State 契約
Class経由のPublic API実行結果は、Class設定要素自身へ保存されます。成功・失敗をHTMLとEventの両方から確認できます。
結果 内容 用途
element.__boneClassResultPublic APIの生の戻り値 JavaScript側で元のObject / Element / primitiveをそのまま参照します。 data-bone-class-statusok / errorHTML属性だけで直近のClass実行成否を確認します。 data-bone-class-result戻り値のserialize結果 DOM Inspectorやテストから結果概要を確認します。長い結果は1000文字で省略します。 bone-html-class-result成功CustomEvent detail に componentId / className / api / value を持ちます。bone-html-class-error失敗CustomEvent detail に componentId / className / api / error を持ちます。
このガイド Runtime実行結果をClass別画面に表示
左のClass一覧からClassを選択し「このClassを実行」を押すと、実Public APIのStatus / Resultを表示します。
bone-numberbox-defaults
BoneNumberBox.defaults の公開機能をHTML Classから呼び出します。
HTML Class bone-numberbox-defaults対応Public API BoneNumberBox.defaults使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 引数なし。Classの起動だけでAPIを呼び出します。
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-defaults" data-bone-event="manual"></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-normalize-options
設定をNumberBoxの正式契約に沿う形へ正規化します。
HTML Class bone-numberbox-normalize-options対応Public API BoneNumberBox.normalizeOptions使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 optionsObject data-bone-arg-0data-bone-args[0]{}
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-normalize-options" data-bone-event="manual" data-bone-args='[{}]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-validate-value
NumberBoxの入力・状態を検証し、Validation結果を返します。
HTML Class bone-numberbox-validate-value対応Public API BoneNumberBox.validateValue使用する場面 HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 valueString / API許容値 data-bone-arg-0data-bone-args[0]null1 optionsObject data-bone-arg-1data-bone-args[1]{}
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-validate-value" data-bone-event="manual" data-bone-args='[null,{}]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-inspect-untrusted-number
NumberBoxの入力・状態を検査し、診断情報を返します。
HTML Class bone-numberbox-inspect-untrusted-number対応Public API BoneNumberBox.inspectUntrustedNumber使用する場面 HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 valueString / API許容値 data-bone-arg-0data-bone-args[0]null
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-inspect-untrusted-number" data-bone-event="manual" data-bone-args='[null]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-inspect-editing-text
NumberBoxの入力・状態を検査し、診断情報を返します。
HTML Class bone-numberbox-inspect-editing-text対応Public API BoneNumberBox.inspectEditingText使用する場面 HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 valueString / API許容値 data-bone-arg-0data-bone-args[0]null1 limitNumber data-bone-arg-1data-bone-args[1]0
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-inspect-editing-text" data-bone-event="manual" data-bone-args='[null,0]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-round-value
BoneNumberBox.roundValue の公開機能をHTML Classから呼び出します。
HTML Class bone-numberbox-round-value対応Public API BoneNumberBox.roundValue使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 valueString / API許容値 data-bone-arg-0data-bone-args[0]null1 decimalPlacesAPI定義値 data-bone-arg-1data-bone-args[1]null2 roundingModeString / API許容値 data-bone-arg-2data-bone-args[2]null
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-round-value" data-bone-event="manual" data-bone-args='[null,null,null]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-format-display-value
BoneNumberBox.formatDisplayValue の公開機能をHTML Classから呼び出します。
HTML Class bone-numberbox-format-display-value対応Public API BoneNumberBox.formatDisplayValue使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 valueString / API許容値 data-bone-arg-0data-bone-args[0]null1 optionsObject data-bone-arg-1data-bone-args[1]{}
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-format-display-value" data-bone-event="manual" data-bone-args='[null,{}]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-create
NumberBoxの新しい要素またはRuntimeオブジェクトを生成します。
HTML Class bone-numberbox-create対応Public API BoneNumberBox.create使用する場面 HTML上のホスト要素からUI生成・描画を開始したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 boneInputObject data-bone-arg-0data-bone-args[0]null1 optionsObject data-bone-arg-1data-bone-args[1]{}
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-create" data-bone-event="manual" data-bone-args='[null,{}]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-is-instance
対象がNumberBoxの「Instance」条件を満たすか判定します。
HTML Class bone-numberbox-is-instance対応Public API BoneNumberBox.isInstance使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-is-instance" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-input
NumberBoxの「Input」を取得します。
HTML Class bone-numberbox-get-input対応Public API BoneNumberBox.getInput使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-input" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-value
NumberBoxの「Value」を取得します。
HTML Class bone-numberbox-get-value対応Public API BoneNumberBox.getValue使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-value" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-editing-value
NumberBoxの「Editing Value」を取得します。
HTML Class bone-numberbox-get-editing-value対応Public API BoneNumberBox.getEditingValue使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-editing-value" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-committed-value
NumberBoxの「Committed Value」を取得します。
HTML Class bone-numberbox-get-committed-value対応Public API BoneNumberBox.getCommittedValue使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-committed-value" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-display-value
NumberBoxの「Display Value」を取得します。
HTML Class bone-numberbox-get-display-value対応Public API BoneNumberBox.getDisplayValue使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-display-value" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-voucher-display-value
NumberBoxの「Voucher Display Value」を取得します。
HTML Class bone-numberbox-get-voucher-display-value対応Public API BoneNumberBox.getVoucherDisplayValue使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-voucher-display-value" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-voucher-layout
NumberBoxの「Voucher Layout」を取得します。
HTML Class bone-numberbox-get-voucher-layout対応Public API BoneNumberBox.getVoucherLayout使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-voucher-layout" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-display-mode
NumberBoxの「Display Mode」を取得します。
HTML Class bone-numberbox-get-display-mode対応Public API BoneNumberBox.getDisplayMode使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-display-mode" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-bone
NumberBoxの「Bone」を取得します。
HTML Class bone-numberbox-get-bone対応Public API BoneNumberBox.getBone使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-bone" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-options
NumberBoxの「Options」を取得します。
HTML Class bone-numberbox-get-options対応Public API BoneNumberBox.getOptions使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-options" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-state
NumberBoxの「State」を取得します。
HTML Class bone-numberbox-get-state対応Public API BoneNumberBox.getState使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-state" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-set-value
NumberBoxの「Value」を設定します。
HTML Class bone-numberbox-set-value対応Public API BoneNumberBox.setValue使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 valueString / API許容値 data-bone-arg-1data-bone-args[1]"$value"2 optionsObject data-bone-arg-2data-bone-args[2]{}
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-set-value" data-bone-event="manual" data-bone-args='["$self","$value",{}]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-set-options
NumberBoxの「Options」を設定します。
HTML Class bone-numberbox-set-options対応Public API BoneNumberBox.setOptions使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 patchObject data-bone-arg-1data-bone-args[1]{}
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-set-options" data-bone-event="manual" data-bone-args='["$self",{}]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-apply-bone
NumberBoxへ指定内容を適用します。
HTML Class bone-numberbox-apply-bone対応Public API BoneNumberBox.applyBone使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 boneInputObject data-bone-arg-1data-bone-args[1]null
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-apply-bone" data-bone-event="manual" data-bone-args='["$self",null]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-apply-joint-input
NumberBoxへ指定内容を適用します。
HTML Class bone-numberbox-apply-joint-input対応Public API BoneNumberBox.applyJointInput使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 payloadAPI定義値 data-bone-arg-1data-bone-args[1]null
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-apply-joint-input" data-bone-event="manual" data-bone-args='["$self",null]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-build-output
NumberBoxで使用する出力・定義オブジェクトを構築します。
HTML Class bone-numberbox-build-output対応Public API BoneNumberBox.buildOutput使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 sourceString / API許容値 data-bone-arg-1data-bone-args[1]"html-class"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-build-output" data-bone-event="manual" data-bone-args='["$self","html-class"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-connect-output
NumberBoxの接続・出力先を接続状態へ変更します。
HTML Class bone-numberbox-connect-output対応Public API BoneNumberBox.connectOutput使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 optionsObject data-bone-arg-1data-bone-args[1]{}
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-connect-output" data-bone-event="manual" data-bone-args='["$self",{}]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-disconnect-output
NumberBoxの接続・出力先を切断状態へ変更します。
HTML Class bone-numberbox-disconnect-output対応Public API BoneNumberBox.disconnectOutput使用する場面 HTML操作を契機に対象の破棄・削除・切断・終了を行いたいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-disconnect-output" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-set-target-ready
NumberBoxの「Target Ready」を設定します。
HTML Class bone-numberbox-set-target-ready対応Public API BoneNumberBox.setTargetReady使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 readyBoolean data-bone-arg-1data-bone-args[1]true
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-set-target-ready" data-bone-event="manual" data-bone-args='["$self",true]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-clear-output-block
NumberBoxの指定状態・内容をクリアします。
HTML Class bone-numberbox-clear-output-block対応Public API BoneNumberBox.clearOutputBlock使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-clear-output-block" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-output-state
NumberBoxの「Output State」を取得します。
HTML Class bone-numberbox-get-output-state対応Public API BoneNumberBox.getOutputState使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-output-state" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-output-queue
NumberBoxの「Output Queue」を取得します。
HTML Class bone-numberbox-get-output-queue対応Public API BoneNumberBox.getOutputQueue使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-output-queue" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-commit
NumberBoxの現在値を正式値としてcommitします。
HTML Class bone-numberbox-commit対応Public API BoneNumberBox.commit使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 sourceString / API許容値 data-bone-arg-1data-bone-args[1]"html-class"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-commit" data-bone-event="manual" data-bone-args='["$self","html-class"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-reset
NumberBoxを既定またはcommit済み状態へ戻します。
HTML Class bone-numberbox-reset対応Public API BoneNumberBox.reset使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-reset" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-validate
NumberBoxの入力・状態を検証し、Validation結果を返します。
HTML Class bone-numberbox-validate対応Public API BoneNumberBox.validate使用する場面 HTMLイベントから検証・解析を実行し、その結果をResultとして受け取りたいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-validate" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-focus
NumberBoxの入力対象へフォーカスを移します。
HTML Class bone-numberbox-focus対応Public API BoneNumberBox.focus使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-focus" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-blur
NumberBoxの入力対象からフォーカスを外します。
HTML Class bone-numberbox-blur対応Public API BoneNumberBox.blur使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-blur" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-show-voucher-display
BoneNumberBox.showVoucherDisplay の公開機能をHTML Classから呼び出します。
HTML Class bone-numberbox-show-voucher-display対応Public API BoneNumberBox.showVoucherDisplay使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-show-voucher-display" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-show-input-mode
BoneNumberBox.showInputMode の公開機能をHTML Classから呼び出します。
HTML Class bone-numberbox-show-input-mode対応Public API BoneNumberBox.showInputMode使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-show-input-mode" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-select
NumberBoxの選択状態または選択範囲を設定します。
HTML Class bone-numberbox-select対応Public API BoneNumberBox.select使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-select" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-set-selection-range
NumberBoxの「Selection Range」を設定します。
HTML Class bone-numberbox-set-selection-range対応Public API BoneNumberBox.setSelectionRange使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 startNumber data-bone-arg-1data-bone-args[1]02 endNumber data-bone-arg-2data-bone-args[2]03 directionString / API許容値 data-bone-arg-3data-bone-args[3]null
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-set-selection-range" data-bone-event="manual" data-bone-args='["$self",0,0,null]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-get-selection
NumberBoxの「Selection」を取得します。
HTML Class bone-numberbox-get-selection対応Public API BoneNumberBox.getSelection使用する場面 JavaScriptを直接記述せず、HTML要素から現在値・状態・一覧を取得したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-get-selection" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-set-feedback
NumberBoxの「Feedback」を設定します。
HTML Class bone-numberbox-set-feedback対応Public API BoneNumberBox.setFeedback使用する場面 HTMLのイベントを契機に、既存UIやRuntime状態を変更したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"1 feedbackAPI定義値 data-bone-arg-1data-bone-args[1]null
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-set-feedback" data-bone-event="manual" data-bone-args='["$self",null]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-sync-parent-style
BoneNumberBox.syncParentStyle の公開機能をHTML Classから呼び出します。
HTML Class bone-numberbox-sync-parent-style対応Public API BoneNumberBox.syncParentStyle使用する場面 HTMLの class と data-bone-* 属性だけで対応Public APIを呼び出したいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-sync-parent-style" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN
bone-numberbox-destroy
NumberBoxの対象インスタンスを破棄し、関連状態を解放します。
HTML Class bone-numberbox-destroy対応Public API BoneNumberBox.destroy使用する場面 HTML操作を契機に対象の破棄・削除・切断・終了を行いたいとき。 起動方法 data-bone-event で load / click / input / change / manual 等を指定します。
引数
# 引数名 値の種類 HTMLでの渡し方 例 0 elementElement / Instance data-bone-arg-0data-bone-args[0]"$self"
引数はAPIの並び順そのままです。個別指定は data-bone-arg-N、一括指定はJSON配列の data-bone-args を使用します。
HTML使用例 <div class="bone-html-class-use bone-numberbox-destroy" data-bone-event="manual" data-bone-args='["$self"]'></div>実UI / Class実行
実行引数（JSON配列）
このClassを実行
下のDemo HostへこのClassを一時設定し、Class Bridgeの invoke() で実Public API を呼びます。必要な引数は上のJSONを編集できます。
Result / State
Status NOT RUN
このClassはまだ実行していません。 現在ページでの使用状況
Class設定要素 0 最終状態 NOT RUN