vue-data-ui 3.25.12 → 3.25.13

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

@@ -1,1587 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, A as n, G as r, I as i, Jt as a, Kt as o, L as s, Mt as c, N as l, P as u, Rt as d, S as f, Tt as p, U as ee, W as te, X as ne, at as re, ct as ie, d as ae, i as oe, k as se, m as ce, qt as le, t as ue, tn as de, ut as fe, vt as pe } from "./lib-DOpaUOQx.js";
-import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
-import { t as m } from "./useTimeLabels-d2f-W1L4.js";
-import { t as ge } from "./useConfig-Be2DFBsb.js";
-import { n as _e, t as ve } from "./BaseScanner-Dzc8VT3j.js";
-import { t as ye } from "./useNestedProp-Bux0f4iY.js";
-import { t as be } from "./useThemeCheck-C43Tcqmk.js";
-import { t as xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as Se, t as Ce } from "./useResponsive-ZtArZtUf.js";
-import { t as we } from "./DefGrad-DVBqDjhO.js";
-import { t as Te } from "./A11yDataTable-DdRsVULz.js";
-import { t as Ee } from "./useChartAccessibility-DYqac8yF.js";
-import { t as De } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as Oe } from "./vue_ui_sparkline-auZhap6Y.js";
-import { Fragment as h, computed as g, createBlock as ke, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as Ae, createVNode as je, defineAsyncComponent as Me, guardReactiveProps as Ne, nextTick as b, normalizeProps as Pe, normalizeStyle as x, onBeforeUnmount as Fe, onMounted as Ie, openBlock as S, ref as C, renderList as w, renderSlot as T, shallowRef as Le, toDisplayString as Re, toRefs as ze, unref as E, watch as D, watchEffect as Be, withCtx as Ve } from "vue";
-//#region src/atoms/SparklinePulse.vue
-var He = {
-	key: 0,
-	style: { "pointer-events": "none" }
-}, Ue = [
-	"r",
-	"fill",
-	"filter"
-], We = [
-	"begin",
-	"dur",
-	"repeatCount",
-	"fill",
-	"calcMode",
-	"keySplines",
-	"keyTimes",
-	"keyPoints"
-], Ge = ["href"], Ke = [
-	"dur",
-	"repeatCount",
-	"fill",
-	"values"
-], qe = ["r", "fill"], O = [
-	"begin",
-	"dur",
-	"repeatCount",
-	"calcMode",
-	"keySplines",
-	"keyTimes",
-	"keyPoints"
-], Je = ["href"], k = ["dur", "repeatCount"], Ye = {
-	__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 = g(() => Math.min(t.pulseTrailLength, 45)), r = g(() => !!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 D(() => t.loading, async (e) => {
-			if (e) {
-				i();
-				return;
-			}
-			await b(), i();
-		}), D(() => t.pulsePathId, async () => {
-			await b(), i();
-		}), Fe(() => {
-			i();
-		}), (t, i) => r.value ? (S(), v("g", He, [(S(!0), v(h, null, w(n.value, (t, n) => (S(), v(h, null, [n % 3 == 0 ? (S(), v("circle", {
-			key: `sparkline_dot_${n}_${e.pulsePathId}`,
-			r: o(n),
-			fill: e.pulse.color,
-			filter: `url(#sparkline_pulse_glow_${e.uid})`,
-			opacity: "0"
-		}, [y("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"
-		}, [y("mpath", { href: `#${e.pulsePathId}` }, null, 8, Ge)], 8, We), y("animate", {
-			attributeName: "opacity",
-			dur: e.pulseDur,
-			repeatCount: e.pulseRepeatCount,
-			fill: e.pulseFillMode,
-			values: s(n),
-			keyTimes: "0;0.1;0.9;1"
-		}, null, 8, Ke)], 8, Ue)) : _("", !0)], 64))), 256)), (S(), v("circle", {
-			key: `sparkline_halo_${e.pulsePathId}`,
-			r: Math.max(e.pulse.radius * 1.3),
-			fill: e.pulse.color,
-			opacity: "0"
-		}, [y("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"
-		}, [y("mpath", { href: `#${e.pulsePathId}` }, null, 8, Je)], 8, O), y("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, k)], 8, qe))])) : _("", !0);
-	}
-}, Xe = {
-	canvas: null,
-	ctx: null
-};
-function Ze() {
-	if (typeof document > "u") throw Error("color-utils: document is not available (browser-only).");
-	if (!Xe.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.");
-		Xe.canvas = e, Xe.ctx = t;
-	}
-	return Xe.ctx;
-}
-function Qe(e) {
-	return e < 0 ? 0 : e > 255 ? 255 : Math.round(e);
-}
-function A(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function j(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 = N(n, t), i = Ze();
-	i.clearRect(0, 0, 1, 1), i.fillStyle = "#000";
-	let a = i.fillStyle;
-	if (i.fillStyle = r, i.fillStyle === a && !$e(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 M(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] = j(e[r], t);
-	return n;
-}
-function N(e, t = null) {
-	return e !== "currentColor" || typeof window > "u" || !t ? e : window.getComputedStyle(t).color || e;
-}
-function $e(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 P(e) {
-	let t = A(e / 255);
-	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-}
-function F(e) {
-	let t = A(e), n;
-	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, Qe(n * 255);
-}
-function I(e, t, n, r) {
-	let i = A(n);
-	if (r === "linearRGB") {
-		let n = P(e.red), r = P(e.green), a = P(e.blue), o = P(t.red), s = P(t.green), c = P(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
-		return {
-			red: F(l),
-			green: F(u),
-			blue: F(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 L(e, t, n) {
-	let r = e;
-	return r < t && (r = t), r > n && (r = n), r;
-}
-function R(e, t) {
-	let n = 10 ** t;
-	return Math.round(e * n) / n;
-}
-function z(e) {
-	return Number.isFinite(e) ? e.toString() : "0";
-}
-function B(e) {
-	let t = L(e, 0, 255).toString(16);
-	return t.length === 1 ? "0" + t : t;
-}
-function et(e) {
-	if (typeof e != "string") return;
-	let t = Number.parseFloat(e);
-	return Number.isFinite(t) ? t : void 0;
-}
-function tt(e, t, n, r = !0) {
-	let i = n - t;
-	if (i === 0) return 0;
-	let a = (e - t) / i;
-	return r ? L(a, 0, 1) : a;
-}
-//#endregion
-//#region src/SPG/index.js
-var V = "http://www.w3.org/2000/svg";
-function nt(e) {
-	if (typeof document > "u") throw Error("SvgPathGradientAsync: document is not available (browser-only implementation).");
-	let t = document.createElementNS(V, "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(V, "path");
-	return e === "M " && (e = "M 0,0"), n.setAttribute("d", e), t.appendChild(n), document.body.appendChild(t), {
-		svgElement: t,
-		pathElement: n
-	};
-}
-function H(e) {
-	if (e) try {
-		e.svgElement?.remove?.();
-	} catch {}
-}
-function rt(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 it(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 at(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 ${z(R(l.x, i))} ${z(R(l.y, i))}`;
-	for (let n = 1; n < s; n += 1) {
-		let r = t + n * c, a = e.getPointAtLength(r);
-		u += ` L ${z(R(a.x, i))} ${z(R(a.y, i))}`;
-	}
-	return u;
-}
-function ot(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 ${z(R(l.x, i))} ${z(R(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 ${z(R(a.x, i))} ${z(R(a.y, i))}`;
-	}
-	return {
-		pathData: ee,
-		bounds: {
-			minX: u,
-			maxX: d,
-			minY: f,
-			maxY: p
-		}
-	};
-}
-function st(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 ct(e, t, n, r) {
-	let i = L(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 dt(lt(o.rgba, s.rgba, l, n));
-}
-function lt(e, t, n, r) {
-	let i = L(n, 0, 1);
-	if (r === "linearRGB") {
-		let n = U(e.red), r = U(e.green), a = U(e.blue), o = U(t.red), s = U(t.green), c = U(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
-		return {
-			red: ut(l),
-			green: ut(u),
-			blue: ut(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 U(e) {
-	let t = L(e / 255, 0, 1);
-	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-}
-function ut(e) {
-	let t = L(e, 0, 1), n;
-	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, L(Math.round(n * 255), 0, 255);
-}
-function dt(e) {
-	let t = L(e.alpha, 0, 1), n = L(Math.round(e.red), 0, 255), r = L(Math.round(e.green), 0, 255), i = L(Math.round(e.blue), 0, 255);
-	return t >= 1 ? `#${B(n)}${B(r)}${B(i)}` : `rgba(${n}, ${r}, ${i}, ${R(t, 4).toString()})`;
-}
-function ft(e) {
-	let t = `fill="${K(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}="${K(a)}"`;
-	}
-	return t;
-}
-function W(e, t, n) {
-	return `<path d="${K(e)}" stroke="${K(t)}" ${n} />`;
-}
-function G(e) {
-	let t = [], n = e.segmentAttributeMap.fill ?? "none";
-	t.push(`fill="${K(n)}"`), t.push(`stroke="${K(e.stroke)}"`);
-	for (let n of Object.keys(e.segmentAttributeMap)) {
-		if (n === "stroke" || n === "d") continue;
-		let r = e.segmentAttributeMap[n];
-		t.push(`${n}="${K(r)}"`);
-	}
-	return `<path d="${K(e.pathData)}" ${t.join(" ")} />`;
-}
-function pt(e, t) {
-	let n = [];
-	for (let e of Object.keys(t)) n.push(`${e}="${K(t[e])}"`);
-	return `<g data-svg-path-gradient="true"${n.length ? " " + n.join(" ") : ""}>${e.join("")}</g>`;
-}
-function K(e) {
-	return String(e).replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-}
-function mt(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 = et(c["stroke-width"]), d = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof u == "number" && u > 0 ? u : 1;
-			a = nt(e);
-			let f = a.pathElement, p = f.getTotalLength(), ee = i === null ? M(t, n.colorReferenceElement) : [];
-			if (i === null && (!(p > 0) || ee.length === 1)) {
-				let t = pt([G({
-					pathData: e,
-					stroke: dt(ee[0]),
-					segmentAttributeMap: c
-				})], l);
-				H(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 : M(n.temperatureColors, n.colorReferenceElement), re = i === null ? (() => {
-				let e = st(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 = rt(p, d, n.maxSegmentLength), ae = it(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 = ft(c), de = [], fe = i === null ? null : [], pe = i === null ? null : [], me = 0, he = i === null ? re.length - 2 : 0, m = 0, ge = () => {
-				let e = performance.now(), t = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
-				for (; m < ae && performance.now() - e < t;) {
-					let e = m * oe, t = (m + 1) * oe, n = e, r = t;
-					if (m !== 0 && (n = e - se), m !== ae - 1 && (r = t + se), n = L(n, 0, p), r = L(r, 0, p), r > n) {
-						if (i !== null) {
-							let e = ot(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 = ct(re, e, te, me), i = at(f, n, r, s, o, le);
-							de.push(W(i, t, ue));
-						}
-					}
-					m += 1;
-				}
-				if (m < ae) {
-					requestAnimationFrame(ge);
-					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 = tt(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = dt(i === "vertical" ? I(n, r, s, te) : I(r, n, s, te)), l = fe[a];
-						de.push(W(l, c, ue));
-					}
-				}
-				let c = pt(de, l);
-				H(a), r(c);
-			};
-			requestAnimationFrame(ge);
-		} catch (e) {
-			H(a), i(e);
-		}
-	});
-}
-//#endregion
-//#region src/atoms/SparklineGradientPath.vue
-var ht = ["innerHTML"], gt = {
-	__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 = C(""), r = 0;
-		return D(() => [
-			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 mt(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) => (S(), v("g", { innerHTML: n.value }, null, 8, ht));
-	}
-}, _t = /* @__PURE__ */ e({ default: () => Vt }), vt = ["id"], yt = ["id"], bt = { style: { position: "relative" } }, xt = [
-	"xmlns",
-	"viewBox",
-	"aria-describedby"
-], St = ["width", "height"], Ct = ["id"], wt = [
-	"id",
-	"y1",
-	"y2"
-], Tt = ["stop-color", "offset"], Et = { key: 1 }, Dt = [
-	"data-cy",
-	"d",
-	"fill"
-], Ot = [
-	"id",
-	"d",
-	"stroke-width"
-], kt = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], At = [
-	"d",
-	"stroke",
-	"stroke-width"
-], jt = [
-	"id",
-	"d",
-	"stroke-width"
-], Mt = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Nt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Pt = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"rx"
-], Ft = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], It = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-dasharray",
-	"stroke-width"
-], Lt = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], Rt = [
-	"x",
-	"y",
-	"font-size",
-	"font-weight",
-	"fill"
-], zt = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Bt = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, Vt = /*#__PURE__*/ xe({
-	__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
-		}
-	},
-	emits: ["hoverIndex", "selectDatapoint"],
-	setup(e, { emit: xe }) {
-		let He = Me(() => import("./PackageVersion-KI_qWJHZ.js").then((e) => e.t)), Ue = Me(() => import("./SparkTooltip-B1gRxPfb.js")), { vue_ui_sparkline: We } = ge(), { isThemeValid: Ge, warnInvalidTheme: Ke } = be(), qe = De(), O = e, Je = g(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = C(ne()), Xe = C(null), Ze = C(null), Qe = C(null), A = C(null), j = C(null), M = C(nt()), N = g(() => M.value.style.tooltip), $e = g(() => M.value.style.bar), P = g(() => M.value.style.line), F = g(() => M.value.style.area), I = g(() => M.value.style.dataLabel), L = g(() => M.value.style);
-		me({
-			config: () => M.value,
-			dataset: () => O.dataset,
-			component: "VueUiSparkline",
-			rules: [
-				he.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 R(e) {
-			return O.config?.skeletonDataset && Array.isArray(O.config.skeletonDataset) ? O.config.skeletonDataset.map((e) => ({
-				period: "-",
-				value: e
-			})) : ie(e).map((e) => ({
-				period: "-",
-				value: e
-			}));
-		}
-		let z = g(() => 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: M.value.skeletonConfig ?? {}
-		})), { loading: B, FINAL_DATASET: et, manualLoading: tt } = _e({
-			...ze(O),
-			FINAL_CONFIG: M,
-			prepareConfig: nt,
-			callback: () => {
-				Promise.resolve().then(async () => {
-					await b(), Gt();
-				});
-			},
-			skeletonDataset: R(12),
-			skeletonConfig: de({
-				defaultConfig: M.value,
-				userConfig: z.value
-			})
-		}), { svgRef: V } = Ee({ config: L.value.title });
-		function nt() {
-			let e = ye({
-				userConfig: O.config,
-				defaultConfig: We
-			}), t = {}, n = e.theme;
-			if (n) {
-				if (!Ge.value(e)) Ke(e), t = e;
-				else {
-					let r = ye({
-						userConfig: Oe[n] || O.config,
-						defaultConfig: e
-					});
-					t = { ...ye({
-						userConfig: O.config,
-						defaultConfig: r
-					}) };
-				}
-			} else t = e;
-			return t;
-		}
-		let H = g(() => M.value?.style?.line.pulse || {}), rt = g(() => `${Math.max(200, Number(H.value.durationMs) || 4e3) / 1e3}s`), it = C(0), at = g(() => H.value?.begin || "0ms"), ot = C("0;1"), st = g(() => H.value?.loop === !1 ? "1" : "indefinite"), ct = g(() => H.value?.loop === !1 ? "freeze" : void 0), lt = g(() => H.value.trail.show && ft.value.lengthPx || 1), U = g(() => !!H.value?.show && !Q.value && !qe.value && !B.value && (Y.value?.length || 0) > 1);
-		function ut() {
-			if (!U.value) {
-				it.value = 0;
-				return;
-			}
-			let e = V.value;
-			if (!e) return;
-			let t = `#${qt.value}`, n = e.querySelector?.(t);
-			if (n && typeof n.getTotalLength == "function") {
-				let e = n.getTotalLength();
-				Number.isFinite(e) && e > 0 && (it.value = e);
-				return;
-			}
-			requestAnimationFrame(() => {
-				let n = e.querySelector?.(t);
-				if (n && typeof n.getTotalLength == "function") {
-					let e = n.getTotalLength();
-					Number.isFinite(e) && e > 0 && (it.value = e);
-				}
-			});
-		}
-		let dt = g(() => {
-			let e = H.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(H.value?.cubicBezier) && H.value.cubicBezier.length === 4 ? H.value.cubicBezier : [
-					.4,
-					0,
-					.2,
-					1
-				] : t[e] || t["ease-in-out"]).join(" "),
-				keyTimes: "0;1"
-			};
-		}), ft = g(() => {
-			let e = H.value?.trail || {}, t = P.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
-			};
-		}), W = g(() => c({
-			data: et.value,
-			threshold: M.value.downsample.threshold
-		}));
-		g(() => {
-			if (!M.value.temperatureColors.show) return !1;
-			let e = et.value.map(({ value: e }) => e).filter((e) => Number.isFinite(e));
-			return new Set(e).size <= 1;
-		}), D(() => O.config, (e) => {
-			B.value || (M.value = nt()), Zt(), q.value.chartWidth = L.value.chartWidth;
-		}, { deep: !0 }), D(() => O.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (tt.value = !1), G.value = c({
-				data: et.value.map((e) => ({
-					...e,
-					value: [void 0].includes(e.value) ? null : e.value
-				})),
-				threshold: M.value.downsample.threshold
-			});
-		}, { deep: !0 });
-		let G = C(pt());
-		function pt() {
-			return c({
-				data: et.value.map((e) => L.value.animation.show && et.value.length > 1 ? {
-					...e,
-					value: null
-				} : {
-					...e,
-					value: [void 0].includes(e.value) ? null : e.value
-				}),
-				threshold: M.value.downsample.threshold
-			});
-		}
-		let K = Le(null), mt = Le(null), ht = C(!1), _t = C(0), Vt = C([]), Ht = C(""), Ut = g(() => {
-			let e = (W.value || []).map((e) => `${e.period}::${Number.isFinite(e.value) ? e.value : 0}`).join("|"), t = M.value?.style?.animation || {}, n = !!M.value?.gradientPath?.show && !M.value.temperatureColors.show;
-			return `${e}#${!!t.show}#${t.animationFrames || 0}#${n}`;
-		});
-		function Wt() {
-			_t.value &&= (cancelAnimationFrame(_t.value), 0), Vt.value.forEach((e) => clearTimeout(e)), Vt.value = [], ht.value = !1;
-		}
-		function Gt() {
-			let e = M.value?.style?.animation || {}, t = W.value || [], n = Ut.value, r = !!M.value.gradientPath.show && !M.value.temperatureColors.show;
-			if (n && n === Ht.value && (ht.value || G.value.length === t.length)) return;
-			if (Wt(), r || !e.show || B.value || t.length <= 1 || qe.value) {
-				G.value = t, Ht.value = n;
-				return;
-			}
-			ht.value = !0, Ht.value = n, G.value = [];
-			let i = Math.max(1, Number(e.animationFrames) || 1), a = Math.max(1, Math.floor(i / t.length)), o = 0, s = () => {
-				if (n !== Ut.value) {
-					Wt();
-					return;
-				}
-				if (o < t.length) {
-					G.value.push(t[o]);
-					let e = setTimeout(() => {
-						_t.value = requestAnimationFrame(s);
-					}, a);
-					Vt.value.push(e), o += 1;
-				} else G.value = t, Wt();
-			};
-			_t.value = requestAnimationFrame(s);
-		}
-		D(Ut, () => {
-			Gt();
-		}), Ie(() => {
-			Zt(), Gt();
-		}), Fe(() => {
-			Wt();
-		});
-		let Kt = C(0);
-		D(() => B.value, async (e) => {
-			e || (await b(), Kt.value += 1);
-		}), D(() => ht.value, async (e) => {
-			e || B.value || (await b(), Kt.value += 1);
-		});
-		let qt = g(() => `sparkline_line_path_${k.value}`), Jt = C(!0);
-		async function Yt() {
-			Jt.value = !1, await b(), Jt.value = !0, await b(), ut();
-		}
-		let Xt = g(() => M.value.debug);
-		function Zt() {
-			if (d(O.dataset) ? (re({
-				componentName: "VueUiSparkline",
-				type: "dataset",
-				debug: Xt.value
-			}), tt.value = !0) : Xt.value && O.dataset.forEach((e, t) => {
-				pe({
-					datasetObject: e,
-					requiredAttributes: ["period", "value"]
-				}).forEach((e) => {
-					re({
-						componentName: "VueUiSparkline",
-						type: "datasetSerieAttribute",
-						property: e,
-						index: t
-					});
-				});
-			}), d(O.dataset) || (tt.value = M.value.loading), M.value.responsive) {
-				let e = Se(() => {
-					let { width: e, height: t } = Ce({
-						chart: Xe.value,
-						title: L.value.title.show && O.showInfo ? Ze.value : null,
-						source: Qe.value
-					});
-					requestAnimationFrame(() => {
-						q.value.width = e, q.value.height = t, q.value.chartWidth = L.value.chartWidth / 500 * e, q.value.padding = O.forcedPadding / 500 * e;
-					});
-				});
-				K.value && (mt.value && K.value.unobserve(mt.value), K.value.disconnect()), K.value = new ResizeObserver(e), mt.value = Xe.value.parentNode, K.value.observe(mt.value);
-			}
-		}
-		Fe(() => {
-			K.value && (mt.value && K.value.unobserve(mt.value), K.value.disconnect());
-		});
-		let q = C({
-			height: 80 * O.heightRatio,
-			width: 500,
-			chartWidth: L.value.chartWidth,
-			padding: O.forcedPadding
-		}), Qt = xe, J = g(() => {
-			let { top: e, right: t, bottom: n, left: r } = L.value.padding;
-			return {
-				top: e,
-				left: r,
-				right: q.value.width - t,
-				bottom: q.value.height - n,
-				start: O.showInfo && I.value.show && I.value.position === "left" ? q.value.width - q.value.chartWidth + r : q.value.padding + r,
-				width: O.showInfo && I.value.show ? q.value.chartWidth - r - t : q.value.width - q.value.padding - r - t,
-				height: q.value.height - e - n
-			};
-		}), $t = g(() => [null, void 0].includes(L.value.scaleMin) ? Math.min(...G.value.map((e) => isNaN(e.value) || [
-			void 0,
-			null,
-			"NaN",
-			NaN,
-			Infinity,
-			-Infinity
-		].includes(e.value) ? 0 : e.value || 0)) : L.value.scaleMin), en = g(() => [null, void 0].includes(L.value.scaleMax) ? Math.max(...G.value.map((e) => isNaN(e.value) || [
-			void 0,
-			null,
-			"NaN",
-			NaN,
-			Infinity,
-			-Infinity
-		].includes(e.value) ? 0 : e.value || 0)) : L.value.scaleMax), tn = g(() => {
-			let e = $t.value >= 0 ? 0 : $t.value;
-			return Math.abs(e);
-		}), nn = g(() => en.value + tn.value), rn = g(() => J.value.bottom - J.value.height * an(tn.value));
-		function an(e) {
-			return isNaN(e / nn.value) ? 0 : e / nn.value;
-		}
-		let on = g(() => W.value.length - 1 || 1), sn = C([]), cn = 0;
-		Be(() => {
-			let e = ++cn;
-			(async () => {
-				let t = await m({
-					values: W.value.map((e) => e.period),
-					maxDatapoints: W.value.length,
-					formatter: I.value.datetimeFormatter,
-					start: 0,
-					end: W.value.length
-				});
-				e === cn && (sn.value = t);
-			})();
-		});
-		let Y = g(() => G.value.map((e, t) => {
-			let n = isNaN(e.value) || [
-				void 0,
-				"NaN",
-				NaN,
-				Infinity,
-				-Infinity
-			].includes(e.value) ? 0 : e.value, r = J.value.width / on.value;
-			return {
-				value: e.value,
-				absoluteValue: n,
-				period: sn.value && sn.value[t] && sn.value[t].text ? sn.value[t].text : e.period,
-				plotValue: n + tn.value,
-				toMax: an(n + tn.value),
-				x: J.value.start + t * r,
-				y: J.value.bottom - J.value.height * an(n + tn.value),
-				id: `plot_${k.value}_${t}`,
-				color: Q.value ? $e.value.color : F.value.useGradient ? a(P.value.color, .05 * (1 - t / on.value)) : P.value.color,
-				width: r
-			};
-		})), ln = g(() => O.selectedIndex !== void 0 && O.selectedIndex !== null && O.selectedIndex >= 0 && O.selectedIndex < Y.value.length ? O.selectedIndex : j.value !== void 0 && j.value !== null && j.value >= 0 && j.value < Y.value.length ? j.value : null), X = C(void 0), un = C(void 0);
-		function dn(e, t) {
-			M.value.events.datapointEnter && M.value.events.datapointEnter({
-				datapoint: e,
-				seriesIndex: t
-			}), j.value = t, A.value = t, X.value = e, un.value ||= e, Qt("hoverIndex", { index: t });
-		}
-		function fn(e, t) {
-			M.value.events.datapointLeave && M.value.events.datapointLeave({
-				datapoint: e,
-				seriesIndex: t
-			}), un.value = X.value, X.value = void 0, j.value = null, A.value = null, Qt("hoverIndex", { index: void 0 });
-		}
-		let Z = g(() => {
-			if (Je.value) {
-				let e = Y.value.map((e) => e.absoluteValue), t = e.reduce((e, t) => e + t, 0);
-				return {
-					latest: Y.value[Y.value.length - 1] ? Y.value[Y.value.length - 1].absoluteValue : 0,
-					sum: t,
-					average: t / Y.value.length,
-					median: ce(e),
-					trend: ae(Y.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
-			};
-		}), pn = g(() => Je.value ? I.value.valueType === "latest" ? Z.value.latest : I.value.valueType === "sum" ? Z.value.sum : I.value.valueType === "average" ? Z.value.average : 0 : 0), Q = g(() => M.value.type && M.value.type === "bar");
-		function mn(e, t) {
-			M.value.events.datapointClick && M.value.events.datapointClick({
-				datapoint: e,
-				seriesIndex: t
-			}), Qt("selectDatapoint", {
-				datapoint: e,
-				index: t
-			});
-		}
-		let hn = g(() => Array.isArray(P.value.dashIndices) && P.value.dashIndices.length > 0), gn = g(() => P.value.cutNullValues);
-		function _n(e) {
-			return ![
-				null,
-				void 0,
-				"NaN",
-				NaN,
-				Infinity,
-				-Infinity
-			].includes(e);
-		}
-		function vn(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 _n(e[t]?.value) && i && gn.value;
-		}
-		function yn(e, t) {
-			return X.value && e.id === X.value.id || ln.value === t || et.value.length === 1;
-		}
-		function bn(e, t) {
-			return Q.value || !_n(e?.value) ? !1 : L.value.plot.show && yn(e, t) || vn(Y.value, t);
-		}
-		function xn(e, t) {
-			return Math.max(1, yn(e, t) ? L.value.plot.radius : L.value.plot.radius * .7);
-		}
-		function Sn(e, t) {
-			return yn(e, t) ? L.value.plot.stroke : L.value.backgroundColor;
-		}
-		let Cn = g(() => gn.value ? Y.value : Y.value.filter((e) => e.value !== null)), wn = g(() => Y.value.filter((e) => e.value !== null)), Tn = g(() => wn.value.length > 1), En = g(() => Q.value || !Tn.value ? "" : gn.value ? i(Y.value) : u(Cn.value)), Dn = g(() => Q.value || !Tn.value ? "" : gn.value ? te(Y.value) : ee(Cn.value)), On = g(() => Q.value || !hn.value || !Tn.value ? [] : s(Cn.value, P.value.dashIndices)), kn = g(() => Q.value || !hn.value || !Tn.value ? [] : r(Cn.value, P.value.dashIndices)), An = g(() => Q.value || !F.value.show || !Tn.value ? [] : P.value.smooth ? l(Cn.value, J.value.bottom, gn.value).filter(Boolean) : (gn.value ? n(Y.value, J.value.bottom) : se(Cn.value, J.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), jn = g(() => Q.value || !M.value.gradientPath.show || M.value.temperatureColors.show ? "" : `M ${(P.value.smooth ? En.value : Dn.value) || "0,0"}`), Mn = g(() => {
-			if (!M.value.temperatureColors.show) return null;
-			let e = M.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => f(e));
-		}), $ = g(() => {
-			if (!M.value.temperatureColors.show) return null;
-			let e = M.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => f(e));
-		});
-		function Nn(e) {
-			if (!Number.isFinite(e?.y)) return 0;
-			let t = J.value.height || 1, n = (e.y - J.value.top) / t;
-			return Math.min(1, Math.max(0, n));
-		}
-		function Pn(e) {
-			let t = Mn.value;
-			return !Array.isArray(t) || !t.length ? e.color : p({
-				colors: t,
-				ratio: Nn(e)
-			});
-		}
-		D(() => [
-			U.value,
-			qt.value,
-			Y.value.length,
-			q.value.width,
-			q.value.height,
-			M.value?.style?.line?.smooth
-		], async () => {
-			await b(), ut();
-		}, { immediate: !0 }), Ie(async () => {
-			await b(), ut();
-		}), D(() => B.value, async (e) => {
-			e || await Yt();
-		}), D(() => ht.value, async (e) => {
-			e || B.value || await Yt();
-		}), D(() => O.selectedIndex, (e) => {
-			if (e == null) {
-				j.value = null, A.value = null, X.value = void 0;
-				return;
-			}
-			if (e < 0 || e >= Y.value.length) return;
-			let t = Y.value[e];
-			t && (j.value = e, A.value = e, X.value = t);
-		});
-		let Fn = C(!1);
-		function In() {
-			let e = ln.value;
-			if (e !== null && e >= 0 && e < Y.value.length) {
-				let t = Y.value[e];
-				if (t) {
-					A.value = e, X.value = t, j.value = e, Fn.value = !0;
-					return;
-				}
-			}
-			A.value = null, !X.value && Y.value.length && dn(Y.value.at(-1), Y.value.length - 1), Fn.value = !0;
-		}
-		function Ln() {
-			un.value = X.value, (O.selectedIndex === void 0 || O.selectedIndex === null) && (A.value = null, X.value = void 0, j.value = null, Qt("hoverIndex", { index: void 0 })), Fn.value = !1;
-		}
-		function Rn(e) {
-			if (!V.value || document.activeElement !== V.value) return;
-			un.value = X.value;
-			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
-			if (!t && !n) return;
-			let r = Y.value.length;
-			if (!r) return;
-			e.preventDefault(), e.stopPropagation();
-			let i = A.value, a = i !== null && i >= 0 && i < r, o = X.value ? Y.value.findIndex((e) => e.id === X.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 = Y.value[i];
-			s && (A.value = i, dn(s, i));
-		}
-		let zn = g(() => ({
-			headers: [M.value.translations.period, M.value.translations.value],
-			rows: Y.value.map((e) => [e.period, e.absoluteValue])
-		}));
-		return (n, r) => (S(), v("div", {
-			ref_key: "sparklineChart",
-			ref: Xe,
-			class: "vue-data-ui-component vue-ui-sparkline",
-			id: k.value,
-			style: x(`width:100%;font-family:${L.value.fontFamily};`)
-		}, [
-			y("p", {
-				id: `chart-instructions-${k.value}`,
-				class: "sr-only"
-			}, Re(M.value.a11y.translations.keyboardNavigation), 9, yt),
-			zn.value?.rows?.length ? (S(), ke(Te, {
-				key: 0,
-				uid: k.value,
-				head: zn.value.headers,
-				body: zn.value.rows,
-				notice: M.value.a11y.translations.tableAvailable,
-				caption: M.value.a11y.translations.tableCaption
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"notice",
-				"caption"
-			])) : _("", !0),
-			T(n.$slots, "before", Pe(Ne({
-				selected: X.value,
-				latest: Z.value.latest,
-				sum: Z.value.sum,
-				average: Z.value.average,
-				median: Z.value.median,
-				trend: Z.value.trend
-			})), void 0, !0),
-			L.value.title.show && e.showInfo ? (S(), v("div", {
-				key: 1,
-				ref_key: "chartTitle",
-				ref: Ze,
-				class: "vue-ui-sparkline-title",
-				style: x(`display:flex;align-items:center;width:100%;color:${L.value.title.color};background:${L.value.backgroundColor};justify-content:${L.value.title.textAlign === "left" ? "flex-start" : L.value.title.textAlign === "right" ? "flex-end" : "center"};height:${L.value.title.fontSize * 2}px;font-size:${L.value.title.fontSize}px;font-weight:${L.value.title.bold ? "bold" : "normal"};`)
-			}, [y("span", { style: x(`padding:${L.value.title.textAlign === "left" ? "0 0 0 12px" : L.value.title.textAlign === "right" ? "0 12px 0 0" : "0"}`) }, Re(X.value ? X.value.period : L.value.title.text), 5)], 4)) : _("", !0),
-			y("div", bt, [(S(), v("svg", {
-				ref_key: "svgRef",
-				ref: V,
-				xmlns: E(ue),
-				viewBox: `0 0 ${q.value.width} ${q.value.height}`,
-				style: x(`background:${L.value.backgroundColor};overflow:visible;direction:ltr`),
-				tabindex: "0",
-				"aria-describedby": `chart-instructions-${k.value}`,
-				onMouseleave: r[0] ||= (e) => un.value = void 0,
-				onFocus: In,
-				onBlur: Ln,
-				onKeydown: Rn
-			}, [
-				je(E(He)),
-				n.$slots["chart-background"] ? (S(), v("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" }
-				}, [T(n.$slots, "chart-background", {}, void 0, !0)], 8, St)) : _("", !0),
-				y("defs", null, [
-					je(we, {
-						t: "linear",
-						x1: "0%",
-						y1: "0%",
-						x2: "100%",
-						y2: "0%",
-						id: `sparkline_gradient_${k.value}`,
-						stops: [[
-							"0%",
-							E(le)(E(a)(F.value.color, .05), F.value.opacity),
-							1
-						], [
-							"100%",
-							E(le)(F.value.color, F.value.opacity),
-							1
-						]]
-					}, null, 8, ["id", "stops"]),
-					je(we, {
-						t: "linear",
-						x2: "0%",
-						y2: "100%",
-						id: `sparkline_bar_gradient_pos_${k.value}`,
-						stops: [[
-							"0%",
-							$e.value.color,
-							1
-						], [
-							"100%",
-							E(a)($e.value.color, .05),
-							1
-						]]
-					}, null, 8, ["id", "stops"]),
-					je(we, {
-						t: "linear",
-						x2: "0%",
-						y2: "100%",
-						id: `sparkline_bar_gradient_neg_${k.value}`,
-						stops: [[
-							"0%",
-							E(a)($e.value.color, .05),
-							1
-						], [
-							"100%",
-							$e.value.color,
-							1
-						]]
-					}, null, 8, ["id", "stops"]),
-					y("filter", {
-						id: `sparkline_pulse_glow_${k.value}`,
-						filterUnits: "userSpaceOnUse",
-						x: "-50",
-						y: "-50",
-						width: "100",
-						height: "100"
-					}, [...r[1] ||= [y("feGaussianBlur", {
-						in: "SourceGraphic",
-						stdDeviation: "3",
-						result: "blur"
-					}, null, -1), y("feMerge", null, [y("feMergeNode", { in: "blur" }), y("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, Ct),
-					M.value.temperatureColors.show && $.value ? (S(), v("linearGradient", {
-						key: 0,
-						id: `temperature_grad_sparkline_${k.value}`,
-						gradientUnits: "userSpaceOnUse",
-						x1: "0",
-						x2: "0",
-						y1: J.value.top,
-						y2: J.value.bottom
-					}, [(S(!0), v(h, null, w($.value, (e, t) => (S(), v("stop", {
-						key: `temperature_grad_stop_${t}_${k.value}`,
-						"stop-color": e,
-						offset: $.value.length === 1 ? "0%" : E(o)(t, $.value.length)
-					}, null, 8, Tt))), 128))], 8, wt)) : _("", !0)
-				]),
-				F.value.show && !Q.value && An.value.length ? (S(), v("g", Et, [(S(!0), v(h, null, w(An.value, (e, t) => (S(), v("path", {
-					key: `sparkline_area_${t}_${k.value}`,
-					class: "vue-ui-sparkline-area",
-					"data-cy": P.value.smooth ? "sparkline-smooth-area" : "sparkline-angle-area",
-					d: e,
-					fill: F.value.useGradient ? `url(#sparkline_gradient_${k.value})` : E(le)(F.value.color, F.value.opacity),
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
-				}, null, 12, Dt))), 128))])) : _("", !0),
-				P.value.smooth && !Q.value ? (S(), v(h, { key: 2 }, [y("path", {
-					id: qt.value,
-					d: `M ${En.value || "0,0"}`,
-					fill: "none",
-					stroke: "transparent",
-					"stroke-width": P.value.strokeWidth,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, null, 8, Ot), hn.value ? (S(!0), v(h, { key: 0 }, w(On.value, (e) => (S(), v("path", {
-					key: e.path,
-					class: "vue-ui-sparkline-path",
-					d: `M ${e.path}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : P.value.color,
-					fill: "none",
-					"stroke-width": P.value.strokeWidth,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-dasharray": e.dashed ? P.value.dashArray : 0,
-					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
-				}, null, 12, kt))), 128)) : (S(), v("path", {
-					key: 1,
-					class: "vue-ui-sparkline-path",
-					d: `M ${En.value || "0,0"}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : P.value.color,
-					fill: "none",
-					"stroke-width": P.value.strokeWidth,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
-				}, null, 12, At))], 64)) : _("", !0),
-				!P.value.smooth && !Q.value ? (S(), v(h, { key: 3 }, [y("path", {
-					id: qt.value,
-					d: `M ${Dn.value || "0,0"}`,
-					fill: "none",
-					stroke: "transparent",
-					"stroke-width": P.value.strokeWidth,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, null, 8, jt), hn.value ? (S(!0), v(h, { key: 0 }, w(kn.value, (e) => (S(), v("path", {
-					key: e.path,
-					class: "vue-ui-sparkline-path",
-					d: `M ${e.path}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : P.value.color,
-					fill: "none",
-					"stroke-width": P.value.strokeWidth,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-dasharray": e.dashed ? P.value.dashArray * 2 : 0,
-					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
-				}, null, 12, Mt))), 128)) : (S(), v("path", {
-					key: 1,
-					class: "vue-ui-sparkline-path",
-					d: `M ${Dn.value || "0,0"}`,
-					stroke: $.value ? `url(#temperature_grad_sparkline_${k.value})` : P.value.color,
-					fill: "none",
-					"stroke-width": P.value.strokeWidth,
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					style: x({ transition: E(B) ? void 0 : "all 0.2s" })
-				}, null, 12, Nt))], 64)) : _("", !0),
-				jn.value && !$.value ? (S(), ke(gt, {
-					key: 4,
-					svgPathData: jn.value,
-					enabled: M.value.gradientPath.show && !Q.value && !$.value,
-					strokeWidth: P.value.strokeWidth,
-					highColor: M.value.gradientPath.colors.high,
-					lowColor: M.value.gradientPath.colors.low,
-					segments: M.value.gradientPath.segments
-				}, null, 8, [
-					"svgPathData",
-					"enabled",
-					"strokeWidth",
-					"highColor",
-					"lowColor",
-					"segments"
-				])) : _("", !0),
-				Jt.value && U.value ? (S(), ke(Ye, {
-					key: 5,
-					uid: k.value,
-					svgRef: E(V),
-					pulsePathId: qt.value,
-					pulsePathLength: it.value,
-					pulseDur: rt.value,
-					pulseBegin: at.value,
-					pulseRepeatCount: st.value,
-					pulseFillMode: ct.value,
-					pulseKeyPoints: ot.value,
-					pulseMotion: dt.value,
-					pulse: H.value,
-					pulseTrail: ft.value,
-					pulseTrailLength: lt.value,
-					prefersReducedMotion: E(qe),
-					loading: E(B),
-					isBar: Q.value
-				}, null, 8, [
-					"uid",
-					"svgRef",
-					"pulsePathId",
-					"pulsePathLength",
-					"pulseDur",
-					"pulseBegin",
-					"pulseRepeatCount",
-					"pulseFillMode",
-					"pulseKeyPoints",
-					"pulseMotion",
-					"pulse",
-					"pulseTrail",
-					"pulseTrailLength",
-					"prefersReducedMotion",
-					"loading",
-					"isBar"
-				])) : _("", !0),
-				(S(!0), v(h, null, w(Y.value, (e, t) => (S(), v("g", null, [Q.value ? (S(), v("rect", {
-					key: 0,
-					x: e.x - e.width / 2,
-					y: isNaN(e.absoluteValue > 0 ? e.y : rn.value) ? 0 : e.absoluteValue > 0 ? e.y : rn.value,
-					width: e.width,
-					height: isNaN(Math.abs(e.y - rn.value)) ? 0 : Math.abs(e.y - rn.value),
-					fill: e.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${k.value})` : `url(#sparkline_bar_gradient_neg_${k.value})`,
-					rx: $e.value.borderRadius
-				}, null, 8, Pt)) : _("", !0), L.value.verticalIndicator.show && (X.value && e.id === X.value.id || ln.value === t) ? (S(), v("line", {
-					key: 1,
-					x1: e.x,
-					x2: e.x,
-					y1: J.value.top - 6,
-					y2: J.value.bottom,
-					stroke: L.value.verticalIndicator.color || e.color,
-					"stroke-width": L.value.verticalIndicator.strokeWidth,
-					"stroke-linecap": "round",
-					"stroke-dasharray": L.value.verticalIndicator.strokeDasharray || 0
-				}, null, 8, Ft)) : _("", !0)]))), 256)),
-				$t.value < 0 ? (S(), v("line", {
-					key: 6,
-					x1: J.value.start,
-					x2: J.value.start + J.value.width,
-					y1: E(fe)(rn.value, J.value.bottom),
-					y2: E(fe)(rn.value, J.value.bottom),
-					stroke: L.value.zeroLine.color,
-					"stroke-dasharray": L.value.zeroLine.strokeWidth * 2,
-					"stroke-width": L.value.zeroLine.strokeWidth,
-					"stroke-linecap": "round"
-				}, null, 8, It)) : _("", !0),
-				(S(!0), v(h, null, w(Y.value, (e, t) => (S(), v("g", { key: `sparkline_plot_${e.id}` }, [bn(e, t) ? (S(), v("circle", {
-					key: 0,
-					cx: e.x,
-					cy: e.y,
-					r: xn(e, t),
-					fill: Pn(e),
-					stroke: Sn(e, t),
-					"stroke-width": L.value.plot.strokeWidth
-				}, null, 8, Lt)) : _("", !0)]))), 128)),
-				e.showInfo && I.value.show ? (S(), v("text", {
-					key: 7,
-					x: I.value.position === "left" ? 12 + I.value.offsetX : J.value.width + 12 + I.value.offsetX,
-					y: q.value.height / 2 + I.value.fontSize / 2.5 + I.value.offsetY,
-					"font-size": I.value.fontSize,
-					"font-weight": I.value.bold ? "bold" : "normal",
-					fill: I.value.color
-				}, Re(X.value ? E(oe)(I.value.formatter, X.value.absoluteValue, E(t)({
-					p: I.value.prefix,
-					v: X.value.absoluteValue,
-					s: I.value.suffix,
-					r: I.value.roundingValue
-				}), { datapoint: X.value }) : E(oe)(I.value.formatter, pn.value, E(t)({
-					p: I.value.prefix,
-					v: pn.value,
-					s: I.value.suffix,
-					r: I.value.roundingValue
-				}))), 9, Rt)) : _("", !0),
-				(S(!0), v(h, null, w(Y.value, (e, t) => (S(), v("rect", {
-					x: e.x - (J.value.width / (on.value + 1) > q.value.padding ? q.value.padding : J.value.width / (on.value + 1)) / 2,
-					y: J.value.top - 6,
-					height: J.value.height + 6,
-					width: J.value.width / (on.value + 1) > q.value.padding ? q.value.padding : J.value.width / (on.value + 1),
-					fill: "transparent",
-					onMouseenter: () => dn(e, t),
-					onMouseleave: () => fn(e, t),
-					onClick: () => mn(e, t)
-				}, null, 40, zt))), 256)),
-				T(n.$slots, "svg", { svg: {
-					...q.value,
-					drawingArea: J.value,
-					timeLabels: sn.value,
-					series: Y.value,
-					hoveredIndex: A.value
-				} }, void 0, !0)
-			], 44, xt)), n.$slots.hint ? (S(), v("div", Bt, [T(n.$slots, "hint", Pe(Ne({
-				hint: M.value.a11y.translations.keyboardNavigation,
-				isVisible: Fn.value
-			})), void 0, !0)])) : _("", !0)]),
-			X.value && N.value.show ? (S(), ke(E(Ue), {
-				key: 2,
-				x: X.value.x,
-				y: X.value.y,
-				prevX: un.value.x,
-				prevY: un.value.y,
-				offsetY: L.value.plot.radius * 3 + N.value.offsetY,
-				svgRef: E(V),
-				background: N.value.backgroundColor,
-				color: N.value.color,
-				fontSize: N.value.fontSize,
-				borderWidth: N.value.borderWidth,
-				borderColor: N.value.borderColor,
-				borderRadius: N.value.borderRadius,
-				backgroundOpacity: N.value.backgroundOpacity
-			}, {
-				default: Ve(() => [T(n.$slots, "tooltip", Pe(Ne({ ...X.value })), () => [Ae(Re(X.value.period) + ": " + Re(E(oe)(I.value.formatter, X.value.absoluteValue, E(t)({
-					p: I.value.prefix,
-					v: X.value.absoluteValue,
-					s: I.value.suffix,
-					r: I.value.roundingValue
-				}), { datapoint: X.value })), 1)], !0)]),
-				_: 3
-			}, 8, [
-				"x",
-				"y",
-				"prevX",
-				"prevY",
-				"offsetY",
-				"svgRef",
-				"background",
-				"color",
-				"fontSize",
-				"borderWidth",
-				"borderColor",
-				"borderRadius",
-				"backgroundOpacity"
-			])) : _("", !0),
-			n.$slots.source ? (S(), v("div", {
-				key: 3,
-				ref_key: "source",
-				ref: Qe,
-				dir: "auto"
-			}, [T(n.$slots, "source", {}, void 0, !0)], 512)) : _("", !0),
-			T(n.$slots, "skeleton", {}, () => [E(B) ? (S(), ke(ve, { key: 0 })) : _("", !0)], !0)
-		], 12, vt));
-	}
-}, [["__scopeId", "data-v-ef970c4d"]]);
-//#endregion
-export { _t as n, Vt as t };