@carto/ps-react-ui 5.0.0 → 6.0.0

package/dist/widgets/pie.js.map

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

package/dist/widgets/range.js

@@ -1,233 +1,2 @@
-import { n as e } from "../widget-store-BFPKYm4R.js";
-import { t } from "../use-widget-selector-VSPhfhNm.js";
-import { t as n } from "../formatter-wVO81tYk.js";
-import { t as r } from "../row-CvVGBuy_.js";
-import { c as i } from "react/compiler-runtime";
-import { useState as a } from "react";
-import { Box as o, Skeleton as s, Slider as c, TextField as l } from "@mui/material";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/widgets/range/style.ts
-var f = {
-	root: {
-		display: "flex",
-		flexDirection: "column",
-		gap: (e) => e.spacing(2)
-	},
-	rangeItem: {
-		display: "flex",
-		flexDirection: "column",
-		gap: (e) => e.spacing(1.5)
-	},
-	sliderContainer: {
-		display: "flex",
-		flexDirection: "column",
-		gap: (e) => e.spacing(1),
-		px: (e) => e.spacing(1)
-	},
-	inputsRow: {
-		display: "flex",
-		gap: (e) => e.spacing(2),
-		alignItems: "center"
-	},
-	input: {
-		flex: 1,
-		"& .MuiInputBase-input": { textAlign: "center" }
-	},
-	slider: {
-		width: "100%",
-		"&.Mui-disabled": { color: (e) => e.palette.text.disabled }
-	}
-};
-//#endregion
-//#region src/widgets/range/components/range-item.tsx
-function p(r) {
-	let s = i(58), { id: l, index: p } = r, h;
-	s[0] === p ? h = s[1] : (h = (e) => {
-		let t = e;
-		return {
-			item: t?.data[p],
-			onChange: t?.onChange,
-			formatter: t?.formatter
-		};
-	}, s[0] = p, s[1] = h);
-	let { item: g, onChange: _, formatter: v } = t(l, h), y = v ?? n, b;
-	s[2] === g ? b = s[3] : (b = g ? g.value ?? [g.min, g.max] : [0, 0], s[2] = g, s[3] = b);
-	let x = b, [S, C] = a("");
-	if (!g) return null;
-	let w;
-	s[4] !== l || s[5] !== p || s[6] !== g || s[7] !== _ ? (w = (t, n) => {
-		if (Array.isArray(n)) {
-			let [t, r] = n, i = e.getWidget(l)?.data ?? [];
-			i[p] = {
-				...g,
-				value: n
-			}, e.setWidget(l, { data: i }), _?.([t, r], p);
-		}
-	}, s[4] = l, s[5] = p, s[6] = g, s[7] = _, s[8] = w) : w = s[8];
-	let T = w, E;
-	s[9] === Symbol.for("react.memo_cache_sentinel") ? (E = (e) => {
-		C(e.target.name);
-	}, s[9] = E) : E = s[9];
-	let D = E, O;
-	if (s[10] !== x[0] || s[11] !== x[1] || s[12] !== l || s[13] !== p || s[14] !== g.max || s[15] !== g.min || s[16] !== _) {
-		let t = (t) => {
-			let { name: n, value: r } = t.target, i;
-			i = n === "min" ? [Math.min(Math.max(g.min, parseFloat(r) || g.min), x[1]), x[1] ?? 0] : [x[0] ?? 0, Math.max(Math.min(g.max, parseFloat(r) || g.max), x[0])];
-			let a = e.getWidget(l)?.data ?? [];
-			e.setWidget(l, { data: a.map((e, t) => t === p ? {
-				...e,
-				value: i
-			} : e) }), _?.([i[0], i[1]], p);
-		};
-		O = (e) => {
-			C(""), t(e);
-		}, s[10] = x[0], s[11] = x[1], s[12] = l, s[13] = p, s[14] = g.max, s[15] = g.min, s[16] = _, s[17] = O;
-	} else O = s[17];
-	let k = O, A;
-	s[18] === k ? A = s[19] : (A = (e) => {
-		e.key === "Enter" && (k(e), e.currentTarget.blur());
-	}, s[18] = k, s[19] = A);
-	let j = A, M;
-	s[20] === g.color ? M = s[21] : (M = g.color && { color: g.color }, s[20] = g.color, s[21] = M);
-	let N;
-	s[22] === M ? N = s[23] : (N = {
-		...f.slider,
-		...M
-	}, s[22] = M, s[23] = N);
-	let P;
-	s[24] !== x || s[25] !== y || s[26] !== T || s[27] !== g.disabled || s[28] !== g.marks || s[29] !== g.max || s[30] !== g.min || s[31] !== g.step || s[32] !== N ? (P = /* @__PURE__ */ u(o, {
-		sx: f.sliderContainer,
-		children: /* @__PURE__ */ u(c, {
-			value: x,
-			onChange: T,
-			valueLabelDisplay: "auto",
-			valueLabelFormat: y,
-			min: g.min,
-			max: g.max,
-			step: g.step,
-			marks: g.marks,
-			disabled: g.disabled,
-			sx: N
-		})
-	}), s[24] = x, s[25] = y, s[26] = T, s[27] = g.disabled, s[28] = g.marks, s[29] = g.max, s[30] = g.min, s[31] = g.step, s[32] = N, s[33] = P) : P = s[33];
-	let F = `min-${x[0]}`, I = x[0] ?? 0, L;
-	s[34] === Symbol.for("react.memo_cache_sentinel") ? (L = { "aria-label": "Minimum value" }, s[34] = L) : L = s[34];
-	let R;
-	s[35] !== y || s[36] !== k || s[37] !== j || s[38] !== S || s[39] !== g.disabled || s[40] !== F || s[41] !== I ? (R = /* @__PURE__ */ u(m, {
-		isEditing: S,
-		name: "min",
-		value: I,
-		formatter: y,
-		onFocus: D,
-		onBlur: k,
-		onKeyDown: j,
-		disabled: g.disabled,
-		inputProps: L
-	}, F), s[35] = y, s[36] = k, s[37] = j, s[38] = S, s[39] = g.disabled, s[40] = F, s[41] = I, s[42] = R) : R = s[42];
-	let z = `max-${x[1]}`, B = x[1] ?? 0, V;
-	s[43] === Symbol.for("react.memo_cache_sentinel") ? (V = { "aria-label": "Maximum value" }, s[43] = V) : V = s[43];
-	let H;
-	s[44] !== y || s[45] !== k || s[46] !== j || s[47] !== S || s[48] !== g.disabled || s[49] !== z || s[50] !== B ? (H = /* @__PURE__ */ u(m, {
-		isEditing: S,
-		name: "max",
-		value: B,
-		formatter: y,
-		onFocus: D,
-		onBlur: k,
-		onKeyDown: j,
-		disabled: g.disabled,
-		inputProps: V
-	}, z), s[44] = y, s[45] = k, s[46] = j, s[47] = S, s[48] = g.disabled, s[49] = z, s[50] = B, s[51] = H) : H = s[51];
-	let U;
-	s[52] !== R || s[53] !== H ? (U = /* @__PURE__ */ d(o, {
-		sx: f.inputsRow,
-		children: [R, H]
-	}), s[52] = R, s[53] = H, s[54] = U) : U = s[54];
-	let W;
-	return s[55] !== U || s[56] !== P ? (W = /* @__PURE__ */ d(o, {
-		sx: f.rangeItem,
-		children: [P, U]
-	}), s[55] = U, s[56] = P, s[57] = W) : W = s[57], W;
-}
-function m(e) {
-	let t = i(12), { isEditing: n, name: r, disabled: o, value: s, formatter: c, onFocus: d, onBlur: p, onKeyDown: m, inputProps: h } = e, [g, _] = a(String(s)), v = Number(g), y;
-	t[0] !== c || t[1] !== v ? (y = c(v), t[0] = c, t[1] = v, t[2] = y) : y = t[2];
-	let b = n === r ? g : y, x;
-	t[3] === Symbol.for("react.memo_cache_sentinel") ? (x = (e) => {
-		_(e.target.value);
-	}, t[3] = x) : x = t[3];
-	let S;
-	return t[4] !== o || t[5] !== h || t[6] !== r || t[7] !== p || t[8] !== d || t[9] !== m || t[10] !== b ? (S = /* @__PURE__ */ u(l, {
-		name: r,
-		value: b,
-		onChange: x,
-		onFocus: d,
-		onBlur: p,
-		onKeyDown: m,
-		disabled: o,
-		size: "small",
-		sx: f.input,
-		inputProps: h
-	}), t[4] = o, t[5] = h, t[6] = r, t[7] = p, t[8] = d, t[9] = m, t[10] = b, t[11] = S) : S = t[11], S;
-}
-//#endregion
-//#region src/widgets/range/range-ui.tsx
-function h(e) {
-	let t = i(5), n;
-	t[0] === e.id ? n = t[1] : (n = (t) => {
-		let { index: n } = t;
-		return /* @__PURE__ */ u(p, {
-			id: e.id,
-			index: n
-		});
-	}, t[0] = e.id, t[1] = n);
-	let a;
-	return t[2] !== e.id || t[3] !== n ? (a = /* @__PURE__ */ u(r, {
-		id: e.id,
-		children: n
-	}), t[2] = e.id, t[3] = n, t[4] = a) : a = t[4], a;
-}
-//#endregion
-//#region src/widgets/range/skeleton.tsx
-function g() {
-	let e = i(2), t;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ u(s, {
-		width: "100%",
-		height: 32
-	}), e[0] = t) : t = e[0];
-	let n;
-	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ d(o, {
-		sx: f.rangeItem,
-		"aria-label": "Range skeleton",
-		children: [t, /* @__PURE__ */ d(o, {
-			sx: f.inputsRow,
-			children: [/* @__PURE__ */ u(s, {
-				width: "100%",
-				height: 40
-			}), /* @__PURE__ */ u(s, {
-				width: "100%",
-				height: 40
-			})]
-		})]
-	}), e[1] = n) : n = e[1], n;
-}
-//#endregion
-//#region src/widgets/range/config.ts
-function _() {
-	return {};
-}
-//#endregion
-//#region src/widgets/range/serializer.ts
-function v(e) {
-	return {
-		...e,
-		note: typeof e.note == "string" ? e.note : void 0
-	};
-}
-function y(e) {
-	return e?.map(v);
-}
-//#endregion
-export { p as RangeItem, g as RangeSkeleton, h as RangeUI, _ as rangeConfig, v as sanitizeRangeDataItem, y as sanitizeRangeDataItems };
-
-//# sourceMappingURL=range.js.map
+import { n as e, r as t, t as n } from "../range-DHQSsl2_.js";
+export { e as Range, n as RangeSkeleton, t as RangeUI };