@carto/ps-react-ui 4.7.1 → 4.9.0

package/dist/widgets/timeseries.js

@@ -7,10 +7,11 @@ import "zustand/shallow";
 import { g as b } from "../options-CthfUJDz.js";
 import { m as k } from "../utils-BOhInag6.js";
 import { c as v, f as w } from "../download-config-DNLkypdN.js";
-import { i as L, g as C, b as I, a as S, d as _, e as A, c as j } from "../styles-BYTyKQFP.js";
+import { h as L, f as C, b as I, a as S, c as _, d as A } from "../option-builders-F-c9ELi1.js";
 import { Box as l, Skeleton as r } from "@mui/material";
-const z = v(w);
-function H(e) {
+import { b as j } from "../styles-cohnxh9F.js";
+const H = v(w);
+function J(e) {
   return {
     type: "timeseries",
     option: k(b(e), T(e)),
@@ -75,7 +76,7 @@ function T({
     yAxis: I(h, i),
     tooltip: {
       formatter: C((a) => {
-        const g = a.value, f = a.dimensionNames?.[a.encode?.y?.at(0) ?? 1], c = g[f ?? ""], u = typeof c == "number" && i ? i(c) : c ?? "", d = typeof a.marker == "string" ? a.marker : "", x = a.seriesName ? `${a.seriesName}: ` : "";
+        const c = a.value, f = a.dimensionNames?.[a.encode?.y?.at(0) ?? 1], g = c[f ?? ""], u = typeof g == "number" && i ? i(g) : g ?? "", d = typeof a.marker == "string" ? a.marker : "", x = a.seriesName ? `${a.seriesName}: ` : "";
         return {
           name: o ? String(o(a.name ?? "")) : a.name ?? "",
           seriesName: x,
@@ -85,8 +86,8 @@ function T({
       })
     },
     color: Object.values(t.palette.qualitative.bold),
-    series: e.map((a, g) => ({
-      datasetIndex: g,
+    series: e.map((a, c) => ({
+      datasetIndex: c,
       type: "line",
       smooth: !0,
       emphasis: {
@@ -134,7 +135,7 @@ const n = {
     }
   }
 };
-function J() {
+function K() {
   const e = y(2);
   let t;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ m(l, { sx: n.skeleton.graph.grid, children: [
@@ -167,8 +168,8 @@ function N(e) {
   return t(1.5);
 }
 export {
-  J as TimeseriesSkeleton,
-  H as timeseriesConfig,
-  z as timeseriesDownloadConfig
+  K as TimeseriesSkeleton,
+  J as timeseriesConfig,
+  H as timeseriesDownloadConfig
 };
 //# sourceMappingURL=timeseries.js.map

package/dist/widgets/timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeseries.js","sources":["../../src/widgets/timeseries/config.ts","../../src/widgets/timeseries/style.ts","../../src/widgets/timeseries/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  TimeseriesConfig,\n  TimeseriesWidgetConfig,\n  TimeseriesWidgetData,\n} from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const timeseriesDownloadConfig =\n  createChartDownloadConfig<TimeseriesWidgetData>(flattenObjectArrayToCSV)\n\n/**\n * Generates ECharts configuration for line and area chart widgets over time, with smooth curves, rotated axis labels, and CARTO qualitative color palette.\n *\n * @param props - Timeseries configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function timeseriesConfig(\n  props: TimeseriesConfig,\n): TimeseriesWidgetConfig {\n  return {\n    type: 'timeseries',\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}: TimeseriesConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      margin: 0,\n      padding: [\n        0,\n        parseInt(theme.spacing(0.75)),\n        parseInt(theme.spacing(1.25)),\n        -parseInt(theme.spacing(1)),\n      ],\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      verticalAlign: 'bottom' as const,\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\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      outerBounds: {\n        left: parseInt(theme.spacing(3)),\n        right: parseInt(theme.spacing(1)),\n        top: parseInt(theme.spacing(2)),\n      },\n    },\n    xAxis: applyXAxisFormatter(\n      {\n        type: 'category',\n        axisTick: {\n          alignWithLabel: true,\n        },\n        axisLabel: {\n          show: true,\n          showMaxLabel: true,\n          showMinLabel: true,\n          rotate: 45,\n        },\n      },\n      labelFormatter,\n    ),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.dimensionNames?.[item.encode?.y?.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    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'line',\n      smooth: true,\n      emphasis: {\n        focus: 'series',\n      },\n      ...buildSeriesLabelConfig(formatter),\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: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    histogram: {\n      item: {\n        flex: 1,\n        maxWidth: ({ spacing }) => spacing(8),\n\n        '& + &': {\n          marginLeft: '1px',\n        },\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {/* Timeseries bar */}\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\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"],"names":["timeseriesDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","timeseriesConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","yAxis","axisLabel","margin","padding","parseInt","spacing","show","showMaxLabel","showMinLabel","verticalAlign","axisLine","axisTick","splitLine","lineStyle","color","palette","black","legend","buildLegendConfig","grid","buildGridConfig","outerBounds","left","right","top","xAxis","applyXAxisFormatter","alignWithLabel","rotate","applyYAxisFormatter","tooltip","createTooltipFormatter","item","value","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","String","Object","values","qualitative","bold","series","map","_","datasetIndex","smooth","emphasis","focus","buildSeriesLabelConfig","styles","skeleton","graph","container","baseSkeletonStyles","position","display","justifyContent","flex","alignItems","width","histogram","maxWidth","marginLeft","gap","height","TimeseriesSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","Array","fill","_temp2","i","jsxs","_temp"],"mappings":"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"}
+{"version":3,"file":"timeseries.js","sources":["../../src/widgets/timeseries/config.ts","../../src/widgets/timeseries/style.ts","../../src/widgets/timeseries/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  TimeseriesConfig,\n  TimeseriesWidgetConfig,\n  TimeseriesWidgetData,\n} from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const timeseriesDownloadConfig =\n  createChartDownloadConfig<TimeseriesWidgetData>(flattenObjectArrayToCSV)\n\n/**\n * Generates ECharts configuration for line and area chart widgets over time, with smooth curves, rotated axis labels, and CARTO qualitative color palette.\n *\n * @param props - Timeseries configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function timeseriesConfig(\n  props: TimeseriesConfig,\n): TimeseriesWidgetConfig {\n  return {\n    type: 'timeseries',\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}: TimeseriesConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      margin: 0,\n      padding: [\n        0,\n        parseInt(theme.spacing(0.75)),\n        parseInt(theme.spacing(1.25)),\n        -parseInt(theme.spacing(1)),\n      ],\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      verticalAlign: 'bottom' as const,\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\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      outerBounds: {\n        left: parseInt(theme.spacing(3)),\n        right: parseInt(theme.spacing(1)),\n        top: parseInt(theme.spacing(2)),\n      },\n    },\n    xAxis: applyXAxisFormatter(\n      {\n        type: 'category',\n        axisTick: {\n          alignWithLabel: true,\n        },\n        axisLabel: {\n          show: true,\n          showMaxLabel: true,\n          showMinLabel: true,\n          rotate: 45,\n        },\n      },\n      labelFormatter,\n    ),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.dimensionNames?.[item.encode?.y?.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    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'line',\n      smooth: true,\n      emphasis: {\n        focus: 'series',\n      },\n      ...buildSeriesLabelConfig(formatter),\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: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    histogram: {\n      item: {\n        flex: 1,\n        maxWidth: ({ spacing }) => spacing(8),\n\n        '& + &': {\n          marginLeft: '1px',\n        },\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {/* Timeseries bar */}\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\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"],"names":["timeseriesDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","timeseriesConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","yAxis","axisLabel","margin","padding","parseInt","spacing","show","showMaxLabel","showMinLabel","verticalAlign","axisLine","axisTick","splitLine","lineStyle","color","palette","black","legend","buildLegendConfig","grid","buildGridConfig","outerBounds","left","right","top","xAxis","applyXAxisFormatter","alignWithLabel","rotate","applyYAxisFormatter","tooltip","createTooltipFormatter","item","value","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","String","Object","values","qualitative","bold","series","map","_","datasetIndex","smooth","emphasis","focus","buildSeriesLabelConfig","styles","skeleton","graph","container","baseSkeletonStyles","position","display","justifyContent","flex","alignItems","width","histogram","maxWidth","marginLeft","gap","height","TimeseriesSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","Array","fill","_temp2","i","jsxs","_temp"],"mappings":"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"}

package/dist/widgets/utils.js

@@ -1,6 +1,7 @@
 import { d as i, a as n } from "../formatter-B9Bxn1k7.js";
 import { c as f, f as p, s as c } from "../download-config-DNLkypdN.js";
-import { a as m, b as u, c as C, d as b, e as x, f as g, g as F, h as y, n as A } from "../styles-BYTyKQFP.js";
+import { a as d, b as u, c as b, d as x, e as C, f as g, g as F, n as y } from "../option-builders-F-c9ELi1.js";
+import { b as S } from "../styles-cohnxh9F.js";
 function r({
   type: a,
   getOptions: e
@@ -14,20 +15,20 @@ function r({
   };
 }
 export {
-  m as applyXAxisFormatter,
+  d as applyXAxisFormatter,
   u as applyYAxisFormatter,
-  C as baseSkeletonStyles,
+  S as baseSkeletonStyles,
   b as buildGridConfig,
   x as buildLegendConfig,
-  g as createAxisLabelFormatter,
+  C as createAxisLabelFormatter,
   f as createChartDownloadConfig,
   r as createChartWidgetConfig,
-  F as createTooltipFormatter,
-  y as createTooltipPositioner,
+  g as createTooltipFormatter,
+  F as createTooltipPositioner,
   i as defaultFormatter,
   n as defaultLabelFormatter,
   p as flattenObjectArrayToCSV,
-  A as niceNum,
+  y as niceNum,
   c as scatterplotDataToCSV
 };
 //# sourceMappingURL=utils.js.map

package/dist/widgets/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/widgets/utils/chart-config/config-factory.ts"],"sourcesContent":["import type { EchartOptionsProps, EchartWidgetData } from '../../echart'\n\n/**\n * Base configuration interface for chart widgets\n */\nexport interface ChartWidgetBaseConfig<TData = EchartWidgetData> {\n  data?: TData\n}\n\n/**\n * Parameters for creating a chart widget configuration\n */\nexport interface CreateChartWidgetConfigParams<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n> {\n  /** Widget type identifier (e.g., 'bar', 'pie', 'histogram') */\n  type: TType\n  /** Function to get EChart options from config */\n  getOptions: (config: TConfig) => EchartOptionsProps\n}\n\n/**\n * Return type of the chart widget config function\n */\nexport type ChartWidgetConfigResult<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n> = TConfig & {\n  type: TType\n}\n\n/**\n * Factory function to create a standardized chart widget config function.\n * This eliminates duplication across chart widgets by providing a common structure.\n *\n * @example\n * ```ts\n * export const barConfig = createChartWidgetConfig({\n *   type: 'bar' as const,\n *   getOptions: ({ data, theme }) => ({\n *     // EChart configuration\n *   }),\n *   csvModifier: (data) => flattenObjectArrayToCSV(data),\n * })\n * ```\n */\nexport function createChartWidgetConfig<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n>({\n  type,\n  getOptions,\n}: CreateChartWidgetConfigParams<TData, TConfig, TType>): (\n  config: TConfig,\n) => ChartWidgetConfigResult<TData, TConfig, TType> {\n  return function (config: TConfig) {\n    return {\n      ...config,\n      option: getOptions(config),\n      type: type,\n    } as ChartWidgetConfigResult<TData, TConfig, TType>\n  }\n}\n"],"names":["createChartWidgetConfig","type","getOptions","config","option"],"mappings":";;;AAiDO,SAASA,EAId;AAAA,EACAC,MAAAA;AAAAA,EACAC,YAAAA;AACoD,GAEF;AAClD,SAAO,SAAUC,GAAiB;AAChC,WAAO;AAAA,MACL,GAAGA;AAAAA,MACHC,QAAQF,EAAWC,CAAM;AAAA,MACzBF,MAAAA;AAAAA,IAAAA;AAAAA,EAEJ;AACF;"}
+{"version":3,"file":"utils.js","sources":["../../src/widgets/utils/chart-config/config-factory.ts"],"sourcesContent":["import type { EchartOptionsProps, EchartWidgetData } from '../../echart'\n\n/**\n * Base configuration interface for chart widgets\n */\nexport interface ChartWidgetBaseConfig<TData = EchartWidgetData> {\n  data?: TData\n}\n\n/**\n * Parameters for creating a chart widget configuration\n */\nexport interface CreateChartWidgetConfigParams<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n> {\n  /** Widget type identifier (e.g., 'bar', 'pie', 'histogram') */\n  type: TType\n  /** Function to get EChart options from config */\n  getOptions: (config: TConfig) => EchartOptionsProps\n}\n\n/**\n * Return type of the chart widget config function\n */\nexport type ChartWidgetConfigResult<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n> = TConfig & {\n  type: TType\n}\n\n/**\n * Factory function to create a standardized chart widget config function.\n * This eliminates duplication across chart widgets by providing a common structure.\n *\n * @example\n * ```ts\n * export const barConfig = createChartWidgetConfig({\n *   type: 'bar' as const,\n *   getOptions: ({ data, theme }) => ({\n *     // EChart configuration\n *   }),\n *   csvModifier: (data) => flattenObjectArrayToCSV(data),\n * })\n * ```\n */\nexport function createChartWidgetConfig<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n>({\n  type,\n  getOptions,\n}: CreateChartWidgetConfigParams<TData, TConfig, TType>): (\n  config: TConfig,\n) => ChartWidgetConfigResult<TData, TConfig, TType> {\n  return function (config: TConfig) {\n    return {\n      ...config,\n      option: getOptions(config),\n      type: type,\n    } as ChartWidgetConfigResult<TData, TConfig, TType>\n  }\n}\n"],"names":["createChartWidgetConfig","type","getOptions","config","option"],"mappings":";;;;AAiDO,SAASA,EAId;AAAA,EACAC,MAAAA;AAAAA,EACAC,YAAAA;AACoD,GAEF;AAClD,SAAO,SAAUC,GAAiB;AAChC,WAAO;AAAA,MACL,GAAGA;AAAAA,MACHC,QAAQF,EAAWC,CAAM;AAAA,MACzBF,MAAAA;AAAAA,IAAAA;AAAAA,EAEJ;AACF;"}

package/dist/widgets-v2/actions.js

@@ -0,0 +1,43 @@
+import { B as L, C as e, D as o, a as E, b as t, c as r, d as A, e as S, f as T, g as _, h as d, i as l, F as D, L as c, R as n, S as B, j as g, k as C, Z as O, l as F, m as U, n as m, o as i, p as G, s as h, t as R } from "../change-column-Cidl_M-4.js";
+import { Z as N, a as Z, c as k } from "../transforms-Cdx4fkU5.js";
+import { d as I, a as p, t as u, b as w } from "../exports-Cx-f6m6U.js";
+import { C as b, P as M, b as v } from "../png-item-CS4z1iSH.js";
+export {
+  L as BrushToggle,
+  b as CSVIcon,
+  e as ChangeColumn,
+  o as DEFAULT_BRUSH_TOGGLE_LABELS,
+  E as DEFAULT_CHANGE_COLUMN_LABELS,
+  t as DEFAULT_DOWNLOAD_LABELS,
+  r as DEFAULT_FULLSCREEN_LABELS,
+  A as DEFAULT_LOCK_SELECTION_LABELS,
+  S as DEFAULT_RELATIVE_DATA_LABELS,
+  T as DEFAULT_SEARCHER_LABELS,
+  _ as DEFAULT_STACK_TOGGLE_LABELS,
+  d as DEFAULT_ZOOM_TOGGLE_LABELS,
+  l as Download,
+  D as FullScreen,
+  c as LockSelection,
+  M as PNGIcon,
+  n as RelativeData,
+  B as Searcher,
+  g as SearcherToggle,
+  C as StackToggle,
+  N as ZOOM_LAYOUT,
+  O as ZoomToggle,
+  F as addBrush,
+  U as addStack,
+  Z as addZoom,
+  v as buildPngDownloadItem,
+  k as createAddZoom,
+  m as createPercentFormatter,
+  I as downloadDOMToPNG,
+  p as downloadToCSV,
+  i as filterByLockedItems,
+  G as filterBySearchText,
+  h as setSearcherText,
+  u as toCsvString,
+  R as toRelativeData,
+  w as triggerLinkDownload
+};
+//# sourceMappingURL=actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/widgets-v2/bar.js

@@ -0,0 +1,330 @@
+import * as $ from "echarts";
+import { n as y, d as z, g as E, c as G, f as H } from "../option-builders-F-c9ELi1.js";
+import { jsx as p, jsxs as M } from "react/jsx-runtime";
+import { c as R } from "react/compiler-runtime";
+import { Box as g, Skeleton as A } from "@mui/material";
+import "../widget-store-Bw5zRUGg.js";
+import "zustand/shallow";
+import "@mui/icons-material";
+import "react";
+import "html2canvas";
+import "../lasso-tool-BYbxrJ-7.js";
+import "../cjs-D4KH3azB.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "react-dom";
+import "@mui/icons-material/ZoomIn";
+import "../widget-context-DTGO0Yta.js";
+import "zustand";
+import "zustand/vanilla";
+import "zustand/middleware";
+import "zustand/react/shallow";
+import { Z as j } from "../transforms-Cdx4fkU5.js";
+import { m as W, r as Y } from "../resolve-theme-color-BdojIw0K.js";
+import { p as q } from "../data-zoom-layout-BH0LPwSy.js";
+import "@mui/icons-material/FileDownload";
+import { a as U } from "../exports-Cx-f6m6U.js";
+import { b as J, C as K } from "../png-item-CS4z1iSH.js";
+function Q({
+  theme: e,
+  formatter: r,
+  labelFormatter: t
+}) {
+  let l = 0, a = 1;
+  return {
+    grid: {
+      left: parseInt(e.spacing(1)),
+      top: parseInt(e.spacing(3)),
+      right: parseInt(e.spacing(1)),
+      // Default: no legend. Merger bumps this when there are >1 series.
+      ...G(!1, e),
+      containLabel: !0
+    },
+    tooltip: {
+      trigger: "axis",
+      backgroundColor: e.palette.grey[900],
+      borderWidth: 0,
+      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+      textStyle: {
+        color: e.palette.common.white,
+        fontSize: 11,
+        fontFamily: e.typography.caption.fontFamily
+      },
+      axisPointer: {
+        type: "line"
+      },
+      position: E(e),
+      formatter: F(r, t)
+    },
+    // Legend styling baked here; `show` is toggled by the merger based on
+    // series count.
+    legend: {
+      ...z({
+        hasLegend: !1,
+        labelFormatter: t
+      })
+    },
+    axisPointer: {
+      lineStyle: {
+        color: e.palette.grey[400]
+      }
+    },
+    color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
+    xAxis: {
+      type: "category",
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      axisLabel: {
+        padding: [parseInt(e.spacing(0.5)), 0, 0, 0],
+        margin: 0,
+        hideOverlap: !0,
+        ...t && {
+          formatter: (o) => String(t(o))
+        }
+      }
+    },
+    yAxis: {
+      type: "value",
+      min: (o) => (l = o.min < 0 ? y(o.min) : 0, l),
+      max: (o) => (a = o.max <= 0 ? 1 : y(o.max), a),
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: e.palette.black?.[4] ?? e.palette.divider
+        }
+      },
+      axisLabel: {
+        fontSize: e.typography.overlineDelicate?.fontSize,
+        fontFamily: e.typography.overlineDelicate?.fontFamily,
+        margin: parseInt(e.spacing(1)),
+        show: !0,
+        showMaxLabel: !0,
+        showMinLabel: !0,
+        verticalAlign: "bottom",
+        inside: !0,
+        formatter: (o) => o !== a && o !== l || o === 0 ? "" : r ? r(o) : String(o)
+      }
+    }
+  };
+}
+function je(e) {
+  const {
+    theme: r,
+    formatter: t,
+    labelFormatter: l,
+    optionsOverride: a
+  } = e, o = e.series, s = e.selection, m = s && s.length > 0 ? new Set(s) : null;
+  return (n, w, I) => {
+    if (n == null) {
+      const i = Q({
+        theme: r,
+        formatter: t,
+        labelFormatter: l
+      });
+      return a ? W(i, a) : i;
+    }
+    const f = Array.isArray(w) ? w : [];
+    if (f.length === 0)
+      return {
+        ...n,
+        dataset: [],
+        series: []
+      };
+    const b = f.length > 1, O = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, x = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, _ = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, L = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, C = Array.isArray(n.series) ? n.series : [], V = C[0] ?? {}, h = I?.formatter, D = I?.labelFormatter, {
+      niceMinVal: k,
+      niceMaxVal: T
+    } = X(f), v = q(n.dataZoom, b), N = typeof x.bottom == "number" ? x.bottom : 24, B = b ? 56 : N, P = v ? B + j.sliderHeight + j.sliderGap : B, Z = {
+      color: (i) => {
+        const c = i.color;
+        if (!m) return c;
+        const u = i.value?.name ?? i.name;
+        return u != null && m.has(u) ? c : $.color.modifyAlpha(c, 0.15);
+      }
+    };
+    return {
+      ...n,
+      dataset: f.map((i) => ({
+        source: i
+      })),
+      series: f.map((i, c) => {
+        const S = C[c] ?? V, u = Y(r, o?.[c]?.color);
+        return {
+          ...typeof S == "object" ? S : {},
+          type: "bar",
+          datasetIndex: c,
+          name: o?.[c]?.name ?? `Series ${c + 1}`,
+          encode: {
+            x: "name",
+            y: "value"
+          },
+          barMaxWidth: 100,
+          emphasis: {
+            focus: "series"
+          },
+          itemStyle: Z,
+          ...u ? {
+            color: u
+          } : {}
+        };
+      }),
+      legend: {
+        ...O,
+        show: b
+      },
+      grid: {
+        ...x,
+        bottom: P
+      },
+      ...v ? {
+        dataZoom: v
+      } : {},
+      yAxis: {
+        ...L,
+        min: k,
+        max: T,
+        axisLabel: {
+          ...L.axisLabel ?? {},
+          formatter: (i) => i !== T && i !== k || i === 0 ? "" : h ? h(i) : String(i)
+        }
+      },
+      tooltip: {
+        ..._,
+        formatter: F(h, D)
+      }
+    };
+  };
+}
+function F(e, r) {
+  return H((t) => {
+    const a = t.value?.value, o = typeof a == "number" && e ? e(a) : a ?? "", s = typeof t.marker == "string" ? t.marker : "", m = t.seriesName ? `${t.seriesName}: ` : "", n = r ? String(r(t.name ?? "")) : t.name ?? "";
+    return {
+      name: String(n),
+      seriesName: m,
+      marker: s,
+      value: o
+    };
+  });
+}
+function X(e) {
+  let r = 0, t = -1 / 0;
+  for (const o of e)
+    for (const s of o)
+      typeof s?.value != "number" || !Number.isFinite(s.value) || (s.value < r && (r = s.value), s.value > t && (t = s.value));
+  const l = r < 0 ? y(r) : 0, a = t <= 0 ? 1 : y(t);
+  return {
+    niceMinVal: l,
+    niceMaxVal: a
+  };
+}
+const d = {
+  container: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    flexDirection: "column",
+    gap: ({
+      spacing: e
+    }) => e(1),
+    height: ({
+      spacing: e
+    }) => e(38)
+  },
+  grid: {
+    display: "flex",
+    justifyContent: "space-between",
+    flex: "1 1 auto",
+    alignItems: "flex-end",
+    width: "100%"
+  },
+  bar: {
+    flex: 1,
+    maxWidth: ({
+      spacing: e
+    }) => e(12),
+    "& + &": {
+      marginLeft: ({
+        spacing: e
+      }) => e(1)
+    }
+  },
+  legend: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: e
+    }) => e(2),
+    height: ({
+      spacing: e
+    }) => e(5)
+  },
+  legendItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: e
+    }) => e(1.5)
+  }
+}, ee = ["20%", "40%", "60%", "20%", "80%"];
+function Me() {
+  const e = R(2);
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ p(g, { sx: d.grid, children: ee.map(re) }), e[0] = r) : r = e[0];
+  let t;
+  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ M(g, { sx: d.container, children: [
+    r,
+    /* @__PURE__ */ p(g, { sx: d.legend, children: [0, 1].map(te) })
+  ] }), e[1] = t) : t = e[1], t;
+}
+function te(e) {
+  return /* @__PURE__ */ M(g, { sx: d.legendItem, children: [
+    /* @__PURE__ */ p(A, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ p(A, { width: 48, height: 8 })
+  ] }, `legend-${e}`);
+}
+function re(e, r) {
+  return /* @__PURE__ */ p(A, { sx: d.bar, variant: "rectangular", height: e }, `bar-${r}`);
+}
+function Fe(e) {
+  const r = [];
+  return e.getCaptureEl && r.push(J({
+    filename: e.filename,
+    getCaptureEl: e.getCaptureEl,
+    pixelRatio: e.pngPixelRatio,
+    backgroundColor: e.pngBackgroundColor
+  })), r.push({
+    id: "csv",
+    label: "CSV",
+    icon: /* @__PURE__ */ p(K, { fontSize: "small" }),
+    resolve: () => {
+      const t = e.getData(), l = [];
+      for (const [o, s] of t.entries()) {
+        o > 0 && l.push([]), l.push(["name", "value"]);
+        for (const m of s) l.push([m.name, m.value]);
+      }
+      const a = U(l);
+      return Promise.resolve({
+        url: a.url,
+        filename: `${e.filename}.csv`,
+        revoke: a.revoke
+      });
+    }
+  }), r;
+}
+export {
+  Me as BarSkeleton,
+  Q as barOptions,
+  Fe as createBarDownloadConfig,
+  je as createBarOptionFactory
+};
+//# sourceMappingURL=bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar.js","sources":["../../src/widgets-v2/bar/options.ts","../../src/widgets-v2/bar/skeleton.tsx","../../src/widgets-v2/bar/download.tsx"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../../widgets/utils/chart-config'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { 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        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        margin: 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        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',\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    const { niceMinVal, niceMaxVal } = computeNiceBounds(seriesArr)\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    // resolved palette color 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.\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 dimItemStyle = {\n      color: (params: CallbackDataParams) => {\n        const base = 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\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        // 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: dimItemStyle,\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: niceMinVal,\n        max: niceMaxVal,\n        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          formatter: (value: number) => {\n            if (value !== niceMaxVal && value !== niceMinVal) 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\nfunction computeNiceBounds(seriesArr: BarWidgetData): {\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  const niceMinVal = min < 0 ? niceNum(min) : 0\n  const niceMaxVal = max <= 0 ? 1 : niceNum(max)\n  return { niceMinVal, niceMaxVal }\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  CSVIcon,\n  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { BarWidgetData } from './types'\n\nexport interface BarDownloadConfigArgs {\n  filename: string\n  getData: () => BarWidgetData\n  /**\n   * Optional getter for the widget's capture element (registered by\n   * `Widget.State` on its success path). When provided, a PNG item is\n   * prepended to the returned list. Wire it to\n   * `() => getCaptureEl(id)`.\n   */\n  getCaptureEl?: () => HTMLElement | null\n  /** PNG `pixelRatio` (default 2). */\n  pngPixelRatio?: number\n  /** PNG `backgroundColor` (default transparent). */\n  pngBackgroundColor?: string | null\n}\n\n/**\n * Builds download items for the Bar widget. Always includes a CSV item\n * with one `name,value` block per series, separated by an empty row when\n * there are multiple. When `getCaptureEl` is supplied, also prepends a PNG\n * item that rasterises the captured element via `html2canvas`.\n */\nexport function createBarDownloadConfig(\n  args: BarDownloadConfigArgs,\n): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: 'csv',\n    label: 'CSV',\n    icon: <CSVIcon fontSize='small' />,\n    resolve: () => {\n      const data = args.getData()\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      const handle = downloadToCSV(rows)\n      return Promise.resolve({\n        url: handle.url,\n        filename: `${args.filename}.csv`,\n        revoke: handle.revoke,\n      })\n    },\n  })\n  return items\n}\n"],"names":["barOptions","theme","formatter","labelFormatter","niceMin","niceMax","grid","left","parseInt","spacing","top","right","buildGridConfig","containLabel","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","textStyle","color","common","white","fontSize","fontFamily","typography","caption","axisPointer","type","position","createTooltipPositioner","buildBarTooltipFormatter","legend","buildLegendConfig","hasLegend","lineStyle","secondary","main","Object","values","qualitative","bold","xAxis","axisLine","show","axisTick","axisLabel","margin","hideOverlap","v","String","yAxis","min","extent","niceNum","max","splitLine","black","divider","overlineDelicate","showMaxLabel","showMinLabel","verticalAlign","inside","value","createBarOptionFactory","options","optionsOverride","series","selection","selectionSet","length","Set","option","data","ctx","structural","mergeOptions","seriesArr","Array","isArray","dataset","baseLegend","baseGrid","baseTooltip","baseYAxis","seriesTemplates","broadcastTemplate","liveFormatter","liveLabelFormatter","niceMinVal","niceMaxVal","computeNiceBounds","dataZoomLayout","positionDataZoomForLegend","dataZoom","fallbackBottom","bottom","baseBottom","gridBottom","ZOOM_LAYOUT","sliderHeight","sliderGap","dimItemStyle","params","base","name","has","echarts","modifyAlpha","map","s","source","_","i","template","overrideColor","resolveThemeColor","datasetIndex","encode","x","y","barMaxWidth","emphasis","focus","itemStyle","createTooltipFormatter","item","raw","formattedValue","marker","seriesName","d","Number","isFinite","styles","container","display","alignItems","justifyContent","flexDirection","gap","height","flex","width","bar","maxWidth","marginLeft","legendItem","BAR_HEIGHTS","BarSkeleton","$","_c","t0","Symbol","for","jsx","Box","_temp","t1","_temp2","i_0","jsxs","Skeleton","createBarDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","pngBackgroundColor","id","label","icon","CSVIcon","resolve","getData","rows","entries","handle","downloadToCSV","Promise","url","revoke"],"mappings":"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"}