vue-data-ui 3.22.9 → 3.22.11

package/dist/{vue-ui-sparkline-ApivEMBP.js → vue-ui-sparkline-D1dyhLvG.js}

@@ -1,13 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, B as n, D as r, F as i, G as a, J as o, Kt as s, Lt as c, M as l, O as u, P as d, Rt as f, Tt as p, V as ee, b as te, dt as ne, f as re, i as ie, it as ae, j as oe, kt as se, l as ce, nt as le, t as ue, vt as de, z as fe, zt as m } from "./lib-JqW18y5I.js";
-import { t as pe } from "./useTimeLabels-BmBRv27Y.js";
-import { t as me } from "./useConfig-DYM3f6EI.js";
+import { At as t, B as n, Bt as r, Et as i, F as a, H as o, I as s, K as c, M as l, N as u, O as d, Rt as ee, V as f, Y as p, at as te, et as ne, ft as re, i as ie, k as ae, p as oe, qt as se, rt as ce, t as le, u as ue, x as de, yt as fe, zt as m } from "./lib-CFm_J26b.js";
+import { t as pe } from "./useTimeLabels-B9CEuiLZ.js";
+import { t as me } from "./useConfig-C0V0eG7L.js";
 import { n as h, t as he } from "./BaseScanner-DZvpgOjM.js";
-import { t as ge } from "./useNestedProp-DIuuzG1r.js";
+import { t as ge } from "./useNestedProp-BY6DNN3i.js";
 import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as ye } from "./canvas-lib-BOP_HS11.js";
-import { t as be } from "./useResponsive-BfnK0KxU.js";
+import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
 import { t as xe } from "./DefGrad-DVBqDjhO.js";
 import { t as Se } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
@@ -340,18 +339,18 @@ function st(e, t, n, r, i, a) {
 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 = l.x, d = l.x, f = l.y, p = l.y, ee = `M ${R(L(l.x, i))} ${R(L(l.y, i))}`;
+	let c = s > 1 ? o / (s - 1) : 0, l = e.getPointAtLength(t), u = l.x, d = l.x, ee = l.y, f = l.y, p = `M ${R(L(l.x, i))} ${R(L(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 ${R(L(a.x, i))} ${R(L(a.y, i))}`;
+		a.x < u && (u = a.x), a.x > d && (d = a.x), a.y < ee && (ee = a.y), a.y > f && (f = a.y), p += ` L ${R(L(a.x, i))} ${R(L(a.y, i))}`;
 	}
 	return {
-		pathData: ee,
+		pathData: p,
 		bounds: {
 			minX: u,
 			maxX: d,
-			minY: f,
-			maxY: p
+			minY: ee,
+			maxY: f
 		}
 	};
 }
@@ -445,11 +444,11 @@ function mt(e, t = null, n = {}) {
 			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 = rt(e);
-			let f = a.pathElement, p = f.getTotalLength(), ee = i === null ? N(t, n.colorReferenceElement) : [];
-			if (i === null && (!(p > 0) || ee.length === 1)) {
+			let ee = a.pathElement, f = ee.getTotalLength(), p = i === null ? N(t, n.colorReferenceElement) : [];
+			if (i === null && (!(f > 0) || p.length === 1)) {
 				let t = pt([ft({
 					pathData: e,
-					stroke: U(ee[0]),
+					stroke: U(p[0]),
 					segmentAttributeMap: c
 				})], l);
 				it(a), r(t);
@@ -461,25 +460,25 @@ function mt(e, t = null, n = {}) {
 				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 : N(n.temperatureColors, n.colorReferenceElement), re = i === null ? (() => {
-				let e = lt(ee), t = Array(e.length);
+				let e = lt(p), 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 = at(p, d, n.maxSegmentLength), ae = ot(p, n.segments, ie), oe = p / ae, se = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : d * .5, ce = oe * .45;
+			})() : [], ie = at(f, d, n.maxSegmentLength), ae = ot(f, n.segments, ie), oe = f / 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 = ut(c), de = [], fe = i === null ? null : [], m = 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 < ae && performance.now() - e < t;) {
 					let e = h * oe, t = (h + 1) * oe, n = e, r = t;
-					if (h !== 0 && (n = e - se), h !== ae - 1 && (r = t + se), n = I(n, 0, p), r = I(r, 0, p), r > n) if (i !== null) {
-						let e = ct(f, n, r, s, o, le);
+					if (h !== 0 && (n = e - se), h !== ae - 1 && (r = t + se), n = I(n, 0, f), r = I(r, 0, f), r > n) if (i !== null) {
+						let e = ct(ee, n, r, s, o, le);
 						fe.push(e.pathData), m.push(e.bounds);
 					} else {
-						let e = (n + r) * .5 / p;
+						let e = (n + r) * .5 / f;
 						for (; pe < me && e > re[pe + 1].position;) pe += 1;
-						let t = z(re, e, te, pe), i = st(f, n, r, s, o, le);
+						let t = z(re, e, te, pe), i = st(ee, n, r, s, o, le);
 						de.push(dt(i, t, ue));
 					}
 					h += 1;
@@ -695,17 +694,17 @@ var ht = ["innerHTML"], gt = {
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
 	setup(e, { emit: ve }) {
-		let Be = ke(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), Ve = ke(() => import("./SparkTooltip-BTLN-Kex.js")), { vue_ui_sparkline: He } = me(), { isThemeValid: Ue, warnInvalidTheme: We } = _e(), Ge = we(), O = e, Ke = _(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = w(a()), A = w(null), Je = w(null), Ye = w(null), j = w(null), M = w(null), N = w(L());
+		let Be = ke(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), Ve = ke(() => import("./SparkTooltip-uoUiL_P8.js")), { vue_ui_sparkline: He } = me(), { isThemeValid: Ue, warnInvalidTheme: We } = _e(), Ge = we(), O = e, Ke = _(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = w(c()), A = w(null), Je = w(null), Ye = w(null), j = w(null), M = w(null), N = w(L());
 		function Xe(e) {
 			return O.config?.skeletonDataset && Array.isArray(O.config.skeletonDataset) ? O.config.skeletonDataset.map((e) => ({
 				period: "-",
 				value: e
-			})) : le(e).map((e) => ({
+			})) : ce(e).map((e) => ({
 				period: "-",
 				value: e
 			}));
 		}
-		let Ze = _(() => s({
+		let Ze = _(() => se({
 			defaultConfig: {
 				gradientPath: { show: !1 },
 				temperatureColors: { show: !1 },
@@ -737,7 +736,7 @@ var ht = ["innerHTML"], gt = {
 				});
 			},
 			skeletonDataset: Xe(12),
-			skeletonConfig: s({
+			skeletonConfig: se({
 				defaultConfig: N.value,
 				userConfig: Ze.value
 			})
@@ -838,7 +837,7 @@ var ht = ["innerHTML"], gt = {
 				fadeIn: .5,
 				fadeOut: .2
 			};
-		}), z = _(() => p({
+		}), z = _(() => i({
 			data: F.value,
 			threshold: N.value.downsample.threshold
 		}));
@@ -849,7 +848,7 @@ var ht = ["innerHTML"], gt = {
 		}), D(() => O.config, (e) => {
 			P.value || (N.value = L()), Wt(), K.value.chartWidth = N.value.style.chartWidth;
 		}, { deep: !0 }), D(() => O.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Qe.value = !1), B.value = p({
+			Array.isArray(e) && e.length > 0 && (Qe.value = !1), B.value = i({
 				data: F.value.map((e) => ({
 					...e,
 					value: [void 0].includes(e.value) ? null : e.value
@@ -859,7 +858,7 @@ var ht = ["innerHTML"], gt = {
 		}, { deep: !0 });
 		let B = w(V());
 		function V() {
-			return p({
+			return i({
 				data: F.value.map((e) => N.value.style.animation.show && F.value.length > 1 ? {
 					...e,
 					value: null
@@ -919,24 +918,24 @@ var ht = ["innerHTML"], gt = {
 		}
 		let Ut = _(() => !!N.value.debug);
 		function Wt() {
-			if (se(O.dataset) ? (t({
+			if (t(O.dataset) ? (ne({
 				componentName: "VueUiSparkline",
 				type: "dataset",
 				debug: Ut.value
-			}), Qe.value = !0) : O.dataset.forEach((e, n) => {
-				ne({
+			}), Qe.value = !0) : O.dataset.forEach((e, t) => {
+				re({
 					datasetObject: e,
 					requiredAttributes: ["period", "value"]
 				}).forEach((e) => {
-					t({
+					ne({
 						componentName: "VueUiSparkline",
 						type: "datasetSerieAttribute",
 						property: e,
-						index: n,
+						index: t,
 						debug: Ut.value
 					});
 				});
-			}), se(O.dataset) || (Qe.value = N.value.loading), N.value.responsive) {
+			}), t(O.dataset) || (Qe.value = N.value.loading), N.value.responsive) {
 				let e = ye(() => {
 					let { width: e, height: t } = be({
 						chart: A.value,
@@ -1011,18 +1010,18 @@ var ht = ["innerHTML"], gt = {
 				NaN,
 				Infinity,
 				-Infinity
-			].includes(e.value) ? 0 : e.value, r = q.value.width / Qt.value;
+			].includes(e.value) ? 0 : e.value, i = q.value.width / Qt.value;
 			return {
 				value: e.value,
 				absoluteValue: n,
 				period: $t.value && $t.value[t] && $t.value[t].text ? $t.value[t].text : e.period,
 				plotValue: n + Jt.value,
 				toMax: Zt(n + Jt.value),
-				x: q.value.start + t * r,
+				x: q.value.start + t * i,
 				y: q.value.bottom - q.value.height * Zt(n + Jt.value),
 				id: `plot_${k.value}_${t}`,
-				color: Q.value ? N.value.style.bar.color : N.value.style.area.useGradient ? m(N.value.style.line.color, .05 * (1 - t / Qt.value)) : N.value.style.line.color,
-				width: r
+				color: Q.value ? N.value.style.bar.color : N.value.style.area.useGradient ? r(N.value.style.line.color, .05 * (1 - t / Qt.value)) : N.value.style.line.color,
+				width: i
 			};
 		})), tn = _(() => O.selectedIndex !== void 0 && O.selectedIndex !== null && O.selectedIndex >= 0 && O.selectedIndex < J.value.length ? O.selectedIndex : M.value !== void 0 && M.value !== null && M.value >= 0 && M.value < J.value.length ? M.value : null), Y = w(void 0), X = w(void 0);
 		function nn(e, t) {
@@ -1044,8 +1043,8 @@ var ht = ["innerHTML"], gt = {
 					latest: J.value[J.value.length - 1] ? J.value[J.value.length - 1].absoluteValue : 0,
 					sum: t,
 					average: t / J.value.length,
-					median: re(e),
-					trend: ce(J.value.map(({ x: e, y: t, absoluteValue: n }) => ({
+					median: oe(e),
+					trend: ue(J.value.map(({ x: e, y: t, absoluteValue: n }) => ({
 						x: e,
 						y: t,
 						value: n
@@ -1095,14 +1094,14 @@ var ht = ["innerHTML"], gt = {
 		function mn(e, t) {
 			return dn(e, t) ? N.value.style.plot.stroke : N.value.style.backgroundColor;
 		}
-		let hn = _(() => cn.value ? J.value : J.value.filter((e) => e.value !== null)), gn = _(() => J.value.filter((e) => e.value !== null)), _n = _(() => gn.value.length > 1), vn = _(() => Q.value || !_n.value ? "" : cn.value ? d(J.value) : l(hn.value)), yn = _(() => Q.value || !_n.value ? "" : cn.value ? n(J.value) : fe(hn.value)), bn = _(() => Q.value || !sn.value || !_n.value ? [] : i(hn.value, N.value.style.line.dashIndices)), xn = _(() => Q.value || !sn.value || !_n.value ? [] : ee(hn.value, N.value.style.line.dashIndices)), Sn = _(() => Q.value || !N.value.style.area.show || !_n.value ? [] : N.value.style.line.smooth ? oe(hn.value, q.value.bottom, cn.value).filter(Boolean) : (cn.value ? u(J.value, q.value.bottom) : r(hn.value, q.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), Cn = _(() => Q.value || !N.value.gradientPath.show || N.value.temperatureColors.show ? "" : `M ${(N.value.style.line.smooth ? vn.value : yn.value) || "0,0"}`), wn = _(() => {
+		let hn = _(() => cn.value ? J.value : J.value.filter((e) => e.value !== null)), gn = _(() => J.value.filter((e) => e.value !== null)), _n = _(() => gn.value.length > 1), vn = _(() => Q.value || !_n.value ? "" : cn.value ? a(J.value) : u(hn.value)), yn = _(() => Q.value || !_n.value ? "" : cn.value ? f(J.value) : n(hn.value)), bn = _(() => Q.value || !sn.value || !_n.value ? [] : s(hn.value, N.value.style.line.dashIndices)), xn = _(() => Q.value || !sn.value || !_n.value ? [] : o(hn.value, N.value.style.line.dashIndices)), Sn = _(() => Q.value || !N.value.style.area.show || !_n.value ? [] : N.value.style.line.smooth ? l(hn.value, q.value.bottom, cn.value).filter(Boolean) : (cn.value ? ae(J.value, q.value.bottom) : d(hn.value, q.value.bottom)).split(";").filter(Boolean).map((e) => `M${e}Z`)), Cn = _(() => Q.value || !N.value.gradientPath.show || N.value.temperatureColors.show ? "" : `M ${(N.value.style.line.smooth ? vn.value : yn.value) || "0,0"}`), wn = _(() => {
 			if (!N.value.temperatureColors.show) return null;
 			let e = N.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => te(e));
+			return !Array.isArray(e) || !e.length ? null : e.map((e) => de(e));
 		}), $ = _(() => {
 			if (!N.value.temperatureColors.show) return null;
 			let e = N.value.temperatureColors.colors;
-			return !Array.isArray(e) || !e.length ? null : e.map((e) => te(e));
+			return !Array.isArray(e) || !e.length ? null : e.map((e) => de(e));
 		});
 		function Tn(e) {
 			if (!Number.isFinite(e?.y)) return 0;
@@ -1111,7 +1110,7 @@ var ht = ["innerHTML"], gt = {
 		}
 		function En(e) {
 			let t = wn.value;
-			return !Array.isArray(t) || !t.length ? e.color : de({
+			return !Array.isArray(t) || !t.length ? e.color : fe({
 				colors: t,
 				ratio: Tn(e)
 			});
@@ -1215,7 +1214,7 @@ var ht = ["innerHTML"], gt = {
 			b("div", bt, [(C(), y("svg", {
 				ref_key: "svgRef",
 				ref: I,
-				xmlns: E(ue),
+				xmlns: E(le),
 				viewBox: `0 0 ${K.value.width} ${K.value.height}`,
 				style: S(`background:${N.value.style.backgroundColor};overflow:visible;direction:ltr`),
 				tabindex: "0",
@@ -1244,11 +1243,11 @@ var ht = ["innerHTML"], gt = {
 						id: `sparkline_gradient_${k.value}`,
 						stops: [[
 							"0%",
-							E(f)(E(m)(N.value.style.area.color, .05), N.value.style.area.opacity),
+							E(m)(E(r)(N.value.style.area.color, .05), N.value.style.area.opacity),
 							1
 						], [
 							"100%",
-							E(f)(N.value.style.area.color, N.value.style.area.opacity),
+							E(m)(N.value.style.area.color, N.value.style.area.opacity),
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
@@ -1263,7 +1262,7 @@ var ht = ["innerHTML"], gt = {
 							1
 						], [
 							"100%",
-							E(m)(N.value.style.bar.color, .05),
+							E(r)(N.value.style.bar.color, .05),
 							1
 						]]
 					}, null, 8, ["id", "stops"]),
@@ -1274,7 +1273,7 @@ var ht = ["innerHTML"], gt = {
 						id: `sparkline_bar_gradient_neg_${k.value}`,
 						stops: [[
 							"0%",
-							E(m)(N.value.style.bar.color, .05),
+							E(r)(N.value.style.bar.color, .05),
 							1
 						], [
 							"100%",
@@ -1305,7 +1304,7 @@ var ht = ["innerHTML"], gt = {
 					}, [(C(!0), y(g, null, T($.value, (e, t) => (C(), y("stop", {
 						key: `temperature_grad_stop_${t}_${k.value}`,
 						"stop-color": e,
-						offset: $.value.length === 1 ? "0%" : E(c)(t, $.value.length)
+						offset: $.value.length === 1 ? "0%" : E(ee)(t, $.value.length)
 					}, null, 8, Tt))), 128))], 8, wt)) : v("", !0)
 				]),
 				N.value.style.area.show && !Q.value && Sn.value.length ? (C(), y("g", Et, [(C(!0), y(g, null, T(Sn.value, (e, t) => (C(), y("path", {
@@ -1313,7 +1312,7 @@ var ht = ["innerHTML"], gt = {
 					class: "vue-ui-sparkline-area",
 					"data-cy": N.value.style.line.smooth ? "sparkline-smooth-area" : "sparkline-angle-area",
 					d: e,
-					fill: N.value.style.area.useGradient ? `url(#sparkline_gradient_${k.value})` : E(f)(N.value.style.area.color, N.value.style.area.opacity),
+					fill: N.value.style.area.useGradient ? `url(#sparkline_gradient_${k.value})` : E(m)(N.value.style.area.color, N.value.style.area.opacity),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: S({ transition: E(P) ? void 0 : "all 0.2s" })
@@ -1453,8 +1452,8 @@ var ht = ["innerHTML"], gt = {
 					key: 6,
 					x1: q.value.start,
 					x2: q.value.start + q.value.width,
-					y1: E(ae)(Xt.value, q.value.bottom),
-					y2: E(ae)(Xt.value, q.value.bottom),
+					y1: E(te)(Xt.value, q.value.bottom),
+					y2: E(te)(Xt.value, q.value.bottom),
 					stroke: N.value.style.zeroLine.color,
 					"stroke-dasharray": N.value.style.zeroLine.strokeWidth * 2,
 					"stroke-width": N.value.style.zeroLine.strokeWidth,
@@ -1476,12 +1475,12 @@ var ht = ["innerHTML"], gt = {
 					"font-size": N.value.style.dataLabel.fontSize,
 					"font-weight": N.value.style.dataLabel.bold ? "bold" : "normal",
 					fill: N.value.style.dataLabel.color
-				}, Ie(Y.value ? E(ie)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(o)({
+				}, Ie(Y.value ? E(ie)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(p)({
 					p: N.value.style.dataLabel.prefix,
 					v: Y.value.absoluteValue,
 					s: N.value.style.dataLabel.suffix,
 					r: N.value.style.dataLabel.roundingValue
-				}), { datapoint: Y.value }) : E(ie)(N.value.style.dataLabel.formatter, an.value, E(o)({
+				}), { datapoint: Y.value }) : E(ie)(N.value.style.dataLabel.formatter, an.value, E(p)({
 					p: N.value.style.dataLabel.prefix,
 					v: an.value,
 					s: N.value.style.dataLabel.suffix,
@@ -1524,7 +1523,7 @@ var ht = ["innerHTML"], gt = {
 				borderRadius: N.value.style.tooltip.borderRadius,
 				backgroundOpacity: N.value.style.tooltip.backgroundOpacity
 			}, {
-				default: ze(() => [Pe(t.$slots, "tooltip", je(Ae({ ...Y.value })), () => [De(Ie(Y.value.period) + ": " + Ie(E(ie)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(o)({
+				default: ze(() => [Pe(t.$slots, "tooltip", je(Ae({ ...Y.value })), () => [De(Ie(Y.value.period) + ": " + Ie(E(ie)(N.value.style.dataLabel.formatter, Y.value.absoluteValue, E(p)({
 					p: N.value.style.dataLabel.prefix,
 					v: Y.value.absoluteValue,
 					s: N.value.style.dataLabel.suffix,