minerva-design 1.3.0 → 1.4.0

package/dist/charts/engine/shapes/scene.d.cts

@@ -1,7 +1,7 @@
 import { Rgba } from '../color.cjs';
 import { ChartTheme } from '../theme.cjs';
 import { ChartPadding } from '../types.cjs';
-import { ShapeChartType } from './types.cjs';
+import { ShapeChartLabels, ShapeChartType, ShapeHoverEvent } from './types.cjs';
 export declare const TAU: number;
 /** Rectangle in CSS pixels */
 export interface ShapeRect {
@@ -13,6 +13,12 @@ export interface ShapeRect {
 interface NodeBase {
     /** Index of the item the node belongs to (hover, dimming); none for decorations */
     hit?: number;
+    /**
+     * Other items whose hover also emphasizes the node (the flows of a hovered
+     * sankey node, the ancestors of a hovered sunburst sector); hit testing
+     * only uses `hit`
+     */
+    also?: readonly number[];
     /** Opacity multiplier */
     alpha?: number;
     /** Offset applied while the node's item is hovered (pie slices pop out) */
@@ -60,6 +66,10 @@ export interface RectNode extends NodeBase {
     radius: number;
     fill: string;
     brighten?: boolean;
+    /** Outline drawn inside the rectangle while its item is hovered */
+    hoverStroke?: string;
+    /** Distance (px) around the rectangle still picked by hit testing (default 0) */
+    hitPad?: number;
 }
 /** Stroked arc (gauge track / value) */
 export interface ArcNode extends NodeBase {
@@ -72,6 +82,8 @@ export interface ArcNode extends NodeBase {
     width: number;
     color: string;
     cap: "round" | "butt";
+    /** Distance (px) beyond the stroke still picked by hit testing (default 4) */
+    hitPad?: number;
 }
 /** Dot; without fill nor stroke it is only a hit area */
 export interface CircleNode extends NodeBase {
@@ -108,6 +120,27 @@ export interface TextNode extends NodeBase {
     indicator?: number;
     hoverColor?: string;
     hoverFont?: string;
+    /** Rotation around (x, y), radians clockwise */
+    rotate?: number;
+    /** Outline drawn behind the text so it reads over other marks */
+    halo?: string;
+}
+/**
+ * Sankey flow: a horizontal S-curve (cubic Bézier) of constant thickness
+ * from (x0, y0) to (x1, y1), filled with a gradient from `color0` to `color1`
+ */
+export interface LinkNode extends NodeBase {
+    kind: "link";
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    /** Thickness, in pixels */
+    width: number;
+    color0: string;
+    color1: string;
+    /** Opacity while the link (or one of its `also` items) is hovered */
+    activeAlpha?: number;
 }
 /** Radar: dashed guide from the center to the hovered indicator */
 export interface GuideNode extends NodeBase {
@@ -118,7 +151,7 @@ export interface GuideNode extends NodeBase {
     ends: [number, number][];
     color: string;
 }
-export type ShapeNode = SectorNode | PolygonNode | RectNode | ArcNode | CircleNode | LineNode | TextNode | GuideNode;
+export type ShapeNode = SectorNode | PolygonNode | RectNode | ArcNode | CircleNode | LineNode | TextNode | GuideNode | LinkNode;
 /** A row of the default tooltip */
 export interface ShapeTooltipRow {
     name: string;
@@ -149,6 +182,10 @@ export interface ShapeItem {
         x: number;
         y: number;
     }[];
+    /** Extra fields of the hover event (calendar date, sankey link ends) */
+    event?: Pick<ShapeHoverEvent, "date" | "source" | "target">;
+    /** Sunburst: path focused when the item is activated (click, Enter) */
+    drill?: string[];
 }
 /** What is hovered: an item (and a radar indicator) */
 export interface ShapeHover {
@@ -179,6 +216,14 @@ export interface ShapeScene {
         cx: number;
         cy: number;
     };
+    /**
+     * Arrow-key moves in a grid of items (calendar heatmap), in positions of
+     * `items`: `next` for Left / Right, `down` for Up / Down; no wrapping
+     */
+    steps?: {
+        next: number;
+        down: number;
+    };
     /** Radar geometry used by hit testing (and to keep the tooltip off the labels) */
     radar?: {
         cx: number;
@@ -194,6 +239,10 @@ export interface ShapeScene {
     };
     /** No data to draw (placeholder shown) */
     empty: boolean;
+    /** Built-in texts of the chart's locale (accessible descriptions) */
+    labels?: ShapeChartLabels;
+    /** Resolved locale of the chart */
+    locale?: string;
 }
 /** Measures a text in a CSS font */
 export type MeasureText = (text: string, font: string) => number;
@@ -209,23 +258,28 @@ export interface LayoutContext {
     /** Displayed (animated) value of a key */
     value(key: string, target: number): number;
     format(value: number): string;
-    /** Formats a share (0-1): `percentFormat` or one decimal */
+    /** Formats a share (0-1): `percentFormat` or a locale percent with one decimal */
     percent(share: number): string;
+    /** Built-in texts (locale and `texts` overrides) */
+    labels: ShapeChartLabels;
+    /** Resolved locale */
+    locale: string;
     /** Color of the `i`-th mark (custom `color` or the palette) */
     color(css: string | undefined, i: number): Rgba;
     /** Drawing area, padding excluded */
     area: ShapeRect;
+    /** Sunburst: names from the root to the focused node */
+    focus: readonly string[];
 }
-export type LayoutResult = Omit<ShapeScene, "type" | "width" | "height">;
+export type LayoutResult = Omit<ShapeScene, "type" | "width" | "height" | "labels" | "locale">;
 export declare const clamp: (v: number, lo: number, hi: number) => number;
 /** Non-negative finite number */
 export declare const positive: (v: number | undefined) => number;
 export declare const finite: (v: number | undefined, fallback?: number) => number;
 export declare const sum: (values: readonly number[]) => number;
 export declare const easeOutCubic: (t: number) => number;
-export declare const defaultFormat: (value: number) => string;
-/** Share 0-1 as a percent with one decimal: `0.4` -> `40.0%` */
-export declare const formatPercent: (p: number) => string;
+/** Angle brought into (-π/2, π/2] so that text rotated by it reads left to right */
+export declare const upright: (a: number) => number;
 export declare const inset: (rect: ShapeRect, padding?: ChartPadding) => ShapeRect;
 /** Shortens a text with an ellipsis so it fits in `max` pixels ("" if nothing fits) */
 export declare const ellipsize: (text: string, max: number, font: string, measure: MeasureText) => string;
@@ -252,6 +306,6 @@ export declare const textOn: (fill: Rgba, backdrop?: Rgba) => string;
 export declare const readableFill: (fill: Rgba, target?: number, limit?: number) => Rgba;
 /** Resolves a custom color with the theme resolver (static parsing otherwise) */
 export declare const resolveWith: (theme: ChartTheme, css: string | undefined, fallback: Rgba) => Rgba;
-/** Placeholder of a chart without data: a muted ring and "No data" */
+/** Placeholder of a chart without data: a muted ring and "No data" (localized) */
 export declare const emptyLayout: (c: LayoutContext) => LayoutResult;
 export {};

package/dist/charts/engine/shapes/scene.d.ts

@@ -1,7 +1,7 @@
 import { Rgba } from '../color.js';
 import { ChartTheme } from '../theme.js';
 import { ChartPadding } from '../types.js';
-import { ShapeChartType } from './types.js';
+import { ShapeChartLabels, ShapeChartType, ShapeHoverEvent } from './types.js';
 export declare const TAU: number;
 /** Rectangle in CSS pixels */
 export interface ShapeRect {
@@ -13,6 +13,12 @@ export interface ShapeRect {
 interface NodeBase {
     /** Index of the item the node belongs to (hover, dimming); none for decorations */
     hit?: number;
+    /**
+     * Other items whose hover also emphasizes the node (the flows of a hovered
+     * sankey node, the ancestors of a hovered sunburst sector); hit testing
+     * only uses `hit`
+     */
+    also?: readonly number[];
     /** Opacity multiplier */
     alpha?: number;
     /** Offset applied while the node's item is hovered (pie slices pop out) */
@@ -60,6 +66,10 @@ export interface RectNode extends NodeBase {
     radius: number;
     fill: string;
     brighten?: boolean;
+    /** Outline drawn inside the rectangle while its item is hovered */
+    hoverStroke?: string;
+    /** Distance (px) around the rectangle still picked by hit testing (default 0) */
+    hitPad?: number;
 }
 /** Stroked arc (gauge track / value) */
 export interface ArcNode extends NodeBase {
@@ -72,6 +82,8 @@ export interface ArcNode extends NodeBase {
     width: number;
     color: string;
     cap: "round" | "butt";
+    /** Distance (px) beyond the stroke still picked by hit testing (default 4) */
+    hitPad?: number;
 }
 /** Dot; without fill nor stroke it is only a hit area */
 export interface CircleNode extends NodeBase {
@@ -108,6 +120,27 @@ export interface TextNode extends NodeBase {
     indicator?: number;
     hoverColor?: string;
     hoverFont?: string;
+    /** Rotation around (x, y), radians clockwise */
+    rotate?: number;
+    /** Outline drawn behind the text so it reads over other marks */
+    halo?: string;
+}
+/**
+ * Sankey flow: a horizontal S-curve (cubic Bézier) of constant thickness
+ * from (x0, y0) to (x1, y1), filled with a gradient from `color0` to `color1`
+ */
+export interface LinkNode extends NodeBase {
+    kind: "link";
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    /** Thickness, in pixels */
+    width: number;
+    color0: string;
+    color1: string;
+    /** Opacity while the link (or one of its `also` items) is hovered */
+    activeAlpha?: number;
 }
 /** Radar: dashed guide from the center to the hovered indicator */
 export interface GuideNode extends NodeBase {
@@ -118,7 +151,7 @@ export interface GuideNode extends NodeBase {
     ends: [number, number][];
     color: string;
 }
-export type ShapeNode = SectorNode | PolygonNode | RectNode | ArcNode | CircleNode | LineNode | TextNode | GuideNode;
+export type ShapeNode = SectorNode | PolygonNode | RectNode | ArcNode | CircleNode | LineNode | TextNode | GuideNode | LinkNode;
 /** A row of the default tooltip */
 export interface ShapeTooltipRow {
     name: string;
@@ -149,6 +182,10 @@ export interface ShapeItem {
         x: number;
         y: number;
     }[];
+    /** Extra fields of the hover event (calendar date, sankey link ends) */
+    event?: Pick<ShapeHoverEvent, "date" | "source" | "target">;
+    /** Sunburst: path focused when the item is activated (click, Enter) */
+    drill?: string[];
 }
 /** What is hovered: an item (and a radar indicator) */
 export interface ShapeHover {
@@ -179,6 +216,14 @@ export interface ShapeScene {
         cx: number;
         cy: number;
     };
+    /**
+     * Arrow-key moves in a grid of items (calendar heatmap), in positions of
+     * `items`: `next` for Left / Right, `down` for Up / Down; no wrapping
+     */
+    steps?: {
+        next: number;
+        down: number;
+    };
     /** Radar geometry used by hit testing (and to keep the tooltip off the labels) */
     radar?: {
         cx: number;
@@ -194,6 +239,10 @@ export interface ShapeScene {
     };
     /** No data to draw (placeholder shown) */
     empty: boolean;
+    /** Built-in texts of the chart's locale (accessible descriptions) */
+    labels?: ShapeChartLabels;
+    /** Resolved locale of the chart */
+    locale?: string;
 }
 /** Measures a text in a CSS font */
 export type MeasureText = (text: string, font: string) => number;
@@ -209,23 +258,28 @@ export interface LayoutContext {
     /** Displayed (animated) value of a key */
     value(key: string, target: number): number;
     format(value: number): string;
-    /** Formats a share (0-1): `percentFormat` or one decimal */
+    /** Formats a share (0-1): `percentFormat` or a locale percent with one decimal */
     percent(share: number): string;
+    /** Built-in texts (locale and `texts` overrides) */
+    labels: ShapeChartLabels;
+    /** Resolved locale */
+    locale: string;
     /** Color of the `i`-th mark (custom `color` or the palette) */
     color(css: string | undefined, i: number): Rgba;
     /** Drawing area, padding excluded */
     area: ShapeRect;
+    /** Sunburst: names from the root to the focused node */
+    focus: readonly string[];
 }
-export type LayoutResult = Omit<ShapeScene, "type" | "width" | "height">;
+export type LayoutResult = Omit<ShapeScene, "type" | "width" | "height" | "labels" | "locale">;
 export declare const clamp: (v: number, lo: number, hi: number) => number;
 /** Non-negative finite number */
 export declare const positive: (v: number | undefined) => number;
 export declare const finite: (v: number | undefined, fallback?: number) => number;
 export declare const sum: (values: readonly number[]) => number;
 export declare const easeOutCubic: (t: number) => number;
-export declare const defaultFormat: (value: number) => string;
-/** Share 0-1 as a percent with one decimal: `0.4` -> `40.0%` */
-export declare const formatPercent: (p: number) => string;
+/** Angle brought into (-π/2, π/2] so that text rotated by it reads left to right */
+export declare const upright: (a: number) => number;
 export declare const inset: (rect: ShapeRect, padding?: ChartPadding) => ShapeRect;
 /** Shortens a text with an ellipsis so it fits in `max` pixels ("" if nothing fits) */
 export declare const ellipsize: (text: string, max: number, font: string, measure: MeasureText) => string;
@@ -252,6 +306,6 @@ export declare const textOn: (fill: Rgba, backdrop?: Rgba) => string;
 export declare const readableFill: (fill: Rgba, target?: number, limit?: number) => Rgba;
 /** Resolves a custom color with the theme resolver (static parsing otherwise) */
 export declare const resolveWith: (theme: ChartTheme, css: string | undefined, fallback: Rgba) => Rgba;
-/** Placeholder of a chart without data: a muted ring and "No data" */
+/** Placeholder of a chart without data: a muted ring and "No data" (localized) */
 export declare const emptyLayout: (c: LayoutContext) => LayoutResult;
 export {};

package/dist/charts/engine/shapes/scene.js

@@ -1,15 +1,17 @@
 import { mix as e, parseColor as t, toCss as n } from "../color.js";
 import { font as r } from "../overlay.js";
-import { formatCompact as i } from "../format.js";
 //#region src/engine/shapes/scene.ts
-var a = Math.PI * 2, o = (e, t) => {
+var i = Math.PI * 2, a = (e, t) => {
 	let n = /(\d+(?:\.\d+)?)px/.exec(t);
 	return e.length * (n ? Number(n[1]) : 12) * .6;
-}, s = (e, t, n) => e < t ? t : e > n ? n : e, c = (e) => typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 0, l = (e, t = 0) => typeof e == "number" && Number.isFinite(e) ? e : t, u = (e) => {
+}, o = (e, t, n) => e < t ? t : e > n ? n : e, s = (e) => typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 0, c = (e, t = 0) => typeof e == "number" && Number.isFinite(e) ? e : t, l = (e) => {
 	let t = 0;
 	for (let n of e) t += n;
 	return t;
-}, d = (e) => 1 - (1 - s(e, 0, 1)) ** 3, f = (e) => i(e), p = (e) => Number.isFinite(e) ? `${(e * 100).toFixed(1)}%` : "–", m = (e, t) => {
+}, u = (e) => 1 - (1 - o(e, 0, 1)) ** 3, d = (e) => {
+	let t = e % i;
+	return t > Math.PI && (t -= i), t <= -Math.PI && (t += i), t > Math.PI / 2 ? t -= Math.PI : t <= -Math.PI / 2 && (t += Math.PI), t;
+}, f = (e, t) => {
 	let n = t?.top ?? 8, r = t?.right ?? 8, i = t?.bottom ?? 8, a = t?.left ?? 8;
 	return {
 		x: e.x + a,
@@ -17,7 +19,7 @@ var a = Math.PI * 2, o = (e, t) => {
 		width: Math.max(0, e.width - a - r),
 		height: Math.max(0, e.height - n - i)
 	};
-}, h = (e, t, n, r) => {
+}, p = (e, t, n, r) => {
 	if (r(e, n) <= t) return e;
 	if (r("…", n) > t) return "";
 	let i = 0, a = e.length;
@@ -26,53 +28,53 @@ var a = Math.PI * 2, o = (e, t) => {
 		r(e.slice(0, o) + "…", n) <= t ? i = o : a = o - 1;
 	}
 	return i ? e.slice(0, i).trimEnd() + "…" : "";
-}, g = (e) => {
+}, m = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.map((e) => {
 		let n = (t.get(e) ?? 0) + 1;
 		return t.set(e, n), n === 1 ? e : `${e}#${n}`;
 	});
-}, _ = [
+}, h = [
 	1,
 	1,
 	1,
 	.96
-], v = [
+], g = [
 	15 / 255,
 	23 / 255,
 	42 / 255,
 	.88
-], y = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, b = (e) => .2126 * y(e[0]) + .7152 * y(e[1]) + .0722 * y(e[2]), x = (e, t) => {
-	let n = s(e[3], 0, 1);
+], _ = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, v = (e) => .2126 * _(e[0]) + .7152 * _(e[1]) + .0722 * _(e[2]), y = (e, t) => {
+	let n = o(e[3], 0, 1);
 	return [
 		e[0] * n + t[0] * (1 - n),
 		e[1] * n + t[1] * (1 - n),
 		e[2] * n + t[2] * (1 - n),
 		1
 	];
-}, S = (e, t) => {
-	let n = b(x(e, t)), r = b(t);
+}, b = (e, t) => {
+	let n = v(y(e, t)), r = v(t);
 	return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
-}, C = [
+}, x = [
 	1,
 	1,
 	1,
 	1
-], w = (e, t = C) => {
-	let r = x(e, x(t, C)), i = S(_, r), a = S(v, r);
+], S = (e, t = x) => {
+	let r = y(e, y(t, x)), i = b(h, r), a = b(g, r);
 	return i >= a ? {
-		ink: _,
-		css: n(_),
+		ink: h,
+		css: n(h),
 		contrast: i
 	} : {
-		ink: v,
-		css: n(v),
+		ink: g,
+		css: n(g),
 		contrast: a
 	};
-}, T = (e, t) => w(e, t).css, E = (t, n = 4.5, r = .3) => {
-	let i = w(t);
+}, C = (e, t) => S(e, t).css, w = (t, n = 4.5, r = .3) => {
+	let i = S(t);
 	if (i.contrast >= n) return t;
-	let a = i.ink === _ ? [
+	let a = i.ink === h ? [
 		0,
 		0,
 		0,
@@ -85,11 +87,11 @@ var a = Math.PI * 2, o = (e, t) => {
 	];
 	for (let o = .04; o <= r + 1e-9; o += .04) {
 		let r = e(t, a, o);
-		if (i = w(r), i.contrast >= n) return r;
+		if (i = S(r), i.contrast >= n) return r;
 	}
 	return e(t, a, r);
-}, D = (e, n, r) => n ? e.resolve ? e.resolve(n, r) : t(n) ?? r : r, O = (e) => {
-	let { area: t, theme: i } = e, o = t.x + t.width / 2, s = t.y + t.height / 2, c = Math.max(0, Math.min(t.width, t.height) / 2 - 6);
+}, T = (e, n, r) => n ? e.resolve ? e.resolve(n, r) : t(n) ?? r : r, E = (e) => {
+	let { area: t, theme: a } = e, o = t.x + t.width / 2, s = t.y + t.height / 2, c = Math.max(0, Math.min(t.width, t.height) / 2 - 6);
 	return {
 		nodes: [{
 			kind: "sector",
@@ -98,17 +100,17 @@ var a = Math.PI * 2, o = (e, t) => {
 			r0: c * .66,
 			r1: c,
 			a0: 0,
-			a1: a,
+			a1: i,
 			pad: 0,
 			corner: 0,
-			fill: n(i.grid, .8)
+			fill: n(a.grid, .8)
 		}, {
 			kind: "text",
 			x: o,
 			y: s,
-			text: "No data",
-			font: r(i, 12),
-			color: n(i.textMuted),
+			text: e.labels.noData,
+			font: r(a, 12),
+			color: n(a.textMuted),
 			align: "center",
 			baseline: "middle"
 		}],
@@ -118,6 +120,6 @@ var a = Math.PI * 2, o = (e, t) => {
 	};
 };
 //#endregion
-export { a as TAU, s as clamp, S as contrastRatio, f as defaultFormat, d as easeOutCubic, h as ellipsize, O as emptyLayout, o as estimateText, l as finite, p as formatPercent, w as inkOn, m as inset, x as over, c as positive, E as readableFill, b as relativeLuminance, D as resolveWith, u as sum, T as textOn, g as uniqueKeys };
+export { i as TAU, o as clamp, b as contrastRatio, u as easeOutCubic, p as ellipsize, E as emptyLayout, a as estimateText, c as finite, S as inkOn, f as inset, y as over, s as positive, w as readableFill, v as relativeLuminance, T as resolveWith, l as sum, C as textOn, m as uniqueKeys, d as upright };
 
 //# sourceMappingURL=scene.js.map

package/dist/charts/engine/shapes/scene.js.map

@@ -1 +1 @@
-{"version":3,"file":"scene.js","names":["TAU","estimateText","size","f","text","clamp","v","lo","hi","positive","finite","fallback","sum","s","values","easeOutCubic","t","defaultFormat","formatCompact","value","formatPercent","p","inset","top","padding","right","bottom","left","rect","ellipsize","measure","font","max","mid","uniqueKeys","seen","names","name","LIGHT_INK","DARK_INK","channel","relativeLuminance","c","over","a","contrastRatio","ink","fill","b","WHITE","inkOn","solid","backdrop","light","dark","toCss","textOn","readableFill","best","target","toward","limit","next","mix","resolveWith","css","theme","parseColor","emptyLayout","cx","area","cy","r1"],"sources":["../../../../../charts/src/engine/shapes/scene.ts"],"sourcesContent":["// Drawable scene of a shape chart: resolved geometry, colors and texts,\n// produced by the (DOM-free) layouts and consumed by draw / hit testing.\n\nimport { mix, parseColor, toCss, type Rgba } from \"../color\";\nimport { formatCompact } from \"../format\";\nimport { font } from \"../overlay\";\nimport type { ChartTheme } from \"../theme\";\nimport type { ChartPadding } from \"../types\";\nimport type { ShapeChartType } from \"./types\";\n\nexport const TAU = Math.PI * 2;\n\n/** Rectangle in CSS pixels */\nexport interface ShapeRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface NodeBase {\n  /** Index of the item the node belongs to (hover, dimming); none for decorations */\n  hit?: number;\n  /** Opacity multiplier */\n  alpha?: number;\n  /** Offset applied while the node's item is hovered (pie slices pop out) */\n  shift?: [number, number];\n}\n\n/** Annular sector (pie slice, donut segment, ring) */\nexport interface SectorNode extends NodeBase {\n  kind: \"sector\";\n  cx: number;\n  cy: number;\n  r0: number;\n  r1: number;\n  /** Canvas angles (radians, clockwise from 3 o'clock) */\n  a0: number;\n  a1: number;\n  /** Gap with the neighbours, in pixels */\n  pad: number;\n  /** Corner radius, in pixels */\n  corner: number;\n  fill: string;\n}\n\n/** Polygon (radar grid / series, funnel stage); `hole` is cut out */\nexport interface PolygonNode extends NodeBase {\n  kind: \"polygon\";\n  /** Flat x, y list */\n  points: number[];\n  hole?: number[];\n  fill?: string;\n  stroke?: string;\n  lineWidth?: number;\n  /** Corner radius, in pixels */\n  radius?: number;\n  /** Fill / stroke width when hovered */\n  hoverFill?: string;\n  hoverLineWidth?: number;\n  /** Lightens the shape when hovered */\n  brighten?: boolean;\n}\n\nexport interface RectNode extends NodeBase {\n  kind: \"rect\";\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  radius: number;\n  fill: string;\n  brighten?: boolean;\n}\n\n/** Stroked arc (gauge track / value) */\nexport interface ArcNode extends NodeBase {\n  kind: \"arc\";\n  cx: number;\n  cy: number;\n  r: number;\n  a0: number;\n  a1: number;\n  width: number;\n  color: string;\n  cap: \"round\" | \"butt\";\n}\n\n/** Dot; without fill nor stroke it is only a hit area */\nexport interface CircleNode extends NodeBase {\n  kind: \"circle\";\n  cx: number;\n  cy: number;\n  r: number;\n  fill?: string;\n  stroke?: string;\n  lineWidth?: number;\n  /** Radar: indicator of the vertex */\n  indicator?: number;\n  /** Radius and halo color when the vertex is hovered */\n  hoverR?: number;\n  halo?: string;\n}\n\nexport interface LineNode extends NodeBase {\n  kind: \"line\";\n  points: number[];\n  color: string;\n  width: number;\n  dash?: number[];\n}\n\nexport interface TextNode extends NodeBase {\n  kind: \"text\";\n  x: number;\n  y: number;\n  text: string;\n  font: string;\n  color: string;\n  align: \"left\" | \"center\" | \"right\";\n  baseline: \"top\" | \"middle\" | \"bottom\" | \"alphabetic\";\n  /** Radar: indicator of the label */\n  indicator?: number;\n  hoverColor?: string;\n  hoverFont?: string;\n}\n\n/** Radar: dashed guide from the center to the hovered indicator */\nexport interface GuideNode extends NodeBase {\n  kind: \"guide\";\n  cx: number;\n  cy: number;\n  /** End of each spoke */\n  ends: [number, number][];\n  color: string;\n}\n\nexport type ShapeNode =\n  | SectorNode\n  | PolygonNode\n  | RectNode\n  | ArcNode\n  | CircleNode\n  | LineNode\n  | TextNode\n  | GuideNode;\n\n/** A row of the default tooltip */\nexport interface ShapeTooltipRow {\n  name: string;\n  value: string;\n  color?: string;\n  strong?: boolean;\n}\n\n/** Something the pointer / keyboard can focus */\nexport interface ShapeItem {\n  index: number;\n  name: string;\n  value: number;\n  percent: number;\n  /** `percent` formatted for screen readers (`percentFormat`) */\n  share?: string;\n  color: string;\n  path?: string[];\n  /** Anchor of the tooltip when focused with the keyboard */\n  x: number;\n  y: number;\n  /** Rows of the default tooltip */\n  rows: ShapeTooltipRow[];\n  /** Radar: one entry per indicator */\n  indicators?: {\n    name: string;\n    value: number;\n    percent: number;\n    x: number;\n    y: number;\n  }[];\n}\n\n/** What is hovered: an item (and a radar indicator) */\nexport interface ShapeHover {\n  index: number;\n  indicator?: number;\n}\n\nexport interface ShapeLegendEntry {\n  /** Index passed to `toggle` */\n  index: number;\n  name: string;\n  color: string;\n  hidden: boolean;\n}\n\nexport interface ShapeScene {\n  type: ShapeChartType;\n  /** Size of the whole drawing */\n  width: number;\n  height: number;\n  nodes: ShapeNode[];\n  /** Focusable items, in keyboard order */\n  items: ShapeItem[];\n  /** Opacity of the other marks while one is hovered */\n  dim: number;\n  /** Entry animation of funnels / treemaps: fade and scale around a point */\n  enter?: { alpha: number; scale: number; cx: number; cy: number };\n  /** Radar geometry used by hit testing (and to keep the tooltip off the labels) */\n  radar?: {\n    cx: number;\n    cy: number;\n    radius: number;\n    angles: number[];\n    series: { index: number; points: number[] }[];\n    /** Boxes of the indicator labels */\n    labels?: ShapeRect[];\n  };\n  /** No data to draw (placeholder shown) */\n  empty: boolean;\n}\n\n/** Measures a text in a CSS font */\nexport type MeasureText = (text: string, font: string) => number;\n\n/** Approximate width of a text without a canvas (tests, SSR) */\nexport const estimateText: MeasureText = (text, f) => {\n  const size = /(\\d+(?:\\.\\d+)?)px/.exec(f);\n  return text.length * (size ? Number(size[1]) : 12) * 0.6;\n};\n\n/** What the layouts of every type get */\nexport interface LayoutContext {\n  theme: ChartTheme;\n  measure: MeasureText;\n  hidden: ReadonlySet<number>;\n  /** Entry progress, eased (1 when done) */\n  enter: number;\n  /** Displayed (animated) value of a key */\n  value(key: string, target: number): number;\n  format(value: number): string;\n  /** Formats a share (0-1): `percentFormat` or one decimal */\n  percent(share: number): string;\n  /** Color of the `i`-th mark (custom `color` or the palette) */\n  color(css: string | undefined, i: number): Rgba;\n  /** Drawing area, padding excluded */\n  area: ShapeRect;\n}\n\nexport type LayoutResult = Omit<ShapeScene, \"type\" | \"width\" | \"height\">;\n\nexport const clamp = (v: number, lo: number, hi: number) =>\n  v < lo ? lo : v > hi ? hi : v;\n\n/** Non-negative finite number */\nexport const positive = (v: number | undefined) =>\n  typeof v === \"number\" && Number.isFinite(v) && v > 0 ? v : 0;\n\nexport const finite = (v: number | undefined, fallback = 0) =>\n  typeof v === \"number\" && Number.isFinite(v) ? v : fallback;\n\nexport const sum = (values: readonly number[]) => {\n  let s = 0;\n  for (const v of values) s += v;\n  return s;\n};\n\nexport const easeOutCubic = (t: number) => 1 - Math.pow(1 - clamp(t, 0, 1), 3);\n\nexport const defaultFormat = (value: number) => formatCompact(value);\n\n/** Share 0-1 as a percent with one decimal: `0.4` -> `40.0%` */\nexport const formatPercent = (p: number) =>\n  Number.isFinite(p) ? `${(p * 100).toFixed(1)}%` : \"–\";\n\nexport const inset = (rect: ShapeRect, padding?: ChartPadding): ShapeRect => {\n  const top = padding?.top ?? 8;\n  const right = padding?.right ?? 8;\n  const bottom = padding?.bottom ?? 8;\n  const left = padding?.left ?? 8;\n  return {\n    x: rect.x + left,\n    y: rect.y + top,\n    width: Math.max(0, rect.width - left - right),\n    height: Math.max(0, rect.height - top - bottom),\n  };\n};\n\n/** Shortens a text with an ellipsis so it fits in `max` pixels (\"\" if nothing fits) */\nexport const ellipsize = (\n  text: string,\n  max: number,\n  font: string,\n  measure: MeasureText,\n): string => {\n  if (measure(text, font) <= max) return text;\n  if (measure(\"…\", font) > max) return \"\";\n  let lo = 0;\n  let hi = text.length;\n  while (lo < hi) {\n    const mid = (lo + hi + 1) >> 1;\n    if (measure(text.slice(0, mid) + \"…\", font) <= max) lo = mid;\n    else hi = mid - 1;\n  }\n  return lo ? text.slice(0, lo).trimEnd() + \"…\" : \"\";\n};\n\n/** Stable keys of named values: the name, `name#2` for duplicates */\nexport const uniqueKeys = (names: readonly string[]) => {\n  const seen = new Map<string, number>();\n  return names.map((name) => {\n    const n = (seen.get(name) ?? 0) + 1;\n    seen.set(name, n);\n    return n === 1 ? name : `${name}#${n}`;\n  });\n};\n\nconst LIGHT_INK: Rgba = [1, 1, 1, 0.96];\nconst DARK_INK: Rgba = [15 / 255, 23 / 255, 42 / 255, 0.88];\n\nconst channel = (v: number) =>\n  v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\n\n/** WCAG relative luminance of an opaque color */\nexport const relativeLuminance = (c: Rgba) =>\n  0.2126 * channel(c[0]) + 0.7152 * channel(c[1]) + 0.0722 * channel(c[2]);\n\n/** `top` composited over the opaque `bottom` */\nexport const over = (top: Rgba, bottom: Rgba): Rgba => {\n  const a = clamp(top[3], 0, 1);\n  return [\n    top[0] * a + bottom[0] * (1 - a),\n    top[1] * a + bottom[1] * (1 - a),\n    top[2] * a + bottom[2] * (1 - a),\n    1,\n  ];\n};\n\n/** WCAG contrast ratio (1-21) of `ink` drawn on the opaque `fill` */\nexport const contrastRatio = (ink: Rgba, fill: Rgba) => {\n  const a = relativeLuminance(over(ink, fill));\n  const b = relativeLuminance(fill);\n  return (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);\n};\n\nconst WHITE: Rgba = [1, 1, 1, 1];\n\n/** Light or dark ink, whichever contrasts more with the fill, and its contrast */\nexport const inkOn = (\n  fill: Rgba,\n  backdrop: Rgba = WHITE,\n): { ink: Rgba; css: string; contrast: number } => {\n  const solid = over(fill, over(backdrop, WHITE));\n  const light = contrastRatio(LIGHT_INK, solid);\n  const dark = contrastRatio(DARK_INK, solid);\n  return light >= dark\n    ? { ink: LIGHT_INK, css: toCss(LIGHT_INK), contrast: light }\n    : { ink: DARK_INK, css: toCss(DARK_INK), contrast: dark };\n};\n\n/** Readable text color on a fill (WCAG contrast) */\nexport const textOn = (fill: Rgba, backdrop?: Rgba) =>\n  inkOn(fill, backdrop).css;\n\n/**\n * Fill adjusted so that its best ink reaches `target` contrast: darkened\n * under white text, lightened under dark text (at most `limit` of the way)\n */\nexport const readableFill = (fill: Rgba, target = 4.5, limit = 0.3): Rgba => {\n  let best = inkOn(fill);\n  if (best.contrast >= target) return fill;\n  const toward: Rgba =\n    best.ink === LIGHT_INK ? [0, 0, 0, fill[3]] : [1, 1, 1, fill[3]];\n  for (let t = 0.04; t <= limit + 1e-9; t += 0.04) {\n    const next = mix(fill, toward, t);\n    best = inkOn(next);\n    if (best.contrast >= target) return next;\n  }\n  return mix(fill, toward, limit);\n};\n\n/** Resolves a custom color with the theme resolver (static parsing otherwise) */\nexport const resolveWith = (\n  theme: ChartTheme,\n  css: string | undefined,\n  fallback: Rgba,\n): Rgba => {\n  if (!css) return fallback;\n  return theme.resolve\n    ? theme.resolve(css, fallback)\n    : (parseColor(css) ?? fallback);\n};\n\n/** Placeholder of a chart without data: a muted ring and \"No data\" */\nexport const emptyLayout = (c: LayoutContext): LayoutResult => {\n  const { area, theme } = c;\n  const cx = area.x + area.width / 2;\n  const cy = area.y + area.height / 2;\n  const r1 = Math.max(0, Math.min(area.width, area.height) / 2 - 6);\n  return {\n    nodes: [\n      {\n        kind: \"sector\",\n        cx,\n        cy,\n        r0: r1 * 0.66,\n        r1,\n        a0: 0,\n        a1: TAU,\n        pad: 0,\n        corner: 0,\n        fill: toCss(theme.grid, 0.8),\n      },\n      {\n        kind: \"text\",\n        x: cx,\n        y: cy,\n        text: \"No data\",\n        font: font(theme, 12),\n        color: toCss(theme.textMuted),\n        align: \"center\",\n        baseline: \"middle\",\n      },\n    ],\n    items: [],\n    dim: 1,\n    empty: true,\n  };\n};\n"],"mappings":";;;;AAUA,IAAaA,IAAM,KAAK,KAAK,GAsNhBC,KAA6B,GAAM,MAAM;CACpD,IAAMC,IAAO,oBAAoB,KAAKC,CAAC;CACvC,OAAOC,EAAK,UAAUF,IAAO,OAAOA,EAAK,EAAE,IAAI,MAAM;AACvD,GAsBaG,KAAS,GAAW,GAAY,MAC3CC,IAAIC,IAAKA,IAAKD,IAAIE,IAAKA,IAAKF,GAGjBG,KAAY,MACvB,OAAOH,KAAM,YAAY,OAAO,SAASA,CAAC,KAAKA,IAAI,IAAIA,IAAI,GAEhDI,KAAU,GAAuB,IAAW,MACvD,OAAOJ,KAAM,YAAY,OAAO,SAASA,CAAC,IAAIA,IAAIK,GAEvCC,KAAO,MAA8B;CAChD,IAAIC,IAAI;CACR,KAAK,IAAMP,KAAKQ,GAAQ,KAAKR;CAC7B,OAAOO;AACT,GAEaE,KAAgB,MAAc,KAAa,IAAIV,EAAMW,GAAG,GAAG,CAAC,MAAG,GAE/DC,KAAiB,MAAkBC,EAAcC,CAAK,GAGtDC,KAAiB,MAC5B,OAAO,SAASC,CAAC,IAAI,IAAIA,IAAI,IAAA,CAAK,QAAQ,CAAC,EAAE,KAAK,KAEvCC,KAAS,GAAiB,MAAsC;CAC3E,IAAMC,IAAMC,GAAS,OAAO,GACtBC,IAAQD,GAAS,SAAS,GAC1BE,IAASF,GAAS,UAAU,GAC5BG,IAAOH,GAAS,QAAQ;CAC9B,OAAO;EACL,GAAGI,EAAK,IAAID;EACZ,GAAGC,EAAK,IAAIL;EACZ,OAAO,KAAK,IAAI,GAAGK,EAAK,QAAQD,IAAOF,CAAK;EAC5C,QAAQ,KAAK,IAAI,GAAGG,EAAK,SAASL,IAAMG,CAAM;CAChD;AACF,GAGaG,KACX,GACA,GACA,GACA,MACW;CACX,IAAIC,EAAQ1B,GAAM2B,CAAI,KAAKC,GAAK,OAAO5B;CACvC,IAAI0B,EAAQ,KAAKC,CAAI,IAAIC,GAAK,OAAO;CACrC,IAAIzB,IAAK,GACLC,IAAKJ,EAAK;CACd,OAAOG,IAAKC,IAAI;EACd,IAAMyB,IAAO1B,IAAKC,IAAK,KAAM;EAC7B,AAAIsB,EAAQ1B,EAAK,MAAM,GAAG6B,CAAG,IAAI,KAAKF,CAAI,KAAKC,IAAK,IAAKC,IACpD,IAAKA,IAAM;CAClB;CACA,OAAO1B,IAAKH,EAAK,MAAM,GAAGG,CAAE,CAAC,CAAC,QAAQ,IAAI,MAAM;AAClD,GAGa2B,KAAc,MAA6B;CACtD,IAAMC,oBAAO,IAAI,IAAoB;CACrC,OAAOC,EAAM,KAAK,MAAS;EACzB,IAAM,KAAKD,EAAK,IAAIE,CAAI,KAAK,KAAK;EAElC,OADAF,EAAK,IAAIE,GAAM,CAAC,GACT,MAAM,IAAIA,IAAO,GAAGA,EAAK,GAAG;CACrC,CAAC;AACH,GAEMC,IAAkB;CAAC;CAAG;CAAG;CAAG;AAAI,GAChCC,IAAiB;CAAC,KAAK;CAAK,KAAK;CAAK,KAAK;CAAK;AAAI,GAEpDC,KAAW,MACflC,KAAK,SAAUA,IAAI,UAAkBA,IAAI,QAAS,UAAO,KAG9CmC,KAAqB,MAChC,QAASD,EAAQE,EAAE,EAAE,IAAI,QAASF,EAAQE,EAAE,EAAE,IAAI,QAASF,EAAQE,EAAE,EAAE,GAG5DC,KAAQ,GAAW,MAAuB;CACrD,IAAMC,IAAIvC,EAAMkB,EAAI,IAAI,GAAG,CAAC;CAC5B,OAAO;EACLA,EAAI,KAAKqB,IAAIlB,EAAO,MAAM,IAAIkB;EAC9BrB,EAAI,KAAKqB,IAAIlB,EAAO,MAAM,IAAIkB;EAC9BrB,EAAI,KAAKqB,IAAIlB,EAAO,MAAM,IAAIkB;EAC9B;CACF;AACF,GAGaC,KAAiB,GAAW,MAAe;CACtD,IAAMD,IAAIH,EAAkBE,EAAKG,GAAKC,CAAI,CAAC,GACrCC,IAAIP,EAAkBM,CAAI;CAChC,QAAQ,KAAK,IAAIH,GAAGI,CAAC,IAAI,QAAS,KAAK,IAAIJ,GAAGI,CAAC,IAAI;AACrD,GAEMC,IAAc;CAAC;CAAG;CAAG;CAAG;AAAC,GAGlBC,KACX,GACA,IAAiBD,MACgC;CACjD,IAAME,IAAQR,EAAKI,GAAMJ,EAAKS,GAAUH,CAAK,CAAC,GACxCI,IAAQR,EAAcP,GAAWa,CAAK,GACtCG,IAAOT,EAAcN,GAAUY,CAAK;CAC1C,OAAOE,KAASC,IACZ;EAAE,KAAKhB;EAAW,KAAKiB,EAAMjB,CAAS;EAAG,UAAUe;CAAM,IACzD;EAAE,KAAKd;EAAU,KAAKgB,EAAMhB,CAAQ;EAAG,UAAUe;CAAK;AAC5D,GAGaE,KAAU,GAAY,MACjCN,EAAMH,GAAMK,CAAQ,CAAC,CAAC,KAMXK,KAAgB,GAAY,IAAS,KAAK,IAAQ,OAAc;CAC3E,IAAIC,IAAOR,EAAMH,CAAI;CACrB,IAAIW,EAAK,YAAYC,GAAQ,OAAOZ;CACpC,IAAMa,IACJF,EAAK,QAAQpB,IAAY;EAAC;EAAG;EAAG;EAAGS,EAAK;CAAE,IAAI;EAAC;EAAG;EAAG;EAAGA,EAAK;CAAE;CACjE,KAAK,IAAI/B,IAAI,KAAMA,KAAK6C,IAAQ,MAAM,KAAK,KAAM;EAC/C,IAAMC,IAAOC,EAAIhB,GAAMa,GAAQ5C,CAAC;EAEhC,IADA,IAAOkC,EAAMY,CAAI,GACbJ,EAAK,YAAYC,GAAQ,OAAOG;CACtC;CACA,OAAOC,EAAIhB,GAAMa,GAAQC,CAAK;AAChC,GAGaG,KACX,GACA,GACA,MAEKC,IACEC,EAAM,UACTA,EAAM,QAAQD,GAAKtD,CAAQ,IAC1BwD,EAAWF,CAAG,KAAKtD,IAHPA,GAONyD,KAAe,MAAmC;CAC7D,IAAM,EAAE,SAAM,aAAU1B,GAClB2B,IAAKC,EAAK,IAAIA,EAAK,QAAQ,GAC3BC,IAAKD,EAAK,IAAIA,EAAK,SAAS,GAC5BE,IAAK,KAAK,IAAI,GAAG,KAAK,IAAIF,EAAK,OAAOA,EAAK,MAAM,IAAI,IAAI,CAAC;CAChE,OAAO;EACL,OAAO,CACL;GACE,MAAM;GACN;GACA;GACA,IAAIE,IAAK;GACT;GACA,IAAI;GACJ,IAAIxE;GACJ,KAAK;GACL,QAAQ;GACR,MAAMuD,EAAMW,EAAM,MAAM,EAAG;EAC7B,GACA;GACE,MAAM;GACN,GAAGG;GACH,GAAGE;GACH,MAAM;GACN,MAAMxC,EAAKmC,GAAO,EAAE;GACpB,OAAOX,EAAMW,EAAM,SAAS;GAC5B,OAAO;GACP,UAAU;EACZ,CACF;EACA,OAAO,CAAC;EACR,KAAK;EACL,OAAO;CACT;AACF"}
+{"version":3,"file":"scene.js","names":["TAU","estimateText","size","f","text","clamp","v","lo","hi","positive","finite","fallback","sum","s","values","easeOutCubic","t","upright","r","a","inset","top","padding","right","bottom","left","rect","ellipsize","measure","font","max","mid","uniqueKeys","seen","names","name","LIGHT_INK","DARK_INK","channel","relativeLuminance","c","over","contrastRatio","ink","fill","b","WHITE","inkOn","solid","backdrop","light","dark","toCss","textOn","readableFill","best","target","toward","limit","next","mix","resolveWith","css","theme","parseColor","emptyLayout","cx","area","cy","r1"],"sources":["../../../../../charts/src/engine/shapes/scene.ts"],"sourcesContent":["// Drawable scene of a shape chart: resolved geometry, colors and texts,\n// produced by the (DOM-free) layouts and consumed by draw / hit testing.\n\nimport { mix, parseColor, toCss, type Rgba } from \"../color\";\n\nimport { font } from \"../overlay\";\nimport type { ChartTheme } from \"../theme\";\nimport type { ChartPadding } from \"../types\";\nimport type {\n  ShapeChartLabels,\n  ShapeChartType,\n  ShapeHoverEvent,\n} from \"./types\";\n\nexport const TAU = Math.PI * 2;\n\n/** Rectangle in CSS pixels */\nexport interface ShapeRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface NodeBase {\n  /** Index of the item the node belongs to (hover, dimming); none for decorations */\n  hit?: number;\n  /**\n   * Other items whose hover also emphasizes the node (the flows of a hovered\n   * sankey node, the ancestors of a hovered sunburst sector); hit testing\n   * only uses `hit`\n   */\n  also?: readonly number[];\n  /** Opacity multiplier */\n  alpha?: number;\n  /** Offset applied while the node's item is hovered (pie slices pop out) */\n  shift?: [number, number];\n}\n\n/** Annular sector (pie slice, donut segment, ring) */\nexport interface SectorNode extends NodeBase {\n  kind: \"sector\";\n  cx: number;\n  cy: number;\n  r0: number;\n  r1: number;\n  /** Canvas angles (radians, clockwise from 3 o'clock) */\n  a0: number;\n  a1: number;\n  /** Gap with the neighbours, in pixels */\n  pad: number;\n  /** Corner radius, in pixels */\n  corner: number;\n  fill: string;\n}\n\n/** Polygon (radar grid / series, funnel stage); `hole` is cut out */\nexport interface PolygonNode extends NodeBase {\n  kind: \"polygon\";\n  /** Flat x, y list */\n  points: number[];\n  hole?: number[];\n  fill?: string;\n  stroke?: string;\n  lineWidth?: number;\n  /** Corner radius, in pixels */\n  radius?: number;\n  /** Fill / stroke width when hovered */\n  hoverFill?: string;\n  hoverLineWidth?: number;\n  /** Lightens the shape when hovered */\n  brighten?: boolean;\n}\n\nexport interface RectNode extends NodeBase {\n  kind: \"rect\";\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  radius: number;\n  fill: string;\n  brighten?: boolean;\n  /** Outline drawn inside the rectangle while its item is hovered */\n  hoverStroke?: string;\n  /** Distance (px) around the rectangle still picked by hit testing (default 0) */\n  hitPad?: number;\n}\n\n/** Stroked arc (gauge track / value) */\nexport interface ArcNode extends NodeBase {\n  kind: \"arc\";\n  cx: number;\n  cy: number;\n  r: number;\n  a0: number;\n  a1: number;\n  width: number;\n  color: string;\n  cap: \"round\" | \"butt\";\n  /** Distance (px) beyond the stroke still picked by hit testing (default 4) */\n  hitPad?: number;\n}\n\n/** Dot; without fill nor stroke it is only a hit area */\nexport interface CircleNode extends NodeBase {\n  kind: \"circle\";\n  cx: number;\n  cy: number;\n  r: number;\n  fill?: string;\n  stroke?: string;\n  lineWidth?: number;\n  /** Radar: indicator of the vertex */\n  indicator?: number;\n  /** Radius and halo color when the vertex is hovered */\n  hoverR?: number;\n  halo?: string;\n}\n\nexport interface LineNode extends NodeBase {\n  kind: \"line\";\n  points: number[];\n  color: string;\n  width: number;\n  dash?: number[];\n}\n\nexport interface TextNode extends NodeBase {\n  kind: \"text\";\n  x: number;\n  y: number;\n  text: string;\n  font: string;\n  color: string;\n  align: \"left\" | \"center\" | \"right\";\n  baseline: \"top\" | \"middle\" | \"bottom\" | \"alphabetic\";\n  /** Radar: indicator of the label */\n  indicator?: number;\n  hoverColor?: string;\n  hoverFont?: string;\n  /** Rotation around (x, y), radians clockwise */\n  rotate?: number;\n  /** Outline drawn behind the text so it reads over other marks */\n  halo?: string;\n}\n\n/**\n * Sankey flow: a horizontal S-curve (cubic Bézier) of constant thickness\n * from (x0, y0) to (x1, y1), filled with a gradient from `color0` to `color1`\n */\nexport interface LinkNode extends NodeBase {\n  kind: \"link\";\n  x0: number;\n  y0: number;\n  x1: number;\n  y1: number;\n  /** Thickness, in pixels */\n  width: number;\n  color0: string;\n  color1: string;\n  /** Opacity while the link (or one of its `also` items) is hovered */\n  activeAlpha?: number;\n}\n\n/** Radar: dashed guide from the center to the hovered indicator */\nexport interface GuideNode extends NodeBase {\n  kind: \"guide\";\n  cx: number;\n  cy: number;\n  /** End of each spoke */\n  ends: [number, number][];\n  color: string;\n}\n\nexport type ShapeNode =\n  | SectorNode\n  | PolygonNode\n  | RectNode\n  | ArcNode\n  | CircleNode\n  | LineNode\n  | TextNode\n  | GuideNode\n  | LinkNode;\n\n/** A row of the default tooltip */\nexport interface ShapeTooltipRow {\n  name: string;\n  value: string;\n  color?: string;\n  strong?: boolean;\n}\n\n/** Something the pointer / keyboard can focus */\nexport interface ShapeItem {\n  index: number;\n  name: string;\n  value: number;\n  percent: number;\n  /** `percent` formatted for screen readers (`percentFormat`) */\n  share?: string;\n  color: string;\n  path?: string[];\n  /** Anchor of the tooltip when focused with the keyboard */\n  x: number;\n  y: number;\n  /** Rows of the default tooltip */\n  rows: ShapeTooltipRow[];\n  /** Radar: one entry per indicator */\n  indicators?: {\n    name: string;\n    value: number;\n    percent: number;\n    x: number;\n    y: number;\n  }[];\n  /** Extra fields of the hover event (calendar date, sankey link ends) */\n  event?: Pick<ShapeHoverEvent, \"date\" | \"source\" | \"target\">;\n  /** Sunburst: path focused when the item is activated (click, Enter) */\n  drill?: string[];\n}\n\n/** What is hovered: an item (and a radar indicator) */\nexport interface ShapeHover {\n  index: number;\n  indicator?: number;\n}\n\nexport interface ShapeLegendEntry {\n  /** Index passed to `toggle` */\n  index: number;\n  name: string;\n  color: string;\n  hidden: boolean;\n}\n\nexport interface ShapeScene {\n  type: ShapeChartType;\n  /** Size of the whole drawing */\n  width: number;\n  height: number;\n  nodes: ShapeNode[];\n  /** Focusable items, in keyboard order */\n  items: ShapeItem[];\n  /** Opacity of the other marks while one is hovered */\n  dim: number;\n  /** Entry animation of funnels / treemaps: fade and scale around a point */\n  enter?: { alpha: number; scale: number; cx: number; cy: number };\n  /**\n   * Arrow-key moves in a grid of items (calendar heatmap), in positions of\n   * `items`: `next` for Left / Right, `down` for Up / Down; no wrapping\n   */\n  steps?: { next: number; down: number };\n  /** Radar geometry used by hit testing (and to keep the tooltip off the labels) */\n  radar?: {\n    cx: number;\n    cy: number;\n    radius: number;\n    angles: number[];\n    series: { index: number; points: number[] }[];\n    /** Boxes of the indicator labels */\n    labels?: ShapeRect[];\n  };\n  /** No data to draw (placeholder shown) */\n  empty: boolean;\n  /** Built-in texts of the chart's locale (accessible descriptions) */\n  labels?: ShapeChartLabels;\n  /** Resolved locale of the chart */\n  locale?: string;\n}\n\n/** Measures a text in a CSS font */\nexport type MeasureText = (text: string, font: string) => number;\n\n/** Approximate width of a text without a canvas (tests, SSR) */\nexport const estimateText: MeasureText = (text, f) => {\n  const size = /(\\d+(?:\\.\\d+)?)px/.exec(f);\n  return text.length * (size ? Number(size[1]) : 12) * 0.6;\n};\n\n/** What the layouts of every type get */\nexport interface LayoutContext {\n  theme: ChartTheme;\n  measure: MeasureText;\n  hidden: ReadonlySet<number>;\n  /** Entry progress, eased (1 when done) */\n  enter: number;\n  /** Displayed (animated) value of a key */\n  value(key: string, target: number): number;\n  format(value: number): string;\n  /** Formats a share (0-1): `percentFormat` or a locale percent with one decimal */\n  percent(share: number): string;\n  /** Built-in texts (locale and `texts` overrides) */\n  labels: ShapeChartLabels;\n  /** Resolved locale */\n  locale: string;\n  /** Color of the `i`-th mark (custom `color` or the palette) */\n  color(css: string | undefined, i: number): Rgba;\n  /** Drawing area, padding excluded */\n  area: ShapeRect;\n  /** Sunburst: names from the root to the focused node */\n  focus: readonly string[];\n}\n\nexport type LayoutResult = Omit<\n  ShapeScene,\n  \"type\" | \"width\" | \"height\" | \"labels\" | \"locale\"\n>;\n\nexport const clamp = (v: number, lo: number, hi: number) =>\n  v < lo ? lo : v > hi ? hi : v;\n\n/** Non-negative finite number */\nexport const positive = (v: number | undefined) =>\n  typeof v === \"number\" && Number.isFinite(v) && v > 0 ? v : 0;\n\nexport const finite = (v: number | undefined, fallback = 0) =>\n  typeof v === \"number\" && Number.isFinite(v) ? v : fallback;\n\nexport const sum = (values: readonly number[]) => {\n  let s = 0;\n  for (const v of values) s += v;\n  return s;\n};\n\nexport const easeOutCubic = (t: number) => 1 - Math.pow(1 - clamp(t, 0, 1), 3);\n\n/** Angle brought into (-π/2, π/2] so that text rotated by it reads left to right */\nexport const upright = (a: number) => {\n  let r = a % TAU;\n  if (r > Math.PI) r -= TAU;\n  if (r <= -Math.PI) r += TAU;\n  if (r > Math.PI / 2) r -= Math.PI;\n  else if (r <= -Math.PI / 2) r += Math.PI;\n  return r;\n};\n\nexport const inset = (rect: ShapeRect, padding?: ChartPadding): ShapeRect => {\n  const top = padding?.top ?? 8;\n  const right = padding?.right ?? 8;\n  const bottom = padding?.bottom ?? 8;\n  const left = padding?.left ?? 8;\n  return {\n    x: rect.x + left,\n    y: rect.y + top,\n    width: Math.max(0, rect.width - left - right),\n    height: Math.max(0, rect.height - top - bottom),\n  };\n};\n\n/** Shortens a text with an ellipsis so it fits in `max` pixels (\"\" if nothing fits) */\nexport const ellipsize = (\n  text: string,\n  max: number,\n  font: string,\n  measure: MeasureText,\n): string => {\n  if (measure(text, font) <= max) return text;\n  if (measure(\"…\", font) > max) return \"\";\n  let lo = 0;\n  let hi = text.length;\n  while (lo < hi) {\n    const mid = (lo + hi + 1) >> 1;\n    if (measure(text.slice(0, mid) + \"…\", font) <= max) lo = mid;\n    else hi = mid - 1;\n  }\n  return lo ? text.slice(0, lo).trimEnd() + \"…\" : \"\";\n};\n\n/** Stable keys of named values: the name, `name#2` for duplicates */\nexport const uniqueKeys = (names: readonly string[]) => {\n  const seen = new Map<string, number>();\n  return names.map((name) => {\n    const n = (seen.get(name) ?? 0) + 1;\n    seen.set(name, n);\n    return n === 1 ? name : `${name}#${n}`;\n  });\n};\n\nconst LIGHT_INK: Rgba = [1, 1, 1, 0.96];\nconst DARK_INK: Rgba = [15 / 255, 23 / 255, 42 / 255, 0.88];\n\nconst channel = (v: number) =>\n  v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\n\n/** WCAG relative luminance of an opaque color */\nexport const relativeLuminance = (c: Rgba) =>\n  0.2126 * channel(c[0]) + 0.7152 * channel(c[1]) + 0.0722 * channel(c[2]);\n\n/** `top` composited over the opaque `bottom` */\nexport const over = (top: Rgba, bottom: Rgba): Rgba => {\n  const a = clamp(top[3], 0, 1);\n  return [\n    top[0] * a + bottom[0] * (1 - a),\n    top[1] * a + bottom[1] * (1 - a),\n    top[2] * a + bottom[2] * (1 - a),\n    1,\n  ];\n};\n\n/** WCAG contrast ratio (1-21) of `ink` drawn on the opaque `fill` */\nexport const contrastRatio = (ink: Rgba, fill: Rgba) => {\n  const a = relativeLuminance(over(ink, fill));\n  const b = relativeLuminance(fill);\n  return (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);\n};\n\nconst WHITE: Rgba = [1, 1, 1, 1];\n\n/** Light or dark ink, whichever contrasts more with the fill, and its contrast */\nexport const inkOn = (\n  fill: Rgba,\n  backdrop: Rgba = WHITE,\n): { ink: Rgba; css: string; contrast: number } => {\n  const solid = over(fill, over(backdrop, WHITE));\n  const light = contrastRatio(LIGHT_INK, solid);\n  const dark = contrastRatio(DARK_INK, solid);\n  return light >= dark\n    ? { ink: LIGHT_INK, css: toCss(LIGHT_INK), contrast: light }\n    : { ink: DARK_INK, css: toCss(DARK_INK), contrast: dark };\n};\n\n/** Readable text color on a fill (WCAG contrast) */\nexport const textOn = (fill: Rgba, backdrop?: Rgba) =>\n  inkOn(fill, backdrop).css;\n\n/**\n * Fill adjusted so that its best ink reaches `target` contrast: darkened\n * under white text, lightened under dark text (at most `limit` of the way)\n */\nexport const readableFill = (fill: Rgba, target = 4.5, limit = 0.3): Rgba => {\n  let best = inkOn(fill);\n  if (best.contrast >= target) return fill;\n  const toward: Rgba =\n    best.ink === LIGHT_INK ? [0, 0, 0, fill[3]] : [1, 1, 1, fill[3]];\n  for (let t = 0.04; t <= limit + 1e-9; t += 0.04) {\n    const next = mix(fill, toward, t);\n    best = inkOn(next);\n    if (best.contrast >= target) return next;\n  }\n  return mix(fill, toward, limit);\n};\n\n/** Resolves a custom color with the theme resolver (static parsing otherwise) */\nexport const resolveWith = (\n  theme: ChartTheme,\n  css: string | undefined,\n  fallback: Rgba,\n): Rgba => {\n  if (!css) return fallback;\n  return theme.resolve\n    ? theme.resolve(css, fallback)\n    : (parseColor(css) ?? fallback);\n};\n\n/** Placeholder of a chart without data: a muted ring and \"No data\" (localized) */\nexport const emptyLayout = (c: LayoutContext): LayoutResult => {\n  const { area, theme } = c;\n  const cx = area.x + area.width / 2;\n  const cy = area.y + area.height / 2;\n  const r1 = Math.max(0, Math.min(area.width, area.height) / 2 - 6);\n  return {\n    nodes: [\n      {\n        kind: \"sector\",\n        cx,\n        cy,\n        r0: r1 * 0.66,\n        r1,\n        a0: 0,\n        a1: TAU,\n        pad: 0,\n        corner: 0,\n        fill: toCss(theme.grid, 0.8),\n      },\n      {\n        kind: \"text\",\n        x: cx,\n        y: cy,\n        text: c.labels.noData,\n        font: font(theme, 12),\n        color: toCss(theme.textMuted),\n        align: \"center\",\n        baseline: \"middle\",\n      },\n    ],\n    items: [],\n    dim: 1,\n    empty: true,\n  };\n};\n"],"mappings":"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"}

package/dist/charts/engine/shapes/sunburst.cjs

@@ -0,0 +1,2 @@
+const e=require("../color.cjs"),t=require("../overlay.cjs"),n=require("./labels.cjs"),r=require("./scene.cjs");var i=18,a=(e,t)=>{let n=0,i=(e,a,o)=>{let s=r.uniqueKeys(e.map(e=>e.name));return e.map((e,c)=>{let l=a?o:c,u={node:e,key:`${a?.key??``}/${s[c]}`,path:[...a?.path??[],e.name],top:l,index:n++,depth:(a?.depth??0)+1,target:0,parent:a,children:[]};return e.children?.length?(u.children=i(e.children,u,l),u.target=r.sum(u.children.map(e=>e.target))):u.target=t.has(l)?0:r.positive(e.value),u})};return i(e??[],null,0)},o=(e,t)=>{let n=e,r=null;for(let e of t){let t=n.find(t=>t.node.name===e&&t.children.length&&t.target>0);if(!t)break;r=t,n=t.children}return r},s=(e,t,n)=>o(a(e.data,n),t)?.path??[],c=e=>e.reduce((e,t)=>t.target>0?Math.max(e,t.children.length?c(t.children):t.depth):e,0),l=(e,t,n)=>{let i=r.sum(e.map(e=>e.target)),a=t?t.depth:0,o=0,s=1;if(t&&i>0){let n=0;for(let r=t;r;r=r.parent){let t=r.parent?r.parent.children:e;for(let e of t){if(e===r)break;n+=e.target}}o=n/i,s=o+t.target/i}let l=Math.max(1,c(t?t.children:e)-a);return{a0:o,a1:s,depth:a,levels:Math.min(typeof n==`number`&&n>=1?Math.floor(n):l,l)}},u=(e,t,n,r)=>{let i=a(e.data,t),s=e=>e.forEach(e=>{e.children.length?s(e.children):r.set(e.key,e.target)});s(i);let c=l(i,o(i,n),e.levels);r.set(`@a0`,c.a0),r.set(`@a1`,c.a1),r.set(`@d`,c.depth),r.set(`@levels`,c.levels)},d=(s,c)=>{let{theme:u,area:d,measure:f,hidden:p}=c,m=a(s.data,p),h=r.sum(m.map(e=>e.target)),g=new Map,_=e=>{let t=e.children.length?r.sum(e.children.map(_)):Math.max(0,c.value(e.key,e.target));return g.set(e,t),t},v=r.sum(m.map(_));if(h<=0&&v<=1e-9)return r.emptyLayout(c);let y=o(m,c.focus),b=l(m,y,s.levels),x=c.value(`@a0`,b.a0),S=c.value(`@a1`,b.a1);S-x>1e-6||(x=0,S=1);let C=c.value(`@d`,b.depth),w=d.x+d.width/2,T=d.y+d.height/2,E=Math.max(4,Math.min(d.width,d.height)/2-2),D=E*r.clamp(r.finite(s.innerRadius,.26),0,.8),O=Math.max(1,Math.floor((E-D)/i)),k=Math.max(1,c.value(`@levels`,b.levels)),A=(E-D)/Math.min(k,O),j=r.clamp(c.enter,0,1),M=r.finite(s.startAngle)*Math.PI/180-Math.PI/2,N=e=>M+r.clamp((e-x)/(S-x),0,1)*r.TAU*j,P=Math.max(0,r.finite(s.padAngle,1)),F=Math.max(0,r.finite(s.cornerRadius,2)),I=s.labels??`auto`,L=t.font(u,11),R=r.relativeLuminance(u.background)<.2,z=[],B=[],V=[],H=new Map,U=e=>[e.index,...e.children.flatMap(U)],W=e=>{let t=[];for(let n=e.parent;n;n=n.parent)t.push(n.index);return t},G=(e,t,n,i,a,o,s,c)=>{if(I===`none`)return;let l=n-t,u=a-i,d=(i+a)/2,p=(t+n)/2,m=f(e,L),h=0;if(I!==`radial`&&u>=15){let e=(u-11)/2-1,t=2*d*Math.acos(r.clamp(1-e/d,-1,1));h=Math.max(0,Math.min(l*d-8,t))}let g=0;I!==`tangential`&&l*(i+4)>=13&&(g=Math.max(0,u-10));let _=h>0&&(m<=h||h>=g||I===`tangential`),v=_?h:g;if(v<=0)return;let y=r.ellipsize(e,v,L,f);!y||y!==e&&y.length<4||B.push({kind:`text`,x:w+d*Math.cos(p),y:T+d*Math.sin(p),text:y,font:L,color:r.textOn(o),align:`center`,baseline:`middle`,rotate:r.upright(_?p+Math.PI/2:p),hit:s.index,also:c})},K=(t,n)=>{t.forEach((t,i)=>{let a=n?t.node.color?r.resolveWith(u,t.node.color,n):e.mix(n,u.background,.14+i%3*.06):c.color(t.node.color,t.top);H.set(t,a),t.children.length&&K(t.children,a)})};K(m,null);let q=new Map,J=(e,t)=>{let n=t;for(let t of e)q.set(t,n),t.children.length&&J(t.children,n),n+=(g.get(t)??0)/Math.max(1e-12,v)};J(m,0);let Y=t=>{for(let i of t){let t=g.get(i)??0;if(t<=1e-9)continue;let a=q.get(i)??0,o=a+t/Math.max(1e-12,v),s=N(a),l=N(o),d=i.depth-C,f=Math.max(D,D+(d-1)*A),p=Math.min(E,D+d*A);if(l-s>1e-4&&p-f>.5){let t=H.get(i)??u.primary,a=r.readableFill(R?e.mix(t,u.background,.12):t,3),o=[...W(i),...U(i).slice(1)];if(z.push({kind:`sector`,cx:w,cy:T,r0:f,r1:p,a0:s,a1:l,pad:P,corner:F,fill:e.toCss(a),hit:i.index,also:o}),G(i.node.name,s,l,f,p,a,i,o),i.target>0){let t=h>0?i.target/h:0,r=i.parent?.target??0,o=(f+p)/2,u=(s+l)/2;V.push({index:i.index,name:i.node.name,value:i.target,percent:t,share:c.percent(t),color:e.toCss(a),path:i.path,x:w+o*Math.cos(u),y:T+o*Math.sin(u),rows:[{name:c.labels.value,value:c.format(i.target)},{name:c.labels.share,value:c.percent(t)},...i.parent&&r>0?[{name:n.interpolate(c.labels.ofName,{name:i.parent.node.name}),value:c.percent(i.target/r)}]:[]],...i.children.length?{drill:i.path}:{}})}}i.children.length&&p<E-.5&&Y(i.children)}};Y(m),z.push(...B);let X=D-3;if(X>=14){let n=r.clamp(X*.3,12,24);if(y){let n=H.get(y)??u.primary,i=e.toCss(e.mix(n,u.background,.84)),a=e.toCss(n),o=y.children.flatMap(U);z.push({kind:`circle`,cx:w,cy:T,r:X,fill:i,stroke:e.toCss(n,.5),lineWidth:1,hit:y.index,also:o});let s=t.font(u,r.clamp(X*.2,11,14),600),l=r.ellipsize(y.node.name,X*1.6,s,f),d=c.format(y.target),p=X>=30,m=p?T-2:T+4,g=m-(p?18:12);X>=24&&z.push({kind:`line`,points:[w-5,g+3,w,g-2,w+5,g+3],color:e.toCss(u.textMuted),width:1.5,hit:y.index,also:o}),l&&z.push({kind:`text`,x:w,y:m,text:l,font:s,color:e.toCss(u.text),align:`center`,baseline:`middle`,hit:y.index,also:o}),p&&z.push({kind:`text`,x:w,y:T+16,text:r.ellipsize(d,X*1.6,t.font(u,12),f),font:t.font(u,12),color:e.toCss(u.textMuted),align:`center`,baseline:`middle`,hit:y.index,also:o});let _=h>0?y.target/h:0;V.push({index:y.index,name:y.node.name,value:y.target,percent:_,share:c.percent(_),color:a,path:y.path,x:w,y:T,rows:[{name:c.labels.value,value:c.format(y.target)},{name:c.labels.share,value:c.percent(_)}],drill:y.path.slice(0,-1)})}else if(h>0){let i=t.font(u,n,600),a=r.ellipsize(c.format(h),X*1.7,i,f);a&&z.push({kind:`text`,x:w,y:T,text:a,font:i,color:e.toCss(u.text),align:`center`,baseline:`middle`})}}return V.sort((e,t)=>e.index-t.index),{nodes:z,items:V,dim:.35,empty:!1}};exports.layoutSunburst=d,exports.resolveSunburstPath=s,exports.sunburstValues=u;
+//# sourceMappingURL=sunburst.cjs.map

package/dist/charts/engine/shapes/sunburst.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sunburst.cjs","names":["uniqueKeys","sum","positive","emptyLayout","clamp","finite","TAU","font","relativeLuminance","ellipsize","textOn","upright","resolveWith","mix","readableFill","toCss","interpolate","require_color","require_overlay","require_labels","require_scene","MIN_RING","build","count","walk","keys","nodes","nd","t","parent","top","j","b","node","ch","hidden","data","focusOf","list","tree","found","name","path","next","resolveSunburstPath","o","deepest","d","view","total","depth","focus","a0","a1","f","p","siblings","s","below","levels","sunburstValues","visit","out","v","focusPath","layoutSunburst","shown","measureShown","shownTotal","target","w0","w1","cx","area","cy","R","R0","fit","ring","enter","start","angle","pad","corner","mode","labelFont","theme","dark","labels","items","colorOf","subtree","ancestors","label","span","thick","r1","r0","rm","m","full","measure","tangential","sag","chord","radial","useTangential","room","text","fill","color","parentColor","fracStart","place","from","sectors","f0","f1","rel","base","also","percent","rc","valueSize","css","nameFont","value","showValue","nameY","chevronY","valueFont","a"],"sources":["../../../../../charts/src/engine/shapes/sunburst.ts"],"sourcesContent":["// Sunburst layout: the hierarchy as concentric rings around a center circle.\n// Drilling into a node animates the angular window (the node's share of the\n// root) and the depth: its children open to the full circle while the\n// ancestors slide into the center. Labels follow the arc or the radius,\n// whichever fits.\n\nimport { mix, toCss, type Rgba } from \"../color\";\nimport { font } from \"../overlay\";\nimport { interpolate } from \"./labels\";\nimport {\n  clamp,\n  ellipsize,\n  emptyLayout,\n  finite,\n  positive,\n  readableFill,\n  relativeLuminance,\n  resolveWith,\n  sum,\n  TAU,\n  textOn,\n  uniqueKeys,\n  upright,\n  type LayoutContext,\n  type LayoutResult,\n  type ShapeItem,\n  type ShapeNode,\n} from \"./scene\";\nimport type { SunburstChartOptions, TreemapNode } from \"./types\";\n\n/** Thinnest ring, in pixels (fewer levels are shown below) */\nconst MIN_RING = 18;\n\ninterface SNode {\n  node: TreemapNode;\n  key: string;\n  path: string[];\n  /** Index of the top-level ancestor (legend) */\n  top: number;\n  /** Depth-first index (hover `index`) */\n  index: number;\n  /** 1 for the top-level nodes */\n  depth: number;\n  target: number;\n  parent: SNode | null;\n  children: SNode[];\n}\n\n/** Tree with the target values; hidden top-level nodes count 0 */\nconst build = (\n  data: readonly TreemapNode[],\n  hidden: ReadonlySet<number>,\n): SNode[] => {\n  let count = 0;\n  const walk = (\n    nodes: readonly TreemapNode[],\n    parent: SNode | null,\n    top: number,\n  ): SNode[] => {\n    const keys = uniqueKeys(nodes.map((nd) => nd.name));\n    return nodes.map((node, j) => {\n      const t = parent ? top : j;\n      const b: SNode = {\n        node,\n        key: `${parent?.key ?? \"\"}/${keys[j]}`,\n        path: [...(parent?.path ?? []), node.name],\n        top: t,\n        index: count++,\n        depth: (parent?.depth ?? 0) + 1,\n        target: 0,\n        parent,\n        children: [],\n      };\n      if (node.children?.length) {\n        b.children = walk(node.children, b, t);\n        b.target = sum(b.children.map((ch) => ch.target));\n      } else b.target = hidden.has(t) ? 0 : positive(node.value);\n      return b;\n    });\n  };\n  return walk(data ?? [], null, 0);\n};\n\n/**\n * The deepest node of `path` that can be focused (a parent with a value),\n * `null` for the root\n */\nconst focusOf = (tree: SNode[], path: readonly string[]): SNode | null => {\n  let list = tree;\n  let found: SNode | null = null;\n  for (const name of path) {\n    const next = list.find(\n      (b) => b.node.name === name && b.children.length && b.target > 0,\n    );\n    if (!next) break;\n    found = next;\n    list = next.children;\n  }\n  return found;\n};\n\n/** Valid part of a drill path (names from the root to a focusable parent) */\nexport const resolveSunburstPath = (\n  o: SunburstChartOptions,\n  path: readonly string[],\n  hidden: ReadonlySet<number>,\n): string[] => focusOf(build(o.data, hidden), path)?.path ?? [];\n\nconst deepest = (list: readonly SNode[]): number =>\n  list.reduce(\n    (d, b) =>\n      b.target > 0\n        ? Math.max(d, b.children.length ? deepest(b.children) : b.depth)\n        : d,\n    0,\n  );\n\n/** Angular window of the focused node (shares of the root) and depths */\nconst view = (tree: SNode[], focus: SNode | null, levels?: number) => {\n  const total = sum(tree.map((b) => b.target));\n  const depth = focus ? focus.depth : 0;\n  let a0 = 0;\n  let a1 = 1;\n  if (focus && total > 0) {\n    // start: shares of the previous siblings of every ancestor\n    let f = 0;\n    for (let p: SNode | null = focus; p; p = p.parent) {\n      const siblings: SNode[] = p.parent ? p.parent.children : tree;\n      for (const s of siblings) {\n        if (s === p) break;\n        f += s.target;\n      }\n    }\n    a0 = f / total;\n    a1 = a0 + focus.target / total;\n  }\n  const below = Math.max(1, deepest(focus ? focus.children : tree) - depth);\n  const wanted =\n    typeof levels === \"number\" && levels >= 1 ? Math.floor(levels) : below;\n  return { a0, a1, depth, levels: Math.min(wanted, below) };\n};\n\nexport const sunburstValues = (\n  o: SunburstChartOptions,\n  hidden: ReadonlySet<number>,\n  focusPath: readonly string[],\n  out: Map<string, number>,\n) => {\n  const tree = build(o.data, hidden);\n  const visit = (nodes: SNode[]) =>\n    nodes.forEach((b) => {\n      if (b.children.length) visit(b.children);\n      else out.set(b.key, b.target);\n    });\n  visit(tree);\n  const v = view(tree, focusOf(tree, focusPath), o.levels);\n  out.set(\"@a0\", v.a0);\n  out.set(\"@a1\", v.a1);\n  out.set(\"@d\", v.depth);\n  out.set(\"@levels\", v.levels);\n};\n\nexport const layoutSunburst = (\n  o: SunburstChartOptions,\n  c: LayoutContext,\n): LayoutResult => {\n  const { theme, area, measure, hidden } = c;\n  const tree = build(o.data, hidden);\n  const total = sum(tree.map((b) => b.target));\n  // displayed (animated) values\n  const shown = new Map<SNode, number>();\n  const measureShown = (b: SNode): number => {\n    const v = b.children.length\n      ? sum(b.children.map(measureShown))\n      : Math.max(0, c.value(b.key, b.target));\n    shown.set(b, v);\n    return v;\n  };\n  const shownTotal = sum(tree.map(measureShown));\n  if (total <= 0 && shownTotal <= 1e-9) return emptyLayout(c);\n\n  const focus = focusOf(tree, c.focus);\n  const target = view(tree, focus, o.levels);\n  let w0 = c.value(\"@a0\", target.a0);\n  let w1 = c.value(\"@a1\", target.a1);\n  if (!(w1 - w0 > 1e-6)) {\n    w0 = 0;\n    w1 = 1;\n  }\n  const d = c.value(\"@d\", target.depth);\n  const cx = area.x + area.width / 2;\n  const cy = area.y + area.height / 2;\n  const R = Math.max(4, Math.min(area.width, area.height) / 2 - 2);\n  const R0 = R * clamp(finite(o.innerRadius, 0.26), 0, 0.8);\n  const fit = Math.max(1, Math.floor((R - R0) / MIN_RING));\n  const levels = Math.max(1, c.value(\"@levels\", target.levels));\n  const ring = (R - R0) / Math.min(levels, fit);\n  const enter = clamp(c.enter, 0, 1);\n  const start = (finite(o.startAngle) * Math.PI) / 180 - Math.PI / 2;\n  const angle = (f: number) =>\n    start + clamp((f - w0) / (w1 - w0), 0, 1) * TAU * enter;\n  const pad = Math.max(0, finite(o.padAngle, 1));\n  const corner = Math.max(0, finite(o.cornerRadius, 2));\n  const mode = o.labels ?? \"auto\";\n  const labelFont = font(theme, 11);\n  const dark = relativeLuminance(theme.background) < 0.2;\n\n  const nodes: ShapeNode[] = [];\n  const labels: ShapeNode[] = [];\n  const items: ShapeItem[] = [];\n  const colorOf = new Map<SNode, Rgba>();\n  const subtree = (b: SNode): number[] => [\n    b.index,\n    ...b.children.flatMap(subtree),\n  ];\n  const ancestors = (b: SNode) => {\n    const out: number[] = [];\n    for (let p = b.parent; p; p = p.parent) out.push(p.index);\n    return out;\n  };\n\n  const label = (\n    name: string,\n    a0: number,\n    a1: number,\n    r0: number,\n    r1: number,\n    fill: Rgba,\n    b: SNode,\n    also: number[],\n  ) => {\n    if (mode === \"none\") return;\n    const span = a1 - a0;\n    const thick = r1 - r0;\n    const rm = (r0 + r1) / 2;\n    const m = (a0 + a1) / 2;\n    const size = 11;\n    const full = measure(name, labelFont);\n    // tangential: straight text across the middle of the sector, its sag kept in the ring\n    let tangential = 0;\n    if (mode !== \"radial\" && thick >= size + 4) {\n      const sag = (thick - size) / 2 - 1;\n      const chord = 2 * rm * Math.acos(clamp(1 - sag / rm, -1, 1));\n      tangential = Math.max(0, Math.min(span * rm - 8, chord));\n    }\n    // radial: along the radius, the sector wide enough at its inner end\n    let radial = 0;\n    if (mode !== \"tangential\" && span * (r0 + 4) >= size + 2)\n      radial = Math.max(0, thick - 10);\n    const useTangential =\n      tangential > 0 &&\n      (full <= tangential || tangential >= radial || mode === \"tangential\");\n    const room = useTangential ? tangential : radial;\n    if (room <= 0) return;\n    const text = ellipsize(name, room, labelFont, measure);\n    if (!text || (text !== name && text.length < 4)) return;\n    labels.push({\n      kind: \"text\",\n      x: cx + rm * Math.cos(m),\n      y: cy + rm * Math.sin(m),\n      text,\n      font: labelFont,\n      color: textOn(fill),\n      align: \"center\",\n      baseline: \"middle\",\n      rotate: upright(useTangential ? m + Math.PI / 2 : m),\n      hit: b.index,\n      also,\n    });\n  };\n\n  const visit = (list: SNode[], parentColor: Rgba | null) => {\n    list.forEach((b, j) => {\n      const color = parentColor\n        ? b.node.color\n          ? resolveWith(theme, b.node.color, parentColor)\n          : mix(parentColor, theme.background, 0.14 + (j % 3) * 0.06)\n        : c.color(b.node.color, b.top);\n      colorOf.set(b, color);\n      if (b.children.length) visit(b.children, color);\n    });\n  };\n  visit(tree, null);\n\n  // fractions from the displayed values\n  const fracStart = new Map<SNode, number>();\n  const place = (list: SNode[], from: number) => {\n    let f = from;\n    for (const b of list) {\n      fracStart.set(b, f);\n      if (b.children.length) place(b.children, f);\n      f += (shown.get(b) ?? 0) / Math.max(1e-12, shownTotal);\n    }\n  };\n  place(tree, 0);\n\n  const sectors = (list: SNode[]) => {\n    for (const b of list) {\n      const v = shown.get(b) ?? 0;\n      if (v <= 1e-9) continue;\n      const f0 = fracStart.get(b) ?? 0;\n      const f1 = f0 + v / Math.max(1e-12, shownTotal);\n      const a0 = angle(f0);\n      const a1 = angle(f1);\n      const rel = b.depth - d;\n      const r0 = Math.max(R0, R0 + (rel - 1) * ring);\n      const r1 = Math.min(R, R0 + rel * ring);\n      if (a1 - a0 > 1e-4 && r1 - r0 > 0.5) {\n        const base = colorOf.get(b) ?? theme.primary;\n        const fill = readableFill(\n          dark ? mix(base, theme.background, 0.12) : base,\n          3,\n        );\n        const also = [...ancestors(b), ...subtree(b).slice(1)];\n        nodes.push({\n          kind: \"sector\",\n          cx,\n          cy,\n          r0,\n          r1,\n          a0,\n          a1,\n          pad,\n          corner,\n          fill: toCss(fill),\n          hit: b.index,\n          also,\n        });\n        label(b.node.name, a0, a1, r0, r1, fill, b, also);\n        if (b.target > 0) {\n          const percent = total > 0 ? b.target / total : 0;\n          const parent = b.parent?.target ?? 0;\n          const rm = (r0 + r1) / 2;\n          const m = (a0 + a1) / 2;\n          items.push({\n            index: b.index,\n            name: b.node.name,\n            value: b.target,\n            percent,\n            share: c.percent(percent),\n            color: toCss(fill),\n            path: b.path,\n            x: cx + rm * Math.cos(m),\n            y: cy + rm * Math.sin(m),\n            rows: [\n              { name: c.labels.value, value: c.format(b.target) },\n              { name: c.labels.share, value: c.percent(percent) },\n              ...(b.parent && parent > 0\n                ? [\n                    {\n                      name: interpolate(c.labels.ofName, {\n                        name: b.parent.node.name,\n                      }),\n                      value: c.percent(b.target / parent),\n                    },\n                  ]\n                : []),\n            ],\n            ...(b.children.length ? { drill: b.path } : {}),\n          });\n        }\n      }\n      if (b.children.length && r1 < R - 0.5) sectors(b.children);\n    }\n  };\n  sectors(tree);\n  nodes.push(...labels);\n\n  // center: the focused node (click to go up) or the total\n  const rc = R0 - 3;\n  if (rc >= 14) {\n    const valueSize = clamp(rc * 0.3, 12, 24);\n    if (focus) {\n      const base = colorOf.get(focus) ?? theme.primary;\n      const fill = toCss(mix(base, theme.background, 0.84));\n      const css = toCss(base);\n      const also = focus.children.flatMap(subtree);\n      nodes.push({\n        kind: \"circle\",\n        cx,\n        cy,\n        r: rc,\n        fill,\n        stroke: toCss(base, 0.5),\n        lineWidth: 1,\n        hit: focus.index,\n        also,\n      });\n      const nameFont = font(theme, clamp(rc * 0.2, 11, 14), 600);\n      const name = ellipsize(focus.node.name, rc * 1.6, nameFont, measure);\n      const value = c.format(focus.target);\n      const showValue = rc >= 30;\n      const nameY = showValue ? cy - 2 : cy + 4;\n      // chevron: \"go up\"\n      const chevronY = nameY - (showValue ? 18 : 12);\n      if (rc >= 24)\n        nodes.push({\n          kind: \"line\",\n          points: [\n            cx - 5,\n            chevronY + 3,\n            cx,\n            chevronY - 2,\n            cx + 5,\n            chevronY + 3,\n          ],\n          color: toCss(theme.textMuted),\n          width: 1.5,\n          hit: focus.index,\n          also,\n        });\n      if (name)\n        nodes.push({\n          kind: \"text\",\n          x: cx,\n          y: nameY,\n          text: name,\n          font: nameFont,\n          color: toCss(theme.text),\n          align: \"center\",\n          baseline: \"middle\",\n          hit: focus.index,\n          also,\n        });\n      if (showValue)\n        nodes.push({\n          kind: \"text\",\n          x: cx,\n          y: cy + 16,\n          text: ellipsize(value, rc * 1.6, font(theme, 12), measure),\n          font: font(theme, 12),\n          color: toCss(theme.textMuted),\n          align: \"center\",\n          baseline: \"middle\",\n          hit: focus.index,\n          also,\n        });\n      const percent = total > 0 ? focus.target / total : 0;\n      items.push({\n        index: focus.index,\n        name: focus.node.name,\n        value: focus.target,\n        percent,\n        share: c.percent(percent),\n        color: css,\n        path: focus.path,\n        x: cx,\n        y: cy,\n        rows: [\n          { name: c.labels.value, value: c.format(focus.target) },\n          { name: c.labels.share, value: c.percent(percent) },\n        ],\n        drill: focus.path.slice(0, -1),\n      });\n    } else if (total > 0) {\n      const valueFont = font(theme, valueSize, 600);\n      const text = ellipsize(c.format(total), rc * 1.7, valueFont, measure);\n      if (text)\n        nodes.push({\n          kind: \"text\",\n          x: cx,\n          y: cy,\n          text,\n          font: valueFont,\n          color: toCss(theme.text),\n          align: \"center\",\n          baseline: \"middle\",\n        });\n    }\n  }\n  items.sort((a, b) => a.index - b.index);\n\n  return { nodes, items, dim: 0.35, empty: false };\n};\n"],"mappings":"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"}

package/dist/charts/engine/shapes/sunburst.d.cts

@@ -0,0 +1,6 @@
+import { LayoutContext, LayoutResult } from './scene.cjs';
+import { SunburstChartOptions } from './types.cjs';
+/** Valid part of a drill path (names from the root to a focusable parent) */
+export declare const resolveSunburstPath: (o: SunburstChartOptions, path: readonly string[], hidden: ReadonlySet<number>) => string[];
+export declare const sunburstValues: (o: SunburstChartOptions, hidden: ReadonlySet<number>, focusPath: readonly string[], out: Map<string, number>) => void;
+export declare const layoutSunburst: (o: SunburstChartOptions, c: LayoutContext) => LayoutResult;