@wick-charts/vue 0.6.3 → 0.6.4

package/README.md

@@ -11,7 +11,7 @@ High-performance timeseries charts for **React**, **Vue**, and **Svelte**. Canva
 
 ## Features
 
-- **Candlestick, Line, Bar, Pie, Sparkline** — all from one package
+- **Candlestick, Line, Bar, Band, Pie, Sparkline** — all from one package
 - **Real-time streaming** — append/update at 60fps with coordinated animations
 - **22 built-in themes** plus `createTheme()` for custom palettes
 - **Interactive** — zoom, pan, crosshair, tooltips
@@ -55,7 +55,7 @@ Every component, prop, type, and slot context lives in the docs site:
 
 [wick-charts.eeff.io/api/chart-container/](https://wick-charts.eeff.io/api/chart-container/)
 
-Start there for [ChartContainer](https://wick-charts.eeff.io/api/chart-container/), then drill into the series ([Candlestick](https://wick-charts.eeff.io/api/candlestick-series/), [Line](https://wick-charts.eeff.io/api/line-series/), [Bar](https://wick-charts.eeff.io/api/bar-series/), [Pie](https://wick-charts.eeff.io/api/pie-series/), [Sparkline](https://wick-charts.eeff.io/api/sparkline/)) and overlays ([Tooltip](https://wick-charts.eeff.io/api/tooltip/), [InfoBar](https://wick-charts.eeff.io/api/info-bar/), [Crosshair](https://wick-charts.eeff.io/api/crosshair/), [Legend](https://wick-charts.eeff.io/api/legend/), [YAxis](https://wick-charts.eeff.io/api/y-axis/), [XAxis](https://wick-charts.eeff.io/api/x-axis/), [Navigator](https://wick-charts.eeff.io/api/navigator/), …).
+Start there for [ChartContainer](https://wick-charts.eeff.io/api/chart-container/), then drill into the series ([Candlestick](https://wick-charts.eeff.io/api/candlestick-series/), [Line](https://wick-charts.eeff.io/api/line-series/), [Bar](https://wick-charts.eeff.io/api/bar-series/), [Band](https://wick-charts.eeff.io/api/band-series/), [Pie](https://wick-charts.eeff.io/api/pie-series/), [Sparkline](https://wick-charts.eeff.io/api/sparkline/)) and overlays ([Tooltip](https://wick-charts.eeff.io/api/tooltip/), [InfoBar](https://wick-charts.eeff.io/api/info-bar/), [Crosshair](https://wick-charts.eeff.io/api/crosshair/), [Legend](https://wick-charts.eeff.io/api/legend/), [YAxis](https://wick-charts.eeff.io/api/y-axis/), [XAxis](https://wick-charts.eeff.io/api/x-axis/), [Navigator](https://wick-charts.eeff.io/api/navigator/), …).
 
 ## No framework? Use the engine directly
 

package/dist/BandSeries.vue.js

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

package/dist/BandSeries.vue2.js

@@ -0,0 +1,4 @@
+import f from "./BandSeries.vue.js";
+export {
+  f as default
+};

package/dist/ChartContainer.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as U, ref as d, shallowRef as D, provide as l, watch as r, computed as v, onMounted as G, nextTick as g, onUnmounted as I, openBlock as y, createElementBlock as m, normalizeStyle as q, createElementVNode as o, createCommentVNode as w, renderSlot as J } from "vue";
-import { ChartInstance as F } from "./core/dist/chart.js";
-import { deepEqual as P } from "./core/dist/utils/deep-equal.js";
+import { defineComponent as U, ref as d, shallowRef as F, provide as l, watch as r, computed as v, onMounted as G, nextTick as g, onUnmounted as I, openBlock as y, createElementBlock as m, normalizeStyle as q, createElementVNode as o, createCommentVNode as w, renderSlot as J } from "vue";
+import { ChartInstance as P } from "./core/dist/chart.js";
+import { deepEqual as T } from "./core/dist/utils/deep-equal.js";
 import { catppuccin as Q } from "./core/dist/theme/themes/catppuccin.js";
 import { ChartKey as W, ThemeKey as X, TitleAnchorKey as Y, InfoBarAnchorKey as Z, LegendAnchorKey as ee, LegendRightAnchorKey as te, NavigatorAnchorKey as ie } from "./context.js";
 const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-height": "0" } }, oe = { style: { display: "flex", "flex-direction": "column", flex: "1", "min-width": "0", "min-height": "0" } }, ne = {
@@ -35,7 +35,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
     onCrosshairMove: {}
   },
   setup(b) {
-    const e = b, u = d(), a = D(null), x = D(e.theme), c = e.perf, h = e.onEdgeReached, C = d(null), R = d(null), k = d(null), _ = d(null), E = d(null), B = d(null);
+    const e = b, u = d(), a = F(null), x = F(e.theme), c = e.perf, h = e.onEdgeReached, C = d(null), R = d(null), k = d(null), _ = d(null), E = d(null), B = d(null);
     l(W, a), l(X, x), l(Y, R), l(Z, k), l(ee, _), l(te, E), l(ie, B);
     let f = null;
     const s = d(0);
@@ -44,12 +44,12 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
       ([t, i]) => t?.setHeaderHeight(i),
       { immediate: !0 }
     );
-    const O = v(() => e.fade === !1 ? !1 : typeof e.fade == "object" ? e.fade.top !== void 0 || e.fade.overlap !== void 0 : e.fade === !0), S = v(() => {
-      if (!O.value) return 0;
+    const L = v(() => e.fade === !1 ? !1 : typeof e.fade == "object" ? e.fade.top !== void 0 || e.fade.overlap !== void 0 : e.fade === !0), S = v(() => {
+      if (!L.value) return 0;
       const t = typeof e.fade == "object" ? e.fade.overlap : void 0;
       return t !== void 0 ? Math.max(0, t) : s.value / 2;
-    }), L = v(() => {
-      if (!O.value) return 0;
+    }), O = v(() => {
+      if (!L.value) return 0;
       if (typeof e.fade == "object" && e.fade.top !== void 0) return e.fade.top;
       const t = e.headerLayout === "overlay" ? s.value : 0;
       return t > 0 ? t + z : z;
@@ -76,7 +76,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
         a.value.setFade({ top: 0, right: 0, left: 0 });
         return;
       }
-      const t = { top: L.value };
+      const t = { top: O.value };
       typeof e.fade == "object" && (e.fade.right !== void 0 && (t.right = e.fade.right), e.fade.left !== void 0 && (t.left = e.fade.left)), a.value.setFade(t);
     }
     function V() {
@@ -99,7 +99,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
     G(async () => {
       if (!u.value) return;
       const t = {};
-      e.axis && (t.axis = e.axis), e.theme && (t.theme = e.theme), e.padding && (t.padding = e.padding), e.viewport && (t.viewport = e.viewport), e.interactive !== void 0 && (t.interactive = e.interactive), e.grid !== void 0 && (t.grid = e.grid), c !== void 0 && (t.perf = c), h && (t.onEdgeReached = h), e.animations !== void 0 && (t.animations = e.animations), M(t), a.value = new F(u.value, t), H(a.value), e.onReady?.(a.value), await g(), V();
+      e.axis && (t.axis = e.axis), e.theme && (t.theme = e.theme), e.padding && (t.padding = e.padding), e.viewport && (t.viewport = e.viewport), e.interactive !== void 0 && (t.interactive = e.interactive), e.grid !== void 0 && (t.grid = e.grid), c !== void 0 && (t.perf = c), h && (t.onEdgeReached = h), e.animations !== void 0 && (t.animations = e.animations), M(t), a.value = new P(u.value, t), H(a.value), e.onReady?.(a.value), await g(), V();
     }), I(() => {
       f?.disconnect(), f = null, a.value?.destroy(), a.value = null;
     }), r(
@@ -128,17 +128,17 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
     r(
       () => e.animations,
       async (t) => {
-        if (P(t, K) || (K = t, !a.value || !u.value)) return;
+        if (T(t, K) || (K = t, !a.value || !u.value)) return;
         a.value.destroy(), a.value = null, await g();
         const i = {};
-        e.axis && (i.axis = e.axis), e.theme && (i.theme = e.theme), e.padding && (i.padding = e.padding), e.viewport && (i.viewport = e.viewport), e.interactive !== void 0 && (i.interactive = e.interactive), e.grid !== void 0 && (i.grid = e.grid), c !== void 0 && (i.perf = c), h && (i.onEdgeReached = h), t !== void 0 && (i.animations = t), M(i), a.value = new F(u.value, i), H(a.value), e.onReady?.(a.value);
+        e.axis && (i.axis = e.axis), e.theme && (i.theme = e.theme), e.padding && (i.padding = e.padding), e.viewport && (i.viewport = e.viewport), e.interactive !== void 0 && (i.interactive = e.interactive), e.grid !== void 0 && (i.grid = e.grid), c !== void 0 && (i.perf = c), h && (i.onEdgeReached = h), t !== void 0 && (i.animations = t), M(i), a.value = new P(u.value, i), H(a.value), e.onReady?.(a.value);
       }
     );
     let p;
     r(
       () => [a.value, e.visibleRange],
       async ([t, i]) => {
-        !t || i === void 0 || p !== void 0 && p.instance === t && P(p.spec, i) || (p = { instance: t, spec: i }, await g(), t.setVisibleRange(i));
+        !t || i === void 0 || p !== void 0 && p.instance === t && T(p.spec, i) || (p = { instance: t, spec: i }, await g(), t.setVisibleRange(i));
       },
       { immediate: !0 }
     ), r(
@@ -150,10 +150,10 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
         j.value
       ],
       A
-    ), r(() => [a.value, L.value, e.fade], $, { immediate: !0 });
+    ), r(() => [a.value, O.value, e.fade], $, { immediate: !0 });
     const N = v(() => {
-      const t = x.value, [i, n] = t?.chartGradient ?? ["transparent", "transparent"], T = t?.background ?? "transparent";
-      return `position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 240px; overflow: hidden; background: ${e.gradient ? `linear-gradient(to bottom, ${i} 0%, ${T} 70%, ${n} 100%)` : T}`;
+      const t = x.value, [i, n] = t?.chartGradient ?? ["transparent", "transparent"], D = t?.background ?? "transparent";
+      return `position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 240px; overflow: hidden; background: ${e.gradient ? `linear-gradient(to bottom, ${i} 0%, ${D} 70%, ${n} 100%)` : D}`;
     });
     return (t, i) => (y(), m("div", {
       style: q(N.value)

package/dist/LineSeries.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as u, ref as p, onMounted as d, onUnmounted as c, watch
 import { toLayers as m, EMPTY_SYNC_STATE as v, syncLayers as y } from "./core/dist/data/sync.js";
 import { LineSeriesDef as S } from "./core/dist/series/line.js";
 import { useChartInstance as _ } from "./context.js";
-const V = /* @__PURE__ */ u({
+const E = /* @__PURE__ */ u({
   __name: "LineSeries",
   props: {
     data: {},
@@ -46,5 +46,5 @@ const V = /* @__PURE__ */ u({
   }
 });
 export {
-  V as default
+  E as default
 };

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
 };

package/dist/core/dist/chart/badge-animator.js

@@ -1,6 +1,6 @@
 import { ScalarSpring as g } from "../animation/scalar-spring.js";
-const r = 320, V = 0.15;
-class x {
+const l = 320, V = 0.15;
+class b {
   #t;
   #e;
   #i = !1;
@@ -8,45 +8,53 @@ class x {
     this.#t = new g(i), this.#e = i;
   }
   frame(i) {
-    const { target: t, firstVisible: n, introFront: o, now: s, glide: u = !0, countUp: l = !0, reducedMotion: p = !1 } = i;
-    if (p || !u && !l)
+    const { target: t, firstVisible: n, introFront: r, now: s, glide: a = !0, countUp: u = !0, reducedMotion: p = !1 } = i;
+    if (p || !a && !u)
       return this.#t.snap(t, { now: s }), this.#e = t, this.#i = !0, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    if (o < 1) {
-      const f = n + (t - n) * o, a = l ? f : t;
-      return this.#t.snap(a, { now: s }), this.#e = a, this.#i = !0, { positionValue: a, textValue: a, opacity: this.#s(o), animating: !0 };
+    if (r < 1) {
+      const h = n + (t - n) * r, o = u ? h : t;
+      return this.#t.snap(o, { now: s }), this.#e = o, this.#i = !0, { positionValue: o, textValue: o, opacity: this.#s(r), animating: !0 };
     }
     if (!this.#i)
       return this.#t.snap(t, { now: s }), this.#e = t, this.#i = !0, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    if (!u)
+    if (!a)
       return this.#t.snap(t, { now: s }), this.#e = t, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    const c = i.settleMs ?? r;
+    const c = i.settleMs ?? l;
     if (c <= 0)
       return this.#t.snap(t, { now: s }), this.#e = t, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    Math.abs(t - this.#e) > m && (this.#t.retarget(t, { now: s, settleMs: c }), this.#e = t);
-    const h = this.#t.tick(s);
-    return { positionValue: this.#t.current, textValue: t, opacity: 1, animating: h };
+    Math.abs(t - this.#e) > d && (this.#t.retarget(t, { now: s, settleMs: c }), this.#e = t);
+    const f = this.#t.tick(s);
+    return { positionValue: this.#t.current, textValue: t, opacity: 1, animating: f };
   }
   #s(i) {
-    return i >= 1 ? 1 : d(i / V);
+    return i >= 1 ? 1 : y(i / V);
   }
 }
-const m = 1e-9;
-function d(e) {
+const d = 1e-9;
+function y(e) {
   return e <= 0 ? 0 : e >= 1 ? 1 : e;
 }
-function M(e) {
-  return e === !1 ? { glide: !1, countUp: !1, settleMs: 0 } : e === void 0 || e === !0 ? { glide: !0, countUp: !0, settleMs: r } : {
+function w(e) {
+  return e === !1 ? { glide: !1, countUp: !1, settleMs: 0 } : e === void 0 || e === !0 ? { glide: !0, countUp: !0, settleMs: l } : {
     glide: e.glide ?? !0,
     countUp: e.countUp ?? !0,
-    settleMs: e.settleMs ?? r
+    settleMs: e.settleMs ?? l
   };
 }
-function y(e, i, t) {
+function M(e, i, t) {
   const { from: n } = e.getVisibleRange();
   return e.getStackedValueAtTime(i, n) ?? t;
 }
+function S(e, i) {
+  if (i !== void 0) return i;
+  const t = new Set(e.getSeriesIdsByType("band")), n = (a) => !t.has(a), r = e.getSeriesIdsByType("time", { visibleOnly: !0, singleLayerOnly: !0 }).filter(n);
+  if (r.length > 0) return r[0];
+  const s = e.getSeriesIdsByType("time", { visibleOnly: !0 }).filter(n);
+  return s.length > 0 ? s[0] : null;
+}
 export {
-  x as BadgeAnimator,
-  y as firstVisibleValue,
-  M as resolveAnimate
+  b as BadgeAnimator,
+  M as firstVisibleValue,
+  w as resolveAnimate,
+  S as resolveYLabelSeriesId
 };

package/dist/core/dist/chart/edge-indicators.js

@@ -1,41 +1,42 @@
 import { renderEdgeIndicator as s } from "../components/edge-indicator.js";
-function d(e) {
-  const o = performance.now();
-  for (const t of ["left", "right"]) {
-    let r = e.edgeStates[t], n = 1;
+import { pointValue as c } from "../utils/point.js";
+function h(e) {
+  const t = performance.now();
+  for (const o of ["left", "right"]) {
+    let r = e.edgeStates[o], n = 1;
     if (r === "idle" || r === "has-more") {
-      const a = e.edgeExitFades[t];
+      const a = e.edgeExitFades[o];
       if (a === null) continue;
       r = "loading", n = a;
     }
-    const l = e.resolveBoundary(t);
+    const l = e.resolveBoundary(o);
     if (l === null) continue;
-    const { context: c } = e.scope;
-    n < 1 && (c.save(), c.globalAlpha *= n), s({
+    const { context: i } = e.scope;
+    n < 1 && (i.save(), i.globalAlpha *= n), s({
       scope: e.scope,
       timeScale: e.timeScale,
       theme: e.theme,
       chartMediaWidth: e.chartMediaWidth,
       chartMediaHeight: e.chartMediaHeight,
       boundaryTime: l,
-      side: t,
+      side: o,
       state: r,
-      now: o,
-      customIndicator: e.edgeIndicatorFns[t],
-      resolveEdgeAnchor: () => e.resolveEdgeAnchor(t, l),
+      now: t,
+      customIndicator: e.edgeIndicatorFns[o],
+      resolveEdgeAnchor: () => e.resolveEdgeAnchor(o, l),
       resolveEdgeBarSpacing: () => e.resolveEdgeBarSpacing(),
-      reportPlaceholders: (a) => e.reportPlaceholders(t, a)
-    }), n < 1 && c.restore();
+      reportPlaceholders: (a) => e.reportPlaceholders(o, a)
+    }), n < 1 && i.restore();
   }
 }
-function g(e, o, t) {
-  return o !== null ? o : e === "left" ? t.first ?? null : t.last ?? null;
+function u(e, t, o) {
+  return t !== null ? t : e === "left" ? o.first ?? null : o.last ?? null;
 }
-function u(e, o) {
-  return "close" in o ? e === "left" ? o.open : o.close : o.value;
+function f(e, t) {
+  return "close" in t ? e === "left" ? t.open : t.close : c(t);
 }
 export {
-  d as drawEdgeIndicators,
-  u as resolveEdgeAnchorValue,
-  g as resolveEdgeBoundary
+  h as drawEdgeIndicators,
+  f as resolveEdgeAnchorValue,
+  u as resolveEdgeBoundary
 };

package/dist/core/dist/chart/last-value.js

@@ -1,32 +1,39 @@
-import { isTimeSeriesRenderer as c } from "../series/types.js";
-const a = (e) => "close" in e ? e.close : e.value;
-function d(e, s, i) {
-  const t = s.find((f) => f.id === e);
+import { isTimeSeriesRenderer as d } from "../series/types.js";
+import { isBandPoint as g, pointValue as m } from "../utils/point.js";
+function o(n) {
+  return g(n) ? null : m(n);
+}
+function L(n, i, u) {
+  const t = i.find((l) => l.id === n);
   if (!t) return null;
-  const n = t.renderer;
-  if (!c(n)) return null;
-  const r = n.getLastDataPoint();
-  if (!r) return null;
-  const { from: u, to: o } = i;
-  if (r.time >= u && r.time <= o)
-    return { value: a(r), isLive: !0 };
-  const l = n.getVisibleDataPoints(u, o);
-  return l.length === 0 ? null : { value: a(l[l.length - 1]), isLive: !1 };
+  const r = t.renderer;
+  if (!d(r)) return null;
+  const e = r.getLastDataPoint();
+  if (!e) return null;
+  const { from: a, to: c } = u;
+  if (e.time >= a && e.time <= c) {
+    const l = o(e);
+    return l === null ? null : { value: l, isLive: !0 };
+  }
+  const s = r.getVisibleDataPoints(a, c);
+  if (s.length === 0) return null;
+  const f = o(s[s.length - 1]);
+  return f === null ? null : { value: f, isLive: !1 };
 }
-function v(e, s, i) {
-  const t = s.find((r) => r.id === e);
-  return t ? t.renderer.getStackedLastValue?.() || d(e, s, i) : null;
+function p(n, i, u) {
+  const t = i.find((e) => e.id === n);
+  return t ? t.renderer.getStackedLastValue?.() || L(n, i, u) : null;
 }
-function L(e, s) {
-  const i = s.find((r) => r.id === e);
-  if (!i) return null;
-  const t = i.renderer;
-  if (!c(t)) return null;
-  const n = t.getSecondLastDataPoint();
-  return n ? "close" in n ? n.close : n.value : null;
+function V(n, i) {
+  const u = i.find((e) => e.id === n);
+  if (!u) return null;
+  const t = u.renderer;
+  if (!d(t)) return null;
+  const r = t.getSecondLastDataPoint();
+  return r ? o(r) : null;
 }
 export {
-  d as getLastValue,
-  L as getPreviousClose,
-  v as getStackedLastValue
+  L as getLastValue,
+  V as getPreviousClose,
+  p as getStackedLastValue
 };