vue-data-ui 3.9.12 → 3.9.13

package/dist/{vue-ui-candlestick-DBG1mW60.js → vue-ui-candlestick-BDOKQqMm.js}

@@ -1,26 +1,26 @@
-import { defineAsyncComponent as j, computed as d, ref as y, toRefs as Dl, watch as se, shallowRef as kt, onMounted as Ml, onBeforeUnmount as Ee, watchEffect as Il, nextTick as wt, createElementBlock as i, openBlock as u, normalizeStyle as ue, normalizeClass as V, createBlock as Z, createCommentVNode as m, createElementVNode as g, createVNode as Re, unref as h, withCtx as b, renderSlot as x, normalizeProps as T, guardReactiveProps as D, createSlots as Ct, Fragment as z, renderList as M, toDisplayString as ie, mergeProps as At, resolveDynamicComponent as Bl, createTextVNode as $t } from "vue";
-import { c as El, t as Rl, a0 as ge, o as Ft, g as J, M as Ol, T as H, R as Pl, d as U, X as Nl, h as fe, s as Vl, a1 as _t, u as Ul, q as Wl, x as Xl, Z as jl } from "./lib-W9waxHL3.js";
+import { defineAsyncComponent as j, computed as d, ref as y, toRefs as Dl, watch as se, shallowRef as kt, onMounted as Il, onBeforeUnmount as Ee, watchEffect as Ml, nextTick as wt, createElementBlock as i, openBlock as u, normalizeStyle as ue, normalizeClass as V, createBlock as J, createCommentVNode as m, createElementVNode as g, createVNode as Re, unref as h, withCtx as b, renderSlot as x, normalizeProps as T, guardReactiveProps as D, createSlots as Ct, Fragment as z, renderList as I, toDisplayString as ie, mergeProps as At, resolveDynamicComponent as Bl, createTextVNode as $t } from "vue";
+import { c as El, t as Rl, a1 as ge, o as Ft, g as K, N as Ol, U as H, S as Pl, d as U, X as Nl, h as fe, s as Vl, a2 as _t, v as Ul, r as Wl, y as Xl, _ as jl } from "./lib-BwysEpWI.js";
 import { t as zt, u as Hl } from "./useResponsive-DfdjqQps.js";
-import { u as Gl, a as Oe } from "./useNestedProp-D-jUHecl.js";
-import { u as ql } from "./usePrinter-DhoMn87n.js";
-import { u as Yl, B as Zl } from "./BaseScanner-BMpwQAfz.js";
-import { u as Lt, a as Jl, l as Kl } from "./useTimeLabels-DKoynYae.js";
-import { u as Ql } from "./useSvgExport-ByUukOZt.js";
+import { u as Gl, a as Oe } from "./useNestedProp--5lL-kf1.js";
+import { u as ql } from "./usePrinter-BJzHDpYF.js";
+import { u as Yl, B as Jl } from "./BaseScanner-BMpwQAfz.js";
+import { u as Lt, a as Kl, l as Ql } from "./useTimeLabels-DKoynYae.js";
+import { u as Zl } from "./useSvgExport-ByUukOZt.js";
 import { u as eo } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as to } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as lo } from "./useChartAccessibility-9icAAmYg.js";
 import { u as oo } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ao from "./img-BJzUSmkm.js";
-import so from "./Title-DFtCaCah.js";
-import { S as uo } from "./SlicerPreview-pHjYklxh.js";
+import ao from "./img-DKigoPDs.js";
+import so from "./Title-BhURirpm.js";
+import { S as uo } from "./SlicerPreview-oV3dMuV1.js";
 import { _ as io } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { selector: { color: "#CCCCCC" }, grid: { stroke: "#5A5A5A", xAxis: { dataLabels: { color: "#CCCCCC" } }, yAxis: { dataLabels: { color: "#CCCCCC" } } }, wick: { stroke: "#5A5A5A", extremity: { color: "#5A5A5A" } }, candle: { stroke: "#1A1A1A" } }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Tt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { selector: { color: "#424242" }, grid: { stroke: "#5D4037", xAxis: { dataLabels: { color: "#424242" } }, yAxis: { dataLabels: { color: "#424242" } } }, wick: { stroke: "#5D4037", extremity: { color: "#5D4037" } }, candle: { stroke: "#FFF8E1", colors: { bullish: "#D32F2F", bearish: "#F57C00" }, gradient: { show: !1 } } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Dt = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { selector: { color: "#FFF8E1" }, grid: { stroke: "#5D4037", xAxis: { dataLabels: { color: "#BDBDBD" } }, yAxis: { dataLabels: { color: "#BDBDBD" } } }, wick: { stroke: "#BDBDBD", extremity: { color: "#BDBDBD" } }, candle: { stroke: "#1E1E1E", colors: { bullish: "#D32F2F", bearish: "#F57C00" }, gradient: { show: !1 } } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Mt = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { selector: { color: "#7DA9B5" }, grid: { stroke: "#334C33", xAxis: { dataLabels: { color: "#99CC99" } }, yAxis: { dataLabels: { color: "#99CC99" } } }, wick: { stroke: "#334C33", extremity: { color: "#334C33" } }, candle: { stroke: "#1A1A1A", colors: { bullish: "#00FF00", bearish: "#334C33" }, gradient: { show: !1 } } }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, It = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { selector: { color: "#8F837A" }, grid: { stroke: "transparent", xAxis: { dataLabels: { color: "#8A9892" } }, yAxis: { dataLabels: { color: "#8A9892" } } }, wick: { stroke: "#D7E0D2", extremity: { shape: "circle", size: 2, color: "#C5B8A7" } }, candle: { stroke: "#fbfafa", colors: { bullish: "#A0AC94", bearish: "#C09E85" }, gradient: { show: !0 } } }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Bt = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { selector: { color: "#7DA9B5" }, grid: { stroke: "#334C33", xAxis: { dataLabels: { color: "#61747E" } }, yAxis: { dataLabels: { color: "#61747E" } } }, wick: { stroke: "#61747E", extremity: { color: "#61747E" } }, candle: { stroke: "#1A1A1A", colors: { bullish: "#92B0AB", bearish: "#EFECEC" }, gradient: { show: !1 } } }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Et = {
+const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { selector: { color: "#CCCCCC" }, grid: { stroke: "#5A5A5A", xAxis: { dataLabels: { color: "#CCCCCC" } }, yAxis: { dataLabels: { color: "#CCCCCC" } } }, wick: { stroke: "#5A5A5A", extremity: { color: "#5A5A5A" } }, candle: { stroke: "#1A1A1A" } }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Tt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { selector: { color: "#424242" }, grid: { stroke: "#5D4037", xAxis: { dataLabels: { color: "#424242" } }, yAxis: { dataLabels: { color: "#424242" } } }, wick: { stroke: "#5D4037", extremity: { color: "#5D4037" } }, candle: { stroke: "#FFF8E1", colors: { bullish: "#D32F2F", bearish: "#F57C00" }, gradient: { show: !1 } } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Dt = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { selector: { color: "#FFF8E1" }, grid: { stroke: "#5D4037", xAxis: { dataLabels: { color: "#BDBDBD" } }, yAxis: { dataLabels: { color: "#BDBDBD" } } }, wick: { stroke: "#BDBDBD", extremity: { color: "#BDBDBD" } }, candle: { stroke: "#1E1E1E", colors: { bullish: "#D32F2F", bearish: "#F57C00" }, gradient: { show: !1 } } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, It = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { selector: { color: "#7DA9B5" }, grid: { stroke: "#334C33", xAxis: { dataLabels: { color: "#99CC99" } }, yAxis: { dataLabels: { color: "#99CC99" } } }, wick: { stroke: "#334C33", extremity: { color: "#334C33" } }, candle: { stroke: "#1A1A1A", colors: { bullish: "#00FF00", bearish: "#334C33" }, gradient: { show: !1 } } }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Mt = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { selector: { color: "#8F837A" }, grid: { stroke: "transparent", xAxis: { dataLabels: { color: "#8A9892" } }, yAxis: { dataLabels: { color: "#8A9892" } } }, wick: { stroke: "#D7E0D2", extremity: { shape: "circle", size: 2, color: "#C5B8A7" } }, candle: { stroke: "#fbfafa", colors: { bullish: "#A0AC94", bearish: "#C09E85" }, gradient: { show: !0 } } }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Bt = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { selector: { color: "#7DA9B5" }, grid: { stroke: "#334C33", xAxis: { dataLabels: { color: "#61747E" } }, yAxis: { dataLabels: { color: "#61747E" } } }, wick: { stroke: "#61747E", extremity: { color: "#61747E" } }, candle: { stroke: "#1A1A1A", colors: { bullish: "#92B0AB", bearish: "#EFECEC" }, gradient: { show: !1 } } }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Et = {
   default: {},
   dark: St,
   celebration: Tt,
   celebrationNight: Dt,
-  hack: Mt,
-  zen: It,
+  hack: It,
+  zen: Mt,
   concrete: Bt
 }, va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -29,9 +29,9 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
   concrete: Bt,
   dark: St,
   default: Et,
-  hack: Mt,
-  zen: It
-}, Symbol.toStringTag, { value: "Module" })), no = ["id"], ro = ["xmlns", "aria-label", "viewBox"], co = ["x", "y", "width", "height"], vo = { key: 1 }, yo = ["id"], ho = ["stop-color"], mo = ["stop-color"], go = ["stop-color"], fo = ["id"], po = ["stop-color"], bo = ["stop-color"], xo = ["stop-color"], ko = { key: 0 }, wo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Co = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ao = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], $o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zo = ["x", "y", "font-size", "fill", "font-weight"], Lo = ["transform", "text-anchor", "font-size", "fill", "font-weight"], So = ["transform", "text-anchor", "font-size", "fill", "font-weight"], To = ["x", "y", "width", "height", "fill", "rx"], Do = { key: 0 }, Mo = ["cx", "cy", "r", "fill"], Io = ["cx", "cy", "r", "fill"], Bo = { key: 1 }, Eo = ["x", "y", "width", "height", "rx", "fill"], Ro = ["x", "y", "width", "height", "fill", "rx"], Oo = ["x", "y", "height", "width", "fill", "rx"], Po = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], No = ["d", "stroke"], Vo = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Uo = ["data-start", "data-end"], Wo = {
+  hack: It,
+  zen: Mt
+}, Symbol.toStringTag, { value: "Module" })), no = ["id"], ro = ["xmlns", "aria-label", "viewBox"], co = ["x", "y", "width", "height"], vo = { key: 1 }, yo = ["id"], ho = ["stop-color"], mo = ["stop-color"], go = ["stop-color"], fo = ["id"], po = ["stop-color"], bo = ["stop-color"], xo = ["stop-color"], ko = { key: 0 }, wo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Co = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ao = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], $o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zo = ["x", "y", "font-size", "fill", "font-weight"], Lo = ["transform", "text-anchor", "font-size", "fill", "font-weight"], So = ["transform", "text-anchor", "font-size", "fill", "font-weight"], To = ["x", "y", "width", "height", "fill", "rx"], Do = { key: 0 }, Io = ["cx", "cy", "r", "fill"], Mo = ["cx", "cy", "r", "fill"], Bo = { key: 1 }, Eo = ["x", "y", "width", "height", "rx", "fill"], Ro = ["x", "y", "width", "height", "fill", "rx"], Oo = ["x", "y", "height", "width", "fill", "rx"], Po = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], No = ["d", "stroke"], Vo = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Uo = ["data-start", "data-end"], Wo = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Xo = ["d", "stroke"], jo = ["d", "stroke", "stroke-width"], Ho = ["innerHTML"], Go = {
@@ -56,7 +56,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
   },
   emits: ["selectX"],
   setup(Rt, { expose: Ot, emit: Pt }) {
-    const Nt = j(() => import("./BaseIcon-r3_sTK1A.js")), Vt = j(() => import("./Tooltip-B79qvriT.js")), Ut = j(() => import("./vue-ui-accordion-B6BX2vhq.js")), Wt = j(() => import("./DataTable-DNeCys3I.js")), Xt = j(() => import("./PenAndPaper-CsqBamFZ.js")), jt = j(() => import("./UserOptions-B-2A_KRb.js")), Ht = j(() => import("./PackageVersion-BpArR90N.js")), Gt = j(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_candlestick: qt } = Gl(), { isThemeValid: Yt, warnInvalidTheme: Zt } = eo(), f = Rt, Pe = Pt, pe = d(() => !!f.dataset && f.dataset.length), E = y(!1), be = y(null), I = y(El()), xe = y(!1), ke = y(""), R = y(void 0), Ne = y(0), O = y(null), Ve = y(null), Ue = y(null), Q = y(null), We = y(null), Xe = y(null), Jt = y(0), je = y(0), He = y(0), we = y(null), ee = y(null), te = y(null), Ce = y(null), Ge = y(null), e = y(_e()), { loading: P, FINAL_DATASET: k, manualLoading: Ae } = Yl({
+    const Nt = j(() => import("./BaseIcon-4i3dd7Ty.js")), Vt = j(() => import("./Tooltip-TDyKgLB6.js")), Ut = j(() => import("./vue-ui-accordion-tQNKwbVi.js")), Wt = j(() => import("./DataTable-WrXCJkfE.js")), Xt = j(() => import("./PenAndPaper-DxIUvoQ8.js")), jt = j(() => import("./UserOptions-CzJWRC4s.js")), Ht = j(() => import("./PackageVersion-D3cMhAlf.js")), Gt = j(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_candlestick: qt } = Gl(), { isThemeValid: Yt, warnInvalidTheme: Jt } = eo(), f = Rt, Pe = Pt, pe = d(() => !!f.dataset && f.dataset.length), E = y(!1), be = y(null), M = y(El()), xe = y(!1), ke = y(""), R = y(void 0), Ne = y(0), O = y(null), Ve = y(null), Ue = y(null), Z = y(null), We = y(null), Xe = y(null), Kt = y(0), je = y(0), He = y(0), we = y(null), ee = y(null), te = y(null), Ce = y(null), Ge = y(null), e = y(_e()), { loading: P, FINAL_DATASET: k, manualLoading: Ae } = Yl({
       ...Dl(f),
       FINAL_CONFIG: e,
       prepareConfig: _e,
@@ -127,10 +127,10 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         }
       })
     }), { userOptionsVisible: $e, setUserOptionsVisibility: qe, keepUserOptionState: Ye } = to({ config: e.value }), { svgRef: Fe } = lo({ config: e.value.style.title });
-    function Kt() {
+    function Qt() {
       qe(!0);
     }
-    function Qt() {
+    function Zt() {
       qe(!1), Pe("selectX", { seriesIndex: null, datapoint: null }), R.value = null;
     }
     function _e() {
@@ -142,7 +142,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       const l = t.theme;
       if (l)
         if (!Yt.value(t))
-          Zt(t), o = t;
+          Jt(t), o = t;
         else {
           const a = Oe({
             userConfig: Et[l] || f.config,
@@ -160,7 +160,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       return f.config && ge(f.config, "style.zoom.startIndex") ? o.style.zoom.startIndex = f.config.style.zoom.startIndex : o.style.zoom.startIndex = null, f.config && ge(f.config, "style.zoom.endIndex") ? o.style.zoom.endIndex = f.config.style.zoom.endIndex : o.style.zoom.endIndex = null, f.config && ge(f.config, "style.layout.grid.yAxis.scale.min") ? o.style.layout.grid.yAxis.scale.min = f.config.style.layout.grid.yAxis.scale.min : o.style.layout.grid.yAxis.scale.min = null, f.config && ge(f.config, "style.layout.grid.yAxis.scale.max") ? o.style.layout.grid.yAxis.scale.max = f.config.style.layout.grid.yAxis.scale.max : o.style.layout.grid.yAxis.scale.max = null, o;
     }
     se(() => f.config, (t) => {
-      P.value || (e.value = _e()), $e.value = !e.value.userOptions.showOnChartHover, Ze(), Jt.value += 1, He.value += 1, je.value += 1, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.tooltip.show, ne();
+      P.value || (e.value = _e()), $e.value = !e.value.userOptions.showOnChartHover, Je(), Kt.value += 1, He.value += 1, je.value += 1, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.tooltip.show, ne();
     }, { deep: !0 }), se(() => f.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (Ae.value = !1), vt();
     }, { deep: !0 });
@@ -169,13 +169,13 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       width: e.value.style.width,
       xAxisFontSize: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
       yAxisFontSize: e.value.style.layout.grid.yAxis.dataLabels.fontSize
-    }), W = kt(null), K = kt(null);
-    Ml(() => {
-      Ze();
+    }), W = kt(null), Q = kt(null);
+    Il(() => {
+      Je();
     });
     const G = d(() => !!e.value.debug);
-    function Ze() {
-      if (Ft(f.dataset) && (J({
+    function Je() {
+      if (Ft(f.dataset) && (K({
         componentName: "VueUiCandlestick",
         type: "dataset",
         debug: G.value
@@ -187,7 +187,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           const { width: l, height: a } = Hl({
             chart: O.value,
             title: e.value.style.title.text ? Ve.value : null,
-            slicer: e.value.style.zoom.show && A.value > 6 ? Q.value.$el : null,
+            slicer: e.value.style.zoom.show && A.value > 6 ? Z.value.$el : null,
             legend: Ue.value,
             source: We.value,
             noTitle: Xe.value
@@ -210,15 +210,15 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             }, 10);
           });
         });
-        W.value && (K.value && W.value.unobserve(K.value), W.value.disconnect()), W.value = new ResizeObserver(o), K.value = O.value.parentNode, W.value.observe(K.value);
+        W.value && (Q.value && W.value.unobserve(Q.value), W.value.disconnect()), W.value = new ResizeObserver(o), Q.value = O.value.parentNode, W.value.observe(Q.value);
       }
       de();
     }
     Ee(() => {
-      W.value && (K.value && W.value.unobserve(K.value), W.value.disconnect());
+      W.value && (Q.value && W.value.unobserve(Q.value), W.value.disconnect());
     });
-    const { isPrinting: Je, isImaging: Ke, generatePdf: Qe, generateImage: et } = ql({
-      elementId: `vue-ui-candlestick_${I.value}`,
+    const { isPrinting: Ke, isImaging: Qe, generatePdf: Ze, generateImage: et } = ql({
+      elementId: `vue-ui-candlestick_${M.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick",
       options: e.value.userOptions.print
     }), el = d(() => e.value.userOptions.show && !e.value.style.title.text), L = y({
@@ -227,7 +227,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     }), ze = y(0), tl = zt((t) => {
       ze.value = t;
     }, 100);
-    Il((t) => {
+    Ml((t) => {
       const o = ee.value;
       if (!o) return;
       const l = new ResizeObserver((a) => {
@@ -286,43 +286,43 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     }
     function ne() {
       let t = Math.max(0, Math.min(r.value.start ?? 0, A.value - 1)), o = Math.max(t + 1, Math.min(r.value.end ?? A.value, A.value));
-      (!Number.isFinite(t) || !Number.isFinite(o) || o <= t) && (t = 0, o = A.value), r.value.start = t, r.value.end = o, C.value.start = t, C.value.end = o, Q.value && (Q.value.setStartValue(t), Q.value.setEndValue(o));
+      (!Number.isFinite(t) || !Number.isFinite(o) || o <= t) && (t = 0, o = A.value), r.value.start = t, r.value.end = o, C.value.start = t, C.value.end = o, Z.value && (Z.value.setStartValue(t), Z.value.setEndValue(o));
     }
     const at = d(() => k.value.map((t, o) => ({
       ...t,
       absoluteIndex: o
     }))), st = d(() => at.value.slice(r.value.start, r.value.end)), F = d(() => (k.value.forEach((t, o) => {
-      [null, void 0].includes(t[0]) && J({
+      [null, void 0].includes(t[0]) && K({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "period (index 0)",
         index: o,
         debug: G.value
-      }), [null, void 0].includes(t[1]) && J({
+      }), [null, void 0].includes(t[1]) && K({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "open (index 1)",
         index: o,
         debug: G.value
-      }), [null, void 0].includes(t[2]) && J({
+      }), [null, void 0].includes(t[2]) && K({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "high (index 2)",
         index: o,
         debug: G.value
-      }), [null, void 0].includes(t[3]) && J({
+      }), [null, void 0].includes(t[3]) && K({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "low (index 3)",
         index: o,
         debug: G.value
-      }), [null, void 0].includes(t[4]) && J({
+      }), [null, void 0].includes(t[4]) && K({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "close (index 4)",
         index: o,
         debug: G.value
-      }), [null, void 0].includes(t[5]) && J({
+      }), [null, void 0].includes(t[5]) && K({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
         property: "volume (index 5)",
@@ -375,7 +375,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         c: Math.min(...F.value.map((s) => s.low))
       }, l = Math.max(...F.value.map((s) => s.volume)), a = Math.min(...F.value.map((s) => s.volume));
       return F.value.map((s, c) => {
-        const w = re(s.open, c, t.o, o.o), S = re(s.high, c, t.h, o.h), _ = re(s.low, c, t.l, o.l), X = re(s.close, c, t.c, o.c), Y = s.close > s.open, me = s.volume === l, Me = s.volume === a;
+        const w = re(s.open, c, t.o, o.o), S = re(s.high, c, t.h, o.h), _ = re(s.low, c, t.l, o.l), X = re(s.close, c, t.c, o.c), Y = s.close > s.open, me = s.volume === l, Ie = s.volume === a;
         return {
           period: s.period,
           open: w,
@@ -386,7 +386,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           isBullish: Y,
           absoluteIndex: s.absoluteIndex,
           isMaxVolume: me,
-          isMinVolume: Me
+          isMinVolume: Ie
         };
       });
     });
@@ -439,9 +439,9 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       const t = e.value.style.layout.grid.xAxis.dataLabels.modulo;
       return N.value.length ? Math.min(t, [...new Set(N.value.map((o) => o.text))].length) : t;
     }), rt = d(() => {
-      const t = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, o = Jl({
+      const t = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, o = Kl({
         useUTC: t.useUTC,
-        locale: Kl[t.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
+        locale: Ql[t.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
         januaryAsYear: t.januaryAsYear
       });
       return (l, a) => {
@@ -509,10 +509,10 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         });
       else if (e.value.style.tooltip.show) {
         let a = "";
-        const { period: s, open: c, high: w, low: S, close: _, volume: X, isBullish: Y } = $.value[t], { period: me, open: Me, high: _l, low: zl, close: Ll, volume: Sl } = e.value.translations, Tl = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? e.value.style.tooltip.useDefaultTimeFormat ? N.value[t].text : cl.value[t].text : s;
+        const { period: s, open: c, high: w, low: S, close: _, volume: X, isBullish: Y } = $.value[t], { period: me, open: Ie, high: _l, low: zl, close: Ll, volume: Sl } = e.value.translations, Tl = e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? e.value.style.tooltip.useDefaultTimeFormat ? N.value[t].text : cl.value[t].text : s;
         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 ? Y ? `url(#bullish_gradient_${I.value})` : `url(#bearish_gradient_${I.value})` : Y ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${Tl}</div>`, a += `${Sl} : <b>${isNaN(X) ? "-" : Number(X.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}">`;
-        const Ie = U({
+                fill="${e.value.style.layout.candle.gradient.show ? Y ? `url(#bullish_gradient_${M.value})` : `url(#bearish_gradient_${M.value})` : Y ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg>${Tl}</div>`, a += `${Sl} : <b>${isNaN(X) ? "-" : Number(X.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}">`;
+        const Me = U({
           p: e.value.style.tooltip.prefix,
           v: c.value,
           s: e.value.style.tooltip.suffix,
@@ -540,12 +540,12 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                             ${o.isBullish ? `
                                 <line x1="45" x2="50" y1="65" y2="65" stroke="${e.value.style.layout.candle.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
                                 <line x1="50" x2="55" y1="35" y2="35" stroke="${e.value.style.layout.candle.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
-                                <text x="38" y="70" text-anchor="end" fill="${e.value.style.tooltip.color}">${Ie}</text>
+                                <text x="38" y="70" text-anchor="end" fill="${e.value.style.tooltip.color}">${Me}</text>
                                 <text x="62" y="40" text-anchor="start" fill="${e.value.style.tooltip.color}">${Be}</text>
                             ` : `
                                 <line x1="45" x2="50" y1="35" y2="35" stroke="${e.value.style.layout.candle.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
                                 <line x1="50" x2="55" y1="65" y2="65" stroke="${e.value.style.layout.candle.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
-                                <text x="40" y="40" text-anchor="end" fill="${e.value.style.tooltip.color}">${Ie}</text>
+                                <text x="40" y="40" text-anchor="end" fill="${e.value.style.tooltip.color}">${Me}</text>
                                 <text x="60" y="70" text-anchor="start" fill="${e.value.style.tooltip.color}">${Be}</text>
                             `}
                             <text x="50" y="13" text-anchor="middle" fill="${e.value.style.tooltip.color}">${bt}</text>
@@ -553,7 +553,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                         <g>
                     </svg>
                     <div>
-                ` : (a += `<div>${Me}: <b>${Ie}</b></div>`, a += `<div>${_l}: <b>${bt}</b></div>`, a += `<div>${zl}: <b>${xt}</b></div>`, a += `<div>${Ll}: <b>${Be}</b></div>`), a += "</div>", ke.value = `<div style="text-align:right">${a}</div>`;
+                ` : (a += `<div>${Ie}: <b>${Me}</b></div>`, a += `<div>${_l}: <b>${bt}</b></div>`, a += `<div>${zl}: <b>${xt}</b></div>`, a += `<div>${Ll}: <b>${Be}</b></div>`), a += "</div>", ke.value = `<div style="text-align:right">${a}</div>`;
       }
       xe.value = !0;
     }
@@ -626,7 +626,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           r: e.value.table.td.roundingValue
         });
         return [
-          `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${e.value.style.layout.candle.borderRadius * 3}" fill="${e.value.style.layout.candle.gradient.show ? a.isBullish ? `url(#bullish_gradient_${I.value}` : `url(#bearish_gradient_${I.value})` : a.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${c}`,
+          `<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 ? a.isBullish ? `url(#bullish_gradient_${M.value}` : `url(#bearish_gradient_${M.value})` : a.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish}"/></svg> ${c}`,
           w,
           S,
           _,
@@ -734,7 +734,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     function ft() {
       L.value.showTable = !1, Ce.value && Ce.value.setTableIconState(!1);
     }
-    const bl = d(() => e.value.style.backgroundColor), xl = d(() => e.value.style.title), { exportSvg: kl, getSvg: wl } = Ql({
+    const bl = d(() => e.value.style.backgroundColor), xl = d(() => e.value.style.title), { exportSvg: kl, getSvg: wl } = Zl({
       svg: Fe,
       title: xl,
       backgroundColor: bl
@@ -767,7 +767,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
     }
     return Ot({
       getImage: gl,
-      generatePdf: Qe,
+      generatePdf: Ze,
       generateCsv: Te,
       generateImage: et,
       generateSvg: pt,
@@ -780,11 +780,11 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
       ref: O,
       class: V(`vue-data-ui-component vue-ui-candlestick ${q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: ue(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
-      id: `vue-ui-candlestick_${I.value}`,
-      onMouseenter: Kt,
-      onMouseleave: Qt
+      id: `vue-ui-candlestick_${M.value}`,
+      onMouseenter: Qt,
+      onMouseleave: Zt
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), Z(h(Xt), {
+      e.value.userOptions.buttons.annotator ? (u(), J(h(Xt), {
         key: 0,
         svgRef: h(Fe),
         backgroundColor: e.value.style.backgroundColor,
@@ -825,7 +825,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         ref: Ve,
         style: "width:100%;background:transparent"
       }, [
-        (u(), Z(so, {
+        (u(), J(so, {
           key: `title_${He.value}`,
           config: {
             title: {
@@ -839,15 +839,15 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           }
         }, null, 8, ["config"]))
       ], 512)) : m("", !0),
-      e.value.userOptions.show && pe.value && (h(Ye) || h($e)) ? (u(), Z(h(jt), {
+      e.value.userOptions.show && pe.value && (h(Ye) || h($e)) ? (u(), J(h(jt), {
         ref_key: "userOptionsRef",
         ref: Ce,
         key: `user_options_${Ne.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: h(Ke),
-        isPrinting: h(Je),
-        uid: I.value,
+        isImaging: h(Qe),
+        isPrinting: h(Ke),
+        uid: M.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -866,7 +866,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: ht,
-        onGeneratePdf: h(Qe),
+        onGeneratePdf: h(Ze),
         onGenerateCsv: Te,
         onGenerateImage: h(et),
         onGenerateSvg: pt,
@@ -966,7 +966,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         $.value.length > 0 ? (u(), i("g", vo, [
           g("defs", null, [
             g("linearGradient", {
-              id: `bearish_gradient_${I.value}`,
+              id: `bearish_gradient_${M.value}`,
               x2: "0%",
               y2: "100%"
             }, [
@@ -984,7 +984,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
               }, null, 8, go)
             ], 8, yo),
             g("linearGradient", {
-              id: `bullish_gradient_${I.value}`,
+              id: `bullish_gradient_${M.value}`,
               x2: "0%",
               y2: "100%"
             }, [
@@ -1021,7 +1021,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
               "stroke-width": e.value.style.layout.grid.strokeWidth,
               "stroke-linecap": "round"
             }, null, 8, Co),
-            e.value.style.layout.grid.horizontalLines.show ? (u(!0), i(z, { key: 0 }, M(it.value, (l) => (u(), i("line", {
+            e.value.style.layout.grid.horizontalLines.show ? (u(!0), i(z, { key: 0 }, I(it.value, (l) => (u(), i("line", {
               x1: n.value.left,
               x2: n.value.right,
               y1: l.y,
@@ -1031,7 +1031,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
               "stroke-dasharray": e.value.style.layout.grid.horizontalLines.strokeDasharray,
               "stroke-linecap": "round"
             }, null, 8, Ao))), 256)) : m("", !0),
-            e.value.style.layout.grid.verticalLines.show ? (u(!0), i(z, { key: 1 }, M(Le.value, (l, a) => (u(), i("g", null, [
+            e.value.style.layout.grid.verticalLines.show ? (u(!0), i(z, { key: 1 }, I(Le.value, (l, a) => (u(), i("g", null, [
               l.text ? (u(), i("line", {
                 key: 0,
                 x1: n.value.left + v.value * a + v.value / 2,
@@ -1044,7 +1044,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                 "stroke-linecap": "round"
               }, null, 8, $o)) : m("", !0)
             ]))), 256)) : m("", !0),
-            e.value.style.layout.grid.xAxis.ticks.show ? (u(!0), i(z, { key: 2 }, M(Le.value, (l, a) => (u(), i("g", null, [
+            e.value.style.layout.grid.xAxis.ticks.show ? (u(!0), i(z, { key: 2 }, I(Le.value, (l, a) => (u(), i("g", null, [
               l.text ? (u(), i("line", {
                 key: 0,
                 x1: n.value.left + v.value * a + v.value / 2,
@@ -1062,7 +1062,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             ref_key: "scaleLabels",
             ref: we
           }, [
-            (u(!0), i(z, null, M(it.value, (l, a) => (u(), i("g", null, [
+            (u(!0), i(z, null, I(it.value, (l, a) => (u(), i("g", null, [
               l.value >= B.value.min && l.value <= B.value.max ? (u(), i("line", {
                 key: 0,
                 x1: n.value.left,
@@ -1094,7 +1094,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             ref_key: "timeLabelsEls",
             ref: ee
           }, [
-            (u(!0), i(z, null, M(nl.value, (l, a) => (u(), i("g", null, [
+            (u(!0), i(z, null, I(nl.value, (l, a) => (u(), i("g", null, [
               g("text", {
                 class: "vue-data-ui-time-label",
                 transform: `translate(${n.value.left + v.value * a + v.value / 2}, ${n.value.bottom + p.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
@@ -1110,7 +1110,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             ref_key: "timeLabelsEls",
             ref: ee
           }, [
-            (u(!0), i(z, null, M(Le.value, (l, a) => (u(), i("g", null, [
+            (u(!0), i(z, null, I(Le.value, (l, a) => (u(), i("g", null, [
               g("text", {
                 class: "vue-data-ui-time-label",
                 transform: `translate(${n.value.left + v.value * a + v.value / 2}, ${n.value.bottom + p.value.xAxisFontSize * 1.5}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
@@ -1123,7 +1123,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           ], 512)) : m("", !0),
           e.value.type === "candlestick" ? (u(), i(z, { key: 4 }, [
             g("g", null, [
-              (u(!0), i(z, null, M($.value, (l, a) => (u(), i("g", null, [
+              (u(!0), i(z, null, I($.value, (l, a) => (u(), i("g", null, [
                 g("rect", {
                   x: l.open.x - e.value.style.layout.wick.strokeWidth / 2,
                   y: l.high.y,
@@ -1141,14 +1141,14 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                     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: V({ "vue-data-ui-transition": E.value && !h(P) })
-                  }, null, 10, Mo),
+                  }, null, 10, Io),
                   g("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: V({ "vue-data-ui-transition": E.value && !h(P) })
-                  }, null, 10, Io)
+                  }, null, 10, Mo)
                 ])) : m("", !0),
                 e.value.style.layout.wick.extremity.shape === "line" ? (u(), i("g", Bo, [
                   g("rect", {
@@ -1175,7 +1175,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
               ]))), 256))
             ]),
             g("g", null, [
-              (u(!0), i(z, null, M($.value, (l, a) => (u(), i("rect", {
+              (u(!0), i(z, null, I($.value, (l, a) => (u(), i("rect", {
                 x: l.open.x - v.value / 2 + v.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
                 y: l.isBullish ? l.close.y : l.open.y,
                 height: Math.abs(l.close.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.close.y - l.open.y),
@@ -1185,12 +1185,12 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
                 stroke: "none",
                 class: V({ "vue-data-ui-transition": E.value && !h(P) })
               }, null, 10, Oo))), 256)),
-              (u(!0), i(z, null, M($.value, (l, a) => (u(), i("rect", {
+              (u(!0), i(z, null, I($.value, (l, a) => (u(), i("rect", {
                 x: l.open.x - v.value / 2 + v.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
                 y: l.isBullish ? l.close.y : l.open.y,
                 height: Math.abs(l.close.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.close.y - l.open.y),
                 width: v.value * e.value.style.layout.candle.widthRatio <= 0 ? 1e-4 : v.value * e.value.style.layout.candle.widthRatio,
-                fill: l.isBullish ? e.value.style.layout.candle.gradient.show ? `url(#bullish_gradient_${I.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${I.value})` : e.value.style.layout.candle.colors.bearish,
+                fill: l.isBullish ? e.value.style.layout.candle.gradient.show ? `url(#bullish_gradient_${M.value})` : e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.gradient.show ? `url(#bearish_gradient_${M.value})` : e.value.style.layout.candle.colors.bearish,
                 rx: e.value.style.layout.candle.borderRadius,
                 stroke: e.value.style.layout.candle.stroke,
                 "stroke-width": e.value.style.layout.candle.strokeWidth,
@@ -1200,7 +1200,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
               }, null, 10, Po))), 256))
             ])
           ], 64)) : m("", !0),
-          e.value.type === "ohlc" ? (u(!0), i(z, { key: 5 }, M($.value, (l, a) => (u(), i("g", null, [
+          e.value.type === "ohlc" ? (u(!0), i(z, { key: 5 }, I($.value, (l, a) => (u(), i("g", null, [
             g("path", {
               d: `M ${l.high.x},${l.high.y} ${l.low.x},${l.low.y} M${l.open.x - Math.min(6, v.value / 3)},${l.open.y} ${l.open.x},${l.open.y} M${l.close.x},${l.close.y} ${l.close.x + Math.min(6, v.value / 3)},${l.close.y}`,
               stroke: l.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
@@ -1208,7 +1208,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
             }, null, 8, No)
           ]))), 256)) : m("", !0),
           g("g", null, [
-            (u(!0), i(z, null, M($.value, (l, a) => (u(), i("rect", {
+            (u(!0), i(z, null, I($.value, (l, a) => (u(), i("rect", {
               x: n.value.left + a * v.value,
               y: n.value.top,
               height: n.value.height <= 0 ? 1e-4 : n.value.height,
@@ -1233,12 +1233,12 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         }, void 0, !0)
       ], 14, ro)),
       t.$slots.watermark ? (u(), i("div", Wo, [
-        x(t.$slots, "watermark", T(D({ isPrinting: h(Je) || h(Ke) })), void 0, !0)
+        x(t.$slots, "watermark", T(D({ isPrinting: h(Ke) || h(Qe) })), void 0, !0)
       ])) : m("", !0),
-      e.value.style.zoom.show && A.value > 6 && pe.value && dt.value ? (u(), Z(uo, {
+      e.value.style.zoom.show && A.value > 6 && pe.value && dt.value ? (u(), J(uo, {
         key: 5,
         ref_key: "chartSlicer",
-        ref: Q,
+        ref: Z,
         allMinimaps: ul.value,
         background: e.value.style.zoom.color,
         borderColor: e.value.style.backgroundColor,
@@ -1291,7 +1291,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           x(t.$slots, "reset-action", T(D({ reset: l })), void 0, !0)
         ]),
         slotMap: b(({ height: l, unitW: a }) => [
-          (u(!0), i(z, null, M(sl.value({ minimapH: l, unitW: a }), (s, c) => (u(), i("g", null, [
+          (u(!0), i(z, null, I(sl.value({ minimapH: l, unitW: a }), (s, c) => (u(), i("g", null, [
             g("path", {
               d: `M ${s.high.x},${s.high.y} ${s.low.x},${s.low.y}`,
               stroke: s.isBullish ? e.value.style.layout.candle.colors.bullish : e.value.style.layout.candle.colors.bearish,
@@ -1354,13 +1354,13 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      pe.value && e.value.userOptions.buttons.table ? (u(), Z(Bl(ae.value.component), At({ key: 7 }, ae.value.props, {
+      pe.value && e.value.userOptions.buttons.table ? (u(), J(Bl(ae.value.component), At({ key: 7 }, ae.value.props, {
         ref_key: "tableUnit",
         ref: te,
         onClose: ft
       }), Ct({
         content: b(() => [
-          (u(), Z(h(Wt), {
+          (u(), J(h(Wt), {
             key: `table_${je.value}`,
             colNames: ye.value.colNames,
             head: ye.value.head,
@@ -1405,7 +1405,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      h(P) ? (u(), Z(Zl, { key: 8 })) : m("", !0)
+      h(P) ? (u(), J(Jl, { key: 8 })) : m("", !0)
     ], 46, no));
   }
 }, qo = /* @__PURE__ */ io(Go, [["__scopeId", "data-v-7a605f29"]]), da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({