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

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../src/bar-chart/bar-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  command,\n  node,\n  Node2D,\n  Rect,\n  easeOut,\n  property,\n  type CommandArgs,\n  type DataRecord,\n  type Command,\n  type EasingFunction,\n  type NodeConfig,\n  type Node2DProps,\n} from \"@motionscript/core\"\n\nimport { ChartBorder } from \"../kit/chart-border\"\nimport { ChartCanvas } from \"../kit/chart-canvas\"\nimport { ChartLegend } from \"../kit/chart-legend\"\nimport { VerticalAxis } from \"../kit/vertical-axis\"\nimport {\n  clampUnit,\n  formatMarker,\n  lerpAxisDomain,\n  markerValues,\n  num,\n  resolveAxisDomain,\n  type AxisDomainConfig,\n  type Range,\n} from \"../kit/shared\"\nimport { formatNumber } from \"@motionscript/core/component\"\nimport {\n  drive,\n  hold,\n  sequence as sequenceOf,\n  together,\n  type Seekable,\n} from \"@motionscript/core/component\"\nimport { CategoryAxis } from \"./category-axis\"\nimport { ChartBars, type BarGeometry } from \"./chart-bars\"\nimport {\n  DEFAULT_BAR_CHART_THEME,\n  barCategories,\n  barSpans,\n  lerpBarChartTheme,\n  resolveBarChartTheme,\n  resolveBarFill,\n  resolveBarScale,\n  stackCapIndex,\n  type BarChartConfig,\n  type BarChartTheme,\n  type BarSeries,\n} from \"./shared\"\n\nexport interface BarChartProps extends Node2DProps {\n  /** One row per category — a plain record of field name to value. */\n  data: DataRecord[]\n  /**\n   * Key into each row for its category caption, drawn beneath the baseline.\n   * Named `categoryField` rather than `category` for the same reason the line\n   * chart's is `xField`: it names a *column*, not a value.\n   */\n  categoryField: string\n  /** One entry per bar series: which column it plots, its `label`, its `fill`. */\n  series: BarSeries[]\n  /**\n   * When `true` every category's series stack into one column; when `false`\n   * (the default) each series gets its own bar, grouped side by side within the\n   * category's slot.\n   */\n  stacked?: boolean\n  /** The value axis's domain: caption, scale range, and tick placement. */\n  valueAxis?: AxisDomainConfig\n  /** The category axis's domain. Only its `label` is read — the slots are the rows. */\n  categoryAxis?: AxisDomainConfig\n  /**\n   * The chart's visual theme — bar palette and geometry, axis furniture, plot\n   * panel paint, legend, value figures. Every branch is optional and deep-merged\n   * onto {@link DEFAULT_BAR_CHART_THEME}.\n   */\n  theme?: BarChartTheme\n  /** Whether the legend row below the plot is drawn at all. */\n  showLegend?: boolean\n  /** Whether each column prints the figure it plots. */\n  showValues?: boolean\n}\n\n/**\n * Layout constants for the composition, all in px — the line chart's, so the two\n * sit at the same size in the same box and a scene can swap one for the other\n * without re-tuning its layout.\n */\n/** Left gutter reserved for the value axis markers. */\nconst Y_AXIS_GUTTER = 64\n/** Bottom gutter (within the chart area) reserved for the category captions. */\nconst X_AXIS_GUTTER = 40\n/** Height reserved below the chart area for the legend row. */\nconst LEGEND_GUTTER = 56\n/** Extra left/bottom room when an axis caption is shown. */\nconst Y_LABEL_GUTTER = 34\nconst X_LABEL_GUTTER = 30\n/** Headroom above the plot, so a column reaching the top marker isn't flush to it. */\nconst TOP_HEADROOM = 24\n/** Right gutter so the last slot isn't flush with the box edge. */\nconst RIGHT_GUTTER = 20\n\n/** How far the legend starts below its slot when it enters, in px. */\nconst LEGEND_SLIDE = 20\n\n/**\n * How {@link BarChart.enter} divides its duration between its three beats: the\n * axes arriving, the columns rising, and the legend coming up. Shares of the\n * whole, so they must sum to 1 — the entrance takes exactly the time it was\n * given, for the reason spelt out on `LineChart.enter`.\n */\n/**\n * The signals the bar chart's own commands move, as props types.\n *\n * Written out rather than reusing `BarChartProps` because these are signals of\n * the chart's own — how far the columns have risen, and which category is lit —\n * rather than part of what an author states about it. Same reason the line chart\n * types its `RegionState` separately.\n */\ntype CategorySpotlight = { spotlight: number | null; spotlightReveal: number }\ntype BarGrowth = { growth: number }\n\nconst AXES_SHARE = 0.35\nconst BARS_SHARE = 0.5\nconst LEGEND_SHARE = 0.15\n\n/**\n * A grouped or stacked bar chart, composed from independent parts rather than\n * one monolithic draw — the sibling of the {@link LineChart} family, built the\n * same way and out of several of the same pieces:\n *\n * - `ChartCanvas` — the plot panel with a horizontal grid, under everything.\n * - `VerticalAxis` — the numeric value markers, staggering in bottom-to-top.\n * - {@link CategoryAxis} — the row of names beneath the baseline, one per row of\n *   the data, staggering in left-to-right.\n * - {@link ChartBars} (one per series) — that series' column in every category,\n *   plus the figures printed on them.\n * - `ChartLegend` — a row of entries below the chart, one per series.\n *\n * The parts are laid out from this node's `layoutBounds` exactly as the line\n * chart's are: a left gutter for the value axis, a bottom gutter for the\n * captions, the plot filling what's left, and the legend row beneath the whole\n * thing. Every child's position and size is bound reactively, so the chart\n * re-flows if its box changes, and the bars read the same resolved scale the\n * axis does, so a column's end lands exactly on its marker.\n *\n * **Resting state is the finished chart** — the same bargain the line chart\n * makes: the studio paints a node's Initial state on a paused canvas, so a chart\n * that only appeared once a command had run would be edited blind. {@link enter}\n * arms every part back to its pre-entrance state before animating.\n *\n * **Zero is always on the scale** (see `barValueExtent`), and the columns\n * grow about it rather than about the plot floor, so a negative value draws\n * downward out of the same `growth` signal that draws a positive one up.\n *\n * Past the entrance, two things move the chart:\n * {@link showSeries}/{@link hideSeries}/{@link spotlightSeries} pick out a\n * *series* — and hiding one **reflows the group**, the remaining columns\n * widening into the space as it goes, rather than leaving a hole where it was —\n * while {@link spotlightCategory}/{@link clearCategory} pick out a *column of\n * the table*, dimming every other category and its caption with it.\n */\n@node({\n  key: \"barChart\",\n  parentKey: \"node\",\n  forkable: true,\n  layout: {\n    children: \"freeform\",\n    defaultWidthMode: \"fixed\",\n    defaultHeightMode: \"fixed\",\n    acceptsChildren: true,\n  },\n  seed: {\n    width: 760,\n    height: 460,\n  },\n})\nexport class BarChart extends Node2D<BarChartProps> {\n  @property({ default: () => [] as DataRecord[] }) declare data: DataRecord[]\n  @property({ default: \"\" }) declare categoryField: string\n  @property({ default: () => [] as BarSeries[] }) declare series: BarSeries[]\n  @property({ default: false }) declare stacked: boolean\n  /**\n   * The value axis's domain (label/range/ticks), tweenable and mappable exactly\n   * as the line chart's axes are: the mapper merges a partial input onto the\n   * previous resolved domain and the tween interpolates numerically, so\n   * `chart.to({ data: { valueAxis: { range: [0, 10] } }, duration: 1 })` smoothly\n   * rescales every column. The axis *label* text is captured once at construction.\n   */\n  @property({\n    default: {},\n    mapper: resolveAxisDomain,\n    tween: lerpAxisDomain,\n  })\n  declare valueAxis: AxisDomainConfig\n  @property({\n    default: {},\n    mapper: resolveAxisDomain,\n    tween: lerpAxisDomain,\n  })\n  declare categoryAxis: AxisDomainConfig\n  @property({\n    default: DEFAULT_BAR_CHART_THEME,\n    mapper: resolveBarChartTheme,\n    tween: lerpBarChartTheme,\n  })\n  declare theme: BarChartTheme\n\n  /**\n   * Global rise of every column in `[0, 1]`, measured about the baseline: 0\n   * collapses them all onto it, 1 draws them at full length. Each\n   * {@link ChartBars}' own `growth` is bound to this, so tweening this one\n   * signal raises the whole chart in proportion.\n   */\n  @property({ default: 1 }) declare growth: number\n\n  /**\n   * How much of the slot each series currently claims, one entry per series.\n   *\n   * A *weight* rather than a boolean, because that is what makes hiding a series\n   * an animation instead of a jump: the grouped columns divide the slot in\n   * proportion to these, so tweening one to 0 has the remaining columns widen\n   * into the space as it shrinks away, and a stacked segment's contribution to\n   * the stack fades out with it. Seeded from each series' `enabled` field.\n   */\n  @property({ default: () => [] as number[] }) declare weights: number[]\n\n  /**\n   * The category currently spotlit, or `null` for none. Held as a plain reactive\n   * value rather than a tweened one: the *choice* snaps, and the animation is\n   * {@link spotlightReveal} dimming everything else.\n   */\n  @property({ default: null }) declare spotlight: number | null\n\n  /** How far the category spotlight is drawn in, `[0, 1]`. */\n  @property({ default: 0 }) declare spotlightReveal: number\n\n  // ---- Part handles (built in the constructor) --------------------------\n  private vAxis: VerticalAxis\n  private cAxis: CategoryAxis\n  private legend: ChartLegend | null = null\n  private barSets: ChartBars[] = []\n\n  /**\n   * `this.theme` read back through its *resolved* shape — the same\n   * loose-declared/resolved-stored idiom as a shape's `fill`/`stroke`, and as\n   * the line chart's own theme.\n   */\n  private get resolvedTheme(): BarChartConfig {\n    return this.theme as unknown as BarChartConfig\n  }\n\n  // ---- Derived scale ----------------------------------------------------\n\n  /** Fallback marker count when the value axis states no ticks. */\n  private static readonly DEFAULT_MARKERS = 5\n\n  private get valueScale(): Range {\n    const divisions =\n      (this.valueAxis.ticks?.length ?? BarChart.DEFAULT_MARKERS) - 1\n    return resolveBarScale(\n      this.data,\n      this.series,\n      this.stacked,\n      this.valueAxis.range,\n      divisions\n    )\n  }\n\n  /**\n   * A value written down as this chart's value axis says — the axis ticks and\n   * the figures printed on the columns both read through here, so the two\n   * cannot disagree about what a number looks like.\n   */\n  private valueLabel(value: number): string {\n    const pattern = this.valueAxis.format\n    return pattern === undefined\n      ? formatMarker(value)\n      : formatNumber(value, pattern)\n  }\n\n  /** The value axis ticks: the explicit ones, else five across the scale. */\n  private get resolvedMarkers(): number[] {\n    return (\n      this.valueAxis.ticks ??\n      markerValues(this.valueScale, BarChart.DEFAULT_MARKERS - 1)\n    )\n  }\n\n  // ---- Plot geometry, all derived from layoutBounds -----------------------\n\n  private get hasValueLabel(): boolean {\n    return this.valueAxis.label !== \"\"\n  }\n  private get hasCategoryLabel(): boolean {\n    return this.categoryAxis.label !== \"\"\n  }\n\n  private get leftInset(): number {\n    return Y_AXIS_GUTTER + (this.hasValueLabel ? Y_LABEL_GUTTER : 0)\n  }\n  private get bottomInset(): number {\n    return X_AXIS_GUTTER + (this.hasCategoryLabel ? X_LABEL_GUTTER : 0)\n  }\n\n  /** The plot rectangle in node space: `{ left, right, top, bottom }` (y-up). */\n  private plotBox(): {\n    left: number\n    right: number\n    top: number\n    bottom: number\n  } {\n    const W = this.layoutBounds.width\n    const H = this.layoutBounds.height\n    const areaTop = H / 2\n    const areaBottom = -H / 2 + (this.legend ? LEGEND_GUTTER : 0)\n    const left = -W / 2 + this.leftInset\n    const right = W / 2 - RIGHT_GUTTER\n    const top = areaTop - TOP_HEADROOM\n    const bottom = areaBottom + this.bottomInset\n    return { left, right, top, bottom }\n  }\n\n  /** Width and height of the plot, in px. */\n  private plotSize(): { w: number; h: number } {\n    const { left, right, top, bottom } = this.plotBox()\n    return { w: right - left, h: top - bottom }\n  }\n\n  /** Map a value onto the plot's **centred** pixel space (origin at its centre, y-up). */\n  private valueToY(value: number): number {\n    const [min, max] = this.valueScale\n    const { h } = this.plotSize()\n    if (max <= min) return -h / 2\n    return ((value - min) / (max - min) - 0.5) * h\n  }\n\n  /**\n   * Pixel y of the line every column grows from.\n   *\n   * Zero, clamped onto the scale — so an author who *did* crop the axis to\n   * `[40, 100]` gets columns rising from the plot floor rather than from a\n   * baseline off the bottom of the panel.\n   */\n  private get baselinePx(): number {\n    const [min, max] = this.valueScale\n    return this.valueToY(Math.min(Math.max(0, min), max))\n  }\n\n  // ---- Slot geometry ----------------------------------------------------\n\n  /** Width of one category's slot across the plot. */\n  private get slotWidth(): number {\n    const n = this.data.length\n    return n > 0 ? this.plotSize().w / n : 0\n  }\n\n  /** Centre x of category `i`'s slot, in the plot's centred space. */\n  private slotCenter(index: number): number {\n    return -this.plotSize().w / 2 + this.slotWidth * (index + 0.5)\n  }\n\n  /** The part of a slot the columns fill — the rest is the channel between categories. */\n  private get slotInner(): number {\n    return this.slotWidth * clampUnit(this.resolvedTheme.bar.slotFill)\n  }\n\n  /** Series `i`'s live share of the slot; 0 once it has been hidden. */\n  private weightAt(index: number): number {\n    return Math.max(0, this.weights[index] ?? 1)\n  }\n\n  /** Total live share across the series — the slot's inner width divides by this. */\n  private get totalWeight(): number {\n    let sum = 0\n    for (let i = 0; i < this.series.length; i++) sum += this.weightAt(i)\n    return sum > 0 ? sum : 1\n  }\n\n  /** Live share of every series *before* `index`, for the grouped offset. */\n  private weightBefore(index: number): number {\n    let sum = 0\n    for (let i = 0; i < index; i++) sum += this.weightAt(i)\n    return sum\n  }\n\n  /**\n   * Series `index`'s columns, mapped into the plot's centred pixel space.\n   *\n   * Both modes come out of one walk over the rows: a grouped series divides the\n   * slot with its siblings and every column runs from zero, a stacked one takes\n   * the whole slot and each column runs from the running total below it. The\n   * live {@link weights} scale the grouped widths and the stacked contributions\n   * alike, which is what lets `hideSeries` reflow rather than punch a hole.\n   */\n  private seriesBars(index: number): BarGeometry[] {\n    const series = this.series[index]\n    if (!series) return []\n    const stacked = this.stacked\n    const inner = this.slotInner\n    const gap = this.resolvedTheme.bar.groupGap\n    const unit = inner / this.totalWeight\n    const weight = this.weightAt(index)\n\n    return this.data.map((row, rowIndex) => {\n      // The stack is built from the *live* contributions, so a series fading out\n      // lowers the segments above it as it goes instead of dropping them by a\n      // step when it finally switches off. A grouped row needs no such scaling —\n      // there its weight moves the column's width, not its length.\n      const spans = barSpans(\n        stacked ? this.weightedRow(row) : row,\n        this.series,\n        stacked\n      )\n      const span = spans[index] ?? { from: 0, to: 0, value: 0 }\n      const cap = stacked ? stackCapIndex(row, this.series) : index\n\n      const slotLeft = this.slotCenter(rowIndex) - inner / 2\n      const x = stacked\n        ? this.slotCenter(rowIndex)\n        : slotLeft + unit * this.weightBefore(index) + (unit * weight) / 2\n      const width = stacked\n        ? inner\n        : Math.max(0, unit * weight - (this.series.length > 1 ? gap : 0))\n\n      return {\n        x,\n        width,\n        from: this.valueToY(span.from),\n        to: this.valueToY(span.to),\n        round: cap === index,\n        // The figure printed is the row's own value, not the weighted one — a\n        // series on its way out should not be seen counting down.\n        value: num(row, series.field),\n      }\n    })\n  }\n\n  /**\n   * `row` with each series' value scaled by that series' live {@link weights}\n   * entry — what the stacked spans are measured from.\n   */\n  private weightedRow(row: DataRecord): DataRecord {\n    const scaled: DataRecord = { ...row }\n    this.series.forEach((s, i) => {\n      const value = row[s.field]\n      if (typeof value === \"number\") scaled[s.field] = value * this.weightAt(i)\n    })\n    return scaled\n  }\n\n  /**\n   * How far each category is dimmed by the spotlight, one entry per row —\n   * 1 while nothing is spotlit, falling to the theme's `dimOpacity` for every\n   * category but the chosen one as the reveal climbs.\n   */\n  private categoryDims(): number[] {\n    const focus = clampUnit(this.spotlightReveal)\n    const dim = this.resolvedTheme.spotlight.dimOpacity\n    const chosen = this.spotlight\n    return this.data.map((_, i) =>\n      focus <= 0 || chosen === i ? 1 : 1 - (1 - dim) * focus\n    )\n  }\n\n  // ---- Build ------------------------------------------------------------\n\n  constructor(props?: NodeConfig<BarChart, BarChartProps>) {\n    super(props)\n\n    // The whole chart is composed from plain props/`data` — no context needed,\n    // so the parts are built here (super() applied the props above). Everything\n    // a *leaf* reads live in `renderSelf` — each series' geometry, paint and\n    // dim, the panel's fill, the border's stroke — is passed as a closure rather\n    // than a snapshot, so `chart.to({ theme })` and\n    // `chart.to({ valueAxis: { range } })` genuinely animate the drawn chart.\n    const enabled = this.series.map((s) => s.enabled ?? true)\n    this.weights = enabled.map((on) => (on ? 1 : 0))\n    const showLegend = props?.showLegend !== false\n    const showValues = props?.showValues === true\n\n    this.vAxis = new VerticalAxis({\n      range: () => this.valueScale,\n      markers: () => this.resolvedMarkers,\n      axis: () => this.resolvedTheme.yAxis,\n      label: this.valueAxis.label ?? \"\",\n      width: \"hug\",\n      height: \"fill\",\n    })\n    this.vAxis.labelFor = (value) => this.valueLabel(value)\n\n    this.cAxis = new CategoryAxis({\n      categories: barCategories(this.data, this.categoryField),\n      axis: () => this.resolvedTheme.xAxis,\n      label: this.categoryAxis.label ?? \"\",\n      dims: () => this.categoryDims(),\n      width: \"fill\",\n      height: \"hug\",\n    })\n\n    this.barSets = this.series.map(\n      (s, i) =>\n        new ChartBars({\n          bars: () => this.seriesBars(i),\n          baseline: () => this.baselinePx,\n          fill: () => resolveBarFill(this.resolvedTheme.seriesFills, s, i),\n          barStroke: () => this.resolvedTheme.bar.stroke,\n          barShadow: () => this.resolvedTheme.bar.shadow,\n          cornerRadius: () => this.resolvedTheme.bar.cornerRadius,\n          growth: () => this.growth,\n          dims: () => this.categoryDims(),\n          showValues,\n          valueStyle: this.resolvedTheme.valueStyle,\n          enabled: enabled[i],\n        })\n    )\n    // The figures on the columns are the same numbers the value axis ticks, so\n    // they read through the same format.\n    for (const set of this.barSets) set.labelFor = (value) => this.valueLabel(value)\n\n    if (showLegend) {\n      this.legend = new ChartLegend({\n        series: this.series,\n        swatches: () =>\n          this.series.map((s, i) =>\n            resolveBarFill(this.resolvedTheme.seriesFills, s, i)\n          ),\n        legend: () => this.resolvedTheme.legend,\n      })\n    }\n\n    const plot = new Rect({\n      clip: true,\n      children: [\n        new ChartCanvas({\n          fill: () => this.resolvedTheme.plotArea.fill,\n          shadow: () => this.resolvedTheme.plotArea.shadow,\n          xGridStroke: () => this.resolvedTheme.xAxis.lineStyle,\n          yGridStroke: () => this.resolvedTheme.yAxis.lineStyle,\n          // No vertical rules: the horizontal axis is categorical, so there is\n          // no numeric position along it for a grid line to mark. The channel\n          // between slots does that job, and better.\n          xMarkers: [],\n          yMarkers: () => this.resolvedMarkers,\n          xExtent: () => [0, 1] as Range,\n          yExtent: () => this.valueScale,\n        }),\n        ...this.barSets,\n        new ChartBorder({\n          stroke: () => this.resolvedTheme.plotArea.stroke,\n        }),\n      ],\n    })\n\n    // Invisible twin of the value axis, reserving the same left gutter under the\n    // plot so the category row starts at the plot's left edge rather than the\n    // chart's — and so a caption lands under the columns it names.\n    const gutterSpacer = new VerticalAxis({\n      opacity: 0,\n      range: () => this.valueScale,\n      markers: () => this.resolvedMarkers,\n      axis: () => this.resolvedTheme.yAxis,\n      label: this.valueAxis.label ?? \"\",\n      width: \"hug\",\n      height: 0,\n    })\n\n    const below: Node2D[] = [this.cAxis]\n    if (this.legend) below.push(this.legend)\n\n    this.add(\n      new Rect({ flow: \"vertical\",\n        width: \"fill\",\n        height: \"fill\",\n        children: [\n          new Rect({ flow: \"horizontal\",\n            height: \"fill\",\n            width: \"fill\",\n            children: [this.vAxis, plot],\n          }),\n          new Rect({ flow: \"horizontal\",\n            width: \"fill\",\n            children: [\n              gutterSpacer,\n              new Rect({ flow: \"vertical\", width: \"fill\", gap: 20, children: below }),\n            ],\n          }),\n        ],\n      })\n    )\n  }\n\n  // ---- Orchestrated entrance --------------------------------------------\n\n  /**\n   * Prime every part at its pre-entrance state — axis markers and captions\n   * shifted and transparent, columns collapsed onto the baseline, legend dropped\n   * and transparent.\n   *\n   * Called by {@link enter} before its first frame so nothing flashes ahead of\n   * its beat. Idempotent, and public so a scene can hide a chart ahead of time\n   * without starting the entrance.\n   */\n  arm(): void {\n    this.vAxis.arm()\n    this.cAxis.arm()\n    this.growth = 0\n    this.legend?.set({ opacity: 0, y: -LEGEND_SLIDE })\n  }\n\n  /**\n   * Animate the whole chart in: the two axes stagger their markers and captions\n   * in, the columns rise from the baseline, and the legend fades up last.\n   *\n   * `duration` is the **whole** entrance. The phases are shares of it, not\n   * multiples — a command that declares 1.4 seconds has to take 1.4 seconds,\n   * because that is the slot the timeline lays out for it, the length its\n   * parallel siblings are timed against, and its contribution to the scene's own\n   * duration.\n   */\n  @command()\n  enter(args: CommandArgs<Record<string, never>> & { duration: number }): Seekable {\n    const { duration } = args\n    const easing = args.easing ?? easeOut()\n    this.arm()\n\n    return sequenceOf(\n      together(\n        this.vAxis.enter({ data: { slide: 24 }, duration: duration * AXES_SHARE, easing }),\n        this.cAxis.enter({ data: { slide: 24 }, duration: duration * AXES_SHARE, easing })\n      ),\n      this.riseBars(duration * BARS_SHARE, easing),\n      ...(this.legend\n        ? [this.legend.to({ data: { opacity: 1, y: 0 }, duration: duration * LEGEND_SHARE, easing })]\n        : [])\n    )\n  }\n\n  /** Tween {@link growth} `0 → 1`, raising every column about the baseline. */\n  private riseBars(\n    duration: number,\n    easing: EasingFunction\n  ): Command<BarGrowth> {\n    // No priming to 0 first: the value at `t` is a function of `t`, so a repeat\n    // call re-raises by definition rather than by having reset something.\n    return this.command<BarGrowth>((t) => ({ growth: t }), duration, easing)\n  }\n\n  /**\n   * Show series `index`: bring its columns back, the group reflowing to make\n   * room as they arrive, in lockstep with its legend entry growing in.\n   */\n  @command({ args: [{ key: \"seriesIndex\", kind: \"series\", default: 0, min: 0, step: 1 }] })\n  showSeries(args: CommandArgs<{ seriesIndex: number }>): Seekable {\n    const { seriesIndex = 0 } = args.data ?? {}\n    return this.toggleSeries(seriesIndex, 1, args.duration ?? 0.35, args.easing ?? easeOut())\n  }\n\n  /**\n   * Hide series `index`: its columns narrow away (or, stacked, sink out of the\n   * stack) while the rest of the group widens into the space, its legend entry\n   * shrinking beside them — the mirror of {@link showSeries}.\n   */\n  @command({ args: [{ key: \"seriesIndex\", kind: \"series\", default: 0, min: 0, step: 1 }] })\n  hideSeries(args: CommandArgs<{ seriesIndex: number }>): Seekable {\n    const { seriesIndex = 0 } = args.data ?? {}\n    return this.toggleSeries(seriesIndex, 0, args.duration ?? 0.35, args.easing ?? easeOut())\n  }\n\n  /**\n   * Move series `index`'s slot share to `target`, with its legend entry.\n   *\n   * One method for both directions, so the pair cannot drift apart. `enabled`\n   * rides in the same value as the weight rather than being set before or after,\n   * which is what makes arriving at a time backwards show what arriving forwards\n   * does.\n   */\n  private toggleSeries(\n    index: number,\n    target: number,\n    duration: number,\n    easing: EasingFunction\n  ): Seekable {\n    const bars = this.barSets[index]\n    if (!bars) return hold(duration)\n\n    return together(\n      this.tweenWeight(index, target, duration, easing),\n      drive(duration, (t) => {\n        const share = t >= 1 ? target : Math.max(target, 1 - t)\n        bars.set({ enabled: target > 0 || share > 0 })\n      }),\n      ...(this.legend\n        ? [\n          target > 0\n            ? this.legend.showSeries({ data: { index }, duration, easing })\n            : this.legend.hideSeries({ data: { index }, duration, easing }),\n        ]\n        : [])\n    )\n  }\n\n  /**\n   * Fade out every other series — its columns **and its legend entry** — to\n   * focus attention on `index`, which comes back to full. Nothing moves, so the\n   * group doesn't reflow.\n   */\n  @command({ args: [{ key: \"seriesIndex\", kind: \"series\", default: 0, min: 0, step: 1 }] })\n  spotlightSeries(args: CommandArgs<{ seriesIndex: number }>): Seekable {\n    const { seriesIndex = 0 } = args.data ?? {}\n    const duration = args.duration ?? 0.35\n    const easing = args.easing ?? easeOut()\n    const dim = this.resolvedTheme.spotlight.dimOpacity\n    return together(\n      ...this.barSets.map((bars, i) =>\n        bars.to({ data: { opacity: i === seriesIndex ? 1 : dim }, duration, easing })\n      ),\n      ...(this.legend\n        ? [this.legend.spotlightSeries({ data: { index: seriesIndex }, duration, easing })]\n        : [])\n    )\n  }\n\n  /** Ease series `index`'s slot share toward `target`, reflowing the group. */\n  private tweenWeight(\n    index: number,\n    target: number,\n    duration: number,\n    easing: EasingFunction\n  ): Seekable {\n    // Read through `weightAt` rather than off the array, so a chart whose stored\n    // weights are short (or absent) still tweens from the 1 it is drawing at.\n    const from = this.series.map((_, i) => this.weightAt(i))\n    const start = from[index] ?? 1\n    if (start === target) return hold(duration)\n\n    return drive(duration, (t) => {\n      const next = [...from]\n      next[index] = start + (target - start) * easing(t)\n      this.weights = next\n    })\n  }\n\n  // ---- Per-category ------------------------------------------------------\n\n  /**\n   * Spotlight one **category** — one column of the table rather than one series:\n   * every other category's bars and its caption fade to the theme's\n   * `dimOpacity`, and the chosen one stays full.\n   *\n   * The counterpart of the line chart's `spotlightRegion`, and the same shape of\n   * thing: it picks out a slice of the plot without changing what is drawn.\n   * Calling it while another category is already lit moves the focus directly —\n   * only the dimming changes, so there is nothing to retract first.\n   */\n  @command({ args: [{ key: \"categoryIndex\", kind: \"number\", default: 0, min: 0, step: 1 }] })\n  spotlightCategory(args: CommandArgs<{ categoryIndex: number }>): Command<CategorySpotlight> {\n    const { categoryIndex = 0 } = args.data ?? {}\n    const duration = args.duration ?? 0.4\n    const easing = args.easing ?? easeOut()\n    if (categoryIndex < 0 || categoryIndex >= this.data.length) return this.holdSpotlight(duration)\n    const from = this.spotlightReveal\n    // Which category is lit is part of the value, set from the first frame: the\n    // focus moves directly, so unlike the line chart's region there is nothing to\n    // retract before it.\n    return this.command<CategorySpotlight>(\n      (t) => ({ spotlight: categoryIndex, spotlightReveal: from + (1 - from) * t }),\n      duration,\n      easing\n    )\n  }\n\n  /**\n   * Drop the category spotlight, bringing every category back to full. A no-op\n   * when nothing is lit — but it still takes its slot on the timeline, for the\n   * reason `LineChart.clearRegion` does.\n   */\n  @command()\n  clearCategory(args: CommandArgs<Record<string, never>>): Command<CategorySpotlight> {\n    const duration = args.duration ?? 0.4\n    const easing = args.easing ?? easeOut()\n    const from = this.spotlightReveal\n    if (from === 0) return this.holdSpotlight(duration)\n\n    // The lit category is held until the fade lands — cleared at `t === 1` rather\n    // than up front, or there would be nothing left to fade.\n    return this.command<CategorySpotlight>(\n      (t) =>\n        t >= 1\n          ? { spotlight: null, spotlightReveal: 0 }\n          : { spotlightReveal: from * (1 - t) },\n      duration,\n      easing\n    )\n  }\n\n  /** The no-op both of the above return — see {@link hold}. */\n  private holdSpotlight(duration: number): Command<CategorySpotlight> {\n    return this.command<CategorySpotlight>(() => ({}), duration)\n  }\n}\n"]}

package/dist/bar-chart/category-axis.d.ts

@@ -0,0 +1,77 @@
+import { Node2D, type CommandArgs, type NodeConfig, type Node2DProps } from "@motionscript/core";
+import { type AxisConfig } from "../kit/shared.js";
+import { type Seekable } from "@motionscript/core/component";
+export interface CategoryAxisProps extends Node2DProps {
+    /** One caption per category slot, left to right — the chart's rows, in order. */
+    categories: string[];
+    /** Caption/title text style and gutters — see {@link AxisConfig}. */
+    axis: AxisConfig;
+    /**
+     * Caption drawn centred in the gutter beneath the category row. Empty string
+     * (the default) hides it.
+     */
+    label: string;
+    /**
+     * Per-category opacity multiplier — how the chart's category spotlight reaches
+     * the captions, so the name under a dimmed column dims with it. Missing
+     * entries read as 1.
+     */
+    dims: number[];
+}
+/**
+ * The **categorical** horizontal axis of a {@link BarChart}: a row of
+ * {@link Text} captions, one per row of the data, each centred on its slot
+ * beneath the baseline.
+ *
+ * Not a variant of the line chart's `HorizontalAxis` and deliberately not
+ * folded into it: that axis places markers by *value* across a numeric range,
+ * this one divides its width into equal slots and centres a name in each. The
+ * two look alike on screen and share nothing underneath — one reads a scale,
+ * the other counts rows.
+ *
+ * The slot arithmetic is the same as the plot's, because this node is laid out
+ * to exactly the plot's width (the chart reserves the axis gutter with an
+ * invisible twin of the value axis, as the line chart does), so a caption lands
+ * under the columns it names without either side being told about the other.
+ *
+ * {@link enter} staggers the captions in left-to-right, each lifted a little
+ * above its slot and transparent; the resting state is the landed one, so a
+ * chart that is never told to enter still reads as finished.
+ */
+export declare class CategoryAxis extends Node2D<CategoryAxisProps> {
+    categories: string[];
+    axis: AxisConfig;
+    label: string;
+    dims: number[];
+    /** One caption per category, ordered left → right, for the staggered enter. */
+    private captionNodes;
+    /** The axis title, or null when `label` is empty. */
+    private labelNode;
+    /** Centre x of slot `i`, in the node's centred space. */
+    private slotCenter;
+    constructor(props?: NodeConfig<CategoryAxis, CategoryAxisProps>);
+    /**
+     * Primes every caption (and the title) at its pre-entrance state: lifted above
+     * its slot and transparent. Idempotent, so the chart can arm its whole
+     * composition before the first frame is drawn.
+     */
+    arm(slide?: number): void;
+    /**
+     * Slide + fade every caption in from above, staggered left-to-right, then
+     * bring the title down behind them.
+     *
+     * `args.duration` is the **whole** entrance — the stagger and the title are
+     * carved out of it rather than added on top. See {@link enterBudget}.
+     *
+     * `args.data.stagger` is seconds between successive captions (derived when
+     * omitted); `args.data.slide` is the starting upward offset in px (node space
+     * is y-up, so a positive start slides *down* into place).
+     */
+    enter(args: CommandArgs<{
+        stagger?: number;
+        slide?: number;
+    }> & {
+        duration: number;
+    }): Seekable;
+}
+//# sourceMappingURL=category-axis.d.ts.map

package/dist/bar-chart/category-axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-axis.d.ts","sourceRoot":"","sources":["../../src/bar-chart/category-axis.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAON,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAIL,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAqB,KAAK,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAE/E,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,iFAAiF;IACjF,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,qEAAqE;IACrE,IAAI,EAAE,UAAU,CAAA;IAChB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,IAAI,EAAE,MAAM,EAAE,CAAA;CACf;AAKD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,YAAa,SAAQ,MAAM,CAAC,iBAAiB,CAAC;IACJ,UAAU,EAAE,MAAM,EAAE,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACK,IAAI,EAAE,MAAM,EAAE,CAAA;IAEnE,+EAA+E;IAC/E,OAAO,CAAC,YAAY,CAAa;IACjC,qDAAqD;IACrD,OAAO,CAAC,SAAS,CAAoB;IAErC,yDAAyD;IACzD,OAAO,CAAC,UAAU;gBAON,KAAK,CAAC,EAAE,UAAU,CAAC,YAAY,EAAE,iBAAiB,CAAC;IA6C/D;;;;OAIG;IACH,GAAG,CAAC,KAAK,SAAQ,GAAG,IAAI;IAKxB;;;;;;;;;;OAUG;IAEH,KAAK,CAAC,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,GAAG,QAAQ;CA2BhG"}

package/dist/bar-chart/category-axis.js

@@ -0,0 +1,141 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { command, Node2D, Rect, Text, easeOut, property, insetsOps, textOps, } from "@motionscript/core";
+import { DEFAULT_X_AXIS, clampUnit, enterBudget, } from "../kit/shared.js";
+import { at, compose, hold } from "@motionscript/core/component";
+/** How far a caption starts above its slot when it enters, in px. */
+const SLIDE = 24;
+/**
+ * The **categorical** horizontal axis of a {@link BarChart}: a row of
+ * {@link Text} captions, one per row of the data, each centred on its slot
+ * beneath the baseline.
+ *
+ * Not a variant of the line chart's `HorizontalAxis` and deliberately not
+ * folded into it: that axis places markers by *value* across a numeric range,
+ * this one divides its width into equal slots and centres a name in each. The
+ * two look alike on screen and share nothing underneath — one reads a scale,
+ * the other counts rows.
+ *
+ * The slot arithmetic is the same as the plot's, because this node is laid out
+ * to exactly the plot's width (the chart reserves the axis gutter with an
+ * invisible twin of the value axis, as the line chart does), so a caption lands
+ * under the columns it names without either side being told about the other.
+ *
+ * {@link enter} staggers the captions in left-to-right, each lifted a little
+ * above its slot and transparent; the resting state is the landed one, so a
+ * chart that is never told to enter still reads as finished.
+ */
+export class CategoryAxis extends Node2D {
+    /** One caption per category, ordered left → right, for the staggered enter. */
+    captionNodes = [];
+    /** The axis title, or null when `label` is empty. */
+    labelNode = null;
+    /** Centre x of slot `i`, in the node's centred space. */
+    slotCenter(index) {
+        const n = this.categories.length;
+        if (n <= 0)
+            return 0;
+        const width = this.layoutBounds.width;
+        return -width / 2 + (width / n) * (index + 0.5);
+    }
+    constructor(props) {
+        super(props);
+        const tickPad = insetsOps.resolve(this.axis.tickPadding).top;
+        const titlePad = insetsOps.resolve(this.axis.titlePadding).top;
+        // Each caption sits in a hug box carrying the spotlight dim, so the
+        // entrance can animate the text's own opacity without the two fighting over
+        // one value — opacity multiplies down the tree, which is exactly the
+        // composition wanted here.
+        const slots = this.categories.map((caption, i) => {
+            const text = new Text({
+                ...textOps.styleProps(this.axis.labelStyle),
+                text: caption,
+            });
+            this.captionNodes.push(text);
+            return new Rect({
+                width: "hug",
+                height: "hug",
+                flow: "freeform",
+                opacity: () => clampUnit(this.dims[i] ?? 1),
+                x: () => this.slotCenter(i),
+                children: [text],
+            });
+        });
+        const children = [
+            new Rect({
+                width: "fill",
+                height: "hug",
+                padding: { top: tickPad },
+                children: slots,
+            }),
+        ];
+        if (this.label !== "") {
+            this.labelNode = new Text({
+                ...textOps.styleProps(this.axis.titleStyle),
+                text: this.label,
+            });
+            children.push(this.labelNode);
+        }
+        this.add(new Rect({ flow: "vertical", gap: titlePad, height: "hug", width: "fill", children }));
+    }
+    /**
+     * Primes every caption (and the title) at its pre-entrance state: lifted above
+     * its slot and transparent. Idempotent, so the chart can arm its whole
+     * composition before the first frame is drawn.
+     */
+    arm(slide = SLIDE) {
+        for (const caption of this.captionNodes)
+            caption.set({ opacity: 0, y: slide });
+        this.labelNode?.set({ opacity: 0, y: slide });
+    }
+    /**
+     * Slide + fade every caption in from above, staggered left-to-right, then
+     * bring the title down behind them.
+     *
+     * `args.duration` is the **whole** entrance — the stagger and the title are
+     * carved out of it rather than added on top. See {@link enterBudget}.
+     *
+     * `args.data.stagger` is seconds between successive captions (derived when
+     * omitted); `args.data.slide` is the starting upward offset in px (node space
+     * is y-up, so a positive start slides *down* into place).
+     */
+    enter(args) {
+        const { stagger, slide = SLIDE } = args.data ?? {};
+        const easing = args.easing ?? easeOut();
+        const nodes = this.captionNodes;
+        if (nodes.length === 0)
+            return hold(args.duration);
+        const { step, per, caption } = enterBudget(args.duration, nodes.length, this.labelNode !== null, stagger);
+        this.arm(slide);
+        // The stagger was `wait(i * step)` inside a generator, so its offsets only
+        // existed while it ran. They were always `i * step`; placed, the same
+        // entrance can be asked what it looks like partway through.
+        const lastCaptionEnds = (nodes.length - 1) * step + per;
+        return compose([
+            ...nodes.map((node, i) => at(i * step, node.to({ data: { opacity: 1, y: 0 }, duration: per, easing }))),
+            ...(this.labelNode
+                ? [at(lastCaptionEnds, this.labelNode.to({ data: { opacity: 1, y: 0 }, duration: caption, easing }))]
+                : []),
+        ]);
+    }
+}
+__decorate([
+    property({ default: () => [] })
+], CategoryAxis.prototype, "categories", void 0);
+__decorate([
+    property({ default: DEFAULT_X_AXIS })
+], CategoryAxis.prototype, "axis", void 0);
+__decorate([
+    property({ default: "" })
+], CategoryAxis.prototype, "label", void 0);
+__decorate([
+    property({ default: () => [] })
+], CategoryAxis.prototype, "dims", void 0);
+__decorate([
+    command()
+], CategoryAxis.prototype, "enter", null);
+//# sourceMappingURL=category-axis.js.map

package/dist/bar-chart/category-axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-axis.js","sourceRoot":"","sources":["../../src/bar-chart/category-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  clampUnit,\n  enterBudget,\n  type AxisConfig,\n} from \"../kit/shared\"\nimport { at, compose, hold, type Seekable } from \"@motionscript/core/component\"\n\nexport interface CategoryAxisProps extends Node2DProps {\n  /** One caption per category slot, left to right — the chart's rows, in order. */\n  categories: string[]\n  /** Caption/title text style and gutters — see {@link AxisConfig}. */\n  axis: AxisConfig\n  /**\n   * Caption drawn centred in the gutter beneath the category row. Empty string\n   * (the default) hides it.\n   */\n  label: string\n  /**\n   * Per-category opacity multiplier — how the chart's category spotlight reaches\n   * the captions, so the name under a dimmed column dims with it. Missing\n   * entries read as 1.\n   */\n  dims: number[]\n}\n\n/** How far a caption starts above its slot when it enters, in px. */\nconst SLIDE = 24\n\n/**\n * The **categorical** horizontal axis of a {@link BarChart}: a row of\n * {@link Text} captions, one per row of the data, each centred on its slot\n * beneath the baseline.\n *\n * Not a variant of the line chart's `HorizontalAxis` and deliberately not\n * folded into it: that axis places markers by *value* across a numeric range,\n * this one divides its width into equal slots and centres a name in each. The\n * two look alike on screen and share nothing underneath — one reads a scale,\n * the other counts rows.\n *\n * The slot arithmetic is the same as the plot's, because this node is laid out\n * to exactly the plot's width (the chart reserves the axis gutter with an\n * invisible twin of the value axis, as the line chart does), so a caption lands\n * under the columns it names without either side being told about the other.\n *\n * {@link enter} staggers the captions in left-to-right, each lifted a little\n * above its slot and transparent; the resting state is the landed one, so a\n * chart that is never told to enter still reads as finished.\n */\nexport class CategoryAxis extends Node2D<CategoryAxisProps> {\n  @property({ default: () => [] as string[] }) declare categories: string[]\n  @property({ default: DEFAULT_X_AXIS }) declare axis: AxisConfig\n  @property({ default: \"\" }) declare label: string\n  @property({ default: () => [] as number[] }) declare dims: number[]\n\n  /** One caption per category, ordered left → right, for the staggered enter. */\n  private captionNodes: Text[] = []\n  /** The axis title, or null when `label` is empty. */\n  private labelNode: Text | null = null\n\n  /** Centre x of slot `i`, in the node's centred space. */\n  private slotCenter(index: number): number {\n    const n = this.categories.length\n    if (n <= 0) return 0\n    const width = this.layoutBounds.width\n    return -width / 2 + (width / n) * (index + 0.5)\n  }\n\n  constructor(props?: NodeConfig<CategoryAxis, CategoryAxisProps>) {\n    super(props)\n\n    const tickPad = insetsOps.resolve(this.axis.tickPadding).top\n    const titlePad = insetsOps.resolve(this.axis.titlePadding).top\n\n    // Each caption sits in a hug box carrying the spotlight dim, so the\n    // entrance can animate the text's own opacity without the two fighting over\n    // one value — opacity multiplies down the tree, which is exactly the\n    // composition wanted here.\n    const slots = this.categories.map((caption, i) => {\n      const text = new Text({\n        ...textOps.styleProps(this.axis.labelStyle),\n        text: caption,\n      })\n      this.captionNodes.push(text)\n      return new Rect({\n        width: \"hug\",\n        height: \"hug\",\n        flow: \"freeform\",\n        opacity: () => clampUnit(this.dims[i] ?? 1),\n        x: () => this.slotCenter(i),\n        children: [text],\n      })\n    })\n\n    const children: Node2D[] = [\n      new Rect({\n        width: \"fill\",\n        height: \"hug\",\n        padding: { top: tickPad },\n        children: slots,\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(new Rect({ flow: \"vertical\", gap: titlePad, height: \"hug\", width: \"fill\", children }))\n  }\n\n  /**\n   * Primes every caption (and the title) at its pre-entrance state: lifted above\n   * its slot and transparent. Idempotent, so the chart can arm its whole\n   * composition before the first frame is drawn.\n   */\n  arm(slide = SLIDE): void {\n    for (const caption of this.captionNodes) caption.set({ opacity: 0, y: slide })\n    this.labelNode?.set({ opacity: 0, y: slide })\n  }\n\n  /**\n   * Slide + fade every caption in from above, staggered left-to-right, then\n   * bring the title down behind them.\n   *\n   * `args.duration` is the **whole** entrance — the stagger and the title are\n   * carved out of it rather than added on top. See {@link enterBudget}.\n   *\n   * `args.data.stagger` is seconds between successive captions (derived when\n   * omitted); `args.data.slide` is the starting upward offset in px (node space\n   * is y-up, so a positive start slides *down* into place).\n   */\n  @command()\n  enter(args: CommandArgs<{ stagger?: number; slide?: number }> & { duration: number }): Seekable {\n    const { stagger, slide = SLIDE } = args.data ?? {}\n    const easing = args.easing ?? easeOut()\n    const nodes = this.captionNodes\n    if (nodes.length === 0) return hold(args.duration)\n    const { step, per, caption } = enterBudget(\n      args.duration,\n      nodes.length,\n      this.labelNode !== null,\n      stagger\n    )\n\n    this.arm(slide)\n\n    // The stagger was `wait(i * step)` inside a generator, so its offsets only\n    // existed while it ran. They were always `i * step`; placed, the same\n    // entrance can be asked what it looks like partway through.\n    const lastCaptionEnds = (nodes.length - 1) * step + per\n    return compose([\n      ...nodes.map((node, i) =>\n        at(i * step, node.to({ data: { opacity: 1, y: 0 }, duration: per, easing }))\n      ),\n      ...(this.labelNode\n        ? [at(lastCaptionEnds, this.labelNode.to({ data: { opacity: 1, y: 0 }, duration: caption, easing }))]\n        : []),\n    ])\n  }\n}\n"]}

package/dist/bar-chart/chart-bars.d.ts

@@ -0,0 +1,149 @@
+import { type AssetScope, Node2D, type Command, type CommandArgs, type Fill, type NodeConfig, type Node2DProps, type RenderContext2D, type Shadow, type Stroke, type TextStyle } from "@motionscript/core";
+import type { MarkerLabel } from "../kit/vertical-axis.js";
+/**
+ * One drawn column, already mapped into the plot's **centred pixel space**
+ * (origin at the plot centre, y-up) by the parent {@link BarChart}.
+ *
+ * `from`/`to` are the two ends of the column rather than a base and a height,
+ * for the same reason {@link BarSpan} is a span: it is the one shape that fits a
+ * grouped bar, a stacked segment and a negative value without a special case.
+ */
+export interface BarGeometry {
+    /** Centre x of the column. */
+    x: number;
+    /** Column width in px. */
+    width: number;
+    /** Pixel y of the column's base — the baseline when grouped, the running stack top when stacked. */
+    from: number;
+    /** Pixel y of its far end, at full {@link ChartBars.growth}. */
+    to: number;
+    /** Whether the far end takes the theme's corner radius (the stack's cap). */
+    round: boolean;
+    /** The value this column plots, for the figure printed on it. */
+    value: number;
+}
+export interface ChartBarsProps extends Node2DProps {
+    /** This series' columns, one per row of the chart's data. */
+    bars: BarGeometry[];
+    /** Pixel y of value 0 — where every column grows *from*. */
+    baseline: number;
+    /** Column paint — this series' own, or the theme palette's entry for its index. */
+    fill: Fill;
+    /** Optional outline on every column. */
+    barStroke: Stroke;
+    /** Optional drop shadow on every column. */
+    barShadow: Shadow;
+    /** Radius of the far-end corners, in px. */
+    cornerRadius: number;
+    /**
+     * Rise of every column in `[0, 1]`, measured **about the baseline**: 0
+     * collapses them all onto it, 1 draws them at full length.
+     *
+     * Scaling about the baseline rather than about each column's own base is what
+     * keeps a stack flush mid-animation — every segment's base and end travel by
+     * the same factor, so the segments stay stacked instead of the upper ones
+     * floating above the still-growing lower ones. It also means a negative
+     * column grows *down* out of the same signal.
+     */
+    growth: number;
+    /**
+     * Per-column opacity multiplier, by row index — how the chart's category
+     * spotlight reaches a single column without touching the series it belongs
+     * to. Missing entries read as 1.
+     */
+    dims: number[];
+    /** Whether the figure each column plots is printed on it. */
+    showValues: boolean;
+    /** Type style for those figures. */
+    valueStyle: TextStyle;
+    /**
+     * Whether this series draws at all — the wholesale switch behind
+     * `BarChart.showSeries`/`hideSeries`, alongside the slot weight that animates
+     * the reflow. Off skips the columns *and* their figures.
+     */
+    enabled: boolean;
+}
+/**
+ * One **series** of a {@link BarChart}, drawn as one command list: its column in
+ * every category, plus the figures printed on them.
+ *
+ * A node per series rather than a node per bar, deliberately — it is the same
+ * unit `ChartLine` is, which is what lets `showSeries`/`hideSeries`/
+ * `spotlightSeries` mean exactly the same thing on a bar chart as on a line
+ * chart: enable the node, or tween its opacity. The columns' *positions* come
+ * from the parent (it owns the slot arithmetic both modes share), so this part
+ * only has to know how to draw a span and grow it.
+ *
+ * The figures are real {@link Text} children rather than glyphs in the command
+ * list, so they take the theme's type style, are measured by the layout engine,
+ * and ride the node's own opacity — which is why hiding the series takes its
+ * figures with it for free.
+ */
+export declare class ChartBars extends Node2D<ChartBarsProps> {
+    bars: BarGeometry[];
+    baseline: number;
+    fill: Fill;
+    barStroke: Stroke;
+    barShadow: Shadow;
+    cornerRadius: number;
+    growth: number;
+    dims: number[];
+    showValues: boolean;
+    valueStyle: TextStyle;
+    enabled: boolean;
+    /**
+     * How a column's figure is written down — the same seam the two axes carry,
+     * so a chart's value axis and the numbers printed on its bars can't end up
+     * saying `$1,200` in one place and `1200` in the other.
+     */
+    labelFor: MarkerLabel;
+    constructor(props?: NodeConfig<ChartBars, ChartBarsProps>);
+    /**
+     * How far column `i` is dimmed — the chart's category spotlight, and the
+     * series switch on top of it.
+     *
+     * The captions read this rather than being hidden by `renderSelf`'s guard:
+     * they are real child nodes, so a `return` in the draw pass would leave them
+     * on screen over a series that isn't there.
+     */
+    private dimAt;
+    /** The two ends of column `i` at the current {@link growth}. */
+    private endsAt;
+    /** The type size the figures are set at, guarding the autofit/unset cases. */
+    private get valueSize();
+    /**
+     * The figure printed on column `i`, or `""` where there is no room for it.
+     *
+     * Blanking the text rather than dropping the node keeps the caption list
+     * index-aligned with the columns, so a chart that rescales into more room
+     * simply starts printing again.
+     */
+    private captionAt;
+    /** Whether column `i`'s figure sits inside the column (a stacked segment) or past its end. */
+    private insideAt;
+    /** Where column `i`'s figure sits, in the node's centred y-up space. */
+    private captionY;
+    /**
+     * This node extends `Node2D` rather than `ShapeNode`, so nothing declares the
+     * paint props it carries — see {@link declarePaints}. The column stroke and
+     * shadow are named past the conventional slots, so they are passed explicitly.
+     */
+    declareAssets(assets: AssetScope): void;
+    protected renderSelf(ctx: RenderContext2D): void;
+    /**
+     * Raise every column from the baseline by tweening {@link growth} `0 → 1`.
+     *
+     * The mirror of `ChartLine.enter`: same signature, same contract that the
+     * resting state is the finished one, so the chart arms this back to 0 before
+     * animating rather than the node hiding itself at construction.
+     */
+    enter(args: CommandArgs<Record<string, never>> & {
+        duration: number;
+    }): Command<ChartBarsGrowth>;
+}
+/** The one signal {@link ChartBars.enter} moves. */
+type ChartBarsGrowth = {
+    growth: number;
+};
+export {};
+//# sourceMappingURL=chart-bars.d.ts.map

package/dist/bar-chart/chart-bars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-bars.d.ts","sourceRoot":"","sources":["../../src/bar-chart/chart-bars.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EAEf,MAAM,EAQN,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,IAAI,EACT,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,MAAM,EAEX,KAAK,MAAM,EAEX,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAA;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAIvD;;;;;;;GAOG;AACH,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,CAAC,EAAE,MAAM,CAAA;IACT,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,oGAAoG;IACpG,IAAI,EAAE,MAAM,CAAA;IACZ,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAA;IACV,6EAA6E;IAC7E,KAAK,EAAE,OAAO,CAAA;IACd,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AASD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,6DAA6D;IAC7D,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAA;IAChB,mFAAmF;IACnF,IAAI,EAAE,IAAI,CAAA;IACV,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,SAAS,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,YAAY,EAAE,MAAM,CAAA;IACpB;;;;;;;;;OASG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,6DAA6D;IAC7D,UAAU,EAAE,OAAO,CAAA;IACnB,oCAAoC;IACpC,UAAU,EAAE,SAAS,CAAA;IACrB;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAA;CACjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,MAAM,CAAC,cAAc,CAAC;IACO,IAAI,EAAE,WAAW,EAAE,CAAA;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAM1C,IAAI,EAAE,IAAI,CAAA;IAMV,SAAS,EAAE,MAAM,CAAA;IAMjB,SAAS,EAAE,MAAM,CAAA;IAEjB,YAAY,EAAE,MAAM,CAAA;IACM,MAAM,EAAE,MAAM,CAAA;IACK,IAAI,EAAE,MAAM,EAAE,CAAA;IAC7B,UAAU,EAAE,OAAO,CAAA;IAEjD,UAAU,EAAE,SAAS,CAAA;IACQ,OAAO,EAAE,OAAO,CAAA;IAErD;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAe;gBAExB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,EAAE,cAAc,CAAC;IAoBzD;;;;;;;OAOG;IACH,OAAO,CAAC,KAAK;IAKb,gEAAgE;IAChE,OAAO,CAAC,MAAM;IASd,8EAA8E;IAC9E,OAAO,KAAK,SAAS,GAGpB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;IAcjB,8FAA8F;IAC9F,OAAO,CAAC,QAAQ;IAKhB,wEAAwE;IACxE,OAAO,CAAC,QAAQ;IAUhB;;;;OAIG;IACM,aAAa,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAQhD,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI;IAsChD;;;;;;OAMG;IAEH,KAAK,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,eAAe,CAAC;CAKjG;AAED,oDAAoD;AACpD,KAAK,eAAe,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAA"}