@carto/ps-react-ui 6.3.0 → 6.5.0

package/dist/types/widgets/actions/relative-data/scale.d.ts

@@ -0,0 +1,26 @@
+import { WidgetState } from '../../stores/types.js';
+/**
+ * How far a bar reaches while `RelativeData` is on. The value is always
+ * the share of the series total; the scale only moves the end of the
+ * value axis: `'max'` ends it at the largest share so the top item fills
+ * the bar, `'total'` ends it at 100%.
+ */
+export type RelativeScale = 'max' | 'total';
+export declare const RELATIVE_DATA_ID = "relative-data";
+/**
+ * The scale the value axis should use right now, or `null` when relative
+ * values are off. For widgets that size bars themselves (Category); the
+ * ECharts widgets get it through the config transform below.
+ */
+export declare function selectRelativeScale(s: WidgetState): RelativeScale | null;
+/**
+ * Config transform for `'total'`: pins the value axis to ±100. The widget
+ * mergers read numeric `yAxis.min` / `yAxis.max` back through
+ * {@link fixedAxisBounds} and apply each only on the side the data reaches.
+ */
+export declare const toRelativeTotalAxis: (option: unknown) => unknown;
+/** Numeric bounds a config transform set on the structural `yAxis`. */
+export declare function fixedAxisBounds(yAxis: object): {
+    min?: number;
+    max?: number;
+};

package/dist/types/widgets/actions/relative-data/style.d.ts

@@ -1,5 +1,9 @@
 import { Theme } from '@mui/material';
 export declare const styles: {
+    group: {
+        display: "inline-flex";
+        alignItems: "center";
+    };
     toggle: {
         p: number;
         '& .MuiSvgIcon-root': {
@@ -9,4 +13,12 @@ export declare const styles: {
     toggleActive: {
         background: (theme: Theme) => string;
     };
+    arrow: {
+        p: number;
+        width: number;
+        borderRadius: number;
+        '& .MuiSvgIcon-root': {
+            fontSize: number;
+        };
+    };
 };

package/dist/types/widgets/category/category.d.ts

@@ -29,7 +29,8 @@ export interface CategoryProps {
      * stay coherent across data transforms (e.g., the Searcher filtering
      * rows in and out — bars don't rescale just because the larger rows
      * got hidden). Pass an explicit number to fix the denominator
-     * regardless of the data.
+     * regardless of the data. Ignored while `RelativeData` is on, whose
+     * `scale` decides the denominator instead.
      */
     maxOverride?: number;
     /**

package/dist/types/widgets/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, DownloadContext, FullScreenTriggerProps, FullScreenSlotProps, LockSelectionProps, LockSelectionKey, ChangeColumnProps, ChangeColumnItem, } from './actions/index.js';
+export type { SearcherProps, SearcherToggleProps, StackToggleProps, ShowAllToggleProps, ZoomToggleProps, BrushToggleProps, RelativeDataProps, RelativeScale, 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/markdown/style.d.ts

@@ -1,3 +1,46 @@
+/**
+ * Browser defaults that rendered Markdown relies on, restated with `revert`
+ * so a CSS reset in the app (Tailwind's preflight, for one) cannot strip
+ * them: list bullets and indent, link underline, blockquote margins, inline
+ * images, monospace fonts, `pre` margins, `sub`/`sup` placement. `revert`
+ * rolls back to the browser's own value, so pages without a reset render
+ * exactly as before.
+ *
+ * Wrapped in `:where()` so any element rule a consumer sets on top wins.
+ */
+export declare const markdownElementDefaults: {
+    '& :where(ul, ol)': {
+        listStyle: string;
+        margin: string;
+        padding: string;
+    };
+    '& :where(a)': {
+        textDecoration: string;
+    };
+    '& :where(blockquote)': {
+        margin: string;
+    };
+    '& :where(code, kbd, samp)': {
+        fontFamily: string;
+    };
+    '& :where(img)': {
+        display: string;
+        verticalAlign: string;
+        maxWidth: string;
+        height: string;
+    };
+    '& :where(pre)': {
+        margin: string;
+        fontFamily: string;
+        fontSize: string;
+    };
+    '& :where(sub, sup)': {
+        fontSize: string;
+        lineHeight: string;
+        position: string;
+        verticalAlign: string;
+    };
+};
 export declare const styles: {
     root: {
         color: "text.primary";
@@ -49,6 +92,37 @@ export declare const styles: {
             py: number;
             textAlign: "left";
         };
+        '& :where(ul, ol)': {
+            listStyle: string;
+            margin: string;
+            padding: string;
+        };
+        '& :where(a)': {
+            textDecoration: string;
+        };
+        '& :where(blockquote)': {
+            margin: string;
+        };
+        '& :where(code, kbd, samp)': {
+            fontFamily: string;
+        };
+        '& :where(img)': {
+            display: string;
+            verticalAlign: string;
+            maxWidth: string;
+            height: string;
+        };
+        '& :where(pre)': {
+            margin: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+        '& :where(sub, sup)': {
+            fontSize: string;
+            lineHeight: string;
+            position: string;
+            verticalAlign: string;
+        };
     };
     paragraph: {
         my: number;

package/dist/types/widgets/utils/spacing-px.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from '@mui/material';
+/**
+ * Theme spacing as a pixel number, for APIs that need numbers (ECharts).
+ *
+ * `theme.spacing(n)` returns `"8px"` for a regular theme but
+ * `"var(--mui-spacing, 8px)"` / `"calc(...)"` once the theme uses
+ * `cssVariables`, which does not parse. Resolution order:
+ * 1. `parseFloat` of `theme.spacing(factor)` (regular themes);
+ * 2. the px unit MUI writes into `theme.spacing(1)` (`var(--mui-spacing, Npx)`),
+ *    which honours a `spacing` override such as `createCartoTheme({ spacing: 4 })`;
+ * 3. meridian's numeric `spacingValue`, or MUI's default 8px.
+ */
+export declare function spacingPx(theme: Theme, factor: number): number;

package/dist/{utils-C-eWwOhE.js → utils-Dw4y8tiq.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./zoom-toggle-MmLjMTEw.js";
+import { r as e } from "./zoom-toggle-DqrV_0Ji.js";
 //#region src/widgets/utils/merge-options.ts
 function t(e, t) {
 	if (!t) return e;
@@ -55,4 +55,4 @@ function a(e, t) {
 //#endregion
 export { i as n, t as r, a as t };
 
-//# sourceMappingURL=utils-C-eWwOhE.js.map
+//# sourceMappingURL=utils-Dw4y8tiq.js.map

package/dist/{utils-C-eWwOhE.js.map → utils-Dw4y8tiq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-C-eWwOhE.js","names":["ZOOM_LAYOUT","mergeOptions","override","base","out","key","b","mergeValue","a","len","result","i","av","bv","isPlainObject","v","proto","positionDataZoomForLegend","dataZoom","entry","dz","hasLegend","resolveThemeColor","raw","parts","cursor","theme","part"],"sources":["../src/widgets/utils/merge-options.ts","../src/widgets/utils/data-zoom-layout.ts","../src/widgets/utils/resolve-theme-color.ts"],"sourcesContent":["/**\n * Shallow-merges two ECharts option objects:\n *   - Top-level keys from both are combined.\n *   - Arrays are merged by index (element-wise shallow merge, primitive override).\n *   - Plain objects are shallow-merged.\n *   - Primitives are overridden by the override value.\n *\n * Designed for the two-stage memoization pattern: first build a base option\n * object from data + theme + formatters, then call `mergeOptions(base, override)`\n * inside a second `useMemo` keyed on `[base, override]`.\n */\nexport function mergeOptions<T extends Record<string, unknown>>(\n  base: T,\n  override?: Partial<T>,\n): T {\n  if (!override) return base\n  const out: Record<string, unknown> = { ...base }\n  for (const key of Object.keys(override) as (keyof T)[]) {\n    const a = base[key]\n    const b = override[key]\n    if (b === undefined) continue\n    out[key as string] = mergeValue(a, b)\n  }\n  return out as T\n}\n\nfunction mergeValue(a: unknown, b: unknown): unknown {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    const len = Math.max(a.length, b.length)\n    const result = new Array<unknown>(len)\n    for (let i = 0; i < len; i++) {\n      const av: unknown = a[i]\n      const bv: unknown = b[i]\n      if (bv === undefined) result[i] = av\n      else if (av === undefined) result[i] = bv\n      else result[i] = mergeValue(av, bv)\n    }\n    return result\n  }\n  if (isPlainObject(a) && isPlainObject(b)) {\n    return { ...a, ...b }\n  }\n  return b\n}\n\nfunction isPlainObject(v: unknown): v is Record<string, unknown> {\n  if (v === null || typeof v !== 'object') return false\n  const proto = Object.getPrototypeOf(v) as unknown\n  return proto === Object.prototype || proto === null\n}\n","import { ZOOM_LAYOUT } from '../actions/zoom-toggle'\n\n/**\n * If the option includes a `dataZoom` array (from ZoomToggle's transform),\n * lift any slider entries above the legend row so they don't overlap.\n * Returns `null` when there is no `dataZoom` — caller skips the layout\n * adjustment entirely.\n *\n * Shared between bar, histogram, and timeseries — every widget with a\n * horizontal x-axis dataZoom slider needs the same offset when a legend\n * is rendered below the plot.\n */\nexport function positionDataZoomForLegend(\n  dataZoom: unknown,\n  hasLegend: boolean,\n): unknown[] | null {\n  if (!Array.isArray(dataZoom) || dataZoom.length === 0) return null\n  return dataZoom.map((entry: unknown) => {\n    if (entry == null || typeof entry !== 'object') return entry\n    const dz = entry as { type?: string; bottom?: number }\n    if (dz.type === 'slider' && hasLegend) {\n      return { ...dz, bottom: ZOOM_LAYOUT.sliderBottomWithLegend }\n    }\n    return dz\n  })\n}\n","import type { Theme } from '@mui/material'\n\n/**\n * Resolve a colour string against the MUI theme palette.\n *\n * - `'primary.main'`, `'secondary.dark'`, `'success.contrastText'`, … →\n *   walks `theme.palette` along the dot-separated path and returns the\n *   resolved string when traversal succeeds.\n * - `'#ff0000'`, `'rgb(255, 0, 0)'`, `'red'` → returned as-is (assumed\n *   raw CSS; ECharts consumes them directly).\n * - `undefined` → `undefined` (callers fall back to ECharts' palette).\n *\n * Used by the echart option factories (Bar, Pie, Histogram, Scatterplot,\n * Timeseries) so per-series colours specified as theme paths in the\n * unified `WidgetSeries` shape paint correctly. Category, Formula, and\n * Spread render colours through MUI's `sx` resolver, which already\n * handles theme paths — they don't need this helper.\n */\nexport function resolveThemeColor(\n  theme: Theme,\n  raw: string | undefined,\n): string | undefined {\n  if (raw == null) return undefined\n  if (!raw.includes('.')) return raw\n  const parts = raw.split('.')\n  let cursor: unknown = theme.palette\n  for (const part of parts) {\n    if (cursor == null || typeof cursor !== 'object') {\n      return raw\n    }\n    cursor = (cursor as Record<string, unknown>)[part]\n  }\n  return typeof cursor === 'string' ? cursor : raw\n}\n"],"mappings":";;AAWA,SAAgBC,EACd,GACA,GACG;CACH,IAAI,CAACC,GAAU,OAAOC;CACtB,IAAMC,IAA+B,EAAE,GAAGD,EAAK;CAC/C,KAAK,IAAME,KAAO,OAAO,KAAKH,CAAQ,GAAkB;EACtD,IAAM,IAAIC,EAAKE,IACTC,IAAIJ,EAASG;EACnB,AAAIC,MAAM,KAAA,MACV,EAAID,KAAiBE,EAAW,GAAGD,CAAC;CACtC;CACA,OAAOF;AACT;AAEA,SAASG,EAAW,GAAY,GAAqB;CACnD,IAAI,MAAM,QAAQC,CAAC,KAAK,MAAM,QAAQF,CAAC,GAAG;EACxC,IAAMG,IAAM,KAAK,IAAID,EAAE,QAAQF,EAAE,MAAM,GACjCI,IAAa,MAAeD,CAAG;EACrC,KAAK,IAAIE,IAAI,GAAGA,IAAIF,GAAK,KAAK;GAC5B,IAAMG,IAAcJ,EAAEG,IAChBE,IAAcP,EAAEK;GACtB,AAAIE,MAAO,KAAA,IAAW,EAAOF,KAAKC,IACzBA,MAAO,KAAA,IAAW,EAAOD,KAAKE,IAClC,EAAOF,KAAKJ,EAAWK,GAAIC,CAAE;EACpC;EACA,OAAOH;CACT;CAIA,OAHII,EAAcN,CAAC,KAAKM,EAAcR,CAAC,IAC9B;EAAE,GAAGE;EAAG,GAAGF;CAAE,IAEfA;AACT;AAEA,SAASQ,EAAc,GAA0C;CAC/D,IAAkB,OAAOC,KAAM,aAA3BA,GAAqC,OAAO;CAChD,IAAMC,IAAQ,OAAO,eAAeD,CAAC;CACrC,OAAOC,MAAU,OAAO,aAAaA,MAAU;AACjD;;;ACrCA,SAAgBC,EACd,GACA,GACkB;CAElB,OADI,CAAC,MAAM,QAAQC,CAAQ,KAAKA,EAAS,WAAW,IAAU,OACvDA,EAAS,KAAK,MAAmB;EACtC,IAAqB,OAAOC,KAAU,aAAlCA,GAA4C,OAAOA;EACvD,IAAMC,IAAKD;EAIX,OAHIC,EAAG,SAAS,YAAYC,IACnB;GAAE,GAAGD;GAAI,QAAQpB,EAAY;EAAuB,IAEtDoB;CACT,CAAC;AACH;;;ACPA,SAAgBE,EACd,GACA,GACoB;CACpB,IAAIC,KAAO,MAAM;CACjB,IAAI,CAACA,EAAI,SAAS,GAAG,GAAG,OAAOA;CAC/B,IAAMC,IAAQD,EAAI,MAAM,GAAG,GACvBE,IAAkBC,EAAM;CAC5B,KAAK,IAAMC,KAAQH,GAAO;EACxB,IAAsB,OAAOC,KAAW,aAApCA,GACF,OAAOF;EAET,IAAUE,EAAmCE;CAC/C;CACA,OAAO,OAAOF,KAAW,WAAWA,IAASF;AAC/C"}
+{"version":3,"file":"utils-Dw4y8tiq.js","names":["ZOOM_LAYOUT","mergeOptions","override","base","out","key","b","mergeValue","a","len","result","i","av","bv","isPlainObject","v","proto","positionDataZoomForLegend","dataZoom","entry","dz","hasLegend","resolveThemeColor","raw","parts","cursor","theme","part"],"sources":["../src/widgets/utils/merge-options.ts","../src/widgets/utils/data-zoom-layout.ts","../src/widgets/utils/resolve-theme-color.ts"],"sourcesContent":["/**\n * Shallow-merges two ECharts option objects:\n *   - Top-level keys from both are combined.\n *   - Arrays are merged by index (element-wise shallow merge, primitive override).\n *   - Plain objects are shallow-merged.\n *   - Primitives are overridden by the override value.\n *\n * Designed for the two-stage memoization pattern: first build a base option\n * object from data + theme + formatters, then call `mergeOptions(base, override)`\n * inside a second `useMemo` keyed on `[base, override]`.\n */\nexport function mergeOptions<T extends Record<string, unknown>>(\n  base: T,\n  override?: Partial<T>,\n): T {\n  if (!override) return base\n  const out: Record<string, unknown> = { ...base }\n  for (const key of Object.keys(override) as (keyof T)[]) {\n    const a = base[key]\n    const b = override[key]\n    if (b === undefined) continue\n    out[key as string] = mergeValue(a, b)\n  }\n  return out as T\n}\n\nfunction mergeValue(a: unknown, b: unknown): unknown {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    const len = Math.max(a.length, b.length)\n    const result = new Array<unknown>(len)\n    for (let i = 0; i < len; i++) {\n      const av: unknown = a[i]\n      const bv: unknown = b[i]\n      if (bv === undefined) result[i] = av\n      else if (av === undefined) result[i] = bv\n      else result[i] = mergeValue(av, bv)\n    }\n    return result\n  }\n  if (isPlainObject(a) && isPlainObject(b)) {\n    return { ...a, ...b }\n  }\n  return b\n}\n\nfunction isPlainObject(v: unknown): v is Record<string, unknown> {\n  if (v === null || typeof v !== 'object') return false\n  const proto = Object.getPrototypeOf(v) as unknown\n  return proto === Object.prototype || proto === null\n}\n","import { ZOOM_LAYOUT } from '../actions/zoom-toggle'\n\n/**\n * If the option includes a `dataZoom` array (from ZoomToggle's transform),\n * lift any slider entries above the legend row so they don't overlap.\n * Returns `null` when there is no `dataZoom` — caller skips the layout\n * adjustment entirely.\n *\n * Shared between bar, histogram, and timeseries — every widget with a\n * horizontal x-axis dataZoom slider needs the same offset when a legend\n * is rendered below the plot.\n */\nexport function positionDataZoomForLegend(\n  dataZoom: unknown,\n  hasLegend: boolean,\n): unknown[] | null {\n  if (!Array.isArray(dataZoom) || dataZoom.length === 0) return null\n  return dataZoom.map((entry: unknown) => {\n    if (entry == null || typeof entry !== 'object') return entry\n    const dz = entry as { type?: string; bottom?: number }\n    if (dz.type === 'slider' && hasLegend) {\n      return { ...dz, bottom: ZOOM_LAYOUT.sliderBottomWithLegend }\n    }\n    return dz\n  })\n}\n","import type { Theme } from '@mui/material'\n\n/**\n * Resolve a colour string against the MUI theme palette.\n *\n * - `'primary.main'`, `'secondary.dark'`, `'success.contrastText'`, … →\n *   walks `theme.palette` along the dot-separated path and returns the\n *   resolved string when traversal succeeds.\n * - `'#ff0000'`, `'rgb(255, 0, 0)'`, `'red'` → returned as-is (assumed\n *   raw CSS; ECharts consumes them directly).\n * - `undefined` → `undefined` (callers fall back to ECharts' palette).\n *\n * Used by the echart option factories (Bar, Pie, Histogram, Scatterplot,\n * Timeseries) so per-series colours specified as theme paths in the\n * unified `WidgetSeries` shape paint correctly. Category, Formula, and\n * Spread render colours through MUI's `sx` resolver, which already\n * handles theme paths — they don't need this helper.\n */\nexport function resolveThemeColor(\n  theme: Theme,\n  raw: string | undefined,\n): string | undefined {\n  if (raw == null) return undefined\n  if (!raw.includes('.')) return raw\n  const parts = raw.split('.')\n  let cursor: unknown = theme.palette\n  for (const part of parts) {\n    if (cursor == null || typeof cursor !== 'object') {\n      return raw\n    }\n    cursor = (cursor as Record<string, unknown>)[part]\n  }\n  return typeof cursor === 'string' ? cursor : raw\n}\n"],"mappings":";;AAWA,SAAgBC,EACd,GACA,GACG;CACH,IAAI,CAACC,GAAU,OAAOC;CACtB,IAAMC,IAA+B,EAAE,GAAGD,EAAK;CAC/C,KAAK,IAAME,KAAO,OAAO,KAAKH,CAAQ,GAAkB;EACtD,IAAM,IAAIC,EAAKE,IACTC,IAAIJ,EAASG;EACnB,AAAIC,MAAM,KAAA,MACV,EAAID,KAAiBE,EAAW,GAAGD,CAAC;CACtC;CACA,OAAOF;AACT;AAEA,SAASG,EAAW,GAAY,GAAqB;CACnD,IAAI,MAAM,QAAQC,CAAC,KAAK,MAAM,QAAQF,CAAC,GAAG;EACxC,IAAMG,IAAM,KAAK,IAAID,EAAE,QAAQF,EAAE,MAAM,GACjCI,IAAa,MAAeD,CAAG;EACrC,KAAK,IAAIE,IAAI,GAAGA,IAAIF,GAAK,KAAK;GAC5B,IAAMG,IAAcJ,EAAEG,IAChBE,IAAcP,EAAEK;GACtB,AAAIE,MAAO,KAAA,IAAW,EAAOF,KAAKC,IACzBA,MAAO,KAAA,IAAW,EAAOD,KAAKE,IAClC,EAAOF,KAAKJ,EAAWK,GAAIC,CAAE;EACpC;EACA,OAAOH;CACT;CAIA,OAHII,EAAcN,CAAC,KAAKM,EAAcR,CAAC,IAC9B;EAAE,GAAGE;EAAG,GAAGF;CAAE,IAEfA;AACT;AAEA,SAASQ,EAAc,GAA0C;CAC/D,IAAkB,OAAOC,KAAM,aAA3BA,GAAqC,OAAO;CAChD,IAAMC,IAAQ,OAAO,eAAeD,CAAC;CACrC,OAAOC,MAAU,OAAO,aAAaA,MAAU;AACjD;;;ACrCA,SAAgBC,EACd,GACA,GACkB;CAElB,OADI,CAAC,MAAM,QAAQC,CAAQ,KAAKA,EAAS,WAAW,IAAU,OACvDA,EAAS,KAAK,MAAmB;EACtC,IAAqB,OAAOC,KAAU,aAAlCA,GAA4C,OAAOA;EACvD,IAAMC,IAAKD;EAIX,OAHIC,EAAG,SAAS,YAAYC,IACnB;GAAE,GAAGD;GAAI,QAAQpB,EAAY;EAAuB,IAEtDoB;CACT,CAAC;AACH;;;ACPA,SAAgBE,EACd,GACA,GACoB;CACpB,IAAIC,KAAO,MAAM;CACjB,IAAI,CAACA,EAAI,SAAS,GAAG,GAAG,OAAOA;CAC/B,IAAMC,IAAQD,EAAI,MAAM,GAAG,GACvBE,IAAkBC,EAAM;CAC5B,KAAK,IAAMC,KAAQH,GAAO;EACxB,IAAsB,OAAOC,KAAW,aAApCA,GACF,OAAOF;EAET,IAAUE,EAAmCE;CAC/C;CACA,OAAO,OAAOF,KAAW,WAAWA,IAASF;AAC/C"}

package/dist/widgets/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-CkxKe8-J.js";
-import { a as E, i as D, n as O, r as k, t as A } from "../zoom-toggle-MmLjMTEw.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, p as z, r as B, s as V, t as H, u as U } from "../download-B4sykOFm.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-D_PVFZaM.js";
+import { a as E, i as D, n as O, r as k, t as A } from "../zoom-toggle-DqrV_0Ji.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, p as z, r as B, s as V, t as H, u as U } from "../download-DIj1Iz0t.js";
 export { l as BrushToggle, j as CSVIcon, b as ChangeColumn, _ as DEFAULT_BRUSH_TOGGLE_LABELS, h as DEFAULT_CHANGE_COLUMN_LABELS, I 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, F as DOWNLOAD_ITEM_IDS, M as Download, g as FullScreen, v as LockSelection, R as MarkdownIcon, V 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, L as buildCsvDownloadItem, B as buildPngDownloadItem, E as createAddZoom, x as createPercentFormatter, U as downloadDOMToPNG, N as downloadToCSV, a as filterByLockedItems, t as filterBySearchText, C as setSearcherText, i as setShowAll, P as toCsvString, c as toRelativeData, z as triggerLinkDownload, H as withPngItem };

package/dist/widgets/bar.js

@@ -1,37 +1,38 @@
-import { r as e } from "../zoom-toggle-MmLjMTEw.js";
-import { n as t, t as n } from "../download-B4sykOFm.js";
-import { n as r, r as i, t as a } from "../utils-C-eWwOhE.js";
-import { c as o, i as s, n as c, o as l, r as u, s as d, t as f } from "../item-color-B7xkIpDZ.js";
-import { c as p } from "react/compiler-runtime";
-import { Box as m, Skeleton as h } from "@mui/material";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import * as v from "echarts";
+import { r as e } from "../zoom-toggle-DqrV_0Ji.js";
+import { n as t } from "../scale-Bhx8HKEB.js";
+import { n, t as r } from "../download-DIj1Iz0t.js";
+import { n as i, r as a, t as o } from "../utils-Dw4y8tiq.js";
+import { c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "../item-color-7o7pFBR2.js";
+import { c as h } from "react/compiler-runtime";
+import { Box as g, Skeleton as _ } from "@mui/material";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import * as b from "echarts";
 //#region src/widgets/bar/options.ts
-function y({ theme: e, formatter: t, labelFormatter: n }) {
+function x({ theme: e, formatter: t, labelFormatter: n }) {
 	let r = 0, i = 1;
 	return {
 		grid: {
-			left: parseInt(e.spacing(1)),
-			top: parseInt(e.spacing(3)),
-			right: parseInt(e.spacing(1)),
-			...u(!1, e),
+			left: l(e, 1),
+			top: l(e, 3),
+			right: l(e, 1),
+			...f(!1, e),
 			containLabel: !0
 		},
 		tooltip: {
 			trigger: "axis",
 			backgroundColor: e.palette.grey[900],
 			borderWidth: 0,
-			padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+			padding: [l(e, 1), l(e, 1)],
 			textStyle: {
 				color: e.palette.common.white,
 				fontSize: 11,
 				fontFamily: e.typography.caption.fontFamily
 			},
 			axisPointer: { type: "line" },
-			position: d(e),
-			formatter: x(t, n)
+			position: p(e),
+			formatter: C(t, n)
 		},
-		legend: { ...s({
+		legend: { ...c({
 			hasLegend: !1,
 			labelFormatter: n
 		}) },
@@ -42,9 +43,9 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			axisLabel: {
-				...c(e),
+				...u(e),
 				padding: [
-					parseInt(e.spacing(.5)),
+					l(e, .5),
 					0,
 					0,
 					0
@@ -57,8 +58,8 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
 		},
 		yAxis: {
 			type: "value",
-			min: (e) => (r = e.min < 0 ? o(e.min) : 0, r),
-			max: (e) => (i = e.max <= 0 ? 1 : o(e.max), i),
+			min: (e) => (r = e.min < 0 ? s(e.min) : 0, r),
+			max: (e) => (i = e.max <= 0 ? 1 : s(e.max), i),
 			axisLine: { show: !1 },
 			axisTick: { show: !1 },
 			splitLine: {
@@ -66,8 +67,8 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
 				lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
 			},
 			axisLabel: {
-				...c(e),
-				margin: parseInt(e.spacing(1)),
+				...u(e),
+				margin: l(e, 1),
 				show: !0,
 				showMaxLabel: !0,
 				showMinLabel: !0,
@@ -78,84 +79,84 @@ function y({ theme: e, formatter: t, labelFormatter: n }) {
 		}
 	};
 }
-function b(t) {
-	let { theme: n, formatter: s, labelFormatter: c, optionsOverride: l } = t, u = t.series, d = t.selection, p = d && d.length > 0 ? new Set(d) : null;
-	return (t, d, m) => {
-		if (t == null) {
-			let e = y({
-				theme: n,
-				formatter: s,
-				labelFormatter: c
+function S(n) {
+	let { theme: r, formatter: c, labelFormatter: l, optionsOverride: u } = n, d = n.series, f = n.selection, p = f && f.length > 0 ? new Set(f) : null;
+	return (n, f, h) => {
+		if (n == null) {
+			let e = x({
+				theme: r,
+				formatter: c,
+				labelFormatter: l
 			});
-			return l ? i(e, l) : e;
+			return u ? a(e, u) : e;
 		}
-		let h = Array.isArray(d) ? d : [];
-		if (h.length === 0) return {
-			...t,
+		let g = Array.isArray(f) ? f : [];
+		if (g.length === 0) return {
+			...n,
 			dataset: [],
 			series: []
 		};
-		let g = h.length > 1, _ = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, b = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, S = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, C = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, w = Array.isArray(t.series) ? t.series : [], T = w[0] ?? {}, E = m?.formatter, D = m?.labelFormatter, O = 0, k = 1, A = r(t.dataZoom, g), j = typeof b.bottom == "number" ? b.bottom : 24, M = g ? 56 : j, N = A ? M + e.sliderHeight + e.sliderGap : M, P = (e, t) => {
-			let r = f({
-				theme: n,
+		let _ = g.length > 1, v = typeof n.legend == "object" && !Array.isArray(n.legend) ? n.legend : {}, y = typeof n.grid == "object" && !Array.isArray(n.grid) ? n.grid : {}, S = typeof n.tooltip == "object" && !Array.isArray(n.tooltip) ? n.tooltip : {}, w = typeof n.yAxis == "object" && !Array.isArray(n.yAxis) ? n.yAxis : {}, T = t(w), E = Array.isArray(n.series) ? n.series : [], D = E[0] ?? {}, O = h?.formatter, k = h?.labelFormatter, A = 0, j = 1, M = i(n.dataZoom, _), N = typeof y.bottom == "number" ? y.bottom : 24, P = _ ? 56 : N, F = M ? P + e.sliderHeight + e.sliderGap : P, I = (e, t) => {
+			let n = m({
+				theme: r,
 				datums: e,
 				template: t,
 				fallback: (e) => e.color
 			});
 			return { color: (e) => {
-				let t = r(e);
+				let t = n(e);
 				if (!p) return t;
-				let n = e.value?.name ?? e.name;
-				return n != null && p.has(n) ? t : v.color.modifyAlpha(t, .15);
+				let r = e.value?.name ?? e.name;
+				return r != null && p.has(r) ? t : b.color.modifyAlpha(t, .15);
 			} };
 		};
 		return {
-			...t,
-			dataset: h.map((e) => ({ source: e })),
-			series: h.map((e, t) => {
-				let r = w[t] ?? T, i = a(n, u?.[t]?.color);
+			...n,
+			dataset: g.map((e) => ({ source: e })),
+			series: g.map((e, t) => {
+				let n = E[t] ?? D, i = o(r, d?.[t]?.color);
 				return {
-					...typeof r == "object" ? r : {},
+					...typeof n == "object" ? n : {},
 					type: "bar",
 					datasetIndex: t,
-					name: u?.[t]?.name ?? `Series ${t + 1}`,
+					name: d?.[t]?.name ?? `Series ${t + 1}`,
 					encode: {
 						x: "name",
 						y: "value"
 					},
 					barMaxWidth: 100,
 					emphasis: { focus: "series" },
-					itemStyle: P(e, r),
+					itemStyle: I(e, n),
 					...i ? { color: i } : {}
 				};
 			}),
 			legend: {
-				..._,
-				show: g
+				...v,
+				show: _
 			},
 			grid: {
-				...b,
-				bottom: N
+				...y,
+				bottom: F
 			},
-			...A ? { dataZoom: A } : {},
+			...M ? { dataZoom: M } : {},
 			yAxis: {
-				...C,
-				min: (e) => (O = e.min < 0 ? o(e.min) : 0, O),
-				max: (e) => (k = e.max <= 0 ? 1 : o(e.max), k),
+				...w,
+				min: (e) => (A = e.min < 0 ? T.min ?? s(e.min) : 0, A),
+				max: (e) => (j = e.max <= 0 ? 1 : T.max ?? s(e.max), j),
 				axisLabel: {
-					...C.axisLabel ?? {},
-					formatter: (e) => e !== k && e !== O || e === 0 ? "" : E ? E(e) : String(e)
+					...w.axisLabel ?? {},
+					formatter: (e) => e !== j && e !== A || e === 0 ? "" : O ? O(e) : String(e)
 				}
 			},
 			tooltip: {
 				...S,
-				formatter: x(E, D)
+				formatter: C(O, k)
 			}
 		};
 	};
 }
-function x(e, t) {
-	return l((n) => {
+function C(e, t) {
+	return d((n) => {
 		let r = n.value?.value, i = typeof r == "number" && e ? e(r) : r ?? "", a = typeof n.marker == "string" ? n.marker : "", o = n.seriesName ? `${n.seriesName}: ` : "", s = t ? String(t(n.name ?? "")) : n.name ?? "";
 		return {
 			name: String(s),
@@ -167,7 +168,7 @@ function x(e, t) {
 }
 //#endregion
 //#region src/widgets/bar/skeleton.tsx
-var S = {
+var w = {
 	container: {
 		display: "flex",
 		alignItems: "center",
@@ -199,52 +200,52 @@ var S = {
 		alignItems: "center",
 		gap: ({ spacing: e }) => e(1.5)
 	}
-}, C = [
+}, T = [
 	"20%",
 	"40%",
 	"60%",
 	"20%",
 	"80%"
 ];
-function w() {
-	let e = p(2), t;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ g(m, {
-		sx: S.grid,
-		children: C.map(E)
+function E() {
+	let e = h(2), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ v(g, {
+		sx: w.grid,
+		children: T.map(O)
 	}), e[0] = t) : t = e[0];
 	let n;
-	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ _(m, {
-		sx: S.container,
-		children: [t, /* @__PURE__ */ g(m, {
-			sx: S.legend,
-			children: [0, 1].map(T)
+	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ y(g, {
+		sx: w.container,
+		children: [t, /* @__PURE__ */ v(g, {
+			sx: w.legend,
+			children: [0, 1].map(D)
 		})]
 	}), e[1] = n) : n = e[1], n;
 }
-function T(e) {
-	return /* @__PURE__ */ _(m, {
-		sx: S.legendItem,
-		children: [/* @__PURE__ */ g(h, {
+function D(e) {
+	return /* @__PURE__ */ y(g, {
+		sx: w.legendItem,
+		children: [/* @__PURE__ */ v(_, {
 			variant: "circular",
 			width: 8,
 			height: 8
-		}), /* @__PURE__ */ g(h, {
+		}), /* @__PURE__ */ v(_, {
 			width: 48,
 			height: 8
 		})]
 	}, `legend-${e}`);
 }
-function E(e, t) {
-	return /* @__PURE__ */ g(h, {
-		sx: S.bar,
+function O(e, t) {
+	return /* @__PURE__ */ v(_, {
+		sx: w.bar,
 		variant: "rectangular",
 		height: e
 	}, `bar-${t}`);
 }
 //#endregion
 //#region src/widgets/bar/download.tsx
-function D(e) {
-	return n(e, t({
+function k(e) {
+	return r(e, n({
 		filename: e.filename,
 		getRows: (t) => {
 			let n = e.getData(t), r = [];
@@ -257,6 +258,6 @@ function D(e) {
 	}));
 }
 //#endregion
-export { w as BarSkeleton, y as barOptions, D as createBarDownloadConfig, b as createBarOptionFactory };
+export { E as BarSkeleton, x as barOptions, k as createBarDownloadConfig, S as createBarOptionFactory };
 
 //# sourceMappingURL=bar.js.map