@carto/ps-react-ui 4.22.0 → 4.23.0

package/dist/types/widgets-v2/actions/download/types.d.ts

@@ -1,4 +1,15 @@
 import { ReactElement } from 'react';
+/**
+ * Passed to {@link DownloadItem.resolve} by `<Widget.Download>`.
+ */
+export interface DownloadContext {
+    /**
+     * Id of the widget store the menu was opened from — the dialog's own
+     * store when opened from `FullScreen.Slot`'s header, so an export matches
+     * what the user is looking at. `null` outside a `<Widget.Provider>`.
+     */
+    id: string | null;
+}
 export interface DownloadItem {
     /** Unique key (also used as menu label key). */
     id: string;
@@ -27,7 +38,7 @@ export interface DownloadItem {
      * Resolves to a Blob URL the trigger will click. Optional `revoke` is
      * called after the click is dispatched.
      */
-    resolve: () => Promise<{
+    resolve: (ctx: DownloadContext) => Promise<{
         url: string;
         filename: string;
         revoke?: () => void;

package/dist/types/widgets-v2/actions/fullscreen/fullscreen.d.ts

@@ -9,11 +9,18 @@ export interface FullScreenTriggerProps {
 }
 export interface FullScreenSlotProps {
     /**
-     * Render-prop body. Receives the live `isFullScreen` flag so the consumer
-     * can branch per-mode props (e.g., `Widget.Toolbox visibleCount`) without
-     * duplicating the JSX.
+     * The widget body. Rendered twice, identically: in the card, and again in
+     * the dialog while it's open. The components inside don't know which copy
+     * they are; the dialog's just runs on a widget store of its own — a copy
+     * of the card's taken on open, handed back to the card on close — so read
+     * the widget id with `useWidgetId()` inside the body rather than closing
+     * over the card's `id`.
+     *
+     * @deprecated The function form `(isFullScreen) => ReactNode` still works
+     * (`false` for the card, `true` for the dialog copy) but will be removed
+     * in the next major: pass the body as plain children.
      */
-    children: (isFullScreen: boolean) => ReactNode;
+    children: ReactNode | ((isFullScreen: boolean) => ReactNode);
     /** Header text rendered above the body when the modal is open. */
     title?: ReactNode;
     /**
@@ -46,15 +53,15 @@ export interface FullScreenSlotProps {
  * `<Widget.Content>`).
  */
 declare function FullScreenTrigger({ labels, enterIcon: EnterIcon, exitIcon: ExitIcon, iconProps, }: FullScreenTriggerProps): import("react").JSX.Element;
+/** Id of the widget store the dialog copy runs on. */
+export declare function fullScreenStoreId(id: string): string;
 /**
- * Body wrapper. Renders its render-prop children once, via a single
- * `createPortal` call whose container is a stable `<div>` we hold as a ref.
- * That div is moved imperatively between an inline placeholder and the
- * `<DialogContent>` of an MUI `<Dialog keepMounted>`. Because both the
- * React parent (the portal call site) AND the portal container are
- * identical across the toggle, the subtree keeps its fiber identity and
- * ECharts (or any other heavy child) stays mounted while only its DOM
- * parent changes.
+ * Body wrapper. The card keeps its copy of the body while the dialog is
+ * open, and the dialog mounts a second one on a store of its own: a copy
+ * of the card's UI state taken on open, and handed back to the card when
+ * the dialog closes. While open the two don't affect each other. MUI
+ * mounts the dialog copy on open and unmounts it after the close
+ * transition, which drops its store.
  */
 declare function FullScreenSlot({ children, title, actions, paperSx, labels, closeIcon: CloseSvg, iconProps, }: FullScreenSlotProps): import("react").JSX.Element;
 /**
@@ -66,7 +73,7 @@ declare function FullScreenSlot({ children, title, actions, paperSx, labels, clo
  * </Widget.Actions>
  * <Widget.Content>
  *   <Widget.FullScreen.Slot title={title} actions={<Widget.Download items={items} />}>
- *     {(isFullScreen) => <Body visibleCount={isFullScreen ? undefined : 2} />}
+ *     <Body />
  *   </Widget.FullScreen.Slot>
  * </Widget.Content>
  * ```

package/dist/types/widgets-v2/actions/index.d.ts

@@ -4,7 +4,7 @@ export { ShowAllToggle, setShowAll, SHOW_ALL_ID, DEFAULT_SHOW_ALL_LABELS, type S
 export { ZoomToggle, addZoom, createAddZoom, ZOOM_LAYOUT, DEFAULT_ZOOM_TOGGLE_LABELS, type ZoomToggleProps, type ZoomToggleLabels, } from './zoom-toggle/index.js';
 export { BrushToggle, addBrush, DEFAULT_BRUSH_TOGGLE_LABELS, type BrushToggleProps, type BrushToggleLabels, } from './brush-toggle/index.js';
 export { RelativeData, toRelativeData, createPercentFormatter, DEFAULT_RELATIVE_DATA_LABELS, type RelativeDataProps, type RelativeDataLabels, } from './relative-data/index.js';
-export { Download, downloadToCSV, downloadDOMToPNG, toCsvString, triggerLinkDownload, buildPngDownloadItem, buildCsvDownloadItem, CSVIcon, PNGIcon, MarkdownIcon, DEFAULT_DOWNLOAD_LABELS, DOWNLOAD_ITEM_IDS, type DownloadProps, type DownloadItem, type DownloadItemId, type DownloadHandle, type DownloadDOMToPNGOptions, type BuildPngDownloadItemArgs, type BuildCsvDownloadItemArgs, type DownloadLabels, } from './download/index.js';
+export { Download, downloadToCSV, downloadDOMToPNG, toCsvString, triggerLinkDownload, buildPngDownloadItem, buildCsvDownloadItem, CSVIcon, PNGIcon, MarkdownIcon, DEFAULT_DOWNLOAD_LABELS, DOWNLOAD_ITEM_IDS, type DownloadProps, type DownloadItem, type DownloadContext, type DownloadItemId, type DownloadHandle, type DownloadDOMToPNGOptions, type BuildPngDownloadItemArgs, type BuildCsvDownloadItemArgs, type DownloadLabels, } from './download/index.js';
 export { FullScreen, DEFAULT_FULLSCREEN_LABELS, type FullScreenTriggerProps, type FullScreenSlotProps, type FullScreenLabels, type FullScreenWidgetState, } from './fullscreen/index.js';
 export { LockSelection, filterByLockedItems, DEFAULT_LOCK_SELECTION_LABELS, type LockSelectionProps, type LockSelectionKey, type LockSelectionLabels, } from './lock-selection/index.js';
 export { ChangeColumn, DEFAULT_CHANGE_COLUMN_LABELS, type ChangeColumnProps, type ChangeColumnItem, type ChangeColumnLabels, type ChangeColumnWidgetState, } from './change-column/index.js';

package/dist/types/widgets-v2/bar/download.d.ts

@@ -1,15 +1,15 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { BarWidgetData } from './types.js';
 export interface BarDownloadConfigArgs {
     filename: string;
-    getData: () => BarWidgetData;
+    getData: (ctx: DownloadContext) => BarWidgetData;
     /**
      * Optional getter for the widget's capture element (registered by
      * `Widget.State` on its success path). When provided, a PNG item is
      * prepended to the returned list. Wire it to
      * `() => getCaptureEl(id)`.
      */
-    getCaptureEl?: () => HTMLElement | null;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     /** PNG `pixelRatio` (default 2). */
     pngPixelRatio?: number;
     /** PNG `backgroundColor` (default transparent). */

package/dist/types/widgets-v2/category/category-ui.d.ts

@@ -69,6 +69,14 @@ export interface CategoryUIProps {
      * No-op for single-series data — same convention as the legend.
      */
     stacked?: boolean;
+    /**
+     * Series indices hidden via the legend. Leave both this and
+     * `onHiddenSeriesChange` unset and CategoryUI keeps the set itself; pass
+     * them to own it — `Category` does, so the card and the fullscreen copy
+     * share it through the widget store.
+     */
+    hiddenSeries?: ReadonlySet<number>;
+    onHiddenSeriesChange?: (next: ReadonlySet<number>) => void;
 }
 /**
  * Pure presentational component for the Category widget. Renders
@@ -85,4 +93,4 @@ export interface CategoryUIProps {
  * Returns `null` when there's nothing to render — `Widget.State` is the
  * empty-state authority in the canonical compositor.
  */
-export declare function CategoryUI({ data, selection, onSelectionChange, formatter, labelFormatter, series, maxItems, labels, onShowAll, maxOverride, size, stacked, }: CategoryUIProps): import("react").JSX.Element | null;
+export declare function CategoryUI({ data, selection, onSelectionChange, formatter, labelFormatter, series, maxItems, labels, onShowAll, maxOverride, size, stacked, hiddenSeries: hiddenSeriesProp, onHiddenSeriesChange, }: CategoryUIProps): import("react").JSX.Element | null;

package/dist/types/widgets-v2/category/download.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { CategoryWidgetData } from './types.js';
 /**
  * Download menu items for the Category widget. Always includes a CSV item
@@ -8,9 +8,9 @@ import { CategoryWidgetData } from './types.js';
  */
 export declare function createCategoryDownloadConfig(args: {
     filename: string;
-    getData: () => CategoryWidgetData;
+    getData: (ctx: DownloadContext) => CategoryWidgetData;
     seriesNames?: readonly string[];
-    getCaptureEl?: () => HTMLElement | null;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }): DownloadItem[];

package/dist/types/widgets-v2/echart/style.d.ts

@@ -3,5 +3,6 @@ export declare const styles: {
         width: string;
         flex: number;
         minHeight: number;
+        isolation: "isolate";
     };
 };

package/dist/types/widgets-v2/formula/download.d.ts

@@ -1,13 +1,13 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { FormulaWidgetData } from './types.js';
 export interface FormulaDownloadConfigArgs {
     filename: string;
-    getData: () => FormulaWidgetData;
+    getData: (ctx: DownloadContext) => FormulaWidgetData;
     /**
      * Optional getter for the widget's capture element (registered by
      * `Widget.State`). When provided, a PNG item is prepended.
      */
-    getCaptureEl?: () => HTMLElement | null;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }

package/dist/types/widgets-v2/histogram/download.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { HistogramWidgetData } from './types.js';
 /**
  * Download menu items for histograms. Always includes a CSV item with
@@ -8,10 +8,10 @@ import { HistogramWidgetData } from './types.js';
  */
 export declare function createHistogramDownloadConfig(args: {
     filename: string;
-    getData: () => HistogramWidgetData;
+    getData: (ctx: DownloadContext) => HistogramWidgetData;
     getTicks: () => readonly number[];
     seriesNames?: readonly string[];
-    getCaptureEl?: () => HTMLElement | null;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }): DownloadItem[];

package/dist/types/widgets-v2/index.d.ts

@@ -96,7 +96,7 @@ export type { ToolboxLabels } from './toolbox/labels.js';
 export type { EchartProps, EchartUIProps, EchartsEventHandler } from './echart/index.js';
 export type { NoteProps, NoteMarkdownProps } from './note/widget-note.js';
 export type { NoteLabels } from './note/labels.js';
-export type { SearcherProps, SearcherToggleProps, StackToggleProps, ShowAllToggleProps, ZoomToggleProps, BrushToggleProps, RelativeDataProps, DownloadProps, DownloadItem, FullScreenTriggerProps, FullScreenSlotProps, LockSelectionProps, LockSelectionKey, ChangeColumnProps, ChangeColumnItem, } from './actions/index.js';
+export type { SearcherProps, SearcherToggleProps, StackToggleProps, ShowAllToggleProps, ZoomToggleProps, BrushToggleProps, RelativeDataProps, DownloadProps, DownloadItem, DownloadContext, FullScreenTriggerProps, FullScreenSlotProps, LockSelectionProps, LockSelectionKey, ChangeColumnProps, ChangeColumnItem, } from './actions/index.js';
 export type { FormulaUIProps, FormulaDataItem, FormulaWidgetData, } from './formula/index.js';
 export type { MarkdownUIProps, MarkdownWidgetData } from './markdown/index.js';
 export type { PieDatum, PieWidgetData } from './pie/index.js';

package/dist/types/widgets-v2/markdown/download.d.ts

@@ -1,4 +1,4 @@
-import { toCsvString, triggerLinkDownload, DownloadItem } from '../actions/download/index.js';
+import { toCsvString, triggerLinkDownload, DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { MarkdownWidgetData } from './types.js';
 /**
  * Download menu items for the Markdown widget. Always includes a `.md`
@@ -8,8 +8,8 @@ import { MarkdownWidgetData } from './types.js';
  */
 export declare function createMarkdownDownloadConfig(args: {
     filename: string;
-    getData: () => MarkdownWidgetData;
-    getCaptureEl?: () => HTMLElement | null;
+    getData: (ctx: DownloadContext) => MarkdownWidgetData;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }): DownloadItem[];

package/dist/types/widgets-v2/pie/download.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { PieWidgetData } from './types.js';
 /**
  * Download menu items for the Pie widget. Always includes a CSV item with
@@ -9,9 +9,9 @@ import { PieWidgetData } from './types.js';
  */
 export declare function createPieDownloadConfig(args: {
     filename: string;
-    getData: () => PieWidgetData;
+    getData: (ctx: DownloadContext) => PieWidgetData;
     seriesNames?: readonly string[];
-    getCaptureEl?: () => HTMLElement | null;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }): DownloadItem[];

package/dist/types/widgets-v2/scatterplot/download.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { ScatterplotWidgetData } from './types.js';
 /**
  * Download menu items for the Scatterplot widget. Always includes a CSV
@@ -8,9 +8,9 @@ import { ScatterplotWidgetData } from './types.js';
  */
 export declare function createScatterplotDownloadConfig(args: {
     filename: string;
-    getData: () => ScatterplotWidgetData;
+    getData: (ctx: DownloadContext) => ScatterplotWidgetData;
     seriesNames?: readonly string[];
-    getCaptureEl?: () => HTMLElement | null;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }): DownloadItem[];

package/dist/types/widgets-v2/spread/download.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { SpreadWidgetData } from './types.js';
 /**
  * Download menu items for the Spread widget. Always includes a CSV item
@@ -8,8 +8,8 @@ import { SpreadWidgetData } from './types.js';
  */
 export declare function createSpreadDownloadConfig(args: {
     filename: string;
-    getData: () => SpreadWidgetData;
-    getCaptureEl?: () => HTMLElement | null;
+    getData: (ctx: DownloadContext) => SpreadWidgetData;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }): DownloadItem[];

package/dist/types/widgets-v2/table/download.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { TableColumn, TableWidgetData } from './types.js';
 /**
  * Download menu items for the Table widget. Always includes a CSV item
@@ -10,9 +10,9 @@ import { TableColumn, TableWidgetData } from './types.js';
  */
 export declare function createTableDownloadConfig(opts: {
     filename: string;
-    getData: () => TableWidgetData;
+    getData: (ctx: DownloadContext) => TableWidgetData;
     columns: readonly TableColumn[];
-    getCaptureEl?: () => HTMLElement | null;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }): DownloadItem[];

package/dist/types/widgets-v2/timeseries/download.d.ts

@@ -1,4 +1,4 @@
-import { DownloadItem } from '../actions/download/index.js';
+import { DownloadContext, DownloadItem } from '../actions/download/index.js';
 import { TimeseriesWidgetData } from './types.js';
 /**
  * Download menu items for the Timeseries widget. Always includes a CSV
@@ -9,9 +9,9 @@ import { TimeseriesWidgetData } from './types.js';
  */
 export declare function createTimeseriesDownloadConfig(args: {
     filename: string;
-    getData: () => TimeseriesWidgetData;
+    getData: (ctx: DownloadContext) => TimeseriesWidgetData;
     seriesNames?: readonly string[];
-    getCaptureEl?: () => HTMLElement | null;
+    getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null;
     pngPixelRatio?: number;
     pngBackgroundColor?: string | null;
 }): DownloadItem[];

package/dist/types/widgets-v2/toolbox/toolbox.d.ts

@@ -28,7 +28,7 @@ export interface ToolboxProps {
  * Smart overflow toolbar with **single-mount** items. Children mount once
  * into a stable, hidden host element and are *physically reparented* via
  * `appendChild` between the inline preview area and the overflow `<Paper>`
- * as the popper opens / closes — same pattern as `Widget.FullScreen.Slot`.
+ * as the popper opens / closes.
  * Items with no inline space when closed are kept mounted but visually
  * hidden via `display: none`.
  *

package/dist/widgets-v2/actions.js

@@ -1,4 +1,4 @@
-import { C as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../actions-iN1jwyxA.js";
+import { C as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../actions-D7LB9DvT.js";
 import { a as E, i as D, n as O, r as k, t as A } from "../zoom-toggle-KA63b6-J.js";
-import { a as j, c as M, d as N, f as P, i as F, l as I, n as L, o as R, r as z, s as B, t as V, u as H } from "../download-C7he8mSh.js";
+import { a as j, c as M, d as N, f as P, i as F, l as I, n as L, o as R, r as z, s as B, t as V, u as H } from "../download--wRRnf19.js";
 export { l as BrushToggle, F as CSVIcon, b as ChangeColumn, _ as DEFAULT_BRUSH_TOGGLE_LABELS, h as DEFAULT_CHANGE_COLUMN_LABELS, M as DEFAULT_DOWNLOAD_LABELS, y as DEFAULT_FULLSCREEN_LABELS, f as DEFAULT_LOCK_SELECTION_LABELS, p as DEFAULT_RELATIVE_DATA_LABELS, r as DEFAULT_SEARCHER_LABELS, S as DEFAULT_SHOW_ALL_LABELS, o as DEFAULT_STACK_TOGGLE_LABELS, O as DEFAULT_ZOOM_TOGGLE_LABELS, z as DOWNLOAD_ITEM_IDS, B as Download, g as FullScreen, v as LockSelection, j as MarkdownIcon, R as PNGIcon, s as RelativeData, d as SHOW_ALL_ID, n as Searcher, e as SearcherToggle, u as ShowAllToggle, T as StackToggle, k as ZOOM_LAYOUT, A as ZoomToggle, m as addBrush, w as addStack, D as addZoom, V as buildCsvDownloadItem, L as buildPngDownloadItem, E as createAddZoom, x as createPercentFormatter, I as downloadDOMToPNG, H as downloadToCSV, a as filterByLockedItems, t as filterBySearchText, C as setSearcherText, i as setShowAll, N as toCsvString, c as toRelativeData, P as triggerLinkDownload };

package/dist/widgets-v2/bar.js

@@ -1,5 +1,5 @@
 import { r as e } from "../zoom-toggle-KA63b6-J.js";
-import { n as t, t as n } from "../download-C7he8mSh.js";
+import { n as t, t as n } from "../download--wRRnf19.js";
 import { n as r, r as i, t as a } from "../utils-ClB6nn4w.js";
 import { a as o, d as s, f as c, i as l, s as u, u as d } from "../chart-config-BWxjodlt.js";
 import { c as f } from "react/compiler-runtime";
@@ -244,13 +244,13 @@ function E(e) {
 		backgroundColor: e.pngBackgroundColor
 	})), r.push(n({
 		filename: e.filename,
-		getRows: () => {
-			let t = e.getData(), n = [];
-			for (let [e, r] of t.entries()) {
-				e > 0 && n.push([]), n.push(["name", "value"]);
-				for (let e of r) n.push([e.name, e.value]);
+		getRows: (t) => {
+			let n = e.getData(t), r = [];
+			for (let [e, t] of n.entries()) {
+				e > 0 && r.push([]), r.push(["name", "value"]);
+				for (let e of t) r.push([e.name, e.value]);
 			}
-			return n;
+			return r;
 		}
 	})), r;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"bar.js","names":["EChartsOption","echarts","CallbackDataParams","buildAxisLabelStyle","buildGridConfig","buildLegendConfig","createTooltipFormatter","createTooltipPositioner","niceNum","ZOOM_LAYOUT","OptionFactory","mergeOptions","resolveThemeColor","positionDataZoomForLegend","BarEChartsOption","BarOptionFactoryInput","BarOptionsInput","BarWidgetData","barOptions","theme","formatter","labelFormatter","niceMin","niceMax","grid","left","parseInt","spacing","top","right","containLabel","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","textStyle","color","common","white","fontSize","fontFamily","typography","caption","axisPointer","type","position","buildBarTooltipFormatter","legend","hasLegend","lineStyle","secondary","main","Object","values","qualitative","bold","Record","xAxis","axisLine","show","axisTick","axisLabel","margin","interval","hideOverlap","v","String","yAxis","min","extent","max","splitLine","black","divider","showMaxLabel","showMinLabel","verticalAlign","inside","value","createBarOptionFactory","options","optionsOverride","series","selection","selectionSet","length","Set","option","data","ctx","structural","Partial","seriesArr","Array","isArray","dataset","baseLegend","baseGrid","baseTooltip","baseYAxis","seriesTemplates","broadcastTemplate","liveFormatter","liveLabelFormatter","dataZoomLayout","dataZoom","fallbackBottom","bottom","baseBottom","gridBottom","sliderHeight","sliderGap","dimItemStyle","params","base","datum","name","has","modifyAlpha","map","s","source","_","i","template","overrideColor","const","datasetIndex","encode","x","y","barMaxWidth","emphasis","focus","itemStyle","item","row","raw","formattedValue","marker","seriesName","Box","Skeleton","SxProps","Theme","styles","container","display","alignItems","justifyContent","flexDirection","gap","spacing","height","grid","flex","width","bar","maxWidth","marginLeft","legend","legendItem","Record","BAR_HEIGHTS","const","BarSkeleton","$","_c","t0","Symbol","for","map","_temp","t1","_temp2","i_0","i","buildCsvDownloadItem","buildPngDownloadItem","DownloadItem","BarWidgetData","BarDownloadConfigArgs","filename","getData","getCaptureEl","HTMLElement","pngPixelRatio","pngBackgroundColor","createBarDownloadConfig","args","items","push","pixelRatio","backgroundColor","getRows","data","rows","i","series","entries","d","name","value"],"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  buildAxisLabelStyle,\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        ...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    // 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: (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  buildPngDownloadItem,\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    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: () => {\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        return rows\n      },\n    }),\n  )\n  return items\n}\n"],"mappings":"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"}
+{"version":3,"file":"bar.js","names":["EChartsOption","echarts","CallbackDataParams","buildAxisLabelStyle","buildGridConfig","buildLegendConfig","createTooltipFormatter","createTooltipPositioner","niceNum","ZOOM_LAYOUT","OptionFactory","mergeOptions","resolveThemeColor","positionDataZoomForLegend","BarEChartsOption","BarOptionFactoryInput","BarOptionsInput","BarWidgetData","barOptions","theme","formatter","labelFormatter","niceMin","niceMax","grid","left","parseInt","spacing","top","right","containLabel","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","textStyle","color","common","white","fontSize","fontFamily","typography","caption","axisPointer","type","position","buildBarTooltipFormatter","legend","hasLegend","lineStyle","secondary","main","Object","values","qualitative","bold","Record","xAxis","axisLine","show","axisTick","axisLabel","margin","interval","hideOverlap","v","String","yAxis","min","extent","max","splitLine","black","divider","showMaxLabel","showMinLabel","verticalAlign","inside","value","createBarOptionFactory","options","optionsOverride","series","selection","selectionSet","length","Set","option","data","ctx","structural","Partial","seriesArr","Array","isArray","dataset","baseLegend","baseGrid","baseTooltip","baseYAxis","seriesTemplates","broadcastTemplate","liveFormatter","liveLabelFormatter","dataZoomLayout","dataZoom","fallbackBottom","bottom","baseBottom","gridBottom","sliderHeight","sliderGap","dimItemStyle","params","base","datum","name","has","modifyAlpha","map","s","source","_","i","template","overrideColor","const","datasetIndex","encode","x","y","barMaxWidth","emphasis","focus","itemStyle","item","row","raw","formattedValue","marker","seriesName","Box","Skeleton","SxProps","Theme","styles","container","display","alignItems","justifyContent","flexDirection","gap","spacing","height","grid","flex","width","bar","maxWidth","marginLeft","legend","legendItem","Record","BAR_HEIGHTS","const","BarSkeleton","$","_c","t0","Symbol","for","map","_temp","t1","_temp2","i_0","i","buildCsvDownloadItem","buildPngDownloadItem","DownloadContext","DownloadItem","BarWidgetData","BarDownloadConfigArgs","filename","getData","ctx","getCaptureEl","HTMLElement","pngPixelRatio","pngBackgroundColor","createBarDownloadConfig","args","items","push","pixelRatio","backgroundColor","getRows","data","rows","i","series","entries","d","name","value"],"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  buildAxisLabelStyle,\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        ...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    // 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: (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  buildPngDownloadItem,\n  type DownloadContext,\n  type DownloadItem,\n} from '../actions/download'\nimport type { BarWidgetData } from './types'\n\nexport interface BarDownloadConfigArgs {\n  filename: string\n  getData: (ctx: DownloadContext) => 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?: (ctx: DownloadContext) => 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    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  return items\n}\n"],"mappings":"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"}

package/dist/widgets-v2/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-DZt6yiST.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-Ca5XDx0N.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-v2/echart.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../echart-BnJYXH7H.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../echart-CgOQw9XB.js";
 export { i as DEFAULT_INIT_OPTS, n as Echart, t as EchartUI, e as __resetSharedResizeObserver, r as observeResize, a as useChartSelection };

package/dist/widgets-v2/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-Cqj84ZGX.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-DRuMIVo8.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-v2/histogram.js

@@ -1,5 +1,5 @@
 import { r as e } from "../zoom-toggle-KA63b6-J.js";
-import { n as t, t as n } from "../download-C7he8mSh.js";
+import { n as t, t as n } from "../download--wRRnf19.js";
 import { n as r, r as i, t as a } from "../utils-ClB6nn4w.js";
 import { a as o, d as s, f as c, i as l, s as u, u as d } from "../chart-config-BWxjodlt.js";
 import { c as f } from "react/compiler-runtime";
@@ -263,16 +263,16 @@ function D(e) {
 		backgroundColor: e.pngBackgroundColor
 	})), r.push(n({
 		filename: e.filename,
-		getRows: () => {
-			let t = e.getData(), n = e.getTicks(), r = t.length, i = ["bin_low", "bin_high"];
-			for (let t = 0; t < r; t++) i.push(e.seriesNames?.[t] ?? `series_${t + 1}`);
-			let a = [i];
-			for (let e = 0; e < Math.max(0, n.length - 1); e++) {
-				let i = [n[e], n[e + 1]];
-				for (let n = 0; n < r; n++) i.push(t[n]?.[e] ?? 0);
-				a.push(i);
+		getRows: (t) => {
+			let n = e.getData(t), r = e.getTicks(), i = n.length, a = ["bin_low", "bin_high"];
+			for (let t = 0; t < i; t++) a.push(e.seriesNames?.[t] ?? `series_${t + 1}`);
+			let o = [a];
+			for (let e = 0; e < Math.max(0, r.length - 1); e++) {
+				let t = [r[e], r[e + 1]];
+				for (let r = 0; r < i; r++) t.push(n[r]?.[e] ?? 0);
+				o.push(t);
 			}
-			return a;
+			return o;
 		}
 	})), r;
 }