@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/widgets-v2/pie.js

@@ -1,472 +1,374 @@
-import * as _ from "echarts";
-import { g as E, d as $, i as P, c as z, f as M, n as N } from "../option-builders-DPeoyQaM.js";
-import { jsx as x, jsxs as j } from "react/jsx-runtime";
-import { c as H } from "react/compiler-runtime";
-import { Skeleton as L, Box as I } from "@mui/material";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import "@mui/icons-material";
-import "react";
-import "html2canvas";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import "@carto/ps-utils";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dom";
-import { m as V, r as B } from "../resolve-theme-color-BdojIw0K.js";
-import "../widget-context-DTGO0Yta.js";
-import "zustand";
-import "zustand/vanilla";
-import "zustand/middleware";
-import "zustand/react/shallow";
-import { b as R } from "../png-item-9dNbB37T.js";
-import { b as W } from "../csv-item-hH_Gt7ur.js";
-const G = ["58%", "74%"];
-function U({
-  theme: e,
-  formatter: r,
-  labelFormatter: t
-}) {
-  return {
-    legend: {
-      ...$({
-        hasLegend: !0,
-        labelFormatter: t
-      }),
-      // Pie reads better with a centered legend (the donut is radially
-      // symmetric — left-aligning the legend below it visually unbalances
-      // the chart). Override `buildLegendConfig`'s `type: 'scroll'` with
-      // `'plain'` so long category lists wrap to multiple rows instead
-      // of clipping the last visible item against the chart container.
-      // The wider `itemGap` gives chips breathing room in the typical
-      // 3–6 category case.
-      left: "center",
-      type: "scroll",
-      itemGap: 16,
-      // The legend is presentational only here — the pie has its own
-      // click-to-select affordance on the slices themselves, so legend
-      // clicks toggling series visibility would be a second, redundant/
-      // conflicting interaction model. Hover-highlight is disabled per
-      // series via `legendHoverLink` (ECharts has no legend-level knob
-      // for it).
-      selectedMode: !1
-    },
-    tooltip: {
-      // Pie uses item-trigger (no axis); the rest of the styling mirrors
-      // bar/histogram so the dashboard reads consistently — dark
-      // grey[900] bg, white caption-font text, padded, with the shared
-      // overflow-aware positioner.
-      trigger: "item",
-      backgroundColor: e.palette.grey[900],
-      borderWidth: 0,
-      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
-      textStyle: {
-        color: e.palette.common.white,
-        fontSize: 11,
-        fontFamily: e.typography.caption.fontFamily
-      },
-      position: E(e),
-      formatter: D(r, t)
-    },
-    // V1 used `qualitative.bold` only (no `secondary.main` prefix) because
-    // pie slices are categorical — each slice deserves a distinct palette
-    // entry from the start, not a primary highlight.
-    color: Object.values(e.palette.qualitative?.bold ?? {}),
-    // Pie template. The merger spreads this into each per-data series it
-    // emits — borderColor / borderWidth / emphasis-disabled / label rich
-    // sizes all survive through.
-    series: [{
-      type: "pie",
-      colorBy: "data",
-      avoidLabelOverlap: !0,
-      selectedOffset: 0,
-      legendHoverLink: !1,
-      emphasis: {
-        disabled: !0
-      },
-      itemStyle: {
-        borderColor: e.palette.background.paper,
-        borderWidth: 1
-      },
-      label: {
-        show: !0,
-        position: "center",
-        rich: {
-          b: {
-            fontSize: 16,
-            fontWeight: "normal",
-            lineHeight: 20
-          },
-          c: {
-            fontSize: 28,
-            fontWeight: "bold",
-            lineHeight: 27
-          }
-        }
-      }
-    }]
-  };
+import { n as e, t } from "../download-BT6qBamM.js";
+import { r as n, t as r } from "../utils-DtvTjjMq.js";
+import { a as i, c as a, d as o, f as s, s as c, u as l } from "../chart-config-BGt7wkK7.js";
+import { c as u } from "react/compiler-runtime";
+import { Box as d, Skeleton as f } from "@mui/material";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import * as h from "echarts";
+//#region src/widgets-v2/pie/options.ts
+var g = ["58%", "74%"];
+function _({ theme: e, formatter: t, labelFormatter: n }) {
+	return {
+		legend: {
+			...c({
+				hasLegend: !0,
+				labelFormatter: n
+			}),
+			left: "center",
+			type: "scroll",
+			itemGap: 16,
+			selectedMode: !1
+		},
+		tooltip: {
+			trigger: "item",
+			backgroundColor: e.palette.grey[900],
+			borderWidth: 0,
+			padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+			textStyle: {
+				color: e.palette.common.white,
+				fontSize: 11,
+				fontFamily: e.typography.caption.fontFamily
+			},
+			position: o(e),
+			formatter: C(t, n)
+		},
+		color: Object.values(e.palette.qualitative?.bold ?? {}),
+		series: [{
+			type: "pie",
+			colorBy: "data",
+			avoidLabelOverlap: !0,
+			selectedOffset: 0,
+			legendHoverLink: !1,
+			emphasis: { disabled: !0 },
+			itemStyle: {
+				borderColor: e.palette.background.paper,
+				borderWidth: 1
+			},
+			label: {
+				show: !0,
+				position: "center",
+				rich: {
+					b: {
+						fontSize: 16,
+						fontWeight: "normal",
+						lineHeight: 20
+					},
+					c: {
+						fontSize: 28,
+						fontWeight: "bold",
+						lineHeight: 27
+					}
+				}
+			}
+		}]
+	};
 }
-function we(e) {
-  const {
-    theme: r,
-    formatter: t,
-    labelFormatter: a,
-    optionsOverride: o,
-    series: n
-  } = e, u = e.radius ?? G, c = e.selection, y = c == null || c.length === 0 ? null : new Set(c);
-  return (d, p, b) => {
-    if (d == null) {
-      const h = U({
-        theme: r,
-        formatter: t,
-        labelFormatter: a
-      });
-      return o ? V(h, o) : h;
-    }
-    const g = Array.isArray(p) ? p : [];
-    return g.length === 0 ? {
-      ...d,
-      dataset: [],
-      series: []
-    } : g.length > 1 ? q(d, g, r, n, b, y) : Z(d, g, u, n, b, y);
-  };
+function v(e) {
+	let { theme: t, formatter: r, labelFormatter: i, optionsOverride: a, series: o } = e, s = e.radius ?? g, c = e.selection, l = c == null || c.length === 0 ? null : new Set(c);
+	return (e, c, u) => {
+		if (e == null) {
+			let e = _({
+				theme: t,
+				formatter: r,
+				labelFormatter: i
+			});
+			return a ? n(e, a) : e;
+		}
+		let d = Array.isArray(c) ? c : [];
+		return d.length === 0 ? {
+			...e,
+			dataset: [],
+			series: []
+		} : d.length > 1 ? b(e, d, t, o, u, l) : y(e, d, s, o, u, l);
+	};
 }
-function Z(e, r, t, a, o, n) {
-  const u = Array.isArray(e.series) ? e.series : [], c = u[0] ?? {}, y = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, d = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, p = o?.formatter, b = o?.labelFormatter, g = Array.isArray(e.color) ? e.color : [], h = (i) => (g.length > 0 ? g[i.dataIndex % g.length] : void 0) ?? i.color, k = (i) => {
-    const s = h(i);
-    if (!n) return s;
-    const f = i.value?.name ?? i.name;
-    return f != null && n.has(f) ? s : _.color.modifyAlpha(s, 0.15);
-  }, l = r[0] ?? [];
-  let m, S = -1 / 0;
-  for (const i of l)
-    n && !n.has(i.name) || typeof i.value == "number" && i.value > S && (S = i.value, m = i.name);
-  const A = (i) => {
-    const {
-      name: s
-    } = i;
-    if (s == null || s !== m) return "";
-    const w = i.encode?.value?.[0];
-    if (w === void 0) return "";
-    const f = Object.values(i.data ?? {}).at(w), C = typeof f == "number" ? p ? p(f) : String(f) : typeof f == "string" ? f : "", F = String(b ? b(s ?? "") : s ?? "");
-    return `{c|${C}}
-
-{b|${F}}`;
-  };
-  return {
-    ...e,
-    dataset: r.map((i) => ({
-      source: i
-    })),
-    series: r.map((i, s) => {
-      const w = u[s] ?? c, f = typeof w == "object" ? w : {}, C = f.label ?? {}, F = f.itemStyle ?? {};
-      return {
-        ...f,
-        type: "pie",
-        legendHoverLink: !1,
-        datasetIndex: s,
-        name: a?.[s]?.name ?? `Series ${s + 1}`,
-        radius: [...t],
-        // Lift the donut up so the bottom-anchored legend has the
-        // vertical real estate to wrap to multiple rows for long
-        // category lists — at exactly `50%` the bottom slices crowd
-        // the chips and `type: 'plain'` legends can't expand upward
-        // without overlapping the donut.
-        center: ["50%", "38%"],
-        encode: {
-          itemName: "name",
-          value: "value"
-        },
-        label: {
-          ...C,
-          formatter: A
-        },
-        itemStyle: {
-          ...F,
-          color: k
-        }
-      };
-    }),
-    // Legend always shows for pie (mirrors v1) — slice names drive the
-    // entries, so even a single donut benefits from a category list.
-    //
-    // Exclusion is conveyed purely via `colorFn`/`labelTextFormatter`
-    // dimming above, never via the legend's `selected` map: for a pie
-    // series, ECharts treats `legend.selected[name] = false` as "remove
-    // this data point," which recomputes every remaining slice's angle —
-    // the excluded slice disappears instead of rendering dimmed. Forcing
-    // every name to `true` on every render also overrides ECharts' own
-    // internal toggle state from a native legend click (which flips a
-    // name to `false` and hides it before our `legendselectchanged`
-    // handler gets a chance to react), so a legend click never leaves a
-    // slice structurally removed — only the color/label dimming reflects
-    // exclusion, and it stays in sync with the slice itself since both
-    // read `selectionSet` on the same render.
-    legend: {
-      ...d,
-      show: !0,
-      selectedMode: !1,
-      selected: Object.fromEntries((r[0] ?? []).map((i) => [String(i.name), !0]))
-    },
-    tooltip: {
-      ...y,
-      formatter: D(p, b)
-    }
-  };
+function y(e, t, n, r, i, a) {
+	let o = Array.isArray(e.series) ? e.series : [], s = o[0] ?? {}, c = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, l = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, u = i?.formatter, d = i?.labelFormatter, f = Array.isArray(e.color) ? e.color : [], p = (e) => (f.length > 0 ? f[e.dataIndex % f.length] : void 0) ?? e.color, m = (e) => {
+		let t = p(e);
+		if (!a) return t;
+		let n = e.value?.name ?? e.name;
+		return n != null && a.has(n) ? t : h.color.modifyAlpha(t, .15);
+	}, g = t[0] ?? [], _, v = -Infinity;
+	for (let e of g) a && !a.has(e.name) || typeof e.value == "number" && e.value > v && (v = e.value, _ = e.name);
+	let y = (e) => {
+		let { name: t } = e;
+		if (t == null || t !== _) return "";
+		let n = e.encode?.value?.[0];
+		if (n === void 0) return "";
+		let r = Object.values(e.data ?? {}).at(n);
+		return `{c|${typeof r == "number" ? u ? u(r) : String(r) : typeof r == "string" ? r : ""}}\n\n{b|${String(d ? d(t ?? "") : t ?? "")}}`;
+	};
+	return {
+		...e,
+		dataset: t.map((e) => ({ source: e })),
+		series: t.map((e, t) => {
+			let i = o[t] ?? s, a = typeof i == "object" ? i : {}, c = a.label ?? {}, l = a.itemStyle ?? {};
+			return {
+				...a,
+				type: "pie",
+				legendHoverLink: !1,
+				datasetIndex: t,
+				name: r?.[t]?.name ?? `Series ${t + 1}`,
+				radius: [...n],
+				center: ["50%", "38%"],
+				encode: {
+					itemName: "name",
+					value: "value"
+				},
+				label: {
+					...c,
+					formatter: y
+				},
+				itemStyle: {
+					...l,
+					color: m
+				}
+			};
+		}),
+		legend: {
+			...l,
+			show: !0,
+			selectedMode: !1,
+			selected: Object.fromEntries((t[0] ?? []).map((e) => [String(e.name), !0]))
+		},
+		tooltip: {
+			...c,
+			formatter: C(u, d)
+		}
+	};
 }
-function q(e, r, t, a, o, n) {
-  const u = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, c = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, y = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, d = o?.formatter, p = o?.labelFormatter, {
-    niceMinVal: b,
-    niceMaxVal: g
-  } = K(r), h = Array.isArray(e.color) ? e.color : [], k = (l) => {
-    const m = l.seriesIndex ?? 0, A = (h.length > 0 ? h[m % h.length] : void 0) ?? l.color;
-    if (!n) return A;
-    const s = l.value?.name ?? l.name;
-    return s != null && n.has(s) ? A : _.color.modifyAlpha(A, 0.15);
-  };
-  return {
-    ...e,
-    dataset: r.map((l) => ({
-      source: l
-    })),
-    grid: {
-      ...y,
-      ...z(!0, t),
-      right: parseInt(t.spacing(4)),
-      containLabel: !0
-    },
-    // Drop pie-specific structural keys that shouldn't render in the
-    // bar fallback. ECharts ignores undefined keys, so this is a clean
-    // override.
-    series: r.map((l, m) => {
-      const S = B(t, a?.[m]?.color);
-      return {
-        datasetIndex: m,
-        type: "bar",
-        name: a?.[m]?.name ?? `Series ${m + 1}`,
-        barMaxWidth: 100,
-        legendHoverLink: !1,
-        emphasis: {
-          focus: "series"
-        },
-        ...P(d, "x"),
-        itemStyle: {
-          color: k
-        },
-        ...S ? {
-          color: S
-        } : {}
-      };
-    }),
-    xAxis: {
-      type: "value",
-      // Closures over the pre-computed nice bounds — ECharts calls them
-      // once per render to resolve the axis extents.
-      min: () => b,
-      max: () => g,
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: t.palette.black?.[4] ?? t.palette.divider
-        }
-      },
-      // Value labels render BELOW the axis line (default placement),
-      // NOT inside the plot. Bar/histogram use `inside: true` +
-      // `verticalAlign: 'bottom'` for their *vertical* y-axis where the
-      // axis is the left wall — labels inside read like grid annotations.
-      // A horizontal bar chart's value axis is the x-axis, and `inside`
-      // there pushes the max label *behind* the bar (it visually
-      // disappears once a bar reaches the right edge). Use the default
-      // below-the-axis placement so the rounded extents stay readable.
-      axisLabel: {
-        fontSize: t.typography.overlineDelicate?.fontSize,
-        fontFamily: t.typography.overlineDelicate?.fontFamily,
-        margin: parseInt(t.spacing(1)),
-        showMaxLabel: !0,
-        showMinLabel: !0,
-        formatter: (l) => l !== g && l !== b || l === 0 ? "" : d ? d(l) : String(l)
-      }
-    },
-    yAxis: {
-      type: "category",
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      axisLabel: {
-        padding: [parseInt(t.spacing(0.5)), 0, 0, 0],
-        ...p && {
-          formatter: (l) => String(p(l))
-        }
-      }
-    },
-    // Mirrors the donut branch's `selected` reset above — `selectedMode:
-    // false` blocks the native legend click that would otherwise undo an
-    // ECharts-internal toggle, so without forcing every entry back to
-    // `true` here a prior native toggle (from before `selectedMode` took
-    // effect, or a stale `keepAlive` instance) would stay hidden forever
-    // with no way to restore it.
-    legend: {
-      ...c,
-      show: !0,
-      selectedMode: !1,
-      selected: Object.fromEntries(r.map((l, m) => [a?.[m]?.name ?? `Series ${m + 1}`, !0]))
-    },
-    tooltip: {
-      ...u,
-      trigger: "axis",
-      formatter: J(d, p)
-    }
-  };
+function b(e, t, n, o, s, c) {
+	let l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, u = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, d = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, f = s?.formatter, p = s?.labelFormatter, { niceMinVal: m, niceMaxVal: g } = S(t), _ = Array.isArray(e.color) ? e.color : [], v = (e) => {
+		let t = e.seriesIndex ?? 0, n = (_.length > 0 ? _[t % _.length] : void 0) ?? e.color;
+		if (!c) return n;
+		let r = e.value?.name ?? e.name;
+		return r != null && c.has(r) ? n : h.color.modifyAlpha(n, .15);
+	};
+	return {
+		...e,
+		dataset: t.map((e) => ({ source: e })),
+		grid: {
+			...d,
+			...i(!0, n),
+			right: parseInt(n.spacing(4)),
+			containLabel: !0
+		},
+		series: t.map((e, t) => {
+			let i = r(n, o?.[t]?.color);
+			return {
+				datasetIndex: t,
+				type: "bar",
+				name: o?.[t]?.name ?? `Series ${t + 1}`,
+				barMaxWidth: 100,
+				legendHoverLink: !1,
+				emphasis: { focus: "series" },
+				...a(f, "x"),
+				itemStyle: { color: v },
+				...i ? { color: i } : {}
+			};
+		}),
+		xAxis: {
+			type: "value",
+			min: () => m,
+			max: () => g,
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			splitLine: {
+				show: !0,
+				lineStyle: { color: n.palette.black?.[4] ?? n.palette.divider }
+			},
+			axisLabel: {
+				fontSize: n.typography.overlineDelicate?.fontSize,
+				fontFamily: n.typography.overlineDelicate?.fontFamily,
+				margin: parseInt(n.spacing(1)),
+				showMaxLabel: !0,
+				showMinLabel: !0,
+				formatter: (e) => e !== g && e !== m || e === 0 ? "" : f ? f(e) : String(e)
+			}
+		},
+		yAxis: {
+			type: "category",
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			axisLabel: {
+				padding: [
+					parseInt(n.spacing(.5)),
+					0,
+					0,
+					0
+				],
+				...p && { formatter: (e) => String(p(e)) }
+			}
+		},
+		legend: {
+			...u,
+			show: !0,
+			selectedMode: !1,
+			selected: Object.fromEntries(t.map((e, t) => [o?.[t]?.name ?? `Series ${t + 1}`, !0]))
+		},
+		tooltip: {
+			...l,
+			trigger: "axis",
+			formatter: x(f, p)
+		}
+	};
 }
-function J(e, r) {
-  return M((t) => {
-    const a = t.encode?.x?.at(0), o = a !== void 0 ? t.dimensionNames?.[a] : void 0, n = t.value && typeof t.value == "object" && !Array.isArray(t.value) ? t.value : void 0, u = o && n ? n[o] : void 0, c = typeof u == "number" && e ? e(u) : u ?? "", y = typeof t.marker == "string" ? t.marker : "", d = t.seriesName ? `${t.seriesName}: ` : "";
-    return {
-      name: String(r ? r(t.name ?? "") : t.name ?? ""),
-      seriesName: d,
-      marker: y,
-      value: c
-    };
-  });
+function x(e, t) {
+	return l((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 ?? ""),
+			seriesName: l,
+			marker: c,
+			value: s
+		};
+	});
 }
-function K(e) {
-  let r = 0, t = -1 / 0;
-  for (const a of e)
-    for (const o of a)
-      typeof o?.value != "number" || !Number.isFinite(o.value) || (o.value < r && (r = o.value), o.value > t && (t = o.value));
-  return {
-    niceMinVal: r < 0 ? N(r) : 0,
-    niceMaxVal: t <= 0 ? 1 : N(t)
-  };
+function S(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 {
+		niceMinVal: t < 0 ? s(t) : 0,
+		niceMaxVal: n <= 0 ? 1 : s(n)
+	};
 }
-function D(e, r) {
-  return M((t) => {
-    const a = t.encode?.value?.at(0) ?? 1, n = (t.value && typeof t.value == "object" && !Array.isArray(t.value) ? Object.values(t.value) : [])[a], u = typeof n == "number" && e ? e(n) : n ?? "", c = typeof t.marker == "string" ? t.marker : "", y = t.seriesName ? `${t.seriesName}: ` : "";
-    return {
-      name: String(r ? r(t.name ?? "") : t.name ?? ""),
-      seriesName: y,
-      marker: c,
-      value: u
-    };
-  });
+function C(e, t) {
+	return l((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 ?? ""),
+			seriesName: s,
+			marker: o,
+			value: a
+		};
+	});
 }
-const O = 160, T = 96, v = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 200,
-    py: 1,
-    gap: ({
-      spacing: e
-    }) => e(2)
-  },
-  donut: {
-    position: "relative",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  ring: {
-    width: O,
-    height: O
-  },
-  hole: {
-    position: "absolute",
-    zIndex: 1,
-    width: T,
-    height: T,
-    borderRadius: "50%",
-    bgcolor: "background.paper"
-  },
-  label: {
-    position: "absolute",
-    zIndex: 2,
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: ({
-      spacing: e
-    }) => e(0.5)
-  },
-  legend: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: e
-    }) => e(2)
-  },
-  legendItem: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: e
-    }) => e(1.5)
-  }
+//#endregion
+//#region src/widgets-v2/pie/skeleton.tsx
+var w = 160, T = 96, E = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		minHeight: 200,
+		py: 1,
+		gap: ({ spacing: e }) => e(2)
+	},
+	donut: {
+		position: "relative",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	ring: {
+		width: w,
+		height: w
+	},
+	hole: {
+		position: "absolute",
+		zIndex: 1,
+		width: T,
+		height: T,
+		borderRadius: "50%",
+		bgcolor: "background.paper"
+	},
+	label: {
+		position: "absolute",
+		zIndex: 2,
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: ({ spacing: e }) => e(.5)
+	},
+	legend: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(2)
+	},
+	legendItem: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(1.5)
+	}
 };
-function Ie(e) {
-  const r = H(4);
-  let t, a;
-  r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ x(L, { variant: "circular", sx: v.ring }), a = /* @__PURE__ */ x(I, { sx: v.hole }), r[0] = t, r[1] = a) : (t = r[0], a = r[1]);
-  let o;
-  r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ j(I, { sx: v.donut, children: [
-    t,
-    a,
-    /* @__PURE__ */ j(I, { sx: v.label, children: [
-      /* @__PURE__ */ x(L, { width: 56, height: 18 }),
-      /* @__PURE__ */ x(L, { width: 36, height: 8 })
-    ] })
-  ] }), r[2] = o) : o = r[2];
-  let n;
-  return r[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ j(I, { sx: v.root, children: [
-    o,
-    /* @__PURE__ */ x(I, { sx: v.legend, children: [0, 1].map(Q) })
-  ] }), r[3] = n) : n = r[3], n;
+function D(e) {
+	let t = u(4), n, r;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ p(f, {
+		variant: "circular",
+		sx: E.ring
+	}), r = /* @__PURE__ */ p(d, { sx: E.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__ */ m(d, {
+		sx: E.donut,
+		children: [
+			n,
+			r,
+			/* @__PURE__ */ m(d, {
+				sx: E.label,
+				children: [/* @__PURE__ */ p(f, {
+					width: 56,
+					height: 18
+				}), /* @__PURE__ */ p(f, {
+					width: 36,
+					height: 8
+				})]
+			})
+		]
+	}), t[2] = i) : i = t[2];
+	let a;
+	return t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ m(d, {
+		sx: E.root,
+		children: [i, /* @__PURE__ */ p(d, {
+			sx: E.legend,
+			children: [0, 1].map(O)
+		})]
+	}), t[3] = a) : a = t[3], a;
 }
-function Q(e) {
-  return /* @__PURE__ */ j(I, { sx: v.legendItem, children: [
-    /* @__PURE__ */ x(L, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ x(L, { width: 48, height: 8 })
-  ] }, `legend-${e}`);
+function O(e) {
+	return /* @__PURE__ */ m(d, {
+		sx: E.legendItem,
+		children: [/* @__PURE__ */ p(f, {
+			variant: "circular",
+			width: 8,
+			height: 8
+		}), /* @__PURE__ */ p(f, {
+			width: 48,
+			height: 8
+		})]
+	}, `legend-${e}`);
 }
-function Ae(e) {
-  const r = [];
-  return e.getCaptureEl && r.push(R({
-    filename: e.filename,
-    getCaptureEl: e.getCaptureEl,
-    pixelRatio: e.pngPixelRatio,
-    backgroundColor: e.pngBackgroundColor
-  })), r.push(W({
-    filename: e.filename,
-    getRows: () => {
-      const t = e.getData(), a = [["series", "name", "value"]];
-      for (const [o, n] of t.entries()) {
-        const u = e.seriesNames?.[o] ?? `series_${o + 1}`;
-        for (const c of n)
-          a.push([u, c.name, c.value]);
-      }
-      return a;
-    }
-  })), r;
+//#endregion
+//#region src/widgets-v2/pie/download.ts
+function k(n) {
+	let r = [];
+	return n.getCaptureEl && r.push(e({
+		filename: n.filename,
+		getCaptureEl: n.getCaptureEl,
+		pixelRatio: n.pngPixelRatio,
+		backgroundColor: n.pngBackgroundColor
+	})), r.push(t({
+		filename: n.filename,
+		getRows: () => {
+			let e = n.getData(), t = [[
+				"series",
+				"name",
+				"value"
+			]];
+			for (let [r, i] of e.entries()) {
+				let e = n.seriesNames?.[r] ?? `series_${r + 1}`;
+				for (let n of i) t.push([
+					e,
+					n.name,
+					n.value
+				]);
+			}
+			return t;
+		}
+	})), r;
 }
-export {
-  Ie as PieSkeleton,
-  Ae as createPieDownloadConfig,
-  we as createPieOptionFactory,
-  U as pieOptions
-};
-//# sourceMappingURL=pie.js.map
+//#endregion
+export { D as PieSkeleton, k as createPieDownloadConfig, v as createPieOptionFactory, _ as pieOptions };
+
+//# sourceMappingURL=pie.js.map