vue-data-ui 3.22.8 → 3.22.9

package/dist/{vue-ui-candlestick-D-Z9pEaA.js → vue-ui-candlestick-DULUMU-Q.js}

@@ -1,49 +1,50 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, G as n, Gt as r, J as i, Kt as a, Rt as o, T as s, Z as ee, h as c, kt as l, lt as te, ot as ne, s as re, t as ie, v as u, yt as ae, zt as oe } from "./lib-JqW18y5I.js";
-import { n as se, r as ce, t as le } from "./useTimeLabels-BmBRv27Y.js";
-import { t as ue } from "./useConfig-DYM3f6EI.js";
-import { t as de } from "./usePrinter-CqqHmnBI.js";
-import { n as fe, t as pe } from "./BaseScanner-DZvpgOjM.js";
-import { t as me } from "./useSvgExport-SVIsDot8.js";
-import { t as he } from "./useNestedProp-DIuuzG1r.js";
-import { t as ge } from "./useThemeCheck-C43Tcqmk.js";
-import { t as _e } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as ve } from "./img-DnP3eXuv.js";
-import { n as ye } from "./Title-CcNiYzEo.js";
-import { t as be } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as xe } from "./canvas-lib-BOP_HS11.js";
-import { t as Se } from "./useResponsive-BfnK0KxU.js";
-import { t as Ce } from "./SlicerPreview-BQFeCw0m.js";
+import { $ as t, G as n, Gt as r, J as i, Kt as a, Rt as o, T as s, Z as c, h as l, kt as u, lt as ee, ot as te, s as ne, t as re, v as d, yt as ie, zt as ae } from "./lib-JqW18y5I.js";
+import { n as oe, r as se, t as ce } from "./useTimeLabels-BmBRv27Y.js";
+import { t as le } from "./useConfig-DYM3f6EI.js";
+import { t as ue } from "./usePrinter-CqqHmnBI.js";
+import { n as de, t as fe } from "./BaseScanner-DZvpgOjM.js";
+import { t as pe } from "./useSvgExport-SVIsDot8.js";
+import { t as me } from "./useNestedProp-DIuuzG1r.js";
+import { t as he } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as _e } from "./img-DnP3eXuv.js";
+import { n as ve } from "./Title-CcNiYzEo.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 "./DefGrad-DVBqDjhO.js";
+import { t as Ce } from "./SlicerPreview-CTz41lOu.js";
 import { t as we } from "./A11yDataTable-DdRsVULz.js";
 import { t as Te } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ee } from "./useChartAccessibility-DYqac8yF.js";
 import { t as De } 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 Oe, createTextVNode as ke, createVNode as Ae, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as je, nextTick as Me, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Ne, onMounted as Pe, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Fe, shallowRef as Ie, toDisplayString as Le, toRefs as Re, unref as E, watch as ze, watchEffect as Be, withCtx as D } from "vue";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as Oe, createTextVNode as ke, createVNode as Ae, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as je, nextTick as Me, normalizeClass as b, normalizeProps as x, normalizeStyle as Ne, onBeforeUnmount as Pe, onMounted as Fe, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Ie, shallowRef as Le, toDisplayString as Re, toRefs as ze, unref as E, watch as Be, watchEffect as Ve, withCtx as D } from "vue";
 //#region src/components/vue-ui-candlestick.vue
-var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We = { style: { position: "relative" } }, Ge = [
+var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge = { style: { position: "relative" } }, Ke = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], Ke = [
+], qe = [
 	"x",
 	"y",
 	"width",
 	"height"
-], qe = { key: 1 }, Je = ["id"], Ye = ["stop-color"], Xe = ["stop-color"], Ze = ["stop-color"], Qe = ["id"], $e = ["stop-color"], et = ["stop-color"], tt = ["stop-color"], nt = { key: 0 }, rt = [
+], Je = { key: 1 }, Ye = { key: 0 }, Xe = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], it = [
+], Ze = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], at = [
+], Qe = [
 	"x1",
 	"x2",
 	"y1",
@@ -51,7 +52,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], ot = [
+], $e = [
 	"x1",
 	"x2",
 	"y1",
@@ -59,78 +60,78 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], st = [
+], et = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], ct = [
+], tt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], lt = [
+], nt = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"fill",
 	"font-weight"
-], ut = [
+], rt = [
 	"transform",
 	"text-anchor",
 	"font-size",
 	"fill",
 	"font-weight"
-], dt = [
+], it = [
 	"transform",
 	"text-anchor",
 	"font-size",
 	"fill",
 	"font-weight"
-], ft = [
+], at = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"rx"
-], pt = { key: 0 }, mt = [
+], ot = { key: 0 }, st = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], ht = [
+], ct = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], gt = { key: 1 }, _t = [
+], lt = { key: 1 }, ut = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"rx",
 	"fill"
-], vt = [
+], dt = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"rx"
-], yt = [
+], ft = [
 	"x",
 	"y",
 	"height",
 	"width",
 	"fill",
 	"rx"
-], bt = [
+], pt = [
 	"x",
 	"y",
 	"height",
@@ -139,7 +140,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 	"rx",
 	"stroke",
 	"stroke-width"
-], xt = ["d", "stroke"], St = [
+], mt = ["d", "stroke"], ht = [
 	"x",
 	"y",
 	"height",
@@ -148,7 +149,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 	"onMouseover",
 	"onMouseleave",
 	"onClick"
-], Ct = ["data-start", "data-end"], wt = {
+], gt = ["data-start", "data-end"], _t = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -158,14 +159,14 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Tt = {
+}, vt = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Et = ["d", "stroke"], Dt = [
+}, yt = ["d", "stroke"], bt = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Ot = ["innerHTML"], kt = /*#__PURE__*/ be({
+], xt = ["innerHTML"], St = /*#__PURE__*/ ye({
 	__name: "vue-ui-candlestick",
 	props: {
 		config: {
@@ -186,11 +187,11 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 		}
 	},
 	emits: ["selectX", "copyAlt"],
-	setup(e, { expose: be, emit: Ve }) {
-		let kt = _(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), At = _(() => import("./Tooltip-CxOrWlFy.js")), jt = _(() => import("./vue-ui-accordion-YyosvEPo.js").then((e) => e.n)), Mt = _(() => import("./DataTable-D9NvewTT.js")), Nt = _(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), Pt = _(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), Ft = _(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), It = _(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_candlestick: Lt } = ue(), { isThemeValid: Rt, warnInvalidTheme: zt } = ge(), O = e, Bt = Ve, Vt = f(() => !!O.dataset && O.dataset.length), k = C(!1), Ht = C(null), A = C(n()), Ut = C(!1), Wt = C(""), j = C(void 0), Gt = C(0), M = C(null), Kt = C(null), qt = C(null), Jt = C(null), Yt = C(null), Xt = C(null), Zt = C(0), Qt = C(0), $t = C(0), en = C(null), tn = C(null), nn = C(null), rn = C(null), an = C(null), on = C(!1), sn = C(!1), N = C(null), cn = C({
+	setup(e, { expose: ye, emit: He }) {
+		let St = v(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), Ct = v(() => import("./Tooltip-CxOrWlFy.js")), wt = v(() => import("./vue-ui-accordion-CjAGqEJg.js").then((e) => e.n)), Tt = v(() => import("./DataTable-BxpTMgfK.js")), Et = v(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), Dt = v(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), Ot = v(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), kt = v(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_candlestick: At } = le(), { isThemeValid: jt, warnInvalidTheme: Mt } = he(), O = e, Nt = He, Pt = p(() => !!O.dataset && O.dataset.length), k = C(!1), Ft = C(null), A = C(n()), It = C(!1), Lt = C(""), j = C(void 0), Rt = C(0), M = C(null), zt = C(null), Bt = C(null), Vt = C(null), Ht = C(null), Ut = C(null), Wt = C(0), Gt = C(0), Kt = C(0), qt = C(null), Jt = C(null), Yt = C(null), Xt = C(null), Zt = C(null), Qt = C(!1), $t = C(!1), N = C(null), en = C({
 			x: 0,
 			y: 0
-		}), ln = C("pointer"), un = C(!1), P = C(yn()), dn = f(() => P.value.userOptions.useCursorPointer), fn = f(() => a({
+		}), tn = C("pointer"), nn = C(!1), P = C(fn()), rn = p(() => P.value.userOptions.useCursorPointer), an = p(() => a({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -228,13 +229,13 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				}
 			},
 			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: F, FINAL_DATASET: I, manualLoading: pn } = fe({
-			...Re(O),
+		})), { loading: F, FINAL_DATASET: I, manualLoading: on } = de({
+			...ze(O),
 			FINAL_CONFIG: P,
-			prepareConfig: yn,
+			prepareConfig: fn,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await fr();
+					await ar();
 				});
 			},
 			skeletonDataset: O.config?.skeletonDataset ?? [
@@ -337,30 +338,30 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 			],
 			skeletonConfig: a({
 				defaultConfig: P.value,
-				userConfig: fn.value
+				userConfig: an.value
 			})
-		}), { userOptionsVisible: mn, setUserOptionsVisibility: hn, keepUserOptionState: gn } = Te({ config: P.value }), { svgRef: L } = Ee({ config: P.value.style.title });
-		function _n() {
-			hn(!0);
+		}), { userOptionsVisible: sn, setUserOptionsVisibility: cn, keepUserOptionState: ln } = Te({ config: P.value }), { svgRef: L } = Ee({ config: P.value.style.title });
+		function un() {
+			cn(!0);
 		}
-		function vn() {
-			hn(!1), Bt("selectX", {
+		function dn() {
+			cn(!1), Nt("selectX", {
 				seriesIndex: null,
 				datapoint: null
 			}), j.value = null;
 		}
-		function yn() {
-			let e = he({
+		function fn() {
+			let e = me({
 				userConfig: O.config,
-				defaultConfig: Lt
+				defaultConfig: At
 			}), t = {}, n = e.theme;
-			if (n) if (!Rt.value(e)) zt(e), t = e;
+			if (n) if (!jt.value(e)) Mt(e), t = e;
 			else {
-				let r = he({
+				let r = me({
 					userConfig: De[n] || O.config,
 					defaultConfig: e
 				});
-				t = { ...he({
+				t = { ...me({
 					userConfig: O.config,
 					defaultConfig: r
 				}) };
@@ -368,38 +369,38 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 			else t = e;
 			return t;
 		}
-		ze(() => O.config, (e) => {
-			F.value || (P.value = yn()), mn.value = !P.value.userOptions.showOnChartHover, bn(), Zt.value += 1, $t.value += 1, Qt.value += 1, H.value.showTable = P.value.table.show, H.value.showTooltip = P.value.style.tooltip.show, Nn();
-		}, { deep: !0 }), ze(() => O.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (pn.value = !1), cr();
+		Be(() => O.config, (e) => {
+			F.value || (P.value = fn()), sn.value = !P.value.userOptions.showOnChartHover, pn(), Wt.value += 1, Kt.value += 1, Gt.value += 1, H.value.showTable = P.value.table.show, H.value.showTooltip = P.value.style.tooltip.show, En();
+		}, { deep: !0 }), Be(() => O.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (on.value = !1), tr();
 		}, { deep: !0 });
 		let R = C({
 			height: P.value.style.height,
 			width: P.value.style.width,
 			xAxisFontSize: P.value.style.layout.grid.xAxis.dataLabels.fontSize,
 			yAxisFontSize: P.value.style.layout.grid.yAxis.dataLabels.fontSize
-		}), z = Ie(null), B = Ie(null);
-		Pe(() => {
-			bn();
+		}), z = Le(null), B = Le(null);
+		Fe(() => {
+			pn();
 		});
-		let V = f(() => !!P.value.debug);
-		function bn() {
-			if (l(O.dataset) && (t({
+		let V = p(() => !!P.value.debug);
+		function pn() {
+			if (u(O.dataset) && (t({
 				componentName: "VueUiCandlestick",
 				type: "dataset",
 				debug: V.value
-			}), pn.value = !0), l(O.dataset) || (pn.value = P.value.loading), setTimeout(() => {
+			}), on.value = !0), u(O.dataset) || (on.value = P.value.loading), setTimeout(() => {
 				k.value = !0;
 			}, 10), P.value.responsive) {
-				let e = xe(() => {
+				let e = be(() => {
 					k.value = !1;
-					let { width: e, height: t } = Se({
+					let { width: e, height: t } = xe({
 						chart: M.value,
-						title: P.value.style.title.text ? Kt.value : null,
-						slicer: P.value.style.zoom.show && G.value > 6 ? Jt.value.$el : null,
-						legend: qt.value,
-						source: Yt.value,
-						noTitle: Xt.value
+						title: P.value.style.title.text ? zt.value : null,
+						slicer: P.value.style.zoom.show && G.value > 6 ? Vt.value.$el : null,
+						legend: Bt.value,
+						source: Ht.value,
+						noTitle: Ut.value
 					});
 					requestAnimationFrame(() => {
 						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = r({
@@ -414,45 +415,45 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							source: P.value.style.layout.grid.yAxis.dataLabels.fontSize,
 							threshold: 6,
 							fallback: 6
-						})) : (R.value.xAxisFontSize = P.value.style.layout.grid.xAxis.dataLabels.fontSize, R.value.yAxisFontSize = P.value.style.layout.grid.yAxis.dataLabels.fontSize), Ht.value && clearTimeout(Ht.value), Ht.value = setTimeout(() => {
+						})) : (R.value.xAxisFontSize = P.value.style.layout.grid.xAxis.dataLabels.fontSize, R.value.yAxisFontSize = P.value.style.layout.grid.yAxis.dataLabels.fontSize), Ft.value && clearTimeout(Ft.value), Ft.value = setTimeout(() => {
 							k.value = !0;
 						}, 10);
 					});
 				});
 				z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect()), z.value = new ResizeObserver(e), B.value = M.value.parentNode, z.value.observe(B.value);
 			}
-			fr();
+			ar();
 		}
-		Ne(() => {
+		Pe(() => {
 			z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect());
 		});
-		let { isPrinting: xn, isImaging: Sn, generatePdf: Cn, generateImage: wn } = de({
+		let { isPrinting: mn, isImaging: hn, generatePdf: gn, generateImage: _n } = ue({
 			elementId: `vue-ui-candlestick_${A.value}`,
 			fileName: P.value.style.title.text || "vue-ui-candlestick",
 			options: P.value.userOptions.print
-		}), Tn = f(() => P.value.userOptions.show && !P.value.style.title.text), H = C({
+		}), vn = p(() => P.value.userOptions.show && !P.value.style.title.text), H = C({
 			showTable: P.value.table.show,
 			showTooltip: P.value.style.tooltip.show
-		}), En = C(0), Dn = xe((e) => {
-			En.value = e;
+		}), yn = C(0), bn = be((e) => {
+			yn.value = e;
 		}, 100);
-		Be((e) => {
-			let t = tn.value;
+		Ve((e) => {
+			let t = Jt.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				Dn(e[0].contentRect.height);
+				bn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Ne(() => {
-			En.value = 0;
+		}), Pe(() => {
+			yn.value = 0;
 		});
-		let On = f(() => {
+		let xn = p(() => {
 			let e = 0;
-			return tn.value && (e = En.value + R.value.xAxisFontSize), e;
-		}), U = f(() => P.value.style.layout.grid.yAxis.position === "right");
-		function kn() {
+			return Jt.value && (e = yn.value + R.value.xAxisFontSize), e;
+		}), U = p(() => P.value.style.layout.grid.yAxis.position === "right");
+		function Sn() {
 			let e = P.value.style.layout.grid.yAxis.dataLabels.offsetX;
-			en.value && (e = Array.from(en.value.querySelectorAll("text")).reduce((e, t) => {
+			qt.value && (e = Array.from(qt.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0));
@@ -465,25 +466,25 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				crosshair: 13
 			};
 		}
-		let W = f(() => {
-			let { top: e, right: t, bottom: n, left: r } = P.value.style.layout.padding, i = kn();
+		let W = p(() => {
+			let { top: e, right: t, bottom: n, left: r } = P.value.style.layout.padding, i = Sn();
 			return {
 				top: e + 12,
 				right: R.value.width - t - i.right,
 				left: r + i.left,
-				bottom: R.value.height - n - On.value,
+				bottom: R.value.height - n - xn.value,
 				width: R.value.width - r - t - i.left - i.right,
-				height: R.value.height - e - n - On.value - 12,
+				height: R.value.height - e - n - xn.value - 12,
 				scaleLabelsWidth: i.scaleLabelsWidth,
 				yAxisNameWidth: i.yAxisNameWidth,
 				crosshair: i.crosshair
 			};
-		}), An = f(() => {
-			let { left: e, top: t, width: n, height: r } = W.value, i = K.value.start, a = K.value.end - i, o = n / a, s = q.value.start - i, ee = q.value.end - i, c = Math.max(0, Math.min(a, s)), l = Math.max(0, Math.min(a, ee));
+		}), Cn = p(() => {
+			let { left: e, top: t, width: n, height: r } = W.value, i = K.value.start, a = K.value.end - i, o = n / a, s = q.value.start - i, c = q.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
 			return {
-				x: e + c * o,
+				x: e + l * o,
 				y: t,
-				width: (l - c) * o,
+				width: (u - l) * o,
 				height: r,
 				fill: P.value.style.zoom.preview.fill,
 				stroke: P.value.style.zoom.preview.stroke,
@@ -497,24 +498,24 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 					animation: "none !important"
 				}
 			};
-		}), G = f(() => I.value.length), K = C({
+		}), G = p(() => I.value.length), K = C({
 			start: 0,
 			end: G.value
 		}), q = C({
 			start: 0,
 			end: G.value
-		}), jn = f(() => P.value.style.zoom.preview.enable && (q.value.start !== K.value.start || q.value.end !== K.value.end));
-		function Mn(e, t) {
+		}), wn = p(() => P.value.style.zoom.preview.enable && (q.value.start !== K.value.start || q.value.end !== K.value.end));
+		function Tn(e, t) {
 			q.value[e] = t;
 		}
-		function Nn() {
+		function En() {
 			let e = Math.max(0, Math.min(K.value.start ?? 0, G.value - 1)), t = Math.max(e + 1, Math.min(K.value.end ?? G.value, G.value));
-			(!Number.isFinite(e) || !Number.isFinite(t) || t <= e) && (e = 0, t = G.value), K.value.start = e, K.value.end = t, q.value.start = e, q.value.end = t, Jt.value && (Jt.value.setStartValue(e), Jt.value.setEndValue(t));
+			(!Number.isFinite(e) || !Number.isFinite(t) || t <= e) && (e = 0, t = G.value), K.value.start = e, K.value.end = t, q.value.start = e, q.value.end = t, Vt.value && (Vt.value.setStartValue(e), Vt.value.setEndValue(t));
 		}
-		let Pn = f(() => I.value.map((e, t) => ({
+		let Dn = p(() => I.value.map((e, t) => ({
 			...e,
 			absoluteIndex: t
-		}))), Fn = f(() => Pn.value.slice(K.value.start, K.value.end)), J = f(() => (I.value.forEach((e, n) => {
+		}))), On = p(() => Dn.value.slice(K.value.start, K.value.end)), J = p(() => (I.value.forEach((e, n) => {
 			[null, void 0].includes(e[0]) && t({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
@@ -552,7 +553,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				index: n,
 				debug: V.value
 			});
-		}), Fn.value.map((e) => ({
+		}), On.value.map((e) => ({
 			absoluteIndex: e.absoluteIndex,
 			period: e[0],
 			open: e[1],
@@ -560,7 +561,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 			low: e[3],
 			close: e[4],
 			volume: e[5]
-		})))), In = f(() => Pn.value.map((e) => ({
+		})))), kn = p(() => Dn.value.map((e) => ({
 			absoluteIndex: e.absoluteIndex,
 			period: e[0],
 			open: e[1],
@@ -568,21 +569,21 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 			low: e[3],
 			close: e[4],
 			volume: e[5]
-		}))), Y = f(() => W.value.width / Fn.value.length), Ln = f(() => ({
+		}))), Y = p(() => W.value.width / On.value.length), An = p(() => ({
 			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(() => c(Ln.value.min, Ln.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
-		function Rn(e, t, n = null, r = null) {
+		})), X = p(() => l(An.value.min, An.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
+		function jn(e, t, n = null, r = null) {
 			return {
 				...e,
-				x: u(W.value.left + t * Y.value + Y.value / 2),
-				y: u(W.value.top + (1 - (e - X.value.min) / (X.value.max - X.value.min)) * W.value.height),
-				value: u(e),
+				x: d(W.value.left + t * Y.value + Y.value / 2),
+				y: d(W.value.top + (1 - (e - X.value.min) / (X.value.max - X.value.min)) * W.value.height),
+				value: d(e),
 				isMax: e === n,
 				isMin: e === r
 			};
 		}
-		let Z = f(() => {
+		let Z = p(() => {
 			let e = {
 				o: Math.max(...J.value.map((e) => e.open)),
 				h: Math.max(...J.value.map((e) => e.high)),
@@ -595,52 +596,52 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				c: Math.min(...J.value.map((e) => e.low))
 			}, n = Math.max(...J.value.map((e) => e.volume)), r = Math.min(...J.value.map((e) => e.volume));
 			return J.value.map((i, a) => {
-				let o = Rn(i.open, a, e.o, t.o), s = Rn(i.high, a, e.h, t.h), ee = Rn(i.low, a, e.l, t.l), c = Rn(i.close, a, e.c, t.c), l = i.close > i.open, te = i.volume === n, ne = i.volume === r;
+				let o = jn(i.open, a, e.o, t.o), s = jn(i.high, a, e.h, t.h), c = jn(i.low, a, e.l, t.l), l = jn(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,
 					high: s,
-					low: ee,
-					close: c,
+					low: c,
+					close: l,
 					volume: i.volume,
-					isBullish: l,
+					isBullish: u,
 					absoluteIndex: i.absoluteIndex,
-					isMaxVolume: te,
-					isMinVolume: ne
+					isMaxVolume: ee,
+					isMinVolume: te
 				};
 			});
 		});
-		function zn({ item: e, index: t, minimapH: n, unitW: r }) {
+		function Mn({ item: e, index: t, minimapH: n, unitW: r }) {
 			let i = P.value.style.layout.grid.yAxis.scale.min ?? 0, a = P.value.style.layout.grid.yAxis.scale.max ?? Math.max(...I.value.map((e) => e[2]));
 			return {
 				...e,
-				x: u(t * r),
-				y: u((1 - (e - i) / (a - i)) * n),
-				value: u(e)
+				x: d(t * r),
+				y: d((1 - (e - i) / (a - i)) * n),
+				value: d(e)
 			};
 		}
-		let Bn = f(() => ({ minimapH: e, unitW: t }) => In.value.map((n, r) => {
-			let i = zn({
+		let Nn = p(() => ({ minimapH: e, unitW: t }) => kn.value.map((n, r) => {
+			let i = Mn({
 				item: n.open,
 				index: r,
 				minimapH: e,
 				unitW: t
-			}), a = zn({
+			}), a = Mn({
 				item: n.high,
 				index: r,
 				minimapH: e,
 				unitW: t
-			}), o = zn({
+			}), o = Mn({
 				item: n.low,
 				index: r,
 				minimapH: e,
 				unitW: t
-			}), s = zn({
+			}), s = Mn({
 				item: n.close,
 				index: r,
 				minimapH: e,
 				unitW: t
-			}), ee = n.close > n.open;
+			}), c = n.close > n.open;
 			return {
 				period: n.period,
 				open: i,
@@ -648,104 +649,104 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				low: o,
 				close: s,
 				volume: n.volume,
-				isBullish: ee,
+				isBullish: c,
 				absoluteIndex: n.absoluteIndex
 			};
-		})), Vn = f(() => P.value.style.zoom.minimap.show ? [{
+		})), Pn = p(() => P.value.style.zoom.minimap.show ? [{
 			name: "",
 			series: I.value.map((e) => e[2]),
 			color: "#000000",
 			isVisible: !0
 		}] : []);
-		function Hn(e) {
-			return u((e - X.value.min) / (X.value.max - X.value.min));
+		function Fn(e) {
+			return d((e - X.value.min) / (X.value.max - X.value.min));
 		}
-		let Un = f(() => X.value.ticks.map((e) => ({
-			y: W.value.bottom - W.value.height * Hn(e),
-			value: u(e)
-		}))), Wn = f(() => J.value.map((e) => e.period)), Q = C([]), Gn = C([]), Kn = 0;
-		Be(() => {
-			let e = ++Kn;
+		let In = p(() => X.value.ticks.map((e) => ({
+			y: W.value.bottom - W.value.height * Fn(e),
+			value: d(e)
+		}))), Ln = p(() => J.value.map((e) => e.period)), Q = C([]), Rn = C([]), zn = 0;
+		Ve(() => {
+			let e = ++zn;
 			(async () => {
-				let t = await le({
+				let t = await ce({
 					values: I.value.map((e) => e[0]),
 					maxDatapoints: I.value.length,
 					formatter: P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
 					start: K.value.start,
 					end: K.value.end
 				});
-				e === Kn && (Q.value = t);
+				e === zn && (Q.value = t);
 			})();
 		});
-		let qn = 0;
-		Be(() => {
-			let e = ++qn;
+		let Bn = 0;
+		Ve(() => {
+			let e = ++Bn;
 			(async () => {
-				let t = await le({
+				let t = await ce({
 					values: I.value.map((e) => e[0]),
 					maxDatapoints: I.value.length,
 					formatter: P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
 					start: 0,
 					end: G.value
 				});
-				e === qn && (Gn.value = t);
+				e === Bn && (Rn.value = t);
 			})();
 		});
-		let Jn = f(() => {
+		let Vn = p(() => {
 			let e = P.value.style.layout.grid.xAxis.dataLabels.modulo;
 			return Q.value.length ? Math.min(e, [...new Set(Q.value.map((e) => e.text))].length) : e;
-		}), Yn = C({
+		}), Hn = C({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
-		}), Xn = 0;
-		Be(() => {
-			let e = ++Xn, t = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter;
+		}), Un = 0;
+		Ve(() => {
+			let e = ++Un, t = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter;
 			(async () => {
-				let n = await ce(t.locale).catch(() => ce("en"));
-				e === Xn && (Yn.value = n.data);
+				let n = await se(t.locale).catch(() => se("en"));
+				e === Un && (Hn.value = n.data);
 			})();
 		});
-		let Zn = f(() => {
-			let e = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, t = se({
+		let Wn = p(() => {
+			let e = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, t = oe({
 				useUTC: e.useUTC,
-				locale: Yn.value,
+				locale: Hn.value,
 				januaryAsYear: e.januaryAsYear
 			});
 			return (e, n) => {
 				let r = I.value.map((e) => e[0])?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Qn = f(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
-			text: Zn.value(t, P.value.style.tooltip.timeFormat),
+		}), Gn = p(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
+			text: Wn.value(t, P.value.style.tooltip.timeFormat),
 			absoluteIndex: t
-		}))), $n = f(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
-			text: Zn.value(t, P.value.style.zoom.timeFormat),
+		}))), Kn = p(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
+			text: Wn.value(t, P.value.style.zoom.timeFormat),
 			absoluteIndex: t
-		}))), er = f(() => {
-			let e = P.value.style.layout.grid.xAxis.dataLabels, t = Q.value || [], n = Gn.value || [], r = K.value.start ?? 0, i = j.value, a = G.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
-			return re(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Jn.value || 1), o, s, r, i, a);
-		}), tr = f(() => P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
+		}))), qn = p(() => {
+			let e = P.value.style.layout.grid.xAxis.dataLabels, t = Q.value || [], n = Rn.value || [], r = K.value.start ?? 0, i = j.value, a = G.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
+			return ne(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Vn.value || 1), o, s, r, i, a);
+		}), Jn = p(() => P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
 			start: Q.value.find((e) => e.absoluteIndex === K.value.start)?.text ?? "",
 			end: Q.value.find((e) => e.absoluteIndex === K.value.end - 1)?.text ?? ""
 		} : {
 			start: I.value[K.value.start] ? I.value[K.value.start][0] : I.value[0][0],
 			end: I.value[K.value.end - 1] ? I.value[K.value.end - 1][0] : I.value.at(-1)[0]
-		}), nr = C(null);
-		function rr(e, t) {
+		}), Yn = C(null);
+		function Xn(e, t) {
 			P.value.events.datapointClick && P.value.events.datapointClick({
 				datapoint: t,
 				seriesIndex: e + K.value.start
 			});
 		}
-		function ir(e, t) {
+		function Zn(e, t) {
 			P.value.events.datapointLeave && P.value.events.datapointLeave({
 				datapoint: t,
 				seriesIndex: e + K.value.start
-			}), j.value = void 0, Ut.value = !1, N.value = null, ln.value = "pointer";
+			}), j.value = void 0, It.value = !1, N.value = null, tn.value = "pointer";
 		}
-		ze(() => O.selectedXIndex, (e) => {
+		Be(() => O.selectedXIndex, (e) => {
 			if ([null, void 0].includes(O.selectedXIndex)) {
 				j.value = null;
 				return;
@@ -753,53 +754,53 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 			let t = e - K.value.start;
 			t < 0 || e >= K.value.end ? j.value = null : j.value = t ?? null;
 		}, { immediate: !0 });
-		function ar(e, t, n = "pointer") {
+		function Qn(e, t, n = "pointer") {
 			P.value.events.datapointEnter && P.value.events.datapointEnter({
 				datapoint: t,
 				seriesIndex: e + K.value.start
-			}), j.value = e, N.value = e, ln.value = n, nr.value = {
+			}), j.value = e, N.value = e, tn.value = n, Yn.value = {
 				datapoint: t,
 				seriesIndex: e,
 				series: Z.value,
 				config: P.value
-			}, Nr({
+			}, Er({
 				seriesIndex: e,
 				datapoint: t
 			});
 			let r = P.value.style.tooltip.customFormat;
-			if (ae(r) && ne(() => r({
+			if (ie(r) && te(() => r({
 				seriesIndex: e,
 				datapoint: t,
 				series: Z.value,
 				config: P.value
-			}))) Wt.value = r({
+			}))) Lt.value = r({
 				seriesIndex: e,
 				datapoint: t,
 				series: Z.value,
 				config: P.value
 			});
 			else if (P.value.style.tooltip.show) {
-				let n = "", { period: r, open: a, high: o, low: s, close: ee, volume: c, isBullish: l } = 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 : Qn.value[e].text : r;
+				let n = "", { period: r, open: a, high: o, low: s, close: c, volume: l, isBullish: u } = Z.value[e], { period: ee, open: te, high: ne, low: re, close: d, volume: ie } = P.value.translations, ae = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? P.value.style.tooltip.useDefaultTimeFormat ? Q.value[e].text : Gn.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.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 ? l ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : l ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg>${oe}</div>`, n += `${ae} : <b>${isNaN(c) ? "-" : Number(c.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 = i({
+                fill="${P.value.style.layout.candle.gradient.show ? u ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : u ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg>${ae}</div>`, n += `${ie} : <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 oe = i({
 					p: P.value.style.tooltip.prefix,
 					v: a.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), ce = i({
+				}), se = i({
 					p: P.value.style.tooltip.prefix,
 					v: o.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), le = i({
+				}), ce = i({
 					p: P.value.style.tooltip.prefix,
 					v: s.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), ue = i({
+				}), le = i({
 					p: P.value.style.tooltip.prefix,
-					v: ee.value,
+					v: c.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
 				});
@@ -810,54 +811,54 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
                             ${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>
-                                <text x="62" y="40" text-anchor="start" fill="${P.value.style.tooltip.color}">${ue}</text>
+                                <text x="38" y="70" text-anchor="end" fill="${P.value.style.tooltip.color}">${oe}</text>
+                                <text x="62" y="40" text-anchor="start" fill="${P.value.style.tooltip.color}">${le}</text>
                             ` : `
                                 <line x1="45" x2="50" y1="35" y2="35" stroke="${P.value.style.layout.candle.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
                                 <line x1="50" x2="55" y1="65" y2="65" stroke="${P.value.style.layout.candle.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
-                                <text x="40" y="40" text-anchor="end" fill="${P.value.style.tooltip.color}">${se}</text>
-                                <text x="60" y="70" text-anchor="start" fill="${P.value.style.tooltip.color}">${ue}</text>
+                                <text x="40" y="40" text-anchor="end" fill="${P.value.style.tooltip.color}">${oe}</text>
+                                <text x="60" y="70" text-anchor="start" fill="${P.value.style.tooltip.color}">${le}</text>
                             `}
-                            <text x="50" y="13" text-anchor="middle" fill="${P.value.style.tooltip.color}">${ce}</text>
-                            <text x="50" y="97" text-anchor="middle" fill="${P.value.style.tooltip.color}">${le}</text>
+                            <text x="50" y="13" text-anchor="middle" fill="${P.value.style.tooltip.color}">${se}</text>
+                            <text x="50" y="97" text-anchor="middle" fill="${P.value.style.tooltip.color}">${ce}</text>
                         <g>
                     </svg>
                     <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>", Wt.value = `<div style="text-align:right">${n}</div>`;
+                ` : (n += `<div>${te}: <b>${oe}</b></div>`, n += `<div>${ne}: <b>${se}</b></div>`, n += `<div>${re}: <b>${ce}</b></div>`, n += `<div>${d}: <b>${le}</b></div>`), n += "</div>", Lt.value = `<div style="text-align:right">${n}</div>`;
 			}
-			Ut.value = !0;
+			It.value = !0;
 		}
-		let or = C(null);
-		function sr() {
+		let $n = C(null);
+		function er() {
 			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
 		}
-		Ne(() => {
-			or.value && cancelAnimationFrame(or.value);
+		Pe(() => {
+			$n.value && cancelAnimationFrame($n.value);
 		});
-		async function cr() {
-			fr(), await Me(), or.value && cancelAnimationFrame(or.value), or.value = requestAnimationFrame(async () => {
-				await sr(), fr();
+		async function tr() {
+			ar(), await Me(), $n.value && cancelAnimationFrame($n.value), $n.value = requestAnimationFrame(async () => {
+				await er(), ar();
 			});
 		}
-		let lr = C(!1), ur = C(!1), dr = C(!1);
-		function fr() {
-			if (!lr.value) {
-				lr.value = !0;
+		let nr = C(!1), rr = C(!1), ir = C(!1);
+		function ar() {
+			if (!nr.value) {
+				nr.value = !0;
 				try {
-					let { startIndex: e, endIndex: t } = P.value.style.zoom, n = G.value, r = e ?? 0, i = t == null ? n : Math.min(pr(t + 1), n);
-					dr.value = !0, K.value.start = r, K.value.end = i, q.value.start = r, q.value.end = i, Nn(), ur.value = !0;
+					let { startIndex: e, endIndex: t } = P.value.style.zoom, n = G.value, r = e ?? 0, i = t == null ? n : Math.min(or(t + 1), n);
+					ir.value = !0, K.value.start = r, K.value.end = i, q.value.start = r, q.value.end = i, En(), rr.value = !0;
 				} finally {
 					queueMicrotask(() => {
-						dr.value = !1;
-					}), lr.value = !1;
+						ir.value = !1;
+					}), nr.value = !1;
 				}
 			}
 		}
-		function pr(e) {
+		function or(e) {
 			let t = G.value;
 			return e > t ? t : e < 0 || e < K.value.start ? P.value.style.zoom.startIndex === null ? 1 : P.value.style.zoom.startIndex + 1 : e;
 		}
-		function mr(e = null) {
+		function sr(e = null) {
 			Me(() => {
 				let t = [
 					P.value.translations.period,
@@ -883,13 +884,13 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 					],
 					t
 				].concat(n));
-				e ? e(r) : ee({
+				e ? e(r) : c({
 					csvContent: r,
 					title: P.value.style.title.text || "vue-ui-candlestick"
 				});
 			});
 		}
-		let hr = f(() => {
+		let cr = p(() => {
 			let e = Z.value.map((e, t) => {
 				let n = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period, r = i({
 					p: P.value.table.td.prefix,
@@ -975,22 +976,22 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				colNames: r
 			};
 		}), $ = C(!1);
-		function gr(e) {
-			$.value = e, Gt.value += 1;
+		function lr(e) {
+			$.value = e, Rt.value += 1;
 		}
-		function _r() {
+		function ur() {
 			H.value.showTable = !H.value.showTable;
 		}
-		function vr() {
+		function dr() {
 			H.value.showTooltip = !H.value.showTooltip;
 		}
-		let yr = C(!1);
-		function br() {
-			yr.value = !yr.value;
+		let fr = C(!1);
+		function pr() {
+			fr.value = !fr.value;
 		}
-		async function xr({ scale: e = 2 } = {}) {
+		async function mr({ scale: e = 2 } = {}) {
 			if (!M.value) return;
-			let { imageUri: t, base64: n } = await ve({
+			let { imageUri: t, base64: n } = await _e({
 				domElement: M.value,
 				base64: !0,
 				img: !0,
@@ -999,7 +1000,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await te(t, e) ?? i;
+			}, a = await ee(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1007,9 +1008,9 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				...a
 			};
 		}
-		let Sr = f(() => R.value.width), Cr = f(() => R.value.height);
-		_e({
-			timeLabelsEls: tn,
+		let hr = p(() => R.value.width), gr = p(() => R.value.height);
+		ge({
+			timeLabelsEls: Jt,
 			timeLabels: Q,
 			slicer: K,
 			configRef: P,
@@ -1032,18 +1033,18 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 			],
 			isAutoSize: !1,
 			rotation: P.value.style.layout.grid.xAxis.dataLabels.autoRotate.angle,
-			width: Sr,
-			height: Cr
-		}), ze(P, () => {
+			width: hr,
+			height: gr
+		}), Be(P, () => {
 			H.value = {
 				showTable: P.value.table.show,
 				showTooltip: P.value.style.tooltip.show
 			};
 		}, { immediate: !0 });
-		let wr = f(() => {
+		let _r = p(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = H.value.showTable;
 			return {
-				component: e ? It : jt,
+				component: e ? kt : wt,
 				title: `${P.value.style.title.text}${P.value.style.title.subtitle.text ? `: ${P.value.style.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: P.value.table.th.backgroundColor,
@@ -1053,7 +1054,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 					isFullscreen: $.value,
 					fullscreenParent: M.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: dn.value
+					isCursorPointer: rn.value
 				} : {
 					hideDetails: !0,
 					config: {
@@ -1071,64 +1072,64 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				}
 			};
 		});
-		ze(() => H.value.showTable, (e) => {
-			P.value.table.show || (e && P.value.table.useDialog && nn.value ? nn.value.open() : "close" in nn.value && nn.value.close());
+		Be(() => H.value.showTable, (e) => {
+			P.value.table.show || (e && P.value.table.useDialog && Yt.value ? Yt.value.open() : "close" in Yt.value && Yt.value.close());
 		});
-		function Tr() {
-			H.value.showTable = !1, rn.value && rn.value.setTableIconState(!1);
+		function vr() {
+			H.value.showTable = !1, Xt.value && Xt.value.setTableIconState(!1);
 		}
-		let Er = f(() => P.value.style.backgroundColor), { exportSvg: Dr, getSvg: Or } = me({
+		let yr = p(() => P.value.style.backgroundColor), { exportSvg: br, getSvg: xr } = pe({
 			svg: L,
-			title: f(() => P.value.style.title),
-			backgroundColor: Er
+			title: p(() => P.value.style.title),
+			backgroundColor: yr
 		});
-		async function kr({ isCb: e }) {
-			sn.value = !0, await Me();
+		async function Sr({ isCb: e }) {
+			$t.value = !0, await Me();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Or();
+					let { blob: e, url: t, text: n, dataUrl: r } = await xr();
 					await Promise.resolve(P.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Dr());
+				} else await Promise.resolve(br());
 			} finally {
-				sn.value = !1;
+				$t.value = !1;
 			}
 		}
-		function Ar(e) {
-			an.value = e;
+		function Cr(e) {
+			Zt.value = e;
 		}
-		function jr(e) {
-			lr.value || dr.value || e !== K.value.start && (K.value.start = e, q.value.start = e, Nn());
+		function wr(e) {
+			nr.value || ir.value || e !== K.value.start && (K.value.start = e, q.value.start = e, En());
 		}
-		function Mr(e) {
-			if (lr.value || dr.value) return;
-			let t = pr(e);
-			t !== K.value.end && (K.value.end = t, q.value.end = t, Nn());
+		function Tr(e) {
+			if (nr.value || ir.value) return;
+			let t = or(e);
+			t !== K.value.end && (K.value.end = t, q.value.end = t, En());
 		}
-		function Nr({ seriesIndex: e, datapoint: t }) {
-			Bt("selectX", {
+		function Er({ seriesIndex: e, datapoint: t }) {
+			Nt("selectX", {
 				dataset: t,
 				index: K.value.start + e,
 				indexLabel: ""
 			});
 		}
-		function Pr(e) {
+		function Dr(e) {
 			if (e?.stage === "start") {
-				on.value = !0;
+				Qt.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				on.value = !1;
+				Qt.value = !1;
 				return;
 			}
-			wn();
+			_n();
 		}
-		async function Fr() {
-			if (Bt("copyAlt", {
+		async function Or() {
+			if (Nt("copyAlt", {
 				config: P.value,
 				dataset: Z.value
 			}), !P.value.userOptions.callbacks.altCopy) {
@@ -1140,73 +1141,73 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				dataset: Z.value
 			}));
 		}
-		function Ir() {
-			N.value = null, un.value = !0;
+		function kr() {
+			N.value = null, nn.value = !0;
 		}
-		function Lr() {
-			N.value = null, ln.value = "pointer", Ut.value = !1, j.value = void 0, un.value = !1;
+		function Ar() {
+			N.value = null, tn.value = "pointer", It.value = !1, j.value = void 0, nn.value = !1;
 		}
-		function Rr(e) {
-			if (!L.value || yr.value || document.activeElement !== L.value || !Z.value.length) return;
+		function jr(e) {
+			if (!L.value || fr.value || document.activeElement !== L.value || !Z.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				N.value = null, ln.value = "pointer", Ut.value = !1, j.value = void 0;
+				N.value = null, tn.value = "pointer", It.value = !1, j.value = void 0;
 				return;
 			}
 			if (r) {
 				if (N.value === null) return;
 				let e = Z.value[N.value];
 				if (!e) return;
-				rr(N.value, e);
+				Xn(N.value, e);
 				return;
 			}
-			let a = N.value, o = j.value, s = a !== null && a >= 0 && a < Z.value.length, ee = o != null && o >= 0 && o < Z.value.length;
-			s ? n ? (a += 1, a >= Z.value.length && (a = 0)) : t && (--a, a < 0 && (a = Z.value.length - 1)) : ee ? (a = n ? o + 1 : o - 1, a >= Z.value.length && (a = 0), a < 0 && (a = Z.value.length - 1)) : a = n ? 0 : Z.value.length - 1;
-			let c = Z.value[a];
-			c && (zr(a), ar(a, c, "keyboard"));
+			let a = N.value, o = j.value, s = a !== null && a >= 0 && a < Z.value.length, c = o != null && o >= 0 && o < Z.value.length;
+			s ? n ? (a += 1, a >= Z.value.length && (a = 0)) : t && (--a, a < 0 && (a = Z.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= Z.value.length && (a = 0), a < 0 && (a = Z.value.length - 1)) : a = n ? 0 : Z.value.length - 1;
+			let l = Z.value[a];
+			l && (Mr(a), Qn(a, l, "keyboard"));
 		}
-		function zr(e) {
+		function Mr(e) {
 			if (!Number.isFinite(e) || !L.value) return;
 			let t = W.value.left + Y.value * e + Y.value / 2, n = W.value.top + W.value.height / 2, r = L.value.getBoundingClientRect();
-			cn.value = {
+			en.value = {
 				x: r.left + t / R.value.width * r.width,
 				y: r.top + n / R.value.height * r.height
 			};
 		}
-		let Br = f(() => ({
-			headers: hr.value?.colNames ?? [],
-			rows: hr.value?.bodyA11y ?? []
+		let Nr = p(() => ({
+			headers: cr.value?.colNames ?? [],
+			rows: cr.value?.bodyA11y ?? []
 		}));
-		return be({
-			getImage: xr,
-			generatePdf: Cn,
-			generateCsv: mr,
-			generateImage: wn,
-			generateSvg: kr,
-			toggleTable: _r,
-			toggleTooltip: vr,
-			toggleAnnotator: br,
-			toggleFullscreen: gr,
-			copyAlt: Fr
-		}), (e, t) => (S(), h("div", {
+		return ye({
+			getImage: mr,
+			generatePdf: gn,
+			generateCsv: sr,
+			generateImage: _n,
+			generateSvg: Sr,
+			toggleTable: ur,
+			toggleTooltip: dr,
+			toggleAnnotator: pr,
+			toggleFullscreen: lr,
+			copyAlt: Or
+		}), (e, t) => (S(), g("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"}`),
-			style: x(`position:relative;font-family:${P.value.style.fontFamily}; text-align:center;background:${P.value.style.backgroundColor}; ${P.value.responsive ? "height: 100%" : ""}`),
+			class: b(`vue-data-ui-component vue-ui-candlestick ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${P.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			style: Ne(`position:relative;font-family:${P.value.style.fontFamily}; text-align:center;background:${P.value.style.backgroundColor}; ${P.value.responsive ? "height: 100%" : ""}`),
 			id: `vue-ui-candlestick_${A.value}`,
-			onMouseenter: _n,
-			onMouseleave: vn
+			onMouseenter: un,
+			onMouseleave: dn
 		}, [
-			g("div", {
+			_("div", {
 				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
-			}, [g("p", null, Le(P.value.a11y.translations.keyboardNavigation), 1)], 8, Ue),
-			Br.value?.rows?.length ? (S(), p(we, {
+			}, [_("p", null, Re(P.value.a11y.translations.keyboardNavigation), 1)], 8, We),
+			Nr.value?.rows?.length ? (S(), m(we, {
 				key: 0,
 				uid: A.value,
-				head: Br.value.headers,
-				body: Br.value.rows,
+				head: Nr.value.headers,
+				body: Nr.value.rows,
 				notice: P.value.a11y.translations.tableAvailable,
 				caption: P.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1215,22 +1216,22 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				"body",
 				"notice",
 				"caption"
-			])) : m("", !0),
-			P.value.userOptions.buttons.annotator ? (S(), p(E(Nt), {
+			])) : h("", !0),
+			P.value.userOptions.buttons.annotator ? (S(), m(E(Et), {
 				key: 1,
 				svgRef: E(L),
 				backgroundColor: P.value.style.backgroundColor,
 				color: P.value.style.color,
-				active: yr.value,
-				isCursorPointer: dn.value,
-				onClose: br
+				active: fr.value,
+				isCursorPointer: rn.value,
+				onClose: pr
 			}, {
 				"annotator-action-close": D(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": D(({ color: t }) => [T(e.$slots, "annotator-action-color", b(v({ color: t })), void 0, !0)]),
-				"annotator-action-draw": D(({ mode: t }) => [T(e.$slots, "annotator-action-draw", b(v({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": D(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", b(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": D(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", b(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": D(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", b(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-color": D(({ color: t }) => [T(e.$slots, "annotator-action-color", x(y({ color: t })), void 0, !0)]),
+				"annotator-action-draw": D(({ mode: t }) => [T(e.$slots, "annotator-action-draw", x(y({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": D(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", x(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": D(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", x(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": D(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", x(y({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -1238,21 +1239,21 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : m("", !0),
-			Tn.value ? (S(), h("div", {
+			])) : h("", !0),
+			vn.value ? (S(), g("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Xt,
+				ref: Ut,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : m("", !0),
-			P.value.style.title.text ? (S(), h("div", {
+			}, null, 512)) : h("", !0),
+			P.value.style.title.text ? (S(), g("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: Kt,
+				ref: zt,
 				style: "width:100%;background:transparent"
-			}, [(S(), p(ye, {
-				key: `title_${$t.value}`,
+			}, [(S(), m(ve, {
+				key: `title_${Kt.value}`,
 				config: {
 					title: {
 						cy: "candlestick-div-title",
@@ -1263,15 +1264,15 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 						...P.value.style.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : m("", !0),
-			P.value.userOptions.show && Vt.value && (E(gn) || E(mn)) ? (S(), p(E(Pt), {
+			}, null, 8, ["config"]))], 512)) : h("", !0),
+			P.value.userOptions.show && Pt.value && (E(ln) || E(sn)) ? (S(), m(E(Dt), {
 				ref_key: "userOptionsRef",
-				ref: rn,
-				key: `user_options_${Gt.value}`,
+				ref: Xt,
+				key: `user_options_${Rt.value}`,
 				backgroundColor: P.value.style.backgroundColor,
 				color: P.value.style.color,
-				isImaging: E(Sn),
-				isPrinting: E(xn),
+				isImaging: E(hn),
+				isPrinting: E(mn),
 				uid: A.value,
 				hasTooltip: P.value.userOptions.buttons.tooltip && P.value.style.tooltip.show,
 				hasPdf: P.value.userOptions.buttons.pdf,
@@ -1287,25 +1288,25 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				chartElement: M.value,
 				position: P.value.userOptions.position,
 				hasAnnotator: P.value.userOptions.buttons.annotator,
-				isAnnotation: yr.value,
+				isAnnotation: fr.value,
 				callbacks: P.value.userOptions.callbacks,
 				printScale: P.value.userOptions.print.scale,
 				tableDialog: P.value.table.useDialog,
-				isCursorPointer: dn.value,
-				onToggleFullscreen: gr,
-				onGeneratePdf: E(Cn),
-				onGenerateCsv: mr,
-				onGenerateImage: Pr,
-				onGenerateSvg: kr,
-				onToggleTable: _r,
-				onToggleTooltip: vr,
-				onToggleAnnotator: br,
-				onCopyAlt: Fr,
-				style: x({ visibility: E(gn) ? E(mn) ? "visible" : "hidden" : "visible" })
+				isCursorPointer: rn.value,
+				onToggleFullscreen: lr,
+				onGeneratePdf: E(gn),
+				onGenerateCsv: sr,
+				onGenerateImage: Dr,
+				onGenerateSvg: Sr,
+				onToggleTable: ur,
+				onToggleTooltip: dr,
+				onToggleAnnotator: pr,
+				onCopyAlt: Or,
+				style: Ne({ visibility: E(ln) ? E(sn) ? "visible" : "hidden" : "visible" })
 			}, Oe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: D(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", b(v({
+					fn: D(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", x(y({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1343,7 +1344,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", b(v({
+					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", x(y({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1351,7 +1352,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", b(v({
+					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", x(y({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1359,7 +1360,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: D(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", b(v({ altCopy: t })), void 0, !0)]),
+					fn: D(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", x(y({ altCopy: t })), void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
@@ -1372,70 +1373,80 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 					fn: D(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "11"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : m("", !0),
-			g("div", We, [(S(), h("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : h("", !0),
+			_("div", Ge, [(S(), g("svg", {
 				ref_key: "svgRef",
 				ref: L,
-				xmlns: E(ie),
+				xmlns: E(re),
 				"aria-describedby": `chart-instructions-${A.value}`,
-				class: y({
+				class: b({
 					"vue-data-ui-fullscreen--on": $.value,
 					"vue-data-ui-fulscreen--off": !$.value
 				}),
 				viewBox: `0 0 ${R.value.width <= 0 ? 10 : R.value.width} ${R.value.height <= 0 ? 10 : R.value.height}`,
-				style: x(`max-width:100%;overflow:visible;background:transparent;color:${P.value.style.color}`),
+				style: Ne(`max-width:100%;overflow:visible;background:transparent;color:${P.value.style.color}`),
 				tabindex: "0",
-				onFocus: Ir,
-				onBlur: Lr,
-				onKeydown: Rr
+				onFocus: kr,
+				onBlur: Ar,
+				onKeydown: jr
 			}, [
-				Ae(E(Ft)),
-				e.$slots["chart-background"] ? (S(), h("foreignObject", {
+				Ae(E(Ot)),
+				e.$slots["chart-background"] ? (S(), g("foreignObject", {
 					key: 0,
 					x: W.value.left,
 					y: W.value.top,
 					width: Math.max(.1, W.value.width),
 					height: Math.max(.1, W.value.height),
 					style: { pointerEvents: "none" }
-				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, Ke)) : m("", !0),
-				Z.value.length > 0 ? (S(), h("g", qe, [
-					g("defs", null, [g("linearGradient", {
+				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, qe)) : h("", !0),
+				Z.value.length > 0 ? (S(), g("g", Je, [
+					_("defs", null, [Ae(Se, {
+						t: "linear",
 						id: `bearish_gradient_${A.value}`,
 						x2: "0%",
-						y2: "100%"
-					}, [
-						g("stop", {
-							offset: "0%",
-							"stop-color": P.value.style.layout.candle.colors.bearish
-						}, null, 8, Ye),
-						g("stop", {
-							offset: "50%",
-							"stop-color": `${E(oe)(P.value.style.layout.candle.colors.bearish, .02)}DE`
-						}, null, 8, Xe),
-						g("stop", {
-							offset: "100%",
-							"stop-color": `${E(oe)(P.value.style.layout.candle.colors.bearish, .05)}66`
-						}, null, 8, Ze)
-					], 8, Je), g("linearGradient", {
+						y2: "100%",
+						stops: [
+							[
+								"0%",
+								P.value.style.layout.candle.colors.bearish,
+								1
+							],
+							[
+								"50%",
+								E(ae)(P.value.style.layout.candle.colors.bearish, .02),
+								.87
+							],
+							[
+								"100%",
+								E(ae)(P.value.style.layout.candle.colors.bearish, .05),
+								.4
+							]
+						]
+					}, null, 8, ["id", "stops"]), Ae(Se, {
+						t: "linear",
 						id: `bullish_gradient_${A.value}`,
 						x2: "0%",
-						y2: "100%"
-					}, [
-						g("stop", {
-							offset: "0%",
-							"stop-color": P.value.style.layout.candle.colors.bullish
-						}, null, 8, $e),
-						g("stop", {
-							offset: "50%",
-							"stop-color": `${E(oe)(P.value.style.layout.candle.colors.bullish, .02)}DE`
-						}, null, 8, et),
-						g("stop", {
-							offset: "100%",
-							"stop-color": `${E(oe)(P.value.style.layout.candle.colors.bullish, .05)}66`
-						}, null, 8, tt)
-					], 8, Qe)]),
-					P.value.style.layout.grid.show ? (S(), h("g", nt, [
-						g("line", {
+						y2: "100%",
+						stops: [
+							[
+								"0%",
+								P.value.style.layout.candle.colors.bullish,
+								1
+							],
+							[
+								"50%",
+								E(ae)(P.value.style.layout.candle.colors.bullish, .02),
+								.87
+							],
+							[
+								"100%",
+								E(ae)(P.value.style.layout.candle.colors.bullish, .05),
+								.4
+							]
+						]
+					}, null, 8, ["id", "stops"])]),
+					P.value.style.layout.grid.show ? (S(), g("g", Ye, [
+						_("line", {
 							x1: U.value ? W.value.right : W.value.left,
 							x2: U.value ? W.value.right : W.value.left,
 							y1: W.value.top,
@@ -1443,8 +1454,8 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							stroke: P.value.style.layout.grid.stroke,
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
-						}, null, 8, rt),
-						g("line", {
+						}, null, 8, Xe),
+						_("line", {
 							x1: W.value.left,
 							x2: W.value.right,
 							y1: W.value.bottom,
@@ -1452,8 +1463,8 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							stroke: P.value.style.layout.grid.stroke,
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
-						}, null, 8, it),
-						P.value.style.layout.grid.horizontalLines.show ? (S(!0), h(d, { key: 0 }, w(Un.value, (e) => (S(), h("line", {
+						}, null, 8, Ze),
+						P.value.style.layout.grid.horizontalLines.show ? (S(!0), g(f, { key: 0 }, w(In.value, (e) => (S(), g("line", {
 							x1: W.value.left,
 							x2: W.value.right,
 							y1: e.y,
@@ -1462,8 +1473,8 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							"stroke-width": P.value.style.layout.grid.horizontalLines.strokeWidth,
 							"stroke-dasharray": P.value.style.layout.grid.horizontalLines.strokeDasharray,
 							"stroke-linecap": "round"
-						}, null, 8, at))), 256)) : m("", !0),
-						P.value.style.layout.grid.verticalLines.show ? (S(!0), h(d, { key: 1 }, w(er.value, (e, t) => (S(), h("g", null, [e.text ? (S(), h("line", {
+						}, null, 8, Qe))), 256)) : h("", !0),
+						P.value.style.layout.grid.verticalLines.show ? (S(!0), g(f, { key: 1 }, w(qn.value, (e, t) => (S(), g("g", null, [e.text ? (S(), g("line", {
 							key: 0,
 							x1: W.value.left + Y.value * t + Y.value / 2,
 							x2: W.value.left + Y.value * t + Y.value / 2,
@@ -1473,8 +1484,8 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							"stroke-width": P.value.style.layout.grid.verticalLines.strokeWidth,
 							"stroke-dasharray": P.value.style.layout.grid.verticalLines.strokeDasharray,
 							"stroke-linecap": "round"
-						}, null, 8, ot)) : m("", !0)]))), 256)) : m("", !0),
-						P.value.style.layout.grid.xAxis.ticks.show ? (S(!0), h(d, { key: 2 }, w(er.value, (e, t) => (S(), h("g", null, [e.text ? (S(), h("line", {
+						}, null, 8, $e)) : h("", !0)]))), 256)) : h("", !0),
+						P.value.style.layout.grid.xAxis.ticks.show ? (S(!0), g(f, { key: 2 }, w(qn.value, (e, t) => (S(), g("g", null, [e.text ? (S(), g("line", {
 							key: 0,
 							x1: W.value.left + Y.value * t + Y.value / 2,
 							x2: W.value.left + Y.value * t + Y.value / 2,
@@ -1483,13 +1494,13 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							stroke: P.value.style.layout.grid.stroke,
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
-						}, null, 8, st)) : m("", !0)]))), 256)) : m("", !0)
-					])) : m("", !0),
-					P.value.style.layout.grid.yAxis.dataLabels.show ? (S(), h("g", {
+						}, null, 8, et)) : h("", !0)]))), 256)) : h("", !0)
+					])) : h("", !0),
+					P.value.style.layout.grid.yAxis.dataLabels.show ? (S(), g("g", {
 						key: 1,
 						ref_key: "scaleLabels",
-						ref: en
-					}, [(S(!0), h(d, null, w(Un.value, (e, t) => (S(), h("g", null, [e.value >= X.value.min && e.value <= X.value.max ? (S(), h("line", {
+						ref: qt
+					}, [(S(!0), g(f, null, w(In.value, (e, t) => (S(), g("g", null, [e.value >= X.value.min && e.value <= X.value.max ? (S(), g("line", {
 						key: 0,
 						x1: U.value ? W.value.right : W.value.left,
 						x2: U.value ? W.value.right + 5 : W.value.left - 5,
@@ -1498,7 +1509,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 						stroke: P.value.style.layout.grid.stroke,
 						"stroke-width": P.value.style.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, ct)) : m("", !0), e.value >= X.value.min && e.value <= X.value.max ? (S(), h("text", {
+					}, null, 8, tt)) : h("", !0), e.value >= X.value.min && e.value <= X.value.max ? (S(), g("text", {
 						key: 1,
 						x: U.value ? W.value.right + 8 + P.value.style.layout.grid.yAxis.dataLabels.offsetX : W.value.left - 8 + P.value.style.layout.grid.yAxis.dataLabels.offsetX,
 						y: e.y + R.value.yAxisFontSize / 3,
@@ -1506,38 +1517,38 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 						"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"
-					}, Le(E(i)({
+					}, Re(E(i)({
 						p: P.value.style.layout.grid.yAxis.dataLabels.prefix,
 						v: e.value,
 						s: P.value.style.layout.grid.yAxis.dataLabels.suffix,
 						r: P.value.style.layout.grid.yAxis.dataLabels.roundingValue
-					})), 9, lt)) : m("", !0)]))), 256))], 512)) : m("", !0),
-					P.value.style.layout.grid.xAxis.dataLabels.show && !P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (S(), h("g", {
+					})), 9, nt)) : h("", !0)]))), 256))], 512)) : h("", !0),
+					P.value.style.layout.grid.xAxis.dataLabels.show && !P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (S(), g("g", {
 						key: 2,
 						ref_key: "timeLabelsEls",
-						ref: tn
-					}, [(S(!0), h(d, null, w(Wn.value, (e, t) => (S(), h("g", null, [g("text", {
+						ref: Jt
+					}, [(S(!0), g(f, null, w(Ln.value, (e, t) => (S(), g("g", null, [_("text", {
 						class: "vue-data-ui-time-label",
 						transform: `translate(${W.value.left + Y.value * t + Y.value / 2}, ${W.value.bottom + R.value.xAxisFontSize * 1.5}), rotate(${P.value.style.layout.grid.xAxis.dataLabels.rotation})`,
 						"text-anchor": P.value.style.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : P.value.style.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
 						"font-size": R.value.xAxisFontSize,
 						fill: P.value.style.layout.grid.xAxis.dataLabels.color,
 						"font-weight": P.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-					}, Le(e), 9, ut)]))), 256))], 512)) : m("", !0),
-					P.value.style.layout.grid.xAxis.dataLabels.show && P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (S(), h("g", {
+					}, Re(e), 9, rt)]))), 256))], 512)) : h("", !0),
+					P.value.style.layout.grid.xAxis.dataLabels.show && P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (S(), g("g", {
 						key: 3,
 						ref_key: "timeLabelsEls",
-						ref: tn
-					}, [(S(!0), h(d, null, w(er.value, (e, t) => (S(), h("g", null, [g("text", {
+						ref: Jt
+					}, [(S(!0), g(f, null, w(qn.value, (e, t) => (S(), g("g", null, [_("text", {
 						class: "vue-data-ui-time-label",
 						transform: `translate(${W.value.left + Y.value * t + Y.value / 2}, ${W.value.bottom + R.value.xAxisFontSize * 1.5}), rotate(${P.value.style.layout.grid.xAxis.dataLabels.rotation})`,
 						"text-anchor": P.value.style.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : P.value.style.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
 						"font-size": R.value.xAxisFontSize,
 						fill: P.value.style.layout.grid.xAxis.dataLabels.color,
 						"font-weight": P.value.style.layout.grid.xAxis.dataLabels.bold ? "bold" : "normal"
-					}, Le(e?.text ?? ""), 9, dt)]))), 256))], 512)) : m("", !0),
-					P.value.type === "candlestick" ? (S(), h(d, { key: 4 }, [g("g", null, [(S(!0), h(d, null, w(Z.value, (e, t) => (S(), h("g", null, [
-						g("rect", {
+					}, Re(e?.text ?? ""), 9, it)]))), 256))], 512)) : h("", !0),
+					P.value.type === "candlestick" ? (S(), g(f, { key: 4 }, [_("g", null, [(S(!0), g(f, null, w(Z.value, (e, t) => (S(), g("g", null, [
+						_("rect", {
 							x: e.open.x - P.value.style.layout.wick.strokeWidth / 2,
 							y: e.high.y,
 							width: P.value.style.layout.wick.strokeWidth,
@@ -1545,22 +1556,22 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							fill: P.value.style.layout.wick.stroke,
 							stroke: "none",
 							rx: P.value.style.layout.wick.strokeWidth / 2,
-							class: y({ "vue-data-ui-transition": k.value && !E(F) })
-						}, null, 10, ft),
-						P.value.style.layout.wick.extremity.shape === "circle" ? (S(), h("g", pt, [g("circle", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, at),
+						P.value.style.layout.wick.extremity.shape === "circle" ? (S(), g("g", ot, [_("circle", {
 							cx: e.high.x,
 							cy: e.high.y,
 							r: P.value.style.layout.wick.extremity.size === "auto" ? Y.value / 20 : P.value.style.layout.wick.extremity.size,
 							fill: P.value.style.layout.wick.extremity.color,
-							class: y({ "vue-data-ui-transition": k.value && !E(F) })
-						}, null, 10, mt), g("circle", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, st), _("circle", {
 							cx: e.low.x,
 							cy: e.low.y,
 							r: P.value.style.layout.wick.extremity.size === "auto" ? Y.value / 20 : P.value.style.layout.wick.extremity.size,
 							fill: P.value.style.layout.wick.extremity.color,
-							class: y({ "vue-data-ui-transition": k.value && !E(F) })
-						}, null, 10, ht)])) : m("", !0),
-						P.value.style.layout.wick.extremity.shape === "line" ? (S(), h("g", gt, [g("rect", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, ct)])) : h("", !0),
+						P.value.style.layout.wick.extremity.shape === "line" ? (S(), g("g", lt, [_("rect", {
 							x: e.high.x - (P.value.style.layout.wick.extremity.size === "auto" ? Y.value * P.value.style.layout.candle.widthRatio : P.value.style.layout.wick.extremity.size) / 2,
 							y: e.high.y - P.value.style.layout.wick.strokeWidth / 2,
 							width: Math.abs(e.high.x - (P.value.style.layout.wick.extremity.size === "auto" ? Y.value * P.value.style.layout.candle.widthRatio : P.value.style.layout.wick.extremity.size) / 2 - (e.high.x + (P.value.style.layout.wick.extremity.size === "auto" ? Y.value * P.value.style.layout.candle.widthRatio : P.value.style.layout.wick.extremity.size) / 2)),
@@ -1568,8 +1579,8 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							rx: P.value.style.layout.wick.strokeWidth / 2,
 							fill: P.value.style.layout.wick.extremity.color,
 							stroke: "none",
-							class: y({ "vue-data-ui-transition": k.value && !E(F) })
-						}, null, 10, _t), g("rect", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, ut), _("rect", {
 							x: e.low.x - (P.value.style.layout.wick.extremity.size === "auto" ? Y.value * P.value.style.layout.candle.widthRatio : P.value.style.layout.wick.extremity.size) / 2,
 							y: e.low.y - P.value.style.layout.wick.strokeWidth / 2,
 							width: Math.abs(e.low.x - (P.value.style.layout.wick.extremity.size === "auto" ? Y.value * P.value.style.layout.candle.widthRatio : P.value.style.layout.wick.extremity.size) / 2 - (e.low.x + (P.value.style.layout.wick.extremity.size === "auto" ? Y.value * P.value.style.layout.candle.widthRatio : P.value.style.layout.wick.extremity.size) / 2)),
@@ -1577,9 +1588,9 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 							fill: P.value.style.layout.wick.extremity.color,
 							stroke: "none",
 							rx: P.value.style.layout.wick.strokeWidth / 2,
-							class: y({ "vue-data-ui-transition": k.value && !E(F) })
-						}, null, 10, vt)])) : m("", !0)
-					]))), 256))]), g("g", null, [(S(!0), h(d, null, w(Z.value, (e, t) => (S(), h("rect", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, dt)])) : h("", !0)
+					]))), 256))]), _("g", null, [(S(!0), g(f, null, w(Z.value, (e, t) => (S(), g("rect", {
 						x: e.open.x - Y.value / 2 + Y.value * (1 - P.value.style.layout.candle.widthRatio) / 2,
 						y: e.isBullish ? e.close.y : e.open.y,
 						height: Math.abs(e.close.y - e.open.y) <= 0 ? 1e-4 : Math.abs(e.close.y - e.open.y),
@@ -1587,8 +1598,8 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 						fill: P.value.style.layout.candle.gradient.underlayer,
 						rx: P.value.style.layout.candle.borderRadius,
 						stroke: "none",
-						class: y({ "vue-data-ui-transition": k.value && !E(F) })
-					}, null, 10, yt))), 256)), (S(!0), h(d, null, w(Z.value, (e, t) => (S(), h("rect", {
+						class: b({ "vue-data-ui-transition": k.value && !E(F) })
+					}, null, 10, ft))), 256)), (S(!0), g(f, null, w(Z.value, (e, t) => (S(), g("rect", {
 						x: e.open.x - Y.value / 2 + Y.value * (1 - P.value.style.layout.candle.widthRatio) / 2,
 						y: e.isBullish ? e.close.y : e.open.y,
 						height: Math.abs(e.close.y - e.open.y) <= 0 ? 1e-4 : Math.abs(e.close.y - e.open.y),
@@ -1599,46 +1610,46 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 						"stroke-width": P.value.style.layout.candle.strokeWidth,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						class: y({ "vue-data-ui-transition": k.value && !E(F) })
-					}, null, 10, bt))), 256))])], 64)) : m("", !0),
-					P.value.type === "ohlc" ? (S(!0), h(d, { key: 5 }, w(Z.value, (e, t) => (S(), h("g", null, [g("path", {
+						class: b({ "vue-data-ui-transition": k.value && !E(F) })
+					}, null, 10, pt))), 256))])], 64)) : h("", !0),
+					P.value.type === "ohlc" ? (S(!0), g(f, { key: 5 }, w(Z.value, (e, t) => (S(), g("g", null, [_("path", {
 						d: `M ${e.high.x},${e.high.y} ${e.low.x},${e.low.y} M${e.open.x - Math.min(6, Y.value / 3)},${e.open.y} ${e.open.x},${e.open.y} M${e.close.x},${e.close.y} ${e.close.x + Math.min(6, Y.value / 3)},${e.close.y}`,
 						stroke: e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish,
 						"stroke-width": 1
-					}, null, 8, xt)]))), 256)) : m("", !0),
-					g("g", null, [(S(!0), h(d, null, w(Z.value, (e, t) => (S(), h("rect", {
+					}, null, 8, mt)]))), 256)) : h("", !0),
+					_("g", null, [(S(!0), g(f, null, w(Z.value, (e, t) => (S(), g("rect", {
 						x: W.value.left + t * Y.value,
 						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 || an.value === t ? E(o)(P.value.style.layout.selector.color, P.value.style.layout.selector.opacity) : "transparent",
-						onMouseover: () => ar(t, e, "pointer"),
-						onMouseleave: () => ir(t, e),
-						onClick: () => rr(t, e)
-					}, null, 40, St))), 256))])
-				])) : m("", !0),
-				jn.value ? (S(), h("rect", je({ key: 2 }, An.value, {
+						fill: j.value === t || Zt.value === t ? E(o)(P.value.style.layout.selector.color, P.value.style.layout.selector.opacity) : "transparent",
+						onMouseover: () => Qn(t, e, "pointer"),
+						onMouseleave: () => Zn(t, e),
+						onClick: () => Xn(t, e)
+					}, null, 40, ht))), 256))])
+				])) : h("", !0),
+				wn.value ? (S(), g("rect", je({ key: 2 }, Cn.value, {
 					"data-start": K.value.start,
 					"data-end": K.value.end
-				}), null, 16, Ct)) : m("", !0),
+				}), null, 16, gt)) : h("", !0),
 				T(e.$slots, "svg", { svg: {
 					...R.value,
 					data: Z.value,
 					drawingArea: W.value,
-					isPrintingImg: E(xn) || E(Sn) || on.value,
-					isPrintingSvg: sn.value
+					isPrintingImg: E(mn) || E(hn) || Qt.value,
+					isPrintingSvg: $t.value
 				} }, void 0, !0)
-			], 46, Ge)), e.$slots.hint ? (S(), h("div", wt, [T(e.$slots, "hint", b(v({
+			], 46, Ke)), e.$slots.hint ? (S(), g("div", _t, [T(e.$slots, "hint", x(y({
 				hint: P.value.a11y.translations.keyboardNavigation,
-				isVisible: un.value
-			})), void 0, !0)])) : m("", !0)]),
-			e.$slots.watermark ? (S(), h("div", Tt, [T(e.$slots, "watermark", b(v({ isPrinting: E(xn) || E(Sn) || on.value || sn.value })), void 0, !0)])) : m("", !0),
-			P.value.style.zoom.show && G.value > 6 && Vt.value && ur.value ? (S(), p(Ce, {
+				isVisible: nn.value
+			})), void 0, !0)])) : h("", !0)]),
+			e.$slots.watermark ? (S(), g("div", vt, [T(e.$slots, "watermark", x(y({ isPrinting: E(mn) || E(hn) || Qt.value || $t.value })), void 0, !0)])) : h("", !0),
+			P.value.style.zoom.show && G.value > 6 && Pt.value && rr.value ? (S(), m(Ce, {
 				key: 6,
 				ref_key: "chartSlicer",
-				ref: Jt,
+				ref: Vt,
 				"data-dom-to-png-ignore-layout": "",
-				allMinimaps: Vn.value,
+				allMinimaps: Pn.value,
 				background: P.value.style.zoom.color,
 				borderColor: P.value.style.backgroundColor,
 				customFormat: P.value.style.zoom.customFormat,
@@ -1651,9 +1662,9 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				fontSize: P.value.style.zoom.fontSize,
 				immediate: !P.value.style.zoom.preview.enable,
 				inputColor: P.value.style.zoom.color,
-				isPreview: jn.value,
-				labelLeft: tr.value.start || "",
-				labelRight: tr.value.end || "",
+				isPreview: wn.value,
+				labelLeft: Jn.value.start || "",
+				labelRight: Jn.value.end || "",
 				max: G.value,
 				min: 0,
 				minimap: P.value.style.zoom.minimap.show ? E(I).map((e) => e[2]) : [],
@@ -1665,7 +1676,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				minimapSelectedColorOpacity: P.value.style.zoom.minimap.selectedColorOpacity,
 				minimapSelectedIndex: j.value,
 				minimapSelectionRadius: 1,
-				preciseLabels: $n.value,
+				preciseLabels: Kn.value,
 				refreshEndPoint: P.value.style.zoom.endIndex === null ? G.value : P.value.style.zoom.endIndex + 1,
 				refreshStartPoint: P.value.style.zoom.startIndex === null ? 0 : P.value.style.zoom.startIndex,
 				selectColor: P.value.style.zoom.highlightColor,
@@ -1673,7 +1684,7 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				smoothMinimap: !1,
 				start: K.value.start,
 				textColor: P.value.style.color,
-				timeLabels: Gn.value,
+				timeLabels: Rn.value,
 				usePreciseLabels: P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable && !P.value.style.zoom.useDefaultFormat,
 				useResetSlot: P.value.style.zoom.useResetSlot,
 				valueEnd: K.value.end,
@@ -1689,43 +1700,43 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				handleBorderColor: P.value.style.zoom.minimap.handleBorderColor,
 				handleFill: P.value.style.zoom.minimap.handleFill,
 				handleWidth: P.value.style.zoom.minimap.handleWidth,
-				"onUpdate:end": Mr,
-				"onUpdate:start": jr,
-				onTrapMouse: Ar,
-				onReset: cr,
-				onFutureEnd: t[0] ||= (e) => Mn("end", e),
-				onFutureStart: t[1] ||= (e) => Mn("start", e)
+				"onUpdate:end": Tr,
+				"onUpdate:start": wr,
+				onTrapMouse: Cr,
+				onReset: tr,
+				onFutureEnd: t[0] ||= (e) => Tn("end", e),
+				onFutureStart: t[1] ||= (e) => Tn("start", e)
 			}, {
-				"reset-action": D(({ reset: t }) => [T(e.$slots, "reset-action", b(v({ reset: t })), void 0, !0)]),
-				slotMap: D(({ height: e, unitW: t }) => [(S(!0), h(d, null, w(Bn.value({
+				"reset-action": D(({ reset: t }) => [T(e.$slots, "reset-action", x(y({ reset: t })), void 0, !0)]),
+				slotMap: D(({ height: e, unitW: t }) => [(S(!0), g(f, null, w(Nn.value({
 					minimapH: e,
 					unitW: t
-				}), (e, n) => (S(), h("g", null, [g("path", {
+				}), (e, n) => (S(), g("g", null, [_("path", {
 					d: `M ${e.high.x},${e.high.y} ${e.low.x},${e.low.y}`,
 					stroke: e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish,
 					"stroke-width": 1,
-					style: x({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
-				}, null, 12, Et), g("path", {
+					style: Ne({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
+				}, null, 12, yt), _("path", {
 					d: `M ${e.open.x},${e.open.y} ${e.close.x},${e.close.y}`,
 					stroke: e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish,
 					"stroke-width": Math.min(6, t / 1.5),
-					style: x({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
-				}, null, 12, Dt)]))), 256))]),
+					style: Ne({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
+				}, null, 12, bt)]))), 256))]),
 				_: 3
-			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.useResetSlot.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : m("", !0),
-			g("div", {
+			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.useResetSlot.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : h("", !0),
+			_("div", {
 				ref_key: "chartLegend",
-				ref: qt
+				ref: Bt
 			}, [T(e.$slots, "legend", { legend: Z.value }, void 0, !0)], 512),
-			e.$slots.source ? (S(), h("div", {
+			e.$slots.source ? (S(), g("div", {
 				key: 7,
 				ref_key: "source",
-				ref: Yt,
+				ref: Ht,
 				dir: "auto"
-			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			Ae(E(At), {
+			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
+			Ae(E(Ct), {
 				teleportTo: P.value.style.tooltip.teleportTo,
-				show: H.value.showTooltip && Ut.value,
+				show: H.value.showTooltip && It.value,
 				backgroundColor: P.value.style.tooltip.backgroundColor,
 				color: P.value.style.tooltip.color,
 				borderRadius: P.value.style.tooltip.borderRadius,
@@ -1737,19 +1748,19 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				offsetX: P.value.style.tooltip.offsetX,
 				offsetY: P.value.style.tooltip.offsetY,
 				parent: M.value,
-				content: Wt.value,
+				content: Lt.value,
 				isFullscreen: $.value,
 				isCustom: P.value.style.tooltip.customFormat && typeof P.value.style.tooltip.customFormat == "function",
 				smooth: P.value.style.tooltip.smooth,
 				backdropFilter: P.value.style.tooltip.backdropFilter,
 				smoothForce: P.value.style.tooltip.smoothForce,
 				smoothSnapThreshold: P.value.style.tooltip.smoothSnapThreshold,
-				isA11yMode: ln.value === "keyboard",
-				a11yPosition: cn.value
+				isA11yMode: tn.value === "keyboard",
+				a11yPosition: en.value
 			}, {
-				"tooltip-before": D(() => [T(e.$slots, "tooltip-before", b(v({ ...nr.value })), void 0, !0)]),
-				tooltip: D(() => [T(e.$slots, "tooltip", b(v({ ...nr.value })), void 0, !0)]),
-				"tooltip-after": D(() => [T(e.$slots, "tooltip-after", b(v({ ...nr.value })), void 0, !0)]),
+				"tooltip-before": D(() => [T(e.$slots, "tooltip-before", x(y({ ...Yn.value })), void 0, !0)]),
+				tooltip: D(() => [T(e.$slots, "tooltip", x(y({ ...Yn.value })), void 0, !0)]),
+				"tooltip-after": D(() => [T(e.$slots, "tooltip-after", x(y({ ...Yn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1775,24 +1786,24 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Vt.value && P.value.userOptions.buttons.table ? (S(), p(Fe(wr.value.component), je({ key: 8 }, wr.value.props, {
+			Pt.value && P.value.userOptions.buttons.table ? (S(), m(Ie(_r.value.component), je({ key: 8 }, _r.value.props, {
 				ref_key: "tableUnit",
-				ref: nn,
-				onClose: Tr
+				ref: Yt,
+				onClose: vr
 			}), Oe({
-				content: D(() => [(S(), p(E(Mt), {
-					key: `table_${Qt.value}`,
-					colNames: hr.value.colNames,
-					head: hr.value.head,
-					body: hr.value.body,
-					config: hr.value.config,
-					title: P.value.table.useDialog ? "" : wr.value.title,
+				content: D(() => [(S(), m(E(Tt), {
+					key: `table_${Gt.value}`,
+					colNames: cr.value.colNames,
+					head: cr.value.head,
+					body: cr.value.body,
+					config: cr.value.config,
+					title: P.value.table.useDialog ? "" : _r.value.title,
 					withCloseButton: !P.value.table.useDialog,
-					isCursorPointer: dn.value,
-					onClose: Tr
+					isCursorPointer: rn.value,
+					onClose: vr
 				}, {
-					th: D(({ th: e }) => [ke(Le(e), 1)]),
-					td: D(({ td: e }) => [g("div", { innerHTML: e }, null, 8, Ot)]),
+					th: D(({ th: e }) => [ke(Re(e), 1)]),
+					td: D(({ td: e }) => [_("div", { innerHTML: e }, null, 8, xt)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1806,24 +1817,24 @@ var Ve = /* @__PURE__ */ e({ default: () => kt }), He = ["id"], Ue = ["id"], We
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [ke(Le(wr.value.title), 1)]),
+				fn: D(() => [ke(Re(_r.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
-				fn: D(() => [g("button", {
+				fn: D(() => [_("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[2] ||= (e) => mr(P.value.userOptions.callbacks.csv),
-					style: x({ cursor: dn.value ? "pointer" : "default" })
-				}, [Ae(E(kt), {
+					onClick: t[2] ||= (e) => sr(P.value.userOptions.callbacks.csv),
+					style: Ne({ cursor: rn.value ? "pointer" : "default" })
+				}, [Ae(E(St), {
 					name: "fileCsv",
-					stroke: wr.value.props.color
+					stroke: _r.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : m("", !0),
-			T(e.$slots, "skeleton", {}, () => [E(F) ? (S(), p(pe, { key: 0 })) : m("", !0)], !0)
-		], 46, He));
+			} : void 0]), 1040)) : h("", !0),
+			T(e.$slots, "skeleton", {}, () => [E(F) ? (S(), m(fe, { key: 0 })) : h("", !0)], !0)
+		], 46, Ue));
 	}
-}, [["__scopeId", "data-v-732ff0a3"]]);
+}, [["__scopeId", "data-v-df4d118c"]]);
 //#endregion
-export { Ve as n, kt as t };
+export { He as n, St as t };