velo-plot 2.20.0 → 3.0.0

package/dist/vue.js

@@ -0,0 +1,312 @@
+import { ref as f, shallowRef as C, watch as m, onMounted as R, onUnmounted as p, defineComponent as A, createElementBlock as O, openBlock as P, normalizeStyle as L, normalizeClass as z, unref as j } from "vue";
+import { c as E, i as B, r as k, a as V, b as $ } from "./chartSyncBridge-DbWrwtyP.js";
+import { p as S, o as K, s as M, d as N } from "./optionsSync-QUiN4Inw.js";
+import "./ChartCore-BpzRvN4Y.js";
+import "./index-x4stH3jD.js";
+import "./symbols-DT0eLlpW.js";
+import { a as I, u as Z } from "./a11y-Bw6urYpr.js";
+import { c as J } from "./createStackedChart-Dm-YqUT7.js";
+import { s as b, a as T, b as x } from "./stackedSync-tnrunZMt.js";
+function w(t = {}) {
+  const d = f(null), a = C(null), e = f(!1), n = f(null), u = f(null);
+  let r = null;
+  const c = { current: t };
+  let o = S(t);
+  return m(
+    () => t,
+    (l) => {
+      c.current = l;
+      const s = a.value;
+      if (!s) return;
+      const v = S(l);
+      K(o, v) && (M(s, o, v), o = v);
+    },
+    { deep: !0 }
+  ), R(() => {
+    const l = d.value;
+    if (l)
+      try {
+        const s = E(l, c.current, {
+          onBoundsChange: (v) => {
+            u.value = v;
+          },
+          onError: (v) => {
+            n.value = v;
+          }
+        });
+        a.value = s.chart, r = s.destroy, u.value = s.getBounds(), e.value = !0, o = S(c.current);
+      } catch (s) {
+        n.value = s instanceof Error ? s : new Error(String(s));
+      }
+  }), p(() => {
+    r == null || r(), r = null, a.value = null, e.value = !1;
+  }), {
+    containerRef: d,
+    chart: a,
+    isReady: e,
+    error: n,
+    bounds: u,
+    addSeries: (l) => {
+      var s;
+      (s = a.value) == null || s.addSeries(l), a.value && (u.value = a.value.getViewBounds());
+    },
+    updateSeries: (l, s) => {
+      var v;
+      return (v = a.value) == null ? void 0 : v.updateSeries(l, s);
+    },
+    removeSeries: (l) => {
+      var s;
+      return (s = a.value) == null ? void 0 : s.removeSeries(l);
+    },
+    zoom: (l) => {
+      var s;
+      return (s = a.value) == null ? void 0 : s.zoom(l);
+    },
+    resetZoom: () => {
+      var l;
+      (l = a.value) == null || l.resetZoom(), a.value && (u.value = a.value.getViewBounds());
+    }
+  };
+}
+const F = /* @__PURE__ */ A({
+  __name: "VeloPlot",
+  props: {
+    id: {},
+    renderer: {},
+    xAxis: {},
+    yAxis: {},
+    background: {},
+    devicePixelRatio: {},
+    theme: {},
+    colorScheme: {},
+    showLegend: { type: Boolean },
+    legendPosition: {},
+    showControls: { type: Boolean },
+    toolbar: {},
+    autoScroll: { type: Boolean },
+    showStatistics: { type: Boolean },
+    tooltip: {},
+    animations: { type: [Object, Boolean] },
+    responsive: { type: [Object, Boolean] },
+    plugins: {},
+    loading: { type: [Boolean, Object] },
+    layout: {},
+    readOnly: { type: Boolean },
+    debug: { type: [Boolean, Object] },
+    locale: {},
+    keyBindings: { type: [Boolean, Array] },
+    clipboard: { type: [Boolean, Object] },
+    autoResize: { type: Boolean },
+    series: { default: () => [] },
+    zoom: {},
+    width: { default: "100%" },
+    height: { default: 400 },
+    class: {},
+    cursor: {},
+    ariaLabel: {},
+    keyboardNav: { type: Boolean, default: !0 }
+  },
+  emits: ["zoomChange"],
+  setup(t, { expose: d, emit: a }) {
+    const e = t, {
+      containerRef: n,
+      chart: u,
+      isReady: r,
+      bounds: c,
+      addSeries: o,
+      updateSeries: i,
+      removeSeries: l,
+      resetZoom: s
+    } = w(e), v = f(/* @__PURE__ */ new Map());
+    let h = null;
+    return m(
+      () => [e.series, r.value, u.value],
+      () => {
+        !r.value || !u.value || (v.value = N(
+          {
+            addSeries: o,
+            updateSeries: i,
+            removeSeries: l,
+            autoScale: () => {
+              var y;
+              return (y = u.value) == null ? void 0 : y.autoScale();
+            }
+          },
+          e.series,
+          v.value
+        ));
+      },
+      { deep: !0, immediate: !0 }
+    ), m(
+      () => [r.value, u.value, e.keyboardNav, e.ariaLabel],
+      () => {
+        const y = n.value;
+        !y || !u.value || !r.value || (h == null || h.cleanup(), h = I(y, u.value, {
+          label: e.ariaLabel,
+          series: e.series,
+          bounds: c.value,
+          enableKeyboard: e.keyboardNav
+        }));
+      },
+      { immediate: !0 }
+    ), p(() => h == null ? void 0 : h.cleanup()), m(c, (y) => {
+      const g = n.value;
+      g && h && Z(g, h.srTable, {
+        label: e.ariaLabel,
+        series: e.series,
+        bounds: y
+      });
+    }), d({ getChart: () => u.value, resetZoom: s, getBounds: () => c.value }), (y, g) => (P(), O("div", {
+      ref_key: "containerRef",
+      ref: n,
+      class: z(["velo-plot-container", e.class]),
+      style: L({
+        position: "relative",
+        width: typeof t.width == "number" ? `${t.width}px` : t.width,
+        height: typeof t.height == "number" ? `${t.height}px` : t.height
+      })
+    }, null, 6));
+  }
+});
+function G(t) {
+  const d = f(null), a = C(null), e = f(!1);
+  let n = null, u = b(t.panes), r = /* @__PURE__ */ new Map();
+  const c = () => {
+    const o = d.value;
+    if (!o) return;
+    n == null || n();
+    const i = J({ ...t, container: o });
+    a.value = i, n = () => i.destroy(), u = b(t.panes), r = x(i, t.panes, /* @__PURE__ */ new Map()), i.whenReady().then(() => {
+      e.value = !0;
+    });
+  };
+  return R(c), p(() => {
+    n == null || n(), a.value = null, e.value = !1;
+  }), m(
+    () => t,
+    (o) => {
+      const i = a.value;
+      if (!i || !e.value) return;
+      if (b(o.panes) !== u) {
+        c();
+        return;
+      }
+      T(i, o), r = x(i, o.panes, r);
+    },
+    { deep: !0 }
+  ), {
+    containerRef: d,
+    stack: a,
+    isReady: e,
+    fitAll: (o) => {
+      var i;
+      return (i = a.value) == null ? void 0 : i.fitAll(o);
+    },
+    resetAll: () => {
+      var o;
+      return (o = a.value) == null ? void 0 : o.resetAll();
+    }
+  };
+}
+const U = ["aria-label", "data-ready"], ae = /* @__PURE__ */ A({
+  __name: "StackedPlot",
+  props: {
+    panes: {},
+    direction: {},
+    masterPaneId: {},
+    sharedXAxis: {},
+    sharedYAxis: {},
+    xAxis: {},
+    theme: {},
+    devicePixelRatio: {},
+    gap: {},
+    resizable: { type: [Boolean, Object] },
+    showLegend: { type: Boolean },
+    sync: { type: [Boolean, Object] },
+    layout: {},
+    width: { default: "100%" },
+    height: { default: 480 },
+    class: {},
+    ariaLabel: {}
+  },
+  setup(t, { expose: d }) {
+    const a = t, { containerRef: e, stack: n, isReady: u, fitAll: r, resetAll: c } = G(a);
+    return d({
+      getStack: () => n.value,
+      fitAll: r,
+      resetAll: c,
+      getBounds: () => {
+        var o;
+        return ((o = n.value) == null ? void 0 : o.getMaster().getViewBounds()) ?? null;
+      }
+    }), (o, i) => (P(), O("div", {
+      ref_key: "containerRef",
+      ref: e,
+      class: z(["velo-plot-stacked", a.class]),
+      role: "img",
+      "aria-label": t.ariaLabel ?? `Stacked chart with ${t.panes.length} panes`,
+      "data-ready": j(u),
+      style: L({
+        position: "relative",
+        width: typeof t.width == "number" ? `${t.width}px` : t.width,
+        height: typeof t.height == "number" ? `${t.height}px` : t.height
+      })
+    }, null, 14, U));
+  }
+});
+function le(t, d, a = {}) {
+  const e = f(null), n = f(!1), u = f(null);
+  return m(
+    () => [t(), d, JSON.stringify(a)],
+    async ([r], c, o) => {
+      if (!r) return;
+      let i = !1;
+      o(() => {
+        i = !0;
+        const l = e.value;
+        l && !B(r) && k(r, l.id);
+      }), n.value = !0, u.value = null;
+      try {
+        const l = await V(r, d, a);
+        i || (e.value = l, n.value = !1);
+      } catch (l) {
+        i || (u.value = l instanceof Error ? l : new Error(String(l)), n.value = !1);
+      }
+    },
+    { immediate: !0 }
+  ), p(() => {
+    const r = t(), c = e.value;
+    c && r && !B(r) && k(r, c.id);
+  }), { result: e, isLoading: n, error: u };
+}
+function X(t, d) {
+  const a = f(null);
+  let e = null;
+  return m(
+    () => [t(), JSON.stringify(d)],
+    ([n]) => {
+      if (e == null || e.destroy(), n.length < 2) {
+        a.value = null;
+        return;
+      }
+      e = $(n, d), a.value = e.group;
+    },
+    { immediate: !0 }
+  ), p(() => {
+    e == null || e.destroy(), a.value = null;
+  }), { group: a };
+}
+const ne = X, re = F, oe = w, se = w;
+export {
+  re as SciPlot,
+  ae as StackedPlot,
+  F as VeloPlot,
+  ne as useChartGroup,
+  X as useChartSync,
+  le as useIndicator,
+  se as useSciChart,
+  oe as useSciPlot,
+  G as useStackedPlot,
+  w as useVeloPlot
+};
+//# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.js","sources":["../src/vue/useVeloPlot.ts","../src/vue/VeloPlot.vue","../src/vue/useStackedPlot.ts","../src/vue/StackedPlot.vue","../src/vue/useIndicator.ts","../src/vue/useChartSync.ts","../src/vue/index.ts"],"sourcesContent":["/**\n * Vue composable for single charts.\n */\n\nimport { ref, shallowRef, onMounted, onUnmounted, watch } from \"vue\";\nimport type { Ref } from \"vue\";\nimport type { Chart } from \"../core/Chart\";\nimport type {\n  SeriesOptions,\n  SeriesUpdateData,\n  ZoomOptions,\n  Bounds,\n} 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 interface UseVeloPlotReturn {\n  containerRef: Ref<HTMLDivElement | null>;\n  chart: Ref<Chart | null>;\n  isReady: Ref<boolean>;\n  error: Ref<Error | null>;\n  bounds: Ref<Bounds | null>;\n  addSeries: (options: SeriesOptions) => void;\n  updateSeries: (id: string, data: SeriesUpdateData) => void;\n  removeSeries: (id: string) => void;\n  zoom: (options: ZoomOptions) => void;\n  resetZoom: () => void;\n}\n\nexport function useVeloPlot(options: UseVeloPlotOptions = {}): UseVeloPlotReturn {\n  const containerRef = ref<HTMLDivElement | null>(null);\n  const chart = shallowRef<Chart | null>(null);\n  const isReady = ref(false);\n  const error = ref<Error | null>(null);\n  const bounds = ref<Bounds | null>(null);\n\n  let destroy: (() => void) | null = null;\n  const optionsRef = { current: options };\n  let prevSync = pickSyncableOptions(options);\n\n  watch(\n    () => options,\n    (next) => {\n      optionsRef.current = next;\n      const c = chart.value;\n      if (!c) return;\n      const picked = pickSyncableOptions(next);\n      if (optionsChanged(prevSync, picked)) {\n        syncChartOptions(c, prevSync, picked);\n        prevSync = picked;\n      }\n    },\n    { deep: true },\n  );\n\n  onMounted(() => {\n    const el = containerRef.value;\n    if (!el) return;\n    try {\n      const handle = createChartLifecycle(el, optionsRef.current, {\n        onBoundsChange: (b) => {\n          bounds.value = b;\n        },\n        onError: (e) => {\n          error.value = e;\n        },\n      });\n      chart.value = handle.chart;\n      destroy = handle.destroy;\n      bounds.value = handle.getBounds();\n      isReady.value = true;\n      prevSync = pickSyncableOptions(optionsRef.current);\n    } catch (e) {\n      error.value = e instanceof Error ? e : new Error(String(e));\n    }\n  });\n\n  onUnmounted(() => {\n    destroy?.();\n    destroy = null;\n    chart.value = null;\n    isReady.value = false;\n  });\n\n  const addSeries = (opts: SeriesOptions) => {\n    chart.value?.addSeries(opts);\n    if (chart.value) bounds.value = chart.value.getViewBounds();\n  };\n\n  return {\n    containerRef,\n    chart,\n    isReady,\n    error,\n    bounds,\n    addSeries,\n    updateSeries: (id, data) => chart.value?.updateSeries(id, data),\n    removeSeries: (id) => chart.value?.removeSeries(id),\n    zoom: (z) => chart.value?.zoom(z),\n    resetZoom: () => {\n      chart.value?.resetZoom();\n      if (chart.value) bounds.value = chart.value.getViewBounds();\n    },\n  };\n}\n","<script setup lang=\"ts\">\nimport { ref, watch, onUnmounted } from \"vue\";\nimport { useVeloPlot, type UseVeloPlotOptions } from \"./useVeloPlot\";\nimport {\n  diffSeries,\n  applyChartA11y,\n  updateA11y,\n  type VeloPlotSeries,\n} from \"../bindings/shared\";\nimport type { Bounds, CursorOptions, ZoomOptions } from \"../types\";\n\nconst props = withDefaults(\n  defineProps<\n    UseVeloPlotOptions & {\n      series?: VeloPlotSeries[];\n      zoom?: ZoomOptions;\n      width?: number | string;\n      height?: number | string;\n      class?: string;\n      cursor?: CursorOptions;\n      ariaLabel?: string;\n      keyboardNav?: boolean;\n    }\n  >(),\n  {\n    series: () => [],\n    width: \"100%\",\n    height: 400,\n    keyboardNav: true,\n  },\n);\n\nconst emit = defineEmits<{\n  zoomChange: [bounds: Bounds];\n}>();\n\nconst {\n  containerRef,\n  chart,\n  isReady,\n  bounds,\n  addSeries,\n  updateSeries,\n  removeSeries,\n  resetZoom,\n} = useVeloPlot(props);\n\nconst previousSeries = ref(new Map<string, VeloPlotSeries>());\nlet a11yHandle: ReturnType<typeof applyChartA11y> | null = null;\n\nwatch(\n  () => [props.series, isReady.value, chart.value] as const,\n  () => {\n    if (!isReady.value || !chart.value) return;\n    previousSeries.value = diffSeries(\n      {\n        addSeries,\n        updateSeries,\n        removeSeries,\n        autoScale: () => chart.value?.autoScale(),\n      },\n      props.series,\n      previousSeries.value,\n    );\n  },\n  { deep: true, immediate: true },\n);\n\nwatch(\n  () => [isReady.value, chart.value, props.keyboardNav, props.ariaLabel] as const,\n  () => {\n    const el = containerRef.value;\n    if (!el || !chart.value || !isReady.value) return;\n    a11yHandle?.cleanup();\n    a11yHandle = applyChartA11y(el, chart.value, {\n      label: props.ariaLabel,\n      series: props.series,\n      bounds: bounds.value,\n      enableKeyboard: props.keyboardNav,\n    });\n  },\n  { immediate: true },\n);\n\nonUnmounted(() => a11yHandle?.cleanup());\n\nwatch(bounds, (b) => {\n  const el = containerRef.value;\n  if (el && a11yHandle) {\n    updateA11y(el, a11yHandle.srTable, {\n      label: props.ariaLabel,\n      series: props.series,\n      bounds: b,\n    });\n  }\n});\n\ndefineExpose({ getChart: () => chart.value, resetZoom, getBounds: () => bounds.value });\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"velo-plot-container\"\n    :class=\"props.class\"\n    :style=\"{\n      position: 'relative',\n      width: typeof width === 'number' ? `${width}px` : width,\n      height: typeof height === 'number' ? `${height}px` : height,\n    }\"\n  />\n</template>\n","/**\n * Vue composable for stacked charts.\n */\n\nimport { ref, shallowRef, onMounted, onUnmounted, watch } from \"vue\";\nimport { createStackedChart } from \"../core/stacked\";\nimport type { StackedChart, StackedChartOptions } from \"../core/stacked\";\nimport type { Range } from \"../types\";\nimport {\n  stackedStructureKey,\n  syncStackedOptions,\n  syncStackedPaneSeries,\n} from \"../bindings/shared\";\nimport type { VeloPlotSeries } from \"../bindings/shared\";\n\nexport interface UseStackedPlotOptions\n  extends Omit<StackedChartOptions, \"container\"> {}\n\nexport function useStackedPlot(options: UseStackedPlotOptions) {\n  const containerRef = ref<HTMLDivElement | null>(null);\n  const stack = shallowRef<StackedChart | null>(null);\n  const isReady = ref(false);\n\n  let destroy: (() => void) | null = null;\n  let structureKey = stackedStructureKey(options.panes);\n  let paneSeries = new Map<string, Map<string, VeloPlotSeries>>();\n\n  const mount = () => {\n    const el = containerRef.value;\n    if (!el) return;\n    destroy?.();\n    const created = createStackedChart({ ...options, container: el });\n    stack.value = created;\n    destroy = () => created.destroy();\n    structureKey = stackedStructureKey(options.panes);\n    paneSeries = syncStackedPaneSeries(created, options.panes, new Map());\n    created.whenReady().then(() => {\n      isReady.value = true;\n    });\n  };\n\n  onMounted(mount);\n  onUnmounted(() => {\n    destroy?.();\n    stack.value = null;\n    isReady.value = false;\n  });\n\n  watch(\n    () => options,\n    (next) => {\n      const current = stack.value;\n      if (!current || !isReady.value) return;\n      const nextKey = stackedStructureKey(next.panes);\n      if (nextKey !== structureKey) {\n        mount();\n        return;\n      }\n      syncStackedOptions(current, next);\n      paneSeries = syncStackedPaneSeries(current, next.panes, paneSeries);\n    },\n    { deep: true },\n  );\n\n  return {\n    containerRef,\n    stack,\n    isReady,\n    fitAll: (opts?: { x?: Range; padding?: number }) => stack.value?.fitAll(opts),\n    resetAll: () => stack.value?.resetAll(),\n  };\n}\n","<script setup lang=\"ts\">\nimport { useStackedPlot, type UseStackedPlotOptions } from \"./useStackedPlot\";\n\nconst props = withDefaults(\n  defineProps<\n    UseStackedPlotOptions & {\n      width?: number | string;\n      height?: number | string;\n      class?: string;\n      ariaLabel?: string;\n    }\n  >(),\n  {\n    width: \"100%\",\n    height: 480,\n  },\n);\n\nconst { containerRef, stack, isReady, fitAll, resetAll } = useStackedPlot(props);\n\ndefineExpose({\n  getStack: () => stack.value,\n  fitAll,\n  resetAll,\n  getBounds: () => stack.value?.getMaster().getViewBounds() ?? null,\n});\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"velo-plot-stacked\"\n    :class=\"props.class\"\n    role=\"img\"\n    :aria-label=\"ariaLabel ?? `Stacked chart with ${panes.length} panes`\"\n    :data-ready=\"isReady\"\n    :style=\"{\n      position: 'relative',\n      width: typeof width === 'number' ? `${width}px` : width,\n      height: typeof height === 'number' ? `${height}px` : height,\n    }\"\n  />\n</template>\n","import { ref, watch, onUnmounted } from \"vue\";\nimport type { AddIndicatorOptions, AddIndicatorResult } from \"../core/indicator/addIndicator\";\nimport type { IndicatorPresetName } from \"../core/indicator/indicatorPresets\";\nimport {\n  addIndicatorToHost,\n  isStackedChart,\n  removeIndicatorFromChart,\n  type IndicatorHost,\n} 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 = ref<(AddIndicatorResult & { paneId?: string }) | null>(null);\n  const isLoading = ref(false);\n  const error = ref<Error | null>(null);\n\n  watch(\n    () => [host(), preset, JSON.stringify(options)] as const,\n    async ([h], _, onCleanup) => {\n      if (!h) return;\n      let cancelled = false;\n      onCleanup(() => {\n        cancelled = true;\n        const res = result.value;\n        if (res && !isStackedChart(h)) {\n          removeIndicatorFromChart(h as Chart, res.id);\n        }\n      });\n      isLoading.value = true;\n      error.value = null;\n      try {\n        const res = await addIndicatorToHost(h, preset, options);\n        if (!cancelled) {\n          result.value = res;\n          isLoading.value = false;\n        }\n      } catch (e) {\n        if (!cancelled) {\n          error.value = e instanceof Error ? e : new Error(String(e));\n          isLoading.value = false;\n        }\n      }\n    },\n    { immediate: true },\n  );\n\n  onUnmounted(() => {\n    const h = host();\n    const res = result.value;\n    if (res && h && !isStackedChart(h)) {\n      removeIndicatorFromChart(h as Chart, res.id);\n    }\n  });\n\n  return { result, isLoading, error };\n}\n","import { ref, watch, onUnmounted } from \"vue\";\nimport type { ChartLike, SyncOptions } from \"../core/sync\";\nimport { ChartGroup } from \"../core/sync\";\nimport { createChartSync } from \"../bindings/shared\";\n\nexport function useChartSync(\n  charts: () => ChartLike[],\n  options?: SyncOptions,\n) {\n  const group = ref<ChartGroup | null>(null);\n  let handle: ReturnType<typeof createChartSync> | null = null;\n\n  watch(\n    () => [charts(), JSON.stringify(options)] as const,\n    ([list]) => {\n      handle?.destroy();\n      if (list.length < 2) {\n        group.value = null;\n        return;\n      }\n      handle = createChartSync(list, options);\n      group.value = handle.group;\n    },\n    { immediate: true },\n  );\n\n  onUnmounted(() => {\n    handle?.destroy();\n    group.value = null;\n  });\n\n  return { group };\n}\n\nexport const useChartGroup = useChartSync;\n","export { default as VeloPlot } from \"./VeloPlot.vue\";\nexport { default as StackedPlot } from \"./StackedPlot.vue\";\nexport { useVeloPlot, type UseVeloPlotOptions, type UseVeloPlotReturn } from \"./useVeloPlot\";\nexport { useStackedPlot, type UseStackedPlotOptions } from \"./useStackedPlot\";\nexport { useIndicator } from \"./useIndicator\";\nexport { useChartSync, useChartGroup } from \"./useChartSync\";\n\nimport VeloPlotVue from \"./VeloPlot.vue\";\nimport { useVeloPlot as useVeloPlotImpl } from \"./useVeloPlot\";\n\n/** @deprecated Use `VeloPlot` instead. **Removed in v4.0.** */\nexport const SciPlot = VeloPlotVue;\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","containerRef","ref","chart","shallowRef","isReady","error","bounds","destroy","optionsRef","prevSync","pickSyncableOptions","watch","next","c","picked","optionsChanged","syncChartOptions","onMounted","el","handle","createChartLifecycle","b","e","onUnmounted","opts","_a","id","data","z","props","__props","addSeries","updateSeries","removeSeries","resetZoom","previousSeries","a11yHandle","diffSeries","applyChartA11y","updateA11y","__expose","_createElementBlock","_normalizeClass","_normalizeStyle","useStackedPlot","stack","structureKey","stackedStructureKey","paneSeries","mount","created","createStackedChart","syncStackedPaneSeries","current","syncStackedOptions","fitAll","resetAll","_unref","useIndicator","host","preset","result","isLoading","h","_","onCleanup","cancelled","res","isStackedChart","removeIndicatorFromChart","addIndicatorToHost","useChartSync","charts","group","list","createChartSync","useChartGroup","SciPlot","VeloPlotVue","useSciPlot","useVeloPlotImpl","useSciChart"],"mappings":"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"}

package/dist/workers/indicatorsAsync.d.ts

@@ -47,4 +47,6 @@ export declare function bollingerBandsAsync(data: Float32Array | Float64Array |
 export declare function destroyIndicatorPool(): void;
 /** Exposed for tests */
 export declare function getIndicatorPoolSize(): number;
+/** Exposed for tests */
+export declare function isIndicatorPreferSync(): boolean;
 export {};

package/dist/workers/pool.d.ts

@@ -7,6 +7,12 @@ export interface WorkerPoolOptions {
     poolSize?: number;
     /** Run tasks on main thread when Worker is unavailable */
     syncFallback?: boolean;
+    /**
+     * If a worker never answers (common with broken Vite worker URLs in docs),
+     * fall back to syncHandler after this many ms (default: 250).
+     * Set 0 to disable.
+     */
+    timeoutMs?: number;
 }
 export declare class WorkerPool<TMessage extends {
     id: string;
@@ -16,6 +22,7 @@ export declare class WorkerPool<TMessage extends {
     private nextWorker;
     private readonly poolSize;
     private readonly syncFallback;
+    private readonly timeoutMs;
     private readonly workerFactory;
     private readonly syncHandler?;
     private destroyed;
@@ -25,6 +32,8 @@ export declare class WorkerPool<TMessage extends {
     private removeWorker;
     private workerErrorMessage;
     private rejectPendingWithSyncFallback;
+    private clearTaskTimer;
+    private settleWithSync;
     private spawnWorker;
     /** Dispatch a task to the pool. Falls back to syncHandler when no workers exist. */
     run(task: TMessage): Promise<TResult>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "velo-plot",
-  "version": "2.20.0",
+  "version": "3.0.0",
   "author": "jigonzalez930209",
   "license": "MIT",
   "repository": {
@@ -18,7 +18,7 @@
   ],
   "description": "A high-performance scientific charting engine for web applications.",
   "engines": {
-    "node": ">=24",
+    "node": ">=22",
     "pnpm": ">=11"
   },
   "type": "module",
@@ -38,10 +38,34 @@
       "types": "./dist/trading/index.d.ts",
       "import": "./dist/trading.js"
     },
+    "./scientific": {
+      "types": "./dist/scientific/index.d.ts",
+      "import": "./dist/scientific.js"
+    },
     "./react": {
       "types": "./dist/react/index.d.ts",
       "import": "./dist/react.js"
     },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue.js"
+    },
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "import": "./dist/svelte.js"
+    },
+    "./solid": {
+      "types": "./dist/solid/index.d.ts",
+      "import": "./dist/solid.js"
+    },
+    "./angular": {
+      "types": "./dist/angular/index.d.ts",
+      "import": "./dist/angular.js"
+    },
+    "./astro": {
+      "import": "./dist/astro/VeloPlot.astro"
+    },
+    "./astro/*": "./dist/astro/*",
     "./plugins/3d": {
       "types": "./dist/plugins/3d.d.ts",
       "import": "./dist/plugins/3d.js"
@@ -173,30 +197,82 @@
     "LICENSE"
   ],
   "peerDependencies": {
+    "@angular/core": ">=17.0.0",
+    "astro": ">=4.0.0",
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react-dom": ">=16.8.0",
+    "solid-js": ">=1.8.0",
+    "svelte": ">=4.0.0",
+    "vue": ">=3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "astro": {
+      "optional": true
+    }
   },
   "devDependencies": {
+    "@angular/compiler": "^19.2.25",
+    "@angular/core": "^19.2.25",
+    "@angular/platform-browser-dynamic": "^19.2.25",
     "@playwright/test": "^1.52.0",
+    "@solidjs/testing-library": "^0.8.10",
+    "@sveltejs/vite-plugin-svelte": "^7.2.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/svelte": "^5.4.2",
+    "@testing-library/vue": "^8.1.0",
     "@types/node": "^25.0.3",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-vue": "^6.0.7",
     "@vitest/coverage-v8": "^3.2.6",
+    "@vue/test-utils": "^2.4.11",
+    "astro": "^5.18.2",
     "happy-dom": "^20.10.6",
     "playwright": "^1.52.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "solid-js": "^1.9.14",
+    "svelte": "^5.56.4",
+    "typedoc": "^0.28.20",
     "typescript": "^5.2.2",
     "vite": "^5.0.0",
     "vite-plugin-dts": "^3.6.0",
+    "vite-plugin-solid": "^2.11.12",
+    "vite-plugin-svelte": "^3.0.1",
     "vitepress": "^1.0.0-rc.31",
-    "vitest": "^3.2.6"
+    "vitest": "^3.2.6",
+    "vue": "^3.5.26",
+    "zone.js": "^0.15.1"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build -c vite.config.lib.ts",
+    "build": "tsc -p tsconfig.build.json && vite build -c vite.config.lib.ts && node scripts/copy-framework-assets.mjs",
     "preview": "vite preview",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
+    "test": "vitest run && pnpm test:bindings",
+    "test:bindings": "vitest run --config vitest.bindings.config.ts",
+    "test:coverage": "pnpm test:coverage:bindings && pnpm test:coverage:core",
+    "test:coverage:core": "vitest run --coverage && node scripts/check-core-coverage.mjs",
+    "test:coverage:bindings": "vitest run --config vitest.bindings.config.ts --coverage && node scripts/check-bindings-coverage.mjs",
     "test:watch": "vitest",
     "test:dom": "vitest run .dom.test.ts",
     "test:e2e": "playwright test",
@@ -216,6 +292,8 @@
     "test:bench-regression": "node scripts/compare-benchmark-regression.mjs",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "create-plugin": "node scripts/create-plugin.mjs",
+    "docs:api": "typedoc"
   }
 }