@wick-charts/vue 0.8.1 → 0.8.2

package/dist/BandSeries.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as d, ref as f, onMounted as m, onUnmounted as v, watch as o, createCommentVNode as S } from "vue";
-import { toLayers as c, syncLayers as y, EMPTY_SYNC_STATE as _ } from "./core/dist/data/sync.js";
+import { defineComponent as f, ref as m, onMounted as v, onUnmounted as S, watch as o, createCommentVNode as y } from "vue";
+import { toLayers as c, syncLayers as _, EMPTY_SYNC_STATE as h } from "./core/dist/data/sync.js";
 import { BandSeriesDef as b } from "./core/dist/series/band.js";
-import { useChartInstance as h } from "./context.js";
-const V = /* @__PURE__ */ d({
+import { rawSeriesData as d, seriesDataSource as C } from "./composables.js";
+import { useChartInstance as w } from "./context.js";
+const g = /* @__PURE__ */ f({
   __name: "BandSeries",
   props: {
     data: {},
@@ -12,32 +13,32 @@ const V = /* @__PURE__ */ d({
     scale: {}
   },
   setup(p) {
-    const r = p, i = h(), s = f(null);
-    let a = [], n = 0;
+    const r = p, s = w(), a = m(null);
+    let n = [], i = 0;
     function l(e, t) {
-      a = y({ chart: i, id: e, data: t, prev: a });
+      n = _({ chart: s, id: e, data: t, prev: n });
     }
     function u(e) {
-      n = c(e).length;
-      const t = i.addSeries(b, {
+      i = c(e).length;
+      const t = s.addSeries(b, {
         ...r.options,
         scale: r.scale,
-        layers: n,
+        layers: i,
         id: r.id
       });
-      s.value = t, a = new Array(n).fill(_), l(t, e), i.setSeriesVisible(t, r.visible);
+      a.value = t, n = new Array(i).fill(h), l(t, e), s.setSeriesVisible(t, r.visible);
     }
-    return m(() => {
-      u(r.data);
-    }), v(() => {
-      s.value && i.removeSeries(s.value);
+    return v(() => {
+      u(d(r.data));
+    }), S(() => {
+      a.value && s.removeSeries(a.value);
     }), o(
-      () => r.data,
-      (e) => {
-        const t = s.value;
+      C(() => r.data),
+      () => {
+        const e = d(r.data), t = a.value;
         if (t) {
-          if (c(e).length !== n) {
-            i.removeSeries(t), u(e);
+          if (c(e).length !== i) {
+            s.removeSeries(t), u(e);
             return;
           }
           l(t, e);
@@ -46,17 +47,17 @@ const V = /* @__PURE__ */ d({
     ), o(
       () => [r.options, r.scale],
       ([e, t]) => {
-        s.value && i.updateSeriesOptions(s.value, e ? { ...e, scale: t } : { scale: t });
+        a.value && s.updateSeriesOptions(a.value, e ? { ...e, scale: t } : { scale: t });
       },
       { deep: !0 }
     ), o(
       () => r.visible,
       (e) => {
-        s.value && i.setSeriesVisible(s.value, e);
+        a.value && s.setSeriesVisible(a.value, e);
       }
-    ), (e, t) => S("", !0);
+    ), (e, t) => y("", !0);
   }
 });
 export {
-  V as default
+  g as default
 };

package/dist/BarSeries.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as f, ref as d, onMounted as m, onUnmounted as v, watch as o, createCommentVNode as S } from "vue";
-import { toLayers as c, syncLayers as y, EMPTY_SYNC_STATE as _ } from "./core/dist/data/sync.js";
+import { defineComponent as f, ref as m, onMounted as v, onUnmounted as S, watch as n, createCommentVNode as y } from "vue";
+import { toLayers as c, syncLayers as _, EMPTY_SYNC_STATE as h } from "./core/dist/data/sync.js";
 import { BarSeriesDef as b } from "./core/dist/series/bar.js";
-import { useChartInstance as h } from "./context.js";
+import { rawSeriesData as p, seriesDataSource as C } from "./composables.js";
+import { useChartInstance as D } from "./context.js";
 const g = /* @__PURE__ */ f({
   __name: "BarSeries",
   props: {
@@ -11,50 +12,50 @@ const g = /* @__PURE__ */ f({
     visible: { type: Boolean, default: !0 },
     scale: {}
   },
-  setup(p) {
-    const t = p, i = h(), s = d(null);
-    let n = [], a = 0;
+  setup(d) {
+    const t = d, s = D(), a = m(null);
+    let o = [], i = 0;
     function l(e, r) {
-      n = y({ chart: i, id: e, data: r, prev: n });
+      o = _({ chart: s, id: e, data: r, prev: o });
     }
     function u(e) {
-      a = c(e).length;
-      const r = i.addSeries(b, {
+      i = c(e).length;
+      const r = s.addSeries(b, {
         ...t.options,
         scale: t.scale,
-        layers: a,
+        layers: i,
         id: t.id
       });
-      s.value = r, n = new Array(a).fill(_), l(r, e), i.setSeriesVisible(r, t.visible);
+      a.value = r, o = new Array(i).fill(h), l(r, e), s.setSeriesVisible(r, t.visible);
     }
-    return m(() => {
-      u(t.data);
-    }), v(() => {
-      s.value && i.removeSeries(s.value);
-    }), o(
-      () => t.data,
-      (e) => {
-        const r = s.value;
+    return v(() => {
+      u(p(t.data));
+    }), S(() => {
+      a.value && s.removeSeries(a.value);
+    }), n(
+      C(() => t.data),
+      () => {
+        const e = p(t.data), r = a.value;
         if (r) {
-          if (c(e).length !== a) {
-            i.removeSeries(r), u(e);
+          if (c(e).length !== i) {
+            s.removeSeries(r), u(e);
             return;
           }
           l(r, e);
         }
       }
-    ), o(
+    ), n(
       () => [t.options, t.scale],
       ([e, r]) => {
-        s.value && i.updateSeriesOptions(s.value, e ? { ...e, scale: r } : { scale: r });
+        a.value && s.updateSeriesOptions(a.value, e ? { ...e, scale: r } : { scale: r });
       },
       { deep: !0 }
-    ), o(
+    ), n(
       () => t.visible,
       (e) => {
-        s.value && i.setSeriesVisible(s.value, e);
+        a.value && s.setSeriesVisible(a.value, e);
       }
-    ), (e, r) => S("", !0);
+    ), (e, r) => y("", !0);
   }
 });
 export {

package/dist/CandlestickSeries.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as d, ref as p, onMounted as f, onUnmounted as m, watch as i, createCommentVNode as v } from "vue";
-import { toLayers as u, syncSeriesLayer as S, EMPTY_SYNC_STATE as b } from "./core/dist/data/sync.js";
-import { CandlestickSeriesDef as _ } from "./core/dist/series/candlestick.js";
-import { useChartInstance as y } from "./context.js";
-const T = /* @__PURE__ */ d({
+import { defineComponent as p, ref as m, onMounted as f, onUnmounted as v, watch as i, createCommentVNode as S } from "vue";
+import { toLayers as u, syncSeriesLayer as b, EMPTY_SYNC_STATE as _ } from "./core/dist/data/sync.js";
+import { CandlestickSeriesDef as y } from "./core/dist/series/candlestick.js";
+import { rawSeriesData as c, seriesDataSource as C } from "./composables.js";
+import { useChartInstance as h } from "./context.js";
+const V = /* @__PURE__ */ p({
   __name: "CandlestickSeries",
   props: {
     data: {},
@@ -11,43 +12,43 @@ const T = /* @__PURE__ */ d({
     visible: { type: Boolean, default: !0 },
     scale: {}
   },
-  setup(c) {
-    const a = c, r = y(), t = p(null);
-    let o = b;
-    function n(e, s) {
-      const l = u(s)[0];
-      r.setSeriesLabels(e, [l.label]), o = S({ chart: r, id: e, data: l.data, prev: o });
+  setup(d) {
+    const a = d, s = h(), t = m(null);
+    let o = _;
+    function n(e, r) {
+      const l = u(r)[0];
+      s.setSeriesLabels(e, [l.label]), o = b({ chart: s, id: e, data: l.data, prev: o });
     }
     return f(() => {
-      const e = r.addSeries(_, {
+      const e = s.addSeries(y, {
         ...a.options,
         scale: a.scale,
         id: a.id,
         label: u(a.data)[0].label
       });
-      t.value = e, n(e, a.data), r.setSeriesVisible(e, a.visible);
-    }), m(() => {
-      t.value && r.removeSeries(t.value);
+      t.value = e, n(e, c(a.data)), s.setSeriesVisible(e, a.visible);
+    }), v(() => {
+      t.value && s.removeSeries(t.value);
     }), i(
-      () => a.data,
-      (e) => {
-        const s = t.value;
-        s && n(s, e);
+      C(() => a.data),
+      () => {
+        const e = t.value;
+        e && n(e, c(a.data));
       }
     ), i(
       () => [a.options, a.scale],
-      ([e, s]) => {
-        t.value && r.updateSeriesOptions(t.value, e ? { ...e, scale: s } : { scale: s });
+      ([e, r]) => {
+        t.value && s.updateSeriesOptions(t.value, e ? { ...e, scale: r } : { scale: r });
       },
       { deep: !0 }
     ), i(
       () => a.visible,
       (e) => {
-        t.value && r.setSeriesVisible(t.value, e);
+        t.value && s.setSeriesVisible(t.value, e);
       }
-    ), (e, s) => v("", !0);
+    ), (e, r) => S("", !0);
   }
 });
 export {
-  T as default
+  V as default
 };

package/dist/HeatmapSeries.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as o, ref as n, onMounted as u, onUnmounted as l, watch as s, createCommentVNode as d } from "vue";
-import { HeatmapSeriesDef as p } from "./core/dist/series/heatmap.js";
-import { useChartInstance as m } from "./context.js";
-const _ = /* @__PURE__ */ o({
+import { defineComponent as n, ref as u, onMounted as d, onUnmounted as l, watch as s, createCommentVNode as p } from "vue";
+import { HeatmapSeriesDef as m } from "./core/dist/series/heatmap.js";
+import { rawSeriesData as r, seriesDataSource as f } from "./composables.js";
+import { useChartInstance as c } from "./context.js";
+const D = /* @__PURE__ */ n({
   __name: "HeatmapSeries",
   props: {
     data: {},
@@ -9,32 +10,32 @@ const _ = /* @__PURE__ */ o({
     id: {},
     visible: { type: Boolean, default: !0 }
   },
-  setup(r) {
-    const a = r, i = m(), t = n(null);
-    return u(() => {
-      const e = i.addSeries(p, { ...a.options, id: a.id });
-      t.value = e, a.data.length > 0 && i.setSeriesData(e, a.data), i.setSeriesVisible(e, a.visible);
+  setup(o) {
+    const e = o, i = c(), t = u(null);
+    return d(() => {
+      const a = i.addSeries(m, { ...e.options, id: e.id });
+      t.value = a, e.data.length > 0 && i.setSeriesData(a, r(e.data)), i.setSeriesVisible(a, e.visible);
     }), l(() => {
       t.value && i.removeSeries(t.value);
     }), s(
-      () => a.data,
-      (e) => {
-        t.value && i.setSeriesData(t.value, e);
+      f(() => e.data),
+      () => {
+        t.value && i.setSeriesData(t.value, r(e.data));
       }
     ), s(
-      () => a.options,
-      (e) => {
-        t.value && e && i.updateSeriesOptions(t.value, e);
+      () => e.options,
+      (a) => {
+        t.value && a && i.updateSeriesOptions(t.value, a);
       },
       { deep: !0 }
     ), s(
-      () => a.visible,
-      (e) => {
-        t.value && i.setSeriesVisible(t.value, e);
+      () => e.visible,
+      (a) => {
+        t.value && i.setSeriesVisible(t.value, a);
       }
-    ), (e, f) => d("", !0);
+    ), (a, v) => p("", !0);
   }
 });
 export {
-  _ as default
+  D as default
 };

package/dist/LineSeries.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as f, ref as d, onMounted as m, onUnmounted as v, watch as o, createCommentVNode as S } from "vue";
-import { toLayers as c, syncLayers as y, EMPTY_SYNC_STATE as _ } from "./core/dist/data/sync.js";
+import { defineComponent as f, ref as m, onMounted as v, onUnmounted as S, watch as o, createCommentVNode as y } from "vue";
+import { toLayers as c, syncLayers as _, EMPTY_SYNC_STATE as h } from "./core/dist/data/sync.js";
 import { LineSeriesDef as b } from "./core/dist/series/line.js";
-import { useChartInstance as h } from "./context.js";
+import { rawSeriesData as p, seriesDataSource as C } from "./composables.js";
+import { useChartInstance as D } from "./context.js";
 const g = /* @__PURE__ */ f({
   __name: "LineSeries",
   props: {
@@ -11,33 +12,33 @@ const g = /* @__PURE__ */ f({
     visible: { type: Boolean, default: !0 },
     scale: {}
   },
-  setup(p) {
-    const r = p, i = h(), s = d(null);
-    let a = [], n = 0;
+  setup(d) {
+    const r = d, s = D(), a = m(null);
+    let n = [], i = 0;
     function l(e, t) {
-      a = y({ chart: i, id: e, data: t, prev: a });
+      n = _({ chart: s, id: e, data: t, prev: n });
     }
     function u(e) {
-      n = c(e).length;
-      const t = i.addSeries(b, {
+      i = c(e).length;
+      const t = s.addSeries(b, {
         ...r.options,
         scale: r.scale,
-        layers: n,
+        layers: i,
         id: r.id
       });
-      s.value = t, a = new Array(n).fill(_), l(t, e), i.setSeriesVisible(t, r.visible);
+      a.value = t, n = new Array(i).fill(h), l(t, e), s.setSeriesVisible(t, r.visible);
     }
-    return m(() => {
-      u(r.data);
-    }), v(() => {
-      s.value && i.removeSeries(s.value);
+    return v(() => {
+      u(p(r.data));
+    }), S(() => {
+      a.value && s.removeSeries(a.value);
     }), o(
-      () => r.data,
-      (e) => {
-        const t = s.value;
+      C(() => r.data),
+      () => {
+        const e = p(r.data), t = a.value;
         if (t) {
-          if (c(e).length !== n) {
-            i.removeSeries(t), u(e);
+          if (c(e).length !== i) {
+            s.removeSeries(t), u(e);
             return;
           }
           l(t, e);
@@ -46,15 +47,15 @@ const g = /* @__PURE__ */ f({
     ), o(
       () => [r.options, r.scale],
       ([e, t]) => {
-        s.value && i.updateSeriesOptions(s.value, e ? { ...e, scale: t } : { scale: t });
+        a.value && s.updateSeriesOptions(a.value, e ? { ...e, scale: t } : { scale: t });
       },
       { deep: !0 }
     ), o(
       () => r.visible,
       (e) => {
-        s.value && i.setSeriesVisible(s.value, e);
+        a.value && s.setSeriesVisible(a.value, e);
       }
-    ), (e, t) => S("", !0);
+    ), (e, t) => y("", !0);
   }
 });
 export {

package/dist/PieSeries.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as o, ref as n, onMounted as u, onUnmounted as l, watch as a, createCommentVNode as d } from "vue";
-import { PieSeriesDef as p } from "./core/dist/series/pie.js";
-import { useChartInstance as f } from "./context.js";
-const h = /* @__PURE__ */ o({
+import { defineComponent as n, ref as u, onMounted as d, onUnmounted as l, watch as s, createCommentVNode as p } from "vue";
+import { PieSeriesDef as f } from "./core/dist/series/pie.js";
+import { rawSeriesData as r, seriesDataSource as m } from "./composables.js";
+import { useChartInstance as c } from "./context.js";
+const D = /* @__PURE__ */ n({
   __name: "PieSeries",
   props: {
     data: {},
@@ -9,32 +10,32 @@ const h = /* @__PURE__ */ o({
     id: {},
     visible: { type: Boolean, default: !0 }
   },
-  setup(r) {
-    const i = r, s = f(), t = n(null);
-    return u(() => {
-      const e = s.addSeries(p, { ...i.options, id: i.id });
-      t.value = e, i.data.length > 0 && s.setSeriesData(e, i.data), s.setSeriesVisible(e, i.visible);
+  setup(o) {
+    const e = o, i = c(), t = u(null);
+    return d(() => {
+      const a = i.addSeries(f, { ...e.options, id: e.id });
+      t.value = a, e.data.length > 0 && i.setSeriesData(a, r(e.data)), i.setSeriesVisible(a, e.visible);
     }), l(() => {
-      t.value && s.removeSeries(t.value);
-    }), a(
-      () => i.data,
-      (e) => {
-        t.value && e.length > 0 && s.setSeriesData(t.value, e);
+      t.value && i.removeSeries(t.value);
+    }), s(
+      m(() => e.data),
+      () => {
+        t.value && e.data.length > 0 && i.setSeriesData(t.value, r(e.data));
       }
-    ), a(
-      () => i.options,
-      (e) => {
-        t.value && e && s.updateSeriesOptions(t.value, e);
+    ), s(
+      () => e.options,
+      (a) => {
+        t.value && a && i.updateSeriesOptions(t.value, a);
       },
       { deep: !0 }
-    ), a(
-      () => i.visible,
-      (e) => {
-        t.value && s.setSeriesVisible(t.value, e);
+    ), s(
+      () => e.visible,
+      (a) => {
+        t.value && i.setSeriesVisible(t.value, a);
       }
-    ), (e, c) => d("", !0);
+    ), (a, v) => p("", !0);
   }
 });
 export {
-  h as default
+  D as default
 };

package/dist/composables.js

@@ -1,17 +1,42 @@
-import { ref as l, onMounted as u, onUnmounted as a } from "vue";
-function A(e) {
-  const n = l(e.getVisibleRange()), i = () => {
+import { toRaw as A, ref as a, onMounted as u, onUnmounted as l } from "vue";
+function f(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e) && Array.isArray(Reflect.get(e, "data"));
+}
+function c(e) {
+  return f(e) ? [e.data] : Array.isArray(e) ? Array.isArray(e[0]) || f(e[0]) ? e.map((t) => f(t) ? t.data : t) : [e] : [];
+}
+function v(e) {
+  const n = A(e), t = (o) => {
+    if (!f(o)) return A(o);
+    const s = A(o);
+    return { ...s, data: A(s.data) };
+  };
+  return Array.isArray(n) ? Array.isArray(n[0]) || f(n[0]) ? n.map(t) : n : t(n);
+}
+function p(e) {
+  return () => {
+    const n = e(), t = [n];
+    for (const i of c(n)) {
+      t.push(i, i.length);
+      const o = i[i.length - 1];
+      typeof o == "object" && o !== null && t.push(...Object.values(o));
+    }
+    return t;
+  };
+}
+function h(e) {
+  const n = a(e.getVisibleRange()), t = () => {
     n.value = e.getVisibleRange();
   };
-  return u(() => e.on("viewportChange", i)), a(() => e.off("viewportChange", i)), n;
+  return u(() => e.on("viewportChange", t)), l(() => e.off("viewportChange", t)), n;
 }
-function d(e) {
-  const n = l(e.getYRange()), i = () => {
+function C(e) {
+  const n = a(e.getYRange()), t = () => {
     n.value = e.getYRange();
   };
-  return u(() => e.on("viewportChange", i)), a(() => e.off("viewportChange", i)), n;
+  return u(() => e.on("viewportChange", t)), l(() => e.off("viewportChange", t)), n;
 }
-function r(e) {
+function d(e) {
   return {
     yAxisPosition: e.yAxisPosition,
     yAxisWidth: e.yAxisWidth,
@@ -22,46 +47,48 @@ function r(e) {
     rightAxisScale: e.getAxisColumnScale("right")
   };
 }
-function h(e) {
-  const n = l(r(e)), i = () => {
-    const t = r(e), o = n.value;
-    o.yAxisPosition === t.yAxisPosition && o.yAxisWidth === t.yAxisWidth && o.xAxisHeight === t.xAxisHeight && o.leftAxisWidth === t.leftAxisWidth && o.rightAxisWidth === t.rightAxisWidth && o.leftAxisScale === t.leftAxisScale && o.rightAxisScale === t.rightAxisScale || (n.value = t);
+function S(e) {
+  const n = a(d(e)), t = () => {
+    const i = d(e), o = n.value;
+    o.yAxisPosition === i.yAxisPosition && o.yAxisWidth === i.yAxisWidth && o.xAxisHeight === i.xAxisHeight && o.leftAxisWidth === i.leftAxisWidth && o.rightAxisWidth === i.rightAxisWidth && o.leftAxisScale === i.leftAxisScale && o.rightAxisScale === i.rightAxisScale || (n.value = i);
   };
   return u(() => {
-    i(), e.on("viewportChange", i);
-  }), a(() => e.off("viewportChange", i)), n;
+    t(), e.on("viewportChange", t);
+  }), l(() => e.off("viewportChange", t)), n;
 }
-function p(e, n) {
-  let i = e.getLastValue(n);
-  const t = () => e.getYScale(e.getSeriesScale(n));
-  let o = i ? t().valueToY(i.value) : null;
-  const x = l(i), g = () => {
-    const s = e.getLastValue(n), f = s ? t().valueToY(s.value) : null;
-    i?.value === s?.value && i?.isLive === s?.isLive && o === f || (i = s, o = f, x.value = s);
+function w(e, n) {
+  let t = e.getLastValue(n);
+  const i = () => e.getYScale(e.getSeriesScale(n));
+  let o = t ? i().valueToY(t.value) : null;
+  const s = a(t), g = () => {
+    const r = e.getLastValue(n), x = r ? i().valueToY(r.value) : null;
+    t?.value === r?.value && t?.isLive === r?.isLive && o === x || (t = r, o = x, s.value = r);
   };
   return u(() => {
     e.on("dataUpdate", g), e.on("viewportChange", g);
-  }), a(() => {
+  }), l(() => {
     e.off("dataUpdate", g), e.off("viewportChange", g);
-  }), x;
+  }), s;
 }
-function C(e, n) {
-  const i = l(e.getPreviousClose(n)), t = () => {
-    i.value = e.getPreviousClose(n);
+function W(e, n) {
+  const t = a(e.getPreviousClose(n)), i = () => {
+    t.value = e.getPreviousClose(n);
   };
-  return u(() => e.on("dataUpdate", t)), a(() => e.off("dataUpdate", t)), i;
+  return u(() => e.on("dataUpdate", i)), l(() => e.off("dataUpdate", i)), t;
 }
-function c(e) {
-  const n = l(e.getCrosshairPosition()), i = () => {
+function P(e) {
+  const n = a(e.getCrosshairPosition()), t = () => {
     n.value = e.getCrosshairPosition();
   };
-  return u(() => e.on("crosshairMove", i)), a(() => e.off("crosshairMove", i)), n;
+  return u(() => e.on("crosshairMove", t)), l(() => e.off("crosshairMove", t)), n;
 }
 export {
-  h as useAxisLayout,
-  c as useCrosshairPosition,
-  p as useLastYValue,
-  C as usePreviousClose,
-  A as useVisibleRange,
-  d as useYRange
+  v as rawSeriesData,
+  p as seriesDataSource,
+  S as useAxisLayout,
+  P as useCrosshairPosition,
+  w as useLastYValue,
+  W as usePreviousClose,
+  h as useVisibleRange,
+  C as useYRange
 };