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

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

@@ -0,0 +1,78 @@
+import { type TextStyle, type DataRecord, type Size2D, type StrokeResolved, type Stroke as _Stroke, type Vector2 } from "@motionscript/sdk";
+import { type ChartSeries } from "../kit/shared.js";
+/** The radar chart's text: the category names around the rim, and the legend. */
+export declare const RADAR_TEXT: {
+    legendText: import("@motionscript/sdk").Type<TextStyle, TextStyle, false>;
+    spokeText: import("@motionscript/sdk").Type<TextStyle, TextStyle, false>;
+};
+export type GridShape = "polygon" | "circle";
+/** The radar chart's own grid group: the web the polygons are drawn over. */
+export declare const RADAR_GRID: {
+    /** Whether the rings are straight-edged (a polygon through the spokes) or round. */
+    gridShape: import("@motionscript/sdk").Type<"circle" | "polygon", "circle" | "polygon", false>;
+    /** How many rings, outermost at the scale's maximum. */
+    gridLevels: import("@motionscript/sdk").Type<number, number, false>;
+    /** The rings; empty draws none. */
+    gridStroke: import("@motionscript/sdk").Type<_Stroke, StrokeResolved[], false>;
+    /** The line from the centre out to each category; empty draws none. */
+    spokeStroke: import("@motionscript/sdk").Type<_Stroke, StrokeResolved[], false>;
+    /** Read as the chart is built: whether the category names stand around the rim. */
+    spokeLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+};
+export declare const RADAR_MARKS: {
+    /** Outline weight of each series' polygon. */
+    strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
+    /** How strongly each polygon is filled in its series colour; 0 leaves an outline. */
+    areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
+    /** Whether a dot marks each value on its spoke. */
+    dots: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    dotSize: import("@motionscript/sdk").Type<number, number, false>;
+};
+/** The grid and marks fields the parts read, whichever way the chart's style is spelled. */
+export interface RadarStyle {
+    readonly gridShape: GridShape;
+    readonly gridLevels: number;
+    readonly gridStroke: StrokeResolved[];
+    readonly spokeStroke: StrokeResolved[];
+    readonly spokeLabels: boolean;
+    readonly strokeWidth: number;
+    readonly areaOpacity: number;
+    readonly dots: boolean;
+    readonly dotSize: number;
+    readonly spokeText: TextStyle;
+}
+/** Spoke `index` of `count`, as a unit direction: 12 o'clock first, clockwise on screen, y up. */
+export declare function spokeDirection(index: number, count: number): Vector2;
+/** One category per data row. */
+export declare function categoriesOf(data: readonly DataRecord[], field: string): string[];
+/** One list of values per series, a value per row. */
+export declare function valuesOf(data: readonly DataRecord[], series: readonly ChartSeries[]): number[][];
+/** `value` rounded up to a tidy 1, 1.5, 2, 2.5, 3, 4, 5, 6, 8 times a power of ten. */
+export declare function niceCeil(value: number): number;
+/**
+ * The scale the web is drawn to: `min` (default 0) to `max`, which when unset
+ * (or not above `min`) is the largest value rounded up tidily.
+ */
+export declare function scaleOf(values: readonly (readonly number[])[], min: number, max: number): {
+    min: number;
+    max: number;
+};
+/** Where `value` stands between the scale's ends, `0`-`1`. */
+export declare function fractionOf(value: number, scale: {
+    min: number;
+    max: number;
+}): number;
+export type LabelAnchor = "centerLeft" | "centerRight" | "bottomCenter" | "topCenter";
+/** Which corner of a category's label touches the point beside its spoke's end. */
+export declare function labelAnchor(index: number, count: number): LabelAnchor;
+export declare function labelPad(fontSize: number): number;
+/** Rough size of a label, since the web is fitted before any text is measured. */
+export declare function labelSize(caption: string, fontSize: number): Size2D;
+/**
+ * The rim's radius for a box: the largest the web can be with every label
+ * (when there are labels) still inside it.
+ */
+export declare function fitRadius(box: Size2D, categories: readonly string[], fontSize: number, labelled: boolean): number;
+/** Where spoke `index`'s label is pinned: just past the rim, centre-relative, y up. */
+export declare function labelPoint(index: number, count: number, radius: number, fontSize: number): Vector2;
+//# sourceMappingURL=shared.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/radar-chart/shared.ts"],"names":[],"mappings":"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"}

package/dist/radar-chart/shared.js

@@ -0,0 +1,129 @@
+import { Types } from "@motionscript/sdk";
+import { num, text } from "../kit/shared.js";
+import { CHART_MUTED, LEGEND_TEXT } from "../kit/style.js";
+/** The radar chart's text: the category names around the rim, and the legend. */
+export const RADAR_TEXT = {
+    spokeText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),
+    ...LEGEND_TEXT,
+};
+/** The radar chart's own grid group: the web the polygons are drawn over. */
+export const RADAR_GRID = {
+    /** Whether the rings are straight-edged (a polygon through the spokes) or round. */
+    gridShape: Types.oneOf(["polygon", "circle"]),
+    /** How many rings, outermost at the scale's maximum. */
+    gridLevels: Types.number(4, { min: 1, max: 10, step: 1 }),
+    /** The rings; empty draws none. */
+    gridStroke: Types.stroke({ weight: 2, fill: "white/15" }),
+    /** The line from the centre out to each category; empty draws none. */
+    spokeStroke: Types.stroke({ weight: 2, fill: "white/15" }),
+    /** Read as the chart is built: whether the category names stand around the rim. */
+    spokeLabels: Types.boolean(true, { animatable: false }),
+};
+export const RADAR_MARKS = {
+    /** Outline weight of each series' polygon. */
+    strokeWidth: Types.number(4, { min: 0, max: 24, step: 1, unit: "px" }),
+    /** How strongly each polygon is filled in its series colour; 0 leaves an outline. */
+    areaOpacity: Types.number(0.25, { min: 0, max: 1, step: 0.05 }),
+    /** Whether a dot marks each value on its spoke. */
+    dots: Types.boolean(true),
+    dotSize: Types.number(10, { min: 2, max: 40, step: 1, unit: "px" }),
+};
+/** Fraction of the label's font size between the rim and the label. */
+const LABEL_PAD = 0.55;
+/** Glyph width as a fraction of the font size, for fitting labels. */
+const GLYPH = 0.58;
+/** Room kept clear around the web when nothing else claims it, in px. */
+const MARGIN = 10;
+/** Below this a spoke counts as vertical, and its label centres over it. */
+const SIDE = 0.35;
+/** Spoke `index` of `count`, as a unit direction: 12 o'clock first, clockwise on screen, y up. */
+export function spokeDirection(index, count) {
+    const angle = (index / Math.max(1, count)) * Math.PI * 2;
+    return { x: Math.sin(angle), y: Math.cos(angle) };
+}
+/** One category per data row. */
+export function categoriesOf(data, field) {
+    return data.map((row) => text(row, field));
+}
+/** One list of values per series, a value per row. */
+export function valuesOf(data, series) {
+    return series.map((s) => data.map((row) => num(row, s.field)));
+}
+const MANTISSAS = [1, 1.2, 1.5, 2, 2.5, 3, 4, 5, 6, 8, 10];
+/** `value` rounded up to a tidy 1, 1.5, 2, 2.5, 3, 4, 5, 6, 8 times a power of ten. */
+export function niceCeil(value) {
+    if (!(value > 0))
+        return 1;
+    const power = 10 ** Math.floor(Math.log10(value));
+    const mantissa = value / power;
+    const pick = MANTISSAS.find((m) => m >= mantissa - 1e-9) ?? 10;
+    return pick * power;
+}
+/**
+ * The scale the web is drawn to: `min` (default 0) to `max`, which when unset
+ * (or not above `min`) is the largest value rounded up tidily.
+ */
+export function scaleOf(values, min, max) {
+    if (max > min)
+        return { min, max };
+    let top = min;
+    for (const list of values)
+        for (const v of list)
+            top = Math.max(top, v);
+    const span = niceCeil(top - min);
+    return { min, max: min + span };
+}
+/** Where `value` stands between the scale's ends, `0`-`1`. */
+export function fractionOf(value, scale) {
+    const span = scale.max - scale.min;
+    if (span <= 0)
+        return 0;
+    return Math.min(1, Math.max(0, (value - scale.min) / span));
+}
+/** Which corner of a category's label touches the point beside its spoke's end. */
+export function labelAnchor(index, count) {
+    const { x, y } = spokeDirection(index, count);
+    if (x > SIDE)
+        return "centerLeft";
+    if (x < -SIDE)
+        return "centerRight";
+    return y >= 0 ? "bottomCenter" : "topCenter";
+}
+export function labelPad(fontSize) {
+    return fontSize * LABEL_PAD;
+}
+/** Rough size of a label, since the web is fitted before any text is measured. */
+export function labelSize(caption, fontSize) {
+    return { width: caption.length * fontSize * GLYPH, height: fontSize * 1.25 };
+}
+/**
+ * The rim's radius for a box: the largest the web can be with every label
+ * (when there are labels) still inside it.
+ */
+export function fitRadius(box, categories, fontSize, labelled) {
+    let radius = Math.min(box.width, box.height) / 2 - MARGIN;
+    if (!labelled)
+        return Math.max(0, radius);
+    const pad = labelPad(fontSize);
+    const count = categories.length;
+    categories.forEach((caption, i) => {
+        const { x, y } = spokeDirection(i, count);
+        const size = labelSize(caption, fontSize);
+        const side = labelAnchor(i, count);
+        // How much of the label hangs past its anchor point on each axis.
+        const reachX = side === "centerLeft" || side === "centerRight" ? size.width : size.width / 2;
+        const reachY = side === "bottomCenter" || side === "topCenter" ? size.height : size.height / 2;
+        if (Math.abs(x) > 1e-6)
+            radius = Math.min(radius, (box.width / 2 - reachX - MARGIN / 2) / Math.abs(x) - pad);
+        if (Math.abs(y) > 1e-6)
+            radius = Math.min(radius, (box.height / 2 - reachY - MARGIN / 2) / Math.abs(y) - pad);
+    });
+    return Math.max(0, radius);
+}
+/** Where spoke `index`'s label is pinned: just past the rim, centre-relative, y up. */
+export function labelPoint(index, count, radius, fontSize) {
+    const { x, y } = spokeDirection(index, count);
+    const r = radius + labelPad(fontSize);
+    return { x: x * r, y: y * r };
+}
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/radar-chart/shared.ts"],"names":[],"mappings":"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","sourcesContent":["import { Types, type TextStyle, type DataRecord, type Size2D, type StrokeResolved, type Stroke as _Stroke, type Vector2 } from \"@motionscript/sdk\"\n\nimport { num, text, type ChartSeries } from \"../kit/shared\"\nimport { CHART_MUTED, LEGEND_TEXT } from \"../kit/style\"\n\n/** The radar chart's text: the category names around the rim, and the legend. */\nexport const RADAR_TEXT = {\n  spokeText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),\n  ...LEGEND_TEXT,\n}\n\nexport type GridShape = \"polygon\" | \"circle\"\n\n/** The radar chart's own grid group: the web the polygons are drawn over. */\nexport const RADAR_GRID = {\n  /** Whether the rings are straight-edged (a polygon through the spokes) or round. */\n  gridShape: Types.oneOf([\"polygon\", \"circle\"] as const),\n  /** How many rings, outermost at the scale's maximum. */\n  gridLevels: Types.number(4, { min: 1, max: 10, step: 1 }),\n  /** The rings; empty draws none. */\n  gridStroke: Types.stroke({ weight: 2, fill: \"white/15\" }),\n  /** The line from the centre out to each category; empty draws none. */\n  spokeStroke: Types.stroke({ weight: 2, fill: \"white/15\" }),\n  /** Read as the chart is built: whether the category names stand around the rim. */\n  spokeLabels: Types.boolean(true, { animatable: false }),\n}\n\nexport const RADAR_MARKS = {\n  /** Outline weight of each series' polygon. */\n  strokeWidth: Types.number(4, { min: 0, max: 24, step: 1, unit: \"px\" }),\n  /** How strongly each polygon is filled in its series colour; 0 leaves an outline. */\n  areaOpacity: Types.number(0.25, { min: 0, max: 1, step: 0.05 }),\n  /** Whether a dot marks each value on its spoke. */\n  dots: Types.boolean(true),\n  dotSize: Types.number(10, { min: 2, max: 40, step: 1, unit: \"px\" }),\n}\n\n/** The grid and marks fields the parts read, whichever way the chart's style is spelled. */\nexport interface RadarStyle {\n  readonly gridShape: GridShape\n  readonly gridLevels: number\n  readonly gridStroke: StrokeResolved[]\n  readonly spokeStroke: StrokeResolved[]\n  readonly spokeLabels: boolean\n  readonly strokeWidth: number\n  readonly areaOpacity: number\n  readonly dots: boolean\n  readonly dotSize: number\n  readonly spokeText: TextStyle\n}\n\n/** Fraction of the label's font size between the rim and the label. */\nconst LABEL_PAD = 0.55\n/** Glyph width as a fraction of the font size, for fitting labels. */\nconst GLYPH = 0.58\n/** Room kept clear around the web when nothing else claims it, in px. */\nconst MARGIN = 10\n/** Below this a spoke counts as vertical, and its label centres over it. */\nconst SIDE = 0.35\n\n/** Spoke `index` of `count`, as a unit direction: 12 o'clock first, clockwise on screen, y up. */\nexport function spokeDirection(index: number, count: number): Vector2 {\n  const angle = (index / Math.max(1, count)) * Math.PI * 2\n  return { x: Math.sin(angle), y: Math.cos(angle) }\n}\n\n/** One category per data row. */\nexport function categoriesOf(data: readonly DataRecord[], field: string): string[] {\n  return data.map((row) => text(row, field))\n}\n\n/** One list of values per series, a value per row. */\nexport function valuesOf(data: readonly DataRecord[], series: readonly ChartSeries[]): number[][] {\n  return series.map((s) => data.map((row) => num(row, s.field)))\n}\n\nconst MANTISSAS = [1, 1.2, 1.5, 2, 2.5, 3, 4, 5, 6, 8, 10]\n\n/** `value` rounded up to a tidy 1, 1.5, 2, 2.5, 3, 4, 5, 6, 8 times a power of ten. */\nexport function niceCeil(value: number): number {\n  if (!(value > 0)) return 1\n  const power = 10 ** Math.floor(Math.log10(value))\n  const mantissa = value / power\n  const pick = MANTISSAS.find((m) => m >= mantissa - 1e-9) ?? 10\n  return pick * power\n}\n\n/**\n * The scale the web is drawn to: `min` (default 0) to `max`, which when unset\n * (or not above `min`) is the largest value rounded up tidily.\n */\nexport function scaleOf(values: readonly (readonly number[])[], min: number, max: number): { min: number; max: number } {\n  if (max > min) return { min, max }\n  let top = min\n  for (const list of values) for (const v of list) top = Math.max(top, v)\n  const span = niceCeil(top - min)\n  return { min, max: min + span }\n}\n\n/** Where `value` stands between the scale's ends, `0`-`1`. */\nexport function fractionOf(value: number, scale: { min: number; max: number }): number {\n  const span = scale.max - scale.min\n  if (span <= 0) return 0\n  return Math.min(1, Math.max(0, (value - scale.min) / span))\n}\n\nexport type LabelAnchor = \"centerLeft\" | \"centerRight\" | \"bottomCenter\" | \"topCenter\"\n\n/** Which corner of a category's label touches the point beside its spoke's end. */\nexport function labelAnchor(index: number, count: number): LabelAnchor {\n  const { x, y } = spokeDirection(index, count)\n  if (x > SIDE) return \"centerLeft\"\n  if (x < -SIDE) return \"centerRight\"\n  return y >= 0 ? \"bottomCenter\" : \"topCenter\"\n}\n\nexport function labelPad(fontSize: number): number {\n  return fontSize * LABEL_PAD\n}\n\n/** Rough size of a label, since the web is fitted before any text is measured. */\nexport function labelSize(caption: string, fontSize: number): Size2D {\n  return { width: caption.length * fontSize * GLYPH, height: fontSize * 1.25 }\n}\n\n/**\n * The rim's radius for a box: the largest the web can be with every label\n * (when there are labels) still inside it.\n */\nexport function fitRadius(box: Size2D, categories: readonly string[], fontSize: number, labelled: boolean): number {\n  let radius = Math.min(box.width, box.height) / 2 - MARGIN\n  if (!labelled) return Math.max(0, radius)\n  const pad = labelPad(fontSize)\n  const count = categories.length\n  categories.forEach((caption, i) => {\n    const { x, y } = spokeDirection(i, count)\n    const size = labelSize(caption, fontSize)\n    const side = labelAnchor(i, count)\n    // How much of the label hangs past its anchor point on each axis.\n    const reachX = side === \"centerLeft\" || side === \"centerRight\" ? size.width : size.width / 2\n    const reachY = side === \"bottomCenter\" || side === \"topCenter\" ? size.height : size.height / 2\n    if (Math.abs(x) > 1e-6) radius = Math.min(radius, (box.width / 2 - reachX - MARGIN / 2) / Math.abs(x) - pad)\n    if (Math.abs(y) > 1e-6) radius = Math.min(radius, (box.height / 2 - reachY - MARGIN / 2) / Math.abs(y) - pad)\n  })\n  return Math.max(0, radius)\n}\n\n/** Where spoke `index`'s label is pinned: just past the rim, centre-relative, y up. */\nexport function labelPoint(index: number, count: number, radius: number, fontSize: number): Vector2 {\n  const { x, y } = spokeDirection(index, count)\n  const r = radius + labelPad(fontSize)\n  return { x: x * r, y: y * r }\n}\n"]}

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

@@ -0,0 +1,6 @@
+export { RadialChart } from "./radial-chart.js";
+export type { RadialChartValues } from "./radial-chart.js";
+export { RadialRings, RadialGeometry, bandPath } from "./radial-rings.js";
+export { RADIAL_STYLE_GROUPS, radialFractions, radialMax, resolveRadialRows, rowValue } from "./shared.js";
+export type { RadialMarks, RadialRow, RadialStyle } from "./shared.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radial-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACvG,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/radial-chart/index.js

@@ -0,0 +1,4 @@
+export { RadialChart } from "./radial-chart.js";
+export { RadialRings, RadialGeometry, bandPath } from "./radial-rings.js";
+export { RADIAL_STYLE_GROUPS, radialFractions, radialMax, resolveRadialRows, rowValue } from "./shared.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/radial-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA","sourcesContent":["export { RadialChart } from \"./radial-chart\"\nexport type { RadialChartValues } from \"./radial-chart\"\nexport { RadialRings, RadialGeometry, bandPath } from \"./radial-rings\"\nexport { RADIAL_STYLE_GROUPS, radialFractions, radialMax, resolveRadialRows, rowValue } from \"./shared\"\nexport type { RadialMarks, RadialRow, RadialStyle } from \"./shared\"\n"]}

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

@@ -0,0 +1,210 @@
+import { type DataRecord, type NodeOf, type Node2D, type Node2DProps as _Node2DProps, type TextStyle as _TextStyle, type Fill as _Fill, type FillResolved as _FillResolved } from "@motionscript/sdk";
+import { type RadialStyle } from "./shared.js";
+export interface RadialChartValues {
+    readonly data: DataRecord[];
+    readonly categoryField: string;
+    readonly valueField: string;
+    readonly max: number;
+    readonly style: RadialStyle;
+    readonly pops: number[];
+}
+/**
+ * A radial bar chart: one concentric ring per row, the first row outermost,
+ * each an arc from `startAngle` sweeping `value / max` of `sweep` degrees.
+ * Rows are the marks and none can be hidden; `selectRing` thickens a ring and
+ * dims the rest.
+ */
+export declare const RadialChart: import("@motionscript/sdk").Component<"radialChart", import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly data: import("@motionscript/sdk").Type<DataRecord[], DataRecord[], false>;
+    /** Ring caption, used on the ring labels and the legend. */
+    readonly categoryField: "";
+    /** Ring magnitude: the arc's share of the full sweep. */
+    readonly valueField: "";
+    /** The value a full sweep stands for. 0 lets the largest value fill its ring. */
+    readonly max: import("@motionscript/sdk").Type<number, number, false>;
+    readonly style: import("@motionscript/sdk").Type<import("@motionscript/sdk").StyleInput<{
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        labelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        centerText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
+        innerRadius: import("@motionscript/sdk").Type<number, number, false>;
+        ringGap: import("@motionscript/sdk").Type<number, number, false>;
+        sweep: import("@motionscript/sdk").Type<number, number, false>;
+        startAngle: import("@motionscript/sdk").Type<number, number, false>;
+        track: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        roundCaps: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    }>, import("@motionscript/sdk").StyleValues<{
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        labelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        centerText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
+        innerRadius: import("@motionscript/sdk").Type<number, number, false>;
+        ringGap: import("@motionscript/sdk").Type<number, number, false>;
+        sweep: import("@motionscript/sdk").Type<number, number, false>;
+        startAngle: import("@motionscript/sdk").Type<number, number, false>;
+        track: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        roundCaps: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    }>, false>;
+    /** Gap between the rings and the legend, in px. */
+    readonly gap: 40;
+    /** Text set in the centre hole. */
+    readonly centerLabel: "";
+    /** Smaller second line under `centerLabel`. */
+    readonly centerCaption: "";
+    /** How far each ring is emphasised, `0`-`1` per index. Here because the rings and the legend both read it. */
+    readonly pops: import("@motionscript/sdk").Type<number[], number[], false>;
+    /** Read as the chart is built: whether the centre summary is drawn at rest. A scene that wants it to land later sets `false` and runs `revealCenter`. */
+    readonly showCenter: import("@motionscript/sdk").Type<boolean, boolean, false>;
+}>, {
+    readonly enter: {};
+    readonly revealCenter: {};
+    readonly selectRing: {
+        readonly ringIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly clearSelection: {};
+}, readonly [], Node2D<_Node2DProps>, import("@motionscript/sdk").CallProps<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly data: import("@motionscript/sdk").Type<DataRecord[], DataRecord[], false>;
+    /** Ring caption, used on the ring labels and the legend. */
+    readonly categoryField: "";
+    /** Ring magnitude: the arc's share of the full sweep. */
+    readonly valueField: "";
+    /** The value a full sweep stands for. 0 lets the largest value fill its ring. */
+    readonly max: import("@motionscript/sdk").Type<number, number, false>;
+    readonly style: import("@motionscript/sdk").Type<import("@motionscript/sdk").StyleInput<{
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        labelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        centerText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
+        innerRadius: import("@motionscript/sdk").Type<number, number, false>;
+        ringGap: import("@motionscript/sdk").Type<number, number, false>;
+        sweep: import("@motionscript/sdk").Type<number, number, false>;
+        startAngle: import("@motionscript/sdk").Type<number, number, false>;
+        track: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        roundCaps: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    }>, import("@motionscript/sdk").StyleValues<{
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        labelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        centerText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
+        innerRadius: import("@motionscript/sdk").Type<number, number, false>;
+        ringGap: import("@motionscript/sdk").Type<number, number, false>;
+        sweep: import("@motionscript/sdk").Type<number, number, false>;
+        startAngle: import("@motionscript/sdk").Type<number, number, false>;
+        track: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        roundCaps: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    }>, false>;
+    /** Gap between the rings and the legend, in px. */
+    readonly gap: 40;
+    /** Text set in the centre hole. */
+    readonly centerLabel: "";
+    /** Smaller second line under `centerLabel`. */
+    readonly centerCaption: "";
+    /** How far each ring is emphasised, `0`-`1` per index. Here because the rings and the legend both read it. */
+    readonly pops: import("@motionscript/sdk").Type<number[], number[], false>;
+    /** Read as the chart is built: whether the centre summary is drawn at rest. A scene that wants it to land later sets `false` and runs `revealCenter`. */
+    readonly showCenter: import("@motionscript/sdk").Type<boolean, boolean, false>;
+}>, readonly [], import("@motionscript/sdk").BuiltNode<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly data: import("@motionscript/sdk").Type<DataRecord[], DataRecord[], false>;
+    /** Ring caption, used on the ring labels and the legend. */
+    readonly categoryField: "";
+    /** Ring magnitude: the arc's share of the full sweep. */
+    readonly valueField: "";
+    /** The value a full sweep stands for. 0 lets the largest value fill its ring. */
+    readonly max: import("@motionscript/sdk").Type<number, number, false>;
+    readonly style: import("@motionscript/sdk").Type<import("@motionscript/sdk").StyleInput<{
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        labelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        centerText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
+        innerRadius: import("@motionscript/sdk").Type<number, number, false>;
+        ringGap: import("@motionscript/sdk").Type<number, number, false>;
+        sweep: import("@motionscript/sdk").Type<number, number, false>;
+        startAngle: import("@motionscript/sdk").Type<number, number, false>;
+        track: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        roundCaps: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    }>, import("@motionscript/sdk").StyleValues<{
+        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>;
+    } & {
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        labelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        centerText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
+        innerRadius: import("@motionscript/sdk").Type<number, number, false>;
+        ringGap: import("@motionscript/sdk").Type<number, number, false>;
+        sweep: import("@motionscript/sdk").Type<number, number, false>;
+        startAngle: import("@motionscript/sdk").Type<number, number, false>;
+        track: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        roundCaps: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    } & {
+        ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    }>, false>;
+    /** Gap between the rings and the legend, in px. */
+    readonly gap: 40;
+    /** Text set in the centre hole. */
+    readonly centerLabel: "";
+    /** Smaller second line under `centerLabel`. */
+    readonly centerCaption: "";
+    /** How far each ring is emphasised, `0`-`1` per index. Here because the rings and the legend both read it. */
+    readonly pops: import("@motionscript/sdk").Type<number[], number[], false>;
+    /** Read as the chart is built: whether the centre summary is drawn at rest. A scene that wants it to land later sets `false` and runs `revealCenter`. */
+    readonly showCenter: import("@motionscript/sdk").Type<boolean, boolean, false>;
+}>, {
+    readonly enter: {};
+    readonly revealCenter: {};
+    readonly selectRing: {
+        readonly ringIndex: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly clearSelection: {};
+}, Node2D<_Node2DProps>>>>;
+export type RadialChart = NodeOf<typeof RadialChart>;
+//# sourceMappingURL=radial-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radial-chart.d.ts","sourceRoot":"","sources":["../../src/radial-chart/radial-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,EACnC,MAAM,mBAAmB,CAAA;AAQ1B,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,CAAA;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,CAAA;CACxB;AAwCD;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;IAIpB,4DAA4D;;IAE5D,yDAAyD;;IAEzD,iFAAiF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGjF,mDAAmD;;IAEnD,mCAAmC;;IAEnC,+CAA+C;;IAE/C,8GAA8G;;IAE9G,yJAAyJ;;;;;;;;;;;IAfzJ,4DAA4D;;IAE5D,yDAAyD;;IAEzD,iFAAiF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGjF,mDAAmD;;IAEnD,mCAAmC;;IAEnC,+CAA+C;;IAE/C,8GAA8G;;IAE9G,yJAAyJ;;;;IAfzJ,4DAA4D;;IAE5D,yDAAyD;;IAEzD,iFAAiF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGjF,mDAAmD;;IAEnD,mCAAmC;;IAEnC,+CAA+C;;IAE/C,8GAA8G;;IAE9G,yJAAyJ;;;;;;;;;0BAuG3J,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,WAAW,CAAC,CAAA"}