@motionscript/charts 0.1.0-alpha.0 → 0.1.0-alpha.5

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

@@ -1 +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"}
+{"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,mBAAmB,CAAC;AAE3B,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,KAAK,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAExE,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

@@ -4,9 +4,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { command, Node2D, Rect, Text, easeOut, property, insetsOps, textOps, } from "@motionscript/sdk";
 import { DEFAULT_X_AXIS, enterBudget, formatMarker, } from "../kit/shared.js";
-import { at, compose } from "@motionscript/core/component";
+import { at, compose } from "@motionscript/sdk/component";
 /** How far a marker starts above its slot when it enters, in px. */
 const SLIDE = 24;
 /**

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

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

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

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

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

@@ -1,7 +1,6 @@
-import { Node2D, type Command, type CommandArgs, type DataRecord, type NodeConfig, type Node2DProps } from "@motionscript/core";
+import { Node2D, type Command, type CommandArgs, type DataRecord, type NodeConfig, type Node2DProps } from "@motionscript/sdk";
 import { type AxisDomainConfig } from "../kit/shared.js";
 import { type ChartTheme, type LineSeries, type PlotRegion } from "./shared.js";
-import { type Seekable } from "@motionscript/core/component";
 export interface LineChartProps extends Node2DProps {
     /** One row per sample — a plain record of field name to value. */
     data: DataRecord[];
@@ -44,6 +43,11 @@ type RegionState = {
     region: PlotRegion | null;
     regionReveal: number;
 };
+/** The axis domains {@link LineChart.zoomTo} and {@link LineChart.resetZoom} move. */
+type AxisState = {
+    xAxis: AxisDomainConfig;
+    yAxis: AxisDomainConfig;
+};
 /**
  * A multi-series line chart, composed from five independent parts rather than
  * one monolithic draw:
@@ -64,7 +68,7 @@ type RegionState = {
  * exactly on their markers.
  *
  * **Resting state is the finished chart.** Unlike the standalone component this
- * was ported from, nothing is built hidden: the studio paints a node's Initial
+ * was ported from, nothing is built hidden: an editor paints a node's Initial
  * state on a paused canvas, and a chart that only appeared once a command had
  * run would be edited blind. {@link enter} arms every part back to its
  * pre-entrance state before animating, so the entrance itself is unchanged.
@@ -229,7 +233,7 @@ export declare class LineChart extends Node2D<LineChartProps> {
      */
     enter(args: CommandArgs<Record<string, never>> & {
         duration: number;
-    }): Seekable;
+    }): Command<Record<string, never>>;
     /**
      * Spotlight a rectangular slice of the plot given in **data units**: dashed
      * rules draw themselves onto each bounded edge while every series fades
@@ -300,14 +304,14 @@ export declare class LineChart extends Node2D<LineChartProps> {
         region: PlotRegion;
     }> & {
         duration?: number;
-    }): Seekable;
+    }): Command<AxisState>;
     /**
      * Pull back out to the domain the chart was authored with — the mirror of
      * {@link zoomTo}, and a no-op if it was never zoomed.
      */
     resetZoom(args?: CommandArgs<Record<string, never>> & {
         duration?: number;
-    }): Seekable;
+    }): Command<AxisState>;
     /**
      * Show series `index`: **trace** its line in left-to-right — the same draw as
      * {@link enter}, not an opacity fade — in lockstep with its legend entry
@@ -322,7 +326,7 @@ export declare class LineChart extends Node2D<LineChartProps> {
         seriesIndex: number;
     }> & {
         duration?: number;
-    }): Seekable;
+    }): Command<Record<string, never>>;
     /**
      * Hide series `index`: **retrace** its line back out (`progress` 1 → 0) as its
      * legend entry shrinks away — the mirror of {@link showSeries}.
@@ -331,7 +335,7 @@ export declare class LineChart extends Node2D<LineChartProps> {
         seriesIndex: number;
     }> & {
         duration?: number;
-    }): Seekable;
+    }): Command<Record<string, never>>;
     /**
      * Fade out all other series — each line **and its legend entry** — to focus
      * attention on `index`, which comes back to full. The legend dims in place
@@ -341,7 +345,19 @@ export declare class LineChart extends Node2D<LineChartProps> {
         seriesIndex: number;
     }> & {
         duration?: number;
-    }): Seekable;
+    }): Command<Record<string, never>>;
+    /**
+     * Move props to new values; a restated axis `range` or `ticks` tweens from the
+     * domain as drawn, so an auto axis (the default) rescales continuously instead
+     * of cutting at the midpoint of the move.
+     */
+    to<D extends Partial<LineChartProps> = Partial<LineChartProps>>(args: CommandArgs<D> & {
+        duration: number;
+    }): Command<LineChartProps>;
+    /** Both axes as drawn, so an auto range or tick row is read back as itself. */
+    private _domains;
+    /** From a resolved `from`: the axis tween steps an auto side at the midpoint, which is a cut. */
+    private _tweenAxes;
 }
 export {};
 //# sourceMappingURL=line-chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/line-chart/line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,MAAM,EAIN,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,WAAW,EAEjB,MAAM,oBAAoB,CAAA;AAM3B,OAAO,EAQL,KAAK,gBAAgB,EAEtB,MAAM,eAAe,CAAA;AAKtB,OAAO,EAQL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,UAAU,EAEhB,MAAM,UAAU,CAAA;AAEjB,OAAO,EAA0C,KAAK,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAEpG,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,kEAAkE;IAClE,IAAI,EAAE,UAAU,EAAE,CAAA;IAClB;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAA;IACd,oFAAoF;IACpF,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,oEAAoE;IACpE,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,oEAAoE;IACpE,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAuBD;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAA;AAYtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBAea,SAAU,SAAQ,MAAM,CAAC,cAAc,CAAC;IACuB,IAAI,EAAE,UAAU,EAAE,CAAA;IACzD,MAAM,EAAE,MAAM,CAAA;IACwB,MAAM,EAAE,UAAU,EAAE,CAAA;IAC7F;;;;;;;OAOG;IAMK,KAAK,EAAE,gBAAgB,CAAA;IAMvB,KAAK,EAAE,gBAAgB,CAAA;IAC/B;;;;;;OAMG;IAMK,KAAK,EAAE,UAAU,CAAA;IACzB;;;;;OAKG;IACkC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAA;IAC9D;;;;;;OAMG;IAC+B,YAAY,EAAE,MAAM,CAAA;IACtD;;;OAGG;IACqD,UAAU,EAAE,OAAO,CAAA;IAG3E,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,KAAK,CAAgB;IAC7B,6EAA6E;IAC7E,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,KAAK,CAAkB;IAE/B;;;;;;OAMG;IACH,OAAO,KAAK,aAAa,GAExB;IAID,iEAAiE;IACjE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAI;IAE3C;;;OAGG;IACH,OAAO,KAAK,OAAO,GAElB;IAED,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,KAAK,MAAM,GAOjB;IAED,8EAA8E;IAC9E,OAAO,KAAK,gBAAgB,GAK3B;IAED;;;;;;;OAOG;IACH,OAAO,KAAK,gBAAgB,GAK3B;IAID;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,QAAQ;IAKhB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAiBpB;;;;;OAKG;IACH;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,SAAS;gBAcL,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,EAAE,cAAc,CAAC;IAuJzD;;;;;;;OAOG;IACH,GAAG,IAAI,IAAI;IAOX;;;;;;;;;;;;;;;;OAgBG;IAEH,KAAK,CACH,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAC9D,QAAQ;IA2CX;;;;;;;;;;;;;;;;;OAiBG;IAaH,eAAe,CACb,IAAI,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,UAAU,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,GAChE,OAAO,CAAC,WAAW,CAAC;IAkCvB;;;;OAIG;IAEH,WAAW,CACT,IAAI,GAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAO,GACpE,OAAO,CAAC,WAAW,CAAC;IA2BvB;;;;;;OAMG;IACH,OAAO,CAAC,IAAI,CAA4D;IAExE;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,SAAS;IAKxB,uEAAuE;IACvE,OAAO,CAAC,MAAM,CAAC,IAAI;IAInB;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,OAAO;IAMtB;;;;;;;;;;;OAWG;IAaH,MAAM,CACJ,IAAI,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,UAAU,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,GAChE,QAAQ;IA6BX;;;OAGG;IAEH,SAAS,CACP,IAAI,GAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAO,GACpE,QAAQ;IAgBX;;;;;;;;;OASG;IAEH,UAAU,CACR,IAAI,EAAE,WAAW,CAAC;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,GACjE,QAAQ;IAaX;;;OAGG;IAEH,UAAU,CACR,IAAI,EAAE,WAAW,CAAC;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,GACjE,QAAQ;IAaX;;;;OAIG;IAEH,eAAe,CACb,IAAI,EAAE,WAAW,CAAC;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,GACjE,QAAQ;CAaZ"}
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/line-chart/line-chart.ts"],"names":[],"mappings":"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"}

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

@@ -5,19 +5,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var LineChart_1;
-import { command, node, Node2D, Rect, easeOut, property, } from "@motionscript/core";
+import { command, node, Node2D, Rect, easeOut, property, } from "@motionscript/sdk";
 import { ChartBorder } from "../kit/chart-border.js";
 import { ChartCanvas } from "../kit/chart-canvas.js";
 import { ChartLegend } from "../kit/chart-legend.js";
 import { VerticalAxis } from "../kit/vertical-axis.js";
-import { SPOTLIGHT_DIM, formatMarker, lerpAxisDomain, markerValues, resolveAxisDomain, resolveSeriesFill, resolveSeriesStroke, } from "../kit/shared.js";
-import { formatNumber } from "@motionscript/core/component";
+import { SPOTLIGHT_DIM, formatMarker, axisTweenTarget, lerpAxisDomain, markerStep, markerValues, resolveAxisDomain, resolveSeriesFill, resolveSeriesStroke, } from "../kit/shared.js";
 import { ChartLine } from "./chart-line.js";
 import { ChartRegion } from "./chart-region.js";
 import { HorizontalAxis } from "./horizontal-axis.js";
 import { DEFAULT_CHART_THEME, lerpChartTheme, resolveChartTheme, resolveRegionBox, resolveYScale, seriesPoints, } from "./shared.js";
 import { resolveXScale } from "./x-scale.js";
-import { hold, sequence as sequenceOf, together } from "@motionscript/core/component";
+import { asCommand, formatNumber, hold, sequence as sequenceOf, together } from "@motionscript/sdk/component";
 /**
  * Headroom above the plot, in px.
  *
@@ -65,7 +64,7 @@ const LEGEND_SHARE = 0.15;
  * exactly on their markers.
  *
  * **Resting state is the finished chart.** Unlike the standalone component this
- * was ported from, nothing is built hidden: the studio paints a node's Initial
+ * was ported from, nothing is built hidden: an editor paints a node's Initial
  * state on a paused canvas, and a chart that only appeared once a command had
  * run would be edited blind. {@link enter} arms every part back to its
  * pre-entrance state before animating, so the entrance itself is unchanged.
@@ -237,7 +236,7 @@ let LineChart = class LineChart extends Node2D {
         });
         // The y axis is always numbers, so its format is simply the pattern.
         this.vAxis.labelFor = (value) => this.yAxis.format === undefined
-            ? formatMarker(value)
+            ? formatMarker(value, markerStep(this.resolvedYMarkers))
             : formatNumber(value, this.yAxis.format);
         this.hAxis = new HorizontalAxis({
             range: () => this.xScale,
@@ -385,17 +384,21 @@ let LineChart = class LineChart extends Node2D {
         // own node (the axes, the lines, the legend), which is why these compose as
         // steppers rather than as merged props.
         const axes = together(this.vAxis.enter({ data: { slide: 24 }, duration: body * AXES_SHARE, easing }), this.hAxis.enter({ data: { slide: 24 }, duration: body * AXES_SHARE, easing }));
-        const lines = together(...this.lines.map((line) => line.enter({ duration: body * LINES_SHARE, easing })));
+        //
+        // A beat with nothing to do (a chart without a legend, or without series)
+        // still takes its share: the shares sum to the whole, and the beats after it
+        // land where they were laid out for.
+        const lines = together(hold(body * LINES_SHARE), ...this.lines.map((line) => line.enter({ duration: body * LINES_SHARE, easing })));
         const legend = this.legend
-            ? [this.legend.to({ data: { opacity: 1, y: 0 }, duration: body * LEGEND_SHARE, easing })]
-            : [];
-        const phases = sequenceOf(axes, lines, ...legend);
-        return revealing
+            ? this.legend.to({ data: { opacity: 1, y: 0 }, duration: body * LEGEND_SHARE, easing })
+            : hold(body * LEGEND_SHARE);
+        const phases = sequenceOf(axes, lines, legend);
+        return asCommand(revealing
             ? sequenceOf(phases, 
             // Typed to what it writes rather than to `LineChartProps`: `regionReveal`
             // is a signal of the chart's own, not part of its authored props.
             this.command((t) => ({ regionReveal: t }), duration * 0.25, easing))
-            : phases;
+            : phases, duration);
     }
     // ---- Region spotlight --------------------------------------------------
     /**
@@ -448,7 +451,7 @@ let LineChart = class LineChart extends Node2D {
         const easing = args.easing ?? easeOut();
         const from = this.regionReveal;
         if (from === 0) {
-            // Nothing to retract, but the call still takes its slot: in the studio a
+            // Nothing to retract, but the call still takes its slot: in an editor a
             // command's duration is what the timeline lays out and what parallel
             // siblings are timed against, so a no-op that took no frames would pull
             // everything after it forward. Same reason for `zoomTo`/`resetZoom` below.
@@ -508,28 +511,14 @@ let LineChart = class LineChart extends Node2D {
         const duration = args.duration ?? 0.8;
         const easing = args.easing ?? easeOut();
         if (!region.x && !region.y)
-            return hold(duration);
-        // Capture the resting domain *before* the first zoom moves it. Ticks are
-        // read through the resolved getters rather than off `xAxis`/`yAxis`, so an
-        // auto-derived tick row comes back as itself.
-        this.home ??= {
-            x: {
-                label: this.xAxis.label,
-                range: this.xScale,
-                ticks: this.resolvedXMarkers,
-            },
-            y: {
-                label: this.yAxis.label,
-                range: this.yScale,
-                ticks: this.resolvedYMarkers,
-            },
-        };
-        const next = {};
-        if (region.x)
-            next.xAxis = LineChart_1.rescale(region.x, this.resolvedXMarkers);
-        if (region.y)
-            next.yAxis = LineChart_1.rescale(region.y, this.resolvedYMarkers);
-        return this.to({ data: next, duration, easing });
+            return this.command(() => ({}), duration);
+        // Captured *before* the first zoom moves it.
+        const from = this._domains();
+        this.home ??= from;
+        return this._tweenAxes(from, {
+            ...(region.x && { x: { ...from.x, ...LineChart_1.rescale(region.x, from.x.ticks) } }),
+            ...(region.y && { y: { ...from.y, ...LineChart_1.rescale(region.y, from.y.ticks) } }),
+        }, duration, easing);
     }
     /**
      * Pull back out to the domain the chart was authored with — the mirror of
@@ -540,13 +529,13 @@ let LineChart = class LineChart extends Node2D {
         const easing = args.easing ?? easeOut();
         const home = this.home;
         if (!home)
-            return hold(duration);
+            return this.command(() => ({}), duration);
         // Cleared here rather than once the move lands. Nothing reads `home` while
         // it runs, and a value has no "after" to clear it in — what matters is that
         // the *next* `zoomTo` captures wherever the chart genuinely rests by then,
         // and both this and its capture happen as the command list is walked.
         this.home = null;
-        return this.to({ data: { xAxis: home.x, yAxis: home.y }, duration, easing });
+        return this._tweenAxes(this._domains(), home, duration, easing);
     }
     // ---- Per-series -------------------------------------------------------
     /**
@@ -565,8 +554,8 @@ let LineChart = class LineChart extends Node2D {
         const easing = args.easing ?? easeOut();
         const line = this.lines[index];
         if (!line)
-            return hold(duration);
-        return together(line.enterFrom(0, duration, easing), ...(this.legend ? [this.legend.showSeries({ data: { index }, duration, easing })] : []));
+            return asCommand(hold(duration));
+        return asCommand(together(line.enterFrom(0, duration, easing), ...(this.legend ? [this.legend.showSeries({ data: { index }, duration, easing })] : [])), duration);
     }
     /**
      * Hide series `index`: **retrace** its line back out (`progress` 1 → 0) as its
@@ -578,8 +567,8 @@ let LineChart = class LineChart extends Node2D {
         const easing = args.easing ?? easeOut();
         const line = this.lines[index];
         if (!line)
-            return hold(duration);
-        return together(line.enterFrom(1, duration, easing, 0), ...(this.legend ? [this.legend.hideSeries({ data: { index }, duration, easing })] : []));
+            return asCommand(hold(duration));
+        return asCommand(together(line.enterFrom(1, duration, easing, 0), ...(this.legend ? [this.legend.hideSeries({ data: { index }, duration, easing })] : [])), duration);
     }
     /**
      * Fade out all other series — each line **and its legend entry** — to focus
@@ -590,9 +579,43 @@ let LineChart = class LineChart extends Node2D {
         const index = args.data?.seriesIndex ?? 0;
         const duration = args.duration ?? 0.35;
         const easing = args.easing ?? easeOut();
-        return together(...this.lines.map((line, i) => line.to({ data: { opacity: i === index ? 1 : SPOTLIGHT_DIM }, duration, easing })), ...(this.legend
+        return asCommand(together(...this.lines.map((line, i) => line.to({ data: { opacity: i === index ? 1 : SPOTLIGHT_DIM }, duration, easing })), ...(this.legend
             ? [this.legend.spotlightSeries({ data: { index }, duration, easing })]
-            : []));
+            : [])), duration);
+    }
+    /**
+     * Move props to new values; a restated axis `range` or `ticks` tweens from the
+     * domain as drawn, so an auto axis (the default) rescales continuously instead
+     * of cutting at the midpoint of the move.
+     */
+    to(args) {
+        const data = (args.data ?? {});
+        const drawn = this._domains();
+        const x = axisTweenTarget(drawn.x, data.xAxis);
+        const y = axisTweenTarget(drawn.y, data.yAxis);
+        if (!x && !y)
+            return super.to(args);
+        const { xAxis, yAxis, ...rest } = data;
+        const axes = this._tweenAxes(drawn, { ...(x && { x }), ...(y && { y }) }, args.duration, args.easing ?? easeOut());
+        // An axis that only restated its caption or format still takes the plain tween.
+        const remaining = { ...rest, ...(!x && xAxis && { xAxis }), ...(!y && yAxis && { yAxis }) };
+        if (Object.keys(remaining).length === 0)
+            return axes;
+        return asCommand(together(super.to({ ...args, data: remaining }), axes), args.duration);
+    }
+    /** Both axes as drawn, so an auto range or tick row is read back as itself. */
+    _domains() {
+        return {
+            x: { ...this.xAxis, range: this.xScale, ticks: this.resolvedXMarkers },
+            y: { ...this.yAxis, range: this.yScale, ticks: this.resolvedYMarkers },
+        };
+    }
+    /** From a resolved `from`: the axis tween steps an auto side at the midpoint, which is a cut. */
+    _tweenAxes(from, to, duration, easing) {
+        return this.command((t) => ({
+            ...(to.x && { xAxis: lerpAxisDomain(from.x, to.x, t) }),
+            ...(to.y && { yAxis: lerpAxisDomain(from.y, to.y, t) }),
+        }), duration, easing);
     }
 };
 __decorate([