@motionscript/charts 0.1.0-alpha.6 → 0.1.0-alpha.8

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

@@ -15,7 +15,7 @@ const SLIDE = 24;
  * `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 HorizontalAxisProps.captions}.
+ * captioned *as* is the chart's to decide, in `captions`.
  *
  * `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.
@@ -23,10 +23,19 @@ const SLIDE = 24;
 export const HorizontalAxis = component2d({
     key: "horizontalAxis",
     state: {
+        /** `[min, max]` of the horizontal scale the markers are positioned within. */
         range: fresh(() => [0, 1]),
+        /** Tick values (in data units) to draw along the axis. */
         markers: fresh(() => []),
+        /**
+         * How each marker is captioned, one per entry of `markers` and in its order.
+         * Empty (the default), or short, captions a marker with its bare numeric
+         * reading; a chart whose x column names months or categories writes those.
+         */
         captions: fresh(() => []),
+        /** Marker/caption text style, grid stroke, and gutters — see {@link AxisConfig}. */
         axis: Types.custom(DEFAULT_X_AXIS),
+        /** Caption drawn centred in the gutter beneath the marker row; empty (the default) hides it. */
         label: "",
         arrivals: arrivalsEntry(),
     },

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 {\r\n  Rect,\r\n  Text,\r\n  Types,\r\n  component2d,\r\n  insetsOps,\r\n  textOps,\r\n  type NodeOf,\r\n  type Node2D,\r\n  type Node2DProps,\r\n} from \"@motionscript/sdk\";\r\n\r\nimport { asParts, fresh } from \"../kit/entries\";\r\nimport { armed, arrival, arrivalOf, arrivalsEntry, beats, frameEase, type Arrival } from \"../kit/motion\";\r\nimport {\r\n  DEFAULT_X_AXIS,\r\n  enterBudget,\r\n  type AxisConfig,\r\n  type Range,\r\n} from \"../kit/shared\";\r\nimport { markerCaption } from \"../kit/vertical-axis\";\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  /**\r\n   * How each marker is captioned, one per entry of `markers` and in its order.\r\n   * Empty (the default), or short, captions a marker with its bare numeric\r\n   * reading; a chart whose x column names months or categories writes those.\r\n   */\r\n  captions: string[];\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 HorizontalAxisProps.captions}. */\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 HorizontalAxisProps.captions}.\r\n *\r\n * `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 const HorizontalAxis = component2d({\r\n  key: \"horizontalAxis\",\r\n  state: {\r\n    range: fresh<Range>(() => [0, 1]),\r\n    markers: fresh<number[]>(() => []),\r\n    captions: fresh<string[]>(() => []),\r\n    axis: Types.custom<AxisConfig>(DEFAULT_X_AXIS),\r\n    label: \"\",\r\n    arrivals: arrivalsEntry(),\r\n  },\r\n  // A plain node filled its parent; one made of its markers would hug them.\r\n  defaults: { width: \"fill\", height: \"fill\" },\r\n  children: (state) => {\r\n    const tickPad = insetsOps.resolve(state.axis.tickPadding).top;\r\n    const titlePad = insetsOps.resolve(state.axis.titlePadding).top;\r\n\r\n    const column: Node2D[] = [];\r\n    // The column's parent is the axis: its box is what the markers are placed in.\r\n    const box = () => (column[0]?.parent as Node2D | null | undefined)?.layoutBounds ?? { width: 0, height: 0 };\r\n    /** The live tick values, left → right — re-read every frame, not snapshotted. */\r\n    const sorted = () => [...state.markers].sort((a, b) => a - b);\r\n    /** Tick `i`'s fraction across the live `range`, 0 at the left edge. */\r\n    const fracAt = (value: number | undefined) => {\r\n      if (value === undefined) return 0;\r\n      const [min, max] = state.range;\r\n      return max <= min ? 0 : (value - min) / (max - min);\r\n    };\r\n\r\n    const markers = state.markers.map((_, i) => {\r\n      const marker: Node2D = new Text({\r\n        ...textOps.styleProps(state.axis.labelStyle),\r\n        text: () => {\r\n          const value = sorted()[i];\r\n          return value === undefined ? \"\" : markerCaption(state, value);\r\n        },\r\n        x: () => {\r\n          const width = box().width;\r\n          const centred = (fracAt(sorted()[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        opacity: () => arrivalOf(state.arrivals, i).opacity,\r\n        y: () => arrivalOf(state.arrivals, i).shift,\r\n      });\r\n      return marker;\r\n    });\r\n\r\n    const children: Node2D[] = [\r\n      new Rect({ width: \"fill\", height: \"hug\", padding: { top: tickPad }, children: markers }),\r\n    ];\r\n    if (state.label !== \"\") {\r\n      children.push(\r\n        new Text({\r\n          ...textOps.styleProps(state.axis.titleStyle),\r\n          text: state.label,\r\n          opacity: () => arrivalOf(state.arrivals, \"label\").opacity,\r\n          y: () => arrivalOf(state.arrivals, \"label\").shift,\r\n        }),\r\n      );\r\n    }\r\n\r\n    column.push(new Rect({ flow: \"vertical\", gap: titlePad, height: \"hug\", width: \"fill\", children }));\r\n    return asParts(column);\r\n  },\r\n  commands: {\r\n    /**\r\n     * Stagger the markers in left to right, then slide the caption in after\r\n     * them. Its first frame arms them all: lifted by `slide` and transparent.\r\n     *\r\n     * The timeline's duration is the **whole** entrance — see\r\n     * `VerticalAxis.enter` and {@link enterBudget}.\r\n     */\r\n    enter: {\r\n      args: {\r\n        stagger: Types.custom<number | undefined>(undefined),\r\n        slide: Types.number(SLIDE),\r\n      },\r\n      run: (timeline, state) => {\r\n        const { stagger, slide } = timeline.args;\r\n        const count = state.markers.length;\r\n        const captioned = state.label !== \"\";\r\n        const from: Arrival = { opacity: 0, shift: slide };\r\n        const keys = [...state.markers.keys(), ...(captioned ? [\"label\"] : [])];\r\n        const arm = timeline.animate(() => ({ arrivals: armed(keys, from) }));\r\n        if (count === 0) return arm;\r\n        const { step, per, caption } = enterBudget(timeline.duration, count, captioned, stagger);\r\n        const ease = frameEase(timeline);\r\n        // Left marker leads: the row is already left → right.\r\n        const markers = state.markers.map((_, i) => ({ at: i * step, duration: per, piece: arrival(timeline, i, from, ease) }));\r\n        const label = captioned ? [{ at: (count - 1) * step + per, duration: caption, piece: arrival(timeline, \"label\", from, ease) }] : [];\r\n        return timeline.together([arm, beats(timeline, [...markers, ...label])]);\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport type HorizontalAxis = NodeOf<typeof HorizontalAxis>;\r\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  Rect,\r\n  Text,\r\n  Types,\r\n  component2d,\r\n  insetsOps,\r\n  textOps,\r\n  type NodeOf,\r\n  type Node2D,\r\n} from \"@motionscript/sdk\";\r\n\r\nimport { asParts, fresh } from \"../kit/entries\";\r\nimport { armed, arrival, arrivalOf, arrivalsEntry, beats, frameEase, type Arrival } from \"../kit/motion\";\r\nimport {\r\n  DEFAULT_X_AXIS,\r\n  enterBudget,\r\n  type AxisConfig,\r\n  type Range,\r\n} from \"../kit/shared\";\r\nimport { markerCaption } from \"../kit/vertical-axis\";\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/**\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, in `captions`.\r\n *\r\n * `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 const HorizontalAxis = component2d({\r\n  key: \"horizontalAxis\",\r\n  state: {\r\n    /** `[min, max]` of the horizontal scale the markers are positioned within. */\r\n    range: fresh<Range>(() => [0, 1]),\r\n    /** Tick values (in data units) to draw along the axis. */\r\n    markers: fresh<number[]>(() => []),\r\n    /**\r\n     * How each marker is captioned, one per entry of `markers` and in its order.\r\n     * Empty (the default), or short, captions a marker with its bare numeric\r\n     * reading; a chart whose x column names months or categories writes those.\r\n     */\r\n    captions: fresh<string[]>(() => []),\r\n    /** Marker/caption text style, grid stroke, and gutters — see {@link AxisConfig}. */\r\n    axis: Types.custom<AxisConfig>(DEFAULT_X_AXIS),\r\n    /** Caption drawn centred in the gutter beneath the marker row; empty (the default) hides it. */\r\n    label: \"\",\r\n    arrivals: arrivalsEntry(),\r\n  },\r\n  // A plain node filled its parent; one made of its markers would hug them.\r\n  defaults: { width: \"fill\", height: \"fill\" },\r\n  children: (state) => {\r\n    const tickPad = insetsOps.resolve(state.axis.tickPadding).top;\r\n    const titlePad = insetsOps.resolve(state.axis.titlePadding).top;\r\n\r\n    const column: Node2D[] = [];\r\n    // The column's parent is the axis: its box is what the markers are placed in.\r\n    const box = () => (column[0]?.parent as Node2D | null | undefined)?.layoutBounds ?? { width: 0, height: 0 };\r\n    /** The live tick values, left → right — re-read every frame, not snapshotted. */\r\n    const sorted = () => [...state.markers].sort((a, b) => a - b);\r\n    /** Tick `i`'s fraction across the live `range`, 0 at the left edge. */\r\n    const fracAt = (value: number | undefined) => {\r\n      if (value === undefined) return 0;\r\n      const [min, max] = state.range;\r\n      return max <= min ? 0 : (value - min) / (max - min);\r\n    };\r\n\r\n    const markers = state.markers.map((_, i) => {\r\n      const marker: Node2D = new Text({\r\n        ...textOps.styleProps(state.axis.labelStyle),\r\n        text: () => {\r\n          const value = sorted()[i];\r\n          return value === undefined ? \"\" : markerCaption(state, value);\r\n        },\r\n        x: () => {\r\n          const width = box().width;\r\n          const centred = (fracAt(sorted()[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        opacity: () => arrivalOf(state.arrivals, i).opacity,\r\n        y: () => arrivalOf(state.arrivals, i).shift,\r\n      });\r\n      return marker;\r\n    });\r\n\r\n    const children: Node2D[] = [\r\n      new Rect({ width: \"fill\", height: \"hug\", padding: { top: tickPad }, children: markers }),\r\n    ];\r\n    if (state.label !== \"\") {\r\n      children.push(\r\n        new Text({\r\n          ...textOps.styleProps(state.axis.titleStyle),\r\n          text: state.label,\r\n          opacity: () => arrivalOf(state.arrivals, \"label\").opacity,\r\n          y: () => arrivalOf(state.arrivals, \"label\").shift,\r\n        }),\r\n      );\r\n    }\r\n\r\n    column.push(new Rect({ flow: \"vertical\", gap: titlePad, height: \"hug\", width: \"fill\", children }));\r\n    return asParts(column);\r\n  },\r\n  commands: {\r\n    /**\r\n     * Stagger the markers in left to right, then slide the caption in after\r\n     * them. Its first frame arms them all: lifted by `slide` and transparent.\r\n     *\r\n     * The timeline's duration is the **whole** entrance — see\r\n     * `VerticalAxis.enter` and {@link enterBudget}.\r\n     */\r\n    enter: {\r\n      args: {\r\n        stagger: Types.custom<number | undefined>(undefined),\r\n        slide: Types.number(SLIDE),\r\n      },\r\n      run: (timeline, state) => {\r\n        const { stagger, slide } = timeline.args;\r\n        const count = state.markers.length;\r\n        const captioned = state.label !== \"\";\r\n        const from: Arrival = { opacity: 0, shift: slide };\r\n        const keys = [...state.markers.keys(), ...(captioned ? [\"label\"] : [])];\r\n        const arm = timeline.animate(() => ({ arrivals: armed(keys, from) }));\r\n        if (count === 0) return arm;\r\n        const { step, per, caption } = enterBudget(timeline.duration, count, captioned, stagger);\r\n        const ease = frameEase(timeline);\r\n        // Left marker leads: the row is already left → right.\r\n        const markers = state.markers.map((_, i) => ({ at: i * step, duration: per, piece: arrival(timeline, i, from, ease) }));\r\n        const label = captioned ? [{ at: (count - 1) * step + per, duration: caption, piece: arrival(timeline, \"label\", from, ease) }] : [];\r\n        return timeline.together([arm, beats(timeline, [...markers, ...label])]);\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport type HorizontalAxis = NodeOf<typeof HorizontalAxis>;\r\n"]}

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

@@ -124,7 +124,7 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
     readonly spotlightSeries: {
         readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
     };
-}, null, Node2D<Node2DProps>, import("@motionscript/sdk").CallProps<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+}, readonly [], Node2D<Node2DProps>, import("@motionscript/sdk").CallProps<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
     readonly data: import("@motionscript/sdk").Type<DataRecord[], DataRecord[], false>;
     readonly xField: "";
     readonly series: import("@motionscript/sdk").Type<import("../index.js").ChartSeries[], import("../index.js").ChartSeries[], false>;
@@ -150,6 +150,51 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
      * remembers wherever the chart rests then.
      */
     readonly home: import("@motionscript/sdk").Type<LineChartDomains | null, LineChartDomains | null, false>;
-}>, null>>;
+}>, readonly [], import("@motionscript/sdk").BuiltNode<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly data: import("@motionscript/sdk").Type<DataRecord[], DataRecord[], false>;
+    readonly xField: "";
+    readonly series: import("@motionscript/sdk").Type<import("../index.js").ChartSeries[], import("../index.js").ChartSeries[], false>;
+    readonly xAxis: import("@motionscript/sdk").Type<AxisDomainConfig, AxisDomainConfig, false>;
+    readonly yAxis: import("@motionscript/sdk").Type<AxisDomainConfig, AxisDomainConfig, false>;
+    readonly theme: import("@motionscript/sdk").Type<ChartTheme, ChartConfig, false>;
+    /**
+     * The spotlit slice of the plot in data units, or `null` for none. The box
+     * snaps; the animation is {@link regionReveal} drawing the rules on.
+     */
+    readonly region: import("@motionscript/sdk").Type<PlotRegion | null, PlotRegion | null, false>;
+    /**
+     * How far the `region` call-out is drawn in, `[0, 1]`: the rules grow out and
+     * the wash fades up as it climbs, while every line's out-of-region stretch
+     * fades to the theme's `region.dimOpacity`.
+     */
+    readonly regionReveal: 0;
+    /** Read as the chart is built: the legend is a part the chart builds or doesn't. */
+    readonly showLegend: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    /**
+     * The domain `zoomTo` first left, so `resetZoom` restores the chart as it
+     * stood, auto-derived ticks included. Cleared by `resetZoom`, so the next zoom
+     * remembers wherever the chart rests then.
+     */
+    readonly home: import("@motionscript/sdk").Type<LineChartDomains | null, LineChartDomains | null, false>;
+}>, {
+    readonly enter: {};
+    readonly spotlightRegion: {
+        readonly region: import("@motionscript/sdk").Type<PlotRegion | undefined, PlotRegion | undefined, false>;
+    };
+    readonly clearRegion: {};
+    readonly zoomTo: {
+        readonly region: import("@motionscript/sdk").Type<PlotRegion | undefined, PlotRegion | undefined, false>;
+    };
+    readonly resetZoom: {};
+    readonly showSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly hideSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly spotlightSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+}, Node2D<Node2DProps>>>>;
 export type LineChart = NodeOf<typeof LineChart>;
 //# 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,EAML,KAAK,UAAU,EAEf,KAAK,MAAM,EAEX,KAAK,MAAM,EACX,KAAK,WAAW,EAIjB,MAAM,mBAAmB,CAAA;AAU1B,OAAO,EAWL,KAAK,gBAAgB,EACrB,KAAK,KAAK,EACX,MAAM,eAAe,CAAA;AAItB,OAAO,EAOL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,UAAU,EAEhB,MAAM,UAAU,CAAA;AAGjB,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;AAED,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,CAAC,EAAE,gBAAgB,GAAG;QAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAClF,QAAQ,CAAC,CAAC,EAAE,gBAAgB,GAAG;QAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;CACnF;AAED,uDAAuD;AACvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;CACjC;AAsED,+FAA+F;AAC/F,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,eAAe,GAAG,gBAAgB,CAKrE;AAoGD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS;;;;;;;IASlB;;;OAGG;;IAEH;;;;OAIG;;IAEH,oFAAoF;;IAEpF;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAjBH;;;OAGG;;IAEH;;;;OAIG;;IAEH,oFAAoF;;IAEpF;;;;OAIG;;UA4PL,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,SAAS,CAAC,CAAA"}
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/line-chart/line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,UAAU,EAEf,KAAK,MAAM,EAEX,KAAK,MAAM,EACX,KAAK,WAAW,EAIjB,MAAM,mBAAmB,CAAA;AAU1B,OAAO,EAWL,KAAK,gBAAgB,EACrB,KAAK,KAAK,EACX,MAAM,eAAe,CAAA;AAItB,OAAO,EAOL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,UAAU,EAEhB,MAAM,UAAU,CAAA;AAGjB,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;AAED,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,CAAC,EAAE,gBAAgB,GAAG;QAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAClF,QAAQ,CAAC,CAAC,EAAE,gBAAgB,GAAG;QAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;CACnF;AAED,uDAAuD;AACvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;CACjC;AA4ED,+FAA+F;AAC/F,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,eAAe,GAAG,gBAAgB,CAYrE;AAoGD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS;;;;;;;IASlB;;;OAGG;;IAEH;;;;OAIG;;IAEH,oFAAoF;;IAEpF;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAjBH;;;OAGG;;IAEH;;;;OAIG;;IAEH,oFAAoF;;IAEpF;;;;OAIG;;;;;;;;;IAjBH;;;OAGG;;IAEH;;;;OAIG;;IAEH,oFAAoF;;IAEpF;;;;OAIG;;;;;;;;;;;;;;;;;;;;;yBA4PL,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,SAAS,CAAC,CAAA"}

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

@@ -65,12 +65,21 @@ function drawnY(s, domain) {
     const range = resolveYScale(s.data, s.series, domain.range, divisions);
     return { ...domain, range, ticks: domain.ticks ?? markerValues(range, DEFAULT_MARKERS - 1) };
 }
+/** The last domains worked out from each data array, and what else they were read from. */
+const domainsDrawn = new WeakMap();
 /** Both axes as a line chart draws them now, an auto range or tick row read back as itself. */
 export function lineChartDomains(s) {
-    return {
-        x: settleAxisDomain(s.xAxis, (d) => drawnX(s, d)),
-        y: settleAxisDomain(s.yAxis, (d) => drawnY(s, d)),
+    const { data, xField, xAxis, yAxis, series } = s;
+    const kept = domainsDrawn.get(data);
+    if (kept && kept.xField === xField && kept.xAxis === xAxis && kept.yAxis === yAxis && kept.series === series) {
+        return kept.domains;
+    }
+    const domains = {
+        x: settleAxisDomain(xAxis, (d) => drawnX(s, d)),
+        y: settleAxisDomain(yAxis, (d) => drawnY(s, d)),
     };
+    domainsDrawn.set(data, { xField, xAxis, yAxis, series, domains });
+    return domains;
 }
 /**
  * Map one series' data points into the plot's **centred** pixel space (origin at
@@ -222,6 +231,7 @@ export const LineChart = component2d({
     },
     // Its parts fill it; a node made of them would hug them.
     defaults: { width: "fill", height: "fill" },
+    allowedChildren: [],
     children: (state) => {
         const theme = () => state.theme;
         const domains = () => lineChartDomains(state);
@@ -317,10 +327,7 @@ export const LineChart = component2d({
             width: "hug",
             height: 0,
         });
-        return asParts([
-            ...state.children,
-            cartesianFrame({ axis: vAxis, plot, gutter, below }),
-        ]);
+        return asParts([cartesianFrame({ axis: vAxis, plot, gutter, below })]);
     },
     commands: {
         /**
@@ -334,6 +341,8 @@ export const LineChart = component2d({
          */
         enter: {
             args: {},
+            // Held from the chart's arrival, so it never shows finished ahead of its draw.
+            entrance: true,
             easing: easeOut(),
             run: (timeline, state, children) => {
                 const parts = partsOf(children);

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

@@ -1 +1 @@
-{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../src/line-chart/line-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  Rect,\r\n  Types,\r\n  component2d,\r\n  easeOut,\r\n  type ChildView,\r\n  type DataRecord,\r\n  type EntryOptions,\r\n  type NodeOf,\r\n  // Named so this component's emitted type reaches `Node2D` through the sdk, not core.\r\n  type Node2D,\r\n  type Node2DProps,\r\n  type Size2D,\r\n  type Timeline,\r\n  type Vector2,\r\n} from \"@motionscript/sdk\"\r\nimport { formatNumber } from \"@motionscript/sdk/component\"\r\n\r\nimport { cartesianFrame, cartesianViews, laidOutSize } from \"../kit/cartesian\"\r\nimport { ChartBorder } from \"../kit/chart-border\"\r\nimport { ChartCanvas } from \"../kit/chart-canvas\"\r\nimport { ChartLegend } from \"../kit/chart-legend\"\r\nimport { asParts, fresh } from \"../kit/entries\"\r\nimport { beats, type Beat } from \"../kit/motion\"\r\nimport { VerticalAxis } from \"../kit/vertical-axis\"\r\nimport {\r\n  SPOTLIGHT_DIM,\r\n  formatMarker,\r\n  lerpAxisDomain,\r\n  lerpAxisEntry,\r\n  markerStep,\r\n  markerValues,\r\n  resolveAxisDomain,\r\n  resolveSeriesFill,\r\n  resolveSeriesStroke,\r\n  settleAxisDomain,\r\n  type AxisDomainConfig,\r\n  type Range,\r\n} from \"../kit/shared\"\r\nimport { ChartLine } from \"./chart-line\"\r\nimport { ChartRegion } from \"./chart-region\"\r\nimport { HorizontalAxis } from \"./horizontal-axis\"\r\nimport {\r\n  DEFAULT_CHART_THEME,\r\n  lerpChartTheme,\r\n  resolveChartTheme,\r\n  resolveRegionBox,\r\n  resolveYScale,\r\n  seriesPoints,\r\n  type ChartConfig,\r\n  type ChartTheme,\r\n  type LineSeries,\r\n  type PlotRegion,\r\n  type RegionBox,\r\n} from \"./shared\"\r\nimport { resolveXScale, type XScale } from \"./x-scale\"\r\n\r\nexport interface LineChartProps extends Node2DProps {\r\n  /** One row per sample — a plain record of field name to value. */\r\n  data: DataRecord[]\r\n  /**\r\n   * Key into each row for its x value, shared by every series. Named `xField`\r\n   * rather than `x` because every node already has an `x` — its position.\r\n   */\r\n  xField: string\r\n  /** One polyline per entry: which field it plots, its legend `label`, its `fill`. */\r\n  series: LineSeries[]\r\n  /** X-axis data domain: caption, scale range, and tick placement. */\r\n  xAxis?: AxisDomainConfig\r\n  /** Y-axis data domain: caption, scale range, and tick placement. */\r\n  yAxis?: AxisDomainConfig\r\n  /**\r\n   * A slice of the plot to spotlight, in **data units**. Dashed rules mark the\r\n   * bounded edges and every series fades outside the box — see\r\n   * `spotlightRegion`, which animates the same thing. `null` (the default) is no\r\n   * region.\r\n   */\r\n  region?: PlotRegion | null\r\n  /**\r\n   * The chart's visual theme — series palette, axis text/grid/gutters, plot\r\n   * panel paint, and legend styling. Every branch is optional and deep-merged\r\n   * onto {@link DEFAULT_CHART_THEME}, so pass only what you want to override.\r\n   */\r\n  theme?: ChartTheme\r\n  /** Whether the legend row below the plot is drawn at all. */\r\n  showLegend?: boolean\r\n}\r\n\r\n/** Both axes' domains with their ranges and ticks resolved. */\r\nexport interface LineChartDomains {\r\n  readonly x: AxisDomainConfig & { readonly range: Range; readonly ticks: number[] }\r\n  readonly y: AxisDomainConfig & { readonly range: Range; readonly ticks: number[] }\r\n}\r\n\r\n/** What a line chart plots, as its entries hold it. */\r\nexport interface LineChartValues {\r\n  readonly data: DataRecord[]\r\n  readonly xField: string\r\n  readonly series: LineSeries[]\r\n  readonly xAxis: AxisDomainConfig\r\n  readonly yAxis: AxisDomainConfig\r\n}\r\n\r\n/**\r\n * The argument every per-series command takes: an index into `series`. Its own\r\n * kind rather than `number` so a host can offer the series by name.\r\n */\r\nconst SERIES_ARG = Types.custom<number, number, EntryOptions & { readonly min: number; readonly step: number }>(0, { kind: \"series\", min: 0, step: 1 })\r\n\r\n/** One argument, two controls: the commands take a `PlotRegion`, so the x and y spans a host draws are declared inside it. */\r\nconst REGION_ARG = Types.custom<PlotRegion | undefined>(undefined, {\r\n  kind: \"region\",\r\n  properties: {\r\n    x: { kind: \"range\", default: true, defaultMin: 0, defaultMax: 100 },\r\n    y: { kind: \"range\", default: false, defaultMin: 0, defaultMax: 100 },\r\n  },\r\n})\r\n\r\n/** How far the legend starts below its slot when it enters, in px. */\r\nconst LEGEND_SLIDE = 20\r\n\r\n/** Fallback marker count when neither axis's ticks are given. */\r\nconst DEFAULT_MARKERS = 5\r\n\r\n/**\r\n * How `enter` divides its duration between its three beats: the axes arriving,\r\n * the lines tracing, and the legend coming up. Shares of the whole, so they must\r\n * sum to 1 — the entrance takes exactly the time it was given.\r\n */\r\nconst AXES_SHARE = 0.35\r\nconst LINES_SHARE = 0.5\r\nconst LEGEND_SHARE = 0.15\r\n\r\n/** What the chart's own commands read: its entries, and the private `home` a zoom remembers. */\r\ninterface LineState extends LineChartValues {\r\n  readonly theme: ChartConfig\r\n  readonly region: PlotRegion | null\r\n  readonly regionReveal: number\r\n  readonly home: LineChartDomains | null\r\n}\r\n\r\n/**\r\n * What the x column *is* — a number, an instant, or a place in the file — and\r\n * with it how each row is positioned, ticked and captioned. See `x-scale.ts`.\r\n */\r\nfunction columnOf(s: LineChartValues, format = s.xAxis.format): XScale {\r\n  return resolveXScale(s.data, s.xField, format)\r\n}\r\n\r\n/**\r\n * The horizontal axis with its range and ticks resolved: the explicit ones, else\r\n * the column's extent and five ticks across it, asked of the column because only\r\n * a numeric one has round numbers between its samples.\r\n */\r\nfunction drawnX(s: LineChartValues, domain: AxisDomainConfig): AxisDomainConfig {\r\n  const column = columnOf(s, domain.format)\r\n  const range = domain.range ?? column.extent\r\n  return { ...domain, range, ticks: domain.ticks ?? column.ticks(range, DEFAULT_MARKERS - 1) }\r\n}\r\n\r\n/**\r\n * The vertical axis with its range and ticks resolved. Auto-ranging steps into\r\n * one fewer segment than the intended marker count, so the tidy bounds frame the\r\n * ticks the axis draws.\r\n */\r\nfunction drawnY(s: LineChartValues, domain: AxisDomainConfig): AxisDomainConfig {\r\n  const divisions = (domain.ticks?.length ?? DEFAULT_MARKERS) - 1\r\n  const range = resolveYScale(s.data, s.series, domain.range, divisions)\r\n  return { ...domain, range, ticks: domain.ticks ?? markerValues(range, DEFAULT_MARKERS - 1) }\r\n}\r\n\r\n/** Both axes as a line chart draws them now, an auto range or tick row read back as itself. */\r\nexport function lineChartDomains(s: LineChartValues): LineChartDomains {\r\n  return {\r\n    x: settleAxisDomain(s.xAxis, (d) => drawnX(s, d)) as LineChartDomains[\"x\"],\r\n    y: settleAxisDomain(s.yAxis, (d) => drawnY(s, d)) as LineChartDomains[\"y\"],\r\n  }\r\n}\r\n\r\n/**\r\n * Map one series' data points into the plot's **centred** pixel space (origin at\r\n * the plot centre, y-up): x runs `[-w/2, +w/2]`, y runs `[-h/2, +h/2]`.\r\n */\r\nfunction seriesPixels(s: LineChartValues, domains: LineChartDomains, index: number, plot: Size2D): Vector2[] {\r\n  const series = s.series[index]\r\n  if (!series) return []\r\n  const points = seriesPoints(s.data, columnOf(s), series)\r\n  if (points.length === 0) return []\r\n  const { width: w, height: h } = plot\r\n  const [xMin, xMax] = domains.x.range\r\n  const [yMin, yMax] = domains.y.range\r\n  const xToPx = (x: number) => (xMax <= xMin ? 0 : ((x - xMin) / (xMax - xMin) - 0.5) * w)\r\n  const yToPx = (y: number) => (yMax <= yMin ? 0 : ((y - yMin) / (yMax - yMin) - 0.5) * h)\r\n  // `seriesPoints` already sorted them along x.\r\n  return points.map(([x, y]) => ({ x: xToPx(x), y: yToPx(y) }))\r\n}\r\n\r\n/** `region` mapped into the plot's centred pixel space, against the live scales, so it travels with a zoom. */\r\nfunction regionBox(s: LineChartValues & { readonly region: PlotRegion | null }, domains: LineChartDomains, plot: Size2D): RegionBox {\r\n  const { width: w, height: h } = plot\r\n  return resolveRegionBox(s.region, { left: -w / 2, right: w / 2, bottom: -h / 2, top: h / 2 }, domains.x.range, domains.y.range)\r\n}\r\n\r\n/**\r\n * Whether a call-out is authored at all. Not whether it resolves to pixels: a\r\n * command is built before the first layout, and a region on a chart not yet\r\n * measured is a real one. A region bounding neither axis is none, as `null` is.\r\n */\r\nfunction hasCallout(s: { readonly region: PlotRegion | null }): boolean {\r\n  const region = s.region\r\n  return region != null && (region.x !== undefined || region.y !== undefined)\r\n}\r\n\r\n/** The `region` a document handed a command, or `{}`: a command is added before its arguments are filled in. */\r\nfunction regionArg(region: PlotRegion | null | undefined): PlotRegion {\r\n  return region != null && typeof region === \"object\" ? region : {}\r\n}\r\n\r\n/** A range read as a span, whichever way round the author wrote it. */\r\nfunction span([a, b]: Range): Range {\r\n  return a <= b ? [a, b] : [b, a]\r\n}\r\n\r\n/**\r\n * Rescale an axis to `range`, keeping the tick *count* it already has, so each\r\n * marker slides from its old value to its new one instead of the row popping.\r\n */\r\nfunction rescale(range: Range, ticks: readonly number[]): AxisDomainConfig {\r\n  const to = span(range)\r\n  return { range: to, ticks: markerValues(to, Math.max(2, ticks.length) - 1) }\r\n}\r\n\r\n/** The axis writes of a move from `from` toward `to` at `t`. */\r\nfunction axesAt(from: LineChartDomains, to: Partial<Record<\"x\" | \"y\", AxisDomainConfig>>, t: number) {\r\n  return {\r\n    ...(to.x && { xAxis: lerpAxisDomain(from.x, to.x, t) }),\r\n    ...(to.y && { yAxis: lerpAxisDomain(from.y, to.y, t) }),\r\n  }\r\n}\r\n\r\ntype AnyTimeline = Timeline<any, any>\r\n\r\n/** The parts a line chart's commands drive, found through its children. */\r\nfunction partsOf(children: readonly ChildView[]) {\r\n  const frame = cartesianViews(children)\r\n  if (!frame) return null\r\n  const hAxis = frame.below.find(HorizontalAxis.is)\r\n  if (!VerticalAxis.is(frame.axis) || !hAxis) return null\r\n  return {\r\n    vAxis: frame.axis,\r\n    hAxis,\r\n    lines: frame.plot.filter(ChartLine.is),\r\n    legend: frame.below.find(ChartLegend.is) ?? null,\r\n  }\r\n}\r\n\r\n/** Drop the call-out: the rules retract, the wash fades, and every series comes back to full. */\r\nfunction clearing(timeline: AnyTimeline, state: LineState) {\r\n  const from = state.regionReveal\r\n  const region = state.region\r\n  // Nothing to retract, but the call still takes its slot on the timeline.\r\n  if (from === 0) return timeline.animate(() => ({ region: null, regionReveal: 0 }), { eased: false })\r\n  // `region` is held until the retraction lands, or there would be nothing left to retract.\r\n  return timeline.animate((t) => (t >= 1 ? { region: null, regionReveal: 0 } : { region, regionReveal: from * (1 - t) }))\r\n}\r\n\r\n/** Trace series `index`'s line in (`show`) or back out, in lockstep with its legend entry. */\r\nfunction toggling(timeline: AnyTimeline, children: readonly ChildView[], index: number, show: boolean) {\r\n  const parts = partsOf(children)\r\n  const line = parts?.lines[index]\r\n  if (!parts || !line) return timeline.wait(timeline.duration)\r\n  return timeline.together([\r\n    line.run(\"enter\", show ? { from: 0, to: 1 } : { from: 1, to: 0 }),\r\n    ...(parts.legend ? [parts.legend.run(show ? \"showSeries\" : \"hideSeries\", { index })] : []),\r\n  ])\r\n}\r\n\r\n/**\r\n * A multi-series line chart, composed from five independent parts rather than\r\n * one monolithic draw:\r\n *\r\n * - {@link ChartCanvas} — the plot panel with a two-way grid, under everything.\r\n * - {@link VerticalAxis} / {@link HorizontalAxis} — columns/rows of real text\r\n *   markers that stagger in, each carrying its own axis caption.\r\n * - {@link ChartRegion} — the optional call-out marking a spotlit slice of the\r\n *   plot: dashed rules on its bounded edges, and every series faded outside it.\r\n * - {@link ChartLine} (one per series) — the traced polylines over the canvas.\r\n * - {@link ChartLegend} — a row of entries below the chart, one per series.\r\n *\r\n * Every part reads the chart's entries through bindings, and the lines, the\r\n * region and the grid all map against the plot panel's own laid-out box, so\r\n * points land exactly on their markers and the chart re-flows if its box\r\n * changes.\r\n *\r\n * **Resting state is the finished chart**: an editor paints a node's Initial\r\n * state on a paused canvas. `enter` arms every part on its first frame.\r\n *\r\n * Past the entrance, `showSeries`/`hideSeries`/`spotlightSeries` pick out a\r\n * *series*, `spotlightRegion` marks a *slice of the plot* without changing the\r\n * scale, and `zoomTo` rescales the axes so a slice fills the plot. A spotlit\r\n * region resolves against the live scales, so it travels with a zoom. A `to` of\r\n * an axis `range` or `ticks` tweens from the domain as drawn (see\r\n * {@link lerpAxisEntry}), so an auto axis rescales continuously.\r\n */\r\nexport const LineChart = component2d({\r\n  key: \"lineChart\",\r\n  state: {\r\n    data: fresh<DataRecord[]>(() => [], { kind: \"dataset\" }),\r\n    xField: \"\",\r\n    series: fresh<LineSeries[]>(() => [], { kind: \"series\" }),\r\n    xAxis: Types.custom<AxisDomainConfig>({}, { resolve: resolveAxisDomain, lerp: lerpAxisEntry }),\r\n    yAxis: Types.custom<AxisDomainConfig>({}, { resolve: resolveAxisDomain, lerp: lerpAxisEntry }),\r\n    theme: Types.custom<ChartTheme, ChartConfig>(DEFAULT_CHART_THEME, { resolve: resolveChartTheme, lerp: lerpChartTheme }),\r\n    /**\r\n     * The spotlit slice of the plot in data units, or `null` for none. The box\r\n     * snaps; the animation is {@link regionReveal} drawing the rules on.\r\n     */\r\n    region: Types.custom<PlotRegion | null>(null),\r\n    /**\r\n     * How far the `region` call-out is drawn in, `[0, 1]`: the rules grow out and\r\n     * the wash fades up as it climbs, while every line's out-of-region stretch\r\n     * fades to the theme's `region.dimOpacity`.\r\n     */\r\n    regionReveal: 0,\r\n    /** Read as the chart is built: the legend is a part the chart builds or doesn't. */\r\n    showLegend: Types.boolean(true, { animatable: false }),\r\n    /**\r\n     * The domain `zoomTo` first left, so `resetZoom` restores the chart as it\r\n     * stood, auto-derived ticks included. Cleared by `resetZoom`, so the next zoom\r\n     * remembers wherever the chart rests then.\r\n     */\r\n    home: Types.custom<LineChartDomains | null>(null, { private: true }),\r\n  },\r\n  // Its parts fill it; a node made of them would hug them.\r\n  defaults: { width: \"fill\", height: \"fill\" },\r\n  children: (state) => {\r\n    const theme = () => state.theme\r\n    const domains = () => lineChartDomains(state)\r\n    let plot: Node2D | undefined\r\n    const plotSize = () => laidOutSize(plot)\r\n    const enabled = state.series.map((s) => s.enabled ?? true)\r\n\r\n    // Bound, not snapshotted, so a rescale re-labels and re-places the row as it\r\n    // tweens. The marker *count* is read once, which is why `zoomTo` keeps it.\r\n    const vAxis = new VerticalAxis({\r\n      range: () => domains().y.range,\r\n      markers: () => domains().y.ticks,\r\n      // The y axis is always numbers, so its format is simply the pattern.\r\n      captions: () => {\r\n        const markers = domains().y.ticks\r\n        const format = state.yAxis.format\r\n        return markers.map((value) => (format === undefined ? formatMarker(value, markerStep(markers)) : formatNumber(value, format)))\r\n      },\r\n      axis: () => theme().yAxis,\r\n      label: state.yAxis.label ?? \"\",\r\n      width: \"hug\",\r\n      height: \"fill\",\r\n    })\r\n\r\n    const hAxis = new HorizontalAxis({\r\n      range: () => domains().x.range,\r\n      markers: () => domains().x.ticks,\r\n      // A tick on a month or category column is captioned with the cell it came\r\n      // out of — `Jan`, not the instant it parsed to.\r\n      captions: () => {\r\n        const column = columnOf(state)\r\n        return domains().x.ticks.map((value) => column.label(value))\r\n      },\r\n      axis: () => theme().xAxis,\r\n      label: state.xAxis.label ?? \"\",\r\n      width: \"fill\",\r\n      height: \"hug\",\r\n    })\r\n\r\n    const lines = state.series.map(\r\n      (s, i) =>\r\n        new ChartLine({\r\n          points: () => seriesPixels(state, domains(), i, plotSize()),\r\n          stroke: () => resolveSeriesStroke(theme().seriesStyles, s, i),\r\n          enabled: enabled[i],\r\n          // Each line clips itself against the box the rules are drawn from, so\r\n          // the dim/bright boundary can't drift from the dashes.\r\n          spotlight: () => regionBox(state, domains(), plotSize()),\r\n          // Ramped by the reveal that draws the rules: one signal, both halves.\r\n          dimOpacity: () => 1 - (1 - theme().region.dimOpacity) * state.regionReveal,\r\n        }) as unknown as Node2D\r\n    )\r\n\r\n    const below: Node2D[] = [hAxis as unknown as Node2D]\r\n    if (state.showLegend !== false) {\r\n      below.push(\r\n        new ChartLegend({\r\n          series: state.series,\r\n          // The legend paints a swatch, not a line, so it is handed the colour each\r\n          // stroke resolves to rather than the stroke itself.\r\n          swatches: () => state.series.map((s, i) => resolveSeriesFill(theme().seriesStyles, s, i)),\r\n          legend: () => theme().legend,\r\n          // The row's spacing is the theme's as the chart was built, like the\r\n          // entries' type and chips: a theme tween re-paints the swatches only.\r\n          gap: state.theme.legend.itemGap,\r\n          padding: state.theme.legend.padding,\r\n        }) as unknown as Node2D\r\n      )\r\n    }\r\n\r\n    plot = new Rect({\r\n      clip: true,\r\n      children: [\r\n        new ChartCanvas({\r\n          fill: () => theme().plotArea.fill,\r\n          shadow: () => theme().plotArea.shadow,\r\n          xGridStroke: () => theme().xAxis.lineStyle,\r\n          yGridStroke: () => theme().yAxis.lineStyle,\r\n          // A grid line under every axis marker; the canvas skips the edges.\r\n          xMarkers: () => domains().x.ticks,\r\n          yMarkers: () => domains().y.ticks,\r\n          xExtent: () => domains().x.range,\r\n          yExtent: () => domains().y.range,\r\n        }),\r\n        // Over the grid, under the lines, so a spotlit stretch of a series isn't\r\n        // tinted by the highlight meant to pick it out.\r\n        new ChartRegion({\r\n          box: () => regionBox(state, domains(), plotSize()),\r\n          stroke: () => theme().region.stroke,\r\n          fill: () => theme().region.fill,\r\n          reveal: () => state.regionReveal,\r\n        }),\r\n        ...lines,\r\n        new ChartBorder({ stroke: () => theme().plotArea.stroke }),\r\n      ],\r\n    }) as unknown as Node2D\r\n\r\n    const gutter = new VerticalAxis({\r\n      opacity: 0,\r\n      range: () => domains().y.range,\r\n      markers: () => domains().y.ticks,\r\n      axis: () => theme().yAxis,\r\n      label: state.yAxis.label ?? \"\",\r\n      width: \"hug\",\r\n      height: 0,\r\n    }) as unknown as Node2D\r\n\r\n    return asParts([\r\n      ...(state.children as unknown as Node2D[]),\r\n      cartesianFrame({ axis: vAxis as unknown as Node2D, plot, gutter, below }),\r\n    ])\r\n  },\r\n  commands: {\r\n    /**\r\n     * Animate the whole chart in: the two axes stagger their markers in, the\r\n     * series lines trace left to right, and the legend fades up last. Its first\r\n     * frame arms every part: markers shifted and transparent, lines untraced,\r\n     * the legend dropped and transparent.\r\n     *\r\n     * `duration` is the **whole** entrance; the beats are shares of it. A chart\r\n     * authored with a `region` lands its call-out last, in the final quarter.\r\n     */\r\n    enter: {\r\n      args: {},\r\n      easing: easeOut(),\r\n      run: (timeline, state, children) => {\r\n        const parts = partsOf(children)\r\n        if (!parts) return timeline.wait(timeline.duration)\r\n        const duration = timeline.duration\r\n        const revealing = hasCallout(state) && state.regionReveal === 0\r\n        const body = revealing ? duration * 0.75 : duration\r\n        const axes = body * AXES_SHARE\r\n        const traced = body * LINES_SHARE\r\n        const { legend } = parts\r\n        const at0 = (piece: Beat[\"piece\"]): Beat => ({ at: 0, duration: 0, piece })\r\n        // The first frame arms what every later beat moves: a beat ahead of the\r\n        // playhead writes nothing. A beat with nothing to do still takes its share.\r\n        return beats(timeline, [\r\n          ...(revealing ? [at0(timeline.animate(() => ({ regionReveal: 0 })))] : []),\r\n          ...parts.lines.map((line) => at0(line.to({ progress: 0 }))),\r\n          ...(legend ? [at0(legend.to({ opacity: 0, y: -LEGEND_SLIDE }))] : []),\r\n          { at: 0, duration: axes, piece: parts.vAxis.run(\"enter\", { slide: 24 }) },\r\n          { at: 0, duration: axes, piece: parts.hAxis.run(\"enter\", { slide: 24 }) },\r\n          ...parts.lines.map((line) => ({ at: axes, duration: traced, piece: line.run(\"enter\") })),\r\n          ...(legend ? [{ at: axes + traced, duration: body * LEGEND_SHARE, piece: legend.to({ opacity: 1, y: 0 }) }] : []),\r\n          ...(revealing ? [{ at: body, duration: duration * 0.25, piece: timeline.animate((t) => ({ regionReveal: t })) }] : []),\r\n        ])\r\n      },\r\n    },\r\n    /**\r\n     * Spotlight a rectangular slice of the plot given in **data units**: dashed\r\n     * rules draw onto each bounded edge while every series fades outside the box.\r\n     * Either axis alone is a band; both are a box. Called while another region is\r\n     * up, the old call-out retracts over the first half and the new one draws in\r\n     * over the second, each half eased on its own.\r\n     */\r\n    spotlightRegion: {\r\n      args: { region: REGION_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, state) => {\r\n        const region = regionArg(timeline.args.region)\r\n        const from = state.regionReveal\r\n        const previous = state.region\r\n        // A region bounding neither axis is no call-out: spotlighting it is a clear.\r\n        if (region.x === undefined && region.y === undefined) return clearing(timeline, state)\r\n        // Nothing up yet: the region is set from the first frame and just draws on.\r\n        if (from <= 0 || !hasCallout(state)) return timeline.animate((t) => ({ region, regionReveal: from + (1 - from) * t }))\r\n        return timeline.animate(\r\n          (t) => (t < 0.5\r\n            ? { region: previous, regionReveal: from * (1 - timeline.ease(t * 2)) }\r\n            : { region, regionReveal: timeline.ease(t * 2 - 1) }),\r\n          { eased: false }\r\n        )\r\n      },\r\n    },\r\n    /** Drop the region call-out. A no-op when nothing is spotlit, which still takes its slot. */\r\n    clearRegion: {\r\n      args: {},\r\n      easing: easeOut(),\r\n      run: (timeline, state) => clearing(timeline, state),\r\n    },\r\n    /**\r\n     * Zoom the plot to a slice of itself, given in **data units**: the named axes\r\n     * rescale so that slice fills the plot, the grid, both marker rows and every\r\n     * series following. An omitted axis is left as it is. The first zoom\r\n     * remembers the domain it left, for `resetZoom`.\r\n     */\r\n    zoomTo: {\r\n      args: { region: REGION_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, state) => {\r\n        const region = regionArg(timeline.args.region)\r\n        if (!region.x && !region.y) return timeline.wait(timeline.duration)\r\n        const from = lineChartDomains(state)\r\n        const home = state.home ?? from\r\n        const to = {\r\n          ...(region.x && { x: { ...from.x, ...rescale(region.x, from.x.ticks) } }),\r\n          ...(region.y && { y: { ...from.y, ...rescale(region.y, from.y.ticks) } }),\r\n        }\r\n        return timeline.animate((t) => ({ home, ...axesAt(from, to, t) }))\r\n      },\r\n    },\r\n    /** Pull back out to the domain the first zoom left — the mirror of `zoomTo`, and a hold if it never zoomed. */\r\n    resetZoom: {\r\n      args: {},\r\n      easing: easeOut(),\r\n      run: (timeline, state) => {\r\n        const home = state.home\r\n        if (!home) return timeline.wait(timeline.duration)\r\n        const from = lineChartDomains(state)\r\n        return timeline.animate((t) => ({ home: null, ...axesAt(from, home, t) }))\r\n      },\r\n    },\r\n    /**\r\n     * Show series `index`: **trace** its line in left to right, in lockstep with\r\n     * its legend entry growing in.\r\n     */\r\n    showSeries: {\r\n      args: { seriesIndex: SERIES_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, _state, children) => toggling(timeline, children, timeline.args.seriesIndex, true),\r\n    },\r\n    /** Hide series `index`: **retrace** its line back out as its legend entry shrinks away. */\r\n    hideSeries: {\r\n      args: { seriesIndex: SERIES_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, _state, children) => toggling(timeline, children, timeline.args.seriesIndex, false),\r\n    },\r\n    /**\r\n     * Fade every other series — each line **and its legend entry** — to focus on\r\n     * `index`, which comes back to full. The legend dims in place, so the row\r\n     * doesn't reflow.\r\n     */\r\n    spotlightSeries: {\r\n      args: { seriesIndex: SERIES_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, _state, children) => {\r\n        const parts = partsOf(children)\r\n        if (!parts) return timeline.wait(timeline.duration)\r\n        const index = timeline.args.seriesIndex\r\n        return timeline.together([\r\n          ...parts.lines.map((line, i) => line.to({ opacity: i === index ? 1 : SPOTLIGHT_DIM })),\r\n          ...(parts.legend ? [parts.legend.run(\"spotlightSeries\", { index })] : []),\r\n        ])\r\n      },\r\n    },\r\n  },\r\n})\r\n\r\nexport type LineChart = NodeOf<typeof LineChart>\r\n"]}
+{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../src/line-chart/line-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  Rect,\r\n  Types,\r\n  component2d,\r\n  easeOut,\r\n  type ChildView,\r\n  type DataRecord,\r\n  type EntryOptions,\r\n  type NodeOf,\r\n  // Named so this component's emitted type reaches `Node2D` through the sdk, not core.\r\n  type Node2D,\r\n  type Node2DProps,\r\n  type Size2D,\r\n  type Timeline,\r\n  type Vector2,\r\n} from \"@motionscript/sdk\"\r\nimport { formatNumber } from \"@motionscript/sdk/component\"\r\n\r\nimport { cartesianFrame, cartesianViews, laidOutSize } from \"../kit/cartesian\"\r\nimport { ChartBorder } from \"../kit/chart-border\"\r\nimport { ChartCanvas } from \"../kit/chart-canvas\"\r\nimport { ChartLegend } from \"../kit/chart-legend\"\r\nimport { asParts, fresh } from \"../kit/entries\"\r\nimport { beats, type Beat } from \"../kit/motion\"\r\nimport { VerticalAxis } from \"../kit/vertical-axis\"\r\nimport {\r\n  SPOTLIGHT_DIM,\r\n  formatMarker,\r\n  lerpAxisDomain,\r\n  lerpAxisEntry,\r\n  markerStep,\r\n  markerValues,\r\n  resolveAxisDomain,\r\n  resolveSeriesFill,\r\n  resolveSeriesStroke,\r\n  settleAxisDomain,\r\n  type AxisDomainConfig,\r\n  type Range,\r\n} from \"../kit/shared\"\r\nimport { ChartLine } from \"./chart-line\"\r\nimport { ChartRegion } from \"./chart-region\"\r\nimport { HorizontalAxis } from \"./horizontal-axis\"\r\nimport {\r\n  DEFAULT_CHART_THEME,\r\n  lerpChartTheme,\r\n  resolveChartTheme,\r\n  resolveRegionBox,\r\n  resolveYScale,\r\n  seriesPoints,\r\n  type ChartConfig,\r\n  type ChartTheme,\r\n  type LineSeries,\r\n  type PlotRegion,\r\n  type RegionBox,\r\n} from \"./shared\"\r\nimport { resolveXScale, type XScale } from \"./x-scale\"\r\n\r\nexport interface LineChartProps extends Node2DProps {\r\n  /** One row per sample — a plain record of field name to value. */\r\n  data: DataRecord[]\r\n  /**\r\n   * Key into each row for its x value, shared by every series. Named `xField`\r\n   * rather than `x` because every node already has an `x` — its position.\r\n   */\r\n  xField: string\r\n  /** One polyline per entry: which field it plots, its legend `label`, its `fill`. */\r\n  series: LineSeries[]\r\n  /** X-axis data domain: caption, scale range, and tick placement. */\r\n  xAxis?: AxisDomainConfig\r\n  /** Y-axis data domain: caption, scale range, and tick placement. */\r\n  yAxis?: AxisDomainConfig\r\n  /**\r\n   * A slice of the plot to spotlight, in **data units**. Dashed rules mark the\r\n   * bounded edges and every series fades outside the box — see\r\n   * `spotlightRegion`, which animates the same thing. `null` (the default) is no\r\n   * region.\r\n   */\r\n  region?: PlotRegion | null\r\n  /**\r\n   * The chart's visual theme — series palette, axis text/grid/gutters, plot\r\n   * panel paint, and legend styling. Every branch is optional and deep-merged\r\n   * onto {@link DEFAULT_CHART_THEME}, so pass only what you want to override.\r\n   */\r\n  theme?: ChartTheme\r\n  /** Whether the legend row below the plot is drawn at all. */\r\n  showLegend?: boolean\r\n}\r\n\r\n/** Both axes' domains with their ranges and ticks resolved. */\r\nexport interface LineChartDomains {\r\n  readonly x: AxisDomainConfig & { readonly range: Range; readonly ticks: number[] }\r\n  readonly y: AxisDomainConfig & { readonly range: Range; readonly ticks: number[] }\r\n}\r\n\r\n/** What a line chart plots, as its entries hold it. */\r\nexport interface LineChartValues {\r\n  readonly data: DataRecord[]\r\n  readonly xField: string\r\n  readonly series: LineSeries[]\r\n  readonly xAxis: AxisDomainConfig\r\n  readonly yAxis: AxisDomainConfig\r\n}\r\n\r\n/**\r\n * The argument every per-series command takes: an index into `series`. Its own\r\n * kind rather than `number` so a host can offer the series by name.\r\n */\r\nconst SERIES_ARG = Types.custom<number, number, EntryOptions & { readonly min: number; readonly step: number }>(0, { kind: \"series\", min: 0, step: 1 })\r\n\r\n/** One argument, two controls: the commands take a `PlotRegion`, so the x and y spans a host draws are declared inside it. */\r\nconst REGION_ARG = Types.custom<PlotRegion | undefined>(undefined, {\r\n  kind: \"region\",\r\n  properties: {\r\n    x: { kind: \"range\", default: true, defaultMin: 0, defaultMax: 100 },\r\n    y: { kind: \"range\", default: false, defaultMin: 0, defaultMax: 100 },\r\n  },\r\n})\r\n\r\n/** How far the legend starts below its slot when it enters, in px. */\r\nconst LEGEND_SLIDE = 20\r\n\r\n/** Fallback marker count when neither axis's ticks are given. */\r\nconst DEFAULT_MARKERS = 5\r\n\r\n/**\r\n * How `enter` divides its duration between its three beats: the axes arriving,\r\n * the lines tracing, and the legend coming up. Shares of the whole, so they must\r\n * sum to 1 — the entrance takes exactly the time it was given.\r\n */\r\nconst AXES_SHARE = 0.35\r\nconst LINES_SHARE = 0.5\r\nconst LEGEND_SHARE = 0.15\r\n\r\n/** What the chart's own commands read: its entries, and the private `home` a zoom remembers. */\r\ninterface LineState extends LineChartValues {\r\n  readonly theme: ChartConfig\r\n  readonly region: PlotRegion | null\r\n  readonly regionReveal: number\r\n  readonly home: LineChartDomains | null\r\n}\r\n\r\n/**\r\n * What the x column *is* — a number, an instant, or a place in the file — and\r\n * with it how each row is positioned, ticked and captioned. See `x-scale.ts`.\r\n */\r\nfunction columnOf(s: LineChartValues, format = s.xAxis.format): XScale {\r\n  return resolveXScale(s.data, s.xField, format)\r\n}\r\n\r\n/**\r\n * The horizontal axis with its range and ticks resolved: the explicit ones, else\r\n * the column's extent and five ticks across it, asked of the column because only\r\n * a numeric one has round numbers between its samples.\r\n */\r\nfunction drawnX(s: LineChartValues, domain: AxisDomainConfig): AxisDomainConfig {\r\n  const column = columnOf(s, domain.format)\r\n  const range = domain.range ?? column.extent\r\n  return { ...domain, range, ticks: domain.ticks ?? column.ticks(range, DEFAULT_MARKERS - 1) }\r\n}\r\n\r\n/**\r\n * The vertical axis with its range and ticks resolved. Auto-ranging steps into\r\n * one fewer segment than the intended marker count, so the tidy bounds frame the\r\n * ticks the axis draws.\r\n */\r\nfunction drawnY(s: LineChartValues, domain: AxisDomainConfig): AxisDomainConfig {\r\n  const divisions = (domain.ticks?.length ?? DEFAULT_MARKERS) - 1\r\n  const range = resolveYScale(s.data, s.series, domain.range, divisions)\r\n  return { ...domain, range, ticks: domain.ticks ?? markerValues(range, DEFAULT_MARKERS - 1) }\r\n}\r\n\r\n/** The last domains worked out from each data array, and what else they were read from. */\r\nconst domainsDrawn = new WeakMap<\r\n  DataRecord[],\r\n  Pick<LineChartValues, \"xField\" | \"xAxis\" | \"yAxis\" | \"series\"> & { readonly domains: LineChartDomains }\r\n>()\r\n\r\n/** Both axes as a line chart draws them now, an auto range or tick row read back as itself. */\r\nexport function lineChartDomains(s: LineChartValues): LineChartDomains {\r\n  const { data, xField, xAxis, yAxis, series } = s\r\n  const kept = domainsDrawn.get(data)\r\n  if (kept && kept.xField === xField && kept.xAxis === xAxis && kept.yAxis === yAxis && kept.series === series) {\r\n    return kept.domains\r\n  }\r\n  const domains = {\r\n    x: settleAxisDomain(xAxis, (d) => drawnX(s, d)) as LineChartDomains[\"x\"],\r\n    y: settleAxisDomain(yAxis, (d) => drawnY(s, d)) as LineChartDomains[\"y\"],\r\n  }\r\n  domainsDrawn.set(data, { xField, xAxis, yAxis, series, domains })\r\n  return domains\r\n}\r\n\r\n/**\r\n * Map one series' data points into the plot's **centred** pixel space (origin at\r\n * the plot centre, y-up): x runs `[-w/2, +w/2]`, y runs `[-h/2, +h/2]`.\r\n */\r\nfunction seriesPixels(s: LineChartValues, domains: LineChartDomains, index: number, plot: Size2D): Vector2[] {\r\n  const series = s.series[index]\r\n  if (!series) return []\r\n  const points = seriesPoints(s.data, columnOf(s), series)\r\n  if (points.length === 0) return []\r\n  const { width: w, height: h } = plot\r\n  const [xMin, xMax] = domains.x.range\r\n  const [yMin, yMax] = domains.y.range\r\n  const xToPx = (x: number) => (xMax <= xMin ? 0 : ((x - xMin) / (xMax - xMin) - 0.5) * w)\r\n  const yToPx = (y: number) => (yMax <= yMin ? 0 : ((y - yMin) / (yMax - yMin) - 0.5) * h)\r\n  // `seriesPoints` already sorted them along x.\r\n  return points.map(([x, y]) => ({ x: xToPx(x), y: yToPx(y) }))\r\n}\r\n\r\n/** `region` mapped into the plot's centred pixel space, against the live scales, so it travels with a zoom. */\r\nfunction regionBox(s: LineChartValues & { readonly region: PlotRegion | null }, domains: LineChartDomains, plot: Size2D): RegionBox {\r\n  const { width: w, height: h } = plot\r\n  return resolveRegionBox(s.region, { left: -w / 2, right: w / 2, bottom: -h / 2, top: h / 2 }, domains.x.range, domains.y.range)\r\n}\r\n\r\n/**\r\n * Whether a call-out is authored at all. Not whether it resolves to pixels: a\r\n * command is built before the first layout, and a region on a chart not yet\r\n * measured is a real one. A region bounding neither axis is none, as `null` is.\r\n */\r\nfunction hasCallout(s: { readonly region: PlotRegion | null }): boolean {\r\n  const region = s.region\r\n  return region != null && (region.x !== undefined || region.y !== undefined)\r\n}\r\n\r\n/** The `region` a document handed a command, or `{}`: a command is added before its arguments are filled in. */\r\nfunction regionArg(region: PlotRegion | null | undefined): PlotRegion {\r\n  return region != null && typeof region === \"object\" ? region : {}\r\n}\r\n\r\n/** A range read as a span, whichever way round the author wrote it. */\r\nfunction span([a, b]: Range): Range {\r\n  return a <= b ? [a, b] : [b, a]\r\n}\r\n\r\n/**\r\n * Rescale an axis to `range`, keeping the tick *count* it already has, so each\r\n * marker slides from its old value to its new one instead of the row popping.\r\n */\r\nfunction rescale(range: Range, ticks: readonly number[]): AxisDomainConfig {\r\n  const to = span(range)\r\n  return { range: to, ticks: markerValues(to, Math.max(2, ticks.length) - 1) }\r\n}\r\n\r\n/** The axis writes of a move from `from` toward `to` at `t`. */\r\nfunction axesAt(from: LineChartDomains, to: Partial<Record<\"x\" | \"y\", AxisDomainConfig>>, t: number) {\r\n  return {\r\n    ...(to.x && { xAxis: lerpAxisDomain(from.x, to.x, t) }),\r\n    ...(to.y && { yAxis: lerpAxisDomain(from.y, to.y, t) }),\r\n  }\r\n}\r\n\r\ntype AnyTimeline = Timeline<any, any>\r\n\r\n/** The parts a line chart's commands drive, found through its children. */\r\nfunction partsOf(children: readonly ChildView[]) {\r\n  const frame = cartesianViews(children)\r\n  if (!frame) return null\r\n  const hAxis = frame.below.find(HorizontalAxis.is)\r\n  if (!VerticalAxis.is(frame.axis) || !hAxis) return null\r\n  return {\r\n    vAxis: frame.axis,\r\n    hAxis,\r\n    lines: frame.plot.filter(ChartLine.is),\r\n    legend: frame.below.find(ChartLegend.is) ?? null,\r\n  }\r\n}\r\n\r\n/** Drop the call-out: the rules retract, the wash fades, and every series comes back to full. */\r\nfunction clearing(timeline: AnyTimeline, state: LineState) {\r\n  const from = state.regionReveal\r\n  const region = state.region\r\n  // Nothing to retract, but the call still takes its slot on the timeline.\r\n  if (from === 0) return timeline.animate(() => ({ region: null, regionReveal: 0 }), { eased: false })\r\n  // `region` is held until the retraction lands, or there would be nothing left to retract.\r\n  return timeline.animate((t) => (t >= 1 ? { region: null, regionReveal: 0 } : { region, regionReveal: from * (1 - t) }))\r\n}\r\n\r\n/** Trace series `index`'s line in (`show`) or back out, in lockstep with its legend entry. */\r\nfunction toggling(timeline: AnyTimeline, children: readonly ChildView[], index: number, show: boolean) {\r\n  const parts = partsOf(children)\r\n  const line = parts?.lines[index]\r\n  if (!parts || !line) return timeline.wait(timeline.duration)\r\n  return timeline.together([\r\n    line.run(\"enter\", show ? { from: 0, to: 1 } : { from: 1, to: 0 }),\r\n    ...(parts.legend ? [parts.legend.run(show ? \"showSeries\" : \"hideSeries\", { index })] : []),\r\n  ])\r\n}\r\n\r\n/**\r\n * A multi-series line chart, composed from five independent parts rather than\r\n * one monolithic draw:\r\n *\r\n * - {@link ChartCanvas} — the plot panel with a two-way grid, under everything.\r\n * - {@link VerticalAxis} / {@link HorizontalAxis} — columns/rows of real text\r\n *   markers that stagger in, each carrying its own axis caption.\r\n * - {@link ChartRegion} — the optional call-out marking a spotlit slice of the\r\n *   plot: dashed rules on its bounded edges, and every series faded outside it.\r\n * - {@link ChartLine} (one per series) — the traced polylines over the canvas.\r\n * - {@link ChartLegend} — a row of entries below the chart, one per series.\r\n *\r\n * Every part reads the chart's entries through bindings, and the lines, the\r\n * region and the grid all map against the plot panel's own laid-out box, so\r\n * points land exactly on their markers and the chart re-flows if its box\r\n * changes.\r\n *\r\n * **Resting state is the finished chart**: an editor paints a node's Initial\r\n * state on a paused canvas. `enter` arms every part on its first frame.\r\n *\r\n * Past the entrance, `showSeries`/`hideSeries`/`spotlightSeries` pick out a\r\n * *series*, `spotlightRegion` marks a *slice of the plot* without changing the\r\n * scale, and `zoomTo` rescales the axes so a slice fills the plot. A spotlit\r\n * region resolves against the live scales, so it travels with a zoom. A `to` of\r\n * an axis `range` or `ticks` tweens from the domain as drawn (see\r\n * {@link lerpAxisEntry}), so an auto axis rescales continuously.\r\n */\r\nexport const LineChart = component2d({\r\n  key: \"lineChart\",\r\n  state: {\r\n    data: fresh<DataRecord[]>(() => [], { kind: \"dataset\" }),\r\n    xField: \"\",\r\n    series: fresh<LineSeries[]>(() => [], { kind: \"series\" }),\r\n    xAxis: Types.custom<AxisDomainConfig>({}, { resolve: resolveAxisDomain, lerp: lerpAxisEntry }),\r\n    yAxis: Types.custom<AxisDomainConfig>({}, { resolve: resolveAxisDomain, lerp: lerpAxisEntry }),\r\n    theme: Types.custom<ChartTheme, ChartConfig>(DEFAULT_CHART_THEME, { resolve: resolveChartTheme, lerp: lerpChartTheme }),\r\n    /**\r\n     * The spotlit slice of the plot in data units, or `null` for none. The box\r\n     * snaps; the animation is {@link regionReveal} drawing the rules on.\r\n     */\r\n    region: Types.custom<PlotRegion | null>(null),\r\n    /**\r\n     * How far the `region` call-out is drawn in, `[0, 1]`: the rules grow out and\r\n     * the wash fades up as it climbs, while every line's out-of-region stretch\r\n     * fades to the theme's `region.dimOpacity`.\r\n     */\r\n    regionReveal: 0,\r\n    /** Read as the chart is built: the legend is a part the chart builds or doesn't. */\r\n    showLegend: Types.boolean(true, { animatable: false }),\r\n    /**\r\n     * The domain `zoomTo` first left, so `resetZoom` restores the chart as it\r\n     * stood, auto-derived ticks included. Cleared by `resetZoom`, so the next zoom\r\n     * remembers wherever the chart rests then.\r\n     */\r\n    home: Types.custom<LineChartDomains | null>(null, { private: true }),\r\n  },\r\n  // Its parts fill it; a node made of them would hug them.\r\n  defaults: { width: \"fill\", height: \"fill\" },\r\n  allowedChildren: [],\r\n  children: (state) => {\r\n    const theme = () => state.theme\r\n    const domains = () => lineChartDomains(state)\r\n    let plot: Node2D | undefined\r\n    const plotSize = () => laidOutSize(plot)\r\n    const enabled = state.series.map((s) => s.enabled ?? true)\r\n\r\n    // Bound, not snapshotted, so a rescale re-labels and re-places the row as it\r\n    // tweens. The marker *count* is read once, which is why `zoomTo` keeps it.\r\n    const vAxis = new VerticalAxis({\r\n      range: () => domains().y.range,\r\n      markers: () => domains().y.ticks,\r\n      // The y axis is always numbers, so its format is simply the pattern.\r\n      captions: () => {\r\n        const markers = domains().y.ticks\r\n        const format = state.yAxis.format\r\n        return markers.map((value) => (format === undefined ? formatMarker(value, markerStep(markers)) : formatNumber(value, format)))\r\n      },\r\n      axis: () => theme().yAxis,\r\n      label: state.yAxis.label ?? \"\",\r\n      width: \"hug\",\r\n      height: \"fill\",\r\n    })\r\n\r\n    const hAxis = new HorizontalAxis({\r\n      range: () => domains().x.range,\r\n      markers: () => domains().x.ticks,\r\n      // A tick on a month or category column is captioned with the cell it came\r\n      // out of — `Jan`, not the instant it parsed to.\r\n      captions: () => {\r\n        const column = columnOf(state)\r\n        return domains().x.ticks.map((value) => column.label(value))\r\n      },\r\n      axis: () => theme().xAxis,\r\n      label: state.xAxis.label ?? \"\",\r\n      width: \"fill\",\r\n      height: \"hug\",\r\n    })\r\n\r\n    const lines = state.series.map(\r\n      (s, i) =>\r\n        new ChartLine({\r\n          points: () => seriesPixels(state, domains(), i, plotSize()),\r\n          stroke: () => resolveSeriesStroke(theme().seriesStyles, s, i),\r\n          enabled: enabled[i],\r\n          // Each line clips itself against the box the rules are drawn from, so\r\n          // the dim/bright boundary can't drift from the dashes.\r\n          spotlight: () => regionBox(state, domains(), plotSize()),\r\n          // Ramped by the reveal that draws the rules: one signal, both halves.\r\n          dimOpacity: () => 1 - (1 - theme().region.dimOpacity) * state.regionReveal,\r\n        }) as unknown as Node2D\r\n    )\r\n\r\n    const below: Node2D[] = [hAxis as unknown as Node2D]\r\n    if (state.showLegend !== false) {\r\n      below.push(\r\n        new ChartLegend({\r\n          series: state.series,\r\n          // The legend paints a swatch, not a line, so it is handed the colour each\r\n          // stroke resolves to rather than the stroke itself.\r\n          swatches: () => state.series.map((s, i) => resolveSeriesFill(theme().seriesStyles, s, i)),\r\n          legend: () => theme().legend,\r\n          // The row's spacing is the theme's as the chart was built, like the\r\n          // entries' type and chips: a theme tween re-paints the swatches only.\r\n          gap: state.theme.legend.itemGap,\r\n          padding: state.theme.legend.padding,\r\n        }) as unknown as Node2D\r\n      )\r\n    }\r\n\r\n    plot = new Rect({\r\n      clip: true,\r\n      children: [\r\n        new ChartCanvas({\r\n          fill: () => theme().plotArea.fill,\r\n          shadow: () => theme().plotArea.shadow,\r\n          xGridStroke: () => theme().xAxis.lineStyle,\r\n          yGridStroke: () => theme().yAxis.lineStyle,\r\n          // A grid line under every axis marker; the canvas skips the edges.\r\n          xMarkers: () => domains().x.ticks,\r\n          yMarkers: () => domains().y.ticks,\r\n          xExtent: () => domains().x.range,\r\n          yExtent: () => domains().y.range,\r\n        }),\r\n        // Over the grid, under the lines, so a spotlit stretch of a series isn't\r\n        // tinted by the highlight meant to pick it out.\r\n        new ChartRegion({\r\n          box: () => regionBox(state, domains(), plotSize()),\r\n          stroke: () => theme().region.stroke,\r\n          fill: () => theme().region.fill,\r\n          reveal: () => state.regionReveal,\r\n        }),\r\n        ...lines,\r\n        new ChartBorder({ stroke: () => theme().plotArea.stroke }),\r\n      ],\r\n    }) as unknown as Node2D\r\n\r\n    const gutter = new VerticalAxis({\r\n      opacity: 0,\r\n      range: () => domains().y.range,\r\n      markers: () => domains().y.ticks,\r\n      axis: () => theme().yAxis,\r\n      label: state.yAxis.label ?? \"\",\r\n      width: \"hug\",\r\n      height: 0,\r\n    }) as unknown as Node2D\r\n\r\n    return asParts([cartesianFrame({ axis: vAxis as unknown as Node2D, plot, gutter, below })])\r\n  },\r\n  commands: {\r\n    /**\r\n     * Animate the whole chart in: the two axes stagger their markers in, the\r\n     * series lines trace left to right, and the legend fades up last. Its first\r\n     * frame arms every part: markers shifted and transparent, lines untraced,\r\n     * the legend dropped and transparent.\r\n     *\r\n     * `duration` is the **whole** entrance; the beats are shares of it. A chart\r\n     * authored with a `region` lands its call-out last, in the final quarter.\r\n     */\r\n    enter: {\r\n      args: {},\r\n      // Held from the chart's arrival, so it never shows finished ahead of its draw.\r\n      entrance: true,\r\n      easing: easeOut(),\r\n      run: (timeline, state, children) => {\r\n        const parts = partsOf(children)\r\n        if (!parts) return timeline.wait(timeline.duration)\r\n        const duration = timeline.duration\r\n        const revealing = hasCallout(state) && state.regionReveal === 0\r\n        const body = revealing ? duration * 0.75 : duration\r\n        const axes = body * AXES_SHARE\r\n        const traced = body * LINES_SHARE\r\n        const { legend } = parts\r\n        const at0 = (piece: Beat[\"piece\"]): Beat => ({ at: 0, duration: 0, piece })\r\n        // The first frame arms what every later beat moves: a beat ahead of the\r\n        // playhead writes nothing. A beat with nothing to do still takes its share.\r\n        return beats(timeline, [\r\n          ...(revealing ? [at0(timeline.animate(() => ({ regionReveal: 0 })))] : []),\r\n          ...parts.lines.map((line) => at0(line.to({ progress: 0 }))),\r\n          ...(legend ? [at0(legend.to({ opacity: 0, y: -LEGEND_SLIDE }))] : []),\r\n          { at: 0, duration: axes, piece: parts.vAxis.run(\"enter\", { slide: 24 }) },\r\n          { at: 0, duration: axes, piece: parts.hAxis.run(\"enter\", { slide: 24 }) },\r\n          ...parts.lines.map((line) => ({ at: axes, duration: traced, piece: line.run(\"enter\") })),\r\n          ...(legend ? [{ at: axes + traced, duration: body * LEGEND_SHARE, piece: legend.to({ opacity: 1, y: 0 }) }] : []),\r\n          ...(revealing ? [{ at: body, duration: duration * 0.25, piece: timeline.animate((t) => ({ regionReveal: t })) }] : []),\r\n        ])\r\n      },\r\n    },\r\n    /**\r\n     * Spotlight a rectangular slice of the plot given in **data units**: dashed\r\n     * rules draw onto each bounded edge while every series fades outside the box.\r\n     * Either axis alone is a band; both are a box. Called while another region is\r\n     * up, the old call-out retracts over the first half and the new one draws in\r\n     * over the second, each half eased on its own.\r\n     */\r\n    spotlightRegion: {\r\n      args: { region: REGION_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, state) => {\r\n        const region = regionArg(timeline.args.region)\r\n        const from = state.regionReveal\r\n        const previous = state.region\r\n        // A region bounding neither axis is no call-out: spotlighting it is a clear.\r\n        if (region.x === undefined && region.y === undefined) return clearing(timeline, state)\r\n        // Nothing up yet: the region is set from the first frame and just draws on.\r\n        if (from <= 0 || !hasCallout(state)) return timeline.animate((t) => ({ region, regionReveal: from + (1 - from) * t }))\r\n        return timeline.animate(\r\n          (t) => (t < 0.5\r\n            ? { region: previous, regionReveal: from * (1 - timeline.ease(t * 2)) }\r\n            : { region, regionReveal: timeline.ease(t * 2 - 1) }),\r\n          { eased: false }\r\n        )\r\n      },\r\n    },\r\n    /** Drop the region call-out. A no-op when nothing is spotlit, which still takes its slot. */\r\n    clearRegion: {\r\n      args: {},\r\n      easing: easeOut(),\r\n      run: (timeline, state) => clearing(timeline, state),\r\n    },\r\n    /**\r\n     * Zoom the plot to a slice of itself, given in **data units**: the named axes\r\n     * rescale so that slice fills the plot, the grid, both marker rows and every\r\n     * series following. An omitted axis is left as it is. The first zoom\r\n     * remembers the domain it left, for `resetZoom`.\r\n     */\r\n    zoomTo: {\r\n      args: { region: REGION_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, state) => {\r\n        const region = regionArg(timeline.args.region)\r\n        if (!region.x && !region.y) return timeline.wait(timeline.duration)\r\n        const from = lineChartDomains(state)\r\n        const home = state.home ?? from\r\n        const to = {\r\n          ...(region.x && { x: { ...from.x, ...rescale(region.x, from.x.ticks) } }),\r\n          ...(region.y && { y: { ...from.y, ...rescale(region.y, from.y.ticks) } }),\r\n        }\r\n        return timeline.animate((t) => ({ home, ...axesAt(from, to, t) }))\r\n      },\r\n    },\r\n    /** Pull back out to the domain the first zoom left — the mirror of `zoomTo`, and a hold if it never zoomed. */\r\n    resetZoom: {\r\n      args: {},\r\n      easing: easeOut(),\r\n      run: (timeline, state) => {\r\n        const home = state.home\r\n        if (!home) return timeline.wait(timeline.duration)\r\n        const from = lineChartDomains(state)\r\n        return timeline.animate((t) => ({ home: null, ...axesAt(from, home, t) }))\r\n      },\r\n    },\r\n    /**\r\n     * Show series `index`: **trace** its line in left to right, in lockstep with\r\n     * its legend entry growing in.\r\n     */\r\n    showSeries: {\r\n      args: { seriesIndex: SERIES_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, _state, children) => toggling(timeline, children, timeline.args.seriesIndex, true),\r\n    },\r\n    /** Hide series `index`: **retrace** its line back out as its legend entry shrinks away. */\r\n    hideSeries: {\r\n      args: { seriesIndex: SERIES_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, _state, children) => toggling(timeline, children, timeline.args.seriesIndex, false),\r\n    },\r\n    /**\r\n     * Fade every other series — each line **and its legend entry** — to focus on\r\n     * `index`, which comes back to full. The legend dims in place, so the row\r\n     * doesn't reflow.\r\n     */\r\n    spotlightSeries: {\r\n      args: { seriesIndex: SERIES_ARG },\r\n      easing: easeOut(),\r\n      run: (timeline, _state, children) => {\r\n        const parts = partsOf(children)\r\n        if (!parts) return timeline.wait(timeline.duration)\r\n        const index = timeline.args.seriesIndex\r\n        return timeline.together([\r\n          ...parts.lines.map((line, i) => line.to({ opacity: i === index ? 1 : SPOTLIGHT_DIM })),\r\n          ...(parts.legend ? [parts.legend.run(\"spotlightSeries\", { index })] : []),\r\n        ])\r\n      },\r\n    },\r\n  },\r\n})\r\n\r\nexport type LineChart = NodeOf<typeof LineChart>\r\n"]}

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

@@ -70,15 +70,8 @@ export declare function formatInstant(value: number, span: number): string;
  * How `field` positions the rows: the number it holds, the instant it names, or
  * failing both, the row's own place in the file.
  *
- * Resolved from the data on every read rather than cached on the node: it is
- * cheap (one pass to classify, one to position), and a cache keyed on a `data`
- * array that a rebuild replaces on every edit would miss every time anyway.
+ * Kept per `data` array: a chart's bound props ask a dozen times a frame, and
+ * parsing every row's instant each time was most of a frame.
  */
-export declare function resolveXScale(data: DataRecord[], field: string, 
-/**
- * The number-format pattern for a *numeric* column. Ignored by the other two
- * kinds, and correctly so: a tick on those is captioned with the cell the
- * author wrote, and `Jan` has no decimal places.
- */
-pattern?: string): XScale;
+export declare function resolveXScale(data: DataRecord[], field: string, pattern?: string): XScale;
 //# sourceMappingURL=x-scale.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"x-scale.d.ts","sourceRoot":"","sources":["../../src/line-chart/x-scale.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAKL,KAAK,KAAK,EACX,MAAM,eAAe,CAAA;AAGtB,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,yEAAyE;IACzE,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,qEAAqE;IACrE,MAAM,EAAE,KAAK,CAAA;IACb,yCAAyC;IACzC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,mEAAmE;IACnE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACjD;AAmDD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAkDxD;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAQjE;AAuHD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAAE,EAClB,KAAK,EAAE,MAAM;AACb;;;;GAIG;AACH,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,CA2CR"}
+{"version":3,"file":"x-scale.d.ts","sourceRoot":"","sources":["../../src/line-chart/x-scale.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAKL,KAAK,KAAK,EACX,MAAM,eAAe,CAAA;AAGtB,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,yEAAyE;IACzE,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,qEAAqE;IACrE,MAAM,EAAE,KAAK,CAAA;IACb,yCAAyC;IACzC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,mEAAmE;IACnE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACjD;AAmDD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAkDxD;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAQjE;AA0HD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAAE,EAClB,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,CAOR"}

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

@@ -248,15 +248,26 @@ function labelBySample(positions, captions, value, fallback) {
     const i = positions.indexOf(value);
     return i >= 0 ? captions[i] : fallback(value);
 }
+/** Scales already resolved, by data array, then by field and pattern. */
+const scales = new WeakMap();
 /**
  * How `field` positions the rows: the number it holds, the instant it names, or
  * failing both, the row's own place in the file.
  *
- * Resolved from the data on every read rather than cached on the node: it is
- * cheap (one pass to classify, one to position), and a cache keyed on a `data`
- * array that a rebuild replaces on every edit would miss every time anyway.
+ * Kept per `data` array: a chart's bound props ask a dozen times a frame, and
+ * parsing every row's instant each time was most of a frame.
  */
-export function resolveXScale(data, field, 
+export function resolveXScale(data, field, pattern) {
+    let byKey = scales.get(data);
+    if (!byKey)
+        scales.set(data, (byKey = new Map()));
+    const key = JSON.stringify([field, pattern ?? null]);
+    let scale = byKey.get(key);
+    if (!scale)
+        byKey.set(key, (scale = xScaleOf(data, field, pattern)));
+    return scale;
+}
+function xScaleOf(data, field, 
 /**
  * The number-format pattern for a *numeric* column. Ignored by the other two
  * kinds, and correctly so: a tick on those is captioned with the cell the