vue-data-ui 3.27.0 → 3.27.1-beta.0

package/dist/vue-ui-sparkline-DvE1dHcs.js

@@ -1,2067 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, A as n, Et as r, G as i, I as a, Jt as o, K as s, L as c, N as l, Nt as u, P as d, R as f, S as p, U as ee, W as te, X as ne, Yt as re, at as ie, d as ae, dt as oe, i as se, k as ce, lt as le, m as ue, nn as de, qt as fe, t as pe, yt as me, zt as he } from "./lib-D4wK6ljP.js";
-import { n as ge, t as _e } from "./useHints-Dq_w2E8B.js";
-import { t as ve } from "./useTimeLabels-d2f-W1L4.js";
-import { t as ye } from "./useConfig-D_6ZrPMD.js";
-import { n as be, t as xe } from "./BaseScanner-Dzc8VT3j.js";
-import { t as Se } from "./useNestedProp-DR_8JPol.js";
-import { t as Ce } from "./useThemeCheck-C43Tcqmk.js";
-import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as Te, t as Ee } from "./useResponsive-ZtArZtUf.js";
-import { t as De } from "./DefGrad-DVBqDjhO.js";
-import { t as Oe } from "./A11yDataTable-DdRsVULz.js";
-import { t as ke } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ae } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as je } from "./vue_ui_sparkline-b9pEUyGF.js";
-import { Fragment as m, computed as h, createBlock as Me, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as Ne, createVNode as Pe, defineAsyncComponent as Fe, guardReactiveProps as Ie, nextTick as y, normalizeClass as Le, normalizeProps as Re, normalizeStyle as ze, onBeforeUnmount as Be, onMounted as Ve, openBlock as b, ref as x, renderList as S, renderSlot as He, shallowRef as Ue, toDisplayString as We, toRefs as Ge, unref as C, watch as w, watchEffect as Ke, withCtx as qe } from "vue";
-//#region src/atoms/SparklinePulse.vue
-var Je = {
-	key: 0,
-	style: { "pointer-events": "none" }
-}, Ye = [
-	"r",
-	"fill",
-	"filter"
-], Xe = [
-	"begin",
-	"dur",
-	"repeatCount",
-	"fill",
-	"calcMode",
-	"keySplines",
-	"keyTimes",
-	"keyPoints"
-], Ze = ["href"], Qe = [
-	"dur",
-	"repeatCount",
-	"fill",
-	"values"
-], $e = ["r", "fill"], et = [
-	"begin",
-	"dur",
-	"repeatCount",
-	"calcMode",
-	"keySplines",
-	"keyTimes",
-	"keyPoints"
-], T = ["href"], tt = ["dur", "repeatCount"], nt = {
-	__name: "SparklinePulse",
-	props: {
-		uid: {
-			type: String,
-			required: !0
-		},
-		svgRef: {
-			type: Object,
-			default: null
-		},
-		pulsePathId: {
-			type: String,
-			required: !0
-		},
-		pulsePathLength: {
-			type: Number,
-			required: !0
-		},
-		pulseDur: {
-			type: String,
-			required: !0
-		},
-		pulseBegin: {
-			type: String,
-			required: !0
-		},
-		pulseRepeatCount: {
-			type: String,
-			required: !0
-		},
-		pulseFillMode: {
-			type: String,
-			default: void 0
-		},
-		pulseKeyPoints: {
-			type: String,
-			required: !0
-		},
-		pulseMotion: {
-			type: Object,
-			required: !0
-		},
-		pulse: {
-			type: Object,
-			required: !0
-		},
-		pulseTrail: {
-			type: Object,
-			required: !0
-		},
-		pulseTrailLength: {
-			type: Number,
-			required: !0
-		},
-		prefersReducedMotion: {
-			type: Boolean,
-			required: !0
-		},
-		loading: {
-			type: Boolean,
-			required: !0
-		},
-		isBar: {
-			type: Boolean,
-			required: !0
-		}
-	},
-	setup(e) {
-		let t = e, n = h(() => Math.min(t.pulseTrailLength, 45)), r = h(() => !!t.pulse?.show && !t.isBar && !t.prefersReducedMotion && !t.loading && Number(t.pulsePathLength) > 0);
-		function i() {
-			let e = t.svgRef?.value;
-			e && (typeof e.pauseAnimations == "function" && e.pauseAnimations(), typeof e.setCurrentTime == "function" && e.setCurrentTime(0), typeof e.unpauseAnimations == "function" && e.unpauseAnimations());
-		}
-		function a(e, t) {
-			if (typeof e != "string") return e;
-			let n = e.trim().match(/^([\d.]+)\s*(ms|s)$/);
-			if (!n) return e;
-			let r = Number(n[1]), i = n[2];
-			return Number.isNaN(r) ? e : `${r + t}${i}`;
-		}
-		function o(e) {
-			return (n.value - e) / n.value * t.pulse.radius;
-		}
-		function s(e) {
-			let r = t.pulse.trail.opacity, i = (n.value - e) / n.value, a = e === 0 ? 1 : i * r;
-			return `0;${a};${a};0`;
-		}
-		return w(() => t.loading, async (e) => {
-			if (e) {
-				i();
-				return;
-			}
-			await y(), i();
-		}), w(() => t.pulsePathId, async () => {
-			await y(), i();
-		}), Be(() => {
-			i();
-		}), (t, i) => r.value ? (b(), _("g", Je, [(b(!0), _(m, null, S(n.value, (t, n) => (b(), _(m, null, [n % 3 == 0 ? (b(), _("circle", {
-			key: `sparkline_dot_${n}_${e.pulsePathId}`,
-			r: o(n),
-			fill: e.pulse.color,
-			filter: `url(#sparkline_pulse_glow_${e.uid})`,
-			opacity: "0"
-		}, [v("animateMotion", {
-			begin: a(e.pulseBegin, n * 10),
-			dur: e.pulseDur,
-			repeatCount: e.pulseRepeatCount,
-			fill: e.pulseFillMode,
-			calcMode: e.pulseMotion.calcMode,
-			keySplines: e.pulseMotion.keySplines || void 0,
-			keyTimes: e.pulseMotion.keyTimes || void 0,
-			keyPoints: e.pulseKeyPoints,
-			rotate: "auto"
-		}, [v("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ze)], 8, Xe), v("animate", {
-			attributeName: "opacity",
-			dur: e.pulseDur,
-			repeatCount: e.pulseRepeatCount,
-			fill: e.pulseFillMode,
-			values: s(n),
-			keyTimes: "0;0.1;0.9;1"
-		}, null, 8, Qe)], 8, Ye)) : g("", !0)], 64))), 256)), (b(), _("circle", {
-			key: `sparkline_halo_${e.pulsePathId}`,
-			r: Math.max(e.pulse.radius * 1.3),
-			fill: e.pulse.color,
-			opacity: "0"
-		}, [v("animateMotion", {
-			begin: e.pulseBegin,
-			dur: e.pulseDur,
-			repeatCount: e.pulseRepeatCount,
-			calcMode: e.pulseMotion.calcMode,
-			keySplines: e.pulseMotion.keySplines || void 0,
-			keyTimes: e.pulseMotion.keyTimes || void 0,
-			keyPoints: e.pulseKeyPoints,
-			rotate: "auto"
-		}, [v("mpath", { href: `#${e.pulsePathId}` }, null, 8, T)], 8, et), v("animate", {
-			attributeName: "opacity",
-			values: "0;0.35;0.35;0",
-			keyTimes: "0;0.15;0.85;1",
-			dur: e.pulseDur,
-			repeatCount: e.pulseRepeatCount
-		}, null, 8, tt)], 8, $e))])) : g("", !0);
-	}
-}, E = {
-	canvas: null,
-	ctx: null
-};
-function rt() {
-	if (typeof document > "u") throw Error("color-utils: document is not available (browser-only).");
-	if (!E.canvas) {
-		let e = document.createElement("canvas");
-		e.width = 1, e.height = 1;
-		let t = e.getContext("2d", { willReadFrequently: !0 });
-		if (!t) throw Error("color-utils: unable to get 2D canvas context.");
-		E.canvas = e, E.ctx = t;
-	}
-	return E.ctx;
-}
-function it(e) {
-	return e < 0 ? 0 : e > 255 ? 255 : Math.round(e);
-}
-function at(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function D(e, t = null) {
-	if (typeof e != "string" || e.trim().length === 0) throw Error("colorToRgba: inputColor must be a non-empty string.");
-	let n = e.trim();
-	if (n.toLowerCase() === "transparent") return {
-		red: 0,
-		green: 0,
-		blue: 0,
-		alpha: 0
-	};
-	let r = k(n, t), i = rt();
-	i.clearRect(0, 0, 1, 1), i.fillStyle = "#000";
-	let a = i.fillStyle;
-	if (i.fillStyle = r, i.fillStyle === a && !A(r)) throw Error(`colorToRgba: unsupported or invalid color "${e}".`);
-	i.fillRect(0, 0, 1, 1);
-	let o = i.getImageData(0, 0, 1, 1).data;
-	return {
-		red: o[0],
-		green: o[1],
-		blue: o[2],
-		alpha: o[3] / 255
-	};
-}
-function O(e, t = null) {
-	if (!Array.isArray(e) || e.length === 0) throw Error("colorsToRgba: colors must be a non-empty array.");
-	let n = Array(e.length);
-	for (let r = 0; r < e.length; r += 1) n[r] = D(e[r], t);
-	return n;
-}
-function k(e, t = null) {
-	return e !== "currentColor" || typeof window > "u" || !t ? e : window.getComputedStyle(t).color || e;
-}
-function A(e) {
-	let t = e.trim().toLowerCase();
-	return t === "black" || t === "#000" || t === "#000000" || t === "rgb(0, 0, 0)" || t === "rgba(0, 0, 0, 1)" || t === "rgba(0, 0, 0, 0)";
-}
-function j(e) {
-	let t = at(e / 255);
-	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-}
-function M(e) {
-	let t = at(e), n;
-	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, it(n * 255);
-}
-function ot(e, t, n, r) {
-	let i = at(n);
-	if (r === "linearRGB") {
-		let n = j(e.red), r = j(e.green), a = j(e.blue), o = j(t.red), s = j(t.green), c = j(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
-		return {
-			red: M(l),
-			green: M(u),
-			blue: M(d),
-			alpha: e.alpha + (t.alpha - e.alpha) * i
-		};
-	}
-	return {
-		red: e.red + (t.red - e.red) * i,
-		green: e.green + (t.green - e.green) * i,
-		blue: e.blue + (t.blue - e.blue) * i,
-		alpha: e.alpha + (t.alpha - e.alpha) * i
-	};
-}
-//#endregion
-//#region src/SPG/number-utils.js
-function N(e, t, n) {
-	let r = e;
-	return r < t && (r = t), r > n && (r = n), r;
-}
-function P(e, t) {
-	let n = 10 ** t;
-	return Math.round(e * n) / n;
-}
-function F(e) {
-	return Number.isFinite(e) ? e.toString() : "0";
-}
-function I(e) {
-	let t = N(e, 0, 255).toString(16);
-	return t.length === 1 ? "0" + t : t;
-}
-function L(e) {
-	if (typeof e != "string") return;
-	let t = Number.parseFloat(e);
-	return Number.isFinite(t) ? t : void 0;
-}
-function st(e, t, n, r = !0) {
-	let i = n - t;
-	if (i === 0) return 0;
-	let a = (e - t) / i;
-	return r ? N(a, 0, 1) : a;
-}
-//#endregion
-//#region src/SPG/index.js
-var ct = "http://www.w3.org/2000/svg";
-function R(e) {
-	if (typeof document > "u") throw Error("SvgPathGradientAsync: document is not available (browser-only implementation).");
-	let t = document.createElementNS(ct, "svg");
-	t.setAttribute("width", "0"), t.setAttribute("height", "0"), t.setAttribute("viewBox", "0 0 0 0"), t.style.position = "absolute", t.style.left = "-10000px", t.style.top = "-10000px", t.style.visibility = "hidden", t.style.pointerEvents = "none";
-	let n = document.createElementNS(ct, "path");
-	return e === "M " && (e = "M 0,0"), n.setAttribute("d", e), t.appendChild(n), document.body.appendChild(t), {
-		svgElement: t,
-		pathElement: n
-	};
-}
-function z(e) {
-	if (e) try {
-		e.svgElement?.remove?.();
-	} catch {}
-}
-function lt(e, t, n) {
-	if (typeof n == "number" && n > 0) return n;
-	let r = t * .75;
-	r < .5 && (r = .5), r > 8 && (r = 8);
-	let i = e / 2;
-	return r > i && i > 0 && (r = i), r <= 0 && (r = 1), r;
-}
-function B(e, t, n) {
-	if (typeof t == "number" && t >= 1) return Math.floor(t);
-	let r = Math.ceil(e / (typeof n == "number" && n > 0 ? n : 2));
-	return r < 1 ? 1 : r;
-}
-function ut(e, t, n, r, i, a) {
-	let o = n - t, s = Math.ceil(o / r) + 1;
-	s < 2 && (s = 2), s > a && (s = a);
-	let c = s > 1 ? o / (s - 1) : 0, l = e.getPointAtLength(t), u = `M ${F(P(l.x, i))} ${F(P(l.y, i))}`;
-	for (let n = 1; n < s; n += 1) {
-		let r = t + n * c, a = e.getPointAtLength(r);
-		u += ` L ${F(P(a.x, i))} ${F(P(a.y, i))}`;
-	}
-	return u;
-}
-function V(e, t, n, r, i, a) {
-	let o = n - t, s = Math.ceil(o / r) + 1;
-	s < 2 && (s = 2), s > a && (s = a);
-	let c = s > 1 ? o / (s - 1) : 0, l = e.getPointAtLength(t), u = l.x, d = l.x, f = l.y, p = l.y, ee = `M ${F(P(l.x, i))} ${F(P(l.y, i))}`;
-	for (let n = 1; n < s; n += 1) {
-		let r = t + n * c, a = e.getPointAtLength(r);
-		a.x < u && (u = a.x), a.x > d && (d = a.x), a.y < f && (f = a.y), a.y > p && (p = a.y), ee += ` L ${F(P(a.x, i))} ${F(P(a.y, i))}`;
-	}
-	return {
-		pathData: ee,
-		bounds: {
-			minX: u,
-			maxX: d,
-			minY: f,
-			maxY: p
-		}
-	};
-}
-function dt(e) {
-	if (e.length === 1) return [{
-		position: 0,
-		rgba: e[0]
-	}];
-	let t = Array(e.length), n = e.length - 1;
-	for (let r = 0; r < e.length; r += 1) t[r] = {
-		position: r / n,
-		rgba: e[r]
-	};
-	return t;
-}
-function ft(e, t, n, r) {
-	let i = N(t, 0, 1), a = r;
-	for (a < 0 && (a = 0), a > e.length - 2 && (a = e.length - 2); a > 0 && i < e[a].position;) --a;
-	for (; a < e.length - 2 && i > e[a + 1].position;) a += 1;
-	let o = e[a], s = e[a + 1], c = s.position - o.position, l = c > 0 ? (i - o.position) / c : 0;
-	return gt(pt(o.rgba, s.rgba, l, n));
-}
-function pt(e, t, n, r) {
-	let i = N(n, 0, 1);
-	if (r === "linearRGB") {
-		let n = mt(e.red), r = mt(e.green), a = mt(e.blue), o = mt(t.red), s = mt(t.green), c = mt(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
-		return {
-			red: ht(l),
-			green: ht(u),
-			blue: ht(d),
-			alpha: e.alpha + (t.alpha - e.alpha) * i
-		};
-	}
-	return {
-		red: e.red + (t.red - e.red) * i,
-		green: e.green + (t.green - e.green) * i,
-		blue: e.blue + (t.blue - e.blue) * i,
-		alpha: e.alpha + (t.alpha - e.alpha) * i
-	};
-}
-function mt(e) {
-	let t = N(e / 255, 0, 1);
-	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-}
-function ht(e) {
-	let t = N(e, 0, 1), n;
-	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, N(Math.round(n * 255), 0, 255);
-}
-function gt(e) {
-	let t = N(e.alpha, 0, 1), n = N(Math.round(e.red), 0, 255), r = N(Math.round(e.green), 0, 255), i = N(Math.round(e.blue), 0, 255);
-	return t >= 1 ? `#${I(n)}${I(r)}${I(i)}` : `rgba(${n}, ${r}, ${i}, ${P(t, 4).toString()})`;
-}
-function _t(e) {
-	let t = `fill="${H(e.fill ?? "none")}"`, n = Object.keys(e);
-	for (let r = 0; r < n.length; r += 1) {
-		let i = n[r];
-		if (i === "stroke" || i === "d") continue;
-		let a = e[i];
-		t += ` ${i}="${H(a)}"`;
-	}
-	return t;
-}
-function vt(e, t, n) {
-	return `<path d="${H(e)}" stroke="${H(t)}" ${n} />`;
-}
-function yt(e) {
-	let t = [], n = e.segmentAttributeMap.fill ?? "none";
-	t.push(`fill="${H(n)}"`), t.push(`stroke="${H(e.stroke)}"`);
-	for (let n of Object.keys(e.segmentAttributeMap)) {
-		if (n === "stroke" || n === "d") continue;
-		let r = e.segmentAttributeMap[n];
-		t.push(`${n}="${H(r)}"`);
-	}
-	return `<path d="${H(e.pathData)}" ${t.join(" ")} />`;
-}
-function bt(e, t) {
-	let n = [];
-	for (let e of Object.keys(t)) n.push(`${e}="${H(t[e])}"`);
-	return `<g data-svg-path-gradient="true"${n.length ? " " + n.join(" ") : ""}>${e.join("")}</g>`;
-}
-function H(e) {
-	return String(e).replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-}
-function xt(e, t = null, n = {}) {
-	return new Promise((r, i) => {
-		let a = null;
-		try {
-			if (!e || typeof e != "string") throw Error("SvgPathGradientAsync: pathData must be a non-empty string.");
-			let i = n.temperatureMode ?? null;
-			if (i === null && (!Array.isArray(t) || t.length === 0)) throw Error("SvgPathGradientAsync: colors must be a non-empty array when temperatureMode is not enabled.");
-			if ((n.returnMode ?? "string") !== "string") throw Error("SvgPathGradientAsync: only returnMode=\"string\" is supported for the async version.");
-			let o = typeof n.decimalPlaces == "number" ? n.decimalPlaces : 3, s = typeof n.flattenTolerance == "number" && n.flattenTolerance > 0 ? n.flattenTolerance : .25, c = n.attrs ? { ...n.attrs } : {}, l = n.groupAttrs ? { ...n.groupAttrs } : {}, u = L(c["stroke-width"]), d = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof u == "number" && u > 0 ? u : 1;
-			a = R(e);
-			let f = a.pathElement, p = f.getTotalLength(), ee = i === null ? O(t, n.colorReferenceElement) : [];
-			if (i === null && (!(p > 0) || ee.length === 1)) {
-				let t = bt([yt({
-					pathData: e,
-					stroke: gt(ee[0]),
-					segmentAttributeMap: c
-				})], l);
-				z(a), r(t);
-				return;
-			}
-			let te = n.colorSpace ?? "linearRGB";
-			if (i !== null) {
-				let e = n.temperatureColors;
-				if (!Array.isArray(e) || e.length !== 2) throw Error("SvgPathGradientAsync: temperatureColors must be a tuple of exactly 2 colors when temperatureMode is enabled.");
-			}
-			let ne = i === null ? null : O(n.temperatureColors, n.colorReferenceElement), re = i === null ? (() => {
-				let e = dt(ee), t = Array(e.length);
-				for (let n = 0; n < e.length; n += 1) t[n] = {
-					position: e[n].position,
-					rgba: e[n].rgba
-				};
-				return t;
-			})() : [], ie = lt(p, d, n.maxSegmentLength), ae = B(p, n.segments, ie), oe = p / ae, se = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : d * .5, ce = oe * .45;
-			se > ce && (se = ce);
-			let le = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, ue = _t(c), de = [], fe = i === null ? null : [], pe = i === null ? null : [], me = 0, he = i === null ? re.length - 2 : 0, ge = 0, _e = () => {
-				let e = performance.now(), t = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
-				for (; ge < ae && performance.now() - e < t;) {
-					let e = ge * oe, t = (ge + 1) * oe, n = e, r = t;
-					if (ge !== 0 && (n = e - se), ge !== ae - 1 && (r = t + se), n = N(n, 0, p), r = N(r, 0, p), r > n) {
-						if (i !== null) {
-							let e = V(f, n, r, s, o, le);
-							fe.push(e.pathData), pe.push(e.bounds);
-						} else {
-							let e = (n + r) * .5 / p;
-							for (; me < he && e > re[me + 1].position;) me += 1;
-							let t = ft(re, e, te, me), i = ut(f, n, r, s, o, le);
-							de.push(vt(i, t, ue));
-						}
-					}
-					ge += 1;
-				}
-				if (ge < ae) {
-					requestAnimationFrame(_e);
-					return;
-				}
-				if (i !== null) {
-					let e = Infinity, t = -Infinity;
-					for (let n = 0; n < pe.length; n += 1) {
-						let r = pe[n], a = i === "vertical" ? r.minY : r.minX, o = i === "vertical" ? r.maxY : r.maxX;
-						a < e && (e = a), o > t && (t = o);
-					}
-					let n = ne[0], r = ne[1];
-					de.length = 0;
-					for (let a = 0; a < pe.length; a += 1) {
-						let o = pe[a], s = st(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = gt(i === "vertical" ? ot(n, r, s, te) : ot(r, n, s, te)), l = fe[a];
-						de.push(vt(l, c, ue));
-					}
-				}
-				let c = bt(de, l);
-				z(a), r(c);
-			};
-			requestAnimationFrame(_e);
-		} catch (e) {
-			z(a), i(e);
-		}
-	});
-}
-//#endregion
-//#region src/atoms/SparklineGradientPath.vue
-var U = ["innerHTML"], St = {
-	__name: "SparklineGradientPath",
-	props: {
-		svgPathData: {
-			type: String,
-			required: !0
-		},
-		enabled: {
-			type: Boolean,
-			required: !0
-		},
-		strokeWidth: {
-			type: Number,
-			required: !0
-		},
-		highColor: {
-			type: String,
-			required: !0
-		},
-		lowColor: {
-			type: String,
-			required: !0
-		},
-		segments: {
-			type: Number,
-			required: !0
-		}
-	},
-	setup(e) {
-		let t = e, n = x(""), r = 0;
-		return w(() => [
-			t.enabled,
-			t.svgPathData,
-			t.strokeWidth,
-			t.highColor,
-			t.lowColor,
-			t.segments
-		], async ([e]) => {
-			let i = ++r;
-			if (!e) {
-				n.value = "";
-				return;
-			}
-			let a = await xt(t.svgPathData, null, {
-				segments: t.segments,
-				temperatureMode: "vertical",
-				temperatureColors: [t.highColor, t.lowColor],
-				attrs: {
-					"stroke-width": t.strokeWidth,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				groupAttrs: { class: "vue-ui-sparkline-gradient" }
-			});
-			i === r && (n.value = a);
-		}, { immediate: !0 }), (e, t) => (b(), _("g", { innerHTML: n.value }, null, 8, U));
-	}
-}, Ct = /* @__PURE__ */ e({ default: () => W }), wt = ["id"], Tt = ["id"], Et = { style: { position: "relative" } }, Dt = [
-	"xmlns",
-	"viewBox",
-	"aria-describedby"
-], Ot = ["width", "height"], kt = ["id"], At = [
-	"id",
-	"y1",
-	"y2"
-], jt = ["stop-color", "offset"], Mt = ["id"], Nt = [
-	"x",
-	"y",
-	"width",
-	"height"
-], Pt = ["clip-path"], Ft = { key: 0 }, It = [
-	"data-cy",
-	"d",
-	"fill"
-], Lt = [
-	"id",
-	"d",
-	"stroke-width"
-], Rt = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], zt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Bt = [
-	"id",
-	"d",
-	"stroke-width"
-], Vt = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Ht = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Ut = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"rx"
-], Wt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-dasharray",
-	"stroke-width"
-], Gt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Kt = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], qt = [
-	"x",
-	"y",
-	"font-size",
-	"font-weight",
-	"fill"
-], Jt = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"fill-opacity",
-	"stroke",
-	"stroke-opacity",
-	"stroke-width",
-	"stroke-dasharray"
-], Yt = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Xt = ["title", "aria-label"], Zt = {
-	viewBox: "0 0 24 24",
-	width: "13",
-	height: "13",
-	"aria-hidden": "true",
-	focusable: "false"
-}, Qt = ["stroke"], $t = {
-	key: 1,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, en = 280, W = /*#__PURE__*/ we({
-	__name: "vue-ui-sparkline",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		},
-		showInfo: {
-			type: Boolean,
-			default: !0
-		},
-		selectedIndex: {
-			type: Number,
-			default: void 0
-		},
-		heightRatio: {
-			type: Number,
-			default: 1
-		},
-		forcedPadding: {
-			type: Number,
-			default: 30
-		},
-		zoomState: {
-			type: Object,
-			default: null
-		}
-	},
-	emits: [
-		"hoverIndex",
-		"selectDatapoint",
-		"zoom",
-		"zoomReset",
-		"update:zoomState"
-	],
-	setup(e, { expose: we, emit: Je }) {
-		let Ye = Fe(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), Xe = Fe(() => import("./SparkTooltip-D35KVv6N.js")), { vue_ui_sparkline: Ze } = ye(), { isThemeValid: Qe, warnInvalidTheme: $e } = Ce(), et = Ae(), T = e, tt = h(() => Array.isArray(T.dataset) && T.dataset.length > 0), E = x(ne()), rt = x(null), it = x(null), at = x(null), D = x(null), O = x(null), k = x(void 0), A = x(void 0), j = x(ut()), M = h(() => j.value.style.tooltip), ot = h(() => j.value.style.bar), N = h(() => j.value.style.line), P = h(() => j.value.style.area), F = h(() => j.value.style.dataLabel), I = h(() => j.value.style), L = h(() => j.value.style.zoom);
-		ge({
-			config: () => j.value,
-			dataset: () => T.dataset,
-			component: "VueUiSparkline",
-			rules: [
-				_e.emptyArray,
-				{
-					test: (e) => e.length > 500,
-					message: [
-						"👀 The dataset has > 500 datapoints. Consider if you really need this level of detail.",
-						"",
-						"▶️ Use larger time scales, or aggregated values"
-					]
-				},
-				{
-					test: (e) => e.length > 1095,
-					message: [
-						"👀 The dataset has > 1095 datapoints. Above this threshold, the dataset is computed through an LTTB algorithm, to preserve the shape of the data without increasing the number of datapoints.",
-						"",
-						"▶️ If you need this level of detail, you can change config.downsample.threshold and set a higher value. Note that performance will be impacted."
-					]
-				}
-			]
-		});
-		function st(e) {
-			return T.config?.skeletonDataset && Array.isArray(T.config.skeletonDataset) ? T.config.skeletonDataset.map((e) => ({
-				period: "-",
-				value: e
-			})) : le(e).map((e) => ({
-				period: "-",
-				value: e
-			}));
-		}
-		let ct = h(() => de({
-			defaultConfig: {
-				gradientPath: { show: !1 },
-				temperatureColors: { show: !1 },
-				style: {
-					backgroundColor: "#99999930",
-					scaleMin: 0,
-					scaleMax: null,
-					animation: { show: !1 },
-					line: {
-						color: "#AAAAAA",
-						pulse: { show: !1 },
-						dashIndices: []
-					},
-					bar: { color: "#AAAAAA" },
-					area: { color: "#CACACA" },
-					zeroLine: { color: "#6A6A6A" },
-					dataLabel: { show: !1 },
-					tooltip: { show: !1 }
-				}
-			},
-			userConfig: j.value.skeletonConfig ?? {}
-		})), { loading: R, FINAL_DATASET: z, manualLoading: lt } = be({
-			...Ge(T),
-			FINAL_CONFIG: j,
-			prepareConfig: ut,
-			callback: () => {
-				Promise.resolve().then(async () => {
-					await y(), En();
-				});
-			},
-			skeletonDataset: st(12),
-			skeletonConfig: de({
-				defaultConfig: j.value,
-				userConfig: ct.value
-			})
-		}), { svgRef: B } = ke({ config: I.value.title });
-		function ut() {
-			let e = Se({
-				userConfig: T.config,
-				defaultConfig: Ze
-			}), t = {}, n = e.theme;
-			if (n) {
-				if (!Qe.value(e)) $e(e), t = e;
-				else {
-					let r = Se({
-						userConfig: je[n] || T.config,
-						defaultConfig: e
-					});
-					t = { ...Se({
-						userConfig: T.config,
-						defaultConfig: r
-					}) };
-				}
-			} else t = e;
-			return t;
-		}
-		let V = h(() => j.value?.style?.line.pulse || {}), dt = h(() => `${Math.max(200, Number(V.value.durationMs) || 4e3) / 1e3}s`), ft = x(0), pt = h(() => V.value?.begin || "0ms"), mt = x("0;1"), ht = h(() => V.value?.loop === !1 ? "1" : "indefinite"), gt = h(() => V.value?.loop === !1 ? "freeze" : void 0), _t = h(() => V.value.trail.show && H.value.lengthPx || 1), vt = h(() => !!V.value?.show && !Z.value && !et.value && !R.value && (X.value?.length || 0) > 1);
-		function yt() {
-			if (!vt.value) {
-				ft.value = 0;
-				return;
-			}
-			let e = B.value;
-			if (!e) return;
-			let t = `#${On.value}`, n = e.querySelector?.(t);
-			if (n && typeof n.getTotalLength == "function") {
-				let e = n.getTotalLength();
-				Number.isFinite(e) && e > 0 && (ft.value = e);
-				return;
-			}
-			requestAnimationFrame(() => {
-				let n = e.querySelector?.(t);
-				if (n && typeof n.getTotalLength == "function") {
-					let e = n.getTotalLength();
-					Number.isFinite(e) && e > 0 && (ft.value = e);
-				}
-			});
-		}
-		let bt = h(() => {
-			let e = V.value?.easing || "ease-in-out", t = {
-				ease: [
-					.25,
-					.1,
-					.25,
-					1
-				],
-				"ease-in": [
-					.42,
-					0,
-					1,
-					1
-				],
-				"ease-out": [
-					0,
-					0,
-					.58,
-					1
-				],
-				"ease-in-out": [
-					.42,
-					0,
-					.58,
-					1
-				]
-			};
-			return e === "linear" ? {
-				calcMode: "linear",
-				keySplines: null,
-				keyTimes: "0;1"
-			} : e === "steps" ? {
-				calcMode: "discrete",
-				keySplines: null,
-				keyTimes: "0;1"
-			} : {
-				calcMode: "spline",
-				keySplines: (e === "cubic-bezier" ? Array.isArray(V.value?.cubicBezier) && V.value.cubicBezier.length === 4 ? V.value.cubicBezier : [
-					.4,
-					0,
-					.2,
-					1
-				] : t[e] || t["ease-in-out"]).join(" "),
-				keyTimes: "0;1"
-			};
-		}), H = h(() => {
-			let e = V.value?.trail || {}, t = N.value.strokeWidth || 1;
-			return {
-				show: e.show !== !1,
-				lengthPx: e.length,
-				width: Math.max(1, Number(e.strokeWidth) || t * 2.2),
-				opacity: Math.min(1, Math.max(0, Number(e.opacity) ?? .6)),
-				fadeIn: .5,
-				fadeOut: .2
-			};
-		}), xt = x({
-			start: 0,
-			end: null
-		}), U = x(!1), Ct = x(!1), W = x(!1), tn = x("matrix(1, 0, 0, 1, 0, 0)"), nn = x(!1), rn = 0, an = 0, on = 0, sn = 0, cn = x(null), G = x(null), ln = x(!1), un = x({
-			time: 0,
-			x: 0,
-			y: 0,
-			pointerType: null
-		}), dn = h(() => {
-			let e = z.value.length;
-			if (!e) return {
-				start: 0,
-				end: -1
-			};
-			let t = Math.min(Math.max(0, xt.value.start || 0), e - 1);
-			return {
-				start: t,
-				end: Math.min(Math.max(t, xt.value.end == null ? e - 1 : xt.value.end), e - 1)
-			};
-		}), fn = h(() => {
-			let e = z.value.length;
-			return e ? dn.value.start > 0 || dn.value.end < e - 1 : !1;
-		}), pn = h(() => {
-			let { start: e, end: t } = dn.value;
-			return t < e ? [] : z.value.slice(e, t + 1).map((t, n) => ({
-				...t,
-				__sourceIndex: e + n
-			}));
-		}), mn = h(() => u({
-			data: pn.value,
-			threshold: j.value.downsample.threshold
-		}));
-		h(() => {
-			if (!j.value.temperatureColors.show) return !1;
-			let e = pn.value.map(({ value: e }) => e).filter((e) => Number.isFinite(e));
-			return new Set(e).size <= 1;
-		}), w(() => T.config, (e) => {
-			R.value || (j.value = ut()), Mn(), q.value.chartWidth = I.value.chartWidth;
-		}, { deep: !0 }), w(() => T.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (lt.value = !1), Xn(), Wn(), un.value = {
-				time: 0,
-				x: 0,
-				y: 0,
-				pointerType: null
-			}, xt.value = {
-				start: 0,
-				end: null
-			}, Yn(), K.value = u({
-				data: pn.value.map((e) => ({
-					...e,
-					value: [void 0].includes(e.value) ? null : e.value
-				})),
-				threshold: j.value.downsample.threshold
-			});
-			let t = Nn();
-			J("update:zoomState", t), J("zoomReset", t);
-		}, { deep: !0 });
-		let K = x(hn());
-		function hn() {
-			return u({
-				data: pn.value.map((e) => I.value.animation.show && z.value.length > 1 ? {
-					...e,
-					value: null
-				} : {
-					...e,
-					value: [void 0].includes(e.value) ? null : e.value
-				}),
-				threshold: j.value.downsample.threshold
-			});
-		}
-		let gn = Ue(null), _n = Ue(null), vn = x(!1), yn = x(0), bn = x([]), xn = x(""), Sn = !1, Cn = h(() => {
-			let e = (mn.value || []).map((e) => `${e.period}::${Number.isFinite(e.value) ? e.value : 0}`).join("|"), t = j.value?.style?.animation || {}, n = !!j.value?.gradientPath?.show && !j.value.temperatureColors.show;
-			return `${e}#${!!t.show}#${t.animationFrames || 0}#${n}`;
-		});
-		function wn() {
-			Sn = !0, Tn();
-		}
-		function Tn() {
-			yn.value &&= (cancelAnimationFrame(yn.value), 0), bn.value.forEach((e) => clearTimeout(e)), bn.value = [], vn.value = !1;
-		}
-		function En() {
-			let e = j.value?.style?.animation || {}, t = mn.value || [], n = Cn.value, r = !!j.value.gradientPath.show && !j.value.temperatureColors.show;
-			if (n && n === xn.value && (vn.value || K.value.length === t.length)) return;
-			if (Tn(), r || !e.show || R.value || t.length <= 1 || et.value) {
-				K.value = t, xn.value = n;
-				return;
-			}
-			vn.value = !0, xn.value = n, K.value = [];
-			let i = Math.max(1, Number(e.animationFrames) || 1), a = Math.max(1, Math.floor(i / t.length)), o = 0, s = () => {
-				if (n !== Cn.value) {
-					Tn();
-					return;
-				}
-				if (o < t.length) {
-					K.value.push(t[o]);
-					let e = setTimeout(() => {
-						yn.value = requestAnimationFrame(s);
-					}, a);
-					bn.value.push(e), o += 1;
-				} else K.value = t, Tn();
-			};
-			yn.value = requestAnimationFrame(s);
-		}
-		w(Cn, () => {
-			if (Sn) {
-				Sn = !1, Tn(), K.value = mn.value || [], xn.value = Cn.value;
-				return;
-			}
-			En();
-		}), Ve(() => {
-			Mn(), En();
-		}), Be(() => {
-			Tn(), Wn();
-		});
-		let Dn = x(0);
-		w(() => R.value, async (e) => {
-			e || (await y(), Dn.value += 1);
-		}), w(() => vn.value, async (e) => {
-			e || R.value || (await y(), Dn.value += 1);
-		});
-		let On = h(() => `sparkline_line_path_${E.value}`), kn = x(!0);
-		async function An() {
-			kn.value = !1, await y(), kn.value = !0, await y(), yt();
-		}
-		let jn = h(() => j.value.debug);
-		function Mn() {
-			if (he(T.dataset) ? (ie({
-				componentName: "VueUiSparkline",
-				type: "dataset",
-				debug: jn.value
-			}), lt.value = !0) : jn.value && T.dataset.forEach((e, t) => {
-				me({
-					datasetObject: e,
-					requiredAttributes: ["period", "value"]
-				}).forEach((e) => {
-					ie({
-						componentName: "VueUiSparkline",
-						type: "datasetSerieAttribute",
-						property: e,
-						index: t
-					});
-				});
-			}), he(T.dataset) || (lt.value = j.value.loading), j.value.responsive) {
-				let e = Te(() => {
-					let { width: e, height: t } = Ee({
-						chart: rt.value,
-						title: I.value.title.show && T.showInfo ? it.value : null,
-						source: at.value
-					});
-					requestAnimationFrame(() => {
-						q.value.width = e, q.value.height = t, q.value.chartWidth = I.value.chartWidth / 500 * e, q.value.padding = T.forcedPadding / 500 * e;
-					});
-				});
-				gn.value && (_n.value && gn.value.unobserve(_n.value), gn.value.disconnect()), gn.value = new ResizeObserver(e), _n.value = rt.value.parentNode, gn.value.observe(_n.value);
-			}
-		}
-		Be(() => {
-			gn.value && (_n.value && gn.value.unobserve(_n.value), gn.value.disconnect());
-		});
-		let q = x({
-			height: 80 * T.heightRatio,
-			width: 500,
-			chartWidth: I.value.chartWidth,
-			padding: T.forcedPadding
-		}), J = Je;
-		function Nn() {
-			if (!z.value.length) return {
-				start: 0,
-				end: 0
-			};
-			let { start: e, end: t } = dn.value;
-			return {
-				start: e,
-				end: t + 1
-			};
-		}
-		function Pn(e, t = Nn()) {
-			if (!e || typeof e != "object") return null;
-			let n = e.start !== void 0 && e.start !== null, r = e.end !== void 0 && e.end !== null;
-			if (!n && !r) return null;
-			let i = Number(n ? e.start : t.start), a = Number(r ? e.end : t.end);
-			return !Number.isFinite(i) || !Number.isFinite(a) ? null : {
-				start: i,
-				end: a
-			};
-		}
-		function Fn(e) {
-			let t = Pn(e);
-			if (!t) return null;
-			let n = z.value.length;
-			if (!n) return {
-				start: 0,
-				end: 0
-			};
-			let r = Math.max(0, Math.min(Math.trunc(t.start), n - 1));
-			return {
-				start: r,
-				end: Math.max(r + 1, Math.min(Math.trunc(t.end), n))
-			};
-		}
-		function In(e, { skipAnimation: t = !0, transition: n = !1 } = {}) {
-			let r = Fn(e);
-			if (!r) return null;
-			let i = Nn();
-			if (r.start !== i.start || r.end !== i.end) {
-				Xn(), un.value = {
-					time: 0,
-					x: 0,
-					y: 0,
-					pointerType: null
-				};
-				let e = {
-					start: r.start,
-					end: r.end > r.start ? r.end - 1 : r.start
-				};
-				n ? Gn(e) : (t && wn(), xt.value = e), Yn();
-			}
-			return Nn();
-		}
-		function Ln(e) {
-			let t = In(e, { transition: !0 });
-			t && J("update:zoomState", t);
-		}
-		w([() => T.zoomState, () => z.value.length], ([e, t]) => {
-			!e || t <= 0 || In(e, { transition: !0 });
-		}, {
-			deep: !0,
-			immediate: !0
-		});
-		let Y = h(() => {
-			let { top: e, right: t, bottom: n, left: r } = I.value.padding;
-			return {
-				top: e,
-				left: r,
-				right: q.value.width - t,
-				bottom: q.value.height - n,
-				start: T.showInfo && F.value.show && F.value.position === "left" ? q.value.width - q.value.chartWidth + r : q.value.padding + r,
-				width: T.showInfo && F.value.show ? q.value.chartWidth - r - t : q.value.width - q.value.padding - r - t,
-				height: q.value.height - e - n
-			};
-		});
-		function Rn(e) {
-			let t = z.value.length;
-			if (!t) return {
-				start: 0,
-				end: -1
-			};
-			let n = Math.max(0, Math.min(Math.trunc(Number(e?.start) || 0), t - 1)), r = e?.end === null || e?.end === void 0 ? t - 1 : Math.trunc(Number(e.end));
-			return {
-				start: n,
-				end: Math.max(n, Math.min(Number.isFinite(r) ? r : n, t - 1))
-			};
-		}
-		function zn(e) {
-			let t = (e || []).map((e) => {
-				let t = e?.value;
-				return isNaN(t) || [
-					void 0,
-					null,
-					"NaN",
-					NaN,
-					Infinity,
-					-Infinity
-				].includes(t) ? 0 : t || 0;
-			}), n = I.value.scaleMin, r = I.value.scaleMax, i = [null, void 0].includes(n) ? t.length ? Math.min(...t) : 0 : n, a = [null, void 0].includes(r) ? t.length ? Math.max(...t) : 0 : r, o = Math.abs(i >= 0 ? 0 : i), s = a + o;
-			return {
-				absoluteMin: Number.isFinite(o) ? o : 0,
-				absoluteMax: Number.isFinite(s) ? s : 0
-			};
-		}
-		function Bn(e, t) {
-			let n = t.absoluteMax === 0 ? 0 : (e + t.absoluteMin) / t.absoluteMax;
-			return Y.value.bottom - Y.value.height * n;
-		}
-		function Vn(e, t, n, r) {
-			let i = Math.max(1, e.end - e.start), a = Math.max(1, t.end - t.start), o = Y.value.start, s = Y.value.width, c = i / a, l = o + s * (e.start - t.start) / a - c * o, u = Bn(0, n), d = Bn(0, r), f = 1;
-			n.absoluteMax > 0 && r.absoluteMax > 0 && (f = n.absoluteMax / r.absoluteMax);
-			let p = d - f * u;
-			return `matrix(${c}, 0, 0, ${f}, ${l}, ${p})`;
-		}
-		function Hn(e) {
-			if (!W.value || !e) return;
-			let t = tn.value.match(/^matrix\(([-+\d.eE]+),\s*[-+\d.eE]+,\s*[-+\d.eE]+,\s*([-+\d.eE]+),\s*([-+\d.eE]+),\s*([-+\d.eE]+)\)$/);
-			if (!t) return;
-			let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]), a = Number(t[4]);
-			if ([
-				n,
-				r,
-				i,
-				a
-			].every(Number.isFinite)) return {
-				transform: `matrix(1, 0, 0, 1, ${(n - 1) * e.x + i}, ${(r - 1) * e.y + a})`,
-				transformOrigin: "0 0",
-				transformBox: "view-box",
-				transition: nn.value ? `transform ${en}ms cubic-bezier(0.4, 0, 0.2, 1)` : "none",
-				willChange: "transform"
-			};
-		}
-		function Un(e) {
-			if (!W.value || !e) return;
-			let t = tn.value.match(/^matrix\(([-+\d.eE]+),\s*[-+\d.eE]+,\s*[-+\d.eE]+,\s*[-+\d.eE]+,\s*([-+\d.eE]+),\s*[-+\d.eE]+\)$/);
-			if (!t) return;
-			let n = Number(t[1]), r = Number(t[2]);
-			if ([n, r].every(Number.isFinite)) return {
-				transform: `matrix(1, 0, 0, 1, ${(n - 1) * e.x + r}, 0)`,
-				transformOrigin: "0 0",
-				transformBox: "view-box",
-				transition: nn.value ? `transform ${en}ms cubic-bezier(0.4, 0, 0.2, 1)` : "none",
-				willChange: "transform"
-			};
-		}
-		function Wn({ resetTransform: e = !0 } = {}) {
-			sn += 1, rn &&= (cancelAnimationFrame(rn), 0), an &&= (cancelAnimationFrame(an), 0), on &&= (clearTimeout(on), 0), nn.value = !1, W.value = !1, e && (tn.value = "matrix(1, 0, 0, 1, 0, 0)");
-		}
-		async function Gn(e) {
-			let t = Rn(e), n = { ...dn.value };
-			if (t.start === n.start && t.end === n.end) return;
-			Wn();
-			let r = vn.value;
-			r && (Tn(), K.value = mn.value || []);
-			let i = zn(K.value);
-			wn(), xt.value = {
-				start: t.start,
-				end: t.end
-			};
-			let a = mn.value || [];
-			if (r || !B.value || R.value || et.value || n.end < n.start || t.end < t.start || a.length <= 1) {
-				K.value = a, xn.value = Cn.value, tn.value = "matrix(1, 0, 0, 1, 0, 0)";
-				return;
-			}
-			let o = Vn(t, n, zn(a), i), s = ++sn;
-			W.value = !0, nn.value = !1, tn.value = o, K.value = a, xn.value = Cn.value, await y(), s === sn && (rn = requestAnimationFrame(() => {
-				rn = 0, an = requestAnimationFrame(() => {
-					an = 0, s === sn && (nn.value = !0, tn.value = "matrix(1, 0, 0, 1, 0, 0)", on = setTimeout(async () => {
-						on = 0, s === sn && (nn.value = !1, W.value = !1, await An());
-					}, en));
-				});
-			}));
-		}
-		let Kn = h(() => !U.value || cn.value == null || G.value == null ? null : {
-			x: Math.min(cn.value, G.value),
-			width: Math.abs(G.value - cn.value),
-			y: 0,
-			height: q.value.height
-		});
-		function qn(e) {
-			let t = B.value;
-			if (!t) return null;
-			let n = t.getScreenCTM?.();
-			if (n && typeof t.createSVGPoint == "function") {
-				let r = t.createSVGPoint();
-				return r.x = e.clientX, r.y = e.clientY, r.matrixTransform(n.inverse()).x;
-			}
-			let r = t.getBoundingClientRect?.();
-			return r?.width ? (e.clientX - r.left) / r.width * q.value.width : null;
-		}
-		function Jn(e) {
-			return Math.min(Math.max(e, Y.value.start), Y.value.start + Y.value.width);
-		}
-		function Yn() {
-			A.value = k.value, k.value = void 0, O.value = null, D.value = null, J("hoverIndex", { index: void 0 });
-		}
-		function Xn(e) {
-			e?.pointerId != null && B.value?.hasPointerCapture?.(e.pointerId) && B.value.releasePointerCapture(e.pointerId), U.value = !1, cn.value = null, G.value = null;
-		}
-		function Zn(e) {
-			(fn.value || U.value) && (Xn(e), un.value = {
-				time: 0,
-				x: 0,
-				y: 0,
-				pointerType: null
-			}, Gn({
-				start: 0,
-				end: Math.max(0, z.value.length - 1)
-			}), Yn(), J("update:zoomState", Nn()), J("zoomReset"));
-		}
-		function Qn(e) {
-			(e.button === void 0 || e.button === 0) && (e.preventDefault(), e.stopPropagation(), Zn());
-		}
-		function $n(e) {
-			e.detail === 0 && Zn();
-		}
-		function er(e) {
-			if (!L.value.show) return;
-			if (!fn.value || !e) return !1;
-			let t = Date.now(), n = e.pointerType || "mouse", r = un.value, i = n === "touch" ? 450 : 350, a = n === "touch" ? 28 : 10, o = Math.hypot(e.clientX - r.x, e.clientY - r.y);
-			return r.time > 0 && r.pointerType === n && t - r.time <= i && o <= a ? (ln.value = !0, Zn(e), setTimeout(() => {
-				ln.value = !1;
-			}, 0), !0) : (un.value = {
-				time: t,
-				x: e.clientX,
-				y: e.clientY,
-				pointerType: n
-			}, !1);
-		}
-		function tr(e = B.value) {
-			Ct.value = !0, e?.classList?.add("vue-ui-sparkline-pointer-focus");
-		}
-		function nr() {
-			Ct.value = !1, B.value?.classList?.remove("vue-ui-sparkline-pointer-focus");
-		}
-		function rr(e) {
-			if (e.button !== void 0 && e.button !== 0 || (tr(e.currentTarget), !L.value.show) || R.value || pn.value.length < 2) return;
-			let t = qn(e);
-			if (t == null) return;
-			let n = Y.value.start, r = n + Y.value.width;
-			t < n || t > r || (B.value?.focus?.({ preventScroll: !0 }), U.value = !0, cn.value = Jn(t), G.value = Jn(t));
-		}
-		function ir(e) {
-			if (!L.value.show || !U.value) return;
-			let t = qn(e);
-			t != null && (G.value = Jn(t), cn.value != null && Math.abs(G.value - cn.value) >= 2 && !B.value?.hasPointerCapture?.(e.pointerId) && B.value?.setPointerCapture?.(e.pointerId));
-		}
-		function ar(e) {
-			if (!L.value.show || !U.value) return;
-			let t = qn(e);
-			t != null && (G.value = Jn(t));
-			let n = cn.value, r = G.value;
-			if ((n == null || r == null ? 0 : Math.abs(r - n)) < Math.max(4, Y.value.width * .01)) {
-				if (er(e)) return;
-				Xn(e);
-				return;
-			}
-			let i = Math.min(n, r), a = Math.max(n, r), o = Math.max(1, Y.value.width), s = pn.value.length, c = (i - Y.value.start) / o, l = (a - Y.value.start) / o, u = Math.max(0, Math.min(s - 1, Math.floor(c * (s - 1)))), d = Math.max(u, Math.min(s - 1, Math.ceil(l * (s - 1))));
-			if (d <= u) {
-				Xn(e);
-				return;
-			}
-			let f = dn.value.start + u, p = dn.value.start + d;
-			Gn({
-				start: f,
-				end: p
-			}), un.value = {
-				time: 0,
-				x: 0,
-				y: 0,
-				pointerType: null
-			}, Yn(), J("zoom", {
-				start: f,
-				end: p
-			}), J("update:zoomState", {
-				start: f,
-				end: p + 1
-			}), ln.value = !0, setTimeout(() => {
-				ln.value = !1;
-			}, 0), Xn(e);
-		}
-		let or = h(() => [null, void 0].includes(I.value.scaleMin) ? Math.min(...K.value.map((e) => isNaN(e.value) || [
-			void 0,
-			null,
-			"NaN",
-			NaN,
-			Infinity,
-			-Infinity
-		].includes(e.value) ? 0 : e.value || 0)) : I.value.scaleMin), sr = h(() => [null, void 0].includes(I.value.scaleMax) ? Math.max(...K.value.map((e) => isNaN(e.value) || [
-			void 0,
-			null,
-			"NaN",
-			NaN,
-			Infinity,
-			-Infinity
-		].includes(e.value) ? 0 : e.value || 0)) : I.value.scaleMax), cr = h(() => {
-			let e = or.value >= 0 ? 0 : or.value;
-			return Math.abs(e);
-		}), lr = h(() => sr.value + cr.value), ur = h(() => Y.value.bottom - Y.value.height * dr(cr.value));
-		function dr(e) {
-			return isNaN(e / lr.value) ? 0 : e / lr.value;
-		}
-		let fr = h(() => K.value.length - 1 || 1), pr = x([]), mr = 0;
-		Ke(() => {
-			let e = ++mr;
-			(async () => {
-				let t = await ve({
-					values: mn.value.map((e) => e.period),
-					maxDatapoints: mn.value.length,
-					formatter: F.value.datetimeFormatter,
-					start: 0,
-					end: mn.value.length
-				});
-				e === mr && (pr.value = t);
-			})();
-		});
-		let X = h(() => {
-			let e = K.value.length, t = Y.value.width / fr.value, n = Math.max(0, Y.value.start), r = Math.min(q.value.width, Y.value.right, Y.value.start + Y.value.width), i = Math.max(0, r - n), a = e > 0 ? i / e : 0;
-			return K.value.map((e, r) => {
-				let i = isNaN(e.value) || [
-					void 0,
-					"NaN",
-					NaN,
-					Infinity,
-					-Infinity
-				].includes(e.value) ? 0 : e.value, o = n + r * a, s = Z.value ? a : t, c = Z.value ? o + a / 2 : Y.value.start + r * t;
-				return {
-					value: e.value,
-					absoluteValue: i,
-					period: pr.value && pr.value[r] && pr.value[r].text ? pr.value[r].text : e.period,
-					plotValue: i + cr.value,
-					toMax: dr(i + cr.value),
-					sourceIndex: e.__sourceIndex ?? r,
-					x: c,
-					barX: o,
-					y: Y.value.bottom - Y.value.height * dr(i + cr.value),
-					id: `plot_${E.value}_${r}`,
-					color: Z.value ? ot.value.color : P.value.useGradient ? re(N.value.color, .05 * (1 - r / fr.value)) : N.value.color,
-					width: s
-				};
-			});
-		}), hr = h(() => {
-			if (T.selectedIndex !== void 0 && T.selectedIndex !== null && T.selectedIndex >= 0 && T.selectedIndex < z.value.length) {
-				let e = X.value.findIndex((e) => e.sourceIndex === T.selectedIndex);
-				return e >= 0 ? e : null;
-			}
-			return O.value !== void 0 && O.value !== null && O.value >= 0 && O.value < X.value.length ? O.value : null;
-		});
-		function gr(e, t) {
-			return Number.isFinite(e?.sourceIndex) ? e.sourceIndex : t;
-		}
-		function _r(e, t) {
-			let n = gr(e, t);
-			j.value.events.datapointEnter && j.value.events.datapointEnter({
-				datapoint: e,
-				seriesIndex: n
-			}), O.value = t, D.value = t, k.value = e, A.value ||= e, J("hoverIndex", { index: n });
-		}
-		function vr(e, t) {
-			let n = gr(e, t);
-			j.value.events.datapointLeave && j.value.events.datapointLeave({
-				datapoint: e,
-				seriesIndex: n
-			}), A.value = k.value, k.value = void 0, O.value = null, D.value = null, J("hoverIndex", { index: void 0 });
-		}
-		let yr = h(() => {
-			if (tt.value) {
-				let e = X.value.map((e) => e.absoluteValue), t = e.reduce((e, t) => e + t, 0);
-				return {
-					latest: X.value[X.value.length - 1] ? X.value[X.value.length - 1].absoluteValue : 0,
-					sum: t,
-					average: t / X.value.length,
-					median: ue(e),
-					trend: ae(X.value.map(({ x: e, y: t, absoluteValue: n }) => ({
-						x: e,
-						y: t,
-						value: n
-					}))).trend
-				};
-			}
-			return {
-				latest: null,
-				sum: null,
-				average: null,
-				median: null,
-				trend: null
-			};
-		}), br = h(() => tt.value ? F.value.valueType === "latest" ? yr.value.latest : F.value.valueType === "sum" ? yr.value.sum : F.value.valueType === "average" ? yr.value.average : 0 : 0), Z = h(() => j.value.type && j.value.type === "bar");
-		function xr(e, t) {
-			if (ln.value) return;
-			let n = gr(e, t);
-			j.value.events.datapointClick && j.value.events.datapointClick({
-				datapoint: e,
-				seriesIndex: n
-			}), J("selectDatapoint", {
-				datapoint: e,
-				index: n
-			});
-		}
-		let Q = h(() => N.value.cutNullValues);
-		function Sr(e) {
-			return ![
-				null,
-				void 0,
-				"NaN",
-				NaN,
-				Infinity,
-				-Infinity
-			].includes(e);
-		}
-		function Cr(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 Sr(e[t]?.value) && i && Q.value;
-		}
-		function wr(e, t) {
-			return k.value && e.id === k.value.id || hr.value === t || z.value.length === 1;
-		}
-		function Tr(e, t) {
-			return Z.value || !Sr(e?.value) ? !1 : I.value.plot.show && wr(e, t) || Cr(X.value, t);
-		}
-		function Er(e, t) {
-			return Math.max(1, wr(e, t) ? I.value.plot.radius : I.value.plot.radius * .7);
-		}
-		function Dr(e, t) {
-			return wr(e, t) ? I.value.plot.stroke : I.value.backgroundColor;
-		}
-		let Or = h(() => Q.value ? X.value : X.value.filter((e) => e.value !== null)), kr = h(() => Array.isArray(N.value.dashIndices) ? N.value.dashIndices.map((e) => Math.trunc(Number(e))).filter(Number.isFinite) : []), Ar = h(() => new Set(kr.value));
-		function jr(e, t) {
-			let n = e?.sourceIndex, r = t?.sourceIndex;
-			if (!Number.isFinite(n) || !Number.isFinite(r)) return !1;
-			let i = Math.min(n, r), a = Math.max(n, r);
-			for (let e of kr.value) if (e >= i && e <= a) return !0;
-			return !1;
-		}
-		function Mr(e) {
-			let t = /* @__PURE__ */ new Set();
-			for (let n = 1; n < e.length; n += 1) jr(e[n - 1], e[n]) && t.add(n - 1);
-			return t;
-		}
-		function Nr(e) {
-			let t = /* @__PURE__ */ new Set();
-			if (Q.value || !N.value.nullDashes?.show) return t;
-			for (let n = 1; n < e.length; n += 1) {
-				let r = e[n - 1]?.sourceIndex, i = e[n]?.sourceIndex;
-				Number.isFinite(r) && Number.isFinite(i) && Math.abs(i - r) > 1 && t.add(n - 1);
-			}
-			return t;
-		}
-		let Pr = h(() => Q.value ? /* @__PURE__ */ new Set() : Mr(Or.value)), Fr = h(() => Nr(Or.value)), Ir = h(() => /* @__PURE__ */ new Set([...Pr.value, ...Fr.value])), Lr = h(() => Q.value ? X.value.reduce((e, t, n) => (Ar.value.has(t.sourceIndex) && e.push(n), e), []) : []), Rr = h(() => Q.value ? Lr.value.length > 0 : Ir.value.size > 0), zr = h(() => X.value.filter((e) => e.value !== null)), Br = h(() => zr.value.length > 1), Vr = h(() => Z.value || !Br.value ? "" : Q.value ? a(X.value) : d(Or.value)), Hr = h(() => Z.value || !Br.value ? "" : Q.value ? te(X.value) : ee(Or.value)), Ur = h(() => Z.value || !Rr.value || !Br.value ? [] : Q.value ? c(X.value, Lr.value) : f(Or.value, Ir.value)), Wr = h(() => Z.value || !Rr.value || !Br.value ? [] : Q.value ? i(X.value, Lr.value) : s(Or.value, Ir.value)), Gr = h(() => Z.value || !P.value.show || !Br.value ? [] : N.value.smooth ? l(Or.value, Y.value.bottom, Q.value).filter(Boolean) : (Q.value ? n(X.value, Y.value.bottom) : ce(Or.value, Y.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), Kr = h(() => Z.value || !j.value.gradientPath.show || j.value.temperatureColors.show ? "" : `M ${(N.value.smooth ? Vr.value : Hr.value) || "0,0"}`), qr = h(() => {
-			if (!j.value.temperatureColors.show) return null;
-			let e = j.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => p(e));
-		}), $ = h(() => {
-			if (!j.value.temperatureColors.show) return null;
-			let e = j.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => p(e));
-		});
-		function Jr(e) {
-			if (!Number.isFinite(e?.y)) return 0;
-			let t = Y.value.height || 1, n = (e.y - Y.value.top) / t;
-			return Math.min(1, Math.max(0, n));
-		}
-		function Yr(e) {
-			let t = qr.value;
-			return !Array.isArray(t) || !t.length ? e.color : r({
-				colors: t,
-				ratio: Jr(e)
-			});
-		}
-		w(() => [
-			vt.value,
-			On.value,
-			X.value.length,
-			q.value.width,
-			q.value.height,
-			j.value?.style?.line?.smooth
-		], async () => {
-			await y(), yt();
-		}, { immediate: !0 }), Ve(async () => {
-			await y(), yt();
-		}), w(() => R.value, async (e) => {
-			e || await An();
-		}), w(() => vn.value, async (e) => {
-			e || R.value || await An();
-		}), w([() => T.selectedIndex, () => X.value], ([e], [t]) => {
-			if (e == null) {
-				if (t != null) {
-					O.value = null, D.value = null, k.value = void 0;
-					return;
-				}
-				let e = k.value?.sourceIndex;
-				if (e == null) return;
-				let n = X.value.findIndex((t) => t.sourceIndex === e);
-				if (n < 0) {
-					O.value = null, D.value = null, k.value = void 0;
-					return;
-				}
-				O.value = n, D.value = n, k.value = X.value[n];
-				return;
-			}
-			if (e < 0 || e >= z.value.length) return;
-			let n = X.value.findIndex((t) => t.sourceIndex === e);
-			if (n < 0) {
-				O.value = null, D.value = null, k.value = void 0;
-				return;
-			}
-			let r = X.value[n];
-			r && (O.value = n, D.value = n, k.value = r);
-		});
-		let Xr = x(!1);
-		function Zr() {
-			let e = hr.value;
-			if (e !== null && e >= 0 && e < X.value.length) {
-				let t = X.value[e];
-				if (t) {
-					D.value = e, k.value = t, O.value = e, Xr.value = !0;
-					return;
-				}
-			}
-			D.value = null, !k.value && X.value.length && _r(X.value.at(-1), X.value.length - 1), Xr.value = !0;
-		}
-		function Qr() {
-			nr(), A.value = k.value, (T.selectedIndex === void 0 || T.selectedIndex === null) && (D.value = null, k.value = void 0, O.value = null, J("hoverIndex", { index: void 0 })), Xr.value = !1;
-		}
-		we({
-			resetZoom: Zn,
-			setZoomState: Ln
-		});
-		function $r(e) {
-			if (!B.value || document.activeElement !== B.value) return;
-			if (nr(), A.value = k.value, e.key === "Escape") {
-				(fn.value || U.value) && (e.preventDefault(), e.stopPropagation(), Zn());
-				return;
-			}
-			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
-			if (!t && !n) return;
-			let r = X.value.length;
-			if (!r) return;
-			e.preventDefault(), e.stopPropagation();
-			let i = D.value, a = i !== null && i >= 0 && i < r, o = k.value ? X.value.findIndex((e) => e.id === k.value.id) : -1;
-			a ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : o !== null && o >= 0 && o < r ? (i = n ? o + 1 : o - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1;
-			let s = X.value[i];
-			s && (D.value = i, _r(s, i));
-		}
-		let ei = h(() => ({
-			headers: [j.value.translations.period, j.value.translations.value],
-			rows: X.value.map((e) => [e.period, e.absoluteValue])
-		}));
-		return (n, r) => (b(), _("div", {
-			ref_key: "sparklineChart",
-			ref: rt,
-			class: "vue-data-ui-component vue-ui-sparkline",
-			id: E.value,
-			style: ze(`width:100%;font-family:${I.value.fontFamily};`)
-		}, [
-			v("p", {
-				id: `chart-instructions-${E.value}`,
-				class: "sr-only"
-			}, We(j.value.a11y.translations.keyboardNavigation), 9, Tt),
-			ei.value?.rows?.length ? (b(), Me(Oe, {
-				key: 0,
-				uid: E.value,
-				head: ei.value.headers,
-				body: ei.value.rows,
-				notice: j.value.a11y.translations.tableAvailable,
-				caption: j.value.a11y.translations.tableCaption
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"notice",
-				"caption"
-			])) : g("", !0),
-			He(n.$slots, "before", Re(Ie({
-				selected: k.value,
-				latest: yr.value.latest,
-				sum: yr.value.sum,
-				average: yr.value.average,
-				median: yr.value.median,
-				trend: yr.value.trend
-			})), void 0, !0),
-			I.value.title.show && e.showInfo ? (b(), _("div", {
-				key: 1,
-				ref_key: "chartTitle",
-				ref: it,
-				class: "vue-ui-sparkline-title",
-				style: ze(`display:flex;align-items:center;width:100%;color:${I.value.title.color};background:${I.value.backgroundColor};justify-content:${I.value.title.textAlign === "left" ? "flex-start" : I.value.title.textAlign === "right" ? "flex-end" : "center"};height:${I.value.title.fontSize * 2}px;font-size:${I.value.title.fontSize}px;font-weight:${I.value.title.bold ? "bold" : "normal"};`)
-			}, [v("span", { style: ze(`padding:${I.value.title.textAlign === "left" ? "0 0 0 12px" : I.value.title.textAlign === "right" ? "0 12px 0 0" : "0"}`) }, We(k.value ? k.value.period : I.value.title.text), 5)], 4)) : g("", !0),
-			v("div", Et, [
-				(b(), _("svg", {
-					ref_key: "svgRef",
-					ref: B,
-					class: Le({ "vue-ui-sparkline-pointer-focus": Ct.value }),
-					xmlns: C(pe),
-					viewBox: `0 0 ${q.value.width} ${q.value.height}`,
-					style: ze({
-						background: I.value.backgroundColor,
-						overflow: "visible",
-						direction: "ltr",
-						cursor: L.value.show ? U.value ? "col-resize" : "crosshair" : "default",
-						touchAction: "pan-y",
-						userSelect: "none"
-					}),
-					tabindex: "0",
-					"aria-describedby": `chart-instructions-${E.value}`,
-					"aria-keyshortcuts": "Escape",
-					onMouseleave: r[0] ||= (e) => A.value = void 0,
-					onFocus: Zr,
-					onBlur: Qr,
-					onKeydown: $r,
-					onPointerdown: rr,
-					onPointermove: ir,
-					onPointerup: ar,
-					onPointercancel: Xn
-				}, [
-					Pe(C(Ye)),
-					n.$slots["chart-background"] ? (b(), _("foreignObject", {
-						key: 0,
-						x: 0,
-						y: 0,
-						width: q.value.width <= 0 ? 10 : q.value.width,
-						height: q.value.height <= 0 ? 10 : q.value.height,
-						style: { pointerEvents: "none" }
-					}, [He(n.$slots, "chart-background", {}, void 0, !0)], 8, Ot)) : g("", !0),
-					v("defs", null, [
-						Pe(De, {
-							t: "linear",
-							x1: "0%",
-							y1: "0%",
-							x2: "100%",
-							y2: "0%",
-							id: `sparkline_gradient_${E.value}`,
-							stops: [[
-								"0%",
-								C(o)(C(re)(P.value.color, .05), P.value.opacity),
-								1
-							], [
-								"100%",
-								C(o)(P.value.color, P.value.opacity),
-								1
-							]]
-						}, null, 8, ["id", "stops"]),
-						Pe(De, {
-							t: "linear",
-							x2: "0%",
-							y2: "100%",
-							id: `sparkline_bar_gradient_pos_${E.value}`,
-							stops: [[
-								"0%",
-								ot.value.color,
-								1
-							], [
-								"100%",
-								C(re)(ot.value.color, .05),
-								1
-							]]
-						}, null, 8, ["id", "stops"]),
-						Pe(De, {
-							t: "linear",
-							x2: "0%",
-							y2: "100%",
-							id: `sparkline_bar_gradient_neg_${E.value}`,
-							stops: [[
-								"0%",
-								C(re)(ot.value.color, .05),
-								1
-							], [
-								"100%",
-								ot.value.color,
-								1
-							]]
-						}, null, 8, ["id", "stops"]),
-						v("filter", {
-							id: `sparkline_pulse_glow_${E.value}`,
-							filterUnits: "userSpaceOnUse",
-							x: "-50",
-							y: "-50",
-							width: "100",
-							height: "100"
-						}, [...r[1] ||= [v("feGaussianBlur", {
-							in: "SourceGraphic",
-							stdDeviation: "3",
-							result: "blur"
-						}, null, -1), v("feMerge", null, [v("feMergeNode", { in: "blur" }), v("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, kt),
-						j.value.temperatureColors.show && $.value ? (b(), _("linearGradient", {
-							key: 0,
-							id: `temperature_grad_sparkline_${E.value}`,
-							gradientUnits: "userSpaceOnUse",
-							x1: "0",
-							x2: "0",
-							y1: Y.value.top,
-							y2: Y.value.bottom
-						}, [(b(!0), _(m, null, S($.value, (e, t) => (b(), _("stop", {
-							key: `temperature_grad_stop_${t}_${E.value}`,
-							"stop-color": e,
-							offset: $.value.length === 1 ? "0%" : C(fe)(t, $.value.length)
-						}, null, 8, jt))), 128))], 8, At)) : g("", !0),
-						v("clipPath", { id: `sparkline_zoom_clip_${E.value}` }, [v("rect", {
-							x: Y.value.start - 4,
-							y: Y.value.top - 8,
-							width: Y.value.width + 8,
-							height: Y.value.height + 16
-						}, null, 8, Nt)], 8, Mt)
-					]),
-					v("g", { "clip-path": W.value ? `url(#sparkline_zoom_clip_${E.value})` : void 0 }, [
-						v("g", { style: ze({
-							transform: tn.value,
-							transformOrigin: "0 0",
-							transformBox: "view-box",
-							transition: nn.value ? `transform ${en}ms cubic-bezier(0.4, 0, 0.2, 1)` : "none",
-							willChange: W.value ? "transform" : void 0
-						}) }, [
-							P.value.show && !Z.value && Gr.value.length ? (b(), _("g", Ft, [(b(!0), _(m, null, S(Gr.value, (e, t) => (b(), _("path", {
-								key: `sparkline_area_${t}_${E.value}`,
-								class: "vue-ui-sparkline-area",
-								"data-cy": N.value.smooth ? "sparkline-smooth-area" : "sparkline-angle-area",
-								d: e,
-								fill: P.value.useGradient ? `url(#sparkline_gradient_${E.value})` : C(o)(P.value.color, P.value.opacity),
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round"
-							}, null, 8, It))), 128))])) : g("", !0),
-							N.value.smooth && !Z.value ? (b(), _(m, { key: 1 }, [v("path", {
-								id: On.value,
-								d: `M ${Vr.value || "0,0"}`,
-								fill: "none",
-								stroke: "transparent",
-								"stroke-width": N.value.strokeWidth,
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round"
-							}, null, 8, Lt), Rr.value ? (b(!0), _(m, { key: 0 }, S(Ur.value, (e) => (b(), _("path", {
-								key: e.path,
-								class: "vue-ui-sparkline-path",
-								d: `M ${e.path}`,
-								stroke: $.value ? `url(#temperature_grad_sparkline_${E.value})` : N.value.color,
-								fill: "none",
-								"stroke-width": N.value.strokeWidth,
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round",
-								"stroke-dasharray": e.dashed ? N.value.dashArray : 0
-							}, null, 8, Rt))), 128)) : (b(), _("path", {
-								key: 1,
-								class: "vue-ui-sparkline-path",
-								d: `M ${Vr.value || "0,0"}`,
-								stroke: $.value ? `url(#temperature_grad_sparkline_${E.value})` : N.value.color,
-								fill: "none",
-								"stroke-width": N.value.strokeWidth,
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round"
-							}, null, 8, zt))], 64)) : g("", !0),
-							!N.value.smooth && !Z.value ? (b(), _(m, { key: 2 }, [v("path", {
-								id: On.value,
-								d: `M ${Hr.value || "0,0"}`,
-								fill: "none",
-								stroke: "transparent",
-								"stroke-width": N.value.strokeWidth,
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round"
-							}, null, 8, Bt), Rr.value ? (b(!0), _(m, { key: 0 }, S(Wr.value, (e) => (b(), _("path", {
-								key: e.path,
-								class: "vue-ui-sparkline-path",
-								d: `M ${e.path}`,
-								stroke: $.value ? `url(#temperature_grad_sparkline_${E.value})` : N.value.color,
-								fill: "none",
-								"stroke-width": N.value.strokeWidth,
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round",
-								"stroke-dasharray": e.dashed ? N.value.dashArray * 2 : 0
-							}, null, 8, Vt))), 128)) : (b(), _("path", {
-								key: 1,
-								class: "vue-ui-sparkline-path",
-								d: `M ${Hr.value || "0,0"}`,
-								stroke: $.value ? `url(#temperature_grad_sparkline_${E.value})` : N.value.color,
-								fill: "none",
-								"stroke-width": N.value.strokeWidth,
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round"
-							}, null, 8, Ht))], 64)) : g("", !0),
-							Kr.value && !$.value ? (b(), Me(St, {
-								key: 3,
-								svgPathData: Kr.value,
-								enabled: j.value.gradientPath.show && !Z.value && !$.value,
-								strokeWidth: N.value.strokeWidth,
-								highColor: j.value.gradientPath.colors.high,
-								lowColor: j.value.gradientPath.colors.low,
-								segments: j.value.gradientPath.segments
-							}, null, 8, [
-								"svgPathData",
-								"enabled",
-								"strokeWidth",
-								"highColor",
-								"lowColor",
-								"segments"
-							])) : g("", !0),
-							kn.value && vt.value ? (b(), Me(nt, {
-								key: 4,
-								uid: E.value,
-								svgRef: C(B),
-								pulsePathId: On.value,
-								pulsePathLength: ft.value,
-								pulseDur: dt.value,
-								pulseBegin: pt.value,
-								pulseRepeatCount: ht.value,
-								pulseFillMode: gt.value,
-								pulseKeyPoints: mt.value,
-								pulseMotion: bt.value,
-								pulse: V.value,
-								pulseTrail: H.value,
-								pulseTrailLength: _t.value,
-								prefersReducedMotion: C(et),
-								loading: C(R),
-								isBar: Z.value
-							}, null, 8, [
-								"uid",
-								"svgRef",
-								"pulsePathId",
-								"pulsePathLength",
-								"pulseDur",
-								"pulseBegin",
-								"pulseRepeatCount",
-								"pulseFillMode",
-								"pulseKeyPoints",
-								"pulseMotion",
-								"pulse",
-								"pulseTrail",
-								"pulseTrailLength",
-								"prefersReducedMotion",
-								"loading",
-								"isBar"
-							])) : g("", !0),
-							(b(!0), _(m, null, S(X.value, (e, t) => (b(), _("g", null, [Z.value ? (b(), _("rect", {
-								key: 0,
-								x: e.barX,
-								y: isNaN(e.absoluteValue > 0 ? e.y : ur.value) ? 0 : e.absoluteValue > 0 ? e.y : ur.value,
-								width: e.width,
-								height: isNaN(Math.abs(e.y - ur.value)) ? 0 : Math.abs(e.y - ur.value),
-								fill: e.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${E.value})` : `url(#sparkline_bar_gradient_neg_${E.value})`,
-								rx: ot.value.borderRadius
-							}, null, 8, Ut)) : g("", !0)]))), 256)),
-							or.value < 0 ? (b(), _("line", {
-								key: 5,
-								x1: Y.value.start,
-								x2: Y.value.start + Y.value.width,
-								y1: C(oe)(ur.value, Y.value.bottom),
-								y2: C(oe)(ur.value, Y.value.bottom),
-								stroke: I.value.zeroLine.color,
-								"stroke-dasharray": I.value.zeroLine.strokeWidth * 2,
-								"stroke-width": I.value.zeroLine.strokeWidth,
-								"stroke-linecap": "round"
-							}, null, 8, Wt)) : g("", !0)
-						], 4),
-						(b(!0), _(m, null, S(X.value, (e, t) => (b(), _("g", {
-							key: `sparkline_indicator_${e.id}`,
-							style: ze(Un(e))
-						}, [I.value.verticalIndicator.show && (k.value && e.id === k.value.id || hr.value === t) ? (b(), _("line", {
-							key: 0,
-							x1: e.x,
-							x2: e.x,
-							y1: Y.value.top - 6,
-							y2: Y.value.bottom,
-							stroke: I.value.verticalIndicator.color || e.color,
-							"stroke-width": I.value.verticalIndicator.strokeWidth,
-							"stroke-linecap": "round",
-							"stroke-dasharray": I.value.verticalIndicator.strokeDasharray || 0
-						}, null, 8, Gt)) : g("", !0)], 4))), 128)),
-						(b(!0), _(m, null, S(X.value, (e, t) => (b(), _("g", {
-							key: `sparkline_plot_${e.id}`,
-							style: ze(Hn(e))
-						}, [Tr(e, t) ? (b(), _("circle", {
-							key: 0,
-							cx: e.x,
-							cy: e.y,
-							r: Er(e, t),
-							fill: Yr(e),
-							stroke: Dr(e, t),
-							"stroke-width": I.value.plot.strokeWidth
-						}, null, 8, Kt)) : g("", !0)], 4))), 128))
-					], 8, Pt),
-					e.showInfo && F.value.show ? (b(), _("text", {
-						key: 1,
-						x: F.value.position === "left" ? 12 + F.value.offsetX : Y.value.width + 12 + F.value.offsetX,
-						y: q.value.height / 2 + F.value.fontSize / 2.5 + F.value.offsetY,
-						"font-size": F.value.fontSize,
-						"font-weight": F.value.bold ? "bold" : "normal",
-						fill: F.value.color
-					}, We(k.value ? C(se)(F.value.formatter, k.value.absoluteValue, C(t)({
-						p: F.value.prefix,
-						v: k.value.absoluteValue,
-						s: F.value.suffix,
-						r: F.value.roundingValue
-					}), { datapoint: k.value }) : C(se)(F.value.formatter, br.value, C(t)({
-						p: F.value.prefix,
-						v: br.value,
-						s: F.value.suffix,
-						r: F.value.roundingValue
-					}))), 9, qt)) : g("", !0),
-					Kn.value ? (b(), _("rect", {
-						key: 2,
-						x: Kn.value.x,
-						y: Kn.value.y,
-						width: Kn.value.width,
-						height: Kn.value.height,
-						fill: L.value.selection.fill,
-						"fill-opacity": L.value.selection.fillOpacity,
-						stroke: L.value.selection.stroke,
-						"stroke-opacity": L.value.selection.strokeOpacity,
-						"stroke-width": L.value.selection.strokeWidth,
-						"stroke-dasharray": L.value.selection.strokeDasharray,
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						"pointer-events": "none"
-					}, null, 8, Jt)) : g("", !0),
-					(b(!0), _(m, null, S(X.value, (e, t) => (b(), _("rect", {
-						x: Z.value ? e.barX : e.x - (Y.value.width / (fr.value + 1) > q.value.padding ? q.value.padding : Y.value.width / (fr.value + 1)) / 2,
-						y: Y.value.top - 6,
-						height: Y.value.height + 6,
-						width: Z.value ? e.width : Y.value.width / (fr.value + 1) > q.value.padding ? q.value.padding : Y.value.width / (fr.value + 1),
-						fill: "transparent",
-						onMouseenter: () => _r(e, t),
-						onMouseleave: () => vr(e, t),
-						onClick: () => xr(e, t)
-					}, null, 40, Yt))), 256)),
-					He(n.$slots, "svg", { svg: {
-						...q.value,
-						drawingArea: Y.value,
-						timeLabels: pr.value,
-						series: X.value,
-						hoveredIndex: D.value,
-						isZoomed: fn.value,
-						zoomRange: dn.value
-					} }, void 0, !0)
-				], 46, Dt)),
-				fn.value && L.value.resetButton.show ? (b(), _("button", {
-					key: 0,
-					type: "button",
-					class: "vue-ui-sparkline-reset-zoom",
-					title: L.value.resetButton.title,
-					"aria-label": L.value.resetButton.ariaLabel,
-					style: ze({ cursor: j.value.useCursorPointer ? "pointer" : "default" }),
-					onPointerdown: Qn,
-					onClick: $n
-				}, [(b(), _("svg", Zt, [v("path", {
-					d: "M2 10a1 1 0 0 0 15 0c0-5-5-8-10-6l3-3M7 4l3 3",
-					stroke: L.value.resetButton.color,
-					fill: "none",
-					"stroke-width": "2.5",
-					"stroke-linecap": "round"
-				}, null, 8, Qt)]))], 44, Xt)) : g("", !0),
-				n.$slots.hint ? (b(), _("div", $t, [He(n.$slots, "hint", Re(Ie({
-					hint: j.value.a11y.translations.keyboardNavigation,
-					isVisible: Xr.value
-				})), void 0, !0)])) : g("", !0)
-			]),
-			k.value && M.value.show ? (b(), Me(C(Xe), {
-				key: 2,
-				x: k.value.x,
-				y: k.value.y,
-				prevX: A.value.x,
-				prevY: A.value.y,
-				offsetY: I.value.plot.radius * 3 + M.value.offsetY,
-				svgRef: C(B),
-				background: M.value.backgroundColor,
-				color: M.value.color,
-				fontSize: M.value.fontSize,
-				borderWidth: M.value.borderWidth,
-				borderColor: M.value.borderColor,
-				borderRadius: M.value.borderRadius,
-				backgroundOpacity: M.value.backgroundOpacity
-			}, {
-				default: qe(() => [He(n.$slots, "tooltip", Re(Ie({ ...k.value })), () => [Ne(We(k.value.period) + ": " + We(C(se)(F.value.formatter, k.value.absoluteValue, C(t)({
-					p: F.value.prefix,
-					v: k.value.absoluteValue,
-					s: F.value.suffix,
-					r: F.value.roundingValue
-				}), { datapoint: k.value })), 1)], !0)]),
-				_: 3
-			}, 8, [
-				"x",
-				"y",
-				"prevX",
-				"prevY",
-				"offsetY",
-				"svgRef",
-				"background",
-				"color",
-				"fontSize",
-				"borderWidth",
-				"borderColor",
-				"borderRadius",
-				"backgroundOpacity"
-			])) : g("", !0),
-			n.$slots.source ? (b(), _("div", {
-				key: 3,
-				ref_key: "source",
-				ref: at,
-				dir: "auto"
-			}, [He(n.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			He(n.$slots, "skeleton", {}, () => [C(R) ? (b(), Me(xe, { key: 0 })) : g("", !0)], !0)
-		], 12, wt));
-	}
-}, [["__scopeId", "data-v-bad1b3bd"]]);
-//#endregion
-export { Ct as n, W as t };