vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-candlestick-DCavjk1j.js → vue-ui-candlestick-BJtdA4Yu.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Pt as i, Ut as a, Wt as o, X as s, Xt as c, Z as l, Zt as ee, _ as te, b as u, bt as ne, c as re, ft as ie, lt as ae, nt as oe, pt as se, q as ce, t as le } from "./lib-Dql7cqyA.js";
+import { $ as t, Ct as n, D as r, Et as i, Jt as a, Rt as o, X as s, _ as c, at as l, b as u, c as ee, en as te, et as ne, ft as re, gt as ie, ht as ae, nt as oe, qt as se, t as ce, tn as le } from "./lib-DOpaUOQx.js";
 import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
 import { n as fe, r as pe, t as me } from "./useTimeLabels-d2f-W1L4.js";
-import { t as he } from "./useConfig-D32D002m.js";
-import { t as ge } from "./usePrinter-hohanNCX.js";
+import { t as he } from "./useConfig-C2uy4ltq.js";
+import { t as ge } from "./usePrinter-BBBooAGP.js";
 import { n as _e, t as ve } from "./BaseScanner-Dzc8VT3j.js";
-import { t as ye } from "./useNestedProp-Chvyfpl-.js";
+import { t as ye } from "./useNestedProp-Bux0f4iY.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./useChartExport-iwOqiIWX.js";
 import { t as Se } from "./useTransitions-g_zBREk2.js";
 import { t as Ce } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as we } from "./img-BkMKbWsI.js";
-import { n as Te } from "./Title-CPHi-evi.js";
+import { t as we } from "./img-W50sC9SC.js";
+import { n as Te } from "./Title-DeqmC-vN.js";
 import { t as Ee } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as De, t as Oe } from "./useResponsive-ZtArZtUf.js";
 import { t as ke } from "./DefGrad-DVBqDjhO.js";
-import { t as Ae } from "./SlicerPreview-Ccss7Vsq.js";
+import { t as Ae } from "./SlicerPreview-BJ4usfYd.js";
 import { t as je } from "./A11yDataTable-DdRsVULz.js";
 import { t as Me } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ne } from "./useChartAccessibility-DYqac8yF.js";
@@ -189,7 +189,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 	},
 	emits: ["selectX", "copyAlt"],
 	setup(e, { expose: Ee, emit: Ye }) {
-		let kt = _(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), At = _(() => import("./Tooltip-hhrkQ3Lk.js")), jt = _(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), Mt = _(() => import("./DataTable-oiM9uWrQ.js")), Nt = _(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), Pt = _(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), Ft = _(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), It = _(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_candlestick: Lt } = he(), { isThemeValid: Rt, warnInvalidTheme: zt } = be(), D = e, Bt = Ye, Vt = f(() => !!D.dataset && D.dataset.length), O = S(!1), Ht = S(null), k = S(ce()), Ut = S(!1), Wt = S(""), A = S(void 0), Gt = S(0), j = S(null), Kt = S(null), qt = S(null), Jt = S(null), Yt = S(null), Xt = S(null), Zt = S(0), Qt = S(0), $t = S(0), en = S(null), tn = S(null), nn = S(null), rn = S(null), an = S(null), M = S(null), on = S({
+		let kt = _(() => import("./BaseIcon-Dlz7gfx0.js").then((e) => e.n)), At = _(() => import("./Tooltip-DZ4a3XJQ.js")), jt = _(() => import("./vue-ui-accordion-yHZMJLaY.js").then((e) => e.n)), Mt = _(() => import("./DataTable-BD1eZ0zB.js")), Nt = _(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), Pt = _(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), Ft = _(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), It = _(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_candlestick: Lt } = he(), { isThemeValid: Rt, warnInvalidTheme: zt } = be(), D = e, Bt = Ye, Vt = f(() => !!D.dataset && D.dataset.length), O = S(!1), Ht = S(null), k = S(s()), Ut = S(!1), Wt = S(""), A = S(void 0), Gt = S(0), j = S(null), Kt = S(null), qt = S(null), Jt = S(null), Yt = S(null), Xt = S(null), Zt = S(0), Qt = S(0), $t = S(0), en = S(null), tn = S(null), nn = S(null), rn = S(null), an = S(null), M = S(null), on = S({
 			x: 0,
 			y: 0
 		}), sn = S("pointer"), cn = S(!1), N = S(yn()), P = f(() => N.value.style.layout.candle), F = f(() => N.value.style.layout.grid), I = f(() => N.value.style.layout), L = f(() => N.value.style), R = f(() => N.value.userOptions);
@@ -211,7 +211,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 		let { transitionEnabled: ln } = Se({
 			config: () => N.value.transitions,
 			dataset: () => D.dataset
-		}), un = f(() => N.value.userOptions.useCursorPointer), dn = f(() => ee({
+		}), un = f(() => N.value.userOptions.useCursorPointer), dn = f(() => le({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -356,7 +356,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					5100
 				]
 			],
-			skeletonConfig: ee({
+			skeletonConfig: le({
 				defaultConfig: N.value,
 				userConfig: dn.value
 			})
@@ -375,25 +375,25 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				userConfig: D.config,
 				defaultConfig: Lt
 			}), t = {};
-			D.config && ne(D.config, "style.layout.grid.xAxis.dataLabels.showFirstAndLast") && (e.style.layout.grid.xAxis.dataLabels.showFirstAndLast = !!D.config.style.layout.grid.xAxis.dataLabels.showFirstAndLast);
-			let n = e.theme;
-			if (n) {
+			D.config && n(D.config, "style.layout.grid.xAxis.dataLabels.showFirstAndLast") && (e.style.layout.grid.xAxis.dataLabels.showFirstAndLast = !!D.config.style.layout.grid.xAxis.dataLabels.showFirstAndLast);
+			let r = e.theme;
+			if (r) {
 				if (!Rt.value(e)) zt(e), t = e;
 				else {
-					let r = ye({
-						userConfig: Pe[n] || D.config,
+					let n = ye({
+						userConfig: Pe[r] || D.config,
 						defaultConfig: e
 					});
 					t = { ...ye({
 						userConfig: D.config,
-						defaultConfig: r
+						defaultConfig: n
 					}) };
 				}
 			} else t = e;
 			return t;
 		}
 		function bn(e) {
-			let t = l(e);
+			let t = ne(e);
 			return t?.style && delete t.style.tooltip, JSON.stringify(t);
 		}
 		let xn = bn(D.config);
@@ -420,11 +420,11 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 		});
 		let Cn = f(() => N.value.debug);
 		function wn() {
-			if (i(D.dataset) && (oe({
+			if (o(D.dataset) && (l({
 				componentName: "VueUiCandlestick",
 				type: "dataset",
 				debug: Cn.value
-			}), fn.value = !0), i(D.dataset) || (fn.value = N.value.loading), setTimeout(() => {
+			}), fn.value = !0), o(D.dataset) || (fn.value = N.value.loading), setTimeout(() => {
 				O.value = !0;
 			}, 10), N.value.responsive) {
 				let e = De(() => {
@@ -438,13 +438,13 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 						noTitle: Xt.value
 					});
 					requestAnimationFrame(() => {
-						V.value.width = e, V.value.height = t - 12, N.value.responsiveProportionalSizing ? (V.value.xAxisFontSize = c({
+						V.value.width = e, V.value.height = t - 12, N.value.responsiveProportionalSizing ? (V.value.xAxisFontSize = te({
 							relator: Math.min(e, t),
 							adjuster: L.value.width,
 							source: F.value.xAxis.dataLabels.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), V.value.yAxisFontSize = c({
+						}), V.value.yAxisFontSize = te({
 							relator: Math.min(e, t),
 							adjuster: L.value.width,
 							source: F.value.yAxis.dataLabels.fontSize,
@@ -515,11 +515,11 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				crosshair: i.crosshair
 			};
 		}), Pn = f(() => {
-			let { left: e, top: t, width: n, height: r } = G.value, i = q.value.start, a = q.value.end - i, o = n / a, s = J.value.start - i, c = J.value.end - i, l = Math.max(0, Math.min(a, s)), ee = Math.max(0, Math.min(a, c));
+			let { left: e, top: t, width: n, height: r } = G.value, i = q.value.start, a = q.value.end - i, o = n / a, s = J.value.start - i, c = J.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
 			return {
 				x: e + l * o,
 				y: t,
-				width: (ee - l) * o,
+				width: (u - l) * o,
 				height: r,
 				fill: L.value.zoom.preview.fill,
 				stroke: L.value.zoom.preview.stroke,
@@ -551,32 +551,32 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			...e,
 			absoluteIndex: t
 		}))), zn = f(() => Rn.value.slice(q.value.start, q.value.end)), Y = f(() => (Cn.value && B.value.forEach((e, t) => {
-			[null, void 0].includes(e[0]) && oe({
+			[null, void 0].includes(e[0]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "period (index 0)",
 				index: t
-			}), [null, void 0].includes(e[1]) && oe({
+			}), [null, void 0].includes(e[1]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "open (index 1)",
 				index: t
-			}), [null, void 0].includes(e[2]) && oe({
+			}), [null, void 0].includes(e[2]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "high (index 2)",
 				index: t
-			}), [null, void 0].includes(e[3]) && oe({
+			}), [null, void 0].includes(e[3]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "low (index 3)",
 				index: t
-			}), [null, void 0].includes(e[4]) && oe({
+			}), [null, void 0].includes(e[4]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "close (index 4)",
 				index: t
-			}), [null, void 0].includes(e[5]) && oe({
+			}), [null, void 0].includes(e[5]) && l({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "volume (index 5)",
@@ -601,7 +601,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 		}))), X = f(() => G.value.width / zn.value.length), Vn = f(() => ({
 			max: F.value.yAxis.scale.max === null ? Math.max(...Y.value.map((e) => e.high)) : F.value.yAxis.scale.max,
 			min: F.value.yAxis.scale.min === null ? 0 : F.value.yAxis.scale.min
-		})), Z = f(() => te(Vn.value.min, Vn.value.max, F.value.yAxis.dataLabels.steps));
+		})), Z = f(() => c(Vn.value.min, Vn.value.max, F.value.yAxis.dataLabels.steps));
 		function Hn(e, t, n = null, r = null) {
 			return {
 				...e,
@@ -625,7 +625,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				c: Math.min(...Y.value.map((e) => e.low))
 			}, n = Math.max(...Y.value.map((e) => e.volume)), r = Math.min(...Y.value.map((e) => e.volume));
 			return Y.value.map((i, a) => {
-				let o = Hn(i.open, a, e.o, t.o), s = Hn(i.high, a, e.h, t.h), c = Hn(i.low, a, e.l, t.l), l = Hn(i.close, a, e.c, t.c), ee = i.close > i.open, te = i.volume === n, u = i.volume === r;
+				let o = Hn(i.open, a, e.o, t.o), s = Hn(i.high, a, e.h, t.h), c = Hn(i.low, a, e.l, t.l), l = Hn(i.close, a, e.c, t.c), u = i.close > i.open, ee = i.volume === n, te = i.volume === r;
 				return {
 					period: i.period,
 					open: o,
@@ -633,10 +633,10 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					low: c,
 					close: l,
 					volume: i.volume,
-					isBullish: ee,
+					isBullish: u,
 					absoluteIndex: i.absoluteIndex,
-					isMaxVolume: te,
-					isMinVolume: u
+					isMaxVolume: ee,
+					isMinVolume: te
 				};
 			});
 		});
@@ -752,7 +752,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			absoluteIndex: t
 		}))), rr = f(() => {
 			let e = Math.max(1, Math.floor(Number(F.value.xAxis.dataLabels.modulo) || 1)), t = ($.value || []).map((e) => e?.text ?? ""), n = (Yn.value || []).map((e) => e?.text ?? ""), r = q.value.start ?? 0, i = r > 0 || t.length < n.length;
-			return ie({
+			return ae({
 				configuredModulo: e,
 				visibleTexts: t,
 				allTexts: n,
@@ -760,7 +760,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				isZoomed: i
 			});
 		}), ir = f(() => {
-			let e = F.value.xAxis.dataLabels, t = $.value || [], n = Yn.value || [], r = q.value.start ?? 0, i = A.value, a = K.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? ""), c = re(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, rr.value, o, s, r, i, a);
+			let e = F.value.xAxis.dataLabels, t = $.value || [], n = Yn.value || [], r = q.value.start ?? 0, i = A.value, a = K.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? ""), c = ee(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, rr.value, o, s, r, i, a);
 			if (!e.showFirstAndLast || e.showOnlyFirstAndLast || !c.length) return c;
 			let l = c.length - 1;
 			return c.map((e, t) => t !== 0 && t !== l ? e : {
@@ -794,61 +794,61 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			let t = e - q.value.start;
 			t < 0 || e >= q.value.end ? A.value = null : A.value = t ?? null;
 		}, { immediate: !0 });
-		function lr(e, t, r = "pointer") {
+		function lr(e, n, r = "pointer") {
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
-				datapoint: t,
+				datapoint: n,
 				seriesIndex: e + q.value.start
 			}), A.value = e, M.value = e, sn.value = r, or.value = {
-				datapoint: t,
+				datapoint: n,
 				seriesIndex: e,
 				series: Q.value,
 				config: N.value
 			}, Br({
 				seriesIndex: e,
-				datapoint: t
+				datapoint: n
 			});
-			let i = L.value.tooltip.customFormat;
-			if (n(i) && ae(() => i({
+			let a = L.value.tooltip.customFormat;
+			if (i(a) && re(() => a({
 				seriesIndex: e,
-				datapoint: t,
+				datapoint: n,
 				series: Q.value,
 				config: N.value
-			}))) Wt.value = i({
+			}))) Wt.value = a({
 				seriesIndex: e,
-				datapoint: t,
+				datapoint: n,
 				series: Q.value,
 				config: N.value
 			});
 			else if (L.value.tooltip.show) {
-				let n = "", { period: r, open: i, high: a, low: o, close: c, volume: l, isBullish: ee } = Q.value[e], { period: te, open: u, high: ne, low: re, close: ie, volume: ae } = N.value.translations, oe = F.value.xAxis.dataLabels.datetimeFormatter.enable ? L.value.tooltip.useDefaultTimeFormat ? $.value[e].text : tr.value[e].text : r;
-				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.borderRadius * 3}" stroke="${P.value.stroke}" stroke-width="${P.value.strokeWidth}" 
-                fill="${P.value.gradient.show ? ee ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : ee ? P.value.colors.bullish : P.value.colors.bearish}"/></svg>${oe}</div>`, n += `${ae} : <b>${isNaN(l) ? "-" : Number(l.toFixed(L.value.tooltip.roundingValue)).toLocaleString()}</b>`, n += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${L.value.tooltip.borderColor}">`;
-				let se = s({
+				let r = "", { period: i, open: a, high: o, low: s, close: c, volume: l, isBullish: u } = Q.value[e], { period: ee, open: te, high: ne, low: re, close: ie, volume: ae } = N.value.translations, oe = F.value.xAxis.dataLabels.datetimeFormatter.enable ? L.value.tooltip.useDefaultTimeFormat ? $.value[e].text : tr.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.borderRadius * 3}" stroke="${P.value.stroke}" stroke-width="${P.value.strokeWidth}" 
+                fill="${P.value.gradient.show ? u ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : u ? P.value.colors.bullish : P.value.colors.bearish}"/></svg>${oe}</div>`, r += `${ae} : <b>${isNaN(l) ? "-" : Number(l.toFixed(L.value.tooltip.roundingValue)).toLocaleString()}</b>`, r += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${L.value.tooltip.borderColor}">`;
+				let se = t({
 					p: L.value.tooltip.prefix,
-					v: i.value,
+					v: a.value,
 					s: L.value.tooltip.suffix,
 					r: L.value.tooltip.roundingValue
-				}), ce = s({
+				}), ce = t({
 					p: L.value.tooltip.prefix,
-					v: a.value,
+					v: o.value,
 					s: L.value.tooltip.suffix,
 					r: L.value.tooltip.roundingValue
-				}), le = s({
+				}), le = t({
 					p: L.value.tooltip.prefix,
-					v: o.value,
+					v: s.value,
 					s: L.value.tooltip.suffix,
 					r: L.value.tooltip.roundingValue
-				}), ue = s({
+				}), ue = t({
 					p: L.value.tooltip.prefix,
 					v: c.value,
 					s: L.value.tooltip.suffix,
 					r: L.value.tooltip.roundingValue
 				});
-				L.value.tooltip.showChart ? n += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
+				L.value.tooltip.showChart ? r += `<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="${t.isBullish ? P.value.colors.bullish : P.value.colors.bearish}" stroke-width="2" stroke-linecap="round" />
-                            ${t.isBullish ? `
+                            <line x1="50" x2="50" y1="20" y2="80" stroke="${n.isBullish ? P.value.colors.bullish : P.value.colors.bearish}" stroke-width="2" stroke-linecap="round" />
+                            ${n.isBullish ? `
                                 <line x1="45" x2="50" y1="65" y2="65" stroke="${P.value.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
                                 <line x1="50" x2="55" y1="35" y2="35" stroke="${P.value.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
                                 <text x="38" y="70" text-anchor="end" fill="${L.value.tooltip.color}">${se}</text>
@@ -864,7 +864,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
                         <g>
                     </svg>
                     <div>
-                ` : (n += `<div>${u}: <b>${se}</b></div>`, n += `<div>${ne}: <b>${ce}</b></div>`, n += `<div>${re}: <b>${le}</b></div>`, n += `<div>${ie}: <b>${ue}</b></div>`), n += "</div>", Wt.value = `<div style="text-align:right">${n}</div>`;
+                ` : (r += `<div>${te}: <b>${se}</b></div>`, r += `<div>${ne}: <b>${ce}</b></div>`, r += `<div>${re}: <b>${le}</b></div>`, r += `<div>${ie}: <b>${ue}</b></div>`), r += "</div>", Wt.value = `<div style="text-align:right">${r}</div>`;
 			}
 			Ut.value = !0;
 		}
@@ -900,21 +900,21 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 		}
 		function vr(e = null) {
 			ze(() => {
-				let n = [
+				let t = [
 					N.value.translations.period,
 					N.value.translations.open,
 					N.value.translations.high,
 					N.value.translations.low,
 					N.value.translations.close,
 					N.value.translations.volume
-				], i = Q.value.map((e, t) => [
+				], n = Q.value.map((e, t) => [
 					F.value.xAxis.dataLabels.datetimeFormatter.enable ? $.value[t].text : e.period,
 					e.open.value,
 					e.high.value,
 					e.low.value,
 					e.close.value,
 					e.volume
-				]), a = [
+				]), i = [
 					[L.value.title.text],
 					[L.value.title.subtitle.text],
 					[
@@ -922,73 +922,73 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 						[""],
 						[""]
 					],
-					n
-				].concat(i), o = r(a);
-				e ? e(o) : t({
-					csvContent: o,
+					t
+				].concat(n), a = r(i);
+				e ? e(a) : oe({
+					csvContent: a,
 					title: L.value.title.text || "vue-ui-candlestick"
 				});
 			});
 		}
 		let yr = f(() => {
-			let e = Q.value.map((e, t) => {
-				let n = F.value.xAxis.dataLabels.datetimeFormatter.enable ? $.value?.[t]?.text ?? "" : e.period, r = s({
+			let e = Q.value.map((e, n) => {
+				let r = F.value.xAxis.dataLabels.datetimeFormatter.enable ? $.value?.[n]?.text ?? "" : e.period, i = t({
 					p: N.value.table.td.prefix,
 					v: e.open.value,
 					s: N.value.table.td.suffix,
 					r: N.value.table.td.roundingValue
-				}), i = s({
+				}), a = t({
 					p: N.value.table.td.prefix,
 					v: e.high.value,
 					s: N.value.table.td.suffix,
 					r: N.value.table.td.roundingValue
-				}), a = s({
+				}), o = t({
 					p: N.value.table.td.prefix,
 					v: e.low.value,
 					s: N.value.table.td.suffix,
 					r: N.value.table.td.roundingValue
-				}), o = s({
+				}), s = t({
 					p: N.value.table.td.prefix,
 					v: e.close.value,
 					s: N.value.table.td.suffix,
 					r: N.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.borderRadius * 3}" fill="${P.value.gradient.show ? e.isBullish ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : e.isBullish ? P.value.colors.bullish : P.value.colors.bearish}"/></svg> ${n}`,
-					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.borderRadius * 3}" fill="${P.value.gradient.show ? e.isBullish ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : e.isBullish ? P.value.colors.bullish : P.value.colors.bearish}"/></svg> ${r}`,
 					i,
 					a,
 					o,
+					s,
 					`${isNaN(e.volume) ? "-" : e.volume.toLocaleString()}`
 				];
-			}), t = Q.value.map((e, t) => [
-				F.value.xAxis.dataLabels.datetimeFormatter.enable ? $.value?.[t]?.text ?? "" : e.period,
-				s({
+			}), n = Q.value.map((e, n) => [
+				F.value.xAxis.dataLabels.datetimeFormatter.enable ? $.value?.[n]?.text ?? "" : e.period,
+				t({
 					p: N.value.table.td.prefix,
 					v: e.open.value,
 					s: N.value.table.td.suffix,
 					r: N.value.table.td.roundingValue
 				}),
-				s({
+				t({
 					p: N.value.table.td.prefix,
 					v: e.high.value,
 					s: N.value.table.td.suffix,
 					r: N.value.table.td.roundingValue
 				}),
-				s({
+				t({
 					p: N.value.table.td.prefix,
 					v: e.low.value,
 					s: N.value.table.td.suffix,
 					r: N.value.table.td.roundingValue
 				}),
-				s({
+				t({
 					p: N.value.table.td.prefix,
 					v: e.close.value,
 					s: N.value.table.td.suffix,
 					r: N.value.table.td.roundingValue
 				}),
 				`${isNaN(e.volume) ? "-" : e.volume}`
-			]), n = {
+			]), r = {
 				th: {
 					backgroundColor: N.value.table.th.backgroundColor,
 					color: N.value.table.th.color,
@@ -1000,7 +1000,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 					outline: N.value.table.td.outline
 				},
 				breakpoint: N.value.table.responsiveBreakpoint
-			}, r = [
+			}, i = [
 				N.value.translations.period,
 				N.value.translations.open,
 				N.value.translations.high,
@@ -1009,11 +1009,11 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				N.value.translations.volume
 			];
 			return {
-				head: r,
+				head: i,
 				body: e,
-				bodyA11y: t,
-				config: n,
-				colNames: r
+				bodyA11y: n,
+				config: r,
+				colNames: i
 			};
 		}), br = S(!1);
 		function xr(e) {
@@ -1040,7 +1040,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await se(t, e) ?? i;
+			}, a = await ie(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1208,7 +1208,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			toggleAnnotator: Tr,
 			toggleFullscreen: xr,
 			copyAlt: Vr
-		}), (e, t) => (x(), h("div", {
+		}), (e, n) => (x(), h("div", {
 			ref_key: "candlestickChart",
 			ref: j,
 			class: y(`vue-data-ui-component vue-ui-candlestick ${br.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${N.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1397,7 +1397,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 			g("div", Qe, [(x(), h("svg", {
 				ref_key: "svgRef",
 				ref: gn,
-				xmlns: T(le),
+				xmlns: T(ce),
 				"aria-describedby": `chart-instructions-${k.value}`,
 				class: y({
 					"vue-data-ui-fullscreen--on": br.value,
@@ -1434,12 +1434,12 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 							],
 							[
 								"50%",
-								T(o)(P.value.colors.bearish, .02),
+								T(a)(P.value.colors.bearish, .02),
 								.87
 							],
 							[
 								"100%",
-								T(o)(P.value.colors.bearish, .05),
+								T(a)(P.value.colors.bearish, .05),
 								.4
 							]
 						]
@@ -1456,12 +1456,12 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 							],
 							[
 								"50%",
-								T(o)(P.value.colors.bullish, .02),
+								T(a)(P.value.colors.bullish, .02),
 								.87
 							],
 							[
 								"100%",
-								T(o)(P.value.colors.bullish, .05),
+								T(a)(P.value.colors.bullish, .05),
 								.4
 							]
 						]
@@ -1521,7 +1521,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 						key: 1,
 						ref_key: "scaleLabels",
 						ref: en
-					}, [(x(!0), h(d, null, C(qn.value, (e, t) => (x(), h("g", { key: `sl_${t}` }, [e.value >= Z.value.min && e.value <= Z.value.max ? (x(), h("line", {
+					}, [(x(!0), h(d, null, C(qn.value, (e, n) => (x(), h("g", { key: `sl_${n}` }, [e.value >= Z.value.min && e.value <= Z.value.max ? (x(), h("line", {
 						key: 0,
 						x1: W.value ? G.value.right : G.value.left,
 						x2: W.value ? G.value.right + 5 : G.value.left - 5,
@@ -1538,7 +1538,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 						"font-size": V.value.yAxisFontSize,
 						fill: F.value.yAxis.dataLabels.color,
 						"font-weight": F.value.yAxis.dataLabels.bold ? "bold" : "normal"
-					}, Ge(T(s)({
+					}, Ge(T(t)({
 						p: F.value.yAxis.dataLabels.prefix,
 						v: e.value,
 						s: F.value.yAxis.dataLabels.suffix,
@@ -1651,7 +1651,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 						y: G.value.top,
 						height: G.value.height <= 0 ? 1e-4 : G.value.height,
 						width: X.value <= 0 ? 1e-4 : X.value,
-						fill: A.value === t || an.value === t ? T(a)(I.value.selector.color, I.value.selector.opacity) : "transparent",
+						fill: A.value === t || an.value === t ? T(se)(I.value.selector.color, I.value.selector.opacity) : "transparent",
 						onMouseover: () => lr(t, e, "pointer"),
 						onMouseleave: () => cr(t, e),
 						onClick: () => sr(t, e)
@@ -1735,8 +1735,8 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				"onUpdate:start": Rr,
 				onTrapMouse: Lr,
 				onReset: fr,
-				onFutureEnd: t[0] ||= (e) => In("end", e),
-				onFutureStart: t[1] ||= (e) => In("start", e)
+				onFutureEnd: n[0] ||= (e) => In("end", e),
+				onFutureStart: n[1] ||= (e) => In("start", e)
 			}, {
 				"reset-action": E(({ reset: t }) => [w(e.$slots, "reset-action", b(v({ reset: t })), void 0, !0)]),
 				slotMap: E(({ height: e, unitW: t }) => [(x(!0), h(d, null, C(Wn.value({
@@ -1855,7 +1855,7 @@ var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe
 				fn: E(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[2] ||= (e) => vr(R.value.callbacks.csv),
+					onClick: n[2] ||= (e) => vr(R.value.callbacks.csv),
 					style: Be({ cursor: un.value ? "pointer" : "default" })
 				}, [Le(T(kt), {
 					name: "fileCsv",