@wick-charts/vue 0.6.3 → 0.7.0

package/dist/composables.js

@@ -1,57 +1,67 @@
-import { ref as u, onMounted as a, onUnmounted as l } from "vue";
-function x(e) {
-  const o = u(e.getVisibleRange()), n = () => {
-    o.value = e.getVisibleRange();
+import { ref as l, onMounted as u, onUnmounted as a } from "vue";
+function A(e) {
+  const n = l(e.getVisibleRange()), i = () => {
+    n.value = e.getVisibleRange();
   };
-  return a(() => e.on("viewportChange", n)), l(() => e.off("viewportChange", n)), o;
+  return u(() => e.on("viewportChange", i)), a(() => e.off("viewportChange", i)), n;
 }
 function d(e) {
-  const o = u(e.getYRange()), n = () => {
-    o.value = e.getYRange();
+  const n = l(e.getYRange()), i = () => {
+    n.value = e.getYRange();
   };
-  return a(() => e.on("viewportChange", n)), l(() => e.off("viewportChange", n)), o;
+  return u(() => e.on("viewportChange", i)), a(() => e.off("viewportChange", i)), n;
 }
 function r(e) {
-  return { yAxisPosition: e.yAxisPosition, yAxisWidth: e.yAxisWidth, xAxisHeight: e.xAxisHeight };
+  return {
+    yAxisPosition: e.yAxisPosition,
+    yAxisWidth: e.yAxisWidth,
+    xAxisHeight: e.xAxisHeight,
+    leftAxisWidth: e.getAxisColumnWidth("left"),
+    rightAxisWidth: e.getAxisColumnWidth("right"),
+    leftAxisScale: e.getAxisColumnScale("left"),
+    rightAxisScale: e.getAxisColumnScale("right")
+  };
 }
-function p(e) {
-  const o = u(r(e)), n = () => {
-    const i = r(e), s = o.value;
-    s.yAxisPosition === i.yAxisPosition && s.yAxisWidth === i.yAxisWidth && s.xAxisHeight === i.xAxisHeight || (o.value = i);
+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);
   };
-  return a(() => {
-    n(), e.on("viewportChange", n);
-  }), l(() => e.off("viewportChange", n)), o;
+  return u(() => {
+    i(), e.on("viewportChange", i);
+  }), a(() => e.off("viewportChange", i)), n;
 }
-function A(e, o) {
-  let n = e.getLastValue(o), i = n ? e.yScale.valueToY(n.value) : null;
-  const s = u(n), g = () => {
-    const t = e.getLastValue(o), v = t ? e.yScale.valueToY(t.value) : null;
-    n?.value === t?.value && n?.isLive === t?.isLive && i === v || (n = t, i = v, s.value = t);
+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);
   };
-  return a(() => {
+  return u(() => {
     e.on("dataUpdate", g), e.on("viewportChange", g);
-  }), l(() => {
+  }), a(() => {
     e.off("dataUpdate", g), e.off("viewportChange", g);
-  }), s;
+  }), x;
 }
-function C(e, o) {
-  const n = u(e.getPreviousClose(o)), i = () => {
-    n.value = e.getPreviousClose(o);
+function C(e, n) {
+  const i = l(e.getPreviousClose(n)), t = () => {
+    i.value = e.getPreviousClose(n);
   };
-  return a(() => e.on("dataUpdate", i)), l(() => e.off("dataUpdate", i)), n;
+  return u(() => e.on("dataUpdate", t)), a(() => e.off("dataUpdate", t)), i;
 }
-function y(e) {
-  const o = u(e.getCrosshairPosition()), n = () => {
-    o.value = e.getCrosshairPosition();
+function c(e) {
+  const n = l(e.getCrosshairPosition()), i = () => {
+    n.value = e.getCrosshairPosition();
   };
-  return a(() => e.on("crosshairMove", n)), l(() => e.off("crosshairMove", n)), o;
+  return u(() => e.on("crosshairMove", i)), a(() => e.off("crosshairMove", i)), n;
 }
 export {
-  p as useAxisLayout,
-  y as useCrosshairPosition,
-  A as useLastYValue,
+  h as useAxisLayout,
+  c as useCrosshairPosition,
+  p as useLastYValue,
   C as usePreviousClose,
-  x as useVisibleRange,
+  A as useVisibleRange,
   d as useYRange
 };

package/dist/core/dist/animation/config.js

@@ -1,26 +1,27 @@
 import { spring as U } from "./spring.js";
 import { resolveAnimationTime as r } from "./time.js";
 import { hermite as S } from "./y-range-hermite.js";
-import { snap as u } from "./y-range-snap.js";
-const E = 250, p = 250, h = 500, ss = 400, k = E, g = p, I = h, N = 600, R = E, v = p, Y = h, O = E, C = p, b = h, x = 600, P = 250, H = 600, K = 300, G = 200, B = 150, X = 250, _ = 2500, m = 500, $ = 100, w = 250, j = 250, V = 400, f = {
+import { snap as y } from "./y-range-snap.js";
+const E = 250, _ = 250, T = 500, rs = 400, k = E, N = _, g = T, I = 600, R = E, b = _, v = T, O = E, Y = _, C = T, x = E, H = _, P = T, B = 600, K = 250, G = 600, X = 300, $ = 200, w = 150, j = 250, A = 2500, f = 500, V = 100, q = 250, z = 250, J = 400, L = {
   line: { entryMs: 0, smoothMs: 0, pulseMs: 0, introMs: 0 },
   candlestick: { entryMs: 0, smoothMs: 0, introMs: 0 },
   bar: { entryMs: 0, smoothMs: 0, introMs: 0 },
+  band: { entryMs: 0, smoothMs: 0, introMs: 0 },
   pie: { entryMs: 0, updateMs: 0 },
   heatmap: { entryMs: 0, updateMs: 0 }
 };
-function q(i) {
-  if (i !== null && typeof i == "object")
+function Q(o) {
+  if (o !== null && typeof o == "object")
     return {
-      stickyMs: r(i.max, _),
-      stickyFloorMs: r(i.min, m)
+      stickyMs: r(o.max, A),
+      stickyFloorMs: r(o.min, f)
     };
-  if (i === void 0)
-    return { stickyMs: _, stickyFloorMs: m };
-  const e = r(i, _);
+  if (o === void 0)
+    return { stickyMs: A, stickyFloorMs: f };
+  const e = r(o, A);
   return { stickyMs: e, stickyFloorMs: e };
 }
-class y {
+class p {
   axis;
   toggleMs;
   series;
@@ -35,37 +36,37 @@ class y {
    */
   static resolve(e) {
     if (e === !1)
-      return new y(
+      return new p(
         {
-          y: { curve: u(), settleMs: 0, stickyMs: 0, stickyFloorMs: 0, gestureMs: 0 },
-          x: { curve: u(), settleMs: 0, gestureMs: 0 },
+          y: { curve: y(), settleMs: 0, stickyMs: 0, stickyFloorMs: 0, gestureMs: 0 },
+          x: { curve: y(), settleMs: 0, gestureMs: 0 },
           ticksMs: 0,
           gridMs: 0
         },
         0,
-        f
+        L
       );
-    const s = e === !0 || e === void 0 ? void 0 : e, t = s?.axis, M = t === !1 ? !1 : t?.y, o = t === !1 ? !1 : t?.x, n = t === !1 ? !1 : t?.ticks, a = t === !1 ? !1 : t?.grid, l = s?.toggle, c = s?.series, T = M === !1 ? {
-      curve: u(),
+    const s = e === !0 || e === void 0 ? void 0 : e, t = s?.axis, M = t === !1 ? !1 : t?.y, i = t === !1 ? !1 : t?.x, n = t === !1 ? !1 : t?.ticks, a = t === !1 ? !1 : t?.grid, l = s?.toggle, u = s?.series, c = M === !1 ? {
+      curve: y(),
       settleMs: 0,
       stickyMs: 0,
       stickyFloorMs: 0,
       gestureMs: 0
     } : {
       curve: M?.curve ?? S(),
-      settleMs: r(M?.settle, X),
-      ...q(M?.sticky),
-      gestureMs: r(M?.gesture, $)
-    }, A = o === !1 ? {
-      curve: u(),
+      settleMs: r(M?.settle, j),
+      ...Q(M?.sticky),
+      gestureMs: r(M?.gesture, V)
+    }, h = i === !1 ? {
+      curve: y(),
       settleMs: 0,
       gestureMs: 0
     } : {
-      curve: o?.curve ?? U(),
-      settleMs: r(o?.settle, G),
-      gestureMs: r(o?.gesture, B)
-    }, L = n === !1 ? 0 : r(n, j), d = a === !1 ? 0 : r(a, V), D = r(l, w), F = z(c);
-    return new y({ y: T, x: A, ticksMs: L, gridMs: d }, D, F);
+      curve: i?.curve ?? U(),
+      settleMs: r(i?.settle, $),
+      gestureMs: r(i?.gesture, w)
+    }, m = n === !1 ? 0 : r(n, z), D = a === !1 ? 0 : r(a, J), d = r(l, q), F = W(u);
+    return new p({ y: c, x: h, ticksMs: m, gridMs: D }, d, F);
   }
   /**
    * Per-renderer-type chart-level option payload — merged BEFORE user
@@ -76,8 +77,8 @@ class y {
    */
   defaults(e) {
     if (e === "line") {
-      const { entryMs: s, smoothMs: t, pulseMs: M, introMs: o } = this.series.line;
-      return { entryMs: s, smoothMs: t, pulseMs: M, introMs: o };
+      const { entryMs: s, smoothMs: t, pulseMs: M, introMs: i } = this.series.line;
+      return { entryMs: s, smoothMs: t, pulseMs: M, introMs: i };
     }
     if (e === "candlestick") {
       const { entryMs: s, smoothMs: t, introMs: M } = this.series.candlestick;
@@ -95,6 +96,10 @@ class y {
       const { entryMs: s, smoothMs: t, introMs: M } = this.series.bar;
       return { entryMs: s, smoothMs: t, introMs: M };
     }
+    if (e === "band") {
+      const { entryMs: s, smoothMs: t, introMs: M } = this.series.band;
+      return { entryMs: s, smoothMs: t, introMs: M };
+    }
     return {};
   }
   /**
@@ -106,69 +111,81 @@ class y {
   overrides(e) {
     const s = {};
     if (e === "line") {
-      const { entryMs: n, smoothMs: a, pulseMs: l, introMs: c } = this.series.line;
-      return n === 0 && (s.entryMs = 0), a === 0 && (s.smoothMs = 0), l === 0 && (s.pulseMs = 0), c === 0 && (s.introMs = 0), s;
+      const { entryMs: a, smoothMs: l, pulseMs: u, introMs: c } = this.series.line;
+      return a === 0 && (s.entryMs = 0), l === 0 && (s.smoothMs = 0), u === 0 && (s.pulseMs = 0), c === 0 && (s.introMs = 0), s;
     }
     if (e === "pie")
       return this.series.pie.entryMs === 0 && (s.entryMs = 0), s;
     if (e === "heatmap") {
-      const { entryMs: n, updateMs: a } = this.series.heatmap;
-      return n === 0 && (s.entryMs = 0), a === 0 && (s.updateMs = 0), s;
+      const { entryMs: a, updateMs: l } = this.series.heatmap;
+      return a === 0 && (s.entryMs = 0), l === 0 && (s.updateMs = 0), s;
     }
-    if (e !== "candlestick" && e !== "bar")
+    const t = this.#s(e);
+    if (t === null)
       return s;
-    const { entryMs: t, smoothMs: M, introMs: o } = e === "candlestick" ? this.series.candlestick : this.series.bar;
-    return t === 0 && (s.entryMs = 0), M === 0 && (s.smoothMs = 0), o === 0 && (s.introMs = 0), s;
+    const { entryMs: M, smoothMs: i, introMs: n } = t;
+    return M === 0 && (s.entryMs = 0), i === 0 && (s.smoothMs = 0), n === 0 && (s.introMs = 0), s;
+  }
+  /** Durations of a series type with entry / smooth / intro knobs, or `null` for any other kind. */
+  #s(e) {
+    return e === "candlestick" ? this.series.candlestick : e === "bar" ? this.series.bar : e === "band" ? this.series.band : null;
   }
 }
-function z(i) {
-  if (i === !1) return f;
-  const e = i?.line, s = i?.candlestick, t = i?.bar, M = i?.pie, o = i?.heatmap, n = e === !1 ? { entryMs: 0, smoothMs: 0, pulseMs: 0, introMs: 0 } : {
+function W(o) {
+  if (o === !1) return L;
+  const e = o?.line, s = o?.candlestick, t = o?.bar, M = o?.band, i = o?.pie, n = o?.heatmap, a = e === !1 ? { entryMs: 0, smoothMs: 0, pulseMs: 0, introMs: 0 } : {
     entryMs: r(e?.entry, k),
-    smoothMs: r(e?.smooth, g),
-    pulseMs: r(e?.pulse, N),
-    introMs: r(e?.intro, I)
-  }, a = s === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
+    smoothMs: r(e?.smooth, N),
+    pulseMs: r(e?.pulse, I),
+    introMs: r(e?.intro, g)
+  }, l = s === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
     entryMs: r(s?.entry, R),
-    smoothMs: r(s?.smooth, v),
-    introMs: r(s?.intro, Y)
-  }, l = t === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
+    smoothMs: r(s?.smooth, b),
+    introMs: r(s?.intro, v)
+  }, u = t === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
     entryMs: r(t?.entry, O),
-    smoothMs: r(t?.smooth, C),
-    introMs: r(t?.intro, b)
-  }, c = M === !1 ? { entryMs: 0, updateMs: 0 } : {
+    smoothMs: r(t?.smooth, Y),
+    introMs: r(t?.intro, C)
+  }, c = M === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
     entryMs: r(M?.entry, x),
-    updateMs: r(M?.update, P)
-  }, T = o === !1 ? { entryMs: 0, updateMs: 0 } : {
-    entryMs: r(o?.entry, H),
-    updateMs: r(o?.update, K)
+    smoothMs: r(M?.smooth, H),
+    introMs: r(M?.intro, P)
+  }, h = i === !1 ? { entryMs: 0, updateMs: 0 } : {
+    entryMs: r(i?.entry, B),
+    updateMs: r(i?.update, K)
+  }, m = n === !1 ? { entryMs: 0, updateMs: 0 } : {
+    entryMs: r(n?.entry, G),
+    updateMs: r(n?.update, X)
   };
-  return { line: n, candlestick: a, bar: l, pie: c, heatmap: T };
+  return { line: a, candlestick: l, bar: u, band: c, pie: h, heatmap: m };
 }
 export {
-  y as AnimationConfig,
+  p as AnimationConfig,
+  x as DEFAULT_BAND_ENTRY,
+  P as DEFAULT_BAND_INTRO,
+  H as DEFAULT_BAND_SMOOTH,
   O as DEFAULT_BAR_ENTRY,
-  b as DEFAULT_BAR_INTRO,
-  C as DEFAULT_BAR_SMOOTH,
+  C as DEFAULT_BAR_INTRO,
+  Y as DEFAULT_BAR_SMOOTH,
   R as DEFAULT_CANDLESTICK_ENTRY,
-  Y as DEFAULT_CANDLESTICK_INTRO,
-  v as DEFAULT_CANDLESTICK_SMOOTH,
-  V as DEFAULT_GRID_MS,
-  H as DEFAULT_HEATMAP_ENTRY,
-  K as DEFAULT_HEATMAP_UPDATE,
-  ss as DEFAULT_HISTORY_REVEAL,
+  v as DEFAULT_CANDLESTICK_INTRO,
+  b as DEFAULT_CANDLESTICK_SMOOTH,
+  J as DEFAULT_GRID_MS,
+  G as DEFAULT_HEATMAP_ENTRY,
+  X as DEFAULT_HEATMAP_UPDATE,
+  rs as DEFAULT_HISTORY_REVEAL,
   k as DEFAULT_LINE_ENTRY,
-  I as DEFAULT_LINE_INTRO,
-  N as DEFAULT_LINE_PULSE,
-  g as DEFAULT_LINE_SMOOTH,
-  x as DEFAULT_PIE_ENTRY,
-  P as DEFAULT_PIE_UPDATE,
-  j as DEFAULT_TICKS_MS,
-  w as DEFAULT_TOGGLE_MS,
-  B as DEFAULT_X_GESTURE_MS,
-  G as DEFAULT_X_SETTLE_MS,
-  $ as DEFAULT_Y_GESTURE_MS,
-  X as DEFAULT_Y_SETTLE_MS,
-  _ as DEFAULT_Y_STICKY_MAX_MS,
-  m as DEFAULT_Y_STICKY_MIN_MS
+  g as DEFAULT_LINE_INTRO,
+  I as DEFAULT_LINE_PULSE,
+  N as DEFAULT_LINE_SMOOTH,
+  B as DEFAULT_PIE_ENTRY,
+  K as DEFAULT_PIE_UPDATE,
+  z as DEFAULT_TICKS_MS,
+  q as DEFAULT_TOGGLE_MS,
+  w as DEFAULT_X_GESTURE_MS,
+  $ as DEFAULT_X_SETTLE_MS,
+  V as DEFAULT_Y_GESTURE_MS,
+  j as DEFAULT_Y_SETTLE_MS,
+  A as DEFAULT_Y_STICKY_MAX_MS,
+  f as DEFAULT_Y_STICKY_MIN_MS
 };