@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/widgets/pie.js

@@ -1,267 +1,253 @@
-import { jsxs as x, jsx as p } from "react/jsx-runtime";
-import { c as C } from "react/compiler-runtime";
-import "react";
-import "echarts";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import { g as L } from "../options-CthfUJDz.js";
-import { m as N } from "../utils-BOhInag6.js";
-import { c as j, f as A } from "../download-config-OKlLLSW_.js";
-import { i as O, f as b, g as T, n as v, c as S, d as _ } from "../option-builders-DPeoyQaM.js";
-import { Box as h, Skeleton as f } from "@mui/material";
-import { b as z } from "../styles-cohnxh9F.js";
-const ee = j(A);
-function te(e) {
-  return {
-    type: "pie",
-    option: N(L(e), $(e)),
-    formatter: e.formatter,
-    labelFormatter: e.labelFormatter
-  };
+import { a as e } from "../shared-resize-observer-BEiP2rQt.js";
+import { t } from "../csv-modifiers-D6HGC24b.js";
+import { a as n, c as r, d as i, f as a, s as o, t as s, u as c } from "../chart-config-BGt7wkK7.js";
+import { t as l } from "../echart-BkaV3V5G.js";
+import { t as u } from "../styles-Y-qGBELO.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";
+//#region src/widgets/pie/config.ts
+var g = s(t);
+function _(t) {
+	return {
+		type: "pie",
+		option: e(l(t), v(t)),
+		formatter: t.formatter,
+		labelFormatter: t.labelFormatter
+	};
 }
-function $({
-  data: e = [],
-  theme: n,
-  formatter: r,
-  labelFormatter: o
-}) {
-  if ((e?.length ?? 0) > 1) {
-    let i = 0, l = 1;
-    return {
-      legend: _({
-        hasLegend: !0,
-        labelFormatter: o
-      }),
-      grid: {
-        ...S(!0, n),
-        right: parseInt(n.spacing(4))
-      },
-      xAxis: {
-        type: "value",
-        min: (t) => (i = t.min < 0 ? v(t.min) : 0, i),
-        max: (t) => (l = t.max <= 0 ? 1 : v(t.max), l),
-        axisLabel: {
-          fontSize: n.typography.overlineDelicate.fontSize,
-          fontFamily: n.typography.overlineDelicate.fontFamily,
-          margin: parseInt(n.spacing(1)),
-          show: !0,
-          showMaxLabel: !0,
-          showMinLabel: !0,
-          verticalAlign: "bottom",
-          inside: !0,
-          formatter: (t) => t !== l && t !== i || t === 0 ? "" : r ? r(t) : String(t)
-        },
-        axisLine: {
-          show: !1
-        },
-        axisTick: {
-          show: !1
-        },
-        splitLine: {
-          show: !0,
-          lineStyle: {
-            color: n.palette.black[4]
-          }
-        }
-      },
-      yAxis: {
-        type: "category",
-        axisLine: {
-          show: !1
-        },
-        axisTick: {
-          show: !1
-        },
-        axisLabel: {
-          padding: [parseInt(n.spacing(0.5)), 0, 0, 0],
-          ...o && {
-            formatter: (t) => String(o(t))
-          }
-        }
-      },
-      tooltip: {
-        position: T(n),
-        formatter: b((t) => {
-          const s = t.value, u = t.dimensionNames?.[t.encode?.x?.at(0) ?? 1], a = s[u ?? ""], d = typeof a == "number" && r ? r(a) : a ?? "", m = typeof t.marker == "string" ? t.marker : "", I = t.seriesName ? `${t.seriesName}: ` : "";
-          return {
-            name: o ? String(o(t.name ?? "")) : t.name ?? "",
-            seriesName: I,
-            marker: m,
-            value: d
-          };
-        })
-      },
-      series: e.map((t, s) => ({
-        datasetIndex: s,
-        type: "bar",
-        barMaxWidth: 100,
-        emphasis: {
-          focus: "series"
-        },
-        ...O(r, "x")
-      }))
-    };
-  }
-  const c = !0;
-  return {
-    legend: _({
-      hasLegend: c,
-      labelFormatter: o
-    }),
-    grid: {
-      ...S(c, n),
-      left: 0,
-      top: 0,
-      right: 0
-    },
-    xAxis: {
-      show: !1
-    },
-    yAxis: {
-      show: !1
-    },
-    tooltip: {
-      trigger: "item",
-      formatter: b((i) => {
-        const l = i.value && typeof i.value == "object" && !Array.isArray(i.value) ? Object.values(i.value) : [], t = i.encode?.value?.at(0), s = l[t ?? 0], u = typeof s == "number" && r ? r(s) : s ?? "", a = typeof i.marker == "string" ? i.marker : "", d = i.seriesName ? `${i.seriesName}: ` : "", m = o ? String(o(i.name ?? "")) : i.name ?? "";
-        return {
-          name: d,
-          seriesName: m,
-          marker: a,
-          value: u
-        };
-      })
-    },
-    color: Object.values(n.palette.qualitative.bold),
-    series: e.map((i, l) => ({
-      datasetIndex: l,
-      type: "pie",
-      colorBy: "data",
-      radius: ["74%", "90%"],
-      avoidLabelOverlap: !0,
-      selectedOffset: 0,
-      bottom: parseInt(n.spacing(4)),
-      label: {
-        show: !0,
-        position: "center",
-        formatter: (t) => {
-          const {
-            name: s
-          } = t, u = t.encode?.value?.[0];
-          if (u === void 0)
-            return "";
-          const a = Object.values(t.data ?? {}).at(u), d = typeof a == "number" && r ? r(a) : a ?? "", m = o ? String(o(s ?? "")) : s ?? "";
-          return `{c|${d}}
-
-{b|${m}}`;
-        },
-        rich: {
-          b: {
-            fontSize: 16,
-            fontWeight: "normal",
-            lineHeight: 20
-          },
-          c: {
-            fontSize: 28,
-            fontWeight: "bold",
-            lineHeight: 27
-          }
-        }
-      },
-      emphasis: {
-        disabled: !0
-      },
-      itemStyle: {
-        borderColor: n.palette.background.paper,
-        borderWidth: 1
-      }
-    }))
-  };
+function v({ data: e = [], theme: t, formatter: s, labelFormatter: l }) {
+	if ((e?.length ?? 0) > 1) {
+		let u = 0, d = 1;
+		return {
+			legend: o({
+				hasLegend: !0,
+				labelFormatter: l
+			}),
+			grid: {
+				...n(!0, t),
+				right: parseInt(t.spacing(4))
+			},
+			xAxis: {
+				type: "value",
+				min: (e) => (u = e.min < 0 ? a(e.min) : 0, u),
+				max: (e) => (d = e.max <= 0 ? 1 : a(e.max), d),
+				axisLabel: {
+					fontSize: t.typography.overlineDelicate.fontSize,
+					fontFamily: t.typography.overlineDelicate.fontFamily,
+					margin: parseInt(t.spacing(1)),
+					show: !0,
+					showMaxLabel: !0,
+					showMinLabel: !0,
+					verticalAlign: "bottom",
+					inside: !0,
+					formatter: (e) => e !== d && e !== u || e === 0 ? "" : s ? s(e) : String(e)
+				},
+				axisLine: { show: !1 },
+				axisTick: { show: !1 },
+				splitLine: {
+					show: !0,
+					lineStyle: { color: t.palette.black[4] }
+				}
+			},
+			yAxis: {
+				type: "category",
+				axisLine: { show: !1 },
+				axisTick: { show: !1 },
+				axisLabel: {
+					padding: [
+						parseInt(t.spacing(.5)),
+						0,
+						0,
+						0
+					],
+					...l && { formatter: (e) => String(l(e)) }
+				}
+			},
+			tooltip: {
+				position: i(t),
+				formatter: c((e) => {
+					let t = e.value[e.dimensionNames?.[e.encode?.x?.at(0) ?? 1] ?? ""], n = typeof t == "number" && s ? s(t) : t ?? "", r = typeof e.marker == "string" ? e.marker : "", i = e.seriesName ? `${e.seriesName}: ` : "";
+					return {
+						name: l ? String(l(e.name ?? "")) : e.name ?? "",
+						seriesName: i,
+						marker: r,
+						value: n
+					};
+				})
+			},
+			series: e.map((e, t) => ({
+				datasetIndex: t,
+				type: "bar",
+				barMaxWidth: 100,
+				emphasis: { focus: "series" },
+				...r(s, "x")
+			}))
+		};
+	}
+	return {
+		legend: o({
+			hasLegend: !0,
+			labelFormatter: l
+		}),
+		grid: {
+			...n(!0, t),
+			left: 0,
+			top: 0,
+			right: 0
+		},
+		xAxis: { show: !1 },
+		yAxis: { show: !1 },
+		tooltip: {
+			trigger: "item",
+			formatter: c((e) => {
+				let t = (e.value && typeof e.value == "object" && !Array.isArray(e.value) ? Object.values(e.value) : [])[e.encode?.value?.at(0) ?? 0], n = typeof t == "number" && s ? s(t) : t ?? "", r = typeof e.marker == "string" ? e.marker : "";
+				return {
+					name: e.seriesName ? `${e.seriesName}: ` : "",
+					seriesName: l ? String(l(e.name ?? "")) : e.name ?? "",
+					marker: r,
+					value: n
+				};
+			})
+		},
+		color: Object.values(t.palette.qualitative.bold),
+		series: e.map((e, n) => ({
+			datasetIndex: n,
+			type: "pie",
+			colorBy: "data",
+			radius: ["74%", "90%"],
+			avoidLabelOverlap: !0,
+			selectedOffset: 0,
+			bottom: parseInt(t.spacing(4)),
+			label: {
+				show: !0,
+				position: "center",
+				formatter: (e) => {
+					let { name: t } = e, n = e.encode?.value?.[0];
+					if (n === void 0) return "";
+					let r = Object.values(e.data ?? {}).at(n);
+					return `{c|${typeof r == "number" && s ? s(r) : r ?? ""}}\n\n{b|${l ? String(l(t ?? "")) : t ?? ""}}`;
+				},
+				rich: {
+					b: {
+						fontSize: 16,
+						fontWeight: "normal",
+						lineHeight: 20
+					},
+					c: {
+						fontSize: 28,
+						fontWeight: "bold",
+						lineHeight: 27
+					}
+				}
+			},
+			emphasis: { disabled: !0 },
+			itemStyle: {
+				borderColor: t.palette.background.paper,
+				borderWidth: 1
+			}
+		}))
+	};
 }
-const D = {
-  skeleton: {
-    graph: z.graph
-  }
-}, k = 32, y = 294 - k, w = y - k;
-function ne() {
-  const e = C(5);
-  let n, r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    position: "relative"
-  }, r = /* @__PURE__ */ p(f, { variant: "circular", width: y, height: y }), e[0] = n, e[1] = r) : (n = e[0], r = e[1]);
-  let o;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(f, { sx: {
-    position: "absolute",
-    zIndex: 1
-  }, variant: "circular", width: w, height: w }), e[2] = o) : o = e[2];
-  let g;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ x(h, { sx: n, children: [
-    r,
-    o,
-    /* @__PURE__ */ x(h, { sx: {
-      position: "absolute",
-      zIndex: 2,
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: B
-    }, children: [
-      /* @__PURE__ */ p(f, { height: 24, width: 72 }),
-      /* @__PURE__ */ p(f, { height: 8, width: 48 })
-    ] })
-  ] }), e[3] = g) : g = e[3];
-  let c;
-  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ x(h, { sx: D.skeleton.graph.container, children: [
-    g,
-    /* @__PURE__ */ p(h, { sx: {
-      display: "flex",
-      alignItems: "center",
-      gap: V,
-      height: W
-    }, children: Array(2).fill(0).map(E) })
-  ] }), e[4] = c) : c = e[4], c;
+//#endregion
+//#region src/widgets/pie/style.ts
+var y = { skeleton: { graph: u.graph } }, b = 262, x = 230;
+function S() {
+	let e = d(5), t, n;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		position: "relative"
+	}, n = /* @__PURE__ */ m(p, {
+		variant: "circular",
+		width: b,
+		height: b
+	}), e[0] = t, e[1] = n) : (t = e[0], n = e[1]);
+	let r;
+	e[2] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ m(p, {
+		sx: {
+			position: "absolute",
+			zIndex: 1
+		},
+		variant: "circular",
+		width: x,
+		height: x
+	}), e[2] = r) : r = e[2];
+	let i;
+	e[3] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ h(f, {
+		sx: t,
+		children: [
+			n,
+			r,
+			/* @__PURE__ */ h(f, {
+				sx: {
+					position: "absolute",
+					zIndex: 2,
+					display: "flex",
+					flexDirection: "column",
+					alignItems: "center",
+					justifyContent: "center",
+					gap: D
+				},
+				children: [/* @__PURE__ */ m(p, {
+					height: 24,
+					width: 72
+				}), /* @__PURE__ */ m(p, {
+					height: 8,
+					width: 48
+				})]
+			})
+		]
+	}), e[3] = i) : i = e[3];
+	let a;
+	return e[4] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ h(f, {
+		sx: y.skeleton.graph.container,
+		children: [i, /* @__PURE__ */ m(f, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				gap: E,
+				height: T
+			},
+			children: [, ,].fill(0).map(C)
+		})]
+	}), e[4] = a) : a = e[4], a;
 }
-function E(e, n) {
-  return /* @__PURE__ */ x(h, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: M
-  }, children: [
-    /* @__PURE__ */ p(f, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ p(f, { width: 48, height: 8 })
-  ] }, `skeleton-${n}`);
+function C(e, t) {
+	return /* @__PURE__ */ h(f, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: w
+		},
+		children: [/* @__PURE__ */ m(p, {
+			variant: "circular",
+			width: 8,
+			height: 8
+		}), /* @__PURE__ */ m(p, {
+			width: 48,
+			height: 8
+		})]
+	}, `skeleton-${t}`);
 }
-function M(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(1.5);
+function w(e) {
+	let { spacing: t } = e;
+	return t(1.5);
 }
-function W(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(5);
+function T(e) {
+	let { spacing: t } = e;
+	return t(5);
 }
-function V(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(2);
+function E(e) {
+	let { spacing: t } = e;
+	return t(2);
 }
-function B(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(1);
+function D(e) {
+	let { spacing: t } = e;
+	return t(1);
 }
-export {
-  ne as PieSkeleton,
-  te as pieConfig,
-  ee as pieDownloadConfig
-};
-//# sourceMappingURL=pie.js.map
+//#endregion
+export { S as PieSkeleton, _ as pieConfig, g as pieDownloadConfig };
+
+//# sourceMappingURL=pie.js.map

package/dist/widgets/pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie.js","sources":["../../src/widgets/pie/config.ts","../../src/widgets/pie/style.ts","../../src/widgets/pie/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { PieConfig, PieWidgetConfig, PieWidgetData } from './types'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  flattenObjectArrayToCSV,\n  createTooltipPositioner,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  niceNum,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const pieDownloadConfig = createChartDownloadConfig<PieWidgetData>(\n  flattenObjectArrayToCSV,\n)\n\n/**\n * Generates ECharts configuration for pie and donut chart widgets. Falls back to a horizontal bar layout when multiple data series are provided.\n *\n * @param props - Pie chart configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function pieConfig(props: PieConfig): PieWidgetConfig {\n  return {\n    type: 'pie',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: PieConfig): EchartOptionsProps {\n  const multiSeries = (data?.length ?? 0) > 1\n\n  if (multiSeries) {\n    let niceMin = 0\n    let niceMax = 1\n\n    return {\n      legend: buildLegendConfig({ hasLegend: true, labelFormatter }),\n      grid: {\n        ...buildGridConfig(true, theme),\n        right: parseInt(theme.spacing(4)),\n      },\n      xAxis: {\n        type: 'value',\n        min: (extent: { min: number }) => {\n          niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n          return niceMin\n        },\n        max: (extent: { min: number; max: number }) => {\n          niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n          return niceMax\n        },\n        axisLabel: {\n          fontSize: theme.typography.overlineDelicate.fontSize,\n          fontFamily: theme.typography.overlineDelicate.fontFamily,\n          margin: parseInt(theme.spacing(1)),\n          show: true,\n          showMaxLabel: true,\n          showMinLabel: true,\n          verticalAlign: 'bottom' as const,\n          inside: true,\n          formatter: (value: number) => {\n            if (value !== niceMax && value !== niceMin) return ''\n            if (value === 0) return ''\n            return formatter ? formatter(value) : String(value)\n          },\n        },\n        axisLine: {\n          show: false,\n        },\n        axisTick: {\n          show: false,\n        },\n        splitLine: {\n          show: true,\n          lineStyle: {\n            color: theme.palette.black[4],\n          },\n        },\n      },\n      yAxis: {\n        type: 'category',\n        axisLine: {\n          show: false,\n        },\n        axisTick: {\n          show: false,\n        },\n        axisLabel: {\n          padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n          ...(labelFormatter && {\n            formatter: (value: string | number) =>\n              String(labelFormatter(value)),\n          }),\n        },\n      },\n      tooltip: {\n        position: createTooltipPositioner(theme),\n        formatter: createTooltipFormatter((item) => {\n          const value = item.value as Record<string, string | number>\n          const index = item.dimensionNames?.[item.encode?.x?.at(0) ?? 1]\n          const _value = value[index ?? '']\n\n          const formattedValue =\n            typeof _value === 'number' && formatter\n              ? formatter(_value)\n              : (_value ?? '')\n\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            : (item.name ?? '')\n\n          return { name, seriesName, marker, value: formattedValue }\n        }),\n      },\n      series: data.map((_: unknown, index: number) => ({\n        datasetIndex: index,\n        type: 'bar',\n        barMaxWidth: 100,\n        emphasis: {\n          focus: 'series',\n        },\n        ...buildSeriesLabelConfig(formatter, 'x'),\n      })),\n    }\n  }\n\n  const hasLegend = true\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      left: 0,\n      top: 0,\n      right: 0,\n    },\n    xAxis: {\n      show: false,\n    },\n    yAxis: {\n      show: false,\n    },\n    tooltip: {\n      trigger: 'item',\n      formatter: createTooltipFormatter((item) => {\n        const value =\n          item.value &&\n          typeof item.value === 'object' &&\n          !Array.isArray(item.value)\n            ? (Object.values(item.value) as (string | number)[])\n            : []\n        const index = item.encode?.value?.at(0)\n        const _value = value[index ?? 0]\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n\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          : (item.name ?? '')\n\n        return {\n          name: seriesName,\n          seriesName: name,\n          marker,\n          value: formattedValue,\n        }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'pie',\n      colorBy: 'data',\n      radius: ['74%', '90%'],\n      avoidLabelOverlap: true,\n      selectedOffset: 0,\n      bottom: parseInt(theme.spacing(4)),\n\n      label: {\n        show: true,\n        position: 'center',\n        formatter: (params) => {\n          const { name } = params\n          const encodeIndex = params.encode?.value?.[0]\n          if (encodeIndex === undefined) {\n            return ''\n          }\n\n          const value = Object.values(params.data ?? {}).at(encodeIndex) as\n            | number\n            | string\n\n          const formattedValue =\n            typeof value === 'number' && formatter\n              ? formatter(value)\n              : (value ?? '')\n\n          const nameFormatted = labelFormatter\n            ? String(labelFormatter(name ?? ''))\n            : (name ?? '')\n\n          return `{c|${formattedValue}}\\n\\n{b|${nameFormatted}}`\n        },\n        rich: {\n          b: {\n            fontSize: 16,\n            fontWeight: 'normal',\n            lineHeight: 20,\n          },\n          c: {\n            fontSize: 28,\n            fontWeight: 'bold',\n            lineHeight: 27,\n          },\n        },\n      },\n      emphasis: {\n        disabled: true,\n      },\n      itemStyle: {\n        borderColor: theme.palette.background.paper,\n        borderWidth: 1,\n      },\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst GUTTER = 32\nconst SIZE = 294 - GUTTER\nconst INNER_SIZE = SIZE - GUTTER\n\nexport function PieSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          position: 'relative',\n        }}\n      >\n        <Skeleton variant='circular' width={SIZE} height={SIZE} />\n        <Skeleton\n          sx={{\n            position: 'absolute',\n            zIndex: 1,\n          }}\n          variant='circular'\n          width={INNER_SIZE}\n          height={INNER_SIZE}\n        />\n        <Box\n          sx={{\n            position: 'absolute',\n            zIndex: 2,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: ({ spacing }) => spacing(1),\n          }}\n        >\n          <Skeleton height={24} width={72} />\n          <Skeleton height={8} width={48} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["pieDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","pieConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","length","niceMin","niceMax","legend","buildLegendConfig","hasLegend","grid","buildGridConfig","right","parseInt","spacing","xAxis","min","extent","niceNum","max","axisLabel","fontSize","typography","overlineDelicate","fontFamily","margin","show","showMaxLabel","showMinLabel","verticalAlign","inside","value","String","axisLine","axisTick","splitLine","lineStyle","color","palette","black","yAxis","padding","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","index","dimensionNames","encode","x","at","_value","formattedValue","marker","seriesName","name","series","map","_","datasetIndex","barMaxWidth","emphasis","focus","buildSeriesLabelConfig","left","top","trigger","Array","isArray","Object","values","qualitative","bold","colorBy","radius","avoidLabelOverlap","selectedOffset","bottom","label","params","encodeIndex","undefined","nameFormatted","rich","b","fontWeight","lineHeight","c","disabled","itemStyle","borderColor","background","paper","borderWidth","styles","skeleton","graph","baseSkeletonStyles","GUTTER","SIZE","INNER_SIZE","PieSkeleton","$","_c","t0","t1","Symbol","for","display","alignItems","justifyContent","Skeleton","t2","jsx","zIndex","t3","Box","jsxs","flexDirection","gap","_temp","t4","container","_temp2","height","_temp3","fill","_temp5","i","_temp4","spacing_2","spacing_1","spacing_0"],"mappings":"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"}
+{"version":3,"file":"pie.js","names":["getCommonOptions","mergeEchartWidgetConfig","EchartOptionsProps","PieConfig","PieWidgetConfig","PieWidgetData","buildGridConfig","buildLegendConfig","flattenObjectArrayToCSV","createTooltipPositioner","createTooltipFormatter","createChartDownloadConfig","niceNum","buildSeriesLabelConfig","pieDownloadConfig","pieConfig","props","type","option","getOption","formatter","labelFormatter","data","theme","multiSeries","length","niceMin","niceMax","legend","hasLegend","grid","right","parseInt","spacing","xAxis","min","extent","max","axisLabel","fontSize","typography","overlineDelicate","fontFamily","margin","show","showMaxLabel","showMinLabel","verticalAlign","const","inside","value","String","axisLine","axisTick","splitLine","lineStyle","color","palette","black","yAxis","padding","tooltip","position","item","Record","index","dimensionNames","encode","x","at","_value","formattedValue","marker","seriesName","name","series","map","_","datasetIndex","barMaxWidth","emphasis","focus","left","top","trigger","Array","isArray","Object","values","qualitative","bold","colorBy","radius","avoidLabelOverlap","selectedOffset","bottom","label","params","encodeIndex","undefined","nameFormatted","rich","b","fontWeight","lineHeight","c","disabled","itemStyle","borderColor","background","paper","borderWidth","SxProps","Theme","baseSkeletonStyles","styles","skeleton","graph","Record","Box","Skeleton","styles","GUTTER","SIZE","INNER_SIZE","PieSkeleton","$","_c","t0","t1","Symbol","for","display","alignItems","justifyContent","position","t2","zIndex","t3","flexDirection","gap","_temp","t4","skeleton","graph","container","_temp2","height","_temp3","Array","fill","map","_temp5","_","i","_temp4","spacing","spacing_2","spacing_1","spacing_0"],"sources":["../../src/widgets/pie/config.ts","../../src/widgets/pie/style.ts","../../src/widgets/pie/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { PieConfig, PieWidgetConfig, PieWidgetData } from './types'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  flattenObjectArrayToCSV,\n  createTooltipPositioner,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  niceNum,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const pieDownloadConfig = createChartDownloadConfig<PieWidgetData>(\n  flattenObjectArrayToCSV,\n)\n\n/**\n * Generates ECharts configuration for pie and donut chart widgets. Falls back to a horizontal bar layout when multiple data series are provided.\n *\n * @param props - Pie chart configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function pieConfig(props: PieConfig): PieWidgetConfig {\n  return {\n    type: 'pie',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: PieConfig): EchartOptionsProps {\n  const multiSeries = (data?.length ?? 0) > 1\n\n  if (multiSeries) {\n    let niceMin = 0\n    let niceMax = 1\n\n    return {\n      legend: buildLegendConfig({ hasLegend: true, labelFormatter }),\n      grid: {\n        ...buildGridConfig(true, theme),\n        right: parseInt(theme.spacing(4)),\n      },\n      xAxis: {\n        type: 'value',\n        min: (extent: { min: number }) => {\n          niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n          return niceMin\n        },\n        max: (extent: { min: number; max: number }) => {\n          niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n          return niceMax\n        },\n        axisLabel: {\n          fontSize: theme.typography.overlineDelicate.fontSize,\n          fontFamily: theme.typography.overlineDelicate.fontFamily,\n          margin: parseInt(theme.spacing(1)),\n          show: true,\n          showMaxLabel: true,\n          showMinLabel: true,\n          verticalAlign: 'bottom' as const,\n          inside: true,\n          formatter: (value: number) => {\n            if (value !== niceMax && value !== niceMin) return ''\n            if (value === 0) return ''\n            return formatter ? formatter(value) : String(value)\n          },\n        },\n        axisLine: {\n          show: false,\n        },\n        axisTick: {\n          show: false,\n        },\n        splitLine: {\n          show: true,\n          lineStyle: {\n            color: theme.palette.black[4],\n          },\n        },\n      },\n      yAxis: {\n        type: 'category',\n        axisLine: {\n          show: false,\n        },\n        axisTick: {\n          show: false,\n        },\n        axisLabel: {\n          padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n          ...(labelFormatter && {\n            formatter: (value: string | number) =>\n              String(labelFormatter(value)),\n          }),\n        },\n      },\n      tooltip: {\n        position: createTooltipPositioner(theme),\n        formatter: createTooltipFormatter((item) => {\n          const value = item.value as Record<string, string | number>\n          const index = item.dimensionNames?.[item.encode?.x?.at(0) ?? 1]\n          const _value = value[index ?? '']\n\n          const formattedValue =\n            typeof _value === 'number' && formatter\n              ? formatter(_value)\n              : (_value ?? '')\n\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            : (item.name ?? '')\n\n          return { name, seriesName, marker, value: formattedValue }\n        }),\n      },\n      series: data.map((_: unknown, index: number) => ({\n        datasetIndex: index,\n        type: 'bar',\n        barMaxWidth: 100,\n        emphasis: {\n          focus: 'series',\n        },\n        ...buildSeriesLabelConfig(formatter, 'x'),\n      })),\n    }\n  }\n\n  const hasLegend = true\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      left: 0,\n      top: 0,\n      right: 0,\n    },\n    xAxis: {\n      show: false,\n    },\n    yAxis: {\n      show: false,\n    },\n    tooltip: {\n      trigger: 'item',\n      formatter: createTooltipFormatter((item) => {\n        const value =\n          item.value &&\n          typeof item.value === 'object' &&\n          !Array.isArray(item.value)\n            ? (Object.values(item.value) as (string | number)[])\n            : []\n        const index = item.encode?.value?.at(0)\n        const _value = value[index ?? 0]\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n\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          : (item.name ?? '')\n\n        return {\n          name: seriesName,\n          seriesName: name,\n          marker,\n          value: formattedValue,\n        }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'pie',\n      colorBy: 'data',\n      radius: ['74%', '90%'],\n      avoidLabelOverlap: true,\n      selectedOffset: 0,\n      bottom: parseInt(theme.spacing(4)),\n\n      label: {\n        show: true,\n        position: 'center',\n        formatter: (params) => {\n          const { name } = params\n          const encodeIndex = params.encode?.value?.[0]\n          if (encodeIndex === undefined) {\n            return ''\n          }\n\n          const value = Object.values(params.data ?? {}).at(encodeIndex) as\n            | number\n            | string\n\n          const formattedValue =\n            typeof value === 'number' && formatter\n              ? formatter(value)\n              : (value ?? '')\n\n          const nameFormatted = labelFormatter\n            ? String(labelFormatter(name ?? ''))\n            : (name ?? '')\n\n          return `{c|${formattedValue}}\\n\\n{b|${nameFormatted}}`\n        },\n        rich: {\n          b: {\n            fontSize: 16,\n            fontWeight: 'normal',\n            lineHeight: 20,\n          },\n          c: {\n            fontSize: 28,\n            fontWeight: 'bold',\n            lineHeight: 27,\n          },\n        },\n      },\n      emphasis: {\n        disabled: true,\n      },\n      itemStyle: {\n        borderColor: theme.palette.background.paper,\n        borderWidth: 1,\n      },\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst GUTTER = 32\nconst SIZE = 294 - GUTTER\nconst INNER_SIZE = SIZE - GUTTER\n\nexport function PieSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          position: 'relative',\n        }}\n      >\n        <Skeleton variant='circular' width={SIZE} height={SIZE} />\n        <Skeleton\n          sx={{\n            position: 'absolute',\n            zIndex: 1,\n          }}\n          variant='circular'\n          width={INNER_SIZE}\n          height={INNER_SIZE}\n        />\n        <Box\n          sx={{\n            position: 'absolute',\n            zIndex: 2,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: ({ spacing }) => spacing(1),\n          }}\n        >\n          <Skeleton height={24} width={72} />\n          <Skeleton height={8} width={48} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${i}`}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}