vue-data-ui 3.20.10 → 3.21.0

package/dist/{vue-ui-onion-X9anqRDz.js → vue-ui-onion-3fJB4mfC.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Ct as n, Et as r, G as i, H as a, J as o, Rt as ee, S as te, X as ne, i as re, nt as ie, pt as ae, t as oe, x as se, y as ce } from "./lib-DUeYQsS0.js";
+import { Bt as t, G as n, H as r, Ht as i, J as a, Ot as o, S as ee, Tt as te, X as ne, ht as re, i as ie, it as ae, t as oe, x as se, y as ce } from "./lib-AJRHFE5U.js";
 import { t as le } from "./useConfig-DnH7Pf_2.js";
-import { t as ue } from "./usePrinter-C1Gqt_Sp.js";
+import { t as ue } from "./usePrinter-6n2MzVyV.js";
 import { n as de, t as fe } from "./BaseScanner-Dr2a1Msy.js";
 import { t as pe } from "./useSvgExport-SVIsDot8.js";
-import { t as me } from "./useNestedProp-CNcoy38D.js";
+import { t as me } from "./useNestedProp-DtcXIg7n.js";
 import { t as he } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ge } from "./img-1cKsci8e.js";
-import { n as _e } from "./Title-NWp4qB4K.js";
+import { t as ge } from "./img-C_RNNswI.js";
+import { n as _e } from "./Title-DH6G8_cZ.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-C_Db-y7s.js";
+import { t as xe } from "./BaseLegendToggle-BNRi408o.js";
 import { t as Se } from "./A11yDataTable-BCbtxMU6.js";
 import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
 import { t as we } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Te } from "./labelUtils-CUctkYoA.js";
-import { t as Ee } from "./Legend-Cz2uQ5gs.js";
-import { t as De } from "./useAutoSizeLabelsInsideViewbox-BIVntRZp.js";
+import { t as Te } from "./labelUtils-Bycs-017.js";
+import { t as Ee } from "./Legend-BLhREbj7.js";
+import { t as De } from "./useAutoSizeLabelsInsideViewbox-kjVKQz36.js";
 import { t as Oe } from "./vue_ui_onion-1FTFFS46.js";
 import { Fragment as s, Teleport as ke, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as Ae, createTextVNode as je, createVNode as Me, defineAsyncComponent as p, guardReactiveProps as m, mergeProps as Ne, nextTick as Pe, normalizeClass as Fe, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as Ie, onMounted as Le, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as Re, shallowRef as ze, toDisplayString as x, toRefs as Be, unref as S, watch as C, withCtx as w } from "vue";
 //#region src/components/vue-ui-onion.vue
@@ -99,10 +99,10 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 	},
 	emits: ["selectLegend", "copyAlt"],
 	setup(e, { expose: ve, emit: Ve }) {
-		let lt = p(() => import("./Tooltip-BENq327o.js")), ut = p(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), dt = p(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)), ft = p(() => import("./DataTable-B--IN22e.js")), pt = p(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), mt = p(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), ht = p(() => import("./PackageVersion-BbgWxFC4.js").then((e) => e.t)), gt = p(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_onion: _t } = le(), { isThemeValid: vt, warnInvalidTheme: yt } = he(), T = e, bt = c(() => !!T.dataset && T.dataset.length), E = v(a()), xt = v(null), St = v(0), D = v(!1), Ct = v(""), O = v([]), k = v(null), wt = v(null), Tt = v(null), Et = v(null), Dt = v(null), Ot = v(0), kt = v(0), At = v(0), A = v(!1), jt = v(!1), j = v(null), M = v(!1), Mt = v(!1), N = v(null), Nt = v({
+		let lt = p(() => import("./Tooltip-979Ytd8R.js")), ut = p(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), dt = p(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), ft = p(() => import("./DataTable-DweDyHc1.js")), pt = p(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), mt = p(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), ht = p(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), gt = p(() => import("./BaseDraggableDialog-BvaFJWHb.js").then((e) => e.n)), { vue_ui_onion: _t } = le(), { isThemeValid: vt, warnInvalidTheme: yt } = he(), T = e, bt = c(() => !!T.dataset && T.dataset.length), E = v(r()), xt = v(null), St = v(0), D = v(!1), Ct = v(""), O = v([]), k = v(null), wt = v(null), Tt = v(null), Et = v(null), Dt = v(null), Ot = v(0), kt = v(0), At = v(0), A = v(!1), jt = v(!1), j = v(null), M = v(!1), Mt = v(!1), N = v(null), Nt = v({
 			x: 0,
 			y: 0
-		}), P = v("pointer"), Pt = v(!1), F = v(Vt()), I = c(() => F.value.userOptions.useCursorPointer), Ft = c(() => t({
+		}), P = v("pointer"), Pt = v(!1), F = v(Vt()), I = c(() => F.value.userOptions.useCursorPointer), Ft = c(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -151,7 +151,7 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 					color: "#969696"
 				}
 			],
-			skeletonConfig: t({
+			skeletonConfig: i({
 				defaultConfig: F.value,
 				userConfig: Ft.value
 			})
@@ -160,19 +160,19 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 			let e = me({
 				userConfig: T.config,
 				defaultConfig: _t
-			}), t = e.theme;
-			if (!t) return e;
+			}), n = e.theme;
+			if (!n) return e;
 			if (!vt.value(e)) return yt(e), e;
-			let n = me({
-				userConfig: Oe[t] || T.config,
+			let r = me({
+				userConfig: Oe[n] || T.config,
 				defaultConfig: e
 			}), i = me({
 				userConfig: T.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
 				...i,
-				customPalette: i.customPalette.length ? i.customPalette : ee[t] || r
+				customPalette: i.customPalette.length ? i.customPalette : t[n] || o
 			};
 		}
 		C(() => T.config, (e) => {
@@ -217,11 +217,11 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 			labelClass: ".vue-ui-onion-label"
 		}), Xt = c(() => F.value.debug), Zt = null;
 		function Qt() {
-			if (n(T.dataset) && (ne({
+			if (te(T.dataset) && (ne({
 				componentName: "VueUiOnion",
 				type: "dataset",
 				debug: Xt.value
-			}), Lt.value = !0), n(T.dataset) || (Lt.value = F.value.loading), F.value.responsive) {
+			}), Lt.value = !0), te(T.dataset) || (Lt.value = F.value.loading), F.value.responsive) {
 				let e = 64 / 512, t = ye(() => {
 					Zt && clearTimeout(Zt), A.value = !0;
 					let { width: t, height: n } = be({
@@ -273,7 +273,7 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 				...e,
 				percentage: e.percentage || 0,
 				targetPercentage: e.percentage || 0,
-				color: ce(e.color) || qt.value[t] || r[t],
+				color: ce(e.color) || qt.value[t] || o[t],
 				id: n,
 				shape: "circle",
 				opacity: O.value.includes(n) ? .5 : 1,
@@ -282,16 +282,16 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 				isSegregated: O.value.includes(n)
 			};
 		}))), G = c(() => W.value.map((e, t) => {
-			let n = F.value.style.chart.legend.showValue, r = F.value.style.chart.legend.showPercentage, a = bn({
-				showVal: n,
-				showPercentage: r,
-				val: re(F.value.style.chart.layout.labels.value.formatter, e.value, i({
+			let r = F.value.style.chart.legend.showValue, i = F.value.style.chart.legend.showPercentage, a = bn({
+				showVal: r,
+				showPercentage: i,
+				val: ie(F.value.style.chart.layout.labels.value.formatter, e.value, n({
 					p: e.prefix || "",
 					v: e.value,
 					s: e.suffix || "",
 					r: F.value.style.chart.legend.roundingValue
 				})),
-				percentage: i({
+				percentage: n({
 					v: e.percentage ?? 0,
 					s: "%",
 					r: F.value.style.chart.legend.roundingPercentage
@@ -300,7 +300,7 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 			});
 			return {
 				...e,
-				display: `${e.name}${n || r ? ": " : ""}${a}`
+				display: `${e.name}${r || i ? ": " : ""}${a}`
 			};
 		})), K = v(W.value), $t = c(() => F.value.useStartAnimation), en = v(null), tn = c(() => Math.max(...W.value.map((e) => e.percentage))), nn = v(!1);
 		C(() => W.value, rn, {
@@ -438,8 +438,8 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 					[F.value.style.chart.title.text],
 					[F.value.style.chart.title.subtitle.text],
 					[""]
-				], n = hn.value.head, r = hn.value.body, i = te(t.concat([n]).concat(r));
-				e ? e(i) : o({
+				], n = hn.value.head, r = hn.value.body, i = ee(t.concat([n]).concat(r));
+				e ? e(i) : a({
 					csvContent: i,
 					title: F.value.style.chart.title.text || "vue-ui-onion"
 				});
@@ -471,11 +471,11 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 			});
 		}
 		function xn(e, t) {
-			let n = F.value.style.chart.layout.labels.value.show, r = F.value.style.chart.layout.labels.percentage.show, a = bn({
+			let r = F.value.style.chart.layout.labels.value.show, i = F.value.style.chart.layout.labels.percentage.show, a = bn({
 				config: F.value.style.chart.layout.labels,
-				showVal: n,
-				showPercentage: r,
-				val: re(F.value.style.chart.layout.labels.value.formatter, e.value, i({
+				showVal: r,
+				showPercentage: i,
+				val: ie(F.value.style.chart.layout.labels.value.formatter, e.value, n({
 					p: e.prefix || "",
 					v: e.value || 0,
 					s: e.suffix || "",
@@ -484,29 +484,29 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 					datapoint: e,
 					seriesIndex: t
 				}),
-				percentage: i({
+				percentage: n({
 					v: e.percentage,
 					s: "%",
 					r: F.value.style.chart.layout.labels.roundingPercentage
 				})
 			});
-			return `${e.name}${n || r ? ": " : ""}${a}`;
+			return `${e.name}${r || i ? ": " : ""}${a}`;
 		}
 		let Sn = v(null);
-		function Cn({ datapoint: e, seriesIndex: t, show: n = !0, triggerMode: r = "pointer" }) {
+		function Cn({ datapoint: e, seriesIndex: t, show: r = !0, triggerMode: i = "pointer" }) {
 			F.value.events.datapointEnter && F.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: e.absoluteIndex
-			}), P.value = r, N.value = t;
+			}), P.value = i, N.value = t;
 			let a = e.absoluteIndex;
 			X.value = t, Sn.value = {
 				datapoint: e,
 				seriesIndex: a,
 				series: W.value,
 				config: F.value
-			}, D.value = n;
+			}, D.value = r;
 			let o = "", ee = F.value.style.chart.tooltip.customFormat;
-			if (ae(ee) && ie(() => ee({
+			if (re(ee) && ae(() => ee({
 				seriesIndex: a,
 				datapoint: e,
 				series: W.value,
@@ -518,12 +518,12 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 				config: F.value
 			});
 			else {
-				let n = F.value.style.chart.tooltip.showPercentage, r = F.value.style.chart.tooltip.showValue;
+				let r = F.value.style.chart.tooltip.showPercentage, i = F.value.style.chart.tooltip.showValue;
 				o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${e.color}"/></svg>`, o += `<b>${bn({
 					config: F.value.style.chart.tooltip,
-					showVal: r,
-					showPercentage: n,
-					val: `<span>${re(F.value.style.chart.layout.labels.value.formatter, e.value, i({
+					showVal: i,
+					showPercentage: r,
+					val: `<span>${ie(F.value.style.chart.layout.labels.value.formatter, e.value, n({
 						p: e.prefix || "",
 						v: e.value,
 						s: e.suffix || "",
@@ -532,7 +532,7 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 						datapoint: e,
 						seriesIndex: t
 					})}</span>`,
-					percentage: i({
+					percentage: n({
 						v: e.percentage,
 						s: "%",
 						r: F.value.style.chart.tooltip.roundingPercentage
@@ -1110,7 +1110,7 @@ var Ve = /* @__PURE__ */ e({ default: () => lt }), He = ["id"], Ue = ["id"], We
 				parent: k.value,
 				content: Ct.value,
 				isFullscreen: Z.value,
-				isCustom: S(ae)(F.value.style.chart.tooltip.customFormat),
+				isCustom: S(re)(F.value.style.chart.tooltip.customFormat),
 				smooth: F.value.style.chart.tooltip.smooth,
 				backdropFilter: F.value.style.chart.tooltip.backdropFilter,
 				smoothForce: F.value.style.chart.tooltip.smoothForce,

package/dist/{vue-ui-parallel-coordinate-plot-aN0OHwgH.js → vue-ui-parallel-coordinate-plot-CKKkbBlu.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, Ct as r, Et as i, G as a, H as o, I as ee, J as s, Lt as te, Rt as ne, S as re, X as ie, ct as ae, h as oe, i as se, k as ce, nt as le, ot as ue, pt as de, t as fe, x as pe, y as me, zt as he } from "./lib-DUeYQsS0.js";
+import { B as t, Bt as n, G as r, H as i, Ht as a, I as o, J as ee, Ot as s, S as te, Tt as ne, Vt as re, X as ie, ct as ae, h as oe, ht as se, i as ce, it as le, k as ue, t as de, ut as fe, x as pe, y as me, zt as he } from "./lib-AJRHFE5U.js";
 import { t as ge } from "./useConfig-DnH7Pf_2.js";
-import { t as _e } from "./usePrinter-C1Gqt_Sp.js";
+import { t as _e } from "./usePrinter-6n2MzVyV.js";
 import { n as ve, t as ye } from "./BaseScanner-Dr2a1Msy.js";
 import { t as be } from "./useSvgExport-SVIsDot8.js";
-import { t as xe } from "./useNestedProp-CNcoy38D.js";
+import { t as xe } from "./useNestedProp-DtcXIg7n.js";
 import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Ce } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as we } from "./img-1cKsci8e.js";
-import { n as Te } from "./Title-NWp4qB4K.js";
-import { t as Ee } from "./Shape-BPCJfphn.js";
+import { t as we } from "./img-C_RNNswI.js";
+import { n as Te } from "./Title-DH6G8_cZ.js";
+import { t as Ee } from "./Shape-BxFtoF1z.js";
 import { t as De } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Oe } from "./canvas-lib-BOP_HS11.js";
 import { t as ke } from "./useResponsive-BfnK0KxU.js";
-import { t as Ae } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as Ae } from "./BaseLegendToggle-BNRi408o.js";
 import { t as je } from "./A11yDataTable-BCbtxMU6.js";
 import { t as Me } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ne } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Pe } from "./Legend-Cz2uQ5gs.js";
+import { t as Pe } from "./Legend-BLhREbj7.js";
 import { t as Fe } from "./vue_ui_parallel_coordinate_plot-CBiOBira.js";
 import { Fragment as c, Teleport as Ie, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as Le, createTextVNode as Re, createVNode as ze, defineAsyncComponent as m, guardReactiveProps as h, mergeProps as Be, nextTick as Ve, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as He, onMounted as Ue, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as We, shallowRef as Ge, toDisplayString as C, toRefs as Ke, unref as w, watch as qe, watchEffect as Je, withCtx as T } from "vue";
 //#region src/components/vue-ui-parallel-coordinate-plot.vue
@@ -128,7 +128,7 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 		"copyAlt"
 	],
 	setup(e, { expose: De, emit: Ye }) {
-		let xt = m(() => import("./Tooltip-BENq327o.js")), St = m(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Ct = m(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)), wt = m(() => import("./DataTable-B--IN22e.js")), Tt = m(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Et = m(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Dt = m(() => import("./PackageVersion-BbgWxFC4.js").then((e) => e.t)), Ot = m(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_parallel_coordinate_plot: kt } = ge(), { isThemeValid: At, warnInvalidTheme: jt } = Se(), E = e, Mt = l({
+		let xt = m(() => import("./Tooltip-979Ytd8R.js")), St = m(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), Ct = m(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), wt = m(() => import("./DataTable-DweDyHc1.js")), Tt = m(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Et = m(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), Dt = m(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), Ot = m(() => import("./BaseDraggableDialog-BvaFJWHb.js").then((e) => e.n)), { vue_ui_parallel_coordinate_plot: kt } = ge(), { isThemeValid: At, warnInvalidTheme: jt } = Se(), E = e, Mt = l({
 			get() {
 				return !!E.dataset && E.dataset.length;
 			},
@@ -138,11 +138,11 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 		}), Nt = b(0), D = b(null), Pt = b(null), Ft = b(null), It = b(null), Lt = b(null), Rt = b(0), zt = b(0), Bt = b(0), Vt = b(!1), O = b(null), Ht = b(null), Ut = b(!1), Wt = b(!1), Gt = b(null), k = b(null), Kt = b({
 			x: 0,
 			y: 0
-		}), qt = b("pointer"), Jt = b(!1), A = b(o()), j = b(!1);
+		}), qt = b("pointer"), Jt = b(!1), A = b(i()), j = b(!1);
 		function Yt(e) {
 			j.value = e, Nt.value += 1;
 		}
-		let M = b(nn()), N = l(() => M.value.userOptions.useCursorPointer), Xt = l(() => n({
+		let M = b(nn()), N = l(() => M.value.userOptions.useCursorPointer), Xt = l(() => a({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -217,7 +217,7 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 					}]
 				}
 			],
-			skeletonConfig: n({
+			skeletonConfig: a({
 				defaultConfig: M.value,
 				userConfig: Xt.value
 			})
@@ -229,16 +229,16 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 			}), t = e.theme;
 			if (!t) return e;
 			if (!At.value(e)) return jt(e), e;
-			let n = xe({
+			let r = xe({
 				userConfig: Fe[t] || E.config,
 				defaultConfig: e
-			}), r = xe({
+			}), i = xe({
 				userConfig: E.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ne[t] || i
+				...i,
+				customPalette: i.customPalette.length ? i.customPalette : n[t] || s
 			};
 		}
 		qe(() => E.config, (e) => {
@@ -252,12 +252,12 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 		});
 		let rn = l(() => !!M.value.debug);
 		function an() {
-			if (r(E.dataset) ? (ie({
+			if (ne(E.dataset) ? (ie({
 				componentName: "VueUiParallelCoordinatePlot",
 				type: "dataset",
 				debug: rn.value
 			}), Qt.value = !0) : E.dataset.forEach((e, t) => {
-				ue({
+				ae({
 					datasetObject: e,
 					requiredAttributes: ["name", "series"]
 				}).forEach((e) => {
@@ -269,7 +269,7 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 						debug: rn.value
 					});
 				});
-			}), r(E.dataset) || (Qt.value = M.value.loading), M.value.responsive) {
+			}), ne(E.dataset) || (Qt.value = M.value.loading), M.value.responsive) {
 				let e = Oe(() => {
 					let { width: e, height: t } = ke({
 						chart: D.value,
@@ -279,25 +279,25 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 						noTitle: Lt.value
 					});
 					requestAnimationFrame(() => {
-						R.value.width = e, R.value.height = t - 12, M.value.responsiveProportionalSizing ? (R.value.plotSize = he({
+						R.value.width = e, R.value.height = t - 12, M.value.responsiveProportionalSizing ? (R.value.plotSize = re({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: M.value.style.chart.plots.radius,
 							threshold: 2,
 							fallback: 2
-						}), R.value.ticksFontSize = he({
+						}), R.value.ticksFontSize = re({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: M.value.style.chart.yAxis.labels.ticks.fontSize,
 							threshold: 10,
 							fallback: 10
-						}), R.value.datapointFontSize = he({
+						}), R.value.datapointFontSize = re({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: M.value.style.chart.yAxis.labels.datapoints.fontSize,
 							threshold: 10,
 							fallback: 10
-						}), R.value.axisNameFontSize = he({
+						}), R.value.axisNameFontSize = re({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: M.value.style.chart.yAxis.labels.axisNamesFontSize,
@@ -368,17 +368,17 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 			H.value.includes(e) ? H.value = H.value.filter((t) => t !== e) : H.value.push(e), An("selectLegend", K.value);
 		}
 		let U = l(() => Zt.value.map((e, t) => {
-			let n = me(e.color) || mn.value[t] || i[t] || i[t % i.length];
+			let n = me(e.color) || mn.value[t] || s[t] || s[t % s.length];
 			return {
 				...e,
 				series: e.series.map((e) => ({
 					...e,
-					id: o(),
+					id: i(),
 					color: n
 				})),
 				seriesIndex: t,
 				color: n,
-				id: o(),
+				id: i(),
 				shape: e.shape || "circle"
 			};
 		}));
@@ -446,7 +446,7 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 		})).map((e) => ({
 			...e,
 			series: e.series.map((e) => {
-				let t = ee(e.datapoints), n = ce(e.datapoints, .12), r = ae(M.value.style.chart.lines.smooth ? `M ${n}` : `M ${t}`);
+				let t = o(e.datapoints), n = ue(e.datapoints, .12), r = fe(M.value.style.chart.lines.smooth ? `M ${n}` : `M ${t}`);
 				return {
 					...e,
 					smoothPath: n,
@@ -464,7 +464,7 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 			key: `${t}_${r}`
 		}))));
 		function Sn({ value: e, index: t, datapoint: n }) {
-			return se(M.value.style.chart.yAxis.labels.formatters[t] || null, e, a({
+			return ce(M.value.style.chart.yAxis.labels.formatters[t] || null, e, r({
 				p: M.value.style.chart.yAxis.labels.prefixes[t] || "",
 				v: e,
 				s: M.value.style.chart.yAxis.labels.suffixes[t] || "",
@@ -490,10 +490,10 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 			if (!F.value || !e?.datapoints?.length) return;
 			let t = e.datapoints[Math.floor(e.datapoints.length / 2)];
 			if (!t) return;
-			let n = te(t.x, t.y, F.value);
+			let n = he(t.x, t.y, F.value);
 			n && (Kt.value = n);
 		}
-		function Q({ shape: e, serieName: t, serie: n, relativeIndex: r, seriesIndex: i, S: o, triggerMode: ee = "pointer" }) {
+		function Q({ shape: e, serieName: t, serie: n, relativeIndex: i, seriesIndex: a, S: o, triggerMode: ee = "pointer" }) {
 			M.value.events.datapointEnter && M.value.events.datapointEnter({
 				datapoint: {
 					...n,
@@ -504,13 +504,13 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 				config: M.value,
 				datapoint: n,
 				serie: n,
-				relativeIndex: r,
-				seriesIndex: i,
+				relativeIndex: i,
+				seriesIndex: a,
 				series: U.value,
 				scales: q.value
 			}, wn.value = !0, X.value = n.id;
 			let s = "", te = M.value.style.chart.tooltip.customFormat;
-			de(te) && le(() => te({
+			se(te) && le(() => te({
 				serie: n,
 				seriesIndex: n.seriesIndex,
 				series: U.value,
@@ -527,7 +527,7 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
                 <div class="vue-ui-tooltip-item" style="text-align:left">
                     <span>${e}: </span>
                     <span>
-                        ${se(M.value.style.chart.yAxis.labels.formatters[t] || null, n.datapoints[t].value, a({
+                        ${ce(M.value.style.chart.yAxis.labels.formatters[t] || null, n.datapoints[t].value, r({
 					p: M.value.style.chart.yAxis.labels.prefixes[t] || "",
 					v: n.datapoints[t].value,
 					s: M.value.style.chart.yAxis.labels.suffixes[t] || "",
@@ -580,8 +580,8 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 				[M.value.style.chart.title.text],
 				[M.value.style.chart.title.subtitle.text],
 				[""]
-			], n = On.value.head, r = On.value.body, i = re(t.concat([n]).concat(r));
-			e ? e(i) : s({
+			], n = On.value.head, r = On.value.body, i = te(t.concat([n]).concat(r));
+			e ? e(i) : ee({
 				csvContent: i,
 				title: M.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot"
 			});
@@ -1013,7 +1013,7 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 			p("div", $e, [(y(), f("svg", {
 				ref_key: "svgRef",
 				ref: F,
-				xmlns: w(fe),
+				xmlns: w(de),
 				"aria-describedby": `chart-instructions-${A.value}`,
 				class: g({
 					"vue-data-ui-fullscreen--on": j.value,
@@ -1326,7 +1326,7 @@ var Ye = /* @__PURE__ */ e({ default: () => xt }), Xe = ["id"], Ze = ["id"], Qe
 				parent: D.value,
 				content: Tn.value,
 				isFullscreen: j.value,
-				isCustom: w(de)(M.value.style.chart.tooltip.customFormat),
+				isCustom: w(se)(M.value.style.chart.tooltip.customFormat),
 				smooth: M.value.style.chart.tooltip.smooth,
 				backdropFilter: M.value.style.chart.tooltip.backdropFilter,
 				smoothForce: M.value.style.chart.tooltip.smoothForce,