@carto/ps-react-ui 4.7.0 → 4.8.0

package/dist/widgets-v2/pie.js

@@ -0,0 +1,381 @@
+import * as w from "echarts";
+import { g as L, d as N, h as j, c as T, f as I, n as A } from "../option-builders-F-c9ELi1.js";
+import { jsx as k } from "react/jsx-runtime";
+import { c as O } from "react/compiler-runtime";
+import { Box as P, Skeleton as $ } 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 "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "react-dom";
+import { m as V } from "../merge-options-DCkkHZIf.js";
+import "@mui/icons-material/ZoomIn";
+import "../widget-context-DTGO0Yta.js";
+import "zustand";
+import "zustand/vanilla";
+import "zustand/middleware";
+import "zustand/react/shallow";
+import "@mui/icons-material/FileDownload";
+import { a as D } from "../exports-Cx-f6m6U.js";
+import "@mui/icons-material/ImageOutlined";
+import { b as M } from "../png-item-CS4z1iSH.js";
+const z = ["58%", "74%"];
+function B({
+  theme: e,
+  formatter: r,
+  labelFormatter: t
+}) {
+  return {
+    legend: {
+      ...N({
+        hasLegend: !0,
+        labelFormatter: t
+      }),
+      // Pie reads better with a centered legend (the donut is radially
+      // symmetric — left-aligning the legend below it visually unbalances
+      // the chart). Override `buildLegendConfig`'s `type: 'scroll'` with
+      // `'plain'` so long category lists wrap to multiple rows instead
+      // of clipping the last visible item against the chart container.
+      // The wider `itemGap` gives chips breathing room in the typical
+      // 3–6 category case.
+      left: "center",
+      type: "scroll",
+      itemGap: 16
+    },
+    tooltip: {
+      // Pie uses item-trigger (no axis); the rest of the styling mirrors
+      // bar/histogram so the dashboard reads consistently — dark
+      // grey[900] bg, white caption-font text, padded, with the shared
+      // overflow-aware positioner.
+      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: L(e),
+      formatter: F(r, t)
+    },
+    // V1 used `qualitative.bold` only (no `secondary.main` prefix) because
+    // pie slices are categorical — each slice deserves a distinct palette
+    // entry from the start, not a primary highlight.
+    color: Object.values(e.palette.qualitative?.bold ?? {}),
+    // Pie template. The merger spreads this into each per-data series it
+    // emits — borderColor / borderWidth / emphasis-disabled / label rich
+    // sizes all survive through.
+    series: [{
+      type: "pie",
+      colorBy: "data",
+      avoidLabelOverlap: !0,
+      selectedOffset: 0,
+      emphasis: {
+        disabled: !0
+      },
+      itemStyle: {
+        borderColor: e.palette.background.paper,
+        borderWidth: 1
+      },
+      label: {
+        show: !0,
+        position: "center",
+        rich: {
+          b: {
+            fontSize: 16,
+            fontWeight: "normal",
+            lineHeight: 20
+          },
+          c: {
+            fontSize: 28,
+            fontWeight: "bold",
+            lineHeight: 27
+          }
+        }
+      }
+    }]
+  };
+}
+function be(e) {
+  const {
+    theme: r,
+    formatter: t,
+    labelFormatter: a,
+    optionsOverride: o,
+    seriesNames: s
+  } = e, l = e.radius ?? z, u = e.selection, d = u && u.length > 0 ? new Set(u) : null;
+  return (c, p, b) => {
+    if (c == null) {
+      const v = B({
+        theme: r,
+        formatter: t,
+        labelFormatter: a
+      });
+      return o ? V(v, o) : v;
+    }
+    const g = Array.isArray(p) ? p : [];
+    return g.length === 0 ? {
+      ...c,
+      dataset: [],
+      series: []
+    } : g.length > 1 ? W(c, g, r, s, b, d) : _(c, g, l, s, b, d);
+  };
+}
+function _(e, r, t, a, o, s) {
+  const l = Array.isArray(e.series) ? e.series : [], u = l[0] ?? {}, d = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, c = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, p = o?.formatter, b = o?.labelFormatter, g = Array.isArray(e.color) ? e.color : [], v = (n) => (g.length > 0 ? g[n.dataIndex % g.length] : void 0) ?? n.color, S = (n) => {
+    const m = v(n);
+    if (!s) return m;
+    const f = n.value?.name ?? n.name;
+    return f != null && s.has(f) ? m : w.color.modifyAlpha(m, 0.15);
+  }, i = (n) => {
+    const {
+      name: m
+    } = n, y = n.encode?.value?.[0];
+    if (y === void 0) return "";
+    const f = Object.values(n.data ?? {}).at(y), h = typeof f == "number" ? p ? p(f) : String(f) : typeof f == "string" ? f : "", x = String(b ? b(m ?? "") : m ?? "");
+    return `{c|${h}}
+
+{b|${x}}`;
+  };
+  return {
+    ...e,
+    dataset: r.map((n) => ({
+      source: n
+    })),
+    series: r.map((n, m) => {
+      const y = l[m] ?? u, f = typeof y == "object" ? y : {}, h = f.label ?? {}, x = f.itemStyle ?? {};
+      return {
+        ...f,
+        type: "pie",
+        datasetIndex: m,
+        name: a?.[m] ?? `Series ${m + 1}`,
+        radius: [...t],
+        // Lift the donut up so the bottom-anchored legend has the
+        // vertical real estate to wrap to multiple rows for long
+        // category lists — at exactly `50%` the bottom slices crowd
+        // the chips and `type: 'plain'` legends can't expand upward
+        // without overlapping the donut.
+        center: ["50%", "38%"],
+        encode: {
+          itemName: "name",
+          value: "value"
+        },
+        label: {
+          ...h,
+          formatter: i
+        },
+        itemStyle: {
+          ...x,
+          color: S
+        }
+      };
+    }),
+    // Legend always shows for pie (mirrors v1) — slice names drive the
+    // entries, so even a single donut benefits from a category list.
+    legend: {
+      ...c,
+      show: !0
+    },
+    tooltip: {
+      ...d,
+      formatter: F(p, b)
+    }
+  };
+}
+function W(e, r, t, a, o, s) {
+  const l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, u = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, d = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, c = o?.formatter, p = o?.labelFormatter, {
+    niceMinVal: b,
+    niceMaxVal: g
+  } = H(r), v = Array.isArray(e.color) ? e.color : [], S = (i) => {
+    const n = i.seriesIndex ?? 0, y = (v.length > 0 ? v[n % v.length] : void 0) ?? i.color;
+    if (!s) return y;
+    const h = i.value?.name ?? i.name;
+    return h != null && s.has(h) ? y : w.color.modifyAlpha(y, 0.15);
+  };
+  return {
+    ...e,
+    dataset: r.map((i) => ({
+      source: i
+    })),
+    grid: {
+      ...d,
+      ...T(!0, t),
+      right: parseInt(t.spacing(4)),
+      containLabel: !0
+    },
+    // Drop pie-specific structural keys that shouldn't render in the
+    // bar fallback. ECharts ignores undefined keys, so this is a clean
+    // override.
+    series: r.map((i, n) => ({
+      datasetIndex: n,
+      type: "bar",
+      name: a?.[n] ?? `Series ${n + 1}`,
+      barMaxWidth: 100,
+      emphasis: {
+        focus: "series"
+      },
+      ...j(c, "x"),
+      itemStyle: {
+        color: S
+      }
+    })),
+    xAxis: {
+      type: "value",
+      // Closures over the pre-computed nice bounds — ECharts calls them
+      // once per render to resolve the axis extents.
+      min: () => b,
+      max: () => g,
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: t.palette.black?.[4] ?? t.palette.divider
+        }
+      },
+      // Value labels render BELOW the axis line (default placement),
+      // NOT inside the plot. Bar/histogram use `inside: true` +
+      // `verticalAlign: 'bottom'` for their *vertical* y-axis where the
+      // axis is the left wall — labels inside read like grid annotations.
+      // A horizontal bar chart's value axis is the x-axis, and `inside`
+      // there pushes the max label *behind* the bar (it visually
+      // disappears once a bar reaches the right edge). Use the default
+      // below-the-axis placement so the rounded extents stay readable.
+      axisLabel: {
+        fontSize: t.typography.overlineDelicate?.fontSize,
+        fontFamily: t.typography.overlineDelicate?.fontFamily,
+        margin: parseInt(t.spacing(1)),
+        showMaxLabel: !0,
+        showMinLabel: !0,
+        formatter: (i) => i !== g && i !== b || i === 0 ? "" : c ? c(i) : String(i)
+      }
+    },
+    yAxis: {
+      type: "category",
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      axisLabel: {
+        padding: [parseInt(t.spacing(0.5)), 0, 0, 0],
+        ...p && {
+          formatter: (i) => String(p(i))
+        }
+      }
+    },
+    legend: {
+      ...u,
+      show: !0
+    },
+    tooltip: {
+      ...l,
+      trigger: "axis",
+      formatter: E(c, p)
+    }
+  };
+}
+function E(e, r) {
+  return I((t) => {
+    const a = t.encode?.x?.at(0), o = a !== void 0 ? t.dimensionNames?.[a] : void 0, s = t.value && typeof t.value == "object" && !Array.isArray(t.value) ? t.value : void 0, l = o && s ? s[o] : void 0, u = typeof l == "number" && e ? e(l) : l ?? "", d = typeof t.marker == "string" ? t.marker : "", c = t.seriesName ? `${t.seriesName}: ` : "";
+    return {
+      name: String(r ? r(t.name ?? "") : t.name ?? ""),
+      seriesName: c,
+      marker: d,
+      value: u
+    };
+  });
+}
+function H(e) {
+  let r = 0, t = -1 / 0;
+  for (const a of e)
+    for (const o of a)
+      typeof o?.value != "number" || !Number.isFinite(o.value) || (o.value < r && (r = o.value), o.value > t && (t = o.value));
+  return {
+    niceMinVal: r < 0 ? A(r) : 0,
+    niceMaxVal: t <= 0 ? 1 : A(t)
+  };
+}
+function F(e, r) {
+  return I((t) => {
+    const a = t.encode?.value?.at(0) ?? 1, s = (t.value && typeof t.value == "object" && !Array.isArray(t.value) ? Object.values(t.value) : [])[a], l = typeof s == "number" && e ? e(s) : s ?? "", u = typeof t.marker == "string" ? t.marker : "", d = t.seriesName ? `${t.seriesName}: ` : "";
+    return {
+      name: String(r ? r(t.name ?? "") : t.name ?? ""),
+      seriesName: d,
+      marker: u,
+      value: l
+    };
+  });
+}
+const C = {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: 200,
+    py: 1,
+    gap: 2
+  },
+  donut: {
+    width: 160,
+    height: 160,
+    borderRadius: "50%"
+  }
+};
+function ve(e) {
+  const r = O(2), {
+    count: t
+  } = e, a = t === void 0 ? 1 : t;
+  let o;
+  return r[0] !== a ? (o = /* @__PURE__ */ k(P, { sx: C.root, children: Array.from({
+    length: a
+  }).map(R) }), r[0] = a, r[1] = o) : o = r[1], o;
+}
+function R(e, r) {
+  return /* @__PURE__ */ k($, { variant: "circular", sx: C.donut }, `donut-${r}`);
+}
+function he(e) {
+  const r = [];
+  return e.getCaptureEl && r.push(M({
+    filename: e.filename,
+    getCaptureEl: e.getCaptureEl,
+    pixelRatio: e.pngPixelRatio,
+    backgroundColor: e.pngBackgroundColor
+  })), r.push({
+    id: "csv",
+    label: "Download as CSV",
+    resolve: () => {
+      const t = e.getData(), a = [["series", "name", "value"]];
+      for (const [s, l] of t.entries()) {
+        const u = e.seriesNames?.[s] ?? `series_${s + 1}`;
+        for (const d of l)
+          a.push([u, d.name, d.value]);
+      }
+      const o = D(a);
+      return Promise.resolve({
+        url: o.url,
+        filename: `${e.filename}.csv`,
+        revoke: o.revoke
+      });
+    }
+  }), r;
+}
+export {
+  ve as PieSkeleton,
+  he as createPieDownloadConfig,
+  be as createPieOptionFactory,
+  B as pieOptions
+};
+//# sourceMappingURL=pie.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pie.js","sources":["../../src/widgets-v2/pie/options.ts","../../src/widgets-v2/pie/skeleton.tsx","../../src/widgets-v2/pie/download.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  buildSeriesLabelConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../../widgets/utils/chart-config'\nimport type { OptionFactory, OptionFactoryContext } from '../echart'\nimport { mergeOptions } from '../utils'\nimport type {\n  PieEChartsOption,\n  PieOptionFactoryInput,\n  PieOptionsInput,\n  PieWidgetData,\n} from './types'\n\nconst DEFAULT_RADIUS: readonly [string, string] = ['58%', '74%']\n\n/**\n * Builds the **structural** ECharts option for a pie / donut widget.\n * Mirrors v1's pie look-and-feel: themed legend (`buildLegendConfig`),\n * themed tooltip via `createTooltipPositioner` / `createTooltipFormatter`,\n * `qualitative.bold` color palette, slice borders against the paper\n * background, hover-emphasis disabled, and a centered rich-text label.\n *\n * Layered like Bar / Histogram:\n *   - **Theme-aware bits** live here on a series template (slice border,\n *     center-label rich style sizes, emphasis-disabled).\n *   - **Reactive bits** (tooltip value formatter, center-label text,\n *     selection-driven dim) are re-emitted by\n *     {@link createPieOptionFactory} at fusion time so RelativeData's\n *     percent override flows through.\n */\nexport function pieOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: PieOptionsInput): PieEChartsOption {\n  return {\n    legend: {\n      ...buildLegendConfig({ hasLegend: true, labelFormatter }),\n      // Pie reads better with a centered legend (the donut is radially\n      // symmetric — left-aligning the legend below it visually unbalances\n      // the chart). Override `buildLegendConfig`'s `type: 'scroll'` with\n      // `'plain'` so long category lists wrap to multiple rows instead\n      // of clipping the last visible item against the chart container.\n      // The wider `itemGap` gives chips breathing room in the typical\n      // 3–6 category case.\n      left: 'center',\n      type: 'scroll',\n      itemGap: 16,\n    },\n    tooltip: {\n      // Pie uses item-trigger (no axis); the rest of the styling mirrors\n      // bar/histogram so the dashboard reads consistently — dark\n      // grey[900] bg, white caption-font text, padded, with the shared\n      // overflow-aware positioner.\n      trigger: 'item',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      position: createTooltipPositioner(theme),\n      formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n    },\n    // V1 used `qualitative.bold` only (no `secondary.main` prefix) because\n    // pie slices are categorical — each slice deserves a distinct palette\n    // entry from the start, not a primary highlight.\n    color: Object.values(\n      (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n        .qualitative?.bold ?? {},\n    ),\n    // Pie template. The merger spreads this into each per-data series it\n    // emits — borderColor / borderWidth / emphasis-disabled / label rich\n    // sizes all survive through.\n    series: [\n      {\n        type: 'pie',\n        colorBy: 'data',\n        avoidLabelOverlap: true,\n        selectedOffset: 0,\n        emphasis: { disabled: true },\n        itemStyle: {\n          borderColor: theme.palette.background.paper,\n          borderWidth: 1,\n        },\n        label: {\n          show: true,\n          position: 'center',\n          rich: {\n            b: { fontSize: 16, fontWeight: 'normal', lineHeight: 20 },\n            c: { fontSize: 28, fontWeight: 'bold', lineHeight: 27 },\n          },\n        },\n      },\n    ],\n  }\n}\n\n/**\n * Returns the pie widget's {@link OptionFactory} — one closure that owns\n * BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link pieOptions}, optionally merging the\n *     consumer-supplied `optionsOverride` on top. Called once by Provider\n *     to seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`PieWidgetData`) into the option via the dataset API. Single-series\n *     → donut (one dataset, `series[i].encode = { itemName: 'name', value: 'value' }`).\n *     Multi-series → horizontal-bar fallback (mirrors v1 pie). Reactive\n *     formatters from `ctx` drive the tooltip + center label at fusion\n *     time so RelativeData's percent formatter flows through without a\n *     structural rebuild.\n */\nexport function createPieOptionFactory(\n  options: PieOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride, seriesNames } =\n    options\n  const radius = options.radius ?? DEFAULT_RADIUS\n  const selection = options.selection\n  const selectionSet =\n    selection && selection.length > 0\n      ? new Set<string | number>(selection)\n      : null\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = pieOptions({ theme, formatter, labelFormatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr = Array.isArray(data) ? (data as PieWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    if (seriesArr.length > 1) {\n      return buildMultiSeriesBarFusion(\n        option,\n        seriesArr,\n        theme,\n        seriesNames,\n        ctx,\n        selectionSet,\n      )\n    }\n    return buildSingleSeriesPieFusion(\n      option,\n      seriesArr,\n      radius,\n      seriesNames,\n      ctx,\n      selectionSet,\n    )\n  }\n}\n\n/**\n * Single-series donut fusion. Spreads the structural pie series template\n * into per-data series with center/radius/encoding, wires the reactive\n * center-label / tooltip formatters and the per-data palette-aware\n * selection-dim callback.\n */\nfunction buildSingleSeriesPieFusion(\n  option: EChartsOption,\n  seriesArr: PieWidgetData,\n  radius: readonly [string, string],\n  seriesNames: readonly string[] | undefined,\n  ctx: OptionFactoryContext | undefined,\n  selectionSet: Set<string | number> | null,\n): EChartsOption {\n  const seriesTemplates = Array.isArray(option.series) ? option.series : []\n  const broadcastTemplate = seriesTemplates[0] ?? {}\n  const baseTooltip =\n    typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n      ? option.tooltip\n      : {}\n  const baseLegend =\n    typeof option.legend === 'object' && !Array.isArray(option.legend)\n      ? option.legend\n      : {}\n  const formatter = ctx?.formatter\n  const labelFormatter = ctx?.labelFormatter\n\n  // Pie wants `colorBy: 'data'` — each slice draws from the option's\n  // `color` palette by data index. But installing an `itemStyle.color`\n  // callback disables ECharts' automatic per-data cycling, and\n  // `params.color` collapses to the series color (so every slice goes\n  // the same color). We re-implement the per-data palette resolution\n  // here so the multicolor look survives selection-driven dimming.\n  const palette = Array.isArray(option.color)\n    ? (option.color as readonly (string | undefined)[])\n    : []\n  const resolvePaletteColor = (params: CallbackDataParams): string => {\n    const swatch =\n      palette.length > 0\n        ? palette[params.dataIndex % palette.length]\n        : undefined\n    return swatch ?? (params.color as string)\n  }\n\n  // Always emit `itemStyle.color` (passthrough when nothing is selected),\n  // not conditionally — same anti-stale-callback rationale as bar /\n  // histogram. The slice border + width come from the structural\n  // template's `itemStyle` and survive via the spread below.\n  const colorFn = (params: CallbackDataParams): string => {\n    const base = resolvePaletteColor(params)\n    if (!selectionSet) return base\n    const datum = params.value as { name?: string | number } | undefined\n    const name = datum?.name ?? params.name\n    return name != null && selectionSet.has(name)\n      ? base\n      : echarts.color.modifyAlpha(base, 0.15)\n  }\n\n  // Center label formatter — lives in the merger because it reads\n  // reactive `formatter` / `labelFormatter` from ctx. The rich tags\n  // `{c|…}` and `{b|…}` reference the rich styles baked into the\n  // structural label template.\n  const labelTextFormatter = (params: CallbackDataParams): string => {\n    const { name } = params\n    const encodeIndex = params.encode?.value?.[0]\n    if (encodeIndex === undefined) return ''\n    const value = (Object.values(params.data ?? {}) as unknown[]).at(\n      encodeIndex,\n    )\n    // `value` here is the resolved dataset cell — for pie data it's a\n    // `string | number` primitive. Anything else is a misuse we won't\n    // dress up with `String(...)` (would render \"[object Object]\").\n    const formattedValue =\n      typeof value === 'number'\n        ? formatter\n          ? formatter(value)\n          : String(value)\n        : typeof value === 'string'\n          ? value\n          : ''\n    const formattedName = labelFormatter\n      ? String(labelFormatter(name ?? ''))\n      : String(name ?? '')\n    return `{c|${formattedValue}}\\n\\n{b|${formattedName}}`\n  }\n\n  return {\n    ...option,\n    dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n    series: seriesArr.map((_, i) => {\n      const template =\n        (seriesTemplates[i] as object | undefined) ??\n        (broadcastTemplate as object)\n      const templateObj = typeof template === 'object' ? template : {}\n      const templateLabel = (templateObj as { label?: object }).label ?? {}\n      const templateItemStyle =\n        (templateObj as { itemStyle?: object }).itemStyle ?? {}\n      return {\n        ...templateObj,\n        type: 'pie' as const,\n        datasetIndex: i,\n        name: seriesNames?.[i] ?? `Series ${i + 1}`,\n        radius: [...radius],\n        // Lift the donut up so the bottom-anchored legend has the\n        // vertical real estate to wrap to multiple rows for long\n        // category lists — at exactly `50%` the bottom slices crowd\n        // the chips and `type: 'plain'` legends can't expand upward\n        // without overlapping the donut.\n        center: ['50%', '38%'] as [string, string],\n        encode: { itemName: 'name', value: 'value' },\n        label: {\n          ...templateLabel,\n          formatter: labelTextFormatter,\n        },\n        itemStyle: {\n          ...templateItemStyle,\n          color: colorFn,\n        },\n      }\n    }),\n    // Legend always shows for pie (mirrors v1) — slice names drive the\n    // entries, so even a single donut benefits from a category list.\n    legend: { ...baseLegend, show: true },\n    tooltip: {\n      ...baseTooltip,\n      formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n    },\n  }\n}\n\n/**\n * Multi-series horizontal-bar fusion. Mirrors v1 pie's \"pie data with\n * >1 series collapses into a horizontal bar chart\" behavior — side-by-\n * side donuts don't read well when you're comparing the same categories\n * across cohorts, so swap to a value-on-x / category-on-y bar layout.\n *\n * Pie data shape is identical to bar's (`{ name, value }[][]`), so the\n * same dataset feeds either layout without transformation.\n */\nfunction buildMultiSeriesBarFusion(\n  option: EChartsOption,\n  seriesArr: PieWidgetData,\n  theme: Theme,\n  seriesNames: readonly string[] | undefined,\n  ctx: OptionFactoryContext | undefined,\n  selectionSet: Set<string | number> | null,\n): EChartsOption {\n  const baseTooltip =\n    typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n      ? option.tooltip\n      : {}\n  const baseLegend =\n    typeof option.legend === 'object' && !Array.isArray(option.legend)\n      ? option.legend\n      : {}\n  const baseGrid =\n    typeof option.grid === 'object' && !Array.isArray(option.grid)\n      ? option.grid\n      : {}\n  const formatter = ctx?.formatter\n  const labelFormatter = ctx?.labelFormatter\n\n  const { niceMinVal, niceMaxVal } = computeNiceBounds(seriesArr)\n\n  // Per-series palette — multi-series bars take one color per series\n  // (not per-data, unlike donut slices). Same anti-stale-callback rule:\n  // always emit the callback so a transition to/from a selection\n  // replaces the previous closure cleanly.\n  const palette = Array.isArray(option.color)\n    ? (option.color as readonly (string | undefined)[])\n    : []\n  const barColorFn = (params: CallbackDataParams): string => {\n    const seriesIdx = params.seriesIndex ?? 0\n    const seriesSwatch =\n      palette.length > 0 ? palette[seriesIdx % palette.length] : undefined\n    const base = (seriesSwatch ?? params.color) as string\n    if (!selectionSet) return base\n    const datum = params.value as { name?: string | number } | undefined\n    const name = datum?.name ?? params.name\n    return name != null && selectionSet.has(name)\n      ? base\n      : echarts.color.modifyAlpha(base, 0.15)\n  }\n\n  return {\n    ...option,\n    dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n    grid: {\n      ...baseGrid,\n      ...buildGridConfig(true, theme),\n      right: parseInt(theme.spacing(4)),\n      containLabel: true,\n    },\n    // Drop pie-specific structural keys that shouldn't render in the\n    // bar fallback. ECharts ignores undefined keys, so this is a clean\n    // override.\n    series: seriesArr.map((_, i) => ({\n      datasetIndex: i,\n      type: 'bar' as const,\n      name: seriesNames?.[i] ?? `Series ${i + 1}`,\n      barMaxWidth: 100,\n      emphasis: { focus: 'series' },\n      ...buildSeriesLabelConfig(formatter, 'x'),\n      itemStyle: { color: barColorFn },\n    })),\n    xAxis: {\n      type: 'value',\n      // Closures over the pre-computed nice bounds — ECharts calls them\n      // once per render to resolve the axis extents.\n      min: () => niceMinVal,\n      max: () => niceMaxVal,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      // Value labels render BELOW the axis line (default placement),\n      // NOT inside the plot. Bar/histogram use `inside: true` +\n      // `verticalAlign: 'bottom'` for their *vertical* y-axis where the\n      // axis is the left wall — labels inside read like grid annotations.\n      // A horizontal bar chart's value axis is the x-axis, and `inside`\n      // there pushes the max label *behind* the bar (it visually\n      // disappears once a bar reaches the right edge). Use the default\n      // below-the-axis placement so the rounded extents stay readable.\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate?.fontSize,\n        fontFamily: theme.typography.overlineDelicate?.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        showMaxLabel: true,\n        showMinLabel: true,\n        formatter: (value: number) => {\n          if (value !== niceMaxVal && value !== niceMinVal) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\n      },\n    },\n    yAxis: {\n      type: 'category',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        ...(labelFormatter && {\n          formatter: (value: string | number) => String(labelFormatter(value)),\n        }),\n      },\n    },\n    legend: { ...baseLegend, show: true },\n    tooltip: {\n      ...baseTooltip,\n      trigger: 'axis',\n      formatter: buildHorizontalBarTooltipFormatter(formatter, labelFormatter),\n    },\n  } as EChartsOption\n}\n\n/**\n * Tooltip formatter for the horizontal-bar fallback. Reads the value by\n * `encode.x` dimension index (v1 parity) so it stays robust to\n * downstream changes that rename dataset columns.\n */\nfunction buildHorizontalBarTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const encodeIndex = item.encode?.x?.at(0)\n    const dimName =\n      encodeIndex !== undefined ? item.dimensionNames?.[encodeIndex] : undefined\n    const row =\n      item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n        ? (item.value as Record<string, string | number>)\n        : undefined\n    const raw = dimName && row ? row[dimName] : undefined\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const name = labelFormatter\n      ? String(labelFormatter(item.name ?? ''))\n      : String(item.name ?? '')\n    return { name, seriesName, marker, value: formattedValue }\n  })\n}\n\n/**\n * Min/max bounds over every datum's `.value` across all series. Used by\n * the horizontal-bar fallback's x-axis label formatter so we only render\n * labels at the rounded extents (matches v1 + bar / histogram).\n */\nfunction computeNiceBounds(seriesArr: PieWidgetData): {\n  niceMinVal: number\n  niceMaxVal: number\n} {\n  let min = 0\n  let max = -Infinity\n  for (const series of seriesArr) {\n    for (const d of series) {\n      if (typeof d?.value !== 'number' || !Number.isFinite(d.value)) continue\n      if (d.value < min) min = d.value\n      if (d.value > max) max = d.value\n    }\n  }\n  return {\n    niceMinVal: min < 0 ? niceNum(min) : 0,\n    niceMaxVal: max <= 0 ? 1 : niceNum(max),\n  }\n}\n\n/**\n * Tooltip formatter for pie slices. `item.value` is the dataset row\n * object (e.g. `{ name: 'A', value: 10 }`); we pull the value by\n * `encode.value`'s dimension index, formatted via the reactive `formatter`\n * if present. Slice name passes through `labelFormatter`.\n */\nfunction buildPieTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const encodeIndex = item.encode?.value?.at(0) ?? 1\n    const values =\n      item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n        ? (Object.values(item.value) as (string | number)[])\n        : []\n    const raw = values[encodeIndex]\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    const name = labelFormatter\n      ? String(labelFormatter(item.name ?? ''))\n      : String(item.name ?? '')\n    return { name, seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 200,\n    py: 1,\n    gap: 2,\n  },\n  donut: {\n    width: 160,\n    height: 160,\n    borderRadius: '50%',\n  },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface PieSkeletonProps {\n  count?: number\n}\n\nexport function PieSkeleton({ count = 1 }: PieSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={`donut-${i}`} variant='circular' sx={styles.donut} />\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { PieWidgetData } from './types'\n\n/**\n * Download menu items for the Pie widget. Always includes a CSV item with\n * `series, name, value` columns (one row per slice; series labels come from\n * `seriesNames` if provided, else `series_<n>`). When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createPieDownloadConfig(args: {\n  filename: string\n  getData: () => PieWidgetData\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', 'name', 'value']]\n      for (const [i, series] of data.entries()) {\n        const seriesName = args.seriesNames?.[i] ?? `series_${i + 1}`\n        for (const slice of series) {\n          rows.push([seriesName, slice.name, slice.value])\n        }\n      }\n      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":["DEFAULT_RADIUS","pieOptions","theme","formatter","labelFormatter","legend","buildLegendConfig","hasLegend","left","type","itemGap","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","parseInt","spacing","textStyle","color","common","white","fontSize","fontFamily","typography","caption","position","createTooltipPositioner","buildPieTooltipFormatter","Object","values","qualitative","bold","series","colorBy","avoidLabelOverlap","selectedOffset","emphasis","disabled","itemStyle","borderColor","background","paper","label","show","rich","b","fontWeight","lineHeight","c","createPieOptionFactory","options","optionsOverride","seriesNames","radius","selection","selectionSet","length","Set","option","data","ctx","structural","mergeOptions","seriesArr","Array","isArray","dataset","buildMultiSeriesBarFusion","buildSingleSeriesPieFusion","seriesTemplates","broadcastTemplate","baseTooltip","baseLegend","resolvePaletteColor","params","dataIndex","undefined","colorFn","base","name","value","has","echarts","modifyAlpha","labelTextFormatter","encodeIndex","encode","at","formattedValue","String","formattedName","map","s","source","_","i","template","templateObj","templateLabel","templateItemStyle","datasetIndex","center","itemName","baseGrid","grid","niceMinVal","niceMaxVal","computeNiceBounds","barColorFn","seriesIdx","seriesIndex","buildGridConfig","right","containLabel","barMaxWidth","focus","buildSeriesLabelConfig","xAxis","min","max","axisLine","axisTick","splitLine","lineStyle","black","divider","axisLabel","overlineDelicate","margin","showMaxLabel","showMinLabel","yAxis","buildHorizontalBarTooltipFormatter","createTooltipFormatter","item","x","dimName","dimensionNames","row","raw","marker","seriesName","d","Number","isFinite","niceNum","styles","root","display","alignItems","justifyContent","minHeight","py","gap","donut","width","height","borderRadius","PieSkeleton","t0","$","_c","count","t1","t2","Box","from","_temp","jsx","Skeleton","createPieDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","pngBackgroundColor","id","resolve","getData","rows","entries","slice","handle","downloadToCSV","Promise","url","revoke"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAA4C,CAAC,OAAO,KAAK;AAiBxD,SAASC,EAAW;AAAA,EACzBC,OAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AACe,GAAqB;AACpC,SAAO;AAAA,IACLC,QAAQ;AAAA,MACN,GAAGC,EAAkB;AAAA,QAAEC,WAAW;AAAA,QAAMH,gBAAAA;AAAAA,MAAAA,CAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQxDI,MAAM;AAAA,MACNC,MAAM;AAAA,MACNC,SAAS;AAAA,IAAA;AAAA,IAEXC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,MAKPC,SAAS;AAAA,MACTC,iBAAiBX,EAAMY,QAAQC,KAAK,GAAG;AAAA,MACvCC,aAAa;AAAA,MACbC,SAAS,CAACC,SAAShB,EAAMiB,QAAQ,CAAC,CAAC,GAAGD,SAAShB,EAAMiB,QAAQ,CAAC,CAAC,CAAC;AAAA,MAChEC,WAAW;AAAA,QACTC,OAAOnB,EAAMY,QAAQQ,OAAOC;AAAAA,QAC5BC,UAAU;AAAA,QACVC,YAAYvB,EAAMwB,WAAWC,QAAQF;AAAAA,MAAAA;AAAAA,MAEvCG,UAAUC,EAAwB3B,CAAK;AAAA,MACvCC,WAAW2B,EAAyB3B,GAAWC,CAAc;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAK/DiB,OAAOU,OAAOC,OACX9B,EAAMY,QACJmB,aAAaC,QAAQ,EAC1B;AAAA;AAAA;AAAA;AAAA,IAIAC,QAAQ,CACN;AAAA,MACE1B,MAAM;AAAA,MACN2B,SAAS;AAAA,MACTC,mBAAmB;AAAA,MACnBC,gBAAgB;AAAA,MAChBC,UAAU;AAAA,QAAEC,UAAU;AAAA,MAAA;AAAA,MACtBC,WAAW;AAAA,QACTC,aAAaxC,EAAMY,QAAQ6B,WAAWC;AAAAA,QACtC5B,aAAa;AAAA,MAAA;AAAA,MAEf6B,OAAO;AAAA,QACLC,MAAM;AAAA,QACNlB,UAAU;AAAA,QACVmB,MAAM;AAAA,UACJC,GAAG;AAAA,YAAExB,UAAU;AAAA,YAAIyB,YAAY;AAAA,YAAUC,YAAY;AAAA,UAAA;AAAA,UACrDC,GAAG;AAAA,YAAE3B,UAAU;AAAA,YAAIyB,YAAY;AAAA,YAAQC,YAAY;AAAA,UAAA;AAAA,QAAG;AAAA,MACxD;AAAA,IACF,CACD;AAAA,EAAA;AAGP;AAkBO,SAASE,GACdC,GACe;AACf,QAAM;AAAA,IAAEnD,OAAAA;AAAAA,IAAOC,WAAAA;AAAAA,IAAWC,gBAAAA;AAAAA,IAAgBkD,iBAAAA;AAAAA,IAAiBC,aAAAA;AAAAA,EAAAA,IACzDF,GACIG,IAASH,EAAQG,UAAUxD,GAC3ByD,IAAYJ,EAAQI,WACpBC,IACJD,KAAaA,EAAUE,SAAS,IAC5B,IAAIC,IAAqBH,CAAS,IAClC;AACN,SAAO,CAACI,GAAQC,GAAMC,MAAQ;AAC5B,QAAIF,KAAU,MAAM;AAClB,YAAMG,IAAa/D,EAAW;AAAA,QAAEC,OAAAA;AAAAA,QAAOC,WAAAA;AAAAA,QAAWC,gBAAAA;AAAAA,MAAAA,CAAgB;AAClE,aAAOkD,IACFW,EACCD,GACAV,CACF,IACAU;AAAAA,IACN;AAEA,UAAME,IAAYC,MAAMC,QAAQN,CAAI,IAAKA,IAAyB,CAAA;AAClE,WAAII,EAAUP,WAAW,IAChB;AAAA,MAAE,GAAGE;AAAAA,MAAQQ,SAAS,CAAA;AAAA,MAAIlC,QAAQ,CAAA;AAAA,IAAA,IAEvC+B,EAAUP,SAAS,IACdW,EACLT,GACAK,GACAhE,GACAqD,GACAQ,GACAL,CACF,IAEKa,EACLV,GACAK,GACAV,GACAD,GACAQ,GACAL,CACF;AAAA,EACF;AACF;AAQA,SAASa,EACPV,GACAK,GACAV,GACAD,GACAQ,GACAL,GACe;AACf,QAAMc,IAAkBL,MAAMC,QAAQP,EAAO1B,MAAM,IAAI0B,EAAO1B,SAAS,CAAA,GACjEsC,IAAoBD,EAAgB,CAAC,KAAK,CAAA,GAC1CE,IACJ,OAAOb,EAAOlD,WAAY,YAAY,CAACwD,MAAMC,QAAQP,EAAOlD,OAAO,IAC/DkD,EAAOlD,UACP,CAAA,GACAgE,IACJ,OAAOd,EAAOxD,UAAW,YAAY,CAAC8D,MAAMC,QAAQP,EAAOxD,MAAM,IAC7DwD,EAAOxD,SACP,CAAA,GACAF,IAAY4D,GAAK5D,WACjBC,IAAiB2D,GAAK3D,gBAQtBU,IAAUqD,MAAMC,QAAQP,EAAOxC,KAAK,IACrCwC,EAAOxC,QACR,CAAA,GACEuD,IAAsBA,CAACC,OAEzB/D,EAAQ6C,SAAS,IACb7C,EAAQ+D,EAAOC,YAAYhE,EAAQ6C,MAAM,IACzCoB,WACYF,EAAOxD,OAOrB2D,IAAUA,CAACH,MAAuC;AACtD,UAAMI,IAAOL,EAAoBC,CAAM;AACvC,QAAI,CAACnB,EAAc,QAAOuB;AAE1B,UAAMC,IADQL,EAAOM,OACDD,QAAQL,EAAOK;AACnC,WAAOA,KAAQ,QAAQxB,EAAa0B,IAAIF,CAAI,IACxCD,IACAI,EAAQhE,MAAMiE,YAAYL,GAAM,IAAI;AAAA,EAC1C,GAMMM,IAAqBA,CAACV,MAAuC;AACjE,UAAM;AAAA,MAAEK,MAAAA;AAAAA,IAAAA,IAASL,GACXW,IAAcX,EAAOY,QAAQN,QAAQ,CAAC;AAC5C,QAAIK,MAAgBT,OAAW,QAAO;AACtC,UAAMI,IAASpD,OAAOC,OAAO6C,EAAOf,QAAQ,CAAA,CAAE,EAAgB4B,GAC5DF,CACF,GAIMG,IACJ,OAAOR,KAAU,WACbhF,IACEA,EAAUgF,CAAK,IACfS,OAAOT,CAAK,IACd,OAAOA,KAAU,WACfA,IACA,IACFU,IACFD,OADkBxF,IACXA,EAAe8E,KAAQ,EAAE,IACzBA,KAAQ,EADkB;AAErC,WAAO,MAAMS,CAAc;AAAA;AAAA,KAAWE,CAAa;AAAA,EACrD;AAEA,SAAO;AAAA,IACL,GAAGhC;AAAAA,IACHQ,SAASH,EAAU4B,IAAKC,CAAAA,OAAO;AAAA,MAAEC,QAAQD;AAAAA,IAAAA,EAAyB;AAAA,IAClE5D,QAAQ+B,EAAU4B,IAAI,CAACG,GAAGC,MAAM;AAC9B,YAAMC,IACH3B,EAAgB0B,CAAC,KACjBzB,GACG2B,IAAc,OAAOD,KAAa,WAAWA,IAAW,CAAA,GACxDE,IAAiBD,EAAmCvD,SAAS,CAAA,GAC7DyD,IACHF,EAAuC3D,aAAa,CAAA;AACvD,aAAO;AAAA,QACL,GAAG2D;AAAAA,QACH3F,MAAM;AAAA,QACN8F,cAAcL;AAAAA,QACdhB,MAAM3B,IAAc2C,CAAC,KAAK,UAAUA,IAAI,CAAC;AAAA,QACzC1C,QAAQ,CAAC,GAAGA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMlBgD,QAAQ,CAAC,OAAO,KAAK;AAAA,QACrBf,QAAQ;AAAA,UAAEgB,UAAU;AAAA,UAAQtB,OAAO;AAAA,QAAA;AAAA,QACnCtC,OAAO;AAAA,UACL,GAAGwD;AAAAA,UACHlG,WAAWoF;AAAAA,QAAAA;AAAAA,QAEb9C,WAAW;AAAA,UACT,GAAG6D;AAAAA,UACHjF,OAAO2D;AAAAA,QAAAA;AAAAA,MACT;AAAA,IAEJ,CAAC;AAAA;AAAA;AAAA,IAGD3E,QAAQ;AAAA,MAAE,GAAGsE;AAAAA,MAAY7B,MAAM;AAAA,IAAA;AAAA,IAC/BnC,SAAS;AAAA,MACP,GAAG+D;AAAAA,MACHvE,WAAW2B,EAAyB3B,GAAWC,CAAc;AAAA,IAAA;AAAA,EAC/D;AAEJ;AAWA,SAASkE,EACPT,GACAK,GACAhE,GACAqD,GACAQ,GACAL,GACe;AACf,QAAMgB,IACJ,OAAOb,EAAOlD,WAAY,YAAY,CAACwD,MAAMC,QAAQP,EAAOlD,OAAO,IAC/DkD,EAAOlD,UACP,CAAA,GACAgE,IACJ,OAAOd,EAAOxD,UAAW,YAAY,CAAC8D,MAAMC,QAAQP,EAAOxD,MAAM,IAC7DwD,EAAOxD,SACP,CAAA,GACAqG,IACJ,OAAO7C,EAAO8C,QAAS,YAAY,CAACxC,MAAMC,QAAQP,EAAO8C,IAAI,IACzD9C,EAAO8C,OACP,CAAA,GACAxG,IAAY4D,GAAK5D,WACjBC,IAAiB2D,GAAK3D,gBAEtB;AAAA,IAAEwG,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,EAAAA,IAAeC,EAAkB5C,CAAS,GAMxDpD,IAAUqD,MAAMC,QAAQP,EAAOxC,KAAK,IACrCwC,EAAOxC,QACR,CAAA,GACE0F,IAAaA,CAAClC,MAAuC;AACzD,UAAMmC,IAAYnC,EAAOoC,eAAe,GAGlChC,KADJnE,EAAQ6C,SAAS,IAAI7C,EAAQkG,IAAYlG,EAAQ6C,MAAM,IAAIoB,WAC/BF,EAAOxD;AACrC,QAAI,CAACqC,EAAc,QAAOuB;AAE1B,UAAMC,IADQL,EAAOM,OACDD,QAAQL,EAAOK;AACnC,WAAOA,KAAQ,QAAQxB,EAAa0B,IAAIF,CAAI,IACxCD,IACAI,EAAQhE,MAAMiE,YAAYL,GAAM,IAAI;AAAA,EAC1C;AAEA,SAAO;AAAA,IACL,GAAGpB;AAAAA,IACHQ,SAASH,EAAU4B,IAAKC,CAAAA,OAAO;AAAA,MAAEC,QAAQD;AAAAA,IAAAA,EAAyB;AAAA,IAClEY,MAAM;AAAA,MACJ,GAAGD;AAAAA,MACH,GAAGQ,EAAgB,IAAMhH,CAAK;AAAA,MAC9BiH,OAAOjG,SAAShB,EAAMiB,QAAQ,CAAC,CAAC;AAAA,MAChCiG,cAAc;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKhBjF,QAAQ+B,EAAU4B,IAAI,CAACG,GAAGC,OAAO;AAAA,MAC/BK,cAAcL;AAAAA,MACdzF,MAAM;AAAA,MACNyE,MAAM3B,IAAc2C,CAAC,KAAK,UAAUA,IAAI,CAAC;AAAA,MACzCmB,aAAa;AAAA,MACb9E,UAAU;AAAA,QAAE+E,OAAO;AAAA,MAAA;AAAA,MACnB,GAAGC,EAAuBpH,GAAW,GAAG;AAAA,MACxCsC,WAAW;AAAA,QAAEpB,OAAO0F;AAAAA,MAAAA;AAAAA,IAAW,EAC/B;AAAA,IACFS,OAAO;AAAA,MACL/G,MAAM;AAAA;AAAA;AAAA,MAGNgH,KAAKA,MAAMb;AAAAA,MACXc,KAAKA,MAAMb;AAAAA,MACXc,UAAU;AAAA,QAAE7E,MAAM;AAAA,MAAA;AAAA,MAClB8E,UAAU;AAAA,QAAE9E,MAAM;AAAA,MAAA;AAAA,MAClB+E,WAAW;AAAA,QACT/E,MAAM;AAAA,QACNgF,WAAW;AAAA,UAAEzG,OAAOnB,EAAMY,QAAQiH,QAAQ,CAAC,KAAK7H,EAAMY,QAAQkH;AAAAA,QAAAA;AAAAA,MAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUxEC,WAAW;AAAA,QACTzG,UAAUtB,EAAMwB,WAAWwG,kBAAkB1G;AAAAA,QAC7CC,YAAYvB,EAAMwB,WAAWwG,kBAAkBzG;AAAAA,QAC/C0G,QAAQjH,SAAShB,EAAMiB,QAAQ,CAAC,CAAC;AAAA,QACjCiH,cAAc;AAAA,QACdC,cAAc;AAAA,QACdlI,WAAWA,CAACgF,MACNA,MAAU0B,KAAc1B,MAAUyB,KAClCzB,MAAU,IAAU,KACjBhF,IAAYA,EAAUgF,CAAK,IAAIS,OAAOT,CAAK;AAAA,MACpD;AAAA,IACF;AAAA,IAEFmD,OAAO;AAAA,MACL7H,MAAM;AAAA,MACNkH,UAAU;AAAA,QAAE7E,MAAM;AAAA,MAAA;AAAA,MAClB8E,UAAU;AAAA,QAAE9E,MAAM;AAAA,MAAA;AAAA,MAClBmF,WAAW;AAAA,QACThH,SAAS,CAACC,SAAShB,EAAMiB,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAC/C,GAAIf,KAAkB;AAAA,UACpBD,WAAWA,CAACgF,MAA2BS,OAAOxF,EAAe+E,CAAK,CAAC;AAAA,QAAA;AAAA,MACrE;AAAA,IACF;AAAA,IAEF9E,QAAQ;AAAA,MAAE,GAAGsE;AAAAA,MAAY7B,MAAM;AAAA,IAAA;AAAA,IAC/BnC,SAAS;AAAA,MACP,GAAG+D;AAAAA,MACH9D,SAAS;AAAA,MACTT,WAAWoI,EAAmCpI,GAAWC,CAAc;AAAA,IAAA;AAAA,EACzE;AAEJ;AAOA,SAASmI,EACPpI,GACAC,GACA;AACA,SAAOoI,EAAwBC,CAAAA,MAAS;AACtC,UAAMjD,IAAciD,EAAKhD,QAAQiD,GAAGhD,GAAG,CAAC,GAClCiD,IACJnD,MAAgBT,SAAY0D,EAAKG,iBAAiBpD,CAAW,IAAIT,QAC7D8D,IACJJ,EAAKtD,SAAS,OAAOsD,EAAKtD,SAAU,YAAY,CAAChB,MAAMC,QAAQqE,EAAKtD,KAAK,IACpEsD,EAAKtD,QACNJ,QACA+D,IAAMH,KAAWE,IAAMA,EAAIF,CAAO,IAAI5D,QACtCY,IACJ,OAAOmD,KAAQ,YAAY3I,IAAYA,EAAU2I,CAAG,IAAKA,KAAO,IAC5DC,IAAS,OAAON,EAAKM,UAAW,WAAWN,EAAKM,SAAS,IACzDC,IAAaP,EAAKO,aAAa,GAAGP,EAAKO,UAAU,OAAO;AAI9D,WAAO;AAAA,MAAE9D,MAFLU,OADSxF,IACFA,EAAeqI,EAAKvD,QAAQ,EAAE,IAC9BuD,EAAKvD,QAAQ,EADkB;AAAA,MAE3B8D,YAAAA;AAAAA,MAAYD,QAAAA;AAAAA,MAAQ5D,OAAOQ;AAAAA,IAAAA;AAAAA,EAC5C,CAAC;AACH;AAOA,SAASmB,EAAkB5C,GAGzB;AACA,MAAIuD,IAAM,GACNC,IAAM;AACV,aAAWvF,KAAU+B;AACnB,eAAW+E,KAAK9G;AACd,MAAI,OAAO8G,GAAG9D,SAAU,YAAY,CAAC+D,OAAOC,SAASF,EAAE9D,KAAK,MACxD8D,EAAE9D,QAAQsC,MAAKA,IAAMwB,EAAE9D,QACvB8D,EAAE9D,QAAQuC,MAAKA,IAAMuB,EAAE9D;AAG/B,SAAO;AAAA,IACLyB,YAAYa,IAAM,IAAI2B,EAAQ3B,CAAG,IAAI;AAAA,IACrCZ,YAAYa,KAAO,IAAI,IAAI0B,EAAQ1B,CAAG;AAAA,EAAA;AAE1C;AAQA,SAAS5F,EACP3B,GACAC,GACA;AACA,SAAOoI,EAAwBC,CAAAA,MAAS;AACtC,UAAMjD,IAAciD,EAAKhD,QAAQN,OAAOO,GAAG,CAAC,KAAK,GAK3CoD,KAHJL,EAAKtD,SAAS,OAAOsD,EAAKtD,SAAU,YAAY,CAAChB,MAAMC,QAAQqE,EAAKtD,KAAK,IACpEpD,OAAOC,OAAOyG,EAAKtD,KAAK,IACzB,CAAA,GACaK,CAAW,GACxBG,IACJ,OAAOmD,KAAQ,YAAY3I,IAAYA,EAAU2I,CAAG,IAAKA,KAAO,IAC5DC,IAAS,OAAON,EAAKM,UAAW,WAAWN,EAAKM,SAAS,IACzDC,IAAaP,EAAKO,aAAa,GAAGP,EAAKO,UAAU,OAAO;AAI9D,WAAO;AAAA,MAAE9D,MAFLU,OADSxF,IACFA,EAAeqI,EAAKvD,QAAQ,EAAE,IAC9BuD,EAAKvD,QAAQ,EADkB;AAAA,MAE3B8D,YAAAA;AAAAA,MAAYD,QAAAA;AAAAA,MAAQ5D,OAAOQ;AAAAA,IAAAA;AAAAA,EAC5C,CAAC;AACH;ACzfA,MAAM0D,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,WAAW;AAAA,IACXC,IAAI;AAAA,IACJC,KAAK;AAAA,EAAA;AAAA,EAEPC,OAAO;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,cAAc;AAAA,EAAA;AAElB;AAMO,SAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAvF,SAAA,IAAAuF;AAAS,MAAAC;AAAA,SAAAJ,SAAAE,KAEnCE,sBAACC,GAAA,EAAQ,IAAAnB,EAAMC,MACZnF,gBAAKsG,KAAM;AAAA,IAAA9G,QAAU0G;AAAAA,EAAAA,CAAO,EAACvE,IAAK4E,CAElC,GACH,GAAMP,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GAJNI;AAIM;AANH,SAAAG,EAAAzE,GAAAC,GAAA;AAAA,SAIC,gBAAAyE,EAACC,KAAoC,SAAA,YAAe,IAAAvB,EAAMQ,MAAAA,GAA3C,SAAS3D,CAAC,EAAuC;AAAI;ACbrE,SAAS2E,GAAwBC,GAOrB;AACjB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjBxK,iBAAiBiK,EAAKQ;AAAAA,EAAAA,CACvB,CACH,GAEFP,EAAME,KAAK;AAAA,IACTM,IAAI;AAAA,IACJ1I,OAAO;AAAA,IACP2I,SAASA,MAAM;AACb,YAAM1H,IAAOgH,EAAKW,QAAAA,GACZC,IAAoB,CAAC,CAAC,UAAU,QAAQ,OAAO,CAAC;AACtD,iBAAW,CAACxF,GAAG/D,CAAM,KAAK2B,EAAK6H,WAAW;AACxC,cAAM3C,IAAa8B,EAAKvH,cAAc2C,CAAC,KAAK,UAAUA,IAAI,CAAC;AAC3D,mBAAW0F,KAASzJ;AAClBuJ,UAAAA,EAAKT,KAAK,CAACjC,GAAY4C,EAAM1G,MAAM0G,EAAMzG,KAAK,CAAC;AAAA,MAEnD;AACA,YAAM0G,IAASC,EAAcJ,CAAI;AACjC,aAAOK,QAAQP,QAAQ;AAAA,QACrBQ,KAAKH,EAAOG;AAAAA,QACZb,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1Bc,QAAQJ,EAAOI;AAAAA,MAAAA,CAChB;AAAA,IACH;AAAA,EAAA,CACD,GACMlB;AACT;"}

package/dist/widgets-v2/range.js

@@ -0,0 +1,52 @@
+import { R as y, a as R } from "../range-DsqTjSpg.js";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { c as p } from "react/compiler-runtime";
+import { Box as a, Skeleton as i } from "@mui/material";
+const e = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3,
+    py: 1
+  },
+  item: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 1.5
+  },
+  track: {
+    height: 32
+  },
+  inputsRow: {
+    display: "flex",
+    gap: 2
+  },
+  input: {
+    flex: 1,
+    height: 40
+  }
+};
+function g(l) {
+  const t = p(2), {
+    count: s
+  } = l, o = s === void 0 ? 1 : s;
+  let n;
+  return t[0] !== o ? (n = /* @__PURE__ */ r(a, { sx: e.root, children: Array.from({
+    length: o
+  }).map(x) }), t[0] = o, t[1] = n) : n = t[1], n;
+}
+function x(l, t) {
+  return /* @__PURE__ */ c(a, { sx: e.item, children: [
+    /* @__PURE__ */ r(i, { variant: "rectangular", sx: e.track }),
+    /* @__PURE__ */ c(a, { sx: e.inputsRow, children: [
+      /* @__PURE__ */ r(i, { variant: "rectangular", sx: e.input }),
+      /* @__PURE__ */ r(i, { variant: "rectangular", sx: e.input })
+    ] })
+  ] }, `item-${t}`);
+}
+export {
+  y as Range,
+  g as RangeSkeleton,
+  R as RangeUI
+};
+//# sourceMappingURL=range.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range.js","sources":["../../src/widgets-v2/range/skeleton.tsx"],"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: 3,\n    py: 1,\n  },\n  item: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1.5,\n  },\n  track: { height: 32 },\n  inputsRow: {\n    display: 'flex',\n    gap: 2,\n  },\n  input: { flex: 1, height: 40 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface RangeSkeletonProps {\n  count?: number\n}\n\n/**\n * Loading placeholder for the Range widget. Renders `count` rows, each\n * matching the slider-then-inputs layout of {@link RangeUI} so the layout\n * doesn't jump when data resolves.\n */\nexport function RangeSkeleton({ count = 1 }: RangeSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Box key={`item-${i}`} sx={styles.item}>\n          <Skeleton variant='rectangular' sx={styles.track} />\n          <Box sx={styles.inputsRow}>\n            <Skeleton variant='rectangular' sx={styles.input} />\n            <Skeleton variant='rectangular' sx={styles.input} />\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],"names":["styles","root","display","flexDirection","gap","py","item","track","height","inputsRow","input","flex","RangeSkeleton","t0","$","_c","count","t1","undefined","t2","Box","Array","from","length","map","_temp","_","i","jsxs","jsx","Skeleton"],"mappings":";;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLC,IAAI;AAAA,EAAA;AAAA,EAENC,MAAM;AAAA,IACJJ,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,EAAA;AAAA,EAEPG,OAAO;AAAA,IAAEC,QAAQ;AAAA,EAAA;AAAA,EACjBC,WAAW;AAAA,IACTP,SAAS;AAAA,IACTE,KAAK;AAAA,EAAA;AAAA,EAEPM,OAAO;AAAA,IAAEC,MAAM;AAAA,IAAGH,QAAQ;AAAA,EAAA;AAC5B;AAWO,SAAAI,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAuB;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,SAAAL,SAAAE,KAErCG,sBAACC,GAAA,EAAQ,IAAApB,EAAMC,MACZoB,gBAAKC,KAAM;AAAA,IAAAC,QAAUP;AAAAA,EAAAA,CAAO,EAACQ,IAAKC,CAQlC,GACH,GAAMX,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAVNK;AAUM;AAZH,SAAAM,EAAAC,GAAAC,GAAA;AAAA,SAIC,gBAAAC,EAACR,GAAA,EAA0B,IAAApB,EAAMM,MAC/B,UAAA;AAAA,IAAA,gBAAAuB,EAACC,GAAA,EAAiB,SAAA,eAAkB,IAAA9B,EAAMO,OAAM;AAAA,IAChD,gBAAAqB,EAACR,GAAA,EAAQ,IAAApB,EAAMS,WACb,UAAA;AAAA,MAAA,gBAAAoB,EAACC,GAAA,EAAiB,SAAA,eAAkB,IAAA9B,EAAMU,OAAM;AAAA,wBAC/CoB,GAAA,EAAiB,SAAA,eAAkB,IAAA9B,EAAMU,MAAAA,CAAM;AAAA,IAAA,EAAA,CAClD;AAAA,EAAA,EAAA,WALgBiB,CAAC,EAMnB;AAAM;"}