vue-data-ui 2.4.49 → 2.4.51

package/dist/{vue-ui-candlestick-By609gwn.js → vue-ui-candlestick-Bjz1uFbv.js}

@@ -1,21 +1,22 @@
-import { computed as f, ref as n, watch as $e, onMounted as je, onBeforeUnmount as He, nextTick as V, openBlock as s, createElementBlock as u, normalizeClass as Ce, normalizeStyle as _e, createBlock as _, createCommentVNode as v, unref as g, createSlots as Ye, withCtx as m, renderSlot as p, normalizeProps as T, guardReactiveProps as I, createVNode as ze, createElementVNode as r, Fragment as F, renderList as L, toDisplayString as O, createTextVNode as qe } from "vue";
-import { u as Je, c as Ke, t as Qe, C as Se, o as Ze, e as z, D as et, v as B, X as tt, w as j, E as lt, s as ot, x as at, y as st, q as ut, r as it, F as Ne } from "./index-igxqCP2w.js";
-import { t as nt, u as rt } from "./useResponsive-CoxXLe23.js";
-import { _ as dt } from "./Title-DED-PQ7X.js";
-import { u as vt, U as yt } from "./usePrinter-CnZYDQXB.js";
-import { _ as ct } from "./Tooltip-CHseiJu8.js";
-import { D as ht } from "./DataTable-CO5C8Cmb.js";
-import ft from "./vue-ui-skeleton-CWjNNx-k.js";
-import { S as pt } from "./Slicer-DlgqsI5C.js";
-import gt from "./vue-ui-accordion-lF7yVkiT.js";
-import { u as Ae } from "./useNestedProp-CSVnZVwZ.js";
-import { _ as mt } from "./PackageVersion-DYk2hOG1.js";
-import { P as xt } from "./PenAndPaper-BfgS_5ux.js";
-import { _ as bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t = ["stop-color"], zt = ["stop-color"], St = ["stop-color"], Nt = ["id"], At = ["stop-color"], Tt = ["stop-color"], It = ["stop-color"], Ft = { key: 0 }, Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pt = { key: 1 }, Vt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ot = ["x", "y", "font-size", "fill", "font-weight"], Bt = { key: 2 }, Et = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ut = { key: 0 }, Dt = ["cx", "cy", "r", "fill"], Wt = ["cx", "cy", "r", "fill"], Gt = { key: 1 }, Xt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ht = ["x", "y", "height", "width", "fill", "rx"], Yt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], qt = ["x", "y", "height", "width", "fill", "onMouseover"], Jt = {
+import { computed as f, ref as n, watch as Se, onMounted as qe, onBeforeUnmount as Je, nextTick as V, openBlock as s, createElementBlock as u, normalizeClass as Ne, normalizeStyle as Z, unref as v, createBlock as _, createCommentVNode as y, createSlots as Ke, withCtx as m, renderSlot as g, normalizeProps as T, guardReactiveProps as I, createVNode as Ae, createElementVNode as r, Fragment as F, renderList as L, toDisplayString as P, createTextVNode as Qe } from "vue";
+import { u as Ze, c as et, t as tt, C as Te, o as lt, e as z, D as ot, v as U, X as at, w as j, E as st, s as ut, x as it, y as nt, q as rt, r as dt, F as Ie } from "./index-BbPeL8Gp.js";
+import { t as vt, u as yt } from "./useResponsive-CoxXLe23.js";
+import { _ as ct } from "./Title-aSAft5dl.js";
+import { u as ht, U as pt } from "./usePrinter-DaybDVqP.js";
+import { _ as ft } from "./Tooltip-smutPF--.js";
+import { D as gt } from "./DataTable-DGf6RrOJ.js";
+import mt from "./vue-ui-skeleton-Bniq21d9.js";
+import { S as xt } from "./Slicer-Cxdl3cDt.js";
+import bt from "./vue-ui-accordion-5d5iVpr7.js";
+import { u as Fe } from "./useNestedProp-BN8claGG.js";
+import { _ as kt } from "./PackageVersion-CxJghxYD.js";
+import { P as wt } from "./PenAndPaper-ZdZEumki.js";
+import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At = ["stop-color"], Tt = ["stop-color"], It = ["stop-color"], Ft = ["id"], Lt = ["stop-color"], Rt = ["stop-color"], Ot = ["stop-color"], Vt = { key: 0 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = { key: 1 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = ["x", "y", "font-size", "fill", "font-weight"], Dt = { key: 2 }, Wt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = { key: 0 }, jt = ["cx", "cy", "r", "fill"], Ht = ["cx", "cy", "r", "fill"], Yt = { key: 1 }, qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = ["x", "y", "height", "width", "fill", "rx"], Qt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Zt = ["x", "y", "height", "width", "fill", "onMouseover"], el = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Kt = ["innerHTML"], Qt = {
+}, tl = ["innerHTML"], ll = {
   __name: "vue-ui-candlestick",
   props: {
     config: {
@@ -31,59 +32,59 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
       }
     }
   },
-  setup($, { expose: Te }) {
-    const c = $, { vue_ui_candlestick: Ie } = Je(), R = f(() => !!c.dataset && c.dataset.length), k = n(Ke()), Fe = n(null), H = n(!1), Y = n(""), q = n(void 0), Z = n(0), S = n(null), ee = n(null), te = n(null), le = n(null), oe = n(null), ae = n(null), E = n(0), se = n(0), ue = n(0), e = f({
-      get: () => ie(),
+  setup($, { expose: Le }) {
+    const h = $, { vue_ui_candlestick: Re } = Ze(), R = f(() => !!h.dataset && h.dataset.length), k = n(et()), Oe = n(null), H = n(!1), Y = n(""), q = n(void 0), ee = n(0), S = n(null), te = n(null), le = n(null), oe = n(null), ae = n(null), se = n(null), B = n(0), ue = n(0), ie = n(0), e = f({
+      get: () => ve(),
       set: (t) => t
-    });
-    function ie() {
-      const t = Ae({
-        userConfig: c.config,
-        defaultConfig: Ie
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: re, keepUserOptionState: de } = $t({ config: e.value });
+    function ve() {
+      const t = Fe({
+        userConfig: h.config,
+        defaultConfig: Re
       });
       let o = {};
       return t.theme ? o = {
-        ...Ae({
-          userConfig: Qe.vue_ui_candlestick[t.theme] || c.config,
+        ...Fe({
+          userConfig: tt.vue_ui_candlestick[t.theme] || h.config,
           defaultConfig: t
         })
-      } : o = t, c.config && Se(c.config, "style.zoom.startIndex") ? o.style.zoom.startIndex = c.config.style.zoom.startIndex : o.style.zoom.startIndex = null, c.config && Se(c.config, "style.zoom.endIndex") ? o.style.zoom.endIndex = c.config.style.zoom.endIndex : o.style.zoom.endIndex = null, o;
+      } : o = t, h.config && Te(h.config, "style.zoom.startIndex") ? o.style.zoom.startIndex = h.config.style.zoom.startIndex : o.style.zoom.startIndex = null, h.config && Te(h.config, "style.zoom.endIndex") ? o.style.zoom.endIndex = h.config.style.zoom.endIndex : o.style.zoom.endIndex = null, o;
     }
-    $e(() => c.config, (t) => {
-      e.value = ie(), ne(), E.value += 1, ue.value += 1, se.value += 1;
-    }, { deep: !0 }), $e(() => c.dataset, (t) => {
-      h.value.start = 0, h.value.end = t.length, E.value += 1;
+    Se(() => h.config, (t) => {
+      e.value = ve(), ye(), B.value += 1, ie.value += 1, ue.value += 1;
+    }, { deep: !0 }), Se(() => h.dataset, (t) => {
+      p.value.start = 0, p.value.end = t.length, B.value += 1;
     }, { deep: !0 });
-    const y = n({
+    const c = n({
       height: e.value.style.height,
       width: e.value.style.width,
       xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
       yAxisFontSize: e.value.style.layout.grid.yAxis.dataLabels.fontSize
     }), M = n(null);
-    je(() => {
-      ne();
+    qe(() => {
+      ye();
     });
-    function ne() {
-      if (Ze(c.dataset) && z({
+    function ye() {
+      if (lt(h.dataset) && z({
         componentName: "VueUiCandlestick",
         type: "dataset"
       }), e.value.responsive) {
-        const t = nt(() => {
-          const { width: o, height: l } = rt({
+        const t = vt(() => {
+          const { width: o, height: l } = yt({
             chart: S.value,
-            title: e.value.style.title.text ? ee.value : null,
-            slicer: le.value,
-            legend: te.value,
-            source: oe.value,
-            noTitle: ae.value
+            title: e.value.style.title.text ? te.value : null,
+            slicer: oe.value,
+            legend: le.value,
+            source: ae.value,
+            noTitle: se.value
           });
-          y.value.width = o, y.value.height = l, y.value.xAxisFontSize = Ne({
+          c.value.width = o, c.value.height = l, c.value.xAxisFontSize = Ie({
             relator: Math.min(o, l),
             adjuster: e.value.style.width,
             source: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
             threshold: 6,
             fallback: 6
-          }), y.value.yAxisFontSize = Ne({
+          }), c.value.yAxisFontSize = Ie({
             relator: Math.min(o, l),
             adjuster: e.value.style.width,
             source: e.value.style.layout.grid.yAxis.dataLabels.fontSize,
@@ -93,31 +94,31 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
         });
         M.value = new ResizeObserver(t), M.value.observe(S.value.parentNode);
       }
-      fe();
+      xe();
     }
-    He(() => {
+    Je(() => {
       M.value && M.value.disconnect();
     });
-    const { isPrinting: re, isImaging: de, generatePdf: ve, generateImage: ye } = vt({
+    const { isPrinting: ce, isImaging: he, generatePdf: pe, generateImage: fe } = ht({
       elementId: `vue-ui-candlestick_${k.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick"
-    }), Le = f(() => e.value.userOptions.show && !e.value.style.title.text), w = n({
+    }), Ve = f(() => e.value.userOptions.show && !e.value.style.title.text), w = n({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     }), i = f(() => {
       const { top: t, right: o, bottom: l, left: a } = e.value.style.layout.padding;
       return {
         top: t,
-        right: y.value.width - o,
+        right: c.value.width - o,
         left: a,
-        bottom: y.value.height - l,
-        width: y.value.width - a - o,
-        height: y.value.height - t - l
+        bottom: c.value.height - l,
+        width: c.value.width - a - o,
+        height: c.value.height - t - l
       };
-    }), P = f(() => c.dataset.length), h = n({
+    }), O = f(() => h.dataset.length), p = n({
       start: 0,
-      end: P.value
-    }), ce = f(() => c.dataset.slice(h.value.start, h.value.end)), J = f(() => (c.dataset.forEach((t, o) => {
+      end: O.value
+    }), ge = f(() => h.dataset.slice(p.value.start, p.value.end)), J = f(() => (h.dataset.forEach((t, o) => {
       [null, void 0].includes(t[0]) && z({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
@@ -149,27 +150,27 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
         property: "volume (index 5)",
         index: o
       });
-    }), ce.value.map((t) => ({
+    }), ge.value.map((t) => ({
       period: t[0],
       open: t[1],
       high: t[2],
       low: t[3],
       last: t[4],
       volume: t[5]
-    })))), d = f(() => i.value.width / ce.value.length), he = f(() => ({
+    })))), d = f(() => i.value.width / ge.value.length), me = f(() => ({
       max: Math.max(...J.value.map((t) => t.high)),
       min: 0
-    })), C = f(() => et(he.value.min, he.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
-    function U(t, o) {
+    })), C = f(() => ot(me.value.min, me.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    function E(t, o) {
       return {
         ...t,
-        x: B(i.value.left + o * d.value + d.value / 2),
-        y: B(i.value.top + (1 - t / C.value.max) * i.value.height),
-        value: B(t)
+        x: U(i.value.left + o * d.value + d.value / 2),
+        y: U(i.value.top + (1 - t / C.value.max) * i.value.height),
+        value: U(t)
       };
     }
     const x = f(() => J.value.map((t, o) => {
-      const l = U(t.open, o), a = U(t.high, o), b = U(t.low, o), G = U(t.last, o), X = t.last > t.open;
+      const l = E(t.open, o), a = E(t.high, o), b = E(t.low, o), G = E(t.last, o), X = t.last > t.open;
       return {
         period: t.period,
         open: l,
@@ -180,14 +181,14 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
         isBullish: X
       };
     }));
-    function Re(t) {
-      return B(t / C.value.max);
+    function Pe(t) {
+      return U(t / C.value.max);
     }
-    const Pe = f(() => C.value.ticks.map((t) => ({
-      y: i.value.bottom - i.value.height * Re(t),
-      value: B(t)
-    }))), Ve = f(() => J.value.map((t) => t.period)), K = n(null);
-    function Oe(t, o) {
+    const Ue = f(() => C.value.ticks.map((t) => ({
+      y: i.value.bottom - i.value.height * Pe(t),
+      value: U(t)
+    }))), Be = f(() => J.value.map((t) => t.period)), K = n(null);
+    function Me(t, o) {
       q.value = t, K.value = {
         datapoint: o,
         seriesIndex: t,
@@ -195,7 +196,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
         config: e.value
       };
       const l = e.value.style.tooltip.customFormat;
-      if (at(l) && st(() => l({
+      if (it(l) && nt(() => l({
         seriesIndex: t,
         datapoint: o,
         series: x.value,
@@ -209,27 +210,27 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
         });
       else if (e.value.style.tooltip.show) {
         let a = "";
-        const { period: b, open: G, high: X, low: xe, last: be, volume: ke, isBullish: we } = x.value[t], { period: Zt, open: Ue, high: De, low: We, last: Ge, volume: Xe } = e.value.translations;
+        const { period: b, open: G, high: X, low: $e, last: Ce, volume: _e, isBullish: ze } = x.value[t], { period: ol, open: Ge, high: Xe, low: je, last: He, volume: Ye } = e.value.translations;
         a += `<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 ? we ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : we ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${b}</div>`, a += `${Xe} : <b>${isNaN(ke) ? "-" : Number(ke.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, a += `<div>${Ue}: <b>${e.value.style.tooltip.prefix} ${isNaN(G.value) ? "-" : Number(G.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${De}: <b>${e.value.style.tooltip.prefix} ${isNaN(X.value) ? "-" : Number(X.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${We}: <b>${e.value.style.tooltip.prefix} ${isNaN(xe.value) ? "-" : Number(xe.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${Ge}: <b>${e.value.style.tooltip.prefix} ${isNaN(be.value) ? "-" : Number(be.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += "</div>", Y.value = `<div style="text-align:right">${a}</div>`;
+                fill="${e.value.style.layout.candle.gradient.show ? ze ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : ze ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${b}</div>`, a += `${Ye} : <b>${isNaN(_e) ? "-" : Number(_e.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, a += `<div>${Ge}: <b>${e.value.style.tooltip.prefix} ${isNaN(G.value) ? "-" : Number(G.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${Xe}: <b>${e.value.style.tooltip.prefix} ${isNaN(X.value) ? "-" : Number(X.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${je}: <b>${e.value.style.tooltip.prefix} ${isNaN($e.value) ? "-" : Number($e.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += `<div>${He}: <b>${e.value.style.tooltip.prefix} ${isNaN(Ce.value) ? "-" : Number(Ce.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, a += "</div>", Y.value = `<div style="text-align:right">${a}</div>`;
       }
       H.value = !0;
     }
-    function Be() {
-      fe();
+    function Ee() {
+      xe();
     }
     const N = n(null);
-    async function fe() {
-      (e.value.style.zoom.startIndex !== null || e.value.style.zoom.endIndex !== null) && N.value ? (e.value.style.zoom.startIndex !== null && (await V(), await V(), N.value && N.value.setStartValue(e.value.style.zoom.startIndex)), e.value.style.zoom.endIndex !== null && (await V(), await V(), N.value && N.value.setEndValue(Ee(e.value.style.zoom.endIndex + 1)))) : (h.value = {
+    async function xe() {
+      (e.value.style.zoom.startIndex !== null || e.value.style.zoom.endIndex !== null) && N.value ? (e.value.style.zoom.startIndex !== null && (await V(), await V(), N.value && N.value.setStartValue(e.value.style.zoom.startIndex)), e.value.style.zoom.endIndex !== null && (await V(), await V(), N.value && N.value.setEndValue(De(e.value.style.zoom.endIndex + 1)))) : (p.value = {
         start: 0,
-        end: P.value
-      }, E.value += 1);
+        end: O.value
+      }, B.value += 1);
     }
-    function Ee(t) {
-      const o = P.value;
+    function De(t) {
+      const o = O.value;
       return t > o ? o : 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;
     }
-    function pe() {
+    function be() {
       V(() => {
         const t = [e.value.translations.period, e.value.translations.open, e.value.translations.high, e.value.translations.low, e.value.translations.last, e.value.translations.volume], o = x.value.map((b) => [
           b.period,
@@ -238,8 +239,8 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
           b.low.value,
           b.last.value,
           b.volume
-        ]), l = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([t]).concat(o), a = ut(l);
-        it({ csvContent: a, title: e.value.style.title.text || "vue-ui-candlestick" });
+        ]), l = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([t]).concat(o), a = rt(l);
+        dt({ csvContent: a, title: e.value.style.title.text || "vue-ui-candlestick" });
       });
     }
     const D = f(() => {
@@ -272,56 +273,58 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
       ];
       return { head: l, body: t, config: o, colNames: l };
     }), A = n(!1);
-    function Me(t) {
-      A.value = t, Z.value += 1;
+    function We(t) {
+      A.value = t, ee.value += 1;
     }
-    function ge() {
+    function ke() {
       w.value.showTable = !w.value.showTable;
     }
-    function me() {
+    function we() {
       w.value.showTooltip = !w.value.showTooltip;
     }
     const W = n(!1);
     function Q() {
       W.value = !W.value;
     }
-    return Te({
-      generatePdf: ve,
-      generateCsv: pe,
-      generateImage: ye,
-      toggleTable: ge,
-      toggleTooltip: me,
+    return Le({
+      generatePdf: pe,
+      generateCsv: be,
+      generateImage: fe,
+      toggleTable: ke,
+      toggleTooltip: we,
       toggleAnnotator: Q
     }), (t, o) => (s(), u("div", {
       ref_key: "candlestickChart",
       ref: S,
-      class: Ce(`vue-ui-candlestick ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: _e(`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_${k.value}`
+      class: Ne(`vue-ui-candlestick ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      style: Z(`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_${k.value}`,
+      onMouseenter: o[4] || (o[4] = () => v(re)(!0)),
+      onMouseleave: o[5] || (o[5] = () => v(re)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), _(xt, {
+      e.value.userOptions.buttons.annotator ? (s(), _(wt, {
         key: 0,
         parent: S.value,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: W.value,
         onClose: Q
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : v("", !0),
-      Le.value ? (s(), u("div", {
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
+      Ve.value ? (s(), u("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ae,
+        ref: se,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : v("", !0),
+      }, null, 512)) : y("", !0),
       e.value.style.title.text ? (s(), u("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: ee,
+        ref: te,
         style: "width:100%;background:transparent"
       }, [
-        (s(), _(dt, {
-          key: `title_${ue.value}`,
+        (s(), _(ct, {
+          key: `title_${ie.value}`,
           config: {
             title: {
               cy: "candlestick-div-title",
@@ -333,15 +336,15 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : v("", !0),
-      e.value.userOptions.show && R.value ? (s(), _(yt, {
+      ], 512)) : y("", !0),
+      e.value.userOptions.show && R.value && (v(de) || v(ne)) ? (s(), _(pt, {
         ref_key: "details",
-        ref: Fe,
-        key: `user_options_${Z.value}`,
+        ref: Oe,
+        key: `user_options_${ee.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: g(de),
-        isPrinting: g(re),
+        isImaging: v(he),
+        isPrinting: v(ce),
         uid: k.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -356,73 +359,76 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: W.value,
-        onToggleFullscreen: Me,
-        onGeneratePdf: g(ve),
-        onGenerateCsv: pe,
-        onGenerateImage: g(ye),
-        onToggleTable: ge,
-        onToggleTooltip: me,
-        onToggleAnnotator: Q
-      }, Ye({ _: 2 }, [
+        onToggleFullscreen: We,
+        onGeneratePdf: v(pe),
+        onGenerateCsv: be,
+        onGenerateImage: v(fe),
+        onToggleTable: ke,
+        onToggleTooltip: we,
+        onToggleAnnotator: Q,
+        style: Z({
+          visibility: v(de) ? v(ne) ? "visible" : "hidden" : "visible"
+        })
+      }, Ke({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: m(() => [
-            p(t.$slots, "optionTooltip", {}, void 0, !0)
+            g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: m(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
+            g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: m(() => [
-            p(t.$slots, "optionCsv", {}, void 0, !0)
+            g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: m(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
+            g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: m(() => [
-            p(t.$slots, "optionTable", {}, void 0, !0)
+            g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: l, isFullscreen: a }) => [
-            p(t.$slots, "optionFullscreen", T(I({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+            g(t.$slots, "optionFullscreen", T(I({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: l, isAnnotator: a }) => [
-            p(t.$slots, "optionAnnotator", T(I({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+            g(t.$slots, "optionAnnotator", T(I({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       R.value ? (s(), u("svg", {
         key: 4,
-        xmlns: g(tt),
-        class: Ce({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
-        viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${y.value.height <= 0 ? 10 : y.value.height}`,
-        style: _e(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
+        xmlns: v(at),
+        class: Ne({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
+        viewBox: `0 0 ${c.value.width <= 0 ? 10 : c.value.width} ${c.value.height <= 0 ? 10 : c.value.height}`,
+        style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
-        ze(mt),
-        x.value.length > 0 ? (s(), u("g", $t, [
+        Ae(kt),
+        x.value.length > 0 ? (s(), u("g", St, [
           r("defs", null, [
             r("linearGradient", {
               id: `bearish_gradient_${k.value}`,
@@ -432,16 +438,16 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
               r("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bearish
-              }, null, 8, _t),
+              }, null, 8, At),
               r("stop", {
                 offset: "50%",
-                "stop-color": `${g(j)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
-              }, null, 8, zt),
+                "stop-color": `${v(j)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
+              }, null, 8, Tt),
               r("stop", {
                 offset: "100%",
-                "stop-color": `${g(j)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
-              }, null, 8, St)
-            ], 8, Ct),
+                "stop-color": `${v(j)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
+              }, null, 8, It)
+            ], 8, Nt),
             r("linearGradient", {
               id: `bullish_gradient_${k.value}`,
               x2: "0%",
@@ -450,18 +456,18 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
               r("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bullish
-              }, null, 8, At),
+              }, null, 8, Lt),
               r("stop", {
                 offset: "50%",
-                "stop-color": `${g(j)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
-              }, null, 8, Tt),
+                "stop-color": `${v(j)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
+              }, null, 8, Rt),
               r("stop", {
                 offset: "100%",
-                "stop-color": `${g(j)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
-              }, null, 8, It)
-            ], 8, Nt)
+                "stop-color": `${v(j)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
+              }, null, 8, Ot)
+            ], 8, Ft)
           ]),
-          e.value.style.layout.grid.show ? (s(), u("g", Ft, [
+          e.value.style.layout.grid.show ? (s(), u("g", Vt, [
             r("line", {
               x1: i.value.left,
               x2: i.value.left,
@@ -470,7 +476,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
               stroke: e.value.style.layout.grid.stroke,
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Lt),
+            }, null, 8, Pt),
             r("line", {
               x1: i.value.left,
               x2: i.value.right,
@@ -479,10 +485,10 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
               stroke: e.value.style.layout.grid.stroke,
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Rt)
-          ])) : v("", !0),
-          e.value.style.layout.grid.yAxis.dataLabels.show ? (s(), u("g", Pt, [
-            (s(!0), u(F, null, L(Pe.value, (l, a) => (s(), u("g", null, [
+            }, null, 8, Ut)
+          ])) : y("", !0),
+          e.value.style.layout.grid.yAxis.dataLabels.show ? (s(), u("g", Bt, [
+            (s(!0), u(F, null, L(Ue.value, (l, a) => (s(), u("g", null, [
               l.value >= C.value.min && l.value <= C.value.max ? (s(), u("line", {
                 key: 0,
                 x1: i.value.left,
@@ -492,29 +498,29 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
                 stroke: e.value.style.layout.grid.stroke,
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Vt)) : v("", !0),
+              }, null, 8, Mt)) : y("", !0),
               l.value >= C.value.min && l.value <= C.value.max ? (s(), u("text", {
                 key: 1,
                 x: i.value.left - 8 + e.value.style.layout.grid.yAxis.dataLabels.offsetX,
-                y: l.y + y.value.yAxisFontSize / 3,
-                "font-size": y.value.yAxisFontSize,
+                y: l.y + c.value.yAxisFontSize / 3,
+                "font-size": c.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"
-              }, O(e.value.style.layout.grid.yAxis.dataLabels.prefix) + " " + O(g(lt)(l.value) ? l.value.toFixed(e.value.style.layout.grid.yAxis.dataLabels.roundingValue) : "") + " " + O(e.value.style.layout.grid.yAxis.dataLabels.suffix), 9, Ot)) : v("", !0)
+              }, P(e.value.style.layout.grid.yAxis.dataLabels.prefix) + " " + P(v(st)(l.value) ? l.value.toFixed(e.value.style.layout.grid.yAxis.dataLabels.roundingValue) : "") + " " + P(e.value.style.layout.grid.yAxis.dataLabels.suffix), 9, Et)) : y("", !0)
             ]))), 256))
-          ])) : v("", !0),
-          e.value.style.layout.grid.xAxis.dataLabels.show ? (s(), u("g", Bt, [
-            (s(!0), u(F, null, L(Ve.value, (l, a) => (s(), u("g", null, [
+          ])) : y("", !0),
+          e.value.style.layout.grid.xAxis.dataLabels.show ? (s(), u("g", Dt, [
+            (s(!0), u(F, null, L(Be.value, (l, a) => (s(), u("g", null, [
               r("text", {
-                transform: `translate(${i.value.left + d.value * a + d.value / 2}, ${i.value.bottom + y.value.xAxisFontSize * 2 + e.value.style.layout.grid.xAxis.dataLabels.offsetY}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
+                transform: `translate(${i.value.left + d.value * a + d.value / 2}, ${i.value.bottom + c.value.xAxisFontSize * 2 + e.value.style.layout.grid.xAxis.dataLabels.offsetY}), 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": y.value.xAxisFontSize,
+                "font-size": c.value.xAxisFontSize,
                 fill: e.value.style.layout.grid.xAxis.dataLabels.color,
                 "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-              }, O(l), 9, Et)
+              }, P(l), 9, Wt)
             ]))), 256))
-          ])) : v("", !0),
+          ])) : y("", !0),
           r("g", null, [
             (s(!0), u(F, null, L(x.value, (l, a) => (s(), u("g", null, [
               r("line", {
@@ -525,22 +531,22 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
                 stroke: e.value.style.layout.wick.stroke,
                 "stroke-width": e.value.style.layout.wick.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Mt),
-              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), u("g", Ut, [
+              }, null, 8, Gt),
+              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), u("g", Xt, [
                 r("circle", {
                   cx: l.high.x,
                   cy: l.high.y,
                   r: e.value.style.layout.wick.extremity.size === "auto" ? d.value / 20 : e.value.style.layout.wick.extremity.size,
                   fill: e.value.style.layout.wick.extremity.color
-                }, null, 8, Dt),
+                }, null, 8, jt),
                 r("circle", {
                   cx: l.low.x,
                   cy: l.low.y,
                   r: e.value.style.layout.wick.extremity.size === "auto" ? d.value / 20 : e.value.style.layout.wick.extremity.size,
                   fill: e.value.style.layout.wick.extremity.color
-                }, null, 8, Wt)
-              ])) : v("", !0),
-              e.value.style.layout.wick.extremity.shape === "line" ? (s(), u("g", Gt, [
+                }, null, 8, Ht)
+              ])) : y("", !0),
+              e.value.style.layout.wick.extremity.shape === "line" ? (s(), u("g", Yt, [
                 r("line", {
                   x1: l.high.x - (e.value.style.layout.wick.extremity.size === "auto" ? d.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
                   x2: l.high.x + (e.value.style.layout.wick.extremity.size === "auto" ? d.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
@@ -549,7 +555,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
                   stroke: e.value.style.layout.wick.extremity.color,
                   "stroke-width": e.value.style.layout.wick.strokeWidth,
                   "stroke-linecap": "round"
-                }, null, 8, Xt),
+                }, null, 8, qt),
                 r("line", {
                   x1: l.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? d.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
                   x2: l.low.x + (e.value.style.layout.wick.extremity.size === "auto" ? d.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
@@ -558,8 +564,8 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
                   stroke: e.value.style.layout.wick.extremity.color,
                   "stroke-width": e.value.style.layout.wick.strokeWidth,
                   "stroke-linecap": "round"
-                }, null, 8, jt)
-              ])) : v("", !0)
+                }, null, 8, Jt)
+              ])) : y("", !0)
             ]))), 256))
           ]),
           r("g", null, [
@@ -571,7 +577,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
               fill: e.value.style.layout.candle.gradient.underlayer,
               rx: e.value.style.layout.candle.borderRadius,
               stroke: "none"
-            }, null, 8, Ht))), 256)),
+            }, null, 8, Kt))), 256)),
             (s(!0), u(F, null, L(x.value, (l, a) => (s(), u("rect", {
               x: l.open.x - d.value / 2 + d.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
               y: l.isBullish ? l.last.y : l.open.y,
@@ -583,7 +589,7 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
               "stroke-width": e.value.style.layout.candle.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, Yt))), 256))
+            }, null, 8, Qt))), 256))
           ]),
           r("g", null, [
             (s(!0), u(F, null, L(x.value, (l, a) => (s(), u("rect", {
@@ -591,20 +597,20 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
               y: i.value.top,
               height: i.value.height <= 0 ? 1e-4 : i.value.height,
               width: d.value <= 0 ? 1e-4 : d.value,
-              fill: q.value === a ? g(ot)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
-              onMouseover: (b) => Oe(a, l),
+              fill: q.value === a ? v(ut)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
+              onMouseover: (b) => Me(a, l),
               onMouseleave: o[0] || (o[0] = (b) => {
                 q.value = void 0, H.value = !1;
               })
-            }, null, 40, qt))), 256))
+            }, null, 40, Zt))), 256))
           ])
-        ])) : v("", !0),
-        p(t.$slots, "svg", { svg: y.value }, void 0, !0)
-      ], 14, wt)) : v("", !0),
-      t.$slots.watermark ? (s(), u("div", Jt, [
-        p(t.$slots, "watermark", T(I({ isPrinting: g(re) || g(de) })), void 0, !0)
-      ])) : v("", !0),
-      R.value ? v("", !0) : (s(), _(ft, {
+        ])) : y("", !0),
+        g(t.$slots, "svg", { svg: c.value }, void 0, !0)
+      ], 14, zt)) : y("", !0),
+      t.$slots.watermark ? (s(), u("div", el, [
+        g(t.$slots, "watermark", T(I({ isPrinting: v(ce) || v(he) })), void 0, !0)
+      ])) : y("", !0),
+      R.value ? y("", !0) : (s(), _(mt, {
         key: 6,
         config: {
           type: "candlesticks",
@@ -624,54 +630,54 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
       e.value.style.zoom.show && R.value ? (s(), u("div", {
         key: 7,
         ref_key: "chartSlicer",
-        ref: le
+        ref: oe
       }, [
-        (s(), _(pt, {
+        (s(), _(xt, {
           ref_key: "slicerComponent",
           ref: N,
-          key: `slicer_${E.value}`,
+          key: `slicer_${B.value}`,
           background: e.value.style.zoom.color,
           borderColor: e.value.style.backgroundColor,
           fontSize: e.value.style.zoom.fontSize,
           useResetSlot: e.value.style.zoom.useResetSlot,
-          labelLeft: $.dataset[h.value.start] ? $.dataset[h.value.start][0] : $.dataset[0][0],
-          labelRight: $.dataset[h.value.end - 1] ? $.dataset[h.value.end - 1][0] : $.dataset.at(-1)[0],
+          labelLeft: $.dataset[p.value.start] ? $.dataset[p.value.start][0] : $.dataset[0][0],
+          labelRight: $.dataset[p.value.end - 1] ? $.dataset[p.value.end - 1][0] : $.dataset.at(-1)[0],
           textColor: e.value.style.color,
           inputColor: e.value.style.zoom.color,
           selectColor: e.value.style.zoom.highlightColor,
-          max: P.value,
+          max: O.value,
           min: 0,
-          valueStart: h.value.start,
-          valueEnd: h.value.end,
-          start: h.value.start,
-          "onUpdate:start": o[1] || (o[1] = (l) => h.value.start = l),
-          end: h.value.end,
-          "onUpdate:end": o[2] || (o[2] = (l) => h.value.end = l),
+          valueStart: p.value.start,
+          valueEnd: p.value.end,
+          start: p.value.start,
+          "onUpdate:start": o[1] || (o[1] = (l) => p.value.start = l),
+          end: p.value.end,
+          "onUpdate:end": o[2] || (o[2] = (l) => p.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 : P.value,
-          onReset: Be
+          refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : O.value,
+          onReset: Ee
         }, {
           "reset-action": m(({ reset: l }) => [
-            p(t.$slots, "reset-action", T(I({ reset: l })), void 0, !0)
+            g(t.$slots, "reset-action", T(I({ reset: l })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint"]))
-      ], 512)) : v("", !0),
+      ], 512)) : y("", !0),
       r("div", {
         ref_key: "chartLegend",
-        ref: te
+        ref: le
       }, [
-        p(t.$slots, "legend", { legend: x.value }, void 0, !0)
+        g(t.$slots, "legend", { legend: x.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (s(), u("div", {
         key: 8,
         ref_key: "source",
-        ref: oe,
+        ref: ae,
         dir: "auto"
       }, [
-        p(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : v("", !0),
-      ze(ct, {
+        g(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : y("", !0),
+      Ae(ft, {
         show: w.value.showTooltip && H.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -688,14 +694,14 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function"
       }, {
         "tooltip-before": m(() => [
-          p(t.$slots, "tooltip-before", T(I({ ...K.value })), void 0, !0)
+          g(t.$slots, "tooltip-before", T(I({ ...K.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          p(t.$slots, "tooltip-after", T(I({ ...K.value })), void 0, !0)
+          g(t.$slots, "tooltip-after", T(I({ ...K.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      R.value ? (s(), _(gt, {
+      R.value ? (s(), _(bt, {
         key: 9,
         hideDetails: "",
         config: {
@@ -712,8 +718,8 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
         }
       }, {
         content: m(() => [
-          (s(), _(ht, {
-            key: `table_${se.value}`,
+          (s(), _(gt, {
+            key: `table_${ue.value}`,
             colNames: D.value.colNames,
             head: D.value.head,
             body: D.value.body,
@@ -722,19 +728,19 @@ const kt = ["id"], wt = ["xmlns", "viewBox"], $t = { key: 0 }, Ct = ["id"], _t =
             onClose: o[3] || (o[3] = (l) => w.value.showTable = !1)
           }, {
             th: m(({ th: l }) => [
-              qe(O(l), 1)
+              Qe(P(l), 1)
             ]),
             td: m(({ td: l }) => [
-              r("div", { innerHTML: l }, null, 8, Kt)
+              r("div", { innerHTML: l }, null, 8, tl)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : v("", !0)
-    ], 14, kt));
+      }, 8, ["config"])) : y("", !0)
+    ], 46, _t));
   }
-}, hl = /* @__PURE__ */ bt(Qt, [["__scopeId", "data-v-c83d8995"]]);
+}, xl = /* @__PURE__ */ Ct(ll, [["__scopeId", "data-v-bf1a2d49"]]);
 export {
-  hl as default
+  xl as default
 };