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

package/dist/kit/style.js

@@ -2,29 +2,48 @@
  * The chart family's style: one `style` entry per chart, built from the groups
  * below, so a look saved off one chart lays onto any other (a field the other
  * chart does not draw is dropped). A chart spreads the shared groups and adds a
- * `marks` group of its own.
+ * `marks` group of its own. Every run of text a chart draws is its own
+ * `Types.typography` field, so axis labels, titles, values and the legend are
+ * each set the way a text node is.
  */
-import { Types, } from "@motionscript/sdk";
-/** The style family every chart shares; a host keys saved styles by it. */
+import { Types, textOps, } from "@motionscript/sdk";
+/** The style family every chart shares; the built-in presets are written for it. */
 export const CHART_STYLE_FAMILY = "chart";
-/** The out-of-the-box series colours, cycled by series (or row) index. */
+/** The out-of-the-box series fills, cycled by series (or row) index. */
 export const CHART_PALETTE_DEFAULT = ["#4f8cff", "#2fbf8f", "#f5a524", "#e5547a", "#9b6cf0"];
-export const CHART_COLORS = {
-    /** A colour per series (a pie's or radial's per row), cycled. */
-    palette: Types.palette(CHART_PALETTE_DEFAULT),
-    /** Values, legend captions, centre text. */
-    foreground: Types.fill("#f4f4f5"),
-    /** Axis markers and captions, spoke labels. */
-    muted: Types.fill("#a1a1aa"),
-    /** Behind the plot; none by default, so the chart reads against the stage. */
+/** The default ink of values, legend captions and centre text, on the dark stage. */
+export const CHART_FOREGROUND = "#f4f4f5";
+/** The default ink of axis markers, axis captions and spoke labels. */
+export const CHART_MUTED = "#a1a1aa";
+export const CHART_SERIES = {
+    /** A fill per series (a pie's or radial's per row), cycled; each may stack several paints. */
+    seriesFills: Types.palette(CHART_PALETTE_DEFAULT),
+};
+export const CHART_BACKGROUND = {
+    /** Behind the whole chart, legend and axes included; none by default, so the chart reads against the stage. */
     background: Types.fill([]),
 };
-export const CHART_TEXT = {
-    /** Empty: the scene's default face. */
-    fontFamily: Types.font(""),
-    /** Marker and legend size at 1080p; titles and values scale from it. */
-    fontSize: Types.number(28, { min: 8, max: 160, step: 1, unit: "px" }),
-    fontWeight: Types.number(500, { min: 100, max: 900, step: 100 }),
+export const GRID_BACKGROUND = {
+    ...CHART_BACKGROUND,
+    /** Behind the plot only, under the grid lines; none by default. */
+    gridBackground: Types.fill([]),
+};
+/** The legend's captions, which every chart with a legend draws. */
+export const LEGEND_TEXT = {
+    legendText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_FOREGROUND }),
+};
+export const CARTESIAN_TEXT = {
+    /** The markers under the plot: categories on a column chart, values on a horizontal bar chart. */
+    xLabelText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),
+    /** The caption under the plot. */
+    xTitleText: Types.typography({ fontSize: 31, fontWeight: 600, fill: CHART_MUTED }),
+    /** The markers beside the plot. */
+    yLabelText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),
+    /** The caption beside the plot, turned on its side. */
+    yTitleText: Types.typography({ fontSize: 31, fontWeight: 600, fill: CHART_MUTED }),
+    /** The figures printed by the marks. */
+    valueText: Types.typography({ fontSize: 24, fontWeight: 600, fill: CHART_FOREGROUND }),
+    ...LEGEND_TEXT,
 };
 export const CARTESIAN_GRID = {
     /** The lines along the value ticks of a column chart (one per tick); empty draws none. */
@@ -43,145 +62,153 @@ export const CHART_LEGEND = {
     legend: Types.oneOf(["bottom", "top", "right", "none"], { animatable: false }),
     swatch: Types.oneOf(["square", "circle", "line"]),
 };
-/** The rule and track fields a preset restates so its rules read on its background (a chart keeps those it draws). */
-const _PRESET_RULES = {
+/** The fields a preset restates so its rules and text read on its background (a chart keeps those it draws). */
+const _PRESET_FIELDS = {
+    ...CHART_SERIES,
+    ...GRID_BACKGROUND,
+    ...CARTESIAN_TEXT,
+    labelText: Types.typography(),
+    centerText: Types.typography(),
+    spokeText: Types.typography(),
     horizontalGrid: CARTESIAN_GRID.horizontalGrid,
     gridStroke: Types.stroke([]),
     spokeStroke: Types.stroke([]),
     track: Types.fill([]),
 };
+/** Every text field's ink: `foreground` for values, the legend and centre text, `muted` for markers and captions. */
+function inks(foreground, muted) {
+    const on = (fill) => ({ fill });
+    return {
+        xLabelText: on(muted),
+        xTitleText: on(muted),
+        yLabelText: on(muted),
+        yTitleText: on(muted),
+        valueText: on(foreground),
+        legendText: on(foreground),
+        labelText: on(muted),
+        centerText: on(foreground),
+        spokeText: on(muted),
+    };
+}
+/** Every rule a chart draws, and a radial's track, in one paint. */
+function rules(fill) {
+    return {
+        horizontalGrid: { weight: 2, fill },
+        gridStroke: { weight: 2, fill },
+        spokeStroke: { weight: 2, fill },
+        track: fill,
+    };
+}
 /** Ready-made looks, each stating every colour so applying one replaces the last. */
 export const CHART_STYLE_PRESETS = {
     midnight: {
-        palette: [...CHART_PALETTE_DEFAULT],
-        foreground: "#f4f4f5",
-        muted: "#a1a1aa",
-        horizontalGrid: { weight: 2, fill: "white/15" },
-        gridStroke: { weight: 2, fill: "white/15" },
-        spokeStroke: { weight: 2, fill: "white/15" },
+        seriesFills: [...CHART_PALETTE_DEFAULT],
+        ...inks(CHART_FOREGROUND, CHART_MUTED),
+        ...rules("white/15"),
         track: "white/10",
         background: [],
+        gridBackground: [],
     },
     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",
+        seriesFills: ["#2563eb", "#059669", "#d97706", "#db2777", "#7c3aed"],
+        ...inks("#1c1917", "#57534e"),
+        ...rules("#1c1917/12"),
         background: "#fafaf9",
+        gridBackground: [],
     },
     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",
+        seriesFills: ["#d9603b", "#8194ad", "#e0a93b", "#5e9d6b", "#9ec85a"],
+        ...inks("#e9e1d4", "#8a7f70"),
+        ...rules("#2c2820"),
         background: "#15130e",
+        gridBackground: [],
     },
     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",
+        seriesFills: ["#22d3ee", "#a3e635", "#f472b6", "#facc15", "#818cf8"],
+        ...inks("#ffffff", "#94a3b8"),
+        ...rules("white/10"),
         background: [],
+        gridBackground: [],
     },
     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",
+        seriesFills: ["#0ea5e9", "#14b8a6", "#6366f1", "#38bdf8", "#2dd4bf"],
+        ...inks("#e0f2fe", "#7dd3fc"),
+        ...rules("#7dd3fc/20"),
         background: "#082f49",
+        gridBackground: [],
     },
     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",
+        seriesFills: ["#f97316", "#ef4444", "#ec4899", "#f59e0b", "#a855f7"],
+        ...inks("#fff7ed", "#fdba74"),
+        ...rules("#fdba74/20"),
         background: [],
+        gridBackground: [],
     },
     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",
+        seriesFills: ["#a5b4fc", "#f9a8d4", "#86efac", "#fde68a", "#7dd3fc"],
+        ...inks("#f8fafc", "#cbd5e1"),
+        ...rules("white/12"),
         background: [],
+        gridBackground: [],
     },
     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",
+        seriesFills: ["#fafafa", "#a3a3a3", "#737373", "#d4d4d4", "#525252"],
+        ...inks("#fafafa", "#a3a3a3"),
+        ...rules("white/12"),
         background: [],
+        gridBackground: [],
     },
 };
-/** Series `index`'s colour: its own `fill`, else the palette's, cycled. */
+/** Series `index`'s fill: its own `fill`, else the style's series fills, cycled. */
 export function paletteFill(style, index, own) {
     if (own != null)
         return own;
-    const palette = style.palette;
-    return palette.length > 0 ? palette[index % palette.length] : "white";
+    const fills = style.seriesFills;
+    return fills.length > 0 ? fills[index % fills.length] : "white";
 }
 /** {@link paletteFill} for a series. */
 export function seriesFill(style, series, index) {
     return paletteFill(style, index, series.fill);
 }
-function face(style) {
-    return style.fontFamily ? { fontFamily: style.fontFamily } : {};
+/** A text style's size in px; an autofit or unset size reads as `fallback`. */
+export function sizeOf(text, fallback = 28) {
+    const size = text?.fontSize;
+    return typeof size === "number" && Number.isFinite(size) ? size : fallback;
 }
-/** Axis markers, spoke labels: muted, at the base size. */
-export function markerText(style, textAlign = "center") {
-    return { ...face(style), fontSize: style.fontSize, fontWeight: style.fontWeight, textAlign, fill: style.muted };
+/**
+ * `text` as a text node takes it, aligned where the chart puts it, with `over`
+ * laid on top. Unset keys are dropped: an `undefined` spread onto a node is a
+ * value, and an unset face must stay unset so the host's default applies.
+ */
+export function placedText(text, textAlign = "center", over) {
+    return textOps.styleProps({ ...textOps.mergeStyle(text, over), textAlign });
 }
-/** Axis captions: muted, a step larger and heavier than the markers. */
-export function titleText(style) {
-    return {
-        ...face(style),
-        fontSize: Math.round(style.fontSize * 1.1),
-        fontWeight: Math.min(900, style.fontWeight + 100),
-        textAlign: "center",
-        fill: style.muted,
-    };
+/** Axis markers on `axis`, aligned as that axis sets them. */
+export function markerText(style, axis) {
+    return placedText(axis === "x" ? style.xLabelText : style.yLabelText, axis === "x" ? "center" : "right");
 }
-/** Values on marks and legend captions: the foreground, at the base size. */
+/** The figures printed by the marks. */
 export function valueText(style, textAlign = "center") {
-    return { ...face(style), fontSize: style.fontSize, fontWeight: Math.min(900, style.fontWeight + 100), textAlign, fill: style.foreground };
+    return placedText(style.valueText, textAlign);
 }
 /**
  * The kit axis parts' config from a style. `x` is the axis under the plot;
  * its grid lines are vertical (one per x marker), the `y` axis's horizontal.
  */
 export function axisConfigOf(style, axis) {
-    const gap = Math.round(style.fontSize * 0.6);
+    const gap = Math.round(sizeOf(axis === "x" ? style.xLabelText : style.yLabelText) * 0.6);
     return {
-        labelStyle: markerText(style, axis === "x" ? "center" : "right"),
-        titleStyle: titleText(style),
+        labelStyle: markerText(style, axis),
+        titleStyle: placedText(axis === "x" ? style.xTitleText : style.yTitleText),
         lineStyle: axis === "x" ? style.verticalGrid : style.horizontalGrid,
         tickPadding: axis === "x" ? { top: gap } : { right: gap },
         titlePadding: axis === "x" ? { top: Math.round(gap / 2) } : { right: gap },
     };
 }
-/** The kit legend's config: captions in the foreground, the swatch shaped by `swatch`. */
+/** The kit legend's config: captions in `legendText`, the swatch shaped by `swatch` and sized off the captions. */
 export function legendConfigOf(style) {
-    const size = Math.max(8, Math.round(style.fontSize * 0.6));
+    const type = sizeOf(style.legendText);
+    const size = Math.max(8, Math.round(type * 0.6));
     const marker = style.swatch === "line"
         ? { width: Math.round(size * 2), height: Math.max(3, Math.round(size / 4)), borderRadius: size }
         : style.swatch === "circle"
@@ -189,9 +216,77 @@ export function legendConfigOf(style) {
             : { width: size, height: size, borderRadius: Math.round(size / 4) };
     return {
         padding: 0,
-        textStyle: { ...face(style), fontSize: style.fontSize, fontWeight: style.fontWeight, textAlign: "left", fill: style.foreground },
-        itemGap: Math.round(style.fontSize * 1.4),
+        textStyle: placedText(style.legendText, "left"),
+        itemGap: Math.round(type * 1.4),
         markerStyle: { ...marker, stroke: [], shadow: [] },
     };
 }
+/**
+ * The `style` entry's hook for documents written before every run of text got
+ * its own field (0.1.1-alpha.1): `barRadius` became `barCornerRadius`, `palette` became `seriesFills`; `foreground`,
+ * `muted` and the one `fontFamily`/`fontSize`/`fontWeight` became the text
+ * fields as each chart derived them; a cartesian or radar `background`, which
+ * painted the plot, became `gridBackground`. A current style comes back as is.
+ */
+export function migrateChartStyle(layout) {
+    return (value) => {
+        if (typeof value !== "object" || value === null || Array.isArray(value))
+            return value;
+        const old = value;
+        const retired = ["palette", "foreground", "muted", "fontFamily", "fontSize", "fontWeight", "barRadius"];
+        const plotBackground = layout === "cartesian" || layout === "radar";
+        if (!retired.some((key) => key in old) && !(plotBackground && "background" in old && !("gridBackground" in old)))
+            return value;
+        const { palette, foreground, muted, fontFamily, fontSize, fontWeight, barRadius, ...rest } = old;
+        const out = { ...rest };
+        // A bar radius rounded only the far end; its replacement states every corner.
+        if (typeof barRadius === "number" && out.barCornerRadius === undefined) {
+            out.barCornerRadius = { topLeft: barRadius, topRight: barRadius, bottomRight: 0, bottomLeft: 0 };
+        }
+        if (palette !== undefined && out.seriesFills === undefined)
+            out.seriesFills = palette;
+        if (plotBackground && "background" in old && !("gridBackground" in old)) {
+            out.gridBackground = old.background;
+            delete out.background;
+        }
+        const size = typeof fontSize === "number" ? fontSize : undefined;
+        const weight = typeof fontWeight === "number" ? fontWeight : undefined;
+        const text = (ink, scale = 1, heavier = 0) => {
+            const t = {};
+            if (typeof fontFamily === "string" && fontFamily !== "")
+                t.fontFamily = fontFamily;
+            if (size !== undefined)
+                t.fontSize = Math.round(size * scale);
+            if (weight !== undefined)
+                t.fontWeight = Math.min(900, weight + heavier);
+            if (ink !== undefined)
+                t.fill = ink;
+            return Object.keys(t).length > 0 ? t : undefined;
+        };
+        const fields = { legendText: text(foreground) };
+        if (layout === "cartesian") {
+            fields.xLabelText = text(muted);
+            fields.yLabelText = text(muted);
+            fields.xTitleText = text(muted, 1.1, 100);
+            fields.yTitleText = text(muted, 1.1, 100);
+            fields.valueText = text(foreground, 0.85, 100);
+        }
+        else if (layout === "pie") {
+            fields.labelText = text(muted);
+            fields.valueText = text(foreground, 1, 200);
+            fields.centerText = text(foreground, 1.8, 300);
+        }
+        else if (layout === "radar") {
+            fields.spokeText = text(muted);
+        }
+        else {
+            fields.labelText = text(muted);
+            fields.centerText = text(foreground, 1.8, 300);
+        }
+        for (const [key, field] of Object.entries(fields))
+            if (field && out[key] === undefined)
+                out[key] = field;
+        return out;
+    };
+}
 //# sourceMappingURL=style.js.map

package/dist/kit/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/kit/style.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The chart family's style: one `style` entry per chart, built from the groups\n * below, so a look saved off one chart lays onto any other (a field the other\n * chart does not draw is dropped). A chart spreads the shared groups and adds a\n * `marks` group of its own.\n */\n\nimport {\n  Types,\n  type Fill,\n  type StrokeResolved,\n  type Stroke as _Stroke,\n  type StyleInput,\n  type TextStyle,\n  // Named so the emitted style types reach these through the sdk, not core.\n  type FillResolved as _FillResolved,\n  type Type as _Type,\n} from \"@motionscript/sdk\"\n\nimport type { AxisConfig, ChartSeries, LegendConfig } from \"./shared\"\n\n/** The style family every chart shares; a host keys saved styles by it. */\nexport const CHART_STYLE_FAMILY = \"chart\"\n\n/** The out-of-the-box series colours, cycled by series (or row) index. */\nexport const CHART_PALETTE_DEFAULT = [\"#4f8cff\", \"#2fbf8f\", \"#f5a524\", \"#e5547a\", \"#9b6cf0\"] as const\n\nexport const CHART_COLORS = {\n  /** A colour per series (a pie's or radial's per row), cycled. */\n  palette: Types.palette(CHART_PALETTE_DEFAULT),\n  /** Values, legend captions, centre text. */\n  foreground: Types.fill(\"#f4f4f5\"),\n  /** Axis markers and captions, spoke labels. */\n  muted: Types.fill(\"#a1a1aa\"),\n  /** Behind the plot; none by default, so the chart reads against the stage. */\n  background: Types.fill([]),\n}\n\nexport const CHART_TEXT = {\n  /** Empty: the scene's default face. */\n  fontFamily: Types.font(\"\"),\n  /** Marker and legend size at 1080p; titles and values scale from it. */\n  fontSize: Types.number(28, { min: 8, max: 160, step: 1, unit: \"px\" }),\n  fontWeight: Types.number(500, { min: 100, max: 900, step: 100 }),\n}\n\nexport const CARTESIAN_GRID = {\n  /** The lines along the value ticks of a column chart (one per tick); empty draws none. */\n  horizontalGrid: Types.stroke({ weight: 2, fill: \"white/15\" }),\n  /** The lines under the category markers; empty draws none. */\n  verticalGrid: Types.stroke([]),\n  /** The baseline and the value-axis rule; empty draws none. */\n  axisStroke: Types.stroke([]),\n  /** Read as the chart is built: whether the category (x) axis row is drawn. */\n  showXAxis: Types.boolean(true, { animatable: false }),\n  /** Read as the chart is built: whether the value (y) axis column is drawn. */\n  showYAxis: Types.boolean(true, { animatable: false }),\n}\n\nexport type LegendPosition = \"bottom\" | \"top\" | \"right\" | \"none\"\nexport type LegendSwatch = \"square\" | \"circle\" | \"line\"\n\nexport const CHART_LEGEND = {\n  /** Read as the chart is built: where the legend sits, or `none`. */\n  legend: Types.oneOf([\"bottom\", \"top\", \"right\", \"none\"] as const, { animatable: false }),\n  swatch: Types.oneOf([\"square\", \"circle\", \"line\"] as const),\n}\n\n/** The type fields, and the two text colours: what every text helper reads. */\nexport interface ChartTextStyle {\n  readonly foreground: Fill\n  readonly muted: Fill\n  readonly fontFamily: string\n  readonly fontSize: number\n  readonly fontWeight: number\n}\n\n/** The fields every chart's style resolves, whichever groups it spreads. */\nexport interface ChartStyleBase extends ChartTextStyle {\n  readonly palette: readonly Fill[]\n  readonly background: Fill\n  readonly legend: LegendPosition\n  readonly swatch: LegendSwatch\n}\n\n/** The cartesian grid fields, for the line and bar charts. */\nexport interface CartesianStyle extends ChartStyleBase {\n  readonly horizontalGrid: StrokeResolved[]\n  readonly verticalGrid: StrokeResolved[]\n  readonly axisStroke: StrokeResolved[]\n  readonly showXAxis: boolean\n  readonly showYAxis: boolean\n}\n\n/** The rule and track fields a preset restates so its rules read on its background (a chart keeps those it draws). */\nconst _PRESET_RULES = {\n  horizontalGrid: CARTESIAN_GRID.horizontalGrid,\n  gridStroke: Types.stroke([]),\n  spokeStroke: Types.stroke([]),\n  track: Types.fill([]),\n}\n\n/** A preset's fields: any chart's, so one preset dresses every chart. */\nexport type ChartStylePreset = StyleInput<typeof CHART_COLORS & typeof CHART_TEXT & typeof _PRESET_RULES>\n\n/** Ready-made looks, each stating every colour so applying one replaces the last. */\nexport const CHART_STYLE_PRESETS = {\n  midnight: {\n    palette: [...CHART_PALETTE_DEFAULT],\n    foreground: \"#f4f4f5\",\n    muted: \"#a1a1aa\",\n    horizontalGrid: { weight: 2, fill: \"white/15\" },\n    gridStroke: { weight: 2, fill: \"white/15\" },\n    spokeStroke: { weight: 2, fill: \"white/15\" },\n    track: \"white/10\",\n    background: [],\n  },\n  paper: {\n    palette: [\"#2563eb\", \"#059669\", \"#d97706\", \"#db2777\", \"#7c3aed\"],\n    foreground: \"#1c1917\",\n    muted: \"#57534e\",\n    horizontalGrid: { weight: 2, fill: \"#1c1917/12\" },\n    gridStroke: { weight: 2, fill: \"#1c1917/12\" },\n    spokeStroke: { weight: 2, fill: \"#1c1917/12\" },\n    track: \"#1c1917/12\",\n    background: \"#fafaf9\",\n  },\n  ember: {\n    palette: [\"#d9603b\", \"#8194ad\", \"#e0a93b\", \"#5e9d6b\", \"#9ec85a\"],\n    foreground: \"#e9e1d4\",\n    muted: \"#8a7f70\",\n    horizontalGrid: { weight: 2, fill: \"#2c2820\" },\n    gridStroke: { weight: 2, fill: \"#2c2820\" },\n    spokeStroke: { weight: 2, fill: \"#2c2820\" },\n    track: \"#2c2820\",\n    background: \"#15130e\",\n  },\n  neon: {\n    palette: [\"#22d3ee\", \"#a3e635\", \"#f472b6\", \"#facc15\", \"#818cf8\"],\n    foreground: \"#ffffff\",\n    muted: \"#94a3b8\",\n    horizontalGrid: { weight: 2, fill: \"white/10\" },\n    gridStroke: { weight: 2, fill: \"white/10\" },\n    spokeStroke: { weight: 2, fill: \"white/10\" },\n    track: \"white/10\",\n    background: [],\n  },\n  ocean: {\n    palette: [\"#0ea5e9\", \"#14b8a6\", \"#6366f1\", \"#38bdf8\", \"#2dd4bf\"],\n    foreground: \"#e0f2fe\",\n    muted: \"#7dd3fc\",\n    horizontalGrid: { weight: 2, fill: \"#7dd3fc/20\" },\n    gridStroke: { weight: 2, fill: \"#7dd3fc/20\" },\n    spokeStroke: { weight: 2, fill: \"#7dd3fc/20\" },\n    track: \"#7dd3fc/20\",\n    background: \"#082f49\",\n  },\n  sunset: {\n    palette: [\"#f97316\", \"#ef4444\", \"#ec4899\", \"#f59e0b\", \"#a855f7\"],\n    foreground: \"#fff7ed\",\n    muted: \"#fdba74\",\n    horizontalGrid: { weight: 2, fill: \"#fdba74/20\" },\n    gridStroke: { weight: 2, fill: \"#fdba74/20\" },\n    spokeStroke: { weight: 2, fill: \"#fdba74/20\" },\n    track: \"#fdba74/20\",\n    background: [],\n  },\n  pastel: {\n    palette: [\"#a5b4fc\", \"#f9a8d4\", \"#86efac\", \"#fde68a\", \"#7dd3fc\"],\n    foreground: \"#f8fafc\",\n    muted: \"#cbd5e1\",\n    horizontalGrid: { weight: 2, fill: \"white/12\" },\n    gridStroke: { weight: 2, fill: \"white/12\" },\n    spokeStroke: { weight: 2, fill: \"white/12\" },\n    track: \"white/12\",\n    background: [],\n  },\n  mono: {\n    palette: [\"#fafafa\", \"#a3a3a3\", \"#737373\", \"#d4d4d4\", \"#525252\"],\n    foreground: \"#fafafa\",\n    muted: \"#a3a3a3\",\n    horizontalGrid: { weight: 2, fill: \"white/12\" },\n    gridStroke: { weight: 2, fill: \"white/12\" },\n    spokeStroke: { weight: 2, fill: \"white/12\" },\n    track: \"white/12\",\n    background: [],\n  },\n} satisfies Record<string, ChartStylePreset>\n\n/** Series `index`'s colour: its own `fill`, else the palette's, cycled. */\nexport function paletteFill(style: Pick<ChartStyleBase, \"palette\">, index: number, own?: Fill): Fill {\n  if (own != null) return own\n  const palette = style.palette\n  return palette.length > 0 ? palette[index % palette.length] : \"white\"\n}\n\n/** {@link paletteFill} for a series. */\nexport function seriesFill(style: Pick<ChartStyleBase, \"palette\">, series: ChartSeries, index: number): Fill {\n  return paletteFill(style, index, series.fill)\n}\n\nfunction face(style: Pick<ChartTextStyle, \"fontFamily\">): Pick<TextStyle, \"fontFamily\"> {\n  return style.fontFamily ? { fontFamily: style.fontFamily } : {}\n}\n\n/** Axis markers, spoke labels: muted, at the base size. */\nexport function markerText(style: ChartTextStyle, textAlign: TextStyle[\"textAlign\"] = \"center\"): TextStyle {\n  return { ...face(style), fontSize: style.fontSize, fontWeight: style.fontWeight, textAlign, fill: style.muted }\n}\n\n/** Axis captions: muted, a step larger and heavier than the markers. */\nexport function titleText(style: ChartTextStyle): TextStyle {\n  return {\n    ...face(style),\n    fontSize: Math.round(style.fontSize * 1.1),\n    fontWeight: Math.min(900, style.fontWeight + 100),\n    textAlign: \"center\",\n    fill: style.muted,\n  }\n}\n\n/** Values on marks and legend captions: the foreground, at the base size. */\nexport function valueText(style: ChartTextStyle, textAlign: TextStyle[\"textAlign\"] = \"center\"): TextStyle {\n  return { ...face(style), fontSize: style.fontSize, fontWeight: Math.min(900, style.fontWeight + 100), textAlign, fill: style.foreground }\n}\n\n/**\n * The kit axis parts' config from a style. `x` is the axis under the plot;\n * its grid lines are vertical (one per x marker), the `y` axis's horizontal.\n */\nexport function axisConfigOf(style: Pick<CartesianStyle, \"verticalGrid\" | \"horizontalGrid\"> & ChartTextStyle, axis: \"x\" | \"y\"): AxisConfig {\n  const gap = Math.round(style.fontSize * 0.6)\n  return {\n    labelStyle: markerText(style, axis === \"x\" ? \"center\" : \"right\"),\n    titleStyle: titleText(style),\n    lineStyle: axis === \"x\" ? style.verticalGrid : style.horizontalGrid,\n    tickPadding: axis === \"x\" ? { top: gap } : { right: gap },\n    titlePadding: axis === \"x\" ? { top: Math.round(gap / 2) } : { right: gap },\n  }\n}\n\n/** The kit legend's config: captions in the foreground, the swatch shaped by `swatch`. */\nexport function legendConfigOf(style: ChartTextStyle & Pick<ChartStyleBase, \"swatch\">): LegendConfig {\n  const size = Math.max(8, Math.round(style.fontSize * 0.6))\n  const marker =\n    style.swatch === \"line\"\n      ? { width: Math.round(size * 2), height: Math.max(3, Math.round(size / 4)), borderRadius: size }\n      : style.swatch === \"circle\"\n        ? { width: size, height: size, borderRadius: size / 2 }\n        : { width: size, height: size, borderRadius: Math.round(size / 4) }\n  return {\n    padding: 0,\n    textStyle: { ...face(style), fontSize: style.fontSize, fontWeight: style.fontWeight, textAlign: \"left\", fill: style.foreground },\n    itemGap: Math.round(style.fontSize * 1.4),\n    markerStyle: { ...marker, stroke: [], shadow: [] },\n  }\n}\n"]}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/kit/style.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The chart family's style: one `style` entry per chart, built from the groups\n * below, so a look saved off one chart lays onto any other (a field the other\n * chart does not draw is dropped). A chart spreads the shared groups and adds a\n * `marks` group of its own. Every run of text a chart draws is its own\n * `Types.typography` field, so axis labels, titles, values and the legend are\n * each set the way a text node is.\n */\n\nimport {\n  Types,\n  textOps,\n  type Fill,\n  type StrokeResolved,\n  type Stroke as _Stroke,\n  type StyleInput,\n  type TextStyle,\n  // Named so the emitted style types reach these through the sdk, not core.\n  type FillResolved as _FillResolved,\n  type Type as _Type,\n} from \"@motionscript/sdk\"\n\nimport type { AxisConfig, ChartSeries, LegendConfig } from \"./shared\"\n\n/** The style family every chart shares; the built-in presets are written for it. */\nexport const CHART_STYLE_FAMILY = \"chart\"\n\n/** The out-of-the-box series fills, cycled by series (or row) index. */\nexport const CHART_PALETTE_DEFAULT = [\"#4f8cff\", \"#2fbf8f\", \"#f5a524\", \"#e5547a\", \"#9b6cf0\"] as const\n\n/** The default ink of values, legend captions and centre text, on the dark stage. */\nexport const CHART_FOREGROUND = \"#f4f4f5\"\n/** The default ink of axis markers, axis captions and spoke labels. */\nexport const CHART_MUTED = \"#a1a1aa\"\n\nexport const CHART_SERIES = {\n  /** A fill per series (a pie's or radial's per row), cycled; each may stack several paints. */\n  seriesFills: Types.palette(CHART_PALETTE_DEFAULT),\n}\n\nexport const CHART_BACKGROUND = {\n  /** Behind the whole chart, legend and axes included; none by default, so the chart reads against the stage. */\n  background: Types.fill([]),\n}\n\nexport const GRID_BACKGROUND = {\n  ...CHART_BACKGROUND,\n  /** Behind the plot only, under the grid lines; none by default. */\n  gridBackground: Types.fill([]),\n}\n\n/** The legend's captions, which every chart with a legend draws. */\nexport const LEGEND_TEXT = {\n  legendText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_FOREGROUND }),\n}\n\nexport const CARTESIAN_TEXT = {\n  /** The markers under the plot: categories on a column chart, values on a horizontal bar chart. */\n  xLabelText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),\n  /** The caption under the plot. */\n  xTitleText: Types.typography({ fontSize: 31, fontWeight: 600, fill: CHART_MUTED }),\n  /** The markers beside the plot. */\n  yLabelText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),\n  /** The caption beside the plot, turned on its side. */\n  yTitleText: Types.typography({ fontSize: 31, fontWeight: 600, fill: CHART_MUTED }),\n  /** The figures printed by the marks. */\n  valueText: Types.typography({ fontSize: 24, fontWeight: 600, fill: CHART_FOREGROUND }),\n  ...LEGEND_TEXT,\n}\n\nexport const CARTESIAN_GRID = {\n  /** The lines along the value ticks of a column chart (one per tick); empty draws none. */\n  horizontalGrid: Types.stroke({ weight: 2, fill: \"white/15\" }),\n  /** The lines under the category markers; empty draws none. */\n  verticalGrid: Types.stroke([]),\n  /** The baseline and the value-axis rule; empty draws none. */\n  axisStroke: Types.stroke([]),\n  /** Read as the chart is built: whether the category (x) axis row is drawn. */\n  showXAxis: Types.boolean(true, { animatable: false }),\n  /** Read as the chart is built: whether the value (y) axis column is drawn. */\n  showYAxis: Types.boolean(true, { animatable: false }),\n}\n\nexport type LegendPosition = \"bottom\" | \"top\" | \"right\" | \"none\"\nexport type LegendSwatch = \"square\" | \"circle\" | \"line\"\n\nexport const CHART_LEGEND = {\n  /** Read as the chart is built: where the legend sits, or `none`. */\n  legend: Types.oneOf([\"bottom\", \"top\", \"right\", \"none\"] as const, { animatable: false }),\n  swatch: Types.oneOf([\"square\", \"circle\", \"line\"] as const),\n}\n\n/** The fields every chart's style resolves, whichever groups it spreads. */\nexport interface ChartStyleBase {\n  readonly seriesFills: readonly Fill[]\n  readonly background: Fill\n  readonly legendText: TextStyle\n  readonly legend: LegendPosition\n  readonly swatch: LegendSwatch\n}\n\n/** The cartesian fields, for the line and bar charts. */\nexport interface CartesianStyle extends ChartStyleBase {\n  readonly gridBackground: Fill\n  readonly xLabelText: TextStyle\n  readonly xTitleText: TextStyle\n  readonly yLabelText: TextStyle\n  readonly yTitleText: TextStyle\n  readonly valueText: TextStyle\n  readonly horizontalGrid: StrokeResolved[]\n  readonly verticalGrid: StrokeResolved[]\n  readonly axisStroke: StrokeResolved[]\n  readonly showXAxis: boolean\n  readonly showYAxis: boolean\n}\n\n/** The fields a preset restates so its rules and text read on its background (a chart keeps those it draws). */\nconst _PRESET_FIELDS = {\n  ...CHART_SERIES,\n  ...GRID_BACKGROUND,\n  ...CARTESIAN_TEXT,\n  labelText: Types.typography(),\n  centerText: Types.typography(),\n  spokeText: Types.typography(),\n  horizontalGrid: CARTESIAN_GRID.horizontalGrid,\n  gridStroke: Types.stroke([]),\n  spokeStroke: Types.stroke([]),\n  track: Types.fill([]),\n}\n\n/** A preset's fields: any chart's, so one preset dresses every chart. */\nexport type ChartStylePreset = StyleInput<typeof _PRESET_FIELDS>\n\n/** Every text field's ink: `foreground` for values, the legend and centre text, `muted` for markers and captions. */\nfunction inks(foreground: string, muted: string) {\n  const on = (fill: string) => ({ fill })\n  return {\n    xLabelText: on(muted),\n    xTitleText: on(muted),\n    yLabelText: on(muted),\n    yTitleText: on(muted),\n    valueText: on(foreground),\n    legendText: on(foreground),\n    labelText: on(muted),\n    centerText: on(foreground),\n    spokeText: on(muted),\n  } satisfies ChartStylePreset\n}\n\n/** Every rule a chart draws, and a radial's track, in one paint. */\nfunction rules(fill: string) {\n  return {\n    horizontalGrid: { weight: 2, fill },\n    gridStroke: { weight: 2, fill },\n    spokeStroke: { weight: 2, fill },\n    track: fill,\n  } satisfies ChartStylePreset\n}\n\n/** Ready-made looks, each stating every colour so applying one replaces the last. */\nexport const CHART_STYLE_PRESETS = {\n  midnight: {\n    seriesFills: [...CHART_PALETTE_DEFAULT],\n    ...inks(CHART_FOREGROUND, CHART_MUTED),\n    ...rules(\"white/15\"),\n    track: \"white/10\",\n    background: [],\n    gridBackground: [],\n  },\n  paper: {\n    seriesFills: [\"#2563eb\", \"#059669\", \"#d97706\", \"#db2777\", \"#7c3aed\"],\n    ...inks(\"#1c1917\", \"#57534e\"),\n    ...rules(\"#1c1917/12\"),\n    background: \"#fafaf9\",\n    gridBackground: [],\n  },\n  ember: {\n    seriesFills: [\"#d9603b\", \"#8194ad\", \"#e0a93b\", \"#5e9d6b\", \"#9ec85a\"],\n    ...inks(\"#e9e1d4\", \"#8a7f70\"),\n    ...rules(\"#2c2820\"),\n    background: \"#15130e\",\n    gridBackground: [],\n  },\n  neon: {\n    seriesFills: [\"#22d3ee\", \"#a3e635\", \"#f472b6\", \"#facc15\", \"#818cf8\"],\n    ...inks(\"#ffffff\", \"#94a3b8\"),\n    ...rules(\"white/10\"),\n    background: [],\n    gridBackground: [],\n  },\n  ocean: {\n    seriesFills: [\"#0ea5e9\", \"#14b8a6\", \"#6366f1\", \"#38bdf8\", \"#2dd4bf\"],\n    ...inks(\"#e0f2fe\", \"#7dd3fc\"),\n    ...rules(\"#7dd3fc/20\"),\n    background: \"#082f49\",\n    gridBackground: [],\n  },\n  sunset: {\n    seriesFills: [\"#f97316\", \"#ef4444\", \"#ec4899\", \"#f59e0b\", \"#a855f7\"],\n    ...inks(\"#fff7ed\", \"#fdba74\"),\n    ...rules(\"#fdba74/20\"),\n    background: [],\n    gridBackground: [],\n  },\n  pastel: {\n    seriesFills: [\"#a5b4fc\", \"#f9a8d4\", \"#86efac\", \"#fde68a\", \"#7dd3fc\"],\n    ...inks(\"#f8fafc\", \"#cbd5e1\"),\n    ...rules(\"white/12\"),\n    background: [],\n    gridBackground: [],\n  },\n  mono: {\n    seriesFills: [\"#fafafa\", \"#a3a3a3\", \"#737373\", \"#d4d4d4\", \"#525252\"],\n    ...inks(\"#fafafa\", \"#a3a3a3\"),\n    ...rules(\"white/12\"),\n    background: [],\n    gridBackground: [],\n  },\n} satisfies Record<string, ChartStylePreset>\n\n/** Series `index`'s fill: its own `fill`, else the style's series fills, cycled. */\nexport function paletteFill(style: Pick<ChartStyleBase, \"seriesFills\">, index: number, own?: Fill): Fill {\n  if (own != null) return own\n  const fills = style.seriesFills\n  return fills.length > 0 ? fills[index % fills.length] : \"white\"\n}\n\n/** {@link paletteFill} for a series. */\nexport function seriesFill(style: Pick<ChartStyleBase, \"seriesFills\">, series: ChartSeries, index: number): Fill {\n  return paletteFill(style, index, series.fill)\n}\n\n/** A text style's size in px; an autofit or unset size reads as `fallback`. */\nexport function sizeOf(text: TextStyle | undefined, fallback = 28): number {\n  const size = text?.fontSize\n  return typeof size === \"number\" && Number.isFinite(size) ? size : fallback\n}\n\n/**\n * `text` as a text node takes it, aligned where the chart puts it, with `over`\n * laid on top. Unset keys are dropped: an `undefined` spread onto a node is a\n * value, and an unset face must stay unset so the host's default applies.\n */\nexport function placedText(text: TextStyle, textAlign: TextStyle[\"textAlign\"] = \"center\", over?: TextStyle): TextStyle {\n  return textOps.styleProps({ ...textOps.mergeStyle(text, over), textAlign }) as TextStyle\n}\n\n/** Axis markers on `axis`, aligned as that axis sets them. */\nexport function markerText(style: Pick<CartesianStyle, \"xLabelText\" | \"yLabelText\">, axis: \"x\" | \"y\"): TextStyle {\n  return placedText(axis === \"x\" ? style.xLabelText : style.yLabelText, axis === \"x\" ? \"center\" : \"right\")\n}\n\n/** The figures printed by the marks. */\nexport function valueText(style: Pick<CartesianStyle, \"valueText\">, textAlign: TextStyle[\"textAlign\"] = \"center\"): TextStyle {\n  return placedText(style.valueText, textAlign)\n}\n\n/**\n * The kit axis parts' config from a style. `x` is the axis under the plot;\n * its grid lines are vertical (one per x marker), the `y` axis's horizontal.\n */\nexport function axisConfigOf(\n  style: Pick<CartesianStyle, \"verticalGrid\" | \"horizontalGrid\" | \"xLabelText\" | \"xTitleText\" | \"yLabelText\" | \"yTitleText\">,\n  axis: \"x\" | \"y\"\n): AxisConfig {\n  const gap = Math.round(sizeOf(axis === \"x\" ? style.xLabelText : style.yLabelText) * 0.6)\n  return {\n    labelStyle: markerText(style, axis),\n    titleStyle: placedText(axis === \"x\" ? style.xTitleText : style.yTitleText),\n    lineStyle: axis === \"x\" ? style.verticalGrid : style.horizontalGrid,\n    tickPadding: axis === \"x\" ? { top: gap } : { right: gap },\n    titlePadding: axis === \"x\" ? { top: Math.round(gap / 2) } : { right: gap },\n  }\n}\n\n/** The kit legend's config: captions in `legendText`, the swatch shaped by `swatch` and sized off the captions. */\nexport function legendConfigOf(style: Pick<ChartStyleBase, \"swatch\" | \"legendText\">): LegendConfig {\n  const type = sizeOf(style.legendText)\n  const size = Math.max(8, Math.round(type * 0.6))\n  const marker =\n    style.swatch === \"line\"\n      ? { width: Math.round(size * 2), height: Math.max(3, Math.round(size / 4)), borderRadius: size }\n      : style.swatch === \"circle\"\n        ? { width: size, height: size, borderRadius: size / 2 }\n        : { width: size, height: size, borderRadius: Math.round(size / 4) }\n  return {\n    padding: 0,\n    textStyle: placedText(style.legendText, \"left\"),\n    itemGap: Math.round(type * 1.4),\n    markerStyle: { ...marker, stroke: [], shadow: [] },\n  }\n}\n\n/** Which text a chart drew from the retired shared text fields. */\nexport type ChartTextLayout = \"cartesian\" | \"pie\" | \"radar\" | \"radial\"\n\n/**\n * The `style` entry's hook for documents written before every run of text got\n * its own field (0.1.1-alpha.1): `barRadius` became `barCornerRadius`, `palette` became `seriesFills`; `foreground`,\n * `muted` and the one `fontFamily`/`fontSize`/`fontWeight` became the text\n * fields as each chart derived them; a cartesian or radar `background`, which\n * painted the plot, became `gridBackground`. A current style comes back as is.\n */\nexport function migrateChartStyle(layout: ChartTextLayout): (value: unknown) => unknown {\n  return (value) => {\n    if (typeof value !== \"object\" || value === null || Array.isArray(value)) return value\n    const old = value as Record<string, unknown>\n    const retired = [\"palette\", \"foreground\", \"muted\", \"fontFamily\", \"fontSize\", \"fontWeight\", \"barRadius\"]\n    const plotBackground = layout === \"cartesian\" || layout === \"radar\"\n    if (!retired.some((key) => key in old) && !(plotBackground && \"background\" in old && !(\"gridBackground\" in old))) return value\n\n    const { palette, foreground, muted, fontFamily, fontSize, fontWeight, barRadius, ...rest } = old\n    const out: Record<string, unknown> = { ...rest }\n    // A bar radius rounded only the far end; its replacement states every corner.\n    if (typeof barRadius === \"number\" && out.barCornerRadius === undefined) {\n      out.barCornerRadius = { topLeft: barRadius, topRight: barRadius, bottomRight: 0, bottomLeft: 0 }\n    }\n    if (palette !== undefined && out.seriesFills === undefined) out.seriesFills = palette\n    if (plotBackground && \"background\" in old && !(\"gridBackground\" in old)) {\n      out.gridBackground = old.background\n      delete out.background\n    }\n    const size = typeof fontSize === \"number\" ? fontSize : undefined\n    const weight = typeof fontWeight === \"number\" ? fontWeight : undefined\n    const text = (ink: unknown, scale = 1, heavier = 0): Record<string, unknown> | undefined => {\n      const t: Record<string, unknown> = {}\n      if (typeof fontFamily === \"string\" && fontFamily !== \"\") t.fontFamily = fontFamily\n      if (size !== undefined) t.fontSize = Math.round(size * scale)\n      if (weight !== undefined) t.fontWeight = Math.min(900, weight + heavier)\n      if (ink !== undefined) t.fill = ink\n      return Object.keys(t).length > 0 ? t : undefined\n    }\n    const fields: Record<string, Record<string, unknown> | undefined> = { legendText: text(foreground) }\n    if (layout === \"cartesian\") {\n      fields.xLabelText = text(muted)\n      fields.yLabelText = text(muted)\n      fields.xTitleText = text(muted, 1.1, 100)\n      fields.yTitleText = text(muted, 1.1, 100)\n      fields.valueText = text(foreground, 0.85, 100)\n    } else if (layout === \"pie\") {\n      fields.labelText = text(muted)\n      fields.valueText = text(foreground, 1, 200)\n      fields.centerText = text(foreground, 1.8, 300)\n    } else if (layout === \"radar\") {\n      fields.spokeText = text(muted)\n    } else {\n      fields.labelText = text(muted)\n      fields.centerText = text(foreground, 1.8, 300)\n    }\n    for (const [key, field] of Object.entries(fields)) if (field && out[key] === undefined) out[key] = field\n    return out\n  }\n}\n"]}