@carto/ps-react-ui 6.4.0 → 6.5.1

package/dist/widgets/pie.js

@@ -1,13 +1,13 @@
-import { n as e, t } from "../download-B4sykOFm.js";
-import { r as n, t as r } from "../utils-C-eWwOhE.js";
-import { a as i, c as a, i as o, o as s, r as c, s as l, t as u } from "../item-color-B7xkIpDZ.js";
-import { c as d } from "react/compiler-runtime";
-import { Box as f, Skeleton as p } from "@mui/material";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import * as g from "echarts";
+import { n as e, t } from "../download-DIj1Iz0t.js";
+import { r as n, t as r } from "../utils-Dw4y8tiq.js";
+import { a as i, c as a, i as o, l as s, o as c, r as l, s as u, t as d } from "../item-color-7o7pFBR2.js";
+import { c as f } from "react/compiler-runtime";
+import { Box as p, Skeleton as m } from "@mui/material";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import * as _ from "echarts";
 //#region src/widgets/pie/options.ts
-var _ = ["58%", "74%"];
-function v({ theme: e, formatter: t, labelFormatter: n }) {
+var v = ["58%", "74%"];
+function y({ theme: e, formatter: t, labelFormatter: n }) {
 	return {
 		legend: {
 			...o({
@@ -22,14 +22,14 @@ function v({ theme: e, formatter: t, labelFormatter: n }) {
 			trigger: "item",
 			backgroundColor: e.palette.grey[900],
 			borderWidth: 0,
-			padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+			padding: [s(e, 1), s(e, 1)],
 			textStyle: {
 				color: e.palette.common.white,
 				fontSize: 11,
 				fontFamily: e.typography.caption.fontFamily
 			},
-			position: l(e),
-			formatter: w(t, n)
+			position: u(e),
+			formatter: T(t, n)
 		},
 		color: Object.values(e.palette.qualitative?.bold ?? {}),
 		series: [{
@@ -62,11 +62,11 @@ function v({ theme: e, formatter: t, labelFormatter: n }) {
 		}]
 	};
 }
-function y(e) {
-	let { theme: t, formatter: r, labelFormatter: i, optionsOverride: a, series: o } = e, s = e.radius ?? _, c = e.selection, l = c == null || c.length === 0 ? null : new Set(c);
+function b(e) {
+	let { theme: t, formatter: r, labelFormatter: i, optionsOverride: a, series: o } = e, s = e.radius ?? v, c = e.selection, l = c == null || c.length === 0 ? null : new Set(c);
 	return (e, c, u) => {
 		if (e == null) {
-			let e = v({
+			let e = y({
 				theme: t,
 				formatter: r,
 				labelFormatter: i
@@ -78,12 +78,12 @@ function y(e) {
 			...e,
 			dataset: [],
 			series: []
-		} : d.length > 1 ? x(e, d, t, o, u, l) : b(e, d, t, s, o, u, l);
+		} : d.length > 1 ? S(e, d, t, o, u, l) : x(e, d, t, s, o, u, l);
 	};
 }
-function b(e, t, n, r, i, a, o) {
-	let s = Array.isArray(e.series) ? e.series : [], c = s[0] ?? {}, l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, d = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, f = a?.formatter, p = a?.labelFormatter, m = Array.isArray(e.color) ? e.color : [], h = (e) => (m.length > 0 ? m[e.dataIndex % m.length] : void 0) ?? e.color, _ = (e, t) => {
-		let r = u({
+function x(e, t, n, r, i, a, o) {
+	let s = Array.isArray(e.series) ? e.series : [], c = s[0] ?? {}, l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, u = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, f = a?.formatter, p = a?.labelFormatter, m = Array.isArray(e.color) ? e.color : [], h = (e) => (m.length > 0 ? m[e.dataIndex % m.length] : void 0) ?? e.color, g = (e, t) => {
+		let r = d({
 			theme: n,
 			datums: e,
 			template: t,
@@ -93,7 +93,7 @@ function b(e, t, n, r, i, a, o) {
 			let t = r(e);
 			if (!o) return t;
 			let n = e.value?.name ?? e.name;
-			return n != null && o.has(n) ? t : g.color.modifyAlpha(t, .15);
+			return n != null && o.has(n) ? t : _.color.modifyAlpha(t, .15);
 		};
 	}, v = c.label?.position, y = v === void 0 || v === "center", b = t[0] ?? [], x, S = -Infinity;
 	for (let e of b) (!o || o.has(e.name)) && typeof e.value == "number" && e.value > S && (S = e.value, x = e.name);
@@ -128,47 +128,47 @@ function b(e, t, n, r, i, a, o) {
 				},
 				itemStyle: {
 					...l,
-					color: _(e, a)
+					color: g(e, a)
 				}
 			};
 		}),
 		legend: {
-			...d,
+			...u,
 			show: !0,
 			selectedMode: !1,
 			selected: Object.fromEntries((t[0] ?? []).map((e) => [String(e.name), !0]))
 		},
 		tooltip: {
 			...l,
-			formatter: w(f, p)
+			formatter: T(f, p)
 		}
 	};
 }
-function x(e, t, n, a, o, s) {
-	let l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, d = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, f = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, p = o?.formatter, m = o?.labelFormatter, { niceMinVal: h, niceMaxVal: _ } = C(t), v = Array.isArray(e.color) ? e.color : [], y = Array.isArray(e.series) ? e.series : [], b = (e) => {
+function S(e, t, n, a, o, c) {
+	let u = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, f = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, p = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, m = o?.formatter, h = o?.labelFormatter, { niceMinVal: g, niceMaxVal: v } = w(t), y = Array.isArray(e.color) ? e.color : [], b = Array.isArray(e.series) ? e.series : [], x = (e) => {
 		let t = e.seriesIndex ?? 0;
-		return (v.length > 0 ? v[t % v.length] : void 0) ?? e.color;
-	}, x = (e, t) => {
-		let r = u({
+		return (y.length > 0 ? y[t % y.length] : void 0) ?? e.color;
+	}, S = (e, t) => {
+		let r = d({
 			theme: n,
 			datums: e,
 			template: t,
-			fallback: b
+			fallback: x
 		});
 		return (e) => {
 			let t = r(e);
-			if (!s) return t;
+			if (!c) return t;
 			let n = e.value?.name ?? e.name;
-			return n != null && s.has(n) ? t : g.color.modifyAlpha(t, .15);
+			return n != null && c.has(n) ? t : _.color.modifyAlpha(t, .15);
 		};
 	};
 	return {
 		...e,
 		dataset: t.map((e) => ({ source: e })),
 		grid: {
-			...f,
-			...c(!0, n),
-			right: parseInt(n.spacing(4)),
+			...p,
+			...l(!0, n),
+			right: s(n, 4),
 			containLabel: !0
 		},
 		series: t.map((e, t) => {
@@ -180,15 +180,15 @@ function x(e, t, n, a, o, s) {
 				barMaxWidth: 100,
 				legendHoverLink: !1,
 				emphasis: { focus: "series" },
-				...i(p, "x"),
-				itemStyle: { color: x(e, y[t] ?? y[0]) },
+				...i(m, "x"),
+				itemStyle: { color: S(e, b[t] ?? b[0]) },
 				...o ? { color: o } : {}
 			};
 		}),
 		xAxis: {
 			type: "value",
-			min: () => h,
-			max: () => _,
+			min: () => g,
+			max: () => v,
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			splitLine: {
@@ -198,10 +198,10 @@ function x(e, t, n, a, o, s) {
 			axisLabel: {
 				fontSize: n.typography.overlineDelicate?.fontSize,
 				fontFamily: n.typography.overlineDelicate?.fontFamily,
-				margin: parseInt(n.spacing(1)),
+				margin: s(n, 1),
 				showMaxLabel: !0,
 				showMinLabel: !0,
-				formatter: (e) => e !== _ && e !== h || e === 0 ? "" : p ? p(e) : String(e)
+				formatter: (e) => e !== v && e !== g || e === 0 ? "" : m ? m(e) : String(e)
 			}
 		},
 		yAxis: {
@@ -210,29 +210,29 @@ function x(e, t, n, a, o, s) {
 			axisTick: { show: !1 },
 			axisLabel: {
 				padding: [
-					parseInt(n.spacing(.5)),
+					s(n, .5),
 					0,
 					0,
 					0
 				],
-				...m && { formatter: (e) => String(m(e)) }
+				...h && { formatter: (e) => String(h(e)) }
 			}
 		},
 		legend: {
-			...d,
+			...f,
 			show: !0,
 			selectedMode: !1,
 			selected: Object.fromEntries(t.map((e, t) => [a?.[t]?.name ?? `Series ${t + 1}`, !0]))
 		},
 		tooltip: {
-			...l,
+			...u,
 			trigger: "axis",
-			formatter: S(p, m)
+			formatter: C(m, h)
 		}
 	};
 }
-function S(e, t) {
-	return s((n) => {
+function C(e, t) {
+	return c((n) => {
 		let r = n.encode?.x?.at(0), i = r === void 0 ? void 0 : n.dimensionNames?.[r], a = n.value && typeof n.value == "object" && !Array.isArray(n.value) ? n.value : void 0, o = i && a ? a[i] : void 0, s = typeof o == "number" && e ? e(o) : o ?? "", c = typeof n.marker == "string" ? n.marker : "", l = n.seriesName ? `${n.seriesName}: ` : "";
 		return {
 			name: String(t ? t(n.name ?? "") : n.name ?? ""),
@@ -242,7 +242,7 @@ function S(e, t) {
 		};
 	});
 }
-function C(e) {
+function w(e) {
 	let t = 0, n = -Infinity;
 	for (let r of e) for (let e of r) typeof e?.value == "number" && Number.isFinite(e.value) && (e.value < t && (t = e.value), e.value > n && (n = e.value));
 	return {
@@ -250,8 +250,8 @@ function C(e) {
 		niceMaxVal: n <= 0 ? 1 : a(n)
 	};
 }
-function w(e, t) {
-	return s((n) => {
+function T(e, t) {
+	return c((n) => {
 		let r = n.encode?.value?.at(0) ?? 1, i = (n.value && typeof n.value == "object" && !Array.isArray(n.value) ? Object.values(n.value) : [])[r], a = typeof i == "number" && e ? e(i) : i ?? "", o = typeof n.marker == "string" ? n.marker : "", s = n.seriesName ? `${n.seriesName}: ` : "";
 		return {
 			name: String(t ? t(n.name ?? "") : n.name ?? ""),
@@ -263,7 +263,7 @@ function w(e, t) {
 }
 //#endregion
 //#region src/widgets/pie/skeleton.tsx
-var T = 160, E = 96, D = {
+var E = 160, D = 96, O = {
 	root: {
 		display: "flex",
 		flexDirection: "column",
@@ -280,14 +280,14 @@ var T = 160, E = 96, D = {
 		justifyContent: "center"
 	},
 	ring: {
-		width: T,
-		height: T
+		width: E,
+		height: E
 	},
 	hole: {
 		position: "absolute",
 		zIndex: 1,
-		width: E,
-		height: E,
+		width: D,
+		height: D,
 		borderRadius: "50%",
 		bgcolor: "background.paper"
 	},
@@ -311,24 +311,24 @@ var T = 160, E = 96, D = {
 		gap: ({ spacing: e }) => e(1.5)
 	}
 };
-function O(e) {
-	let t = d(4), n, r;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m(p, {
+function k(e) {
+	let t = f(4), n, r;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ h(m, {
 		variant: "circular",
-		sx: D.ring
-	}), r = /* @__PURE__ */ m(f, { sx: D.hole }), t[0] = n, t[1] = r) : (n = t[0], r = t[1]);
+		sx: O.ring
+	}), r = /* @__PURE__ */ h(p, { sx: O.hole }), t[0] = n, t[1] = r) : (n = t[0], r = t[1]);
 	let i;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ h(f, {
-		sx: D.donut,
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ g(p, {
+		sx: O.donut,
 		children: [
 			n,
 			r,
-			/* @__PURE__ */ h(f, {
-				sx: D.label,
-				children: [/* @__PURE__ */ m(p, {
+			/* @__PURE__ */ g(p, {
+				sx: O.label,
+				children: [/* @__PURE__ */ h(m, {
 					width: 56,
 					height: 18
-				}), /* @__PURE__ */ m(p, {
+				}), /* @__PURE__ */ h(m, {
 					width: 36,
 					height: 8
 				})]
@@ -336,22 +336,22 @@ function O(e) {
 		]
 	}), t[2] = i) : i = t[2];
 	let a;
-	return t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ h(f, {
-		sx: D.root,
-		children: [i, /* @__PURE__ */ m(f, {
-			sx: D.legend,
-			children: [0, 1].map(k)
+	return t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ g(p, {
+		sx: O.root,
+		children: [i, /* @__PURE__ */ h(p, {
+			sx: O.legend,
+			children: [0, 1].map(A)
 		})]
 	}), t[3] = a) : a = t[3], a;
 }
-function k(e) {
-	return /* @__PURE__ */ h(f, {
-		sx: D.legendItem,
-		children: [/* @__PURE__ */ m(p, {
+function A(e) {
+	return /* @__PURE__ */ g(p, {
+		sx: O.legendItem,
+		children: [/* @__PURE__ */ h(m, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ m(p, {
+		}), /* @__PURE__ */ h(m, {
 			width: 48,
 			height: 8
 		})]
@@ -359,7 +359,7 @@ function k(e) {
 }
 //#endregion
 //#region src/widgets/pie/download.ts
-function A(n) {
+function j(n) {
 	return t(n, e({
 		filename: n.filename,
 		getRows: (e) => {
@@ -381,6 +381,6 @@ function A(n) {
 	}));
 }
 //#endregion
-export { O as PieSkeleton, A as createPieDownloadConfig, y as createPieOptionFactory, v as pieOptions };
+export { k as PieSkeleton, j as createPieDownloadConfig, b as createPieOptionFactory, y as pieOptions };
 
 //# sourceMappingURL=pie.js.map

package/dist/widgets/pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie.js","names":["<Skeleton variant='circular' sx={styles.ring} />","<Box sx={styles.hole} />","<Box sx={styles.donut}>\n        <Skeleton variant='circular' sx={styles.ring} />\n        <Box sx={styles.hole} />\n        <Box sx={styles.label}>\n          <Skeleton width={56} height={18} />\n          <Skeleton width={36} height={8} />\n        </Box>\n      </Box>","<Box sx={styles.root}>\n      <Box sx={styles.donut}>\n        <Skeleton variant='circular' sx={styles.ring} />\n        <Box sx={styles.hole} />\n        <Box sx={styles.label}>\n          <Skeleton width={56} height={18} />\n          <Skeleton width={36} height={8} />\n        </Box>\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>","(i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        )","_c","buildCsvDownloadItem","mergeOptions","resolveThemeColor","buildSeriesLabelConfig","niceNum","buildLegendConfig","createTooltipFormatter","buildGridConfig","createTooltipPositioner","createItemColorResolver","echarts","DEFAULT_RADIUS","pieOptions","theme","buildPieTooltipFormatter","formatter","labelFormatter","createPieOptionFactory","options","radius","selection","selectionSet","option","structural","optionsOverride","seriesArr","data","buildMultiSeriesBarFusion","series","ctx","buildSingleSeriesPieFusion","seriesTemplates","broadcastTemplate","baseTooltip","baseLegend","palette","resolvePaletteColor","params","makeColorFn","baseColor","base","name","templateLabelPosition","isCenterLabel","centerData","centerMaxName","centerMaxValue","d","labelTextFormatter","encodeIndex","value","formattedValue","formattedName","s","template","i","templateObj","templateLabel","templateItemStyle","baseGrid","computeNiceBounds","paletteColor","seriesIdx","makeBarColorFn","overrideColor","niceMinVal","niceMaxVal","buildHorizontalBarTooltipFormatter","item","dimName","row","raw","marker","seriesName","min","max","OUTER_SIZE","HOLE_SIZE","styles","spacing","PieSkeleton","$","c","t1","t2","Skeleton","Box","t3","t4","_temp","createPieDownloadConfig","withPngItem","args","rows","slice"],"sources":["../../src/widgets/pie/options.ts","../../src/widgets/pie/skeleton.tsx","../../src/widgets/pie/download.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  buildSeriesLabelConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../utils/option-builders'\nimport type { OptionFactory, OptionFactoryContext } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { createItemColorResolver } from '../utils/item-color'\nimport type { WidgetSeries } from '../types'\nimport type {\n  PieEChartsOption,\n  PieOptionFactoryInput,\n  PieOptionsInput,\n  PieWidgetData,\n} from './types'\n\nconst DEFAULT_RADIUS: readonly [string, string] = ['58%', '74%']\n\n/**\n * Builds the **structural** ECharts option for a pie / donut widget.\n * Mirrors v1's pie look-and-feel: themed legend (`buildLegendConfig`),\n * themed tooltip via `createTooltipPositioner` / `createTooltipFormatter`,\n * `qualitative.bold` color palette, slice borders against the paper\n * background, hover-emphasis disabled, and a centered rich-text label.\n *\n * Layered like Bar / Histogram:\n *   - **Theme-aware bits** live here on a series template (slice border,\n *     center-label rich style sizes, emphasis-disabled).\n *   - **Reactive bits** (tooltip value formatter, center-label text,\n *     selection-driven dim) are re-emitted by\n *     {@link createPieOptionFactory} at fusion time so RelativeData's\n *     percent override flows through.\n */\nexport function pieOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: PieOptionsInput): PieEChartsOption {\n  return {\n    legend: {\n      ...buildLegendConfig({ hasLegend: true, labelFormatter }),\n      // Bottom-left, same as every other widget — `buildLegendConfig`'s\n      // `left: 0` is kept deliberately. The wider `itemGap` gives chips\n      // breathing room in the typical 3–6 category case.\n      type: 'scroll',\n      itemGap: 16,\n      // The legend is presentational only here — the pie has its own\n      // click-to-select affordance on the slices themselves, so legend\n      // clicks toggling series visibility would be a second, redundant/\n      // conflicting interaction model. Hover-highlight is disabled per\n      // series via `legendHoverLink` (ECharts has no legend-level knob\n      // for it).\n      selectedMode: false,\n    },\n    tooltip: {\n      // Pie uses item-trigger (no axis); the rest of the styling mirrors\n      // bar/histogram so the dashboard reads consistently — dark\n      // grey[900] bg, white caption-font text, padded, with the shared\n      // overflow-aware positioner.\n      trigger: 'item',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      position: createTooltipPositioner(theme),\n      formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n    },\n    // V1 used `qualitative.bold` only (no `secondary.main` prefix) because\n    // pie slices are categorical — each slice deserves a distinct palette\n    // entry from the start, not a primary highlight.\n    color: Object.values(\n      (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n        .qualitative?.bold ?? {},\n    ),\n    // Pie template. The merger spreads this into each per-data series it\n    // emits — borderColor / borderWidth / emphasis-disabled / label rich\n    // sizes all survive through.\n    series: [\n      {\n        type: 'pie',\n        colorBy: 'data',\n        avoidLabelOverlap: true,\n        selectedOffset: 0,\n        legendHoverLink: false,\n        emphasis: { disabled: true },\n        itemStyle: {\n          borderColor: theme.palette.background.paper,\n          borderWidth: 1,\n        },\n        label: {\n          show: true,\n          position: 'center',\n          rich: {\n            b: { fontSize: 16, fontWeight: 'normal', lineHeight: 20 },\n            c: { fontSize: 28, fontWeight: 'bold', lineHeight: 27 },\n          },\n        },\n      },\n    ],\n  }\n}\n\n/**\n * Returns the pie widget's {@link OptionFactory} — one closure that owns\n * BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link pieOptions}, optionally merging the\n *     consumer-supplied `optionsOverride` on top. Called once by Provider\n *     to seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`PieWidgetData`) into the option via the dataset API. Single-series\n *     → donut (one dataset, `series[i].encode = { itemName: 'name', value: 'value' }`).\n *     Multi-series → horizontal-bar fallback (mirrors v1 pie). Reactive\n *     formatters from `ctx` drive the tooltip + center label at fusion\n *     time so RelativeData's percent formatter flows through without a\n *     structural rebuild.\n */\nexport function createPieOptionFactory(\n  options: PieOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride, series } = options\n  const radius = options.radius ?? DEFAULT_RADIUS\n  const selection = options.selection\n  // An explicit `[]` (deselected down to zero via chart clicks) is treated\n  // the same as no selection: the pie has no bar/histogram-style \"nothing\n  // selected\" affordance, so dimming every slice would just look broken —\n  // it renders fully active, same as the no-interaction state.\n  const selectionSet =\n    selection === undefined || selection === null || selection.length === 0\n      ? null\n      : new Set<string | number>(selection)\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = pieOptions({ theme, formatter, labelFormatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr = Array.isArray(data) ? (data as PieWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    if (seriesArr.length > 1) {\n      return buildMultiSeriesBarFusion(\n        option,\n        seriesArr,\n        theme,\n        series,\n        ctx,\n        selectionSet,\n      )\n    }\n    return buildSingleSeriesPieFusion(\n      option,\n      seriesArr,\n      theme,\n      radius,\n      series,\n      ctx,\n      selectionSet,\n    )\n  }\n}\n\n/**\n * Single-series donut fusion. Spreads the structural pie series template\n * into per-data series with center/radius/encoding, wires the reactive\n * center-label / tooltip formatters and the per-data palette-aware\n * selection-dim callback.\n */\nfunction buildSingleSeriesPieFusion(\n  option: EChartsOption,\n  seriesArr: PieWidgetData,\n  theme: Theme,\n  radius: readonly [string, string],\n  series: readonly WidgetSeries[] | undefined,\n  ctx: OptionFactoryContext | undefined,\n  selectionSet: Set<string | number> | null,\n): EChartsOption {\n  const seriesTemplates = Array.isArray(option.series) ? option.series : []\n  const broadcastTemplate = seriesTemplates[0] ?? {}\n  const baseTooltip =\n    typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n      ? option.tooltip\n      : {}\n  const baseLegend =\n    typeof option.legend === 'object' && !Array.isArray(option.legend)\n      ? option.legend\n      : {}\n  const formatter = ctx?.formatter\n  const labelFormatter = ctx?.labelFormatter\n\n  // Pie wants `colorBy: 'data'` — each slice draws from the option's\n  // `color` palette by data index. But installing an `itemStyle.color`\n  // callback disables ECharts' automatic per-data cycling, and\n  // `params.color` collapses to the series color (so every slice goes\n  // the same color). We re-implement the per-data palette resolution\n  // here so the multicolor look survives selection-driven dimming.\n  const palette = Array.isArray(option.color)\n    ? (option.color as readonly (string | undefined)[])\n    : []\n  const resolvePaletteColor = (params: CallbackDataParams): string => {\n    const swatch =\n      palette.length > 0\n        ? palette[params.dataIndex % palette.length]\n        : undefined\n    return swatch ?? (params.color as string)\n  }\n\n  // Always emit `itemStyle.color` (passthrough when nothing is selected),\n  // not conditionally — same anti-stale-callback rationale as bar /\n  // histogram. The slice border + width come from the structural\n  // template's `itemStyle` and survive via the spread below.\n  //\n  // `selectionSet` is the *included* set, same direct semantics as\n  // bar/histogram/timeseries (no ADR-014 exclusion inversion). Dim a slice\n  // when its name is NOT in the set. `selectionSet` is never a non-null\n  // empty Set — the collapse above (`selection.length === 0 → null`) rules\n  // that out — so there's no \"dim everything\" case here, unlike a widget\n  // that gives `[]` its own \"selected down to nothing\" meaning.\n  //\n  // The base colour is the slice's own `color`, else the template's\n  // `itemStyle.color`, else the per-data palette swatch.\n  const makeColorFn = (datums: readonly object[], template: unknown) => {\n    const baseColor = createItemColorResolver({\n      theme,\n      datums,\n      template,\n      fallback: resolvePaletteColor,\n    })\n    return (params: CallbackDataParams): string => {\n      const base = baseColor(params)\n      if (!selectionSet) return base\n      const datum = params.value as { name?: string | number } | undefined\n      const name = datum?.name ?? params.name\n      return name != null && selectionSet.has(name)\n        ? base\n        : echarts.color.modifyAlpha(base, 0.15)\n    }\n  }\n\n  // ECharts anchors EVERY slice's `position: 'center'` label at the same\n  // point, so at most one of them can ever be legible — the donut design\n  // leans into that (one KPI inside the ring) and picks a single slice\n  // below. A consumer that moves the labels off the centre gives each\n  // slice its own anchor (`'outside'` with leader lines is what the PDF\n  // export uses, `'inside'` / `'insideTop'` … likewise), and there the\n  // single-label rule is simply wrong: every slice must render its own\n  // label. Read the position off the structural template, which already\n  // carries the consumer's `optionsOverride`.\n  const templateLabelPosition = (\n    broadcastTemplate as { label?: { position?: unknown } }\n  ).label?.position\n  const isCenterLabel =\n    templateLabelPosition === undefined || templateLabelPosition === 'center'\n\n  // Which slice renders the centre value+name: the greatest value among\n  // the *included* slices (all of them when there's no active\n  // selection), computed locally — no query round-trip. Only that one\n  // slice's formatter call returns text; every other slice returns ''\n  // so exactly one label ever renders at the shared centre anchor. Only\n  // `typeof value === 'number'` participates — if every included slice's\n  // value is non-numeric, `centerMaxName` stays `undefined` and no slice\n  // matches it in `labelTextFormatter` below, so the chart renders with no\n  // centre label at all (graceful no-op, not a crash). Skipped entirely\n  // for off-centre labels, where every slice labels itself.\n  const centerData = seriesArr[0] ?? []\n  let centerMaxName: string | number | undefined\n  let centerMaxValue = -Infinity\n  for (const d of centerData) {\n    if (selectionSet && !selectionSet.has(d.name)) continue\n    if (typeof d.value === 'number' && d.value > centerMaxValue) {\n      centerMaxValue = d.value\n      centerMaxName = d.name\n    }\n  }\n\n  // Slice label formatter — lives in the merger because it reads\n  // reactive `formatter` / `labelFormatter` from ctx. The rich tags\n  // `{c|…}` and `{b|…}` reference the rich styles baked into the\n  // structural label template.\n  const labelTextFormatter = (params: CallbackDataParams): string => {\n    const { name } = params\n    if (name == null) return ''\n    if (isCenterLabel && name !== centerMaxName) return ''\n    const encodeIndex = params.encode?.value?.[0]\n    if (encodeIndex === undefined) return ''\n    const value = (Object.values(params.data ?? {}) as unknown[]).at(\n      encodeIndex,\n    )\n    // `value` here is the resolved dataset cell — for pie data it's a\n    // `string | number` primitive. Anything else is a misuse we won't\n    // dress up with `String(...)` (would render \"[object Object]\").\n    const formattedValue =\n      typeof value === 'number'\n        ? formatter\n          ? formatter(value)\n          : String(value)\n        : typeof value === 'string'\n          ? value\n          : ''\n    const formattedName = labelFormatter\n      ? String(labelFormatter(name ?? ''))\n      : String(name ?? '')\n    // The blank line is what separates the big centre KPI from its\n    // caption. Off-centre labels sit next to their own slice and are\n    // laid out against their neighbours, so the spacer only inflates\n    // each label's bounding box — enough, with a hidden `{b|…}` block,\n    // to make ECharts drop colliding labels altogether.\n    const separator = isCenterLabel ? '\\n\\n' : '\\n'\n    return `{c|${formattedValue}}${separator}{b|${formattedName}}`\n  }\n\n  return {\n    ...option,\n    dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n    series: seriesArr.map((s, i) => {\n      const template =\n        (seriesTemplates[i] as object | undefined) ??\n        (broadcastTemplate as object)\n      const templateObj = typeof template === 'object' ? template : {}\n      const templateLabel = (templateObj as { label?: object }).label ?? {}\n      const templateItemStyle =\n        (templateObj as { itemStyle?: object }).itemStyle ?? {}\n      return {\n        ...templateObj,\n        type: 'pie' as const,\n        legendHoverLink: false,\n        datasetIndex: i,\n        name: series?.[i]?.name ?? `Series ${i + 1}`,\n        radius: [...radius],\n        // Lift the donut up so the bottom-anchored legend has the\n        // vertical real estate to wrap to multiple rows for long\n        // category lists — at exactly `50%` the bottom slices crowd\n        // the chips and `type: 'plain'` legends can't expand upward\n        // without overlapping the donut.\n        center: ['50%', '38%'] as [string, string],\n        encode: { itemName: 'name', value: 'value' },\n        label: {\n          ...templateLabel,\n          formatter: labelTextFormatter,\n        },\n        itemStyle: {\n          ...templateItemStyle,\n          color: makeColorFn(s, templateObj),\n        },\n      }\n    }),\n    // Legend always shows for pie (mirrors v1) — slice names drive the\n    // entries, so even a single donut benefits from a category list.\n    //\n    // Exclusion is conveyed purely via `colorFn`/`labelTextFormatter`\n    // dimming above, never via the legend's `selected` map: for a pie\n    // series, ECharts treats `legend.selected[name] = false` as \"remove\n    // this data point,\" which recomputes every remaining slice's angle —\n    // the excluded slice disappears instead of rendering dimmed. Forcing\n    // every name to `true` on every render also overrides ECharts' own\n    // internal toggle state from a native legend click (which flips a\n    // name to `false` and hides it before our `legendselectchanged`\n    // handler gets a chance to react), so a legend click never leaves a\n    // slice structurally removed — only the color/label dimming reflects\n    // exclusion, and it stays in sync with the slice itself since both\n    // read `selectionSet` on the same render.\n    legend: {\n      ...baseLegend,\n      show: true,\n      selectedMode: false,\n      selected: Object.fromEntries(\n        (seriesArr[0] ?? []).map((d) => [String(d.name), true]),\n      ),\n    },\n    tooltip: {\n      ...baseTooltip,\n      formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n    },\n  }\n}\n\n/**\n * Multi-series horizontal-bar fusion. Mirrors v1 pie's \"pie data with\n * >1 series collapses into a horizontal bar chart\" behavior — side-by-\n * side donuts don't read well when you're comparing the same categories\n * across cohorts, so swap to a value-on-x / category-on-y bar layout.\n *\n * Pie data shape is identical to bar's (`{ name, value }[][]`), so the\n * same dataset feeds either layout without transformation.\n */\nfunction buildMultiSeriesBarFusion(\n  option: EChartsOption,\n  seriesArr: PieWidgetData,\n  theme: Theme,\n  series: readonly WidgetSeries[] | undefined,\n  ctx: OptionFactoryContext | undefined,\n  selectionSet: Set<string | number> | null,\n): EChartsOption {\n  const baseTooltip =\n    typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n      ? option.tooltip\n      : {}\n  const baseLegend =\n    typeof option.legend === 'object' && !Array.isArray(option.legend)\n      ? option.legend\n      : {}\n  const baseGrid =\n    typeof option.grid === 'object' && !Array.isArray(option.grid)\n      ? option.grid\n      : {}\n  const formatter = ctx?.formatter\n  const labelFormatter = ctx?.labelFormatter\n\n  const { niceMinVal, niceMaxVal } = computeNiceBounds(seriesArr)\n\n  // Per-series palette — multi-series bars take one color per series\n  // (not per-data, unlike donut slices). Same anti-stale-callback rule:\n  // always emit the callback so a transition to/from a selection\n  // replaces the previous closure cleanly.\n  const palette = Array.isArray(option.color)\n    ? (option.color as readonly (string | undefined)[])\n    : []\n  // The base colour is the datum's own `color`, else the template's\n  // `itemStyle.color`, else the per-series palette swatch.\n  const seriesTemplates = Array.isArray(option.series) ? option.series : []\n  const paletteColor = (params: CallbackDataParams): string => {\n    const seriesIdx = params.seriesIndex ?? 0\n    const seriesSwatch =\n      palette.length > 0 ? palette[seriesIdx % palette.length] : undefined\n    return (seriesSwatch ?? params.color) as string\n  }\n  const makeBarColorFn = (datums: readonly object[], template: unknown) => {\n    const baseColor = createItemColorResolver({\n      theme,\n      datums,\n      template,\n      fallback: paletteColor,\n    })\n    return (params: CallbackDataParams): string => {\n      const base = baseColor(params)\n      if (!selectionSet) return base\n      const datum = params.value as { name?: string | number } | undefined\n      const name = datum?.name ?? params.name\n      return name != null && selectionSet.has(name)\n        ? base\n        : echarts.color.modifyAlpha(base, 0.15)\n    }\n  }\n\n  return {\n    ...option,\n    dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n    grid: {\n      ...baseGrid,\n      ...buildGridConfig(true, theme),\n      right: parseInt(theme.spacing(4)),\n      containLabel: true,\n    },\n    // Drop pie-specific structural keys that shouldn't render in the\n    // bar fallback. ECharts ignores undefined keys, so this is a clean\n    // override.\n    series: seriesArr.map((s, i) => {\n      const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n      return {\n        datasetIndex: i,\n        type: 'bar' as const,\n        name: series?.[i]?.name ?? `Series ${i + 1}`,\n        barMaxWidth: 100,\n        legendHoverLink: false,\n        emphasis: { focus: 'series' },\n        ...buildSeriesLabelConfig(formatter, 'x'),\n        itemStyle: {\n          color: makeBarColorFn(s, seriesTemplates[i] ?? seriesTemplates[0]),\n        },\n        ...(overrideColor ? { color: overrideColor } : {}),\n      }\n    }),\n    xAxis: {\n      type: 'value',\n      // Closures over the pre-computed nice bounds — ECharts calls them\n      // once per render to resolve the axis extents.\n      min: () => niceMinVal,\n      max: () => niceMaxVal,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      // Value labels render BELOW the axis line (default placement),\n      // NOT inside the plot. Bar/histogram use `inside: true` +\n      // `verticalAlign: 'bottom'` for their *vertical* y-axis where the\n      // axis is the left wall — labels inside read like grid annotations.\n      // A horizontal bar chart's value axis is the x-axis, and `inside`\n      // there pushes the max label *behind* the bar (it visually\n      // disappears once a bar reaches the right edge). Use the default\n      // below-the-axis placement so the rounded extents stay readable.\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate?.fontSize,\n        fontFamily: theme.typography.overlineDelicate?.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        showMaxLabel: true,\n        showMinLabel: true,\n        formatter: (value: number) => {\n          if (value !== niceMaxVal && value !== niceMinVal) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\n      },\n    },\n    yAxis: {\n      type: 'category',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        ...(labelFormatter && {\n          formatter: (value: string | number) => String(labelFormatter(value)),\n        }),\n      },\n    },\n    // Mirrors the donut branch's `selected` reset above — `selectedMode:\n    // false` blocks the native legend click that would otherwise undo an\n    // ECharts-internal toggle, so without forcing every entry back to\n    // `true` here a prior native toggle (from before `selectedMode` took\n    // effect, or a stale `keepAlive` instance) would stay hidden forever\n    // with no way to restore it.\n    legend: {\n      ...baseLegend,\n      show: true,\n      selectedMode: false,\n      selected: Object.fromEntries(\n        seriesArr.map((_, i) => [series?.[i]?.name ?? `Series ${i + 1}`, true]),\n      ),\n    },\n    tooltip: {\n      ...baseTooltip,\n      trigger: 'axis',\n      formatter: buildHorizontalBarTooltipFormatter(formatter, labelFormatter),\n    },\n  } as EChartsOption\n}\n\n/**\n * Tooltip formatter for the horizontal-bar fallback. Reads the value by\n * `encode.x` dimension index (v1 parity) so it stays robust to\n * downstream changes that rename dataset columns.\n */\nfunction buildHorizontalBarTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const encodeIndex = item.encode?.x?.at(0)\n    const dimName =\n      encodeIndex !== undefined ? item.dimensionNames?.[encodeIndex] : undefined\n    const row =\n      item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n        ? (item.value as Record<string, string | number>)\n        : undefined\n    const raw = dimName && row ? row[dimName] : undefined\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const name = labelFormatter\n      ? String(labelFormatter(item.name ?? ''))\n      : String(item.name ?? '')\n    return { name, seriesName, marker, value: formattedValue }\n  })\n}\n\n/**\n * Min/max bounds over every datum's `.value` across all series. Used by\n * the horizontal-bar fallback's x-axis label formatter so we only render\n * labels at the rounded extents (matches v1 + bar / histogram).\n */\nfunction computeNiceBounds(seriesArr: PieWidgetData): {\n  niceMinVal: number\n  niceMaxVal: number\n} {\n  let min = 0\n  let max = -Infinity\n  for (const series of seriesArr) {\n    for (const d of series) {\n      if (typeof d?.value !== 'number' || !Number.isFinite(d.value)) continue\n      if (d.value < min) min = d.value\n      if (d.value > max) max = d.value\n    }\n  }\n  return {\n    niceMinVal: min < 0 ? niceNum(min) : 0,\n    niceMaxVal: max <= 0 ? 1 : niceNum(max),\n  }\n}\n\n/**\n * Tooltip formatter for pie slices. `item.value` is the dataset row\n * object (e.g. `{ name: 'A', value: 10 }`); we pull the value by\n * `encode.value`'s dimension index, formatted via the reactive `formatter`\n * if present. Slice name passes through `labelFormatter`.\n */\nfunction buildPieTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const encodeIndex = item.encode?.value?.at(0) ?? 1\n    const values =\n      item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n        ? (Object.values(item.value) as (string | number)[])\n        : []\n    const raw = values[encodeIndex]\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const name = labelFormatter\n      ? String(labelFormatter(item.name ?? ''))\n      : String(item.name ?? '')\n    return { name, seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst OUTER_SIZE = 160\nconst HOLE_SIZE = 96\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 200,\n    py: 1,\n    gap: ({ spacing }) => spacing(2),\n  },\n  donut: {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  ring: {\n    width: OUTER_SIZE,\n    height: OUTER_SIZE,\n  },\n  hole: {\n    position: 'absolute',\n    zIndex: 1,\n    width: HOLE_SIZE,\n    height: HOLE_SIZE,\n    borderRadius: '50%',\n    bgcolor: 'background.paper',\n  },\n  label: {\n    position: 'absolute',\n    zIndex: 2,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: ({ spacing }) => spacing(0.5),\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface PieSkeletonProps {\n  count?: number\n}\n\n/**\n * Loading state for the Pie widget. Mirrors the donut silhouette — a ring\n * (gray circle with a background-coloured hole punched out), a stacked\n * value/name stub in the centre, and a centered legend stub below — so the\n * skeleton reads as \"a donut chart\" rather than a solid disc.\n *\n * Single donut only: multi-series pie loads as a horizontal bar chart, so\n * rendering one ring stays honest regardless of `count`.\n */\nexport function PieSkeleton({ count }: PieSkeletonProps) {\n  // `count` is accepted for API compatibility but intentionally unused: the\n  // skeleton always renders a single donut, since multi-series pie loads as a\n  // horizontal bar chart rather than multiple donuts.\n  void count\n  return (\n    <Box sx={styles.root}>\n      <Box sx={styles.donut}>\n        <Skeleton variant='circular' sx={styles.ring} />\n        <Box sx={styles.hole} />\n        <Box sx={styles.label}>\n          <Skeleton width={56} height={18} />\n          <Skeleton width={36} height={8} />\n        </Box>\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  withPngItem,\n  type DownloadItem,\n  type WidgetDownloadArgs,\n} from '../actions/download'\nimport type { PieWidgetData } from './types'\n\n/**\n * Download menu items for the Pie widget. Always includes a CSV item with\n * `series, name, value` columns (one row per slice; series labels come from\n * `seriesNames` if provided, else `series_<n>`). When `getCaptureEl` is\n * given, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createPieDownloadConfig(\n  args: WidgetDownloadArgs<PieWidgetData> & {\n    seriesNames?: readonly string[]\n  },\n): DownloadItem[] {\n  return withPngItem(\n    args,\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: (ctx) => {\n        const data = args.getData(ctx)\n        const rows: unknown[][] = [['series', 'name', 'value']]\n        for (const [i, series] of data.entries()) {\n          const seriesName = args.seriesNames?.[i] ?? `series_${i + 1}`\n          for (const slice of series) {\n            rows.push([seriesName, slice.name, slice.value])\n          }\n        }\n        return rows\n      },\n    }),\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"pie.js","names":["<Skeleton variant='circular' sx={styles.ring} />","<Box sx={styles.hole} />","<Box sx={styles.donut}>\n        <Skeleton variant='circular' sx={styles.ring} />\n        <Box sx={styles.hole} />\n        <Box sx={styles.label}>\n          <Skeleton width={56} height={18} />\n          <Skeleton width={36} height={8} />\n        </Box>\n      </Box>","<Box sx={styles.root}>\n      <Box sx={styles.donut}>\n        <Skeleton variant='circular' sx={styles.ring} />\n        <Box sx={styles.hole} />\n        <Box sx={styles.label}>\n          <Skeleton width={56} height={18} />\n          <Skeleton width={36} height={8} />\n        </Box>\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>","(i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        )","_c","buildCsvDownloadItem","mergeOptions","resolveThemeColor","buildSeriesLabelConfig","niceNum","buildLegendConfig","spacingPx","createTooltipFormatter","buildGridConfig","createTooltipPositioner","createItemColorResolver","echarts","DEFAULT_RADIUS","pieOptions","theme","buildPieTooltipFormatter","formatter","labelFormatter","createPieOptionFactory","options","radius","selection","selectionSet","option","structural","optionsOverride","seriesArr","data","buildMultiSeriesBarFusion","series","ctx","buildSingleSeriesPieFusion","seriesTemplates","broadcastTemplate","baseTooltip","baseLegend","palette","resolvePaletteColor","params","makeColorFn","baseColor","base","name","templateLabelPosition","isCenterLabel","centerData","centerMaxName","centerMaxValue","d","labelTextFormatter","encodeIndex","value","formattedValue","formattedName","s","template","i","templateObj","templateLabel","templateItemStyle","baseGrid","computeNiceBounds","paletteColor","seriesIdx","makeBarColorFn","overrideColor","niceMinVal","niceMaxVal","buildHorizontalBarTooltipFormatter","item","dimName","row","raw","marker","seriesName","min","max","OUTER_SIZE","HOLE_SIZE","styles","spacing","PieSkeleton","$","c","t1","t2","Skeleton","Box","t3","t4","_temp","createPieDownloadConfig","withPngItem","args","rows","slice"],"sources":["../../src/widgets/pie/options.ts","../../src/widgets/pie/skeleton.tsx","../../src/widgets/pie/download.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  buildSeriesLabelConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../utils/option-builders'\nimport type { OptionFactory, OptionFactoryContext } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { spacingPx } from '../utils/spacing-px'\nimport { createItemColorResolver } from '../utils/item-color'\nimport type { WidgetSeries } from '../types'\nimport type {\n  PieEChartsOption,\n  PieOptionFactoryInput,\n  PieOptionsInput,\n  PieWidgetData,\n} from './types'\n\nconst DEFAULT_RADIUS: readonly [string, string] = ['58%', '74%']\n\n/**\n * Builds the **structural** ECharts option for a pie / donut widget.\n * Mirrors v1's pie look-and-feel: themed legend (`buildLegendConfig`),\n * themed tooltip via `createTooltipPositioner` / `createTooltipFormatter`,\n * `qualitative.bold` color palette, slice borders against the paper\n * background, hover-emphasis disabled, and a centered rich-text label.\n *\n * Layered like Bar / Histogram:\n *   - **Theme-aware bits** live here on a series template (slice border,\n *     center-label rich style sizes, emphasis-disabled).\n *   - **Reactive bits** (tooltip value formatter, center-label text,\n *     selection-driven dim) are re-emitted by\n *     {@link createPieOptionFactory} at fusion time so RelativeData's\n *     percent override flows through.\n */\nexport function pieOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: PieOptionsInput): PieEChartsOption {\n  return {\n    legend: {\n      ...buildLegendConfig({ hasLegend: true, labelFormatter }),\n      // Bottom-left, same as every other widget — `buildLegendConfig`'s\n      // `left: 0` is kept deliberately. The wider `itemGap` gives chips\n      // breathing room in the typical 3–6 category case.\n      type: 'scroll',\n      itemGap: 16,\n      // The legend is presentational only here — the pie has its own\n      // click-to-select affordance on the slices themselves, so legend\n      // clicks toggling series visibility would be a second, redundant/\n      // conflicting interaction model. Hover-highlight is disabled per\n      // series via `legendHoverLink` (ECharts has no legend-level knob\n      // for it).\n      selectedMode: false,\n    },\n    tooltip: {\n      // Pie uses item-trigger (no axis); the rest of the styling mirrors\n      // bar/histogram so the dashboard reads consistently — dark\n      // grey[900] bg, white caption-font text, padded, with the shared\n      // overflow-aware positioner.\n      trigger: 'item',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [spacingPx(theme, 1), spacingPx(theme, 1)],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      position: createTooltipPositioner(theme),\n      formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n    },\n    // V1 used `qualitative.bold` only (no `secondary.main` prefix) because\n    // pie slices are categorical — each slice deserves a distinct palette\n    // entry from the start, not a primary highlight.\n    color: Object.values(\n      (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n        .qualitative?.bold ?? {},\n    ),\n    // Pie template. The merger spreads this into each per-data series it\n    // emits — borderColor / borderWidth / emphasis-disabled / label rich\n    // sizes all survive through.\n    series: [\n      {\n        type: 'pie',\n        colorBy: 'data',\n        avoidLabelOverlap: true,\n        selectedOffset: 0,\n        legendHoverLink: false,\n        emphasis: { disabled: true },\n        itemStyle: {\n          borderColor: theme.palette.background.paper,\n          borderWidth: 1,\n        },\n        label: {\n          show: true,\n          position: 'center',\n          rich: {\n            b: { fontSize: 16, fontWeight: 'normal', lineHeight: 20 },\n            c: { fontSize: 28, fontWeight: 'bold', lineHeight: 27 },\n          },\n        },\n      },\n    ],\n  }\n}\n\n/**\n * Returns the pie widget's {@link OptionFactory} — one closure that owns\n * BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link pieOptions}, optionally merging the\n *     consumer-supplied `optionsOverride` on top. Called once by Provider\n *     to seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`PieWidgetData`) into the option via the dataset API. Single-series\n *     → donut (one dataset, `series[i].encode = { itemName: 'name', value: 'value' }`).\n *     Multi-series → horizontal-bar fallback (mirrors v1 pie). Reactive\n *     formatters from `ctx` drive the tooltip + center label at fusion\n *     time so RelativeData's percent formatter flows through without a\n *     structural rebuild.\n */\nexport function createPieOptionFactory(\n  options: PieOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride, series } = options\n  const radius = options.radius ?? DEFAULT_RADIUS\n  const selection = options.selection\n  // An explicit `[]` (deselected down to zero via chart clicks) is treated\n  // the same as no selection: the pie has no bar/histogram-style \"nothing\n  // selected\" affordance, so dimming every slice would just look broken —\n  // it renders fully active, same as the no-interaction state.\n  const selectionSet =\n    selection === undefined || selection === null || selection.length === 0\n      ? null\n      : new Set<string | number>(selection)\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = pieOptions({ theme, formatter, labelFormatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr = Array.isArray(data) ? (data as PieWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    if (seriesArr.length > 1) {\n      return buildMultiSeriesBarFusion(\n        option,\n        seriesArr,\n        theme,\n        series,\n        ctx,\n        selectionSet,\n      )\n    }\n    return buildSingleSeriesPieFusion(\n      option,\n      seriesArr,\n      theme,\n      radius,\n      series,\n      ctx,\n      selectionSet,\n    )\n  }\n}\n\n/**\n * Single-series donut fusion. Spreads the structural pie series template\n * into per-data series with center/radius/encoding, wires the reactive\n * center-label / tooltip formatters and the per-data palette-aware\n * selection-dim callback.\n */\nfunction buildSingleSeriesPieFusion(\n  option: EChartsOption,\n  seriesArr: PieWidgetData,\n  theme: Theme,\n  radius: readonly [string, string],\n  series: readonly WidgetSeries[] | undefined,\n  ctx: OptionFactoryContext | undefined,\n  selectionSet: Set<string | number> | null,\n): EChartsOption {\n  const seriesTemplates = Array.isArray(option.series) ? option.series : []\n  const broadcastTemplate = seriesTemplates[0] ?? {}\n  const baseTooltip =\n    typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n      ? option.tooltip\n      : {}\n  const baseLegend =\n    typeof option.legend === 'object' && !Array.isArray(option.legend)\n      ? option.legend\n      : {}\n  const formatter = ctx?.formatter\n  const labelFormatter = ctx?.labelFormatter\n\n  // Pie wants `colorBy: 'data'` — each slice draws from the option's\n  // `color` palette by data index. But installing an `itemStyle.color`\n  // callback disables ECharts' automatic per-data cycling, and\n  // `params.color` collapses to the series color (so every slice goes\n  // the same color). We re-implement the per-data palette resolution\n  // here so the multicolor look survives selection-driven dimming.\n  const palette = Array.isArray(option.color)\n    ? (option.color as readonly (string | undefined)[])\n    : []\n  const resolvePaletteColor = (params: CallbackDataParams): string => {\n    const swatch =\n      palette.length > 0\n        ? palette[params.dataIndex % palette.length]\n        : undefined\n    return swatch ?? (params.color as string)\n  }\n\n  // Always emit `itemStyle.color` (passthrough when nothing is selected),\n  // not conditionally — same anti-stale-callback rationale as bar /\n  // histogram. The slice border + width come from the structural\n  // template's `itemStyle` and survive via the spread below.\n  //\n  // `selectionSet` is the *included* set, same direct semantics as\n  // bar/histogram/timeseries (no ADR-014 exclusion inversion). Dim a slice\n  // when its name is NOT in the set. `selectionSet` is never a non-null\n  // empty Set — the collapse above (`selection.length === 0 → null`) rules\n  // that out — so there's no \"dim everything\" case here, unlike a widget\n  // that gives `[]` its own \"selected down to nothing\" meaning.\n  //\n  // The base colour is the slice's own `color`, else the template's\n  // `itemStyle.color`, else the per-data palette swatch.\n  const makeColorFn = (datums: readonly object[], template: unknown) => {\n    const baseColor = createItemColorResolver({\n      theme,\n      datums,\n      template,\n      fallback: resolvePaletteColor,\n    })\n    return (params: CallbackDataParams): string => {\n      const base = baseColor(params)\n      if (!selectionSet) return base\n      const datum = params.value as { name?: string | number } | undefined\n      const name = datum?.name ?? params.name\n      return name != null && selectionSet.has(name)\n        ? base\n        : echarts.color.modifyAlpha(base, 0.15)\n    }\n  }\n\n  // ECharts anchors EVERY slice's `position: 'center'` label at the same\n  // point, so at most one of them can ever be legible — the donut design\n  // leans into that (one KPI inside the ring) and picks a single slice\n  // below. A consumer that moves the labels off the centre gives each\n  // slice its own anchor (`'outside'` with leader lines is what the PDF\n  // export uses, `'inside'` / `'insideTop'` … likewise), and there the\n  // single-label rule is simply wrong: every slice must render its own\n  // label. Read the position off the structural template, which already\n  // carries the consumer's `optionsOverride`.\n  const templateLabelPosition = (\n    broadcastTemplate as { label?: { position?: unknown } }\n  ).label?.position\n  const isCenterLabel =\n    templateLabelPosition === undefined || templateLabelPosition === 'center'\n\n  // Which slice renders the centre value+name: the greatest value among\n  // the *included* slices (all of them when there's no active\n  // selection), computed locally — no query round-trip. Only that one\n  // slice's formatter call returns text; every other slice returns ''\n  // so exactly one label ever renders at the shared centre anchor. Only\n  // `typeof value === 'number'` participates — if every included slice's\n  // value is non-numeric, `centerMaxName` stays `undefined` and no slice\n  // matches it in `labelTextFormatter` below, so the chart renders with no\n  // centre label at all (graceful no-op, not a crash). Skipped entirely\n  // for off-centre labels, where every slice labels itself.\n  const centerData = seriesArr[0] ?? []\n  let centerMaxName: string | number | undefined\n  let centerMaxValue = -Infinity\n  for (const d of centerData) {\n    if (selectionSet && !selectionSet.has(d.name)) continue\n    if (typeof d.value === 'number' && d.value > centerMaxValue) {\n      centerMaxValue = d.value\n      centerMaxName = d.name\n    }\n  }\n\n  // Slice label formatter — lives in the merger because it reads\n  // reactive `formatter` / `labelFormatter` from ctx. The rich tags\n  // `{c|…}` and `{b|…}` reference the rich styles baked into the\n  // structural label template.\n  const labelTextFormatter = (params: CallbackDataParams): string => {\n    const { name } = params\n    if (name == null) return ''\n    if (isCenterLabel && name !== centerMaxName) return ''\n    const encodeIndex = params.encode?.value?.[0]\n    if (encodeIndex === undefined) return ''\n    const value = (Object.values(params.data ?? {}) as unknown[]).at(\n      encodeIndex,\n    )\n    // `value` here is the resolved dataset cell — for pie data it's a\n    // `string | number` primitive. Anything else is a misuse we won't\n    // dress up with `String(...)` (would render \"[object Object]\").\n    const formattedValue =\n      typeof value === 'number'\n        ? formatter\n          ? formatter(value)\n          : String(value)\n        : typeof value === 'string'\n          ? value\n          : ''\n    const formattedName = labelFormatter\n      ? String(labelFormatter(name ?? ''))\n      : String(name ?? '')\n    // The blank line is what separates the big centre KPI from its\n    // caption. Off-centre labels sit next to their own slice and are\n    // laid out against their neighbours, so the spacer only inflates\n    // each label's bounding box — enough, with a hidden `{b|…}` block,\n    // to make ECharts drop colliding labels altogether.\n    const separator = isCenterLabel ? '\\n\\n' : '\\n'\n    return `{c|${formattedValue}}${separator}{b|${formattedName}}`\n  }\n\n  return {\n    ...option,\n    dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n    series: seriesArr.map((s, i) => {\n      const template =\n        (seriesTemplates[i] as object | undefined) ??\n        (broadcastTemplate as object)\n      const templateObj = typeof template === 'object' ? template : {}\n      const templateLabel = (templateObj as { label?: object }).label ?? {}\n      const templateItemStyle =\n        (templateObj as { itemStyle?: object }).itemStyle ?? {}\n      return {\n        ...templateObj,\n        type: 'pie' as const,\n        legendHoverLink: false,\n        datasetIndex: i,\n        name: series?.[i]?.name ?? `Series ${i + 1}`,\n        radius: [...radius],\n        // Lift the donut up so the bottom-anchored legend has the\n        // vertical real estate to wrap to multiple rows for long\n        // category lists — at exactly `50%` the bottom slices crowd\n        // the chips and `type: 'plain'` legends can't expand upward\n        // without overlapping the donut.\n        center: ['50%', '38%'] as [string, string],\n        encode: { itemName: 'name', value: 'value' },\n        label: {\n          ...templateLabel,\n          formatter: labelTextFormatter,\n        },\n        itemStyle: {\n          ...templateItemStyle,\n          color: makeColorFn(s, templateObj),\n        },\n      }\n    }),\n    // Legend always shows for pie (mirrors v1) — slice names drive the\n    // entries, so even a single donut benefits from a category list.\n    //\n    // Exclusion is conveyed purely via `colorFn`/`labelTextFormatter`\n    // dimming above, never via the legend's `selected` map: for a pie\n    // series, ECharts treats `legend.selected[name] = false` as \"remove\n    // this data point,\" which recomputes every remaining slice's angle —\n    // the excluded slice disappears instead of rendering dimmed. Forcing\n    // every name to `true` on every render also overrides ECharts' own\n    // internal toggle state from a native legend click (which flips a\n    // name to `false` and hides it before our `legendselectchanged`\n    // handler gets a chance to react), so a legend click never leaves a\n    // slice structurally removed — only the color/label dimming reflects\n    // exclusion, and it stays in sync with the slice itself since both\n    // read `selectionSet` on the same render.\n    legend: {\n      ...baseLegend,\n      show: true,\n      selectedMode: false,\n      selected: Object.fromEntries(\n        (seriesArr[0] ?? []).map((d) => [String(d.name), true]),\n      ),\n    },\n    tooltip: {\n      ...baseTooltip,\n      formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n    },\n  }\n}\n\n/**\n * Multi-series horizontal-bar fusion. Mirrors v1 pie's \"pie data with\n * >1 series collapses into a horizontal bar chart\" behavior — side-by-\n * side donuts don't read well when you're comparing the same categories\n * across cohorts, so swap to a value-on-x / category-on-y bar layout.\n *\n * Pie data shape is identical to bar's (`{ name, value }[][]`), so the\n * same dataset feeds either layout without transformation.\n */\nfunction buildMultiSeriesBarFusion(\n  option: EChartsOption,\n  seriesArr: PieWidgetData,\n  theme: Theme,\n  series: readonly WidgetSeries[] | undefined,\n  ctx: OptionFactoryContext | undefined,\n  selectionSet: Set<string | number> | null,\n): EChartsOption {\n  const baseTooltip =\n    typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n      ? option.tooltip\n      : {}\n  const baseLegend =\n    typeof option.legend === 'object' && !Array.isArray(option.legend)\n      ? option.legend\n      : {}\n  const baseGrid =\n    typeof option.grid === 'object' && !Array.isArray(option.grid)\n      ? option.grid\n      : {}\n  const formatter = ctx?.formatter\n  const labelFormatter = ctx?.labelFormatter\n\n  const { niceMinVal, niceMaxVal } = computeNiceBounds(seriesArr)\n\n  // Per-series palette — multi-series bars take one color per series\n  // (not per-data, unlike donut slices). Same anti-stale-callback rule:\n  // always emit the callback so a transition to/from a selection\n  // replaces the previous closure cleanly.\n  const palette = Array.isArray(option.color)\n    ? (option.color as readonly (string | undefined)[])\n    : []\n  // The base colour is the datum's own `color`, else the template's\n  // `itemStyle.color`, else the per-series palette swatch.\n  const seriesTemplates = Array.isArray(option.series) ? option.series : []\n  const paletteColor = (params: CallbackDataParams): string => {\n    const seriesIdx = params.seriesIndex ?? 0\n    const seriesSwatch =\n      palette.length > 0 ? palette[seriesIdx % palette.length] : undefined\n    return (seriesSwatch ?? params.color) as string\n  }\n  const makeBarColorFn = (datums: readonly object[], template: unknown) => {\n    const baseColor = createItemColorResolver({\n      theme,\n      datums,\n      template,\n      fallback: paletteColor,\n    })\n    return (params: CallbackDataParams): string => {\n      const base = baseColor(params)\n      if (!selectionSet) return base\n      const datum = params.value as { name?: string | number } | undefined\n      const name = datum?.name ?? params.name\n      return name != null && selectionSet.has(name)\n        ? base\n        : echarts.color.modifyAlpha(base, 0.15)\n    }\n  }\n\n  return {\n    ...option,\n    dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n    grid: {\n      ...baseGrid,\n      ...buildGridConfig(true, theme),\n      right: spacingPx(theme, 4),\n      containLabel: true,\n    },\n    // Drop pie-specific structural keys that shouldn't render in the\n    // bar fallback. ECharts ignores undefined keys, so this is a clean\n    // override.\n    series: seriesArr.map((s, i) => {\n      const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n      return {\n        datasetIndex: i,\n        type: 'bar' as const,\n        name: series?.[i]?.name ?? `Series ${i + 1}`,\n        barMaxWidth: 100,\n        legendHoverLink: false,\n        emphasis: { focus: 'series' },\n        ...buildSeriesLabelConfig(formatter, 'x'),\n        itemStyle: {\n          color: makeBarColorFn(s, seriesTemplates[i] ?? seriesTemplates[0]),\n        },\n        ...(overrideColor ? { color: overrideColor } : {}),\n      }\n    }),\n    xAxis: {\n      type: 'value',\n      // Closures over the pre-computed nice bounds — ECharts calls them\n      // once per render to resolve the axis extents.\n      min: () => niceMinVal,\n      max: () => niceMaxVal,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      // Value labels render BELOW the axis line (default placement),\n      // NOT inside the plot. Bar/histogram use `inside: true` +\n      // `verticalAlign: 'bottom'` for their *vertical* y-axis where the\n      // axis is the left wall — labels inside read like grid annotations.\n      // A horizontal bar chart's value axis is the x-axis, and `inside`\n      // there pushes the max label *behind* the bar (it visually\n      // disappears once a bar reaches the right edge). Use the default\n      // below-the-axis placement so the rounded extents stay readable.\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate?.fontSize,\n        fontFamily: theme.typography.overlineDelicate?.fontFamily,\n        margin: spacingPx(theme, 1),\n        showMaxLabel: true,\n        showMinLabel: true,\n        formatter: (value: number) => {\n          if (value !== niceMaxVal && value !== niceMinVal) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\n      },\n    },\n    yAxis: {\n      type: 'category',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: [spacingPx(theme, 0.5), 0, 0, 0],\n        ...(labelFormatter && {\n          formatter: (value: string | number) => String(labelFormatter(value)),\n        }),\n      },\n    },\n    // Mirrors the donut branch's `selected` reset above — `selectedMode:\n    // false` blocks the native legend click that would otherwise undo an\n    // ECharts-internal toggle, so without forcing every entry back to\n    // `true` here a prior native toggle (from before `selectedMode` took\n    // effect, or a stale `keepAlive` instance) would stay hidden forever\n    // with no way to restore it.\n    legend: {\n      ...baseLegend,\n      show: true,\n      selectedMode: false,\n      selected: Object.fromEntries(\n        seriesArr.map((_, i) => [series?.[i]?.name ?? `Series ${i + 1}`, true]),\n      ),\n    },\n    tooltip: {\n      ...baseTooltip,\n      trigger: 'axis',\n      formatter: buildHorizontalBarTooltipFormatter(formatter, labelFormatter),\n    },\n  } as EChartsOption\n}\n\n/**\n * Tooltip formatter for the horizontal-bar fallback. Reads the value by\n * `encode.x` dimension index (v1 parity) so it stays robust to\n * downstream changes that rename dataset columns.\n */\nfunction buildHorizontalBarTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const encodeIndex = item.encode?.x?.at(0)\n    const dimName =\n      encodeIndex !== undefined ? item.dimensionNames?.[encodeIndex] : undefined\n    const row =\n      item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n        ? (item.value as Record<string, string | number>)\n        : undefined\n    const raw = dimName && row ? row[dimName] : undefined\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const name = labelFormatter\n      ? String(labelFormatter(item.name ?? ''))\n      : String(item.name ?? '')\n    return { name, seriesName, marker, value: formattedValue }\n  })\n}\n\n/**\n * Min/max bounds over every datum's `.value` across all series. Used by\n * the horizontal-bar fallback's x-axis label formatter so we only render\n * labels at the rounded extents (matches v1 + bar / histogram).\n */\nfunction computeNiceBounds(seriesArr: PieWidgetData): {\n  niceMinVal: number\n  niceMaxVal: number\n} {\n  let min = 0\n  let max = -Infinity\n  for (const series of seriesArr) {\n    for (const d of series) {\n      if (typeof d?.value !== 'number' || !Number.isFinite(d.value)) continue\n      if (d.value < min) min = d.value\n      if (d.value > max) max = d.value\n    }\n  }\n  return {\n    niceMinVal: min < 0 ? niceNum(min) : 0,\n    niceMaxVal: max <= 0 ? 1 : niceNum(max),\n  }\n}\n\n/**\n * Tooltip formatter for pie slices. `item.value` is the dataset row\n * object (e.g. `{ name: 'A', value: 10 }`); we pull the value by\n * `encode.value`'s dimension index, formatted via the reactive `formatter`\n * if present. Slice name passes through `labelFormatter`.\n */\nfunction buildPieTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const encodeIndex = item.encode?.value?.at(0) ?? 1\n    const values =\n      item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n        ? (Object.values(item.value) as (string | number)[])\n        : []\n    const raw = values[encodeIndex]\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const name = labelFormatter\n      ? String(labelFormatter(item.name ?? ''))\n      : String(item.name ?? '')\n    return { name, seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst OUTER_SIZE = 160\nconst HOLE_SIZE = 96\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 200,\n    py: 1,\n    gap: ({ spacing }) => spacing(2),\n  },\n  donut: {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  ring: {\n    width: OUTER_SIZE,\n    height: OUTER_SIZE,\n  },\n  hole: {\n    position: 'absolute',\n    zIndex: 1,\n    width: HOLE_SIZE,\n    height: HOLE_SIZE,\n    borderRadius: '50%',\n    bgcolor: 'background.paper',\n  },\n  label: {\n    position: 'absolute',\n    zIndex: 2,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: ({ spacing }) => spacing(0.5),\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface PieSkeletonProps {\n  count?: number\n}\n\n/**\n * Loading state for the Pie widget. Mirrors the donut silhouette — a ring\n * (gray circle with a background-coloured hole punched out), a stacked\n * value/name stub in the centre, and a centered legend stub below — so the\n * skeleton reads as \"a donut chart\" rather than a solid disc.\n *\n * Single donut only: multi-series pie loads as a horizontal bar chart, so\n * rendering one ring stays honest regardless of `count`.\n */\nexport function PieSkeleton({ count }: PieSkeletonProps) {\n  // `count` is accepted for API compatibility but intentionally unused: the\n  // skeleton always renders a single donut, since multi-series pie loads as a\n  // horizontal bar chart rather than multiple donuts.\n  void count\n  return (\n    <Box sx={styles.root}>\n      <Box sx={styles.donut}>\n        <Skeleton variant='circular' sx={styles.ring} />\n        <Box sx={styles.hole} />\n        <Box sx={styles.label}>\n          <Skeleton width={56} height={18} />\n          <Skeleton width={36} height={8} />\n        </Box>\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  withPngItem,\n  type DownloadItem,\n  type WidgetDownloadArgs,\n} from '../actions/download'\nimport type { PieWidgetData } from './types'\n\n/**\n * Download menu items for the Pie widget. Always includes a CSV item with\n * `series, name, value` columns (one row per slice; series labels come from\n * `seriesNames` if provided, else `series_<n>`). When `getCaptureEl` is\n * given, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createPieDownloadConfig(\n  args: WidgetDownloadArgs<PieWidgetData> & {\n    seriesNames?: readonly string[]\n  },\n): DownloadItem[] {\n  return withPngItem(\n    args,\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: (ctx) => {\n        const data = args.getData(ctx)\n        const rows: unknown[][] = [['series', 'name', 'value']]\n        for (const [i, series] of data.entries()) {\n          const seriesName = args.seriesNames?.[i] ?? `series_${i + 1}`\n          for (const slice of series) {\n            rows.push([seriesName, slice.name, slice.value])\n          }\n        }\n        return rows\n      },\n    }),\n  )\n}\n"],"mappings":"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"}