@carto/ps-react-ui 4.11.2 → 4.12.0

package/dist/widgets-v2/formula.js

@@ -1,16 +1,17 @@
-import { D as I, F as E, a as $ } from "../formula-DuC0NQLH.js";
-import { N, P as R, S as _, a as j, V as z } from "../style-DVnT6HC1.js";
+import { D as P, F as E, a as R } from "../formula-DuC0NQLH.js";
+import { N, P as V, S as _, a as $, V as j } from "../style-DVnT6HC1.js";
 import { jsx as i } from "react/jsx-runtime";
-import { c as s } from "react/compiler-runtime";
-import { Box as m, Skeleton as u } from "@mui/material";
+import { c as l } from "react/compiler-runtime";
+import { Box as m, Skeleton as s } from "@mui/material";
 import "react";
 import "@mui/icons-material";
 import "../lasso-tool-CDFj4zKY.js";
 import "../cjs-D4KH3azB.js";
 import "@carto/ps-utils";
-import { a as f } from "../exports-Cx-f6m6U.js";
-import { b as p, C as c } from "../png-item-BE9uEqlD.js";
-const l = {
+import "html2canvas";
+import { b as u } from "../png-item-9dNbB37T.js";
+import { b as f } from "../csv-item-hH_Gt7ur.js";
+const n = {
   root: {
     display: "flex",
     gap: 3,
@@ -23,52 +24,45 @@ const l = {
     height: 36
   }
 };
-function F(o) {
-  const e = s(2), {
-    count: n
-  } = o, r = n === void 0 ? 1 : n;
-  let t;
-  return e[0] !== r ? (t = /* @__PURE__ */ i(m, { sx: l.root, children: Array.from({
+function F(t) {
+  const e = l(2), {
+    count: a
+  } = t, r = a === void 0 ? 1 : a;
+  let o;
+  return e[0] !== r ? (o = /* @__PURE__ */ i(m, { sx: n.root, children: Array.from({
     length: r
-  }).map(d) }), e[0] = r, e[1] = t) : t = e[1], t;
+  }).map(p) }), e[0] = r, e[1] = o) : o = e[1], o;
 }
-function d(o, e) {
-  return /* @__PURE__ */ i(u, { variant: "rectangular", sx: l.block }, `row-${e}`);
+function p(t, e) {
+  return /* @__PURE__ */ i(s, { variant: "rectangular", sx: n.block }, `row-${e}`);
 }
-function P(o) {
+function S(t) {
   const e = [];
-  return o.getCaptureEl && e.push(p({
-    filename: o.filename,
-    getCaptureEl: o.getCaptureEl,
-    pixelRatio: o.pngPixelRatio,
-    backgroundColor: o.pngBackgroundColor
-  })), e.push({
-    id: "csv",
-    label: "CSV",
-    icon: /* @__PURE__ */ i(c, { fontSize: "small" }),
-    resolve: () => {
-      const n = o.getData(), r = [["series", "prefix", "value", "suffix", "note", "delta"]];
-      for (const a of n)
-        r.push([a.series?.name ?? "", a.prefix ?? "", a.value, a.suffix ?? "", a.note ?? "", a.delta?.value ?? ""]);
-      const t = f(r);
-      return Promise.resolve({
-        url: t.url,
-        filename: `${o.filename}.csv`,
-        revoke: t.revoke
-      });
+  return t.getCaptureEl && e.push(u({
+    filename: t.filename,
+    getCaptureEl: t.getCaptureEl,
+    pixelRatio: t.pngPixelRatio,
+    backgroundColor: t.pngBackgroundColor
+  })), e.push(f({
+    filename: t.filename,
+    getRows: () => {
+      const a = t.getData(), r = [["series", "prefix", "value", "suffix", "note", "delta"]];
+      for (const o of a)
+        r.push([o.series?.name ?? "", o.prefix ?? "", o.value, o.suffix ?? "", o.note ?? "", o.delta?.value ?? ""]);
+      return r;
     }
-  }), e;
+  })), e;
 }
 export {
-  I as Delta,
+  P as Delta,
   E as Formula,
   F as FormulaSkeleton,
-  $ as FormulaUI,
+  R as FormulaUI,
   N as Note,
-  R as Prefix,
+  V as Prefix,
   _ as Series,
-  j as Suffix,
-  z as Value,
-  P as createFormulaDownloadConfig
+  $ as Suffix,
+  j as Value,
+  S as createFormulaDownloadConfig
 };
 //# sourceMappingURL=formula.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"formula.js","sources":["../../src/widgets-v2/formula/skeleton.tsx","../../src/widgets-v2/formula/download.tsx"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    gap: 3,\n    alignItems: 'baseline',\n    minHeight: 64,\n    py: 1,\n  },\n  block: { width: 120, height: 36 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface FormulaSkeletonProps {\n  count?: number\n}\n\nexport function FormulaSkeleton({ count = 1 }: FormulaSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      ))}\n    </Box>\n  )\n}\n","import {\n  CSVIcon,\n  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { FormulaWidgetData } from './types'\n\nexport interface FormulaDownloadConfigArgs {\n  filename: string\n  getData: () => FormulaWidgetData\n  /**\n   * Optional getter for the widget's capture element (registered by\n   * `Widget.State`). When provided, a PNG item is prepended.\n   */\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}\n\n/**\n * Builds download items for the Formula widget. Always includes a CSV item\n * with one row per KPI (`prefix`, `value`, `suffix`, `note`, `delta`).\n * When `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createFormulaDownloadConfig(\n  args: FormulaDownloadConfigArgs,\n): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: 'csv',\n    label: 'CSV',\n    icon: <CSVIcon fontSize='small' />,\n    resolve: () => {\n      const data = args.getData()\n      const rows: unknown[][] = [\n        ['series', 'prefix', 'value', 'suffix', 'note', 'delta'],\n      ]\n      for (const d of data) {\n        rows.push([\n          d.series?.name ?? '',\n          d.prefix ?? '',\n          d.value,\n          d.suffix ?? '',\n          d.note ?? '',\n          d.delta?.value ?? '',\n        ])\n      }\n      const handle = downloadToCSV(rows)\n      return Promise.resolve({\n        url: handle.url,\n        filename: `${args.filename}.csv`,\n        revoke: handle.revoke,\n      })\n    },\n  })\n  return items\n}\n"],"names":["styles","root","display","gap","alignItems","minHeight","py","block","width","height","FormulaSkeleton","t0","$","_c","count","t1","undefined","t2","Box","Array","from","length","map","_temp","_","i","jsx","Skeleton","createFormulaDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","label","icon","CSVIcon","resolve","data","getData","rows","d","series","name","prefix","value","suffix","note","delta","handle","downloadToCSV","Promise","url","revoke"],"mappings":";;;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,KAAK;AAAA,IACLC,YAAY;AAAA,IACZC,WAAW;AAAA,IACXC,IAAI;AAAA,EAAA;AAAA,EAENC,OAAO;AAAA,IAAEC,OAAO;AAAA,IAAKC,QAAQ;AAAA,EAAA;AAC/B;AAMO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAyB;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,SAAAL,SAAAE,KAEvCG,sBAACC,GAAA,EAAQ,IAAAlB,EAAMC,MACZkB,gBAAKC,KAAM;AAAA,IAAAC,QAAUP;AAAAA,EAAAA,CAAO,EAACQ,IAAKC,CAElC,GACH,GAAMX,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAJNK;AAIM;AANH,SAAAM,EAAAC,GAAAC,GAAA;AAAA,SAIC,gBAAAC,EAACC,KAAkC,SAAA,eAAkB,IAAA3B,EAAMO,MAAAA,GAA5C,OAAOkB,CAAC,EAA0C;AAAI;ACItE,SAASG,EACdC,GACgB;AAChB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjBC,iBAAiBR,EAAKS;AAAAA,EAAAA,CACvB,CACH,GAEFR,EAAME,KAAK;AAAA,IACTO,IAAI;AAAA,IACJC,OAAO;AAAA,IACPC,MAAM,gBAAAf,EAACgB,GAAA,EAAQ,UAAS,QAAA,CAAO;AAAA,IAC/BC,SAASA,MAAM;AACb,YAAMC,IAAOf,EAAKgB,QAAAA,GACZC,IAAoB,CACxB,CAAC,UAAU,UAAU,SAAS,UAAU,QAAQ,OAAO,CAAC;AAE1D,iBAAWC,KAAKH;AACdE,QAAAA,EAAKd,KAAK,CACRe,EAAEC,QAAQC,QAAQ,IAClBF,EAAEG,UAAU,IACZH,EAAEI,OACFJ,EAAEK,UAAU,IACZL,EAAEM,QAAQ,IACVN,EAAEO,OAAOH,SAAS,EAAE,CACrB;AAEH,YAAMI,IAASC,EAAcV,CAAI;AACjC,aAAOW,QAAQd,QAAQ;AAAA,QACrBe,KAAKH,EAAOG;AAAAA,QACZxB,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1ByB,QAAQJ,EAAOI;AAAAA,MAAAA,CAChB;AAAA,IACH;AAAA,EAAA,CACD,GACM7B;AACT;"}
+{"version":3,"file":"formula.js","sources":["../../src/widgets-v2/formula/skeleton.tsx","../../src/widgets-v2/formula/download.tsx"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    gap: 3,\n    alignItems: 'baseline',\n    minHeight: 64,\n    py: 1,\n  },\n  block: { width: 120, height: 36 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface FormulaSkeletonProps {\n  count?: number\n}\n\nexport function FormulaSkeleton({ count = 1 }: FormulaSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadItem,\n} from '../actions/download'\nimport type { FormulaWidgetData } from './types'\n\nexport interface FormulaDownloadConfigArgs {\n  filename: string\n  getData: () => FormulaWidgetData\n  /**\n   * Optional getter for the widget's capture element (registered by\n   * `Widget.State`). When provided, a PNG item is prepended.\n   */\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}\n\n/**\n * Builds download items for the Formula widget. Always includes a CSV item\n * with one row per KPI (`prefix`, `value`, `suffix`, `note`, `delta`).\n * When `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createFormulaDownloadConfig(\n  args: FormulaDownloadConfigArgs,\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          ['series', 'prefix', 'value', 'suffix', 'note', 'delta'],\n        ]\n        for (const d of data) {\n          rows.push([\n            d.series?.name ?? '',\n            d.prefix ?? '',\n            d.value,\n            d.suffix ?? '',\n            d.note ?? '',\n            d.delta?.value ?? '',\n          ])\n        }\n        return rows\n      },\n    }),\n  )\n  return items\n}\n"],"names":["styles","root","display","gap","alignItems","minHeight","py","block","width","height","FormulaSkeleton","t0","$","_c","count","t1","undefined","t2","Box","Array","from","length","map","_temp","_","i","jsx","Skeleton","createFormulaDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","buildCsvDownloadItem","getRows","data","getData","rows","d","series","name","prefix","value","suffix","note","delta"],"mappings":";;;;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,KAAK;AAAA,IACLC,YAAY;AAAA,IACZC,WAAW;AAAA,IACXC,IAAI;AAAA,EAAA;AAAA,EAENC,OAAO;AAAA,IAAEC,OAAO;AAAA,IAAKC,QAAQ;AAAA,EAAA;AAC/B;AAMO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAyB;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,SAAAL,SAAAE,KAEvCG,sBAACC,GAAA,EAAQ,IAAAlB,EAAMC,MACZkB,gBAAKC,KAAM;AAAA,IAAAC,QAAUP;AAAAA,EAAAA,CAAO,EAACQ,IAAKC,CAElC,GACH,GAAMX,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAJNK;AAIM;AANH,SAAAM,EAAAC,GAAAC,GAAA;AAAA,SAIC,gBAAAC,EAACC,KAAkC,SAAA,eAAkB,IAAA3B,EAAMO,MAAAA,GAA5C,OAAOkB,CAAC,EAA0C;AAAI;ACGtE,SAASG,EACdC,GACgB;AAChB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjBC,iBAAiBR,EAAKS;AAAAA,EAAAA,CACvB,CACH,GAEFR,EAAME,KACJO,EAAqB;AAAA,IACnBL,UAAUL,EAAKK;AAAAA,IACfM,SAASA,MAAM;AACb,YAAMC,IAAOZ,EAAKa,QAAAA,GACZC,IAAoB,CACxB,CAAC,UAAU,UAAU,SAAS,UAAU,QAAQ,OAAO,CAAC;AAE1D,iBAAWC,KAAKH;AACdE,QAAAA,EAAKX,KAAK,CACRY,EAAEC,QAAQC,QAAQ,IAClBF,EAAEG,UAAU,IACZH,EAAEI,OACFJ,EAAEK,UAAU,IACZL,EAAEM,QAAQ,IACVN,EAAEO,OAAOH,SAAS,EAAE,CACrB;AAEH,aAAOL;AAAAA,IACT;AAAA,EAAA,CACD,CACH,GACOb;AACT;"}

package/dist/widgets-v2/histogram.js

@@ -1,7 +1,7 @@
-import * as z from "echarts";
-import { n as S, d as E, g as R, c as V, f as W } from "../option-builders-F-c9ELi1.js";
-import { jsx as b, jsxs as $ } from "react/jsx-runtime";
-import { c as Y } from "react/compiler-runtime";
+import * as R from "echarts";
+import { n as S, d as z, g as E, c as W, f as Y } from "../option-builders-F-c9ELi1.js";
+import { jsx as b, jsxs as j } from "react/jsx-runtime";
+import { c as q } from "react/compiler-runtime";
 import { Skeleton as T, Box as A } from "@mui/material";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
@@ -21,55 +21,55 @@ import "zustand/vanilla";
 import "zustand/middleware";
 import "zustand/react/shallow";
 import { Z as O } from "../transforms-Cdx4fkU5.js";
-import { m as q, r as U } from "../resolve-theme-color-BdojIw0K.js";
+import { m as U, r as V } from "../resolve-theme-color-BdojIw0K.js";
 import { p as J } from "../data-zoom-layout-CkVnm6ej.js";
-import { a as K } from "../exports-Cx-f6m6U.js";
-import { b as Q } from "../png-item-BE9uEqlD.js";
+import { b as K } from "../png-item-9dNbB37T.js";
+import { b as Q } from "../csv-item-hH_Gt7ur.js";
 function X({
-  theme: e,
-  formatter: t
+  theme: t,
+  formatter: e
 }) {
   let s = 0, i = 1;
   return {
     grid: {
-      left: parseInt(e.spacing(1)),
-      top: parseInt(e.spacing(3)),
-      right: parseInt(e.spacing(1)),
+      left: parseInt(t.spacing(1)),
+      top: parseInt(t.spacing(3)),
+      right: parseInt(t.spacing(1)),
       // Default: no legend. Merger bumps this when there are >1 series.
-      ...V(!1, e),
+      ...W(!1, t),
       containLabel: !0
     },
     tooltip: {
       trigger: "axis",
-      backgroundColor: e.palette.grey[900],
+      backgroundColor: t.palette.grey[900],
       borderWidth: 0,
-      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+      padding: [parseInt(t.spacing(1)), parseInt(t.spacing(1))],
       textStyle: {
-        color: e.palette.common.white,
+        color: t.palette.common.white,
         fontSize: 11,
-        fontFamily: e.typography.caption.fontFamily
+        fontFamily: t.typography.caption.fontFamily
       },
       axisPointer: {
         type: "line"
       },
-      position: R(e),
-      formatter: j(t)
+      position: E(t),
+      formatter: D(e)
     },
     // Legend styling baked here; `show` is toggled by the merger based on
     // series count. Histogram doesn't accept `labelFormatter` at the
     // options layer (bin labels are pre-formatted in the merger), so we
     // skip the legend `labelFormatter` argument too.
     legend: {
-      ...E({
+      ...z({
         hasLegend: !1
       })
     },
     axisPointer: {
       lineStyle: {
-        color: e.palette.grey[400]
+        color: t.palette.grey[400]
       }
     },
-    color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
+    color: [t.palette.secondary.main, ...Object.values(t.palette.qualitative?.bold ?? {})],
     xAxis: {
       type: "category",
       axisLine: {
@@ -79,15 +79,15 @@ function X({
         show: !1
       },
       axisLabel: {
-        padding: [parseInt(e.spacing(0.5)), 0, 0, 0],
+        padding: [parseInt(t.spacing(0.5)), 0, 0, 0],
         margin: 0,
         hideOverlap: !0
       }
     },
     yAxis: {
       type: "value",
-      min: (o) => (s = o.min < 0 ? S(o.min) : 0, s),
-      max: (o) => (i = o.max <= 0 ? 1 : S(o.max), i),
+      min: (r) => (s = r.min < 0 ? S(r.min) : 0, s),
+      max: (r) => (i = r.max <= 0 ? 1 : S(r.max), i),
       axisLine: {
         show: !1
       },
@@ -97,71 +97,71 @@ function X({
       splitLine: {
         show: !0,
         lineStyle: {
-          color: e.palette.black?.[4] ?? e.palette.divider
+          color: t.palette.black?.[4] ?? t.palette.divider
         }
       },
       axisLabel: {
-        fontSize: e.typography.overlineDelicate?.fontSize,
-        fontFamily: e.typography.overlineDelicate?.fontFamily,
-        margin: parseInt(e.spacing(1)),
+        fontSize: t.typography.overlineDelicate?.fontSize,
+        fontFamily: t.typography.overlineDelicate?.fontFamily,
+        margin: parseInt(t.spacing(1)),
         show: !0,
         showMaxLabel: !0,
         showMinLabel: !0,
         verticalAlign: "bottom",
         inside: !0,
-        formatter: (o) => o !== i && o !== s || o === 0 ? "" : t ? t(o) : String(o)
+        formatter: (r) => r !== i && r !== s || r === 0 ? "" : e ? e(r) : String(r)
       }
     }
   };
 }
-function Me(e) {
+function Mt(t) {
   const {
-    theme: t,
+    theme: e,
     formatter: s,
     ticks: i,
-    series: o,
+    series: r,
     labelFormatter: c,
     selection: l
-  } = e, p = e.optionsOverride, a = l && l.length > 0 ? new Set(l) : null, m = [];
-  for (let r = 0; r < i.length - 1; r++) {
-    const g = i[r], u = i[r + 1], d = `${_(g)}–${_(u)}`;
-    m.push(c ? c(d) : d);
+  } = t, n = t.optionsOverride, p = l && l.length > 0 ? new Set(l) : null, m = [];
+  for (let o = 0; o < i.length - 1; o++) {
+    const f = i[o], d = i[o + 1], u = `${_(f)}–${_(d)}`;
+    m.push(c ? c(u) : u);
   }
-  return (r, g, u) => {
-    if (r == null) {
-      const n = X({
-        theme: t,
+  return (o, f, d) => {
+    if (o == null) {
+      const a = X({
+        theme: e,
         formatter: s
       });
-      return p ? q(n, p) : n;
+      return n ? U(a, n) : a;
     }
-    const d = Array.isArray(g) ? g : [];
-    if (d.length === 0 || m.length === 0)
+    const u = Array.isArray(f) ? f : [];
+    if (u.length === 0 || m.length === 0)
       return {
-        ...r,
+        ...o,
         dataset: [],
         series: []
       };
-    const y = d.length > 1, h = Array.isArray(r.series) ? r.series : [], D = h[0] ?? {}, F = typeof r.yAxis == "object" && !Array.isArray(r.yAxis) ? r.yAxis : {}, I = typeof r.grid == "object" && !Array.isArray(r.grid) ? r.grid : {}, H = typeof r.tooltip == "object" && !Array.isArray(r.tooltip) ? r.tooltip : {}, P = typeof r.legend == "object" && !Array.isArray(r.legend) ? r.legend : {}, L = u?.formatter;
-    let k = 0, v = 1;
-    const C = J(r.dataZoom, y), Z = typeof I.bottom == "number" ? I.bottom : 24, M = y ? 56 : Z, B = C ? M + O.sliderHeight + O.sliderGap : M, G = {
-      color: (n) => {
-        const f = n.color;
-        return a ? a.has(n.dataIndex) ? f : z.color.modifyAlpha(f, 0.15) : f;
+    const y = u.length > 1, h = Array.isArray(o.series) ? o.series : [], $ = h[0] ?? {}, v = typeof o.yAxis == "object" && !Array.isArray(o.yAxis) ? o.yAxis : {}, I = typeof o.grid == "object" && !Array.isArray(o.grid) ? o.grid : {}, H = typeof o.tooltip == "object" && !Array.isArray(o.tooltip) ? o.tooltip : {}, Z = typeof o.legend == "object" && !Array.isArray(o.legend) ? o.legend : {}, L = d?.formatter;
+    let k = 0, C = 1;
+    const F = J(o.dataZoom, y), B = typeof I.bottom == "number" ? I.bottom : 24, M = y ? 56 : B, P = F ? M + O.sliderHeight + O.sliderGap : M, G = {
+      color: (a) => {
+        const g = a.color;
+        return p ? p.has(a.dataIndex) ? g : R.color.modifyAlpha(g, 0.15) : g;
       }
     };
     return {
-      ...r,
-      dataset: d.map((n) => ({
-        source: m.map((f, x) => [f, n[x] ?? 0])
+      ...o,
+      dataset: u.map((a) => ({
+        source: m.map((g, x) => [g, a[x] ?? 0])
       })),
-      series: d.map((n, f) => {
-        const x = h[f] ?? D, N = U(t, o?.[f]?.color);
+      series: u.map((a, g) => {
+        const x = h[g] ?? $, N = V(e, r?.[g]?.color);
         return {
           ...typeof x == "object" ? x : {},
           type: "bar",
-          datasetIndex: f,
-          name: o?.[f]?.name ?? `Series ${f + 1}`,
+          datasetIndex: g,
+          name: r?.[g]?.name ?? `Series ${g + 1}`,
           encode: {
             x: 0,
             y: 1
@@ -177,45 +177,45 @@ function Me(e) {
         };
       }),
       legend: {
-        ...P,
+        ...Z,
         show: y
       },
       grid: {
         ...I,
-        bottom: B
+        bottom: P
       },
-      ...C ? {
-        dataZoom: C
+      ...F ? {
+        dataZoom: F
       } : {},
       yAxis: {
-        ...F,
-        min: (n) => (k = n.min < 0 ? S(n.min) : 0, k),
-        max: (n) => (v = n.max <= 0 ? 1 : S(n.max), v),
+        ...v,
+        min: (a) => (k = a.min < 0 ? S(a.min) : 0, k),
+        max: (a) => (C = a.max <= 0 ? 1 : S(a.max), C),
         axisLabel: {
-          ...F.axisLabel ?? {},
-          formatter: (n) => n !== v && n !== k || n === 0 ? "" : L ? L(n) : String(n)
+          ...v.axisLabel ?? {},
+          formatter: (a) => a !== C && a !== k || a === 0 ? "" : L ? L(a) : String(a)
         }
       },
       tooltip: {
         ...H,
-        formatter: j(L)
+        formatter: D(L)
       }
     };
   };
 }
-function j(e) {
-  return W((t) => {
-    const i = t.value?.[1], o = typeof i == "number" && e ? e(i) : i ?? "", c = typeof t.marker == "string" ? t.marker : "", l = t.seriesName ? `${t.seriesName}: ` : "";
+function D(t) {
+  return Y((e) => {
+    const i = e.value?.[1], r = typeof i == "number" && t ? t(i) : i ?? "", c = typeof e.marker == "string" ? e.marker : "", l = e.seriesName ? `${e.seriesName}: ` : "";
     return {
-      name: String(t.name ?? ""),
+      name: String(e.name ?? ""),
       seriesName: l,
       marker: c,
-      value: o
+      value: r
     };
   });
 }
-function _(e) {
-  return Number.isInteger(e) ? String(e) : Number(e.toFixed(2)).toString();
+function _(t) {
+  return Number.isInteger(t) ? String(t) : Number(t.toFixed(2)).toString();
 }
 const w = {
   container: {
@@ -224,11 +224,11 @@ const w = {
     justifyContent: "space-between",
     flexDirection: "column",
     gap: ({
-      spacing: e
-    }) => e(1),
+      spacing: t
+    }) => t(1),
     height: ({
-      spacing: e
-    }) => e(38)
+      spacing: t
+    }) => t(38)
   },
   grid: {
     display: "flex",
@@ -241,100 +241,94 @@ const w = {
     display: "flex",
     alignItems: "center",
     gap: ({
-      spacing: e
-    }) => e(2),
+      spacing: t
+    }) => t(2),
     height: ({
-      spacing: e
-    }) => e(5)
+      spacing: t
+    }) => t(5)
   },
   legendItem: {
     display: "flex",
     alignItems: "center",
     gap: ({
-      spacing: e
-    }) => e(1.5)
+      spacing: t
+    }) => t(1.5)
   }
-}, ee = (e) => ({
+}, tt = (t) => ({
   flex: 1,
-  height: `${e}%`,
+  height: `${t}%`,
   minWidth: 8
 });
-function Ne(e) {
-  const t = Y(15), {
+function Nt(t) {
+  const e = q(15), {
     bins: s
-  } = e, i = s === void 0 ? 12 : s;
-  let o, c, l, p, a;
-  if (t[0] !== i) {
-    const u = Array.from({
+  } = t, i = s === void 0 ? 12 : s;
+  let r, c, l, n, p;
+  if (e[0] !== i) {
+    const d = Array.from({
       length: i
-    }, (d, y) => {
+    }, (u, y) => {
       const h = y / Math.max(1, i - 1);
       return Math.round(20 + 80 * Math.exp(-((h - 0.5) ** 2) * 8));
     });
-    c = A, a = w.container, o = A, l = w.grid, p = u.map(re), t[0] = i, t[1] = o, t[2] = c, t[3] = l, t[4] = p, t[5] = a;
+    c = A, p = w.container, r = A, l = w.grid, n = d.map(rt), e[0] = i, e[1] = r, e[2] = c, e[3] = l, e[4] = n, e[5] = p;
   } else
-    o = t[1], c = t[2], l = t[3], p = t[4], a = t[5];
+    r = e[1], c = e[2], l = e[3], n = e[4], p = e[5];
   let m;
-  t[6] !== o || t[7] !== l || t[8] !== p ? (m = /* @__PURE__ */ b(o, { sx: l, children: p }), t[6] = o, t[7] = l, t[8] = p, t[9] = m) : m = t[9];
-  let r;
-  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ b(A, { sx: w.legend, children: [0, 1].map(te) }), t[10] = r) : r = t[10];
-  let g;
-  return t[11] !== c || t[12] !== a || t[13] !== m ? (g = /* @__PURE__ */ $(c, { sx: a, children: [
+  e[6] !== r || e[7] !== l || e[8] !== n ? (m = /* @__PURE__ */ b(r, { sx: l, children: n }), e[6] = r, e[7] = l, e[8] = n, e[9] = m) : m = e[9];
+  let o;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ b(A, { sx: w.legend, children: [0, 1].map(et) }), e[10] = o) : o = e[10];
+  let f;
+  return e[11] !== c || e[12] !== p || e[13] !== m ? (f = /* @__PURE__ */ j(c, { sx: p, children: [
     m,
-    r
-  ] }), t[11] = c, t[12] = a, t[13] = m, t[14] = g) : g = t[14], g;
+    o
+  ] }), e[11] = c, e[12] = p, e[13] = m, e[14] = f) : f = e[14], f;
 }
-function te(e) {
-  return /* @__PURE__ */ $(A, { sx: w.legendItem, children: [
+function et(t) {
+  return /* @__PURE__ */ j(A, { sx: w.legendItem, children: [
     /* @__PURE__ */ b(T, { variant: "circular", width: 8, height: 8 }),
     /* @__PURE__ */ b(T, { width: 48, height: 8 })
-  ] }, `legend-${e}`);
+  ] }, `legend-${t}`);
 }
-function re(e, t) {
-  return /* @__PURE__ */ b(T, { variant: "rectangular", sx: ee(e) }, `bar-${t}`);
+function rt(t, e) {
+  return /* @__PURE__ */ b(T, { variant: "rectangular", sx: tt(t) }, `bar-${e}`);
 }
-function Oe(e) {
-  const t = [];
-  return e.getCaptureEl && t.push(Q({
-    filename: e.filename,
-    getCaptureEl: e.getCaptureEl,
-    pixelRatio: e.pngPixelRatio,
-    backgroundColor: e.pngBackgroundColor
-  })), t.push({
-    id: "csv",
-    label: "Download as CSV",
-    resolve: () => {
-      const s = e.getData(), i = e.getTicks(), o = s.length, c = ["bin_low", "bin_high"];
-      for (let a = 0; a < o; a++)
-        c.push(e.seriesNames?.[a] ?? `series_${a + 1}`);
+function Ot(t) {
+  const e = [];
+  return t.getCaptureEl && e.push(K({
+    filename: t.filename,
+    getCaptureEl: t.getCaptureEl,
+    pixelRatio: t.pngPixelRatio,
+    backgroundColor: t.pngBackgroundColor
+  })), e.push(Q({
+    filename: t.filename,
+    getRows: () => {
+      const s = t.getData(), i = t.getTicks(), r = s.length, c = ["bin_low", "bin_high"];
+      for (let n = 0; n < r; n++)
+        c.push(t.seriesNames?.[n] ?? `series_${n + 1}`);
       const l = [c];
-      for (let a = 0; a < Math.max(0, i.length - 1); a++) {
-        const m = [i[a], i[a + 1]];
-        for (let r = 0; r < o; r++) m.push(s[r]?.[a] ?? 0);
-        l.push(m);
+      for (let n = 0; n < Math.max(0, i.length - 1); n++) {
+        const p = [i[n], i[n + 1]];
+        for (let m = 0; m < r; m++) p.push(s[m]?.[n] ?? 0);
+        l.push(p);
       }
-      const p = K(l);
-      return Promise.resolve({
-        url: p.url,
-        filename: `${e.filename}.csv`,
-        revoke: p.revoke
-      });
+      return l;
     }
-  }), t;
+  })), e;
 }
-const _e = (e) => Array.isArray(e) ? e.map((t) => {
-  if (!oe(t)) return t;
-  const s = t.reduce((i, o) => i + Math.abs(o), 0);
-  return s <= 0 ? t : t.map((i) => i / s * 100);
-}) : e;
-function oe(e) {
-  return Array.isArray(e) ? e.every((t) => typeof t == "number" && Number.isFinite(t)) : !1;
+const _t = (t) => Array.isArray(t) ? t.map((e) => {
+  if (!ot(e)) return e;
+  const s = e.reduce((i, r) => i + Math.abs(r), 0);
+  return s <= 0 ? e : e.map((i) => i / s * 100);
+}) : t;
+function ot(t) {
+  return Array.isArray(t) ? t.every((e) => typeof e == "number" && Number.isFinite(e)) : !1;
 }
 export {
-  Ne as HistogramSkeleton,
-  Oe as createHistogramDownloadConfig,
-  Me as createHistogramOptionFactory,
+  Nt as HistogramSkeleton,
+  Ot as createHistogramDownloadConfig,
+  Mt as createHistogramOptionFactory,
   X as histogramOptions,
-  _e as toRelativeHistogramData
+  _t as toRelativeHistogramData
 };
 //# sourceMappingURL=histogram.js.map