vue-data-ui 3.0.0-next.34 → 3.0.0-next.36

package/dist/{vue-ui-candlestick-BKY_1NxQ.js → vue-ui-candlestick-uq3rtBpr.js}

@@ -1,21 +1,21 @@
-import { defineAsyncComponent as D, computed as g, ref as r, toRefs as It, watch as pe, shallowRef as Xe, onMounted as Ft, onBeforeUnmount as je, watchEffect as Rt, nextTick as be, createElementBlock as i, openBlock as s, unref as u, normalizeStyle as me, normalizeClass as S, createBlock as N, createCommentVNode as p, createElementVNode as y, createVNode as Ye, createSlots as Ot, withCtx as x, renderSlot as m, normalizeProps as P, guardReactiveProps as V, Fragment as E, renderList as B, toDisplayString as Q, createTextVNode as Nt } from "vue";
-import { u as Pt, c as Vt, A as Et, a as Bt, C as Z, o as qe, e as M, D as Mt, v as X, f as L, X as Ut, w as ee, s as Wt, E as Je, q as Dt, r as Ht, x as Gt, y as Xt } from "./index-BeBasrrG.js";
-import { t as Ke, u as jt } from "./useResponsive-DfdjqQps.js";
-import { u as Qe } from "./useNestedProp-BI69cynt.js";
-import { u as Yt } from "./usePrinter-DpTBVYGM.js";
-import { u as qt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Jt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Kt, B as Qt } from "./BaseScanner-DIK2NTdp.js";
-import Zt from "./Title-CbfJu3Bz.js";
-import { S as el } from "./Slicer-BCCGJwNV.js";
-import { u as tl } from "./useTimeLabels-DkzmKfZn.js";
-import ll from "./img-Domj-5hZ.js";
-import { u as al } from "./useTimeLabelCollider-CIsgDrl9.js";
-import { _ as ol } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "width", "height"], nl = { key: 1 }, rl = ["id"], vl = ["stop-color"], dl = ["stop-color"], yl = ["stop-color"], cl = ["id"], hl = ["stop-color"], fl = ["stop-color"], gl = ["stop-color"], pl = { key: 0 }, bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kl = ["x", "y", "font-size", "fill", "font-weight"], wl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Al = ["transform", "text-anchor", "font-size", "fill", "font-weight"], _l = ["x", "y", "width", "height", "fill", "rx"], Cl = { key: 0 }, $l = ["cx", "cy", "r", "fill"], zl = ["cx", "cy", "r", "fill"], Sl = { key: 1 }, Ll = ["x", "y", "width", "height", "rx", "fill"], Tl = ["x", "y", "width", "height", "fill", "rx"], Il = ["x", "y", "height", "width", "fill", "rx"], Fl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Rl = ["x", "y", "height", "width", "fill", "onMouseover"], Ol = {
+import { defineAsyncComponent as D, computed as g, ref as r, toRefs as Rt, watch as pe, shallowRef as Xe, onMounted as Ot, onBeforeUnmount as je, watchEffect as Nt, nextTick as be, createElementBlock as i, openBlock as s, unref as u, normalizeStyle as me, normalizeClass as S, createBlock as N, createCommentVNode as p, createElementVNode as y, createVNode as Ye, createSlots as Pt, withCtx as x, renderSlot as b, normalizeProps as P, guardReactiveProps as E, Fragment as V, renderList as B, toDisplayString as Q, createTextVNode as Et } from "vue";
+import { u as Vt, c as Bt, A as Mt, a as Ut, C as Z, o as qe, e as M, D as Wt, v as X, f as L, X as Dt, w as ee, s as Ht, E as Je, q as Gt, r as Xt, x as jt, y as Yt } from "./index-enA2Fisu.js";
+import { t as Ke, u as qt } from "./useResponsive-DfdjqQps.js";
+import { u as Qe } from "./useNestedProp-Crm1jYNw.js";
+import { u as Jt } from "./usePrinter-Bh6HKGit.js";
+import { u as Kt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Qt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Zt, B as el } from "./BaseScanner-DIK2NTdp.js";
+import tl from "./Title-lox3SQPC.js";
+import { S as ll } from "./Slicer-BBfWOoWo.js";
+import { u as al } from "./useTimeLabels-DkzmKfZn.js";
+import ol from "./img-Bv894v6P.js";
+import { u as sl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { _ as ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const il = ["id"], nl = ["xmlns", "aria-label", "viewBox"], rl = ["x", "y", "width", "height"], vl = { key: 1 }, dl = ["id"], cl = ["stop-color"], yl = ["stop-color"], hl = ["stop-color"], fl = ["id"], gl = ["stop-color"], pl = ["stop-color"], bl = ["stop-color"], ml = { key: 0 }, xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Al = ["x", "y", "font-size", "fill", "font-weight"], _l = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Cl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], $l = ["x", "y", "width", "height", "fill", "rx"], zl = { key: 0 }, Sl = ["cx", "cy", "r", "fill"], Ll = ["cx", "cy", "r", "fill"], Tl = { key: 1 }, Il = ["x", "y", "width", "height", "rx", "fill"], Fl = ["x", "y", "width", "height", "fill", "rx"], Rl = ["x", "y", "height", "width", "fill", "rx"], Ol = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Nl = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Pl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Nl = ["innerHTML"], Pl = {
+}, El = ["innerHTML"], Vl = {
   __name: "vue-ui-candlestick",
   props: {
     config: {
@@ -32,13 +32,13 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
     }
   },
   setup(Ze, { expose: et }) {
-    const tt = D(() => import("./vue-ui-accordion-BBZQktvS.js")), lt = D(() => import("./DataTable-DonNp9Tn.js")), at = D(() => import("./PackageVersion-F_KOshQ5.js")), ot = D(() => import("./PenAndPaper-BzsPyqiU.js")), st = D(() => import("./Tooltip-BuuVsO8D.js")), ut = D(() => import("./UserOptions-32osgWD2.js")), { vue_ui_candlestick: it } = Pt(), c = Ze, te = g(() => !!c.dataset && c.dataset.length), $ = r(!1), le = r(null), w = r(Vt()), nt = r(null), ae = r(!1), oe = r(""), se = r(void 0), xe = r(0), T = r(null), ke = r(null), we = r(null), Ae = r(null), _e = r(null), Ce = r(null), j = r(0), $e = r(0), ze = r(0), ue = r(null), H = r(null), e = r(re()), { loading: z, FINAL_DATASET: A, manualLoading: ie } = Kt({
-      ...It(c),
+    const tt = D(() => import("./vue-ui-accordion-CwPBtAl7.js")), lt = D(() => import("./DataTable-DMXRqxO9.js")), at = D(() => import("./PackageVersion-DOtis8zH.js")), ot = D(() => import("./PenAndPaper-XC3SNbgm.js")), st = D(() => import("./Tooltip-DzK1HoFb.js")), ut = D(() => import("./UserOptions-Dy6QIYd1.js")), { vue_ui_candlestick: it } = Vt(), h = Ze, te = g(() => !!h.dataset && h.dataset.length), $ = r(!1), le = r(null), w = r(Bt()), nt = r(null), ae = r(!1), oe = r(""), se = r(void 0), xe = r(0), T = r(null), ke = r(null), we = r(null), Ae = r(null), _e = r(null), Ce = r(null), j = r(0), $e = r(0), ze = r(0), ue = r(null), H = r(null), e = r(re()), { loading: z, FINAL_DATASET: A, manualLoading: ie } = Zt({
+      ...Rt(h),
       FINAL_CONFIG: e,
       prepareConfig: re,
       callback: () => {
         Promise.resolve().then(async () => {
-          await ce();
+          await ye();
         });
       },
       skeletonDataset: [
@@ -55,7 +55,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         [17304192e5, 890, 2330, 550, 1950, 3770],
         [17330112e5, 1440, 3770, 890, 3200, 5100]
       ],
-      skeletonConfig: Et({
+      skeletonConfig: Mt({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -96,24 +96,24 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
           }
         }
       })
-    }), { userOptionsVisible: ne, setUserOptionsVisibility: Se, keepUserOptionState: Le } = qt({ config: e.value }), { svgRef: Te } = Jt({ config: e.value.style.title });
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: Se, keepUserOptionState: Le } = Kt({ config: e.value }), { svgRef: Te } = Qt({ config: e.value.style.title });
     function re() {
       const t = Qe({
-        userConfig: c.config,
+        userConfig: h.config,
         defaultConfig: it
       });
       let a = {};
       return t.theme ? a = {
         ...Qe({
-          userConfig: Bt.vue_ui_candlestick[t.theme] || c.config,
+          userConfig: Ut.vue_ui_candlestick[t.theme] || h.config,
           defaultConfig: t
         })
-      } : a = t, c.config && Z(c.config, "style.zoom.startIndex") ? a.style.zoom.startIndex = c.config.style.zoom.startIndex : a.style.zoom.startIndex = null, c.config && Z(c.config, "style.zoom.endIndex") ? a.style.zoom.endIndex = c.config.style.zoom.endIndex : a.style.zoom.endIndex = null, c.config && Z(c.config, "style.layout.grid.yAxis.scale.min") ? a.style.layout.grid.yAxis.scale.min = c.config.style.layout.grid.yAxis.scale.min : a.style.layout.grid.yAxis.scale.min = null, c.config && Z(c.config, "style.layout.grid.yAxis.scale.max") ? a.style.layout.grid.yAxis.scale.max = c.config.style.layout.grid.yAxis.scale.max : a.style.layout.grid.yAxis.scale.max = null, a;
+      } : a = t, h.config && Z(h.config, "style.zoom.startIndex") ? a.style.zoom.startIndex = h.config.style.zoom.startIndex : a.style.zoom.startIndex = null, h.config && Z(h.config, "style.zoom.endIndex") ? a.style.zoom.endIndex = h.config.style.zoom.endIndex : a.style.zoom.endIndex = null, h.config && Z(h.config, "style.layout.grid.yAxis.scale.min") ? a.style.layout.grid.yAxis.scale.min = h.config.style.layout.grid.yAxis.scale.min : a.style.layout.grid.yAxis.scale.min = null, h.config && Z(h.config, "style.layout.grid.yAxis.scale.max") ? a.style.layout.grid.yAxis.scale.max = h.config.style.layout.grid.yAxis.scale.max : a.style.layout.grid.yAxis.scale.max = null, a;
     }
-    pe(() => c.config, (t) => {
+    pe(() => h.config, (t) => {
       z.value || (e.value = re()), ne.value = !e.value.userOptions.showOnChartHover, Ie(), j.value += 1, ze.value += 1, $e.value += 1, _.value.showTable = e.value.table.show, _.value.showTooltip = e.value.style.tooltip.show;
-    }, { deep: !0 }), pe(() => c.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (ie.value = !1), h.value.start = 0, h.value.end = t.length, j.value += 1;
+    }, { deep: !0 }), pe(() => h.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (ie.value = !1), c.value.start = 0, c.value.end = t.length, j.value += 1;
     }, { deep: !0 });
     const d = r({
       height: e.value.style.height,
@@ -121,21 +121,21 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
       xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
       yAxisFontSize: e.value.style.layout.grid.yAxis.dataLabels.fontSize
     }), I = Xe(null), U = Xe(null);
-    Ft(() => {
+    Ot(() => {
       Ie();
     });
     const F = g(() => !!e.value.debug);
     function Ie() {
-      if (qe(c.dataset) && (M({
+      if (qe(h.dataset) && (M({
         componentName: "VueUiCandlestick",
         type: "dataset",
         debug: F.value
-      }), ie.value = !0), qe(c.dataset) || (ie.value = e.value.loading), setTimeout(() => {
+      }), ie.value = !0), qe(h.dataset) || (ie.value = e.value.loading), setTimeout(() => {
         $.value = !0;
       }, 10), e.value.responsive) {
         const a = Ke(() => {
           $.value = !1;
-          const { width: l, height: o } = jt({
+          const { width: l, height: o } = qt({
             chart: T.value,
             title: e.value.style.title.text ? ke.value : null,
             slicer: Ae.value,
@@ -163,12 +163,12 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         });
         I.value && (U.value && I.value.unobserve(U.value), I.value.disconnect()), I.value = new ResizeObserver(a), U.value = T.value.parentNode, I.value.observe(U.value);
       }
-      ce();
+      ye();
     }
     je(() => {
       I.value && (U.value && I.value.unobserve(U.value), I.value.disconnect());
     });
-    const { isPrinting: Fe, isImaging: Re, generatePdf: Oe, generateImage: Ne } = Yt({
+    const { isPrinting: Fe, isImaging: Re, generatePdf: Oe, generateImage: Ne } = Jt({
       elementId: `vue-ui-candlestick_${w.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick",
       options: e.value.userOptions.print
@@ -178,7 +178,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
     }), ve = r(0), vt = Ke((t) => {
       ve.value = t;
     }, 100);
-    Rt((t) => {
+    Nt((t) => {
       const a = H.value;
       if (!a) return;
       const l = new ResizeObserver((o) => {
@@ -194,28 +194,28 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
     });
     function dt() {
       let t = e.value.style.layout.grid.yAxis.dataLabels.offsetX;
-      return ue.value && (t = Array.from(ue.value.querySelectorAll("text")).reduce((o, b) => {
-        const f = b.getComputedTextLength();
+      return ue.value && (t = Array.from(ue.value.querySelectorAll("text")).reduce((o, m) => {
+        const f = m.getComputedTextLength();
         return f > o ? f : o;
       }, 0)), t + 13;
     }
     const n = g(() => {
-      const { top: t, right: a, bottom: l, left: o } = e.value.style.layout.padding, b = dt(), f = 12;
+      const { top: t, right: a, bottom: l, left: o } = e.value.style.layout.padding, m = dt(), f = 12;
       return {
         top: t + f,
         right: d.value.width - a,
-        left: o + b,
+        left: o + m,
         bottom: d.value.height - l - Pe.value,
-        width: d.value.width - o - a - b,
+        width: d.value.width - o - a - m,
         height: d.value.height - t - l - Pe.value - f
       };
-    }), G = g(() => A.value.length), h = r({
+    }), G = g(() => A.value.length), c = r({
       start: 0,
       end: G.value
-    }), Ve = g(() => A.value.map((t, a) => ({
+    }), Ee = g(() => A.value.map((t, a) => ({
       ...t,
       absoluteIndex: a
-    })).slice(h.value.start, h.value.end)), de = g(() => (A.value.forEach((t, a) => {
+    })).slice(c.value.start, c.value.end)), de = g(() => (A.value.forEach((t, a) => {
       [null, void 0].includes(t[0]) && M({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
@@ -253,7 +253,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         index: a,
         debug: F.value
       });
-    }), Ve.value.map((t) => ({
+    }), Ee.value.map((t) => ({
       absoluteIndex: t.absoluteIndex,
       period: t[0],
       open: t[1],
@@ -261,13 +261,13 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
       low: t[3],
       last: t[4],
       volume: t[5]
-    })))), v = g(() => n.value.width / Ve.value.length), Ee = g(() => {
+    })))), v = g(() => n.value.width / Ee.value.length), Ve = g(() => {
       const t = e.value.style.layout.grid.yAxis.scale.max === null ? Math.max(...de.value.map((l) => l.high)) : e.value.style.layout.grid.yAxis.scale.max, a = e.value.style.layout.grid.yAxis.scale.min === null ? 0 : e.value.style.layout.grid.yAxis.scale.min;
       return {
         max: t,
         min: a
       };
-    }), C = g(() => Mt(Ee.value.min, Ee.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    }), C = g(() => Wt(Ve.value.min, Ve.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
     function Y(t, a) {
       return {
         ...t,
@@ -277,46 +277,52 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
       };
     }
     const k = g(() => de.value.map((t, a) => {
-      const l = Y(t.open, a), o = Y(t.high, a), b = Y(t.low, a), f = Y(t.last, a), O = t.last > t.open;
+      const l = Y(t.open, a), o = Y(t.high, a), m = Y(t.low, a), f = Y(t.last, a), O = t.last > t.open;
       return {
         period: t.period,
         open: l,
         high: o,
-        low: b,
+        low: m,
         last: f,
         volume: t.volume,
         isBullish: O,
         absoluteIndex: t.absoluteIndex
       };
     }));
-    function yt(t) {
+    function ct(t) {
       return X((t - C.value.min) / (C.value.max - C.value.min));
     }
-    const ct = g(() => C.value.ticks.map((t) => ({
-      y: n.value.bottom - n.value.height * yt(t),
+    const yt = g(() => C.value.ticks.map((t) => ({
+      y: n.value.bottom - n.value.height * ct(t),
       value: X(t)
-    }))), ht = g(() => de.value.map((t) => t.period)), R = g(() => tl({
+    }))), ht = g(() => de.value.map((t) => t.period)), R = g(() => al({
       values: A.value.map((t) => t[0]),
       maxDatapoints: A.value.length,
       formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
-      start: h.value.start,
-      end: h.value.end
+      start: c.value.start,
+      end: c.value.end
     })), Be = g(() => e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
-      start: R.value.find((t) => t.absoluteIndex === h.value.start).text,
-      end: R.value.find((t) => t.absoluteIndex === h.value.end - 1).text
+      start: R.value.find((t) => t.absoluteIndex === c.value.start).text,
+      end: R.value.find((t) => t.absoluteIndex === c.value.end - 1).text
     } : {
-      start: A.value[h.value.start] ? A.value[h.value.start][0] : A.value[0][0],
-      end: A.value[h.value.end - 1] ? A.value[h.value.end - 1][0] : A.value.at(-1)[0]
-    }), ye = r(null);
+      start: A.value[c.value.start] ? A.value[c.value.start][0] : A.value[0][0],
+      end: A.value[c.value.end - 1] ? A.value[c.value.end - 1][0] : A.value.at(-1)[0]
+    }), ce = r(null);
     function ft(t, a) {
-      se.value = t, ye.value = {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: a, seriesIndex: t + c.value.start });
+    }
+    function gt(t, a) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: t + c.value.start }), se.value = void 0, ae.value = !1;
+    }
+    function pt(t, a) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: a, seriesIndex: t + c.value.start }), se.value = t, ce.value = {
         datapoint: a,
         seriesIndex: t,
         series: k.value,
         config: e.value
       };
       const l = e.value.style.tooltip.customFormat;
-      if (Gt(l) && Xt(() => l({
+      if (jt(l) && Yt(() => l({
         seriesIndex: t,
         datapoint: a,
         series: k.value,
@@ -330,50 +336,50 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         });
       else if (e.value.style.tooltip.show) {
         let o = "";
-        const { period: b, open: f, high: O, low: fe, last: ge, volume: K, isBullish: Ge } = k.value[t], { period: Vl, open: kt, high: wt, low: At, last: _t, volume: Ct } = e.value.translations, $t = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? R.value[t].text : b;
+        const { period: m, open: f, high: O, low: fe, last: ge, volume: K, isBullish: Ge } = k.value[t], { period: Bl, open: At, high: _t, low: Ct, last: $t, volume: zt } = e.value.translations, St = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? R.value[t].text : m;
         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 ? Ge ? `url(#bullish_gradient_${w.value})` : `url(#bearish_gradient_${w.value})` : Ge ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${$t}</div>`, o += `${Ct} : <b>${isNaN(K) ? "-" : Number(K.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 zt = L({
+                fill="${e.value.style.layout.candle.gradient.show ? Ge ? `url(#bullish_gradient_${w.value})` : `url(#bearish_gradient_${w.value})` : Ge ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${St}</div>`, o += `${zt} : <b>${isNaN(K) ? "-" : Number(K.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 Lt = L({
           p: e.value.style.tooltip.prefix,
           v: f.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
-        o += `<div>${kt}: <b>${zt}</b></div>`;
-        const St = L({
+        o += `<div>${At}: <b>${Lt}</b></div>`;
+        const Tt = L({
           p: e.value.style.tooltip.prefix,
           v: O.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
-        o += `<div>${wt}: <b>${St}</b></div>`;
-        const Lt = L({
+        o += `<div>${_t}: <b>${Tt}</b></div>`;
+        const It = L({
           p: e.value.style.tooltip.prefix,
           v: fe.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
-        o += `<div>${At}: <b>${Lt}</b></div>`;
-        const Tt = L({
+        o += `<div>${Ct}: <b>${It}</b></div>`;
+        const Ft = L({
           p: e.value.style.tooltip.prefix,
           v: ge.value,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         });
-        o += `<div>${_t}: <b>${Tt}</b></div>`, o += "</div>", oe.value = `<div style="text-align:right">${o}</div>`;
+        o += `<div>${$t}: <b>${Ft}</b></div>`, o += "</div>", oe.value = `<div style="text-align:right">${o}</div>`;
       }
       ae.value = !0;
     }
-    function gt() {
-      ce();
+    function bt() {
+      ye();
     }
     const Me = r(null);
-    async function ce() {
+    async function ye() {
       await be(), await be();
       const { startIndex: t, endIndex: a } = e.value.style.zoom, l = Me.value, o = G.value;
-      (t != null || a != null) && l ? (t != null && l.setStartValue(t), a != null && l.setEndValue(pt(a + 1))) : (h.value = { start: 0, end: o }, j.value += 1);
+      (t != null || a != null) && l ? (t != null && l.setStartValue(t), a != null && l.setEndValue(mt(a + 1))) : (c.value = { start: 0, end: o }, j.value += 1);
     }
-    function pt(t) {
+    function mt(t) {
       const a = G.value;
       return t > a ? a : t < 0 || e.value.style.zoom.startIndex !== null && t < e.value.style.zoom.startIndex ? e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex + 1 : 1 : t;
     }
@@ -386,13 +392,13 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
           f.low.value,
           f.last.value,
           f.volume
-        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), b = Dt(o);
-        t ? t(b) : Ht({ csvContent: b, title: e.value.style.title.text || "vue-ui-candlestick" });
+        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), m = Gt(o);
+        t ? t(m) : Xt({ csvContent: m, title: e.value.style.title.text || "vue-ui-candlestick" });
       });
     }
     const q = g(() => {
-      const t = k.value.map((o, b) => {
-        const f = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? R.value[b].text : o.period, O = L({
+      const t = k.value.map((o, m) => {
+        const f = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? R.value[m].text : o.period, O = L({
           p: e.value.table.td.prefix,
           v: o.open.value,
           s: e.value.table.td.suffix,
@@ -456,11 +462,11 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
     function he() {
       J.value = !J.value;
     }
-    async function bt({ scale: t = 2 } = {}) {
+    async function xt({ scale: t = 2 } = {}) {
       if (!T.value) return;
-      const { width: a, height: l } = T.value.getBoundingClientRect(), o = a / l, { imageUri: b, base64: f } = await ll({ domElement: T.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = T.value.getBoundingClientRect(), o = a / l, { imageUri: m, base64: f } = await ol({ domElement: T.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: b,
+        imageUri: m,
         base64: f,
         title: e.value.style.title.text,
         width: a,
@@ -468,24 +474,24 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         aspectRatio: o
       };
     }
-    const mt = g(() => d.value.width), xt = g(() => d.value.height);
-    return al({
+    const kt = g(() => d.value.width), wt = g(() => d.value.height);
+    return sl({
       timeLabelsEls: H,
       timeLabels: R,
-      slicer: h,
+      slicer: c,
       configRef: e,
       rotationPath: ["style", "layout", "grid", "xAxis", "dataLabels", "rotation"],
       autoRotatePath: ["style", "layout", "grid", "xAxis", "dataLabels", "autoRotate"],
       isAutoSize: !1,
-      width: mt,
-      height: xt
+      width: kt,
+      height: wt
     }), pe(e, () => {
       _.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 }), et({
-      getImage: bt,
+      getImage: xt,
       generatePdf: Oe,
       generateCsv: Ue,
       generateImage: Ne,
@@ -499,8 +505,8 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
       class: S(`vue-ui-candlestick ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: me(`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_${w.value}`,
-      onMouseenter: a[4] || (a[4] = () => u(Se)(!0)),
-      onMouseleave: a[5] || (a[5] = () => u(Se)(!1))
+      onMouseenter: a[3] || (a[3] = () => u(Se)(!0)),
+      onMouseleave: a[4] || (a[4] = () => u(Se)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (s(), N(u(ot), {
         key: 0,
@@ -523,7 +529,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         ref: ke,
         style: "width:100%;background:transparent"
       }, [
-        (s(), N(Zt, {
+        (s(), N(tl, {
           key: `title_${ze.value}`,
           config: {
             title: {
@@ -571,60 +577,60 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         style: me({
           visibility: u(Le) ? u(ne) ? "visible" : "hidden" : "visible"
         })
-      }, Ot({ _: 2 }, [
+      }, Pt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: x(({ isOpen: l, color: o }) => [
-            m(t.$slots, "menuIcon", P(V({ isOpen: l, color: o })), void 0, !0)
+            b(t.$slots, "menuIcon", P(E({ isOpen: l, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: x(() => [
-            m(t.$slots, "optionTooltip", {}, void 0, !0)
+            b(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: x(() => [
-            m(t.$slots, "optionPdf", {}, void 0, !0)
+            b(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: x(() => [
-            m(t.$slots, "optionCsv", {}, void 0, !0)
+            b(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: x(() => [
-            m(t.$slots, "optionImg", {}, void 0, !0)
+            b(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: x(() => [
-            m(t.$slots, "optionTable", {}, void 0, !0)
+            b(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: x(({ toggleFullscreen: l, isFullscreen: o }) => [
-            m(t.$slots, "optionFullscreen", P(V({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+            b(t.$slots, "optionFullscreen", P(E({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: x(({ toggleAnnotator: l, isAnnotator: o }) => [
-            m(t.$slots, "optionAnnotator", P(V({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+            b(t.$slots, "optionAnnotator", P(E({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -632,7 +638,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
       (s(), i("svg", {
         ref_key: "svgRef",
         ref: Te,
-        xmlns: u(Ut),
+        xmlns: u(Dt),
         "aria-label": e.value.style.title.text || "candlestick chart",
         class: S({ "vue-data-ui-fullscreen--on": W.value, "vue-data-ui-fulscreen--off": !W.value }),
         viewBox: `0 0 ${d.value.width <= 0 ? 10 : d.value.width} ${d.value.height <= 0 ? 10 : d.value.height}`,
@@ -649,9 +655,9 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
             pointerEvents: "none"
           }
         }, [
-          m(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, il)) : p("", !0),
-        k.value.length > 0 ? (s(), i("g", nl, [
+          b(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, rl)) : p("", !0),
+        k.value.length > 0 ? (s(), i("g", vl, [
           y("defs", null, [
             y("linearGradient", {
               id: `bearish_gradient_${w.value}`,
@@ -661,16 +667,16 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
               y("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bearish
-              }, null, 8, vl),
+              }, null, 8, cl),
               y("stop", {
                 offset: "50%",
                 "stop-color": `${u(ee)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
-              }, null, 8, dl),
+              }, null, 8, yl),
               y("stop", {
                 offset: "100%",
                 "stop-color": `${u(ee)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
-              }, null, 8, yl)
-            ], 8, rl),
+              }, null, 8, hl)
+            ], 8, dl),
             y("linearGradient", {
               id: `bullish_gradient_${w.value}`,
               x2: "0%",
@@ -679,18 +685,18 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
               y("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bullish
-              }, null, 8, hl),
+              }, null, 8, gl),
               y("stop", {
                 offset: "50%",
                 "stop-color": `${u(ee)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
-              }, null, 8, fl),
+              }, null, 8, pl),
               y("stop", {
                 offset: "100%",
                 "stop-color": `${u(ee)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
-              }, null, 8, gl)
-            ], 8, cl)
+              }, null, 8, bl)
+            ], 8, fl)
           ]),
-          e.value.style.layout.grid.show ? (s(), i("g", pl, [
+          e.value.style.layout.grid.show ? (s(), i("g", ml, [
             y("line", {
               x1: n.value.left,
               x2: n.value.left,
@@ -699,7 +705,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
               stroke: e.value.style.layout.grid.stroke,
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, bl),
+            }, null, 8, xl),
             y("line", {
               x1: n.value.left,
               x2: n.value.right,
@@ -708,14 +714,14 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
               stroke: e.value.style.layout.grid.stroke,
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ml)
+            }, null, 8, kl)
           ])) : p("", !0),
           e.value.style.layout.grid.yAxis.dataLabels.show ? (s(), i("g", {
             key: 1,
             ref_key: "scaleLabels",
             ref: ue
           }, [
-            (s(!0), i(E, null, B(ct.value, (l, o) => (s(), i("g", null, [
+            (s(!0), i(V, null, B(yt.value, (l, o) => (s(), i("g", null, [
               l.value >= C.value.min && l.value <= C.value.max ? (s(), i("line", {
                 key: 0,
                 x1: n.value.left,
@@ -725,7 +731,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
                 stroke: e.value.style.layout.grid.stroke,
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, xl)) : p("", !0),
+              }, null, 8, wl)) : p("", !0),
               l.value >= C.value.min && l.value <= C.value.max ? (s(), i("text", {
                 key: 1,
                 x: n.value.left - 8 + e.value.style.layout.grid.yAxis.dataLabels.offsetX,
@@ -739,7 +745,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
                 v: l.value,
                 s: e.value.style.layout.grid.yAxis.dataLabels.suffix,
                 r: e.value.style.layout.grid.yAxis.dataLabels.roundingValue
-              })), 9, kl)) : p("", !0)
+              })), 9, Al)) : p("", !0)
             ]))), 256))
           ], 512)) : p("", !0),
           e.value.style.layout.grid.xAxis.dataLabels.show && !e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (s(), i("g", {
@@ -747,7 +753,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
             ref_key: "timeLabelsEls",
             ref: H
           }, [
-            (s(!0), i(E, null, B(ht.value, (l, o) => (s(), i("g", null, [
+            (s(!0), i(V, null, B(ht.value, (l, o) => (s(), i("g", null, [
               y("text", {
                 class: "vue-data-ui-time-label",
                 transform: `translate(${n.value.left + v.value * o + v.value / 2}, ${n.value.bottom + d.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
@@ -755,7 +761,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
                 "font-size": d.value.xAxisFontSize,
                 fill: e.value.style.layout.grid.xAxis.dataLabels.color,
                 "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-              }, Q(l), 9, wl)
+              }, Q(l), 9, _l)
             ]))), 256))
           ], 512)) : p("", !0),
           e.value.style.layout.grid.xAxis.dataLabels.show && e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (s(), i("g", {
@@ -763,7 +769,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
             ref_key: "timeLabelsEls",
             ref: H
           }, [
-            (s(!0), i(E, null, B(R.value, (l, o) => (s(), i("g", null, [
+            (s(!0), i(V, null, B(R.value, (l, o) => (s(), i("g", null, [
               y("text", {
                 class: "vue-data-ui-time-label",
                 transform: `translate(${n.value.left + v.value * o + v.value / 2}, ${n.value.bottom + d.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
@@ -771,11 +777,11 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
                 "font-size": d.value.xAxisFontSize,
                 fill: e.value.style.layout.grid.xAxis.dataLabels.color,
                 "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-              }, Q(l.text), 9, Al)
+              }, Q(l.text), 9, Cl)
             ]))), 256))
           ], 512)) : p("", !0),
           y("g", null, [
-            (s(!0), i(E, null, B(k.value, (l, o) => (s(), i("g", null, [
+            (s(!0), i(V, null, B(k.value, (l, o) => (s(), i("g", null, [
               y("rect", {
                 x: l.open.x - e.value.style.layout.wick.strokeWidth / 2,
                 y: l.high.y,
@@ -785,24 +791,24 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
                 stroke: "none",
                 rx: e.value.style.layout.wick.strokeWidth / 2,
                 class: S({ "vue-data-ui-transition": $.value && !u(z) })
-              }, null, 10, _l),
-              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), i("g", Cl, [
+              }, null, 10, $l),
+              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), i("g", zl, [
                 y("circle", {
                   cx: l.high.x,
                   cy: l.high.y,
                   r: e.value.style.layout.wick.extremity.size === "auto" ? v.value / 20 : e.value.style.layout.wick.extremity.size,
                   fill: e.value.style.layout.wick.extremity.color,
                   class: S({ "vue-data-ui-transition": $.value && !u(z) })
-                }, null, 10, $l),
+                }, null, 10, Sl),
                 y("circle", {
                   cx: l.low.x,
                   cy: l.low.y,
                   r: e.value.style.layout.wick.extremity.size === "auto" ? v.value / 20 : e.value.style.layout.wick.extremity.size,
                   fill: e.value.style.layout.wick.extremity.color,
                   class: S({ "vue-data-ui-transition": $.value && !u(z) })
-                }, null, 10, zl)
+                }, null, 10, Ll)
               ])) : p("", !0),
-              e.value.style.layout.wick.extremity.shape === "line" ? (s(), i("g", Sl, [
+              e.value.style.layout.wick.extremity.shape === "line" ? (s(), i("g", Tl, [
                 y("rect", {
                   x: l.high.x - (e.value.style.layout.wick.extremity.size === "auto" ? v.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
                   y: l.high.y - e.value.style.layout.wick.strokeWidth / 2,
@@ -812,7 +818,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
                   fill: e.value.style.layout.wick.extremity.color,
                   stroke: "none",
                   class: S({ "vue-data-ui-transition": $.value && !u(z) })
-                }, null, 10, Ll),
+                }, null, 10, Il),
                 y("rect", {
                   x: l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? v.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
                   y: l.low.y - e.value.style.layout.wick.strokeWidth / 2,
@@ -822,12 +828,12 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
                   stroke: "none",
                   rx: e.value.style.layout.wick.strokeWidth / 2,
                   class: S({ "vue-data-ui-transition": $.value && !u(z) })
-                }, null, 10, Tl)
+                }, null, 10, Fl)
               ])) : p("", !0)
             ]))), 256))
           ]),
           y("g", null, [
-            (s(!0), i(E, null, B(k.value, (l, o) => (s(), i("rect", {
+            (s(!0), i(V, null, B(k.value, (l, o) => (s(), i("rect", {
               x: l.open.x - v.value / 2 + v.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
               y: l.isBullish ? l.last.y : l.open.y,
               height: Math.abs(l.last.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.last.y - l.open.y),
@@ -836,8 +842,8 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
               rx: e.value.style.layout.candle.borderRadius,
               stroke: "none",
               class: S({ "vue-data-ui-transition": $.value && !u(z) })
-            }, null, 10, Il))), 256)),
-            (s(!0), i(E, null, B(k.value, (l, o) => (s(), i("rect", {
+            }, null, 10, Rl))), 256)),
+            (s(!0), i(V, null, B(k.value, (l, o) => (s(), i("rect", {
               x: l.open.x - v.value / 2 + v.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
               y: l.isBullish ? l.last.y : l.open.y,
               height: Math.abs(l.last.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.last.y - l.open.y),
@@ -849,33 +855,32 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: S({ "vue-data-ui-transition": $.value && !u(z) })
-            }, null, 10, Fl))), 256))
+            }, null, 10, Ol))), 256))
           ]),
           y("g", null, [
-            (s(!0), i(E, null, B(k.value, (l, o) => (s(), i("rect", {
+            (s(!0), i(V, null, B(k.value, (l, o) => (s(), i("rect", {
               x: n.value.left + o * v.value,
               y: n.value.top,
               height: n.value.height <= 0 ? 1e-4 : n.value.height,
               width: v.value <= 0 ? 1e-4 : v.value,
-              fill: se.value === o ? u(Wt)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
-              onMouseover: (b) => ft(o, l),
-              onMouseleave: a[0] || (a[0] = (b) => {
-                se.value = void 0, ae.value = !1;
-              })
-            }, null, 40, Rl))), 256))
+              fill: se.value === o ? u(Ht)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
+              onMouseover: () => pt(o, l),
+              onMouseleave: () => gt(o, l),
+              onClick: () => ft(o, l)
+            }, null, 40, Nl))), 256))
           ])
         ])) : p("", !0),
-        m(t.$slots, "svg", { svg: d.value }, void 0, !0)
-      ], 14, ul)),
-      t.$slots.watermark ? (s(), i("div", Ol, [
-        m(t.$slots, "watermark", P(V({ isPrinting: u(Fe) || u(Re) })), void 0, !0)
+        b(t.$slots, "svg", { svg: d.value }, void 0, !0)
+      ], 14, nl)),
+      t.$slots.watermark ? (s(), i("div", Pl, [
+        b(t.$slots, "watermark", P(E({ isPrinting: u(Fe) || u(Re) })), void 0, !0)
       ])) : p("", !0),
       e.value.style.zoom.show && te.value ? (s(), i("div", {
         key: 5,
         ref_key: "chartSlicer",
         ref: Ae
       }, [
-        (s(), N(el, {
+        (s(), N(ll, {
           ref_key: "slicerComponent",
           ref: Me,
           key: `slicer_${j.value}`,
@@ -890,20 +895,20 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
           selectColor: e.value.style.zoom.highlightColor,
           max: G.value,
           min: 0,
-          valueStart: h.value.start,
-          valueEnd: h.value.end,
-          start: h.value.start,
-          "onUpdate:start": a[1] || (a[1] = (l) => h.value.start = l),
-          end: h.value.end,
-          "onUpdate:end": a[2] || (a[2] = (l) => h.value.end = l),
+          valueStart: c.value.start,
+          valueEnd: c.value.end,
+          start: c.value.start,
+          "onUpdate:start": a[0] || (a[0] = (l) => c.value.start = l),
+          end: c.value.end,
+          "onUpdate:end": a[1] || (a[1] = (l) => c.value.end = l),
           refreshStartPoint: e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex : 0,
           refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : G.value,
           enableRangeHandles: e.value.style.zoom.enableRangeHandles,
           enableSelectionDrag: e.value.style.zoom.enableSelectionDrag,
-          onReset: gt
+          onReset: bt
         }, {
           "reset-action": x(({ reset: l }) => [
-            m(t.$slots, "reset-action", P(V({ reset: l })), void 0, !0)
+            b(t.$slots, "reset-action", P(E({ reset: l })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"]))
@@ -912,7 +917,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         ref_key: "chartLegend",
         ref: we
       }, [
-        m(t.$slots, "legend", { legend: k.value }, void 0, !0)
+        b(t.$slots, "legend", { legend: k.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (s(), i("div", {
         key: 6,
@@ -920,7 +925,7 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         ref: _e,
         dir: "auto"
       }, [
-        m(t.$slots, "source", {}, void 0, !0)
+        b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
       Ye(u(st), {
         show: _.value.showTooltip && ae.value,
@@ -941,10 +946,10 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
         backdropFilter: e.value.style.tooltip.backdropFilter
       }, {
         "tooltip-before": x(() => [
-          m(t.$slots, "tooltip-before", P(V({ ...ye.value })), void 0, !0)
+          b(t.$slots, "tooltip-before", P(E({ ...ce.value })), void 0, !0)
         ]),
         "tooltip-after": x(() => [
-          m(t.$slots, "tooltip-after", P(V({ ...ye.value })), void 0, !0)
+          b(t.$slots, "tooltip-after", P(E({ ...ce.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
@@ -972,23 +977,23 @@ const sl = ["id"], ul = ["xmlns", "aria-label", "viewBox"], il = ["x", "y", "wid
             body: q.value.body,
             config: q.value.config,
             title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? ` : ${e.value.style.title.subtitle.text}` : ""}`,
-            onClose: a[3] || (a[3] = (l) => _.value.showTable = !1)
+            onClose: a[2] || (a[2] = (l) => _.value.showTable = !1)
           }, {
             th: x(({ th: l }) => [
-              Nt(Q(l), 1)
+              Et(Q(l), 1)
             ]),
             td: x(({ td: l }) => [
-              y("div", { innerHTML: l }, null, 8, Nl)
+              y("div", { innerHTML: l }, null, 8, El)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : p("", !0),
-      u(z) ? (s(), N(Qt, { key: 8 })) : p("", !0)
-    ], 46, sl));
+      u(z) ? (s(), N(el, { key: 8 })) : p("", !0)
+    ], 46, il));
   }
-}, Ql = /* @__PURE__ */ ol(Pl, [["__scopeId", "data-v-035e586e"]]);
+}, ea = /* @__PURE__ */ ul(Vl, [["__scopeId", "data-v-3f824beb"]]);
 export {
-  Ql as default
+  ea as default
 };