vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-scatter-DETMofE2.js → vue-ui-scatter-BgOVUzQ3.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, Bt as n, G as r, H as i, Ht as a, J as o, Ot as s, Pt as c, S as l, Tt as u, X as d, ct as f, ft as p, g as m, h as ee, ht as h, i as g, it as te, k as ne, t as re, v as _, x as ie, y as ae, yt as oe, zt as se } from "./lib-AJRHFE5U.js";
-import { t as ce } from "./useConfig-Br1uzq_L.js";
-import { t as le } from "./usePrinter-6n2MzVyV.js";
+import { A as t, Bt as n, Et as r, Ft as i, G as a, H as o, J as s, S as c, Ut as l, Vt as u, X as d, bt as f, ct as p, ft as m, g as ee, gt as h, h as te, i as g, it as ne, k as re, kt as ie, t as ae, v as _, x as oe, y as se } from "./lib-CXicicWN.js";
+import { t as ce } from "./useConfig-Bf_EBbe3.js";
+import { t as le } from "./usePrinter-Dng0UK-G.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
 import { t as fe } from "./useSvgExport-SVIsDot8.js";
-import { t as pe } from "./useNestedProp-DtcXIg7n.js";
+import { t as pe } from "./useNestedProp-APyFoLCQ.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
-import { t as he } from "./img-C_RNNswI.js";
-import { n as ge } from "./Title-DH6G8_cZ.js";
-import { t as _e } from "./Shape-BubavoqO.js";
+import { t as he } from "./img-BCAOkqfM.js";
+import { n as ge } from "./Title-CVYf1f8m.js";
+import { t as _e } from "./Shape-C5OvuwII.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 { t as xe } from "./BaseLegendToggle-CUYal8mC.js";
+import { t as xe } from "./BaseLegendToggle-B-lM0iV1.js";
 import { t as Se } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
 import { t as we } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Te } from "./Legend-CAStwHdx.js";
+import { t as Te } from "./Legend-BVDhEEsC.js";
 import { t as Ee } from "./vue_ui_scatter-I0POnicu.js";
 import { Fragment as v, Teleport as De, computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as Oe, createTextVNode as ke, createVNode as Ae, defineAsyncComponent as je, guardReactiveProps as w, mergeProps as Me, nextTick as Ne, normalizeClass as Pe, normalizeProps as T, normalizeStyle as E, onBeforeUnmount as Fe, onMounted as Ie, openBlock as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as j, toRefs as ze, unref as M, watch as Be, withCtx as N } from "vue";
 //#region src/components/vue-ui-scatter.vue
@@ -385,7 +385,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 	},
 	emits: ["copyAlt", "selectLegend"],
 	setup(e, { expose: ve, emit: Ve }) {
-		let vn = je(() => import("./Tooltip-979Ytd8R.js")), yn = je(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), bn = je(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), xn = je(() => import("./DataTable-G9aclxhk.js")), Sn = je(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Cn = je(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), wn = je(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), Tn = je(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_scatter: En } = ce(), { isThemeValid: Dn, warnInvalidTheme: On } = me(), P = e, kn = Ve, An = y(() => !!P.dataset && P.dataset.length), F = O(i()), jn = O(!1), Mn = O(""), Nn = O(0), I = O(null), Pn = O(null), Fn = O(null), In = O(null), Ln = O(null), Rn = O(0), zn = O(0), Bn = O(0), L = O([]), Vn = O(!1), Hn = O(null), Un = O(null), Wn = O(null), Gn = O(null), Kn = O(!1), qn = O(!1), Jn = O(null), Yn = O(null), Xn = O(null), Zn = O(null), Qn = O(null), $n = O(null), er = O(null), tr = O({
+		let vn = je(() => import("./Tooltip-BmGCBJuU.js")), yn = je(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), bn = je(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), xn = je(() => import("./DataTable-DJZgdnIn.js")), Sn = je(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Cn = je(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), wn = je(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), Tn = je(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_scatter: En } = ce(), { isThemeValid: Dn, warnInvalidTheme: On } = me(), P = e, kn = Ve, An = y(() => !!P.dataset && P.dataset.length), F = O(o()), jn = O(!1), Mn = O(""), Nn = O(0), I = O(null), Pn = O(null), Fn = O(null), In = O(null), Ln = O(null), Rn = O(0), zn = O(0), Bn = O(0), L = O([]), Vn = O(!1), Hn = O(null), Un = O(null), Wn = O(null), Gn = O(null), Kn = O(!1), qn = O(!1), Jn = O(null), Yn = O(null), Xn = O(null), Zn = O(null), Qn = O(null), $n = O(null), er = O(null), tr = O({
 			x: 0,
 			y: 0
 		}), nr = O("pointer"), rr = O(!1), ir = O(null), R = O(mr()), ar = y(() => R.value.userOptions.useCursorPointer);
@@ -397,7 +397,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 				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, ee = m(f), h = m(p);
 			for (let e = 0; e < d; e += 1) f[e] -= ee, p[e] -= h;
-			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, ae = Math.sqrt((1 - t * t) * _ / ie), oe = f.map((e, n) => t * e + ae * re[n]), se = f.concat(f.map((e) => -e)), ce = oe.concat(oe.map((e) => -e)), le = (e) => Math.sqrt(te(e) / e.length), ue = (e, t, n) => {
+			let te = (e, t) => e.reduce((e, n, r) => e + n * t[r], 0), g = (e) => te(e, e), ne = te(p, f) / g(f), re = p.map((e, t) => e - ne * f[t]), ie = g(f) / d, ae = g(re) / d, _ = Math.sqrt((1 - t * t) * ie / ae), oe = f.map((e, n) => t * e + _ * re[n]), se = f.concat(f.map((e) => -e)), ce = oe.concat(oe.map((e) => -e)), le = (e) => Math.sqrt(g(e) / e.length), ue = (e, t, n) => {
 				let r = le(e);
 				return e.map((e) => n + (r ? e / r * t : 0));
 			}, de = ue(se, i, r), fe = ue(ce, o, a);
@@ -410,7 +410,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 				y: fe[t]
 			}));
 		}
-		let sr = y(() => a({
+		let sr = y(() => l({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -446,7 +446,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 				color: "#999999",
 				values: or(100, .5, { seed: 42 })
 			}],
-			skeletonConfig: a({
+			skeletonConfig: l({
 				defaultConfig: R.value,
 				userConfig: sr.value
 			})
@@ -458,16 +458,16 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Dn.value(e)) return On(e), e;
-			let r = pe({
+			let n = pe({
 				userConfig: Ee[t] || P.config,
 				defaultConfig: e
-			}), i = pe({
+			}), r = pe({
 				userConfig: P.config,
-				defaultConfig: r
+				defaultConfig: n
 			});
 			return {
-				...i,
-				customPalette: i.customPalette.length ? i.customPalette : n[t] || s
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : u[t] || ie
 			};
 		}
 		Be(() => P.config, (e) => {
@@ -481,11 +481,11 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 		});
 		let _r = y(() => !!R.value.debug);
 		function vr() {
-			if (u(P.dataset) && (d({
+			if (r(P.dataset) && (d({
 				componentName: "VueUiScatter",
 				type: "dataset",
 				debug: _r.value
-			}), ur.value = !0), u(P.dataset) || (ur.value = R.value.loading), R.value.responsive) {
+			}), ur.value = !0), r(P.dataset) || (ur.value = R.value.loading), R.value.responsive) {
 				let e = ye(() => {
 					let { width: e, height: t } = be({
 						chart: I.value,
@@ -508,7 +508,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			elementId: `vue-ui-scatter_${F.value}`,
 			fileName: R.value.style.title.text || "vue-ui-scatter",
 			options: R.value.userOptions.print
-		}), Cr = y(() => R.value.userOptions.show && !R.value.style.title.text), wr = y(() => ie(R.value.customPalette)), B = O({
+		}), Cr = y(() => R.value.userOptions.show && !R.value.style.title.text), wr = y(() => oe(R.value.customPalette)), B = O({
 			showTable: R.value.table.show,
 			showTooltip: R.value.style.tooltip.show
 		});
@@ -576,7 +576,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			};
 		}), Or = y(() => {
 			lr.value.forEach((e, t) => {
-				f({
+				p({
 					datasetObject: e,
 					requiredAttributes: ["values"]
 				}).forEach((e) => {
@@ -587,7 +587,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 						index: t
 					});
 				}), e.values && e.values.forEach((e, n) => {
-					f({
+					p({
 						datasetObject: e,
 						requiredAttributes: ["x", "y"]
 					}).forEach((e) => {
@@ -626,9 +626,9 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			let i = Ar(n);
 			if (e === t) {
 				let n = t + (e === 0 ? 1 : Math.abs(e) * .01);
-				return (r ? ee : m)(e, n, i);
+				return (r ? te : ee)(e, n, i);
 			}
-			return (r ? ee : m)(e, t, i);
+			return (r ? te : ee)(e, t, i);
 		}
 		let Nr = y(() => {
 			let e = R.value.style.layout.dataLabels.xAxis;
@@ -656,7 +656,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			return Nr.value.ticks.map((n) => ({
 				value: n,
 				x: zr(n),
-				label: g(t.formatter, _(n), r({
+				label: g(t.formatter, _(n), a({
 					p: R.value.style.layout.plots.selectors.labels.prefix,
 					v: _(n),
 					s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -668,7 +668,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			return Pr.value.ticks.map((n) => ({
 				value: n,
 				y: Br(n),
-				label: g(t.formatter, _(n), r({
+				label: g(t.formatter, _(n), a({
 					p: R.value.style.layout.plots.selectors.labels.prefix,
 					v: _(n),
 					s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -694,12 +694,12 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			let n = `cluster_${F.value}_${t}`;
 			return {
 				...e,
-				values: oe({
+				values: f({
 					data: e.values,
 					threshold: R.value.usePerformanceMode ? e.values.length + 1 : R.value.downsample.threshold
 				}),
 				id: n,
-				color: e.color ? e.color : wr.value[t] || s[t] || s[t % s.length],
+				color: e.color ? e.color : wr.value[t] || ie[t] || ie[t % ie.length],
 				opacity: L.value.includes(n) ? .5 : 1,
 				shape: e.shape ?? "circle",
 				segregate: () => oi(n),
@@ -727,7 +727,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 				},
 				clusterName: e.name,
 				clusterId: e.id,
-				color: e.color ? e.color : wr.value[t] || s[t] || s[t % s.length],
+				color: e.color ? e.color : wr.value[t] || ie[t] || ie[t % ie.length],
 				id: `plot_${F.value}_${t}_${r}`,
 				weight: n.weight ?? R.value.style.layout.plots.radius
 			}))
@@ -793,21 +793,21 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 						...e,
 						deviation: 0,
 						shape: n.shape,
-						color: ae(n.color)
+						color: se(n.color)
 					}))
 				};
-				let g = {
+				let te = {
 					x: (h.x1 + h.x2) / 2,
 					y: (h.y1 + h.y2) / 2
 				};
 				return {
 					...n,
-					color: ae(n.color),
+					color: se(n.color),
 					correlation: {
 						...h,
 						coefficient: ee
 					},
-					label: g,
+					label: te,
 					plots: n.plots.map((t) => {
 						let r, i;
 						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);
@@ -816,7 +816,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 							...t,
 							deviation: s,
 							shape: n.shape,
-							color: ae(n.color)
+							color: se(n.color)
 						};
 					})
 				};
@@ -858,7 +858,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 				let i = Gr(r, q.value);
 				return {
 					coords: i,
-					dX: ne(i.avgX.map((t, n) => ({
+					dX: re(i.avgX.map((t, n) => ({
 						x: t,
 						y: e - i.x[n] / i.maxX * R.value.style.layout.marginalBars.size
 					}))),
@@ -887,13 +887,13 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 		}
 		function Qr(e) {
 			if (!z.value || !e) return;
-			let t = se(e.x, e.y, z.value);
+			let t = n(e.x, e.y, z.value);
 			t && (tr.value = t);
 		}
 		let $r = y(() => 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 = R.value.style.layout.dataLabels.xAxis, n = t.scales.labels;
-			return g(n.formatter, _(e.v.x), r({
+			return g(n.formatter, _(e.v.x), a({
 				p: R.value.style.layout.plots.selectors.labels.prefix,
 				v: _(e.v.x),
 				s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -902,16 +902,16 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 		}
 		function ti(e) {
 			let t = R.value.style.layout.dataLabels.yAxis, n = t.scales.labels;
-			return g(n.formatter, _(e.v.y), r({
+			return g(n.formatter, _(e.v.y), a({
 				p: R.value.style.layout.plots.selectors.labels.prefix,
 				v: _(e.v.y),
 				s: R.value.style.layout.plots.selectors.labels.suffix,
 				r: jr(t)
 			}), { datapoint: e });
 		}
-		function ni(e, t, n = "pointer", i = null) {
-			Y.value = e.id, X.value = e, nr.value = n, ir.value = i, er.value = e.id;
-			let a = "";
+		function ni(e, t, n = "pointer", r = null) {
+			Y.value = e.id, X.value = e, nr.value = n, ir.value = r, er.value = e.id;
+			let i = "";
 			R.value.events.datapointEnter && R.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
@@ -922,7 +922,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 				config: R.value
 			};
 			let o = R.value.style.tooltip.customFormat;
-			h(o) && te(() => o({
+			h(o) && ne(() => o({
 				datapoint: e,
 				seriesIndex: t,
 				series: K.value,
@@ -932,7 +932,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 				seriesIndex: t,
 				series: K.value,
 				config: R.value
-			}) : (e.clusterName && (a += `<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`), e.v.name && (a += `<div>${e.v.name}</div>`), a += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${R.value.style.tooltip.borderColor}">`, a += `<div>${R.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(e.v.x) ? "-" : g(R.value.style.layout.plots.selectors.labels.x.formatter, e.v.x, r({
+			}) : (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 ${R.value.style.tooltip.borderColor}">`, i += `<div>${R.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(e.v.x) ? "-" : g(R.value.style.layout.plots.selectors.labels.x.formatter, e.v.x, a({
 				p: R.value.style.tooltip.prefix,
 				v: e.v.x,
 				s: R.value.style.tooltip.suffix,
@@ -940,7 +940,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			}), {
 				datapoint: e,
 				seriesIndex: t
-			})}</b></div>`, a += `<div>${R.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(e.v.y) ? "-" : g(R.value.style.layout.plots.selectors.labels.y.formatter, e.v.y, r({
+			})}</b></div>`, i += `<div>${R.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(e.v.y) ? "-" : g(R.value.style.layout.plots.selectors.labels.y.formatter, e.v.y, a({
 				p: R.value.style.tooltip.prefix,
 				v: e.v.y,
 				s: R.value.style.tooltip.suffix,
@@ -948,10 +948,10 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			}), {
 				datapoint: e,
 				seriesIndex: t
-			})}</b></div>`, a += `${R.value.style.layout.plots.deviation.translation}: <b>${r({
+			})}</b></div>`, i += `${R.value.style.layout.plots.deviation.translation}: <b>${a({
 				v: e.deviation,
 				r: R.value.style.layout.plots.deviation.roundingValue
-			})}</b>`, a += "</div>", Mn.value = `<div>${a}</div>`), jn.value = !0, n === "keyboard" && Ne(() => {
+			})}</b>`, i += "</div>", Mn.value = `<div>${i}</div>`), jn.value = !0, n === "keyboard" && Ne(() => {
 				Qr(e);
 			});
 		}
@@ -1000,7 +1000,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					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 = l([
+				]), r = c([
 					[R.value.style.title.text],
 					[R.value.style.title.subtitle.text],
 					[
@@ -1010,7 +1010,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					],
 					t
 				].concat(n));
-				e ? e(r) : o({
+				e ? e(r) : s({
 					csvContent: r,
 					title: R.value.style.title.text || "vue-ui-heatmap"
 				});
@@ -1160,28 +1160,28 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 		}
 		let wi = y(() => {
 			if (!R.value.usePerformanceMode) return [""];
-			let { left: e, right: t, top: n, bottom: r } = H.value, i = Math.max(1, (t - e) * (r - n)), a = (e) => e / i * 1e4, o = R.value.style.layout.plots.stroke, s = R.value.style.layout.plots.strokeWidth, l = R.value.style.layout.plots.opacity;
-			return K.value.map((i) => {
+			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 = R.value.style.layout.plots.stroke, c = R.value.style.layout.plots.strokeWidth, l = R.value.style.layout.plots.opacity;
+			return K.value.map((a) => {
 				let u = [];
-				for (let a of i.plots) {
-					let o = a.x, s = a.y;
+				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(R.value.style.layout.plots.radius, a.weight);
+					let c = Math.max(R.value.style.layout.plots.radius, i.weight);
 					u.push(Ci({
-						shape: i.shape || "circle",
+						shape: a.shape || "circle",
 						cx: o,
 						cy: s,
 						r: c
 					}));
 				}
 				if (!u.length) return null;
-				let d = a(i.plots.length) > 2.5 || i.plots.length > 1e3;
+				let d = o(a.plots.length) > 2.5 || a.plots.length > 1e3;
 				return {
-					id: i.id,
+					id: a.id,
 					d: u.join(""),
-					fill: c(i.color, l * 100),
-					stroke: d ? "none" : o,
-					strokeWidth: d ? 0 : s,
+					fill: i(a.color, l * 100),
+					stroke: d ? "none" : s,
+					strokeWidth: d ? 0 : c,
 					strokeOpacity: 1
 				};
 			}).filter(Boolean);
@@ -1396,7 +1396,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 		}
 		let Hi = y(() => {
 			if (!X.value) return "";
-			let e = X.value, t = isNaN(e.v.x) ? "-" : g(R.value.style.layout.plots.selectors.labels.x.formatter, e.v.x, r({
+			let e = X.value, t = isNaN(e.v.x) ? "-" : g(R.value.style.layout.plots.selectors.labels.x.formatter, e.v.x, a({
 				p: R.value.style.tooltip.prefix,
 				v: e.v.x,
 				s: R.value.style.tooltip.suffix,
@@ -1404,7 +1404,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			}), {
 				datapoint: e,
 				seriesIndex: e.seriesIndex
-			}), n = isNaN(e.v.y) ? "-" : g(R.value.style.layout.plots.selectors.labels.y.formatter, e.v.y, r({
+			}), n = isNaN(e.v.y) ? "-" : g(R.value.style.layout.plots.selectors.labels.y.formatter, e.v.y, a({
 				p: R.value.style.tooltip.prefix,
 				v: e.v.y,
 				s: R.value.style.tooltip.suffix,
@@ -1640,7 +1640,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 			C("div", Ke, [(D(), S("svg", {
 				ref_key: "svgRef",
 				ref: z,
-				xmlns: M(re),
+				xmlns: M(ae),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				class: Pe({
 					"vue-data-ui-fullscreen--on": fi.value,
@@ -1940,8 +1940,8 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 				])) : x("", !0),
 				R.value.style.layout.plots.giftWrap.show ? (D(), S("g", Mt, [(D(!0), S(v, null, k(K.value, (e, t) => (D(), S("g", null, [e.plots.length > 2 ? (D(), S("polygon", {
 					key: 0,
-					points: M(p)({ series: e.plots }),
-					fill: M(c)(e.color, R.value.style.layout.plots.giftWrap.fillOpacity * 100),
+					points: M(m)({ series: e.plots }),
+					fill: M(i)(e.color, R.value.style.layout.plots.giftWrap.fillOpacity * 100),
 					"stroke-width": R.value.style.layout.plots.giftWrap.strokeWidth,
 					"stroke-dasharray": R.value.style.layout.plots.giftWrap.strokeDasharray,
 					stroke: e.color,
@@ -1953,7 +1953,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					cx: n.x,
 					cy: n.y,
 					r: Y.value && Y.value === n.id || Z.value.includes(n.id) ? n.weight * R.value.style.layout.plots.hoverRadiusRatio : n.weight,
-					fill: M(c)(e.color, Y.value && Y.value !== n.id || Z.value.length && !Z.value.includes(n.id) ? R.value.style.layout.plots.opacityNotSelected * 100 : R.value.style.layout.plots.opacity * 100),
+					fill: M(i)(e.color, Y.value && Y.value !== n.id || Z.value.length && !Z.value.includes(n.id) ? R.value.style.layout.plots.opacityNotSelected * 100 : R.value.style.layout.plots.opacity * 100),
 					stroke: R.value.style.layout.plots.stroke,
 					"stroke-width": R.value.style.layout.plots.strokeWidth,
 					style: E(`opacity:${Y.value && Y.value === n.id || Z.value.includes(n.id) ? 1 : R.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(n.deviation) / Ur.value : R.value.style.layout.plots.significance.show && Math.abs(n.deviation) > R.value.style.layout.plots.significance.deviationThreshold ? R.value.style.layout.plots.significance.opacity : 1}`),
@@ -1968,7 +1968,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					},
 					radius: Y.value && Y.value === n.id || Z.value.includes(n.id) ? n.weight * R.value.style.layout.plots.hoverRadiusRatio : n.weight,
 					shape: e.shape,
-					color: M(c)(e.color, Y.value && Y.value !== n.id || Z.value.length && !Z.value.includes(n.id) ? R.value.style.layout.plots.opacityNotSelected * 100 : R.value.style.layout.plots.opacity * 100),
+					color: M(i)(e.color, Y.value && Y.value !== n.id || Z.value.length && !Z.value.includes(n.id) ? R.value.style.layout.plots.opacityNotSelected * 100 : R.value.style.layout.plots.opacity * 100),
 					stroke: R.value.style.layout.plots.stroke,
 					strokeWidth: R.value.style.layout.plots.strokeWidth,
 					style: E(`opacity:${Y.value && Y.value === n.id || Z.value.includes(n.id) ? 1 : R.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(n.deviation) / Ur.value : R.value.style.layout.plots.significance.show && Math.abs(n.deviation) > R.value.style.layout.plots.significance.deviationThreshold ? R.value.style.layout.plots.significance.opacity : 1}`),
@@ -1992,7 +1992,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					transform: `translate(${e.x}, ${e.y - e.weight - R.value.style.layout.plots.name.fontSize + R.value.style.layout.plots.name.offsetY})`,
 					"text-anchor": "middle",
 					"font-size": R.value.style.layout.plots.name.fontSize,
-					fill: M(c)(R.value.style.layout.plots.name.color, Y.value && Y.value !== e.id || Z.value.length && !Z.value.includes(e.id) ? R.value.style.layout.plots.opacityNotSelected * 100 : 100),
+					fill: M(i)(R.value.style.layout.plots.name.color, Y.value && Y.value !== e.id || Z.value.length && !Z.value.includes(e.id) ? R.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 Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 						fill: R.value.style.layout.plots.selectors.labels.color,
 						"font-weight": R.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
 						"text-anchor": e.x > W.value.x ? "end" : "start"
-					}, j(M(g)(R.value.style.layout.plots.selectors.labels.y.formatter, M(_)(e.v.y), M(r)({
+					}, j(M(g)(R.value.style.layout.plots.selectors.labels.y.formatter, M(_)(e.v.y), M(a)({
 						p: R.value.style.layout.plots.selectors.labels.prefix,
 						v: M(_)(e.v.y),
 						s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -2082,7 +2082,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 						fill: R.value.style.layout.plots.selectors.labels.color,
 						"font-weight": R.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
 						"text-anchor": "middle"
-					}, j(M(g)(R.value.style.layout.plots.selectors.labels.y.formatter, M(_)(e.v.x), M(r)({
+					}, j(M(g)(R.value.style.layout.plots.selectors.labels.y.formatter, M(_)(e.v.x), M(a)({
 						p: R.value.style.layout.plots.selectors.labels.prefix,
 						v: M(_)(e.v.x),
 						s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -2149,7 +2149,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					"font-size": R.value.style.layout.dataLabels.xAxis.fontSize,
 					fill: R.value.style.layout.dataLabels.xAxis.color,
 					transform: `translate(${R.value.style.layout.dataLabels.xAxis.name ? R.value.style.layout.dataLabels.xAxis.fontSize * 3 : 0}, ${W.value.y + R.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
-				}, j(M(g)(R.value.style.layout.plots.selectors.labels.x.formatter, M(_)(U.value.xMin), M(r)({
+				}, j(M(g)(R.value.style.layout.plots.selectors.labels.x.formatter, M(_)(U.value.xMin), M(a)({
 					p: R.value.style.layout.plots.selectors.labels.prefix,
 					v: M(_)(U.value.xMin),
 					s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -2163,7 +2163,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					transform: `translate(${H.value.right + R.value.style.layout.padding.right + 6}, ${W.value.y + R.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
 					"font-size": R.value.style.layout.dataLabels.xAxis.fontSize,
 					fill: R.value.style.layout.dataLabels.xAxis.color
-				}, j(M(g)(R.value.style.layout.plots.selectors.labels.x.formatter, M(_)(U.value.xMax), M(r)({
+				}, j(M(g)(R.value.style.layout.plots.selectors.labels.x.formatter, M(_)(U.value.xMax), M(a)({
 					p: R.value.style.layout.plots.selectors.labels.prefix,
 					v: M(_)(U.value.xMax),
 					s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -2178,7 +2178,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					"text-anchor": "middle",
 					"font-size": R.value.style.layout.dataLabels.yAxis.fontSize,
 					fill: R.value.style.layout.dataLabels.yAxis.color
-				}, j(M(g)(R.value.style.layout.plots.selectors.labels.y.formatter, M(_)(U.value.yMax), M(r)({
+				}, j(M(g)(R.value.style.layout.plots.selectors.labels.y.formatter, M(_)(U.value.yMax), M(a)({
 					p: R.value.style.layout.plots.selectors.labels.prefix,
 					v: M(_)(U.value.yMax),
 					s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -2195,7 +2195,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					"text-anchor": "middle",
 					"font-size": R.value.style.layout.dataLabels.yAxis.fontSize,
 					fill: R.value.style.layout.dataLabels.yAxis.color
-				}, j(M(g)(R.value.style.layout.plots.selectors.labels.y.formatter, M(_)(U.value.yMin), M(r)({
+				}, j(M(g)(R.value.style.layout.plots.selectors.labels.y.formatter, M(_)(U.value.yMin), M(a)({
 					p: R.value.style.layout.plots.selectors.labels.prefix,
 					v: M(_)(U.value.yMin),
 					s: R.value.style.layout.plots.selectors.labels.suffix,
@@ -2231,7 +2231,7 @@ var Ve = /* @__PURE__ */ e({ default: () => vn }), He = ["id"], Ue = ["id"], We
 					"text-anchor": "end",
 					"font-size": R.value.style.layout.correlation.label.fontSize,
 					"font-weight": R.value.style.layout.correlation.label.bold ? "bold" : "normal"
-				}, j(M(r)({
+				}, j(M(a)({
 					v: M(_)(e.correlation?.coefficient ?? 0),
 					r: R.value.style.layout.correlation.label.roundingValue
 				})), 9, ln)) : x("", !0)]))), 256))])) : x("", !0),