@motionscript/charts 0.1.0 → 0.1.1-alpha.1

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

@@ -1,146 +1,54 @@
-/**
- * Types and pure helpers specific to the {@link BarChart} family: how a row's
- * values become the spans its columns cover, how the value axis is scaled around
- * them, and the theme the bars add to the shared chart vocabulary.
- *
- * Everything a line or a pie chart would want too — what a series is, the axis
- * domain model, the theme leaf resolvers, the legend and plot-panel branches —
- * lives in `../kit/shared.ts` and is imported here.
- *
- * Kept renderer-agnostic (no `Node` imports) so a host's inspector mapping
- * can build a partial {@link BarChartTheme} without
- * pulling the components in.
- */
-import { type DataRecord, type Fill, type Shadow, type Stroke, type TextStyle } from "@motionscript/sdk";
-import { type AxisConfig, type ChartSeries, type LegendConfig, type LegendTheme, type PlotAreaConfig, type Range } from "../kit/shared.js";
-/**
- * One series in a {@link BarChart}: a column of the table drawn as one bar per
- * row — side by side with its siblings within each category's slot, or stacked
- * on top of them.
- *
- * The family-wide {@link ChartSeries} under a name that says what it draws here.
- */
+import { type DataRecord, type Fill } from "@motionscript/sdk";
+import { type ChartSeries, type Range } from "../kit/shared.js";
+/** One bar per row, beside its siblings in the category slot or stacked on them: {@link ChartSeries} under the name for what it draws here. */
 export type BarSeries = ChartSeries;
+/** How the series share a category: side by side, stacked, or stacked as shares of 100. */
+export type BarStack = "none" | "stacked" | "percent";
+/** Which way the bars grow: up from a category row, or right from a category column. */
+export type BarOrientation = "vertical" | "horizontal";
 /**
- * One drawn bar's span in **data units**: the value its base sits at and the
- * value its far end reaches.
- *
- * A span rather than a height because that is the one shape both modes fit. A
- * grouped bar runs from zero to its value; a stacked segment runs from the
- * running total below it to that total plus its own value. Negative values fall
- * out of the same arithmetic — the span simply runs the other way — so a chart
- * with a loss in it needs no special case, only a baseline that isn't the floor.
+ * One bar's span in data units. A span rather than a height because every mode
+ * fits it, and a negative value just runs the other way with no special case.
  */
 export interface BarSpan {
-    /** Value the bar's base sits at — 0 when grouped, the running total when stacked. */
+    /** Where the base sits: 0 apart, the running total below (or above, for a negative) when stacked. */
     from: number;
-    /** Value its far end reaches. */
     to: number;
-    /** The value this bar plots — `to - from`, kept for the figure printed on it. */
+    /** `to - from`. */
     value: number;
+    /** Whether it ends its stack on its side of zero, so its far end is rounded. */
+    outer: boolean;
 }
 /**
- * The spans one row's bars cover, one per series, in series order.
- *
- * Stacking is a running sum in the order the series are listed, which is also
- * the order they're drawn: series 0 sits on the baseline and each later one
- * rides on what's below it. A zero-valued series still yields a (degenerate)
- * span so the returned list stays index-aligned with the series list.
+ * One row's spans, in series order. Stacking keeps a running sum on each side
+ * of zero, so a negative value stacks downward from the baseline rather than
+ * eating into the positives. In `percent` each value is its share of the row's
+ * total magnitude. A zero value still yields a degenerate span, keeping the list
+ * index-aligned with the series. `weights` scale each series' contribution.
  */
-export declare function barSpans(row: DataRecord, series: BarSeries[], stacked: boolean): BarSpan[];
-/**
- * The index of the series whose segment ends a row's stack — the one that gets
- * the rounded cap, so a stack reads as one capped column rather than a pile of
- * separate boxes. `-1` when every value in the row is zero.
- *
- * Read off the *last non-zero* series rather than the last one listed, so a
- * series that happens to be 0 in this row doesn't take the cap and leave the
- * segment below it square.
- */
-export declare function stackCapIndex(row: DataRecord, series: BarSeries[]): number;
-/** The captions beneath the baseline: one per row, read off the category column. */
+export declare function barSpans(row: DataRecord, series: readonly BarSeries[], stack: BarStack, weights?: readonly number[]): BarSpan[];
 export declare function barCategories(data: DataRecord[], field: string): string[];
 /**
- * The `[min, max]` of everything the chart draws, **zero always included**.
- *
- * Zero is in the range whatever the data says, because a bar chart's baseline is
- * zero: a scale starting at 40 draws a column three times its neighbour for a
- * 10% difference, which is the classic way to lie with one. A chart that really
- * does want a cropped axis says so with an explicit range.
- */
-export declare function barValueExtent(data: DataRecord[], series: BarSeries[], stacked: boolean): Range;
-/**
- * Effective value scale: the explicit `range`, else the data's extent nudged out
- * to tidy step bounds so the markers read as round numbers.
- *
- * `divisions` is how many segments the auto-range is stepped into (one fewer
- * than the marker count), so the ticks the axis draws land on the bounds this
- * picks.
- */
-export declare function resolveBarScale(data: DataRecord[], series: BarSeries[], stacked: boolean, range: Range | undefined, divisions: number): Range;
-/** How the columns themselves are drawn and how the slot is divided up. */
-export interface BarStyleConfig {
-    /**
-     * Radius of a column's far-end corners, in px. Only the outer end rounds — an
-     * interior stacked segment stays square, so the stack reads as one column.
-     */
-    cornerRadius: number;
-    /**
-     * Fraction of its category's slot the bars fill, `[0, 1]`. The remainder is
-     * the channel between one category and the next, which is what makes a bar
-     * chart read as groups rather than as a solid block.
-     */
-    slotFill: number;
-    /** Gap between the grouped bars *within* one slot, in px. Ignored when stacked. */
-    groupGap: number;
-    /** Optional outline on every column. */
-    stroke: Stroke;
-    /** Optional drop shadow on every column. */
-    shadow: Shadow;
-}
-/** A {@link BarChart}'s full, resolved visual theme. */
-export interface BarChartConfig {
-    /**
-     * Default per-series bar paint, cycled by series index (`i % length`). A
-     * series' own `fill`, when set, replaces its entry outright.
-     */
-    seriesFills: Fill[];
-    bar: BarStyleConfig;
-    /** The category axis beneath the baseline. */
-    xAxis: AxisConfig;
-    /** The numeric value axis up the left. */
-    yAxis: AxisConfig;
-    plotArea: PlotAreaConfig;
-    legend: LegendConfig;
-    /** The figure printed on each column, when the chart prints them. */
-    valueStyle: TextStyle;
-    /** How far everything *outside* a spotlit series or category fades. */
-    spotlight: {
-        dimOpacity: number;
-    };
-}
-/** Author-facing partial theme — every branch optional and deep-merged. */
-export type BarChartTheme = {
-    seriesFills?: Fill[];
-    bar?: Partial<BarStyleConfig>;
-    xAxis?: Partial<AxisConfig>;
-    yAxis?: Partial<AxisConfig>;
-    plotArea?: Partial<PlotAreaConfig>;
-    legend?: LegendTheme;
-    valueStyle?: TextStyle;
-    spotlight?: Partial<BarChartConfig["spotlight"]>;
+ * The `[min, max]` of everything drawn, zero always included: a scale starting
+ * at 40 draws a bar three times its neighbour for a 10% difference. A cropped
+ * axis takes an explicit range.
+ */
+export declare function barValueExtent(data: DataRecord[], series: readonly BarSeries[], stack: BarStack, weights?: readonly number[]): Range;
+/** The explicit `range`, else the data's extent nudged to tidy bounds (a percent stack reads to 100); `divisions` (one fewer than the marker count) makes the drawn ticks land on them. */
+export declare function resolveBarScale(data: DataRecord[], series: readonly BarSeries[], stack: BarStack, range: Range | undefined, divisions: number, weights?: readonly number[]): Range;
+/** Black or white, whichever reads on `fill`: a figure printed inside a bar. */
+export declare function inkOn(fill: Fill): string;
+/** A bar chart's own look: how round and how wide the bars are. */
+export declare const BAR_MARKS: {
+    /** Radius of each bar's far corners; a stacked segment inside the stack stays square. */
+    barRadius: import("@motionscript/sdk").Type<number, number, false>;
+    /** How much of its category slot a bar group fills, the rest spacing the groups. */
+    barWidth: import("@motionscript/sdk").Type<number, number, false>;
+    /** Space between the bars of one group, side by side. */
+    barGap: import("@motionscript/sdk").Type<number, number, false>;
+};
+export declare const BAR_LABELS: {
+    /** Read as the chart is built: each bar's value past its end, inside it, or none. */
+    values: import("@motionscript/sdk").Type<"end" | "inside" | "none", "end" | "inside" | "none", false>;
 };
-/** The bar chart's out-of-the-box look. */
-export declare const DEFAULT_BAR_CHART_THEME: BarChartConfig;
-/**
- * {@link BarChart}'s `theme` entry's resolve: merges the author's partial
- * {@link BarChartTheme} onto `previous` (falling back to
- * {@link DEFAULT_BAR_CHART_THEME} on first resolution), fully resolving every
- * leaf so the tween below always has resolved data to interpolate.
- */
-export declare function resolveBarChartTheme(theme: BarChartTheme | undefined, previous?: BarChartConfig): BarChartConfig;
-/** {@link BarChart}'s `theme` entry's lerp — leaf by leaf. */
-export declare function lerpBarChartTheme(from: BarChartConfig, to: BarChartConfig, t: number): BarChartConfig;
-/** The paint series `index` is drawn in: its own override, else the palette's entry. */
-export declare function resolveBarFill(palette: Fill[], series: BarSeries, index: number): Fill;
 //# sourceMappingURL=shared.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/bar-chart/shared.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/bar-chart/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAwB,KAAK,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAElF,+IAA+I;AAC/I,MAAM,MAAM,SAAS,GAAG,WAAW,CAAA;AAEnC,2FAA2F;AAC3F,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAErD,wFAAwF;AACxF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,CAAA;AAEtD;;;GAGG;AACH,MAAM,WAAW,OAAO;IACtB,qGAAqG;IACrG,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,EAAE,OAAO,CAAA;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAE,SAAS,MAAM,EAAO,GAAG,OAAO,EAAE,CA6BnI;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAEzE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,SAAS,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,KAAK,CAUpI;AAED,2LAA2L;AAC3L,wBAAgB,eAAe,CAC7B,IAAI,EAAE,UAAU,EAAE,EAClB,MAAM,EAAE,SAAS,SAAS,EAAE,EAC5B,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,KAAK,GAAG,SAAS,EACxB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,GAC1B,KAAK,CAKP;AAED,gFAAgF;AAChF,wBAAgB,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAQxC;AAED,mEAAmE;AACnE,eAAO,MAAM,SAAS;IACpB,yFAAyF;;IAEzF,oFAAoF;;IAEpF,yDAAyD;;CAE1D,CAAA;AAED,eAAO,MAAM,UAAU;IACrB,qFAAqF;;CAEtF,CAAA"}

package/dist/bar-chart/shared.js

@@ -1,182 +1,94 @@
+import { Types, fillOps } from "@motionscript/sdk";
+import { niceRange, num, text } from "../kit/shared.js";
 /**
- * Types and pure helpers specific to the {@link BarChart} family: how a row's
- * values become the spans its columns cover, how the value axis is scaled around
- * them, and the theme the bars add to the shared chart vocabulary.
- *
- * Everything a line or a pie chart would want too — what a series is, the axis
- * domain model, the theme leaf resolvers, the legend and plot-panel branches —
- * lives in `../kit/shared.ts` and is imported here.
- *
- * Kept renderer-agnostic (no `Node` imports) so a host's inspector mapping
- * can build a partial {@link BarChartTheme} without
- * pulling the components in.
+ * One row's spans, in series order. Stacking keeps a running sum on each side
+ * of zero, so a negative value stacks downward from the baseline rather than
+ * eating into the positives. In `percent` each value is its share of the row's
+ * total magnitude. A zero value still yields a degenerate span, keeping the list
+ * index-aligned with the series. `weights` scale each series' contribution.
  */
-import { fillOps, lerpNumber, shadowOps, strokeOps, textOps, } from "@motionscript/sdk";
-import { CHART_PALETTE, DEFAULT_LEGEND, DEFAULT_PLOT_AREA, DEFAULT_SERIES_FILLS, DEFAULT_X_AXIS, DEFAULT_Y_AXIS, SPOTLIGHT_DIM, lerpAxisConfig, lerpLegendConfig, lerpPlotArea, lerpSeriesFills, niceStep, num, resolveAxisConfig, resolveLegendConfig, resolvePlotArea, resolveSeriesFills, text, } from "../kit/shared.js";
-/**
- * The spans one row's bars cover, one per series, in series order.
- *
- * Stacking is a running sum in the order the series are listed, which is also
- * the order they're drawn: series 0 sits on the baseline and each later one
- * rides on what's below it. A zero-valued series still yields a (degenerate)
- * span so the returned list stays index-aligned with the series list.
- */
-export function barSpans(row, series, stacked) {
-    let running = 0;
-    return series.map((s) => {
-        const value = num(row, s.field);
-        if (!stacked)
-            return { from: 0, to: value, value };
-        const from = running;
-        running += value;
-        return { from, to: running, value };
-    });
-}
-/**
- * The index of the series whose segment ends a row's stack — the one that gets
- * the rounded cap, so a stack reads as one capped column rather than a pile of
- * separate boxes. `-1` when every value in the row is zero.
- *
- * Read off the *last non-zero* series rather than the last one listed, so a
- * series that happens to be 0 in this row doesn't take the cap and leave the
- * segment below it square.
- */
-export function stackCapIndex(row, series) {
-    let last = -1;
-    for (let i = 0; i < series.length; i++) {
-        if (num(row, series[i].field) !== 0)
-            last = i;
+export function barSpans(row, series, stack, weights = []) {
+    const weight = (i) => Math.max(0, weights[i] ?? 1);
+    if (stack !== "stacked" && stack !== "percent") {
+        return series.map((s) => {
+            const value = num(row, s.field);
+            return { from: 0, to: value, value, outer: true };
+        });
     }
-    return last;
+    const values = series.map((s, i) => num(row, s.field) * weight(i));
+    const total = values.reduce((sum, v) => sum + Math.abs(v), 0);
+    const scaled = stack === "percent" ? values.map((v) => (total > 0 ? (v / total) * 100 : 0)) : values;
+    let lastUp = -1;
+    let lastDown = -1;
+    scaled.forEach((v, i) => {
+        if (v > 0)
+            lastUp = i;
+        else if (v < 0)
+            lastDown = i;
+    });
+    let up = 0;
+    let down = 0;
+    return scaled.map((value, i) => {
+        if (value < 0) {
+            const from = down;
+            down += value;
+            return { from, to: down, value, outer: i === lastDown };
+        }
+        const from = up;
+        up += value;
+        return { from, to: up, value, outer: i === lastUp };
+    });
 }
-/** The captions beneath the baseline: one per row, read off the category column. */
 export function barCategories(data, field) {
     return data.map((row) => text(row, field));
 }
 /**
- * The `[min, max]` of everything the chart draws, **zero always included**.
- *
- * Zero is in the range whatever the data says, because a bar chart's baseline is
- * zero: a scale starting at 40 draws a column three times its neighbour for a
- * 10% difference, which is the classic way to lie with one. A chart that really
- * does want a cropped axis says so with an explicit range.
+ * The `[min, max]` of everything drawn, zero always included: a scale starting
+ * at 40 draws a bar three times its neighbour for a 10% difference. A cropped
+ * axis takes an explicit range.
  */
-export function barValueExtent(data, series, stacked) {
+export function barValueExtent(data, series, stack, weights) {
     let lo = 0;
     let hi = 0;
     for (const row of data) {
-        for (const span of barSpans(row, series, stacked)) {
+        for (const span of barSpans(row, series, stack, weights)) {
             lo = Math.min(lo, span.from, span.to);
             hi = Math.max(hi, span.from, span.to);
         }
     }
     return lo < hi ? [lo, hi] : [0, 1];
 }
-/**
- * Effective value scale: the explicit `range`, else the data's extent nudged out
- * to tidy step bounds so the markers read as round numbers.
- *
- * `divisions` is how many segments the auto-range is stepped into (one fewer
- * than the marker count), so the ticks the axis draws land on the bounds this
- * picks.
- */
-export function resolveBarScale(data, series, stacked, range, divisions) {
+/** The explicit `range`, else the data's extent nudged to tidy bounds (a percent stack reads to 100); `divisions` (one fewer than the marker count) makes the drawn ticks land on them. */
+export function resolveBarScale(data, series, stack, range, divisions, weights) {
     if (range)
         return range;
-    const [lo, hi] = barValueExtent(data, series, stacked);
-    const segments = Math.max(1, Math.round(divisions));
-    const step = niceStep((hi - lo) / segments || 1);
-    return [Math.floor(lo / step) * step, Math.ceil(hi / step) * step];
-}
-/** The bar chart's out-of-the-box look. */
-export const DEFAULT_BAR_CHART_THEME = {
-    seriesFills: DEFAULT_SERIES_FILLS,
-    bar: {
-        cornerRadius: 6,
-        slotFill: 0.72,
-        groupGap: 6,
-        stroke: [],
-        shadow: [],
-    },
-    // A category axis names its slots, so its captions are set like a caption
-    // rather than like a numeric marker: same size, less weight than the line
-    // chart's ticks, and centred on the slot.
-    xAxis: {
-        ...DEFAULT_X_AXIS,
-        labelStyle: { ...DEFAULT_X_AXIS.labelStyle, fontWeight: 600 },
-        tickPadding: 16,
-    },
-    yAxis: DEFAULT_Y_AXIS,
-    plotArea: DEFAULT_PLOT_AREA,
-    legend: DEFAULT_LEGEND,
-    valueStyle: {
-        fontSize: 24,
-        fontWeight: 700,
-        textAlign: "center",
-        fill: CHART_PALETTE.markerColor,
-    },
-    spotlight: { dimOpacity: SPOTLIGHT_DIM },
-};
-function resolveBarStyle(bar, previous) {
-    return {
-        cornerRadius: bar?.cornerRadius ?? previous.cornerRadius,
-        slotFill: bar?.slotFill ?? previous.slotFill,
-        groupGap: bar?.groupGap ?? previous.groupGap,
-        stroke: strokeOps.resolve(bar?.stroke ?? previous.stroke),
-        shadow: shadowOps.resolve(bar?.shadow ?? previous.shadow),
-    };
-}
-function lerpBarStyle(from, to, t) {
-    return {
-        cornerRadius: lerpNumber(from.cornerRadius, to.cornerRadius, t),
-        slotFill: lerpNumber(from.slotFill, to.slotFill, t),
-        groupGap: lerpNumber(from.groupGap, to.groupGap, t),
-        stroke: strokeOps.lerp(from.stroke, to.stroke, t),
-        shadow: shadowOps.lerp(from.shadow, to.shadow, t),
-    };
-}
-/**
- * {@link BarChart}'s `theme` entry's resolve: merges the author's partial
- * {@link BarChartTheme} onto `previous` (falling back to
- * {@link DEFAULT_BAR_CHART_THEME} on first resolution), fully resolving every
- * leaf so the tween below always has resolved data to interpolate.
- */
-export function resolveBarChartTheme(theme, previous) {
-    const base = previous ?? DEFAULT_BAR_CHART_THEME;
-    return {
-        seriesFills: resolveSeriesFills(theme?.seriesFills, base.seriesFills),
-        bar: resolveBarStyle(theme?.bar, base.bar),
-        xAxis: resolveAxisConfig(theme?.xAxis, base.xAxis),
-        yAxis: resolveAxisConfig(theme?.yAxis, base.yAxis),
-        plotArea: resolvePlotArea(theme?.plotArea, base.plotArea),
-        legend: resolveLegendConfig(theme?.legend, base.legend),
-        valueStyle: textOps.resolveStyle(theme?.valueStyle, base.valueStyle),
-        spotlight: {
-            dimOpacity: theme?.spotlight?.dimOpacity ?? base.spotlight.dimOpacity,
-        },
-    };
-}
-/** {@link BarChart}'s `theme` entry's lerp — leaf by leaf. */
-export function lerpBarChartTheme(from, to, t) {
-    return {
-        seriesFills: lerpSeriesFills(from.seriesFills, to.seriesFills, t),
-        bar: lerpBarStyle(from.bar, to.bar, t),
-        xAxis: lerpAxisConfig(from.xAxis, to.xAxis, t),
-        yAxis: lerpAxisConfig(from.yAxis, to.yAxis, t),
-        plotArea: lerpPlotArea(from.plotArea, to.plotArea, t),
-        legend: lerpLegendConfig(from.legend, to.legend, t),
-        valueStyle: textOps.lerpStyle(from.valueStyle, to.valueStyle, t),
-        spotlight: {
-            dimOpacity: lerpNumber(from.spotlight.dimOpacity, to.spotlight.dimOpacity, t),
-        },
-    };
+    const [lo, hi] = barValueExtent(data, series, stack, weights);
+    if (stack === "percent")
+        return [lo < 0 ? -100 : 0, hi > 0 ? 100 : 0];
+    return niceRange([lo, hi], divisions);
 }
-/** The paint series `index` is drawn in: its own override, else the palette's entry. */
-export function resolveBarFill(palette, series, index) {
-    if (series.fill != null)
-        return fillOps.resolve(series.fill);
-    if (palette.length === 0)
+/** Black or white, whichever reads on `fill`: a figure printed inside a bar. */
+export function inkOn(fill) {
+    const layers = fillOps.resolve(fill);
+    const top = layers[layers.length - 1];
+    if (top?.type !== "solid")
         return "white";
-    return palette[index % palette.length];
+    const [r, g, b] = top.color;
+    const lift = (c) => (c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4);
+    const luminance = 0.2126 * lift(r) + 0.7152 * lift(g) + 0.0722 * lift(b);
+    return luminance > 0.4 ? "#0a0a0a" : "white";
 }
+/** A bar chart's own look: how round and how wide the bars are. */
+export const BAR_MARKS = {
+    /** Radius of each bar's far corners; a stacked segment inside the stack stays square. */
+    barRadius: Types.number(10, { min: 0, max: 64, step: 1, unit: "px" }),
+    /** How much of its category slot a bar group fills, the rest spacing the groups. */
+    barWidth: Types.number(0.7, { min: 0.05, max: 1, step: 0.05 }),
+    /** Space between the bars of one group, side by side. */
+    barGap: Types.number(6, { min: 0, max: 40, step: 1, unit: "px" }),
+};
+export const BAR_LABELS = {
+    /** Read as the chart is built: each bar's value past its end, inside it, or none. */
+    values: Types.oneOf(["none", "end", "inside"], { animatable: false }),
+};
 //# sourceMappingURL=shared.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/bar-chart/shared.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Types and pure helpers specific to the {@link BarChart} family: how a row's\n * values become the spans its columns cover, how the value axis is scaled around\n * them, and the theme the bars add to the shared chart vocabulary.\n *\n * Everything a line or a pie chart would want too — what a series is, the axis\n * domain model, the theme leaf resolvers, the legend and plot-panel branches —\n * lives in `../kit/shared.ts` and is imported here.\n *\n * Kept renderer-agnostic (no `Node` imports) so a host's inspector mapping\n * can build a partial {@link BarChartTheme} without\n * pulling the components in.\n */\n\nimport {\n  fillOps,\n  lerpNumber,\n  shadowOps,\n  strokeOps,\n  textOps,\n  type DataRecord,\n  type Fill,\n  type Shadow,\n  type ShadowResolved,\n  type Stroke,\n  type StrokeResolved,\n  type TextStyle,\n} from \"@motionscript/sdk\"\n\nimport {\n  CHART_PALETTE,\n  DEFAULT_LEGEND,\n  DEFAULT_PLOT_AREA,\n  DEFAULT_SERIES_FILLS,\n  DEFAULT_X_AXIS,\n  DEFAULT_Y_AXIS,\n  SPOTLIGHT_DIM,\n  lerpAxisConfig,\n  lerpLegendConfig,\n  lerpPlotArea,\n  lerpSeriesFills,\n  niceStep,\n  num,\n  resolveAxisConfig,\n  resolveLegendConfig,\n  resolvePlotArea,\n  resolveSeriesFills,\n  text,\n  type AxisConfig,\n  type ChartSeries,\n  type LegendConfig,\n  type LegendTheme,\n  type PlotAreaConfig,\n  type Range,\n} from \"../kit/shared\"\n\n/**\n * One series in a {@link BarChart}: a column of the table drawn as one bar per\n * row — side by side with its siblings within each category's slot, or stacked\n * on top of them.\n *\n * The family-wide {@link ChartSeries} under a name that says what it draws here.\n */\nexport type BarSeries = ChartSeries\n\n/**\n * One drawn bar's span in **data units**: the value its base sits at and the\n * value its far end reaches.\n *\n * A span rather than a height because that is the one shape both modes fit. A\n * grouped bar runs from zero to its value; a stacked segment runs from the\n * running total below it to that total plus its own value. Negative values fall\n * out of the same arithmetic — the span simply runs the other way — so a chart\n * with a loss in it needs no special case, only a baseline that isn't the floor.\n */\nexport interface BarSpan {\n  /** Value the bar's base sits at — 0 when grouped, the running total when stacked. */\n  from: number\n  /** Value its far end reaches. */\n  to: number\n  /** The value this bar plots — `to - from`, kept for the figure printed on it. */\n  value: number\n}\n\n/**\n * The spans one row's bars cover, one per series, in series order.\n *\n * Stacking is a running sum in the order the series are listed, which is also\n * the order they're drawn: series 0 sits on the baseline and each later one\n * rides on what's below it. A zero-valued series still yields a (degenerate)\n * span so the returned list stays index-aligned with the series list.\n */\nexport function barSpans(\n  row: DataRecord,\n  series: BarSeries[],\n  stacked: boolean\n): BarSpan[] {\n  let running = 0\n  return series.map((s) => {\n    const value = num(row, s.field)\n    if (!stacked) return { from: 0, to: value, value }\n    const from = running\n    running += value\n    return { from, to: running, value }\n  })\n}\n\n/**\n * The index of the series whose segment ends a row's stack — the one that gets\n * the rounded cap, so a stack reads as one capped column rather than a pile of\n * separate boxes. `-1` when every value in the row is zero.\n *\n * Read off the *last non-zero* series rather than the last one listed, so a\n * series that happens to be 0 in this row doesn't take the cap and leave the\n * segment below it square.\n */\nexport function stackCapIndex(row: DataRecord, series: BarSeries[]): number {\n  let last = -1\n  for (let i = 0; i < series.length; i++) {\n    if (num(row, series[i].field) !== 0) last = i\n  }\n  return last\n}\n\n/** The captions beneath the baseline: one per row, read off the category column. */\nexport function barCategories(data: DataRecord[], field: string): string[] {\n  return data.map((row) => text(row, field))\n}\n\n/**\n * The `[min, max]` of everything the chart draws, **zero always included**.\n *\n * Zero is in the range whatever the data says, because a bar chart's baseline is\n * zero: a scale starting at 40 draws a column three times its neighbour for a\n * 10% difference, which is the classic way to lie with one. A chart that really\n * does want a cropped axis says so with an explicit range.\n */\nexport function barValueExtent(\n  data: DataRecord[],\n  series: BarSeries[],\n  stacked: boolean\n): Range {\n  let lo = 0\n  let hi = 0\n  for (const row of data) {\n    for (const span of barSpans(row, series, stacked)) {\n      lo = Math.min(lo, span.from, span.to)\n      hi = Math.max(hi, span.from, span.to)\n    }\n  }\n  return lo < hi ? [lo, hi] : [0, 1]\n}\n\n/**\n * Effective value scale: the explicit `range`, else the data's extent nudged out\n * to tidy step bounds so the markers read as round numbers.\n *\n * `divisions` is how many segments the auto-range is stepped into (one fewer\n * than the marker count), so the ticks the axis draws land on the bounds this\n * picks.\n */\nexport function resolveBarScale(\n  data: DataRecord[],\n  series: BarSeries[],\n  stacked: boolean,\n  range: Range | undefined,\n  divisions: number\n): Range {\n  if (range) return range\n  const [lo, hi] = barValueExtent(data, series, stacked)\n  const segments = Math.max(1, Math.round(divisions))\n  const step = niceStep((hi - lo) / segments || 1)\n  return [Math.floor(lo / step) * step, Math.ceil(hi / step) * step]\n}\n\n// ---- Theme ---------------------------------------------------------------\n\n/** How the columns themselves are drawn and how the slot is divided up. */\nexport interface BarStyleConfig {\n  /**\n   * Radius of a column's far-end corners, in px. Only the outer end rounds — an\n   * interior stacked segment stays square, so the stack reads as one column.\n   */\n  cornerRadius: number\n  /**\n   * Fraction of its category's slot the bars fill, `[0, 1]`. The remainder is\n   * the channel between one category and the next, which is what makes a bar\n   * chart read as groups rather than as a solid block.\n   */\n  slotFill: number\n  /** Gap between the grouped bars *within* one slot, in px. Ignored when stacked. */\n  groupGap: number\n  /** Optional outline on every column. */\n  stroke: Stroke\n  /** Optional drop shadow on every column. */\n  shadow: Shadow\n}\n\n/** A {@link BarChart}'s full, resolved visual theme. */\nexport interface BarChartConfig {\n  /**\n   * Default per-series bar paint, cycled by series index (`i % length`). A\n   * series' own `fill`, when set, replaces its entry outright.\n   */\n  seriesFills: Fill[]\n  bar: BarStyleConfig\n  /** The category axis beneath the baseline. */\n  xAxis: AxisConfig\n  /** The numeric value axis up the left. */\n  yAxis: AxisConfig\n  plotArea: PlotAreaConfig\n  legend: LegendConfig\n  /** The figure printed on each column, when the chart prints them. */\n  valueStyle: TextStyle\n  /** How far everything *outside* a spotlit series or category fades. */\n  spotlight: { dimOpacity: number }\n}\n\n/** Author-facing partial theme — every branch optional and deep-merged. */\nexport type BarChartTheme = {\n  seriesFills?: Fill[]\n  bar?: Partial<BarStyleConfig>\n  xAxis?: Partial<AxisConfig>\n  yAxis?: Partial<AxisConfig>\n  plotArea?: Partial<PlotAreaConfig>\n  legend?: LegendTheme\n  valueStyle?: TextStyle\n  spotlight?: Partial<BarChartConfig[\"spotlight\"]>\n}\n\n/** The bar chart's out-of-the-box look. */\nexport const DEFAULT_BAR_CHART_THEME: BarChartConfig = {\n  seriesFills: DEFAULT_SERIES_FILLS,\n  bar: {\n    cornerRadius: 6,\n    slotFill: 0.72,\n    groupGap: 6,\n    stroke: [],\n    shadow: [],\n  },\n  // A category axis names its slots, so its captions are set like a caption\n  // rather than like a numeric marker: same size, less weight than the line\n  // chart's ticks, and centred on the slot.\n  xAxis: {\n    ...DEFAULT_X_AXIS,\n    labelStyle: { ...DEFAULT_X_AXIS.labelStyle, fontWeight: 600 },\n    tickPadding: 16,\n  },\n  yAxis: DEFAULT_Y_AXIS,\n  plotArea: DEFAULT_PLOT_AREA,\n  legend: DEFAULT_LEGEND,\n  valueStyle: {\n    fontSize: 24,\n    fontWeight: 700,\n    textAlign: \"center\",\n    fill: CHART_PALETTE.markerColor,\n  },\n  spotlight: { dimOpacity: SPOTLIGHT_DIM },\n}\n\nfunction resolveBarStyle(\n  bar: Partial<BarStyleConfig> | undefined,\n  previous: BarStyleConfig\n): BarStyleConfig {\n  return {\n    cornerRadius: bar?.cornerRadius ?? previous.cornerRadius,\n    slotFill: bar?.slotFill ?? previous.slotFill,\n    groupGap: bar?.groupGap ?? previous.groupGap,\n    stroke: strokeOps.resolve(bar?.stroke ?? previous.stroke),\n    shadow: shadowOps.resolve(bar?.shadow ?? previous.shadow),\n  }\n}\n\nfunction lerpBarStyle(\n  from: BarStyleConfig,\n  to: BarStyleConfig,\n  t: number\n): BarStyleConfig {\n  return {\n    cornerRadius: lerpNumber(from.cornerRadius, to.cornerRadius, t),\n    slotFill: lerpNumber(from.slotFill, to.slotFill, t),\n    groupGap: lerpNumber(from.groupGap, to.groupGap, t),\n    stroke: strokeOps.lerp(\n      from.stroke as StrokeResolved[],\n      to.stroke as StrokeResolved[],\n      t\n    ),\n    shadow: shadowOps.lerp(\n      from.shadow as ShadowResolved[],\n      to.shadow as ShadowResolved[],\n      t\n    ),\n  }\n}\n\n/**\n * {@link BarChart}'s `theme` entry's resolve: merges the author's partial\n * {@link BarChartTheme} onto `previous` (falling back to\n * {@link DEFAULT_BAR_CHART_THEME} on first resolution), fully resolving every\n * leaf so the tween below always has resolved data to interpolate.\n */\nexport function resolveBarChartTheme(\n  theme: BarChartTheme | undefined,\n  previous?: BarChartConfig\n): BarChartConfig {\n  const base = previous ?? DEFAULT_BAR_CHART_THEME\n  return {\n    seriesFills: resolveSeriesFills(theme?.seriesFills, base.seriesFills),\n    bar: resolveBarStyle(theme?.bar, base.bar),\n    xAxis: resolveAxisConfig(theme?.xAxis, base.xAxis),\n    yAxis: resolveAxisConfig(theme?.yAxis, base.yAxis),\n    plotArea: resolvePlotArea(theme?.plotArea, base.plotArea),\n    legend: resolveLegendConfig(theme?.legend, base.legend),\n    valueStyle: textOps.resolveStyle(theme?.valueStyle, base.valueStyle),\n    spotlight: {\n      dimOpacity: theme?.spotlight?.dimOpacity ?? base.spotlight.dimOpacity,\n    },\n  }\n}\n\n/** {@link BarChart}'s `theme` entry's lerp — leaf by leaf. */\nexport function lerpBarChartTheme(\n  from: BarChartConfig,\n  to: BarChartConfig,\n  t: number\n): BarChartConfig {\n  return {\n    seriesFills: lerpSeriesFills(from.seriesFills, to.seriesFills, t),\n    bar: lerpBarStyle(from.bar, to.bar, t),\n    xAxis: lerpAxisConfig(from.xAxis, to.xAxis, t),\n    yAxis: lerpAxisConfig(from.yAxis, to.yAxis, t),\n    plotArea: lerpPlotArea(from.plotArea, to.plotArea, t),\n    legend: lerpLegendConfig(from.legend, to.legend, t),\n    valueStyle: textOps.lerpStyle(from.valueStyle, to.valueStyle, t),\n    spotlight: {\n      dimOpacity: lerpNumber(\n        from.spotlight.dimOpacity,\n        to.spotlight.dimOpacity,\n        t\n      ),\n    },\n  }\n}\n\n/** The paint series `index` is drawn in: its own override, else the palette's entry. */\nexport function resolveBarFill(\n  palette: Fill[],\n  series: BarSeries,\n  index: number\n): Fill {\n  if (series.fill != null) return fillOps.resolve(series.fill)\n  if (palette.length === 0) return \"white\"\n  return palette[index % palette.length]\n}\n"]}
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/bar-chart/shared.ts"],"names":[],"mappings":"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","sourcesContent":["import { Types, fillOps, type DataRecord, type Fill } from \"@motionscript/sdk\"\n\nimport { niceRange, num, text, type ChartSeries, type Range } from \"../kit/shared\"\n\n/** One bar per row, beside its siblings in the category slot or stacked on them: {@link ChartSeries} under the name for what it draws here. */\nexport type BarSeries = ChartSeries\n\n/** How the series share a category: side by side, stacked, or stacked as shares of 100. */\nexport type BarStack = \"none\" | \"stacked\" | \"percent\"\n\n/** Which way the bars grow: up from a category row, or right from a category column. */\nexport type BarOrientation = \"vertical\" | \"horizontal\"\n\n/**\n * One bar's span in data units. A span rather than a height because every mode\n * fits it, and a negative value just runs the other way with no special case.\n */\nexport interface BarSpan {\n  /** Where the base sits: 0 apart, the running total below (or above, for a negative) when stacked. */\n  from: number\n  to: number\n  /** `to - from`. */\n  value: number\n  /** Whether it ends its stack on its side of zero, so its far end is rounded. */\n  outer: boolean\n}\n\n/**\n * One row's spans, in series order. Stacking keeps a running sum on each side\n * of zero, so a negative value stacks downward from the baseline rather than\n * eating into the positives. In `percent` each value is its share of the row's\n * total magnitude. A zero value still yields a degenerate span, keeping the list\n * index-aligned with the series. `weights` scale each series' contribution.\n */\nexport function barSpans(row: DataRecord, series: readonly BarSeries[], stack: BarStack, weights: readonly number[] = []): BarSpan[] {\n  const weight = (i: number) => Math.max(0, weights[i] ?? 1)\n  if (stack !== \"stacked\" && stack !== \"percent\") {\n    return series.map((s) => {\n      const value = num(row, s.field)\n      return { from: 0, to: value, value, outer: true }\n    })\n  }\n  const values = series.map((s, i) => num(row, s.field) * weight(i))\n  const total = values.reduce((sum, v) => sum + Math.abs(v), 0)\n  const scaled = stack === \"percent\" ? values.map((v) => (total > 0 ? (v / total) * 100 : 0)) : values\n  let lastUp = -1\n  let lastDown = -1\n  scaled.forEach((v, i) => {\n    if (v > 0) lastUp = i\n    else if (v < 0) lastDown = i\n  })\n  let up = 0\n  let down = 0\n  return scaled.map((value, i) => {\n    if (value < 0) {\n      const from = down\n      down += value\n      return { from, to: down, value, outer: i === lastDown }\n    }\n    const from = up\n    up += value\n    return { from, to: up, value, outer: i === lastUp }\n  })\n}\n\nexport function barCategories(data: DataRecord[], field: string): string[] {\n  return data.map((row) => text(row, field))\n}\n\n/**\n * The `[min, max]` of everything drawn, zero always included: a scale starting\n * at 40 draws a bar three times its neighbour for a 10% difference. A cropped\n * axis takes an explicit range.\n */\nexport function barValueExtent(data: DataRecord[], series: readonly BarSeries[], stack: BarStack, weights?: readonly number[]): Range {\n  let lo = 0\n  let hi = 0\n  for (const row of data) {\n    for (const span of barSpans(row, series, stack, weights)) {\n      lo = Math.min(lo, span.from, span.to)\n      hi = Math.max(hi, span.from, span.to)\n    }\n  }\n  return lo < hi ? [lo, hi] : [0, 1]\n}\n\n/** The explicit `range`, else the data's extent nudged to tidy bounds (a percent stack reads to 100); `divisions` (one fewer than the marker count) makes the drawn ticks land on them. */\nexport function resolveBarScale(\n  data: DataRecord[],\n  series: readonly BarSeries[],\n  stack: BarStack,\n  range: Range | undefined,\n  divisions: number,\n  weights?: readonly number[]\n): Range {\n  if (range) return range\n  const [lo, hi] = barValueExtent(data, series, stack, weights)\n  if (stack === \"percent\") return [lo < 0 ? -100 : 0, hi > 0 ? 100 : 0]\n  return niceRange([lo, hi], divisions)\n}\n\n/** Black or white, whichever reads on `fill`: a figure printed inside a bar. */\nexport function inkOn(fill: Fill): string {\n  const layers = fillOps.resolve(fill)\n  const top = layers[layers.length - 1]\n  if (top?.type !== \"solid\") return \"white\"\n  const [r, g, b] = top.color\n  const lift = (c: number) => (c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4)\n  const luminance = 0.2126 * lift(r) + 0.7152 * lift(g) + 0.0722 * lift(b)\n  return luminance > 0.4 ? \"#0a0a0a\" : \"white\"\n}\n\n/** A bar chart's own look: how round and how wide the bars are. */\nexport const BAR_MARKS = {\n  /** Radius of each bar's far corners; a stacked segment inside the stack stays square. */\n  barRadius: Types.number(10, { min: 0, max: 64, step: 1, unit: \"px\" }),\n  /** How much of its category slot a bar group fills, the rest spacing the groups. */\n  barWidth: Types.number(0.7, { min: 0.05, max: 1, step: 0.05 }),\n  /** Space between the bars of one group, side by side. */\n  barGap: Types.number(6, { min: 0, max: 40, step: 1, unit: \"px\" }),\n}\n\nexport const BAR_LABELS = {\n  /** Read as the chart is built: each bar's value past its end, inside it, or none. */\n  values: Types.oneOf([\"none\", \"end\", \"inside\"] as const, { animatable: false }),\n}\n"]}

package/dist/browser/chunks/chunk-R3Q5EE6E.js

@@ -0,0 +1,2 @@
+import{lerpNumber as O}from"@motionscript/sdk";import{niceStep as C}from"@motionscript/sdk/component";function se(t,e){return{label:t?.label??e?.label??"",range:t?.range??e?.range,ticks:t?.ticks??e?.ticks,format:t?.format??e?.format}}function D(t,e,r){return{label:r<.5?t.label:e.label,range:Et(t.range,e.range,r),ticks:Tt(t.ticks,e.ticks,r),format:r<.5?t.format:e.format}}function Et(t,e,r){return!t||!e?r<.5?t:e:[O(t[0],e[0],r),O(t[1],e[1],r)]}function Tt(t,e,r){if(!t||!e)return r<.5?t:e;let n=Math.max(t.length,e.length),o=[];for(let i=0;i<n;i++)o.push(O(t[i]??e[i],e[i]??t[i],r));return o}function q(t){return t.blend}function ce(t,e,r){let n=e.range!==t.range,o=n&&e.range&&e.ticks&&e.ticks===t.ticks?{...e,ticks:I(e.range,Math.max(2,e.ticks.length)-1)}:e,i=q(t)!==void 0,a=i||n||o.ticks!==t.ticks,l=i||t.range===void 0||t.ticks===void 0||o.range===void 0||o.ticks===void 0;return!a||!l?D(t,o,r):r===0?t:r===1?o:{...D(t,o,r),blend:{from:t,to:o,t:r}}}function V(t,e){let r=q(t);return r?D(V(r.from,e),V(r.to,e),r.t):e(t)}var z={plotFill:"#15130e",borderColor:"#4a4036",gridColor:"#2c2820",markerColor:"#8a7f70",regionColor:"#d99a3a"},K=.2;function fe(t,e){if(e===void 0)return 0;let r=t[e];return typeof r=="number"&&Number.isFinite(r)?r:0}function de(t,e){if(e===void 0||e==="")return"";let r=t[e];return r==null?"":String(r)}function he(t,e=[]){if(t.length===0)return[];let r=new Set(e),n=new Set,o=[];for(let i of t)for(let a of Object.keys(i))!r.has(a)&&!n.has(a)&&(n.add(a),o.push(a));return o.filter(i=>{let a=!1;for(let l of t){let f=l[i];if(!(f===void 0||f==="")){if(typeof f!="number")return!1;a=!0}}return a})}var J={fontSize:24,fontWeight:700,textAlign:"center",fill:z.markerColor},Q={fontSize:30,fontWeight:600,textAlign:"center",fill:z.markerColor},Z={weight:2,fill:z.gridColor},tt={labelStyle:J,titleStyle:Q,lineStyle:Z,tickPadding:20,titlePadding:4},et={labelStyle:{...J,fontWeight:500,textAlign:"right"},titleStyle:Q,lineStyle:Z,tickPadding:40,titlePadding:24},_={padding:0,textStyle:{fontSize:30,fontWeight:600,textAlign:"left",fill:z.markerColor},itemGap:44,markerStyle:{width:60,height:24,borderRadius:6,stroke:[],shadow:[]}};function rt(t,e){if(Number.isInteger(t))return String(t);let r=Math.max(1,e===void 0?1:zt(e));return t.toFixed(r).replace(/(\.\d*?)0+$/,"$1").replace(/\.$/,"")}function zt(t){if(!(t>0)||!Number.isFinite(t))return 1;for(let e=0;e<=6;e++){let r=t*10**e;if(Math.abs(r-Math.round(r))<1e-6*Math.max(1,r))return e}return Math.min(6,Math.max(1,Math.ceil(-Math.log10(t))+1))}function ue(t){let e=[...t].filter(Number.isFinite).sort((n,o)=>n-o),r;for(let n=1;n<e.length;n++){let o=e[n]-e[n-1];o>1e-12&&(r===void 0||o<r)&&(r=o)}return r}function ge(t){let e=t*100;return Number.isInteger(e)?`${e}%`:`${e.toFixed(1).replace(/\.0$/,"")}%`}function I([t,e],r){let n=Math.max(2,Math.round(r));return Array.from({length:n+1},(o,i)=>t+(e-t)/n*i)}function pe([t,e],r){let n=Math.max(1,Math.round(r));if(e===t)return _t(t,n);let o=C((e-t)/n);return[Math.floor(t/o)*o,Math.ceil(e/o)*o]}function _t(t,e){if(t===0)return[0,1];let r=C(Math.abs(t)/e);return[t-r,t+r]}function me([t,e],r){let n=e-t,o=Math.max(1,Math.round(r));if(!(n>0))return I([t,e],o);let i=c=>Math.abs(c-Math.round(c))<1e-6,a=C(n/o),l;for(let c of Lt(a)){let s=n/c;!i(s)||!i(t/c)||s<2||s>8||(l===void 0||Math.abs(s-o)<Math.abs(n/l-o))&&(l=c)}if(l===void 0)return I([t,e],o);let f=Math.round(t/l);return Array.from({length:Math.round(n/l)+1},(c,s)=>Number(((f+s)*l).toPrecision(12)))}function Lt(t){let e=10**Math.floor(Math.log10(t)),r=[];for(let o of[e/10,e,e*10])for(let i of[1,2,5])r.push(i*o);let n=r.findIndex(o=>Math.abs(o-t)<t*1e-9);return r.slice(Math.max(0,n-2),n+3)}import{Types as h}from"@motionscript/sdk";var ke="chart",nt=["#4f8cff","#2fbf8f","#f5a524","#e5547a","#9b6cf0"],be={palette:h.palette(nt),foreground:h.fill("#f4f4f5"),muted:h.fill("#a1a1aa"),background:h.fill([])},Se={fontFamily:h.font(""),fontSize:h.number(28,{min:8,max:160,step:1,unit:"px"}),fontWeight:h.number(500,{min:100,max:900,step:100})},Gt={horizontalGrid:h.stroke({weight:2,fill:"white/15"}),verticalGrid:h.stroke([]),axisStroke:h.stroke([]),showXAxis:h.boolean(!0,{animatable:!1}),showYAxis:h.boolean(!0,{animatable:!1})},ye={legend:h.oneOf(["bottom","top","right","none"],{animatable:!1}),swatch:h.oneOf(["square","circle","line"])},Ae={horizontalGrid:Gt.horizontalGrid,gridStroke:h.stroke([]),spokeStroke:h.stroke([]),track:h.fill([])},ve={midnight:{palette:[...nt],foreground:"#f4f4f5",muted:"#a1a1aa",horizontalGrid:{weight:2,fill:"white/15"},gridStroke:{weight:2,fill:"white/15"},spokeStroke:{weight:2,fill:"white/15"},track:"white/10",background:[]},paper:{palette:["#2563eb","#059669","#d97706","#db2777","#7c3aed"],foreground:"#1c1917",muted:"#57534e",horizontalGrid:{weight:2,fill:"#1c1917/12"},gridStroke:{weight:2,fill:"#1c1917/12"},spokeStroke:{weight:2,fill:"#1c1917/12"},track:"#1c1917/12",background:"#fafaf9"},ember:{palette:["#d9603b","#8194ad","#e0a93b","#5e9d6b","#9ec85a"],foreground:"#e9e1d4",muted:"#8a7f70",horizontalGrid:{weight:2,fill:"#2c2820"},gridStroke:{weight:2,fill:"#2c2820"},spokeStroke:{weight:2,fill:"#2c2820"},track:"#2c2820",background:"#15130e"},neon:{palette:["#22d3ee","#a3e635","#f472b6","#facc15","#818cf8"],foreground:"#ffffff",muted:"#94a3b8",horizontalGrid:{weight:2,fill:"white/10"},gridStroke:{weight:2,fill:"white/10"},spokeStroke:{weight:2,fill:"white/10"},track:"white/10",background:[]},ocean:{palette:["#0ea5e9","#14b8a6","#6366f1","#38bdf8","#2dd4bf"],foreground:"#e0f2fe",muted:"#7dd3fc",horizontalGrid:{weight:2,fill:"#7dd3fc/20"},gridStroke:{weight:2,fill:"#7dd3fc/20"},spokeStroke:{weight:2,fill:"#7dd3fc/20"},track:"#7dd3fc/20",background:"#082f49"},sunset:{palette:["#f97316","#ef4444","#ec4899","#f59e0b","#a855f7"],foreground:"#fff7ed",muted:"#fdba74",horizontalGrid:{weight:2,fill:"#fdba74/20"},gridStroke:{weight:2,fill:"#fdba74/20"},spokeStroke:{weight:2,fill:"#fdba74/20"},track:"#fdba74/20",background:[]},pastel:{palette:["#a5b4fc","#f9a8d4","#86efac","#fde68a","#7dd3fc"],foreground:"#f8fafc",muted:"#cbd5e1",horizontalGrid:{weight:2,fill:"white/12"},gridStroke:{weight:2,fill:"white/12"},spokeStroke:{weight:2,fill:"white/12"},track:"white/12",background:[]},mono:{palette:["#fafafa","#a3a3a3","#737373","#d4d4d4","#525252"],foreground:"#fafafa",muted:"#a3a3a3",horizontalGrid:{weight:2,fill:"white/12"},gridStroke:{weight:2,fill:"white/12"},spokeStroke:{weight:2,fill:"white/12"},track:"white/12",background:[]}};function Rt(t,e,r){if(r!=null)return r;let n=t.palette;return n.length>0?n[e%n.length]:"white"}function Me(t,e,r){return Rt(t,r,e.fill)}function L(t){return t.fontFamily?{fontFamily:t.fontFamily}:{}}function Pt(t,e="center"){return{...L(t),fontSize:t.fontSize,fontWeight:t.fontWeight,textAlign:e,fill:t.muted}}function Ft(t){return{...L(t),fontSize:Math.round(t.fontSize*1.1),fontWeight:Math.min(900,t.fontWeight+100),textAlign:"center",fill:t.muted}}function Ee(t,e="center"){return{...L(t),fontSize:t.fontSize,fontWeight:Math.min(900,t.fontWeight+100),textAlign:e,fill:t.foreground}}function Te(t,e){let r=Math.round(t.fontSize*.6);return{labelStyle:Pt(t,e==="x"?"center":"right"),titleStyle:Ft(t),lineStyle:e==="x"?t.verticalGrid:t.horizontalGrid,tickPadding:e==="x"?{top:r}:{right:r},titlePadding:e==="x"?{top:Math.round(r/2)}:{right:r}}}function ze(t){let e=Math.max(8,Math.round(t.fontSize*.6)),r=t.swatch==="line"?{width:Math.round(e*2),height:Math.max(3,Math.round(e/4)),borderRadius:e}:t.swatch==="circle"?{width:e,height:e,borderRadius:e/2}:{width:e,height:e,borderRadius:Math.round(e/4)};return{padding:0,textStyle:{...L(t),fontSize:t.fontSize,fontWeight:t.fontWeight,textAlign:"left",fill:t.foreground},itemGap:Math.round(t.fontSize*1.4),markerStyle:{...r,stroke:[],shadow:[]}}}import{Rect as k,RotatedBox as Ot,Text as ot,textOps as Dt}from"@motionscript/sdk";function Ge(t){return Math.round(t.fontSize*.9)}function Re(t){return Math.ceil(t.fontSize*.7)}function Pe(t){return Math.ceil(t.fontSize*1.1)}function Fe(t){let r=[new k({flow:"horizontal",width:"fill",height:"fill",children:[...t.left?[t.left]:[],t.plot]})];t.bottom&&r.push(new k({flow:"horizontal",width:"fill",height:"hug",children:[...t.ghost?[t.ghost]:[],t.bottom]}));let n=new k({flow:"vertical",width:"fill",height:"fill",children:r}),o=t.legend&&t.legendAt!=="none"?t.legend:void 0,i=new k({flow:"horizontal",width:"fill",height:"fill",align:"center",gap:t.gap,children:[n,...o&&t.legendAt==="right"?[o]:[]]}),a=l=>new k({flow:"horizontal",width:"fill",height:"hug",align:"center",children:[l]});return new k({flow:"vertical",width:"fill",height:"fill",gap:t.gap,padding:t.padding,children:[...o&&t.legendAt==="top"?[a(o)]:[],i,...o&&t.legendAt==="bottom"?[a(o)]:[]]})}function Oe(t){let e=[],r=n=>{for(let o of n)e.push(o),r(o.children)};return r(t),e}function De(t){let e=t?.layoutBounds;return{width:e?.width??0,height:e?.height??0}}function m(t){let e=Object.keys(Dt.styleProps(t())),r={};for(let n of e)r[n]=()=>t()[n];return r}function Ie(t){let e=Array.from({length:t.count},(n,o)=>new ot({...m(t.text),text:()=>t.captions()[o]??""})),r=[];return t.title!==""&&r.push(new Ot({angle:-90,width:"hug",height:"hug",children:new ot({...m(t.titleText),text:t.title})})),r.push(new k({flow:"vertical",width:"hug",height:"hug",padding:()=>({right:t.tickPad()}),children:e})),new k({opacity:0,flow:"horizontal",gap:t.titlePad,width:"hug",height:0,children:r})}function Ce(t,e){return(Array.isArray(t)?t:[t]).map(n=>typeof n=="object"&&n!==null?{...n,opacity:(n.opacity??1)*e}:n)}import{Graphics2D as ht,Types as G,component2d as It,fillOps as st,strokeOps as ct}from"@motionscript/sdk";import{Types as it}from"@motionscript/sdk";function d(t,e){return it.custom(t,e)}function at(t){return t}var He=it.custom(0,{kind:"series",min:0,step:1});function lt(t,e){for(let r of e.fills??[])t.fill(r);for(let r of e.strokes??[])for(let n of r)t.fill(n.fill);for(let r of e.shadows??[])for(let n of r)t.fill(n.fill)}var N=()=>G.custom([],{resolve:ct.resolve,lerp:ct.lerp});function ft(t,[e,r],n){return(r<=e?0:(t-e)/(r-e)-.5)*n}function dt(t,e,r,n,o=1){t.draw(new ht().line({points:[e,r]}).stroke(n).opacity(o))}var je=It({key:"chartCanvas",state:{fill:G.custom([],{resolve:st.resolve,lerp:st.lerp}),xGridStroke:N(),yGridStroke:N(),xMarkers:d(()=>[]),yMarkers:d(()=>[]),xExtent:d(()=>[0,1]),yExtent:d(()=>[0,1]),axisStroke:N(),xAxisAt:G.custom(null),yAxisAt:G.custom(null)},load:(t,e)=>lt(t,{fills:[e.fill],strokes:[e.xGridStroke,e.yGridStroke,e.axisStroke]}),render:(t,e)=>{let{width:r,height:n}=t.size;if(r<=0||n<=0)return;e.fill.length>0&&t.draw(new ht().rect({x:0,y:0,width:r,height:n}).fill(e.fill));let o=(f,c,s)=>Math.max(-c/2+s/2,Math.min(c/2-s/2,f)),i=(f,c)=>{let s=c[0]?.weight??0;if(!(s<=0))for(let p of f){let u=o(ft(p,e.xExtent,r),r,s);dt(t,{x:u,y:-n/2},{x:u,y:n/2},c)}},a=(f,c)=>{let s=c[0]?.weight??0;if(!(s<=0))for(let p of f){let u=o(ft(p,e.yExtent,n),n,s);dt(t,{x:-r/2,y:u},{x:r/2,y:u},c)}},l=([f,c])=>s=>s>=Math.min(f,c)-1e-9&&s<=Math.max(f,c)+1e-9;i(e.xMarkers.filter(l(e.xExtent)),e.xGridStroke),a(e.yMarkers.filter(l(e.yExtent)),e.yGridStroke),e.xAxisAt!==null&&a([e.xAxisAt],e.axisStroke),e.yAxisAt!==null&&i([e.yAxisAt],e.axisStroke)}});import{Rect as mt,Text as xt,Types as R,component2d as $t}from"@motionscript/sdk";import{enterBudget as jt}from"@motionscript/sdk/component";import{Types as Ct,easeOut as Nt}from"@motionscript/sdk";var Wt=t=>t,W=20;function Ke(t){return t==="top"?{y:W}:t==="right"?{x:W}:{y:-W}}var Je=5,Qe={axes:.35,marks:.5,legend:.15};function x(t){return t.easing?Wt:Nt()}function y(t,e){let r=t.duration,n=e.reduce((i,a)=>Math.max(i,a.at+a.duration),0),o=n>r&&n>0?r/n:1;return t.together(e.map(({at:i,duration:a,piece:l})=>{let f=i*o,c=a*o;return t.sequence([t.wait(f),l,t.wait(Math.max(0,r-f-c))])}))}var H={opacity:1,shift:0};function A(){return Ct.custom({},{private:!0,resolve:(t,e)=>({...e,...t})})}function g(t,e){return t[e]??H}function S(t,e){let r={};for(let n of t)r[n]=e;return r}function b(t,e,r,n){return t.animate(o=>{let i=n(o);return{arrivals:{[e]:{opacity:r.opacity+(H.opacity-r.opacity)*i,shift:r.shift+(H.shift-r.shift)*i}}}})}import{Rect as ut,RotatedBox as Ht,Text as gt,Types as X,component2d as Xt,insetsOps as pt}from"@motionscript/sdk";import{enterBudget as Bt}from"@motionscript/sdk/component";var Ut=24;function B(t,e){let r=t.markers.indexOf(e);return(r>=0?t.captions[r]:void 0)??rt(e)}function U(t,e){return{tick:pt.resolve(t.tickPadding)[e],title:pt.resolve(t.titlePadding)[e]}}function Yt(t){let e=()=>U(t.axis(),"right"),r=Array.from({length:t.count},(o,i)=>{let a=()=>l.parent?.layoutBounds??{width:0,height:0},l=new gt({...m(()=>t.axis().labelStyle),text:()=>t.text(i),x:()=>(a().width-e().tick)/2-l.layoutBounds.width/2+g(t.arrivals(),i).shift,y:()=>t.place(i,a().height),opacity:()=>g(t.arrivals(),i).opacity*(t.opacity?.(i)??1)});return l}),n=[];return t.label!==""&&n.push(new Ht({angle:-90,width:"hug",height:"hug",children:new gt({...m(()=>t.axis().titleStyle),text:t.label,opacity:()=>g(t.arrivals(),"label").opacity,x:()=>g(t.arrivals(),"label").shift})})),n.push(new ut({height:"fill",width:"hug",padding:()=>({right:e().tick}),children:r})),new ut({flow:"horizontal",gap:()=>e().title,height:"fill",children:n})}var ar=Xt({key:"verticalAxis",state:{range:d(()=>[0,1]),markers:d(()=>[]),captions:d(()=>[]),axis:X.custom(et),label:"",arrivals:A()},defaults:{width:"fill",height:"fill"},children:t=>{let e=()=>[...t.markers].sort((n,o)=>o-n),r=n=>{if(n===void 0)return 0;let[o,i]=t.range;return i<=o?0:(n-o)/(i-o)};return[Yt({count:t.markers.length,axis:()=>t.axis,text:n=>{let o=e()[n];return o===void 0?"":B(t,o)},place:(n,o)=>(r(e()[n])-.5)*o,arrivals:()=>t.arrivals,label:t.label})]},commands:{enter:{args:{stagger:X.custom(void 0),slide:X.number(Ut)},run:(t,e)=>{let{stagger:r,slide:n}=t.args,o=e.markers.length,i=e.label!=="",a={opacity:0,shift:n},l=[...e.markers.keys(),...i?["label"]:[]],f=t.animate(()=>({arrivals:S(l,a)}));if(o===0)return f;let{step:c,per:s,caption:p}=Bt(t.duration,o,i,r),u=x(t),P=e.markers.map((Mt,M)=>({at:(o-1-M)*c,duration:s,piece:b(t,M,a,u)})),F=i?[{at:(o-1)*c+s,duration:p,piece:b(t,"label",a,u)}]:[];return t.together([f,y(t,[...P,...F])])}}}});var Vt=24,pr=$t({key:"horizontalAxis",state:{range:d(()=>[0,1]),markers:d(()=>[]),captions:d(()=>[]),axis:R.custom(tt),label:"",overhang:R.custom({left:0,right:0}),arrivals:A()},defaults:{width:"fill",height:"fill"},children:t=>{let e=()=>U(t.axis,"top"),r=()=>[...t.markers].sort((a,l)=>a-l),n=a=>{if(a===void 0)return 0;let[l,f]=t.range;return f<=l?0:(a-l)/(f-l)},o=t.markers.map((a,l)=>{let f=()=>c.parent?.layoutBounds.width??0,c=new xt({...m(()=>t.axis.labelStyle),text:()=>{let s=r()[l];return s===void 0?"":B(t,s)},x:()=>{let s=f(),p=c.layoutBounds.width/2,u=(n(r()[l])-.5)*s;return Math.max(-s/2-t.overhang.left+p,Math.min(s/2+t.overhang.right-p,u))},opacity:()=>g(t.arrivals,l).opacity,y:()=>g(t.arrivals,l).shift});return c}),i=[new mt({width:"fill",height:"hug",padding:()=>({top:e().tick}),children:o})];return t.label!==""&&i.push(new xt({...m(()=>t.axis.titleStyle),text:t.label,opacity:()=>g(t.arrivals,"label").opacity,y:()=>g(t.arrivals,"label").shift})),[new mt({flow:"vertical",gap:()=>e().title,height:"hug",width:"fill",children:i})]},commands:{enter:{args:{stagger:R.custom(void 0),slide:R.number(Vt)},run:(t,e)=>{let{stagger:r,slide:n}=t.args,o=e.markers.length,i=e.label!=="",a={opacity:0,shift:n},l=[...e.markers.keys(),...i?["label"]:[]],f=t.animate(()=>({arrivals:S(l,a)}));if(o===0)return f;let{step:c,per:s,caption:p}=jt(t.duration,o,i,r),u=x(t),P=e.markers.map((Mt,M)=>({at:M*c,duration:s,piece:b(t,M,a,u)})),F=i?[{at:(o-1)*c+s,duration:p,piece:b(t,"label",a,u)}]:[];return t.together([f,y(t,[...P,...F])])}}}});import{Flow as E,Paint as w,Rect as qt,Shapes as Y,Text as Kt,Types as v,component2d as kt}from"@motionscript/sdk";var bt={...w.state,...E.state,...Y.corners},Jt=kt({key:"legendEntry",state:{...bt,shown:v.number(1),along:v.oneOf(["horizontal","vertical"])},commands:{...w.commands},measure:(t,e,r)=>{let n=E.measure(t,e,r,w.inset(e));return e.shown>=1?n:e.along==="vertical"?{...n,height:e.shown*n.height}:{...n,width:e.shown*n.width}},layout:(t,e,r)=>E.layout(t,e,r,w.inset(e)),render:(t,e)=>w.draw(t,e,Y.rect(t.size,e))});function Qt(t,e){if(Array.isArray(t))return t;let r=[...e??[]];for(let[n,o]of Object.entries(t))r[Number(n)]=o;return r}var yr=kt({key:"chartLegend",state:{...bt,series:d(()=>[]),swatches:d(()=>[]),legend:v.custom(_),reveal:d(()=>[],{resolve:Qt})},defaults:{flow:"horizontal",width:"hug",height:"hug",gap:t=>t.flow==="vertical"?Math.round(t.legend.itemGap*.4):t.legend.itemGap,padding:t=>t.legend.padding,align:t=>t.flow==="vertical"?"centerLeft":"center",reveal:t=>t.series.map(e=>e.enabled??!0?1:0)},children:t=>{let e=()=>t.legend.markerStyle,r=t.flow==="vertical"?"vertical":"horizontal";return t.series.map((n,o)=>Jt({flow:"horizontal",gap:()=>Math.round((t.legend.textStyle.fontSize??24)*.45),align:"center",width:"hug",height:"hug",along:r,opacity:()=>t.reveal[o]??0,gapScale:()=>t.reveal[o]??0,shown:()=>t.reveal[o]??0,children:[qt({width:()=>e().width,height:()=>e().height,cornerRadius:()=>e().borderRadius,fill:()=>t.swatches[o]??"white",stroke:()=>e().stroke,shadow:()=>e().shadow}),Kt({...m(()=>t.legend.textStyle),text:n.label||n.field})]}))},commands:{...w.commands,showSeries:{args:{index:v.number(0,{min:0,step:1})},run:(t,e)=>t.args.index in e.series?t.animate(wt(e,t.args.index,1,x(t))):t.wait(t.duration)},hideSeries:{args:{index:v.number(0,{min:0,step:1})},run:(t,e)=>t.args.index in e.series?t.animate(wt(e,t.args.index,0,x(t))):t.wait(t.duration)},spotlightSeries:{args:{index:v.number(0,{min:0,step:1})},run:(t,e,r)=>t.together(r.flatMap((n,o)=>(e.reveal[o]??0)>0?[n.to({opacity:o===t.args.index?1:K})]:[]))}},measure:(t,e,r)=>E.measure(t,e,r,w.inset(e)),layout:(t,e,r)=>E.layout(t,e,r,w.inset(e)),render:(t,e)=>w.draw(t,e,Y.rect(t.size,e))});function wt(t,e,r,n){let o=t.reveal[e]??0;return i=>({reveal:{[e]:o+(r-o)*n(i)}})}import{Flow as $,Paint as T,Rect as j,Shapes as St,Text as Zt,Types as te,clamp as ee,component2d as re,textOps as ne}from"@motionscript/sdk";var yt=16,zr=re({key:"pieLegend",state:{...T.state,...$.state,...St.corners,slices:d(()=>[]),legend:te.custom(_),dims:d(()=>[]),arrivals:A()},defaults:{flow:"vertical",align:"centerLeft",width:"hug",height:"hug",gap:t=>t.legend.itemGap/3,padding:t=>t.legend.padding},children:t=>{let e=()=>t.legend.markerStyle;return t.slices.map((r,n)=>j({width:"hug",height:"hug",flow:"freeform",opacity:()=>ee(t.dims[n]??1,0,1),children:[j({flow:"horizontal",gap:()=>Math.round(t.legend.textStyle.fontSize===void 0?12:Number(t.legend.textStyle.fontSize)*.4),align:"center",width:"hug",height:"hug",opacity:()=>g(t.arrivals,n).opacity,x:()=>g(t.arrivals,n).shift,children:[j({width:()=>e().width,height:()=>e().height,cornerRadius:()=>e().borderRadius,fill:()=>t.slices[n]?.fill??"white"}),Zt({...ne.styleProps(t.legend.textStyle),fill:()=>t.legend.textStyle.fill??"white",fontSize:()=>t.legend.textStyle.fontSize??28,fontWeight:()=>t.legend.textStyle.fontWeight??500,text:()=>t.slices[n]?.category??""})]})]}))},commands:{...T.commands,arm:(t,e)=>t.animate(()=>({arrivals:S([...e.slices.keys()],{opacity:0,shift:yt})})),enter:(t,e)=>{let r=e.slices.length;if(r===0)return t.wait(t.duration);let n={opacity:0,shift:yt},o=t.animate(()=>({arrivals:S([...e.slices.keys()],n)})),i=t.duration/(1+Math.max(0,r-1)/5),a=i/5,l=x(t),f=e.slices.map((c,s)=>({at:s*a,duration:i,piece:b(t,s,n,l)}));return t.together([o,y(t,f)])}},measure:(t,e,r)=>$.measure(t,e,r,T.inset(e)),layout:(t,e,r)=>$.layout(t,e,r,T.inset(e)),render:(t,e)=>T.draw(t,e,St.rect(t.size,e))});import{clamp as oe,fillOps as At}from"@motionscript/sdk";var Gr=Math.PI/180;function Rr(t,e,r){return t<=0?1:1-(1-oe(e,0,1))*t*(1-r)}function Pr(t,e){return{x:t*Math.sin(e),y:t*Math.cos(e)}}var Fr=.15,vt=new WeakMap;function ie(t){if(typeof t!="object"||t===null)return At.resolve(t);let e=vt.get(t);return e===void 0&&vt.set(t,e=At.resolve(t)),e}function Or(t){return t.map(e=>ie(e.fill))}export*from"@motionscript/sdk/component";export{Ge as a,Re as b,Pe as c,Fe as d,Oe as e,De as f,m as g,Ie as h,Ce as i,d as j,at as k,He as l,lt as m,dt as n,je as o,W as p,Ke as q,Je as r,Qe as s,x as t,y as u,A as v,g as w,S as x,b as y,se as z,D as A,ce as B,V as C,K as D,fe as E,de as F,he as G,tt as H,et as I,_ as J,rt as K,ue as L,ge as M,I as N,pe as O,me as P,yr as Q,B as R,U as S,Yt as T,ar as U,pr as V,ke as W,nt as X,be as Y,Se as Z,Gt as _,ye as $,ve as aa,Rt as ba,Me as ca,Pt as da,Ft as ea,Ee as fa,Te as ga,ze as ha,zr as ia,Gr as ja,Rr as ka,Pr as la,Fr as ma,ie as na,Or as oa};
+//# sourceMappingURL=chunk-R3Q5EE6E.js.map