vue-data-ui 3.16.0 → 3.16.1

package/dist/{vue-ui-candlestick-CGU-0rrF.js → vue-ui-candlestick-DAnZv77-.js}

@@ -1,5 +1,5 @@
-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 b, renderSlot as g, normalizeProps as z, guardReactiveProps as L, createSlots as Bt, createVNode as Ge, Fragment as I, renderList as P, 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 M, 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 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 { t as Ht, u as sa } from "./useResponsive-DfdjqQps.js";
 import { u as ua } from "./useConfig-DO94Aj5s.js";
 import { u as Xt, a as qt, b as ia } from "./useTimeLabels-C-A2uZKi.js";
@@ -17,7 +17,7 @@ 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 { _ 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"], Fa = ["stop-color"], Ia = ["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 = {
+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,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -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-nvggWcGN.js")), Zt = j(() => import("./DataTable-DT2kIdQ6.js")), el = j(() => import("./PenAndPaper-DARlvvKW.js")), tl = j(() => import("./UserOptions-DWHf8jyO.js")), ll = j(() => import("./PackageVersion-IIGK_e2C.js")), al = j(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_candlestick: ol } = ua(), { isThemeValid: sl, warnInvalidTheme: ul } = ca(), T = jt, $e = Kt, _e = y(() => !!T.dataset && T.dataset.length), E = v(!1), Se = v(null), _ = v(Yl()), se = v(!1), ze = v(""), O = v(void 0), Ye = v(0), V = 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), W = v(null), ot = v({ x: 0, y: 0 }), re = v("pointer"), Fe = 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-Bf-kM3_A.js")), Qt = j(() => import("./vue-ui-accordion-nvggWcGN.js")), Zt = j(() => import("./DataTable-DT2kIdQ6.js")), el = j(() => import("./PenAndPaper-Ct3qJ4lA.js")), tl = j(() => import("./UserOptions-rW2fRf3V.js")), ll = j(() => import("./PackageVersion-DPO-OOVI.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({
       defaultConfig: {
         useCssAnimation: !1,
         userOptions: { show: !1 },
@@ -93,8 +93,8 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: U, FINAL_DATASET: w, manualLoading: Ie } = ra({
-      ...jl(T),
+    })), { loading: H, FINAL_DATASET: w, manualLoading: Fe } = ra({
+      ...jl(I),
       FINAL_CONFIG: e,
       prepareConfig: Re,
       callback: () => {
@@ -102,7 +102,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           await we();
         });
       },
-      skeletonDataset: T.config?.skeletonDataset ?? [
+      skeletonDataset: I.config?.skeletonDataset ?? [
         [17040672e5, 10, 20, 2, 10, 30],
         [17067456e5, 10, 30, 5, 20, 50],
         [17092512e5, 20, 50, 10, 30, 80],
@@ -125,11 +125,11 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       st(!0);
     }
     function vl() {
-      st(!1), $e("selectX", { seriesIndex: null, datapoint: null }), O.value = null;
+      st(!1), $e("selectX", { seriesIndex: null, datapoint: null }), P.value = null;
     }
     function Re() {
       const t = Ke({
-        userConfig: T.config,
+        userConfig: I.config,
         defaultConfig: ol
       });
       let a = {};
@@ -139,12 +139,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           ul(t), a = t;
         else {
           const s = Ke({
-            userConfig: ga[l] || T.config,
+            userConfig: ga[l] || I.config,
             defaultConfig: t
           });
           a = {
             ...Ke({
-              userConfig: T.config,
+              userConfig: I.config,
               defaultConfig: s
             })
           };
@@ -153,12 +153,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         a = t;
       return a;
     }
-    me(() => T.config, (t) => {
-      U.value || (e.value = Re()), Me.value = !e.value.userOptions.showOnChartHover, it(), il.value += 1, lt.value += 1, tt.value += 1, R.value.showTable = e.value.table.show, R.value.showTooltip = e.value.style.tooltip.show, ge();
-    }, { deep: !0 }), me(() => T.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Ie.value = !1), $t();
+    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();
+    }, { deep: !0 }), me(() => I.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (Fe.value = !1), $t();
     }, { deep: !0 });
-    const f = v({
+    const b = v({
       height: e.value.style.height,
       width: e.value.style.width,
       xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
@@ -169,17 +169,17 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     });
     const J = y(() => !!e.value.debug);
     function it() {
-      if (Wt(T.dataset) && (Z({
+      if (Wt(I.dataset) && (Z({
         componentName: "VueUiCandlestick",
         type: "dataset",
         debug: J.value
-      }), Ie.value = !0), Wt(T.dataset) || (Ie.value = e.value.loading), setTimeout(() => {
-        E.value = !0;
+      }), Fe.value = !0), Wt(I.dataset) || (Fe.value = e.value.loading), setTimeout(() => {
+        V.value = !0;
       }, 10), e.value.responsive) {
         const a = Ht(() => {
-          E.value = !1;
+          V.value = !1;
           const { width: l, height: s } = sa({
-            chart: V.value,
+            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,
             legend: Qe.value,
@@ -187,24 +187,24 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
             noTitle: et.value
           });
           requestAnimationFrame(() => {
-            f.value.width = l, f.value.height = s - 12, e.value.responsiveProportionalSizing ? (f.value.xAxisFontSize = Ut({
+            b.value.width = l, b.value.height = s - 12, e.value.responsiveProportionalSizing ? (b.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
-            }), f.value.yAxisFontSize = Ut({
+            }), b.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
-            })) : (f.value.xAxisFontSize = e.value.style.layout.grid.xAxis.dataLabels.fontSize, f.value.yAxisFontSize = e.value.style.layout.grid.yAxis.dataLabels.fontSize), Se.value && clearTimeout(Se.value), Se.value = setTimeout(() => {
-              E.value = !0;
+            })) : (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(() => {
+              V.value = !0;
             }, 10);
           });
         });
-        q.value && (ee.value && q.value.unobserve(ee.value), q.value.disconnect()), q.value = new ResizeObserver(a), ee.value = V.value.parentNode, q.value.observe(ee.value);
+        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();
     }
@@ -215,7 +215,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       elementId: `vue-ui-candlestick_${_.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), R = v({
+    }), 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) => {
@@ -233,7 +233,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     });
     const vt = y(() => {
       let t = 0;
-      return ie.value && (t = De.value + f.value.xAxisFontSize), t;
+      return ie.value && (t = De.value + b.value.xAxisFontSize), t;
     });
     function yl() {
       let t = e.value.style.layout.grid.yAxis.dataLabels.offsetX;
@@ -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: f.value.width - a,
+        right: b.value.width - a,
         left: s + o,
-        bottom: f.value.height - l - vt.value,
-        width: f.value.width - s - a - o,
-        height: f.value.height - t - l - vt.value - u
+        bottom: b.value.height - l - vt.value,
+        width: b.value.width - s - a - o,
+        height: b.value.height - t - l - vt.value - u
       };
     }), hl = y(() => {
-      const { left: t, top: a, width: l, height: s } = r.value, o = d.value.start, k = d.value.end - o, C = l / k, $ = A.value.start - o, H = A.value.end - o, N = Math.max(0, Math.min(k, $)), le = Math.max(0, Math.min(k, H));
+      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));
       return {
-        x: t + N * C,
+        x: t + z * A,
         y: a,
-        width: (le - N) * C,
+        width: (le - z) * A,
         height: s,
         fill: e.value.style.zoom.preview.fill,
         stroke: e.value.style.zoom.preview.stroke,
@@ -274,13 +274,13 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     }), S = y(() => w.value.length), d = v({
       start: 0,
       end: S.value
-    }), A = v({ start: 0, end: S.value }), dt = y(() => e.value.style.zoom.preview.enable && (A.value.start !== d.value.start || A.value.end !== d.value.end));
+    }), $ = v({ start: 0, end: S.value }), dt = y(() => e.value.style.zoom.preview.enable && ($.value.start !== d.value.start || $.value.end !== d.value.end));
     function ct(t, a) {
-      A.value[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, A.value.start = t, A.value.end = a, ue.value && (ue.value.setStartValue(t), ue.value.setEndValue(a));
+      (!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));
     }
     const yt = y(() => w.value.map((t, a) => ({
       ...t,
@@ -345,18 +345,18 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         max: t,
         min: a
       };
-    }), D = y(() => Jl(mt.value.min, mt.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    }), N = y(() => Jl(mt.value.min, mt.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
     function be(t, a, l = null, s = null) {
       return {
         ...t,
         x: K(r.value.left + a * c.value + c.value / 2),
-        y: K(r.value.top + (1 - (t - D.value.min) / (D.value.max - D.value.min)) * r.value.height),
+        y: K(r.value.top + (1 - (t - N.value.min) / (N.value.max - N.value.min)) * r.value.height),
         value: K(t),
         isMax: t === l,
         isMin: t === s
       };
     }
-    const x = y(() => {
+    const g = y(() => {
       const t = {
         o: Math.max(...F.value.map((o) => o.open)),
         h: Math.max(...F.value.map((o) => o.high)),
@@ -369,15 +369,15 @@ 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 k = be(o.open, u, t.o, a.o), C = be(o.high, u, t.h, a.h), $ = be(o.low, u, t.l, a.l), H = be(o.close, u, t.c, a.c), N = 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), z = o.close > o.open, le = o.volume === l, Rt = o.volume === s;
         return {
           period: o.period,
-          open: k,
-          high: C,
-          low: $,
-          close: H,
+          open: f,
+          high: A,
+          low: C,
+          close: D,
           volume: o.volume,
-          isBullish: N,
+          isBullish: z,
           absoluteIndex: o.absoluteIndex,
           isMaxVolume: le,
           isMinVolume: Rt
@@ -385,7 +385,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       });
     });
     function xe({ item: t, index: a, minimapH: l, unitW: s }) {
-      const o = e.value.style.layout.grid.yAxis.scale.min ?? 0, u = e.value.style.layout.grid.yAxis.scale.max ?? Math.max(...w.value.map((k) => k[2]));
+      const o = e.value.style.layout.grid.yAxis.scale.min ?? 0, u = e.value.style.layout.grid.yAxis.scale.max ?? Math.max(...w.value.map((f) => f[2]));
       return {
         ...t,
         x: K(a * s),
@@ -394,15 +394,15 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       };
     }
     const pl = y(() => ({ minimapH: t, unitW: a }) => ml.value.map((l, s) => {
-      const o = xe({ item: l.open, index: s, minimapH: t, unitW: a }), u = xe({ item: l.high, index: s, minimapH: t, unitW: a }), k = xe({ item: l.low, index: s, minimapH: t, unitW: a }), C = xe({ item: l.close, index: s, minimapH: t, unitW: a }), $ = l.close > l.open;
+      const o = xe({ item: l.open, index: s, minimapH: t, unitW: a }), u = xe({ item: l.high, index: s, minimapH: t, unitW: a }), f = xe({ item: l.low, index: s, minimapH: t, unitW: a }), A = xe({ item: l.close, index: s, minimapH: t, unitW: a }), C = l.close > l.open;
       return {
         period: l.period,
         open: o,
         high: u,
-        low: k,
-        close: C,
+        low: f,
+        close: A,
         volume: l.volume,
-        isBullish: $,
+        isBullish: C,
         absoluteIndex: l.absoluteIndex
       };
     })), fl = y(() => e.value.style.zoom.minimap.show ? [{
@@ -412,12 +412,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       isVisible: !0
     }] : []);
     function gl(t) {
-      return K((t - D.value.min) / (D.value.max - D.value.min));
+      return K((t - N.value.min) / (N.value.max - N.value.min));
     }
-    const pt = y(() => D.value.ticks.map((t) => ({
+    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)), B = v([]), Be = v([]);
+    }))), bl = y(() => F.value.map((t) => t.period)), E = v([]), Be = v([]);
     let ft = 0;
     Ce(() => {
       const t = ++ft;
@@ -429,7 +429,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           start: d.value.start,
           end: d.value.end
         });
-        t === ft && (B.value = a);
+        t === ft && (E.value = a);
       })();
     });
     let gt = 0;
@@ -448,7 +448,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     });
     const xl = y(() => {
       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;
     }), bt = v({ months: [], shortMonths: [], days: [], shortDays: [] });
     let xt = 0;
     Ce(() => {
@@ -465,7 +465,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         januaryAsYear: t.januaryAsYear
       });
       return (l, s) => {
-        const u = w.value.map((k) => k[0])?.[l];
+        const u = w.value.map((f) => f[0])?.[l];
         return u == null ? "" : a.formatDate(new Date(u), s);
       };
     }), kl = y(() => (w.value.map((a) => a[0]) || []).map((a, l) => ({
@@ -475,20 +475,20 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       text: kt.value(l, e.value.style.zoom.timeFormat),
       absoluteIndex: l
     }))), Ne = y(() => {
-      const t = e.value.style.layout.grid.xAxis.dataLabels, a = B.value || [], l = Be.value || [], s = d.value.start ?? 0, o = O.value, u = S.value, k = a.map(($) => $?.text ?? ""), C = l.map(($) => $?.text ?? "");
+      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 ?? "");
       return Ql(
         !!t.showOnlyFirstAndLast,
         !!t.showOnlyAtModulo,
         Math.max(1, xl.value || 1),
-        k,
-        C,
+        f,
+        A,
         s,
         o,
         u
       );
     }), wt = y(() => e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
-      start: B.value.find((t) => t.absoluteIndex === d.value.start)?.text ?? "",
-      end: B.value.find((t) => t.absoluteIndex === d.value.end - 1)?.text ?? ""
+      start: E.value.find((t) => t.absoluteIndex === d.value.start)?.text ?? "",
+      end: E.value.find((t) => t.absoluteIndex === d.value.end - 1)?.text ?? ""
     } : {
       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]
@@ -497,59 +497,59 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: a, seriesIndex: t + d.value.start });
     }
     function Cl(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: t + d.value.start }), O.value = void 0, se.value = !1, W.value = null, re.value = "pointer";
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: t + d.value.start }), P.value = void 0, se.value = !1, U.value = null, re.value = "pointer";
     }
-    me(() => T.selectedXIndex, (t) => {
-      if ([null, void 0].includes(T.selectedXIndex)) {
-        O.value = null;
+    me(() => I.selectedXIndex, (t) => {
+      if ([null, void 0].includes(I.selectedXIndex)) {
+        P.value = null;
         return;
       }
       const a = t - d.value.start;
-      a < 0 || t >= d.value.end ? O.value = null : O.value = a ?? null;
+      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 }), O.value = t, W.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, Ee.value = {
         datapoint: a,
         seriesIndex: t,
-        series: x.value,
+        series: g.value,
         config: e.value
       }, Pl({ seriesIndex: t, datapoint: a });
       const s = e.value.style.tooltip.customFormat;
       if (aa(s) && oa(() => s({
         seriesIndex: t,
         datapoint: a,
-        series: x.value,
+        series: g.value,
         config: e.value
       })))
         ze.value = s({
           seriesIndex: t,
           datapoint: a,
-          series: x.value,
+          series: g.value,
           config: e.value
         });
       else if (e.value.style.tooltip.show) {
         let o = "";
-        const { period: u, open: k, high: C, low: $, close: H, volume: N, isBullish: le } = x.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 ? B.value[t].text : kl.value[t].text : u;
+        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;
         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(N) ? "-" : Number(N.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 = M({
+                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}">`;
+        const He = R({
           p: e.value.style.tooltip.prefix,
-          v: k.value,
+          v: f.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
-        }), Pt = M({
+        }), Pt = R({
           p: e.value.style.tooltip.prefix,
-          v: C.value,
+          v: A.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
-        }), Ot = M({
+        }), Ot = R({
           p: e.value.style.tooltip.prefix,
-          v: $.value,
+          v: C.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
-        }), Xe = M({
+        }), Xe = R({
           p: e.value.style.tooltip.prefix,
-          v: H.value,
+          v: D.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
@@ -597,7 +597,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         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, A.value.start = s, A.value.end = o, ge(), _t.value = !0;
+          ke.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;
@@ -611,8 +611,8 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     }
     function Ve(t = null) {
       je(() => {
-        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 = x.value.map((u, k) => [
-          e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? B.value[k].text : u.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 = g.value.map((u, f) => [
+          e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? E.value[f].text : u.period,
           u.open.value,
           u.high.value,
           u.low.value,
@@ -623,64 +623,64 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       });
     }
     const te = y(() => {
-      const t = x.value.map((o, u) => {
-        const k = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? B.value?.[u]?.text ?? "" : o.period, C = M({
+      const t = g.value.map((o, u) => {
+        const f = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? E.value?.[u]?.text ?? "" : o.period, A = R({
           p: e.value.table.td.prefix,
           v: o.open.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), $ = M({
+        }), C = R({
           p: e.value.table.td.prefix,
           v: o.high.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), H = M({
+        }), D = R({
           p: e.value.table.td.prefix,
           v: o.low.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), N = M({
+        }), z = 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> ${k}`,
+          `<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}`,
+          A,
           C,
-          $,
-          H,
-          N,
+          D,
+          z,
           `${isNaN(o.volume) ? "-" : o.volume.toLocaleString()}`
         ];
-      }), a = x.value.map((o, u) => {
-        const k = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? B.value?.[u]?.text ?? "" : o.period, C = M({
+      }), a = g.value.map((o, u) => {
+        const f = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? E.value?.[u]?.text ?? "" : o.period, A = R({
           p: e.value.table.td.prefix,
           v: o.open.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), $ = M({
+        }), C = R({
           p: e.value.table.td.prefix,
           v: o.high.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), H = M({
+        }), D = R({
           p: e.value.table.td.prefix,
           v: o.low.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
-        }), N = M({
+        }), z = R({
           p: e.value.table.td.prefix,
           v: o.close.value,
           s: e.value.table.td.suffix,
           r: e.value.table.td.roundingValue
         });
         return [
-          k,
+          f,
+          A,
           C,
-          $,
-          H,
-          N,
+          D,
+          z,
           `${isNaN(o.volume) ? "-" : o.volume}`
         ];
       }), l = {
@@ -709,18 +709,18 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       Q.value = t, Ye.value += 1;
     }
     function Lt() {
-      R.value.showTable = !R.value.showTable;
+      O.value.showTable = !O.value.showTable;
     }
     function Tt() {
-      R.value.showTooltip = !R.value.showTooltip;
+      O.value.showTooltip = !O.value.showTooltip;
     }
     const ye = v(!1);
     function We() {
       ye.value = !ye.value;
     }
     async function $l({ scale: t = 2 } = {}) {
-      if (!V.value) return;
-      const { width: a, height: l } = V.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: u } = await pa({ domElement: V.value, base64: !0, img: !0, scale: t });
+      if (!W.value) return;
+      const { width: a, height: l } = W.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: u } = await pa({ domElement: W.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: o,
         base64: u,
@@ -730,10 +730,10 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         aspectRatio: s
       };
     }
-    const _l = y(() => f.value.width), Sl = y(() => f.value.height);
+    const _l = y(() => b.value.width), Sl = y(() => b.value.height);
     ma({
       timeLabelsEls: ie,
-      timeLabels: B,
+      timeLabels: E,
       slicer: d,
       configRef: e,
       rotationPath: ["style", "layout", "grid", "xAxis", "dataLabels", "rotation"],
@@ -743,13 +743,13 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       width: _l,
       height: Sl
     }), me(e, () => {
-      R.value = {
+      O.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
     const he = y(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = R.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, a = O.value.showTable;
       return {
         component: t ? al : Qt,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
@@ -759,7 +759,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: Q.value,
-          fullscreenParent: V.value,
+          fullscreenParent: W.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8),
           isCursorPointer: ve.value
         } : {
@@ -779,22 +779,22 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         }
       };
     });
-    me(() => R.value.showTable, (t) => {
+    me(() => O.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && ne.value ? ne.value.open() : "close" in ne.value && ne.value.close());
     });
-    function Ft() {
-      R.value.showTable = !1, Te.value && Te.value.setTableIconState(!1);
+    function It() {
+      O.value.showTable = !1, Te.value && Te.value.setTableIconState(!1);
     }
-    const zl = y(() => e.value.style.backgroundColor), Ll = y(() => e.value.style.title), { exportSvg: Tl, getSvg: Fl } = da({
+    const zl = y(() => e.value.style.backgroundColor), Ll = y(() => e.value.style.title), { exportSvg: Tl, getSvg: Il } = da({
       svg: Y,
       title: Ll,
       backgroundColor: zl
     });
-    async function It({ isCb: t }) {
+    async function Ft({ isCb: t }) {
       fe.value = !0, await je();
       try {
         if (t) {
-          const { blob: a, url: l, text: s, dataUrl: o } = await Fl();
+          const { blob: a, url: l, text: s, dataUrl: o } = await Il();
           await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: s, dataUrl: o }));
         } else
           await Promise.resolve(Tl());
@@ -802,16 +802,16 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         fe.value = !1;
       }
     }
-    function Il(t) {
+    function Fl(t) {
       at.value = t;
     }
     function Ml(t) {
-      ce.value || ke.value || t !== d.value.start && (d.value.start = t, A.value.start = t, ge());
+      ce.value || ke.value || t !== d.value.start && (d.value.start = t, $.value.start = t, ge());
     }
     function Rl(t) {
       if (ce.value || ke.value) return;
       const a = St(t);
-      a !== d.value.end && (d.value.end = a, A.value.end = a, ge());
+      a !== d.value.end && (d.value.end = a, $.value.end = a, ge());
     }
     function Pl({ seriesIndex: t, datapoint: a }) {
       const l = d.value.start + t;
@@ -835,48 +835,49 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
     async function Mt() {
       if ($e("copyAlt", {
         config: e.value,
-        dataset: x.value
+        dataset: g.value
       }), !e.value.userOptions.callbacks.altCopy) {
         console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
         return;
       }
       await Promise.resolve(e.value.userOptions.callbacks.altCopy({
         config: e.value,
-        dataset: x.value
+        dataset: g.value
       }));
     }
     function Dl() {
-      W.value = null, Fe.value = !0;
+      U.value = null, Ie.value = !0;
     }
     function Bl() {
-      W.value = null, re.value = "pointer", se.value = !1, O.value = void 0, Fe.value = !1;
+      U.value = null, re.value = "pointer", se.value = !1, P.value = void 0, Ie.value = !1;
     }
     function Nl(t) {
-      if (!Y.value || ye.value || document.activeElement !== Y.value || !x.value.length) return;
+      if (!Y.value || ye.value || document.activeElement !== Y.value || !g.value.length) return;
       const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", s = t.key === "Enter" || t.key === " ", o = t.key === "Escape";
       if (!a && !l && !s && !o) return;
       if (t.preventDefault(), t.stopPropagation(), o) {
-        W.value = null, re.value = "pointer", se.value = !1, O.value = void 0;
+        U.value = null, re.value = "pointer", se.value = !1, P.value = void 0;
         return;
       }
       if (s) {
-        if (W.value === null) return;
-        const C = x.value[W.value];
-        if (!C) return;
-        Ct(W.value, C);
+        if (U.value === null) return;
+        const z = g.value[U.value];
+        if (!z) return;
+        Ct(U.value, z);
         return;
       }
-      let u = W.value;
-      u === null || u < 0 || u >= x.value.length ? u = l ? 0 : x.value.length - 1 : l ? (u += 1, u >= x.value.length && (u = 0)) : a && (u -= 1, u < 0 && (u = x.value.length - 1));
-      const k = x.value[u];
-      k && (El(u), At(u, k, "keyboard"));
+      let u = U.value;
+      const f = P.value, A = u !== null && u >= 0 && u < g.value.length, C = f != null && f >= 0 && f < g.value.length;
+      A ? l ? (u += 1, u >= g.value.length && (u = 0)) : a && (u -= 1, u < 0 && (u = g.value.length - 1)) : C ? (u = l ? f + 1 : f - 1, u >= g.value.length && (u = 0), u < 0 && (u = g.value.length - 1)) : l ? u = 0 : u = g.value.length - 1;
+      const D = g.value[u];
+      D && (El(u), At(u, D, "keyboard"));
     }
     function El(t) {
       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 / f.value.width * s.width,
-        y: s.top + l / f.value.height * s.height
+        x: s.left + a / b.value.width * s.width,
+        y: s.top + l / b.value.height * s.height
       };
     }
     const Ue = y(() => {
@@ -888,7 +889,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       generatePdf: nt,
       generateCsv: Ve,
       generateImage: rt,
-      generateSvg: It,
+      generateSvg: Ft,
       toggleTable: Lt,
       toggleTooltip: Tt,
       toggleAnnotator: We,
@@ -896,7 +897,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       copyAlt: Mt
     }), (t, a) => (i(), n("div", {
       ref_key: "candlestickChart",
-      ref: V,
+      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}`,
@@ -926,23 +927,23 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         isCursorPointer: ve.value,
         onClose: We
       }, {
-        "annotator-action-close": b(() => [
-          g(t.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": k(() => [
+          x(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": b(({ color: l }) => [
-          g(t.$slots, "annotator-action-color", z(L({ color: l })), void 0, !0)
+        "annotator-action-color": k(({ color: l }) => [
+          x(t.$slots, "annotator-action-color", L(T({ color: l })), void 0, !0)
         ]),
-        "annotator-action-draw": b(({ mode: l }) => [
-          g(t.$slots, "annotator-action-draw", z(L({ mode: l })), void 0, !0)
+        "annotator-action-draw": k(({ mode: l }) => [
+          x(t.$slots, "annotator-action-draw", L(T({ mode: l })), void 0, !0)
         ]),
-        "annotator-action-undo": b(({ disabled: l }) => [
-          g(t.$slots, "annotator-action-undo", z(L({ disabled: l })), void 0, !0)
+        "annotator-action-undo": k(({ disabled: l }) => [
+          x(t.$slots, "annotator-action-undo", L(T({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-redo": b(({ disabled: l }) => [
-          g(t.$slots, "annotator-action-redo", z(L({ disabled: l })), void 0, !0)
+        "annotator-action-redo": k(({ disabled: l }) => [
+          x(t.$slots, "annotator-action-redo", L(T({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-delete": b(({ disabled: l }) => [
-          g(t.$slots, "annotator-action-delete", z(L({ disabled: l })), void 0, !0)
+        "annotator-action-delete": k(({ disabled: l }) => [
+          x(t.$slots, "annotator-action-delete", L(T({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : p("", !0),
@@ -991,9 +992,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasAltCopy: e.value.userOptions.buttons.altCopy,
         isFullscreen: Q.value,
-        isTooltip: R.value.showTooltip,
+        isTooltip: O.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: V.value,
+        chartElement: W.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ye.value,
@@ -1005,7 +1006,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         onGeneratePdf: h(nt),
         onGenerateCsv: Ve,
         onGenerateImage: Ol,
-        onGenerateSvg: It,
+        onGenerateSvg: Ft,
         onToggleTable: Lt,
         onToggleTooltip: Tt,
         onToggleAnnotator: We,
@@ -1016,71 +1017,71 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       }, Bt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: b(({ isOpen: l, color: s }) => [
-            g(t.$slots, "menuIcon", z(L({ isOpen: l, color: s })), void 0, !0)
+          fn: k(({ isOpen: l, color: s }) => [
+            x(t.$slots, "menuIcon", L(T({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: b(() => [
-            g(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: k(() => [
+            x(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: b(() => [
-            g(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: k(() => [
+            x(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: b(() => [
-            g(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: k(() => [
+            x(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: b(() => [
-            g(t.$slots, "optionImg", {}, void 0, !0)
+          fn: k(() => [
+            x(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: b(() => [
-            g(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: k(() => [
+            x(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: b(() => [
-            g(t.$slots, "optionTable", {}, void 0, !0)
+          fn: k(() => [
+            x(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: l, isFullscreen: s }) => [
-            g(t.$slots, "optionFullscreen", z(L({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+          fn: k(({ toggleFullscreen: l, isFullscreen: s }) => [
+            x(t.$slots, "optionFullscreen", L(T({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: b(({ toggleAnnotator: l, isAnnotator: s }) => [
-            g(t.$slots, "optionAnnotator", z(L({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+          fn: k(({ toggleAnnotator: l, isAnnotator: s }) => [
+            x(t.$slots, "optionAnnotator", L(T({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: b(({ altCopy: l }) => [
-            g(t.$slots, "optionAltCopy", z(L({ altCopy: l })), void 0, !0)
+          fn: k(({ altCopy: l }) => [
+            x(t.$slots, "optionAltCopy", L(T({ altCopy: l })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -1092,7 +1093,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           xmlns: h(Zl),
           "aria-describedby": `chart-instructions-${_.value}`,
           class: X({ "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}`,
+          viewBox: `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`,
           style: ae(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
           tabindex: "0",
           onFocus: Dl,
@@ -1110,9 +1111,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               pointerEvents: "none"
             }
           }, [
-            g(t.$slots, "chart-background", {}, void 0, !0)
+            x(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, _a)) : p("", !0),
-          x.value.length > 0 ? (i(), n("g", Sa, [
+          g.value.length > 0 ? (i(), n("g", Sa, [
             m("defs", null, [
               m("linearGradient", {
                 id: `bearish_gradient_${_.value}`,
@@ -1130,7 +1131,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                 m("stop", {
                   offset: "100%",
                   "stop-color": `${h(Ae)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
-                }, null, 8, Fa)
+                }, null, 8, Ia)
               ], 8, za),
               m("linearGradient", {
                 id: `bullish_gradient_${_.value}`,
@@ -1149,7 +1150,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                   offset: "100%",
                   "stop-color": `${h(Ae)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
                 }, null, 8, Pa)
-              ], 8, Ia)
+              ], 8, Fa)
             ]),
             e.value.style.layout.grid.show ? (i(), n("g", Oa, [
               m("line", {
@@ -1170,7 +1171,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
               }, null, 8, Ba),
-              e.value.style.layout.grid.horizontalLines.show ? (i(!0), n(I, { key: 0 }, P(pt.value, (l) => (i(), n("line", {
+              e.value.style.layout.grid.horizontalLines.show ? (i(!0), n(M, { key: 0 }, B(pt.value, (l) => (i(), n("line", {
                 x1: r.value.left,
                 x2: r.value.right,
                 y1: l.y,
@@ -1180,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(I, { key: 1 }, P(Ne.value, (l, s) => (i(), n("g", null, [
+              e.value.style.layout.grid.verticalLines.show ? (i(!0), n(M, { key: 1 }, B(Ne.value, (l, s) => (i(), n("g", null, [
                 l.text ? (i(), n("line", {
                   key: 0,
                   x1: r.value.left + c.value * s + c.value / 2,
@@ -1193,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(I, { key: 2 }, P(Ne.value, (l, s) => (i(), n("g", null, [
+              e.value.style.layout.grid.xAxis.ticks.show ? (i(!0), n(M, { key: 2 }, B(Ne.value, (l, s) => (i(), n("g", null, [
                 l.text ? (i(), n("line", {
                   key: 0,
                   x1: r.value.left + c.value * s + c.value / 2,
@@ -1211,8 +1212,8 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               ref_key: "scaleLabels",
               ref: Le
             }, [
-              (i(!0), n(I, null, P(pt.value, (l, s) => (i(), n("g", null, [
-                l.value >= D.value.min && l.value <= D.value.max ? (i(), n("line", {
+              (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", {
                   key: 0,
                   x1: r.value.left,
                   x2: r.value.left - 5,
@@ -1222,15 +1223,15 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                   "stroke-width": e.value.style.layout.grid.strokeWidth,
                   "stroke-linecap": "round"
                 }, null, 8, Wa)) : p("", !0),
-                l.value >= D.value.min && l.value <= D.value.max ? (i(), n("text", {
+                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 + f.value.yAxisFontSize / 3,
-                  "font-size": f.value.yAxisFontSize,
+                  y: l.y + b.value.yAxisFontSize / 3,
+                  "font-size": b.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"
-                }, oe(h(M)({
+                }, oe(h(R)({
                   p: e.value.style.layout.grid.yAxis.dataLabels.prefix,
                   v: l.value,
                   s: e.value.style.layout.grid.yAxis.dataLabels.suffix,
@@ -1243,12 +1244,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               ref_key: "timeLabelsEls",
               ref: ie
             }, [
-              (i(!0), n(I, null, P(bl.value, (l, s) => (i(), n("g", null, [
+              (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 + f.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 + b.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": f.value.xAxisFontSize,
+                  "font-size": b.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)
@@ -1259,20 +1260,20 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               ref_key: "timeLabelsEls",
               ref: ie
             }, [
-              (i(!0), n(I, null, P(Ne.value, (l, s) => (i(), n("g", null, [
+              (i(!0), n(M, null, B(Ne.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 + f.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 + b.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": f.value.xAxisFontSize,
+                  "font-size": b.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)
               ]))), 256))
             ], 512)) : p("", !0),
-            e.value.type === "candlestick" ? (i(), n(I, { key: 4 }, [
+            e.value.type === "candlestick" ? (i(), n(M, { key: 4 }, [
               m("g", null, [
-                (i(!0), n(I, null, P(x.value, (l, s) => (i(), n("g", null, [
+                (i(!0), n(M, null, B(g.value, (l, s) => (i(), n("g", null, [
                   m("rect", {
                     x: l.open.x - e.value.style.layout.wick.strokeWidth / 2,
                     y: l.high.y,
@@ -1281,7 +1282,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                     fill: e.value.style.layout.wick.stroke,
                     stroke: "none",
                     rx: e.value.style.layout.wick.strokeWidth / 2,
-                    class: X({ "vue-data-ui-transition": E.value && !h(U) })
+                    class: X({ "vue-data-ui-transition": V.value && !h(H) })
                   }, null, 10, qa),
                   e.value.style.layout.wick.extremity.shape === "circle" ? (i(), n("g", ja, [
                     m("circle", {
@@ -1289,14 +1290,14 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                       cy: l.high.y,
                       r: e.value.style.layout.wick.extremity.size === "auto" ? c.value / 20 : e.value.style.layout.wick.extremity.size,
                       fill: e.value.style.layout.wick.extremity.color,
-                      class: X({ "vue-data-ui-transition": E.value && !h(U) })
+                      class: X({ "vue-data-ui-transition": V.value && !h(H) })
                     }, null, 10, Ga),
                     m("circle", {
                       cx: l.low.x,
                       cy: l.low.y,
                       r: e.value.style.layout.wick.extremity.size === "auto" ? c.value / 20 : e.value.style.layout.wick.extremity.size,
                       fill: e.value.style.layout.wick.extremity.color,
-                      class: X({ "vue-data-ui-transition": E.value && !h(U) })
+                      class: X({ "vue-data-ui-transition": V.value && !h(H) })
                     }, null, 10, Ka)
                   ])) : p("", !0),
                   e.value.style.layout.wick.extremity.shape === "line" ? (i(), n("g", Ya, [
@@ -1308,7 +1309,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                       rx: e.value.style.layout.wick.strokeWidth / 2,
                       fill: e.value.style.layout.wick.extremity.color,
                       stroke: "none",
-                      class: X({ "vue-data-ui-transition": E.value && !h(U) })
+                      class: X({ "vue-data-ui-transition": V.value && !h(H) })
                     }, null, 10, Ja),
                     m("rect", {
                       x: l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? c.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
@@ -1318,13 +1319,13 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                       fill: e.value.style.layout.wick.extremity.color,
                       stroke: "none",
                       rx: e.value.style.layout.wick.strokeWidth / 2,
-                      class: X({ "vue-data-ui-transition": E.value && !h(U) })
+                      class: X({ "vue-data-ui-transition": V.value && !h(H) })
                     }, null, 10, Qa)
                   ])) : p("", !0)
                 ]))), 256))
               ]),
               m("g", null, [
-                (i(!0), n(I, null, P(x.value, (l, s) => (i(), n("rect", {
+                (i(!0), n(M, null, B(g.value, (l, s) => (i(), n("rect", {
                   x: l.open.x - c.value / 2 + c.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),
@@ -1332,9 +1333,9 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                   fill: e.value.style.layout.candle.gradient.underlayer,
                   rx: e.value.style.layout.candle.borderRadius,
                   stroke: "none",
-                  class: X({ "vue-data-ui-transition": E.value && !h(U) })
+                  class: X({ "vue-data-ui-transition": V.value && !h(H) })
                 }, null, 10, Za))), 256)),
-                (i(!0), n(I, null, P(x.value, (l, s) => (i(), n("rect", {
+                (i(!0), n(M, null, B(g.value, (l, s) => (i(), n("rect", {
                   x: l.open.x - c.value / 2 + c.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),
@@ -1345,11 +1346,11 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
                   "stroke-width": e.value.style.layout.candle.strokeWidth,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
-                  class: X({ "vue-data-ui-transition": E.value && !h(U) })
+                  class: X({ "vue-data-ui-transition": V.value && !h(H) })
                 }, null, 10, eo))), 256))
               ])
             ], 64)) : p("", !0),
-            e.value.type === "ohlc" ? (i(!0), n(I, { key: 5 }, P(x.value, (l, s) => (i(), n("g", null, [
+            e.value.type === "ohlc" ? (i(!0), n(M, { key: 5 }, B(g.value, (l, s) => (i(), n("g", null, [
               m("path", {
                 d: `M ${l.high.x},${l.high.y} ${l.low.x},${l.low.y} M${l.open.x - Math.min(6, c.value / 3)},${l.open.y} ${l.open.x},${l.open.y} M${l.close.x},${l.close.y} ${l.close.x + Math.min(6, c.value / 3)},${l.close.y}`,
                 stroke: l.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
@@ -1357,12 +1358,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               }, null, 8, to)
             ]))), 256)) : p("", !0),
             m("g", null, [
-              (i(!0), n(I, null, P(x.value, (l, s) => (i(), n("rect", {
+              (i(!0), n(M, null, B(g.value, (l, s) => (i(), n("rect", {
                 x: r.value.left + s * c.value,
                 y: r.value.top,
                 height: r.value.height <= 0 ? 1e-4 : r.value.height,
                 width: c.value <= 0 ? 1e-4 : c.value,
-                fill: O.value === s || at.value === s ? h(ea)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
+                fill: P.value === s || at.value === s ? h(ea)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
                 onMouseover: () => At(s, l, "pointer"),
                 onMouseleave: () => Cl(s, l),
                 onClick: () => Ct(s, l)
@@ -1373,10 +1374,10 @@ 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),
-          g(t.$slots, "svg", {
+          x(t.$slots, "svg", {
             svg: {
-              ...f.value,
-              data: x.value,
+              ...b.value,
+              data: g.value,
               drawingArea: r.value,
               isPrintingImg: h(Pe) | h(Oe) | pe.value,
               isPrintingSvg: fe.value
@@ -1384,11 +1385,11 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           }, void 0, !0)
         ], 46, $a)),
         t.$slots.hint ? (i(), n("div", oo, [
-          g(t.$slots, "hint", z(L({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
+          x(t.$slots, "hint", L(T({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Ie.value })), void 0, !0)
         ])) : p("", !0)
       ]),
       t.$slots.watermark ? (i(), n("div", so, [
-        g(t.$slots, "watermark", z(L({ isPrinting: h(Pe) || h(Oe) || pe.value || fe.value })), void 0, !0)
+        x(t.$slots, "watermark", L(T({ isPrinting: h(Pe) || h(Oe) || pe.value || fe.value })), void 0, !0)
       ])) : p("", !0),
       e.value.style.zoom.show && S.value > 6 && _e.value && _t.value ? (i(), G(xa, {
         key: 6,
@@ -1419,7 +1420,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         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: wl.value,
         refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : S.value,
@@ -1447,22 +1448,22 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         handleWidth: e.value.style.zoom.minimap.handleWidth,
         "onUpdate:end": Rl,
         "onUpdate:start": Ml,
-        onTrapMouse: Il,
+        onTrapMouse: Fl,
         onReset: $t,
         onFutureEnd: a[0] || (a[0] = (l) => ct("end", l)),
         onFutureStart: a[1] || (a[1] = (l) => ct("start", l))
       }, {
-        "reset-action": b(({ reset: l }) => [
-          g(t.$slots, "reset-action", z(L({ reset: l })), void 0, !0)
+        "reset-action": k(({ reset: l }) => [
+          x(t.$slots, "reset-action", L(T({ reset: l })), void 0, !0)
         ]),
-        slotMap: b(({ height: l, unitW: s }) => [
-          (i(!0), n(I, null, P(pl.value({ minimapH: l, unitW: s }), (o, u) => (i(), n("g", null, [
+        slotMap: k(({ height: l, unitW: s }) => [
+          (i(!0), n(M, null, B(pl.value({ minimapH: l, unitW: s }), (o, u) => (i(), n("g", null, [
             m("path", {
               d: `M ${o.high.x},${o.high.y} ${o.low.x},${o.low.y}`,
               stroke: o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
               "stroke-width": 1,
               style: ae({
-                opacity: u >= A.value.start && u <= A.value.end ? 1 : 0.6
+                opacity: u >= $.value.start && u <= $.value.end ? 1 : 0.6
               })
             }, null, 12, uo),
             m("path", {
@@ -1470,7 +1471,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
               stroke: o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
               "stroke-width": Math.min(6, s / 1.5),
               style: ae({
-                opacity: u >= A.value.start && u <= A.value.end ? 1 : 0.6
+                opacity: u >= $.value.start && u <= $.value.end ? 1 : 0.6
               })
             }, null, 12, io)
           ]))), 256))
@@ -1481,7 +1482,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         ref_key: "chartLegend",
         ref: Qe
       }, [
-        g(t.$slots, "legend", { legend: x.value }, void 0, !0)
+        x(t.$slots, "legend", { legend: g.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (i(), n("div", {
         key: 7,
@@ -1489,11 +1490,11 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         ref: Ze,
         dir: "auto"
       }, [
-        g(t.$slots, "source", {}, void 0, !0)
+        x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
       Ge(h(Jt), {
         teleportTo: e.value.style.tooltip.teleportTo,
-        show: R.value.showTooltip && se.value,
+        show: O.value.showTooltip && se.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1503,7 +1504,7 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: V.value,
+        parent: W.value,
         content: ze.value,
         isFullscreen: Q.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
@@ -1514,20 +1515,20 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
         isA11yMode: re.value === "keyboard",
         a11yPosition: ot.value
       }, {
-        "tooltip-before": b(() => [
-          g(t.$slots, "tooltip-before", z(L({ ...Ee.value })), void 0, !0)
+        "tooltip-before": k(() => [
+          x(t.$slots, "tooltip-before", L(T({ ...Ee.value })), void 0, !0)
         ]),
-        "tooltip-after": b(() => [
-          g(t.$slots, "tooltip-after", z(L({ ...Ee.value })), void 0, !0)
+        "tooltip-after": k(() => [
+          x(t.$slots, "tooltip-after", L(T({ ...Ee.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, {
         ref_key: "tableUnit",
         ref: ne,
-        onClose: Ft
+        onClose: It
       }), Bt({
-        content: b(() => [
+        content: k(() => [
           (i(), G(h(Zt), {
             key: `table_${tt.value}`,
             colNames: te.value.colNames,
@@ -1537,12 +1538,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
             title: e.value.table.useDialog ? "" : he.value.title,
             withCloseButton: !e.value.table.useDialog,
             isCursorPointer: ve.value,
-            onClose: Ft
+            onClose: It
           }, {
-            th: b(({ th: l }) => [
+            th: k(({ th: l }) => [
               Et(oe(l), 1)
             ]),
-            td: b(({ td: l }) => [
+            td: k(({ td: l }) => [
               m("div", { innerHTML: l }, null, 8, no)
             ]),
             _: 1
@@ -1552,14 +1553,14 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: b(() => [
+          fn: k(() => [
             Et(oe(he.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: b(() => [
+          fn: k(() => [
             m("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1575,12 +1576,12 @@ const wa = ["id"], Ca = ["id"], Aa = { style: { position: "relative" } }, $a = [
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      g(t.$slots, "skeleton", {}, () => [
-        h(U) ? (i(), G(va, { key: 0 })) : p("", !0)
+      x(t.$slots, "skeleton", {}, () => [
+        h(H) ? (i(), G(va, { key: 0 })) : p("", !0)
       ], !0)
     ], 46, wa));
   }
-}, To = /* @__PURE__ */ ka(ro, [["__scopeId", "data-v-c4939179"]]);
+}, To = /* @__PURE__ */ ka(ro, [["__scopeId", "data-v-af885bef"]]);
 export {
   To as default
 };