@motionscript/charts 0.1.0 → 0.1.1-alpha.1

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

@@ -0,0 +1,121 @@
+import { PathBuilder, type NodeOf, type Node2D, type Node2DProps as _Node2DProps, type Fill as _Fill, type FillResolved as _FillResolved, type TextStyle, type Vector2 } from "@motionscript/sdk";
+import { type CenterConfig } from "../kit/polar.js";
+import { type RadialMarks, type RadialRow } from "./shared.js";
+interface RingsState {
+    readonly rows: RadialRow[];
+    readonly max: number;
+    readonly marks: RadialMarks;
+    readonly label: TextStyle;
+    readonly centerStyle: CenterConfig;
+    readonly ringLabels: boolean;
+    readonly pops: readonly number[];
+    readonly dimOpacity: number;
+    readonly centerLabel: string;
+    readonly centerCaption: string;
+}
+/** Every radius and angle for one box, derived wherever read so the drawing and the labels cannot disagree. */
+export declare class RadialGeometry {
+    private readonly s;
+    private readonly box;
+    constructor(s: RingsState, box: {
+        readonly width: number;
+        readonly height: number;
+    });
+    get count(): number;
+    get outerRadius(): number;
+    get holeRadius(): number;
+    /** Radial depth of one ring. */
+    get thickness(): number;
+    /** Rim of ring `index`; ring 0 is the outermost. */
+    ringOuter(index: number): number;
+    ringMid(index: number): number;
+    get fractions(): number[];
+    get startRad(): number;
+    get sweepRad(): number;
+    popOf(index: number): number;
+    get selectionStrength(): number;
+    ringOpacity(index: number): number;
+    /** How far ring `index`'s sweep has come at entrance progress `growth`: rings start in turn, outer first. */
+    progress(index: number, growth: number): number;
+    get labelFont(): number;
+    /** Where ring `index`'s caption is pinned: just behind its start, reading away from the sweep. */
+    labelAnchor(index: number): {
+        at: Vector2;
+        side: 1 | -1;
+    };
+    get centerFont(): number;
+}
+/**
+ * An arc band between `rIn` and `rOut` over `a0`..`a1` (radians clockwise from
+ * 12 o'clock), the ends squared or capped with half circles. A band shorter
+ * than its caps is two overlapping caps, which fill as a pill.
+ */
+export declare function bandPath(a0: number, a1: number, rIn: number, rOut: number, round: boolean): PathBuilder;
+/**
+ * The rings: row `i` is the `i`-th ring from the outside, an arc from
+ * `startAngle` whose sweep is `value / max` of the full sweep, over an
+ * optional full-sweep track. A selected ring thickens and the rest dims.
+ */
+export declare const RadialRings: import("@motionscript/sdk").Component<"radialRings", import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly rows: import("@motionscript/sdk").Type<import("../index.js").PieSlice[], import("../index.js").PieSlice[], false>;
+    readonly max: 0;
+    readonly marks: import("@motionscript/sdk").Type<RadialMarks, RadialMarks, false>;
+    readonly label: import("@motionscript/sdk").Type<TextStyle, TextStyle, false>;
+    readonly centerStyle: import("@motionscript/sdk").Type<CenterConfig, CenterConfig, false>;
+    /** The empty-ring colour drawn under each arc. */
+    readonly trackFill: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    readonly ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    /** Entrance progress `[0, 1]`: rings sweep in turn. */
+    readonly growth: 1;
+    readonly labelReveal: 1;
+    readonly pops: import("@motionscript/sdk").Type<number[], number[], false>;
+    readonly dimOpacity: 0.25;
+    readonly centerLabel: "";
+    readonly centerCaption: "";
+    readonly centerReveal: 1;
+}>, {
+    readonly sweep: unknown;
+    readonly revealLabels: unknown;
+    readonly revealCenter: unknown;
+}, null, Node2D<_Node2DProps>, import("@motionscript/sdk").CallProps<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly rows: import("@motionscript/sdk").Type<import("../index.js").PieSlice[], import("../index.js").PieSlice[], false>;
+    readonly max: 0;
+    readonly marks: import("@motionscript/sdk").Type<RadialMarks, RadialMarks, false>;
+    readonly label: import("@motionscript/sdk").Type<TextStyle, TextStyle, false>;
+    readonly centerStyle: import("@motionscript/sdk").Type<CenterConfig, CenterConfig, false>;
+    /** The empty-ring colour drawn under each arc. */
+    readonly trackFill: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    readonly ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    /** Entrance progress `[0, 1]`: rings sweep in turn. */
+    readonly growth: 1;
+    readonly labelReveal: 1;
+    readonly pops: import("@motionscript/sdk").Type<number[], number[], false>;
+    readonly dimOpacity: 0.25;
+    readonly centerLabel: "";
+    readonly centerCaption: "";
+    readonly centerReveal: 1;
+}>, null, import("@motionscript/sdk").BuiltNode<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly rows: import("@motionscript/sdk").Type<import("../index.js").PieSlice[], import("../index.js").PieSlice[], false>;
+    readonly max: 0;
+    readonly marks: import("@motionscript/sdk").Type<RadialMarks, RadialMarks, false>;
+    readonly label: import("@motionscript/sdk").Type<TextStyle, TextStyle, false>;
+    readonly centerStyle: import("@motionscript/sdk").Type<CenterConfig, CenterConfig, false>;
+    /** The empty-ring colour drawn under each arc. */
+    readonly trackFill: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    readonly ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    /** Entrance progress `[0, 1]`: rings sweep in turn. */
+    readonly growth: 1;
+    readonly labelReveal: 1;
+    readonly pops: import("@motionscript/sdk").Type<number[], number[], false>;
+    readonly dimOpacity: 0.25;
+    readonly centerLabel: "";
+    readonly centerCaption: "";
+    readonly centerReveal: 1;
+}>, {
+    readonly sweep: unknown;
+    readonly revealLabels: unknown;
+    readonly revealCenter: unknown;
+}, Node2D<_Node2DProps>>>>;
+export type RadialRings = NodeOf<typeof RadialRings>;
+export {};
+//# sourceMappingURL=radial-rings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radial-rings.d.ts","sourceRoot":"","sources":["../../src/radial-chart/radial-rings.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAQX,KAAK,MAAM,EAEX,KAAK,MAAM,EACX,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,IAAI,IAAI,KAAK,EAClB,KAAK,YAAY,IAAI,aAAa,EAClC,KAAK,SAAS,EACd,KAAK,OAAO,EACb,MAAM,mBAAmB,CAAA;AAK1B,OAAO,EAA4C,KAAK,YAAY,EAAE,MAAM,cAAc,CAAA;AAC1F,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAA;AAoB5E,UAAU,UAAU;IAClB,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,CAAA;IAC1B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAA;IAClC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;CAC/B;AAMD,+GAA+G;AAC/G,qBAAa,cAAc;IAEvB,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClB,OAAO,CAAC,QAAQ,CAAC,GAAG;gBADH,CAAC,EAAE,UAAU,EACb,GAAG,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAG3E,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,gCAAgC;IAChC,IAAI,SAAS,IAAI,MAAM,CAItB;IAED,oDAAoD;IACpD,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIhC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI9B,IAAI,SAAS,IAAI,MAAM,EAAE,CAExB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI5B,IAAI,iBAAiB,IAAI,MAAM,CAI9B;IAED,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,6GAA6G;IAC7G,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM;IAK/C,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,kGAAkG;IAClG,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG;QAAE,EAAE,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;KAAE;IAQzD,IAAI,UAAU,IAAI,MAAM,CAQvB;CACF;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,WAAW,CAiCvG;AA8DD;;;;GAIG;AACH,eAAO,MAAM,WAAW;;;;;;IAQpB,kDAAkD;;;IAGlD,uDAAuD;;;;;;;;;;;;;;;;;;IAHvD,kDAAkD;;;IAGlD,uDAAuD;;;;;;;;;;;;;;IAHvD,kDAAkD;;;IAGlD,uDAAuD;;;;;;;;;;;;0BAyDzD,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,WAAW,CAAC,CAAA"}

package/dist/radial-chart/radial-rings.js

@@ -0,0 +1,273 @@
+import { Graphics2D, PathBuilder, Rect, Text, Types, clamp, component2d, fillOps, textOps, } from "@motionscript/sdk";
+import { asParts, fresh } from "../kit/entries.js";
+import { frameEase } from "../kit/motion.js";
+import { loadPaints } from "../kit/paints.js";
+import { DEG, ringFills, ringPoint, selectionFade } from "../kit/polar.js";
+import { radialFractions } from "./shared.js";
+/** Share of the entrance one ring's sweep starts after the last. */
+const STAGGER = 0.12;
+/** A selected ring's thickness grows by this share of itself, on each side. */
+const GROW = 0.12;
+const ARC_STEP = 4 * DEG;
+const LABEL_PAD = 10;
+const CENTER_FIT = 0.78;
+const GLYPH_RATIO = 0.62;
+/** How far the radius is held in from the box, for the sake of a ring's growth. */
+const EDGE = 4;
+const DEFAULT_MARKS = { innerRadius: 0.3, ringGap: 8, sweep: 360, startAngle: 0, track: true, roundCaps: true };
+const DEFAULT_LABEL = { fontSize: 28, fontWeight: 500, textAlign: "center", fill: "#a1a1aa" };
+const DEFAULT_CENTER = {
+    labelStyle: { fontSize: 50, fontWeight: 800, textAlign: "center", fill: "#f4f4f5" },
+    captionStyle: { fontSize: 22, fontWeight: 500, textAlign: "center", fill: "#a1a1aa" },
+};
+function sizeOf(style, fallback) {
+    return typeof style.fontSize === "number" ? style.fontSize : fallback;
+}
+/** Every radius and angle for one box, derived wherever read so the drawing and the labels cannot disagree. */
+export class RadialGeometry {
+    s;
+    box;
+    constructor(s, box) {
+        this.s = s;
+        this.box = box;
+    }
+    get count() {
+        return this.s.rows.length;
+    }
+    get outerRadius() {
+        return Math.max(0, Math.min(this.box.width, this.box.height) / 2 - EDGE);
+    }
+    get holeRadius() {
+        return clamp(this.s.marks.innerRadius, 0, 0.9) * this.outerRadius;
+    }
+    /** Radial depth of one ring. */
+    get thickness() {
+        const n = this.count;
+        if (n === 0)
+            return 0;
+        return Math.max(0, (this.outerRadius - this.holeRadius - (n - 1) * Math.max(0, this.s.marks.ringGap)) / n);
+    }
+    /** Rim of ring `index`; ring 0 is the outermost. */
+    ringOuter(index) {
+        return this.outerRadius - index * (this.thickness + Math.max(0, this.s.marks.ringGap));
+    }
+    ringMid(index) {
+        return this.ringOuter(index) - this.thickness / 2;
+    }
+    get fractions() {
+        return radialFractions(this.s.rows, this.s.max);
+    }
+    get startRad() {
+        return this.s.marks.startAngle * DEG;
+    }
+    get sweepRad() {
+        return clamp(this.s.marks.sweep, 0, 360) * DEG;
+    }
+    popOf(index) {
+        return clamp(this.s.pops[index] ?? 0, 0, 1);
+    }
+    get selectionStrength() {
+        let strongest = 0;
+        for (let i = 0; i < this.count; i++)
+            strongest = Math.max(strongest, this.popOf(i));
+        return strongest;
+    }
+    ringOpacity(index) {
+        return selectionFade(this.selectionStrength, this.s.dimOpacity, this.popOf(index));
+    }
+    /** How far ring `index`'s sweep has come at entrance progress `growth`: rings start in turn, outer first. */
+    progress(index, growth) {
+        const total = 1 + STAGGER * Math.max(0, this.count - 1);
+        return clamp(growth * total - index * STAGGER, 0, 1);
+    }
+    get labelFont() {
+        return Math.max(1, Math.min(sizeOf(this.s.label, 28), this.thickness * 0.62));
+    }
+    /** Where ring `index`'s caption is pinned: just behind its start, reading away from the sweep. */
+    labelAnchor(index) {
+        const a = this.startRad;
+        const back = { x: -Math.cos(a), y: Math.sin(a) };
+        const p = ringPoint(this.ringMid(index), a);
+        const side = back.x <= 0 ? -1 : 1;
+        return { at: { x: p.x + back.x * LABEL_PAD, y: p.y + back.y * LABEL_PAD }, side };
+    }
+    get centerFont() {
+        const { centerStyle, centerLabel, centerCaption } = this.s;
+        const wanted = sizeOf(centerStyle.labelStyle, 50);
+        const hole = this.holeRadius;
+        if (hole <= 0)
+            return wanted;
+        const ratio = sizeOf(centerStyle.captionStyle, 22) / Math.max(1, wanted);
+        const glyphs = Math.max(1, centerLabel.length, centerCaption.length * ratio);
+        return Math.min(wanted, (hole * 2 * CENTER_FIT) / (glyphs * GLYPH_RATIO));
+    }
+}
+/**
+ * An arc band between `rIn` and `rOut` over `a0`..`a1` (radians clockwise from
+ * 12 o'clock), the ends squared or capped with half circles. A band shorter
+ * than its caps is two overlapping caps, which fill as a pill.
+ */
+export function bandPath(a0, a1, rIn, rOut, round) {
+    const path = new PathBuilder();
+    const mid = (rIn + rOut) / 2;
+    const cap = (rOut - rIn) / 2;
+    const delta = round && mid > 0 ? Math.min(cap / mid, (a1 - a0) / 2) : 0;
+    const from = a0 + delta;
+    const to = a1 - delta;
+    const steps = Math.max(2, Math.ceil(Math.abs(to - from) / ARC_STEP));
+    const arc = (r, x, y, first) => {
+        for (let i = 0; i <= steps; i++) {
+            const p = ringPoint(r, x + ((y - x) * i) / steps);
+            if (first && i === 0)
+                path.moveTo(p.x, p.y);
+            else
+                path.lineTo(p.x, p.y);
+        }
+    };
+    // The end at `angle` rounded through a tip `direction` along the sweep.
+    const semicircle = (angle, direction, fromOuter) => {
+        const centre = ringPoint(mid, angle);
+        const radial = { x: Math.sin(angle), y: Math.cos(angle) };
+        const tangent = { x: Math.cos(angle) * direction, y: -Math.sin(angle) * direction };
+        const turns = 12;
+        for (let i = 1; i < turns; i++) {
+            const phi = (Math.PI * i) / turns;
+            const r = fromOuter ? Math.cos(phi) : -Math.cos(phi);
+            path.lineTo(centre.x + cap * (radial.x * r + tangent.x * Math.sin(phi)), centre.y + cap * (radial.y * r + tangent.y * Math.sin(phi)));
+        }
+    };
+    arc(rOut, from, to, true);
+    if (round)
+        semicircle(to, 1, true);
+    arc(rIn, to, from, false);
+    if (round)
+        semicircle(from, -1, false);
+    path.close();
+    return path;
+}
+const NO_BOX = { width: 0, height: 0 };
+function labelBlocks(s) {
+    const blocks = [];
+    const geometry = () => new RadialGeometry(s, blocks[0]?.parent?.layoutBounds ?? NO_BOX);
+    const side = geometry().labelAnchor(0).side;
+    s.rows.forEach((_, index) => {
+        const anchor = () => geometry().labelAnchor(index).at;
+        blocks.push(new Rect({
+            flow: "vertical",
+            width: "hug",
+            height: "hug",
+            align: side > 0 ? "centerLeft" : "centerRight",
+            opacity: () => (s.ringLabels ? clamp(s.labelReveal, 0, 1) * geometry().ringOpacity(index) : 0),
+            centerLeft: side > 0 ? anchor : undefined,
+            centerRight: side > 0 ? undefined : anchor,
+            children: [
+                new Text({
+                    ...textOps.styleProps(s.label),
+                    text: () => s.rows[index]?.category ?? "",
+                    textAlign: side > 0 ? "left" : "right",
+                    fontSize: () => geometry().labelFont,
+                }),
+            ],
+        }));
+    });
+    if (s.centerLabel !== "" || s.centerCaption !== "") {
+        const children = [];
+        if (s.centerLabel !== "") {
+            children.push(new Text({ ...textOps.styleProps(s.centerStyle.labelStyle), text: s.centerLabel, fontSize: () => geometry().centerFont }));
+        }
+        if (s.centerCaption !== "") {
+            children.push(new Text({
+                ...textOps.styleProps(s.centerStyle.captionStyle),
+                text: s.centerCaption,
+                fontSize: () => geometry().centerFont * (sizeOf(s.centerStyle.captionStyle, 22) / sizeOf(s.centerStyle.labelStyle, 50)),
+            }));
+        }
+        blocks.push(new Rect({
+            flow: "vertical",
+            width: "hug",
+            height: "hug",
+            gap: 2,
+            align: "center",
+            opacity: () => clamp(s.centerReveal, 0, 1),
+            center: { x: 0, y: 0 },
+            children,
+        }));
+    }
+    return asParts(blocks);
+}
+/**
+ * The rings: row `i` is the `i`-th ring from the outside, an arc from
+ * `startAngle` whose sweep is `value / max` of the full sweep, over an
+ * optional full-sweep track. A selected ring thickens and the rest dims.
+ */
+export const RadialRings = component2d({
+    key: "radialRings",
+    state: {
+        rows: fresh(() => []),
+        max: 0,
+        marks: Types.custom(DEFAULT_MARKS),
+        label: Types.custom(DEFAULT_LABEL),
+        centerStyle: Types.custom(DEFAULT_CENTER),
+        /** The empty-ring colour drawn under each arc. */
+        trackFill: Types.fill("white/15"),
+        ringLabels: Types.boolean(false),
+        /** Entrance progress `[0, 1]`: rings sweep in turn. */
+        growth: 1,
+        labelReveal: 1,
+        pops: fresh(() => []),
+        dimOpacity: 0.25,
+        centerLabel: "",
+        centerCaption: "",
+        centerReveal: 1,
+    },
+    defaults: { width: "fill", height: "fill" },
+    children: (state) => labelBlocks(state),
+    load: (loader, state) => loadPaints(loader, { fills: [...ringFills(state.rows), fillOps.resolve(state.trackFill)] }),
+    commands: {
+        /** Sweep the rings in, outer first. */
+        sweep: (timeline) => {
+            const ease = frameEase(timeline);
+            return timeline.animate((t) => ({ growth: ease(t) }));
+        },
+        /** Fade the ring captions up. */
+        revealLabels: (timeline) => {
+            const ease = frameEase(timeline);
+            return timeline.animate((t) => ({ labelReveal: ease(t) }));
+        },
+        /** Fade the centre summary up. */
+        revealCenter: (timeline, state) => {
+            const ease = frameEase(timeline);
+            const from = clamp(state.centerReveal, 0, 1);
+            return timeline.animate((t) => ({ centerReveal: from + (1 - from) * ease(t) }));
+        },
+    },
+    render: (ctx, state) => {
+        const g = new RadialGeometry(state, ctx.size);
+        const thickness = g.thickness;
+        if (g.outerRadius > 0 && g.count > 0 && thickness > 0) {
+            const half = g.outerRadius + EDGE + 1;
+            const frame = { centerBounds: [-half, -half, half, half], width: half * 2, height: half * 2 };
+            const fills = ringFills(state.rows);
+            const fractions = g.fractions;
+            const a0 = g.startRad;
+            const round = state.marks.roundCaps;
+            // Selected rings last, so a thickened ring is never under its neighbour.
+            const order = [...state.rows.keys()].sort((a, b) => g.popOf(a) - g.popOf(b));
+            for (const i of order) {
+                const grow = thickness * GROW * g.popOf(i);
+                const rOut = g.ringOuter(i) + grow;
+                const rIn = g.ringOuter(i) - thickness - grow;
+                const opacity = g.ringOpacity(i);
+                if (state.marks.track && g.sweepRad > 0) {
+                    ctx.draw(new Graphics2D().path(bandPath(a0, a0 + g.sweepRad, rIn, rOut, round).toPathState(frame)).fill(state.trackFill).opacity(opacity));
+                }
+                const span = g.sweepRad * fractions[i] * g.progress(i, state.growth);
+                if (span <= 1e-4)
+                    continue;
+                ctx.draw(new Graphics2D().path(bandPath(a0, a0 + span, rIn, rOut, round).toPathState(frame)).fill(fills[i] ?? []).opacity(opacity));
+            }
+        }
+        ctx.children();
+    },
+});
+//# sourceMappingURL=radial-rings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radial-rings.js","sourceRoot":"","sources":["../../src/radial-chart/radial-rings.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Graphics2D,\n  PathBuilder,\n  Rect,\n  Text,\n  Types,\n  clamp,\n  component2d,\n  fillOps,\n  textOps,\n  type NodeOf,\n  // Named so this component's emitted type reaches `Node2D` and its props through the sdk, not core.\n  type Node2D,\n  type Node2DProps as _Node2DProps,\n  type Fill as _Fill,\n  type FillResolved as _FillResolved,\n  type TextStyle,\n  type Vector2,\n} from \"@motionscript/sdk\"\n\nimport { asParts, fresh } from \"../kit/entries\"\nimport { frameEase } from \"../kit/motion\"\nimport { loadPaints } from \"../kit/paints\"\nimport { DEG, ringFills, ringPoint, selectionFade, type CenterConfig } from \"../kit/polar\"\nimport { radialFractions, type RadialMarks, type RadialRow } from \"./shared\"\n\n/** Share of the entrance one ring's sweep starts after the last. */\nconst STAGGER = 0.12\n/** A selected ring's thickness grows by this share of itself, on each side. */\nconst GROW = 0.12\nconst ARC_STEP = 4 * DEG\nconst LABEL_PAD = 10\nconst CENTER_FIT = 0.78\nconst GLYPH_RATIO = 0.62\n/** How far the radius is held in from the box, for the sake of a ring's growth. */\nconst EDGE = 4\n\nconst DEFAULT_MARKS: RadialMarks = { innerRadius: 0.3, ringGap: 8, sweep: 360, startAngle: 0, track: true, roundCaps: true }\nconst DEFAULT_LABEL: TextStyle = { fontSize: 28, fontWeight: 500, textAlign: \"center\", fill: \"#a1a1aa\" }\nconst DEFAULT_CENTER: CenterConfig = {\n  labelStyle: { fontSize: 50, fontWeight: 800, textAlign: \"center\", fill: \"#f4f4f5\" },\n  captionStyle: { fontSize: 22, fontWeight: 500, textAlign: \"center\", fill: \"#a1a1aa\" },\n}\n\ninterface RingsState {\n  readonly rows: RadialRow[]\n  readonly max: number\n  readonly marks: RadialMarks\n  readonly label: TextStyle\n  readonly centerStyle: CenterConfig\n  readonly ringLabels: boolean\n  readonly pops: readonly number[]\n  readonly dimOpacity: number\n  readonly centerLabel: string\n  readonly centerCaption: string\n}\n\nfunction sizeOf(style: TextStyle, fallback: number): number {\n  return typeof style.fontSize === \"number\" ? style.fontSize : fallback\n}\n\n/** Every radius and angle for one box, derived wherever read so the drawing and the labels cannot disagree. */\nexport class RadialGeometry {\n  constructor(\n    private readonly s: RingsState,\n    private readonly box: { readonly width: number; readonly height: number }\n  ) {}\n\n  get count(): number {\n    return this.s.rows.length\n  }\n\n  get outerRadius(): number {\n    return Math.max(0, Math.min(this.box.width, this.box.height) / 2 - EDGE)\n  }\n\n  get holeRadius(): number {\n    return clamp(this.s.marks.innerRadius, 0, 0.9) * this.outerRadius\n  }\n\n  /** Radial depth of one ring. */\n  get thickness(): number {\n    const n = this.count\n    if (n === 0) return 0\n    return Math.max(0, (this.outerRadius - this.holeRadius - (n - 1) * Math.max(0, this.s.marks.ringGap)) / n)\n  }\n\n  /** Rim of ring `index`; ring 0 is the outermost. */\n  ringOuter(index: number): number {\n    return this.outerRadius - index * (this.thickness + Math.max(0, this.s.marks.ringGap))\n  }\n\n  ringMid(index: number): number {\n    return this.ringOuter(index) - this.thickness / 2\n  }\n\n  get fractions(): number[] {\n    return radialFractions(this.s.rows, this.s.max)\n  }\n\n  get startRad(): number {\n    return this.s.marks.startAngle * DEG\n  }\n\n  get sweepRad(): number {\n    return clamp(this.s.marks.sweep, 0, 360) * DEG\n  }\n\n  popOf(index: number): number {\n    return clamp(this.s.pops[index] ?? 0, 0, 1)\n  }\n\n  get selectionStrength(): number {\n    let strongest = 0\n    for (let i = 0; i < this.count; i++) strongest = Math.max(strongest, this.popOf(i))\n    return strongest\n  }\n\n  ringOpacity(index: number): number {\n    return selectionFade(this.selectionStrength, this.s.dimOpacity, this.popOf(index))\n  }\n\n  /** How far ring `index`'s sweep has come at entrance progress `growth`: rings start in turn, outer first. */\n  progress(index: number, growth: number): number {\n    const total = 1 + STAGGER * Math.max(0, this.count - 1)\n    return clamp(growth * total - index * STAGGER, 0, 1)\n  }\n\n  get labelFont(): number {\n    return Math.max(1, Math.min(sizeOf(this.s.label, 28), this.thickness * 0.62))\n  }\n\n  /** Where ring `index`'s caption is pinned: just behind its start, reading away from the sweep. */\n  labelAnchor(index: number): { at: Vector2; side: 1 | -1 } {\n    const a = this.startRad\n    const back = { x: -Math.cos(a), y: Math.sin(a) }\n    const p = ringPoint(this.ringMid(index), a)\n    const side: 1 | -1 = back.x <= 0 ? -1 : 1\n    return { at: { x: p.x + back.x * LABEL_PAD, y: p.y + back.y * LABEL_PAD }, side }\n  }\n\n  get centerFont(): number {\n    const { centerStyle, centerLabel, centerCaption } = this.s\n    const wanted = sizeOf(centerStyle.labelStyle, 50)\n    const hole = this.holeRadius\n    if (hole <= 0) return wanted\n    const ratio = sizeOf(centerStyle.captionStyle, 22) / Math.max(1, wanted)\n    const glyphs = Math.max(1, centerLabel.length, centerCaption.length * ratio)\n    return Math.min(wanted, (hole * 2 * CENTER_FIT) / (glyphs * GLYPH_RATIO))\n  }\n}\n\n/**\n * An arc band between `rIn` and `rOut` over `a0`..`a1` (radians clockwise from\n * 12 o'clock), the ends squared or capped with half circles. A band shorter\n * than its caps is two overlapping caps, which fill as a pill.\n */\nexport function bandPath(a0: number, a1: number, rIn: number, rOut: number, round: boolean): PathBuilder {\n  const path = new PathBuilder()\n  const mid = (rIn + rOut) / 2\n  const cap = (rOut - rIn) / 2\n  const delta = round && mid > 0 ? Math.min(cap / mid, (a1 - a0) / 2) : 0\n  const from = a0 + delta\n  const to = a1 - delta\n  const steps = Math.max(2, Math.ceil(Math.abs(to - from) / ARC_STEP))\n  const arc = (r: number, x: number, y: number, first: boolean) => {\n    for (let i = 0; i <= steps; i++) {\n      const p = ringPoint(r, x + ((y - x) * i) / steps)\n      if (first && i === 0) path.moveTo(p.x, p.y)\n      else path.lineTo(p.x, p.y)\n    }\n  }\n  // The end at `angle` rounded through a tip `direction` along the sweep.\n  const semicircle = (angle: number, direction: 1 | -1, fromOuter: boolean) => {\n    const centre = ringPoint(mid, angle)\n    const radial = { x: Math.sin(angle), y: Math.cos(angle) }\n    const tangent = { x: Math.cos(angle) * direction, y: -Math.sin(angle) * direction }\n    const turns = 12\n    for (let i = 1; i < turns; i++) {\n      const phi = (Math.PI * i) / turns\n      const r = fromOuter ? Math.cos(phi) : -Math.cos(phi)\n      path.lineTo(centre.x + cap * (radial.x * r + tangent.x * Math.sin(phi)), centre.y + cap * (radial.y * r + tangent.y * Math.sin(phi)))\n    }\n  }\n  arc(rOut, from, to, true)\n  if (round) semicircle(to, 1, true)\n  arc(rIn, to, from, false)\n  if (round) semicircle(from, -1, false)\n  path.close()\n  return path\n}\n\nconst NO_BOX = { width: 0, height: 0 }\n\nfunction labelBlocks(s: RingsState & { readonly labelReveal: number; readonly centerReveal: number }) {\n  const blocks: Node2D[] = []\n  const geometry = () => new RadialGeometry(s, (blocks[0]?.parent as Node2D | null | undefined)?.layoutBounds ?? NO_BOX)\n  const side = geometry().labelAnchor(0).side\n\n  s.rows.forEach((_, index) => {\n    const anchor = () => geometry().labelAnchor(index).at\n    blocks.push(\n      new Rect({\n        flow: \"vertical\",\n        width: \"hug\",\n        height: \"hug\",\n        align: side > 0 ? \"centerLeft\" : \"centerRight\",\n        opacity: () => (s.ringLabels ? clamp(s.labelReveal, 0, 1) * geometry().ringOpacity(index) : 0),\n        centerLeft: side > 0 ? anchor : undefined,\n        centerRight: side > 0 ? undefined : anchor,\n        children: [\n          new Text({\n            ...textOps.styleProps(s.label),\n            text: () => s.rows[index]?.category ?? \"\",\n            textAlign: side > 0 ? \"left\" : \"right\",\n            fontSize: () => geometry().labelFont,\n          }),\n        ],\n      })\n    )\n  })\n\n  if (s.centerLabel !== \"\" || s.centerCaption !== \"\") {\n    const children: Node2D[] = []\n    if (s.centerLabel !== \"\") {\n      children.push(new Text({ ...textOps.styleProps(s.centerStyle.labelStyle), text: s.centerLabel, fontSize: () => geometry().centerFont }))\n    }\n    if (s.centerCaption !== \"\") {\n      children.push(\n        new Text({\n          ...textOps.styleProps(s.centerStyle.captionStyle),\n          text: s.centerCaption,\n          fontSize: () => geometry().centerFont * (sizeOf(s.centerStyle.captionStyle, 22) / sizeOf(s.centerStyle.labelStyle, 50)),\n        })\n      )\n    }\n    blocks.push(\n      new Rect({\n        flow: \"vertical\",\n        width: \"hug\",\n        height: \"hug\",\n        gap: 2,\n        align: \"center\",\n        opacity: () => clamp(s.centerReveal, 0, 1),\n        center: { x: 0, y: 0 },\n        children,\n      })\n    )\n  }\n  return asParts(blocks)\n}\n\n/**\n * The rings: row `i` is the `i`-th ring from the outside, an arc from\n * `startAngle` whose sweep is `value / max` of the full sweep, over an\n * optional full-sweep track. A selected ring thickens and the rest dims.\n */\nexport const RadialRings = component2d({\n  key: \"radialRings\",\n  state: {\n    rows: fresh<RadialRow[]>(() => []),\n    max: 0,\n    marks: Types.custom<RadialMarks>(DEFAULT_MARKS),\n    label: Types.custom<TextStyle>(DEFAULT_LABEL),\n    centerStyle: Types.custom<CenterConfig>(DEFAULT_CENTER),\n    /** The empty-ring colour drawn under each arc. */\n    trackFill: Types.fill(\"white/15\"),\n    ringLabels: Types.boolean(false),\n    /** Entrance progress `[0, 1]`: rings sweep in turn. */\n    growth: 1,\n    labelReveal: 1,\n    pops: fresh<number[]>(() => []),\n    dimOpacity: 0.25,\n    centerLabel: \"\",\n    centerCaption: \"\",\n    centerReveal: 1,\n  },\n  defaults: { width: \"fill\", height: \"fill\" },\n  children: (state) => labelBlocks(state),\n  load: (loader, state) => loadPaints(loader, { fills: [...ringFills(state.rows), fillOps.resolve(state.trackFill)] }),\n  commands: {\n    /** Sweep the rings in, outer first. */\n    sweep: (timeline) => {\n      const ease = frameEase(timeline)\n      return timeline.animate((t) => ({ growth: ease(t) }))\n    },\n    /** Fade the ring captions up. */\n    revealLabels: (timeline) => {\n      const ease = frameEase(timeline)\n      return timeline.animate((t) => ({ labelReveal: ease(t) }))\n    },\n    /** Fade the centre summary up. */\n    revealCenter: (timeline, state) => {\n      const ease = frameEase(timeline)\n      const from = clamp(state.centerReveal, 0, 1)\n      return timeline.animate((t) => ({ centerReveal: from + (1 - from) * ease(t) }))\n    },\n  },\n  render: (ctx, state) => {\n    const g = new RadialGeometry(state, ctx.size)\n    const thickness = g.thickness\n    if (g.outerRadius > 0 && g.count > 0 && thickness > 0) {\n      const half = g.outerRadius + EDGE + 1\n      const frame = { centerBounds: [-half, -half, half, half] as [number, number, number, number], width: half * 2, height: half * 2 }\n      const fills = ringFills(state.rows)\n      const fractions = g.fractions\n      const a0 = g.startRad\n      const round = state.marks.roundCaps\n      // Selected rings last, so a thickened ring is never under its neighbour.\n      const order = [...state.rows.keys()].sort((a, b) => g.popOf(a) - g.popOf(b))\n      for (const i of order) {\n        const grow = thickness * GROW * g.popOf(i)\n        const rOut = g.ringOuter(i) + grow\n        const rIn = g.ringOuter(i) - thickness - grow\n        const opacity = g.ringOpacity(i)\n        if (state.marks.track && g.sweepRad > 0) {\n          ctx.draw(new Graphics2D().path(bandPath(a0, a0 + g.sweepRad, rIn, rOut, round).toPathState(frame)).fill(state.trackFill).opacity(opacity))\n        }\n        const span = g.sweepRad * fractions[i] * g.progress(i, state.growth)\n        if (span <= 1e-4) continue\n        ctx.draw(new Graphics2D().path(bandPath(a0, a0 + span, rIn, rOut, round).toPathState(frame)).fill(fills[i] ?? []).opacity(opacity))\n      }\n    }\n    ctx.children()\n  },\n})\n\nexport type RadialRings = NodeOf<typeof RadialRings>\n"]}

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

@@ -0,0 +1,73 @@
+import { type DataRecord, type TextStyle, type Fill as _Fill, type FillResolved as _FillResolved } from "@motionscript/sdk";
+import { type ChartStyleBase } from "../kit/style.js";
+import type { LegendConfig } from "../kit/shared.js";
+import type { CenterConfig, PieSlice } from "../kit/polar.js";
+/** One ring: a row's caption, magnitude and paint. The same shape as a pie's slice, so the legend is shared. */
+export type RadialRow = PieSlice;
+export declare function resolveRadialRows(data: readonly DataRecord[], category: string, value: string, style: Pick<ChartStyleBase, "palette">): RadialRow[];
+/** A row's plotted value: negatives and non-finite values count as 0. */
+export declare function rowValue(row: RadialRow): number;
+/** What a full sweep stands for: `max` when it is positive, else the largest value (1 when every value is 0). */
+export declare function radialMax(rows: readonly RadialRow[], max: number): number;
+/** The share of a full sweep each row fills, `[0, 1]`. */
+export declare function radialFractions(rows: readonly RadialRow[], max: number): number[];
+/** The ring geometry and look, from `style`. */
+export interface RadialMarks {
+    innerRadius: number;
+    ringGap: number;
+    /** Degrees of a full ring. */
+    sweep: number;
+    /** Degrees clockwise from 12 o'clock. */
+    startAngle: number;
+    track: boolean;
+    roundCaps: boolean;
+}
+export interface RadialStyle extends ChartStyleBase {
+    readonly innerRadius: number;
+    readonly ringGap: number;
+    readonly sweep: number;
+    readonly startAngle: number;
+    readonly track: _FillResolved[];
+    readonly roundCaps: boolean;
+    readonly ringLabels: boolean;
+}
+export declare const RADIAL_STYLE_GROUPS: {
+    colors: {
+        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>;
+    };
+    text: {
+        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
+        fontSize: import("@motionscript/sdk").Type<number, number, false>;
+        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    marks: {
+        /** Where the innermost ring starts, as a fraction of the outer radius. */
+        innerRadius: import("@motionscript/sdk").Type<number, number, false>;
+        /** Space between neighbouring rings, px. */
+        ringGap: import("@motionscript/sdk").Type<number, number, false>;
+        /** Degrees a full ring spans: 360 a circle, 270 a gauge-like open ring. */
+        sweep: import("@motionscript/sdk").Type<number, number, false>;
+        /** Degrees clockwise from 12 o'clock where every ring begins. */
+        startAngle: import("@motionscript/sdk").Type<number, number, false>;
+        /** The full ring under each arc; empty draws none. */
+        track: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        /** Round the ends of the arcs and tracks. */
+        roundCaps: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    };
+    labels: {
+        /** The category written at each ring's start, in the muted colour. */
+        ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    };
+    legend: {
+        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>;
+    };
+};
+export declare function marksOf(style: RadialStyle): RadialMarks;
+export declare function legendOf(style: RadialStyle): LegendConfig;
+export declare function ringLabelOf(style: RadialStyle): TextStyle;
+export declare function centerOf(style: RadialStyle): CenterConfig;
+//# sourceMappingURL=shared.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/radial-chart/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,IAAI,KAAK,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEzI,OAAO,EAA0D,KAAK,cAAc,EAAe,MAAM,cAAc,CAAA;AACvH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE1D,gHAAgH;AAChH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAA;AAEhC,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,UAAU,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,SAAS,EAAE,CAEnJ;AAED,yEAAyE;AACzE,wBAAgB,QAAQ,CAAC,GAAG,EAAE,SAAS,GAAG,MAAM,CAE/C;AAED,iHAAiH;AACjH,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAKzE;AAED,0DAA0D;AAC1D,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAGjF;AAED,gDAAgD;AAChD,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,CAAA;IAC/B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;QAI5B,0EAA0E;;QAE1E,4CAA4C;;QAE5C,2EAA2E;;QAE3E,iEAAiE;;QAEjE,sDAAsD;;QAEtD,6CAA6C;;;;QAI7C,sEAAsE;;;;;;;CAIzE,CAAA;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW,CASvD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAEzD;AAMD,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,CAEzD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAWzD"}

package/dist/radial-chart/shared.js

@@ -0,0 +1,79 @@
+import { Types, clamp } from "@motionscript/sdk";
+import { CHART_COLORS, CHART_LEGEND, CHART_TEXT, legendConfigOf, paletteFill } from "../kit/style.js";
+import { num, text } from "../kit/shared.js";
+export function resolveRadialRows(data, category, value, style) {
+    return data.map((row, i) => ({ category: text(row, category), value: num(row, value), fill: paletteFill(style, i) }));
+}
+/** A row's plotted value: negatives and non-finite values count as 0. */
+export function rowValue(row) {
+    return row.value > 0 && Number.isFinite(row.value) ? row.value : 0;
+}
+/** What a full sweep stands for: `max` when it is positive, else the largest value (1 when every value is 0). */
+export function radialMax(rows, max) {
+    if (max > 0 && Number.isFinite(max))
+        return max;
+    let largest = 0;
+    for (const row of rows)
+        largest = Math.max(largest, rowValue(row));
+    return largest > 0 ? largest : 1;
+}
+/** The share of a full sweep each row fills, `[0, 1]`. */
+export function radialFractions(rows, max) {
+    const top = radialMax(rows, max);
+    return rows.map((row) => clamp(rowValue(row) / top, 0, 1));
+}
+export const RADIAL_STYLE_GROUPS = {
+    colors: CHART_COLORS,
+    text: CHART_TEXT,
+    marks: {
+        /** Where the innermost ring starts, as a fraction of the outer radius. */
+        innerRadius: Types.number(0.3, { min: 0, max: 0.9, step: 0.05 }),
+        /** Space between neighbouring rings, px. */
+        ringGap: Types.number(8, { min: 0, max: 60, step: 1, unit: "px" }),
+        /** Degrees a full ring spans: 360 a circle, 270 a gauge-like open ring. */
+        sweep: Types.number(360, { min: 30, max: 360, step: 5, unit: "deg" }),
+        /** Degrees clockwise from 12 o'clock where every ring begins. */
+        startAngle: Types.number(0, { min: -360, max: 360, step: 5, unit: "deg" }),
+        /** The full ring under each arc; empty draws none. */
+        track: Types.fill("white/10"),
+        /** Round the ends of the arcs and tracks. */
+        roundCaps: Types.boolean(true),
+    },
+    labels: {
+        /** The category written at each ring's start, in the muted colour. */
+        ringLabels: Types.boolean(false),
+    },
+    legend: CHART_LEGEND,
+};
+export function marksOf(style) {
+    return {
+        innerRadius: style.innerRadius,
+        ringGap: style.ringGap,
+        sweep: style.sweep,
+        startAngle: style.startAngle,
+        track: style.track.length > 0,
+        roundCaps: style.roundCaps,
+    };
+}
+export function legendOf(style) {
+    return legendConfigOf(style);
+}
+function face(style) {
+    return style.fontFamily ? { fontFamily: style.fontFamily } : {};
+}
+export function ringLabelOf(style) {
+    return { ...face(style), fontSize: style.fontSize, fontWeight: style.fontWeight, textAlign: "center", fill: style.muted };
+}
+export function centerOf(style) {
+    return {
+        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/radial-chart/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/radial-chart/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAA2F,MAAM,mBAAmB,CAAA;AAEzI,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAuB,WAAW,EAAE,MAAM,cAAc,CAAA;AAEvH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAMzC,MAAM,UAAU,iBAAiB,CAAC,IAA2B,EAAE,QAAgB,EAAE,KAAa,EAAE,KAAsC;IACpI,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACvH,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,QAAQ,CAAC,GAAc;IACrC,OAAO,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AACpE,CAAC;AAED,iHAAiH;AACjH,MAAM,UAAU,SAAS,CAAC,IAA0B,EAAE,GAAW;IAC/D,IAAI,GAAG,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,OAAO,GAAG,CAAA;IAC/C,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,KAAK,MAAM,GAAG,IAAI,IAAI;QAAE,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA;IAClE,OAAO,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAClC,CAAC;AAED,0DAA0D;AAC1D,MAAM,UAAU,eAAe,CAAC,IAA0B,EAAE,GAAW;IACrE,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAChC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC5D,CAAC;AAwBD,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL,0EAA0E;QAC1E,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAChE,4CAA4C;QAC5C,OAAO,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;QAClE,2EAA2E;QAC3E,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QACrE,iEAAiE;QACjE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAC1E,sDAAsD;QACtD,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;QAC7B,6CAA6C;QAC7C,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;KAC/B;IACD,MAAM,EAAE;QACN,sEAAsE;QACtE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;KACjC;IACD,MAAM,EAAE,YAAY;CACrB,CAAA;AAED,MAAM,UAAU,OAAO,CAAC,KAAkB;IACxC,OAAO;QACL,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;QAC7B,SAAS,EAAE,KAAK,CAAC,SAAS;KAC3B,CAAA;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAkB;IACzC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAC9B,CAAC;AAED,SAAS,IAAI,CAAC,KAAkB;IAC9B,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;AACjE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAkB;IAC5C,OAAO,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;AAC3H,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAkB;IACzC,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, clamp, type DataRecord, type TextStyle, type Fill as _Fill, type FillResolved as _FillResolved } from \"@motionscript/sdk\"\n\nimport { CHART_COLORS, CHART_LEGEND, CHART_TEXT, legendConfigOf, type ChartStyleBase, paletteFill } from \"../kit/style\"\nimport type { LegendConfig } from \"../kit/shared\"\nimport { num, text } from \"../kit/shared\"\nimport type { CenterConfig, PieSlice } from \"../kit/polar\"\n\n/** One ring: a row's caption, magnitude and paint. The same shape as a pie's slice, so the legend is shared. */\nexport type RadialRow = PieSlice\n\nexport function resolveRadialRows(data: readonly DataRecord[], category: string, value: string, style: Pick<ChartStyleBase, \"palette\">): RadialRow[] {\n  return data.map((row, i) => ({ category: text(row, category), value: num(row, value), fill: paletteFill(style, i) }))\n}\n\n/** A row's plotted value: negatives and non-finite values count as 0. */\nexport function rowValue(row: RadialRow): number {\n  return row.value > 0 && Number.isFinite(row.value) ? row.value : 0\n}\n\n/** What a full sweep stands for: `max` when it is positive, else the largest value (1 when every value is 0). */\nexport function radialMax(rows: readonly RadialRow[], max: number): number {\n  if (max > 0 && Number.isFinite(max)) return max\n  let largest = 0\n  for (const row of rows) largest = Math.max(largest, rowValue(row))\n  return largest > 0 ? largest : 1\n}\n\n/** The share of a full sweep each row fills, `[0, 1]`. */\nexport function radialFractions(rows: readonly RadialRow[], max: number): number[] {\n  const top = radialMax(rows, max)\n  return rows.map((row) => clamp(rowValue(row) / top, 0, 1))\n}\n\n/** The ring geometry and look, from `style`. */\nexport interface RadialMarks {\n  innerRadius: number\n  ringGap: number\n  /** Degrees of a full ring. */\n  sweep: number\n  /** Degrees clockwise from 12 o'clock. */\n  startAngle: number\n  track: boolean\n  roundCaps: boolean\n}\n\nexport interface RadialStyle extends ChartStyleBase {\n  readonly innerRadius: number\n  readonly ringGap: number\n  readonly sweep: number\n  readonly startAngle: number\n  readonly track: _FillResolved[]\n  readonly roundCaps: boolean\n  readonly ringLabels: boolean\n}\n\nexport const RADIAL_STYLE_GROUPS = {\n  colors: CHART_COLORS,\n  text: CHART_TEXT,\n  marks: {\n    /** Where the innermost ring starts, as a fraction of the outer radius. */\n    innerRadius: Types.number(0.3, { min: 0, max: 0.9, step: 0.05 }),\n    /** Space between neighbouring rings, px. */\n    ringGap: Types.number(8, { min: 0, max: 60, step: 1, unit: \"px\" }),\n    /** Degrees a full ring spans: 360 a circle, 270 a gauge-like open ring. */\n    sweep: Types.number(360, { min: 30, max: 360, step: 5, unit: \"deg\" }),\n    /** Degrees clockwise from 12 o'clock where every ring begins. */\n    startAngle: Types.number(0, { min: -360, max: 360, step: 5, unit: \"deg\" }),\n    /** The full ring under each arc; empty draws none. */\n    track: Types.fill(\"white/10\"),\n    /** Round the ends of the arcs and tracks. */\n    roundCaps: Types.boolean(true),\n  },\n  labels: {\n    /** The category written at each ring's start, in the muted colour. */\n    ringLabels: Types.boolean(false),\n  },\n  legend: CHART_LEGEND,\n}\n\nexport function marksOf(style: RadialStyle): RadialMarks {\n  return {\n    innerRadius: style.innerRadius,\n    ringGap: style.ringGap,\n    sweep: style.sweep,\n    startAngle: style.startAngle,\n    track: style.track.length > 0,\n    roundCaps: style.roundCaps,\n  }\n}\n\nexport function legendOf(style: RadialStyle): LegendConfig {\n  return legendConfigOf(style)\n}\n\nfunction face(style: RadialStyle): Pick<TextStyle, \"fontFamily\"> {\n  return style.fontFamily ? { fontFamily: style.fontFamily } : {}\n}\n\nexport function ringLabelOf(style: RadialStyle): TextStyle {\n  return { ...face(style), fontSize: style.fontSize, fontWeight: style.fontWeight, textAlign: \"center\", fill: style.muted }\n}\n\nexport function centerOf(style: RadialStyle): 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"]}