vue-data-ui 3.20.3 → 3.20.4

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

@@ -0,0 +1,4578 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { B as t, Bt as n, Ct as r, D as i, Et as a, F as o, G as s, H as c, I as l, J as u, L as ee, Lt as d, M as te, Mt as f, Nt as p, O as ne, P as re, R as ie, Rt as ae, S as oe, T as se, X as ce, a as le, c as ue, dt as m, et as h, g as de, h as fe, ht as g, i as _, j as pe, jt as me, k as he, kt as ge, l as _e, mt as ve, n as ye, nt as be, pt as xe, r as Se, s as Ce, v, vt as we, w as Te, x as Ee, y as De, z as Oe, zt as ke } from "./lib-DUeYQsS0.js";
+import { n as Ae, r as je, t as Me } from "./useTimeLabels-BmBRv27Y.js";
+import { t as Ne } from "./useConfig-DAyQk86L.js";
+import { t as Pe } from "./usePrinter-C1Gqt_Sp.js";
+import { n as Fe, t as Ie } from "./BaseScanner-Dr2a1Msy.js";
+import { t as Le } from "./useSvgExport-SVIsDot8.js";
+import { t as Re } from "./useNestedProp-CNcoy38D.js";
+import { t as ze } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Be } from "./useStableElementSize-C7KADDKj.js";
+import { t as Ve } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as He } from "./img-1cKsci8e.js";
+import { n as Ue } from "./Title-NWp4qB4K.js";
+import { t as We } from "./vue_ui_xy-BLUkWEAm.js";
+import { t as Ge } from "./Shape-BPCJfphn.js";
+import { t as Ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as qe } from "./SlicerPreview-DdihbUSJ.js";
+import { t as Je } from "./vue-ui-accordion-Dw4MHKVB.js";
+import { t as Ye } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as Xe } from "./A11yDataTable-BCbtxMU6.js";
+import { Fragment as y, Teleport as Ze, computed as b, createBlock as Qe, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as $e, createTextVNode as et, createVNode as tt, defineAsyncComponent as nt, getCurrentInstance as rt, guardReactiveProps as it, mergeProps as at, nextTick as ot, normalizeClass as st, normalizeProps as ct, normalizeStyle as w, onBeforeUnmount as lt, onMounted as ut, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as dt, shallowRef as ft, toDisplayString as pt, toRefs as mt, unref as k, useSlots as ht, vModelCheckbox as gt, watch as _t, watchEffect as vt, withCtx as A, withDirectives as yt } from "vue";
+//#region src/components/vue-ui-xy.vue
+var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct = ["id"], wt = { style: { position: "relative" } }, Tt = [
+	"viewBox",
+	"aria-label",
+	"aria-describedby"
+], Et = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Dt = { key: 1 }, Ot = { class: "vue-ui-xy-grid" }, kt = [
+	"stroke",
+	"x1",
+	"x2",
+	"y1",
+	"y2"
+], At = [
+	"stroke",
+	"x1",
+	"x2",
+	"y1",
+	"y2"
+], jt = { key: 1 }, Mt = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], Nt = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], Pt = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], Ft = { key: 3 }, It = ["d", "stroke"], Lt = { key: 4 }, Rt = ["d", "stroke"], zt = ["id"], Bt = ["stop-color"], Vt = ["stop-color"], Ht = ["stop-color"], Ut = ["id"], Wt = ["stop-color"], Gt = ["stop-color"], Kt = ["stop-color"], qt = ["id"], Jt = ["stop-color"], Yt = ["stop-color"], Xt = ["id"], Zt = ["stop-color"], Qt = ["stop-color"], $t = ["id"], en = ["stop-color"], tn = ["stop-color"], nn = { key: 0 }, rn = ["id"], an = ["stop-color", "offset"], on = [
+	"x",
+	"y",
+	"height",
+	"width",
+	"fill"
+], sn = [
+	"x",
+	"y",
+	"width"
+], cn = { key: 0 }, ln = [
+	"x",
+	"y",
+	"height",
+	"width",
+	"fill"
+], un = [
+	"x",
+	"y",
+	"height",
+	"width",
+	"rx",
+	"fill",
+	"stroke",
+	"stroke-width"
+], dn = [
+	"x",
+	"y",
+	"height",
+	"width",
+	"rx",
+	"fill",
+	"stroke",
+	"stroke-width"
+], fn = [
+	"width",
+	"x",
+	"y"
+], pn = [
+	"stroke",
+	"x1",
+	"x2",
+	"y1",
+	"y2"
+], mn = { key: 3 }, hn = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], gn = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"stroke",
+	"stroke-width",
+	"stroke-linecap",
+	"stroke-linejoin",
+	"stroke-dasharray"
+], _n = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"stroke-width"
+], vn = [
+	"fill",
+	"font-size",
+	"transform"
+], yn = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], bn = [
+	"transform",
+	"text-anchor",
+	"font-size",
+	"fill"
+], xn = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], Sn = [
+	"transform",
+	"font-size",
+	"text-anchor",
+	"fill"
+], Cn = [
+	"width",
+	"x",
+	"y"
+], wn = { style: { width: "100%" } }, Tn = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], En = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], Dn = { key: 6 }, On = { key: 7 }, kn = [
+	"d",
+	"fill",
+	"fill-opacity"
+], An = { key: 0 }, jn = ["d", "fill"], Mn = ["d", "fill"], Nn = ["d", "fill"], Pn = ["d", "fill"], Fn = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], In = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], Ln = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], Rn = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], zn = [
+	"width",
+	"x",
+	"y"
+], Bn = { style: { width: "100%" } }, Vn = { key: 8 }, Hn = [
+	"text-anchor",
+	"font-size",
+	"transform",
+	"fill",
+	"stroke",
+	"innerHTML"
+], Un = [
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"font-weight"
+], Wn = { key: 9 }, Gn = [
+	"transform",
+	"text-anchor",
+	"font-size",
+	"fill",
+	"stroke",
+	"innerHTML"
+], Kn = { key: 10 }, qn = ["x", "y"], Jn = ["innerHTML"], Yn = ["x", "y"], Xn = ["innerHTML"], Zn = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], Qn = { key: 11 }, $n = [
+	"transform",
+	"text-anchor",
+	"font-size",
+	"fill",
+	"stroke",
+	"innerHTML"
+], er = { key: 12 }, tr = ["x", "y"], nr = ["innerHTML"], rr = ["x", "y"], ir = ["innerHTML"], ar = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], or = [
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"innerHTML"
+], sr = [
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"innerHTML"
+], cr = [
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"innerHTML"
+], lr = [
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"innerHTML"
+], ur = { key: 0 }, dr = ["id"], fr = ["fill", "stroke"], pr = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"marker-end"
+], mr = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"marker-end"
+], hr = [
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"stroke"
+], gr = [
+	"id",
+	"x1",
+	"x2"
+], _r = ["stop-color"], vr = ["stop-color"], yr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"fill",
+	"onMouseenter"
+], br = [
+	"font-size",
+	"fill",
+	"transform"
+], xr = [
+	"x",
+	"y",
+	"font-size",
+	"fill"
+], Sr = [
+	"text-anchor",
+	"font-size",
+	"fill",
+	"transform",
+	"onClick"
+], Cr = [
+	"text-anchor",
+	"font-size",
+	"fill",
+	"transform",
+	"innerHTML",
+	"onClick"
+], wr = { key: 15 }, Tr = [
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], Er = [
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], Dr = [
+	"y",
+	"x",
+	"width",
+	"height",
+	"fill"
+], Or = [
+	"id",
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"text-anchor"
+], kr = {
+	key: 16,
+	style: { "pointer-events": "none" }
+}, Ar = ["x", "y"], jr = ["innerHTML"], Mr = [
+	"cx",
+	"cy",
+	"r",
+	"fill"
+], Nr = ["data-start", "data-end"], Pr = {
+	key: 0,
+	style: {
+		position: "absolute",
+		top: "100%",
+		left: "0",
+		width: "100%"
+	},
+	"data-dom-to-png-ignore": "",
+	"aria-hidden": "true"
+}, Fr = {
+	key: 5,
+	class: "vue-data-ui-watermark"
+}, Ir = {
+	class: "vue-ui-xy-tag-arrow",
+	height: "20",
+	viewBox: "0 0 10 20",
+	style: {
+		position: "absolute",
+		right: "100%",
+		top: "50%",
+		transform: "translateY(-50%)"
+	}
+}, Lr = ["fill"], Rr = ["innerHTML"], zr = {
+	class: "vue-ui-xy-tag-arrow",
+	height: "100%",
+	viewBox: "0 0 10 20",
+	style: {
+		position: "absolute",
+		left: "100%",
+		top: "50%",
+		transform: "translateY(-50%)"
+	}
+}, Br = ["fill"], Vr = ["innerHTML"], Hr = {
+	class: "vue-ui-xy-tag-arrow",
+	height: "20",
+	viewBox: "0 0 10 20",
+	style: {
+		position: "absolute",
+		right: "100%",
+		top: "50%",
+		transform: "translateY(-50%)"
+	}
+}, Ur = ["fill"], Wr = ["innerHTML"], Gr = {
+	class: "vue-ui-xy-tag-arrow",
+	height: "100%",
+	viewBox: "0 0 10 20",
+	style: {
+		position: "absolute",
+		left: "100%",
+		top: "50%",
+		transform: "translateY(-50%)"
+	}
+}, Kr = ["fill"], qr = ["innerHTML"], Jr = ["id"], Yr = ["onClick", "onKeydown"], Xr = {
+	key: 0,
+	viewBox: "0 0 20 12",
+	height: "1em",
+	width: "1.43em",
+	"aria-hidden": "true"
+}, Zr = ["stroke", "fill"], Qr = {
+	key: 1,
+	viewBox: "0 0 40 40",
+	height: "1em",
+	width: "1em",
+	"aria-hidden": "true"
+}, $r = ["fill"], ei = ["fill"], ti = {
+	key: 2,
+	viewBox: "0 0 12 12",
+	height: "1em",
+	width: "1em",
+	"aria-hidden": "true"
+}, ni = {
+	style: {
+		display: "flex",
+		"flex-direction": "row",
+		gap: "6px",
+		"align-items": "center",
+		"padding-left": "6px"
+	},
+	"data-dom-to-png-ignore": ""
+}, ri = ["innerHTML"], j = /* @__PURE__ */ Ke({
+	__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: Ke, emit: bt }) {
+		let j = e, ii = nt(() => import("./DataTable-B--IN22e.js")), ai = nt(() => import("./Tooltip-BENq327o.js")), oi = nt(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), si = nt(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), ci = nt(() => import("./vue-ui-table-sparkline-DQduGRPm.js").then((e) => e.n)), li = nt(() => import("./PackageVersion-BYcZLGDG.js").then((e) => e.t)), ui = nt(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), di = nt(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), fi = bt, pi = ht(), mi = rt(), { vue_ui_xy: hi } = Ne(), { isThemeValid: gi, warnInvalidTheme: _i } = ze(), 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(null), Mi = E(0), M = E(null), Ni = E(!0), Pi = E(600), N = E(1e3), Fi = E("0 0 1000 600"), Ii = E({
+			x: 0,
+			y: 0
+		}), Li = E({
+			line: "line",
+			bar: "bar",
+			plot: "plot"
+		}), Ri = E(!1), zi = E(!1), Bi = E(!1), Vi = E(null), P = E([]), F = E(c()), Hi = E(0), Ui = E(0), Wi = E(0), Gi = E(!0), Ki = E(0), I = E(null), qi = E(!1), Ji = E(!0), Yi = E(!0), L = E(null), Xi = E({}), Zi = E(null), Qi = E(!1), $i = E(null), ea = E(!1), ta = E(!1), na = E(null), R = E(null), ra = E(null), ia = E({
+			x: 0,
+			y: 0
+		}), aa = ft(null), oa = E(!1), sa = E(0), ca = E(0), la = Be({
+			elementRef: aa,
+			minimumWidth: 2,
+			minimumHeight: 2,
+			stableFramesRequired: 2,
+			once: !1,
+			onSizeAccepted: () => {
+				fa();
+			}
+		});
+		function ua() {
+			aa.value = vi.value?.parentNode ?? null;
+		}
+		function da() {
+			return new Promise((e) => {
+				requestAnimationFrame(() => {
+					requestAnimationFrame(e);
+				});
+			});
+		}
+		async function fa() {
+			let e = ++ca.value;
+			oa.value = !1, await ot(), await da(), await da(), e === ca.value && (sa.value += 1, oa.value = !0);
+		}
+		let pa = b(() => ({
+			height: Pi.value,
+			width: N.value
+		}));
+		function ma(e) {
+			return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
+		}
+		function ha(e, t, n = 0) {
+			return Number.isFinite(e) && Number.isFinite(t) && Math.abs(t) > 1e-9 ? e / t : n;
+		}
+		let ga = E(!1), _a = E(null), va = E(null), z = E({
+			xAxis: 18,
+			yAxis: 12,
+			dataLabels: 20,
+			plotLabels: 10
+		}), ya = E({
+			plot: 3,
+			line: 3
+		});
+		ut(() => {
+			Qi.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: Ta.value
+				});
+			}), ua(), la.start(), fa();
+		});
+		function ba() {
+			if (!Object.keys(j.config || {}).length) return hi;
+			let e = Re({
+				userConfig: j.config,
+				defaultConfig: hi
+			});
+			j.config && m(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 && m(j.config, "chart.annotations") && Array.isArray(j.config.chart.annotations) && j.config.chart.annotations.length ? e.chart.annotations = j.config.chart.annotations.map((e) => Re({
+				defaultConfig: hi.chart.annotations[0],
+				userConfig: e
+			})) : e.chart.annotations = [], j.config && m(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", m(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 && m(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea.map((e) => xa({
+				defaultConfig: hi.chart.highlightArea,
+				userConfig: e
+			})) : e.chart.highlightArea = xa({
+				defaultConfig: hi.chart.highlightArea,
+				userConfig: j.config.chart.highlightArea
+			}));
+			let t = e.theme;
+			if (!t) return e;
+			if (!gi.value(e)) return _i(e), e;
+			let n = Re({
+				userConfig: We[t] || j.config,
+				defaultConfig: e
+			}), r = Re({
+				userConfig: j.config,
+				defaultConfig: n
+			});
+			return {
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : ae[t] || a
+			};
+		}
+		function xa({ defaultConfig: e, userConfig: t }) {
+			return Re({
+				defaultConfig: e,
+				userConfig: t
+			});
+		}
+		let Sa = b({
+			get() {
+				return !!j.dataset && j.dataset.length;
+			},
+			set(e) {
+				return e;
+			}
+		}), B = E(ba()), Ca = b(() => B.value.chart.userOptions.useCursorPointer), V = E({
+			dataLabels: { show: !0 },
+			showTooltip: !0,
+			showTable: !1,
+			isStacked: !1,
+			useIndividualScale: !1
+		});
+		function wa() {
+			let e = B.value.chart.grid.labels.yAxis.stacked, t = B.value.chart.grid.labels.yAxis.useIndividualScale;
+			if (!ga.value) {
+				V.value = {
+					dataLabels: { show: !0 },
+					showTooltip: B.value.chart.tooltip.show === !0,
+					showTable: B.value.showTable === !0,
+					isStacked: e,
+					useIndividualScale: t
+				}, _a.value = e, va.value = t, ga.value = !0;
+				return;
+			}
+			V.value.showTooltip = B.value.chart.tooltip.show === !0, e !== _a.value && (V.value.isStacked = e, _a.value = e), t !== va.value && (V.value.useIndividualScale = t, va.value = t), V.value.isStacked && (V.value.useIndividualScale = !0);
+		}
+		let Ta = b(() => !!B.value.debug), Ea = b(() => n({
+			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 ?? {}
+		})), Da = 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: Oa, FINAL_DATASET: H, manualLoading: ka } = Fe({
+			...mt(j),
+			FINAL_CONFIG: B,
+			prepareConfig: ba,
+			callback: () => {
+				Promise.resolve().then(async () => {
+					(!B.value.chart.zoom.keepState || !zo.value || W.value.start === 0 && W.value.end === 0) && await Uo(), V.value.showTable = B.value.showTable;
+				});
+			},
+			skeletonDataset: Da.value,
+			skeletonConfig: n({
+				defaultConfig: B.value,
+				userConfig: Ea.value
+			})
+		});
+		function Aa(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 ja = Aa((e, t) => we({
+			data: e,
+			threshold: t
+		})), Ma = (e) => ja(e, B.value.downsample.threshold), U = b({
+			get: () => Math.max(...H.value.map((e) => Ma(e.series).length)),
+			set: (e) => e
+		}), W = E({
+			start: 0,
+			end: U.value
+		}), G = E({
+			start: 0,
+			end: U.value
+		}), Na = b(() => B.value.chart.zoom.preview.enable && (G.value.start !== W.value.start || G.value.end !== W.value.end));
+		function Pa(e, t) {
+			G.value[e] = t;
+		}
+		function Fa() {
+			if (q.value) {
+				let e = fc.value.min, t = fc.value.max, n = Number(W.value.start), r = Number(W.value.end);
+				Number.isFinite(n) || (n = e), Number.isFinite(r) || (r = t), n = Math.max(e, Math.min(n, t)), r = Math.max(n, Math.min(r, t)), r <= n && (n = e, r = t), W.value = {
+					start: n,
+					end: r
+				}, G.value.start = n, G.value.end = r, bi.value && (bi.value.setStartValue(n), bi.value.setEndValue(r));
+				return;
+			}
+			let e = Math.max(1, ...H.value.map((e) => Ma(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
+			}, G.value.start = t, G.value.end = n, bi.value && (bi.value.setStartValue(t), bi.value.setEndValue(n));
+		}
+		let Ia = b(() => {
+			let { left: e, top: t, width: n, height: r } = Y.value, i = W.value.start, a = W.value.end - i, o = n / a, s = G.value.start - i, c = G.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"
+				}
+			};
+		});
+		_t(() => 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: La, isImaging: Ra, generatePdf: za, generateImage: Ba } = Pe({
+			elementId: `vue-ui-xy_${F.value}`,
+			fileName: B.value.chart.title.text || "vue-ui-xy",
+			options: B.value.chart.userOptions.print
+		}), Va = E(!1), Ha = b(() => Ee(B.value.customPalette)), Ua = 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;
+		}), Wa = b(() => Ua.value === null ? rs.value : Y.value.bottom), Ga = 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;
+		}), Ka = b(() => Ua.value !== null || Ga.value !== null), qa = b(() => {
+			let e = to.value.filter((e) => !P.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).map(eo).filter(Number.isFinite);
+			return e.length ? {
+				min: Math.min(...e),
+				max: Math.max(...e)
+			} : {
+				min: 0,
+				max: 1
+			};
+		});
+		function Ja(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 Ya = b(() => {
+			let { min: e, max: t } = qa.value;
+			if (!Ka.value) {
+				let t = e;
+				return t > 0 ? 0 : t;
+			}
+			let n = Ua.value === null ? e > 0 ? 0 : e : Ua.value, r = Ga.value === null ? t : Ga.value;
+			return Ja(e < n ? e : n, t > r ? t : r).min;
+		}), Xa = b(() => {
+			let { min: e, max: t } = qa.value;
+			if (!Ka.value) {
+				let e = t;
+				return Ya.value === e ? e + 1 : e;
+			}
+			let n = Ua.value === null ? e > 0 ? 0 : e : Ua.value, r = Ga.value === null ? t : Ga.value;
+			return Ja(e < n ? e : n, t > r ? t : r).max;
+		}), K = b(() => B.value.chart.grid.labels.yAxis.useNiceScale ? fe(Ya.value, Xa.value < 0 ? 0 : Xa.value, B.value.chart.grid.labels.yAxis.commonScaleSteps) : de(Ya.value, Xa.value < 0 ? 0 : Xa.value, B.value.chart.grid.labels.yAxis.commonScaleSteps)), Za = b(() => [null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) ? K.value.min >= 0 ? 0 : Math.abs(K.value.min) : -K.value.min);
+		function Qa(e) {
+			return e && typeof e == "object" && Number.isFinite(Number(e.x)) && Number.isFinite(Number(e.y));
+		}
+		let q = b(() => H.value.some((e) => Array.isArray(e.series) && e.series.some(Qa)));
+		ut(() => {
+			q.value && j.dataset.some((e) => e.type === "bar") && console.warn("Vue Data UI - VueUiXy: series of type 'bar' are not supported in continuous mode.\n\nContinuous mode requires 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard\n[number, number, number...]");
+		});
+		function $a(e, t) {
+			return e && typeof e == "object" && e.x === null && e.y === null ? {
+				x: null,
+				y: null,
+				index: t,
+				raw: e,
+				isNull: !0
+			} : {
+				x: Number(e.x),
+				y: ve(e.y) ? Number(e.y) : null,
+				index: t,
+				raw: e,
+				isNull: !1
+			};
+		}
+		function eo(e) {
+			return q.value ? e.y : e;
+		}
+		let to = b(() => !Ni.value && !q.value ? H.value : H.value.map((e, t) => {
+			let n = q.value ? e.series : Ma(e.series), r = `uniqueId_${t}`;
+			return {
+				...e,
+				slotAbsoluteIndex: t,
+				series: q.value ? n.map((e, t) => $a(e, t)).filter((e) => e.x >= W.value.start && e.x <= W.value.end) : n.map((e) => ve(e) ? e : null).slice(W.value.start, W.value.end),
+				color: De(e.color ? e.color : Ha.value[t] ? Ha.value[t] : a[t]),
+				id: r,
+				scaleLabel: e.scaleLabel || r
+			};
+		})), no = b(() => to.value.map((e, t) => ({
+			absoluteIndex: t,
+			...e,
+			series: q.value ? e.series.map((e) => ({
+				...e,
+				y: e.y === null ? null : e.y + Za.value
+			})) : e.series.map((e) => e + Za.value),
+			absoluteValues: q.value ? e.series.map((e) => e.y) : e.series,
+			segregate: () => ks(e),
+			isSegregated: P.value.includes(e.id)
+		}))), ro = b(() => to.value.map((e) => ({
+			...e,
+			series: q.value ? e.series.map((e) => ({
+				...e,
+				y: e.y === null ? null : e.y + Za.value
+			})) : e.series.map((e) => e + Za.value),
+			absoluteValues: q.value ? e.series.map((e) => e.y) : e.series
+		})).filter((e) => !P.value.includes(e.id))), io = b(() => P.value.length === no.value.length), J = b(() => B.value.chart.grid.labels.yAxis.position === "right");
+		function ao() {
+			let e = 0;
+			Oi.value && (e = Array.from(Oi.value.querySelectorAll("text")).reduce((e, t) => {
+				let n = t.getComputedTextLength();
+				return n > e ? n : e;
+			}, 0));
+			let t = Ei.value ? Ei.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: J.value ? 0 : n + t,
+				right: J.value ? n + t : 0,
+				scaleLabelsOffset: n,
+				yAxisLabelWidth: t
+			};
+		}
+		function oo(e) {
+			let t = ro.value.filter((e) => ["line", "plot"].includes(e.type)).flatMap((t) => t.series.map((n, r) => {
+				let i = dc(n);
+				return {
+					datapoint: t,
+					point: n,
+					index: r,
+					x: i,
+					y: n.y,
+					distance: Math.abs(i - e)
+				};
+			})).filter((e) => g(e.point?.x) && g(e.point?.y)).reduce((e, t) => !e || t.distance < e.distance ? t : e, null);
+			if (!t) {
+				ms.value = [], hs.value = null, na.value = null;
+				return;
+			}
+			let n = Number(t.point.x);
+			ms.value = ro.value.filter((e) => ["line", "plot"].includes(e.type)).map((e) => {
+				let t = e.series.findIndex((e) => Number(e.x) === n && g(e.y));
+				if (t === -1) return null;
+				let r = e.series[t];
+				return {
+					datapoint: e,
+					point: r,
+					index: t,
+					x: dc(r),
+					y: r.y,
+					distance: 0
+				};
+			}).filter(Boolean), hs.value = dc({ x: n }), na.value = n;
+		}
+		function so(e) {
+			if (!Number.isFinite(Number(e))) {
+				ms.value = [], hs.value = null;
+				return;
+			}
+			let t = dc({ x: Number(e) });
+			oo(t), hs.value = t;
+		}
+		let co = E(0), lo = E(0);
+		function uo() {
+			let e = Di.value;
+			if (!e) {
+				co.value = 0, lo.value = 0;
+				return;
+			}
+			try {
+				let t = e.getBBox();
+				co.value = t?.height ?? 0, lo.value = t?.x ?? 0;
+			} catch {
+				co.value = 0, lo.value = 0;
+			}
+		}
+		let fo = b(() => {
+			let e = 0;
+			if (Ti.value) try {
+				e = Ti.value.getBBox().height || 0;
+			} catch {
+				e = 0;
+			}
+			return e + co.value + z.value.xAxis;
+		}), po = b(() => H.value.some((e) => e.useProgression));
+		function mo() {
+			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 Y = b(() => {
+			sa.value;
+			let e = 0, t = 0, n = 0, r = 0;
+			if (B.value.chart.grid.labels.show) if (V.value.useIndividualScale && !V.value.isStacked) J.value ? t = (H.value.length - P.value.length) * mo() : 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;
+				J.value ? t = n : e = n;
+			} else {
+				let i = ao();
+				e = i.left, t = i.right, n = i.scaleLabelsOffset, r = i.yAxisLabelWidth;
+			}
+			let i = B.value.chart.labels.fontSize * 1.1, a = po.value ? 24 : 6;
+			Di.value && lo.value < 0 && (e += Math.abs(lo.value));
+			let o = N.value - e - t - a - B.value.chart.padding?.left - B.value.chart.padding?.right;
+			return {
+				top: B.value.chart.padding?.top + i,
+				right: e + (J.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left + o,
+				bottom: Pi.value - fo.value - B.value.chart.padding?.bottom - B.value.chart.grid.labels.axis.xLabelOffsetY,
+				left: e + (J.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left,
+				height: Pi.value - fo.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
+			};
+		}), ho = b(() => {
+			let e = +(B.value.chart.grid.position === "middle"), t = Z.value + e, n = h(Y.value?.top), r = h(Y.value?.bottom);
+			return q.value ? B.value.chart.grid.position === "middle" ? lc.value.map((e, t, i) => {
+				if (t === 0) return null;
+				let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
+				return `M${o},${n} L${o},${r}`;
+			}).filter(Boolean).join(" ") : lc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
+				let i = B.value.chart.grid.position === "middle" ? Us(t) : Hs(t);
+				return `M${i},${n} L${i},${r}`;
+			}).join(" ");
+		}), go = b(() => {
+			if (!B.value.chart.grid.labels.xAxis.showCrosshairs) return "";
+			let e = B.value.chart.grid.labels.xAxis.crosshairSize, t = B.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
+			return (q.value ? lc.value : Oo.value).map((n, r) => {
+				if (!n || !n.text) return null;
+				let i = q.value ? n.x : Hs(r);
+				return `M${i},${t ? rs.value - (rs.value === Y.value?.bottom ? 0 : e / 2) : Y.value?.bottom} L${i},${t ? rs.value + e / (rs.value === Y.value?.bottom ? 1 : 2) : Y.value?.bottom + e}`;
+			}).filter(Boolean).join(" ");
+		});
+		function _o() {
+			return !!mi?.vnode.props?.onSelectTimeLabel;
+		}
+		function vo(e, t, n) {
+			return Zi.value ||= document.createElement("canvas").getContext("2d"), Zi.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, Zi.value;
+		}
+		function yo() {
+			let e = vi.value.querySelectorAll(".vue-ui-xy-tag");
+			e.length && Array.from(e).forEach((e) => e.style.opacity = "0");
+		}
+		function bo(e, t, n, r, i) {
+			n && (Xi.value[`${e}_${t}_${r}_${i}`] = n);
+		}
+		let xo = E(!1);
+		async function So(e = !1) {
+			await ot(), xo.value = e, qi.value && (Yi.value = e);
+		}
+		function Co() {
+			Ri.value = !Ri.value;
+		}
+		let X = E([]), wo = E([]), To = 0;
+		vt(() => {
+			let e = ++To;
+			(async () => {
+				let t = Math.max(...H.value.map((e) => we({
+					data: e.series,
+					threshold: B.value.downsample.threshold
+				}).length)), n = await Me({
+					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 === To && (X.value = n);
+			})();
+		});
+		let Eo = 0;
+		vt(() => {
+			let e = ++Eo;
+			(async () => {
+				let t = Math.max(...H.value.map((e) => we({
+					data: e.series,
+					threshold: B.value.downsample.threshold
+				}).length)), n = await Me({
+					values: B.value.chart.grid.labels.xAxisLabels.values,
+					maxDatapoints: t,
+					formatter: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
+					start: 0,
+					end: U.value
+				});
+				e === Eo && (wo.value = n);
+			})();
+		});
+		let Do = b(() => {
+			let e = B.value.chart.grid.labels.xAxisLabels.modulo;
+			return X.value.length ? Math.min(e, [...new Set(X.value.map((e) => e.text))].length) : e;
+		}), Oo = b(() => {
+			let e = B.value.chart.grid.labels.xAxisLabels, t = X.value || [], n = wo.value || [], r = W.value.start ?? 0, i = R.value, a = Z.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
+			return Ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Do.value || 1), o, s, r, i, a);
+		}), ko = b(() => (Oo.value || []).map((e) => e?.text ?? "").join("|"));
+		ut(() => {
+			requestAnimationFrame(() => {
+				uo();
+			}), _t([
+				() => ko.value,
+				() => B.value.chart.grid.labels.xAxisLabels.rotation,
+				() => z.value.xAxis,
+				() => N.value,
+				() => Pi.value
+			], async () => {
+				await ot(), requestAnimationFrame(() => {
+					uo();
+				});
+			}, { flush: "post" });
+		}), lt(() => {
+			co.value = 0, lo.value = 0, la.stop();
+		});
+		function Ao(e, t) {
+			fi("selectTimeLabel", {
+				datapoint: ro.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 Z = b(() => {
+			let e = ma((W.value.end ?? 0) - (W.value.start ?? 0));
+			return Math.max(1, e);
+		});
+		function jo(e) {
+			q.value || (I.value = e);
+		}
+		function Mo(e) {
+			if (!q.value || !g(e)) {
+				na.value = null, ms.value = [], hs.value = null;
+				return;
+			}
+			na.value = Number(e), so(Number(e));
+		}
+		let No = b(() => q.value ? g(na.value) || g(hs.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		function Po() {
+			V.value.isStacked = !V.value.isStacked, V.value.isStacked ? V.value.useIndividualScale = !0 : V.value.useIndividualScale = B.value.chart.grid.labels.yAxis.useIndividualScale;
+		}
+		function Fo(e) {
+			Ta.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 Io(e, t) {
+			let n = ma(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 Lo(e) {
+			let t = Math.max(...H.value.map((e) => Ma(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 Ro = E(!1), zo = E(!1), Bo = E(0), Vo = E(0);
+		function Ho(e, t) {
+			let n = Number(e), r = Number(t);
+			return !Number.isFinite(n) || !Number.isFinite(r) ? !1 : !Object.is(n, r);
+		}
+		function Uo() {
+			if (!Ro.value) {
+				Ro.value = !0;
+				try {
+					if (q.value) {
+						let e = fc.value.min, t = fc.value.max;
+						Bo.value = e, Vo.value = t, W.value.start = e, W.value.end = t, G.value.start = e, G.value.end = t, zo.value = !0, bi.value && (bi.value.setStartValue(e), bi.value.setEndValue(t));
+						return;
+					}
+					let { startIndex: e, endIndex: t } = B.value.chart.zoom, n = B.value.chart.zoom.keepState ? Math.max(0, ...H.value.map((e) => Ma(e.series).length)) : Math.max(...H.value.map((e) => Ma(e.series).length));
+					if (B.value.chart.zoom.keepState && n <= 0) return;
+					Bo.value = 0, Vo.value = n;
+					let r = e ?? 0, i = t == null ? n : Math.min(Lo(t + 1), n);
+					Wo.value = !0, W.value.start = r, W.value.end = i, G.value.start = r, G.value.end = i, Fa(), zo.value = !0;
+				} finally {
+					queueMicrotask(() => {
+						Wo.value = !1;
+					}), Ro.value = !1;
+				}
+			}
+		}
+		let Wo = E(!1);
+		function Go(e) {
+			if (Ro.value || Wo.value) return;
+			let t = Number(e);
+			fi("zoomStart", {
+				index: t,
+				isZoom: Ho(t, Bo.value)
+			}), Number.isFinite(t) && t !== W.value.start && (W.value.start = t, G.value.start = t, Fa());
+		}
+		function Ko(e) {
+			if (Ro.value || Wo.value) return;
+			if (q.value) {
+				let t = Number(e);
+				if (!Number.isFinite(t)) return;
+				let n = Math.max(Number(W.value.start) + 1 / 10 ** B.value.chart.grid.labels.xAxis.rounding, Math.min(t, fc.value.max));
+				if (fi("zoomEnd", {
+					index: n,
+					isZoom: Ho(n, Vo.value)
+				}), n === W.value.end) return;
+				W.value.end = n, G.value.end = n, Fa();
+				return;
+			}
+			let t = Lo(e);
+			fi("zoomEnd", {
+				index: t,
+				isZoom: Ho(t, Vo.value)
+			}), t !== W.value.end && (W.value.end = t, G.value.end = t, Fa());
+		}
+		async function qo() {
+			await Uo(), fi("zoomReset");
+		}
+		function Jo(e) {
+			return ![
+				null,
+				void 0,
+				NaN,
+				Infinity,
+				-Infinity
+			].includes(e);
+		}
+		let Yo = b(() => K.value.max + Za.value);
+		function Xo(e) {
+			return e / (Jo(Yo.value) ? Yo.value : 1);
+		}
+		let Zo = b(() => B.value.chart.grid.labels.yAxis.reverse);
+		function Qo(e) {
+			return Zo.value ? 1 - e : e;
+		}
+		function $o({ ratio: e, yOffset: t = 0, individualHeight: n }) {
+			let r = Qo(e);
+			return Y.value?.bottom - t - n * r;
+		}
+		function es({ value: e, scaleMin: t, scaleMax: n, yOffset: r = 0, individualHeight: i }) {
+			return $o({
+				ratio: (e - t) / (n - t || 1),
+				yOffset: r,
+				individualHeight: i
+			});
+		}
+		let ts = b(() => B.value.chart.grid.labels.xAxis.reverse);
+		function ns(e) {
+			return ts.value ? 1 - e : e;
+		}
+		let rs = b(() => isNaN(Xo(Za.value)) ? Y.value?.bottom : Y.value?.bottom - Y.value.height * Xo(Za.value));
+		function is(e) {
+			let t = K.value.min, n = K.value.max - t;
+			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? Y.value?.bottom : Y.value?.bottom - Y.value.height * ((e - t) / n);
+		}
+		let as = b(() => K.value.min <= 0 && K.value.max >= 0 ? is(0) : K.value.min > 0 ? is(K.value.min) : is(K.value.max));
+		function os(e) {
+			let t = ![null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) && B.value.chart.grid.labels.yAxis.scaleMin > 0 && Ya.value >= 0 ? Y.value?.bottom : rs.value;
+			return e.value >= 0 ? v(t - e.y <= 0 ? 1e-5 : t - e.y) : v(e.y - rs.value <= 0 ? 1e-5 : e.y - rs.value);
+		}
+		function ss(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 cs = b(() => {
+			let e = Math.max(1, Z.value);
+			return {
+				bar: ha(Math.max(1, Y.value.width), e * Math.max(1, to.value.filter((e) => e.type === "bar" && !P.value.includes(e.id)).length), 1),
+				plot: Bs.value,
+				line: Bs.value
+			};
+		});
+		function ls() {
+			return V.value.useIndividualScale && V.value.isStacked ? cs.value.line - Y.value.width / Z.value * .1 : cs.value.bar;
+		}
+		function us(e) {
+			return V.value.useIndividualScale && V.value.isStacked ? e.x + Y.value.width / Z.value * .05 : e.x + cs.value.bar / 2;
+		}
+		function ds(e) {
+			return e.value >= 0 ? e.y : [
+				null,
+				void 0,
+				NaN,
+				Infinity,
+				-Infinity
+			].includes(rs.value) ? Y?.bottom.value : rs.value;
+		}
+		function fs(e) {
+			return e.value >= 0 ? e.y : [
+				null,
+				void 0,
+				NaN,
+				Infinity,
+				-Infinity
+			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
+		}
+		let ps = E(null), ms = E([]), hs = E(null), gs = b(() => q.value ? [...new Set(ro.value.flatMap((e) => e.series || []).filter((e) => g(e?.x) && g(e?.y)).map((e) => Number(e.x)))].sort((e, t) => dc({ x: e }) - dc({ x: t })) : []);
+		function _s(e) {
+			let t = gs.value[e];
+			if (!g(t)) {
+				ms.value = [], hs.value = null, na.value = null, Bi.value = !1;
+				return;
+			}
+			so(Number(t));
+			let n = d(dc({ x: Number(t) }), Y.value.top + Y.value.height / 2, L.value);
+			n && (ia.value = n), R.value = e, ra.value = e, Bi.value = !0;
+		}
+		function vs(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 ys = 0;
+		function bs(e) {
+			ra.value = null, !Ri.value && (ys && cancelAnimationFrame(ys), ys = requestAnimationFrame(() => {
+				ys = 0;
+				let t = vs(e);
+				if (!t || !L.value) {
+					xs();
+					return;
+				}
+				let { left: n, right: r, top: i, bottom: a, width: o } = Y.value;
+				if (t.x < n || t.x > r || t.y < i || t.y > a) {
+					xs();
+					return;
+				}
+				if (q.value) {
+					oo(t.x), Ac(!0, R.value ?? 0);
+					return;
+				}
+				let s = Ks(t.x);
+				s == null ? xs() : ps.value !== s && (ps.value = s, Ac(!0, s));
+			}));
+		}
+		function xs() {
+			ys &&= (cancelAnimationFrame(ys), 0), ps.value = null, Ac(!1, null), ms.value = [], hs.value = null, na.value = null;
+		}
+		function Ss(e) {
+			let t = vs(e);
+			if (t && L.value) {
+				let { left: e, right: n, top: r, bottom: i, width: a } = Y.value;
+				if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
+					let e = Ks(t.x);
+					if (e != null) {
+						Cs(e);
+						return;
+					}
+				}
+			}
+			ps.value != null && Cs(ps.value);
+		}
+		function Cs(e) {
+			let t = ro.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
+			}));
+			fi("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 ws() {
+			return no.value.map((e) => ({
+				values: e.absoluteValues,
+				color: e.color,
+				name: e.name,
+				type: e.type
+			}));
+		}
+		async function Ts({ scale: e = 2 } = {}) {
+			if (!vi.value) return;
+			let { width: t, height: n } = vi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await He({
+				domElement: vi.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 Es() {
+			P.value.length ? P.value = [] : no.value.forEach((e) => {
+				P.value.push(e.id);
+			}), Os();
+		}
+		function Ds(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ks(t));
+		}
+		function Os() {
+			fi("selectLegend", ro.value.map((e) => ({
+				name: e.name,
+				values: e.absoluteValues,
+				color: e.color,
+				type: e.type
+			})));
+		}
+		function ks(e) {
+			if (P.value.includes(e.id)) P.value = P.value.filter((t) => t !== e.id);
+			else {
+				if (P.value.length + 1 === to.value.length) return;
+				P.value.push(e.id);
+			}
+			Os(), Ki.value += 1;
+		}
+		function As(e) {
+			return no.value.length ? no.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 js(e) {
+			let t = As(e);
+			t !== null && P.value.includes(t.id) && ks({ id: t.id });
+		}
+		function Ms(e) {
+			let t = As(e);
+			t !== null && (P.value.includes(t.id) || ks({ id: t.id }));
+		}
+		let Ns = b(() => `${B.value.chart.title.text || "Chart visualization"}. ${B.value.chart.title.subtitle.text || ""}`), Ps = b(() => ({ linePlot: Z.value > B.value.line.dot.hideAboveMaxSerieLength })), Fs = b(() => B.value.chart.userOptions.show && (!B.value.chart.title.show || !B.value.chart.title.text)), Is = 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
+			}];
+		}), Ls = b(() => Ni.value ? H.value.map((e, t) => ({
+			...e,
+			series: Ma(e.series),
+			id: `uniqueId_${t}`,
+			color: De(e.color ? e.color : Ha.value[t] ? Ha.value[t] : a[t])
+		})) : H.value), Rs = b(() => ro.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: Io(Z.value, t)
+			};
+		})), zs = 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: X.value.map((e, t) => B.value.table.useDefaultTimeFormat ? e.text : wc.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 } }
+		})), Bs = b(() => {
+			let e = Math.max(0, Y.value?.width || 0);
+			return B.value.chart.grid.position === "middle" ? ha(e, Math.max(1, Z.value), 1) : ha(e, Math.max(1, Z.value - 1), 0);
+		}), Vs = b(() => B.value.chart.grid.position === "middle" ? Bs.value : Z.value <= 1 ? Math.max(0, Y.value?.width || 0) : Bs.value);
+		function Hs(e) {
+			let t = Y.value?.left || 0;
+			return B.value.chart.grid.position === "middle" ? t + Bs.value / 2 + Bs.value * e : t + Bs.value * e;
+		}
+		function Us(e) {
+			let t = Y.value?.left || 0;
+			return B.value.chart.grid.position === "middle" ? t + Bs.value * e : Z.value <= 1 ? t : t + Bs.value * e - Bs.value / 2;
+		}
+		function Ws(e) {
+			return Math.max(Y.value?.left || 0, Us(e));
+		}
+		function Gs(e) {
+			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Us(e), i = r + Vs.value;
+			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
+		}
+		function Ks(e) {
+			let t = Y.value?.left || 0, n = Y.value?.right || 0;
+			for (let r = 0; r < Z.value; r += 1) {
+				let i = Math.max(t, Us(r)), a = Math.min(n, Us(r) + Vs.value);
+				if (e >= i && e <= a) return r;
+			}
+			return null;
+		}
+		function qs(e) {
+			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Us(e), i = r + Vs.value;
+			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
+		}
+		function Js(e) {
+			return Math.max(1e-5, Vs.value * e);
+		}
+		let Ys = b(() => le(no.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(Ys.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_${c()}`
+				};
+			}
+			return t;
+		}), Zs = b(() => {
+			let e = to.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
+			return Y.value.width / Z.value / e - Qs.value * e;
+		}), Qs = b(() => cs.value.line * B.value.bar.periodGap), $s = b(() => Math.max(1e-5, ls() - (V.value.useIndividualScale && V.value.isStacked ? 0 : Qs.value))), ec = b(() => $s.value * Math.min(Math.abs(B.value.bar.innerGap), .95)), tc = b(() => {
+			if (!B.value.chart.zoom.minimap.show) return [];
+			let e = Ls.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));
+		}), nc = b(() => B.value.chart.zoom.minimap.show ? Ls.value.map((e) => ({
+			...e,
+			isVisible: !P.value.includes(e.id)
+		})) : []), rc = b(() => q.value ? ms.value.map((e) => ({
+			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
+			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
+			name: e.datapoint.name,
+			color: e.datapoint.color,
+			type: e.datapoint.type,
+			value: e.point.raw?.y ?? e.point.y,
+			x: e.point.raw?.x ?? e.point.x,
+			comments: e.datapoint.comments || [],
+			prefix: e.datapoint.prefix || B.value.chart.labels.prefix,
+			suffix: e.datapoint.suffix || B.value.chart.labels.suffix
+		})) : ro.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
+		}))), ic = b(() => K.value.ticks.map((e) => {
+			let t = e >= 0 ? rs.value - Y.value.height * Xo(e) : rs.value + Y.value.height * Xo(Math.abs(e));
+			return {
+				y: Zo.value ? Y.value.top + Y.value.bottom - t : t,
+				value: e,
+				prefix: B.value.chart.labels.prefix,
+				suffix: B.value.chart.labels.suffix
+			};
+		})), ac = 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 } = Y.value, i = rs.value, a = Y.value.height, o = K.value.min, s = K.value.max - o, l = (e) => i - (e - 0) / s * a;
+			return t.map((e) => {
+				let { yAxis: { yTop: t, yBottom: i, label: a } } = e, o = t != null && i != null && t !== i, s = t == null ? null : l(t), u = i == null ? null : l(i), ee = vo(a.fontSize);
+				ee.font = `${a.fontSize}px sans-serif`;
+				let d = ee.measureText(a.text).width, te = a.fontSize, f = (a.position === "start" ? n + a.padding?.left : r - a.padding?.right) + a.offsetX, p = (s != null && u != null ? Math.min(s, u) : s ?? u) - a.fontSize / 3 + a.offsetY - a.padding?.top, ne;
+				ne = a.textAnchor === "middle" ? f - d / 2 - a.padding?.left : a.textAnchor === "end" ? f - d - a.padding?.right : f - a.padding?.left;
+				let re = p - te * .75 - a.padding?.top;
+				return {
+					show: ![
+						s,
+						u,
+						re
+					].includes(NaN),
+					id: `annotation_y_${c()}`,
+					hasArea: o,
+					areaHeight: o ? Math.abs(s - u) : 0,
+					yTop: s,
+					yBottom: u,
+					config: e.yAxis,
+					x1: n,
+					x2: r,
+					_text: {
+						x: f,
+						y: p
+					},
+					_box: {
+						x: ne,
+						y: re,
+						width: d + a.padding?.left + a.padding?.right,
+						height: te + 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 oc(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 Jo(e[t].value) && i && B.value.line.cutNullValues;
+		}
+		let sc = b(() => {
+			let e = to.value.flatMap((e) => e.series.map((e) => e.x)).filter(Number.isFinite);
+			if (!e.length) return {
+				min: 0,
+				max: 1
+			};
+			let t = Math.min(...e), n = Math.max(...e);
+			return {
+				min: t,
+				max: t === n ? n + 1 : n
+			};
+		}), cc = b(() => {
+			let e = B.value.chart.grid.labels.xAxis.commonScaleSteps, t = B.value.chart.grid.labels.xAxis.scaleMin, n = B.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : sc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : sc.value.max, a = B.value.chart.grid.labels.xAxis.useNiceScale ? fe(r, i, e) : de(r, i, e);
+			if (B.value.chart.grid.position !== "start") return a;
+			let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
+			return {
+				...a,
+				max: a.max + o
+			};
+		}), lc = b(() => q.value ? (ts.value ? [...cc.value.ticks].reverse() : [...cc.value.ticks]).map((e, t) => ({
+			id: `continuous_x_label_${t}`,
+			text: _(B.value.chart.grid.labels.xAxis.formatter, e, s({
+				v: e,
+				s: B.value.chart.labels.prefix,
+				p: B.value.chart.labels.suffix,
+				r: B.value.chart.grid.labels.xAxis.rounding
+			}), {
+				datapoint: e,
+				seriesIndex: t
+			}),
+			value: e,
+			x: dc({ x: e }),
+			index: t
+		})) : Oo.value);
+		function uc(e, t) {
+			return q.value ? e.x : Hs(t);
+		}
+		function dc({ x: e }) {
+			let t = cc.value.max - cc.value.min || 1, n = ns((e - cc.value.min) / t);
+			return Y.value.left + Y.value.width * n;
+		}
+		let fc = b(() => {
+			let e = H.value.flatMap((e) => e.series || []).filter(Qa).map((e) => Number(e.x)).filter(Number.isFinite);
+			if (!e.length) return {
+				min: 0,
+				max: 1
+			};
+			let t = Math.min(...e), n = Math.max(...e);
+			return {
+				min: t,
+				max: t === n ? n + 1 : n
+			};
+		}), pc = b(() => q.value ? fc.value.min : 0), mc = b(() => q.value ? fc.value.max : U.value);
+		function hc(e, t) {
+			return q.value ? e.x == null || e.y == null ? null : dc(e) : Hs(t);
+		}
+		function gc({ 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, d = a === i ? a * l : a, te = u(o.min, ee, c), f = u(i, d, c), p = te.min >= 0 ? 0 : Math.abs(te.min), ne = te.max + Math.abs(p), re = f.max + 0, ie = e.stackIndex, ae = t - 1 - ie, oe = V.value.isStacked ? 1 - e.cumulatedStackRatio : 0, se = V.value.isStacked ? r * oe + n * ae : 0, ce = V.value.isStacked ? r * e.stackRatio : Y.value.height;
+			return {
+				scaleSteps: c,
+				individualScale: te,
+				autoScaleSteps: f,
+				individualZero: p,
+				autoScaleZero: 0,
+				individualMax: ne,
+				autoScaleMax: re,
+				yOffset: se,
+				individualHeight: ce,
+				zeroPosition: Y.value?.bottom - se - ce * p / ne,
+				autoScaleZeroPosition: Y.value?.bottom - se - ce * 0 / re
+			};
+		}
+		let _c = b(() => {
+			let e = Ys.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 = Y.value.height - r;
+			return e.filter((e) => e.type === "bar").map((e, r) => {
+				Fo(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: d, autoScaleMax: te, yOffset: f, individualHeight: p, zeroPosition: ne, autoScaleZeroPosition: re } = gc({
+					datapoint: e,
+					totalSeries: t,
+					gap: n,
+					usableHeight: i,
+					autoScaleValueMin: s.valueMin,
+					autoScaleValueMax: s.valueMax,
+					individualExtremes: c
+				}), ie = no.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length, ae = e.series.map((t, n) => {
+					let i = V.value.useIndividualScale ? (e.absoluteValues[n] + ee) / d : Xo(t), a = V.value.useIndividualScale && V.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left + cs.value.bar * r + cs.value.bar * n * ie - Zs.value / 2 - r * Qs.value;
+					return {
+						yOffset: v(f),
+						individualHeight: v(p),
+						x: v(a),
+						y: $o({
+							ratio: i,
+							yOffset: f,
+							individualHeight: p
+						}),
+						value: e.absoluteValues[n],
+						zeroPosition: v(ne),
+						individualMax: v(d),
+						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+					};
+				}), oe = 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))), se = e.series.map((t, n) => {
+					let i = V.value.useIndividualScale && V.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left - cs.value.bar / 2 + cs.value.bar * r + cs.value.bar * n * no.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($o({
+							ratio: oe[n] || 0,
+							yOffset: v(f),
+							individualHeight: v(p)
+						})),
+						value: e.absoluteValues[n],
+						zeroPosition: v(ne),
+						individualMax: v(d),
+						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+					};
+				}), ce = l.ticks.map((t) => ({
+					y: es({
+						value: t,
+						scaleMin: l.min,
+						scaleMax: l.max,
+						yOffset: f,
+						individualHeight: p
+					}),
+					value: t,
+					prefix: e.prefix || B.value.chart.labels.prefix,
+					suffix: e.suffix || B.value.chart.labels.suffix,
+					datapoint: e
+				})), le = u.ticks.map((t) => ({
+					y: $o({
+						ratio: (t - u.min) / (u.max - u.min || 1),
+						yOffset: f,
+						individualHeight: p
+					}),
+					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 ? le : ce, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? re : ne, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : d, 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 = le, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+					...e,
+					yOffset: f,
+					autoScaleYLabels: le,
+					individualHeight: p,
+					scaleYLabels: e.autoScaling ? le : ce,
+					individualScale: e.autoScaling ? u : l,
+					individualMax: e.autoScaling ? te : d,
+					zeroPosition: e.autoScaling ? re : ne,
+					plots: e.autoScaling ? se : ae,
+					groupId: Q.value[e.scaleLabel].groupId
+				};
+			});
+		}), $ = b(() => {
+			let e = Ys.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 = Y.value.height - r;
+			return e.filter((e) => e.type === "line").map((e, r) => {
+				Fo(e);
+				let a = Q.value[e.scaleLabel].min, s = Q.value[e.scaleLabel].max, c = {
+					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (s - a)),
+					valueMin: a,
+					valueMax: s
+				}, u = {
+					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
+					min: e.scaleMin || (Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues))
+				}, { individualScale: d, autoScaleSteps: f, individualZero: p, individualMax: re, autoScaleMax: ae, yOffset: oe, individualHeight: ce, zeroPosition: le, autoScaleZeroPosition: ue } = gc({
+					datapoint: e,
+					totalSeries: t,
+					gap: n,
+					usableHeight: i,
+					autoScaleValueMin: c.valueMin,
+					autoScaleValueMax: c.valueMax,
+					individualExtremes: u
+				}), m = e.series.map((t, n) => {
+					if (q.value && (t.x == null || t.y == null)) return {
+						index: n,
+						x: null,
+						y: null,
+						value: null,
+						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+					};
+					let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(p)) / re : Xo(eo(t));
+					return {
+						index: n,
+						x: v(hc(t, n)),
+						y: v($o({
+							ratio: r,
+							yOffset: oe,
+							individualHeight: ce
+						})),
+						value: e.absoluteValues[n],
+						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+					};
+				}), h = e.absoluteValues.map((e) => f.min >= 0 ? (e - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (e + Math.abs(f.min)) / (f.max + Math.abs(f.min))), de = e.series.map((t, n) => q.value && (t.x === null || t.y === null) ? {
+					index: n,
+					x: null,
+					y: null,
+					value: null,
+					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+				} : [void 0, null].includes(e.absoluteValues[n]) ? {
+					index: n,
+					x: v(hc(t, n)),
+					y: le,
+					value: e.absoluteValues[n],
+					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+				} : {
+					index: n,
+					x: v(hc(t, n)),
+					y: v($o({
+						ratio: h[n] || 0,
+						yOffset: oe,
+						individualHeight: ce
+					})),
+					value: e.absoluteValues[n],
+					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+				}), fe = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, g = B.value.line.cutNullValues ? pe(m) : he(m.filter((e) => e.value !== null)), _ = B.value.line.cutNullValues ? pe(de) : he(de.filter((e) => e.value !== null)), me = B.value.line.cutNullValues ? ee(m) : l(m.filter((e) => e.value !== null)), ge = B.value.line.cutNullValues ? ee(de) : l(de.filter((e) => e.value !== null)), _e = o(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null)), ve = o(B.value.line.cutNullValues ? de : de.filter((e) => e.value !== null)), ye = fe ? ie(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), e.dashIndices.map((e) => e - W.value.start)) : [], be = fe ? te(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), e.dashIndices.map((e) => e - W.value.start)) : [], xe = d.ticks.map((t) => ({
+					y: es({
+						value: t,
+						scaleMin: d.min,
+						scaleMax: d.max,
+						yOffset: oe,
+						individualHeight: ce
+					}),
+					value: t,
+					prefix: e.prefix || B.value.chart.labels.prefix,
+					suffix: e.suffix || B.value.chart.labels.suffix,
+					datapoint: e
+				})), Se = f.ticks.map((t) => ({
+					y: $o({
+						ratio: (t - f.min) / (f.max - f.min || 1),
+						yOffset: oe,
+						individualHeight: ce
+					}),
+					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 ? ue : le, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ae : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = oe, Q.value[e.scaleLabel].individualHeight = ce, Q.value[e.scaleLabel].autoScaleYLabels = Se, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
+				let Ce = V.value.useIndividualScale ? e.autoScaling ? ue : le : Wa.value, we = Math.max(Math.max(e.autoScaling ? ue : xe.at(-1) ? xe.at(-1).y : 0, Y.value?.top), Ce), Ee = e.autoScaling ? de : m, Oe = B.value.line.cutNullValues ? Ee : Ee.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) => De(e)) : null,
+					yOffset: oe,
+					autoScaleYLabels: Se,
+					individualHeight: ce,
+					scaleYLabels: e.autoScaling ? Se : xe,
+					individualScale: e.autoScaling ? f : d,
+					individualMax: e.autoScaling ? ae : re,
+					zeroPosition: e.autoScaling ? ue : le,
+					curve: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? _ : g,
+					plots: e.autoScaling ? de : m,
+					dashedStraight: ye,
+					dashedSmooth: be,
+					hasDashedSegments: fe,
+					area: e.useArea ? e.useStepper ? o(Oe, we) : V.value.useIndividualScale ? B.value.line.cutNullValues ? se(e.autoScaling ? de : m, we) : Te(e.autoScaling ? de.filter((e) => e.value !== null) : m.filter((e) => e.value !== null), we) : B.value.line.cutNullValues ? se(m, we) : Te(m.filter((e) => e.value !== null), we) : "",
+					curveAreas: e.useArea ? e.useStepper ? o(Oe, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : ne(e.autoScaling ? B.value.line.cutNullValues ? de : de.filter((e) => e.value !== null) : B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), we, B.value.line.cutNullValues) : [],
+					straight: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? ge : me,
+					groupId: Q.value[e.scaleLabel].groupId
+				};
+			});
+		}), vc = b(() => {
+			let e = Ys.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 = Y.value.height - r;
+			return e.filter((e) => e.type === "plot").map((e) => {
+				Fo(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: d, yOffset: te, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: ne } = gc({
+					datapoint: e,
+					totalSeries: t,
+					gap: n,
+					usableHeight: i,
+					autoScaleValueMin: o.valueMin,
+					autoScaleValueMax: o.valueMax,
+					individualExtremes: s,
+					forceExactScale: !0
+				}), re = e.series.map((t, n) => {
+					if (q.value && (t.x == null || t.y == null)) return {
+						index: n,
+						x: null,
+						y: null,
+						value: null,
+						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+					};
+					let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Xo(eo(t));
+					return {
+						index: n,
+						x: v(hc(t, n)),
+						y: v($o({
+							ratio: r,
+							yOffset: te,
+							individualHeight: f
+						})),
+						value: e.absoluteValues[n],
+						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+					};
+				}), ie = 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))), ae = e.series.map((t, n) => q.value && (t.x === null || t.y === null) ? {
+					index: n,
+					x: null,
+					y: null,
+					value: null,
+					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+				} : {
+					index: n,
+					x: v(hc(t, n)),
+					y: v($o({
+						ratio: ie[n] || 0,
+						yOffset: te,
+						individualHeight: f
+					})),
+					value: e.absoluteValues[n],
+					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
+				}), oe = c.ticks.map((t) => ({
+					y: es({
+						value: t,
+						scaleMin: c.min,
+						scaleMax: c.max,
+						yOffset: te,
+						individualHeight: f
+					}),
+					value: t,
+					prefix: e.prefix || B.value.chart.labels.prefix,
+					suffix: e.suffix || B.value.chart.labels.suffix,
+					datapoint: e
+				})), se = l.ticks.map((t) => ({
+					y: $o({
+						ratio: (t - l.min) / (l.max - l.min || 1),
+						yOffset: te,
+						individualHeight: f
+					}),
+					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 ? se : oe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = te, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+					...e,
+					yOffset: te,
+					autoScaleYLabels: se,
+					individualHeight: f,
+					scaleYLabels: e.autoScaling ? se : oe,
+					individualScale: e.autoScaling ? l : c,
+					individualMax: e.autoScaling ? d : ee,
+					zeroPosition: e.autoScaling ? ne : p,
+					plots: e.autoScaling ? ae : re,
+					groupId: Q.value[e.scaleLabel].groupId
+				};
+			});
+		}), yc = 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 || Y.value.height,
+				autoScaleYLabels: e.autoScaleYLabels
+			})), t = _c.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 || Y.value.height
+			})), n = vc.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 || Y.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 ? J.value ? Y.value?.right : Y.value?.left : J.value ? Y.value?.right + mo() * t : Y.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: _(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: es({
+							value: t,
+							scaleMin: e.scale.min,
+							scaleMax: e.scale.max,
+							yOffset: e.yOffset || 0,
+							individualHeight: e.individualHeight
+						}),
+						value: t
+					}))
+				};
+			});
+		}), bc = 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;
+		}), xc = b(() => ({
+			timeLabel: X.value[R.value],
+			datapoint: rc.value,
+			seriesIndex: R.value,
+			series: no.value,
+			bars: _c.value,
+			lines: $.value,
+			plots: vc.value,
+			config: B.value
+		})), Sc = E({
+			months: [],
+			shortMonths: [],
+			days: [],
+			shortDays: []
+		}), Cc = 0;
+		vt(() => {
+			let e = ++Cc, t = B.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+			(async () => {
+				let n = await je(t.locale).catch(() => je("en"));
+				e === Cc && (Sc.value = n.data);
+			})();
+		});
+		let wc = b(() => {
+			let e = B.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Ae({
+				useUTC: e.useUTC,
+				locale: Sc.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);
+			};
+		}), Tc = b(() => (B.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+			text: wc.value(t, B.value.chart.zoom.timeFormat),
+			absoluteIndex: t
+		}))), Ec = b(() => {
+			let e = "", t = rc.value.map((e) => e.value).filter((e) => ve(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = q.value ? { text: _(B.value.chart.grid.labels.xAxis.formatter, ms.value[0]?.point.raw?.x ?? ms.value[0]?.point.x, s({
+				v: ms.value[0]?.point.raw?.x ?? ms.value[0]?.point.x,
+				r: B.value.chart.tooltip.roundingValue
+			}), {
+				datapoint: null,
+				serriesIndex: null
+			}) } : X.value[R.value], r = B.value.chart.tooltip.customFormat;
+			if (xe(r) && be(() => r({
+				absoluteIndex: R.value + W.value.start,
+				seriesIndex: R.value,
+				datapoint: rc.value,
+				series: no.value,
+				bars: _c.value,
+				lines: $.value,
+				plots: vc.value,
+				config: B.value,
+				dateLabel: n
+			}))) return r({
+				absoluteIndex: R.value + W.value.start,
+				seriesIndex: R.value,
+				datapoint: rc.value,
+				series: no.value,
+				bars: _c.value,
+				lines: $.value,
+				plots: vc.value,
+				config: B.value,
+				dateLabel: n
+			});
+			if (n && n.text && B.value.chart.tooltip.showTimeLabel) {
+				let t = wc.value(R.value + W.value.start, B.value.chart.tooltip.timeFormat);
+				q.value || (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 rc.value.forEach((r) => {
+				if (ve(r.value)) {
+					let a = "", o = "";
+					switch (Li.value[r.type]) {
+						case "bar":
+							a = `<svg viewBox="0 0 40 40" height="14" width="14">${pi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${r.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${pi.pattern ? `url(#pattern_${F.value}_${r.slotAbsoluteIndex}` : r.color}" /></svg>`;
+							break;
+						case "line":
+							!r.shape || ![
+								"star",
+								"triangle",
+								"square",
+								"diamond",
+								"pentagon",
+								"hexagon"
+							].includes(r.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" />` : r.shape === "triangle" ? o = `<path d="${i({
+								plot: {
+									x: 10,
+									y: 8
+								},
+								radius: 4,
+								sides: 3,
+								rotation: .52
+							}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "square" ? o = `<path d="${i({
+								plot: {
+									x: 10,
+									y: 8
+								},
+								radius: 4,
+								sides: 4,
+								rotation: .8
+							}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "diamond" ? o = `<path d="${i({
+								plot: {
+									x: 10,
+									y: 8
+								},
+								radius: 4,
+								sides: 4,
+								rotation: 0
+							}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "pentagon" ? o = `<path d="${i({
+								plot: {
+									x: 10,
+									y: 8
+								},
+								radius: 4,
+								sides: 5,
+								rotation: .95
+							}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "hexagon" ? o = `<path d="${i({
+								plot: {
+									x: 10,
+									y: 8
+								},
+								radius: 4,
+								sides: 6,
+								rotation: 0
+							}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "star" && (o = `<polygon stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" points="${re({
+								plot: {
+									x: 10,
+									y: 8
+								},
+								radius: 4
+							})}" />`), a = `<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="${r.color}" />${o}</svg>`;
+							break;
+						case "plot":
+							if (!r.shape || ![
+								"star",
+								"triangle",
+								"square",
+								"diamond",
+								"pentagon",
+								"hexagon"
+							].includes(r.shape)) {
+								a = `<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="${r.color}" /></svg>`;
+								break;
+							}
+							if (r.shape === "star") {
+								a = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${r.color}" points="${re({
+									plot: {
+										x: 6,
+										y: 6
+									},
+									radius: 5
+								})}" /></svg>`;
+								break;
+							}
+							if (r.shape === "triangle") {
+								a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
+									plot: {
+										x: 6,
+										y: 6
+									},
+									radius: 6,
+									sides: 3,
+									rotation: .52
+								}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								break;
+							}
+							if (r.shape === "square") {
+								a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
+									plot: {
+										x: 6,
+										y: 6
+									},
+									radius: 6,
+									sides: 4,
+									rotation: .8
+								}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								break;
+							}
+							if (r.shape === "diamond") {
+								a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
+									plot: {
+										x: 6,
+										y: 6
+									},
+									radius: 5,
+									sides: 4,
+									rotation: 0
+								}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								break;
+							}
+							if (r.shape === "pentagon") {
+								a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
+									plot: {
+										x: 6,
+										y: 6
+									},
+									radius: 5,
+									sides: 5,
+									rotation: .95
+								}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								break;
+							}
+							if (r.shape === "hexagon") {
+								a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
+									plot: {
+										x: 6,
+										y: 6
+									},
+									radius: 5,
+									sides: 6,
+									rotation: 0
+								}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								break;
+							}
+						default: break;
+					}
+					let c = B.value.chart.tooltip.showValue ? _(r.type === "line" ? B.value.line.labels.formatter : r.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, r.value, s({
+						p: r.prefix,
+						v: r.value,
+						s: r.suffix,
+						r: B.value.chart.tooltip.roundingValue
+					}), { datapoint: r }) : "", l = B.value.chart.tooltip.showValue ? n.text : "", u = q.value ? `
+                    <span>${B.value.chart.grid.labels.axis.xLabel || "X"}: </span>
+                    <span>${l}</span>, 
+                    <span>${B.value.chart.grid.labels.axis.yLabel || "Y"}: </span>
+                    <span>${c}</span>
+                ` : c;
+					q.value ? e += `
+                        <div style="display:flex;flex-direction:column;">
+                            <div style="display:flex; flex-direction:row; gap:3px;">
+                                <div style="width:20px">${a}</div>
+                                <div style="display:flex;flex-direction:column;">
+                                    <div>${r.name}</div>
+                                    <div>${u}</div>
+                                </div>
+                            </div>
+                        </div>
+                    ` : e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;white-space:nowrap;"><div style="width:20px">${a}</div> ${r.name}: <b>${u}</b> ${B.value.chart.tooltip.showPercentage ? `(${s({
+						v: v(Math.abs(r.value) / t * 100),
+						s: "%",
+						r: B.value.chart.tooltip.roundingPercentage
+					})})` : ""}</div>`, B.value.chart.comments.showInTooltip && r.comments.length && r.comments.slice(W.value.start, W.value.end)[R.value] && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${r.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>`;
+		}), Dc = b(() => {
+			if (to.value.length === 0) return {
+				head: [],
+				body: [],
+				config: {},
+				columnNames: []
+			};
+			let e = ro.value.map((e) => ({
+				label: e.name,
+				color: e.color,
+				type: e.type
+			})), t = [];
+			return X.value.forEach((e, n) => {
+				let r = B.value.table.useDefaultTimeFormat ? [e.text] : [wc.value(n + W.value.start, B.value.table.timeFormat)];
+				ro.value.forEach((e) => {
+					r.push(Jo(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(B.value.table.rounding)) : "");
+				}), t.push(r);
+			}), {
+				head: e,
+				body: t
+			};
+		}), Oc = b(() => {
+			let e = B.value.table.showSum, t = [""].concat(ro.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 < Z.value; t += 1) {
+				let r = ro.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
+				n.push([B.value.table.useDefaultTimeFormat ? X.value[t]?.text ?? "-" : wc.value(t + W.value.start, B.value.table.timeFormat)].concat(ro.value.map((e) => _(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, s({
+					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(ro.value.map((e) => e.name), B.value.table.columnNames.total);
+			return {
+				head: t,
+				body: n,
+				config: r,
+				colNames: i
+			};
+		});
+		function kc(e = null) {
+			let t = [
+				[B.value.chart.title.text],
+				[B.value.chart.title.subtitle.text],
+				[""]
+			], n = ["", ...Dc.value.head.map((e) => e.label)], r = Dc.value.body, i = oe(t.concat([n]).concat(r));
+			e ? e(i) : u({
+				csvContent: i,
+				title: B.value.chart.title.text || "vue-ui-xy"
+			});
+		}
+		function Ac(e, t = null) {
+			if (io.value) return;
+			Bi.value = e;
+			let n = ro.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 jc() {
+			V.value.showTable = !V.value.showTable;
+		}
+		function Mc() {
+			V.value.dataLabels.show = !V.value.dataLabels.show;
+		}
+		function Nc() {
+			V.value.showTooltip = !V.value.showTooltip;
+		}
+		function Pc(e) {
+			zi.value = e, Hi.value += 1;
+		}
+		function Fc() {
+			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, ya.value.plot = B.value.plot.radius, ya.value.line = B.value.line.radius;
+				return;
+			}
+			z.value.dataLabels = ke({
+				relator: Pi.value,
+				adjuster: 400,
+				source: B.value.chart.grid.labels.fontSize,
+				threshold: 10,
+				fallback: 10
+			}), z.value.yAxis = ke({
+				relator: N.value,
+				adjuster: 1e3,
+				source: B.value.chart.grid.labels.axis.fontSize,
+				threshold: 10,
+				fallback: 10
+			}), z.value.xAxis = ke({
+				relator: N.value,
+				adjuster: 1e3,
+				source: B.value.chart.grid.labels.xAxisLabels.fontSize,
+				threshold: 10,
+				fallback: 10
+			}), z.value.plotLabels = ke({
+				relator: N.value,
+				adjuster: 800,
+				source: B.value.chart.labels.fontSize,
+				threshold: 10,
+				fallback: 10
+			}), ya.value.plot = ke({
+				relator: N.value,
+				adjuster: 800,
+				source: B.value.plot.radius,
+				threshold: 1,
+				fallback: 1
+			}), ya.value.line = ke({
+				relator: N.value,
+				adjuster: 800,
+				source: B.value.line.radius,
+				threshold: 1,
+				fallback: 1
+			});
+		}
+		function Ic() {
+			if (r(j.dataset) ? (ce({
+				componentName: "VueUiXy",
+				type: "dataset",
+				debug: Ta.value
+			}), ka.value = !0) : j.dataset.forEach((e, t) => {
+				[null, void 0].includes(e.name) && (ce({
+					componentName: "VueUiXy",
+					type: "datasetSerieAttribute",
+					property: "name (string)",
+					index: t,
+					debug: Ta.value
+				}), ka.value = !0);
+			}), Ta.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.`);
+				});
+			}), r(j.dataset) || (ka.value = B.value.loading), qi.value = B.value.chart.userOptions.showOnChartHover, Ji.value = B.value.chart.userOptions.keepStateOnChartLeave, Yi.value = !B.value.chart.userOptions.showOnChartHover, wa(), B.value.responsive) {
+				let e = vi.value.parentNode;
+				Ai.value && (Ai.value.unobserve(ji.value), Ai.value.disconnect());
+				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
+				B.value.chart.title.show && yi.value && (r = yi.value, i = r.getBoundingClientRect().height);
+				let a = null, o = 0;
+				B.value.chart.zoom.show && U.value > 6 && Sa.value && bi.value && bi.value.$el && (a = bi.value.$el, o = a.getBoundingClientRect().height);
+				let s = null, c = 0;
+				B.value.chart.legend.show && xi.value && (s = xi.value, c = s.getBoundingClientRect().height);
+				let l = 0;
+				Si.value && (l = Si.value.getBoundingClientRect().height);
+				let u = 0;
+				Ci.value && (u = Ci.value.getBoundingClientRect().height), Pi.value = t - i - c - o - l - u - 12, N.value = n, Fi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Pi.value < 0 ? 10 : Pi.value}`, Fc();
+				let ee = new ResizeObserver((e) => {
+					for (let t of e) i = B.value.chart.title.show && yi.value ? yi.value.getBoundingClientRect().height : 0, o = bi.value && bi.value.$el ? bi.value.$el.getBoundingClientRect().height : 0, c = xi.value ? xi.value.getBoundingClientRect().height : 0, l = Si.value ? Si.value.getBoundingClientRect().height : 0, u = Ci.value ? Ci.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
+						Pi.value = t.contentRect.height - i - c - o - l - u - 12, N.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Fi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Pi.value < 0 ? 10 : Pi.value}`, Fc(), ua(), fa();
+					});
+				});
+				Ai.value = ee, ji.value = e, ee.observe(e);
+			} else Pi.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, ya.value.plot = B.value.plot.radius, ya.value.line = B.value.line.radius, Fi.value = `0 0 ${N.value} ${Pi.value}`;
+			ua(), fa();
+		}
+		function Lc(e) {
+			Ii.value = {
+				x: e.clientX,
+				y: e.clientY
+			};
+		}
+		ut(() => {
+			Ic(), Uo(), document.addEventListener("mousemove", Lc, { passive: !0 }), document.addEventListener("scroll", yo, { passive: !0 });
+		}), lt(() => {
+			document.removeEventListener("scroll", yo, { passive: !0 }), document.removeEventListener("mousemove", Lc, { passive: !0 }), Ai.value &&= (Ai.value.unobserve(ji.value), Ai.value.disconnect(), null);
+		}), Ve({
+			timeLabelsEls: Di,
+			timeLabels: X,
+			slicer: W,
+			configRef: B,
+			rotationPath: [
+				"chart",
+				"grid",
+				"labels",
+				"xAxisLabels",
+				"rotation"
+			],
+			autoRotatePath: [
+				"chart",
+				"grid",
+				"labels",
+				"xAxisLabels",
+				"autoRotate",
+				"enable"
+			],
+			isAutoSize: Va,
+			height: Pi,
+			width: N,
+			rotation: B.value.chart.grid.labels.xAxisLabels.autoRotate.angle
+		});
+		let Rc = E(!1), zc = E(null), Bc = E(200), Vc = b(() => R.value ?? I.value ?? 0), Hc = b(() => {
+			if (!q.value) return null;
+			if (g(na.value)) return Number(na.value);
+			let e = ms.value[0];
+			return g(e?.point?.x) ? Number(e.point.x) : null;
+		});
+		function Uc() {
+			let e = Math.ceil(Bc.value || 200);
+			return Math.min(Math.max(e, 1), 200);
+		}
+		function Wc() {
+			let e = Uc(), t = (q.value && g(Hc.value) ? dc({ x: Hc.value }) : Hs(Vc.value)) - e / 2 - (200 - e) / 2, n = Y.value?.left - (200 - e) / 2, r = Y.value?.right - (200 + e) / 2;
+			return v(Math.max(n, Math.min(t, r)));
+		}
+		ut(() => {
+			let e = null, t = null, n = (e) => {
+				cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+					Bc.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 = vt((t) => {
+				let i = zc.value;
+				e && e !== i && (r.unobserve(e), e = null), i && i !== e && (ot(() => {
+					i.offsetParent !== null && n(i.offsetWidth || i.getBoundingClientRect().width || 200);
+				}), r.observe(i), e = i), t(() => {
+					e &&= (r.unobserve(e), null);
+				});
+			});
+			lt(() => {
+				try {
+					e && r.unobserve(e), r.disconnect(), i();
+				} catch {}
+			});
+		});
+		let Gc = b(() => {
+			if (q.value) {
+				if (!Number.isFinite(Number(Hc.value))) return "";
+			} else 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 (Rc.value = !1, q.value) {
+				let e = Hc.value;
+				if (xe(t)) try {
+					let n = t({
+						absoluteIndex: e,
+						seriesIndex: e,
+						datapoint: rc.value,
+						bars: _c.value,
+						lines: $.value,
+						plots: vc.value,
+						config: B.value
+					});
+					if (typeof n == "string") return Rc.value = !0, n;
+				} catch {
+					console.warn("Custom format cannot be applied on timeTag."), Rc.value = !1;
+				}
+				return s({
+					v: e,
+					r: B.value.chart.grid.labels.xAxis.rounding
+				});
+			}
+			if (xe(t)) try {
+				let n = t({
+					absoluteIndex: e + W.value.start,
+					seriesIndex: e,
+					datapoint: rc.value,
+					bars: _c.value,
+					lines: $.value,
+					plots: vc.value,
+					config: B.value
+				});
+				if (typeof n == "string") return Rc.value = !0, n;
+			} catch {
+				console.warn("Custom format cannot be applied on timeTag."), Rc.value = !1;
+			}
+			if (!Rc.value) return [null, void 0].includes(X.value[e]) ? "" : B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.timeTag.useDefaultFormat ? wc.value(e + W.value.start, B.value.chart.timeTag.timeFormat) : X.value[e].text;
+		});
+		function Kc({ serie: e, plot: n, type: r }) {
+			if (!Jo(n.value)) return "";
+			let i = s({
+				p: e.prefix || B.value.chart.labels.prefix,
+				v: n.value,
+				s: e.suffix || B.value.chart.labels.suffix,
+				r: B.value[r].labels.rounding
+			});
+			return t({
+				content: q.value && g(n.x) ? `x: ${s({
+					v: n.x,
+					r: B.value.chart.grid.labels.xAxis.rounding
+				})}\ny: ${i}` : _(B.value[r].labels.formatter, n.value, i, {
+					datapoint: n,
+					serie: e
+				}),
+				fontSize: z.value.plotLabels,
+				fill: B.value[r].labels.color,
+				x: 0,
+				y: 0
+			});
+		}
+		function qc({ plot: e }) {
+			let t = B.value.bar.labels.offsetY, n = Math.abs(ss(e)), r = e.value < 0, i = {
+				x: (V.value.useIndividualScale && V.value.isStacked ? e.x + cs.value.line / 2 : us(e) + ls() / 2 - Qs.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 Jc({ 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 Yc({ 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";
+		}
+		let Xc = b(() => q.value ? g(na.value) ? dc({ x: Number(na.value) }) : g(hs.value) ? hs.value : null : Hs((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)));
+		function Zc(e, t, n) {
+			return q.value ? ms.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : R.value !== null && R.value === n || I.value !== null && I.value === n;
+		}
+		_t(() => j.dataset, (e) => {
+			if (Array.isArray(e) && e.length > 0 && (ka.value = !1), B.value.chart.zoom.keepState) {
+				if (U.value = Math.max(0, ...H.value.map((e) => Ma(e.series).length)), U.value > 0) {
+					let e = W.value.start, t = W.value.end;
+					if (!zo.value || e === 0 && t === 0) Uo();
+					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
+						}, G.value = {
+							start: n,
+							end: r
+						}, Bo.value = 0, Vo.value = U.value;
+					}
+				}
+			} else U.value = Math.max(...H.value.map((e) => Ma(e.series).length)), W.value = {
+				start: 0,
+				end: U.value
+			};
+			Mi.value += 1, Ki.value += 1, ua(), fa(), Fa();
+		}, { deep: !0 }), _t(() => j.config, (e) => {
+			Oa.value || (B.value = ba()), Ic(), Wi.value += 1, Ui.value += 1, wa(), ua(), fa(), B.value.chart.zoom.keepState && (U.value = Math.max(0, ...H.value.map((e) => Ma(e.series).length)), U.value > 0 && (!zo.value || W.value.start === 0 && W.value.end === 0) && Uo()), Fa();
+		}, { deep: !0 });
+		let Qc = E(!1);
+		function $c() {
+			let e = vi.value?.parentNode;
+			if (!e) {
+				Qc.value = !1;
+				return;
+			}
+			let t = e.getBoundingClientRect();
+			Qc.value = t.width > 2 && t.height > 2;
+		}
+		ut(() => {
+			$c();
+			let e = new ResizeObserver(() => {
+				$c(), Qc.value && (Ic(), Fa(), B.value.chart.zoom.keepState || Uo());
+			});
+			vi.value?.parentNode && e.observe(vi.value.parentNode);
+		}), _t(B, () => {
+			wa();
+		}, { immediate: !0 });
+		let el = b(() => {
+			let e = B.value.table.useDialog && !B.value.showTable, t = V.value.showTable;
+			return {
+				component: e ? di : Je,
+				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: zi.value,
+					fullscreenParent: vi.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
+						}
+					}
+				}
+			};
+		});
+		_t(() => V.value.showTable, (e) => {
+			B.value.showTable || (e && B.value.table.useDialog && $i.value ? $i.value.open() : $i.value && $i.value.close && $i.value.close());
+		});
+		function tl() {
+			V.value.showTable = !1, ki.value && ki.value.setTableIconState(!1);
+		}
+		let nl = b(() => no.value.map((e) => ({
+			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
+			color: e.color,
+			name: e.name
+		}))), rl = b(() => B.value.chart.backgroundColor), il = b(() => B.value.chart.legend), { exportSvg: al, getSvg: ol } = Le({
+			svg: L,
+			title: b(() => B.value.chart.title),
+			legend: il,
+			legendItems: nl,
+			backgroundColor: rl
+		});
+		async function sl({ isCb: e }) {
+			ta.value = !0, await ot();
+			try {
+				if (e) {
+					let { blob: e, url: t, text: n, dataUrl: r } = await ol();
+					await Promise.resolve(B.value.chart.userOptions.callbacks.svg({
+						blob: e,
+						url: t,
+						text: n,
+						dataUrl: r
+					}));
+				} else await Promise.resolve(al());
+			} finally {
+				ta.value = !1;
+			}
+		}
+		function cl(e) {
+			if (e?.stage === "start") {
+				ea.value = !0;
+				return;
+			}
+			if (e?.stage === "end") {
+				ea.value = !1;
+				return;
+			}
+			Ba();
+		}
+		async function ll() {
+			if (fi("copyAlt", {
+				config: {
+					...B.value,
+					formattedDates: X.value
+				},
+				dataset: {
+					lines: $.value,
+					bars: _c.value,
+					plots: vc.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: X.value
+				},
+				dataset: {
+					lines: $.value,
+					bars: _c.value,
+					plots: vc.value
+				}
+			}));
+		}
+		let ul = E(!1);
+		function dl() {
+			W.value.end > W.value.start && (ra.value = null), xo.value = !0, ul.value = !0;
+		}
+		function fl() {
+			ra.value = null, xs(), ul.value = !1, xo.value = !1;
+		}
+		function pl(e) {
+			if (!L.value || Ri.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;
+			if (e.preventDefault(), e.stopPropagation(), q.value) {
+				let e = gs.value.length;
+				if (!e) return;
+				let r = ra.value;
+				r !== null && r >= 0 && r < e ? n ? (r += 1, r >= e && (r = 0)) : t && (--r, r < 0 && (r = e - 1)) : r = n ? 0 : e - 1, _s(r);
+				return;
+			}
+			let i = ra.value, a = ps.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, ra.value = i, ml(i), Ac(!0, i);
+		}
+		function ml(e) {
+			let t = W.value.end - W.value.start;
+			if (t <= 0) return;
+			let n = Y.value.width / t, r = d(Y.value.left + n * e + n / 2, Y.value.top + Y.value.height / 2, L.value);
+			r && (ia.value = r);
+		}
+		let hl = b(() => {
+			if (!Oc.value) return null;
+			let e = B.value.table.showSum, t = [B.value.table.columnNames.period].concat(ro.value.map((e) => e.name));
+			e && (t = t.concat(B.value.table.columnNames.total));
+			let n = Oc.value.body.slice(W.value.start, W.value.end);
+			return {
+				headers: t,
+				rows: n
+			};
+		});
+		return Ke({
+			getData: ws,
+			getImage: Ts,
+			generatePdf: za,
+			generateImage: Ba,
+			generateSvg: sl,
+			generateCsv: kc,
+			hideSeries: Ms,
+			showSeries: js,
+			toggleStack: Po,
+			toggleTable: jc,
+			toggleLabels: Mc,
+			toggleTooltip: Nc,
+			toggleAnnotator: Co,
+			toggleFullscreen: Pc,
+			copyAlt: ll,
+			resetZoom: qo
+		}), (n, r) => (T(), S("div", {
+			id: `vue-ui-xy_${F.value}`,
+			class: st(`vue-data-ui-component vue-ui-xy ${zi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${B.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			ref_key: "chart",
+			ref: vi,
+			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: r[6] ||= () => So(!0),
+			onMouseleave: r[7] ||= () => So(!1),
+			onClick: Ss
+		}, [
+			C("div", {
+				id: `chart-instructions-${F.value}`,
+				class: "sr-only"
+			}, [C("p", null, pt(B.value.a11y.translations.keyboardNavigation), 1)], 8, St),
+			hl.value?.rows?.length ? (T(), Qe(Xe, {
+				key: 0,
+				uid: F.value,
+				head: hl.value.headers,
+				body: hl.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(), Qe(k(ui), {
+				key: 1,
+				svgRef: L.value,
+				backgroundColor: B.value.chart.backgroundColor,
+				color: B.value.chart.color,
+				active: Ri.value,
+				isCursorPointer: Ca.value,
+				onClose: Co
+			}, {
+				"annotator-action-close": A(() => [O(n.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": A(({ color: e }) => [O(n.$slots, "annotator-action-color", ct(it({ color: e })), void 0, !0)]),
+				"annotator-action-draw": A(({ mode: e }) => [O(n.$slots, "annotator-action-draw", ct(it({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": A(({ disabled: e }) => [O(n.$slots, "annotator-action-undo", ct(it({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": A(({ disabled: e }) => [O(n.$slots, "annotator-action-redo", ct(it({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": A(({ disabled: e }) => [O(n.$slots, "annotator-action-delete", ct(it({ disabled: e })), void 0, !0)]),
+				_: 3
+			}, 8, [
+				"svgRef",
+				"backgroundColor",
+				"color",
+				"active",
+				"isCursorPointer"
+			])) : x("", !0),
+			Fs.value ? (T(), S("div", {
+				key: 2,
+				ref_key: "noTitle",
+				ref: Ci,
+				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: yi,
+				class: "vue-ui-xy-title",
+				style: w(`font-family:${B.value.chart.fontFamily}`)
+			}, [(T(), Qe(Ue, {
+				key: `title_${Wi.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, Ct),
+			B.value.chart.userOptions.show && (Ji.value || Yi.value) ? (T(), Qe(k(oi), {
+				ref_key: "userOptionsRef",
+				ref: ki,
+				key: `user_options_${Hi.value}`,
+				backgroundColor: B.value.chart.backgroundColor,
+				color: B.value.chart.color,
+				isPrinting: k(La),
+				isImaging: k(Ra),
+				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: zi.value,
+				chartElement: n.$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: Ri.value,
+				callbacks: B.value.chart.userOptions.callbacks,
+				tableDialog: B.value.table.useDialog,
+				printScale: B.value.chart.userOptions.print.scale,
+				isCursorPointer: Ca.value,
+				onToggleFullscreen: Pc,
+				onGeneratePdf: k(za),
+				onGenerateCsv: kc,
+				onGenerateImage: cl,
+				onGenerateSvg: sl,
+				onToggleTable: jc,
+				onToggleLabels: Mc,
+				onToggleStack: Po,
+				onToggleTooltip: Nc,
+				onToggleAnnotator: Co,
+				onCopyAlt: ll,
+				style: w({ visibility: Ji.value ? Yi.value ? "visible" : "hidden" : "visible" })
+			}, $e({ _: 2 }, [
+				n.$slots.menuIcon ? {
+					name: "menuIcon",
+					fn: A(({ isOpen: e, color: t }) => [O(n.$slots, "menuIcon", ct(it({
+						isOpen: e,
+						color: t
+					})), void 0, !0)]),
+					key: "0"
+				} : void 0,
+				n.$slots.optionTooltip ? {
+					name: "optionTooltip",
+					fn: A(() => [O(n.$slots, "optionTooltip", {}, void 0, !0)]),
+					key: "1"
+				} : void 0,
+				n.$slots.optionPdf ? {
+					name: "optionPdf",
+					fn: A(() => [O(n.$slots, "optionPdf", {}, void 0, !0)]),
+					key: "2"
+				} : void 0,
+				n.$slots.optionCsv ? {
+					name: "optionCsv",
+					fn: A(() => [O(n.$slots, "optionCsv", {}, void 0, !0)]),
+					key: "3"
+				} : void 0,
+				n.$slots.optionImg ? {
+					name: "optionImg",
+					fn: A(() => [O(n.$slots, "optionImg", {}, void 0, !0)]),
+					key: "4"
+				} : void 0,
+				n.$slots.optionSvg ? {
+					name: "optionSvg",
+					fn: A(() => [O(n.$slots, "optionSvg", {}, void 0, !0)]),
+					key: "5"
+				} : void 0,
+				n.$slots.optionTable ? {
+					name: "optionTable",
+					fn: A(() => [O(n.$slots, "optionTable", {}, void 0, !0)]),
+					key: "6"
+				} : void 0,
+				n.$slots.optionLabels ? {
+					name: "optionLabels",
+					fn: A(() => [O(n.$slots, "optionLabels", {}, void 0, !0)]),
+					key: "7"
+				} : void 0,
+				n.$slots.optionStack ? {
+					name: "optionStack",
+					fn: A(({ isStack: e }) => [O(n.$slots, "optionStack", ct(it({ isStack: e })), void 0, !0)]),
+					key: "8"
+				} : void 0,
+				n.$slots.optionFullscreen ? {
+					name: "optionFullscreen",
+					fn: A(({ toggleFullscreen: e, isFullscreen: t }) => [O(n.$slots, "optionFullscreen", ct(it({
+						toggleFullscreen: e,
+						isFullscreen: t
+					})), void 0, !0)]),
+					key: "9"
+				} : void 0,
+				n.$slots.optionAnnotator ? {
+					name: "optionAnnotator",
+					fn: A(({ toggleAnnotator: e, isAnnotator: t }) => [O(n.$slots, "optionAnnotator", ct(it({
+						toggleAnnotator: e,
+						isAnnotator: t
+					})), void 0, !0)]),
+					key: "10"
+				} : void 0,
+				n.$slots.optionAltCopy ? {
+					name: "optionAltCopy",
+					fn: A(({ altCopy: e }) => [O(n.$slots, "optionAltCopy", ct(it({ altCopy: e })), void 0, !0)]),
+					key: "11"
+				} : void 0,
+				n.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: A(() => [O(n.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "12"
+				} : void 0,
+				n.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: A(() => [O(n.$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", wt, [(T(), S("svg", {
+				ref_key: "svgRef",
+				ref: L,
+				xmlns: "http://www.w3.org/2000/svg",
+				class: st([{
+					"vue-data-ui-fullscreen--on": zi.value,
+					"vue-data-ui-fulscreen--off": !zi.value
+				}, "vue-ui-xy-svg vue-data-ui-svg"]),
+				width: "100%",
+				viewBox: Fi.value,
+				style: w({
+					background: "transparent",
+					color: B.value.chart.color,
+					fontFamily: B.value.chart.fontFamily
+				}),
+				"aria-label": Ns.value,
+				"aria-describedby": `chart-instructions-${F.value}`,
+				"aria-live": "polite",
+				role: "img",
+				tabindex: "0",
+				preserveAspectRatio: "xMidYMid",
+				onMousemove: bs,
+				onMouseleave: xs,
+				onClick: Ss,
+				onFocus: dl,
+				onBlur: fl,
+				onKeydown: pl
+			}, [C("g", {
+				ref_key: "G",
+				ref: wi,
+				class: "vue-data-ui-g"
+			}, [
+				tt(k(li)),
+				n.$slots["chart-background"] ? (T(), S("foreignObject", {
+					key: 0,
+					x: Math.max(0, Y.value?.left),
+					y: Y.value?.top,
+					width: Math.max(0, Y.value?.width),
+					height: Math.max(0, Y.value?.height),
+					style: { pointerEvents: "none" }
+				}, [O(n.$slots, "chart-background", {}, void 0, !0)], 8, Et)) : x("", !0),
+				Z.value > 0 ? (T(), S("g", Dt, [
+					C("g", Ot, [
+						B.value.chart.grid.labels.xAxis.showBaseline ? (T(), S("line", {
+							key: 0,
+							stroke: B.value.chart.grid.stroke,
+							"stroke-width": "1",
+							x1: Y.value?.left,
+							x2: Y.value?.right,
+							y1: k(h)(Y.value?.bottom),
+							y2: k(h)(Y.value?.bottom),
+							"stroke-linecap": "round",
+							style: { animation: "none !important" }
+						}, null, 8, kt)) : x("", !0),
+						V.value.useIndividualScale ? B.value.chart.grid.showHorizontalLines ? (T(!0), S(y, { key: 2 }, D(yc.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: Y.value?.left,
+							x2: Y.value?.right,
+							y1: k(h)(t.y),
+							y2: k(h)(t.y),
+							stroke: e.color,
+							"stroke-width": .5,
+							"stroke-linecap": "round",
+							style: { animation: "none !important" }
+						}, null, 8, Nt))), 256)) : e.yLabels.length ? (T(!0), S(y, { key: 1 }, D(e.yLabels, (e) => (T(), S("line", {
+							x1: Y.value?.left,
+							x2: Y.value?.right,
+							y1: k(h)(e.y),
+							y2: k(h)(e.y),
+							stroke: B.value.chart.grid.stroke,
+							"stroke-width": .5,
+							"stroke-linecap": "round",
+							style: { animation: "none !important" }
+						}, null, 8, Pt))), 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: J.value ? Y.value?.right : Y.value?.left,
+							x2: J.value ? Y.value?.right : Y.value?.left,
+							y1: k(h)(Y.value?.top),
+							y2: k(h)(Y.value?.bottom),
+							"stroke-linecap": "round",
+							style: { animation: "none !important" }
+						}, null, 8, At)) : x("", !0), B.value.chart.grid.showHorizontalLines ? (T(), S("g", jt, [(T(!0), S(y, null, D(ic.value, (e) => (T(), S("line", {
+							x1: Y.value?.left,
+							x2: Y.value?.right,
+							y1: k(h)(e.y),
+							y2: k(h)(e.y),
+							stroke: B.value.chart.grid.stroke,
+							"stroke-width": .5,
+							"stroke-linecap": "round",
+							style: { animation: "none !important" }
+						}, null, 8, Mt))), 256))])) : x("", !0)], 64)),
+						B.value.chart.grid.showVerticalLines ? (T(), S("g", Ft, [C("path", {
+							d: ho.value,
+							"stroke-width": .5,
+							stroke: B.value.chart.grid.stroke,
+							"stroke-linecap": "round",
+							style: { animation: "none !important" }
+						}, null, 8, It)])) : x("", !0),
+						B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", Lt, [C("path", {
+							d: go.value,
+							stroke: B.value.chart.grid.stroke,
+							"stroke-width": 1,
+							"stroke-linecap": "round",
+							style: { animation: "none !important" }
+						}, null, 8, Rt)])) : x("", !0)
+					]),
+					(T(!0), S(y, null, D(_c.value, (e, t) => (T(), S("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? O(n.$slots, "bar-gradient", at({
+						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, Bt),
+						C("stop", {
+							offset: "62%",
+							"stop-color": `${k(p)(e.color, .02)}`
+						}, null, 8, Vt),
+						C("stop", {
+							offset: "100%",
+							"stop-color": `${k(p)(e.color, .05)}`
+						}, null, 8, Ht)
+					], 8, zt), C("linearGradient", {
+						id: `rectGradient_neg_${t}_${F.value}`,
+						x2: "0%",
+						y2: "100%"
+					}, [
+						C("stop", {
+							offset: "0%",
+							"stop-color": `${k(p)(e.color, .05)}`
+						}, null, 8, Wt),
+						C("stop", {
+							offset: "38%",
+							"stop-color": `${k(p)(e.color, .02)}`
+						}, null, 8, Gt),
+						C("stop", {
+							offset: "100%",
+							"stop-color": e.color
+						}, null, 8, Kt)
+					], 8, Ut)], 64))]))), 128)),
+					(T(!0), S(y, null, D(vc.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(p)(e.color, .05)}`
+					}, null, 8, Jt), C("stop", {
+						offset: "100%",
+						"stop-color": e.color
+					}, null, 8, Yt)], 8, qt)]))), 128)),
+					(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `def_line_${e.id}` }, [C("defs", null, [C("radialGradient", {
+						id: `lineGradient_${t}_${F.value}`,
+						cx: "50%",
+						cy: "50%",
+						r: "50%",
+						fx: "50%",
+						fy: "50%"
+					}, [C("stop", {
+						offset: "0%",
+						"stop-color": `${k(p)(e.color, .05)}`
+					}, null, 8, Zt), C("stop", {
+						offset: "100%",
+						"stop-color": e.color
+					}, null, 8, Qt)], 8, Xt), n.$slots["area-gradient"] ? O(n.$slots, "area-gradient", at({
+						key: 0,
+						ref_for: !0
+					}, {
+						series: e,
+						id: `areaGradient_${t}_${F.value}`
+					}), void 0, !0) : (T(), S("linearGradient", {
+						key: 1,
+						id: `areaGradient_${t}_${F.value}`,
+						x1: "0%",
+						x2: "100%",
+						y1: "0%",
+						y2: "0%"
+					}, [C("stop", {
+						offset: "0%",
+						"stop-color": `${k(f)(k(p)(e.color, .03), B.value.line.area.opacity)}`
+					}, null, 8, en), C("stop", {
+						offset: "100%",
+						"stop-color": `${k(f)(e.color, B.value.line.area.opacity)}`
+					}, null, 8, tn)], 8, $t))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), S("defs", nn, [C("linearGradient", {
+						id: `temperature_grad_line_${t}_${F.value}`,
+						gradientTransform: "rotate(90)"
+					}, [(T(!0), S(y, null, D(e.temperatureColors, (n, r) => (T(), S("stop", {
+						key: `temperature_grad_stop_${t}_${r}_${F.value}`,
+						"stop-color": n,
+						offset: k(me)(r, e.temperatureColors.length)
+					}, null, 8, an))), 128))], 8, rn)])) : x("", !0)], 64))), 128)),
+					(T(!0), S(y, null, D(Is.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: Ws(e.from + n - W.value.start),
+						y: Y.value?.top,
+						height: Y.value.height < 0 ? 10 : Y.value.height,
+						width: Gs(e.from + n - W.value.start),
+						fill: k(f)(e.color, e.opacity)
+					}, null, 12, on)]))), 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: Ws(e.from + n - W.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - Js(e.span) / 2),
+						y: Y.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" ? Js(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"}`) }, pt(e.caption.text), 5)], 12, sn)) : x("", !0)]))), 256))], 64)) : x("", !0)]))), 256)),
+					xo.value && !q.value ? (T(), S("g", cn, [(T(!0), S(y, null, D(Z.value, (e, t) => (T(), S("g", { key: `tooltip_trap_highlighter_${t}` }, [C("rect", {
+						x: Ws(t),
+						y: Y.value?.top,
+						height: Y.value.height < 0 ? 10 : Y.value.height,
+						width: qs(t),
+						fill: [
+							I.value,
+							R.value,
+							Vi.value
+						].includes(t) ? k(f)(B.value.chart.highlighter.color, B.value.chart.highlighter.opacity) : "transparent",
+						style: {
+							transition: "none !important",
+							animation: "none !important"
+						}
+					}, null, 8, ln)]))), 128))])) : x("", !0),
+					_c.value.length ? (T(!0), S(y, { key: 1 }, D(_c.value, (e, t) => (T(), S("g", {
+						key: `serie_bar_${e.id}`,
+						class: st(`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, (r, i) => (T(), S("g", { key: `bar_plot_${t}_${i}` }, [
+						Jo(r.value) ? (T(), S("rect", {
+							key: 0,
+							x: us(r) + ec.value / 2,
+							y: V.value.useIndividualScale ? fs(r) : ds(r),
+							height: V.value.useIndividualScale ? Math.abs(ss(r)) : Math.abs(os(r)),
+							width: $s.value - ec.value,
+							rx: B.value.bar.borderRadius,
+							fill: B.value.bar.useGradient ? r.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(Oa) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, un)) : x("", !0),
+						Jo(r.value) && n.$slots.pattern ? (T(), S("rect", {
+							key: 1,
+							x: us(r) - ec.value / 2,
+							y: V.value.useIndividualScale ? fs(r) : ds(r),
+							height: V.value.useIndividualScale ? Math.abs(ss(r)) : Math.abs(os(r)),
+							width: $s.value - ec.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(Oa) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, dn)) : x("", !0),
+						r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
+							key: 2,
+							style: { overflow: "visible" },
+							height: "12",
+							width: $s.value + B.value.chart.comments.width,
+							x: us(r) - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
+							y: k(v)(r.y) + B.value.chart.comments.offsetY + 6
+						}, [O(n.$slots, "plot-comment", { plot: {
+							...r,
+							color: e.color,
+							seriesIndex: t,
+							datapointIndex: i
+						} }, void 0, !0)], 8, fn)) : 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: Y.value?.left,
+						x2: Y.value?.right,
+						y1: k(h)(as.value),
+						y2: k(h)(as.value),
+						"stroke-linecap": "round",
+						style: { animation: "none !important" }
+					}, null, 8, pn)) : x("", !0),
+					(B.value.chart.highlighter.useLine || q.value) && No.value ? (T(), S("g", mn, [C("line", {
+						x1: Xc.value,
+						x2: Xc.value,
+						y1: k(h)(Y.value?.top),
+						y2: k(h)(Y.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, hn)])) : x("", !0),
+					B.value.chart.grid.frame.show ? (T(), S("rect", {
+						key: 4,
+						style: {
+							pointerEvents: "none",
+							transition: "none",
+							animation: "none !important"
+						},
+						x: Math.max(0, Y.value?.left),
+						y: Y.value?.top,
+						width: Math.max(0, Y.value?.width),
+						height: Y.value.height < 0 ? 0 : Y.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, gn)) : x("", !0),
+					B.value.chart.grid.labels.show ? (T(), S("g", {
+						key: 5,
+						ref_key: "scaleLabels",
+						ref: Oi
+					}, [V.value.useIndividualScale ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(yc.value, (e) => (T(), S("g", null, [C("line", {
+						x1: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
+						x2: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
+						y1: V.value.isStacked ? k(h)(Y.value?.bottom - e.yOffset - e.individualHeight) : k(h)(Y.value?.top),
+						y2: V.value.isStacked ? k(h)(Y.value?.bottom - e.yOffset) : k(h)(Y.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, _n)]))), 256)), (T(!0), S(y, null, D(yc.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 ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX + B.value.chart.grid.labels.axis.yLabelOffsetX : Y.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 : J.value ? e.x + 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}, ${V.value.isStacked ? Y.value?.bottom - e.yOffset - e.individualHeight / 2 : Y.value?.top + Y.value.height / 2}) rotate(-90)`
+						}, pt(e.name) + " " + pt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, vn),
+						(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 ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x + 3 - B.value.chart.grid.labels.yAxis.crosshairSize - Y.value.individualOffsetX,
+							x2: V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize : e.x - Y.value.individualOffsetX,
+							y1: k(h)(t.y),
+							y2: k(h)(t.y),
+							stroke: e.color,
+							"stroke-width": 1,
+							"stroke-linecap": "round",
+							style: { animation: "none !important" }
+						}, null, 8, yn)) : x("", !0)], 64))), 256)),
+						(T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S("text", {
+							transform: `translate(${V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - Y.value.individualOffsetX}, ${k(h)(t.y) + z.value.dataLabels / 3})`,
+							"text-anchor": J.value ? "start" : "end",
+							"font-size": z.value.dataLabels,
+							fill: e.color
+						}, pt(k(_)(B.value.chart.grid.labels.yAxis.formatter, t.value, k(s)({
+							p: t.prefix,
+							v: t.value,
+							s: t.suffix,
+							r: B.value.chart.grid.labels.yAxis.rounding
+						}), {
+							datapoint: t.datapoint,
+							seriesIndex: n
+						})), 9, bn))), 256))
+					], 4))), 256))], 64)) : (T(!0), S(y, { key: 1 }, D(ic.value, (e, t) => (T(), S("g", { key: `yLabel_${t}` }, [Jo(e) && e.value >= K.value.min && e.value <= K.value.max && B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
+						key: 0,
+						x1: J.value ? Y.value?.right : Y.value?.left,
+						x2: J.value ? Y.value?.right + B.value.chart.grid.labels.yAxis.crosshairSize : Y.value?.left - B.value.chart.grid.labels.yAxis.crosshairSize,
+						y1: k(h)(e.y),
+						y2: k(h)(e.y),
+						stroke: B.value.chart.grid.stroke,
+						"stroke-width": "1",
+						"stroke-linecap": "round",
+						style: { animation: "none !important" }
+					}, null, 8, xn)) : x("", !0), e.value >= K.value.min && e.value <= K.value.max ? (T(), S("text", {
+						key: 1,
+						transform: `translate(${J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.scaleLabelX - B.value.chart.grid.labels.yAxis.crosshairSize}, ${k(v)(e.y + z.value.dataLabels / 3)})`,
+						"font-size": z.value.dataLabels,
+						"text-anchor": J.value ? "start" : "end",
+						fill: B.value.chart.grid.labels.color
+					}, pt(Jo(e.value) ? k(_)(B.value.chart.grid.labels.yAxis.formatter, e.value, k(s)({
+						p: e.prefix,
+						v: e.value,
+						s: e.suffix,
+						r: B.value.chart.grid.labels.yAxis.rounding
+					})) : ""), 9, Sn)) : x("", !0)]))), 128))], 512)) : x("", !0),
+					(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S("g", {
+						key: `serie_plot_${e.id}`,
+						class: st(`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, (r, i) => (T(), S("g", { key: `circle_plot_${t}_${i}` }, [r && Jo(r.value) ? (T(), Qe(Ge, {
+						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)(r.x),
+							y: k(v)(r.y)
+						},
+						radius: Zc(e, r, i) ? (ya.value.plot || 6) * 1.5 : (oc(e.plots, i), ya.value.plot || 6),
+						stroke: B.value.plot.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
+						strokeWidth: B.value.plot.dot.strokeWidth,
+						transition: k(Oa) || !B.value.plot.showTransition || Zc(e, r, i) ? void 0 : `all ${B.value.plot.transitionDurationMs}ms ease-in-out`
+					}, null, 8, [
+						"shape",
+						"color",
+						"plot",
+						"radius",
+						"stroke",
+						"strokeWidth",
+						"transition"
+					])) : x("", !0), r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
+						key: 1,
+						style: { overflow: "visible" },
+						height: "12",
+						width: B.value.chart.comments.width,
+						x: r.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
+						y: r.y + B.value.chart.comments.offsetY + 6
+					}, [C("div", wn, [O(n.$slots, "plot-comment", { plot: {
+						...r,
+						color: e.color,
+						seriesIndex: t,
+						datapointIndex: i
+					} }, void 0, !0)])], 8, Cn)) : x("", !0)]))), 128))], 6))), 128)),
+					(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
+						key: `serie_line_${e.id}`,
+						class: st(`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(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, Tn)) : 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(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, En)) : x("", !0)], 6))), 128)),
+					n.$slots.pattern ? (T(), S("defs", Dn, [(T(!0), S(y, null, D(to.value, (e, t) => O(n.$slots, "pattern", at({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+						...e,
+						seriesIndex: e.slotAbsoluteIndex,
+						patternId: `pattern_${F.value}_${t}`
+					}), void 0, !0)), 128))])) : x("", !0),
+					bc.value.length && !V.value.isStacked ? (T(), S("g", On, [(T(!0), S(y, null, D(bc.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(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, kn))), 128))])) : x("", !0),
+					(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
+						key: `serie_line_above_${e.id}`,
+						class: st(`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", An, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.curveAreas, (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
+							key: 0,
+							d: r,
+							fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(f)(e.color, B.value.line.area.opacity),
+							style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, jn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
+							key: 1,
+							d: r,
+							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
+							style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Mn)) : x("", !0)], 64))), 128)) : (T(!0), S(y, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
+							key: 0,
+							d: `M${r}Z`,
+							fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(f)(e.color, B.value.line.area.opacity),
+							style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Nn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
+							key: 1,
+							d: `M${r}Z`,
+							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
+							style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Pn)) : 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(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Fn)) : 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, In))), 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, Ln))), 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(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Rn)) : x("", !0),
+						(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S(y, { key: `circle_line_${t}_${i}` }, [!Ps.value.linePlot && r && Jo(r.value) || Ps.value.linePlot && r && Jo(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || oc(e.plots, i) ? (T(), Qe(Ge, {
+							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)(r.x),
+								y: k(v)(r.y)
+							},
+							radius: Zc(e, r, i) ? (ya.value.line || 6) * 1.5 : (oc(e.plots, i), ya.value.line || 6),
+							stroke: B.value.line.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
+							strokeWidth: B.value.line.dot.strokeWidth,
+							transition: k(Oa) || !B.value.line.showTransition || Zc(e, r, i) ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out`
+						}, null, 8, [
+							"shape",
+							"color",
+							"plot",
+							"radius",
+							"stroke",
+							"strokeWidth",
+							"transition"
+						])) : x("", !0), r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
+							key: 1,
+							style: { overflow: "visible" },
+							height: "12",
+							width: B.value.chart.comments.width,
+							x: r.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
+							y: r.y + B.value.chart.comments.offsetY + 6
+						}, [C("div", Bn, [O(n.$slots, "plot-comment", { plot: {
+							...r,
+							color: e.color,
+							seriesIndex: t,
+							datapointIndex: i
+						} }, void 0, !0)])], 8, zn)) : x("", !0)], 64))), 128))
+					], 6))), 128)),
+					(B.value.bar.labels.show || B.value.bar.serieName.show) && V.value.dataLabels.show ? (T(), S("g", Vn, [(T(!0), S(y, null, D(_c.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": Yc({
+							plot: n,
+							type: "bar"
+						}),
+						"font-size": z.value.plotLabels,
+						transform: qc({ 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: Kc({
+							serie: e,
+							plot: n,
+							type: "bar"
+						})
+					}, null, 12, Hn)) : x("", !0), n && B.value.bar.serieName.show ? (T(), S("text", {
+						key: 1,
+						x: V.value.useIndividualScale && V.value.isStacked ? n.x + cs.value.line / 2 : n.x + ls() * 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`)
+					}, pt(B.value.bar.serieName.useAbbreviation ? k(ye)({
+						source: e.name,
+						length: B.value.bar.serieName.abbreviationSize
+					}) : e.name), 13, Un)) : x("", !0)], 64))), 128))], 64))), 128))])) : x("", !0),
+					B.value.plot.labels.show && V.value.dataLabels.show ? (T(), S("g", Wn, [(T(!0), S(y, null, D(vc.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 || Zc(e, n, r) ? (T(), S("text", {
+						key: 0,
+						transform: Jc({
+							plot: n,
+							type: "plot"
+						}),
+						"text-anchor": Yc({
+							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: Kc({
+							serie: e,
+							plot: n,
+							type: "plot"
+						})
+					}, null, 12, Gn)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", Kn, [(T(!0), S(y, null, D(vc.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,
+						Vi.value
+					].includes(r) && e.useTag ? (T(), S("line", {
+						key: 0,
+						class: "vue-ui-xy-tag-plot",
+						x1: Y.value?.left,
+						x2: Y.value?.right,
+						y1: n.y,
+						y2: n.y,
+						"stroke-width": 1,
+						"stroke-linecap": "round",
+						"stroke-dasharray": "2",
+						stroke: e.color
+					}, null, 8, Zn)) : 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(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
+							datapoint: n,
+							seriesIndex: r,
+							serieName: e.name
+						})
+					}, null, 12, Jn)], 12, qn)) : 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(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
+							datapoint: n,
+							seriesIndex: r,
+							serieName: e.name
+						})
+					}, null, 12, Xn)], 12, Yn)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					B.value.line.labels.show && V.value.dataLabels.show ? (T(), S("g", Qn, [(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 || Zc(e, n, r) ? (T(), S("text", {
+						key: 0,
+						transform: Jc({
+							plot: n,
+							type: "line"
+						}),
+						"text-anchor": Yc({
+							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: Kc({
+							serie: e,
+							plot: n,
+							type: "line"
+						})
+					}, null, 12, $n)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", er, [(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,
+						Vi.value
+					].includes(r) && e.useTag ? (T(), S("line", {
+						key: 0,
+						class: "vue-ui-xy-tag-line",
+						x1: Y.value?.left,
+						x2: Y.value?.right,
+						y1: n.y,
+						y2: n.y,
+						"stroke-width": 1,
+						"stroke-linecap": "round",
+						"stroke-dasharray": "2",
+						stroke: e.color
+					}, null, 8, ar)) : 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(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
+							datapoint: n,
+							seriesIndex: r,
+							serieName: e.name
+						})
+					}, null, 12, nr)], 12, tr)) : 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(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
+							datapoint: n,
+							seriesIndex: r,
+							serieName: e.name
+						})
+					}, null, 12, ir)], 12, rr)) : 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(Oe)({
+							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), 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(Oe)({
+							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)], 64))), 128))], 64))), 128)),
+					(T(!0), S(y, null, D(vc.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(Oe)({
+							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), 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(Oe)({
+							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, lr)) : x("", !0)], 64))), 128))], 64))), 128)),
+					(T(!0), S(y, null, D([
+						...vc.value,
+						...$.value,
+						..._c.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", ur, [
+						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, fr)], 8, dr)]),
+						e.plots.length > 1 ? (T(), S("line", {
+							key: 0,
+							x1: k(_e)(e.plots).x1 + (e.type === "bar" ? ls() : 0),
+							x2: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 0),
+							y1: k(h)(k(_e)(e.plots).y1),
+							y2: k(h)(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, pr)) : x("", !0),
+						e.plots.length > 1 ? (T(), S("line", {
+							key: 1,
+							x1: k(_e)(e.plots).x1 + (e.type === "bar" ? ls() : 0),
+							x2: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 0),
+							y1: k(h)(k(_e)(e.plots).y1),
+							y2: k(h)(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, mr)) : x("", !0),
+						e.plots.length > 1 ? (T(), S("text", {
+							key: 2,
+							"text-anchor": "middle",
+							x: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 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"
+						}, pt(k(s)({
+							v: k(_e)(e.plots).trend * 100,
+							s: "%",
+							r: 2
+						})), 9, hr)) : 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(yc.value, (e, t) => (T(), S("linearGradient", {
+						id: `individual_scale_gradient_${F.value}_${t}`,
+						x1: J.value ? "100%" : "0%",
+						x2: J.value ? "0%" : "100%",
+						y1: "0%",
+						y2: "0%"
+					}, [C("stop", {
+						offset: "0%",
+						"stop-color": B.value.chart.backgroundColor,
+						"stop-opacity": "0"
+					}, null, 8, _r), C("stop", {
+						offset: "100%",
+						"stop-color": e.color,
+						"stop-opacity": "0.2"
+					}, null, 8, vr)], 8, gr))), 256))]), (T(!0), S(y, null, D(yc.value, (e, t) => (T(), S("rect", {
+						x: J.value ? e.x : e.x - B.value.chart.grid.labels.yAxis.labelWidth - Y.value.individualOffsetX,
+						y: Y.value?.top,
+						width: (J.value, B.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX),
+						height: Y.value.height < 0 ? 10 : Y.value.height,
+						fill: M.value === e.groupId ? `url(#individual_scale_gradient_${F.value}_${t})` : "transparent",
+						onMouseenter: (t) => M.value = e.groupId,
+						onMouseleave: r[0] ||= (e) => M.value = null
+					}, null, 40, yr))), 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: Ei,
+						"font-size": z.value.yAxis,
+						fill: B.value.chart.grid.labels.color,
+						transform: `translate(${J.value ? Y.value.right + Y.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}, ${Y.value?.top + Y.value.height / 2}) rotate(-90)`,
+						"text-anchor": "middle",
+						style: { transition: "none" }
+					}, pt(B.value.chart.grid.labels.axis.yLabel), 9, br)) : x("", !0), B.value.chart.grid.labels.axis.xLabel ? (T(), S("text", {
+						key: 1,
+						ref_key: "xAxisLabel",
+						ref: Ti,
+						"text-anchor": "middle",
+						x: N.value / 2,
+						y: Pi.value - 3,
+						"font-size": z.value.yAxis,
+						fill: B.value.chart.grid.labels.color
+					}, pt(B.value.chart.grid.labels.axis.xLabel), 9, xr)) : x("", !0)]),
+					B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", {
+						key: 14,
+						ref_key: "timeLabelsEls",
+						ref: Di
+					}, [n.$slots["time-label"] ? (T(!0), S(y, { key: 0 }, D(lc.value, (e, t) => O(n.$slots, "time-label", at({
+						key: `time_label_${e.id}`,
+						ref_for: !0
+					}, {
+						x: uc(e, t),
+						y: Y.value?.bottom,
+						fontSize: z.value.xAxis,
+						fill: B.value.chart.grid.labels.xAxisLabels.color,
+						transform: `translate(${uc(e, t)}, ${Y.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(lc.value, (e, n) => (T(), S("g", { key: `time_label_${n}` }, [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(${uc(e, n)}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
+						style: w({ cursor: _o() && Ca.value ? "pointer" : "default" }),
+						innerHTML: k(t)({
+							content: String(e.text),
+							fontSize: z.value.xAxis,
+							fill: B.value.chart.grid.labels.xAxisLabels.color,
+							x: 0,
+							y: 0
+						}),
+						onClick: () => Ao(e, n)
+					}, null, 12, Cr)) : (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(${uc(e, n)}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
+						style: w({ cursor: _o() && Ca.value ? "pointer" : "default" }),
+						onClick: () => Ao(e, n)
+					}, pt(e.text || ""), 13, Sr))], 64)) : x("", !0)]))), 128))], 512)) : x("", !0),
+					ac.value.length && !V.value.isStacked ? (T(), S("g", wr, [(T(!0), S(y, null, D(ac.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, Tr)) : 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, Er)) : 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: Y.value.width,
+							height: k(v)(e.areaHeight, 0),
+							fill: k(f)(e.config.area.fill, e.config.area.opacity),
+							style: { animation: "none !important" }
+						}, null, 8, Dr)) : x("", !0),
+						e.config.label.text && e.show && isFinite(e._box.y) ? (T(), S("rect", at({
+							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
+						}, pt(e.config.label.text), 9, Or)) : x("", !0)
+					]))), 128))])) : x("", !0),
+					B.value.chart.timeTag.show && (q.value ? k(g)(Hc.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), S("g", kr, [(T(), S("foreignObject", {
+						x: Wc(),
+						y: Y.value?.bottom,
+						width: "200",
+						height: "40",
+						style: { overflow: "visible !important" }
+					}, [C("div", {
+						ref_key: "timeTagEl",
+						ref: zc,
+						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: Gc.value
+					}, null, 12, jr)], 8, Ar)), C("circle", {
+						cx: q.value && k(g)(Hc.value) ? dc({ x: Hc.value }) : Hs((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+						cy: Y.value?.bottom,
+						r: B.value.chart.timeTag.circleMarker.radius,
+						fill: B.value.chart.timeTag.circleMarker.color
+					}, null, 8, Mr)])) : x("", !0)
+				])) : x("", !0),
+				Na.value ? (T(), S("rect", at({ key: 2 }, Ia.value, {
+					"data-start": W.value.start,
+					"data-end": W.value.end
+				}), null, 16, Nr)) : x("", !0),
+				O(n.$slots, "svg", { svg: {
+					...pa.value,
+					slicer: W.value,
+					isPrintingImg: k(La) || k(Ra) || ea.value,
+					isPrintingSvg: ta.value,
+					data: [
+						...$.value,
+						..._c.value,
+						...vc.value
+					],
+					drawingArea: Y.value
+				} }, void 0, !0)
+			], 512)], 46, Tt)), n.$slots.hint ? (T(), S("div", Pr, [O(n.$slots, "hint", ct(it({
+				hint: B.value.a11y.translations.keyboardNavigation,
+				isVisible: ul.value
+			})), void 0, !0)])) : x("", !0)]),
+			n.$slots.watermark ? (T(), S("div", Fr, [O(n.$slots, "watermark", ct(it({ isPrinting: k(La) || k(Ra) || ea.value || ta.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,
+				Vi.value
+			].includes(r) && e.useTag && e.useTag === "end" && B.value.line.tag.followValue ? (T(), S("div", {
+				key: 0,
+				ref_for: !0,
+				ref: (e) => bo(t, r, e, "right", "line"),
+				class: "vue-ui-xy-tag",
+				"data-tag": "right",
+				style: w({
+					position: "fixed",
+					top: k(ge)({
+						svgElement: L.value,
+						x: Y.value?.right + B.value.line.tag.fontSize / 1.5,
+						y: n.y,
+						element: Xi.value[`${t}_${r}_right_line`],
+						position: "right"
+					})?.top + "px",
+					left: k(ge)({
+						svgElement: L.value,
+						x: Y.value?.right + B.value.line.tag.fontSize / 1.5,
+						y: n.y,
+						element: Xi.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", Ir, [C("path", {
+				d: "M 0,10 10,0 10,20 Z",
+				fill: e.color,
+				stroke: "none"
+			}, null, 8, Lr)])), C("div", {
+				class: "vue-ui-xy-tag-content",
+				innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
+					datapoint: n,
+					seriesIndex: r,
+					serieName: e.name
+				})
+			}, null, 8, Rr)], 4)) : x("", !0), [
+				I.value,
+				R.value,
+				Vi.value
+			].includes(r) && e.useTag && e.useTag === "start" && B.value.line.tag.followValue ? (T(), S("div", {
+				key: 1,
+				ref_for: !0,
+				ref: (e) => bo(t, r, e, "left", "line"),
+				class: "vue-ui-xy-tag",
+				"data-tag": "left",
+				style: w({
+					position: "fixed",
+					top: k(ge)({
+						svgElement: L.value,
+						x: Y.value?.left - B.value.line.tag.fontSize / 1.5,
+						y: n.y,
+						element: Xi.value[`${t}_${r}_left_line`],
+						position: "left"
+					})?.top + "px",
+					left: k(ge)({
+						svgElement: L.value,
+						x: Y.value?.left - B.value.line.tag.fontSize / 1.5,
+						y: n.y,
+						element: Xi.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", zr, [C("path", {
+				d: "M 0,0 10,10 0,20 Z",
+				fill: e.color,
+				stroke: "none"
+			}, null, 8, Br)])), C("div", {
+				class: "vue-ui-xy-tag-content",
+				innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
+					datapoint: n,
+					seriesIndex: r,
+					serieName: e.name
+				})
+			}, null, 8, Vr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
+			(T(!0), S(y, null, D(vc.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,
+				Vi.value
+			].includes(r) && e.useTag && e.useTag === "end" && B.value.plot.tag.followValue ? (T(), S("div", {
+				key: 0,
+				ref_for: !0,
+				ref: (e) => bo(t, r, e, "right", "plot"),
+				class: "vue-ui-xy-tag",
+				"data-tag": "right",
+				style: w({
+					position: "fixed",
+					top: k(ge)({
+						svgElement: L.value,
+						x: Y.value?.right + B.value.plot.tag.fontSize / 1.5,
+						y: n.y,
+						element: Xi.value[`${t}_${r}_right_plot`],
+						position: "right"
+					})?.top + "px",
+					left: k(ge)({
+						svgElement: L.value,
+						x: Y.value?.right + B.value.plot.tag.fontSize / 1.5,
+						y: n.y,
+						element: Xi.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", Hr, [C("path", {
+				d: "M 0,10 10,0 10,20 Z",
+				fill: e.color,
+				stroke: "none"
+			}, null, 8, Ur)])), C("div", {
+				class: "vue-ui-xy-tag-content",
+				innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
+					datapoint: n,
+					seriesIndex: r,
+					serieName: e.name
+				})
+			}, null, 8, Wr)], 4)) : x("", !0), [
+				I.value,
+				R.value,
+				Vi.value
+			].includes(r) && e.useTag && e.useTag === "start" && B.value.plot.tag.followValue ? (T(), S("div", {
+				key: 1,
+				ref_for: !0,
+				ref: (e) => bo(t, r, e, "left", "plot"),
+				class: "vue-ui-xy-tag",
+				"data-tag": "left",
+				style: w({
+					position: "fixed",
+					top: k(ge)({
+						svgElement: L.value,
+						x: Y.value?.left - B.value.plot.tag.fontSize / 1.5,
+						y: n.y,
+						element: Xi.value[`${t}_${r}_left_plot`],
+						position: "left"
+					})?.top + "px",
+					left: k(ge)({
+						svgElement: L.value,
+						x: Y.value?.left - B.value.plot.tag.fontSize / 1.5,
+						y: n.y,
+						element: Xi.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", Gr, [C("path", {
+				d: "M 0,0 10,10 0,20 Z",
+				fill: e.color,
+				stroke: "none"
+			}, null, 8, Kr)])), C("div", {
+				class: "vue-ui-xy-tag-content",
+				innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
+					datapoint: n,
+					seriesIndex: r,
+					serieName: e.name
+				})
+			}, null, 8, qr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
+			B.value.chart.zoom.show && U.value > 6 && Sa.value && zo.value ? (T(), Qe(qe, {
+				key: 6,
+				ref_key: "chartSlicer",
+				ref: bi,
+				uuid: F.value,
+				allMinimaps: nc.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: Na.value,
+				labelLeft: X.value[0] ? X.value[0].text : "",
+				labelRight: X.value.at(-1) ? X.value.at(-1).text : "",
+				max: mc.value,
+				min: pc.value,
+				precision: q.value ? B.value.chart.grid.labels.xAxis.rounding : 0,
+				useValueRange: q.value,
+				minimap: tc.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: q.value ? na.value : I.value,
+				minimapSelectionRadius: B.value.chart.zoom.minimap.selectionRadius,
+				preciseLabels: Tc.value.length ? Tc.value : wo.value,
+				refreshStartPoint: q.value ? pc.value : B.value.chart.zoom.startIndex === null ? 0 : B.value.chart.zoom.startIndex,
+				refreshEndPoint: q.value ? mc.value : B.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ma(e.series).length)) : B.value.chart.zoom.endIndex + 1,
+				selectColor: B.value.chart.zoom.highlightColor,
+				selectedSeries: rc.value,
+				smoothMinimap: B.value.chart.zoom.minimap.smooth,
+				start: W.value.start,
+				textColor: B.value.chart.color,
+				timeLabels: wo.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: Ca.value,
+				onFutureEnd: r[1] ||= (e) => Pa("end", e),
+				onFutureStart: r[2] ||= (e) => Pa("start", e),
+				onReset: qo,
+				onTrapMouse: jo,
+				onTrapMouseValue: Mo,
+				"onUpdate:end": Ko,
+				"onUpdate:start": Go
+			}, {
+				"reset-action": A(({ reset: e }) => [O(n.$slots, "reset-action", ct(it({ 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.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.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, Jr),
+			Qi.value && (B.value.chart.legend.show || n.$slots.legend) ? (T(), Qe(Ze, {
+				key: 7,
+				to: B.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
+			}, [C("div", {
+				ref_key: "chartLegend",
+				ref: xi
+			}, [O(n.$slots, "legend", { legend: no.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 && no.value.length > 2 && !k(Oa) ? (T(), Qe(Ye, {
+				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: Es
+			}, null, 8, [
+				"backgroundColor",
+				"color",
+				"fontSize",
+				"checked"
+			])) : x("", !0), (T(!0), S(y, null, D(no.value, (e, t) => (T(), S("div", {
+				key: `div_legend_item_${t}`,
+				onClick: (t) => ks(e),
+				onKeydown: (t) => Ds(t, e),
+				role: "button",
+				tabindex: "0",
+				class: st({
+					"vue-ui-xy-legend-item-alone": no.value.length === 1,
+					"vue-ui-xy-legend-item": !0,
+					"vue-ui-xy-legend-item-segregated": P.value.includes(e.id)
+				}),
+				style: w({ cursor: Ca.value ? "pointer" : "default" })
+			}, [Li.value[e.type] === "line" ? (T(), S("svg", Xr, [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, Zr), tt(Ge, {
+				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"
+			])])) : Li.value[e.type] === "bar" ? (T(), S("svg", Qr, [Li.value[e.type] === "bar" && n.$slots.pattern ? (T(), S("rect", {
+				key: 0,
+				x: "4",
+				y: "4",
+				rx: "1",
+				height: "32",
+				width: "32",
+				stroke: "none",
+				fill: e.color
+			}, null, 8, $r)) : x("", !0), Li.value[e.type] === "bar" ? (T(), S("rect", {
+				key: 1,
+				x: "4",
+				y: "4",
+				rx: "1",
+				height: "32",
+				width: "32",
+				stroke: "none",
+				fill: n.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
+			}, null, 8, ei)) : x("", !0)])) : (T(), S("svg", ti, [tt(Ge, {
+				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}`) }, pt(e.name), 5)], 46, Yr))), 128))], 4)) : x("", !0)], !0)], 512)], 8, ["to"])) : x("", !0),
+			n.$slots.source ? (T(), S("div", {
+				key: 8,
+				ref_key: "source",
+				ref: Si,
+				dir: "auto"
+			}, [O(n.$slots, "source", {}, void 0, !0)], 512)) : x("", !0),
+			tt(k(ai), {
+				teleportTo: B.value.chart.tooltip.teleportTo,
+				show: V.value.showTooltip && Bi.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: n.$refs.chart,
+				content: Ec.value,
+				isFullscreen: zi.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: ra.value != null,
+				a11yPosition: ia.value
+			}, {
+				"tooltip-before": A(() => [O(n.$slots, "tooltip-before", ct(it({ ...xc.value })), void 0, !0)]),
+				tooltip: A(() => [O(n.$slots, "tooltip", ct(it({ ...xc.value })), void 0, !0)]),
+				"tooltip-after": A(() => [O(n.$slots, "tooltip-after", ct(it({ ...xc.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"
+			]),
+			Sa.value && B.value.chart.userOptions.buttons.table ? (T(), Qe(dt(el.value.component), at({ key: 9 }, el.value.props, {
+				ref_key: "tableUnit",
+				ref: $i,
+				onClose: tl
+			}), $e({
+				content: A(() => [C("div", { style: w(`${k(La) || 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", ni, [yt(C("input", {
+					type: "checkbox",
+					"onUpdate:modelValue": r[4] ||= (e) => Gi.value = e
+				}, null, 512), [[gt, Gi.value]]), C("div", {
+					onClick: r[5] ||= (e) => Gi.value = !Gi.value,
+					style: w({ cursor: Ca.value ? "pointer" : "default" })
+				}, [tt(k(si), {
+					name: "chartLine",
+					size: 20,
+					stroke: B.value.chart.color
+				}, null, 8, ["stroke"])], 4)]), Gi.value ? (T(), Qe(k(ci), {
+					key: `sparkline_${Ki.value}`,
+					dataset: Rs.value,
+					config: zs.value
+				}, null, 8, ["dataset", "config"])) : (T(), Qe(k(ii), {
+					key: `table_${Ui.value}`,
+					colNames: Oc.value.colNames,
+					head: Oc.value.head,
+					body: Oc.value.body,
+					config: Oc.value.config,
+					title: B.value.table.useDialog ? "" : el.value.title,
+					withCloseButton: !B.value.table.useDialog,
+					onClose: tl
+				}, {
+					th: A(({ th: e }) => [C("div", { innerHTML: e }, null, 8, ri)]),
+					td: A(({ td: e }) => [et(pt(isNaN(Number(e)) ? e : k(s)({
+						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(() => [et(pt(el.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: r[3] ||= (e) => kc(B.value.chart.userOptions.callbacks.csv)
+				}, [tt(k(si), {
+					name: "fileCsv",
+					stroke: el.value.props.color
+				}, null, 8, ["stroke"])])]),
+				key: "1"
+			} : void 0]), 1040)) : x("", !0),
+			O(n.$slots, "skeleton", {}, () => [k(Oa) ? (T(), Qe(Ie, { key: 0 })) : x("", !0)], !0)
+		], 46, xt));
+	}
+}, [["__scopeId", "data-v-0351e25a"]]);
+//#endregion
+export { bt as n, j as t };