@wick-charts/vue 0.8.0 → 0.8.2

package/dist/core/dist/series/candlestick.js

@@ -1,25 +1,25 @@
 import { Animator as nt } from "../animation/animator.js";
 import { DEFAULT_HISTORY_REVEAL as it, DEFAULT_CANDLESTICK_INTRO as et, DEFAULT_CANDLESTICK_SMOOTH as ot, DEFAULT_CANDLESTICK_ENTRY as st } from "../animation/config.js";
-import { easeOutCubic as at } from "../animation/easing.js";
+import { easeOutCubic as rt } from "../animation/easing.js";
 import { IntroWave as U } from "../animation/intro-wave.js";
-import { ScalarSpring as $ } from "../animation/scalar-spring.js";
-import { decimateOHLCData as rt } from "../data/decimation.js";
+import { ScalarSpring as I } from "../animation/scalar-spring.js";
+import { decimateOHLCData as at } from "../data/decimation.js";
 import { TimeSeriesStore as lt } from "../data/store.js";
-import { resolveCandlestickBodyColor as I } from "../theme/resolve.js";
+import { resolveCandlestickBodyColor as V } from "../theme/resolve.js";
 import { hexToRgba as K, mixColors as G } from "../utils/color.js";
 import { clamp as F, lerp as z } from "../utils/math.js";
 import { isPoisonedNumber as N, reportPoisonedData as ht } from "../utils/poisoned-data-reporter.js";
-import { normalizeOHLCArray as J, normalizeTime as Q } from "../utils/time.js";
+import { normalizeOHLCArray as J, normalizeTime as Q, sliceSample as mt } from "../utils/time.js";
 import { candleUnfoldIntro as ct } from "./candlestick-intro.js";
 import { fillRoundedRect as Z } from "./painters/canvas-path.js";
-import { resolveCandlePainter as mt } from "./painters/resolve.js";
-import { fadeIntro as pt } from "./wave-intro.js";
-const ut = 0.15, dt = 5e-3;
-class ft {
+import { resolveCandlePainter as pt } from "./painters/resolve.js";
+import { fadeIntro as ut } from "./wave-intro.js";
+const dt = 0.15, ft = 5e-3;
+class bt {
   #t;
   #i;
   #s;
-  #r;
+  #a;
   #e;
   #n;
   // Sticky once any seen candle carries volume — mirrors the old lerp, which
@@ -27,13 +27,13 @@ class ft {
   // volume-less and the histogram keeps skipping it.
   #l;
   constructor(t) {
-    this.#t = new $(t.open), this.#i = new $(t.high), this.#s = new $(t.low), this.#r = new $(t.close), this.#e = new $(t.volume ?? 0), this.#n = t.time, this.#l = t.volume !== void 0;
+    this.#t = new I(t.open), this.#i = new I(t.high), this.#s = new I(t.low), this.#a = new I(t.close), this.#e = new I(t.volume ?? 0), this.#n = t.time, this.#l = t.volume !== void 0;
   }
   retarget(t, i = {}) {
-    this.#n = t.time, t.volume !== void 0 && (this.#l = !0), this.#t.retarget(t.open, i), this.#i.retarget(t.high, i), this.#s.retarget(t.low, i), this.#r.retarget(t.close, i), this.#e.retarget(t.volume ?? 0, i);
+    this.#n = t.time, t.volume !== void 0 && (this.#l = !0), this.#t.retarget(t.open, i), this.#i.retarget(t.high, i), this.#s.retarget(t.low, i), this.#a.retarget(t.close, i), this.#e.retarget(t.volume ?? 0, i);
   }
   tick(t) {
-    const i = this.#t.tick(t), e = this.#i.tick(t), o = this.#s.tick(t), h = this.#r.tick(t), n = this.#e.tick(t);
+    const i = this.#t.tick(t), e = this.#i.tick(t), o = this.#s.tick(t), h = this.#a.tick(t), n = this.#e.tick(t);
     return i || e || o || h || n;
   }
   get current() {
@@ -42,34 +42,34 @@ class ft {
       open: this.#t.current,
       high: this.#i.current,
       low: this.#s.current,
-      close: this.#r.current
+      close: this.#a.current
     };
     return this.#l && (t.volume = this.#e.current), t;
   }
 }
-const _ = 2, bt = { tl: !0, tr: !0, br: !0, bl: !0 }, j = { tl: !0, tr: !0, br: !1, bl: !1 }, Yt = ct(), gt = pt(), yt = {
+const $ = 2, Yt = { tl: !0, tr: !0, br: !0, bl: !0 }, j = { tl: !0, tr: !0, br: !1, bl: !1 }, gt = ct(), xt = ut(), yt = {
   up: { body: "#26a69a", wick: "#26a69a" },
   down: { body: "#ef5350", wick: "#ef5350" },
   bodyWidthRatio: 0.6,
-  cornerRadius: _,
+  cornerRadius: $,
   entryMs: st,
   smoothMs: ot,
   introMs: et,
   historyRevealMs: it
 };
-function q(a, t) {
-  return [a.open, a.high, a.low, a.close].every((i) => Number.isFinite(i) && t(i));
+function q(r, t) {
+  return [r.open, r.high, r.low, r.close].every((i) => Number.isFinite(i) && t(i));
 }
-function tt(a) {
+function tt(r) {
   return {
-    ...a,
-    entryMs: a.entryMs === !1 ? 0 : a.entryMs ?? st,
-    smoothMs: a.smoothMs === !1 ? 0 : a.smoothMs ?? ot,
-    introMs: a.introMs === !1 ? 0 : a.introMs ?? et,
-    historyRevealMs: a.historyRevealMs === !1 ? 0 : a.historyRevealMs ?? it
+    ...r,
+    entryMs: r.entryMs === !1 ? 0 : r.entryMs ?? st,
+    smoothMs: r.smoothMs === !1 ? 0 : r.smoothMs ?? ot,
+    introMs: r.introMs === !1 ? 0 : r.introMs ?? et,
+    historyRevealMs: r.historyRevealMs === !1 ? 0 : r.historyRevealMs ?? it
   };
 }
-class xt {
+class vt {
   kind = "candlestick";
   store;
   options;
@@ -90,7 +90,7 @@ class xt {
    *  Crossing this boundary changes `volume` semantics (per-candle ↔ summed
    *  bucket), so the volume scale snaps rather than easing — otherwise the EMA
    *  clamps every bar to full band height for ~30 frames. */
-  #r = !1;
+  #a = !1;
   /** Series-level alpha for visibility cross-fade. Chart calls {@link setAlpha} on hide. */
   #e = new nt({
     initial: 1,
@@ -112,7 +112,7 @@ class xt {
   /** Prepended time span: `from` = deepest new point, `to` = the boundary
    *  (the pre-prepend first point). Element stagger position is `0` at the
    *  boundary and `1` at the deepest point. */
-  #a = null;
+  #r = null;
   /** Per-frame history-reveal directives; `null` when no reveal is in flight. */
   #h = null;
   /** Loading-indicator placeholder shapes handed over by the chart right
@@ -120,11 +120,11 @@ class xt {
    *  they were measured against) — mapped into bitmap space each frame and
    *  exposed to the reveal fn as {@link CandleIntroFrame.placeholders}.
    *  Cleared once the reveal settles. */
-  #c = null;
+  #m = null;
   /** Body gradients keyed by `top|bottom|height` — built once at y=0..h and
    *  positioned per candle via `ctx.translate`, instead of a fresh
    *  `createLinearGradient` for every body on every frame. */
-  #m = /* @__PURE__ */ new Map();
+  #c = /* @__PURE__ */ new Map();
   constructor(t, i) {
     this.store = t, this.options = tt({ ...yt, ...i }), this.displayedLast = t.last() ?? null;
   }
@@ -135,14 +135,14 @@ class xt {
     this.options = tt({ ...this.options, ...t });
   }
   getColor() {
-    return I(this.options.up.body);
+    return V(this.options.up.body);
   }
   // --- SeriesRenderer interface implementation ------------------------------
   setData(t) {
-    const i = this.store.length > 0;
-    this.store.setData(J(t ?? [])), !i && this.store.length > 0 && this.introWave.arm(this.options.introMs);
+    const i = J(t ?? []);
+    this.store.length === 0 && i.length > 0 && this.introWave.arm(this.options.introMs), this.store.setData(i);
     const e = this.store.last();
-    this.displayedLast = e ?? null, this.#t = null, this.entries.clear(), this.#i = null, this.#o.finish(), this.#a = null, this.#c = null;
+    this.displayedLast = e ?? null, this.#t = null, this.entries.clear(), this.#i = null, this.#o.finish(), this.#r = null, this.#m = null;
   }
   appendPoint(t) {
     const i = t, e = Q(i.time), o = { ...i, time: e };
@@ -163,16 +163,16 @@ class xt {
   #u(t, i) {
     const e = this.options.historyRevealMs;
     if (!(this.options.historyReveal === "none" || e <= 0 || i === void 0)) {
-      if (this.#o.active && this.#a !== null) {
-        this.#a = { from: Math.min(this.#a.from, t), to: this.#a.to };
+      if (this.#o.active && this.#r !== null) {
+        this.#r = { from: Math.min(this.#r.from, t), to: this.#r.to };
         return;
       }
-      this.#a = { from: t, to: i }, this.#o.arm(e);
+      this.#r = { from: t, to: i }, this.#o.arm(e);
     }
   }
   setHistoryHandoff(t) {
     const i = this.store.first()?.time;
-    i !== void 0 && (this.#c = { bars: t, anchorTime: i });
+    i !== void 0 && (this.#m = { bars: t, anchorTime: i });
   }
   updateLastPoint(t) {
     const i = t, e = Q(i.time), o = { ...i, time: e };
@@ -185,7 +185,7 @@ class xt {
     let n = this.#t;
     if (n === null) {
       const l = this.displayedLast ?? o;
-      n = new ft(l), this.#t = n;
+      n = new bt(l), this.#t = n;
     }
     n.retarget(o, { settleMs: h });
   }
@@ -203,7 +203,7 @@ class xt {
     return !0;
   }
   getLayerColors() {
-    return [I(this.options.up.body)];
+    return [V(this.options.up.body)];
   }
   applyTheme(t, i) {
     this.updateOptions({
@@ -223,7 +223,7 @@ class xt {
    * fully-settled entrance entries. Called from `render()` once per frame.
    */
   tickAnimations(t) {
-    this.introWave.tick(t), this.#o.tick(t), this.#o.active || (this.#c = null), this.#e.tick(t);
+    this.introWave.tick(t), this.#o.tick(t), this.#o.active || (this.#m = null), this.#e.tick(t);
     const i = this.#t;
     if (i !== null) {
       const o = i.tick(t);
@@ -276,8 +276,8 @@ class xt {
     const t = this.store.getAll();
     return t.length >= 2 ? t[t.length - 2] : null;
   }
-  sampleTimes(t) {
-    return this.store.getAll().slice(0, t).map((i) => i.time);
+  sampleTimes(t, i = "start") {
+    return mt(this.store.getAll(), { maxCount: t, from: i }).map((e) => e.time);
   }
   getVisibleDataPoints(t, i) {
     return this.store.getVisibleData(t, i);
@@ -292,17 +292,17 @@ class xt {
   render(t) {
     this.tickAnimations(performance.now());
     const { scope: i, timeScale: e, yScale: o, dataInterval: h } = t, { context: n, horizontalPixelRatio: l } = i, p = e.getRange();
-    let m = this.store.getVisibleData(p.from, p.to);
-    const Y = i.mediaSize.width, M = m.length > Y * 2;
-    if (M && (m = rt(m, Math.round(Y * 1.5))), o.getTransform() !== null && (m = m.filter((r) => q(r, (c) => o.isPlottable(c)))), m.length === 0) return;
+    let c = this.store.getVisibleData(p.from, p.to);
+    const g = i.mediaSize.width, w = c.length > g * 2;
+    if (w && (c = at(c, Math.round(g * 1.5))), o.getTransform() !== null && (c = c.filter((a) => q(a, (m) => o.isPlottable(m)))), c.length === 0) return;
     const S = this.displayedLast;
-    if (!M && S !== null) {
-      const r = m.length - 1;
-      m[r].time === S.time && (m = [...m.slice(0, r), S]);
+    if (!w && S !== null) {
+      const a = c.length - 1;
+      c[a].time === S.time && (c = [...c.slice(0, a), S]);
     }
     if (this.#n = null, this.#l = null, this.introWave.active) {
-      const r = this.options.introAnimation ?? Yt;
-      this.#l = p, this.#n = r({
+      const a = this.options.introAnimation ?? gt;
+      this.#l = p, this.#n = a({
         progress: this.introWave.linear(),
         // Plot-area extent, not the canvas bitmap — the canvas also carries
         // the axis strips, so a width-based front (wipeIntro) would overshoot
@@ -310,114 +310,114 @@ class xt {
         width: e.getMediaWidth() * i.horizontalPixelRatio,
         height: o.getMediaHeight() * i.verticalPixelRatio,
         range: p,
-        timeToX: (c) => e.timeToBitmapX(c)
+        timeToX: (m) => e.timeToBitmapX(m)
       });
     }
     this.#h = null;
-    const u = this.#a;
+    const u = this.#r;
     if (this.#o.active && u !== null) {
-      const r = this.options.historyReveal ?? gt;
-      if (r !== "none") {
-        let c;
-        const x = this.#c;
-        if (x !== null && x.bars.length > 0) {
-          const P = e.timeToBitmapX(x.anchorTime);
-          c = x.bars.map((k) => ({
+      const a = this.options.historyReveal ?? xt;
+      if (a !== "none") {
+        let m;
+        const y = this.#m;
+        if (y !== null && y.bars.length > 0) {
+          const P = e.timeToBitmapX(y.anchorTime);
+          m = y.bars.map((k) => ({
             x: P - k.offsetX * i.horizontalPixelRatio,
             y: k.y * i.verticalPixelRatio,
             halfHeight: k.halfHeight * i.verticalPixelRatio,
             width: k.width * i.horizontalPixelRatio
           }));
         }
-        this.#h = r({
+        this.#h = a({
           progress: this.#o.linear(),
           width: Math.abs(e.timeToBitmapX(u.to) - e.timeToBitmapX(u.from)),
           height: o.getMediaHeight() * i.verticalPixelRatio,
           range: u,
           timeToX: (P) => e.timeToBitmapX(P),
-          placeholders: c
+          placeholders: m
         });
       }
     }
     let W = null;
     if (this.entries.size > 0) {
-      const r = this.options.entryMs, c = performance.now();
-      for (const x of m) {
-        const P = this.entries.get(x.time);
-        if (P === void 0 || r <= 0) continue;
-        const k = c - P.startTime, V = Math.min(1, Math.max(0, k / r));
-        V >= 1 || (W === null && (W = /* @__PURE__ */ new Map()), W.set(x.time, at(V)));
+      const a = this.options.entryMs, m = performance.now();
+      for (const y of c) {
+        const P = this.entries.get(y.time);
+        if (P === void 0 || a <= 0) continue;
+        const k = m - P.startTime, H = Math.min(1, Math.max(0, k / a));
+        H >= 1 || (W === null && (W = /* @__PURE__ */ new Map()), W.set(y.time, rt(H)));
       }
     }
-    const X = e.barWidthBitmap(h), b = Math.round(30 * l), w = m.length <= 2 ? Math.min(b, X) : X, f = Math.max(1, Math.round(l));
-    let g = Math.max(1, Math.round(w * this.options.bodyWidthRatio) - 2);
-    (g & 1) !== (f & 1) && (g = g > 1 ? g - 1 : 2);
-    const R = Math.floor(g / 2), v = this.#n?.clip;
-    if (v !== void 0) {
-      const r = v.fromX ?? 0, c = v.toX ?? i.bitmapSize.width;
-      n.save(), n.beginPath(), n.rect(r, 0, Math.max(0, c - r), i.bitmapSize.height), n.clip();
+    const X = e.barWidthBitmap(h), b = Math.round(30 * l), v = c.length <= 2 ? Math.min(b, X) : X, f = Math.max(1, Math.round(l));
+    let Y = Math.max(1, Math.round(v * this.options.bodyWidthRatio));
+    (Y & 1) !== (f & 1) && (Y = Y + 1 < v || Y === 1 ? Y + 1 : Y - 1);
+    const R = Math.floor(Y / 2), M = this.#n?.clip;
+    if (M !== void 0) {
+      const a = M.fromX ?? 0, m = M.toX ?? i.bitmapSize.width;
+      n.save(), n.beginPath(), n.rect(a, 0, Math.max(0, m - a), i.bitmapSize.height), n.clip();
     }
     const T = this.#h?.clip;
     let A = !1;
     if (T !== void 0 && u !== null) {
-      const r = e.timeToBitmapX(u.to), c = Math.abs(r - e.timeToBitmapX(u.from)), x = w, P = T.fromX ?? 0, k = T.toX ?? c;
-      n.save(), n.beginPath(), n.rect(r - k - x, 0, Math.max(0, k - P + x), i.bitmapSize.height), n.rect(r, 0, Math.max(0, i.bitmapSize.width - r), i.bitmapSize.height), n.clip(), A = !0;
+      const a = e.timeToBitmapX(u.to), m = Math.abs(a - e.timeToBitmapX(u.from)), y = v, P = T.fromX ?? 0, k = T.toX ?? m;
+      n.save(), n.beginPath(), n.rect(a - k - y, 0, Math.max(0, k - P + y), i.bitmapSize.height), n.rect(a, 0, Math.max(0, i.bitmapSize.width - a), i.bitmapSize.height), n.clip(), A = !0;
     }
-    const s = M !== this.#r;
-    this.#r = M;
+    const s = w !== this.#a;
+    this.#a = w;
     const d = Math.round(o.getMediaHeight() * i.verticalPixelRatio);
     this.drawVolume({
       ctx: n,
-      data: m,
+      data: c,
       timeScale: e,
       chartHeight: d,
-      barWidth: w,
+      barWidth: v,
       wickWidth: f,
       entranceByTime: W,
       snapVolScale: s,
-      radius: (this.options.cornerRadius ?? _) * l
+      radius: (this.options.cornerRadius ?? $) * l
     });
-    const y = [], L = [], B = [];
-    let C = null;
-    for (let r = 0; r < m.length; r++) {
-      const c = m[r];
-      if (N(c.open) || N(c.close) || N(c.high) || N(c.low)) {
-        B.push(r), C === null && (C = c);
+    const x = [], C = [], B = [];
+    let L = null;
+    for (let a = 0; a < c.length; a++) {
+      const m = c[a];
+      if (N(m.open) || N(m.close) || N(m.high) || N(m.low)) {
+        B.push(a), L === null && (L = m);
         continue;
       }
-      c.close >= c.open ? y.push(c) : L.push(c);
+      m.close >= m.open ? x.push(m) : C.push(m);
     }
-    C !== null && ht(this, "candlestick", B, `time ${C.time}`);
+    L !== null && ht(this, "candlestick", B, `time ${L.time}`);
     const E = {
-      painter: mt(this.options.candlePainter),
+      painter: pt(this.options.candlePainter),
       env: {
         ctx: n,
         theme: t.theme,
         horizontalPixelRatio: l,
         verticalPixelRatio: i.verticalPixelRatio
       },
-      radius: (this.options.cornerRadius ?? _) * l
+      radius: (this.options.cornerRadius ?? $) * l
     }, D = {
       ctx: n,
       timeScale: e,
       yScale: o,
       halfBody: R,
-      bodyWidth: g,
+      bodyWidth: Y,
       wickWidth: f,
       entranceByTime: W,
       candlePass: E
     };
     this.drawCandles({
       ...D,
-      candles: y,
+      candles: x,
       body: this.options.up.body,
       wickColor: this.options.up.wick
     }), this.drawCandles({
       ...D,
-      candles: L,
+      candles: C,
       body: this.options.down.body,
       wickColor: this.options.down.wick
-    }), A && n.restore(), v !== void 0 && n.restore();
+    }), A && n.restore(), M !== void 0 && n.restore();
   }
   /**
    * Apply the intro's per-element directive to one element's settled (or
@@ -425,10 +425,10 @@ class xt {
    * is in flight this frame.
    */
   introTransform(t) {
-    const i = this.#h?.element, e = this.#a;
+    const i = this.#h?.element, e = this.#r;
     if (i !== void 0 && e !== null && t.time < e.to) {
-      const m = e.to - e.from, Y = m > 0 ? F((e.to - t.time) / m, 0, 1) : 0, M = i({ ...t, position: Y, progress: this.#o.progressAt(Y) });
-      return this.#p(M, t);
+      const c = e.to - e.from, g = c > 0 ? F((e.to - t.time) / c, 0, 1) : 0, w = i({ ...t, position: g, progress: this.#o.progressAt(g) });
+      return this.#p(w, t);
     }
     const o = this.#n?.element, h = this.#l;
     if (o === void 0 || h === null) return null;
@@ -458,35 +458,35 @@ class xt {
     wickWidth: n,
     entranceByTime: l,
     snapVolScale: p,
-    radius: m
+    radius: c
   }) {
-    let Y = 0;
+    let g = 0;
     for (const f of i)
-      Number.isFinite(f.volume) && f.volume > Y && (Y = f.volume);
-    if (Y === 0) {
+      Number.isFinite(f.volume) && f.volume > g && (g = f.volume);
+    if (g === 0) {
       this.#i = null, this.#s = !0;
       return;
     }
-    this.#i === null || p ? this.#i = Y : this.#i += (Y - this.#i) * ut, this.#s = Math.abs(Y - this.#i) <= Y * dt;
-    const M = this.#i, S = o * 0.2;
+    this.#i === null || p ? this.#i = g : this.#i += (g - this.#i) * dt, this.#s = Math.abs(g - this.#i) <= g * ft;
+    const w = this.#i, S = o * 0.2;
     let u = Math.max(1, h - 2);
     (u & 1) !== (n & 1) && (u = u > 1 ? u - 1 : 2);
-    const W = Math.floor(u / 2), X = K(I(this.options.up.body), 0.2), b = K(I(this.options.down.body), 0.2), w = this.options.entryAnimation ?? "unfold";
+    const W = Math.floor(u / 2), X = K(V(this.options.up.body), 0.2), b = K(V(this.options.down.body), 0.2), v = this.options.entryAnimation ?? "unfold";
     for (const f of i) {
       if (!Number.isFinite(f.volume) || f.volume <= 0) continue;
-      const g = f.volume, R = e.timeToBitmapX(f.time), v = Math.min(S, Math.max(1, g / M * S)), T = f.close >= f.open;
+      const Y = f.volume, R = e.timeToBitmapX(f.time), M = Math.min(S, Math.max(1, Y / w * S)), T = f.close >= f.open;
       t.fillStyle = T ? X : b;
       const A = l?.get(f.time) ?? 1;
-      let s = { x: R - W, topY: o - v, bottomY: o, alpha: 1 };
-      if (A < 1 && w !== "none") {
-        const y = O(A, w, {
+      let s = { x: R - W, topY: o - M, bottomY: o, alpha: 1 };
+      if (A < 1 && v !== "none") {
+        const x = _(A, v, {
           x: s.x,
           barWidth: u,
           anchorY: o,
           topY: s.topY,
           bottomY: s.bottomY
         });
-        s = { x: y.x, topY: y.topY, bottomY: y.bottomY, alpha: y.alpha };
+        s = { x: x.x, topY: x.topY, bottomY: x.bottomY, alpha: x.alpha };
       }
       const d = this.introTransform({
         element: "volume",
@@ -503,7 +503,7 @@ class xt {
           y: s.topY,
           width: u,
           height: Math.max(1, s.bottomY - s.topY),
-          radius: m,
+          radius: c,
           corners: j
         });
         continue;
@@ -513,7 +513,7 @@ class xt {
         y: s.topY,
         width: u,
         height: Math.max(1, s.bottomY - s.topY),
-        radius: m,
+        radius: c,
         corners: j
       }), t.restore();
     }
@@ -527,25 +527,25 @@ class xt {
     bodyWidth: n,
     wickWidth: l,
     body: p,
-    wickColor: m,
-    entranceByTime: Y,
-    candlePass: M
+    wickColor: c,
+    entranceByTime: g,
+    candlePass: w
   }) {
     if (i.length === 0) return;
-    const S = this.options.entryAnimation ?? "unfold", u = n + 2, W = M.env.theme.axis.textColor ?? "#787b86";
-    t.fillStyle = m;
+    const S = this.options.entryAnimation ?? "unfold", u = n + 2, W = w.env.theme.axis.textColor ?? "#787b86";
+    t.fillStyle = c;
     for (const b of i) {
-      const w = Y?.get(b.time) ?? 1, f = e.timeToBitmapX(b.time), g = o.valueToBitmapY(b.open), R = o.valueToBitmapY(b.high), v = o.valueToBitmapY(b.low), T = f - Math.floor(l / 2);
-      let A = !1, s = { x: T, topY: R, bottomY: v, alpha: 1 };
-      if (w < 1 && S !== "none") {
-        const L = O(w, S, {
+      const v = g?.get(b.time) ?? 1, f = e.timeToBitmapX(b.time), Y = o.valueToBitmapY(b.open), R = o.valueToBitmapY(b.high), M = o.valueToBitmapY(b.low), T = f - Math.floor(l / 2);
+      let A = !1, s = { x: T, topY: R, bottomY: M, alpha: 1 };
+      if (v < 1 && S !== "none") {
+        const C = _(v, S, {
           x: T,
           barWidth: u,
-          anchorY: g,
+          anchorY: Y,
           topY: R,
-          bottomY: v
+          bottomY: M
         });
-        s = { x: L.x, topY: L.topY, bottomY: L.bottomY, alpha: L.alpha }, A = !0;
+        s = { x: C.x, topY: C.topY, bottomY: C.bottomY, alpha: C.alpha }, A = !0;
       }
       const d = this.introTransform({
         element: "wick",
@@ -553,55 +553,55 @@ class xt {
         x: s.x,
         topY: s.topY,
         bottomY: s.bottomY,
-        anchorY: g,
+        anchorY: Y,
         barWidth: u
       });
-      let y = 0;
-      if (d !== null && (s = { x: d.x, topY: d.topY, bottomY: d.bottomY, alpha: s.alpha * d.alpha }, y = d.tint ?? 0, A = !0), !A) {
-        t.fillRect(T, R, l, v - R);
+      let x = 0;
+      if (d !== null && (s = { x: d.x, topY: d.topY, bottomY: d.bottomY, alpha: s.alpha * d.alpha }, x = d.tint ?? 0, A = !0), !A) {
+        t.fillRect(T, R, l, M - R);
         continue;
       }
-      t.save(), t.globalAlpha = s.alpha, y > 0 && (t.fillStyle = G(m, W, y)), t.fillRect(s.x, s.topY, l, Math.max(1, s.bottomY - s.topY)), t.restore();
+      t.save(), t.globalAlpha = s.alpha, x > 0 && (t.fillStyle = G(c, W, x)), t.fillRect(s.x, s.topY, l, Math.max(1, s.bottomY - s.topY)), t.restore();
     }
     const X = Array.isArray(p);
     for (const b of i) {
-      const w = Y?.get(b.time) ?? 1, f = e.timeToBitmapX(b.time), g = o.valueToBitmapY(b.open), R = o.valueToBitmapY(b.close), v = Math.min(g, R), T = Math.max(g, R), A = Math.max(1, T - v);
-      let s = f - h, d = v, y = T, L = 1, B = !1;
-      if (w < 1 && S !== "none") {
-        const H = O(w, S, {
+      const v = g?.get(b.time) ?? 1, f = e.timeToBitmapX(b.time), Y = o.valueToBitmapY(b.open), R = o.valueToBitmapY(b.close), M = Math.min(Y, R), T = Math.max(Y, R), A = Math.max(1, T - M);
+      let s = f - h, d = M, x = T, C = 1, B = !1;
+      if (v < 1 && S !== "none") {
+        const O = _(v, S, {
           x: s,
           barWidth: u,
-          anchorY: g,
-          topY: v,
+          anchorY: Y,
+          topY: M,
           bottomY: T
         });
-        s = H.x, d = H.topY, y = H.bottomY, L = H.alpha, B = !0;
+        s = O.x, d = O.topY, x = O.bottomY, C = O.alpha, B = !0;
       }
-      const C = this.introTransform({
+      const L = this.introTransform({
         element: "body",
         time: b.time,
         x: s,
         topY: d,
-        bottomY: y,
-        anchorY: g,
+        bottomY: x,
+        anchorY: Y,
         barWidth: u
       });
       let E = 0;
-      C !== null && (s = C.x, d = C.topY, y = C.bottomY, L *= C.alpha, E = C.tint ?? 0, B = !0);
-      const D = B ? Math.max(1, y - d) : A;
+      L !== null && (s = L.x, d = L.topY, x = L.bottomY, C *= L.alpha, E = L.tint ?? 0, B = !0);
+      const D = B ? Math.max(1, x - d) : A;
       B && t.save();
-      const r = Array.isArray(p) ? p[0] : p, c = E > 0 ? G(r, W, E) : r, x = X && D > 2 && E <= 0, P = x ? this.#d(t, p, D) : c;
-      t.fillStyle = P, B && (t.globalAlpha = L), x && t.translate(0, d);
-      const k = x ? 0 : d, V = F(M.radius, 0, Math.min(n, D) / 2);
-      V < 1 && !this.options.candlePainter ? t.fillRect(s, k, n, D) : M.painter(M.env, {
+      const a = Array.isArray(p) ? p[0] : p, m = E > 0 ? G(a, W, E) : a, y = X && D > 2 && E <= 0, P = y ? this.#d(t, p, D) : m;
+      t.fillStyle = P, B && (t.globalAlpha = C), y && t.translate(0, d);
+      const k = y ? 0 : d, H = F(w.radius, 0, Math.min(n, D) / 2);
+      H < 1 && !this.options.candlePainter ? t.fillRect(s, k, n, D) : w.painter(w.env, {
         geom: { x: s, y: k, width: n, height: D },
         fillStyle: P,
-        color: c,
-        corners: bt,
-        radius: V,
-        progress: w,
+        color: m,
+        corners: Yt,
+        radius: H,
+        progress: v,
         isBullish: b.close >= b.open
-      }), x && t.translate(0, -d), B && t.restore();
+      }), y && t.translate(0, -d), B && t.restore();
     }
   }
   /**
@@ -612,52 +612,52 @@ class xt {
    * continuously, and a full clear is cheaper than an eviction policy.
    */
   #d(t, i, e) {
-    const o = Math.max(3, Math.round(e)), h = `${i[0]}|${i[1]}|${o}`, n = this.#m.get(h);
+    const o = Math.max(3, Math.round(e)), h = `${i[0]}|${i[1]}|${o}`, n = this.#c.get(h);
     if (n !== void 0) return n;
-    this.#m.size >= 512 && this.#m.clear();
+    this.#c.size >= 512 && this.#c.clear();
     const l = t.createLinearGradient(0, 0, 0, o);
-    return l.addColorStop(0, i[0]), l.addColorStop(1, i[1]), this.#m.set(h, l), l;
+    return l.addColorStop(0, i[0]), l.addColorStop(1, i[1]), this.#c.set(h, l), l;
   }
 }
-function O(a, t, i) {
+function _(r, t, i) {
   switch (t) {
     case "none":
       return { x: i.x, topY: i.topY, bottomY: i.bottomY, alpha: 1 };
     case "fade":
-      return { x: i.x, topY: i.topY, bottomY: i.bottomY, alpha: a };
+      return { x: i.x, topY: i.topY, bottomY: i.bottomY, alpha: r };
     case "unfold":
       return {
         x: i.x,
-        topY: z(i.anchorY, i.topY, a),
-        bottomY: z(i.anchorY, i.bottomY, a),
+        topY: z(i.anchorY, i.topY, r),
+        bottomY: z(i.anchorY, i.bottomY, r),
         alpha: 1
       };
     case "slide":
       return {
-        x: i.x + (1 - a) * i.barWidth,
+        x: i.x + (1 - r) * i.barWidth,
         topY: i.topY,
         bottomY: i.bottomY,
-        alpha: a
+        alpha: r
       };
     case "fade-unfold":
       return {
         x: i.x,
-        topY: z(i.anchorY, i.topY, a),
-        bottomY: z(i.anchorY, i.bottomY, a),
-        alpha: a
+        topY: z(i.anchorY, i.topY, r),
+        bottomY: z(i.anchorY, i.bottomY, r),
+        alpha: r
       };
   }
 }
-const zt = {
+const Ht = {
   type: "candlestick",
   xTypes: ["time"],
-  create: ({ theme: a }, t) => new xt(new lt(), {
-    up: { ...a.candlestick.up },
-    down: { ...a.candlestick.down },
+  create: ({ theme: r }, t) => new vt(new lt(), {
+    up: { ...r.candlestick.up },
+    down: { ...r.candlestick.down },
     ...t
   })
 };
 export {
-  xt as CandlestickRenderer,
-  zt as CandlestickSeriesDef
+  vt as CandlestickRenderer,
+  Ht as CandlestickSeriesDef
 };