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

package/dist/pie-chart/shared.js

@@ -1,7 +1,10 @@
-import { clamp, 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";
+import { Types } from "@motionscript/sdk";
+import { CHART_BACKGROUND, CHART_FOREGROUND, CHART_LEGEND, CHART_MUTED, CHART_SERIES, LEGEND_TEXT, legendConfigOf, placedText, sizeOf, } 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 };
 /**
- * One slice per row, painted from `palette` by row order (cycling). Paint comes
+ * One slice per row, painted from `seriesFills` 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.
  */
@@ -12,17 +15,6 @@ export function resolvePieSlices(data, category, value, palette) {
         fill: palette.length > 0 ? palette[i % palette.length] : "white",
     }));
 }
-export const DEG = Math.PI / 180;
-/**
- * Opacity of a slice under the selection: 1 while nothing is out (`focus` is the
- * most-grown pop) and for the selected slice itself, falling toward `dimOpacity`
- * for the rest as the selection grows.
- */
-export function selectionFade(focus, dimOpacity, pop) {
-    if (focus <= 0)
-        return 1;
-    return 1 - (1 - clamp(dimOpacity, 0, 1)) * focus * (1 - pop);
-}
 /** 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;
@@ -34,10 +26,6 @@ export function sliceTotal(slices) {
         sum += sliceValue(slice);
     return sum;
 }
-/** The point at radius `r`, angle `a` on a ring about the origin in centred y-up space. Angles run clockwise from 12 o'clock. */
-export function ringPoint(r, a) {
-    return { x: r * Math.sin(a), y: r * Math.cos(a) };
-}
 /**
  * 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
@@ -83,121 +71,54 @@ export function relaxLabels(slots, minGap, top, bottom) {
     }
     return slots;
 }
-const LABEL_TEXT_STYLE = {
-    fontSize: 26,
-    fontWeight: 600,
-    textAlign: "center",
-    fill: CHART_PALETTE.markerColor,
-};
-/** Fainter than `SPOTLIGHT_DIM`: a ring's slices touch, so at that a selected slice barely separates. */
-export const PIE_SPOTLIGHT_DIM = 0.1;
-export const DEFAULT_PIE_CHART_THEME = {
-    sliceFills: DEFAULT_SERIES_FILLS,
-    ring: {
-        gap: 6,
-        // A donut by default: the hole is the one place a conclusion can be set.
-        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 = {
+    series: CHART_SERIES,
+    background: CHART_BACKGROUND,
+    text: {
+        /** Each slice's name. */
+        labelText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),
+        /** Each slice's share or value, beside its name; inside a wedge both are set larger, inked for contrast. */
+        valueText: Types.typography({ fontSize: 28, fontWeight: 700, fill: CHART_FOREGROUND }),
+        /** The summary in the hole; its caption is set smaller, in the slice names' ink. */
+        centerText: Types.typography({ fontSize: 50, fontWeight: 800, fill: CHART_FOREGROUND }),
+        ...LEGEND_TEXT,
     },
-    label: {
-        textStyle: LABEL_TEXT_STYLE,
-        percentStyle: { ...LABEL_TEXT_STYLE, fontWeight: 700 },
-        // On a mid-tone wedge, so the panel colour rather than the axis ink.
-        insideStyle: { ...LABEL_TEXT_STYLE, fontWeight: 800, fill: "#15130e" },
-        leaderStroke: { weight: 2, fill: CHART_PALETTE.markerColor },
+    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" }),
     },
-    center: {
-        labelStyle: {
-            fontSize: 46,
-            fontWeight: 800,
-            textAlign: "center",
-            fill: CHART_PALETTE.markerColor,
-        },
-        captionStyle: {
-            fontSize: 22,
-            fontWeight: 500,
-            textAlign: "center",
-            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 }),
     },
-    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),
-    };
+export function legendOf(style) {
+    return legendConfigOf(style);
 }
-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),
-    };
-}
-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 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),
-    };
-}
-function resolveCenterConfig(center, previous) {
-    return {
-        labelStyle: textOps.resolveStyle(center?.labelStyle, previous.labelStyle),
-        captionStyle: textOps.resolveStyle(center?.captionStyle, previous.captionStyle),
-    };
-}
-function lerpCenterConfig(from, to, t) {
-    return {
-        labelStyle: textOps.lerpStyle(from.labelStyle, to.labelStyle, t),
-        captionStyle: textOps.lerpStyle(from.captionStyle, to.captionStyle, t),
-    };
+export function ringConfigOf(style) {
+    return { gap: style.sliceGap, holeRadius: style.innerRadius, startAngle: 0, selectedGrow: 1.08, cornerRadius: style.sliceRadius };
 }
-/** The `theme` entry's resolve: merges a partial {@link PieChartTheme} onto `previous` (first resolution: the default). */
-export function resolvePieChartTheme(theme, previous) {
-    const base = previous ?? DEFAULT_PIE_CHART_THEME;
+export function labelConfigOf(style) {
+    const base = placedText(style.labelText);
+    const value = placedText(style.valueText);
     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,
-        },
+        textStyle: base,
+        percentStyle: value,
+        insideStyle: { ...value, fontSize: Math.round(sizeOf(style.valueText) * 1.9), fill: "#111113" },
+        leaderStroke: { weight: 2, fill: style.labelText.fill ?? "white" },
     };
 }
-export function lerpPieChartTheme(from, to, t) {
+export function centerConfigOf(style) {
+    const size = sizeOf(style.centerText, 50);
     return {
-        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: placedText(style.centerText),
+        captionStyle: placedText(style.labelText, "center", { fontSize: Math.round(size * 0.45) }),
     };
 }
 //# 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":["import {\n  clamp,\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/** One resolved slice, which the ring and legend consume; the chart resolves it from `data` and two field names. */\nexport interface PieSlice {\n  /** Label and legend caption. */\n  category: string\n  /** The wedge covers `value / (sum of all values)`. */\n  value: number\n  /** Wedge and swatch paint. */\n  fill: Fill\n}\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(\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  /** Two lines, whose order flips with placement: a leader 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; `\"leader\"` is what a sliver too narrow for text needs. */\nexport type PieLabelPlacement = \"inside\" | \"leader\" | \"none\"\n\nexport const DEG = Math.PI / 180\n\n/**\n * Opacity of a slice under the selection: 1 while nothing is out (`focus` is the\n * most-grown pop) and for the selected slice itself, falling toward `dimOpacity`\n * for the rest as the selection grows.\n */\nexport function selectionFade(focus: number, dimOpacity: number, pop: number): number {\n  if (focus <= 0) return 1\n  return 1 - (1 - clamp(dimOpacity, 0, 1)) * focus * (1 - pop)\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/** The point at radius `r`, angle `a` on a ring about the origin in centred y-up space. Angles run clockwise from 12 o'clock. */\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  /** 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>(\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/** The ring's geometry and paint: 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  stroke: Stroke\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. */\n  textStyle: TextStyle\n  /** The percentage. */\n  percentStyle: TextStyle\n  /** Both lines of a label inside its wedge: it sits on the wedge's paint, so it usually wants the opposite end of the value range from everything else. */\n  insideStyle: TextStyle\n  /** Runs 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/** The author's partial theme, deep-merged onto {@link DEFAULT_PIE_CHART_THEME}. */\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/** Fainter than `SPOTLIGHT_DIM`: a ring's slices touch, so at that a selected slice barely separates. */\nexport const PIE_SPOTLIGHT_DIM = 0.1\n\nexport const DEFAULT_PIE_CHART_THEME: PieChartConfig = {\n  sliceFills: DEFAULT_SERIES_FILLS,\n  ring: {\n    gap: 6,\n    // A donut by default: the hole is the one place a conclusion can be set.\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    // On a mid-tone wedge, so 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/** The `theme` entry's resolve: merges a partial {@link PieChartTheme} onto `previous` (first resolution: the default). */\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\nexport function lerpPieChartTheme(\n  from: PieChartConfig,\n  to: PieChartConfig,\n  t: number\n): PieChartConfig {\n  return {\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":"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","sourcesContent":["import { Types, type Fill, type TextStyle, type Stroke, type FillResolved as _FillResolved } from \"@motionscript/sdk\"\n\nimport {\n  CHART_BACKGROUND,\n  CHART_FOREGROUND,\n  CHART_LEGEND,\n  CHART_MUTED,\n  CHART_SERIES,\n  LEGEND_TEXT,\n  legendConfigOf,\n  placedText,\n  sizeOf,\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 `seriesFills` 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 labelText: TextStyle\n  readonly valueText: TextStyle\n  readonly centerText: TextStyle\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  series: CHART_SERIES,\n  background: CHART_BACKGROUND,\n  text: {\n    /** Each slice's name. */\n    labelText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),\n    /** Each slice's share or value, beside its name; inside a wedge both are set larger, inked for contrast. */\n    valueText: Types.typography({ fontSize: 28, fontWeight: 700, fill: CHART_FOREGROUND }),\n    /** The summary in the hole; its caption is set smaller, in the slice names' ink. */\n    centerText: Types.typography({ fontSize: 50, fontWeight: 800, fill: CHART_FOREGROUND }),\n    ...LEGEND_TEXT,\n  },\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\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 = placedText(style.labelText)\n  const value = placedText(style.valueText)\n  return {\n    textStyle: base,\n    percentStyle: value,\n    insideStyle: { ...value, fontSize: Math.round(sizeOf(style.valueText) * 1.9), fill: \"#111113\" },\n    leaderStroke: { weight: 2, fill: style.labelText.fill ?? \"white\" },\n  }\n}\n\nexport function centerConfigOf(style: PieStyle): CenterConfig {\n  const size = sizeOf(style.centerText, 50)\n  return {\n    labelStyle: placedText(style.centerText),\n    captionStyle: placedText(style.labelText, \"center\", { fontSize: Math.round(size * 0.45) }),\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, RADAR_TEXT, 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,UAAU,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, RADAR_TEXT, 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,UAAU,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, RADAR_TEXT, fitRadius, niceCeil, spokeDirection } from \"./shared\"\n"]}

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

@@ -0,0 +1,212 @@
+import { type DataRecord, type NodeOf, type Node2D, type Node2DProps as _Node2DProps, type TextStyle as _TextStyle, 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<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        spokeText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: 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<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        spokeText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: 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<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        spokeText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: 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<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        spokeText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: 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<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        spokeText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: 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<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        spokeText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: 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,EAOL,KAAK,UAAU,EACf,KAAK,MAAM,EAEX,KAAK,MAAM,EACX,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,SAAS,IAAI,UAAU,EAC5B,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;AA4B/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"}