@carto/ps-react-ui 6.2.0 → 6.4.0

package/dist/widgets/scatterplot.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatterplot.js","names":["{ count = 24 }: ScatterplotSkeletonProps","count = 24","Box","styles.grid","dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))","styles.container","(_, i) => {\n    const top = 10 + ((i * 37) % 80)\n    const left = 5 + ((i * 53) % 90)\n    const size = 8 + ((i * 7) % 6)\n    return { top: `${top}%`, left: `${left}%`, size }\n  }","(d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        )","<Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\n      </Box>","<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>","(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        )","<Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\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","_c","ZOOM_LAYOUT","buildCsvDownloadItem","withPngItem","resolveThemeColor","buildGridConfig","createTooltipPositioner","buildLegendConfig","niceNum","buildAxisLabelStyle","echarts","scatterplotOptions","theme","buildScatterTooltipFormatter","xFormatter","yFormatter","createScatterplotOptionFactory","options","series","symbolSize","selection","selectionSet","option","structural","optionsOverride","mergeOptions","seriesArr","data","hasLegend","baseLegend","baseGrid","baseTooltip","baseXAxis","baseYAxis","reactiveFormatter","ctx","computeScatterBounds","makeDimColor","base","params","key","seriesIdx","dataZoomLayout","layoutDataZoomForScatter","hasXSlider","hasYSlider","fallbackBottom","baseBottom","gridBottom","fallbackRight","gridRight","s","overrideColor","i","niceMinX","niceMaxX","niceMinY","niceMaxY","buildReactiveScatterTooltipFormatter","dataZoom","entry","dz","reactiveYFormatter","createTooltipFormatter","value","item","x","y","formattedX","formattedY","marker","seriesName","structuralFormatter","minX","maxX","minY","maxY","point","styles","spacing","dotSx","size","ScatterplotSkeleton","$","c","t1","t0","count","T0","T1","t2","t3","t4","dots","_temp","Box","_temp2","t5","t6","_temp3","t7","Skeleton","i_1","d","i_0","top","left","createScatterplotDownloadConfig","args","rows","toRelativeScatterplotData","input","isXyTupleArray","total","acc","v","filterScatterplotByLockedPoints","lockedItems","locked","seriesIndex","dataIndex"],"sources":["../../src/widgets/scatterplot/options.ts","../../src/widgets/scatterplot/skeleton.tsx","../../src/widgets/scatterplot/download.ts","../../src/widgets/scatterplot/transforms.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../utils/option-builders'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport type {\n  ScatterplotEChartsOption,\n  ScatterplotOptionFactoryInput,\n  ScatterplotOptionsInput,\n  ScatterplotWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a scatterplot widget — both\n * axes `type: 'value'` (not category, unlike Bar/Histogram), grid, tooltip\n * triggered per-item rather than per-axis. Intentionally data-agnostic: no\n * series, no dataset, no `legend.show` (those depend on data and are added\n * by {@link createScatterplotOptionFactory}).\n *\n * Styling parity with v1: dark themed tooltip via `createTooltipFormatter`\n * + `createTooltipPositioner`, `buildGridConfig`-based grid, polished\n * axisLine/Tick/splitLine, `overlineDelicate` axis labels, structural\n * legend wired via `buildLegendConfig` (toggled by the merger), and the\n * CARTO `qualitative.bold + secondary` palette — same pattern bar /\n * histogram / pie already use. {@link createScatterplotOptionFactory}\n * wraps this builder in its structural-phase branch.\n */\nexport function scatterplotOptions({\n  theme,\n  xFormatter,\n  yFormatter,\n}: ScatterplotOptionsInput): ScatterplotEChartsOption {\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps `bottom` when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      // Per-point trigger — different from Bar's 'axis' trigger because\n      // points don't share an x-coordinate.\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: buildScatterTooltipFormatter(xFormatter, yFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false, labelFormatter: undefined }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        hideOverlap: true,\n        showMinLabel: true,\n        showMaxLabel: true,\n        ...(xFormatter && { formatter: xFormatter }),\n      },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        hideOverlap: true,\n        showMinLabel: true,\n        showMaxLabel: true,\n        ...(yFormatter && { formatter: yFormatter }),\n      },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n    },\n  } as ScatterplotEChartsOption\n}\n\n/**\n * Returns the scatterplot widget's {@link OptionFactory} — one closure\n * that owns BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link scatterplotOptions}, optionally merging\n *     the consumer-supplied `optionsOverride`. Called once by Provider to\n *     seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`ScatterplotWidgetData`) into the option via the dataset API. Each\n *     series's `[x, y]` tuples land in `dataset[i].source` as 2-column\n *     rows; the series uses positional encoding (`encode: { x: 0, y: 1 }`)\n *     and `type: 'scatter'`. niceMin/niceMax are computed over both axes\n *     so the chart frames data on rounded extents and numeric jitters\n *     don't shift gridlines per render. Reactive `ctx.formatter` (driven\n *     by RelativeData) re-derives the y-axis label and tooltip at fusion\n *     time; `xFormatter` stays baked at structural-build time (relative\n *     is a values-axis concept; x is coordinate-space).\n *\n * When `ZoomToggle` installs a `dataZoom` slider, grid bottom is\n * extended and the slider is positioned above the legend row (if any) —\n * same layout dance bar / histogram / timeseries do.\n */\nexport function createScatterplotOptionFactory(\n  options: ScatterplotOptionFactoryInput,\n): OptionFactory {\n  const { theme, xFormatter, yFormatter, optionsOverride } = options\n  const series = options.series\n  const symbolSize = options.symbolSize ?? 8\n  const selection = options.selection\n  const selectionSet =\n    selection && selection.length > 0 ? new Set<string>(selection) : null\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = scatterplotOptions({ theme, xFormatter, yFormatter })\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 ScatterplotWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\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 baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseXAxis =\n      typeof option.xAxis === 'object' && !Array.isArray(option.xAxis)\n        ? option.xAxis\n        : {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n\n    const reactiveFormatter = ctx?.formatter\n\n    const { niceMinX, niceMaxX, niceMinY, niceMaxY } =\n      computeScatterBounds(seriesArr)\n\n    // Dim non-selected points via `series.itemStyle.color`. The selection\n    // key is `${seriesIndex}:${dataIndex}`; we read those off the params\n    // ECharts hands to the callback per-data.\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and items would stay dimmed forever after an external clear.\n    // Keeping the key always-present means a plain setOption merge swaps\n    // the callback in place, no `replaceMerge` and no entry-animation\n    // flash on selection on/off.\n    const makeDimColor =\n      (seriesIdx: number) => (params: CallbackDataParams) => {\n        const base = params.color as string\n        if (!selectionSet) return base\n        const key = `${seriesIdx}:${params.dataIndex}`\n        return selectionSet.has(key)\n          ? base\n          : echarts.color.modifyAlpha(base, 0.15)\n      }\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`,\n    // reserve grid space and lift any x-slider above the legend (if\n    // present). Scatter supports 2D zoom via `axes: ['x', 'y']` — in\n    // that case there's also a vertical y-slider on the right edge, so\n    // we reserve `grid.right` separately. Inside-only dataZoom entries\n    // (no `type: 'slider'`) take no grid space.\n    const dataZoomLayout = layoutDataZoomForScatter(option.dataZoom, hasLegend)\n    const hasXSlider = dataZoomLayout?.hasXSlider ?? false\n    const hasYSlider = dataZoomLayout?.hasYSlider ?? false\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = hasXSlider\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n    const fallbackRight =\n      typeof baseGrid.right === 'number' ? baseGrid.right : 8\n    const gridRight = hasYSlider\n      ? fallbackRight + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : fallbackRight\n\n    return {\n      ...option,\n      // ECharts dataset.source wants a mutable [number, number][] shape; we\n      // hold readonly tuples internally, so cast at the boundary.\n      dataset: seriesArr.map((s) => ({ source: s as unknown as number[][] })),\n      series: seriesArr.map((_, i) => {\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          type: 'scatter' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 0, y: 1 },\n          symbolSize,\n          emphasis: { focus: 'series' },\n          itemStyle: { color: makeDimColor(i) },\n          ...(overrideColor ? { color: overrideColor } : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: { ...baseGrid, bottom: gridBottom, right: gridRight },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout.entries } : {}),\n      xAxis: {\n        ...baseXAxis,\n        min: niceMinX,\n        max: niceMaxX,\n      } as EChartsOption['xAxis'],\n      yAxis: {\n        ...baseYAxis,\n        min: niceMinY,\n        max: niceMaxY,\n        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          // Re-derive the y-axis formatter at fusion time so RelativeData's\n          // percent formatter (written to `state.formatter`) flows through\n          // without rebuilding the structural option. Falls back to the\n          // structural `yFormatter` already baked in `baseYAxis.axisLabel`\n          // (which `String(value)` if neither is set).\n          ...(reactiveFormatter ? { formatter: reactiveFormatter } : {}),\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        // Rebuild the tooltip formatter so the live y-axis formatter is\n        // applied to the y-coordinate in the (x, y) label. xFormatter is\n        // structural — relative is a values-axis concept, so xFormatter\n        // doesn't change under RelativeData.\n        formatter: buildReactiveScatterTooltipFormatter(\n          (baseTooltip as { formatter?: unknown }).formatter,\n          reactiveFormatter,\n          xFormatter,\n        ),\n      },\n    } as EChartsOption\n  }\n}\n\n/**\n * Lay out the `dataZoom` array for the scatter chart:\n *   - Detect whether any horizontal (x-axis) slider is present — if so\n *     lift it above the legend row when a legend is shown.\n *   - Detect whether any vertical (y-axis) slider is present — the\n *     caller reserves `grid.right` so the slider doesn't overlap the\n *     plot area.\n *\n * Returns `null` when there's no `dataZoom` so callers can skip the\n * layout adjustment entirely. An entry is considered an \"x-slider\" if\n * it has `xAxisIndex` set (or no axis index — defaults to x in ECharts).\n * A \"y-slider\" has `yAxisIndex` set.\n */\nfunction layoutDataZoomForScatter(\n  dataZoom: unknown,\n  hasLegend: boolean,\n): { entries: unknown[]; hasXSlider: boolean; hasYSlider: boolean } | null {\n  if (!Array.isArray(dataZoom) || dataZoom.length === 0) return null\n  let hasXSlider = false\n  let hasYSlider = false\n  const entries = dataZoom.map((entry: unknown) => {\n    if (entry == null || typeof entry !== 'object') return entry\n    const dz = entry as {\n      type?: string\n      xAxisIndex?: unknown\n      yAxisIndex?: unknown\n      bottom?: number\n    }\n    if (dz.type !== 'slider') return dz\n    const targetsY = dz.yAxisIndex !== undefined\n    if (targetsY) {\n      hasYSlider = true\n      return dz\n    }\n    // Either explicit x or defaulted (ECharts defaults sliders to xAxis\n    // when no axis index is provided).\n    hasXSlider = true\n    if (hasLegend) {\n      return { ...dz, bottom: ZOOM_LAYOUT.sliderBottomWithLegend }\n    }\n    return dz\n  })\n  return { entries, hasXSlider, hasYSlider }\n}\n\n/**\n * If a reactive (store-driven) y formatter is provided, re-build the\n * scatter tooltip formatter using it. Otherwise, return the structural\n * formatter unchanged so the original `xFormatter` / `yFormatter`\n * baked into `scatterplotOptions` still applies. The structural\n * formatter has stable identity per `scatterplotOptions` call, so this\n * path doesn't churn ECharts on every render.\n */\nfunction buildReactiveScatterTooltipFormatter(\n  structuralFormatter: unknown,\n  reactiveYFormatter: ((value: number) => string) | undefined,\n  xFormatter: ((value: number) => string) | undefined,\n) {\n  if (!reactiveYFormatter) return structuralFormatter\n  return createTooltipFormatter((item) => {\n    const value = item.value as readonly [number, number] | undefined\n    const x = value?.[0]\n    const y = value?.[1]\n    const formattedX =\n      typeof x === 'number' ? (xFormatter ? xFormatter(x) : String(x)) : ''\n    const formattedY =\n      typeof y === 'number' ? reactiveYFormatter(y) : String(y ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    return {\n      name: `(${formattedX}, ${formattedY})`,\n      seriesName,\n      marker,\n      value: '',\n    }\n  })\n}\n\nfunction buildScatterTooltipFormatter(\n  xFormatter: ((value: number) => string) | undefined,\n  yFormatter: ((value: number) => string) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const value = item.value as readonly [number, number] | undefined\n    const x = value?.[0]\n    const y = value?.[1]\n    const formattedX =\n      typeof x === 'number' ? (xFormatter ? xFormatter(x) : String(x)) : ''\n    const formattedY =\n      typeof y === 'number' ? (yFormatter ? yFormatter(y) : String(y)) : ''\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    return {\n      name: `(${formattedX}, ${formattedY})`,\n      seriesName,\n      marker,\n      value: '',\n    }\n  })\n}\n\nfunction computeScatterBounds(seriesArr: ScatterplotWidgetData): {\n  niceMinX: number\n  niceMaxX: number\n  niceMinY: number\n  niceMaxY: number\n} {\n  let minX = Infinity\n  let maxX = -Infinity\n  let minY = Infinity\n  let maxY = -Infinity\n  for (const series of seriesArr) {\n    for (const point of series) {\n      const x = point?.[0]\n      const y = point?.[1]\n      if (typeof x === 'number' && Number.isFinite(x)) {\n        if (x < minX) minX = x\n        if (x > maxX) maxX = x\n      }\n      if (typeof y === 'number' && Number.isFinite(y)) {\n        if (y < minY) minY = y\n        if (y > maxY) maxY = y\n      }\n    }\n  }\n  // Mirror bar's `computeNiceBounds`: clamp min to 0 when data is\n  // non-negative (gridline reads cleanly from zero), apply `niceNum` to\n  // negative mins, and floor max=0 to 1 so the chart always has range.\n  // Scatter can have free coordinates so we apply this per-axis.\n  const niceMaxX = Number.isFinite(maxX) ? (maxX <= 0 ? 1 : niceNum(maxX)) : 1\n  const niceMaxY = Number.isFinite(maxY) ? (maxY <= 0 ? 1 : niceNum(maxY)) : 1\n  const niceMinX = Number.isFinite(minX) ? (minX < 0 ? niceNum(minX) : 0) : 0\n  const niceMinY = Number.isFinite(minY) ? (minY < 0 ? niceNum(minY) : 0) : 0\n  return { niceMinX, niceMaxX, niceMinY, niceMaxY }\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  grid: {\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\n// `sx` callback that needs runtime args — extracted at module scope so the\n// `styles` object can satisfy `Record<string, SxProps<Theme>>` cleanly\n// (function `sx`-with-args isn't assignable to plain `SxProps<Theme>`).\nconst dotSx = (top: string, left: string, size: number): SxProps<Theme> => ({\n  position: 'absolute',\n  top,\n  left,\n  width: size,\n  height: size,\n  borderRadius: '50%',\n})\n\nexport interface ScatterplotSkeletonProps {\n  /** Number of dots to render. */\n  count?: number\n}\n\n/**\n * Loading state for the Scatterplot widget. Mirrors a scatter chart's\n * silhouette — a deterministic spread of small circular dots in the plot\n * area plus a legend stub — so the skeleton reads as \"a scatter chart\"\n * rather than a generic list. Matches bar/histogram/pie skeleton structure\n * (grid stub + legend stub in a flex column).\n */\nexport function ScatterplotSkeleton({ count = 24 }: ScatterplotSkeletonProps) {\n  // Deterministic pseudo-scatter positions so the skeleton doesn't flicker.\n  const dots = Array.from({ length: count }, (_, i) => {\n    const top = 10 + ((i * 37) % 80)\n    const left = 5 + ((i * 53) % 90)\n    const size = 8 + ((i * 7) % 6)\n    return { top: `${top}%`, left: `${left}%`, size }\n  })\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\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 { ScatterplotWidgetData } from './types'\n\n/**\n * Download menu items for the Scatterplot widget. Always includes a CSV item\n * with `series, x, y` columns (one row per point). When `getCaptureEl` is\n * given, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createScatterplotDownloadConfig(\n  args: WidgetDownloadArgs<ScatterplotWidgetData> & {\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', 'x', 'y']]\n        for (const [i, series] of data.entries()) {\n          const seriesName = args.seriesNames?.[i] ?? `series_${i + 1}`\n          for (const [x, y] of series) {\n            rows.push([seriesName, x, y])\n          }\n        }\n        return rows\n      },\n    }),\n  )\n}\n","/**\n * Scatterplot-specific `RelativeData` transform. Scatter data is\n * `[number, number][]` — each series is a list of `[x, y]` tuples.\n * Relative is a values-axis concept, so this rewrites `y` to its\n * share of the series's total `y` (0–100) and leaves `x` raw — x is\n * coordinate space, not part of the cohort total.\n *\n * Pass to `<Widget.RelativeData transform={toRelativeScatterplotData} />`.\n *\n * The denominator is the sum of |y| across the series so mixed-sign\n * y values produce sane signed shares-of-magnitude. A series whose\n * total y-magnitude is zero (all-zero or empty input) is returned\n * unchanged so a stalled or empty data set doesn't show misleading 0%\n * values. Inputs whose shape isn't `[number, number][]` fall through\n * untouched.\n */\nexport const toRelativeScatterplotData = (input: unknown): unknown => {\n  if (!Array.isArray(input)) return input\n  return input.map((series: unknown): unknown => {\n    if (!isXyTupleArray(series)) return series\n    const total = series.reduce((acc, [, y]) => acc + Math.abs(y), 0)\n    if (total <= 0) return series\n    return series.map(([x, y]) => [x, (y / total) * 100] as [number, number])\n  })\n}\n\nfunction isXyTupleArray(v: unknown): v is [number, number][] {\n  if (!Array.isArray(v)) return false\n  return v.every(\n    (item) =>\n      Array.isArray(item) &&\n      item.length === 2 &&\n      typeof item[0] === 'number' &&\n      Number.isFinite(item[0]) &&\n      typeof item[1] === 'number' &&\n      Number.isFinite(item[1]),\n  )\n}\n\n/**\n * `LockSelection` filter for Scatterplot. Data is `[number, number][][]` —\n * points have no `name`, so selection (and locking) is keyed on a synthetic\n * `${seriesIndex}:${dataIndex}` string (same format `useChartSelection`'s\n * `keyFromClick`/`keysFromBrush` produce for this widget). Unlike Histogram,\n * a point's position carries no external meaning (no `ticks` to desync from),\n * so non-locked points are removed outright rather than zeroed.\n */\nexport function filterScatterplotByLockedPoints(\n  input: unknown,\n  lockedItems: readonly (string | number)[],\n): unknown {\n  if (lockedItems.length === 0) return input\n  if (!Array.isArray(input)) return input\n  const locked = new Set<string>(lockedItems.map(String))\n  return input.map((series: unknown, seriesIndex: number): unknown => {\n    if (!isXyTupleArray(series)) return series\n    return series.filter((_, dataIndex) =>\n      locked.has(`${seriesIndex}:${dataIndex}`),\n    )\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"scatterplot.js","names":["{ count = 24 }: ScatterplotSkeletonProps","count = 24","Box","styles.grid","dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))","styles.container","(_, i) => {\n    const top = 10 + ((i * 37) % 80)\n    const left = 5 + ((i * 53) % 90)\n    const size = 8 + ((i * 7) % 6)\n    return { top: `${top}%`, left: `${left}%`, size }\n  }","(d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        )","<Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\n      </Box>","<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>","(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        )","<Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\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","_c","ZOOM_LAYOUT","fixedAxisBounds","withPngItem","mergeOptions","resolveThemeColor","niceNum","buildLegendConfig","buildAxisLabelStyle","createTooltipFormatter","buildGridConfig","createTooltipPositioner","createItemColorResolver","echarts","getScatterplotXY","isTuple","point","isScatterplotDatum","v","isFiniteNumber","x","y","withScatterplotXY","scatterplotOptions","theme","buildScatterTooltipFormatter","xFormatter","yFormatter","createScatterplotOptionFactory","options","series","symbolSize","selection","selectionSet","option","structural","optionsOverride","seriesArr","data","hasLegend","baseLegend","baseGrid","baseTooltip","baseXAxis","baseYAxis","reactiveFormatter","ctx","computeScatterBounds","seriesTemplates","makeDimColor","baseColor","seriesIdx","params","base","key","dataZoomLayout","layoutDataZoomForScatter","hasXSlider","hasYSlider","fallbackBottom","baseBottom","gridBottom","fallbackRight","gridRight","s","overrideColor","i","niceMinX","niceMaxX","niceMinY","niceMaxY","buildReactiveScatterTooltipFormatter","dataZoom","entry","dz","reactiveYFormatter","value","item","formattedX","formattedY","marker","seriesName","structuralFormatter","minX","maxX","minY","maxY","fixedY","styles","spacing","dotSx","size","ScatterplotSkeleton","$","c","t1","t0","count","T0","T1","t2","t3","t4","dots","_temp","Box","_temp2","t5","t6","_temp3","t7","Skeleton","i_1","d","i_0","top","left","createScatterplotDownloadConfig","args","buildCsvDownloadItem","rows","toRelativeScatterplotData","input","isPointArray","total","acc","p","filterScatterplotByLockedPoints","lockedItems","locked","seriesIndex","dataIndex"],"sources":["../../src/widgets/scatterplot/points.ts","../../src/widgets/scatterplot/options.ts","../../src/widgets/scatterplot/skeleton.tsx","../../src/widgets/scatterplot/download.ts","../../src/widgets/scatterplot/transforms.ts"],"sourcesContent":["import type { ScatterplotItem } from './types'\n\n/** `[x, y]` of a {@link ScatterplotItem}, whichever form it takes. */\nexport function getScatterplotXY(\n  point: ScatterplotItem,\n): readonly [number, number] {\n  return isTuple(point) ? point : [point.x, point.y]\n}\n\n/** Whether `v` is a valid {@link ScatterplotItem} with finite coordinates. */\nexport function isScatterplotDatum(v: unknown): v is ScatterplotItem {\n  if (Array.isArray(v)) {\n    return v.length === 2 && isFiniteNumber(v[0]) && isFiniteNumber(v[1])\n  }\n  if (v == null || typeof v !== 'object') return false\n  const { x, y } = v as { x?: unknown; y?: unknown }\n  return isFiniteNumber(x) && isFiniteNumber(y)\n}\n\n/** Same point with new coordinates; keeps the object form (and `color`). */\nexport function withScatterplotXY(\n  point: ScatterplotItem,\n  x: number,\n  y: number,\n): ScatterplotItem {\n  return isTuple(point) ? [x, y] : { ...point, x, y }\n}\n\nfunction isTuple(point: ScatterplotItem): point is readonly [number, number] {\n  return Array.isArray(point)\n}\n\nfunction isFiniteNumber(v: unknown): v is number {\n  return typeof v === 'number' && Number.isFinite(v)\n}\n","import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../utils/option-builders'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { createItemColorResolver } from '../utils/item-color'\nimport { getScatterplotXY } from './points'\nimport type {\n  ScatterplotEChartsOption,\n  ScatterplotOptionFactoryInput,\n  ScatterplotOptionsInput,\n  ScatterplotItem,\n  ScatterplotWidgetData,\n} from './types'\nimport { fixedAxisBounds } from '../actions/relative-data/scale'\n\n/**\n * Builds the **structural** ECharts option for a scatterplot widget — both\n * axes `type: 'value'` (not category, unlike Bar/Histogram), grid, tooltip\n * triggered per-item rather than per-axis. Intentionally data-agnostic: no\n * series, no dataset, no `legend.show` (those depend on data and are added\n * by {@link createScatterplotOptionFactory}).\n *\n * Styling parity with v1: dark themed tooltip via `createTooltipFormatter`\n * + `createTooltipPositioner`, `buildGridConfig`-based grid, polished\n * axisLine/Tick/splitLine, `overlineDelicate` axis labels, structural\n * legend wired via `buildLegendConfig` (toggled by the merger), and the\n * CARTO `qualitative.bold + secondary` palette — same pattern bar /\n * histogram / pie already use. {@link createScatterplotOptionFactory}\n * wraps this builder in its structural-phase branch.\n */\nexport function scatterplotOptions({\n  theme,\n  xFormatter,\n  yFormatter,\n}: ScatterplotOptionsInput): ScatterplotEChartsOption {\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps `bottom` when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      // Per-point trigger — different from Bar's 'axis' trigger because\n      // points don't share an x-coordinate.\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: buildScatterTooltipFormatter(xFormatter, yFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false, labelFormatter: undefined }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        hideOverlap: true,\n        showMinLabel: true,\n        showMaxLabel: true,\n        ...(xFormatter && { formatter: xFormatter }),\n      },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        hideOverlap: true,\n        showMinLabel: true,\n        showMaxLabel: true,\n        ...(yFormatter && { formatter: yFormatter }),\n      },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n    },\n  } as ScatterplotEChartsOption\n}\n\n/**\n * Returns the scatterplot widget's {@link OptionFactory} — one closure\n * that owns BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link scatterplotOptions}, optionally merging\n *     the consumer-supplied `optionsOverride`. Called once by Provider to\n *     seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`ScatterplotWidgetData`) into the option via the dataset API. Each\n *     series's `[x, y]` tuples land in `dataset[i].source` as 2-column\n *     rows; the series uses positional encoding (`encode: { x: 0, y: 1 }`)\n *     and `type: 'scatter'`. niceMin/niceMax are computed over both axes\n *     so the chart frames data on rounded extents and numeric jitters\n *     don't shift gridlines per render. Reactive `ctx.formatter` (driven\n *     by RelativeData) re-derives the y-axis label and tooltip at fusion\n *     time; `xFormatter` stays baked at structural-build time (relative\n *     is a values-axis concept; x is coordinate-space).\n *\n * When `ZoomToggle` installs a `dataZoom` slider, grid bottom is\n * extended and the slider is positioned above the legend row (if any) —\n * same layout dance bar / histogram / timeseries do.\n */\nexport function createScatterplotOptionFactory(\n  options: ScatterplotOptionFactoryInput,\n): OptionFactory {\n  const { theme, xFormatter, yFormatter, optionsOverride } = options\n  const series = options.series\n  const symbolSize = options.symbolSize ?? 8\n  const selection = options.selection\n  const selectionSet =\n    selection && selection.length > 0 ? new Set<string>(selection) : null\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = scatterplotOptions({ theme, xFormatter, yFormatter })\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)\n      ? (data as ScatterplotWidgetData<ScatterplotItem>)\n      : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\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 baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseXAxis =\n      typeof option.xAxis === 'object' && !Array.isArray(option.xAxis)\n        ? option.xAxis\n        : {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n\n    const reactiveFormatter = ctx?.formatter\n\n    const { niceMinX, niceMaxX, niceMinY, niceMaxY } = computeScatterBounds(\n      seriesArr,\n      // A config transform (RelativeData's `'total'` scale) may pin the\n      // y ends; each applies only on the side the data reaches.\n      fixedAxisBounds(baseYAxis),\n    )\n\n    // Dim non-selected points via `series.itemStyle.color`. The selection\n    // key is `${seriesIndex}:${dataIndex}`; we read those off the params\n    // ECharts hands to the callback per-data.\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and items would stay dimmed forever after an external clear.\n    // Keeping the key always-present means a plain setOption merge swaps\n    // the callback in place, no `replaceMerge` and no entry-animation\n    // flash on selection on/off.\n    //\n    // The base colour is the point's own `color` (object points), else the\n    // template's `itemStyle.color`, else the series colour / palette.\n    const seriesTemplates = Array.isArray(option.series) ? option.series : []\n    const makeDimColor = (seriesIdx: number, datums: readonly unknown[]) => {\n      const baseColor = createItemColorResolver({\n        theme,\n        datums,\n        template: seriesTemplates[seriesIdx] ?? seriesTemplates[0],\n        fallback: (params) => params.color as string,\n      })\n      return (params: CallbackDataParams) => {\n        const base = baseColor(params)\n        if (!selectionSet) return base\n        const key = `${seriesIdx}:${params.dataIndex}`\n        return selectionSet.has(key)\n          ? base\n          : echarts.color.modifyAlpha(base, 0.15)\n      }\n    }\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`,\n    // reserve grid space and lift any x-slider above the legend (if\n    // present). Scatter supports 2D zoom via `axes: ['x', 'y']` — in\n    // that case there's also a vertical y-slider on the right edge, so\n    // we reserve `grid.right` separately. Inside-only dataZoom entries\n    // (no `type: 'slider'`) take no grid space.\n    const dataZoomLayout = layoutDataZoomForScatter(option.dataZoom, hasLegend)\n    const hasXSlider = dataZoomLayout?.hasXSlider ?? false\n    const hasYSlider = dataZoomLayout?.hasYSlider ?? false\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = hasXSlider\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n    const fallbackRight =\n      typeof baseGrid.right === 'number' ? baseGrid.right : 8\n    const gridRight = hasYSlider\n      ? fallbackRight + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : fallbackRight\n\n    return {\n      ...option,\n      // ECharts dataset.source wants a mutable [number, number][] shape; we\n      // hold readonly tuples internally, so cast at the boundary. Object\n      // points are flattened to `[x, y]` so the positional encode and the\n      // tooltip keep reading tuples.\n      dataset: seriesArr.map((s) => ({\n        source: (s.every(Array.isArray)\n          ? s\n          : s.map(getScatterplotXY)) as unknown as number[][],\n      })),\n      series: seriesArr.map((s, i) => {\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          type: 'scatter' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 0, y: 1 },\n          symbolSize,\n          emphasis: { focus: 'series' },\n          itemStyle: { color: makeDimColor(i, s) },\n          ...(overrideColor ? { color: overrideColor } : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: { ...baseGrid, bottom: gridBottom, right: gridRight },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout.entries } : {}),\n      xAxis: {\n        ...baseXAxis,\n        min: niceMinX,\n        max: niceMaxX,\n      } as EChartsOption['xAxis'],\n      yAxis: {\n        ...baseYAxis,\n        min: niceMinY,\n        max: niceMaxY,\n        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          // Re-derive the y-axis formatter at fusion time so RelativeData's\n          // percent formatter (written to `state.formatter`) flows through\n          // without rebuilding the structural option. Falls back to the\n          // structural `yFormatter` already baked in `baseYAxis.axisLabel`\n          // (which `String(value)` if neither is set).\n          ...(reactiveFormatter ? { formatter: reactiveFormatter } : {}),\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        // Rebuild the tooltip formatter so the live y-axis formatter is\n        // applied to the y-coordinate in the (x, y) label. xFormatter is\n        // structural — relative is a values-axis concept, so xFormatter\n        // doesn't change under RelativeData.\n        formatter: buildReactiveScatterTooltipFormatter(\n          (baseTooltip as { formatter?: unknown }).formatter,\n          reactiveFormatter,\n          xFormatter,\n        ),\n      },\n    } as EChartsOption\n  }\n}\n\n/**\n * Lay out the `dataZoom` array for the scatter chart:\n *   - Detect whether any horizontal (x-axis) slider is present — if so\n *     lift it above the legend row when a legend is shown.\n *   - Detect whether any vertical (y-axis) slider is present — the\n *     caller reserves `grid.right` so the slider doesn't overlap the\n *     plot area.\n *\n * Returns `null` when there's no `dataZoom` so callers can skip the\n * layout adjustment entirely. An entry is considered an \"x-slider\" if\n * it has `xAxisIndex` set (or no axis index — defaults to x in ECharts).\n * A \"y-slider\" has `yAxisIndex` set.\n */\nfunction layoutDataZoomForScatter(\n  dataZoom: unknown,\n  hasLegend: boolean,\n): { entries: unknown[]; hasXSlider: boolean; hasYSlider: boolean } | null {\n  if (!Array.isArray(dataZoom) || dataZoom.length === 0) return null\n  let hasXSlider = false\n  let hasYSlider = false\n  const entries = dataZoom.map((entry: unknown) => {\n    if (entry == null || typeof entry !== 'object') return entry\n    const dz = entry as {\n      type?: string\n      xAxisIndex?: unknown\n      yAxisIndex?: unknown\n      bottom?: number\n    }\n    if (dz.type !== 'slider') return dz\n    const targetsY = dz.yAxisIndex !== undefined\n    if (targetsY) {\n      hasYSlider = true\n      return dz\n    }\n    // Either explicit x or defaulted (ECharts defaults sliders to xAxis\n    // when no axis index is provided).\n    hasXSlider = true\n    if (hasLegend) {\n      return { ...dz, bottom: ZOOM_LAYOUT.sliderBottomWithLegend }\n    }\n    return dz\n  })\n  return { entries, hasXSlider, hasYSlider }\n}\n\n/**\n * If a reactive (store-driven) y formatter is provided, re-build the\n * scatter tooltip formatter using it. Otherwise, return the structural\n * formatter unchanged so the original `xFormatter` / `yFormatter`\n * baked into `scatterplotOptions` still applies. The structural\n * formatter has stable identity per `scatterplotOptions` call, so this\n * path doesn't churn ECharts on every render.\n */\nfunction buildReactiveScatterTooltipFormatter(\n  structuralFormatter: unknown,\n  reactiveYFormatter: ((value: number) => string) | undefined,\n  xFormatter: ((value: number) => string) | undefined,\n) {\n  if (!reactiveYFormatter) return structuralFormatter\n  return createTooltipFormatter((item) => {\n    const value = item.value as readonly [number, number] | undefined\n    const x = value?.[0]\n    const y = value?.[1]\n    const formattedX =\n      typeof x === 'number' ? (xFormatter ? xFormatter(x) : String(x)) : ''\n    const formattedY =\n      typeof y === 'number' ? reactiveYFormatter(y) : String(y ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    return {\n      name: `(${formattedX}, ${formattedY})`,\n      seriesName,\n      marker,\n      value: '',\n    }\n  })\n}\n\nfunction buildScatterTooltipFormatter(\n  xFormatter: ((value: number) => string) | undefined,\n  yFormatter: ((value: number) => string) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const value = item.value as readonly [number, number] | undefined\n    const x = value?.[0]\n    const y = value?.[1]\n    const formattedX =\n      typeof x === 'number' ? (xFormatter ? xFormatter(x) : String(x)) : ''\n    const formattedY =\n      typeof y === 'number' ? (yFormatter ? yFormatter(y) : String(y)) : ''\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    return {\n      name: `(${formattedX}, ${formattedY})`,\n      seriesName,\n      marker,\n      value: '',\n    }\n  })\n}\n\nfunction computeScatterBounds(\n  seriesArr: ScatterplotWidgetData<ScatterplotItem>,\n  fixedY: { min?: number; max?: number } = {},\n): {\n  niceMinX: number\n  niceMaxX: number\n  niceMinY: number\n  niceMaxY: number\n} {\n  let minX = Infinity\n  let maxX = -Infinity\n  let minY = Infinity\n  let maxY = -Infinity\n  for (const series of seriesArr) {\n    for (const point of series) {\n      if (point == null) continue\n      const [x, y] = getScatterplotXY(point)\n      if (typeof x === 'number' && Number.isFinite(x)) {\n        if (x < minX) minX = x\n        if (x > maxX) maxX = x\n      }\n      if (typeof y === 'number' && Number.isFinite(y)) {\n        if (y < minY) minY = y\n        if (y > maxY) maxY = y\n      }\n    }\n  }\n  // Mirror bar's `computeNiceBounds`: clamp min to 0 when data is\n  // non-negative (gridline reads cleanly from zero), apply `niceNum` to\n  // negative mins, and floor max=0 to 1 so the chart always has range.\n  // Scatter can have free coordinates so we apply this per-axis.\n  const niceMaxX = Number.isFinite(maxX) ? (maxX <= 0 ? 1 : niceNum(maxX)) : 1\n  const niceMaxY = Number.isFinite(maxY)\n    ? maxY <= 0\n      ? 1\n      : (fixedY.max ?? niceNum(maxY))\n    : 1\n  const niceMinX = Number.isFinite(minX) ? (minX < 0 ? niceNum(minX) : 0) : 0\n  const niceMinY = Number.isFinite(minY)\n    ? minY < 0\n      ? (fixedY.min ?? niceNum(minY))\n      : 0\n    : 0\n  return { niceMinX, niceMaxX, niceMinY, niceMaxY }\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  grid: {\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\n// `sx` callback that needs runtime args — extracted at module scope so the\n// `styles` object can satisfy `Record<string, SxProps<Theme>>` cleanly\n// (function `sx`-with-args isn't assignable to plain `SxProps<Theme>`).\nconst dotSx = (top: string, left: string, size: number): SxProps<Theme> => ({\n  position: 'absolute',\n  top,\n  left,\n  width: size,\n  height: size,\n  borderRadius: '50%',\n})\n\nexport interface ScatterplotSkeletonProps {\n  /** Number of dots to render. */\n  count?: number\n}\n\n/**\n * Loading state for the Scatterplot widget. Mirrors a scatter chart's\n * silhouette — a deterministic spread of small circular dots in the plot\n * area plus a legend stub — so the skeleton reads as \"a scatter chart\"\n * rather than a generic list. Matches bar/histogram/pie skeleton structure\n * (grid stub + legend stub in a flex column).\n */\nexport function ScatterplotSkeleton({ count = 24 }: ScatterplotSkeletonProps) {\n  // Deterministic pseudo-scatter positions so the skeleton doesn't flicker.\n  const dots = Array.from({ length: count }, (_, i) => {\n    const top = 10 + ((i * 37) % 80)\n    const left = 5 + ((i * 53) % 90)\n    const size = 8 + ((i * 7) % 6)\n    return { top: `${top}%`, left: `${left}%`, size }\n  })\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {dots.map((d, i) => (\n          <Skeleton\n            key={`dot-${i}`}\n            variant='circular'\n            sx={dotSx(d.top, d.left, d.size)}\n          />\n        ))}\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 { getScatterplotXY } from './points'\nimport type { ScatterplotItem, ScatterplotWidgetData } from './types'\n\n/**\n * Download menu items for the Scatterplot widget. Always includes a CSV item\n * with `series, x, y` columns (one row per point). When `getCaptureEl` is\n * given, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createScatterplotDownloadConfig(\n  args: WidgetDownloadArgs<ScatterplotWidgetData<ScatterplotItem>> & {\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', 'x', 'y']]\n        for (const [i, series] of data.entries()) {\n          const seriesName = args.seriesNames?.[i] ?? `series_${i + 1}`\n          for (const point of series) {\n            const [x, y] = getScatterplotXY(point)\n            rows.push([seriesName, x, y])\n          }\n        }\n        return rows\n      },\n    }),\n  )\n}\n","import {\n  getScatterplotXY,\n  isScatterplotDatum,\n  withScatterplotXY,\n} from './points'\nimport type { ScatterplotItem } from './types'\n\n/**\n * Scatterplot-specific `RelativeData` transform. Scatter data is\n * `ScatterplotItem[][]` — each series is a list of `[x, y]` tuples or\n * `{ x, y, color? }` points (whose shape is kept).\n * Relative is a values-axis concept, so this rewrites `y` to its\n * share of the series's total `y` (0–100) and leaves `x` raw — x is\n * coordinate space, not part of the cohort total.\n *\n * Pass to `<Widget.RelativeData transform={toRelativeScatterplotData} />`.\n *\n * The denominator is the sum of |y| across the series so mixed-sign\n * y values produce sane signed shares-of-magnitude. A series whose\n * total y-magnitude is zero (all-zero or empty input) is returned\n * unchanged so a stalled or empty data set doesn't show misleading 0%\n * values. Inputs whose shape isn't `ScatterplotItem[]` fall through\n * untouched.\n */\nexport const toRelativeScatterplotData = (input: unknown): unknown => {\n  if (!Array.isArray(input)) return input\n  return input.map((series: unknown): unknown => {\n    if (!isPointArray(series)) return series\n    const total = series.reduce(\n      (acc, p) => acc + Math.abs(getScatterplotXY(p)[1]),\n      0,\n    )\n    if (total <= 0) return series\n    return series.map((p) => {\n      const [x, y] = getScatterplotXY(p)\n      return withScatterplotXY(p, x, (y / total) * 100)\n    })\n  })\n}\n\nfunction isPointArray(v: unknown): v is ScatterplotItem[] {\n  return Array.isArray(v) && v.every(isScatterplotDatum)\n}\n\n/**\n * `LockSelection` filter for Scatterplot. Data is `ScatterplotItem[][]` —\n * points have no `name`, so selection (and locking) is keyed on a synthetic\n * `${seriesIndex}:${dataIndex}` string (same format `useChartSelection`'s\n * `keyFromClick`/`keysFromBrush` produce for this widget). Unlike Histogram,\n * a point's position carries no external meaning (no `ticks` to desync from),\n * so non-locked points are removed outright rather than zeroed.\n */\nexport function filterScatterplotByLockedPoints(\n  input: unknown,\n  lockedItems: readonly (string | number)[],\n): unknown {\n  if (lockedItems.length === 0) return input\n  if (!Array.isArray(input)) return input\n  const locked = new Set<string>(lockedItems.map(String))\n  return input.map((series: unknown, seriesIndex: number): unknown => {\n    if (!isPointArray(series)) return series\n    return series.filter((_, dataIndex) =>\n      locked.has(`${seriesIndex}:${dataIndex}`),\n    )\n  })\n}\n"],"mappings":"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"}

package/dist/widgets/timeseries.js

@@ -1,20 +1,21 @@
 import { r as e } from "../zoom-toggle-MmLjMTEw.js";
-import { n as t, t as n } from "../download-B4sykOFm.js";
-import { n as r, r as i, t as a } from "../utils-C-eWwOhE.js";
-import { a as o, n as s, o as c, r as l, s as u, t as d } from "../option-builders-DQivvvbb.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";
+import { n as t } from "../scale-Bhx8HKEB.js";
+import { n, t as r } from "../download-B4sykOFm.js";
+import { n as i, r as a, t as o } from "../utils-C-eWwOhE.js";
+import { c as s, i as c, n as l, o as u, r as d, s as f, t as p } from "../item-color-B7xkIpDZ.js";
+import { c as m } from "react/compiler-runtime";
+import { Box as h, Skeleton as g } from "@mui/material";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import * as y from "echarts";
 //#region src/widgets/timeseries/options.ts
-function v({ theme: e, formatter: t, labelFormatter: n }) {
+function b({ theme: e, formatter: t, labelFormatter: n }) {
 	let r = 0, i = 1;
 	return {
 		grid: {
 			left: parseInt(e.spacing(1)),
 			top: parseInt(e.spacing(3)),
 			right: parseInt(e.spacing(1)),
-			...s(!1, e),
+			...d(!1, e),
 			containLabel: !0
 		},
 		tooltip: {
@@ -28,10 +29,10 @@ function v({ theme: e, formatter: t, labelFormatter: n }) {
 				fontFamily: e.typography.caption.fontFamily
 			},
 			axisPointer: { type: "line" },
-			position: c(e),
-			formatter: b(t, n)
+			position: f(e),
+			formatter: S(t, n)
 		},
-		legend: { ...l({ hasLegend: !1 }) },
+		legend: { ...c({ hasLegend: !1 }) },
 		axisPointer: { lineStyle: { color: e.palette.grey[400] } },
 		color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
 		xAxis: {
@@ -39,7 +40,7 @@ function v({ theme: e, formatter: t, labelFormatter: n }) {
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			axisLabel: {
-				...d(e),
+				...l(e),
 				padding: [
 					parseInt(e.spacing(.5)),
 					0,
@@ -53,8 +54,8 @@ function v({ theme: e, formatter: t, labelFormatter: n }) {
 		},
 		yAxis: {
 			type: "value",
-			min: (e) => (r = e.min < 0 ? u(e.min) : 0, r),
-			max: (e) => (i = e.max <= 0 ? 1 : u(e.max), i),
+			min: (e) => (r = e.min < 0 ? s(e.min) : 0, r),
+			max: (e) => (i = e.max <= 0 ? 1 : s(e.max), i),
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			splitLine: {
@@ -62,7 +63,7 @@ function v({ theme: e, formatter: t, labelFormatter: n }) {
 				lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
 			},
 			axisLabel: {
-				...d(e),
+				...l(e),
 				margin: parseInt(e.spacing(1)),
 				show: !0,
 				showMaxLabel: !0,
@@ -74,46 +75,54 @@ function v({ theme: e, formatter: t, labelFormatter: n }) {
 		}
 	};
 }
-function y(t) {
-	let { theme: n, formatter: o, labelFormatter: s, optionsOverride: c } = t, l = t.series, d = t.smooth ?? !0, f = t.area ?? !1, p = t.selection, m = p && p.length > 0 ? new Set(p) : null, h = (e) => e instanceof Date ? e.getTime() : e;
-	return (t, p, g) => {
-		if (t == null) {
-			let e = v({
-				theme: n,
-				formatter: o,
-				labelFormatter: s
+function x(n) {
+	let { theme: r, formatter: c, labelFormatter: l, optionsOverride: u } = n, d = n.series, f = n.smooth ?? !0, m = n.area ?? !1, h = n.selection, g = h && h.length > 0 ? new Set(h) : null, _ = (e) => e instanceof Date ? e.getTime() : e;
+	return (n, h, v) => {
+		if (n == null) {
+			let e = b({
+				theme: r,
+				formatter: c,
+				labelFormatter: l
 			});
-			return c ? i(e, c) : e;
+			return u ? a(e, u) : e;
 		}
-		let y = Array.isArray(p) ? p : [];
-		if (y.length === 0) return {
-			...t,
+		let x = Array.isArray(h) ? h : [];
+		if (x.length === 0) return {
+			...n,
 			dataset: [],
 			series: []
 		};
-		let x = y.length > 1, S = Array.isArray(t.series) ? t.series : [], C = S[0] ?? {}, w = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, T = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, E = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, D = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, O = g?.formatter, k = 0, A = 1, j = r(t.dataZoom, x), M = typeof T.bottom == "number" ? T.bottom : 24, N = x ? 56 : M, P = j ? N + e.sliderHeight + e.sliderGap : N, F = { color: (e) => {
-			let t = e.value?.name, n = e.color;
-			return !m || t == null || m.has(h(t)) ? n : _.color.modifyAlpha(n, .15);
-		} };
+		let C = x.length > 1, w = Array.isArray(n.series) ? n.series : [], T = w[0] ?? {}, E = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, D = t(E), O = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, k = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, A = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, j = v?.formatter, M = 0, N = 1, P = i(n.dataZoom, C), F = typeof O.bottom == "number" ? O.bottom : 24, I = C ? 56 : F, L = P ? I + e.sliderHeight + e.sliderGap : I, R = (e, t) => {
+			let n = p({
+				theme: r,
+				datums: e,
+				template: t,
+				fallback: (e) => e.color
+			});
+			return { color: (e) => {
+				let t = e.value?.name, r = n(e);
+				return !g || t == null || g.has(_(t)) ? r : y.color.modifyAlpha(r, .15);
+			} };
+		}, z = x.some((e) => e.some((e) => typeof e?.color == "string" && e.color !== ""));
 		return {
-			...t,
-			dataset: y.map((e) => ({ source: e })),
-			series: y.map((e, t) => {
-				let r = S[t] ?? C, i = a(n, l?.[t]?.color);
+			...n,
+			dataset: x.map((e) => ({ source: e })),
+			series: x.map((e, t) => {
+				let n = w[t] ?? T, i = o(r, d?.[t]?.color);
 				return {
-					...typeof r == "object" ? r : {},
+					...typeof n == "object" ? n : {},
 					type: "line",
 					datasetIndex: t,
-					name: l?.[t]?.name ?? `Series ${t + 1}`,
+					name: d?.[t]?.name ?? `Series ${t + 1}`,
 					encode: {
 						x: "name",
 						y: "value"
 					},
-					smooth: d,
-					showSymbol: m != null,
-					...f ? { areaStyle: {} } : {},
+					smooth: f,
+					showSymbol: g != null || z,
+					...m ? { areaStyle: {} } : {},
 					emphasis: { focus: "series" },
-					itemStyle: F,
+					itemStyle: R(e, n),
 					...i ? {
 						color: i,
 						lineStyle: { color: i }
@@ -121,32 +130,32 @@ function y(t) {
 				};
 			}),
 			legend: {
-				...D,
-				show: x
+				...A,
+				show: C
 			},
 			grid: {
-				...T,
-				bottom: P
+				...O,
+				bottom: L
 			},
-			...j ? { dataZoom: j } : {},
+			...P ? { dataZoom: P } : {},
 			yAxis: {
-				...w,
-				min: (e) => (k = e.min < 0 ? u(e.min) : 0, k),
-				max: (e) => (A = e.max <= 0 ? 1 : u(e.max), A),
+				...E,
+				min: (e) => (M = e.min < 0 ? D.min ?? s(e.min) : 0, M),
+				max: (e) => (N = e.max <= 0 ? 1 : D.max ?? s(e.max), N),
 				axisLabel: {
-					...w.axisLabel ?? {},
-					formatter: (e) => e !== A && e !== k || e === 0 ? "" : O ? O(e) : String(e)
+					...E.axisLabel ?? {},
+					formatter: (e) => e !== N && e !== M || e === 0 ? "" : j ? j(e) : String(e)
 				}
 			},
 			tooltip: {
-				...E,
-				formatter: b(O, s)
+				...k,
+				formatter: S(j, l)
 			}
 		};
 	};
 }
-function b(e, t) {
-	return o((n) => {
+function S(e, t) {
+	return u((n) => {
 		let r = n.value, i = r?.value, a = typeof i == "number" && e ? e(i) : i ?? "", o = typeof n.marker == "string" ? n.marker : "", s = n.seriesName ? `${n.seriesName}: ` : "", c = r?.name ?? n.name, l = t && c != null ? t(c instanceof Date ? c : new Date(c)) : c ?? "";
 		return {
 			name: String(l),
@@ -158,7 +167,7 @@ function b(e, t) {
 }
 //#endregion
 //#region src/widgets/timeseries/skeleton.tsx
-var x = {
+var C = {
 	container: {
 		display: "flex",
 		flexDirection: "column",
@@ -204,42 +213,42 @@ var x = {
 		gap: ({ spacing: e }) => e(1.5)
 	}
 };
-function S() {
-	let e = f(2), t;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ g(p, {
-		sx: x.graph,
+function w() {
+	let e = m(2), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ v(h, {
+		sx: C.graph,
 		children: [
-			/* @__PURE__ */ h(m, {
+			/* @__PURE__ */ _(g, {
 				variant: "rectangular",
-				sx: x.segmentA
+				sx: C.segmentA
 			}),
-			/* @__PURE__ */ h(m, {
+			/* @__PURE__ */ _(g, {
 				variant: "rectangular",
-				sx: x.segmentB
+				sx: C.segmentB
 			}),
-			/* @__PURE__ */ h(m, {
+			/* @__PURE__ */ _(g, {
 				variant: "rectangular",
-				sx: x.segmentC
+				sx: C.segmentC
 			})
 		]
 	}), e[0] = t) : t = e[0];
 	let n;
-	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ g(p, {
-		sx: x.container,
-		children: [t, /* @__PURE__ */ h(p, {
-			sx: x.legend,
-			children: [0, 1].map(C)
+	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ v(h, {
+		sx: C.container,
+		children: [t, /* @__PURE__ */ _(h, {
+			sx: C.legend,
+			children: [0, 1].map(T)
 		})]
 	}), e[1] = n) : n = e[1], n;
 }
-function C(e) {
-	return /* @__PURE__ */ g(p, {
-		sx: x.legendItem,
-		children: [/* @__PURE__ */ h(m, {
+function T(e) {
+	return /* @__PURE__ */ v(h, {
+		sx: C.legendItem,
+		children: [/* @__PURE__ */ _(g, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ h(m, {
+		}), /* @__PURE__ */ _(g, {
 			width: 48,
 			height: 8
 		})]
@@ -247,8 +256,8 @@ function C(e) {
 }
 //#endregion
 //#region src/widgets/timeseries/download.ts
-function w(e) {
-	return n(e, t({
+function E(e) {
+	return r(e, n({
 		filename: e.filename,
 		getRows: (t) => {
 			let n = e.getData(t), r = n.length, i = [], a = /* @__PURE__ */ new Set();
@@ -260,7 +269,7 @@ function w(e) {
 			for (let t = 0; t < r; t++) s.push(e.seriesNames?.[t] ?? `series_${t + 1}`);
 			let c = [s];
 			for (let e of i) {
-				let t = [T(e)], n = String(e);
+				let t = [D(e)], n = String(e);
 				for (let e of o) t.push(e.get(n) ?? "");
 				c.push(t);
 			}
@@ -268,12 +277,12 @@ function w(e) {
 		}
 	}));
 }
-function T(e) {
+function D(e) {
 	return e instanceof Date ? e.toISOString() : typeof e == "number" ? new Date(e).toISOString() : e;
 }
 //#endregion
 //#region src/widgets/timeseries/transforms.ts
-function E(e, t) {
+function O(e, t) {
 	if (t.length === 0 || !Array.isArray(e)) return e;
 	let n = new Set(t);
 	return e.map((e) => Array.isArray(e) ? e.filter((e) => {
@@ -283,6 +292,6 @@ function E(e, t) {
 	}) : e);
 }
 //#endregion
-export { S as TimeseriesSkeleton, w as createTimeseriesDownloadConfig, y as createTimeseriesOptionFactory, E as filterTimeseriesByLockedItems, v as timeseriesOptions };
+export { w as TimeseriesSkeleton, E as createTimeseriesDownloadConfig, x as createTimeseriesOptionFactory, O as filterTimeseriesByLockedItems, b as timeseriesOptions };
 
 //# sourceMappingURL=timeseries.js.map