vue-data-ui 3.20.11 → 3.21.1

package/dist/{vue-ui-candlestick-B4tkLoQe.js → vue-ui-candlestick-BnlUMIhy.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Ct as n, G as r, H as i, J as a, Mt as o, Nt as s, S as c, X as l, h as ee, nt as te, pt as ne, s as re, t as ie, v as u, zt as ae } from "./lib-DUeYQsS0.js";
-import { n as oe, r as se, t as ce } from "./useTimeLabels-BmBRv27Y.js";
-import { t as le } from "./useConfig-DnH7Pf_2.js";
-import { t as ue } from "./usePrinter-C1Gqt_Sp.js";
-import { n as de, t as fe } from "./BaseScanner-Dr2a1Msy.js";
-import { t as pe } from "./useSvgExport-SVIsDot8.js";
-import { t as me } from "./useNestedProp-CNcoy38D.js";
-import { t as he } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as _e } from "./img-1cKsci8e.js";
-import { n as ve } from "./Title-NWp4qB4K.js";
-import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as be } from "./canvas-lib-BOP_HS11.js";
-import { t as xe } from "./useResponsive-BfnK0KxU.js";
-import { t as Se } from "./SlicerPreview-By4kBVCY.js";
-import { t as Ce } from "./A11yDataTable-BCbtxMU6.js";
-import { t as we } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Te } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ee } from "./vue_ui_candlestick-J8jmJvxP.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Ae, nextTick as je, normalizeClass as y, normalizeProps as b, normalizeStyle as Me, onBeforeUnmount as Ne, onMounted as Pe, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Fe, shallowRef as Ie, toDisplayString as T, toRefs as Le, unref as E, watch as Re, watchEffect as ze, withCtx as D } from "vue";
+import { Ft as t, G as n, H as r, Ht as i, J as a, Pt as o, S as s, Tt as c, Vt as l, X as u, h as ee, ht as te, it as ne, s as re, t as ie, v as d } from "./lib-AJRHFE5U.js";
+import { n as ae, r as oe, t as se } from "./useTimeLabels-BmBRv27Y.js";
+import { t as ce } from "./useConfig-DnH7Pf_2.js";
+import { t as le } from "./usePrinter-6n2MzVyV.js";
+import { n as ue, t as de } from "./BaseScanner-Dr2a1Msy.js";
+import { t as fe } from "./useSvgExport-SVIsDot8.js";
+import { t as pe } from "./useNestedProp-DtcXIg7n.js";
+import { t as me } from "./useThemeCheck-C43Tcqmk.js";
+import { t as he } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as ge } from "./img-C_RNNswI.js";
+import { n as _e } from "./Title-DH6G8_cZ.js";
+import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ye } from "./canvas-lib-BOP_HS11.js";
+import { t as be } from "./useResponsive-BfnK0KxU.js";
+import { t as xe } from "./SlicerPreview-CXLgqXX8.js";
+import { t as Se } from "./A11yDataTable-BCbtxMU6.js";
+import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
+import { t as we } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Te } 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 Ee, createTextVNode as De, createVNode as Oe, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as ke, nextTick as Ae, normalizeClass as b, normalizeProps as x, normalizeStyle as je, onBeforeUnmount as Me, onMounted as Ne, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Pe, shallowRef as Fe, toDisplayString as Ie, toRefs as Le, unref as E, watch as Re, watchEffect as ze, withCtx as D } from "vue";
 //#region src/components/vue-ui-candlestick.vue
 var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue = { style: { position: "relative" } }, We = [
 	"xmlns",
@@ -165,7 +165,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 	"d",
 	"stroke",
 	"stroke-width"
-], Dt = ["innerHTML"], Ot = /* @__PURE__ */ ye({
+], Dt = ["innerHTML"], Ot = /* @__PURE__ */ ve({
 	__name: "vue-ui-candlestick",
 	props: {
 		config: {
@@ -186,11 +186,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		}
 	},
 	emits: ["selectX", "copyAlt"],
-	setup(e, { expose: ye, emit: Be }) {
-		let Ot = _(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), kt = _(() => import("./Tooltip-BENq327o.js")), At = _(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)), jt = _(() => import("./DataTable-B--IN22e.js")), Mt = _(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Nt = _(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Pt = _(() => import("./PackageVersion-eS823iMF.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_candlestick: It } = le(), { isThemeValid: Lt, warnInvalidTheme: Rt } = he(), O = e, zt = Be, Bt = f(() => !!O.dataset && O.dataset.length), k = S(!1), Vt = S(null), A = S(i()), Ht = S(!1), Ut = S(""), j = S(void 0), Wt = S(0), M = S(null), Gt = S(null), Kt = S(null), qt = S(null), Jt = S(null), Yt = S(null), Xt = S(0), Zt = S(0), Qt = S(0), $t = S(null), en = S(null), tn = S(null), nn = S(null), rn = S(null), an = S(!1), on = S(!1), N = S(null), sn = S({
+	setup(e, { expose: ve, emit: Be }) {
+		let Ot = v(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), kt = v(() => import("./Tooltip-979Ytd8R.js")), At = v(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), jt = v(() => import("./DataTable-DweDyHc1.js")), Mt = v(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Nt = v(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), Pt = v(() => import("./PackageVersion-C19kRMwz.js").then((e) => e.t)), Ft = v(() => import("./BaseDraggableDialog-BvaFJWHb.js").then((e) => e.n)), { vue_ui_candlestick: It } = ce(), { isThemeValid: Lt, warnInvalidTheme: Rt } = me(), O = e, zt = Be, Bt = p(() => !!O.dataset && O.dataset.length), k = C(!1), Vt = C(null), A = C(r()), Ht = C(!1), Ut = C(""), j = C(void 0), Wt = C(0), M = C(null), Gt = C(null), Kt = C(null), qt = C(null), Jt = C(null), Yt = C(null), Xt = C(0), Zt = C(0), Qt = C(0), $t = C(null), en = C(null), tn = C(null), nn = C(null), rn = C(null), an = C(!1), on = C(!1), N = C(null), sn = C({
 			x: 0,
 			y: 0
-		}), cn = S("pointer"), ln = S(!1), P = S(vn()), un = f(() => P.value.userOptions.useCursorPointer), dn = f(() => t({
+		}), cn = C("pointer"), ln = C(!1), P = C(vn()), un = p(() => P.value.userOptions.useCursorPointer), dn = p(() => i({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -228,7 +228,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				}
 			},
 			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: F, FINAL_DATASET: I, manualLoading: fn } = de({
+		})), { loading: F, FINAL_DATASET: I, manualLoading: fn } = ue({
 			...Le(O),
 			FINAL_CONFIG: P,
 			prepareConfig: vn,
@@ -335,11 +335,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					5100
 				]
 			],
-			skeletonConfig: t({
+			skeletonConfig: i({
 				defaultConfig: P.value,
 				userConfig: dn.value
 			})
-		}), { userOptionsVisible: pn, setUserOptionsVisibility: mn, keepUserOptionState: hn } = we({ config: P.value }), { svgRef: L } = Te({ config: P.value.style.title });
+		}), { userOptionsVisible: pn, setUserOptionsVisibility: mn, keepUserOptionState: hn } = Ce({ config: P.value }), { svgRef: L } = we({ config: P.value.style.title });
 		function gn() {
 			mn(!0);
 		}
@@ -350,17 +350,17 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			}), j.value = null;
 		}
 		function vn() {
-			let e = me({
+			let e = pe({
 				userConfig: O.config,
 				defaultConfig: It
 			}), t = {}, n = e.theme;
 			if (n) if (!Lt.value(e)) Rt(e), t = e;
 			else {
-				let r = me({
-					userConfig: Ee[n] || O.config,
+				let r = pe({
+					userConfig: Te[n] || O.config,
 					defaultConfig: e
 				});
-				t = { ...me({
+				t = { ...pe({
 					userConfig: O.config,
 					defaultConfig: r
 				}) };
@@ -373,27 +373,27 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		}, { deep: !0 }), Re(() => O.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (fn.value = !1), sr();
 		}, { deep: !0 });
-		let R = S({
+		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(() => {
+		}), z = Fe(null), B = Fe(null);
+		Ne(() => {
 			yn();
 		});
-		let V = f(() => !!P.value.debug);
+		let V = p(() => !!P.value.debug);
 		function yn() {
-			if (n(O.dataset) && (l({
+			if (c(O.dataset) && (u({
 				componentName: "VueUiCandlestick",
 				type: "dataset",
 				debug: V.value
-			}), fn.value = !0), n(O.dataset) || (fn.value = P.value.loading), setTimeout(() => {
+			}), fn.value = !0), c(O.dataset) || (fn.value = P.value.loading), setTimeout(() => {
 				k.value = !0;
 			}, 10), P.value.responsive) {
-				let e = be(() => {
+				let e = ye(() => {
 					k.value = !1;
-					let { width: e, height: t } = xe({
+					let { width: e, height: t } = be({
 						chart: M.value,
 						title: P.value.style.title.text ? Gt.value : null,
 						slicer: P.value.style.zoom.show && G.value > 6 ? qt.value.$el : null,
@@ -402,13 +402,13 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						noTitle: Yt.value
 					});
 					requestAnimationFrame(() => {
-						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = ae({
+						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = l({
 							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 = ae({
+						}), R.value.yAxisFontSize = l({
 							relator: Math.min(e, t),
 							adjuster: P.value.style.width,
 							source: P.value.style.layout.grid.yAxis.dataLabels.fontSize,
@@ -423,17 +423,17 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			}
 			dr();
 		}
-		Ne(() => {
+		Me(() => {
 			z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect());
 		});
-		let { isPrinting: bn, isImaging: xn, generatePdf: Sn, generateImage: Cn } = ue({
+		let { isPrinting: bn, isImaging: xn, generatePdf: Sn, generateImage: Cn } = le({
 			elementId: `vue-ui-candlestick_${A.value}`,
 			fileName: P.value.style.title.text || "vue-ui-candlestick",
 			options: P.value.userOptions.print
-		}), wn = f(() => P.value.userOptions.show && !P.value.style.title.text), H = S({
+		}), wn = p(() => P.value.userOptions.show && !P.value.style.title.text), H = C({
 			showTable: P.value.table.show,
 			showTooltip: P.value.style.tooltip.show
-		}), Tn = S(0), En = be((e) => {
+		}), Tn = C(0), En = ye((e) => {
 			Tn.value = e;
 		}, 100);
 		ze((e) => {
@@ -443,13 +443,13 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				En(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Ne(() => {
+		}), Me(() => {
 			Tn.value = 0;
 		});
-		let Dn = f(() => {
+		let Dn = p(() => {
 			let e = 0;
 			return en.value && (e = Tn.value + R.value.xAxisFontSize), e;
-		}), U = f(() => P.value.style.layout.grid.yAxis.position === "right");
+		}), U = p(() => P.value.style.layout.grid.yAxis.position === "right");
 		function On() {
 			let e = P.value.style.layout.grid.yAxis.dataLabels.offsetX;
 			$t.value && (e = Array.from($t.value.querySelectorAll("text")).reduce((e, t) => {
@@ -465,7 +465,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				crosshair: 13
 			};
 		}
-		let W = f(() => {
+		let W = p(() => {
 			let { top: e, right: t, bottom: n, left: r } = P.value.style.layout.padding, i = On();
 			return {
 				top: e + 12,
@@ -478,12 +478,12 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				yAxisNameWidth: i.yAxisNameWidth,
 				crosshair: i.crosshair
 			};
-		}), kn = 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, c = q.value.end - i, l = Math.max(0, Math.min(a, s)), ee = Math.max(0, Math.min(a, c));
+		}), kn = 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 + l * o,
 				y: t,
-				width: (ee - l) * o,
+				width: (u - l) * o,
 				height: r,
 				fill: P.value.style.zoom.preview.fill,
 				stroke: P.value.style.zoom.preview.stroke,
@@ -497,13 +497,13 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					animation: "none !important"
 				}
 			};
-		}), G = f(() => I.value.length), K = S({
+		}), G = p(() => I.value.length), K = C({
 			start: 0,
 			end: G.value
-		}), q = S({
+		}), q = C({
 			start: 0,
 			end: G.value
-		}), An = f(() => P.value.style.zoom.preview.enable && (q.value.start !== K.value.start || q.value.end !== K.value.end));
+		}), An = p(() => P.value.style.zoom.preview.enable && (q.value.start !== K.value.start || q.value.end !== K.value.end));
 		function jn(e, t) {
 			q.value[e] = t;
 		}
@@ -511,41 +511,41 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			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, qt.value && (qt.value.setStartValue(e), qt.value.setEndValue(t));
 		}
-		let Nn = f(() => I.value.map((e, t) => ({
+		let Nn = p(() => I.value.map((e, t) => ({
 			...e,
 			absoluteIndex: t
-		}))), Pn = f(() => Nn.value.slice(K.value.start, K.value.end)), J = f(() => (I.value.forEach((e, t) => {
-			[null, void 0].includes(e[0]) && l({
+		}))), Pn = p(() => Nn.value.slice(K.value.start, K.value.end)), J = p(() => (I.value.forEach((e, t) => {
+			[null, void 0].includes(e[0]) && u({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "period (index 0)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[1]) && l({
+			}), [null, void 0].includes(e[1]) && u({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "open (index 1)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[2]) && l({
+			}), [null, void 0].includes(e[2]) && u({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "high (index 2)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[3]) && l({
+			}), [null, void 0].includes(e[3]) && u({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "low (index 3)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[4]) && l({
+			}), [null, void 0].includes(e[4]) && u({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "close (index 4)",
 				index: t,
 				debug: V.value
-			}), [null, void 0].includes(e[5]) && l({
+			}), [null, void 0].includes(e[5]) && u({
 				componentName: "VueUiCandlestick",
 				type: "datasetAttribute",
 				property: "volume (index 5)",
@@ -560,7 +560,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			low: e[3],
 			close: e[4],
 			volume: e[5]
-		})))), Fn = f(() => Nn.value.map((e) => ({
+		})))), Fn = p(() => Nn.value.map((e) => ({
 			absoluteIndex: e.absoluteIndex,
 			period: e[0],
 			open: e[1],
@@ -568,21 +568,21 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			low: e[3],
 			close: e[4],
 			volume: e[5]
-		}))), Y = f(() => W.value.width / Pn.value.length), In = f(() => ({
+		}))), Y = p(() => W.value.width / Pn.value.length), In = 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(() => ee(In.value.min, In.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
+		})), X = p(() => ee(In.value.min, In.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
 		function Ln(e, t, n = null, r = null) {
 			return {
 				...e,
-				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,7 +595,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				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 = Ln(i.open, a, e.o, t.o), s = Ln(i.high, a, e.h, t.h), c = Ln(i.low, a, e.l, t.l), l = Ln(i.close, a, e.c, t.c), ee = i.close > i.open, te = i.volume === n, ne = i.volume === r;
+				let o = Ln(i.open, a, e.o, t.o), s = Ln(i.high, a, e.h, t.h), c = Ln(i.low, a, e.l, t.l), l = Ln(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,
@@ -603,10 +603,10 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					low: c,
 					close: l,
 					volume: i.volume,
-					isBullish: ee,
+					isBullish: u,
 					absoluteIndex: i.absoluteIndex,
-					isMaxVolume: te,
-					isMinVolume: ne
+					isMaxVolume: ee,
+					isMinVolume: te
 				};
 			});
 		});
@@ -614,12 +614,12 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			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 zn = f(() => ({ minimapH: e, unitW: t }) => Fn.value.map((n, r) => {
+		let zn = p(() => ({ minimapH: e, unitW: t }) => Fn.value.map((n, r) => {
 			let i = Rn({
 				item: n.open,
 				index: r,
@@ -651,23 +651,23 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				isBullish: c,
 				absoluteIndex: n.absoluteIndex
 			};
-		})), Bn = f(() => P.value.style.zoom.minimap.show ? [{
+		})), Bn = p(() => P.value.style.zoom.minimap.show ? [{
 			name: "",
 			series: I.value.map((e) => e[2]),
 			color: "#000000",
 			isVisible: !0
 		}] : []);
 		function Vn(e) {
-			return u((e - X.value.min) / (X.value.max - X.value.min));
+			return d((e - X.value.min) / (X.value.max - X.value.min));
 		}
-		let Hn = f(() => X.value.ticks.map((e) => ({
+		let Hn = p(() => X.value.ticks.map((e) => ({
 			y: W.value.bottom - W.value.height * Vn(e),
-			value: u(e)
-		}))), Un = f(() => J.value.map((e) => e.period)), Q = S([]), Wn = S([]), Gn = 0;
+			value: d(e)
+		}))), Un = p(() => J.value.map((e) => e.period)), Q = C([]), Wn = C([]), Gn = 0;
 		ze(() => {
 			let e = ++Gn;
 			(async () => {
-				let t = await ce({
+				let t = await se({
 					values: I.value.map((e) => e[0]),
 					maxDatapoints: I.value.length,
 					formatter: P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
@@ -681,7 +681,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		ze(() => {
 			let e = ++Kn;
 			(async () => {
-				let t = await ce({
+				let t = await se({
 					values: I.value.map((e) => e[0]),
 					maxDatapoints: I.value.length,
 					formatter: P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
@@ -691,10 +691,10 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				e === Kn && (Wn.value = t);
 			})();
 		});
-		let qn = f(() => {
+		let qn = 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;
-		}), Jn = S({
+		}), Jn = C({
 			months: [],
 			shortMonths: [],
 			days: [],
@@ -703,12 +703,12 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		ze(() => {
 			let e = ++Yn, t = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter;
 			(async () => {
-				let n = await se(t.locale).catch(() => se("en"));
+				let n = await oe(t.locale).catch(() => oe("en"));
 				e === Yn && (Jn.value = n.data);
 			})();
 		});
-		let Xn = f(() => {
-			let e = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, t = oe({
+		let Xn = p(() => {
+			let e = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter, t = ae({
 				useUTC: e.useUTC,
 				locale: Jn.value,
 				januaryAsYear: e.januaryAsYear
@@ -717,22 +717,22 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				let r = I.value.map((e) => e[0])?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Zn = f(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
+		}), Zn = p(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
 			text: Xn.value(t, P.value.style.tooltip.timeFormat),
 			absoluteIndex: t
-		}))), Qn = f(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
+		}))), Qn = p(() => (I.value.map((e) => e[0]) || []).map((e, t) => ({
 			text: Xn.value(t, P.value.style.zoom.timeFormat),
 			absoluteIndex: t
-		}))), $n = f(() => {
+		}))), $n = p(() => {
 			let e = P.value.style.layout.grid.xAxis.dataLabels, t = Q.value || [], n = Wn.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, qn.value || 1), o, s, r, i, a);
-		}), er = f(() => P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? {
+		}), er = 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]
-		}), tr = S(null);
+		}), tr = C(null);
 		function nr(e, t) {
 			P.value.events.datapointClick && P.value.events.datapointClick({
 				datapoint: t,
@@ -753,11 +753,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			let t = e - K.value.start;
 			t < 0 || e >= K.value.end ? j.value = null : j.value = t ?? null;
 		}, { immediate: !0 });
-		function ir(e, t, n = "pointer") {
+		function ir(e, t, r = "pointer") {
 			P.value.events.datapointEnter && P.value.events.datapointEnter({
 				datapoint: t,
 				seriesIndex: e + K.value.start
-			}), j.value = e, N.value = e, cn.value = n, tr.value = {
+			}), j.value = e, N.value = e, cn.value = r, tr.value = {
 				datapoint: t,
 				seriesIndex: e,
 				series: Z.value,
@@ -767,7 +767,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				datapoint: t
 			});
 			let i = P.value.style.tooltip.customFormat;
-			if (ne(i) && te(() => i({
+			if (te(i) && ne(() => i({
 				seriesIndex: e,
 				datapoint: t,
 				series: Z.value,
@@ -779,67 +779,67 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				config: P.value
 			});
 			else if (P.value.style.tooltip.show) {
-				let n = "", { period: i, open: a, high: o, low: s, close: c, volume: l, isBullish: ee } = Z.value[e], { period: te, open: ne, high: re, low: ie, close: u, volume: ae } = P.value.translations, oe = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? P.value.style.tooltip.useDefaultTimeFormat ? Q.value[e].text : Zn.value[e].text : i;
-				n += `<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" stroke="${P.value.style.layout.candle.stroke}" stroke-width="${P.value.style.layout.candle.strokeWidth}" 
-                fill="${P.value.style.layout.candle.gradient.show ? ee ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : ee ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg>${oe}</div>`, n += `${ae} : <b>${isNaN(l) ? "-" : Number(l.toFixed(P.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, n += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${P.value.style.tooltip.borderColor}">`;
-				let se = r({
+				let r = "", { period: i, open: a, high: o, low: s, close: c, volume: l, isBullish: u } = Z.value[e], { period: ee, open: te, high: ne, low: re, close: ie, volume: d } = P.value.translations, ae = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? P.value.style.tooltip.useDefaultTimeFormat ? Q.value[e].text : Zn.value[e].text : i;
+				r += `<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" stroke="${P.value.style.layout.candle.stroke}" stroke-width="${P.value.style.layout.candle.strokeWidth}" 
+                fill="${P.value.style.layout.candle.gradient.show ? 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>`, r += `${d} : <b>${isNaN(l) ? "-" : Number(l.toFixed(P.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, r += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${P.value.style.tooltip.borderColor}">`;
+				let oe = n({
 					p: P.value.style.tooltip.prefix,
 					v: a.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), ce = r({
+				}), se = n({
 					p: P.value.style.tooltip.prefix,
 					v: o.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), le = r({
+				}), ce = n({
 					p: P.value.style.tooltip.prefix,
 					v: s.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), ue = r({
+				}), le = n({
 					p: P.value.style.tooltip.prefix,
 					v: c.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
 				});
-				P.value.style.tooltip.showChart ? n += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
+				P.value.style.tooltip.showChart ? r += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
                     <svg viewBox="0 0 100 100" width="100px" style="background: transparent; overflow: visible">
                         <g>
                             <line x1="50" x2="50" y1="20" y2="80" stroke="${t.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}" stroke-width="2" stroke-linecap="round" />
                             ${t.isBullish ? `
                                 <line x1="45" x2="50" y1="65" y2="65" stroke="${P.value.style.layout.candle.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
                                 <line x1="50" x2="55" y1="35" y2="35" stroke="${P.value.style.layout.candle.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
-                                <text x="38" y="70" text-anchor="end" fill="${P.value.style.tooltip.color}">${se}</text>
-                                <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>", Ut.value = `<div style="text-align:right">${n}</div>`;
+                ` : (r += `<div>${te}: <b>${oe}</b></div>`, r += `<div>${ne}: <b>${se}</b></div>`, r += `<div>${re}: <b>${ce}</b></div>`, r += `<div>${ie}: <b>${le}</b></div>`), r += "</div>", Ut.value = `<div style="text-align:right">${r}</div>`;
 			}
 			Ht.value = !0;
 		}
-		let ar = S(null);
+		let ar = C(null);
 		function or() {
 			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
 		}
-		Ne(() => {
+		Me(() => {
 			ar.value && cancelAnimationFrame(ar.value);
 		});
 		async function sr() {
-			dr(), await je(), ar.value && cancelAnimationFrame(ar.value), ar.value = requestAnimationFrame(async () => {
+			dr(), await Ae(), ar.value && cancelAnimationFrame(ar.value), ar.value = requestAnimationFrame(async () => {
 				await or(), dr();
 			});
 		}
-		let cr = S(!1), lr = S(!1), ur = S(!1);
+		let cr = C(!1), lr = C(!1), ur = C(!1);
 		function dr() {
 			if (!cr.value) {
 				cr.value = !0;
@@ -858,7 +858,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			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 pr(e = null) {
-			je(() => {
+			Ae(() => {
 				let t = [
 					P.value.translations.period,
 					P.value.translations.open,
@@ -873,7 +873,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					e.low.value,
 					e.close.value,
 					e.volume
-				]), r = c([
+				]), r = s([
 					[P.value.style.title.text],
 					[P.value.style.title.subtitle.text],
 					[
@@ -889,31 +889,31 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				});
 			});
 		}
-		let mr = f(() => {
+		let mr = 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, i = r({
+				let r = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period, i = n({
 					p: P.value.table.td.prefix,
 					v: e.open.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), a = r({
+				}), a = n({
 					p: P.value.table.td.prefix,
 					v: e.high.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), o = r({
+				}), o = n({
 					p: P.value.table.td.prefix,
 					v: e.low.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), s = r({
+				}), s = n({
 					p: P.value.table.td.prefix,
 					v: e.close.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				});
 				return [
-					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" fill="${P.value.style.layout.candle.gradient.show ? e.isBullish ? `url(#bullish_gradient_${A.value}` : `url(#bearish_gradient_${A.value})` : e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg> ${n}`,
+					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" fill="${P.value.style.layout.candle.gradient.show ? e.isBullish ? `url(#bullish_gradient_${A.value}` : `url(#bearish_gradient_${A.value})` : e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg> ${r}`,
 					i,
 					a,
 					o,
@@ -922,32 +922,32 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				];
 			}), t = Z.value.map((e, t) => [
 				P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period,
-				r({
+				n({
 					p: P.value.table.td.prefix,
 					v: e.open.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				r({
+				n({
 					p: P.value.table.td.prefix,
 					v: e.high.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				r({
+				n({
 					p: P.value.table.td.prefix,
 					v: e.low.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				r({
+				n({
 					p: P.value.table.td.prefix,
 					v: e.close.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
 				`${isNaN(e.volume) ? "-" : e.volume}`
-			]), n = {
+			]), r = {
 				th: {
 					backgroundColor: P.value.table.th.backgroundColor,
 					color: P.value.table.th.color,
@@ -971,10 +971,10 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				head: i,
 				body: e,
 				bodyA11y: t,
-				config: n,
+				config: r,
 				colNames: i
 			};
-		}), $ = S(!1);
+		}), $ = C(!1);
 		function hr(e) {
 			$.value = e, Wt.value += 1;
 		}
@@ -984,13 +984,13 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		function _r() {
 			H.value.showTooltip = !H.value.showTooltip;
 		}
-		let vr = S(!1);
+		let vr = C(!1);
 		function yr() {
 			vr.value = !vr.value;
 		}
 		async function br({ scale: e = 2 } = {}) {
 			if (!M.value) return;
-			let { width: t, height: n } = M.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await _e({
+			let { width: t, height: n } = M.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ge({
 				domElement: M.value,
 				base64: !0,
 				img: !0,
@@ -1005,8 +1005,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				aspectRatio: r
 			};
 		}
-		let xr = f(() => R.value.width), Sr = f(() => R.value.height);
-		ge({
+		let xr = p(() => R.value.width), Sr = p(() => R.value.height);
+		he({
 			timeLabelsEls: en,
 			timeLabels: Q,
 			slicer: K,
@@ -1038,7 +1038,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				showTooltip: P.value.style.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Cr = f(() => {
+		let Cr = p(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = H.value.showTable;
 			return {
 				component: e ? Ft : At,
@@ -1075,13 +1075,13 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		function wr() {
 			H.value.showTable = !1, nn.value && nn.value.setTableIconState(!1);
 		}
-		let Tr = f(() => P.value.style.backgroundColor), { exportSvg: Er, getSvg: Dr } = pe({
+		let Tr = p(() => P.value.style.backgroundColor), { exportSvg: Er, getSvg: Dr } = fe({
 			svg: L,
-			title: f(() => P.value.style.title),
+			title: p(() => P.value.style.title),
 			backgroundColor: Tr
 		});
 		async function Or({ isCb: e }) {
-			on.value = !0, await je();
+			on.value = !0, await Ae();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await Dr();
@@ -1172,11 +1172,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				y: r.top + n / R.value.height * r.height
 			};
 		}
-		let zr = f(() => ({
+		let zr = p(() => ({
 			headers: mr.value?.colNames ?? [],
 			rows: mr.value?.bodyA11y ?? []
 		}));
-		return ye({
+		return ve({
 			getImage: br,
 			generatePdf: Sn,
 			generateCsv: pr,
@@ -1187,20 +1187,20 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			toggleAnnotator: yr,
 			toggleFullscreen: hr,
 			copyAlt: Pr
-		}), (e, t) => (x(), h("div", {
+		}), (e, r) => (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: Me(`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: je(`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: gn,
 			onMouseleave: _n
 		}, [
-			g("div", {
+			_("div", {
 				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
-			}, [g("p", null, T(P.value.a11y.translations.keyboardNavigation), 1)], 8, He),
-			zr.value?.rows?.length ? (x(), p(Ce, {
+			}, [_("p", null, Ie(P.value.a11y.translations.keyboardNavigation), 1)], 8, He),
+			zr.value?.rows?.length ? (S(), m(Se, {
 				key: 0,
 				uid: A.value,
 				head: zr.value.headers,
@@ -1213,8 +1213,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				"body",
 				"notice",
 				"caption"
-			])) : m("", !0),
-			P.value.userOptions.buttons.annotator ? (x(), p(E(Mt), {
+			])) : h("", !0),
+			P.value.userOptions.buttons.annotator ? (S(), m(E(Mt), {
 				key: 1,
 				svgRef: E(L),
 				backgroundColor: P.value.style.backgroundColor,
@@ -1223,12 +1223,12 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				isCursorPointer: un.value,
 				onClose: yr
 			}, {
-				"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", b(v({ color: t })), void 0, !0)]),
-				"annotator-action-draw": D(({ mode: t }) => [w(e.$slots, "annotator-action-draw", b(v({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", b(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", b(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": D(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", b(v({ disabled: t })), void 0, !0)]),
+				"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)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -1236,20 +1236,20 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : m("", !0),
-			wn.value ? (x(), h("div", {
+			])) : h("", !0),
+			wn.value ? (S(), g("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Yt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : m("", !0),
-			P.value.style.title.text ? (x(), h("div", {
+			}, null, 512)) : h("", !0),
+			P.value.style.title.text ? (S(), g("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: Gt,
 				style: "width:100%;background:transparent"
-			}, [(x(), p(ve, {
+			}, [(S(), m(_e, {
 				key: `title_${Qt.value}`,
 				config: {
 					title: {
@@ -1261,8 +1261,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						...P.value.style.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : m("", !0),
-			P.value.userOptions.show && Bt.value && (E(hn) || E(pn)) ? (x(), p(E(Nt), {
+			}, null, 8, ["config"]))], 512)) : h("", !0),
+			P.value.userOptions.show && Bt.value && (E(hn) || E(pn)) ? (S(), m(E(Nt), {
 				ref_key: "userOptionsRef",
 				ref: nn,
 				key: `user_options_${Wt.value}`,
@@ -1299,11 +1299,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				onToggleTooltip: _r,
 				onToggleAnnotator: yr,
 				onCopyAlt: Pr,
-				style: Me({ visibility: E(hn) ? E(pn) ? "visible" : "hidden" : "visible" })
-			}, De({ _: 2 }, [
+				style: je({ visibility: E(hn) ? E(pn) ? "visible" : "hidden" : "visible" })
+			}, Ee({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", b(v({
+					fn: D(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", x(y({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1311,37 +1311,37 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: D(() => [w(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: D(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: D(() => [w(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: D(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: D(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: D(() => [w(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", b(v({
+					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", x(y({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1349,7 +1349,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", b(v({
+					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", x(y({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1357,83 +1357,83 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: D(({ altCopy: t }) => [w(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"] ? {
 					name: "custom-menu-before",
-					fn: D(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "10"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: D(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					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", Ue, [(x(), 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", Ue, [(S(), g("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: E(ie),
 				"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: Me(`max-width:100%;overflow:visible;background:transparent;color:${P.value.style.color}`),
+				style: je(`max-width:100%;overflow:visible;background:transparent;color:${P.value.style.color}`),
 				tabindex: "0",
 				onFocus: Fr,
 				onBlur: Ir,
 				onKeydown: Lr
 			}, [
-				ke(E(Pt)),
-				e.$slots["chart-background"] ? (x(), h("foreignObject", {
+				Oe(E(Pt)),
+				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" }
-				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : m("", !0),
-				Z.value.length > 0 ? (x(), h("g", Ke, [
-					g("defs", null, [g("linearGradient", {
+				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : h("", !0),
+				Z.value.length > 0 ? (S(), g("g", Ke, [
+					_("defs", null, [_("linearGradient", {
 						id: `bearish_gradient_${A.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						g("stop", {
+						_("stop", {
 							offset: "0%",
 							"stop-color": P.value.style.layout.candle.colors.bearish
 						}, null, 8, Je),
-						g("stop", {
+						_("stop", {
 							offset: "50%",
-							"stop-color": `${E(s)(P.value.style.layout.candle.colors.bearish, .02)}DE`
+							"stop-color": `${E(t)(P.value.style.layout.candle.colors.bearish, .02)}DE`
 						}, null, 8, Ye),
-						g("stop", {
+						_("stop", {
 							offset: "100%",
-							"stop-color": `${E(s)(P.value.style.layout.candle.colors.bearish, .05)}66`
+							"stop-color": `${E(t)(P.value.style.layout.candle.colors.bearish, .05)}66`
 						}, null, 8, Xe)
-					], 8, qe), g("linearGradient", {
+					], 8, qe), _("linearGradient", {
 						id: `bullish_gradient_${A.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						g("stop", {
+						_("stop", {
 							offset: "0%",
 							"stop-color": P.value.style.layout.candle.colors.bullish
 						}, null, 8, Qe),
-						g("stop", {
+						_("stop", {
 							offset: "50%",
-							"stop-color": `${E(s)(P.value.style.layout.candle.colors.bullish, .02)}DE`
+							"stop-color": `${E(t)(P.value.style.layout.candle.colors.bullish, .02)}DE`
 						}, null, 8, $e),
-						g("stop", {
+						_("stop", {
 							offset: "100%",
-							"stop-color": `${E(s)(P.value.style.layout.candle.colors.bullish, .05)}66`
+							"stop-color": `${E(t)(P.value.style.layout.candle.colors.bullish, .05)}66`
 						}, null, 8, et)
 					], 8, Ze)]),
-					P.value.style.layout.grid.show ? (x(), h("g", tt, [
-						g("line", {
+					P.value.style.layout.grid.show ? (S(), g("g", tt, [
+						_("line", {
 							x1: U.value ? W.value.right : W.value.left,
 							x2: U.value ? W.value.right : W.value.left,
 							y1: W.value.top,
@@ -1442,7 +1442,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
 						}, null, 8, nt),
-						g("line", {
+						_("line", {
 							x1: W.value.left,
 							x2: W.value.right,
 							y1: W.value.bottom,
@@ -1451,7 +1451,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
 						}, null, 8, rt),
-						P.value.style.layout.grid.horizontalLines.show ? (x(!0), h(d, { key: 0 }, C(Hn.value, (e) => (x(), h("line", {
+						P.value.style.layout.grid.horizontalLines.show ? (S(!0), g(f, { key: 0 }, w(Hn.value, (e) => (S(), g("line", {
 							x1: W.value.left,
 							x2: W.value.right,
 							y1: e.y,
@@ -1460,8 +1460,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 							"stroke-width": P.value.style.layout.grid.horizontalLines.strokeWidth,
 							"stroke-dasharray": P.value.style.layout.grid.horizontalLines.strokeDasharray,
 							"stroke-linecap": "round"
-						}, null, 8, it))), 256)) : m("", !0),
-						P.value.style.layout.grid.verticalLines.show ? (x(!0), h(d, { key: 1 }, C($n.value, (e, t) => (x(), h("g", null, [e.text ? (x(), h("line", {
+						}, null, 8, it))), 256)) : h("", !0),
+						P.value.style.layout.grid.verticalLines.show ? (S(!0), g(f, { key: 1 }, w($n.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,
@@ -1471,8 +1471,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 							"stroke-width": P.value.style.layout.grid.verticalLines.strokeWidth,
 							"stroke-dasharray": P.value.style.layout.grid.verticalLines.strokeDasharray,
 							"stroke-linecap": "round"
-						}, null, 8, at)) : m("", !0)]))), 256)) : m("", !0),
-						P.value.style.layout.grid.xAxis.ticks.show ? (x(!0), h(d, { key: 2 }, C($n.value, (e, t) => (x(), h("g", null, [e.text ? (x(), h("line", {
+						}, null, 8, at)) : h("", !0)]))), 256)) : h("", !0),
+						P.value.style.layout.grid.xAxis.ticks.show ? (S(!0), g(f, { key: 2 }, w($n.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,
@@ -1481,13 +1481,13 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 							stroke: P.value.style.layout.grid.stroke,
 							"stroke-width": P.value.style.layout.grid.strokeWidth,
 							"stroke-linecap": "round"
-						}, null, 8, ot)) : m("", !0)]))), 256)) : m("", !0)
-					])) : m("", !0),
-					P.value.style.layout.grid.yAxis.dataLabels.show ? (x(), h("g", {
+						}, null, 8, ot)) : h("", !0)]))), 256)) : h("", !0)
+					])) : h("", !0),
+					P.value.style.layout.grid.yAxis.dataLabels.show ? (S(), g("g", {
 						key: 1,
 						ref_key: "scaleLabels",
 						ref: $t
-					}, [(x(!0), h(d, null, C(Hn.value, (e, t) => (x(), h("g", null, [e.value >= X.value.min && e.value <= X.value.max ? (x(), h("line", {
+					}, [(S(!0), g(f, null, w(Hn.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,
@@ -1496,7 +1496,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						stroke: P.value.style.layout.grid.stroke,
 						"stroke-width": P.value.style.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, st)) : m("", !0), e.value >= X.value.min && e.value <= X.value.max ? (x(), h("text", {
+					}, null, 8, st)) : 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,
@@ -1504,38 +1504,38 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						"font-size": R.value.yAxisFontSize,
 						fill: P.value.style.layout.grid.yAxis.dataLabels.color,
 						"font-weight": P.value.style.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-					}, T(E(r)({
+					}, Ie(E(n)({
 						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, ct)) : m("", !0)]))), 256))], 512)) : m("", !0),
-					P.value.style.layout.grid.xAxis.dataLabels.show && !P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (x(), h("g", {
+					})), 9, ct)) : 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: en
-					}, [(x(!0), h(d, null, C(Un.value, (e, t) => (x(), h("g", null, [g("text", {
+					}, [(S(!0), g(f, null, w(Un.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"
-					}, T(e), 9, lt)]))), 256))], 512)) : m("", !0),
-					P.value.style.layout.grid.xAxis.dataLabels.show && P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? (x(), h("g", {
+					}, Ie(e), 9, lt)]))), 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: en
-					}, [(x(!0), h(d, null, C($n.value, (e, t) => (x(), h("g", null, [g("text", {
+					}, [(S(!0), g(f, null, w($n.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"
-					}, T(e?.text ?? ""), 9, ut)]))), 256))], 512)) : m("", !0),
-					P.value.type === "candlestick" ? (x(), h(d, { key: 4 }, [g("g", null, [(x(!0), h(d, null, C(Z.value, (e, t) => (x(), h("g", null, [
-						g("rect", {
+					}, Ie(e?.text ?? ""), 9, ut)]))), 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,
@@ -1543,22 +1543,22 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 							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) })
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
 						}, null, 10, dt),
-						P.value.style.layout.wick.extremity.shape === "circle" ? (x(), h("g", ft, [g("circle", {
+						P.value.style.layout.wick.extremity.shape === "circle" ? (S(), g("g", ft, [_("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, pt), g("circle", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, pt), _("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, mt)])) : m("", !0),
-						P.value.style.layout.wick.extremity.shape === "line" ? (x(), h("g", ht, [g("rect", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, mt)])) : h("", !0),
+						P.value.style.layout.wick.extremity.shape === "line" ? (S(), g("g", ht, [_("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)),
@@ -1566,8 +1566,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 							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, gt), g("rect", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, gt), _("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)),
@@ -1575,9 +1575,9 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 							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, _t)])) : m("", !0)
-					]))), 256))]), g("g", null, [(x(!0), h(d, null, C(Z.value, (e, t) => (x(), h("rect", {
+							class: b({ "vue-data-ui-transition": k.value && !E(F) })
+						}, null, 10, _t)])) : 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),
@@ -1585,8 +1585,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						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, vt))), 256)), (x(!0), h(d, null, C(Z.value, (e, t) => (x(), h("rect", {
+						class: b({ "vue-data-ui-transition": k.value && !E(F) })
+					}, null, 10, vt))), 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),
@@ -1597,14 +1597,14 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						"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, yt))), 256))])], 64)) : m("", !0),
-					P.value.type === "ohlc" ? (x(!0), h(d, { key: 5 }, C(Z.value, (e, t) => (x(), h("g", null, [g("path", {
+						class: b({ "vue-data-ui-transition": k.value && !E(F) })
+					}, null, 10, yt))), 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, bt)]))), 256)) : m("", !0),
-					g("g", null, [(x(!0), h(d, null, C(Z.value, (e, t) => (x(), h("rect", {
+					}, null, 8, bt)]))), 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,
@@ -1614,24 +1614,24 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						onMouseleave: () => rr(t, e),
 						onClick: () => nr(t, e)
 					}, null, 40, xt))), 256))])
-				])) : m("", !0),
-				An.value ? (x(), h("rect", Ae({ key: 2 }, kn.value, {
+				])) : h("", !0),
+				An.value ? (S(), g("rect", ke({ key: 2 }, kn.value, {
 					"data-start": K.value.start,
 					"data-end": K.value.end
-				}), null, 16, St)) : m("", !0),
-				w(e.$slots, "svg", { svg: {
+				}), null, 16, St)) : h("", !0),
+				T(e.$slots, "svg", { svg: {
 					...R.value,
 					data: Z.value,
 					drawingArea: W.value,
 					isPrintingImg: E(bn) || E(xn) || an.value,
 					isPrintingSvg: on.value
 				} }, void 0, !0)
-			], 46, We)), e.$slots.hint ? (x(), h("div", Ct, [w(e.$slots, "hint", b(v({
+			], 46, We)), e.$slots.hint ? (S(), g("div", Ct, [T(e.$slots, "hint", x(y({
 				hint: P.value.a11y.translations.keyboardNavigation,
 				isVisible: ln.value
-			})), void 0, !0)])) : m("", !0)]),
-			e.$slots.watermark ? (x(), h("div", wt, [w(e.$slots, "watermark", b(v({ isPrinting: E(bn) || E(xn) || an.value || on.value })), void 0, !0)])) : m("", !0),
-			P.value.style.zoom.show && G.value > 6 && Bt.value && lr.value ? (x(), p(Se, {
+			})), void 0, !0)])) : h("", !0)]),
+			e.$slots.watermark ? (S(), g("div", wt, [T(e.$slots, "watermark", x(y({ isPrinting: E(bn) || E(xn) || an.value || on.value })), void 0, !0)])) : h("", !0),
+			P.value.style.zoom.show && G.value > 6 && Bt.value && lr.value ? (S(), m(xe, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: qt,
@@ -1690,37 +1690,37 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				"onUpdate:start": Ar,
 				onTrapMouse: kr,
 				onReset: sr,
-				onFutureEnd: t[0] ||= (e) => jn("end", e),
-				onFutureStart: t[1] ||= (e) => jn("start", e)
+				onFutureEnd: r[0] ||= (e) => jn("end", e),
+				onFutureStart: r[1] ||= (e) => jn("start", e)
 			}, {
-				"reset-action": D(({ reset: t }) => [w(e.$slots, "reset-action", b(v({ reset: t })), void 0, !0)]),
-				slotMap: D(({ height: e, unitW: t }) => [(x(!0), h(d, null, C(zn.value({
+				"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(zn.value({
 					minimapH: e,
 					unitW: t
-				}), (e, n) => (x(), 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: Me({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
-				}, null, 12, Tt), g("path", {
+					style: je({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
+				}, null, 12, Tt), _("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: Me({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
+					style: je({ opacity: n >= q.value.start && n <= q.value.end ? 1 : .6 })
 				}, null, 12, Et)]))), 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: Kt
-			}, [w(e.$slots, "legend", { legend: Z.value }, void 0, !0)], 512),
-			e.$slots.source ? (x(), h("div", {
+			}, [T(e.$slots, "legend", { legend: Z.value }, void 0, !0)], 512),
+			e.$slots.source ? (S(), g("div", {
 				key: 7,
 				ref_key: "source",
 				ref: Jt,
 				dir: "auto"
-			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			ke(E(kt), {
+			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
+			Oe(E(kt), {
 				teleportTo: P.value.style.tooltip.teleportTo,
 				show: H.value.showTooltip && Ht.value,
 				backgroundColor: P.value.style.tooltip.backgroundColor,
@@ -1744,9 +1744,9 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				isA11yMode: cn.value === "keyboard",
 				a11yPosition: sn.value
 			}, {
-				"tooltip-before": D(() => [w(e.$slots, "tooltip-before", b(v({ ...tr.value })), void 0, !0)]),
-				tooltip: D(() => [w(e.$slots, "tooltip", b(v({ ...tr.value })), void 0, !0)]),
-				"tooltip-after": D(() => [w(e.$slots, "tooltip-after", b(v({ ...tr.value })), void 0, !0)]),
+				"tooltip-before": D(() => [T(e.$slots, "tooltip-before", x(y({ ...tr.value })), void 0, !0)]),
+				tooltip: D(() => [T(e.$slots, "tooltip", x(y({ ...tr.value })), void 0, !0)]),
+				"tooltip-after": D(() => [T(e.$slots, "tooltip-after", x(y({ ...tr.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1772,12 +1772,12 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Bt.value && P.value.userOptions.buttons.table ? (x(), p(Fe(Cr.value.component), Ae({ key: 8 }, Cr.value.props, {
+			Bt.value && P.value.userOptions.buttons.table ? (S(), m(Pe(Cr.value.component), ke({ key: 8 }, Cr.value.props, {
 				ref_key: "tableUnit",
 				ref: tn,
 				onClose: wr
-			}), De({
-				content: D(() => [(x(), p(E(jt), {
+			}), Ee({
+				content: D(() => [(S(), m(E(jt), {
 					key: `table_${Zt.value}`,
 					colNames: mr.value.colNames,
 					head: mr.value.head,
@@ -1788,8 +1788,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					isCursorPointer: un.value,
 					onClose: wr
 				}, {
-					th: D(({ th: e }) => [Oe(T(e), 1)]),
-					td: D(({ td: e }) => [g("div", { innerHTML: e }, null, 8, Dt)]),
+					th: D(({ th: e }) => [De(Ie(e), 1)]),
+					td: D(({ td: e }) => [_("div", { innerHTML: e }, null, 8, Dt)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1803,22 +1803,22 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [Oe(T(Cr.value.title), 1)]),
+				fn: D(() => [De(Ie(Cr.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) => pr(P.value.userOptions.callbacks.csv),
-					style: Me({ cursor: un.value ? "pointer" : "default" })
-				}, [ke(E(Ot), {
+					onClick: r[2] ||= (e) => pr(P.value.userOptions.callbacks.csv),
+					style: je({ cursor: un.value ? "pointer" : "default" })
+				}, [Oe(E(Ot), {
 					name: "fileCsv",
 					stroke: Cr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : m("", !0),
-			w(e.$slots, "skeleton", {}, () => [E(F) ? (x(), p(fe, { key: 0 })) : m("", !0)], !0)
+			} : void 0]), 1040)) : h("", !0),
+			T(e.$slots, "skeleton", {}, () => [E(F) ? (S(), m(de, { key: 0 })) : h("", !0)], !0)
 		], 46, Ve));
 	}
 }, [["__scopeId", "data-v-6b89a6b9"]]);