vue-data-ui 3.5.0 → 3.5.1

package/dist/{vue-ui-candlestick-DewevWV_.js → vue-ui-candlestick-BoLzL0g1.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as W, computed as c, ref as y, toRefs as Al, watch as se, shallowRef as bt, onMounted as $l, onBeforeUnmount as De, watchEffect as Cl, nextTick as kt, createElementBlock as i, openBlock as u, normalizeStyle as ue, normalizeClass as N, createBlock as q, createCommentVNode as m, createElementVNode as p, createVNode as Pe, unref as h, createSlots as wt, withCtx as k, renderSlot as w, normalizeProps as Y, guardReactiveProps as Q, Fragment as S, renderList as F, toDisplayString as ie, mergeProps as At, resolveDynamicComponent as _l, createTextVNode as $t } from "vue";
-import { c as zl, t as Sl, O as pe, o as Ct, f as J, m as Ll, x as X, v as Tl, d as E, X as Fl, i as fe, s as Il, R as _t, P as Ml, Q as Rl, G as Ol, H as Dl } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as H, computed as c, ref as y, toRefs as Al, watch as se, shallowRef as bt, onMounted as $l, onBeforeUnmount as De, watchEffect as Cl, nextTick as kt, createElementBlock as i, openBlock as u, normalizeStyle as ue, normalizeClass as V, createBlock as Q, createCommentVNode as m, createElementVNode as p, createVNode as Pe, unref as h, withCtx as g, renderSlot as b, normalizeProps as F, guardReactiveProps as I, createSlots as wt, Fragment as S, renderList as M, toDisplayString as ie, mergeProps as At, resolveDynamicComponent as _l, createTextVNode as $t } from "vue";
+import { c as zl, t as Sl, O as pe, o as Ct, f as J, m as Ll, x as G, v as Tl, d as U, X as Fl, i as fe, s as Il, R as _t, P as Ml, Q as Rl, G as Ol, H as Dl } from "./lib-C_mNZmhD.js";
 import { t as zt, u as Pl } from "./useResponsive-DfdjqQps.js";
-import { u as Bl, a as St } from "./useNestedProp-BjZe1Y85.js";
+import { u as Bl, a as St } from "./useNestedProp-DjGXw6S9.js";
 import { u as Nl } from "./usePrinter-DTzqpYKF.js";
 import { u as El, B as Vl } from "./BaseScanner-BgWxam9d.js";
 import { u as Lt, a as Ul, l as Wl } from "./useTimeLabels-BGFjWgrv.js";
@@ -10,7 +10,7 @@ import { u as Hl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Gl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as jl } from "./useTimeLabelCollider-CIsgDrl9.js";
 import ql from "./img-BecE5qXd.js";
-import Yl from "./Title-l36lOBMx.js";
+import Yl from "./Title-isbiM8i8.js";
 import { t as Ql } from "./themes-AUNCOb2G.js";
 import { S as Jl } from "./SlicerPreview-ij72TAs6.js";
 import { _ as Kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -39,8 +39,8 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
   },
   emits: ["selectX"],
   setup(Tt, { expose: Ft, emit: It }) {
-    const Mt = W(() => import("./BaseIcon-BmMbm4d0.js")), Rt = W(() => import("./Tooltip-oWCO1HKy.js")), Ot = W(() => import("./vue-ui-accordion-CZ0thhxa.js")), Dt = W(() => import("./DataTable-BT7VF2ua.js")), Pt = W(() => import("./PenAndPaper-DSvu9dwa.js")), Bt = W(() => import("./UserOptions-CGnQt6Fd.js")), Nt = W(() => import("./PackageVersion-Cyx_s25h.js")), Et = W(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_candlestick: Vt } = Bl(), g = Tt, Be = It, ge = c(() => !!g.dataset && g.dataset.length), R = y(!1), xe = y(null), I = y(zl()), be = y(!1), ke = y(""), O = y(void 0), Ne = y(0), D = y(null), Ee = y(null), Ve = y(null), Z = y(null), Ue = y(null), We = y(null), Ut = y(0), Xe = y(0), He = y(0), we = y(null), ee = y(null), te = y(null), Ae = y(null), Ge = y(null), e = y(ze()), { loading: P, FINAL_DATASET: x, manualLoading: $e } = El({
-      ...Al(g),
+    const Mt = H(() => import("./BaseIcon-BmMbm4d0.js")), Rt = H(() => import("./Tooltip-oWCO1HKy.js")), Ot = H(() => import("./vue-ui-accordion-CqhVCfc2.js")), Dt = H(() => import("./DataTable-BT7VF2ua.js")), Pt = H(() => import("./PenAndPaper-SZQIAgkg.js")), Bt = H(() => import("./UserOptions-CGnQt6Fd.js")), Nt = H(() => import("./PackageVersion-DQvyATVa.js")), Et = H(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_candlestick: Vt } = Bl(), x = Tt, Be = It, ge = c(() => !!x.dataset && x.dataset.length), D = y(!1), xe = y(null), R = y(zl()), be = y(!1), ke = y(""), P = y(void 0), Ne = y(0), B = y(null), Ee = y(null), Ve = y(null), Z = y(null), Ue = y(null), We = y(null), Ut = y(0), Xe = y(0), He = y(0), we = y(null), ee = y(null), te = y(null), Ae = y(null), Ge = y(null), e = y(ze()), { loading: N, FINAL_DATASET: k, manualLoading: $e } = El({
+      ...Al(x),
       FINAL_CONFIG: e,
       prepareConfig: ze,
       callback: () => {
@@ -114,24 +114,24 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       je(!0);
     }
     function Xt() {
-      je(!1), Be("selectX", { seriesIndex: null, datapoint: null }), O.value = null;
+      je(!1), Be("selectX", { seriesIndex: null, datapoint: null }), P.value = null;
     }
     function ze() {
       const t = St({
-        userConfig: g.config,
+        userConfig: x.config,
         defaultConfig: Vt
       });
       let a = {};
       return t.theme ? a = {
         ...St({
-          userConfig: Ql.vue_ui_candlestick[t.theme] || g.config,
+          userConfig: Ql.vue_ui_candlestick[t.theme] || x.config,
           defaultConfig: t
         })
-      } : a = t, g.config && pe(g.config, "style.zoom.startIndex") ? a.style.zoom.startIndex = g.config.style.zoom.startIndex : a.style.zoom.startIndex = null, g.config && pe(g.config, "style.zoom.endIndex") ? a.style.zoom.endIndex = g.config.style.zoom.endIndex : a.style.zoom.endIndex = null, g.config && pe(g.config, "style.layout.grid.yAxis.scale.min") ? a.style.layout.grid.yAxis.scale.min = g.config.style.layout.grid.yAxis.scale.min : a.style.layout.grid.yAxis.scale.min = null, g.config && pe(g.config, "style.layout.grid.yAxis.scale.max") ? a.style.layout.grid.yAxis.scale.max = g.config.style.layout.grid.yAxis.scale.max : a.style.layout.grid.yAxis.scale.max = null, a;
+      } : a = t, x.config && pe(x.config, "style.zoom.startIndex") ? a.style.zoom.startIndex = x.config.style.zoom.startIndex : a.style.zoom.startIndex = null, x.config && pe(x.config, "style.zoom.endIndex") ? a.style.zoom.endIndex = x.config.style.zoom.endIndex : a.style.zoom.endIndex = null, x.config && pe(x.config, "style.layout.grid.yAxis.scale.min") ? a.style.layout.grid.yAxis.scale.min = x.config.style.layout.grid.yAxis.scale.min : a.style.layout.grid.yAxis.scale.min = null, x.config && pe(x.config, "style.layout.grid.yAxis.scale.max") ? a.style.layout.grid.yAxis.scale.max = x.config.style.layout.grid.yAxis.scale.max : a.style.layout.grid.yAxis.scale.max = null, a;
     }
-    se(() => g.config, (t) => {
-      P.value || (e.value = ze()), Ce.value = !e.value.userOptions.showOnChartHover, Ye(), Ut.value += 1, He.value += 1, Xe.value += 1, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.tooltip.show, ne();
-    }, { deep: !0 }), se(() => g.dataset, (t) => {
+    se(() => x.config, (t) => {
+      N.value || (e.value = ze()), Ce.value = !e.value.userOptions.showOnChartHover, Ye(), Ut.value += 1, He.value += 1, Xe.value += 1, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.tooltip.show, ne();
+    }, { deep: !0 }), se(() => x.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && ($e.value = !1), vt();
     }, { deep: !0 });
     const f = y({
@@ -139,23 +139,23 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       width: e.value.style.width,
       xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
       yAxisFontSize: e.value.style.layout.grid.yAxis.dataLabels.fontSize
-    }), V = bt(null), K = bt(null);
+    }), W = bt(null), K = bt(null);
     $l(() => {
       Ye();
     });
-    const H = c(() => !!e.value.debug);
+    const j = c(() => !!e.value.debug);
     function Ye() {
-      if (Ct(g.dataset) && (J({
+      if (Ct(x.dataset) && (J({
         componentName: "VueUiCandlestick",
         type: "dataset",
-        debug: H.value
-      }), $e.value = !0), Ct(g.dataset) || ($e.value = e.value.loading), setTimeout(() => {
-        R.value = !0;
+        debug: j.value
+      }), $e.value = !0), Ct(x.dataset) || ($e.value = e.value.loading), setTimeout(() => {
+        D.value = !0;
       }, 10), e.value.responsive) {
         const a = zt(() => {
-          R.value = !1;
+          D.value = !1;
           const { width: l, height: o } = Pl({
-            chart: D.value,
+            chart: B.value,
             title: e.value.style.title.text ? Ee.value : null,
             slicer: e.value.style.zoom.show && $.value > 6 ? Z.value.$el : null,
             legend: Ve.value,
@@ -176,19 +176,19 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
               threshold: 6,
               fallback: 6
             })) : (f.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, f.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), xe.value && clearTimeout(xe.value), xe.value = setTimeout(() => {
-              R.value = !0;
+              D.value = !0;
             }, 10);
           });
         });
-        V.value && (K.value && V.value.unobserve(K.value), V.value.disconnect()), V.value = new ResizeObserver(a), K.value = D.value.parentNode, V.value.observe(K.value);
+        W.value && (K.value && W.value.unobserve(K.value), W.value.disconnect()), W.value = new ResizeObserver(a), K.value = B.value.parentNode, W.value.observe(K.value);
       }
       ce();
     }
     De(() => {
-      V.value && (K.value && V.value.unobserve(K.value), V.value.disconnect());
+      W.value && (K.value && W.value.unobserve(K.value), W.value.disconnect());
     });
     const { isPrinting: Qe, isImaging: Je, generatePdf: Ke, generateImage: Ze } = Nl({
-      elementId: `vue-ui-candlestick_${I.value}`,
+      elementId: `vue-ui-candlestick_${R.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick",
       options: e.value.userOptions.print
     }), Ht = c(() => e.value.userOptions.show && !e.value.style.title.text), L = y({
@@ -229,11 +229,11 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         height: f.value.height - t - l - et.value - v
       };
     }), qt = c(() => {
-      const { left: t, top: a, width: l, height: o } = n.value, s = r.value.start, b = r.value.end - s, T = l / b, z = A.value.start - s, U = A.value.end - s, j = Math.max(0, Math.min(b, z)), me = Math.max(0, Math.min(b, U));
+      const { left: t, top: a, width: l, height: o } = n.value, s = r.value.start, w = r.value.end - s, T = l / w, z = A.value.start - s, X = A.value.end - s, Y = Math.max(0, Math.min(w, z)), me = Math.max(0, Math.min(w, X));
       return {
-        x: t + j * T,
+        x: t + Y * T,
         y: a,
-        width: (me - j) * T,
+        width: (me - Y) * T,
         height: o,
         fill: e.value.style.zoom.preview.fill,
         stroke: e.value.style.zoom.preview.stroke,
@@ -247,7 +247,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
           animation: "none !important"
         }
       };
-    }), $ = c(() => x.value.length), r = y({
+    }), $ = c(() => k.value.length), r = y({
       start: 0,
       end: $.value
     }), A = y({ start: 0, end: $.value }), tt = c(() => e.value.style.zoom.preview.enable && (A.value.start !== r.value.start || A.value.end !== r.value.end));
@@ -258,46 +258,46 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       let t = Math.max(0, Math.min(r.value.start ?? 0, $.value - 1)), a = Math.max(t + 1, Math.min(r.value.end ?? $.value, $.value));
       (!Number.isFinite(t) || !Number.isFinite(a) || a <= t) && (t = 0, a = $.value), r.value.start = t, r.value.end = a, A.value.start = t, A.value.end = a, Z.value && (Z.value.setStartValue(t), Z.value.setEndValue(a));
     }
-    const at = c(() => x.value.map((t, a) => ({
+    const at = c(() => k.value.map((t, a) => ({
       ...t,
       absoluteIndex: a
-    }))), ot = c(() => at.value.slice(r.value.start, r.value.end)), _ = c(() => (x.value.forEach((t, a) => {
+    }))), ot = c(() => at.value.slice(r.value.start, r.value.end)), _ = c(() => (k.value.forEach((t, a) => {
       [null, void 0].includes(t[0]) && J({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "period (index 0)",
         index: a,
-        debug: H.value
+        debug: j.value
       }), [null, void 0].includes(t[1]) && J({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "open (index 1)",
         index: a,
-        debug: H.value
+        debug: j.value
       }), [null, void 0].includes(t[2]) && J({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "high (index 2)",
         index: a,
-        debug: H.value
+        debug: j.value
       }), [null, void 0].includes(t[3]) && J({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "low (index 3)",
         index: a,
-        debug: H.value
+        debug: j.value
       }), [null, void 0].includes(t[4]) && J({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "close (index 4)",
         index: a,
-        debug: H.value
+        debug: j.value
       }), [null, void 0].includes(t[5]) && J({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "volume (index 5)",
         index: a,
-        debug: H.value
+        debug: j.value
       });
     }), ot.value.map((t) => ({
       absoluteIndex: t.absoluteIndex,
@@ -321,13 +321,13 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         max: t,
         min: a
       };
-    }), M = c(() => Ll(st.value.min, st.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    }), O = c(() => Ll(st.value.min, st.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
     function re(t, a, l = null, o = null) {
       return {
         ...t,
-        x: X(n.value.left + a * d.value + d.value / 2),
-        y: X(n.value.top + (1 - (t - M.value.min) / (M.value.max - M.value.min)) * n.value.height),
-        value: X(t),
+        x: G(n.value.left + a * d.value + d.value / 2),
+        y: G(n.value.top + (1 - (t - O.value.min) / (O.value.max - O.value.min)) * n.value.height),
+        value: G(t),
         isMax: t === l,
         isMin: t === o
       };
@@ -345,15 +345,15 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         c: Math.min(..._.value.map((s) => s.low))
       }, l = Math.max(..._.value.map((s) => s.volume)), o = Math.min(..._.value.map((s) => s.volume));
       return _.value.map((s, v) => {
-        const b = re(s.open, v, t.o, a.o), T = re(s.high, v, t.h, a.h), z = re(s.low, v, t.l, a.l), U = re(s.close, v, t.c, a.c), j = s.close > s.open, me = s.volume === l, Me = s.volume === o;
+        const w = re(s.open, v, t.o, a.o), T = re(s.high, v, t.h, a.h), z = re(s.low, v, t.l, a.l), X = re(s.close, v, t.c, a.c), Y = s.close > s.open, me = s.volume === l, Me = s.volume === o;
         return {
           period: s.period,
-          open: b,
+          open: w,
           high: T,
           low: z,
-          close: U,
+          close: X,
           volume: s.volume,
-          isBullish: j,
+          isBullish: Y,
           absoluteIndex: s.absoluteIndex,
           isMaxVolume: me,
           isMinVolume: Me
@@ -361,21 +361,21 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       });
     });
     function ve({ item: t, index: a, minimapH: l, unitW: o }) {
-      const s = e.value.style.layout.grid.yAxis.scale.min ?? 0, v = e.value.style.layout.grid.yAxis.scale.max ?? Math.max(...x.value.map((b) => b[2]));
+      const s = e.value.style.layout.grid.yAxis.scale.min ?? 0, v = e.value.style.layout.grid.yAxis.scale.max ?? Math.max(...k.value.map((w) => w[2]));
       return {
         ...t,
-        x: X(a * o),
-        y: X((1 - (t - s) / (v - s)) * l),
-        value: X(t)
+        x: G(a * o),
+        y: G((1 - (t - s) / (v - s)) * l),
+        value: G(t)
       };
     }
     const Qt = c(() => ({ minimapH: t, unitW: a }) => Yt.value.map((l, o) => {
-      const s = ve({ item: l.open, index: o, minimapH: t, unitW: a }), v = ve({ item: l.high, index: o, minimapH: t, unitW: a }), b = ve({ item: l.low, index: o, minimapH: t, unitW: a }), T = ve({ item: l.close, index: o, minimapH: t, unitW: a }), z = l.close > l.open;
+      const s = ve({ item: l.open, index: o, minimapH: t, unitW: a }), v = ve({ item: l.high, index: o, minimapH: t, unitW: a }), w = ve({ item: l.low, index: o, minimapH: t, unitW: a }), T = ve({ item: l.close, index: o, minimapH: t, unitW: a }), z = l.close > l.open;
       return {
         period: l.period,
         open: s,
         high: v,
-        low: b,
+        low: w,
         close: T,
         volume: l.volume,
         isBullish: z,
@@ -383,31 +383,31 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       };
     })), Jt = c(() => e.value.style.zoom.minimap.show ? [{
       name: "",
-      series: x.value.map((t) => t[2]),
+      series: k.value.map((t) => t[2]),
       color: "#000000",
       isVisible: !0
     }] : []);
     function Kt(t) {
-      return X((t - M.value.min) / (M.value.max - M.value.min));
+      return G((t - O.value.min) / (O.value.max - O.value.min));
     }
-    const ut = c(() => M.value.ticks.map((t) => ({
+    const ut = c(() => O.value.ticks.map((t) => ({
       y: n.value.bottom - n.value.height * Kt(t),
-      value: X(t)
-    }))), Zt = c(() => _.value.map((t) => t.period)), B = c(() => Lt({
-      values: x.value.map((t) => t[0]),
-      maxDatapoints: x.value.length,
+      value: G(t)
+    }))), Zt = c(() => _.value.map((t) => t.period)), E = c(() => Lt({
+      values: k.value.map((t) => t[0]),
+      maxDatapoints: k.value.length,
       formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
       start: r.value.start,
       end: r.value.end
     })), it = c(() => Lt({
-      values: x.value.map((t) => t[0]),
-      maxDatapoints: x.value.length,
+      values: k.value.map((t) => t[0]),
+      maxDatapoints: k.value.length,
       formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
       start: 0,
       end: $.value
     })), el = c(() => {
       const t = e.value.style.layout.grid.xAxis.dataLabels.modulo;
-      return B.value.length ? Math.min(t, [...new Set(B.value.map((a) => a.text))].length) : t;
+      return E.value.length ? Math.min(t, [...new Set(E.value.map((a) => a.text))].length) : t;
     }), nt = c(() => {
       const t = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, a = Ul({
         useUTC: t.useUTC,
@@ -415,50 +415,50 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         januaryAsYear: t.januaryAsYear
       });
       return (l, o) => {
-        const v = x.value.map((b) => b[0])?.[l];
+        const v = k.value.map((w) => w[0])?.[l];
         return v == null ? "" : a.formatDate(new Date(v), o);
       };
-    }), tl = c(() => (x.value.map((a) => a[0]) || []).map((a, l) => ({
+    }), tl = c(() => (k.value.map((a) => a[0]) || []).map((a, l) => ({
       text: nt.value(l, e.value.style.tooltip.timeFormat),
       absoluteIndex: l
-    }))), ll = c(() => (x.value.map((a) => a[0]) || []).map((a, l) => ({
+    }))), ll = c(() => (k.value.map((a) => a[0]) || []).map((a, l) => ({
       text: nt.value(l, e.value.style.zoom.timeFormat),
       absoluteIndex: l
     }))), Le = c(() => {
-      const t = e.value.style.layout.grid.xAxis.dataLabels, a = B.value || [], l = it.value || [], o = r.value.start ?? 0, s = O.value, v = $.value, b = a.map((z) => z?.text ?? ""), T = l.map((z) => z?.text ?? "");
+      const t = e.value.style.layout.grid.xAxis.dataLabels, a = E.value || [], l = it.value || [], o = r.value.start ?? 0, s = P.value, v = $.value, w = a.map((z) => z?.text ?? ""), T = l.map((z) => z?.text ?? "");
       return Tl(
         !!t.showOnlyFirstAndLast,
         !!t.showOnlyAtModulo,
         Math.max(1, el.value || 1),
-        b,
+        w,
         T,
         o,
         s,
         v
       );
     }), rt = c(() => e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
-      start: B.value.find((t) => t.absoluteIndex === r.value.start)?.text ?? "",
-      end: B.value.find((t) => t.absoluteIndex === r.value.end - 1)?.text ?? ""
+      start: E.value.find((t) => t.absoluteIndex === r.value.start)?.text ?? "",
+      end: E.value.find((t) => t.absoluteIndex === r.value.end - 1)?.text ?? ""
     } : {
-      start: x.value[r.value.start] ? x.value[r.value.start][0] : x.value[0][0],
-      end: x.value[r.value.end - 1] ? x.value[r.value.end - 1][0] : x.value.at(-1)[0]
+      start: k.value[r.value.start] ? k.value[r.value.start][0] : k.value[0][0],
+      end: k.value[r.value.end - 1] ? k.value[r.value.end - 1][0] : k.value.at(-1)[0]
     }), Te = y(null);
     function al(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: a, seriesIndex: t + r.value.start });
     }
     function ol(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: t + r.value.start }), O.value = void 0, be.value = !1;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: t + r.value.start }), P.value = void 0, be.value = !1;
     }
-    se(() => g.selectedXIndex, (t) => {
-      if ([null, void 0].includes(g.selectedXIndex)) {
-        O.value = null;
+    se(() => x.selectedXIndex, (t) => {
+      if ([null, void 0].includes(x.selectedXIndex)) {
+        P.value = null;
         return;
       }
       const a = t - r.value.start;
-      a < 0 || t >= r.value.end ? O.value = null : O.value = a ?? null;
+      a < 0 || t >= r.value.end ? P.value = null : P.value = a ?? null;
     }, { immediate: !0 });
     function sl(t, a) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: t + r.value.start }), O.value = t, Te.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: t + r.value.start }), P.value = t, Te.value = {
         datapoint: a,
         seriesIndex: t,
         series: C.value,
@@ -479,25 +479,25 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         });
       else if (e.value.style.tooltip.show) {
         let o = "";
-        const { period: s, open: v, high: b, low: T, close: z, volume: U, isBullish: j } = C.value[t], { period: me, open: Me, high: gl, low: xl, close: bl, volume: kl } = e.value.translations, wl = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? e.value.style.tooltip.useDefaultTimeFormat ? B.value[t].text : tl.value[t].text : s;
+        const { period: s, open: v, high: w, low: T, close: z, volume: X, isBullish: Y } = C.value[t], { period: me, open: Me, high: gl, low: xl, close: bl, volume: kl } = e.value.translations, wl = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? e.value.style.tooltip.useDefaultTimeFormat ? E.value[t].text : tl.value[t].text : s;
         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 ? j ? `url(#bullish_gradient_${I.value})` : `url(#bearish_gradient_${I.value})` : j ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${wl}</div>`, o += `${kl} : <b>${isNaN(U) ? "-" : Number(U.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 Re = E({
+                fill="${e.value.style.layout.candle.gradient.show ? Y ? `url(#bullish_gradient_${R.value})` : `url(#bearish_gradient_${R.value})` : Y ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${wl}</div>`, o += `${kl} : <b>${isNaN(X) ? "-" : Number(X.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 Re = U({
           p: e.value.style.tooltip.prefix,
           v: v.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
-        }), gt = E({
+        }), gt = U({
           p: e.value.style.tooltip.prefix,
-          v: b.value,
+          v: w.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
-        }), xt = E({
+        }), xt = U({
           p: e.value.style.tooltip.prefix,
           v: T.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
-        }), Oe = E({
+        }), Oe = U({
           p: e.value.style.tooltip.prefix,
           v: z.value,
           s: e.value.style.tooltip.suffix,
@@ -561,8 +561,8 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
     }
     function Fe(t = null) {
       kt(() => {
-        const a = [e.value.translations.period, e.value.translations.open, e.value.translations.high, e.value.translations.low, e.value.translations.close, e.value.translations.volume], l = C.value.map((v, b) => [
-          e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? B.value[b].text : v.period,
+        const a = [e.value.translations.period, e.value.translations.open, e.value.translations.high, e.value.translations.low, e.value.translations.close, e.value.translations.volume], l = C.value.map((v, w) => [
+          e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? E.value[w].text : v.period,
           v.open.value,
           v.high.value,
           v.low.value,
@@ -574,33 +574,33 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
     }
     const ye = c(() => {
       const t = C.value.map((o, s) => {
-        const v = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? B.value[s].text : o.period, b = E({
+        const v = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? E.value[s].text : o.period, w = U({
           p: e.value.table.td.prefix,
           v: o.open.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), T = E({
+        }), T = U({
           p: e.value.table.td.prefix,
           v: o.high.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), z = E({
+        }), z = U({
           p: e.value.table.td.prefix,
           v: o.low.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), U = E({
+        }), X = U({
           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_${I.value}` : `url(#bearish_gradient_${I.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${v}`,
-          b,
+          `<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_${R.value}` : `url(#bearish_gradient_${R.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${v}`,
+          w,
           T,
           z,
-          U,
+          X,
           `${isNaN(o.volume) ? "-" : o.volume.toLocaleString()}`
         ];
       }), a = {
@@ -624,9 +624,9 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         e.value.translations.volume
       ];
       return { head: l, body: t, config: a, colNames: l };
-    }), G = y(!1);
+    }), q = y(!1);
     function yt(t) {
-      G.value = t, Ne.value += 1;
+      q.value = t, Ne.value += 1;
     }
     function ht() {
       L.value.showTable = !L.value.showTable;
@@ -639,8 +639,8 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       he.value = !he.value;
     }
     async function il({ scale: t = 2 } = {}) {
-      if (!D.value) return;
-      const { width: a, height: l } = D.value.getBoundingClientRect(), o = a / l, { imageUri: s, base64: v } = await ql({ domElement: D.value, base64: !0, img: !0, scale: t });
+      if (!B.value) return;
+      const { width: a, height: l } = B.value.getBoundingClientRect(), o = a / l, { imageUri: s, base64: v } = await ql({ domElement: B.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: s,
         base64: v,
@@ -653,7 +653,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
     const nl = c(() => f.value.width), rl = c(() => f.value.height);
     jl({
       timeLabelsEls: ee,
-      timeLabels: B,
+      timeLabels: E,
       slicer: r,
       configRef: e,
       rotationPath: ["style", "layout", "grid", "xAxis", "dataLabels", "rotation"],
@@ -678,8 +678,8 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: G.value,
-          fullscreenParent: D.value,
+          isFullscreen: q.value,
+          fullscreenParent: B.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -747,21 +747,41 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       toggleFullscreen: yt
     }), (t, a) => (u(), i("div", {
       ref_key: "candlestickChart",
-      ref: D,
-      class: N(`vue-data-ui-component vue-ui-candlestick ${G.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      ref: B,
+      class: V(`vue-data-ui-component vue-ui-candlestick ${q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: ue(`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_${I.value}`,
+      id: `vue-ui-candlestick_${R.value}`,
       onMouseenter: Wt,
       onMouseleave: Xt
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), q(h(Pt), {
+      e.value.userOptions.buttons.annotator ? (u(), Q(h(Pt), {
         key: 0,
         svgRef: h(_e),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: he.value,
         onClose: Ie
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
+      }, {
+        "annotator-action-close": g(() => [
+          b(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": g(({ color: l }) => [
+          b(t.$slots, "annotator-action-color", F(I({ color: l })), void 0, !0)
+        ]),
+        "annotator-action-draw": g(({ mode: l }) => [
+          b(t.$slots, "annotator-action-draw", F(I({ mode: l })), void 0, !0)
+        ]),
+        "annotator-action-undo": g(({ disabled: l }) => [
+          b(t.$slots, "annotator-action-undo", F(I({ disabled: l })), void 0, !0)
+        ]),
+        "annotator-action-redo": g(({ disabled: l }) => [
+          b(t.$slots, "annotator-action-redo", F(I({ disabled: l })), void 0, !0)
+        ]),
+        "annotator-action-delete": g(({ disabled: l }) => [
+          b(t.$slots, "annotator-action-delete", F(I({ disabled: l })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
       Ht.value ? (u(), i("div", {
         key: 1,
         ref_key: "noTitle",
@@ -775,7 +795,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         ref: Ee,
         style: "width:100%;background:transparent"
       }, [
-        (u(), q(Yl, {
+        (u(), Q(Yl, {
           key: `title_${He.value}`,
           config: {
             title: {
@@ -789,7 +809,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
           }
         }, null, 8, ["config"]))
       ], 512)) : m("", !0),
-      e.value.userOptions.show && ge.value && (h(qe) || h(Ce)) ? (u(), q(h(Bt), {
+      e.value.userOptions.show && ge.value && (h(qe) || h(Ce)) ? (u(), Q(h(Bt), {
         ref_key: "userOptionsRef",
         ref: Ae,
         key: `user_options_${Ne.value}`,
@@ -797,7 +817,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         color: e.value.style.color,
         isImaging: h(Je),
         isPrinting: h(Qe),
-        uid: I.value,
+        uid: R.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -805,10 +825,10 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: G.value,
+        isFullscreen: q.value,
         isTooltip: L.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: D.value,
+        chartElement: B.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: he.value,
@@ -829,64 +849,64 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       }, wt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: k(({ isOpen: l, color: o }) => [
-            w(t.$slots, "menuIcon", Y(Q({ isOpen: l, color: o })), void 0, !0)
+          fn: g(({ isOpen: l, color: o }) => [
+            b(t.$slots, "menuIcon", F(I({ isOpen: l, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: k(() => [
-            w(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: g(() => [
+            b(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: k(() => [
-            w(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: g(() => [
+            b(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: k(() => [
-            w(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: g(() => [
+            b(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: k(() => [
-            w(t.$slots, "optionImg", {}, void 0, !0)
+          fn: g(() => [
+            b(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: k(() => [
-            w(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: g(() => [
+            b(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: k(() => [
-            w(t.$slots, "optionTable", {}, void 0, !0)
+          fn: g(() => [
+            b(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: k(({ toggleFullscreen: l, isFullscreen: o }) => [
-            w(t.$slots, "optionFullscreen", Y(Q({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+          fn: g(({ toggleFullscreen: l, isFullscreen: o }) => [
+            b(t.$slots, "optionFullscreen", F(I({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: k(({ toggleAnnotator: l, isAnnotator: o }) => [
-            w(t.$slots, "optionAnnotator", Y(Q({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+          fn: g(({ toggleAnnotator: l, isAnnotator: o }) => [
+            b(t.$slots, "optionAnnotator", F(I({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -896,7 +916,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         ref: _e,
         xmlns: h(Fl),
         "aria-label": e.value.style.title.text || "candlestick chart",
-        class: N({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
+        class: V({ "vue-data-ui-fullscreen--on": q.value, "vue-data-ui-fulscreen--off": !q.value }),
         viewBox: `0 0 ${f.value.width <= 0 ? 10 : f.value.width} ${f.value.height <= 0 ? 10 : f.value.height}`,
         style: ue(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
@@ -911,12 +931,12 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
             pointerEvents: "none"
           }
         }, [
-          w(t.$slots, "chart-background", {}, void 0, !0)
+          b(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, ta)) : m("", !0),
         C.value.length > 0 ? (u(), i("g", la, [
           p("defs", null, [
             p("linearGradient", {
-              id: `bearish_gradient_${I.value}`,
+              id: `bearish_gradient_${R.value}`,
               x2: "0%",
               y2: "100%"
             }, [
@@ -934,7 +954,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
               }, null, 8, ua)
             ], 8, aa),
             p("linearGradient", {
-              id: `bullish_gradient_${I.value}`,
+              id: `bullish_gradient_${R.value}`,
               x2: "0%",
               y2: "100%"
             }, [
@@ -971,7 +991,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
             }, null, 8, ya),
-            e.value.style.layout.grid.horizontalLines.show ? (u(!0), i(S, { key: 0 }, F(ut.value, (l) => (u(), i("line", {
+            e.value.style.layout.grid.horizontalLines.show ? (u(!0), i(S, { key: 0 }, M(ut.value, (l) => (u(), i("line", {
               x1: n.value.left,
               x2: n.value.right,
               y1: l.y,
@@ -981,7 +1001,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
               "stroke-dasharray": e.value.style.layout.grid.horizontalLines.strokeDasharray,
               "stroke-linecap": "round"
             }, null, 8, ha))), 256)) : m("", !0),
-            e.value.style.layout.grid.verticalLines.show ? (u(!0), i(S, { key: 1 }, F(Le.value, (l, o) => (u(), i("g", null, [
+            e.value.style.layout.grid.verticalLines.show ? (u(!0), i(S, { key: 1 }, M(Le.value, (l, o) => (u(), i("g", null, [
               l.text ? (u(), i("line", {
                 key: 0,
                 x1: n.value.left + d.value * o + d.value / 2,
@@ -994,7 +1014,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
                 "stroke-linecap": "round"
               }, null, 8, ma)) : m("", !0)
             ]))), 256)) : m("", !0),
-            e.value.style.layout.grid.xAxis.ticks.show ? (u(!0), i(S, { key: 2 }, F(Le.value, (l, o) => (u(), i("g", null, [
+            e.value.style.layout.grid.xAxis.ticks.show ? (u(!0), i(S, { key: 2 }, M(Le.value, (l, o) => (u(), i("g", null, [
               l.text ? (u(), i("line", {
                 key: 0,
                 x1: n.value.left + d.value * o + d.value / 2,
@@ -1012,8 +1032,8 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
             ref_key: "scaleLabels",
             ref: we
           }, [
-            (u(!0), i(S, null, F(ut.value, (l, o) => (u(), i("g", null, [
-              l.value >= M.value.min && l.value <= M.value.max ? (u(), i("line", {
+            (u(!0), i(S, null, M(ut.value, (l, o) => (u(), i("g", null, [
+              l.value >= O.value.min && l.value <= O.value.max ? (u(), i("line", {
                 key: 0,
                 x1: n.value.left,
                 x2: n.value.left - 5,
@@ -1023,7 +1043,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
               }, null, 8, fa)) : m("", !0),
-              l.value >= M.value.min && l.value <= M.value.max ? (u(), i("text", {
+              l.value >= O.value.min && l.value <= O.value.max ? (u(), i("text", {
                 key: 1,
                 x: n.value.left - 8 + e.value.style.layout.grid.yAxis.dataLabels.offsetX,
                 y: l.y + f.value.yAxisFontSize / 3,
@@ -1031,7 +1051,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
                 "text-anchor": "end",
                 fill: e.value.style.layout.grid.yAxis.dataLabels.color,
                 "font-weight": e.value.style.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-              }, ie(h(E)({
+              }, ie(h(U)({
                 p: e.value.style.layout.grid.yAxis.dataLabels.prefix,
                 v: l.value,
                 s: e.value.style.layout.grid.yAxis.dataLabels.suffix,
@@ -1044,7 +1064,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
             ref_key: "timeLabelsEls",
             ref: ee
           }, [
-            (u(!0), i(S, null, F(Zt.value, (l, o) => (u(), i("g", null, [
+            (u(!0), i(S, null, M(Zt.value, (l, o) => (u(), i("g", null, [
               p("text", {
                 class: "vue-data-ui-time-label",
                 transform: `translate(${n.value.left + d.value * o + d.value / 2}, ${n.value.bottom + f.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
@@ -1060,7 +1080,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
             ref_key: "timeLabelsEls",
             ref: ee
           }, [
-            (u(!0), i(S, null, F(Le.value, (l, o) => (u(), i("g", null, [
+            (u(!0), i(S, null, M(Le.value, (l, o) => (u(), i("g", null, [
               p("text", {
                 class: "vue-data-ui-time-label",
                 transform: `translate(${n.value.left + d.value * o + d.value / 2}, ${n.value.bottom + f.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
@@ -1073,7 +1093,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
           ], 512)) : m("", !0),
           e.value.type === "candlestick" ? (u(), i(S, { key: 4 }, [
             p("g", null, [
-              (u(!0), i(S, null, F(C.value, (l, o) => (u(), i("g", null, [
+              (u(!0), i(S, null, M(C.value, (l, o) => (u(), i("g", null, [
                 p("rect", {
                   x: l.open.x - e.value.style.layout.wick.strokeWidth / 2,
                   y: l.high.y,
@@ -1082,7 +1102,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
                   fill: e.value.style.layout.wick.stroke,
                   stroke: "none",
                   rx: e.value.style.layout.wick.strokeWidth / 2,
-                  class: N({ "vue-data-ui-transition": R.value && !h(P) })
+                  class: V({ "vue-data-ui-transition": D.value && !h(N) })
                 }, null, 10, ka),
                 e.value.style.layout.wick.extremity.shape === "circle" ? (u(), i("g", wa, [
                   p("circle", {
@@ -1090,14 +1110,14 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
                     cy: l.high.y,
                     r: e.value.style.layout.wick.extremity.size === "auto" ? d.value / 20 : e.value.style.layout.wick.extremity.size,
                     fill: e.value.style.layout.wick.extremity.color,
-                    class: N({ "vue-data-ui-transition": R.value && !h(P) })
+                    class: V({ "vue-data-ui-transition": D.value && !h(N) })
                   }, null, 10, Aa),
                   p("circle", {
                     cx: l.low.x,
                     cy: l.low.y,
                     r: e.value.style.layout.wick.extremity.size === "auto" ? d.value / 20 : e.value.style.layout.wick.extremity.size,
                     fill: e.value.style.layout.wick.extremity.color,
-                    class: N({ "vue-data-ui-transition": R.value && !h(P) })
+                    class: V({ "vue-data-ui-transition": D.value && !h(N) })
                   }, null, 10, $a)
                 ])) : m("", !0),
                 e.value.style.layout.wick.extremity.shape === "line" ? (u(), i("g", Ca, [
@@ -1109,7 +1129,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
                     rx: e.value.style.layout.wick.strokeWidth / 2,
                     fill: e.value.style.layout.wick.extremity.color,
                     stroke: "none",
-                    class: N({ "vue-data-ui-transition": R.value && !h(P) })
+                    class: V({ "vue-data-ui-transition": D.value && !h(N) })
                   }, null, 10, _a),
                   p("rect", {
                     x: l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? d.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
@@ -1119,13 +1139,13 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
                     fill: e.value.style.layout.wick.extremity.color,
                     stroke: "none",
                     rx: e.value.style.layout.wick.strokeWidth / 2,
-                    class: N({ "vue-data-ui-transition": R.value && !h(P) })
+                    class: V({ "vue-data-ui-transition": D.value && !h(N) })
                   }, null, 10, za)
                 ])) : m("", !0)
               ]))), 256))
             ]),
             p("g", null, [
-              (u(!0), i(S, null, F(C.value, (l, o) => (u(), i("rect", {
+              (u(!0), i(S, null, M(C.value, (l, o) => (u(), i("rect", {
                 x: l.open.x - d.value / 2 + d.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
                 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),
@@ -1133,24 +1153,24 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
                 fill: e.value.style.layout.candle.gradient.underlayer,
                 rx: e.value.style.layout.candle.borderRadius,
                 stroke: "none",
-                class: N({ "vue-data-ui-transition": R.value && !h(P) })
+                class: V({ "vue-data-ui-transition": D.value && !h(N) })
               }, null, 10, Sa))), 256)),
-              (u(!0), i(S, null, F(C.value, (l, o) => (u(), i("rect", {
+              (u(!0), i(S, null, M(C.value, (l, o) => (u(), i("rect", {
                 x: l.open.x - d.value / 2 + d.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
                 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: d.value * e.value.style.layout.candle.widthRatio <= 0 ? 1e-4 : d.value * e.value.style.layout.candle.widthRatio,
-                fill: l.isBullish ? e.value.style.layout.candle.gradient.show ? `url(#bullish_gradient_${I.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${I.value})` : e.value.style.layout.candle.colors.bearish,
+                fill: l.isBullish ? e.value.style.layout.candle.gradient.show ? `url(#bullish_gradient_${R.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${R.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,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: N({ "vue-data-ui-transition": R.value && !h(P) })
+                class: V({ "vue-data-ui-transition": D.value && !h(N) })
               }, null, 10, La))), 256))
             ])
           ], 64)) : m("", !0),
-          e.value.type === "ohlc" ? (u(!0), i(S, { key: 5 }, F(C.value, (l, o) => (u(), i("g", null, [
+          e.value.type === "ohlc" ? (u(!0), i(S, { key: 5 }, M(C.value, (l, o) => (u(), i("g", null, [
             p("path", {
               d: `M ${l.high.x},${l.high.y} ${l.low.x},${l.low.y} M${l.open.x - Math.min(6, d.value / 3)},${l.open.y} ${l.open.x},${l.open.y} M${l.close.x},${l.close.y} ${l.close.x + Math.min(6, d.value / 3)},${l.close.y}`,
               stroke: l.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
@@ -1158,12 +1178,12 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
             }, null, 8, Ta)
           ]))), 256)) : m("", !0),
           p("g", null, [
-            (u(!0), i(S, null, F(C.value, (l, o) => (u(), i("rect", {
+            (u(!0), i(S, null, M(C.value, (l, o) => (u(), i("rect", {
               x: n.value.left + o * d.value,
               y: n.value.top,
               height: n.value.height <= 0 ? 1e-4 : n.value.height,
               width: d.value <= 0 ? 1e-4 : d.value,
-              fill: O.value === o || Ge.value === o ? h(Il)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
+              fill: P.value === o || Ge.value === o ? h(Il)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
               onMouseover: () => sl(o, l),
               onMouseleave: () => ol(o, l),
               onClick: () => al(o, l)
@@ -1174,7 +1194,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
           "data-start": r.value.start,
           "data-end": r.value.end
         }), null, 16, Ia)) : m("", !0),
-        w(t.$slots, "svg", {
+        b(t.$slots, "svg", {
           svg: {
             ...f.value,
             data: C.value,
@@ -1183,9 +1203,9 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         }, void 0, !0)
       ], 14, ea)),
       t.$slots.watermark ? (u(), i("div", Ma, [
-        w(t.$slots, "watermark", Y(Q({ isPrinting: h(Qe) || h(Je) })), void 0, !0)
+        b(t.$slots, "watermark", F(I({ isPrinting: h(Qe) || h(Je) })), void 0, !0)
       ])) : m("", !0),
-      e.value.style.zoom.show && $.value > 6 && ge.value && dt.value ? (u(), q(Jl, {
+      e.value.style.zoom.show && $.value > 6 && ge.value && dt.value ? (u(), Q(Jl, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Z,
@@ -1207,20 +1227,20 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         labelRight: rt.value.end || "",
         max: $.value,
         min: 0,
-        minimap: e.value.style.zoom.minimap.show ? h(x).map((l) => l[2]) : [],
+        minimap: e.value.style.zoom.minimap.show ? h(k).map((l) => l[2]) : [],
         minimapCompact: e.value.style.zoom.minimap.compact,
         minimapFrameColor: e.value.style.zoom.minimap.frameColor,
         minimapIndicatorColor: e.value.style.zoom.minimap.indicatorColor,
         minimapMerged: !1,
         minimapSelectedColor: e.value.style.zoom.minimap.selectedColor,
         minimapSelectedColorOpacity: e.value.style.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: O.value,
+        minimapSelectedIndex: P.value,
         minimapSelectionRadius: 1,
         preciseLabels: ll.value,
         refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : $.value,
         refreshStartPoint: e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex : 0,
         selectColor: e.value.style.zoom.highlightColor,
-        selectedSeries: h(x),
+        selectedSeries: h(k),
         smoothMinimap: !1,
         start: r.value.start,
         textColor: e.value.style.color,
@@ -1237,11 +1257,11 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         onFutureEnd: a[0] || (a[0] = (l) => lt("end", l)),
         onFutureStart: a[1] || (a[1] = (l) => lt("start", l))
       }, {
-        "reset-action": k(({ reset: l }) => [
-          w(t.$slots, "reset-action", Y(Q({ reset: l })), void 0, !0)
+        "reset-action": g(({ reset: l }) => [
+          b(t.$slots, "reset-action", F(I({ reset: l })), void 0, !0)
         ]),
-        slotMap: k(({ height: l, unitW: o }) => [
-          (u(!0), i(S, null, F(Qt.value({ minimapH: l, unitW: o }), (s, v) => (u(), i("g", null, [
+        slotMap: g(({ height: l, unitW: o }) => [
+          (u(!0), i(S, null, M(Qt.value({ minimapH: l, unitW: o }), (s, v) => (u(), i("g", null, [
             p("path", {
               d: `M ${s.high.x},${s.high.y} ${s.low.x},${s.low.y}`,
               stroke: s.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
@@ -1266,7 +1286,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         ref_key: "chartLegend",
         ref: Ve
       }, [
-        w(t.$slots, "legend", { legend: C.value }, void 0, !0)
+        b(t.$slots, "legend", { legend: C.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (u(), i("div", {
         key: 6,
@@ -1274,7 +1294,7 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         ref: Ue,
         dir: "auto"
       }, [
-        w(t.$slots, "source", {}, void 0, !0)
+        b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
       Pe(h(Rt), {
         show: L.value.showTooltip && be.value,
@@ -1287,30 +1307,30 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: D.value,
+        parent: B.value,
         content: ke.value,
-        isFullscreen: G.value,
+        isFullscreen: q.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
         smooth: e.value.style.tooltip.smooth,
         backdropFilter: e.value.style.tooltip.backdropFilter,
         smoothForce: e.value.style.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": k(() => [
-          w(t.$slots, "tooltip-before", Y(Q({ ...Te.value })), void 0, !0)
+        "tooltip-before": g(() => [
+          b(t.$slots, "tooltip-before", F(I({ ...Te.value })), void 0, !0)
         ]),
-        "tooltip-after": k(() => [
-          w(t.$slots, "tooltip-after", Y(Q({ ...Te.value })), void 0, !0)
+        "tooltip-after": g(() => [
+          b(t.$slots, "tooltip-after", F(I({ ...Te.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ge.value && e.value.userOptions.buttons.table ? (u(), q(_l(oe.value.component), At({ key: 7 }, oe.value.props, {
+      ge.value && e.value.userOptions.buttons.table ? (u(), Q(_l(oe.value.component), At({ key: 7 }, oe.value.props, {
         ref_key: "tableUnit",
         ref: te,
         onClose: pt
       }), wt({
-        content: k(() => [
-          (u(), q(h(Dt), {
+        content: g(() => [
+          (u(), Q(h(Dt), {
             key: `table_${Xe.value}`,
             colNames: ye.value.colNames,
             head: ye.value.head,
@@ -1320,10 +1340,10 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
             withCloseButton: !e.value.table.useDialog,
             onClose: pt
           }, {
-            th: k(({ th: l }) => [
+            th: g(({ th: l }) => [
               $t(ie(l), 1)
             ]),
-            td: k(({ td: l }) => [
+            td: g(({ td: l }) => [
               p("div", { innerHTML: l }, null, 8, Da)
             ]),
             _: 1
@@ -1333,14 +1353,14 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: k(() => [
+          fn: g(() => [
             $t(ie(oe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: k(() => [
+          fn: g(() => [
             p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1355,10 +1375,10 @@ const Zl = ["id"], ea = ["xmlns", "aria-label", "viewBox"], ta = ["x", "y", "wid
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      h(P) ? (u(), q(Vl, { key: 8 })) : m("", !0)
+      h(N) ? (u(), Q(Vl, { key: 8 })) : m("", !0)
     ], 46, Zl));
   }
-}, eo = /* @__PURE__ */ Kl(Pa, [["__scopeId", "data-v-ecf2e082"]]);
+}, eo = /* @__PURE__ */ Kl(Pa, [["__scopeId", "data-v-eec0be6e"]]);
 export {
   eo as default
 };