@carto/ps-react-ui 6.3.0 → 6.5.0

package/dist/widgets/bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar.js","names":["<Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>","(height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        )","<Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>","(i) => (\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        )","i","_c","ZOOM_LAYOUT","buildCsvDownloadItem","withPngItem","positionDataZoomForLegend","mergeOptions","resolveThemeColor","niceNum","buildLegendConfig","buildAxisLabelStyle","createTooltipFormatter","buildGridConfig","createTooltipPositioner","createItemColorResolver","echarts","barOptions","niceMin","niceMax","theme","buildBarTooltipFormatter","formatter","labelFormatter","v","extent","value","createBarOptionFactory","options","series","selection","selectionSet","option","structural","optionsOverride","seriesArr","data","hasLegend","baseLegend","baseGrid","baseTooltip","baseYAxis","seriesTemplates","broadcastTemplate","liveFormatter","ctx","liveLabelFormatter","dataZoomLayout","fallbackBottom","baseBottom","gridBottom","makeDimItemStyle","baseColor","params","base","name","s","template","i","overrideColor","raw","item","formattedValue","marker","seriesName","styles","spacing","BAR_HEIGHTS","BarSkeleton","$","c","t0","Box","_temp","t1","_temp2","Skeleton","i_0","createBarDownloadConfig","args","rows","d"],"sources":["../../src/widgets/bar/options.ts","../../src/widgets/bar/skeleton.tsx","../../src/widgets/bar/download.tsx"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../utils/option-builders'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { createItemColorResolver } from '../utils/item-color'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n  BarEChartsOption,\n  BarOptionFactoryInput,\n  BarOptionsInput,\n  BarWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a bar widget — axes, grid,\n * tooltip styling, themed legend. Intentionally data-agnostic: no series,\n * no dataset, no `legend.show` (those depend on data and are added by the\n * option factory's merge phase). This separation is what lets data-side\n * pipeline transforms (Searcher, RelativeData) drive the rendered chart —\n * the merge happens at render time inside the Echart bridge.\n *\n * Styling matches the v1 `barConfig` look-and-feel: minimal axes (only\n * min/max y-labels rendered inside the plot via `niceNum`), themed tooltip,\n * scroll legend, and CARTO color palette. The y-axis min/max + label\n * formatter and the tooltip formatter are wired here for the no-data case;\n * {@link createBarOptionFactory} re-derives them at fusion time so reactive\n * formatter changes (RelativeData) and stack templates (StackToggle) flow\n * through to the chart.\n */\nexport function barOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: BarOptionsInput): BarEChartsOption {\n  // Closure shared between yAxis min/max callbacks and the label formatter,\n  // so only the rounded extents are labelled (matches v1).\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps this when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      trigger: 'axis',\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      axisPointer: { type: 'line' },\n      position: createTooltipPositioner(theme),\n      formatter: buildBarTooltipFormatter(formatter, labelFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false, labelFormatter }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'category',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        margin: 0,\n        // `interval: 0` makes every category label a candidate so `hideOverlap`\n        // can pack the maximum number that physically fit; the category-axis\n        // default (`'auto'`) sub-samples first and shows fewer than fit.\n        interval: 0,\n        hideOverlap: true,\n        ...(labelFormatter && {\n          formatter: (v: string | number) => String(labelFormatter(v)),\n        }),\n      },\n    },\n    yAxis: {\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      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom',\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    },\n  } as BarEChartsOption\n}\n\n/**\n * Returns the bar widget's {@link OptionFactory} — a single closure that\n * handles BOTH option-construction phases:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link barOptions}, optionally merging the\n *     consumer-supplied `optionsOverride` on top. Called once by Provider\n *     to seed `rawOptions` in the store; configTransforms (StackToggle /\n *     ZoomToggle / BrushToggle) then mutate it via the pipeline middleware.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`BarWidgetData`) into the option via the dataset API: one dataset\n *     per series, each series referencing its dataset by index, encoded\n *     by `name` (x) and `value` (y). Spreads any series-template fields\n *     already on the incoming option (e.g. `{ stack: 'total' }` from\n *     `addStack`) into every emitted series so configTransforms compose\n *     end-to-end. Reactive `ctx.formatter` / `ctx.labelFormatter` drive\n *     the y-axis min/max-only label and the tooltip formatter at fusion\n *     time so RelativeData's percent formatter flows through without a\n *     structural rebuild.\n *\n * Stable identity when the inputs don't change (consumers should wrap the\n * call in `useMemo` keyed on the same inputs).\n */\nexport function createBarOptionFactory(\n  options: BarOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride } = options\n  const series = options.series\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    // Structural phase: Provider seeds rawOptions with this branch. No data\n    // is read; we just emit the theme-aware base (optionally with override).\n    if (option == null) {\n      const structural = barOptions({ 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 BarWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\n    const baseLegend =\n      typeof option.legend === 'object' && !Array.isArray(option.legend)\n        ? option.legend\n        : {}\n    const baseGrid =\n      typeof option.grid === 'object' && !Array.isArray(option.grid)\n        ? option.grid\n        : {}\n    const baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n\n    const seriesTemplates = Array.isArray(option.series) ? option.series : []\n    const broadcastTemplate = seriesTemplates[0] ?? {}\n\n    // Reactive (live store) formatters from ctx — distinct from the\n    // closure-time `formatter` / `labelFormatter` captured for the\n    // structural-build branch above. RelativeData can install a percent\n    // formatter on the store after the factory was constructed; the merge\n    // phase reads `ctx` to pick that up.\n    const liveFormatter = ctx?.formatter\n    const liveLabelFormatter = ctx?.labelFormatter\n\n    // Closure shared between the yAxis min/max callbacks and the label\n    // formatter, so only the rounded extents are labelled (matches v1).\n    // Delegating the extent to ECharts (rather than precomputing scalars\n    // from the raw data) is what keeps stacked bars inside the plot: when\n    // StackToggle marks the series, ECharts feeds the *post-stack* extent\n    // to these callbacks, so `niceNum` rounds the stacked total instead of\n    // a single series.\n    let niceMin = 0\n    let niceMax = 1\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push the\n    // slider above the legend (if any) and reserve room in the grid below.\n    const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = dataZoomLayout\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n\n    // When a selection is active, dim non-selected bars by routing the\n    // item's base colour through `modifyAlpha`. Per-row `itemStyle` on\n    // dataset object-rows is silently ignored when `series.encode` is in\n    // play — the callback approach is the standard ECharts pattern for\n    // per-data styling derived from a dataset. The base colour is the\n    // datum's `color`, else the template's `itemStyle.color`, else the\n    // series colour / palette (`params.color`).\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and bars would stay dimmed forever after an external clear. Always\n    // emitting lets normal merge swap the callback in place, no\n    // `replaceMerge` and no entry-animation flash on selection on/off.\n    const makeDimItemStyle = (datums: readonly object[], template: unknown) => {\n      const baseColor = createItemColorResolver({\n        theme,\n        datums,\n        template,\n        fallback: (params) => params.color as string,\n      })\n      return {\n        color: (params: CallbackDataParams) => {\n          const base = baseColor(params)\n          if (!selectionSet) return base\n          const datum = params.value as { name?: string | number } | undefined\n          const name = datum?.name ?? params.name\n          return name != null && selectionSet.has(name)\n            ? base\n            : echarts.color.modifyAlpha(base, 0.15)\n        },\n      }\n    }\n\n    return {\n      ...option,\n      dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n      series: seriesArr.map((s, i) => {\n        const template =\n          (seriesTemplates[i] as object | undefined) ??\n          (broadcastTemplate as object)\n        // Per-series `color` override: ECharts sets `params.color` from\n        // `series[i].color` when resolving styles, so the dim callback\n        // above keeps working — it just dims the user's colour rather\n        // than the palette default.\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          ...(typeof template === 'object' ? template : {}),\n          type: 'bar' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 'name', y: 'value' },\n          barMaxWidth: 100,\n          emphasis: { focus: 'series' },\n          itemStyle: makeDimItemStyle(s, template),\n          ...(overrideColor ? { color: overrideColor } : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: {\n        ...baseGrid,\n        bottom: gridBottom,\n      },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n      yAxis: {\n        ...baseYAxis,\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          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          formatter: (value: number) => {\n            if (value !== niceMax && value !== niceMin) return ''\n            if (value === 0) return ''\n            return liveFormatter ? liveFormatter(value) : String(value)\n          },\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        formatter: buildBarTooltipFormatter(liveFormatter, liveLabelFormatter),\n      },\n    } as EChartsOption\n  }\n}\n\nfunction buildBarTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const row = item.value as { name?: string | number; value?: number }\n    const raw = row?.value\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      : (item.name ?? '')\n    return { name: String(name), seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton, type SxProps, type Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  grid: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    flex: '1 1 auto',\n    alignItems: 'flex-end',\n    width: '100%',\n  },\n  bar: {\n    flex: 1,\n    maxWidth: ({ spacing }) => spacing(12),\n    '& + &': {\n      marginLeft: ({ spacing }) => spacing(1),\n    },\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\nconst BAR_HEIGHTS = ['20%', '40%', '60%', '20%', '80%'] as const\n\n/**\n * Loading state for the Bar widget. Mirrors a bar chart's silhouette — five\n * vertical bars at staggered heights anchored to the bottom, plus a legend\n * stub — so the skeleton reads as \"a bar chart\" rather than a generic list.\n */\nexport function BarSkeleton() {\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  withPngItem,\n  type DownloadItem,\n  type WidgetDownloadArgs,\n} from '../actions/download'\nimport type { BarWidgetData } from './types'\n\nexport type BarDownloadConfigArgs = WidgetDownloadArgs<BarWidgetData>\n\n/**\n * Builds download items for the Bar widget. Always includes a CSV item with\n * one `name,value` block per series, separated by an empty row when there\n * are multiple. When `getCaptureEl` is given, also prepends a PNG item that\n * rasterises the captured element via `html2canvas`.\n */\nexport function createBarDownloadConfig(\n  args: BarDownloadConfigArgs,\n): DownloadItem[] {\n  return withPngItem(\n    args,\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: (ctx) => {\n        const data = args.getData(ctx)\n        const rows: unknown[][] = []\n        for (const [i, series] of data.entries()) {\n          if (i > 0) rows.push([])\n          rows.push(['name', 'value'])\n          for (const d of series) rows.push([d.name, d.value])\n        }\n        return rows\n      },\n    }),\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"bar.js","names":["<Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>","(height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        )","<Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>","(i) => (\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        )","i","_c","ZOOM_LAYOUT","fixedAxisBounds","withPngItem","positionDataZoomForLegend","mergeOptions","resolveThemeColor","niceNum","buildLegendConfig","buildAxisLabelStyle","createTooltipFormatter","buildGridConfig","createTooltipPositioner","createItemColorResolver","echarts","barOptions","niceMin","niceMax","spacingPx","theme","buildBarTooltipFormatter","formatter","labelFormatter","v","extent","value","createBarOptionFactory","options","series","selection","selectionSet","option","structural","optionsOverride","seriesArr","data","hasLegend","baseLegend","baseGrid","baseTooltip","baseYAxis","fixedY","seriesTemplates","broadcastTemplate","liveFormatter","ctx","liveLabelFormatter","dataZoomLayout","fallbackBottom","baseBottom","gridBottom","makeDimItemStyle","baseColor","params","base","name","s","template","i","overrideColor","raw","item","formattedValue","marker","seriesName","styles","spacing","BAR_HEIGHTS","BarSkeleton","$","c","t0","Box","_temp","t1","_temp2","Skeleton","i_0","createBarDownloadConfig","args","buildCsvDownloadItem","rows","d"],"sources":["../../src/widgets/bar/options.ts","../../src/widgets/bar/skeleton.tsx","../../src/widgets/bar/download.tsx"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../utils/option-builders'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { spacingPx } from '../utils/spacing-px'\nimport { createItemColorResolver } from '../utils/item-color'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n  BarEChartsOption,\n  BarOptionFactoryInput,\n  BarOptionsInput,\n  BarWidgetData,\n} from './types'\nimport { fixedAxisBounds } from '../actions/relative-data/scale'\n\n/**\n * Builds the **structural** ECharts option for a bar widget — axes, grid,\n * tooltip styling, themed legend. Intentionally data-agnostic: no series,\n * no dataset, no `legend.show` (those depend on data and are added by the\n * option factory's merge phase). This separation is what lets data-side\n * pipeline transforms (Searcher, RelativeData) drive the rendered chart —\n * the merge happens at render time inside the Echart bridge.\n *\n * Styling matches the v1 `barConfig` look-and-feel: minimal axes (only\n * min/max y-labels rendered inside the plot via `niceNum`), themed tooltip,\n * scroll legend, and CARTO color palette. The y-axis min/max + label\n * formatter and the tooltip formatter are wired here for the no-data case;\n * {@link createBarOptionFactory} re-derives them at fusion time so reactive\n * formatter changes (RelativeData) and stack templates (StackToggle) flow\n * through to the chart.\n */\nexport function barOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: BarOptionsInput): BarEChartsOption {\n  // Closure shared between yAxis min/max callbacks and the label formatter,\n  // so only the rounded extents are labelled (matches v1).\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    grid: {\n      left: spacingPx(theme, 1),\n      top: spacingPx(theme, 3),\n      right: spacingPx(theme, 1),\n      // Default: no legend. Merger bumps this when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      trigger: 'axis',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [spacingPx(theme, 1), spacingPx(theme, 1)],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      axisPointer: { type: 'line' },\n      position: createTooltipPositioner(theme),\n      formatter: buildBarTooltipFormatter(formatter, labelFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false, labelFormatter }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'category',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        padding: [spacingPx(theme, 0.5), 0, 0, 0],\n        margin: 0,\n        // `interval: 0` makes every category label a candidate so `hideOverlap`\n        // can pack the maximum number that physically fit; the category-axis\n        // default (`'auto'`) sub-samples first and shows fewer than fit.\n        interval: 0,\n        hideOverlap: true,\n        ...(labelFormatter && {\n          formatter: (v: string | number) => String(labelFormatter(v)),\n        }),\n      },\n    },\n    yAxis: {\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      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: spacingPx(theme, 1),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom',\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    },\n  } as BarEChartsOption\n}\n\n/**\n * Returns the bar widget's {@link OptionFactory} — a single closure that\n * handles BOTH option-construction phases:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link barOptions}, optionally merging the\n *     consumer-supplied `optionsOverride` on top. Called once by Provider\n *     to seed `rawOptions` in the store; configTransforms (StackToggle /\n *     ZoomToggle / BrushToggle) then mutate it via the pipeline middleware.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`BarWidgetData`) into the option via the dataset API: one dataset\n *     per series, each series referencing its dataset by index, encoded\n *     by `name` (x) and `value` (y). Spreads any series-template fields\n *     already on the incoming option (e.g. `{ stack: 'total' }` from\n *     `addStack`) into every emitted series so configTransforms compose\n *     end-to-end. Reactive `ctx.formatter` / `ctx.labelFormatter` drive\n *     the y-axis min/max-only label and the tooltip formatter at fusion\n *     time so RelativeData's percent formatter flows through without a\n *     structural rebuild.\n *\n * Stable identity when the inputs don't change (consumers should wrap the\n * call in `useMemo` keyed on the same inputs).\n */\nexport function createBarOptionFactory(\n  options: BarOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride } = options\n  const series = options.series\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    // Structural phase: Provider seeds rawOptions with this branch. No data\n    // is read; we just emit the theme-aware base (optionally with override).\n    if (option == null) {\n      const structural = barOptions({ 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 BarWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\n    const baseLegend =\n      typeof option.legend === 'object' && !Array.isArray(option.legend)\n        ? option.legend\n        : {}\n    const baseGrid =\n      typeof option.grid === 'object' && !Array.isArray(option.grid)\n        ? option.grid\n        : {}\n    const baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n    const fixedY = fixedAxisBounds(baseYAxis)\n\n    const seriesTemplates = Array.isArray(option.series) ? option.series : []\n    const broadcastTemplate = seriesTemplates[0] ?? {}\n\n    // Reactive (live store) formatters from ctx — distinct from the\n    // closure-time `formatter` / `labelFormatter` captured for the\n    // structural-build branch above. RelativeData can install a percent\n    // formatter on the store after the factory was constructed; the merge\n    // phase reads `ctx` to pick that up.\n    const liveFormatter = ctx?.formatter\n    const liveLabelFormatter = ctx?.labelFormatter\n\n    // Closure shared between the yAxis min/max callbacks and the label\n    // formatter, so only the rounded extents are labelled (matches v1).\n    // Delegating the extent to ECharts (rather than precomputing scalars\n    // from the raw data) is what keeps stacked bars inside the plot: when\n    // StackToggle marks the series, ECharts feeds the *post-stack* extent\n    // to these callbacks, so `niceNum` rounds the stacked total instead of\n    // a single series.\n    let niceMin = 0\n    let niceMax = 1\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push the\n    // slider above the legend (if any) and reserve room in the grid below.\n    const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = dataZoomLayout\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n\n    // When a selection is active, dim non-selected bars by routing the\n    // item's base colour through `modifyAlpha`. Per-row `itemStyle` on\n    // dataset object-rows is silently ignored when `series.encode` is in\n    // play — the callback approach is the standard ECharts pattern for\n    // per-data styling derived from a dataset. The base colour is the\n    // datum's `color`, else the template's `itemStyle.color`, else the\n    // series colour / palette (`params.color`).\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and bars would stay dimmed forever after an external clear. Always\n    // emitting lets normal merge swap the callback in place, no\n    // `replaceMerge` and no entry-animation flash on selection on/off.\n    const makeDimItemStyle = (datums: readonly object[], template: unknown) => {\n      const baseColor = createItemColorResolver({\n        theme,\n        datums,\n        template,\n        fallback: (params) => params.color as string,\n      })\n      return {\n        color: (params: CallbackDataParams) => {\n          const base = baseColor(params)\n          if (!selectionSet) return base\n          const datum = params.value as { name?: string | number } | undefined\n          const name = datum?.name ?? params.name\n          return name != null && selectionSet.has(name)\n            ? base\n            : echarts.color.modifyAlpha(base, 0.15)\n        },\n      }\n    }\n\n    return {\n      ...option,\n      dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n      series: seriesArr.map((s, i) => {\n        const template =\n          (seriesTemplates[i] as object | undefined) ??\n          (broadcastTemplate as object)\n        // Per-series `color` override: ECharts sets `params.color` from\n        // `series[i].color` when resolving styles, so the dim callback\n        // above keeps working — it just dims the user's colour rather\n        // than the palette default.\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          ...(typeof template === 'object' ? template : {}),\n          type: 'bar' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 'name', y: 'value' },\n          barMaxWidth: 100,\n          emphasis: { focus: 'series' },\n          itemStyle: makeDimItemStyle(s, template),\n          ...(overrideColor ? { color: overrideColor } : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: {\n        ...baseGrid,\n        bottom: gridBottom,\n      },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n      yAxis: {\n        ...baseYAxis,\n        // A config transform (RelativeData's `'total'` scale) may pin the\n        // ends; each applies only on the side the data reaches.\n        min: (extent: { min: number }) => {\n          niceMin = extent.min < 0 ? (fixedY.min ?? niceNum(extent.min)) : 0\n          return niceMin\n        },\n        max: (extent: { min: number; max: number }) => {\n          niceMax = extent.max <= 0 ? 1 : (fixedY.max ?? niceNum(extent.max))\n          return niceMax\n        },\n        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          formatter: (value: number) => {\n            if (value !== niceMax && value !== niceMin) return ''\n            if (value === 0) return ''\n            return liveFormatter ? liveFormatter(value) : String(value)\n          },\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        formatter: buildBarTooltipFormatter(liveFormatter, liveLabelFormatter),\n      },\n    } as EChartsOption\n  }\n}\n\nfunction buildBarTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const row = item.value as { name?: string | number; value?: number }\n    const raw = row?.value\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      : (item.name ?? '')\n    return { name: String(name), seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton, type SxProps, type Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  grid: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    flex: '1 1 auto',\n    alignItems: 'flex-end',\n    width: '100%',\n  },\n  bar: {\n    flex: 1,\n    maxWidth: ({ spacing }) => spacing(12),\n    '& + &': {\n      marginLeft: ({ spacing }) => spacing(1),\n    },\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\nconst BAR_HEIGHTS = ['20%', '40%', '60%', '20%', '80%'] as const\n\n/**\n * Loading state for the Bar widget. Mirrors a bar chart's silhouette — five\n * vertical bars at staggered heights anchored to the bottom, plus a legend\n * stub — so the skeleton reads as \"a bar chart\" rather than a generic list.\n */\nexport function BarSkeleton() {\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  withPngItem,\n  type DownloadItem,\n  type WidgetDownloadArgs,\n} from '../actions/download'\nimport type { BarWidgetData } from './types'\n\nexport type BarDownloadConfigArgs = WidgetDownloadArgs<BarWidgetData>\n\n/**\n * Builds download items for the Bar widget. Always includes a CSV item with\n * one `name,value` block per series, separated by an empty row when there\n * are multiple. When `getCaptureEl` is given, also prepends a PNG item that\n * rasterises the captured element via `html2canvas`.\n */\nexport function createBarDownloadConfig(\n  args: BarDownloadConfigArgs,\n): DownloadItem[] {\n  return withPngItem(\n    args,\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: (ctx) => {\n        const data = args.getData(ctx)\n        const rows: unknown[][] = []\n        for (const [i, series] of data.entries()) {\n          if (i > 0) rows.push([])\n          rows.push(['name', 'value'])\n          for (const d of series) rows.push([d.name, d.value])\n        }\n        return rows\n      },\n    }),\n  )\n}\n"],"mappings":"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"}

package/dist/widgets/category.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../category-DULnoxvk.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../category-UIGvFN3D.js";
 export { o as Category, r as CategoryBar, e as CategoryLegend, s as CategoryRowMulti, a as CategoryRowOther, t as CategoryRowSingle, i as CategorySkeleton, n as CategoryUI, c as createCategoryDownloadConfig };

package/dist/widgets/formula.js

@@ -1,2 +1,2 @@
-import { c as e, d as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../formula-DJS-JLpk.js";
+import { c as e, d as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../formula-CSHhAoyW.js";
 export { t as Delta, o as Formula, i as FormulaSkeleton, n as FormulaUI, l as Note, r as Prefix, e as Series, s as Suffix, a as Value, c as createFormulaDownloadConfig };

package/dist/widgets/histogram.js

@@ -1,22 +1,23 @@
-import { r as e } from "../zoom-toggle-MmLjMTEw.js";
-import { n as t, t as n } from "../download-B4sykOFm.js";
-import { n as r, r as i, t as a } from "../utils-C-eWwOhE.js";
-import { c as o, i as s, n as c, o as l, r as u, s as d, t as f } from "../item-color-B7xkIpDZ.js";
-import { c as p } from "react/compiler-runtime";
-import { Box as m, Skeleton as h } from "@mui/material";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import * as v from "echarts";
+import { r as e } from "../zoom-toggle-DqrV_0Ji.js";
+import { n as t } from "../scale-Bhx8HKEB.js";
+import { n, t as r } from "../download-DIj1Iz0t.js";
+import { n as i, r as a, t as o } from "../utils-Dw4y8tiq.js";
+import { c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "../item-color-7o7pFBR2.js";
+import { c as h } from "react/compiler-runtime";
+import { Box as g, Skeleton as _ } from "@mui/material";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import * as b from "echarts";
 //#region src/widgets/histogram/bins.ts
-function y(e) {
+function x(e) {
 	return typeof e == "number" ? e : e.value;
 }
-function b(e) {
+function S(e) {
 	if (typeof e == "number") return Number.isFinite(e);
 	if (typeof e != "object" || !e) return !1;
 	let t = e.value;
 	return typeof t == "number" && Number.isFinite(t);
 }
-function x(e, t) {
+function C(e, t) {
 	return typeof e == "number" ? t : {
 		...e,
 		value: t
@@ -24,31 +25,31 @@ function x(e, t) {
 }
 //#endregion
 //#region src/widgets/histogram/options.ts
-function S({ theme: e, formatter: t }) {
+function w({ theme: e, formatter: t }) {
 	let n = 0, r = 1;
 	return {
 		grid: {
-			left: parseInt(e.spacing(1)),
-			top: parseInt(e.spacing(3)),
-			right: parseInt(e.spacing(1)),
-			...u(!1, e),
+			left: l(e, 1),
+			top: l(e, 3),
+			right: l(e, 1),
+			...f(!1, e),
 			containLabel: !0
 		},
 		tooltip: {
 			trigger: "axis",
 			backgroundColor: e.palette.grey[900],
 			borderWidth: 0,
-			padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+			padding: [l(e, 1), l(e, 1)],
 			textStyle: {
 				color: e.palette.common.white,
 				fontSize: 11,
 				fontFamily: e.typography.caption.fontFamily
 			},
 			axisPointer: { type: "line" },
-			position: d(e),
-			formatter: w(t)
+			position: p(e),
+			formatter: E(t)
 		},
-		legend: { ...s({ hasLegend: !1 }) },
+		legend: { ...c({ hasLegend: !1 }) },
 		axisPointer: { lineStyle: { color: e.palette.grey[400] } },
 		color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
 		xAxis: {
@@ -56,9 +57,9 @@ function S({ theme: e, formatter: t }) {
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			axisLabel: {
-				...c(e),
+				...u(e),
 				padding: [
-					parseInt(e.spacing(.5)),
+					l(e, .5),
 					0,
 					0,
 					0
@@ -70,8 +71,8 @@ function S({ theme: e, formatter: t }) {
 		},
 		yAxis: {
 			type: "value",
-			min: (e) => (n = e.min < 0 ? o(e.min) : 0, n),
-			max: (e) => (r = e.max <= 0 ? 1 : o(e.max), r),
+			min: (e) => (n = e.min < 0 ? s(e.min) : 0, n),
+			max: (e) => (r = e.max <= 0 ? 1 : s(e.max), r),
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			splitLine: {
@@ -79,8 +80,8 @@ function S({ theme: e, formatter: t }) {
 				lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
 			},
 			axisLabel: {
-				...c(e),
-				margin: parseInt(e.spacing(1)),
+				...u(e),
+				margin: l(e, 1),
 				show: !0,
 				showMaxLabel: !0,
 				showMinLabel: !0,
@@ -91,105 +92,105 @@ function S({ theme: e, formatter: t }) {
 		}
 	};
 }
-function C(t) {
-	let { theme: n, formatter: s, ticks: c, series: l, labelFormatter: u, selection: d } = t, p = t.optionsOverride, m = t.lockedItems, h = d && d.length > 0 ? new Set(d) : null, g = [];
-	for (let e = 0; e < c.length - 1; e++) {
-		let t = c[e], n = c[e + 1], r = `${T(t)}–${T(n)}`;
-		g.push(u ? u(r) : r);
+function T(n) {
+	let { theme: r, formatter: c, ticks: l, series: u, labelFormatter: d, selection: f } = n, p = n.optionsOverride, h = n.lockedItems, g = f && f.length > 0 ? new Set(f) : null, _ = [];
+	for (let e = 0; e < l.length - 1; e++) {
+		let t = l[e], n = l[e + 1], r = `${D(t)}–${D(n)}`;
+		_.push(d ? d(r) : r);
 	}
-	let _ = m && m.length > 0 ? (() => {
-		let e = m.map(Number), t = g[Math.min(...e)], n = g[Math.max(...e)];
+	let v = h && h.length > 0 ? (() => {
+		let e = h.map(Number), t = _[Math.min(...e)], n = _[Math.max(...e)];
 		return t != null && n != null ? {
 			min: t,
 			max: n
 		} : null;
 	})() : null;
-	return (t, c, u) => {
-		if (t == null) {
-			let e = S({
-				theme: n,
-				formatter: s
+	return (n, l, d) => {
+		if (n == null) {
+			let e = w({
+				theme: r,
+				formatter: c
 			});
-			return p ? i(e, p) : e;
+			return p ? a(e, p) : e;
 		}
-		let d = Array.isArray(c) ? c : [];
-		if (d.length === 0 || g.length === 0) return {
-			...t,
+		let f = Array.isArray(l) ? l : [];
+		if (f.length === 0 || _.length === 0) return {
+			...n,
 			dataset: [],
 			series: []
 		};
-		let m = d.length > 1, b = Array.isArray(t.series) ? t.series : [], x = b[0] ?? {}, C = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, T = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, E = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, D = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, O = u?.formatter, k = 0, A = 1, j = r(t.dataZoom, m), M = typeof T.bottom == "number" ? T.bottom : 24, N = m ? 56 : M, P = j ? N + e.sliderHeight + e.sliderGap : N, F = (e, t) => {
-			let r = f({
-				theme: n,
+		let h = f.length > 1, y = Array.isArray(n.series) ? n.series : [], S = y[0] ?? {}, C = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, T = t(C), D = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, O = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, k = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, A = d?.formatter, j = 0, M = 1, N = i(n.dataZoom, h), P = typeof D.bottom == "number" ? D.bottom : 24, F = h ? 56 : P, I = N ? F + e.sliderHeight + e.sliderGap : F, L = (e, t) => {
+			let n = m({
+				theme: r,
 				datums: e,
 				template: t,
 				fallback: (e) => e.color
 			});
 			return { color: (e) => {
-				let t = r(e);
-				return h ? h.has(e.dataIndex) ? t : v.color.modifyAlpha(t, .15) : t;
+				let t = n(e);
+				return g ? g.has(e.dataIndex) ? t : b.color.modifyAlpha(t, .15) : t;
 			} };
-		}, I = Array.isArray(t.xAxis) ? t.xAxis[0] : t.xAxis, L = {
-			min: _?.min ?? I?.min ?? null,
-			max: _?.max ?? I?.max ?? null
-		}, R = Array.isArray(t.xAxis) ? [{
-			...t.xAxis[0],
-			...L
-		}, ...t.xAxis.slice(1)] : {
-			...typeof t.xAxis == "object" ? t.xAxis : {},
-			...L
+		}, R = Array.isArray(n.xAxis) ? n.xAxis[0] : n.xAxis, z = {
+			min: v?.min ?? R?.min ?? null,
+			max: v?.max ?? R?.max ?? null
+		}, B = Array.isArray(n.xAxis) ? [{
+			...n.xAxis[0],
+			...z
+		}, ...n.xAxis.slice(1)] : {
+			...typeof n.xAxis == "object" ? n.xAxis : {},
+			...z
 		};
 		return {
-			...t,
-			xAxis: R,
-			dataset: d.map((e) => ({ source: g.map((t, n) => {
+			...n,
+			xAxis: B,
+			dataset: f.map((e) => ({ source: _.map((t, n) => {
 				let r = e[n];
-				return [t, r == null ? 0 : y(r)];
+				return [t, r == null ? 0 : x(r)];
 			}) })),
-			series: d.map((e, t) => {
-				let r = b[t] ?? x, i = a(n, l?.[t]?.color);
+			series: f.map((e, t) => {
+				let n = y[t] ?? S, i = o(r, u?.[t]?.color);
 				return {
-					...typeof r == "object" ? r : {},
+					...typeof n == "object" ? n : {},
 					type: "bar",
 					datasetIndex: t,
-					name: l?.[t]?.name ?? `Series ${t + 1}`,
+					name: u?.[t]?.name ?? `Series ${t + 1}`,
 					encode: {
 						x: 0,
 						y: 1
 					},
 					barCategoryGap: "0%",
 					emphasis: { focus: "series" },
-					itemStyle: F(e, r),
+					itemStyle: L(e, n),
 					...i ? { color: i } : {}
 				};
 			}),
 			legend: {
-				...D,
-				show: m
+				...k,
+				show: h
 			},
 			grid: {
-				...T,
-				bottom: P
+				...D,
+				bottom: I
 			},
-			...j ? { dataZoom: j } : {},
+			...N ? { dataZoom: N } : {},
 			yAxis: {
 				...C,
-				min: (e) => (k = e.min < 0 ? o(e.min) : 0, k),
-				max: (e) => (A = e.max <= 0 ? 1 : o(e.max), A),
+				min: (e) => (j = e.min < 0 ? T.min ?? s(e.min) : 0, j),
+				max: (e) => (M = e.max <= 0 ? 1 : T.max ?? s(e.max), M),
 				axisLabel: {
 					...C.axisLabel ?? {},
-					formatter: (e) => e !== A && e !== k || e === 0 ? "" : O ? O(e) : String(e)
+					formatter: (e) => e !== M && e !== j || e === 0 ? "" : A ? A(e) : String(e)
 				}
 			},
 			tooltip: {
-				...E,
-				formatter: w(O)
+				...O,
+				formatter: E(A)
 			}
 		};
 	};
 }
-function w(e) {
-	return l((t) => {
+function E(e) {
+	return d((t) => {
 		let n = t.value?.[1], r = typeof n == "number" && e ? e(n) : n ?? "", i = typeof t.marker == "string" ? t.marker : "", a = t.seriesName ? `${t.seriesName}: ` : "";
 		return {
 			name: String(t.name ?? ""),
@@ -199,12 +200,12 @@ function w(e) {
 		};
 	});
 }
-function T(e) {
+function D(e) {
 	return Number.isInteger(e) ? String(e) : Number(e.toFixed(2)).toString();
 }
 //#endregion
 //#region src/widgets/histogram/skeleton.tsx
-var E = {
+var O = {
 	container: {
 		display: "flex",
 		alignItems: "center",
@@ -231,59 +232,59 @@ var E = {
 		alignItems: "center",
 		gap: ({ spacing: e }) => e(1.5)
 	}
-}, D = (e) => ({
+}, k = (e) => ({
 	flex: 1,
 	height: `${e}%`,
 	minWidth: 8
 });
-function O(e) {
-	let t = p(15), { bins: n } = e, r = n === void 0 ? 12 : n, i, a, o, s, c;
+function A(e) {
+	let t = h(15), { bins: n } = e, r = n === void 0 ? 12 : n, i, a, o, s, c;
 	if (t[0] !== r) {
 		let e = Array.from({ length: r }, (e, t) => {
 			let n = t / Math.max(1, r - 1);
 			return Math.round(20 + 80 * Math.exp(-((n - .5) ** 2) * 8));
 		});
-		a = m, c = E.container, i = m, o = E.grid, s = e.map(A), t[0] = r, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c;
+		a = g, c = O.container, i = g, o = O.grid, s = e.map(M), t[0] = r, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c;
 	} else i = t[1], a = t[2], o = t[3], s = t[4], c = t[5];
 	let l;
-	t[6] !== i || t[7] !== o || t[8] !== s ? (l = /* @__PURE__ */ g(i, {
+	t[6] !== i || t[7] !== o || t[8] !== s ? (l = /* @__PURE__ */ v(i, {
 		sx: o,
 		children: s
 	}), t[6] = i, t[7] = o, t[8] = s, t[9] = l) : l = t[9];
 	let u;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ g(m, {
-		sx: E.legend,
-		children: [0, 1].map(k)
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ v(g, {
+		sx: O.legend,
+		children: [0, 1].map(j)
 	}), t[10] = u) : u = t[10];
 	let d;
-	return t[11] !== a || t[12] !== c || t[13] !== l ? (d = /* @__PURE__ */ _(a, {
+	return t[11] !== a || t[12] !== c || t[13] !== l ? (d = /* @__PURE__ */ y(a, {
 		sx: c,
 		children: [l, u]
 	}), t[11] = a, t[12] = c, t[13] = l, t[14] = d) : d = t[14], d;
 }
-function k(e) {
-	return /* @__PURE__ */ _(m, {
-		sx: E.legendItem,
-		children: [/* @__PURE__ */ g(h, {
+function j(e) {
+	return /* @__PURE__ */ y(g, {
+		sx: O.legendItem,
+		children: [/* @__PURE__ */ v(_, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ g(h, {
+		}), /* @__PURE__ */ v(_, {
 			width: 48,
 			height: 8
 		})]
 	}, `legend-${e}`);
 }
-function A(e, t) {
-	return /* @__PURE__ */ g(h, {
+function M(e, t) {
+	return /* @__PURE__ */ v(_, {
 		variant: "rectangular",
-		sx: D(e)
+		sx: k(e)
 	}, `bar-${t}`);
 }
 //#endregion
 //#region src/widgets/histogram/download.ts
-function j(e) {
-	return n(e, t({
+function N(e) {
+	return r(e, n({
 		filename: e.filename,
 		getRows: (t) => {
 			let n = e.getData(t), r = e.getTicks(), i = n.length, a = ["bin_low", "bin_high"];
@@ -293,7 +294,7 @@ function j(e) {
 				let t = [r[e], r[e + 1]];
 				for (let r = 0; r < i; r++) {
 					let i = n[r]?.[e];
-					t.push(i == null ? 0 : y(i));
+					t.push(i == null ? 0 : x(i));
 				}
 				o.push(t);
 			}
@@ -303,20 +304,20 @@ function j(e) {
 }
 //#endregion
 //#region src/widgets/histogram/transforms.ts
-var M = (e) => Array.isArray(e) ? e.map((e) => {
-	if (!N(e)) return e;
-	let t = e.reduce((e, t) => e + Math.abs(y(t)), 0);
-	return t <= 0 ? e : e.map((e) => x(e, y(e) / t * 100));
+var P = (e) => Array.isArray(e) ? e.map((e) => {
+	if (!F(e)) return e;
+	let t = e.reduce((e, t) => e + Math.abs(x(t)), 0);
+	return t <= 0 ? e : e.map((e) => C(e, x(e) / t * 100));
 }) : e;
-function N(e) {
-	return Array.isArray(e) && e.every(b);
+function F(e) {
+	return Array.isArray(e) && e.every(S);
 }
-function P(e, t) {
+function I(e, t) {
 	if (t.length === 0 || !Array.isArray(e)) return e;
 	let n = new Set(t.map(Number));
-	return e.map((e) => N(e) ? e.map((e, t) => n.has(t) ? e : x(e, 0)) : e);
+	return e.map((e) => F(e) ? e.map((e, t) => n.has(t) ? e : C(e, 0)) : e);
 }
 //#endregion
-export { O as HistogramSkeleton, j as createHistogramDownloadConfig, C as createHistogramOptionFactory, P as filterHistogramByLockedBins, y as getHistogramBinValue, S as histogramOptions, M as toRelativeHistogramData };
+export { A as HistogramSkeleton, N as createHistogramDownloadConfig, T as createHistogramOptionFactory, I as filterHistogramByLockedBins, x as getHistogramBinValue, w as histogramOptions, P as toRelativeHistogramData };
 
 //# sourceMappingURL=histogram.js.map