vue-data-ui 3.22.9 → 3.22.11

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

@@ -1,25 +1,24 @@
 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 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 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";
+import { At as t, Bt as n, E as r, K as i, Kt as a, Q as o, Y as s, bt as ee, et as c, g as te, qt as ne, s as re, st as ie, t as ae, ut as oe, y as l, zt as se } from "./lib-CFm_J26b.js";
+import { n as ce, r as le, t as ue } from "./useTimeLabels-B9CEuiLZ.js";
+import { t as de } from "./useConfig-C0V0eG7L.js";
+import { t as fe } from "./usePrinter-BH-xle1O.js";
+import { n as pe, t as me } from "./BaseScanner-DZvpgOjM.js";
+import { t as he } from "./useSvgExport-Ba9qBr9M.js";
+import { t as ge } from "./useNestedProp-BY6DNN3i.js";
+import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ve } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as ye } from "./img-Bikk1dGb.js";
+import { n as be } from "./Title-BuPs74IB.js";
+import { t as xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as Se, t as Ce } from "./useResponsive-ZtArZtUf.js";
+import { t as we } from "./DefGrad-DVBqDjhO.js";
+import { t as Te } from "./SlicerPreview-BIdvqU32.js";
+import { t as Ee } from "./A11yDataTable-DdRsVULz.js";
+import { t as De } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Oe } from "./useChartAccessibility-DYqac8yF.js";
+import { t as ke } from "./vue_ui_candlestick-J8jmJvxP.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Ae, createTextVNode as je, createVNode as Me, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Ne, nextTick as Pe, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Fe, onMounted as Ie, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as T, 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 He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge = { style: { position: "relative" } }, Ke = [
 	"xmlns",
@@ -166,7 +165,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 	"d",
 	"stroke",
 	"stroke-width"
-], xt = ["innerHTML"], St = /*#__PURE__*/ ye({
+], xt = ["innerHTML"], St = /*#__PURE__*/ xe({
 	__name: "vue-ui-candlestick",
 	props: {
 		config: {
@@ -187,11 +186,11 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 		}
 	},
 	emits: ["selectX", "copyAlt"],
-	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({
+	setup(e, { expose: xe, emit: He }) {
+		let St = g(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), Ct = g(() => import("./Tooltip-CA1rtSyl.js")), wt = g(() => import("./vue-ui-accordion-nNxnZTg9.js").then((e) => e.n)), Tt = g(() => import("./DataTable-DzPEVvSo.js")), Et = g(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Dt = g(() => import("./UserOptions-B69xBEVP.js").then((e) => e.n)), Ot = g(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), kt = g(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), { vue_ui_candlestick: At } = de(), { isThemeValid: jt, warnInvalidTheme: Mt } = _e(), O = e, Nt = He, Pt = d(() => !!O.dataset && O.dataset.length), k = S(!1), Ft = S(null), A = S(i()), It = S(!1), Lt = S(""), j = S(void 0), Rt = S(0), M = S(null), zt = S(null), Bt = S(null), Vt = S(null), Ht = S(null), Ut = S(null), Wt = S(0), Gt = S(0), Kt = S(0), qt = S(null), Jt = S(null), Yt = S(null), Xt = S(null), Zt = S(null), Qt = S(!1), $t = S(!1), N = S(null), en = S({
 			x: 0,
 			y: 0
-		}), tn = C("pointer"), nn = C(!1), P = C(fn()), rn = p(() => P.value.userOptions.useCursorPointer), an = p(() => a({
+		}), tn = S("pointer"), nn = S(!1), P = S(fn()), rn = d(() => P.value.userOptions.useCursorPointer), an = d(() => ne({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -229,7 +228,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				}
 			},
 			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: F, FINAL_DATASET: I, manualLoading: on } = de({
+		})), { loading: F, FINAL_DATASET: I, manualLoading: on } = pe({
 			...ze(O),
 			FINAL_CONFIG: P,
 			prepareConfig: fn,
@@ -336,11 +335,11 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 					5100
 				]
 			],
-			skeletonConfig: a({
+			skeletonConfig: ne({
 				defaultConfig: P.value,
 				userConfig: an.value
 			})
-		}), { userOptionsVisible: sn, setUserOptionsVisibility: cn, keepUserOptionState: ln } = Te({ config: P.value }), { svgRef: L } = Ee({ config: P.value.style.title });
+		}), { userOptionsVisible: sn, setUserOptionsVisibility: cn, keepUserOptionState: ln } = De({ config: P.value }), { svgRef: L } = Oe({ config: P.value.style.title });
 		function un() {
 			cn(!0);
 		}
@@ -351,17 +350,17 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			}), j.value = null;
 		}
 		function fn() {
-			let e = me({
+			let e = ge({
 				userConfig: O.config,
 				defaultConfig: At
 			}), t = {}, n = e.theme;
 			if (n) if (!jt.value(e)) Mt(e), t = e;
 			else {
-				let r = me({
-					userConfig: De[n] || O.config,
+				let r = ge({
+					userConfig: ke[n] || O.config,
 					defaultConfig: e
 				});
-				t = { ...me({
+				t = { ...ge({
 					userConfig: O.config,
 					defaultConfig: r
 				}) };
@@ -374,27 +373,27 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 		}, { deep: !0 }), Be(() => O.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (on.value = !1), tr();
 		}, { deep: !0 });
-		let R = C({
+		let R = S({
 			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 = Le(null), B = Le(null);
-		Fe(() => {
+		}), z = Re(null), B = Re(null);
+		Ie(() => {
 			pn();
 		});
-		let V = p(() => !!P.value.debug);
+		let V = d(() => !!P.value.debug);
 		function pn() {
-			if (u(O.dataset) && (t({
+			if (t(O.dataset) && (c({
 				componentName: "VueUiCandlestick",
 				type: "dataset",
 				debug: V.value
-			}), on.value = !0), u(O.dataset) || (on.value = P.value.loading), setTimeout(() => {
+			}), on.value = !0), t(O.dataset) || (on.value = P.value.loading), setTimeout(() => {
 				k.value = !0;
 			}, 10), P.value.responsive) {
-				let e = be(() => {
+				let e = Se(() => {
 					k.value = !1;
-					let { width: e, height: t } = xe({
+					let { width: e, height: t } = Ce({
 						chart: M.value,
 						title: P.value.style.title.text ? zt.value : null,
 						slicer: P.value.style.zoom.show && G.value > 6 ? Vt.value.$el : null,
@@ -403,13 +402,13 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 						noTitle: Ut.value
 					});
 					requestAnimationFrame(() => {
-						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = r({
+						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = a({
 							relator: Math.min(e, t),
 							adjuster: P.value.style.width,
 							source: P.value.style.layout.grid.xAxis.dataLabels.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), R.value.yAxisFontSize = r({
+						}), R.value.yAxisFontSize = a({
 							relator: Math.min(e, t),
 							adjuster: P.value.style.width,
 							source: P.value.style.layout.grid.yAxis.dataLabels.fontSize,
@@ -424,17 +423,17 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			}
 			ar();
 		}
-		Pe(() => {
+		Fe(() => {
 			z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect());
 		});
-		let { isPrinting: mn, isImaging: hn, generatePdf: gn, generateImage: _n } = ue({
+		let { isPrinting: mn, isImaging: hn, generatePdf: gn, generateImage: _n } = fe({
 			elementId: `vue-ui-candlestick_${A.value}`,
 			fileName: P.value.style.title.text || "vue-ui-candlestick",
 			options: P.value.userOptions.print
-		}), vn = p(() => P.value.userOptions.show && !P.value.style.title.text), H = C({
+		}), vn = d(() => P.value.userOptions.show && !P.value.style.title.text), H = S({
 			showTable: P.value.table.show,
 			showTooltip: P.value.style.tooltip.show
-		}), yn = C(0), bn = be((e) => {
+		}), yn = S(0), bn = Se((e) => {
 			yn.value = e;
 		}, 100);
 		Ve((e) => {
@@ -444,13 +443,13 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				bn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Pe(() => {
+		}), Fe(() => {
 			yn.value = 0;
 		});
-		let xn = p(() => {
+		let xn = d(() => {
 			let e = 0;
 			return Jt.value && (e = yn.value + R.value.xAxisFontSize), e;
-		}), U = p(() => P.value.style.layout.grid.yAxis.position === "right");
+		}), U = d(() => P.value.style.layout.grid.yAxis.position === "right");
 		function Sn() {
 			let e = P.value.style.layout.grid.yAxis.dataLabels.offsetX;
 			qt.value && (e = Array.from(qt.value.querySelectorAll("text")).reduce((e, t) => {
@@ -466,7 +465,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				crosshair: 13
 			};
 		}
-		let W = p(() => {
+		let W = d(() => {
 			let { top: e, right: t, bottom: n, left: r } = P.value.style.layout.padding, i = Sn();
 			return {
 				top: e + 12,
@@ -479,12 +478,12 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				yAxisNameWidth: i.yAxisNameWidth,
 				crosshair: i.crosshair
 			};
-		}), 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));
+		}), Cn = d(() => {
+			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)), te = Math.max(0, Math.min(a, ee));
 			return {
-				x: e + l * o,
+				x: e + c * o,
 				y: t,
-				width: (u - l) * o,
+				width: (te - c) * o,
 				height: r,
 				fill: P.value.style.zoom.preview.fill,
 				stroke: P.value.style.zoom.preview.stroke,
@@ -498,13 +497,13 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 					animation: "none !important"
 				}
 			};
-		}), G = p(() => I.value.length), K = C({
+		}), G = d(() => I.value.length), K = S({
 			start: 0,
 			end: G.value
-		}), q = C({
+		}), q = S({
 			start: 0,
 			end: G.value
-		}), wn = p(() => P.value.style.zoom.preview.enable && (q.value.start !== K.value.start || q.value.end !== K.value.end));
+		}), wn = d(() => 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;
 		}
@@ -512,45 +511,45 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			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, Vt.value && (Vt.value.setStartValue(e), Vt.value.setEndValue(t));
 		}
-		let Dn = p(() => I.value.map((e, t) => ({
+		let Dn = d(() => I.value.map((e, t) => ({
 			...e,
 			absoluteIndex: t
-		}))), 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({
+		}))), On = d(() => Dn.value.slice(K.value.start, K.value.end)), J = d(() => (I.value.forEach((e, t) => {
+			[null, void 0].includes(e[0]) && c({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "period (index 0)",
-				index: n,
+				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[1]) && t({
+			}), [null, void 0].includes(e[1]) && c({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "open (index 1)",
-				index: n,
+				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[2]) && t({
+			}), [null, void 0].includes(e[2]) && c({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "high (index 2)",
-				index: n,
+				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[3]) && t({
+			}), [null, void 0].includes(e[3]) && c({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "low (index 3)",
-				index: n,
+				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[4]) && t({
+			}), [null, void 0].includes(e[4]) && c({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "close (index 4)",
-				index: n,
+				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[5]) && t({
+			}), [null, void 0].includes(e[5]) && c({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "volume (index 5)",
-				index: n,
+				index: t,
 				debug: V.value
 			});
 		}), On.value.map((e) => ({
@@ -561,7 +560,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			low: e[3],
 			close: e[4],
 			volume: e[5]
-		})))), kn = p(() => Dn.value.map((e) => ({
+		})))), kn = d(() => Dn.value.map((e) => ({
 			absoluteIndex: e.absoluteIndex,
 			period: e[0],
 			open: e[1],
@@ -569,21 +568,21 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			low: e[3],
 			close: e[4],
 			volume: e[5]
-		}))), Y = p(() => W.value.width / On.value.length), An = p(() => ({
+		}))), Y = d(() => W.value.width / On.value.length), An = d(() => ({
 			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 = p(() => l(An.value.min, An.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
+		})), X = d(() => te(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: 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),
+				x: l(W.value.left + t * Y.value + Y.value / 2),
+				y: l(W.value.top + (1 - (e - X.value.min) / (X.value.max - X.value.min)) * W.value.height),
+				value: l(e),
 				isMax: e === n,
 				isMin: e === r
 			};
 		}
-		let Z = p(() => {
+		let Z = d(() => {
 			let e = {
 				o: Math.max(...J.value.map((e) => e.open)),
 				h: Math.max(...J.value.map((e) => e.high)),
@@ -596,18 +595,18 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				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 = 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;
+				let o = jn(i.open, a, e.o, t.o), s = jn(i.high, a, e.h, t.h), ee = jn(i.low, a, e.l, t.l), c = jn(i.close, a, e.c, t.c), te = i.close > i.open, ne = i.volume === n, re = i.volume === r;
 				return {
 					period: i.period,
 					open: o,
 					high: s,
-					low: c,
-					close: l,
+					low: ee,
+					close: c,
 					volume: i.volume,
-					isBullish: u,
+					isBullish: te,
 					absoluteIndex: i.absoluteIndex,
-					isMaxVolume: ee,
-					isMinVolume: te
+					isMaxVolume: ne,
+					isMinVolume: re
 				};
 			});
 		});
@@ -615,12 +614,12 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			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: d(t * r),
-				y: d((1 - (e - i) / (a - i)) * n),
-				value: d(e)
+				x: l(t * r),
+				y: l((1 - (e - i) / (a - i)) * n),
+				value: l(e)
 			};
 		}
-		let Nn = p(() => ({ minimapH: e, unitW: t }) => kn.value.map((n, r) => {
+		let Nn = d(() => ({ minimapH: e, unitW: t }) => kn.value.map((n, r) => {
 			let i = Mn({
 				item: n.open,
 				index: r,
@@ -641,7 +640,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				index: r,
 				minimapH: e,
 				unitW: t
-			}), c = n.close > n.open;
+			}), ee = n.close > n.open;
 			return {
 				period: n.period,
 				open: i,
@@ -649,26 +648,26 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				low: o,
 				close: s,
 				volume: n.volume,
-				isBullish: c,
+				isBullish: ee,
 				absoluteIndex: n.absoluteIndex
 			};
-		})), Pn = p(() => P.value.style.zoom.minimap.show ? [{
+		})), Pn = d(() => P.value.style.zoom.minimap.show ? [{
 			name: "",
 			series: I.value.map((e) => e[2]),
 			color: "#000000",
 			isVisible: !0
 		}] : []);
 		function Fn(e) {
-			return d((e - X.value.min) / (X.value.max - X.value.min));
+			return l((e - X.value.min) / (X.value.max - X.value.min));
 		}
-		let In = p(() => X.value.ticks.map((e) => ({
+		let In = d(() => 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;
+			value: l(e)
+		}))), Ln = d(() => J.value.map((e) => e.period)), Q = S([]), Rn = S([]), zn = 0;
 		Ve(() => {
 			let e = ++zn;
 			(async () => {
-				let t = await ce({
+				let t = await ue({
 					values: I.value.map((e) => e[0]),
 					maxDatapoints: I.value.length,
 					formatter: P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
@@ -682,7 +681,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 		Ve(() => {
 			let e = ++Bn;
 			(async () => {
-				let t = await ce({
+				let t = await ue({
 					values: I.value.map((e) => e[0]),
 					maxDatapoints: I.value.length,
 					formatter: P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
@@ -692,10 +691,10 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				e === Bn && (Rn.value = t);
 			})();
 		});
-		let Vn = p(() => {
+		let Vn = d(() => {
 			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;
-		}), Hn = C({
+		}), Hn = S({
 			months: [],
 			shortMonths: [],
 			days: [],
@@ -704,12 +703,12 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 		Ve(() => {
 			let e = ++Un, t = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter;
 			(async () => {
-				let n = await se(t.locale).catch(() => se("en"));
+				let n = await le(t.locale).catch(() => le("en"));
 				e === Un && (Hn.value = n.data);
 			})();
 		});
-		let Wn = p(() => {
-			let e = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, t = oe({
+		let Wn = d(() => {
+			let e = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, t = ce({
 				useUTC: e.useUTC,
 				locale: Hn.value,
 				januaryAsYear: e.januaryAsYear
@@ -718,22 +717,22 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				let r = I.value.map((e) => e[0])?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Gn = p(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
+		}), Gn = d(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
 			text: Wn.value(t, P.value.style.tooltip.timeFormat),
 			absoluteIndex: t
-		}))), Kn = p(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
+		}))), Kn = d(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
 			text: Wn.value(t, P.value.style.zoom.timeFormat),
 			absoluteIndex: t
-		}))), qn = p(() => {
+		}))), qn = d(() => {
 			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 ? {
+			return re(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Vn.value || 1), o, s, r, i, a);
+		}), Jn = d(() => 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]
-		}), Yn = C(null);
+		}), Yn = S(null);
 		function Xn(e, t) {
 			P.value.events.datapointClick && P.value.events.datapointClick({
 				datapoint: t,
@@ -768,7 +767,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				datapoint: t
 			});
 			let r = P.value.style.tooltip.customFormat;
-			if (ie(r) && te(() => r({
+			if (ee(r) && ie(() => r({
 				seriesIndex: e,
 				datapoint: t,
 				series: Z.value,
@@ -780,27 +779,27 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				config: P.value
 			});
 			else if (P.value.style.tooltip.show) {
-				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;
+				let n = "", { period: r, open: i, high: a, low: o, close: ee, volume: c, isBullish: te } = Z.value[e], { period: ne, open: re, high: ie, low: ae, close: oe, volume: l } = P.value.translations, se = 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 ? 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({
+                fill="${P.value.style.layout.candle.gradient.show ? te ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : te ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg>${se}</div>`, n += `${l} : <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 ce = s({
 					p: P.value.style.tooltip.prefix,
-					v: a.value,
+					v: i.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), se = i({
+				}), le = s({
 					p: P.value.style.tooltip.prefix,
-					v: o.value,
+					v: a.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), ce = i({
+				}), ue = s({
 					p: P.value.style.tooltip.prefix,
-					v: s.value,
+					v: o.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), le = i({
+				}), de = s({
 					p: P.value.style.tooltip.prefix,
-					v: c.value,
+					v: ee.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
 				});
@@ -811,36 +810,36 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
                             ${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}">${oe}</text>
-                                <text x="62" y="40" text-anchor="start" fill="${P.value.style.tooltip.color}">${le}</text>
+                                <text x="38" y="70" text-anchor="end" fill="${P.value.style.tooltip.color}">${ce}</text>
+                                <text x="62" y="40" text-anchor="start" fill="${P.value.style.tooltip.color}">${de}</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}">${oe}</text>
-                                <text x="60" y="70" text-anchor="start" fill="${P.value.style.tooltip.color}">${le}</text>
+                                <text x="40" y="40" text-anchor="end" fill="${P.value.style.tooltip.color}">${ce}</text>
+                                <text x="60" y="70" text-anchor="start" fill="${P.value.style.tooltip.color}">${de}</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>
+                            <text x="50" y="13" text-anchor="middle" fill="${P.value.style.tooltip.color}">${le}</text>
+                            <text x="50" y="97" text-anchor="middle" fill="${P.value.style.tooltip.color}">${ue}</text>
                         <g>
                     </svg>
                     <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>`;
+                ` : (n += `<div>${re}: <b>${ce}</b></div>`, n += `<div>${ie}: <b>${le}</b></div>`, n += `<div>${ae}: <b>${ue}</b></div>`, n += `<div>${oe}: <b>${de}</b></div>`), n += "</div>", Lt.value = `<div style="text-align:right">${n}</div>`;
 			}
 			It.value = !0;
 		}
-		let $n = C(null);
+		let $n = S(null);
 		function er() {
 			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
 		}
-		Pe(() => {
+		Fe(() => {
 			$n.value && cancelAnimationFrame($n.value);
 		});
 		async function tr() {
-			ar(), await Me(), $n.value && cancelAnimationFrame($n.value), $n.value = requestAnimationFrame(async () => {
+			ar(), await Pe(), $n.value && cancelAnimationFrame($n.value), $n.value = requestAnimationFrame(async () => {
 				await er(), ar();
 			});
 		}
-		let nr = C(!1), rr = C(!1), ir = C(!1);
+		let nr = S(!1), rr = S(!1), ir = S(!1);
 		function ar() {
 			if (!nr.value) {
 				nr.value = !0;
@@ -859,7 +858,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			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 sr(e = null) {
-			Me(() => {
+			Pe(() => {
 				let t = [
 					P.value.translations.period,
 					P.value.translations.open,
@@ -874,7 +873,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 					e.low.value,
 					e.close.value,
 					e.volume
-				]), r = s([
+				]), i = r([
 					[P.value.style.title.text],
 					[P.value.style.title.subtitle.text],
 					[
@@ -884,30 +883,30 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 					],
 					t
 				].concat(n));
-				e ? e(r) : c({
-					csvContent: r,
+				e ? e(i) : o({
+					csvContent: i,
 					title: P.value.style.title.text || "vue-ui-candlestick"
 				});
 			});
 		}
-		let cr = p(() => {
+		let cr = d(() => {
 			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({
+				let n = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period, r = s({
 					p: P.value.table.td.prefix,
 					v: e.open.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), a = i({
+				}), i = s({
 					p: P.value.table.td.prefix,
 					v: e.high.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), o = i({
+				}), a = s({
 					p: P.value.table.td.prefix,
 					v: e.low.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), s = i({
+				}), o = s({
 					p: P.value.table.td.prefix,
 					v: e.close.value,
 					s: P.value.table.td.suffix,
@@ -916,32 +915,32 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				return [
 					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" fill="${P.value.style.layout.candle.gradient.show ? e.isBullish ? `url(#bullish_gradient_${A.value}` : `url(#bearish_gradient_${A.value})` : e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg> ${n}`,
 					r,
+					i,
 					a,
 					o,
-					s,
 					`${isNaN(e.volume) ? "-" : e.volume.toLocaleString()}`
 				];
 			}), t = Z.value.map((e, t) => [
 				P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period,
-				i({
+				s({
 					p: P.value.table.td.prefix,
 					v: e.open.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				i({
+				s({
 					p: P.value.table.td.prefix,
 					v: e.high.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				i({
+				s({
 					p: P.value.table.td.prefix,
 					v: e.low.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				i({
+				s({
 					p: P.value.table.td.prefix,
 					v: e.close.value,
 					s: P.value.table.td.suffix,
@@ -975,7 +974,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				config: n,
 				colNames: r
 			};
-		}), $ = C(!1);
+		}), $ = S(!1);
 		function lr(e) {
 			$.value = e, Rt.value += 1;
 		}
@@ -985,13 +984,13 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 		function dr() {
 			H.value.showTooltip = !H.value.showTooltip;
 		}
-		let fr = C(!1);
+		let fr = S(!1);
 		function pr() {
 			fr.value = !fr.value;
 		}
 		async function mr({ scale: e = 2 } = {}) {
 			if (!M.value) return;
-			let { imageUri: t, base64: n } = await _e({
+			let { imageUri: t, base64: n } = await ye({
 				domElement: M.value,
 				base64: !0,
 				img: !0,
@@ -1000,7 +999,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await ee(t, e) ?? i;
+			}, a = await oe(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1008,8 +1007,8 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				...a
 			};
 		}
-		let hr = p(() => R.value.width), gr = p(() => R.value.height);
-		ge({
+		let hr = d(() => R.value.width), gr = d(() => R.value.height);
+		ve({
 			timeLabelsEls: Jt,
 			timeLabels: Q,
 			slicer: K,
@@ -1041,7 +1040,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				showTooltip: P.value.style.tooltip.show
 			};
 		}, { immediate: !0 });
-		let _r = p(() => {
+		let _r = d(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = H.value.showTable;
 			return {
 				component: e ? kt : wt,
@@ -1078,13 +1077,13 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 		function vr() {
 			H.value.showTable = !1, Xt.value && Xt.value.setTableIconState(!1);
 		}
-		let yr = p(() => P.value.style.backgroundColor), { exportSvg: br, getSvg: xr } = pe({
+		let yr = d(() => P.value.style.backgroundColor), { exportSvg: br, getSvg: xr } = he({
 			svg: L,
-			title: p(() => P.value.style.title),
+			title: d(() => P.value.style.title),
 			backgroundColor: yr
 		});
 		async function Sr({ isCb: e }) {
-			$t.value = !0, await Me();
+			$t.value = !0, await Pe();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await xr();
@@ -1111,9 +1110,10 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			t !== K.value.end && (K.value.end = t, q.value.end = t, En());
 		}
 		function Er({ seriesIndex: e, datapoint: t }) {
+			let n = K.value.start + e;
 			Nt("selectX", {
 				dataset: t,
-				index: K.value.start + e,
+				index: n,
 				indexLabel: ""
 			});
 		}
@@ -1162,10 +1162,10 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				Xn(N.value, e);
 				return;
 			}
-			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"));
+			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 && (Mr(a), Qn(a, c, "keyboard"));
 		}
 		function Mr(e) {
 			if (!Number.isFinite(e) || !L.value) return;
@@ -1175,11 +1175,11 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				y: r.top + n / R.value.height * r.height
 			};
 		}
-		let Nr = p(() => ({
+		let Nr = d(() => ({
 			headers: cr.value?.colNames ?? [],
 			rows: cr.value?.bodyA11y ?? []
 		}));
-		return ye({
+		return xe({
 			getImage: mr,
 			generatePdf: gn,
 			generateCsv: sr,
@@ -1190,20 +1190,20 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 			toggleAnnotator: pr,
 			toggleFullscreen: lr,
 			copyAlt: Or
-		}), (e, t) => (S(), g("div", {
+		}), (e, t) => (x(), m("div", {
 			ref_key: "candlestickChart",
 			ref: M,
-			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%" : ""}`),
+			class: v(`vue-data-ui-component vue-ui-candlestick ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${P.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			style: b(`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: un,
 			onMouseleave: dn
 		}, [
-			_("div", {
+			h("div", {
 				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
-			}, [_("p", null, Re(P.value.a11y.translations.keyboardNavigation), 1)], 8, We),
-			Nr.value?.rows?.length ? (S(), m(we, {
+			}, [h("p", null, T(P.value.a11y.translations.keyboardNavigation), 1)], 8, We),
+			Nr.value?.rows?.length ? (x(), f(Ee, {
 				key: 0,
 				uid: A.value,
 				head: Nr.value.headers,
@@ -1216,8 +1216,8 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				"body",
 				"notice",
 				"caption"
-			])) : h("", !0),
-			P.value.userOptions.buttons.annotator ? (S(), m(E(Et), {
+			])) : p("", !0),
+			P.value.userOptions.buttons.annotator ? (x(), f(E(Et), {
 				key: 1,
 				svgRef: E(L),
 				backgroundColor: P.value.style.backgroundColor,
@@ -1226,12 +1226,12 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				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", 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)]),
+				"annotator-action-close": D(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": D(({ color: t }) => [w(e.$slots, "annotator-action-color", y(_({ color: t })), void 0, !0)]),
+				"annotator-action-draw": D(({ mode: t }) => [w(e.$slots, "annotator-action-draw", y(_({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", y(_({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", y(_({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": D(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", y(_({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -1239,20 +1239,20 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : h("", !0),
-			vn.value ? (S(), g("div", {
+			])) : p("", !0),
+			vn.value ? (x(), m("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Ut,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : h("", !0),
-			P.value.style.title.text ? (S(), g("div", {
+			}, null, 512)) : p("", !0),
+			P.value.style.title.text ? (x(), m("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: zt,
 				style: "width:100%;background:transparent"
-			}, [(S(), m(ve, {
+			}, [(x(), f(be, {
 				key: `title_${Kt.value}`,
 				config: {
 					title: {
@@ -1264,8 +1264,8 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 						...P.value.style.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : h("", !0),
-			P.value.userOptions.show && Pt.value && (E(ln) || E(sn)) ? (S(), m(E(Dt), {
+			}, null, 8, ["config"]))], 512)) : p("", !0),
+			P.value.userOptions.show && Pt.value && (E(ln) || E(sn)) ? (x(), f(E(Dt), {
 				ref_key: "userOptionsRef",
 				ref: Xt,
 				key: `user_options_${Rt.value}`,
@@ -1302,11 +1302,11 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				onToggleTooltip: dr,
 				onToggleAnnotator: pr,
 				onCopyAlt: Or,
-				style: Ne({ visibility: E(ln) ? E(sn) ? "visible" : "hidden" : "visible" })
-			}, Oe({ _: 2 }, [
+				style: b({ visibility: E(ln) ? E(sn) ? "visible" : "hidden" : "visible" })
+			}, Ae({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: D(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", x(y({
+					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", y(_({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1314,37 +1314,37 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: D(() => [T(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: D(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: D(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: D(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: D(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: D(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", x(y({
+					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", y(_({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1352,7 +1352,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", x(y({
+					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", y(_({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1360,47 +1360,47 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: D(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", x(y({ altCopy: t })), void 0, !0)]),
+					fn: D(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", y(_({ altCopy: t })), void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: D(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "10"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: D(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: D(() => [w(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("."))) : h("", !0),
-			_("div", Ge, [(S(), g("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("."))) : p("", !0),
+			h("div", Ge, [(x(), m("svg", {
 				ref_key: "svgRef",
 				ref: L,
-				xmlns: E(re),
+				xmlns: E(ae),
 				"aria-describedby": `chart-instructions-${A.value}`,
-				class: b({
+				class: v({
 					"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: Ne(`max-width:100%;overflow:visible;background:transparent;color:${P.value.style.color}`),
+				style: b(`max-width:100%;overflow:visible;background:transparent;color:${P.value.style.color}`),
 				tabindex: "0",
 				onFocus: kr,
 				onBlur: Ar,
 				onKeydown: jr
 			}, [
-				Ae(E(Ot)),
-				e.$slots["chart-background"] ? (S(), g("foreignObject", {
+				Me(E(Ot)),
+				e.$slots["chart-background"] ? (x(), m("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, qe)) : h("", !0),
-				Z.value.length > 0 ? (S(), g("g", Je, [
-					_("defs", null, [Ae(Se, {
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, qe)) : p("", !0),
+				Z.value.length > 0 ? (x(), m("g", Je, [
+					h("defs", null, [Me(we, {
 						t: "linear",
 						id: `bearish_gradient_${A.value}`,
 						x2: "0%",
@@ -1413,16 +1413,16 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							],
 							[
 								"50%",
-								E(ae)(P.value.style.layout.candle.colors.bearish, .02),
+								E(n)(P.value.style.layout.candle.colors.bearish, .02),
 								.87
 							],
 							[
 								"100%",
-								E(ae)(P.value.style.layout.candle.colors.bearish, .05),
+								E(n)(P.value.style.layout.candle.colors.bearish, .05),
 								.4
 							]
 						]
-					}, null, 8, ["id", "stops"]), Ae(Se, {
+					}, null, 8, ["id", "stops"]), Me(we, {
 						t: "linear",
 						id: `bullish_gradient_${A.value}`,
 						x2: "0%",
@@ -1435,18 +1435,18 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							],
 							[
 								"50%",
-								E(ae)(P.value.style.layout.candle.colors.bullish, .02),
+								E(n)(P.value.style.layout.candle.colors.bullish, .02),
 								.87
 							],
 							[
 								"100%",
-								E(ae)(P.value.style.layout.candle.colors.bullish, .05),
+								E(n)(P.value.style.layout.candle.colors.bullish, .05),
 								.4
 							]
 						]
 					}, null, 8, ["id", "stops"])]),
-					P.value.style.layout.grid.show ? (S(), g("g", Ye, [
-						_("line", {
+					P.value.style.layout.grid.show ? (x(), m("g", Ye, [
+						h("line", {
 							x1: U.value ? W.value.right : W.value.left,
 							x2: U.value ? W.value.right : W.value.left,
 							y1: W.value.top,
@@ -1455,7 +1455,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
 						}, null, 8, Xe),
-						_("line", {
+						h("line", {
 							x1: W.value.left,
 							x2: W.value.right,
 							y1: W.value.bottom,
@@ -1464,7 +1464,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
 						}, null, 8, Ze),
-						P.value.style.layout.grid.horizontalLines.show ? (S(!0), g(f, { key: 0 }, w(In.value, (e) => (S(), g("line", {
+						P.value.style.layout.grid.horizontalLines.show ? (x(!0), m(u, { key: 0 }, C(In.value, (e) => (x(), m("line", {
 							x1: W.value.left,
 							x2: W.value.right,
 							y1: e.y,
@@ -1473,8 +1473,8 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							"stroke-width": P.value.style.layout.grid.horizontalLines.strokeWidth,
 							"stroke-dasharray": P.value.style.layout.grid.horizontalLines.strokeDasharray,
 							"stroke-linecap": "round"
-						}, 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", {
+						}, null, 8, Qe))), 256)) : p("", !0),
+						P.value.style.layout.grid.verticalLines.show ? (x(!0), m(u, { key: 1 }, C(qn.value, (e, t) => (x(), m("g", null, [e.text ? (x(), m("line", {
 							key: 0,
 							x1: W.value.left + Y.value * t + Y.value / 2,
 							x2: W.value.left + Y.value * t + Y.value / 2,
@@ -1484,8 +1484,8 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							"stroke-width": P.value.style.layout.grid.verticalLines.strokeWidth,
 							"stroke-dasharray": P.value.style.layout.grid.verticalLines.strokeDasharray,
 							"stroke-linecap": "round"
-						}, 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", {
+						}, null, 8, $e)) : p("", !0)]))), 256)) : p("", !0),
+						P.value.style.layout.grid.xAxis.ticks.show ? (x(!0), m(u, { key: 2 }, C(qn.value, (e, t) => (x(), m("g", null, [e.text ? (x(), m("line", {
 							key: 0,
 							x1: W.value.left + Y.value * t + Y.value / 2,
 							x2: W.value.left + Y.value * t + Y.value / 2,
@@ -1494,13 +1494,13 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							stroke: P.value.style.layout.grid.stroke,
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
-						}, null, 8, et)) : h("", !0)]))), 256)) : h("", !0)
-					])) : h("", !0),
-					P.value.style.layout.grid.yAxis.dataLabels.show ? (S(), g("g", {
+						}, null, 8, et)) : p("", !0)]))), 256)) : p("", !0)
+					])) : p("", !0),
+					P.value.style.layout.grid.yAxis.dataLabels.show ? (x(), m("g", {
 						key: 1,
 						ref_key: "scaleLabels",
 						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", {
+					}, [(x(!0), m(u, null, C(In.value, (e, t) => (x(), m("g", null, [e.value >= X.value.min && e.value <= X.value.max ? (x(), m("line", {
 						key: 0,
 						x1: U.value ? W.value.right : W.value.left,
 						x2: U.value ? W.value.right + 5 : W.value.left - 5,
@@ -1509,7 +1509,7 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 						stroke: P.value.style.layout.grid.stroke,
 						"stroke-width": P.value.style.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, tt)) : h("", !0), e.value >= X.value.min && e.value <= X.value.max ? (S(), g("text", {
+					}, null, 8, tt)) : p("", !0), e.value >= X.value.min && e.value <= X.value.max ? (x(), m("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,
@@ -1517,38 +1517,38 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 						"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"
-					}, Re(E(i)({
+					}, T(E(s)({
 						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, 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", {
+					})), 9, nt)) : p("", !0)]))), 256))], 512)) : p("", !0),
+					P.value.style.layout.grid.xAxis.dataLabels.show && !P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (x(), m("g", {
 						key: 2,
 						ref_key: "timeLabelsEls",
 						ref: Jt
-					}, [(S(!0), g(f, null, w(Ln.value, (e, t) => (S(), g("g", null, [_("text", {
+					}, [(x(!0), m(u, null, C(Ln.value, (e, t) => (x(), m("g", null, [h("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"
-					}, 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", {
+					}, T(e), 9, rt)]))), 256))], 512)) : p("", !0),
+					P.value.style.layout.grid.xAxis.dataLabels.show && P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (x(), m("g", {
 						key: 3,
 						ref_key: "timeLabelsEls",
 						ref: Jt
-					}, [(S(!0), g(f, null, w(qn.value, (e, t) => (S(), g("g", null, [_("text", {
+					}, [(x(!0), m(u, null, C(qn.value, (e, t) => (x(), m("g", null, [h("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"
-					}, 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", {
+					}, T(e?.text ?? ""), 9, it)]))), 256))], 512)) : p("", !0),
+					P.value.type === "candlestick" ? (x(), m(u, { key: 4 }, [h("g", null, [(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", null, [
+						h("rect", {
 							x: e.open.x - P.value.style.layout.wick.strokeWidth / 2,
 							y: e.high.y,
 							width: P.value.style.layout.wick.strokeWidth,
@@ -1556,22 +1556,22 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							fill: P.value.style.layout.wick.stroke,
 							stroke: "none",
 							rx: P.value.style.layout.wick.strokeWidth / 2,
-							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+							class: v({ "vue-data-ui-transition": k.value && !E(F) })
 						}, null, 10, at),
-						P.value.style.layout.wick.extremity.shape === "circle" ? (S(), g("g", ot, [_("circle", {
+						P.value.style.layout.wick.extremity.shape === "circle" ? (x(), m("g", ot, [h("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: b({ "vue-data-ui-transition": k.value && !E(F) })
-						}, null, 10, st), _("circle", {
+							class: v({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, st), h("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: 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", {
+							class: v({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, ct)])) : p("", !0),
+						P.value.style.layout.wick.extremity.shape === "line" ? (x(), m("g", lt, [h("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)),
@@ -1579,8 +1579,8 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							rx: P.value.style.layout.wick.strokeWidth / 2,
 							fill: P.value.style.layout.wick.extremity.color,
 							stroke: "none",
-							class: b({ "vue-data-ui-transition": k.value && !E(F) })
-						}, null, 10, ut), _("rect", {
+							class: v({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, ut), h("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)),
@@ -1588,9 +1588,9 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 							fill: P.value.style.layout.wick.extremity.color,
 							stroke: "none",
 							rx: P.value.style.layout.wick.strokeWidth / 2,
-							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", {
+							class: v({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, dt)])) : p("", !0)
+					]))), 256))]), h("g", null, [(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("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),
@@ -1598,8 +1598,8 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 						fill: P.value.style.layout.candle.gradient.underlayer,
 						rx: P.value.style.layout.candle.borderRadius,
 						stroke: "none",
-						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", {
+						class: v({ "vue-data-ui-transition": k.value && !E(F) })
+					}, null, 10, ft))), 256)), (x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("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),
@@ -1610,41 +1610,41 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 						"stroke-width": P.value.style.layout.candle.strokeWidth,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						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", {
+						class: v({ "vue-data-ui-transition": k.value && !E(F) })
+					}, null, 10, pt))), 256))])], 64)) : p("", !0),
+					P.value.type === "ohlc" ? (x(!0), m(u, { key: 5 }, C(Z.value, (e, t) => (x(), m("g", null, [h("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, mt)]))), 256)) : h("", !0),
-					_("g", null, [(S(!0), g(f, null, w(Z.value, (e, t) => (S(), g("rect", {
+					}, null, 8, mt)]))), 256)) : p("", !0),
+					h("g", null, [(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("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 || Zt.value === t ? E(o)(P.value.style.layout.selector.color, P.value.style.layout.selector.opacity) : "transparent",
+						fill: j.value === t || Zt.value === t ? E(se)(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, {
+				])) : p("", !0),
+				wn.value ? (x(), m("rect", Ne({ key: 2 }, Cn.value, {
 					"data-start": K.value.start,
 					"data-end": K.value.end
-				}), null, 16, gt)) : h("", !0),
-				T(e.$slots, "svg", { svg: {
+				}), null, 16, gt)) : p("", !0),
+				w(e.$slots, "svg", { svg: {
 					...R.value,
 					data: Z.value,
 					drawingArea: W.value,
 					isPrintingImg: E(mn) || E(hn) || Qt.value,
 					isPrintingSvg: $t.value
 				} }, void 0, !0)
-			], 46, Ke)), e.$slots.hint ? (S(), g("div", _t, [T(e.$slots, "hint", x(y({
+			], 46, Ke)), e.$slots.hint ? (x(), m("div", _t, [w(e.$slots, "hint", y(_({
 				hint: P.value.a11y.translations.keyboardNavigation,
 				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, {
+			})), void 0, !0)])) : p("", !0)]),
+			e.$slots.watermark ? (x(), m("div", vt, [w(e.$slots, "watermark", y(_({ isPrinting: E(mn) || E(hn) || Qt.value || $t.value })), void 0, !0)])) : p("", !0),
+			P.value.style.zoom.show && G.value > 6 && Pt.value && rr.value ? (x(), f(Te, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: Vt,
@@ -1707,34 +1707,34 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				onFutureEnd: t[0] ||= (e) => Tn("end", e),
 				onFutureStart: t[1] ||= (e) => Tn("start", e)
 			}, {
-				"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({
+				"reset-action": D(({ reset: t }) => [w(e.$slots, "reset-action", y(_({ reset: t })), void 0, !0)]),
+				slotMap: D(({ height: e, unitW: t }) => [(x(!0), m(u, null, C(Nn.value({
 					minimapH: e,
 					unitW: t
-				}), (e, n) => (S(), g("g", null, [_("path", {
+				}), (e, n) => (x(), m("g", null, [h("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: Ne({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
-				}, null, 12, yt), _("path", {
+					style: b({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
+				}, null, 12, yt), h("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: Ne({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
+					style: b({ 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("."))) : h("", !0),
-			_("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("."))) : p("", !0),
+			h("div", {
 				ref_key: "chartLegend",
 				ref: Bt
-			}, [T(e.$slots, "legend", { legend: Z.value }, void 0, !0)], 512),
-			e.$slots.source ? (S(), g("div", {
+			}, [w(e.$slots, "legend", { legend: Z.value }, void 0, !0)], 512),
+			e.$slots.source ? (x(), m("div", {
 				key: 7,
 				ref_key: "source",
 				ref: Ht,
 				dir: "auto"
-			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
-			Ae(E(Ct), {
+			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			Me(E(Ct), {
 				teleportTo: P.value.style.tooltip.teleportTo,
 				show: H.value.showTooltip && It.value,
 				backgroundColor: P.value.style.tooltip.backgroundColor,
@@ -1758,9 +1758,9 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				isA11yMode: tn.value === "keyboard",
 				a11yPosition: en.value
 			}, {
-				"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)]),
+				"tooltip-before": D(() => [w(e.$slots, "tooltip-before", y(_({ ...Yn.value })), void 0, !0)]),
+				tooltip: D(() => [w(e.$slots, "tooltip", y(_({ ...Yn.value })), void 0, !0)]),
+				"tooltip-after": D(() => [w(e.$slots, "tooltip-after", y(_({ ...Yn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1786,12 +1786,12 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Pt.value && P.value.userOptions.buttons.table ? (S(), m(Ie(_r.value.component), je({ key: 8 }, _r.value.props, {
+			Pt.value && P.value.userOptions.buttons.table ? (x(), f(Le(_r.value.component), Ne({ key: 8 }, _r.value.props, {
 				ref_key: "tableUnit",
 				ref: Yt,
 				onClose: vr
-			}), Oe({
-				content: D(() => [(S(), m(E(Tt), {
+			}), Ae({
+				content: D(() => [(x(), f(E(Tt), {
 					key: `table_${Gt.value}`,
 					colNames: cr.value.colNames,
 					head: cr.value.head,
@@ -1802,8 +1802,8 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 					isCursorPointer: rn.value,
 					onClose: vr
 				}, {
-					th: D(({ th: e }) => [ke(Re(e), 1)]),
-					td: D(({ td: e }) => [_("div", { innerHTML: e }, null, 8, xt)]),
+					th: D(({ th: e }) => [je(T(e), 1)]),
+					td: D(({ td: e }) => [h("div", { innerHTML: e }, null, 8, xt)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1817,22 +1817,22 @@ var He = /* @__PURE__ */ e({ default: () => St }), Ue = ["id"], We = ["id"], Ge
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [ke(Re(_r.value.title), 1)]),
+				fn: D(() => [je(T(_r.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
-				fn: D(() => [_("button", {
+				fn: D(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: t[2] ||= (e) => sr(P.value.userOptions.callbacks.csv),
-					style: Ne({ cursor: rn.value ? "pointer" : "default" })
-				}, [Ae(E(St), {
+					style: b({ cursor: rn.value ? "pointer" : "default" })
+				}, [Me(E(St), {
 					name: "fileCsv",
 					stroke: _r.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : h("", !0),
-			T(e.$slots, "skeleton", {}, () => [E(F) ? (S(), m(fe, { key: 0 })) : h("", !0)], !0)
+			} : void 0]), 1040)) : p("", !0),
+			w(e.$slots, "skeleton", {}, () => [E(F) ? (x(), f(me, { key: 0 })) : p("", !0)], !0)
 		], 46, Ue));
 	}
 }, [["__scopeId", "data-v-df4d118c"]]);