vue-data-ui 3.22.4 → 3.22.6

package/dist/{vue-ui-scatter-DoL5Kh1Y.js → vue-ui-scatter-QhmE7n1H.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Gt as t, Ht as n, Lt as r, M as i, Ot as a, Q as o, S as s, St as c, Ut as l, W as u, X as d, b as f, g as p, h as m, i as h, j as ee, jt as g, mt as te, ot as ne, q as _, t as re, ut as ie, v, vt as ae, w as oe } from "./lib-CuwHGt1j.js";
-import { t as se } from "./useConfig-pVLia3dt.js";
-import { t as ce } from "./usePrinter-C0wAS8yc.js";
+import { At as t, Dt as n, Ht as r, It as i, M as a, Q as o, S as s, Vt as c, W as l, Wt as u, X as d, _t as f, at as p, b as m, g as h, h as ee, i as g, j as te, lt as ne, pt as re, q as _, t as ie, v, w as ae, xt as oe } from "./lib-DRBJCmHW.js";
+import { t as se } from "./useConfig-DYM3f6EI.js";
+import { t as ce } from "./usePrinter-CRp5IW3v.js";
 import { n as le, t as ue } from "./BaseScanner-DZvpgOjM.js";
 import { t as de } from "./useSvgExport-SVIsDot8.js";
-import { t as fe } from "./useNestedProp-BjkuFaz1.js";
+import { t as fe } from "./useNestedProp-BEo2N1Db.js";
 import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as me } from "./img-B29J8tV5.js";
-import { n as he } from "./Title-DDEEO-Nr.js";
-import { t as ge } from "./Shape-BnF9aMPX.js";
+import { t as me } from "./img-B_y5qDdm.js";
+import { n as he } from "./Title-C-p0ilWB.js";
+import { t as ge } from "./Shape-BSetplwm.js";
 import { t as _e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ve } from "./canvas-lib-BOP_HS11.js";
 import { t as ye } from "./useResponsive-BfnK0KxU.js";
-import { t as be } from "./BaseLegendToggle-C4Usj0LI.js";
+import { t as be } from "./BaseLegendToggle-DFwIY5bE.js";
 import { t as xe } from "./A11yDataTable-DdRsVULz.js";
 import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as we } from "./Legend-DXOzbXb-.js";
+import { t as we } from "./Legend-D-635Kag.js";
 import { t as Te } from "./vue_ui_scatter-I0POnicu.js";
 import { Fragment as y, Teleport as Ee, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as Ae, guardReactiveProps as T, mergeProps as je, nextTick as Me, normalizeClass as Ne, normalizeProps as E, normalizeStyle as D, onBeforeUnmount as Pe, onMounted as Fe, openBlock as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as Ie, shallowRef as Le, toDisplayString as M, toRefs as Re, unref as N, watch as ze, withCtx as P } from "vue";
 //#region src/components/vue-ui-scatter.vue
@@ -385,7 +385,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 	},
 	emits: ["copyAlt", "selectLegend"],
 	setup(e, { expose: _e, emit: Be }) {
-		let _n = Ae(() => import("./Tooltip-BhKov422.js")), vn = Ae(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), yn = Ae(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), bn = Ae(() => import("./DataTable-PidUPOit.js")), xn = Ae(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), Sn = Ae(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), Cn = Ae(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), wn = Ae(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), { vue_ui_scatter: Tn } = se(), { isThemeValid: En, warnInvalidTheme: Dn } = pe(), F = e, On = Be, kn = b(() => !!F.dataset && F.dataset.length), I = k(u()), An = k(!1), jn = k(""), Mn = k(0), L = k(null), Nn = k(null), Pn = k(null), Fn = k(null), In = k(null), Ln = k(0), Rn = k(0), zn = k(0), R = k([]), Bn = k(!1), Vn = k(null), Hn = k(null), Un = k(null), Wn = k(null), Gn = k(!1), Kn = k(!1), qn = k(null), Jn = k(null), Yn = k(null), Xn = k(null), Zn = k(null), Qn = k(null), $n = k(null), er = k({
+		let _n = Ae(() => import("./Tooltip-YabpoXo1.js")), vn = Ae(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), yn = Ae(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), bn = Ae(() => import("./DataTable-CXfvIulC.js")), xn = Ae(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), Sn = Ae(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), Cn = Ae(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), wn = Ae(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_scatter: Tn } = se(), { isThemeValid: En, warnInvalidTheme: Dn } = pe(), F = e, On = Be, kn = b(() => !!F.dataset && F.dataset.length), I = k(l()), An = k(!1), jn = k(""), Mn = k(0), L = k(null), Nn = k(null), Pn = k(null), Fn = k(null), In = k(null), Ln = k(0), Rn = k(0), zn = k(0), R = k([]), Bn = k(!1), Vn = k(null), Hn = k(null), Un = k(null), Wn = k(null), Gn = k(!1), Kn = k(!1), qn = k(null), Jn = k(null), Yn = k(null), Xn = k(null), Zn = k(null), Qn = k(null), $n = k(null), er = k({
 			x: 0,
 			y: 0
 		}), tr = k("pointer"), nr = k(!1), rr = k(null), z = k(mr()), ir = b(() => z.value.userOptions.useCursorPointer);
@@ -397,7 +397,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				return Math.sqrt(-2 * Math.log(e)) * Math.cos(2 * Math.PI * t);
 			}, d = e / 2, f = Array.from({ length: d }, u), p = Array.from({ length: d }, u), m = (e) => e.reduce((e, t) => e + t, 0) / e.length, h = m(f), ee = m(p);
 			for (let e = 0; e < d; e += 1) f[e] -= h, p[e] -= ee;
-			let g = (e, t) => e.reduce((e, n, r) => e + n * t[r], 0), te = (e) => g(e, e), ne = g(p, f) / te(f), _ = p.map((e, t) => e - ne * f[t]), re = te(f) / d, ie = te(_) / d, v = Math.sqrt((1 - t * t) * re / ie), ae = f.map((e, n) => t * e + v * _[n]), oe = f.concat(f.map((e) => -e)), se = ae.concat(ae.map((e) => -e)), ce = (e) => Math.sqrt(te(e) / e.length), le = (e, t, n) => {
+			let g = (e, t) => e.reduce((e, n, r) => e + n * t[r], 0), te = (e) => g(e, e), ne = g(p, f) / te(f), re = p.map((e, t) => e - ne * f[t]), _ = te(f) / d, ie = te(re) / d, v = Math.sqrt((1 - t * t) * _ / ie), ae = f.map((e, n) => t * e + v * re[n]), oe = f.concat(f.map((e) => -e)), se = ae.concat(ae.map((e) => -e)), ce = (e) => Math.sqrt(te(e) / e.length), le = (e, t, n) => {
 				let r = ce(e);
 				return e.map((e) => n + (r ? e / r * t : 0));
 			}, ue = le(oe, i, r), de = le(se, o, a);
@@ -410,7 +410,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				y: de[t]
 			}));
 		}
-		let or = b(() => t({
+		let or = b(() => u({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -446,7 +446,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				color: "#999999",
 				values: ar(100, .5, { seed: 42 })
 			}],
-			skeletonConfig: t({
+			skeletonConfig: u({
 				defaultConfig: z.value,
 				userConfig: or.value
 			})
@@ -455,19 +455,19 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			let e = fe({
 				userConfig: F.config,
 				defaultConfig: Tn
-			}), t = e.theme;
-			if (!t) return e;
+			}), n = e.theme;
+			if (!n) return e;
 			if (!En.value(e)) return Dn(e), e;
-			let n = fe({
-				userConfig: Te[t] || F.config,
+			let i = fe({
+				userConfig: Te[n] || F.config,
 				defaultConfig: e
-			}), r = fe({
+			}), a = fe({
 				userConfig: F.config,
-				defaultConfig: n
+				defaultConfig: i
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : l[t] || g
+				...a,
+				customPalette: a.customPalette.length ? a.customPalette : r[n] || t
 			};
 		}
 		ze(() => F.config, (e) => {
@@ -481,11 +481,11 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 		});
 		let _r = b(() => !!z.value.debug);
 		function vr() {
-			if (a(F.dataset) && (o({
+			if (n(F.dataset) && (o({
 				componentName: "VueUiScatter",
 				type: "dataset",
 				debug: _r.value
-			}), lr.value = !0), a(F.dataset) || (lr.value = z.value.loading), z.value.responsive) {
+			}), lr.value = !0), n(F.dataset) || (lr.value = z.value.loading), z.value.responsive) {
 				let e = ve(() => {
 					let { width: e, height: t } = ye({
 						chart: L.value,
@@ -576,7 +576,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			};
 		}), Or = b(() => {
 			cr.value.forEach((e, t) => {
-				ie({
+				ne({
 					datasetObject: e,
 					requiredAttributes: ["values"]
 				}).forEach((e) => {
@@ -587,7 +587,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 						index: t
 					});
 				}), e.values && e.values.forEach((e, n) => {
-					ie({
+					ne({
 						datasetObject: e,
 						requiredAttributes: ["x", "y"]
 					}).forEach((e) => {
@@ -626,9 +626,9 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			let i = Ar(n);
 			if (e === t) {
 				let n = t + (e === 0 ? 1 : Math.abs(e) * .01);
-				return (r ? m : p)(e, n, i);
+				return (r ? ee : h)(e, n, i);
 			}
-			return (r ? m : p)(e, t, i);
+			return (r ? ee : h)(e, t, i);
 		}
 		let Nr = b(() => {
 			let e = z.value.style.layout.dataLabels.xAxis;
@@ -656,7 +656,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			return Nr.value.ticks.map((n) => ({
 				value: n,
 				x: zr(n),
-				label: h(t.formatter, v(n), _({
+				label: g(t.formatter, v(n), _({
 					p: z.value.style.layout.plots.selectors.labels.prefix,
 					v: v(n),
 					s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -668,7 +668,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			return Pr.value.ticks.map((n) => ({
 				value: n,
 				y: Br(n),
-				label: h(t.formatter, v(n), _({
+				label: g(t.formatter, v(n), _({
 					p: z.value.style.layout.plots.selectors.labels.prefix,
 					v: v(n),
 					s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -690,23 +690,23 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				x: zr(i),
 				y: Br(a)
 			};
-		}), G = b(() => cr.value.map((e, t) => {
-			let n = `cluster_${I.value}_${t}`;
+		}), G = b(() => cr.value.map((e, n) => {
+			let r = `cluster_${I.value}_${n}`;
 			return {
 				...e,
-				values: c({
+				values: oe({
 					data: e.values,
 					threshold: z.value.usePerformanceMode ? e.values.length + 1 : z.value.downsample.threshold
 				}),
-				id: n,
-				color: e.color ? e.color : wr.value[t] || g[t] || g[t % g.length],
-				opacity: R.value.includes(n) ? .5 : 1,
+				id: r,
+				color: e.color ? e.color : wr.value[n] || t[n] || t[n % t.length],
+				opacity: R.value.includes(r) ? .5 : 1,
 				shape: e.shape ?? "circle",
-				segregate: () => oi(n),
-				isSegregated: R.value.includes(n),
+				segregate: () => oi(r),
+				isSegregated: R.value.includes(r),
 				hasGroupSelection: !!Jr.value,
-				isGroupSelected: Jr.value === n,
-				onEnter: () => Xr(n),
+				isGroupSelected: Jr.value === r,
+				onEnter: () => Xr(r),
 				onLeave: () => Zr()
 			};
 		})), Vr = b(() => ({
@@ -716,20 +716,20 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			fontSize: z.value.style.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: z.value.style.legend.bold ? "bold" : ""
-		})), Hr = b(() => G.value.map((e, t) => ({
+		})), Hr = b(() => G.value.map((e, n) => ({
 			...e,
-			plots: e.values.map((n, r) => ({
-				x: zr(n.x),
-				y: Br(n.y),
+			plots: e.values.map((r, i) => ({
+				x: zr(r.x),
+				y: Br(r.y),
 				v: {
-					...n,
-					name: n.name || ""
+					...r,
+					name: r.name || ""
 				},
 				clusterName: e.name,
 				clusterId: e.id,
-				color: e.color ? e.color : wr.value[t] || g[t] || g[t % g.length],
-				id: `plot_${I.value}_${t}_${r}`,
-				weight: n.weight ?? z.value.style.layout.plots.radius
+				color: e.color ? e.color : wr.value[n] || t[n] || t[n % t.length],
+				id: `plot_${I.value}_${n}_${i}`,
+				weight: r.weight ?? z.value.style.layout.plots.radius
 			}))
 		})).filter((e) => !R.value.includes(e.id))), K = b(() => {
 			let e = 1e-9, t = ({ m: t, b: n, rect: r, verticalX: i = null }) => {
@@ -763,8 +763,8 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				}
 				let l, u, d = null;
 				s < e ? (d = i, l = Infinity, u = null) : (l = o / s, u = a - l * i);
-				let p, m;
-				d === null ? (p = l, m = u) : (p = Infinity, m = null);
+				let f, p;
+				d === null ? (f = l, p = u) : (f = Infinity, p = null);
 				let h = n.plots.every((e) => e.v && typeof e.v.x == "number" && typeof e.v.y == "number"), ee = NaN;
 				if (r >= 2) {
 					let t = 0, o = 0;
@@ -780,8 +780,8 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					}
 				}
 				let g = t({
-					m: p,
-					b: m,
+					m: f,
+					b: p,
 					rect: H.value,
 					verticalX: d
 				});
@@ -793,7 +793,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 						...e,
 						deviation: 0,
 						shape: n.shape,
-						color: f(n.color)
+						color: m(n.color)
 					}))
 				};
 				let te = {
@@ -802,7 +802,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				};
 				return {
 					...n,
-					color: f(n.color),
+					color: m(n.color),
 					correlation: {
 						...g,
 						coefficient: ee
@@ -810,13 +810,13 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					label: te,
 					plots: n.plots.map((t) => {
 						let r, i;
-						d === null ? Math.abs(p) < e ? (r = t.x, i = m) : (r = (t.x + p * t.y - p * m) / (1 + p * p), i = (p * t.x + p * p * t.y + m) / (1 + p * p)) : (r = d, i = t.y);
+						d === null ? Math.abs(f) < e ? (r = t.x, i = p) : (r = (t.x + f * t.y - f * p) / (1 + f * f), i = (f * t.x + f * f * t.y + p) / (1 + f * f)) : (r = d, i = t.y);
 						let a = t.x - r, o = t.y - i, s = Math.sqrt(a * a + o * o);
 						return {
 							...t,
 							deviation: s,
 							shape: n.shape,
-							color: f(n.color)
+							color: m(n.color)
 						};
 					})
 				};
@@ -858,11 +858,11 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				let r = Gr(n, q.value);
 				return {
 					coords: r,
-					dX: ee(r.avgX.map((t, n) => ({
+					dX: te(r.avgX.map((t, n) => ({
 						x: t,
 						y: e - r.x[n] / r.maxX * z.value.style.layout.marginalBars.size
 					}))),
-					dY: i(r.avgY.map((e, n) => ({
+					dY: a(r.avgY.map((e, n) => ({
 						y: e,
 						x: t + z.value.style.layout.marginalBars.size * r.y[n] / r.maxY
 					}))),
@@ -887,13 +887,13 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 		}
 		function Qr(e) {
 			if (!pr.value || !e) return;
-			let t = n(e.x, e.y, pr.value);
+			let t = c(e.x, e.y, pr.value);
 			t && (er.value = t);
 		}
 		let $r = b(() => X.value ? [X.value] : Z.value.length ? K.value.flatMap((e) => e.plots).filter((e) => Z.value.includes(e.id)) : []);
 		function ei(e) {
 			let t = z.value.style.layout.dataLabels.xAxis, n = t.scales.labels;
-			return h(n.formatter, v(e.v.x), _({
+			return g(n.formatter, v(e.v.x), _({
 				p: z.value.style.layout.plots.selectors.labels.prefix,
 				v: v(e.v.x),
 				s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -902,7 +902,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 		}
 		function ti(e) {
 			let t = z.value.style.layout.dataLabels.yAxis, n = t.scales.labels;
-			return h(n.formatter, v(e.v.y), _({
+			return g(n.formatter, v(e.v.y), _({
 				p: z.value.style.layout.plots.selectors.labels.prefix,
 				v: v(e.v.y),
 				s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -922,7 +922,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				config: z.value
 			};
 			let a = z.value.style.tooltip.customFormat;
-			ae(a) && ne(() => a({
+			f(a) && p(() => a({
 				datapoint: e,
 				seriesIndex: t,
 				series: K.value,
@@ -932,7 +932,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				seriesIndex: t,
 				series: K.value,
 				config: z.value
-			}) : (e.clusterName && (i += `<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`), e.v.name && (i += `<div>${e.v.name}</div>`), i += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${z.value.style.tooltip.borderColor}">`, i += `<div>${z.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(e.v.x) ? "-" : h(z.value.style.layout.plots.selectors.labels.x.formatter, e.v.x, _({
+			}) : (e.clusterName && (i += `<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`), e.v.name && (i += `<div>${e.v.name}</div>`), i += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${z.value.style.tooltip.borderColor}">`, i += `<div>${z.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(e.v.x) ? "-" : g(z.value.style.layout.plots.selectors.labels.x.formatter, e.v.x, _({
 				p: z.value.style.tooltip.prefix,
 				v: e.v.x,
 				s: z.value.style.tooltip.suffix,
@@ -940,7 +940,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			}), {
 				datapoint: e,
 				seriesIndex: t
-			})}</b></div>`, i += `<div>${z.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(e.v.y) ? "-" : h(z.value.style.layout.plots.selectors.labels.y.formatter, e.v.y, _({
+			})}</b></div>`, i += `<div>${z.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(e.v.y) ? "-" : g(z.value.style.layout.plots.selectors.labels.y.formatter, e.v.y, _({
 				p: z.value.style.tooltip.prefix,
 				v: e.v.y,
 				s: z.value.style.tooltip.suffix,
@@ -1000,7 +1000,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					e.plots.length,
 					e.plots.map((e) => e.v.x).reduce((e, t) => e + t, 0) / e.plots.length,
 					e.plots.map((e) => e.v.y).reduce((e, t) => e + t, 0) / e.plots.length
-				]), r = oe([
+				]), r = ae([
 					[z.value.style.title.text],
 					[z.value.style.title.subtitle.text],
 					[
@@ -1160,13 +1160,13 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 		}
 		let wi = b(() => {
 			if (!z.value.usePerformanceMode) return [""];
-			let { left: e, right: t, top: n, bottom: i } = H.value, a = Math.max(1, (t - e) * (i - n)), o = (e) => e / a * 1e4, s = z.value.style.layout.plots.stroke, c = z.value.style.layout.plots.strokeWidth, l = z.value.style.layout.plots.opacity;
+			let { left: e, right: t, top: n, bottom: r } = H.value, a = Math.max(1, (t - e) * (r - n)), o = (e) => e / a * 1e4, s = z.value.style.layout.plots.stroke, c = z.value.style.layout.plots.strokeWidth, l = z.value.style.layout.plots.opacity;
 			return K.value.map((a) => {
 				let u = [];
-				for (let r of a.plots) {
-					let o = r.x, s = r.y;
-					if (o < e || o > t || s < n || s > i) continue;
-					let c = Math.max(z.value.style.layout.plots.radius, r.weight);
+				for (let i of a.plots) {
+					let o = i.x, s = i.y;
+					if (o < e || o > t || s < n || s > r) continue;
+					let c = Math.max(z.value.style.layout.plots.radius, i.weight);
 					u.push(Ci({
 						shape: a.shape || "circle",
 						cx: o,
@@ -1179,7 +1179,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				return {
 					id: a.id,
 					d: u.join(""),
-					fill: r(a.color, l * 100),
+					fill: i(a.color, l * 100),
 					stroke: d ? "none" : s,
 					strokeWidth: d ? 0 : c,
 					strokeOpacity: 1
@@ -1396,7 +1396,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 		}
 		let Hi = b(() => {
 			if (!X.value) return "";
-			let e = X.value, t = isNaN(e.v.x) ? "-" : h(z.value.style.layout.plots.selectors.labels.x.formatter, e.v.x, _({
+			let e = X.value, t = isNaN(e.v.x) ? "-" : g(z.value.style.layout.plots.selectors.labels.x.formatter, e.v.x, _({
 				p: z.value.style.tooltip.prefix,
 				v: e.v.x,
 				s: z.value.style.tooltip.suffix,
@@ -1404,7 +1404,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			}), {
 				datapoint: e,
 				seriesIndex: e.seriesIndex
-			}), n = isNaN(e.v.y) ? "-" : h(z.value.style.layout.plots.selectors.labels.y.formatter, e.v.y, _({
+			}), n = isNaN(e.v.y) ? "-" : g(z.value.style.layout.plots.selectors.labels.y.formatter, e.v.y, _({
 				p: z.value.style.tooltip.prefix,
 				v: e.v.y,
 				s: z.value.style.tooltip.suffix,
@@ -1640,7 +1640,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 			w("div", Ge, [(O(), C("svg", {
 				ref_key: "svgRef",
 				ref: pr,
-				xmlns: N(re),
+				xmlns: N(ie),
 				"aria-describedby": `chart-instructions-${I.value}`,
 				class: Ne({
 					"vue-data-ui-fullscreen--on": fi.value,
@@ -1940,27 +1940,27 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 				])) : S("", !0),
 				z.value.style.layout.plots.giftWrap.show ? (O(), C("g", jt, [(O(!0), C(y, null, A(K.value, (e, t) => (O(), C("g", null, [e.plots.length > 2 ? (O(), C("polygon", {
 					key: 0,
-					points: N(te)({ series: e.plots }),
-					fill: N(r)(e.color, z.value.style.layout.plots.giftWrap.fillOpacity * 100),
+					points: N(re)({ series: e.plots }),
+					fill: N(i)(e.color, z.value.style.layout.plots.giftWrap.fillOpacity * 100),
 					"stroke-width": z.value.style.layout.plots.giftWrap.strokeWidth,
 					"stroke-dasharray": z.value.style.layout.plots.giftWrap.strokeDasharray,
 					stroke: e.color,
 					"stroke-linejoin": "round",
 					"stroke-linecap": "round"
 				}, null, 8, Mt)) : S("", !0)]))), 256))])) : S("", !0),
-				z.value.usePerformanceMode ? S("", !0) : (O(!0), C(y, { key: 8 }, A(K.value, (e, t) => (O(), C("g", { key: e.id }, [!e.shape || e.shape === "circle" ? (O(), C("g", Nt, [(O(!0), C(y, null, A(e.plots, (n, i) => (O(), C("circle", {
+				z.value.usePerformanceMode ? S("", !0) : (O(!0), C(y, { key: 8 }, A(K.value, (e, t) => (O(), C("g", { key: e.id }, [!e.shape || e.shape === "circle" ? (O(), C("g", Nt, [(O(!0), C(y, null, A(e.plots, (n, r) => (O(), C("circle", {
 					key: n.id,
 					cx: n.x,
 					cy: n.y,
 					r: Y.value && Y.value === n.id || Z.value.includes(n.id) ? n.weight * z.value.style.layout.plots.hoverRadiusRatio : n.weight,
-					fill: N(r)(e.color, Y.value && Y.value !== n.id || Z.value.length && !Z.value.includes(n.id) ? z.value.style.layout.plots.opacityNotSelected * 100 : z.value.style.layout.plots.opacity * 100),
+					fill: N(i)(e.color, Y.value && Y.value !== n.id || Z.value.length && !Z.value.includes(n.id) ? z.value.style.layout.plots.opacityNotSelected * 100 : z.value.style.layout.plots.opacity * 100),
 					stroke: z.value.style.layout.plots.stroke,
 					"stroke-width": z.value.style.layout.plots.strokeWidth,
 					style: D(`opacity:${Y.value && Y.value === n.id || Z.value.includes(n.id) ? 1 : z.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(n.deviation) / Ur.value : z.value.style.layout.plots.significance.show && Math.abs(n.deviation) > z.value.style.layout.plots.significance.deviationThreshold ? z.value.style.layout.plots.significance.opacity : 1}`),
 					onMouseover: (e) => ni(n, t, "pointer", $.value.get(n.id)),
 					onMouseleave: (e) => ri(n, t),
 					onClick: (e) => ii(n, t)
-				}, null, 44, Pt))), 128))])) : (O(), C("g", Ft, [(O(!0), C(y, null, A(e.plots, (n, i) => (O(), x(ge, {
+				}, null, 44, Pt))), 128))])) : (O(), C("g", Ft, [(O(!0), C(y, null, A(e.plots, (n, r) => (O(), x(ge, {
 					class: "vue-ui-scatter-datapoint",
 					plot: {
 						x: n.x,
@@ -1968,7 +1968,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					},
 					radius: Y.value && Y.value === n.id || Z.value.includes(n.id) ? n.weight * z.value.style.layout.plots.hoverRadiusRatio : n.weight,
 					shape: e.shape,
-					color: N(r)(e.color, Y.value && Y.value !== n.id || Z.value.length && !Z.value.includes(n.id) ? z.value.style.layout.plots.opacityNotSelected * 100 : z.value.style.layout.plots.opacity * 100),
+					color: N(i)(e.color, Y.value && Y.value !== n.id || Z.value.length && !Z.value.includes(n.id) ? z.value.style.layout.plots.opacityNotSelected * 100 : z.value.style.layout.plots.opacity * 100),
 					stroke: z.value.style.layout.plots.stroke,
 					strokeWidth: z.value.style.layout.plots.strokeWidth,
 					style: D(`opacity:${Y.value && Y.value === n.id || Z.value.includes(n.id) ? 1 : z.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(n.deviation) / Ur.value : z.value.style.layout.plots.significance.show && Math.abs(n.deviation) > z.value.style.layout.plots.significance.deviationThreshold ? z.value.style.layout.plots.significance.opacity : 1}`),
@@ -1992,7 +1992,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					transform: `translate(${e.x}, ${e.y - e.weight - z.value.style.layout.plots.name.fontSize + z.value.style.layout.plots.name.offsetY})`,
 					"text-anchor": "middle",
 					"font-size": z.value.style.layout.plots.name.fontSize,
-					fill: N(r)(z.value.style.layout.plots.name.color, Y.value && Y.value !== e.id || Z.value.length && !Z.value.includes(e.id) ? z.value.style.layout.plots.opacityNotSelected * 100 : 100),
+					fill: N(i)(z.value.style.layout.plots.name.color, Y.value && Y.value !== e.id || Z.value.length && !Z.value.includes(e.id) ? z.value.style.layout.plots.opacityNotSelected * 100 : 100),
 					onMouseover: (n) => ni(e, t, "pointer", $.value.get(e.id)),
 					onMouseleave: (n) => ri(e, t),
 					onClick: (n) => ii(e, t)
@@ -2068,7 +2068,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 						fill: z.value.style.layout.plots.selectors.labels.color,
 						"font-weight": z.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
 						"text-anchor": e.x > W.value.x ? "end" : "start"
-					}, M(N(h)(z.value.style.layout.plots.selectors.labels.y.formatter, N(v)(e.v.y), N(_)({
+					}, M(N(g)(z.value.style.layout.plots.selectors.labels.y.formatter, N(v)(e.v.y), N(_)({
 						p: z.value.style.layout.plots.selectors.labels.prefix,
 						v: N(v)(e.v.y),
 						s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -2082,7 +2082,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 						fill: z.value.style.layout.plots.selectors.labels.color,
 						"font-weight": z.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
 						"text-anchor": "middle"
-					}, M(N(h)(z.value.style.layout.plots.selectors.labels.y.formatter, N(v)(e.v.x), N(_)({
+					}, M(N(g)(z.value.style.layout.plots.selectors.labels.y.formatter, N(v)(e.v.x), N(_)({
 						p: z.value.style.layout.plots.selectors.labels.prefix,
 						v: N(v)(e.v.x),
 						s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -2149,7 +2149,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					"font-size": z.value.style.layout.dataLabels.xAxis.fontSize,
 					fill: z.value.style.layout.dataLabels.xAxis.color,
 					transform: `translate(${z.value.style.layout.dataLabels.xAxis.name ? z.value.style.layout.dataLabels.xAxis.fontSize * 3 : 0}, ${W.value.y + z.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
-				}, M(N(h)(z.value.style.layout.plots.selectors.labels.x.formatter, N(v)(U.value.xMin), N(_)({
+				}, M(N(g)(z.value.style.layout.plots.selectors.labels.x.formatter, N(v)(U.value.xMin), N(_)({
 					p: z.value.style.layout.plots.selectors.labels.prefix,
 					v: N(v)(U.value.xMin),
 					s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -2163,7 +2163,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					transform: `translate(${H.value.right + z.value.style.layout.padding.right + 6}, ${W.value.y + z.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
 					"font-size": z.value.style.layout.dataLabels.xAxis.fontSize,
 					fill: z.value.style.layout.dataLabels.xAxis.color
-				}, M(N(h)(z.value.style.layout.plots.selectors.labels.x.formatter, N(v)(U.value.xMax), N(_)({
+				}, M(N(g)(z.value.style.layout.plots.selectors.labels.x.formatter, N(v)(U.value.xMax), N(_)({
 					p: z.value.style.layout.plots.selectors.labels.prefix,
 					v: N(v)(U.value.xMax),
 					s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -2178,7 +2178,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					"text-anchor": "middle",
 					"font-size": z.value.style.layout.dataLabels.yAxis.fontSize,
 					fill: z.value.style.layout.dataLabels.yAxis.color
-				}, M(N(h)(z.value.style.layout.plots.selectors.labels.y.formatter, N(v)(U.value.yMax), N(_)({
+				}, M(N(g)(z.value.style.layout.plots.selectors.labels.y.formatter, N(v)(U.value.yMax), N(_)({
 					p: z.value.style.layout.plots.selectors.labels.prefix,
 					v: N(v)(U.value.yMax),
 					s: z.value.style.layout.plots.selectors.labels.suffix,
@@ -2195,7 +2195,7 @@ var Be = /* @__PURE__ */ e({ default: () => _n }), Ve = ["id"], He = ["id"], Ue
 					"text-anchor": "middle",
 					"font-size": z.value.style.layout.dataLabels.yAxis.fontSize,
 					fill: z.value.style.layout.dataLabels.yAxis.color
-				}, M(N(h)(z.value.style.layout.plots.selectors.labels.y.formatter, N(v)(U.value.yMin), N(_)({
+				}, M(N(g)(z.value.style.layout.plots.selectors.labels.y.formatter, N(v)(U.value.yMin), N(_)({
 					p: z.value.style.layout.plots.selectors.labels.prefix,
 					v: N(v)(U.value.yMin),
 					s: z.value.style.layout.plots.selectors.labels.suffix,

package/dist/{vue-ui-skeleton-BOHwJSdz.js → vue-ui-skeleton-BkxB6Dik.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { I as t, Lt as n, k as r, t as i } from "./lib-CuwHGt1j.js";
-import { t as ee } from "./useConfig-pVLia3dt.js";
-import { t as te } from "./useNestedProp-BjkuFaz1.js";
+import { I as t, It as n, k as r, t as i } from "./lib-DRBJCmHW.js";
+import { t as ee } from "./useConfig-DYM3f6EI.js";
+import { t as te } from "./useNestedProp-BEo2N1Db.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as o } from "./PackageVersion-Cm-3hwIF.js";
+import { n as o } from "./PackageVersion-Da7hl-34.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 = [

package/dist/{vue-ui-smiley-BTvDy8Fm.js → vue-ui-smiley-C4g0iaF7.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ot as t, Q as n, Rt as r, i, q as a, t as o } from "./lib-CuwHGt1j.js";
-import { t as s } from "./useConfig-pVLia3dt.js";
-import { t as c } from "./useNestedProp-BjkuFaz1.js";
+import { Dt as t, Lt as n, Q as r, i, q as a, t as o } from "./lib-DRBJCmHW.js";
+import { t as s } from "./useConfig-DYM3f6EI.js";
+import { t as c } from "./useNestedProp-BEo2N1Db.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
@@ -28,12 +28,12 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		"mouseleave"
 	],
 	setup(e, { emit: t }) {
-		let n = e, i = t;
+		let r = e, i = t;
 		return (t, 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"
@@ -91,7 +91,7 @@ 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(n)(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]
@@ -129,7 +129,7 @@ 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(n)(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]
@@ -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: n, 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)) && n({
+			(!Object.hasOwn(_.dataset, "rating") || t(_.dataset)) && r({
 				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 n({
 			getData: X,
 			toggleReadonly: Z
 		}), (e, t) => (b(), p("div", {