velo-plot 2.20.0 → 3.1.0

package/dist/renderer/native/utilsCore.d.ts

@@ -0,0 +1,14 @@
+export declare function parseColor(color: string): [number, number, number, number];
+export declare function brightenColor(color: string, isDarkTheme?: boolean): string;
+export declare function interleaveData(x: Float32Array | Float64Array | number[], y: Float32Array | Float64Array | number[]): Float32Array;
+export declare function interleaveStepData(x: Float32Array | Float64Array | number[], y: Float32Array | Float64Array | number[], mode?: "before" | "after" | "center"): Float32Array;
+export declare function interleaveBandData(x: Float32Array | Float64Array | number[], y1: Float32Array | Float64Array | number[], y2: Float32Array | Float64Array | number[]): Float32Array;
+export declare function interleaveErrorData(x: Float32Array | Float64Array | number[], y: Float32Array | Float64Array | number[], yErr?: {
+    yError?: Float32Array | Float64Array;
+    yErrorMinus?: Float32Array | Float64Array;
+    yErrorPlus?: Float32Array | Float64Array;
+}, xErr?: {
+    xError?: Float32Array | Float64Array;
+    xErrorMinus?: Float32Array | Float64Array;
+    xErrorPlus?: Float32Array | Float64Array;
+}): Float32Array;

package/dist/renderer/native/utilsExtended.d.ts

@@ -0,0 +1,17 @@
+export declare function interleaveBoxPlotData(x: Float32Array | Float64Array | number[], min: Float32Array | Float64Array | number[], q1: Float32Array | Float64Array | number[], median: Float32Array | Float64Array | number[], q3: Float32Array | Float64Array | number[], max: Float32Array | Float64Array | number[], width: number): {
+    lines: Float32Array;
+    boxes: Float32Array;
+};
+/**
+ * Interleave data for Waterfall charts
+ * Creates rectangles that show cumulative changes from a running total
+ */
+export declare function interleaveWaterfallData(x: Float32Array | Float64Array | number[], y: Float32Array | Float64Array | number[], width: number, isSubtotal?: boolean[]): {
+    positiveData: Float32Array;
+    negativeData: Float32Array;
+    subtotalData: Float32Array;
+    connectorData: Float32Array;
+    positiveCount: number;
+    negativeCount: number;
+    subtotalCount: number;
+};

package/dist/renderer/overlaySeriesExtended.d.ts

@@ -0,0 +1 @@
+export declare function registerExtendedOverlayDrawers(): void;

package/dist/renderer/registerExtendedSeries.d.ts

@@ -0,0 +1 @@
+export declare function registerExtendedSeries(): void;

package/dist/renderer/registerWebGPU.d.ts

@@ -0,0 +1,2 @@
+/** Enable `renderer: 'webgpu'` for charts (extended bundles only). */
+export declare function registerWebGPURenderer(): void;

package/dist/renderer/seriesBufferExtended.d.ts

@@ -0,0 +1,4 @@
+declare const CORE_LITE_TYPES: Set<string>;
+/** Register extended series buffer handlers (call from trading/scientific/full entries). */
+export declare function registerExtendedSeriesBuffers(): void;
+export { CORE_LITE_TYPES };

package/dist/scientific/index.d.ts

@@ -0,0 +1,44 @@
+
+export { createChart } from '../core/Chart';
+export type { Chart, ChartOptions, ExportOptions } from '../core/Chart';
+export { Series } from '../core/Series';
+export { EventEmitter } from '../core/EventEmitter';
+export { createStackedChart } from '../core/stacked/createStackedChart';
+export type { StackedChart, StackedChartOptions, StackedPaneConfig, } from '../core/stacked/types';
+export { LinearScale, LogScale, createScale, type Scale } from '../scales';
+export { DARK_THEME, LIGHT_THEME, MIDNIGHT_THEME, ELECTROCHEM_THEME, DEFAULT_THEME, createTheme, getThemeByName, type ChartTheme, } from '../theme';
+export { formatWithPrefix, formatValue, formatScientific, getBestPrefix, detectCycles, generateCycleColors, detectPeaks, validateData, calculateStats, movingAverage, downsampleLTTB, subtractBaseline, integrate, derivative, cumulativeIntegral, calculateR2, solveLinearSystem, fft, ifft, analyzeSpectrum, powerSpectrum, dominantFrequency, analyzeComplexSpectrum, fftFromComplexInput, hanningWindow, hammingWindow, blackmanWindow, } from '../plugins/analysis';
+export { downsampleAsync, ohlcDownsampleAsync, destroyDownsamplePool, } from '../workers/downsampleAsync';
+export { rsiAsync, smaAsync, emaAsync, macdAsync, bollingerBandsAsync, destroyIndicatorPool, } from '../workers/indicatorsAsync';
+export { PluginAnalysis } from '../plugins/analysis';
+export type { PluginAnalysisConfig } from '../plugins/analysis';
+export { PluginRegression } from '../plugins/regression';
+export type { PluginRegressionConfig, RegressionAPI, RegressionResult } from '../plugins/regression';
+export { PluginForecasting } from '../plugins/forecasting';
+export type { PluginForecastingConfig } from '../plugins/forecasting';
+export { PluginLaTeX } from '../plugins/latex';
+export type { PluginLaTeXConfig } from '../plugins/latex';
+export { Plugin3D } from '../plugins/3d';
+export type { Plugin3DConfig } from '../plugins/3d';
+export { PluginAnomalyDetection } from '../plugins/anomaly-detection';
+export type { PluginAnomalyDetectionConfig } from '../plugins/anomaly-detection';
+export { PluginPatternRecognition } from '../plugins/pattern-recognition';
+export type { PluginPatternRecognitionConfig } from '../plugins/pattern-recognition';
+export { PluginMLIntegration } from '../plugins/ml-integration';
+export type { PluginMLIntegrationConfig } from '../plugins/ml-integration';
+export { PluginBrokenAxis } from '../plugins/broken-axis';
+export type { PluginBrokenAxisConfig } from '../plugins/broken-axis';
+export { PluginRadar } from '../plugins/radar';
+export type { PluginRadarConfig } from '../plugins/radar';
+export { PluginDataTransform } from '../plugins/data-transform';
+export type { PluginDataTransformConfig } from '../plugins/data-transform';
+export { PluginVirtualization } from '../plugins/virtualization';
+export type { PluginVirtualizationConfig } from '../plugins/virtualization';
+export { PluginSnapshot } from '../plugins/snapshot';
+export type { PluginSnapshotConfig } from '../plugins/snapshot';
+export { PluginAnnotations } from '../plugins/annotations';
+export type { Annotation, AnnotationType } from '../plugins/annotations';
+export { PluginTools } from '../plugins/tools';
+export type { PluginToolsConfig } from '../plugins/tools';
+export { ChartGroup, createChartGroup } from '../core/sync';
+export type { SeriesOptions, SeriesData, AxisOptions, Bounds, SeriesType, } from '../types';

package/dist/scientific/registerScientific.d.ts

@@ -0,0 +1 @@
+export declare function registerScientificBundle(): void;

package/dist/scientific.d.ts

@@ -0,0 +1 @@
+export * from './scientific/index'

package/dist/scientific.js

@@ -0,0 +1,91 @@
+import { E as r } from "./axisFormat-Sz4WIJfQ.js";
+import { b as t, c as s, d as n, e as i, m, r as l, s as c } from "./createStackedChart-DqcLCFGS.js";
+import { D as p, e as g, E as u, d as x, L as P, a as d, M as y, S as E, c as T, b as A, f as S, g as h } from "./ChartCore-AnR_3Xkb.js";
+import { PluginAnalysis as D, analyzeComplexSpectrum as L, analyzeSpectrum as v, blackmanWindow as M, dominantFrequency as w, fft as H, fftFromComplexInput as I, hammingWindow as b, hanningWindow as B, ifft as R, powerSpectrum as _ } from "./plugins/analysis.js";
+import { P as F, a as G, d as W, o as z } from "./index-0InEyj0q.js";
+import { PluginRegression as V } from "./plugins/regression.js";
+import { PluginForecasting as K } from "./plugins/forecasting.js";
+import { PluginLaTeX as U } from "./plugins/latex.js";
+import { Plugin3D as j } from "./plugins/3d.js";
+import { PluginAnomalyDetection as Q } from "./plugins/anomaly-detection.js";
+import { PluginPatternRecognition as Z } from "./plugins/pattern-recognition.js";
+import { PluginMLIntegration as aa } from "./plugins/ml-integration.js";
+import { PluginBrokenAxis as ra } from "./plugins/broken-axis.js";
+import { PluginRadar as ta } from "./plugins/radar.js";
+import { PluginDataTransform as na } from "./plugins/data-transform.js";
+import { PluginSnapshot as ma } from "./plugins/snapshot.js";
+import { PluginAnnotations as ca } from "./plugins/annotations.js";
+import { P as pa } from "./index-B7PTX94B.js";
+import { C as ua, c as xa } from "./index-CaXWSOTk.js";
+import { h as da, d as ya, e as Ea, i as Ta, b as Aa, a as Sa, f as ha, c as Ca, g as Da, m as La, s as va, v as Ma } from "./utils-Dx0h0bgQ.js";
+import { a as Ha, c as Ia, d as ba, i as Ba, s as Ra } from "./math-Ddm2EZjj.js";
+export {
+  ua as ChartGroup,
+  p as DARK_THEME,
+  g as DEFAULT_THEME,
+  u as ELECTROCHEM_THEME,
+  r as EventEmitter,
+  x as LIGHT_THEME,
+  P as LinearScale,
+  d as LogScale,
+  y as MIDNIGHT_THEME,
+  j as Plugin3D,
+  D as PluginAnalysis,
+  ca as PluginAnnotations,
+  Q as PluginAnomalyDetection,
+  ra as PluginBrokenAxis,
+  na as PluginDataTransform,
+  K as PluginForecasting,
+  U as PluginLaTeX,
+  aa as PluginMLIntegration,
+  Z as PluginPatternRecognition,
+  ta as PluginRadar,
+  V as PluginRegression,
+  ma as PluginSnapshot,
+  pa as PluginTools,
+  F as PluginVirtualization,
+  E as Series,
+  L as analyzeComplexSpectrum,
+  v as analyzeSpectrum,
+  M as blackmanWindow,
+  t as bollingerBandsAsync,
+  Ha as calculateR2,
+  da as calculateStats,
+  T as createChart,
+  xa as createChartGroup,
+  A as createScale,
+  s as createStackedChart,
+  S as createTheme,
+  Ia as cumulativeIntegral,
+  ba as derivative,
+  G as destroyDownsamplePool,
+  n as destroyIndicatorPool,
+  ya as detectCycles,
+  Ea as detectPeaks,
+  w as dominantFrequency,
+  W as downsampleAsync,
+  Ta as downsampleLTTB,
+  i as emaAsync,
+  H as fft,
+  I as fftFromComplexInput,
+  Aa as formatScientific,
+  Sa as formatValue,
+  ha as formatWithPrefix,
+  Ca as generateCycleColors,
+  Da as getBestPrefix,
+  h as getThemeByName,
+  b as hammingWindow,
+  B as hanningWindow,
+  R as ifft,
+  Ba as integrate,
+  m as macdAsync,
+  La as movingAverage,
+  z as ohlcDownsampleAsync,
+  _ as powerSpectrum,
+  l as rsiAsync,
+  c as smaAsync,
+  Ra as solveLinearSystem,
+  va as subtractBaseline,
+  Ma as validateData
+};
+//# sourceMappingURL=scientific.js.map

package/dist/scientific.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scientific.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/solid/VeloPlot.d.ts

@@ -0,0 +1,16 @@
+import { UseVeloPlotOptions } from './useVeloPlot';
+import { VeloPlotSeries } from '../bindings/shared';
+
+export interface VeloPlotProps extends UseVeloPlotOptions {
+    series?: VeloPlotSeries[];
+    width?: number | string;
+    height?: number | string;
+    class?: string;
+}
+export declare function VeloPlot(props: VeloPlotProps): import("react/jsx-runtime").JSX.Element;
+export declare function StackedPlot(props: {
+    panes: import('../core/stacked').StackedPaneConfig[];
+    width?: number | string;
+    height?: number | string;
+    class?: string;
+} & Omit<import('../core/stacked').StackedChartOptions, "container" | "panes">): import("react/jsx-runtime").JSX.Element;

package/dist/solid/index.d.ts

@@ -0,0 +1,13 @@
+import { VeloPlot as VeloPlotImpl } from './VeloPlot';
+import { useVeloPlot as useVeloPlotImpl } from './useVeloPlot';
+export { VeloPlot, StackedPlot } from './VeloPlot';
+export { useVeloPlot, type UseVeloPlotOptions } from './useVeloPlot';
+export { useStackedPlot } from './useStackedPlot';
+export { useIndicator } from './useIndicator';
+export { useChartSync, useChartGroup } from './useChartSync';
+/** @deprecated Use `VeloPlot` instead. **Removed in v4.0.** */
+export declare const SciPlot: typeof VeloPlotImpl;
+/** @deprecated Use `useVeloPlot` instead. **Removed in v4.0.** */
+export declare const useSciPlot: typeof useVeloPlotImpl;
+/** @deprecated Use `useVeloPlot` instead. **Removed in v4.0.** */
+export declare const useSciChart: typeof useVeloPlotImpl;

package/dist/solid/useChartSync.d.ts

@@ -0,0 +1,6 @@
+import { ChartLike, SyncOptions, ChartGroup } from '../core/sync';
+
+export declare function useChartSync(charts: () => ChartLike[], options?: SyncOptions): {
+    group: import('solid-js').Accessor<ChartGroup | null>;
+};
+export declare const useChartGroup: typeof useChartSync;

package/dist/solid/useIndicator.d.ts

@@ -0,0 +1,11 @@
+import { AddIndicatorOptions, AddIndicatorResult } from '../core/indicator/addIndicator';
+import { IndicatorPresetName } from '../core/indicator/indicatorPresets';
+import { IndicatorHost } from '../bindings/shared';
+
+export declare function useIndicator(host: () => IndicatorHost, preset: IndicatorPresetName, options?: AddIndicatorOptions): {
+    result: import('solid-js').Accessor<(AddIndicatorResult & {
+        paneId?: string;
+    }) | null>;
+    isLoading: import('solid-js').Accessor<boolean>;
+    error: import('solid-js').Accessor<Error | null>;
+};

package/dist/solid/useStackedPlot.d.ts

@@ -0,0 +1,14 @@
+import { StackedChart, StackedChartOptions } from '../core/stacked';
+import { Range } from '../types';
+
+export declare function useStackedPlot(getOptions: () => Omit<StackedChartOptions, "container">): {
+    setContainerRef: (el: HTMLDivElement | null | undefined) => void;
+    stack: import('solid-js').Accessor<StackedChart | null>;
+    isReady: import('solid-js').Accessor<boolean>;
+    fitAll: (opts?: {
+        x?: Range;
+        padding?: number;
+    }) => void | undefined;
+    resetAll: () => void | undefined;
+    sync: () => void;
+};

package/dist/solid/useVeloPlot.d.ts

@@ -0,0 +1,18 @@
+import { Chart } from '../core/Chart';
+import { SeriesOptions, SeriesUpdateData, ZoomOptions, Bounds } from '../types';
+import { ChartBindingOptions } from '../bindings/shared';
+
+export interface UseVeloPlotOptions extends ChartBindingOptions {
+}
+export declare function useVeloPlot(options?: () => UseVeloPlotOptions): {
+    setContainerRef: (el: HTMLDivElement | null | undefined) => void;
+    chart: import('solid-js').Accessor<Chart | null>;
+    isReady: import('solid-js').Accessor<boolean>;
+    error: import('solid-js').Accessor<Error | null>;
+    bounds: import('solid-js').Accessor<Bounds | null>;
+    addSeries: (opts: SeriesOptions) => void;
+    updateSeries: (id: string, data: SeriesUpdateData) => void | undefined;
+    removeSeries: (id: string) => void | undefined;
+    zoom: (z: ZoomOptions) => void | undefined;
+    resetZoom: () => void;
+};

package/dist/solid.d.ts

@@ -0,0 +1 @@
+export * from './solid/index'

package/dist/solid.js

@@ -0,0 +1,169 @@
+import { template as I, use as b, effect as P, setStyleProperty as g } from "solid-js/web";
+import { createSignal as f, onCleanup as C, createEffect as y } from "solid-js";
+import { p as w, o as B, s as $, d as A } from "./optionsSync-QUiN4Inw.js";
+import { c as K, a as V, i as p, r as L, b as M } from "./chartSyncBridge-D_rCtbFq.js";
+import { c as z } from "./createStackedChart-DqcLCFGS.js";
+import { s as R, a as G, b as x } from "./stackedSync-tnrunZMt.js";
+function k(e = () => ({})) {
+  const [t, l] = f(null), [n, a] = f(!1), [o, u] = f(null), [d, h] = f(null);
+  let S, s = null, r = w(e());
+  const v = (i) => {
+    S = i, s == null || s();
+    const c = K(i, e(), {
+      onBoundsChange: h,
+      onError: u
+    });
+    l(c.chart), s = c.destroy, h(c.getBounds()), a(!0), r = w(e());
+  };
+  return C(() => {
+    s == null || s(), l(null), a(!1);
+  }), y(() => {
+    const i = t(), c = e();
+    if (!i) return;
+    const m = w(c);
+    B(r, m) && ($(i, r, m), r = m);
+  }), {
+    setContainerRef: (i) => {
+      i && i !== S && v(i);
+    },
+    chart: t,
+    isReady: n,
+    error: o,
+    bounds: d,
+    addSeries: (i) => {
+      var m;
+      (m = t()) == null || m.addSeries(i);
+      const c = t();
+      c && h(c.getViewBounds());
+    },
+    updateSeries: (i, c) => {
+      var m;
+      return (m = t()) == null ? void 0 : m.updateSeries(i, c);
+    },
+    removeSeries: (i) => {
+      var c;
+      return (c = t()) == null ? void 0 : c.removeSeries(i);
+    },
+    zoom: (i) => {
+      var c;
+      return (c = t()) == null ? void 0 : c.zoom(i);
+    },
+    resetZoom: () => {
+      var c;
+      (c = t()) == null || c.resetZoom();
+      const i = t();
+      i && h(i.getViewBounds());
+    }
+  };
+}
+function N(e) {
+  const [t, l] = f(null), [n, a] = f(!1);
+  let o = null, u = "", d = /* @__PURE__ */ new Map();
+  const h = (s) => {
+    o == null || o();
+    const r = e(), v = z({ ...r, container: s });
+    l(v), o = () => v.destroy(), u = R(r.panes), d = x(v, r.panes, /* @__PURE__ */ new Map()), v.whenReady().then(() => a(!0));
+  }, S = (s) => {
+    s && h(s);
+  };
+  return C(() => {
+    o == null || o(), l(null), a(!1);
+  }), {
+    setContainerRef: S,
+    stack: t,
+    isReady: n,
+    fitAll: (s) => {
+      var r;
+      return (r = t()) == null ? void 0 : r.fitAll(s);
+    },
+    resetAll: () => {
+      var s;
+      return (s = t()) == null ? void 0 : s.resetAll();
+    },
+    sync: () => {
+      const s = t(), r = e();
+      if (!s || !n()) return;
+      if (R(r.panes) !== u) {
+        h(s.container);
+        return;
+      }
+      G(s, r), d = x(s, r.panes, d);
+    }
+  };
+}
+var E = /* @__PURE__ */ I("<div role=img style=position:relative>");
+function O(e) {
+  const t = k(() => e);
+  let l = /* @__PURE__ */ new Map();
+  return y(() => {
+    !t.isReady() || !t.chart() || (l = A({
+      addSeries: t.addSeries,
+      updateSeries: t.updateSeries,
+      removeSeries: t.removeSeries,
+      autoScale: () => t.chart().autoScale()
+    }, e.series ?? [], l));
+  }), (() => {
+    var n = E();
+    return b((a) => t.setContainerRef(a), n), P((a) => {
+      var o = `velo-plot-container${e.class ? ` ${e.class}` : ""}`, u = typeof e.width == "number" ? `${e.width}px` : e.width ?? "100%", d = typeof e.height == "number" ? `${e.height}px` : e.height ?? "400px";
+      return o !== a.e && (n.className = a.e = o), u !== a.t && g(n, "width", a.t = u), d !== a.a && g(n, "height", a.a = d), a;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), n;
+  })();
+}
+function J(e) {
+  const t = N(() => e);
+  return y(() => t.sync()), (() => {
+    var l = E();
+    return b((n) => t.setContainerRef(n), l), P((n) => {
+      var a = `velo-plot-stacked${e.class ? ` ${e.class}` : ""}`, o = typeof e.width == "number" ? `${e.width}px` : e.width ?? "100%", u = typeof e.height == "number" ? `${e.height}px` : e.height ?? "480px";
+      return a !== n.e && (l.className = n.e = a), o !== n.t && g(l, "width", n.t = o), u !== n.a && g(l, "height", n.a = u), n;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), l;
+  })();
+}
+function Q(e, t, l = {}) {
+  const [n, a] = f(null), [o, u] = f(!1), [d, h] = f(null);
+  return y(() => {
+    const S = e();
+    if (!S) return;
+    let s = !1;
+    u(!0), V(S, t, l).then((r) => {
+      s || (a(r), u(!1));
+    }).catch((r) => {
+      s || (h(r instanceof Error ? r : new Error(String(r))), u(!1));
+    }), C(() => {
+      s = !0;
+      const r = n();
+      r && !p(S) && L(S, r.id);
+    });
+  }), { result: n, isLoading: o, error: d };
+}
+function Z(e, t) {
+  const [l, n] = f(null);
+  return y(() => {
+    const a = e();
+    let o = null;
+    a.length >= 2 ? (o = M(a, t), n(o.group)) : n(null), C(() => o == null ? void 0 : o.destroy());
+  }), { group: l };
+}
+const U = Z, W = O, X = k, Y = k;
+export {
+  W as SciPlot,
+  J as StackedPlot,
+  O as VeloPlot,
+  U as useChartGroup,
+  Z as useChartSync,
+  Q as useIndicator,
+  Y as useSciChart,
+  X as useSciPlot,
+  N as useStackedPlot,
+  k as useVeloPlot
+};
+//# sourceMappingURL=solid.js.map

package/dist/solid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"solid.js","sources":["../src/solid/useVeloPlot.ts","../src/solid/useStackedPlot.ts","../src/solid/VeloPlot.tsx","../src/solid/useIndicator.ts","../src/solid/useChartSync.ts","../src/solid/index.ts"],"sourcesContent":["import { createSignal, onCleanup, createEffect } from \"solid-js\";\nimport type { Chart } from \"../core/Chart\";\nimport type { SeriesOptions, SeriesUpdateData, ZoomOptions, Bounds } from \"../types\";\nimport {\n  createChartLifecycle,\n  type ChartBindingOptions,\n  optionsChanged,\n  syncChartOptions,\n  pickSyncableOptions,\n} from \"../bindings/shared\";\n\nexport interface UseVeloPlotOptions extends ChartBindingOptions {}\n\nexport function useVeloPlot(options: () => UseVeloPlotOptions = () => ({})) {\n  const [chart, setChart] = createSignal<Chart | null>(null);\n  const [isReady, setIsReady] = createSignal(false);\n  const [error, setError] = createSignal<Error | null>(null);\n  const [bounds, setBounds] = createSignal<Bounds | null>(null);\n  let container: HTMLDivElement | undefined;\n  let destroy: (() => void) | null = null;\n  let prevSync = pickSyncableOptions(options());\n\n  const mount = (el: HTMLDivElement) => {\n    container = el;\n    destroy?.();\n    const handle = createChartLifecycle(el, options(), {\n      onBoundsChange: setBounds,\n      onError: setError,\n    });\n    setChart(handle.chart);\n    destroy = handle.destroy;\n    setBounds(handle.getBounds());\n    setIsReady(true);\n    prevSync = pickSyncableOptions(options());\n  };\n\n  onCleanup(() => {\n    destroy?.();\n    setChart(null);\n    setIsReady(false);\n  });\n\n  createEffect(() => {\n    const c = chart();\n    const opts = options();\n    if (!c) return;\n    const next = pickSyncableOptions(opts);\n    if (optionsChanged(prevSync, next)) {\n      syncChartOptions(c, prevSync, next);\n      prevSync = next;\n    }\n  });\n\n  return {\n    setContainerRef: (el: HTMLDivElement | null | undefined) => {\n      if (el && el !== container) mount(el);\n    },\n    chart,\n    isReady,\n    error,\n    bounds,\n    addSeries: (opts: SeriesOptions) => {\n      chart()?.addSeries(opts);\n      const c = chart();\n      if (c) setBounds(c.getViewBounds());\n    },\n    updateSeries: (id: string, data: SeriesUpdateData) => chart()?.updateSeries(id, data),\n    removeSeries: (id: string) => chart()?.removeSeries(id),\n    zoom: (z: ZoomOptions) => chart()?.zoom(z),\n    resetZoom: () => {\n      chart()?.resetZoom();\n      const c = chart();\n      if (c) setBounds(c.getViewBounds());\n    },\n  };\n}\n","import { createSignal, onCleanup } from \"solid-js\";\nimport { createStackedChart } from \"../core/stacked\";\nimport type { StackedChart, StackedChartOptions } from \"../core/stacked\";\nimport type { Range } from \"../types\";\nimport { stackedStructureKey, syncStackedOptions, syncStackedPaneSeries } from \"../bindings/shared\";\nimport type { VeloPlotSeries } from \"../bindings/shared\";\n\nexport function useStackedPlot(getOptions: () => Omit<StackedChartOptions, \"container\">) {\n  const [stack, setStack] = createSignal<StackedChart | null>(null);\n  const [isReady, setIsReady] = createSignal(false);\n  let destroy: (() => void) | null = null;\n  let structureKey = \"\";\n  let paneSeries = new Map<string, Map<string, VeloPlotSeries>>();\n\n  const mount = (el: HTMLDivElement) => {\n    destroy?.();\n    const opts = getOptions();\n    const created = createStackedChart({ ...opts, container: el });\n    setStack(created);\n    destroy = () => created.destroy();\n    structureKey = stackedStructureKey(opts.panes);\n    paneSeries = syncStackedPaneSeries(created, opts.panes, new Map());\n    created.whenReady().then(() => setIsReady(true));\n  };\n\n  const setContainerRef = (el: HTMLDivElement | null | undefined) => {\n    if (el) mount(el);\n  };\n\n  onCleanup(() => {\n    destroy?.();\n    setStack(null);\n    setIsReady(false);\n  });\n\n  return {\n    setContainerRef,\n    stack,\n    isReady,\n    fitAll: (opts?: { x?: Range; padding?: number }) => stack()?.fitAll(opts),\n    resetAll: () => stack()?.resetAll(),\n    sync: () => {\n      const s = stack();\n      const opts = getOptions();\n      if (!s || !isReady()) return;\n      const nextKey = stackedStructureKey(opts.panes);\n      if (nextKey !== structureKey) {\n        mount(s.container);\n        return;\n      }\n      syncStackedOptions(s, opts);\n      paneSeries = syncStackedPaneSeries(s, opts.panes, paneSeries);\n    },\n  };\n}\n","import { createEffect } from \"solid-js\";\nimport { useVeloPlot, type UseVeloPlotOptions } from \"./useVeloPlot\";\nimport { useStackedPlot } from \"./useStackedPlot\";\nimport { diffSeries, type VeloPlotSeries } from \"../bindings/shared\";\n\nexport interface VeloPlotProps extends UseVeloPlotOptions {\n  series?: VeloPlotSeries[];\n  width?: number | string;\n  height?: number | string;\n  class?: string;\n}\n\nexport function VeloPlot(props: VeloPlotProps) {\n  const api = useVeloPlot(() => props);\n  let previous = new Map<string, VeloPlotSeries>();\n\n  createEffect(() => {\n    if (!api.isReady() || !api.chart()) return;\n    previous = diffSeries(\n      {\n        addSeries: api.addSeries,\n        updateSeries: api.updateSeries,\n        removeSeries: api.removeSeries,\n        autoScale: () => api.chart()!.autoScale(),\n      },\n      props.series ?? [],\n      previous,\n    );\n  });\n\n  return (\n    <div\n      ref={(el) => api.setContainerRef(el)}\n      className={`velo-plot-container${props.class ? ` ${props.class}` : \"\"}`}\n      role=\"img\"\n      style={{\n        position: \"relative\",\n        width: typeof props.width === \"number\" ? `${props.width}px` : props.width ?? \"100%\",\n        height: typeof props.height === \"number\" ? `${props.height}px` : props.height ?? \"400px\",\n      }}\n    />\n  );\n}\n\nexport function StackedPlot(\n  props: {\n    panes: import(\"../core/stacked\").StackedPaneConfig[];\n    width?: number | string;\n    height?: number | string;\n    class?: string;\n  } & Omit<import(\"../core/stacked\").StackedChartOptions, \"container\" | \"panes\">,\n) {\n  const api = useStackedPlot(() => props);\n  createEffect(() => api.sync());\n\n  return (\n    <div\n      ref={(el) => api.setContainerRef(el)}\n      className={`velo-plot-stacked${props.class ? ` ${props.class}` : \"\"}`}\n      role=\"img\"\n      style={{\n        position: \"relative\",\n        width: typeof props.width === \"number\" ? `${props.width}px` : props.width ?? \"100%\",\n        height: typeof props.height === \"number\" ? `${props.height}px` : props.height ?? \"480px\",\n      }}\n    />\n  );\n}\n","import { createSignal, createEffect, onCleanup } from \"solid-js\";\nimport type { AddIndicatorOptions, AddIndicatorResult } from \"../core/indicator/addIndicator\";\nimport type { IndicatorPresetName } from \"../core/indicator/indicatorPresets\";\nimport { addIndicatorToHost, isStackedChart, removeIndicatorFromChart, type IndicatorHost } from \"../bindings/shared\";\nimport type { Chart } from \"../core/chart/types\";\n\nexport function useIndicator(\n  host: () => IndicatorHost,\n  preset: IndicatorPresetName,\n  options: AddIndicatorOptions = {},\n) {\n  const [result, setResult] = createSignal<(AddIndicatorResult & { paneId?: string }) | null>(null);\n  const [isLoading, setIsLoading] = createSignal(false);\n  const [error, setError] = createSignal<Error | null>(null);\n\n  createEffect(() => {\n    const h = host();\n    if (!h) return;\n    let cancelled = false;\n    setIsLoading(true);\n    addIndicatorToHost(h, preset, options)\n      .then((res) => {\n        if (!cancelled) {\n          setResult(res);\n          setIsLoading(false);\n        }\n      })\n      .catch((e) => {\n        if (!cancelled) {\n          setError(e instanceof Error ? e : new Error(String(e)));\n          setIsLoading(false);\n        }\n      });\n    onCleanup(() => {\n      cancelled = true;\n      const res = result();\n      if (res && !isStackedChart(h)) removeIndicatorFromChart(h as Chart, res.id);\n    });\n  });\n\n  return { result, isLoading, error };\n}\n","import { createSignal, createEffect, onCleanup } from \"solid-js\";\nimport type { ChartLike, SyncOptions } from \"../core/sync\";\nimport { ChartGroup } from \"../core/sync\";\nimport { createChartSync } from \"../bindings/shared\";\n\nexport function useChartSync(charts: () => ChartLike[], options?: SyncOptions) {\n  const [group, setGroup] = createSignal<ChartGroup | null>(null);\n\n  createEffect(() => {\n    const list = charts();\n    let handle: ReturnType<typeof createChartSync> | null = null;\n    if (list.length >= 2) {\n      handle = createChartSync(list, options);\n      setGroup(handle.group);\n    } else {\n      setGroup(null);\n    }\n    onCleanup(() => handle?.destroy());\n  });\n\n  return { group };\n}\n\nexport const useChartGroup = useChartSync;\n","export { VeloPlot, StackedPlot } from \"./VeloPlot\";\nexport { useVeloPlot, type UseVeloPlotOptions } from \"./useVeloPlot\";\nexport { useStackedPlot } from \"./useStackedPlot\";\nexport { useIndicator } from \"./useIndicator\";\nexport { useChartSync, useChartGroup } from \"./useChartSync\";\n\nimport { VeloPlot as VeloPlotImpl } from \"./VeloPlot\";\nimport { useVeloPlot as useVeloPlotImpl } from \"./useVeloPlot\";\n\n/** @deprecated Use `VeloPlot` instead. **Removed in v4.0.** */\nexport const SciPlot = VeloPlotImpl;\n/** @deprecated Use `useVeloPlot` instead. **Removed in v4.0.** */\nexport const useSciPlot = useVeloPlotImpl;\n/** @deprecated Use `useVeloPlot` instead. **Removed in v4.0.** */\nexport const useSciChart = useVeloPlotImpl;\n"],"names":["useVeloPlot","options","chart","setChart","createSignal","isReady","setIsReady","error","setError","bounds","setBounds","container","destroy","prevSync","pickSyncableOptions","mount","el","handle","createChartLifecycle","onCleanup","createEffect","c","opts","next","optionsChanged","syncChartOptions","_a","id","data","z","useStackedPlot","getOptions","stack","setStack","structureKey","paneSeries","created","createStackedChart","stackedStructureKey","syncStackedPaneSeries","setContainerRef","syncStackedOptions","VeloPlot","props","api","previous","Map","diffSeries","addSeries","updateSeries","removeSeries","autoScale","series","_el$","_tmpl$","_$use","_$effect","_p$","_v$","class","_v$2","width","_v$3","height","e","className","t","_$setStyleProperty","a","undefined","StackedPlot","sync","_el$2","_v$4","_v$5","_v$6","useIndicator","host","preset","result","setResult","isLoading","setIsLoading","h","cancelled","addIndicatorToHost","res","isStackedChart","removeIndicatorFromChart","useChartSync","charts","group","setGroup","list","createChartSync","useChartGroup","SciPlot","VeloPlotImpl","useSciPlot","useVeloPlotImpl","useSciChart"],"mappings":"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"}

package/dist/stackedSync-tnrunZMt.js

@@ -0,0 +1,100 @@
+import { d as w, v as x } from "./optionsSync-QUiN4Inw.js";
+function P(i) {
+  return i.map(
+    (t) => `${t.id}:${t.height}:${t.showXAxis ?? ""}:${t.showYAxis ?? ""}`
+  ).join("|");
+}
+function b(i, t) {
+  if (t !== void 0)
+    for (const d of i.getPanes())
+      d.setTheme(t);
+}
+function g(i, t) {
+  if (t === !1) {
+    i.setSyncAxis("none");
+    return;
+  }
+  t === !0 || t === void 0 || i.setSyncOptions(t);
+}
+function k(i, t, d) {
+  var s;
+  const r = /* @__PURE__ */ new Map();
+  for (const a of t) {
+    const o = i.getPane(a.id);
+    if (!o || !((s = a.series) != null && s.length)) {
+      r.set(a.id, /* @__PURE__ */ new Map());
+      continue;
+    }
+    const c = a.series.map((e) => {
+      var n, f, y, p, h, S, m;
+      if (e.type === "candlestick" && e.data)
+        return {
+          id: e.id,
+          type: "candlestick",
+          x: e.data.x,
+          open: e.data.open,
+          high: e.data.high,
+          low: e.data.low,
+          close: e.data.close,
+          color: (n = e.style) == null ? void 0 : n.color,
+          width: (f = e.style) == null ? void 0 : f.width,
+          visible: e.visible,
+          name: e.name
+        };
+      if (e.type === "bar" && e.data)
+        return {
+          id: e.id,
+          type: "bar",
+          x: e.data.x,
+          y: e.data.y,
+          color: (y = e.style) == null ? void 0 : y.color,
+          width: (p = e.style) == null ? void 0 : p.width,
+          visible: e.visible,
+          name: e.name
+        };
+      if (e.type === "heatmap" && e.data) {
+        const l = e.data;
+        return {
+          id: e.id,
+          type: "heatmap",
+          data: {
+            xValues: l.xValues,
+            yValues: l.yValues,
+            zValues: l.zValues
+          },
+          color: (h = e.style) == null ? void 0 : h.color,
+          visible: e.visible,
+          name: e.name
+        };
+      }
+      return {
+        id: e.id,
+        type: "line",
+        x: e.data.x,
+        y: e.data.y,
+        color: (S = e.style) == null ? void 0 : S.color,
+        width: (m = e.style) == null ? void 0 : m.width,
+        visible: e.visible,
+        name: e.name
+      };
+    }), u = d.get(a.id) ?? /* @__PURE__ */ new Map(), v = {
+      addSeries: (e) => o.addSeries(e),
+      updateSeries: (e, n) => o.updateSeries(e, n),
+      removeSeries: (e) => o.removeSeries(e),
+      autoScale: () => o.autoScale()
+    };
+    if (r.set(a.id, w(v, c, u)), u.size === 0 && a.series.length > 0)
+      for (const e of a.series)
+        o.getAllSeries().some((n) => n.getId() === e.id) || o.addSeries(x(c.find((n) => n.id === e.id)));
+  }
+  return r;
+}
+function z(i, t) {
+  b(i, t.theme), g(i, t.sync), t.gap !== void 0 && i.resize();
+}
+export {
+  z as a,
+  k as b,
+  P as s
+};
+//# sourceMappingURL=stackedSync-tnrunZMt.js.map

package/dist/stackedSync-tnrunZMt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stackedSync-tnrunZMt.js","sources":["../src/bindings/shared/stackedSync.ts"],"sourcesContent":["/**\n * Stacked chart option sync without full remount when possible.\n */\n\nimport type { StackedChart, StackedChartOptions } from \"../../core/stacked/types\";\nimport type { StackedPaneConfig } from \"../../core/stacked/types\";\nimport { diffSeries } from \"./seriesDiff\";\nimport type { VeloPlotSeries } from \"./types\";\nimport { veloPlotSeriesToOptions } from \"./seriesDiff\";\n\nexport type SyncableStackedOptions = Omit<StackedChartOptions, \"container\">;\n\nexport function stackedStructureKey(panes: StackedPaneConfig[]): string {\n  return panes\n    .map(\n      (p) =>\n        `${p.id}:${p.height}:${p.showXAxis ?? \"\"}:${p.showYAxis ?? \"\"}`,\n    )\n    .join(\"|\");\n}\n\nexport function syncStackedTheme(\n  stack: StackedChart,\n  theme: StackedChartOptions[\"theme\"],\n): void {\n  if (theme === undefined) return;\n  for (const pane of stack.getPanes()) {\n    pane.setTheme(theme);\n  }\n}\n\nexport function syncStackedSyncOptions(\n  stack: StackedChart,\n  sync: StackedChartOptions[\"sync\"],\n): void {\n  if (sync === false) {\n    stack.setSyncAxis(\"none\");\n    return;\n  }\n  if (sync === true || sync === undefined) return;\n  stack.setSyncOptions(sync);\n}\n\nexport function syncStackedPaneSeries(\n  stack: StackedChart,\n  panes: StackedPaneConfig[],\n  previousSeries: Map<string, Map<string, VeloPlotSeries>>,\n): Map<string, Map<string, VeloPlotSeries>> {\n  const next = new Map<string, Map<string, VeloPlotSeries>>();\n\n  for (const pane of panes) {\n    const chart = stack.getPane(pane.id);\n    if (!chart || !pane.series?.length) {\n      next.set(pane.id, new Map());\n      continue;\n    }\n\n    const asVeloPlot: VeloPlotSeries[] = pane.series.map((s) => {\n      if (s.type === \"candlestick\" && s.data) {\n        return {\n          id: s.id,\n          type: \"candlestick\" as const,\n          x: s.data.x,\n          open: s.data.open!,\n          high: s.data.high!,\n          low: s.data.low!,\n          close: s.data.close!,\n          color: s.style?.color,\n          width: s.style?.width,\n          visible: s.visible,\n          name: s.name,\n        };\n      }\n      if (s.type === \"bar\" && s.data) {\n        return {\n          id: s.id,\n          type: \"bar\" as const,\n          x: s.data.x,\n          y: s.data.y,\n          color: s.style?.color,\n          width: s.style?.width,\n          visible: s.visible,\n          name: s.name,\n        };\n      }\n      if (s.type === \"heatmap\" && s.data) {\n        const hd = s.data as unknown as import(\"../../types\").HeatmapData;\n        return {\n          id: s.id,\n          type: \"heatmap\" as const,\n          data: {\n            xValues: hd.xValues,\n            yValues: hd.yValues,\n            zValues: hd.zValues,\n          },\n          color: s.style?.color,\n          visible: s.visible,\n          name: s.name,\n        };\n      }\n      return {\n        id: s.id,\n        type: \"line\" as const,\n        x: s.data.x,\n        y: s.data.y,\n        color: s.style?.color,\n        width: s.style?.width,\n        visible: s.visible,\n        name: s.name,\n      };\n    });\n\n    const prev = previousSeries.get(pane.id) ?? new Map();\n    const actions = {\n      addSeries: (opts: Parameters<typeof chart.addSeries>[0]) =>\n        chart.addSeries(opts),\n      updateSeries: (id: string, data: Parameters<typeof chart.updateSeries>[1]) =>\n        chart.updateSeries(id, data),\n      removeSeries: (id: string) => chart.removeSeries(id),\n      autoScale: () => chart.autoScale(),\n    };\n    next.set(pane.id, diffSeries(actions, asVeloPlot, prev));\n\n    // Also handle initial series from StackedPaneConfig on first mount\n    if (prev.size === 0 && pane.series.length > 0) {\n      for (const s of pane.series) {\n        if (!chart.getAllSeries().some((existing) => existing.getId() === s.id)) {\n          chart.addSeries(veloPlotSeriesToOptions(asVeloPlot.find((x) => x.id === s.id)!));\n        }\n      }\n    }\n  }\n\n  return next;\n}\n\nexport function syncStackedOptions(\n  stack: StackedChart,\n  options: SyncableStackedOptions,\n): void {\n  syncStackedTheme(stack, options.theme);\n  syncStackedSyncOptions(stack, options.sync);\n  if (options.gap !== undefined) {\n    stack.resize();\n  }\n}\n"],"names":["stackedStructureKey","panes","p","syncStackedTheme","stack","theme","pane","syncStackedSyncOptions","sync","syncStackedPaneSeries","previousSeries","next","chart","_a","asVeloPlot","s","_b","_c","_d","hd","_e","_f","_g","prev","actions","opts","id","data","diffSeries","existing","veloPlotSeriesToOptions","x","syncStackedOptions","options"],"mappings":"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"}

package/dist/svelte/StackedPlot.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { onMount, onDestroy } from "svelte";
+  import { createStackedPlot } from "./useStackedPlot";
+  import type { StackedChartOptions } from "../core/stacked";
+
+  export let panes: StackedChartOptions["panes"];
+  export let width: number | string = "100%";
+  export let height: number | string = 480;
+  export let stackOptions: Omit<StackedChartOptions, "container" | "panes"> = {};
+  let className = "";
+  export { className as class };
+
+  const api = createStackedPlot({ panes, ...stackOptions });
+  let container: HTMLDivElement;
+
+  onMount(() => api.mount(container));
+  onDestroy(() => api.unmount());
+
+  $: api.sync({ panes, ...stackOptions });
+</script>
+
+<div
+  bind:this={container}
+  class={`velo-plot-stacked${className ? ` ${className}` : ""}`}
+  role="img"
+  style:position="relative"
+  style:width={typeof width === "number" ? `${width}px` : width}
+  style:height={typeof height === "number" ? `${height}px` : height}
+/>