vue-data-ui 3.27.0 → 3.27.1

package/dist/vue-ui-xy-canvas-BwgK8drp.js

@@ -1,2151 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Dt as r, Ft as i, Ht as a, Jt as o, Kt as s, Mt as ee, S as c, X as te, _ as ne, _t as re, at as ie, en as ae, et as oe, i as se, nn as ce, nt as le, o as ue, pt as de, w as fe, wt as pe, zt as me } from "./lib-D4wK6ljP.js";
-import { n as he, t as ge } from "./useHints-Dq_w2E8B.js";
-import { n as _e, r as ve, t as ye } from "./useTimeLabels-d2f-W1L4.js";
-import { t as be } from "./useConfig-D_6ZrPMD.js";
-import { t as xe } from "./usePrinter-DdW2GSm0.js";
-import { n as Se, t as Ce } from "./BaseScanner-Dzc8VT3j.js";
-import { t as we } from "./useNestedProp-DR_8JPol.js";
-import { t as Te } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Ee } from "./img-Bb5rHcpO.js";
-import { n as De } from "./Title-BMCuINbv.js";
-import { t as Oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as l, c as ke, i as Ae, l as je, n as Me, o as Ne, r as Pe, s as Fe, t as Ie } from "./useResponsive-ZtArZtUf.js";
-import { t as Le } from "./BaseIcon-Cx9FD751.js";
-import { t as Re } from "./SlicerPreview-k5YerMA9.js";
-import { t as ze } from "./vue-ui-accordion-CaoNWreI.js";
-import { t as Be } from "./BaseLegendToggle-CP3sddwv.js";
-import { t as Ve } from "./useUserOptionState-DK-_1ddE.js";
-import { t as He } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ue } from "./Legend-CulFgjUY.js";
-import { t as We } from "./vue_ui_xy_canvas-DrNSzYWq.js";
-import { Teleport as Ge, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as Ke, createElementVNode as p, createSlots as qe, createTextVNode as Je, createVNode as Ye, defineAsyncComponent as Xe, guardReactiveProps as m, mergeProps as Ze, nextTick as Qe, normalizeClass as $e, normalizeProps as h, normalizeStyle as et, onBeforeUnmount as tt, onMounted as nt, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as rt, shallowRef as it, toDisplayString as at, toRefs as ot, unref as y, useSlots as st, watch as b, watchEffect as ct, withCtx as x } from "vue";
-//#region src/components/vue-ui-xy-canvas.vue
-var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft = {
-	class: "sr-only",
-	"aria-live": "polite",
-	"aria-atomic": "true"
-}, pt = ["id"], mt = ["aria-label", "aria-describedby"], ht = ["viewBox"], gt = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"fill-opacity",
-	"stroke",
-	"stroke-opacity",
-	"stroke-width",
-	"stroke-dasharray"
-], _t = {
-	key: 1,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, vt = ["id"], yt = ["onClick"], bt = {
-	key: 4,
-	class: "vue-data-ui-watermark"
-}, xt = { key: 0 }, St = { key: 1 }, Ct = /*#__PURE__*/ Oe({
-	__name: "vue-ui-xy-canvas",
-	props: {
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		},
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		selectedXIndex: {
-			type: Number,
-			default: void 0
-		},
-		zoomState: {
-			type: Object,
-			default: null
-		}
-	},
-	emits: [
-		"selectLegend",
-		"selectX",
-		"zoomStart",
-		"zoomEnd",
-		"zoomReset",
-		"update:zoomState",
-		"copyAlt"
-	],
-	setup(e, { expose: Oe, emit: lt }) {
-		let Ct = Xe(() => import("./Tooltip-C4ZTwkLF.js")), wt = Xe(() => import("./DataTable-CjF_An2h.js")), Tt = Xe(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), Et = Xe(() => import("./NonSvgPenAndPaper-BK1v_MfW.js")), Dt = Xe(() => import("./BaseDraggableDialog-C50TEJFv.js").then((e) => e.n)), { vue_ui_xy_canvas: Ot } = be(), { isThemeValid: kt, warnInvalidTheme: At } = Te(), S = e, jt = _(te()), Mt = _(null), Nt = _(null), C = _(null), w = _(1), Pt = _(1), Ft = _(!1), T = _(null), It = _(""), Lt = _(null), E = _([]), Rt = _(1), D = _(!0), O = _(!0), zt = _(null), Bt = _(0), Vt = _(!1), Ht = _(null), Ut = _(null), Wt = _(null), Gt = _(null), Kt = _(0), qt = _(0), Jt = _(0), k = _(null), Yt = _(!1), Xt = _(null), Zt = _(null), Qt = _(!1), $t = _(!1), en = _(!1), A = _(null), tn = _(!1), nn = _(!1), rn = _(!1), j = _(null), an = _({
-			x: 0,
-			y: 0
-		}), M = u(() => Array.isArray(mn.value) && mn.value.length > 0), N = lt, on = st(), P = _(bn()), F = u(() => P.value.userOptions), I = u(() => P.value.style.chart.tooltip), L = u(() => P.value.style.chart.grid.y.verticalLines), sn = u(() => P.value.style.chart.grid.x.horizontalLines), R = u(() => P.value.style.chart.grid.y.axisLabels), z = u(() => P.value.style.chart.grid.x.timeLabels), B = u(() => P.value.style.chart.grid), V = u(() => P.value.style.chart.dataLabels), H = u(() => P.value.style.chart);
-		he({
-			config: () => P.value,
-			dataset: () => S.dataset,
-			component: "VueUiXyCanvas",
-			rules: [
-				ge.emptyArray,
-				{
-					test: (e) => e.every((e) => e.series.length < 300),
-					message: [
-						"👀 Series have < 300 datapoints. Consider:",
-						"",
-						"▶️ Using VueUiXy instead, if you need more options, or more customization possibilities."
-					]
-				},
-				{
-					test: (e) => e.some((e) => e.series.length > 1e4),
-					message: [
-						"👀 The dataset has > 10_000 datapoints. Above this threshold, the dataset is computed through an LTTB algorithm, to preserve the shape of the data without increasing the number of datapoints.",
-						"",
-						"▶️ If you need this level of detail, you can change config.downsample.threshold and set a higher value. Note that performance can be impacted. JS runtime might crash with > 100_000 datapoints."
-					]
-				}
-			]
-		});
-		let cn = u(() => {
-			let e = H.value.title.text || "XY chart", t = X.value.end - X.value.start;
-			return `${e}. ${Y.value.filter((e) => !E.value.includes(e.absoluteIndex)).length} series. ${t} visible data points.`;
-		}), ln = u(() => {
-			if (j.value === null) return "";
-			let e = j.value + X.value.start;
-			return `${z.value.values.slice(X.value.start, X.value.end)[j.value] ? I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[j.value]?.text : kr.value[j.value]?.text : $.value[e]?.text ?? `Point ${e + 1}`}. ${Y.value.filter((e) => !E.value.includes(e.absoluteIndex)).map((e) => {
-				let t = e.series[j.value], n = t?.value ?? t ?? null;
-				return `${e.name}: ${n}`;
-			}).join(". ")}.`;
-		}), un = u(() => F.value.useCursorPointer), dn = u(() => P.value.debug);
-		nt(() => {
-			on["chart-background"] && dn.value && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
-		});
-		let fn = u(() => ce({
-			defaultConfig: {
-				userOptions: { show: !1 },
-				table: { show: !1 },
-				style: { chart: {
-					backgroundColor: "#99999930",
-					grid: {
-						x: {
-							axisColor: "#6A6A6A",
-							timeLabels: { show: !1 },
-							axisName: "",
-							horizontalLines: { color: "#6A6A6A" }
-						},
-						y: {
-							axisColor: "#6A6A6A",
-							axisLabels: { show: !1 },
-							axisName: "",
-							verticalLines: { color: "#6A6A6A" }
-						},
-						zeroLine: { color: "#6A6A6A" }
-					},
-					legend: { backgroundColor: "#99999930" },
-					paddingProportions: { left: .05 },
-					scale: {
-						max: null,
-						min: null
-					},
-					zoom: {
-						endIndex: null,
-						startIndex: null
-					}
-				} }
-			},
-			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: pn, FINAL_DATASET: mn } = Se({
-			...ot(S),
-			FINAL_CONFIG: P,
-			prepareConfig: bn,
-			skeletonDataset: S.config?.skeletonDataset ?? [{
-				name: "",
-				series: [
-					0,
-					1,
-					2,
-					3,
-					5,
-					8,
-					13,
-					21,
-					34,
-					55,
-					89,
-					134
-				],
-				type: "line",
-				smooth: !0,
-				color: "#BABABA"
-			}, {
-				name: "",
-				series: [
-					0,
-					.5,
-					1,
-					1.5,
-					2.5,
-					4,
-					6.5,
-					10.5,
-					17,
-					27.5,
-					44.5,
-					67
-				],
-				type: "bar",
-				color: "#AAAAAA"
-			}],
-			skeletonConfig: ce({
-				defaultConfig: P.value,
-				userConfig: fn.value
-			})
-		}), { userOptionsVisible: hn, setUserOptionsVisibility: gn, keepUserOptionState: _n } = Ve({ config: P.value }), { svgRef: U } = He({ config: H.value.title });
-		function vn() {
-			gn(!0);
-		}
-		function yn() {
-			gn(!1), N("selectX", {
-				dataset: null,
-				index: null,
-				indexLabel: null
-			}), T.value = null;
-		}
-		function bn() {
-			let e = we({
-				userConfig: S.config,
-				defaultConfig: Ot
-			}), t = {}, n = e.theme;
-			if (n) {
-				if (!kt.value(e)) At(e), t = e;
-				else {
-					let r = we({
-						userConfig: We[n] || S.config,
-						defaultConfig: e
-					});
-					t = {
-						...we({
-							userConfig: S.config,
-							defaultConfig: r
-						}),
-						customPalette: e.customPalette.length ? e.customPalette : ae[n] || a
-					};
-				}
-			} else t = e;
-			return S.config && pe(S.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), t.style.chart.grid.x.timeLabels = we({
-				defaultConfig: t.style.chart.grid.x.timeLabels,
-				userConfig: S.config.style.chart.grid.y.timeLabels
-			})), t;
-		}
-		function xn(e) {
-			let t = oe(e);
-			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
-		}
-		let Sn = xn(S.config);
-		b(() => S.config, (e, t) => {
-			let n = xn(e), r = n !== Sn;
-			Sn = n;
-			let i = bn();
-			if (!r) {
-				P.value.style.chart.tooltip = i.style.chart.tooltip, W.value.showTooltip = P.value.style.chart.tooltip.show;
-				return;
-			}
-			pn.value || (P.value = i), hn.value = !F.value.showOnChartHover, Ci(), Kt.value += 1, qt.value += 1, Jt.value += 1, W.value.showTable = P.value.table.show, W.value.showDataLabels = V.value.show, W.value.stacked = H.value.stacked, W.value.showTooltip = I.value.show;
-		}, { deep: !0 }), b(() => S.dataset, async (e) => {
-			Array.isArray(e) && e.length !== 0 && (await Qe(), U.value && !C.value && (C.value = U.value.getContext("2d", { willReadFrequently: !0 })), D.value = !0, O.value = !0, await cr(), vr(), Kt.value += 1, qt.value += 1, Jt.value += 1);
-		}, { deep: !0 });
-		let Cn = _(H.value.aspectRatio), { isPrinting: wn, isImaging: Tn, generatePdf: En, generateImage: Dn } = xe({
-			elementId: `xy_canvas_${jt.value}`,
-			fileName: H.value.title.text || "vue-ui-xy-canvas",
-			options: F.value.print
-		}), W = _({
-			showTable: P.value.table.show,
-			showDataLabels: V.value.show,
-			stacked: H.value.stacked,
-			showTooltip: I.value.show
-		});
-		function On(e) {
-			Vt.value = e, Bt.value += 1;
-		}
-		let kn = u(() => fe(P.value.customPalette)), An = u(() => E.value.length === J.value.length), G = u(() => J.value ? Math.max(...J.value.filter((e, t) => An.value ? !0 : !E.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
-		function jn(e) {
-			A.value = e, Br();
-		}
-		let Mn = _(0), Nn = _(0);
-		function Pn() {
-			if (!C.value || !z.value.show) return 0;
-			let e = $.value || [], t = X.value.start ?? 0, n = X.value.end ?? 0;
-			if (!Math.max(0, n - t)) return 0;
-			let r = Math.round(w.value / 40 * z.value.fontSizeRatio), i = `${z.value.bold ? "bold " : ""}${r}px ${P.value.style.fontFamily}`;
-			C.value.save(), C.value.font = i;
-			let a = 0;
-			for (let r = t; r < n; r += 1) {
-				let t = e[r]?.text ?? `${r + 1}`, n = C.value.measureText(String(t));
-				n.width > a && (a = n.width);
-			}
-			C.value.restore();
-			let o = (z.value.rotation || 0) * Math.PI / 180, s = r, ee = Math.abs(Math.sin(o)) * a + Math.abs(Math.cos(o)) * s, c = z.value.offsetY || 1, te = w.value / c;
-			return Math.max(0, te + ee + 4);
-		}
-		function Fn() {
-			Mn.value = Pn();
-		}
-		function In() {
-			Nn.value && cancelAnimationFrame(Nn.value), Nn.value = requestAnimationFrame(() => {
-				requestAnimationFrame(() => {
-					Fn();
-				});
-			});
-		}
-		tt(() => {
-			Nn.value && cancelAnimationFrame(Nn.value);
-		});
-		let K = u(() => {
-			let e = w.value - w.value * (H.value.paddingProportions.left + H.value.paddingProportions.right), t = Pt.value * H.value.paddingProportions.top, n = Pt.value * H.value.paddingProportions.bottom, r = Mn.value, i = Pt.value - n - r, a = Pt.value - (t + n) - r;
-			return {
-				canvasWidth: w.value,
-				canvasHeight: Pt.value,
-				left: w.value * H.value.paddingProportions.left,
-				top: t,
-				right: w.value - w.value * H.value.paddingProportions.right,
-				bottom: i,
-				width: e,
-				height: a,
-				slot: e / (X.value.end - X.value.start)
-			};
-		});
-		function Ln(e, t) {
-			return e / t;
-		}
-		function Rn({ hasAutoScale: e, series: t, min: n, max: r, scale: i, yOffset: a, individualHeight: o, stackIndex: s = null }) {
-			return t.map((t, n) => {
-				let r = i.min < 0 ? Math.abs(i.min) : 0, ee = Ln(t + r, r + i.max), c, te;
-				e && (c = i.min, te = Ln(t - c, i.max - c));
-				let ne = 0;
-				return ne = s === null ? K.value.bottom - K.value.height * (e ? te : ee) : K.value.bottom - a - o * (e ? te : ee), {
-					x: K.value.left + K.value.slot * n + K.value.slot / 2,
-					y: ne,
-					value: t
-				};
-			});
-		}
-		let q = u(() => {
-			let e = H.value.scale.min === null ? Math.min(...J.value.filter((e, t) => !E.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(X.value.start, X.value.end))) : H.value.scale.min, t = H.value.scale.max === null ? Math.max(...J.value.filter((e, t) => !E.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(X.value.start, X.value.end))) : H.value.scale.max, n = ne(e < 0 ? e : 0, t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t, H.value.scale.ticks), r = n.min < 0 ? Math.abs(n.min) : 0, i = K.value.bottom - K.value.height * (r / (n.max + r));
-			return {
-				absoluteMin: r,
-				max: t,
-				min: e,
-				scale: n,
-				yLabels: n.ticks.map((e) => ({
-					y: K.value.bottom - K.value.height * ((e + r) / (n.max + r)),
-					x: K.value.left - 8,
-					value: e
-				})),
-				zero: i
-			};
-		}), zn = u(() => Y.value.map((e) => `
-            <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
-                <svg viewBox="0 0 10 10" height="12" width="12">
-                    <circle cx="5" cy="5" r="5" fill="${e.color}"/>
-                </svg>
-                <span>${e.name ? e.name + ": " : ""}</span>
-                <span>${se(V.value.formatter, e.series[T.value] ?? "-", t({
-			p: e.prefix || "",
-			v: e.series[T.value] ?? "-",
-			s: e.suffix || "",
-			r: e.rounding || 0
-		}), {
-			datapoint: e,
-			seriesIndex: T.value
-		})}</span>
-            </div>
-        `)), Bn = u(() => H.value.line.cutNullValues), J = u(() => mn.value.map((e, t) => ({
-			...e,
-			series: ee({
-				data: s(e.series, [], Bn.value),
-				threshold: P.value.downsample.threshold
-			}),
-			absoluteIndex: t,
-			color: c(e.color || kn.value[t] || a[t] || a[t % a.length])
-		}))), Vn = u(() => {
-			if (!H.value.zoom.minimap.show) return [];
-			let e = J.value.filter((e) => !E.value.includes(e.absoluteIndex)), t = Math.max(...e.map((e) => e.series.length)), n = [];
-			for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
-			let r = Math.min(...n);
-			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), Hn = u(() => H.value.zoom.minimap.show ? J.value.map((e) => ({
-			...e,
-			isVisible: !E.value.includes(e.absoluteIndex)
-		})) : []);
-		b(G, (e) => {
-			e && cr();
-		});
-		let Y = u(() => ue(J.value.filter((e, t) => !E.value.includes(e.absoluteIndex))).map((e, t) => ({
-			...e,
-			series: e.series.slice(X.value.start, X.value.end)
-		})).map((e, t) => {
-			let n = [null, void 0].includes(e.scaleMin) ? Math.min(...e.series) || 0 : e.scaleMin, r = [null, void 0].includes(e.scaleMax) ? Math.max(...e.series) || 1 : e.scaleMax;
-			n === r && (n = n >= 0 ? r - 1 : n, r = r >= 0 ? r : n + 1);
-			let i = {
-				ratios: e.series.filter((e) => ![null, void 0].includes(e)).map((e) => (e - n) / (r - n)),
-				valueMin: n,
-				valueMax: r
-			}, a = e.scaleSteps || H.value.scale.ticks, o;
-			o = e.autoScaling ? ne(i.valueMin, i.valueMax, a) : ne(i.valueMin < 0 ? i.valueMin : 0, i.valueMax <= 0 ? 0 : i.valueMax, a);
-			let s = W.value.stacked ? K.value.height * (1 - e.cumulatedStackRatio) : 0, ee = W.value.stacked ? K.value.height / H.value.stackGap : 0, c = W.value.stacked ? K.value.height * e.stackRatio - ee : K.value.height, te = o.min < 0 ? Math.abs(o.min) : 0, re;
-			re = e.autoScaling && W.value.stacked && r <= 0 ? K.value.bottom - s - c : K.value.bottom - s - c * (te / (o.max + te));
-			let ie = o.ticks.map((e, t) => ({
-				y: K.value.bottom - s - c * (t / (o.ticks.length - 1)),
-				x: K.value.left - 8,
-				value: e
-			})), ae = Rn({
-				hasAutoScale: W.value.stacked && e.autoScaling,
-				series: e.series,
-				min: W.value.stacked ? n : q.value.min,
-				max: W.value.stacked ? r : q.value.max,
-				scale: W.value.stacked ? o : q.value.scale,
-				yOffset: s,
-				individualHeight: c,
-				stackIndex: W.value.stacked ? t : null
-			});
-			return {
-				...e,
-				coordinatesLine: ae,
-				min: n,
-				max: r,
-				localScale: o,
-				localZero: re,
-				localMin: te,
-				localYLabels: ie,
-				yOffset: s,
-				individualHeight: c
-			};
-		})), X = _({
-			start: 0,
-			end: G.value
-		}), Z = _({
-			start: 0,
-			end: G.value
-		}), Un = _(!1), Wn = _(!1), Gn = _(null), Kn = _(!1), qn = _(null), Jn = _(null), Yn = _(null), Xn = _({
-			time: 0,
-			x: 0,
-			y: 0,
-			pointerType: null
-		}), Zn = u(() => H.value.zoom?.dragToZoom), Qn = u(() => Zn.value.show && M.value && $t.value && G.value > 1 && !pn.value), $n = _(null), er = null, tr = {};
-		function nr() {
-			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
-		}
-		function rr(e, t = X.value) {
-			if (!e || typeof e != "object") return null;
-			let n = e.start !== void 0 && e.start !== null, r = e.end !== void 0 && e.end !== null;
-			if (!n && !r) return null;
-			let i = Number(n ? e.start : t.start), a = Number(r ? e.end : t.end);
-			return !Number.isFinite(i) || !Number.isFinite(a) ? null : {
-				start: i,
-				end: a
-			};
-		}
-		function ir(e) {
-			let t = rr(e);
-			t && N("update:zoomState", t);
-		}
-		function ar() {
-			er &&= (cancelAnimationFrame(er), null), tr = {};
-		}
-		function or(e) {
-			let t = rr(e);
-			if (!t) return null;
-			let { start: n, end: r } = t;
-			return (n !== Number(X.value.start) || r !== Number(X.value.end)) && (ar(), X.value = {
-				start: n,
-				end: r
-			}, Z.value = {
-				start: n,
-				end: r
-			}, gr()), {
-				start: Number(X.value.start),
-				end: Number(X.value.end)
-			};
-		}
-		function sr(e) {
-			let t = or(e);
-			return t ? (N("update:zoomState", t), t) : null;
-		}
-		tt(() => {
-			$n.value && cancelAnimationFrame($n.value), ar(), ti();
-		});
-		async function cr({ force: e = !1, publish: t = !1 } = {}) {
-			let n = !e;
-			await dr(n), await Qe(), $n.value && cancelAnimationFrame($n.value), $n.value = requestAnimationFrame(async () => {
-				await nr(), await dr(n), $n.value = null, t && (ir({
-					start: Number(X.value.start),
-					end: Number(X.value.end)
-				}), N("zoomReset"));
-			});
-		}
-		let lr = u(() => H.value.zoom.preview.enable && (Z.value.start !== X.value.start || Z.value.end !== X.value.end));
-		function ur(e, t) {
-			Z.value[e] = t;
-		}
-		async function dr(e = !0) {
-			if (!Qt.value) {
-				Qt.value = !0;
-				try {
-					let { startIndex: t, endIndex: n } = H.value.zoom, r = Math.max(...J.value.map((e) => e.series.length)), i = t ?? 0, a = n == null ? r : Math.min(hr(n + 1, i), r);
-					en.value = !0, X.value = {
-						start: i,
-						end: a
-					}, Z.value = {
-						start: i,
-						end: a
-					}, gr(), $t.value = !0, await Qe(), Wt.value && Wt.value.setRangeValues(X.value.start, X.value.end), e && S.zoomState && or(S.zoomState);
-				} finally {
-					queueMicrotask(() => {
-						en.value = !1;
-					}), Qt.value = !1;
-				}
-			}
-		}
-		function fr(e) {
-			tr = {
-				...tr,
-				...e
-			}, er && cancelAnimationFrame(er), er = requestAnimationFrame(() => {
-				let e = {
-					...X.value,
-					...tr
-				};
-				tr = {}, er = null, X.value = e, Z.value = { ...e }, gr(), ir({
-					start: Number(X.value.start),
-					end: Number(X.value.end)
-				});
-			});
-		}
-		function pr(e) {
-			if (Qt.value || en.value) return;
-			let t = Number(e);
-			Number.isFinite(t) && (N("zoomStart", {
-				index: t,
-				isZoom: t !== 0
-			}), t !== X.value.start && fr({ start: t }));
-		}
-		function mr(e) {
-			if (Qt.value || en.value) return;
-			let t = tr.start === void 0 ? X.value.start : tr.start, n = hr(Number(e), t);
-			Number.isFinite(n) && (N("zoomEnd", {
-				index: n,
-				isZoom: n !== G.value
-			}), (n !== X.value.end || tr.start !== void 0) && fr({ end: n }));
-		}
-		function hr(e, t = X.value.start) {
-			let n = G.value, r = Number(t);
-			return e > n ? n : e < 0 || e <= r ? Math.min(r + 1, n) : e;
-		}
-		function gr() {
-			let e = Math.max(1, Math.max(...J.value.map((e) => e.series.length))), t = Math.max(0, Math.min(X.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(X.value.end ?? e, e));
-			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), X.value = {
-				start: t,
-				end: n
-			}, Z.value = {
-				start: t,
-				end: n
-			}, Wt.value && Wt.value.setRangeValues(t, n);
-		}
-		b([() => S.zoomState, $t], ([e, t]) => {
-			t && e && or(e);
-		}, {
-			deep: !0,
-			immediate: !0
-		});
-		let _r = u(() => Y.value.filter((e) => [
-			"line",
-			"plot",
-			void 0
-		].includes(e.type))), Q = u(() => Y.value.filter((e) => e.type === "bar"));
-		function vr() {
-			if (!U.value || !Nt.value) return;
-			let e = Nt.value.offsetWidth, t = Nt.value.offsetHeight;
-			U.value.width = e * Rt.value * 2, U.value.height = t * Rt.value * 2, w.value = e * Rt.value * 2, Pt.value = t * Rt.value * 2, C.value?.scale(Rt.value, Rt.value), Br();
-		}
-		b(M, async (e) => {
-			if (!e) {
-				zt.value = null, Ft.value = !1, T.value = null, k.value = null;
-				return;
-			}
-			await Qe(), U.value && !C.value && (C.value = U.value.getContext("2d", { willReadFrequently: !0 })), D.value = !0, O.value = !0, await cr(), vr(), Br();
-		});
-		function yr() {
-			if (C.value && (C.value.clearRect(0, 0, 1e4, 1e4), C.value.fillStyle = H.value.backgroundColor, C.value.fillRect(0, 0, K.value.canvasWidth, K.value.canvasHeight), M.value)) {
-				if (W.value.stacked) L.value.show && X.value.end - X.value.start < L.value.hideUnderXLength ? Y.value.forEach((e) => {
-					for (let t = 0; t < X.value.end - X.value.start + 1; t += 1) l(C.value, [{
-						x: K.value.left + K.value.slot * t,
-						y: K.value.bottom - e.yOffset - e.individualHeight
-					}, {
-						x: K.value.left + K.value.slot * t,
-						y: K.value.bottom - e.yOffset
-					}], { color: L.value.color });
-				}) : L.value.show && X.value.end - X.value.start >= L.value.hideUnderXLength && Y.value.forEach((e) => {
-					for (let t = X.value.start; t < X.value.end; t += 1) t % Math.floor((X.value.end - X.value.start) / sn.value.modulo) === 0 && l(C.value, [{
-						x: K.value.left + K.value.slot * (t - X.value.start) + K.value.slot / 2,
-						y: K.value.bottom - e.yOffset - e.individualHeight
-					}, {
-						x: K.value.left + K.value.slot * (t - X.value.start) + K.value.slot / 2,
-						y: K.value.bottom - e.yOffset
-					}], { color: L.value.color });
-				}), sn.value.show && (sn.value.alternate ? Y.value.forEach((e) => {
-					e.localYLabels.forEach((t, n) => {
-						n < e.localYLabels.length - 1 && Fe(C.value, [
-							{
-								x: K.value.left,
-								y: t.y
-							},
-							{
-								x: K.value.right,
-								y: t.y
-							},
-							{
-								x: K.value.right,
-								y: e.localYLabels[n + 1].y
-							},
-							{
-								x: K.value.left,
-								y: e.localYLabels[n + 1].y
-							}
-						], {
-							fillColor: n % 2 == 0 ? "transparent" : o(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
-							strokeColor: "transparent"
-						});
-					});
-				}) : Y.value.forEach((e) => {
-					e.localYLabels.slice(X.value.start, X.value.end).forEach((e) => {
-						l(C.value, [{
-							x: K.value.left,
-							y: e.y
-						}, {
-							x: K.value.right,
-							y: e.y
-						}], { color: sn.value.color });
-					});
-				})), B.value.zeroLine.show && Y.value.forEach((e) => {
-					l(C.value, [{
-						x: K.value.left,
-						y: e.localZero
-					}, {
-						x: K.value.right,
-						y: e.localZero
-					}], {
-						color: B.value.zeroLine.color,
-						lineDash: B.value.zeroLine.dashed ? [10, 10] : [0, 0]
-					});
-				}), R.value.show && Y.value.forEach((e) => {
-					l(C.value, [{
-						x: K.value.left,
-						y: K.value.bottom - e.yOffset
-					}, {
-						x: K.value.left,
-						y: K.value.bottom - e.yOffset - e.individualHeight
-					}], { color: e.color }), l(C.value, [{
-						x: K.value.right,
-						y: K.value.bottom - e.yOffset
-					}, {
-						x: K.value.right,
-						y: K.value.bottom - e.yOffset - e.individualHeight
-					}], { color: e.color });
-				}), Y.value.forEach((e) => {
-					ke(C.value, e.name, w.value / 35, K.value.bottom - e.yOffset - e.individualHeight / 2, {
-						align: "center",
-						rotation: -90,
-						color: e.color,
-						font: `${Math.round(w.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`
-					});
-				});
-				else {
-					if (L.value.show && X.value.end - X.value.start < L.value.hideUnderXLength) for (let e = 0; e < X.value.end - X.value.start + 1; e += 1) l(C.value, [{
-						x: K.value.left + K.value.slot * e,
-						y: K.value.top
-					}, {
-						x: K.value.left + K.value.slot * e,
-						y: K.value.bottom
-					}], { color: L.value.color });
-					else if (L.value.show && X.value.end - X.value.start >= L.value.hideUnderXLength) for (let e = X.value.start; e < X.value.end; e += 1) e % Math.floor((X.value.end - X.value.start) / z.value.modulo) === 0 && l(C.value, [{
-						x: K.value.left + K.value.slot * (e - X.value.start) + K.value.slot / 2,
-						y: K.value.top
-					}, {
-						x: K.value.left + K.value.slot * (e - X.value.start) + K.value.slot / 2,
-						y: K.value.bottom
-					}], { color: L.value.color });
-					sn.value.show && (sn.value.alternate ? q.value.yLabels.forEach((e, t) => {
-						t < q.value.yLabels.length - 1 && Fe(C.value, [
-							{
-								x: K.value.left,
-								y: e.y
-							},
-							{
-								x: K.value.right,
-								y: e.y
-							},
-							{
-								x: K.value.right,
-								y: q.value.yLabels[t + 1].y
-							},
-							{
-								x: K.value.left,
-								y: q.value.yLabels[t + 1].y
-							}
-						], {
-							fillColor: t % 2 == 0 ? "transparent" : o(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
-							strokeColor: "transparent"
-						});
-					}) : q.value.yLabels.forEach((e) => {
-						l(C.value, [{
-							x: K.value.left,
-							y: e.y
-						}, {
-							x: K.value.right,
-							y: e.y
-						}], { color: sn.value.color });
-					})), B.value.y.showAxis && l(C.value, [{
-						x: K.value.left,
-						y: K.value.top
-					}, {
-						x: K.value.left,
-						y: K.value.bottom
-					}], {
-						color: B.value.y.axisColor,
-						lineWidth: B.value.y.axisThickness
-					}), B.value.x.showAxis && l(C.value, [{
-						x: K.value.left,
-						y: K.value.bottom
-					}, {
-						x: K.value.right,
-						y: K.value.bottom
-					}], {
-						color: B.value.x.axisColor,
-						lineWidth: B.value.x.axisThickness
-					}), B.value.zeroLine.show && l(C.value, [{
-						x: K.value.left,
-						y: q.value.zero
-					}, {
-						x: K.value.right,
-						y: q.value.zero
-					}], {
-						color: B.value.zeroLine.color,
-						lineDash: B.value.zeroLine.dashed ? [10, 10] : [0, 0]
-					});
-				}
-				B.value.y.axisName && ke(C.value, B.value.y.axisName, w.value - w.value / 40 * R.value.fontSizeRatio * 1.2, K.value.bottom - K.value.height / 2, {
-					font: `${R.value.bold ? "bold " : ""}${Math.round(w.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-					color: H.value.color,
-					align: "center",
-					rotation: 90
-				}), B.value.x.axisName && ke(C.value, B.value.x.axisName, w.value / 2, Pt.value, {
-					font: `${R.value.bold ? "bold " : ""}${Math.round(w.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-					color: H.value.color,
-					align: "center"
-				});
-			}
-		}
-		function br(e) {
-			for (let t = 0; t < e.coordinatesLine.length; t += 1) {
-				let n = (T.value === t || A.value === t ? w.value / 150 : H.value.line.plots.show || e.type === "plot" ? w.value / 200 : 0) * H.value.line.plots.radiusRatio;
-				Me(C.value, {
-					x: e.coordinatesLine[t].x,
-					y: e.coordinatesLine[t].y
-				}, n, {
-					color: H.value.backgroundColor,
-					fillStyle: e.color,
-					strokeColor: "transparent"
-				});
-			}
-		}
-		function xr() {
-			Y.value.forEach((e) => {
-				e.showYMarker && Hr(e) && ke(C.value, se(V.value.formatter, Hr(e).value, t({
-					p: e.prefix || R.value.prefix || "",
-					v: Hr(e).value,
-					s: e.suffix || R.value.suffix || "",
-					r: e.rounding || R.value.rounding || 0
-				}), {
-					datapoint: Hr(e),
-					seriesIndex: null
-				}), K.value.left - 8 + R.value.offsetX, Hr(e).y, {
-					align: "right",
-					font: `${R.value.bold ? "bold " : ""}${Math.round(w.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-					color: e.color
-				});
-			});
-		}
-		function Sr() {
-			R.value.show && (W.value.stacked ? Y.value.forEach((e) => {
-				e.localYLabels.forEach((n, r) => {
-					ke(C.value, se(V.value.formatter, n.value, t({
-						p: e.prefix || B.value.y.axisLabels.prefix || "",
-						v: n.value,
-						s: e.suffix || B.value.y.axisLabels.suffix || "",
-						r: e.rounding || B.value.y.axisLabels.rounding || 0
-					}), {
-						datapoint: n,
-						seriesIndex: r
-					}), n.x + R.value.offsetX, n.y, {
-						align: "right",
-						font: `${R.value.bold ? "bold " : ""}${Math.round(w.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-						color: e.color,
-						globalAlpha: e.showYMarker && ![null, void 0].includes(T.value ?? A.value) ? .2 : 1
-					});
-				});
-			}) : q.value.yLabels.forEach((e, n) => {
-				ke(C.value, se(V.value.formatter, e.value, t({
-					p: R.value.prefix || "",
-					v: e.value,
-					s: R.value.suffix || "",
-					r: R.value.rounding || 0
-				}), {
-					datapoint: e,
-					seriesIndex: n
-				}), e.x + R.value.offsetX, e.y, {
-					align: "right",
-					font: `${R.value.bold ? "bold " : ""}${Math.round(w.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-					color: R.value.color,
-					globalAlpha: Y.value.some((e) => e.showYMarker) && ![null, void 0].includes(T.value ?? A.value) ? .2 : 1
-				});
-			}));
-		}
-		function Cr(e) {
-			for (let n = 0; n < e.coordinatesLine.length; n += 1) ke(C.value, se(V.value.formatter, e.coordinatesLine[n].value, t({
-				p: e.prefix || "",
-				v: e.coordinatesLine[n].value,
-				s: e.suffix || "",
-				r: e.rounding || 0
-			}), {
-				datapoint: e.coordinatesLine[n],
-				seriesIndex: n
-			}), e.coordinatesLine[n].x, e.coordinatesLine[n].y + V.value.offsetY, {
-				align: "center",
-				font: `${V.value.bold ? "bold " : ""}${Math.round(w.value / 40 * V.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-				color: V.value.useSerieColor ? e.color : V.value.color,
-				strokeColor: H.value.backgroundColor,
-				lineWidth: .5
-			});
-		}
-		let $ = _([]), wr = 0;
-		ct(() => {
-			let e = ++wr;
-			(async () => {
-				let t = await ye({
-					values: z.value.values,
-					maxDatapoints: G.value,
-					formatter: z.value.datetimeFormatter,
-					start: 0,
-					end: G.value
-				});
-				e === wr && ($.value = t);
-			})();
-		}), ct(() => {
-			z.value.show, z.value.rotation, z.value.offsetY, z.value.fontSizeRatio, z.value.bold, X.value.start, X.value.end, w.value, Pt.value, ($.value || []).map((e) => e?.text ?? "").join("|"), In();
-		}, { flush: "post" });
-		let Tr = _({
-			months: [],
-			shortMonths: [],
-			days: [],
-			shortDays: []
-		}), Er = 0;
-		ct(() => {
-			let e = ++Er, t = z.value.datetimeFormatter;
-			(async () => {
-				let n = await ve(t.locale).catch(() => ve("en"));
-				e === Er && (Tr.value = n.data);
-			})();
-		});
-		let Dr = u(() => {
-			let e = z.value.datetimeFormatter, t = _e({
-				useUTC: e.useUTC,
-				locale: Tr.value,
-				januaryAsYear: e.januaryAsYear
-			});
-			return (e, n) => {
-				let r = z.value.values?.[e];
-				return r == null ? "" : t.formatDate(new Date(r), n);
-			};
-		}), Or = u(() => (z.value.values || []).map((e, t) => ({
-			text: Dr.value(t, H.value.zoom.timeFormat),
-			absoluteIndex: t
-		}))), kr = u(() => (z.value.values || []).map((e, t) => ({
-			text: Dr.value(t, I.value.timeFormat),
-			absoluteIndex: t
-		})));
-		function Ar() {
-			for (let e = X.value.start; e < X.value.end; e += 1) (X.value.end - X.value.start < z.value.modulo || X.value.end - X.value.start >= z.value.modulo && (e % Math.floor((X.value.end - X.value.start) / z.value.modulo) === 0 || (e === T.value + X.value.start || e === A.value) && z.value.showMarker)) && ke(C.value, $.value[e] ? $.value[e].text : e + 1, K.value.left + K.value.slot * (e - X.value.start) + K.value.slot / 2, K.value.bottom + w.value / z.value.offsetY, {
-				align: z.value.rotation === 0 ? "center" : z.value.rotation > 0 ? "left" : "right",
-				font: `${z.value.bold ? "bold " : ""}${Math.round(w.value / 40 * z.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-				color: z.value.showMarker ? o(z.value.color, T.value !== null || A.value !== null ? T.value + X.value.start === e || A.value === e ? 100 : 20 : 100) : z.value.color,
-				rotation: z.value.rotation
-			});
-		}
-		function jr() {
-			l(C.value, [{
-				x: K.value.left + K.value.slot * (T.value ?? A.value) + K.value.slot / 2,
-				y: K.value.top
-			}, {
-				x: K.value.left + K.value.slot * (T.value ?? A.value) + K.value.slot / 2,
-				y: K.value.bottom
-			}], {
-				color: H.value.selector.color,
-				lineDash: H.value.selector.dashed ? [8, 8] : [0, 0],
-				lineWidth: 2,
-				linceCap: "round"
-			});
-		}
-		function Mr() {
-			k.value && l(C.value, [{
-				x: K.value.left,
-				y: k.value
-			}, {
-				x: K.value.right,
-				y: k.value
-			}], {
-				color: H.value.selector.color,
-				lineDash: H.value.selector.dashed ? [8, 8] : [0, 0],
-				lineWidth: 2,
-				linceCap: "round"
-			});
-		}
-		function Nr() {
-			Q.value.forEach((e, n) => {
-				for (let r = 0; r < e.coordinatesLine.length; r += 1) Fe(C.value, [
-					{
-						x: K.value.left + K.value.slot * r + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * n - (n === 0 ? 0 : K.value.slot / (5 * Q.value.length) * n)),
-						y: W.value.stacked ? e.localZero : q.value.zero
-					},
-					{
-						x: K.value.left + K.value.slot * r + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * n - (n === 0 ? 0 : K.value.slot / (5 * Q.value.length) * n)) + K.value.slot * .8 / (W.value.stacked ? 1 : Q.value.length),
-						y: W.value.stacked ? e.localZero : q.value.zero
-					},
-					{
-						x: K.value.left + K.value.slot * r + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * n - (n === 0 ? 0 : K.value.slot / (5 * Q.value.length) * n)) + K.value.slot * .8 / (W.value.stacked ? 1 : Q.value.length),
-						y: e.coordinatesLine[r].y
-					},
-					{
-						x: K.value.left + K.value.slot * r + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * n - (n === 0 ? 0 : K.value.slot / (5 * Q.value.length) * n)),
-						y: e.coordinatesLine[r].y
-					}
-				], {
-					strokeColor: H.value.backgroundColor,
-					gradient: {
-						type: "linear",
-						start: {
-							x: e.coordinatesLine[r].x,
-							y: e.coordinatesLine[r].y
-						},
-						end: {
-							x: e.coordinatesLine[r].x,
-							y: W.value.stacked ? e.localZero : q.value.zero
-						},
-						stops: [{
-							offset: 0,
-							color: e.color
-						}, {
-							offset: 1,
-							color: H.value.bar.gradient.show ? i(e.color, .5) : e.color
-						}]
-					}
-				}), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && ke(C.value, se(V.value.formatter, e.coordinatesLine[r].value, t({
-					p: e.prefix || "",
-					v: e.coordinatesLine[r].value,
-					s: e.suffix || "",
-					r: e.rounding || 0
-				}), {
-					datapoint: e.coordinatesLine[r],
-					seriesIndex: r
-				}), K.value.left + K.value.slot * r + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * n - (n === 0 ? 0 : K.value.slot / (5 * Q.value.length) * n)) + K.value.slot * .4 / (W.value.stacked ? 1 : Q.value.length), (e.coordinatesLine[r].value < 0 ? W.value.stacked ? e.localZero : q.value.zero : e.coordinatesLine[r].y) + V.value.offsetY, {
-					align: "center",
-					font: `${Math.round(w.value / 40 * V.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-					color: V.value.useSerieColor ? e.color : V.value.color,
-					strokeColor: H.value.backgroundColor,
-					lineWidth: .8
-				});
-			});
-		}
-		function Pr(e, t) {
-			let n = e.coordinatesLine.map((t, n) => e.series[n] != null && Number.isFinite(t?.y) ? t : null), r = [], i = [], a = [];
-			for (let e = 0; e < n.length; e += 1) {
-				let o = n[e];
-				if (o) a.push(o);
-				else {
-					if (a.length >= 2) {
-						let e = a[0], n = a[a.length - 1];
-						r.push([
-							{
-								x: e.x,
-								y: t
-							},
-							...a,
-							{
-								x: n.x,
-								y: t
-							}
-						]);
-					} else a.length === 1 && i.push(a[0]);
-					a = [];
-				}
-			}
-			if (a.length >= 2) {
-				let e = a[0], n = a[a.length - 1];
-				r.push([
-					{
-						x: e.x,
-						y: t
-					},
-					...a,
-					{
-						x: n.x,
-						y: t
-					}
-				]);
-			} else a.length === 1 && i.push(a[0]);
-			return {
-				polygons: r,
-				singles: i
-			};
-		}
-		function Fr(e) {
-			let t = e.coordinatesLine.map((t, n) => e.series[n] != null && Number.isFinite(t?.y) ? t : null), n = [], r = [];
-			for (let e = 0; e < t.length; e += 1) {
-				let i = t[e];
-				i ? r.push(i) : (r.length >= 2 && n.push(r), r = []);
-			}
-			return r.length >= 2 && n.push(r), n;
-		}
-		function Ir(e) {
-			if (Bn.value) {
-				let t = Fr(e);
-				for (let n of t) l(C.value, n, {
-					color: e.color,
-					lineWidth: 3
-				});
-			} else l(C.value, e.coordinatesLine, {
-				color: e.color,
-				lineWidth: 3
-			});
-		}
-		function Lr(e) {
-			let t = !!Bn.value;
-			if (e.useArea) {
-				let n = W.value.stacked ? e.localZero : q.value.zero;
-				if (t) {
-					let { polygons: t, singles: r } = Pr(e, n);
-					for (let n of t) Ne(C.value, n, {
-						fillColor: o(e.color, H.value.area.opacity),
-						strokeColor: "transparent"
-					});
-					let i = w.value / 200 * H.value.line.plots.radiusRatio;
-					for (let t of r) Me(C.value, {
-						x: t.x,
-						y: t.y
-					}, i, {
-						color: H.value.backgroundColor,
-						fillStyle: e.color,
-						strokeColor: "transparent"
-					});
-				} else {
-					let t = {
-						x: e.coordinatesLine[0].x,
-						y: n
-					}, r = {
-						x: e.coordinatesLine.at(-1).x,
-						y: n
-					};
-					Ne(C.value, [
-						t,
-						...e.coordinatesLine,
-						r
-					], {
-						fillColor: o(e.color, H.value.area.opacity),
-						strokeColor: "transparent"
-					});
-				}
-				Ir(e);
-				return;
-			}
-			Ir(e);
-		}
-		function Rr() {
-			Y.value.forEach((e, t) => {
-				l(C.value, [{
-					x: K.value.left,
-					y: K.value.bottom - e.yOffset
-				}, {
-					x: K.value.right,
-					y: K.value.bottom - e.yOffset
-				}], {
-					color: sn.value.color,
-					lineWidth: 1
-				});
-			});
-		}
-		function zr() {
-			let { left: e, top: t, width: n, height: r } = K.value, i = X.value.start, a = X.value.end - i, o = n / a, s = Z.value.start - i, ee = Z.value.end - i, c = Math.max(0, Math.min(a, s)), te = Math.max(0, Math.min(a, ee));
-			Fe(C.value, [
-				{
-					x: e + c * o,
-					y: t
-				},
-				{
-					x: e + c * o + (te - c) * o,
-					y: t
-				},
-				{
-					x: e + c * o + (te - c) * o,
-					y: t + r
-				},
-				{
-					x: e + c * o,
-					y: t + r
-				}
-			], {
-				fillColor: H.value.zoom.preview.fill,
-				strokeColor: H.value.zoom.preview.stroke,
-				lineDash: [
-					,
-					,
-					,
-					,
-				].fill(H.value.zoom.preview.strokeDasharray),
-				lineWidth: H.value.zoom.preview.strokeWidth
-			});
-		}
-		function Br() {
-			M.value && U.value && C.value && (yr(), D.value ? ((T.value !== null || A.value !== null) && H.value.selector.show && jr(), Nr(), W.value.stacked && B.value.x.showAxis && Rr(), _r.value.forEach((e) => {
-				(e.type === "line" || !e.type) && Lr(e), O.value && (br(e), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Cr(e));
-			}), U.value && (zt.value = Pe(U.value))) : (zt.value && (C.value.clearRect(0, 0, 1e4, 1e4), C.value.drawImage(zt.value, 0, 0)), (T.value !== null || A.value !== null) && H.value.selector.show && jr(), (T.value !== null || A.value !== null) && Y.value.forEach((e) => {
-				let t = T.value ?? A.value, n = e.coordinatesLine[t];
-				(e.type === "line" || !e.type || e.type === "plot") && n && Number.isFinite(n.x) && Number.isFinite(n.y) && Me(C.value, {
-					x: n.x,
-					y: n.y
-				}, w.value / 150 * H.value.line.plots.radiusRatio, {
-					color: H.value.backgroundColor,
-					fillStyle: e.color,
-					strokeColor: "transparent"
-				});
-			})), z.value.show && Ar(), H.value.selector.show && H.value.selector.showHorizontalSelector && Mr(), Sr(), xr(), H.value.zoom.preview.enable && (X.value.start !== Z.value.start || X.value.end !== Z.value.end) && zr(), D.value = !1);
-		}
-		let Vr = Ae(() => {
-			O.value = !0, vr();
-		}, G.value > 200 ? 10 : 1, !O.value);
-		function Hr(e) {
-			if ([null, void 0].includes(T.value ?? A.value) || !e.coordinatesLine[T.value ?? A.value]) return !1;
-			let { y: t, value: n } = e.coordinatesLine[T.value ?? A.value];
-			return {
-				y: t,
-				value: n
-			};
-		}
-		let Ur = u(() => !Un.value || qn.value == null || Jn.value == null ? null : {
-			x: Math.min(qn.value, Jn.value),
-			y: K.value.top,
-			width: Math.abs(Jn.value - qn.value),
-			height: K.value.height
-		}), Wr = u(() => $t.value ? Number(X.value.start) !== 0 || Number(X.value.end) !== Number(G.value) : !1);
-		function Gr(e) {
-			if (!U.value) return null;
-			let t = U.value.getBoundingClientRect();
-			return !t.width || !t.height ? null : {
-				x: (e.clientX - t.left) * (K.value.canvasWidth / t.width),
-				y: (e.clientY - t.top) * (K.value.canvasHeight / t.height)
-			};
-		}
-		function Kr(e) {
-			return Math.min(Math.max(e, K.value.left), K.value.right);
-		}
-		function qr(e) {
-			return Y.value.map((t) => {
-				let n = t.series[e];
-				return {
-					...t,
-					name: t.name,
-					value: [
-						null,
-						void 0,
-						NaN
-					].includes(n) ? null : n,
-					color: t.color,
-					type: t.type
-				};
-			});
-		}
-		function Jr(e, t) {
-			if (t == null || t < 0 || t >= X.value.end - X.value.start) return;
-			let n = P.value.events?.[e];
-			r(n) && n({
-				datapoint: qr(t),
-				seriesIndex: t + X.value.start
-			});
-		}
-		function Yr(e) {
-			Gn.value !== e && (Gn.value = e, Jr("datapointEnter", e));
-		}
-		function Xr() {
-			let e = Gn.value;
-			e != null && Jr("datapointLeave", e), Gn.value = null;
-		}
-		function Zr() {
-			Kn.value = !0, setTimeout(() => {
-				Kn.value = !1;
-			}, 0);
-		}
-		function Qr(e) {
-			if (!e || !K.value?.slot) return null;
-			let { left: t, right: n, top: r, bottom: i, slot: a } = K.value;
-			if (e.x < t || e.x > n || e.y < r || e.y > i) return null;
-			let o = Math.floor((e.x - t) / a), s = X.value.end - X.value.start;
-			return o < 0 || o >= s ? null : o;
-		}
-		function $r(e) {
-			if (Kn.value) {
-				Kn.value = !1;
-				return;
-			}
-			let t = Qr(Gr(e));
-			t !== null && Jr("datapointClick", t);
-		}
-		function ei() {
-			Xr(), mi(), A.value = null;
-		}
-		function ti(e) {
-			let t = e?.pointerId == null ? Yn.value : e.pointerId;
-			t != null && U.value?.hasPointerCapture?.(t) && U.value.releasePointerCapture(t), Un.value = !1, qn.value = null, Jn.value = null, Yn.value = null;
-		}
-		function ni(e) {
-			if (!Qn.value || !Wr.value || !e) return !1;
-			let t = Date.now(), n = e.pointerType || "mouse", r = Xn.value, i = n === "touch" ? 450 : 350, a = n === "touch" ? 28 : 10, o = Math.hypot(e.clientX - r.x, e.clientY - r.y);
-			return r.time > 0 && r.pointerType === n && t - r.time <= i && o <= a ? (Xn.value = {
-				time: 0,
-				x: 0,
-				y: 0,
-				pointerType: null
-			}, Zr(), ti(e), cr({
-				force: !0,
-				publish: !0
-			}), !0) : (Xn.value = {
-				time: t,
-				x: e.clientX,
-				y: e.clientY,
-				pointerType: n
-			}, !1);
-		}
-		function ri(e) {
-			let t = Number(X.value.end) - Number(X.value.start);
-			if (t <= 0 || !Number.isFinite(K.value.slot) || K.value.slot <= 0) return null;
-			let n = Math.floor((Kr(e) - K.value.left) / K.value.slot);
-			return Math.max(0, Math.min(t - 1, n));
-		}
-		function ii(e, t) {
-			let n = ri(e), r = ri(t);
-			if (n == null || r == null) return null;
-			let i = Math.min(n, r), a = Math.max(n, r);
-			return a <= i ? null : {
-				start: Number(X.value.start) + i,
-				end: Number(X.value.start) + a + 1
-			};
-		}
-		function ai(e) {
-			let t = sr(e);
-			return t ? (N("zoomStart", {
-				index: t.start,
-				isZoom: t.start !== 0
-			}), N("zoomEnd", {
-				index: t.end,
-				isZoom: t.end !== G.value
-			}), t) : null;
-		}
-		function oi(e) {
-			if (!Qn.value || zi.value || e.button !== void 0 && e.button !== 0 || Yn.value != null && e.pointerId !== Yn.value) return;
-			let t = Gr(e);
-			if (!t) return;
-			let { left: n, right: r, top: i, bottom: a } = K.value;
-			if (t.x < n || t.x > r || t.y < i || t.y > a || Number(X.value.end) - Number(X.value.start) <= 1) return;
-			Wn.value = !0, U.value?.focus?.({ preventScroll: !0 }), ei();
-			let o = Kr(t.x);
-			Yn.value = e.pointerId, Un.value = !0, qn.value = o, Jn.value = o;
-		}
-		function si(e) {
-			if (!Qn.value || !Un.value || Yn.value != null && e.pointerId !== Yn.value) return;
-			let t = Gr(e);
-			t && (Jn.value = Kr(t.x), qn.value != null && Math.abs(Jn.value - qn.value) >= 2 && !U.value?.hasPointerCapture?.(e.pointerId) && U.value?.setPointerCapture?.(e.pointerId));
-		}
-		function ci(e) {
-			if (!Qn.value || !Un.value || Yn.value != null && e.pointerId !== Yn.value) return;
-			let t = Gr(e);
-			t && (Jn.value = Kr(t.x));
-			let n = qn.value, r = Jn.value;
-			if ((n == null || r == null ? 0 : Math.abs(r - n)) < Math.max(4, K.value.width * .01)) {
-				if (ni(e)) return;
-				ti(e);
-				return;
-			}
-			let i = ii(Math.min(n, r), Math.max(n, r));
-			if (!i) {
-				ti(e);
-				return;
-			}
-			ti(e), ai(i) && (Xn.value = {
-				time: 0,
-				x: 0,
-				y: 0,
-				pointerType: null
-			}, ei(), Zr());
-		}
-		function li(e) {
-			if (!M.value || !U.value || An.value || Un.value) return;
-			let { left: t, top: n } = U.value.getBoundingClientRect(), i = e.clientX - t;
-			if (k.value = (e.clientY - n) * 2, (k.value < K.value.top || k.value > K.value.bottom) && (k.value = null), i * 2 < K.value.left || i * 2 > K.value.right) {
-				Xr(), mi();
-				return;
-			}
-			let a = i * 2 - K.value.left, o = Math.floor(a / K.value.slot);
-			if (Yr(o), T.value = o, j.value = o, Ft.value = !0, nn.value = !1, !O.value) return;
-			let s = "", ee = I.value.customFormat, c = Y.value.map((e) => ({
-				shape: e.shape || null,
-				name: e.name,
-				color: e.color,
-				type: e.type || "line",
-				value: e.series.find((e, t) => t === T.value)
-			}));
-			Lt.value = {
-				timeLabel: z.value.values.slice(X.value.start, X.value.end)[T.value] ? I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[T.value]?.text : kr.value[T.value]?.text : "",
-				datapoint: c,
-				seriesIndex: T.value,
-				series: Y.value,
-				config: P.value
-			}, vi({
-				seriesIndex: T.value,
-				datapoint: c
-			}), r(ee) && de(() => ee({
-				seriesIndex: T.value,
-				datapoint: c,
-				series: Y.value,
-				config: P.value
-			})) ? It.value = ee({
-				seriesIndex: T.value,
-				datapoint: c,
-				series: Y.value,
-				config: P.value
-			}) : (z.value.values.slice(X.value.start, X.value.end)[T.value] ? s += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${I.value.borderColor}; width:100%">${I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[T.value]?.text : kr.value[T.value]?.text}</div>` : s += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${I.value.borderColor}; width:100%">${$.value[T.value + X.value.start]?.text ?? ""}</div>`, s += zn.value.join(""), It.value = s), O.value = !1;
-		}
-		function ui(e) {
-			return Y.value.map((t) => ({
-				shape: t.shape || null,
-				name: t.name,
-				color: t.color,
-				type: t.type || "line",
-				value: t.series.find((t, n) => n === e)
-			}));
-		}
-		function di(e) {
-			let t = "", n = I.value.customFormat, i = ui(e);
-			return vi({
-				seriesIndex: e,
-				datapoint: i
-			}), r(n) && de(() => n({
-				seriesIndex: e,
-				datapoint: i,
-				series: Y.value,
-				config: P.value
-			})) ? n({
-				seriesIndex: e,
-				datapoint: i,
-				series: Y.value,
-				config: P.value
-			}) : (z.value.values.slice(X.value.start, X.value.end)[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${I.value.borderColor}; width:100%">${I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[e]?.text : kr.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${I.value.borderColor}; width:100%">${$.value[e + X.value.start]?.text ?? ""}</div>`, t += zn.value.join(""), t);
-		}
-		function fi(e) {
-			if (!U.value || !K.value?.slot) return;
-			let t = U.value.getBoundingClientRect(), n = t.width / K.value.canvasWidth, r = t.height / K.value.canvasHeight, i = K.value.left + K.value.slot * e + K.value.slot / 2, a = K.value.top + K.value.height / 2;
-			an.value = {
-				x: t.left + i * n,
-				y: t.top + a * r
-			};
-		}
-		function pi(e, { fromKeyboard: t = !1, triggerEvent: n = !0 } = {}) {
-			M.value && !An.value && e != null && (e < 0 || e >= X.value.end - X.value.start || (n && Yr(e), T.value = e, j.value = e, Ft.value = !0, nn.value = t, It.value = di(e), t && fi(e), O.value = !1, Br()));
-		}
-		function mi() {
-			Ft.value = !1, T.value = null, j.value = null, It.value = "", k.value = null, nn.value = !1, Br();
-		}
-		function hi() {
-			rn.value = !0;
-		}
-		function gi() {
-			Wn.value = !1, rn.value = !1, mi();
-		}
-		function _i(e) {
-			if (!U.value || zi.value || document.activeElement !== U.value) return;
-			if (Wn.value = !1, e.key === "Escape") {
-				if (Qn.value && (Wr.value || Un.value)) {
-					e.preventDefault(), e.stopPropagation(), ti(), cr({
-						force: !0,
-						publish: !0
-					});
-					return;
-				}
-				mi();
-				return;
-			}
-			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
-			if (!t && !n) return;
-			let r = X.value.end - X.value.start;
-			if (r <= 0) return;
-			e.preventDefault(), e.stopPropagation();
-			let i = j.value;
-			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : (--i, i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, pi(i, { fromKeyboard: !0 });
-		}
-		function vi({ seriesIndex: e, datapoint: t }) {
-			let n = X.value.start + e;
-			N("selectX", {
-				dataset: t,
-				index: n,
-				indexLabel: ""
-			});
-		}
-		b(() => S.selectedXIndex, (e) => {
-			if ([null, void 0].includes(S.selectedXIndex)) {
-				mi();
-				return;
-			}
-			let t = e - X.value.start;
-			t < 0 || e >= X.value.end ? mi() : pi(t, {
-				fromKeyboard: !1,
-				triggerEvent: !1
-			});
-		}, { immediate: !0 }), b(() => T.value, (e) => {
-			Vr();
-		}), b(() => X.value, (e) => {
-			D.value = !0, Br();
-		}, { deep: !0 }), b(() => Z.value, (e) => {
-			Br();
-		}, { deep: !0 }), b(() => W.value.showDataLabels, (e) => {
-			D.value = !0, Br();
-		}), b(() => k.value, (e) => {
-			e && Br();
-		}), b(() => W.value.stacked, (e) => {
-			D.value = !0, O.value = !0, Vr();
-		});
-		function yi() {
-			Xr(), mi();
-		}
-		let bi = it(null), xi = it(null), Si = it(null);
-		nt(() => {
-			Yt.value = !0, Ci();
-		});
-		function Ci() {
-			if (me(S.dataset) && ie({
-				componentName: "VueUiXyCanvas",
-				type: "dataset",
-				debug: dn.value
-			}), Qe(() => {
-				U.value && !C.value && (C.value = U.value.getContext("2d", { willReadFrequently: !0 })), C.value && M.value && (D.value = !0, O.value = !0, vr());
-			}), P.value.responsive) {
-				let e = je(() => {
-					let { width: e, height: t } = Ie({
-						chart: Mt.value,
-						title: H.value.title.text ? Ht.value : null,
-						legend: H.value.legend.show ? Ut.value : null,
-						slicer: H.value.zoom.show && G.value > 6 ? Wt.value?.$el : null,
-						source: Gt.value
-					});
-					requestAnimationFrame(() => {
-						Cn.value = `${e} / ${t}`;
-					});
-				});
-				bi.value && (xi.value && bi.value.unobserve(xi.value), bi.value.disconnect()), bi.value = new ResizeObserver(e), xi.value = Mt.value.parentNode, bi.value.observe(xi.value);
-			}
-			Si.value && Si.value.disconnect(), Si.value = new ResizeObserver(async (e) => {
-				for (let t of e) t.contentBoxSize && Nt.value && (D.value = !0, Vr());
-			}), Si.value.observe(Nt.value), cr();
-		}
-		tt(() => {
-			Si.value && Si.value.disconnect(), bi.value && (xi.value && bi.value.unobserve(xi.value), bi.value.disconnect());
-		});
-		function wi() {
-			E.value.length ? E.value = [] : ki.value.forEach((e, t) => {
-				E.value.push(t);
-			}), D.value = !0, Vr(), N("selectLegend", Y.value);
-		}
-		function Ti(e) {
-			E.value.includes(e) ? E.value = E.value.filter((t) => t !== e) : E.value.push(e), D.value = !0, Vr(), N("selectLegend", Y.value);
-		}
-		function Ei(e) {
-			return J.value.length ? J.value.find((t) => t.name === e) || (dn.value && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null) : (dn.value && console.warn("VueUiXyCanvas - There are no series to show."), null);
-		}
-		function Di(e) {
-			let t = Ei(e);
-			t !== null && E.value.includes(t.absoluteIndex) && Ti(t.absoluteIndex);
-		}
-		function Oi(e) {
-			let t = Ei(e);
-			t !== null && (E.value.includes(t.absoluteIndex) || Ti(t.absoluteIndex));
-		}
-		let ki = u(() => J.value.map((e, t) => ({
-			...e,
-			name: e.name,
-			color: c(e.color) || kn.value[t] || a[t] || a[t % a.length],
-			shape: e.shape || "circle",
-			prefix: e.prefix || "",
-			suffix: e.suffix || "",
-			rounding: e.rounding || 0
-		})).map((e) => ({
-			...e,
-			opacity: E.value.includes(e.absoluteIndex) ? .5 : 1,
-			segregate: () => Ti(e.absoluteIndex),
-			isSegregated: E.value.includes(e.absoluteIndex)
-		}))), Ai = u(() => ({
-			cy: "donut-div-legend",
-			backgroundColor: H.value.legend.backgroundColor,
-			color: H.value.legend.color,
-			fontSize: H.value.legend.fontSize,
-			paddingBottom: 12,
-			fontWeight: H.value.legend.bold ? "bold" : ""
-		})), ji = u(() => {
-			let e = [""].concat(Y.value.map((e) => e.name), "__SUM__"), t = [];
-			for (let e = 0; e < G.value; e += 1) {
-				let n = Y.value.map((t) => t.series[e] ?? 0).reduce((e, t) => e + t, 0);
-				t.push([z.value.values.slice(X.value.start, X.value.end)[e] ? $?.value?.slice(X.value.start, X.value.end)?.[e]?.text ?? e + 1 : e + 1].concat(Y.value.map((t) => (t.series[e] ?? 0).toFixed(P.value.table.rounding)), (n ?? 0).toFixed(P.value.table.rounding)));
-			}
-			let n = {
-				th: {
-					backgroundColor: P.value.table.th.backgroundColor,
-					color: P.value.table.th.color,
-					outline: P.value.table.th.outline
-				},
-				td: {
-					backgroundColor: P.value.table.td.backgroundColor,
-					color: P.value.table.td.color,
-					outline: P.value.table.td.outline
-				},
-				breakpoint: P.value.table.responsiveBreakpoint
-			}, r = [P.value.table.columnNames.period].concat(Y.value.map((e) => e.name), P.value.table.columnNames.total);
-			return {
-				head: e,
-				body: t.slice(0, X.value.end - X.value.start),
-				config: n,
-				colNames: r
-			};
-		}), Mi = u(() => {
-			if (Y.value.length === 0) return {
-				head: [],
-				body: [],
-				config: {},
-				columnNames: []
-			};
-			let e = Y.value.map((e) => ({
-				label: e.name,
-				color: e.color,
-				type: e.type
-			})), t = [];
-			for (let e = X.value.start; e < X.value.end; e += 1) {
-				let n = [z.value.values[e] ? $.value[e].text : e + 1];
-				Y.value.forEach((t) => {
-					n.push(Number((t.series[e] || 0).toFixed(P.value.table.rounding)));
-				}), t.push(n);
-			}
-			return {
-				head: e,
-				body: t
-			};
-		});
-		function Ni(e = null) {
-			let t = [
-				[H.value.title.text],
-				[H.value.title.subtitle.text],
-				[""]
-			], r = ["", ...Mi.value.head.map((e) => e.label)], i = Mi.value.body, a = t.concat([r]).concat(i), o = n(a);
-			e ? e(o) : le({
-				csvContent: o,
-				title: H.value.title.text || "vue-ui-xy-canvas"
-			});
-		}
-		function Pi() {
-			return Y.value;
-		}
-		function Fi() {
-			W.value.showTable = !W.value.showTable;
-		}
-		function Ii() {
-			W.value.showDataLabels = !W.value.showDataLabels;
-		}
-		function Li() {
-			W.value.stacked = !W.value.stacked;
-		}
-		function Ri() {
-			W.value.showTooltip = !W.value.showTooltip;
-		}
-		let zi = _(!1);
-		function Bi() {
-			zi.value = !zi.value;
-		}
-		async function Vi({ scale: e = 2 } = {}) {
-			if (!Mt.value) return;
-			let { imageUri: t, base64: n } = await Ee({
-				domElement: Mt.value,
-				base64: !0,
-				img: !0,
-				scale: e
-			}), r = Mt.value.getBoundingClientRect(), i = {
-				width: r.width,
-				height: r.height,
-				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await re(t, e) ?? i;
-			return {
-				imageUri: t,
-				base64: n,
-				title: H.value.title.text,
-				...a
-			};
-		}
-		let Hi = u(() => {
-			let e = P.value.table.useDialog && !P.value.table.show, t = W.value.showTable;
-			return {
-				component: e ? Dt : ze,
-				title: `${H.value.title.text}${H.value.title.subtitle.text ? `: ${H.value.title.subtitle.text}` : ""}`,
-				props: e ? {
-					backgroundColor: P.value.table.th.backgroundColor,
-					color: P.value.table.th.color,
-					headerColor: P.value.table.th.color,
-					headerBg: P.value.table.th.backgroundColor,
-					isFullscreen: Vt.value,
-					fullscreenParent: Mt.value,
-					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: un.value
-				} : {
-					hideDetails: !0,
-					config: {
-						open: t,
-						maxHeight: 1e4,
-						body: {
-							backgroundColor: H.value.backgroundColor,
-							color: H.value.color
-						},
-						head: {
-							backgroundColor: H.value.backgroundColor,
-							color: H.value.color
-						}
-					}
-				}
-			};
-		});
-		b(() => W.value.showTable, (e) => {
-			P.value.table.show || (e && P.value.table.useDialog && Xt.value ? Xt.value.open() : "close" in Xt.value && Xt.value.close());
-		});
-		function Ui() {
-			W.value.showTable = !1, Zt.value && Zt.value.setTableIconState(!1);
-		}
-		function Wi(e) {
-			if (e?.stage === "start") {
-				tn.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				tn.value = !1;
-				return;
-			}
-			Dn();
-		}
-		async function Gi() {
-			if (N("copyAlt", {
-				config: P.value,
-				dataset: Y.value
-			}), !F.value.callbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(F.value.callbacks.altCopy({
-				config: P.value,
-				dataset: Y.value
-			}));
-		}
-		return Oe({
-			getData: Pi,
-			getImage: Vi,
-			generateCsv: Ni,
-			generatePdf: En,
-			generateImage: Dn,
-			hideSeries: Oi,
-			showSeries: Di,
-			toggleTable: Fi,
-			toggleLabels: Ii,
-			toggleStack: Li,
-			toggleTooltip: Ri,
-			toggleAnnotator: Bi,
-			toggleFullscreen: On,
-			copyAlt: Gi,
-			resetZoom: () => cr({
-				force: !0,
-				publish: !0
-			}),
-			setZoomState: sr
-		}), (t, n) => (g(), Ke("div", {
-			style: et(`width:100%; position:relative; ${P.value.responsive ? "height: 100%" : ""}; background:${P.value.style.chart.backgroundColor};`),
-			ref_key: "xy",
-			ref: Mt,
-			id: `xy_canvas_${jt.value}`,
-			class: $e(`vue-data-ui-component vue-ui-xy-canvas ${Vt.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			onMouseenter: vn,
-			onMouseleave: yn
-		}, [
-			p("div", {
-				id: `chart-instructions-${jt.value}`,
-				class: "sr-only"
-			}, [p("p", null, at(P.value.a11y.translations.keyboardNavigation), 1)], 8, dt),
-			p("div", ft, at(ln.value), 1),
-			P.value.style.chart.title.text ? (g(), Ke("div", {
-				key: 0,
-				ref_key: "chartTitle",
-				ref: Ht,
-				style: et(`width:100%;background:${P.value.style.chart.backgroundColor};`)
-			}, [(g(), d(De, {
-				key: `title_${Kt.value}`,
-				config: {
-					title: {
-						cy: "xy-canvas-title",
-						...P.value.style.chart.title
-					},
-					subtitle: {
-						cy: "xy-canvas-subtitle",
-						...P.value.style.chart.title.subtitle
-					}
-				}
-			}, null, 8, ["config"]))], 4)) : f("", !0),
-			p("div", { id: `legend-top-${jt.value}` }, null, 8, pt),
-			F.value.show && M.value && (y(_n) || y(hn)) ? (g(), d(y(Tt), {
-				ref_key: "userOptionsRef",
-				ref: Zt,
-				key: `user_option_${Bt.value}`,
-				backgroundColor: P.value.style.chart.backgroundColor,
-				color: P.value.style.chart.color,
-				isPrinting: y(wn),
-				isImaging: y(Tn),
-				uid: jt.value,
-				hasTooltip: F.value.buttons.tooltip && I.value.show,
-				hasPdf: F.value.buttons.pdf,
-				hasImg: F.value.buttons.img,
-				hasXls: F.value.buttons.csv,
-				hasLabel: F.value.buttons.labels,
-				hasStack: e.dataset.length > 1 && F.value.buttons.stack,
-				hasFullscreen: F.value.buttons.fullscreen,
-				hasAltCopy: F.value.buttons.altCopy,
-				hasTable: X.value.end - X.value.start <= 730 && F.value.buttons.table,
-				isFullscreen: Vt.value,
-				isTooltip: W.value.showTooltip,
-				isStacked: W.value.stacked,
-				titles: { ...F.value.buttonTitles },
-				chartElement: Mt.value,
-				position: F.value.position,
-				hasAnnotator: F.value.buttons.annotator,
-				isAnnotation: zi.value,
-				callbacks: F.value.callbacks,
-				printScale: F.value.print.scale,
-				tableDialog: P.value.table.useDialog,
-				isCursorPointer: un.value,
-				onToggleFullscreen: On,
-				onGeneratePdf: y(En),
-				onGenerateCsv: Ni,
-				onGenerateImage: Wi,
-				onToggleTable: Fi,
-				onToggleLabels: Ii,
-				onToggleStack: Li,
-				onToggleTooltip: Ri,
-				onToggleAnnotator: Bi,
-				onCopyAlt: Gi,
-				style: et({ visibility: y(_n) ? y(hn) ? "visible" : "hidden" : "visible" })
-			}, qe({ _: 2 }, [
-				t.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: x(({ isOpen: e, color: n }) => [v(t.$slots, "menuIcon", h(m({
-						isOpen: e,
-						color: n
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				t.$slots.optionTooltip ? {
-					name: "optionTooltip",
-					fn: x(() => [v(t.$slots, "optionTooltip", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				t.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: x(() => [v(t.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				t.$slots.optionCsv ? {
-					name: "optionCsv",
-					fn: x(() => [v(t.$slots, "optionCsv", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				t.$slots.optionImg ? {
-					name: "optionImg",
-					fn: x(() => [v(t.$slots, "optionImg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				t.$slots.optionTable ? {
-					name: "optionTable",
-					fn: x(() => [v(t.$slots, "optionTable", {}, void 0, !0)]),
-					key: "5"
-				} : void 0,
-				t.$slots.optionLabels ? {
-					name: "optionLabels",
-					fn: x(() => [v(t.$slots, "optionLabels", {}, void 0, !0)]),
-					key: "6"
-				} : void 0,
-				t.$slots.optionStack ? {
-					name: "optionStack",
-					fn: x(() => [v(t.$slots, "optionStack", {}, void 0, !0)]),
-					key: "7"
-				} : void 0,
-				t.$slots.optionFullscreen ? {
-					name: "optionFullscreen",
-					fn: x(({ toggleFullscreen: e, isFullscreen: n }) => [v(t.$slots, "optionFullscreen", h(m({
-						toggleFullscreen: e,
-						isFullscreen: n
-					})), void 0, !0)]),
-					key: "8"
-				} : void 0,
-				t.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: x(({ toggleAnnotator: e, isAnnotator: n }) => [v(t.$slots, "optionAnnotator", h(m({
-						toggleAnnotator: e,
-						isAnnotator: n
-					})), void 0, !0)]),
-					key: "9"
-				} : void 0,
-				t.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					fn: x(({ altCopy: e }) => [v(t.$slots, "optionAltCopy", h(m({ altCopy: e })), void 0, !0)]),
-					key: "10"
-				} : void 0,
-				t.$slots["custom-menu-before"] ? {
-					name: "custom-menu-before",
-					fn: x(() => [v(t.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "11"
-				} : void 0,
-				t.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: x(() => [v(t.$slots, "custom-menu-after", {}, void 0, !0)]),
-					key: "12"
-				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasXls.hasLabel.hasStack.hasFullscreen.hasAltCopy.hasTable.isFullscreen.isTooltip.isStacked.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : f("", !0),
-			p("div", {
-				class: "vue-ui-xy-canvas",
-				style: et(`position: relative; aspect-ratio: ${Cn.value}`),
-				ref_key: "container",
-				ref: Nt
-			}, [
-				p("canvas", {
-					ref_key: "canvas",
-					ref: U,
-					class: $e({ "vue-ui-xy-canvas-chart-zoom-pointer-focus": Qn.value && Wn.value }),
-					"aria-label": cn.value,
-					"aria-describedby": `chart-instructions-${jt.value}`,
-					role: "img",
-					"aria-live": "polite",
-					tabindex: "0",
-					style: et({
-						width: "100%",
-						height: "100%",
-						cursor: Qn.value ? Un.value ? "col-resize" : "crosshair" : void 0,
-						touchAction: Qn.value ? "pan-y" : void 0,
-						userSelect: Qn.value ? "none" : void 0
-					}),
-					onMousemove: n[0] ||= (e) => li(e),
-					onMouseleave: yi,
-					onClick: $r,
-					onPointerdown: oi,
-					onPointermove: si,
-					onPointerup: ci,
-					onPointercancel: ti,
-					onFocus: hi,
-					onBlur: gi,
-					onKeydown: _i
-				}, null, 46, mt),
-				Ur.value ? (g(), Ke("svg", {
-					key: 0,
-					viewBox: `0 0 ${K.value.canvasWidth} ${K.value.canvasHeight}`,
-					preserveAspectRatio: "none",
-					"aria-hidden": "true",
-					style: {
-						position: "absolute",
-						inset: "0",
-						width: "100%",
-						height: "100%",
-						"pointer-events": "none",
-						overflow: "visible"
-					}
-				}, [p("rect", {
-					x: Ur.value.x,
-					y: Ur.value.y,
-					width: Ur.value.width,
-					height: Ur.value.height,
-					fill: Zn.value.selection.fill,
-					"fill-opacity": Zn.value.selection.fillOpacity,
-					stroke: Zn.value.selection.stroke,
-					"stroke-opacity": Zn.value.selection.strokeOpacity,
-					"stroke-width": Zn.value.selection.strokeWidth,
-					"stroke-dasharray": Zn.value.selection.strokeDasharray,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, null, 8, gt)], 8, ht)) : f("", !0),
-				t.$slots.hint ? (g(), Ke("div", _t, [v(t.$slots, "hint", h(m({
-					hint: P.value.a11y.translations.keyboardNavigation,
-					isVisible: rn.value
-				})), void 0, !0)])) : f("", !0),
-				v(t.$slots, "skeleton", {}, () => [y(pn) ? (g(), d(Ce, { key: 0 })) : f("", !0)], !0),
-				Ye(y(Ct), {
-					teleportTo: I.value.teleportTo,
-					show: W.value.showTooltip && Ft.value,
-					backgroundColor: I.value.backgroundColor,
-					color: I.value.color,
-					fontSize: I.value.fontSize,
-					borderRadius: I.value.borderRadius,
-					borderColor: I.value.borderColor,
-					borderWidth: I.value.borderWidth,
-					position: I.value.position,
-					offsetX: I.value.offsetX,
-					offsetY: I.value.offsetY,
-					parent: t.$refs.xy,
-					content: It.value,
-					isFullscreen: Vt.value,
-					backgroundOpacity: I.value.backgroundOpacity,
-					isCustom: y(r)(I.value.customFormat),
-					smooth: I.value.smooth,
-					backdropFilter: I.value.backdropFilter,
-					smoothForce: I.value.smoothForce,
-					smoothSnapThreshold: I.value.smoothSnapThreshold,
-					isA11yMode: nn.value,
-					a11yPosition: an.value
-				}, {
-					"tooltip-before": x(() => [v(t.$slots, "tooltip-before", h(m({ ...Lt.value })), void 0, !0)]),
-					tooltip: x(() => [v(t.$slots, "tooltip", h(m({ ...Lt.value })), void 0, !0)]),
-					"tooltip-after": x(() => [v(t.$slots, "tooltip-after", h(m({ ...Lt.value })), void 0, !0)]),
-					_: 3
-				}, 8, [
-					"teleportTo",
-					"show",
-					"backgroundColor",
-					"color",
-					"fontSize",
-					"borderRadius",
-					"borderColor",
-					"borderWidth",
-					"position",
-					"offsetX",
-					"offsetY",
-					"parent",
-					"content",
-					"isFullscreen",
-					"backgroundOpacity",
-					"isCustom",
-					"smooth",
-					"backdropFilter",
-					"smoothForce",
-					"smoothSnapThreshold",
-					"isA11yMode",
-					"a11yPosition"
-				])
-			], 4),
-			P.value.style.chart.zoom.show && G.value > 6 && M.value && $t.value && !y(pn) ? (g(), d(Re, {
-				key: 2,
-				ref_key: "chartSlicer",
-				ref: Wt,
-				"data-dom-to-png-ignore-layout": "",
-				allMinimaps: Hn.value,
-				background: P.value.style.chart.zoom.color,
-				borderColor: P.value.style.chart.backgroundColor,
-				customFormat: P.value.style.chart.zoom.customFormat,
-				cutNullValues: Bn.value,
-				enableRangeHandles: P.value.style.chart.zoom.enableRangeHandles,
-				enableSelectionDrag: P.value.style.chart.zoom.enableSelectionDrag,
-				end: X.value.end,
-				focusOnDrag: P.value.style.chart.zoom.focusOnDrag,
-				focusRangeRatio: P.value.style.chart.zoom.focusRangeRatio,
-				fontSize: P.value.style.chart.zoom.fontSize,
-				immediate: !P.value.style.chart.zoom.preview.enable,
-				inputColor: P.value.style.chart.zoom.color,
-				isPreview: lr.value,
-				labelLeft: P.value.style.chart.grid.x.timeLabels.values[X.value.start] ? $.value[X.value.start]?.text : "",
-				labelRight: P.value.style.chart.grid.x.timeLabels.values[X.value.end - 1] ? $.value[X.value.end - 1]?.text : "",
-				max: G.value,
-				min: 0,
-				minimap: Vn.value,
-				minimapCompact: P.value.style.chart.zoom.minimap.compact,
-				minimapFrameColor: P.value.style.chart.zoom.minimap.frameColor,
-				minimapIndicatorColor: P.value.style.chart.zoom.minimap.indicatorColor,
-				minimapLineColor: P.value.style.chart.zoom.minimap.lineColor,
-				minimapMerged: P.value.style.chart.zoom.minimap.merged,
-				minimapSelectedColor: P.value.style.chart.zoom.minimap.selectedColor,
-				minimapSelectedColorOpacity: P.value.style.chart.zoom.minimap.selectedColorOpacity,
-				minimapSelectedIndex: T.value,
-				minimapSelectionRadius: P.value.style.chart.zoom.minimap.selectionRadius,
-				preciseLabels: Or.value?.length ? Or.value : $.value,
-				refreshEndPoint: P.value.style.chart.zoom.endIndex === null ? G.value : P.value.style.chart.zoom.endIndex + 1,
-				refreshStartPoint: P.value.style.chart.zoom.startIndex === null ? 0 : P.value.style.chart.zoom.startIndex,
-				selectColor: P.value.style.chart.zoom.highlightColor,
-				selectedSeries: J.value,
-				smoothMinimap: P.value.style.chart.zoom.minimap.smooth,
-				start: X.value.start,
-				timeLabels: $.value,
-				usePreciseLabels: P.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !P.value.style.chart.zoom.useDefaultFormat,
-				textColor: P.value.style.chart.color,
-				useResetSlot: P.value.style.chart.zoom.useResetSlot,
-				valueEnd: X.value.end,
-				valueStart: X.value.start,
-				verticalHandles: P.value.style.chart.zoom.minimap.verticalHandles,
-				maxWidth: P.value.style.chart.zoom.maxWidth,
-				minimapLeftInsetRatio: K.value.canvasWidth > 0 && P.value.style.chart.zoom.autoFit ? K.value.left / K.value.canvasWidth : null,
-				minimapRightInsetRatio: K.value.canvasWidth > 0 && P.value.style.chart.zoom.autoFit ? (K.value.canvasWidth - K.value.right) / K.value.canvasWidth : null,
-				additionalMinimapHeight: P.value.style.chart.zoom.minimap.additionalHeight,
-				handleType: P.value.style.chart.zoom.minimap.handleType,
-				handleIconColor: P.value.style.chart.zoom.minimap.handleIconColor,
-				handleBorderWidth: P.value.style.chart.zoom.minimap.handleBorderWidth,
-				handleBorderColor: P.value.style.chart.zoom.minimap.handleBorderColor,
-				handleFill: P.value.style.chart.zoom.minimap.handleFill,
-				handleWidth: P.value.style.chart.zoom.minimap.handleWidth,
-				onFutureEnd: n[1] ||= (e) => ur("end", e),
-				onFutureStart: n[2] ||= (e) => ur("start", e),
-				onReset: n[3] ||= () => cr({
-					force: !0,
-					publish: !0
-				}),
-				onTrapMouse: jn,
-				"onUpdate:end": mr,
-				"onUpdate:start": pr
-			}, {
-				"reset-action": x(({ reset: e }) => [v(t.$slots, "reset-action", h(m({ reset: e })), void 0, !0)]),
-				_: 3
-			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.timeLabels.usePreciseLabels.textColor.useResetSlot.valueEnd.valueStart.verticalHandles.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : f("", !0),
-			p("div", { id: `legend-bottom-${jt.value}` }, null, 8, vt),
-			Yt.value && (P.value.style.chart.legend.show || t.$slots.legend) ? (g(), d(Ge, {
-				key: 3,
-				to: P.value.style.chart.legend.position === "top" ? `#legend-top-${jt.value}` : `#legend-bottom-${jt.value}`
-			}, [p("div", {
-				ref_key: "chartLegend",
-				ref: Ut
-			}, [v(t.$slots, "legend", { legend: ki.value }, () => [P.value.style.chart.legend.show && M.value ? (g(), d(Ue, {
-				legendSet: ki.value,
-				config: Ai.value,
-				key: `legend_${Jt.value}`,
-				isCursorPointer: un.value,
-				onClickMarker: n[4] ||= ({ i: e }) => Ti(e)
-			}, {
-				item: x(({ legend: e, index: t }) => [p("div", {
-					onClick: (t) => e.segregate(),
-					style: et(`opacity:${E.value.includes(t) ? .5 : 1}`)
-				}, at(e.name), 13, yt)]),
-				legendToggle: x(() => [ki.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !y(pn) ? (g(), d(Be, {
-					key: 0,
-					backgroundColor: P.value.style.chart.legend.selectAllToggle.backgroundColor,
-					color: P.value.style.chart.legend.selectAllToggle.color,
-					fontSize: P.value.style.chart.legend.fontSize,
-					checked: E.value.length > 0,
-					isCursorPointer: un.value,
-					onToggle: wi
-				}, null, 8, [
-					"backgroundColor",
-					"color",
-					"fontSize",
-					"checked",
-					"isCursorPointer"
-				])) : f("", !0)]),
-				_: 1
-			}, 8, [
-				"legendSet",
-				"config",
-				"isCursorPointer"
-			])) : f("", !0)], !0)], 512)], 8, ["to"])) : f("", !0),
-			t.$slots.watermark ? (g(), Ke("div", bt, [v(t.$slots, "watermark", h(m({ isPrinting: y(wn) || y(Tn) || tn.value })), void 0, !0)])) : f("", !0),
-			t.$slots.source ? (g(), Ke("div", {
-				key: 5,
-				ref_key: "source",
-				ref: Gt,
-				dir: "auto"
-			}, [v(t.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
-			M.value && F.value.buttons.table ? (g(), d(rt(Hi.value.component), Ze({ key: 6 }, Hi.value.props, {
-				ref_key: "tableUnit",
-				ref: Xt,
-				onClose: Ui
-			}), qe({
-				content: x(() => [(g(), d(y(wt), {
-					key: `table_${qt.value}`,
-					colNames: ji.value.colNames,
-					head: ji.value.head,
-					body: ji.value.body,
-					config: ji.value.config,
-					title: P.value.table.useDialog ? "" : Hi.value.title,
-					withCloseButton: !P.value.table.useDialog,
-					isCursorPointer: un.value,
-					onClose: Ui
-				}, {
-					th: x(({ th: e }) => [e === "__SUM__" ? (g(), Ke("div", xt, [Ye(Le, {
-						name: "sigma",
-						stroke: ji.value.config.th.color,
-						size: 16
-					}, null, 8, ["stroke"])])) : (g(), Ke("div", St, at(e), 1))]),
-					td: x(({ td: e }) => [Je(at(e), 1)]),
-					_: 1
-				}, 8, [
-					"colNames",
-					"head",
-					"body",
-					"config",
-					"title",
-					"withCloseButton",
-					"isCursorPointer"
-				]))]),
-				_: 2
-			}, [P.value.table.useDialog ? {
-				name: "title",
-				fn: x(() => [Je(at(Hi.value.title), 1)]),
-				key: "0"
-			} : void 0, P.value.table.useDialog ? {
-				name: "actions",
-				fn: x(() => [p("button", {
-					tabindex: "0",
-					class: "vue-ui-user-options-button",
-					onClick: n[5] ||= (e) => Ni(F.value.callbacks.csv),
-					style: et({ cursor: un.value ? "pointer" : "default" })
-				}, [Ye(Le, {
-					name: "fileCsv",
-					stroke: Hi.value.props.color
-				}, null, 8, ["stroke"])], 4)]),
-				key: "1"
-			} : void 0]), 1040)) : f("", !0),
-			F.value.buttons.annotator && Y.value.length ? (g(), d(y(Et), {
-				key: 7,
-				parent: Mt.value,
-				backgroundColor: P.value.style.chart.backgroundColor,
-				color: P.value.style.chart.color,
-				active: zi.value,
-				isCursorPointer: un.value,
-				onClose: Bi
-			}, {
-				"annotator-action-close": x(() => [v(t.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": x(({ color: e }) => [v(t.$slots, "annotator-action-color", h(m({ color: e })), void 0, !0)]),
-				"annotator-action-draw": x(({ mode: e }) => [v(t.$slots, "annotator-action-draw", h(m({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": x(({ disabled: e }) => [v(t.$slots, "annotator-action-undo", h(m({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": x(({ disabled: e }) => [v(t.$slots, "annotator-action-redo", h(m({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": x(({ disabled: e }) => [v(t.$slots, "annotator-action-delete", h(m({ disabled: e })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"parent",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer"
-			])) : f("", !0)
-		], 46, ut));
-	}
-}, [["__scopeId", "data-v-f2325178"]]);
-//#endregion
-export { lt as n, Ct as t };