@invinite-org/chartlang-adapter-kit 1.2.1 → 1.4.0

package/dist/geometry/kinds/channels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"channels.js","sourceRoot":"","sources":["../../../src/geometry/kinds/channels.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) 2026 Invinite. Licensed under the MIT License.\n// See the LICENSE file in the repo root for full license text.\n//\n// Channel geometry moved from the canvas2d adapter's per-kind renderers\n//   examples/canvas2d-adapter/src/render/draw/{trendChannel,\n//   flatTopBottom,disjointChannel,regressionTrend}.ts.\n// The originating math is invinite's trend-channel / flat-top-bottom /\n// disjoint-channel / regression-trend tools (commit\n// 078f41fe2569d659d5aba726da8bcb5d3e2ced02, © Invinite); re-licensed\n// MIT for chartlang.\n\nimport type {\n    DisjointChannelState,\n    FlatTopBottomState,\n    RegressionTrendState,\n    TrendChannelState,\n} from \"@invinite-org/chartlang-core\";\n\nimport { dashPattern } from \"../_lib/dash.js\";\nimport { strokeOf } from \"../_lib/strokeStyle.js\";\nimport { worldPointToPixel } from \"../project.js\";\nimport type { DrawPrimitive, Viewport } from \"../types.js\";\n\nconst DEFAULT_LINE_WIDTH = 1;\n\n/**\n * Default stroke colour of a `regression-trend` placeholder line —\n * `#3b82f6`, matching the canvas2d source renderer.\n */\nconst REGRESSION_DEFAULT_COLOR = \"#3b82f6\";\n\n/**\n * Decompose a `trend-channel` drawing — two parallel line segments. The\n * primary rail runs `anchors[0]` → `anchors[1]`; the second rail is its\n * translate by the offset vector `anchors[2] − anchors[0]`, keeping the\n * pair strictly parallel. Stroke-only — `LineDrawStyle` carries no fill,\n * so there is no inter-rail band (matching the canvas2d source).\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: TrendChannelState;\n *     declare const v: Viewport;\n *     const prims = decomposeTrendChannel(s, v);\n *     // prims.length === 2\n *     void prims;\n */\nexport function decomposeTrendChannel(\n    state: TrendChannelState,\n    view: Viewport,\n): ReadonlyArray<DrawPrimitive> {\n    const a = worldPointToPixel(state.anchors[0], view);\n    const b = worldPointToPixel(state.anchors[1], view);\n    const hook = worldPointToPixel(state.anchors[2], view);\n    const dx = hook.x - a.x;\n    const dy = hook.y - a.y;\n    const stroke = strokeOf(state.style);\n    return [\n        { kind: \"polyline\", points: [a, b], closed: false, stroke },\n        {\n            kind: \"polyline\",\n            points: [\n                { x: a.x + dx, y: a.y + dy },\n                { x: b.x + dx, y: b.y + dy },\n            ],\n            closed: false,\n            stroke,\n        },\n    ];\n}\n\n/**\n * Decompose a `flat-top-bottom` drawing — two horizontal rails. The top\n * rail sits at `max(anchors[0].price, anchors[2].price)` and the bottom\n * at `min(...)`; both span the time range `anchors[0].time` →\n * `anchors[1].time`. Stroke-only.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: FlatTopBottomState;\n *     declare const v: Viewport;\n *     const prims = decomposeFlatTopBottom(s, v);\n *     // prims.length === 2\n *     void prims;\n */\nexport function decomposeFlatTopBottom(\n    state: FlatTopBottomState,\n    view: Viewport,\n): ReadonlyArray<DrawPrimitive> {\n    const p0 = state.anchors[0];\n    const p1 = state.anchors[1];\n    const p2 = state.anchors[2];\n    const topPrice = Math.max(p0.price, p2.price);\n    const bottomPrice = Math.min(p0.price, p2.price);\n    const topLeft = worldPointToPixel({ time: p0.time, price: topPrice }, view);\n    const topRight = worldPointToPixel({ time: p1.time, price: topPrice }, view);\n    const bottomLeft = worldPointToPixel({ time: p0.time, price: bottomPrice }, view);\n    const bottomRight = worldPointToPixel({ time: p1.time, price: bottomPrice }, view);\n    const stroke = strokeOf(state.style);\n    return [\n        { kind: \"polyline\", points: [topLeft, topRight], closed: false, stroke },\n        { kind: \"polyline\", points: [bottomLeft, bottomRight], closed: false, stroke },\n    ];\n}\n\n/**\n * Decompose a `disjoint-channel` drawing — two independent line segments\n * with no shared geometry constraint: `anchors[0]` → `anchors[1]` and\n * `anchors[2]` → `anchors[3]`. Stroke-only.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: DisjointChannelState;\n *     declare const v: Viewport;\n *     const prims = decomposeDisjointChannel(s, v);\n *     // prims.length === 2\n *     void prims;\n */\nexport function decomposeDisjointChannel(\n    state: DisjointChannelState,\n    view: Viewport,\n): ReadonlyArray<DrawPrimitive> {\n    const a = worldPointToPixel(state.anchors[0], view);\n    const b = worldPointToPixel(state.anchors[1], view);\n    const c = worldPointToPixel(state.anchors[2], view);\n    const d = worldPointToPixel(state.anchors[3], view);\n    const stroke = strokeOf(state.style);\n    return [\n        { kind: \"polyline\", points: [a, b], closed: false, stroke },\n        { kind: \"polyline\", points: [c, d], closed: false, stroke },\n    ];\n}\n\n/**\n * Decompose a `regression-trend` drawing — a single placeholder line\n * between the two anchors, colour `style.color ?? \"#3b82f6\"`, width 1,\n * solid. The OLS fit + ±σ bands the `RegressionTrendOpts` flags\n * (`source` / `stdevMultiplier` / `showUpperBand` / `showLowerBand`)\n * describe require a bar buffer the `Viewport` does not expose and band\n * anchors the 2-point `state.anchors` does not carry; the canvas2d\n * source renders the same placeholder line, so this decomposer preserves\n * that geometry. Those style fields are accepted but unused here —\n * consumer adapters with a bar buffer can compute the fit themselves.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: RegressionTrendState;\n *     declare const v: Viewport;\n *     const prims = decomposeRegressionTrend(s, v);\n *     // prims.length === 1; prims[0].kind === \"polyline\"\n *     void prims;\n */\nexport function decomposeRegressionTrend(\n    state: RegressionTrendState,\n    view: Viewport,\n): ReadonlyArray<DrawPrimitive> {\n    const a = worldPointToPixel(state.anchors[0], view);\n    const b = worldPointToPixel(state.anchors[1], view);\n    return [\n        {\n            kind: \"polyline\",\n            points: [a, b],\n            closed: false,\n            stroke: {\n                color: state.style.color ?? REGRESSION_DEFAULT_COLOR,\n                width: DEFAULT_LINE_WIDTH,\n                dash: dashPattern(\"solid\"),\n            },\n        },\n    ];\n}\n"]}

package/dist/geometry/kinds/containers.d.ts

@@ -0,0 +1,54 @@
+import type { FrameState, GroupState, TableState } from "@invinite-org/chartlang-core";
+import type { DrawPrimitive, Viewport } from "../types.js";
+/**
+ * Decompose a `group` drawing — a no-op container. Groups are
+ * metadata-only on the wire: `childHandleIds` reference drawings that
+ * decompose through their own arms, and the `Viewport` exposes no
+ * child-state side-channel, so a group emits nothing.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: GroupState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeGroup(s, v);
+ *     // prims.length === 0
+ *     void prims;
+ */
+export declare function decomposeGroup(state: GroupState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+/**
+ * Decompose a `frame` drawing — a stroked rectangle between the two
+ * world anchors `[topLeft, bottomRight]`. An optional `style.bgColor`
+ * adds a background `fill` (alpha 1) on the border polyline; an optional
+ * `style.label` adds a `text` primitive at the top-left corner.
+ * Degenerate anchors (zero width/height, or non-finite) emit `[]`.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: FrameState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeFrame(s, v);
+ *     void prims;
+ */
+export declare function decomposeFrame(state: FrameState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+/**
+ * Decompose a `draw.table` emission as a CSS-pixel viewport overlay.
+ * Unlike every other kind, `table` ignores world-coordinate transforms:
+ * `state.position` resolves directly against `Viewport.pxWidth` /
+ * `Viewport.pxHeight`. Each cell emits a background-fill polyline + a
+ * `text` primitive (+ an optional per-cell border polyline when both
+ * `borderColor` and `borderWidth` are set); an optional outer `frame`
+ * polyline wraps the whole grid. Zero rows/columns yields a degenerate
+ * (possibly empty) grid without throwing.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: TableState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeTable(s, v);
+ *     void prims;
+ */
+export declare function decomposeTable(state: TableState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+//# sourceMappingURL=containers.d.ts.map

package/dist/geometry/kinds/containers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers.d.ts","sourceRoot":"","sources":["../../../src/geometry/kinds/containers.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACR,UAAU,EACV,UAAU,EAGV,UAAU,EACb,MAAM,8BAA8B,CAAC;AAItC,OAAO,KAAK,EAAE,aAAa,EAA0B,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMnF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,CAI9F;AAWD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,CAyC9F;AAuID;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,CA4D9F"}

package/dist/geometry/kinds/containers.js

@@ -0,0 +1,268 @@
+// Copyright (c) 2026 Invinite. Licensed under the MIT License.
+// See the LICENSE file in the repo root for full license text.
+//
+// Container + table geometry moved from the canvas2d adapter's per-kind
+// renderers
+//   examples/canvas2d-adapter/src/render/draw/{group,frame,table}.ts.
+// `group` / `frame` state shapes originate from invinite's collab
+// y-doc-bridge (commit 078f41fe2569d659d5aba726da8bcb5d3e2ced02,
+// © Invinite); the frame envelope + table layout are chartlang
+// additions. Re-licensed MIT for chartlang.
+import { SOLID_DASH } from "../_lib/dash.js";
+import { worldPointToPixel } from "../project.js";
+const FILL_OPAQUE = 1;
+// --- group ---------------------------------------------------------------
+/**
+ * Decompose a `group` drawing — a no-op container. Groups are
+ * metadata-only on the wire: `childHandleIds` reference drawings that
+ * decompose through their own arms, and the `Viewport` exposes no
+ * child-state side-channel, so a group emits nothing.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: GroupState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeGroup(s, v);
+ *     // prims.length === 0
+ *     void prims;
+ */
+export function decomposeGroup(state, view) {
+    void state;
+    void view;
+    return [];
+}
+// --- frame ---------------------------------------------------------------
+const FRAME_STROKE = "#64748b";
+const FRAME_LABEL_COLOR = "#1e293b";
+const FRAME_LINE_WIDTH = 1;
+const FRAME_LABEL_FONT = "12px sans-serif";
+const FRAME_LABEL_INSET_X = 6;
+const FRAME_LABEL_INSET_Y = 14;
+/**
+ * Decompose a `frame` drawing — a stroked rectangle between the two
+ * world anchors `[topLeft, bottomRight]`. An optional `style.bgColor`
+ * adds a background `fill` (alpha 1) on the border polyline; an optional
+ * `style.label` adds a `text` primitive at the top-left corner.
+ * Degenerate anchors (zero width/height, or non-finite) emit `[]`.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: FrameState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeFrame(s, v);
+ *     void prims;
+ */
+export function decomposeFrame(state, view) {
+    const a = worldPointToPixel(state.anchors[0], view);
+    const b = worldPointToPixel(state.anchors[1], view);
+    const xMin = Math.min(a.x, b.x);
+    const xMax = Math.max(a.x, b.x);
+    const yMin = Math.min(a.y, b.y);
+    const yMax = Math.max(a.y, b.y);
+    const width = xMax - xMin;
+    const height = yMax - yMin;
+    if (width === 0 || height === 0)
+        return [];
+    if (!Number.isFinite(width) || !Number.isFinite(height))
+        return [];
+    const fill = state.style.bgColor !== undefined
+        ? { color: state.style.bgColor, alpha: FILL_OPAQUE }
+        : undefined;
+    const border = {
+        kind: "polyline",
+        points: [
+            { x: xMin, y: yMin },
+            { x: xMax, y: yMin },
+            { x: xMax, y: yMax },
+            { x: xMin, y: yMax },
+        ],
+        closed: true,
+        stroke: { color: FRAME_STROKE, width: FRAME_LINE_WIDTH, dash: SOLID_DASH },
+        ...(fill !== undefined ? { fill } : {}),
+    };
+    const out = [border];
+    if (state.style.label !== undefined) {
+        out.push({
+            kind: "text",
+            x: xMin + FRAME_LABEL_INSET_X,
+            y: yMin + FRAME_LABEL_INSET_Y,
+            text: state.style.label,
+            color: FRAME_LABEL_COLOR,
+            font: FRAME_LABEL_FONT,
+            align: "left",
+            baseline: "bottom",
+        });
+    }
+    return out;
+}
+// --- table ---------------------------------------------------------------
+const TABLE_VIEWPORT_PADDING_PX = 8;
+const TABLE_CELL_PAD_X_PX = 6;
+const TABLE_CELL_PAD_Y_PX = 4;
+const TABLE_DEFAULT_TEXT_COLOR = "#0f172a";
+const TABLE_DEFAULT_BG_COLOR = "#ffffff";
+const TABLE_FONT_FAMILY = "sans-serif";
+const TABLE_TEXT_SIZE_PX = {
+    tiny: 8,
+    small: 10,
+    normal: 12,
+    large: 16,
+    huge: 24,
+};
+function tableTextSizePx(cell) {
+    return TABLE_TEXT_SIZE_PX[cell.textSize ?? "normal"];
+}
+function estimateTextWidth(text, fontPx) {
+    return text.length * fontPx * 0.6;
+}
+function columnCount(rows) {
+    let count = 0;
+    for (const row of rows) {
+        if (row.length > count)
+            count = row.length;
+    }
+    return count;
+}
+function resolveTableX(position, tableWidth, view) {
+    if (position.endsWith("-center"))
+        return view.pxWidth / 2 - tableWidth / 2;
+    if (position.endsWith("-right"))
+        return view.pxWidth - tableWidth - TABLE_VIEWPORT_PADDING_PX;
+    return TABLE_VIEWPORT_PADDING_PX;
+}
+function resolveTableY(position, tableHeight, view) {
+    if (position.startsWith("middle-"))
+        return view.pxHeight / 2 - tableHeight / 2;
+    if (position.startsWith("bottom-"))
+        return view.pxHeight - tableHeight - TABLE_VIEWPORT_PADDING_PX;
+    return TABLE_VIEWPORT_PADDING_PX;
+}
+function layoutTable(state, view) {
+    const columns = columnCount(state.cells);
+    const columnWidths = Array.from({ length: columns }, () => 0);
+    const rowHeights = state.cells.map((row) => {
+        let maxFont = TABLE_TEXT_SIZE_PX.normal;
+        for (let column = 0; column < row.length; column++) {
+            const cell = row[column];
+            const fontPx = tableTextSizePx(cell);
+            if (fontPx > maxFont)
+                maxFont = fontPx;
+            const width = estimateTextWidth(cell.text, fontPx) + TABLE_CELL_PAD_X_PX * 2;
+            if (width > columnWidths[column])
+                columnWidths[column] = width;
+        }
+        return maxFont + TABLE_CELL_PAD_Y_PX * 2;
+    });
+    const width = columnWidths.reduce((sum, widthPx) => sum + widthPx, 0);
+    const height = rowHeights.reduce((sum, heightPx) => sum + heightPx, 0);
+    return {
+        x: resolveTableX(state.position, width, view),
+        y: resolveTableY(state.position, height, view),
+        width,
+        height,
+        columnWidths,
+        rowHeights,
+    };
+}
+function rectPolyline(x, y, width, height, stroke, fill) {
+    return {
+        kind: "polyline",
+        points: [
+            { x, y },
+            { x: x + width, y },
+            { x: x + width, y: y + height },
+            { x, y: y + height },
+        ],
+        closed: true,
+        ...(stroke !== undefined ? { stroke } : {}),
+        ...(fill !== undefined ? { fill } : {}),
+    };
+}
+function cellTextX(cell, x, width) {
+    switch (cell.textHalign ?? "left") {
+        case "center":
+            return x + width / 2;
+        case "right":
+            return x + width - TABLE_CELL_PAD_X_PX;
+        case "left":
+            return x + TABLE_CELL_PAD_X_PX;
+    }
+}
+function cellTextY(cell, y, height) {
+    switch (cell.textValign ?? "middle") {
+        case "top":
+            return y + TABLE_CELL_PAD_Y_PX;
+        case "bottom":
+            return y + height - TABLE_CELL_PAD_Y_PX;
+        case "middle":
+            return y + height / 2;
+    }
+}
+function cellAlign(cell) {
+    return cell.textHalign ?? "left";
+}
+function cellBaseline(cell) {
+    return cell.textValign ?? "middle";
+}
+/**
+ * Decompose a `draw.table` emission as a CSS-pixel viewport overlay.
+ * Unlike every other kind, `table` ignores world-coordinate transforms:
+ * `state.position` resolves directly against `Viewport.pxWidth` /
+ * `Viewport.pxHeight`. Each cell emits a background-fill polyline + a
+ * `text` primitive (+ an optional per-cell border polyline when both
+ * `borderColor` and `borderWidth` are set); an optional outer `frame`
+ * polyline wraps the whole grid. Zero rows/columns yields a degenerate
+ * (possibly empty) grid without throwing.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: TableState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeTable(s, v);
+ *     void prims;
+ */
+export function decomposeTable(state, view) {
+    const layout = layoutTable(state, view);
+    const out = [];
+    let y = layout.y;
+    for (let rowIndex = 0; rowIndex < state.cells.length; rowIndex++) {
+        const row = state.cells[rowIndex];
+        const height = layout.rowHeights[rowIndex];
+        let x = layout.x;
+        for (let columnIndex = 0; columnIndex < layout.columnWidths.length; columnIndex++) {
+            const width = layout.columnWidths[columnIndex];
+            const cell = row[columnIndex] ?? { text: "" };
+            out.push(rectPolyline(x, y, width, height, undefined, {
+                color: cell.bgColor ?? TABLE_DEFAULT_BG_COLOR,
+                alpha: FILL_OPAQUE,
+            }));
+            out.push({
+                kind: "text",
+                x: cellTextX(cell, x, width),
+                y: cellTextY(cell, y, height),
+                text: cell.text,
+                color: cell.textColor ?? TABLE_DEFAULT_TEXT_COLOR,
+                font: `${tableTextSizePx(cell)}px ${TABLE_FONT_FAMILY}`,
+                align: cellAlign(cell),
+                baseline: cellBaseline(cell),
+            });
+            if (state.borderColor !== undefined && state.borderWidth !== undefined) {
+                out.push(rectPolyline(x, y, width, height, {
+                    color: state.borderColor,
+                    width: state.borderWidth,
+                    dash: SOLID_DASH,
+                }, undefined));
+            }
+            x += width;
+        }
+        y += height;
+    }
+    if (state.frame !== undefined) {
+        out.push(rectPolyline(layout.x, layout.y, layout.width, layout.height, { color: state.frame.color, width: state.frame.width, dash: SOLID_DASH }, undefined));
+    }
+    return out;
+}
+//# sourceMappingURL=containers.js.map

package/dist/geometry/kinds/containers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers.js","sourceRoot":"","sources":["../../../src/geometry/kinds/containers.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,+DAA+D;AAC/D,EAAE;AACF,wEAAwE;AACxE,YAAY;AACZ,sEAAsE;AACtE,kEAAkE;AAClE,iEAAiE;AACjE,+DAA+D;AAC/D,4CAA4C;AAU5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,MAAM,WAAW,GAAG,CAAC,CAAC;AAEtB,4EAA4E;AAE5E;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB,EAAE,IAAc;IAC5D,KAAK,KAAK,CAAC;IACX,KAAK,IAAI,CAAC;IACV,OAAO,EAAE,CAAC;AACd,CAAC;AAED,4EAA4E;AAE5E,MAAM,YAAY,GAAG,SAAS,CAAC;AAC/B,MAAM,iBAAiB,GAAG,SAAS,CAAC;AACpC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAC3C,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAE/B;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB,EAAE,IAAc;IAC5D,MAAM,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B,IAAI,KAAK,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAC3C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,EAAE,CAAC;IACnE,MAAM,IAAI,GACN,KAAK,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS;QAC7B,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;QACpD,CAAC,CAAC,SAAS,CAAC;IACpB,MAAM,MAAM,GAAkB;QAC1B,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE;YACJ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;YACpB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;YACpB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;YACpB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;SACvB;QACD,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,UAAU,EAAE;QAC1E,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1C,CAAC;IACF,MAAM,GAAG,GAAoB,CAAC,MAAM,CAAC,CAAC;IACtC,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;QAClC,GAAG,CAAC,IAAI,CAAC;YACL,IAAI,EAAE,MAAM;YACZ,CAAC,EAAE,IAAI,GAAG,mBAAmB;YAC7B,CAAC,EAAE,IAAI,GAAG,mBAAmB;YAC7B,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;YACvB,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,QAAQ;SACrB,CAAC,CAAC;IACP,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAED,4EAA4E;AAE5E,MAAM,yBAAyB,GAAG,CAAC,CAAC;AACpC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAC3C,MAAM,sBAAsB,GAAG,SAAS,CAAC;AACzC,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAEvC,MAAM,kBAAkB,GAAiE;IACrF,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;CACX,CAAC;AAWF,SAAS,eAAe,CAAC,IAAe;IACpC,OAAO,kBAAkB,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAY,EAAE,MAAc;IACnD,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;AACtC,CAAC;AAED,SAAS,WAAW,CAAC,IAA6C;IAC9D,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACrB,IAAI,GAAG,CAAC,MAAM,GAAG,KAAK;YAAE,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC;IAC/C,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAS,aAAa,CAAC,QAAuB,EAAE,UAAkB,EAAE,IAAc;IAC9E,IAAI,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,OAAO,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;IAC3E,IAAI,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,yBAAyB,CAAC;IAC9F,OAAO,yBAAyB,CAAC;AACrC,CAAC;AAED,SAAS,aAAa,CAAC,QAAuB,EAAE,WAAmB,EAAE,IAAc;IAC/E,IAAI,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC;QAAE,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;IAC/E,IAAI,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC;QAC9B,OAAO,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,yBAAyB,CAAC;IACnE,OAAO,yBAAyB,CAAC;AACrC,CAAC;AAED,SAAS,WAAW,CAAC,KAAiB,EAAE,IAAc;IAClD,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACvC,IAAI,OAAO,GAAG,kBAAkB,CAAC,MAAM,CAAC;QACxC,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;YACjD,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;YACzB,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,MAAM,GAAG,OAAO;gBAAE,OAAO,GAAG,MAAM,CAAC;YACvC,MAAM,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,mBAAmB,GAAG,CAAC,CAAC;YAC7E,IAAI,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC;gBAAE,YAAY,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;QACnE,CAAC;QACD,OAAO,OAAO,GAAG,mBAAmB,GAAG,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CAAC,GAAG,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;IACtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,GAAG,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;IACvE,OAAO;QACH,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC;QAC7C,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC;QAC9C,KAAK;QACL,MAAM;QACN,YAAY;QACZ,UAAU;KACb,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CACjB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,MAA+B,EAC/B,IAA2B;IAE3B,OAAO;QACH,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE;YACJ,EAAE,CAAC,EAAE,CAAC,EAAE;YACR,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE;YACnB,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE;YAC/B,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE;SACvB;QACD,MAAM,EAAE,IAAI;QACZ,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1C,CAAC;AACN,CAAC;AAED,SAAS,SAAS,CAAC,IAAe,EAAE,CAAS,EAAE,KAAa;IACxD,QAAQ,IAAI,CAAC,UAAU,IAAI,MAAM,EAAE,CAAC;QAChC,KAAK,QAAQ;YACT,OAAO,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QACzB,KAAK,OAAO;YACR,OAAO,CAAC,GAAG,KAAK,GAAG,mBAAmB,CAAC;QAC3C,KAAK,MAAM;YACP,OAAO,CAAC,GAAG,mBAAmB,CAAC;IACvC,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,IAAe,EAAE,CAAS,EAAE,MAAc;IACzD,QAAQ,IAAI,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC;QAClC,KAAK,KAAK;YACN,OAAO,CAAC,GAAG,mBAAmB,CAAC;QACnC,KAAK,QAAQ;YACT,OAAO,CAAC,GAAG,MAAM,GAAG,mBAAmB,CAAC;QAC5C,KAAK,QAAQ;YACT,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;IAC9B,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,IAAe;IAC9B,OAAO,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC;AACrC,CAAC;AAED,SAAS,YAAY,CAAC,IAAe;IACjC,OAAO,IAAI,CAAC,UAAU,IAAI,QAAQ,CAAC;AACvC,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB,EAAE,IAAc;IAC5D,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACxC,MAAM,GAAG,GAAoB,EAAE,CAAC;IAChC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IACjB,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;QAC/D,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAClC,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAC3C,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QACjB,KAAK,IAAI,WAAW,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC;YAChF,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;YAC/C,MAAM,IAAI,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;YAC9C,GAAG,CAAC,IAAI,CACJ,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE;gBACzC,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,sBAAsB;gBAC7C,KAAK,EAAE,WAAW;aACrB,CAAC,CACL,CAAC;YACF,GAAG,CAAC,IAAI,CAAC;gBACL,IAAI,EAAE,MAAM;gBACZ,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC;gBAC5B,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC;gBAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,wBAAwB;gBACjD,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC,MAAM,iBAAiB,EAAE;gBACvD,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC;gBACtB,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;aAC/B,CAAC,CAAC;YACH,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;gBACrE,GAAG,CAAC,IAAI,CACJ,YAAY,CACR,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN;oBACI,KAAK,EAAE,KAAK,CAAC,WAAW;oBACxB,KAAK,EAAE,KAAK,CAAC,WAAW;oBACxB,IAAI,EAAE,UAAU;iBACnB,EACD,SAAS,CACZ,CACJ,CAAC;YACN,CAAC;YACD,CAAC,IAAI,KAAK,CAAC;QACf,CAAC;QACD,CAAC,IAAI,MAAM,CAAC;IAChB,CAAC;IACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;QAC5B,GAAG,CAAC,IAAI,CACJ,YAAY,CACR,MAAM,CAAC,CAAC,EACR,MAAM,CAAC,CAAC,EACR,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,MAAM,EACb,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,EACxE,SAAS,CACZ,CACJ,CAAC;IACN,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC","sourcesContent":["// Copyright (c) 2026 Invinite. Licensed under the MIT License.\n// See the LICENSE file in the repo root for full license text.\n//\n// Container + table geometry moved from the canvas2d adapter's per-kind\n// renderers\n//   examples/canvas2d-adapter/src/render/draw/{group,frame,table}.ts.\n// `group` / `frame` state shapes originate from invinite's collab\n// y-doc-bridge (commit 078f41fe2569d659d5aba726da8bcb5d3e2ced02,\n// © Invinite); the frame envelope + table layout are chartlang\n// additions. Re-licensed MIT for chartlang.\n\nimport type {\n    FrameState,\n    GroupState,\n    TableCell,\n    TablePosition,\n    TableState,\n} from \"@invinite-org/chartlang-core\";\n\nimport { SOLID_DASH } from \"../_lib/dash.js\";\nimport { worldPointToPixel } from \"../project.js\";\nimport type { DrawPrimitive, FillStyle, StrokeStyle, Viewport } from \"../types.js\";\n\nconst FILL_OPAQUE = 1;\n\n// --- group ---------------------------------------------------------------\n\n/**\n * Decompose a `group` drawing — a no-op container. Groups are\n * metadata-only on the wire: `childHandleIds` reference drawings that\n * decompose through their own arms, and the `Viewport` exposes no\n * child-state side-channel, so a group emits nothing.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: GroupState;\n *     declare const v: Viewport;\n *     const prims = decomposeGroup(s, v);\n *     // prims.length === 0\n *     void prims;\n */\nexport function decomposeGroup(state: GroupState, view: Viewport): ReadonlyArray<DrawPrimitive> {\n    void state;\n    void view;\n    return [];\n}\n\n// --- frame ---------------------------------------------------------------\n\nconst FRAME_STROKE = \"#64748b\";\nconst FRAME_LABEL_COLOR = \"#1e293b\";\nconst FRAME_LINE_WIDTH = 1;\nconst FRAME_LABEL_FONT = \"12px sans-serif\";\nconst FRAME_LABEL_INSET_X = 6;\nconst FRAME_LABEL_INSET_Y = 14;\n\n/**\n * Decompose a `frame` drawing — a stroked rectangle between the two\n * world anchors `[topLeft, bottomRight]`. An optional `style.bgColor`\n * adds a background `fill` (alpha 1) on the border polyline; an optional\n * `style.label` adds a `text` primitive at the top-left corner.\n * Degenerate anchors (zero width/height, or non-finite) emit `[]`.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: FrameState;\n *     declare const v: Viewport;\n *     const prims = decomposeFrame(s, v);\n *     void prims;\n */\nexport function decomposeFrame(state: FrameState, view: Viewport): ReadonlyArray<DrawPrimitive> {\n    const a = worldPointToPixel(state.anchors[0], view);\n    const b = worldPointToPixel(state.anchors[1], view);\n    const xMin = Math.min(a.x, b.x);\n    const xMax = Math.max(a.x, b.x);\n    const yMin = Math.min(a.y, b.y);\n    const yMax = Math.max(a.y, b.y);\n    const width = xMax - xMin;\n    const height = yMax - yMin;\n    if (width === 0 || height === 0) return [];\n    if (!Number.isFinite(width) || !Number.isFinite(height)) return [];\n    const fill: FillStyle | undefined =\n        state.style.bgColor !== undefined\n            ? { color: state.style.bgColor, alpha: FILL_OPAQUE }\n            : undefined;\n    const border: DrawPrimitive = {\n        kind: \"polyline\",\n        points: [\n            { x: xMin, y: yMin },\n            { x: xMax, y: yMin },\n            { x: xMax, y: yMax },\n            { x: xMin, y: yMax },\n        ],\n        closed: true,\n        stroke: { color: FRAME_STROKE, width: FRAME_LINE_WIDTH, dash: SOLID_DASH },\n        ...(fill !== undefined ? { fill } : {}),\n    };\n    const out: DrawPrimitive[] = [border];\n    if (state.style.label !== undefined) {\n        out.push({\n            kind: \"text\",\n            x: xMin + FRAME_LABEL_INSET_X,\n            y: yMin + FRAME_LABEL_INSET_Y,\n            text: state.style.label,\n            color: FRAME_LABEL_COLOR,\n            font: FRAME_LABEL_FONT,\n            align: \"left\",\n            baseline: \"bottom\",\n        });\n    }\n    return out;\n}\n\n// --- table ---------------------------------------------------------------\n\nconst TABLE_VIEWPORT_PADDING_PX = 8;\nconst TABLE_CELL_PAD_X_PX = 6;\nconst TABLE_CELL_PAD_Y_PX = 4;\nconst TABLE_DEFAULT_TEXT_COLOR = \"#0f172a\";\nconst TABLE_DEFAULT_BG_COLOR = \"#ffffff\";\nconst TABLE_FONT_FAMILY = \"sans-serif\";\n\nconst TABLE_TEXT_SIZE_PX: Readonly<Record<NonNullable<TableCell[\"textSize\"]>, number>> = {\n    tiny: 8,\n    small: 10,\n    normal: 12,\n    large: 16,\n    huge: 24,\n};\n\ntype TableLayout = {\n    readonly x: number;\n    readonly y: number;\n    readonly width: number;\n    readonly height: number;\n    readonly columnWidths: ReadonlyArray<number>;\n    readonly rowHeights: ReadonlyArray<number>;\n};\n\nfunction tableTextSizePx(cell: TableCell): number {\n    return TABLE_TEXT_SIZE_PX[cell.textSize ?? \"normal\"];\n}\n\nfunction estimateTextWidth(text: string, fontPx: number): number {\n    return text.length * fontPx * 0.6;\n}\n\nfunction columnCount(rows: ReadonlyArray<ReadonlyArray<TableCell>>): number {\n    let count = 0;\n    for (const row of rows) {\n        if (row.length > count) count = row.length;\n    }\n    return count;\n}\n\nfunction resolveTableX(position: TablePosition, tableWidth: number, view: Viewport): number {\n    if (position.endsWith(\"-center\")) return view.pxWidth / 2 - tableWidth / 2;\n    if (position.endsWith(\"-right\")) return view.pxWidth - tableWidth - TABLE_VIEWPORT_PADDING_PX;\n    return TABLE_VIEWPORT_PADDING_PX;\n}\n\nfunction resolveTableY(position: TablePosition, tableHeight: number, view: Viewport): number {\n    if (position.startsWith(\"middle-\")) return view.pxHeight / 2 - tableHeight / 2;\n    if (position.startsWith(\"bottom-\"))\n        return view.pxHeight - tableHeight - TABLE_VIEWPORT_PADDING_PX;\n    return TABLE_VIEWPORT_PADDING_PX;\n}\n\nfunction layoutTable(state: TableState, view: Viewport): TableLayout {\n    const columns = columnCount(state.cells);\n    const columnWidths = Array.from({ length: columns }, () => 0);\n    const rowHeights = state.cells.map((row) => {\n        let maxFont = TABLE_TEXT_SIZE_PX.normal;\n        for (let column = 0; column < row.length; column++) {\n            const cell = row[column];\n            const fontPx = tableTextSizePx(cell);\n            if (fontPx > maxFont) maxFont = fontPx;\n            const width = estimateTextWidth(cell.text, fontPx) + TABLE_CELL_PAD_X_PX * 2;\n            if (width > columnWidths[column]) columnWidths[column] = width;\n        }\n        return maxFont + TABLE_CELL_PAD_Y_PX * 2;\n    });\n    const width = columnWidths.reduce((sum, widthPx) => sum + widthPx, 0);\n    const height = rowHeights.reduce((sum, heightPx) => sum + heightPx, 0);\n    return {\n        x: resolveTableX(state.position, width, view),\n        y: resolveTableY(state.position, height, view),\n        width,\n        height,\n        columnWidths,\n        rowHeights,\n    };\n}\n\nfunction rectPolyline(\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n    stroke: StrokeStyle | undefined,\n    fill: FillStyle | undefined,\n): DrawPrimitive {\n    return {\n        kind: \"polyline\",\n        points: [\n            { x, y },\n            { x: x + width, y },\n            { x: x + width, y: y + height },\n            { x, y: y + height },\n        ],\n        closed: true,\n        ...(stroke !== undefined ? { stroke } : {}),\n        ...(fill !== undefined ? { fill } : {}),\n    };\n}\n\nfunction cellTextX(cell: TableCell, x: number, width: number): number {\n    switch (cell.textHalign ?? \"left\") {\n        case \"center\":\n            return x + width / 2;\n        case \"right\":\n            return x + width - TABLE_CELL_PAD_X_PX;\n        case \"left\":\n            return x + TABLE_CELL_PAD_X_PX;\n    }\n}\n\nfunction cellTextY(cell: TableCell, y: number, height: number): number {\n    switch (cell.textValign ?? \"middle\") {\n        case \"top\":\n            return y + TABLE_CELL_PAD_Y_PX;\n        case \"bottom\":\n            return y + height - TABLE_CELL_PAD_Y_PX;\n        case \"middle\":\n            return y + height / 2;\n    }\n}\n\nfunction cellAlign(cell: TableCell): \"left\" | \"center\" | \"right\" {\n    return cell.textHalign ?? \"left\";\n}\n\nfunction cellBaseline(cell: TableCell): \"top\" | \"middle\" | \"bottom\" {\n    return cell.textValign ?? \"middle\";\n}\n\n/**\n * Decompose a `draw.table` emission as a CSS-pixel viewport overlay.\n * Unlike every other kind, `table` ignores world-coordinate transforms:\n * `state.position` resolves directly against `Viewport.pxWidth` /\n * `Viewport.pxHeight`. Each cell emits a background-fill polyline + a\n * `text` primitive (+ an optional per-cell border polyline when both\n * `borderColor` and `borderWidth` are set); an optional outer `frame`\n * polyline wraps the whole grid. Zero rows/columns yields a degenerate\n * (possibly empty) grid without throwing.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: TableState;\n *     declare const v: Viewport;\n *     const prims = decomposeTable(s, v);\n *     void prims;\n */\nexport function decomposeTable(state: TableState, view: Viewport): ReadonlyArray<DrawPrimitive> {\n    const layout = layoutTable(state, view);\n    const out: DrawPrimitive[] = [];\n    let y = layout.y;\n    for (let rowIndex = 0; rowIndex < state.cells.length; rowIndex++) {\n        const row = state.cells[rowIndex];\n        const height = layout.rowHeights[rowIndex];\n        let x = layout.x;\n        for (let columnIndex = 0; columnIndex < layout.columnWidths.length; columnIndex++) {\n            const width = layout.columnWidths[columnIndex];\n            const cell = row[columnIndex] ?? { text: \"\" };\n            out.push(\n                rectPolyline(x, y, width, height, undefined, {\n                    color: cell.bgColor ?? TABLE_DEFAULT_BG_COLOR,\n                    alpha: FILL_OPAQUE,\n                }),\n            );\n            out.push({\n                kind: \"text\",\n                x: cellTextX(cell, x, width),\n                y: cellTextY(cell, y, height),\n                text: cell.text,\n                color: cell.textColor ?? TABLE_DEFAULT_TEXT_COLOR,\n                font: `${tableTextSizePx(cell)}px ${TABLE_FONT_FAMILY}`,\n                align: cellAlign(cell),\n                baseline: cellBaseline(cell),\n            });\n            if (state.borderColor !== undefined && state.borderWidth !== undefined) {\n                out.push(\n                    rectPolyline(\n                        x,\n                        y,\n                        width,\n                        height,\n                        {\n                            color: state.borderColor,\n                            width: state.borderWidth,\n                            dash: SOLID_DASH,\n                        },\n                        undefined,\n                    ),\n                );\n            }\n            x += width;\n        }\n        y += height;\n    }\n    if (state.frame !== undefined) {\n        out.push(\n            rectPolyline(\n                layout.x,\n                layout.y,\n                layout.width,\n                layout.height,\n                { color: state.frame.color, width: state.frame.width, dash: SOLID_DASH },\n                undefined,\n            ),\n        );\n    }\n    return out;\n}\n"]}

package/dist/geometry/kinds/curves.d.ts

@@ -0,0 +1,53 @@
+import type { ArcState, CurveState, DoubleCurveState } from "@invinite-org/chartlang-core";
+import type { DrawPrimitive, Viewport } from "../types.js";
+/**
+ * Decompose an `arc` drawing — a quadratic Bezier whose middle anchor
+ * (the apex) lies ON the curve at `t = 0.5`. The off-curve control point
+ * is derived by inverse-quadratic interpolation
+ * (`2·apex − 0.5·(from + to)`) so the sampled curve passes through the
+ * apex, then sampled into one open {@link CURVE_SAMPLES}-segment
+ * polyline.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: ArcState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeArc(s, v);
+ *     // prims[0].kind === "polyline"; prims[0].closed === false
+ *     void prims;
+ */
+export declare function decomposeArc(state: ArcState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+/**
+ * Decompose a `curve` drawing — a quadratic Bezier whose middle anchor
+ * IS the off-curve control point (distinct from `arc`, whose apex lies
+ * on the curve). Sampled into one open {@link CURVE_SAMPLES}-segment
+ * polyline.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: CurveState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeCurve(s, v);
+ *     void prims;
+ */
+export declare function decomposeCurve(state: CurveState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+/**
+ * Decompose a `double-curve` drawing — a single cubic Bezier from
+ * `anchors[0]` to `anchors[4]` with off-curve controls `anchors[1]` and
+ * `anchors[3]`. The middle stitch anchor `anchors[2]` is preserved in
+ * state but unused by the current single-cubic render path (matching the
+ * canvas2d source). Sampled into one open {@link CURVE_SAMPLES}-segment
+ * polyline.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: DoubleCurveState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeDoubleCurve(s, v);
+ *     void prims;
+ */
+export declare function decomposeDoubleCurve(state: DoubleCurveState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+//# sourceMappingURL=curves.d.ts.map

package/dist/geometry/kinds/curves.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"curves.d.ts","sourceRoot":"","sources":["../../../src/geometry/kinds/curves.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAK3F,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAU3D;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,CAgB1F;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,CAY9F;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAE,QAAQ,GACf,aAAa,CAAC,aAAa,CAAC,CAa9B"}

package/dist/geometry/kinds/curves.js

@@ -0,0 +1,110 @@
+// Copyright (c) 2026 Invinite. Licensed under the MIT License.
+// See the LICENSE file in the repo root for full license text.
+//
+// Curve geometry moved from the canvas2d adapter's per-kind renderers
+//   examples/canvas2d-adapter/src/render/draw/{arc,curve,doubleCurve}.ts.
+// The originating math is invinite's arc / curve / double-curve tools
+// (commit 078f41fe2569d659d5aba726da8bcb5d3e2ced02, © Invinite);
+// re-licensed MIT for chartlang.
+import { sampleCubic, sampleQuadratic } from "../_lib/bezier.js";
+import { strokeOf } from "../_lib/strokeStyle.js";
+import { worldPointToPixel } from "../project.js";
+/**
+ * Number of polyline segments each curve is sampled into — matching the
+ * canvas2d source renderers exactly (the structural `RenderCtx` exposes
+ * no `quadraticCurveTo` / `bezierCurveTo`, so every curve is stroked as
+ * a sampled polyline).
+ */
+const CURVE_SAMPLES = 32;
+/**
+ * Decompose an `arc` drawing — a quadratic Bezier whose middle anchor
+ * (the apex) lies ON the curve at `t = 0.5`. The off-curve control point
+ * is derived by inverse-quadratic interpolation
+ * (`2·apex − 0.5·(from + to)`) so the sampled curve passes through the
+ * apex, then sampled into one open {@link CURVE_SAMPLES}-segment
+ * polyline.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: ArcState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeArc(s, v);
+ *     // prims[0].kind === "polyline"; prims[0].closed === false
+ *     void prims;
+ */
+export function decomposeArc(state, view) {
+    const from = worldPointToPixel(state.anchors[0], view);
+    const apex = worldPointToPixel(state.anchors[1], view);
+    const to = worldPointToPixel(state.anchors[2], view);
+    const control = {
+        x: 2 * apex.x - 0.5 * (from.x + to.x),
+        y: 2 * apex.y - 0.5 * (from.y + to.y),
+    };
+    return [
+        {
+            kind: "polyline",
+            points: sampleQuadratic(from, control, to, CURVE_SAMPLES),
+            closed: false,
+            stroke: strokeOf(state.style),
+        },
+    ];
+}
+/**
+ * Decompose a `curve` drawing — a quadratic Bezier whose middle anchor
+ * IS the off-curve control point (distinct from `arc`, whose apex lies
+ * on the curve). Sampled into one open {@link CURVE_SAMPLES}-segment
+ * polyline.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: CurveState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeCurve(s, v);
+ *     void prims;
+ */
+export function decomposeCurve(state, view) {
+    const from = worldPointToPixel(state.anchors[0], view);
+    const control = worldPointToPixel(state.anchors[1], view);
+    const to = worldPointToPixel(state.anchors[2], view);
+    return [
+        {
+            kind: "polyline",
+            points: sampleQuadratic(from, control, to, CURVE_SAMPLES),
+            closed: false,
+            stroke: strokeOf(state.style),
+        },
+    ];
+}
+/**
+ * Decompose a `double-curve` drawing — a single cubic Bezier from
+ * `anchors[0]` to `anchors[4]` with off-curve controls `anchors[1]` and
+ * `anchors[3]`. The middle stitch anchor `anchors[2]` is preserved in
+ * state but unused by the current single-cubic render path (matching the
+ * canvas2d source). Sampled into one open {@link CURVE_SAMPLES}-segment
+ * polyline.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: DoubleCurveState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeDoubleCurve(s, v);
+ *     void prims;
+ */
+export function decomposeDoubleCurve(state, view) {
+    const p0 = worldPointToPixel(state.anchors[0], view);
+    const p1 = worldPointToPixel(state.anchors[1], view);
+    const p3 = worldPointToPixel(state.anchors[3], view);
+    const p4 = worldPointToPixel(state.anchors[4], view);
+    return [
+        {
+            kind: "polyline",
+            points: sampleCubic(p0, p1, p3, p4, CURVE_SAMPLES),
+            closed: false,
+            stroke: strokeOf(state.style),
+        },
+    ];
+}
+//# sourceMappingURL=curves.js.map

package/dist/geometry/kinds/curves.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"curves.js","sourceRoot":"","sources":["../../../src/geometry/kinds/curves.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) 2026 Invinite. Licensed under the MIT License.\n// See the LICENSE file in the repo root for full license text.\n//\n// Curve geometry moved from the canvas2d adapter's per-kind renderers\n//   examples/canvas2d-adapter/src/render/draw/{arc,curve,doubleCurve}.ts.\n// The originating math is invinite's arc / curve / double-curve tools\n// (commit 078f41fe2569d659d5aba726da8bcb5d3e2ced02, © Invinite);\n// re-licensed MIT for chartlang.\n\nimport type { ArcState, CurveState, DoubleCurveState } from \"@invinite-org/chartlang-core\";\n\nimport { sampleCubic, sampleQuadratic } from \"../_lib/bezier.js\";\nimport { strokeOf } from \"../_lib/strokeStyle.js\";\nimport { worldPointToPixel } from \"../project.js\";\nimport type { DrawPrimitive, Viewport } from \"../types.js\";\n\n/**\n * Number of polyline segments each curve is sampled into — matching the\n * canvas2d source renderers exactly (the structural `RenderCtx` exposes\n * no `quadraticCurveTo` / `bezierCurveTo`, so every curve is stroked as\n * a sampled polyline).\n */\nconst CURVE_SAMPLES = 32;\n\n/**\n * Decompose an `arc` drawing — a quadratic Bezier whose middle anchor\n * (the apex) lies ON the curve at `t = 0.5`. The off-curve control point\n * is derived by inverse-quadratic interpolation\n * (`2·apex − 0.5·(from + to)`) so the sampled curve passes through the\n * apex, then sampled into one open {@link CURVE_SAMPLES}-segment\n * polyline.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: ArcState;\n *     declare const v: Viewport;\n *     const prims = decomposeArc(s, v);\n *     // prims[0].kind === \"polyline\"; prims[0].closed === false\n *     void prims;\n */\nexport function decomposeArc(state: ArcState, view: Viewport): ReadonlyArray<DrawPrimitive> {\n    const from = worldPointToPixel(state.anchors[0], view);\n    const apex = worldPointToPixel(state.anchors[1], view);\n    const to = worldPointToPixel(state.anchors[2], view);\n    const control = {\n        x: 2 * apex.x - 0.5 * (from.x + to.x),\n        y: 2 * apex.y - 0.5 * (from.y + to.y),\n    };\n    return [\n        {\n            kind: \"polyline\",\n            points: sampleQuadratic(from, control, to, CURVE_SAMPLES),\n            closed: false,\n            stroke: strokeOf(state.style),\n        },\n    ];\n}\n\n/**\n * Decompose a `curve` drawing — a quadratic Bezier whose middle anchor\n * IS the off-curve control point (distinct from `arc`, whose apex lies\n * on the curve). Sampled into one open {@link CURVE_SAMPLES}-segment\n * polyline.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: CurveState;\n *     declare const v: Viewport;\n *     const prims = decomposeCurve(s, v);\n *     void prims;\n */\nexport function decomposeCurve(state: CurveState, view: Viewport): ReadonlyArray<DrawPrimitive> {\n    const from = worldPointToPixel(state.anchors[0], view);\n    const control = worldPointToPixel(state.anchors[1], view);\n    const to = worldPointToPixel(state.anchors[2], view);\n    return [\n        {\n            kind: \"polyline\",\n            points: sampleQuadratic(from, control, to, CURVE_SAMPLES),\n            closed: false,\n            stroke: strokeOf(state.style),\n        },\n    ];\n}\n\n/**\n * Decompose a `double-curve` drawing — a single cubic Bezier from\n * `anchors[0]` to `anchors[4]` with off-curve controls `anchors[1]` and\n * `anchors[3]`. The middle stitch anchor `anchors[2]` is preserved in\n * state but unused by the current single-cubic render path (matching the\n * canvas2d source). Sampled into one open {@link CURVE_SAMPLES}-segment\n * polyline.\n *\n * @since 1.3\n * @stable\n * @example\n *     declare const s: DoubleCurveState;\n *     declare const v: Viewport;\n *     const prims = decomposeDoubleCurve(s, v);\n *     void prims;\n */\nexport function decomposeDoubleCurve(\n    state: DoubleCurveState,\n    view: Viewport,\n): ReadonlyArray<DrawPrimitive> {\n    const p0 = worldPointToPixel(state.anchors[0], view);\n    const p1 = worldPointToPixel(state.anchors[1], view);\n    const p3 = worldPointToPixel(state.anchors[3], view);\n    const p4 = worldPointToPixel(state.anchors[4], view);\n    return [\n        {\n            kind: \"polyline\",\n            points: sampleCubic(p0, p1, p3, p4, CURVE_SAMPLES),\n            closed: false,\n            stroke: strokeOf(state.style),\n        },\n    ];\n}\n"]}

package/dist/geometry/kinds/cycles.d.ts

@@ -0,0 +1,52 @@
+import type { CyclicLinesState, SineLineState, TimeCyclesState } from "@invinite-org/chartlang-core";
+import type { DrawPrimitive, Viewport } from "../types.js";
+/**
+ * Decompose a `cyclic-lines` drawing — repeated full-height vertical
+ * lines spaced at `periodPx = |toX − fromX|` to the right of the `from`
+ * anchor. Returns `[]` when the period is non-positive or non-finite;
+ * caps at 256 repeats, breaking past the right edge and skipping strokes
+ * left of the viewport (matching the source).
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: CyclicLinesState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeCyclicLines(s, v);
+ *     void prims;
+ */
+export declare function decomposeCyclicLines(state: CyclicLinesState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+/**
+ * Decompose a `time-cycles` drawing — concentric upper-half arcs centred
+ * at the midpoint of `(from, to)` on the `from.price` baseline, radius
+ * `|toX − fromX| / 2`, tiled across the viewport at multiples of the
+ * diameter. Returns `[]` when the diameter is non-positive or non-finite.
+ * Each arc spans `[π, 2π]` (upper half).
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: TimeCyclesState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeTimeCycles(s, v);
+ *     void prims;
+ */
+export declare function decomposeTimeCycles(state: TimeCyclesState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+/**
+ * Decompose a `sine-line` drawing — one sampled sinusoidal polyline. The
+ * half-period is `|toX − fromX|`; baseline is the midpoint of
+ * `(fromY, toY)`; amplitude is half the y-distance between anchors. The
+ * wave starts at the extreme nearest `from` (sign `peakAtFrom`), sampled
+ * 32 points per full period across the padded viewport. Returns `[]`
+ * when the half-period is non-positive or non-finite.
+ *
+ * @since 1.3
+ * @stable
+ * @example
+ *     declare const s: SineLineState;
+ *     declare const v: Viewport;
+ *     const prims = decomposeSineLine(s, v);
+ *     void prims;
+ */
+export declare function decomposeSineLine(state: SineLineState, view: Viewport): ReadonlyArray<DrawPrimitive>;
+//# sourceMappingURL=cycles.d.ts.map

package/dist/geometry/kinds/cycles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cycles.d.ts","sourceRoot":"","sources":["../../../src/geometry/kinds/cycles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACR,gBAAgB,EAChB,aAAa,EACb,eAAe,EAClB,MAAM,8BAA8B,CAAC;AAItC,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQ3D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAE,QAAQ,GACf,aAAa,CAAC,aAAa,CAAC,CAsB9B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAC/B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,QAAQ,GACf,aAAa,CAAC,aAAa,CAAC,CAwC9B;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,QAAQ,GACf,aAAa,CAAC,aAAa,CAAC,CAyB9B"}