vue-data-ui 3.23.9 → 3.23.11

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

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