@carto/ps-react-ui 4.25.0 → 4.26.0

package/dist/widgets-v2/pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie.js","names":["Theme","EChartsOption","echarts","CallbackDataParams","buildGridConfig","buildLegendConfig","buildSeriesLabelConfig","createTooltipFormatter","createTooltipPositioner","niceNum","OptionFactory","OptionFactoryContext","mergeOptions","resolveThemeColor","WidgetSeries","PieEChartsOption","PieOptionFactoryInput","PieOptionsInput","PieWidgetData","DEFAULT_RADIUS","pieOptions","theme","formatter","labelFormatter","legend","hasLegend","type","itemGap","selectedMode","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","parseInt","spacing","textStyle","color","common","white","fontSize","fontFamily","typography","caption","position","buildPieTooltipFormatter","Object","values","qualitative","bold","Record","series","colorBy","avoidLabelOverlap","selectedOffset","legendHoverLink","emphasis","disabled","itemStyle","borderColor","background","paper","label","show","rich","b","fontWeight","lineHeight","c","createPieOptionFactory","options","optionsOverride","radius","selection","selectionSet","undefined","length","Set","option","data","ctx","structural","Partial","seriesArr","Array","isArray","dataset","buildMultiSeriesBarFusion","buildSingleSeriesPieFusion","seriesTemplates","broadcastTemplate","baseTooltip","baseLegend","resolvePaletteColor","params","swatch","dataIndex","colorFn","base","datum","value","name","has","modifyAlpha","templateLabelPosition","isCenterLabel","centerData","centerMaxName","centerMaxValue","Infinity","d","labelTextFormatter","encodeIndex","encode","at","formattedValue","String","formattedName","separator","map","s","source","_","i","template","templateObj","templateLabel","templateItemStyle","const","datasetIndex","center","itemName","selected","fromEntries","baseGrid","grid","niceMinVal","niceMaxVal","computeNiceBounds","barColorFn","seriesIdx","seriesIndex","seriesSwatch","right","containLabel","overrideColor","barMaxWidth","focus","xAxis","min","max","axisLine","axisTick","splitLine","lineStyle","black","divider","axisLabel","overlineDelicate","margin","showMaxLabel","showMinLabel","yAxis","buildHorizontalBarTooltipFormatter","item","x","dimName","dimensionNames","row","raw","marker","seriesName","Number","isFinite","Box","Skeleton","SxProps","Theme","OUTER_SIZE","HOLE_SIZE","styles","root","display","flexDirection","alignItems","justifyContent","minHeight","py","gap","spacing","donut","position","ring","width","height","hole","zIndex","borderRadius","bgcolor","label","legend","legendItem","Record","PieSkeletonProps","count","PieSkeleton","t0","$","_c","t1","t2","Symbol","for","t3","t4","map","_temp","i","buildCsvDownloadItem","buildPngDownloadItem","DownloadContext","DownloadItem","PieWidgetData","createPieDownloadConfig","args","filename","getData","ctx","seriesNames","getCaptureEl","HTMLElement","pngPixelRatio","pngBackgroundColor","items","push","pixelRatio","backgroundColor","getRows","data","rows","i","series","entries","seriesName","slice","name","value"],"sources":["../../src/widgets-v2/pie/options.ts","../../src/widgets-v2/pie/skeleton.tsx","../../src/widgets-v2/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 '../../widgets/utils/chart-config'\nimport type { OptionFactory, OptionFactoryContext } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\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      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  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  const colorFn = (params: CallbackDataParams): string => {\n    const base = resolvePaletteColor(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  // 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((_, 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: colorFn,\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  const barColorFn = (params: CallbackDataParams): string => {\n    const seriesIdx = params.seriesIndex ?? 0\n    const seriesSwatch =\n      palette.length > 0 ? palette[seriesIdx % palette.length] : undefined\n    const base = (seriesSwatch ?? params.color) as string\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  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((_, 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: { color: barColorFn },\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  buildPngDownloadItem,\n  type DownloadContext,\n  type DownloadItem,\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 * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createPieDownloadConfig(args: {\n  filename: string\n  getData: (ctx: DownloadContext) => PieWidgetData\n  seriesNames?: readonly string[]\n  getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\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  return items\n}\n"],"mappings":"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"}
+{"version":3,"file":"pie.js","names":["Theme","EChartsOption","echarts","CallbackDataParams","buildGridConfig","buildLegendConfig","buildSeriesLabelConfig","createTooltipFormatter","createTooltipPositioner","niceNum","OptionFactory","OptionFactoryContext","mergeOptions","resolveThemeColor","createItemColorResolver","WidgetSeries","PieEChartsOption","PieOptionFactoryInput","PieOptionsInput","PieWidgetData","DEFAULT_RADIUS","pieOptions","theme","formatter","labelFormatter","legend","hasLegend","type","itemGap","selectedMode","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","parseInt","spacing","textStyle","color","common","white","fontSize","fontFamily","typography","caption","position","buildPieTooltipFormatter","Object","values","qualitative","bold","Record","series","colorBy","avoidLabelOverlap","selectedOffset","legendHoverLink","emphasis","disabled","itemStyle","borderColor","background","paper","label","show","rich","b","fontWeight","lineHeight","c","createPieOptionFactory","options","optionsOverride","radius","selection","selectionSet","undefined","length","Set","option","data","ctx","structural","Partial","seriesArr","Array","isArray","dataset","buildMultiSeriesBarFusion","buildSingleSeriesPieFusion","seriesTemplates","broadcastTemplate","baseTooltip","baseLegend","resolvePaletteColor","params","swatch","dataIndex","makeColorFn","datums","template","baseColor","fallback","base","datum","value","name","has","modifyAlpha","templateLabelPosition","isCenterLabel","centerData","centerMaxName","centerMaxValue","Infinity","d","labelTextFormatter","encodeIndex","encode","at","formattedValue","String","formattedName","separator","map","s","source","i","templateObj","templateLabel","templateItemStyle","const","datasetIndex","center","itemName","selected","fromEntries","baseGrid","grid","niceMinVal","niceMaxVal","computeNiceBounds","paletteColor","seriesIdx","seriesIndex","seriesSwatch","makeBarColorFn","right","containLabel","overrideColor","barMaxWidth","focus","xAxis","min","max","axisLine","axisTick","splitLine","lineStyle","black","divider","axisLabel","overlineDelicate","margin","showMaxLabel","showMinLabel","yAxis","_","buildHorizontalBarTooltipFormatter","item","x","dimName","dimensionNames","row","raw","marker","seriesName","Number","isFinite","Box","Skeleton","SxProps","Theme","OUTER_SIZE","HOLE_SIZE","styles","root","display","flexDirection","alignItems","justifyContent","minHeight","py","gap","spacing","donut","position","ring","width","height","hole","zIndex","borderRadius","bgcolor","label","legend","legendItem","Record","PieSkeletonProps","count","PieSkeleton","t0","$","_c","t1","t2","Symbol","for","t3","t4","map","_temp","i","buildCsvDownloadItem","buildPngDownloadItem","DownloadContext","DownloadItem","PieWidgetData","createPieDownloadConfig","args","filename","getData","ctx","seriesNames","getCaptureEl","HTMLElement","pngPixelRatio","pngBackgroundColor","items","push","pixelRatio","backgroundColor","getRows","data","rows","i","series","entries","seriesName","slice","name","value"],"sources":["../../src/widgets-v2/pie/options.ts","../../src/widgets-v2/pie/skeleton.tsx","../../src/widgets-v2/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 '../../widgets/utils/chart-config'\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  buildPngDownloadItem,\n  type DownloadContext,\n  type DownloadItem,\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 * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createPieDownloadConfig(args: {\n  filename: string\n  getData: (ctx: DownloadContext) => PieWidgetData\n  seriesNames?: readonly string[]\n  getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\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  return items\n}\n"],"mappings":"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"}

package/dist/widgets-v2/scatterplot.js

@@ -2,12 +2,37 @@ import { r as e } from "../zoom-toggle-KA63b6-J.js";
 import { n as t, t as n } from "../download--wRRnf19.js";
 import { r, t as i } from "../utils-ClB6nn4w.js";
 import { a, d as o, f as s, i as c, s as l, u } from "../chart-config-BWxjodlt.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 { t as d } from "../item-color-C1cu6EJd.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-v2/scatterplot/points.ts
+function v(e) {
+	return x(e) ? e : [e.x, e.y];
+}
+function y(e) {
+	if (Array.isArray(e)) return e.length === 2 && S(e[0]) && S(e[1]);
+	if (typeof e != "object" || !e) return !1;
+	let { x: t, y: n } = e;
+	return S(t) && S(n);
+}
+function b(e, t, n) {
+	return x(e) ? [t, n] : {
+		...e,
+		x: t,
+		y: n
+	};
+}
+function x(e) {
+	return Array.isArray(e);
+}
+function S(e) {
+	return typeof e == "number" && Number.isFinite(e);
+}
+//#endregion
 //#region src/widgets-v2/scatterplot/options.ts
-function _({ theme: e, xFormatter: t, yFormatter: n }) {
+function C({ theme: e, xFormatter: t, yFormatter: n }) {
 	return {
 		grid: {
 			left: parseInt(e.spacing(1)),
@@ -27,7 +52,7 @@ function _({ theme: e, xFormatter: t, yFormatter: n }) {
 				fontFamily: e.typography.caption.fontFamily
 			},
 			position: o(e),
-			formatter: x(t, n)
+			formatter: D(t, n)
 		},
 		legend: { ...l({
 			hasLegend: !1,
@@ -71,33 +96,41 @@ function _({ theme: e, xFormatter: t, yFormatter: n }) {
 		}
 	};
 }
-function v(t) {
-	let { theme: n, xFormatter: a, yFormatter: o, optionsOverride: s } = t, c = t.series, l = t.symbolSize ?? 8, u = t.selection, d = u && u.length > 0 ? new Set(u) : null;
-	return (t, u, f) => {
+function w(t) {
+	let { theme: n, xFormatter: a, yFormatter: o, optionsOverride: s } = t, c = t.series, l = t.symbolSize ?? 8, u = t.selection, f = u && u.length > 0 ? new Set(u) : null;
+	return (t, u, p) => {
 		if (t == null) {
-			let e = _({
+			let e = C({
 				theme: n,
 				xFormatter: a,
 				yFormatter: o
 			});
 			return s ? r(e, s) : e;
 		}
-		let p = Array.isArray(u) ? u : [];
-		if (p.length === 0) return {
+		let m = Array.isArray(u) ? u : [];
+		if (m.length === 0) return {
 			...t,
 			dataset: [],
 			series: []
 		};
-		let m = p.length > 1, h = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, v = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, x = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, C = typeof t.xAxis == "object" && !Array.isArray(t.xAxis) ? t.xAxis : {}, w = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, T = f?.formatter, { niceMinX: E, niceMaxX: D, niceMinY: O, niceMaxY: k } = S(p), A = (e) => (t) => {
-			let n = t.color;
-			if (!d) return n;
-			let r = `${e}:${t.dataIndex}`;
-			return d.has(r) ? n : g.color.modifyAlpha(n, .15);
-		}, j = y(t.dataZoom, m), M = j?.hasXSlider ?? !1, N = j?.hasYSlider ?? !1, P = typeof v.bottom == "number" ? v.bottom : 24, F = m ? 56 : P, I = M ? F + e.sliderHeight + e.sliderGap : F, L = typeof v.right == "number" ? v.right : 8, R = N ? L + e.sliderHeight + e.sliderGap : L;
+		let h = m.length > 1, g = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, y = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, b = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, x = typeof t.xAxis == "object" && !Array.isArray(t.xAxis) ? t.xAxis : {}, S = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, w = p?.formatter, { niceMinX: D, niceMaxX: k, niceMinY: A, niceMaxY: j } = O(m), M = Array.isArray(t.series) ? t.series : [], N = (e, t) => {
+			let r = d({
+				theme: n,
+				datums: t,
+				template: M[e] ?? M[0],
+				fallback: (e) => e.color
+			});
+			return (t) => {
+				let n = r(t);
+				if (!f) return n;
+				let i = `${e}:${t.dataIndex}`;
+				return f.has(i) ? n : _.color.modifyAlpha(n, .15);
+			};
+		}, P = T(t.dataZoom, h), F = P?.hasXSlider ?? !1, I = P?.hasYSlider ?? !1, L = typeof y.bottom == "number" ? y.bottom : 24, R = h ? 56 : L, z = F ? R + e.sliderHeight + e.sliderGap : R, B = typeof y.right == "number" ? y.right : 8, V = I ? B + e.sliderHeight + e.sliderGap : B;
 		return {
 			...t,
-			dataset: p.map((e) => ({ source: e })),
-			series: p.map((e, t) => {
+			dataset: m.map((e) => ({ source: e.every(Array.isArray) ? e : e.map(v) })),
+			series: m.map((e, t) => {
 				let r = i(n, c?.[t]?.color);
 				return {
 					type: "scatter",
@@ -109,42 +142,42 @@ function v(t) {
 					},
 					symbolSize: l,
 					emphasis: { focus: "series" },
-					itemStyle: { color: A(t) },
+					itemStyle: { color: N(t, e) },
 					...r ? { color: r } : {}
 				};
 			}),
 			legend: {
-				...h,
-				show: m
+				...g,
+				show: h
 			},
 			grid: {
-				...v,
-				bottom: I,
-				right: R
+				...y,
+				bottom: z,
+				right: V
 			},
-			...j ? { dataZoom: j.entries } : {},
+			...P ? { dataZoom: P.entries } : {},
 			xAxis: {
-				...C,
-				min: E,
-				max: D
+				...x,
+				min: D,
+				max: k
 			},
 			yAxis: {
-				...w,
-				min: O,
-				max: k,
+				...S,
+				min: A,
+				max: j,
 				axisLabel: {
-					...w.axisLabel ?? {},
-					...T ? { formatter: T } : {}
+					...S.axisLabel ?? {},
+					...w ? { formatter: w } : {}
 				}
 			},
 			tooltip: {
-				...x,
-				formatter: b(x.formatter, T, a)
+				...b,
+				formatter: E(b.formatter, w, a)
 			}
 		};
 	};
 }
-function y(t, n) {
+function T(t, n) {
 	if (!Array.isArray(t) || t.length === 0) return null;
 	let r = !1, i = !1;
 	return {
@@ -160,7 +193,7 @@ function y(t, n) {
 		hasYSlider: i
 	};
 }
-function b(e, t, n) {
+function E(e, t, n) {
 	return t ? u((e) => {
 		let r = e.value, i = r?.[0], a = r?.[1], o = typeof i == "number" ? n ? n(i) : String(i) : "", s = typeof a == "number" ? t(a) : String(a ?? ""), c = typeof e.marker == "string" ? e.marker : "", l = e.seriesName ? `${e.seriesName}: ` : "";
 		return {
@@ -171,7 +204,7 @@ function b(e, t, n) {
 		};
 	}) : e;
 }
-function x(e, t) {
+function D(e, t) {
 	return u((n) => {
 		let r = n.value, i = r?.[0], a = r?.[1], o = typeof i == "number" ? e ? e(i) : String(i) : "", s = typeof a == "number" ? t ? t(a) : String(a) : "", c = typeof n.marker == "string" ? n.marker : "", l = n.seriesName ? `${n.seriesName}: ` : "";
 		return {
@@ -182,10 +215,11 @@ function x(e, t) {
 		};
 	});
 }
-function S(e) {
+function O(e) {
 	let t = Infinity, n = -Infinity, r = Infinity, i = -Infinity;
 	for (let a of e) for (let e of a) {
-		let a = e?.[0], o = e?.[1];
+		if (e == null) continue;
+		let [a, o] = v(e);
 		typeof a == "number" && Number.isFinite(a) && (a < t && (t = a), a > n && (n = a)), typeof o == "number" && Number.isFinite(o) && (o < r && (r = o), o > i && (i = o));
 	}
 	let a = Number.isFinite(n) ? n <= 0 ? 1 : s(n) : 1, o = Number.isFinite(i) ? i <= 0 ? 1 : s(i) : 1;
@@ -198,7 +232,7 @@ function S(e) {
 }
 //#endregion
 //#region src/widgets-v2/scatterplot/skeleton.tsx
-var C = {
+var k = {
 	container: {
 		display: "flex",
 		alignItems: "center",
@@ -223,7 +257,7 @@ var C = {
 		alignItems: "center",
 		gap: ({ spacing: e }) => e(1.5)
 	}
-}, w = (e, t, n) => ({
+}, A = (e, t, n) => ({
 	position: "absolute",
 	top: e,
 	left: t,
@@ -231,48 +265,48 @@ var C = {
 	height: n,
 	borderRadius: "50%"
 });
-function T(e) {
-	let t = d(15), { count: n } = e, r = n === void 0 ? 24 : n, i, a, o, s, c;
+function j(e) {
+	let t = f(15), { count: n } = e, r = n === void 0 ? 24 : n, i, a, o, s, c;
 	if (t[0] !== r) {
-		let e = Array.from({ length: r }, O);
-		a = f, c = C.container, i = f, o = C.grid, s = e.map(D), t[0] = r, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c;
+		let e = Array.from({ length: r }, P);
+		a = p, c = k.container, i = p, o = k.grid, s = e.map(N), t[0] = r, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c;
 	} else i = t[1], a = t[2], o = t[3], s = t[4], c = t[5];
 	let l;
-	t[6] !== i || t[7] !== o || t[8] !== s ? (l = /* @__PURE__ */ m(i, {
+	t[6] !== i || t[7] !== o || t[8] !== s ? (l = /* @__PURE__ */ h(i, {
 		sx: o,
 		children: s
 	}), t[6] = i, t[7] = o, t[8] = s, t[9] = l) : l = t[9];
 	let u;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ m(f, {
-		sx: C.legend,
-		children: [0, 1].map(E)
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ h(p, {
+		sx: k.legend,
+		children: [0, 1].map(M)
 	}), t[10] = u) : u = t[10];
-	let p;
-	return t[11] !== a || t[12] !== c || t[13] !== l ? (p = /* @__PURE__ */ h(a, {
+	let d;
+	return t[11] !== a || t[12] !== c || t[13] !== l ? (d = /* @__PURE__ */ g(a, {
 		sx: c,
 		children: [l, u]
-	}), t[11] = a, t[12] = c, t[13] = l, t[14] = p) : p = t[14], p;
+	}), t[11] = a, t[12] = c, t[13] = l, t[14] = d) : d = t[14], d;
 }
-function E(e) {
-	return /* @__PURE__ */ h(f, {
-		sx: C.legendItem,
-		children: [/* @__PURE__ */ m(p, {
+function M(e) {
+	return /* @__PURE__ */ g(p, {
+		sx: k.legendItem,
+		children: [/* @__PURE__ */ h(m, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ m(p, {
+		}), /* @__PURE__ */ h(m, {
 			width: 48,
 			height: 8
 		})]
 	}, `legend-${e}`);
 }
-function D(e, t) {
-	return /* @__PURE__ */ m(p, {
+function N(e, t) {
+	return /* @__PURE__ */ h(m, {
 		variant: "circular",
-		sx: w(e.top, e.left, e.size)
+		sx: A(e.top, e.left, e.size)
 	}, `dot-${t}`);
 }
-function O(e, t) {
+function P(e, t) {
 	let n = 10 + t * 37 % 80, r = 5 + t * 53 % 90, i = 8 + t * 7 % 6;
 	return {
 		top: `${n}%`,
@@ -282,7 +316,7 @@ function O(e, t) {
 }
 //#endregion
 //#region src/widgets-v2/scatterplot/download.ts
-function k(e) {
+function F(e) {
 	let r = [];
 	return e.getCaptureEl && r.push(t({
 		filename: e.filename,
@@ -299,11 +333,14 @@ function k(e) {
 			]];
 			for (let [t, i] of n.entries()) {
 				let n = e.seriesNames?.[t] ?? `series_${t + 1}`;
-				for (let [e, t] of i) r.push([
-					n,
-					e,
-					t
-				]);
+				for (let e of i) {
+					let [t, i] = v(e);
+					r.push([
+						n,
+						t,
+						i
+					]);
+				}
 			}
 			return r;
 		}
@@ -311,20 +348,23 @@ function k(e) {
 }
 //#endregion
 //#region src/widgets-v2/scatterplot/transforms.ts
-var A = (e) => Array.isArray(e) ? e.map((e) => {
-	if (!j(e)) return e;
-	let t = e.reduce((e, [, t]) => e + Math.abs(t), 0);
-	return t <= 0 ? e : e.map(([e, n]) => [e, n / t * 100]);
+var I = (e) => Array.isArray(e) ? e.map((e) => {
+	if (!L(e)) return e;
+	let t = e.reduce((e, t) => e + Math.abs(v(t)[1]), 0);
+	return t <= 0 ? e : e.map((e) => {
+		let [n, r] = v(e);
+		return b(e, n, r / t * 100);
+	});
 }) : e;
-function j(e) {
-	return Array.isArray(e) ? e.every((e) => Array.isArray(e) && e.length === 2 && typeof e[0] == "number" && Number.isFinite(e[0]) && typeof e[1] == "number" && Number.isFinite(e[1])) : !1;
+function L(e) {
+	return Array.isArray(e) && e.every(y);
 }
-function M(e, t) {
+function R(e, t) {
 	if (t.length === 0 || !Array.isArray(e)) return e;
 	let n = new Set(t.map(String));
-	return e.map((e, t) => j(e) ? e.filter((e, r) => n.has(`${t}:${r}`)) : e);
+	return e.map((e, t) => L(e) ? e.filter((e, r) => n.has(`${t}:${r}`)) : e);
 }
 //#endregion
-export { T as ScatterplotSkeleton, k as createScatterplotDownloadConfig, v as createScatterplotOptionFactory, M as filterScatterplotByLockedPoints, _ as scatterplotOptions, A as toRelativeScatterplotData };
+export { j as ScatterplotSkeleton, F as createScatterplotDownloadConfig, w as createScatterplotOptionFactory, R as filterScatterplotByLockedPoints, v as getScatterplotXY, C as scatterplotOptions, I as toRelativeScatterplotData };
 
 //# sourceMappingURL=scatterplot.js.map