@wick-charts/vue 0.6.2 → 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 r, shallowRef as P, provide as l, computed as v, onMounted as G, nextTick as g, onUnmounted as I, watch as d, openBlock as y, createElementBlock as m, normalizeStyle as q, createElementVNode as o, createCommentVNode as w, renderSlot as J } from "vue";
-import { ChartInstance as T } from "./core/dist/chart.js";
-import { deepEqual as z } 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 = {
@@ -11,7 +11,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
   key: 1,
   "data-chart-series-overlay": "",
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "3" }
-}, H = 24, ce = /* @__PURE__ */ U({
+}, z = 24, ce = /* @__PURE__ */ U({
   __name: "ChartContainer",
   props: {
     theme: { default: () => Q.theme },
@@ -19,7 +19,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
     padding: {},
     viewport: {},
     visibleRange: {},
-    gradient: { type: Boolean, default: !0 },
+    gradient: { type: Boolean, default: !1 },
     interactive: { type: Boolean, default: !0 },
     grid: {},
     fade: { type: [Boolean, Object], default: void 0 },
@@ -35,24 +35,30 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
     onCrosshairMove: {}
   },
   setup(b) {
-    const e = b, s = r(), a = P(null), x = P(e.theme), c = e.perf, p = e.onEdgeReached, C = r(null), R = r(null), k = r(null), _ = r(null), E = r(null), B = r(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 u = r(0), 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 s = d(0);
+    r(
+      () => [a.value, e.headerLayout === "overlay" ? s.value : 0],
+      ([t, i]) => t?.setHeaderHeight(i),
+      { immediate: !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) : u.value / 2;
-    }), j = v(() => {
-      if (!O.value) return 0;
+      return t !== void 0 ? Math.max(0, t) : s.value / 2;
+    }), 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" ? u.value : 0;
-      return t > 0 ? t + H : H;
-    }), L = v(
-      () => e.headerLayout === "overlay" ? Math.max(0, u.value - S.value) : 0
+      const t = e.headerLayout === "overlay" ? s.value : 0;
+      return t > 0 ? t + z : z;
+    }), j = v(
+      () => e.headerLayout === "overlay" ? Math.max(0, s.value - S.value) : 0
     );
     function A() {
       if (!a.value) return;
-      const i = { top: (e.padding?.top ?? 20) + L.value };
+      const i = { top: (e.padding?.top ?? 20) + j.value };
       e.padding?.bottom !== void 0 && (i.bottom = e.padding.bottom), e.padding?.right !== void 0 && (i.right = e.padding.right), e.padding?.left !== void 0 && (i.left = e.padding.left), a.value.setPadding(i);
     }
     function M(t) {
@@ -70,84 +76,84 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
         a.value.setFade({ top: 0, right: 0, left: 0 });
         return;
       }
-      const t = { top: j.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() {
       f?.disconnect(), f = null;
       const t = e.headerLayout === "overlay" ? C.value : null;
       if (!t) {
-        u.value = 0, A();
+        s.value = 0, A();
         return;
       }
       const i = () => {
-        u.value = t.getBoundingClientRect().height, A();
+        s.value = t.getBoundingClientRect().height, A();
       };
       i(), f = new ResizeObserver(i), f.observe(t);
     }
-    function K(t) {
+    function H(t) {
       t.on("pointClick", (n) => e.onPointClick?.(n)), t.on("pointDoubleClick", (n) => e.onPointDoubleClick?.(n)), t.on("seriesHover", (n) => e.onSeriesHover?.(n)), t.on("crosshairMove", (n) => e.onCrosshairMove?.(n));
       const i = () => e.onVisibleRangeChange?.(t.getVisibleRange());
       t.on("viewportChange", i), t.on("dataUpdate", i), t.on("seriesChange", i);
     }
     G(async () => {
-      if (!s.value) return;
+      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), p && (t.onEdgeReached = p), e.animations !== void 0 && (t.animations = e.animations), M(t), a.value = new T(s.value, t), K(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;
-    }), d(
+    }), r(
       () => e.headerLayout,
       async () => {
         a.value && (await g(), V());
       }
-    ), d(
+    ), r(
       () => e.theme,
       (t) => {
         a.value && t && (a.value.setTheme(t), x.value = t);
       }
-    ), d(
+    ), r(
       () => e.axis,
       (t) => {
         a.value && t && a.value.setAxis(t);
       },
       { deep: !0 }
-    ), d(
+    ), r(
       () => e.grid?.visible,
       () => {
         a.value && e.grid !== void 0 && a.value.setGrid(e.grid);
       }
     );
-    let D = e.animations;
-    d(
+    let K = e.animations;
+    r(
       () => e.animations,
       async (t) => {
-        if (z(t, D) || (D = t, !a.value || !s.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), p && (i.onEdgeReached = p), t !== void 0 && (i.animations = t), M(i), a.value = new T(s.value, i), K(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 h;
-    d(
+    let p;
+    r(
       () => [a.value, e.visibleRange],
       async ([t, i]) => {
-        !t || i === void 0 || h !== void 0 && h.instance === t && z(h.spec, i) || (h = { 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 }
-    ), d(
+    ), r(
       () => [
         e.padding?.top,
         e.padding?.bottom,
         typeof e.padding?.right == "object" ? e.padding.right.intervals : e.padding?.right,
         typeof e.padding?.left == "object" ? e.padding.left.intervals : e.padding?.left,
-        L.value
+        j.value
       ],
       A
-    ), d(() => [a.value, j.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"], F = 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%, ${F} 70%, ${n} 100%)` : F}`;
+      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)
@@ -168,7 +174,7 @@ const ae = { style: { display: "flex", "flex-direction": "row", flex: "1", "min-
           ])) : w("", !0),
           o("div", {
             ref_key: "containerRef",
-            ref: s,
+            ref: u,
             style: { position: "relative", flex: "1", "min-width": "0", "min-height": "0", overflow: "hidden" }
           }, [
             b.headerLayout === "overlay" ? (y(), m("div", {

package/dist/composables.js

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