vue-data-ui 3.16.5 → 3.17.0

package/dist/{vue-ui-candlestick-BJD25FJV.js → vue-ui-candlestick-BMvM7WIc.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as j, computed as y, ref as v, toRefs as jl, watch as me, shallowRef as Dt, onMounted as Gl, onBeforeUnmount as qe, watchEffect as Ce, nextTick as je, openBlock as i, createElementBlock as n, normalizeStyle as ae, normalizeClass as X, createElementVNode as m, toDisplayString as oe, createBlock as G, createCommentVNode as p, unref as h, withCtx as k, renderSlot as x, normalizeProps as L, guardReactiveProps as T, createSlots as Bt, createVNode as Ge, Fragment as M, renderList as B, mergeProps as Nt, resolveDynamicComponent as Kl, createTextVNode as Et } from "vue";
-import { j as Yl, t as Vt, o as Wt, q as Z, D as Jl, K, I as Ql, l as R, X as Zl, v as Ae, u as ea, a0 as ta, a1 as la, T as aa, U as oa, a2 as Ut } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as j, computed as y, ref as v, toRefs as jl, watch as me, shallowRef as Dt, onMounted as Gl, onBeforeUnmount as qe, watchEffect as Ae, nextTick as je, openBlock as i, createElementBlock as n, normalizeStyle as ae, normalizeClass as X, createElementVNode as m, toDisplayString as oe, createBlock as G, createCommentVNode as p, unref as h, withCtx as k, renderSlot as b, normalizeProps as _, guardReactiveProps as S, createSlots as Bt, createVNode as Ge, Fragment as M, renderList as B, mergeProps as Nt, resolveDynamicComponent as Kl, createTextVNode as Et } from "vue";
+import { j as Yl, t as Vt, o as Wt, q as Z, D as Jl, K, I as Ql, l as R, X as Zl, v as $e, u as ea, a0 as ta, a1 as la, T as aa, U as oa, a2 as Ut } from "./lib-DBptbyyI.js";
 import { t as Ht, u as sa } from "./useResponsive-DfdjqQps.js";
-import { u as ua } from "./useConfig-CpJA0VZa.js";
+import { u as ua } from "./useConfig-ChRble71.js";
 import { u as Xt, a as qt, b as ia } from "./useTimeLabels-C-A2uZKi.js";
 import { u as na } from "./usePrinter-CEpYU3r5.js";
 import { u as ra, B as va } from "./BaseScanner-BhhkKVoj.js";
@@ -15,7 +15,7 @@ import pa from "./img-LXxMLmCg.js";
 import fa from "./Title-BeMKE1cj.js";
 import ga from "./vue_ui_candlestick-BAMn-VGw.js";
 import { A as ba } from "./A11yDataTable-KcVAX2cP.js";
-import { S as xa } from "./SlicerPreview-DTjwV0iY.js";
+import { S as xa } from "./SlicerPreview-BIvxyb5W.js";
 import { _ as ka } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = ["xmlns", "aria-describedby", "viewBox"], _a = ["x", "y", "width", "height"], Sa = { key: 1 }, za = ["id"], La = ["stop-color"], Ta = ["stop-color"], Ia = ["stop-color"], Fa = ["id"], Ma = ["stop-color"], Ra = ["stop-color"], Pa = ["stop-color"], Oa = { key: 0 }, Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ua = ["x", "y", "font-size", "fill", "font-weight"], Ha = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Xa = ["transform", "text-anchor", "font-size", "fill", "font-weight"], qa = ["x", "y", "width", "height", "fill", "rx"], ja = { key: 0 }, Ga = ["cx", "cy", "r", "fill"], Ka = ["cx", "cy", "r", "fill"], Ya = { key: 1 }, Ja = ["x", "y", "width", "height", "rx", "fill"], Qa = ["x", "y", "width", "height", "fill", "rx"], Za = ["x", "y", "height", "width", "fill", "rx"], eo = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], to = ["d", "stroke"], lo = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], ao = ["data-start", "data-end"], oo = {
   key: 0,
@@ -47,7 +47,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
   },
   emits: ["selectX", "copyAlt"],
   setup(jt, { expose: Gt, emit: Kt }) {
-    const Yt = j(() => import("./BaseIcon-Cb3zzG6s.js")), Jt = j(() => import("./Tooltip-Bf-kM3_A.js")), Qt = j(() => import("./vue-ui-accordion-BF4v32wv.js")), Zt = j(() => import("./DataTable-DT2kIdQ6.js")), el = j(() => import("./PenAndPaper-Ct3qJ4lA.js")), tl = j(() => import("./UserOptions-rW2fRf3V.js")), ll = j(() => import("./PackageVersion-CvtT2-UH.js")), al = j(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_candlestick: ol } = ua(), { isThemeValid: sl, warnInvalidTheme: ul } = ca(), I = jt, $e = Kt, _e = y(() => !!I.dataset && I.dataset.length), V = v(!1), Se = v(null), _ = v(Yl()), se = v(!1), ze = v(""), P = v(void 0), Ye = v(0), W = v(null), Je = v(null), Qe = v(null), ue = v(null), Ze = v(null), et = v(null), il = v(0), tt = v(0), lt = v(0), Le = v(null), ie = v(null), ne = v(null), Te = v(null), at = v(null), pe = v(!1), fe = v(!1), U = v(null), ot = v({ x: 0, y: 0 }), re = v("pointer"), Ie = v(!1), e = v(Re()), ve = y(() => e.value.userOptions.useCursorPointer), nl = y(() => Vt({
+    const Yt = j(() => import("./BaseIcon-Cb3zzG6s.js")), Jt = j(() => import("./Tooltip-C8KGyqQk.js")), Qt = j(() => import("./vue-ui-accordion-CnDW2UQL.js")), Zt = j(() => import("./DataTable-DT2kIdQ6.js")), el = j(() => import("./PenAndPaper-Ct3qJ4lA.js")), tl = j(() => import("./UserOptions-rW2fRf3V.js")), ll = j(() => import("./PackageVersion-B3kmPxTR.js")), al = j(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_candlestick: ol } = ua(), { isThemeValid: sl, warnInvalidTheme: ul } = ca(), I = jt, _e = Kt, Se = y(() => !!I.dataset && I.dataset.length), V = v(!1), ze = v(null), z = v(Yl()), se = v(!1), Le = v(""), P = v(void 0), Ye = v(0), W = v(null), Je = v(null), Qe = v(null), ue = v(null), Ze = v(null), et = v(null), il = v(0), tt = v(0), lt = v(0), Te = v(null), ie = v(null), ne = v(null), Ie = v(null), at = v(null), pe = v(!1), fe = v(!1), U = v(null), ot = v({ x: 0, y: 0 }), re = v("pointer"), Fe = v(!1), e = v(Pe()), ve = y(() => e.value.userOptions.useCursorPointer), nl = y(() => Vt({
       defaultConfig: {
         useCssAnimation: !1,
         userOptions: { show: !1 },
@@ -93,13 +93,13 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: H, FINAL_DATASET: w, manualLoading: Fe } = ra({
+    })), { loading: H, FINAL_DATASET: w, manualLoading: Me } = ra({
       ...jl(I),
       FINAL_CONFIG: e,
-      prepareConfig: Re,
+      prepareConfig: Pe,
       callback: () => {
         Promise.resolve().then(async () => {
-          await we();
+          await Ce();
         });
       },
       skeletonDataset: I.config?.skeletonDataset ?? [
@@ -120,14 +120,14 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         defaultConfig: e.value,
         userConfig: nl.value
       })
-    }), { userOptionsVisible: Me, setUserOptionsVisibility: st, keepUserOptionState: ut } = ya({ config: e.value }), { svgRef: Y } = ha({ config: e.value.style.title });
+    }), { userOptionsVisible: Re, setUserOptionsVisibility: st, keepUserOptionState: ut } = ya({ config: e.value }), { svgRef: Y } = ha({ config: e.value.style.title });
     function rl() {
       st(!0);
     }
     function vl() {
-      st(!1), $e("selectX", { seriesIndex: null, datapoint: null }), P.value = null;
+      st(!1), _e("selectX", { seriesIndex: null, datapoint: null }), P.value = null;
     }
-    function Re() {
+    function Pe() {
       const t = Ke({
         userConfig: I.config,
         defaultConfig: ol
@@ -154,11 +154,11 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       return a;
     }
     me(() => I.config, (t) => {
-      H.value || (e.value = Re()), Me.value = !e.value.userOptions.showOnChartHover, it(), il.value += 1, lt.value += 1, tt.value += 1, O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.tooltip.show, ge();
+      H.value || (e.value = Pe()), Re.value = !e.value.userOptions.showOnChartHover, it(), il.value += 1, lt.value += 1, tt.value += 1, O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.tooltip.show, ge();
     }, { deep: !0 }), me(() => I.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Fe.value = !1), $t();
+      Array.isArray(t) && t.length > 0 && (Me.value = !1), $t();
     }, { deep: !0 });
-    const b = v({
+    const x = v({
       height: e.value.style.height,
       width: e.value.style.width,
       xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
@@ -173,7 +173,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         componentName: "VueUiCandlestick",
         type: "dataset",
         debug: J.value
-      }), Fe.value = !0), Wt(I.dataset) || (Fe.value = e.value.loading), setTimeout(() => {
+      }), Me.value = !0), Wt(I.dataset) || (Me.value = e.value.loading), setTimeout(() => {
         V.value = !0;
       }, 10), e.value.responsive) {
         const a = Ht(() => {
@@ -181,47 +181,47 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           const { width: l, height: s } = sa({
             chart: W.value,
             title: e.value.style.title.text ? Je.value : null,
-            slicer: e.value.style.zoom.show && S.value > 6 ? ue.value.$el : null,
+            slicer: e.value.style.zoom.show && L.value > 6 ? ue.value.$el : null,
             legend: Qe.value,
             source: Ze.value,
             noTitle: et.value
           });
           requestAnimationFrame(() => {
-            b.value.width = l, b.value.height = s - 12, e.value.responsiveProportionalSizing ? (b.value.xAxisFontSize = Ut({
+            x.value.width = l, x.value.height = s - 12, e.value.responsiveProportionalSizing ? (x.value.xAxisFontSize = Ut({
               relator: Math.min(l, s),
               adjuster: e.value.style.width,
               source: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
               threshold: 6,
               fallback: 6
-            }), b.value.yAxisFontSize = Ut({
+            }), x.value.yAxisFontSize = Ut({
               relator: Math.min(l, s),
               adjuster: e.value.style.width,
               source: e.value.style.layout.grid.yAxis.dataLabels.fontSize,
               threshold: 6,
               fallback: 6
-            })) : (b.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, b.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), Se.value && clearTimeout(Se.value), Se.value = setTimeout(() => {
+            })) : (x.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, x.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), ze.value && clearTimeout(ze.value), ze.value = setTimeout(() => {
               V.value = !0;
             }, 10);
           });
         });
         q.value && (ee.value && q.value.unobserve(ee.value), q.value.disconnect()), q.value = new ResizeObserver(a), ee.value = W.value.parentNode, q.value.observe(ee.value);
       }
-      we();
+      Ce();
     }
     qe(() => {
       q.value && (ee.value && q.value.unobserve(ee.value), q.value.disconnect());
     });
-    const { isPrinting: Pe, isImaging: Oe, generatePdf: nt, generateImage: rt } = na({
-      elementId: `vue-ui-candlestick_${_.value}`,
+    const { isPrinting: Oe, isImaging: De, generatePdf: nt, generateImage: rt } = na({
+      elementId: `vue-ui-candlestick_${z.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick",
       options: e.value.userOptions.print
     }), dl = y(() => e.value.userOptions.show && !e.value.style.title.text), O = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
-    }), De = v(0), cl = Ht((t) => {
-      De.value = t;
+    }), Be = v(0), cl = Ht((t) => {
+      Be.value = t;
     }, 100);
-    Ce((t) => {
+    Ae((t) => {
       const a = ie.value;
       if (!a) return;
       const l = new ResizeObserver((s) => {
@@ -229,15 +229,15 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       });
       l.observe(a), t(() => l.disconnect());
     }), qe(() => {
-      De.value = 0;
+      Be.value = 0;
     });
     const vt = y(() => {
       let t = 0;
-      return ie.value && (t = De.value + b.value.xAxisFontSize), t;
+      return ie.value && (t = Be.value + x.value.xAxisFontSize), t;
     });
     function yl() {
       let t = e.value.style.layout.grid.yAxis.dataLabels.offsetX;
-      return Le.value && (t = Array.from(Le.value.querySelectorAll("text")).reduce((s, o) => {
+      return Te.value && (t = Array.from(Te.value.querySelectorAll("text")).reduce((s, o) => {
         const u = o.getComputedTextLength();
         return u > s ? u : s;
       }, 0)), t + 13;
@@ -246,18 +246,18 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       const { top: t, right: a, bottom: l, left: s } = e.value.style.layout.padding, o = yl(), u = 12;
       return {
         top: t + u,
-        right: b.value.width - a,
+        right: x.value.width - a,
         left: s + o,
-        bottom: b.value.height - l - vt.value,
-        width: b.value.width - s - a - o,
-        height: b.value.height - t - l - vt.value - u
+        bottom: x.value.height - l - vt.value,
+        width: x.value.width - s - a - o,
+        height: x.value.height - t - l - vt.value - u
       };
     }), hl = y(() => {
-      const { left: t, top: a, width: l, height: s } = r.value, o = d.value.start, f = d.value.end - o, A = l / f, C = $.value.start - o, D = $.value.end - o, z = Math.max(0, Math.min(f, C)), le = Math.max(0, Math.min(f, D));
+      const { left: t, top: a, width: l, height: s } = r.value, o = d.value.start, f = d.value.end - o, A = l / f, C = $.value.start - o, D = $.value.end - o, T = Math.max(0, Math.min(f, C)), le = Math.max(0, Math.min(f, D));
       return {
-        x: t + z * A,
+        x: t + T * A,
         y: a,
-        width: (le - z) * A,
+        width: (le - T) * A,
         height: s,
         fill: e.value.style.zoom.preview.fill,
         stroke: e.value.style.zoom.preview.stroke,
@@ -271,16 +271,16 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           animation: "none !important"
         }
       };
-    }), S = y(() => w.value.length), d = v({
+    }), L = y(() => w.value.length), d = v({
       start: 0,
-      end: S.value
-    }), $ = v({ start: 0, end: S.value }), dt = y(() => e.value.style.zoom.preview.enable && ($.value.start !== d.value.start || $.value.end !== d.value.end));
+      end: L.value
+    }), $ = v({ start: 0, end: L.value }), dt = y(() => e.value.style.zoom.preview.enable && ($.value.start !== d.value.start || $.value.end !== d.value.end));
     function ct(t, a) {
       $.value[t] = a;
     }
     function ge() {
-      let t = Math.max(0, Math.min(d.value.start ?? 0, S.value - 1)), a = Math.max(t + 1, Math.min(d.value.end ?? S.value, S.value));
-      (!Number.isFinite(t) || !Number.isFinite(a) || a <= t) && (t = 0, a = S.value), d.value.start = t, d.value.end = a, $.value.start = t, $.value.end = a, ue.value && (ue.value.setStartValue(t), ue.value.setEndValue(a));
+      let t = Math.max(0, Math.min(d.value.start ?? 0, L.value - 1)), a = Math.max(t + 1, Math.min(d.value.end ?? L.value, L.value));
+      (!Number.isFinite(t) || !Number.isFinite(a) || a <= t) && (t = 0, a = L.value), d.value.start = t, d.value.end = a, $.value.start = t, $.value.end = a, ue.value && (ue.value.setStartValue(t), ue.value.setEndValue(a));
     }
     const yt = y(() => w.value.map((t, a) => ({
       ...t,
@@ -369,7 +369,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         c: Math.min(...F.value.map((o) => o.low))
       }, l = Math.max(...F.value.map((o) => o.volume)), s = Math.min(...F.value.map((o) => o.volume));
       return F.value.map((o, u) => {
-        const f = be(o.open, u, t.o, a.o), A = be(o.high, u, t.h, a.h), C = be(o.low, u, t.l, a.l), D = be(o.close, u, t.c, a.c), z = o.close > o.open, le = o.volume === l, Rt = o.volume === s;
+        const f = be(o.open, u, t.o, a.o), A = be(o.high, u, t.h, a.h), C = be(o.low, u, t.l, a.l), D = be(o.close, u, t.c, a.c), T = o.close > o.open, le = o.volume === l, Rt = o.volume === s;
         return {
           period: o.period,
           open: f,
@@ -377,7 +377,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           low: C,
           close: D,
           volume: o.volume,
-          isBullish: z,
+          isBullish: T,
           absoluteIndex: o.absoluteIndex,
           isMaxVolume: le,
           isMinVolume: Rt
@@ -417,9 +417,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     const pt = y(() => N.value.ticks.map((t) => ({
       y: r.value.bottom - r.value.height * gl(t),
       value: K(t)
-    }))), bl = y(() => F.value.map((t) => t.period)), E = v([]), Be = v([]);
+    }))), bl = y(() => F.value.map((t) => t.period)), E = v([]), Ne = v([]);
     let ft = 0;
-    Ce(() => {
+    Ae(() => {
       const t = ++ft;
       (async () => {
         const a = await Xt({
@@ -433,7 +433,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       })();
     });
     let gt = 0;
-    Ce(() => {
+    Ae(() => {
       const t = ++gt;
       (async () => {
         const a = await Xt({
@@ -441,9 +441,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           maxDatapoints: w.value.length,
           formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
           start: 0,
-          end: S.value
+          end: L.value
         });
-        t === gt && (Be.value = a);
+        t === gt && (Ne.value = a);
       })();
     });
     const xl = y(() => {
@@ -451,7 +451,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       return E.value.length ? Math.min(t, [...new Set(E.value.map((a) => a.text))].length) : t;
     }), bt = v({ months: [], shortMonths: [], days: [], shortDays: [] });
     let xt = 0;
-    Ce(() => {
+    Ae(() => {
       const t = ++xt, a = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter;
       (async () => {
         const l = await qt(a.locale).catch(() => qt("en"));
@@ -474,8 +474,8 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     }))), wl = y(() => (w.value.map((a) => a[0]) || []).map((a, l) => ({
       text: kt.value(l, e.value.style.zoom.timeFormat),
       absoluteIndex: l
-    }))), Ne = y(() => {
-      const t = e.value.style.layout.grid.xAxis.dataLabels, a = E.value || [], l = Be.value || [], s = d.value.start ?? 0, o = P.value, u = S.value, f = a.map((C) => C?.text ?? ""), A = l.map((C) => C?.text ?? "");
+    }))), Ee = y(() => {
+      const t = e.value.style.layout.grid.xAxis.dataLabels, a = E.value || [], l = Ne.value || [], s = d.value.start ?? 0, o = P.value, u = L.value, f = a.map((C) => C?.text ?? ""), A = l.map((C) => C?.text ?? "");
       return Ql(
         !!t.showOnlyFirstAndLast,
         !!t.showOnlyAtModulo,
@@ -492,7 +492,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     } : {
       start: w.value[d.value.start] ? w.value[d.value.start][0] : w.value[0][0],
       end: w.value[d.value.end - 1] ? w.value[d.value.end - 1][0] : w.value.at(-1)[0]
-    }), Ee = v(null);
+    }), ke = v(null);
     function Ct(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: a, seriesIndex: t + d.value.start });
     }
@@ -508,7 +508,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       a < 0 || t >= d.value.end ? P.value = null : P.value = a ?? null;
     }, { immediate: !0 });
     function At(t, a, l = "pointer") {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: t + d.value.start }), P.value = t, U.value = t, re.value = l, Ee.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: t + d.value.start }), P.value = t, U.value = t, re.value = l, ke.value = {
         datapoint: a,
         seriesIndex: t,
         series: g.value,
@@ -521,7 +521,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         series: g.value,
         config: e.value
       })))
-        ze.value = s({
+        Le.value = s({
           seriesIndex: t,
           datapoint: a,
           series: g.value,
@@ -529,9 +529,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         });
       else if (e.value.style.tooltip.show) {
         let o = "";
-        const { period: u, open: f, high: A, low: C, close: D, volume: z, isBullish: le } = g.value[t], { period: Rt, open: Vl, high: Wl, low: Ul, close: Hl, volume: Xl } = e.value.translations, ql = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? e.value.style.tooltip.useDefaultTimeFormat ? E.value[t].text : kl.value[t].text : u;
+        const { period: u, open: f, high: A, low: C, close: D, volume: T, isBullish: le } = g.value[t], { period: Rt, open: Vl, high: Wl, low: Ul, close: Hl, volume: Xl } = e.value.translations, ql = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? e.value.style.tooltip.useDefaultTimeFormat ? E.value[t].text : kl.value[t].text : u;
         o += `<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${e.value.style.layout.candle.borderRadius * 3}" stroke="${e.value.style.layout.candle.stroke}" stroke-width="${e.value.style.layout.candle.strokeWidth}" 
-                fill="${e.value.style.layout.candle.gradient.show ? le ? `url(#bullish_gradient_${_.value})` : `url(#bearish_gradient_${_.value})` : le ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${ql}</div>`, o += `${Xl} : <b>${isNaN(z) ? "-" : Number(z.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, o += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`;
+                fill="${e.value.style.layout.candle.gradient.show ? le ? `url(#bullish_gradient_${z.value})` : `url(#bearish_gradient_${z.value})` : le ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${ql}</div>`, o += `${Xl} : <b>${isNaN(T) ? "-" : Number(T.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, o += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`;
         const He = R({
           p: e.value.style.tooltip.prefix,
           v: f.value,
@@ -573,7 +573,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                         <g>
                     </svg>
                     <div>
-                ` : (o += `<div>${Vl}: <b>${He}</b></div>`, o += `<div>${Wl}: <b>${Pt}</b></div>`, o += `<div>${Ul}: <b>${Ot}</b></div>`, o += `<div>${Hl}: <b>${Xe}</b></div>`), o += "</div>", ze.value = `<div style="text-align:right">${o}</div>`;
+                ` : (o += `<div>${Vl}: <b>${He}</b></div>`, o += `<div>${Wl}: <b>${Pt}</b></div>`, o += `<div>${Ul}: <b>${Ot}</b></div>`, o += `<div>${Hl}: <b>${Xe}</b></div>`), o += "</div>", Le.value = `<div style="text-align:right">${o}</div>`;
       }
       se.value = !0;
     }
@@ -587,26 +587,26 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       de.value && cancelAnimationFrame(de.value);
     });
     async function $t() {
-      we(), await je(), de.value && cancelAnimationFrame(de.value), de.value = requestAnimationFrame(async () => {
-        await Al(), we();
+      Ce(), await je(), de.value && cancelAnimationFrame(de.value), de.value = requestAnimationFrame(async () => {
+        await Al(), Ce();
       });
     }
-    const ce = v(!1), _t = v(!1), ke = v(!1);
-    function we() {
+    const ce = v(!1), _t = v(!1), we = v(!1);
+    function Ce() {
       if (!ce.value) {
         ce.value = !0;
         try {
-          const { startIndex: t, endIndex: a } = e.value.style.zoom, l = S.value, s = t ?? 0, o = a != null ? Math.min(St(a + 1), l) : l;
-          ke.value = !0, d.value.start = s, d.value.end = o, $.value.start = s, $.value.end = o, ge(), _t.value = !0;
+          const { startIndex: t, endIndex: a } = e.value.style.zoom, l = L.value, s = t ?? 0, o = a != null ? Math.min(St(a + 1), l) : l;
+          we.value = !0, d.value.start = s, d.value.end = o, $.value.start = s, $.value.end = o, ge(), _t.value = !0;
         } finally {
           queueMicrotask(() => {
-            ke.value = !1;
+            we.value = !1;
           }), ce.value = !1;
         }
       }
     }
     function St(t) {
-      const a = S.value;
+      const a = L.value;
       return t > a ? a : t < 0 || t < d.value.start ? e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex + 1 : 1 : t;
     }
     function Ve(t = null) {
@@ -639,18 +639,18 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           v: o.low.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), z = R({
+        }), T = R({
           p: e.value.table.td.prefix,
           v: o.close.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
         });
         return [
-          `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${e.value.style.layout.candle.borderRadius * 3}" fill="${e.value.style.layout.candle.gradient.show ? o.isBullish ? `url(#bullish_gradient_${_.value}` : `url(#bearish_gradient_${_.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${f}`,
+          `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${e.value.style.layout.candle.borderRadius * 3}" fill="${e.value.style.layout.candle.gradient.show ? o.isBullish ? `url(#bullish_gradient_${z.value}` : `url(#bearish_gradient_${z.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${f}`,
           A,
           C,
           D,
-          z,
+          T,
           `${isNaN(o.volume) ? "-" : o.volume.toLocaleString()}`
         ];
       }), a = g.value.map((o, u) => {
@@ -669,7 +669,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           v: o.low.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), z = R({
+        }), T = R({
           p: e.value.table.td.prefix,
           v: o.close.value,
           s: e.value.table.td.suffix,
@@ -680,7 +680,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           A,
           C,
           D,
-          z,
+          T,
           `${isNaN(o.volume) ? "-" : o.volume}`
         ];
       }), l = {
@@ -730,7 +730,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         aspectRatio: s
       };
     }
-    const _l = y(() => b.value.width), Sl = y(() => b.value.height);
+    const _l = y(() => x.value.width), Sl = y(() => x.value.height);
     ma({
       timeLabelsEls: ie,
       timeLabels: E,
@@ -783,7 +783,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       e.value.table.show || (t && e.value.table.useDialog && ne.value ? ne.value.open() : "close" in ne.value && ne.value.close());
     });
     function It() {
-      O.value.showTable = !1, Te.value && Te.value.setTableIconState(!1);
+      O.value.showTable = !1, Ie.value && Ie.value.setTableIconState(!1);
     }
     const zl = y(() => e.value.style.backgroundColor), Ll = y(() => e.value.style.title), { exportSvg: Tl, getSvg: Il } = da({
       svg: Y,
@@ -806,16 +806,16 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       at.value = t;
     }
     function Ml(t) {
-      ce.value || ke.value || t !== d.value.start && (d.value.start = t, $.value.start = t, ge());
+      ce.value || we.value || t !== d.value.start && (d.value.start = t, $.value.start = t, ge());
     }
     function Rl(t) {
-      if (ce.value || ke.value) return;
+      if (ce.value || we.value) return;
       const a = St(t);
       a !== d.value.end && (d.value.end = a, $.value.end = a, ge());
     }
     function Pl({ seriesIndex: t, datapoint: a }) {
       const l = d.value.start + t;
-      $e("selectX", {
+      _e("selectX", {
         dataset: a,
         index: l,
         indexLabel: ""
@@ -833,7 +833,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       rt();
     }
     async function Mt() {
-      if ($e("copyAlt", {
+      if (_e("copyAlt", {
         config: e.value,
         dataset: g.value
       }), !e.value.userOptions.callbacks.altCopy) {
@@ -846,10 +846,10 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       }));
     }
     function Dl() {
-      U.value = null, Ie.value = !0;
+      U.value = null, Fe.value = !0;
     }
     function Bl() {
-      U.value = null, re.value = "pointer", se.value = !1, P.value = void 0, Ie.value = !1;
+      U.value = null, re.value = "pointer", se.value = !1, P.value = void 0, Fe.value = !1;
     }
     function Nl(t) {
       if (!Y.value || ye.value || document.activeElement !== Y.value || !g.value.length) return;
@@ -861,9 +861,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       }
       if (s) {
         if (U.value === null) return;
-        const z = g.value[U.value];
-        if (!z) return;
-        Ct(U.value, z);
+        const T = g.value[U.value];
+        if (!T) return;
+        Ct(U.value, T);
         return;
       }
       let u = U.value;
@@ -876,8 +876,8 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       if (!Number.isFinite(t) || !Y.value) return;
       const a = r.value.left + c.value * t + c.value / 2, l = r.value.top + r.value.height / 2, s = Y.value.getBoundingClientRect();
       ot.value = {
-        x: s.left + a / b.value.width * s.width,
-        y: s.top + l / b.value.height * s.height
+        x: s.left + a / x.value.width * s.width,
+        y: s.top + l / x.value.height * s.height
       };
     }
     const Ue = y(() => {
@@ -900,19 +900,19 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       ref: W,
       class: X(`vue-data-ui-component vue-ui-candlestick ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: ae(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
-      id: `vue-ui-candlestick_${_.value}`,
+      id: `vue-ui-candlestick_${z.value}`,
       onMouseenter: rl,
       onMouseleave: vl
     }, [
       m("div", {
-        id: `chart-instructions-${_.value}`,
+        id: `chart-instructions-${z.value}`,
         class: "sr-only"
       }, [
         m("p", null, oe(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Ca),
       Ue.value?.rows?.length ? (i(), G(ba, {
         key: 0,
-        uid: _.value,
+        uid: z.value,
         head: Ue.value.headers,
         body: Ue.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
@@ -928,22 +928,22 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         onClose: We
       }, {
         "annotator-action-close": k(() => [
-          x(t.$slots, "annotator-action-close", {}, void 0, !0)
+          b(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": k(({ color: l }) => [
-          x(t.$slots, "annotator-action-color", L(T({ color: l })), void 0, !0)
+          b(t.$slots, "annotator-action-color", _(S({ color: l })), void 0, !0)
         ]),
         "annotator-action-draw": k(({ mode: l }) => [
-          x(t.$slots, "annotator-action-draw", L(T({ mode: l })), void 0, !0)
+          b(t.$slots, "annotator-action-draw", _(S({ mode: l })), void 0, !0)
         ]),
         "annotator-action-undo": k(({ disabled: l }) => [
-          x(t.$slots, "annotator-action-undo", L(T({ disabled: l })), void 0, !0)
+          b(t.$slots, "annotator-action-undo", _(S({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-redo": k(({ disabled: l }) => [
-          x(t.$slots, "annotator-action-redo", L(T({ disabled: l })), void 0, !0)
+          b(t.$slots, "annotator-action-redo", _(S({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-delete": k(({ disabled: l }) => [
-          x(t.$slots, "annotator-action-delete", L(T({ disabled: l })), void 0, !0)
+          b(t.$slots, "annotator-action-delete", _(S({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : p("", !0),
@@ -974,15 +974,15 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      e.value.userOptions.show && _e.value && (h(ut) || h(Me)) ? (i(), G(h(tl), {
+      e.value.userOptions.show && Se.value && (h(ut) || h(Re)) ? (i(), G(h(tl), {
         ref_key: "userOptionsRef",
-        ref: Te,
+        ref: Ie,
         key: `user_options_${Ye.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: h(Oe),
-        isPrinting: h(Pe),
-        uid: _.value,
+        isImaging: h(De),
+        isPrinting: h(Oe),
+        uid: z.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -1012,76 +1012,76 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         onToggleAnnotator: We,
         onCopyAlt: Mt,
         style: ae({
-          visibility: h(ut) ? h(Me) ? "visible" : "hidden" : "visible"
+          visibility: h(ut) ? h(Re) ? "visible" : "hidden" : "visible"
         })
       }, Bt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: k(({ isOpen: l, color: s }) => [
-            x(t.$slots, "menuIcon", L(T({ isOpen: l, color: s })), void 0, !0)
+            b(t.$slots, "menuIcon", _(S({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: k(() => [
-            x(t.$slots, "optionTooltip", {}, void 0, !0)
+            b(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: k(() => [
-            x(t.$slots, "optionPdf", {}, void 0, !0)
+            b(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: k(() => [
-            x(t.$slots, "optionCsv", {}, void 0, !0)
+            b(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: k(() => [
-            x(t.$slots, "optionImg", {}, void 0, !0)
+            b(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
           fn: k(() => [
-            x(t.$slots, "optionSvg", {}, void 0, !0)
+            b(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: k(() => [
-            x(t.$slots, "optionTable", {}, void 0, !0)
+            b(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: k(({ toggleFullscreen: l, isFullscreen: s }) => [
-            x(t.$slots, "optionFullscreen", L(T({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+            b(t.$slots, "optionFullscreen", _(S({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: k(({ toggleAnnotator: l, isAnnotator: s }) => [
-            x(t.$slots, "optionAnnotator", L(T({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+            b(t.$slots, "optionAnnotator", _(S({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: k(({ altCopy: l }) => [
-            x(t.$slots, "optionAltCopy", L(T({ altCopy: l })), void 0, !0)
+            b(t.$slots, "optionAltCopy", _(S({ altCopy: l })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -1091,9 +1091,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           ref_key: "svgRef",
           ref: Y,
           xmlns: h(Zl),
-          "aria-describedby": `chart-instructions-${_.value}`,
+          "aria-describedby": `chart-instructions-${z.value}`,
           class: X({ "vue-data-ui-fullscreen--on": Q.value, "vue-data-ui-fulscreen--off": !Q.value }),
-          viewBox: `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`,
+          viewBox: `0 0 ${x.value.width <= 0 ? 10 : x.value.width} ${x.value.height <= 0 ? 10 : x.value.height}`,
           style: ae(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
           tabindex: "0",
           onFocus: Dl,
@@ -1111,12 +1111,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               pointerEvents: "none"
             }
           }, [
-            x(t.$slots, "chart-background", {}, void 0, !0)
+            b(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, _a)) : p("", !0),
           g.value.length > 0 ? (i(), n("g", Sa, [
             m("defs", null, [
               m("linearGradient", {
-                id: `bearish_gradient_${_.value}`,
+                id: `bearish_gradient_${z.value}`,
                 x2: "0%",
                 y2: "100%"
               }, [
@@ -1126,15 +1126,15 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                 }, null, 8, La),
                 m("stop", {
                   offset: "50%",
-                  "stop-color": `${h(Ae)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
+                  "stop-color": `${h($e)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
                 }, null, 8, Ta),
                 m("stop", {
                   offset: "100%",
-                  "stop-color": `${h(Ae)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
+                  "stop-color": `${h($e)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
                 }, null, 8, Ia)
               ], 8, za),
               m("linearGradient", {
-                id: `bullish_gradient_${_.value}`,
+                id: `bullish_gradient_${z.value}`,
                 x2: "0%",
                 y2: "100%"
               }, [
@@ -1144,11 +1144,11 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                 }, null, 8, Ma),
                 m("stop", {
                   offset: "50%",
-                  "stop-color": `${h(Ae)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
+                  "stop-color": `${h($e)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
                 }, null, 8, Ra),
                 m("stop", {
                   offset: "100%",
-                  "stop-color": `${h(Ae)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
+                  "stop-color": `${h($e)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
                 }, null, 8, Pa)
               ], 8, Fa)
             ]),
@@ -1181,7 +1181,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                 "stroke-dasharray": e.value.style.layout.grid.horizontalLines.strokeDasharray,
                 "stroke-linecap": "round"
               }, null, 8, Na))), 256)) : p("", !0),
-              e.value.style.layout.grid.verticalLines.show ? (i(!0), n(M, { key: 1 }, B(Ne.value, (l, s) => (i(), n("g", null, [
+              e.value.style.layout.grid.verticalLines.show ? (i(!0), n(M, { key: 1 }, B(Ee.value, (l, s) => (i(), n("g", null, [
                 l.text ? (i(), n("line", {
                   key: 0,
                   x1: r.value.left + c.value * s + c.value / 2,
@@ -1194,7 +1194,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                   "stroke-linecap": "round"
                 }, null, 8, Ea)) : p("", !0)
               ]))), 256)) : p("", !0),
-              e.value.style.layout.grid.xAxis.ticks.show ? (i(!0), n(M, { key: 2 }, B(Ne.value, (l, s) => (i(), n("g", null, [
+              e.value.style.layout.grid.xAxis.ticks.show ? (i(!0), n(M, { key: 2 }, B(Ee.value, (l, s) => (i(), n("g", null, [
                 l.text ? (i(), n("line", {
                   key: 0,
                   x1: r.value.left + c.value * s + c.value / 2,
@@ -1210,7 +1210,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
             e.value.style.layout.grid.yAxis.dataLabels.show ? (i(), n("g", {
               key: 1,
               ref_key: "scaleLabels",
-              ref: Le
+              ref: Te
             }, [
               (i(!0), n(M, null, B(pt.value, (l, s) => (i(), n("g", null, [
                 l.value >= N.value.min && l.value <= N.value.max ? (i(), n("line", {
@@ -1226,8 +1226,8 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                 l.value >= N.value.min && l.value <= N.value.max ? (i(), n("text", {
                   key: 1,
                   x: r.value.left - 8 + e.value.style.layout.grid.yAxis.dataLabels.offsetX,
-                  y: l.y + b.value.yAxisFontSize / 3,
-                  "font-size": b.value.yAxisFontSize,
+                  y: l.y + x.value.yAxisFontSize / 3,
+                  "font-size": x.value.yAxisFontSize,
                   "text-anchor": "end",
                   fill: e.value.style.layout.grid.yAxis.dataLabels.color,
                   "font-weight": e.value.style.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
@@ -1247,9 +1247,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               (i(!0), n(M, null, B(bl.value, (l, s) => (i(), n("g", null, [
                 m("text", {
                   class: "vue-data-ui-time-label",
-                  transform: `translate(${r.value.left + c.value * s + c.value / 2}, ${r.value.bottom + b.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
+                  transform: `translate(${r.value.left + c.value * s + c.value / 2}, ${r.value.bottom + x.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
                   "text-anchor": e.value.style.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : e.value.style.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
-                  "font-size": b.value.xAxisFontSize,
+                  "font-size": x.value.xAxisFontSize,
                   fill: e.value.style.layout.grid.xAxis.dataLabels.color,
                   "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
                 }, oe(l), 9, Ha)
@@ -1260,12 +1260,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               ref_key: "timeLabelsEls",
               ref: ie
             }, [
-              (i(!0), n(M, null, B(Ne.value, (l, s) => (i(), n("g", null, [
+              (i(!0), n(M, null, B(Ee.value, (l, s) => (i(), n("g", null, [
                 m("text", {
                   class: "vue-data-ui-time-label",
-                  transform: `translate(${r.value.left + c.value * s + c.value / 2}, ${r.value.bottom + b.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
+                  transform: `translate(${r.value.left + c.value * s + c.value / 2}, ${r.value.bottom + x.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
                   "text-anchor": e.value.style.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : e.value.style.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
-                  "font-size": b.value.xAxisFontSize,
+                  "font-size": x.value.xAxisFontSize,
                   fill: e.value.style.layout.grid.xAxis.dataLabels.color,
                   "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
                 }, oe(l?.text ?? ""), 9, Xa)
@@ -1340,7 +1340,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                   y: l.isBullish ? l.close.y : l.open.y,
                   height: Math.abs(l.close.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.close.y - l.open.y),
                   width: c.value * e.value.style.layout.candle.widthRatio <= 0 ? 1e-4 : c.value * e.value.style.layout.candle.widthRatio,
-                  fill: l.isBullish ? e.value.style.layout.candle.gradient.show ? `url(#bullish_gradient_${_.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${_.value})` : e.value.style.layout.candle.colors.bearish,
+                  fill: l.isBullish ? e.value.style.layout.candle.gradient.show ? `url(#bullish_gradient_${z.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${z.value})` : e.value.style.layout.candle.colors.bearish,
                   rx: e.value.style.layout.candle.borderRadius,
                   stroke: e.value.style.layout.candle.stroke,
                   "stroke-width": e.value.style.layout.candle.strokeWidth,
@@ -1374,24 +1374,24 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
             "data-start": d.value.start,
             "data-end": d.value.end
           }), null, 16, ao)) : p("", !0),
-          x(t.$slots, "svg", {
+          b(t.$slots, "svg", {
             svg: {
-              ...b.value,
+              ...x.value,
               data: g.value,
               drawingArea: r.value,
-              isPrintingImg: h(Pe) | h(Oe) | pe.value,
+              isPrintingImg: h(Oe) | h(De) | pe.value,
               isPrintingSvg: fe.value
             }
           }, void 0, !0)
         ], 46, $a)),
         t.$slots.hint ? (i(), n("div", oo, [
-          x(t.$slots, "hint", L(T({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Ie.value })), void 0, !0)
+          b(t.$slots, "hint", _(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
         ])) : p("", !0)
       ]),
       t.$slots.watermark ? (i(), n("div", so, [
-        x(t.$slots, "watermark", L(T({ isPrinting: h(Pe) || h(Oe) || pe.value || fe.value })), void 0, !0)
+        b(t.$slots, "watermark", _(S({ isPrinting: h(Oe) || h(De) || pe.value || fe.value })), void 0, !0)
       ])) : p("", !0),
-      e.value.style.zoom.show && S.value > 6 && _e.value && _t.value ? (i(), G(xa, {
+      e.value.style.zoom.show && L.value > 6 && Se.value && _t.value ? (i(), G(xa, {
         key: 6,
         ref_key: "chartSlicer",
         ref: ue,
@@ -1411,7 +1411,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         isPreview: dt.value,
         labelLeft: wt.value.start || "",
         labelRight: wt.value.end || "",
-        max: S.value,
+        max: L.value,
         min: 0,
         minimap: e.value.style.zoom.minimap.show ? h(w).map((l) => l[2]) : [],
         minimapCompact: e.value.style.zoom.minimap.compact,
@@ -1423,14 +1423,14 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         minimapSelectedIndex: P.value,
         minimapSelectionRadius: 1,
         preciseLabels: wl.value,
-        refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : S.value,
+        refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : L.value,
         refreshStartPoint: e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex : 0,
         selectColor: e.value.style.zoom.highlightColor,
         selectedSeries: h(w),
         smoothMinimap: !1,
         start: d.value.start,
         textColor: e.value.style.color,
-        timeLabels: Be.value,
+        timeLabels: Ne.value,
         usePreciseLabels: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable && !e.value.style.zoom.useDefaultFormat,
         useResetSlot: e.value.style.zoom.useResetSlot,
         valueEnd: d.value.end,
@@ -1454,7 +1454,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         onFutureStart: a[1] || (a[1] = (l) => ct("start", l))
       }, {
         "reset-action": k(({ reset: l }) => [
-          x(t.$slots, "reset-action", L(T({ reset: l })), void 0, !0)
+          b(t.$slots, "reset-action", _(S({ reset: l })), void 0, !0)
         ]),
         slotMap: k(({ height: l, unitW: s }) => [
           (i(!0), n(M, null, B(pl.value({ minimapH: l, unitW: s }), (o, u) => (i(), n("g", null, [
@@ -1482,7 +1482,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         ref_key: "chartLegend",
         ref: Qe
       }, [
-        x(t.$slots, "legend", { legend: g.value }, void 0, !0)
+        b(t.$slots, "legend", { legend: g.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (i(), n("div", {
         key: 7,
@@ -1490,7 +1490,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         ref: Ze,
         dir: "auto"
       }, [
-        x(t.$slots, "source", {}, void 0, !0)
+        b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
       Ge(h(Jt), {
         teleportTo: e.value.style.tooltip.teleportTo,
@@ -1505,7 +1505,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
         parent: W.value,
-        content: ze.value,
+        content: Le.value,
         isFullscreen: Q.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
         smooth: e.value.style.tooltip.smooth,
@@ -1516,14 +1516,17 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         a11yPosition: ot.value
       }, {
         "tooltip-before": k(() => [
-          x(t.$slots, "tooltip-before", L(T({ ...Ee.value })), void 0, !0)
+          b(t.$slots, "tooltip-before", _(S({ ...ke.value })), void 0, !0)
+        ]),
+        tooltip: k(() => [
+          b(t.$slots, "tooltip", _(S({ ...ke.value })), void 0, !0)
         ]),
         "tooltip-after": k(() => [
-          x(t.$slots, "tooltip-after", L(T({ ...Ee.value })), void 0, !0)
+          b(t.$slots, "tooltip-after", _(S({ ...ke.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      _e.value && e.value.userOptions.buttons.table ? (i(), G(Kl(he.value.component), Nt({ key: 8 }, he.value.props, {
+      Se.value && e.value.userOptions.buttons.table ? (i(), G(Kl(he.value.component), Nt({ key: 8 }, he.value.props, {
         ref_key: "tableUnit",
         ref: ne,
         onClose: It
@@ -1576,12 +1579,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      x(t.$slots, "skeleton", {}, () => [
+      b(t.$slots, "skeleton", {}, () => [
         h(H) ? (i(), G(va, { key: 0 })) : p("", !0)
       ], !0)
     ], 46, wa));
   }
-}, To = /* @__PURE__ */ ka(ro, [["__scopeId", "data-v-af885bef"]]);
+}, To = /* @__PURE__ */ ka(ro, [["__scopeId", "data-v-94de1402"]]);
 export {
   To as default
 };