@wick-charts/vue 0.7.0 → 0.8.1

package/dist/core/dist/snapshots.js

@@ -1,25 +1,25 @@
-import { pointValue as m } from "./utils/point.js";
-const f = /* @__PURE__ */ new WeakMap();
-function y(e, r) {
-  return f.get(e)?.get(r);
+import { isGapPoint as f, pointValue as y } from "./utils/point.js";
+const g = /* @__PURE__ */ new WeakMap();
+function I(e, r) {
+  return g.get(e)?.get(r);
 }
-function I(e, r, n) {
-  let o = f.get(e);
-  o || (o = /* @__PURE__ */ new Map(), f.set(e, o)), o.set(r, n);
+function b(e, r, n) {
+  let o = g.get(e);
+  o || (o = /* @__PURE__ */ new Map(), g.set(e, o)), o.set(r, n);
 }
-function g(e) {
+function h(e) {
   const r = e.low !== void 0 && e.high !== void 0 ? { time: e.time, low: e.low, high: e.high } : { time: e.time, value: e.value };
   return e.x !== void 0 && (r.x = e.x), r;
 }
-function h(e, r) {
+function S(e, r) {
   if (r === "none" || e.length <= 1) return e;
   const n = [...e];
   return n.sort((o, a) => {
-    const s = m(o.data), i = m(a.data);
+    const s = y(o.data), i = y(a.data);
     return r === "asc" ? s - i : i - s;
   }), n;
 }
-function u(e) {
+function m(e) {
   const r = Object.freeze({ ...e.data }), n = {
     id: e.id,
     seriesId: e.seriesId,
@@ -30,8 +30,8 @@ function u(e) {
   };
   return Object.freeze(n);
 }
-function S(e, r) {
-  const n = r.sort ?? "none", o = e.getOverlayVersion(), a = y(e, r.cacheKey);
+function x(e, r) {
+  const n = r.sort ?? "none", o = e.getOverlayVersion(), a = I(e, r.cacheKey);
   if (a && a.version === o && a.time === r.time && a.sort === n)
     return a.data;
   const s = [];
@@ -40,22 +40,24 @@ function S(e, r) {
     if (e.getSeriesLayers(t) !== null) {
       const d = e.getLayerSnapshots(t, r.time);
       if (!d) continue;
-      for (const l of d)
-        s.push(
-          u({
+      for (const l of d) {
+        const u = h(l);
+        f(u) || s.push(
+          m({
             id: `${t}_layer${l.layerIndex}`,
             seriesId: t,
             layerIndex: l.layerIndex,
             label: e.getLayerLabel(t, l.layerIndex),
-            data: g(l),
+            data: u,
             color: l.color
           })
         );
+      }
       continue;
     }
     const c = e.getDataAtTime(t, r.time);
-    c && s.push(
-      u({
+    !c || f(c) || s.push(
+      m({
         id: t,
         seriesId: t,
         label: e.getSeriesLabel(t),
@@ -64,10 +66,10 @@ function S(e, r) {
       })
     );
   }
-  const i = Object.freeze(h(s, n));
-  return I(e, r.cacheKey, { version: o, time: r.time, sort: n, data: i }), i;
+  const i = Object.freeze(S(s, n));
+  return b(e, r.cacheKey, { version: o, time: r.time, sort: n, data: i }), i;
 }
-function p(e, r) {
+function v(e, r) {
   const { time: n, snapshots: o, interval: a } = r;
   if (e.timeScale.getType() !== "numeric") return e.timeScale.formatX(n, a);
   let s = n, i = Number.POSITIVE_INFINITY;
@@ -77,8 +79,8 @@ function p(e, r) {
   }
   return e.timeScale.formatPointX(s, a);
 }
-function x(e, r) {
-  const n = r.sort ?? "none", o = e.getOverlayVersion(), a = y(e, r.cacheKey);
+function L(e, r) {
+  const n = r.sort ?? "none", o = e.getOverlayVersion(), a = I(e, r.cacheKey);
   if (a && a.version === o && a.time === null && a.sort === n)
     return a.data;
   const s = [];
@@ -86,22 +88,24 @@ function x(e, r) {
     if (!e.isSeriesVisible(t)) continue;
     const c = e.getLayerLastSnapshots(t);
     if (c) {
-      for (const l of c)
-        s.push(
-          u({
+      for (const l of c) {
+        const u = h(l);
+        f(u) || s.push(
+          m({
             id: `${t}_layer${l.layerIndex}`,
             seriesId: t,
             layerIndex: l.layerIndex,
             label: e.getLayerLabel(t, l.layerIndex),
-            data: g(l),
+            data: u,
             color: l.color
           })
         );
+      }
       continue;
     }
     const d = e.getLastData(t);
-    d && s.push(
-      u({
+    !d || f(d) || s.push(
+      m({
         id: t,
         seriesId: t,
         label: e.getSeriesLabel(t),
@@ -110,11 +114,11 @@ function x(e, r) {
       })
     );
   }
-  const i = Object.freeze(h(s, n));
-  return I(e, r.cacheKey, { version: o, time: null, sort: n, data: i }), i;
+  const i = Object.freeze(S(s, n));
+  return b(e, r.cacheKey, { version: o, time: null, sort: n, data: i }), i;
 }
 export {
-  S as buildHoverSnapshots,
-  x as buildLastSnapshots,
-  p as formatHeaderX
+  x as buildHoverSnapshots,
+  L as buildLastSnapshots,
+  v as formatHeaderX
 };

package/dist/core/dist/utils/point.js

@@ -4,7 +4,11 @@ function i(n) {
 function o(n) {
   return "close" in n ? n.close : i(n) ? (n.low + n.high) / 2 : n.value;
 }
+function t(n) {
+  return !Number.isFinite(o(n));
+}
 export {
   i as isBandPoint,
+  t as isGapPoint,
   o as pointValue
 };

package/dist/core/dist/utils/time.js

@@ -1,30 +1,45 @@
-function m(e) {
+function l(e) {
   return e instanceof Date ? e.getTime() : e;
 }
-function c(e) {
-  return e.length === 0 || !e.some((t) => t.time instanceof Date) ? e : e.map((t) => ({ ...t, time: m(t.time) }));
-}
 function u(e) {
-  return e.length === 0 || !e.some((t) => t.time instanceof Date) ? e : e.map((t) => ({ ...t, time: m(t.time) }));
+  return e.length === 0 || !e.some((t) => t.time instanceof Date) ? e : e.map((t) => ({ ...t, time: l(t.time) }));
 }
-function l(e) {
-  if (e.length < 2) return 864e5;
+function s(e) {
+  return e.length === 0 || !e.some((t) => t.time instanceof Date) ? e : e.map((t) => ({ ...t, time: l(t.time) }));
+}
+const a = 19;
+function h(e) {
   const t = [];
-  for (let n = 1; n < Math.min(e.length, 20); n++)
-    t.push(e[n] - e[n - 1]);
-  return t.sort((n, i) => n - i), t[Math.floor(t.length / 2)];
+  for (let n = 1; n < e.length; n++) {
+    const r = e[n] - e[n - 1];
+    r > 0 && t.push(r);
+  }
+  if (t.length === 0) return 864e5;
+  if (t.length <= a) return c(t);
+  const o = Math.ceil(a / 2);
+  let i = Number.POSITIVE_INFINITY;
+  for (let n = a; i = Math.min(i, c(t.slice(n - a, n))), n !== t.length; n = Math.min(n + o, t.length))
+    ;
+  return i;
 }
-function s(e, t, n) {
-  const i = new Date(e), r = n?.locale ?? "en-US", o = n?.timeZone, a = n?.hour12 ?? !1;
-  return t >= 31536e6 ? i.toLocaleDateString(r, { year: "numeric", timeZone: o }) : t >= 864e5 ? i.toLocaleDateString(r, { month: "short", day: "numeric", timeZone: o }) : t >= 36e5 ? i.toLocaleTimeString(r, { hour: "2-digit", minute: "2-digit", hour12: a, timeZone: o }) : i.toLocaleTimeString(r, {
+function f(e, t) {
+  const { maxCount: o, from: i } = t;
+  return i === "start" ? e.slice(0, o) : e.slice(Math.max(0, e.length - o));
+}
+function c(e) {
+  return e.sort((t, o) => t - o), e[Math.floor(e.length / 2)];
+}
+function g(e, t, o) {
+  const i = new Date(e), n = o?.locale ?? "en-US", r = o?.timeZone, m = o?.hour12 ?? !1;
+  return t >= 31536e6 ? i.toLocaleDateString(n, { year: "numeric", timeZone: r }) : t >= 864e5 ? i.toLocaleDateString(n, { month: "short", day: "numeric", timeZone: r }) : t >= 36e5 ? i.toLocaleTimeString(n, { hour: "2-digit", minute: "2-digit", hour12: m, timeZone: r }) : i.toLocaleTimeString(n, {
     hour: "2-digit",
     minute: "2-digit",
     second: "2-digit",
-    hour12: a,
-    timeZone: o
+    hour12: m,
+    timeZone: r
   });
 }
-function f(e, t) {
+function d(e, t) {
   return new Date(e).toLocaleDateString(t?.locale ?? "en-US", {
     month: "short",
     day: "numeric",
@@ -32,16 +47,17 @@ function f(e, t) {
     timeZone: t?.timeZone
   });
 }
-function h(e) {
-  const t = [1e3, 5e3, 1e4, 15e3, 3e4], n = [6e4, 5 * 6e4, 10 * 6e4, 15 * 6e4, 30 * 6e4], i = [36e5, 2 * 36e5, 4 * 36e5, 6 * 36e5, 12 * 36e5], r = [864e5, 7 * 864e5, 30 * 864e5, 90 * 864e5], o = [31536e6, 2 * 31536e6, 5 * 31536e6, 10 * 31536e6, 25 * 31536e6, 50 * 31536e6, 100 * 31536e6];
-  return e < 6e4 ? [...t, ...n, ...i, ...r, ...o] : e < 36e5 ? [...n, ...i, ...r, ...o] : e < 864e5 ? [...i, ...r, ...o] : e < 31536e6 ? [...r, ...o] : o;
+function D(e) {
+  const t = [1e3, 5e3, 1e4, 15e3, 3e4], o = [6e4, 5 * 6e4, 10 * 6e4, 15 * 6e4, 30 * 6e4], i = [36e5, 2 * 36e5, 4 * 36e5, 6 * 36e5, 12 * 36e5], n = [864e5, 7 * 864e5, 30 * 864e5, 90 * 864e5], r = [31536e6, 2 * 31536e6, 5 * 31536e6, 10 * 31536e6, 25 * 31536e6, 50 * 31536e6, 100 * 31536e6];
+  return e < 6e4 ? [...t, ...o, ...i, ...n, ...r] : e < 36e5 ? [...o, ...i, ...n, ...r] : e < 864e5 ? [...i, ...n, ...r] : e < 31536e6 ? [...n, ...r] : r;
 }
 export {
-  l as detectInterval,
-  f as formatDate,
-  s as formatTime,
-  h as niceTimeIntervals,
-  c as normalizeOHLCArray,
-  m as normalizeTime,
-  u as normalizeTimePointArray
+  h as detectInterval,
+  d as formatDate,
+  g as formatTime,
+  D as niceTimeIntervals,
+  u as normalizeOHLCArray,
+  l as normalizeTime,
+  s as normalizeTimePointArray,
+  f as sliceSample
 };

package/dist/index.d.ts

@@ -16,6 +16,7 @@ gradient: boolean;
 theme: ChartTheme;
 interactive: boolean;
 headerLayout: "overlay" | "inline";
+animations: boolean | AnimationsConfig;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 titleAnchor: HTMLDivElement;
 infoBarAnchor: HTMLDivElement;
@@ -49,7 +50,9 @@ declare const __VLS_component_7: DefineComponent<__VLS_Props_19, {}, {}, {}, {},
 containerRef: HTMLDivElement;
 }, any>;
 
-declare const __VLS_component_8: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_8: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {
+animate: YLabelAnimate;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare type __VLS_Props = {
     /**
@@ -305,19 +308,23 @@ declare type __VLS_Props_4 = {
      */
     viewport?: {
         /**
-         * Width of the visible window in data bars, set on the first data load
-         * to `maxVisibleBars * dataInterval`. While the dataset is smaller than
-         * this width, streaming ticks render into the empty right-side gap and
-         * the viewport stays put; once the data reaches the right edge, the
-         * viewport pans forward to keep the latest bar pinned (tail-scroll).
-         * Default: 200.
+         * Most bars the chart's own fit shows. The first data load fits every bar
+         * up to this count; while the data holds fewer, streamed bars widen the
+         * window, and once it is full the window keeps its width and follows the
+         * latest bar. `fitContent()` and an explicit bar count are not capped.
+         * Default: 200. Values below 2 are clamped.
          */
         maxVisibleBars?: number;
         /**
          * Initial visible range applied before the first paint with data. Same
          * shape as the imperative `chart.setVisibleRange` — pass a bar count
          * (e.g. `35`), an explicit `{from, to}` window, or `{from, bars}` for
-         * a warm-up pair. Captured at mount.
+         * a warm-up pair.
+         *
+         * It stays the chart's window until the user zooms or pans or the app
+         * sets a range, so a series that loads later or data set again keeps it.
+         * A bar count widens with streamed bars until it holds that many; a
+         * `{from, …}` window ends once streaming moves it. Captured at mount.
          */
         initialRange?: VisibleRangeSpec;
     };
@@ -329,7 +336,7 @@ declare type __VLS_Props_4 = {
      * two-way binding; a same-value literal (compared structurally) is a
      * no-op, so an inline object doesn't re-apply on every render.
      *
-     * For a one-shot initial window that isn't re-applied on every prop
+     * For an initial window that isn't re-applied on every prop
      * change, use `viewport.initialRange` instead.
      */
     visibleRange?: VisibleRangeSpec;
@@ -2316,7 +2323,7 @@ export declare class ChartInstance extends EventEmitter<ChartEvents> implements
      */
     setLayerVisible(seriesId: string, layerIndex: number, visible: boolean): void;
     isLayerVisible(seriesId: string, layerIndex: number): boolean;
-    /** Auto-fit the viewport to show all data across every series. */
+    /** Auto-fit the viewport to show all data across every series, however many bars that is. */
     fitContent(): void;
     getVisibleRange(): XRange;
     /**
@@ -2609,6 +2616,7 @@ export declare class ChartInstance extends EventEmitter<ChartEvents> implements
     /** Compute the earliest and latest timestamps across all series. */
     private getDataBounds;
     private onDataChanged;
+    /** `full`: the data was replaced, so a long series is read whole instead of from its tail. */
     private updateDataInterval;
     /**
      * Shift the visible time range by `timeDelta` ms. Hard-clamped so at
@@ -2687,11 +2695,10 @@ export declare interface ChartOptions {
      */
     viewport?: {
         /**
-         * Maximum number of data bars (candles/points) the viewport will fit
-         * before it stops growing and switches to tail-scroll. While the data
-         * span is below this threshold, streaming ticks expand the right edge
-         * to absorb new points; once the span exceeds it, the visible window
-         * holds at this width and slides forward as new data arrives.
+         * Most bars the chart's own fit shows. The first data load fits every bar
+         * up to this count; while the data holds fewer, streamed bars widen the
+         * window, and once it is full the window keeps its width and follows the
+         * latest bar. `fitContent()` and an explicit bar count are not capped.
          * Default: 200. Values below 2 are clamped.
          */
         maxVisibleBars?: number;
@@ -2704,8 +2711,10 @@ export declare interface ChartOptions {
          * the same intent into the first render so the very first paint
          * already shows the requested window.
          *
-         * One-shot — consumed by the first `onDataChanged` call that has data,
-         * then cleared. Subsequent `setSeriesData` calls don't re-apply it.
+         * It stays the chart's window until the user zooms or pans or the app
+         * sets a range, so a series that loads later or data set again keeps it.
+         * A bar count widens with streamed bars until it holds that many; a
+         * `{from, …}` window ends once streaming moves it.
          */
         initialRange?: VisibleRangeSpec;
     };
@@ -3077,7 +3086,12 @@ containerRef: HTMLDivElement;
 export { _default as TimeAxis }
 export { _default as XAxis }
 
-export declare function detectInterval(times: number[]): number;
+/**
+ * The bar step of an ascending time array: the smallest median step over any
+ * run of 20 points, so a series that switches to a finer resolution part-way
+ * through is sized for its finest part. `DAY` without two distinct times.
+ */
+export declare function detectInterval(times: readonly number[]): number;
 
 export declare const dracula: ThemePreset;
 
@@ -5092,9 +5106,10 @@ export declare interface TimePoint {
     x?: number | string;
 }
 
-/** {@link TimePoint} that also accepts `Date` for the time field. */
-export declare type TimePointInput = Omit<TimePoint, 'time' | 'x'> & {
+/** {@link TimePoint} that also accepts `Date` for the time field, and `null` for a gap. */
+export declare type TimePointInput = Omit<TimePoint, 'time' | 'x' | 'value'> & {
     time: TimeValue;
+    value: number | null;
 };
 
 export declare const TimeRegion: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -5147,8 +5162,11 @@ export declare interface TimeSeriesRenderer extends BaseSeriesRenderer {
     getLastDataPoint(): OHLCData | TimePoint | BandPoint | null;
     /** Second-to-last data point (layer 0 for multi-layer), or null. */
     getSecondLastDataPoint(): OHLCData | TimePoint | BandPoint | null;
-    /** First `maxCount` sample times from the first populated layer — feeds interval detection. */
-    sampleTimes(maxCount: number): number[];
+    /**
+     * First `maxCount` sample times from the first populated layer — feeds
+     * interval detection. With `'end'`, the last `maxCount` of that same layer.
+     */
+    sampleTimes(maxCount: number, from?: 'start' | 'end'): number[];
     /** Visible points in `[from, to]` (layer 0 for multi-layer). */
     getVisibleDataPoints(from: number, to: number): readonly (OHLCData | TimePoint | BandPoint)[];
     /**
@@ -5526,7 +5544,8 @@ export declare interface XBandPointInput {
  */
 export declare interface XPointInput {
     x: number | string;
-    value: number;
+    /** `null` (or any non-finite value) is a gap: the line breaks there and the tooltip leaves the point out. */
+    value: number | null;
 }
 
 /** Time range (timestamps in milliseconds) of the currently visible portion of the chart. */
@@ -5654,7 +5673,9 @@ export declare class XScale {
     barWidthMedia(dataInterval: number): number;
     barWidthBitmap(dataInterval: number): number;
     /**
-     * Evenly spaced "nice" tick times. Resolution uses the cached
+     * "Nice" tick values. A time axis puts them on calendar boundaries in the
+     * installed time zone (Jan 1, the 1st of a month, midnight), so their gaps
+     * vary; `tickInterval` is the tier's nominal span. Resolution uses the cached
      * `dataInterval` set by `update()`; callers that bypass `update()` can
      * still pass it here for back-compat.
      */

package/dist/ui/InfoBar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as W, computed as i, inject as B, ref as N, onMounted as T, onUnmounted as A, useSlots as O, unref as t, openBlock as n, createBlock as R, Teleport as $, createElementVNode as l, normalizeStyle as r, renderSlot as D, createElementBlock as s, Fragment as f, toDisplayString as p, renderList as L, createCommentVNode as F } from "vue";
+import { defineComponent as W, computed as i, inject as B, ref as N, onMounted as O, onUnmounted as T, useSlots as A, unref as t, openBlock as n, createBlock as R, Teleport as $, createElementVNode as l, normalizeStyle as r, renderSlot as D, createElementBlock as s, Fragment as f, toDisplayString as p, renderList as F, createCommentVNode as L } from "vue";
 import { buildHoverSnapshots as M, buildLastSnapshots as P, formatHeaderX as j } from "../core/dist/snapshots.js";
 import { resolveCandlestickBodyColor as U } from "../core/dist/theme/resolve.js";
 import { formatCompact as X, formatPriceAdaptive as q } from "../core/dist/utils/format.js";
@@ -19,8 +19,8 @@ const Z = {
     sort: {},
     format: { type: Function }
   },
-  setup(E) {
-    const b = E, k = i(() => b.sort ?? "none"), d = i(
+  setup(z) {
+    const b = z, k = i(() => b.sort ?? "none"), d = i(
       () => b.format ?? ((a, _) => _ === "volume" ? X(a) : q(a))
     ), u = J(), y = G(u), o = B(Q), g = B(Y);
     if (!o)
@@ -30,18 +30,18 @@ const Z = {
     const h = N(0), C = () => {
       h.value++;
     };
-    T(() => {
+    O(() => {
       u.on("overlayChange", C), u.getSeriesIds().length > 0 && h.value++;
-    }), A(() => {
+    }), T(() => {
       u.off("overlayChange", C);
     });
     const x = i(() => {
       h.value;
       const a = y.value;
       return a === null ? null : M(u, { time: a.time, sort: k.value, cacheKey: "infobar-hover" });
-    }), H = i(() => (h.value, P(u, { sort: k.value, cacheKey: "infobar-last" }))), m = i(() => x.value !== null && x.value.length > 0), c = i(
-      () => m.value ? x.value : H.value
-    ), K = i(() => u.getDataInterval()), S = i(() => c.value.length === 0 ? 0 : m.value && y.value ? y.value.time : Math.max(...c.value.map((a) => a.data.time))), z = O(), w = i(() => typeof z.default == "function");
+    }), E = i(() => (h.value, P(u, { sort: k.value, cacheKey: "infobar-last" }))), m = i(() => x.value !== null && x.value.length > 0), c = i(
+      () => m.value ? x.value : E.value
+    ), H = i(() => u.getDataInterval()), S = i(() => c.value.length === 0 ? 0 : m.value && y.value ? y.value.time : Math.max(...c.value.map((a) => a.data.time))), K = A(), w = i(() => typeof K.default == "function");
     function I(a) {
       return "open" in a;
     }
@@ -89,12 +89,12 @@ const Z = {
         }) : (n(), s(f, { key: 1 }, [
           l("span", {
             style: r({ color: t(o).axis.textColor, marginRight: "2px" })
-          }, p(t(j)(t(u), { time: S.value, snapshots: c.value, interval: K.value })), 5),
-          (n(!0), s(f, null, L(c.value, (e) => (n(), s(f, {
+          }, p(t(j)(t(u), { time: S.value, snapshots: c.value, interval: H.value })), 5),
+          (n(!0), s(f, null, F(c.value, (e) => (n(), s(f, {
             key: e.id
           }, [
             I(e.data) ? (n(), s("span", Z, [
-              (n(!0), s(f, null, L([
+              (n(!0), s(f, null, F([
                 { label: "O", field: "open", val: e.data.open },
                 { label: "H", field: "high", val: e.data.high },
                 { label: "L", field: "low", val: e.data.low },
@@ -122,7 +122,7 @@ const Z = {
                 l("span", {
                   style: r({ color: t(o).axis.textColor, fontWeight: 500, marginLeft: "2px" })
                 }, p(d.value(e.data.volume, "volume")), 5)
-              ], 64)) : F("", !0)
+              ], 64)) : L("", !0)
             ])) : V(e.data) ? (n(), s("span", ee, [
               l("span", {
                 style: r({
@@ -153,7 +153,7 @@ const Z = {
           ], 64))), 128))
         ], 64))
       ], 4)
-    ], 8, ["to"])) : F("", !0);
+    ], 8, ["to"])) : L("", !0);
   }
 });
 export {

package/dist/ui/Tooltip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as h, ref as z, onMounted as Y, onUnmounted as Z, useSlots as $, watchEffect as K, openBlock as i, createElementBlock as n, Fragment as f, unref as d, normalizeStyle as m, createElementVNode as s, createTextVNode as R, toDisplayString as c, createCommentVNode as w, renderList as H, renderSlot as U } from "vue";
+import { defineComponent as X, computed as h, ref as z, onMounted as $, onUnmounted as Y, useSlots as Z, watchEffect as K, openBlock as i, createElementBlock as n, Fragment as f, unref as d, normalizeStyle as m, createElementVNode as s, createTextVNode as H, toDisplayString as c, createCommentVNode as w, renderList as L, renderSlot as U } from "vue";
 import { buildHoverSnapshots as j, formatHeaderX as q } from "../core/dist/snapshots.js";
 import { resolveCandlestickBodyColor as G } from "../core/dist/theme/resolve.js";
 import { computeTooltipPosition as I } from "../core/dist/tooltip-position.js";
@@ -34,16 +34,16 @@ const ae = {
     ), t = oe(), u = te(t), C = z(0), W = () => {
       C.value++;
     };
-    Y(() => {
+    $(() => {
       t.on("overlayChange", W), t.getSeriesIds().length > 0 && C.value++;
-    }), Z(() => {
+    }), Y(() => {
       t.off("overlayChange", W);
     });
     const o = h(() => t.getTheme()), V = h(() => t.getDataInterval()), v = h(() => (C.value, u.value ? j(t, {
       time: u.value.time,
       sort: O.value,
       cacheKey: "tooltip"
-    }) : [])), _ = h(() => u.value?.time ?? 0), A = $(), y = h(() => typeof A.default == "function"), B = z(null), b = z(null);
+    }) : [])), _ = h(() => u.value?.time ?? 0), A = Z(), y = h(() => typeof A.default == "function"), B = z(null), b = z(null);
     let S = null;
     K((a) => {
       if (!y.value) return;
@@ -83,11 +83,11 @@ const ae = {
         tooltipHeight: M
       });
     }), E = h(() => !y.value || b.value !== null);
-    function L(a) {
+    function R(a) {
       return "open" in a;
     }
     function N(a) {
-      return "high" in a && !L(a);
+      return "high" in a && !R(a);
     }
     return (a, r) => (i(), n(f, null, [
       d(u) && v.value.length > 0 && g.value && !y.value ? (i(), n("div", {
@@ -124,15 +124,15 @@ const ae = {
           })
         }, [
           d(t).timeScale.getType() === "time" ? (i(), n(f, { key: 0 }, [
-            R(c(d(ee)(_.value, { locale: d(t).timeScale.getLocale(), timeZone: d(t).timeScale.getTimeZone() })), 1)
+            H(c(d(ee)(_.value, { locale: d(t).timeScale.getLocale(), timeZone: d(t).timeScale.getTimeZone() })), 1)
           ], 64)) : w("", !0),
-          R(" " + c(d(q)(d(t), { time: _.value, snapshots: v.value, interval: V.value })), 1)
+          H(" " + c(d(q)(d(t), { time: _.value, snapshots: v.value, interval: V.value })), 1)
         ], 4),
-        (i(!0), n(f, null, H(v.value, (e) => (i(), n(f, {
+        (i(!0), n(f, null, L(v.value, (e) => (i(), n(f, {
           key: e.id
         }, [
-          L(e.data) ? (i(), n("div", ae, [
-            (i(!0), n(f, null, H([
+          R(e.data) ? (i(), n("div", ae, [
+            (i(!0), n(f, null, L([
               { label: "Open", val: e.data.open, field: "open" },
               { label: "High", val: e.data.high, field: "high" },
               { label: "Low", val: e.data.low, field: "low" },