@carto/ps-react-ui 4.4.0-chat-ui.5 → 4.4.0-chat-ui.7

package/dist/widgets-v2/scatterplot.js

@@ -0,0 +1,412 @@
+import * as E from "echarts";
+import { d as H, g as V, c as W, n as S, f as F } from "../option-builders-F-c9ELi1.js";
+import { jsx as x, jsxs as M } from "react/jsx-runtime";
+import { c as q } from "react/compiler-runtime";
+import { Skeleton as I, Box as A } from "@mui/material";
+import "../widget-store-Bw5zRUGg.js";
+import "zustand/shallow";
+import "@mui/icons-material";
+import "react";
+import "html2canvas";
+import "../lasso-tool-BYbxrJ-7.js";
+import "../cjs-D4KH3azB.js";
+import "@carto/ps-utils";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "react-dom";
+import "@mui/icons-material/ZoomIn";
+import "../widget-context-DTGO0Yta.js";
+import "zustand";
+import "zustand/vanilla";
+import "zustand/middleware";
+import "zustand/react/shallow";
+import { Z as b } from "../transforms-Cdx4fkU5.js";
+import { m as U, r as J } from "../resolve-theme-color-BdojIw0K.js";
+import "@mui/icons-material/FileDownload";
+import { a as K } from "../exports-Cx-f6m6U.js";
+import "@mui/icons-material/ImageOutlined";
+import { b as Q } from "../png-item-CS4z1iSH.js";
+function ee({
+  theme: e,
+  xFormatter: t,
+  yFormatter: r
+}) {
+  return {
+    grid: {
+      left: parseInt(e.spacing(1)),
+      top: parseInt(e.spacing(3)),
+      right: parseInt(e.spacing(1)),
+      // Default: no legend. Merger bumps `bottom` when there are >1 series.
+      ...W(!1, e),
+      containLabel: !0
+    },
+    tooltip: {
+      // Per-point trigger — different from Bar's 'axis' trigger because
+      // points don't share an x-coordinate.
+      trigger: "item",
+      backgroundColor: e.palette.grey[900],
+      borderWidth: 0,
+      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+      textStyle: {
+        color: e.palette.common.white,
+        fontSize: 11,
+        fontFamily: e.typography.caption.fontFamily
+      },
+      position: V(e),
+      formatter: oe(t, r)
+    },
+    // Legend styling baked here; `show` is toggled by the merger based on
+    // series count.
+    legend: {
+      ...H({
+        hasLegend: !1,
+        labelFormatter: void 0
+      })
+    },
+    axisPointer: {
+      lineStyle: {
+        color: e.palette.grey[400]
+      }
+    },
+    color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
+    xAxis: {
+      type: "value",
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      axisLabel: {
+        fontSize: e.typography.overlineDelicate?.fontSize,
+        fontFamily: e.typography.overlineDelicate?.fontFamily,
+        color: e.palette.black?.[60],
+        margin: parseInt(e.spacing(1)),
+        hideOverlap: !0,
+        showMinLabel: !0,
+        showMaxLabel: !0,
+        ...t && {
+          formatter: t
+        }
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: e.palette.black?.[4] ?? e.palette.divider
+        }
+      }
+    },
+    yAxis: {
+      type: "value",
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      axisLabel: {
+        fontSize: e.typography.overlineDelicate?.fontSize,
+        fontFamily: e.typography.overlineDelicate?.fontFamily,
+        color: e.palette.black?.[60],
+        margin: parseInt(e.spacing(1)),
+        hideOverlap: !0,
+        showMinLabel: !0,
+        showMaxLabel: !0,
+        ...r && {
+          formatter: r
+        }
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: e.palette.black?.[4] ?? e.palette.divider
+        }
+      }
+    }
+  };
+}
+function ze(e) {
+  const {
+    theme: t,
+    xFormatter: r,
+    yFormatter: i,
+    optionsOverride: n
+  } = e, s = e.series, a = e.symbolSize ?? 8, l = e.selection, c = l && l.length > 0 ? new Set(l) : null;
+  return (o, u, p) => {
+    if (o == null) {
+      const d = ee({
+        theme: t,
+        xFormatter: r,
+        yFormatter: i
+      });
+      return n ? U(d, n) : d;
+    }
+    const f = Array.isArray(u) ? u : [];
+    if (f.length === 0)
+      return {
+        ...o,
+        dataset: [],
+        series: []
+      };
+    const k = f.length > 1, Y = typeof o.legend == "object" && !Array.isArray(o.legend) ? o.legend : {}, g = typeof o.grid == "object" && !Array.isArray(o.grid) ? o.grid : {}, L = typeof o.tooltip == "object" && !Array.isArray(o.tooltip) ? o.tooltip : {}, T = typeof o.xAxis == "object" && !Array.isArray(o.xAxis) ? o.xAxis : {}, N = typeof o.yAxis == "object" && !Array.isArray(o.yAxis) ? o.yAxis : {}, w = p?.formatter, {
+      niceMinX: X,
+      niceMaxX: D,
+      niceMinY: j,
+      niceMaxY: O
+    } = ie(f), z = (d) => (m) => {
+      const y = m.color;
+      if (!c) return y;
+      const Z = `${d}:${m.dataIndex}`;
+      return c.has(Z) ? y : E.color.modifyAlpha(y, 0.15);
+    }, h = te(o.dataZoom, k), _ = h?.hasXSlider ?? !1, B = h?.hasYSlider ?? !1, R = typeof g.bottom == "number" ? g.bottom : 24, $ = k ? 56 : R, P = _ ? $ + b.sliderHeight + b.sliderGap : $, C = typeof g.right == "number" ? g.right : 8, G = B ? C + b.sliderHeight + b.sliderGap : C;
+    return {
+      ...o,
+      // ECharts dataset.source wants a mutable [number, number][] shape; we
+      // hold readonly tuples internally, so cast at the boundary.
+      dataset: f.map((d) => ({
+        source: d
+      })),
+      series: f.map((d, m) => {
+        const y = J(t, s?.[m]?.color);
+        return {
+          type: "scatter",
+          datasetIndex: m,
+          name: s?.[m]?.name ?? `Series ${m + 1}`,
+          encode: {
+            x: 0,
+            y: 1
+          },
+          symbolSize: a,
+          emphasis: {
+            focus: "series"
+          },
+          itemStyle: {
+            color: z(m)
+          },
+          ...y ? {
+            color: y
+          } : {}
+        };
+      }),
+      legend: {
+        ...Y,
+        show: k
+      },
+      grid: {
+        ...g,
+        bottom: P,
+        right: G
+      },
+      ...h ? {
+        dataZoom: h.entries
+      } : {},
+      xAxis: {
+        ...T,
+        min: X,
+        max: D
+      },
+      yAxis: {
+        ...N,
+        min: j,
+        max: O,
+        axisLabel: {
+          ...N.axisLabel ?? {},
+          // Re-derive the y-axis formatter at fusion time so RelativeData's
+          // percent formatter (written to `state.formatter`) flows through
+          // without rebuilding the structural option. Falls back to the
+          // structural `yFormatter` already baked in `baseYAxis.axisLabel`
+          // (which `String(value)` if neither is set).
+          ...w ? {
+            formatter: w
+          } : {}
+        }
+      },
+      tooltip: {
+        ...L,
+        // Rebuild the tooltip formatter so the live y-axis formatter is
+        // applied to the y-coordinate in the (x, y) label. xFormatter is
+        // structural — relative is a values-axis concept, so xFormatter
+        // doesn't change under RelativeData.
+        formatter: re(L.formatter, w, r)
+      }
+    };
+  };
+}
+function te(e, t) {
+  if (!Array.isArray(e) || e.length === 0) return null;
+  let r = !1, i = !1;
+  return {
+    entries: e.map((s) => {
+      if (s == null || typeof s != "object") return s;
+      const a = s;
+      return a.type !== "slider" ? a : a.yAxisIndex !== void 0 ? (i = !0, a) : (r = !0, t ? {
+        ...a,
+        bottom: b.sliderBottomWithLegend
+      } : a);
+    }),
+    hasXSlider: r,
+    hasYSlider: i
+  };
+}
+function re(e, t, r) {
+  return t ? F((i) => {
+    const n = i.value, s = n?.[0], a = n?.[1], l = typeof s == "number" ? r ? r(s) : String(s) : "", c = typeof a == "number" ? t(a) : String(a ?? ""), o = typeof i.marker == "string" ? i.marker : "", u = i.seriesName ? `${i.seriesName}: ` : "";
+    return {
+      name: `(${l}, ${c})`,
+      seriesName: u,
+      marker: o,
+      value: ""
+    };
+  }) : e;
+}
+function oe(e, t) {
+  return F((r) => {
+    const i = r.value, n = i?.[0], s = i?.[1], a = typeof n == "number" ? e ? e(n) : String(n) : "", l = typeof s == "number" ? t ? t(s) : String(s) : "", c = typeof r.marker == "string" ? r.marker : "", o = r.seriesName ? `${r.seriesName}: ` : "";
+    return {
+      name: `(${a}, ${l})`,
+      seriesName: o,
+      marker: c,
+      value: ""
+    };
+  });
+}
+function ie(e) {
+  let t = 1 / 0, r = -1 / 0, i = 1 / 0, n = -1 / 0;
+  for (const o of e)
+    for (const u of o) {
+      const p = u?.[0], f = u?.[1];
+      typeof p == "number" && Number.isFinite(p) && (p < t && (t = p), p > r && (r = p)), typeof f == "number" && Number.isFinite(f) && (f < i && (i = f), f > n && (n = f));
+    }
+  const s = Number.isFinite(r) ? r <= 0 ? 1 : S(r) : 1, a = Number.isFinite(n) ? n <= 0 ? 1 : S(n) : 1, l = Number.isFinite(t) && t < 0 ? S(t) : 0, c = Number.isFinite(i) && i < 0 ? S(i) : 0;
+  return {
+    niceMinX: l,
+    niceMaxX: s,
+    niceMinY: c,
+    niceMaxY: a
+  };
+}
+const v = {
+  container: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    flexDirection: "column",
+    gap: ({
+      spacing: e
+    }) => e(1),
+    height: ({
+      spacing: e
+    }) => e(38)
+  },
+  grid: {
+    position: "relative",
+    flex: "1 1 auto",
+    width: "100%"
+  },
+  legend: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: e
+    }) => e(2),
+    height: ({
+      spacing: e
+    }) => e(5)
+  },
+  legendItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: e
+    }) => e(1.5)
+  }
+}, ne = (e, t, r) => ({
+  position: "absolute",
+  top: e,
+  left: t,
+  width: r,
+  height: r,
+  borderRadius: "50%"
+});
+function _e(e) {
+  const t = q(15), {
+    count: r
+  } = e, i = r === void 0 ? 24 : r;
+  let n, s, a, l, c;
+  if (t[0] !== i) {
+    const f = Array.from({
+      length: i
+    }, le);
+    s = A, c = v.container, n = A, a = v.grid, l = f.map(ae), t[0] = i, t[1] = n, t[2] = s, t[3] = a, t[4] = l, t[5] = c;
+  } else
+    n = t[1], s = t[2], a = t[3], l = t[4], c = t[5];
+  let o;
+  t[6] !== n || t[7] !== a || t[8] !== l ? (o = /* @__PURE__ */ x(n, { sx: a, children: l }), t[6] = n, t[7] = a, t[8] = l, t[9] = o) : o = t[9];
+  let u;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ x(A, { sx: v.legend, children: [0, 1].map(se) }), t[10] = u) : u = t[10];
+  let p;
+  return t[11] !== s || t[12] !== c || t[13] !== o ? (p = /* @__PURE__ */ M(s, { sx: c, children: [
+    o,
+    u
+  ] }), t[11] = s, t[12] = c, t[13] = o, t[14] = p) : p = t[14], p;
+}
+function se(e) {
+  return /* @__PURE__ */ M(A, { sx: v.legendItem, children: [
+    /* @__PURE__ */ x(I, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ x(I, { width: 48, height: 8 })
+  ] }, `legend-${e}`);
+}
+function ae(e, t) {
+  return /* @__PURE__ */ x(I, { variant: "circular", sx: ne(e.top, e.left, e.size) }, `dot-${t}`);
+}
+function le(e, t) {
+  const r = 10 + t * 37 % 80, i = 5 + t * 53 % 90, n = 8 + t * 7 % 6;
+  return {
+    top: `${r}%`,
+    left: `${i}%`,
+    size: n
+  };
+}
+function Be(e) {
+  const t = [];
+  return e.getCaptureEl && t.push(Q({
+    filename: e.filename,
+    getCaptureEl: e.getCaptureEl,
+    pixelRatio: e.pngPixelRatio,
+    backgroundColor: e.pngBackgroundColor
+  })), t.push({
+    id: "csv",
+    label: "Download as CSV",
+    resolve: () => {
+      const r = e.getData(), i = [["series", "x", "y"]];
+      for (const [s, a] of r.entries()) {
+        const l = e.seriesNames?.[s] ?? `series_${s + 1}`;
+        for (const [c, o] of a)
+          i.push([l, c, o]);
+      }
+      const n = K(i);
+      return Promise.resolve({
+        url: n.url,
+        filename: `${e.filename}.csv`,
+        revoke: n.revoke
+      });
+    }
+  }), t;
+}
+const Re = (e) => Array.isArray(e) ? e.map((t) => {
+  if (!ce(t)) return t;
+  const r = t.reduce((i, [, n]) => i + Math.abs(n), 0);
+  return r <= 0 ? t : t.map(([i, n]) => [i, n / r * 100]);
+}) : e;
+function ce(e) {
+  return Array.isArray(e) ? e.every((t) => Array.isArray(t) && t.length === 2 && typeof t[0] == "number" && Number.isFinite(t[0]) && typeof t[1] == "number" && Number.isFinite(t[1])) : !1;
+}
+export {
+  _e as ScatterplotSkeleton,
+  Be as createScatterplotDownloadConfig,
+  ze as createScatterplotOptionFactory,
+  ee as scatterplotOptions,
+  Re as toRelativeScatterplotData
+};
+//# sourceMappingURL=scatterplot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scatterplot.js","sources":["../../src/widgets-v2/scatterplot/options.ts","../../src/widgets-v2/scatterplot/skeleton.tsx","../../src/widgets-v2/scatterplot/download.ts","../../src/widgets-v2/scatterplot/transforms.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../../widgets/utils/chart-config'\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        fontSize: theme.typography.overlineDelicate?.fontSize,\n        fontFamily: theme.typography.overlineDelicate?.fontFamily,\n        color: theme.palette.black?.[60],\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        fontSize: theme.typography.overlineDelicate?.fontSize,\n        fontFamily: theme.typography.overlineDelicate?.fontFamily,\n        color: theme.palette.black?.[60],\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  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { ScatterplotWidgetData } from './types'\n\n/**\n * Download menu items for the Scatterplot widget. Always includes a CSV\n * item with `series, x, y` columns (one row per point). When\n * `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createScatterplotDownloadConfig(args: {\n  filename: string\n  getData: () => ScatterplotWidgetData\n  seriesNames?: readonly string[]\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: 'csv',\n    label: 'Download as CSV',\n    resolve: () => {\n      const data = args.getData()\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      const handle = downloadToCSV(rows)\n      return Promise.resolve({\n        url: handle.url,\n        filename: `${args.filename}.csv`,\n        revoke: handle.revoke,\n      })\n    },\n  })\n  return items\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"],"names":["scatterplotOptions","theme","xFormatter","yFormatter","grid","left","parseInt","spacing","top","right","buildGridConfig","containLabel","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","textStyle","color","common","white","fontSize","fontFamily","typography","caption","position","createTooltipPositioner","formatter","buildScatterTooltipFormatter","legend","buildLegendConfig","hasLegend","labelFormatter","undefined","axisPointer","lineStyle","secondary","main","Object","values","qualitative","bold","xAxis","type","axisLine","show","axisTick","axisLabel","overlineDelicate","black","margin","hideOverlap","showMinLabel","showMaxLabel","splitLine","divider","yAxis","createScatterplotOptionFactory","options","optionsOverride","series","symbolSize","selection","selectionSet","length","Set","option","data","ctx","structural","mergeOptions","seriesArr","Array","isArray","dataset","baseLegend","baseGrid","baseTooltip","baseXAxis","baseYAxis","reactiveFormatter","niceMinX","niceMaxX","niceMinY","niceMaxY","computeScatterBounds","makeDimColor","seriesIdx","params","base","key","dataIndex","has","echarts","modifyAlpha","dataZoomLayout","layoutDataZoomForScatter","dataZoom","hasXSlider","hasYSlider","fallbackBottom","bottom","baseBottom","gridBottom","ZOOM_LAYOUT","sliderHeight","sliderGap","fallbackRight","gridRight","map","s","source","_","i","overrideColor","resolveThemeColor","datasetIndex","name","encode","x","y","emphasis","focus","itemStyle","entries","min","max","buildReactiveScatterTooltipFormatter","entry","dz","yAxisIndex","sliderBottomWithLegend","structuralFormatter","reactiveYFormatter","createTooltipFormatter","item","value","formattedX","String","formattedY","marker","seriesName","minX","Infinity","maxX","minY","maxY","point","Number","isFinite","niceNum","styles","container","display","alignItems","justifyContent","flexDirection","gap","height","flex","width","legendItem","dotSx","size","borderRadius","ScatterplotSkeleton","t0","$","_c","count","t1","T0","T1","t2","t3","t4","dots","from","_temp","Box","_temp2","t5","jsx","t6","Symbol","for","_temp3","t7","i_1","jsxs","Skeleton","d","i_0","createScatterplotDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","pngBackgroundColor","id","label","resolve","getData","rows","seriesNames","handle","downloadToCSV","Promise","url","revoke","toRelativeScatterplotData","input","isXyTupleArray","total","reduce","acc","Math","abs","v","every"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,SAASA,GAAmB;AAAA,EACjCC,OAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,YAAAA;AACuB,GAA6B;AACpD,SAAO;AAAA,IACLC,MAAM;AAAA,MACJC,MAAMC,SAASL,EAAMM,QAAQ,CAAC,CAAC;AAAA,MAC/BC,KAAKF,SAASL,EAAMM,QAAQ,CAAC,CAAC;AAAA,MAC9BE,OAAOH,SAASL,EAAMM,QAAQ,CAAC,CAAC;AAAA;AAAA,MAEhC,GAAGG,EAAgB,IAAOT,CAAK;AAAA,MAC/BU,cAAc;AAAA,IAAA;AAAA,IAEhBC,SAAS;AAAA;AAAA;AAAA,MAGPC,SAAS;AAAA,MACTC,iBAAiBb,EAAMc,QAAQC,KAAK,GAAG;AAAA,MACvCC,aAAa;AAAA,MACbC,SAAS,CAACZ,SAASL,EAAMM,QAAQ,CAAC,CAAC,GAAGD,SAASL,EAAMM,QAAQ,CAAC,CAAC,CAAC;AAAA,MAChEY,WAAW;AAAA,QACTC,OAAOnB,EAAMc,QAAQM,OAAOC;AAAAA,QAC5BC,UAAU;AAAA,QACVC,YAAYvB,EAAMwB,WAAWC,QAAQF;AAAAA,MAAAA;AAAAA,MAEvCG,UAAUC,EAAwB3B,CAAK;AAAA,MACvC4B,WAAWC,GAA6B5B,GAAYC,CAAU;AAAA,IAAA;AAAA;AAAA;AAAA,IAIhE4B,QAAQ;AAAA,MACN,GAAGC,EAAkB;AAAA,QAAEC,WAAW;AAAA,QAAOC,gBAAgBC;AAAAA,MAAAA,CAAW;AAAA,IAAA;AAAA,IAEtEC,aAAa;AAAA,MAAEC,WAAW;AAAA,QAAEjB,OAAOnB,EAAMc,QAAQC,KAAK,GAAG;AAAA,MAAA;AAAA,IAAE;AAAA,IAC3DI,OAAO,CACLnB,EAAMc,QAAQuB,UAAUC,MACxB,GAAGC,OAAOC,OACPxC,EAAMc,QACJ2B,aAAaC,QAAQ,CAAA,CAC1B,CAAC;AAAA,IAEHC,OAAO;AAAA,MACLC,MAAM;AAAA,MACNC,UAAU;AAAA,QAAEC,MAAM;AAAA,MAAA;AAAA,MAClBC,UAAU;AAAA,QAAED,MAAM;AAAA,MAAA;AAAA,MAClBE,WAAW;AAAA,QACT1B,UAAUtB,EAAMwB,WAAWyB,kBAAkB3B;AAAAA,QAC7CC,YAAYvB,EAAMwB,WAAWyB,kBAAkB1B;AAAAA,QAC/CJ,OAAOnB,EAAMc,QAAQoC,QAAQ,EAAE;AAAA,QAC/BC,QAAQ9C,SAASL,EAAMM,QAAQ,CAAC,CAAC;AAAA,QACjC8C,aAAa;AAAA,QACbC,cAAc;AAAA,QACdC,cAAc;AAAA,QACd,GAAIrD,KAAc;AAAA,UAAE2B,WAAW3B;AAAAA,QAAAA;AAAAA,MAAW;AAAA,MAE5CsD,WAAW;AAAA,QACTT,MAAM;AAAA,QACNV,WAAW;AAAA,UAAEjB,OAAOnB,EAAMc,QAAQoC,QAAQ,CAAC,KAAKlD,EAAMc,QAAQ0C;AAAAA,QAAAA;AAAAA,MAAQ;AAAA,IACxE;AAAA,IAEFC,OAAO;AAAA,MACLb,MAAM;AAAA,MACNC,UAAU;AAAA,QAAEC,MAAM;AAAA,MAAA;AAAA,MAClBC,UAAU;AAAA,QAAED,MAAM;AAAA,MAAA;AAAA,MAClBE,WAAW;AAAA,QACT1B,UAAUtB,EAAMwB,WAAWyB,kBAAkB3B;AAAAA,QAC7CC,YAAYvB,EAAMwB,WAAWyB,kBAAkB1B;AAAAA,QAC/CJ,OAAOnB,EAAMc,QAAQoC,QAAQ,EAAE;AAAA,QAC/BC,QAAQ9C,SAASL,EAAMM,QAAQ,CAAC,CAAC;AAAA,QACjC8C,aAAa;AAAA,QACbC,cAAc;AAAA,QACdC,cAAc;AAAA,QACd,GAAIpD,KAAc;AAAA,UAAE0B,WAAW1B;AAAAA,QAAAA;AAAAA,MAAW;AAAA,MAE5CqD,WAAW;AAAA,QACTT,MAAM;AAAA,QACNV,WAAW;AAAA,UAAEjB,OAAOnB,EAAMc,QAAQoC,QAAQ,CAAC,KAAKlD,EAAMc,QAAQ0C;AAAAA,QAAAA;AAAAA,MAAQ;AAAA,IACxE;AAAA,EACF;AAEJ;AAyBO,SAASE,GACdC,GACe;AACf,QAAM;AAAA,IAAE3D,OAAAA;AAAAA,IAAOC,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,IAAY0D,iBAAAA;AAAAA,EAAAA,IAAoBD,GACrDE,IAASF,EAAQE,QACjBC,IAAaH,EAAQG,cAAc,GACnCC,IAAYJ,EAAQI,WACpBC,IACJD,KAAaA,EAAUE,SAAS,IAAI,IAAIC,IAAYH,CAAS,IAAI;AACnE,SAAO,CAACI,GAAQC,GAAMC,MAAQ;AAC5B,QAAIF,KAAU,MAAM;AAClB,YAAMG,IAAavE,GAAmB;AAAA,QAAEC,OAAAA;AAAAA,QAAOC,YAAAA;AAAAA,QAAYC,YAAAA;AAAAA,MAAAA,CAAY;AACvE,aAAO0D,IACFW,EACCD,GACAV,CACF,IACAU;AAAAA,IACN;AAEA,UAAME,IAAYC,MAAMC,QAAQN,CAAI,IAAKA,IAAiC,CAAA;AAC1E,QAAII,EAAUP,WAAW;AACvB,aAAO;AAAA,QAAE,GAAGE;AAAAA,QAAQQ,SAAS,CAAA;AAAA,QAAId,QAAQ,CAAA;AAAA,MAAA;AAE3C,UAAM7B,IAAYwC,EAAUP,SAAS,GAC/BW,IACJ,OAAOT,EAAOrC,UAAW,YAAY,CAAC2C,MAAMC,QAAQP,EAAOrC,MAAM,IAC7DqC,EAAOrC,SACP,CAAA,GACA+C,IACJ,OAAOV,EAAOhE,QAAS,YAAY,CAACsE,MAAMC,QAAQP,EAAOhE,IAAI,IACzDgE,EAAOhE,OACP,CAAA,GACA2E,IACJ,OAAOX,EAAOxD,WAAY,YAAY,CAAC8D,MAAMC,QAAQP,EAAOxD,OAAO,IAC/DwD,EAAOxD,UACP,CAAA,GACAoE,IACJ,OAAOZ,EAAOxB,SAAU,YAAY,CAAC8B,MAAMC,QAAQP,EAAOxB,KAAK,IAC3DwB,EAAOxB,QACP,CAAA,GACAqC,IACJ,OAAOb,EAAOV,SAAU,YAAY,CAACgB,MAAMC,QAAQP,EAAOV,KAAK,IAC3DU,EAAOV,QACP,CAAA,GAEAwB,IAAoBZ,GAAKzC,WAEzB;AAAA,MAAEsD,UAAAA;AAAAA,MAAUC,UAAAA;AAAAA,MAAUC,UAAAA;AAAAA,MAAUC,UAAAA;AAAAA,IAAAA,IACpCC,GAAqBd,CAAS,GAa1Be,IACJA,CAACC,MAAsB,CAACC,MAA+B;AACrD,YAAMC,IAAOD,EAAOtE;AACpB,UAAI,CAAC6C,EAAc,QAAO0B;AAC1B,YAAMC,IAAM,GAAGH,CAAS,IAAIC,EAAOG,SAAS;AAC5C,aAAO5B,EAAa6B,IAAIF,CAAG,IACvBD,IACAI,EAAQ3E,MAAM4E,YAAYL,GAAM,IAAI;AAAA,IAC1C,GAQIM,IAAiBC,GAAyB9B,EAAO+B,UAAUlE,CAAS,GACpEmE,IAAaH,GAAgBG,cAAc,IAC3CC,IAAaJ,GAAgBI,cAAc,IAC3CC,IACJ,OAAOxB,EAASyB,UAAW,WAAWzB,EAASyB,SAAS,IACpDC,IAAavE,IAAY,KAAKqE,GAC9BG,IAAaL,IACfI,IAAaE,EAAYC,eAAeD,EAAYE,YACpDJ,GACEK,IACJ,OAAO/B,EAASrE,SAAU,WAAWqE,EAASrE,QAAQ,GAClDqG,IAAYT,IACdQ,IAAgBH,EAAYC,eAAeD,EAAYE,YACvDC;AAEJ,WAAO;AAAA,MACL,GAAGzC;AAAAA;AAAAA;AAAAA,MAGHQ,SAASH,EAAUsC,IAAKC,CAAAA,OAAO;AAAA,QAAEC,QAAQD;AAAAA,MAAAA,EAA6B;AAAA,MACtElD,QAAQW,EAAUsC,IAAI,CAACG,GAAGC,MAAM;AAC9B,cAAMC,IAAgBC,EAAkBpH,GAAO6D,IAASqD,CAAC,GAAG/F,KAAK;AACjE,eAAO;AAAA,UACLyB,MAAM;AAAA,UACNyE,cAAcH;AAAAA,UACdI,MAAMzD,IAASqD,CAAC,GAAGI,QAAQ,UAAUJ,IAAI,CAAC;AAAA,UAC1CK,QAAQ;AAAA,YAAEC,GAAG;AAAA,YAAGC,GAAG;AAAA,UAAA;AAAA,UACnB3D,YAAAA;AAAAA,UACA4D,UAAU;AAAA,YAAEC,OAAO;AAAA,UAAA;AAAA,UACnBC,WAAW;AAAA,YAAEzG,OAAOoE,EAAa2B,CAAC;AAAA,UAAA;AAAA,UAClC,GAAIC,IAAgB;AAAA,YAAEhG,OAAOgG;AAAAA,UAAAA,IAAkB,CAAA;AAAA,QAAC;AAAA,MAEpD,CAAC;AAAA,MACDrF,QAAQ;AAAA,QAAE,GAAG8C;AAAAA,QAAY9B,MAAMd;AAAAA,MAAAA;AAAAA,MAC/B7B,MAAM;AAAA,QAAE,GAAG0E;AAAAA,QAAUyB,QAAQE;AAAAA,QAAYhG,OAAOqG;AAAAA,MAAAA;AAAAA,MAChD,GAAIb,IAAiB;AAAA,QAAEE,UAAUF,EAAe6B;AAAAA,MAAAA,IAAY,CAAA;AAAA,MAC5DlF,OAAO;AAAA,QACL,GAAGoC;AAAAA,QACH+C,KAAK5C;AAAAA,QACL6C,KAAK5C;AAAAA,MAAAA;AAAAA,MAEP1B,OAAO;AAAA,QACL,GAAGuB;AAAAA,QACH8C,KAAK1C;AAAAA,QACL2C,KAAK1C;AAAAA,QACLrC,WAAW;AAAA,UACT,GAAKgC,EAAqChC,aAAa,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMvD,GAAIiC,IAAoB;AAAA,YAAErD,WAAWqD;AAAAA,UAAAA,IAAsB,CAAA;AAAA,QAAC;AAAA,MAC9D;AAAA,MAEFtE,SAAS;AAAA,QACP,GAAGmE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QAKHlD,WAAWoG,GACRlD,EAAwClD,WACzCqD,GACAhF,CACF;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAeA,SAASgG,GACPC,GACAlE,GACyE;AACzE,MAAI,CAACyC,MAAMC,QAAQwB,CAAQ,KAAKA,EAASjC,WAAW,EAAG,QAAO;AAC9D,MAAIkC,IAAa,IACbC,IAAa;AAuBjB,SAAO;AAAA,IAAEyB,SAtBO3B,EAASY,IAAI,CAACmB,MAAmB;AAC/C,UAAIA,KAAS,QAAQ,OAAOA,KAAU,SAAU,QAAOA;AACvD,YAAMC,IAAKD;AAMX,aAAIC,EAAGtF,SAAS,WAAiBsF,IAChBA,EAAGC,eAAejG,UAEjCkE,IAAa,IACN8B,MAIT/B,IAAa,IACTnE,IACK;AAAA,QAAE,GAAGkG;AAAAA,QAAI5B,QAAQG,EAAY2B;AAAAA,MAAAA,IAE/BF;AAAAA,IACT,CAAC;AAAA,IACiB/B,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,EAAAA;AAChC;AAUA,SAAS4B,GACPK,GACAC,GACArI,GACA;AACA,SAAKqI,IACEC,EAAwBC,CAAAA,MAAS;AACtC,UAAMC,IAAQD,EAAKC,OACbjB,IAAIiB,IAAQ,CAAC,GACbhB,IAAIgB,IAAQ,CAAC,GACbC,IACJ,OAAOlB,KAAM,WAAYvH,IAAaA,EAAWuH,CAAC,IAAImB,OAAOnB,CAAC,IAAK,IAC/DoB,IACJ,OAAOnB,KAAM,WAAWa,EAAmBb,CAAC,IAAIkB,OAAOlB,KAAK,EAAE,GAC1DoB,IAAS,OAAOL,EAAKK,UAAW,WAAWL,EAAKK,SAAS,IACzDC,IAAaN,EAAKM,aAAa,GAAGN,EAAKM,UAAU,OAAO;AAC9D,WAAO;AAAA,MACLxB,MAAM,IAAIoB,CAAU,KAAKE,CAAU;AAAA,MACnCE,YAAAA;AAAAA,MACAD,QAAAA;AAAAA,MACAJ,OAAO;AAAA,IAAA;AAAA,EAEX,CAAC,IAjB+BJ;AAkBlC;AAEA,SAASxG,GACP5B,GACAC,GACA;AACA,SAAOqI,EAAwBC,CAAAA,MAAS;AACtC,UAAMC,IAAQD,EAAKC,OACbjB,IAAIiB,IAAQ,CAAC,GACbhB,IAAIgB,IAAQ,CAAC,GACbC,IACJ,OAAOlB,KAAM,WAAYvH,IAAaA,EAAWuH,CAAC,IAAImB,OAAOnB,CAAC,IAAK,IAC/DoB,IACJ,OAAOnB,KAAM,WAAYvH,IAAaA,EAAWuH,CAAC,IAAIkB,OAAOlB,CAAC,IAAK,IAC/DoB,IAAS,OAAOL,EAAKK,UAAW,WAAWL,EAAKK,SAAS,IACzDC,IAAaN,EAAKM,aAAa,GAAGN,EAAKM,UAAU,OAAO;AAC9D,WAAO;AAAA,MACLxB,MAAM,IAAIoB,CAAU,KAAKE,CAAU;AAAA,MACnCE,YAAAA;AAAAA,MACAD,QAAAA;AAAAA,MACAJ,OAAO;AAAA,IAAA;AAAA,EAEX,CAAC;AACH;AAEA,SAASnD,GAAqBd,GAK5B;AACA,MAAIuE,IAAOC,OACPC,IAAO,QACPC,IAAOF,OACPG,IAAO;AACX,aAAWtF,KAAUW;AACnB,eAAW4E,KAASvF,GAAQ;AAC1B,YAAM2D,IAAI4B,IAAQ,CAAC,GACb3B,IAAI2B,IAAQ,CAAC;AACnB,MAAI,OAAO5B,KAAM,YAAY6B,OAAOC,SAAS9B,CAAC,MACxCA,IAAIuB,MAAMA,IAAOvB,IACjBA,IAAIyB,MAAMA,IAAOzB,KAEnB,OAAOC,KAAM,YAAY4B,OAAOC,SAAS7B,CAAC,MACxCA,IAAIyB,MAAMA,IAAOzB,IACjBA,IAAI0B,MAAMA,IAAO1B;AAAAA,IAEzB;AAMF,QAAMtC,IAAWkE,OAAOC,SAASL,CAAI,IAAKA,KAAQ,IAAI,IAAIM,EAAQN,CAAI,IAAK,GACrE5D,IAAWgE,OAAOC,SAASH,CAAI,IAAKA,KAAQ,IAAI,IAAII,EAAQJ,CAAI,IAAK,GACrEjE,IAAWmE,OAAOC,SAASP,CAAI,KAAKA,IAAO,IAAIQ,EAAQR,CAAI,IAAS,GACpE3D,IAAWiE,OAAOC,SAASJ,CAAI,KAAKA,IAAO,IAAIK,EAAQL,CAAI,IAAS;AAC1E,SAAO;AAAA,IAAEhE,UAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IAAUC,UAAAA;AAAAA,EAAAA;AACzC;ACraA,MAAMmE,IAAS;AAAA,EACbC,WAAW;AAAA,IACTC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,eAAe;AAAA,IACfC,KAAKA,CAAC;AAAA,MAAExJ,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,IAC/ByJ,QAAQA,CAAC;AAAA,MAAEzJ,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,EAAE;AAAA,EAAA;AAAA,EAErCH,MAAM;AAAA,IACJuB,UAAU;AAAA,IACVsI,MAAM;AAAA,IACNC,OAAO;AAAA,EAAA;AAAA,EAETnI,QAAQ;AAAA,IACN4H,SAAS;AAAA,IACTC,YAAY;AAAA,IACZG,KAAKA,CAAC;AAAA,MAAExJ,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,IAC/ByJ,QAAQA,CAAC;AAAA,MAAEzJ,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,EAAA;AAAA,EAEpC4J,YAAY;AAAA,IACVR,SAAS;AAAA,IACTC,YAAY;AAAA,IACZG,KAAKA,CAAC;AAAA,MAAExJ,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,GAAG;AAAA,EAAA;AAErC,GAKM6J,KAAQA,CAAC5J,GAAaH,GAAcgK,OAAkC;AAAA,EAC1E1I,UAAU;AAAA,EACVnB,KAAAA;AAAAA,EACAH,MAAAA;AAAAA,EACA6J,OAAOG;AAAAA,EACPL,QAAQK;AAAAA,EACRC,cAAc;AAChB;AAcO,SAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA6B;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAzI,SAAA,KAAAyI;AAAU,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,MAAAR,SAAAE,GAAA;AAE9C,UAAAO,IAAaxG,MAAKyG,KAAM;AAAA,MAAAjH,QAAUyG;AAAAA,IAAAA,GAASS,EAK1C;AAEEN,IAAAA,IAAAO,GAAQJ,IAAAxB,EAAMC,WACZmB,IAAAQ,GAAQN,IAAAtB,EAAMrJ,MACZ4K,IAAAE,EAAInE,IAAKuE,EAMT,GAACb,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ;AAAAA,EAAA;AAAAJ,IAAAA,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAAAN,EAAA,CAAA,MAAAO,KAPJO,IAAA,gBAAAC,EAACX,GAAA,EAAQ,IAAAE,GACNC,UAAAA,GAOH,GAAMP,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAO,GAAAP,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAgB;AAAA,EAAAhB,EAAA,EAAA,MAAAiB,uBAAAC,IAAA,2BAAA,KACNF,IAAA,gBAAAD,EAACH,GAAA,EAAQ,IAAA5B,EAAM1H,mBACX,GAAG,CAAC,EAACgF,IAAK6E,EAKX,EAAA,CACH,GAAMnB,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA;AAAA,MAAAoB;AAAA,SAAApB,EAAA,EAAA,MAAAK,KAAAL,UAAAQ,KAAAR,EAAA,EAAA,MAAAc,KAjBRM,sBAACf,GAAA,EAAQ,IAAAG,GACPM,UAAAA;AAAAA,IAAAA;AAAAA,IASAE;AAAAA,EAAAA,GAQF,GAAMhB,QAAAK,GAAAL,QAAAQ,GAAAR,QAAAc,GAAAd,QAAAoB,KAAAA,IAAApB,EAAA,EAAA,GAlBNoB;AAkBM;AA3BH,SAAAD,GAAAE,GAAA;AAAA,SAqBG,gBAAAC,EAACV,GAAA,EAA4B,IAAA5B,EAAMU,YACjC,UAAA;AAAA,IAAA,gBAAAqB,EAACQ,KAAiB,SAAA,YAAkB,OAAA,GAAW,QAAA,GAAC;AAAA,IAChD,gBAAAR,EAACQ,GAAA,EAAgB,OAAA,IAAY,QAAA,EAAA,CAAC;AAAA,EAAA,EAAA,GAFtB,UAAU7E,CAAC,EAGrB;AAAM;AAxBT,SAAAmE,GAAAW,GAAAC,GAAA;AAAA,SAYG,gBAAAV,EAACQ,GAAA,EAES,SAAA,YACJ,IAAA5B,GAAM6B,EAACzL,KAAMyL,EAAC5L,MAAO4L,EAAC5B,IAAK,EAAA,GAF1B,OAAOlD,CAAC,EAEmB;AAChC;AAhBL,SAAAiE,GAAAlE,GAAAC,GAAA;AAGH,QAAA3G,IAAY,KAAO2G,IAAI,KAAM,IAC7B9G,IAAa,IAAM8G,IAAI,KAAM,IAC7BkD,IAAa,IAAMlD,IAAI,IAAK;AAAE,SACvB;AAAA,IAAA3G,KAAO,GAAGA,CAAG;AAAA,IAAGH,MAAQ,GAAGA,CAAI;AAAA,IAAGgK,MAAAA;AAAAA,EAAAA;AAAQ;AC/C9C,SAAS8B,GAAgCC,GAO7B;AACjB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjB7L,iBAAiBsL,EAAKQ;AAAAA,EAAAA,CACvB,CACH,GAEFP,EAAME,KAAK;AAAA,IACTM,IAAI;AAAA,IACJC,OAAO;AAAA,IACPC,SAASA,MAAM;AACb,YAAM1I,IAAO+H,EAAKY,QAAAA,GACZC,IAAoB,CAAC,CAAC,UAAU,KAAK,GAAG,CAAC;AAC/C,iBAAW,CAAC9F,GAAGrD,CAAM,KAAKO,EAAKyD,WAAW;AACxC,cAAMiB,IAAaqD,EAAKc,cAAc/F,CAAC,KAAK,UAAUA,IAAI,CAAC;AAC3D,mBAAW,CAACM,GAAGC,CAAC,KAAK5D;AACnBmJ,UAAAA,EAAKV,KAAK,CAACxD,GAAYtB,GAAGC,CAAC,CAAC;AAAA,MAEhC;AACA,YAAMyF,IAASC,EAAcH,CAAI;AACjC,aAAOI,QAAQN,QAAQ;AAAA,QACrBO,KAAKH,EAAOG;AAAAA,QACZb,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1Bc,QAAQJ,EAAOI;AAAAA,MAAAA,CAChB;AAAA,IACH;AAAA,EAAA,CACD,GACMlB;AACT;ACrCO,MAAMmB,KAA4BA,CAACC,MACnC/I,MAAMC,QAAQ8I,CAAK,IACjBA,EAAM1G,IAAI,CAACjD,MAA6B;AAC7C,MAAI,CAAC4J,GAAe5J,CAAM,EAAG,QAAOA;AACpC,QAAM6J,IAAQ7J,EAAO8J,OAAO,CAACC,GAAK,CAAA,EAAGnG,CAAC,MAAMmG,IAAMC,KAAKC,IAAIrG,CAAC,GAAG,CAAC;AAChE,SAAIiG,KAAS,IAAU7J,IAChBA,EAAOiD,IAAI,CAAC,CAACU,GAAGC,CAAC,MAAM,CAACD,GAAIC,IAAIiG,IAAS,GAAG,CAAqB;AAC1E,CAAC,IANiCF;AASpC,SAASC,GAAeM,GAAqC;AAC3D,SAAKtJ,MAAMC,QAAQqJ,CAAC,IACbA,EAAEC,MACNxF,CAAAA,MACC/D,MAAMC,QAAQ8D,CAAI,KAClBA,EAAKvE,WAAW,KAChB,OAAOuE,EAAK,CAAC,KAAM,YACnBa,OAAOC,SAASd,EAAK,CAAC,CAAC,KACvB,OAAOA,EAAK,CAAC,KAAM,YACnBa,OAAOC,SAASd,EAAK,CAAC,CAAC,CAC3B,IAT8B;AAUhC;"}

package/dist/widgets-v2/spread.js

@@ -0,0 +1,73 @@
+import { S as B, a as R, b as V } from "../spread-CngWB5KF.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as m } from "react/compiler-runtime";
+import { Box as p, Skeleton as s } from "@mui/material";
+import "react";
+import "@mui/icons-material/FileDownload";
+import "../lasso-tool-BYbxrJ-7.js";
+import "../cjs-D4KH3azB.js";
+import "@mui/icons-material";
+import "@carto/ps-utils";
+import { a as c } from "../exports-Cx-f6m6U.js";
+import "@mui/icons-material/ImageOutlined";
+import { b as f } from "../png-item-CS4z1iSH.js";
+const l = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 2,
+    py: 1
+  },
+  row: {
+    display: "flex",
+    alignItems: "center",
+    gap: 1.5
+  },
+  block: {
+    width: 200,
+    height: 32
+  }
+};
+function E(o) {
+  const e = m(2), {
+    count: i
+  } = o, r = i === void 0 ? 1 : i;
+  let t;
+  return e[0] !== r ? (t = /* @__PURE__ */ a(p, { sx: l.root, children: Array.from({
+    length: r
+  }).map(u) }), e[0] = r, e[1] = t) : t = e[1], t;
+}
+function u(o, e) {
+  return /* @__PURE__ */ a(p, { sx: l.row, children: /* @__PURE__ */ a(s, { variant: "rectangular", sx: l.block }) }, `row-${e}`);
+}
+function I(o) {
+  const e = [];
+  return o.getCaptureEl && e.push(f({
+    filename: o.filename,
+    getCaptureEl: o.getCaptureEl,
+    pixelRatio: o.pngPixelRatio,
+    backgroundColor: o.pngBackgroundColor
+  })), e.push({
+    id: "csv",
+    label: "Download as CSV",
+    resolve: () => {
+      const i = o.getData(), r = [["series", "prefix", "min", "max", "suffix", "note"]];
+      for (const n of i)
+        r.push([n.series?.name ?? "", n.prefix ?? "", n.min, n.max, n.suffix ?? "", n.note ?? ""]);
+      const t = c(r);
+      return Promise.resolve({
+        url: t.url,
+        filename: `${o.filename}.csv`,
+        revoke: t.revoke
+      });
+    }
+  }), e;
+}
+export {
+  B as Separator,
+  R as Spread,
+  E as SpreadSkeleton,
+  V as SpreadUI,
+  I as createSpreadDownloadConfig
+};
+//# sourceMappingURL=spread.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spread.js","sources":["../../src/widgets-v2/spread/skeleton.tsx","../../src/widgets-v2/spread/download.ts"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 2,\n    py: 1,\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 1.5,\n  },\n  block: { width: 200, height: 32 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface SpreadSkeletonProps {\n  count?: number\n}\n\n/**\n * Loading placeholder for the Spread widget. Renders `count` rows, each\n * sized for the `min — max` pair so the layout doesn't jump once data\n * resolves. Mirrors the row-per-item structure of {@link SpreadUI}.\n */\nexport function SpreadSkeleton({ count = 1 }: SpreadSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Skeleton variant='rectangular' sx={styles.block} />\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { SpreadWidgetData } from './types'\n\n/**\n * Download menu items for the Spread widget. Always includes a CSV item\n * with `series, prefix, min, max, suffix, note` columns (one row per\n * entry). When `getCaptureEl` is supplied, prepends a PNG item that\n * rasterises the captured element via `html2canvas`.\n */\nexport function createSpreadDownloadConfig(args: {\n  filename: string\n  getData: () => SpreadWidgetData\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: 'csv',\n    label: 'Download as CSV',\n    resolve: () => {\n      const data = args.getData()\n      const rows: unknown[][] = [\n        ['series', 'prefix', 'min', 'max', 'suffix', 'note'],\n      ]\n      for (const item of data) {\n        rows.push([\n          item.series?.name ?? '',\n          item.prefix ?? '',\n          item.min,\n          item.max,\n          item.suffix ?? '',\n          item.note ?? '',\n        ])\n      }\n      const handle = downloadToCSV(rows)\n      return Promise.resolve({\n        url: handle.url,\n        filename: `${args.filename}.csv`,\n        revoke: handle.revoke,\n      })\n    },\n  })\n  return items\n}\n"],"names":["styles","root","display","flexDirection","gap","py","row","alignItems","block","width","height","SpreadSkeleton","t0","$","_c","count","t1","undefined","t2","Box","Array","from","length","map","_temp","_","i","jsx","Skeleton","createSpreadDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","label","resolve","data","getData","rows","item","series","name","prefix","min","max","suffix","note","handle","downloadToCSV","Promise","url","revoke"],"mappings":";;;;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLC,IAAI;AAAA,EAAA;AAAA,EAENC,KAAK;AAAA,IACHJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZH,KAAK;AAAA,EAAA;AAAA,EAEPI,OAAO;AAAA,IAAEC,OAAO;AAAA,IAAKC,QAAQ;AAAA,EAAA;AAC/B;AAWO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,SAAAL,SAAAE,KAEtCG,sBAACC,GAAA,EAAQ,IAAAnB,EAAMC,MACZmB,gBAAKC,KAAM;AAAA,IAAAC,QAAUP;AAAAA,EAAAA,CAAO,EAACQ,IAAKC,CAIlC,GACH,GAAMX,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GANNK;AAMM;AARH,SAAAM,EAAAC,GAAAC,GAAA;AAAA,SAIC,gBAAAC,EAACR,GAAA,EAAyB,IAAAnB,EAAMM,KAC9B,UAAA,gBAAAqB,EAACC,GAAA,EAAiB,SAAA,eAAkB,IAAA5B,EAAMQ,MAAAA,CAAM,EAAA,GADxC,OAAOkB,CAAC,EAElB;AAAM;ACpBP,SAASG,EAA2BC,GAMxB;AACjB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjBC,iBAAiBR,EAAKS;AAAAA,EAAAA,CACvB,CACH,GAEFR,EAAME,KAAK;AAAA,IACTO,IAAI;AAAA,IACJC,OAAO;AAAA,IACPC,SAASA,MAAM;AACb,YAAMC,IAAOb,EAAKc,QAAAA,GACZC,IAAoB,CACxB,CAAC,UAAU,UAAU,OAAO,OAAO,UAAU,MAAM,CAAC;AAEtD,iBAAWC,KAAQH;AACjBE,QAAAA,EAAKZ,KAAK,CACRa,EAAKC,QAAQC,QAAQ,IACrBF,EAAKG,UAAU,IACfH,EAAKI,KACLJ,EAAKK,KACLL,EAAKM,UAAU,IACfN,EAAKO,QAAQ,EAAE,CAChB;AAEH,YAAMC,IAASC,EAAcV,CAAI;AACjC,aAAOW,QAAQd,QAAQ;AAAA,QACrBe,KAAKH,EAAOG;AAAAA,QACZtB,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1BuB,QAAQJ,EAAOI;AAAAA,MAAAA,CAChB;AAAA,IACH;AAAA,EAAA,CACD,GACM3B;AACT;"}

package/dist/widgets-v2/stores.js

@@ -0,0 +1,42 @@
+import { u as o } from "../widget-store-registry-_W4Z4xp-.js";
+import { _ as c, a as p, c as W, b as m, d as f, e as S, f as E, g as h, h as b, i as T, j as x, p as C, r as I, k as A, l as _, s as v, m as w, n as y, o as j, q as k, t as q, v as L } from "../widget-store-registry-_W4Z4xp-.js";
+import { W as $, u as z } from "../widget-context-DTGO0Yta.js";
+import { u as D, a as F, b as G } from "../use-transform-DXPN3nY7.js";
+import { c as i } from "react/compiler-runtime";
+function g(a, s) {
+  const e = i(2);
+  let t;
+  return e[0] !== s ? (t = (r) => r.transformStates?.[s]?.enabled === !0, e[0] = s, e[1] = t) : t = e[1], o(a, t);
+}
+export {
+  $ as WidgetContext,
+  c as __debugListWidgetStores,
+  p as applyTransforms,
+  W as clearAllCaptureEls,
+  m as clearAllEchartInstances,
+  f as clearAllWidgetStores,
+  S as createWidgetStore,
+  E as deleteWidgetStore,
+  h as getCaptureEl,
+  b as getEchartInstance,
+  T as getWidgetStore,
+  x as hasWidgetStore,
+  C as pipelineMiddleware,
+  I as registerWidgetStore,
+  A as removeTransform,
+  _ as resetWidgetStore,
+  v as setCaptureEl,
+  w as setEchartInstance,
+  y as setWidgetStoreEntry,
+  j as subscribeEchartInstance,
+  k as unregisterWidgetStore,
+  q as upsertTransform,
+  D as useEchartInstance,
+  F as useSingleTransform,
+  G as useTransform,
+  g as useTransformEnabled,
+  L as useWidget,
+  z as useWidgetId,
+  o as useWidgetShallow
+};
+//# sourceMappingURL=stores.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stores.js","sources":["../../src/widgets-v2/stores/use-transform-enabled.ts"],"sourcesContent":["import { useWidgetShallow } from './widget-store-registry'\nimport type { WidgetState } from './types'\n\n/**\n * Reactive read of a single transform's `enabled` flag from the\n * per-widget store. Returns `false` if the transform hasn't been\n * registered yet (i.e., the action component hasn't mounted) — safe\n * default for \"the feature is off\".\n *\n * Used by widget composers that want to react to an action's on/off\n * cycle without having the widget primitive import the action. For\n * example, the `CategoryWidget` storybook composer wires the\n * SearcherToggle's open state into `<Widget.Category searcherOpen=…>`\n * so the library primitive stays renderer-agnostic.\n *\n * Magic-string `transformId` is intentional — it lives at the composer\n * layer where the action is already imported by JSX, so the string\n * appears alongside the same name in the toolbox.\n */\nexport function useTransformEnabled(id: string, transformId: string): boolean {\n  return useWidgetShallow(\n    id,\n    (s: WidgetState) => s.transformStates?.[transformId]?.enabled === true,\n  )\n}\n"],"names":["useTransformEnabled","id","transformId","$","_c","t0","s","transformStates","enabled","useWidgetShallow"],"mappings":";;;;;AAmBO,SAAAA,EAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAGHG,IAAAC,CAAAA,MAAoBA,EAACC,kBAAmBL,CAAW,GAAUM,YAAK,IAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAFjEM,EACLR,GACAI,CACF;AAAC;"}