vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-smiley-BIjAIpJ9.js → vue-ui-smiley-BvRwx69s.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Pt as t, Wt as n, X as r, i, nt as a, t as o } from "./lib-Dql7cqyA.js";
+import { $ as t, Jt as n, Rt as r, at as i, i as a, t as o } from "./lib-DOpaUOQx.js";
 import { n as s, t as c } from "./useHints-Dq_w2E8B.js";
-import { t as l } from "./useConfig-D32D002m.js";
-import { t as u } from "./useNestedProp-Chvyfpl-.js";
+import { t as l } from "./useConfig-C2uy4ltq.js";
+import { t as u } from "./useNestedProp-Bux0f4iY.js";
 import { t as d } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as f } from "./DefGrad-DVBqDjhO.js";
 import { Fragment as p, computed as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, normalizeClass as b, normalizeStyle as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useSlots as k, watch as A, withCtx as j, withKeys as M } from "vue";
@@ -193,7 +193,7 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 			b["chart-background"] && F.value && console.warn("VueUiSmiley does not support the #chart-background slot.");
 		});
 		function I() {
-			(!Object.hasOwn(f.dataset, "rating") || t(f.dataset)) && a({
+			(!Object.hasOwn(f.dataset, "rating") || r(f.dataset)) && i({
 				componentName: "VueUiSmiley",
 				type: "datasetAttribute",
 				property: "rating",
@@ -280,9 +280,9 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 		function Q(e) {
 			return M.value.readonly ? P.value.colors.inactive[e] : q.value === e + 1 || O.value !== null && O.value === e ? P.value.icons.useGradient && P.value.icons.filled ? `url(#vueUiSmiley${e})` : P.value.colors.active[e] : P.value.colors.inactive[e];
 		}
-		let $ = m(() => ({ value: e, tooltip: t = !1 }) => i(t ? P.value.tooltip.formatter : N.value.formatter, e, r({
+		let $ = m(() => ({ value: e, tooltip: n = !1 }) => a(n ? P.value.tooltip.formatter : N.value.formatter, e, t({
 			v: e,
-			r: t ? P.value.tooltip.roundingValue : N.value.roundingValue
+			r: n ? P.value.tooltip.roundingValue : N.value.roundingValue
 		}), M.value));
 		function ee(e) {
 			J.value || (q.value = e, E("rate", e));

package/dist/{vue-ui-spark-trend-Di_7Da43.js → vue-ui-spark-trend-DnujGRyt.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ot as t, P as n, Pt as r, Ut as i, X as a, Zt as ee, b as o, g as te, i as ne, nt as re, q as ie, t as ae } from "./lib-Dql7cqyA.js";
-import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-D32D002m.js";
-import { n as le, t as ue } from "./BaseScanner-Dzc8VT3j.js";
-import { t as s } from "./useNestedProp-Chvyfpl-.js";
-import { t as de } from "./useThemeCheck-C43Tcqmk.js";
-import { t as fe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as pe, t as me } from "./useResponsive-ZtArZtUf.js";
-import { t as he } from "./DefGrad-DVBqDjhO.js";
-import { t as ge } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as _e } from "./useFitSvgText-CXTzBplU.js";
-import { t as ve } from "./vue_ui_spark_trend-DxVmpkmC.js";
-import { computed as c, createBlock as ye, createCommentVNode as l, createElementBlock as u, createElementVNode as be, createVNode as xe, defineAsyncComponent as Se, nextTick as Ce, normalizeStyle as we, onMounted as Te, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, toRefs as Ee, unref as h, watch as g } from "vue";
+import { $ as t, P as n, Rt as r, X as i, at as a, b as o, g as ee, i as te, jt as ne, qt as s, t as re, tn as ie } from "./lib-DOpaUOQx.js";
+import { n as ae, t as oe } from "./useHints-Dq_w2E8B.js";
+import { t as se } from "./useConfig-C2uy4ltq.js";
+import { n as ce, t as le } from "./BaseScanner-Dzc8VT3j.js";
+import { t as c } from "./useNestedProp-Bux0f4iY.js";
+import { t as ue } from "./useThemeCheck-C43Tcqmk.js";
+import { t as de } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as fe, t as pe } from "./useResponsive-ZtArZtUf.js";
+import { t as me } from "./DefGrad-DVBqDjhO.js";
+import { t as he } from "./usePrefersMotion-BC-CsqR1.js";
+import { t as ge } from "./useFitSvgText-CXTzBplU.js";
+import { t as _e } from "./vue_ui_spark_trend-DxVmpkmC.js";
+import { computed as l, createBlock as ve, createCommentVNode as u, createElementBlock as d, createElementVNode as ye, createVNode as be, defineAsyncComponent as xe, nextTick as Se, normalizeStyle as Ce, onMounted as we, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, toRefs as Te, unref as g, watch as _ } from "vue";
 //#region src/components/vue-ui-spark-trend.vue
-var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"], Oe = ["id"], ke = ["xmlns", "viewBox"], Ae = ["width", "height"], je = { key: 1 }, Me = ["d", "fill"], Ne = ["d", "fill"], Pe = [
+var Ee = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"], Oe = ["id"], ke = ["xmlns", "viewBox"], Ae = ["width", "height"], je = { key: 1 }, Me = ["d", "fill"], Ne = ["d", "fill"], Pe = [
 	"d",
 	"stroke",
 	"stroke-width",
@@ -47,7 +47,7 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 	"font-size",
 	"fill",
 	"font-weight"
-], v = /*#__PURE__*/ fe({
+], v = /*#__PURE__*/ de({
 	__name: "vue-ui-spark-trend",
 	props: {
 		config: {
@@ -64,12 +64,12 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 		}
 	},
 	setup(e) {
-		let fe = Se(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), { vue_ui_spark_trend: _ } = ce(), { isThemeValid: v, warnInvalidTheme: He } = de(), y = ge(), b = e, x = f(null), Ue = f(null), We = f(null), S = f(null), C = f(null), w = f(!1), T = f(null), E = f(ie()), D = f(I()), O = c(() => D.value.style.dataLabel), k = c(() => D.value.style.trendLabel), A = c(() => D.value.style.line), j = c(() => D.value.style.area), M = c(() => D.value.style);
-		oe({
+		let de = xe(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), { vue_ui_spark_trend: Ee } = se(), { isThemeValid: v, warnInvalidTheme: He } = ue(), y = he(), b = e, x = p(null), Ue = p(null), We = p(null), S = p(null), C = p(null), w = p(!1), T = p(null), E = p(i()), D = p(I()), O = l(() => D.value.style.dataLabel), k = l(() => D.value.style.trendLabel), A = l(() => D.value.style.line), j = l(() => D.value.style.area), M = l(() => D.value.style);
+		ae({
 			config: () => D.value,
 			dataset: () => b.dataset,
 			component: "VueUiSparkTrend",
-			rules: [se.emptyArray, {
+			rules: [oe.emptyArray, {
 				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.",
@@ -78,7 +78,7 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 				]
 			}]
 		});
-		let Ge = c(() => ee({
+		let Ge = l(() => ie({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930",
@@ -93,8 +93,8 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 				}
 			} },
 			userConfig: D.value.skeletonConfig ?? {}
-		})), { loading: N, FINAL_DATASET: P, manualLoading: F } = le({
-			...Ee(b),
+		})), { loading: N, FINAL_DATASET: P, manualLoading: F } = ce({
+			...Te(b),
 			FINAL_CONFIG: D,
 			prepareConfig: I,
 			skeletonDataset: b.config?.skeletonDataset ?? [
@@ -111,38 +111,38 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 				144,
 				233
 			],
-			skeletonConfig: ee({
+			skeletonConfig: ie({
 				defaultConfig: D.value,
 				userConfig: Ge.value
 			})
 		});
 		function I() {
-			let e = s({
+			let e = c({
 				userConfig: b.config,
-				defaultConfig: _
+				defaultConfig: Ee
 			}), t = e.theme;
 			if (!t) return e;
 			if (!v.value(e)) return He(e), e;
-			let n = s({
-				userConfig: ve[t] || b.config,
+			let n = c({
+				userConfig: _e[t] || b.config,
 				defaultConfig: e
 			});
-			return s({
+			return c({
 				userConfig: b.config,
 				defaultConfig: n
 			});
 		}
-		let L = c(() => t({
+		let L = l(() => ne({
 			data: P.value,
 			threshold: D.value.downsample.threshold
 		}));
-		g(() => b.config, (e) => {
+		_(() => b.config, (e) => {
 			D.value = I(), V.value = M.value.width, H.value = M.value.height, qe();
 		}, { deep: !0 });
 		function R(e) {
 			return e.map((e) => o(e));
 		}
-		let z = f(t({
+		let z = p(ne({
 			data: P.value,
 			threshold: D.value.downsample.threshold
 		}).map((e) => M.value.animation.show && !y.value || [
@@ -152,20 +152,20 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 			null,
 			NaN
 		].includes(e) ? null : e));
-		g(L, (e) => {
+		_(L, (e) => {
 			T.value &&= (cancelAnimationFrame(T.value), null), M.value.animation.show && !y.value ? z.value = Array(e.length).fill(null) : z.value = e.map((e) => ![
 				void 0,
 				Infinity,
 				-Infinity,
 				null
-			].includes(e) && !Number.isNaN(e) ? e : null), B(), Ce(() => Q(".vue-ui-sparktrend-progress-label", 6));
+			].includes(e) && !Number.isNaN(e) ? e : null), B(), Se(() => Q(".vue-ui-sparktrend-progress-label", 6));
 		}, {
 			deep: !0,
 			immediate: !0
-		}), g(() => JSON.stringify(b.dataset), () => {
+		}), _(() => JSON.stringify(b.dataset), () => {
 			T.value &&= (cancelAnimationFrame(T.value), null), F.value = r(b.dataset);
 			let e = L.value;
-			z.value = M.value.animation.show && !y.value ? Array(e.length).fill(null) : e.map((e) => Number.isFinite(e) ? e : null), B(), Ce(() => Q(".vue-ui-sparktrend-progress-label", 6));
+			z.value = M.value.animation.show && !y.value ? Array(e.length).fill(null) : e.map((e) => Number.isFinite(e) ? e : null), B(), Se(() => Q(".vue-ui-sparktrend-progress-label", 6));
 		}, {
 			deep: !1,
 			immediate: !0
@@ -183,18 +183,18 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 				r();
 			}
 		}
-		Te(() => {
+		we(() => {
 			qe();
 		});
-		let Ke = c(() => D.value.debug);
+		let Ke = l(() => D.value.debug);
 		function qe() {
-			if (r(b.dataset) && (re({
+			if (r(b.dataset) && (a({
 				componentName: "VueUiSparkTrend",
 				type: "dataset",
 				debug: Ke.value
 			}), F.value = !0), r(b.dataset) || (F.value = !1), D.value.responsive) {
-				let e = pe(() => {
-					let { width: e, height: t } = me({
+				let e = fe(() => {
+					let { width: e, height: t } = pe({
 						chart: x.value,
 						source: We.value
 					});
@@ -206,17 +206,17 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 			}
 			B(), Q(".vue-ui-sparktrend-progress-label", 6);
 		}
-		let V = f(M.value.width), H = f(M.value.height), U = c(() => ({
+		let V = p(M.value.width), H = p(M.value.height), U = l(() => ({
 			height: H.value,
 			width: V.value
-		})), W = c(() => ({
+		})), W = l(() => ({
 			top: M.value.padding.top,
 			left: M.value.padding.left,
 			right: U.value.width - M.value.padding.right,
 			bottom: U.value.height - M.value.padding.bottom,
 			height: U.value.height - (M.value.padding.top + M.value.padding.bottom) - (O.value.show ? O.value.fontSize : 0),
 			width: U.value.width - (M.value.padding.left + M.value.padding.right)
-		})), G = c(() => {
+		})), G = l(() => {
 			let e = R(L.value).filter(Number.isFinite);
 			if (!e.length) return {
 				max: 0,
@@ -231,7 +231,7 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 				max: t,
 				min: n
 			};
-		}), Je = c(() => {
+		}), Je = l(() => {
 			let e = L.value, t = e.length ? e[e.length - 1] : "x";
 			return [
 				E.value,
@@ -240,14 +240,14 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 				D.value.downsample.threshold,
 				A.value.smooth ? "s" : "l"
 			].join("-");
-		}), K = c(() => {
+		}), K = l(() => {
 			let e = G.value.min >= 0 ? 0 : G.value.min;
 			return Math.abs(e);
-		}), Ye = c(() => G.value.max + K.value);
+		}), Ye = l(() => G.value.max + K.value);
 		function Xe(e) {
 			return e / Ye.value;
 		}
-		let Ze = c(() => L.value.length), q = c(() => z.value.map((e, t) => {
+		let Ze = l(() => L.value.length), q = l(() => z.value.map((e, t) => {
 			let n = isNaN(e) || [
 				void 0,
 				null,
@@ -264,10 +264,10 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 				x: W.value.left + o(t * (W.value.width / (Ze.value - 1))) - M.value.padding.right,
 				y: W.value.bottom - o(W.value.height * Xe(n + K.value))
 			};
-		})), J = c(() => {
+		})), J = l(() => {
 			let e = R(L.value);
-			return k.value.trendType === "global" ? te(e) : k.value.trendType === "n-1" && e.length > 1 ? (e.at(-1) / e.at(-2) - 1) * 100 : k.value.trendType === "lastToFirst" ? (e.at(-1) / e[0] - 1) * 100 : 0;
-		}), Y = c(() => w.value || J.value === 0 ? "neutral" : J.value > 0 ? "positive" : "negative"), X = c(() => M.value.arrow.colors[Y.value]), Qe = c(() => {
+			return k.value.trendType === "global" ? ee(e) : k.value.trendType === "n-1" && e.length > 1 ? (e.at(-1) / e.at(-2) - 1) * 100 : k.value.trendType === "lastToFirst" ? (e.at(-1) / e[0] - 1) * 100 : 0;
+		}), Y = l(() => w.value || J.value === 0 ? "neutral" : J.value > 0 ? "positive" : "negative"), X = l(() => M.value.arrow.colors[Y.value]), Qe = l(() => {
 			let e = {
 				x: q.value[0].x,
 				y: U.value.height - 6
@@ -284,63 +284,63 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 				t.x,
 				t.y
 			].toString();
-		}), $e = c(() => {
+		}), $e = l(() => {
 			let e = [];
 			return q.value.forEach((t) => {
 				e.push(`${t.x},${t.y} `);
 			}), `M ${e.toString()}`;
-		}), Z = c(() => H.value / 2 - k.value.fontSize), et = c(() => W.value.left * .8), { fitText: Q } = _e({
+		}), Z = l(() => H.value / 2 - k.value.fontSize), et = l(() => W.value.left * .8), { fitText: Q } = ge({
 			svgRef: Ue,
 			unitWidth: et,
 			fontSize: k.value.fontSize
-		}), tt = c(() => {
+		}), tt = l(() => {
 			if (N.value || w.value) return "Trend chart loading";
-			let e = q.value?.at(-1), t = e?.value, n = a({
+			let e = q.value?.at(-1), n = e?.value, r = t({
 				p: J.value > 0 ? "+" : "",
 				v: J.value,
 				s: "%",
 				r: k.value.rounding
-			}), r = t == null ? "not available" : ne(O.value.formatter, t, a({
+			}), i = n == null ? "not available" : te(O.value.formatter, n, t({
 				p: O.value.prefix,
-				v: t,
+				v: n,
 				s: O.value.suffix,
 				r: O.value.rounding
 			}), { datapoint: e });
-			return `Progression ${Y.value === "positive" ? `up ${n}` : Y.value === "negative" ? `down ${n}` : `stable at ${n}`}. Last value ${r}.`;
-		}), $ = c(() => `sparktrend-a11y-${E.value}`);
-		return (e, t) => (d(), u("div", {
+			return `Progression ${Y.value === "positive" ? `up ${r}` : Y.value === "negative" ? `down ${r}` : `stable at ${r}`}. Last value ${i}.`;
+		}), $ = l(() => `sparktrend-a11y-${E.value}`);
+		return (e, r) => (f(), d("div", {
 			ref_key: "sparkTrendChart",
 			ref: x,
 			class: "vue-data-ui-component vue-ui-spark-trend",
 			id: E.value,
-			style: we(`width:100%;font-family:${M.value.fontFamily};background:${M.value.backgroundColor}`),
+			style: Ce(`width:100%;font-family:${M.value.fontFamily};background:${M.value.backgroundColor}`),
 			role: "img",
 			"aria-describedby": $.value
 		}, [
-			be("p", {
+			ye("p", {
 				id: $.value,
 				class: "sr-only",
 				"aria-live": "polite"
-			}, m(tt.value), 9, Oe),
-			(d(), u("svg", {
+			}, h(tt.value), 9, Oe),
+			(f(), d("svg", {
 				key: Je.value,
 				ref_key: "svgRef",
 				ref: Ue,
-				xmlns: h(ae),
+				xmlns: g(re),
 				viewBox: `0 0 ${U.value.width} ${U.value.height}`,
 				style: "width:100%;background:transparent;overflow:visible",
 				"aria-hidden": "true"
 			}, [
-				xe(h(fe)),
-				e.$slots["chart-background"] ? (d(), u("foreignObject", {
+				be(g(de)),
+				e.$slots["chart-background"] ? (f(), d("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
 					width: U.value.width <= 0 ? 10 : U.value.width,
 					height: U.value.height <= 0 ? 10 : U.value.height,
 					style: { pointerEvents: "none" }
-				}, [p(e.$slots, "chart-background", {}, void 0, !0)], 8, Ae)) : l("", !0),
-				be("defs", null, [xe(he, {
+				}, [m(e.$slots, "chart-background", {}, void 0, !0)], 8, Ae)) : u("", !0),
+				ye("defs", null, [be(me, {
 					t: "linear",
 					x1: "0%",
 					y1: "0%",
@@ -349,7 +349,7 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 					id: `pill_gradient_${E.value}`,
 					stops: [[
 						"0%",
-						h(i)(A.value.useColorTrend ? X.value : A.value.stroke, j.value.opacity),
+						g(s)(A.value.useColorTrend ? X.value : A.value.stroke, j.value.opacity),
 						1
 					], [
 						"100%",
@@ -357,27 +357,27 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 						1
 					]]
 				}, null, 8, ["id", "stops"])]),
-				j.value.show && q.value[0] ? (d(), u("g", je, [A.value.smooth ? (d(), u("path", {
+				j.value.show && q.value[0] ? (f(), d("g", je, [A.value.smooth ? (f(), d("path", {
 					key: 0,
-					d: `M ${q.value[0].x},${W.value.bottom} ${h(n)(q.value)} L ${q.value.at(-1).x},${W.value.bottom} Z`,
-					fill: j.value.useGradient ? `url(#pill_gradient_${E.value})` : h(i)(A.value.useColorTrend ? X.value : A.value.stroke, j.value.opacity),
+					d: `M ${q.value[0].x},${W.value.bottom} ${g(n)(q.value)} L ${q.value.at(-1).x},${W.value.bottom} Z`,
+					fill: j.value.useGradient ? `url(#pill_gradient_${E.value})` : g(s)(A.value.useColorTrend ? X.value : A.value.stroke, j.value.opacity),
 					stroke: "none"
-				}, null, 8, Me)) : (d(), u("path", {
+				}, null, 8, Me)) : (f(), d("path", {
 					key: 1,
 					d: `M${Qe.value}Z`,
-					fill: j.value.useGradient ? `url(#pill_gradient_${E.value})` : h(i)(A.value.useColorTrend ? X.value : A.value.stroke, j.value.opacity),
+					fill: j.value.useGradient ? `url(#pill_gradient_${E.value})` : g(s)(A.value.useColorTrend ? X.value : A.value.stroke, j.value.opacity),
 					stroke: "none"
-				}, null, 8, Ne))])) : l("", !0),
-				A.value.smooth && q.value.length ? (d(), u("path", {
+				}, null, 8, Ne))])) : u("", !0),
+				A.value.smooth && q.value.length ? (f(), d("path", {
 					key: 2,
-					d: `M ${h(n)(q.value)}`,
+					d: `M ${g(n)(q.value)}`,
 					stroke: A.value.useColorTrend ? X.value : A.value.stroke,
 					fill: "none",
 					"stroke-width": A.value.strokeWidth,
 					"stroke-linecap": A.value.strokeLinecap,
 					"stroke-linejoin": A.value.strokeLinejoin
-				}, null, 8, Pe)) : l("", !0),
-				!A.value.smooth && q.value.length ? (d(), u("path", {
+				}, null, 8, Pe)) : u("", !0),
+				!A.value.smooth && q.value.length ? (f(), d("path", {
 					key: 3,
 					d: $e.value,
 					stroke: A.value.useColorTrend ? X.value : A.value.stroke,
@@ -385,17 +385,17 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 					"stroke-width": A.value.strokeWidth,
 					"stroke-linecap": A.value.strokeLinecap,
 					"stroke-linejoin": A.value.strokeLinejoin
-				}, null, 8, Fe)) : l("", !0),
-				h(N) ? (d(), u("path", {
+				}, null, 8, Fe)) : u("", !0),
+				g(N) ? (f(), d("path", {
 					key: 4,
 					fill: "#6A6A6A",
 					d: `M ${W.value.left / 2 + 6}, ${Z.value + 7} ${W.value.left / 2 - 7}, ${Z.value} ${W.value.left / 2 - 7}, ${Z.value + 14} Z`
-				}, null, 8, Ie)) : (d(), u("path", {
+				}, null, 8, Ie)) : (f(), d("path", {
 					key: 5,
 					fill: X.value,
 					d: Y.value === "positive" ? `M ${W.value.left / 2}, ${Z.value} ${W.value.left / 2 - 7}, ${Z.value + 12} ${W.value.left / 2 + 7}, ${Z.value + 12} Z` : Y.value === "negative" ? `M ${W.value.left / 2}, ${Z.value + 12} ${W.value.left / 2 - 7}, ${Z.value} ${W.value.left / 2 + 7}, ${Z.value} Z` : `M ${W.value.left / 2 + 6}, ${Z.value + 7} ${W.value.left / 2 - 7}, ${Z.value} ${W.value.left / 2 - 7}, ${Z.value + 14} Z`
 				}, null, 8, Le)),
-				h(N) ? (d(), u("rect", {
+				g(N) ? (f(), d("rect", {
 					key: 6,
 					x: W.value.left / 2 - k.value.fontSize - 2,
 					y: H.value / 2 + k.value.fontSize - 2,
@@ -403,8 +403,8 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 					height: k.value.fontSize,
 					fill: "#6A6A6A80",
 					rx: "3"
-				}, null, 8, Re)) : l("", !0),
-				!w.value && !h(N) ? (d(), u("text", {
+				}, null, 8, Re)) : u("", !0),
+				!w.value && !g(N) ? (f(), d("text", {
 					key: 7,
 					class: "vue-ui-sparktrend-progress-label",
 					x: W.value.left / 2,
@@ -413,22 +413,22 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 					fill: k.value.useColorTrend ? X.value : k.value.color,
 					"font-size": k.value.fontSize,
 					"font-weight": k.value.bold ? "bold" : "normal"
-				}, m(h(a)({
+				}, h(g(t)({
 					p: J.value > 0 ? "+" : "",
 					v: J.value,
 					s: "%",
 					r: k.value.rounding
-				})), 9, ze)) : l("", !0),
-				q.value.length && q.value.at(-1).x !== void 0 ? (d(), u("circle", {
+				})), 9, ze)) : u("", !0),
+				q.value.length && q.value.at(-1).x !== void 0 ? (f(), d("circle", {
 					key: 8,
 					stroke: M.value.backgroundColor,
 					"stroke-width": 2,
 					cx: q.value.at(-1).x,
 					cy: q.value.at(-1).y,
 					r: 4,
-					fill: h(N) ? "#6A6A6A" : X.value
-				}, null, 8, Be)) : l("", !0),
-				q.value.length && q.value.at(-1).x !== void 0 && O.value.show ? (d(), u("text", {
+					fill: g(N) ? "#6A6A6A" : X.value
+				}, null, 8, Be)) : u("", !0),
+				q.value.length && q.value.at(-1).x !== void 0 && O.value.show ? (f(), d("text", {
 					key: 9,
 					"text-anchor": "middle",
 					x: q.value.at(-1).x,
@@ -436,22 +436,22 @@ var _ = /* @__PURE__ */ e({ default: () => v }), De = ["id", "aria-describedby"]
 					"font-size": O.value.fontSize,
 					fill: O.value.useColorTrend ? X.value : O.value.color,
 					"font-weight": O.value.bold ? "bold" : "normal"
-				}, m(h(ne)(O.value.formatter, q.value.at(-1).value, h(a)({
+				}, h(g(te)(O.value.formatter, q.value.at(-1).value, g(t)({
 					p: O.value.prefix,
 					v: q.value.at(-1).value,
 					s: O.value.suffix,
 					r: O.value.rounding
-				}), { datapoint: q.value.at(-1) })), 9, Ve)) : l("", !0)
+				}), { datapoint: q.value.at(-1) })), 9, Ve)) : u("", !0)
 			], 8, ke)),
-			e.$slots.source ? (d(), u("div", {
+			e.$slots.source ? (f(), d("div", {
 				key: 0,
 				ref_key: "source",
 				ref: We,
 				dir: "auto"
-			}, [p(e.$slots, "source", {}, void 0, !0)], 512)) : l("", !0),
-			p(e.$slots, "skeleton", {}, () => [h(N) ? (d(), ye(ue, { key: 0 })) : l("", !0)], !0)
+			}, [m(e.$slots, "source", {}, void 0, !0)], 512)) : u("", !0),
+			m(e.$slots, "skeleton", {}, () => [g(N) ? (f(), ve(le, { key: 0 })) : u("", !0)], !0)
 		], 12, De));
 	}
 }, [["__scopeId", "data-v-8fe8c402"]]);
 //#endregion
-export { _ as n, v as t };
+export { Ee as n, v as t };