vue-data-ui 3.19.8 → 3.20.0

package/dist/vue-ui-quick-chart-Cd5lGyph.js

@@ -1,2471 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { B as t, G as n, H as r, Lt as i, St as a, Tt as o, X as s, bt as c, d as l, h as ee, i as u, k as d, kt as f, nt as te, p as ne, pt as re, t as ie, u as p, v as m, x as ae, y as oe, zt as se } from "./lib-BkiwukKO.js";
-import { t as ce } from "./useTimeLabels-C0x7zUXP.js";
-import { t as le } from "./useConfig-ByaaSKhz.js";
-import { t as ue } from "./usePrinter-X0yWOynH.js";
-import { n as de, t as fe } from "./BaseScanner-C7dmAref.js";
-import { t as pe } from "./useSvgExport-Dtu973wa.js";
-import { t as me } from "./useNestedProp-Ck4hsrpu.js";
-import { t as he } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as ge } from "./useTimeLabelCollider-Dm55Emzg.js";
-import { t as _e } from "./img-BjOr008R.js";
-import { t as ve } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as ye } from "./canvas-lib-DTaADQOK.js";
-import { t as be } from "./useResponsive-CrAInupd.js";
-import { t as xe } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as Se } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as Ce } from "./useChartAccessibility-Do37qcw2.js";
-import { t as we } from "./Slicer-CPWGgGSp.js";
-import { t as Te } from "./vue_ui_quick_chart--VaYQuM4.js";
-import { Fragment as h, Teleport as Ee, computed as g, createBlock as De, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as Oe, createVNode as ke, defineAsyncComponent as Ae, guardReactiveProps as b, mergeProps as je, nextTick as Me, normalizeClass as Ne, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as Pe, onMounted as Fe, openBlock as C, ref as w, renderList as T, renderSlot as E, shallowRef as Ie, toDisplayString as D, toRefs as Le, unref as O, watch as Re, watchEffect as ze, withCtx as k } from "vue";
-//#region src/chartDetector.js
-var A = {
-	LINE: "LINE",
-	BAR: "BAR",
-	DONUT: "DONUT"
-}, Be = [
-	"SERIE",
-	"SERIES",
-	"DATA",
-	"VALUE",
-	"VALUES",
-	"NUM"
-];
-function Ve({ dataset: e, barLineSwitch: t = 6, debug: n = !0 }) {
-	let r = null, i = null, a = 0;
-	if ((typeof e == "number" || typeof e == "string") && n && console.warn(`The provided dataset (${e}) is not sufficient to build a chart`), Ue(e) && (j(e) && (r = e.length < t ? A.BAR : A.LINE, i = e, a = e.length), We(e))) {
-		if (!Ke(e)) return n && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-		let o = Object.keys(e[0]), s = Object.values(e[0]);
-		if (!o.some((e) => qe(e))) return n && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
-		Je(s, (e) => typeof e == "number") && (r = A.DONUT, i = e), Je(s, (e) => Array.isArray(e) && j(e)) && (r = Ye(e) > t ? A.LINE : A.BAR, a = Ye(e), i = e.map((e) => ({
-			...e,
-			data: Xe(e, (e) => j(e))
-		}))), e = e.map((e) => M(e)), i = i.map((e) => M(e));
-	}
-	return {
-		dataset: e,
-		type: r,
-		usableDataset: i,
-		maxSeriesLength: a
-	};
-}
-function He(e) {
-	return !e || Ue(e) && !e.length;
-}
-function Ue(e) {
-	return Array.isArray(e);
-}
-function j(e) {
-	if (!Ue(e) || He(e)) return !1;
-	let t = e.map((e) => Number(e));
-	return ![...new Set(t.flatMap((e) => typeof e == "number" && !isNaN(e)))].includes(!1);
-}
-function We(e) {
-	return !Ue(e) || He(e) || [...new Set(e.flatMap((e) => typeof e == "object" && !Array.isArray(e)))].includes(!1) ? !1 : !e.map((e) => Object.keys(e).length > 0).includes(!1);
-}
-function Ge(e, t) {
-	let n = Object.keys(e).sort(), r = Object.keys(t).sort();
-	if (n.length !== r.length) return !1;
-	for (let i = 0; i < n.length; i += 1) {
-		let a = n[i], o = r[i];
-		if (a !== o || typeof e[a] != typeof t[o]) return !1;
-	}
-	return !0;
-}
-function Ke(e) {
-	if (e.length <= 1) return !0;
-	for (let t = 0; t < e.length; t += 1) for (let n = t + 1; n < e.length; n += 1) if (!Ge(e[t], e[n])) return !1;
-	return !0;
-}
-function qe(e) {
-	return Be.includes(e.toUpperCase());
-}
-function Je(e, t) {
-	let n = [];
-	for (let r = 0; r < e.length; r += 1) n.push(t(e[r]));
-	return n.includes(!0);
-}
-function Ye(e) {
-	return Math.max(...[...e].flatMap((e) => Object.values(e).filter((e) => j(e)).map((e) => e.length)));
-}
-function Xe(e, t) {
-	return Object.values(e).filter((e) => t(e))[0];
-}
-function M(e) {
-	let t = {};
-	for (let n in e) e.hasOwnProperty(n) && (t[n.toUpperCase()] = e[n]);
-	return t;
-}
-//#endregion
-//#region src/components/vue-ui-quick-chart.vue
-var N = /* @__PURE__ */ e({ default: () => En }), Ze = ["id"], Qe = ["id"], $e = ["id"], et = { style: { position: "relative" } }, tt = [
-	"xmlns",
-	"aria-describedby",
-	"viewBox"
-], nt = [
-	"x",
-	"y",
-	"width",
-	"height"
-], rt = [
-	"x",
-	"y",
-	"width",
-	"height"
-], it = ["width", "height"], at = ["id"], ot = ["id"], st = ["id"], ct = ["flood-color"], lt = {
-	key: 0,
-	class: "donut-label-connectors"
-}, ut = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"filter"
-], dt = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"filter"
-], ft = { class: "donut" }, pt = [
-	"d",
-	"fill",
-	"stroke",
-	"stroke-width",
-	"filter"
-], mt = [
-	"d",
-	"onMouseenter",
-	"onMouseout",
-	"onClick"
-], ht = {
-	key: 1,
-	class: "donut-labels quick-animation"
-}, gt = [
-	"cx",
-	"cy",
-	"fill",
-	"stroke",
-	"filter"
-], _t = [
-	"text-anchor",
-	"x",
-	"y",
-	"fill",
-	"font-size",
-	"filter"
-], vt = [
-	"text-anchor",
-	"x",
-	"y",
-	"fill",
-	"font-size",
-	"filter"
-], yt = {
-	key: 2,
-	class: "donut-hollow quick-animation"
-}, bt = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], xt = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], St = {
-	key: 0,
-	class: "line-grid"
-}, Ct = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], wt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Tt = {
-	key: 1,
-	class: "line-axis"
-}, Et = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Dt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Ot = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], kt = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], At = {
-	key: 3,
-	class: "periodLabels"
-}, jt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Mt = { key: 0 }, Nt = [
-	"font-size",
-	"text-anchor",
-	"fill",
-	"transform"
-], Pt = [
-	"font-size",
-	"text-anchor",
-	"fill",
-	"transform",
-	"innerHTML"
-], Ft = { class: "plots" }, It = { class: "line-plot-series" }, Lt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Rt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], zt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Bt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Vt = [
-	"cx",
-	"cy",
-	"fill",
-	"stroke"
-], Ht = {
-	key: 4,
-	class: "dataLabels"
-}, Ut = [
-	"font-size",
-	"fill",
-	"x",
-	"y"
-], Wt = {
-	key: 5,
-	class: "tooltip-traps"
-}, Gt = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Kt = {
-	key: 0,
-	class: "line-grid"
-}, qt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Jt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Yt = {
-	key: 1,
-	class: "line-axis"
-}, Xt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Zt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Qt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], $t = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], en = {
-	key: 3,
-	class: "periodLabels"
-}, tn = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], nn = { key: 0 }, rn = [
-	"font-size",
-	"text-anchor",
-	"fill",
-	"transform"
-], an = [
-	"font-size",
-	"text-anchor",
-	"fill",
-	"transform",
-	"innerHTML"
-], on = { class: "plots" }, sn = [
-	"x",
-	"width",
-	"height",
-	"y",
-	"fill",
-	"stroke",
-	"stroke-width"
-], cn = ["to"], ln = ["from", "to"], un = {
-	key: 4,
-	class: "dataLabels"
-}, dn = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], fn = {
-	key: 5,
-	class: "tooltip-traps"
-}, pn = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], mn = {
-	key: 6,
-	class: "axis-labels"
-}, hn = [
-	"font-size",
-	"fill",
-	"x",
-	"y"
-], gn = [
-	"font-size",
-	"fill",
-	"x",
-	"y"
-], _n = [
-	"font-size",
-	"fill",
-	"transform"
-], vn = [
-	"font-size",
-	"fill",
-	"transform"
-], yn = {
-	key: 1,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, bn = {
-	key: 5,
-	class: "vue-data-ui-watermark"
-}, xn = ["id"], Sn = ["onClick", "onKeydown"], Cn = ["onClick", "onKeydown"], wn = ["onClick", "onKeydown"], Tn = {
-	key: 1,
-	class: "vue-ui-quick-chart-not-processable"
-}, En = /* @__PURE__ */ ve({
-	__name: "vue-ui-quick-chart",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: [
-				Array,
-				Object,
-				String,
-				Number
-			],
-			default() {
-				return null;
-			}
-		}
-	},
-	emits: [
-		"selectDatapoint",
-		"selectLegend",
-		"copyAlt"
-	],
-	setup(e, { expose: ve, emit: Be }) {
-		let He = Ae(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), Ue = Ae(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), Ge = Ae(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Ke = Ae(() => import("./Tooltip-CuWEYGr3.js")), qe = Ae(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), { vue_ui_quick_chart: Je } = le(), { isThemeValid: Ye, warnInvalidTheme: Xe } = he(), M = e, N = w(null), En = w(null), Dn = w(null), On = w(null), P = w(r()), F = w(!1), kn = w(null), An = w(""), I = w(null), jn = w(null), Mn = w(null), L = w([]), Nn = w(0), Pn = w(0), Fn = w(!1), In = w(null), Ln = w(null), R = w(null), Rn = w(null), zn = w(null), Bn = w(null);
-		w("#FFFFFF");
-		let z = w(er()), Vn = g(() => !!z.value.debug), Hn = g(() => z.value.useCursorPointer), B = w(null), Un = w({
-			x: 0,
-			y: 0
-		}), V = w("pointer"), Wn = w(!1), Gn = g(() => se({
-			dafaultConfig: {
-				backgroundColor: "#99999930",
-				customPalette: ["#BABABA"],
-				showDataLabels: !1,
-				paletteStartIndex: 0,
-				showUserOptions: !1,
-				showTooltip: !1,
-				xAxisLabel: "",
-				yAxisLabel: "",
-				xyAxisStroke: "#999999",
-				xyGridStroke: "#99999950",
-				xyPeriods: [],
-				xyShowScale: !1,
-				xyPaddingLeft: 6,
-				xyPaddingBottom: 12,
-				zoomXy: !1,
-				zoomStartIndex: null,
-				zoomEndIndex: null
-			},
-			userConfig: z.value.skeletonConfig ?? {}
-		})), { loading: H, FINAL_DATASET: Kn, manualLoading: qn } = de({
-			...Le(M),
-			FINAL_CONFIG: z,
-			prepareConfig: er,
-			callback: () => {
-				Promise.resolve().then(async () => {
-					await Me(), G.value === A.LINE && z.value.lineAnimated && !H.value && Lr({
-						pathDuration: 1e3,
-						pointDuration: 1200,
-						labelDuration: 1200
-					});
-				});
-			},
-			skeletonDataset: M.config?.skeletonDataset ?? [
-				1,
-				2,
-				3,
-				5,
-				8,
-				13,
-				21,
-				34,
-				55,
-				89
-			],
-			skeletonConfig: se({
-				defaultConfig: z.value,
-				userConfig: Gn.value
-			})
-		}), { svgRef: Jn } = Ce({ config: { text: z.value.title } }), Yn = g(() => z.value.showUserOptionsOnChartHover), Xn = g(() => z.value.keepUserOptionsStateOnChartLeave), Zn = w(!z.value.showUserOptionsOnChartHover), Qn = w(!1);
-		function $n(e = !1) {
-			Qn.value = e, Yn.value && (Zn.value = e);
-		}
-		function er() {
-			let e = me({
-				userConfig: M.config,
-				defaultConfig: Je
-			}), t = {}, n = e.theme;
-			if (n) if (!Ye.value(e)) Xe(e), t = e;
-			else {
-				let r = me({
-					userConfig: Te[n] || M.config,
-					defaultConfig: e
-				});
-				t = {
-					...me({
-						userConfig: M.config,
-						defaultConfig: r
-					}),
-					customPalette: e.customPalette.length ? e.customPalette : i[n] || o
-				};
-			}
-			else t = e;
-			return t;
-		}
-		Re(() => M.config, (e) => {
-			H.value || (z.value = er()), K.value.width = z.value.width, K.value.height = z.value.height, Zn.value = !z.value.showUserOptionsOnChartHover, dr(), lr.value.showTooltip = z.value.showTooltip;
-		}, { deep: !0 }), Re(() => M.dataset, (e) => {
-			W.value = nr.value, X.value.start = 0, X.value.end = W.value.maxSeriesLength, Pn.value += 1;
-		}, { deep: !0 }), Re(() => M.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (qn.value = !1);
-		}, { immediate: !0 });
-		let tr = g(() => ae(z.value.customPalette)), U = Be, nr = g(() => {
-			let e = Ve({
-				debug: Vn.value,
-				dataset: f(Kn.value, [
-					"serie",
-					"series",
-					"data",
-					"value",
-					"values",
-					"num"
-				]),
-				barLineSwitch: z.value.chartIsBarUnderDatasetLength
-			});
-			return !e && Vn.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
-		}), W = w(nr.value), rr = g(() => !!W.value), G = g(() => W.value ? W.value.type : null);
-		Re(() => G.value, (e) => {
-			e || s({
-				componentName: "VueUiQuickChart",
-				type: "dataset",
-				debug: Vn.value
-			});
-		}, { immediate: !0 });
-		let { isPrinting: ir, isImaging: ar, generatePdf: or, generateImage: sr } = ue({
-			elementId: `${G.value}_${P.value}`,
-			fileName: z.value.title || G.value,
-			options: z.value.userOptionsPrint
-		}), cr = g(() => z.value.showUserOptions && !z.value.title), K = w({
-			width: z.value.width,
-			height: z.value.height
-		}), lr = w({ showTooltip: z.value.showTooltip });
-		Re(z, () => {
-			lr.value = { showTooltip: z.value.showTooltip };
-		}, { immediate: !0 });
-		let q = Ie(null), ur = Ie(null);
-		Fe(async () => {
-			Fn.value = !0, dr();
-		});
-		function dr() {
-			if (a(M.dataset) || (qn.value = z.value.loading), z.value.responsive) {
-				let e = ye(() => {
-					let { width: e, height: t } = be({
-						chart: N.value,
-						title: z.value.title ? En.value : null,
-						legend: z.value.showLegend ? Dn.value : null,
-						slicer: [A.BAR, A.LINE].includes(G.value) && z.value.zoomXy && W.value.maxSeriesLength > 1 ? On.value : null,
-						source: jn.value,
-						noTitle: Mn.value
-					});
-					requestAnimationFrame(() => {
-						K.value.width = e, K.value.height = t;
-					});
-				});
-				q.value && (ur.value && q.value.unobserve(ur.value), q.value.disconnect()), q.value = new ResizeObserver(e), ur.value = N.value.parentNode, q.value.observe(ur.value);
-			}
-			Tr();
-		}
-		Pe(() => {
-			q.value && (ur.value && q.value.unobserve(ur.value), q.value.disconnect());
-		});
-		let fr = g(() => {
-			switch (G.value) {
-				case A.LINE: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
-				case A.BAR: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
-				case A.DONUT: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
-				default: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
-			}
-		});
-		function pr(e) {
-			return [...e].map((e) => e.value).reduce((e, t) => e + t, 0);
-		}
-		function mr(e) {
-			return z.value.blurOnHover && ![null, void 0].includes(I.value) && I.value !== e ? `url(#blur_${P.value})` : "";
-		}
-		function hr() {
-			L.value.length ? L.value = [] : G.value === A.DONUT ? Y.value.legend.forEach((e) => {
-				L.value.push(e.id);
-			}) : G.value === A.LINE ? Z.value.legend.forEach((e) => {
-				L.value.push(e.id);
-			}) : G.value === A.BAR && Q.value.legend.forEach((e) => {
-				L.value.push(e.id);
-			});
-		}
-		function gr(e, t) {
-			L.value.includes(e) ? L.value = L.value.filter((t) => t !== e) : L.value.length < t && L.value.push(e);
-		}
-		let _r = w(null), vr = w(null), yr = w(!1);
-		function br(e, t) {
-			yr.value = !0;
-			let n = e.value, r = nr.value.dataset.find((t, n) => e.id === `donut_${n}`).VALUE;
-			if (L.value.includes(e.id)) {
-				L.value = L.value.filter((t) => t !== e.id);
-				function t() {
-					n > r ? (yr.value = !1, cancelAnimationFrame(vr.value), W.value = {
-						...W.value,
-						dataset: W.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
-							...t,
-							value: r,
-							VALUE: r
-						} : t)
-					}) : (n += r * .025, W.value = {
-						...W.value,
-						dataset: W.value.dataset.map((t, r) => e.id === `donut_${r}` ? {
-							...t,
-							value: n,
-							VALUE: n
-						} : t)
-					}, vr.value = requestAnimationFrame(t));
-				}
-				t();
-			} else if (t.length > 1) {
-				function t() {
-					n < r / 100 ? (yr.value = !1, cancelAnimationFrame(_r.value), L.value.push(e.id), W.value = {
-						...W.value,
-						dataset: W.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
-							...t,
-							value: 0,
-							VALUE: 0
-						} : t)
-					}) : (n /= 1.1, W.value = {
-						...W.value,
-						dataset: W.value.dataset.map((t, r) => e.id === `donut_${r}` ? {
-							...t,
-							value: n,
-							VALUE: n
-						} : t)
-					}, _r.value = requestAnimationFrame(t));
-				}
-				t();
-			}
-		}
-		let J = w(null);
-		function xr(e) {
-			J.value = e;
-		}
-		let Sr = g(() => z.value.donutThicknessRatio < .01 ? .01 : z.value.donutThicknessRatio > .4 ? .4 : z.value.donutThicknessRatio), Y = g(() => {
-			if (G.value !== A.DONUT) return null;
-			let e = W.value.dataset.map((e, t) => ({
-				...e,
-				value: e.VALUE || e.DATA || e.SERIE || e.VALUES || e.NUM || 0,
-				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
-				id: `donut_${t}`
-			})).map((e, t) => ({
-				...e,
-				color: e.COLOR ? oe(e.COLOR) : tr.value[t + z.value.paletteStartIndex] || o[t + z.value.paletteStartIndex] || o[(t + z.value.paletteStartIndex) % o.length],
-				immutableValue: e.value
-			}));
-			function t(e, t) {
-				return n({
-					v: isNaN(e.value / pr(t)) ? 0 : e.value / pr(t) * 100,
-					s: "%",
-					r: z.value.dataLabelRoundingPercentage
-				});
-			}
-			function r(e) {
-				return e.proportion * 100 > z.value.donutHideLabelUnderPercentage;
-			}
-			function i(e, t) {
-				let n = nr.value.dataset.find((t, n) => `donut_${n}` === e).VALUE;
-				return Math.abs(String(Number(n.toFixed(0))).length - String(Number(t.toFixed(0))).length);
-			}
-			function a({ datapoint: t, seriesIndex: r, triggerMode: i = "pointer" }) {
-				kn.value = {
-					datapoint: t,
-					seriesIndex: r,
-					config: z.value,
-					dataset: e
-				}, I.value = t.id, B.value = r, V.value = i;
-				let a = z.value.tooltipCustomFormat;
-				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
-					datapoint: t,
-					seriesIndex: r
-				}), re(a) && te(() => a({
-					datapoint: t,
-					seriesIndex: r,
-					series: e,
-					config: z.value
-				}))) An.value = a({
-					datapoint: t,
-					seriesIndex: r,
-					series: e,
-					config: z.value
-				});
-				else {
-					let e = "";
-					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e += `<b>${u(z.value.formatter, t.value, n({
-						p: z.value.valuePrefix,
-						v: t.value,
-						s: z.value.valueSuffix,
-						r: z.value.dataLabelRoundingValue
-					}), {
-						datapoint: t,
-						seriesIndex: r
-					})}</b>`, e += `<span>(${n({
-						v: t.proportion * 100,
-						s: "%",
-						r: z.value.dataLabelRoundingPercentage
-					})})</span></div>`, An.value = `<div>${e}</div>`;
-				}
-				F.value = !0;
-			}
-			function s({ datapoint: e, seriesIndex: t }) {
-				z.value.events.datapointLeave && z.value.events.datapointLeave({
-					datapoint: e,
-					seriesIndex: t
-				}), F.value = !1, I.value = null, J.value = null, B.value = null, V.value = "pointer";
-			}
-			function l({ datapoint: e, seriesIndex: t }) {
-				z.value.events.datapointClick && z.value.events.datapointClick({
-					datapoint: e,
-					seriesIndex: t
-				}), U("selectDatapoint", e);
-			}
-			let ee = {
-				centerX: K.value.width / 2,
-				centerY: K.value.height / 2
-			}, d = e.filter((e) => !L.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), f = e.map((e, t) => ({
-				...e,
-				proportion: (e.value || 0) / d,
-				value: e.value || 0,
-				absoluteValue: nr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
-				shape: "circle"
-			})), ne = K.value.width / 2, ie = K.value.height / 2, p = K.value.height * z.value.donutRadiusRatio;
-			return {
-				dataset: f.filter((e) => !L.value.includes(e.id)),
-				legend: f,
-				drawingArea: ee,
-				displayArcPercentage: t,
-				isArcBigEnough: r,
-				useTooltip: a,
-				killTooltip: s,
-				selectDatapoint: l,
-				getSpaces: i,
-				total: d,
-				cx: ne,
-				cy: ie,
-				radius: p,
-				chart: c({ series: e.filter((e) => !L.value.includes(e.id)) }, ne, ie, p, p, 1.99999, 2, 1, 360, 105.25, K.value.height * Sr.value)
-			};
-		}), X = w({
-			start: 0,
-			end: W.value.maxSeriesLength
-		});
-		function Cr() {
-			Tr();
-		}
-		let wr = w(null);
-		async function Tr() {
-			await Me(), await Me();
-			let { zoomStartIndex: e, zoomEndIndex: t } = z.value, n = wr.value;
-			(e != null || t != null) && n ? (e != null && n.setStartValue(e), t != null && n.setEndValue(Er(t + 1))) : (X.value = {
-				start: 0,
-				end: W.value.maxSeriesLength
-			}, Pn.value += 1);
-		}
-		function Er(e) {
-			let t = W.value.maxSeriesLength;
-			return e > t ? t : e < 0 || z.value.zoomStartIndex !== null && e < z.value.zoomStartIndex ? z.value.zoomStartIndex === null ? 1 : z.value.zoomStartIndex + 1 : e;
-		}
-		let Dr = g(() => {
-			if (!z.value.zoomMinimap.show || G.value === A.DONUT) return [];
-			let e = [];
-			j(W.value.dataset) && (e = W.value.dataset), We(W.value.dataset) && (e = W.value.dataset.map((e, t) => ({
-				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
-				id: G.value === A.LINE ? `line_${t}` : `bar_${t}`
-			})).filter((e) => !L.value.includes(e.id)));
-			let t = j(e) ? e.length : Math.max(...e.map((e) => e.values.length)), n = [];
-			if (j(e)) n = e;
-			else for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.values[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));
-		});
-		function Or() {
-			let e = 0;
-			return Rn.value && (e = Array.from(Rn.value.querySelectorAll("text")).reduce((e, t) => {
-				let n = t.getComputedTextLength();
-				return n > e ? n : e;
-			}, 0)), e + 4;
-		}
-		let kr = w(0), Ar = ye((e) => {
-			kr.value = e;
-		}, 100);
-		ze((e) => {
-			let t = R.value;
-			if (!t) return;
-			let n = new ResizeObserver((e) => {
-				Ar(e[0].contentRect.height);
-			});
-			n.observe(t), e(() => n.disconnect());
-		}), Pe(() => {
-			kr.value = 0;
-		});
-		let jr = g(() => {
-			let e = 0;
-			return R.value && (e = kr.value), 0 + e;
-		}), Z = g(() => {
-			if (G.value !== A.LINE) return null;
-			let e = {
-				height: K.value.height,
-				width: K.value.width
-			}, t = Or();
-			if (R.value) {
-				let e = R.value.getBBox().x;
-				e < 0 && (t += Math.abs(e));
-			}
-			let r = {
-				left: t + z.value.xyPaddingLeft,
-				top: z.value.xyPaddingTop,
-				right: e.width - z.value.xyPaddingRight,
-				bottom: e.height - z.value.xyPaddingBottom - jr.value,
-				width: Math.max(10, e.width - z.value.xyPaddingLeft - z.value.xyPaddingRight - t),
-				height: Math.max(10, e.height - z.value.xyPaddingTop - z.value.xyPaddingBottom - jr.value)
-			}, i = [];
-			j(W.value.dataset) && (i = [{
-				values: W.value.dataset.slice(X.value.start, X.value.end),
-				absoluteValues: W.value.dataset,
-				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
-				name: z.value.title,
-				color: tr.value[z.value.paletteStartIndex] || o[z.value.paletteStartIndex],
-				id: "line_0"
-			}]), We(W.value.dataset) && (i = W.value.dataset.map((e, t) => ({
-				...e,
-				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
-				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
-				id: `line_${t}`
-			})).map((e, t) => ({
-				...e,
-				color: e.COLOR ? oe(e.COLOR) : tr.value[t + z.value.paletteStartIndex] || o[t + z.value.paletteStartIndex] || o[(t + z.value.paletteStartIndex) % o.length],
-				values: e.values.slice(X.value.start, X.value.end),
-				absoluteValues: e.values,
-				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
-			})));
-			let a = {
-				max: Math.max(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
-				min: Math.min(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
-				maxSeries: Math.max(...i.map((e) => e.values.length))
-			}, s = a.max === a.min ? ee(a.min, a.min + 1, z.value.xyScaleSegments) : ee(a.min < 0 ? a.min : 0, a.max < 0 ? 0 : a.max, z.value.xyScaleSegments), c = a.min < 0 ? Math.abs(a.min) : 0, l = a.max < 0 ? r.top : r.bottom - c / (s.max + c) * r.height, d = r.width / a.maxSeries, f = s.ticks.map((e) => ({
-				y: r.bottom - r.height * ((e + c) / (s.max + c)),
-				x: r.left - 8,
-				value: e
-			})), ne = i.map((e, t) => ({
-				...e,
-				shape: "circle",
-				coordinates: e.values.map((e, t) => ({
-					x: r.left + d * (t + 1) - d / 2,
-					y: r.bottom - (e + c) / (s.max + c) * r.height,
-					value: e
-				}))
-			})).map((e) => {
-				let t = [];
-				return e.coordinates.forEach((e) => {
-					t.push(`${e.x},${e.y} `);
-				}), {
-					...e,
-					linePath: t.join(" ")
-				};
-			});
-			function ie(e) {
-				return i.map((t) => ({
-					...t,
-					value: t.values[e],
-					absoluteIndex: t.absoluteIndices[e]
-				})).filter((e) => !L.value.includes(e.id));
-			}
-			function p(e, t = "pointer") {
-				I.value = e, J.value = e, B.value = e, V.value = t;
-				let r = ie(e);
-				kn.value = {
-					datapoint: r,
-					seriesIndex: e,
-					config: z.value,
-					dataset: i
-				};
-				let a = z.value.tooltipCustomFormat;
-				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
-					datapoint: r,
-					seriesIndex: e + X.value.start
-				}), re(a) && te(() => a({
-					datapoint: r,
-					seriesIndex: e,
-					series: i,
-					config: z.value
-				}))) An.value = a({
-					datapoint: r,
-					seriesIndex: e,
-					series: i,
-					config: z.value
-				});
-				else {
-					let e = "";
-					$.value[r[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[r[0].absoluteIndex].text}</div>`), r.forEach((t, r) => {
-						e += `
-                    <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>
-                        <span>${t.name}:</span>
-                        <b>${u(z.value.formatter, t.value, n({
-							p: z.value.valuePrefix,
-							v: t.value,
-							s: z.value.valueSuffix,
-							r: z.value.dataLabelRoundingValue
-						}), {
-							datapoint: t,
-							seriesIndex: r
-						})}
-                        </b>
-                    </div>
-                `;
-					}), An.value = e;
-				}
-				F.value = !0;
-			}
-			function m(e) {
-				let t = ie(e);
-				z.value.events.datapointLeave && z.value.events.datapointLeave({
-					datapoint: t,
-					seriesIndex: e + X.value.start
-				}), I.value = null, J.value = null, F.value = !1, B.value = null, V.value = "pointer";
-			}
-			function ae(e) {
-				let t = ie(e);
-				z.value.events.datapointClick && z.value.events.datapointClick({
-					datapoint: t,
-					seriesIndex: e + X.value.start
-				}), U("selectDatapoint", t);
-			}
-			return {
-				absoluteZero: l,
-				dataset: ne.filter((e) => !L.value.includes(e.id)),
-				legend: ne,
-				drawingArea: r,
-				extremes: a,
-				slotSize: d,
-				yLabels: f,
-				useTooltip: p,
-				killTooltip: m,
-				selectDatapoint: ae
-			};
-		}), Q = g(() => {
-			if (G.value !== A.BAR) return null;
-			let e = {
-				height: K.value.height,
-				width: K.value.width
-			}, t = Or();
-			if (R.value) {
-				let e = R.value.getBBox().x;
-				e < 0 && (t += Math.abs(e));
-			}
-			let r = {
-				left: t + z.value.xyPaddingLeft,
-				top: z.value.xyPaddingTop,
-				right: e.width - z.value.xyPaddingRight,
-				bottom: e.height - z.value.xyPaddingBottom - jr.value,
-				width: Math.max(10, e.width - z.value.xyPaddingLeft - z.value.xyPaddingRight - t),
-				height: Math.max(10, e.height - z.value.xyPaddingTop - z.value.xyPaddingBottom - jr.value)
-			}, i = [];
-			j(W.value.dataset) && (i = [{
-				values: W.value.dataset.slice(X.value.start, X.value.end),
-				absoluteValues: W.value.dataset,
-				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
-				name: z.value.title,
-				color: tr.value[z.value.paletteStartIndex] || o[z.value.paletteStartIndex],
-				id: "bar_0"
-			}]), We(W.value.dataset) && (i = W.value.dataset.map((e, t) => ({
-				...e,
-				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
-				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
-				id: `bar_${t}`
-			})).map((e, t) => ({
-				...e,
-				color: e.COLOR ? oe(e.COLOR) : tr.value[t + z.value.paletteStartIndex] || o[t + z.value.paletteStartIndex] || o[(t + z.value.paletteStartIndex) % o.length],
-				values: e.values.slice(X.value.start, X.value.end),
-				absoluteValues: e.values,
-				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
-			})));
-			let a = {
-				max: Math.max(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
-				min: Math.min(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
-				maxSeries: Math.max(...i.filter((e) => !L.value.includes(e.id)).map((e) => e.values.length)) ?? 0
-			}, s = a.min === a.max ? ee(a.min, a.min + 1, z.value.xyScaleSegments) : ee(a.min < 0 ? a.min : 0, a.max, z.value.xyScaleSegments), c = s.min < 0 ? Math.abs(s.min) : 0, l = r.bottom - c / (s.max + c) * r.height, d = r.width / a.maxSeries, f = s.ticks.map((e) => ({
-				y: r.bottom - r.height * ((e + c) / (s.max + c)),
-				x: r.left - 8,
-				value: e
-			})), ne = i.map((e, t) => ({
-				...e,
-				shape: "square",
-				coordinates: e.values.map((e, n) => {
-					let o = (e + c) / (a.max + c) * r.height, s = Math.abs(e) / Math.abs(a.min) * (r.height - l), ee = c / (a.max + c) * r.height, u = d / i.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / i.filter((e) => !L.value.includes(e.id)).length;
-					return {
-						x: r.left + d * n + u * t + z.value.barGap / 2,
-						y: e > 0 ? r.bottom - o : l,
-						height: e > 0 ? o - ee : s,
-						value: e,
-						width: u
-					};
-				})
-			})), ie = i.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
-				...e,
-				coordinates: e.values.map((e, n) => {
-					let o = (e + c) / (a.max + c) * r.height, s = Math.abs(e) / (a.max + c) * r.height, ee = c / (a.max + c) * r.height, u = d / i.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / i.filter((e) => !L.value.includes(e.id)).length;
-					return {
-						x: r.left + d * n + u * t + z.value.barGap / 2,
-						y: e > 0 ? r.bottom - o : l,
-						height: e > 0 ? o - ee : s,
-						value: e,
-						width: u
-					};
-				})
-			}));
-			function p(e) {
-				return i.map((t) => ({
-					...t,
-					value: t.values[e],
-					absoluteIndex: t.absoluteIndices[e]
-				})).filter((e) => !L.value.includes(e.id));
-			}
-			function m(e, t = "pointer") {
-				I.value = e, J.value = e, B.value = e, V.value = t;
-				let r = p(e);
-				kn.value = {
-					datapoint: r,
-					seriesIndex: e,
-					config: z.value,
-					dataset: i
-				};
-				let a = z.value.tooltipCustomFormat;
-				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
-					datapoint: r,
-					seriesIndex: e + X.value.start
-				}), re(a) && te(() => a({
-					datapoint: r,
-					seriesIndex: e,
-					series: i,
-					config: z.value
-				}))) An.value = a({
-					point: r,
-					seriesIndex: e,
-					series: i,
-					config: z.value
-				});
-				else {
-					let e = "";
-					$.value[r[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[r[0].absoluteIndex].text}</div>`), r.forEach((t, r) => {
-						e += `
-                    <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${t.color}"/></svg>
-                        <span>${t.name}:</span>
-                        <b>${u(z.value.formatter, t.value, n({
-							p: z.value.valuePrefix,
-							v: t.value,
-							s: z.value.valueSuffix,
-							r: z.value.dataLabelRoundingValue
-						}), {
-							datapoint: t,
-							seriesIndex: r
-						})}
-                        </b>
-                    </div>
-                `;
-					}), An.value = e;
-				}
-				F.value = !0;
-			}
-			function ae(e) {
-				let t = p(e);
-				z.value.events.datapointLeave && z.value.events.datapointLeave({
-					datapoint: t,
-					seriesIndex: e + X.value.start
-				}), F.value = !1, I.value = null, J.value = null, B.value = null, V.value = "pointer";
-			}
-			function se(e) {
-				let t = p(e);
-				z.value.events.datapointClick && z.value.events.datapointClick({
-					datapoint: t,
-					seriesIndex: e + X.value.start
-				}), U("selectDatapoint", t);
-			}
-			return {
-				absoluteZero: l,
-				dataset: ie.filter((e) => !L.value.includes(e.id)),
-				absoluteDataset: ie,
-				legend: ne,
-				drawingArea: r,
-				extremes: a,
-				slotSize: d,
-				yLabels: f,
-				useTooltip: m,
-				killTooltip: ae,
-				selectDatapoint: se
-			};
-		});
-		function Mr(e) {
-			if (!e) return;
-			let t = e.getTotalLength();
-			e.style.transition = "none", e.style.strokeDasharray = `${t}`, e.style.strokeDashoffset = `${t}`;
-		}
-		function Nr(e, { fromOpacity: t = "0", fromScale: n = "0.85" } = {}) {
-			e.forEach((e) => {
-				e.style.animation = "none", e.style.transition = "none", e.style.opacity = t, e.style.transform = `scale(${n})`, e.style.transformBox = "fill-box", e.style.transformOrigin = "50% 50%";
-			});
-		}
-		function Pr(e) {
-			return e.cx?.baseVal?.value ?? parseFloat(e.getAttribute("cx"));
-		}
-		function Fr(e) {
-			let t = e.getAttribute("x");
-			if (t != null) return parseFloat(t);
-			let n = e.getCTM?.();
-			return n ? n.e : 0;
-		}
-		function Ir(e, t) {
-			if (!e.length) return [];
-			let n = e.map((e) => ({
-				el: e,
-				x: t(e)
-			})).filter((e) => Number.isFinite(e.x));
-			n.sort((e, t) => e.x - t.x);
-			let r = Infinity;
-			for (let e = 1; e < n.length; e++) {
-				let t = n[e].x - n[e - 1].x;
-				t > 0 && t < r && (r = t);
-			}
-			let i = (r === Infinity ? 1 : r) / 2, a = [], o = {
-				x: n[0].x,
-				items: [n[0].el]
-			};
-			for (let e = 1; e < n.length; e++) {
-				let { x: t, el: r } = n[e];
-				Math.abs(t - o.x) <= i ? o.items.push(r) : (a.push(o), o = {
-					x: t,
-					items: [r]
-				});
-			}
-			return a.push(o), a;
-		}
-		function Lr({ pathDuration: e, pathEasing: t = "ease-in-out", pointDuration: n, labelDuration: r, pointDelay: i = 0, labelDelay: a = 0, pointStep: o = 0, labelStep: s = 0, intraSeriesStep: c = 0 } = {}) {
-			let l = Array.isArray(In?.value) ? In.value : [In?.value].filter(Boolean), ee = Array.isArray(Ln?.value) ? Ln.value : [Ln?.value].filter(Boolean), u = [...l, ...ee].filter(Boolean), d = N?.value || null, f = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-plot")) : [], te = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-label")) : [];
-			u.forEach(Mr), Nr(f, {
-				fromOpacity: "0",
-				fromScale: "0.75"
-			}), Nr(te, {
-				fromOpacity: "0",
-				fromScale: "0.98"
-			}), f.forEach((e) => e.classList.remove("quick-animation")), te.forEach((e) => e.classList.remove("quick-animation")), d && d.offsetWidth;
-			let ne = f.length ? Ir(f, Pr) : [], re = te.length ? Ir(te, Fr) : [];
-			requestAnimationFrame(() => {
-				requestAnimationFrame(() => {
-					u.forEach((n) => {
-						n.style.transition = `stroke-dashoffset ${e}ms ${t}`, n.style.strokeDashoffset = "0";
-					}), ne.forEach((e, t) => {
-						e.items.forEach((e, r) => {
-							let a = i + t * o + r * c;
-							e.style.transition = `opacity ${n}ms ease-out ${a}ms, transform ${n}ms ease-out ${a}ms`, e.style.opacity = "1", e.style.transform = "scale(1)";
-						});
-					}), re.forEach((e, t) => {
-						e.items.forEach((e, n) => {
-							let i = a + t * s + n * c;
-							e.style.transition = `opacity ${r}ms ease-out ${i}ms, transform ${r}ms ease-out ${i}ms`, e.style.opacity = "1", e.style.transform = "scale(1)";
-						});
-					});
-				});
-			});
-		}
-		let Rr = g(() => {
-			if (G.value === A.LINE) return Z.value.legend.map((e) => (Math.min(...e.absoluteValues.map((e) => e ?? 0)), {
-				...e,
-				isVisible: !L.value.includes(e.id),
-				type: "line",
-				series: e.absoluteValues
-			}));
-			if (G.value === A.BAR) return Q.value.legend.map((e) => (Math.min(...e.absoluteValues.map((e) => e ?? 0)), {
-				...e,
-				isVisible: !L.value.includes(e.id),
-				type: "bar",
-				series: e.absoluteValues
-			}));
-		}), $ = w([]), zr = 0;
-		ze(() => {
-			let e = ++zr;
-			(async () => {
-				let t = await ce({
-					values: z.value.xyPeriods,
-					maxDatapoints: W.value.maxSeriesLength,
-					formatter: z.value.datetimeFormatter,
-					start: X.value.start,
-					end: X.value.end
-				});
-				e === zr && ($.value = t);
-			})();
-		});
-		let Br = g(() => {
-			let e = z.value.xyPeriodsModulo;
-			return z.value.xyPeriods.length ? Math.min(e, [...new Set($.value.map((e) => e.text))].length) : e;
-		}), Vr = w(!1);
-		function Hr(e) {
-			Vr.value = e, Nn.value += 1;
-		}
-		function Ur() {
-			lr.value.showTooltip = !lr.value.showTooltip;
-		}
-		let Wr = w(!1);
-		function Gr() {
-			Wr.value = !Wr.value;
-		}
-		async function Kr({ scale: e = 2 } = {}) {
-			if (!N.value) return;
-			let { width: t, height: n } = N.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await _e({
-				domElement: N.value,
-				base64: !0,
-				img: !0,
-				scale: e
-			});
-			return {
-				imageUri: i,
-				base64: a,
-				title: z.value.title,
-				width: t,
-				height: n,
-				aspectRatio: r
-			};
-		}
-		let qr = g(() => K.value.width), Jr = g(() => K.value.height);
-		ge({
-			timeLabelsEls: R,
-			timeLabels: $,
-			slicer: X,
-			configRef: z,
-			rotationPath: ["xyPeriodLabelsRotation"],
-			autoRotatePath: ["xyPeriodLabelsAutoRotate", "enable"],
-			isAutoSize: !1,
-			rotation: z.value.xyPeriodLabelsAutoRotate.angle,
-			height: Jr.value,
-			width: qr.value
-		});
-		let Yr = g(() => z.value.backgroundColor), Xr = g(() => G.value === A.DONUT ? Y.value.legend : G.value === A.LINE ? Z.value.legend : Q.value.legend), Zr = g(() => ({
-			show: z.value.showLegend,
-			bold: !1,
-			backgroundColor: z.value.backgroundColor,
-			color: z.value.color,
-			fontSize: z.value.legendFontSize,
-			position: z.value.legendPosition
-		})), { exportSvg: Qr, getSvg: $r } = pe({
-			svg: Jn,
-			title: g(() => ({
-				text: z.value.title,
-				color: z.value.color,
-				fontSize: z.value.titleFontSize,
-				bold: z.value.titleBold,
-				textAlign: z.value.titleTextAlign,
-				subtitle: { text: "" }
-			})),
-			legend: Zr,
-			legendItems: Xr,
-			backgroundColor: Yr
-		});
-		async function ei({ isCb: e }) {
-			if (e) {
-				let { blob: e, url: t, text: n, dataUrl: r } = await $r();
-				z.value.userOptionsCallbacks.svg({
-					blob: e,
-					url: t,
-					text: n,
-					dataUrl: r
-				});
-			} else Qr();
-		}
-		async function ti() {
-			if (U("copyAlt", {
-				config: z.value,
-				dataset: {
-					line: Z.value,
-					bar: Q.value,
-					donut: Y.value
-				}
-			}), !z.value.userOptionsCallbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(z.value.userOptionsCallbacks.altCopy({
-				config: z.value,
-				dataset: {
-					line: Z.value,
-					bar: Q.value,
-					donut: Y.value
-				}
-			}));
-		}
-		function ni(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
-		}
-		let ri = g(() => G.value === A.DONUT ? Y.value?.chart?.length ?? 0 : G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : G.value === A.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
-		function ii() {
-			B.value = null, Wn.value = !0;
-		}
-		function ai() {
-			B.value = null, V.value = "pointer", F.value = !1, I.value = null, J.value = null, Wn.value = !1;
-		}
-		function oi(e) {
-			if (!Jn.value || Wr.value || document.activeElement !== Jn.value || !ri.value) 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) {
-				B.value = null, V.value = "pointer", F.value = !1, I.value = null, J.value = null;
-				return;
-			}
-			if (r) {
-				if (B.value === null) return;
-				if (G.value === A.DONUT) {
-					let e = Y.value?.chart?.[B.value];
-					if (!e) return;
-					Y.value.selectDatapoint({
-						datapoint: e,
-						seriesIndex: B.value
-					});
-					return;
-				}
-				if (G.value === A.LINE) {
-					Z.value?.selectDatapoint(B.value);
-					return;
-				}
-				if (G.value === A.BAR) {
-					Q.value?.selectDatapoint(B.value);
-					return;
-				}
-				return;
-			}
-			let a = B.value, o = J.value, s = a !== null && a >= 0 && a < ri.value, c = o !== null && o >= 0 && o < ri.value;
-			if (s ? n ? (a += 1, a >= ri.value && (a = 0)) : t && (--a, a < 0 && (a = ri.value - 1)) : c ? (a = n ? o + 1 : o - 1, a >= ri.value && (a = 0), a < 0 && (a = ri.value - 1)) : a = n ? 0 : ri.value - 1, G.value === A.DONUT) {
-				let e = Y.value?.chart?.[a];
-				if (!e) return;
-				si(a), Y.value.useTooltip({
-					datapoint: e,
-					seriesIndex: a,
-					triggerMode: "keyboard"
-				});
-				return;
-			}
-			if (G.value === A.LINE) {
-				si(a), Z.value?.useTooltip(a, "keyboard");
-				return;
-			}
-			G.value === A.BAR && (si(a), Q.value?.useTooltip(a, "keyboard"));
-		}
-		function si(e) {
-			if (!Number.isFinite(e) || !Jn.value) return;
-			let t = 0, n = 0;
-			if (G.value === A.DONUT) {
-				let r = Y.value?.chart?.[e];
-				if (!r) return;
-				t = p(r, !0).x, n = l(r);
-			}
-			if (G.value === A.LINE) {
-				let r = Z.value?.drawingArea, i = Z.value?.slotSize;
-				if (!r || !i) return;
-				t = r.left + i * (e + 1) - i / 2, n = r.top + r.height / 2;
-			}
-			if (G.value === A.BAR) {
-				let r = Q.value?.drawingArea, i = Q.value?.slotSize;
-				if (!r || !i) return;
-				t = r.left + i * (e + 1) - i / 2, n = r.top + r.height / 2;
-			}
-			let r = Jn.value.getBoundingClientRect();
-			Un.value = {
-				x: r.left + t / K.value.width * r.width,
-				y: r.top + n / K.value.height * r.height
-			};
-		}
-		let ci = g(() => {
-			if (G.value === A.DONUT) return {
-				headers: [
-					"Series",
-					"Value",
-					"Percentage"
-				],
-				rows: (Y.value?.dataset ?? []).map((e) => {
-					let t = Y.value?.total ? n({
-						v: e.value / Y.value.total * 100,
-						s: "%",
-						r: z.value.dataLabelRoundingPercentage
-					}) : "0%";
-					return [
-						e.name,
-						u(z.value.formatter, e.value, n({
-							p: z.value.valuePrefix,
-							v: e.value,
-							s: z.value.valueSuffix,
-							r: z.value.dataLabelRoundingValue
-						})),
-						t
-					];
-				})
-			};
-			if (G.value === A.LINE || G.value === A.BAR) {
-				let e = G.value === A.LINE ? Z.value?.dataset ?? [] : Q.value?.dataset ?? [], t = G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : Q.value?.extremes?.maxSeries ?? 0;
-				return {
-					headers: ["Index", ...e.map((e) => e.name)],
-					rows: Array.from({ length: t }, (t, r) => [$.value?.[r + X.value.start]?.text ?? String(r + X.value.start), ...e.map((e) => {
-						let t = e.values?.[r];
-						return u(z.value.formatter, t, n({
-							p: z.value.valuePrefix,
-							v: t,
-							s: z.value.valueSuffix,
-							r: z.value.dataLabelRoundingValue
-						}));
-					})])
-				};
-			}
-			return {
-				headers: [],
-				rows: []
-			};
-		});
-		return ve({
-			getImage: Kr,
-			generatePdf: or,
-			generateImage: sr,
-			generateSvg: ei,
-			toggleTooltip: Ur,
-			toggleAnnotator: Gr,
-			toggleFullscreen: Hr,
-			copyAlt: ti
-		}), (e, r) => rr.value ? (C(), v("div", {
-			key: 0,
-			id: `${G.value}_${P.value}`,
-			ref_key: "quickChart",
-			ref: N,
-			class: Ne({
-				"vue-data-ui-component": !0,
-				"vue-ui-quick-chart": !0,
-				"vue-data-ui-wrapper-fullscreen": Vr.value
-			}),
-			style: S(`background:${z.value.backgroundColor};color:${z.value.color};font-family:${z.value.fontFamily}; position: relative; ${z.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: r[2] ||= () => $n(!0),
-			onMouseleave: r[3] ||= () => $n(!1)
-		}, [
-			y("div", {
-				id: `chart-instructions-${P.value}`,
-				class: "sr-only"
-			}, [y("p", null, D(z.value.a11y.translations.keyboardNavigation), 1)], 8, Qe),
-			ci.value.rows.length ? (C(), De(Se, {
-				key: 0,
-				uid: P.value,
-				head: ci.value.headers,
-				body: ci.value.rows,
-				notice: z.value.a11y.translations.tableAvailable,
-				caption: z.value.a11y.translations.tableCaption
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"notice",
-				"caption"
-			])) : _("", !0),
-			z.value.userOptionsButtons.annotator ? (C(), De(O(Ge), {
-				key: 1,
-				svgRef: O(Jn),
-				backgroundColor: z.value.backgroundColor,
-				color: z.value.color,
-				active: Wr.value,
-				isCursorPointer: Hn.value,
-				onClose: Gr
-			}, {
-				"annotator-action-close": k(() => [E(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": k(({ color: t }) => [E(e.$slots, "annotator-action-color", x(b({ color: t })), void 0, !0)]),
-				"annotator-action-draw": k(({ mode: t }) => [E(e.$slots, "annotator-action-draw", x(b({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": k(({ disabled: t }) => [E(e.$slots, "annotator-action-undo", x(b({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": k(({ disabled: t }) => [E(e.$slots, "annotator-action-redo", x(b({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": k(({ disabled: t }) => [E(e.$slots, "annotator-action-delete", x(b({ disabled: t })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"svgRef",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer"
-			])) : _("", !0),
-			cr.value ? (C(), v("div", {
-				key: 2,
-				ref_key: "noTitle",
-				ref: Mn,
-				class: "vue-data-ui-no-title-space",
-				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : _("", !0),
-			z.value.showUserOptions && (Xn.value || Zn.value) ? (C(), De(O(qe), {
-				ref: "details",
-				key: `user_option_${Nn.value}`,
-				backgroundColor: z.value.backgroundColor,
-				color: z.value.color,
-				isPrinting: O(ir),
-				isImaging: O(ar),
-				uid: P.value,
-				hasTooltip: z.value.userOptionsButtons.tooltip && z.value.showTooltip,
-				hasPdf: z.value.userOptionsButtons.pdf,
-				hasImg: z.value.userOptionsButtons.img,
-				hasSvg: z.value.userOptionsButtons.svg,
-				hasFullscreen: z.value.userOptionsButtons.fullscreen,
-				hasAltCopy: z.value.userOptionsButtons.altCopy,
-				hasXls: !1,
-				isTooltip: lr.value.showTooltip,
-				isFullscreen: Vr.value,
-				titles: { ...z.value.userOptionsButtonTitles },
-				chartElement: N.value,
-				position: z.value.userOptionsPosition,
-				hasAnnotator: z.value.userOptionsButtons.annotator,
-				isAnnotation: Wr.value,
-				callbacks: z.value.userOptionsCallbacks,
-				printScale: z.value.userOptionsPrint.scale,
-				isCursorPointer: Hn.value,
-				onToggleFullscreen: Hr,
-				onGeneratePdf: O(or),
-				onGenerateImage: O(sr),
-				onGenerateSvg: ei,
-				onToggleTooltip: Ur,
-				onToggleAnnotator: Gr,
-				onCopyAlt: ti,
-				style: S({ visibility: Xn.value ? Zn.value ? "visible" : "hidden" : "visible" })
-			}, Oe({ _: 2 }, [
-				e.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: k(({ isOpen: t, color: n }) => [E(e.$slots, "menuIcon", x(b({
-						isOpen: t,
-						color: n
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				e.$slots.optionTooltip ? {
-					name: "optionTooltip",
-					fn: k(() => [E(e.$slots, "optionTooltip", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				e.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: k(() => [E(e.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				e.$slots.optionImg ? {
-					name: "optionImg",
-					fn: k(() => [E(e.$slots, "optionImg", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				e.$slots.optionSvg ? {
-					name: "optionSvg",
-					fn: k(() => [E(e.$slots, "optionSvg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				e.$slots.optionFullscreen ? {
-					name: "optionFullscreen",
-					fn: k(({ toggleFullscreen: t, isFullscreen: n }) => [E(e.$slots, "optionFullscreen", x(b({
-						toggleFullscreen: t,
-						isFullscreen: n
-					})), void 0, !0)]),
-					key: "5"
-				} : void 0,
-				e.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: k(({ toggleAnnotator: t, isAnnotator: n }) => [E(e.$slots, "optionAnnotator", x(b({
-						toggleAnnotator: t,
-						isAnnotator: n
-					})), void 0, !0)]),
-					key: "6"
-				} : void 0,
-				e.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					fn: k(({ altCopy: t }) => [E(e.$slots, "optionAltCopy", x(b({ altCopy: t })), void 0, !0)]),
-					key: "7"
-				} : void 0,
-				e.$slots["custom-menu-before"] ? {
-					name: "custom-menu-before",
-					fn: k(() => [E(e.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "8"
-				} : void 0,
-				e.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: k(() => [E(e.$slots, "custom-menu-after", {}, void 0, !0)]),
-					key: "9"
-				} : void 0
-			]), 1032, [
-				"backgroundColor",
-				"color",
-				"isPrinting",
-				"isImaging",
-				"uid",
-				"hasTooltip",
-				"hasPdf",
-				"hasImg",
-				"hasSvg",
-				"hasFullscreen",
-				"hasAltCopy",
-				"isTooltip",
-				"isFullscreen",
-				"titles",
-				"chartElement",
-				"position",
-				"hasAnnotator",
-				"isAnnotation",
-				"callbacks",
-				"printScale",
-				"isCursorPointer",
-				"onGeneratePdf",
-				"onGenerateImage",
-				"style"
-			])) : _("", !0),
-			z.value.title ? (C(), v("div", {
-				key: 4,
-				ref_key: "quickChartTitle",
-				ref: En,
-				class: "vue-ui-quick-chart-title",
-				style: S(`background:transparent;color:${z.value.color};font-size:${z.value.titleFontSize}px;font-weight:${z.value.titleBold ? "bold" : "normal"};text-align:${z.value.titleTextAlign}`)
-			}, D(z.value.title), 5)) : _("", !0),
-			y("div", { id: `legend-top-${P.value}` }, null, 8, $e),
-			y("div", et, [G.value ? (C(), v("svg", {
-				key: 0,
-				ref_key: "svgRef",
-				ref: Jn,
-				xmlns: O(ie),
-				"aria-describedby": `chart-instructions-${P.value}`,
-				viewBox: fr.value,
-				style: S(`max-width:100%;overflow:visible;background:transparent;color:${z.value.color}`),
-				tabindex: "0",
-				onFocus: ii,
-				onBlur: ai,
-				onKeydown: oi
-			}, [
-				ke(O(Ue)),
-				e.$slots["chart-background"] && G.value === A.BAR ? (C(), v("foreignObject", {
-					key: 0,
-					x: Q.value.drawingArea.left,
-					y: Q.value.drawingArea.top,
-					width: Q.value.drawingArea.width,
-					height: Q.value.drawingArea.height,
-					style: { pointerEvents: "none" }
-				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, nt)) : _("", !0),
-				e.$slots["chart-background"] && G.value === A.LINE ? (C(), v("foreignObject", {
-					key: 1,
-					x: Z.value.drawingArea.left,
-					y: Z.value.drawingArea.top,
-					width: Z.value.drawingArea.width,
-					height: Z.value.drawingArea.height,
-					style: { pointerEvents: "none" }
-				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, rt)) : _("", !0),
-				e.$slots["chart-background"] && G.value === A.DONUT ? (C(), v("foreignObject", {
-					key: 2,
-					x: 0,
-					y: 0,
-					width: K.value.width,
-					height: K.value.height,
-					style: { pointerEvents: "none" }
-				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, it)) : _("", !0),
-				y("defs", null, [y("filter", {
-					id: `blur_${P.value}`,
-					x: "-50%",
-					y: "-50%",
-					width: "200%",
-					height: "200%"
-				}, [y("feGaussianBlur", {
-					in: "SourceGraphic",
-					stdDeviation: 2,
-					id: `blur_std_${P.value}`
-				}, null, 8, ot), r[4] ||= y("feColorMatrix", {
-					type: "saturate",
-					values: "0"
-				}, null, -1)], 8, at), y("filter", {
-					id: `shadow_${P.value}`,
-					"color-interpolation-filters": "sRGB"
-				}, [y("feDropShadow", {
-					dx: "0",
-					dy: "0",
-					stdDeviation: "10",
-					"flood-opacity": "0.5",
-					"flood-color": z.value.donutShadowColor
-				}, null, 8, ct)], 8, st)]),
-				G.value === A.DONUT ? (C(), v(h, { key: 3 }, [
-					z.value.showDataLabels ? (C(), v("g", lt, [(C(!0), v(h, null, T(Y.value.chart, (e, t) => (C(), v(h, null, [Y.value.isArcBigEnough(e) ? (C(), v("path", {
-						key: 0,
-						d: O(ne)(e, {
-							x: K.value.width / 2,
-							y: K.value.height / 2
-						}, 16, 16, !1, !1, K.value.height * Sr.value, 12, z.value.donutCurvedMarkers),
-						stroke: e.color,
-						"stroke-width": z.value.donutLabelMarkerStrokeWidth,
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						fill: "none",
-						filter: mr(e.id)
-					}, null, 8, ut)) : _("", !0)], 64))), 256))])) : _("", !0),
-					y("circle", {
-						cx: Y.value.cx,
-						cy: Y.value.cy,
-						r: Y.value.radius,
-						fill: z.value.backgroundColor,
-						filter: z.value.donutUseShadow ? `url(#shadow_${P.value})` : ""
-					}, null, 8, dt),
-					y("g", ft, [(C(!0), v(h, null, T(Y.value.chart, (e, t) => (C(), v("path", {
-						d: e.arcSlice,
-						fill: e.color,
-						stroke: z.value.donutStroke || z.value.backgroundColor,
-						"stroke-width": z.value.donutStrokeWidth,
-						filter: mr(e.id)
-					}, null, 8, pt))), 256)), (C(!0), v(h, null, T(Y.value.chart, (e, t) => (C(), v("path", {
-						d: e.arcSlice,
-						fill: "transparent",
-						onMouseenter: (n) => Y.value.useTooltip({
-							datapoint: e,
-							seriesIndex: t,
-							triggerMode: "pointer"
-						}),
-						onMouseout: (n) => Y.value.killTooltip({
-							datapoint: e,
-							seriesIndex: t
-						}),
-						onClick: (n) => Y.value.selectDatapoint({
-							datapoint: e,
-							seriesIndex: t
-						})
-					}, null, 40, mt))), 256))]),
-					z.value.showDataLabels ? (C(), v("g", ht, [(C(!0), v(h, null, T(Y.value.chart, (e, t) => (C(), v(h, null, [
-						Y.value.isArcBigEnough(e) ? (C(), v("circle", {
-							key: 0,
-							cx: O(p)(e).x,
-							cy: O(l)(e) - 3.7,
-							fill: e.color,
-							stroke: z.value.backgroundColor,
-							"stroke-width": 1,
-							r: 3,
-							filter: mr(e.id)
-						}, null, 8, gt)) : _("", !0),
-						Y.value.isArcBigEnough(e) ? (C(), v("text", {
-							key: 1,
-							"text-anchor": O(p)(e, !0, 20).anchor,
-							x: O(p)(e, !0).x,
-							y: O(l)(e),
-							fill: z.value.color,
-							"font-size": z.value.dataLabelFontSize,
-							filter: mr(e.id)
-						}, D(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + D(O(u)(z.value.formatter, e.value, O(n)({
-							p: z.value.valuePrefix,
-							v: e.value,
-							s: z.value.valueSuffix,
-							r: z.value.dataLabelRoundingValue
-						}), {
-							datapoint: e,
-							seriesIndex: t
-						})) + ") ", 9, _t)) : _("", !0),
-						Y.value.isArcBigEnough(e, !0, 20) ? (C(), v("text", {
-							key: 2,
-							"text-anchor": O(p)(e).anchor,
-							x: O(p)(e, !0).x,
-							y: O(l)(e) + z.value.dataLabelFontSize,
-							fill: z.value.color,
-							"font-size": z.value.dataLabelFontSize,
-							filter: mr(e.id)
-						}, D(e.name), 9, vt)) : _("", !0)
-					], 64))), 256))])) : _("", !0),
-					z.value.donutShowTotal ? (C(), v("g", yt, [y("text", {
-						"text-anchor": "middle",
-						x: Y.value.drawingArea.centerX,
-						y: Y.value.drawingArea.centerY - z.value.donutTotalLabelFontSize / 2,
-						"font-size": z.value.donutTotalLabelFontSize,
-						fill: z.value.color
-					}, D(z.value.donutTotalLabelText), 9, bt), y("text", {
-						"text-anchor": "middle",
-						x: Y.value.drawingArea.centerX,
-						y: Y.value.drawingArea.centerY + z.value.donutTotalLabelFontSize,
-						"font-size": z.value.donutTotalLabelFontSize,
-						fill: z.value.color
-					}, D(O(n)({
-						p: z.value.valuePrefix,
-						v: Y.value.total,
-						s: z.value.valueSuffix,
-						r: z.value.dataLabelRoundingValue
-					})), 9, xt)])) : _("", !0)
-				], 64)) : _("", !0),
-				G.value === A.LINE ? (C(), v(h, { key: 4 }, [
-					z.value.xyShowGrid ? (C(), v("g", St, [(C(!0), v(h, null, T(Z.value.yLabels, (e) => (C(), v(h, null, [e.y <= Z.value.drawingArea.bottom ? (C(), v("line", {
-						key: 0,
-						x1: Z.value.drawingArea.left,
-						x2: Z.value.drawingArea.right,
-						y1: e.y,
-						y2: e.y,
-						stroke: z.value.xyGridStroke,
-						"stroke-width": z.value.xyGridStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Ct)) : _("", !0)], 64))), 256)), (C(!0), v(h, null, T(Z.value.extremes.maxSeries + 1, (e, t) => (C(), v("line", {
-						x1: Z.value.drawingArea.left + Z.value.slotSize * t,
-						x2: Z.value.drawingArea.left + Z.value.slotSize * t,
-						y1: Z.value.drawingArea.top,
-						y2: Z.value.drawingArea.bottom,
-						stroke: z.value.xyGridStroke,
-						"stroke-width": z.value.xyGridStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, wt))), 256))])) : _("", !0),
-					z.value.xyShowAxis ? (C(), v("g", Tt, [y("line", {
-						x1: Z.value.drawingArea.left,
-						x2: Z.value.drawingArea.left,
-						y1: Z.value.drawingArea.top,
-						y2: Z.value.drawingArea.bottom,
-						stroke: z.value.xyAxisStroke,
-						"stroke-width": z.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Et), y("line", {
-						x1: Z.value.drawingArea.left,
-						x2: Z.value.drawingArea.right,
-						y1: isNaN(Z.value.absoluteZero) ? Z.value.drawingArea.bottom : Z.value.absoluteZero,
-						y2: isNaN(Z.value.absoluteZero) ? Z.value.drawingArea.bottom : Z.value.absoluteZero,
-						stroke: z.value.xyAxisStroke,
-						"stroke-width": z.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Dt)])) : _("", !0),
-					z.value.xyShowScale ? (C(), v("g", {
-						key: 2,
-						class: "yLabels",
-						ref_key: "scaleLabels",
-						ref: Rn
-					}, [(C(!0), v(h, null, T(Z.value.yLabels, (e, t) => (C(), v(h, null, [e.y <= Z.value.drawingArea.bottom ? (C(), v("line", {
-						key: 0,
-						x1: e.x + 4,
-						x2: Z.value.drawingArea.left,
-						y1: e.y,
-						y2: e.y,
-						stroke: z.value.xyAxisStroke,
-						"stroke-width": z.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Ot)) : _("", !0), e.y <= Z.value.drawingArea.bottom ? (C(), v("text", {
-						key: 1,
-						x: e.x,
-						y: e.y + z.value.xyLabelsYFontSize / 3,
-						"text-anchor": "end",
-						"font-size": z.value.xyLabelsYFontSize,
-						fill: z.value.color
-					}, D(O(u)(z.value.formatter, e.value, O(n)({
-						p: z.value.valuePrefix,
-						v: e.value,
-						s: z.value.valueSuffix,
-						r: z.value.dataLabelRoundingValue
-					}), {
-						datapoint: e,
-						seriesIndex: t
-					})), 9, kt)) : _("", !0)], 64))), 256))], 512)) : _("", !0),
-					z.value.xyShowScale && z.value.xyPeriods.length ? (C(), v("g", At, [(C(!0), v(h, null, T($.value.map((e) => e.text), (e, t) => (C(), v(h, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (C(), v("line", {
-						key: 0,
-						x1: Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2,
-						x2: Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2,
-						y1: Z.value.drawingArea.bottom,
-						y2: Z.value.drawingArea.bottom + 4,
-						stroke: z.value.xyAxisStroke,
-						"stroke-width": z.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, jt)) : _("", !0)], 64))), 256)), y("g", {
-						ref_key: "timeLabelsEls",
-						ref: R
-					}, [(C(!0), v(h, null, T($.value.map((e) => e.text), (e, n) => (C(), v(h, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && n % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (C(), v("g", Mt, [String(e).includes("\n") ? (C(), v("text", {
-						key: 1,
-						class: "vue-data-ui-time-label",
-						"font-size": z.value.xyLabelsXFontSize,
-						"text-anchor": z.value.xyPeriodLabelsRotation > 0 ? "start" : z.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-						fill: z.value.color,
-						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (n + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + z.value.xyLabelsXFontSize + 6}), rotate(${z.value.xyPeriodLabelsRotation})`,
-						innerHTML: O(t)({
-							content: String(e),
-							fontSize: z.value.xyLabelsXFontSize,
-							fill: z.value.color,
-							x: 0,
-							y: 0
-						})
-					}, null, 8, Pt)) : (C(), v("text", {
-						key: 0,
-						class: "vue-data-ui-time-label",
-						"font-size": z.value.xyLabelsXFontSize,
-						"text-anchor": z.value.xyPeriodLabelsRotation > 0 ? "start" : z.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-						fill: z.value.color,
-						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (n + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + z.value.xyLabelsXFontSize + 6}), rotate(${z.value.xyPeriodLabelsRotation})`
-					}, D(e), 9, Nt))])) : _("", !0)], 64))), 256))], 512)])) : _("", !0),
-					y("g", Ft, [(C(!0), v(h, null, T(Z.value.dataset, (e, t) => (C(), v("g", It, [z.value.lineSmooth ? (C(), v(h, { key: 0 }, [y("path", {
-						ref_for: !0,
-						ref_key: "pathWrapper",
-						ref: In,
-						d: `M ${O(d)(e.coordinates)}`,
-						stroke: z.value.backgroundColor,
-						"stroke-width": z.value.lineStrokeWidth + 1,
-						"stroke-linecap": "round",
-						fill: "none",
-						class: Ne({
-							"quick-animation": !O(H),
-							"vue-data-ui-line-animated": z.value.lineAnimated && !O(H)
-						}),
-						style: S({ transition: O(H) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, Lt), y("path", {
-						ref_for: !0,
-						ref_key: "pathTop",
-						ref: Ln,
-						d: `M ${O(d)(e.coordinates)}`,
-						stroke: e.color,
-						"stroke-width": z.value.lineStrokeWidth,
-						"stroke-linecap": "round",
-						fill: "none",
-						class: Ne({
-							"quick-animation": !O(H),
-							"vue-data-ui-line-animated": z.value.lineAnimated && !O(H)
-						}),
-						style: S({ transition: O(H) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, Rt)], 64)) : (C(), v(h, { key: 1 }, [y("path", {
-						ref_for: !0,
-						ref_key: "pathWrapper",
-						ref: In,
-						d: `M ${e.linePath}`,
-						stroke: z.value.backgroundColor,
-						"stroke-width": z.value.lineStrokeWidth + 1,
-						"stroke-linecap": "round",
-						fill: "none",
-						class: Ne({
-							"quick-animation": !O(H),
-							"vue-data-ui-line-animated": z.value.lineAnimated && !O(H)
-						}),
-						style: S({ transition: O(H) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, zt), y("path", {
-						ref_for: !0,
-						ref_key: "pathTop",
-						ref: Ln,
-						d: `M ${e.linePath}`,
-						stroke: e.color,
-						"stroke-width": z.value.lineStrokeWidth,
-						"stroke-linecap": "round",
-						fill: "none",
-						class: Ne({
-							"quick-animation": !O(H),
-							"vue-data-ui-line-animated": z.value.lineAnimated && !O(H)
-						}),
-						style: S({ transition: O(H) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, Bt)], 64)), (C(!0), v(h, null, T(e.coordinates, (t, n) => (C(), v("circle", {
-						cx: t.x,
-						cy: O(m)(t.y),
-						r: 3,
-						fill: e.color,
-						stroke: z.value.backgroundColor,
-						"stroke-width": "0.5",
-						class: Ne({
-							"vue-ui-quick-chart-plot": !0,
-							"quick-animation": !O(H)
-						}),
-						style: S({ transition: O(H) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, Vt))), 256))]))), 256))]),
-					z.value.showDataLabels ? (C(), v("g", Ht, [(C(!0), v(h, null, T(Z.value.dataset, (e, t) => (C(), v(h, null, [(C(!0), v(h, null, T(e.coordinates, (t, r) => (C(), v("text", {
-						"text-anchor": "middle",
-						"font-size": z.value.dataLabelFontSize,
-						fill: e.color,
-						x: t.x,
-						y: O(m)(t.y) - z.value.dataLabelFontSize / 2,
-						class: Ne({
-							"vue-ui-quick-chart-label": !0,
-							"quick-animation": !O(H)
-						}),
-						style: S({ transition: O(H) ? void 0 : "all 0.3s ease-in-out" })
-					}, D(O(u)(z.value.formatter, O(m)(t.value), O(n)({
-						p: z.value.valuePrefix,
-						v: O(m)(t.value),
-						s: z.value.valueSuffix,
-						r: z.value.dataLabelRoundingValue
-					}), {
-						datapoint: t,
-						seriesIndex: r
-					})), 15, Ut))), 256))], 64))), 256))])) : _("", !0),
-					Qn.value ? (C(), v("g", Wt, [(C(!0), v(h, null, T(Z.value.extremes.maxSeries, (e, t) => (C(), v("rect", {
-						x: Z.value.drawingArea.left + t * Z.value.slotSize,
-						y: Z.value.drawingArea.top,
-						height: Z.value.drawingArea.height <= 0 ? 1e-5 : Z.value.drawingArea.height,
-						width: Z.value.slotSize <= 0 ? 1e-5 : Z.value.slotSize,
-						fill: [I.value, J.value].includes(t) ? z.value.xyHighlighterColor : "transparent",
-						style: S(`opacity:${z.value.xyHighlighterOpacity}`),
-						onMouseenter: (e) => Z.value.useTooltip(t, "pointer"),
-						onMouseleave: (e) => Z.value.killTooltip(t),
-						onClick: (e) => Z.value.selectDatapoint(t)
-					}, null, 44, Gt))), 256))])) : _("", !0)
-				], 64)) : _("", !0),
-				G.value === A.BAR ? (C(), v(h, { key: 5 }, [
-					z.value.xyShowGrid ? (C(), v("g", Kt, [(C(!0), v(h, null, T(Q.value.yLabels, (e) => (C(), v(h, null, [e.y <= Q.value.drawingArea.bottom ? (C(), v("line", {
-						key: 0,
-						x1: Q.value.drawingArea.left,
-						x2: Q.value.drawingArea.right,
-						y1: e.y,
-						y2: e.y,
-						stroke: z.value.xyGridStroke,
-						"stroke-width": z.value.xyGridStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, qt)) : _("", !0)], 64))), 256)), L.value.length < Q.value.legend.length ? (C(!0), v(h, { key: 0 }, T(Q.value.extremes.maxSeries + 1, (e, t) => (C(), v("line", {
-						x1: Q.value.drawingArea.left + Q.value.slotSize * t,
-						x2: Q.value.drawingArea.left + Q.value.slotSize * t,
-						y1: Q.value.drawingArea.top,
-						y2: Q.value.drawingArea.bottom,
-						stroke: z.value.xyGridStroke,
-						"stroke-width": z.value.xyGridStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Jt))), 256)) : _("", !0)])) : _("", !0),
-					z.value.xyShowAxis ? (C(), v("g", Yt, [y("line", {
-						x1: Q.value.drawingArea.left,
-						x2: Q.value.drawingArea.left,
-						y1: Q.value.drawingArea.top,
-						y2: Q.value.drawingArea.bottom,
-						stroke: z.value.xyAxisStroke,
-						"stroke-width": z.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Xt), y("line", {
-						x1: Q.value.drawingArea.left,
-						x2: Q.value.drawingArea.right,
-						y1: isNaN(Q.value.absoluteZero) ? Q.value.drawingArea.bottom : Q.value.absoluteZero,
-						y2: isNaN(Q.value.absoluteZero) ? Q.value.drawingArea.bottom : Q.value.absoluteZero,
-						stroke: z.value.xyAxisStroke,
-						"stroke-width": z.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Zt)])) : _("", !0),
-					z.value.xyShowScale ? (C(), v("g", {
-						key: 2,
-						class: "yLabels",
-						ref_key: "scaleLabels",
-						ref: Rn
-					}, [(C(!0), v(h, null, T(Q.value.yLabels, (e, t) => (C(), v(h, null, [e.y <= Q.value.drawingArea.bottom ? (C(), v("line", {
-						key: 0,
-						x1: e.x + 4,
-						x2: Q.value.drawingArea.left,
-						y1: e.y,
-						y2: e.y,
-						stroke: z.value.xyAxisStroke,
-						"stroke-width": z.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Qt)) : _("", !0), e.y <= Q.value.drawingArea.bottom ? (C(), v("text", {
-						key: 1,
-						x: e.x,
-						y: e.y + z.value.xyLabelsYFontSize / 3,
-						"text-anchor": "end",
-						"font-size": z.value.xyLabelsYFontSize,
-						fill: z.value.color
-					}, D(O(u)(z.value.formatter, e.value, O(n)({
-						p: z.value.valuePrefix,
-						v: e.value,
-						s: z.value.valueSuffix,
-						r: z.value.dataLabelRoundingValue
-					}), {
-						datapoint: e,
-						seriesIndex: t
-					})), 9, $t)) : _("", !0)], 64))), 256))], 512)) : _("", !0),
-					z.value.xyShowScale && z.value.xyPeriods.length ? (C(), v("g", en, [(C(!0), v(h, null, T(z.value.xyPeriods.slice(X.value.start, X.value.end), (e, t) => (C(), v("line", {
-						x1: Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2,
-						x2: Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2,
-						y1: Q.value.drawingArea.bottom,
-						y2: Q.value.drawingArea.bottom + 4,
-						stroke: z.value.xyAxisStroke,
-						"stroke-width": z.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, tn))), 256)), y("g", {
-						ref_key: "timeLabelsEls",
-						ref: R
-					}, [(C(!0), v(h, null, T($.value.map((e) => e.text), (e, n) => (C(), v(h, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && n % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (C(), v("g", nn, [String(e).includes("\n") ? (C(), v("text", {
-						key: 1,
-						class: "vue-data-ui-time-label",
-						"font-size": z.value.xyLabelsXFontSize,
-						"text-anchor": z.value.xyPeriodLabelsRotation > 0 ? "start" : z.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-						fill: z.value.color,
-						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (n + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + z.value.xyLabelsXFontSize + 6}), rotate(${z.value.xyPeriodLabelsRotation})`,
-						innerHTML: O(t)({
-							content: String(e),
-							fontSize: z.value.xyLabelsXFontSize,
-							fill: z.value.color,
-							x: 0,
-							y: 0
-						})
-					}, null, 8, an)) : (C(), v("text", {
-						key: 0,
-						class: "vue-data-ui-time-label",
-						"font-size": z.value.xyLabelsXFontSize,
-						"text-anchor": z.value.xyPeriodLabelsRotation > 0 ? "start" : z.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-						fill: z.value.color,
-						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (n + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + z.value.xyLabelsXFontSize + 6}), rotate(${z.value.xyPeriodLabelsRotation})`
-					}, D(e), 9, rn))])) : _("", !0)], 64))), 256))], 512)])) : _("", !0),
-					y("g", on, [(C(!0), v(h, null, T(Q.value.dataset, (e, t) => (C(), v(h, null, [(C(!0), v(h, null, T(e.coordinates, (t, n) => (C(), v("rect", {
-						x: t.x,
-						width: t.width <= 0 ? 1e-5 : t.width,
-						height: O(m)(t.height <= 0 ? 1e-5 : t.height),
-						y: O(m)(t.y),
-						fill: e.color,
-						stroke: z.value.backgroundColor,
-						"stroke-width": z.value.barStrokeWidth,
-						"stroke-linecap": "round",
-						class: Ne({ "vue-data-ui-bar-animated": z.value.barAnimated && t.value < 0 && !O(H) })
-					}, [z.value.barAnimated && t.value > 0 && !O(ir) && !O(ar) ? (C(), v("animate", {
-						key: 0,
-						attributeName: "height",
-						from: 0,
-						to: t.height,
-						dur: "0.5s"
-					}, null, 8, cn)) : _("", !0), z.value.barAnimated && t.value > 0 && !O(ir) && !O(ar) ? (C(), v("animate", {
-						key: 1,
-						attributeName: "y",
-						from: Q.value.absoluteZero,
-						to: Q.value.absoluteZero - t.height,
-						dur: "0.5s"
-					}, null, 8, ln)) : _("", !0)], 10, sn))), 256))], 64))), 256))]),
-					z.value.showDataLabels ? (C(), v("g", un, [(C(!0), v(h, null, T(Q.value.dataset, (e, t) => (C(), v(h, null, [(C(!0), v(h, null, T(e.coordinates, (t, r) => (C(), v("text", {
-						x: t.x + t.width / 2,
-						y: O(m)(t.y) - z.value.dataLabelFontSize / 2,
-						"text-anchor": "middle",
-						"font-size": z.value.dataLabelFontSize,
-						fill: e.color,
-						class: "quick-animation"
-					}, D(O(u)(z.value.formatter, O(m)(t.value), O(n)({
-						p: z.value.valuePrefix,
-						v: O(m)(t.value),
-						s: z.value.valueSuffix,
-						r: z.value.dataLabelRoundingValue
-					}), {
-						datapoint: t,
-						seriesIndex: r
-					})), 9, dn))), 256))], 64))), 256))])) : _("", !0),
-					Qn.value && L.value.length < Q.value.legend.length ? (C(), v("g", fn, [(C(!0), v(h, null, T(Q.value.extremes.maxSeries, (e, t) => (C(), v("rect", {
-						x: Q.value.drawingArea.left + t * Q.value.slotSize,
-						y: Q.value.drawingArea.top,
-						height: Q.value.drawingArea.height <= 0 ? 1e-5 : Q.value.drawingArea.height,
-						width: Q.value.slotSize <= 0 ? 1e-5 : Q.value.slotSize,
-						fill: [I.value, J.value].includes(t) ? z.value.xyHighlighterColor : "transparent",
-						style: S(`opacity:${z.value.xyHighlighterOpacity}`),
-						onMouseenter: (e) => Q.value.useTooltip(t, "pointer"),
-						onMouseleave: (e) => Q.value.killTooltip(t),
-						onClick: (e) => Q.value.selectDatapoint(t)
-					}, null, 44, pn))), 256))])) : _("", !0)
-				], 64)) : _("", !0),
-				[A.LINE, A.BAR].includes(G.value) ? (C(), v("g", mn, [
-					z.value.xAxisLabel && G.value === A.LINE ? (C(), v("g", {
-						key: 0,
-						ref_key: "xAxisLabel",
-						ref: zn
-					}, [y("text", {
-						"font-size": z.value.axisLabelsFontSize,
-						fill: z.value.color,
-						"text-anchor": "middle",
-						x: Z.value.drawingArea.left + Z.value.drawingArea.width / 2,
-						y: K.value.height - z.value.axisLabelsFontSize / 3
-					}, D(z.value.xAxisLabel), 9, hn)], 512)) : _("", !0),
-					z.value.xAxisLabel && G.value === A.BAR ? (C(), v("g", {
-						key: 1,
-						ref_key: "xAxisLabel",
-						ref: zn
-					}, [y("text", {
-						"font-size": z.value.axisLabelsFontSize,
-						fill: z.value.color,
-						"text-anchor": "middle",
-						x: Q.value.drawingArea.left + Q.value.drawingArea.width / 2,
-						y: K.value.height - z.value.axisLabelsFontSize / 3
-					}, D(z.value.xAxisLabel), 9, gn)], 512)) : _("", !0),
-					z.value.yAxisLabel && G.value === A.LINE ? (C(), v("g", {
-						key: 2,
-						ref_key: "yAxisLabel",
-						ref: Bn
-					}, [y("text", {
-						"font-size": z.value.axisLabelsFontSize,
-						fill: z.value.color,
-						transform: `translate(${z.value.axisLabelsFontSize}, ${Z.value.drawingArea.top + Z.value.drawingArea.height / 2}) rotate(-90)`,
-						"text-anchor": "middle"
-					}, D(z.value.yAxisLabel), 9, _n)], 512)) : _("", !0),
-					z.value.yAxisLabel && G.value === A.BAR ? (C(), v("g", {
-						key: 3,
-						ref_key: "yAxisLabel",
-						ref: Bn
-					}, [y("text", {
-						"font-size": z.value.axisLabelsFontSize,
-						fill: z.value.color,
-						transform: `translate(${z.value.axisLabelsFontSize}, ${Q.value.drawingArea.top + Q.value.drawingArea.height / 2}) rotate(-90)`,
-						"text-anchor": "middle"
-					}, D(z.value.yAxisLabel), 9, vn)], 512)) : _("", !0)
-				])) : _("", !0)
-			], 44, tt)) : _("", !0), e.$slots.hint ? (C(), v("div", yn, [E(e.$slots, "hint", x(b({
-				hint: z.value.a11y.translations.keyboardNavigation,
-				isVisible: Wn.value
-			})), void 0, !0)])) : _("", !0)]),
-			e.$slots.watermark ? (C(), v("div", bn, [E(e.$slots, "watermark", x(b({ isPrinting: O(ir) || O(ar) })), void 0, !0)])) : _("", !0),
-			[A.BAR, A.LINE].includes(G.value) && z.value.zoomXy && W.value.maxSeriesLength > 1 ? (C(), v("div", {
-				key: `slicer_${Pn.value}`,
-				ref_key: "quickChartSlicer",
-				ref: On
-			}, [(C(), De(we, {
-				ref_key: "slicerComponent",
-				ref: wr,
-				key: `slicer_${Pn.value}`,
-				background: z.value.zoomColor,
-				borderColor: z.value.backgroundColor,
-				fontSize: z.value.zoomFontSize,
-				useResetSlot: z.value.zoomUseResetSlot,
-				labelLeft: z.value.xyPeriods[X.value.start] && $.value[0] ? $.value[0].text : "",
-				labelRight: z.value.xyPeriods[X.value.end - 1] && $.value?.length ? $.value.at(-1).text : "",
-				textColor: z.value.color,
-				inputColor: z.value.zoomColor,
-				selectColor: z.value.zoomHighlightColor,
-				max: W.value.maxSeriesLength,
-				min: 0,
-				valueStart: X.value.start,
-				valueEnd: X.value.end,
-				smoothMinimap: z.value.zoomMinimap.smooth,
-				minimapSelectedColor: z.value.zoomMinimap.selectedColor,
-				minimapSelectedColorOpacity: z.value.zoomMinimap.selectedColorOpacity,
-				minimapSelectionRadius: z.value.zoomMinimap.selectionRadius,
-				minimapLineColor: z.value.zoomMinimap.lineColor,
-				minimap: Dr.value,
-				minimapIndicatorColor: z.value.zoomMinimap.indicatorColor,
-				verticalHandles: z.value.zoomMinimap.verticalHandles,
-				minimapSelectedIndex: J.value,
-				start: X.value.start,
-				"onUpdate:start": r[0] ||= (e) => X.value.start = e,
-				end: X.value.end,
-				"onUpdate:end": r[1] ||= (e) => X.value.end = e,
-				refreshStartPoint: z.value.zoomStartIndex === null ? 0 : z.value.zoomStartIndex,
-				refreshEndPoint: z.value.zoomEndIndex === null ? W.value.maxSeriesLength : z.value.zoomEndIndex + 1,
-				enableRangeHandles: z.value.zoomEnableRangeHandles,
-				enableSelectionDrag: z.value.zoomEnableSelectionDrag,
-				minimapCompact: z.value.zoomMinimap.compact,
-				minimapMerged: z.value.zoomMinimap.merged,
-				allMinimaps: Rr.value,
-				minimapFrameColor: z.value.zoomMinimap.frameColor,
-				additionalMinimapHeight: z.value.zoomMinimap.additionalHeight,
-				handleType: z.value.zoomMinimap.handleType,
-				handleWidth: z.value.zoomMinimap.handleWidth,
-				handleBorderWidth: z.value.zoomMinimap.handleBorderWidth,
-				handleIconColor: z.value.zoomMinimap.handleIconColor,
-				handleBorderColor: z.value.zoomMinimap.handleBorderColor,
-				handleFill: z.value.zoomMinimap.handleFill,
-				focusOnDrag: z.value.zoomFocusOnDrag,
-				focusRangeRatio: z.value.zoomFocusRangeRatio,
-				maxWidth: z.value.zoomMaxWidth,
-				onReset: Cr,
-				onTrapMouse: xr
-			}, {
-				"reset-action": k(({ reset: t }) => [E(e.$slots, "reset-action", x(b({ reset: t })), void 0, !0)]),
-				_: 3
-			}, 8, /* @__PURE__ */ "background.borderColor.fontSize.useResetSlot.labelLeft.labelRight.textColor.inputColor.selectColor.max.valueStart.valueEnd.smoothMinimap.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectionRadius.minimapLineColor.minimap.minimapIndicatorColor.verticalHandles.minimapSelectedIndex.start.end.refreshStartPoint.refreshEndPoint.enableRangeHandles.enableSelectionDrag.minimapCompact.minimapMerged.allMinimaps.minimapFrameColor.additionalMinimapHeight.handleType.handleWidth.handleBorderWidth.handleIconColor.handleBorderColor.handleFill.focusOnDrag.focusRangeRatio.maxWidth".split(".")))])) : _("", !0),
-			y("div", { id: `legend-bottom-${P.value}` }, null, 8, xn),
-			Fn.value && z.value.showLegend ? (C(), De(Ee, {
-				key: 7,
-				to: z.value.legendPosition === "top" ? `#legend-top-${P.value}` : `#legend-bottom-${P.value}`
-			}, [z.value.showLegend ? (C(), v("div", {
-				key: 0,
-				ref_key: "quickChartLegend",
-				ref: Dn,
-				class: "vue-ui-quick-chart-legend",
-				style: S(`background:transparent;color:${z.value.color}`)
-			}, [
-				(Y.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && z.value.showLegendSelectAllToggle && !O(H) ? (C(), De(xe, {
-					key: 0,
-					backgroundColor: z.value.legendSelectAllToggleBackgroundColor,
-					color: z.value.legendSelectAllToggleColor,
-					fontSize: z.value.legendFontSize,
-					checked: L.value.length > 0,
-					isCursorPointer: Hn.value,
-					onToggle: hr
-				}, null, 8, [
-					"backgroundColor",
-					"color",
-					"fontSize",
-					"checked",
-					"isCursorPointer"
-				])) : _("", !0),
-				G.value === A.DONUT ? (C(!0), v(h, { key: 1 }, T(Y.value.legend, (t, r) => (C(), v("div", {
-					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => {
-						br(t, Y.value.dataset), U("selectLegend", t);
-					},
-					style: S(`cursor: ${Y.value.legend.length > 1 && Hn.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
-					role: "button",
-					tabindex: "0",
-					onKeydown: (e) => {
-						ni(e, () => {
-							br(t, Y.value.dataset), U("selectLegend", t);
-						});
-					}
-				}, [z.value.useCustomLegend ? E(e.$slots, "legend", je({
-					key: 0,
-					ref_for: !0
-				}, { legend: {
-					...t,
-					isSegregated: L.value.includes(t.id),
-					segregate: () => {
-						br(t, Y.value.dataset), U("selectLegend", t);
-					}
-				} }), void 0, !0) : (C(), v(h, { key: 1 }, [
-					ke(O(He), {
-						name: z.value.legendIcon,
-						stroke: t.color,
-						size: z.value.legendIconSize
-					}, null, 8, [
-						"name",
-						"stroke",
-						"size"
-					]),
-					y("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5),
-					y("span", { style: S(`font-size:${z.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, D(L.value.includes(t.id) ? "-" : O(u)(z.value.formatter, t.absoluteValue, O(n)({
-						p: z.value.valuePrefix,
-						v: t.absoluteValue,
-						s: z.value.valueSuffix,
-						r: z.value.dataLabelRoundingValue
-					}), {
-						datapoint: t,
-						seriesIndex: r
-					})), 5),
-					L.value.includes(t.id) ? (C(), v("span", {
-						key: 0,
-						style: S(`font-size:${z.value.legendFontSize}px`)
-					}, " ( - % ) ", 4)) : yr.value ? (C(), v("span", {
-						key: 1,
-						style: S(`font-size:${z.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " ( - % ) ", 4)) : (C(), v("span", {
-						key: 2,
-						style: S(`font-size:${z.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " (" + D(O(n)({
-						v: t.value / Y.value.total * 100,
-						s: "%",
-						r: z.value.dataLabelRoundingPercentage
-					})) + ") ", 5))
-				], 64))], 44, Sn))), 256)) : _("", !0),
-				G.value === A.LINE ? (C(!0), v(h, { key: 2 }, T(Z.value.legend, (t, n) => (C(), v("div", {
-					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => {
-						gr(t.id, Z.value.legend.length - 1), U("selectLegend", t);
-					},
-					style: S(`cursor: ${Z.value.legend.length > 1 && Hn.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
-					role: "button",
-					tabindex: "0",
-					onKeydown: (e) => {
-						ni(e, () => {
-							gr(t.id, Z.value.legend.length - 1), U("selectLegend", t);
-						});
-					}
-				}, [z.value.useCustomLegend ? E(e.$slots, "legend", je({
-					key: 0,
-					ref_for: !0
-				}, { legend: {
-					...t,
-					isSegregated: L.value.includes(t.id),
-					segregate: () => {
-						gr(t.id, Z.value.legend.length - 1), U("selectLegend", t);
-					}
-				} }), void 0, !0) : (C(), v(h, { key: 1 }, [ke(O(He), {
-					name: z.value.legendIcon,
-					stroke: t.color,
-					size: z.value.legendIconSize
-				}, null, 8, [
-					"name",
-					"stroke",
-					"size"
-				]), y("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5)], 64))], 44, Cn))), 256)) : _("", !0),
-				G.value === A.BAR ? (C(!0), v(h, { key: 3 }, T(Q.value.legend, (t, n) => (C(), v("div", {
-					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => {
-						gr(t.id, Q.value.legend.length - 1), U("selectLegend", t);
-					},
-					style: S(`cursor: ${Q.value.legend.length > 1 && Hn.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
-					role: "button",
-					tabindex: "0",
-					onKeydown: (e) => {
-						ni(e, () => {
-							gr(t.id, Q.value.legend.length - 1), U("selectLegend", t);
-						});
-					}
-				}, [z.value.useCustomLegend ? E(e.$slots, "legend", je({
-					key: 0,
-					ref_for: !0
-				}, { legend: {
-					...t,
-					isSegregated: L.value.includes(t.id),
-					segregate: () => {
-						gr(t.id, Q.value.legend.length - 1), U("selectLegend", t);
-					}
-				} }), void 0, !0) : (C(), v(h, { key: 1 }, [ke(O(He), {
-					name: z.value.legendIcon,
-					stroke: t.color,
-					size: z.value.legendIconSize
-				}, null, 8, [
-					"name",
-					"stroke",
-					"size"
-				]), y("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5)], 64))], 44, wn))), 256)) : _("", !0)
-			], 4)) : _("", !0)], 8, ["to"])) : _("", !0),
-			e.$slots.source ? (C(), v("div", {
-				key: 8,
-				ref_key: "source",
-				ref: jn,
-				dir: "auto"
-			}, [E(e.$slots, "source", {}, void 0, !0)], 512)) : _("", !0),
-			ke(O(Ke), {
-				teleportTo: z.value.tooltipTeleportTo,
-				show: lr.value.showTooltip && F.value,
-				backgroundColor: z.value.backgroundColor,
-				color: z.value.color,
-				borderRadius: z.value.tooltipBorderRadius,
-				borderColor: z.value.tooltipBorderColor,
-				borderWidth: z.value.tooltipBorderWidth,
-				fontSize: z.value.tooltipFontSize,
-				backgroundOpacity: z.value.tooltipBackgroundOpacity,
-				position: z.value.tooltipPosition,
-				offsetX: z.value.tooltipOffsetX,
-				offsetY: z.value.tooltipOffsetY,
-				parent: N.value,
-				content: An.value,
-				isFullscreen: Vr.value,
-				isCustom: O(re)(z.value.tooltipCustomFormat),
-				smooth: z.value.tooltipSmooth,
-				smoothForce: z.value.tooltipSmoothForce,
-				smoothSnapThreshold: z.value.tooltipSmoothSnapThreshold,
-				backdropFilter: z.value.tooltipBackdropFilter,
-				isA11yMode: V.value === "keyboard",
-				a11yPosition: Un.value
-			}, {
-				"tooltip-before": k(() => [E(e.$slots, "tooltip-before", x(b({ ...kn.value })), void 0, !0)]),
-				tooltip: k(() => [E(e.$slots, "tooltip", x(b({ ...kn.value })), void 0, !0)]),
-				"tooltip-after": k(() => [E(e.$slots, "tooltip-after", x(b({ ...kn.value })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"teleportTo",
-				"show",
-				"backgroundColor",
-				"color",
-				"borderRadius",
-				"borderColor",
-				"borderWidth",
-				"fontSize",
-				"backgroundOpacity",
-				"position",
-				"offsetX",
-				"offsetY",
-				"parent",
-				"content",
-				"isFullscreen",
-				"isCustom",
-				"smooth",
-				"smoothForce",
-				"smoothSnapThreshold",
-				"backdropFilter",
-				"isA11yMode",
-				"a11yPosition"
-			]),
-			E(e.$slots, "skeleton", {}, () => [O(H) ? (C(), De(fe, { key: 0 })) : _("", !0)], !0)
-		], 46, Ze)) : (C(), v("div", Tn, [ke(O(He), {
-			name: "circleCancel",
-			stroke: "red"
-		}), r[5] ||= y("span", null, "Dataset is not processable", -1)]));
-	}
-}, [["__scopeId", "data-v-9d6ee49c"]]);
-//#endregion
-export { N as n, En as t };