@motionscript/charts 0.1.1-alpha.0 → 0.1.1-alpha.2

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

@@ -1,83 +1,59 @@
-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";
+import { type DataRecord, type Fill, type CornerRadiusResolved as _CornerRadiusResolved, type CornerStyleResolved as _CornerStyleResolved, type RectCornerRadius as _RectCornerRadius, type RectCornerStyle as _RectCornerStyle } 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 bar's span in data units. A span rather than a height because both modes
- * fit it, and a negative value just runs the other way with no special case.
+ * 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 {
-    /** Where the base sits: 0 when grouped, the running total below when stacked. */
+    /** Where the base sits: 0 apart, the running total below (or above, for a negative) when stacked. */
     from: number;
     to: number;
-    /** `to - from`, kept for the figure printed on the bar. */
+    /** `to - from`. */
     value: number;
+    /** Whether it ends its stack on its side of zero, so its far end is rounded. */
+    outer: boolean;
 }
 /**
- * One row's spans, in series order. Stacking is a running sum in listed order,
- * so series 0 sits on the baseline. A zero value still yields a degenerate span,
- * keeping the list index-aligned with the series.
+ * 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 series ending a row's stack, which gets the rounded cap; `-1` when the row
- * is all zero. It is the last non-zero series, so a zero one does not take the
- * cap and leave the segment below square.
- */
-export declare function stackCapIndex(row: DataRecord, series: BarSeries[]): number;
+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 drawn, zero always included: a scale starting
- * at 40 draws a column three times its neighbour for a 10% difference. A cropped
+ * 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: BarSeries[], stacked: boolean): Range;
-/** The explicit `range`, else the data's extent nudged to tidy bounds; `divisions` (one fewer than the marker count) makes the drawn ticks land on them. */
-export declare function resolveBarScale(data: DataRecord[], series: BarSeries[], stacked: boolean, range: Range | undefined, divisions: number): Range;
-/** How the columns are drawn and the slot divided. */
-export interface BarStyleConfig {
-    /** Radius in px of a column's far-end corners; an interior stacked segment stays square. */
-    cornerRadius: number;
-    /** Fraction of the category slot the bars fill, `[0, 1]`; the rest separates groups. */
-    slotFill: number;
-    /** Gap in px between grouped bars within a slot; ignored when stacked. */
-    groupGap: number;
-    stroke: Stroke;
-    shadow: Shadow;
-}
-/** A {@link BarChart}'s full, resolved visual theme. */
-export interface BarChartConfig {
-    /** Cycled by series index; a series' own `fill` replaces its entry outright. */
-    seriesFills: Fill[];
-    bar: BarStyleConfig;
-    /** The category axis. */
-    xAxis: AxisConfig;
-    /** The value axis. */
-    yAxis: AxisConfig;
-    plotArea: PlotAreaConfig;
-    legend: LegendConfig;
-    /** The figure printed on each column. */
-    valueStyle: TextStyle;
-    /** How far everything outside a spotlit series or category fades. */
-    spotlight: {
-        dimOpacity: number;
-    };
-}
-/** The author's partial theme, deep-merged onto {@link DEFAULT_BAR_CHART_THEME}. */
-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"]>;
+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: its corners, and how wide the bars are. */
+export declare const BAR_MARKS: {
+    /**
+     * Each corner as for a bar standing up from the baseline: the top pair round
+     * its far end, the bottom pair its base. Inside a stack, a segment's far end
+     * stays square unless it ends the stack, and its base unless it starts it.
+     */
+    barCornerRadius: import("@motionscript/sdk").Type<_RectCornerRadius, _CornerRadiusResolved, false>;
+    barCornerStyle: import("@motionscript/sdk").Type<_RectCornerStyle, _CornerStyleResolved, 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>;
 };
-export declare const DEFAULT_BAR_CHART_THEME: BarChartConfig;
-/** The `theme` entry's resolve: merges a partial {@link BarChartTheme} onto `previous` (first resolution: the default). */
-export declare function resolveBarChartTheme(theme: BarChartTheme | undefined, previous?: BarChartConfig): BarChartConfig;
-export declare function lerpBarChartTheme(from: BarChartConfig, to: BarChartConfig, t: number): BarChartConfig;
-/** Series `index`'s own `fill`, 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":"AAAA,OAAO,EAML,KAAK,UAAU,EACf,KAAK,IAAI,EACT,KAAK,MAAM,EAEX,KAAK,MAAM,EAEX,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EAkBL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,KAAK,EACX,MAAM,eAAe,CAAA;AAEtB,+IAA+I;AAC/I,MAAM,MAAM,SAAS,GAAG,WAAW,CAAA;AAEnC;;;GAGG;AACH,MAAM,WAAW,OAAO;IACtB,iFAAiF;IACjF,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CACtB,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,SAAS,EAAE,EACnB,OAAO,EAAE,OAAO,GACf,OAAO,EAAE,CASX;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAM1E;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAEzE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,EAAE,EAClB,MAAM,EAAE,SAAS,EAAE,EACnB,OAAO,EAAE,OAAO,GACf,KAAK,CAUP;AAED,4JAA4J;AAC5J,wBAAgB,eAAe,CAC7B,IAAI,EAAE,UAAU,EAAE,EAClB,MAAM,EAAE,SAAS,EAAE,EACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GAAG,SAAS,EACxB,SAAS,EAAE,MAAM,GAChB,KAAK,CAMP;AAED,sDAAsD;AACtD,MAAM,WAAW,cAAc;IAC7B,4FAA4F;IAC5F,YAAY,EAAE,MAAM,CAAA;IACpB,wFAAwF;IACxF,QAAQ,EAAE,MAAM,CAAA;IAChB,0EAA0E;IAC1E,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,wDAAwD;AACxD,MAAM,WAAW,cAAc;IAC7B,gFAAgF;IAChF,WAAW,EAAE,IAAI,EAAE,CAAA;IACnB,GAAG,EAAE,cAAc,CAAA;IACnB,yBAAyB;IACzB,KAAK,EAAE,UAAU,CAAA;IACjB,sBAAsB;IACtB,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,cAAc,CAAA;IACxB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,UAAU,EAAE,SAAS,CAAA;IACrB,qEAAqE;IACrE,SAAS,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAClC;AAED,oFAAoF;AACpF,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,IAAI,EAAE,CAAA;IACpB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,cAyBrC,CAAA;AAqCD,2HAA2H;AAC3H,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,GAAG,SAAS,EAChC,QAAQ,CAAC,EAAE,cAAc,GACxB,cAAc,CAchB;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,cAAc,EACpB,EAAE,EAAE,cAAc,EAClB,CAAC,EAAE,MAAM,GACR,cAAc,CAiBhB;AAED,6DAA6D;AAC7D,wBAAgB,cAAc,CAC5B,OAAO,EAAE,IAAI,EAAE,EACf,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,MAAM,GACZ,IAAI,CAIN"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/bar-chart/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,IAAI,EAET,KAAK,oBAAoB,IAAI,qBAAqB,EAClD,KAAK,mBAAmB,IAAI,oBAAoB,EAChD,KAAK,gBAAgB,IAAI,iBAAiB,EAC1C,KAAK,eAAe,IAAI,gBAAgB,EACzC,MAAM,mBAAmB,CAAA;AAE1B,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,sEAAsE;AACtE,eAAO,MAAM,SAAS;IACpB;;;;OAIG;;;IAGH,oFAAoF;;IAEpF,yDAAyD;;CAE1D,CAAA;AAED,eAAO,MAAM,UAAU;IACrB,qFAAqF;;CAEtF,CAAA"}

package/dist/bar-chart/shared.js

@@ -1,143 +1,99 @@
-import { fillOps, lerpNumber, shadowOps, strokeOps, textOps, } from "@motionscript/sdk";
-import { niceStep } from "@motionscript/sdk/component";
-import { CHART_PALETTE, DEFAULT_LEGEND, DEFAULT_PLOT_AREA, DEFAULT_SERIES_FILLS, DEFAULT_X_AXIS, DEFAULT_Y_AXIS, SPOTLIGHT_DIM, lerpAxisConfig, lerpLegendConfig, lerpPlotArea, lerpSeriesFills, num, resolveAxisConfig, resolveLegendConfig, resolvePlotArea, resolveSeriesFills, text, } from "../kit/shared.js";
+import { Types, fillOps, } from "@motionscript/sdk";
+import { niceRange, num, text } from "../kit/shared.js";
 /**
- * One row's spans, in series order. Stacking is a running sum in listed order,
- * so series 0 sits on the baseline. A zero value still yields a degenerate span,
- * keeping the list index-aligned with the series.
+ * 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 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 series ending a row's stack, which gets the rounded cap; `-1` when the row
- * is all zero. It is the last non-zero series, so a zero one does not take the
- * cap and leave the segment below 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 };
+    });
 }
 export function barCategories(data, field) {
     return data.map((row) => text(row, field));
 }
 /**
  * The `[min, max]` of everything drawn, zero always included: a scale starting
- * at 40 draws a column three times its neighbour for a 10% difference. A cropped
+ * 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];
 }
-/** The explicit `range`, else the data's extent nudged to tidy bounds; `divisions` (one fewer than the marker count) makes the drawn ticks land on them. */
-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];
+    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);
 }
-export const DEFAULT_BAR_CHART_THEME = {
-    seriesFills: DEFAULT_SERIES_FILLS,
-    bar: {
-        cornerRadius: 6,
-        slotFill: 0.72,
-        groupGap: 6,
-        stroke: [],
-        shadow: [],
-    },
-    // Captions rather than numeric markers: less weight than the line chart's ticks.
-    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),
-    };
-}
-/** The `theme` entry's resolve: merges a partial {@link BarChartTheme} onto `previous` (first resolution: the default). */
-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,
-        },
-    };
-}
-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),
-        },
-    };
-}
-/** Series `index`'s own `fill`, 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: its corners, and how wide the bars are. */
+export const BAR_MARKS = {
+    /**
+     * Each corner as for a bar standing up from the baseline: the top pair round
+     * its far end, the bottom pair its base. Inside a stack, a segment's far end
+     * stays square unless it ends the stack, and its base unless it starts it.
+     */
+    barCornerRadius: Types.cornerRadius({ topLeft: 10, topRight: 10, bottomRight: 0, bottomLeft: 0 }),
+    barCornerStyle: Types.cornerStyle("rounded"),
+    /** 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, unit: "%", scale: 100 }),
+    /** 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":["import {\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\"\nimport { niceStep } from \"@motionscript/sdk/component\"\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  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/** 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/**\n * One bar's span in data units. A span rather than a height because both modes\n * fit it, and a negative value just runs the other way with no special case.\n */\nexport interface BarSpan {\n  /** Where the base sits: 0 when grouped, the running total below when stacked. */\n  from: number\n  to: number\n  /** `to - from`, kept for the figure printed on the bar. */\n  value: number\n}\n\n/**\n * One row's spans, in series order. Stacking is a running sum in listed order,\n * so series 0 sits on the baseline. A zero value still yields a degenerate span,\n * keeping the list index-aligned with the series.\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 series ending a row's stack, which gets the rounded cap; `-1` when the row\n * is all zero. It is the last non-zero series, so a zero one does not take the\n * cap and leave the segment below 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\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 column three times its neighbour for a 10% difference. A cropped\n * axis takes 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/** The explicit `range`, else the data's extent nudged to tidy bounds; `divisions` (one fewer than the marker count) makes the drawn ticks land on them. */\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/** How the columns are drawn and the slot divided. */\nexport interface BarStyleConfig {\n  /** Radius in px of a column's far-end corners; an interior stacked segment stays square. */\n  cornerRadius: number\n  /** Fraction of the category slot the bars fill, `[0, 1]`; the rest separates groups. */\n  slotFill: number\n  /** Gap in px between grouped bars within a slot; ignored when stacked. */\n  groupGap: number\n  stroke: Stroke\n  shadow: Shadow\n}\n\n/** A {@link BarChart}'s full, resolved visual theme. */\nexport interface BarChartConfig {\n  /** Cycled by series index; a series' own `fill` replaces its entry outright. */\n  seriesFills: Fill[]\n  bar: BarStyleConfig\n  /** The category axis. */\n  xAxis: AxisConfig\n  /** The value axis. */\n  yAxis: AxisConfig\n  plotArea: PlotAreaConfig\n  legend: LegendConfig\n  /** The figure printed on each column. */\n  valueStyle: TextStyle\n  /** How far everything outside a spotlit series or category fades. */\n  spotlight: { dimOpacity: number }\n}\n\n/** The author's partial theme, deep-merged onto {@link DEFAULT_BAR_CHART_THEME}. */\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\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  // Captions rather than numeric markers: less weight than the line chart's ticks.\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/** The `theme` entry's resolve: merges a partial {@link BarChartTheme} onto `previous` (first resolution: the default). */\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\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/** Series `index`'s own `fill`, 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 {\n  Types,\n  fillOps,\n  type DataRecord,\n  type Fill,\n  // Named so the emitted marks types reach these through the sdk, not core.\n  type CornerRadiusResolved as _CornerRadiusResolved,\n  type CornerStyleResolved as _CornerStyleResolved,\n  type RectCornerRadius as _RectCornerRadius,\n  type RectCornerStyle as _RectCornerStyle,\n} 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: its corners, and how wide the bars are. */\nexport const BAR_MARKS = {\n  /**\n   * Each corner as for a bar standing up from the baseline: the top pair round\n   * its far end, the bottom pair its base. Inside a stack, a segment's far end\n   * stays square unless it ends the stack, and its base unless it starts it.\n   */\n  barCornerRadius: Types.cornerRadius({ topLeft: 10, topRight: 10, bottomRight: 0, bottomLeft: 0 }),\n  barCornerStyle: Types.cornerStyle(\"rounded\"),\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, unit: \"%\", scale: 100 }),\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-7XCRX6GE.js

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