vue-data-ui 3.19.9 → 3.20.0

package/dist/{vue-ui-candlestick-BeO06tlH.js → vue-ui-candlestick-CkApimw1.js}

@@ -1,23 +1,23 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, J as r, Mt as i, Rt as a, S as o, St as s, X as c, h as l, jt as ee, nt as te, pt as ne, s as re, t as ie, v as u, zt as ae } from "./lib-BkiwukKO.js";
-import { n as oe, r as se, t as ce } from "./useTimeLabels-C0x7zUXP.js";
-import { t as le } from "./useConfig-ByaaSKhz.js";
-import { t as ue } from "./usePrinter-X0yWOynH.js";
-import { n as de, t as fe } from "./BaseScanner-C7dmAref.js";
-import { t as pe } from "./useSvgExport-Dtu973wa.js";
-import { t as me } from "./useNestedProp-Ck4hsrpu.js";
-import { t as he } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as ge } from "./useTimeLabelCollider-Dm55Emzg.js";
-import { t as _e } from "./img-BjOr008R.js";
-import { n as ve } from "./Title-__gWq2g6.js";
-import { t as ye } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as be } from "./canvas-lib-DTaADQOK.js";
-import { t as xe } from "./useResponsive-CrAInupd.js";
-import { t as Se } from "./SlicerPreview-BU3ZeHjR.js";
-import { t as Ce } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as we } from "./useUserOptionState-CjPJPTg2.js";
-import { t as Te } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Ee } from "./vue_ui_candlestick-sY6UtOop.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Bt as t, Ct as n, G as r, H as i, J as a, Mt as o, Nt as s, S as c, X as l, h as ee, nt as te, pt as ne, s as re, t as ie, v as u, zt as ae } from "./lib-DUeYQsS0.js";
+import { n as oe, r as se, t as ce } from "./useTimeLabels-BmBRv27Y.js";
+import { t as le } from "./useConfig-DAyQk86L.js";
+import { t as ue } from "./usePrinter-C1Gqt_Sp.js";
+import { n as de, t as fe } from "./BaseScanner-Dr2a1Msy.js";
+import { t as pe } from "./useSvgExport-SVIsDot8.js";
+import { t as me } from "./useNestedProp-CNcoy38D.js";
+import { t as he } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as _e } from "./img-1cKsci8e.js";
+import { n as ve } from "./Title-NWp4qB4K.js";
+import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as be } from "./canvas-lib-BOP_HS11.js";
+import { t as xe } from "./useResponsive-BfnK0KxU.js";
+import { t as Se } from "./SlicerPreview-DdihbUSJ.js";
+import { t as Ce } from "./A11yDataTable-BCbtxMU6.js";
+import { t as we } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Te } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ee } from "./vue_ui_candlestick-J8jmJvxP.js";
 import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Ae, nextTick as je, normalizeClass as y, normalizeProps as b, normalizeStyle as Me, onBeforeUnmount as Ne, onMounted as Pe, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Fe, shallowRef as Ie, toDisplayString as T, toRefs as Le, unref as E, watch as Re, watchEffect as ze, withCtx as D } from "vue";
 //#region src/components/vue-ui-candlestick.vue
 var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue = { style: { position: "relative" } }, We = [
@@ -187,10 +187,10 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 	},
 	emits: ["selectX", "copyAlt"],
 	setup(e, { expose: ye, emit: Be }) {
-		let Ot = _(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), kt = _(() => import("./Tooltip-CuWEYGr3.js")), At = _(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), jt = _(() => import("./DataTable-DmE8Oo4i.js")), Mt = _(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Nt = _(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Pt = _(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_candlestick: It } = le(), { isThemeValid: Lt, warnInvalidTheme: Rt } = he(), O = e, zt = Be, Bt = f(() => !!O.dataset && O.dataset.length), k = S(!1), Vt = S(null), A = S(n()), Ht = S(!1), Ut = S(""), j = S(void 0), Wt = S(0), M = S(null), Gt = S(null), Kt = S(null), qt = S(null), Jt = S(null), Yt = S(null), Xt = S(0), Zt = S(0), Qt = S(0), $t = S(null), en = S(null), tn = S(null), nn = S(null), rn = S(null), an = S(!1), on = S(!1), N = S(null), sn = S({
+		let Ot = _(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), kt = _(() => import("./Tooltip-BENq327o.js")), At = _(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), jt = _(() => import("./DataTable-B--IN22e.js")), Mt = _(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Nt = _(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Pt = _(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_candlestick: It } = le(), { isThemeValid: Lt, warnInvalidTheme: Rt } = he(), O = e, zt = Be, Bt = f(() => !!O.dataset && O.dataset.length), k = S(!1), Vt = S(null), A = S(i()), Ht = S(!1), Ut = S(""), j = S(void 0), Wt = S(0), M = S(null), Gt = S(null), Kt = S(null), qt = S(null), Jt = S(null), Yt = S(null), Xt = S(0), Zt = S(0), Qt = S(0), $t = S(null), en = S(null), tn = S(null), nn = S(null), rn = S(null), an = S(!1), on = S(!1), N = S(null), sn = S({
 			x: 0,
 			y: 0
-		}), cn = S("pointer"), ln = S(!1), P = S(vn()), un = f(() => P.value.userOptions.useCursorPointer), dn = f(() => ae({
+		}), cn = S("pointer"), ln = S(!1), P = S(vn()), un = f(() => P.value.userOptions.useCursorPointer), dn = f(() => t({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -335,7 +335,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					5100
 				]
 			],
-			skeletonConfig: ae({
+			skeletonConfig: t({
 				defaultConfig: P.value,
 				userConfig: dn.value
 			})
@@ -384,11 +384,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		});
 		let V = f(() => !!P.value.debug);
 		function yn() {
-			if (s(O.dataset) && (c({
+			if (n(O.dataset) && (l({
 				componentName: "VueUiCandlestick",
 				type: "dataset",
 				debug: V.value
-			}), fn.value = !0), s(O.dataset) || (fn.value = P.value.loading), setTimeout(() => {
+			}), fn.value = !0), n(O.dataset) || (fn.value = P.value.loading), setTimeout(() => {
 				k.value = !0;
 			}, 10), P.value.responsive) {
 				let e = be(() => {
@@ -402,13 +402,13 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						noTitle: Yt.value
 					});
 					requestAnimationFrame(() => {
-						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = a({
+						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = ae({
 							relator: Math.min(e, t),
 							adjuster: P.value.style.width,
 							source: P.value.style.layout.grid.xAxis.dataLabels.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), R.value.yAxisFontSize = a({
+						}), R.value.yAxisFontSize = ae({
 							relator: Math.min(e, t),
 							adjuster: P.value.style.width,
 							source: P.value.style.layout.grid.yAxis.dataLabels.fontSize,
@@ -515,37 +515,37 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			...e,
 			absoluteIndex: t
 		}))), Pn = f(() => Nn.value.slice(K.value.start, K.value.end)), J = f(() => (I.value.forEach((e, t) => {
-			[null, void 0].includes(e[0]) && c({
+			[null, void 0].includes(e[0]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "period (index 0)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[1]) && c({
+			}), [null, void 0].includes(e[1]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "open (index 1)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[2]) && c({
+			}), [null, void 0].includes(e[2]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "high (index 2)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[3]) && c({
+			}), [null, void 0].includes(e[3]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "low (index 3)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[4]) && c({
+			}), [null, void 0].includes(e[4]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "close (index 4)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[5]) && c({
+			}), [null, void 0].includes(e[5]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "volume (index 5)",
@@ -571,7 +571,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		}))), Y = f(() => W.value.width / Pn.value.length), In = f(() => ({
 			max: P.value.style.layout.grid.yAxis.scale.max === null ? Math.max(...J.value.map((e) => e.high)) : P.value.style.layout.grid.yAxis.scale.max,
 			min: P.value.style.layout.grid.yAxis.scale.min === null ? 0 : P.value.style.layout.grid.yAxis.scale.min
-		})), X = f(() => l(In.value.min, In.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
+		})), X = f(() => ee(In.value.min, In.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
 		function Ln(e, t, n = null, r = null) {
 			return {
 				...e,
@@ -753,61 +753,61 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			let t = e - K.value.start;
 			t < 0 || e >= K.value.end ? j.value = null : j.value = t ?? null;
 		}, { immediate: !0 });
-		function ir(e, n, r = "pointer") {
+		function ir(e, t, n = "pointer") {
 			P.value.events.datapointEnter && P.value.events.datapointEnter({
-				datapoint: n,
+				datapoint: t,
 				seriesIndex: e + K.value.start
-			}), j.value = e, N.value = e, cn.value = r, tr.value = {
-				datapoint: n,
+			}), j.value = e, N.value = e, cn.value = n, tr.value = {
+				datapoint: t,
 				seriesIndex: e,
 				series: Z.value,
 				config: P.value
 			}, Mr({
 				seriesIndex: e,
-				datapoint: n
+				datapoint: t
 			});
 			let i = P.value.style.tooltip.customFormat;
 			if (ne(i) && te(() => i({
 				seriesIndex: e,
-				datapoint: n,
+				datapoint: t,
 				series: Z.value,
 				config: P.value
 			}))) Ut.value = i({
 				seriesIndex: e,
-				datapoint: n,
+				datapoint: t,
 				series: Z.value,
 				config: P.value
 			});
 			else if (P.value.style.tooltip.show) {
-				let r = "", { period: i, open: a, high: o, low: s, close: c, volume: l, isBullish: ee } = Z.value[e], { period: te, open: ne, high: re, low: ie, close: u, volume: ae } = P.value.translations, oe = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? P.value.style.tooltip.useDefaultTimeFormat ? Q.value[e].text : Zn.value[e].text : i;
-				r += `<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="${P.value.style.layout.candle.borderRadius * 3}" stroke="${P.value.style.layout.candle.stroke}" stroke-width="${P.value.style.layout.candle.strokeWidth}" 
-                fill="${P.value.style.layout.candle.gradient.show ? ee ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : ee ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg>${oe}</div>`, r += `${ae} : <b>${isNaN(l) ? "-" : Number(l.toFixed(P.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, r += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${P.value.style.tooltip.borderColor}">`;
-				let se = t({
+				let n = "", { period: i, open: a, high: o, low: s, close: c, volume: l, isBullish: ee } = Z.value[e], { period: te, open: ne, high: re, low: ie, close: u, volume: ae } = P.value.translations, oe = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? P.value.style.tooltip.useDefaultTimeFormat ? Q.value[e].text : Zn.value[e].text : i;
+				n += `<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="${P.value.style.layout.candle.borderRadius * 3}" stroke="${P.value.style.layout.candle.stroke}" stroke-width="${P.value.style.layout.candle.strokeWidth}" 
+                fill="${P.value.style.layout.candle.gradient.show ? ee ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : ee ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg>${oe}</div>`, n += `${ae} : <b>${isNaN(l) ? "-" : Number(l.toFixed(P.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, n += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${P.value.style.tooltip.borderColor}">`;
+				let se = r({
 					p: P.value.style.tooltip.prefix,
 					v: a.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), ce = t({
+				}), ce = r({
 					p: P.value.style.tooltip.prefix,
 					v: o.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), le = t({
+				}), le = r({
 					p: P.value.style.tooltip.prefix,
 					v: s.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), ue = t({
+				}), ue = r({
 					p: P.value.style.tooltip.prefix,
 					v: c.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
 				});
-				P.value.style.tooltip.showChart ? r += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
+				P.value.style.tooltip.showChart ? n += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
                     <svg viewBox="0 0 100 100" width="100px" style="background: transparent; overflow: visible">
                         <g>
-                            <line x1="50" x2="50" y1="20" y2="80" stroke="${n.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}" stroke-width="2" stroke-linecap="round" />
-                            ${n.isBullish ? `
+                            <line x1="50" x2="50" y1="20" y2="80" stroke="${t.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}" stroke-width="2" stroke-linecap="round" />
+                            ${t.isBullish ? `
                                 <line x1="45" x2="50" y1="65" y2="65" stroke="${P.value.style.layout.candle.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
                                 <line x1="50" x2="55" y1="35" y2="35" stroke="${P.value.style.layout.candle.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
                                 <text x="38" y="70" text-anchor="end" fill="${P.value.style.tooltip.color}">${se}</text>
@@ -823,7 +823,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
                         <g>
                     </svg>
                     <div>
-                ` : (r += `<div>${ne}: <b>${se}</b></div>`, r += `<div>${re}: <b>${ce}</b></div>`, r += `<div>${ie}: <b>${le}</b></div>`, r += `<div>${u}: <b>${ue}</b></div>`), r += "</div>", Ut.value = `<div style="text-align:right">${r}</div>`;
+                ` : (n += `<div>${ne}: <b>${se}</b></div>`, n += `<div>${re}: <b>${ce}</b></div>`, n += `<div>${ie}: <b>${le}</b></div>`, n += `<div>${u}: <b>${ue}</b></div>`), n += "</div>", Ut.value = `<div style="text-align:right">${n}</div>`;
 			}
 			Ht.value = !0;
 		}
@@ -873,7 +873,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					e.low.value,
 					e.close.value,
 					e.volume
-				]), i = o([
+				]), r = c([
 					[P.value.style.title.text],
 					[P.value.style.title.subtitle.text],
 					[
@@ -883,71 +883,71 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					],
 					t
 				].concat(n));
-				e ? e(i) : r({
-					csvContent: i,
+				e ? e(r) : a({
+					csvContent: r,
 					title: P.value.style.title.text || "vue-ui-candlestick"
 				});
 			});
 		}
 		let mr = f(() => {
-			let e = Z.value.map((e, n) => {
-				let r = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[n]?.text ?? "" : e.period, i = t({
+			let e = Z.value.map((e, t) => {
+				let n = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period, i = r({
 					p: P.value.table.td.prefix,
 					v: e.open.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), a = t({
+				}), a = r({
 					p: P.value.table.td.prefix,
 					v: e.high.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), o = t({
+				}), o = r({
 					p: P.value.table.td.prefix,
 					v: e.low.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), s = t({
+				}), s = r({
 					p: P.value.table.td.prefix,
 					v: e.close.value,
 					s: P.value.table.td.suffix,
 					r: P.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="${P.value.style.layout.candle.borderRadius * 3}" fill="${P.value.style.layout.candle.gradient.show ? e.isBullish ? `url(#bullish_gradient_${A.value}` : `url(#bearish_gradient_${A.value})` : e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg> ${r}`,
+					`<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="${P.value.style.layout.candle.borderRadius * 3}" fill="${P.value.style.layout.candle.gradient.show ? e.isBullish ? `url(#bullish_gradient_${A.value}` : `url(#bearish_gradient_${A.value})` : e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg> ${n}`,
 					i,
 					a,
 					o,
 					s,
 					`${isNaN(e.volume) ? "-" : e.volume.toLocaleString()}`
 				];
-			}), n = Z.value.map((e, n) => [
-				P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[n]?.text ?? "" : e.period,
-				t({
+			}), t = Z.value.map((e, t) => [
+				P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period,
+				r({
 					p: P.value.table.td.prefix,
 					v: e.open.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				t({
+				r({
 					p: P.value.table.td.prefix,
 					v: e.high.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				t({
+				r({
 					p: P.value.table.td.prefix,
 					v: e.low.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				t({
+				r({
 					p: P.value.table.td.prefix,
 					v: e.close.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
 				`${isNaN(e.volume) ? "-" : e.volume}`
-			]), r = {
+			]), n = {
 				th: {
 					backgroundColor: P.value.table.th.backgroundColor,
 					color: P.value.table.th.color,
@@ -970,8 +970,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			return {
 				head: i,
 				body: e,
-				bodyA11y: n,
-				config: r,
+				bodyA11y: t,
+				config: n,
 				colNames: i
 			};
 		}), $ = S(!1);
@@ -1187,7 +1187,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			toggleAnnotator: yr,
 			toggleFullscreen: hr,
 			copyAlt: Pr
-		}), (e, n) => (x(), h("div", {
+		}), (e, t) => (x(), h("div", {
 			ref_key: "candlestickChart",
 			ref: M,
 			class: y(`vue-data-ui-component vue-ui-candlestick ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${P.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1408,11 +1408,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						}, null, 8, Je),
 						g("stop", {
 							offset: "50%",
-							"stop-color": `${E(i)(P.value.style.layout.candle.colors.bearish, .02)}DE`
+							"stop-color": `${E(s)(P.value.style.layout.candle.colors.bearish, .02)}DE`
 						}, null, 8, Ye),
 						g("stop", {
 							offset: "100%",
-							"stop-color": `${E(i)(P.value.style.layout.candle.colors.bearish, .05)}66`
+							"stop-color": `${E(s)(P.value.style.layout.candle.colors.bearish, .05)}66`
 						}, null, 8, Xe)
 					], 8, qe), g("linearGradient", {
 						id: `bullish_gradient_${A.value}`,
@@ -1425,11 +1425,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						}, null, 8, Qe),
 						g("stop", {
 							offset: "50%",
-							"stop-color": `${E(i)(P.value.style.layout.candle.colors.bullish, .02)}DE`
+							"stop-color": `${E(s)(P.value.style.layout.candle.colors.bullish, .02)}DE`
 						}, null, 8, $e),
 						g("stop", {
 							offset: "100%",
-							"stop-color": `${E(i)(P.value.style.layout.candle.colors.bullish, .05)}66`
+							"stop-color": `${E(s)(P.value.style.layout.candle.colors.bullish, .05)}66`
 						}, null, 8, et)
 					], 8, Ze)]),
 					P.value.style.layout.grid.show ? (x(), h("g", tt, [
@@ -1487,7 +1487,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						key: 1,
 						ref_key: "scaleLabels",
 						ref: $t
-					}, [(x(!0), h(d, null, C(Hn.value, (e, n) => (x(), h("g", null, [e.value >= X.value.min && e.value <= X.value.max ? (x(), h("line", {
+					}, [(x(!0), h(d, null, C(Hn.value, (e, t) => (x(), h("g", null, [e.value >= X.value.min && e.value <= X.value.max ? (x(), h("line", {
 						key: 0,
 						x1: U.value ? W.value.right : W.value.left,
 						x2: U.value ? W.value.right + 5 : W.value.left - 5,
@@ -1504,7 +1504,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						"font-size": R.value.yAxisFontSize,
 						fill: P.value.style.layout.grid.yAxis.dataLabels.color,
 						"font-weight": P.value.style.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-					}, T(E(t)({
+					}, T(E(r)({
 						p: P.value.style.layout.grid.yAxis.dataLabels.prefix,
 						v: e.value,
 						s: P.value.style.layout.grid.yAxis.dataLabels.suffix,
@@ -1609,7 +1609,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						y: W.value.top,
 						height: W.value.height <= 0 ? 1e-4 : W.value.height,
 						width: Y.value <= 0 ? 1e-4 : Y.value,
-						fill: j.value === t || rn.value === t ? E(ee)(P.value.style.layout.selector.color, P.value.style.layout.selector.opacity) : "transparent",
+						fill: j.value === t || rn.value === t ? E(o)(P.value.style.layout.selector.color, P.value.style.layout.selector.opacity) : "transparent",
 						onMouseover: () => ir(t, e, "pointer"),
 						onMouseleave: () => rr(t, e),
 						onClick: () => nr(t, e)
@@ -1690,8 +1690,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				"onUpdate:start": Ar,
 				onTrapMouse: kr,
 				onReset: sr,
-				onFutureEnd: n[0] ||= (e) => jn("end", e),
-				onFutureStart: n[1] ||= (e) => jn("start", e)
+				onFutureEnd: t[0] ||= (e) => jn("end", e),
+				onFutureStart: t[1] ||= (e) => jn("start", e)
 			}, {
 				"reset-action": D(({ reset: t }) => [w(e.$slots, "reset-action", b(v({ reset: t })), void 0, !0)]),
 				slotMap: D(({ height: e, unitW: t }) => [(x(!0), h(d, null, C(zn.value({
@@ -1810,7 +1810,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				fn: D(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[2] ||= (e) => pr(P.value.userOptions.callbacks.csv),
+					onClick: t[2] ||= (e) => pr(P.value.userOptions.callbacks.csv),
 					style: Me({ cursor: un.value ? "pointer" : "default" })
 				}, [ke(E(Ot), {
 					name: "fileCsv",