@carto/ps-react-ui 4.3.10 → 4.4.1

package/dist/types/hooks/use-widget-ref.d.ts

@@ -8,10 +8,13 @@
  * @example
  * ```tsx
  * function MyWidget({ id }: { id: string }) {
- *   const ref = useWidgetRef<HTMLDivElement>(id)
+ *   const { ref } = useWidgetRef<HTMLDivElement>(id)
  *
  *   return <div ref={ref}>Widget content</div>
  * }
  * ```
  */
-export declare function useWidgetRef<T extends HTMLElement = HTMLElement>(widgetId: string): import('react').RefObject<T | null>;
+export declare function useWidgetRef<T extends HTMLElement = HTMLElement>(widgetId: string): {
+    ref: import('react').RefObject<T | null>;
+    instance: import('react').RefObject<import('node_modules/echarts').ECharts | null>;
+};

package/dist/types/widgets/actions/brush-toggle/brush-toggle.d.ts

@@ -0,0 +1,21 @@
+import { BrushToggleProps } from './types';
+export declare const BRUSH_TOGGLE_TOOL_ID = "brush-toggle";
+/**
+ * Widget action to toggle EChart brush selection functionality.
+ *
+ * Registers as a config pipeline tool so that brush configuration is automatically
+ * re-applied when the base config is updated (e.g., by WidgetLoader).
+ *
+ * When brush is active, users can drag across bars to select a range.
+ * Selection clearing is handled via the chart's brush interactions/toolbox configuration.
+ * Only intended for use in fullscreen ToolbarActions for bar and histogram widgets.
+ *
+ * @example
+ * ```tsx
+ * <BrushToggle
+ *   id="my-widget"
+ *   onBrushSelected={(items) => console.log(items)}
+ * />
+ * ```
+ */
+export declare function BrushToggle({ id, onBrushSelected, labels, Icon, IconButtonProps, }: BrushToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/actions/brush-toggle/style.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    container: {
+        display: "flex";
+        alignItems: "center";
+        gap: ({ spacing }: Theme) => string;
+    };
+    trigger: {
+        '&[data-active="true"]': {
+            background: (theme: Theme) => string;
+        };
+    };
+};

package/dist/types/widgets/actions/brush-toggle/types.d.ts

@@ -0,0 +1,33 @@
+import { IconButtonProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { BaseWidgetState } from '../../stores/types';
+/**
+ * Represents a single item selected by the brush
+ */
+export type BrushSelectedItems = (string | number)[];
+/**
+ * State stored in widget store for brush functionality
+ */
+export interface BrushConfig {
+    brush?: boolean;
+}
+export type BrushState<T = unknown> = BaseWidgetState<T & BrushConfig>;
+export interface BrushToggleProps {
+    /** Widget ID to update brush state in the widget store */
+    id: string;
+    /** Callback fired when items are selected via brush */
+    onBrushSelected?: (items: BrushSelectedItems) => void;
+    /** Custom labels for the action */
+    labels?: {
+        /** Tooltip when brush is disabled (button will enable brush) */
+        enable?: string;
+        /** Tooltip when brush is enabled (button will disable brush) */
+        disable?: string;
+        /** Accessibility label */
+        ariaLabel?: string;
+    };
+    /** Props passed to the IconButton component */
+    IconButtonProps?: IconButtonProps;
+    /** Custom icon to display for brush toggle */
+    Icon?: ReactNode;
+}

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

@@ -16,3 +16,5 @@ export { ChangeColumn, CHANGE_COLUMN_TOOL_ID, } from './change-column/change-col
 export type { ChangeColumnProps } from './change-column/types';
 export { LockSelection, LOCK_SELECTION_TOOL_ID, } from './lock-selection/lock-selection';
 export type { LockSelectionProps, LockSelectionState, } from './lock-selection/types';
+export { BrushToggle, BRUSH_TOGGLE_TOOL_ID } from './brush-toggle/brush-toggle';
+export type { BrushToggleProps, BrushState, BrushConfig, BrushSelectedItems, } from './brush-toggle/types';

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

@@ -1,6 +1,6 @@
 import { EChartsOption } from 'echarts';
 import { BaseWidgetState } from '../stores/types';
-import { Ref } from 'react';
+import { Ref, RefObject } from 'react';
 import { theme as CartoTheme } from '@carto/meridian-ds/theme';
 import type * as echarts from 'echarts';
 export type EchartOptionsProps = EChartsOption;
@@ -21,6 +21,7 @@ export type EchartWidgetState = BaseWidgetState<{
     option: EchartUIProps['option'];
     onEvents?: EchartUIProps['onEvents'];
     init?: EchartUIProps['init'];
+    instance?: RefObject<echarts.ECharts | null>;
 }>;
 export interface EchartWidgetOptionProps<D> {
     data?: D;

package/dist/types/widgets/echart/utils.d.ts

@@ -1,7 +1,7 @@
 import { EchartOptionsProps } from './types';
 import { Theme } from '@mui/material';
-export declare function mergeEchartWidgetConfig<T extends EchartOptionsProps>(...options: [T | undefined, T | undefined]): T;
-export declare function getEChartZoomConfig(zoom: boolean, { start, end }?: {
+export declare function mergeEchartWidgetConfig<T extends EchartOptionsProps>(optionA: T | undefined, optionB: T | undefined, customMergeFn?: (key: string) => ((a: unknown, b: unknown) => unknown) | undefined): T;
+export declare function getEChartZoomConfig({ start, end }?: {
     start: number;
     end: number;
 }, { inside, xSlider, ySlider, showSliders, xAxisLabelFormatter, bottomOffset, }?: {
@@ -68,14 +68,20 @@ export declare function getEChartZoomConfig(zoom: boolean, { start, end }?: {
         orientation?: undefined;
     })[];
 };
-export declare function getEChartBrushConfig(brush: boolean): {
+export declare function getEChartBrushConfig({ brushType, brushMode, xAxisIndex }?: {
+    brushType?: string;
+    brushMode?: string;
+    xAxisIndex?: number;
+    throttleType?: string;
+    throttleDelay?: number;
+}): {
     brush: {
+        toolbox: string[];
         brushType: string;
         brushMode: string;
+        xAxisIndex: number;
     };
-} | {
-    brush?: undefined;
 };
-export declare function getEChartStackConfig(stack: boolean, stackGroup?: string): {
-    stack: string | undefined;
+export declare function getEChartStackConfig(stackGroup?: string): {
+    stack: string;
 };

package/dist/use-widget-ref-wtFLDFCD.js

@@ -0,0 +1,25 @@
+import { c as i } from "react/compiler-runtime";
+import { useRef as u, useEffect as l } from "react";
+import { u as m } from "./widget-store-CzDt8oSK.js";
+function R(t) {
+  const e = i(5), f = u(null), c = u(null), r = m(a);
+  let n, o;
+  e[0] !== r || e[1] !== t ? (n = () => {
+    f.current && r(t, {
+      refUI: f,
+      instance: c
+    });
+  }, o = [t, r], e[0] = r, e[1] = t, e[2] = n, e[3] = o) : (n = e[2], o = e[3]), l(n, o);
+  let s;
+  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+    ref: f,
+    instance: c
+  }, e[4] = s) : s = e[4], s;
+}
+function a(t) {
+  return t.setWidget;
+}
+export {
+  R as u
+};
+//# sourceMappingURL=use-widget-ref-wtFLDFCD.js.map

package/dist/use-widget-ref-wtFLDFCD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-widget-ref-wtFLDFCD.js","sources":["../src/hooks/use-widget-ref.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { useWidgetStore } from '../widgets/stores/widget-store'\n\n/**\n * Custom hook for registering a DOM element ref with the widget store.\n * This allows other parts of the application to access the widget's DOM element.\n *\n * @param widgetId - The widget ID to register the ref under\n * @returns A ref object to attach to the DOM element\n *\n * @example\n * ```tsx\n * function MyWidget({ id }: { id: string }) {\n *   const { ref } = useWidgetRef<HTMLDivElement>(id)\n *\n *   return <div ref={ref}>Widget content</div>\n * }\n * ```\n */\nexport function useWidgetRef<T extends HTMLElement = HTMLElement>(\n  widgetId: string,\n) {\n  const ref = useRef<T | null>(null)\n  const instance = useRef<echarts.ECharts | null>(null)\n  const setWidget = useWidgetStore((store) => store.setWidget)\n\n  useEffect(() => {\n    if (ref.current) {\n      setWidget(widgetId, { refUI: ref, instance: instance })\n    }\n  }, [widgetId, setWidget])\n\n  return { ref, instance }\n}\n"],"names":["useWidgetRef","widgetId","$","_c","ref","useRef","instance","setWidget","useWidgetStore","_temp","t0","t1","current","refUI","useEffect","t2","Symbol","for","store"],"mappings":";;;AAmBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAGLC,IAAYC,EAAiB,IAAI,GACjCC,IAAiBD,EAA+B,IAAI,GACpDE,IAAkBC,EAAeC,CAA0B;AAAC,MAAAC,GAAAC;AAAA,EAAAT,EAAA,CAAA,MAAAK,KAAAL,SAAAD,KAElDS,IAAAA,MAAA;AACR,IAAIN,EAAGQ,WACLL,EAAUN,GAAU;AAAA,MAAAY,OAAST;AAAAA,MAAGE,UAAAA;AAAAA,IAAAA,CAAsB;AAAA,EACvD,GACAK,IAAA,CAACV,GAAUM,CAAS,GAACL,OAAAK,GAAAL,OAAAD,GAAAC,OAAAQ,GAAAR,OAAAS,MAAAD,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,IAJxBY,EAAUJ,GAIPC,CAAqB;AAAC,MAAAI;AAAA,SAAAb,EAAA,CAAA,MAAAc,uBAAAC,IAAA,2BAAA,KAElBF,IAAA;AAAA,IAAAX,KAAAA;AAAAA,IAAAE,UAAAA;AAAAA,EAAAA,GAAiBJ,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAAjBa;AAAiB;AAbnB,SAAAN,EAAAS,GAAA;AAAA,SAKuCA,EAAKX;AAAU;"}

package/dist/{utils-idmvq0Oa.js → utils-BOhInag6.js}

@@ -1,79 +1,98 @@
-import { d as n } from "./cjs-D4KH3azB.js";
-const y = "stacked";
-function h(...e) {
-  return n(e[0] ?? {}, e[1] ?? {}, {
-    customMerge: (i) => {
-      if (i === "color")
-        return (I, a) => a;
-      if (i === "series")
-        return (I, a) => I.length ? a?.map((t, r) => {
-          const l = I?.[r] ?? {};
-          return n(l, t);
-        }) : I;
+import { d } from "./cjs-D4KH3azB.js";
+const m = "stacked";
+function S(o, i, n) {
+  return d(o ?? {}, i ?? {}, {
+    customMerge: (r) => {
+      const l = n?.(r);
+      if (l) return l;
+      if (r === "color")
+        return (t, e) => e;
+      if (r === "axisLabel")
+        return (t, e) => {
+          const g = {
+            ...t,
+            ...e
+          };
+          if (typeof t?.formatter == "function" && typeof e?.formatter == "function") {
+            const a = t.formatter, c = e.formatter;
+            g.formatter = (I) => a(I) === "" ? "" : c(I);
+          }
+          return g;
+        };
+      if (r === "series")
+        return (t, e) => {
+          const g = Math.max(t?.length ?? 0, e?.length ?? 0);
+          return Array.from({
+            length: g
+          }, (a, c) => {
+            const I = t?.[c] ?? {}, s = e?.[c] ?? {};
+            return d(I, s);
+          });
+        };
     }
   });
 }
-function p(e, {
-  start: i,
-  end: I
+function p({
+  start: o,
+  end: i
 } = {
   start: 0,
   end: 100
 }, {
-  inside: a = !0,
-  xSlider: g = !0,
-  ySlider: t = !1,
-  showSliders: r = !0,
-  xAxisLabelFormatter: l,
-  bottomOffset: c = 0
-} = {}, o) {
-  const d = o ? m(o) : {};
+  inside: n = !0,
+  xSlider: r = !0,
+  ySlider: l = !1,
+  showSliders: t = !0,
+  xAxisLabelFormatter: e,
+  bottomOffset: g = 0
+} = {}, a) {
+  const I = a ? y(a) : {};
   return {
-    dataZoom: [a && {
+    dataZoom: [n && {
       throttle: 0,
       type: "inside",
-      xAxisIndex: g ? [0] : [],
-      yAxisIndex: t ? [0] : [],
-      show: e,
-      zoomLock: !e,
-      start: i,
-      end: I
-    }, a && t && {
+      xAxisIndex: r ? [0] : [],
+      yAxisIndex: l ? [0] : [],
+      show: !0,
+      zoomLock: !1,
+      start: o,
+      end: i
+    }, n && l && {
       throttle: 0,
       type: "inside",
-      show: e,
-      zoomLock: !e,
-      start: i,
-      end: I,
+      show: !0,
+      zoomLock: !1,
+      start: o,
+      end: i,
       orientation: "vertical"
-    }, g && {
+    }, r && {
       throttle: 0,
       type: "slider",
       xAxisIndex: [0],
-      bottom: c,
-      height: parseInt(o?.spacing?.(4) ?? "32"),
-      show: e && r,
-      zoomLock: !e,
-      start: i,
-      end: I,
-      labelFormatter: l,
+      bottom: g,
+      height: parseInt(a?.spacing?.(4) ?? "32"),
+      show: t,
+      zoomLock: !1,
+      start: o,
+      end: i,
+      labelFormatter: e,
       showDetail: !1,
-      ...d,
+      ...I,
       brushSelect: !1,
       moveHandleSize: 8,
       handleSize: "100%",
       handleIcon: "image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4="
-    }, t && {
+    }, l && {
       throttle: 0,
       type: "slider",
-      left: parseInt(o?.spacing?.(6) ?? "48"),
-      width: parseInt(o?.spacing?.(4) ?? "32"),
+      left: parseInt(a?.spacing?.(6) ?? "48"),
+      width: parseInt(a?.spacing?.(4) ?? "32"),
       yAxisIndex: [0],
-      show: e && r,
-      zoomLock: !e,
-      start: i,
-      end: I,
-      ...d,
+      show: t,
+      zoomLock: !1,
+      start: o,
+      end: i,
+      ...I,
       brushSelect: !1,
       moveHandleSize: 8,
       handleSize: "100%",
@@ -81,7 +100,7 @@ function p(e, {
     }].filter((s) => !!s)
   };
 }
-function m(e) {
+function y(o) {
   return {
     fillerColor: "rgba(53, 139, 231, 0.25)",
     borderColor: "rgba(53, 139, 231, 0.3)",
@@ -94,7 +113,7 @@ function m(e) {
       },
       areaStyle: {
         opacity: 1,
-        color: e.palette.secondary.main
+        color: o.palette.secondary.main
       }
     },
     selectedDataBackground: {
@@ -103,11 +122,11 @@ function m(e) {
       },
       areaStyle: {
         opacity: 1,
-        color: e.palette.secondary.main
+        color: o.palette.secondary.main
       }
     },
     handleStyle: {
-      color: e.palette.common.white,
+      color: o.palette.common.white,
       borderColor: "rgba(3, 111, 226, 0.08)",
       borderWidth: 1,
       shadowBlur: 3,
@@ -116,30 +135,36 @@ function m(e) {
       shadowOffsetY: 1
     },
     textStyle: {
-      color: e.palette.black[60],
-      fontSize: parseInt(e.typography.overlineDelicate.fontSize),
-      fontFamily: e.typography.overlineDelicate.fontFamily
+      color: o.palette.black[60],
+      fontSize: parseInt(o.typography.overlineDelicate.fontSize),
+      fontFamily: o.typography.overlineDelicate.fontFamily
     }
   };
 }
-function b(e) {
-  return e ? {
+function b({
+  brushType: o = "lineX",
+  brushMode: i = "single",
+  xAxisIndex: n = 0
+} = {}) {
+  return {
     brush: {
-      brushType: "rect",
-      brushMode: "single"
+      toolbox: ["lineX", "clear"],
+      brushType: o,
+      brushMode: i,
+      xAxisIndex: n
     }
-  } : {};
+  };
 }
-function M(e, i = y) {
+function u(o = m) {
   return {
-    stack: e ? i : void 0
+    stack: o
   };
 }
 export {
-  y as D,
-  M as a,
+  m as D,
+  u as a,
   p as b,
   b as g,
-  h as m
+  S as m
 };
-//# sourceMappingURL=utils-idmvq0Oa.js.map
+//# sourceMappingURL=utils-BOhInag6.js.map

package/dist/utils-BOhInag6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-BOhInag6.js","sources":["../src/widgets/echart/const.ts","../src/widgets/echart/utils.ts"],"sourcesContent":["export const DEFAULT_STACK_GROUP = 'stacked'\n","import deepmerge from 'deepmerge'\nimport type { EchartOptionsProps } from './types'\nimport type { Theme } from '@mui/material'\nimport { DEFAULT_STACK_GROUP } from './const'\n\nexport function mergeEchartWidgetConfig<T extends EchartOptionsProps>(\n  optionA: T | undefined,\n  optionB: T | undefined,\n  customMergeFn?: (\n    key: string,\n  ) => ((a: unknown, b: unknown) => unknown) | undefined,\n): T {\n  return deepmerge(optionA ?? {}, optionB ?? {}, {\n    customMerge: (key) => {\n      const externalMerge = customMergeFn?.(key)\n      if (externalMerge) return externalMerge\n\n      if (key === 'color') {\n        return (_, b: T['color']) => b\n      }\n      if (key === 'axisLabel') {\n        return (\n          a: Record<string, unknown> | undefined,\n          b: Record<string, unknown> | undefined,\n        ) => {\n          const merged = { ...a, ...b }\n          if (\n            typeof a?.formatter === 'function' &&\n            typeof b?.formatter === 'function'\n          ) {\n            const baseFormatter = a.formatter as (value: unknown) => unknown\n            const customFormatter = b.formatter as (value: unknown) => unknown\n            merged.formatter = (value: unknown) => {\n              const baseResult = baseFormatter(value)\n              if (baseResult === '') return ''\n              return customFormatter(value)\n            }\n          }\n          return merged\n        }\n      }\n      if (key === 'series') {\n        return (a: T['series'][], b: T['series'][]) => {\n          const maxLength = Math.max(a?.length ?? 0, b?.length ?? 0)\n          return Array.from({ length: maxLength }, (_, index) => {\n            const aItem = a?.[index] ?? {}\n            const bItem = b?.[index] ?? {}\n            return deepmerge(aItem, bItem as object)\n          })\n        }\n      }\n    },\n  }) as T\n}\n\nexport function getEChartZoomConfig(\n  { start, end }: { start: number; end: number } = { start: 0, end: 100 },\n  {\n    inside = true,\n    xSlider = true,\n    ySlider = false,\n    showSliders = true,\n    xAxisLabelFormatter,\n    bottomOffset = 0,\n  } = {} as {\n    inside?: boolean\n    xSlider?: boolean\n    ySlider?: boolean\n    showSliders?: boolean\n    xAxisLabelFormatter?: (value: number) => string\n    bottomOffset?: number\n  },\n  theme?: Theme,\n) {\n  const zoom = true\n  const sliderStyles = theme ? getEChartZoomSliderStyles(theme) : {}\n\n  return {\n    dataZoom: [\n      inside && {\n        throttle: 0,\n        type: 'inside',\n        xAxisIndex: xSlider ? [0] : [],\n        yAxisIndex: ySlider ? [0] : [],\n        show: zoom,\n        zoomLock: !zoom,\n        start,\n        end,\n      },\n      inside &&\n        ySlider && {\n          throttle: 0,\n          type: 'inside',\n          show: zoom,\n          zoomLock: !zoom,\n          start,\n          end,\n          orientation: 'vertical',\n        },\n      xSlider && {\n        throttle: 0,\n        type: 'slider',\n        xAxisIndex: [0],\n        bottom: bottomOffset,\n        height: parseInt(theme?.spacing?.(4) ?? '32'),\n        show: zoom && showSliders,\n        zoomLock: !zoom,\n        start,\n        end,\n        labelFormatter: xAxisLabelFormatter,\n        showDetail: false,\n        ...sliderStyles,\n        brushSelect: false,\n        moveHandleSize: 8,\n        handleSize: '100%',\n        handleIcon:\n          'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4=',\n      },\n      ySlider && {\n        throttle: 0,\n        type: 'slider',\n        left: parseInt(theme?.spacing?.(6) ?? '48'),\n        width: parseInt(theme?.spacing?.(4) ?? '32'),\n        yAxisIndex: [0],\n        show: zoom && showSliders,\n        zoomLock: !zoom,\n        start,\n        end,\n        ...sliderStyles,\n        brushSelect: false,\n        moveHandleSize: 8,\n        handleSize: '100%',\n        handleIcon:\n          'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDM2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCIgcng9IjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjUgMC41KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEzIDYpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMTcgNikiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMSA2KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4=',\n      },\n    ].filter((d) => !!d),\n  }\n}\n\nfunction getEChartZoomSliderStyles(theme: Theme) {\n  return {\n    fillerColor: 'rgba(53, 139, 231, 0.25)',\n    borderColor: 'rgba(53, 139, 231, 0.3)',\n    borderWidth: 0.5,\n    backgroundColor: 'transparent',\n    borderRadius: 4,\n    dataBackground: {\n      lineStyle: {\n        opacity: 0,\n      },\n      areaStyle: {\n        opacity: 1,\n        color: theme.palette.secondary.main,\n      },\n    },\n    selectedDataBackground: {\n      lineStyle: {\n        opacity: 0,\n      },\n      areaStyle: {\n        opacity: 1,\n        color: theme.palette.secondary.main,\n      },\n    },\n    handleStyle: {\n      color: theme.palette.common.white,\n      borderColor: 'rgba(3, 111, 226, 0.08)',\n      borderWidth: 1,\n      shadowBlur: 3,\n      shadowColor: 'rgba(0, 0, 0, 0.1)',\n      shadowOffsetX: 0,\n      shadowOffsetY: 1,\n    },\n    textStyle: {\n      color: theme.palette.black[60],\n      fontSize: parseInt(theme.typography.overlineDelicate.fontSize as string),\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n    },\n  } as const\n}\n\nexport function getEChartBrushConfig(\n  { brushType = 'lineX', brushMode = 'single', xAxisIndex = 0 } = {} as {\n    brushType?: string\n    brushMode?: string\n    xAxisIndex?: number\n    throttleType?: string\n    throttleDelay?: number\n  },\n) {\n  return {\n    brush: {\n      toolbox: ['lineX', 'clear'],\n      brushType,\n      brushMode,\n      xAxisIndex,\n    },\n  }\n}\n\nexport function getEChartStackConfig(stackGroup: string = DEFAULT_STACK_GROUP) {\n  return { stack: stackGroup }\n}\n"],"names":["DEFAULT_STACK_GROUP","mergeEchartWidgetConfig","optionA","optionB","customMergeFn","deepmerge","customMerge","key","externalMerge","_","b","a","merged","formatter","baseFormatter","customFormatter","value","maxLength","Math","max","length","Array","from","index","aItem","bItem","getEChartZoomConfig","start","end","inside","xSlider","ySlider","showSliders","xAxisLabelFormatter","bottomOffset","theme","sliderStyles","getEChartZoomSliderStyles","dataZoom","throttle","type","xAxisIndex","yAxisIndex","show","zoom","zoomLock","orientation","bottom","height","parseInt","spacing","labelFormatter","showDetail","brushSelect","moveHandleSize","handleSize","handleIcon","left","width","filter","d","fillerColor","borderColor","borderWidth","backgroundColor","borderRadius","dataBackground","lineStyle","opacity","areaStyle","color","palette","secondary","main","selectedDataBackground","handleStyle","common","white","shadowBlur","shadowColor","shadowOffsetX","shadowOffsetY","textStyle","black","fontSize","typography","overlineDelicate","fontFamily","getEChartBrushConfig","brushType","brushMode","brush","toolbox","getEChartStackConfig","stackGroup","stack"],"mappings":"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"}