@motionscript/charts 0.1.0 → 0.1.1-alpha.1

package/dist/pie-chart/shared.js

@@ -1,29 +1,12 @@
+import { Types } from "@motionscript/sdk";
+import { CHART_COLORS, CHART_LEGEND, CHART_TEXT, legendConfigOf, } from "../kit/style.js";
+import { num, text } from "../kit/shared.js";
+import { DEG, PIE_SPOTLIGHT_DIM, ringPoint, selectionFade } from "../kit/polar.js";
+export { DEG, PIE_SPOTLIGHT_DIM, ringPoint, selectionFade };
 /**
- * Types and pure helpers specific to the {@link PieChart} family: how rows
- * become slices, how slices become arcs on a ring, where the labels around it
- * end up, and the theme all of that is drawn from.
- *
- * The one chart in the family that draws **one mark per row** rather than one
- * per column, which is why almost nothing about its geometry is shared: there is
- * no scale, no axis and no baseline, only a circle divided by share. What it
- * *does* share — the legend, the theme leaf resolvers, the palette, the
- * percentage format — comes from `../kit/shared.ts`.
- *
- * Kept renderer-agnostic (no `Node` imports) so a host's inspector mapping
- * can build a partial {@link PieChartTheme} without
- * pulling the node classes in.
- */
-import { lerpNumber, shadowOps, strokeOps, textOps, } from "@motionscript/sdk";
-import { CHART_PALETTE, DEFAULT_LEGEND, DEFAULT_SERIES_FILLS, lerpLegendConfig, lerpSeriesFills, num, resolveLegendConfig, resolveSeriesFills, text, } from "../kit/shared.js";
-/**
- * Resolve tabular rows into slices: one per row, captioned by the `category`
- * column, sized by the `value` column, painted from `palette` by row order
- * (cycling when the palette is shorter than the data).
- *
- * Paint comes from the palette rather than from the rows because a pie draws one
- * mark per *row* — unlike the line and bar charts, where a colour belongs to a
- * series (a whole column) and rides on the series entry instead. Keeping it out
- * of the rows is what lets a pie be fed straight from a CSV of plain numbers.
+ * One slice per row, painted from `palette` by row order (cycling). Paint comes
+ * from the palette, not the rows, because a pie's mark is a row where a line's
+ * colour belongs to a column; that lets a pie be fed a CSV of plain numbers.
  */
 export function resolvePieSlices(data, category, value, palette) {
     return data.map((row, i) => ({
@@ -32,13 +15,11 @@ export function resolvePieSlices(data, category, value, palette) {
         fill: palette.length > 0 ? palette[i % palette.length] : "white",
     }));
 }
-/** Degrees → radians. */
-export const DEG = Math.PI / 180;
 /** A slice's plotted value: negatives and non-finite values count as 0. */
 export function sliceValue(slice) {
     return slice.value > 0 && Number.isFinite(slice.value) ? slice.value : 0;
 }
-/** Sum of every slice's plotted value — the denominator every share is taken against. */
+/** Sum of every slice's plotted value, the denominator of every share. */
 export function sliceTotal(slices) {
     let sum = 0;
     for (const slice of slices)
@@ -46,24 +27,10 @@ export function sliceTotal(slices) {
     return sum;
 }
 /**
- * The point at radius `r` and angle `a` on a ring centred on the origin, in the
- * node's centred, **y-up** space. Angles run **clockwise from 12 o'clock**:
- * `a = 0` points straight up (+y), and increasing `a` sweeps toward +x then −y.
- */
-export function ringPoint(r, a) {
-    return { x: r * Math.sin(a), y: r * Math.cos(a) };
-}
-/**
- * Resolve slices into per-slice arcs: each covers exactly its share of the
- * circle, walking clockwise from `startDegrees` (0 = 12 o'clock), with the arcs
- * abutting. Zero/negative slices are skipped entirely; an all-zero list yields
- * no arcs.
- *
- * Arcs are the *undivided* shares — the gap between neighbours is not carved out
- * here, because a fixed angular gap reads as a wedge: wide at the rim, pinched
- * shut at the hole. It's applied when the wedge is drawn instead, as a
- * constant-width inset off both ends of every arc, so a slice still covers its
- * true percentage of the circle.
+ * One arc per positive slice, walking clockwise from `startDegrees` and abutting.
+ * Arcs are the undivided shares: a fixed angular gap would pinch shut at the
+ * hole, so the gap is applied when the wedge is drawn, as a constant-width inset
+ * off both ends.
  */
 export function pieArcs(slices, startDegrees) {
     const total = sliceTotal(slices);
@@ -84,16 +51,11 @@ export function pieArcs(slices, startDegrees) {
     return arcs;
 }
 /**
- * Spread one column of labels so no two overlap, keeping each as close to its
- * `ideal` y as possible and the whole column inside `[bottom, top]`.
- *
- * Two passes, the standard treatment. Walking top-to-bottom, each label takes
- * the highest slot at or below its ideal that still clears the label above it by
- * `minGap`; if that pushes the tail past `bottom`, a reverse pass lifts it back
- * up. When there are more labels than the column can hold, the reverse pass wins
- * and the crowding is shared evenly rather than dumped off the bottom edge.
- *
- * Mutates each slot's `y` and returns `slots` re-ordered top-to-bottom.
+ * Spread one column of labels so none overlap, each near its `ideal` y and all
+ * inside `[bottom, top]`. A top-down pass clears each label from the one above
+ * by `minGap`; a reverse pass lifts a tail pushed past `bottom`. When the column
+ * cannot hold them all, the reverse pass wins and the crowding is shared evenly.
+ * Mutates each `y` and returns `slots` ordered top to bottom.
  */
 export function relaxLabels(slots, minGap, top, bottom) {
     slots.sort((a, b) => b.ideal - a.ideal);
@@ -109,138 +71,53 @@ export function relaxLabels(slots, minGap, top, bottom) {
     }
     return slots;
 }
-const LABEL_TEXT_STYLE = {
-    fontSize: 26,
-    fontWeight: 600,
-    textAlign: "center",
-    fill: CHART_PALETTE.markerColor,
-};
-/**
- * Opacity the other slices fade to under a selection. Fainter than the line and
- * bar charts' `SPOTLIGHT_DIM`: a ring's slices touch, so at that a selected
- * slice barely separates from its neighbours.
- */
-export const PIE_SPOTLIGHT_DIM = 0.1;
-/** The pie chart's out-of-the-box look. */
-export const DEFAULT_PIE_CHART_THEME = {
-    sliceFills: DEFAULT_SERIES_FILLS,
-    ring: {
-        gap: 6,
-        // A donut rather than a solid pie by default: the hole is the largest
-        // uninterrupted area the chart owns and the one place a conclusion can be
-        // set. `0` here would give that away before anyone had asked for it.
-        holeRadius: 0.6,
-        startAngle: 0,
-        selectedGrow: 1.08,
-        stroke: [],
-        shadow: [],
+/** The groups of a pie's `style`: no grid, as nothing is ruled. */
+export const PIE_STYLE_GROUPS = {
+    colors: CHART_COLORS,
+    text: CHART_TEXT,
+    marks: {
+        /** Hole radius as a fraction of the outer radius: 0 is a pie, about 0.6 a donut. */
+        innerRadius: Types.number(0, { min: 0, max: 0.9, step: 0.05 }),
+        /** Channel between neighbouring wedges, px. */
+        sliceGap: Types.number(3, { min: 0, max: 40, step: 1, unit: "px" }),
+        /** Rounding of each wedge corner, px. */
+        sliceRadius: Types.number(4, { min: 0, max: 60, step: 1, unit: "px" }),
     },
-    label: {
-        textStyle: LABEL_TEXT_STYLE,
-        percentStyle: { ...LABEL_TEXT_STYLE, fontWeight: 700 },
-        // Inside labels sit on the wedge's paint, which is a mid-tone from the
-        // palette — so they lead with the panel colour rather than the axis ink.
-        insideStyle: { ...LABEL_TEXT_STYLE, fontWeight: 800, fill: "#15130e" },
-        leaderStroke: { weight: 2, fill: CHART_PALETTE.markerColor },
+    labels: {
+        /** Read as the chart is built: inside the wedge, outside on a leader, or none. */
+        labelPlacement: Types.oneOf(["inside", "outside", "none"], { animatable: false }),
     },
-    center: {
-        labelStyle: {
-            fontSize: 46,
-            fontWeight: 800,
-            textAlign: "center",
-            fill: CHART_PALETTE.markerColor,
-        },
-        captionStyle: {
-            fontSize: 22,
-            fontWeight: 500,
-            textAlign: "center",
-            fill: CHART_PALETTE.markerColor,
-        },
-    },
-    legend: DEFAULT_LEGEND,
-    spotlight: { dimOpacity: PIE_SPOTLIGHT_DIM },
+    legend: CHART_LEGEND,
 };
-function resolveRingConfig(ring, previous) {
-    return {
-        gap: ring?.gap ?? previous.gap,
-        holeRadius: ring?.holeRadius ?? previous.holeRadius,
-        startAngle: ring?.startAngle ?? previous.startAngle,
-        selectedGrow: ring?.selectedGrow ?? previous.selectedGrow,
-        stroke: strokeOps.resolve(ring?.stroke ?? previous.stroke),
-        shadow: shadowOps.resolve(ring?.shadow ?? previous.shadow),
-    };
-}
-function lerpRingConfig(from, to, t) {
-    return {
-        gap: lerpNumber(from.gap, to.gap, t),
-        holeRadius: lerpNumber(from.holeRadius, to.holeRadius, t),
-        startAngle: lerpNumber(from.startAngle, to.startAngle, t),
-        selectedGrow: lerpNumber(from.selectedGrow, to.selectedGrow, t),
-        stroke: strokeOps.lerp(from.stroke, to.stroke, t),
-        shadow: shadowOps.lerp(from.shadow, to.shadow, t),
-    };
+export function legendOf(style) {
+    return legendConfigOf(style);
 }
-function resolveLabelConfig(label, previous) {
-    return {
-        textStyle: textOps.resolveStyle(label?.textStyle, previous.textStyle),
-        percentStyle: textOps.resolveStyle(label?.percentStyle, previous.percentStyle),
-        insideStyle: textOps.resolveStyle(label?.insideStyle, previous.insideStyle),
-        leaderStroke: strokeOps.resolve(label?.leaderStroke ?? previous.leaderStroke),
-    };
+function face(style) {
+    return style.fontFamily ? { fontFamily: style.fontFamily } : {};
 }
-function lerpLabelConfig(from, to, t) {
-    return {
-        textStyle: textOps.lerpStyle(from.textStyle, to.textStyle, t),
-        percentStyle: textOps.lerpStyle(from.percentStyle, to.percentStyle, t),
-        insideStyle: textOps.lerpStyle(from.insideStyle, to.insideStyle, t),
-        leaderStroke: strokeOps.lerp(from.leaderStroke, to.leaderStroke, t),
-    };
+export function ringConfigOf(style) {
+    return { gap: style.sliceGap, holeRadius: style.innerRadius, startAngle: 0, selectedGrow: 1.08, cornerRadius: style.sliceRadius };
 }
-function resolveCenterConfig(center, previous) {
+export function labelConfigOf(style) {
+    const base = { ...face(style), fontSize: style.fontSize, fontWeight: style.fontWeight, textAlign: "center", fill: style.muted };
+    const bold = Math.min(900, style.fontWeight + 200);
     return {
-        labelStyle: textOps.resolveStyle(center?.labelStyle, previous.labelStyle),
-        captionStyle: textOps.resolveStyle(center?.captionStyle, previous.captionStyle),
+        textStyle: base,
+        percentStyle: { ...base, fontWeight: bold, fill: style.foreground },
+        insideStyle: { ...base, fontSize: Math.round(style.fontSize * 1.9), fontWeight: bold, fill: "#111113" },
+        leaderStroke: { weight: 2, fill: style.muted },
     };
 }
-function lerpCenterConfig(from, to, t) {
+export function centerConfigOf(style) {
     return {
-        labelStyle: textOps.lerpStyle(from.labelStyle, to.labelStyle, t),
-        captionStyle: textOps.lerpStyle(from.captionStyle, to.captionStyle, t),
-    };
-}
-/**
- * {@link PieChart}'s `theme` property mapper: merges the author's partial
- * {@link PieChartTheme} onto `previous` (falling back to
- * {@link DEFAULT_PIE_CHART_THEME} on first resolution), fully resolving every
- * leaf so the tween below always has resolved data to interpolate.
- */
-export function resolvePieChartTheme(theme, previous) {
-    const base = previous ?? DEFAULT_PIE_CHART_THEME;
-    return {
-        sliceFills: resolveSeriesFills(theme?.sliceFills, base.sliceFills),
-        ring: resolveRingConfig(theme?.ring, base.ring),
-        label: resolveLabelConfig(theme?.label, base.label),
-        center: resolveCenterConfig(theme?.center, base.center),
-        legend: resolveLegendConfig(theme?.legend, base.legend),
-        spotlight: {
-            dimOpacity: theme?.spotlight?.dimOpacity ?? base.spotlight.dimOpacity,
-        },
-    };
-}
-/** {@link PieChart}'s `theme` property tween — leaf by leaf. */
-export function lerpPieChartTheme(from, to, t) {
-    return {
-        // A palette is a list of independent paints rather than one value, so it
-        // interpolates pairwise by index; one that grows or shrinks holds the longer
-        // side's tail, exactly as the cartesian charts' palettes do.
-        sliceFills: lerpSeriesFills(from.sliceFills, to.sliceFills, t),
-        ring: lerpRingConfig(from.ring, to.ring, t),
-        label: lerpLabelConfig(from.label, to.label, t),
-        center: lerpCenterConfig(from.center, to.center, t),
-        legend: lerpLegendConfig(from.legend, to.legend, t),
-        spotlight: {
-            dimOpacity: lerpNumber(from.spotlight.dimOpacity, to.spotlight.dimOpacity, t),
+        labelStyle: {
+            ...face(style),
+            fontSize: Math.round(style.fontSize * 1.8),
+            fontWeight: Math.min(900, style.fontWeight + 300),
+            textAlign: "center",
+            fill: style.foreground,
         },
+        captionStyle: { ...face(style), fontSize: Math.round(style.fontSize * 0.8), fontWeight: style.fontWeight, textAlign: "center", fill: style.muted },
     };
 }
 //# sourceMappingURL=shared.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/pie-chart/shared.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Types and pure helpers specific to the {@link PieChart} family: how rows\n * become slices, how slices become arcs on a ring, where the labels around it\n * end up, and the theme all of that is drawn from.\n *\n * The one chart in the family that draws **one mark per row** rather than one\n * per column, which is why almost nothing about its geometry is shared: there is\n * no scale, no axis and no baseline, only a circle divided by share. What it\n * *does* share — the legend, the theme leaf resolvers, the palette, the\n * percentage format — comes from `../kit/shared.ts`.\n *\n * Kept renderer-agnostic (no `Node` imports) so a host's inspector mapping\n * can build a partial {@link PieChartTheme} without\n * pulling the node classes in.\n */\n\nimport {\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  type Vector2,\n} from \"@motionscript/sdk\"\n\nimport {\n  CHART_PALETTE,\n  DEFAULT_LEGEND,\n  DEFAULT_SERIES_FILLS,\n  lerpLegendConfig,\n  lerpSeriesFills,\n  num,\n  resolveLegendConfig,\n  resolveSeriesFills,\n  text,\n  type LegendConfig,\n  type LegendTheme,\n} from \"../kit/shared\"\n\n/**\n * One **resolved** slice of a {@link PieChart}: its caption, its magnitude, and\n * the paint its wedge and legend swatch take.\n *\n * This is what the ring and the legend consume, not what a scene authors: the\n * chart takes tabular `data` plus two field names and resolves it into these, so\n * the parts stay unaware of where a slice's caption, magnitude and paint came\n * from.\n */\nexport interface PieSlice {\n  /** Legend caption and label text for this slice. */\n  category: string\n  /** This slice's magnitude. Its wedge covers `value / (sum of all values)`. */\n  value: number\n  /** Wedge and swatch paint. */\n  fill: Fill\n}\n\n/**\n * Resolve tabular rows into slices: one per row, captioned by the `category`\n * column, sized by the `value` column, painted from `palette` by row order\n * (cycling when the palette is shorter than the data).\n *\n * Paint comes from the palette rather than from the rows because a pie draws one\n * mark per *row* — unlike the line and bar charts, where a colour belongs to a\n * series (a whole column) and rides on the series entry instead. Keeping it out\n * of the rows is what lets a pie be fed straight from a CSV of plain numbers.\n */\nexport function resolvePieSlices(\n  data: DataRecord[],\n  category: string,\n  value: string,\n  palette: Fill[]\n): PieSlice[] {\n  return data.map((row, i) => ({\n    category: text(row, category),\n    value: num(row, value),\n    fill:\n      palette.length > 0 ? palette[i % palette.length] : (\"white\" as Fill),\n  }))\n}\n\n/** What a {@link PieChart}'s labels say. */\nexport type PieLabelMode =\n  /**\n   * The category and its percentage, two lines. Their order flips with the\n   * placement: a **leader** label reads category over percentage, an **inside**\n   * label reads the percentage big over a small category caption — inside a\n   * wedge the reader already knows which slice they're on, so the magnitude is\n   * the thing being read.\n   */\n  | \"both\"\n  /** The category only. */\n  | \"category\"\n  /** The percentage only — the pick when a legend already names the categories. */\n  | \"percent\"\n  /** No labels and no leader lines at all. */\n  | \"none\"\n\n/**\n * Where a slice's label sits.\n *\n * `\"inside\"` drops the leader line entirely and centres the label in the wedge's\n * own band, which costs no gutter — so the ring draws bigger — and costs the eye\n * no round trip. `\"leader\"` is the classic treatment, and what a sliver too\n * narrow to hold text needs.\n */\nexport type PieLabelPlacement = \"inside\" | \"leader\" | \"none\"\n\n/** Degrees → radians. */\nexport const DEG = Math.PI / 180\n\n/** A slice's plotted value: negatives and non-finite values count as 0. */\nexport function sliceValue(slice: PieSlice): number {\n  return slice.value > 0 && Number.isFinite(slice.value) ? slice.value : 0\n}\n\n/** Sum of every slice's plotted value — the denominator every share is taken against. */\nexport function sliceTotal(slices: PieSlice[]): number {\n  let sum = 0\n  for (const slice of slices) sum += sliceValue(slice)\n  return sum\n}\n\n/**\n * The point at radius `r` and angle `a` on a ring centred on the origin, in the\n * node's centred, **y-up** space. Angles run **clockwise from 12 o'clock**:\n * `a = 0` points straight up (+y), and increasing `a` sweeps toward +x then −y.\n */\nexport function ringPoint(r: number, a: number): Vector2 {\n  return { x: r * Math.sin(a), y: r * Math.cos(a) }\n}\n\n/** One slice's resolved angular span on the ring. */\nexport interface PieArc {\n  /** Index of the slice in the source list. */\n  index: number\n  /** Start angle, radians clockwise from 12 o'clock. */\n  a0: number\n  /** End angle, radians clockwise from 12 o'clock. */\n  a1: number\n  /** Bisector angle — where this slice's label and pop-out point. */\n  mid: number\n  /** This slice's share of the total, in `[0, 1]`. */\n  fraction: number\n}\n\n/**\n * Resolve slices into per-slice arcs: each covers exactly its share of the\n * circle, walking clockwise from `startDegrees` (0 = 12 o'clock), with the arcs\n * abutting. Zero/negative slices are skipped entirely; an all-zero list yields\n * no arcs.\n *\n * Arcs are the *undivided* shares — the gap between neighbours is not carved out\n * here, because a fixed angular gap reads as a wedge: wide at the rim, pinched\n * shut at the hole. It's applied when the wedge is drawn instead, as a\n * constant-width inset off both ends of every arc, so a slice still covers its\n * true percentage of the circle.\n */\nexport function pieArcs(slices: PieSlice[], startDegrees: number): PieArc[] {\n  const total = sliceTotal(slices)\n  if (total <= 0) return []\n\n  const arcs: PieArc[] = []\n  let cursor = startDegrees * DEG\n  slices.forEach((slice, index) => {\n    const value = sliceValue(slice)\n    if (value <= 0) return\n    const fraction = value / total\n    const a0 = cursor\n    const a1 = a0 + fraction * Math.PI * 2\n    cursor = a1\n    arcs.push({ index, a0, a1, mid: (a0 + a1) / 2, fraction })\n  })\n  return arcs\n}\n\n/** A label competing for vertical space in one of the two label columns. */\nexport interface LabelSlot {\n  /** Where the label would sit if nothing else were in the way. */\n  ideal: number\n  /** Where it ends up once the column has been de-conflicted. Written by {@link relaxLabels}. */\n  y: number\n}\n\n/**\n * Spread one column of labels so no two overlap, keeping each as close to its\n * `ideal` y as possible and the whole column inside `[bottom, top]`.\n *\n * Two passes, the standard treatment. Walking top-to-bottom, each label takes\n * the highest slot at or below its ideal that still clears the label above it by\n * `minGap`; if that pushes the tail past `bottom`, a reverse pass lifts it back\n * up. When there are more labels than the column can hold, the reverse pass wins\n * and the crowding is shared evenly rather than dumped off the bottom edge.\n *\n * Mutates each slot's `y` and returns `slots` re-ordered top-to-bottom.\n */\nexport function relaxLabels<T extends LabelSlot>(\n  slots: T[],\n  minGap: number,\n  top: number,\n  bottom: number\n): T[] {\n  slots.sort((a, b) => b.ideal - a.ideal)\n\n  let ceiling = top\n  for (const slot of slots) {\n    slot.y = Math.min(slot.ideal, ceiling)\n    ceiling = slot.y - minGap\n  }\n\n  let floor = bottom\n  for (let i = slots.length - 1; i >= 0; i--) {\n    slots[i].y = Math.max(slots[i].y, floor)\n    floor = slots[i].y + minGap\n  }\n\n  return slots\n}\n\n// ---- Theme ---------------------------------------------------------------\n\n/** The ring's geometry and paint — everything about the wedges but their colour. */\nexport interface RingConfig {\n  /**\n   * Width of the channel between adjacent slices, in px, held constant all the\n   * way across the band — the same clearance at the hole as at the rim. (An\n   * angular gap would splay open toward the rim instead.)\n   */\n  gap: number\n  /**\n   * Radius of the hole punched through the middle. Below 1 it reads as a\n   * fraction of the ring's outer radius (`0.6` leaves a band 40% of the radius\n   * thick); 1 and up as an explicit pixel radius; `0` fills the middle in,\n   * drawing solid pie wedges.\n   */\n  holeRadius: number\n  /** Angle in degrees where the first slice begins, clockwise from 12 o'clock. */\n  startAngle: number\n  /**\n   * How far out a selected slice's rim reaches, as a **multiple of the ring's\n   * outer radius**. Being relative, the emphasis scales with the chart instead\n   * of shrinking on a big one and swamping a small one. Clamped to `[1, 1.6]`.\n   */\n  selectedGrow: number\n  /** Optional outline on every wedge. */\n  stroke: Stroke\n  /** Optional drop shadow on every wedge. */\n  shadow: Shadow\n}\n\n/** How the ring's labels are set, and the leader lines that point at them. */\nexport interface LabelConfig {\n  /** The category caption on a label. */\n  textStyle: TextStyle\n  /** The percentage on a label. */\n  percentStyle: TextStyle\n  /**\n   * Ink for a label set **inside** its wedge, both lines. Separate because an\n   * inside label sits on the wedge's own paint rather than on the background, so\n   * it usually wants the opposite end of the value range from everything else.\n   */\n  insideStyle: TextStyle\n  /** The leader line running from a wedge out to its label. */\n  leaderStroke: Stroke\n}\n\n/** The summary set in the ring's hole. */\nexport interface CenterConfig {\n  labelStyle: TextStyle\n  captionStyle: TextStyle\n}\n\n/** A {@link PieChart}'s full, resolved visual theme. */\nexport interface PieChartConfig {\n  /** Wedge and swatch paint, cycled by **row** index (`i % length`). */\n  sliceFills: Fill[]\n  ring: RingConfig\n  label: LabelConfig\n  center: CenterConfig\n  legend: LegendConfig\n  /** How far everything outside the selection fades while any slice is selected. */\n  spotlight: { dimOpacity: number }\n}\n\n/** Author-facing partial theme — every branch optional and deep-merged. */\nexport type PieChartTheme = {\n  sliceFills?: Fill[]\n  ring?: Partial<RingConfig>\n  label?: Partial<LabelConfig>\n  center?: Partial<CenterConfig>\n  legend?: LegendTheme\n  spotlight?: Partial<PieChartConfig[\"spotlight\"]>\n}\n\nconst LABEL_TEXT_STYLE: TextStyle = {\n  fontSize: 26,\n  fontWeight: 600,\n  textAlign: \"center\",\n  fill: CHART_PALETTE.markerColor,\n}\n\n/**\n * Opacity the other slices fade to under a selection. Fainter than the line and\n * bar charts' `SPOTLIGHT_DIM`: a ring's slices touch, so at that a selected\n * slice barely separates from its neighbours.\n */\nexport const PIE_SPOTLIGHT_DIM = 0.1\n\n/** The pie chart's out-of-the-box look. */\nexport const DEFAULT_PIE_CHART_THEME: PieChartConfig = {\n  sliceFills: DEFAULT_SERIES_FILLS,\n  ring: {\n    gap: 6,\n    // A donut rather than a solid pie by default: the hole is the largest\n    // uninterrupted area the chart owns and the one place a conclusion can be\n    // set. `0` here would give that away before anyone had asked for it.\n    holeRadius: 0.6,\n    startAngle: 0,\n    selectedGrow: 1.08,\n    stroke: [],\n    shadow: [],\n  },\n  label: {\n    textStyle: LABEL_TEXT_STYLE,\n    percentStyle: { ...LABEL_TEXT_STYLE, fontWeight: 700 },\n    // Inside labels sit on the wedge's paint, which is a mid-tone from the\n    // palette — so they lead with the panel colour rather than the axis ink.\n    insideStyle: { ...LABEL_TEXT_STYLE, fontWeight: 800, fill: \"#15130e\" },\n    leaderStroke: { weight: 2, fill: CHART_PALETTE.markerColor },\n  },\n  center: {\n    labelStyle: {\n      fontSize: 46,\n      fontWeight: 800,\n      textAlign: \"center\",\n      fill: CHART_PALETTE.markerColor,\n    },\n    captionStyle: {\n      fontSize: 22,\n      fontWeight: 500,\n      textAlign: \"center\",\n      fill: CHART_PALETTE.markerColor,\n    },\n  },\n  legend: DEFAULT_LEGEND,\n  spotlight: { dimOpacity: PIE_SPOTLIGHT_DIM },\n}\n\nfunction resolveRingConfig(\n  ring: Partial<RingConfig> | undefined,\n  previous: RingConfig\n): RingConfig {\n  return {\n    gap: ring?.gap ?? previous.gap,\n    holeRadius: ring?.holeRadius ?? previous.holeRadius,\n    startAngle: ring?.startAngle ?? previous.startAngle,\n    selectedGrow: ring?.selectedGrow ?? previous.selectedGrow,\n    stroke: strokeOps.resolve(ring?.stroke ?? previous.stroke),\n    shadow: shadowOps.resolve(ring?.shadow ?? previous.shadow),\n  }\n}\n\nfunction lerpRingConfig(\n  from: RingConfig,\n  to: RingConfig,\n  t: number\n): RingConfig {\n  return {\n    gap: lerpNumber(from.gap, to.gap, t),\n    holeRadius: lerpNumber(from.holeRadius, to.holeRadius, t),\n    startAngle: lerpNumber(from.startAngle, to.startAngle, t),\n    selectedGrow: lerpNumber(from.selectedGrow, to.selectedGrow, 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\nfunction resolveLabelConfig(\n  label: Partial<LabelConfig> | undefined,\n  previous: LabelConfig\n): LabelConfig {\n  return {\n    textStyle: textOps.resolveStyle(label?.textStyle, previous.textStyle),\n    percentStyle: textOps.resolveStyle(\n      label?.percentStyle,\n      previous.percentStyle\n    ),\n    insideStyle: textOps.resolveStyle(label?.insideStyle, previous.insideStyle),\n    leaderStroke: strokeOps.resolve(\n      label?.leaderStroke ?? previous.leaderStroke\n    ),\n  }\n}\n\nfunction lerpLabelConfig(\n  from: LabelConfig,\n  to: LabelConfig,\n  t: number\n): LabelConfig {\n  return {\n    textStyle: textOps.lerpStyle(from.textStyle, to.textStyle, t),\n    percentStyle: textOps.lerpStyle(from.percentStyle, to.percentStyle, t),\n    insideStyle: textOps.lerpStyle(from.insideStyle, to.insideStyle, t),\n    leaderStroke: strokeOps.lerp(\n      from.leaderStroke as StrokeResolved[],\n      to.leaderStroke as StrokeResolved[],\n      t\n    ),\n  }\n}\n\nfunction resolveCenterConfig(\n  center: Partial<CenterConfig> | undefined,\n  previous: CenterConfig\n): CenterConfig {\n  return {\n    labelStyle: textOps.resolveStyle(center?.labelStyle, previous.labelStyle),\n    captionStyle: textOps.resolveStyle(\n      center?.captionStyle,\n      previous.captionStyle\n    ),\n  }\n}\n\nfunction lerpCenterConfig(\n  from: CenterConfig,\n  to: CenterConfig,\n  t: number\n): CenterConfig {\n  return {\n    labelStyle: textOps.lerpStyle(from.labelStyle, to.labelStyle, t),\n    captionStyle: textOps.lerpStyle(from.captionStyle, to.captionStyle, t),\n  }\n}\n\n/**\n * {@link PieChart}'s `theme` property mapper: merges the author's partial\n * {@link PieChartTheme} onto `previous` (falling back to\n * {@link DEFAULT_PIE_CHART_THEME} on first resolution), fully resolving every\n * leaf so the tween below always has resolved data to interpolate.\n */\nexport function resolvePieChartTheme(\n  theme: PieChartTheme | undefined,\n  previous?: PieChartConfig\n): PieChartConfig {\n  const base = previous ?? DEFAULT_PIE_CHART_THEME\n  return {\n    sliceFills: resolveSeriesFills(theme?.sliceFills, base.sliceFills),\n    ring: resolveRingConfig(theme?.ring, base.ring),\n    label: resolveLabelConfig(theme?.label, base.label),\n    center: resolveCenterConfig(theme?.center, base.center),\n    legend: resolveLegendConfig(theme?.legend, base.legend),\n    spotlight: {\n      dimOpacity: theme?.spotlight?.dimOpacity ?? base.spotlight.dimOpacity,\n    },\n  }\n}\n\n/** {@link PieChart}'s `theme` property tween — leaf by leaf. */\nexport function lerpPieChartTheme(\n  from: PieChartConfig,\n  to: PieChartConfig,\n  t: number\n): PieChartConfig {\n  return {\n    // A palette is a list of independent paints rather than one value, so it\n    // interpolates pairwise by index; one that grows or shrinks holds the longer\n    // side's tail, exactly as the cartesian charts' palettes do.\n    sliceFills: lerpSeriesFills(from.sliceFills, to.sliceFills, t),\n    ring: lerpRingConfig(from.ring, to.ring, t),\n    label: lerpLabelConfig(from.label, to.label, t),\n    center: lerpCenterConfig(from.center, to.center, t),\n    legend: lerpLegendConfig(from.legend, to.legend, t),\n    spotlight: {\n      dimOpacity: lerpNumber(\n        from.spotlight.dimOpacity,\n        to.spotlight.dimOpacity,\n        t\n      ),\n    },\n  }\n}\n"]}
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/pie-chart/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA8E,MAAM,mBAAmB,CAAA;AAErH,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,GAEf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,GAAG,EAAE,IAAI,EAAqB,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAoC,MAAM,cAAc,CAAA;AAEjH,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAoC,CAAA;AAE7F;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAwC,EAAE,QAAgB,EAAE,KAAa,EAAE,OAAwB;IAClI,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3B,QAAQ,EAAE,IAAI,CAAC,GAAY,EAAE,QAAQ,CAAC;QACtC,KAAK,EAAE,GAAG,CAAC,GAAY,EAAE,KAAK,CAAC;QAC/B,IAAI,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAE,OAAgB;KAC3E,CAAC,CAAC,CAAA;AACL,CAAC;AAeD,2EAA2E;AAC3E,MAAM,UAAU,UAAU,CAAC,KAAe;IACxC,OAAO,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAC1E,CAAC;AAED,0EAA0E;AAC1E,MAAM,UAAU,UAAU,CAAC,MAAkB;IAC3C,IAAI,GAAG,GAAG,CAAC,CAAA;IACX,KAAK,MAAM,KAAK,IAAI,MAAM;QAAE,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,CAAA;IACpD,OAAO,GAAG,CAAA;AACZ,CAAC;AAeD;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,MAAkB,EAAE,YAAoB;IAC9D,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAA;IAChC,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,EAAE,CAAA;IAEzB,MAAM,IAAI,GAAa,EAAE,CAAA;IACzB,IAAI,MAAM,GAAG,YAAY,GAAG,GAAG,CAAA;IAC/B,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QAC/B,IAAI,KAAK,IAAI,CAAC;YAAE,OAAM;QACtB,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;QAC9B,MAAM,EAAE,GAAG,MAAM,CAAA;QACjB,MAAM,EAAE,GAAG,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;QACtC,MAAM,GAAG,EAAE,CAAA;QACX,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IACF,OAAO,IAAI,CAAA;AACb,CAAC;AASD;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAsB,KAAU,EAAE,MAAc,EAAE,GAAW,EAAE,MAAc;IACtG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAA;IAEvC,IAAI,OAAO,GAAG,GAAG,CAAA;IACjB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;QACtC,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,MAAM,CAAA;IAC3B,CAAC;IAED,IAAI,KAAK,GAAG,MAAM,CAAA;IAClB,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3C,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;QACxC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAA;IAC7B,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAoCD,mEAAmE;AACnE,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,oFAAoF;QACpF,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC9D,+CAA+C;QAC/C,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACnE,yCAAyC;QACzC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;KACvE;IACD,MAAM,EAAE;QACN,kFAAkF;QAClF,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAU,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;KAC3F;IACD,MAAM,EAAE,YAAY;CACrB,CAAA;AAED,MAAM,UAAU,QAAQ,CAAC,KAAe;IACtC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAC9B,CAAC;AAED,SAAS,IAAI,CAAC,KAAe;IAC3B,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;AACjE,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAe;IAC1C,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,WAAW,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,WAAW,EAAE,CAAA;AACnI,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAe;IAC3C,MAAM,IAAI,GAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,CAAA;IAC1I,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,CAAA;IAClD,OAAO;QACL,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,EAAE,GAAG,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE;QACnE,WAAW,EAAE,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE;QACvG,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE;KAC/C,CAAA;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAe;IAC5C,OAAO;QACL,UAAU,EAAE;YACV,GAAG,IAAI,CAAC,KAAK,CAAC;YACd,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC;YAC1C,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC;YACjD,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,KAAK,CAAC,UAAU;SACvB;QACD,YAAY,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE;KACnJ,CAAA;AACH,CAAC","sourcesContent":["import { Types, type Fill, type TextStyle, type Stroke, type FillResolved as _FillResolved } from \"@motionscript/sdk\"\n\nimport {\n  CHART_COLORS,\n  CHART_LEGEND,\n  CHART_TEXT,\n  legendConfigOf,\n  type ChartStyleBase,\n} from \"../kit/style\"\nimport { num, text, type LegendConfig } from \"../kit/shared\"\nimport { DEG, PIE_SPOTLIGHT_DIM, ringPoint, selectionFade, type CenterConfig, type PieSlice } from \"../kit/polar\"\n\nexport { DEG, PIE_SPOTLIGHT_DIM, ringPoint, selectionFade, type CenterConfig, type PieSlice }\n\n/**\n * One slice per row, painted from `palette` by row order (cycling). Paint comes\n * from the palette, not the rows, because a pie's mark is a row where a line's\n * colour belongs to a column; that lets a pie be fed a CSV of plain numbers.\n */\nexport function resolvePieSlices(data: readonly Record<string, unknown>[], category: string, value: string, palette: readonly Fill[]): PieSlice[] {\n  return data.map((row, i) => ({\n    category: text(row as never, category),\n    value: num(row as never, value),\n    fill: palette.length > 0 ? palette[i % palette.length] : (\"white\" as Fill),\n  }))\n}\n\n/** What a {@link PieChart}'s labels say. */\nexport type PieLabelMode =\n  /** Two lines, whose order flips with placement: an outside label reads category over percentage, an inside label reads the percentage big over a small category. */\n  | \"both\"\n  | \"category\"\n  | \"percent\"\n  /** No labels and no leader lines. */\n  | \"none\"\n\n/** `\"inside\"` centres the label in the wedge's band with no leader or gutter, so the ring draws bigger; `\"outside\"` sets it on a leader, which a sliver too narrow for text needs. */\nexport type PieLabelPlacement = \"inside\" | \"outside\" | \"none\"\n\n\n/** A slice's plotted value: negatives and non-finite values count as 0. */\nexport function sliceValue(slice: PieSlice): number {\n  return slice.value > 0 && Number.isFinite(slice.value) ? slice.value : 0\n}\n\n/** Sum of every slice's plotted value, the denominator of every share. */\nexport function sliceTotal(slices: PieSlice[]): number {\n  let sum = 0\n  for (const slice of slices) sum += sliceValue(slice)\n  return sum\n}\n\n/** One slice's resolved angular span on the ring. */\nexport interface PieArc {\n  /** Index of the slice in the source list. */\n  index: number\n  /** Radians clockwise from 12 o'clock. */\n  a0: number\n  a1: number\n  /** Where the slice's label and pop-out point. */\n  mid: number\n  /** Share of the total, `[0, 1]`. */\n  fraction: number\n}\n\n/**\n * One arc per positive slice, walking clockwise from `startDegrees` and abutting.\n * Arcs are the undivided shares: a fixed angular gap would pinch shut at the\n * hole, so the gap is applied when the wedge is drawn, as a constant-width inset\n * off both ends.\n */\nexport function pieArcs(slices: PieSlice[], startDegrees: number): PieArc[] {\n  const total = sliceTotal(slices)\n  if (total <= 0) return []\n\n  const arcs: PieArc[] = []\n  let cursor = startDegrees * DEG\n  slices.forEach((slice, index) => {\n    const value = sliceValue(slice)\n    if (value <= 0) return\n    const fraction = value / total\n    const a0 = cursor\n    const a1 = a0 + fraction * Math.PI * 2\n    cursor = a1\n    arcs.push({ index, a0, a1, mid: (a0 + a1) / 2, fraction })\n  })\n  return arcs\n}\n\ninterface LabelSlot {\n  /** Where the label would sit if nothing else were in the way. */\n  ideal: number\n  /** Written by {@link relaxLabels}. */\n  y: number\n}\n\n/**\n * Spread one column of labels so none overlap, each near its `ideal` y and all\n * inside `[bottom, top]`. A top-down pass clears each label from the one above\n * by `minGap`; a reverse pass lifts a tail pushed past `bottom`. When the column\n * cannot hold them all, the reverse pass wins and the crowding is shared evenly.\n * Mutates each `y` and returns `slots` ordered top to bottom.\n */\nexport function relaxLabels<T extends LabelSlot>(slots: T[], minGap: number, top: number, bottom: number): T[] {\n  slots.sort((a, b) => b.ideal - a.ideal)\n\n  let ceiling = top\n  for (const slot of slots) {\n    slot.y = Math.min(slot.ideal, ceiling)\n    ceiling = slot.y - minGap\n  }\n\n  let floor = bottom\n  for (let i = slots.length - 1; i >= 0; i--) {\n    slots[i].y = Math.max(slots[i].y, floor)\n    floor = slots[i].y + minGap\n  }\n\n  return slots\n}\n\n/** The ring's geometry: everything about the wedges but their colour. */\nexport interface RingConfig {\n  /** Channel between adjacent slices in px, constant across the band (an angular gap would splay open toward the rim). */\n  gap: number\n  /** Below 1 a fraction of the outer radius (`0.6` leaves a band 40% thick); 1 and up a pixel radius; `0` draws solid wedges. */\n  holeRadius: number\n  /** Degrees clockwise from 12 o'clock where the first slice begins. */\n  startAngle: number\n  /** How far a selected slice's rim reaches, as a multiple of the outer radius so the emphasis scales with the chart. Clamped to `[1, 1.6]`. */\n  selectedGrow: number\n  /** Rounding of each wedge corner, px. */\n  cornerRadius: number\n}\n\n/** How the ring's labels are set, and the leader lines that point at them. */\nexport interface LabelConfig {\n  /** The category caption outside the ring. */\n  textStyle: TextStyle\n  /** The percentage outside the ring. */\n  percentStyle: TextStyle\n  /** Both lines of a label inside its wedge; its fill is set per wedge, for contrast against the paint. */\n  insideStyle: TextStyle\n  /** Runs from a wedge out to its label. */\n  leaderStroke: Stroke\n}\n\n/** What a pie's `style` resolves to. */\nexport interface PieStyle extends ChartStyleBase {\n  readonly innerRadius: number\n  readonly sliceGap: number\n  readonly sliceRadius: number\n  readonly labelPlacement: PieLabelPlacement\n}\n\n/** The groups of a pie's `style`: no grid, as nothing is ruled. */\nexport const PIE_STYLE_GROUPS = {\n  colors: CHART_COLORS,\n  text: CHART_TEXT,\n  marks: {\n    /** Hole radius as a fraction of the outer radius: 0 is a pie, about 0.6 a donut. */\n    innerRadius: Types.number(0, { min: 0, max: 0.9, step: 0.05 }),\n    /** Channel between neighbouring wedges, px. */\n    sliceGap: Types.number(3, { min: 0, max: 40, step: 1, unit: \"px\" }),\n    /** Rounding of each wedge corner, px. */\n    sliceRadius: Types.number(4, { min: 0, max: 60, step: 1, unit: \"px\" }),\n  },\n  labels: {\n    /** Read as the chart is built: inside the wedge, outside on a leader, or none. */\n    labelPlacement: Types.oneOf([\"inside\", \"outside\", \"none\"] as const, { animatable: false }),\n  },\n  legend: CHART_LEGEND,\n}\n\nexport function legendOf(style: PieStyle): LegendConfig {\n  return legendConfigOf(style)\n}\n\nfunction face(style: PieStyle): Pick<TextStyle, \"fontFamily\"> {\n  return style.fontFamily ? { fontFamily: style.fontFamily } : {}\n}\n\nexport function ringConfigOf(style: PieStyle): RingConfig {\n  return { gap: style.sliceGap, holeRadius: style.innerRadius, startAngle: 0, selectedGrow: 1.08, cornerRadius: style.sliceRadius }\n}\n\nexport function labelConfigOf(style: PieStyle): LabelConfig {\n  const base: TextStyle = { ...face(style), fontSize: style.fontSize, fontWeight: style.fontWeight, textAlign: \"center\", fill: style.muted }\n  const bold = Math.min(900, style.fontWeight + 200)\n  return {\n    textStyle: base,\n    percentStyle: { ...base, fontWeight: bold, fill: style.foreground },\n    insideStyle: { ...base, fontSize: Math.round(style.fontSize * 1.9), fontWeight: bold, fill: \"#111113\" },\n    leaderStroke: { weight: 2, fill: style.muted },\n  }\n}\n\nexport function centerConfigOf(style: PieStyle): CenterConfig {\n  return {\n    labelStyle: {\n      ...face(style),\n      fontSize: Math.round(style.fontSize * 1.8),\n      fontWeight: Math.min(900, style.fontWeight + 300),\n      textAlign: \"center\",\n      fill: style.foreground,\n    },\n    captionStyle: { ...face(style), fontSize: Math.round(style.fontSize * 0.8), fontWeight: style.fontWeight, textAlign: \"center\", fill: style.muted },\n  }\n}\n"]}

package/dist/radar-chart/index.d.ts

@@ -0,0 +1,5 @@
+export { RadarChart, radarFractions, radarScale, type RadarValues } from "./radar-chart.js";
+export { RadarGrid } from "./radar-grid.js";
+export { RadarSeries, seriesVertices } from "./radar-series.js";
+export { RADAR_GRID, RADAR_MARKS, fitRadius, niceCeil, spokeDirection } from "./shared.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/radar-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radar-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA"}

package/dist/radar-chart/index.js

@@ -0,0 +1,5 @@
+export { RadarChart, radarFractions, radarScale } from "./radar-chart.js";
+export { RadarGrid } from "./radar-grid.js";
+export { RadarSeries, seriesVertices } from "./radar-series.js";
+export { RADAR_GRID, RADAR_MARKS, fitRadius, niceCeil, spokeDirection } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/dist/radar-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/radar-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAoB,MAAM,eAAe,CAAA;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA","sourcesContent":["export { RadarChart, radarFractions, radarScale, type RadarValues } from \"./radar-chart\"\nexport { RadarGrid } from \"./radar-grid\"\nexport { RadarSeries, seriesVertices } from \"./radar-series\"\nexport { RADAR_GRID, RADAR_MARKS, fitRadius, niceCeil, spokeDirection } from \"./shared\"\n"]}

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

@@ -0,0 +1,218 @@
+import { type DataRecord, type NodeOf, type Node2D, type Node2DProps as _Node2DProps, type Fill as _Fill, type FillResolved as _FillResolved, type Stroke as _Stroke, type StrokeResolved as _StrokeResolved } from "@motionscript/sdk";
+import { type ChartSeries } from "../kit/shared.js";
+/** What a radar chart plots, as its entries hold it. */
+export interface RadarValues {
+    readonly data: DataRecord[];
+    readonly categoryField: string;
+    readonly series: ChartSeries[];
+    readonly min: number;
+    readonly max: number;
+}
+/** The scale the web is drawn to, whether `max` was given or left to the data. */
+export declare function radarScale(state: RadarValues): {
+    min: number;
+    max: number;
+};
+/** Series `index`'s values as fractions of the rim, in spoke order. */
+export declare function radarFractions(state: RadarValues, index: number): number[];
+/**
+ * A radar (spider) chart: one spoke per data row, one closed polygon per
+ * series, over a web of rings. Composed of a {@link RadarGrid}, a
+ * {@link RadarSeries} per series, the category labels and a {@link ChartLegend}.
+ *
+ * Resting state is the finished chart; `enter` arms every part on its first
+ * frame. `max` of 0 (or one not above `min`) is the largest value rounded up.
+ */
+export declare const RadarChart: import("@motionscript/sdk").Component<"radarChart", import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly data: import("@motionscript/sdk").Type<DataRecord[], DataRecord[], false>;
+    /** The column that names each spoke. */
+    readonly categoryField: "";
+    readonly series: import("@motionscript/sdk").Type<ChartSeries[], ChartSeries[], false>;
+    /** The value at the centre of the web. */
+    readonly min: 0;
+    /** The value at the rim; 0 rounds the largest value up. */
+    readonly max: 0;
+    readonly style: import("@motionscript/sdk").Type<import("@motionscript/sdk").StyleInput<{
+        legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
+        swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+    } & {
+        gridShape: import("@motionscript/sdk").Type<"circle" | "polygon", "circle" | "polygon", false>;
+        gridLevels: import("@motionscript/sdk").Type<number, number, false>;
+        gridStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
+        fontSize: import("@motionscript/sdk").Type<number, number, false>;
+        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
+    } & {
+        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
+        areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
+        dots: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        dotSize: import("@motionscript/sdk").Type<number, number, false>;
+    }>, import("@motionscript/sdk").StyleValues<{
+        legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
+        swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+    } & {
+        gridShape: import("@motionscript/sdk").Type<"circle" | "polygon", "circle" | "polygon", false>;
+        gridLevels: import("@motionscript/sdk").Type<number, number, false>;
+        gridStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
+        fontSize: import("@motionscript/sdk").Type<number, number, false>;
+        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
+    } & {
+        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
+        areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
+        dots: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        dotSize: import("@motionscript/sdk").Type<number, number, false>;
+    }>, false>;
+}>, {
+    readonly enter: {};
+    readonly showSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly hideSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly spotlightSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+}, readonly [], Node2D<_Node2DProps>, import("@motionscript/sdk").CallProps<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly data: import("@motionscript/sdk").Type<DataRecord[], DataRecord[], false>;
+    /** The column that names each spoke. */
+    readonly categoryField: "";
+    readonly series: import("@motionscript/sdk").Type<ChartSeries[], ChartSeries[], false>;
+    /** The value at the centre of the web. */
+    readonly min: 0;
+    /** The value at the rim; 0 rounds the largest value up. */
+    readonly max: 0;
+    readonly style: import("@motionscript/sdk").Type<import("@motionscript/sdk").StyleInput<{
+        legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
+        swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+    } & {
+        gridShape: import("@motionscript/sdk").Type<"circle" | "polygon", "circle" | "polygon", false>;
+        gridLevels: import("@motionscript/sdk").Type<number, number, false>;
+        gridStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
+        fontSize: import("@motionscript/sdk").Type<number, number, false>;
+        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
+    } & {
+        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
+        areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
+        dots: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        dotSize: import("@motionscript/sdk").Type<number, number, false>;
+    }>, import("@motionscript/sdk").StyleValues<{
+        legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
+        swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+    } & {
+        gridShape: import("@motionscript/sdk").Type<"circle" | "polygon", "circle" | "polygon", false>;
+        gridLevels: import("@motionscript/sdk").Type<number, number, false>;
+        gridStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
+        fontSize: import("@motionscript/sdk").Type<number, number, false>;
+        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
+    } & {
+        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
+        areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
+        dots: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        dotSize: import("@motionscript/sdk").Type<number, number, false>;
+    }>, false>;
+}>, readonly [], import("@motionscript/sdk").BuiltNode<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly data: import("@motionscript/sdk").Type<DataRecord[], DataRecord[], false>;
+    /** The column that names each spoke. */
+    readonly categoryField: "";
+    readonly series: import("@motionscript/sdk").Type<ChartSeries[], ChartSeries[], false>;
+    /** The value at the centre of the web. */
+    readonly min: 0;
+    /** The value at the rim; 0 rounds the largest value up. */
+    readonly max: 0;
+    readonly style: import("@motionscript/sdk").Type<import("@motionscript/sdk").StyleInput<{
+        legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
+        swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+    } & {
+        gridShape: import("@motionscript/sdk").Type<"circle" | "polygon", "circle" | "polygon", false>;
+        gridLevels: import("@motionscript/sdk").Type<number, number, false>;
+        gridStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
+        fontSize: import("@motionscript/sdk").Type<number, number, false>;
+        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
+    } & {
+        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
+        areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
+        dots: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        dotSize: import("@motionscript/sdk").Type<number, number, false>;
+    }>, import("@motionscript/sdk").StyleValues<{
+        legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
+        swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+    } & {
+        gridShape: import("@motionscript/sdk").Type<"circle" | "polygon", "circle" | "polygon", false>;
+        gridLevels: import("@motionscript/sdk").Type<number, number, false>;
+        gridStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+        spokeLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
+        fontSize: import("@motionscript/sdk").Type<number, number, false>;
+        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
+    } & {
+        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
+        areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
+        dots: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        dotSize: import("@motionscript/sdk").Type<number, number, false>;
+    }>, false>;
+}>, {
+    readonly enter: {};
+    readonly showSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly hideSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly spotlightSeries: {
+        readonly seriesIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+}, Node2D<_Node2DProps>>>>;
+export type RadarChart = NodeOf<typeof RadarChart>;
+//# sourceMappingURL=radar-chart.d.ts.map

package/dist/radar-chart/radar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../src/radar-chart/radar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,UAAU,EACf,KAAK,MAAM,EAEX,KAAK,MAAM,EACX,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,IAAI,IAAI,KAAK,EAClB,KAAK,YAAY,IAAI,aAAa,EAClC,KAAK,MAAM,IAAI,OAAO,EACtB,KAAK,cAAc,IAAI,eAAe,EAGvC,MAAM,mBAAmB,CAAA;AAM1B,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AAyB/D,wDAAwD;AACxD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,CAAA;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CACrB;AAED,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAE3E;AAED,uEAAuE;AACvE,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAQ1E;AAgCD;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;;IAInB,wCAAwC;;;IAGxC,0CAA0C;;IAE1C,2DAA2D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAL3D,wCAAwC;;;IAGxC,0CAA0C;;IAE1C,2DAA2D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAL3D,wCAAwC;;;IAGxC,0CAA0C;;IAE1C,2DAA2D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkK7D,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAA"}