@cardenelabs/dragon 0.12.0 → 0.14.0

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { NodeKind, Tone, EdgeStyle, CdlDiagram, LaidDiagram } from '@cardenelabs/cdl';
+import { CdlDiagram, NodeKind, Tone, EdgeStyle, LaidDiagram } from '@cardenelabs/cdl';
 
 /**
  * 位置を他の要素からの相対で書くための解決。
@@ -82,6 +82,50 @@ declare function orderByDependency(items: ReadonlyArray<{
  * docs/cdl/text-dsl-spec.md の文法を AST に変換した中間表現
  */
 
+/**
+ * 箱の中に描く図形 (#1374)。 **描画側の型をそのまま使う**。
+ *
+ * 写して持つと欄が増えた時にずれる。 指した先が変われば型検査が教える。
+ */
+type DslDynShape = NonNullable<CdlDiagram["nodes"][number]["shape"]>;
+/** 値を見せる部品 (#1374)。 図形と同じ理由で描画側の型をそのまま使う */
+type DslReadout = NonNullable<CdlDiagram["readouts"]>[number];
+/** 読む人が動かすつまみ (#1389)。 部品と同じ理由で描画側の型をそのまま使う */
+type DslInput = NonNullable<CdlDiagram["inputs"]>[number];
+/** つまみの値から決まる値 (#1391)。 描画側の型に、知らせ用の記述位置だけを足す。 */
+type DslFormula = NonNullable<CdlDiagram["formulas"]>[number] & {
+    pos?: Position;
+};
+/** 巻き上げに応じて進む値 (#1393)。 描画側の型をそのまま使う */
+type DslScrollTrigger = NonNullable<CdlDiagram["scrollTriggers"]>[number];
+/**
+ * 押下などの出来事で動く仕掛け (`events:`、 #1393)。
+ *
+ * **描画側の型をそのまま使わない**。 描画側は相手を識別子で持つ (`{ kind: "node", id }`) が、
+ * 記法は識別子を書けず名前で指す。 名前から識別子への読み替えは組み立てが行うため、
+ * 記法の段階では「何をどう指したか」 だけを持つ。
+ */
+type DslEventBinding = {
+    /** 出来事の種類 (`click` / `hover` など、描画側の `CdlEventKind` と同じ語) */
+    event: NonNullable<CdlDiagram["eventBindings"]>[number]["event"];
+    /** 何を指したか。 名前は記法に書かれたまま持ち、組み立てが識別子へ直す */
+    target: {
+        kind: "node";
+        name: string;
+    } | {
+        kind: "lane";
+        name: string;
+    } | {
+        kind: "edge";
+        from: string;
+        to: string;
+    } | {
+        kind: "diagram";
+    };
+    /** 呼び出す仕掛けの名前。 実体は画面側が持つ */
+    handlerId: string;
+    pos: Position;
+};
 type PresetType = "sequence" | "flow" | "swimlane" | "er" | "state" | "topology" | "solidity" | "gantt" | "class" | "pie" | "bar" | "line" | "funnel" | "tree" | "journey" | "quadrant" | "c4" | "mind";
 type Position = {
     line: number;
@@ -150,6 +194,41 @@ type DslDocument = {
     viewport?: DslViewport;
     lanes?: Record<string, DslLane>;
     groups?: Record<string, DslGroup>;
+    /**
+     * 値を見せる部品 (`readouts:`、 #1374)。 割合の輪や数え上げを図の脇に出す。
+     *
+     * 箱ではないので縦列に載らない。 図全体に 1 つの並びとして持つ。
+     */
+    readouts?: DslReadout[];
+    /**
+     * 読む人が動かすつまみ (`inputs:`、 #1389)。 つまみが握る値は状態と同じ名前で参照できる。
+     *
+     * 部品と同じく箱ではないので縦列に載らない。 図全体に 1 つの並びとして持つ。
+     */
+    inputs?: DslInput[];
+    /**
+     * つまみの値から決まる値 (`formulas:`、 #1391)。
+     *
+     * **`values:` とは経路が別**。 あちらは段が動かす状態を読んで毎 frame 決まり直す
+     * (`derived`) のに対し、こちらはつまみが握る値を読む反応の網に載る (`formulas`)。
+     * 描画側がこの 2 つを別の欄として持つため、記法でも別の項目にする。
+     *
+     * 式は描画側の書き方。 名前は中括弧で囲っても囲わなくてもよい (描画側の parser が
+     * どちらも同じ名前として読む)。
+     */
+    formulas?: DslFormula[];
+    /**
+     * 押下などの出来事で動く仕掛け (`events:`、 #1393)。
+     *
+     * 相手は名前で指す。 組み立てが識別子へ直し、指す先が無ければ知らせる。
+     */
+    events?: DslEventBinding[];
+    /**
+     * 巻き上げに応じて進む値 (`scrolls:`、 #1393)。
+     *
+     * 画面を巻き上げた量から 0 から 1 の進み具合を作る。 描画側はこれを値として読む。
+     */
+    scrolls?: DslScrollTrigger[];
     /**
      * canvas pivot (CAR-1693 Phase 1) diagram-level layout mode。 未指定は "auto" default で
      * catalog 100+ backward compat。 "manual" は Phase 4 で drag → pos: 保存の完全 manual mode。
@@ -186,6 +265,49 @@ type DslActor = {
     eyebrow?: string;
     value?: string;
     rows?: string[];
+    /**
+     * 箱の中に描く図形 (`shape:`、 #1374)。 水位や角度を状態で動かせる。
+     *
+     * 種類ごとに書ける欄が違う (`図形の表`)。 知らない種類と欄は読み取りが知らせる。
+     */
+    shape?: DslDynShape;
+    /**
+     * 箱に出す題 (`title:`、 #1381)。 書かなければ名前がそのまま題になる。
+     *
+     * 名前は図の中で 1 つに決まる必要がある (`focus:` と `flow:` が名前で指すため) 一方、
+     * 題は重なってよい。 同じ題の箱を並べる図と、題を持たない箱を、名前と切り離して書ける。
+     */
+    title?: string;
+    /**
+     * その箱を出すかどうかの条件 (`visibleIf:`、 #1381)。
+     *
+     * 状態を差し込める文字列で、描画側が真偽を判定する。 `"0"` / `"false"` / 空文字が偽で、
+     * それ以外は真。 値だけを見せる図が、場所を空けるためだけの見えない箱を置くのに使う。
+     */
+    visibleIf?: string;
+    /**
+     * 箱の幅と高さを値に追随させる (`wBind:` / `hBind:`、 #1392)。
+     *
+     * 状態の名前を `{名前}` の形で書く。 配置計算は追随前の `posW` / `posH` を使い、
+     * 描く時だけ値に合わせて伸び縮みする (矢印の通り道が動かないようにするための分離)。
+     */
+    wBind?: string;
+    hBind?: string;
+    /**
+     * 箱の濃さ (`opacity:`、 #1392)。 0 から 1 の数か、状態の名前を書く。
+     *
+     * 書かなければ完全に見える状態になる。 `visibleIf` が出す / 出さないの 2 値なのに対し、
+     * こちらは途中の濃さを持てる。
+     */
+    opacity?: number | string;
+    /**
+     * 描く時だけ箱をずらす量 (`renderOffsetX:` / `renderOffsetY:`、 #1392)。
+     *
+     * 配置計算と矢印はずらす前の位置を使うため、円周上に並べて見せる等の見た目専用。
+     * 数か、状態の名前を書く。
+     */
+    renderOffsetX?: number | string;
+    renderOffsetY?: number | string;
     /**
      * 工程の並び (`type: gantt`) で、その工程の担当 (#1251)。
      *
@@ -317,6 +439,17 @@ type DslStep = {
     /** v0.5+ inline option */
     guard?: string;
     cardinality?: string;
+    /**
+     * 矢印を値に追随させる欄 (`widthBind:` / `strokeBind:` / `dashOffsetBind:`、 #1396)。
+     *
+     * 箱の `wBind` (#1392) と同じ形で、状態やつまみの名前を `{名前}` で書く。
+     * 太さ / 色 / 破線の位置がその値に合わせて動く。 通り道そのものは動かない。
+     */
+    widthBind?: string;
+    strokeBind?: string;
+    dashOffsetBind?: string;
+    /** 矢印がどの辺から出るか (#1385)。 書かなければ描画側が自動で選ぶ */
+    side?: "top" | "right" | "bottom" | "left";
     labelOffsetX?: number;
     labelOffsetY?: number;
     /** true で説明文を矢印の線の上に重ねる。 分岐図の条件ラベル用。 */
@@ -536,7 +669,7 @@ interface CompileToCdlOpts {
 }
 /** 図は出せるが書いた通りにならなかった、 という知らせ。 */
 type CompileNotice = {
-    kind: "relative-position-ignored" | "focus-target-missing" | "state-override-rejected" | "external-paint-dropped" | "part-not-drawn" | "scale-reserved" | "chart-value-unreadable" | "chart-edge-dropped" | "value-shadows-state" | "value-unresolved" | "value-duplicate" | "flow-actor-missing" | "value-trigger-unresolved" | "flow-self-loop" | "lane-not-honored" | "lane-declared-empty" | "eyebrow-not-honored" | "flow-endpoint-not-honored" | "draw-not-honored" | "draw-target-mismatch";
+    kind: "relative-position-ignored" | "focus-target-missing" | "state-override-rejected" | "external-paint-dropped" | "part-not-drawn" | "scale-reserved" | "chart-value-unreadable" | "chart-edge-dropped" | "value-shadows-state" | "value-unresolved" | "value-duplicate" | "flow-actor-missing" | "value-trigger-unresolved" | "flow-self-loop" | "lane-not-honored" | "lane-declared-empty" | "eyebrow-not-honored" | "flow-endpoint-not-honored" | "draw-not-honored" | "draw-target-mismatch" | "formula-unresolved" | "event-target-missing";
     /** 対象の名前。 光らせる相手なら書かれた指定そのまま */
     actor: string;
     /** 書かれていた行 */
@@ -785,7 +918,7 @@ type V05ParseResult = {
  * 書くと、項目を足した時に案内か一覧のどちらかが取り残される (実際に `states` / `values` が
  * 一覧に 1 件も無い状態で放置されていた)。
  */
-declare const TOP_LEVEL_KEYS: readonly ["title", "type", "actors", "flow", "states", "values", "animation", "viewport", "lanes", "groups", "eyebrow", "axes"];
+declare const TOP_LEVEL_KEYS: readonly ["title", "type", "actors", "flow", "states", "values", "animation", "viewport", "lanes", "groups", "eyebrow", "axes", "readouts", "inputs", "formulas", "events", "scrolls"];
 /** 受け付ける図種。 記法一覧はここを見る。 */
 declare const PRESET_TYPES: ReadonlySet<PresetType>;
 /**
@@ -1035,11 +1168,13 @@ type StrippedPaint = {
 /**
  * 図の中から、 色を塗る位置に入った外部参照を落とす。
  *
- * 対象は 2 種類ある。
+ * 対象は 3 種類ある。
  *
  * - 色を塗る key (`fill` / `stroke` / `bg` 等) の値
  * - 状態の値 (`states[].initial` と、 phase が状態へ入れる値)。 状態は `{名前}` の形で
  *   `fill` に差し込まれるため、 色を塗る位置に届く
+ * - つまみの値 (`inputs[].defaultValue` / `defaultValues` / `options`)。 これらも状態を上書きし、
+ *   同じ形で paint に届く
  *
  * 説明文 (`title` / `subtitle` / `value` / `rows`) は対象外。 文字として出るだけで
  * 属性にはならないため、 URL を書く正当な用途を壊さない。
@@ -1227,6 +1362,44 @@ interface DragonJson {
     actors: (string | JsonActor)[];
     /** flow step 配列 (必須): { from, to, label, ... } */
     flow: JsonStep[];
+    /**
+     * 値を見せる部品 (optional、 #1374)。 記法の最上位 `readouts:` と同じ。
+     *
+     * 箱ではないので縦列に載らない。 図全体に 1 つの並びとして持つ。
+     */
+    readouts?: DslReadout[];
+    /**
+     * 読む人が動かすつまみ (optional、 #1389)。 記法の最上位 `inputs:` と同じ。
+     *
+     * 部品と同じく箱ではないので縦列に載らない。 図全体に 1 つの並びとして持つ。
+     */
+    inputs?: DslInput[];
+    /**
+     * つまみの値から決まる値 (optional、 #1391)。 記法の最上位 `formulas:` と同じ。
+     *
+     * 形は `{ 名前: "式" }`。 `values:` と経路が別で、式は名前を中括弧で囲わない。
+     */
+    formulas?: Record<string, string>;
+    /**
+     * 押下などの出来事で動く仕掛け (optional、 #1393)。 記法の最上位 `events:` と同じ。
+     *
+     * 相手は名前で指す (`box` / `lane` / `arrow` / `diagram` のどれか 1 つ)。
+     */
+    events?: {
+        on: string;
+        handler: string;
+        box?: string;
+        lane?: string;
+        arrow?: string;
+        diagram?: boolean;
+    }[];
+    /** 巻き上げに応じて進む値 (optional、 #1393)。 記法の最上位 `scrolls:` と同じ */
+    scrolls?: Record<string, {
+        start?: number;
+        end?: number;
+        scrub?: number;
+        label?: string;
+    }>;
     /**
      * 状態の初期値 (optional)。 記法の `states:` と同じ (#1181)。
      *
@@ -1277,6 +1450,31 @@ interface DragonJson {
 }
 interface JsonActor {
     name: string;
+    /**
+     * 箱の中に描く図形 (optional、 #1374)。 記法の `shape:` と同じ。
+     *
+     * 水位や角度を状態で動かす。 形は描画側の型が縛る。
+     */
+    shape?: DslDynShape;
+    /**
+     * その箱を出すかどうかの条件 (optional、 #1381)。 記法の `visibleIf:` と同じ。
+     */
+    visibleIf?: string;
+    /**
+     * 箱に出す題 (optional、 #1381)。 記法の `title:` と同じ。
+     */
+    title?: string;
+    /**
+     * 値に追随する 5 欄 (optional、 #1392)。 記法の `wBind:` / `hBind:` / `opacity:` /
+     * `renderOffsetX:` / `renderOffsetY:` と同じ。
+     *
+     * 大きさは文字列だけ (数を書いても追随のしようが無い)、濃さとずらしは数も受ける。
+     */
+    wBind?: string;
+    hBind?: string;
+    opacity?: number | string;
+    renderOffsetX?: number | string;
+    renderOffsetY?: number | string;
     /**
      * CAR-1657 unified syntax = 既存 NodeKind (28 個) に加えて parts identifier (arc-gauge 等) を
      * accept する。 未知 kind 値は parts 候補として partId に格納、 compile 側 partsCatalog で解決。
@@ -1387,6 +1585,8 @@ interface JsonStep {
     to: string;
     label: string;
     sub?: string;
+    /** 矢印がどの辺から出るか (#1385)。 記法の `side:` と同じ */
+    side?: "top" | "right" | "bottom" | "left";
     /**
      * 矢印の色 (#1304)。 記法の `(成功)` と同じく別名 (`成功` / `neutral` 等) も受ける。
      *
@@ -1396,6 +1596,13 @@ interface JsonStep {
     style?: EdgeStyle;
     guard?: string;
     cardinality?: string;
+    /**
+     * 矢印を値に追随させる 3 欄 (optional、 #1396)。 記法の `widthBind:` / `strokeBind:` /
+     * `dashOffsetBind:` と同じ。 描画側は文字列だけを取る。
+     */
+    widthBind?: string;
+    strokeBind?: string;
+    dashOffsetBind?: string;
     labelOffsetX?: number;
     labelOffsetY?: number;
     /** true で説明文を矢印の線の上に重ねる。 分岐図の条件ラベル用。 */
@@ -1712,6 +1919,126 @@ declare const diagramJsonSchema: {
                                 };
                             };
                         };
+                        visibleIf: {
+                            type: string;
+                            description: string;
+                        };
+                        title: {
+                            type: string;
+                            description: string;
+                        };
+                        shape: {
+                            type: string;
+                            description: string;
+                            required: string[];
+                            properties: {
+                                kind: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                source: {
+                                    type: string[];
+                                };
+                                fillMax: {
+                                    type: string;
+                                };
+                                orient: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                radius: {
+                                    type: string[];
+                                };
+                                fillProgress: {
+                                    type: string[];
+                                };
+                                innerRadius: {
+                                    type: string;
+                                };
+                                outerRadius: {
+                                    type: string;
+                                };
+                                startAngle: {
+                                    type: string;
+                                };
+                                angle: {
+                                    type: string[];
+                                };
+                                sweepMax: {
+                                    type: string;
+                                };
+                                level: {
+                                    type: string[];
+                                };
+                                amplitude: {
+                                    type: string;
+                                };
+                                frequency: {
+                                    type: string;
+                                };
+                                waveHeight: {
+                                    type: string;
+                                };
+                                sides: {
+                                    type: string;
+                                };
+                                rotation: {
+                                    type: string[];
+                                };
+                                fill: {
+                                    type: string;
+                                };
+                                stroke: {
+                                    type: string;
+                                };
+                            };
+                            additionalProperties: boolean;
+                            oneOf: ({
+                                properties: {
+                                    kind: {
+                                        enum: string[];
+                                    };
+                                };
+                                required: string[];
+                            } | {
+                                properties: {
+                                    kind: {
+                                        enum: string[];
+                                    };
+                                };
+                                required?: undefined;
+                            })[];
+                        };
+                        wBind: {
+                            type: string;
+                            minLength: number;
+                            pattern: string;
+                            description: string;
+                        };
+                        hBind: {
+                            type: string;
+                            minLength: number;
+                            pattern: string;
+                            description: string;
+                        };
+                        opacity: {
+                            type: string[];
+                            minLength: number;
+                            pattern: string;
+                            description: string;
+                        };
+                        renderOffsetX: {
+                            type: string[];
+                            minLength: number;
+                            pattern: string;
+                            description: string;
+                        };
+                        renderOffsetY: {
+                            type: string[];
+                            minLength: number;
+                            pattern: string;
+                            description: string;
+                        };
                     };
                     description?: undefined;
                 })[];
@@ -1759,6 +2086,11 @@ declare const diagramJsonSchema: {
                         type: string;
                         description: string;
                     };
+                    side: {
+                        type: string;
+                        enum: string[];
+                        description: string;
+                    };
                     labelOffsetX: {
                         type: string;
                         description: string;
@@ -1785,6 +2117,24 @@ declare const diagramJsonSchema: {
                             };
                         };
                     };
+                    widthBind: {
+                        type: string;
+                        minLength: number;
+                        pattern: string;
+                        description: string;
+                    };
+                    strokeBind: {
+                        type: string;
+                        minLength: number;
+                        pattern: string;
+                        description: string;
+                    };
+                    dashOffsetBind: {
+                        type: string;
+                        minLength: number;
+                        pattern: string;
+                        description: string;
+                    };
                 };
             };
         };
@@ -1985,6 +2335,597 @@ declare const diagramJsonSchema: {
                 };
             };
         };
+        readouts: {
+            type: string;
+            description: string;
+            items: {
+                type: string;
+                required: string[];
+                additionalProperties: boolean;
+                properties: {
+                    id: {
+                        type: string;
+                        minLength: number;
+                    };
+                    kind: {
+                        type: string;
+                        enum: string[];
+                    };
+                    additionsSource: {
+                        type: string;
+                    };
+                    bodySource: {
+                        type: string;
+                    };
+                    canvasH: {
+                        type: string;
+                    };
+                    canvasW: {
+                        type: string;
+                    };
+                    caption: {
+                        type: string;
+                    };
+                    cellGap: {
+                        type: string;
+                    };
+                    cellSize: {
+                        type: string;
+                    };
+                    charMs: {
+                        type: string;
+                    };
+                    color: {
+                        type: string;
+                    };
+                    colorA: {
+                        type: string;
+                    };
+                    colorAccent: {
+                        type: string;
+                    };
+                    colorActive: {
+                        type: string;
+                    };
+                    colorActual: {
+                        type: string;
+                    };
+                    colorAdd: {
+                        type: string;
+                    };
+                    colorApplied: {
+                        type: string;
+                    };
+                    colorB: {
+                        type: string;
+                    };
+                    colorBar: {
+                        type: string;
+                    };
+                    colorBottom: {
+                        type: string;
+                    };
+                    colorDel: {
+                        type: string;
+                    };
+                    colorDiscount: {
+                        type: string;
+                    };
+                    colorDown: {
+                        type: string;
+                    };
+                    colorFocus: {
+                        type: string;
+                    };
+                    colorMap: {
+                        type: string;
+                        minItems: number;
+                        items: {
+                            type: string;
+                            required: string[];
+                            additionalProperties: boolean;
+                            properties: {
+                                status: {
+                                    type: string;
+                                };
+                                color: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    colorNeg: {
+                        type: string;
+                    };
+                    colorNew: {
+                        type: string;
+                    };
+                    colorOld: {
+                        type: string;
+                    };
+                    colorOther: {
+                        type: string;
+                    };
+                    colorPending: {
+                        type: string;
+                    };
+                    colorPlay: {
+                        type: string;
+                    };
+                    colorPos: {
+                        type: string;
+                    };
+                    colorRead: {
+                        type: string;
+                    };
+                    colorSelf: {
+                        type: string;
+                    };
+                    colorSource: {
+                        type: string;
+                    };
+                    colorStrong: {
+                        type: string;
+                    };
+                    colorTop: {
+                        type: string;
+                    };
+                    colorTotal: {
+                        type: string;
+                    };
+                    colorUnread: {
+                        type: string;
+                    };
+                    colorUp: {
+                        type: string;
+                    };
+                    colorWeak: {
+                        type: string;
+                    };
+                    colorWinner: {
+                        type: string;
+                    };
+                    colors: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    };
+                    columnWidth: {
+                        type: string;
+                    };
+                    comparisonSource: {
+                        type: string;
+                    };
+                    count: {
+                        type: string;
+                    };
+                    currency: {
+                        type: string;
+                    };
+                    currentSource: {
+                        type: string;
+                    };
+                    decimals: {
+                        type: string;
+                    };
+                    deletionsSource: {
+                        type: string;
+                    };
+                    duration: {
+                        type: string;
+                    };
+                    durationMs: {
+                        type: string;
+                    };
+                    durationSource: {
+                        type: string;
+                    };
+                    fill: {
+                        type: string;
+                    };
+                    highThreshold: {
+                        type: string;
+                    };
+                    history: {
+                        type: string;
+                    };
+                    historySource: {
+                        type: string;
+                    };
+                    innerRatio: {
+                        type: string;
+                    };
+                    itemTemplate: {
+                        type: string;
+                    };
+                    kindSource: {
+                        type: string;
+                    };
+                    label: {
+                        type: string;
+                    };
+                    labelA: {
+                        type: string;
+                    };
+                    labelB: {
+                        type: string;
+                    };
+                    labelSource: {
+                        type: string;
+                    };
+                    lowThreshold: {
+                        type: string;
+                    };
+                    map: {
+                        type: string;
+                        minItems: number;
+                        items: {
+                            type: string;
+                            required: string[];
+                            additionalProperties: boolean;
+                            properties: {
+                                value: {
+                                    type: string;
+                                };
+                                color: {
+                                    type: string;
+                                };
+                                label: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    max: {
+                        type: string;
+                    };
+                    maxSize: {
+                        type: string;
+                    };
+                    membersSource: {
+                        type: string;
+                    };
+                    min: {
+                        type: string;
+                    };
+                    minSize: {
+                        type: string;
+                    };
+                    monthName: {
+                        type: string;
+                    };
+                    newSource: {
+                        type: string;
+                    };
+                    oldSource: {
+                        type: string;
+                    };
+                    pathD: {
+                        type: string;
+                    };
+                    playingSource: {
+                        type: string;
+                    };
+                    prefix: {
+                        type: string;
+                    };
+                    prevSource: {
+                        type: string;
+                    };
+                    progressSource: {
+                        type: string;
+                    };
+                    rMax: {
+                        type: string;
+                    };
+                    rMin: {
+                        type: string;
+                    };
+                    rangeAvg: {
+                        type: string;
+                    };
+                    rangeBad: {
+                        type: string;
+                    };
+                    runningSource: {
+                        type: string;
+                    };
+                    segments: {
+                        type: string;
+                    };
+                    showValue: {
+                        type: string;
+                    };
+                    size: {
+                        type: string;
+                    };
+                    source: {
+                        type: string;
+                    };
+                    sourceA: {
+                        type: string;
+                    };
+                    sourceB: {
+                        type: string;
+                    };
+                    stepsSource: {
+                        type: string;
+                    };
+                    strokeWidth: {
+                        type: string;
+                    };
+                    suffix: {
+                        type: string;
+                    };
+                    targetSource: {
+                        type: string;
+                    };
+                    textSource: {
+                        type: string;
+                    };
+                    titleSource: {
+                        type: string;
+                    };
+                    unit: {
+                        type: string;
+                    };
+                    viewH: {
+                        type: string;
+                    };
+                    viewW: {
+                        type: string;
+                    };
+                    xMax: {
+                        type: string;
+                    };
+                    xMin: {
+                        type: string;
+                    };
+                    yMax: {
+                        type: string;
+                    };
+                    yMin: {
+                        type: string;
+                    };
+                };
+                oneOf: ({
+                    properties: {
+                        kind: {
+                            enum: string[];
+                        };
+                        map?: undefined;
+                    };
+                    required: string[];
+                } | {
+                    properties: {
+                        kind: {
+                            enum: string[];
+                        };
+                        map: {
+                            type: string;
+                            minItems: number;
+                            items: {
+                                type: string;
+                                required: string[];
+                                additionalProperties: boolean;
+                                properties: {
+                                    value: {
+                                        type: string;
+                                    };
+                                    color: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                    required: string[];
+                })[];
+            };
+        };
+        inputs: {
+            type: string;
+            description: string;
+            items: {
+                type: string;
+                required: string[];
+                additionalProperties: boolean;
+                properties: {
+                    id: {
+                        type: string;
+                        minLength: number;
+                    };
+                    kind: {
+                        type: string;
+                        enum: string[];
+                    };
+                    autoplay: {
+                        type: string;
+                    };
+                    defaultHi: {
+                        type: string;
+                    };
+                    defaultLo: {
+                        type: string;
+                    };
+                    defaultSpeedIdx: {
+                        type: string;
+                    };
+                    defaultValue: {
+                        type: string[];
+                    };
+                    defaultValues: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    };
+                    defaultX: {
+                        type: string;
+                    };
+                    defaultY: {
+                        type: string;
+                    };
+                    duration: {
+                        type: string;
+                    };
+                    label: {
+                        type: string;
+                    };
+                    loop: {
+                        type: string;
+                    };
+                    max: {
+                        type: string;
+                    };
+                    maxLength: {
+                        type: string;
+                    };
+                    min: {
+                        type: string;
+                    };
+                    options: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    };
+                    placeholder: {
+                        type: string;
+                    };
+                    speeds: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    };
+                    step: {
+                        type: string;
+                    };
+                    xMax: {
+                        type: string;
+                    };
+                    xMin: {
+                        type: string;
+                    };
+                    yMax: {
+                        type: string;
+                    };
+                    yMin: {
+                        type: string;
+                    };
+                };
+                oneOf: ({
+                    properties: {
+                        kind: {
+                            enum: string[];
+                        };
+                        defaultValue: {
+                            type: string;
+                        };
+                    };
+                    required: string[];
+                } | {
+                    properties: {
+                        kind: {
+                            enum: string[];
+                        };
+                        defaultValue?: undefined;
+                    };
+                    required: string[];
+                })[];
+            };
+        };
+        formulas: {
+            type: string;
+            description: string;
+            additionalProperties: {
+                type: string;
+                minLength: number;
+                pattern: string;
+            };
+            propertyNames: {
+                pattern: string;
+            };
+        };
+        events: {
+            type: string;
+            description: string;
+            items: {
+                type: string;
+                required: string[];
+                additionalProperties: boolean;
+                properties: {
+                    on: {
+                        type: string;
+                        enum: string[];
+                    };
+                    handler: {
+                        type: string;
+                        minLength: number;
+                        pattern: string;
+                    };
+                    box: {
+                        type: string;
+                        minLength: number;
+                        description: string;
+                    };
+                    lane: {
+                        type: string;
+                        minLength: number;
+                        description: string;
+                    };
+                    arrow: {
+                        type: string;
+                        minLength: number;
+                        pattern: string;
+                        description: string;
+                    };
+                    diagram: {
+                        const: boolean;
+                        description: string;
+                    };
+                };
+                oneOf: {
+                    required: string[];
+                }[];
+            };
+        };
+        scrolls: {
+            type: string;
+            description: string;
+            propertyNames: {
+                pattern: string;
+            };
+            additionalProperties: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    start: {
+                        type: string;
+                        minimum: number;
+                        maximum: number;
+                        description: string;
+                    };
+                    end: {
+                        type: string;
+                        minimum: number;
+                        maximum: number;
+                        description: string;
+                    };
+                    scrub: {
+                        type: string;
+                        minimum: number;
+                        maximum: number;
+                        description: string;
+                    };
+                    label: {
+                        type: string;
+                    };
+                };
+            };
+        };
     };
 };