vue-data-ui 3.27.0 → 3.27.1

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

@@ -1,2775 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Dt as n, Ht as r, It as i, J as a, Kt as o, P as s, S as ee, X as c, _ as te, at as l, b as u, en as d, et as ne, f, h as re, i as p, nn as ie, p as ae, pt as oe, t as se, w as ce, zt as le } from "./lib-D4wK6ljP.js";
-import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
-import { t as fe } from "./useTimeLabels-d2f-W1L4.js";
-import { t as pe } from "./useConfig-D_6ZrPMD.js";
-import { t as me } from "./usePrinter-DdW2GSm0.js";
-import { n as he, t as ge } from "./BaseScanner-Dzc8VT3j.js";
-import { t as _e } from "./useNestedProp-DR_8JPol.js";
-import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ye } from "./useChartExport-iwOqiIWX.js";
-import { t as be } from "./useTransitions-g_zBREk2.js";
-import { t as xe } from "./useStableElementSize-C7KADDKj.js";
-import { t as Se } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ce } from "./img-Bb5rHcpO.js";
-import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as Te, t as Ee } from "./useResponsive-ZtArZtUf.js";
-import { t as De } from "./SlicerPreview-k5YerMA9.js";
-import { t as Oe } from "./BaseLegendToggle-CP3sddwv.js";
-import { t as ke } from "./A11yDataTable-DdRsVULz.js";
-import { t as Ae } from "./useChartAccessibility-DYqac8yF.js";
-import { t as je } from "./vue_ui_quick_chart-DByCqSYE.js";
-import { Fragment as m, Teleport as Me, computed as h, createBlock as Ne, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as Pe, createVNode as Fe, defineAsyncComponent as Ie, guardReactiveProps as y, mergeProps as Le, nextTick as Re, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as ze, onMounted as Be, openBlock as C, ref as w, renderList as T, renderSlot as E, shallowRef as Ve, toDisplayString as D, toRefs as He, unref as O, watch as Ue, watchEffect as We, withCtx as k } from "vue";
-//#region src/chartDetector.js
-var A = {
-	LINE: "LINE",
-	BAR: "BAR",
-	DONUT: "DONUT"
-}, Ge = [
-	"SERIE",
-	"SERIES",
-	"DATA",
-	"VALUE",
-	"VALUES",
-	"NUM"
-];
-function Ke({ 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`), Je(e) && (j(e) && (r = e.length < t ? A.BAR : A.LINE, i = e, a = e.length), Ye(e))) {
-		if (!Ze(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;
-		$e(s, (e) => typeof e == "number") && (r = A.DONUT, i = e), $e(s, (e) => Array.isArray(e) && j(e)) && (r = et(e) > t ? A.LINE : A.BAR, a = et(e), i = e.map((e) => ({
-			...e,
-			data: tt(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 qe(e) {
-	return !e || Je(e) && !e.length;
-}
-function Je(e) {
-	return Array.isArray(e);
-}
-function j(e) {
-	if (!Je(e) || qe(e)) return !1;
-	let t = e.map((e) => Number(e));
-	return ![...new Set(t.flatMap((e) => typeof e == "number" && !isNaN(e)))].includes(!1);
-}
-function Ye(e) {
-	return !Je(e) || qe(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 Xe(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 Ze(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 (!Xe(e[t], e[n])) return !1;
-	return !0;
-}
-function Qe(e) {
-	return Ge.includes(e.toUpperCase());
-}
-function $e(e, t) {
-	let n = [];
-	for (let r = 0; r < e.length; r += 1) n.push(t(e[r]));
-	return n.includes(!0);
-}
-function et(e) {
-	return Math.max(...[...e].flatMap((e) => Object.values(e).filter((e) => j(e)).map((e) => e.length)));
-}
-function tt(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: () => kn }), nt = ["id"], rt = ["id"], it = ["id"], at = { style: { position: "relative" } }, ot = [
-	"xmlns",
-	"aria-describedby",
-	"viewBox"
-], st = [
-	"x",
-	"y",
-	"width",
-	"height"
-], ct = [
-	"x",
-	"y",
-	"width",
-	"height"
-], lt = ["width", "height"], ut = ["id"], dt = ["id"], ft = ["id"], pt = ["flood-color"], mt = {
-	key: 0,
-	class: "donut-label-connectors"
-}, ht = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"filter"
-], gt = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"filter"
-], _t = { class: "donut" }, vt = [
-	"d",
-	"fill",
-	"stroke",
-	"stroke-width",
-	"filter"
-], yt = [
-	"d",
-	"onMouseenter",
-	"onMouseout",
-	"onClick"
-], bt = {
-	key: 1,
-	class: "donut-labels"
-}, xt = [
-	"cx",
-	"cy",
-	"fill",
-	"stroke",
-	"filter"
-], St = [
-	"text-anchor",
-	"x",
-	"y",
-	"fill",
-	"font-size",
-	"filter"
-], Ct = [
-	"text-anchor",
-	"x",
-	"y",
-	"fill",
-	"font-size",
-	"filter"
-], wt = {
-	key: 2,
-	class: "donut-hollow"
-}, Tt = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], Et = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], Dt = {
-	key: 0,
-	class: "line-grid"
-}, Ot = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], kt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], At = {
-	key: 1,
-	class: "line-axis"
-}, jt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Mt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Nt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Pt = [
-	"transform",
-	"font-size",
-	"fill"
-], Ft = {
-	key: 3,
-	class: "periodLabels"
-}, It = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Lt = { key: 0 }, Rt = [
-	"font-size",
-	"text-anchor",
-	"fill",
-	"transform"
-], zt = [
-	"font-size",
-	"text-anchor",
-	"fill",
-	"transform",
-	"innerHTML"
-], Bt = { class: "plots" }, Vt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Ht = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Ut = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Wt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Gt = [
-	"cx",
-	"cy",
-	"fill",
-	"stroke"
-], Kt = {
-	key: 4,
-	class: "dataLabels"
-}, qt = [
-	"font-size",
-	"fill",
-	"transform"
-], Jt = {
-	key: 5,
-	class: "tooltip-traps"
-}, Yt = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Xt = {
-	key: 0,
-	class: "line-grid"
-}, Zt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Qt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], $t = {
-	key: 1,
-	class: "line-axis"
-}, en = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], tn = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], nn = [
-	"d",
-	"stroke",
-	"stroke-width"
-], rn = [
-	"transform",
-	"font-size",
-	"fill"
-], an = {
-	key: 3,
-	class: "periodLabels"
-}, on = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], sn = { key: 0 }, cn = [
-	"font-size",
-	"text-anchor",
-	"fill",
-	"transform"
-], ln = [
-	"font-size",
-	"text-anchor",
-	"fill",
-	"transform",
-	"innerHTML"
-], un = { class: "plots" }, dn = [
-	"x",
-	"width",
-	"height",
-	"y",
-	"fill",
-	"stroke",
-	"stroke-width"
-], fn = {
-	key: 4,
-	class: "dataLabels"
-}, pn = [
-	"transform",
-	"font-size",
-	"fill"
-], mn = {
-	key: 5,
-	class: "tooltip-traps"
-}, hn = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], gn = {
-	key: 6,
-	class: "axis-labels"
-}, _n = [
-	"font-size",
-	"fill",
-	"x",
-	"y"
-], vn = [
-	"font-size",
-	"fill",
-	"x",
-	"y"
-], yn = [
-	"font-size",
-	"fill",
-	"transform"
-], bn = [
-	"font-size",
-	"fill",
-	"transform"
-], xn = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"fill-opacity",
-	"stroke",
-	"stroke-opacity",
-	"stroke-width",
-	"stroke-dasharray"
-], Sn = {
-	key: 1,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, Cn = {
-	key: 5,
-	class: "vue-data-ui-watermark"
-}, wn = ["id"], Tn = ["onClick", "onKeydown"], En = ["onClick", "onKeydown"], Dn = ["onClick", "onKeydown"], On = {
-	key: 1,
-	class: "vue-ui-quick-chart-not-processable"
-}, kn = /*#__PURE__*/ we({
-	__name: "vue-ui-quick-chart",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: [
-				Array,
-				Object,
-				String,
-				Number
-			],
-			default() {
-				return null;
-			}
-		},
-		zoomState: {
-			type: Object,
-			default: null
-		}
-	},
-	emits: [
-		"selectDatapoint",
-		"selectLegend",
-		"zoomStart",
-		"zoomEnd",
-		"zoomReset",
-		"update:zoomState",
-		"copyAlt"
-	],
-	setup(e, { expose: we, emit: Ge }) {
-		let qe = Ie(() => import("./BaseIcon-Cx9FD751.js").then((e) => e.n)), Je = Ie(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), Xe = Ie(() => import("./PenAndPaper-CNiuGw6k.js").then((e) => e.t)), Ze = Ie(() => import("./Tooltip-C4ZTwkLF.js")), Qe = Ie(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), { vue_ui_quick_chart: $e } = pe(), { isThemeValid: et, warnInvalidTheme: tt } = ve(), M = e, N = w(null), kn = w(null), An = w(null), jn = w(null), P = w(c()), F = w(!1), Mn = w(null), Nn = w(""), I = w(null), Pn = w(null), Fn = w(null), L = w([]), In = w(0), Ln = w(0), Rn = w(!1), zn = w(null), Bn = w(null), Vn = w(null), Hn = w(null), Un = w(null), Wn = w(null), Gn = Ve(null), Kn = w(!1), qn = w(0), Jn = w(0), Yn = w(!1);
-		function Xn() {
-			Gn.value = N.value?.parentNode ?? null;
-		}
-		function Zn() {
-			return new Promise((e) => {
-				requestAnimationFrame(() => {
-					requestAnimationFrame(e);
-				});
-			});
-		}
-		async function Qn() {
-			let e = ++Jn.value;
-			Kn.value = !1, await Re(), await Zn(), await Zn(), e === Jn.value && (qn.value += 1, Kn.value = !0);
-		}
-		function $n() {
-			Yn.value || (Yn.value = !0, Re(() => {
-				Yn.value = !1, Xn(), Qn();
-			}));
-		}
-		let er = xe({
-			elementRef: Gn,
-			minimumWidth: 2,
-			minimumHeight: 2,
-			stableFramesRequired: 2,
-			once: !1,
-			onSizeAccepted: () => {
-				Qn();
-			}
-		});
-		w("#FFFFFF");
-		let R = w(mr());
-		ue({
-			config: () => R.value,
-			dataset: () => M.dataset,
-			component: "VueUiQuickChart",
-			rules: [de.emptyArray, {
-				test: () => !0,
-				message: [
-					"👀 This is a swiss-knife component. If you need more control, consider using dedicated components:",
-					"",
-					"▶️ VueUiXy for time series line and/or bars",
-					"",
-					"▶️ VueUiDonut, VueUiWaffle, VueUiRings for proportions"
-				]
-			}]
-		});
-		let { transitionEnabled: z } = be({
-			config: () => R.value.transitions,
-			dataset: () => M.dataset
-		}), tr = h(() => R.value.debug), nr = h(() => R.value.useCursorPointer), B = w(null), rr = w({
-			x: 0,
-			y: 0
-		}), V = w("pointer"), ir = w(!1), ar = h(() => ie({
-			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: R.value.skeletonConfig ?? {}
-		})), { loading: or, FINAL_DATASET: sr, manualLoading: cr } = he({
-			...He(M),
-			FINAL_CONFIG: R,
-			prepareConfig: mr,
-			skeletonDataset: M.config?.skeletonDataset ?? [
-				1,
-				2,
-				3,
-				5,
-				8,
-				13,
-				21,
-				34,
-				55,
-				89
-			],
-			skeletonConfig: ie({
-				defaultConfig: R.value,
-				userConfig: ar.value
-			})
-		}), { svgRef: H } = Ae({ config: { text: R.value.title } }), lr = h(() => R.value.showUserOptionsOnChartHover), ur = h(() => R.value.keepUserOptionsStateOnChartLeave), dr = w(!R.value.showUserOptionsOnChartHover), fr = w(!1);
-		function pr(e = !1) {
-			fr.value = e, lr.value && (dr.value = e);
-		}
-		function mr() {
-			let e = _e({
-				userConfig: M.config,
-				defaultConfig: $e
-			}), t = {}, n = e.theme;
-			if (n) {
-				if (!et.value(e)) tt(e), t = e;
-				else {
-					let i = _e({
-						userConfig: je[n] || M.config,
-						defaultConfig: e
-					});
-					t = {
-						..._e({
-							userConfig: M.config,
-							defaultConfig: i
-						}),
-						customPalette: e.customPalette.length ? e.customPalette : d[n] || r
-					};
-				}
-			} else t = e;
-			return t;
-		}
-		function hr(e) {
-			let t = ne(e);
-			return t?.tooltipPosition && delete t.tooltipPosition, JSON.stringify(t);
-		}
-		let gr = hr(M.config);
-		Ue(() => M.config, (e, t) => {
-			let n = hr(e), r = n !== gr;
-			gr = n;
-			let i = mr();
-			if (!r) {
-				R.value.tooltipPosition = i.tooltipPosition, Dr.value.showTooltip = R.value.showTooltip;
-				return;
-			}
-			or.value || (R.value = i), K.value.width = R.value.width, K.value.height = R.value.height, dr.value = !R.value.showUserOptionsOnChartHover, Ar(), Dr.value.showTooltip = R.value.showTooltip;
-		}, { deep: !0 }), Ue(() => M.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (cr.value = !1);
-		}, { immediate: !0 });
-		let _r = h(() => ce(R.value.customPalette)), U = Ge, vr = h(() => {
-			let e = Ke({
-				debug: tr.value,
-				dataset: o(sr.value, [
-					"serie",
-					"series",
-					"data",
-					"value",
-					"values",
-					"num"
-				]),
-				barLineSwitch: R.value.chartIsBarUnderDatasetLength
-			});
-			return !e && tr.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
-		}), W = w(vr.value), yr = h(() => !!W.value), G = h(() => W.value ? W.value.type : null), br = h(() => [A.BAR, A.LINE].includes(G.value)), xr = h(() => br.value && R.value.zoomXy && Number(W.value?.maxSeriesLength ?? 0) > 1);
-		Ue(() => G.value, (e) => {
-			e || l({
-				componentName: "VueUiQuickChart",
-				type: "dataset",
-				debug: tr.value
-			});
-		}, { immediate: !0 });
-		let { isPrinting: Sr, isImaging: Cr, generatePdf: wr, generateImage: Tr } = me({
-			elementId: `${G.value}_${P.value}`,
-			fileName: R.value.title || G.value,
-			options: R.value.userOptionsPrint
-		}), Er = h(() => R.value.showUserOptions && !R.value.title), K = w({
-			width: R.value.width,
-			height: R.value.height
-		}), Dr = w({ showTooltip: R.value.showTooltip });
-		Ue(R, () => {
-			Dr.value = { showTooltip: R.value.showTooltip };
-		}, { immediate: !0 });
-		let Or = Ve(null), kr = Ve(null);
-		Be(() => {
-			Rn.value = !0, Xn(), er.start(), Ar(), Qn();
-		});
-		function Ar() {
-			if (le(M.dataset) || (cr.value = R.value.loading), R.value.responsive) {
-				let e = Te(() => {
-					let { width: e, height: t } = Ee({
-						chart: N.value,
-						title: R.value.title ? kn.value : null,
-						legend: R.value.showLegend ? An.value : null,
-						slicer: xr.value ? jn.value : null,
-						source: Pn.value,
-						noTitle: Fn.value
-					});
-					requestAnimationFrame(() => {
-						K.value.width = e, K.value.height = t, $n();
-					});
-				});
-				Or.value && (kr.value && Or.value.unobserve(kr.value), Or.value.disconnect()), Or.value = new ResizeObserver(e), kr.value = N.value.parentNode, Or.value.observe(kr.value);
-			}
-			fi(), $n();
-		}
-		ze(() => {
-			er.stop(), oi(), Ai(), Or.value && (kr.value && Or.value.unobserve(kr.value), Or.value.disconnect(), Or.value = null, kr.value = null);
-		});
-		let jr = h(() => {
-			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 Mr(e) {
-			return [...e].map((e) => e.value).reduce((e, t) => e + t, 0);
-		}
-		function Nr(e) {
-			return R.value.blurOnHover && ![null, void 0].includes(I.value) && I.value !== e ? `url(#blur_${P.value})` : "";
-		}
-		function Pr() {
-			L.value.length ? L.value = [] : G.value === A.DONUT ? J.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);
-			}), G.value === A.DONUT ? U("selectLegend", J.value.dataset) : G.value === A.LINE ? U("selectLegend", Z.value.dataset) : G.value === A.BAR && U("selectLegend", Q.value.dataset);
-		}
-		function Fr(e, t) {
-			L.value.includes(e) ? L.value = L.value.filter((t) => t !== e) : L.value.length < t && L.value.push(e);
-		}
-		let Ir = w(null), Lr = w(null), Rr = w(!1);
-		function zr(e, t) {
-			Rr.value = !0;
-			let n = e.value, r = vr.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 ? (Rr.value = !1, cancelAnimationFrame(Lr.value), W.value = {
-						...W.value,
-						dataset: W.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
-							...t,
-							value: r,
-							VALUE: r
-						} : t)
-					}, U("selectLegend", J.value.dataset)) : (n += r * .025, W.value = {
-						...W.value,
-						dataset: W.value.dataset.map((t, r) => e.id === `donut_${r}` ? {
-							...t,
-							value: n,
-							VALUE: n
-						} : t)
-					}, Lr.value = requestAnimationFrame(t));
-				}
-				t();
-			} else if (t.length > 1) {
-				function t() {
-					n < r / 100 ? (Rr.value = !1, cancelAnimationFrame(Ir.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)
-					}, U("selectLegend", J.value.dataset)) : (n /= 1.1, W.value = {
-						...W.value,
-						dataset: W.value.dataset.map((t, r) => e.id === `donut_${r}` ? {
-							...t,
-							value: n,
-							VALUE: n
-						} : t)
-					}, Ir.value = requestAnimationFrame(t));
-				}
-				t();
-			} else U("selectLegend", J.value.dataset);
-		}
-		let q = w(null);
-		function Br(e) {
-			q.value = e;
-		}
-		let Vr = h(() => R.value.donutThicknessRatio < .01 ? .01 : R.value.donutThicknessRatio > .4 ? .4 : R.value.donutThicknessRatio), J = h(() => {
-			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 ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || r[t + R.value.paletteStartIndex] || r[(t + R.value.paletteStartIndex) % r.length],
-				immutableValue: e.value
-			}));
-			function a(e, n) {
-				return t({
-					v: isNaN(e.value / Mr(n)) ? 0 : e.value / Mr(n) * 100,
-					s: "%",
-					r: R.value.dataLabelRoundingPercentage
-				});
-			}
-			function o(e) {
-				return e.proportion * 100 > R.value.donutHideLabelUnderPercentage;
-			}
-			function s(e, t) {
-				let n = vr.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 c({ datapoint: r, seriesIndex: i, triggerMode: a = "pointer" }) {
-				Mn.value = {
-					datapoint: r,
-					seriesIndex: i,
-					config: R.value,
-					dataset: e
-				}, I.value = r.id, B.value = i, V.value = a;
-				let o = R.value.tooltipCustomFormat;
-				if (R.value.events.datapointEnter && R.value.events.datapointEnter({
-					datapoint: r,
-					seriesIndex: i
-				}), n(o) && oe(() => o({
-					datapoint: r,
-					seriesIndex: i,
-					series: e,
-					config: R.value
-				}))) Nn.value = o({
-					datapoint: r,
-					seriesIndex: i,
-					series: e,
-					config: R.value
-				});
-				else {
-					let e = "";
-					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${R.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${r.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="${r.color}"/></svg>`, e += `<b>${p(R.value.formatter, r.value, t({
-						p: R.value.valuePrefix,
-						v: r.value,
-						s: R.value.valueSuffix,
-						r: R.value.dataLabelRoundingValue
-					}), {
-						datapoint: r,
-						seriesIndex: i
-					})}</b>`, e += `<span>(${t({
-						v: r.proportion * 100,
-						s: "%",
-						r: R.value.dataLabelRoundingPercentage
-					})})</span></div>`, Nn.value = `<div>${e}</div>`;
-				}
-				F.value = !0;
-			}
-			function te({ datapoint: e, seriesIndex: t }) {
-				R.value.events.datapointLeave && R.value.events.datapointLeave({
-					datapoint: e,
-					seriesIndex: t
-				}), F.value = !1, I.value = null, q.value = null, B.value = null, V.value = "pointer";
-			}
-			function l({ datapoint: e, seriesIndex: t }) {
-				R.value.events.datapointClick && R.value.events.datapointClick({
-					datapoint: e,
-					seriesIndex: t
-				}), U("selectDatapoint", e);
-			}
-			let u = {
-				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), ne = e.map((e, t) => ({
-				...e,
-				proportion: (e.value || 0) / d,
-				value: e.value || 0,
-				absoluteValue: vr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
-				shape: "circle"
-			})), f = K.value.width / 2, re = K.value.height / 2, ie = K.value.height * R.value.donutRadiusRatio;
-			return {
-				dataset: ne.filter((e) => !L.value.includes(e.id)),
-				legend: ne,
-				drawingArea: u,
-				displayArcPercentage: a,
-				isArcBigEnough: o,
-				useTooltip: c,
-				killTooltip: te,
-				selectDatapoint: l,
-				getSpaces: s,
-				total: d,
-				cx: f,
-				cy: re,
-				radius: ie,
-				chart: i({ series: e.filter((e) => !L.value.includes(e.id)) }, f, re, ie, ie, 1.99999, 2, 1, 360, 105.25, K.value.height * Vr.value)
-			};
-		}), Y = w({
-			start: 0,
-			end: W.value.maxSeriesLength
-		}), Hr = w({ ...Y.value }), Ur = w(null), Wr = w(!1), Gr = w(!1), Kr = w(!1), qr = w(!1), Jr = w(!1), Yr = w(null), Xr = w(null), Zr = w(null), Qr = w(!1), $r = w({
-			time: 0,
-			x: 0,
-			y: 0,
-			pointerType: null
-		}), ei = {
-			show: !1,
-			selection: {
-				fill: "#2D353C",
-				stroke: "transparent",
-				fillOpacity: .1,
-				strokeOpacity: .5,
-				strokeWidth: 1,
-				strokeDasharray: 0
-			}
-		}, ti = h(() => {
-			let e = R.value.dragToZoom ?? {};
-			return {
-				...ei,
-				...e,
-				selection: {
-					...ei.selection,
-					...e.selection ?? {}
-				}
-			};
-		}), X = h(() => br.value && ti.value.show && Wr.value && si() > 1 && !or.value), ni = null, ri = {};
-		function ii(e, t = Y.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 ai(e) {
-			let t = ii(e);
-			t && U("update:zoomState", t);
-		}
-		function oi() {
-			ni &&= (cancelAnimationFrame(ni), null), ri = {};
-		}
-		function si() {
-			let e = Number(W.value?.maxSeriesLength);
-			return Number.isFinite(e) ? Math.max(0, e) : 0;
-		}
-		function ci(e, t = Y.value.start) {
-			let n = si();
-			if (n <= 0) return 0;
-			let r = Math.max(0, Math.min(Number(t) || 0, n - 1)), i = Number(e);
-			return Number.isFinite(i) ? i > n ? n : i <= r ? Math.min(r + 1, n) : Math.max(0, i) : Math.min(r + 1, n);
-		}
-		function li() {
-			let e = si();
-			if (e <= 0) {
-				Y.value = {
-					start: 0,
-					end: 0
-				}, Hr.value = { ...Y.value }, Ur.value && Ur.value.setRangeValues(0, 0);
-				return;
-			}
-			let t = Number(Y.value.start), n = Number(Y.value.end);
-			Number.isFinite(t) || (t = 0), Number.isFinite(n) || (n = e), t = Math.max(0, Math.min(t, e - 1)), n = Math.max(t + 1, Math.min(n, e)), Y.value = {
-				start: t,
-				end: n
-			}, Hr.value = {
-				start: t,
-				end: n
-			}, Ur.value && Ur.value.setRangeValues(t, n);
-		}
-		function ui(e) {
-			if (!br.value) return null;
-			let t = ii(e);
-			return t ? ((t.start !== Number(Y.value.start) || t.end !== Number(Y.value.end)) && (oi(), Y.value = {
-				start: t.start,
-				end: t.end
-			}, Hr.value = { ...Y.value }, li(), $n()), {
-				start: Number(Y.value.start),
-				end: Number(Y.value.end)
-			}) : null;
-		}
-		function di(e) {
-			let t = ui(e);
-			return t ? (ai(t), t) : null;
-		}
-		async function fi({ applyControlledZoom: e = !0 } = {}) {
-			if (!Gr.value) {
-				if (!br.value) {
-					Wr.value = !1;
-					return;
-				}
-				Gr.value = !0;
-				try {
-					await Re(), await Re();
-					let { zoomStartIndex: t, zoomEndIndex: n } = R.value, r = si();
-					if (r <= 0) {
-						Y.value = {
-							start: 0,
-							end: 0
-						}, Hr.value = { ...Y.value }, Wr.value = !1;
-						return;
-					}
-					let i = t == null ? 0 : Number(t), a = n == null ? r : ci(Number(n) + 1, i);
-					if (e && ii(M.zoomState)) {
-						let e = ii(M.zoomState);
-						i = e.start, a = e.end;
-					}
-					Kr.value = !0, Y.value = {
-						start: i,
-						end: a
-					}, Hr.value = {
-						start: i,
-						end: a
-					}, li(), Wr.value = !0, await Re(), Ur.value && Ur.value.setRangeValues(Y.value.start, Y.value.end);
-				} finally {
-					queueMicrotask(() => {
-						Kr.value = !1;
-					}), Gr.value = !1, $n();
-				}
-			}
-		}
-		async function pi({ applyControlledZoom: e = !1, publish: t = !1 } = {}) {
-			oi(), await fi({ applyControlledZoom: e }), t && (ai({
-				start: Number(Y.value.start),
-				end: Number(Y.value.end)
-			}), U("zoomReset"));
-		}
-		function mi(e) {
-			ri = {
-				...ri,
-				...e
-			}, ni && cancelAnimationFrame(ni), ni = requestAnimationFrame(() => {
-				let e = {
-					...Y.value,
-					...ri
-				};
-				ri = {}, ni = null, Y.value = e, Hr.value = { ...e }, li(), ai({
-					start: Number(Y.value.start),
-					end: Number(Y.value.end)
-				}), $n();
-			});
-		}
-		function hi(e) {
-			if (Gr.value || Kr.value) return;
-			let t = Number(e);
-			Number.isFinite(t) && (U("zoomStart", {
-				index: t,
-				isZoom: t !== 0
-			}), (t !== Y.value.start || ri.end !== void 0) && mi({ start: t }));
-		}
-		function gi(e) {
-			if (Gr.value || Kr.value) return;
-			let t = ri.start === void 0 ? Y.value.start : ri.start, n = ci(Number(e), t);
-			U("zoomEnd", {
-				index: n,
-				isZoom: n !== si()
-			}), (n !== Y.value.end || ri.start !== void 0) && mi({ end: n });
-		}
-		Ue([
-			() => M.zoomState,
-			br,
-			() => Number(W.value?.maxSeriesLength ?? 0)
-		], async ([e, t, n]) => {
-			if (!(!t || n <= 0 || !e)) {
-				if (!Wr.value) {
-					await fi({ applyControlledZoom: !0 });
-					return;
-				}
-				ui(e);
-			}
-		}, {
-			deep: !0,
-			immediate: !0
-		}), Ue(vr, async (e) => {
-			if (!e) {
-				Wr.value = !1;
-				return;
-			}
-			let t = W.value?.type, n = Number(W.value?.maxSeriesLength ?? 0);
-			W.value = e;
-			let r = e.type, i = Number(e.maxSeriesLength ?? 0);
-			if (![A.BAR, A.LINE].includes(r)) {
-				oi(), Wr.value = !1, $n();
-				return;
-			}
-			t !== r || n !== i ? (oi(), Wr.value = !1, Y.value = {
-				start: 0,
-				end: i
-			}, Hr.value = { ...Y.value }, Ln.value += 1, await Re(), await fi({ applyControlledZoom: !0 })) : M.zoomState && ui(M.zoomState), $n();
-		}, { deep: !0 });
-		let _i = h(() => {
-			if (!R.value.zoomMinimap.show || G.value === A.DONUT) return [];
-			let e = [];
-			j(W.value.dataset) && (e = W.value.dataset), Ye(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 vi() {
-			let e = 0;
-			return Hn.value && (e = Array.from(Hn.value.querySelectorAll("text")).reduce((e, t) => {
-				let n = t.getComputedTextLength();
-				return n > e ? n : e;
-			}, 0)), e + 4;
-		}
-		let yi = w(0), bi = Te((e) => {
-			yi.value = e;
-		}, 100);
-		We((e) => {
-			let t = Vn.value;
-			if (!t) return;
-			let n = new ResizeObserver((e) => {
-				bi(e[0].contentRect.height);
-			});
-			n.observe(t), e(() => n.disconnect());
-		}), ze(() => {
-			yi.value = 0;
-		});
-		let xi = h(() => {
-			let e = 0;
-			return Vn.value && (e = yi.value), 0 + e;
-		}), Z = h(() => {
-			if (G.value !== A.LINE) return null;
-			qn.value;
-			let e = {
-				height: K.value.height,
-				width: K.value.width
-			}, i = vi();
-			if (Vn.value) {
-				let e = Vn.value.getBBox().x;
-				e < 0 && (i += Math.abs(e));
-			}
-			let a = {
-				left: i + R.value.xyPaddingLeft,
-				top: R.value.xyPaddingTop,
-				right: e.width - R.value.xyPaddingRight,
-				bottom: e.height - R.value.xyPaddingBottom - xi.value,
-				width: Math.max(10, e.width - R.value.xyPaddingLeft - R.value.xyPaddingRight - i),
-				height: Math.max(10, e.height - R.value.xyPaddingTop - R.value.xyPaddingBottom - xi.value)
-			}, o = [];
-			j(W.value.dataset) && (o = [{
-				values: W.value.dataset.slice(Y.value.start, Y.value.end),
-				absoluteValues: W.value.dataset,
-				absoluteIndices: W.value.dataset.map((e, t) => t).slice(Y.value.start, Y.value.end),
-				name: R.value.title,
-				color: _r.value[R.value.paletteStartIndex] || r[R.value.paletteStartIndex],
-				id: "line_0"
-			}]), Ye(W.value.dataset) && (o = 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 ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || r[t + R.value.paletteStartIndex] || r[(t + R.value.paletteStartIndex) % r.length],
-				values: e.values.slice(Y.value.start, Y.value.end),
-				absoluteValues: e.values,
-				absoluteIndices: e.values.map((e, t) => t).slice(Y.value.start, Y.value.end)
-			})));
-			let s = {
-				max: Math.max(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
-				min: Math.min(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
-				maxSeries: Math.max(...o.map((e) => e.values.length))
-			}, c = s.max === s.min ? te(Math.min(s.min, 0), s.min === 0 ? 1 : Math.max(s.min, 0), R.value.xyScaleSegments) : te(s.min < 0 ? s.min : 0, s.max < 0 ? 0 : s.max, R.value.xyScaleSegments), l = s.min < 0 ? Math.abs(s.min) : 0, u = s.max < 0 ? a.top : a.bottom - l / (c.max + l) * a.height, d = a.width / s.maxSeries, ne = c.ticks.map((e) => ({
-				y: a.bottom - a.height * ((e + l) / (c.max + l)),
-				x: a.left - 8,
-				value: e
-			})), f = o.map((e, t) => ({
-				...e,
-				shape: "circle",
-				coordinates: e.values.map((e, t) => ({
-					x: a.left + d * (t + 1) - d / 2,
-					y: a.bottom - (e + l) / (c.max + l) * a.height,
-					value: e
-				}))
-			})).map((e) => {
-				let t = [];
-				return e.coordinates.forEach((e) => {
-					t.push(`${e.x},${e.y} `);
-				}), {
-					...e,
-					linePath: t.join(" ")
-				};
-			});
-			function re(e) {
-				return o.map((t) => ({
-					...t,
-					value: t.values[e],
-					absoluteIndex: t.absoluteIndices[e]
-				})).filter((e) => !L.value.includes(e.id));
-			}
-			function ie(e, r = "pointer") {
-				if (qr.value && r === "pointer") return;
-				I.value = e, q.value = e, B.value = e, V.value = r;
-				let i = re(e);
-				Mn.value = {
-					datapoint: i,
-					seriesIndex: e,
-					config: R.value,
-					dataset: o
-				};
-				let a = R.value.tooltipCustomFormat;
-				if (R.value.events.datapointEnter && R.value.events.datapointEnter({
-					datapoint: i,
-					seriesIndex: e + Y.value.start
-				}), n(a) && oe(() => a({
-					datapoint: i,
-					seriesIndex: e,
-					series: o,
-					config: R.value
-				}))) Nn.value = a({
-					datapoint: i,
-					seriesIndex: e,
-					series: o,
-					config: R.value
-				});
-				else {
-					let e = "";
-					$.value[i[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${R.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[i[0].absoluteIndex].text}</div>`), i.forEach((n, 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="${n.color}"/></svg>
-                        <span>${n.name}:</span>
-                        <b>${p(R.value.formatter, n.value, t({
-							p: R.value.valuePrefix,
-							v: n.value,
-							s: R.value.valueSuffix,
-							r: R.value.dataLabelRoundingValue
-						}), {
-							datapoint: n,
-							seriesIndex: r
-						})}
-                        </b>
-                    </div>
-                `;
-					}), Nn.value = e;
-				}
-				F.value = !0;
-			}
-			function ae(e) {
-				let t = re(e);
-				R.value.events.datapointLeave && R.value.events.datapointLeave({
-					datapoint: t,
-					seriesIndex: e + Y.value.start
-				}), I.value = null, q.value = null, F.value = !1, B.value = null, V.value = "pointer";
-			}
-			function se(e) {
-				let t = re(e);
-				R.value.events.datapointClick && R.value.events.datapointClick({
-					datapoint: t,
-					seriesIndex: e + Y.value.start
-				}), U("selectDatapoint", t);
-			}
-			return {
-				absoluteZero: u,
-				dataset: f.filter((e) => !L.value.includes(e.id)),
-				legend: f,
-				drawingArea: a,
-				extremes: s,
-				slotSize: d,
-				yLabels: ne,
-				useTooltip: ie,
-				killTooltip: ae,
-				selectDatapoint: se
-			};
-		}), Q = h(() => {
-			if (G.value !== A.BAR) return null;
-			qn.value;
-			let e = {
-				height: K.value.height,
-				width: K.value.width
-			}, i = vi();
-			if (Vn.value) {
-				let e = Vn.value.getBBox().x;
-				e < 0 && (i += Math.abs(e));
-			}
-			let a = {
-				left: i + R.value.xyPaddingLeft,
-				top: R.value.xyPaddingTop,
-				right: e.width - R.value.xyPaddingRight,
-				bottom: e.height - R.value.xyPaddingBottom - xi.value,
-				width: Math.max(10, e.width - R.value.xyPaddingLeft - R.value.xyPaddingRight - i),
-				height: Math.max(10, e.height - R.value.xyPaddingTop - R.value.xyPaddingBottom - xi.value)
-			}, o = [];
-			j(W.value.dataset) && (o = [{
-				values: W.value.dataset.slice(Y.value.start, Y.value.end),
-				absoluteValues: W.value.dataset,
-				absoluteIndices: W.value.dataset.map((e, t) => t).slice(Y.value.start, Y.value.end),
-				name: R.value.title,
-				color: _r.value[R.value.paletteStartIndex] || r[R.value.paletteStartIndex],
-				id: "bar_0"
-			}]), Ye(W.value.dataset) && (o = 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 ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || r[t + R.value.paletteStartIndex] || r[(t + R.value.paletteStartIndex) % r.length],
-				values: e.values.slice(Y.value.start, Y.value.end),
-				absoluteValues: e.values,
-				absoluteIndices: e.values.map((e, t) => t).slice(Y.value.start, Y.value.end)
-			})));
-			let s = {
-				max: Math.max(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
-				min: Math.min(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
-				maxSeries: Math.max(...o.filter((e) => !L.value.includes(e.id)).map((e) => e.values.length)) ?? 0
-			}, c = s.min === s.max ? te(Math.min(s.min, 0), s.min === 0 ? 1 : Math.max(s.min, 0), R.value.xyScaleSegments) : te(s.min < 0 ? s.min : 0, s.max, R.value.xyScaleSegments), l = c.min < 0 ? Math.abs(c.min) : 0, u = a.bottom - l / (c.max + l) * a.height, d = a.width / s.maxSeries, ne = c.ticks.map((e) => ({
-				y: a.bottom - a.height * ((e + l) / (c.max + l)),
-				x: a.left - 8,
-				value: e
-			})), f = o.map((e, t) => ({
-				...e,
-				shape: "square",
-				coordinates: e.values.map((e, n) => {
-					let r = (e + l) / (s.max + l) * a.height, i = Math.abs(e) / Math.abs(s.min) * (a.height - u), ee = l / (s.max + l) * a.height, c = d / o.filter((e) => !L.value.includes(e.id)).length - R.value.barGap / o.filter((e) => !L.value.includes(e.id)).length;
-					return {
-						x: a.left + d * n + c * t + R.value.barGap / 2,
-						y: e > 0 ? a.bottom - r : u,
-						height: e > 0 ? r - ee : i,
-						value: e,
-						width: c
-					};
-				})
-			})), re = o.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
-				...e,
-				coordinates: e.values.map((e, n) => {
-					let r = (e + l) / (s.max + l) * a.height, i = Math.abs(e) / (s.max + l) * a.height, ee = l / (s.max + l) * a.height, c = d / o.filter((e) => !L.value.includes(e.id)).length - R.value.barGap / o.filter((e) => !L.value.includes(e.id)).length;
-					return {
-						x: a.left + d * n + c * t + R.value.barGap / 2,
-						y: e > 0 ? a.bottom - r : u,
-						height: e > 0 ? r - ee : i,
-						value: e,
-						width: c
-					};
-				})
-			}));
-			function ie(e) {
-				return o.map((t) => ({
-					...t,
-					value: t.values[e],
-					absoluteIndex: t.absoluteIndices[e]
-				})).filter((e) => !L.value.includes(e.id));
-			}
-			function ae(e, r = "pointer") {
-				if (qr.value && r === "pointer") return;
-				I.value = e, q.value = e, B.value = e, V.value = r;
-				let i = ie(e);
-				Mn.value = {
-					datapoint: i,
-					seriesIndex: e,
-					config: R.value,
-					dataset: o
-				};
-				let a = R.value.tooltipCustomFormat;
-				if (R.value.events.datapointEnter && R.value.events.datapointEnter({
-					datapoint: i,
-					seriesIndex: e + Y.value.start
-				}), n(a) && oe(() => a({
-					datapoint: i,
-					seriesIndex: e,
-					series: o,
-					config: R.value
-				}))) Nn.value = a({
-					point: i,
-					seriesIndex: e,
-					series: o,
-					config: R.value
-				});
-				else {
-					let e = "";
-					$.value[i[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${R.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[i[0].absoluteIndex].text}</div>`), i.forEach((n, 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="${n.color}"/></svg>
-                        <span>${n.name}:</span>
-                        <b>${p(R.value.formatter, n.value, t({
-							p: R.value.valuePrefix,
-							v: n.value,
-							s: R.value.valueSuffix,
-							r: R.value.dataLabelRoundingValue
-						}), {
-							datapoint: n,
-							seriesIndex: r
-						})}
-                        </b>
-                    </div>
-                `;
-					}), Nn.value = e;
-				}
-				F.value = !0;
-			}
-			function se(e) {
-				let t = ie(e);
-				R.value.events.datapointLeave && R.value.events.datapointLeave({
-					datapoint: t,
-					seriesIndex: e + Y.value.start
-				}), F.value = !1, I.value = null, q.value = null, B.value = null, V.value = "pointer";
-			}
-			function ce(e) {
-				let t = ie(e);
-				R.value.events.datapointClick && R.value.events.datapointClick({
-					datapoint: t,
-					seriesIndex: e + Y.value.start
-				}), U("selectDatapoint", t);
-			}
-			return {
-				absoluteZero: u,
-				dataset: re.filter((e) => !L.value.includes(e.id)),
-				absoluteDataset: re,
-				legend: f,
-				drawingArea: a,
-				extremes: s,
-				slotSize: d,
-				yLabels: ne,
-				useTooltip: ae,
-				killTooltip: se,
-				selectDatapoint: ce
-			};
-		}), Si = h(() => G.value === A.LINE ? Z.value?.drawingArea ?? null : G.value === A.BAR ? Q.value?.drawingArea ?? null : null), Ci = h(() => G.value === A.LINE ? Number(Z.value?.slotSize ?? 0) : G.value === A.BAR ? Number(Q.value?.slotSize ?? 0) : 0), wi = h(() => G.value === A.LINE ? Number(Z.value?.extremes?.maxSeries ?? 0) : G.value === A.BAR ? Number(Q.value?.extremes?.maxSeries ?? 0) : 0), Ti = h(() => {
-			let e = Si.value;
-			return !e || !qr.value || Yr.value == null || Xr.value == null ? null : {
-				x: Math.min(Yr.value, Xr.value),
-				y: e.top,
-				width: Math.abs(Xr.value - Yr.value),
-				height: e.height
-			};
-		}), Ei = h(() => !Wr.value || !br.value ? !1 : Number(Y.value.start) !== 0 || Number(Y.value.end) !== Number(si()));
-		function Di(e) {
-			let t = H.value;
-			if (!t) return null;
-			if (t.createSVGPoint && t.getScreenCTM) {
-				let n = t.createSVGPoint();
-				n.x = e.clientX, n.y = e.clientY;
-				let r = t.getScreenCTM();
-				if (r) {
-					let e = n.matrixTransform(r.inverse());
-					return {
-						x: e.x,
-						y: e.y
-					};
-				}
-			}
-			let n = t.getBoundingClientRect(), r = t.viewBox?.baseVal || {
-				x: 0,
-				y: 0,
-				width: n.width,
-				height: n.height
-			}, i = Math.min(n.width / r.width, n.height / r.height);
-			if (!Number.isFinite(i) || i <= 0) return null;
-			let a = r.width * i, o = r.height * i, s = (n.width - a) / 2, ee = (n.height - o) / 2;
-			return {
-				x: (e.clientX - n.left - s) / i + r.x,
-				y: (e.clientY - n.top - ee) / i + r.y
-			};
-		}
-		function Oi(e) {
-			let t = Si.value;
-			return t ? Math.min(Math.max(e, t.left), t.right) : e;
-		}
-		function ki() {
-			B.value = null, V.value = "pointer", F.value = !1, I.value = null, q.value = null;
-		}
-		function Ai(e) {
-			let t = e?.pointerId == null ? Zr.value : e.pointerId;
-			t != null && H.value?.hasPointerCapture?.(t) && H.value.releasePointerCapture(t), qr.value = !1, Yr.value = null, Xr.value = null, Zr.value = null;
-		}
-		function ji() {
-			Qr.value = !0, setTimeout(() => {
-				Qr.value = !1;
-			}, 0);
-		}
-		function Mi(e) {
-			Qr.value && (Qr.value = !1, e.preventDefault(), e.stopPropagation());
-		}
-		function Ni(e) {
-			if (!X.value || !Ei.value || !e) return !1;
-			let t = Date.now(), n = e.pointerType || "mouse", r = $r.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 ? ($r.value = {
-				time: 0,
-				x: 0,
-				y: 0,
-				pointerType: null
-			}, ji(), Ai(e), ki(), pi({
-				applyControlledZoom: !1,
-				publish: !0
-			}), !0) : ($r.value = {
-				time: t,
-				x: e.clientX,
-				y: e.clientY,
-				pointerType: n
-			}, !1);
-		}
-		function Pi(e) {
-			let t = Si.value, n = Ci.value, r = wi.value;
-			if (!t || r <= 0 || !Number.isFinite(n) || n <= 0) return null;
-			let i = Math.floor((Oi(e) - t.left) / n);
-			return Math.max(0, Math.min(r - 1, i));
-		}
-		function Fi(e, t) {
-			let n = Pi(e), r = Pi(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(Y.value.start) + i,
-				end: Number(Y.value.start) + a + 1
-			};
-		}
-		function Ii(e) {
-			let t = di(e);
-			return t ? (U("zoomStart", {
-				index: t.start,
-				isZoom: t.start !== 0
-			}), U("zoomEnd", {
-				index: t.end,
-				isZoom: t.end !== si()
-			}), t) : null;
-		}
-		function Li(e) {
-			if (!X.value || Ji.value || e.button !== void 0 && e.button !== 0 || Zr.value != null && e.pointerId !== Zr.value) return;
-			let t = Si.value, n = Di(e);
-			if (!t || !n || n.x < t.left || n.x > t.right || n.y < t.top || n.y > t.bottom || wi.value <= 1) return;
-			Jr.value = !0, H.value?.focus?.({ preventScroll: !0 }), ki();
-			let r = Oi(n.x);
-			Zr.value = e.pointerId, qr.value = !0, Yr.value = r, Xr.value = r;
-		}
-		function Ri(e) {
-			if (!X.value || !qr.value || Zr.value != null && e.pointerId !== Zr.value) return;
-			let t = Di(e);
-			t && (Xr.value = Oi(t.x), ki(), Yr.value != null && Math.abs(Xr.value - Yr.value) >= 2 && !H.value?.hasPointerCapture?.(e.pointerId) && H.value?.setPointerCapture?.(e.pointerId));
-		}
-		function zi(e) {
-			if (!X.value || !qr.value || Zr.value != null && e.pointerId !== Zr.value) return;
-			let t = Di(e);
-			t && (Xr.value = Oi(t.x));
-			let n = Yr.value, r = Xr.value, i = Si.value;
-			if ((n == null || r == null ? 0 : Math.abs(r - n)) < Math.max(4, Number(i?.width ?? 0) * .01)) {
-				if (Ni(e)) return;
-				Ai(e);
-				return;
-			}
-			let a = Fi(Math.min(n, r), Math.max(n, r));
-			if (!a) {
-				Ai(e);
-				return;
-			}
-			Ai(e), Ii(a) && ($r.value = {
-				time: 0,
-				x: 0,
-				y: 0,
-				pointerType: null
-			}, ki(), ji());
-		}
-		let Bi = h(() => {
-			let e = Si.value, t = K.value.width;
-			return !e || t <= 0 || !R.value.zoomXyAutoFit ? null : e.left / t;
-		}), Vi = h(() => {
-			let e = Si.value, t = K.value.width;
-			return !e || t <= 0 || !R.value.zoomXyAutoFit ? null : (t - e.right) / t;
-		}), Hi = h(() => {
-			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([]), Ui = 0;
-		We(() => {
-			let e = ++Ui;
-			(async () => {
-				let t = await fe({
-					values: R.value.xyPeriods,
-					maxDatapoints: W.value.maxSeriesLength,
-					formatter: R.value.datetimeFormatter,
-					start: Y.value.start,
-					end: Y.value.end
-				});
-				e === Ui && ($.value = t);
-			})();
-		});
-		let Wi = h(() => {
-			let e = R.value.xyPeriodsModulo;
-			return R.value.xyPeriods.length ? Math.min(e, [...new Set($.value.map((e) => e.text))].length) : e;
-		}), Gi = w(!1);
-		function Ki(e) {
-			Gi.value = e, In.value += 1;
-		}
-		function qi() {
-			Dr.value.showTooltip = !Dr.value.showTooltip;
-		}
-		let Ji = w(!1);
-		function Yi() {
-			Ji.value = !Ji.value;
-		}
-		async function Xi({ scale: e = 2 } = {}) {
-			if (!N.value) return;
-			let { width: t, height: n } = N.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ce({
-				domElement: N.value,
-				base64: !0,
-				img: !0,
-				scale: e
-			});
-			return {
-				imageUri: i,
-				base64: a,
-				title: R.value.title,
-				width: t,
-				height: n,
-				aspectRatio: r
-			};
-		}
-		let Zi = h(() => K.value.width), Qi = h(() => K.value.height);
-		Se({
-			timeLabelsEls: Vn,
-			timeLabels: $,
-			slicer: Y,
-			configRef: R,
-			rotationPath: ["xyPeriodLabelsRotation"],
-			autoRotatePath: ["xyPeriodLabelsAutoRotate", "enable"],
-			isAutoSize: !1,
-			rotation: R.value.xyPeriodLabelsAutoRotate.angle,
-			height: Qi.value,
-			width: Zi.value
-		});
-		let $i = h(() => R.value.backgroundColor), ea = h(() => G.value === A.DONUT ? J.value.legend : G.value === A.LINE ? Z.value.legend : Q.value.legend), ta = h(() => ({
-			show: R.value.showLegend,
-			bold: !1,
-			backgroundColor: R.value.backgroundColor,
-			color: R.value.color,
-			fontSize: R.value.legendFontSize,
-			position: R.value.legendPosition
-		})), na = h(() => ({
-			text: R.value.title,
-			color: R.value.color,
-			fontSize: R.value.titleFontSize,
-			bold: R.value.titleBold,
-			textAlign: R.value.titleTextAlign,
-			subtitle: { text: "" }
-		})), { generateSvg: ra, onGenerateImage: ia } = ye({
-			svg: H,
-			title: na,
-			legend: ta,
-			legendItems: ea,
-			backgroundColor: $i,
-			getSvgCallback: () => R.value.userOptionsCallbacks.svg,
-			generateImage: Tr
-		});
-		async function aa() {
-			if (U("copyAlt", {
-				config: R.value,
-				dataset: {
-					line: Z.value,
-					bar: Q.value,
-					donut: J.value
-				}
-			}), !R.value.userOptionsCallbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(R.value.userOptionsCallbacks.altCopy({
-				config: R.value,
-				dataset: {
-					line: Z.value,
-					bar: Q.value,
-					donut: J.value
-				}
-			}));
-		}
-		function oa(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
-		}
-		let sa = h(() => G.value === A.DONUT ? J.value?.chart?.length ?? 0 : G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : G.value === A.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
-		function ca() {
-			B.value = null, ir.value = !0;
-		}
-		function la() {
-			Jr.value = !1, B.value = null, V.value = "pointer", F.value = !1, I.value = null, q.value = null, ir.value = !1;
-		}
-		function ua(e) {
-			if (!H.value || Ji.value || document.activeElement !== H.value || (Jr.value = !1, !sa.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) {
-				if (X.value && (Ei.value || qr.value)) {
-					Ai(), ki(), pi({
-						applyControlledZoom: !1,
-						publish: !0
-					});
-					return;
-				}
-				B.value = null, V.value = "pointer", F.value = !1, I.value = null, q.value = null;
-				return;
-			}
-			if (r) {
-				if (B.value === null) return;
-				if (G.value === A.DONUT) {
-					let e = J.value?.chart?.[B.value];
-					if (!e) return;
-					J.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 = q.value, s = a !== null && a >= 0 && a < sa.value, ee = o !== null && o >= 0 && o < sa.value;
-			if (s ? n ? (a += 1, a >= sa.value && (a = 0)) : t && (--a, a < 0 && (a = sa.value - 1)) : ee ? (a = n ? o + 1 : o - 1, a >= sa.value && (a = 0), a < 0 && (a = sa.value - 1)) : a = n ? 0 : sa.value - 1, G.value === A.DONUT) {
-				let e = J.value?.chart?.[a];
-				if (!e) return;
-				da(a), J.value.useTooltip({
-					datapoint: e,
-					seriesIndex: a,
-					triggerMode: "keyboard"
-				});
-				return;
-			}
-			if (G.value === A.LINE) {
-				da(a), Z.value?.useTooltip(a, "keyboard");
-				return;
-			}
-			G.value === A.BAR && (da(a), Q.value?.useTooltip(a, "keyboard"));
-		}
-		function da(e) {
-			if (!Number.isFinite(e) || !H.value) return;
-			let t = 0, n = 0;
-			if (G.value === A.DONUT) {
-				let r = J.value?.chart?.[e];
-				if (!r) return;
-				t = f(r, !0).x, n = ae(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 = H.value.getBoundingClientRect();
-			rr.value = {
-				x: r.left + t / K.value.width * r.width,
-				y: r.top + n / K.value.height * r.height
-			};
-		}
-		let fa = h(() => {
-			if (G.value === A.DONUT) return {
-				headers: [
-					"Series",
-					"Value",
-					"Percentage"
-				],
-				rows: (J.value?.dataset ?? []).map((e) => {
-					let n = J.value?.total ? t({
-						v: e.value / J.value.total * 100,
-						s: "%",
-						r: R.value.dataLabelRoundingPercentage
-					}) : "0%";
-					return [
-						e.name,
-						p(R.value.formatter, e.value, t({
-							p: R.value.valuePrefix,
-							v: e.value,
-							s: R.value.valueSuffix,
-							r: R.value.dataLabelRoundingValue
-						})),
-						n
-					];
-				})
-			};
-			if (G.value === A.LINE || G.value === A.BAR) {
-				let e = G.value === A.LINE ? Z.value?.dataset ?? [] : Q.value?.dataset ?? [], n = 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: n }, (n, r) => [$.value?.[r + Y.value.start]?.text ?? String(r + Y.value.start), ...e.map((e) => {
-						let n = e.values?.[r];
-						return p(R.value.formatter, n, t({
-							p: R.value.valuePrefix,
-							v: n,
-							s: R.value.valueSuffix,
-							r: R.value.dataLabelRoundingValue
-						}));
-					})])
-				};
-			}
-			return {
-				headers: [],
-				rows: []
-			};
-		});
-		return we({
-			getImage: Xi,
-			generatePdf: wr,
-			generateImage: Tr,
-			generateSvg: ra,
-			toggleTooltip: qi,
-			toggleAnnotator: Yi,
-			toggleFullscreen: Ki,
-			copyAlt: aa,
-			resetZoom: () => pi({
-				applyControlledZoom: !1,
-				publish: !0
-			}),
-			setZoomState: di
-		}), (e, r) => yr.value ? (C(), _("div", {
-			key: 0,
-			id: `${G.value}_${P.value}`,
-			ref_key: "quickChart",
-			ref: N,
-			class: b({
-				"vue-data-ui-component": !0,
-				"vue-ui-quick-chart": !0,
-				"vue-data-ui-wrapper-fullscreen": Gi.value
-			}),
-			style: S(`background:${R.value.backgroundColor};color:${R.value.color};font-family:${R.value.fontFamily}; position: relative; ${R.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: r[1] ||= () => pr(!0),
-			onMouseleave: r[2] ||= () => pr(!1)
-		}, [
-			v("div", {
-				id: `chart-instructions-${P.value}`,
-				class: "sr-only"
-			}, [v("p", null, D(R.value.a11y.translations.keyboardNavigation), 1)], 8, rt),
-			fa.value.rows.length ? (C(), Ne(ke, {
-				key: 0,
-				uid: P.value,
-				head: fa.value.headers,
-				body: fa.value.rows,
-				notice: R.value.a11y.translations.tableAvailable,
-				caption: R.value.a11y.translations.tableCaption
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"notice",
-				"caption"
-			])) : g("", !0),
-			R.value.userOptionsButtons.annotator ? (C(), Ne(O(Xe), {
-				key: 1,
-				svgRef: O(H),
-				backgroundColor: R.value.backgroundColor,
-				color: R.value.color,
-				active: Ji.value,
-				isCursorPointer: nr.value,
-				palette: R.value.annotatorPalette,
-				onClose: Yi
-			}, {
-				"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(y({ color: t })), void 0, !0)]),
-				"annotator-action-draw": k(({ mode: t }) => [E(e.$slots, "annotator-action-draw", x(y({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": k(({ disabled: t }) => [E(e.$slots, "annotator-action-undo", x(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": k(({ disabled: t }) => [E(e.$slots, "annotator-action-redo", x(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": k(({ disabled: t }) => [E(e.$slots, "annotator-action-delete", x(y({ disabled: t })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"svgRef",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer",
-				"palette"
-			])) : g("", !0),
-			Er.value ? (C(), _("div", {
-				key: 2,
-				ref_key: "noTitle",
-				ref: Fn,
-				class: "vue-data-ui-no-title-space",
-				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : g("", !0),
-			R.value.showUserOptions && (ur.value || dr.value) ? (C(), Ne(O(Qe), {
-				ref: "details",
-				key: `user_option_${In.value}`,
-				backgroundColor: R.value.backgroundColor,
-				color: R.value.color,
-				isPrinting: O(Sr),
-				isImaging: O(Cr),
-				uid: P.value,
-				hasTooltip: R.value.userOptionsButtons.tooltip && R.value.showTooltip,
-				hasPdf: R.value.userOptionsButtons.pdf,
-				hasImg: R.value.userOptionsButtons.img,
-				hasSvg: R.value.userOptionsButtons.svg,
-				hasFullscreen: R.value.userOptionsButtons.fullscreen,
-				hasAltCopy: R.value.userOptionsButtons.altCopy,
-				hasXls: !1,
-				isTooltip: Dr.value.showTooltip,
-				isFullscreen: Gi.value,
-				titles: { ...R.value.userOptionsButtonTitles },
-				chartElement: N.value,
-				position: R.value.userOptionsPosition,
-				hasAnnotator: R.value.userOptionsButtons.annotator,
-				isAnnotation: Ji.value,
-				callbacks: R.value.userOptionsCallbacks,
-				printScale: R.value.userOptionsPrint.scale,
-				isCursorPointer: nr.value,
-				onToggleFullscreen: Ki,
-				onGeneratePdf: O(wr),
-				onGenerateImage: O(ia),
-				onGenerateSvg: O(ra),
-				onToggleTooltip: qi,
-				onToggleAnnotator: Yi,
-				onCopyAlt: aa,
-				style: S({ visibility: ur.value ? dr.value ? "visible" : "hidden" : "visible" })
-			}, Pe({ _: 2 }, [
-				e.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: k(({ isOpen: t, color: n }) => [E(e.$slots, "menuIcon", x(y({
-						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(y({
-						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(y({
-						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(y({ 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",
-				"onGenerateSvg",
-				"style"
-			])) : g("", !0),
-			R.value.title ? (C(), _("div", {
-				key: 4,
-				ref_key: "quickChartTitle",
-				ref: kn,
-				class: "vue-ui-quick-chart-title",
-				style: S(`background:transparent;color:${R.value.color};font-size:${R.value.titleFontSize}px;font-weight:${R.value.titleBold ? "bold" : "normal"};text-align:${R.value.titleTextAlign}`)
-			}, D(R.value.title), 5)) : g("", !0),
-			v("div", { id: `legend-top-${P.value}` }, null, 8, it),
-			v("div", at, [G.value ? (C(), _("svg", {
-				key: 0,
-				ref_key: "svgRef",
-				ref: H,
-				xmlns: O(se),
-				"aria-describedby": `chart-instructions-${P.value}`,
-				viewBox: jr.value,
-				style: S({
-					maxWidth: "100%",
-					overflow: "visible",
-					background: "transparent",
-					color: R.value.color,
-					cursor: X.value ? qr.value ? "col-resize" : "crosshair" : void 0,
-					touchAction: X.value ? "pan-y" : void 0,
-					userSelect: X.value ? "none" : void 0
-				}),
-				class: b({
-					"vue-data-ui-no-transition": !O(z),
-					"vue-ui-quick-chart-zoom-pointer-focus": X.value && Jr.value
-				}),
-				tabindex: "0",
-				onFocus: ca,
-				onBlur: la,
-				onKeydown: ua,
-				onPointerdown: Li,
-				onPointermove: Ri,
-				onPointerup: zi,
-				onPointercancel: Ai,
-				onClickCapture: Mi
-			}, [
-				Fe(O(Je)),
-				e.$slots["chart-background"] && G.value === A.BAR ? (C(), _("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, st)) : g("", !0),
-				e.$slots["chart-background"] && G.value === A.LINE ? (C(), _("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, ct)) : g("", !0),
-				e.$slots["chart-background"] && G.value === A.DONUT ? (C(), _("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, lt)) : g("", !0),
-				v("defs", null, [v("filter", {
-					id: `blur_${P.value}`,
-					x: "-50%",
-					y: "-50%",
-					width: "200%",
-					height: "200%"
-				}, [v("feGaussianBlur", {
-					in: "SourceGraphic",
-					stdDeviation: 2,
-					id: `blur_std_${P.value}`
-				}, null, 8, dt), r[3] ||= v("feColorMatrix", {
-					type: "saturate",
-					values: "0"
-				}, null, -1)], 8, ut), v("filter", {
-					id: `shadow_${P.value}`,
-					"color-interpolation-filters": "sRGB"
-				}, [v("feDropShadow", {
-					dx: "0",
-					dy: "0",
-					stdDeviation: "10",
-					"flood-opacity": "0.5",
-					"flood-color": R.value.donutShadowColor
-				}, null, 8, pt)], 8, ft)]),
-				G.value === A.DONUT ? (C(), _(m, { key: 3 }, [
-					R.value.showDataLabels ? (C(), _("g", mt, [(C(!0), _(m, null, T(J.value.chart, (e, t) => (C(), _(m, null, [J.value.isArcBigEnough(e) ? (C(), _("path", {
-						key: 0,
-						d: O(re)(e, {
-							x: K.value.width / 2,
-							y: K.value.height / 2
-						}, 16, 16, !1, !1, K.value.height * Vr.value, 12, R.value.donutCurvedMarkers),
-						stroke: e.color,
-						"stroke-width": R.value.donutLabelMarkerStrokeWidth,
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						fill: "none",
-						filter: Nr(e.id)
-					}, null, 8, ht)) : g("", !0)], 64))), 256))])) : g("", !0),
-					v("circle", {
-						cx: J.value.cx,
-						cy: J.value.cy,
-						r: J.value.radius,
-						fill: R.value.backgroundColor,
-						filter: R.value.donutUseShadow ? `url(#shadow_${P.value})` : ""
-					}, null, 8, gt),
-					v("g", _t, [(C(!0), _(m, null, T(J.value.chart, (e, t) => (C(), _("path", {
-						d: e.arcSlice,
-						fill: e.color,
-						stroke: R.value.donutStroke || R.value.backgroundColor,
-						"stroke-width": R.value.donutStrokeWidth,
-						filter: Nr(e.id)
-					}, null, 8, vt))), 256)), (C(!0), _(m, null, T(J.value.chart, (e, t) => (C(), _("path", {
-						d: e.arcSlice,
-						fill: "transparent",
-						onMouseenter: (n) => J.value.useTooltip({
-							datapoint: e,
-							seriesIndex: t,
-							triggerMode: "pointer"
-						}),
-						onMouseout: (n) => J.value.killTooltip({
-							datapoint: e,
-							seriesIndex: t
-						}),
-						onClick: (n) => J.value.selectDatapoint({
-							datapoint: e,
-							seriesIndex: t
-						})
-					}, null, 40, yt))), 256))]),
-					R.value.showDataLabels ? (C(), _("g", bt, [(C(!0), _(m, null, T(J.value.chart, (e, n) => (C(), _(m, null, [
-						J.value.isArcBigEnough(e) ? (C(), _("circle", {
-							key: 0,
-							cx: O(f)(e).x,
-							cy: O(ae)(e) - 3.7,
-							fill: e.color,
-							stroke: R.value.backgroundColor,
-							"stroke-width": 1,
-							r: 3,
-							filter: Nr(e.id)
-						}, null, 8, xt)) : g("", !0),
-						J.value.isArcBigEnough(e) ? (C(), _("text", {
-							key: 1,
-							"text-anchor": O(f)(e, !0, 20).anchor,
-							x: O(f)(e, !0).x,
-							y: O(ae)(e),
-							fill: R.value.color,
-							"font-size": R.value.dataLabelFontSize,
-							filter: Nr(e.id)
-						}, D(J.value.displayArcPercentage(e, J.value.chart)) + " (" + D(O(p)(R.value.formatter, e.value, O(t)({
-							p: R.value.valuePrefix,
-							v: e.value,
-							s: R.value.valueSuffix,
-							r: R.value.dataLabelRoundingValue
-						}), {
-							datapoint: e,
-							seriesIndex: n
-						})) + ") ", 9, St)) : g("", !0),
-						J.value.isArcBigEnough(e, !0, 20) ? (C(), _("text", {
-							key: 2,
-							"text-anchor": O(f)(e).anchor,
-							x: O(f)(e, !0).x,
-							y: O(ae)(e) + R.value.dataLabelFontSize,
-							fill: R.value.color,
-							"font-size": R.value.dataLabelFontSize,
-							filter: Nr(e.id)
-						}, D(e.name), 9, Ct)) : g("", !0)
-					], 64))), 256))])) : g("", !0),
-					R.value.donutShowTotal ? (C(), _("g", wt, [v("text", {
-						"text-anchor": "middle",
-						x: J.value.drawingArea.centerX,
-						y: J.value.drawingArea.centerY - R.value.donutTotalLabelFontSize / 2,
-						"font-size": R.value.donutTotalLabelFontSize,
-						fill: R.value.color
-					}, D(R.value.donutTotalLabelText), 9, Tt), v("text", {
-						"text-anchor": "middle",
-						x: J.value.drawingArea.centerX,
-						y: J.value.drawingArea.centerY + R.value.donutTotalLabelFontSize,
-						"font-size": R.value.donutTotalLabelFontSize,
-						fill: R.value.color
-					}, D(O(t)({
-						p: R.value.valuePrefix,
-						v: J.value.total,
-						s: R.value.valueSuffix,
-						r: R.value.dataLabelRoundingValue
-					})), 9, Et)])) : g("", !0)
-				], 64)) : g("", !0),
-				G.value === A.LINE ? (C(), _(m, { key: 4 }, [
-					R.value.xyShowGrid ? (C(), _("g", Dt, [(C(!0), _(m, null, T(Z.value.yLabels, (e) => (C(), _(m, null, [e.y <= Z.value.drawingArea.bottom ? (C(), _("line", {
-						key: 0,
-						x1: Z.value.drawingArea.left,
-						x2: Z.value.drawingArea.right,
-						y1: e.y,
-						y2: e.y,
-						stroke: R.value.xyGridStroke,
-						"stroke-width": R.value.xyGridStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Ot)) : g("", !0)], 64))), 256)), (C(!0), _(m, null, T(Z.value.extremes.maxSeries + 1, (e, t) => (C(), _("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: R.value.xyGridStroke,
-						"stroke-width": R.value.xyGridStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, kt))), 256))])) : g("", !0),
-					R.value.xyShowAxis ? (C(), _("g", At, [v("line", {
-						x1: Z.value.drawingArea.left,
-						x2: Z.value.drawingArea.left,
-						y1: Z.value.drawingArea.top,
-						y2: Z.value.drawingArea.bottom,
-						stroke: R.value.xyAxisStroke,
-						"stroke-width": R.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, jt), v("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: R.value.xyAxisStroke,
-						"stroke-width": R.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Mt)])) : g("", !0),
-					R.value.xyShowScale ? (C(), _("g", {
-						key: 2,
-						class: "yLabels",
-						ref_key: "scaleLabels",
-						ref: Hn
-					}, [(C(!0), _(m, null, T(Z.value.yLabels, (e, n) => (C(), _(m, { key: `sl_${n}` }, [e.y <= Z.value.drawingArea.bottom ? (C(), _("path", {
-						key: 0,
-						class: b({ "vue-data-ui-transition": O(z) }),
-						d: `M${e.x + 4},${e.y} ${Z.value.drawingArea.left},${e.y}`,
-						stroke: R.value.xyAxisStroke,
-						"stroke-width": R.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 10, Nt)) : g("", !0), e.y <= Z.value.drawingArea.bottom ? (C(), _("text", {
-						key: 1,
-						class: b({ "vue-data-ui-transition": O(z) }),
-						transform: `translate(${e.x}, ${e.y + R.value.xyLabelsYFontSize / 3})`,
-						"text-anchor": "end",
-						"font-size": R.value.xyLabelsYFontSize,
-						fill: R.value.color
-					}, D(O(p)(R.value.formatter, e.value, O(t)({
-						p: R.value.valuePrefix,
-						v: e.value,
-						s: R.value.valueSuffix,
-						r: R.value.dataLabelRoundingValue
-					}), {
-						datapoint: e,
-						seriesIndex: n
-					})), 11, Pt)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
-					R.value.xyShowScale && R.value.xyPeriods.length ? (C(), _("g", Ft, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((Y.value.end - Y.value.start) / Wi.value) === 0 || Y.value.end - Y.value.start <= Wi.value ? (C(), _("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: R.value.xyAxisStroke,
-						"stroke-width": R.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, It)) : g("", !0)], 64))), 256)), v("g", {
-						ref_key: "timeLabelsEls",
-						ref: Vn
-					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((Y.value.end - Y.value.start) / Wi.value) === 0 || Y.value.end - Y.value.start <= Wi.value ? (C(), _("g", Lt, [String(e).includes("\n") ? (C(), _("text", {
-						key: 1,
-						class: "vue-data-ui-time-label",
-						"font-size": R.value.xyLabelsXFontSize,
-						"text-anchor": R.value.xyPeriodLabelsRotation > 0 ? "start" : R.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-						fill: R.value.color,
-						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + R.value.xyLabelsXFontSize + 6}), rotate(${R.value.xyPeriodLabelsRotation})`,
-						innerHTML: O(a)({
-							content: String(e),
-							fontSize: R.value.xyLabelsXFontSize,
-							fill: R.value.color,
-							x: 0,
-							y: 0
-						})
-					}, null, 8, zt)) : (C(), _("text", {
-						key: 0,
-						class: "vue-data-ui-time-label",
-						"font-size": R.value.xyLabelsXFontSize,
-						"text-anchor": R.value.xyPeriodLabelsRotation > 0 ? "start" : R.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-						fill: R.value.color,
-						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + R.value.xyLabelsXFontSize + 6}), rotate(${R.value.xyPeriodLabelsRotation})`
-					}, D(e), 9, Rt))])) : g("", !0)], 64))), 256))], 512)])) : g("", !0),
-					v("g", Bt, [(C(!0), _(m, null, T(Z.value.dataset, (e, t) => (C(), _("g", {
-						key: `serie_${e.id}`,
-						class: "line-plot-series"
-					}, [R.value.lineSmooth ? (C(), _(m, { key: 0 }, [v("path", {
-						ref_for: !0,
-						ref_key: "pathWrapper",
-						ref: zn,
-						d: `M ${O(s)(e.coordinates)}`,
-						stroke: R.value.backgroundColor,
-						"stroke-width": R.value.lineStrokeWidth + 1,
-						"stroke-linecap": "round",
-						fill: "none",
-						class: b({ "vue-data-ui-transition": O(z) })
-					}, null, 10, Vt), v("path", {
-						ref_for: !0,
-						ref_key: "pathTop",
-						ref: Bn,
-						d: `M ${O(s)(e.coordinates)}`,
-						stroke: e.color,
-						"stroke-width": R.value.lineStrokeWidth,
-						"stroke-linecap": "round",
-						fill: "none",
-						class: b({ "vue-data-ui-transition": O(z) }),
-						style: S({ transition: O(or) ? void 0 : "all 0.2s ease-in-out" })
-					}, null, 14, Ht)], 64)) : (C(), _(m, { key: 1 }, [v("path", {
-						ref_for: !0,
-						ref_key: "pathWrapper",
-						ref: zn,
-						d: `M ${e.linePath}`,
-						stroke: R.value.backgroundColor,
-						"stroke-width": R.value.lineStrokeWidth + 1,
-						"stroke-linecap": "round",
-						fill: "none",
-						class: b({ "vue-data-ui-transition": O(z) })
-					}, null, 10, Ut), v("path", {
-						ref_for: !0,
-						ref_key: "pathTop",
-						ref: Bn,
-						d: `M ${e.linePath}`,
-						stroke: e.color,
-						"stroke-width": R.value.lineStrokeWidth,
-						"stroke-linecap": "round",
-						fill: "none",
-						class: b({ "vue-data-ui-transition": O(z) })
-					}, null, 10, Wt)], 64)), (C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("circle", {
-						key: `dp_${e.id}_${n + Y.value.start}`,
-						cx: t.x,
-						cy: O(u)(t.y),
-						r: 3,
-						fill: e.color,
-						stroke: R.value.backgroundColor,
-						"stroke-width": "0.5",
-						class: b({
-							"vue-ui-quick-chart-plot": !0,
-							"vue-data-ui-transition": O(z)
-						})
-					}, null, 10, Gt))), 128))]))), 128))]),
-					R.value.showDataLabels ? (C(), _("g", Kt, [(C(!0), _(m, null, T(Z.value.dataset, (e, n) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (n, r) => (C(), _("text", {
-						class: b(["vue-ui-quick-chart-label", { "vue-data-ui-transition": O(z) }]),
-						key: `plot_${e.id}_${r + Y.value.start}`,
-						"text-anchor": "middle",
-						"font-size": R.value.dataLabelFontSize,
-						fill: e.color,
-						transform: `translate(${n.x}, ${O(u)(n.y) - R.value.dataLabelFontSize / 2})`
-					}, D(O(p)(R.value.formatter, O(u)(n.value), O(t)({
-						p: R.value.valuePrefix,
-						v: O(u)(n.value),
-						s: R.value.valueSuffix,
-						r: R.value.dataLabelRoundingValue
-					}), {
-						datapoint: n,
-						seriesIndex: r
-					})), 11, qt))), 128))], 64))), 128))])) : g("", !0),
-					fr.value ? (C(), _("g", Jt, [(C(!0), _(m, null, T(Z.value.extremes.maxSeries, (e, t) => (C(), _("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, q.value].includes(t) ? R.value.xyHighlighterColor : "transparent",
-						style: S(`opacity:${R.value.xyHighlighterOpacity}`),
-						onMouseenter: (e) => Z.value.useTooltip(t, "pointer"),
-						onMouseleave: (e) => Z.value.killTooltip(t),
-						onClick: (e) => Z.value.selectDatapoint(t)
-					}, null, 44, Yt))), 256))])) : g("", !0)
-				], 64)) : g("", !0),
-				G.value === A.BAR ? (C(), _(m, { key: 5 }, [
-					R.value.xyShowGrid ? (C(), _("g", Xt, [(C(!0), _(m, null, T(Q.value.yLabels, (e) => (C(), _(m, null, [e.y <= Q.value.drawingArea.bottom ? (C(), _("line", {
-						key: 0,
-						x1: Q.value.drawingArea.left,
-						x2: Q.value.drawingArea.right,
-						y1: e.y,
-						y2: e.y,
-						stroke: R.value.xyGridStroke,
-						"stroke-width": R.value.xyGridStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Zt)) : g("", !0)], 64))), 256)), L.value.length < Q.value.legend.length ? (C(!0), _(m, { key: 0 }, T(Q.value.extremes.maxSeries + 1, (e, t) => (C(), _("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: R.value.xyGridStroke,
-						"stroke-width": R.value.xyGridStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, Qt))), 256)) : g("", !0)])) : g("", !0),
-					R.value.xyShowAxis ? (C(), _("g", $t, [v("line", {
-						x1: Q.value.drawingArea.left,
-						x2: Q.value.drawingArea.left,
-						y1: Q.value.drawingArea.top,
-						y2: Q.value.drawingArea.bottom,
-						stroke: R.value.xyAxisStroke,
-						"stroke-width": R.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, en), v("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: R.value.xyAxisStroke,
-						"stroke-width": R.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, tn)])) : g("", !0),
-					R.value.xyShowScale ? (C(), _("g", {
-						key: 2,
-						class: "yLabels",
-						ref_key: "scaleLabels",
-						ref: Hn
-					}, [(C(!0), _(m, null, T(Q.value.yLabels, (e, n) => (C(), _(m, { key: `sl_${n}` }, [e.y <= Q.value.drawingArea.bottom ? (C(), _("path", {
-						key: 0,
-						class: b({ "vue-data-ui-transition": O(z) }),
-						d: `M${e.x + 4},${e.y} ${Q.value.drawingArea.left},${e.y}`,
-						stroke: R.value.xyAxisStroke,
-						"stroke-width": R.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 10, nn)) : g("", !0), e.y <= Q.value.drawingArea.bottom ? (C(), _("text", {
-						key: 1,
-						class: b({ "vue-data-ui-transition": O(z) }),
-						transform: `translate(${e.x}, ${e.y + R.value.xyLabelsYFontSize / 3})`,
-						"text-anchor": "end",
-						"font-size": R.value.xyLabelsYFontSize,
-						fill: R.value.color
-					}, D(O(p)(R.value.formatter, e.value, O(t)({
-						p: R.value.valuePrefix,
-						v: e.value,
-						s: R.value.valueSuffix,
-						r: R.value.dataLabelRoundingValue
-					}), {
-						datapoint: e,
-						seriesIndex: n
-					})), 11, rn)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
-					R.value.xyShowScale && R.value.xyPeriods.length ? (C(), _("g", an, [(C(!0), _(m, null, T(R.value.xyPeriods.slice(Y.value.start, Y.value.end), (e, t) => (C(), _("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: R.value.xyAxisStroke,
-						"stroke-width": R.value.xyAxisStrokeWidth,
-						"stroke-linecap": "round"
-					}, null, 8, on))), 256)), v("g", {
-						ref_key: "timeLabelsEls",
-						ref: Vn
-					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((Y.value.end - Y.value.start) / Wi.value) === 0 || Y.value.end - Y.value.start <= Wi.value ? (C(), _("g", sn, [String(e).includes("\n") ? (C(), _("text", {
-						key: 1,
-						class: "vue-data-ui-time-label",
-						"font-size": R.value.xyLabelsXFontSize,
-						"text-anchor": R.value.xyPeriodLabelsRotation > 0 ? "start" : R.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-						fill: R.value.color,
-						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + R.value.xyLabelsXFontSize + 6}), rotate(${R.value.xyPeriodLabelsRotation})`,
-						innerHTML: O(a)({
-							content: String(e),
-							fontSize: R.value.xyLabelsXFontSize,
-							fill: R.value.color,
-							x: 0,
-							y: 0
-						})
-					}, null, 8, ln)) : (C(), _("text", {
-						key: 0,
-						class: "vue-data-ui-time-label",
-						"font-size": R.value.xyLabelsXFontSize,
-						"text-anchor": R.value.xyPeriodLabelsRotation > 0 ? "start" : R.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-						fill: R.value.color,
-						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + R.value.xyLabelsXFontSize + 6}), rotate(${R.value.xyPeriodLabelsRotation})`
-					}, D(e), 9, cn))])) : g("", !0)], 64))), 256))], 512)])) : g("", !0),
-					v("g", un, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, null, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("rect", {
-						x: t.x,
-						width: t.width <= 0 ? 1e-5 : t.width,
-						height: O(u)(t.height <= 0 ? 1e-5 : t.height),
-						y: O(u)(t.y),
-						fill: e.color,
-						stroke: R.value.backgroundColor,
-						"stroke-width": R.value.barStrokeWidth,
-						"stroke-linecap": "round",
-						class: b({ "vue-data-ui-transition": O(z) })
-					}, null, 10, dn))), 256))], 64))), 256))]),
-					R.value.showDataLabels ? (C(), _("g", fn, [(C(!0), _(m, null, T(Q.value.dataset, (e, n) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (n, r) => (C(), _("text", {
-						class: b({ "vue-data-ui-transition": O(z) }),
-						key: `plot_${r + Y.value.start}`,
-						transform: `translate(${n.x + n.width / 2}, ${O(u)(n.y) - R.value.dataLabelFontSize / 2})`,
-						"text-anchor": "middle",
-						"font-size": R.value.dataLabelFontSize,
-						fill: e.color
-					}, D(O(p)(R.value.formatter, O(u)(n.value), O(t)({
-						p: R.value.valuePrefix,
-						v: O(u)(n.value),
-						s: R.value.valueSuffix,
-						r: R.value.dataLabelRoundingValue
-					}), {
-						datapoint: n,
-						seriesIndex: r
-					})), 11, pn))), 128))], 64))), 128))])) : g("", !0),
-					fr.value && L.value.length < Q.value.legend.length ? (C(), _("g", mn, [(C(!0), _(m, null, T(Q.value.extremes.maxSeries, (e, t) => (C(), _("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, q.value].includes(t) ? R.value.xyHighlighterColor : "transparent",
-						style: S(`opacity:${R.value.xyHighlighterOpacity}`),
-						onMouseenter: (e) => Q.value.useTooltip(t, "pointer"),
-						onMouseleave: (e) => Q.value.killTooltip(t),
-						onClick: (e) => Q.value.selectDatapoint(t)
-					}, null, 44, hn))), 256))])) : g("", !0)
-				], 64)) : g("", !0),
-				[A.LINE, A.BAR].includes(G.value) ? (C(), _("g", gn, [
-					R.value.xAxisLabel && G.value === A.LINE ? (C(), _("g", {
-						key: 0,
-						ref_key: "xAxisLabel",
-						ref: Un
-					}, [v("text", {
-						"font-size": R.value.axisLabelsFontSize,
-						fill: R.value.color,
-						"text-anchor": "middle",
-						x: Z.value.drawingArea.left + Z.value.drawingArea.width / 2,
-						y: K.value.height - R.value.axisLabelsFontSize / 3
-					}, D(R.value.xAxisLabel), 9, _n)], 512)) : g("", !0),
-					R.value.xAxisLabel && G.value === A.BAR ? (C(), _("g", {
-						key: 1,
-						ref_key: "xAxisLabel",
-						ref: Un
-					}, [v("text", {
-						"font-size": R.value.axisLabelsFontSize,
-						fill: R.value.color,
-						"text-anchor": "middle",
-						x: Q.value.drawingArea.left + Q.value.drawingArea.width / 2,
-						y: K.value.height - R.value.axisLabelsFontSize / 3
-					}, D(R.value.xAxisLabel), 9, vn)], 512)) : g("", !0),
-					R.value.yAxisLabel && G.value === A.LINE ? (C(), _("g", {
-						key: 2,
-						ref_key: "yAxisLabel",
-						ref: Wn
-					}, [v("text", {
-						"font-size": R.value.axisLabelsFontSize,
-						fill: R.value.color,
-						transform: `translate(${R.value.axisLabelsFontSize}, ${Z.value.drawingArea.top + Z.value.drawingArea.height / 2}) rotate(-90)`,
-						"text-anchor": "middle"
-					}, D(R.value.yAxisLabel), 9, yn)], 512)) : g("", !0),
-					R.value.yAxisLabel && G.value === A.BAR ? (C(), _("g", {
-						key: 3,
-						ref_key: "yAxisLabel",
-						ref: Wn
-					}, [v("text", {
-						"font-size": R.value.axisLabelsFontSize,
-						fill: R.value.color,
-						transform: `translate(${R.value.axisLabelsFontSize}, ${Q.value.drawingArea.top + Q.value.drawingArea.height / 2}) rotate(-90)`,
-						"text-anchor": "middle"
-					}, D(R.value.yAxisLabel), 9, bn)], 512)) : g("", !0)
-				])) : g("", !0),
-				Ti.value ? (C(), _("rect", {
-					key: 7,
-					x: Ti.value.x,
-					y: Ti.value.y,
-					width: Ti.value.width,
-					height: Ti.value.height,
-					fill: ti.value.selection.fill,
-					"fill-opacity": ti.value.selection.fillOpacity,
-					stroke: ti.value.selection.stroke,
-					"stroke-opacity": ti.value.selection.strokeOpacity,
-					"stroke-width": ti.value.selection.strokeWidth,
-					"stroke-dasharray": ti.value.selection.strokeDasharray,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"pointer-events": "none"
-				}, null, 8, xn)) : g("", !0)
-			], 46, ot)) : g("", !0), e.$slots.hint ? (C(), _("div", Sn, [E(e.$slots, "hint", x(y({
-				hint: R.value.a11y.translations.keyboardNavigation,
-				isVisible: ir.value
-			})), void 0, !0)])) : g("", !0)]),
-			e.$slots.watermark ? (C(), _("div", Cn, [E(e.$slots, "watermark", x(y({ isPrinting: O(Sr) || O(Cr) })), void 0, !0)])) : g("", !0),
-			xr.value ? (C(), _("div", {
-				key: `slicer_${Ln.value}`,
-				ref_key: "quickChartSlicer",
-				ref: jn
-			}, [(C(), Ne(De, {
-				ref_key: "slicerComponent",
-				ref: Ur,
-				key: `slicer_${Ln.value}`,
-				timeLabels: $.value,
-				background: R.value.zoomColor,
-				borderColor: R.value.backgroundColor,
-				fontSize: R.value.zoomFontSize,
-				useResetSlot: R.value.zoomUseResetSlot,
-				textColor: R.value.color,
-				inputColor: R.value.zoomColor,
-				selectColor: R.value.zoomHighlightColor,
-				max: W.value.maxSeriesLength,
-				min: 0,
-				valueStart: Y.value.start,
-				valueEnd: Y.value.end,
-				smoothMinimap: R.value.zoomMinimap.smooth,
-				minimapSelectedColor: R.value.zoomMinimap.selectedColor,
-				minimapSelectedColorOpacity: R.value.zoomMinimap.selectedColorOpacity,
-				minimapSelectionRadius: R.value.zoomMinimap.selectionRadius,
-				minimapLineColor: R.value.zoomMinimap.lineColor,
-				minimap: _i.value,
-				minimapIndicatorColor: R.value.zoomMinimap.indicatorColor,
-				verticalHandles: R.value.zoomMinimap.verticalHandles,
-				minimapSelectedIndex: q.value,
-				"onUpdate:start": hi,
-				"onUpdate:end": gi,
-				refreshStartPoint: R.value.zoomStartIndex === null ? 0 : R.value.zoomStartIndex,
-				refreshEndPoint: R.value.zoomEndIndex === null ? W.value.maxSeriesLength : R.value.zoomEndIndex + 1,
-				enableRangeHandles: R.value.zoomEnableRangeHandles,
-				enableSelectionDrag: R.value.zoomEnableSelectionDrag,
-				minimapCompact: R.value.zoomMinimap.compact,
-				minimapMerged: R.value.zoomMinimap.merged,
-				allMinimaps: Hi.value,
-				minimapFrameColor: R.value.zoomMinimap.frameColor,
-				additionalMinimapHeight: R.value.zoomMinimap.additionalHeight,
-				handleType: R.value.zoomMinimap.handleType,
-				handleWidth: R.value.zoomMinimap.handleWidth,
-				handleBorderWidth: R.value.zoomMinimap.handleBorderWidth,
-				handleIconColor: R.value.zoomMinimap.handleIconColor,
-				handleBorderColor: R.value.zoomMinimap.handleBorderColor,
-				handleFill: R.value.zoomMinimap.handleFill,
-				focusOnDrag: R.value.zoomFocusOnDrag,
-				focusRangeRatio: R.value.zoomFocusRangeRatio,
-				maxWidth: R.value.zoomMaxWidth,
-				minimapLeftInsetRatio: Bi.value,
-				minimapRightInsetRatio: Vi.value,
-				onReset: r[0] ||= () => pi({
-					applyControlledZoom: !1,
-					publish: !0
-				}),
-				onTrapMouse: Br
-			}, {
-				"reset-action": k(({ reset: t }) => [E(e.$slots, "reset-action", x(y({ reset: t })), void 0, !0)]),
-				_: 3
-			}, 8, /* @__PURE__ */ "timeLabels.background.borderColor.fontSize.useResetSlot.textColor.inputColor.selectColor.max.valueStart.valueEnd.smoothMinimap.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectionRadius.minimapLineColor.minimap.minimapIndicatorColor.verticalHandles.minimapSelectedIndex.refreshStartPoint.refreshEndPoint.enableRangeHandles.enableSelectionDrag.minimapCompact.minimapMerged.allMinimaps.minimapFrameColor.additionalMinimapHeight.handleType.handleWidth.handleBorderWidth.handleIconColor.handleBorderColor.handleFill.focusOnDrag.focusRangeRatio.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio".split(".")))])) : g("", !0),
-			v("div", { id: `legend-bottom-${P.value}` }, null, 8, wn),
-			Rn.value && R.value.showLegend ? (C(), Ne(Me, {
-				key: 7,
-				to: R.value.legendPosition === "top" ? `#legend-top-${P.value}` : `#legend-bottom-${P.value}`
-			}, [R.value.showLegend ? (C(), _("div", {
-				key: 0,
-				ref_key: "quickChartLegend",
-				ref: An,
-				class: "vue-ui-quick-chart-legend",
-				style: S(`background:transparent;color:${R.value.color}`)
-			}, [
-				(J.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && R.value.showLegendSelectAllToggle && !O(or) ? (C(), Ne(Oe, {
-					key: 0,
-					backgroundColor: R.value.legendSelectAllToggleBackgroundColor,
-					color: R.value.legendSelectAllToggleColor,
-					fontSize: R.value.legendFontSize,
-					checked: L.value.length > 0,
-					isCursorPointer: nr.value,
-					onToggle: Pr
-				}, null, 8, [
-					"backgroundColor",
-					"color",
-					"fontSize",
-					"checked",
-					"isCursorPointer"
-				])) : g("", !0),
-				G.value === A.DONUT ? (C(!0), _(m, { key: 1 }, T(J.value.legend, (n, r) => (C(), _("div", {
-					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => zr(n, J.value.dataset),
-					style: S(`cursor: ${J.value.legend.length > 1 && nr.value ? "pointer" : "default"}; opacity:${L.value.includes(n.id) ? "0.5" : "1"}`),
-					role: "button",
-					tabindex: "0",
-					onKeydown: (e) => {
-						oa(e, () => {
-							zr(n, J.value.dataset);
-						});
-					}
-				}, [R.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
-					...n,
-					isSegregated: L.value.includes(n.id),
-					segregate: () => {
-						zr(n, J.value.dataset);
-					}
-				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [
-					Fe(O(qe), {
-						name: R.value.legendIcon,
-						stroke: n.color,
-						size: R.value.legendIconSize
-					}, null, 8, [
-						"name",
-						"stroke",
-						"size"
-					]),
-					v("span", { style: S(`font-size:${R.value.legendFontSize}px`) }, D(n.name), 5),
-					v("span", { style: S(`font-size:${R.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, D(L.value.includes(n.id) ? "-" : O(p)(R.value.formatter, n.absoluteValue, O(t)({
-						p: R.value.valuePrefix,
-						v: n.absoluteValue,
-						s: R.value.valueSuffix,
-						r: R.value.dataLabelRoundingValue
-					}), {
-						datapoint: n,
-						seriesIndex: r
-					})), 5),
-					L.value.includes(n.id) ? (C(), _("span", {
-						key: 0,
-						style: S(`font-size:${R.value.legendFontSize}px`)
-					}, " ( - % ) ", 4)) : Rr.value ? (C(), _("span", {
-						key: 1,
-						style: S(`font-size:${R.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " ( - % ) ", 4)) : (C(), _("span", {
-						key: 2,
-						style: S(`font-size:${R.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " (" + D(O(t)({
-						v: n.value / J.value.total * 100,
-						s: "%",
-						r: R.value.dataLabelRoundingPercentage
-					})) + ") ", 5))
-				], 64))], 44, Tn))), 256)) : g("", !0),
-				G.value === A.LINE ? (C(!0), _(m, { key: 2 }, T(Z.value.legend, (t, n) => (C(), _("div", {
-					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => {
-						Fr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
-					},
-					style: S(`cursor: ${Z.value.legend.length > 1 && nr.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
-					role: "button",
-					tabindex: "0",
-					onKeydown: (e) => {
-						oa(e, () => {
-							Fr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
-						});
-					}
-				}, [R.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
-					...t,
-					isSegregated: L.value.includes(t.id),
-					segregate: () => {
-						Fr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
-					}
-				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [Fe(O(qe), {
-					name: R.value.legendIcon,
-					stroke: t.color,
-					size: R.value.legendIconSize
-				}, null, 8, [
-					"name",
-					"stroke",
-					"size"
-				]), v("span", { style: S(`font-size:${R.value.legendFontSize}px`) }, D(t.name), 5)], 64))], 44, En))), 256)) : g("", !0),
-				G.value === A.BAR ? (C(!0), _(m, { key: 3 }, T(Q.value.legend, (t, n) => (C(), _("div", {
-					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => {
-						Fr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
-					},
-					style: S(`cursor: ${Q.value.legend.length > 1 && nr.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
-					role: "button",
-					tabindex: "0",
-					onKeydown: (e) => {
-						oa(e, () => {
-							Fr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
-						});
-					}
-				}, [R.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
-					...t,
-					isSegregated: L.value.includes(t.id),
-					segregate: () => {
-						Fr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
-					}
-				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [Fe(O(qe), {
-					name: R.value.legendIcon,
-					stroke: t.color,
-					size: R.value.legendIconSize
-				}, null, 8, [
-					"name",
-					"stroke",
-					"size"
-				]), v("span", { style: S(`font-size:${R.value.legendFontSize}px`) }, D(t.name), 5)], 64))], 44, Dn))), 256)) : g("", !0)
-			], 4)) : g("", !0)], 8, ["to"])) : g("", !0),
-			e.$slots.source ? (C(), _("div", {
-				key: 8,
-				ref_key: "source",
-				ref: Pn,
-				dir: "auto"
-			}, [E(e.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			Fe(O(Ze), {
-				teleportTo: R.value.tooltipTeleportTo,
-				show: Dr.value.showTooltip && F.value,
-				backgroundColor: R.value.backgroundColor,
-				color: R.value.color,
-				borderRadius: R.value.tooltipBorderRadius,
-				borderColor: R.value.tooltipBorderColor,
-				borderWidth: R.value.tooltipBorderWidth,
-				fontSize: R.value.tooltipFontSize,
-				backgroundOpacity: R.value.tooltipBackgroundOpacity,
-				position: R.value.tooltipPosition,
-				offsetX: R.value.tooltipOffsetX,
-				offsetY: R.value.tooltipOffsetY,
-				parent: N.value,
-				content: Nn.value,
-				isFullscreen: Gi.value,
-				isCustom: O(n)(R.value.tooltipCustomFormat),
-				smooth: R.value.tooltipSmooth,
-				smoothForce: R.value.tooltipSmoothForce,
-				smoothSnapThreshold: R.value.tooltipSmoothSnapThreshold,
-				backdropFilter: R.value.tooltipBackdropFilter,
-				isA11yMode: V.value === "keyboard",
-				a11yPosition: rr.value
-			}, {
-				"tooltip-before": k(() => [E(e.$slots, "tooltip-before", x(y({ ...Mn.value })), void 0, !0)]),
-				tooltip: k(() => [E(e.$slots, "tooltip", x(y({ ...Mn.value })), void 0, !0)]),
-				"tooltip-after": k(() => [E(e.$slots, "tooltip-after", x(y({ ...Mn.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(or) ? (C(), Ne(ge, { key: 0 })) : g("", !0)], !0)
-		], 46, nt)) : (C(), _("div", On, [Fe(O(qe), {
-			name: "circleCancel",
-			stroke: "red"
-		}), r[4] ||= v("span", null, "Dataset is not processable", -1)]));
-	}
-}, [["__scopeId", "data-v-6e6dae1f"]]);
-//#endregion
-export { N as n, kn as t };