vue-data-ui 3.20.11 → 3.21.0

package/dist/{vue-ui-skeleton-DxXA3XSP.js → vue-ui-skeleton-qpdvvWtx.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { D as t, Mt as n, P as r, t as i } from "./lib-DUeYQsS0.js";
+import { D as t, P as n, Pt as r, t as i } from "./lib-AJRHFE5U.js";
 import { t as ee } from "./useConfig-DnH7Pf_2.js";
-import { t as te } from "./useNestedProp-CNcoy38D.js";
+import { t as te } from "./useNestedProp-DtcXIg7n.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as o } from "./PackageVersion-eS823iMF.js";
+import { n as o } from "./PackageVersion-DYLo3MRd.js";
 import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createStaticVNode as f, createVNode as p, normalizeClass as ne, normalizeStyle as m, openBlock as h, ref as g, renderList as _, unref as v } from "vue";
 //#region src/components/vue-ui-skeleton.vue
 var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae = { transform: "translate(300, 300)" }, oe = [
@@ -1654,19 +1654,19 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					cx: 200,
 					cy: 200,
 					r: 180,
-					fill: v(n)(q.value.style.rings.color, 40)
+					fill: v(r)(q.value.style.rings.color, 40)
 				}, null, 8, _n),
 				d("circle", {
 					cx: 200,
 					cy: 250,
 					r: 130,
-					fill: v(n)(q.value.style.rings.color, 60)
+					fill: v(r)(q.value.style.rings.color, 60)
 				}, null, 8, vn),
 				d("circle", {
 					cx: 200,
 					cy: 290,
 					r: 90,
-					fill: v(n)(q.value.style.rings.color, 100)
+					fill: v(r)(q.value.style.rings.color, 100)
 				}, null, 8, yn)
 			], 12, gn)) : l("", !0),
 			J.value === "wheel" ? (h(), u("svg", {
@@ -1682,7 +1682,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					x2: e.x2,
 					y1: e.y1,
 					y2: e.y2,
-					stroke: t < 66 ? e.color : v(n)(e.color, 50),
+					stroke: t < 66 ? e.color : v(r)(e.color, 50),
 					"stroke-width": 5,
 					"stroke-linecap": "round"
 				}, null, 8, xn))), 256)),
@@ -1691,11 +1691,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					cy: 200,
 					r: 130,
 					"stroke-width": 3,
-					stroke: v(n)(q.value.style.wheel.color, 50),
+					stroke: v(r)(q.value.style.wheel.color, 50),
 					fill: "none"
 				}, null, 8, Sn),
 				d("rect", {
-					fill: v(n)(q.value.style.wheel.color, 50),
+					fill: v(r)(q.value.style.wheel.color, 50),
 					rx: 12,
 					x: 160,
 					y: 170,
@@ -1808,14 +1808,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				width: "100%",
 				viewBox: `0 0 ${10 * q.value.style.heatmap.cellsX} ${10 * q.value.style.heatmap.cellsY}`,
 				style: m(`background:${q.value.style.backgroundColor}`)
-			}, [p(o), (h(!0), u(s, null, _(q.value.style.heatmap.cellsY, (e, t) => (h(), u("g", null, [(h(!0), u(s, null, _(q.value.style.heatmap.cellsX, (e, r) => (h(), u("g", null, [d("rect", {
-				x: r * 10,
+			}, [p(o), (h(!0), u(s, null, _(q.value.style.heatmap.cellsY, (e, t) => (h(), u("g", null, [(h(!0), u(s, null, _(q.value.style.heatmap.cellsX, (e, n) => (h(), u("g", null, [d("rect", {
+				x: n * 10,
 				y: t * 10,
 				height: 10,
 				width: 10,
 				stroke: q.value.style.backgroundColor,
 				"stroke-width": 1,
-				fill: v(n)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
+				fill: v(r)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
 			}, null, 8, Ln)]))), 256))]))), 256))], 12, In)) : l("", !0),
 			J.value === "chestnut" ? (h(), u("svg", {
 				key: 25,
@@ -1825,14 +1825,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [(h(!0), u(s, null, _(e.bars, (t) => (h(), u("g", null, [(h(), u(s, null, _(22, (r, i) => d("path", {
+				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [(h(!0), u(s, null, _(e.bars, (t) => (h(), u("g", null, [(h(), u(s, null, _(22, (n, i) => d("path", {
 					d: `M
                             ${t.x},${t.y + i}
                             C${t.x - 20},${t.y + i} 
                             ${t.x - 80},${t.y + i} 
                             ${e.root.x + e.root.r / 2}, ${e.root.y}
                         `,
-					stroke: v(n)(q.value.style.chestnut.color, t.opacity * .2),
+					stroke: v(r)(q.value.style.chestnut.color, t.opacity * .2),
 					fill: "none",
 					"stroke-width": "2",
 					"shape-rendering": "cirspEdges"
@@ -1849,7 +1849,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					cx: e.root.x,
 					cy: e.root.y,
 					r: e.root.r,
-					fill: v(n)(q.value.style.chestnut.color, e.root.opacity),
+					fill: v(r)(q.value.style.chestnut.color, e.root.opacity),
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": 3
 				}, null, 8, Vn))), 256)),
@@ -1860,13 +1860,13 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 						y: e.y,
 						width: e.width,
 						height: 22,
-						fill: v(n)(q.value.style.chestnut.color, e.opacity)
+						fill: v(r)(q.value.style.chestnut.color, e.opacity)
 					}, null, 8, Hn))), 256)),
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
 						cx: e.x + e.width + 32,
 						cy: e.y + 11,
 						r: 11,
-						fill: v(n)(q.value.style.chestnut.color, e.opacity)
+						fill: v(r)(q.value.style.chestnut.color, e.opacity)
 					}, null, 8, Un))), 256)),
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
 						cx: e.x + e.width + 32,
@@ -2053,13 +2053,13 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					d: " M 113 250 A 100 100 0 0 1 250 113",
 					fill: "none",
 					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: v(n)(q.value.style.donut.color, 60)
+					stroke: v(r)(q.value.style.donut.color, 60)
 				}, null, 8, _r),
 				d("path", {
 					d: " M 250 113 A 100 100 0 0 1 300 200",
 					fill: "none",
 					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: v(n)(q.value.style.donut.color, 30)
+					stroke: v(r)(q.value.style.donut.color, 30)
 				}, null, 8, vr)
 			], 12, hr)) : l("", !0),
 			J.value === "onion" ? (h(), u("svg", {
@@ -2079,7 +2079,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				}, null, 8, br),
 				d("path", {
 					d: " M 200 100 A 100 100 0 1 1 100 200",
-					stroke: v(n)(q.value.style.onion.color, 60),
+					stroke: v(r)(q.value.style.onion.color, 60),
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
@@ -2087,7 +2087,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				d("path", {
 					d: " M 200 140 A 60 60 0 1 1 140 200",
 					fill: "none",
-					stroke: v(n)(q.value.style.onion.color, 40),
+					stroke: v(r)(q.value.style.onion.color, 40),
 					"stroke-linecap": "round",
 					"stroke-width": "20"
 				}, null, 8, Sr)
@@ -2218,7 +2218,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				d("path", {
 					d: Di.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
+					stroke: v(r)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
@@ -2226,7 +2226,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				d("path", {
 					d: Oi.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
+					stroke: v(r)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
@@ -2234,37 +2234,37 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				d("path", {
 					d: ki.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
+					stroke: v(r)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2.5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Hr),
 				d("path", {
 					d: "M 9,50 91,50",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
+					stroke: v(r)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Ur),
 				d("path", {
 					d: "M 29.5,14.5 70.5 85.5",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
+					stroke: v(r)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Wr),
 				d("path", {
 					d: "M 29.5,85.5 70.5 14.5",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
+					stroke: v(r)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Gr),
 				d("path", {
 					d: "M 34,23 68.5,18, 70,50 61.5,70 35,75.5 10,50  Z",
 					stroke: "none",
 					"stroke-linejoin": "round",
-					fill: v(n)(q.value.style.radar.shapes.color, 30)
+					fill: v(r)(q.value.style.radar.shapes.color, 30)
 				}, null, 8, Kr),
 				d("path", {
 					d: "M 43.5,40 64.5,25, 84,50 55.5,60 29.5,85.5 25,50  Z",
 					stroke: "none",
 					"stroke-linejoin": "round",
-					fill: v(n)(q.value.style.radar.shapes.color, 50)
+					fill: v(r)(q.value.style.radar.shapes.color, 50)
 				}, null, 8, qr)
 			], 12, Rr)) : l("", !0),
 			J.value === "waffle" ? (h(), u("svg", {
@@ -2274,30 +2274,30 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [d("rect", {
-					x: 3 + r * 9.5,
+				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [d("rect", {
+					x: 3 + n * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 20),
+					fill: v(r)(q.value.style.waffle.color, 20),
 					rx: "1"
 				}, null, 8, Yr)])), 64))])), 64)),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [t > 2 ? (h(), u("rect", {
+				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [t > 2 ? (h(), u("rect", {
 					key: 0,
-					x: 3 + r * 9.5,
+					x: 3 + n * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 30),
+					fill: v(r)(q.value.style.waffle.color, 30),
 					rx: "1"
 				}, null, 8, Xr)) : l("", !0)])), 64))])), 64)),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [t > 6 ? (h(), u("rect", {
+				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [t > 6 ? (h(), u("rect", {
 					key: 0,
-					x: 3 + r * 9.5,
+					x: 3 + n * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 50),
+					fill: v(r)(q.value.style.waffle.color, 50),
 					rx: "1"
 				}, null, 8, Zr)) : l("", !0)])), 64))])), 64))
 			], 12, Jr)) : l("", !0),
@@ -2310,14 +2310,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 			}, [
 				p(o),
 				d("rect", {
-					fill: v(n)(q.value.style.table.th.color, 50),
+					fill: v(r)(q.value.style.table.th.color, 50),
 					x: 3.5,
 					y: 5,
 					height: "10",
 					width: "93"
 				}, null, 8, $r),
 				d("rect", {
-					fill: v(n)(q.value.style.table.th.color, 50),
+					fill: v(r)(q.value.style.table.th.color, 50),
 					x: 3.5,
 					y: 15,
 					height: "50",
@@ -2511,7 +2511,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				viewBox: "0 0 100 30",
 				style: m(`background:${q.value.style.backgroundColor};max-width:${q.value.style.rating.maxWidth}px`)
 			}, [p(o), (h(), u(s, null, _(5, (e, t) => d("polygon", {
-				points: v(r)({
+				points: v(n)({
 					plot: {
 						x: 10 + t * 20,
 						y: 15

package/dist/{vue-ui-smiley-CqwB6Uhu.js → vue-ui-smiley-DUI5n89s.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, G as n, Nt as r, X as i, i as a, t as o } from "./lib-DUeYQsS0.js";
+import { Ft as t, G as n, Tt as r, X as i, i as a, t as o } from "./lib-AJRHFE5U.js";
 import { t as s } from "./useConfig-DnH7Pf_2.js";
-import { t as c } from "./useNestedProp-CNcoy38D.js";
+import { t as c } from "./useNestedProp-DtcXIg7n.js";
 import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, normalizeClass as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useSlots as E, watch as D, withCtx as O, withKeys as k } from "vue";
 //#region src/atoms/BaseSmilingUnit.vue
@@ -27,13 +27,13 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		"mouseenter",
 		"mouseleave"
 	],
-	setup(e, { emit: t }) {
-		let n = e, i = t;
-		return (t, a) => (b(), p("div", {
+	setup(e, { emit: n }) {
+		let r = e, i = n;
+		return (n, a) => (b(), p("div", {
 			tabindex: "0",
 			class: _({ "vue-ui-smiley-rated": !e.config.readonly && e.currentRating === e.unit }),
 			style: v({
-				cursor: e.config.readonly ? "default" : n.isCursorPointer ? "pointer" : "default",
+				cursor: e.config.readonly ? "default" : r.isCursorPointer ? "pointer" : "default",
 				height: e.config.style.itemSize + "px",
 				aspectRatio: "1/1",
 				position: "relative"
@@ -70,7 +70,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 				color: e.config.style.tooltip.color
 			}) }, [
 				m("span", { style: v(`font-size:${e.config.style.tooltip.fontSize}px`) }, w(e.unit) + ":", 5),
-				m("span", { style: v(`font-weight:${e.config.style.tooltip.bold ? "bold" : "normal"};font-size:${e.config.style.tooltip.fontSize}px`) }, [C(t.$slots, "rating", {}, void 0, !0)], 4),
+				m("span", { style: v(`font-weight:${e.config.style.tooltip.bold ? "bold" : "normal"};font-size:${e.config.style.tooltip.fontSize}px`) }, [C(n.$slots, "rating", {}, void 0, !0)], 4),
 				m("div", { style: v(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`) }, " ▼ ", 4)
 			], 4)], 4)) : f("", !0),
 			e.config.style.icons.filled ? (b(), p("svg", {
@@ -91,11 +91,11 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 				"stroke-linejoin": "round"
 			}, [m("defs", null, [m("radialGradient", { id: `vueUiSmiley${e.unit - 1}` }, [m("stop", {
 				offset: "0%",
-				"stop-color": T(r)(e.config.style.colors.active[e.unit - 1], .05)
+				"stop-color": T(t)(e.config.style.colors.active[e.unit - 1], .05)
 			}, null, 8, M), m("stop", {
 				offset: "100%",
 				"stop-color": e.config.style.colors.active[e.unit - 1]
-			}, null, 8, N)], 8, j)]), C(t.$slots, "path-icon-filled", {}, void 0, !0)], 8, A)) : (b(), p("svg", {
+			}, null, 8, N)], 8, j)]), C(n.$slots, "path-icon-filled", {}, void 0, !0)], 8, A)) : (b(), p("svg", {
 				key: 2,
 				style: {
 					position: "absolute",
@@ -110,7 +110,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [C(t.$slots, "path-icon", {}, void 0, !0)], 8, P)),
+			}, [C(n.$slots, "path-icon", {}, void 0, !0)], 8, P)),
 			e.config.style.icons.filled && e.isReadonly ? (b(), p("svg", {
 				key: 3,
 				xmlns: T(o),
@@ -129,11 +129,11 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 				"stroke-linejoin": "round"
 			}, [m("defs", null, [m("radialGradient", { id: `vueUiSmiley${e.unit - 1}` }, [m("stop", {
 				offset: "0%",
-				"stop-color": T(r)(e.config.style.colors.activeReadonly[e.unit - 1], .05)
+				"stop-color": T(t)(e.config.style.colors.activeReadonly[e.unit - 1], .05)
 			}, null, 8, L), m("stop", {
 				offset: "100%",
 				"stop-color": e.config.style.colors.activeReadonly[e.unit - 1]
-			}, null, 8, R)], 8, I)]), C(t.$slots, "path-icon-filled-readonly", {}, void 0, !0)], 8, F)) : f("", !0),
+			}, null, 8, R)], 8, I)]), C(n.$slots, "path-icon-filled-readonly", {}, void 0, !0)], 8, F)) : f("", !0),
 			!e.config.style.icons.filled && e.isReadonly ? (b(), p("svg", {
 				key: 4,
 				style: {
@@ -149,7 +149,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [C(t.$slots, "path-icon-readonly", {}, void 0, !0)], 8, z)) : f("", !0)
+			}, [C(n.$slots, "path-icon-readonly", {}, void 0, !0)], 8, z)) : f("", !0)
 		], 38));
 	}
 }, [["__scopeId", "data-v-e3093b6c"]]), V = /* @__PURE__ */ e({ default: () => q }), H = {
@@ -173,13 +173,13 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		}
 	},
 	emits: ["rate"],
-	setup(e, { expose: r, emit: o }) {
+	setup(e, { expose: t, emit: o }) {
 		let { vue_ui_smiley: l } = s(), _ = e, C = E(), T = o, k = x(null);
 		y(() => {
 			C["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
 		});
 		function A() {
-			(!Object.hasOwn(_.dataset, "rating") || t(_.dataset)) && i({
+			(!Object.hasOwn(_.dataset, "rating") || r(_.dataset)) && i({
 				componentName: "VueUiSmiley",
 				type: "datasetAttribute",
 				property: "rating"
@@ -273,7 +273,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		function Z(e = !0) {
 			L.value = e;
 		}
-		return r({
+		return t({
 			getData: X,
 			toggleReadonly: Z
 		}), (e, t) => (b(), p("div", {

package/dist/{vue-ui-spark-trend-B3mkyeZ3.js → vue-ui-spark-trend-CQ9ZN5sL.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Ct as n, G as r, H as i, Mt as a, X as ee, i as o, k as s, m as te, t as ne, v as c, vt as l } from "./lib-DUeYQsS0.js";
+import { G as t, H as n, Ht as r, Pt as i, Tt as a, X as ee, bt as o, i as s, k as c, m as te, t as ne, v as l } from "./lib-AJRHFE5U.js";
 import { t as re } from "./useConfig-DnH7Pf_2.js";
 import { n as ie, t as ae } from "./BaseScanner-Dr2a1Msy.js";
-import { t as u } from "./useNestedProp-CNcoy38D.js";
+import { t as u } from "./useNestedProp-DtcXIg7n.js";
 import { t as oe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as d } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as se } from "./canvas-lib-BOP_HS11.js";
@@ -63,7 +63,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 		}
 	},
 	setup(e) {
-		let d = me(() => import("./PackageVersion-eS823iMF.js").then((e) => e.t)), { vue_ui_spark_trend: S } = re(), { isThemeValid: C, warnInvalidTheme: Le } = oe(), w = le(), T = e, E = _(null), Re = _(null), ze = _(null), D = _(null), O = _(null), k = _(!1), A = _(null), j = _(i()), M = _(I()), Be = f(() => t({
+		let d = me(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), { vue_ui_spark_trend: S } = re(), { isThemeValid: C, warnInvalidTheme: Le } = oe(), w = le(), T = e, E = _(null), Re = _(null), ze = _(null), D = _(null), O = _(null), k = _(!1), A = _(null), j = _(n()), M = _(I()), Be = f(() => r({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930",
@@ -96,7 +96,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 				144,
 				233
 			],
-			skeletonConfig: t({
+			skeletonConfig: r({
 				defaultConfig: M.value,
 				userConfig: Be.value
 			})
@@ -117,7 +117,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 				defaultConfig: n
 			});
 		}
-		let L = f(() => l({
+		let L = f(() => o({
 			data: P.value,
 			threshold: M.value.downsample.threshold
 		}));
@@ -125,9 +125,9 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 			M.value = I(), H.value = M.value.style.width, U.value = M.value.style.height, V();
 		}, { deep: !0 });
 		function R(e) {
-			return e.map((e) => c(e));
+			return e.map((e) => l(e));
 		}
-		let z = _(l({
+		let z = _(o({
 			data: P.value,
 			threshold: M.value.downsample.threshold
 		}).map((e) => M.value.style.animation.show && !w.value || [
@@ -148,7 +148,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 			deep: !0,
 			immediate: !0
 		}), x(() => JSON.stringify(T.dataset), () => {
-			A.value &&= (cancelAnimationFrame(A.value), null), F.value = n(T.dataset);
+			A.value &&= (cancelAnimationFrame(A.value), null), F.value = a(T.dataset);
 			let e = L.value;
 			z.value = M.value.style.animation.show && !w.value ? Array(e.length).fill(null) : e.map((e) => Number.isFinite(e) ? e : null), B(), he(() => $(".vue-ui-sparktrend-progress-label", 6));
 		}, {
@@ -173,11 +173,11 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 		});
 		let Ve = f(() => M.value.debug);
 		function V() {
-			if (n(T.dataset) && (ee({
+			if (a(T.dataset) && (ee({
 				componentName: "VueUiSparkTrend",
 				type: "dataset",
 				debug: Ve.value
-			}), F.value = !0), n(T.dataset) || (F.value = !1), M.value.responsive) {
+			}), F.value = !0), a(T.dataset) || (F.value = !1), M.value.responsive) {
 				let e = se(() => {
 					let { width: e, height: t } = ce({
 						chart: E.value,
@@ -242,12 +242,12 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 				-Infinity
 			].includes(e) ? 0 : e || 0;
 			return {
-				value: c(e),
-				absoluteValue: c(n),
-				plotValue: c(n + q.value),
+				value: l(e),
+				absoluteValue: l(n),
+				plotValue: l(n + q.value),
 				toMax: We(n + q.value),
-				x: G.value.left + c(t * (G.value.width / (Ge.value - 1))) - M.value.style.padding.right,
-				y: G.value.bottom - c(G.value.height * We(n + q.value))
+				x: G.value.left + l(t * (G.value.width / (Ge.value - 1))) - M.value.style.padding.right,
+				y: G.value.bottom - l(G.value.height * We(n + q.value))
 			};
 		})), Y = f(() => {
 			let e = R(L.value);
@@ -280,20 +280,20 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 			fontSize: M.value.style.trendLabel.fontSize
 		}), Je = f(() => {
 			if (N.value || k.value) return "Trend chart loading";
-			let e = J.value?.at(-1), t = e?.value, n = r({
+			let e = J.value?.at(-1), n = e?.value, r = t({
 				p: Y.value > 0 ? "+" : "",
 				v: Y.value,
 				s: "%",
 				r: M.value.style.trendLabel.rounding
-			}), i = t == null ? "not available" : o(M.value.style.dataLabel.formatter, t, r({
+			}), i = n == null ? "not available" : s(M.value.style.dataLabel.formatter, n, t({
 				p: M.value.style.dataLabel.prefix,
-				v: t,
+				v: n,
 				s: M.value.style.dataLabel.suffix,
 				r: M.value.style.dataLabel.rounding
 			}), { datapoint: e });
-			return `Progression ${X.value === "positive" ? `up ${n}` : X.value === "negative" ? `down ${n}` : `stable at ${n}`}. Last value ${i}.`;
+			return `Progression ${X.value === "positive" ? `up ${r}` : X.value === "negative" ? `down ${r}` : `stable at ${r}`}. Last value ${i}.`;
 		}), Ye = f(() => `sparktrend-a11y-${j.value}`);
-		return (e, t) => (g(), m("div", {
+		return (e, n) => (g(), m("div", {
 			ref_key: "sparkTrendChart",
 			ref: E,
 			class: "vue-data-ui-component vue-ui-spark-trend",
@@ -333,25 +333,25 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 					id: `pill_gradient_${j.value}`
 				}, [h("stop", {
 					offset: "0%",
-					"stop-color": b(a)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity)
+					"stop-color": b(i)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity)
 				}, null, 8, we), h("stop", {
 					offset: "100%",
 					"stop-color": M.value.style.backgroundColor
 				}, null, 8, Te)], 8, Ce)]),
 				M.value.style.area.show && J.value[0] ? (g(), m("g", Ee, [M.value.style.line.smooth ? (g(), m("path", {
 					key: 0,
-					d: `M ${J.value[0].x},${G.value.bottom} ${b(s)(J.value)} L ${J.value.at(-1).x},${G.value.bottom} Z`,
-					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(a)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
+					d: `M ${J.value[0].x},${G.value.bottom} ${b(c)(J.value)} L ${J.value.at(-1).x},${G.value.bottom} Z`,
+					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(i)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
 					stroke: "none"
 				}, null, 8, De)) : (g(), m("path", {
 					key: 1,
 					d: `M${Ke.value}Z`,
-					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(a)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
+					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(i)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
 					stroke: "none"
 				}, null, 8, Oe))])) : p("", !0),
 				M.value.style.line.smooth && J.value.length ? (g(), m("path", {
 					key: 2,
-					d: `M ${b(s)(J.value)}`,
+					d: `M ${b(c)(J.value)}`,
 					stroke: M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke,
 					fill: "none",
 					"stroke-width": M.value.style.line.strokeWidth,
@@ -394,7 +394,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 					fill: M.value.style.trendLabel.useColorTrend ? Z.value : M.value.style.trendLabel.color,
 					"font-size": M.value.style.trendLabel.fontSize,
 					"font-weight": M.value.style.trendLabel.bold ? "bold" : "normal"
-				}, y(b(r)({
+				}, y(b(t)({
 					p: Y.value > 0 ? "+" : "",
 					v: Y.value,
 					s: "%",
@@ -417,7 +417,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 					"font-size": M.value.style.dataLabel.fontSize,
 					fill: M.value.style.dataLabel.useColorTrend ? Z.value : M.value.style.dataLabel.color,
 					"font-weight": M.value.style.dataLabel.bold ? "bold" : "normal"
-				}, y(b(o)(M.value.style.dataLabel.formatter, J.value.at(-1).value, b(r)({
+				}, y(b(s)(M.value.style.dataLabel.formatter, J.value.at(-1).value, b(t)({
 					p: M.value.style.dataLabel.prefix,
 					v: J.value.at(-1).value,
 					s: M.value.style.dataLabel.suffix,