@carto/ps-react-ui 4.3.10 → 4.4.0

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 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-Cx3gYUcL.js}

@@ -1,87 +1,87 @@
-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 h(...o) {
+  return d(o[0] ?? {}, o[1] ?? {}, {
+    customMerge: (e) => {
+      if (e === "color")
+        return (i, I) => I;
+      if (e === "series")
+        return (i, I) => i.length ? I?.map((r, l) => {
+          const g = i?.[l] ?? {};
+          return d(g, r);
+        }) : i;
     }
   });
 }
-function p(e, {
-  start: i,
-  end: I
+function p({
+  start: o,
+  end: e
 } = {
   start: 0,
   end: 100
 }, {
-  inside: a = !0,
-  xSlider: g = !0,
-  ySlider: t = !1,
+  inside: i = !0,
+  xSlider: I = !0,
+  ySlider: a = !1,
   showSliders: r = !0,
   xAxisLabelFormatter: l,
-  bottomOffset: c = 0
-} = {}, o) {
-  const d = o ? m(o) : {};
+  bottomOffset: g = 0
+} = {}, t) {
+  const n = t ? s(t) : {};
   return {
-    dataZoom: [a && {
+    dataZoom: [i && {
       throttle: 0,
       type: "inside",
-      xAxisIndex: g ? [0] : [],
-      yAxisIndex: t ? [0] : [],
-      show: e,
-      zoomLock: !e,
-      start: i,
-      end: I
-    }, a && t && {
+      xAxisIndex: I ? [0] : [],
+      yAxisIndex: a ? [0] : [],
+      show: !0,
+      zoomLock: !1,
+      start: o,
+      end: e
+    }, i && a && {
       throttle: 0,
       type: "inside",
-      show: e,
-      zoomLock: !e,
-      start: i,
-      end: I,
+      show: !0,
+      zoomLock: !1,
+      start: o,
+      end: e,
       orientation: "vertical"
-    }, g && {
+    }, I && {
       throttle: 0,
       type: "slider",
       xAxisIndex: [0],
-      bottom: c,
-      height: parseInt(o?.spacing?.(4) ?? "32"),
-      show: e && r,
-      zoomLock: !e,
-      start: i,
-      end: I,
+      bottom: g,
+      height: parseInt(t?.spacing?.(4) ?? "32"),
+      show: r,
+      zoomLock: !1,
+      start: o,
+      end: e,
       labelFormatter: l,
       showDetail: !1,
-      ...d,
+      ...n,
       brushSelect: !1,
       moveHandleSize: 8,
       handleSize: "100%",
       handleIcon: "image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4="
-    }, t && {
+    }, a && {
       throttle: 0,
       type: "slider",
-      left: parseInt(o?.spacing?.(6) ?? "48"),
-      width: parseInt(o?.spacing?.(4) ?? "32"),
+      left: parseInt(t?.spacing?.(6) ?? "48"),
+      width: parseInt(t?.spacing?.(4) ?? "32"),
       yAxisIndex: [0],
-      show: e && r,
-      zoomLock: !e,
-      start: i,
-      end: I,
-      ...d,
+      show: r,
+      zoomLock: !1,
+      start: o,
+      end: e,
+      ...n,
       brushSelect: !1,
       moveHandleSize: 8,
       handleSize: "100%",
       handleIcon: "image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDM2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCIgcng9IjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjUgMC41KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEzIDYpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMTcgNikiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMSA2KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4="
-    }].filter((s) => !!s)
+    }].filter((c) => !!c)
   };
 }
-function m(e) {
+function s(o) {
   return {
     fillerColor: "rgba(53, 139, 231, 0.25)",
     borderColor: "rgba(53, 139, 231, 0.3)",
@@ -94,7 +94,7 @@ function m(e) {
       },
       areaStyle: {
         opacity: 1,
-        color: e.palette.secondary.main
+        color: o.palette.secondary.main
       }
     },
     selectedDataBackground: {
@@ -103,11 +103,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 +116,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 z({
+  brushType: o = "lineX",
+  brushMode: e = "single",
+  xAxisIndex: i = 0
+} = {}) {
+  return {
     brush: {
-      brushType: "rect",
-      brushMode: "single"
+      toolbox: ["lineX", "clear"],
+      brushType: o,
+      brushMode: e,
+      xAxisIndex: i
     }
-  } : {};
+  };
 }
-function M(e, i = y) {
+function b(o = m) {
   return {
-    stack: e ? i : void 0
+    stack: o
   };
 }
 export {
-  y as D,
-  M as a,
+  m as D,
+  b as a,
   p as b,
-  b as g,
+  z as g,
   h as m
 };
-//# sourceMappingURL=utils-idmvq0Oa.js.map
+//# sourceMappingURL=utils-Cx3gYUcL.js.map

package/dist/utils-Cx3gYUcL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-Cx3gYUcL.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  ...options: [T | undefined, T | undefined]\n): T {\n  return deepmerge(options[0] ?? {}, options[1] ?? {}, {\n    customMerge: (key) => {\n      if (key === 'color') {\n        return (_, b: T['color']) => b\n      }\n      if (key === 'series') {\n        return (a: T['series'][], b: T['series'][]) => {\n          if (!a.length) return a // If there is no series in a, return a as is\n\n          const mergedSeries = b?.map((bItem, index) => {\n            const aItem = a?.[index] ?? {}\n            return deepmerge(aItem, bItem as object)\n          })\n          return mergedSeries\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","options","deepmerge","customMerge","key","_","b","a","length","map","bItem","index","aItem","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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"}