@motionscript/charts 0.0.0-stage → 0.1.0-alpha.0

package/dist/browser/kit.js

@@ -0,0 +1,2 @@
+import{A,B,C,D,E,F,G,H,I,J,K,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z}from"./chunks/chunk-ZMBOBHYL.js";export{c as CHART_PALETTE,H as ChartBorder,I as ChartCanvas,J as ChartLegend,m as DEFAULT_LEGEND,l as DEFAULT_PLOT_AREA,d as DEFAULT_SERIES_COLORS,o as DEFAULT_SERIES_FILLS,n as DEFAULT_SERIES_STROKES,j as DEFAULT_X_AXIS,k as DEFAULT_Y_AXIS,e as SPOTLIGHT_DIM,K as VerticalAxis,f as clampUnit,G as enterBudget,C as formatMarker,D as formatPercent,q as lerpAxisConfig,b as lerpAxisDomain,u as lerpLegendConfig,s as lerpPlotArea,y as lerpSeriesFills,w as lerpSeriesStrokes,E as markerValues,F as niceStep,g as num,i as numericFields,p as resolveAxisConfig,a as resolveAxisDomain,t as resolveLegendConfig,B as resolvePalettePaint,r as resolvePlotArea,A as resolveSeriesFill,x as resolveSeriesFills,z as resolveSeriesStroke,v as resolveSeriesStrokes,h as text};
+//# sourceMappingURL=kit.js.map

package/dist/browser/kit.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/browser/manifest.json

@@ -0,0 +1,12 @@
+{
+  "name": "@motionscript/charts",
+  "version": "0.1.0-alpha.0",
+  "exports": {
+    ".": "dist/browser/index.js",
+    "./kit": "dist/browser/kit.js"
+  },
+  "peers": [
+    "@motionscript/core"
+  ],
+  "assets": {}
+}

package/dist/engine.d.ts

@@ -0,0 +1,27 @@
+/**
+ * The chart **kit**: everything the three charts share, and the one thing a
+ * copied chart does not copy.
+ *
+ * `ms add line-chart` writes `line-chart/*` into your project and rewrites its
+ * reach for these to `@motionscript/charts`, so the plot panel, the value
+ * axis, the legend and the number formatting stay a real dependency. That is
+ * not a size decision — it is the only arrangement that works.
+ *
+ * A chart identifies its own parts, and the engine keys signal machinery to
+ * class identity: `@property` installs against the class it was applied with,
+ * and the renderer asks `instanceof` about what it is drawing. Copy
+ * `VerticalAxis` alongside your fork and there are now two of it — two classes
+ * answering one name, and whichever one your chart did not get renders as
+ * nothing at all, with no error. Keeping the kit external makes that
+ * impossible rather than unlikely.
+ *
+ * It also means a fix to the axis reaches a forked chart without a re-add,
+ * which is the half of the bargain you get back for it.
+ */
+export * from "./kit/shared.js";
+export * from "./kit/chart-border.js";
+export * from "./kit/chart-canvas.js";
+export * from "./kit/chart-legend.js";
+export * from "./kit/vertical-axis.js";
+export * from "@motionscript/core/component";
+//# sourceMappingURL=engine.d.ts.map

package/dist/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA"}

package/dist/engine.js

@@ -0,0 +1,27 @@
+/**
+ * The chart **kit**: everything the three charts share, and the one thing a
+ * copied chart does not copy.
+ *
+ * `ms add line-chart` writes `line-chart/*` into your project and rewrites its
+ * reach for these to `@motionscript/charts`, so the plot panel, the value
+ * axis, the legend and the number formatting stay a real dependency. That is
+ * not a size decision — it is the only arrangement that works.
+ *
+ * A chart identifies its own parts, and the engine keys signal machinery to
+ * class identity: `@property` installs against the class it was applied with,
+ * and the renderer asks `instanceof` about what it is drawing. Copy
+ * `VerticalAxis` alongside your fork and there are now two of it — two classes
+ * answering one name, and whichever one your chart did not get renders as
+ * nothing at all, with no error. Keeping the kit external makes that
+ * impossible rather than unlikely.
+ *
+ * It also means a fix to the axis reaches a forked chart without a re-add,
+ * which is the half of the bargain you get back for it.
+ */
+export * from "./kit/shared.js";
+export * from "./kit/chart-border.js";
+export * from "./kit/chart-canvas.js";
+export * from "./kit/chart-legend.js";
+export * from "./kit/vertical-axis.js";
+export * from "@motionscript/core/component";
+//# sourceMappingURL=engine.js.map

package/dist/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA","sourcesContent":["/**\n * The chart **kit**: everything the three charts share, and the one thing a\n * copied chart does not copy.\n *\n * `ms add line-chart` writes `line-chart/*` into your project and rewrites its\n * reach for these to `@motionscript/charts`, so the plot panel, the value\n * axis, the legend and the number formatting stay a real dependency. That is\n * not a size decision — it is the only arrangement that works.\n *\n * A chart identifies its own parts, and the engine keys signal machinery to\n * class identity: `@property` installs against the class it was applied with,\n * and the renderer asks `instanceof` about what it is drawing. Copy\n * `VerticalAxis` alongside your fork and there are now two of it — two classes\n * answering one name, and whichever one your chart did not get renders as\n * nothing at all, with no error. Keeping the kit external makes that\n * impossible rather than unlikely.\n *\n * It also means a fix to the axis reaches a forked chart without a re-add,\n * which is the half of the bargain you get back for it.\n */\nexport * from \"./kit/shared\"\nexport * from \"./kit/chart-border\"\nexport * from \"./kit/chart-canvas\"\nexport * from \"./kit/chart-legend\"\nexport * from \"./kit/vertical-axis\"\nexport * from \"@motionscript/core/component\"\n"]}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./line-chart/index.js";
+export * from "./bar-chart/index.js";
+export * from "./pie-chart/index.js";
+export * from "./engine.js";
+export { NODES } from "./nodes.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export * from "./line-chart/index.js";
+export * from "./bar-chart/index.js";
+export * from "./pie-chart/index.js";
+export * from "./engine.js";
+export { NODES } from "./nodes.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export * from \"./line-chart\";\nexport * from \"./bar-chart\";\nexport * from \"./pie-chart\";\nexport * from \"./engine\";\nexport { NODES } from \"./nodes\";\n"]}

package/dist/kit/chart-border.d.ts

@@ -0,0 +1,28 @@
+import { type AssetScope, Node2D, type Node2DProps, type RenderContext2D, type Stroke } from "@motionscript/core";
+export interface ChartBorderProps extends Node2DProps {
+    /**
+     * The plot's thick frame stroke. The stroke resolver's default `align` is
+     * `'inside'`, so the whole weight sits within the layout box unless the theme
+     * overrides it.
+     */
+    stroke: Stroke;
+}
+/**
+ * The thick **frame** around a cartesian chart's plot: an empty rect wearing an
+ * inside stroke, sized from its allocated `layoutBounds`.
+ *
+ * Split out of {@link ChartCanvas} (the filled + gridded backdrop) so it can be
+ * placed *after* the marks in the tree — the box then frames the plot **over**
+ * them, so a line or a column running to the edge tucks cleanly under the border
+ * rather than sitting on top of it.
+ */
+export declare class ChartBorder extends Node2D<ChartBorderProps> {
+    stroke: Stroke;
+    /**
+     * This node extends `Node2D` rather than `ShapeNode`, so nothing declares the
+     * paint props it carries — see {@link declarePaints}.
+     */
+    declareAssets(assets: AssetScope): void;
+    protected renderSelf(ctx: RenderContext2D): void;
+}
+//# sourceMappingURL=chart-border.d.ts.map

package/dist/kit/chart-border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-border.d.ts","sourceRoot":"","sources":["../../src/kit/chart-border.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EAEf,MAAM,EAGN,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,MAAM,EACZ,MAAM,oBAAoB,CAAA;AAK3B,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;OAIG;IACH,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;GAQG;AACH,qBAAa,WAAY,SAAQ,MAAM,CAAC,gBAAgB,CAAC;IAM/C,MAAM,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACM,aAAa,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAKhD,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;CAWjD"}

package/dist/kit/chart-border.js

@@ -0,0 +1,45 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Graphics2D, Node2D, strokeOps, property, } from "@motionscript/core";
+import { DEFAULT_PLOT_AREA } from "./shared.js";
+import { declarePaints } from "@motionscript/core/component";
+/**
+ * The thick **frame** around a cartesian chart's plot: an empty rect wearing an
+ * inside stroke, sized from its allocated `layoutBounds`.
+ *
+ * Split out of {@link ChartCanvas} (the filled + gridded backdrop) so it can be
+ * placed *after* the marks in the tree — the box then frames the plot **over**
+ * them, so a line or a column running to the edge tucks cleanly under the border
+ * rather than sitting on top of it.
+ */
+export class ChartBorder extends Node2D {
+    /**
+     * This node extends `Node2D` rather than `ShapeNode`, so nothing declares the
+     * paint props it carries — see {@link declarePaints}.
+     */
+    declareAssets(assets) {
+        super.declareAssets(assets);
+        declarePaints(this, assets);
+    }
+    renderSelf(ctx) {
+        const W = this.layoutBounds.width;
+        const H = this.layoutBounds.height;
+        if (W <= 0 || H <= 0)
+            return;
+        // Empty rect (no fill) with the themed stroke, so the frame sits over the
+        // marks but the box interior stays clear.
+        ctx.draw(new Graphics2D().rect({ x: 0, y: 0, width: W, height: H }).stroke(this.stroke));
+    }
+}
+__decorate([
+    property({
+        default: DEFAULT_PLOT_AREA.stroke,
+        mapper: strokeOps.resolve,
+        tween: strokeOps.lerp,
+    })
+], ChartBorder.prototype, "stroke", void 0);
+//# sourceMappingURL=chart-border.js.map

package/dist/kit/chart-border.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-border.js","sourceRoot":"","sources":["../../src/kit/chart-border.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAEL,UAAU,EACV,MAAM,EACN,SAAS,EACT,QAAQ,GAIT,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAW5D;;;;;;;;GAQG;AACH,MAAM,OAAO,WAAY,SAAQ,MAAwB;IAQvD;;;OAGG;IACM,aAAa,CAAC,MAAkB;QACvC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC3B,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,CAAC;IAES,UAAU,CAAC,GAAoB;QACvC,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAA;QACjC,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAA;QAClC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAM;QAE5B,0EAA0E;QAC1E,0CAA0C;QAC1C,GAAG,CAAC,IAAI,CACN,IAAI,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAC/E,CAAA;IACH,CAAC;CACF;AAtBS;IALP,QAAQ,CAAC;QACR,OAAO,EAAE,iBAAiB,CAAC,MAAM;QACjC,MAAM,EAAE,SAAS,CAAC,OAAO;QACzB,KAAK,EAAE,SAAS,CAAC,IAAI;KACtB,CAAC;2CACoB","sourcesContent":["import {\n  type AssetScope,\n  Graphics2D,\n  Node2D,\n  strokeOps,\n  property,\n  type Node2DProps,\n  type RenderContext2D,\n  type Stroke,\n} from \"@motionscript/core\"\n\nimport { DEFAULT_PLOT_AREA } from \"./shared\"\nimport { declarePaints } from \"@motionscript/core/component\"\n\nexport interface ChartBorderProps extends Node2DProps {\n  /**\n   * The plot's thick frame stroke. The stroke resolver's default `align` is\n   * `'inside'`, so the whole weight sits within the layout box unless the theme\n   * overrides it.\n   */\n  stroke: Stroke\n}\n\n/**\n * The thick **frame** around a cartesian chart's plot: an empty rect wearing an\n * inside stroke, sized from its allocated `layoutBounds`.\n *\n * Split out of {@link ChartCanvas} (the filled + gridded backdrop) so it can be\n * placed *after* the marks in the tree — the box then frames the plot **over**\n * them, so a line or a column running to the edge tucks cleanly under the border\n * rather than sitting on top of it.\n */\nexport class ChartBorder extends Node2D<ChartBorderProps> {\n  @property({\n    default: DEFAULT_PLOT_AREA.stroke,\n    mapper: strokeOps.resolve,\n    tween: strokeOps.lerp,\n  })\n  declare stroke: Stroke\n\n  /**\n   * This node extends `Node2D` rather than `ShapeNode`, so nothing declares the\n   * paint props it carries — see {@link declarePaints}.\n   */\n  override declareAssets(assets: AssetScope): void {\n    super.declareAssets(assets)\n    declarePaints(this, assets)\n  }\n\n  protected renderSelf(ctx: RenderContext2D): void {\n    const W = this.layoutBounds.width\n    const H = this.layoutBounds.height\n    if (W <= 0 || H <= 0) return\n\n    // Empty rect (no fill) with the themed stroke, so the frame sits over the\n    // marks but the box interior stays clear.\n    ctx.draw(\n      new Graphics2D().rect({ x: 0, y: 0, width: W, height: H }).stroke(this.stroke)\n    )\n  }\n}\n"]}

package/dist/kit/chart-canvas.d.ts

@@ -0,0 +1,56 @@
+import { type AssetScope, Node2D, type Fill, type Node2DProps, type RenderContext2D, type Shadow, type Stroke } from "@motionscript/core";
+import { type Range } from "./shared.js";
+export interface ChartCanvasProps extends Node2DProps {
+    /** Fill of the plot panel behind the marks. */
+    fill: Fill;
+    /** Drop shadow of the panel. Default none. */
+    shadow: Shadow;
+    /** Stroke of the vertical grid lines (one per {@link xMarkers}). */
+    xGridStroke: Stroke;
+    /** Stroke of the horizontal grid lines (one per {@link yMarkers}). */
+    yGridStroke: Stroke;
+    /**
+     * Data-unit x positions to draw a vertical grid line at — one per horizontal
+     * axis marker, so a line lands under every marker regardless of spacing.
+     * Positions at (or past) an {@link xExtent} edge coincide with the border and
+     * are skipped. Pass an empty list for a chart whose horizontal axis is
+     * categorical and so has no numeric position to rule at.
+     */
+    xMarkers: number[];
+    /** Data-unit y positions to draw a horizontal grid line at. */
+    yMarkers: number[];
+    /** `[min, max]` of the horizontal scale — maps {@link xMarkers} into the panel. */
+    xExtent: Range;
+    /** `[min, max]` of the vertical scale — maps {@link yMarkers} into the panel. */
+    yExtent: Range;
+}
+/**
+ * The plot **backdrop** of a cartesian chart: a filled panel with a grid of
+ * faint lines spanning both directions across it. Drawn as one {@link Graphics2D}
+ * command list, sized from its allocated `layoutBounds` and centred on the node
+ * origin.
+ *
+ * The thick frame is a **separate** {@link ChartBorder} node so it can be drawn
+ * *over* the marks while this panel sits under them. Grid lines are placed from
+ * the axis marker positions (in data units) mapped into the panel through
+ * {@link ChartCanvasProps.xExtent}/`yExtent` — so each line lands under its
+ * marker whether or not the markers are evenly spaced.
+ */
+export declare class ChartCanvas extends Node2D<ChartCanvasProps> {
+    fill: Fill;
+    shadow: Shadow;
+    xGridStroke: Stroke;
+    yGridStroke: Stroke;
+    xMarkers: number[];
+    yMarkers: number[];
+    xExtent: Range;
+    yExtent: Range;
+    /**
+     * This node extends `Node2D` rather than `ShapeNode`, so nothing declares the
+     * paint props it carries — see {@link declarePaints}. The grid strokes are
+     * named past the conventional slots, so they are passed explicitly.
+     */
+    declareAssets(assets: AssetScope): void;
+    protected renderSelf(ctx: RenderContext2D): void;
+}
+//# sourceMappingURL=chart-canvas.d.ts.map

package/dist/kit/chart-canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-canvas.d.ts","sourceRoot":"","sources":["../../src/kit/chart-canvas.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EAEf,MAAM,EAKN,KAAK,IAAI,EACT,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,MAAM,EACX,KAAK,MAAM,EAEZ,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,UAAU,CAAA;AAGjB,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,+CAA+C;IAC/C,IAAI,EAAE,IAAI,CAAA;IACV,8CAA8C;IAC9C,MAAM,EAAE,MAAM,CAAA;IACd,oEAAoE;IACpE,WAAW,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAA;IACnB;;;;;;OAMG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,mFAAmF;IACnF,OAAO,EAAE,KAAK,CAAA;IACd,iFAAiF;IACjF,OAAO,EAAE,KAAK,CAAA;CACf;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,WAAY,SAAQ,MAAM,CAAC,gBAAgB,CAAC;IAM/C,IAAI,EAAE,IAAI,CAAA;IAMV,MAAM,EAAE,MAAM,CAAA;IAMd,WAAW,EAAE,MAAM,CAAA;IAMnB,WAAW,EAAE,MAAM,CAAA;IAC0B,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,KAAK,CAAA;IACd,OAAO,EAAE,KAAK,CAAA;IAEpE;;;;OAIG;IACM,aAAa,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAOhD,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;CAqDjD"}

package/dist/kit/chart-canvas.js

@@ -0,0 +1,125 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Graphics2D, Node2D, fillOps, shadowOps, strokeOps, property, } from "@motionscript/core";
+import { DEFAULT_PLOT_AREA, DEFAULT_X_AXIS, DEFAULT_Y_AXIS, } from "./shared.js";
+import { declarePaints } from "@motionscript/core/component";
+/**
+ * The plot **backdrop** of a cartesian chart: a filled panel with a grid of
+ * faint lines spanning both directions across it. Drawn as one {@link Graphics2D}
+ * command list, sized from its allocated `layoutBounds` and centred on the node
+ * origin.
+ *
+ * The thick frame is a **separate** {@link ChartBorder} node so it can be drawn
+ * *over* the marks while this panel sits under them. Grid lines are placed from
+ * the axis marker positions (in data units) mapped into the panel through
+ * {@link ChartCanvasProps.xExtent}/`yExtent` — so each line lands under its
+ * marker whether or not the markers are evenly spaced.
+ */
+export class ChartCanvas extends Node2D {
+    /**
+     * This node extends `Node2D` rather than `ShapeNode`, so nothing declares the
+     * paint props it carries — see {@link declarePaints}. The grid strokes are
+     * named past the conventional slots, so they are passed explicitly.
+     */
+    declareAssets(assets) {
+        super.declareAssets(assets);
+        declarePaints(this, assets, {
+            strokes: [this.xGridStroke, this.yGridStroke],
+        });
+    }
+    renderSelf(ctx) {
+        const W = this.layoutBounds.width;
+        const H = this.layoutBounds.height;
+        if (W <= 0 || H <= 0)
+            return;
+        // Plot panel, centred on the origin (node space is y-up, origin centre).
+        ctx.draw(new Graphics2D()
+            .rect({ x: 0, y: 0, width: W, height: H })
+            .shadow(this.shadow)
+            .fill(this.fill));
+        const [xMin, xMax] = this.xExtent;
+        const [yMin, yMax] = this.yExtent;
+        // Fraction of a marker across its extent; guard a zero-width extent.
+        const xFrac = (v) => (xMax <= xMin ? 0 : (v - xMin) / (xMax - xMin));
+        const yFrac = (v) => (yMax <= yMin ? 0 : (v - yMin) / (yMax - yMin));
+        // Skip markers landing on (or outside) the edges — they'd sit under the border.
+        const interior = (f) => f > 1e-6 && f < 1 - 1e-6;
+        const xStroke = this.xGridStroke[0];
+        if (xStroke) {
+            const xGrid = new Graphics2D();
+            for (const v of this.xMarkers) {
+                const f = xFrac(v);
+                if (!interior(f))
+                    continue;
+                xGrid.rect({
+                    x: -W / 2 + f * W,
+                    y: 0,
+                    width: xStroke.weight,
+                    height: H,
+                });
+            }
+            ctx.draw(xGrid.fill(xStroke.fill));
+        }
+        const yStroke = this.yGridStroke[0];
+        if (yStroke) {
+            const yGrid = new Graphics2D();
+            for (const v of this.yMarkers) {
+                const f = yFrac(v);
+                if (!interior(f))
+                    continue;
+                yGrid.rect({
+                    x: 0,
+                    y: -H / 2 + f * H,
+                    width: W,
+                    height: yStroke.weight,
+                });
+            }
+            ctx.draw(yGrid.fill(yStroke.fill));
+        }
+    }
+}
+__decorate([
+    property({
+        default: DEFAULT_PLOT_AREA.fill,
+        mapper: fillOps.resolve,
+        tween: fillOps.lerp,
+    })
+], ChartCanvas.prototype, "fill", void 0);
+__decorate([
+    property({
+        default: DEFAULT_PLOT_AREA.shadow,
+        mapper: shadowOps.resolve,
+        tween: shadowOps.lerp,
+    })
+], ChartCanvas.prototype, "shadow", void 0);
+__decorate([
+    property({
+        default: DEFAULT_X_AXIS.lineStyle,
+        mapper: strokeOps.resolve,
+        tween: strokeOps.lerp,
+    })
+], ChartCanvas.prototype, "xGridStroke", void 0);
+__decorate([
+    property({
+        default: DEFAULT_Y_AXIS.lineStyle,
+        mapper: strokeOps.resolve,
+        tween: strokeOps.lerp,
+    })
+], ChartCanvas.prototype, "yGridStroke", void 0);
+__decorate([
+    property({ default: () => [] })
+], ChartCanvas.prototype, "xMarkers", void 0);
+__decorate([
+    property({ default: () => [] })
+], ChartCanvas.prototype, "yMarkers", void 0);
+__decorate([
+    property({ default: () => [0, 1] })
+], ChartCanvas.prototype, "xExtent", void 0);
+__decorate([
+    property({ default: () => [0, 1] })
+], ChartCanvas.prototype, "yExtent", void 0);
+//# sourceMappingURL=chart-canvas.js.map

package/dist/kit/chart-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-canvas.js","sourceRoot":"","sources":["../../src/kit/chart-canvas.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  type AssetScope,\n  Graphics2D,\n  Node2D,\n  fillOps,\n  shadowOps,\n  strokeOps,\n  property,\n  type Fill,\n  type Node2DProps,\n  type RenderContext2D,\n  type Shadow,\n  type Stroke,\n  type StrokeResolved,\n} from \"@motionscript/core\"\n\nimport {\n  DEFAULT_PLOT_AREA,\n  DEFAULT_X_AXIS,\n  DEFAULT_Y_AXIS,\n  type Range,\n} from \"./shared\"\nimport { declarePaints } from \"@motionscript/core/component\"\n\nexport interface ChartCanvasProps extends Node2DProps {\n  /** Fill of the plot panel behind the marks. */\n  fill: Fill\n  /** Drop shadow of the panel. Default none. */\n  shadow: Shadow\n  /** Stroke of the vertical grid lines (one per {@link xMarkers}). */\n  xGridStroke: Stroke\n  /** Stroke of the horizontal grid lines (one per {@link yMarkers}). */\n  yGridStroke: Stroke\n  /**\n   * Data-unit x positions to draw a vertical grid line at — one per horizontal\n   * axis marker, so a line lands under every marker regardless of spacing.\n   * Positions at (or past) an {@link xExtent} edge coincide with the border and\n   * are skipped. Pass an empty list for a chart whose horizontal axis is\n   * categorical and so has no numeric position to rule at.\n   */\n  xMarkers: number[]\n  /** Data-unit y positions to draw a horizontal grid line at. */\n  yMarkers: number[]\n  /** `[min, max]` of the horizontal scale — maps {@link xMarkers} into the panel. */\n  xExtent: Range\n  /** `[min, max]` of the vertical scale — maps {@link yMarkers} into the panel. */\n  yExtent: Range\n}\n\n/**\n * The plot **backdrop** of a cartesian chart: a filled panel with a grid of\n * faint lines spanning both directions across it. Drawn as one {@link Graphics2D}\n * command list, sized from its allocated `layoutBounds` and centred on the node\n * origin.\n *\n * The thick frame is a **separate** {@link ChartBorder} node so it can be drawn\n * *over* the marks while this panel sits under them. Grid lines are placed from\n * the axis marker positions (in data units) mapped into the panel through\n * {@link ChartCanvasProps.xExtent}/`yExtent` — so each line lands under its\n * marker whether or not the markers are evenly spaced.\n */\nexport class ChartCanvas extends Node2D<ChartCanvasProps> {\n  @property({\n    default: DEFAULT_PLOT_AREA.fill,\n    mapper: fillOps.resolve,\n    tween: fillOps.lerp,\n  })\n  declare fill: Fill\n  @property({\n    default: DEFAULT_PLOT_AREA.shadow,\n    mapper: shadowOps.resolve,\n    tween: shadowOps.lerp,\n  })\n  declare shadow: Shadow\n  @property({\n    default: DEFAULT_X_AXIS.lineStyle,\n    mapper: strokeOps.resolve,\n    tween: strokeOps.lerp,\n  })\n  declare xGridStroke: Stroke\n  @property({\n    default: DEFAULT_Y_AXIS.lineStyle,\n    mapper: strokeOps.resolve,\n    tween: strokeOps.lerp,\n  })\n  declare yGridStroke: Stroke\n  @property({ default: () => [] as number[] }) declare xMarkers: number[]\n  @property({ default: () => [] as number[] }) declare yMarkers: number[]\n  @property({ default: () => [0, 1] as Range }) declare xExtent: Range\n  @property({ default: () => [0, 1] as Range }) declare yExtent: Range\n\n  /**\n   * This node extends `Node2D` rather than `ShapeNode`, so nothing declares the\n   * paint props it carries — see {@link declarePaints}. The grid strokes are\n   * named past the conventional slots, so they are passed explicitly.\n   */\n  override declareAssets(assets: AssetScope): void {\n    super.declareAssets(assets)\n    declarePaints(this, assets, {\n      strokes: [this.xGridStroke as StrokeResolved[], this.yGridStroke as StrokeResolved[]],\n    })\n  }\n\n  protected renderSelf(ctx: RenderContext2D): void {\n    const W = this.layoutBounds.width\n    const H = this.layoutBounds.height\n    if (W <= 0 || H <= 0) return\n\n    // Plot panel, centred on the origin (node space is y-up, origin centre).\n    ctx.draw(\n      new Graphics2D()\n        .rect({ x: 0, y: 0, width: W, height: H })\n        .shadow(this.shadow)\n        .fill(this.fill)\n    )\n\n    const [xMin, xMax] = this.xExtent\n    const [yMin, yMax] = this.yExtent\n    // Fraction of a marker across its extent; guard a zero-width extent.\n    const xFrac = (v: number) => (xMax <= xMin ? 0 : (v - xMin) / (xMax - xMin))\n    const yFrac = (v: number) => (yMax <= yMin ? 0 : (v - yMin) / (yMax - yMin))\n    // Skip markers landing on (or outside) the edges — they'd sit under the border.\n    const interior = (f: number) => f > 1e-6 && f < 1 - 1e-6\n\n    const xStroke = (this.xGridStroke as StrokeResolved[])[0]\n    if (xStroke) {\n      const xGrid = new Graphics2D()\n      for (const v of this.xMarkers) {\n        const f = xFrac(v)\n        if (!interior(f)) continue\n        xGrid.rect({\n          x: -W / 2 + f * W,\n          y: 0,\n          width: xStroke.weight,\n          height: H,\n        })\n      }\n      ctx.draw(xGrid.fill(xStroke.fill))\n    }\n\n    const yStroke = (this.yGridStroke as StrokeResolved[])[0]\n    if (yStroke) {\n      const yGrid = new Graphics2D()\n      for (const v of this.yMarkers) {\n        const f = yFrac(v)\n        if (!interior(f)) continue\n        yGrid.rect({\n          x: 0,\n          y: -H / 2 + f * H,\n          width: W,\n          height: yStroke.weight,\n        })\n      }\n      ctx.draw(yGrid.fill(yStroke.fill))\n    }\n  }\n}\n"]}

package/dist/kit/chart-legend.d.ts

@@ -0,0 +1,126 @@
+import { Rect, type CommandArgs, type Fill, type NodeConfig, type RectProps } from "@motionscript/core";
+import { type Seekable } from "@motionscript/core/component";
+import { type ChartSeries, type LegendConfig } from "./shared.js";
+export interface ChartLegendProps extends RectProps {
+    /**
+     * One entry per series: legend `label`, its `enabled` default, and — through
+     * {@link ChartLegendProps.swatches} — the colour its chip is painted. A series
+     * that starts enabled (the default) is added to the row up front; one that
+     * starts `false` is hidden until a later {@link ChartLegend.showSeries}.
+     */
+    series: ChartSeries[];
+    /**
+     * The swatch colour for each series, by index — resolved by the chart, whose
+     * business it is whether a series' colour comes out of a stroke palette (a
+     * line) or a fill palette (a bar). Shorter than the series list means the
+     * missing entries fall back to white.
+     */
+    swatches: Fill[];
+    /** Padding, caption style, gaps, and swatch geometry — see {@link LegendConfig}. */
+    legend: LegendConfig;
+}
+/**
+ * The legend of a chart: a **horizontal-flow row of entries**, one per series, laid out
+ * left-to-right with the theme's `itemGap`. Each entry pairs the series label
+ * with a rounded colour swatch; only the swatch carries the series colour, the
+ * caption reads in the legend's neutral ink.
+ *
+ * {@link showSeries}/{@link hideSeries} flip a series on or off — showing one
+ * adds its entry back into the row at its stable series position and grows it
+ * in, hiding one shrinks it away and removes it. So the row only ever holds the
+ * currently-enabled series, in series order, and closes the gap when one leaves.
+ *
+ * This node *is* the row, so the parent places it (centred below the chart) and
+ * it hugs its entries.
+ */
+export declare class ChartLegend extends Rect {
+    series: ChartSeries[];
+    swatches: Fill[];
+    legend: LegendConfig;
+    /** One entry per series. **Every** entry is a child — see {@link reveal}. */
+    private items;
+    /**
+     * How far each entry is shown, `0`–`1`. Drives its width, opacity and gap
+     * together, so `0` is an entry that takes no room and `1` is one at its
+     * natural size.
+     *
+     * This replaces adding and removing the entry from the row, which is what
+     * `showSeries`/`hideSeries` used to do. That could not be a command: a command
+     * is asked what it looks like at a time, and "is this node a child" is not a
+     * value a time can produce — the tree either contains it or it doesn't, and
+     * getting there means having run the add. Collapsed-but-present is the same
+     * picture reached by a route that *is* a function of `t`.
+     *
+     * A plain array rather than reactive props because the count is the series
+     * count, which is data. The entries' props are bound to it, so writing one
+     * still moves the layout.
+     */
+    private reveal;
+    /**
+     * Each entry's natural width, last time it was fully shown.
+     *
+     * A collapse needs numeric endpoints — `lerpSizeInput` snaps between a token
+     * and a number rather than interpolating — and `"hug"` is not a number until
+     * something measures it. Refreshed on every frame an entry is at full reveal
+     * (see {@link widthFor}), so it is current by the time a hide starts, and it
+     * tracks a relabelled series or a restyled legend without being told.
+     */
+    private natural;
+    constructor(props?: NodeConfig<ChartLegend, ChartLegendProps>);
+    /**
+     * An entry's width for its current reveal.
+     *
+     * `"hug"` at full reveal rather than the pinned number, so a shown entry stays
+     * responsive to its own content; the number only takes over while it is
+     * collapsing, which is the only time a token cannot express it.
+     *
+     * Records the natural width as a side effect, which is the honest place for it:
+     * this runs inside a binding, so it is already reading the layout every frame,
+     * and the value it wants is the one the layout just produced. It writes a plain
+     * array rather than a signal, so nothing is invalidated by it.
+     */
+    private widthFor;
+    /** One entry: the series caption beside its colour swatch. */
+    private buildItem;
+    /** True if series `index` is showing at all — see {@link reveal}. */
+    isEnabled(index: number): boolean;
+    /**
+     * Grow series `index`'s entry back in at its series-order position, the
+     * siblings sliding over to make room.
+     *
+     * A reveal tween rather than an animated `addChildAt`. The entry never left —
+     * see {@link reveal} — so there is no add to have happened, and the whole
+     * thing is a function of `t`.
+     */
+    showSeries(args: CommandArgs<{
+        index: number;
+    }>): Seekable;
+    /**
+     * Shrink series `index`'s entry away, the gap closing behind it — the mirror
+     * of {@link showSeries}.
+     */
+    hideSeries(args: CommandArgs<{
+        index: number;
+    }>): Seekable;
+    /**
+     * Ramp one entry's reveal to `target`.
+     *
+     * `from` is read when the command is built, which for a driven scene is with
+     * the node in the state its own start time implies — so a hide that follows a
+     * show starts where the show left it rather than at whatever the node happens
+     * to hold now.
+     */
+    private revealTo;
+    /**
+     * Dim every entry but series `index` to {@link SPOTLIGHT_DIM} and bring that
+     * one back to full — the legend half of a chart's `spotlightSeries`. Entries
+     * stay in place; only their opacity moves, so the row doesn't reflow.
+     *
+     * Only the currently-shown entries are touched — a hidden series' entry is
+     * left as {@link hideSeries} left it.
+     */
+    spotlightSeries(args: CommandArgs<{
+        index: number;
+    }>): Seekable;
+}
+//# sourceMappingURL=chart-legend.d.ts.map

package/dist/kit/chart-legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-legend.d.ts","sourceRoot":"","sources":["../../src/kit/chart-legend.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EAMJ,KAAK,WAAW,EAEhB,KAAK,IAAI,EACT,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAEnF,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD;;;;;OAKG;IACH,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB;;;;;OAKG;IACH,QAAQ,EAAE,IAAI,EAAE,CAAA;IAChB,oFAAoF;IACpF,MAAM,EAAE,YAAY,CAAA;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,WAAY,SAAQ,IAAI;IACuB,MAAM,EAAE,WAAW,EAAE,CAAA;IAC5B,QAAQ,EAAE,IAAI,EAAE,CAAA;IACpB,MAAM,EAAE,YAAY,CAAA;IAEnE,6EAA6E;IAC7E,OAAO,CAAC,KAAK,CAAa;IAC1B;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,MAAM,CAAe;IAC7B;;;;;;;;OAQG;IACH,OAAO,CAAC,OAAO,CAAe;gBAElB,KAAK,CAAC,EAAE,UAAU,CAAC,WAAW,EAAE,gBAAgB,CAAC;IA6B7D;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,QAAQ;IAUhB,8DAA8D;IAC9D,OAAO,CAAC,SAAS;IAgCjB,qEAAqE;IACrE,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjC;;;;;;;OAOG;IAEH,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,QAAQ;IAK1D;;;OAGG;IAEH,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,QAAQ;IAK1D;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ;IAahB;;;;;;;OAOG;IAEH,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,QAAQ;CAehE"}