vue-data-ui 2.3.60 → 2.3.62

package/dist/{vue-ui-candlestick-ByA9FGZb.js → vue-ui-candlestick-De4WgpPk.js}

@@ -1,19 +1,19 @@
-import { computed as h, ref as v, onMounted as Ae, onBeforeUnmount as Fe, openBlock as s, createElementBlock as u, normalizeClass as ce, normalizeStyle as H, createVNode as Y, createCommentVNode as y, createBlock as M, unref as p, createSlots as Le, withCtx as b, renderSlot as x, normalizeProps as F, guardReactiveProps as L, createElementVNode as n, Fragment as N, renderList as S, toDisplayString as R, createTextVNode as Re, nextTick as Ve } from "vue";
-import { u as Ie, c as Be, t as Oe, o as Pe, e as C, A as Me, X as Ue, s as U, B as Ee, v as We, w as De, x as Ge, q as Xe, r as je, C as he } from "./index-CpHoINpJ.js";
-import { t as He, u as Ye } from "./useResponsive-NZB-WLRF.js";
-import { _ as qe } from "./Title-xP0rAF4q.js";
-import { u as Je, U as Ke } from "./usePrinter-BHy-mfVg.js";
-import { _ as Qe } from "./Tooltip-DfBa_7Ur.js";
-import { D as Ze } from "./DataTable-1VV0us-8.js";
-import et from "./vue-ui-skeleton-DuM6yey6.js";
-import { S as tt } from "./Slicer-CHiUxRAh.js";
-import lt from "./vue-ui-accordion-BZloYo0L.js";
-import { u as pe } from "./useNestedProp-BOjw3Yqn.js";
-import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt = ["stop-color"], rt = ["stop-color"], dt = ["stop-color"], vt = ["id"], yt = ["stop-color"], ct = ["stop-color"], ht = ["stop-color"], pt = { key: 0 }, gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bt = { key: 1 }, xt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], mt = ["x", "y", "font-size", "fill", "font-weight"], kt = { key: 2 }, wt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _t = { key: 0 }, Ct = ["cx", "cy", "r", "fill"], Nt = ["cx", "cy", "r", "fill"], St = { key: 1 }, zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x", "y", "height", "width", "fill", "rx"], Ft = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Lt = ["x", "y", "height", "width", "fill", "onMouseover"], Rt = {
+import { computed as h, ref as v, onMounted as Fe, onBeforeUnmount as Le, openBlock as s, createElementBlock as u, normalizeClass as he, normalizeStyle as Y, createVNode as q, createCommentVNode as y, createBlock as U, unref as p, createSlots as Re, withCtx as b, renderSlot as x, normalizeProps as F, guardReactiveProps as L, createElementVNode as n, Fragment as N, renderList as S, toDisplayString as R, createTextVNode as Ve, nextTick as Ie } from "vue";
+import { u as Be, c as Oe, t as Pe, o as Me, e as C, B as Ue, s as V, X as De, v as D, C as Ee, w as We, x as Ge, y as Xe, q as je, r as He, D as pe } from "./index-BshV7sX1.js";
+import { t as Ye, u as qe } from "./useResponsive-NZB-WLRF.js";
+import { _ as Je } from "./Title-fb3BzoXj.js";
+import { u as Ke, U as Qe } from "./usePrinter-Culo-aKo.js";
+import { _ as Ze } from "./Tooltip-CBugtvWB.js";
+import { D as et } from "./DataTable-luIjNnne.js";
+import tt from "./vue-ui-skeleton-7qakoAGH.js";
+import { S as lt } from "./Slicer-iGmqxtRQ.js";
+import ot from "./vue-ui-accordion-B6AxEnAr.js";
+import { u as ge } from "./useNestedProp-B235bkr5.js";
+import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const st = ["id"], ut = ["xmlns", "viewBox"], it = { key: 0 }, nt = ["id"], rt = ["stop-color"], dt = ["stop-color"], vt = ["stop-color"], yt = ["id"], ct = ["stop-color"], ht = ["stop-color"], pt = ["stop-color"], gt = { key: 0 }, ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xt = { key: 1 }, mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kt = ["x", "y", "font-size", "fill", "font-weight"], wt = { key: 2 }, $t = ["transform", "text-anchor", "font-size", "fill", "font-weight"], _t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ct = { key: 0 }, Nt = ["cx", "cy", "r", "fill"], St = ["cx", "cy", "r", "fill"], zt = { key: 1 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ft = ["x", "y", "height", "width", "fill", "rx"], Lt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Rt = ["x", "y", "height", "width", "fill", "onMouseover"], Vt = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Vt = ["innerHTML"], It = {
+}, It = ["innerHTML"], Bt = {
   __name: "vue-ui-candlestick",
   props: {
     config: {
@@ -29,15 +29,15 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
       }
     }
   },
-  setup($, { expose: ge }) {
-    const k = $, { vue_ui_candlestick: fe } = Ie(), z = h(() => !!k.dataset && k.dataset.length), m = v(Be()), be = v(null), E = v(!1), W = v(""), D = v(void 0), q = v(0), J = v(0), T = v(null), K = v(null), Q = v(null), Z = v(null), e = h(() => {
-      const l = pe({
+  setup($, { expose: fe }) {
+    const k = $, { vue_ui_candlestick: be } = Be(), z = h(() => !!k.dataset && k.dataset.length), m = v(Oe()), xe = v(null), E = v(!1), W = v(""), G = v(void 0), J = v(0), K = v(0), T = v(null), Q = v(null), Z = v(null), ee = v(null), e = h(() => {
+      const l = ge({
         userConfig: k.config,
-        defaultConfig: fe
+        defaultConfig: be
       });
       return l.theme ? {
-        ...pe({
-          userConfig: Oe.vue_ui_candlestick[l.theme] || k.config,
+        ...ge({
+          userConfig: Pe.vue_ui_candlestick[l.theme] || k.config,
           defaultConfig: l
         })
       } : l;
@@ -46,26 +46,26 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
       width: e.value.style.width,
       xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
       yAxisFontSize: e.value.style.layout.grid.yAxis.dataLabels.fontSize
-    }), V = v(null);
-    Ae(() => {
-      if (Pe(k.dataset) && C({
+    }), I = v(null);
+    Fe(() => {
+      if (Me(k.dataset) && C({
         componentName: "VueUiCandlestick",
         type: "dataset"
       }), e.value.responsive) {
-        const l = He(() => {
-          const { width: a, height: t } = Ye({
+        const l = Ye(() => {
+          const { width: a, height: t } = qe({
             chart: T.value,
-            title: e.value.style.title.text ? K.value : null,
-            slicer: Z.value,
-            legend: Q.value
+            title: e.value.style.title.text ? Q.value : null,
+            slicer: ee.value,
+            legend: Z.value
           });
-          d.value.width = a, d.value.height = t, d.value.xAxisFontSize = he({
+          d.value.width = a, d.value.height = t, d.value.xAxisFontSize = pe({
             relator: Math.min(a, t),
             adjuster: e.value.style.width,
             source: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
             threshold: 6,
             fallback: 6
-          }), d.value.yAxisFontSize = he({
+          }), d.value.yAxisFontSize = pe({
             relator: Math.min(a, t),
             adjuster: e.value.style.width,
             source: e.value.style.layout.grid.yAxis.dataLabels.fontSize,
@@ -73,12 +73,12 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
             fallback: 6
           });
         });
-        V.value = new ResizeObserver(l), V.value.observe(T.value.parentNode);
+        I.value = new ResizeObserver(l), I.value.observe(T.value.parentNode);
       }
-    }), Fe(() => {
-      V.value && V.value.disconnect();
+    }), Le(() => {
+      I.value && I.value.disconnect();
     });
-    const { isPrinting: ee, isImaging: te, generatePdf: le, generateImage: oe } = Je({
+    const { isPrinting: te, isImaging: le, generatePdf: oe, generateImage: ae } = Ke({
       elementId: `vue-ui-candlestick_${m.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick"
     }), w = v({
@@ -94,10 +94,10 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
         width: d.value.width - o - a,
         height: d.value.height - l - t
       };
-    }), G = h(() => k.dataset.length), c = v({
+    }), X = h(() => k.dataset.length), c = v({
       start: 0,
-      end: G.value
-    }), ae = h(() => k.dataset.slice(c.value.start, c.value.end)), X = h(() => (k.dataset.forEach((l, a) => {
+      end: X.value
+    }), se = h(() => k.dataset.slice(c.value.start, c.value.end)), j = h(() => (k.dataset.forEach((l, a) => {
       [null, void 0].includes(l[0]) && C({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
@@ -129,53 +129,53 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
         property: "volume (index 5)",
         index: a
       });
-    }), ae.value.map((l) => ({
+    }), se.value.map((l) => ({
       period: l[0],
       open: l[1],
       high: l[2],
       low: l[3],
       last: l[4],
       volume: l[5]
-    })))), r = h(() => i.value.width / ae.value.length), se = h(() => ({
-      max: Math.max(...X.value.map((l) => l.high)),
+    })))), r = h(() => i.value.width / se.value.length), ue = h(() => ({
+      max: Math.max(...j.value.map((l) => l.high)),
       min: 0
-    })), _ = h(() => Me(se.value.min, se.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
-    function I(l, a) {
+    })), _ = h(() => Ue(ue.value.min, ue.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    function B(l, a) {
       return {
         ...l,
-        x: i.value.left + a * r.value + r.value / 2,
-        y: i.value.top + (1 - l / _.value.max) * i.value.height,
-        value: l
+        x: V(i.value.left + a * r.value + r.value / 2),
+        y: V(i.value.top + (1 - l / _.value.max) * i.value.height),
+        value: V(l)
       };
     }
-    const g = h(() => X.value.map((l, a) => {
-      const t = I(l.open, a), o = I(l.high, a), f = I(l.low, a), O = I(l.last, a), P = l.last > l.open;
+    const g = h(() => j.value.map((l, a) => {
+      const t = B(l.open, a), o = B(l.high, a), f = B(l.low, a), P = B(l.last, a), M = l.last > l.open;
       return {
         period: l.period,
         open: t,
         high: o,
         low: f,
-        last: O,
+        last: P,
         volume: l.volume,
-        isBullish: P
+        isBullish: M
       };
     }));
-    function xe(l) {
-      return l / _.value.max;
+    function me(l) {
+      return V(l / _.value.max);
     }
-    const me = h(() => _.value.ticks.map((l) => ({
-      y: i.value.bottom - i.value.height * xe(l),
-      value: l
-    }))), ke = h(() => X.value.map((l) => l.period)), j = v(null);
-    function we(l, a) {
-      D.value = l, j.value = {
+    const ke = h(() => _.value.ticks.map((l) => ({
+      y: i.value.bottom - i.value.height * me(l),
+      value: V(l)
+    }))), we = h(() => j.value.map((l) => l.period)), H = v(null);
+    function $e(l, a) {
+      G.value = l, H.value = {
         datapoint: a,
         seriesIndex: l,
         series: g.value,
         config: e.value
       };
       const t = e.value.style.tooltip.customFormat;
-      if (De(t) && Ge(() => t({
+      if (Ge(t) && Xe(() => t({
         seriesIndex: l,
         datapoint: a,
         series: g.value,
@@ -189,20 +189,20 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
         });
       else if (e.value.style.tooltip.show) {
         let o = "";
-        const { period: f, open: O, high: P, low: re, last: de, volume: ve, isBullish: ye } = g.value[l], { period: Bt, open: Ce, high: Ne, low: Se, last: ze, volume: Te } = e.value.translations;
+        const { period: f, open: P, high: M, low: de, last: ve, volume: ye, isBullish: ce } = g.value[l], { period: Ot, open: Ne, high: Se, low: ze, last: Te, volume: Ae } = e.value.translations;
         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 ? ye ? `url(#bullish_gradient_${m.value})` : `url(#bearish_gradient_${m.value})` : ye ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${f}</div>`, o += `${Te} : <b>${isNaN(ve) ? "-" : Number(ve.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}">`, o += `<div>${Ce}: <b>${e.value.style.tooltip.prefix} ${isNaN(O.value) ? "-" : Number(O.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, o += `<div>${Ne}: <b>${e.value.style.tooltip.prefix} ${isNaN(P.value) ? "-" : Number(P.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, o += `<div>${Se}: <b>${e.value.style.tooltip.prefix} ${isNaN(re.value) ? "-" : Number(re.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, o += `<div>${ze}: <b>${e.value.style.tooltip.prefix} ${isNaN(de.value) ? "-" : Number(de.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, o += "</div>", W.value = `<div style="text-align:right">${o}</div>`;
+                fill="${e.value.style.layout.candle.gradient.show ? ce ? `url(#bullish_gradient_${m.value})` : `url(#bearish_gradient_${m.value})` : ce ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${f}</div>`, o += `${Ae} : <b>${isNaN(ye) ? "-" : Number(ye.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}">`, o += `<div>${Ne}: <b>${e.value.style.tooltip.prefix} ${isNaN(P.value) ? "-" : Number(P.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, o += `<div>${Se}: <b>${e.value.style.tooltip.prefix} ${isNaN(M.value) ? "-" : Number(M.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, o += `<div>${ze}: <b>${e.value.style.tooltip.prefix} ${isNaN(de.value) ? "-" : Number(de.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, o += `<div>${Te}: <b>${e.value.style.tooltip.prefix} ${isNaN(ve.value) ? "-" : Number(ve.value.toFixed(e.value.style.tooltip.roundingValue)).toLocaleString()} ${e.value.style.tooltip.suffix}</b></div>`, o += "</div>", W.value = `<div style="text-align:right">${o}</div>`;
       }
       E.value = !0;
     }
-    function $e() {
+    function _e() {
       c.value = {
         start: 0,
-        end: G.value
-      }, J.value += 1;
+        end: X.value
+      }, K.value += 1;
     }
-    function ue() {
-      Ve(() => {
+    function ie() {
+      Ie(() => {
         const l = [e.value.translations.period, e.value.translations.open, e.value.translations.high, e.value.translations.low, e.value.translations.last, e.value.translations.volume], a = g.value.map((f) => [
           f.period,
           f.open.value,
@@ -210,11 +210,11 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
           f.low.value,
           f.last.value,
           f.volume
-        ]), t = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([l]).concat(a), o = Xe(t);
-        je({ csvContent: o, title: e.value.style.title.text || "vue-ui-candlestick" });
+        ]), t = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([l]).concat(a), o = je(t);
+        He({ csvContent: o, title: e.value.style.title.text || "vue-ui-candlestick" });
       });
     }
-    const B = h(() => {
+    const O = h(() => {
       const l = g.value.map((o) => [
         `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" :rx="${e.value.style.layout.candle.borderRadius * 3}" fill="${e.value.style.layout.candle.gradient.show ? o.isBullish ? `url(#bullish_gradient_${m.value}` : `url(#bearish_gradient_${m.value})` : o.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${o.period}`,
         `${e.value.table.td.prefix} ${isNaN(o.open.value) ? "-" : Number(o.open.value.toFixed(e.value.table.td.roundingValue)).toLocaleString()} ${e.value.table.td.suffix}`,
@@ -244,35 +244,35 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
       ];
       return { head: t, body: l, config: a, colNames: t };
     }), A = v(!1);
-    function _e(l) {
-      A.value = l, q.value += 1;
+    function Ce(l) {
+      A.value = l, J.value += 1;
     }
-    function ie() {
+    function ne() {
       w.value.showTable = !w.value.showTable;
     }
-    function ne() {
+    function re() {
       w.value.showTooltip = !w.value.showTooltip;
     }
-    return ge({
-      generatePdf: le,
-      generateCsv: ue,
-      generateImage: oe,
-      toggleTable: ie,
-      toggleTooltip: ne
+    return fe({
+      generatePdf: oe,
+      generateCsv: ie,
+      generateImage: ae,
+      toggleTable: ne,
+      toggleTooltip: re
     }), (l, a) => (s(), u("div", {
       ref_key: "candlestickChart",
       ref: T,
-      class: ce(`vue-ui-candlestick ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: H(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;${e.value.style.title.text ? "" : "padding-top:36px"};background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
+      class: he(`vue-ui-candlestick ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      style: Y(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;${e.value.style.title.text ? "" : "padding-top:36px"};background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
       id: `vue-ui-candlestick_${m.value}`
     }, [
       e.value.style.title.text ? (s(), u("div", {
         key: 0,
         ref_key: "chartTitle",
-        ref: K,
-        style: H(`width:100%;background:${e.value.style.backgroundColor}`)
+        ref: Q,
+        style: Y(`width:100%;background:${e.value.style.backgroundColor}`)
       }, [
-        Y(qe, {
+        q(Je, {
           config: {
             title: {
               cy: "candlestick-div-title",
@@ -285,14 +285,14 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
           }
         }, null, 8, ["config"])
       ], 4)) : y("", !0),
-      e.value.userOptions.show && z.value ? (s(), M(Ke, {
+      e.value.userOptions.show && z.value ? (s(), U(Qe, {
         ref_key: "details",
-        ref: be,
-        key: `user_options_${q.value}`,
+        ref: xe,
+        key: `user_options_${J.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: p(te),
-        isPrinting: p(ee),
+        isImaging: p(le),
+        isPrinting: p(te),
         uid: m.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -304,13 +304,13 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
         isTooltip: w.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: T.value,
-        onToggleFullscreen: _e,
-        onGeneratePdf: p(le),
-        onGenerateCsv: ue,
-        onGenerateImage: p(oe),
-        onToggleTable: ie,
-        onToggleTooltip: ne
-      }, Le({ _: 2 }, [
+        onToggleFullscreen: Ce,
+        onGeneratePdf: p(oe),
+        onGenerateCsv: ie,
+        onGenerateImage: p(ae),
+        onToggleTable: ne,
+        onToggleTooltip: re
+      }, Re({ _: 2 }, [
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: b(() => [
@@ -356,12 +356,12 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
       z.value ? (s(), u("svg", {
         key: 2,
-        xmlns: p(Ue),
-        class: ce({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
+        xmlns: p(De),
+        class: he({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
         viewBox: `0 0 ${d.value.width <= 0 ? 10 : d.value.width} ${d.value.height <= 0 ? 10 : d.value.height}`,
-        style: H(`max-width:100%;overflow:visible;background:${e.value.style.backgroundColor};color:${e.value.style.color}`)
+        style: Y(`max-width:100%;overflow:visible;background:${e.value.style.backgroundColor};color:${e.value.style.color}`)
       }, [
-        g.value.length > 0 ? (s(), u("g", ut, [
+        g.value.length > 0 ? (s(), u("g", it, [
           n("defs", null, [
             n("linearGradient", {
               id: `bearish_gradient_${m.value}`,
@@ -371,16 +371,16 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
               n("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bearish
-              }, null, 8, nt),
+              }, null, 8, rt),
               n("stop", {
                 offset: "50%",
-                "stop-color": `${p(U)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
-              }, null, 8, rt),
+                "stop-color": `${p(D)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
+              }, null, 8, dt),
               n("stop", {
                 offset: "100%",
-                "stop-color": `${p(U)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
-              }, null, 8, dt)
-            ], 8, it),
+                "stop-color": `${p(D)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
+              }, null, 8, vt)
+            ], 8, nt),
             n("linearGradient", {
               id: `bullish_gradient_${m.value}`,
               x2: "0%",
@@ -389,18 +389,18 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
               n("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.candle.colors.bullish
-              }, null, 8, yt),
+              }, null, 8, ct),
               n("stop", {
                 offset: "50%",
-                "stop-color": `${p(U)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
-              }, null, 8, ct),
+                "stop-color": `${p(D)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
+              }, null, 8, ht),
               n("stop", {
                 offset: "100%",
-                "stop-color": `${p(U)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
-              }, null, 8, ht)
-            ], 8, vt)
+                "stop-color": `${p(D)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
+              }, null, 8, pt)
+            ], 8, yt)
           ]),
-          e.value.style.layout.grid.show ? (s(), u("g", pt, [
+          e.value.style.layout.grid.show ? (s(), u("g", gt, [
             n("line", {
               x1: i.value.left,
               x2: i.value.left,
@@ -409,7 +409,7 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
               stroke: e.value.style.layout.grid.stroke,
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, gt),
+            }, null, 8, ft),
             n("line", {
               x1: i.value.left,
               x2: i.value.right,
@@ -418,10 +418,10 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
               stroke: e.value.style.layout.grid.stroke,
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ft)
+            }, null, 8, bt)
           ])) : y("", !0),
-          e.value.style.layout.grid.yAxis.dataLabels.show ? (s(), u("g", bt, [
-            (s(!0), u(N, null, S(me.value, (t, o) => (s(), u("g", null, [
+          e.value.style.layout.grid.yAxis.dataLabels.show ? (s(), u("g", xt, [
+            (s(!0), u(N, null, S(ke.value, (t, o) => (s(), u("g", null, [
               t.value >= _.value.min && t.value <= _.value.max ? (s(), u("line", {
                 key: 0,
                 x1: i.value.left,
@@ -431,7 +431,7 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
                 stroke: e.value.style.layout.grid.stroke,
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, xt)) : y("", !0),
+              }, null, 8, mt)) : y("", !0),
               t.value >= _.value.min && t.value <= _.value.max ? (s(), u("text", {
                 key: 1,
                 x: i.value.left - 8 + e.value.style.layout.grid.yAxis.dataLabels.offsetX,
@@ -440,18 +440,18 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
                 "text-anchor": "end",
                 fill: e.value.style.layout.grid.yAxis.dataLabels.color,
                 "font-weight": e.value.style.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-              }, R(e.value.style.layout.grid.yAxis.dataLabels.prefix) + " " + R(p(Ee)(t.value) ? t.value.toFixed(e.value.style.layout.grid.yAxis.dataLabels.roundingValue) : "") + " " + R(e.value.style.layout.grid.yAxis.dataLabels.suffix), 9, mt)) : y("", !0)
+              }, R(e.value.style.layout.grid.yAxis.dataLabels.prefix) + " " + R(p(Ee)(t.value) ? t.value.toFixed(e.value.style.layout.grid.yAxis.dataLabels.roundingValue) : "") + " " + R(e.value.style.layout.grid.yAxis.dataLabels.suffix), 9, kt)) : y("", !0)
             ]))), 256))
           ])) : y("", !0),
-          e.value.style.layout.grid.xAxis.dataLabels.show ? (s(), u("g", kt, [
-            (s(!0), u(N, null, S(ke.value, (t, o) => (s(), u("g", null, [
+          e.value.style.layout.grid.xAxis.dataLabels.show ? (s(), u("g", wt, [
+            (s(!0), u(N, null, S(we.value, (t, o) => (s(), u("g", null, [
               n("text", {
                 transform: `translate(${i.value.left + r.value * o + r.value / 2}, ${i.value.bottom + d.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": d.value.xAxisFontSize,
                 fill: e.value.style.layout.grid.xAxis.dataLabels.color,
                 "font-weight": e.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-              }, R(t), 9, wt)
+              }, R(t), 9, $t)
             ]))), 256))
           ])) : y("", !0),
           n("g", null, [
@@ -464,22 +464,22 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
                 stroke: e.value.style.layout.wick.stroke,
                 "stroke-width": e.value.style.layout.wick.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, $t),
-              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), u("g", _t, [
+              }, null, 8, _t),
+              e.value.style.layout.wick.extremity.shape === "circle" ? (s(), u("g", Ct, [
                 n("circle", {
                   cx: t.high.x,
                   cy: t.high.y,
                   r: e.value.style.layout.wick.extremity.size === "auto" ? r.value / 20 : e.value.style.layout.wick.extremity.size,
                   fill: e.value.style.layout.wick.extremity.color
-                }, null, 8, Ct),
+                }, null, 8, Nt),
                 n("circle", {
                   cx: t.low.x,
                   cy: t.low.y,
                   r: e.value.style.layout.wick.extremity.size === "auto" ? r.value / 20 : e.value.style.layout.wick.extremity.size,
                   fill: e.value.style.layout.wick.extremity.color
-                }, null, 8, Nt)
+                }, null, 8, St)
               ])) : y("", !0),
-              e.value.style.layout.wick.extremity.shape === "line" ? (s(), u("g", St, [
+              e.value.style.layout.wick.extremity.shape === "line" ? (s(), u("g", zt, [
                 n("line", {
                   x1: t.high.x - (e.value.style.layout.wick.extremity.size === "auto" ? r.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
                   x2: t.high.x + (e.value.style.layout.wick.extremity.size === "auto" ? r.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
@@ -488,7 +488,7 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
                   stroke: e.value.style.layout.wick.extremity.color,
                   "stroke-width": e.value.style.layout.wick.strokeWidth,
                   "stroke-linecap": "round"
-                }, null, 8, zt),
+                }, null, 8, Tt),
                 n("line", {
                   x1: t.low.x - (e.value.style.layout.wick.extremity.size === "auto" ? r.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
                   x2: t.low.x + (e.value.style.layout.wick.extremity.size === "auto" ? r.value * e.value.style.layout.candle.widthRatio : e.value.style.layout.wick.extremity.size) / 2,
@@ -497,7 +497,7 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
                   stroke: e.value.style.layout.wick.extremity.color,
                   "stroke-width": e.value.style.layout.wick.strokeWidth,
                   "stroke-linecap": "round"
-                }, null, 8, Tt)
+                }, null, 8, At)
               ])) : y("", !0)
             ]))), 256))
           ]),
@@ -510,7 +510,7 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
               fill: e.value.style.layout.candle.gradient.underlayer,
               rx: e.value.style.layout.candle.borderRadius,
               stroke: "none"
-            }, null, 8, At))), 256)),
+            }, null, 8, Ft))), 256)),
             (s(!0), u(N, null, S(g.value, (t, o) => (s(), u("rect", {
               x: t.open.x - r.value / 2 + r.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
               y: t.isBullish ? t.last.y : t.open.y,
@@ -522,7 +522,7 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
               "stroke-width": e.value.style.layout.candle.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, Ft))), 256))
+            }, null, 8, Lt))), 256))
           ]),
           n("g", null, [
             (s(!0), u(N, null, S(g.value, (t, o) => (s(), u("rect", {
@@ -530,20 +530,20 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
               y: i.value.top,
               height: i.value.height <= 0 ? 1e-4 : i.value.height,
               width: r.value <= 0 ? 1e-4 : r.value,
-              fill: D.value === o ? `${e.value.style.layout.selector.color}${p(We)[e.value.style.layout.selector.opacity]}` : "transparent",
-              onMouseover: (f) => we(o, t),
+              fill: G.value === o ? `${e.value.style.layout.selector.color}${p(We)[e.value.style.layout.selector.opacity]}` : "transparent",
+              onMouseover: (f) => $e(o, t),
               onMouseleave: a[0] || (a[0] = (f) => {
-                D.value = void 0, E.value = !1;
+                G.value = void 0, E.value = !1;
               })
-            }, null, 40, Lt))), 256))
+            }, null, 40, Rt))), 256))
           ])
         ])) : y("", !0),
         x(l.$slots, "svg", { svg: d.value }, void 0, !0)
-      ], 14, st)) : y("", !0),
-      l.$slots.watermark ? (s(), u("div", Rt, [
-        x(l.$slots, "watermark", F(L({ isPrinting: p(ee) || p(te) })), void 0, !0)
+      ], 14, ut)) : y("", !0),
+      l.$slots.watermark ? (s(), u("div", Vt, [
+        x(l.$slots, "watermark", F(L({ isPrinting: p(te) || p(le) })), void 0, !0)
       ])) : y("", !0),
-      z.value ? y("", !0) : (s(), M(et, {
+      z.value ? y("", !0) : (s(), U(tt, {
         key: 4,
         config: {
           type: "candlesticks",
@@ -563,10 +563,10 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
       e.value.style.zoom.show && z.value ? (s(), u("div", {
         key: 5,
         ref_key: "chartSlicer",
-        ref: Z
+        ref: ee
       }, [
-        (s(), M(tt, {
-          key: `slicer_${J.value}`,
+        (s(), U(lt, {
+          key: `slicer_${K.value}`,
           background: e.value.style.zoom.color,
           borderColor: e.value.style.backgroundColor,
           fontSize: e.value.style.zoom.fontSize,
@@ -576,7 +576,7 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
           textColor: e.value.style.color,
           inputColor: e.value.style.zoom.color,
           selectColor: e.value.style.zoom.highlightColor,
-          max: G.value,
+          max: X.value,
           min: 0,
           valueStart: c.value.start,
           valueEnd: c.value.end,
@@ -584,7 +584,7 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
           "onUpdate:start": a[1] || (a[1] = (t) => c.value.start = t),
           end: c.value.end,
           "onUpdate:end": a[2] || (a[2] = (t) => c.value.end = t),
-          onReset: $e
+          onReset: _e
         }, {
           "reset-action": b(({ reset: t }) => [
             x(l.$slots, "reset-action", F(L({ reset: t })), void 0, !0)
@@ -594,11 +594,11 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
       ], 512)) : y("", !0),
       n("div", {
         ref_key: "chartLegend",
-        ref: Q
+        ref: Z
       }, [
         x(l.$slots, "legend", { legend: g.value }, void 0, !0)
       ], 512),
-      Y(Qe, {
+      q(Ze, {
         show: w.value.showTooltip && E.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -614,14 +614,14 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function"
       }, {
         "tooltip-before": b(() => [
-          x(l.$slots, "tooltip-before", F(L({ ...j.value })), void 0, !0)
+          x(l.$slots, "tooltip-before", F(L({ ...H.value })), void 0, !0)
         ]),
         "tooltip-after": b(() => [
-          x(l.$slots, "tooltip-after", F(L({ ...j.value })), void 0, !0)
+          x(l.$slots, "tooltip-after", F(L({ ...H.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      z.value ? (s(), M(lt, {
+      z.value ? (s(), U(ot, {
         key: 6,
         hideDetails: "",
         config: {
@@ -638,28 +638,28 @@ const at = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, it = ["id"], nt =
         }
       }, {
         content: b(() => [
-          Y(Ze, {
-            colNames: B.value.colNames,
-            head: B.value.head,
-            body: B.value.body,
-            config: B.value.config,
+          q(et, {
+            colNames: O.value.colNames,
+            head: O.value.head,
+            body: O.value.body,
+            config: O.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] = (t) => w.value.showTable = !1)
           }, {
             th: b(({ th: t }) => [
-              Re(R(t), 1)
+              Ve(R(t), 1)
             ]),
             td: b(({ td: t }) => [
-              n("div", { innerHTML: t }, null, 8, Vt)
+              n("div", { innerHTML: t }, null, 8, It)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"])
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 14, at));
+    ], 14, st));
   }
-}, qt = /* @__PURE__ */ ot(It, [["__scopeId", "data-v-6b386f48"]]);
+}, Jt = /* @__PURE__ */ at(Bt, [["__scopeId", "data-v-1e4cee2b"]]);
 export {
-  qt as default
+  Jt as default
 };