vue-data-ui 3.19.7 → 3.19.9

package/dist/vue-ui-xy-Dhult6gR.js

@@ -1,4181 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { At as t, B as n, D as r, F as i, G as a, H as o, I as s, It as c, J as l, L as u, Lt as ee, M as te, Mt as d, O as f, Ot as p, P as m, R as ne, Rt as re, S as ie, St as ae, T as oe, Tt as se, X as ce, _t as le, a as h, c as ue, dt as g, et as _, g as de, h as fe, i as pe, j as me, jt as he, k as ge, l as _e, mt as ve, n as ye, nt as be, pt as xe, r as Se, s as Ce, v, w as we, x as Te, y as Ee, z as De, zt as Oe } from "./lib-BkiwukKO.js";
-import { n as ke, r as Ae, t as je } from "./useTimeLabels-C0x7zUXP.js";
-import { t as Me } from "./useConfig-ByaaSKhz.js";
-import { t as Ne } from "./usePrinter-X0yWOynH.js";
-import { n as Pe, t as Fe } from "./BaseScanner-C7dmAref.js";
-import { t as Ie } from "./useSvgExport-Dtu973wa.js";
-import { t as Le } from "./useNestedProp-Ck4hsrpu.js";
-import { t as Re } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as ze } from "./useStableElementSize-0I1IpHPl.js";
-import { t as Be } from "./useTimeLabelCollider-Dm55Emzg.js";
-import { t as Ve } from "./img-BjOr008R.js";
-import { n as He } from "./Title-__gWq2g6.js";
-import { t as Ue } from "./vue_ui_xy-BYPqfYyx.js";
-import { t as We } from "./Shape-DEGOZ6GG.js";
-import { t as Ge } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as Ke } from "./SlicerPreview-BU3ZeHjR.js";
-import { t as qe } from "./vue-ui-accordion-BX9WL-QF.js";
-import { t as Je } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as Ye } from "./A11yDataTable-q2-8fSlJ.js";
-import { Fragment as y, Teleport as Xe, computed as b, createBlock as Ze, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as Qe, createTextVNode as $e, createVNode as et, defineAsyncComponent as tt, getCurrentInstance as nt, guardReactiveProps as rt, mergeProps as it, nextTick as at, normalizeClass as ot, normalizeProps as st, normalizeStyle as w, onBeforeUnmount as ct, onMounted as lt, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as ut, shallowRef as dt, toDisplayString as ft, toRefs as pt, unref as k, useSlots as mt, vModelCheckbox as ht, watch as gt, watchEffect as _t, withCtx as A, withDirectives as vt } from "vue";
-//#region src/components/vue-ui-xy.vue
-var yt = /* @__PURE__ */ e({ default: () => j }), bt = ["id"], xt = ["id"], St = ["id"], Ct = { style: { position: "relative" } }, wt = [
-	"viewBox",
-	"aria-label",
-	"aria-describedby"
-], Tt = [
-	"x",
-	"y",
-	"width",
-	"height"
-], Et = { key: 1 }, Dt = { class: "vue-ui-xy-grid" }, Ot = [
-	"stroke",
-	"x1",
-	"x2",
-	"y1",
-	"y2"
-], kt = [
-	"stroke",
-	"x1",
-	"x2",
-	"y1",
-	"y2"
-], At = { key: 1 }, jt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke"
-], Mt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke"
-], Nt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke"
-], Pt = { key: 3 }, Ft = ["d", "stroke"], It = { key: 4 }, Lt = ["d", "stroke"], Rt = ["id"], zt = ["stop-color"], Bt = ["stop-color"], Vt = ["stop-color"], Ht = ["id"], Ut = ["stop-color"], Wt = ["stop-color"], Gt = ["stop-color"], Kt = ["id"], qt = ["stop-color"], Jt = ["stop-color"], Yt = ["id"], Xt = ["stop-color"], Zt = ["stop-color"], Qt = ["id"], $t = ["stop-color"], en = ["stop-color"], tn = { key: 0 }, nn = ["id"], rn = ["stop-color", "offset"], an = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill"
-], on = [
-	"x",
-	"y",
-	"width"
-], sn = { key: 0 }, cn = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill"
-], ln = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"rx",
-	"fill",
-	"stroke",
-	"stroke-width"
-], un = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"rx",
-	"fill",
-	"stroke",
-	"stroke-width"
-], dn = [
-	"width",
-	"x",
-	"y"
-], fn = [
-	"stroke",
-	"x1",
-	"x2",
-	"y1",
-	"y2"
-], pn = { key: 3 }, mn = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], hn = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"stroke",
-	"stroke-width",
-	"stroke-linecap",
-	"stroke-linejoin",
-	"stroke-dasharray"
-], gn = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], _n = [
-	"fill",
-	"font-size",
-	"transform"
-], vn = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke"
-], yn = [
-	"transform",
-	"text-anchor",
-	"font-size",
-	"fill"
-], bn = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke"
-], xn = [
-	"transform",
-	"font-size",
-	"text-anchor",
-	"fill"
-], Sn = [
-	"width",
-	"x",
-	"y"
-], Cn = { style: { width: "100%" } }, wn = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Tn = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], En = { key: 6 }, Dn = { key: 7 }, On = [
-	"d",
-	"fill",
-	"fill-opacity"
-], kn = { key: 0 }, An = ["d", "fill"], jn = ["d", "fill"], Mn = ["d", "fill"], Nn = ["d", "fill"], Pn = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Fn = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], In = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Ln = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Rn = [
-	"width",
-	"x",
-	"y"
-], zn = { style: { width: "100%" } }, Bn = { key: 8 }, Vn = [
-	"text-anchor",
-	"font-size",
-	"transform",
-	"fill",
-	"stroke",
-	"innerHTML"
-], Hn = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"font-weight"
-], Un = { key: 9 }, Wn = [
-	"transform",
-	"text-anchor",
-	"font-size",
-	"fill",
-	"stroke",
-	"innerHTML"
-], Gn = { key: 10 }, Kn = ["x", "y"], qn = ["innerHTML"], Jn = ["x", "y"], Yn = ["innerHTML"], Xn = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke"
-], Zn = { key: 11 }, Qn = [
-	"transform",
-	"text-anchor",
-	"font-size",
-	"fill",
-	"stroke",
-	"innerHTML"
-], $n = { key: 12 }, er = ["x", "y"], tr = ["innerHTML"], nr = ["x", "y"], rr = ["innerHTML"], ir = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke"
-], ar = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"innerHTML"
-], or = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"innerHTML"
-], sr = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"innerHTML"
-], cr = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"innerHTML"
-], lr = { key: 0 }, ur = ["id"], dr = ["fill", "stroke"], fr = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"marker-end"
-], pr = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"marker-end"
-], mr = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"stroke"
-], hr = [
-	"id",
-	"x1",
-	"x2"
-], gr = ["stop-color"], _r = ["stop-color"], vr = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"onMouseenter"
-], yr = [
-	"font-size",
-	"fill",
-	"transform"
-], br = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], xr = [
-	"text-anchor",
-	"font-size",
-	"fill",
-	"transform",
-	"onClick"
-], Sr = [
-	"text-anchor",
-	"font-size",
-	"fill",
-	"transform",
-	"innerHTML",
-	"onClick"
-], Cr = { key: 15 }, wr = [
-	"x1",
-	"y1",
-	"x2",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Tr = [
-	"x1",
-	"y1",
-	"x2",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Er = [
-	"y",
-	"x",
-	"width",
-	"height",
-	"fill"
-], Dr = [
-	"id",
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"text-anchor"
-], Or = {
-	key: 16,
-	style: { "pointer-events": "none" }
-}, kr = ["x", "y"], Ar = ["innerHTML"], jr = [
-	"cx",
-	"cy",
-	"r",
-	"fill"
-], Mr = ["data-start", "data-end"], Nr = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, Pr = {
-	key: 5,
-	class: "vue-data-ui-watermark"
-}, Fr = {
-	class: "vue-ui-xy-tag-arrow",
-	height: "20",
-	viewBox: "0 0 10 20",
-	style: {
-		position: "absolute",
-		right: "100%",
-		top: "50%",
-		transform: "translateY(-50%)"
-	}
-}, Ir = ["fill"], Lr = ["innerHTML"], Rr = {
-	class: "vue-ui-xy-tag-arrow",
-	height: "100%",
-	viewBox: "0 0 10 20",
-	style: {
-		position: "absolute",
-		left: "100%",
-		top: "50%",
-		transform: "translateY(-50%)"
-	}
-}, zr = ["fill"], Br = ["innerHTML"], Vr = {
-	class: "vue-ui-xy-tag-arrow",
-	height: "20",
-	viewBox: "0 0 10 20",
-	style: {
-		position: "absolute",
-		right: "100%",
-		top: "50%",
-		transform: "translateY(-50%)"
-	}
-}, Hr = ["fill"], Ur = ["innerHTML"], Wr = {
-	class: "vue-ui-xy-tag-arrow",
-	height: "100%",
-	viewBox: "0 0 10 20",
-	style: {
-		position: "absolute",
-		left: "100%",
-		top: "50%",
-		transform: "translateY(-50%)"
-	}
-}, Gr = ["fill"], Kr = ["innerHTML"], qr = ["id"], Jr = ["onClick", "onKeydown"], Yr = {
-	key: 0,
-	viewBox: "0 0 20 12",
-	height: "1em",
-	width: "1.43em",
-	"aria-hidden": "true"
-}, Xr = ["stroke", "fill"], Zr = {
-	key: 1,
-	viewBox: "0 0 40 40",
-	height: "1em",
-	width: "1em",
-	"aria-hidden": "true"
-}, Qr = ["fill"], $r = ["fill"], ei = {
-	key: 2,
-	viewBox: "0 0 12 12",
-	height: "1em",
-	width: "1em",
-	"aria-hidden": "true"
-}, ti = {
-	style: {
-		display: "flex",
-		"flex-direction": "row",
-		gap: "6px",
-		"align-items": "center",
-		"padding-left": "6px"
-	},
-	"data-dom-to-png-ignore": ""
-}, ni = ["innerHTML"], j = /* @__PURE__ */ Ge({
-	__name: "vue-ui-xy",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		},
-		selectedXIndex: {
-			type: Number,
-			default: void 0
-		}
-	},
-	emits: [
-		"selectTimeLabel",
-		"selectX",
-		"selectLegend",
-		"zoomStart",
-		"zoomEnd",
-		"zoomReset",
-		"copyAlt"
-	],
-	setup(e, { expose: Ge, emit: yt }) {
-		let j = e, ri = tt(() => import("./DataTable-DmE8Oo4i.js")), ii = tt(() => import("./Tooltip-CuWEYGr3.js")), ai = tt(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), oi = tt(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), si = tt(() => import("./vue-ui-table-sparkline-BPts9wTR.js").then((e) => e.n)), ci = tt(() => import("./PackageVersion-DUU5Aku2.js").then((e) => e.t)), li = tt(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), ui = tt(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), di = yt, fi = mt(), pi = nt(), { vue_ui_xy: mi } = Me(), { isThemeValid: hi, warnInvalidTheme: gi } = Re(), _i = E(null), vi = E(null), yi = E(null), bi = E(null), xi = E(null), Si = E(null), Ci = E(null), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(0), M = E(null), Mi = E(!0), Ni = E(600), N = E(1e3), Pi = E("0 0 1000 600"), Fi = E({
-			x: 0,
-			y: 0
-		}), Ii = E({
-			line: "line",
-			bar: "bar",
-			plot: "plot"
-		}), Li = E(!1), Ri = E(!1), zi = E(!1), Bi = E(null), P = E([]), F = E(o()), Vi = E(0), Hi = E(0), Ui = E(0), Wi = E(!0), Gi = E(0), I = E(null), Ki = E(!1), qi = E(!0), Ji = E(!0), L = E(null), Yi = E({}), Xi = E(null), Zi = E(!1), Qi = E(null), $i = E(!1), ea = E(!1), R = E(null), ta = E(null), na = E({
-			x: 0,
-			y: 0
-		}), ra = dt(null), ia = E(!1), aa = E(0), oa = E(0), sa = ze({
-			elementRef: ra,
-			minimumWidth: 2,
-			minimumHeight: 2,
-			stableFramesRequired: 2,
-			once: !1,
-			onSizeAccepted: () => {
-				ua();
-			}
-		});
-		function ca() {
-			ra.value = _i.value?.parentNode ?? null;
-		}
-		function la() {
-			return new Promise((e) => {
-				requestAnimationFrame(() => {
-					requestAnimationFrame(e);
-				});
-			});
-		}
-		async function ua() {
-			let e = ++oa.value;
-			ia.value = !1, await at(), await la(), await la(), e === oa.value && (aa.value += 1, ia.value = !0);
-		}
-		let da = b(() => ({
-			height: Ni.value,
-			width: N.value
-		}));
-		function fa(e) {
-			return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
-		}
-		function pa(e, t, n = 0) {
-			return Number.isFinite(e) && Number.isFinite(t) && Math.abs(t) > 1e-9 ? e / t : n;
-		}
-		let ma = E(!1), ha = E(null), ga = E(null), z = E({
-			xAxis: 18,
-			yAxis: 12,
-			dataLabels: 20,
-			plotLabels: 10
-		}), _a = E({
-			plot: 3,
-			line: 3
-		});
-		lt(() => {
-			Zi.value = !0, j.dataset.length && j.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.series) && ce({
-					componentName: "VueUiXy",
-					type: "datasetSerieAttribute",
-					property: "series (number[])",
-					index: t,
-					debug: Ca.value
-				});
-			}), ca(), sa.start(), ua();
-		});
-		function va() {
-			if (!Object.keys(j.config || {}).length) return mi;
-			let e = Le({
-				userConfig: j.config,
-				defaultConfig: mi
-			});
-			j.config && g(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea : e.chart.highlightArea = [j.config.chart.highlightArea]), j.config && g(j.config, "chart.annotations") && Array.isArray(j.config.chart.annotations) && j.config.chart.annotations.length ? e.chart.annotations = j.config.chart.annotations.map((e) => Le({
-				defaultConfig: mi.chart.annotations[0],
-				userConfig: e
-			})) : e.chart.annotations = [], j.config && g(j.config, "chart.grid.position") && j.config.chart.grid.position === "start" && j.dataset.length && j.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", g(j.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), j.config && g(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea.map((e) => ya({
-				defaultConfig: mi.chart.highlightArea,
-				userConfig: e
-			})) : e.chart.highlightArea = ya({
-				defaultConfig: mi.chart.highlightArea,
-				userConfig: j.config.chart.highlightArea
-			}));
-			let t = e.theme;
-			if (!t) return e;
-			if (!hi.value(e)) return gi(e), e;
-			let n = Le({
-				userConfig: Ue[t] || j.config,
-				defaultConfig: e
-			}), r = Le({
-				userConfig: j.config,
-				defaultConfig: n
-			});
-			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ee[t] || se
-			};
-		}
-		function ya({ defaultConfig: e, userConfig: t }) {
-			return Le({
-				defaultConfig: e,
-				userConfig: t
-			});
-		}
-		let ba = b({
-			get() {
-				return !!j.dataset && j.dataset.length;
-			},
-			set(e) {
-				return e;
-			}
-		}), B = E(va()), xa = b(() => B.value.chart.userOptions.useCursorPointer), V = E({
-			dataLabels: { show: !0 },
-			showTooltip: !0,
-			showTable: !1,
-			isStacked: !1,
-			useIndividualScale: !1
-		});
-		function Sa() {
-			let e = B.value.chart.grid.labels.yAxis.stacked, t = B.value.chart.grid.labels.yAxis.useIndividualScale;
-			if (!ma.value) {
-				V.value = {
-					dataLabels: { show: !0 },
-					showTooltip: B.value.chart.tooltip.show === !0,
-					showTable: B.value.showTable === !0,
-					isStacked: e,
-					useIndividualScale: t
-				}, ha.value = e, ga.value = t, ma.value = !0;
-				return;
-			}
-			V.value.showTooltip = B.value.chart.tooltip.show === !0, e !== ha.value && (V.value.isStacked = e, ha.value = e), t !== ga.value && (V.value.useIndividualScale = t, ga.value = t), V.value.isStacked && (V.value.useIndividualScale = !0);
-		}
-		let Ca = b(() => !!B.value.debug), wa = b(() => Oe({
-			defaultConfig: {
-				useCssAnimation: !1,
-				showTable: !1,
-				chart: {
-					annotations: [],
-					highlightArea: [],
-					backgroundColor: "#99999930",
-					grid: {
-						stroke: "#6A6A6A",
-						labels: {
-							show: !1,
-							axis: {
-								yLabel: "",
-								xLabel: ""
-							},
-							xAxisLabels: { show: !1 },
-							yAxis: {
-								commonScaleSteps: 10,
-								useNiceScale: !0,
-								scaleMin: 0,
-								scaleMax: 134
-							},
-							zeroLine: { show: !0 }
-						}
-					},
-					padding: {
-						top: 12,
-						bottom: 24,
-						left: 24,
-						right: 24
-					},
-					userOptions: { show: !1 },
-					zoom: {
-						show: !1,
-						startIndex: null,
-						endIndex: null
-					}
-				},
-				bar: {
-					serieName: { show: !1 },
-					labels: { show: !1 },
-					border: {
-						useSerieColor: !1,
-						stroke: "#999999"
-					}
-				},
-				line: {
-					dot: {
-						useSerieColor: !1,
-						fill: "#8A8A8A"
-					},
-					labels: { show: !1 }
-				}
-			},
-			userConfig: B.value.skeletonConfig ?? {}
-		})), Ta = b(() => j.config?.skeletonDataset ?? [{
-			name: "",
-			series: [
-				0,
-				1,
-				2,
-				3,
-				5,
-				8,
-				13,
-				21,
-				34,
-				55,
-				89,
-				134
-			],
-			type: "line",
-			smooth: !0,
-			color: "#BABABA"
-		}, {
-			name: "",
-			series: [
-				0,
-				.5,
-				1,
-				1.5,
-				2.5,
-				4,
-				6.5,
-				10.5,
-				17,
-				27.5,
-				44.5,
-				67
-			],
-			type: "bar",
-			color: "#CACACA"
-		}]), { loading: Ea, FINAL_DATASET: H, manualLoading: Da } = Pe({
-			...pt(j),
-			FINAL_CONFIG: B,
-			prepareConfig: va,
-			callback: () => {
-				Promise.resolve().then(async () => {
-					(!B.value.chart.zoom.keepState || !jo.value || W.value.start === 0 && W.value.end === 0) && await Fo(), V.value.showTable = B.value.showTable;
-				});
-			},
-			skeletonDataset: Ta.value,
-			skeletonConfig: Oe({
-				defaultConfig: B.value,
-				userConfig: wa.value
-			})
-		});
-		function Oa(e) {
-			let t = /* @__PURE__ */ new WeakMap();
-			return (n, ...r) => {
-				let i = t.get(n), a = JSON.stringify(r);
-				if (i && i.has(a)) return i.get(a);
-				let o = e(n, ...r);
-				return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i.set(a, o), o;
-			};
-		}
-		let ka = Oa((e, t) => le({
-			data: e,
-			threshold: t
-		})), Aa = (e) => ka(e, B.value.downsample.threshold), U = b({
-			get: () => Math.max(...H.value.map((e) => Aa(e.series).length)),
-			set: (e) => e
-		}), W = E({
-			start: 0,
-			end: U.value
-		}), ja = E({
-			start: 0,
-			end: U.value
-		}), Ma = b(() => B.value.chart.zoom.preview.enable && (ja.value.start !== W.value.start || ja.value.end !== W.value.end));
-		function Na(e, t) {
-			ja.value[e] = t;
-		}
-		function Pa() {
-			let e = Math.max(1, ...H.value.map((e) => Aa(e.series).length)), t = Math.max(0, Math.min(W.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(W.value.end ?? e, e));
-			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), W.value = {
-				start: t,
-				end: n
-			}, ja.value.start = t, ja.value.end = n, yi.value && (yi.value.setStartValue(t), yi.value.setEndValue(n));
-		}
-		let Fa = b(() => {
-			let { left: e, top: t, width: n, height: r } = q.value, i = W.value.start, a = W.value.end - i, o = n / a, s = ja.value.start - i, c = ja.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
-			return {
-				x: e + l * o,
-				y: t,
-				width: (u - l) * o,
-				height: r,
-				fill: B.value.chart.zoom.preview.fill,
-				stroke: B.value.chart.zoom.preview.stroke,
-				"stroke-width": B.value.chart.zoom.preview.strokeWidth,
-				"stroke-dasharray": B.value.chart.zoom.preview.strokeDasharray,
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round",
-				style: {
-					pointerEvents: "none",
-					transition: "none !important",
-					animation: "none !important"
-				}
-			};
-		});
-		gt(() => j.selectedXIndex, (e) => {
-			if ([null, void 0].includes(j.selectedXIndex)) {
-				R.value = null;
-				return;
-			}
-			let t = e - W.value.start;
-			t < 0 || e >= W.value.end ? R.value = null : R.value = t ?? null;
-		}, { immediate: !0 });
-		let { isPrinting: Ia, isImaging: La, generatePdf: Ra, generateImage: za } = Ne({
-			elementId: `vue-ui-xy_${F.value}`,
-			fileName: B.value.chart.title.text || "vue-ui-xy",
-			options: B.value.chart.userOptions.print
-		}), Ba = E(!1), Va = b(() => Te(B.value.customPalette)), Ha = b(() => {
-			let e = B.value.chart.grid.labels.yAxis.scaleMin;
-			if (e == null) return null;
-			let t = Number(e);
-			return Number.isFinite(t) ? t : null;
-		}), Ua = b(() => Ha.value === null ? Uo.value : q.value.bottom), Wa = b(() => {
-			let e = B.value.chart.grid.labels.yAxis.scaleMax;
-			if (e == null) return null;
-			let t = Number(e);
-			return Number.isFinite(t) ? t : null;
-		}), Ga = b(() => Ha.value !== null || Wa.value !== null), Ka = b(() => {
-			let e = Za.value.filter((e) => !P.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).filter(Number.isFinite);
-			return e.length ? {
-				min: Math.min(...e),
-				max: Math.max(...e)
-			} : {
-				min: 0,
-				max: 1
-			};
-		});
-		function qa(e, t) {
-			let n = Number.isFinite(e) ? e : 0, r = Number.isFinite(t) ? t : 1;
-			return n === r ? r = n + 1 : n > r && ([n, r] = [r, n]), {
-				min: n,
-				max: r
-			};
-		}
-		let Ja = b(() => {
-			let { min: e, max: t } = Ka.value;
-			if (!Ga.value) {
-				let t = e;
-				return t > 0 ? 0 : t;
-			}
-			let n = Ha.value === null ? e > 0 ? 0 : e : Ha.value, r = Wa.value === null ? t : Wa.value;
-			return qa(e < n ? e : n, t > r ? t : r).min;
-		}), Ya = b(() => {
-			let { min: e, max: t } = Ka.value;
-			if (!Ga.value) {
-				let e = t;
-				return Ja.value === e ? e + 1 : e;
-			}
-			let n = Ha.value === null ? e > 0 ? 0 : e : Ha.value, r = Wa.value === null ? t : Wa.value;
-			return qa(e < n ? e : n, t > r ? t : r).max;
-		}), G = b(() => B.value.chart.grid.labels.yAxis.useNiceScale ? fe(Ja.value, Ya.value < 0 ? 0 : Ya.value, B.value.chart.grid.labels.yAxis.commonScaleSteps) : de(Ja.value, Ya.value < 0 ? 0 : Ya.value, B.value.chart.grid.labels.yAxis.commonScaleSteps)), Xa = b(() => [null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) ? G.value.min >= 0 ? 0 : Math.abs(G.value.min) : -G.value.min), Za = b(() => Mi.value ? H.value.map((e, t) => {
-			let n = Aa(e.series), r = `uniqueId_${t}`;
-			return {
-				...e,
-				slotAbsoluteIndex: t,
-				series: n.map((e) => ve(e) ? e : null).slice(W.value.start, W.value.end),
-				color: Ee(e.color ? e.color : Va.value[t] ? Va.value[t] : se[t]),
-				id: r,
-				scaleLabel: e.scaleLabel || r
-			};
-		}) : H.value), Qa = b(() => Za.value.map((e, t) => ({
-			absoluteIndex: t,
-			...e,
-			series: e.series.map((e) => e + Xa.value),
-			absoluteValues: e.series,
-			segregate: () => ls(e),
-			isSegregated: P.value.includes(e.id)
-		}))), $a = b(() => Za.value.map((e, t) => ({
-			...e,
-			series: e.series.map((e) => e + Xa.value),
-			absoluteValues: e.series
-		})).filter((e) => !P.value.includes(e.id))), eo = b(() => P.value.length === Qa.value.length), K = b(() => B.value.chart.grid.labels.yAxis.position === "right");
-		function to() {
-			let e = 0;
-			Di.value && (e = Array.from(Di.value.querySelectorAll("text")).reduce((e, t) => {
-				let n = t.getComputedTextLength();
-				return n > e ? n : e;
-			}, 0));
-			let t = Ti.value ? Ti.value.getBoundingClientRect().width + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : 0, n = e + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + B.value.chart.grid.labels.yAxis.crosshairSize;
-			return {
-				left: K.value ? 0 : n + t,
-				right: K.value ? n + t : 0,
-				scaleLabelsOffset: n,
-				yAxisLabelWidth: t
-			};
-		}
-		let no = E(0), ro = E(0);
-		function io() {
-			let e = Ei.value;
-			if (!e) {
-				no.value = 0, ro.value = 0;
-				return;
-			}
-			try {
-				let t = e.getBBox();
-				no.value = t?.height ?? 0, ro.value = t?.x ?? 0;
-			} catch {
-				no.value = 0, ro.value = 0;
-			}
-		}
-		let ao = b(() => {
-			let e = 0;
-			if (wi.value) try {
-				e = wi.value.getBBox().height || 0;
-			} catch {
-				e = 0;
-			}
-			return e + no.value + z.value.xAxis;
-		}), oo = b(() => H.value.some((e) => e.useProgression));
-		function so() {
-			return B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.dataLabels * .8;
-		}
-		let q = b(() => {
-			aa.value;
-			let e = 0, t = 0, n = 0, r = 0;
-			if (B.value.chart.grid.labels.show) if (V.value.useIndividualScale && !V.value.isStacked) K.value ? t = (H.value.length - P.value.length) * so() : e = (H.value.length - P.value.length) * (B.value.chart.grid.labels.yAxis.labelWidth + 36);
-			else if (V.value.useIndividualScale && V.value.isStacked) {
-				let n = B.value.chart.grid.labels.yAxis.labelWidth + 36;
-				K.value ? t = n : e = n;
-			} else {
-				let i = to();
-				e = i.left, t = i.right, n = i.scaleLabelsOffset, r = i.yAxisLabelWidth;
-			}
-			let i = B.value.chart.labels.fontSize * 1.1, a = oo.value ? 24 : 6;
-			Ei.value && ro.value < 0 && (e += Math.abs(ro.value));
-			let o = N.value - e - t - a - B.value.chart.padding?.left - B.value.chart.padding?.right, s = B.value.chart.grid.position === "middle" ? 0 : o / Y.value / 2;
-			return {
-				top: B.value.chart.padding?.top + i,
-				right: N.value - t - a - B.value.chart.padding?.right,
-				bottom: Ni.value - ao.value - B.value.chart.padding?.bottom - B.value.chart.grid.labels.axis.xLabelOffsetY,
-				left: e + (K.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) - s + B.value.chart.padding?.left,
-				height: Ni.value - ao.value - B.value.chart.padding?.top - B.value.chart.padding?.bottom - i - B.value.chart.grid.labels.axis.xLabelOffsetY,
-				width: o,
-				scaleLabelX: e,
-				rightScaleLabelX: t,
-				scaleLabelsOffset: n,
-				yAxisLabelWidth: r,
-				individualOffsetX: 36
-			};
-		}), co = b(() => {
-			let e = +(B.value.chart.grid.position === "middle"), t = Y.value + e, n = _(q.value?.top), r = _(q.value?.bottom);
-			return Array.from({ length: t }).map((e, t) => {
-				let i = q.value.width / Y.value * t + q.value?.left + Z.value;
-				return `M${i},${n} L${i},${r}`;
-			}).join(" ");
-		}), lo = b(() => {
-			if (!B.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-			let e = q.value.width / Y.value, t = B.value.chart.grid.labels.xAxis.crosshairSize, n = B.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-			return So.value.map((r, i) => {
-				if (!r || !r.text) return null;
-				let a = q.value?.left + e * i + e / 2;
-				return `M${a},${n ? Uo.value - (Uo.value === q.value?.bottom ? 0 : t / 2) : q.value?.bottom} L${a},${n ? Uo.value + t / (Uo.value === q.value?.bottom ? 1 : 2) : q.value?.bottom + t}`;
-			}).filter(Boolean).join(" ");
-		});
-		function uo() {
-			return !!pi?.vnode.props?.onSelectTimeLabel;
-		}
-		function fo(e, t, n) {
-			return Xi.value ||= document.createElement("canvas").getContext("2d"), Xi.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, Xi.value;
-		}
-		function po() {
-			let e = _i.value.querySelectorAll(".vue-ui-xy-tag");
-			e.length && Array.from(e).forEach((e) => e.style.opacity = "0");
-		}
-		function mo(e, t, n, r, i) {
-			n && (Yi.value[`${e}_${t}_${r}_${i}`] = n);
-		}
-		let ho = E(!1);
-		async function go(e = !1) {
-			await at(), ho.value = e, Ki.value && (Ji.value = e);
-		}
-		function _o() {
-			Li.value = !Li.value;
-		}
-		let J = E([]), vo = E([]), yo = 0;
-		_t(() => {
-			let e = ++yo;
-			(async () => {
-				let t = Math.max(...H.value.map((e) => le({
-					data: e.series,
-					threshold: B.value.downsample.threshold
-				}).length)), n = await je({
-					values: B.value.chart.grid.labels.xAxisLabels.values,
-					maxDatapoints: t,
-					formatter: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-					start: W.value.start,
-					end: W.value.end
-				});
-				e === yo && (J.value = n);
-			})();
-		});
-		let bo = 0;
-		_t(() => {
-			let e = ++bo;
-			(async () => {
-				let t = Math.max(...H.value.map((e) => le({
-					data: e.series,
-					threshold: B.value.downsample.threshold
-				}).length)), n = await je({
-					values: B.value.chart.grid.labels.xAxisLabels.values,
-					maxDatapoints: t,
-					formatter: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-					start: 0,
-					end: U.value
-				});
-				e === bo && (vo.value = n);
-			})();
-		});
-		let xo = b(() => {
-			let e = B.value.chart.grid.labels.xAxisLabels.modulo;
-			return J.value.length ? Math.min(e, [...new Set(J.value.map((e) => e.text))].length) : e;
-		}), So = b(() => {
-			let e = B.value.chart.grid.labels.xAxisLabels, t = J.value || [], n = vo.value || [], r = W.value.start ?? 0, i = R.value, a = Y.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
-			return Ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, xo.value || 1), o, s, r, i, a);
-		}), Co = b(() => (So.value || []).map((e) => e?.text ?? "").join("|"));
-		lt(() => {
-			requestAnimationFrame(() => {
-				io();
-			}), gt([
-				() => Co.value,
-				() => B.value.chart.grid.labels.xAxisLabels.rotation,
-				() => z.value.xAxis,
-				() => N.value,
-				() => Ni.value
-			], async () => {
-				await at(), requestAnimationFrame(() => {
-					io();
-				});
-			}, { flush: "post" });
-		}), ct(() => {
-			no.value = 0, ro.value = 0, sa.stop();
-		});
-		function wo(e, t) {
-			di("selectTimeLabel", {
-				datapoint: $a.value.map((e) => ({
-					shape: e.shape ?? e.type === "bar" ? "square" : "circle",
-					name: e.name,
-					color: e.color,
-					type: e.type,
-					value: e.absoluteValues.find((e, n) => n === t),
-					comments: e.comments || [],
-					prefix: e.prefix || B.value.chart.labels.prefix,
-					suffix: e.suffix || B.value.chart.labels.suffix
-				})),
-				absoluteIndex: e.absoluteIndex,
-				label: e.text
-			});
-		}
-		let Y = b(() => {
-			let e = fa((W.value.end ?? 0) - (W.value.start ?? 0));
-			return Math.max(1, e);
-		});
-		function To(e) {
-			I.value = e;
-		}
-		function Eo() {
-			V.value.isStacked = !V.value.isStacked, V.value.isStacked ? V.value.useIndividualScale = !0 : V.value.useIndividualScale = B.value.chart.grid.labels.yAxis.useIndividualScale;
-		}
-		function Do(e) {
-			Ca.value && e.autoScaling && (B.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), B.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
-		}
-		function Oo(e, t) {
-			let n = fa(e), r = Array(n).fill(0);
-			for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? 0;
-			return r;
-		}
-		function ko(e) {
-			let t = Math.max(...H.value.map((e) => Aa(e.series).length));
-			return e > t ? t : e < 0 || B.value.chart.zoom.startIndex !== null && e < B.value.chart.zoom.startIndex ? B.value.chart.zoom.startIndex === null ? 1 : B.value.chart.zoom.startIndex + 1 : e;
-		}
-		let Ao = E(!1), jo = E(!1), Mo = E(0), No = E(0);
-		function Po(e, t) {
-			let n = Number(e), r = Number(t);
-			return !Number.isFinite(n) || !Number.isFinite(r) ? !1 : !Object.is(n, r);
-		}
-		function Fo() {
-			if (!Ao.value) {
-				Ao.value = !0;
-				try {
-					let { startIndex: e, endIndex: t } = B.value.chart.zoom, n = B.value.chart.zoom.keepState ? Math.max(0, ...H.value.map((e) => Aa(e.series).length)) : Math.max(...H.value.map((e) => Aa(e.series).length));
-					if (B.value.chart.zoom.keepState && n <= 0) return;
-					Mo.value = 0, No.value = n;
-					let r = e ?? 0, i = t == null ? n : Math.min(ko(t + 1), n);
-					Io.value = !0, W.value.start = r, W.value.end = i, ja.value.start = r, ja.value.end = i, Pa(), jo.value = !0;
-				} finally {
-					queueMicrotask(() => {
-						Io.value = !1;
-					}), Ao.value = !1;
-				}
-			}
-		}
-		let Io = E(!1);
-		function Lo(e) {
-			if (Ao.value || Io.value) return;
-			let t = Number(e);
-			di("zoomStart", {
-				index: t,
-				isZoom: Po(t, Mo.value)
-			}), Number.isFinite(t) && t !== W.value.start && (W.value.start = t, ja.value.start = t, Pa());
-		}
-		function Ro(e) {
-			if (Ao.value || Io.value) return;
-			let t = ko(e);
-			di("zoomEnd", {
-				index: t,
-				isZoom: Po(t, No.value)
-			}), t !== W.value.end && (W.value.end = t, ja.value.end = t, Pa());
-		}
-		async function zo() {
-			await Fo(), di("zoomReset");
-		}
-		function Bo(e) {
-			return ![
-				null,
-				void 0,
-				NaN,
-				Infinity,
-				-Infinity
-			].includes(e);
-		}
-		let Vo = b(() => G.value.max + Xa.value);
-		function Ho(e) {
-			return e / (Bo(Vo.value) ? Vo.value : 1);
-		}
-		let Uo = b(() => isNaN(Ho(Xa.value)) ? q.value?.bottom : q.value?.bottom - q.value.height * Ho(Xa.value));
-		function Wo(e) {
-			let t = G.value.min, n = G.value.max - t;
-			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? q.value?.bottom : q.value?.bottom - q.value.height * ((e - t) / n);
-		}
-		let Go = b(() => G.value.min <= 0 && G.value.max >= 0 ? Wo(0) : G.value.min > 0 ? Wo(G.value.min) : Wo(G.value.max));
-		function Ko(e) {
-			let t = ![null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) && B.value.chart.grid.labels.yAxis.scaleMin > 0 && Ja.value >= 0 ? q.value?.bottom : Uo.value;
-			return e.value >= 0 ? v(t - e.y <= 0 ? 1e-5 : t - e.y) : v(e.y - Uo.value <= 0 ? 1e-5 : e.y - Uo.value);
-		}
-		function qo(e) {
-			return e.value >= 0 ? v(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : v(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
-		}
-		let X = b(() => {
-			let e = Math.max(1, Y.value), t = Math.max(1, q.value.width);
-			return {
-				bar: pa(t, e * Math.max(1, Za.value.filter((e) => e.type === "bar" && !P.value.includes(e.id)).length), 1),
-				plot: pa(t, e, 1),
-				line: pa(t, e, 1)
-			};
-		});
-		function Jo() {
-			return V.value.useIndividualScale && V.value.isStacked ? X.value.line - q.value.width / Y.value * .1 : X.value.bar;
-		}
-		function Yo(e) {
-			return V.value.useIndividualScale && V.value.isStacked ? e.x + q.value.width / Y.value * .05 : e.x + X.value.bar / 2;
-		}
-		function Xo(e) {
-			return e.value >= 0 ? e.y : [
-				null,
-				void 0,
-				NaN,
-				Infinity,
-				-Infinity
-			].includes(Uo.value) ? q?.bottom.value : Uo.value;
-		}
-		function Zo(e) {
-			return e.value >= 0 ? e.y : [
-				null,
-				void 0,
-				NaN,
-				Infinity,
-				-Infinity
-			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
-		}
-		let Qo = E(null);
-		function $o(e) {
-			let t = L.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,
-						ok: !0
-					};
-				}
-			}
-			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), a = r.width * i, o = r.height * i, s = (n.width - a) / 2, c = (n.height - o) / 2;
-			return {
-				x: (e.clientX - n?.left - s) / i + r.x,
-				y: (e.clientY - n?.top - c) / i + r.y,
-				ok: !0
-			};
-		}
-		let es = 0;
-		function ts(e) {
-			ta.value = null, !Li.value && (es && cancelAnimationFrame(es), es = requestAnimationFrame(() => {
-				es = 0;
-				let t = $o(e);
-				if (!t || !L.value) {
-					ns();
-					return;
-				}
-				let { left: n, right: r, top: i, bottom: a, width: o } = q.value;
-				if (t.x < n || t.x > r || t.y < i || t.y > a) {
-					ns();
-					return;
-				}
-				let s = t.x - n, c = o / Y.value, l = Math.floor(s / c);
-				l >= 0 && l < Y.value ? Qo.value !== l && (Qo.value = l, Ks(!0, l)) : ns();
-			}));
-		}
-		function ns() {
-			es &&= (cancelAnimationFrame(es), 0), Qo.value = null, Ks(!1, null);
-		}
-		function rs(e) {
-			let t = $o(e);
-			if (t && L.value) {
-				let { left: e, right: n, top: r, bottom: i, width: a } = q.value;
-				if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
-					let n = a / Math.max(1, Y.value), r = Math.floor((t.x - e) / n);
-					if (r >= 0 && r < Y.value) {
-						is(r);
-						return;
-					}
-				}
-			}
-			Qo.value != null && is(Qo.value);
-		}
-		function is(e) {
-			let t = $a.value.map((t) => ({
-				name: t.name,
-				value: [
-					null,
-					void 0,
-					NaN
-				].includes(t.absoluteValues[e]) ? null : t.absoluteValues[e],
-				color: t.color,
-				type: t.type
-			}));
-			di("selectX", {
-				dataset: t,
-				index: e,
-				indexLabel: B.value.chart.grid.labels.xAxisLabels.values[e]
-			}), B.value.events.datapointClick && B.value.events.datapointClick({
-				datapoint: t,
-				seriesIndex: e + W.value.start
-			});
-		}
-		function as() {
-			return Qa.value.map((e) => ({
-				values: e.absoluteValues,
-				color: e.color,
-				name: e.name,
-				type: e.type
-			}));
-		}
-		async function os({ scale: e = 2 } = {}) {
-			if (!_i.value) return;
-			let { width: t, height: n } = _i.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ve({
-				domElement: _i.value,
-				base64: !0,
-				img: !0,
-				scale: e
-			});
-			return {
-				imageUri: i,
-				base64: a,
-				title: B.value.chart.title.text,
-				width: t,
-				height: n,
-				aspectRatio: r
-			};
-		}
-		function ss() {
-			P.value.length ? P.value = [] : Qa.value.forEach((e) => {
-				P.value.push(e.id);
-			});
-		}
-		function cs(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ls(t));
-		}
-		function ls(e) {
-			if (P.value.includes(e.id)) P.value = P.value.filter((t) => t !== e.id);
-			else {
-				if (P.value.length + 1 === Za.value.length) return;
-				P.value.push(e.id);
-			}
-			di("selectLegend", $a.value.map((e) => ({
-				name: e.name,
-				values: e.absoluteValues,
-				color: e.color,
-				type: e.type
-			}))), Gi.value += 1;
-		}
-		function us(e) {
-			return Qa.value.length ? Qa.value.find((t) => t.name === e) || (B.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (B.value.debug && console.warn("VueUiXy - There are no series to show."), null);
-		}
-		function ds(e) {
-			let t = us(e);
-			t !== null && P.value.includes(t.id) && ls({ id: t.id });
-		}
-		function fs(e) {
-			let t = us(e);
-			t !== null && (P.value.includes(t.id) || ls({ id: t.id }));
-		}
-		let ps = b(() => `${B.value.chart.title.text || "Chart visualization"}. ${B.value.chart.title.subtitle.text || ""}`), ms = b(() => ({ linePlot: Y.value > B.value.line.dot.hideAboveMaxSerieLength })), hs = b(() => B.value.chart.userOptions.show && (!B.value.chart.title.show || !B.value.chart.title.text)), gs = b(() => {
-			if (Array.isArray(B.value.chart.highlightArea)) return B.value.chart.highlightArea.map((e) => {
-				let t = Math.min(e.to, U.value - 1);
-				return {
-					...e,
-					span: e.from === t ? 1 : t < e.from ? 0 : t - e.from + 1
-				};
-			});
-			let e = {
-				...B.value.chart.highlightArea,
-				to: Math.min(B.value.chart.highlightArea.to, U.value - 1)
-			};
-			return [{
-				...e,
-				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
-			}];
-		}), _s = b(() => Mi.value ? H.value.map((e, t) => ({
-			...e,
-			series: Aa(e.series),
-			id: `uniqueId_${t}`,
-			color: Ee(e.color ? e.color : Va.value[t] ? Va.value[t] : se[t])
-		})) : H.value), vs = b(() => $a.value.map((e) => {
-			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
-			return {
-				id: e.id,
-				name: e.name,
-				color: e.color,
-				values: Oo(Y.value, t)
-			};
-		})), ys = b(() => ({
-			responsiveBreakpoint: B.value.table.responsiveBreakpoint,
-			roundingValues: B.value.table.rounding,
-			showAverage: !1,
-			showMedian: !1,
-			showTotal: !1,
-			fontFamily: B.value.chart.fontFamily,
-			prefix: B.value.chart.labels.prefix,
-			suffix: B.value.chart.labels.suffix,
-			colNames: J.value.map((e, t) => B.value.table.useDefaultTimeFormat ? e.text : Bs.value(t + W.value.start, B.value.table.timeFormat)),
-			thead: {
-				backgroundColor: B.value.table.th.backgroundColor,
-				color: B.value.table.th.color,
-				outline: B.value.table.th.outline
-			},
-			tbody: {
-				backgroundColor: B.value.table.td.backgroundColor,
-				color: B.value.table.td.color,
-				outline: B.value.table.td.outline
-			},
-			userOptions: { show: !1 },
-			sparkline: { animation: { show: !1 } }
-		})), Z = b(() => B.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value / 2), bs = b(() => h(Qa.value.filter((e) => !P.value.includes(e.id))));
-		function xs(e, t) {
-			let n = Object.create(null);
-			for (let r = 0; r < e.length; r += 1) {
-				let i = e[r], a = String(t(i));
-				n[a] || (n[a] = []), n[a].push(i);
-			}
-			return n;
-		}
-		let Q = b(() => {
-			let e = xs(bs.value, (e) => e.scaleLabel), t = {};
-			for (let [n, r] of Object.entries(e)) {
-				let e = r.flatMap((e) => e.absoluteValues);
-				t[n] = {
-					min: Math.min(...e) || 0,
-					max: Math.max(...e) || 1,
-					groupId: `scale_group_${o()}`
-				};
-			}
-			return t;
-		}), Ss = b(() => {
-			let e = Za.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
-			return q.value.width / Y.value / e - Cs.value * e;
-		}), Cs = b(() => X.value.line * B.value.bar.periodGap), ws = b(() => Math.max(1e-5, Jo() - (V.value.useIndividualScale && V.value.isStacked ? 0 : Cs.value))), Ts = b(() => ws.value * Math.min(Math.abs(B.value.bar.innerGap), .95)), Es = b(() => {
-			if (!B.value.chart.zoom.minimap.show) return [];
-			let e = _s.value.filter((e) => !P.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
-			for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
-			let r = Math.min(...n);
-			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), Ds = b(() => B.value.chart.zoom.minimap.show ? _s.value.map((e) => ({
-			...e,
-			isVisible: !P.value.includes(e.id)
-		})) : []), Os = b(() => $a.value.map((e) => ({
-			slotAbsoluteIndex: e.slotAbsoluteIndex,
-			shape: e.shape || e.type === "bar" ? "square" : "circle",
-			name: e.name,
-			color: e.color,
-			type: e.type,
-			value: e.absoluteValues.find((e, t) => t === R.value),
-			comments: e.comments || [],
-			prefix: e.prefix || B.value.chart.labels.prefix,
-			suffix: e.suffix || B.value.chart.labels.suffix
-		}))), ks = b(() => G.value.ticks.map((e) => ({
-			y: e >= 0 ? Uo.value - q.value.height * Ho(e) : Uo.value + q.value.height * Ho(Math.abs(e)),
-			value: e,
-			prefix: B.value.chart.labels.prefix,
-			suffix: B.value.chart.labels.suffix
-		}))), As = b(() => {
-			let e = B.value.chart.annotations;
-			if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
-			let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
-			if (!t.length) return [];
-			let { left: n, right: r } = q.value, i = Uo.value, a = q.value.height, s = G.value.min, c = G.value.max - s, l = (e) => i - (e - 0) / c * a;
-			return t.map((e) => {
-				let { yAxis: { yTop: t, yBottom: i, label: a } } = e, s = t != null && i != null && t !== i, c = t == null ? null : l(t), u = i == null ? null : l(i), ee = fo(a.fontSize);
-				ee.font = `${a.fontSize}px sans-serif`;
-				let te = ee.measureText(a.text).width, d = a.fontSize, f = (a.position === "start" ? n + a.padding?.left : r - a.padding?.right) + a.offsetX, p = (c != null && u != null ? Math.min(c, u) : c ?? u) - a.fontSize / 3 + a.offsetY - a.padding?.top, m;
-				m = a.textAnchor === "middle" ? f - te / 2 - a.padding?.left : a.textAnchor === "end" ? f - te - a.padding?.right : f - a.padding?.left;
-				let ne = p - d * .75 - a.padding?.top;
-				return {
-					show: ![
-						c,
-						u,
-						ne
-					].includes(NaN),
-					id: `annotation_y_${o()}`,
-					hasArea: s,
-					areaHeight: s ? Math.abs(c - u) : 0,
-					yTop: c,
-					yBottom: u,
-					config: e.yAxis,
-					x1: n,
-					x2: r,
-					_text: {
-						x: f,
-						y: p
-					},
-					_box: {
-						x: m,
-						y: ne,
-						width: te + a.padding?.left + a.padding?.right,
-						height: d + a.padding?.top + a.padding?.bottom,
-						fill: a.backgroundColor,
-						stroke: a.border.stroke,
-						rx: a.border.rx,
-						ry: a.border.ry,
-						strokeWidth: a.border.strokeWidth
-					}
-				};
-			});
-		});
-		function js(e, t) {
-			let n = e[t - 1], r = e[t + 1], i = !!n && !!r && n.value == null && r.value == null || !n && !!r && r.value == null || !!n && !r && n.value == null;
-			return Bo(e[t].value) && i && B.value.line.cutNullValues;
-		}
-		function Ms({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
-			let c = e.scaleSteps || B.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !B.value.chart.grid.labels.yAxis.useNiceScale ? de : fe, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, d = u(o.min, ee, c), f = u(i, te, c), p = d.min >= 0 ? 0 : Math.abs(d.min), m = d.max + Math.abs(p), ne = f.max + 0, re = e.stackIndex, ie = t - 1 - re, ae = V.value.isStacked ? 1 - e.cumulatedStackRatio : 0, oe = V.value.isStacked ? r * ae + n * ie : 0, se = V.value.isStacked ? r * e.stackRatio : q.value.height;
-			return {
-				scaleSteps: c,
-				individualScale: d,
-				autoScaleSteps: f,
-				individualZero: p,
-				autoScaleZero: 0,
-				individualMax: m,
-				autoScaleMax: ne,
-				yOffset: oe,
-				individualHeight: se,
-				zeroPosition: q.value?.bottom - oe - se * p / m,
-				autoScaleZeroPosition: q.value?.bottom - oe - se * 0 / ne
-			};
-		}
-		let Ns = b(() => {
-			let e = bs.value.filter((e) => [
-				"bar",
-				"line",
-				"plot"
-			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = q.value.height - r;
-			return e.filter((e) => e.type === "bar").map((e, r) => {
-				Do(e);
-				let a = Q.value[e.scaleLabel].min, o = Q.value[e.scaleLabel].max, s = {
-					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (o - a)),
-					valueMin: a,
-					valueMax: o < 0 ? 0 : o
-				}, c = {
-					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
-					min: e.scaleMin || Math.min(...e.absoluteValues.filter((e) => ![void 0, null].includes(e))) > 0 ? 0 : Math.min(...e.absoluteValues.filter((e) => ![null, void 0].includes(e)))
-				}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: te, autoScaleMax: d, yOffset: f, individualHeight: p, zeroPosition: m, autoScaleZeroPosition: ne } = Ms({
-					datapoint: e,
-					totalSeries: t,
-					gap: n,
-					usableHeight: i,
-					autoScaleValueMin: s.valueMin,
-					autoScaleValueMax: s.valueMax,
-					individualExtremes: c
-				}), re = Qa.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length, ie = e.series.map((t, n) => {
-					let i = V.value.useIndividualScale ? (e.absoluteValues[n] + ee) / te : Ho(t), a = V.value.useIndividualScale && V.value.isStacked ? q.value?.left + q.value.width / Y.value * n : q.value?.left + X.value.bar * r + X.value.bar * n * re - Ss.value / 2 - r * Cs.value;
-					return {
-						yOffset: v(f),
-						individualHeight: v(p),
-						x: v(a),
-						y: q.value?.bottom - f - p * i,
-						value: e.absoluteValues[n],
-						zeroPosition: v(m),
-						individualMax: v(te),
-						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
-					};
-				}), ae = e.absoluteValues.map((e) => u.min >= 0 ? (e - Math.abs(u.min)) / (u.max - Math.abs(u.min)) : (e + Math.abs(u.min)) / (u.max + Math.abs(u.min))), oe = e.series.map((t, n) => {
-					let i = V.value.useIndividualScale && V.value.isStacked ? q.value?.left + q.value.width / Y.value * n : q.value?.left - X.value.bar / 2 + X.value.bar * r + X.value.bar * n * Qa.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
-					return {
-						yOffset: v(f),
-						individualHeight: v(p),
-						x: v(i),
-						y: v(q.value?.bottom - v(f) - (v(p) * ae[n] || 0)),
-						value: e.absoluteValues[n],
-						zeroPosition: v(m),
-						individualMax: v(te),
-						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
-					};
-				}), se = l.ticks.map((t) => ({
-					y: t >= 0 ? m - t / te * p : m + p * Math.abs(t) / te,
-					value: t,
-					prefix: e.prefix || B.value.chart.labels.prefix,
-					suffix: e.suffix || B.value.chart.labels.suffix,
-					datapoint: e
-				})), ce = u.ticks.map((t) => {
-					let n = (t - u.min) / (u.max - u.min);
-					return {
-						y: t >= 0 ? ne - p * n : ne + p * n,
-						value: t,
-						prefix: e.prefix || B.value.chart.labels.prefix,
-						suffix: e.suffix || B.value.chart.labels.suffix,
-						datapoint: e
-					};
-				});
-				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? ce : se, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : m, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : te, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = ce, Q.value[e.scaleLabel].unique = bs.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
-					...e,
-					yOffset: f,
-					autoScaleYLabels: ce,
-					individualHeight: p,
-					scaleYLabels: e.autoScaling ? ce : se,
-					individualScale: e.autoScaling ? u : l,
-					individualMax: e.autoScaling ? d : te,
-					zeroPosition: e.autoScaling ? ne : m,
-					plots: e.autoScaling ? oe : ie,
-					groupId: Q.value[e.scaleLabel].groupId
-				};
-			});
-		}), $ = b(() => {
-			let e = bs.value.filter((e) => [
-				"bar",
-				"line",
-				"plot"
-			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, a = q.value.height - r;
-			return e.filter((e) => e.type === "line").map((e, r) => {
-				Do(e);
-				let o = Q.value[e.scaleLabel].min, c = Q.value[e.scaleLabel].max, l = {
-					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - o) / (c - o)),
-					valueMin: o,
-					valueMax: c
-				}, ee = {
-					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
-					min: e.scaleMin || (Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues))
-				}, { individualScale: d, autoScaleSteps: p, individualZero: m, individualMax: re, autoScaleMax: ie, yOffset: ae, individualHeight: se, zeroPosition: ce, autoScaleZeroPosition: le } = Ms({
-					datapoint: e,
-					totalSeries: t,
-					gap: n,
-					usableHeight: a,
-					autoScaleValueMin: l.valueMin,
-					autoScaleValueMax: l.valueMax,
-					individualExtremes: ee
-				}), h = e.series.map((t, n) => {
-					let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(m)) / re : Ho(t);
-					return {
-						x: v(q.value?.left + X.value.line / 2 + X.value.line * n),
-						y: v(q.value?.bottom - ae - se * r),
-						value: e.absoluteValues[n],
-						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
-					};
-				}), ue = e.absoluteValues.map((e) => p.min >= 0 ? (e - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (e + Math.abs(p.min)) / (p.max + Math.abs(p.min))), g = e.series.map((t, n) => [void 0, null].includes(e.absoluteValues[n]) ? {
-					x: v(q.value?.left + X.value.line / 2 + X.value.line * n),
-					y: ce,
-					value: e.absoluteValues[n],
-					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
-				} : {
-					x: v(q.value?.left + X.value.line / 2 + X.value.line * n),
-					y: v(q.value?.bottom - ae - (se * ue[n] || 0)),
-					value: e.absoluteValues[n],
-					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
-				}), _ = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, de = B.value.line.cutNullValues ? me(h) : ge(h.filter((e) => e.value !== null)), fe = B.value.line.cutNullValues ? me(g) : ge(g.filter((e) => e.value !== null)), pe = B.value.line.cutNullValues ? u(h) : s(h.filter((e) => e.value !== null)), he = B.value.line.cutNullValues ? u(g) : s(g.filter((e) => e.value !== null)), _e = i(B.value.line.cutNullValues ? h : h.filter((e) => e.value !== null)), ve = i(B.value.line.cutNullValues ? g : g.filter((e) => e.value !== null)), ye = _ ? ne(B.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), e.dashIndices.map((e) => e - W.value.start)) : [], be = _ ? te(B.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), e.dashIndices.map((e) => e - W.value.start)) : [], xe = d.ticks.map((t) => ({
-					y: t >= 0 ? ce - t / re * se : ce + se * Math.abs(t) / re,
-					value: t,
-					prefix: e.prefix || B.value.chart.labels.prefix,
-					suffix: e.suffix || B.value.chart.labels.suffix,
-					datapoint: e
-				})), Se = p.ticks.map((t) => {
-					let n = (t - p.min) / (p.max - p.min);
-					return {
-						y: t >= 0 ? le - se * n : le + se * n,
-						value: t,
-						prefix: e.prefix || B.value.chart.labels.prefix,
-						suffix: e.suffix || B.value.chart.labels.suffix,
-						datapoint: e
-					};
-				});
-				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? Se : xe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? le : ce, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ie : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = ae, Q.value[e.scaleLabel].individualHeight = se, Q.value[e.scaleLabel].autoScaleYLabels = Se, Q.value[e.scaleLabel].unique = bs.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
-				let Ce = V.value.useIndividualScale ? e.autoScaling ? le : ce : Ua.value, Te = Math.max(Math.max(e.autoScaling ? le : xe.at(-1) ? xe.at(-1).y : 0, q.value?.top), Ce), De = e.autoScaling ? g : h, Oe = B.value.line.cutNullValues ? De : De.filter((e) => e.value !== null), ke = e.absoluteValues.filter((e) => ![
-					null,
-					void 0,
-					NaN
-				].includes(e)), Ae = !!e.temperatureColors && new Set(ke).size <= 1;
-				return {
-					...e,
-					isFlatTemperatureLine: Ae,
-					temperatureColors: e.temperatureColors ? e.temperatureColors.map((e) => Ee(e)) : null,
-					yOffset: ae,
-					autoScaleYLabels: Se,
-					individualHeight: se,
-					scaleYLabels: e.autoScaling ? Se : xe,
-					individualScale: e.autoScaling ? p : d,
-					individualMax: e.autoScaling ? ie : re,
-					zeroPosition: e.autoScaling ? le : ce,
-					curve: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? fe : de,
-					plots: e.autoScaling ? g : h,
-					dashedStraight: ye,
-					dashedSmooth: be,
-					hasDashedSegments: _,
-					area: e.useArea ? e.useStepper ? i(Oe, Te) : V.value.useIndividualScale ? B.value.line.cutNullValues ? oe(e.autoScaling ? g : h, Te) : we(e.autoScaling ? g.filter((e) => e.value !== null) : h.filter((e) => e.value !== null), Te) : B.value.line.cutNullValues ? oe(h, Te) : we(h.filter((e) => e.value !== null), Te) : "",
-					curveAreas: e.useArea ? e.useStepper ? i(Oe, Te).split(";").filter(Boolean).map((e) => `M${e}Z`) : f(e.autoScaling ? B.value.line.cutNullValues ? g : g.filter((e) => e.value !== null) : B.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), Te, B.value.line.cutNullValues) : [],
-					straight: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? he : pe,
-					groupId: Q.value[e.scaleLabel].groupId
-				};
-			});
-		}), Ps = b(() => {
-			let e = bs.value.filter((e) => [
-				"bar",
-				"line",
-				"plot"
-			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = q.value.height - r;
-			return e.filter((e) => e.type === "plot").map((e) => {
-				Do(e);
-				let r = Q.value[e.scaleLabel].min, a = Q.value[e.scaleLabel].max, o = {
-					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - r) / (a - r)),
-					valueMin: r,
-					valueMax: a
-				}, s = {
-					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
-					min: e.scaleMin || Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues)
-				}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: te, yOffset: d, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: m } = Ms({
-					datapoint: e,
-					totalSeries: t,
-					gap: n,
-					usableHeight: i,
-					autoScaleValueMin: o.valueMin,
-					autoScaleValueMax: o.valueMax,
-					individualExtremes: s,
-					forceExactScale: !0
-				}), ne = e.series.map((t, n) => {
-					let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Ho(t);
-					return {
-						x: v(q.value?.left + X.value.plot / 2 + X.value.plot * n),
-						y: v(q.value?.bottom - d - f * r),
-						value: e.absoluteValues[n],
-						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
-					};
-				}), re = e.absoluteValues.map((e) => l.min >= 0 ? (e - Math.abs(l.min)) / (l.max - Math.abs(l.min)) : (e + Math.abs(l.min)) / (l.max + Math.abs(l.min))), ie = e.series.map((t, n) => ({
-					x: v(q.value?.left + X.value.plot / 2 + X.value.plot * n),
-					y: v(q.value?.bottom - d - (f * re[n] || 0)),
-					value: e.absoluteValues[n],
-					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
-				})), ae = c.ticks.map((t) => ({
-					y: t >= 0 ? p - t / ee * f : p + f * Math.abs(t) / ee,
-					value: t,
-					prefix: e.prefix || B.value.chart.labels.prefix,
-					suffix: e.suffix || B.value.chart.labels.suffix,
-					datapoint: e
-				})), oe = l.ticks.map((t) => {
-					let n = (t - l.min) / (l.max - l.min);
-					return {
-						y: t >= 0 ? m - f * n : m + f * n,
-						value: t,
-						prefix: e.prefix || B.value.chart.labels.prefix,
-						suffix: e.suffix || B.value.chart.labels.suffix,
-						datapoint: e
-					};
-				});
-				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? oe : ae, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? m : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = d, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = oe, Q.value[e.scaleLabel].unique = bs.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
-					...e,
-					yOffset: d,
-					autoScaleYLabels: oe,
-					individualHeight: f,
-					scaleYLabels: e.autoScaling ? oe : ae,
-					individualScale: e.autoScaling ? l : c,
-					individualMax: e.autoScaling ? te : ee,
-					zeroPosition: e.autoScaling ? m : p,
-					plots: e.autoScaling ? ie : ne,
-					groupId: Q.value[e.scaleLabel].groupId
-				};
-			});
-		}), Fs = b(() => {
-			let e = $.value.map((e) => ({
-				name: e.name,
-				color: e.color,
-				scale: e.individualScale,
-				scaleYLabels: e.scaleYLabels,
-				zero: e.zeroPosition,
-				max: e.individualMax,
-				scaleLabel: e.scaleLabel || "",
-				id: e.id,
-				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || q.value.height,
-				autoScaleYLabels: e.autoScaleYLabels
-			})), t = Ns.value.map((e) => ({
-				name: e.name,
-				color: e.color,
-				scale: e.individualScale,
-				scaleYLabels: e.scaleYLabels,
-				zero: e.zeroPosition,
-				max: e.individualMax,
-				scaleLabel: e.scaleLabel || "",
-				id: e.id,
-				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || q.value.height
-			})), n = Ps.value.map((e) => ({
-				name: e.name,
-				color: e.color,
-				scale: e.individualScale,
-				scaleYLabels: e.scaleYLabels,
-				zero: e.zeroPosition,
-				max: e.individualMax,
-				scaleLabel: e.scaleLabel || "",
-				id: e.id,
-				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || q.value.height
-			})), r = V.value.useIndividualScale && !V.value.isStacked ? Object.values(Q.value) : [
-				...e,
-				...t,
-				...n
-			], i = r.flatMap((e) => e).length;
-			return r.flatMap((e, t) => {
-				let n = 0;
-				n = V.value.isStacked ? K.value ? q.value?.right : q.value?.left : K.value ? q.value?.right + so() * t : q.value?.left / i * (t + 1);
-				let r = V.value.useIndividualScale && !V.value.isStacked ? e.unique ? e.name : e.groupName : e.name;
-				return {
-					unique: e.unique,
-					id: e.id,
-					groupId: e.groupId,
-					scaleLabel: e.scaleLabel,
-					name: pe(B.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
-					color: V.value.useIndividualScale && !V.value.isStacked ? e.unique ? e.color : e.groupColor : e.color,
-					scale: e.scale,
-					yOffset: e.yOffset,
-					individualHeight: e.individualHeight,
-					x: n,
-					yLabels: e.scaleYLabels || e.scale.ticks.map((t) => ({
-						y: t >= 0 ? e.zero - e.individualHeight * (t / e.max) : e.zero + e.individualHeight * Math.abs(t) / e.max,
-						value: t
-					}))
-				};
-			});
-		}), Is = b(() => {
-			let e = B.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
-			if (!t.length) return [];
-			let r = [];
-			return t.forEach((e, t) => {
-				let [i, a] = Array.isArray(e) ? e : [e.a, e.b];
-				if (!i || !a) return;
-				let o = $.value.find((e) => e.name === i), s = $.value.find((e) => e.name === a);
-				if (!o || !s || o.type !== "line" || s.type !== "line") return;
-				let c = n?.[t]?.[0] ?? o.color, l = n?.[t]?.[1] ?? s.color;
-				ue({
-					lineA: o.plots,
-					lineB: s.plots,
-					smoothA: !!o.smooth,
-					smoothB: !!s.smooth,
-					colorLineA: c,
-					colorLineB: l,
-					sampleStepPx: 2,
-					cutNullValues: B.value.line.cutNullValues
-				}).forEach((e, n) => {
-					r.push({
-						...e,
-						key: `inter_${i}_${a}_${t}_${n}`
-					});
-				});
-			}), r;
-		}), Ls = b(() => ({
-			timeLabel: J.value[R.value],
-			datapoint: Os.value,
-			seriesIndex: R.value,
-			series: Qa.value,
-			bars: Ns.value,
-			lines: $.value,
-			plots: Ps.value,
-			config: B.value
-		})), Rs = E({
-			months: [],
-			shortMonths: [],
-			days: [],
-			shortDays: []
-		}), zs = 0;
-		_t(() => {
-			let e = ++zs, t = B.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
-			(async () => {
-				let n = await Ae(t.locale).catch(() => Ae("en"));
-				e === zs && (Rs.value = n.data);
-			})();
-		});
-		let Bs = b(() => {
-			let e = B.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = ke({
-				useUTC: e.useUTC,
-				locale: Rs.value,
-				januaryAsYear: e.januaryAsYear
-			});
-			return (e, n) => {
-				let r = B.value.chart.grid.labels.xAxisLabels.values?.[e];
-				return r == null ? "" : t.formatDate(new Date(r), n);
-			};
-		}), Vs = b(() => (B.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
-			text: Bs.value(t, B.value.chart.zoom.timeFormat),
-			absoluteIndex: t
-		}))), Hs = b(() => {
-			let e = "", t = Os.value.map((e) => e.value).filter((e) => ve(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = J.value[R.value], i = B.value.chart.tooltip.customFormat;
-			if (xe(i) && be(() => i({
-				absoluteIndex: R.value + W.value.start,
-				seriesIndex: R.value,
-				datapoint: Os.value,
-				series: Qa.value,
-				bars: Ns.value,
-				lines: $.value,
-				plots: Ps.value,
-				config: B.value,
-				dateLabel: n
-			}))) return i({
-				absoluteIndex: R.value + W.value.start,
-				seriesIndex: R.value,
-				datapoint: Os.value,
-				series: Qa.value,
-				bars: Ns.value,
-				lines: $.value,
-				plots: Ps.value,
-				config: B.value,
-				dateLabel: n
-			});
-			if (n && n.text && B.value.chart.tooltip.showTimeLabel) {
-				let t = Bs.value(R.value + W.value.start, B.value.chart.tooltip.timeFormat);
-				e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.chart.tooltip.borderColor}; width:100%">${B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`;
-			}
-			return Os.value.forEach((n) => {
-				if (ve(n.value)) {
-					let i = "", o = "";
-					switch (Ii.value[n.type]) {
-						case "bar":
-							i = `<svg viewBox="0 0 40 40" height="14" width="14">${fi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${n.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${fi.pattern ? `url(#pattern_${F.value}_${n.slotAbsoluteIndex}` : n.color}" /></svg>`;
-							break;
-						case "line":
-							!n.shape || ![
-								"star",
-								"triangle",
-								"square",
-								"diamond",
-								"pentagon",
-								"hexagon"
-							].includes(n.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${n.color}" />` : n.shape === "triangle" ? o = `<path d="${r({
-								plot: {
-									x: 10,
-									y: 8
-								},
-								radius: 4,
-								sides: 3,
-								rotation: .52
-							}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "square" ? o = `<path d="${r({
-								plot: {
-									x: 10,
-									y: 8
-								},
-								radius: 4,
-								sides: 4,
-								rotation: .8
-							}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "diamond" ? o = `<path d="${r({
-								plot: {
-									x: 10,
-									y: 8
-								},
-								radius: 4,
-								sides: 4,
-								rotation: 0
-							}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "pentagon" ? o = `<path d="${r({
-								plot: {
-									x: 10,
-									y: 8
-								},
-								radius: 4,
-								sides: 5,
-								rotation: .95
-							}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "hexagon" ? o = `<path d="${r({
-								plot: {
-									x: 10,
-									y: 8
-								},
-								radius: 4,
-								sides: 6,
-								rotation: 0
-							}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "star" && (o = `<polygon stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${n.color}" points="${m({
-								plot: {
-									x: 10,
-									y: 8
-								},
-								radius: 4
-							})}" />`), i = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${n.color}" />${o}</svg>`;
-							break;
-						case "plot":
-							if (!n.shape || ![
-								"star",
-								"triangle",
-								"square",
-								"diamond",
-								"pentagon",
-								"hexagon"
-							].includes(n.shape)) {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${n.color}" /></svg>`;
-								break;
-							}
-							if (n.shape === "star") {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${n.color}" points="${m({
-									plot: {
-										x: 6,
-										y: 6
-									},
-									radius: 5
-								})}" /></svg>`;
-								break;
-							}
-							if (n.shape === "triangle") {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
-									plot: {
-										x: 6,
-										y: 6
-									},
-									radius: 6,
-									sides: 3,
-									rotation: .52
-								}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-								break;
-							}
-							if (n.shape === "square") {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
-									plot: {
-										x: 6,
-										y: 6
-									},
-									radius: 6,
-									sides: 4,
-									rotation: .8
-								}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-								break;
-							}
-							if (n.shape === "diamond") {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
-									plot: {
-										x: 6,
-										y: 6
-									},
-									radius: 5,
-									sides: 4,
-									rotation: 0
-								}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-								break;
-							}
-							if (n.shape === "pentagon") {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
-									plot: {
-										x: 6,
-										y: 6
-									},
-									radius: 5,
-									sides: 5,
-									rotation: .95
-								}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-								break;
-							}
-							if (n.shape === "hexagon") {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
-									plot: {
-										x: 6,
-										y: 6
-									},
-									radius: 5,
-									sides: 6,
-									rotation: 0
-								}).path}" fill="${n.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-								break;
-							}
-						default: break;
-					}
-					e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${i}</div> ${n.name}: <b>${B.value.chart.tooltip.showValue ? pe(n.type === "line" ? B.value.line.labels.formatter : n.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, n.value, a({
-						p: n.prefix,
-						v: n.value,
-						s: n.suffix,
-						r: B.value.chart.tooltip.roundingValue
-					}), { datapoint: n }) : ""}</b> ${B.value.chart.tooltip.showPercentage ? `(${a({
-						v: v(Math.abs(n.value) / t * 100),
-						s: "%",
-						r: B.value.chart.tooltip.roundingPercentage
-					})})` : ""}</div>`, B.value.chart.comments.showInTooltip && n.comments.length && n.comments.slice(W.value.start, W.value.end)[R.value] && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${n.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${n.color}">${n.comments.slice(W.value.start, W.value.end)[R.value]}</div>`);
-				}
-			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${B.value.chart.tooltip.color}">${e}</div>`;
-		}), Us = b(() => {
-			if (Za.value.length === 0) return {
-				head: [],
-				body: [],
-				config: {},
-				columnNames: []
-			};
-			let e = $a.value.map((e) => ({
-				label: e.name,
-				color: e.color,
-				type: e.type
-			})), t = [];
-			return J.value.forEach((e, n) => {
-				let r = B.value.table.useDefaultTimeFormat ? [e.text] : [Bs.value(n + W.value.start, B.value.table.timeFormat)];
-				$a.value.forEach((e) => {
-					r.push(Bo(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(B.value.table.rounding)) : "");
-				}), t.push(r);
-			}), {
-				head: e,
-				body: t
-			};
-		}), Ws = b(() => {
-			let e = B.value.table.showSum, t = [""].concat($a.value.map((e) => e.name));
-			e && (t = t.concat(" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"));
-			let n = [];
-			for (let t = 0; t < Y.value; t += 1) {
-				let r = $a.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
-				n.push([B.value.table.useDefaultTimeFormat ? J.value[t]?.text ?? "-" : Bs.value(t + W.value.start, B.value.table.timeFormat)].concat($a.value.map((e) => pe(e.type === "line" ? B.value.line.labels.formatter : e.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, a({
-					p: e.prefix || B.value.chart.labels.prefix,
-					v: e.absoluteValues[t] ?? 0,
-					s: e.suffix || B.value.chart.labels.suffix,
-					r: B.value.table.rounding
-				}))), e ? (r ?? 0).toFixed(B.value.table.rounding) : []));
-			}
-			let r = {
-				th: {
-					backgroundColor: B.value.table.th.backgroundColor,
-					color: B.value.table.th.color,
-					outline: B.value.table.th.outline
-				},
-				td: {
-					backgroundColor: B.value.table.td.backgroundColor,
-					color: B.value.table.td.color,
-					outline: B.value.table.td.outline
-				},
-				breakpoint: B.value.table.responsiveBreakpoint
-			}, i = [B.value.table.columnNames.period].concat($a.value.map((e) => e.name), B.value.table.columnNames.total);
-			return {
-				head: t,
-				body: n,
-				config: r,
-				colNames: i
-			};
-		});
-		function Gs(e = null) {
-			let t = [
-				[B.value.chart.title.text],
-				[B.value.chart.title.subtitle.text],
-				[""]
-			], n = ["", ...Us.value.head.map((e) => e.label)], r = Us.value.body, i = ie(t.concat([n]).concat(r));
-			e ? e(i) : l({
-				csvContent: i,
-				title: B.value.chart.title.text || "vue-ui-xy"
-			});
-		}
-		function Ks(e, t = null) {
-			if (eo.value) return;
-			zi.value = e;
-			let n = $a.value.map((e) => ({
-				name: e.name,
-				value: [
-					null,
-					void 0,
-					NaN
-				].includes(e.absoluteValues[t]) ? null : e.absoluteValues[t],
-				color: e.color,
-				type: e.type
-			}));
-			e ? (R.value = t, B.value.events.datapointEnter && B.value.events.datapointEnter({
-				datapoint: n,
-				seriesIndex: t + W.value.start
-			})) : (R.value = null, B.value.events.datapointLeave && B.value.events.datapointLeave({
-				datapoint: n,
-				seriesIndex: t + W.value.start
-			}));
-		}
-		function qs() {
-			V.value.showTable = !V.value.showTable;
-		}
-		function Js() {
-			V.value.dataLabels.show = !V.value.dataLabels.show;
-		}
-		function Ys() {
-			V.value.showTooltip = !V.value.showTooltip;
-		}
-		function Xs(e) {
-			Ri.value = e, Vi.value += 1;
-		}
-		function Zs() {
-			if (!B.value.responsiveProportionalSizing) {
-				z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, _a.value.plot = B.value.plot.radius, _a.value.line = B.value.line.radius;
-				return;
-			}
-			z.value.dataLabels = re({
-				relator: Ni.value,
-				adjuster: 400,
-				source: B.value.chart.grid.labels.fontSize,
-				threshold: 10,
-				fallback: 10
-			}), z.value.yAxis = re({
-				relator: N.value,
-				adjuster: 1e3,
-				source: B.value.chart.grid.labels.axis.fontSize,
-				threshold: 10,
-				fallback: 10
-			}), z.value.xAxis = re({
-				relator: N.value,
-				adjuster: 1e3,
-				source: B.value.chart.grid.labels.xAxisLabels.fontSize,
-				threshold: 10,
-				fallback: 10
-			}), z.value.plotLabels = re({
-				relator: N.value,
-				adjuster: 800,
-				source: B.value.chart.labels.fontSize,
-				threshold: 10,
-				fallback: 10
-			}), _a.value.plot = re({
-				relator: N.value,
-				adjuster: 800,
-				source: B.value.plot.radius,
-				threshold: 1,
-				fallback: 1
-			}), _a.value.line = re({
-				relator: N.value,
-				adjuster: 800,
-				source: B.value.line.radius,
-				threshold: 1,
-				fallback: 1
-			});
-		}
-		function Qs() {
-			if (ae(j.dataset) ? (ce({
-				componentName: "VueUiXy",
-				type: "dataset",
-				debug: Ca.value
-			}), Da.value = !0) : j.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.name) && (ce({
-					componentName: "VueUiXy",
-					type: "datasetSerieAttribute",
-					property: "name (string)",
-					index: t,
-					debug: Ca.value
-				}), Da.value = !0);
-			}), Ca.value && j.dataset.forEach((e) => {
-				e.series.forEach((t, n) => {
-					ve(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
-				});
-			}), ae(j.dataset) || (Da.value = B.value.loading), Ki.value = B.value.chart.userOptions.showOnChartHover, qi.value = B.value.chart.userOptions.keepStateOnChartLeave, Ji.value = !B.value.chart.userOptions.showOnChartHover, Sa(), B.value.responsive) {
-				let e = _i.value.parentNode;
-				ki.value && (ki.value.unobserve(Ai.value), ki.value.disconnect());
-				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
-				B.value.chart.title.show && vi.value && (r = vi.value, i = r.getBoundingClientRect().height);
-				let a = null, o = 0;
-				B.value.chart.zoom.show && U.value > 6 && ba.value && yi.value && yi.value.$el && (a = yi.value.$el, o = a.getBoundingClientRect().height);
-				let s = null, c = 0;
-				B.value.chart.legend.show && bi.value && (s = bi.value, c = s.getBoundingClientRect().height);
-				let l = 0;
-				xi.value && (l = xi.value.getBoundingClientRect().height);
-				let u = 0;
-				Si.value && (u = Si.value.getBoundingClientRect().height), Ni.value = t - i - c - o - l - u - 12, N.value = n, Pi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Ni.value < 0 ? 10 : Ni.value}`, Zs();
-				let ee = new ResizeObserver((e) => {
-					for (let t of e) i = B.value.chart.title.show && vi.value ? vi.value.getBoundingClientRect().height : 0, o = yi.value && yi.value.$el ? yi.value.$el.getBoundingClientRect().height : 0, c = bi.value ? bi.value.getBoundingClientRect().height : 0, l = xi.value ? xi.value.getBoundingClientRect().height : 0, u = Si.value ? Si.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
-						Ni.value = t.contentRect.height - i - c - o - l - u - 12, N.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Pi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Ni.value < 0 ? 10 : Ni.value}`, Zs(), ca(), ua();
-					});
-				});
-				ki.value = ee, Ai.value = e, ee.observe(e);
-			} else Ni.value = B.value.chart.height, N.value = B.value.chart.width, z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, _a.value.plot = B.value.plot.radius, _a.value.line = B.value.line.radius, Pi.value = `0 0 ${N.value} ${Ni.value}`;
-			ca(), ua();
-		}
-		function $s(e) {
-			Fi.value = {
-				x: e.clientX,
-				y: e.clientY
-			};
-		}
-		lt(() => {
-			Qs(), Fo(), document.addEventListener("mousemove", $s, { passive: !0 }), document.addEventListener("scroll", po, { passive: !0 });
-		}), ct(() => {
-			document.removeEventListener("scroll", po, { passive: !0 }), document.removeEventListener("mousemove", $s, { passive: !0 }), ki.value &&= (ki.value.unobserve(Ai.value), ki.value.disconnect(), null);
-		}), Be({
-			timeLabelsEls: Ei,
-			timeLabels: J,
-			slicer: W,
-			configRef: B,
-			rotationPath: [
-				"chart",
-				"grid",
-				"labels",
-				"xAxisLabels",
-				"rotation"
-			],
-			autoRotatePath: [
-				"chart",
-				"grid",
-				"labels",
-				"xAxisLabels",
-				"autoRotate",
-				"enable"
-			],
-			isAutoSize: Ba,
-			height: Ni,
-			width: N,
-			rotation: B.value.chart.grid.labels.xAxisLabels.autoRotate.angle
-		});
-		let ec = E(!1), tc = E(null), nc = E(200), rc = b(() => R.value ?? I.value ?? 0);
-		function ic() {
-			let e = Math.ceil(nc.value || 200);
-			return Math.min(Math.max(e, 1), 200);
-		}
-		function ac() {
-			let e = ic(), t = Math.max(1, Y.value), n = q.value.width / t, r = q.value?.left + rc.value * n + n / 2 - e / 2 - (200 - e) / 2, i = q.value?.left - (200 - e) / 2, a = q.value?.right - (200 + e) / 2;
-			return v(Math.max(i, Math.min(r, a)));
-		}
-		lt(() => {
-			let e = null, t = null, n = (e) => {
-				cancelAnimationFrame(t), t = requestAnimationFrame(() => {
-					nc.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200);
-				});
-			}, r = new ResizeObserver((t) => {
-				let r = t.find((t) => t.target === e) || t[0];
-				r && n(r.contentRect.width || 200);
-			}), i = _t((t) => {
-				let i = tc.value;
-				e && e !== i && (r.unobserve(e), e = null), i && i !== e && (at(() => {
-					i.offsetParent !== null && n(i.offsetWidth || i.getBoundingClientRect().width || 200);
-				}), r.observe(i), e = i), t(() => {
-					e &&= (r.unobserve(e), null);
-				});
-			});
-			ct(() => {
-				try {
-					e && r.unobserve(e), r.disconnect(), i();
-				} catch {}
-			});
-		});
-		let oc = b(() => {
-			if ([null, void 0].includes(R.value) && [null, void 0].includes(I.value)) return "";
-			let e = (R.value == null ? 0 : R.value) || (I.value == null ? 0 : I.value), t = B.value.chart.timeTag.customFormat;
-			if (ec.value = !1, xe(t)) try {
-				let n = t({
-					absoluteIndex: e + W.value.start,
-					seriesIndex: e,
-					datapoint: Os.value,
-					bars: Ns.value,
-					lines: $.value,
-					plots: Ps.value,
-					config: B.value
-				});
-				if (typeof n == "string") return ec.value = !0, n;
-			} catch {
-				console.warn("Custom format cannot be applied on timeTag."), ec.value = !1;
-			}
-			if (!ec.value) return [null, void 0].includes(J.value[e]) ? "" : B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.timeTag.useDefaultFormat ? Bs.value(e + W.value.start, B.value.chart.timeTag.timeFormat) : J.value[e].text;
-		});
-		function sc({ serie: e, plot: t, type: r }) {
-			return Bo(t.value) ? n({
-				content: pe(B.value[r].labels.formatter, t.value, a({
-					p: e.prefix || B.value.chart.labels.prefix,
-					v: t.value,
-					x: e.suffix || B.value.chart.labels.suffix,
-					r: B.value[r].labels.rounding
-				}), {
-					datapoint: t,
-					serie: e
-				}),
-				fontSize: z.value.plotLabels,
-				fill: B.value[r].labels.color,
-				x: 0,
-				y: 0
-			}) : "";
-		}
-		function cc({ plot: e }) {
-			let t = B.value.bar.labels.offsetY, n = Math.abs(qo(e)), r = e.value < 0, i = {
-				x: (V.value.useIndividualScale && V.value.isStacked ? e.x + X.value.line / 2 : Yo(e) + Jo() / 2 - Cs.value / 2) + B.value.bar.labels.offsetX,
-				y: v(e.y) + (B.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
-			};
-			return `translate(${i.x}, ${i.y}) rotate(${B.value.bar.labels.rotation})`;
-		}
-		function lc({ plot: e, type: t }) {
-			let n = B.value[t].labels.offsetY, r = {
-				x: e.x + B.value[t].labels.offsetX,
-				y: v(e.y) + (B.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
-			};
-			return `translate(${r.x}, ${r.y}) rotate(${B.value[t].labels.rotation})`;
-		}
-		function uc({ plot: e, type: t }) {
-			if (B.value[t].labels.textAnchor != null) return B.value[t].labels.textAnchor;
-			let n = e.value >= 0;
-			return B.value[t].labels.rotation === 0 ? "middle" : B.value[t].labels.alwaysOnTop || n ? "start" : "end";
-		}
-		gt(() => j.dataset, (e) => {
-			if (Array.isArray(e) && e.length > 0 && (Da.value = !1), B.value.chart.zoom.keepState) {
-				if (U.value = Math.max(0, ...H.value.map((e) => Aa(e.series).length)), U.value > 0) {
-					let e = W.value.start, t = W.value.end;
-					if (!jo.value || e === 0 && t === 0) Fo();
-					else {
-						let n = Math.max(0, Math.min(e, U.value - 1)), r = Math.max(n + 1, Math.min(t, U.value));
-						W.value = {
-							start: n,
-							end: r
-						}, ja.value = {
-							start: n,
-							end: r
-						}, Mo.value = 0, No.value = U.value;
-					}
-				}
-			} else U.value = Math.max(...H.value.map((e) => Aa(e.series).length)), W.value = {
-				start: 0,
-				end: U.value
-			};
-			ji.value += 1, Gi.value += 1, ca(), ua(), Pa();
-		}, { deep: !0 }), gt(() => j.config, (e) => {
-			Ea.value || (B.value = va()), Qs(), Ui.value += 1, Hi.value += 1, Sa(), ca(), ua(), B.value.chart.zoom.keepState && (U.value = Math.max(0, ...H.value.map((e) => Aa(e.series).length)), U.value > 0 && (!jo.value || W.value.start === 0 && W.value.end === 0) && Fo()), Pa();
-		}, { deep: !0 });
-		let dc = E(!1);
-		function fc() {
-			let e = _i.value?.parentNode;
-			if (!e) {
-				dc.value = !1;
-				return;
-			}
-			let t = e.getBoundingClientRect();
-			dc.value = t.width > 2 && t.height > 2;
-		}
-		lt(() => {
-			fc();
-			let e = new ResizeObserver(() => {
-				fc(), dc.value && (Qs(), Pa(), B.value.chart.zoom.keepState || Fo());
-			});
-			_i.value?.parentNode && e.observe(_i.value.parentNode);
-		}), gt(B, () => {
-			Sa();
-		}, { immediate: !0 });
-		let pc = b(() => {
-			let e = B.value.table.useDialog && !B.value.showTable, t = V.value.showTable;
-			return {
-				component: e ? ui : qe,
-				title: `${B.value.chart.title.text}${B.value.chart.title.subtitle.text ? `: ${B.value.chart.title.subtitle.text}` : ""}`,
-				props: e ? {
-					backgroundColor: B.value.table.th.backgroundColor,
-					color: B.value.table.th.color,
-					headerColor: B.value.table.th.color,
-					headerBg: B.value.table.th.backgroundColor,
-					isFullscreen: Ri.value,
-					fullscreenParent: _i.value,
-					forcedWidth: Math.min(800, window.innerWidth * .8)
-				} : {
-					hideDetails: !0,
-					config: {
-						open: t,
-						maxHeight: 1e4,
-						body: {
-							backgroundColor: B.value.chart.backgroundColor,
-							color: B.value.chart.color
-						},
-						head: {
-							backgroundColor: B.value.chart.backgroundColor,
-							color: B.value.chart.color
-						}
-					}
-				}
-			};
-		});
-		gt(() => V.value.showTable, (e) => {
-			B.value.showTable || (e && B.value.table.useDialog && Qi.value ? Qi.value.open() : Qi.value && Qi.value.close && Qi.value.close());
-		});
-		function mc() {
-			V.value.showTable = !1, Oi.value && Oi.value.setTableIconState(!1);
-		}
-		let hc = b(() => Qa.value.map((e) => ({
-			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
-			color: e.color,
-			name: e.name
-		}))), gc = b(() => B.value.chart.backgroundColor), _c = b(() => B.value.chart.legend), { exportSvg: vc, getSvg: yc } = Ie({
-			svg: L,
-			title: b(() => B.value.chart.title),
-			legend: _c,
-			legendItems: hc,
-			backgroundColor: gc
-		});
-		async function bc({ isCb: e }) {
-			ea.value = !0, await at();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await yc();
-					await Promise.resolve(B.value.chart.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(vc());
-			} finally {
-				ea.value = !1;
-			}
-		}
-		function xc(e) {
-			if (e?.stage === "start") {
-				$i.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				$i.value = !1;
-				return;
-			}
-			za();
-		}
-		async function Sc() {
-			if (di("copyAlt", {
-				config: {
-					...B.value,
-					formattedDates: J.value
-				},
-				dataset: {
-					lines: $.value,
-					bars: Ns.value,
-					plots: Ps.value
-				}
-			}), !B.value.chart.userOptions.callbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(B.value.chart.userOptions.callbacks.altCopy({
-				config: {
-					...B.value,
-					formattedDates: J.value
-				},
-				dataset: {
-					lines: $.value,
-					bars: Ns.value,
-					plots: Ps.value
-				}
-			}));
-		}
-		let Cc = E(!1);
-		function wc() {
-			W.value.end > W.value.start && (ta.value = null), ho.value = !0, Cc.value = !0;
-		}
-		function Tc() {
-			ta.value = null, ns(), Cc.value = !1, ho.value = !1;
-		}
-		function Ec(e) {
-			if (!L.value || Li.value || document.activeElement !== L.value) return;
-			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
-			if (!t && !n || !W.value.end && W.value.end !== 0) return;
-			let r = W.value.end - W.value.start;
-			if (r <= 0) return;
-			e.preventDefault(), e.stopPropagation();
-			let i = ta.value, a = Qo.value;
-			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, ta.value = i, Dc(i), Ks(!0, i);
-		}
-		function Dc(e) {
-			let t = W.value.end - W.value.start;
-			if (t <= 0) return;
-			let n = q.value.width / t, r = c(q.value.left + n * e + n / 2, q.value.top + q.value.height / 2, L.value);
-			r && (na.value = r);
-		}
-		let Oc = b(() => {
-			if (!Ws.value) return null;
-			let e = B.value.table.showSum, t = [B.value.table.columnNames.period].concat($a.value.map((e) => e.name));
-			e && (t = t.concat(B.value.table.columnNames.total));
-			let n = Ws.value.body.slice(W.value.start, W.value.end);
-			return {
-				headers: t,
-				rows: n
-			};
-		});
-		return Ge({
-			getData: as,
-			getImage: os,
-			generatePdf: Ra,
-			generateImage: za,
-			generateSvg: bc,
-			generateCsv: Gs,
-			hideSeries: fs,
-			showSeries: ds,
-			toggleStack: Eo,
-			toggleTable: qs,
-			toggleLabels: Js,
-			toggleTooltip: Ys,
-			toggleAnnotator: _o,
-			toggleFullscreen: Xs,
-			copyAlt: Sc,
-			resetZoom: zo
-		}), (r, i) => (T(), S("div", {
-			id: `vue-ui-xy_${F.value}`,
-			class: ot(`vue-data-ui-component vue-ui-xy ${Ri.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${B.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-			ref_key: "chart",
-			ref: _i,
-			style: w(`background:${B.value.chart.backgroundColor}; color:${B.value.chart.color};width:100%;font-family:${B.value.chart.fontFamily};${B.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: i[6] ||= () => go(!0),
-			onMouseleave: i[7] ||= () => go(!1),
-			onClick: rs
-		}, [
-			C("div", {
-				id: `chart-instructions-${F.value}`,
-				class: "sr-only"
-			}, [C("p", null, ft(B.value.a11y.translations.keyboardNavigation), 1)], 8, xt),
-			Oc.value?.rows?.length ? (T(), Ze(Ye, {
-				key: 0,
-				uid: F.value,
-				head: Oc.value.headers,
-				body: Oc.value.rows,
-				notice: B.value.a11y.translations.tableAvailable,
-				caption: B.value.a11y.translations.tableCaption
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"notice",
-				"caption"
-			])) : x("", !0),
-			B.value.chart.userOptions.buttons.annotator && L.value ? (T(), Ze(k(li), {
-				key: 1,
-				svgRef: L.value,
-				backgroundColor: B.value.chart.backgroundColor,
-				color: B.value.chart.color,
-				active: Li.value,
-				isCursorPointer: xa.value,
-				onClose: _o
-			}, {
-				"annotator-action-close": A(() => [O(r.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": A(({ color: e }) => [O(r.$slots, "annotator-action-color", st(rt({ color: e })), void 0, !0)]),
-				"annotator-action-draw": A(({ mode: e }) => [O(r.$slots, "annotator-action-draw", st(rt({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": A(({ disabled: e }) => [O(r.$slots, "annotator-action-undo", st(rt({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": A(({ disabled: e }) => [O(r.$slots, "annotator-action-redo", st(rt({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": A(({ disabled: e }) => [O(r.$slots, "annotator-action-delete", st(rt({ disabled: e })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"svgRef",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer"
-			])) : x("", !0),
-			hs.value ? (T(), S("div", {
-				key: 2,
-				ref_key: "noTitle",
-				ref: Si,
-				class: "vue-data-ui-no-title-space",
-				style: "height:36px; width: 100%; background:transparent"
-			}, null, 512)) : x("", !0),
-			B.value.chart.title.show ? (T(), S("div", {
-				key: 3,
-				ref_key: "chartTitle",
-				ref: vi,
-				class: "vue-ui-xy-title",
-				style: w(`font-family:${B.value.chart.fontFamily}`)
-			}, [(T(), Ze(He, {
-				key: `title_${Ui.value}`,
-				config: {
-					title: {
-						cy: "xy-div-title",
-						...B.value.chart.title
-					},
-					subtitle: {
-						cy: "xy-div-subtitle",
-						...B.value.chart.title.subtitle
-					}
-				}
-			}, null, 8, ["config"]))], 4)) : x("", !0),
-			C("div", { id: `legend-top-${F.value}` }, null, 8, St),
-			B.value.chart.userOptions.show && (qi.value || Ji.value) ? (T(), Ze(k(ai), {
-				ref_key: "userOptionsRef",
-				ref: Oi,
-				key: `user_options_${Vi.value}`,
-				backgroundColor: B.value.chart.backgroundColor,
-				color: B.value.chart.color,
-				isPrinting: k(Ia),
-				isImaging: k(La),
-				uid: F.value,
-				hasTooltip: B.value.chart.userOptions.buttons.tooltip && B.value.chart.tooltip.show,
-				hasPdf: B.value.chart.userOptions.buttons.pdf,
-				hasXls: B.value.chart.userOptions.buttons.csv,
-				hasImg: B.value.chart.userOptions.buttons.img,
-				hasSvg: B.value.chart.userOptions.buttons.svg,
-				hasLabel: B.value.chart.userOptions.buttons.labels,
-				hasTable: B.value.chart.userOptions.buttons.table,
-				hasStack: e.dataset.length > 1 && B.value.chart.userOptions.buttons.stack,
-				hasFullscreen: B.value.chart.userOptions.buttons.fullscreen,
-				hasAltCopy: B.value.chart.userOptions.buttons.altCopy,
-				isStacked: V.value.isStacked,
-				isFullscreen: Ri.value,
-				chartElement: r.$refs.chart,
-				position: B.value.chart.userOptions.position,
-				isTooltip: V.value.showTooltip,
-				titles: { ...B.value.chart.userOptions.buttonTitles },
-				hasAnnotator: B.value.chart.userOptions.buttons.annotator,
-				isAnnotation: Li.value,
-				callbacks: B.value.chart.userOptions.callbacks,
-				tableDialog: B.value.table.useDialog,
-				printScale: B.value.chart.userOptions.print.scale,
-				isCursorPointer: xa.value,
-				onToggleFullscreen: Xs,
-				onGeneratePdf: k(Ra),
-				onGenerateCsv: Gs,
-				onGenerateImage: xc,
-				onGenerateSvg: bc,
-				onToggleTable: qs,
-				onToggleLabels: Js,
-				onToggleStack: Eo,
-				onToggleTooltip: Ys,
-				onToggleAnnotator: _o,
-				onCopyAlt: Sc,
-				style: w({ visibility: qi.value ? Ji.value ? "visible" : "hidden" : "visible" })
-			}, Qe({ _: 2 }, [
-				r.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: A(({ isOpen: e, color: t }) => [O(r.$slots, "menuIcon", st(rt({
-						isOpen: e,
-						color: t
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				r.$slots.optionTooltip ? {
-					name: "optionTooltip",
-					fn: A(() => [O(r.$slots, "optionTooltip", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				r.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: A(() => [O(r.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				r.$slots.optionCsv ? {
-					name: "optionCsv",
-					fn: A(() => [O(r.$slots, "optionCsv", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				r.$slots.optionImg ? {
-					name: "optionImg",
-					fn: A(() => [O(r.$slots, "optionImg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				r.$slots.optionSvg ? {
-					name: "optionSvg",
-					fn: A(() => [O(r.$slots, "optionSvg", {}, void 0, !0)]),
-					key: "5"
-				} : void 0,
-				r.$slots.optionTable ? {
-					name: "optionTable",
-					fn: A(() => [O(r.$slots, "optionTable", {}, void 0, !0)]),
-					key: "6"
-				} : void 0,
-				r.$slots.optionLabels ? {
-					name: "optionLabels",
-					fn: A(() => [O(r.$slots, "optionLabels", {}, void 0, !0)]),
-					key: "7"
-				} : void 0,
-				r.$slots.optionStack ? {
-					name: "optionStack",
-					fn: A(({ isStack: e }) => [O(r.$slots, "optionStack", st(rt({ isStack: e })), void 0, !0)]),
-					key: "8"
-				} : void 0,
-				r.$slots.optionFullscreen ? {
-					name: "optionFullscreen",
-					fn: A(({ toggleFullscreen: e, isFullscreen: t }) => [O(r.$slots, "optionFullscreen", st(rt({
-						toggleFullscreen: e,
-						isFullscreen: t
-					})), void 0, !0)]),
-					key: "9"
-				} : void 0,
-				r.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: A(({ toggleAnnotator: e, isAnnotator: t }) => [O(r.$slots, "optionAnnotator", st(rt({
-						toggleAnnotator: e,
-						isAnnotator: t
-					})), void 0, !0)]),
-					key: "10"
-				} : void 0,
-				r.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					fn: A(({ altCopy: e }) => [O(r.$slots, "optionAltCopy", st(rt({ altCopy: e })), void 0, !0)]),
-					key: "11"
-				} : void 0,
-				r.$slots["custom-menu-before"] ? {
-					name: "custom-menu-before",
-					fn: A(() => [O(r.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "12"
-				} : void 0,
-				r.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: A(() => [O(r.$slots, "custom-menu-after", {}, void 0, !0)]),
-					key: "13"
-				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : x("", !0),
-			C("div", Ct, [(T(), S("svg", {
-				ref_key: "svgRef",
-				ref: L,
-				xmlns: "http://www.w3.org/2000/svg",
-				class: ot([{
-					"vue-data-ui-fullscreen--on": Ri.value,
-					"vue-data-ui-fulscreen--off": !Ri.value
-				}, "vue-ui-xy-svg vue-data-ui-svg"]),
-				width: "100%",
-				viewBox: Pi.value,
-				style: w({
-					background: "transparent",
-					color: B.value.chart.color,
-					fontFamily: B.value.chart.fontFamily
-				}),
-				"aria-label": ps.value,
-				"aria-describedby": `chart-instructions-${F.value}`,
-				"aria-live": "polite",
-				role: "img",
-				tabindex: "0",
-				preserveAspectRatio: "xMidYMid",
-				onMousemove: ts,
-				onMouseleave: ns,
-				onClick: rs,
-				onFocus: wc,
-				onBlur: Tc,
-				onKeydown: Ec
-			}, [C("g", {
-				ref_key: "G",
-				ref: Ci,
-				class: "vue-data-ui-g"
-			}, [
-				et(k(ci)),
-				r.$slots["chart-background"] ? (T(), S("foreignObject", {
-					key: 0,
-					x: q.value?.left + Z.value < 0 ? 0 : q.value?.left + Z.value,
-					y: q.value?.top,
-					width: q.value.width - (B.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value) < 0 ? 0 : q.value.width - (B.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value),
-					height: q.value.height < 0 ? 0 : q.value.height,
-					style: { pointerEvents: "none" }
-				}, [O(r.$slots, "chart-background", {}, void 0, !0)], 8, Tt)) : x("", !0),
-				Y.value > 0 ? (T(), S("g", Et, [
-					C("g", Dt, [
-						B.value.chart.grid.labels.xAxis.showBaseline ? (T(), S("line", {
-							key: 0,
-							stroke: B.value.chart.grid.stroke,
-							"stroke-width": "1",
-							x1: q.value?.left + Z.value,
-							x2: q.value?.right - Z.value,
-							y1: k(_)(q.value?.bottom),
-							y2: k(_)(q.value?.bottom),
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, Ot)) : x("", !0),
-						V.value.useIndividualScale ? B.value.chart.grid.showHorizontalLines ? (T(!0), S(y, { key: 2 }, D(Fs.value, (e) => (T(), S("g", null, [e.id === M.value && e.yLabels.length ? (T(!0), S(y, { key: 0 }, D(e.yLabels, (t) => (T(), S("line", {
-							x1: q.value?.left + Z.value,
-							x2: q.value?.right - Z.value,
-							y1: k(_)(t.y),
-							y2: k(_)(t.y),
-							stroke: e.color,
-							"stroke-width": .5,
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, Mt))), 256)) : e.yLabels.length ? (T(!0), S(y, { key: 1 }, D(e.yLabels, (e) => (T(), S("line", {
-							x1: q.value?.left + Z.value,
-							x2: q.value?.right - Z.value,
-							y1: k(_)(e.y),
-							y2: k(_)(e.y),
-							stroke: B.value.chart.grid.stroke,
-							"stroke-width": .5,
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, Nt))), 256)) : x("", !0)]))), 256)) : x("", !0) : (T(), S(y, { key: 1 }, [B.value.chart.grid.labels.yAxis.showBaseline ? (T(), S("line", {
-							key: 0,
-							class: "vue-ui-xy-y-axis",
-							stroke: B.value.chart.grid.stroke,
-							"stroke-width": "1",
-							x1: K.value ? q.value?.right - Z.value : q.value?.left + Z.value,
-							x2: K.value ? q.value?.right - Z.value : q.value?.left + Z.value,
-							y1: k(_)(q.value?.top),
-							y2: k(_)(q.value?.bottom),
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, kt)) : x("", !0), B.value.chart.grid.showHorizontalLines ? (T(), S("g", At, [(T(!0), S(y, null, D(ks.value, (e) => (T(), S("line", {
-							x1: q.value?.left + Z.value,
-							x2: q.value?.right,
-							y1: k(_)(e.y),
-							y2: k(_)(e.y),
-							stroke: B.value.chart.grid.stroke,
-							"stroke-width": .5,
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, jt))), 256))])) : x("", !0)], 64)),
-						B.value.chart.grid.showVerticalLines ? (T(), S("g", Pt, [C("path", {
-							d: co.value,
-							"stroke-width": .5,
-							stroke: B.value.chart.grid.stroke,
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, Ft)])) : x("", !0),
-						B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", It, [C("path", {
-							d: lo.value,
-							stroke: B.value.chart.grid.stroke,
-							"stroke-width": 1,
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, Lt)])) : x("", !0)
-					]),
-					(T(!0), S(y, null, D(Ns.value, (e, t) => (T(), S("defs", { key: `def_rect_${t}` }, [r.$slots["bar-gradient"] ? O(r.$slots, "bar-gradient", it({
-						key: 0,
-						ref_for: !0
-					}, {
-						series: e,
-						positiveId: `rectGradient_pos_${t}_${F.value}`,
-						negativeId: `rectGradient_neg_${t}_${F.value}`
-					}), void 0, !0) : (T(), S(y, { key: 1 }, [C("linearGradient", {
-						id: `rectGradient_pos_${t}_${F.value}`,
-						x2: "0%",
-						y2: "100%"
-					}, [
-						C("stop", {
-							offset: "0%",
-							"stop-color": e.color
-						}, null, 8, zt),
-						C("stop", {
-							offset: "62%",
-							"stop-color": `${k(d)(e.color, .02)}`
-						}, null, 8, Bt),
-						C("stop", {
-							offset: "100%",
-							"stop-color": `${k(d)(e.color, .05)}`
-						}, null, 8, Vt)
-					], 8, Rt), C("linearGradient", {
-						id: `rectGradient_neg_${t}_${F.value}`,
-						x2: "0%",
-						y2: "100%"
-					}, [
-						C("stop", {
-							offset: "0%",
-							"stop-color": `${k(d)(e.color, .05)}`
-						}, null, 8, Ut),
-						C("stop", {
-							offset: "38%",
-							"stop-color": `${k(d)(e.color, .02)}`
-						}, null, 8, Wt),
-						C("stop", {
-							offset: "100%",
-							"stop-color": e.color
-						}, null, 8, Gt)
-					], 8, Ht)], 64))]))), 128)),
-					(T(!0), S(y, null, D(Ps.value, (e, t) => (T(), S("defs", { key: `def_plot_${t}` }, [C("radialGradient", {
-						id: `plotGradient_${t}_${F.value}`,
-						cx: "50%",
-						cy: "50%",
-						r: "50%",
-						fx: "50%",
-						fy: "50%"
-					}, [C("stop", {
-						offset: "0%",
-						"stop-color": `${k(d)(e.color, .05)}`
-					}, null, 8, qt), C("stop", {
-						offset: "100%",
-						"stop-color": e.color
-					}, null, 8, Jt)], 8, Kt)]))), 128)),
-					(T(!0), S(y, null, D($.value, (e, n) => (T(), S(y, { key: `def_line_${e.id}` }, [C("defs", null, [C("radialGradient", {
-						id: `lineGradient_${n}_${F.value}`,
-						cx: "50%",
-						cy: "50%",
-						r: "50%",
-						fx: "50%",
-						fy: "50%"
-					}, [C("stop", {
-						offset: "0%",
-						"stop-color": `${k(d)(e.color, .05)}`
-					}, null, 8, Xt), C("stop", {
-						offset: "100%",
-						"stop-color": e.color
-					}, null, 8, Zt)], 8, Yt), r.$slots["area-gradient"] ? O(r.$slots, "area-gradient", it({
-						key: 0,
-						ref_for: !0
-					}, {
-						series: e,
-						id: `areaGradient_${n}_${F.value}`
-					}), void 0, !0) : (T(), S("linearGradient", {
-						key: 1,
-						id: `areaGradient_${n}_${F.value}`,
-						x1: "0%",
-						x2: "100%",
-						y1: "0%",
-						y2: "0%"
-					}, [C("stop", {
-						offset: "0%",
-						"stop-color": `${k(he)(k(d)(e.color, .03), B.value.line.area.opacity)}`
-					}, null, 8, $t), C("stop", {
-						offset: "100%",
-						"stop-color": `${k(he)(e.color, B.value.line.area.opacity)}`
-					}, null, 8, en)], 8, Qt))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), S("defs", tn, [C("linearGradient", {
-						id: `temperature_grad_line_${n}_${F.value}`,
-						gradientTransform: "rotate(90)"
-					}, [(T(!0), S(y, null, D(e.temperatureColors, (r, i) => (T(), S("stop", {
-						key: `temperature_grad_stop_${n}_${i}_${F.value}`,
-						"stop-color": r,
-						offset: k(t)(i, e.temperatureColors.length)
-					}, null, 8, rn))), 128))], 8, nn)])) : x("", !0)], 64))), 128)),
-					(T(!0), S(y, null, D(gs.value, (e) => (T(), S("g", null, [e.show ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [C("rect", {
-						style: w({
-							transition: "none",
-							opacity: +(e.from + n >= W.value.start && e.from + n <= W.value.end - 1)
-						}),
-						x: q.value?.left + q.value.width / Y.value * (e.from + n - W.value.start),
-						y: q.value?.top,
-						height: q.value.height < 0 ? 10 : q.value.height,
-						width: q.value.width / Y.value < 0 ? 1e-5 : q.value.width / Y.value,
-						fill: k(he)(e.color, e.opacity)
-					}, null, 12, an)]))), 256)), (T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [e.caption.text && n === 0 ? (T(), S("foreignObject", {
-						key: 0,
-						x: q.value?.left + q.value.width / Y.value * (e.from + n - W.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - q.value.width / Y.value * e.span / 2),
-						y: q.value?.top + e.caption.offsetY,
-						style: w({
-							overflow: "visible",
-							opacity: +(e.to >= W.value.start && e.from < W.value.end)
-						}),
-						height: "1",
-						width: e.caption.width === "auto" ? q.value.width / Y.value * e.span : e.caption.width
-					}, [C("div", { style: w(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, ft(e.caption.text), 5)], 12, on)) : x("", !0)]))), 256))], 64)) : x("", !0)]))), 256)),
-					ho.value ? (T(), S("g", sn, [(T(!0), S(y, null, D(Y.value, (e, t) => (T(), S("g", { key: `tooltip_trap_highlighter_${t}` }, [C("rect", {
-						x: q.value?.left + q.value.width / Y.value * t,
-						y: q.value?.top,
-						height: q.value.height < 0 ? 10 : q.value.height,
-						width: q.value.width / Y.value < 0 ? 1e-5 : q.value.width / Y.value,
-						fill: [
-							I.value,
-							R.value,
-							Bi.value
-						].includes(t) ? k(he)(B.value.chart.highlighter.color, B.value.chart.highlighter.opacity) : "transparent",
-						style: {
-							transition: "none !important",
-							animation: "none !important"
-						}
-					}, null, 8, cn)]))), 128))])) : x("", !0),
-					Ns.value.length ? (T(!0), S(y, { key: 1 }, D(Ns.value, (e, t) => (T(), S("g", {
-						key: `serie_bar_${e.id}`,
-						class: ot(`serie_bar_${t}`),
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(T(!0), S(y, null, D(e.plots, (n, i) => (T(), S("g", { key: `bar_plot_${t}_${i}` }, [
-						Bo(n.value) ? (T(), S("rect", {
-							key: 0,
-							x: Yo(n) + Ts.value / 2,
-							y: V.value.useIndividualScale ? Zo(n) : Xo(n),
-							height: V.value.useIndividualScale ? Math.abs(qo(n)) : Math.abs(Ko(n)),
-							width: ws.value - Ts.value,
-							rx: B.value.bar.borderRadius,
-							fill: B.value.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${t}_${F.value})` : `url(#rectGradient_neg_${t}_${F.value})` : e.color,
-							stroke: B.value.bar.border.useSerieColor ? e.color : B.value.bar.border.stroke,
-							"stroke-width": B.value.bar.border.strokeWidth,
-							style: w({ transition: k(Ea) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, ln)) : x("", !0),
-						Bo(n.value) && r.$slots.pattern ? (T(), S("rect", {
-							key: 1,
-							x: Yo(n) - Ts.value / 2,
-							y: V.value.useIndividualScale ? Zo(n) : Xo(n),
-							height: V.value.useIndividualScale ? Math.abs(qo(n)) : Math.abs(Ko(n)),
-							width: ws.value - Ts.value,
-							rx: B.value.bar.borderRadius,
-							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							stroke: B.value.bar.border.useSerieColor ? e.color : B.value.bar.border.stroke,
-							"stroke-width": B.value.bar.border.strokeWidth,
-							style: w({ transition: k(Ea) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, un)) : x("", !0),
-						n.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
-							key: 2,
-							style: { overflow: "visible" },
-							height: "12",
-							width: ws.value + B.value.chart.comments.width,
-							x: Yo(n) - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
-							y: k(v)(n.y) + B.value.chart.comments.offsetY + 6
-						}, [O(r.$slots, "plot-comment", { plot: {
-							...n,
-							color: e.color,
-							seriesIndex: t,
-							datapointIndex: i
-						} }, void 0, !0)], 8, dn)) : x("", !0)
-					]))), 128))], 6))), 128)) : x("", !0),
-					!V.value.useIndividualScale && B.value.chart.grid.labels.zeroLine.show ? (T(), S("line", {
-						key: 2,
-						stroke: B.value.chart.grid.stroke,
-						"stroke-width": "1",
-						x1: q.value?.left + Z.value,
-						x2: q.value?.right,
-						y1: k(_)(Go.value),
-						y2: k(_)(Go.value),
-						"stroke-linecap": "round",
-						style: { animation: "none !important" }
-					}, null, 8, fn)) : x("", !0),
-					B.value.chart.highlighter.useLine && (![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), S("g", pn, [C("line", {
-						x1: q.value?.left + q.value.width / Y.value * ((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)) + q.value.width / Y.value / 2,
-						x2: q.value?.left + q.value.width / Y.value * ((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)) + q.value.width / Y.value / 2,
-						y1: k(_)(q.value?.top),
-						y2: k(_)(q.value?.bottom),
-						stroke: B.value.chart.highlighter.color,
-						"stroke-width": B.value.chart.highlighter.lineWidth,
-						"stroke-dasharray": B.value.chart.highlighter.lineDasharray,
-						"stroke-linecap": "round",
-						style: {
-							transition: "none !important",
-							animation: "none !important",
-							"pointer-events": "none"
-						}
-					}, null, 8, mn)])) : x("", !0),
-					B.value.chart.grid.frame.show ? (T(), S("rect", {
-						key: 4,
-						style: {
-							pointerEvents: "none",
-							transition: "none",
-							animation: "none !important"
-						},
-						x: q.value?.left + Z.value < 0 ? 0 : q.value?.left + Z.value,
-						y: q.value?.top,
-						width: q.value.width - (B.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value) < 0 ? 0 : q.value.width - (B.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value),
-						height: q.value.height < 0 ? 0 : q.value.height,
-						fill: "transparent",
-						stroke: B.value.chart.grid.frame.stroke,
-						"stroke-width": B.value.chart.grid.frame.strokeWidth,
-						"stroke-linecap": B.value.chart.grid.frame.strokeLinecap,
-						"stroke-linejoin": B.value.chart.grid.frame.strokeLinejoin,
-						"stroke-dasharray": B.value.chart.grid.frame.strokeDasharray
-					}, null, 8, hn)) : x("", !0),
-					B.value.chart.grid.labels.show ? (T(), S("g", {
-						key: 5,
-						ref_key: "scaleLabels",
-						ref: Di
-					}, [V.value.useIndividualScale ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(Fs.value, (e) => (T(), S("g", null, [C("line", {
-						x1: V.value.isStacked ? K.value ? q.value.right : q.value.left : K.value ? e.x + Z.value : e.x + Z.value - q.value.individualOffsetX,
-						x2: V.value.isStacked ? K.value ? q.value.right : q.value.left : K.value ? e.x + Z.value : e.x + Z.value - q.value.individualOffsetX,
-						y1: V.value.isStacked ? k(_)(q.value?.bottom - e.yOffset - e.individualHeight) : k(_)(q.value?.top),
-						y2: V.value.isStacked ? k(_)(q.value?.bottom - e.yOffset) : k(_)(q.value?.bottom),
-						stroke: e.color,
-						"stroke-width": B.value.chart.grid.stroke,
-						"stroke-linecap": "round",
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, gn)]))), 256)), (T(!0), S(y, null, D(Fs.value, (e) => (T(), S("g", { style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
-						C("text", {
-							fill: e.color,
-							"font-size": z.value.dataLabels * .8,
-							"text-anchor": "middle",
-							transform: `translate(${V.value.isStacked ? K.value ? q.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + q.value.individualOffsetX + B.value.chart.grid.labels.axis.yLabelOffsetX : q.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - B.value.chart.grid.labels.yAxis.labelWidth - B.value.chart.grid.labels.axis.yLabelOffsetX : K.value ? e.x + Z.value + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX : e.x - z.value.dataLabels * .8 / 2 + Z.value}, ${V.value.isStacked ? q.value?.bottom - e.yOffset - e.individualHeight / 2 : q.value?.top + q.value.height / 2}) rotate(-90)`
-						}, ft(e.name) + " " + ft(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, _n),
-						(T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S(y, null, [B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
-							key: 0,
-							x1: V.value.isStacked ? K.value ? q.value.right : q.value.left : K.value ? e.x + Z.value : e.x + 3 + Z.value - B.value.chart.grid.labels.yAxis.crosshairSize - q.value.individualOffsetX,
-							x2: V.value.isStacked ? K.value ? q.value.right + B.value.chart.grid.labels.yAxis.crosshairSize : q.value.left - B.value.chart.grid.labels.yAxis.crosshairSize : K.value ? e.x + Z.value + B.value.chart.grid.labels.yAxis.crosshairSize : e.x + Z.value - q.value.individualOffsetX,
-							y1: k(_)(t.y),
-							y2: k(_)(t.y),
-							stroke: e.color,
-							"stroke-width": 1,
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, vn)) : x("", !0)], 64))), 256)),
-						(T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S("text", {
-							transform: `translate(${V.value.isStacked ? K.value ? q.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : q.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : K.value ? e.x + Z.value + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 + Z.value - q.value.individualOffsetX}, ${k(_)(t.y) + z.value.dataLabels / 3})`,
-							"text-anchor": K.value ? "start" : "end",
-							"font-size": z.value.dataLabels,
-							fill: e.color
-						}, ft(k(pe)(B.value.chart.grid.labels.yAxis.formatter, t.value, k(a)({
-							p: t.prefix,
-							v: t.value,
-							s: t.suffix,
-							r: B.value.chart.grid.labels.yAxis.rounding
-						}), {
-							datapoint: t.datapoint,
-							seriesIndex: n
-						})), 9, yn))), 256))
-					], 4))), 256))], 64)) : (T(!0), S(y, { key: 1 }, D(ks.value, (e, t) => (T(), S("g", { key: `yLabel_${t}` }, [Bo(e) && e.value >= G.value.min && e.value <= G.value.max && B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
-						key: 0,
-						x1: K.value ? q.value?.right - Z.value : q.value?.left + Z.value,
-						x2: K.value ? q.value?.right - Z.value + B.value.chart.grid.labels.yAxis.crosshairSize : q.value?.left + Z.value - B.value.chart.grid.labels.yAxis.crosshairSize,
-						y1: k(_)(e.y),
-						y2: k(_)(e.y),
-						stroke: B.value.chart.grid.stroke,
-						"stroke-width": "1",
-						"stroke-linecap": "round",
-						style: { animation: "none !important" }
-					}, null, 8, bn)) : x("", !0), e.value >= G.value.min && e.value <= G.value.max ? (T(), S("text", {
-						key: 1,
-						transform: `translate(${K.value ? q.value.right - Z.value + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : q.value.scaleLabelX - B.value.chart.grid.labels.yAxis.crosshairSize}, ${k(v)(e.y + z.value.dataLabels / 3)})`,
-						"font-size": z.value.dataLabels,
-						"text-anchor": K.value ? "start" : "end",
-						fill: B.value.chart.grid.labels.color
-					}, ft(Bo(e.value) ? k(pe)(B.value.chart.grid.labels.yAxis.formatter, e.value, k(a)({
-						p: e.prefix,
-						v: e.value,
-						s: e.suffix,
-						r: B.value.chart.grid.labels.yAxis.rounding
-					})) : ""), 9, xn)) : x("", !0)]))), 128))], 512)) : x("", !0),
-					(T(!0), S(y, null, D(Ps.value, (e, t) => (T(), S("g", {
-						key: `serie_plot_${e.id}`,
-						class: ot(`serie_plot_${t}`),
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(T(!0), S(y, null, D(e.plots, (n, i) => (T(), S("g", { key: `circle_plot_${t}_${i}` }, [n && Bo(n.value) ? (T(), Ze(We, {
-						key: 0,
-						shape: [
-							"triangle",
-							"square",
-							"diamond",
-							"pentagon",
-							"hexagon",
-							"star"
-						].includes(e.shape) ? e.shape : "circle",
-						color: B.value.plot.useGradient ? `url(#plotGradient_${t}_${F.value})` : B.value.plot.dot.useSerieColor ? e.color : B.value.plot.dot.fill,
-						plot: {
-							x: k(v)(n.x),
-							y: k(v)(n.y)
-						},
-						radius: R.value !== null && R.value === i || I.value !== null && I.value === i ? (_a.value.plot || 6) * 1.5 : _a.value.plot || 6,
-						stroke: B.value.plot.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
-						strokeWidth: B.value.plot.dot.strokeWidth,
-						transition: k(Ea) || !B.value.plot.showTransition || R.value !== null && R.value === i || I.value !== null && I.value === i ? void 0 : `all ${B.value.plot.transitionDurationMs}ms ease-in-out`
-					}, null, 8, [
-						"shape",
-						"color",
-						"plot",
-						"radius",
-						"stroke",
-						"strokeWidth",
-						"transition"
-					])) : x("", !0), n.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
-						key: 1,
-						style: { overflow: "visible" },
-						height: "12",
-						width: B.value.chart.comments.width,
-						x: n.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
-						y: n.y + B.value.chart.comments.offsetY + 6
-					}, [C("div", Cn, [O(r.$slots, "plot-comment", { plot: {
-						...n,
-						color: e.color,
-						seriesIndex: t,
-						datapointIndex: i
-					} }, void 0, !0)])], 8, Sn)) : x("", !0)]))), 128))], 6))), 128)),
-					(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
-						key: `serie_line_${e.id}`,
-						class: ot(`serie_line_${t}`),
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [e.smooth && e.plots.length > 1 && e.curve ? (T(), S("path", {
-						key: 0,
-						d: `M${e.curve}`,
-						stroke: B.value.chart.backgroundColor,
-						"stroke-width": B.value.line.strokeWidth + 1,
-						"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
-						fill: "none",
-						style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, wn)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
-						key: 1,
-						d: `M${e.straight}`,
-						stroke: B.value.chart.backgroundColor,
-						"stroke-width": B.value.line.strokeWidth + 1,
-						"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
-						fill: "none",
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, Tn)) : x("", !0)], 6))), 128)),
-					r.$slots.pattern ? (T(), S("defs", En, [(T(!0), S(y, null, D(Za.value, (e, t) => O(r.$slots, "pattern", it({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
-						...e,
-						seriesIndex: e.slotAbsoluteIndex,
-						patternId: `pattern_${F.value}_${t}`
-					}), void 0, !0)), 128))])) : x("", !0),
-					Is.value.length && !V.value.isStacked ? (T(), S("g", Dn, [(T(!0), S(y, null, D(Is.value, (e) => (T(), S("path", {
-						key: e.key,
-						d: e.d,
-						fill: e.color,
-						"fill-opacity": B.value.line.interLine.fillOpacity,
-						stroke: "none",
-						"pointer-events": "none",
-						style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, On))), 128))])) : x("", !0),
-					(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
-						key: `serie_line_above_${e.id}`,
-						class: ot(`serie_line_${t}`),
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [
-						e.useArea && e.plots.length > 1 ? (T(), S("g", kn, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.curveAreas, (n, i) => (T(), S(y, { key: i }, [n ? (T(), S("path", {
-							key: 0,
-							d: n,
-							fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(he)(e.color, B.value.line.area.opacity),
-							style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, An)) : x("", !0), r.$slots.pattern && n ? (T(), S("path", {
-							key: 1,
-							d: n,
-							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, jn)) : x("", !0)], 64))), 128)) : (T(!0), S(y, { key: 1 }, D(e.area.split(";"), (n, i) => (T(), S(y, { key: i }, [n ? (T(), S("path", {
-							key: 0,
-							d: `M${n}Z`,
-							fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(he)(e.color, B.value.line.area.opacity),
-							style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Mn)) : x("", !0), r.$slots.pattern && n ? (T(), S("path", {
-							key: 1,
-							d: `M${n}Z`,
-							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Nn)) : x("", !0)], 64))), 128))])) : x("", !0),
-						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), S("path", {
-							key: 1,
-							d: `M${e.curve}`,
-							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
-							"stroke-width": B.value.line.strokeWidth,
-							"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
-							fill: "none",
-							"stroke-linecap": "round",
-							style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Pn)) : e.hasDashedSegments ? (T(), S(y, { key: 2 }, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.dashedSmooth, (n) => (T(), S("path", {
-							key: n.path,
-							fill: "none",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							d: `M ${n.path}`,
-							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
-							"stroke-width": B.value.line.strokeWidth,
-							"stroke-dasharray": n.dashed ? B.value.line.strokeWidth * 2 : 0
-						}, null, 8, Fn))), 128)) : (T(!0), S(y, { key: 1 }, D(e.dashedStraight, (n) => (T(), S("path", {
-							key: n.path,
-							fill: "none",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							d: `M ${n.path}`,
-							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
-							"stroke-width": B.value.line.strokeWidth,
-							"stroke-dasharray": n.dashed ? B.value.line.strokeWidth * 2 : 0
-						}, null, 8, In))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
-							key: 3,
-							d: `M${e.straight}`,
-							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
-							"stroke-width": B.value.line.strokeWidth,
-							"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
-							fill: "none",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							style: w({ transition: k(Ea) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Ln)) : x("", !0),
-						(T(!0), S(y, null, D(e.plots, (n, i) => (T(), S(y, { key: `circle_line_${t}_${i}` }, [!ms.value.linePlot && n && Bo(n.value) || ms.value.linePlot && n && Bo(n.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || js(e.plots, i) ? (T(), Ze(We, {
-							key: 0,
-							shape: [
-								"triangle",
-								"square",
-								"diamond",
-								"pentagon",
-								"hexagon",
-								"star"
-							].includes(e.shape) ? e.shape : "circle",
-							color: B.value.line.useGradient ? `url(#lineGradient_${t}_${F.value})` : B.value.line.dot.useSerieColor ? e.color : B.value.line.dot.fill,
-							plot: {
-								x: k(v)(n.x),
-								y: k(v)(n.y)
-							},
-							radius: R.value !== null && R.value === i || I.value !== null && I.value === i ? (_a.value.line || 6) * 1.5 : (js(e.plots, i), _a.value.line || 6),
-							stroke: B.value.line.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
-							strokeWidth: B.value.line.dot.strokeWidth,
-							transition: k(Ea) || !B.value.line.showTransition || R.value !== null && R.value === i || I.value !== null && I.value === i ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out`
-						}, null, 8, [
-							"shape",
-							"color",
-							"plot",
-							"radius",
-							"stroke",
-							"strokeWidth",
-							"transition"
-						])) : x("", !0), n.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
-							key: 1,
-							style: { overflow: "visible" },
-							height: "12",
-							width: B.value.chart.comments.width,
-							x: n.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
-							y: n.y + B.value.chart.comments.offsetY + 6
-						}, [C("div", zn, [O(r.$slots, "plot-comment", { plot: {
-							...n,
-							color: e.color,
-							seriesIndex: t,
-							datapointIndex: i
-						} }, void 0, !0)])], 8, Rn)) : x("", !0)], 64))), 128))
-					], 6))), 128)),
-					(B.value.bar.labels.show || B.value.bar.serieName.show) && V.value.dataLabels.show ? (T(), S("g", Bn, [(T(!0), S(y, null, D(Ns.value, (e, t) => (T(), S(y, { key: `xLabel_bar_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || R.value !== null && R.value === r || I.value !== null && I.value === r) && B.value.bar.labels.show ? (T(), S("text", {
-						key: 0,
-						"text-anchor": uc({
-							plot: n,
-							type: "bar"
-						}),
-						"font-size": z.value.plotLabels,
-						transform: cc({ plot: n }),
-						fill: B.value.bar.labels.color,
-						stroke: B.value.chart.backgroundColor,
-						"paint-order": "stroke",
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: sc({
-							serie: e,
-							plot: n,
-							type: "bar"
-						})
-					}, null, 12, Vn)) : x("", !0), n && B.value.bar.serieName.show ? (T(), S("text", {
-						key: 1,
-						x: V.value.useIndividualScale && V.value.isStacked ? n.x + X.value.line / 2 : n.x + Jo() * 1.1,
-						y: n.y + (n.value > 0 ? B.value.bar.serieName.offsetY : -B.value.bar.serieName.offsetY * 3),
-						"text-anchor": "middle",
-						"font-size": z.value.plotLabels,
-						fill: B.value.bar.serieName.useSerieColor ? e.color : B.value.bar.serieName.color,
-						"font-weight": B.value.bar.serieName.bold ? "bold" : "normal",
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, ft(B.value.bar.serieName.useAbbreviation ? k(ye)({
-						source: e.name,
-						length: B.value.bar.serieName.abbreviationSize
-					}) : e.name), 13, Hn)) : x("", !0)], 64))), 128))], 64))), 128))])) : x("", !0),
-					B.value.plot.labels.show && V.value.dataLabels.show ? (T(), S("g", Un, [(T(!0), S(y, null, D(Ps.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || R.value !== null && R.value === r || I.value !== null && I.value === r ? (T(), S("text", {
-						key: 0,
-						transform: lc({
-							plot: n,
-							type: "plot"
-						}),
-						"text-anchor": uc({
-							plot: n,
-							type: "plot"
-						}),
-						"font-size": z.value.plotLabels,
-						fill: B.value.plot.labels.color,
-						stroke: B.value.chart.backgroundColor,
-						"paint-order": "stroke",
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: sc({
-							serie: e,
-							plot: n,
-							type: "plot"
-						})
-					}, null, 12, Wn)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", Gn, [(T(!0), S(y, null, D(Ps.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [B.value.plot.tag.followValue ? (T(), S(y, { key: 1 }, [[
-						I.value,
-						R.value,
-						Bi.value
-					].includes(r) && e.useTag ? (T(), S("line", {
-						key: 0,
-						class: "vue-ui-xy-tag-plot",
-						x1: q.value?.left,
-						x2: q.value?.right,
-						y1: n.y,
-						y2: n.y,
-						"stroke-width": 1,
-						"stroke-linecap": "round",
-						"stroke-dasharray": "2",
-						stroke: e.color
-					}, null, 8, Xn)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
-						key: 0,
-						x: n.x,
-						y: n.y - 20,
-						height: 24,
-						width: "150",
-						style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [C("div", {
-						style: w(`padding: 3px; background:${k(he)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: k(pe)(B.value.plot.tag.formatter, n.value, e.name, {
-							datapoint: n,
-							seriesIndex: r,
-							serieName: e.name
-						})
-					}, null, 12, qn)], 12, Kn)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
-						key: 1,
-						x: n.x - e.name.length * (z.value.plotLabels / 2),
-						y: n.y - 20,
-						height: 24,
-						width: "150",
-						style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [C("div", {
-						style: w(`padding: 3px; background:${k(he)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: k(pe)(B.value.plot.tag.formatter, n.value, e.name, {
-							datapoint: n,
-							seriesIndex: r,
-							serieName: e.name
-						})
-					}, null, 12, Yn)], 12, Jn)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					B.value.line.labels.show && V.value.dataLabels.show ? (T(), S("g", Zn, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || R.value !== null && R.value === r || I.value !== null && I.value === r ? (T(), S("text", {
-						key: 0,
-						transform: lc({
-							plot: n,
-							type: "line"
-						}),
-						"text-anchor": uc({
-							plot: n,
-							type: "line"
-						}),
-						"font-size": z.value.plotLabels,
-						fill: B.value.line.labels.color,
-						stroke: B.value.chart.backgroundColor,
-						"paint-order": "stroke",
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: sc({
-							serie: e,
-							plot: n,
-							type: "line"
-						})
-					}, null, 12, Qn)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", $n, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [B.value.line.tag.followValue ? (T(), S(y, { key: 1 }, [[
-						I.value,
-						R.value,
-						Bi.value
-					].includes(r) && e.useTag ? (T(), S("line", {
-						key: 0,
-						class: "vue-ui-xy-tag-line",
-						x1: q.value?.left,
-						x2: q.value?.right,
-						y1: n.y,
-						y2: n.y,
-						"stroke-width": 1,
-						"stroke-linecap": "round",
-						"stroke-dasharray": "2",
-						stroke: e.color
-					}, null, 8, ir)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
-						key: 0,
-						x: n.x,
-						y: n.y - 20,
-						height: 24,
-						width: "150",
-						style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [C("div", {
-						style: w(`padding: 3px; background:${k(he)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: k(pe)(B.value.line.tag.formatter, n.value, e.name, {
-							datapoint: n,
-							seriesIndex: r,
-							serieName: e.name
-						})
-					}, null, 12, tr)], 12, er)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
-						key: 1,
-						x: n.x,
-						y: n.y - 20,
-						height: 24,
-						width: "150",
-						style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [C("div", {
-						style: w(`padding: 3px; background:${k(he)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: k(pe)(B.value.line.tag.formatter, n.value, e.name, {
-							datapoint: n,
-							seriesIndex: r,
-							serieName: e.name
-						})
-					}, null, 12, rr)], 12, nr)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
-						key: 0,
-						x: n.x - z.value.plotLabels,
-						y: n.y,
-						"font-size": z.value.plotLabels,
-						"text-anchor": "end",
-						fill: e.color,
-						innerHTML: k(De)({
-							content: e.name,
-							fontSize: z.value.plotLabels,
-							fill: e.color,
-							x: n.x - z.value.plotLabels,
-							y: n.y,
-							maxWords: 2
-						}),
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, ar)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
-						key: 1,
-						x: n.x + z.value.plotLabels,
-						y: n.y,
-						"font-size": z.value.plotLabels,
-						"text-anchor": "start",
-						fill: e.color,
-						innerHTML: k(De)({
-							content: e.name,
-							fontSize: z.value.plotLabels,
-							fill: e.color,
-							x: n.x + z.value.plotLabels,
-							y: n.y,
-							maxWords: 2
-						}),
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, or)) : x("", !0)], 64))), 128))], 64))), 128)),
-					(T(!0), S(y, null, D(Ps.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
-						key: 0,
-						x: n.x - z.value.plotLabels,
-						y: n.y,
-						"font-size": z.value.plotLabels,
-						"text-anchor": "end",
-						fill: e.color,
-						innerHTML: k(De)({
-							content: e.name,
-							fontSize: z.value.plotLabels,
-							fill: e.color,
-							x: n.x - z.value.plotLabels,
-							y: n.y,
-							maxWords: 2
-						}),
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, sr)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
-						key: 1,
-						x: n.x + z.value.plotLabels,
-						y: n.y,
-						"font-size": z.value.plotLabels,
-						"text-anchor": "start",
-						fill: e.color,
-						innerHTML: k(De)({
-							content: e.name,
-							fontSize: z.value.plotLabels,
-							fill: e.color,
-							x: n.x + z.value.plotLabels,
-							y: n.y,
-							maxWords: 2
-						}),
-						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, cr)) : x("", !0)], 64))), 128))], 64))), 128)),
-					(T(!0), S(y, null, D([
-						...Ps.value,
-						...$.value,
-						...Ns.value
-					], (e, t) => (T(), S(y, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(k(_e)(e.plots).trend) ? (T(), S("g", lr, [
-						C("defs", null, [C("marker", {
-							id: `progression_arrow_${t}`,
-							markerWidth: "9",
-							markerHeight: "9",
-							viewBox: "-1 -1 9 9",
-							markerUnits: "userSpaceOnUse",
-							refX: "7",
-							refY: 7 / 2,
-							orient: "auto",
-							overflow: "visible"
-						}, [C("polygon", {
-							points: "0,0 7,3.5 0,7",
-							fill: e.color,
-							stroke: B.value.chart.backgroundColor,
-							"stroke-width": "1",
-							"stroke-linejoin": "round"
-						}, null, 8, dr)], 8, ur)]),
-						e.plots.length > 1 ? (T(), S("line", {
-							key: 0,
-							x1: k(_e)(e.plots).x1 + (e.type === "bar" ? Jo() : 0),
-							x2: k(_e)(e.plots).x2 + (e.type === "bar" ? Jo() : 0),
-							y1: k(_)(k(_e)(e.plots).y1),
-							y2: k(_)(k(_e)(e.plots).y2),
-							"stroke-width": 1,
-							stroke: B.value.chart.backgroundColor,
-							"stroke-dasharray": 2,
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, fr)) : x("", !0),
-						e.plots.length > 1 ? (T(), S("line", {
-							key: 1,
-							x1: k(_e)(e.plots).x1 + (e.type === "bar" ? Jo() : 0),
-							x2: k(_e)(e.plots).x2 + (e.type === "bar" ? Jo() : 0),
-							y1: k(_)(k(_e)(e.plots).y1),
-							y2: k(_)(k(_e)(e.plots).y2),
-							"stroke-width": 1,
-							stroke: e.color,
-							"stroke-dasharray": 2,
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, pr)) : x("", !0),
-						e.plots.length > 1 ? (T(), S("text", {
-							key: 2,
-							"text-anchor": "middle",
-							x: k(_e)(e.plots).x2 + (e.type === "bar" ? Jo() : 0),
-							y: k(_e)(e.plots).y2 - 12,
-							"font-size": z.value.plotLabels,
-							fill: e.color,
-							stroke: B.value.chart.backgroundColor,
-							"stroke-width": 4,
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							"paint-order": "stroke fill"
-						}, ft(k(a)({
-							v: k(_e)(e.plots).trend * 100,
-							s: "%",
-							r: 2
-						})), 9, mr)) : x("", !0)
-					])) : x("", !0)], 64))), 128)),
-					V.value.useIndividualScale && !V.value.isStacked ? (T(), S(y, { key: 13 }, [C("defs", null, [(T(!0), S(y, null, D(Fs.value, (e, t) => (T(), S("linearGradient", {
-						id: `individual_scale_gradient_${F.value}_${t}`,
-						x1: K.value ? "100%" : "0%",
-						x2: K.value ? "0%" : "100%",
-						y1: "0%",
-						y2: "0%"
-					}, [C("stop", {
-						offset: "0%",
-						"stop-color": B.value.chart.backgroundColor,
-						"stop-opacity": "0"
-					}, null, 8, gr), C("stop", {
-						offset: "100%",
-						"stop-color": e.color,
-						"stop-opacity": "0.2"
-					}, null, 8, _r)], 8, hr))), 256))]), (T(!0), S(y, null, D(Fs.value, (e, t) => (T(), S("rect", {
-						x: K.value ? e.x + Z.value : e.x - B.value.chart.grid.labels.yAxis.labelWidth + Z.value - q.value.individualOffsetX,
-						y: q.value?.top,
-						width: (K.value, B.value.chart.grid.labels.yAxis.labelWidth + q.value.individualOffsetX),
-						height: q.value.height < 0 ? 10 : q.value.height,
-						fill: M.value === e.groupId ? `url(#individual_scale_gradient_${F.value}_${t})` : "transparent",
-						onMouseenter: (t) => M.value = e.groupId,
-						onMouseleave: i[0] ||= (e) => M.value = null
-					}, null, 40, vr))), 256))], 64)) : x("", !0),
-					C("g", null, [B.value.chart.grid.labels.axis.yLabel && !V.value.useIndividualScale ? (T(), S("text", {
-						key: 0,
-						ref_key: "yAxisLabel",
-						ref: Ti,
-						"font-size": z.value.yAxis,
-						fill: B.value.chart.grid.labels.color,
-						transform: `translate(${K.value ? q.value.right + q.value.scaleLabelsOffset + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : B.value.chart.grid.labels.axis.fontSize + B.value.chart.grid.labels.axis.yLabelOffsetX}, ${q.value?.top + q.value.height / 2}) rotate(-90)`,
-						"text-anchor": "middle",
-						style: { transition: "none" }
-					}, ft(B.value.chart.grid.labels.axis.yLabel), 9, yr)) : x("", !0), B.value.chart.grid.labels.axis.xLabel ? (T(), S("text", {
-						key: 1,
-						ref_key: "xAxisLabel",
-						ref: wi,
-						"text-anchor": "middle",
-						x: N.value / 2,
-						y: Ni.value - 3,
-						"font-size": z.value.yAxis,
-						fill: B.value.chart.grid.labels.color
-					}, ft(B.value.chart.grid.labels.axis.xLabel), 9, br)) : x("", !0)]),
-					B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", {
-						key: 14,
-						ref_key: "timeLabelsEls",
-						ref: Ei
-					}, [r.$slots["time-label"] ? (T(!0), S(y, { key: 0 }, D(So.value, (e, t) => O(r.$slots, "time-label", it({
-						key: `time_label_${e.id}`,
-						ref_for: !0
-					}, {
-						x: q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2,
-						y: q.value?.bottom,
-						fontSize: z.value.xAxis,
-						fill: B.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + z.value.xAxis * 1.3 + B.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
-						absoluteIndex: e.absoluteIndex,
-						content: e.text,
-						textAnchor: B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-						show: e && e.text
-					}), void 0, !0)), 128)) : (T(!0), S(y, { key: 1 }, D(So.value, (e, t) => (T(), S("g", { key: `time_label_${t}` }, [e && e.text ? (T(), S(y, { key: 0 }, [String(e.text).includes("\n") ? (T(), S("text", {
-						key: 1,
-						class: "vue-data-ui-time-label",
-						"text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-						"font-size": z.value.xAxis,
-						fill: B.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: w({ cursor: uo() && xa.value ? "pointer" : "default" }),
-						innerHTML: k(n)({
-							content: String(e.text),
-							fontSize: z.value.xAxis,
-							fill: B.value.chart.grid.labels.xAxisLabels.color,
-							x: 0,
-							y: 0
-						}),
-						onClick: () => wo(e, t)
-					}, null, 12, Sr)) : (T(), S("text", {
-						key: 0,
-						class: "vue-data-ui-time-label",
-						"text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-						"font-size": z.value.xAxis,
-						fill: B.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: w({ cursor: uo() && xa.value ? "pointer" : "default" }),
-						onClick: () => wo(e, t)
-					}, ft(e.text || ""), 13, xr))], 64)) : x("", !0)]))), 128))], 512)) : x("", !0),
-					As.value.length && !V.value.isStacked ? (T(), S("g", Cr, [(T(!0), S(y, null, D(As.value, (e) => (T(), S("g", { key: e.uid }, [
-						e.yTop && e.show && isFinite(e.yTop) ? (T(), S("line", {
-							key: 0,
-							x1: e.x1,
-							y1: e.yTop,
-							x2: e.x2,
-							y2: e.yTop,
-							stroke: e.config.line.stroke,
-							"stroke-width": e.config.line.strokeWidth,
-							"stroke-dasharray": e.config.line.strokeDasharray,
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, wr)) : x("", !0),
-						e.yBottom && e.show && isFinite(e.yBottom) ? (T(), S("line", {
-							key: 1,
-							x1: e.x1,
-							y1: e.yBottom,
-							x2: e.x2,
-							y2: e.yBottom,
-							stroke: e.config.line.stroke,
-							"stroke-width": e.config.line.strokeWidth,
-							"stroke-dasharray": e.config.line.strokeDasharray,
-							"stroke-linecap": "round",
-							style: { animation: "none !important" }
-						}, null, 8, Tr)) : x("", !0),
-						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (T(), S("rect", {
-							key: 2,
-							y: Math.min(e.yTop, e.yBottom),
-							x: e.x1,
-							width: q.value.width,
-							height: k(v)(e.areaHeight, 0),
-							fill: k(he)(e.config.area.fill, e.config.area.opacity),
-							style: { animation: "none !important" }
-						}, null, 8, Er)) : x("", !0),
-						e.config.label.text && e.show && isFinite(e._box.y) ? (T(), S("rect", it({
-							key: 3,
-							class: "vue-ui-xy-annotation-label-box"
-						}, { ref_for: !0 }, e._box, { style: {
-							animation: "none !important",
-							transition: "none !important"
-						} }), null, 16)) : x("", !0),
-						e.config.label.text && e.show && isFinite(e._text.y) ? (T(), S("text", {
-							key: 4,
-							id: e.id,
-							class: "vue-ui-xy-annotation-label",
-							x: e._text.x,
-							y: e._text.y,
-							"font-size": e.config.label.fontSize,
-							fill: e.config.label.color,
-							"text-anchor": e.config.label.textAnchor
-						}, ft(e.config.label.text), 9, Dr)) : x("", !0)
-					]))), 128))])) : x("", !0),
-					B.value.chart.timeTag.show && (![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), S("g", Or, [(T(), S("foreignObject", {
-						x: ac(),
-						y: q.value?.bottom,
-						width: "200",
-						height: "40",
-						style: { overflow: "visible !important" }
-					}, [C("div", {
-						ref_key: "timeTagEl",
-						ref: tc,
-						class: "vue-ui-xy-time-tag",
-						style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${B.value.chart.timeTag.backgroundColor};color:${B.value.chart.timeTag.color};font-size:${B.value.chart.timeTag.fontSize}px`),
-						innerHTML: oc.value
-					}, null, 12, Ar)], 8, kr)), C("circle", {
-						cx: q.value?.left + q.value.width / Y.value * ((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)) + q.value.width / Y.value / 2,
-						cy: q.value?.bottom,
-						r: B.value.chart.timeTag.circleMarker.radius,
-						fill: B.value.chart.timeTag.circleMarker.color
-					}, null, 8, jr)])) : x("", !0)
-				])) : x("", !0),
-				Ma.value ? (T(), S("rect", it({ key: 2 }, Fa.value, {
-					"data-start": W.value.start,
-					"data-end": W.value.end
-				}), null, 16, Mr)) : x("", !0),
-				O(r.$slots, "svg", { svg: {
-					...da.value,
-					slicer: W.value,
-					isPrintingImg: k(Ia) || k(La) || $i.value,
-					isPrintingSvg: ea.value,
-					data: [
-						...$.value,
-						...Ns.value,
-						...Ps.value
-					],
-					drawingArea: q.value
-				} }, void 0, !0)
-			], 512)], 46, wt)), r.$slots.hint ? (T(), S("div", Nr, [O(r.$slots, "hint", st(rt({
-				hint: B.value.a11y.translations.keyboardNavigation,
-				isVisible: Cc.value
-			})), void 0, !0)])) : x("", !0)]),
-			r.$slots.watermark ? (T(), S("div", Pr, [O(r.$slots, "watermark", st(rt({ isPrinting: k(Ia) || k(La) || $i.value || ea.value })), void 0, !0)])) : x("", !0),
-			(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `tag_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_line_${t}_${r}` }, [[
-				I.value,
-				R.value,
-				Bi.value
-			].includes(r) && e.useTag && e.useTag === "end" && B.value.line.tag.followValue ? (T(), S("div", {
-				key: 0,
-				ref_for: !0,
-				ref: (e) => mo(t, r, e, "right", "line"),
-				class: "vue-ui-xy-tag",
-				"data-tag": "right",
-				style: w({
-					position: "fixed",
-					top: k(p)({
-						svgElement: L.value,
-						x: q.value?.right + B.value.line.tag.fontSize / 1.5,
-						y: n.y,
-						element: Yi.value[`${t}_${r}_right_line`],
-						position: "right"
-					})?.top + "px",
-					left: k(p)({
-						svgElement: L.value,
-						x: q.value?.right + B.value.line.tag.fontSize / 1.5,
-						y: n.y,
-						element: Yi.value[`${t}_${r}_right_line`],
-						position: "right"
-					})?.left + "px",
-					height: "fit-content",
-					width: "fit-content",
-					background: e.color,
-					color: k(Se)(e.color),
-					padding: "0 6px",
-					fontSize: B.value.line.tag.fontSize + "px",
-					opacity: 1
-				})
-			}, [(T(), S("svg", Fr, [C("path", {
-				d: "M 0,10 10,0 10,20 Z",
-				fill: e.color,
-				stroke: "none"
-			}, null, 8, Ir)])), C("div", {
-				class: "vue-ui-xy-tag-content",
-				innerHTML: k(pe)(B.value.line.tag.formatter, n.value, e.name, {
-					datapoint: n,
-					seriesIndex: r,
-					serieName: e.name
-				})
-			}, null, 8, Lr)], 4)) : x("", !0), [
-				I.value,
-				R.value,
-				Bi.value
-			].includes(r) && e.useTag && e.useTag === "start" && B.value.line.tag.followValue ? (T(), S("div", {
-				key: 1,
-				ref_for: !0,
-				ref: (e) => mo(t, r, e, "left", "line"),
-				class: "vue-ui-xy-tag",
-				"data-tag": "left",
-				style: w({
-					position: "fixed",
-					top: k(p)({
-						svgElement: L.value,
-						x: q.value?.left - B.value.line.tag.fontSize / 1.5,
-						y: n.y,
-						element: Yi.value[`${t}_${r}_left_line`],
-						position: "left"
-					})?.top + "px",
-					left: k(p)({
-						svgElement: L.value,
-						x: q.value?.left - B.value.line.tag.fontSize / 1.5,
-						y: n.y,
-						element: Yi.value[`${t}_${r}_left_line`],
-						position: "left"
-					})?.left + "px",
-					height: "fit-content",
-					width: "fit-content",
-					background: e.color,
-					color: k(Se)(e.color),
-					padding: "0 6px",
-					fontSize: B.value.line.tag.fontSize + "px",
-					opacity: 1
-				})
-			}, [(T(), S("svg", Rr, [C("path", {
-				d: "M 0,0 10,10 0,20 Z",
-				fill: e.color,
-				stroke: "none"
-			}, null, 8, zr)])), C("div", {
-				class: "vue-ui-xy-tag-content",
-				innerHTML: k(pe)(B.value.line.tag.formatter, n.value, e.name, {
-					datapoint: n,
-					seriesIndex: r,
-					serieName: e.name
-				})
-			}, null, 8, Br)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
-			(T(!0), S(y, null, D(Ps.value, (e, t) => (T(), S(y, { key: `tag_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_plot_${t}_${r}` }, [[
-				I.value,
-				R.value,
-				Bi.value
-			].includes(r) && e.useTag && e.useTag === "end" && B.value.plot.tag.followValue ? (T(), S("div", {
-				key: 0,
-				ref_for: !0,
-				ref: (e) => mo(t, r, e, "right", "plot"),
-				class: "vue-ui-xy-tag",
-				"data-tag": "right",
-				style: w({
-					position: "fixed",
-					top: k(p)({
-						svgElement: L.value,
-						x: q.value?.right + B.value.plot.tag.fontSize / 1.5,
-						y: n.y,
-						element: Yi.value[`${t}_${r}_right_plot`],
-						position: "right"
-					})?.top + "px",
-					left: k(p)({
-						svgElement: L.value,
-						x: q.value?.right + B.value.plot.tag.fontSize / 1.5,
-						y: n.y,
-						element: Yi.value[`${t}_${r}_right_plot`],
-						position: "right"
-					})?.left + "px",
-					height: "fit-content",
-					width: "fit-content",
-					background: e.color,
-					color: k(Se)(e.color),
-					padding: "0 6px",
-					fontSize: B.value.plot.tag.fontSize + "px",
-					opacity: 1
-				})
-			}, [(T(), S("svg", Vr, [C("path", {
-				d: "M 0,10 10,0 10,20 Z",
-				fill: e.color,
-				stroke: "none"
-			}, null, 8, Hr)])), C("div", {
-				class: "vue-ui-xy-tag-content",
-				innerHTML: k(pe)(B.value.plot.tag.formatter, n.value, e.name, {
-					datapoint: n,
-					seriesIndex: r,
-					serieName: e.name
-				})
-			}, null, 8, Ur)], 4)) : x("", !0), [
-				I.value,
-				R.value,
-				Bi.value
-			].includes(r) && e.useTag && e.useTag === "start" && B.value.plot.tag.followValue ? (T(), S("div", {
-				key: 1,
-				ref_for: !0,
-				ref: (e) => mo(t, r, e, "left", "plot"),
-				class: "vue-ui-xy-tag",
-				"data-tag": "left",
-				style: w({
-					position: "fixed",
-					top: k(p)({
-						svgElement: L.value,
-						x: q.value?.left - B.value.plot.tag.fontSize / 1.5,
-						y: n.y,
-						element: Yi.value[`${t}_${r}_left_plot`],
-						position: "left"
-					})?.top + "px",
-					left: k(p)({
-						svgElement: L.value,
-						x: q.value?.left - B.value.plot.tag.fontSize / 1.5,
-						y: n.y,
-						element: Yi.value[`${t}_${r}_left_plot`],
-						position: "left"
-					})?.left + "px",
-					height: "fit-content",
-					width: "fit-content",
-					background: e.color,
-					color: k(Se)(e.color),
-					padding: "0 6px",
-					fontSize: B.value.plot.tag.fontSize + "px",
-					opacity: 1
-				})
-			}, [(T(), S("svg", Wr, [C("path", {
-				d: "M 0,0 10,10 0,20 Z",
-				fill: e.color,
-				stroke: "none"
-			}, null, 8, Gr)])), C("div", {
-				class: "vue-ui-xy-tag-content",
-				innerHTML: k(pe)(B.value.plot.tag.formatter, n.value, e.name, {
-					datapoint: n,
-					seriesIndex: r,
-					serieName: e.name
-				})
-			}, null, 8, Kr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
-			B.value.chart.zoom.show && U.value > 6 && ba.value && jo.value ? (T(), Ze(Ke, {
-				key: 6,
-				ref_key: "chartSlicer",
-				ref: yi,
-				uuid: F.value,
-				allMinimaps: Ds.value,
-				background: B.value.chart.zoom.color,
-				borderColor: B.value.chart.backgroundColor,
-				customFormat: B.value.chart.zoom.customFormat,
-				cutNullValues: B.value.line.cutNullValues,
-				enableRangeHandles: B.value.chart.zoom.enableRangeHandles,
-				enableSelectionDrag: B.value.chart.zoom.enableSelectionDrag,
-				end: W.value.end,
-				focusOnDrag: B.value.chart.zoom.focusOnDrag,
-				focusRangeRatio: B.value.chart.zoom.focusRangeRatio,
-				fontSize: B.value.chart.zoom.fontSize,
-				useResetSlot: B.value.chart.zoom.useResetSlot,
-				immediate: !B.value.chart.zoom.preview.enable,
-				inputColor: B.value.chart.zoom.color,
-				isPreview: Ma.value,
-				labelLeft: J.value[0] ? J.value[0].text : "",
-				labelRight: J.value.at(-1) ? J.value.at(-1).text : "",
-				max: U.value,
-				min: 0,
-				minimap: Es.value,
-				minimapCompact: B.value.chart.zoom.minimap.compact,
-				minimapFrameColor: B.value.chart.zoom.minimap.frameColor,
-				minimapIndicatorColor: B.value.chart.zoom.minimap.indicatorColor,
-				minimapLineColor: B.value.chart.zoom.minimap.lineColor,
-				minimapMerged: B.value.chart.zoom.minimap.merged,
-				minimapSelectedColor: B.value.chart.zoom.minimap.selectedColor,
-				minimapSelectedColorOpacity: B.value.chart.zoom.minimap.selectedColorOpacity,
-				minimapSelectedIndex: R.value,
-				minimapSelectionRadius: B.value.chart.zoom.minimap.selectionRadius,
-				preciseLabels: Vs.value.length ? Vs.value : vo.value,
-				refreshEndPoint: B.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Aa(e.series).length)) : B.value.chart.zoom.endIndex + 1,
-				refreshStartPoint: B.value.chart.zoom.startIndex === null ? 0 : B.value.chart.zoom.startIndex,
-				selectColor: B.value.chart.zoom.highlightColor,
-				selectedSeries: Os.value,
-				smoothMinimap: B.value.chart.zoom.minimap.smooth,
-				start: W.value.start,
-				textColor: B.value.chart.color,
-				timeLabels: vo.value,
-				usePreciseLabels: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.zoom.useDefaultFormat,
-				valueEnd: W.value.end,
-				valueStart: W.value.start,
-				verticalHandles: B.value.chart.zoom.minimap.verticalHandles,
-				minScale: B.value.chart.grid.labels.yAxis.scaleMin,
-				maxScale: B.value.chart.grid.labels.yAxis.scaleMax,
-				maxWidth: B.value.chart.zoom.maxWidth,
-				additionalMinimapHeight: B.value.chart.zoom.minimap.additionalHeight,
-				handleType: B.value.chart.zoom.minimap.handleType,
-				handleIconColor: B.value.chart.zoom.minimap.handleIconColor,
-				handleBorderWidth: B.value.chart.zoom.minimap.handleBorderWidth,
-				handleBorderColor: B.value.chart.zoom.minimap.handleBorderColor,
-				handleFill: B.value.chart.zoom.minimap.handleFill,
-				handleWidth: B.value.chart.zoom.minimap.handleWidth,
-				isCursorPointer: xa.value,
-				onFutureEnd: i[1] ||= (e) => Na("end", e),
-				onFutureStart: i[2] ||= (e) => Na("start", e),
-				onReset: zo,
-				onTrapMouse: To,
-				"onUpdate:end": Ro,
-				"onUpdate:start": Lo
-			}, {
-				"reset-action": A(({ reset: e }) => [O(r.$slots, "reset-action", st(rt({ reset: e })), void 0, !0)]),
-				_: 3
-			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : x("", !0),
-			C("div", { id: `legend-bottom-${F.value}` }, null, 8, qr),
-			Zi.value && (B.value.chart.legend.show || r.$slots.legend) ? (T(), Ze(Xe, {
-				key: 7,
-				to: B.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
-			}, [C("div", {
-				ref_key: "chartLegend",
-				ref: bi
-			}, [O(r.$slots, "legend", { legend: Qa.value }, () => [B.value.chart.legend.show ? (T(), S("div", {
-				key: 0,
-				class: "vue-ui-xy-legend",
-				style: w({ fontSize: `var(--legend-font-size, ${B.value.chart.legend.fontSize ?? 14}px)` })
-			}, [B.value.chart.legend.selectAllToggle.show && Qa.value.length > 2 && !k(Ea) ? (T(), Ze(Je, {
-				key: 0,
-				backgroundColor: B.value.chart.legend.selectAllToggle.backgroundColor,
-				color: B.value.chart.legend.selectAllToggle.color,
-				fontSize: B.value.chart.legend.fontSize,
-				checked: P.value.length > 0,
-				onToggle: ss
-			}, null, 8, [
-				"backgroundColor",
-				"color",
-				"fontSize",
-				"checked"
-			])) : x("", !0), (T(!0), S(y, null, D(Qa.value, (e, t) => (T(), S("div", {
-				key: `div_legend_item_${t}`,
-				onClick: (t) => ls(e),
-				onKeydown: (t) => cs(t, e),
-				role: "button",
-				tabindex: "0",
-				class: ot({
-					"vue-ui-xy-legend-item-alone": Qa.value.length === 1,
-					"vue-ui-xy-legend-item": !0,
-					"vue-ui-xy-legend-item-segregated": P.value.includes(e.id)
-				}),
-				style: w({ cursor: xa.value ? "pointer" : "default" })
-			}, [Ii.value[e.type] === "line" ? (T(), S("svg", Yr, [C("rect", {
-				x: "0",
-				y: "7.5",
-				rx: "1.5",
-				stroke: B.value.chart.backgroundColor,
-				"stroke-width": .5,
-				height: "3",
-				width: "20",
-				fill: e.color
-			}, null, 8, Xr), et(We, {
-				plot: {
-					x: 10,
-					y: 9
-				},
-				radius: 4,
-				color: e.color,
-				shape: [
-					"triangle",
-					"square",
-					"diamond",
-					"pentagon",
-					"hexagon",
-					"star"
-				].includes(e.shape) ? e.shape : "circle",
-				stroke: B.value.chart.backgroundColor,
-				strokeWidth: .5
-			}, null, 8, [
-				"color",
-				"shape",
-				"stroke"
-			])])) : Ii.value[e.type] === "bar" ? (T(), S("svg", Zr, [Ii.value[e.type] === "bar" && r.$slots.pattern ? (T(), S("rect", {
-				key: 0,
-				x: "4",
-				y: "4",
-				rx: "1",
-				height: "32",
-				width: "32",
-				stroke: "none",
-				fill: e.color
-			}, null, 8, Qr)) : x("", !0), Ii.value[e.type] === "bar" ? (T(), S("rect", {
-				key: 1,
-				x: "4",
-				y: "4",
-				rx: "1",
-				height: "32",
-				width: "32",
-				stroke: "none",
-				fill: r.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
-			}, null, 8, $r)) : x("", !0)])) : (T(), S("svg", ei, [et(We, {
-				plot: {
-					x: 6,
-					y: 6
-				},
-				radius: 5,
-				color: e.color,
-				shape: [
-					"triangle",
-					"square",
-					"diamond",
-					"pentagon",
-					"hexagon",
-					"star"
-				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), C("span", { style: w(`color:${B.value.chart.legend.color}`) }, ft(e.name), 5)], 46, Jr))), 128))], 4)) : x("", !0)], !0)], 512)], 8, ["to"])) : x("", !0),
-			r.$slots.source ? (T(), S("div", {
-				key: 8,
-				ref_key: "source",
-				ref: xi,
-				dir: "auto"
-			}, [O(r.$slots, "source", {}, void 0, !0)], 512)) : x("", !0),
-			et(k(ii), {
-				teleportTo: B.value.chart.tooltip.teleportTo,
-				show: V.value.showTooltip && zi.value,
-				backgroundColor: B.value.chart.tooltip.backgroundColor,
-				color: B.value.chart.tooltip.color,
-				fontSize: B.value.chart.tooltip.fontSize,
-				borderRadius: B.value.chart.tooltip.borderRadius,
-				borderColor: B.value.chart.tooltip.borderColor,
-				borderWidth: B.value.chart.tooltip.borderWidth,
-				backgroundOpacity: B.value.chart.tooltip.backgroundOpacity,
-				position: B.value.chart.tooltip.position,
-				offsetX: B.value.chart.tooltip.offsetX,
-				offsetY: B.value.chart.tooltip.offsetY,
-				parent: r.$refs.chart,
-				content: Hs.value,
-				isFullscreen: Ri.value,
-				isCustom: B.value.chart.tooltip.customFormat && typeof B.value.chart.tooltip.customFormat == "function",
-				smooth: B.value.chart.tooltip.smooth,
-				backdropFilter: B.value.chart.tooltip.backdropFilter,
-				smoothForce: B.value.chart.tooltip.smoothForce,
-				smoothSnapThreshold: B.value.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: ta.value != null,
-				a11yPosition: na.value
-			}, {
-				"tooltip-before": A(() => [O(r.$slots, "tooltip-before", st(rt({ ...Ls.value })), void 0, !0)]),
-				tooltip: A(() => [O(r.$slots, "tooltip", st(rt({ ...Ls.value })), void 0, !0)]),
-				"tooltip-after": A(() => [O(r.$slots, "tooltip-after", st(rt({ ...Ls.value })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"teleportTo",
-				"show",
-				"backgroundColor",
-				"color",
-				"fontSize",
-				"borderRadius",
-				"borderColor",
-				"borderWidth",
-				"backgroundOpacity",
-				"position",
-				"offsetX",
-				"offsetY",
-				"parent",
-				"content",
-				"isFullscreen",
-				"isCustom",
-				"smooth",
-				"backdropFilter",
-				"smoothForce",
-				"smoothSnapThreshold",
-				"isA11yMode",
-				"a11yPosition"
-			]),
-			ba.value && B.value.chart.userOptions.buttons.table ? (T(), Ze(ut(pc.value.component), it({ key: 9 }, pc.value.props, {
-				ref_key: "tableUnit",
-				ref: Qi,
-				onClose: mc
-			}), Qe({
-				content: A(() => [C("div", { style: w(`${k(Ia) || B.value.table.useDialog ? "" : "max-height:400px"};${B.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${B.value.table.useDialog ? "" : "margin-top:48px"}`) }, [C("div", ti, [vt(C("input", {
-					type: "checkbox",
-					"onUpdate:modelValue": i[4] ||= (e) => Wi.value = e
-				}, null, 512), [[ht, Wi.value]]), C("div", {
-					onClick: i[5] ||= (e) => Wi.value = !Wi.value,
-					style: w({ cursor: xa.value ? "pointer" : "default" })
-				}, [et(k(oi), {
-					name: "chartLine",
-					size: 20,
-					stroke: B.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), Wi.value ? (T(), Ze(k(si), {
-					key: `sparkline_${Gi.value}`,
-					dataset: vs.value,
-					config: ys.value
-				}, null, 8, ["dataset", "config"])) : (T(), Ze(k(ri), {
-					key: `table_${Hi.value}`,
-					colNames: Ws.value.colNames,
-					head: Ws.value.head,
-					body: Ws.value.body,
-					config: Ws.value.config,
-					title: B.value.table.useDialog ? "" : pc.value.title,
-					withCloseButton: !B.value.table.useDialog,
-					onClose: mc
-				}, {
-					th: A(({ th: e }) => [C("div", { innerHTML: e }, null, 8, ni)]),
-					td: A(({ td: e }) => [$e(ft(isNaN(Number(e)) ? e : k(a)({
-						p: B.value.chart.labels.prefix,
-						v: e,
-						s: B.value.chart.labels.suffix,
-						r: B.value.table.rounding
-					})), 1)]),
-					_: 1
-				}, 8, [
-					"colNames",
-					"head",
-					"body",
-					"config",
-					"title",
-					"withCloseButton"
-				]))], 4)]),
-				_: 2
-			}, [B.value.table.useDialog ? {
-				name: "title",
-				fn: A(() => [$e(ft(pc.value.title), 1)]),
-				key: "0"
-			} : void 0, B.value.table.useDialog ? {
-				name: "actions",
-				fn: A(() => [C("button", {
-					tabindex: "0",
-					class: "vue-ui-user-options-button",
-					onClick: i[3] ||= (e) => Gs(B.value.chart.userOptions.callbacks.csv)
-				}, [et(k(oi), {
-					name: "fileCsv",
-					stroke: pc.value.props.color
-				}, null, 8, ["stroke"])])]),
-				key: "1"
-			} : void 0]), 1040)) : x("", !0),
-			O(r.$slots, "skeleton", {}, () => [k(Ea) ? (T(), Ze(Fe, { key: 0 })) : x("", !0)], !0)
-		], 46, bt));
-	}
-}, [["__scopeId", "data-v-212559a8"]]);
-//#endregion
-export { yt as n, j as t };