vue-data-ui 3.25.13 → 3.26.0

package/dist/vue-ui-candlestick-BJtdA4Yu.js

@@ -1,1871 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Et as i, Jt as a, Rt as o, X as s, _ as c, at as l, b as u, c as ee, en as te, et as ne, ft as re, gt as ie, ht as ae, nt as oe, qt as se, t as ce, tn as le } from "./lib-DOpaUOQx.js";
-import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
-import { n as fe, r as pe, t as me } from "./useTimeLabels-d2f-W1L4.js";
-import { t as he } from "./useConfig-C2uy4ltq.js";
-import { t as ge } from "./usePrinter-BBBooAGP.js";
-import { n as _e, t as ve } from "./BaseScanner-Dzc8VT3j.js";
-import { t as ye } from "./useNestedProp-Bux0f4iY.js";
-import { t as be } from "./useThemeCheck-C43Tcqmk.js";
-import { t as xe } from "./useChartExport-iwOqiIWX.js";
-import { t as Se } from "./useTransitions-g_zBREk2.js";
-import { t as Ce } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as we } from "./img-W50sC9SC.js";
-import { n as Te } from "./Title-DeqmC-vN.js";
-import { t as Ee } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as De, t as Oe } from "./useResponsive-ZtArZtUf.js";
-import { t as ke } from "./DefGrad-DVBqDjhO.js";
-import { t as Ae } from "./SlicerPreview-BJ4usfYd.js";
-import { t as je } from "./A11yDataTable-DdRsVULz.js";
-import { t as Me } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Ne } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Pe } 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 Fe, createTextVNode as Ie, createVNode as Le, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Re, nextTick as ze, normalizeClass as y, normalizeProps as b, normalizeStyle as Be, onBeforeUnmount as Ve, onMounted as He, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Ue, shallowRef as We, toDisplayString as Ge, toRefs as Ke, unref as T, watch as qe, watchEffect as Je, withCtx as E } from "vue";
-//#region src/components/vue-ui-candlestick.vue
-var Ye = /* @__PURE__ */ e({ default: () => kt }), Xe = ["id"], Ze = ["id"], Qe = { style: { position: "relative" } }, $e = [
-	"xmlns",
-	"aria-describedby",
-	"viewBox"
-], et = [
-	"x",
-	"y",
-	"width",
-	"height"
-], tt = { key: 1 }, nt = { key: 0 }, rt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], it = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], at = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], ot = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], st = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], ct = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], lt = [
-	"transform",
-	"text-anchor",
-	"font-size",
-	"fill",
-	"font-weight"
-], ut = [
-	"transform",
-	"text-anchor",
-	"font-size",
-	"fill",
-	"font-weight"
-], dt = [
-	"transform",
-	"text-anchor",
-	"font-size",
-	"fill",
-	"stroke",
-	"font-weight"
-], ft = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"rx"
-], pt = { key: 0 }, mt = [
-	"cx",
-	"cy",
-	"r",
-	"fill"
-], ht = [
-	"cx",
-	"cy",
-	"r",
-	"fill"
-], gt = { key: 1 }, _t = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"rx",
-	"fill"
-], vt = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"rx"
-], yt = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"rx"
-], bt = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"rx",
-	"stroke",
-	"stroke-width"
-], xt = ["d", "stroke"], St = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"onMouseover",
-	"onMouseleave",
-	"onClick"
-], Ct = ["data-start", "data-end"], wt = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, Tt = {
-	key: 5,
-	class: "vue-data-ui-watermark"
-}, Et = ["d", "stroke"], Dt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Ot = ["innerHTML"], kt = /*#__PURE__*/ Ee({
-	__name: "vue-ui-candlestick",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		},
-		selectedXIndex: {
-			type: Number,
-			default: void 0
-		}
-	},
-	emits: ["selectX", "copyAlt"],
-	setup(e, { expose: Ee, emit: Ye }) {
-		let kt = _(() => import("./BaseIcon-Dlz7gfx0.js").then((e) => e.n)), At = _(() => import("./Tooltip-DZ4a3XJQ.js")), jt = _(() => import("./vue-ui-accordion-yHZMJLaY.js").then((e) => e.n)), Mt = _(() => import("./DataTable-BD1eZ0zB.js")), Nt = _(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), Pt = _(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), Ft = _(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), It = _(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_candlestick: Lt } = he(), { isThemeValid: Rt, warnInvalidTheme: zt } = be(), D = e, Bt = Ye, Vt = f(() => !!D.dataset && D.dataset.length), O = S(!1), Ht = S(null), k = S(s()), Ut = S(!1), Wt = S(""), A = S(void 0), Gt = S(0), j = S(null), Kt = S(null), qt = S(null), Jt = S(null), Yt = S(null), Xt = S(null), Zt = S(0), Qt = S(0), $t = S(0), en = S(null), tn = S(null), nn = S(null), rn = S(null), an = S(null), M = S(null), on = S({
-			x: 0,
-			y: 0
-		}), sn = S("pointer"), cn = S(!1), N = S(yn()), P = f(() => N.value.style.layout.candle), F = f(() => N.value.style.layout.grid), I = f(() => N.value.style.layout), L = f(() => N.value.style), R = f(() => N.value.userOptions);
-		ue({
-			config: () => N.value,
-			dataset: () => D.dataset,
-			component: "VueUiCandlestick",
-			rules: [de.emptyArray, {
-				test: (e) => e.length > 200,
-				message: [
-					"👀 Dataset has > 200 points, which can cause performance issues. Consider:",
-					"",
-					"▶️ Adding date inputs to constraint the dataset into a specific timeframe",
-					"",
-					"▶️ Aggregate the data to larger time series to reduce the number of datapoints."
-				]
-			}]
-		});
-		let { transitionEnabled: ln } = Se({
-			config: () => N.value.transitions,
-			dataset: () => D.dataset
-		}), un = f(() => N.value.userOptions.useCursorPointer), dn = f(() => le({
-			defaultConfig: {
-				useCssAnimation: !1,
-				userOptions: { show: !1 },
-				table: { show: !1 },
-				style: {
-					backgroundColor: "#99999930",
-					layout: {
-						candle: { colors: {
-							bearish: "#BABABA",
-							bullish: "#CACACA"
-						} },
-						grid: {
-							stroke: "#6A6A6A",
-							verticalLines: { stroke: "#6A6A6A" },
-							horizontalLines: { stroke: "#6A6A6A" },
-							yAxis: {
-								dataLabels: { show: !1 },
-								scale: {
-									min: null,
-									max: null
-								}
-							}
-						},
-						wick: {
-							stroke: "#6A6A6A",
-							extremity: { color: "#6A6A6A" }
-						}
-					},
-					tooltip: { show: !1 },
-					zoom: {
-						show: !1,
-						startIndex: null,
-						endIndex: null
-					}
-				}
-			},
-			userConfig: N.value.skeletonConfig ?? {}
-		})), { loading: z, FINAL_DATASET: B, manualLoading: fn } = _e({
-			...Ke(D),
-			FINAL_CONFIG: N,
-			prepareConfig: yn,
-			callback: () => {
-				Promise.resolve().then(async () => {
-					await gr();
-				});
-			},
-			skeletonDataset: D.config?.skeletonDataset ?? [
-				[
-					17040672e5,
-					10,
-					20,
-					2,
-					10,
-					30
-				],
-				[
-					17067456e5,
-					10,
-					30,
-					5,
-					20,
-					50
-				],
-				[
-					17092512e5,
-					20,
-					50,
-					10,
-					30,
-					80
-				],
-				[
-					17119296e5,
-					30,
-					80,
-					20,
-					50,
-					130
-				],
-				[
-					17145216e5,
-					50,
-					130,
-					30,
-					100,
-					210
-				],
-				[
-					17172e8,
-					80,
-					210,
-					50,
-					150,
-					340
-				],
-				[
-					1719792e6,
-					130,
-					340,
-					80,
-					280,
-					550
-				],
-				[
-					17224704e5,
-					210,
-					550,
-					130,
-					450,
-					890
-				],
-				[
-					17251488e5,
-					340,
-					890,
-					210,
-					750,
-					1440
-				],
-				[
-					17277408e5,
-					550,
-					1440,
-					340,
-					1230,
-					2330
-				],
-				[
-					17304192e5,
-					890,
-					2330,
-					550,
-					1950,
-					3770
-				],
-				[
-					17330112e5,
-					1440,
-					3770,
-					890,
-					3200,
-					5100
-				]
-			],
-			skeletonConfig: le({
-				defaultConfig: N.value,
-				userConfig: dn.value
-			})
-		}), { userOptionsVisible: pn, setUserOptionsVisibility: mn, keepUserOptionState: hn } = Me({ config: N.value }), { svgRef: gn } = Ne({ config: L.value.title });
-		function _n() {
-			mn(!0);
-		}
-		function vn() {
-			mn(!1), Bt("selectX", {
-				seriesIndex: null,
-				datapoint: null
-			}), A.value = null;
-		}
-		function yn() {
-			let e = ye({
-				userConfig: D.config,
-				defaultConfig: Lt
-			}), t = {};
-			D.config && n(D.config, "style.layout.grid.xAxis.dataLabels.showFirstAndLast") && (e.style.layout.grid.xAxis.dataLabels.showFirstAndLast = !!D.config.style.layout.grid.xAxis.dataLabels.showFirstAndLast);
-			let r = e.theme;
-			if (r) {
-				if (!Rt.value(e)) zt(e), t = e;
-				else {
-					let n = ye({
-						userConfig: Pe[r] || D.config,
-						defaultConfig: e
-					});
-					t = { ...ye({
-						userConfig: D.config,
-						defaultConfig: n
-					}) };
-				}
-			} else t = e;
-			return t;
-		}
-		function bn(e) {
-			let t = ne(e);
-			return t?.style && delete t.style.tooltip, JSON.stringify(t);
-		}
-		let xn = bn(D.config);
-		qe(() => D.config, (e, t) => {
-			let n = bn(e), r = n !== xn;
-			xn = n;
-			let i = yn();
-			if (!r) {
-				N.value.style.tooltip = i.style.tooltip, U.value.showTooltip = N.value.style.tooltip.show;
-				return;
-			}
-			z.value || (N.value = yn()), pn.value = !N.value.userOptions.showOnChartHover, wn(), Zt.value += 1, $t.value += 1, Qt.value += 1, U.value.showTable = N.value.table.show, U.value.showTooltip = L.value.tooltip.show, Ln();
-		}, { deep: !0 }), qe(() => D.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (fn.value = !1), fr();
-		}, { deep: !0 });
-		let V = S({
-			height: L.value.height,
-			width: L.value.width,
-			xAxisFontSize: F.value.xAxis.dataLabels.fontSize,
-			yAxisFontSize: F.value.yAxis.dataLabels.fontSize
-		}), H = We(null), Sn = We(null);
-		He(() => {
-			wn();
-		});
-		let Cn = f(() => N.value.debug);
-		function wn() {
-			if (o(D.dataset) && (l({
-				componentName: "VueUiCandlestick",
-				type: "dataset",
-				debug: Cn.value
-			}), fn.value = !0), o(D.dataset) || (fn.value = N.value.loading), setTimeout(() => {
-				O.value = !0;
-			}, 10), N.value.responsive) {
-				let e = De(() => {
-					O.value = !1;
-					let { width: e, height: t } = Oe({
-						chart: j.value,
-						title: L.value.title.text ? Kt.value : null,
-						slicer: L.value.zoom.show && K.value > 6 ? Jt.value.$el : null,
-						legend: qt.value,
-						source: Yt.value,
-						noTitle: Xt.value
-					});
-					requestAnimationFrame(() => {
-						V.value.width = e, V.value.height = t - 12, N.value.responsiveProportionalSizing ? (V.value.xAxisFontSize = te({
-							relator: Math.min(e, t),
-							adjuster: L.value.width,
-							source: F.value.xAxis.dataLabels.fontSize,
-							threshold: 6,
-							fallback: 6
-						}), V.value.yAxisFontSize = te({
-							relator: Math.min(e, t),
-							adjuster: L.value.width,
-							source: F.value.yAxis.dataLabels.fontSize,
-							threshold: 6,
-							fallback: 6
-						})) : (V.value.xAxisFontSize = F.value.xAxis.dataLabels.fontSize, V.value.yAxisFontSize = F.value.yAxis.dataLabels.fontSize), Ht.value && clearTimeout(Ht.value), Ht.value = setTimeout(() => {
-							O.value = !0;
-						}, 10);
-					});
-				});
-				H.value && (Sn.value && H.value.unobserve(Sn.value), H.value.disconnect()), H.value = new ResizeObserver(e), Sn.value = j.value.parentNode, H.value.observe(Sn.value);
-			}
-			gr();
-		}
-		Ve(() => {
-			H.value && (Sn.value && H.value.unobserve(Sn.value), H.value.disconnect());
-		});
-		let { isPrinting: Tn, isImaging: En, generatePdf: Dn, generateImage: On } = ge({
-			elementId: `vue-ui-candlestick_${k.value}`,
-			fileName: L.value.title.text || "vue-ui-candlestick",
-			options: N.value.userOptions.print
-		}), kn = f(() => N.value.userOptions.show && !L.value.title.text), U = S({
-			showTable: N.value.table.show,
-			showTooltip: L.value.tooltip.show
-		}), An = S(0), jn = De((e) => {
-			An.value = e;
-		}, 100);
-		Je((e) => {
-			let t = tn.value;
-			if (!t) return;
-			let n = new ResizeObserver((e) => {
-				jn(e[0].contentRect.height);
-			});
-			n.observe(t), e(() => n.disconnect());
-		}), Ve(() => {
-			An.value = 0;
-		});
-		let Mn = f(() => {
-			let e = 0;
-			return tn.value && (e = An.value + V.value.xAxisFontSize), e;
-		}), W = f(() => F.value.yAxis.position === "right");
-		function Nn() {
-			let e = F.value.yAxis.dataLabels.offsetX;
-			en.value && (e = Array.from(en.value.querySelectorAll("text")).reduce((e, t) => {
-				let n = t.getComputedTextLength();
-				return n > e ? n : e;
-			}, 0));
-			let t = F.value.yAxis.axisName?.show ? F.value.yAxis.axisName.fontSize + F.value.yAxis.axisName.offsetX : 0, n = e + 13 + t;
-			return {
-				left: W.value ? 0 : n,
-				right: W.value ? n : 0,
-				scaleLabelsWidth: e,
-				yAxisNameWidth: t,
-				crosshair: 13
-			};
-		}
-		let G = f(() => {
-			let { top: e, right: t, bottom: n, left: r } = I.value.padding, i = Nn();
-			return {
-				top: e + 12,
-				right: V.value.width - t - i.right,
-				left: r + i.left,
-				bottom: V.value.height - n - Mn.value,
-				width: V.value.width - r - t - i.left - i.right,
-				height: V.value.height - e - n - Mn.value - 12,
-				scaleLabelsWidth: i.scaleLabelsWidth,
-				yAxisNameWidth: i.yAxisNameWidth,
-				crosshair: i.crosshair
-			};
-		}), Pn = f(() => {
-			let { left: e, top: t, width: n, height: r } = G.value, i = q.value.start, a = q.value.end - i, o = n / a, s = J.value.start - i, c = J.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
-			return {
-				x: e + l * o,
-				y: t,
-				width: (u - l) * o,
-				height: r,
-				fill: L.value.zoom.preview.fill,
-				stroke: L.value.zoom.preview.stroke,
-				"stroke-width": L.value.zoom.preview.strokeWidth,
-				"stroke-dasharray": L.value.zoom.preview.strokeDasharray,
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round",
-				style: {
-					pointerEvents: "none",
-					transition: "none !important",
-					animation: "none !important"
-				}
-			};
-		}), K = f(() => B.value.length), q = S({
-			start: 0,
-			end: K.value
-		}), J = S({
-			start: 0,
-			end: K.value
-		}), Fn = f(() => L.value.zoom.preview.enable && (J.value.start !== q.value.start || J.value.end !== q.value.end));
-		function In(e, t) {
-			J.value[e] = t;
-		}
-		function Ln() {
-			let e = Math.max(0, Math.min(q.value.start ?? 0, K.value - 1)), t = Math.max(e + 1, Math.min(q.value.end ?? K.value, K.value));
-			(!Number.isFinite(e) || !Number.isFinite(t) || t <= e) && (e = 0, t = K.value), q.value.start = e, q.value.end = t, J.value.start = e, J.value.end = t, Jt.value && (Jt.value.setStartValue(e), Jt.value.setEndValue(t));
-		}
-		let Rn = f(() => B.value.map((e, t) => ({
-			...e,
-			absoluteIndex: t
-		}))), zn = f(() => Rn.value.slice(q.value.start, q.value.end)), Y = f(() => (Cn.value && B.value.forEach((e, t) => {
-			[null, void 0].includes(e[0]) && l({
-				componentName: "VueUiCandlestick",
-				type: "datasetAttribute",
-				property: "period (index 0)",
-				index: t
-			}), [null, void 0].includes(e[1]) && l({
-				componentName: "VueUiCandlestick",
-				type: "datasetAttribute",
-				property: "open (index 1)",
-				index: t
-			}), [null, void 0].includes(e[2]) && l({
-				componentName: "VueUiCandlestick",
-				type: "datasetAttribute",
-				property: "high (index 2)",
-				index: t
-			}), [null, void 0].includes(e[3]) && l({
-				componentName: "VueUiCandlestick",
-				type: "datasetAttribute",
-				property: "low (index 3)",
-				index: t
-			}), [null, void 0].includes(e[4]) && l({
-				componentName: "VueUiCandlestick",
-				type: "datasetAttribute",
-				property: "close (index 4)",
-				index: t
-			}), [null, void 0].includes(e[5]) && l({
-				componentName: "VueUiCandlestick",
-				type: "datasetAttribute",
-				property: "volume (index 5)",
-				index: t
-			});
-		}), zn.value.map((e) => ({
-			absoluteIndex: e.absoluteIndex,
-			period: e[0],
-			open: e[1],
-			high: e[2],
-			low: e[3],
-			close: e[4],
-			volume: e[5]
-		})))), Bn = f(() => Rn.value.map((e) => ({
-			absoluteIndex: e.absoluteIndex,
-			period: e[0],
-			open: e[1],
-			high: e[2],
-			low: e[3],
-			close: e[4],
-			volume: e[5]
-		}))), X = f(() => G.value.width / zn.value.length), Vn = f(() => ({
-			max: F.value.yAxis.scale.max === null ? Math.max(...Y.value.map((e) => e.high)) : F.value.yAxis.scale.max,
-			min: F.value.yAxis.scale.min === null ? 0 : F.value.yAxis.scale.min
-		})), Z = f(() => c(Vn.value.min, Vn.value.max, F.value.yAxis.dataLabels.steps));
-		function Hn(e, t, n = null, r = null) {
-			return {
-				...e,
-				x: u(G.value.left + t * X.value + X.value / 2),
-				y: u(G.value.top + (1 - (e - Z.value.min) / (Z.value.max - Z.value.min)) * G.value.height),
-				value: u(e),
-				isMax: e === n,
-				isMin: e === r
-			};
-		}
-		let Q = f(() => {
-			let e = {
-				o: Math.max(...Y.value.map((e) => e.open)),
-				h: Math.max(...Y.value.map((e) => e.high)),
-				l: Math.max(...Y.value.map((e) => e.low)),
-				c: Math.max(...Y.value.map((e) => e.low))
-			}, t = {
-				o: Math.min(...Y.value.map((e) => e.open)),
-				h: Math.min(...Y.value.map((e) => e.high)),
-				l: Math.min(...Y.value.map((e) => e.low)),
-				c: Math.min(...Y.value.map((e) => e.low))
-			}, n = Math.max(...Y.value.map((e) => e.volume)), r = Math.min(...Y.value.map((e) => e.volume));
-			return Y.value.map((i, a) => {
-				let o = Hn(i.open, a, e.o, t.o), s = Hn(i.high, a, e.h, t.h), c = Hn(i.low, a, e.l, t.l), l = Hn(i.close, a, e.c, t.c), u = i.close > i.open, ee = i.volume === n, te = i.volume === r;
-				return {
-					period: i.period,
-					open: o,
-					high: s,
-					low: c,
-					close: l,
-					volume: i.volume,
-					isBullish: u,
-					absoluteIndex: i.absoluteIndex,
-					isMaxVolume: ee,
-					isMinVolume: te
-				};
-			});
-		});
-		function Un({ item: e, index: t, minimapH: n, unitW: r }) {
-			let i = F.value.yAxis.scale.min ?? 0, a = F.value.yAxis.scale.max ?? Math.max(...B.value.map((e) => e[2]));
-			return {
-				...e,
-				x: u(t * r),
-				y: u((1 - (e - i) / (a - i)) * n),
-				value: u(e)
-			};
-		}
-		let Wn = f(() => ({ minimapH: e, unitW: t }) => Bn.value.map((n, r) => {
-			let i = Un({
-				item: n.open,
-				index: r,
-				minimapH: e,
-				unitW: t
-			}), a = Un({
-				item: n.high,
-				index: r,
-				minimapH: e,
-				unitW: t
-			}), o = Un({
-				item: n.low,
-				index: r,
-				minimapH: e,
-				unitW: t
-			}), s = Un({
-				item: n.close,
-				index: r,
-				minimapH: e,
-				unitW: t
-			}), c = n.close > n.open;
-			return {
-				period: n.period,
-				open: i,
-				high: a,
-				low: o,
-				close: s,
-				volume: n.volume,
-				isBullish: c,
-				absoluteIndex: n.absoluteIndex
-			};
-		})), Gn = f(() => L.value.zoom.minimap.show ? [{
-			name: "",
-			series: B.value.map((e) => e[2]),
-			color: "#000000",
-			isVisible: !0
-		}] : []);
-		function Kn(e) {
-			return u((e - Z.value.min) / (Z.value.max - Z.value.min));
-		}
-		let qn = f(() => Z.value.ticks.map((e) => ({
-			y: G.value.bottom - G.value.height * Kn(e),
-			value: u(e)
-		}))), Jn = f(() => Y.value.map((e) => e.period)), $ = S([]), Yn = S([]), Xn = 0;
-		Je(() => {
-			let e = ++Xn;
-			(async () => {
-				let t = await me({
-					values: B.value.map((e) => e[0]),
-					maxDatapoints: B.value.length,
-					formatter: F.value.xAxis.dataLabels.datetimeFormatter,
-					start: q.value.start,
-					end: q.value.end
-				});
-				e === Xn && ($.value = t);
-			})();
-		});
-		let Zn = 0;
-		Je(() => {
-			let e = ++Zn;
-			(async () => {
-				let t = await me({
-					values: B.value.map((e) => e[0]),
-					maxDatapoints: B.value.length,
-					formatter: F.value.xAxis.dataLabels.datetimeFormatter,
-					start: 0,
-					end: K.value
-				});
-				e === Zn && (Yn.value = t);
-			})();
-		});
-		let Qn = S({
-			months: [],
-			shortMonths: [],
-			days: [],
-			shortDays: []
-		}), $n = 0;
-		Je(() => {
-			let e = ++$n, t = F.value.xAxis.dataLabels.datetimeFormatter;
-			(async () => {
-				let n = await pe(t.locale).catch(() => pe("en"));
-				e === $n && (Qn.value = n.data);
-			})();
-		});
-		let er = f(() => {
-			let e = F.value.xAxis.dataLabels.datetimeFormatter, t = fe({
-				useUTC: e.useUTC,
-				locale: Qn.value,
-				januaryAsYear: e.januaryAsYear
-			});
-			return (e, n) => {
-				let r = B.value.map((e) => e[0])?.[e];
-				return r == null ? "" : t.formatDate(new Date(r), n);
-			};
-		}), tr = f(() => (B.value.map((e) => e[0]) || []).map((e, t) => ({
-			text: er.value(t, L.value.tooltip.timeFormat),
-			absoluteIndex: t
-		}))), nr = f(() => (B.value.map((e) => e[0]) || []).map((e, t) => ({
-			text: er.value(t, L.value.zoom.timeFormat),
-			absoluteIndex: t
-		}))), rr = f(() => {
-			let e = Math.max(1, Math.floor(Number(F.value.xAxis.dataLabels.modulo) || 1)), t = ($.value || []).map((e) => e?.text ?? ""), n = (Yn.value || []).map((e) => e?.text ?? ""), r = q.value.start ?? 0, i = r > 0 || t.length < n.length;
-			return ae({
-				configuredModulo: e,
-				visibleTexts: t,
-				allTexts: n,
-				startAbs: r,
-				isZoomed: i
-			});
-		}), ir = f(() => {
-			let e = F.value.xAxis.dataLabels, t = $.value || [], n = Yn.value || [], r = q.value.start ?? 0, i = A.value, a = K.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? ""), c = ee(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, rr.value, o, s, r, i, a);
-			if (!e.showFirstAndLast || e.showOnlyFirstAndLast || !c.length) return c;
-			let l = c.length - 1;
-			return c.map((e, t) => t !== 0 && t !== l ? e : {
-				...e,
-				text: o[t] ?? ""
-			});
-		}), ar = f(() => F.value.xAxis.dataLabels.datetimeFormatter.enable ? {
-			start: $.value.find((e) => e.absoluteIndex === q.value.start)?.text ?? "",
-			end: $.value.find((e) => e.absoluteIndex === q.value.end - 1)?.text ?? ""
-		} : {
-			start: B.value[q.value.start] ? B.value[q.value.start][0] : B.value[0][0],
-			end: B.value[q.value.end - 1] ? B.value[q.value.end - 1][0] : B.value.at(-1)[0]
-		}), or = S(null);
-		function sr(e, t) {
-			N.value.events.datapointClick && N.value.events.datapointClick({
-				datapoint: t,
-				seriesIndex: e + q.value.start
-			});
-		}
-		function cr(e, t) {
-			N.value.events.datapointLeave && N.value.events.datapointLeave({
-				datapoint: t,
-				seriesIndex: e + q.value.start
-			}), A.value = void 0, Ut.value = !1, M.value = null, sn.value = "pointer";
-		}
-		qe(() => D.selectedXIndex, (e) => {
-			if ([null, void 0].includes(D.selectedXIndex)) {
-				A.value = null;
-				return;
-			}
-			let t = e - q.value.start;
-			t < 0 || e >= q.value.end ? A.value = null : A.value = t ?? null;
-		}, { immediate: !0 });
-		function lr(e, n, r = "pointer") {
-			N.value.events.datapointEnter && N.value.events.datapointEnter({
-				datapoint: n,
-				seriesIndex: e + q.value.start
-			}), A.value = e, M.value = e, sn.value = r, or.value = {
-				datapoint: n,
-				seriesIndex: e,
-				series: Q.value,
-				config: N.value
-			}, Br({
-				seriesIndex: e,
-				datapoint: n
-			});
-			let a = L.value.tooltip.customFormat;
-			if (i(a) && re(() => a({
-				seriesIndex: e,
-				datapoint: n,
-				series: Q.value,
-				config: N.value
-			}))) Wt.value = a({
-				seriesIndex: e,
-				datapoint: n,
-				series: Q.value,
-				config: N.value
-			});
-			else if (L.value.tooltip.show) {
-				let r = "", { period: i, open: a, high: o, low: s, close: c, volume: l, isBullish: u } = Q.value[e], { period: ee, open: te, high: ne, low: re, close: ie, volume: ae } = N.value.translations, oe = F.value.xAxis.dataLabels.datetimeFormatter.enable ? L.value.tooltip.useDefaultTimeFormat ? $.value[e].text : tr.value[e].text : i;
-				r += `<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${P.value.borderRadius * 3}" stroke="${P.value.stroke}" stroke-width="${P.value.strokeWidth}" 
-                fill="${P.value.gradient.show ? u ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : u ? P.value.colors.bullish : P.value.colors.bearish}"/></svg>${oe}</div>`, r += `${ae} : <b>${isNaN(l) ? "-" : Number(l.toFixed(L.value.tooltip.roundingValue)).toLocaleString()}</b>`, r += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${L.value.tooltip.borderColor}">`;
-				let se = t({
-					p: L.value.tooltip.prefix,
-					v: a.value,
-					s: L.value.tooltip.suffix,
-					r: L.value.tooltip.roundingValue
-				}), ce = t({
-					p: L.value.tooltip.prefix,
-					v: o.value,
-					s: L.value.tooltip.suffix,
-					r: L.value.tooltip.roundingValue
-				}), le = t({
-					p: L.value.tooltip.prefix,
-					v: s.value,
-					s: L.value.tooltip.suffix,
-					r: L.value.tooltip.roundingValue
-				}), ue = t({
-					p: L.value.tooltip.prefix,
-					v: c.value,
-					s: L.value.tooltip.suffix,
-					r: L.value.tooltip.roundingValue
-				});
-				L.value.tooltip.showChart ? r += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
-                    <svg viewBox="0 0 100 100" width="100px" style="background: transparent; overflow: visible">
-                        <g>
-                            <line x1="50" x2="50" y1="20" y2="80" stroke="${n.isBullish ? P.value.colors.bullish : P.value.colors.bearish}" stroke-width="2" stroke-linecap="round" />
-                            ${n.isBullish ? `
-                                <line x1="45" x2="50" y1="65" y2="65" stroke="${P.value.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
-                                <line x1="50" x2="55" y1="35" y2="35" stroke="${P.value.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
-                                <text x="38" y="70" text-anchor="end" fill="${L.value.tooltip.color}">${se}</text>
-                                <text x="62" y="40" text-anchor="start" fill="${L.value.tooltip.color}">${ue}</text>
-                            ` : `
-                                <line x1="45" x2="50" y1="35" y2="35" stroke="${P.value.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
-                                <line x1="50" x2="55" y1="65" y2="65" stroke="${P.value.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
-                                <text x="40" y="40" text-anchor="end" fill="${L.value.tooltip.color}">${se}</text>
-                                <text x="60" y="70" text-anchor="start" fill="${L.value.tooltip.color}">${ue}</text>
-                            `}
-                            <text x="50" y="13" text-anchor="middle" fill="${L.value.tooltip.color}">${ce}</text>
-                            <text x="50" y="97" text-anchor="middle" fill="${L.value.tooltip.color}">${le}</text>
-                        <g>
-                    </svg>
-                    <div>
-                ` : (r += `<div>${te}: <b>${se}</b></div>`, r += `<div>${ne}: <b>${ce}</b></div>`, r += `<div>${re}: <b>${le}</b></div>`, r += `<div>${ie}: <b>${ue}</b></div>`), r += "</div>", Wt.value = `<div style="text-align:right">${r}</div>`;
-			}
-			Ut.value = !0;
-		}
-		let ur = S(null);
-		function dr() {
-			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
-		}
-		Ve(() => {
-			ur.value && cancelAnimationFrame(ur.value);
-		});
-		async function fr() {
-			gr(), await ze(), ur.value && cancelAnimationFrame(ur.value), ur.value = requestAnimationFrame(async () => {
-				await dr(), gr();
-			});
-		}
-		let pr = S(!1), mr = S(!1), hr = S(!1);
-		function gr() {
-			if (!pr.value) {
-				pr.value = !0;
-				try {
-					let { startIndex: e, endIndex: t } = L.value.zoom, n = K.value, r = e ?? 0, i = t == null ? n : Math.min(_r(t + 1), n);
-					hr.value = !0, q.value.start = r, q.value.end = i, J.value.start = r, J.value.end = i, Ln(), mr.value = !0;
-				} finally {
-					queueMicrotask(() => {
-						hr.value = !1;
-					}), pr.value = !1;
-				}
-			}
-		}
-		function _r(e) {
-			let t = K.value;
-			return e > t ? t : e < 0 || e < q.value.start ? L.value.zoom.startIndex === null ? 1 : L.value.zoom.startIndex + 1 : e;
-		}
-		function vr(e = null) {
-			ze(() => {
-				let t = [
-					N.value.translations.period,
-					N.value.translations.open,
-					N.value.translations.high,
-					N.value.translations.low,
-					N.value.translations.close,
-					N.value.translations.volume
-				], n = Q.value.map((e, t) => [
-					F.value.xAxis.dataLabels.datetimeFormatter.enable ? $.value[t].text : e.period,
-					e.open.value,
-					e.high.value,
-					e.low.value,
-					e.close.value,
-					e.volume
-				]), i = [
-					[L.value.title.text],
-					[L.value.title.subtitle.text],
-					[
-						[""],
-						[""],
-						[""]
-					],
-					t
-				].concat(n), a = r(i);
-				e ? e(a) : oe({
-					csvContent: a,
-					title: L.value.title.text || "vue-ui-candlestick"
-				});
-			});
-		}
-		let yr = f(() => {
-			let e = Q.value.map((e, n) => {
-				let r = F.value.xAxis.dataLabels.datetimeFormatter.enable ? $.value?.[n]?.text ?? "" : e.period, i = t({
-					p: N.value.table.td.prefix,
-					v: e.open.value,
-					s: N.value.table.td.suffix,
-					r: N.value.table.td.roundingValue
-				}), a = t({
-					p: N.value.table.td.prefix,
-					v: e.high.value,
-					s: N.value.table.td.suffix,
-					r: N.value.table.td.roundingValue
-				}), o = t({
-					p: N.value.table.td.prefix,
-					v: e.low.value,
-					s: N.value.table.td.suffix,
-					r: N.value.table.td.roundingValue
-				}), s = t({
-					p: N.value.table.td.prefix,
-					v: e.close.value,
-					s: N.value.table.td.suffix,
-					r: N.value.table.td.roundingValue
-				});
-				return [
-					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${P.value.borderRadius * 3}" fill="${P.value.gradient.show ? e.isBullish ? `url(#bullish_gradient_${k.value})` : `url(#bearish_gradient_${k.value})` : e.isBullish ? P.value.colors.bullish : P.value.colors.bearish}"/></svg> ${r}`,
-					i,
-					a,
-					o,
-					s,
-					`${isNaN(e.volume) ? "-" : e.volume.toLocaleString()}`
-				];
-			}), n = Q.value.map((e, n) => [
-				F.value.xAxis.dataLabels.datetimeFormatter.enable ? $.value?.[n]?.text ?? "" : e.period,
-				t({
-					p: N.value.table.td.prefix,
-					v: e.open.value,
-					s: N.value.table.td.suffix,
-					r: N.value.table.td.roundingValue
-				}),
-				t({
-					p: N.value.table.td.prefix,
-					v: e.high.value,
-					s: N.value.table.td.suffix,
-					r: N.value.table.td.roundingValue
-				}),
-				t({
-					p: N.value.table.td.prefix,
-					v: e.low.value,
-					s: N.value.table.td.suffix,
-					r: N.value.table.td.roundingValue
-				}),
-				t({
-					p: N.value.table.td.prefix,
-					v: e.close.value,
-					s: N.value.table.td.suffix,
-					r: N.value.table.td.roundingValue
-				}),
-				`${isNaN(e.volume) ? "-" : e.volume}`
-			]), r = {
-				th: {
-					backgroundColor: N.value.table.th.backgroundColor,
-					color: N.value.table.th.color,
-					outline: N.value.table.th.outline
-				},
-				td: {
-					backgroundColor: N.value.table.td.backgroundColor,
-					color: N.value.table.td.color,
-					outline: N.value.table.td.outline
-				},
-				breakpoint: N.value.table.responsiveBreakpoint
-			}, i = [
-				N.value.translations.period,
-				N.value.translations.open,
-				N.value.translations.high,
-				N.value.translations.low,
-				N.value.translations.last,
-				N.value.translations.volume
-			];
-			return {
-				head: i,
-				body: e,
-				bodyA11y: n,
-				config: r,
-				colNames: i
-			};
-		}), br = S(!1);
-		function xr(e) {
-			br.value = e, Gt.value += 1;
-		}
-		function Sr() {
-			U.value.showTable = !U.value.showTable;
-		}
-		function Cr() {
-			U.value.showTooltip = !U.value.showTooltip;
-		}
-		let wr = S(!1);
-		function Tr() {
-			wr.value = !wr.value;
-		}
-		async function Er({ scale: e = 2 } = {}) {
-			if (!j.value) return;
-			let { imageUri: t, base64: n } = await we({
-				domElement: j.value,
-				base64: !0,
-				img: !0,
-				scale: e
-			}), r = j.value.getBoundingClientRect(), i = {
-				width: r.width,
-				height: r.height,
-				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await ie(t, e) ?? i;
-			return {
-				imageUri: t,
-				base64: n,
-				title: L.value.title.text,
-				...a
-			};
-		}
-		let Dr = f(() => V.value.width), Or = f(() => V.value.height);
-		Ce({
-			timeLabelsEls: tn,
-			timeLabels: $,
-			slicer: q,
-			configRef: N,
-			rotationPath: [
-				"style",
-				"layout",
-				"grid",
-				"xAxis",
-				"dataLabels",
-				"rotation"
-			],
-			autoRotatePath: [
-				"style",
-				"layout",
-				"grid",
-				"xAxis",
-				"dataLabels",
-				"autoRotate",
-				"enable"
-			],
-			isAutoSize: !1,
-			rotation: F.value.xAxis.dataLabels.autoRotate.angle,
-			width: Dr,
-			height: Or
-		}), qe(N, () => {
-			U.value = {
-				showTable: N.value.table.show,
-				showTooltip: L.value.tooltip.show
-			};
-		}, { immediate: !0 });
-		let kr = f(() => {
-			let e = N.value.table.useDialog && !N.value.table.show, t = U.value.showTable;
-			return {
-				component: e ? It : jt,
-				title: `${L.value.title.text}${L.value.title.subtitle.text ? `: ${L.value.title.subtitle.text}` : ""}`,
-				props: e ? {
-					backgroundColor: N.value.table.th.backgroundColor,
-					color: N.value.table.th.color,
-					headerColor: N.value.table.th.color,
-					headerBg: N.value.table.th.backgroundColor,
-					isFullscreen: br.value,
-					fullscreenParent: j.value,
-					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: un.value
-				} : {
-					hideDetails: !0,
-					config: {
-						open: t,
-						maxHeight: 1e4,
-						body: {
-							backgroundColor: L.value.backgroundColor,
-							color: L.value.color
-						},
-						head: {
-							backgroundColor: L.value.backgroundColor,
-							color: L.value.color
-						}
-					}
-				}
-			};
-		});
-		qe(() => U.value.showTable, (e) => {
-			N.value.table.show || (e && N.value.table.useDialog && nn.value ? nn.value.open() : "close" in nn.value && nn.value.close());
-		});
-		function Ar() {
-			U.value.showTable = !1, rn.value && rn.value.setTableIconState(!1);
-		}
-		let jr = f(() => L.value.backgroundColor), Mr = f(() => L.value.title), { isCallbackImaging: Nr, isCallbackSvg: Pr, generateSvg: Fr, onGenerateImage: Ir } = xe({
-			svg: gn,
-			title: Mr,
-			legend: null,
-			legendItems: null,
-			backgroundColor: jr,
-			getSvgCallback: () => N.value.userOptions.callbacks.svg,
-			generateImage: On
-		});
-		function Lr(e) {
-			an.value = e;
-		}
-		function Rr(e) {
-			pr.value || hr.value || e !== q.value.start && (q.value.start = e, J.value.start = e, Ln());
-		}
-		function zr(e) {
-			if (pr.value || hr.value) return;
-			let t = _r(e);
-			t !== q.value.end && (q.value.end = t, J.value.end = t, Ln());
-		}
-		function Br({ seriesIndex: e, datapoint: t }) {
-			let n = q.value.start + e;
-			Bt("selectX", {
-				dataset: t,
-				index: n,
-				indexLabel: ""
-			});
-		}
-		async function Vr() {
-			if (Bt("copyAlt", {
-				config: N.value,
-				dataset: Q.value
-			}), !N.value.userOptions.callbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(N.value.userOptions.callbacks.altCopy({
-				config: N.value,
-				dataset: Q.value
-			}));
-		}
-		function Hr() {
-			M.value = null, cn.value = !0;
-		}
-		function Ur() {
-			M.value = null, sn.value = "pointer", Ut.value = !1, A.value = void 0, cn.value = !1;
-		}
-		function Wr(e) {
-			if (!gn.value || wr.value || document.activeElement !== gn.value || !Q.value.length) return;
-			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
-			if (!t && !n && !r && !i) return;
-			if (e.preventDefault(), e.stopPropagation(), i) {
-				M.value = null, sn.value = "pointer", Ut.value = !1, A.value = void 0;
-				return;
-			}
-			if (r) {
-				if (M.value === null) return;
-				let e = Q.value[M.value];
-				if (!e) return;
-				sr(M.value, e);
-				return;
-			}
-			let a = M.value, o = A.value, s = a !== null && a >= 0 && a < Q.value.length, c = o != null && o >= 0 && o < Q.value.length;
-			s ? n ? (a += 1, a >= Q.value.length && (a = 0)) : t && (--a, a < 0 && (a = Q.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= Q.value.length && (a = 0), a < 0 && (a = Q.value.length - 1)) : a = n ? 0 : Q.value.length - 1;
-			let l = Q.value[a];
-			l && (Gr(a), lr(a, l, "keyboard"));
-		}
-		function Gr(e) {
-			if (!Number.isFinite(e) || !gn.value) return;
-			let t = G.value.left + X.value * e + X.value / 2, n = G.value.top + G.value.height / 2, r = gn.value.getBoundingClientRect();
-			on.value = {
-				x: r.left + t / V.value.width * r.width,
-				y: r.top + n / V.value.height * r.height
-			};
-		}
-		let Kr = f(() => ({
-			headers: yr.value?.colNames ?? [],
-			rows: yr.value?.bodyA11y ?? []
-		}));
-		return Ee({
-			getImage: Er,
-			generatePdf: Dn,
-			generateCsv: vr,
-			generateImage: On,
-			generateSvg: Fr,
-			toggleTable: Sr,
-			toggleTooltip: Cr,
-			toggleAnnotator: Tr,
-			toggleFullscreen: xr,
-			copyAlt: Vr
-		}), (e, n) => (x(), h("div", {
-			ref_key: "candlestickChart",
-			ref: j,
-			class: y(`vue-data-ui-component vue-ui-candlestick ${br.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${N.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-			style: Be(`position:relative;font-family:${L.value.fontFamily}; text-align:center;background:${L.value.backgroundColor}; ${N.value.responsive ? "height: 100%" : ""}`),
-			id: `vue-ui-candlestick_${k.value}`,
-			onMouseenter: _n,
-			onMouseleave: vn
-		}, [
-			g("div", {
-				id: `chart-instructions-${k.value}`,
-				class: "sr-only"
-			}, [g("p", null, Ge(N.value.a11y.translations.keyboardNavigation), 1)], 8, Ze),
-			Kr.value?.rows?.length ? (x(), p(je, {
-				key: 0,
-				uid: k.value,
-				head: Kr.value.headers,
-				body: Kr.value.rows,
-				notice: N.value.a11y.translations.tableAvailable,
-				caption: N.value.a11y.translations.tableCaption
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"notice",
-				"caption"
-			])) : m("", !0),
-			R.value.buttons.annotator ? (x(), p(T(Nt), {
-				key: 1,
-				svgRef: T(gn),
-				backgroundColor: L.value.backgroundColor,
-				color: L.value.color,
-				active: wr.value,
-				isCursorPointer: un.value,
-				palette: R.value.annotatorPalette,
-				onClose: Tr
-			}, {
-				"annotator-action-close": E(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": E(({ color: t }) => [w(e.$slots, "annotator-action-color", b(v({ color: t })), void 0, !0)]),
-				"annotator-action-draw": E(({ mode: t }) => [w(e.$slots, "annotator-action-draw", b(v({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": E(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", b(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": E(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", b(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": E(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", b(v({ disabled: t })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"svgRef",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer",
-				"palette"
-			])) : m("", !0),
-			kn.value ? (x(), h("div", {
-				key: 2,
-				ref_key: "noTitle",
-				ref: Xt,
-				class: "vue-data-ui-no-title-space",
-				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : m("", !0),
-			L.value.title.text ? (x(), h("div", {
-				key: 3,
-				ref_key: "chartTitle",
-				ref: Kt,
-				style: "width:100%;background:transparent"
-			}, [(x(), p(Te, {
-				key: `title_${$t.value}`,
-				config: {
-					title: {
-						cy: "candlestick-div-title",
-						...L.value.title
-					},
-					subtitle: {
-						cy: "candlestick-div-subtitle",
-						...L.value.title.subtitle
-					}
-				}
-			}, null, 8, ["config"]))], 512)) : m("", !0),
-			R.value.show && Vt.value && (T(hn) || T(pn)) ? (x(), p(T(Pt), {
-				ref_key: "userOptionsRef",
-				ref: rn,
-				key: `user_options_${Gt.value}`,
-				backgroundColor: L.value.backgroundColor,
-				color: L.value.color,
-				isImaging: T(En),
-				isPrinting: T(Tn),
-				uid: k.value,
-				hasTooltip: R.value.buttons.tooltip && L.value.tooltip.show,
-				hasPdf: R.value.buttons.pdf,
-				hasImg: R.value.buttons.img,
-				hasSvg: R.value.buttons.svg,
-				hasXls: R.value.buttons.csv,
-				hasTable: R.value.buttons.table,
-				hasFullscreen: R.value.buttons.fullscreen,
-				hasAltCopy: R.value.buttons.altCopy,
-				isFullscreen: br.value,
-				isTooltip: U.value.showTooltip,
-				titles: { ...R.value.buttonTitles },
-				chartElement: j.value,
-				position: R.value.position,
-				hasAnnotator: R.value.buttons.annotator,
-				isAnnotation: wr.value,
-				callbacks: R.value.callbacks,
-				printScale: R.value.print.scale,
-				tableDialog: N.value.table.useDialog,
-				isCursorPointer: un.value,
-				onToggleFullscreen: xr,
-				onGeneratePdf: T(Dn),
-				onGenerateCsv: vr,
-				onGenerateImage: T(Ir),
-				onGenerateSvg: T(Fr),
-				onToggleTable: Sr,
-				onToggleTooltip: Cr,
-				onToggleAnnotator: Tr,
-				onCopyAlt: Vr,
-				style: Be({ visibility: T(hn) ? T(pn) ? "visible" : "hidden" : "visible" })
-			}, Fe({ _: 2 }, [
-				e.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: E(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", b(v({
-						isOpen: t,
-						color: n
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				e.$slots.optionTooltip ? {
-					name: "optionTooltip",
-					fn: E(() => [w(e.$slots, "optionTooltip", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				e.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: E(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				e.$slots.optionCsv ? {
-					name: "optionCsv",
-					fn: E(() => [w(e.$slots, "optionCsv", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				e.$slots.optionImg ? {
-					name: "optionImg",
-					fn: E(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				e.$slots.optionSvg ? {
-					name: "optionSvg",
-					fn: E(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
-					key: "5"
-				} : void 0,
-				e.$slots.optionTable ? {
-					name: "optionTable",
-					fn: E(() => [w(e.$slots, "optionTable", {}, void 0, !0)]),
-					key: "6"
-				} : void 0,
-				e.$slots.optionFullscreen ? {
-					name: "optionFullscreen",
-					fn: E(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", b(v({
-						toggleFullscreen: t,
-						isFullscreen: n
-					})), void 0, !0)]),
-					key: "7"
-				} : void 0,
-				e.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: E(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", b(v({
-						toggleAnnotator: t,
-						isAnnotator: n
-					})), void 0, !0)]),
-					key: "8"
-				} : void 0,
-				e.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					fn: E(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", b(v({ altCopy: t })), void 0, !0)]),
-					key: "9"
-				} : void 0,
-				e.$slots["custom-menu-before"] ? {
-					name: "custom-menu-before",
-					fn: E(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "10"
-				} : void 0,
-				e.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: E(() => [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.onGenerateImage.onGenerateSvg.style".split("."))) : m("", !0),
-			g("div", Qe, [(x(), h("svg", {
-				ref_key: "svgRef",
-				ref: gn,
-				xmlns: T(ce),
-				"aria-describedby": `chart-instructions-${k.value}`,
-				class: y({
-					"vue-data-ui-fullscreen--on": br.value,
-					"vue-data-ui-fulscreen--off": !br.value,
-					"vue-data-ui-no-transition": !T(ln)
-				}),
-				viewBox: `0 0 ${V.value.width <= 0 ? 10 : V.value.width} ${V.value.height <= 0 ? 10 : V.value.height}`,
-				style: Be(`max-width:100%;overflow:visible;background:transparent;color:${L.value.color}`),
-				tabindex: "0",
-				onFocus: Hr,
-				onBlur: Ur,
-				onKeydown: Wr
-			}, [
-				Le(T(Ft)),
-				e.$slots["chart-background"] ? (x(), h("foreignObject", {
-					key: 0,
-					x: G.value.left,
-					y: G.value.top,
-					width: Math.max(.1, G.value.width),
-					height: Math.max(.1, G.value.height),
-					style: { pointerEvents: "none" }
-				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, et)) : m("", !0),
-				Q.value.length > 0 ? (x(), h("g", tt, [
-					g("defs", null, [Le(ke, {
-						t: "linear",
-						id: `bearish_gradient_${k.value}`,
-						x2: "0%",
-						y2: "100%",
-						stops: [
-							[
-								"0%",
-								P.value.colors.bearish,
-								1
-							],
-							[
-								"50%",
-								T(a)(P.value.colors.bearish, .02),
-								.87
-							],
-							[
-								"100%",
-								T(a)(P.value.colors.bearish, .05),
-								.4
-							]
-						]
-					}, null, 8, ["id", "stops"]), Le(ke, {
-						t: "linear",
-						id: `bullish_gradient_${k.value}`,
-						x2: "0%",
-						y2: "100%",
-						stops: [
-							[
-								"0%",
-								P.value.colors.bullish,
-								1
-							],
-							[
-								"50%",
-								T(a)(P.value.colors.bullish, .02),
-								.87
-							],
-							[
-								"100%",
-								T(a)(P.value.colors.bullish, .05),
-								.4
-							]
-						]
-					}, null, 8, ["id", "stops"])]),
-					F.value.show ? (x(), h("g", nt, [
-						g("line", {
-							x1: W.value ? G.value.right : G.value.left,
-							x2: W.value ? G.value.right : G.value.left,
-							y1: G.value.top,
-							y2: G.value.bottom,
-							stroke: F.value.stroke,
-							"stroke-width": F.value.strokeWidth,
-							"stroke-linecap": "round"
-						}, null, 8, rt),
-						g("line", {
-							x1: G.value.left,
-							x2: G.value.right,
-							y1: G.value.bottom,
-							y2: G.value.bottom,
-							stroke: F.value.stroke,
-							"stroke-width": F.value.strokeWidth,
-							"stroke-linecap": "round"
-						}, null, 8, it),
-						F.value.horizontalLines.show ? (x(!0), h(d, { key: 0 }, C(qn.value, (e) => (x(), h("line", {
-							x1: G.value.left,
-							x2: G.value.right,
-							y1: e.y,
-							y2: e.y,
-							stroke: F.value.horizontalLines.stroke,
-							"stroke-width": F.value.horizontalLines.strokeWidth,
-							"stroke-dasharray": F.value.horizontalLines.strokeDasharray,
-							"stroke-linecap": "round"
-						}, null, 8, at))), 256)) : m("", !0),
-						F.value.verticalLines.show ? (x(!0), h(d, { key: 1 }, C(ir.value, (e, t) => (x(), h("g", null, [e.text ? (x(), h("line", {
-							key: 0,
-							x1: G.value.left + X.value * t + X.value / 2,
-							x2: G.value.left + X.value * t + X.value / 2,
-							y1: G.value.top,
-							y2: G.value.bottom,
-							stroke: F.value.verticalLines.stroke,
-							"stroke-width": F.value.verticalLines.strokeWidth,
-							"stroke-dasharray": F.value.verticalLines.strokeDasharray,
-							"stroke-linecap": "round"
-						}, null, 8, ot)) : m("", !0)]))), 256)) : m("", !0),
-						F.value.xAxis.ticks.show ? (x(!0), h(d, { key: 2 }, C(ir.value, (e, t) => (x(), h("g", null, [e.text ? (x(), h("line", {
-							key: 0,
-							x1: G.value.left + X.value * t + X.value / 2,
-							x2: G.value.left + X.value * t + X.value / 2,
-							y1: G.value.bottom,
-							y2: G.value.bottom + 3,
-							stroke: F.value.stroke,
-							"stroke-width": F.value.strokeWidth,
-							"stroke-linecap": "round"
-						}, null, 8, st)) : m("", !0)]))), 256)) : m("", !0)
-					])) : m("", !0),
-					F.value.yAxis.dataLabels.show ? (x(), h("g", {
-						key: 1,
-						ref_key: "scaleLabels",
-						ref: en
-					}, [(x(!0), h(d, null, C(qn.value, (e, n) => (x(), h("g", { key: `sl_${n}` }, [e.value >= Z.value.min && e.value <= Z.value.max ? (x(), h("line", {
-						key: 0,
-						x1: W.value ? G.value.right : G.value.left,
-						x2: W.value ? G.value.right + 5 : G.value.left - 5,
-						y1: e.y,
-						y2: e.y,
-						stroke: F.value.stroke,
-						"stroke-width": F.value.strokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, ct)) : m("", !0), e.value >= Z.value.min && e.value <= Z.value.max ? (x(), h("text", {
-						key: 1,
-						class: y({ "vue-data-ui-transition": T(ln) }),
-						transform: `translate(${W.value ? G.value.right + 8 + F.value.yAxis.dataLabels.offsetX : G.value.left - 8 + F.value.yAxis.dataLabels.offsetX}, ${e.y + V.value.yAxisFontSize / 3})`,
-						"text-anchor": W.value ? "start" : "end",
-						"font-size": V.value.yAxisFontSize,
-						fill: F.value.yAxis.dataLabels.color,
-						"font-weight": F.value.yAxis.dataLabels.bold ? "bold" : "normal"
-					}, Ge(T(t)({
-						p: F.value.yAxis.dataLabels.prefix,
-						v: e.value,
-						s: F.value.yAxis.dataLabels.suffix,
-						r: F.value.yAxis.dataLabels.roundingValue
-					})), 11, lt)) : m("", !0)]))), 128))], 512)) : m("", !0),
-					F.value.xAxis.dataLabels.show && !F.value.xAxis.dataLabels.datetimeFormatter.enable ? (x(), h("g", {
-						key: 2,
-						ref_key: "timeLabelsEls",
-						ref: tn
-					}, [(x(!0), h(d, null, C(Jn.value, (e, t) => (x(), h("g", null, [g("text", {
-						class: "vue-data-ui-time-label",
-						transform: `translate(${G.value.left + X.value * t + X.value / 2}, ${G.value.bottom + V.value.xAxisFontSize * 1.5}), rotate(${F.value.xAxis.dataLabels.rotation})`,
-						"text-anchor": F.value.xAxis.dataLabels.rotation > 0 ? "start" : F.value.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
-						"font-size": V.value.xAxisFontSize,
-						fill: F.value.xAxis.dataLabels.color,
-						"font-weight": F.value.xAxis.dataLabels.bold ? "bold" : "normal"
-					}, Ge(e), 9, ut)]))), 256))], 512)) : m("", !0),
-					F.value.xAxis.dataLabels.show && F.value.xAxis.dataLabels.datetimeFormatter.enable ? (x(), h("g", {
-						key: 3,
-						ref_key: "timeLabelsEls",
-						ref: tn
-					}, [(x(!0), h(d, null, C(ir.value, (e, t) => (x(), h("g", null, [g("text", {
-						class: "vue-data-ui-time-label",
-						transform: `translate(${G.value.left + X.value * t + X.value / 2}, ${G.value.bottom + V.value.xAxisFontSize * 1.5}), rotate(${F.value.xAxis.dataLabels.rotation})`,
-						"text-anchor": F.value.xAxis.dataLabels.rotation > 0 ? "start" : F.value.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
-						"font-size": V.value.xAxisFontSize,
-						fill: F.value.xAxis.dataLabels.color,
-						stroke: L.value.backgroundColor,
-						"stroke-width": "3",
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						"paint-order": "stroke fill",
-						"font-weight": F.value.xAxis.dataLabels.bold ? "bold" : "normal"
-					}, Ge(e?.text ?? ""), 9, dt)]))), 256))], 512)) : m("", !0),
-					N.value.type === "candlestick" ? (x(), h(d, { key: 4 }, [g("g", null, [(x(!0), h(d, null, C(Q.value, (e, t) => (x(), h("g", null, [
-						g("rect", {
-							x: e.open.x - I.value.wick.strokeWidth / 2,
-							y: e.high.y,
-							width: I.value.wick.strokeWidth,
-							height: Math.abs(e.high.y - e.low.y),
-							fill: I.value.wick.stroke,
-							stroke: "none",
-							rx: I.value.wick.strokeWidth / 2,
-							class: y({ "vue-data-ui-transition": O.value && !T(z) })
-						}, null, 10, ft),
-						I.value.wick.extremity.shape === "circle" ? (x(), h("g", pt, [g("circle", {
-							cx: e.high.x,
-							cy: e.high.y,
-							r: I.value.wick.extremity.size === "auto" ? X.value / 20 : I.value.wick.extremity.size,
-							fill: I.value.wick.extremity.color,
-							class: y({ "vue-data-ui-transition": O.value && !T(z) })
-						}, null, 10, mt), g("circle", {
-							cx: e.low.x,
-							cy: e.low.y,
-							r: I.value.wick.extremity.size === "auto" ? X.value / 20 : I.value.wick.extremity.size,
-							fill: I.value.wick.extremity.color,
-							class: y({ "vue-data-ui-transition": O.value && !T(z) })
-						}, null, 10, ht)])) : m("", !0),
-						I.value.wick.extremity.shape === "line" ? (x(), h("g", gt, [g("rect", {
-							x: e.high.x - (I.value.wick.extremity.size === "auto" ? X.value * I.value.candle.widthRatio : I.value.wick.extremity.size) / 2,
-							y: e.high.y - I.value.wick.strokeWidth / 2,
-							width: Math.abs(e.high.x - (I.value.wick.extremity.size === "auto" ? X.value * L.value.layout.candle.widthRatio : L.value.layout.wick.extremity.size) / 2 - (e.high.x + (L.value.layout.wick.extremity.size === "auto" ? X.value * L.value.layout.candle.widthRatio : L.value.layout.wick.extremity.size) / 2)),
-							height: I.value.wick.strokeWidth,
-							rx: I.value.wick.strokeWidth / 2,
-							fill: I.value.wick.extremity.color,
-							stroke: "none",
-							class: y({ "vue-data-ui-transition": O.value && !T(z) })
-						}, null, 10, _t), g("rect", {
-							x: e.low.x - (I.value.wick.extremity.size === "auto" ? X.value * I.value.candle.widthRatio : I.value.wick.extremity.size) / 2,
-							y: e.low.y - I.value.wick.strokeWidth / 2,
-							width: Math.abs(e.low.x - (I.value.wick.extremity.size === "auto" ? X.value * L.value.layout.candle.widthRatio : L.value.layout.wick.extremity.size) / 2 - (e.low.x + (L.value.layout.wick.extremity.size === "auto" ? X.value * L.value.layout.candle.widthRatio : L.value.layout.wick.extremity.size) / 2)),
-							height: I.value.wick.strokeWidth,
-							fill: I.value.wick.extremity.color,
-							stroke: "none",
-							rx: I.value.wick.strokeWidth / 2,
-							class: y({ "vue-data-ui-transition": O.value && !T(z) })
-						}, null, 10, vt)])) : m("", !0)
-					]))), 256))]), g("g", null, [(x(!0), h(d, null, C(Q.value, (e, t) => (x(), h("rect", {
-						x: e.open.x - X.value / 2 + X.value * (1 - P.value.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),
-						width: X.value * P.value.widthRatio <= 0 ? 1e-4 : X.value * P.value.widthRatio,
-						fill: P.value.gradient.underlayer,
-						rx: P.value.borderRadius,
-						stroke: "none",
-						class: y({ "vue-data-ui-transition": O.value && !T(z) })
-					}, null, 10, yt))), 256)), (x(!0), h(d, null, C(Q.value, (e, t) => (x(), h("rect", {
-						x: e.open.x - X.value / 2 + X.value * (1 - P.value.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),
-						width: X.value * P.value.widthRatio <= 0 ? 1e-4 : X.value * P.value.widthRatio,
-						fill: e.isBullish ? P.value.gradient.show ? `url(#bullish_gradient_${k.value})` : P.value.colors.bullish : P.value.gradient.show ? `url(#bearish_gradient_${k.value})` : P.value.colors.bearish,
-						rx: P.value.borderRadius,
-						stroke: P.value.stroke,
-						"stroke-width": P.value.strokeWidth,
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						class: y({ "vue-data-ui-transition": O.value && !T(z) })
-					}, null, 10, bt))), 256))])], 64)) : m("", !0),
-					N.value.type === "ohlc" ? (x(!0), h(d, { key: 5 }, C(Q.value, (e, t) => (x(), h("g", { key: `ohlc_${e.absoluteIndex}` }, [g("path", {
-						d: `M ${e.high.x},${e.high.y} ${e.low.x},${e.low.y} M${e.open.x - Math.min(6, X.value / 3)},${e.open.y} ${e.open.x},${e.open.y} M${e.close.x},${e.close.y} ${e.close.x + Math.min(6, X.value / 3)},${e.close.y}`,
-						stroke: e.isBullish ? P.value.colors.bullish : P.value.colors.bearish,
-						"stroke-width": 1,
-						class: y({ "vue-data-ui-transition": T(ln) }),
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round"
-					}, null, 10, xt)]))), 128)) : m("", !0),
-					g("g", null, [(x(!0), h(d, null, C(Q.value, (e, t) => (x(), h("rect", {
-						x: G.value.left + t * X.value,
-						y: G.value.top,
-						height: G.value.height <= 0 ? 1e-4 : G.value.height,
-						width: X.value <= 0 ? 1e-4 : X.value,
-						fill: A.value === t || an.value === t ? T(se)(I.value.selector.color, I.value.selector.opacity) : "transparent",
-						onMouseover: () => lr(t, e, "pointer"),
-						onMouseleave: () => cr(t, e),
-						onClick: () => sr(t, e)
-					}, null, 40, St))), 256))])
-				])) : m("", !0),
-				Fn.value ? (x(), h("rect", Re({ key: 2 }, Pn.value, {
-					"data-start": q.value.start,
-					"data-end": q.value.end
-				}), null, 16, Ct)) : m("", !0),
-				w(e.$slots, "svg", { svg: {
-					...V.value,
-					data: Q.value,
-					drawingArea: G.value,
-					isPrintingImg: T(Tn) || T(En) || T(Nr),
-					isPrintingSvg: T(Pr)
-				} }, void 0, !0)
-			], 46, $e)), e.$slots.hint ? (x(), h("div", wt, [w(e.$slots, "hint", b(v({
-				hint: N.value.a11y.translations.keyboardNavigation,
-				isVisible: cn.value
-			})), void 0, !0)])) : m("", !0)]),
-			e.$slots.watermark ? (x(), h("div", Tt, [w(e.$slots, "watermark", b(v({ isPrinting: T(Tn) || T(En) || T(Nr) || T(Pr) })), void 0, !0)])) : m("", !0),
-			L.value.zoom.show && K.value > 6 && Vt.value && mr.value ? (x(), p(Ae, {
-				key: 6,
-				ref_key: "chartSlicer",
-				ref: Jt,
-				"data-dom-to-png-ignore-layout": "",
-				allMinimaps: Gn.value,
-				background: L.value.zoom.color,
-				borderColor: L.value.backgroundColor,
-				customFormat: L.value.zoom.customFormat,
-				cutNullValues: !1,
-				enableRangeHandles: L.value.zoom.enableRangeHandles,
-				enableSelectionDrag: L.value.zoom.enableSelectionDrag,
-				end: q.value.end,
-				focusOnDrag: L.value.zoom.focusOnDrag,
-				focusRangeRatio: L.value.zoom.focusRangeRatio,
-				fontSize: L.value.zoom.fontSize,
-				immediate: !L.value.zoom.preview.enable,
-				inputColor: L.value.zoom.color,
-				isPreview: Fn.value,
-				labelLeft: ar.value.start || "",
-				labelRight: ar.value.end || "",
-				max: K.value,
-				min: 0,
-				minimap: L.value.zoom.minimap.show ? T(B).map((e) => e[2]) : [],
-				minimapCompact: L.value.zoom.minimap.compact,
-				minimapFrameColor: L.value.zoom.minimap.frameColor,
-				minimapIndicatorColor: L.value.zoom.minimap.indicatorColor,
-				minimapMerged: !1,
-				minimapSelectedColor: L.value.zoom.minimap.selectedColor,
-				minimapSelectedColorOpacity: L.value.zoom.minimap.selectedColorOpacity,
-				minimapSelectedIndex: A.value,
-				minimapSelectionRadius: 1,
-				preciseLabels: nr.value,
-				refreshEndPoint: L.value.zoom.endIndex === null ? K.value : L.value.zoom.endIndex + 1,
-				refreshStartPoint: L.value.zoom.startIndex === null ? 0 : L.value.zoom.startIndex,
-				selectColor: L.value.zoom.highlightColor,
-				selectedSeries: T(B),
-				smoothMinimap: !1,
-				start: q.value.start,
-				textColor: L.value.color,
-				timeLabels: Yn.value,
-				usePreciseLabels: F.value.xAxis.dataLabels.datetimeFormatter.enable && !L.value.zoom.useDefaultFormat,
-				useResetSlot: L.value.zoom.useResetSlot,
-				valueEnd: q.value.end,
-				valueStart: q.value.start,
-				verticalHandles: L.value.zoom.minimap.verticalHandles,
-				minScale: F.value.yAxis.scale.min,
-				maxScale: F.value.yAxis.scale.max,
-				maxWidth: L.value.zoom.maxWidth,
-				minimapLeftInsetRatio: V.value.width > 0 && L.value.zoom.autoFit ? G.value.left / V.value.width : null,
-				minimapRightInsetRatio: V.value.width > 0 && L.value.zoom.autoFit ? (V.value.width - G.value.right) / V.value.width : null,
-				additionalMinimapHeight: L.value.zoom.minimap.additionalHeight,
-				handleType: L.value.zoom.minimap.handleType,
-				handleIconColor: L.value.zoom.minimap.handleIconColor,
-				handleBorderWidth: L.value.zoom.minimap.handleBorderWidth,
-				handleBorderColor: L.value.zoom.minimap.handleBorderColor,
-				handleFill: L.value.zoom.minimap.handleFill,
-				handleWidth: L.value.zoom.minimap.handleWidth,
-				"onUpdate:end": zr,
-				"onUpdate:start": Rr,
-				onTrapMouse: Lr,
-				onReset: fr,
-				onFutureEnd: n[0] ||= (e) => In("end", e),
-				onFutureStart: n[1] ||= (e) => In("start", e)
-			}, {
-				"reset-action": E(({ reset: t }) => [w(e.$slots, "reset-action", b(v({ reset: t })), void 0, !0)]),
-				slotMap: E(({ height: e, unitW: t }) => [(x(!0), h(d, null, C(Wn.value({
-					minimapH: e,
-					unitW: t
-				}), (e, n) => (x(), h("g", null, [g("path", {
-					d: `M ${e.high.x},${e.high.y} ${e.low.x},${e.low.y}`,
-					stroke: e.isBullish ? P.value.colors.bullish : P.value.colors.bearish,
-					"stroke-width": 1,
-					style: Be({ opacity: n >= J.value.start && n <= J.value.end ? 1 : .6 })
-				}, null, 12, Et), g("path", {
-					d: `M ${e.open.x},${e.open.y} ${e.close.x},${e.close.y}`,
-					stroke: e.isBullish ? P.value.colors.bullish : P.value.colors.bearish,
-					"stroke-width": Math.min(6, t / 1.5),
-					style: Be({ opacity: n >= J.value.start && n <= J.value.end ? 1 : .6 })
-				}, null, 12, Dt)]))), 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.minimapLeftInsetRatio.minimapRightInsetRatio.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : m("", !0),
-			g("div", {
-				ref_key: "chartLegend",
-				ref: qt
-			}, [w(e.$slots, "legend", { legend: Q.value }, void 0, !0)], 512),
-			e.$slots.source ? (x(), h("div", {
-				key: 7,
-				ref_key: "source",
-				ref: Yt,
-				dir: "auto"
-			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			Le(T(At), {
-				teleportTo: L.value.tooltip.teleportTo,
-				show: U.value.showTooltip && Ut.value,
-				backgroundColor: L.value.tooltip.backgroundColor,
-				color: L.value.tooltip.color,
-				borderRadius: L.value.tooltip.borderRadius,
-				borderColor: L.value.tooltip.borderColor,
-				borderWidth: L.value.tooltip.borderWidth,
-				fontSize: L.value.tooltip.fontSize,
-				backgroundOpacity: L.value.tooltip.backgroundOpacity,
-				position: L.value.tooltip.position,
-				offsetX: L.value.tooltip.offsetX,
-				offsetY: L.value.tooltip.offsetY,
-				parent: j.value,
-				content: Wt.value,
-				isFullscreen: br.value,
-				isCustom: L.value.tooltip.customFormat && typeof L.value.tooltip.customFormat == "function",
-				smooth: L.value.tooltip.smooth,
-				backdropFilter: L.value.tooltip.backdropFilter,
-				smoothForce: L.value.tooltip.smoothForce,
-				smoothSnapThreshold: L.value.tooltip.smoothSnapThreshold,
-				isA11yMode: sn.value === "keyboard",
-				a11yPosition: on.value
-			}, {
-				"tooltip-before": E(() => [w(e.$slots, "tooltip-before", b(v({ ...or.value })), void 0, !0)]),
-				tooltip: E(() => [w(e.$slots, "tooltip", b(v({ ...or.value })), void 0, !0)]),
-				"tooltip-after": E(() => [w(e.$slots, "tooltip-after", b(v({ ...or.value })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"teleportTo",
-				"show",
-				"backgroundColor",
-				"color",
-				"borderRadius",
-				"borderColor",
-				"borderWidth",
-				"fontSize",
-				"backgroundOpacity",
-				"position",
-				"offsetX",
-				"offsetY",
-				"parent",
-				"content",
-				"isFullscreen",
-				"isCustom",
-				"smooth",
-				"backdropFilter",
-				"smoothForce",
-				"smoothSnapThreshold",
-				"isA11yMode",
-				"a11yPosition"
-			]),
-			Vt.value && R.value.buttons.table ? (x(), p(Ue(kr.value.component), Re({ key: 8 }, kr.value.props, {
-				ref_key: "tableUnit",
-				ref: nn,
-				onClose: Ar
-			}), Fe({
-				content: E(() => [(x(), p(T(Mt), {
-					key: `table_${Qt.value}`,
-					colNames: yr.value.colNames,
-					head: yr.value.head,
-					body: yr.value.body,
-					config: yr.value.config,
-					title: N.value.table.useDialog ? "" : kr.value.title,
-					withCloseButton: !N.value.table.useDialog,
-					isCursorPointer: un.value,
-					onClose: Ar
-				}, {
-					th: E(({ th: e }) => [Ie(Ge(e), 1)]),
-					td: E(({ td: e }) => [g("div", { innerHTML: e }, null, 8, Ot)]),
-					_: 1
-				}, 8, [
-					"colNames",
-					"head",
-					"body",
-					"config",
-					"title",
-					"withCloseButton",
-					"isCursorPointer"
-				]))]),
-				_: 2
-			}, [N.value.table.useDialog ? {
-				name: "title",
-				fn: E(() => [Ie(Ge(kr.value.title), 1)]),
-				key: "0"
-			} : void 0, N.value.table.useDialog ? {
-				name: "actions",
-				fn: E(() => [g("button", {
-					tabindex: "0",
-					class: "vue-ui-user-options-button",
-					onClick: n[2] ||= (e) => vr(R.value.callbacks.csv),
-					style: Be({ cursor: un.value ? "pointer" : "default" })
-				}, [Le(T(kt), {
-					name: "fileCsv",
-					stroke: kr.value.props.color
-				}, null, 8, ["stroke"])], 4)]),
-				key: "1"
-			} : void 0]), 1040)) : m("", !0),
-			w(e.$slots, "skeleton", {}, () => [T(z) ? (x(), p(ve, { key: 0 })) : m("", !0)], !0)
-		], 46, Xe));
-	}
-}, [["__scopeId", "data-v-a5b975c7"]]);
-//#endregion
-export { Ye as n, kt as t };