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

package/dist/line-chart/chart-region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-region.js","sourceRoot":"","sources":["../../src/line-chart/chart-region.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  type AssetScope,\n  Graphics2D,\n  Node2D,\n  fillOps,\n  strokeOps,\n  property,\n  type Fill,\n  type FillResolved,\n  type Node2DProps,\n  type RenderContext2D,\n  type Stroke,\n  type StrokeResolved,\n} from \"@motionscript/core\"\n\nimport {\n  DEFAULT_CHART_THEME,\n  EMPTY_REGION_BOX,\n  hasRegion,\n  type RegionBox,\n} from \"./shared\"\nimport { declarePaints } from \"@motionscript/core/component\"\n\nexport interface ChartRegionProps extends Node2DProps {\n  /**\n   * The highlighted slice, already resolved into this node's local pixel space\n   * (origin at centre, y-up) by the parent {@link LineChart}. A degenerate box\n   * draws nothing.\n   */\n  box: RegionBox\n  /** Dashed rule marking each *bounded* edge of the box. */\n  stroke: Stroke\n  /** Wash filling the box, under the series lines. */\n  fill: Fill\n  /**\n   * Reveal of the annotation in `[0, 1]`: 0 hides it, 1 draws it fully. Driven\n   * by the chart's own `regionReveal`, so the rules and the series' dimming move\n   * as one.\n   */\n  reveal: number\n}\n\n/**\n * The **region call-out** of a {@link LineChart}: a washed rectangle over the\n * plot with a dashed rule down each edge the author actually bounded. Sized and\n * positioned entirely from the pre-mapped {@link ChartRegionProps.box} rather\n * than its own `layoutBounds` — the box already carries the plot geometry.\n *\n * It draws only the *marking*; fading the series outside the region is\n * {@link ChartLine}'s job (it clips its own polyline against the same box), so\n * the two can't disagree about where the boundary is.\n *\n * Only bounded edges get a rule: a region given just an `x` range spans the full\n * plot height, so its top and bottom edges are the plot's own border, not a data\n * bound — drawing dashes there would assert a limit the author didn't set.\n */\nexport class ChartRegion extends Node2D<ChartRegionProps> {\n  @property({ default: () => EMPTY_REGION_BOX }) declare box: RegionBox\n  @property({\n    default: DEFAULT_CHART_THEME.region.stroke,\n    mapper: strokeOps.resolve,\n    tween: strokeOps.lerp,\n  })\n  declare stroke: Stroke\n  @property({\n    default: DEFAULT_CHART_THEME.region.fill,\n    mapper: fillOps.resolve,\n    tween: fillOps.lerp,\n  })\n  declare fill: Fill\n  @property({ default: 0 }) declare reveal: number\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 box = this.box\n    if (!hasRegion(box)) return\n\n    const r = Math.max(0, Math.min(1, this.reveal))\n    if (r <= 0) return\n\n    const width = box.right - box.left\n    const height = box.top - box.bottom\n    const cx = (box.left + box.right) / 2\n    const cy = (box.bottom + box.top) / 2\n\n    // Wash first, so the rules sit over their own tint.\n    const layers = this.fill as FillResolved[]\n    if (layers.length > 0) {\n      ctx.draw(\n        new Graphics2D()\n          .rect({ x: cx, y: cy, width, height })\n          .fill(this.fill)\n          .opacity(r)\n      )\n    }\n\n    // One rule per bounded edge, growing from the region's centre outward as\n    // `reveal` climbs — the same \"trace it in\" beat as the series lines.\n    const stroke = this.stroke as StrokeResolved[]\n    if (stroke.length === 0) return\n\n    // One `draw` per rule rather than four line ops under a single paint:\n    // shapes chained before a `stroke()` are combined into one surface, and\n    // stroking a union of disjoint open paths doesn't paint.\n    const rule = (points: { x: number; y: number }[]) =>\n      ctx.draw(new Graphics2D().line({ points }).stroke(this.stroke).opacity(r))\n\n    if (box.xBounded) {\n      const half = (height / 2) * r\n      for (const x of [box.left, box.right]) {\n        rule([\n          { x, y: cy - half },\n          { x, y: cy + half },\n        ])\n      }\n    }\n    if (box.yBounded) {\n      const half = (width / 2) * r\n      for (const y of [box.bottom, box.top]) {\n        rule([\n          { x: cx - half, y },\n          { x: cx + half, y },\n        ])\n      }\n    }\n  }\n}\n"]}

package/dist/line-chart/horizontal-axis.d.ts

@@ -0,0 +1,85 @@
+import { Node2D, type CommandArgs, type NodeConfig, type Node2DProps } from "@motionscript/core";
+import { type AxisConfig, type Range } from "../kit/shared.js";
+import { type Seekable } from "@motionscript/core/component";
+export interface HorizontalAxisProps extends Node2DProps {
+    /** `[min, max]` of the horizontal scale the markers are positioned within. */
+    range: Range;
+    /** Tick values (in data units) to draw along the axis. */
+    markers: number[];
+    /** Marker/caption text style, grid stroke, and gutters — see {@link AxisConfig}. */
+    axis: AxisConfig;
+    /**
+     * Caption drawn centred in the gutter beneath the marker row. Empty string
+     * (the default) hides it.
+     */
+    label: string;
+}
+/** How a tick value is captioned — see {@link HorizontalAxis.labelFor}. */
+export type MarkerLabel = (value: number) => string;
+/**
+ * The horizontal axis of a {@link LineChart}: a **row of {@link Text} nodes**,
+ * one per marker value, running left-to-right. Pure layout — the mirror of the
+ * kit's `VerticalAxis`, including its bound (not snapshotted) marker text and
+ * positions, and its landed resting state.
+ *
+ * Markers are always placed **by value** across the range, whatever they say:
+ * `2026-03` sits three months along, not three slots along. That is what keeps
+ * it distinct from a bar chart's bottom axis, which centres a caption on each
+ * slot and has no scale at all — the two only look alike. What the values are
+ * captioned *as* is the chart's to decide; see {@link labelFor}.
+ *
+ * {@link enter} staggers the markers in **left-to-right**: each starts lifted a
+ * little above its slot and transparent, then fades and slides down into place.
+ */
+export declare class HorizontalAxis extends Node2D<HorizontalAxisProps> {
+    range: Range;
+    markers: number[];
+    axis: AxisConfig;
+    label: string;
+    /**
+     * How a tick value is captioned. Defaults to the numeric formatting the
+     * vertical axis uses; a chart whose x column names months or categories
+     * replaces it (see `x-scale.ts`).
+     *
+     * A plain field rather than a `@property`, because it is a **policy, not a
+     * value**: there is nothing to tween between two formatters, and a signal
+     * holding a function is a signal every `set`/`to` on this node would have to
+     * know not to touch. Read inside each marker's `text` binding, so replacing it
+     * before the first frame is enough — which is when the chart does it.
+     */
+    labelFor: MarkerLabel;
+    /** One text node per marker, ordered left → right, for the staggered enter. */
+    private markerNodes;
+    /** The caption node, or null when `label` is empty. */
+    private labelNode;
+    /** The live tick values, left → right — re-read every frame, not snapshotted. */
+    private get sortedMarkers();
+    private valueAt;
+    /** Tick `i`'s fraction across the live `range`, 0 at the left edge. */
+    private fracAt;
+    constructor(props?: NodeConfig<HorizontalAxis, HorizontalAxisProps>);
+    /**
+     * Primes every marker (and the caption) at its pre-entrance state: lifted
+     * above its slot and transparent. Idempotent — see {@link VerticalAxis.arm}.
+     */
+    arm(slide?: number): void;
+    /**
+     * Stagger the markers in left to right, then slide the caption in after them.
+     *
+     * A {@link Seekable} rather than a generator. The offsets were always static —
+     * `i * step` per marker — but expressed as `wait` inside a generator they only
+     * existed while it ran, so knowing what the axis looked like partway through
+     * meant running it from zero. Placed explicitly, the same stagger can be asked
+     * for a time, which is what lets a chart scene scrub in constant time.
+     *
+     * `duration` is the **whole** entrance — see {@link VerticalAxis.enter} and
+     * {@link enterBudget}.
+     */
+    enter(args: CommandArgs<{
+        stagger?: number;
+        slide?: number;
+    }> & {
+        duration: number;
+    }): Seekable;
+}
+//# sourceMappingURL=horizontal-axis.d.ts.map

package/dist/line-chart/horizontal-axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-axis.d.ts","sourceRoot":"","sources":["../../src/line-chart/horizontal-axis.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAON,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,KAAK,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAEzE,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,8EAA8E;IAC9E,KAAK,EAAE,KAAK,CAAC;IACb,0DAA0D;IAC1D,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,oFAAoF;IACpF,IAAI,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAKD,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEpD;;;;;;;;;;;;;;GAcG;AACH,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,CAAC;IACP,KAAK,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IACxB,IAAI,EAAE,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IAEjD;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,WAAW,CAAgB;IAErC,+EAA+E;IAC/E,OAAO,CAAC,WAAW,CAAc;IACjC,uDAAuD;IACvD,OAAO,CAAC,SAAS,CAAqB;IAEtC,iFAAiF;IACjF,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,CAAC,OAAO;IAIf,uEAAuE;IACvE,OAAO,CAAC,MAAM;gBAOF,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,EAAE,mBAAmB,CAAC;IAkDnE;;;OAGG;IACH,GAAG,CAAC,KAAK,SAAQ,GAAG,IAAI;IAKxB;;;;;;;;;;;OAWG;IAEH,KAAK,CACH,IAAI,EAAE,WAAW,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAC7E,QAAQ;CA4BZ"}

package/dist/line-chart/horizontal-axis.js

@@ -0,0 +1,158 @@
+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 { command, Node2D, Rect, Text, easeOut, property, insetsOps, textOps, } from "@motionscript/core";
+import { DEFAULT_X_AXIS, enterBudget, formatMarker, } from "../kit/shared.js";
+import { at, compose } from "@motionscript/core/component";
+/** How far a marker starts above its slot when it enters, in px. */
+const SLIDE = 24;
+/**
+ * The horizontal axis of a {@link LineChart}: a **row of {@link Text} nodes**,
+ * one per marker value, running left-to-right. Pure layout — the mirror of the
+ * kit's `VerticalAxis`, including its bound (not snapshotted) marker text and
+ * positions, and its landed resting state.
+ *
+ * Markers are always placed **by value** across the range, whatever they say:
+ * `2026-03` sits three months along, not three slots along. That is what keeps
+ * it distinct from a bar chart's bottom axis, which centres a caption on each
+ * slot and has no scale at all — the two only look alike. What the values are
+ * captioned *as* is the chart's to decide; see {@link labelFor}.
+ *
+ * {@link enter} staggers the markers in **left-to-right**: each starts lifted a
+ * little above its slot and transparent, then fades and slides down into place.
+ */
+export class HorizontalAxis extends Node2D {
+    /**
+     * How a tick value is captioned. Defaults to the numeric formatting the
+     * vertical axis uses; a chart whose x column names months or categories
+     * replaces it (see `x-scale.ts`).
+     *
+     * A plain field rather than a `@property`, because it is a **policy, not a
+     * value**: there is nothing to tween between two formatters, and a signal
+     * holding a function is a signal every `set`/`to` on this node would have to
+     * know not to touch. Read inside each marker's `text` binding, so replacing it
+     * before the first frame is enough — which is when the chart does it.
+     */
+    labelFor = formatMarker;
+    /** One text node per marker, ordered left → right, for the staggered enter. */
+    markerNodes = [];
+    /** The caption node, or null when `label` is empty. */
+    labelNode = null;
+    /** The live tick values, left → right — re-read every frame, not snapshotted. */
+    get sortedMarkers() {
+        return [...this.markers].sort((a, b) => a - b);
+    }
+    valueAt(index) {
+        return this.sortedMarkers[index];
+    }
+    /** Tick `i`'s fraction across the live `range`, 0 at the left edge. */
+    fracAt(index) {
+        const v = this.valueAt(index);
+        if (v === undefined)
+            return 0;
+        const [min, max] = this.range;
+        return max <= min ? 0 : (v - min) / (max - min);
+    }
+    constructor(props) {
+        super(props);
+        const tickPad = insetsOps.resolve(this.axis.tickPadding).top;
+        const titlePad = insetsOps.resolve(this.axis.titlePadding).top;
+        this.markerNodes = this.markers.map((_, i) => {
+            const marker = new Text({
+                ...textOps.styleProps(this.axis.labelStyle),
+                text: () => {
+                    const v = this.valueAt(i);
+                    return v === undefined ? "" : this.labelFor(v);
+                },
+                x: () => {
+                    const width = this.layoutBounds.width;
+                    const centred = (this.fracAt(i) - 0.5) * width;
+                    // Held inside the axis's right edge, which is also the *chart's*: the
+                    // last marker is centred on the last grid line, so half of `2026-06`
+                    // — or of `3300` — would be drawn outside the node's box and outside
+                    // the rectangle the editor draws around it. Only the right edge is
+                    // held, because the left one has the vertical axis's whole gutter
+                    // beyond it, and a marker overhanging into that is inside the chart.
+                    const limit = width / 2 - marker.layoutBounds.width / 2;
+                    return Math.min(centred, limit);
+                },
+            });
+            return marker;
+        });
+        const children = [
+            new Rect({
+                width: "fill",
+                height: "hug",
+                padding: { top: tickPad },
+                children: this.markerNodes,
+            }),
+        ];
+        if (this.label !== "") {
+            this.labelNode = new Text({
+                ...textOps.styleProps(this.axis.titleStyle),
+                text: this.label,
+            });
+            children.push(this.labelNode);
+        }
+        this.add(new Rect({ flow: "vertical", gap: titlePad, height: "hug", width: "fill", children }));
+    }
+    /**
+     * Primes every marker (and the caption) at its pre-entrance state: lifted
+     * above its slot and transparent. Idempotent — see {@link VerticalAxis.arm}.
+     */
+    arm(slide = SLIDE) {
+        for (const marker of this.markerNodes)
+            marker.set({ opacity: 0, y: slide });
+        this.labelNode?.set({ opacity: 0, y: slide });
+    }
+    /**
+     * Stagger the markers in left to right, then slide the caption in after them.
+     *
+     * A {@link Seekable} rather than a generator. The offsets were always static —
+     * `i * step` per marker — but expressed as `wait` inside a generator they only
+     * existed while it ran, so knowing what the axis looked like partway through
+     * meant running it from zero. Placed explicitly, the same stagger can be asked
+     * for a time, which is what lets a chart scene scrub in constant time.
+     *
+     * `duration` is the **whole** entrance — see {@link VerticalAxis.enter} and
+     * {@link enterBudget}.
+     */
+    enter(args) {
+        const { stagger, slide = SLIDE } = args.data ?? {};
+        const duration = args.duration;
+        const easing = args.easing ?? easeOut();
+        const nodes = this.markerNodes;
+        if (nodes.length === 0)
+            return compose([]);
+        const { step, per, caption } = enterBudget(duration, nodes.length, this.labelNode !== null, stagger);
+        this.arm(slide);
+        // Left marker leads: markerNodes is already left → right.
+        const markers = nodes.map((node, i) => at(i * step, node.to({ data: { opacity: 1, y: 0 }, duration: per, easing })));
+        const lastMarkerEnds = nodes.length === 0 ? 0 : (nodes.length - 1) * step + per;
+        return compose([
+            ...markers,
+            ...(this.labelNode
+                ? [at(lastMarkerEnds, this.labelNode.to({ data: { opacity: 1, y: 0 }, duration: caption, easing }))]
+                : []),
+        ]);
+    }
+}
+__decorate([
+    property({ default: () => [0, 1] })
+], HorizontalAxis.prototype, "range", void 0);
+__decorate([
+    property({ default: () => [] })
+], HorizontalAxis.prototype, "markers", void 0);
+__decorate([
+    property({ default: DEFAULT_X_AXIS })
+], HorizontalAxis.prototype, "axis", void 0);
+__decorate([
+    property({ default: "" })
+], HorizontalAxis.prototype, "label", void 0);
+__decorate([
+    command()
+], HorizontalAxis.prototype, "enter", null);
+//# sourceMappingURL=horizontal-axis.js.map

package/dist/line-chart/horizontal-axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-axis.js","sourceRoot":"","sources":["../../src/line-chart/horizontal-axis.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  command,\n  Node2D,\n  Rect,\n  Text,\n  easeOut,\n  property,\n  insetsOps,\n  textOps,\n  type CommandArgs,\n  type NodeConfig,\n  type Node2DProps,\n} from \"@motionscript/core\";\n\nimport {\n  DEFAULT_X_AXIS,\n  enterBudget,\n  formatMarker,\n  type AxisConfig,\n  type Range,\n} from \"../kit/shared\";\nimport { at, compose, type Seekable } from \"@motionscript/core/component\"\n\nexport interface HorizontalAxisProps extends Node2DProps {\n  /** `[min, max]` of the horizontal scale the markers are positioned within. */\n  range: Range;\n  /** Tick values (in data units) to draw along the axis. */\n  markers: number[];\n  /** Marker/caption text style, grid stroke, and gutters — see {@link AxisConfig}. */\n  axis: AxisConfig;\n  /**\n   * Caption drawn centred in the gutter beneath the marker row. Empty string\n   * (the default) hides it.\n   */\n  label: string;\n}\n\n/** How far a marker starts above its slot when it enters, in px. */\nconst SLIDE = 24;\n\n/** How a tick value is captioned — see {@link HorizontalAxis.labelFor}. */\nexport type MarkerLabel = (value: number) => string;\n\n/**\n * The horizontal axis of a {@link LineChart}: a **row of {@link Text} nodes**,\n * one per marker value, running left-to-right. Pure layout — the mirror of the\n * kit's `VerticalAxis`, including its bound (not snapshotted) marker text and\n * positions, and its landed resting state.\n *\n * Markers are always placed **by value** across the range, whatever they say:\n * `2026-03` sits three months along, not three slots along. That is what keeps\n * it distinct from a bar chart's bottom axis, which centres a caption on each\n * slot and has no scale at all — the two only look alike. What the values are\n * captioned *as* is the chart's to decide; see {@link labelFor}.\n *\n * {@link enter} staggers the markers in **left-to-right**: each starts lifted a\n * little above its slot and transparent, then fades and slides down into place.\n */\nexport class HorizontalAxis extends Node2D<HorizontalAxisProps> {\n  @property({ default: () => [0, 1] as Range }) declare range: Range;\n  @property({ default: () => [] as number[] }) declare markers: number[];\n  @property({ default: DEFAULT_X_AXIS }) declare axis: AxisConfig;\n  @property({ default: \"\" }) declare label: string;\n\n  /**\n   * How a tick value is captioned. Defaults to the numeric formatting the\n   * vertical axis uses; a chart whose x column names months or categories\n   * replaces it (see `x-scale.ts`).\n   *\n   * A plain field rather than a `@property`, because it is a **policy, not a\n   * value**: there is nothing to tween between two formatters, and a signal\n   * holding a function is a signal every `set`/`to` on this node would have to\n   * know not to touch. Read inside each marker's `text` binding, so replacing it\n   * before the first frame is enough — which is when the chart does it.\n   */\n  labelFor: MarkerLabel = formatMarker;\n\n  /** One text node per marker, ordered left → right, for the staggered enter. */\n  private markerNodes: Text[] = [];\n  /** The caption node, or null when `label` is empty. */\n  private labelNode: Text | null = null;\n\n  /** The live tick values, left → right — re-read every frame, not snapshotted. */\n  private get sortedMarkers(): number[] {\n    return [...this.markers].sort((a, b) => a - b);\n  }\n\n  private valueAt(index: number): number | undefined {\n    return this.sortedMarkers[index];\n  }\n\n  /** Tick `i`'s fraction across the live `range`, 0 at the left edge. */\n  private fracAt(index: number): number {\n    const v = this.valueAt(index);\n    if (v === undefined) return 0;\n    const [min, max] = this.range;\n    return max <= min ? 0 : (v - min) / (max - min);\n  }\n\n  constructor(props?: NodeConfig<HorizontalAxis, HorizontalAxisProps>) {\n    super(props);\n\n    const tickPad = insetsOps.resolve(this.axis.tickPadding).top;\n    const titlePad = insetsOps.resolve(this.axis.titlePadding).top;\n\n    this.markerNodes = this.markers.map((_, i) => {\n      const marker: Text = new Text({\n        ...textOps.styleProps(this.axis.labelStyle),\n        text: () => {\n          const v = this.valueAt(i);\n          return v === undefined ? \"\" : this.labelFor(v);\n        },\n        x: () => {\n          const width = this.layoutBounds.width;\n          const centred = (this.fracAt(i) - 0.5) * width;\n          // Held inside the axis's right edge, which is also the *chart's*: the\n          // last marker is centred on the last grid line, so half of `2026-06`\n          // — or of `3300` — would be drawn outside the node's box and outside\n          // the rectangle the editor draws around it. Only the right edge is\n          // held, because the left one has the vertical axis's whole gutter\n          // beyond it, and a marker overhanging into that is inside the chart.\n          const limit = width / 2 - marker.layoutBounds.width / 2;\n          return Math.min(centred, limit);\n        },\n      });\n      return marker;\n    });\n\n    const children: Node2D[] = [\n      new Rect({\n        width: \"fill\",\n        height: \"hug\",\n        padding: { top: tickPad },\n        children: this.markerNodes,\n      }),\n    ];\n    if (this.label !== \"\") {\n      this.labelNode = new Text({\n        ...textOps.styleProps(this.axis.titleStyle),\n        text: this.label,\n      });\n      children.push(this.labelNode);\n    }\n\n    this.add(\n      new Rect({ flow: \"vertical\", gap: titlePad, height: \"hug\", width: \"fill\", children }),\n    );\n  }\n\n  /**\n   * Primes every marker (and the caption) at its pre-entrance state: lifted\n   * above its slot and transparent. Idempotent — see {@link VerticalAxis.arm}.\n   */\n  arm(slide = SLIDE): void {\n    for (const marker of this.markerNodes) marker.set({ opacity: 0, y: slide });\n    this.labelNode?.set({ opacity: 0, y: slide });\n  }\n\n  /**\n   * Stagger the markers in left to right, then slide the caption in after them.\n   *\n   * A {@link Seekable} rather than a generator. The offsets were always static —\n   * `i * step` per marker — but expressed as `wait` inside a generator they only\n   * existed while it ran, so knowing what the axis looked like partway through\n   * meant running it from zero. Placed explicitly, the same stagger can be asked\n   * for a time, which is what lets a chart scene scrub in constant time.\n   *\n   * `duration` is the **whole** entrance — see {@link VerticalAxis.enter} and\n   * {@link enterBudget}.\n   */\n  @command()\n  enter(\n    args: CommandArgs<{ stagger?: number; slide?: number }> & { duration: number },\n  ): Seekable {\n    const { stagger, slide = SLIDE } = args.data ?? {};\n    const duration = args.duration;\n    const easing = args.easing ?? easeOut();\n    const nodes = this.markerNodes;\n    if (nodes.length === 0) return compose([]);\n    const { step, per, caption } = enterBudget(\n      duration,\n      nodes.length,\n      this.labelNode !== null,\n      stagger,\n    );\n\n    this.arm(slide);\n\n    // Left marker leads: markerNodes is already left → right.\n    const markers = nodes.map((node, i) =>\n      at(i * step, node.to({ data: { opacity: 1, y: 0 }, duration: per, easing })),\n    );\n    const lastMarkerEnds = nodes.length === 0 ? 0 : (nodes.length - 1) * step + per;\n\n    return compose([\n      ...markers,\n      ...(this.labelNode\n        ? [at(lastMarkerEnds, this.labelNode.to({ data: { opacity: 1, y: 0 }, duration: caption, easing }))]\n        : []),\n    ]);\n  }\n}\n"]}

package/dist/line-chart/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The line chart: a cartesian plot with a traced polyline, spotlit regions and
+ * a staggered entrance.
+ *
+ * {@link LineChart} composes the parts below plus the shared ones in the kit
+ * (the plot panel, the value axis, the legend); each part is exported too, so
+ * another node type can reuse one on its own.
+ *
+ * These files are what `ms add line-chart` copies. Everything they reach for
+ * that is *not* here comes from the kit and stays a dependency — see
+ * `../engine.ts` for why that line is where it is.
+ */
+export { LineChart } from "./line-chart.js";
+export type { LineChartProps } from "./line-chart.js";
+export { ChartRegion } from "./chart-region.js";
+export { ChartLine } from "./chart-line.js";
+export { HorizontalAxis } from "./horizontal-axis.js";
+export { DEFAULT_CHART_THEME, EMPTY_REGION_BOX, clipPolylineToBox, hasRegion, lerpChartTheme, resolveChartTheme, resolveRegionBox, resolveYScale, seriesPoints, yExtent, } from "./shared.js";
+export type { ChartConfig, ChartTheme, LineSeries, PlotRegion, RegionBox, RegionConfig, } from "./shared.js";
+export { formatInstant, parseInstant, resolveXScale } from "./x-scale.js";
+export type { XScale, XScaleKind } from "./x-scale.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/line-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/line-chart/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,OAAO,GACR,MAAM,UAAU,CAAA;AACjB,YAAY,EACV,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACtE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA"}

package/dist/line-chart/index.js

@@ -0,0 +1,19 @@
+/**
+ * The line chart: a cartesian plot with a traced polyline, spotlit regions and
+ * a staggered entrance.
+ *
+ * {@link LineChart} composes the parts below plus the shared ones in the kit
+ * (the plot panel, the value axis, the legend); each part is exported too, so
+ * another node type can reuse one on its own.
+ *
+ * These files are what `ms add line-chart` copies. Everything they reach for
+ * that is *not* here comes from the kit and stays a dependency — see
+ * `../engine.ts` for why that line is where it is.
+ */
+export { LineChart } from "./line-chart.js";
+export { ChartRegion } from "./chart-region.js";
+export { ChartLine } from "./chart-line.js";
+export { HorizontalAxis } from "./horizontal-axis.js";
+export { DEFAULT_CHART_THEME, EMPTY_REGION_BOX, clipPolylineToBox, hasRegion, lerpChartTheme, resolveChartTheme, resolveRegionBox, resolveYScale, seriesPoints, yExtent, } from "./shared.js";
+export { formatInstant, parseInstant, resolveXScale } from "./x-scale.js";
+//# sourceMappingURL=index.js.map

package/dist/line-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/line-chart/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,OAAO,GACR,MAAM,UAAU,CAAA;AASjB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA","sourcesContent":["/**\n * The line chart: a cartesian plot with a traced polyline, spotlit regions and\n * a staggered entrance.\n *\n * {@link LineChart} composes the parts below plus the shared ones in the kit\n * (the plot panel, the value axis, the legend); each part is exported too, so\n * another node type can reuse one on its own.\n *\n * These files are what `ms add line-chart` copies. Everything they reach for\n * that is *not* here comes from the kit and stays a dependency — see\n * `../engine.ts` for why that line is where it is.\n */\nexport { LineChart } from \"./line-chart\"\nexport type { LineChartProps } from \"./line-chart\"\nexport { ChartRegion } from \"./chart-region\"\nexport { ChartLine } from \"./chart-line\"\nexport { HorizontalAxis } from \"./horizontal-axis\"\nexport {\n  DEFAULT_CHART_THEME,\n  EMPTY_REGION_BOX,\n  clipPolylineToBox,\n  hasRegion,\n  lerpChartTheme,\n  resolveChartTheme,\n  resolveRegionBox,\n  resolveYScale,\n  seriesPoints,\n  yExtent,\n} from \"./shared\"\nexport type {\n  ChartConfig,\n  ChartTheme,\n  LineSeries,\n  PlotRegion,\n  RegionBox,\n  RegionConfig,\n} from \"./shared\"\nexport { formatInstant, parseInstant, resolveXScale } from \"./x-scale\"\nexport type { XScale, XScaleKind } from \"./x-scale\"\n"]}