@carto/ps-react-ui 6.2.0 → 6.4.0

package/dist/widgets/pie.js.map

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

package/dist/widgets/scatterplot.js

@@ -1,19 +1,44 @@
 import { r as e } from "../zoom-toggle-MmLjMTEw.js";
-import { n as t, t as n } from "../download-B4sykOFm.js";
-import { r, t as i } from "../utils-C-eWwOhE.js";
-import { a, n as o, o as s, r as c, s as l, t as u } from "../option-builders-DQivvvbb.js";
-import { c as d } from "react/compiler-runtime";
-import { Box as f, Skeleton as p } from "@mui/material";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import * as g from "echarts";
+import { n as t } from "../scale-Bhx8HKEB.js";
+import { n, t as r } from "../download-B4sykOFm.js";
+import { r as i, t as a } from "../utils-C-eWwOhE.js";
+import { c as o, i as s, n as c, o as l, r as u, s as d, t as f } from "../item-color-B7xkIpDZ.js";
+import { c as p } from "react/compiler-runtime";
+import { Box as m, Skeleton as h } from "@mui/material";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import * as v from "echarts";
+//#region src/widgets/scatterplot/points.ts
+function y(e) {
+	return S(e) ? e : [e.x, e.y];
+}
+function b(e) {
+	if (Array.isArray(e)) return e.length === 2 && C(e[0]) && C(e[1]);
+	if (typeof e != "object" || !e) return !1;
+	let { x: t, y: n } = e;
+	return C(t) && C(n);
+}
+function x(e, t, n) {
+	return S(e) ? [t, n] : {
+		...e,
+		x: t,
+		y: n
+	};
+}
+function S(e) {
+	return Array.isArray(e);
+}
+function C(e) {
+	return typeof e == "number" && Number.isFinite(e);
+}
+//#endregion
 //#region src/widgets/scatterplot/options.ts
-function _({ theme: e, xFormatter: t, yFormatter: n }) {
+function w({ theme: e, xFormatter: t, yFormatter: n }) {
 	return {
 		grid: {
 			left: parseInt(e.spacing(1)),
 			top: parseInt(e.spacing(3)),
 			right: parseInt(e.spacing(1)),
-			...o(!1, e),
+			...u(!1, e),
 			containLabel: !0
 		},
 		tooltip: {
@@ -26,10 +51,10 @@ function _({ theme: e, xFormatter: t, yFormatter: n }) {
 				fontSize: 11,
 				fontFamily: e.typography.caption.fontFamily
 			},
-			position: s(e),
-			formatter: x(t, n)
+			position: d(e),
+			formatter: O(t, n)
 		},
-		legend: { ...c({
+		legend: { ...s({
 			hasLegend: !1,
 			labelFormatter: void 0
 		}) },
@@ -40,7 +65,7 @@ function _({ theme: e, xFormatter: t, yFormatter: n }) {
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			axisLabel: {
-				...u(e),
+				...c(e),
 				margin: parseInt(e.spacing(1)),
 				hideOverlap: !0,
 				showMinLabel: !0,
@@ -57,7 +82,7 @@ function _({ theme: e, xFormatter: t, yFormatter: n }) {
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			axisLabel: {
-				...u(e),
+				...c(e),
 				margin: parseInt(e.spacing(1)),
 				hideOverlap: !0,
 				showMinLabel: !0,
@@ -71,80 +96,88 @@ 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) => {
-		if (t == null) {
-			let e = _({
-				theme: n,
-				xFormatter: a,
-				yFormatter: o
+function T(n) {
+	let { theme: r, xFormatter: o, yFormatter: s, optionsOverride: c } = n, l = n.series, u = n.symbolSize ?? 8, d = n.selection, p = d && d.length > 0 ? new Set(d) : null;
+	return (n, d, m) => {
+		if (n == null) {
+			let e = w({
+				theme: r,
+				xFormatter: o,
+				yFormatter: s
 			});
-			return s ? r(e, s) : e;
+			return c ? i(e, c) : e;
 		}
-		let p = Array.isArray(u) ? u : [];
-		if (p.length === 0) return {
-			...t,
+		let h = Array.isArray(d) ? d : [];
+		if (h.length === 0) return {
+			...n,
 			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 g = h.length > 1, _ = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, b = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, x = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, S = typeof n.xAxis == "object" && !Array.isArray(n.xAxis) ? n.xAxis : {}, C = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, T = m?.formatter, { niceMinX: O, niceMaxX: A, niceMinY: j, niceMaxY: M } = k(h, t(C)), N = Array.isArray(n.series) ? n.series : [], P = (e, t) => {
+			let n = f({
+				theme: r,
+				datums: t,
+				template: N[e] ?? N[0],
+				fallback: (e) => e.color
+			});
+			return (t) => {
+				let r = n(t);
+				if (!p) return r;
+				let i = `${e}:${t.dataIndex}`;
+				return p.has(i) ? r : v.color.modifyAlpha(r, .15);
+			};
+		}, F = E(n.dataZoom, g), I = F?.hasXSlider ?? !1, L = F?.hasYSlider ?? !1, R = typeof b.bottom == "number" ? b.bottom : 24, z = g ? 56 : R, B = I ? z + e.sliderHeight + e.sliderGap : z, V = typeof b.right == "number" ? b.right : 8, H = L ? V + e.sliderHeight + e.sliderGap : V;
 		return {
-			...t,
-			dataset: p.map((e) => ({ source: e })),
-			series: p.map((e, t) => {
-				let r = i(n, c?.[t]?.color);
+			...n,
+			dataset: h.map((e) => ({ source: e.every(Array.isArray) ? e : e.map(y) })),
+			series: h.map((e, t) => {
+				let n = a(r, l?.[t]?.color);
 				return {
 					type: "scatter",
 					datasetIndex: t,
-					name: c?.[t]?.name ?? `Series ${t + 1}`,
+					name: l?.[t]?.name ?? `Series ${t + 1}`,
 					encode: {
 						x: 0,
 						y: 1
 					},
-					symbolSize: l,
+					symbolSize: u,
 					emphasis: { focus: "series" },
-					itemStyle: { color: A(t) },
-					...r ? { color: r } : {}
+					itemStyle: { color: P(t, e) },
+					...n ? { color: n } : {}
 				};
 			}),
 			legend: {
-				...h,
-				show: m
+				..._,
+				show: g
 			},
 			grid: {
-				...v,
-				bottom: I,
-				right: R
+				...b,
+				bottom: B,
+				right: H
 			},
-			...j ? { dataZoom: j.entries } : {},
+			...F ? { dataZoom: F.entries } : {},
 			xAxis: {
-				...C,
-				min: E,
-				max: D
+				...S,
+				min: O,
+				max: A
 			},
 			yAxis: {
-				...w,
-				min: O,
-				max: k,
+				...C,
+				min: j,
+				max: M,
 				axisLabel: {
-					...w.axisLabel ?? {},
+					...C.axisLabel ?? {},
 					...T ? { formatter: T } : {}
 				}
 			},
 			tooltip: {
 				...x,
-				formatter: b(x.formatter, T, a)
+				formatter: D(x.formatter, T, o)
 			}
 		};
 	};
 }
-function y(t, n) {
+function E(t, n) {
 	if (!Array.isArray(t) || t.length === 0) return null;
 	let r = !1, i = !1;
 	return {
@@ -160,8 +193,8 @@ function y(t, n) {
 		hasYSlider: i
 	};
 }
-function b(e, t, n) {
-	return t ? a((e) => {
+function D(e, t, n) {
+	return t ? l((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 {
 			name: `(${o}, ${s})`,
@@ -171,8 +204,8 @@ function b(e, t, n) {
 		};
 	}) : e;
 }
-function x(e, t) {
-	return a((n) => {
+function O(e, t) {
+	return l((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 {
 			name: `(${o}, ${s})`,
@@ -182,23 +215,24 @@ function x(e, t) {
 		};
 	});
 }
-function S(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];
-		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));
+function k(e, t = {}) {
+	let n = Infinity, r = -Infinity, i = Infinity, a = -Infinity;
+	for (let t of e) for (let e of t) {
+		if (e == null) continue;
+		let [t, o] = y(e);
+		typeof t == "number" && Number.isFinite(t) && (t < n && (n = t), t > r && (r = t)), typeof o == "number" && Number.isFinite(o) && (o < i && (i = o), o > a && (a = o));
 	}
-	let a = Number.isFinite(n) ? n <= 0 ? 1 : l(n) : 1, o = Number.isFinite(i) ? i <= 0 ? 1 : l(i) : 1;
+	let s = Number.isFinite(r) ? r <= 0 ? 1 : o(r) : 1, c = Number.isFinite(a) ? a <= 0 ? 1 : t.max ?? o(a) : 1;
 	return {
-		niceMinX: Number.isFinite(t) && t < 0 ? l(t) : 0,
-		niceMaxX: a,
-		niceMinY: Number.isFinite(r) && r < 0 ? l(r) : 0,
-		niceMaxY: o
+		niceMinX: Number.isFinite(n) && n < 0 ? o(n) : 0,
+		niceMaxX: s,
+		niceMinY: Number.isFinite(i) && i < 0 ? t.min ?? o(i) : 0,
+		niceMaxY: c
 	};
 }
 //#endregion
 //#region src/widgets/scatterplot/skeleton.tsx
-var C = {
+var A = {
 	container: {
 		display: "flex",
 		alignItems: "center",
@@ -223,7 +257,7 @@ var C = {
 		alignItems: "center",
 		gap: ({ spacing: e }) => e(1.5)
 	}
-}, w = (e, t, n) => ({
+}, j = (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 M(e) {
+	let t = p(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 }, F);
+		a = m, c = A.container, i = m, o = A.grid, s = e.map(P), 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__ */ g(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__ */ g(m, {
+		sx: A.legend,
+		children: [0, 1].map(N)
 	}), 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__ */ _(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 N(e) {
+	return /* @__PURE__ */ _(m, {
+		sx: A.legendItem,
+		children: [/* @__PURE__ */ g(h, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ m(p, {
+		}), /* @__PURE__ */ g(h, {
 			width: 48,
 			height: 8
 		})]
 	}, `legend-${e}`);
 }
-function D(e, t) {
-	return /* @__PURE__ */ m(p, {
+function P(e, t) {
+	return /* @__PURE__ */ g(h, {
 		variant: "circular",
-		sx: w(e.top, e.left, e.size)
+		sx: j(e.top, e.left, e.size)
 	}, `dot-${t}`);
 }
-function O(e, t) {
+function F(e, t) {
 	let n = 10 + t * 37 % 80, r = 5 + t * 53 % 90, i = 8 + t * 7 % 6;
 	return {
 		top: `${n}%`,
@@ -282,8 +316,8 @@ function O(e, t) {
 }
 //#endregion
 //#region src/widgets/scatterplot/download.ts
-function k(e) {
-	return n(e, t({
+function I(e) {
+	return r(e, n({
 		filename: e.filename,
 		getRows: (t) => {
 			let n = e.getData(t), r = [[
@@ -293,11 +327,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] = y(e);
+					r.push([
+						n,
+						t,
+						i
+					]);
+				}
 			}
 			return r;
 		}
@@ -305,20 +342,23 @@ function k(e) {
 }
 //#endregion
 //#region src/widgets/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 L = (e) => Array.isArray(e) ? e.map((e) => {
+	if (!R(e)) return e;
+	let t = e.reduce((e, t) => e + Math.abs(y(t)[1]), 0);
+	return t <= 0 ? e : e.map((e) => {
+		let [n, r] = y(e);
+		return x(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 R(e) {
+	return Array.isArray(e) && e.every(b);
 }
-function M(e, t) {
+function z(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) => R(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 { M as ScatterplotSkeleton, I as createScatterplotDownloadConfig, T as createScatterplotOptionFactory, z as filterScatterplotByLockedPoints, y as getScatterplotXY, w as scatterplotOptions, L as toRelativeScatterplotData };
 
 //# sourceMappingURL=scatterplot.js.map